.demo-page{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(1200px 600px at 8% -10%,#f3eefe 0,transparent 60%),linear-gradient(168deg,var(--bg) 0,var(--bg-2) 100%);font-family:Plus Jakarta Sans,system-ui,sans-serif;color:var(--ink)}.demo-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.55}.demo-orb-a{width:520px;height:520px;top:-180px;right:-120px;background:radial-gradient(circle,rgba(124,58,237,.22),transparent 70%)}.demo-orb-b{width:420px;height:420px;bottom:-160px;left:-100px;background:radial-gradient(circle,rgba(8,145,178,.16),transparent 70%)}.demo-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(108,60,200,.045) 1px,transparent 0),linear-gradient(90deg,rgba(108,60,200,.045) 1px,transparent 0);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0,#000 40%,transparent 100%)}.demo-shell{position:relative;z-index:1;box-sizing:border-box;min-height:100vh;max-width:1140px;margin:0 auto;padding:126px 28px 72px;display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.demo-pitch{padding-top:0}.demo-eyebrow{display:inline-flex;align-items:center;padding:5px 13px;border-radius:9999px;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--blue-ink);background:rgba(124,58,237,.09);border:1px solid rgba(124,58,237,.18)}.demo-h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(34px,4.4vw,56px);font-weight:700;line-height:1.08;letter-spacing:-.02em;margin:22px 0 0;color:var(--ink)}.demo-h1 em{font-style:italic;font-weight:500;background:linear-gradient(100deg,var(--blue) 10%,var(--teal) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.demo-lede{font-size:16px;line-height:1.72;color:var(--ink-3);margin:20px 0 0;max-width:46ch}.demo-stats{display:flex;gap:34px;margin:36px 0 0;padding:22px 0;border-top:1px solid var(--border-2);border-bottom:1px solid var(--border-2)}.demo-stat{display:flex;flex-direction:column;gap:3px}.demo-stat-n{font-family:Playfair Display,Georgia,serif;font-size:30px;font-weight:700;line-height:1;color:var(--blue-ink)}.demo-stat-l{font-size:12px;color:var(--muted);letter-spacing:.02em}.demo-list{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:13px}.demo-list li{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;line-height:1.6;color:var(--ink-3)}.demo-list svg{color:var(--green);flex-shrink:0;margin-top:3px}.demo-card-wrap{width:100%}.demo-card{background:var(--surface);border:1px solid var(--border-2);border-radius:20px;padding:34px 32px;box-shadow:0 1px 2px rgba(26,31,58,.04),0 12px 40px rgba(90,33,182,.09)}.demo-card-h{font-family:Playfair Display,Georgia,serif;font-size:25px;font-weight:700;letter-spacing:-.015em;margin:0 0 6px;color:var(--ink)}.demo-card-sub{font-size:13.5px;line-height:1.6;color:var(--muted);margin:0 0 26px}.demo-field{margin-bottom:15px}.demo-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.demo-label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.demo-req{color:var(--blue)}.demo-input{width:100%;box-sizing:border-box;padding:11px 13px;font-family:inherit;font-size:14.5px;color:var(--ink);background:var(--surface-2);border:1px solid var(--border-2);border-radius:9px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.demo-input::-moz-placeholder{color:var(--muted-2)}.demo-input::placeholder{color:var(--muted-2)}.demo-input:hover{border-color:var(--border-3)}.demo-input:focus{background:var(--surface);border-color:var(--blue);box-shadow:0 0 0 3.5px rgba(124,58,237,.13)}select.demo-input{cursor:pointer}.demo-error{font-size:13px;line-height:1.5;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;padding:10px 12px;margin:0 0 14px}.demo-submit{display:block;width:100%;padding:14px 22px;margin-top:8px;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:-.01em;color:#fff;background:linear-gradient(100deg,var(--blue) 0,var(--blue-2) 100%);border:none;border-radius:10px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;box-shadow:0 6px 18px rgba(124,58,237,.24)}.demo-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px rgba(124,58,237,.32)}.demo-submit:active:not(:disabled){transform:translateY(0) scale(.99)}.demo-submit:disabled{opacity:.65;cursor:default;box-shadow:none}.demo-fineprint{font-size:11.5px;line-height:1.6;color:var(--muted-2);text-align:center;margin:14px 0 0}.demo-reveal{animation:demoIn .42s cubic-bezier(.2,.7,.3,1) both}@keyframes demoIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.demo-badge{width:52px;height:52px;margin:2px auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--green);background:var(--green-bg);border:1px solid rgba(5,150,105,.24)}.demo-block{border:1px solid var(--border-2);border-radius:13px;padding:15px 16px 13px;margin-bottom:12px;background:var(--surface-2)}.demo-block-h{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 9px}.demo-block-note{font-size:11.5px;color:var(--muted-2);margin:9px 0 0;line-height:1.5}.demo-cred{display:flex;width:100%;justify-content:space-between;align-items:center;gap:14px;padding:8px 10px;margin:0 -10px;background:none;border:none;border-radius:8px;cursor:pointer;font-family:inherit;text-align:left;transition:background .16s ease}.demo-cred:hover{background:rgba(124,58,237,.06)}.demo-cred-k{font-size:13.5px;color:var(--muted)}.demo-cred-v{font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;font-weight:500;color:var(--ink);word-break:break-all;text-align:right}.demo-note{font-size:12px;line-height:1.62;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:11px 13px;margin:16px 0 0}@media (max-width:900px){.demo-shell{grid-template-columns:1fr;gap:40px;padding:104px 22px 56px}.demo-card-wrap{position:static}.demo-stats{gap:26px}.demo-card{padding:28px 22px}}@media (max-width:420px){.demo-stats{flex-wrap:wrap;gap:20px 30px}.demo-row{grid-template-columns:1fr;gap:0}}@media (prefers-reduced-motion:reduce){.demo-reveal{animation:none}.demo-submit:hover:not(:disabled){transform:none}}