.hero-card-preview{--hero-card-ink:#17213d;--hero-card-blue:#5367dc;--hero-card-blue-deep:#3948ad;--hero-card-coral:#f06f52;--hero-card-mint:#dff6ed;background:linear-gradient(145deg,#fff6ea 0%,#f5f1ff 52%,#e8f7ff 100%);border-color:#e8ddff;gap:0;padding:10px!important}.hero-card-shell{background:#ffffffc7;border:1px solid #524b9824;border-radius:10px;gap:8px;width:100%;padding:10px;display:grid;overflow:hidden;box-shadow:0 10px 25px #342d6f1a}.hero-card-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}.hero-card-nav b{color:var(--hero-card-blue-deep);letter-spacing:-.02em;font-weight:900;font-size:10px!important}.hero-card-nav span{color:#6157a5;background:#ede9ff;border-radius:999px;padding:2px 6px;font-weight:750;font-size:8px!important}.hero-card-layout{grid-template-columns:1.02fr .98fr;align-items:center;gap:9px;display:grid}.hero-card-copy{justify-items:start;gap:5px;min-width:0;display:grid}.hero-card-copy small{color:#9b4e39;letter-spacing:.04em;text-transform:uppercase;font-weight:850;font-size:8px!important}.hero-card-copy>strong{color:var(--hero-card-ink);letter-spacing:-.045em;line-height:1.03;display:grid;font-size:16px!important}.hero-card-copy>strong em{color:var(--hero-card-blue);font-style:normal}.hero-card-copy p{color:#5f6578;margin:0;line-height:1.4;font-size:8.5px!important}.hero-card-cta{background:var(--hero-card-coral);color:#fff;border-radius:6px;align-items:center;gap:6px;padding:6px 9px;font-weight:850;display:inline-flex;box-shadow:0 5px 12px #f06f5240;font-size:9px!important}.hero-card-cta b{color:inherit;font-size:10px!important}.hero-card-product{background:#fff;border:1px solid #cfd5f6;border-radius:8px;gap:5px;min-width:0;padding:7px;display:grid;transform:rotate(1.2deg);box-shadow:0 8px 18px #3948ad21}.hero-card-product-head{border-bottom:1px solid #eceef8;align-items:center;gap:3px;padding-bottom:4px;display:flex}.hero-card-product-head i{background:#f5ad93;border-radius:50%;width:4px;height:4px}.hero-card-product-head i:nth-child(2){background:#ffd56b}.hero-card-product-head i:nth-child(3){background:#79cba9}.hero-card-product-head b{color:#7a8096;margin-left:auto;font-weight:750;font-size:7px!important}.hero-card-task{background:#f5f6fb;border-radius:5px;grid-template-columns:14px 1fr auto;align-items:center;gap:4px;padding:4px;display:grid}.hero-card-task>span{color:#6f7488;background:#e6e8f4;border-radius:4px;place-items:center;width:14px;height:14px;font-weight:900;display:grid;font-size:7px!important}.hero-card-task>b{color:#34394d;white-space:nowrap;font-weight:800;font-size:7.5px!important}.hero-card-task>i{color:#969bad;white-space:nowrap;font-style:normal;font-size:6.5px!important}.hero-card-task.is-done{background:var(--hero-card-mint)}.hero-card-task.is-done>span{color:#fff;background:#59b88d}.hero-card-task.is-done>i{color:#348060}.hero-card-task.is-now{box-shadow:inset 2px 0 0 var(--hero-card-blue);background:#eeefff}.hero-card-task.is-now>span{background:var(--hero-card-blue);color:#fff}.hero-card-task.is-now>i{color:var(--hero-card-blue-deep)}.hero-card-path{border-top:1px solid #524b9821;grid-template-columns:repeat(3,1fr);gap:4px;padding-top:7px;display:grid}.hero-card-path span{color:#5a6076;text-align:center;white-space:nowrap;font-weight:750;font-size:7.5px!important}.term-interactive-demo.hero-demo{--hero-demo-ink:#17213d;--hero-demo-blue:#5367dc;--hero-demo-blue-deep:#3948ad;--hero-demo-coral:#ef6d4f;--hero-demo-mint:#dff6ed;--hero-demo-amber:#f6c95c;background:#f7f6ff;border-color:#dcd8f5;gap:12px;padding:12px}.hero-demo .hero-demo-stage{color:var(--hero-demo-ink);background:radial-gradient(circle at 82% 18%,#b1deff99,#0000 32%),radial-gradient(circle at 12% 82%,#ffd9ac8c,#0000 34%),linear-gradient(135deg,#fffaf4 0%,#f4f2ff 55%,#eef9ff 100%);border:1px solid #ddd8f2;border-radius:14px;gap:14px;padding:18px 20px 14px;transition:background .2s,border-color .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 40px #332f6f1a}.hero-demo .hero-demo-stage.is-crowded{background:linear-gradient(135deg,#fff5ea,#f8efff 48%,#fff4d8);border-color:#e3b99f}.hero-demo .hero-demo-stage.is-missing-action{background:linear-gradient(135deg,#fff9f2,#f5f2ff 58%,#f6f6fb);border-color:#d9b89f}.hero-demo .hero-demo-nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.hero-demo .hero-demo-nav>b{color:var(--hero-demo-blue-deep);letter-spacing:-.03em;align-items:center;gap:7px;font-size:14px;font-weight:900;display:inline-flex}.hero-demo .hero-demo-nav>b i{background:linear-gradient(135deg,var(--hero-demo-coral),var(--hero-demo-amber));border-radius:4px 9px;width:13px;height:13px;transform:rotate(-8deg)}.hero-demo .hero-demo-nav nav{color:#666c83;align-items:center;gap:18px;font-size:11px;font-weight:700;display:flex}.hero-demo .hero-demo-nav-action{color:var(--hero-demo-blue-deep);background:#ffffff94;border:1px solid #3948ad38;border-radius:999px;justify-self:end;padding:5px 10px;font-size:11px;font-weight:800}.hero-demo .hero-demo-proof-wall{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.hero-demo .hero-demo-proof-wall b{color:#8a532f;text-align:center;background:#fffae9e6;border:1px solid #e6c99f;border-radius:7px;padding:7px 8px;font-size:10px}.hero-demo .hero-demo-layout{grid-template-columns:minmax(0,.92fr) minmax(280px,1.08fr);align-items:center;gap:26px;min-height:285px;display:grid}.hero-demo .hero-demo-copy{justify-items:start;gap:12px;min-width:0;display:grid}.hero-demo .hero-demo-eyebrow{color:#6156a7;letter-spacing:.035em;text-transform:uppercase;background:#ede9ff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850;display:inline-flex}.hero-demo .hero-demo-value{color:var(--hero-demo-ink);letter-spacing:-.055em;margin:0;font-size:clamp(25px,3.5vw,41px);font-weight:900;line-height:1.05}.hero-demo .hero-demo-value em{color:var(--hero-demo-blue);font-style:normal}.hero-demo .hero-demo-sub{color:#5c637a;max-width:440px;margin:0;font-size:13px;line-height:1.65}.hero-demo .hero-demo-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:1px;display:flex}.hero-demo .hero-demo-primary,.hero-demo .hero-demo-secondary,.hero-demo .hero-demo-extra-action{border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:8px 13px;font-size:12px;font-weight:800;display:inline-flex}.hero-demo .hero-demo-primary{background:var(--hero-demo-coral);color:#fff;gap:8px;box-shadow:0 8px 18px #ef6d4f47}.hero-demo .hero-demo-secondary{color:var(--hero-demo-blue-deep);background:#ffffffb8;border:1px solid #3948ad47}.hero-demo .hero-demo-extra-action{color:#855e43;background:#fff8ed;border:1px dashed #b4937c}.hero-demo .hero-demo-trust{color:#73798d;flex-wrap:wrap;gap:6px;margin:0;font-size:10px;font-weight:700;display:flex}.hero-demo .hero-demo-trust i{color:#70b997;font-style:normal}.hero-demo .hero-demo-product{background:#fff;border:1px solid #cfd4f2;border-radius:12px;min-width:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:visible;transform:rotate(1deg);box-shadow:0 20px 40px #3948ad2b}.hero-demo .hero-demo-stage.is-crowded .hero-demo-product{transform:rotate(2.2deg)scale(.94);box-shadow:0 12px 28px #5d444626}.hero-demo .hero-demo-product-bar{background:#fbfbfe;border-bottom:1px solid #edf0fa;border-radius:12px 12px 0 0;align-items:center;gap:10px;padding:9px 11px;display:flex}.hero-demo .hero-demo-product-bar>span{gap:4px;display:flex}.hero-demo .hero-demo-product-bar>span i{background:#f3a58d;border-radius:50%;width:6px;height:6px}.hero-demo .hero-demo-product-bar>span i:nth-child(2){background:#f5cb65}.hero-demo .hero-demo-product-bar>span i:nth-child(3){background:#73c6a1}.hero-demo .hero-demo-product-bar>b{color:#4d5368;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:750;overflow:hidden}.hero-demo .hero-demo-product-body{grid-template-columns:34px 1fr;min-height:220px;display:grid}.hero-demo .hero-demo-product-body aside{background:#f7f8fc;border-right:1px solid #edf0fa;align-content:start;justify-items:center;gap:10px;padding-top:13px;display:grid}.hero-demo .hero-demo-product-body aside i{background:#dfe2ee;border-radius:4px;width:12px;height:12px}.hero-demo .hero-demo-product-body aside i.is-active{background:var(--hero-demo-blue);box-shadow:0 0 0 3px #e5e7ff}.hero-demo .hero-demo-board{align-content:start;gap:9px;min-width:0;padding:14px;display:grid}.hero-demo .hero-demo-board>header{justify-content:space-between;align-items:center;gap:8px;display:flex}.hero-demo .hero-demo-board>header span{color:var(--hero-demo-ink);font-size:12px;font-weight:850}.hero-demo .hero-demo-board>header b{color:#5a51a0;background:#ede9ff;border-radius:999px;padding:3px 7px;font-size:9px}.hero-demo .hero-demo-progress{background:#eceef7;border-radius:999px;height:5px;overflow:hidden}.hero-demo .hero-demo-progress i{border-radius:inherit;background:linear-gradient(90deg,var(--hero-demo-blue),#7a8bea);width:66%;height:100%;display:block}.hero-demo .hero-demo-board ol{gap:7px;margin:0;padding:0;list-style:none;display:grid}.hero-demo .hero-demo-board li{background:#fafbfe;border:1px solid #eceef7;border-radius:8px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.hero-demo .hero-demo-board li>span{color:#777d91;background:#eceef5;border-radius:7px;place-items:center;width:24px;height:24px;font-size:10px;font-weight:900;display:grid}.hero-demo .hero-demo-board li>div{gap:1px;min-width:0;display:grid}.hero-demo .hero-demo-board li>div b{color:#363c50;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.hero-demo .hero-demo-board li>div small{color:#8b90a2;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.hero-demo .hero-demo-board li>i{color:#9aa0b0;white-space:nowrap;font-size:8px;font-style:normal}.hero-demo .hero-demo-board li.is-done{background:var(--hero-demo-mint);border-color:#cbe9dc}.hero-demo .hero-demo-board li.is-done>span{color:#fff;background:#59b88c}.hero-demo .hero-demo-board li.is-done>i{color:#367e61}.hero-demo .hero-demo-board li.is-now{box-shadow:inset 3px 0 0 var(--hero-demo-blue);background:#f0f1ff;border-color:#d6d8fb}.hero-demo .hero-demo-board li.is-now>span{background:var(--hero-demo-blue);color:#fff}.hero-demo .hero-demo-board li.is-now>i{color:var(--hero-demo-blue-deep);font-weight:800}.hero-demo .hero-demo-object-state{color:#fff;background:#4da980;border:2px solid #fff;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:850;display:inline-flex;position:absolute;bottom:-10px;right:-8px;transform:rotate(-2deg);box-shadow:0 8px 20px #2c6c4f3b}.hero-demo .hero-demo-object-state i{background:#fff3;border-radius:50%;place-items:center;width:15px;height:15px;font-style:normal;display:grid}.hero-demo .hero-demo-object-state.is-crowded,.hero-demo .hero-demo-object-state.is-missing-action{background:#c26745;box-shadow:0 8px 20px #974c2e38}.hero-demo .hero-demo-logo-wall{background:#fff8ebcc;border:1px dashed #d8b590;border-radius:9px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:8px 10px;display:flex}.hero-demo .hero-demo-logo-wall span{color:#8a6d59;letter-spacing:.08em;font-size:10px;font-weight:900}.hero-demo .hero-demo-logo-wall b{color:#815a28;background:#f2dcae;border-radius:999px;padding:3px 7px;font-size:9px}.hero-demo .hero-demo-reading-path{color:#626980;border-top:1px solid #45408424;justify-content:center;align-items:center;gap:8px;padding-top:11px;font-size:10px;font-weight:750;display:flex}.hero-demo .hero-demo-reading-path span{align-items:center;gap:5px;display:inline-flex}.hero-demo .hero-demo-reading-path span b{width:18px;height:18px;color:var(--hero-demo-blue-deep);background:#e8e6ff;border-radius:6px;place-items:center;font-size:9px;display:grid}.hero-demo .hero-demo-reading-path>i{color:#9297a9;font-style:normal}.hero-demo .hero-demo-reading-path span.is-broken{color:#9b542f;text-decoration:line-through;text-decoration-thickness:1px}.hero-demo .hero-demo-reading-path span.is-broken b{color:#a15431;background:#f6ddcd}.hero-demo .hero-demo-modes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.term-interactive-demo.hero-demo .hero-demo-modes button{color:#4f566e;min-height:42px;box-shadow:none;background:#fff;border:1px solid #d8d5ed;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:750;display:flex}.term-interactive-demo.hero-demo .hero-demo-modes button span{color:#969ab0;font-size:9px;font-weight:900}.term-interactive-demo.hero-demo .hero-demo-modes button:hover{color:var(--hero-demo-blue-deep);background:#f1f0ff;border-color:#999de2}.term-interactive-demo.hero-demo .hero-demo-modes button[aria-pressed=true],.term-interactive-demo.hero-demo .hero-demo-modes button[aria-pressed=true]:hover{border-color:var(--hero-demo-blue);background:var(--hero-demo-blue);color:#fff;box-shadow:0 7px 16px #5367dc33}.term-interactive-demo.hero-demo .hero-demo-modes button[aria-pressed=true] span{color:#dfe2ff}.term-interactive-demo.hero-demo .hero-demo-modes button:focus-visible{outline-offset:2px;outline:3px solid #5367dc47}.hero-demo .hero-demo-action{border-left:3px solid var(--hero-demo-blue);color:#4e556c;background:#eeefff;border-radius:0 8px 8px 0;margin:0;padding:10px 12px;font-size:12px;line-height:1.6}.hero-demo .hero-demo-action b{color:var(--hero-demo-blue-deep)}.hero-demo p[role=status]{color:#6c7287;margin:0;font-size:12px;line-height:1.55}@media (max-width:700px){.hero-demo .hero-demo-stage{padding:15px 13px 13px}.hero-demo .hero-demo-nav{grid-template-columns:1fr auto}.hero-demo .hero-demo-nav nav{display:none}.hero-demo .hero-demo-layout{grid-template-columns:1fr;gap:18px;min-height:0}.hero-demo .hero-demo-copy{text-align:center;justify-items:center}.hero-demo .hero-demo-value{font-size:clamp(26px,7.2vw,31px)}.hero-demo .hero-demo-actions,.hero-demo .hero-demo-trust{justify-content:center}.hero-demo .hero-demo-proof-wall{grid-template-columns:repeat(2,1fr)}.hero-demo .hero-demo-reading-path{flex-wrap:wrap}.hero-demo .hero-demo-modes{grid-template-columns:1fr}.term-interactive-demo.hero-demo .hero-demo-modes button{justify-content:flex-start;padding-inline:14px}}.hero-examples article{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:5px;padding:13px 14px;display:grid}.hero-examples article.is-good{border-left:3px solid var(--ink)}.hero-examples article.is-bad{background:var(--soft);border-left:3px solid #b8b8c0}.hero-examples article header{align-items:center;gap:6px;display:flex}.hero-examples article header span{background:var(--soft);color:var(--ink);border-radius:999px;padding:2px 6px;font-size:10px;font-weight:800}.hero-examples article.is-bad header span{background:#e3e4ea}.hero-examples article header b{color:var(--ink);font-size:13px;font-weight:800}.hero-examples article p{color:var(--ink);margin:0;font-size:12px;line-height:1.55}