/* Confirmed design: Air */
/* Visual experiments only. All product copy and markup come from the original pages. */
:root{
  --ink:var(--text);--ink2:var(--text);--char:var(--muted);--graph:var(--muted);
  --steel:var(--line);--fog:var(--line);--cloud:var(--surface);--white:var(--raised);
  --blue:var(--accent);--bright:var(--accent-2);--soft:var(--tint);--navy:var(--accent-deep);
  --w:1160px;--gutter:28px;--r:var(--curve);
}
body{background:var(--page);color:var(--text);font-size:16px;letter-spacing:-.012em}
a{color:var(--accent-deep)}
.nav{background:color-mix(in srgb,var(--page) 94%,transparent);border-color:var(--line)}
.nav .wrap{height:70px}.brand{font-size:23px;letter-spacing:-.04em}.brand b{color:var(--accent)}
.nav-links{font-size:14px;gap:26px}.nav-links a{color:var(--text)}
.btn{font-size:14px;border-radius:999px;padding:.8em 1.5em;transition:background .18s,box-shadow .18s}
.btn-primary,.nav-links .btn{background:var(--accent);color:var(--on-accent)}
.btn-primary:hover{background:var(--accent-deep);color:var(--on-accent);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 16%,transparent)}
.label{font-size:13px;font-weight:650;letter-spacing:.01em;color:var(--accent-deep);margin-bottom:18px}
section{padding:76px 0}section+section{border-color:var(--line)}
.hero{padding:42px 0 54px}.hero .wrap{gap:44px;grid-template-columns:1.08fr 1fr}
.hero h1{font-size:clamp(40px,4.3vw,60px);font-weight:750;line-height:1.17;letter-spacing:-.055em}
.hero .lead{font-size:17px;line-height:1.85;margin:22px 0 28px;color:var(--muted);max-width:540px}
.hero-actions{gap:18px 24px}.hero-more{font-size:13px;color:var(--muted)}
.sec-head{margin-bottom:34px}.sec-head h2{font-size:34px;line-height:1.3;font-weight:700;letter-spacing:-.045em}
.sec-head p{color:var(--muted);font-size:16px;line-height:1.85}
.benefit-visual{border-radius:var(--curve);padding:20px;box-shadow:none;background:var(--surface);border-color:var(--line)}
.intake-tags rect{fill:var(--raised);stroke:var(--line)}.intake-tags text{fill:var(--muted)}
.intake-tracks path{stroke:color-mix(in srgb,var(--accent) 30%,var(--line))}
.intake-current path{stroke:var(--accent);opacity:.25;animation-duration:12s}
.vacuum-head .head-body{fill:var(--accent)}.vacuum-head .head-shadow{fill:color-mix(in srgb,var(--accent) 12%,transparent)}
.vacuum-head .head-intake{fill:var(--accent-2)}.vacuum-head .head-outlet{fill:var(--accent-deep)}
.vacuum-head text{fill:var(--on-accent)}.customer-link{stroke:var(--accent-2)}
.rows{gap:18px}.cards{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
#features .card{border:1px solid var(--line);background:var(--raised);border-radius:var(--curve);padding:28px 23px;min-height:178px;color:var(--text)}
#features .card h3{font-size:18px;font-weight:700;min-height:46px;line-height:1.3;letter-spacing:-.025em;overflow-wrap:normal}
#features .card p{font-size:14px;color:var(--muted);line-height:1.85;letter-spacing:-.035em}
#features .card.blue{background:var(--tint);border-color:transparent;color:var(--text)}
#features .card.blue p{color:var(--muted)}
.card-sign{border-color:var(--line);background:var(--surface);color:var(--muted);width:28px;height:28px;top:24px;right:20px}
.card.blue .card-sign{border-color:transparent;background:var(--accent);color:var(--on-accent)}
.card-sign::before{width:12px;height:3px}.card-sign-plus::after{width:3px;height:12px}
.flexibility-section .sec-head{max-width:900px}.flexibility-grid{gap:22px}
.scenario{background:var(--raised);border-color:var(--line);border-radius:var(--curve);padding:26px 24px}
.scenario-icon{background:var(--tint);color:var(--accent-deep);border-radius:12px;margin-bottom:24px}
.scenario-label{color:var(--accent-deep);font-size:12px}.scenario h3{font-size:19px;line-height:1.45;letter-spacing:-.03em}
.scenario p{font-size:14px;color:var(--muted);line-height:1.9}.scenario-settings span{background:var(--surface);border-color:var(--line);color:var(--muted)}
.flexibility-note{font-size:14px;font-weight:500;color:var(--muted)}.flexibility-note>span{color:var(--accent-deep)}
.launch-section{background:var(--surface)}.launch-flow{gap:24px}.launch-flow .step{background:var(--raised);border-color:var(--line);border-radius:var(--curve);padding:28px 24px;box-shadow:none}
.step .n,.step:nth-child(2) .n{background:var(--tint);color:var(--accent-deep);font-size:14px}
.step h3{font-size:18px;letter-spacing:-.025em}.step p{font-size:14px;color:var(--muted);line-height:1.85}
.launch-flow .step::after{color:var(--accent-2)}.launch-detail{font-size:12px;color:var(--accent-deep)}
.launch-open{background:var(--accent);color:var(--on-accent);border-radius:var(--curve)}
.launch-open p,.open-label{color:var(--on-accent);opacity:.9}.open-icon{border-color:color-mix(in srgb,var(--on-accent) 40%,transparent)}
.launch-signoff{font-size:23px;color:var(--text);margin-top:36px}.launch-signoff strong{color:var(--accent-deep)}
footer{background:var(--page);border-color:var(--line);color:var(--muted);font-size:13px;padding:28px 0}
footer .brand{font-size:18px}footer .links a{color:var(--muted)}
.doc{padding-top:42px}.doc .wrap{grid-template-columns:180px minmax(0,1fr);gap:46px}
.doc h1{font-size:38px;letter-spacing:-.04em}.doc .intro{font-size:17px;line-height:1.85;color:var(--muted)}
.doc h2{font-size:25px;letter-spacing:-.03em}.doc h3{font-size:18px;color:var(--text)}
.doc p,.doc ul{color:var(--muted);line-height:1.85}.doc .toc a{font-size:13px;border-color:var(--line);color:var(--muted)}
.doc .toc a:hover{border-color:var(--accent);color:var(--accent-deep)}
pre{background:var(--text);color:var(--page);border-radius:max(8px,var(--curve));font-size:12.5px;line-height:1.8}
pre .copy{background:var(--page);color:var(--text);opacity:.85}pre .copy:hover,pre .copy.done{background:var(--accent);color:var(--on-accent)}
code{background:var(--surface);color:var(--text)}pre code{color:inherit;background:none}
th{background:var(--surface);color:var(--text)}th,td{border-color:var(--line)}td{color:var(--muted)}
.integration-change{background:var(--surface);border-color:var(--line);border-radius:var(--curve)}
.integration-result{background:var(--tint);border-color:var(--line);border-left-color:var(--accent);border-radius:var(--curve)}
.integration-change strong,.integration-arrow{color:var(--accent-deep)}.integration-result code strong{color:var(--accent-deep);background:color-mix(in srgb,var(--accent) 12%,transparent)}
details{border-color:var(--line);border-radius:max(8px,var(--curve));background:var(--raised)}
.rel .note,.legend{background:var(--surface);color:var(--muted)}.rel{border-color:var(--line)}.rel.current{border-color:var(--accent)}
.rel h3,.rel li{color:var(--text)}.tag-new{background:var(--accent);color:var(--on-accent)}.tag-plan{background:var(--raised);color:var(--muted)}
.tag-fix{background:var(--text);color:var(--page)}
@media(max-width:980px){
  .hero h1{font-size:42px}#features .card{padding:26px 18px}.card-sign{right:16px}
  #features .card p>span{display:inline}#features .card p>span+span::before{content:" "}
}
@media(max-width:900px){
  .hero .wrap{grid-template-columns:1fr!important;gap:30px}.hero .wrap>div{max-width:720px}
  .benefit-visual{width:min(100%,560px);justify-self:center}.hero .lead{max-width:680px}
  .cards{grid-template-columns:1fr}.hero h1{font-size:44px}.sec-head h2{font-size:30px!important}
  .doc .wrap{grid-template-columns:1fr}.scenario h3{font-size:20px}
  #features .card{min-height:154px}#features .card h3{min-height:30px}
  #features .card p>span{display:block}#features .card p>span+span::before{content:none}
}
@media(max-width:520px){
  :root{--gutter:22px}.nav .wrap{height:62px}.nav-links .btn{padding:.6em 1em}
  .hero{padding:30px 0 40px}.hero h1{font-size:36px!important;line-height:1.22}.hero .lead{font-size:16px}
  section{padding:54px 0}.sec-head h2{font-size:28px!important}.sec-head p{font-size:15px}
  .benefit-visual{padding:12px;transform:none!important}.scenario,.launch-flow .step{padding:24px 20px}
  .nav{max-width:100%}.doc .intro{font-size:16px}.doc h1{font-size:32px}.doc h2{font-size:23px}
  .launch-signoff{font-size:21px}.flexibility-note{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.intake-current path{animation:none}.btn{transition:none}}

:root{--page:#fff;--surface:#f0f4fa;--raised:#fff;--line:#d1dbea;--text:#182337;--muted:#4e5c72;--accent:#3969ef;--accent-2:#6b8eff;--tint:#e2ebff;--accent-deep:#2749ab;--on-accent:#fff;--curve:22px}
.hero .lead{max-width:490px}.benefit-visual{background:linear-gradient(155deg,#f3f7ff,#e6eeff);border:1px solid var(--line);box-shadow:none}
.nav{border-bottom:0}.scenario{background:#fff}.launch-section{background:var(--surface)}.hero h1{font-weight:750}
#features .card.blue{border-color:#cbd8f2}
.scenario-icon{background:#dce7ff;color:#2749ab}.scenario-icon svg{stroke-width:1.8}
.scenario-label{color:#2749ab;font-weight:700}.scenario-settings span{background:#edf2fa;border-color:#c7d4e8;color:#465b7a}
.intake-tracks path{stroke:#adc1e5;opacity:.85}.intake-tags rect{stroke:#c6d4e9}.intake-tags text{fill:#4e5c72}