@media (max-width:900px){
 body{font-size:17px}
 .wrap{padding:0 20px}
 h1{font-size:42px;line-height:1.04}
 h2{font-size:32px;line-height:1.1}
 h3{font-size:20px}
 .lede{font-size:18px}
 section{padding:72px 0}
 .sec-head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:36px}
 .sec-head p{font-size:17px}
 .nav .wrap{height:64px;gap:12px}
 .nav ul,.nav .nav-cta{display:none}
 .logo{font-size:17px;gap:10px}
 .mark{width:30px;height:30px;border-radius:8px}.mark::before{left:7px;top:7px;width:10px;height:10px}.mark::after{right:6px;bottom:6px;width:10px;height:10px}
 .menu-btn{display:flex;flex-direction:column;justify-content:center;gap:6px;margin-left:auto;width:48px;height:48px;border-radius:12px;border:1px solid var(--line2);background:#fff;align-items:center}
 .menu-btn span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:.2s}
 .menu-open .menu-btn span:first-child{transform:translateY(4px) rotate(45deg)}
 .menu-open .menu-btn span:last-child{transform:translateY(-4px) rotate(-45deg)}
 .menu-open .menu-panel{display:block;position:fixed;left:0;right:0;top:65px;bottom:0;background:var(--bg);padding:12px 20px 24px;z-index:30;overflow:auto}
 .menu-open{overflow:hidden}
 .menu-panel ul{list-style:none}
 .menu-panel li a{display:flex;justify-content:space-between;align-items:center;height:64px;border-bottom:1px solid var(--line);font-size:24px;font-weight:600;letter-spacing:-.02em}
 .menu-panel li a span{color:var(--muted)}.menu-panel li a svg{width:22px;height:22px}
 .mp-card{margin-top:28px;background:var(--dark);color:var(--on-dark);border-radius:20px;padding:24px}
 .mp-card b{font-size:20px;color:#fff;letter-spacing:-.02em}
 .mp-card p{color:var(--on-dark2);margin:8px 0 20px;font-size:16px}
 .mp-card .btn{width:100%;height:54px}
 .mp-foot{margin-top:18px;color:var(--muted);font-size:16px;display:flex;gap:8px;align-items:center}
 .btn{height:52px}
 /* hero */
 .hero{padding:36px 0 64px}
 .hero .wrap{grid-template-columns:1fr;gap:40px}
 .hero .lede{margin-top:18px}
 .hero .ctas{flex-direction:column;margin-top:26px;gap:10px}
 .hero .ctas .btn{width:100%}
 .proof{flex-direction:column;gap:8px;margin-top:24px;padding-top:20px;font-size:16px}
 .dual-tabs{display:flex;width:100%}.dual-tabs b{flex:1;justify-content:center;font-size:14px;padding:0 8px}
 .dual-grid{grid-template-columns:1fr}
 .view{min-height:0}
 .code{font-size:13px}
 .dual-cap{font-size:16px;align-items:flex-start}
 .svc{grid-template-columns:1fr;gap:14px}
 .svc .card{min-height:0;padding:26px}
 .svc .card p{font-size:17px}
 .strip{grid-template-columns:1fr;gap:14px}
 .strip .card{padding:20px;flex-wrap:wrap;gap:14px}
 .strip .card .t{flex:1 1 200px}
 .strip .card span.d{font-size:16px}
 .why{grid-template-columns:1fr;gap:40px}
 .diagram{padding:22px}
 .dg{grid-template-columns:1fr;gap:0}
 .dg .lines{height:44px}
 .dg .lines svg{display:none}
 .dg .lines::before{content:"";position:absolute;left:50%;top:6px;bottom:6px;border-left:2px dashed #1D3A8A}
 .dg-lbl span:last-child{display:none}
 .dg .node{font-size:16px}
 .dg .hub b{font-size:17px}.dg .hub span{font-size:16px}
 .dg-foot{grid-template-columns:1fr;gap:12px}
 .dg-foot div{font-size:16px}
 .reason p{font-size:17px}
 .work3{grid-template-columns:1fr;gap:40px}
 .pcard p{font-size:17px}
 .pcard .res{font-size:16px;flex-wrap:wrap}
 .steps{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--line2);margin-left:6px}
 .step{padding:0 0 36px 28px}
 .step::before{left:-6px;top:4px}
 .step p{font-size:17px}
 .quote{grid-template-columns:1fr;padding:24px;margin-top:20px;gap:16px}
 .quote blockquote{font-size:20px}
 .quote .who{font-size:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
 .quote .who .sample{margin-left:0!important}
 .cta-band{padding-bottom:72px}
 .cta-box{grid-template-columns:1fr;padding:36px 24px;gap:28px;border-radius:22px}
 .cta-box p{font-size:17px}
 .cta-box .side .btn{width:100%}
 .cta-box .side small{font-size:16px}
 .ftr{padding:48px 0 32px}
 .ftr .top{grid-template-columns:1fr 1fr;gap:28px}
 .ftr .top>div:first-child{grid-column:1/-1}
 .ftr p,.ftr li a{font-size:16px}
 .ftr li a{min-height:44px}
 .ftr .bot{flex-direction:column;gap:10px;font-size:16px}
 .phero{padding:44px 0 36px}
 .phero h1{font-size:40px}
}
@media (max-width:900px){
 .logo{min-height:44px}
 .mp-card .btn{font-size:17px}
 .svc .price{font-size:16px}
 .dg .node small{font-size:14px}
 .dg-foot b{font-size:17px}
 .ftr h4{font-size:16px}
}
.logo{min-height:44px}
@media (max-width:900px){.dg .node small{font-size:16px}}
@media (max-width:900px){
 .hero h1{font-size:42px}
 .dual-tabs{display:none}
 .subnav{flex-wrap:nowrap;overflow-x:auto;margin:28px -20px 0;padding:0 20px 4px;scrollbar-width:none}
 .build{grid-template-columns:1fr;gap:16px}
 .pkg{padding:26px}
 .pkg .amt{font-size:36px}
 .pkg .amt small{display:block;margin-top:6px}
 .pkg .btn{width:100%}
 .plans{grid-template-columns:1fr;border:0;background:none;gap:16px;border-radius:0;overflow:visible}
 .plan{border:1px solid var(--line);border-radius:20px;background:#fff;padding:26px}
 .plan:last-child{border-right:1px solid var(--line)}
 .plan.rec{order:-1;border:2px solid var(--accent);box-shadow:none}
 .plan .badge{top:24px;right:24px}
 .plan .for{min-height:0;font-size:16px}
 .feat-rows li{font-size:16px}
 .plan-note{font-size:16px;flex-direction:column;align-items:flex-start}
 .emerg{grid-template-columns:1fr}
 .emerg .l,.emerg .r{padding:28px 24px}
 .emerg .l h2{font-size:30px}
 .emerg .l .amt{font-size:52px}
 .emerg .l .btn{width:100%}
 .tl li{grid-template-columns:1fr;gap:4px}
 .tl li span{font-size:16px}
 .ai{grid-template-columns:1fr;padding:26px 22px;gap:28px}
 .ai h2{font-size:30px!important}
 .ai-grid{grid-template-columns:1fr;gap:12px}
 .ai-grid span{font-size:16px}
 .faq{grid-template-columns:1fr;gap:28px}
 .qa summary{font-size:18px;min-height:68px}
 .qa details p{padding-right:0}
 .tl li .t{font-size:15px}
}
@media (max-width:900px){.chip{font-size:16px}.tl li .t{font-size:16px}}
@media (max-width:900px){.subnav{flex-wrap:wrap;overflow:visible;margin:28px 0 0;padding:0}}
@media (max-width:900px){
 .filters{flex-direction:column;align-items:stretch;gap:12px;padding:16px 0;margin-bottom:32px}
 .chips{gap:8px}
 .sel{justify-content:flex-start;font-size:16px;height:48px}
 .sel svg{margin-left:auto}
 .active-row{margin:-12px 0 28px;font-size:16px}
 .active-row .x{font-size:16px;height:40px}
 .grid{grid-template-columns:1fr;gap:44px}
 .empty{padding:40px 20px}
 .empty h3{font-size:24px}
 .empty .acts2{flex-direction:column;width:100%}
 .empty .acts2 .btn{width:100%}
 .empty .alt{font-size:16px}
}
@media (max-width:900px){
 .crumb{font-size:16px}
 .pd-head{grid-template-columns:1fr;gap:28px;padding:16px 0 32px}
 .pd-head h1{font-size:36px}
 .facts div{font-size:16px}
 .ba{aspect-ratio:auto;height:440px;border-radius:18px}
 .ba-shot{padding:56px 14px 14px}
 .before .w-top{height:48px;padding:0 14px;gap:10px;font-size:11px}.before .w-top b{font-size:15px}
 .before .w-top span{display:none}
 .before .w-body{grid-template-columns:1fr;padding:12px}
 .before .side2{display:none}
 .after .win{grid-template-rows:48px 1fr}
 .after .w-top{padding:0 14px;gap:10px}.after .w-top span:not(.cta){display:none}
 .after .w-top b{font-size:14px}.after .w-top span.cta{font-size:12px;padding:6px 10px}
 .after .w-body{grid-template-columns:1fr;padding:18px 14px;gap:14px}
 .after h5{font-size:24px}
 .after .pic{height:90px}
 .ba-cap{font-size:16px;flex-direction:column;align-items:flex-start;gap:8px}
 .story{grid-template-columns:1fr;gap:0;padding-top:56px}
 .toc{display:none}
 .blockS{padding-bottom:44px;margin-bottom:44px}
 .blockS h2{font-size:28px}
 .blockS p{font-size:17px}
 .did{grid-template-columns:1fr;gap:12px}
 .did span{font-size:16px}
 .metrics{grid-template-columns:1fr;gap:12px}
 .metric{padding:22px}
 .metric .v{font-size:44px}
 .metric .s{font-size:16px}
 .tech span{font-size:16px}
 .agentbox{grid-template-columns:1fr}
 .agentbox .code{font-size:13px;overflow:hidden}
 .next{flex-direction:column;align-items:flex-start;padding:20px;margin-top:48px}
 .next .t{flex-direction:column;align-items:flex-start;gap:14px}
 .next .thumb{width:100%}
}
@media (max-width:900px){
 .after .w-body{grid-template-columns:1fr}
 .ba .after .w-body .pic{display:none}
 .ba-shot{padding:56px 12px 12px}
 .after{clip-path:inset(0 0 0 50%)}
}
@media (max-width:900px){
 .ba{height:auto;display:grid;gap:10px;background:none;border:0;border-radius:0;overflow:visible}
 .ba-shot{position:relative;inset:auto;height:300px;border-radius:18px;overflow:hidden;padding:52px 12px 12px;border:1px solid var(--line)}
 .after{clip-path:none}
 .ba-handle{display:none}
 .ba-lbl.a{right:auto;left:18px;top:328px}
 .ba-cap span:first-child{display:none}
}
@media (max-width:900px){
 .ct{grid-template-columns:1fr;gap:32px;padding-top:36px;padding-bottom:64px}
 .ct-side .eng{display:none}
 .ct-side h1{font-size:38px}
 .ct-side .ticks{font-size:17px;margin-top:24px}
 .ct-side .eng span{font-size:16px}
 .formcard{padding:22px 18px;border-radius:20px}
 .fgrid{grid-template-columns:1fr;gap:18px}
 label.f{font-size:16px}
 .cal{grid-template-columns:1fr;gap:20px}
 .days .dow{font-size:13px}
 .days a,.days span.d{font-size:16px}
 .slots{display:grid;grid-template-columns:1fr 1fr}
 .slots .lbl,.slots .tz,.slots .ferr{grid-column:1/-1}
 .slots .lbl{font-size:16px}
 .tz{font-size:16px}
 .submit{flex-direction:column;align-items:stretch}
 .submit .btn{width:100%}
 .privacy{font-size:16px}
 .errsum ul{font-size:16px}
 .ferr{font-size:16px}
 .success{padding:28px 20px}
 .success h2{font-size:30px}
 .booked{grid-template-columns:1fr;gap:14px}
 .success .acts3{flex-direction:column}
 .success .acts3 .btn{width:100%}
}
@media (max-width:900px){.errsum li{min-height:44px;display:flex;align-items:center}.errsum ul{margin-left:0;list-style:none}.errsum a{display:inline-flex;align-items:center;min-height:44px}}
@media (max-width:900px){.formcard{padding:22px 14px}.days{gap:1px}}
@media (max-width:900px){.menu-open .nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}.menu-open .menu-panel{height:calc(100vh - 65px)}}
@media (max-width:900px){.nav .menu-panel ul{display:block;margin:0 0 24px}.nav .menu-panel ul a{height:64px;padding:0;border-radius:0;font-size:24px;font-weight:600;color:var(--ink);display:flex;justify-content:space-between}.nav .menu-panel ul a.on{background:none}}
@media (max-width:900px){.nav .menu-panel ul a{align-items:center}.nav .menu-panel li a span{display:flex}}