[data-reveal]{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .52s ease,transform .52s ease
}
[data-reveal].is-visible{opacity:1;transform:none}
.menu-button{background:transparent;border:0;color:#EAF7F6;padding:10px}
.menu-button i,.menu-button i::before,.menu-button i::after{
  display:block;
  width:20px;height:2px;
  background:#EAF7F6;
  position:relative;
  transition:.2s
}
.menu-button i::before,.menu-button i::after{content:"";position:absolute;left:0}
.menu-button i::before{top:-6px}
.menu-button i::after{top:6px}
.menu-button[aria-expanded="true"] i{background:transparent}
.menu-button[aria-expanded="true"] i::before{top:0;transform:rotate(45deg)}
.menu-button[aria-expanded="true"] i::after{top:0;transform:rotate(-45deg)}

@media(max-width:1080px){
  .site-header nav a{padding-inline:10px;font-size:.87rem}
  .header-cta{padding-inline:15px}
  .hero-grid{gap:52px}
}

@media(max-width:980px){
  .site-header nav{
    position:absolute;
    left:20px;
    right:20px;
    top:70px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    padding:12px;
    border:1px solid var(--line);
    border-radius:17px;
    background:rgba(16,20,25,.98);
    box-shadow:var(--shadow);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px)
  }
  .site-header nav.is-open{display:flex}
  .site-header nav a{padding:13px 14px}
  .site-header nav .nav-active::after{left:14px;right:auto;width:26px}
  .menu-button{display:grid;place-items:center;margin-left:auto}
  .header-cta{display:none}
  .hero{padding-top:68px}
  .hero-grid{grid-template-columns:1fr;min-height:0;gap:48px}
  .hero-copy{max-width:780px}
  .hero-panel{min-height:430px}
  .section{padding:86px 0}
  .section-head{grid-template-columns:1fr;gap:13px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .split-feature,.detail-grid{grid-template-columns:1fr;gap:46px}
  .steps{grid-template-columns:repeat(2,1fr)}
  .steps::before{display:none}
  .price-feature-grid{grid-template-columns:repeat(2,1fr)}
  .identity-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:34px}
}

@media(max-width:720px){
  body{padding-bottom:calc(66px + var(--safe-bottom))}
  body::before{background-size:38px 38px}
  .wrap{width:min(var(--max),calc(100% - 28px))}
  .nav-shell{height:68px}
  .brand-lockup img{width:36px;height:36px}
  .hero{padding:52px 0 58px}
  .hero-grid{gap:34px}
  .hero-copy h1{max-width:10.5ch}
  .hero-lede{font-size:1.05rem}
  .hero-actions .btn{width:100%}
  .hero-proof{gap:7px}
  .hero-proof span{padding:8px 11px 8px 25px;font-size:.75rem}
  .hero-panel{min-height:365px;padding:19px;border-radius:23px}
  .panel-art{height:228px}
  .panel-art::before{width:170px;height:170px}
  .panel-art::after{width:226px;height:226px}
  .panel-art img{width:104px;height:104px}
  .panel-grid{gap:7px}
  .panel-grid div{padding:10px}
  .trust-grid,.trust-strip>.wrap{grid-template-columns:1fr 1fr}
  .trust-grid div,.trust-strip>.wrap>div{
    padding:18px 15px;
    border-bottom:1px solid rgba(255,255,255,.07)
  }
  .trust-grid div:nth-child(2),.trust-strip>.wrap>div:nth-child(2){border-right:0}
  .section{padding:72px 0}
  .section-head{margin-bottom:38px}
  .service-grid,.service-grid.six,.two-col,.related-links{grid-template-columns:1fr}
  .service-card{min-height:244px;padding:23px}
  .steps{grid-template-columns:1fr}
  .pricing-callout{padding:27px;display:block}
  .pricing-callout .btn{width:100%;margin-top:14px}
  .checklist{grid-template-columns:1fr}
  .price-row{grid-template-columns:1fr auto;gap:8px}
  .price-row span{grid-column:1/-1}
  .price-head{display:none}
  .identity-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{display:grid}
  .mobile-actionbar{
    position:fixed;
    left:0;right:0;bottom:0;
    z-index:120;
    display:grid;
    grid-template-columns:.7fr .9fr 1.4fr;
    padding:8px 10px calc(8px + var(--safe-bottom));
    gap:7px;
    border-top:1px solid var(--line);
    background:rgba(5,7,10,.96);
    backdrop-filter:blur(18px) saturate(140%);
    -webkit-backdrop-filter:blur(18px) saturate(140%);
    box-shadow:0 -12px 34px rgba(0,0,0,.24)
  }
  .mobile-actionbar a{
    min-height:46px;
    display:grid;
    place-items:center;
    border:1px solid var(--line);
    border-radius:11px;
    font-weight:800;
    font-size:.82rem;
    background:rgba(255,255,255,.02)
  }
  .mobile-actionbar .primary{
    background:linear-gradient(180deg,#9EF5EA,#4DE8E0);
    color:var(--accent-ink);
    border-color:transparent
  }
}

@media(max-width:700px){.mobile-actionbar{display:grid}}

@media(max-width:420px){
  h1{font-size:clamp(2.75rem,14vw,4.25rem)}
  h2{font-size:clamp(2rem,10vw,3.1rem)}
  .wrap{width:calc(100% - 22px)}
  .hero-panel{min-height:342px}
  .panel-grid strong{font-size:.78rem}
  .trust-grid,.trust-strip>.wrap{grid-template-columns:1fr}
  .trust-grid div,.trust-strip>.wrap>div{border-right:0}
  .service-card{padding:22px}
  .contact-card>a{font-size:2rem}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
  .mobile-actionbar{grid-template-columns:.65fr .8fr 1.4fr}
}

@media(hover:none){
  .service-card:hover,.btn:hover,.header-cta:hover,.faq-preview>a:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1;transform:none}
}
@media(forced-colors:active){
  .btn,.service-card,.hero-panel,.launch-notice,.prose article{border:1px solid CanvasText}
  .btn.primary,.mobile-actionbar .primary{background:ButtonFace;color:ButtonText}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .site-header,.mobile-actionbar{background:#05070A}
}