.term-card .term-preview.persona-card-preview{background:var(--soft);border-color:var(--line)}.persona-card-preview .persona-card-profile{border:1px solid var(--line);background:var(--color-white);border-radius:5px;align-items:center;gap:7px;min-width:0;padding:6px 7px;display:flex}.persona-card-preview .persona-card-avatar{width:32px;height:32px;color:var(--color-white);background:var(--color-grey-500);border-radius:50%;flex:none;place-items:center;font-size:9px;font-weight:800;display:grid}.persona-card-preview .persona-card-profile>div{gap:2px;min-width:0;display:grid}.persona-card-preview .persona-card-profile small{color:var(--muted);font-size:7px;font-weight:800}.persona-card-preview .persona-card-profile b{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.persona-card-preview .persona-card-profile span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.persona-card-preview .persona-card-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-width:0;display:grid}.persona-card-preview .persona-card-facts>div{border-left:3px solid var(--color-grey-500);background:var(--soft);border-radius:4px;gap:2px;min-width:0;padding:5px 6px;display:grid}.persona-card-preview .persona-card-facts dt{color:var(--muted);font-size:7px;font-weight:800}.persona-card-preview .persona-card-facts dd{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:8px;overflow:hidden}.persona-card-preview .persona-card-decision{border:1px solid var(--color-deco);color:var(--ink);background:var(--color-white);border-radius:4px;padding:5px 7px;font-size:8px;font-weight:700}.persona-card-preview .persona-card-verdicts{gap:3px;margin:0;padding:0;list-style:none;display:grid}.persona-card-preview .persona-card-verdicts li{border:1px solid var(--line);background:var(--color-white);border-radius:4px;align-items:center;gap:5px;min-width:0;padding:3px 6px;display:flex}.persona-card-preview .persona-card-verdicts li.is-include{border:1px solid var(--ink)}.persona-card-preview .persona-card-verdicts li.is-defer{border:1px dashed var(--color-deco);background:var(--color-faint)}.persona-card-preview .persona-card-verdicts strong{background:var(--ink);color:var(--color-white);letter-spacing:.02em;border-radius:3px;flex:none;padding:1px 4px;font-size:7px;font-weight:800}.persona-card-preview .persona-card-verdicts li.is-defer strong{background:var(--soft);color:var(--muted)}.persona-card-preview .persona-card-verdicts span{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:650;overflow:hidden}@media (max-width:780px){.persona-card-preview .persona-card-facts{gap:3px}.persona-card-preview .persona-card-verdicts{gap:2px}}.persona-examples{gap:var(--element-gap,12px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.persona-examples article{border:1px solid var(--line,#e6e6eb);background:var(--surface-card,#fff);border-radius:10px;align-content:start;gap:8px;min-width:0;padding:14px 16px;display:grid}.persona-examples article.is-good{background:#f4f7f5;border-left:4px solid #6c9479}.persona-examples article.is-bad{border-left:4px solid color-mix(in srgb, var(--accent,#c45c4a) 70%, #e6e6eb);background:color-mix(in srgb, var(--accent,#c45c4a) 5%, #fff)}.persona-examples header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.persona-examples strong{color:var(--ink,#2f2f36);font-size:14px}.persona-examples small{color:var(--muted,#7a7a84);font-size:12px;font-weight:650}.persona-examples p{color:var(--ink,#2f2f36);margin:0;font-size:13px;line-height:1.55}.persona-examples span{color:var(--muted,#7a7a84);font-size:12px;line-height:1.45}.persona-demo-brief{color:#666670;margin:0;font-size:13px;line-height:1.55}.persona-examples article.is-good,.persona-examples article.is-bad{border-left:4px solid var(--color-deco);background:var(--color-white)}.persona-examples article.is-good{border-left-color:var(--ink)}.persona-examples article.is-bad{border-left-style:dashed;border-left-color:var(--color-grey-500)}.persona-examples article.is-good header strong:before{content:"✓ ";color:var(--ink);font-weight:700}.persona-examples article.is-bad header strong:before{content:"✗ ";color:var(--muted);font-weight:700}.term-interactive-demo.persona-demo{border-color:var(--color-deco);background:linear-gradient(180deg, var(--color-faint) 0%, var(--color-white) 45%)}.persona-demo-layout{grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:12px;display:grid}.persona-demo-dossier{border:1px solid var(--color-deco);background:var(--color-white);border-radius:12px;align-content:start;gap:10px;padding:12px;display:grid}.persona-demo-dossier-switch{gap:6px;display:grid}.persona-demo-face{width:48px;height:48px;color:var(--color-white);background:var(--color-grey-500);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid}.persona-demo-face.is-student,.persona-demo-face.is-freelancer{background:var(--color-grey-500)}.persona-demo-dossier h3{color:var(--ink);margin:0;font-size:15px}.persona-demo-dossier>p{color:var(--muted);margin:0;font-size:12px}.persona-demo-dossier dl{gap:8px;margin:0;display:grid}.persona-demo-dossier dl>div{border-left:3px solid var(--color-grey-500);background:var(--soft);border-radius:6px;gap:2px;padding:8px;display:grid}.persona-demo-dossier dt{color:var(--muted);font-size:11px;font-weight:750}.persona-demo-dossier dd{color:var(--ink);margin:0;font-size:13px;line-height:1.45}.term-interactive-demo.persona-demo .persona-demo-autofit{border-radius:var(--radius-full);background:var(--color-rausch);width:100%;color:var(--color-white);border:0;font-weight:700}.term-interactive-demo.persona-demo .persona-demo-autofit:hover{background:var(--color-rausch-600);color:var(--color-white)}.term-interactive-demo.persona-demo .persona-demo-autofit:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.persona-demo-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;display:grid}.persona-demo-column{border:1px dashed var(--line);background:0 0;border-radius:10px;align-content:start;gap:8px;min-width:0;padding:8px;display:grid}.persona-demo-column.is-include{border:1px solid var(--color-grey-500);background:var(--soft)}.persona-demo-column.is-defer{border:1px dashed var(--color-deco);background:var(--color-faint)}.persona-demo-column header{justify-content:space-between;align-items:center;gap:6px;display:flex}.persona-demo-column strong{color:var(--ink);font-size:13px;font-weight:700}.persona-demo-column.is-include header strong{font-weight:750}.persona-demo-column small{color:var(--muted);font-size:11px}.persona-demo-column ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.persona-demo-note{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:6px;padding:10px;display:grid;box-shadow:0 4px 12px #2222220a}.persona-demo-note.is-include{border:1px solid var(--ink);background:var(--color-white)}.persona-demo-note.is-include b:before{content:"✓ ";color:var(--ink);font-weight:700}.persona-demo-note.is-defer{border:1px dashed var(--color-deco);background:var(--color-white)}.persona-demo-note b{color:var(--ink);font-size:13px}.persona-demo-note.is-include b{font-weight:700}.persona-demo-note>span,.persona-demo-note-reason,.persona-demo-empty{color:var(--muted);font-size:12px;line-height:1.45}.persona-demo-note-actions{flex-wrap:wrap;gap:4px;display:flex}.persona-demo-note-actions button{min-height:28px;padding:4px 8px;font-size:11px}.persona-demo-status{background:var(--color-faint);color:var(--muted);border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.term-interactive-demo.persona-demo button:not(.persona-demo-autofit):hover{border-color:var(--ink);color:var(--ink)}.term-interactive-demo.persona-demo button:not(.persona-demo-autofit)[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:700}.term-interactive-demo.persona-demo button:not(.persona-demo-autofit):focus-visible{outline:2px solid var(--ink);outline-offset:2px}.persona-demo-dossier-switch{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:780px){.persona-examples,.persona-demo-layout,.persona-demo-board{grid-template-columns:1fr}}.term-card .term-preview.persona-card-preview{background:linear-gradient(145deg,#fff8dc 0%,#fffdf4 58%,#f1f7ee 100%);border-color:#e8cf8f;box-shadow:inset 0 0 0 1px #ffffffb8}.persona-card-preview .persona-card-profile{background:#f7f9ff;border-color:#c7d3e5}.persona-card-preview .persona-card-avatar{background:linear-gradient(145deg,#43587e,#263653);box-shadow:0 0 0 3px #dfe8f7}.persona-card-preview .persona-card-profile small{color:#60708e}.persona-card-preview .persona-card-profile b,.persona-card-preview .persona-card-profile span{color:#24324a}.persona-card-preview .persona-card-facts>div:first-child{background:#edf2fb;border-left-color:#5f78a5}.persona-card-preview .persona-card-facts>div:last-child{background:#fff0e7;border-left-color:#d47b58}.persona-card-preview .persona-card-facts dt{color:#6e5b4c}.persona-card-preview .persona-card-facts dd{color:#273650}.persona-card-preview .persona-card-verdicts li.is-include{background:#e9f7f0;border-color:#74b89b}.persona-card-preview .persona-card-verdicts li.is-include strong{color:#fff;background:#247354}.persona-card-preview .persona-card-verdicts li.is-defer{background:#fff0e6;border-color:#dda07f}.persona-card-preview .persona-card-verdicts li.is-defer strong{color:#7a351f;background:#f2c2a7}.persona-card-preview .persona-card-verdicts span{color:#273650}.persona-card-preview .persona-card-decision{color:#4d3b12;background:#fff4bd;border-color:#e2bf62}.term-interactive-demo.persona-demo{background:linear-gradient(150deg,#fff8de 0%,#fffdf6 46%,#edf7f3 100%);border-color:#e2c77e;box-shadow:inset 0 1px #fffc}.persona-demo .persona-demo-brief{color:#4f452e}.persona-demo-dossier{background:linear-gradient(165deg,#304363,#202e47);border-color:#344768;box-shadow:0 12px 28px #22304a29}.persona-demo-dossier h3{color:#fff}.persona-demo-dossier>p{color:#cbd7ea}.persona-demo-face.is-student{color:#3f211a;background:linear-gradient(145deg,#ffb56b,#d86a4d);box-shadow:0 0 0 4px #ffcd8b33}.persona-demo-face.is-freelancer{color:#102f2a;background:linear-gradient(145deg,#73d2be,#2d8b78);box-shadow:0 0 0 4px #73d2be2e}.persona-demo-dossier dl>div{background:#ffffff17;border-left-color:#f1c46d}.persona-demo-dossier dl>div:nth-child(2){border-left-color:#ff8d76}.persona-demo-dossier dl>div:nth-child(3){border-left-color:#77d3bf}.persona-demo-dossier dt{color:#f3cf86}.persona-demo-dossier dd{color:#f8fbff}.term-interactive-demo.persona-demo .persona-demo-dossier-switch button{color:#dbe5f3;background:#ffffff12;border-color:#607696}.term-interactive-demo.persona-demo .persona-demo-dossier-switch button:hover{color:#fff4d7;background:#f1c46d1f;border-color:#f1c46d}.term-interactive-demo.persona-demo .persona-demo-dossier-switch button[aria-pressed=true]{color:#28344a;background:#f1c46d;border-color:#f1c46d}.term-interactive-demo.persona-demo .persona-demo-autofit{color:#fff;background:#e5634f;box-shadow:0 6px 14px #e5634f42}.term-interactive-demo.persona-demo .persona-demo-autofit:hover{color:#fff;background:#c94e3d}.persona-demo-column{background:#f4f0fb;border-color:#c8bce1}.persona-demo-column.is-include{background:#e5f4ed;border-color:#67aa8e}.persona-demo-column.is-defer{background:#fff0e6;border-color:#d9906d}.persona-demo-column strong{color:#3e3552}.persona-demo-column.is-include strong{color:#1f6249}.persona-demo-column.is-defer strong{color:#8b4028}.persona-demo-column small{color:#5f5670;background:#ffffffb8;border-radius:99px;place-items:center;min-width:22px;min-height:22px;font-weight:800;display:grid}.persona-demo-note{background:#fff7c9;border-color:#dfc567;box-shadow:0 7px 16px #644d1517}.persona-demo-note.is-include{background:#f2fff8;border-color:#69b292}.persona-demo-note.is-include b,.persona-demo-note.is-include b:before{color:#1f6a4d}.persona-demo-note.is-defer{background:#fff7f0;border-color:#dc8e6a}.persona-demo-note.is-defer b{color:#8f4129}.persona-demo-note b{color:#45370f}.persona-demo-note>span,.persona-demo-note-reason{color:#5b5140}.persona-demo-empty{color:#756987}.term-interactive-demo.persona-demo .persona-demo-note-actions button{color:#4d4262;background:#ffffffc2;border-color:#bcb1cf}.term-interactive-demo.persona-demo .persona-demo-note-actions button:hover{color:#382b4e;background:#fff;border-color:#5f4d79}.persona-demo-status{color:#30415f;background:#edf2fb;border-left:4px solid #5b75a2}
.term-card .term-preview.wireframe-card-preview{background:var(--color-faint);border-color:var(--color-bebe);color:var(--color-hof)}.wireframe-card-preview .wireframe-card-defer{border:1px dashed var(--color-deco);background:var(--color-white);color:var(--color-foggy);border-radius:99px;align-items:center;gap:5px;padding:3px 7px 3px 3px;font-size:8px;font-weight:700;display:flex}.wireframe-card-preview .wireframe-card-defer span{background:var(--color-hof);color:var(--color-white);letter-spacing:.03em;border-radius:99px;padding:1px 5px;font-size:7px;font-weight:800}.wireframe-card-preview .wireframe-card-board{border:1px solid var(--color-bebe);background:var(--color-white);border-radius:6px;gap:5px;min-width:0;padding:6px;display:grid}.wireframe-card-preview .wireframe-card-topbar{border-bottom:1px dashed var(--color-deco);min-width:0;color:var(--color-foggy);justify-content:space-between;align-items:center;gap:6px;padding-bottom:4px;display:flex}.wireframe-card-preview .wireframe-card-topbar span{color:var(--color-hof);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:8px;font-weight:800}.wireframe-card-preview .wireframe-card-topbar small{min-width:0;color:var(--color-foggy);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.wireframe-card-preview .wireframe-card-track{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.wireframe-card-preview .wireframe-card-track li{border:1px solid var(--color-deco);background:var(--color-white);color:var(--color-foggy);border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:7px;font-weight:700;display:inline-flex}.wireframe-card-preview .wireframe-card-track li b{background:var(--color-faint);width:12px;height:12px;color:var(--color-foggy);border-radius:50%;place-items:center;font-size:6px;font-weight:800;display:inline-grid}.wireframe-card-preview .wireframe-card-track li span{color:var(--color-foggy)}.wireframe-card-preview .wireframe-card-track li.is-current{border-color:var(--color-hof);background:var(--color-faint)}.wireframe-card-preview .wireframe-card-track li.is-current b{background:var(--color-hof);color:var(--color-white)}.wireframe-card-preview .wireframe-card-track li.is-current span{color:var(--color-hof)}.wireframe-card-preview .wireframe-card-track li.wireframe-card-track-arrow{background:0 0;border:0;padding:0}.wireframe-card-preview .wireframe-card-track-arrow i{color:var(--color-grey-500);font-size:9px;font-style:normal;font-weight:800}.wireframe-card-preview .wireframe-card-layout{grid-template-columns:32px minmax(0,1fr);gap:5px;min-width:0;display:grid}.wireframe-card-preview .wireframe-card-layout aside{border:1px dashed var(--color-deco);background:var(--color-faint);border-radius:4px;align-content:start;justify-items:center;gap:4px;padding:5px 3px;display:grid}.wireframe-card-preview .wireframe-card-layout aside i{background:var(--color-grey-500);border-radius:2px;width:17px;height:4px;font-style:normal;display:block}.wireframe-card-preview .wireframe-card-layout aside small{color:var(--color-foggy);writing-mode:vertical-rl;font-size:6px}.wireframe-card-preview .wireframe-card-layout main{border:1px dashed var(--color-deco);background:var(--color-white);border-radius:4px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;padding:6px;display:grid}.wireframe-card-preview .wireframe-card-block{background:var(--color-bebe);border-radius:2px;width:100%;height:9px;display:block}.wireframe-card-preview .wireframe-card-layout main>.wireframe-card-block{grid-column:1/-1}.wireframe-card-preview .wireframe-card-primary{background:var(--color-rausch-600);color:var(--color-white);white-space:nowrap;border:0;border-radius:4px;padding:5px 7px;font-size:8px;font-weight:800;display:inline-block}.wireframe-card-preview .wireframe-card-legend{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.wireframe-card-preview .wireframe-card-legend>span{background:var(--color-white);border-radius:3px;padding:3px 5px;font-size:7px;font-weight:700}.wireframe-card-preview .wireframe-card-legend>span.is-structure{border:1px solid var(--color-hof);color:var(--color-hof)}.wireframe-card-preview .wireframe-card-legend>span.is-primary{border:1px solid var(--color-rausch-600);color:var(--color-rausch-600)}.wireframe-card-preview .wireframe-card-legend>span.is-placeholder{border:1px dashed var(--color-foggy);color:var(--color-foggy)}.wireframe-card-preview .wireframe-card-conclusion{border-top:1px solid var(--color-bebe);color:var(--color-foggy);flex-wrap:wrap;align-items:baseline;gap:5px;margin:0;padding-top:4px;font-size:8px;font-weight:650;display:flex}.wireframe-card-preview .wireframe-card-conclusion strong{color:#1f6a3a;font-size:9px;font-weight:800}.term-interactive-demo.wireframe-interaction-demo,.term-interactive-demo.wireframe-interaction-demo button{border-color:var(--color-bebe);background:var(--color-white);color:var(--color-hof)}.term-interactive-demo.wireframe-interaction-demo button:hover{border-color:var(--color-hof);background:var(--color-faint);color:var(--color-hof)}.term-interactive-demo.wireframe-interaction-demo button:focus-visible{outline:2px solid var(--color-hof);outline-offset:2px}.term-interactive-demo.wireframe-interaction-demo button[aria-current=true],.term-interactive-demo.wireframe-interaction-demo button[aria-pressed=true]{border-color:var(--color-hof);background:var(--color-faint);color:var(--color-hof)}.wireframe-interaction-demo .wireframe-demo-lead{color:var(--color-hof);margin:0;font-size:13px;font-weight:600;line-height:1.55}.wireframe-interaction-demo .wireframe-demo-controls{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.wireframe-interaction-demo .wireframe-demo-segment{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.wireframe-interaction-demo .wireframe-demo-segment small{width:100%;color:var(--color-foggy);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.wireframe-interaction-demo .wireframe-demo-stage{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:12px;display:grid}.wireframe-interaction-demo .wireframe-demo-canvas{border:1px dashed var(--color-deco);background:var(--color-white);border-radius:8px;align-content:start;gap:8px;padding:14px;display:grid;position:relative}.wireframe-interaction-demo .wireframe-demo-canvas.is-color-blocked{background:#fdf3f4;border-color:#a83a44}.wireframe-interaction-demo .wireframe-demo-color-block{background:#fdecee;border:1px solid #a83a44;border-left-width:4px;border-radius:6px;gap:6px;padding:10px 12px;display:grid}.wireframe-interaction-demo .wireframe-demo-color-block strong{color:#a83a44;font-size:13px;font-weight:800}.wireframe-interaction-demo .wireframe-demo-color-block p{color:#7a2a32;margin:0;font-size:12.5px;line-height:1.5}.wireframe-interaction-demo .wireframe-demo-canvas-topbar{border-bottom:1px dashed var(--color-deco);min-width:0;color:var(--color-foggy);justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;display:flex}.wireframe-interaction-demo .wireframe-demo-canvas-topbar span{color:var(--color-hof);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:12px;font-weight:700}.wireframe-interaction-demo .wireframe-demo-canvas-topbar small{color:var(--color-foggy);font-size:11px}.wireframe-interaction-demo .wireframe-demo-canvas-body{gap:8px;display:grid}.wireframe-interaction-demo .wireframe-demo-field{border:1px dashed var(--color-deco);background:var(--color-faint);border-radius:5px;align-items:center;gap:8px;min-height:34px;padding:7px 9px;display:flex}.wireframe-interaction-demo .wireframe-demo-field i{background:var(--color-grey-500);border-radius:2px;width:28px;height:8px;display:block}.wireframe-interaction-demo .wireframe-demo-field small{color:var(--color-foggy);font-size:12.5px;font-style:italic}.wireframe-interaction-demo .wireframe-demo-placeholder{border:1px dashed var(--color-deco);background:var(--color-faint);color:var(--color-foggy);border-radius:5px;padding:14px 12px;font-size:12.5px;font-style:italic;line-height:1.5}.wireframe-interaction-demo .wireframe-demo-error-slot{background:#fdf3f4;border:1px dashed #a83a44;border-radius:5px;align-items:center;gap:8px;min-height:34px;padding:7px 9px;display:flex}.wireframe-interaction-demo .wireframe-demo-error-slot i{background:#d79aa0;border-radius:2px;width:28px;height:8px;display:block}.wireframe-interaction-demo .wireframe-demo-error-slot small{color:#7a2a32;font-size:12.5px;font-style:italic}.wireframe-interaction-demo .wireframe-demo-rows{gap:6px;margin:0;padding:0;list-style:none;display:grid}.wireframe-interaction-demo .wireframe-demo-rows li{border:1px dashed var(--color-deco);background:var(--color-faint);border-radius:4px;align-items:center;gap:8px;min-height:26px;padding:6px 8px;display:flex}.wireframe-interaction-demo .wireframe-demo-rows li i{background:var(--color-grey-500);border-radius:2px;width:22px;height:8px;display:block}.wireframe-interaction-demo .wireframe-demo-rows li span{color:var(--color-foggy);font-size:12.5px;font-style:italic}.term-interactive-demo.wireframe-interaction-demo .wireframe-demo-primary{background:var(--color-rausch-600);color:var(--color-white);border:0;border-radius:999px;justify-self:start;font-weight:750}.term-interactive-demo.wireframe-interaction-demo .wireframe-demo-primary:hover{color:var(--color-white);background:#c80a36}.term-interactive-demo.wireframe-interaction-demo .wireframe-demo-primary:focus-visible{outline:2px solid var(--color-hof);outline-offset:2px}.wireframe-interaction-demo .wireframe-demo-annotation{border:1px solid var(--color-hof);background:var(--color-faint);color:var(--color-hof);border-radius:99px;justify-self:start;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.wireframe-interaction-demo .wireframe-demo-annotation-arrow{font-weight:800}.wireframe-interaction-demo .wireframe-demo-review{border:1px solid var(--color-bebe);background:var(--color-faint);border-radius:8px;align-content:start;gap:8px;padding:12px 14px;display:grid}.wireframe-interaction-demo .wireframe-demo-review header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.wireframe-interaction-demo .wireframe-demo-review header small{color:var(--color-foggy);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800}.wireframe-interaction-demo .wireframe-demo-review header strong{color:var(--color-hof);font-size:14px;font-weight:800}.wireframe-interaction-demo .wireframe-demo-review ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.wireframe-interaction-demo .wireframe-demo-review li{border:1px solid var(--color-bebe);background:var(--color-white);border-radius:5px;grid-template-columns:18px minmax(0,1fr);align-items:baseline;gap:6px;padding:6px 8px;display:grid}.wireframe-interaction-demo .wireframe-demo-review li b{background:var(--color-faint);width:18px;height:18px;color:var(--color-foggy);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:inline-grid}.wireframe-interaction-demo .wireframe-demo-review li span{color:var(--color-hof);font-size:12.5px;font-weight:700}.wireframe-interaction-demo .wireframe-demo-review li small{color:var(--color-foggy);grid-column:2;font-size:11px;line-height:1.4}.wireframe-interaction-demo .wireframe-demo-review li.is-done{background:#f3fbf5;border-color:#bfe6cd}.wireframe-interaction-demo .wireframe-demo-review li.is-done b{color:var(--color-white);background:#1f6a3a}.wireframe-interaction-demo .wireframe-demo-review li.is-done span{color:#1f6a3a}.wireframe-interaction-demo .wireframe-demo-review-note{border-top:1px dashed var(--color-bebe);color:var(--color-foggy);margin:0;padding-top:4px;font-size:12px;line-height:1.5}.wireframe-interaction-demo .wireframe-demo-color-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wireframe-interaction-demo .wireframe-demo-color-row small{color:var(--color-foggy);font-size:12px}.wireframe-interaction-demo .wireframe-demo-status{color:var(--color-foggy);margin:0;font-size:13px;line-height:1.55}.wireframe-core-section .wireframe-core-flow{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 0;display:flex}.wireframe-core-section .wireframe-core-flow span,.wireframe-core-section .wireframe-core-flow strong{border:1px solid var(--color-bebe);background:var(--color-white);min-width:0;color:var(--color-hof);border-radius:8px;flex:220px;gap:4px;padding:13px 14px;font-size:13px;line-height:1.5;display:grid}.wireframe-core-section .wireframe-core-flow span b,.wireframe-core-section .wireframe-core-flow strong b{color:var(--color-foggy);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.wireframe-core-section .wireframe-core-flow strong{color:#7a2a32;background:#fdf3f4;border-left:4px solid #a83a44}.wireframe-core-section .wireframe-core-flow strong b{color:#a83a44}.wireframe-core-section .wireframe-core-flow i{color:var(--color-grey-500);flex:none;align-self:center;font-size:18px;font-style:normal;font-weight:800}.wireframe-boundary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.wireframe-boundary-grid article{border:1px solid var(--color-bebe);background:var(--color-white);border-radius:8px;align-content:start;gap:5px;min-width:0;padding:13px 14px;display:grid}.wireframe-boundary-grid article small{color:var(--color-foggy);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800}.wireframe-boundary-grid article strong{color:var(--color-hof);font-size:14px}.wireframe-boundary-grid article p{color:var(--color-foggy);margin:0;font-size:12.5px;line-height:1.6}.wireframe-boundary-how{background:var(--color-faint);color:var(--color-hof);border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:13px;line-height:1.55}.wireframe-attention-section .checklist li::marker{color:var(--color-foggy)}.wireframe-attention-section .checklist li strong{color:var(--color-hof)}.wireframe-attention-section .checklist li span{color:var(--color-foggy)}.wireframe-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.wireframe-examples-grid article{border:1px solid var(--color-bebe);border-left:4px solid var(--color-hof);background:var(--color-white);border-radius:8px;align-content:start;gap:5px;min-width:0;padding:13px 14px;display:grid}.wireframe-examples-grid article.is-bad{border-color:var(--color-bebe);border-left-style:dashed;border-left-color:var(--color-foggy);background:var(--color-faint)}.wireframe-examples-grid small{color:var(--color-foggy);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800}.wireframe-examples-grid article.is-bad small{color:var(--color-foggy)}.wireframe-examples-grid article b{color:var(--color-hof);font-size:14px}.wireframe-examples-grid article.is-bad b{color:var(--color-hof)}.wireframe-examples-grid article strong{color:var(--color-hof);font-size:14px;font-weight:750}.wireframe-examples-grid article.is-bad strong{color:var(--color-hof)}.wireframe-examples-grid article p{color:var(--color-foggy);margin:0;font-size:12.5px;line-height:1.6}.wireframe-examples-grid article.is-bad p{color:var(--color-foggy)}@media (max-width:720px){.wireframe-interaction-demo .wireframe-demo-stage{grid-template-columns:minmax(0,1fr)}.wireframe-interaction-demo .wireframe-demo-controls{gap:8px}}@media (max-width:780px){.wireframe-card-preview .wireframe-card-layout{grid-template-columns:28px minmax(0,1fr);gap:4px}.wireframe-card-preview .wireframe-card-layout main{gap:3px;padding:4px}.wireframe-card-preview .wireframe-card-primary{padding:4px 5px;font-size:7px}}.term-card .term-preview.wireframe-card-preview{color:#2b2f36;background:linear-gradient(#f3f4f7 0%,#dfe2e8 100%);border-color:#c8ccd4;gap:8px;padding:10px;display:grid}.wireframe-card-canvas{background:#f7f8fa;border:1px solid #c8ccd4;border-radius:10px;gap:6px;padding:8px;display:grid}.term-card .term-preview.wireframe-card-preview .wireframe-card-canvas small{color:#5c6370;font-size:9px;font-weight:800}.wireframe-card-chrome{color:#5c6370;justify-content:space-between;font-size:9px;display:flex}.wireframe-card-canvas ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.wireframe-card-canvas li{background:#d5d8df;border-radius:3px;height:8px}.term-card .term-preview.wireframe-card-preview .wireframe-card-canvas b{color:#fff;background:#b4533a;border-radius:4px;justify-self:start;padding:4px 8px;font-size:10px}.wireframe-card-canvas em{color:#5c6370;font-size:9px;font-style:normal}.wireframe-card-conclusion{margin:0;font-weight:650;line-height:1.45;color:#2b2f36!important;font-size:10px!important}.term-interactive-demo.wireframe-demo{--wf-ink:#2b2f36;--wf-brick:#b4533a;background:#e6e8ec;border-color:#c8ccd4;gap:12px;padding:12px}.wireframe-demo .wireframe-demo-stage{display:grid}.wireframe-demo .wireframe-demo-canvas{color:var(--wf-ink);background:linear-gradient(#d9dce3 1px,#0000 1px) 0 0/100% 12px,#f7f8fa;border:1px solid #c8ccd4;border-radius:16px;gap:12px;padding:16px;display:grid;position:relative;box-shadow:0 16px 36px #2b2f3614}.wireframe-demo .wireframe-demo-canvas header{color:#5c6370;justify-content:space-between;font-size:12px;font-weight:750;display:flex}.wireframe-demo .wireframe-demo-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.wireframe-demo .wireframe-demo-rows li{color:#5c6370;align-items:center;gap:8px;display:flex}.wireframe-demo .wireframe-demo-rows i{background:#d5d8df;border-radius:4px;width:28px;height:18px}.wireframe-demo .wireframe-demo-placeholder{color:#5c6370;border:1px dashed #9aa1ad;border-radius:10px;margin:0;padding:16px;font-size:13px}.term-interactive-demo.wireframe-demo .wireframe-demo-primary{background:var(--wf-brick);color:#fff;border:0;justify-self:start;font-weight:850}.term-interactive-demo.wireframe-demo .wireframe-demo-primary:hover{color:#fff;background:#8f3f2c;border:0}.wireframe-demo .wireframe-demo-anno{color:#5c6370;margin:0;font-size:12px}.wireframe-demo .wireframe-demo-result{color:#2b2f36;margin:0;font-weight:750}.wireframe-demo .wireframe-demo-logo{font-weight:850}.wireframe-demo .wireframe-demo-stage.is-color .wireframe-demo-canvas{background:radial-gradient(circle at 88% 8%,#e07a5f47,#0000 32%),linear-gradient(#e8f6f3 0%,#fff 46%,#fff5f0 100%);border-color:#2a9d8f;box-shadow:0 18px 40px #2a9d8f2e}.wireframe-demo .wireframe-demo-stage.is-color header{color:#0f5c56}.wireframe-demo .wireframe-demo-stage.is-color .wireframe-demo-logo{color:#fff;background:#2a9d8f;border-radius:8px;place-items:center;min-width:28px;height:28px;padding:0 6px;font-size:11px;display:inline-grid}.wireframe-demo .wireframe-demo-hero{color:#fff;background:linear-gradient(90deg,#2a9d8f,#e07a5f);border-radius:10px;margin:0;padding:10px 12px;font-size:14px;font-weight:800}.wireframe-demo .wireframe-demo-stage.is-color .wireframe-demo-rows li{color:#0f5c56;background:#fff;border-radius:8px;padding:8px 10px;font-weight:700;box-shadow:0 6px 16px #0f5c5614}.wireframe-demo .wireframe-demo-stage.is-color .wireframe-demo-rows li:first-child i{background:#2a9d8f}.wireframe-demo .wireframe-demo-stage.is-color .wireframe-demo-rows li:nth-child(2) i{background:#e07a5f}.wireframe-demo .wireframe-demo-stage.is-color .wireframe-demo-rows li:nth-child(3) i{background:#6c63b5}.term-interactive-demo.wireframe-demo .wireframe-demo-stage.is-color .wireframe-demo-primary{background:#2a9d8f;box-shadow:0 8px 18px #2a9d8f59}.term-interactive-demo.wireframe-demo .wireframe-demo-stage.is-color .wireframe-demo-primary:hover{background:#1f7d72}.wireframe-demo .wireframe-demo-stage.is-color .wireframe-demo-anno{color:#0f5c56;font-weight:700}.wireframe-demo .wireframe-demo-block{border:1px dashed var(--wf-brick);color:#8f3f2c;background:#f8e8e3;border-radius:12px;gap:8px;padding:12px;display:grid}.wireframe-demo .wireframe-demo-block strong{color:#8f3f2c}.wireframe-demo .wireframe-demo-block p{margin:0;font-size:13px;line-height:1.5}.term-interactive-demo.wireframe-demo .wireframe-demo-recover{background:var(--wf-ink);color:#fff;border:0;justify-self:start}.term-interactive-demo.wireframe-demo .wireframe-demo-recover:hover{color:#fff;background:#1c2026;border:0}.wireframe-demo .wireframe-demo-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.term-interactive-demo.wireframe-demo .wireframe-demo-modes button{color:#2b2f36;background:#f7f8fa;border-color:#c8ccd4}.term-interactive-demo.wireframe-demo .wireframe-demo-modes button:hover{color:#2b2f36;background:#e6e8ec;border-color:#2b2f36}.term-interactive-demo.wireframe-demo .wireframe-demo-modes button[aria-pressed=true],.term-interactive-demo.wireframe-demo .wireframe-demo-modes button[aria-pressed=true]:hover{color:#fff;background:#2b2f36;border-color:#2b2f36}.term-interactive-demo.wireframe-demo button:focus-visible{outline-offset:2px;outline:3px solid #2b2f3659}.wireframe-demo .wireframe-demo-note,.wireframe-demo [role=status]{color:#2b2f36;background:#e6e8ec;border-left:3px solid #2b2f36;border-radius:0 8px 8px 0;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.wireframe-examples article.is-good{border-left:3px solid #2b2f36}.wireframe-examples article.is-bad{border-left:3px solid #b4533a}@media (max-width:700px){.wireframe-demo .wireframe-demo-modes{grid-template-columns:1fr}}
.term-card .term-preview.prototype-card-preview{background:var(--soft);border-color:var(--line)}.prototype-card-preview .prototype-card-heading{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.prototype-card-preview .prototype-card-heading small{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:8px;font-weight:800}.prototype-card-preview .prototype-card-heading strong{color:#1f6a3a;white-space:nowrap;background:#e8f3ec;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:800}.prototype-card-preview .prototype-card-flow{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.prototype-card-preview .prototype-card-flow li{border:1px solid var(--color-deco);background:var(--color-white);text-align:center;border-radius:5px;gap:2px;min-width:0;padding:5px 4px;display:grid}.prototype-card-preview .prototype-card-flow li b{background:var(--color-faint);width:16px;height:16px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:8px;font-weight:800;display:inline-flex}.prototype-card-preview .prototype-card-flow li span{color:var(--ink);font-size:8px;font-weight:800}.prototype-card-preview .prototype-card-flow li small{color:var(--muted);font-size:7px}.prototype-card-preview .prototype-card-flow li.is-done{background:#f3fbf5;border-color:#bfe6cd}.prototype-card-preview .prototype-card-flow li.is-done b{color:var(--color-white);background:#1f6a3a}.prototype-card-preview .prototype-card-flow li.is-done span{color:#1f6a3a}.prototype-card-preview .prototype-card-legend{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.prototype-card-preview .prototype-card-legend span{border-radius:3px;padding:2px 5px;font-size:7px;font-weight:800}.prototype-card-preview .prototype-card-legend .is-placeholder{border:1px dashed var(--color-deco);color:var(--muted);background:var(--color-white)}.prototype-card-preview .prototype-card-legend .is-result{color:#1f6a3a;background:#f3fbf5;border:1px solid #bfe6cd}.prototype-card-preview .prototype-card-conclusion{color:var(--ink);margin:0;font-size:8px;font-weight:700;line-height:1.45}.term-interactive-demo.prototype-demo{border-color:var(--line);background:var(--soft)}.prototype-demo .prototype-demo-lead{color:var(--ink);margin:0 0 10px;font-size:13px;font-weight:600;line-height:1.55}.prototype-demo .prototype-demo-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 12px;padding:0;list-style:none;display:grid}.prototype-demo .prototype-demo-track li{min-width:0}.prototype-demo .prototype-demo-track li button{border:1px solid var(--color-deco);background:var(--color-white);width:100%;color:var(--ink);text-align:center;border-radius:8px;gap:4px;padding:9px 8px;display:grid}.prototype-demo .prototype-demo-track li button b{background:var(--color-faint);width:22px;height:22px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:12px;font-weight:800;display:inline-flex}.prototype-demo .prototype-demo-track li button span{color:var(--ink);font-size:13px;font-weight:700}.prototype-demo .prototype-demo-track li button i{background:var(--color-faint);color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.02em;border-radius:99px;justify-self:center;padding:2px 7px;font-size:10px;font-style:normal;font-weight:700}.prototype-demo .prototype-demo-track li.is-current button{border-color:var(--ink);background:var(--color-faint)}.prototype-demo .prototype-demo-track li.is-current button b{background:var(--ink);color:var(--color-white)}.prototype-demo .prototype-demo-track li.is-done button{background:#f3fbf5;border-color:#bfe6cd}.prototype-demo .prototype-demo-track li.is-done button b{color:var(--color-white);background:#1f6a3a}.prototype-demo .prototype-demo-track li.is-done button span{color:#1f6a3a}.prototype-demo .prototype-demo-track li.is-done button i{color:#1f6a3a;background:#e8f3ec}.prototype-demo .prototype-demo-surface{border:1px solid var(--line);background:var(--color-white);border-radius:10px;padding:14px}.prototype-demo .prototype-demo-header{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;margin-bottom:8px;font-size:12px;font-weight:700}.prototype-demo .prototype-demo-panel h3{color:var(--ink);margin:0;font-size:16px}.prototype-demo .prototype-demo-field{gap:4px;min-width:0;display:grid}.prototype-demo .prototype-demo-field span{color:var(--ink);font-size:12px;font-weight:800}.prototype-demo .prototype-demo-field input{border-color:var(--color-deco);background:var(--color-white);color:var(--ink)}.prototype-demo .prototype-demo-field input:focus{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}.prototype-demo .prototype-demo-placeholder{border-left:2px dashed var(--color-deco);background:var(--color-faint);color:var(--muted);border-radius:4px;margin:0;padding:6px 9px;font-size:12px;line-height:1.5}.prototype-demo .prototype-demo-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.prototype-demo .prototype-demo-list li{background:#f3fbf5;border:1px solid #bfe6cd;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.prototype-demo .prototype-demo-list li span{color:#1f6a3a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.prototype-demo .prototype-demo-list li em{color:var(--color-white);background:#1f6a3a;border-radius:99px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:800}.prototype-demo .prototype-demo-controls{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.term-interactive-demo.prototype-demo button:hover,.term-interactive-demo.prototype-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--color-faint);color:var(--ink)}.term-interactive-demo.prototype-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.prototype-demo button:disabled{border-color:var(--color-deco);background:var(--color-faint);color:var(--muted)}.term-interactive-demo.prototype-demo .prototype-demo-primary{border-color:var(--accent);background:var(--accent);color:var(--color-white);font-weight:700}.term-interactive-demo.prototype-demo .prototype-demo-primary:hover{border-color:var(--color-rausch-600);background:var(--color-rausch-600);color:var(--color-white)}.term-interactive-demo.prototype-demo .prototype-demo-primary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.prototype-demo .prototype-demo-status{color:var(--ink);margin:10px 0 0;font-size:13px;line-height:1.55}.prototype-core-flow{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.prototype-core-flow span,.prototype-core-flow strong{border:1px solid var(--color-deco);background:var(--color-white);min-width:0;color:var(--ink);border-radius:8px;flex:160px;gap:3px;padding:11px 13px;font-size:13px;line-height:1.5;display:grid}.prototype-core-flow span b,.prototype-core-flow strong b{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.prototype-core-flow strong{color:#1f6a3a;background:#f3fbf5;border-color:#bfe6cd}.prototype-core-flow strong b{color:#1f6a3a}.prototype-core-flow i{color:var(--muted);flex:none;align-self:center;font-size:16px;font-style:normal;font-weight:800}.prototype-boundary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.prototype-boundary-grid article{border:1px solid var(--color-deco);background:var(--color-white);border-radius:8px;align-content:start;gap:5px;min-width:0;padding:13px 14px;display:grid}.prototype-boundary-grid article small{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800}.prototype-boundary-grid article strong{color:var(--ink);font-size:14px}.prototype-boundary-grid article p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}.prototype-boundary-how{background:var(--color-faint);color:var(--ink);border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:13px;line-height:1.55}.prototype-attention-section .checklist li::marker{color:var(--muted)}.prototype-attention-section .checklist li strong{color:var(--ink)}.prototype-attention-section .checklist li span{color:var(--muted)}.prototype-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.prototype-examples-grid article{background:var(--color-white);border:1px solid #bfe6cd;border-left:4px solid #1f6a3a;border-radius:8px;align-content:start;gap:5px;min-width:0;padding:13px 14px;display:grid}.prototype-examples-grid article.is-bad{border-color:var(--color-deco);border-left-style:dashed;border-left-color:var(--muted);background:var(--color-faint)}.prototype-examples-grid small{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800}.prototype-examples-grid article b{color:var(--ink);font-size:14px}.prototype-examples-grid article strong{color:var(--ink);font-size:14px;font-weight:750}.prototype-examples-grid article p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}@media (max-width:780px){.prototype-demo .prototype-demo-track{gap:4px}.prototype-demo .prototype-demo-track li button{padding:7px 4px}.prototype-demo .prototype-demo-track li button span{font-size:11px}.prototype-core-flow span,.prototype-core-flow strong{flex-basis:100%}.prototype-boundary-grid,.prototype-examples-grid{grid-template-columns:1fr}.prototype-card-preview .prototype-card-flow{gap:3px}.prototype-card-preview .prototype-card-flow li{padding:4px 3px}}.term-card .term-preview.prototype-card-preview{color:#2c241c;background:radial-gradient(circle at 82% 16%,#2a9d8f29,#0000 28%),linear-gradient(165deg,#f8f1e6 0%,#eadcc8 100%);border-color:#e0d3c2;gap:8px;padding:10px;display:grid}.prototype-card-phones{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.prototype-card-phones>div{background:#fffaf3;border:2px solid #3d3a6e;border-radius:12px;gap:3px;min-width:0;padding:7px 6px;display:grid}.prototype-card-phones>div.is-done{background:#d8f3ee}.term-card .term-preview.prototype-card-preview .prototype-card-phones small{color:#6a5c48;font-size:8px;font-weight:800}.term-card .term-preview.prototype-card-preview .prototype-card-phones b,.term-card .term-preview.prototype-card-preview .prototype-card-phones strong{color:#3d3a6e;font-size:10px}.term-card .term-preview.prototype-card-preview .prototype-card-phones span{color:#1f6f64;font-size:8px;font-weight:800}.prototype-card-mark{color:#6a5c48;margin:0;font-size:9px}.prototype-card-conclusion{margin:0;font-weight:650;line-height:1.45;color:#2c241c!important;font-size:10px!important}.term-interactive-demo.prototype-demo{--pt-ink:#2c241c;--pt-indigo:#3d3a6e;--pt-mint:#2a9d8f;background:#f3e8d8;border-color:#e0d3c2;gap:12px;padding:12px}.prototype-demo .prototype-demo-stage{justify-items:center;display:grid}.prototype-demo .prototype-demo-phone{border:3px solid var(--pt-indigo);background:radial-gradient(circle at 80% 8%,#2a9d8f29,#0000 28%),linear-gradient(#fffaf3 0%,#f6efe4 100%);border-radius:28px;gap:12px;width:min(100%,360px);padding:18px 16px 16px;display:grid;box-shadow:0 18px 40px #3d3a6e29}.prototype-demo .prototype-demo-phone header{color:var(--pt-indigo);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.prototype-demo .prototype-demo-panel{gap:10px;display:grid}.prototype-demo .prototype-demo-panel h3{color:var(--pt-ink);letter-spacing:-.03em;margin:0;font-size:22px}.prototype-demo .prototype-demo-panel p{color:#5c4d3c;margin:0;font-size:14px;line-height:1.5}.prototype-demo .prototype-demo-field{background:#fff;border-radius:10px;gap:4px;padding:8px 10px;display:grid}.prototype-demo .prototype-demo-field.is-invalid{box-shadow:inset 0 0 0 2px #b42318}.prototype-demo .prototype-demo-field em{color:#b42318;font-size:12px;font-style:normal}.term-interactive-demo.prototype-demo .prototype-demo-primary{background:var(--pt-indigo);color:#fff;border:0;font-weight:850}.term-interactive-demo.prototype-demo .prototype-demo-primary:hover{color:#fff;background:#2c2a52;border:0}.prototype-demo .prototype-demo-placeholder{color:#6a5c48;font-size:12px}.prototype-demo .prototype-demo-warn{color:#b42318;font-size:12px;font-weight:750}.prototype-demo .prototype-demo-card{color:#14665c;background:#d8f3ee;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.term-interactive-demo.prototype-demo .prototype-demo-recover{background:var(--pt-mint);color:#fff;border:0}.term-interactive-demo.prototype-demo .prototype-demo-recover:hover{color:#fff;background:#1f7d72;border:0}.prototype-demo .prototype-demo-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.term-interactive-demo.prototype-demo .prototype-demo-modes button{color:#2c241c;background:#fffaf3;border-color:#e0d3c2}.term-interactive-demo.prototype-demo .prototype-demo-modes button:hover{color:#2c2a52;background:#eceaf8;border-color:#3d3a6e}.term-interactive-demo.prototype-demo .prototype-demo-modes button[aria-pressed=true],.term-interactive-demo.prototype-demo .prototype-demo-modes button[aria-pressed=true]:hover{color:#fff;background:#3d3a6e;border-color:#3d3a6e}.term-interactive-demo.prototype-demo button:focus-visible{outline-offset:2px;outline:3px solid #3d3a6e59}.prototype-demo .prototype-demo-note,.prototype-demo [role=status]{border-left:3px solid var(--pt-indigo);color:#2c241c;background:#eceaf8;border-radius:0 8px 8px 0;width:100%;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.prototype-examples article.is-good{border-left:3px solid #3d3a6e}.prototype-examples article.is-bad{border-left:3px solid #b42318}@media (max-width:700px){.prototype-card-phones{grid-template-columns:1fr 1fr}.prototype-demo .prototype-demo-modes{grid-template-columns:1fr}}
.term-card .term-preview.onboarding-card-preview{background:var(--soft);border-color:var(--line)}.onboarding-card-preview .onboarding-card-journey{align-items:center;gap:4px;min-width:0;display:flex}.onboarding-card-preview .onboarding-card-journey>div{flex:1 1 0;justify-items:center;gap:3px;min-width:0;display:grid}.onboarding-card-preview .onboarding-card-journey>div>b{border:1px solid var(--color-deco);width:20px;height:20px;color:var(--muted);background:var(--color-white);border-radius:50%;place-items:center;font-size:8px;display:grid}.onboarding-card-preview .onboarding-card-journey>div>span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.onboarding-card-preview .onboarding-card-journey>i{color:var(--color-grey-500);flex:none;font-style:normal}.onboarding-card-preview .onboarding-card-journey>.is-done>b{border-color:var(--ink);color:var(--color-white);background:var(--ink);font-size:0}.onboarding-card-preview .onboarding-card-journey>.is-done>b:before{content:"✓";font-size:10px;line-height:1}.onboarding-card-preview .onboarding-card-journey>.is-active>b{border-width:2px;border-color:var(--ink);color:var(--ink);background:var(--color-white);font-weight:800}.onboarding-card-preview .onboarding-card-journey>.is-active>span{color:var(--ink);font-weight:800}.onboarding-card-preview .onboarding-card-current{border-left:3px solid var(--ink);background:var(--color-white);border-radius:4px;gap:2px;min-width:0;padding:6px 7px;display:grid}.onboarding-card-preview .onboarding-card-current small{color:var(--muted);font-weight:800}.onboarding-card-preview .onboarding-card-current b{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.onboarding-card-preview .onboarding-card-current span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.onboarding-card-preview .onboarding-card-recovery{border:1px solid var(--line);background:var(--color-white);border-radius:4px;justify-content:space-between;align-items:center;gap:5px;min-width:0;padding:5px 7px;display:flex}.onboarding-card-preview .onboarding-card-recovery span{color:var(--ink);font-weight:800}.onboarding-card-preview .onboarding-card-recovery small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.term-interactive-demo.onboarding-interaction-demo{border-color:var(--line);background:var(--color-white);gap:14px}.onboarding-interaction-demo button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.onboarding-interaction-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.onboarding-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.onboarding-interaction-demo button:disabled,.onboarding-interaction-demo button:disabled:hover{border-color:var(--color-deco);background:var(--soft);color:var(--muted);cursor:not-allowed}.onboarding-interaction-demo button[aria-current=step],.onboarding-interaction-demo button[aria-current=step]:hover{border-color:var(--ink);background:var(--color-white);color:var(--ink);border-width:2px;font-weight:800}.term-interactive-demo.onboarding-interaction-demo .onboarding-demo-primary{border-color:var(--color-rausch);background:var(--color-rausch);color:var(--color-white)}.term-interactive-demo.onboarding-interaction-demo .onboarding-demo-primary:hover:not(:disabled){border-color:var(--color-rausch-600);background:var(--color-rausch-600);color:var(--color-white)}.term-interactive-demo.onboarding-interaction-demo .onboarding-demo-primary:disabled{border-color:var(--color-deco);background:var(--soft);color:var(--muted);cursor:not-allowed}.onboarding-demo-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.onboarding-demo-step{border:1px solid var(--line);background:var(--color-white);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;display:grid}.onboarding-demo-step-btn{min-width:0;color:var(--ink);text-align:left;font:inherit;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:0;display:grid}.term-interactive-demo.onboarding-interaction-demo .onboarding-demo-step-btn,.term-interactive-demo.onboarding-interaction-demo .onboarding-demo-step-btn:hover{min-height:0;color:var(--ink);background:0 0;border:0;padding:0}.onboarding-demo-step-num{border:1px solid var(--color-deco);width:24px;height:24px;color:var(--muted);background:var(--color-white);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.onboarding-demo-step-title{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.onboarding-demo-step-state{border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.onboarding-demo-step.is-current{border-color:var(--ink);border-width:2px;padding:8px 10px}.onboarding-demo-step.is-current .onboarding-demo-step-num{border-color:var(--ink);color:var(--ink)}.onboarding-demo-step.is-current .onboarding-demo-step-title{color:var(--ink);font-weight:800}.onboarding-demo-step.is-current .onboarding-demo-step-state{border-color:var(--ink);background:var(--color-white);color:var(--ink)}.onboarding-demo-step.is-done{background:var(--soft)}.onboarding-demo-step.is-done .onboarding-demo-step-num{border-color:var(--ink);color:var(--color-white);background:var(--ink)}.onboarding-demo-step.is-done .onboarding-demo-step-num:before{content:"✓"}.onboarding-demo-step.is-done .onboarding-demo-step-title{color:var(--ink)}.onboarding-demo-step.is-done .onboarding-demo-step-state{color:#2f7a4a;background:#f2fbf4;border-color:#bfe6cd}.onboarding-demo-step.is-skipped .onboarding-demo-step-num{border-style:dashed}.onboarding-demo-step.is-skipped .onboarding-demo-step-state{border-style:dashed;border-color:var(--color-deco);background:var(--color-white);color:var(--muted)}.onboarding-demo-stage{border:1px solid var(--line);background:var(--soft);border-radius:9px;gap:8px;padding:13px 14px;display:grid}.onboarding-demo-stage header{gap:3px;display:grid}.onboarding-demo-stage header small{color:var(--muted);font-size:11px;font-weight:800}.onboarding-demo-stage header b{color:var(--ink);font-size:15px}.onboarding-demo-mock{gap:7px;display:grid}.onboarding-demo-mock code{border:1px solid var(--line);background:var(--color-white);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:6px;padding:8px 10px;font-size:12px;display:block}.onboarding-demo-mock p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.onboarding-demo-next{color:var(--muted);font-size:12px;font-weight:700}.onboarding-demo-badge{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:99px;justify-self:start;padding:3px 9px;font-size:11px;font-weight:800}.onboarding-demo-mock.is-done .onboarding-demo-badge{color:#2f7a4a;background:#f2fbf4;border-color:#bfe6cd}.onboarding-demo-mock.is-skipped .onboarding-demo-badge{border-color:var(--color-deco);background:var(--color-white);color:var(--muted)}.onboarding-demo-persist{border:1px dashed var(--color-deco);background:var(--color-white);border-radius:7px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 11px;display:flex}.onboarding-demo-persist small{color:var(--muted);font-size:11px;font-weight:800}.onboarding-demo-persist b{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:2px 7px;font-size:12px;font-weight:700}.onboarding-demo-persist b.is-done{color:#2f7a4a;background:#d9f0e1}.onboarding-demo-persist b.is-skipped{background:var(--soft);color:var(--muted)}.onboarding-demo-persist span{color:var(--muted);font-size:12px}.onboarding-demo-actions{flex-wrap:wrap;gap:7px;display:flex}.onboarding-demo-status{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.onboarding-principles{gap:8px;margin:0;padding:0;list-style:none;display:grid}.onboarding-principles li{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:3px;padding:10px 12px;display:grid}.onboarding-principles b{color:var(--ink);font-size:13.5px}.onboarding-principles span{color:var(--muted);font-size:12.5px;line-height:1.55}.onboarding-howto{counter-reset:howto;gap:7px;margin:0;padding:0;list-style:none;display:grid}.onboarding-howto li{border:1px solid var(--line);background:var(--color-white);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:9px 12px;display:grid}.onboarding-howto li:before{counter-increment:howto;content:counter(howto);background:var(--ink);width:22px;height:22px;color:var(--color-white);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.onboarding-howto span{color:var(--ink);font-size:13px;line-height:1.55}.onboarding-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.onboarding-example{border:1px solid var(--line);background:var(--color-white);border-radius:9px;gap:6px;padding:13px 15px;display:grid}.onboarding-example small{border-radius:99px;justify-self:start;padding:2px 8px;font-size:11px;font-weight:800}.onboarding-example b{color:var(--ink);font-size:14px}.onboarding-example p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.onboarding-example.is-good{background:#f2fbf4;border-color:#bfe6cd}.onboarding-example.is-good small{color:#2f7a4a;background:#d9f0e1}.onboarding-example.is-good b{color:#1f5a35}.onboarding-example.is-bad{background:#fdf3f4;border-color:#ecc9ce}.onboarding-example.is-bad small{color:#a83a44;background:#f7dfe2}.onboarding-example.is-bad b{color:#7e2a32}@media (max-width:560px){.onboarding-examples{grid-template-columns:1fr}.onboarding-demo-step{grid-template-columns:minmax(0,1fr)}.onboarding-demo-step-state{justify-self:start}}@media (max-width:780px){.onboarding-card-preview .onboarding-card-journey{gap:2px}.onboarding-card-preview .onboarding-card-current,.onboarding-card-preview .onboarding-card-recovery{padding-inline:6px}}@media (max-width:700px){.onboarding-demo .onboarding-demo-modes{grid-template-columns:1fr}}.term-card .term-preview.onboarding-card-preview{color:#2a1c08;background:radial-gradient(circle at 78% 18%,#e3a32229,#0000 28%),linear-gradient(165deg,#f7f1e6 0%,#efe4d0 100%);border-color:#e0d3b8;gap:8px;padding:10px;display:grid}.onboarding-card-app{background:#fffaf3;border:1px solid #e0d3b8;border-radius:12px;gap:6px;padding:8px;display:grid;position:relative;overflow:hidden}.onboarding-card-app header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.term-card .term-preview.onboarding-card-preview .onboarding-card-app header small{color:#8a6a20;font-size:8px;font-weight:800}.term-card .term-preview.onboarding-card-preview .onboarding-card-app header b{color:#2a1c08;font-size:11px}.onboarding-card-page{grid-template-columns:1fr 1fr;gap:6px;display:grid}.onboarding-card-cover,.onboarding-card-share{color:#6a5430;background:#f3ead8;border-radius:8px;padding:7px 8px;font-size:9px;font-weight:750}.onboarding-card-cover{z-index:2;color:#2a1c08;background:#fff;position:relative;box-shadow:0 0 0 3px #f4c56d}.onboarding-card-veil{z-index:1;pointer-events:none;background:#1c16106b;position:absolute;inset:28px 0 52px}.onboarding-card-coach{z-index:2;color:#2a1c08;background:#fff8e8;border:1px solid #e3a322;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:6px 8px;display:grid;position:relative}.term-card .term-preview.onboarding-card-preview .onboarding-card-coach small{color:#8a6a20;font-size:8px;font-weight:800}.term-card .term-preview.onboarding-card-preview .onboarding-card-coach strong{color:#2a1c08;font-size:11px}.term-card .term-preview.onboarding-card-preview .onboarding-card-coach em{color:#8a6a20;font-size:8px;font-style:normal;font-weight:750}.onboarding-card-conclusion{margin:0;font-weight:650;line-height:1.45;color:#2a1c08!important;font-size:10px!important}.term-interactive-demo.onboarding-demo{--ob-ink:#2a1c08;--ob-amber:#e3a322;--ob-honey:#fff8e8;color:var(--ob-ink);background:#efe6d6;border-color:#e0d3b8;gap:12px;padding:12px}.onboarding-demo .onboarding-demo-stage{display:grid}.onboarding-demo .onboarding-demo-app{background:#fffaf3;border:1px solid #e0d3b8;border-radius:16px;gap:12px;padding:14px;display:grid;box-shadow:0 16px 36px #2a1c0814}.onboarding-demo .onboarding-demo-app header{justify-content:space-between;align-items:center;gap:8px;display:flex}.onboarding-demo .onboarding-demo-app header span{color:#8a6a20;font-size:12px;font-weight:800}.onboarding-demo .onboarding-demo-app header b{color:var(--ob-ink);font-size:16px}.onboarding-demo .onboarding-demo-app header small{color:#8a6a20;font-size:12px;font-weight:750}.onboarding-demo .onboarding-demo-page{gap:10px;display:grid;position:relative}.onboarding-demo .onboarding-demo-cover,.onboarding-demo .onboarding-demo-share{z-index:1;color:#6a5430;background:#f3ead8;border-radius:12px;gap:6px;padding:12px;display:grid;position:relative}.onboarding-demo .onboarding-demo-cover em,.onboarding-demo .onboarding-demo-share em{font-size:12px;font-style:normal;font-weight:750}.onboarding-demo .onboarding-demo-share code{color:#2a1c08;font-size:13px}.onboarding-demo .onboarding-demo-cover.is-lit,.onboarding-demo .onboarding-demo-share.is-lit{z-index:3;color:var(--ob-ink);background:#fff;box-shadow:0 0 0 4px #f4c56d,0 10px 24px #e3a32233}.onboarding-demo .onboarding-demo-cover.is-done{color:#2a1c08;background:linear-gradient(135deg,#f4c56d,#e07a5f)}.onboarding-demo .onboarding-demo-cover.is-done em{color:#2a1c08;font-weight:800}.onboarding-demo .onboarding-demo-veil{z-index:2;pointer-events:none;background:#1c161075;border-radius:12px;position:absolute;inset:0}.term-interactive-demo.onboarding-demo .onboarding-demo-hotspot{color:var(--ob-ink);background:#fff;border:0;justify-self:start;font-weight:800}.term-interactive-demo.onboarding-demo .onboarding-demo-cover.is-lit .onboarding-demo-hotspot{background:var(--ob-amber);color:#2a1c08}.term-interactive-demo.onboarding-demo .onboarding-demo-hotspot:disabled{color:#8a6a20;background:#fff8e8}.onboarding-demo .onboarding-demo-coach{z-index:3;background:var(--ob-honey);color:var(--ob-ink);border:1px solid #e3a322;border-radius:14px;gap:6px;padding:12px 14px;display:grid;position:relative;box-shadow:0 12px 28px #2a1c081a}.onboarding-demo .onboarding-demo-coach:before{content:"";background:var(--ob-honey);border-top:1px solid #e3a322;border-left:1px solid #e3a322;width:12px;height:12px;position:absolute;top:-7px;left:28px;transform:rotate(45deg)}.onboarding-demo .onboarding-demo-coach small{color:#8a6a20;font-weight:800}.onboarding-demo .onboarding-demo-coach p{color:#4a3a18;margin:0;font-size:13px;line-height:1.5}.onboarding-demo .onboarding-demo-dots{gap:6px;display:flex}.onboarding-demo .onboarding-demo-dots b{background:#e0d3b8;border-radius:99px;width:7px;height:7px}.onboarding-demo .onboarding-demo-dots b.is-now{background:var(--ob-amber)}.onboarding-demo .onboarding-demo-dots b.is-done{background:#2a4a38}.term-interactive-demo.onboarding-demo .onboarding-demo-primary{background:var(--ob-amber);color:#2a1c08;border:0;justify-self:start;font-weight:850}.term-interactive-demo.onboarding-demo .onboarding-demo-primary:hover{color:#2a1c08;background:#c98b14;border:0}.onboarding-demo .onboarding-demo-chip{border-radius:8px;margin:0;padding:8px 10px;font-weight:750}.onboarding-demo .onboarding-demo-chip.is-skip{color:#6a5430;background:#f3ead8}.onboarding-demo .onboarding-demo-chip.is-done{color:#1f5c3a;background:#e4f3ea}.term-interactive-demo.onboarding-demo .onboarding-demo-recover{background:var(--ob-amber);color:#2a1c08;border:0;font-weight:800}.term-interactive-demo.onboarding-demo .onboarding-demo-recover:hover{color:#2a1c08;background:#c98b14;border:0}.onboarding-demo .onboarding-demo-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.term-interactive-demo.onboarding-demo .onboarding-demo-modes button{color:#2a1c08;background:#fffaf3;border-color:#e0d3b8}.term-interactive-demo.onboarding-demo .onboarding-demo-modes button:hover{color:#2a1c08;background:#fff8e8;border-color:#e3a322}.term-interactive-demo.onboarding-demo .onboarding-demo-modes button[aria-pressed=true],.term-interactive-demo.onboarding-demo .onboarding-demo-modes button[aria-pressed=true]:hover{color:#2a1c08;background:#e3a322;border-color:#e3a322}.term-interactive-demo.onboarding-demo button:focus-visible{outline-offset:2px;outline:3px solid #e3a32273}.onboarding-demo .onboarding-demo-note,.onboarding-demo [role=status]{border-left:3px solid var(--ob-amber);color:#2a1c08;background:#fff8e8;border-radius:0 8px 8px 0;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.onboarding-examples article.is-good{border-left:3px solid #e3a322}.onboarding-examples article.is-bad{border-left:3px solid #b4533a}
.term-card .term-preview.empty-product-card-preview{background:var(--color-white);border-color:var(--line);color:var(--ink)}.empty-product-card-head{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.empty-product-card-head small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:7px;font-weight:800}.empty-product-card-tag{border:1px solid var(--ink);color:var(--ink);background:var(--soft);white-space:nowrap;border-radius:3px;padding:2px 5px;font-size:7px;font-weight:800}.empty-product-card-empty{border:1px dashed var(--color-grey-500);background:var(--soft);border-radius:6px;grid-template-columns:26px minmax(0,1fr);grid-template-areas:"icon copy""icon cta";align-items:center;gap:3px 6px;min-width:0;padding:6px 7px;display:grid}.empty-product-card-icon{border:1px dashed var(--color-grey-500);width:26px;height:26px;color:var(--muted);background:var(--color-white);border-radius:6px;grid-area:icon;place-items:center;font-size:14px;line-height:1;display:grid}.empty-product-card-copy{grid-area:copy;gap:1px;min-width:0;display:grid}.empty-product-card-copy b{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.empty-product-card-copy span{min-width:0;color:var(--muted);font-size:8px;line-height:1.3;overflow:hidden}.empty-product-card-cta{color:var(--color-white);background:var(--ink);white-space:nowrap;border-radius:4px;grid-area:cta;justify-self:start;padding:3px 7px;font-size:8px;font-weight:800}.empty-product-card-rules{gap:3px;margin:0;padding:0;list-style:none;display:grid}.empty-product-card-rules li{border:1px solid var(--line);background:var(--color-white);border-radius:4px;justify-content:space-between;align-items:center;gap:6px;min-width:0;padding:3px 6px;display:flex}.empty-product-card-rules li b{color:var(--muted);font-size:8px;font-weight:700}.empty-product-card-rules li span{color:var(--muted);white-space:nowrap;font-size:7px}.empty-product-card-rules li.is-current{border-color:var(--ink);background:var(--soft)}.empty-product-card-rules li.is-current b{color:var(--ink);font-weight:800}.empty-product-card-rules li.is-current span{color:var(--ink)}.empty-product-card-conclusion{border-left:3px solid var(--ink);background:var(--soft);color:var(--ink);border-radius:4px;margin:0;padding:5px 7px;font-size:9px;line-height:1.4}.empty-product-card-conclusion strong{color:var(--ink);font-weight:800}.term-interactive-demo.empty-product-interaction-demo{border-color:var(--line);background:var(--color-white);gap:12px}.empty-product-interaction-demo button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.empty-product-interaction-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.empty-product-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.empty-product-interaction-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.empty-product-demo-lead{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.empty-product-reason-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.empty-product-reason-controls>small{width:100%;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800}.empty-product-workspace{border:1px solid var(--line);background:var(--color-white);border-left-width:3px;border-radius:9px;gap:10px;min-width:0;padding:13px 14px;display:grid}.empty-product-workspace.is-new{border-left-color:var(--ink)}.empty-product-workspace.is-filtered{border-left-style:dashed;border-left-color:var(--color-grey-500)}.empty-product-workspace.is-error{border-left-style:double;border-left-width:4px;border-left-color:var(--muted)}.empty-product-ws-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.empty-product-ws-head small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.empty-product-ws-tag{border:1px solid var(--line);background:var(--soft);color:var(--muted);white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.empty-product-workspace.is-new .empty-product-ws-tag{border-color:var(--ink);color:var(--ink)}.empty-product-filter-bar{border:1px solid var(--line);background:var(--soft);border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 9px;display:flex}.empty-product-filter-chip{border:1px solid var(--ink);background:var(--color-white);color:var(--ink);border-radius:99px;padding:2px 7px;font-size:11px;font-weight:700}.empty-product-filter-chip[data-active=false]{border-style:dashed;border-color:var(--color-deco);color:var(--muted);text-decoration:line-through}.empty-product-filter-bar>small{color:var(--muted);font-size:11px}.empty-product-list-area{min-width:0}.empty-product-projects{gap:6px;margin:0;padding:0;list-style:none;display:grid}.empty-product-projects li{border:1px solid var(--line);background:var(--color-white);border-radius:7px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.empty-product-projects li>i{background:var(--soft);border-radius:5px;width:22px;height:22px}.empty-product-projects li>span{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.empty-product-projects li>small{color:var(--muted);white-space:nowrap;font-size:11px}.empty-product-guide{border:1px dashed var(--color-grey-500);background:var(--soft);border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:12px 14px;display:grid}.empty-product-guide-icon{border:1px dashed var(--color-grey-500);width:34px;height:34px;color:var(--muted);background:var(--color-white);border-radius:8px;place-items:center;font-size:18px;line-height:1;display:grid}.empty-product-guide b{color:var(--ink);font-size:14px;display:block}.empty-product-guide span{color:var(--muted);font-size:12px;line-height:1.5;display:block}.empty-product-failure{background:#fdf3f4;border:1px solid #ecc9ce;border-left:4px solid #a83a44;border-radius:8px;padding:12px 14px}.empty-product-failure b{color:#a83a44;font-size:14px;display:block}.empty-product-failure span{color:#a83a44;font-size:12px;line-height:1.5;display:block}.empty-product-dismissed{border:1px dashed var(--color-deco);background:var(--soft);border-radius:8px;padding:12px 14px}.empty-product-dismissed b{color:var(--ink);font-size:14px;display:block}.empty-product-dismissed span{color:var(--muted);font-size:12px;line-height:1.5;display:block}.empty-product-action-slot{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.empty-product-result{color:#2f7a4a;background:#e6f7ec;border:1px solid #bfe6cd;border-radius:99px;align-items:center;padding:6px 11px;font-size:12px;font-weight:700;display:inline-flex}.empty-product-interaction-demo .empty-product-demo-soft{border-color:var(--ink);background:var(--color-white);color:var(--ink);font-weight:750}.empty-product-interaction-demo .empty-product-demo-soft:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.empty-product-interaction-demo .empty-product-demo-link{color:var(--muted);background:0 0;border-color:#0000;font-weight:650}.empty-product-interaction-demo .empty-product-demo-link:hover{color:var(--ink);background:0 0;border-color:#0000;text-decoration:underline}.term-interactive-demo.empty-product-interaction-demo .empty-product-demo-primary{border:1px solid var(--color-rausch);background:var(--color-rausch);min-height:34px;color:var(--color-white);font:inherit;border-radius:7px;justify-content:center;align-items:center;padding:7px 14px;font-size:13px;font-weight:750;display:inline-flex}.term-interactive-demo.empty-product-interaction-demo .empty-product-demo-primary:hover{border-color:var(--color-rausch-600);background:var(--color-rausch-600);color:var(--color-white)}.empty-product-record{border:1px solid var(--line);background:var(--soft);border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px 10px;padding:9px 12px;display:grid}.empty-product-record>small{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800}.empty-product-record>b{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:13px}.empty-product-record>span{color:var(--muted);grid-column:1/-1;font-size:11px}.empty-product-demo-actions{flex-wrap:wrap;gap:7px;display:flex}.empty-product-demo-status{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.empty-product-principles{gap:10px;margin:0;padding:0;list-style:none;display:grid}.empty-product-principles li{border:1px solid var(--line);border-left:3px solid var(--ink);background:var(--color-white);border-radius:7px;gap:3px;min-width:0;padding:9px 11px;display:grid}.empty-product-principles li b{color:var(--ink);font-size:14px}.empty-product-principles li span{color:var(--muted);font-size:13px;line-height:1.55}.empty-product-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.empty-product-examples article{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:4px;min-width:0;padding:10px 12px;display:grid}.empty-product-examples article small{border-radius:99px;width:fit-content;padding:1px 6px;font-size:11px;font-weight:800}.empty-product-examples article b{color:var(--ink);font-size:14px}.empty-product-examples article p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.empty-product-examples article.is-good small{color:#2f7a4a;background:#e6f7ec}.empty-product-examples article.is-bad small{color:#a83a44;background:#fdf3f4}@media (max-width:600px){.empty-product-examples{grid-template-columns:minmax(0,1fr)}.empty-product-projects li{grid-template-columns:18px minmax(0,1fr);gap:6px 8px}.empty-product-projects li>small{grid-column:2}}@media (max-width:780px){.empty-product-card-preview .empty-product-card-empty{gap:3px 5px;padding:5px 6px}}@media (max-width:700px){.empty-product-demo .empty-product-demo-modes{grid-template-columns:1fr}}.term-card .term-preview.empty-product-card-preview{color:#1c3a2c;background:radial-gradient(circle at 18% 20%,#2f7a5a1f,#0000 30%),linear-gradient(165deg,#f3faf6 0%,#d7ebe1 100%);border-color:#b7d4c6;gap:8px;padding:10px;display:grid}.empty-product-card-workspace{background:#ffffffc7;border:1px dashed #8fb8a4;border-radius:12px;gap:6px;padding:8px;display:grid}.term-card .term-preview.empty-product-card-preview .empty-product-card-workspace small{color:#4a7a62;font-size:9px;font-weight:800}.empty-product-card-empty{justify-items:start;gap:4px;display:grid}.term-card .term-preview.empty-product-card-preview .empty-product-card-empty b{color:#1c3a2c;font-size:13px}.term-card .term-preview.empty-product-card-preview .empty-product-card-empty span{color:#3a5c4a;font-size:9px}.term-card .term-preview.empty-product-card-preview .empty-product-card-empty strong{color:#fff;background:#2f7a5a;border-radius:8px;padding:4px 8px;font-size:10px}.empty-product-card-conclusion{margin:0;font-weight:650;line-height:1.45;color:#1c3a2c!important;font-size:10px!important}.term-interactive-demo.empty-product-demo{--ep-ink:#1c3a2c;--ep-moss:#2f7a5a;--ep-fail:#b42318;background:#e7f3ec;border-color:#b7d4c6;gap:12px;padding:12px}.empty-product-demo .empty-product-demo-workspace{background:radial-gradient(circle at 86% 12%,#2f7a5a1f,#0000 28%),linear-gradient(#fff 0%,#eef7f2 100%);border:1px dashed #8fb8a4;border-radius:16px;gap:12px;padding:16px;display:grid;box-shadow:0 16px 36px #1c3a2c14}.empty-product-demo .empty-product-demo-workspace header{justify-content:space-between;display:flex}.empty-product-demo .empty-product-demo-workspace header b{color:var(--ep-ink);font-size:16px}.empty-product-demo .empty-product-demo-workspace header span{color:#2f7a5a;font-size:12px;font-weight:750}.empty-product-demo .empty-product-demo-filters{color:#1c3a2c;background:#e7f3ec;border-radius:8px;margin:0;padding:6px 8px;font-size:12px}.empty-product-demo .empty-product-demo-filters.is-clear{color:#1d5a40;background:#d8f3e4}.empty-product-demo .empty-product-demo-empty,.empty-product-demo .empty-product-demo-fail{border-radius:12px;gap:6px;padding:16px;display:grid}.empty-product-demo .empty-product-demo-empty{color:var(--ep-ink);background:#f7fbf8;border:1px dashed #8fb8a4}.empty-product-demo .empty-product-demo-fail{color:#7a2218;background:#fde8e6}.empty-product-demo .empty-product-demo-empty p,.empty-product-demo .empty-product-demo-fail p{margin:0;font-size:13px;line-height:1.5}.empty-product-demo .empty-product-demo-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.empty-product-demo .empty-product-demo-list li{background:#fff;border-radius:10px;justify-content:space-between;padding:10px 12px;display:flex;box-shadow:0 6px 12px #1c3a2c0f}.term-interactive-demo.empty-product-demo .empty-product-demo-primary{background:var(--ep-moss);color:#fff;border:0;font-weight:850}.term-interactive-demo.empty-product-demo .empty-product-demo-primary:hover{color:#fff;background:#215738;border:0}.term-interactive-demo.empty-product-demo .empty-product-demo-recover{background:var(--ep-fail);color:#fff;border:0}.empty-product-demo .empty-product-demo-result{color:#1d5a40;margin:0;font-weight:750}.empty-product-demo .empty-product-demo-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.term-interactive-demo.empty-product-demo .empty-product-demo-modes button{color:#1c3a2c;background:#fff;border-color:#b7d4c6}.term-interactive-demo.empty-product-demo .empty-product-demo-modes button:hover{color:#1c3a2c;background:#e7f3ec;border-color:#2f7a5a}.term-interactive-demo.empty-product-demo .empty-product-demo-modes button[aria-pressed=true],.term-interactive-demo.empty-product-demo .empty-product-demo-modes button[aria-pressed=true]:hover{color:#fff;background:#2f7a5a;border-color:#2f7a5a}.term-interactive-demo.empty-product-demo button:focus-visible{outline-offset:2px;outline:3px solid #2f7a5a59}.empty-product-demo .empty-product-demo-note,.empty-product-demo [role=status]{border-left:3px solid var(--ep-moss);color:#1c3a2c;background:#e7f3ec;border-radius:0 8px 8px 0;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.empty-product-examples article.is-good{border-left:3px solid #2f7a5a}.empty-product-examples article.is-bad{border-left:3px solid #b42318}
.term-card .term-preview.a-b-test-card-preview{color:var(--ink);background:#f4f6f9;border-color:#d6dde6}.a-b-test-card-preview .a-b-test-card-setup{border-left:3px solid var(--ink);background:var(--color-white);border-radius:4px;justify-content:space-between;align-items:center;gap:6px;min-width:0;padding:4px 7px;display:flex}.a-b-test-card-preview .a-b-test-card-setup small{color:var(--muted);font-size:7px;font-weight:800}.a-b-test-card-preview .a-b-test-card-setup strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.a-b-test-card-preview .a-b-test-card-split{min-width:0;color:var(--muted);justify-content:space-between;align-items:center;gap:4px;font-size:7px;display:flex}.a-b-test-card-preview .a-b-test-card-split i{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:7px;font-style:normal;font-weight:800}.a-b-test-card-preview .a-b-test-card-comparison{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;min-width:0;display:grid}.a-b-test-card-preview .a-b-test-card-variant{background:var(--color-white);border:1px solid #d6dde6;border-radius:6px;gap:3px;min-width:0;padding:6px;display:grid}.a-b-test-card-preview .a-b-test-card-variant.is-winner{background:#e6f7ec;border-color:#2f7a4a}.a-b-test-card-preview .a-b-test-card-variant.is-loser{background:#fdf3f4;border-color:#a83a44}.a-b-test-card-preview .a-b-test-card-variant header{align-items:center;gap:4px;min-width:0;display:flex}.a-b-test-card-preview .a-b-test-card-variant header b{width:16px;height:16px;color:var(--color-white);background:var(--ink);border-radius:4px;place-items:center;font-size:9px;display:grid}.a-b-test-card-preview .a-b-test-card-variant header span{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:800;overflow:hidden}.a-b-test-card-preview .a-b-test-card-metric{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px;display:grid}.a-b-test-card-preview .a-b-test-card-metric small{color:var(--muted);font-size:7px;font-weight:800}.a-b-test-card-preview .a-b-test-card-metric strong{color:var(--ink);font-size:11px}.a-b-test-card-preview .a-b-test-card-variant.is-winner .a-b-test-card-metric strong{color:#1f6a3a}.a-b-test-card-preview .a-b-test-card-variant.is-loser .a-b-test-card-metric strong{color:#a83a44}.a-b-test-card-preview .a-b-test-card-metric i{background:var(--color-bebe);border-radius:99px;min-width:0;height:5px;display:block;overflow:hidden}.a-b-test-card-preview .a-b-test-card-metric i em{background:var(--ink);border-radius:99px;height:100%;font-style:normal;display:block}.a-b-test-card-preview .a-b-test-card-variant.is-winner .a-b-test-card-metric i em{background:#2f7a4a}.a-b-test-card-preview .a-b-test-card-variant.is-loser .a-b-test-card-metric i em{background:#a83a44}.a-b-test-card-preview .a-b-test-card-n{color:var(--muted);font-size:7px}.a-b-test-card-tag{border-radius:99px;justify-self:start;padding:1px 4px;font-size:7px;font-weight:800;line-height:1.4}.a-b-test-card-tag.is-pref{border:1px solid var(--ink);color:var(--ink);background:var(--color-white)}.a-b-test-card-tag.is-win{color:#1f6a3a;background:#e8f3ec;border:1px solid #2f7a4a}.a-b-test-card-tag.is-lose{color:#a83a44;background:#fbeaee;border:1px solid #a83a44}.a-b-test-card-preview .a-b-test-card-decision{background:var(--color-white);color:var(--ink);border:1px solid #d6dde6;border-radius:4px;padding:5px 7px;font-size:8px;line-height:1.4}.term-interactive-demo.a-b-test-interaction-demo{color:var(--ink);background:#eef1f5;border:1px solid #cdd5de;border-radius:10px;gap:12px;padding:14px}.a-b-test-interaction-demo .a-b-test-bench-header{color:#e5e7eb;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.04em;background:#1f2937;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:11px;font-weight:800;display:flex}.a-b-test-interaction-demo .a-b-test-bench-header small{color:#9aa4b2;font-size:10px;font-weight:700}.a-b-test-interaction-demo .a-b-test-bench-setup{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.a-b-test-interaction-demo .a-b-test-bench-setup>div{background:var(--color-white);border:1px solid #cdd5de;border-radius:6px;gap:2px;min-width:0;padding:7px 9px;display:grid}.a-b-test-interaction-demo .a-b-test-bench-setup small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:800}.a-b-test-interaction-demo .a-b-test-bench-setup strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.a-b-test-interaction-demo .a-b-test-bench-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.a-b-test-interaction-demo .a-b-test-variant{background:var(--color-white);border:1px solid #cdd5de;border-radius:8px;align-content:start;gap:6px;min-width:0;padding:11px;transition:background-color .12s,border-color .12s;display:grid}.a-b-test-interaction-demo .a-b-test-variant.is-collecting{border-style:dashed;border-color:var(--muted)}.a-b-test-interaction-demo .a-b-test-variant.is-winner{background:#e6f7ec;border-color:#2f7a4a}.a-b-test-interaction-demo .a-b-test-variant.is-loser{background:#fdf3f4;border-color:#a83a44}.a-b-test-interaction-demo .a-b-test-variant header{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.a-b-test-interaction-demo .a-b-test-variant header b{width:22px;height:22px;color:var(--color-white);background:var(--ink);border-radius:5px;place-items:center;font-size:12px;display:grid}.a-b-test-interaction-demo .a-b-test-variant header span{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.a-b-test-interaction-demo .a-b-test-pref-chip{border:1px solid var(--ink);color:var(--ink);background:var(--color-white);border-radius:99px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:800}.a-b-test-interaction-demo .a-b-test-variant-metric{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;display:grid}.a-b-test-interaction-demo .a-b-test-variant-metric small{color:var(--muted);font-size:10px;font-weight:800}.a-b-test-interaction-demo .a-b-test-variant-metric strong{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:18px}.a-b-test-interaction-demo .a-b-test-variant.is-winner .a-b-test-variant-metric strong{color:#1f6a3a}.a-b-test-interaction-demo .a-b-test-variant.is-loser .a-b-test-variant-metric strong{color:#a83a44}.a-b-test-interaction-demo .a-b-test-variant-metric i{background:var(--color-bebe);border-radius:99px;min-width:0;height:7px;display:block;overflow:hidden}.a-b-test-interaction-demo .a-b-test-variant-metric i em{background:var(--ink);border-radius:99px;height:100%;font-style:normal;display:block}.a-b-test-interaction-demo .a-b-test-variant.is-winner .a-b-test-variant-metric i em{background:#2f7a4a}.a-b-test-interaction-demo .a-b-test-variant.is-loser .a-b-test-variant-metric i em{background:#a83a44}.a-b-test-interaction-demo .a-b-test-variant-n{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px}.a-b-test-interaction-demo .a-b-test-variant-tag-slot{min-height:22px}.a-b-test-tag{border-radius:99px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:800;line-height:1.5;display:inline-flex}.a-b-test-tag.is-pending{border:1px solid var(--muted);color:var(--ink);background:var(--color-white)}.a-b-test-tag.is-win{color:#1f6a3a;background:#e8f3ec;border:1px solid #2f7a4a}.a-b-test-tag.is-lose{color:#a83a44;background:#fbeaee;border:1px solid #a83a44}.a-b-test-interaction-demo .a-b-test-bench-sample{background:var(--color-white);border:1px solid #cdd5de;border-radius:6px;gap:6px;padding:9px 10px;display:grid}.a-b-test-interaction-demo .a-b-test-bench-sample span{color:var(--ink);font-size:12.5px}.a-b-test-interaction-demo .a-b-test-bench-sample span strong{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace}.a-b-test-interaction-demo .a-b-test-bench-sample input[type=range]{width:100%;accent-color:var(--ink)}.a-b-test-interaction-demo .a-b-test-bench-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.a-b-test-interaction-demo button{border:1px solid var(--line);background:var(--color-white);min-height:34px;color:var(--ink);font:inherit;border-radius:7px;padding:7px 12px;font-size:13px;font-weight:700}.a-b-test-interaction-demo button:hover{border-color:var(--ink);background:var(--color-white);color:var(--ink)}.a-b-test-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.a-b-test-interaction-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink)}.a-b-test-interaction-demo .a-b-test-primary{border-color:var(--color-rausch);background:var(--color-rausch);color:var(--color-white)}.a-b-test-interaction-demo .a-b-test-primary:hover{border-color:var(--color-rausch-600);background:var(--color-rausch-600);color:var(--color-white)}.a-b-test-interaction-demo .a-b-test-bench-status{border-left:3px solid var(--ink);background:var(--color-white);color:var(--ink);border-radius:5px;margin:0;padding:9px 11px;font-size:13px;line-height:1.6}@media (prefers-reduced-motion:reduce){.a-b-test-interaction-demo .a-b-test-variant{transition:none}}.a-b-test-knowledge-section .checklist li{gap:3px;display:grid}.a-b-test-knowledge-section .checklist li::marker{color:var(--muted)}.a-b-test-knowledge-section .checklist li strong{color:var(--ink)}.a-b-test-knowledge-section .checklist li span{color:var(--ink);font-size:13px;line-height:1.55}.a-b-test-when-how-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.a-b-test-when-how-grid article{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:5px;padding:12px;display:grid}.a-b-test-when-how-grid article small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.a-b-test-when-how-grid article p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.a-b-test-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.a-b-test-examples-grid article{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:5px;padding:12px;display:grid}.a-b-test-examples-grid article.is-good{background:#e6f7ec;border-color:#2f7a4a}.a-b-test-examples-grid article.is-bad{border-color:var(--line);background:var(--soft)}.a-b-test-examples-grid article small{letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.a-b-test-examples-grid article.is-good small{color:#1f6a3a}.a-b-test-examples-grid article.is-good small:before{content:"✓ ";font-weight:900}.a-b-test-examples-grid article.is-bad small{color:var(--muted)}.a-b-test-examples-grid article.is-bad small:before{content:"! ";font-weight:900}.a-b-test-examples-grid article strong{color:var(--ink);font-size:14px;line-height:1.4}.a-b-test-examples-grid article p{color:var(--ink);margin:0;font-size:12.5px;line-height:1.55}@media (max-width:780px){.a-b-test-card-preview .a-b-test-card-comparison{gap:3px}.a-b-test-card-preview .a-b-test-card-variant{padding-inline:5px}.a-b-test-interaction-demo .a-b-test-bench-setup{grid-template-columns:repeat(2,minmax(0,1fr))}.a-b-test-interaction-demo .a-b-test-bench-cards,.a-b-test-when-how-grid,.a-b-test-examples-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:700px){.a-b-test-demo .a-b-test-demo-modes,.a-b-test-demo .a-b-test-demo-pages{grid-template-columns:1fr}}.term-card .term-preview.a-b-test-card-preview{color:#2c241c;background:linear-gradient(90deg,#f6ebe3 0%,#e4f0e8 100%);border-color:#d8c4b4;gap:8px;padding:10px;display:grid}.a-b-test-card-pages{grid-template-columns:1fr 1fr;gap:6px;display:grid}.a-b-test-card-pages article{background:#fff8f3;border-radius:10px;gap:4px;padding:8px;display:grid}.a-b-test-card-pages article.is-win{background:#e6f6ec}.term-card .term-preview.a-b-test-card-preview .a-b-test-card-pages small{color:#6a5344;font-size:8px;font-weight:800}.term-card .term-preview.a-b-test-card-preview .a-b-test-card-pages b,.term-card .term-preview.a-b-test-card-preview .a-b-test-card-pages strong{color:#2c241c;font-size:12px}.term-card .term-preview.a-b-test-card-preview .a-b-test-card-pages span{color:#8a3d28;font-size:9px;font-weight:800}.a-b-test-card-pages article.is-win span{color:#1f6a3a}.a-b-test-card-conclusion{margin:0;font-weight:650;line-height:1.45;color:#2c241c!important;font-size:10px!important}.term-interactive-demo.a-b-test-demo{--ab-ink:#2c241c;--ab-clay:#c4784a;--ab-sage:#3d7a5a;background:#f3e8de;border-color:#d8c4b4;gap:12px;padding:12px}.a-b-test-demo .a-b-test-demo-pages{grid-template-columns:1fr 1fr;gap:10px;display:grid}.a-b-test-demo .a-b-test-demo-pages article{color:var(--ab-ink);background:#fff8f3;border-radius:14px;gap:8px;padding:14px;display:grid;box-shadow:0 12px 24px #50301814}.a-b-test-demo .a-b-test-demo-pages article.is-win{background:#e6f6ec;box-shadow:inset 0 0 0 2px #3d7a5a}.a-b-test-demo .a-b-test-demo-pages article.is-lose{background:#f8e8e0}.a-b-test-demo .a-b-test-demo-pages article.is-fail{background:#fde8e6;box-shadow:inset 0 0 0 2px #b42318}.a-b-test-demo .a-b-test-demo-pages small{color:#6a5344;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.a-b-test-demo .a-b-test-demo-pages h3{letter-spacing:-.03em;margin:0;font-size:18px}.term-interactive-demo.a-b-test-demo .a-b-test-demo-cta{background:var(--ab-clay);color:#fff;border:0;font-weight:850}.term-interactive-demo.a-b-test-demo .a-b-test-demo-cta.is-b{background:var(--ab-sage)}.a-b-test-demo .a-b-test-demo-pages p{color:#5c4d3c;margin:0;font-size:12px}.a-b-test-demo .a-b-test-demo-stamp{color:var(--ab-ink);background:#fff8f3;border-radius:10px;align-items:center;gap:8px;margin:10px 0 0;padding:8px 10px;font-weight:750;display:flex}.a-b-test-demo .a-b-test-demo-stamp.is-ready{color:#1f6a3a;background:#e6f6ec}.a-b-test-demo .a-b-test-demo-stamp.is-short,.a-b-test-demo .a-b-test-demo-stamp.is-hippo{color:#8a3d28;background:#fde8e6}.a-b-test-demo .a-b-test-demo-stamp i{color:#fff8f3;background:currentColor;border-radius:50%;place-items:center;width:18px;height:18px;font-style:normal;display:grid}.term-interactive-demo.a-b-test-demo .a-b-test-demo-primary{background:var(--ab-sage);color:#fff;border:0;font-weight:850}.term-interactive-demo.a-b-test-demo .a-b-test-demo-primary:hover{color:#fff;background:#2c5c44;border:0}.term-interactive-demo.a-b-test-demo .a-b-test-demo-recover{background:var(--ab-clay);color:#fff;border:0}.term-interactive-demo.a-b-test-demo .a-b-test-demo-recover:hover{color:#fff;background:#9a5a34;border:0}.a-b-test-demo .a-b-test-demo-result{color:#1f6a3a;margin:0;font-weight:750}.a-b-test-demo .a-b-test-demo-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.term-interactive-demo.a-b-test-demo .a-b-test-demo-modes button{color:#2c241c;background:#fff8f3;border-color:#d8c4b4}.term-interactive-demo.a-b-test-demo .a-b-test-demo-modes button:hover{color:#1f6a3a;background:#e6f6ec;border-color:#3d7a5a}.term-interactive-demo.a-b-test-demo .a-b-test-demo-modes button[aria-pressed=true],.term-interactive-demo.a-b-test-demo .a-b-test-demo-modes button[aria-pressed=true]:hover{color:#fff;background:#3d7a5a;border-color:#3d7a5a}.term-interactive-demo.a-b-test-demo button:focus-visible{outline-offset:2px;outline:3px solid #3d7a5a59}.a-b-test-demo .a-b-test-demo-note,.a-b-test-demo [role=status]{border-left:3px solid var(--ab-sage);color:#2c241c;background:#e6f0ea;border-radius:0 8px 8px 0;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.a-b-test-examples article.is-good{border-left:3px solid #3d7a5a}.a-b-test-examples article.is-bad{border-left:3px solid #c4784a}
.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}