body.demo-page{min-height:100vh}.demo-main{padding-block:clamp(40px,6vw,92px) clamp(70px,8vw,120px)}.demo-brand{display:flex;justify-content:center;margin-bottom:52px}.demo-brand .brand{font-size:clamp(38px,5vw,64px);font-weight:650;letter-spacing:-.025em}.demo-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:clamp(35px,6vw,100px);align-items:center;padding:clamp(28px,5vw,76px);background:linear-gradient(125deg,rgba(80,119,138,.3),rgba(5,22,35,.96) 40%,rgba(5,38,51,.92));border:1px solid #285568;border-radius:28px;box-shadow:0 35px 90px #0008}.demo-kicker{font-size:13px;font-weight:750;letter-spacing:.16em;color:#6af4e8;margin-bottom:24px}.demo-copy h1{font-size:clamp(40px,4.8vw,72px);line-height:1.04;letter-spacing:-.045em}.demo-copy>p:not(.demo-kicker){max-width:620px;font-size:clamp(17px,1.4vw,21px);line-height:1.55;color:#bdd0dc;margin-top:28px}.demo-price{margin-top:52px;display:grid;gap:8px}.demo-price>span{color:#a6bac7;font-size:16px}.demo-price strong{font-size:clamp(35px,4vw,58px);letter-spacing:-.04em}.demo-price small{font-size:16px;font-weight:500;letter-spacing:0;color:#a6bac7}.demo-form{display:grid;gap:19px;padding:clamp(26px,3.2vw,48px);border:1px solid #336176;border-radius:24px;background:linear-gradient(135deg,#172f3c,#071925 55%,#07313b);box-shadow:inset 0 1px #e0f9ff26,0 24px 64px #0006}.demo-form h2{font-size:clamp(26px,2.8vw,38px);margin-bottom:8px}.demo-form label{display:grid;gap:9px;font-size:15px;font-weight:650}.demo-form input:not(.hp){width:100%;min-height:56px;border:1px solid #35576a;border-radius:10px;background:#061522;color:#f0f6fa;padding:15px 18px;font:inherit}.demo-form input::placeholder{color:#8195a4}.demo-form input:focus-visible{outline:2px solid #5ef0ea;outline-offset:2px}.demo-form input[aria-invalid=true]{border-color:#f2a49c}.demo-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.demo-submit{width:100%;margin-top:8px;font-size:18px}.demo-submit:disabled{cursor:wait;opacity:.7}.form-status{min-height:1.5em;font-size:14px;line-height:1.5}.form-status.is-success{color:#68f3cf}.form-status.is-error{color:#ffb5ae}.form-note{font-size:13px;line-height:1.5}.form-note a{color:#8df3e9;text-decoration:underline;text-underline-offset:3px}@media(max-width:900px){.demo-card{grid-template-columns:1fr;gap:44px}.demo-price{margin-top:34px}}@media(max-width:600px){.demo-main{padding-block:32px 70px}.demo-brand{margin-bottom:36px}.demo-card{padding:22px;border-radius:20px}.demo-form{padding:22px;border-radius:18px}.demo-copy h1{font-size:clamp(36px,9vw,52px)}.demo-copy>p:not(.demo-kicker){margin-top:20px}}

/* Fixed navigation clearance, including iPhone safe areas. */
.demo-page .demo-main{padding-top:calc(var(--snap-pad-top,88px) + clamp(32px,6vw,64px))}
.demo-card,.demo-copy,.demo-form,.demo-form label{min-width:0}
.demo-form input:not(.hp){font-size:16px;scroll-margin-block:100px 32px}
@media(max-width:600px){
 .demo-page .demo-main{padding-top:calc(var(--snap-pad-top,72px) + 28px);padding-bottom:max(40px,env(safe-area-inset-bottom,0px))}
 .demo-brand{margin-bottom:28px;max-width:100%}
 .demo-brand .brand{font-size:clamp(28px,7.5vw,40px)}
 .demo-card{padding:20px 16px;gap:28px;box-shadow:none}
 .demo-form{padding:20px 14px;gap:16px;box-shadow:none}
 .demo-form h2{font-size:26px}
 .demo-copy h1{font-size:clamp(32px,9vw,44px)}
 .demo-copy>p:not(.demo-kicker){font-size:16px;line-height:1.55}
 .demo-price{margin-top:24px}
 .demo-price small{display:block;margin-top:6px}
 .demo-submit{min-height:48px;font-size:16px;padding-inline:14px}
 .form-status,.form-note{overflow-wrap:anywhere}
}