.demo-page{--navy:#1b2b4b;--navy-deep:#0a1628;--navy-darker:#060f1c;--emerald:#10b981;--emerald-bright:#34d399;--emerald-glow:#10b98166;--red:#ef4444;--red-tint:#fef2f2;--amber:#f59e0b;--bg:#f8fafc;--text:#1e293b;--muted:#64748b;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;font-feature-settings:"cv11", "ss01", "ss03";color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,sans-serif;font-size:16px;line-height:1.5}.demo-page *,.demo-page :before,.demo-page :after{box-sizing:border-box}.demo-page *{margin:0;padding:0}.demo-page .display{letter-spacing:-.02em;font-family:Clash Display,Inter,sans-serif;font-weight:600;line-height:1.05}.demo-page .mono{font-family:JetBrains Mono,ui-monospace,monospace}.demo-page a{color:inherit;text-decoration:none}.demo-page button{cursor:pointer;color:inherit;background:0 0;border:0;font-family:inherit}.demo-page input,.demo-page textarea,.demo-page select{font-family:inherit}.demo-page .topbar{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(20px);background:#f8fafcd9;border-bottom:1px solid #0f172a0f;position:sticky;top:0}.demo-page .topbar-inner{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:14px 32px;display:flex}.demo-page .wordmark{letter-spacing:-.02em;color:var(--navy);align-items:center;gap:8px;font-family:Clash Display,sans-serif;font-size:22px;font-weight:600;display:inline-flex}.demo-page .top-right{color:var(--slate-700);align-items:center;gap:14px;font-size:14px;display:flex}.demo-page .top-right a:hover{color:var(--navy)}.demo-page .btn-ghost-sm{color:var(--slate-700);border-radius:8px;padding:8px 12px;font-weight:500;transition:all .15s}.demo-page .btn-ghost-sm:hover{color:var(--navy);background:#0f172a0a}.demo-page .stage{grid-template-columns:1fr 1.05fr;align-items:start;gap:48px;max-width:1280px;margin:0 auto;padding:40px 32px 56px;display:grid}.demo-page .left-col{min-width:0}.demo-page .eyebrow{letter-spacing:.06em;color:#047857;text-transform:uppercase;background:#10b9811a;border:1px solid #10b98159;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.demo-page .eyebrow-dot{background:var(--emerald);width:6px;height:6px;box-shadow:0 0 10px var(--emerald);border-radius:50%}.demo-page .lead-h{letter-spacing:-.02em;color:var(--navy);text-wrap:balance;margin:18px 0;font-family:Clash Display,sans-serif;font-size:clamp(40px,4.4vw,60px);font-weight:600;line-height:1.02}.demo-page .lead-h .accent{background:linear-gradient(180deg, #34d399, var(--emerald));color:#0000;-webkit-background-clip:text;background-clip:text}.demo-page .lead-sub{color:var(--slate-700);max-width:540px;margin-bottom:32px;font-size:18px;line-height:1.55}.demo-page .what-list{gap:12px;margin-bottom:36px;list-style:none;display:grid}.demo-page .what-list li{color:var(--slate-800);align-items:flex-start;gap:12px;font-size:15px;display:flex}.demo-page .what-list .tick{width:22px;height:22px;color:var(--emerald);background:#ecfdf5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.demo-page .what-list .tick svg{width:12px;height:12px}.demo-page .what-list strong{color:var(--navy);font-weight:600}.demo-page .host{border:1px solid var(--slate-200);background:#fff;border-radius:14px;align-items:center;gap:14px;margin-bottom:24px;padding:16px;display:flex;position:relative;overflow:hidden}.demo-page .host:before{content:"";background:var(--emerald);width:3px;position:absolute;top:0;bottom:0;left:0}.demo-page .host-avatar{background:linear-gradient(135deg, var(--emerald), #047857);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-family:Clash Display,sans-serif;font-size:18px;font-weight:600;display:flex;box-shadow:0 6px 16px -6px #10b98180}.demo-page .host-meta{flex:1;min-width:0}.demo-page .host-name{color:var(--navy);font-family:Clash Display,sans-serif;font-size:17px;font-weight:600}.demo-page .host-title{color:var(--muted);margin-top:1px;font-size:13px}.demo-page .host-stats{color:var(--slate-700);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:11px;display:flex}.demo-page .host-stats span{align-items:center;gap:5px;display:inline-flex}.demo-page .host-stats .dot{background:var(--emerald);border-radius:50%;width:5px;height:5px}.demo-page .quote{background:var(--navy-deep);color:#fff;border-radius:16px;padding:26px 28px;position:relative;overflow:hidden}.demo-page .quote:before{content:"";background:radial-gradient(circle at 20% 30%,#10b98126,#0000 50%);position:absolute;inset:0}.demo-page .quote-inner{z-index:1;position:relative}.demo-page .quote-mark{color:var(--emerald);margin-bottom:8px;font-family:Clash Display,sans-serif;font-size:56px;line-height:.7}.demo-page .quote-text{color:#fff;text-wrap:balance;margin-bottom:18px;font-size:17px;line-height:1.55}.demo-page .quote-text .hl{background:linear-gradient(#0000 65%,#10b98159 65%);padding:0 2px}.demo-page .quote-foot{border-top:1px solid #ffffff14;justify-content:space-between;align-items:end;padding-top:14px;display:flex}.demo-page .quote-attr strong{color:#fff;font-size:14px;font-weight:600;display:block}.demo-page .quote-attr span{color:var(--slate-300);margin-top:2px;font-size:12px;display:block}.demo-page .quote-recovered{text-align:right;font-family:Clash Display,sans-serif}.demo-page .quote-recovered .num{color:var(--emerald);letter-spacing:-.02em;font-size:28px;font-weight:600;line-height:1}.demo-page .quote-recovered .label{color:var(--slate-400);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:11px}.demo-page .logos{border-top:1px dashed var(--slate-200);margin-top:28px;padding-top:24px}.demo-page .logos-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:14px;font-size:11px;font-weight:600}.demo-page .logo-row{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.demo-page .logo-row span{color:var(--slate-400);letter-spacing:-.01em;font-family:Clash Display,sans-serif;font-size:19px;font-weight:600}.demo-page .right-col{position:sticky;top:96px}.demo-page .sched-card{border:1px solid var(--slate-200);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px -30px #0f172a40,0 0 0 1px #0f172a05}.demo-page .sched-head{background:var(--navy-deep);color:#fff;padding:22px 28px;position:relative;overflow:hidden}.demo-page .sched-head:before{content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 100% 0,#000,#0000 70%);mask-image:radial-gradient(at 100% 0,#000,#0000 70%)}.demo-page .sched-head:after{content:"";pointer-events:none;background:radial-gradient(circle at 90% 20%,#10b98140,#0000 50%);position:absolute;inset:0}.demo-page .sched-head-inner{z-index:1;justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.demo-page .sched-title{font-family:Clash Display,sans-serif;font-size:18px;font-weight:600}.demo-page .sched-sub{color:var(--slate-300);flex-wrap:wrap;align-items:center;gap:14px;margin-top:2px;font-size:12px;display:flex}.demo-page .sched-sub span{align-items:center;gap:6px;display:inline-flex}.demo-page .sched-sub svg{width:13px;height:13px}.demo-page .sched-tz{color:#fff;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.demo-page .steps{border-bottom:1px solid var(--slate-100);gap:0;padding:16px 28px 0;display:flex}.demo-page .step{color:var(--muted);flex:1;align-items:center;gap:10px;padding-bottom:14px;font-size:13px;font-weight:500;display:flex;position:relative}.demo-page .step-num{background:var(--slate-100);width:22px;height:22px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.demo-page .step.active{color:var(--navy)}.demo-page .step.active .step-num{background:var(--navy);color:#fff}.demo-page .step.done .step-num{background:var(--emerald);color:#fff}.demo-page .step.done .step-num:after{content:"✓"}.demo-page .step.done .step-num .n{display:none}.demo-page .step.active:after,.demo-page .step.done:after{content:"";background:var(--navy);height:2px;position:absolute;bottom:-1px;left:0;right:0}.demo-page .step.done:after{background:var(--emerald)}.demo-page .sched-body{padding:22px 28px 26px}.demo-page .cal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.demo-page .cal-month{color:var(--navy);letter-spacing:-.01em;font-family:Clash Display,sans-serif;font-size:18px;font-weight:600}.demo-page .cal-nav{gap:4px;display:flex}.demo-page .cal-nav button{border:1px solid var(--slate-200);width:32px;height:32px;color:var(--slate-700);background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.demo-page .cal-nav button:hover{border-color:var(--navy);color:var(--navy)}.demo-page .cal-nav svg{width:14px;height:14px}.demo-page .cal-dow{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:6px;font-size:11px;font-weight:600;display:grid}.demo-page .cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.demo-page .cal-day{aspect-ratio:1;color:var(--slate-800);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:13px;font-weight:500;transition:all .15s;position:relative}.demo-page .cal-day:hover{background:var(--slate-100)}.demo-page .cal-day.muted{color:var(--slate-300);cursor:default}.demo-page .cal-day.muted:hover{background:0 0}.demo-page .cal-day.has-slots:after{content:"";background:var(--emerald);border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.demo-page .cal-day.today{color:var(--emerald);font-weight:700}.demo-page .cal-day.selected{background:var(--navy);color:#fff}.demo-page .cal-day.selected:after{background:#fff}.demo-page .times-section{margin-top:22px}.demo-page .times-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.demo-page .times-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.demo-page .times-toggle{background:var(--bg);border:1px solid var(--slate-200);border-radius:7px;padding:2px;font-size:11px;display:inline-flex}.demo-page .times-toggle button{color:var(--muted);border-radius:5px;padding:4px 10px;font-weight:500}.demo-page .times-toggle button.on{color:var(--navy);background:#fff;box-shadow:0 1px 2px #0000000f}.demo-page .times-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.demo-page .time-slot{border:1px solid var(--slate-200);color:var(--slate-800);font-variant-numeric:tabular-nums;text-align:center;background:#fff;border-radius:8px;padding:10px;font-size:13px;font-weight:500;transition:all .15s}.demo-page .time-slot:hover{border-color:var(--emerald);color:var(--navy)}.demo-page .time-slot.selected{background:var(--emerald);color:#fff;border-color:var(--emerald);box-shadow:0 4px 12px -4px #10b98180}.demo-page .time-slot.popular{border-color:var(--emerald);color:var(--navy);position:relative}.demo-page .time-slot.popular:before{content:"★";color:var(--amber);font-size:9px;position:absolute;top:2px;right:4px}.demo-page .time-slot.selected.popular:before{color:#fff}.demo-page .times-empty{border:1px dashed var(--slate-200);color:var(--muted);text-align:center;border-radius:10px;padding:20px;font-size:13px}.demo-page .f-row{margin-bottom:14px}.demo-page .f-row-split{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.demo-page .f-label{color:var(--slate-700);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.demo-page .f-input,.demo-page .f-select{width:100%;color:var(--navy);border:1px solid var(--slate-200);background:#fff;border-radius:9px;outline:none;padding:11px 13px;font-size:14px;transition:all .15s}.demo-page .f-input:focus,.demo-page .f-select:focus{border-color:var(--emerald);box-shadow:0 0 0 4px #10b9811f}.demo-page .f-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;padding-right:36px}.demo-page .f-textarea{resize:vertical;min-height:92px;line-height:1.5}.demo-page .chips{flex-wrap:wrap;gap:6px;display:flex}.demo-page .chip{border:1px solid var(--slate-200);color:var(--slate-800);background:#fff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s}.demo-page .chip:hover{border-color:var(--slate-400)}.demo-page .chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}.demo-page .sched-summary{background:var(--bg);border-top:1px solid var(--slate-100);border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;display:flex}.demo-page .sum-l{align-items:center;gap:12px;min-width:0;display:flex}.demo-page .sum-ico{border:1px solid var(--slate-200);width:38px;height:38px;color:var(--emerald);background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.demo-page .sum-ico svg{width:18px;height:18px}.demo-page .sum-when{color:var(--navy);font-family:Clash Display,sans-serif;font-size:14px;font-weight:600}.demo-page .sum-tz{color:var(--muted);margin-top:1px;font-size:11px}.demo-page .btn-primary{background:var(--emerald);color:#fff;white-space:nowrap;border-radius:9px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 1px 2px #10b98133,0 6px 18px -8px #10b98180}.demo-page .btn-primary:hover{background:#0fa674;transform:translateY(-1px);box-shadow:0 2px 4px #10b98140,0 10px 24px -8px #10b98199}.demo-page .btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.demo-page .btn-primary .arrow{transition:transform .18s}.demo-page .btn-primary:hover:enabled .arrow{transform:translate(3px)}.demo-page .step-panel{display:none}.demo-page .step-panel.active{animation:.25s demo-fade-in;display:block}@keyframes demo-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.demo-page .confirm-wrap{text-align:center;padding:36px 28px 32px}.demo-page .confirm-bubble{width:72px;height:72px;color:var(--emerald);background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:22px;justify-content:center;align-items:center;margin:0 auto 20px;display:flex;position:relative}.demo-page .confirm-bubble:after{content:"";border:2px solid #10b9814d;border-radius:28px;animation:2.4s ease-out infinite demo-bubble-ring;position:absolute;inset:-8px}@keyframes demo-bubble-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.demo-page .confirm-bubble svg{width:32px;height:32px}.demo-page .confirm-h{color:var(--navy);letter-spacing:-.02em;margin-bottom:8px;font-family:Clash Display,sans-serif;font-size:26px;font-weight:600}.demo-page .confirm-sub{color:var(--muted);max-width:360px;margin:0 auto 22px;font-size:14px;line-height:1.55}.demo-page .confirm-card{text-align:left;border:1px solid var(--slate-200);background:#fff;border-radius:12px;margin-bottom:16px;padding:18px}.demo-page .cc-row{justify-content:space-between;gap:16px;padding:8px 0;font-size:13px;display:flex}.demo-page .cc-row+.cc-row{border-top:1px solid var(--slate-100)}.demo-page .cc-row .k{color:var(--muted)}.demo-page .cc-row .v{color:var(--navy);text-align:right;font-weight:600}.demo-page .confirm-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.demo-page .btn-outline{border:1px solid var(--slate-300);color:var(--navy);background:#fff;border-radius:9px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.demo-page .btn-outline:hover{border-color:var(--navy)}.demo-page .btn-outline svg{width:14px;height:14px}@media (max-width:980px){.demo-page .stage{grid-template-columns:1fr;gap:32px;padding:28px 20px}.demo-page .right-col{position:static}.demo-page .lead-h{font-size:36px}.demo-page .topbar-inner{padding:12px 20px}}@media (max-width:520px){.demo-page .times-grid{grid-template-columns:repeat(2,1fr)}.demo-page .f-row-split{grid-template-columns:1fr}.demo-page .sched-summary{flex-direction:column;align-items:stretch}.demo-page .btn-primary{justify-content:center}}