.demo-page{gap:56px}.demo-hero{grid-template-columns:minmax(0,.9fr) minmax(420px,1fr);align-items:start;gap:28px;display:grid}.demo-hero__intro,.demo-hero__copy,.demo-hero__visual{gap:22px;display:grid}.demo-hero__copy h1{letter-spacing:0;max-width:15ch;font-size:clamp(38px,4vw,52px);line-height:1.05}.demo-hero__lead{max-width:60ch;color:var(--text-secondary);font-size:17px;line-height:1.68}.demo-hero__actions{flex-wrap:wrap;gap:12px;display:flex}.demo-hero__primary-action{min-width:198px}.demo-hero__route-note{max-width:58ch;color:var(--muted);margin-top:-6px;font-size:14px;line-height:1.65}.demo-hero__error{max-width:420px}.demo-hero__signals{flex-wrap:wrap;gap:10px;display:flex}.demo-hero__signal{border:1px solid color-mix(in srgb, var(--accent) 14%, var(--border));background:color-mix(in srgb, var(--accent) 6%, transparent);border-radius:999px;align-items:baseline;gap:7px;padding:8px 12px;display:inline-flex}.demo-hero__signal strong{color:var(--text);letter-spacing:0;font-size:13px;line-height:1.2}.demo-hero__signal span{color:var(--text-secondary);font-size:12px;line-height:1.4}.demo-preview{background:radial-gradient(circle at top center, color-mix(in srgb, var(--accent) 14%, transparent), transparent 54%), linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 72%, var(--surface)), var(--surface));border-color:color-mix(in srgb, var(--accent) 18%, var(--border-strong));border-radius:22px;gap:18px;min-height:100%;padding:24px;display:grid;box-shadow:0 24px 70px #050a1847}.demo-preview__header{justify-content:space-between;align-items:start;gap:16px;display:flex}.demo-preview__header h2{letter-spacing:0;max-width:18ch;font-size:clamp(24px,2.5vw,32px);line-height:1.1}.demo-preview__eyebrow,.demo-proof-card__eyebrow,.demo-decision__eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:700;font-family:var(--font-mono,monospace);align-items:center;gap:8px;display:inline-flex}.demo-preview__eyebrow:before,.demo-proof-card__eyebrow:before,.demo-decision__eyebrow:before{content:"";background:color-mix(in srgb, var(--accent) 55%, transparent);width:22px;height:1px}.demo-preview__badge{background:color-mix(in srgb, var(--accent) 14%, var(--surface-muted));color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.demo-preview__shot .public-product-shot__frame,.demo-proof-card__shot .public-product-shot__frame{border-color:color-mix(in srgb, var(--accent) 12%, var(--border));background:var(--surface-muted);border-radius:20px;box-shadow:0 18px 40px #050a182e}.demo-preview__shot .public-product-shot__frame{--product-shot-aspect:1.52}.demo-proof-card__shot .public-product-shot__frame{--product-shot-aspect:1.35}.demo-preview__shot .public-product-shot__meta,.demo-proof-card__shot .public-product-shot__meta{display:none}.demo-preview__screens{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.demo-preview__screen{background:color-mix(in srgb, var(--surface) 72%, transparent);border:1px solid color-mix(in srgb, var(--accent) 12%, var(--border));border-radius:14px;grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;padding:14px;display:grid}.demo-preview__screen span{color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:700;font-family:var(--font-mono,monospace)}.demo-preview__screen strong{margin-bottom:4px;font-size:15px;display:block}.demo-preview__screen p{color:var(--text-secondary);font-size:14px;line-height:1.6}.demo-proof{gap:24px}.demo-proof__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.demo-proof-card{border-radius:20px;gap:16px;padding:16px;display:grid}.demo-proof-card__body{gap:10px;display:grid}.demo-proof-card__body h3{letter-spacing:0;font-size:clamp(20px,2vw,24px);line-height:1.14}.demo-proof-card__body p{color:var(--text-secondary);line-height:1.65}.demo-proof-card__points{color:var(--text-secondary);gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.demo-proof-card__points li{align-items:baseline;gap:10px;display:flex}.demo-proof-card__points li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:.4em}.demo-decision{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent 42%), var(--surface);box-shadow:var(--shadow-sm);border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:28px;display:grid}.demo-decision__copy{gap:10px;max-width:760px;display:grid}.demo-decision__copy h2{letter-spacing:0;font-size:clamp(26px,3vw,34px);line-height:1.12}.demo-decision__copy p{color:var(--text-secondary);line-height:1.65}.demo-decision__actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}@media (max-width:1120px){.demo-proof__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.demo-hero,.demo-decision{grid-template-columns:1fr}.demo-hero__copy h1,.demo-preview__header h2{max-width:none}}@media (max-width:720px){.demo-page{gap:52px}.demo-hero__signals{grid-template-columns:1fr;display:grid}.demo-proof__grid{grid-template-columns:1fr}.demo-preview,.demo-decision{padding:22px}.demo-preview__header{display:grid}.demo-decision__actions{justify-content:flex-start}}@media (max-width:540px){.demo-page{gap:44px}.demo-hero__copy h1{font-size:clamp(30px,10vw,40px)}.demo-hero__lead{font-size:16px}.demo-preview__screen,.demo-preview__screens{grid-template-columns:1fr}.demo-preview__header h2,.demo-proof-card__body h3,.demo-decision__copy h2{font-size:24px}.demo-hero__actions,.demo-decision__actions{display:grid}.demo-hero__actions .public-button,.demo-decision__actions .public-button{width:100%}}