:root{--navy:#061925;--ink:#14313f;--cream:#f5f1e8;--gold:#edc37b;--muted:#a9bfcb;--red:#ef4135;--yellow:#f6bd28;--green:#28be7d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,system-ui,sans-serif}a{color:inherit}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #dc9b30;outline-offset:5px}img{max-width:100%;display:block}.wrap{max-width:1200px;margin:auto;padding:0 40px}.skip{position:absolute;top:-80px;background:white;color:#123;padding:12px;z-index:99}.skip:focus{top:0}.preview-note{background:#e9ca92;color:#19323e;text-align:center;padding:8px 20px;font-size:12px}.preview-note a{margin-left:10px}header{position:sticky;top:0;z-index:20;background:#061925ee;color:#fff;border-bottom:1px solid #ffffff16;backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:17px;padding-bottom:17px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-1px}.brand img{width:38px;height:38px;border-radius:10px}.nav nav{display:flex;align-items:center;gap:28px}.nav nav a{text-decoration:none;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 22px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:650;border:1px solid transparent;background:var(--gold);color:#102936;min-height:48px}.button.outline{background:transparent;color:inherit;border-color:#ffffff45}.button.dark{background:#153b49;color:#fff}.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:650px;gap:20px;padding-top:50px;padding-bottom:65px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:650;color:#946423}.hero .eyebrow,.dark-section .eyebrow{color:var(--gold)}h1{font-size:clamp(48px,5.9vw,78px);line-height:1.02;letter-spacing:-.055em;margin:22px 0;max-width:650px}h1 em{font-style:normal;color:var(--gold)}.lede{max-width:500px;font-size:18px;line-height:1.8;color:#bed0da}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.fine{font-size:12px;line-height:1.7;color:var(--muted);margin-top:16px}.signature{position:relative;isolation:isolate;min-height:490px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;border-radius:32px}.wall{position:absolute;inset:0;z-index:-1;background:url('/assets/spot-signature-wallpaper.svg') center/cover;opacity:.08;transition:opacity 1.1s}.signature[data-phase="bloom"] .wall,.signature[data-phase="ready"] .wall{opacity:1}.sig-settings{position:absolute;right:18px;top:15px;display:flex;gap:12px}.sig-settings button{border:0;background:#06192599;color:#bdd0db;font-size:11px;padding:7px;cursor:pointer}.signal{display:flex;flex-direction:column;align-items:center;gap:15px;width:150px;padding:17px 14px;border:1px solid #94afba;border-radius:40px;background:linear-gradient(110deg,#5c6e78,#102532 5%,#040e16 28%,#142632 92%,#607d89);box-shadow:inset 0 0 0 5px #08131b,0 15px 35px #0008;transition:filter .3s}.lens{display:grid;place-items:center;border-radius:50%;position:relative;isolation:isolate;overflow:hidden;box-shadow:0 0 0 4px #030c13;border:1px solid #45555e;background:#101817;transition:box-shadow .8s}.lens:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,#fff3 0 1px,transparent 1.3px) 0 0/4px 4px,radial-gradient(at 35% 25%,var(--top),var(--color) 75%);opacity:.06;transition:opacity .8s}.red{width:118px;height:118px;--top:#ff8b70;--color:#e52c23;display:flex;flex-direction:column;color:#fff;text-decoration:none;border-color:#75382f}.red svg{width:36px;height:36px;opacity:.18}.red strong{font-size:18px;margin-top:5px;opacity:.18}.yellow,.green{width:49px;height:49px;--top:#ffe578;--color:#e0a316}.green{--top:#91efc0;--color:#159763}.signature[data-phase="wake-red"] .red:before,.signature[data-phase="wake-yellow"] .yellow:before,.signature[data-phase="wake-green"] .green:before,.signature[data-phase="bloom"] .red:before,.signature[data-phase="ready"] .red:before{opacity:1}.signature[data-phase="blackout"] .signal{filter:brightness(.35)}.signature[data-phase="ready"] .red{box-shadow:0 0 0 4px #030c13,0 0 30px #ef413550}.signature[data-phase="ready"] .red svg,.signature[data-phase="ready"] .red strong{opacity:1}.sig-caption{font-size:13px;letter-spacing:.04em;color:#c9dce6;margin:24px 0 0;opacity:0;transition:opacity .6s}.signature[data-phase="ready"] .sig-caption{opacity:1}.signal-arrow{position:absolute;width:80px;height:80px;left:calc(50% + 65px);top:88px;color:var(--gold);opacity:0}.signature[data-phase="ready"] .signal-arrow{opacity:1;animation:nudge 1.4s ease-in-out 2}.signature[data-phase="ready"]:after{content:'';position:absolute;pointer-events:none;width:140%;height:2px;top:58%;background:linear-gradient(90deg,transparent,#edc37b99,transparent);transform:rotate(-15deg);animation:sweep 1.4s ease-out both}@keyframes sweep{from{translate:-100% 0}to{translate:100% 0}}@keyframes nudge{50%{translate:-4px 4px}}.strip{background:#102d3b;color:#a8c0cc;padding:18px 0;font-size:13px}.strip .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.strip b{color:#f2d6a3;font-weight:600}.section{padding:85px 0}.heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.heading h2{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.04em;margin:12px 0 0;max-width:670px}.heading p{max-width:330px;color:#60717a;font-size:14px;line-height:1.75}.steps{display:flex;gap:9px;margin:24px 0}.steps button{background:transparent;border:1px solid #b6c2c5;color:#405e6b;padding:10px 16px;border-radius:99px;font-size:13px;cursor:pointer}.steps button[aria-selected="true"]{background:#163e4b;color:white;border-color:#163e4b}.demo{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #d8dedb;border-radius:22px;overflow:hidden}.demo-art{min-height:350px;position:relative;background:#173341}.demo-art img{width:100%;height:100%;max-height:430px;object-fit:cover}.stage-label{position:absolute;bottom:20px;left:20px;background:#061925e6;color:#fff;padding:10px 15px;border-radius:8px;font-size:12px}.demo-copy{padding:45px;align-self:center}.demo-copy h3{font-size:30px;letter-spacing:-1px;margin:10px 0 18px}.demo-copy p{line-height:1.8;color:#526975}.demo-copy .sample{border-left:3px solid var(--gold);padding-left:18px;color:#23424f;font-size:16px}.small-link{font-size:13px;text-decoration:underline;text-underline-offset:4px}.rail{display:flex;gap:22px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:18px}.project{flex:0 0 calc(50% - 11px);scroll-snap-align:start;background:#fff;border:1px solid #d3ddda;border-radius:20px;overflow:hidden}.project>a{display:block;text-decoration:none}.project img{width:100%;height:260px;object-fit:cover;transition:transform .4s}.project:hover img{transform:scale(1.025)}.project-copy{padding:26px}.project h3{font-size:26px;letter-spacing:-.7px;margin:10px 0}.project p{font-size:14px;line-height:1.75;color:#566b74}.project .tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8b642d}.arrows{display:flex;gap:8px}.arrows button{border:1px solid #aebdc1;border-radius:50%;width:42px;height:42px;background:transparent;cursor:pointer;color:inherit}.dark-section{background:#0b2330;color:#fff}.dark-section .heading p{color:#b4c9d4}.products{display:grid;grid-template-columns:1fr 1fr;gap:25px}.product{padding:34px;border:1px solid #ffffff25;border-radius:20px;background:linear-gradient(135deg,#1f4e5c44,transparent)}.product h3{font-size:34px;letter-spacing:-1px;margin:12px 0}.product p{color:#bbcfda;line-height:1.8;font-size:15px}.product ul{padding-left:18px;color:#bbcfda;line-height:2;font-size:14px}.product .status{font-size:11px;color:#edca87}.belief{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.belief h2{font-size:40px;letter-spacing:-1.4px;line-height:1.12}.belief p{color:#526975;line-height:1.85}.closing{text-align:center;background:#e6e9e1}.closing h2{font-size:clamp(36px,5vw,58px);letter-spacing:-2px;margin:12px auto;max-width:720px}.closing p{line-height:1.8;color:#526975}.closing .actions{justify-content:center}footer{background:#061925;color:#9db8c7;padding:35px 0;font-size:12px}.foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.foot nav{display:flex;gap:20px;flex-wrap:wrap}.foot a{text-decoration:none}
@media(max-width:800px){.wrap{padding-left:22px;padding-right:22px}.nav nav{gap:16px}.nav nav .wide{display:none}.hero-grid{grid-template-columns:1fr;padding-top:35px;padding-bottom:30px;gap:0}.hero h1{font-size:53px}.lede{font-size:16px}.signature{min-height:410px;margin-top:20px}.heading{align-items:start;flex-direction:column;gap:10px}.heading p{max-width:100%}.section{padding:55px 0}.demo{grid-template-columns:1fr}.demo-art{min-height:230px}.demo-art img{max-height:280px}.demo-copy{padding:27px}.project{flex-basis:85%}.project img{height:220px}.products,.belief{grid-template-columns:1fr;gap:25px}.brand{font-size:20px}.nav .button{padding:11px 13px;font-size:12px}.strip .wrap{gap:10px}.signal-arrow{top:55px}.steps button{padding:9px 12px}.belief h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:800px){.hero-grid{padding-top:10px}.signature{order:-1;min-height:335px;margin:0 -8px 22px}.signal{scale:.78;transform-origin:center;margin:-30px 0}.sig-caption{margin:4px 0 0;font-size:12px}.signal-arrow{top:45px;left:calc(50% + 53px);width:65px}.hero h1{font-size:46px;margin:16px 0}.hero .lede{line-height:1.7}.sig-settings{top:7px;right:12px}}

/* Cinematic signature and educational hero sequence */
.signature [hidden]{display:none!important}.cinematic{min-height:550px;background:#030e17;border:1px solid #7bafbc22;box-shadow:0 30px 80px #0003}.cinematic .wall{background-image:url('/assets/spot-cinematic-light.svg');background-size:cover;inset:-5%;opacity:.04;filter:blur(8px);transform:scale(1.15);transition:opacity 2.3s,filter 2.8s,transform 5s}.cinematic[data-phase="bloom"] .wall,.cinematic[data-phase="ready"] .wall{opacity:.9;filter:blur(0);transform:scale(1)}.cinema-intro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;perspective:800px}.cinema-overline{position:absolute;top:56px;font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#e8c28a;opacity:0;transition:opacity 1s}.cinematic[data-phase="ready"] .cinema-overline{opacity:1}.cinematic .signal{width:144px;gap:14px;border-radius:39px;transform:rotateY(-18deg) translateY(22px) scale(.82);filter:brightness(.3);transition:transform 3s cubic-bezier(.16,1,.3,1),filter 1.2s;box-shadow:inset 0 0 0 4px #030d15,inset 2px 0 5px #c4e3eb55,0 20px 40px #0009}.cinematic .red{width:112px;height:112px;background:radial-gradient(at 40% 20%,#333c43,#130f10 65%)}.cinematic .lens:before{background:radial-gradient(circle,#fff6 0 .65px,transparent 1px) 0 0/3px 3px,radial-gradient(at 35% 23%,var(--top),var(--color) 75%);box-shadow:inset 0 5px 13px #fff4,inset 0 -12px 20px #0007}.cinematic .red:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:50%;background:linear-gradient(125deg,#ffffff28,transparent 43%,#0003);box-shadow:inset 0 0 0 5px #130b0980}.cinematic[data-phase="bloom"] .signal,.cinematic[data-phase="ready"] .signal{transform:rotateY(0) translateY(0) scale(1);filter:brightness(1)}.cinematic[data-phase="blackout"] .signal{filter:brightness(.15)}.cinematic .sig-caption{position:absolute;bottom:100px;text-align:center;font-size:16px;letter-spacing:-.02em;max-width:90%}.cinematic[data-phase="ready"] .red{box-shadow:0 0 0 4px #030c13,0 0 15px #f1453850,0 0 60px #ef413530}.cinematic .signal-floor{position:absolute;top:75%;width:180px;height:25px;background:#27a1a344;border-radius:50%;filter:blur(20px);opacity:0;transition:opacity 2s}.cinematic[data-phase="ready"] .signal-floor{opacity:1}.signature-particles{position:absolute;inset:0;pointer-events:none;width:100%;height:100%;opacity:0;transition:opacity 1.8s;z-index:-1}.cinematic[data-phase="bloom"] .signature-particles,.cinematic[data-phase="ready"] .signature-particles{opacity:.85}.cinematic .sig-settings{z-index:5}.cinematic .sig-settings button{font-size:10px;background:#041520b8;color:#e3edf2;border:1px solid #ffffff18;border-radius:6px}.hero-lesson{position:absolute;inset:0;background:#041522;animation:lesson-in .85s ease both}.hero-lesson>img{width:100%;height:100%;object-fit:cover;animation:lesson-pan 10s linear both}.hero-lesson:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#04152222 0%,#04152200 25%,#041522b8 48%,#041522fc 82%);pointer-events:none}.lesson-copy{position:absolute;z-index:2;left:30px;right:30px;bottom:77px}.lesson-copy>p{font-size:10px;letter-spacing:.13em;font-weight:700;color:#e9bd73}.lesson-copy h2{font-size:clamp(28px,3vw,36px);line-height:1.05;letter-spacing:-1px;margin:12px 0}.lesson-copy>span{display:block;font-size:14px;line-height:1.7;color:#d2e0e7}.lesson-copy small{display:block;font-size:9px;color:#89a3b3;margin-top:12px}.hero-carousel-controls{position:absolute;bottom:19px;left:25px;right:25px;display:flex;align-items:center;justify-content:center;gap:12px;z-index:5}.hero-carousel-controls>button{width:32px;height:32px;border-radius:50%;border:1px solid #9eb8c144;background:#061925c9;color:#fff;cursor:pointer}.hero-dots{display:flex;gap:4px}.hero-dots button{padding:10px 4px;border:0;background:transparent;cursor:pointer}.hero-dots span{display:block;width:20px;height:3px;border-radius:9px;background:#53717f}.hero-dots button[aria-current="true"] span{background:#edc37b}.voice-visual{position:absolute;z-index:2;left:30px;right:30px;top:120px;display:flex;align-items:center;justify-content:center;gap:5px;height:85px}.voice-visual i{display:block;width:4px;height:var(--bar);background:#f2d19a;box-shadow:0 0 12px #ecbe6c44;animation:voice-breathe 1.2s ease-in-out var(--delay) infinite alternate;border-radius:5px}.lesson-caption>img{filter:brightness(.45) saturate(.7)}.share-seal{position:absolute;top:115px;left:calc(50% - 52px);width:104px;height:104px;border:1px solid #95f2bf;background:radial-gradient(at 35% 25%,#8aefbd,#159c65 75%);box-shadow:0 0 65px #2cc98a55,inset 0 0 0 5px #06443155;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:58px;z-index:2}.carousel-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes lesson-in{from{opacity:0}to{opacity:1}}@keyframes lesson-pan{from{transform:scale(1.035)}to{transform:scale(1.11) translateY(-1%)}}@keyframes voice-breathe{to{transform:scaleY(.35);opacity:.5}}
@media(max-width:800px){.cinematic{min-height:430px;margin-bottom:28px}.cinematic .signal{scale:.9;margin:0}.cinematic .sig-caption{bottom:45px;font-size:14px}.cinema-overline{top:55px;font-size:9px}.lesson-copy{left:22px;right:22px;bottom:68px}.lesson-copy h2{font-size:30px}.lesson-copy>span{font-size:13px;line-height:1.6}.voice-visual{top:80px}.share-seal{top:75px;width:82px;height:82px;left:calc(50% - 41px);font-size:45px}.hero-carousel-controls{bottom:16px}.cinematic .sig-settings{right:12px;top:12px}}

.lesson-contractor>img{object-position:58% center}.lesson-restaurant>img{object-position:56% center}.lesson-contractor .lesson-copy h2,.lesson-restaurant .lesson-copy h2{font-size:clamp(27px,3vw,35px)}@media(max-width:800px){.hero-dots span{width:15px}.hero-carousel-controls{gap:8px}.lesson-contractor .lesson-copy h2,.lesson-restaurant .lesson-copy h2{font-size:29px}}

/* Norscribe coastal cinema: atmosphere across the complete hero */
.hero.coastal-cinema{isolation:isolate;background:#041925}.hero-environment{position:absolute;inset:-4%;z-index:0;pointer-events:none;overflow:hidden;transform:translate3d(var(--look-x,0px),var(--look-y,0px),0);transition:transform 1.5s cubic-bezier(.15,.65,.25,1)}.hero-environment>img{height:100%;width:100%;object-fit:cover;object-position:center;opacity:.65;filter:saturate(.87)}.hero-environment:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#031924f2 0%,#041b27dc 30%,#04203068 65%,#04192545),linear-gradient(0deg,#041925 0%,transparent 36%,#04192544 100%)}.hero-haze{position:absolute;width:70%;height:80%;pointer-events:none;border-radius:50%;filter:blur(55px);opacity:.23;z-index:1;background:radial-gradient(ellipse,#16888e6b,transparent 65%);right:-25%;top:-30%}.hero-haze.gold{background:radial-gradient(ellipse,#e7b9745c,transparent 67%);width:65%;height:75%;top:auto;bottom:-50%;right:15%;opacity:.4}.hero-trails{position:absolute;z-index:1;bottom:-10px;left:-5%;width:110%;height:62%;pointer-events:none;opacity:.65;overflow:visible}.hero-trails path{fill:none;stroke-linecap:round}.hero-trails .gold-path{stroke:#e9bf7866;stroke-width:1}.hero-trails .teal-path{stroke:#62cbd04d;stroke-width:.8}.hero-trails .light-run{stroke:#ffe0a5;stroke-width:1.3;stroke-dasharray:100 1300;stroke-dashoffset:1400;filter:drop-shadow(0 0 5px #e8b967)}.coastal-cinema .hero-grid{position:relative;z-index:2;min-height:690px;padding-top:65px;padding-bottom:65px;gap:35px}.hero-message{position:relative;z-index:2}.coastal-cinema h1{font-weight:750}.hero-line{display:block}.hero-line em{background:linear-gradient(110deg,#f5d59f,#e4b46d 55%,#ffe7bd);background-clip:text;-webkit-background-clip:text;color:transparent}.coastal-cinema .lede{color:#d0dfe5}.coastal-cinema .fine{color:#a9c5cf}.coastal-cinema .signature{background:#05233266;box-shadow:0 25px 80px #0002,inset 0 0 0 1px #b3e4e91c;border:1px solid #99c7d016;backdrop-filter:blur(4px)}.coastal-cinema .signature .wall{background-image:url('/assets/spot-coastal-hero.svg');background-position:75% center;opacity:.1}.coastal-cinema .signature[data-phase="bloom"] .wall,.coastal-cinema .signature[data-phase="ready"] .wall{opacity:.6}.coastal-cinema .sig-caption{background:#031b2694;padding:9px 16px;border-radius:99px;bottom:67px;color:#e4f0f4;font-size:14px;box-shadow:0 5px 25px #03131b55}.hero-motion-toggle{position:absolute;top:16px;right:max(22px,calc((100vw - 1120px)/2));z-index:6;border:1px solid #b4d2db33;background:#041b2877;color:#c4dce5;padding:7px 11px;border-radius:99px;font-size:10px;cursor:pointer;backdrop-filter:blur(8px)}.coastal-cinema .button{box-shadow:0 5px 25px #0002;transition:transform .3s,box-shadow .3s,background .3s;position:relative;overflow:hidden}.coastal-cinema .button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #dcaf591f}.coastal-cinema .button:after{content:'';position:absolute;width:35%;height:220%;top:-60%;left:-60%;background:linear-gradient(90deg,transparent,#ffffff40,transparent);rotate:22deg;pointer-events:none;transition:left .7s}.coastal-cinema .button:hover:after{left:135%}.hero-lesson{animation:coastal-slide-enter 1.1s cubic-bezier(.18,.65,.25,1) both}.hero-lesson>img{animation:coastal-camera 12s ease-out both;filter:saturate(.88)}.hero-lesson .lesson-copy{animation:coastal-copy-enter 1s .12s ease both}.coastal-cinema .lesson-copy h2{font-weight:700}.coastal-cinema .hero-lesson:after{background:linear-gradient(180deg,#03202d0a 0%,transparent 27%,#041c29a6 48%,#041b28fa 83%)}.coastal-cinema .lesson-restaurant>img{object-position:58% center}.is-playing .hero-environment>img{animation:coastal-establish 5s cubic-bezier(.13,.65,.25,1) both}.is-playing .hero-haze{animation:coastal-light-breathe 16s ease-in-out infinite alternate}.is-playing .hero-haze.gold{animation-delay:-6s}.is-playing .hero-trails .light-run{animation:coastal-travel 8s 1s ease-in-out 2}.is-playing .hero-message>.eyebrow{animation:coastal-copy-enter 1s .15s both}.is-playing .hero-line{animation:coastal-title-enter 1.25s var(--delay,.3s) cubic-bezier(.16,.8,.25,1) both}.is-playing .hero-message>.lede{animation:coastal-copy-enter 1s .85s both}.is-playing .hero-message>.actions{animation:coastal-copy-enter 1s 1.05s both}.is-playing .hero-message>.fine{animation:coastal-copy-enter 1s 1.25s both}.is-playing .signature{animation:coastal-frame-enter 1.6s .3s cubic-bezier(.16,.75,.25,1) both}
@keyframes coastal-establish{from{transform:scale(1.12);filter:blur(6px) saturate(.7);opacity:0}to{transform:scale(1);filter:blur(0) saturate(.87);opacity:.65}}
@keyframes coastal-title-enter{from{opacity:0;transform:translate3d(0,24px,0);filter:blur(9px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes coastal-copy-enter{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
@keyframes coastal-frame-enter{from{opacity:0;transform:translate3d(0,18px,0) scale(.97);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes coastal-light-breathe{from{opacity:.18;transform:translate3d(-2%,3%,0) scale(.95)}to{opacity:.35;transform:translate3d(4%,-2%,0) scale(1.12)}}
@keyframes coastal-travel{0%{stroke-dashoffset:1400;opacity:0}15%{opacity:.8}80%{opacity:.5}100%{stroke-dashoffset:-1400;opacity:0}}
@keyframes coastal-slide-enter{from{opacity:0;filter:blur(3px);transform:translateX(8px) scale(1.015)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes coastal-camera{from{transform:scale(1.025)}to{transform:scale(1.09) translateY(-.5%)}}
.motion-paused .hero *,.motion-paused .hero:before,.motion-paused .hero:after{animation-play-state:paused!important}.motion-paused .hero-environment{transform:none!important}.motion-paused .hero .signature-particles{opacity:0}.hero-offscreen *{animation-play-state:paused!important}
@media(min-width:1300px){.coastal-cinema .hero-grid{min-height:730px}}@media(max-width:800px){.coastal-cinema .hero-grid{padding-top:47px;padding-bottom:35px;min-height:0;gap:0}.coastal-cinema .hero-environment>img{object-position:65% center;opacity:.56}.hero-environment:after{background:linear-gradient(0deg,#041925 2%,#041925a8 50%,#04192577)}.coastal-cinema .signature{background:#062c3b55}.hero-motion-toggle{top:13px;right:22px}.coastal-cinema .sig-caption{bottom:39px;font-size:12px}.hero-trails{height:55%;bottom:30%}.coastal-cinema .hero-line{font-size:46px}.hero-haze{filter:blur(30px)}}
@media(prefers-reduced-motion:reduce){.hero-environment{transform:none!important}.hero-environment>img{opacity:.65!important}.hero-line,.hero-message>*{opacity:1!important;transform:none!important;filter:none!important}.hero-trails .light-run{display:none}.signature-particles{display:none}.hero-motion-toggle{display:none}}

.motion-paused .hero-message>*,.motion-paused .hero-line,.motion-paused .hero .signature{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.motion-paused .hero-environment>img{animation:none!important;opacity:.65!important;filter:none!important}

.motion-paused .hero-lesson,.motion-paused .hero-lesson .lesson-copy,.motion-paused .hero-lesson>img{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}

/* Clear lens alignment; one coherent light treatment. */
.cinematic .red{display:flex;align-items:center;justify-content:center;gap:5px;padding:0;line-height:1}.cinematic .red svg{display:block;margin:0;width:34px;height:34px;flex:none}.cinematic .red strong{display:block;margin:0;line-height:1;font-size:17px;flex:none}.signature:after{display:none!important}.coastal-cinema .sig-caption{background:transparent;box-shadow:none;border:0;border-radius:0;padding:0;bottom:73px}.dash-coming{background:#f4f1e9}.dash-preview{border:1px solid #c6d1cf;border-radius:20px;overflow:hidden;background:#061824;box-shadow:0 15px 45px #183d4810}.dash-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;background:#122c3b;color:#b9d1dc;font-size:11px}.dash-preview-toolbar>div{display:flex;gap:5px}.dash-preview-toolbar button{border:1px solid #97b4bf55;background:transparent;border-radius:6px;padding:7px 13px;color:#d1e2e9;font-size:11px;cursor:pointer}.dash-preview-toolbar button[aria-pressed="true"]{background:#eed099;color:#173847;border-color:#eed099}.dash-preview>img{width:100%;height:auto;display:block}.dash-preview>[hidden]{display:none!important}.dash-under{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px}.dash-under>p{max-width:620px;font-size:15px;color:#546b76;line-height:1.8}.sparky-note{background:radial-gradient(ellipse at 20% 85%,#1b617044,transparent 65%),#092330;color:#eaf2f5;padding:32px 0}.sparky-note-inner{display:flex;gap:35px;align-items:center;max-width:950px}.sparky-note img{width:110px;height:165px;object-fit:contain;flex:none;filter:drop-shadow(0 8px 15px #0005)}.sparky-note .eyebrow{color:#e8bd7a;font-size:10px}.sparky-note h2{font-size:32px;letter-spacing:-1px;margin:10px 0}.sparky-note p{font-size:15px;line-height:1.8;color:#bcd0da}.sparky-note a{color:#efd099;font-size:13px;text-underline-offset:4px}
@media(max-width:800px){.dash-preview-toolbar{padding:11px 13px;font-size:10px}.dash-preview-toolbar button{padding:7px 10px}.dash-under{align-items:start;flex-direction:column;gap:8px}.sparky-note-inner{gap:20px}.sparky-note img{width:80px;height:125px}.sparky-note h2{font-size:26px}.sparky-note p{font-size:13px}.coastal-cinema .sig-caption{bottom:40px}}

/* The Vision Room and cinematic field-guide details. */
.vroom-home-preview{overflow:hidden;border-radius:20px;border:1px solid #425d66;background:#112632;box-shadow:0 24px 60px #0a27301a;margin-bottom:20px}.vroom-preview-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;color:#f1ebdf;font-size:13px;letter-spacing:.07em}.vroom-preview-bar span{display:flex;align-items:center;gap:10px}.vroom-preview-bar i{width:8px;height:8px;border-radius:50%;background:#e9b650;box-shadow:0 0 16px #e9b650}.vroom-preview-bar small{font-size:11px;letter-spacing:0;color:#b8cdd0}.vroom-home-preview>img{width:100%;height:auto;display:block}.vroom-preview-path{display:flex;justify-content:space-around;gap:16px;color:#b8cdca;padding:18px;font-size:12px}.dash-appearance{margin-top:18px;border:1px solid #bdcbc7;border-radius:16px;padding:18px}.dash-appearance summary{cursor:pointer;color:#22414a;font-size:14px;font-weight:600}.dash-appearance .dash-preview{margin-top:18px}
.project-scene{position:relative;isolation:isolate;overflow:hidden;height:260px;background:#0c2532}.project .project-scene>img{width:100%;height:260px;object-fit:cover}.project-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061b2be6,transparent 55%);pointer-events:none;z-index:1}.project .sparky-spotlight{position:absolute;right:6px;top:18px;width:116px;height:174px;z-index:2;pointer-events:none;filter:drop-shadow(0 8px 12px #0008)}.project .sparky-spotlight>img{position:relative;width:116px;height:174px;object-fit:contain;z-index:2}.sparky-spotlight i{position:absolute;width:310px;height:180px;right:35px;top:-24px;background:conic-gradient(from 235deg at 100% 75%,transparent 0deg,#ebbf752f 16deg,transparent 36deg);filter:blur(8px);mix-blend-mode:screen;transform:rotate(8deg);animation:field-light 6s ease-in-out infinite}.scene-second .sparky-spotlight{top:7px;right:3px}.scene-second .sparky-spotlight i{background:conic-gradient(from 240deg at 100% 80%,transparent 0deg,#ef655543 15deg,transparent 36deg)}.sparky-cue{position:absolute;bottom:18px;left:22px;right:18px;color:#f6ebd7;z-index:3;font-size:12px;letter-spacing:.035em;text-shadow:0 2px 9px #000}.web-design-story{background:#0c2430;color:#eaf0e9;overflow:hidden}.web-design-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.web-design-copy h2{font-size:clamp(30px,3.6vw,48px);line-height:1.13}.web-design-copy h2 em{font-style:normal;color:#edc780}.web-design-copy>p{color:#bdd0cf;max-width:570px}.web-design-points{margin:24px 0}.web-design-points>div{display:flex;gap:16px;border-top:1px solid #ffffff20;padding:14px 0}.web-design-points>div>span{font:12px monospace;color:#e3bc74;padding-top:5px}.web-design-points p{margin:0;font-size:14px;color:#bacecd}.web-design-points strong{display:block;color:#f3f2e9;margin-bottom:4px}.web-design-story .small-link{color:#ead5ab;align-self:center}.web-design-visual{position:relative;border:1px solid #718e8b;border-radius:16px;background:#173a40;box-shadow:0 35px 65px #0005}.web-browser-bar{display:flex;gap:6px;align-items:center;padding:16px;background:#16303c;border-radius:16px 16px 0 0;font-size:9px;letter-spacing:1px;color:#c5d1cc}.web-browser-bar i{width:6px;height:6px;border-radius:50%;background:#d85f4b}.web-browser-bar i:nth-child(2){background:#e0b34c}.web-browser-bar i:nth-child(3){background:#5fbc94}.web-browser-bar span{margin-left:10px}.web-design-visual>a{display:block;color:inherit;text-decoration:none}.web-design-visual>a>img{display:block;width:100%;height:235px;object-fit:cover}.web-demo-copy{padding:26px 28px 38px;background:linear-gradient(150deg,#19444b,#122d35)}.web-demo-copy>span{font:9px monospace;letter-spacing:1px;color:#ddc697}.web-demo-copy h3{font-size:clamp(24px,2.5vw,36px);line-height:1.15;margin:14px 0}.web-demo-copy p{font-size:13px;color:#eacb8f}.web-visual-sparky{position:absolute;width:124px;height:186px;right:-25px;top:18px;pointer-events:none;filter:drop-shadow(0 0 22px #e35d3d55)}.web-visual-sparky img{width:100%;height:100%;object-fit:contain}.web-demo-note{padding:12px 28px;font-size:10px;color:#c3d5d0;margin:0}
@keyframes field-light{0%,100%{opacity:.45}50%{opacity:1}}
.motion-paused .sparky-spotlight i{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.sparky-spotlight i{animation:none}}
@media(max-width:800px){.web-design-grid{grid-template-columns:1fr;gap:32px}.web-visual-sparky{right:0;width:100px;height:150px}.vroom-preview-bar{padding:14px;font-size:11px}.vroom-preview-bar small{font-size:9px}.vroom-preview-path{padding:14px;font-size:10px;gap:10px}.vroom-home-preview>img{min-height:145px;object-fit:contain}.dash-appearance{padding:14px}.project .sparky-spotlight{width:95px;height:143px}.project .sparky-spotlight>img{width:95px;height:143px}.web-design-visual>a>img{height:200px}}

.dash-drive{margin-top:28px;overflow:hidden;border:1px solid #365160;border-radius:20px;background:#071925;color:#edf2ec;box-shadow:0 30px 65px #09233222}.dash-drive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 26px}.dash-drive-toolbar .eyebrow{font-size:10px;color:#e6c384}.dash-drive-toolbar p{margin:8px 0 0;font-size:14px;color:#c9d8d8}.dash-drive-controls{display:flex;flex-wrap:wrap;gap:8px}.dash-drive button{border:1px solid #55737c;border-radius:8px;background:#ffffff09;color:#dfeae7;font:inherit;font-size:12px;padding:10px 13px;cursor:pointer}.dash-drive [data-drive-play]{background:#ecc47f;color:#142c37;border-color:#ecc47f;font-weight:600}.dash-drive button:focus-visible{outline:3px solid #e8bc69;outline-offset:3px}.dash-drive-stage{position:relative;aspect-ratio:1672/941;overflow:hidden;isolation:isolate;background:#01080d}.dash-drive-image{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(.2);transition:filter 1.6s ease}.dash-drive-cosmos{position:absolute;inset:0;width:100%;height:100%;clip-path:polygon(3% 0,97% 0,94% 44%,8% 44%);opacity:0;mix-blend-mode:screen;transition:opacity 1.5s}.dash-drive[data-drive-state="drive"] .dash-drive-cosmos,.dash-drive[data-drive-state="complete"] .dash-drive-cosmos{opacity:1}.dash-door-light{position:absolute;inset:0;background:radial-gradient(ellipse at -10% 5%,#fff0cebf,transparent 64%);opacity:0;pointer-events:none;mix-blend-mode:screen;transition:opacity 1.5s}.dash-ignition-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 28% 65%,#3cc4d426,transparent 32%),radial-gradient(ellipse at 58% 63%,#e8a74321,transparent 40%);opacity:0;mix-blend-mode:screen;transition:opacity 1.2s}.dash-sparky-go{position:absolute;left:21.7%;top:27.1%;width:4.1%;height:7.3%;border-radius:50%;background:radial-gradient(circle,#caffd58c 0 .6px,transparent 1px) 0 0/3px 3px,radial-gradient(ellipse at 45% 45%,#6fffc788 0,#26dd7c88 25%,#12b85b66 46%,#024d2d22 70%,transparent 74%);transform:rotate(26deg);opacity:0;box-shadow:0 0 24px #32eb9c77;mix-blend-mode:screen;transition:opacity .7s}.dash-drive-shade{position:absolute;inset:0;background:linear-gradient(0deg,#00131caa,transparent 25%);pointer-events:none}.dash-drive-caption{position:absolute;left:5%;bottom:5%;right:5%;text-shadow:0 3px 15px #000;opacity:1;transition:opacity .5s}.dash-drive-caption span{display:block;color:#ecc783;font:10px monospace;letter-spacing:2px;margin-bottom:8px}.dash-drive-caption strong{display:block;font-size:clamp(18px,2.6vw,34px);line-height:1.1;max-width:500px}.dash-drive[data-drive-state="door"] .dash-door-light{opacity:.85}.dash-drive[data-drive-state="door"] .dash-drive-image{filter:brightness(.4)}.dash-drive[data-drive-state="ignition"] .dash-drive-image{filter:brightness(.85)}.dash-drive[data-drive-state="ignition"] .dash-door-light{opacity:.25}.dash-drive[data-drive-state="ignition"] .dash-ignition-glow,.dash-drive[data-drive-state="green"] .dash-ignition-glow,.dash-drive[data-drive-state="drive"] .dash-ignition-glow{opacity:1}.dash-drive[data-drive-state="green"] .dash-drive-image,.dash-drive[data-drive-state="drive"] .dash-drive-image,.dash-drive[data-drive-state="complete"] .dash-drive-image{filter:brightness(1.03)}.dash-drive[data-drive-state="green"] .dash-sparky-go,.dash-drive[data-drive-state="drive"] .dash-sparky-go,.dash-drive[data-drive-state="complete"] .dash-sparky-go{opacity:.95}.dash-drive-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 24px;font-size:11px;color:#aec4c6}.dash-drive-bottom>div{display:flex;gap:6px}.dash-drive-bottom button[aria-pressed="true"]{background:#e7c184;color:#162e39}.dash-drive.is-paused *{animation-play-state:paused!important;transition:none!important}@media(max-width:700px){.dash-drive-toolbar{flex-direction:column;align-items:start;padding:18px}.dash-drive-controls button{font-size:11px;padding:9px 11px}.dash-drive-bottom{padding:13px;gap:10px;font-size:9px}.dash-drive-bottom button{font-size:10px;padding:8px}.dash-drive-caption span{font-size:7px;letter-spacing:1px;margin-bottom:5px}.dash-drive-caption strong{font-size:16px}.dash-drive-caption{bottom:5%}}@media(prefers-reduced-motion:reduce){.dash-drive-image{filter:none!important}.dash-drive *{transition:none!important}.dash-drive-cosmos,.dash-door-light,.dash-ignition-glow{display:none!important}.dash-sparky-go{opacity:0!important}}

.dash-example{margin:38px 0 20px}.dash-example-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.dash-example-heading h3{font-size:30px;letter-spacing:-1px;line-height:1.15;margin:10px 0}.dash-example-heading p{font-size:14px;margin-bottom:0}.dash-example-heading label{font-size:11px;color:#43616a;display:grid;gap:8px}.dash-example-heading select{padding:12px 15px;border:1px solid #aebfbc;background:#fffdf7;border-radius:8px;color:#17333e;font:inherit;font-size:14px;min-width:270px}.dash-example-frame{display:grid;grid-template-columns:210px 1fr;border:1px solid #33535e;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px #183e4514;background:#f8faf6}.dash-example-sidebar{background:#102b39;color:#e3eeea;padding:26px 20px;display:flex;flex-direction:column;gap:8px}.example-n{display:flex;align-items:center;gap:6px;font-size:33px;font-weight:800}.example-n>span{font-size:7px;line-height:1.5;color:#e7be6e}.dash-example-sidebar>strong{font-size:15px}.dash-example-sidebar>small{color:#b0ccca;font-size:12px}.dash-example-sidebar [role="tablist"]{display:flex;flex-direction:column;gap:7px;margin:24px 0}.dash-example-sidebar button{padding:12px;text-align:left;border:1px solid transparent;border-radius:8px;font:12px inherit;background:transparent;color:#bdd0d1;cursor:pointer}.dash-example-sidebar button[aria-selected="true"]{background:#e7bf78;color:#142d38}.dash-example-sidebar>p{margin-top:auto;font-size:10px;color:#adc3c4}.dash-example-content{padding:34px;min-width:0}.example-state{font:10px monospace;letter-spacing:1px;color:#846020}.dash-example-content h4{font-size:clamp(23px,2.6vw,32px);letter-spacing:-.8px;line-height:1.15;margin:16px 0}.dash-example-content p{font-size:14px;color:#49616a;line-height:1.6}.example-task-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.example-task-grid>div{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #cbd8d4;border-radius:10px;padding:20px}.dash-example-content small{font:9px monospace;letter-spacing:.8px;color:#607f83}.example-task-grid strong{font-size:15px}.example-task-grid span{font-size:11px;color:#7a632e}.example-context-note{margin-top:18px;padding:18px;border-radius:10px;background:#eaf1ec}.example-context-note strong{font-size:13px}.example-context-note p{font-size:12px;margin:8px 0 0}.example-studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.example-studio-grid figure{margin:0}.example-studio-grid img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px}.example-studio-grid figcaption{font-size:9px;color:#5a757c;margin-top:10px}.example-studio-grid h4{font-size:25px}.example-prompt{padding:12px;background:#e8eee9;border-radius:8px;font-size:12px!important}.example-caption{padding:16px;border:1px solid #c8d7d1;background:#fff;border-radius:8px}.example-review-note{font-size:11px!important;color:#617a7d!important}.example-client-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.example-assets{border-left:1px solid #cad7d2;padding-left:24px}.example-assets ul{list-style:none;padding:0;margin:12px 0 24px}.example-assets li{border-bottom:1px solid #d4ded9;padding:10px 0;font-size:13px}
@media(max-width:750px){.dash-example-heading{align-items:stretch;flex-direction:column;gap:18px}.dash-example-heading h3{font-size:26px}.dash-example-heading select{min-width:0;width:100%}.dash-example-frame{grid-template-columns:1fr}.dash-example-sidebar{padding:16px;display:block}.example-n,.dash-example-sidebar>p{display:none}.dash-example-sidebar>small{margin-left:12px}.dash-example-sidebar [role="tablist"]{flex-direction:row;margin:15px 0 0;gap:5px}.dash-example-sidebar button{flex:1;padding:11px 7px;text-align:center;font-size:11px}.dash-example-content{padding:22px 18px}.example-task-grid{gap:10px}.example-task-grid>div{padding:14px}.example-studio-grid{grid-template-columns:1fr}.example-studio-grid figure img{aspect-ratio:4/3}.example-client-grid{grid-template-columns:1fr;gap:10px}.example-assets{border-left:0;border-top:1px solid #cad7d2;padding:20px 0 0}}

.example-studio-grid figure{background:#102835;border-radius:14px;padding:12px}.example-studio-grid figure img{height:430px;aspect-ratio:auto;object-fit:contain;background:#102835}.example-studio-grid figcaption{color:#bbd2d0;font-size:10px;line-height:1.5;text-align:center}.example-studio-grid figcaption a{display:block;color:#ecc787;margin-top:8px}@media(max-width:750px){.example-studio-grid figure img{height:470px;aspect-ratio:auto}}