:root{--paper:#f2efe8;--paper-2:#e8e4dc;--midnight:#061926;--ocean:#07364a;--signal:#18c5c9;--signal-soft:#b8f1ec;--sand:#d8b36a;--white:#fff;--hairline:rgba(6,25,38,.14)}
body{background:var(--paper);color:var(--midnight);font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;letter-spacing:-.008em}
.site-header{position:absolute;top:18px;left:clamp(16px,3vw,42px);right:clamp(16px,3vw,42px);width:auto;height:68px;padding:0 18px 0 22px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(4,22,35,.62);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 12px 34px rgba(0,0,0,.12)}
.site-header .brand{font-size:.87rem}.site-header .brand img{width:42px;height:29px}.site-header nav{gap:22px}.site-header nav a{font-size:.83rem}.site-header .button-small{padding:0 17px;background:var(--signal);box-shadow:none}.site-header .button-small:hover{background:#52e1dc}.nav-login{border-color:rgba(255,255,255,.16)}
.hero{position:relative;min-height:900px;padding:160px clamp(24px,6vw,94px) 105px;grid-template-columns:minmax(0,1.08fr) minmax(400px,.78fr);background:linear-gradient(115deg,#03121e 0%,#062b3d 56%,#085268 100%)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 70%)}
.hero-copy,.hero-visual{position:relative;z-index:1}.hero h1{font-size:clamp(4rem,7vw,7.4rem);line-height:.88;letter-spacing:-.065em;max-width:940px}.hero h1:after{content:"";display:block;width:90px;height:5px;margin-top:34px;background:var(--signal)}
.hero .lede{max-width:700px;font-size:clamp(1.06rem,1.5vw,1.28rem);color:#b8cad3}.hero .eyebrow{display:inline-flex;align-items:center;gap:10px;color:#8ae4df}.hero .eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.button{border-radius:8px;background:var(--signal);box-shadow:none;transition:transform .2s ease,background .2s ease}.button:hover{background:#5ce1dc}.button-primary-cta{border-radius:8px;box-shadow:0 12px 30px rgba(24,197,201,.15)}
.hero-visual{height:650px;max-width:530px}.hero-visual>img{border-radius:260px 260px 12px 12px;filter:saturate(.75) contrast(1.04)}.hero-visual:after{content:"01 / RECREATIONAL";position:absolute;right:-24px;top:50%;padding:10px 14px;background:var(--paper);color:var(--midnight);font-size:.64rem;font-weight:900;letter-spacing:.14em;transform:rotate(90deg) translateX(50%);transform-origin:right center}.status-card{left:-110px;bottom:28px;border:1px solid rgba(6,25,38,.1);border-radius:12px;box-shadow:0 26px 70px rgba(0,0,0,.3)}
.signal-strip{position:relative;z-index:2;margin-top:-1px;padding:28px clamp(22px,6vw,92px);background:var(--signal);border:0;color:#05202e}.signal-strip span{position:relative}.signal-strip span:not(:last-child):after{content:"/";position:absolute;right:-10px;color:rgba(5,32,46,.35)}
.section{padding-top:clamp(100px,11vw,165px);padding-bottom:clamp(100px,11vw,165px)}.section-heading{max-width:930px}.section-heading h2{font-size:clamp(2.8rem,5vw,5.2rem);line-height:.94}.eyebrow{color:#08778a}
.product-story{background:var(--midnight);color:#fff}.product-story-heading>p:last-child{color:#9fb3bd}.product-window{display:block;position:relative;min-height:0;padding:0;background:#e9f0f3;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 45px 110px rgba(0,0,0,.4);overflow:hidden}.window-bar{height:48px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#102b3a;border-bottom:1px solid rgba(255,255,255,.1)}.window-bar>span{width:8px;height:8px;border-radius:50%;background:#526b78}.window-bar>span:first-child{background:#e87864}.window-bar>span:nth-child(2){background:#e7bd66}.window-bar>span:nth-child(3){background:#65b98e}.window-bar small{margin-left:12px;color:#91a8b2;font-size:.66rem;letter-spacing:.08em}.product-window>img{display:block;width:100%;height:610px;object-fit:cover;object-position:top}.product-caption{position:absolute;left:28px;right:28px;bottom:28px;display:flex;justify-content:space-between;gap:30px;align-items:center;padding:20px 24px;background:rgba(4,23,35,.86);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:10px;backdrop-filter:blur(14px)}.product-caption span{color:#6fe0dc;font-size:.67rem;font-weight:900;letter-spacing:.14em}.product-caption strong{font-size:1rem;text-align:right}.story-links a{background:#0e2c3b;border-color:rgba(255,255,255,.1)}.story-links span{color:#7f9aa6}.story-links strong{color:#89e4df}
.platform{background:var(--paper)}.feature-grid{grid-template-columns:1fr 1fr}.feature{min-height:340px;padding:38px;border:0;border-radius:4px;background:#fff;box-shadow:0 1px 0 var(--hairline)}.feature:nth-child(1){background:var(--ocean)}.feature:nth-child(4){background:#ded8cc}.feature-number{margin-bottom:70px}.feature h3{font-size:clamp(1.5rem,2vw,2rem)}
.workflow{background:#dce5e3}.workflow-image{height:690px}.workflow-image img{border-radius:4px;filter:saturate(.66) contrast(1.08)}.workflow-copy h2{font-size:clamp(2.8rem,5vw,5rem)}.workflow-copy li{grid-template-columns:155px 1fr;padding:28px 0}.workflow-copy li strong{font-size:1.05rem}
.audience{background:var(--paper)}.audience-grid-focused{gap:1px;background:var(--midnight)}.audience-grid-focused article{min-height:510px;padding:52px;border:0;border-top:0;background:#fff}.audience-grid-focused article:last-child{background:var(--midnight);color:#fff}.audience-grid-focused article:last-child p,.audience-grid-focused article:last-child ul{color:#a9bdc6}.audience-grid-focused h3{max-width:500px;font-size:clamp(2rem,3vw,3.4rem);line-height:1}.audience-grid-focused ul{border-color:rgba(120,140,150,.25)}.audience-link{color:#078497}.audience-grid-focused article:last-child .audience-link{color:#79e1dc}
.faq-section{background:#e4e0d7}.faq-grid details{padding:28px 4px}.faq-grid summary{font-size:1.2rem}.cta{margin:0;border-radius:0;padding:clamp(70px,8vw,115px);background:var(--signal);color:var(--midnight)}.cta .eyebrow{color:#075565}.cta-support{color:#234e57}.button-light{background:var(--midnight);color:#fff}.cta-actions>a:last-child{color:var(--midnight)}footer{padding-top:85px;background:#03131f}
.subpage-header{position:absolute;background:rgba(4,22,35,.7)}.page-hero{min-height:830px;padding-top:160px;background:radial-gradient(circle at 80% 25%,rgba(24,197,201,.18),transparent 26%),linear-gradient(125deg,#03131f,#073a4d)}.page-hero h1,.use-hero h1{font-size:clamp(4rem,7vw,7rem);line-height:.88;letter-spacing:-.065em}.page-hero-aside{border-radius:6px;background:rgba(255,255,255,.04)}.page-intro{background:var(--paper)}
.capability-list{padding:0;background:var(--paper)}.capability-list>article{max-width:none;min-height:780px;padding:120px clamp(24px,7vw,110px);grid-template-columns:90px minmax(320px,.76fr) minmax(380px,1fr);align-items:center;gap:4vw;border:0}.capability-list>article:nth-child(even){background:#e4e0d7}.capability-list>article>span{align-self:start;color:#0b7584;font-size:1rem;font-weight:900;letter-spacing:.1em}.capability-list>article>div h2{font-size:clamp(2.5rem,4.3vw,4.6rem);line-height:.95}.capability-list>article>div>p:not(.eyebrow){color:#536b78;font-size:1.06rem}.capability-list ul{grid-template-columns:1fr;margin-top:28px}.feature-shot{position:relative;margin:0;height:610px;border-radius:14px;background:#071d2a;overflow:hidden;box-shadow:0 32px 70px rgba(6,25,38,.24);transform:rotate(1.3deg)}.capability-list>article:nth-child(even) .feature-shot{order:-1;transform:rotate(-1.3deg)}.capability-list>article:nth-child(even)>span{order:-2}.feature-shot img{display:block;width:100%;height:calc(100% - 48px);object-fit:cover;object-position:top}.decision-band{background:var(--midnight);color:#fff}.decision-band a{border:0;border-radius:4px}.use-hero{min-height:850px;background:#031722}.use-hero-copy{padding-top:155px}.use-hero>img{min-height:850px;filter:saturate(.72) contrast(1.06)}.three-outcomes{gap:1px;padding:0;background:var(--midnight)}.three-outcomes article{min-height:360px;padding:55px;background:#fff;border:0}.three-outcomes article:nth-child(2){background:#dfe8e5}.split-detail{background:var(--paper)}.record-stack article{border:0;border-radius:4px;box-shadow:0 10px 35px rgba(3,27,53,.07)}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.button{transition:none}}
@media(max-width:1100px){.site-header nav{gap:15px}.hero{grid-template-columns:1fr 380px}.capability-list>article{grid-template-columns:60px 1fr}.feature-shot{grid-column:2;height:520px}.capability-list>article:nth-child(even) .feature-shot{order:initial}.capability-list>article:nth-child(even)>span{order:initial}}
@media(max-width:960px){.site-header{top:12px}.hero{grid-template-columns:1fr;padding-top:145px}.hero-visual{margin-top:30px}.product-window>img{height:500px}.subpage-header{position:absolute}.capability-list>article{grid-template-columns:1fr;padding:90px 24px}.capability-list>article>span,.feature-shot{grid-column:auto}.feature-shot{height:500px}.use-hero{padding-top:100px}.use-hero-copy{padding-top:80px}}
@media(max-width:680px){.site-header{border-radius:12px}.hero h1,.page-hero h1,.use-hero h1{font-size:3.55rem}.hero-visual{height:520px}.hero-visual:after{display:none}.status-card{left:12px}.signal-strip span:not(:last-child):after{display:none}.product-window>img{height:430px}.product-caption{position:relative;left:auto;right:auto;bottom:auto;margin:0;border-radius:0;display:block}.product-caption strong{display:block;margin-top:6px;text-align:left}.feature-grid{grid-template-columns:1fr}.audience-grid-focused article{padding:38px 26px}.capability-list>article{min-height:0}.feature-shot{height:430px}.three-outcomes article{min-height:0;padding:42px 25px}.cta{padding:70px 24px}}
@media(max-width:1180px){.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:22px;flex-direction:column;align-items:stretch;background:#fff;color:var(--midnight);border-radius:14px;box-shadow:0 22px 55px rgba(0,0,0,.22)}.site-header nav.open{display:flex}.site-header .nav-login{border-left:0;padding-left:0}.site-header .menu-button{display:block;border-color:rgba(255,255,255,.35);background:transparent;color:#fff}}
