html[data-design] .pill{text-decoration:none}
html[data-design] :focus-visible{outline:3px solid var(--accent);outline-offset:3px}

html[data-design="01"]{--bg:#f2eee5;--fg:#20201d;--panel:#fbf8f0;--muted:#68645b;--accent:#8b3d2d;--accent2:#d6a85f;--line:#cbc3b4;font-family:"Avenir Next","Helvetica Neue",sans-serif}
html[data-design="01"] h1,html[data-design="01"] h2,html[data-design="01"] .advisor-title{font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif;letter-spacing:-.045em}
html[data-design="01"] .shell{max-width:1240px}
html[data-design="01"] .final-intro{border-bottom:1px solid var(--line);padding-bottom:42px}
html[data-design="01"] .wizard{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}
html[data-design="01"] .wizard .panel{border:0;border-radius:0;background:var(--panel);padding:34px}
html[data-design="01"] .wizard .recommendation{grid-column:1/-1;background:#3d2922}
html[data-design="01"] .side{border-radius:0;background:#2a2925}
html[data-design="01"] .verdicts .card,html[data-design="01"] .result-panel{border-radius:0}

html[data-design="02"]{--bg:#f6f7f9;--fg:#111418;--panel:#fff;--muted:#65707c;--accent:#087f5b;--accent2:#b9ef48;--line:#d9dee4;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html[data-design="02"] .shell{max-width:1180px}
html[data-design="02"] .final-intro{margin:52px 0;text-align:center;grid-template-columns:1fr}
html[data-design="02"] .final-intro .lede{justify-self:center}
html[data-design="02"] .wizard{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:24px}
html[data-design="02"] .wizard .panel{padding:34px;border-radius:14px;box-shadow:0 8px 28px #18212b0b}
html[data-design="02"] .wizard .panel>h2{margin-bottom:18px}
html[data-design="02"] .wizard .panel>.muted{margin-bottom:28px;line-height:1.5}
html[data-design="02"] .wizard .controls{gap:18px 22px}
html[data-design="02"] .wizard .model-row{margin:14px 0}
html[data-design="02"] .wizard .model-actions,html[data-design="02"] .wizard .hardware-actions{margin-top:20px}
html[data-design="02"] .wizard .hardware-row{padding:24px}
html[data-design="02"] .wizard .hardware-row-head{padding-bottom:16px;border-bottom:1px solid var(--line)}
html[data-design="02"] .wizard .price-line{padding:16px 0}
html[data-design="02"] .wizard .step:nth-child(3){grid-column:1/-1}
html[data-design="02"] .wizard .step:nth-child(4){grid-column:1/-1}
html[data-design="02"] .wizard .recommendation{grid-column:1/-1;background:#0d3028}
html[data-design="02"] .advisor-title{letter-spacing:-.065em}
html[data-design="02"] .versus{grid-template-columns:1fr 120px 1fr}
html[data-design="02"] .side{border-radius:14px;background:#111820}
html[data-design="02"] .card,html[data-design="02"] .result-panel{border-radius:14px}

html[data-design="03"]{--bg:#fff7ed;--fg:#2d2632;--panel:#fffdf9;--muted:#6f626d;--accent:#7c3aed;--accent2:#fb7185;--line:#ead9df;font-family:"Trebuchet MS","Avenir Next",sans-serif}
html[data-design="03"] body{background:radial-gradient(circle at 10% 0,#f3e8ff 0,transparent 32%),radial-gradient(circle at 100% 30%,#ffe4e6 0,transparent 28%),var(--bg)}
html[data-design="03"] .shell{max-width:1260px}
html[data-design="03"] .wizard{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
html[data-design="03"] .wizard .panel{border-radius:32px;padding:30px;box-shadow:0 18px 50px #6d355815}
html[data-design="03"] .wizard .recommendation{order:-1;grid-column:1/-1;background:linear-gradient(135deg,#452477,#7c3aed);border:0}
html[data-design="03"] .advisor-title{color:#fff3a8}
html[data-design="03"] .side{border-radius:32px;background:#352c3a}
html[data-design="03"] .verdicts .card,html[data-design="03"] .result-panel{border-radius:28px}
html[data-design="03"] select,html[data-design="03"] input[type=number]{border-radius:16px}

html[data-design="04"]{--bg:#101411;--fg:#f0f6ee;--panel:#19201b;--muted:#a2afa5;--accent:#b8f34b;--accent2:#e9ffba;--line:#344038;font-family:"Helvetica Neue",Arial,sans-serif}
html[data-design="04"] body{background:linear-gradient(120deg,#101411,#172019)}
html[data-design="04"] .shell{max-width:1320px}
html[data-design="04"] .final-intro h1{font-size:clamp(56px,9vw,126px)}
html[data-design="04"] .wizard{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
html[data-design="04"] .wizard .recommendation{order:-1;grid-column:1/-1;min-height:360px;display:grid;align-content:center;background:#b8f34b;color:#11160f}
html[data-design="04"] .recommendation .eyebrow,html[data-design="04"] .recommendation .lede,html[data-design="04"] .recommendation .small,html[data-design="04"] .recommendation .muted,html[data-design="04"] .recommendation .source-note{color:#344020}
html[data-design="04"] .recommendation.step:before{color:#344020;border-color:currentColor}
html[data-design="04"] .advisor-title{color:#11160f;font-size:clamp(82px,13vw,180px)}
html[data-design="04"] .side{background:#202923;border:1px solid var(--line)}
html[data-design="04"] select,html[data-design="04"] input[type=number]{background:#101411;color:#f0f6ee}

html[data-design="05"]{--bg:#ece9df;--fg:#191b1a;--panel:#f7f5ed;--muted:#626761;--accent:#164e63;--accent2:#ca8a04;--line:#a9aca4;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}
html[data-design="05"] h1,html[data-design="05"] h2{letter-spacing:-.04em}
html[data-design="05"] .shell{max-width:1360px}
html[data-design="05"] .topbar,html[data-design="05"] .final-intro{border-bottom:2px solid var(--fg);padding-bottom:22px}
html[data-design="05"] .wizard{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-width:none;border:2px solid var(--fg)}
html[data-design="05"] .wizard .panel{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}
html[data-design="05"] .recommendation{grid-column:1/-1;background:#164e63}
html[data-design="05"] .advisor-title{color:#facc15;font-family:inherit;letter-spacing:-.08em}
html[data-design="05"] .side,html[data-design="05"] .card,html[data-design="05"] .result-panel{border-radius:0;box-shadow:none}
html[data-design="05"] .side{background:#202322}
html[data-design="05"] th,html[data-design="05"] td{border-color:#8d918b}

html[data-design="06"]{--bg:#eaf0eb;--fg:#16251e;--panel:#f8fbf8;--muted:#5d7066;--accent:#166534;--accent2:#84cc16;--line:#c5d2c9;font-family:"Optima","Avenir Next",sans-serif}
html[data-design="06"] .shell{max-width:1500px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);gap:24px}
html[data-design="06"] .topbar,html[data-design="06"] .final-intro,html[data-design="06"] .footer{grid-column:1/-1}
html[data-design="06"] .wizard{grid-column:1;grid-row:3/6;max-width:none}
html[data-design="06"] .versus{grid-column:2;grid-row:3;margin:0;grid-template-columns:1fr}
html[data-design="06"] .verdicts{grid-column:2;grid-row:4;grid-template-columns:1fr;margin:0}
html[data-design="06"] .result-panel{grid-column:2;grid-row:5;margin:0}
html[data-design="06"] .wizard .panel,html[data-design="06"] .card,html[data-design="06"] .result-panel{border-radius:6px;box-shadow:none}
html[data-design="06"] .recommendation{order:-1;background:#204a35}
html[data-design="06"] .side{border-radius:6px;background:#173325}
html[data-design="06"] .vs{padding:6px}

html[data-design="07"]{--bg:#fff;--fg:#000;--panel:#fff;--muted:#303030;--accent:#005fcc;--accent2:#ffdf00;--line:#111;font-family:Verdana,Geneva,sans-serif;font-size:18px}
html[data-design="07"] .shell{max-width:1080px}
html[data-design="07"] .tag,html[data-design="07"] .eyebrow{letter-spacing:.04em;font-weight:700}
html[data-design="07"] h1{font-size:clamp(48px,8vw,92px);letter-spacing:-.04em}
html[data-design="07"] h2{font-size:26px;letter-spacing:-.02em}
html[data-design="07"] .final-intro,html[data-design="07"] .wizard{grid-template-columns:1fr}
html[data-design="07"] .wizard .panel,html[data-design="07"] .card,html[data-design="07"] .result-panel{border:2px solid #111;border-radius:0;box-shadow:none;padding:30px}
html[data-design="07"] .recommendation{background:#002b5c;border-color:#002b5c}
html[data-design="07"] .advisor-title{color:#ffdf00;letter-spacing:-.05em}
html[data-design="07"] .versus{grid-template-columns:1fr}
html[data-design="07"] .side{border-radius:0;background:#000}
html[data-design="07"] select,html[data-design="07"] input[type=number]{min-height:52px;border:2px solid #111;border-radius:0;font-size:18px}
html[data-design="07"] .control label,html[data-design="07"] .small,html[data-design="07"] .source-note{font-size:14px}

html[data-design="08"]{--bg:#f4f0e6;--fg:#121212;--panel:#f4f0e6;--muted:#57534e;--accent:#b42318;--accent2:#f2c94c;--line:#161616;font-family:Arial,"Helvetica Neue",sans-serif}
html[data-design="08"] .shell{max-width:1320px}
html[data-design="08"] .topbar{border-top:8px solid #111;border-bottom:2px solid #111;padding:14px 0}
html[data-design="08"] .final-intro{grid-template-columns:1.4fr .6fr;border-bottom:8px solid #111;padding-bottom:34px}
html[data-design="08"] h1,html[data-design="08"] .advisor-title{font-family:Georgia,"Times New Roman",serif}
html[data-design="08"] .wizard{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-width:none}
html[data-design="08"] .wizard .panel{border:0;border-bottom:2px solid #111;border-radius:0;padding:28px 18px;box-shadow:none}
html[data-design="08"] .wizard .panel:nth-child(odd){border-right:2px solid #111}
html[data-design="08"] .recommendation{background:#b42318;grid-column:1/-1;border-right:0!important}
html[data-design="08"] .advisor-title{color:#fff1b8}
html[data-design="08"] .side,html[data-design="08"] .card,html[data-design="08"] .result-panel{border-radius:0;box-shadow:none;border:2px solid #111}
html[data-design="08"] .side{background:#111}

html[data-design="09"]{--bg:#e8f0ec;--fg:#153128;--panel:#f7faf8;--muted:#5b6f66;--accent:#29735d;--accent2:#acd7c5;--line:#c5d4cd;font-family:"Avenir Next","Segoe UI",sans-serif}
html[data-design="09"] body{background:linear-gradient(#e8f0ec,#f5f1e8)}
html[data-design="09"] .shell{max-width:1160px;padding-top:42px}
html[data-design="09"] .final-intro{margin:90px 0;text-align:center;grid-template-columns:1fr}
html[data-design="09"] .final-intro .lede{justify-self:center;font-size:20px;line-height:1.7}
html[data-design="09"] .wizard{gap:32px;max-width:920px}
html[data-design="09"] .wizard .panel,html[data-design="09"] .card,html[data-design="09"] .result-panel{border:0;border-radius:24px;padding:34px;box-shadow:0 12px 45px #264e3d12}
html[data-design="09"] .recommendation{order:-1;background:#285848}
html[data-design="09"] .advisor-title{color:#d7efac}
html[data-design="09"] .side{border-radius:24px;background:#24483c}

html[data-design="10"]{--bg:#081019;--fg:#e7f0f8;--panel:#0e1924;--muted:#8ca0b2;--accent:#4fd1c5;--accent2:#f6c85f;--line:#263849;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}
html[data-design="10"] .shell{max-width:1500px;padding:18px}
html[data-design="10"] .topbar{margin-bottom:12px}
html[data-design="10"] .final-intro{margin:26px 0;grid-template-columns:1fr 1fr}
html[data-design="10"] .final-intro h1{font-size:clamp(46px,6vw,82px)}
html[data-design="10"] .wizard{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:none}
html[data-design="10"] .wizard .panel{border-radius:4px;padding:16px;box-shadow:none}
html[data-design="10"] .wizard .step{padding-left:42px}
html[data-design="10"] .wizard .controls{grid-template-columns:1fr}
html[data-design="10"] .recommendation{order:-1;grid-column:1/-1;background:#102f32}
html[data-design="10"] .advisor-title{font-size:clamp(42px,5vw,74px);color:#f6c85f}
html[data-design="10"] .versus{grid-template-columns:1fr 100px 1fr;margin:12px 0;gap:10px}
html[data-design="10"] .side,html[data-design="10"] .card,html[data-design="10"] .result-panel{border-radius:4px;box-shadow:none}
html[data-design="10"] .side{padding:16px;background:#0b151f}
html[data-design="10"] .verdicts{gap:10px;margin-bottom:10px}
html[data-design="10"] .result-panel{padding:16px}
html[data-design="10"] select,html[data-design="10"] input[type=number]{border-radius:3px;padding:9px;background:#081019;color:#e7f0f8}

@media(max-width:1100px){
 html[data-design="02"] .wizard{grid-template-columns:1fr}
 html[data-design="03"] .wizard,html[data-design="08"] .wizard{grid-template-columns:1fr 1fr}
 html[data-design="04"] .wizard,html[data-design="10"] .wizard{grid-template-columns:1fr 1fr}
 html[data-design="04"] .wizard .recommendation{grid-column:1/-1}
 html[data-design="06"] .shell{display:block}
 html[data-design="06"] .versus,html[data-design="06"] .verdicts,html[data-design="06"] .result-panel{margin-top:22px}
}
@media(max-width:760px){
 html[data-design] .wizard,html[data-design="01"] .wizard,html[data-design="02"] .wizard,html[data-design="03"] .wizard,html[data-design="04"] .wizard,html[data-design="05"] .wizard,html[data-design="08"] .wizard,html[data-design="10"] .wizard{grid-template-columns:1fr}
 html[data-design] .versus{grid-template-columns:1fr}
 html[data-design] .wizard .recommendation{grid-column:1}
 html[data-design="01"] .wizard,html[data-design="05"] .wizard{gap:1px}
 html[data-design="07"] .controls{grid-template-columns:1fr}
 html[data-design="08"] .wizard .panel:nth-child(odd){border-right:0}
 html[data-design="10"] .final-intro{grid-template-columns:1fr}
}