/* Final interface refinement: clear actions, verified proof, readable controls. */
.site-v2{--action:#285c76;--focus:#dc915b}
.site-header nav{gap:clamp(15px,1.7vw,30px)}
.site-header nav>a{white-space:nowrap;position:relative}
.site-header nav>a[aria-current=page]:not(.button){color:#204d66;text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
.site-v2 .button:focus-visible,.site-v2 a:focus-visible,.site-v2 button:focus-visible,.site-v2 input:focus-visible,.site-v2 textarea:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.site-v2 .product-story .button{background:#e5f3fc;color:#142b39}
.site-v2 .product-story .button:hover{background:#fff;color:#142b39}
.site-v2 .quiet-link{text-decoration-thickness:1px;text-underline-offset:5px}
.site-v2 .button{transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
.site-v2 .button:hover{box-shadow:0 5px 18px #102d401c}
.service-proof{background:#f5f8fa}
.proof-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}
.proof-heading>div>p{color:#526873;font-size:14px;margin-bottom:12px}
.proof-heading h2{font-size:clamp(36px,4vw,58px);font-weight:500}
.service-proof .video-card h3{margin-top:9px;font-size:25px;line-height:1.25}
.service-proof .video-card>p{font-size:13px;color:#526873}
.service-proof .video-launch{aspect-ratio:16/9;min-height:0;overflow:hidden}
.service-proof .video-launch img{width:100%;height:100%;object-fit:cover}
.site-v2 .flexible-first{display:block;width:100%;text-align:left;padding:15px 18px;margin:12px 0 20px;border:1px solid #a8beca;border-radius:8px;background:#f0f6f9;color:#234c62;line-height:1.4}
.site-v2 .flexible-first[aria-pressed=true]{background:#183f55;color:#fff;border-color:#183f55}
.calendar-days[aria-busy=true]{min-height:220px;position:relative}
.calendar-days[aria-busy=true]:after{content:'Loading available dates…';position:absolute;inset:40px 10px;text-align:center;color:#536a76;font-size:14px}
.site-v2 .scan-steps li span{display:block;margin-top:6px}
.design-board{position:sticky;top:110px;min-height:470px;padding:40px;overflow:hidden;background:#183646;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:18px 20px 0 #dce7eb}
.design-board>span{font-size:17px;letter-spacing:-.02em}
.design-board strong{font-size:clamp(36px,4vw,60px);line-height:1.05;font-weight:500;max-width:10ch;position:relative;z-index:1}
.design-board .design-swatches{display:flex;gap:12px;margin-top:35px}
.design-swatches i{display:block;width:50px;height:50px;background:#9c3f23}.design-swatches i:nth-child(2){background:#91b2c5}.design-swatches i:nth-child(3){background:#f1eee8}
.service-family-design .service-intro{background:#e9eff2}
@media(max-width:1000px) and (min-width:761px){.site-header{padding-left:4%;padding-right:4%}.site-header nav{gap:13px}.site-header nav>a{font-size:12px}.site-header .brand{font-size:21px}}
@media(max-width:760px){.proof-heading{display:block}.proof-heading>a{display:inline-block;margin-top:22px}.service-proof{padding:60px 25px}.service-proof .portfolio-grid,.service-proof .website-grid{grid-template-columns:1fr}.design-board{position:relative;top:auto;min-height:360px;padding:30px;margin:0 12px 45px 0;box-shadow:12px 14px 0 #dce7eb}.design-board strong{font-size:46px}.site-header nav>a{white-space:normal}}
@media(prefers-reduced-motion:reduce){.site-v2 .button{transition:none}}
