.demo-page.section{padding-top:calc(var(--header-height, 64px) + clamp(1.5rem, 3vw, 2.5rem))}.demo-page__eyebrow{display:inline-block;margin:0 0 1.25rem;padding:.2rem .55rem;font-size:.75rem;letter-spacing:.08em;color:var(--brand-speech);background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.22);border-radius:var(--radius-sm);text-transform:uppercase}.demo-page__layout{display:flex;flex-direction:column;gap:3.5rem}.demo-page__hero{display:grid;gap:2.5rem;align-items:start;margin-bottom:0}.demo-page__intro{display:flex;flex-direction:column;gap:1.5rem}@media (min-width:900px){.demo-page__hero{grid-template-columns:1.35fr .85fr;-moz-column-gap:2.5rem;column-gap:2.5rem}.demo-page__form{position:sticky;top:calc(var(--header-height, 64px) + 1.25rem);z-index:2;align-self:start}}.demo-page__copy>h1{margin-top:0;margin-bottom:1rem;font-size:clamp(1.75rem,3.2vw,2.35rem);line-height:1.2;letter-spacing:-.02em}.demo-page__lead{margin:0 0 1.25rem;max-width:38rem;font-size:1.05rem;line-height:1.6;color:var(--color-text-muted)}.demo-page__trust{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.25rem;padding:0;list-style:none}.demo-page__trust li{padding:.35rem .7rem;font-size:.75rem;line-height:1.3;color:#cbd5e1;background:rgba(15,23,42,.7);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.demo-page__perks{margin:0;padding-left:0;list-style:none;color:var(--color-text-muted)}.demo-page__perks li{position:relative;padding-left:1.35rem;margin-bottom:.5rem;font-size:.9375rem;line-height:1.45}.demo-page__perks li:last-child{margin-bottom:0}.demo-page__perks li:before{content:"✓";position:absolute;left:0;top:.05em;color:#3b82f6;font-size:.8125rem;font-weight:700;line-height:1.4}.demo-page__form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--color-surface-card);border:1px solid rgba(148,163,184,.18);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(0,0,0,.35),0 4px 10px rgba(0,0,0,.35),0 18px 40px rgba(0,0,0,.55),0 36px 72px rgba(2,6,23,.75)}.demo-page__form-head{display:flex;flex-direction:column;gap:.4rem}.demo-page__form-title{margin:0;font-size:1.15rem;font-weight:600;color:#f1f5f9}.demo-page__label{display:flex;flex-direction:column;gap:.4rem}.demo-page__input:-webkit-autofill,.demo-page__input:-webkit-autofill:focus,.demo-page__input:-webkit-autofill:hover{-webkit-text-fill-color:#f8fafc;-webkit-box-shadow:0 0 0 1000px var(--color-bg) inset;border:1px solid rgba(51,65,85,.6);-webkit-transition:background-color 9999s ease-out 0s;transition:background-color 9999s ease-out 0s}.demo-page__input:-webkit-autofill:focus{border-color:#3b82f6;-webkit-box-shadow:0 0 0 1000px var(--color-bg) inset,0 0 0 1px rgba(59,130,246,.3)}.demo-page__submit{width:100%}.demo-page__error{margin:0;font-size:.75rem;color:#fbbf24}.demo-page__legal{margin:0;color:#94a3b8;text-align:center}.demo-page__legal-link{color:#94a3b8;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.demo-page__legal-link:hover{color:#cbd5e1}.demo-page__preview{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.demo-page__faq{display:flex;flex-direction:column;gap:.75rem}.demo-page__faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-card);overflow:hidden}.demo-page__faq-question{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:none;border:none;font-family:inherit;font-size:.9375rem;font-weight:600;color:var(--color-text-platinum);text-align:left;cursor:pointer}.demo-page__faq-question:hover{background:rgba(59,130,246,.05)}.demo-page__faq-icon{flex-shrink:0;width:18px;height:18px;position:relative}.demo-page__faq-icon:after,.demo-page__faq-icon:before{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;background:var(--color-accent);transform:translate(-50%,-50%);transition:transform .2s}.demo-page__faq-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.demo-page__faq-item--open .demo-page__faq-icon:after{transform:translate(-50%,-50%) rotate(0deg)}.demo-page__faq-answer{display:none;padding:0 1.25rem 1rem}.demo-page__faq-item--open .demo-page__faq-answer{display:block}.demo-page__faq-answer p{margin:0;font-size:.875rem;line-height:1.55}