@media(max-width:1050px){
  .site-header{width:calc(100% - 48px)}
  .language{display:none}
  .hero-copy{width:48vw;margin-left:30px}
  .hero h1{font-size:48px}
  .feature-rail{height:auto;grid-template-columns:repeat(3,1fr)}
  .feature-rail article{min-height:108px}
  .feature-rail article:nth-child(3n){border-right:0}
  .feature-rail article:nth-child(-n+3){border-bottom:1px solid rgba(56,91,156,.11)}
}
@media(max-width:899px){
  .site-header{width:calc(100% - 32px);height:74px;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  .site-header.scrolled{top:8px;height:64px;padding:0 12px;border-radius:16px}
  .brand strong{font-size:35px}.brand small{font-size:5.7px}
  .top-cta{display:none}
  .menu-button{width:44px;height:44px;display:grid;place-content:center;gap:7px;border:1px solid rgba(255,255,255,.55);border-radius:13px;background:rgba(18,57,136,.18);cursor:pointer}
  .menu-button span{width:22px;height:2px;border-radius:2px;background:#fff;transition:.16s ease}
  .menu-button[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}
  .menu-button[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
  .site-nav{position:fixed;z-index:30;top:74px;right:16px;left:16px;max-height:calc(100vh - 90px);display:none;overflow-y:auto;flex-direction:column;gap:0;padding:12px;border:1px solid rgba(255,255,255,.5);border-radius:18px;background:rgba(19,61,145,.96);box-shadow:0 24px 70px rgba(7,30,83,.35);backdrop-filter:blur(20px);-webkit-overflow-scrolling:touch}
  .site-nav.open{display:flex}.site-nav a{width:100%;min-height:50px}.site-nav a+a{margin-left:0}.site-nav a.active::after{display:none}
  .hero{height:860px;background:#2c6dcc}.hero::after{background:linear-gradient(180deg,rgba(32,109,218,.08),rgba(32,109,218,.02))}
  .hero-art{top:auto;bottom:0;height:52%;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 9%,#000);mask-image:linear-gradient(to bottom,transparent,#000 9%,#000)}.hero-art img{object-position:68% bottom}
  .hero-copy{width:100%;margin:0 auto;padding:100px 20px 0;text-align:center}
  .hero h1{font-size:42px;font-size:clamp(39px,8vw,52px)}.subtitle{margin:16px 0 22px;font-size:17px}.handwriting{display:none}
  .hero-actions{flex-direction:column;align-items:center;margin-top:20px}.hero-actions .action+.action{margin-top:12px;margin-left:0}.action{width:min(100%,270px);min-height:58px}
  .qr-panel{display:none}
  .feature-rail{width:calc(100% - 28px);width:calc(100% - 28px - env(safe-area-inset-left) - env(safe-area-inset-right));margin-top:-30px;border-radius:20px}
  .install-section{grid-template-columns:1fr;gap:16px;padding:30px 14px 34px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .install-card{width:min(100%,620px);height:250px;margin:auto}
  .site-footer{height:315px;padding-bottom:env(safe-area-inset-bottom);background-image:url("assets/coastal-footer-v1-1200.webp")}.footer-note{display:none}.footer-brand{top:68px}.footer-brand span{font-size:11px;letter-spacing:.2em;white-space:nowrap}.site-footer nav{right:50%;bottom:76px;transform:translateX(50%);white-space:nowrap}.site-footer nav a{min-height:44px;display:flex;align-items:center}.copyright{right:0;bottom:24px;text-align:center}
}
@media(max-width:599px){
  .hero{height:820px}.hero-art{height:48%}.hero-copy{padding-top:92px}
  .hero h1{font-size:36px;font-size:clamp(36px,10vw,44px)}.subtitle{font-size:16px}
  .feature-rail{grid-template-columns:repeat(2,1fr)}
  .feature-rail article{min-height:112px}.feature-rail article:nth-child(odd){border-right:1px solid rgba(56,91,156,.11)}.feature-rail article:nth-child(even){border-right:0}.feature-rail article:nth-child(-n+4){border-bottom:1px solid rgba(56,91,156,.11)}
  .feature-rail article>span{width:48px;height:48px;font-size:24px}.feature-rail b{font-size:14px}.feature-rail small{font-size:11px}
  .install-card{height:248px}.install-card>div{width:64%;padding:22px 0 0 24px}.card-icon{position:relative;top:auto;left:auto;margin-bottom:10px}.install-card h2,.install-card p{margin-left:0}.install-card h2{font-size:23px;white-space:normal}.install-card p{font-size:13px}.install-card strong{min-height:48px;margin-top:12px}
  .install-card>img{top:auto;right:2%;bottom:8px;width:auto;height:165px}
  .install-dialog{padding:28px 22px}.install-dialog h2{font-size:25px}
}
@media(max-width:350px){
  .hero-copy{padding-left:12px;padding-right:12px}.hero h1{font-size:34px}.action{width:250px;padding-left:15px;padding-right:15px}.action b{font-size:15px}
  .feature-rail{width:calc(100% - 16px)}.feature-rail small{font-size:10px}
  .install-card>div{width:68%;padding-left:20px}.install-card h2{font-size:21px}.install-card>img{width:42%}
}
@media(max-width:899px) and (max-height:500px) and (orientation:landscape){
  .hero{height:540px}.hero-art{right:0;left:auto;width:64%;height:100%;-webkit-mask-image:linear-gradient(to right,transparent,#000 18%,#000);mask-image:linear-gradient(to right,transparent,#000 18%,#000)}.hero-art img{object-position:62% bottom}
  .hero-copy{width:54%;margin:0;padding:80px 0 0 20px;padding-left:max(20px,env(safe-area-inset-left));text-align:left}.hero h1{font-size:32px}.subtitle{margin:10px 0 12px;font-size:13px}
  .hero-actions{align-items:flex-start;margin-top:10px}.hero-actions .action+.action{margin-top:8px}.action{width:230px;min-height:48px}.feature-rail{margin-top:-24px}
}
@supports not (backdrop-filter:blur(1px)){.feature-rail,.site-nav,.qr-panel,.install-dialog{background:#f7faff}.site-nav,.site-header.scrolled{background:#174695}}
@media(forced-colors:active){.action,.install-card,.feature-rail,.site-nav,.install-dialog{border:1px solid CanvasText;forced-color-adjust:auto}.site-nav a.active{text-decoration:underline}.ui-icon,.feature-icon{forced-color-adjust:auto}}
@media(pointer:coarse){.action:hover,.install-card:hover,.top-cta:hover{transform:none}.action:active,.install-card:active{transform:scale(.985)}}