/* Jovelin-inspired composition, original Waymark artwork and product content. */
.site-nav{top:12px;max-width:1230px;border-radius:17px;padding:9px 10px 9px 18px}.theme-toggle{border-radius:12px}.eyebrow:before{content:'';display:inline-block;vertical-align:middle;width:21px;height:1px;background:currentColor;margin-right:10px}.motion-home h2{font-size:clamp(38px,4.1vw,62px);font-weight:400;line-height:1.13;letter-spacing:-2.5px}.motion-home .section{max-width:1290px;padding:105px 30px}.motion-home .section-heading{align-items:start}.motion-home .section-heading>p,.motion-home .section-heading>div:last-child>p{font-size:16px;max-width:365px}.motion-home .section-heading>div:last-child>p{margin-top:25px}.coastal-hero{position:relative;isolation:isolate;overflow:hidden;min-height:850px;min-height:100svh;color:#f4f3e9;background:#133b38}.coastal-image,.coastal-grid,.coastal-shade,.pixel-curtain{position:absolute;inset:0;pointer-events:none}.coastal-image{inset:-5%;background:url('/assets/waymark-coast.jpg') center 42%/cover;transform:translateY(var(--hero-drift,0px)) scale(1.03);will-change:transform;animation:coast-arrive 1.8s ease-out both}.coastal-grid{background-image:linear-gradient(#f0e8c408 1px,transparent 1px),linear-gradient(90deg,#f0e8c408 1px,transparent 1px);background-size:40px 40px}.coastal-shade{background:linear-gradient(90deg,#061b1b65,transparent 80%),linear-gradient(0deg,#061c1cba,transparent 85%)}.pixel-curtain{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr)}.pixel-curtain i{background:#1c3732;opacity:0;animation:pixel-arrive 1s var(--delay) both;backdrop-filter:blur(14px)}.coastal-coordinates{position:relative;display:flex;justify-content:space-between;gap:20px;margin:0 auto;padding:104px 40px 0;font:10px 'DM Mono',monospace;letter-spacing:1px}.coastal-coordinates>span{background:#10211a8c;border:1px solid #eee4bc12;padding:8px 10px;border-radius:5px;backdrop-filter:blur(12px)}.coastal-coordinates i,.stage-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f9cd62;box-shadow:0 0 15px #f9cd62;margin-right:8px}.coastal-content{position:relative;max-width:1290px;margin:0 auto;padding:95px 30px 78px}.coastal-content .eyebrow{color:#f9cd62;margin:0 0 33px}.coastal-content h1{font-size:clamp(78px,6.2vw,120px);font-weight:400;letter-spacing:-6px;line-height:1.03;margin:0 0 34px;max-width:1100px}.line{display:block;overflow:hidden;padding-bottom:8px;margin-bottom:-8px}.line>span{display:block;animation:line-arrive 1.2s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--order)*.12s)}.entrance{animation:element-arrive 1s both;animation-delay:calc(var(--order)*.13s)}.hero-lower{display:flex;justify-content:space-between;align-items:end;gap:60px}.coastal-description{font-size:20px;line-height:1.5;max-width:555px;color:#e0e6db;margin:0 0 30px}.coastal-actions{display:flex;align-items:start;flex-direction:column;gap:21px}.coastal-actions .text-link{color:#edf0e5;border-color:#f2efd450;gap:25px}.hero-telemetry{background:#0c1e1ac9;border:1px solid #dbe5c929;border-radius:13px;padding:5px 16px;width:290px;flex-shrink:0;backdrop-filter:blur(18px);color:#edf0e3}.hero-telemetry>div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff14;gap:20px}.hero-telemetry>div:last-child{border:0}.hero-telemetry b{color:#f9cd62;font:15px 'DM Mono',monospace}.hero-telemetry span{font:9px 'DM Mono',monospace;letter-spacing:.7px;color:#c1cec0}.coastal-bottom{position:relative;border-top:1px solid #ffffff1c;padding:20px 40px;display:flex;justify-content:space-between;font:9px 'DM Mono',monospace;letter-spacing:.7px;color:#c9d6c5}.coastal-bottom>a span{display:inline-block;margin-left:10px;animation:arrow-nudge 2s infinite}.essentials-strip{border-bottom:1px solid var(--line);padding:35px 30px 38px;text-align:center}.essentials-strip>span{font:9px 'DM Mono',monospace;letter-spacing:1px;color:var(--muted)}.essentials-strip>div{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap;margin-top:24px;font-size:18px;letter-spacing:-.3px}.essentials-strip b{font-weight:500}.essentials-strip i{font-size:13px;font-style:normal;color:var(--accent)}.motion-home .journey-intro{padding-bottom:15px}.journey-intro h2{max-width:950px}.journey-intro>p:last-child{font-size:18px;max-width:740px;line-height:1.6}.journey-flow{position:relative;display:grid;grid-template-columns:1fr 1.3fr;gap:90px;align-items:start}.motion-home .journey-flow{padding-top:0;padding-bottom:0}.journey-step{min-height:680px;min-height:85svh;display:flex;flex-direction:column;justify-content:center;padding:65px 0;scroll-margin-top:100px}.journey-step h3{font-size:36px;font-weight:400;line-height:1.15;letter-spacing:-1.1px;margin:16px 0 20px;max-width:360px}.journey-step>p:not(.eyebrow){font-size:17px;max-width:370px;margin-top:0;line-height:1.7}.journey-step>a{align-self:start}.step-ticks{display:flex;gap:7px;margin-bottom:25px}.step-ticks i{display:block;width:17px;height:3px;background:var(--line);border-radius:3px}.step-ticks .selected{width:40px;background:var(--accent)}.step-metric{border-top:1px solid var(--line);margin-top:36px;padding-top:22px;max-width:355px}.step-metric>b{font-size:50px;font-weight:400;letter-spacing:-2px;display:block;line-height:1.2}.step-metric>span{font:9px 'DM Mono',monospace;letter-spacing:1px;color:var(--muted)}.journey-stage{position:sticky;top:110px;min-height:650px;height:calc(100svh - 140px);max-height:800px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;perspective:1500px}.stage-label{position:absolute;left:0;top:25px;font:9px 'DM Mono',monospace;letter-spacing:1px;color:var(--muted)}.journey-stage .hero-product{width:100%;min-height:590px;perspective:1500px}.journey-stage .phone-wrap{scale:.88;transform:rotateY(-11deg) rotateX(5deg) rotateZ(4deg)}.stage-orbit{position:absolute;width:95%;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;transform:rotateX(45deg);background:radial-gradient(#d4e5a308,transparent 65%);z-index:-1}.stage-orbit:before,.stage-orbit:after{content:'';position:absolute;inset:25px;border:1px dashed var(--line);border-radius:50%}.stage-orbit:after{inset:70px;border-style:solid}.stage-status{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:space-between;gap:10px;font:8px 'DM Mono',monospace;color:var(--muted);letter-spacing:.4px}.field-features{border-top:1px solid var(--line)}.field-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.field-bento>article{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);transition:transform .5s,border-color .5s}.field-bento>article:hover{border-color:#f9cd6250}.bento-places{grid-column:span 3;min-height:530px;color:#f4f3e9;display:flex;align-items:end}.bento-landscape{position:absolute;inset:0;background:linear-gradient(0deg,#0c201cf2,transparent 90%),url('/assets/waymark-coast.jpg') 60% 25%/cover;transition:transform 1.5s}.bento-places:hover .bento-landscape{transform:scale(1.04)}.bento-copy{position:relative;padding:30px}.bento-copy h3,.bento-speed h3{font-size:30px;font-weight:400;line-height:1.18;letter-spacing:-1px;margin:15px 0}.bento-copy p{color:#c7d9ce;max-width:370px;font-size:15px}.place-tag{position:absolute;top:35px;left:30px;right:30px;max-width:300px;background:#13211de3;border:1px solid #ffffff26;backdrop-filter:blur(15px);border-radius:10px;padding:16px;animation:label-float 6s ease-in-out infinite}.place-tag>span,.place-tag>small{display:block;font:8px 'DM Mono',monospace;letter-spacing:1px;color:#f9cd62}.place-tag>b{font-weight:400;font-size:23px;display:block;margin:7px 0}.place-tag i{font-style:normal;float:right}.place-tag>small{color:#a0b6a8;font-size:7px}.bento-speed{grid-column:span 3;padding:30px}.speed-dial{position:relative;max-width:320px;height:260px;margin:10px auto -10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.speed-dial svg{position:absolute;inset:0;width:100%;height:100%}.speed-dial path{fill:none;stroke-width:3;stroke-linecap:round}.dial-track{stroke:var(--line)}.dial-reading{stroke:var(--accent);stroke-dasharray:360 700}.speed-dial b{font-size:100px;font-weight:400;line-height:1.2;letter-spacing:-6px;font-variant-numeric:tabular-nums}.speed-dial small{font:8px 'DM Mono',monospace;letter-spacing:1px;color:var(--muted);z-index:1}.speed-dial i{width:4px;height:90px;background:linear-gradient(var(--accent),transparent);position:absolute;bottom:55px;left:calc(50% - 2px);transform-origin:bottom;rotate:58deg;opacity:.25}.bento-speed>p{font-size:15px;max-width:400px}.bento-small{grid-column:span 2;padding:27px}.bento-icon{color:var(--accent);font-size:35px;display:block}.bento-small h3{font-size:23px;letter-spacing:-.8px;margin:25px 0 12px}.bento-small p{font-size:14px;line-height:1.7;margin-bottom:0}.motion-home .route-showcase{padding-top:45px}.route-scene{height:540px;position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;isolation:isolate;color:#f0f1e9}.route-photo{position:absolute;inset:-10%;background:url('/assets/waymark-coast.jpg') center 25%/cover;transform:scale(1.15) rotate(-9deg)}.route-scene-shade{position:absolute;inset:0;background:linear-gradient(#071d1620,#061713a3)}.route-caption{position:absolute;left:25px;right:25px;top:22px;display:flex;justify-content:space-between;font:9px 'DM Mono',monospace;letter-spacing:.6px;color:#e7edda;gap:20px}.journey-route{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 8px #141b13)}.journey-route path{fill:none;stroke-linecap:round;stroke-linejoin:round}.route-shadow{stroke:#0b231a55;stroke-width:10}.route-progress{stroke:#ffdb6d;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:0}.motion-ready .route-progress{stroke-dashoffset:calc(1 - var(--route-progress,0))}.journey-route circle{fill:#ffdb6d;stroke:#fff4ce;stroke-width:3}.route-note{position:absolute;bottom:30px;left:30px;border:1px solid #ffffff25;background:#0e241ed9;backdrop-filter:blur(14px);border-radius:10px;padding:20px 24px;max-width:330px}.route-note>span{font:8px 'DM Mono',monospace;letter-spacing:1px;color:#f9cd62}.route-note b{display:block;font-size:25px;letter-spacing:-.6px;font-weight:400;margin:8px 0}.route-note p{font-size:12px;margin:0;color:#b1c2b5}.motion-home .field-gallery{max-width:1350px;padding-left:60px;padding-right:60px;padding-top:25px}.gallery-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:0 0 24px;overscroll-behavior-x:contain}.gallery-track .article-card{flex:0 0 calc((100% - 44px)/3);min-width:270px;scroll-snap-align:start}.gallery-track .article-art{height:260px;border-radius:12px;background-image:linear-gradient(150deg,#34514760,#102a24e6),url('/assets/waymark-coast.jpg');background-size:cover;background-position:center}.gallery-track .article-card:nth-child(2n) .article-art{background-position:30% 15%;filter:hue-rotate(18deg)}.gallery-track .article-card:nth-child(3n) .article-art{background-position:80% 50%}.gallery-track .article-art svg{opacity:.75;transition:transform .8s}.gallery-track .article-card:hover svg{transform:scale(1.12)}.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-top:6px;gap:15px}.gallery-controls>span{font:9px 'DM Mono',monospace;letter-spacing:.7px;color:var(--muted)}.gallery-controls>div{display:flex;gap:10px}.gallery-controls button{border:1px solid var(--line);background:var(--surface);border-radius:50%;width:45px;height:45px;font-size:21px;transition:background .3s,color .3s}.gallery-controls button:hover{background:var(--accent);color:var(--accent-ink)}.gallery-controls button:disabled{opacity:.3}.simple-facts{border-top:1px solid var(--line)}.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin:65px 0 35px}.fact-grid article>b{font-size:58px;font-weight:400;letter-spacing:-2.5px;color:var(--accent)}.fact-grid h3{font:10px 'DM Mono',monospace;letter-spacing:.8px;margin:12px 0 20px}.fact-grid p{font-size:14px;max-width:250px}.coastal-finale{position:relative;isolation:isolate;overflow:hidden;min-height:650px;color:#f4f2e8;display:flex;align-items:center}.finale-image{position:absolute;inset:-10%;background:linear-gradient(90deg,#082421bd,#0824213b),url('/assets/waymark-coast.jpg') center 50%/cover;transform:translateY(var(--finale-drift,0px)) scale(1.04)}.finale-content{position:relative;width:100%;max-width:1290px;margin:auto;padding:100px 30px}.motion-home .finale-content h2{font-size:clamp(50px,5.8vw,88px);line-height:1.06;letter-spacing:-4px}.finale-content>p:not(.eyebrow){color:#d3dfd1;font-size:18px;margin-bottom:30px}.finale-content>.text-link{margin-left:25px;color:#e6ecdd}.footer-wordmark{border-top:1px solid var(--line);font-size:clamp(90px,15.5vw,225px);font-weight:500;line-height:1.35;letter-spacing:-.07em;display:flex;justify-content:space-between;overflow:hidden;margin-bottom:30px;color:var(--ink)}.footer-wordmark>span{font-weight:300;color:var(--accent);font-size:.7em;align-self:center}.motion-home .word-reveal .word{display:inline-block;opacity:1}.motion-ready .word-reveal .word{opacity:.2;transform:translateY(8px);transition:opacity .6s,transform .6s;transition-delay:calc(var(--word)*.035s)}.motion-ready .word-reveal.visible .word{opacity:1;transform:none}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(var(--page-progress,0));transform-origin:left;z-index:80;pointer-events:none}.motion-toggle{position:absolute;right:40px;bottom:85px;z-index:3;background:#0c201ac9;border:1px solid #ffffff35;color:#e7eddf;border-radius:50%;width:34px;height:34px;font-size:13px;backdrop-filter:blur(12px)}
@keyframes coast-arrive{from{filter:blur(8px);scale:1.07}to{filter:blur(0);scale:1}}@keyframes pixel-arrive{0%{opacity:.85}100%{opacity:0}}@keyframes line-arrive{from{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes element-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes arrow-nudge{0%,100%{translate:0 0}50%{translate:0 5px}}
@media(min-width:1700px){.coastal-content{padding-top:95px}.coastal-hero{min-height:850px}}
@media(max-width:1100px){.coastal-content{padding:100px 45px 65px}.coastal-content h1{font-size:92px}.hero-lower{gap:35px}.coastal-description{font-size:18px}.hero-telemetry{width:265px}.journey-flow{gap:35px}.journey-stage .phone-wrap{scale:.82}.journey-step h3{font-size:32px}.stage-status{font-size:7px}.essentials-strip>div{gap:22px;font-size:15px}.motion-home .field-gallery{padding-left:30px;padding-right:30px}}
@media(max-width:760px){.site-nav{width:calc(100% - 28px);padding:10px 12px}.coastal-hero{min-height:800px;min-height:100svh}.coastal-coordinates{padding:100px 23px 0;font-size:7px;gap:10px}.coastal-coordinates>span:last-child{display:none}.coastal-content{padding:65px 23px 45px}.coastal-content .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:27px}.coastal-content h1{font-size:clamp(54px,13.3vw,95px);letter-spacing:-3px;line-height:1.06;margin-bottom:26px}.coastal-description{font-size:17px;line-height:1.55;max-width:420px}.hero-lower{flex-direction:column;align-items:stretch;gap:30px}.coastal-actions{flex-direction:row;align-items:center;gap:20px}.coastal-actions .button{font-size:12px;padding:14px 17px;gap:16px}.coastal-actions .text-link{font-size:11px;gap:8px;white-space:nowrap}.hero-telemetry{width:100%;display:grid;grid-template-columns:repeat(3,1fr);padding:15px 6px;border-radius:10px}.hero-telemetry>div{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:7px;padding:0 10px;border-bottom:0;border-right:1px solid #ffffff18}.hero-telemetry span{font-size:6px;line-height:1.6;letter-spacing:.5px;max-width:84px}.hero-telemetry b{font-size:16px}.coastal-bottom{font-size:7px;padding:18px 23px;gap:10px}.coastal-bottom>span:last-child{display:none}.coastal-bottom>span:first-child{max-width:150px}.motion-toggle{right:23px;bottom:70px;width:29px;height:29px;font-size:10px}.essentials-strip{padding:25px 23px}.essentials-strip>div{gap:13px;row-gap:15px;font-size:13px}.essentials-strip>div i{font-size:10px}.essentials-strip>span{font-size:7px}.motion-home .section{padding:65px 23px}.motion-home h2{font-size:37px;line-height:1.14;letter-spacing:-1.5px}.journey-intro h2 br{display:none}.journey-intro>p:last-child{font-size:16px}.motion-home .journey-flow{padding-top:20px;display:flex;flex-direction:column;gap:0}.journey-copy{display:contents}.journey-stage{order:0;position:relative;top:auto;width:100%;height:650px;min-height:650px;max-height:none}.journey-step{min-height:0;width:100%;padding:40px 0;border-top:1px solid var(--line);order:1}.journey-step h3{font-size:30px;max-width:100%;margin-top:10px}.journey-step>p:not(.eyebrow){font-size:15px;max-width:100%}.step-metric{display:flex;align-items:center;gap:20px;margin-top:23px;padding-top:18px;max-width:100%}.step-metric>b{font-size:38px}.step-metric>span{font-size:8px}.stage-label{top:10px;font-size:8px}.stage-status{bottom:20px;font-size:6px}.journey-stage .phone-wrap{scale:.83}.stage-orbit{width:100%}.motion-home .field-features{border-top:0}.field-bento{grid-template-columns:1fr;gap:16px}.field-bento>article{grid-column:auto}.bento-places{min-height:440px}.bento-copy,.bento-speed{padding:25px}.bento-copy h3,.bento-speed h3{font-size:29px}.bento-small{padding:24px}.bento-small h3{margin:18px 0 10px}.bento-small p{font-size:14px}.bento-icon{font-size:28px}.place-tag{left:25px;top:25px;right:25px;max-width:265px}.motion-home .section-heading>p,.motion-home .section-heading>div:last-child>p{max-width:100%;font-size:15px}.route-scene{height:460px}.route-caption{font-size:7px;left:18px;right:18px;flex-direction:column;gap:6px}.journey-route{width:160%;max-width:none;left:-30%}.route-note{left:18px;right:18px;bottom:18px;padding:16px 18px;max-width:none}.route-note b{font-size:23px}.motion-home .field-gallery{padding:30px 23px 65px}.gallery-track{margin-right:-23px;padding-right:23px}.gallery-track .article-card{flex-basis:82%;min-width:260px}.gallery-track .article-art{height:225px}.gallery-controls>span{font-size:7px;max-width:180px;line-height:1.6}.gallery-controls button{width:40px;height:40px}.fact-grid{grid-template-columns:1fr 1fr;gap:28px 20px;margin:35px 0 20px}.fact-grid article>b{font-size:43px}.fact-grid h3{font-size:8px;margin:8px 0 12px}.fact-grid p{font-size:12px}.coastal-finale{min-height:570px}.finale-content{padding:80px 23px}.motion-home .finale-content h2{font-size:49px;letter-spacing:-2.4px}.finale-content>p:not(.eyebrow){font-size:16px}.finale-content>.text-link{display:table;margin:20px 0 0;font-size:13px}.footer-wordmark{font-size:18vw;letter-spacing:-.075em;line-height:1.7;margin-bottom:20px}.motion-home .faq{padding-top:65px}.coastal-grid{background-size:28px 28px}}
html[data-motion=paused] .motion-home *,html[data-motion=paused] .motion-home *:before,html[data-motion=paused] .motion-home *:after{animation-play-state:paused!important}html[data-motion=paused] .motion-home .pixel-curtain{display:none}html[data-motion=paused] .entrance,html[data-motion=paused] .line>span{opacity:1;transform:none}html[data-motion=paused] .coastal-image,html[data-motion=paused] .finale-image{transform:none;filter:none}
@media(prefers-reduced-motion:reduce){.coastal-image,.finale-image{transform:none!important;will-change:auto}.pixel-curtain{display:none}.motion-ready .word-reveal .word{opacity:1;transform:none}.motion-ready .route-progress{stroke-dashoffset:0}.journey-stage .phone-wrap{transform:rotateZ(0deg)}.motion-toggle{display:none}}
.phone-control[hidden]{display:none}html[data-motion=paused] .journey-stage .phone-wrap{transform:none!important}html[data-motion=paused] .motion-home .reveal,html[data-motion=paused] .motion-home .word-reveal .word{opacity:1;transform:none;transition:none}

@media(max-width:760px){.motion-toggle{bottom:15px;width:40px;height:40px}}

/* Two decorative hero devices. The interactive demo remains in the journey. */
.hero-with-phones .coastal-content h1{font-size:clamp(70px,5.15vw,98px);max-width:650px;letter-spacing:-4.8px}.hero-with-phones .hero-lower{display:block;max-width:525px}.hero-with-phones .coastal-description{max-width:475px;font-size:18px}.hero-with-phones .coastal-actions{flex-direction:row;align-items:center;gap:25px}.hero-with-phones .hero-telemetry{margin-top:34px;width:100%;display:grid;grid-template-columns:1fr 1fr 1.25fr;padding:17px 0;background:#0c1e1a9e}.hero-with-phones .hero-telemetry>div{flex-direction:column;align-items:start;justify-content:start;gap:8px;border-bottom:0;border-right:1px solid #ffffff18;padding:0 18px}.hero-with-phones .hero-telemetry>div:last-child{border:0}.hero-with-phones .hero-telemetry span{font-size:7px;letter-spacing:.55px}.hero-phone-pair{position:absolute;right:-25px;top:32px;width:585px;height:670px;perspective:1500px;pointer-events:none;isolation:isolate}.hero-device-art{position:absolute;inset:0;transform-style:preserve-3d}.hero-device{position:absolute;transform-style:preserve-3d;transform-origin:top left;filter:drop-shadow(0 40px 30px #0007);animation:hero-device-float 7s ease-in-out infinite;will-change:translate}.hero-device-trip{left:-5px;top:105px;transform:rotateX(8deg) rotateY(12deg) rotateZ(-9deg) scale(.76);z-index:1}.hero-device-speed{left:320px;top:35px;transform:rotateX(7deg) rotateY(-12deg) rotateZ(9deg) scale(.76);z-index:2;animation-delay:-3.5s}.hero-device .phone{box-shadow:inset 0 0 0 1px #a4b5aa35,0 0 0 2px #020b08,12px 17px 0 -8px #101c19,0 45px 75px #0005}.hero-screen-tabs>span{flex:1;font-size:10px;text-align:center;padding:8px 3px;border-radius:18px;color:#8f9f96}.hero-screen-tabs>span.active{background:#f9cd62;color:#19251c}.hero-device-speed .gauge-fill{stroke-dasharray:400 691}.hero-screen-control{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:13px 17px;border-radius:24px;background:#f9cd62;color:#15241b;font:9px 'DM Mono',monospace}.hero-phone-glow{position:absolute;inset:100px -10px 50px;border-radius:50%;background:radial-gradient(#9cbf8b24,transparent 65%);filter:blur(20px);z-index:-1}.hero-phone-caption{position:absolute;bottom:8px;left:60px;right:20px;text-align:center;color:#c7d7c5;font:8px 'DM Mono',monospace;letter-spacing:1px}.hero-device .instrument-value>span{font-style:normal}.hero-with-phones .coastal-content{padding-bottom:70px}
@keyframes hero-device-float{0%,100%{translate:0 -6px}50%{translate:0 7px}}
@media(min-width:1600px){.hero-phone-pair{right:-10px;top:30px}.hero-with-phones .coastal-content{padding-top:95px}}
@media(min-width:761px) and (max-width:1100px){.hero-with-phones .coastal-content h1{font-size:clamp(61px,6.5vw,75px);max-width:55%;letter-spacing:-3.7px}.hero-with-phones .hero-lower{max-width:48%}.hero-with-phones .coastal-description{font-size:16px}.hero-with-phones .coastal-actions{flex-direction:column;align-items:start;gap:14px}.hero-with-phones .hero-telemetry{grid-template-columns:1fr 1fr 1fr;padding:15px 0}.hero-with-phones .hero-telemetry>div{padding:0 12px}.hero-with-phones .hero-telemetry span{font-size:6px;line-height:1.5}.hero-phone-pair{width:470px;right:-25px;top:100px;height:600px}.hero-device-trip{left:-5px;top:115px;transform:rotateX(8deg) rotateY(12deg) rotateZ(-8deg) scale(.61)}.hero-device-speed{left:250px;top:50px;transform:rotateX(7deg) rotateY(-12deg) rotateZ(8deg) scale(.61)}.hero-phone-caption{left:0;right:0;bottom:15px;font-size:7px}}
@media(max-width:760px){.hero-with-phones .coastal-content{display:flex;flex-direction:column;padding-bottom:10px}.hero-with-phones .coastal-content>.eyebrow{order:0}.hero-with-phones .coastal-content h1{font-size:clamp(50px,13.3vw,95px);max-width:100%;letter-spacing:-3px;order:1}.hero-with-phones .hero-lower{max-width:100%;order:2}.hero-with-phones .coastal-description{font-size:17px}.hero-with-phones .coastal-actions{gap:20px}.hero-with-phones .hero-telemetry{margin-top:30px;padding:15px 0;grid-template-columns:1fr 1fr 1.1fr}.hero-with-phones .hero-telemetry>div{padding:0 11px}.hero-with-phones .hero-telemetry span{font-size:6px}.hero-phone-pair{position:relative;order:3;top:auto;right:auto;width:340px;max-width:100%;height:450px;margin:20px auto 0}.hero-device-trip{left:-3px;top:75px;transform:rotateX(8deg) rotateY(12deg) rotateZ(-9deg) scale(.5)}.hero-device-speed{left:190px;top:25px;transform:rotateX(7deg) rotateY(-12deg) rotateZ(9deg) scale(.5)}.hero-phone-caption{left:0;right:0;bottom:6px;font-size:6px;letter-spacing:.8px}.hero-phone-glow{inset:30px -20px 30px}.hero-with-phones .coastal-bottom{padding-bottom:25px}.hero-with-phones .motion-toggle{bottom:80px}}
@media(max-width:359px){.hero-phone-pair{height:410px}.hero-device-trip{left:0;top:70px;transform:rotateX(8deg) rotateY(12deg) rotateZ(-8deg) scale(.43)}.hero-device-speed{left:165px;top:25px;transform:rotateX(7deg) rotateY(-12deg) rotateZ(8deg) scale(.43)}.hero-with-phones .coastal-actions{gap:12px}.hero-with-phones .coastal-actions .text-link{font-size:10px}.hero-with-phones .hero-telemetry>div{padding:0 9px}}
@media(prefers-reduced-motion:reduce){.hero-device{animation:none;will-change:auto}}html[data-motion=paused] .hero-device{will-change:auto}

/* Event-driven depth: pointer tilt and scroll parallax share one eased layer. */
.hero-device-art{transform:translate3d(var(--phone-pan-x,0px),calc(var(--phone-pan-y,0px) + var(--phone-scroll-y,0px)),0) rotateX(calc(var(--phone-tilt-x,0deg) + var(--phone-scroll-tilt,0deg))) rotateY(var(--phone-tilt-y,0deg));transition:transform .7s cubic-bezier(.2,.65,.25,1)}
html[data-motion=paused] .hero-device-art{transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.hero-device-art{transform:none!important;transition:none!important}}

/* The journey phone shares the hero's eased, event-driven depth treatment. */
.journey-stage .phone-wrap{transform:translate3d(var(--journey-pan-x,0px),var(--journey-pan-y,0px),0) rotateX(calc(5deg + var(--journey-tilt-x,0deg))) rotateY(calc(-11deg + var(--journey-tilt-y,0deg))) rotateZ(calc(4deg + var(--journey-roll,0deg)));transition:transform .65s cubic-bezier(.2,.65,.25,1)}
.journey-stage .hero-product{opacity:var(--journey-entry-opacity,1);transform:translate3d(0,var(--journey-entry-y,0px),0) scale(var(--journey-entry-scale,1));transition:transform .6s cubic-bezier(.2,.65,.25,1),opacity .5s}
.journey-stage .stage-orbit{transform:rotateX(45deg) rotateZ(var(--journey-orbit-spin,0deg));transition:transform .7s cubic-bezier(.2,.65,.25,1)}
.journey-stage.stage-in-view .phone-wrap{will-change:transform}
.journey-stage:not(.stage-in-view) .phone-wrap{animation-play-state:paused}
@media(max-width:760px){.journey-stage .phone-wrap{transform:translate3d(0,var(--journey-pan-y,0px),0) rotateX(calc(3deg + var(--journey-tilt-x,0deg))) rotateY(calc(-5deg + var(--journey-tilt-y,0deg))) rotateZ(calc(2deg + var(--journey-roll,0deg)));transition-duration:.4s}.journey-stage .hero-product{transition-duration:.4s}}
html[data-motion=paused] .journey-stage .phone-wrap{will-change:auto}
html[data-motion=paused] .journey-stage .hero-product,html[data-motion=paused] .journey-stage .stage-orbit{transform:none;opacity:1;transition:none}
@media(prefers-reduced-motion:reduce){.journey-stage .phone-wrap,.journey-stage .hero-product,.journey-stage .stage-orbit{transform:none!important;opacity:1!important;transition:none!important;will-change:auto!important}}