.scope{background:var(--paper)}.scope-list{border-top:2px solid var(--ink)}.scope-list article{display:grid;grid-template-columns:70px minmax(180px,.7fr) 1fr;gap:25px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.scope-list article>b{color:var(--blue);font:600 11px Archivo,sans-serif}.scope-list h3{margin:0;font-size:25px;font-weight:500}.scope-list p{margin:0;color:var(--muted);font-size:14px}.scope-note{margin:20px 0 0;color:var(--muted);font-size:10px}
.process{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--ink);color:#fff}.process-title{padding:110px 7vw}.process-title h2{margin:0;font-size:clamp(40px,4.2vw,62px);font-weight:300;line-height:1.24;letter-spacing:-.055em;word-break:keep-all}.process ol{margin:0;padding:0;list-style:none;border-left:1px solid rgba(255,255,255,.2)}.process li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:36px 4vw;border-bottom:1px solid rgba(255,255,255,.2)}.process li>span{color:var(--acid);font:600 11px Archivo,sans-serif}.process h3{margin:0 0 8px;font-size:22px;font-weight:500}.process li p{margin:0;color:rgba(255,255,255,.6);font-size:13px}
.faq{background:#eef0ea}.faq-list{border-top:2px solid var(--ink)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:25px;padding:28px 0;cursor:pointer;list-style:none;font-size:17px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:23px;font-weight:300;transition:.2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{max-width:850px;margin:0;padding:0 0 30px;color:var(--muted);font-size:14px}.faq details p b{color:var(--ink)}
.ocean-contact{background:var(--blue);color:#fff}.ocean-contact h2{margin:0 0 28px;max-width:900px;font-size:clamp(50px,6vw,92px);font-weight:300;line-height:1.15;letter-spacing:-.065em;word-break:keep-all}.ocean-contact>p:not(.kicker){max-width:620px;color:rgba(255,255,255,.7)}.ocean-contact>div{display:flex;gap:10px;margin-top:40px}
footer{display:flex;justify-content:space-between;gap:35px;padding:45px 3vw 90px;background:#0a0e12;color:#aeb5bb;font-size:11px}footer p{margin:0}footer b{color:#fff}footer a{color:var(--acid)}.mobile-cta{display:none}
@media(max-width:900px){
  .demo-bar{padding:0 16px}.site-header{height:64px;padding:0 16px}.site-header nav{display:none}.brand{margin-right:auto}.nav-cta{padding:8px 12px}
  .hero{min-height:auto;padding:125px 0 0;display:flex;flex-direction:column}.hero-copy{padding:65px 20px 55px}.hero h1{font-size:clamp(46px,13vw,64px)}.hero-sub{font-size:11px}.hero-image{min-height:0;aspect-ratio:4/3}.hero-fact{display:none}
  .estimate{grid-template-columns:1fr}.estimate-copy,.calculator{padding:75px 20px}.estimate-copy{border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}.estimate h2{font-size:42px}.range-head output{font-size:48px}.estimate-result strong{font-size:34px}
  .section-pad{padding:85px 20px}.section-head{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:16px;margin-bottom:42px}.section-head .kicker,.section-head h2,.section-head>p:last-child{grid-column:1}.section-head .kicker{grid-row:1;margin-bottom:5px}.section-head h2{grid-row:2;font-size:40px}.section-head>p:last-child{grid-row:3;font-size:13px}
  .compare-stage{aspect-ratio:4/3}.compare-stage img{object-position:center}.compare-line span{width:40px;height:40px}
  .scope-list article{grid-template-columns:40px 1fr;gap:8px 15px}.scope-list h3{font-size:21px}.scope-list p{grid-column:2;font-size:13px}
  .process{grid-template-columns:1fr}.process-title{padding:80px 20px}.process-title h2{font-size:40px}.process ol{border-left:0;border-top:1px solid rgba(255,255,255,.2)}.process li{padding:30px 20px}
  .faq summary{font-size:15px;word-break:keep-all}.ocean-contact h2{font-size:46px}.ocean-contact>div{flex-direction:column}.ocean-contact .button{width:100%}
  footer{flex-direction:column;padding:40px 20px 95px}.mobile-cta{position:fixed;z-index:90;display:grid;grid-template-columns:1fr 1fr;left:0;right:0;bottom:0}.mobile-cta a{display:grid;place-items:center;height:58px;background:var(--ink);color:#fff;font-size:13px;font-weight:600}.mobile-cta a:last-child{background:var(--acid);color:var(--ink)}
}
@media(max-width:390px){.hero h1{font-size:45px}.hero-price strong{font-size:27px}.calculator{padding-top:65px}.section-head h2,.estimate h2,.process-title h2{font-size:37px}.ocean-contact h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
