:root{--bg-page:#0a0a0a;--bg-card:#0d0d0d;--bg-chip:#161616;--border:#1a1a1a;--border-hover:#2a2a2a;--divider:#1f1f1f;--qline:#2f2f2f;--qline-soft:#3a3a3a;--t1:#fff;--t2:#d4d4d4;--t3:#a8a8a8;--t4:#8a8a8a;--accent:#fb923c;--green:#10b981;--green-text:#4ade80;--amber:#fbbf24;--red:#f87171;--display:Georgia,"Times New Roman",serif;--body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--mono:"JetBrains Mono","SF Mono","Menlo",monospace}.demo-page{background:var(--bg-page);color:var(--t1);font-family:var(--body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.demo-page a{color:inherit;text-decoration:none}.demo-page .wrap{max-width:560px;margin:0 auto;padding:0 20px}.demo-page .kicker{font-family:var(--mono);letter-spacing:2.2px;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:500}.demo-page .wordmark{font-family:var(--display);letter-spacing:-.5px;font-size:19px;font-weight:500}.demo-page .wordmark .rev{color:var(--green)}.demo-page .link-quiet{color:var(--t3);font-size:13px;transition:color .14s}.demo-page .link-quiet:hover{color:var(--t1)}.demo-page a:focus-visible,.demo-page button:focus-visible,.demo-page input:focus-visible,.demo-page textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.demo-page .nav{z-index:40;position:relative}.demo-page .nav-inner{justify-content:space-between;align-items:center;max-width:560px;margin:0 auto;padding:18px 20px;display:flex}.demo-page .progress{z-index:60;-webkit-backdrop-filter:blur(12px);border-bottom:.5px solid var(--divider);background:#0a0a0ad9;position:sticky;top:0}.demo-page .progress.hide{display:none}.demo-page .progress-inner{align-items:center;gap:14px;max-width:560px;margin:0 auto;padding:13px 20px;display:flex}.demo-page .pstep{font-family:var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--t4);white-space:nowrap;font-size:11px}.demo-page .pstep b{color:var(--t2);font-weight:500}.demo-page .pstep .sep{opacity:.45;margin:0 6px}.demo-page .pbar{background:var(--bg-chip);border-radius:2px;flex:1;height:3px;overflow:hidden}.demo-page .pbar span{background:linear-gradient(90deg,#fb923c80,var(--accent));border-radius:2px;width:0;height:100%;transition:width .4s;display:block}.demo-page .ppct{font-family:var(--mono);color:var(--t4);text-align:right;min-width:30px;font-size:11px}.demo-page .hero{text-align:center;padding:40px 0 30px}.demo-page .hero .kicker{margin-bottom:18px;display:inline-block}.demo-page .hero h1{font-family:var(--display);letter-spacing:-.6px;font-size:38px;font-weight:500;line-height:1.1}.demo-page .hero .lede{color:var(--t3);max-width:46ch;margin:18px auto 0;font-size:16px}.demo-page .hero .meta{font-family:var(--mono);letter-spacing:.3px;color:var(--t4);margin-top:22px;font-size:12px}.demo-page .hero .meta .sep{opacity:.55;margin:0 8px}.demo-page .rule{background:var(--divider);max-width:56px;height:.5px;margin:36px auto 0}.demo-page .hero-cta{margin-top:26px}.demo-page .btn-primary.solo{flex:none}.demo-page .hero-points{text-align:left;flex-direction:column;gap:11px;max-width:440px;margin:24px auto 0;padding:0;display:flex}.demo-page .hero-points li{color:var(--t2);padding-left:22px;font-size:14.5px;line-height:1.5;list-style:none;position:relative}.demo-page .hero-points li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.demo-page .step{scroll-margin-top:64px;display:none}.demo-page .step.active{display:block}.demo-page .step-head{padding:30px 0 4px}.demo-page .step-head .kicker{margin-bottom:12px;display:block}.demo-page .step-head h2{font-family:var(--display);letter-spacing:-.4px;font-size:27px;font-weight:500;line-height:1.15}.demo-page .step-head p{color:var(--t3);margin-top:8px;font-size:15px}.demo-page .field{border-top:3px solid var(--qline-soft);padding:20px 0}.demo-page .field:first-of-type{border-top:0}.demo-page .crow2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.demo-page .crow2 .field{border-top:0;padding:20px 0 0}.demo-page .elabel{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--t4);margin-bottom:9px;font-size:10.5px;display:block}.demo-page .ein{border:0;border-bottom:1px solid var(--border-hover);width:100%;color:var(--t1);font-family:var(--body);background:0 0;padding:9px 1px;font-size:16px;transition:border-color .16s}.demo-page .ein::placeholder{color:var(--t4)}.demo-page .ein:hover{border-bottom-color:var(--t3)}.demo-page .ein:focus{border-bottom-color:var(--accent)}.demo-page .q{border-top:3px solid var(--qline-soft);padding:24px 0}.demo-page .q .qnum{font-family:var(--mono);letter-spacing:1.5px;color:var(--accent);opacity:.85;margin-bottom:10px;font-size:11px;display:block}.demo-page .q .qprompt{color:var(--t1);margin-bottom:16px;font-size:17px;font-weight:500;line-height:1.35}.demo-page .q .qhint{color:var(--t4);margin:-10px 0 16px;font-size:13px}.demo-page .eopts{flex-wrap:wrap;gap:10px;display:flex}.demo-page .eopt{color:var(--t2);border:.5px solid var(--border-hover);cursor:pointer;font-size:14.5px;font-family:var(--body);background:0 0;border-radius:999px;align-items:center;min-height:46px;padding:12px 18px;line-height:1.2;transition:all .16s;display:inline-flex}.demo-page .eopt:hover{border-color:var(--t3);color:var(--t1)}.demo-page .eopt.sel{border-color:var(--accent);color:#fff;background:#fb923c14}.demo-page .eopts.multi .eopt.sel:before{content:"✓";color:var(--accent);margin-right:8px;font-weight:600}.demo-page .etext{border:0;border-bottom:1px solid var(--border-hover);width:100%;color:var(--t1);font-family:var(--body);resize:vertical;background:0 0;min-height:48px;padding:10px 1px;font-size:16px;line-height:1.6;transition:border-color .16s}.demo-page .etext::placeholder{color:var(--t4)}.demo-page .etext:focus{border-bottom-color:var(--accent)}.demo-page .reveal{display:none}.demo-page .reveal.show{display:block}.demo-page .subfield{margin-top:16px}.demo-page .q.invalid .qprompt,.demo-page .field.invalid .elabel{color:var(--red)}.demo-page .q.invalid .eopt{border-color:#f871718c}.demo-page .field.invalid .ein,.demo-page .q.invalid .etext,.demo-page .q.invalid .ein{border-bottom-color:var(--red)}.demo-page .step-nav{border-top:3px solid var(--qline-soft);align-items:center;gap:12px;margin-top:8px;padding:26px 0 8px;display:flex}.demo-page .btn-primary{font-family:var(--body);cursor:pointer;background:var(--accent);color:#0a0a0a;border:0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:9px;padding:15px 28px;font-size:15px;font-weight:500;transition:transform .14s,box-shadow .14s;display:inline-flex}.demo-page .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #fb923c38}.demo-page .btn-back{font-family:var(--mono);letter-spacing:.5px;color:var(--t3);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:14px 8px;font-size:12px}.demo-page .btn-back:hover{color:var(--t1)}.demo-page .everdict{text-align:center;padding:30px 0 26px}.demo-page .everdict .vk{font-family:var(--mono);letter-spacing:2.2px;text-transform:uppercase;margin-bottom:16px;font-size:11px}.demo-page .everdict .vk.green{color:var(--green-text)}.demo-page .everdict .vk.amber{color:var(--amber)}.demo-page .everdict .vk.red{color:var(--t4)}.demo-page .everdict h2{font-family:var(--display);letter-spacing:-.4px;margin-bottom:13px;font-size:29px;font-weight:500;line-height:1.16}.demo-page .everdict p{color:var(--t3);max-width:44ch;margin:0 auto;font-size:16px}.demo-page .vrule{width:46px;height:.5px;margin:0 auto 20px}.demo-page .vrule.green{background:var(--green)}.demo-page .vrule.amber{background:var(--amber)}.demo-page .vrule.red{background:var(--border-hover)}.demo-page .cal-frame{background:var(--bg-card);border:.5px solid var(--border);border-radius:12px;min-height:620px;margin-top:14px;overflow:hidden}.demo-page .cal-frame iframe{border:0;width:100%;min-height:620px;display:block}.demo-page .wl-alt{text-align:center;margin-top:22px;font-size:13px}.demo-page .editlink{color:var(--t3);cursor:pointer;font-size:12px;font-family:var(--mono);letter-spacing:.5px;background:0 0;border:0;gap:7px;margin-bottom:6px;display:inline-flex}.demo-page .editlink:hover{color:var(--t1)}.demo-page .check{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.demo-page .check input{appearance:none;border:1px solid var(--border-hover);cursor:pointer;background:0 0;border-radius:5px;flex-shrink:0;width:20px;height:20px;margin:1px 0 0;transition:all .14s;position:relative}.demo-page .check input:hover{border-color:var(--t3)}.demo-page .check input:checked{background:var(--accent);border-color:var(--accent)}.demo-page .check input:checked:after{content:"✓";color:#0a0a0a;font-size:13px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-page .check span{color:var(--t3);font-size:14px;line-height:1.5}.demo-page .field.invalid .check span{color:var(--red)}.demo-page .field.invalid .check input{border-color:var(--red)}.demo-page .beta-points{border:.5px solid var(--qline);background:var(--bg-card);text-align:left;border-radius:12px;margin-bottom:18px;padding:20px 22px}.demo-page .beta-points .bp-head{font-family:var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--t4);margin-bottom:12px;font-size:11px}.demo-page .beta-points ul{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.demo-page .beta-points li{color:var(--t2);padding-left:20px;font-size:14.5px;line-height:1.5;position:relative}.demo-page .beta-points li:before{content:"";background:var(--amber);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.demo-page .beta-points .bp-plat{color:var(--t1)}.demo-page .demo-footer{border-top:.5px solid var(--divider);margin-top:60px;padding:28px 0}.demo-page .foot-inner{max-width:560px;color:var(--t4);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 auto;padding:0 20px;font-size:13px;display:flex}.demo-page .foot-inner a{color:var(--t3)}.demo-page .foot-inner a:hover{color:var(--t1)}@media (max-width:480px){.demo-page .hero{padding:30px 0 24px}.demo-page .hero h1{font-size:30px}.demo-page .crow2{grid-template-columns:1fr;gap:0}.demo-page .crow2 .field{border-top:3px solid var(--qline-soft);padding:20px 0}.demo-page .crow2 .field:first-child{border-top:0}.demo-page .step-head h2{font-size:24px}.demo-page .btn-back{padding:14px 4px}}@media (prefers-reduced-motion:reduce){.demo-page *{transition:none!important}}@media (min-width:880px){.demo-page{background:radial-gradient(820px 460px at 50% -8%, #fb923c0f, transparent 70%), var(--bg-page);background-attachment:fixed}.demo-page .wrap{background:var(--bg-card);border:.5px solid var(--border);border-radius:18px;max-width:600px;margin-top:22px;margin-bottom:48px;padding:8px 40px 36px;box-shadow:0 30px 80px #00000073}}
