.demo-page{--demo-cyan: var(--brand-accent, #38bdf8);--demo-purple: #a855f7;--demo-bg: #05070f;--demo-edge: rgba(255, 255, 255, .08);background:var(--demo-bg);color:#f2f5f7;min-height:100vh}.demo-container{max-width:1100px;margin:0 auto;padding:0 24px}.demo-gradient{background:linear-gradient(120deg,var(--demo-cyan),var(--demo-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.demo-hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;isolation:isolate}.demo-hero-scene{position:absolute;inset:0;z-index:0;background:radial-gradient(120% 100% at 50% 40%,#12112a 0%,var(--demo-bg) 70%)}.demo-hero-scene canvas{display:block;width:100%;height:100%}.demo-hero-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#05070f8c,#05070f59 40%,#05070fb3 78%,#05070ff0)}.demo-hero-inner{position:relative;z-index:2;max-width:720px;margin:0 auto;padding:120px 24px 88px;text-align:center}.demo-hero-badge{display:inline-block;padding:5px 14px;border-radius:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--demo-cyan);background:#38bdf817;border:1px solid rgba(56,189,248,.24);margin-bottom:20px}.demo-hero h1{font-family:var(--font-display);font-size:clamp(2.25rem,5.5vw,3.7rem);font-weight:600;line-height:1.1;padding-bottom:.25em;letter-spacing:-.005em;margin:0 0 18px}.demo-hero-lead{font-size:clamp(1rem,1.6vw,1.14rem);line-height:1.62;color:#b6c2cc;max-width:56ch;margin:0 auto 30px}.demo-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:30px}.demo-btn{display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:10px;font-size:.94rem;font-weight:600;text-decoration:none;border:1px solid transparent;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.demo-btn-primary{background:linear-gradient(120deg,#2563eb,var(--demo-cyan));color:#04101f;box-shadow:0 8px 28px #38bdf838}.demo-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px #38bdf852}.demo-btn-ghost{color:#dbe6ec;border-color:var(--demo-edge);background:#ffffff08}.demo-btn-ghost:hover{background:#ffffff12;border-color:#38bdf866}.demo-btn-card{display:block;flex:0 1 300px;min-width:0;text-decoration:none;border-radius:12px}.demo-btn-card img{display:block;width:100%;height:100px;object-fit:cover;object-position:top;border-radius:10px 10px 0 0;border:1px solid rgba(255,255,255,.14);border-bottom:0;transition:border-color .2s ease}.demo-btn-card .demo-btn{display:flex;width:100%;justify-content:center;border-radius:0 0 10px 10px}.demo-btn-card:hover img,.demo-btn-card:focus-visible img{border-color:#38bdf8cc}@media(max-width:720px){.demo-btn-card{flex-basis:100%;max-width:340px}.demo-btn-card img{display:none}.demo-btn-card .demo-btn{border-radius:10px}}.demo-hero-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.demo-proof-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;font-size:.79rem;color:#9fb0ba;background:#ffffff09;border:1px solid var(--demo-edge)}.demo-proof-pill i{width:6px;height:6px;border-radius:50%;background:var(--demo-cyan);box-shadow:0 0 9px var(--demo-cyan)}.demo-hero-boundary{max-width:45rem;margin:18px auto 0;font-size:.88rem;line-height:1.65;color:#ffffffb3;text-align:center}.demo-section{padding:84px 0;position:relative}.demo-section h2{font-family:var(--font-display);font-size:var(--fs-h2-display);font-weight:600;line-height:1.12;padding-bottom:.25em;letter-spacing:-.005em;margin:0 0 14px}.demo-section-label{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;font-weight:700;letter-spacing:.16em;color:var(--demo-cyan);margin-bottom:12px}.demo-section-lede{color:#a5b3bd;font-size:1.02rem;line-height:1.62;max-width:66ch;margin:0 0 44px}.demo-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.demo-card{--demo-card-accent: var(--demo-cyan);padding:30px 28px;border-radius:16px;background:linear-gradient(160deg,#ffffff0b,#ffffff03);border:1px solid var(--demo-edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s ease,transform .2s ease;display:flex;flex-direction:column}.demo-card:hover{border-color:color-mix(in srgb,var(--demo-card-accent) 40%,transparent);transform:translateY(-2px)}.demo-card-shot{display:block;margin:-30px -28px 22px;border-radius:16px 16px 0 0;overflow:hidden;border-bottom:1px solid var(--demo-edge);background:#05070f}.demo-card-shot img{display:block;width:100%;height:auto;aspect-ratio:760 / 428;object-fit:cover;object-position:top left;transition:transform .35s ease}.demo-card-shot:hover img{transform:scale(1.02)}.demo-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:var(--demo-card-accent)}.demo-card-tag{font-family:JetBrains Mono,ui-monospace,monospace;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--demo-card-accent) 40%,transparent);background:color-mix(in srgb,var(--demo-card-accent) 10%,transparent);color:var(--demo-card-accent)}.demo-card h3{font-family:var(--font-display);font-size:var(--fs-h3-display);font-weight:600;letter-spacing:-.005em;line-height:1.2;margin:0 0 10px;color:#fff}.demo-card p{font-size:.92rem;color:#a5b3bd;line-height:1.62;margin:0 0 18px}.demo-card-points{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:8px}.demo-card-points li{display:flex;align-items:center;gap:8px;font-size:.83rem;color:#9fb0ba}.demo-card-points li svg{color:var(--demo-card-accent);flex-shrink:0}.demo-card-btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:10px;font-size:.9rem;font-weight:600;text-decoration:none;color:#04101f;background:linear-gradient(120deg,var(--demo-card-accent),color-mix(in srgb,var(--demo-card-accent) 60%,white));transition:transform .16s ease,box-shadow .16s ease}.demo-card-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px color-mix(in srgb,var(--demo-card-accent) 30%,transparent)}.demo-how-section{border-top:1px solid var(--demo-edge);background:#ffffff04}.demo-how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.demo-how-card{padding:24px 22px;border-radius:12px;background:#ffffff05;border:1px solid var(--demo-edge)}.demo-how-card svg{color:var(--demo-cyan);margin-bottom:12px}.demo-how-card h4{font-size:.94rem;font-weight:700;margin:0 0 8px;color:#fff}.demo-how-card p{font-size:.83rem;color:#ffffff9e;line-height:1.55;margin:0}@media(max-width:940px){.demo-card-grid{grid-template-columns:1fr}.demo-how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.demo-hero{min-height:auto}.demo-hero-inner{padding:116px 20px 64px}.demo-section{padding:56px 0}.demo-how-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.demo-btn,.demo-card,.demo-card-btn,.demo-card-shot img{transition:none}}