.demo-root{--paper:#faf7f2;--paper-2:#f1eee7;--paper-3:#e9e5dd;--ink:#1a1a1a;--ink-2:#3d3d3d;--ink-3:#5a5a5a;--line:#dcd7cd;--line-strong:#c9c2b6;--muted:#8a8478;--klein-50:#ecedfc;--klein-100:#dadcf8;--klein-200:#b4b7f2;--klein-500:#3a3fa8;--klein:#2c2a8a;--klein-700:#1f1e66;--klein-900:#0a1448;--mint-50:#eef5f1;--mint-100:#d8e8e0;--mint-200:#b5d4c5;--mint-300:#7fb8a4;--mint-500:#3f7d6a;--mint-700:#1f5544;--mint-800:#143a30;--danger:#b91c1c;--warning:#d97706;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #1414480f, 0 2px 6px #1414480a;--shadow-md:0 8px 24px #1414481a;--shadow-lg:0 24px 64px #14144829;background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.demo-root .mono{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:11px}.demo-root .serif-it{font-family:var(--font-serif);font-style:italic}.demo-root .tabular{font-variant-numeric:tabular-nums}.demo-root .display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:500}.demo-root .wrap{width:100%;max-width:1240px;margin:0 auto;padding:48px 40px 96px}.demo-root .topbar{border-bottom:1px solid var(--line);background:var(--paper);z-index:40;align-items:center;gap:18px;padding:14px 32px;display:flex;position:sticky;top:0}.demo-root .topbar .brand{align-items:center;gap:10px;display:flex}.demo-root .topbar .brand .mark{flex-shrink:0;width:22px;height:20px}.demo-root .topbar .brand .word{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:18px;font-weight:500}.demo-root .topbar .brand .word .dot{color:var(--mint-700)}.demo-root .topbar .demo-tag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 9px 4px;font-size:9.5px}.demo-root .stepper{align-items:center;gap:0;margin:0 auto;display:flex}.demo-root .stepper .step{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;align-items:center;gap:8px;padding:0 14px;font-size:10px;display:flex;position:relative}.demo-root .stepper .step .n{border:1px solid var(--line-strong);width:18px;height:18px;color:var(--muted);border-radius:50%;place-items:center;font-size:9px;display:grid}.demo-root .stepper .step[data-done] .n{background:var(--ink);border-color:var(--ink);color:var(--paper)}.demo-root .stepper .step[data-active]{color:var(--klein)}.demo-root .stepper .step[data-active] .n{background:var(--klein);border-color:var(--klein);color:#fff}.demo-root .stepper .sep{background:var(--line);width:22px;height:1px}.demo-root .seg{border:1px solid var(--line);background:var(--paper-2);border-radius:999px;padding:2px;display:inline-flex}.demo-root .seg button{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:10px;line-height:1}.demo-root .seg button[data-on]{background:var(--ink);color:var(--paper)}.demo-root .head{border-bottom:1px solid var(--line);grid-template-columns:1fr 380px;align-items:start;gap:56px;margin-bottom:40px;padding-bottom:36px;display:grid}.demo-root .head.solo{grid-template-columns:1fr}.demo-root .eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--klein);align-items:center;gap:9px;font-size:11px;display:flex}.demo-root .eyebrow .dot{background:var(--klein);border-radius:50%;flex-shrink:0;width:4px;height:4px}.demo-root .head .eyebrow{margin-bottom:14px}.demo-root .head h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 16px;font-size:48px;font-weight:500;line-height:1.02}.demo-root .head h1 em{font-family:var(--font-serif);color:var(--klein);letter-spacing:-.01em;font-style:italic;font-weight:400}.demo-root .head .lede{font-family:var(--font-serif);color:var(--ink-2);max-width:560px;margin:0;font-size:21px;font-style:italic;line-height:1.45}.demo-root .head .lede b{font-family:var(--font-body);color:var(--ink);font-style:normal;font-weight:500}.demo-root .screen-head{margin-bottom:36px}.demo-root .screen-head .eyebrow{margin-bottom:14px}.demo-root .screen-head h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 14px;font-size:44px;font-weight:500;line-height:1.04}.demo-root .screen-head h1 em{font-family:var(--font-serif);color:var(--klein);letter-spacing:-.01em;font-style:italic;font-weight:400}.demo-root .screen-head .lede{font-family:var(--font-serif);color:var(--ink-2);max-width:600px;margin:0;font-size:20px;font-style:italic;line-height:1.45}.demo-root .btn{font-family:var(--font-body);letter-spacing:-.005em;border-radius:var(--radius-md);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.demo-root .btn svg{stroke:currentColor;stroke-width:1.75px;fill:none;width:15px;height:15px}.demo-root .btn.primary{background:var(--klein);color:#fff}.demo-root .btn.primary:hover{background:var(--klein-700)}.demo-root .btn.primary:disabled{opacity:.5;cursor:not-allowed}.demo-root .btn.ghost{color:var(--ink);border-color:var(--line-strong);background:0 0}.demo-root .btn.ghost:hover{background:var(--paper-2);border-color:var(--ink-3)}.demo-root .btn.subtle{background:var(--paper-2);color:var(--ink-2);border-color:var(--line)}.demo-root .btn.subtle:hover{background:var(--paper-3)}.demo-root .flow-nav{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding-top:28px;display:flex}.demo-root .flow-nav .left{align-items:center;gap:12px;display:flex}.demo-root .flow-nav .btn{width:auto;padding:13px 22px}.demo-root .flow-nav .back{color:var(--ink-3);font-family:var(--font-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 4px;font-size:14px;font-weight:500;display:inline-flex}.demo-root .flow-nav .back:hover{color:var(--klein)}.demo-root .flow-nav .back svg{stroke:currentColor;stroke-width:1.75px;fill:none;width:15px;height:15px}.demo-root .flow-foot{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-top:32px;font-size:11px;display:flex}.demo-root .flow-foot .right{font-family:var(--font-serif);color:var(--ink-3);text-transform:none;letter-spacing:normal;font-size:14px;font-style:italic}.demo-root .screen{animation:.4s cubic-bezier(.16,1,.3,1) both demoScrIn}.demo-root .sp-grid{grid-template-columns:1fr 420px;align-items:start;gap:64px;display:grid}.demo-root .sp-form{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px}.demo-root .sp-form .ftitle{color:var(--klein);align-items:center;gap:8px;margin-bottom:20px;display:flex}.demo-root .sp-form .ftitle .dot{background:var(--klein);border-radius:50%;width:4px;height:4px}.demo-root .frow{gap:16px;margin-bottom:18px;display:flex}.demo-root .fld{flex-direction:column;flex:1;gap:7px;display:flex}.demo-root .fld.narrow{max-width:96px}.demo-root .fld .lbl{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.demo-root .inp{font-family:var(--font-body);color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius-md);width:100%;padding:11px 13px;font-size:15px;transition:border-color .15s,box-shadow .15s}.demo-root .inp::placeholder{font-family:var(--font-serif);color:var(--muted);font-style:italic}.demo-root .inp:focus{border-color:var(--klein);box-shadow:0 0 0 3px var(--klein-50);outline:none}.demo-root .combo{position:relative}.demo-root .combo .inp{padding-left:38px}.demo-root .combo .ico{width:16px;height:16px;stroke:var(--muted);stroke-width:1.75px;fill:none;pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.demo-root .combo .inp.filled{border-color:var(--klein-200);background:var(--klein-50)}.demo-root .fhint{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:8px;font-size:9.5px}.demo-root .chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.demo-root .chip{font-family:var(--font-body);color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);cursor:pointer;letter-spacing:-.005em;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:500;transition:all .14s}.demo-root .chip:hover{border-color:var(--klein-200);color:var(--klein);background:var(--klein-50)}.demo-root .chip[data-on]{background:var(--klein-50);border-color:var(--klein);color:var(--klein)}.demo-root .sp-rail{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px}.demo-root .sp-rail .rt{color:var(--klein);margin-bottom:18px}.demo-root .sp-step{border-top:1px solid var(--line);grid-template-columns:26px 1fr;gap:14px;padding:12px 0;display:grid}.demo-root .sp-step:first-of-type{border-top:0;padding-top:0}.demo-root .sp-step .n{border:1px solid var(--line-strong);width:24px;height:24px;font-family:var(--font-mono);color:var(--muted);border-radius:50%;place-items:center;font-size:10px;display:grid}.demo-root .sp-step .st{font-family:var(--font-body);color:var(--ink);letter-spacing:-.01em;margin-bottom:2px;font-size:14px;font-weight:500}.demo-root .sp-step .sd{font-family:var(--font-serif);color:var(--ink-3);font-size:13.5px;font-style:italic;line-height:1.4}.demo-root .price-picker{margin-bottom:24px}.demo-root .price-picker .pe{color:var(--klein);align-items:center;gap:9px;margin-bottom:4px;display:flex}.demo-root .price-picker .pe .dot{background:var(--klein);border-radius:50%;width:4px;height:4px}.demo-root .price-picker .phint{font-family:var(--font-serif);color:var(--ink-3);margin:0 0 12px;font-size:14px;font-style:italic}.demo-root .price-segs{flex-wrap:wrap;gap:8px;display:flex}.demo-root .price-seg{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink-2);background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius-md);cursor:pointer;align-items:baseline;gap:3px;padding:10px 16px;font-size:16px;font-weight:500;transition:all .14s;display:inline-flex}.demo-root .price-seg .cur{font-family:var(--font-serif);color:var(--ink-3);font-size:13px;font-style:italic}.demo-root .price-seg:hover{border-color:var(--klein-200);color:var(--klein)}.demo-root .price-seg[data-on]{border-color:var(--klein);background:var(--klein-50);color:var(--klein)}.demo-root .price-seg[data-on] .cur{color:var(--klein)}.demo-root .price-seg:disabled{opacity:.5;cursor:default}.demo-root .price-custom{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--paper);align-items:baseline;gap:3px;padding:10px 14px;transition:all .14s;display:inline-flex}.demo-root .price-custom[data-on]{border-color:var(--klein);background:var(--klein-50)}.demo-root .price-custom .cur{font-family:var(--font-serif);color:var(--ink-3);font-size:13px;font-style:italic}.demo-root .price-custom input{width:56px;font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);background:0 0;border:0;outline:none;padding:0;font-size:16px;font-weight:500}.demo-root .cta-band{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;margin-top:48px;padding:28px 32px;display:flex}.demo-root .cta-band .copy{max-width:560px}.demo-root .cta-band .copy .eyebrow{color:var(--klein);margin-bottom:8px}.demo-root .cta-band .copy p{font-family:var(--font-body);color:var(--ink-2);letter-spacing:-.005em;margin:0;font-size:16px;font-weight:500;line-height:1.5}.demo-root .cta-band .acts{flex-wrap:wrap;flex-shrink:0;gap:10px;display:flex}.demo-root .cta-band .btn{width:auto;padding:12px 20px}.demo-root .overlay{z-index:80;background:#0a144847;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.demo-root .dialog{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:460px;padding:32px;animation:.28s cubic-bezier(.16,1,.3,1) both demoDlgIn;position:relative}.demo-root .dialog .d-eyebrow{color:var(--klein);align-items:center;gap:9px;margin-bottom:12px;display:flex}.demo-root .dialog .d-eyebrow .dot{background:var(--klein);border-radius:50%;width:4px;height:4px}.demo-root .dialog h3{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink);margin:0 0 10px;font-size:28px;font-style:italic;font-weight:400;line-height:1.2}.demo-root .dialog .d-lede{font-family:var(--font-body);color:var(--ink-3);margin:0 0 24px;font-size:14px;line-height:1.55}.demo-root .field{margin-bottom:16px}.demo-root .field .lbl{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-size:9.5px;display:block}.demo-root .field input{width:100%;font-family:var(--font-body);color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.demo-root .field input::placeholder{font-family:var(--font-serif);color:var(--muted);font-style:italic}.demo-root .field input:focus{border-color:var(--klein);box-shadow:0 0 0 3px var(--klein-50);outline:none}.demo-root .consent{align-items:flex-start;gap:10px;margin:4px 0 22px;display:flex}.demo-root .consent input{width:16px;height:16px;accent-color:var(--klein);flex-shrink:0;margin-top:2px}.demo-root .consent label{color:var(--ink-3);font-size:13px;line-height:1.5}.demo-root .consent label a{color:var(--klein);text-underline-offset:2px;text-decoration:underline}.demo-root .dialog .d-btn{width:100%;margin-bottom:12px}.demo-root .dialog .d-alt{font-family:var(--font-body);color:var(--ink-3);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;width:100%;padding:6px;font-size:13px;display:flex}.demo-root .dialog .d-alt:hover{color:var(--klein)}.demo-root .dialog .d-close{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:18px;right:18px}.demo-root .dialog .d-close:hover{background:var(--paper-2);color:var(--ink)}.demo-root .dialog .d-error{font-family:var(--font-body);color:var(--danger);margin:0 0 12px;font-size:13px}.demo-root .dialog .d-success{text-align:center;padding:8px 0}.demo-root .dialog .d-success .check{background:var(--mint-50);border:1px solid var(--mint-200);width:48px;height:48px;color:var(--mint-700);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.demo-root .engine{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.demo-root .engine .t{color:var(--klein);white-space:nowrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.demo-root .engine .t .pip{background:var(--mint-300);width:7px;height:7px;box-shadow:0 0 0 3px var(--mint-50);border-radius:50%}.demo-root .engine .row{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;display:flex}.demo-root .engine .row:first-of-type{border-top:0;padding-top:0}.demo-root .engine .row .k{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.demo-root .engine .row .v{font-family:var(--font-display);color:var(--ink);text-align:right;letter-spacing:-.01em;font-size:15px;font-weight:500}.demo-root .engine .target{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.demo-root .engine .target .k{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mint-700);margin-bottom:6px;font-size:9.5px}.demo-root .engine .target .v{font-family:var(--font-body);color:var(--ink-2);letter-spacing:-.005em;font-size:14.5px;font-weight:500;line-height:1.45}.demo-root .sec-label{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:24px;display:flex}.demo-root .sec-label .eyebrow{color:var(--klein)}.demo-root .sec-label .note{font-family:var(--font-body);color:var(--muted);letter-spacing:-.005em;font-size:14px}.demo-root .cards{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.demo-root .card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:28px;transition:border-color .18s,box-shadow .18s;display:flex;position:relative}.demo-root .card[data-rec]{border-color:var(--klein-200);box-shadow:var(--shadow-md)}.demo-root .card[data-rec]:before{content:"";background:var(--klein);border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.demo-root .card .opt-head{justify-content:space-between;align-items:center;gap:12px;min-height:20px;margin-bottom:18px;display:flex}.demo-root .card .opt-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:10px}.demo-root .card[data-rec] .opt-eyebrow{color:var(--klein)}.demo-root .badge-rec{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mint-700);background:var(--mint-50);border:1px solid var(--mint-200);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:9px;display:inline-flex}.demo-root .badge-rec .dot{background:var(--mint-500);border-radius:50%;width:5px;height:5px}.demo-root .card .opt-name{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:500}.demo-root .card .opt-target{font-family:var(--font-body);color:var(--ink-3);letter-spacing:-.005em;margin:0 0 22px;font-size:14.5px;line-height:1.45}.demo-root .price{white-space:nowrap;flex-wrap:nowrap;align-items:baseline;gap:4px;margin-bottom:5px;display:flex}.demo-root .price .cur{font-family:var(--font-serif);color:var(--ink-3);font-size:25px;font-style:italic;line-height:1}.demo-root .price .amt{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ink);font-size:42px;font-weight:500;line-height:1}.demo-root .price .per{font-family:var(--font-serif);color:var(--ink-3);white-space:nowrap;margin-left:3px;font-size:14px;font-style:italic}.demo-root .price-sub{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);margin-bottom:22px;font-size:10.5px}.demo-root .feat-list{margin-bottom:24px}.demo-root .feat{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:baseline;gap:14px;padding:13px 0;display:grid}.demo-root .feat .k{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.demo-root .feat .v{font-family:var(--font-display);color:var(--ink);text-align:right;letter-spacing:-.01em;font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:baseline;gap:4px;font-size:14px;font-weight:500;display:inline-flex}.demo-root .feat .v .u{font-family:var(--font-serif);color:var(--ink-3);font-size:12px;font-style:italic;font-weight:400}.demo-root .feat .v.txt{font-family:var(--font-body);color:var(--ink-2);letter-spacing:-.005em;font-size:13.5px;font-weight:500}.demo-root .feat .v.yes{color:var(--mint-700)}.demo-root .card .btn{margin-top:auto}.demo-root .wz{max-width:760px}.demo-root .wz-q{border-top:1px solid var(--line);padding:26px 0}.demo-root .wz-q:first-of-type{border-top:0;padding-top:8px}.demo-root .wz-q .qe{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--klein);align-items:center;gap:8px;margin-bottom:10px;font-size:10px;display:flex}.demo-root .wz-q .qe .num{color:var(--muted)}.demo-root .wz-q .qhint{font-family:var(--font-body);color:var(--ink-3);letter-spacing:-.005em;margin:0 0 16px;font-size:13.5px;line-height:1.5}.demo-root .wz-q .q{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 8px;font-size:22px;font-weight:500}.demo-root .wz-readonly{justify-content:space-between;align-items:baseline;gap:16px;padding:0 0 18px;display:flex}.demo-root .wz-readonly .rk{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.demo-root .wz-readonly .rv{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:15px;font-weight:500}.demo-root .choices{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.demo-root .choice{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;text-align:left;align-items:center;gap:12px;padding:14px 16px;transition:all .14s;display:flex}.demo-root .choice:hover{border-color:var(--line-strong);background:var(--paper-2)}.demo-root .choice[data-on]{border-color:var(--klein);background:var(--klein-50)}.demo-root .choice .rd{border:1.5px solid var(--line-strong);border-radius:50%;flex-shrink:0;width:16px;height:16px;transition:border-color .14s;position:relative}.demo-root .choice[data-on] .rd{border-color:var(--klein)}.demo-root .choice[data-on] .rd:after{content:"";background:var(--klein);border-radius:50%;position:absolute;inset:3px}.demo-root .choice .ct{font-family:var(--font-body);color:var(--ink);letter-spacing:-.005em;font-size:14.5px;font-weight:500}.demo-root .choice[data-on] .ct{color:var(--klein)}.demo-root .rs-kpis{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-sm);grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:40px;display:grid;overflow:hidden}.demo-root .rs-kpi{border-right:1px solid var(--line);flex-direction:column;gap:9px;padding:22px 24px;display:flex}.demo-root .rs-kpi:last-child{border-right:0}.demo-root .rs-kpi .k{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.demo-root .rs-kpi .v{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;font-size:38px;font-weight:500;line-height:1;display:flex}.demo-root .rs-kpi .v .u{font-family:var(--font-serif);color:var(--ink-3);font-size:15px;font-style:italic;font-weight:400}.demo-root .rs-kpi .v.txt{letter-spacing:-.02em;font-size:26px}.demo-root .rs-kpi[data-goal] .v,.demo-root .rs-kpi[data-goal] .k{color:var(--mint-700)}.demo-root .rs-body{grid-template-columns:1fr 360px;align-items:start;gap:48px;display:grid}.demo-root .rs-sec{margin-bottom:32px}.demo-root .rs-sec .se{color:var(--klein);align-items:center;gap:8px;margin-bottom:12px;display:flex}.demo-root .rs-sec .se .dot{background:var(--klein);border-radius:50%;width:4px;height:4px}.demo-root .rs-sec .reason{font-family:var(--font-body);color:var(--ink-2);letter-spacing:-.005em;max-width:620px;margin:0;font-size:17px;line-height:1.6}.demo-root .rs-drivers .dr{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:baseline;gap:16px;padding:13px 0;display:grid}.demo-root .rs-drivers .dr:first-of-type{border-top:0}.demo-root .rs-drivers .dr .dk{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.demo-root .rs-drivers .dr .dv{font-family:var(--font-body);color:var(--ink);letter-spacing:-.005em;font-size:14px;font-weight:500}.demo-root .rs-drivers .dr .dw{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:9px}.demo-root .rs-drivers .dr .dw[data-w=alto]{color:var(--klein);border-color:var(--klein-200);background:var(--klein-50)}.demo-root .rs-target{background:var(--mint-50);border:1px solid var(--mint-200);border-radius:var(--radius-lg);padding:24px}.demo-root .rs-target .tt{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mint-700);margin-bottom:12px;font-size:9.5px}.demo-root .rs-target .tv{font-family:var(--font-serif);color:var(--ink);font-size:18px;font-style:italic;line-height:1.45}.demo-root .freq-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-sm);margin-bottom:32px;overflow:hidden}.demo-root .freq-head{border-bottom:1px solid var(--line);padding:20px 24px}.demo-root .freq-row{border-top:1px solid var(--line);grid-template-columns:1.4fr 1fr auto;align-items:center;gap:20px;padding:18px 24px;display:grid}.demo-root .freq-row:first-of-type{border-top:0}.demo-root .freq-stepper{align-items:center;gap:10px;display:flex}.demo-root .freq-btn{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--paper);width:34px;height:34px;color:var(--ink-3);cursor:pointer;place-items:center;font-size:18px;transition:all .14s;display:grid}.demo-root .freq-btn:hover:not(:disabled){border-color:var(--klein);color:var(--klein);background:var(--klein-50)}.demo-root .freq-btn:disabled{opacity:.35;cursor:default}.demo-root .freq-val{text-align:center;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--paper-2);min-width:56px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);padding:8px 0;font-size:17px}.demo-root .freq-val[data-changed]{border-color:var(--klein);background:var(--klein-50);color:var(--klein)}.demo-root .freq-foot{border-top:1px solid var(--line);background:var(--klein-50);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.demo-root .ap-grid{grid-template-columns:1fr auto;align-items:center;gap:56px;display:grid}.demo-root .ap-left{max-width:520px}.demo-root .ap-notes{margin-top:32px}.demo-root .ap-note{border-top:1px solid var(--line);grid-template-columns:130px 1fr;gap:18px;padding:16px 0;display:grid}.demo-root .ap-note:first-of-type{border-top:0}.demo-root .ap-note .nk{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--klein);padding-top:2px;font-size:9.5px}.demo-root .ap-note .nv{font-family:var(--font-body);color:var(--ink-2);letter-spacing:-.005em;font-size:15px;line-height:1.5}.demo-root .ap-lead{background:var(--klein-900);color:#fff;border-radius:var(--radius-lg);margin-top:32px;padding:24px 26px;position:relative;overflow:hidden}.demo-root .ap-lead:after{content:"";pointer-events:none;background:radial-gradient(circle,#7fb8a42e,#0000 60%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60px;right:-60px}.demo-root .ap-lead .le{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mint-300);z-index:1;margin-bottom:10px;font-size:10px;position:relative}.demo-root .ap-lead p{font-family:var(--font-body);color:#ffffffd1;z-index:1;letter-spacing:-.005em;margin:0 0 18px;font-size:16px;line-height:1.5;position:relative}.demo-root .ap-lead .btn{z-index:1;color:var(--klein-900);background:#fff;width:auto;padding:12px 20px;position:relative}.demo-root .ap-lead .btn:hover{background:var(--mint-50)}.demo-root .ap-phone{flex-direction:column;align-items:center;gap:16px;display:flex}@media (max-width:1080px){.demo-root .cards{grid-template-columns:1fr;gap:16px}.demo-root .rs-kpis{grid-template-columns:1fr}.demo-root .rs-kpi{border-right:0;border-bottom:1px solid var(--line)}.demo-root .rs-kpi:last-child{border-bottom:0}.demo-root .rs-body{grid-template-columns:1fr;gap:32px}.demo-root .choices{grid-template-columns:1fr}.demo-root .ap-grid{grid-template-columns:1fr;justify-items:center;gap:36px}.demo-root .ap-left{order:2;max-width:560px}.demo-root .ap-phone{order:1}.demo-root .freq-row{grid-template-columns:1fr auto;gap:12px}}@media (max-width:680px){.demo-root .wz-q .q{font-size:19px}}@media (max-width:1080px){.demo-root .stepper{display:none}.demo-root .head{grid-template-columns:1fr;gap:32px}.demo-root .sp-grid{grid-template-columns:1fr;gap:28px}.demo-root .sp-rail{max-width:520px}}@media (max-width:680px){.demo-root .topbar{gap:12px;padding:12px 18px}.demo-root .wrap{padding:32px 18px 72px}.demo-root .head h1{font-size:36px}.demo-root .head .lede{font-size:18px}.demo-root .flow-nav .btn{flex:1}}@keyframes demoScrIn{0%{transform:translateY(8px)}to{transform:none}}@keyframes demoDlgIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.demo-root .screen{animation:none}}
