:root{--paw-ink:#122333;--paw-muted:#586a77;--paw-coral:#ed715c;--paw-cream:#f9f5ee;--paw-line:#d9e1e5}
.pawwatch-page{background:#f9f5ee;color:var(--paw-ink)}
.pawwatch-page main{overflow:hidden}
.pawwatch-kicker{margin:0 0 23px;color:var(--paw-coral);font:700 12px/1.5 "DM Sans",sans-serif;letter-spacing:.18em;text-transform:uppercase}
.pawwatch-kicker span{padding:0 9px;color:#93a2ac}
.pawwatch-hero{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);min-height:690px;background:#102132;color:#fff}
.pawwatch-hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:70px clamp(28px,6vw,120px)}
.pawwatch-hero h1{max-width:680px;margin:0 0 28px;font-family:Manrope,sans-serif;font-size:clamp(52px,5.4vw,92px);font-weight:800;line-height:1.04;letter-spacing:-.075em}
.pawwatch-hero h1 em{font-style:normal;color:#f38d72}
.pawwatch-lead{max-width:630px;margin:0 0 18px;color:#f3f6f8;font-size:clamp(19px,1.55vw,25px);font-weight:600;line-height:1.55}
.pawwatch-support{max-width:590px;margin:0;color:#bac8d1;font-size:16px;line-height:1.75}
.pawwatch-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:32px}
.pawwatch-page .pawwatch-actions .button,.pawwatch-page .pawwatch-close .button{background:var(--paw-coral);border-color:var(--paw-coral);color:#102132}
.pawwatch-text-link{color:#fff;font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid #fff8;padding-bottom:5px}
.pawwatch-hero-copy>small{max-width:490px;margin-top:34px;color:#a5b7c5;font-size:12px;line-height:1.5}
.pawwatch-hero-image{position:relative;min-height:580px;margin:0;overflow:hidden;background:#122333}
.pawwatch-hero-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:right center}
.pawwatch-hero-image figcaption{position:absolute;right:20px;bottom:20px;padding:9px 12px;border:1px solid #fff5;border-radius:4px;background:#0d1e2dba;color:#fff;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.pawwatch-intro{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:110px max(6vw,calc((100vw - 1400px)/2));background:var(--paw-cream)}
.pawwatch-intro h2,.pawwatch-section-heading h2,.pawwatch-build h2,.pawwatch-close h2{margin:0;font-family:Manrope,sans-serif;font-size:clamp(37px,4.3vw,65px);line-height:1.1;letter-spacing:-.065em}
.pawwatch-intro>div:last-child{max-width:620px;align-self:end}
.pawwatch-intro>div:last-child p{margin:0 0 18px;color:#445767;font-size:18px;line-height:1.8}
.pawwatch-scenes{padding:110px max(6vw,calc((100vw - 1400px)/2));background:#eaf1f3}
.pawwatch-section-heading{max-width:750px;margin-bottom:52px}
.pawwatch-section-heading>p:last-child{max-width:650px;margin:22px 0 0;color:#506473;font-size:18px;line-height:1.7}
.pawwatch-scene-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:22px;align-items:stretch}
.pawwatch-scene{display:flex;flex-direction:column;min-width:0;margin:0;background:#fff;border:1px solid var(--paw-line);box-shadow:0 20px 50px #1223330d;overflow:hidden}
.pawwatch-scene-image{display:flex;align-items:center;justify-content:center;height:430px;overflow:hidden;background:#172839}
.pawwatch-scene-image img{display:block;width:100%;height:100%;object-fit:cover}
.pawwatch-scene-phone .pawwatch-scene-image{background:#fbe9dd}
.pawwatch-scene-phone .pawwatch-scene-image img{width:auto;max-width:100%;height:100%;object-fit:contain}
.pawwatch-scene-live{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);align-items:center;background:#102132;color:#fff}
.pawwatch-scene-live .pawwatch-scene-image{height:540px;background:#fbe9dd}
.pawwatch-scene-live figcaption{padding:50px clamp(30px,5vw,80px)}
.pawwatch-scene-live figcaption strong{font-size:clamp(28px,3vw,45px)}
.pawwatch-scene-live figcaption p{color:#c1d0d8;font-size:17px}
.pawwatch-scene figcaption{flex:1;padding:27px 30px 30px}
.pawwatch-scene figcaption span{display:block;margin-bottom:11px;color:#cc6452;font:700 11px/1.3 "DM Sans",sans-serif;letter-spacing:.16em}
.pawwatch-scene figcaption strong{display:block;font-family:Manrope,sans-serif;font-size:clamp(20px,2vw,27px);line-height:1.25;letter-spacing:-.035em}
.pawwatch-scene figcaption p{max-width:600px;margin:10px 0 0;color:#60727d;font-size:15px;line-height:1.65}
.pawwatch-visual-note{margin:26px 0 0;color:#536978;font-size:13px}
.pawwatch-build{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;padding:110px max(6vw,calc((100vw - 1400px)/2));background:#102132;color:#fff}
.pawwatch-build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pawwatch-build-grid article{border-top:1px solid #6d8292;padding-top:20px}
.pawwatch-build-grid span{color:#f38d72;font:700 12px/1.5 monospace}
.pawwatch-build-grid h3{margin:28px 0 12px;font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.03em}
.pawwatch-build-grid p{margin:0;color:#bccbd4;font-size:15px;line-height:1.7}
.pawwatch-close{padding:110px 6vw;text-align:center;background:#fff}
.pawwatch-close>p:not(.pawwatch-kicker){max-width:650px;margin:24px auto 30px;color:#536978;font-size:18px;line-height:1.7}
.pawwatch-close .button{display:inline-flex}
.pawwatch-work-feature{display:grid;grid-template-columns:minmax(0,1fr) 340px;margin:24px 0 32px;background:#fff;border:1px solid #cbd6e2;overflow:hidden}
.pawwatch-work-feature>div{align-self:center;padding:30px clamp(28px,3vw,48px)}
.pawwatch-work-feature>div>span{color:#c6604b;font-size:11px;font-weight:700;letter-spacing:.12em}
.pawwatch-work-feature h2{margin:10px 0 8px;font-size:clamp(34px,3vw,45px);line-height:1.07;letter-spacing:-.06em}
.pawwatch-work-feature p{max-width:560px;color:#526677;font-size:16px;line-height:1.75}
.pawwatch-work-feature a,.pawwatch-product a:not(.button){display:inline-block;margin-top:12px;color:#0c61de;font-size:15px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}
.pawwatch-work-feature img{display:block;width:100%;height:220px;object-fit:cover;object-position:right center}
.premium-site .product-card.pawwatch-product{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;align-items:center;padding:25px 32px;border-left:4px solid var(--paw-coral);background:#fff}
.pawwatch-product .status{color:#bb5a48}
.premium-site .pawwatch-product h2{margin:8px 0 4px;font-size:28px}
.premium-site .pawwatch-product p{max-width:700px;margin:0;font-size:15px;line-height:1.5}
.premium-site .pawwatch-product a{margin:0!important;white-space:nowrap}
@media(max-width:1050px){.pawwatch-hero{grid-template-columns:1fr}.pawwatch-hero-copy{padding:75px 6vw}.pawwatch-hero-image{min-height:460px;max-height:620px}.pawwatch-build{grid-template-columns:1fr}.pawwatch-intro{gap:35px}}
@media(max-width:760px){.pawwatch-intro{grid-template-columns:1fr;padding-block:75px}.pawwatch-scenes,.pawwatch-build{padding-block:75px}.pawwatch-scene-grid{grid-template-columns:1fr}.pawwatch-scene-image{height:auto;aspect-ratio:16/10}.pawwatch-scene-phone .pawwatch-scene-image{height:480px;aspect-ratio:auto}.pawwatch-scene-live{grid-column:auto;grid-template-columns:1fr}.pawwatch-scene-live .pawwatch-scene-image{height:480px;aspect-ratio:auto}.pawwatch-scene-live figcaption{padding:32px}.pawwatch-build-grid{grid-template-columns:1fr;gap:30px}.pawwatch-work-feature,.premium-site .product-card.pawwatch-product{grid-template-columns:1fr}.pawwatch-work-feature img{height:180px}.premium-site .product-card.pawwatch-product{gap:14px}.premium-site .pawwatch-product a{justify-self:start}.pawwatch-close{padding-block:80px}}
@media(max-width:540px){.pawwatch-hero-copy{padding:58px 6vw}.pawwatch-hero h1{font-size:clamp(45px,12vw,62px)}.pawwatch-hero-image{min-height:320px}.pawwatch-hero-image figcaption{right:10px;bottom:10px;font-size:9px}.pawwatch-lead{font-size:18px}.pawwatch-support{font-size:15px}.pawwatch-actions{align-items:flex-start;flex-direction:column;gap:20px}.pawwatch-intro>div:last-child p{font-size:16px}.pawwatch-section-heading>p:last-child{font-size:16px}.pawwatch-scene figcaption{padding:22px}.pawwatch-scene-phone .pawwatch-scene-image{height:430px}.pawwatch-work-feature>div{padding:34px 26px}.premium-site .product-card.pawwatch-product{gap:15px}}
