:root{--primary:#0b63b6;--primary-dark:#0a4a8a;--teal:#0f766e;--teal-bg:#ccfbf1;--text:#111827;--muted:#4b5563;--bg:#fff;--alt:#f3f4f6;--border:#d1d5db;
--good:#166534;--good-bg:#dcfce7;--warn:#854d0e;--warn-bg:#fef9c3;--bad:#991b1b;--bad-bg:#fee2e2;--info:#1e40af;--info-bg:#dbeafe;--radius:10px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--hdr-pad,84px)}
@media (max-width:719px){html{scroll-padding-top:var(--hdr-pad,124px)}}
@media (max-width:469px){html{scroll-padding-top:var(--hdr-pad,164px)}}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:17px;line-height:1.55;color:var(--text);background:var(--bg)}
a{color:var(--primary)}
:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:8px 12px;z-index:100}
.skip:focus{left:8px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hidden{display:none!important}
.container{max-width:1080px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
.center{text-align:center}.muted{color:var(--muted)}.small{font-size:.9rem}
h1{font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.2;margin:.4em 0}
h2{font-size:1.6rem;line-height:1.25}
/* header */
.site-header{border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--text);text-decoration:none;font-size:1.1rem}
.logo-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--primary);color:#fff}
nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
nav a{color:var(--text);text-decoration:none}nav a:hover{text-decoration:underline}
/* buttons */
.btn{display:inline-block;font:inherit;font-weight:600;border-radius:8px;border:2px solid var(--primary);background:var(--primary);color:#fff;padding:11px 20px;cursor:pointer;text-decoration:none;text-align:center}
.btn:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.btn-ghost{background:#fff;color:var(--primary)}.btn-ghost:hover{background:var(--info-bg);color:var(--primary-dark)}
.btn-small{padding:6px 14px;font-size:.95rem}.btn-block{display:block;width:100%}
.link-btn{background:none;border:0;color:var(--primary);font:inherit;text-decoration:underline;cursor:pointer;padding:4px}
/* landing */
.hero{background:linear-gradient(135deg,#e0f2fe 0%,#ccfbf1 45%,#ede9fe 100%);padding:48px 0 36px}
.pill{display:inline-block;background:var(--info-bg);color:var(--info);padding:4px 12px;border-radius:999px;font-size:.9rem;font-weight:600;margin:0}
.lead{font-size:1.1rem;color:var(--muted)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.disclaimer{background:#fff;border:1px solid var(--border);border-left:4px solid var(--primary);padding:12px 14px;border-radius:6px;font-size:.95rem}
.section{padding:44px 0}.section-alt{background:var(--alt)}
.section-title{text-align:center;margin:0 0 6px}.section-sub{text-align:center;color:var(--muted);margin:0 0 24px}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.step{border:1px solid var(--border);border-radius:var(--radius);padding:16px}.step h3{margin:0 0 6px;font-size:1.1rem}.step p{margin:0;color:var(--muted)}
.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.demo-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;font:inherit;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:14px;cursor:pointer;color:var(--text)}
.demo-card:hover{border-color:var(--primary);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.demo-tag,.test-badge{font-size:.72rem;font-weight:700;letter-spacing:.05em;background:#fde68a;color:#78350f;padding:2px 8px;border-radius:4px}
.demo-name{font-weight:600}.demo-go{color:var(--primary);font-size:.9rem}
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.price-card{border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:6px;background:#fff}
.price-card.featured{border:2px solid var(--primary)}
.price-card h3{margin:6px 0 0}.price-amount{font-size:1.6rem;font-weight:700;margin:0}.price-card p{margin:0}.price-card .btn{margin-top:auto}
/* interview */
#interview,#confirm,#report{padding:28px 0 48px}
.progress{height:8px;background:var(--alt);border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#0b63b6,#0d9488,#16a34a);width:0;transition:width .25s}
.help{background:var(--info-bg);border-radius:8px;padding:10px 14px;margin:12px 0}.help summary{cursor:pointer;font-weight:600;color:var(--info)}
.field{border:0;margin:18px 0;padding:0}
.field legend,.field>label{font-weight:600;margin-bottom:8px;display:block;padding:0}
.hint{color:var(--muted);font-size:.92rem;margin:-4px 0 8px}
.opts{display:grid;gap:8px}.opts.inline{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
.opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:8px;padding:10px 12px;cursor:pointer;background:#fff}
.opt:hover{border-color:var(--primary)}.opt input{margin-top:4px;width:18px;height:18px;flex:none;accent-color:var(--primary)}
.opt:has(input:checked){border-color:var(--primary);background:#eff6ff}
.opt.warn span::before{content:"⚠ ";color:var(--bad)}
.opt.idk{border-style:dashed}
input[type=text],select,textarea{width:100%;font:inherit;padding:10px 12px;border:1px solid #9ca3af;border-radius:8px}
.error{color:var(--bad);font-weight:600;min-height:1.2em}
.q-nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px;flex-wrap:wrap}
.demo-banner{background:#fde68a;color:#78350f;font-weight:700;padding:8px 12px;border-radius:6px;margin-bottom:12px;text-align:center}
/* confirm */
.c-group{border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin:12px 0}
.c-head{display:flex;justify-content:space-between;align-items:center}.c-head h3{margin:0;font-size:1.05rem}
.c-group dl{display:grid;grid-template-columns:minmax(140px,1fr) 1.3fr;gap:6px 12px;margin:8px 0 0}
.c-group dt{color:var(--muted)}.c-group dd{margin:0}
.unknown-tag{background:var(--alt);border:1px dashed #9ca3af;padding:1px 8px;border-radius:4px;font-size:.9rem}
.callout{background:var(--alt);border-radius:8px;padding:12px 16px;margin:12px 0}.callout.warn{background:var(--warn-bg);color:#422006}
/* report */
.r-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.r-top h2{margin:0}
.r-actions{display:flex;gap:8px;flex-wrap:wrap}
.decision{border-radius:var(--radius);padding:18px 20px;margin:16px 0;border-left:6px solid}
.decision h3{margin:2px 0 8px;font-size:1.4rem}.decision p{margin:0}.eyebrow{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.decision.urgent{background:var(--bad-bg);border-color:var(--bad)}.decision.warn{background:var(--warn-bg);border-color:#ca8a04}
.decision.info{background:var(--info-bg);border-color:var(--info)}.decision.good{background:var(--good-bg);border-color:var(--good)}
.urgent-box{background:var(--bad-bg);border:2px solid var(--bad);border-radius:var(--radius);padding:4px 18px 10px}
.r-sec{margin:26px 0}.r-sec h3{font-size:1.25rem;border-bottom:1px solid var(--border);padding-bottom:4px}
.ratings{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.rating{border:1px solid var(--border);border-radius:var(--radius);padding:12px}.rating h4{margin:0 0 6px}.rating ul{margin:8px 0 0;padding-left:18px;font-size:.92rem}
.badge{display:inline-block;font-weight:700;font-size:.85rem;padding:2px 10px;border-radius:999px;margin:0}
.badge.good{background:var(--good-bg);color:var(--good)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.bad{background:var(--bad-bg);color:var(--bad)}
.badge.info{background:var(--info-bg);color:var(--info)}.badge.muted{background:var(--alt);color:var(--muted)}
.option{border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin:12px 0}
.option.recommended{border:2px solid var(--good)}.option.not_now{background:#fafafa}
.opt-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.opt-head h4{margin:0;font-size:1.08rem}
.opt-dl{display:grid;grid-template-columns:150px 1fr;gap:6px 12px;margin:10px 0 0;font-size:.95rem}.opt-dl dt{font-weight:600;color:var(--muted)}.opt-dl dd{margin:0}.opt-dl ul{margin:0;padding-left:18px}
.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{border:1px solid var(--border);padding:8px;text-align:left;vertical-align:top}th{background:var(--alt)}
.sources li{margin-bottom:6px}
.next{background:var(--info-bg);border-radius:var(--radius);padding:4px 18px 8px}
.site-footer{border-top:1px solid var(--border);background:var(--alt);padding:20px 0;font-size:.9rem;color:var(--muted)}

/* ===== Round 2: colour system ===== */
.c-upgrade{--c:#1d4ed8;--cb:#dbeafe}.c-keep{--c:#15803d;--cb:#dcfce7}.c-keep2{--c:#047857;--cb:#d1fae5}.c-software{--c:#7e22ce;--cb:#f3e8ff}
.c-teal{--c:#0f766e;--cb:#ccfbf1}.c-tech{--c:#c2410c;--cb:#ffedd5}.c-urgent{--c:#b91c1c;--cb:#fee2e2}
.logo-icon{background:linear-gradient(135deg,#0b63b6,#0d9488)}
.pill{background:#fff;color:var(--teal);border:1px solid #99f6e4}
.btn-urgent{background:#b91c1c;border-color:#b91c1c}.btn-urgent:hover{background:#7f1d1d;border-color:#7f1d1d}
.hero-q{font-weight:700;margin:18px 0 8px;color:#0a4a8a}
.step{border-top:5px solid var(--primary);background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.05)}.step.s2{border-top-color:#0d9488}.step.s3{border-top-color:#16a34a}
.step-icon{font-size:1.6rem}
.chips{display:flex;flex-wrap:wrap;gap:4px}
.chip{display:inline-block;font-size:.8rem;font-weight:600;background:var(--cb,#e5e7eb);color:var(--c,#374151);border:1px solid var(--c,#9ca3af);border-radius:999px;padding:1px 9px;white-space:nowrap}
/* goal picker */
.goal-card input{position:absolute;opacity:0;width:1px;height:1px}
.goal-card:has(input:focus-visible){outline:3px solid #f59e0b;outline-offset:2px}
/* stepper */
.stepper{display:flex;gap:6px;list-style:none;padding:0;margin:10px 0 2px;flex-wrap:wrap}
.stepper li{width:22px;height:8px;border-radius:999px;background:#e5e7eb}.stepper li.done{background:#0d9488}.stepper li.now{background:#0b63b6;width:36px}
/* options & chips */
.opt{transition:border-color .1s}.opt-icon{font-size:1.15rem;line-height:1.3}
.opt:has(input:checked){border-color:var(--primary);background:#e0f2fe;box-shadow:0 0 0 1px var(--primary) inset}
.chips-opts{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.chips-opts .opt:has(input:checked){background:#ccfbf1;border-color:#0f766e;box-shadow:0 0 0 1px #0f766e inset}
.chips-opts .opt:has(input:checked) span:last-child{font-weight:600}
.callout.info{background:var(--info-bg);color:#0c2d6b}
.env-box{background:linear-gradient(135deg,#f0f9ff,#f0fdfa);border:1px solid #bae6fd;border-radius:10px;padding:10px 14px;margin:12px 0}
.env-title{margin:0 0 6px;font-weight:700;color:#0a4a8a}
.env-dl{display:grid;grid-template-columns:150px 1fr;gap:2px 12px;margin:0 0 6px}.env-dl dt{color:var(--muted)}.env-dl dd{margin:0}
.env-hint{margin-top:-7px}
/* guided checks */
.os-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.os-tab{font:inherit;font-weight:600;border:2px solid #bae6fd;background:#fff;color:#0a4a8a;border-radius:999px;padding:6px 14px;cursor:pointer}
.os-tab.on{background:#0b63b6;border-color:#0b63b6;color:#fff}
.check-card{border:1px solid #bae6fd;border-left:6px solid #0d9488;border-radius:12px;padding:10px 14px;margin:14px 0;background:#fff}
.check-card.skipped{background:#f9fafb;border-left-color:#9ca3af}.check-card.skipped h3{color:var(--muted)}
.check-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.check-head h3{margin:4px 0;font-size:1.05rem}
.time-chip{font-size:.75rem;font-weight:600;background:#ccfbf1;color:#0f766e;border-radius:999px;padding:1px 8px;vertical-align:middle}
.check-body{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;align-items:start}
.check-steps{padding-left:20px;margin:6px 0}.check-steps li{margin-bottom:6px}
kbd{font-family:inherit;font-size:.85em;border:1px solid #9ca3af;border-bottom-width:3px;border-radius:5px;padding:0 6px;background:#f9fafb;white-space:nowrap}
.mock-win{margin:6px 0;border:1px solid #94a3b8;border-radius:8px;overflow:hidden;background:#fff;font-size:.85rem;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.mock-bar{background:#e2e8f0;padding:5px 8px;display:flex;align-items:center;gap:5px}.mock-bar span{width:9px;height:9px;border-radius:50%;background:#94a3b8}.mock-bar b{margin-left:6px;font-size:.8rem}
.mock-win table{font-size:.85rem}.mock-win td{border:0;border-bottom:1px solid #f1f5f9;padding:4px 8px}.mock-win td:last-child{font-weight:700;color:#0a4a8a}
.mock-win figcaption{font-size:.72rem;font-weight:700;color:#854d0e;background:#fef9c3;padding:2px 8px}
.check-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 14px}
.field.mini{margin:8px 0}.field.mini legend,.field.mini>label{font-size:.92rem}
.unit-wrap{display:flex;align-items:center;gap:6px}.unit{font-size:.85rem;color:var(--muted);white-space:nowrap}
#wear-out{grid-column:1/-1}.wear{margin:6px 0}
/* confirm & evidence tags */
.src-tag{display:inline-block;font-size:.75rem;font-weight:700;border-radius:999px;padding:1px 8px;white-space:nowrap;vertical-align:middle}
.src-tag.chk{background:#dcfce7;color:#14532d;border:1px solid #16a34a}.src-tag.told{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}
.chk-group{border-color:#86efac;background:#f0fdf4}
/* report */
.goal-chips{margin:8px 0}
.decision.software{background:#f3e8ff;border-color:#7e22ce}
.r-sec h3{border-bottom:3px solid #e0f2fe}
.rating{border-top:5px solid #9ca3af}.rating.t-good{border-top-color:#16a34a}.rating.t-warn{border-top-color:#ca8a04}.rating.t-bad{border-top-color:#dc2626}
.plan-sec{background:linear-gradient(135deg,#eff6ff,#f0fdfa);border:1px solid #bfdbfe;border-radius:14px;padding:4px 18px 14px}
.plan-sec h3{border-bottom-color:#bfdbfe}
.plan-intro{font-weight:600}
.plan-list{list-style:none;padding:0;margin:0}
.plan-item{background:#fff;border:1px solid #bfdbfe;border-left:6px solid #1d4ed8;border-radius:12px;padding:12px 14px;margin:12px 0}
.plan-item.p-free{border-left-color:#16a34a}.plan-item.p-battery{border-left-color:#c2410c}.plan-item.p-gpu{border-left-color:#7e22ce}
.plan-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.plan-head h4{margin:0;font-size:1.08rem;flex:1}
.rank{display:inline-grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:#0b63b6;color:#fff;font-weight:800}
.p-free .rank{background:#15803d}
.buy{margin-top:10px;border-top:1px dashed #cbd5e1;padding-top:8px}.buy h5{margin:0 0 2px;font-size:1rem}
.buy-label{margin:0;font-weight:700;color:#9a3412;font-size:.92rem}
.buy-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.store-btn{display:inline-block;font-weight:600;font-size:.92rem;text-decoration:none;border:2px solid #0b63b6;color:#0b63b6;border-radius:8px;padding:5px 12px;background:#fff}
.store-btn:hover{background:#e0f2fe}
.disclosure{color:#4b5563;border-left:3px solid #f59e0b;padding-left:8px}
.json-peek pre{max-height:320px;overflow:auto;background:#0f172a;color:#e2e8f0;padding:10px;border-radius:8px;font-size:.78rem}
.sw-sec{border-left:6px solid #7e22ce;padding-left:14px}.sell-sec{border-left:6px solid #047857;padding-left:14px}
.triage li{margin-bottom:8px}
.ev-table td:last-child{white-space:nowrap}
@media (max-width:700px){.check-body{grid-template-columns:1fr}.env-dl{grid-template-columns:1fr}.goal-grid{grid-template-columns:1fr}}
@media (max-width:600px){body{font-size:16px}nav a{display:none}.c-group dl,.opt-dl{grid-template-columns:1fr}.opt-dl dt{margin-top:6px}.hero{padding-top:28px}}

/* ===== Coordinated gradient palette (blue → teal → violet). Round 3 ===== */
.c-g1{--c:#1d4ed8;--cb:#dbeafe;--ga:#1d4ed8;--gb:#0369a1;--ta:#eff6ff;--tb:#e0f2fe}
.c-g2{--c:#0e7490;--cb:#cffafe;--ga:#0e7490;--gb:#0f766e;--ta:#ecfeff;--tb:#ccfbf1}
.c-g3{--c:#6d28d9;--cb:#ede9fe;--ga:#6d28d9;--gb:#4338ca;--ta:#f5f3ff;--tb:#e0e7ff}
.c-g4{--c:#0369a1;--cb:#e0f2fe;--ga:#0369a1;--gb:#0e7490;--ta:#f0f9ff;--tb:#cffafe}
.c-g5{--c:#4338ca;--cb:#e0e7ff;--ga:#4338ca;--gb:#1d4ed8;--ta:#eef2ff;--tb:#dbeafe}
.c-g6{--c:#0f766e;--cb:#ccfbf1;--ga:#0f766e;--gb:#0e7490;--ta:#f0fdfa;--tb:#cffafe}
.btn-primary{background:linear-gradient(135deg,#1d4ed8 0%,#0e7490 60%,#6d28d9 140%);border-color:transparent}
.btn-primary:hover{background:linear-gradient(135deg,#1e40af,#155e75 60%,#5b21b6 140%);border-color:transparent}
.hero-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;min-width:240px;padding:0 22px;box-sizing:border-box;line-height:1.2}
.hero-actions .btn-ghost{border-color:#0e7490;color:#0e5a80;background:linear-gradient(135deg,#ffffff,#f0f9ff)}
.link-btn{font:inherit;font-weight:600;background:none;border:0;padding:4px 2px;color:#0e5a80;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.link-btn:hover{color:#4338ca}
.goal-general{text-align:center;margin:10px 0 4px}
/* equal-size goal buttons: 3 x 2 desktop, 2 x 3 tablet/phone, 1 col very narrow; a lone leftover is centered */
.hero-goals{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0}
.goal-mini{box-sizing:border-box;flex:0 0 calc((100% - 24px)/3);height:56px;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:1rem;font-weight:700;white-space:nowrap;color:var(--c);background:linear-gradient(135deg,var(--ta),var(--tb));border:2px solid color-mix(in srgb,var(--c) 45%,white);border-radius:14px;padding:0 12px;cursor:pointer;transition:transform .1s,box-shadow .1s,background .1s}
.goal-mini:hover,.goal-mini:focus-visible{background:linear-gradient(135deg,var(--ga),var(--gb));color:#fff;border-color:transparent;box-shadow:0 6px 16px rgba(29,78,216,.22);transform:translateY(-1px)}
.goal-mini:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
.gm-icon{font-size:1.25rem;line-height:1}
.goal-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.goal-card{box-sizing:border-box;flex:0 0 calc((100% - 24px)/3);height:132px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;border:2px solid color-mix(in srgb,var(--c) 35%,white);background:linear-gradient(135deg,var(--ta),var(--tb));border-radius:14px;padding:12px 10px;cursor:pointer;transition:transform .1s,box-shadow .1s}
.goal-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(29,78,216,.15)}
.goal-card input{position:absolute;opacity:0;width:1px;height:1px}
.goal-card:has(input:focus-visible){outline:3px solid #f59e0b;outline-offset:2px}
.goal-icon{font-size:1.7rem;line-height:1}
.goal-label{font-weight:700;font-size:1.05rem;color:var(--c);white-space:nowrap}
.goal-desc{font-size:.86rem;color:#374151;line-height:1.3}
.goal-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;border:2px solid var(--c);color:transparent;display:grid;place-items:center;font-weight:700;font-size:.8rem;background:#fff}
.goal-card:has(input:checked){background:linear-gradient(135deg,var(--ga),var(--gb));border-color:transparent;box-shadow:0 6px 16px rgba(29,78,216,.25)}
.goal-card:has(input:checked) .goal-label,.goal-card:has(input:checked) .goal-desc{color:#fff}
.goal-card:has(input:checked) .goal-check{background:#fff;color:var(--c);border-color:#fff}
/* demo cards: equal-size grid (rows share one height), matching gradients, consistent badge.
   Each card spans 2 tracks of a doubled grid so a short last row can be centered. */
.demo-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:1fr;gap:14px}
.demo-card{grid-column:span 2;box-sizing:border-box;min-width:0;height:100%;min-height:150px;border:2px solid color-mix(in srgb,var(--c,#0369a1) 30%,white);border-radius:14px;background:linear-gradient(135deg,var(--ta,#f0f9ff),var(--tb,#cffafe));padding:14px;justify-content:flex-start;transition:transform .1s,box-shadow .1s}
.demo-card:hover{border-color:var(--c);box-shadow:0 6px 16px rgba(29,78,216,.18);transform:translateY(-1px)}
.demo-card .demo-tag{background:linear-gradient(135deg,var(--ga),var(--gb));color:#fff;letter-spacing:.06em}
.demo-card .demo-name{color:#0f172a;line-height:1.3}
.demo-card .demo-go{margin-top:auto;color:var(--c);font-weight:700}
.demo-card .chip{background:#fff}
@media (min-width:1001px){
  .demo-card:nth-child(4n+1):nth-last-child(3){grid-column:2/span 2}
  .demo-card:nth-child(4n+1):nth-last-child(2){grid-column:3/span 2}
  .demo-card:nth-child(4n+1):last-child{grid-column:4/span 2}}
@media (min-width:701px) and (max-width:1000px){
  .demo-grid{grid-template-columns:repeat(6,1fr)}
  .demo-card:nth-child(3n+1):nth-last-child(2){grid-column:2/span 2}
  .demo-card:nth-child(3n+1):last-child{grid-column:3/span 2}}
@media (min-width:441px) and (max-width:700px){
  .demo-grid{grid-template-columns:repeat(4,1fr)}
  .demo-card:nth-child(2n+1):last-child{grid-column:2/span 2}}
@media (max-width:440px){.demo-grid{grid-template-columns:1fr}.demo-card{grid-column:auto}}
/* goal buttons/cards: 3 x 2 above 900px, 2 x 3 on tablets and phones, 1 column under 360px */
.goal-mini,.goal-card{min-width:0}
@media (max-width:900px){.goal-mini,.goal-card{flex-basis:calc((100% - 12px)/2)}}
@media (max-width:520px){
  .hero-actions .btn{flex:1 1 100%;min-width:0}
  .hero-goals,.goal-grid{gap:10px}
  .goal-mini,.goal-card{flex-basis:calc((100% - 10px)/2)}
  .goal-mini{flex-direction:column;gap:4px;height:74px;padding:0 6px;font-size:.92rem;letter-spacing:-.01em}
  .goal-label{font-size:.95rem;letter-spacing:-.01em}.goal-card{height:128px;padding:10px 6px}.goal-desc{font-size:.82rem}}
@media (max-width:359px){.goal-mini,.goal-card{flex-basis:100%}.goal-mini{flex-direction:row;height:56px}.goal-card{height:112px}}
@media print{.no-print,.site-header,.skip,#landing,#interview,#confirm{display:none!important}body{font-size:12pt}
.decision,.option,.rating,.urgent-box{break-inside:avoid}a{color:#000}.sources a::after{content:" (" attr(href) ")";font-size:9pt}
.site-footer{background:none}.plan-sec{background:none}.buy-links a::after{content:" (" attr(href) ")";font-size:8pt;word-break:break-all}.plan-item,.check-card{break-inside:avoid}.chip,.badge,.src-tag{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* ===== Windows scanner: home CTA, quick detect, spec card, quick questions, upgrade ideas (Round 4) ===== */
.scan-cta{position:relative;margin:22px 0 18px;padding:22px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#0e7490 55%,#6d28d9 120%);box-shadow:0 10px 30px rgba(29,78,216,.25)}
.scan-cta h2{margin:6px 0 6px;font-size:1.6rem;color:#fff}.scan-cta p{margin:0 0 12px}
.scan-badge{display:inline-block;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:3px 12px;font-size:.82rem;font-weight:700;letter-spacing:.02em}
.btn-scan{display:inline-block;background:#fff!important;color:#1d4ed8!important;border:0!important;font-size:1.08rem;padding:14px 22px;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.btn-scan:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.25)}.btn-scan:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
.btn-scan .small{font-weight:500;color:#475569}
.scan-other{background:rgba(255,255,255,.14);border-radius:8px;padding:8px 10px;margin-top:10px!important}
.scan-steps{list-style:none;padding:0;margin:18px 0 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.scan-steps li{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:2px;min-height:86px}
.scan-steps li span:last-child{font-size:.9rem;opacity:.92}
.scan-num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:#1d4ed8;font-weight:800;margin-bottom:4px}
.scan-privacy{background:rgba(0,0,0,.16);border-radius:10px;padding:10px 12px;font-size:.93rem}
.scan-faq{font-size:.92rem}.scan-faq summary{cursor:pointer;text-decoration:underline}.scan-faq p{margin:6px 0 0}
.quick-detect{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin:0 0 22px}
.quick-detect h3{margin:0;font-size:1.05rem}.quick-detect p{margin:2px 0 0}
.qd-out{flex-basis:100%;border-top:1px solid var(--border);padding-top:10px}
.qd-out .env-dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:0 0 8px}.qd-out dt{font-weight:600}.qd-out dd{margin:0;overflow-wrap:anywhere}

.spec-card{border-radius:20px;overflow:hidden;background:#fff;border:1px solid #c7d2fe;box-shadow:0 10px 30px rgba(67,56,202,.12);margin:8px 0 22px}
.sc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px;color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#0e7490 55%,#6d28d9 120%)}
.sc-head h2{margin:2px 0 0;font-size:1.8rem;color:#fff}.sc-head h2:focus{outline:none}
.sc-eyebrow{margin:0;font-size:.85rem;opacity:.92;font-weight:600}
.sc-model{margin:2px 0 0;font-size:1.15rem;font-weight:600}
.sc-type{flex:none;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:5px 12px;font-weight:700;white-space:nowrap}
.sc-alert{margin:16px 18px 0;border-radius:14px;padding:12px 16px;background:linear-gradient(135deg,#fee2e2,#fef3c7);border:2px solid #dc2626;color:#7f1d1d}
.sc-alert p{margin:4px 0}.sc-alert-t{font-size:1.15rem;font-weight:800}
.sc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 18px}
.sc-tile{border-radius:14px;padding:12px 14px;background:linear-gradient(135deg,var(--ta),var(--tb));border:1px solid color-mix(in srgb,var(--c) 30%,white);min-width:0}
.sc-wide{grid-column:1/-1}
.sc-label{margin:0;color:var(--c);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}
.sc-main{margin:4px 0 0;font-weight:700;font-size:1.08rem;overflow-wrap:anywhere}.sc-sub{margin:2px 0 0;color:#374151;font-size:.92rem}
.sc-drives{list-style:none;padding:0;margin:6px 0 8px;font-size:.95rem}.sc-drives li{margin:2px 0}
.sc-drives .ok{color:var(--good);font-weight:600}.sc-drives .bad{color:var(--bad);font-weight:700}
.sc-vols{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.sc-vols li{display:grid;grid-template-columns:42px 1fr;gap:2px 10px;align-items:center}
.sc-vl{grid-row:span 2;display:grid;place-items:center;height:40px;border-radius:10px;background:#fff;font-weight:800;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 30%,white)}
.sc-vt{font-size:.93rem}.sc-vols li.low .sc-vt{color:#b91c1c;font-weight:700}
.sc-bar{height:10px;border-radius:99px;background:#fff;border:1px solid #cbd5e1;overflow:hidden}
.sc-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#0e7490,#1d4ed8)}
.sc-bar.low span{background:linear-gradient(90deg,#f59e0b,#dc2626)}
.sc-note{margin:0;padding:0 18px 16px;color:var(--muted)}
.src-tag.chk{display:inline-block;background:var(--good-bg);color:var(--good);border-radius:999px;padding:1px 8px;font-weight:600;font-size:.8rem}
.sc-error{padding:24px 0}

.qq-form{margin-bottom:30px}.qq-title{margin:0 0 6px}
.qq{border:0;padding:0;margin:16px 0}.qq legend{font-weight:700;font-size:1.12rem;margin-bottom:10px;padding:0}
.qq-n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#1d4ed8,#6d28d9);font-size:.95rem;margin-right:4px}
.qq-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:12px}.qq-grid.four{grid-template-columns:repeat(4,1fr)}
.qq-opt{position:relative;box-sizing:border-box;height:100%;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;padding:10px 8px;border-radius:14px;cursor:pointer;color:var(--c);background:linear-gradient(135deg,var(--ta),var(--tb));border:2px solid color-mix(in srgb,var(--c) 40%,white);transition:transform .1s,box-shadow .1s}
.qq-opt input{position:absolute;opacity:0;pointer-events:none}
.qq-opt:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(29,78,216,.18)}
.qq-opt:has(input:focus-visible){outline:3px solid #f59e0b;outline-offset:2px}
.qq-opt:has(input:checked){background:linear-gradient(135deg,var(--ga),var(--gb));color:#fff;border-color:transparent;box-shadow:0 6px 16px rgba(29,78,216,.25)}
.qq-opt:has(input:checked)::after{content:"✓";position:absolute;top:6px;right:10px;font-weight:800}
.qq-i{font-size:1.5rem}.qq-l{font-weight:800;font-size:1.02rem}.qq-d{font-size:.84rem;opacity:.85;color:inherit}
.btn-big{font-size:1.08rem;padding:13px 24px}

.scan-sec .spec-card{margin-top:0}
.ai-status{background:var(--info-bg);border-radius:8px;padding:8px 12px}
.ai-badge{display:inline-block;background:linear-gradient(135deg,#6d28d9,#1d4ed8);color:#fff;border-radius:999px;padding:2px 10px;font-weight:700;margin-right:6px}
.idea-summary{font-size:1.05rem;font-weight:500}
.ideas{list-style:none;padding:0;margin:12px 0;display:grid;gap:12px}
.idea{border:1px solid var(--border);border-left:6px solid #0e7490;border-radius:12px;padding:12px 16px;background:#fff}
.idea.k-buy{border-left-color:#1d4ed8}.idea.k-tip{border-left-color:#6d28d9}.idea.k-optional{border-left-color:#94a3b8}
.idea h4{margin:6px 0 4px;font-size:1.08rem}.idea p{margin:4px 0}.idea ol{margin:6px 0;padding-left:20px}
.idea-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.idea-kind{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:#ccfbf1;color:#0f766e}
.k-buy .idea-kind{background:#dbeafe;color:#1d4ed8}.k-tip .idea-kind{background:#ede9fe;color:#6d28d9}.k-optional .idea-kind{background:#f1f5f9;color:#475569}
.idea-cost{margin-left:auto;font-weight:700}
.idea-over{font-size:.78rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--warn-bg);color:var(--warn)}
.idea-links{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.store-btn{display:inline-block;padding:5px 12px;border-radius:8px;font-weight:700;text-decoration:none;border:1px solid var(--border);background:#f8fafc;color:#111827;min-width:96px;text-align:center}
.store-btn:hover{border-color:var(--primary);background:#eff6ff}
.good-box{background:var(--good-bg);border-radius:12px;padding:6px 16px 10px;margin:10px 0}.good-box h4{margin:8px 0 4px;color:var(--good)}.good-box ul{margin:0;padding-left:20px}

@media (max-width:700px){
  .scan-steps{grid-template-columns:1fr}.scan-steps li{min-height:0}
  .sc-grid{grid-template-columns:1fr}
  .qq-grid,.qq-grid.four{grid-template-columns:repeat(2,1fr)}
  .sc-head{flex-direction:column}.sc-head h2{font-size:1.5rem}
  .scan-cta{padding:18px}.scan-cta h2{font-size:1.35rem}
  .btn-scan{display:block;width:100%;box-sizing:border-box}
  .q-nav{flex-wrap:wrap}
  .idea-cost{margin-left:0}
}
@media print{.scan-cta,.quick-detect{display:none}.spec-card{box-shadow:none}}
/* Budget tier titles (Small / Solid / Bigger upgrade): larger and bolder, Round 4 */
.qq-d.qq-tier{font-size:1.18rem;font-weight:800;opacity:1;line-height:1.2}
@media (max-width:700px){.qq-d.qq-tier{font-size:1.15rem}}

/* ===== Upgrade recommendations + drive type tags (Round 5) ===== */
.recs{margin:4px 0 26px}
.recs-title{margin:0 0 2px;font-size:1.5rem}
.recs-sub{margin:0 0 12px}
.recs-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:12px}
.rec{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,var(--ta),var(--tb));border:2px solid color-mix(in srgb,var(--c) 35%,white);min-width:0}
.rec.t-urgent{--c:#b91c1c;background:linear-gradient(135deg,#fee2e2,#fef3c7);border-color:#dc2626}
.rec.t-good{--c:#047857;background:linear-gradient(135deg,#d1fae5,#ccfbf1);border-color:#34d399}
.rec.t-replace{--c:#7c2d12;background:linear-gradient(135deg,#ffedd5,#fef9c3);border-color:#fb923c}
.rec-i{font-size:1.6rem;line-height:1}
.rec-tag{position:absolute;top:12px;right:12px;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 11px 2px 10px;white-space:nowrap;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--ga,var(--c)),var(--gb,var(--c)))}
.rec.t-urgent .rec-tag{background:linear-gradient(135deg,#dc2626,#ea580c)}
.rec.t-good .rec-tag{background:linear-gradient(135deg,#059669,#0d9488)}
.rec.t-replace .rec-tag{background:linear-gradient(135deg,#c2410c,#b45309)}
.rec-t{font-size:1.08rem;color:var(--c);line-height:1.25}
.rec-r{font-size:.93rem;color:#1f2937}
.recs-links{margin-top:auto;display:flex;flex-wrap:wrap;gap:5px;padding-top:4px}
.recs-links .store-btn{min-width:0;padding:3px 9px;font-size:.82rem;background:#fff}
.vol-tag{display:inline-block;margin-left:6px;padding:1px 9px;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap;vertical-align:1px}
.vol-tag.t-ssd{background:#dbeafe;color:#1d4ed8}
.vol-tag.t-hdd{background:#ede9fe;color:#6d28d9}
.vol-tag.t-ext,.vol-tag.t-virt,.vol-tag.t-net{background:#fff;color:#334155;border:1px dashed #64748b}
.sc-vols li.low-mild .sc-vt{color:#92400e}
.sc-mild{margin:10px 18px 0;padding:8px 12px;border-radius:10px;background:#fffbeb;border:1px solid #fcd34d;color:#78350f}
@media (max-width:900px){.recs-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.recs-grid{grid-template-columns:1fr;grid-auto-rows:auto}.rec{height:auto}.vol-tag{margin-left:0;margin-top:2px}}

/* ===== Action buttons, step-by-step guide dialog, 4-store comparison (Round 6) ===== */
.rec-acts{margin-top:auto;padding-top:6px}
.rec-act{font:inherit;font-weight:700;font-size:.92rem;white-space:nowrap;max-width:100%;cursor:pointer;border-radius:999px;padding:7px 14px;border:2px solid var(--c,var(--primary));background:#fff;color:var(--c,var(--primary));line-height:1.2;text-align:left}
.rec-act:hover{background:var(--c,var(--primary));color:#fff}
.rec.t-urgent .rec-act{background:#b91c1c;border-color:#b91c1c;color:#fff}.rec.t-urgent .rec-act:hover{background:#7f1d1d}
html.gd-lock,html.gd-lock body{overflow:hidden}
.guide-dlg{width:min(760px,calc(100vw - 16px));max-height:calc(100dvh - 16px);max-height:calc(100vh - 16px);padding:0;border:0;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.35);color:var(--text);flex-direction:column;overflow:hidden}
@supports (height:100dvh){.guide-dlg{max-height:calc(100dvh - 16px)}}
.guide-dlg[open]{display:flex}
.guide-dlg::backdrop{background:rgba(15,23,42,.55)}
.gd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px 12px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#dbeafe,#ccfbf1)}
.gd-head h2{margin:0;font-size:1.4rem;outline:none}
.gd-x{flex:none;font:inherit;font-size:1.1rem;width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:#fff;cursor:pointer}
.gd-x:hover{background:var(--alt)}
.gd-body{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px 20px 8px;flex:1 1 auto;min-height:0}
.gd-foot{padding:10px 20px;border-top:1px solid var(--border);text-align:right}
.g-lead{font-size:1.02rem;margin:0 0 10px}
.g-sec{margin:14px 0}.g-sec h3{font-size:1.08rem;margin:0 0 6px;color:var(--primary-dark)}
.g-steps,.g-list{margin:0;padding-left:1.4em}.g-steps li,.g-list li{margin:5px 0}
.g-path{font-weight:600;background:var(--alt);border-radius:6px;padding:0 5px;white-space:normal}
.g-alt{color:var(--muted);font-size:.92em}
.g-caution{margin:12px 0;padding:10px 12px;border-radius:10px;background:var(--warn-bg);border:1px solid #facc15;color:#713f12}
.g-tip{margin:12px 0;padding:10px 12px;border-radius:10px;background:var(--good-bg);border:1px solid #86efac}
.g-more{margin:12px 0 4px;font-weight:600}
.guide-dlg code,.article code{background:var(--alt);border-radius:5px;padding:0 4px;font-size:.92em;word-break:break-all}
.g-product{border:2px solid #bfdbfe;border-radius:14px;padding:12px 14px;background:#f8fbff}
.pc-title{margin:0 0 4px}.g-product p{margin:4px 0}
.pc-grid{list-style:none;padding:0;margin:10px 0 6px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pc-store{display:flex;flex-direction:column;gap:3px;align-items:stretch;text-align:center;padding:10px 8px;border:1px solid var(--border);border-radius:12px;background:#fff;min-width:0}
.pc-name{font-weight:800}
.pc-price{font-size:1.05rem;font-weight:700;color:var(--muted)}.pc-price.live{color:var(--good)}
.pc-note{font-size:.78rem;color:var(--muted);min-height:1em}
.pc-go{margin-top:auto;display:block;font-weight:700;font-size:.86rem;padding:6px 8px;border-radius:8px;border:2px solid var(--primary);color:var(--primary);text-decoration:none}
.pc-go:hover{background:var(--primary);color:#fff}
.pc-store.na{background:var(--alt);color:var(--muted)}.pc-store.na .pc-price{color:var(--muted)}
.pc-disc{color:var(--muted)}
@media (max-width:640px){.pc-grid{grid-template-columns:repeat(2,1fr)}.gd-head h2{font-size:1.2rem}.gd-head,.gd-body,.gd-foot{padding-left:14px;padding-right:14px}}

/* ===== Round 7: static pages + guides ===== */
.static-page main{padding:28px 0 48px}
.article h1{font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.2;margin:.2em 0 .3em}
.article h2{font-size:1.3rem;margin:1.8em 0 .5em}
.article h3{font-size:1.08rem;margin:1.3em 0 .4em}
.article p,.article li{line-height:1.65}
.article ol,.article ul{padding-left:1.4em}
.article li{margin:.35em 0}
.article kbd{border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-size:.88em;background:#fff;white-space:nowrap}
.article-date{margin:0 0 1em}
.crumbs{margin:0 0 .4em}
.cta-box{margin:2em 0;padding:18px 20px;border-radius:14px;background:var(--teal-bg);border:1px solid #99f6e4}
.cta-box .cta-t{font-weight:700;font-size:1.1rem;margin:0 0 .3em}
.cta-box .btn{margin-top:6px}
.guide-index{list-style:none;padding:0!important}
.guide-index .gi-item{border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin:10px 0}
.guide-index .gi-item p{margin:.3em 0 0}
.related li{margin:.4em 0}
.foot-links{font-weight:600}
.foot-links a{white-space:nowrap}
.disc-amazon{padding:10px 14px;border-left:4px solid var(--primary);background:var(--alt);border-radius:6px}
.contact-form{max-width:560px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;font:inherit;padding:10px;border:1px solid var(--border);border-radius:8px;box-sizing:border-box}
.contact-email{font-size:1.05rem}
@media (max-width:600px){.static-page nav a{display:inline-block}.static-page nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}.static-page .nav nav a:not(.btn){font-size:.95rem}}

/* Darker button outlines for strong contrast */
.btn,.btn-ghost,.hero-actions .btn-ghost,.store-btn,.action-btn{border:2px solid #0f172a!important}
.btn-primary,.btn-primary:hover{border-color:#0f172a!important}
.btn-scan{border:2px solid #0f172a!important}
.btn:hover,.store-btn:hover,.action-btn:hover{border-color:#000!important}

/* Disabled (coming soon) pricing card */
.price-card.disabled{background:#f1f5f9;color:#64748b;filter:grayscale(1);opacity:.8}
.price-card.disabled .test-badge{background:#e2e8f0;color:#475569}
.price-card.disabled .btn[disabled]{cursor:not-allowed;color:#64748b!important;background:#e2e8f0!important;border-color:#94a3b8!important}

.was-price{color:#94a3b8;font-weight:600;font-size:1.1rem;margin-right:6px;text-decoration-thickness:2px}
/* ---- Feedback questionnaire (js/feedback.js) ---- */
/* Feedback form v2: one light card, 8 questions, smaller controls */
.fq-wrap{max-width:640px;margin:28px auto!important;padding:24px 22px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px;box-shadow:none!important}
.fq-wrap h3{margin:0 0 4px;font-size:1.15rem;border:0!important;padding:0!important}
.fq-intro{margin:0 0 18px;color:#475569;font-size:.95rem}
.fq{border:0;margin:0 0 20px;padding:0;min-width:0}
.fq legend,.fq>label{font-size:.9rem;font-weight:600;color:#334155;margin-bottom:8px;display:block;padding:0}
.fq-opt{font-weight:400;color:#556274;font-size:.82rem}
.fq-stars{display:flex;gap:12px;flex-direction:row-reverse;justify-content:flex-end}
.fq-star{display:grid;place-items:center;width:30px;height:30px;cursor:pointer;font-size:1.35rem;line-height:1;color:#7c8aa0;position:relative;border-radius:8px}
.fq-star:hover,.fq-star:hover~.fq-star,.fq-star:has(input:checked),.fq-star:has(input:checked)~.fq-star{color:#f59e0b}
.fq-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:300px}
.fq-choice{display:flex;align-items:center;justify-content:center;min-height:32px;padding:0 8px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;cursor:pointer;font-weight:600;font-size:.84rem;color:#334155;position:relative}
.fq-choice:hover{border-color:#94a3b8}
.fq-choice:has(input:checked){background:#e0f2fe;border-color:#0e7490;color:#0c4a6e}
.fq-yes:has(input:checked){background:#dcfce7;border-color:#16a34a;color:#14532d}.fq-mid:has(input:checked){background:#fef3c7;border-color:#d97706;color:#78350f}.fq-no:has(input:checked){background:#fee2e2;border-color:#dc2626;color:#7f1d1d}
.fq-row{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:14px;align-items:start;margin:0 0 8px;padding:15px 16px 15px 14px;border-radius:10px;background:#f8fafc;border:0;border-bottom:1px solid #e5e7eb}
.fq-row:nth-of-type(even){background:#eef6ff}
.fq-body{grid-column:2;min-width:0}.fq-body>.fq{margin:0}
.fq-row>.fq-num{grid-column:1;grid-row:1}
.fq-num{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1d4ed8 0%,#0e7490 60%,#6d28d9 140%);color:#fff;font-weight:800;font-size:1.05rem;border:2px solid #0f172a;box-sizing:border-box;margin-top:-8px}
.fq .muted.small{font-weight:400;color:#556274;font-size:.8rem}
.fq-choice input,.fq-star input{position:absolute;opacity:0;width:1px;height:1px}
.fq-choice:focus-within,.fq-star:focus-within{outline:3px solid #2563eb;outline-offset:2px}
.fq textarea,.fq input[type=email]{display:block;width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font:inherit;background:#fff;box-sizing:border-box}
.fq textarea{resize:vertical;min-height:64px}
.fq textarea:focus,.fq input[type=email]:focus{outline:3px solid #bfdbfe;border-color:#2563eb}
.fq input[type=email]{max-width:340px;padding:8px 10px}
.fq-actions{display:flex;align-items:center;gap:18px;margin:16px 0 6px 66px;flex-wrap:wrap}
.fq-msg,#fq-form>p.small.muted{margin-left:66px}
.fq-skip{background:none;border:0;padding:6px 2px;font:inherit;font-size:.92rem;color:#64748b;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.fq-skip:hover{color:#0f172a}
.fq-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fq-msg{font-weight:600;margin:4px 0;min-height:0}.fq-msg:empty{display:none}
.fq-note{margin:10px 0 0;font-size:.78rem;color:#94a3b8}.fq-note a{color:#64748b}
.fq-thanks{font-size:1.02rem;color:#334155}
@media (max-width:480px){.fq-row{column-gap:10px;grid-template-columns:30px minmax(0,1fr);padding:14px 12px 13px 10px}.fq-num{width:30px;height:30px;font-size:.9rem;margin-top:-6px}.fq-actions,.fq-msg,#fq-form>p.small.muted{margin-left:50px}.fq-wrap{padding:18px 12px!important;margin:20px 0!important}.fq-choices{max-width:none}.fq input[type=email]{max-width:none}.fq-actions .btn{flex:1}}
/* ---- SmartScreen / blocked-download help (index scan box + check-pc-specs guide) ---- */
.smartscreen-note{margin:14px 0;padding:12px 14px;border:2px solid #0f172a;border-left:8px solid #1d4ed8;border-radius:10px;background:#eff6ff;color:#0f172a;text-align:left}
.smartscreen-note p{margin:0 0 6px}.smartscreen-note p:last-child{margin-bottom:0}
.smartscreen-note .ss-title{font-weight:700}
.steps-mini{padding-left:22px}.steps-mini li{margin:4px 0}
.site-footer .legal{margin-top:8px;font-size:.9rem}
.fq label .muted.small,#h-fq .muted{margin-left:4px}
.fq-wrap .fq-actions .btn{padding:9px 18px}
/* ---- Beta paywall, tester sign-up, email report (js/paywall.js) ---- */
.sc-model{color:#1d4ed8}
.scan-price{display:inline-block;margin:14px 0 4px;padding:10px 16px;border-radius:12px;background:#fff;color:#0f172a;border:2px solid #0f172a;text-align:left}
.scan-cta .scan-price p{margin:0}
.scan-price .sp-line{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.scan-price .sp-label{font-weight:600}
.scan-price .sp-amount{font-size:1.5rem;font-weight:800;color:#1d4ed8}
.scan-cta .scan-price .sp-beta{font-size:.92rem;color:#166534;font-weight:700;margin-top:2px}
.tester-home{margin:10px 0 4px}
.tester-box{background:#fff;color:#0f172a;border:2px solid #0f172a;border-radius:12px;padding:10px 14px;text-align:left;max-width:640px}
.scan-cta .tester-box p{margin:0 0 6px}.tester-box p:last-child{margin-bottom:0}
.linklike{background:none;border:0;padding:0;font:inherit;color:#1d4ed8;text-decoration:underline;cursor:pointer;font-weight:700}
.linklike:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
.tester-panel{margin-top:8px;border-top:1px solid #e5e7eb;padding-top:8px}
.tester-check{display:flex;gap:8px;align-items:center;font-weight:700;cursor:pointer}
.tester-check input{width:20px;height:20px;accent-color:#1d4ed8}
.tester-form{margin-top:8px}
.tester-label{display:block;font-weight:600;margin-bottom:4px}
.tester-row{display:flex;gap:8px;flex-wrap:wrap}
.tester-row input[type=email]{flex:1 1 220px;min-width:0;border:2px solid #0f172a;border-radius:10px;padding:9px 10px;font:inherit}
.tester-row input[aria-invalid=true]{border-color:#b91c1c}
.tester-note{color:#334155;margin-top:6px!important}
.field-err{color:#b91c1c;font-weight:600;margin:4px 0 0}.field-err:empty{display:none}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.lock-wrap{position:relative;border-radius:12px;min-height:170px;margin:8px 0}
.lock-wrap.lock-grid{grid-column:1/-1}
.lock-content{filter:blur(5px) grayscale(.6);opacity:.55;user-select:none;pointer-events:none;max-height:420px;overflow:hidden}
.lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px;border:2px dashed #475569;border-radius:12px;background:rgba(248,250,252,.72);color:#0f172a;font:inherit;text-align:center;cursor:pointer;width:100%}
.lock-overlay:hover{background:rgba(239,246,255,.85)}.lock-overlay:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
.lock-ico{font-size:1.8rem}.lock-title{font-weight:800;font-size:1.05rem}.lock-sub{font-size:.9rem;color:#334155}
.lock-cta{margin-top:6px;background:#1d4ed8;color:#fff;border-radius:999px;padding:6px 14px;font-weight:700;font-size:.9rem}
.lock-print{display:none}
.pw-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:10px 0 14px;padding:10px 14px;border:2px solid #0f172a;border-left:8px solid #f59e0b;border-radius:10px;background:#fffbeb}
.pw-banner p{margin:0;flex:1 1 300px}
.pw-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.pw-backdrop[hidden]{display:none}
.pw-dialog{position:relative;background:#fff;color:#0f172a;border:2px solid #0f172a;border-radius:16px;max-width:460px;width:100%;max-height:92vh;overflow:auto;padding:22px 20px 16px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.pw-dialog h2{margin:0 30px 8px 0;font-size:1.3rem}
.pw-dialog .btn-block{display:block;width:100%;margin-top:10px}
.pw-buy[disabled]{opacity:.6;cursor:not-allowed}
.pw-x{position:absolute;top:8px;right:10px;background:none;border:0;font-size:1.6rem;line-height:1;cursor:pointer;padding:4px 8px;color:#0f172a}
.pw-tester{margin-top:12px}.pw-tester .tester-box{max-width:none}
.pw-gate-note{margin:12px 0 0}
body.pw-open{overflow:hidden}
.pw-toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:1100;margin:0;background:#0f172a;color:#fff;padding:10px 16px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw}
.pw-toast.show{opacity:1}
.email-box{margin:10px 0 14px;padding:12px 14px;border:2px solid #0f172a;border-radius:10px;background:#f8fafc}
.email-box label{display:block;margin-bottom:6px}
.email-box .ok{color:#166534}.email-fallback{margin:8px 0 4px}
@media (max-width:600px){.scan-price{display:block}.lock-wrap{min-height:200px}.pw-dialog{padding:18px 14px 14px}}
@media print{.lock-content,.lock-overlay,.pw-banner,.pw-backdrop,.email-box{display:none!important}.lock-wrap{min-height:0}.lock-print{display:block;border:1px dashed #475569;padding:6px 10px}}
/* Mobile: keep the main menu links visible (they were hidden under 600px) */
@media (max-width:600px){
  .site-header nav,header nav{width:100%;justify-content:space-between;gap:6px 12px}
  header nav a{display:inline-block!important;font-size:.92rem;padding:6px 2px}
}
/* ---- Question colors: choice questions alternate blue / green (Q1 blue, Q2 green, …) ---- */
.qc-blue{--qc:#1d4ed8;--qc-dk:#1e3a8a;--qc-bg:#eff6ff;--qc-bd:#93c5fd;--qc-sel:#dbeafe}
.qc-green{--qc:#15803d;--qc-dk:#14532d;--qc-bg:#f0fdf4;--qc-bd:#86efac;--qc-sel:#bbf7d0}
.field.qc-blue .opt,.field.qc-green .opt{background:var(--qc-bg);border:2px solid var(--qc-bd);color:#0f172a}
.field.qc-blue .opt:hover,.field.qc-green .opt:hover{border-color:var(--qc)}
.field.qc-blue .opt input,.field.qc-green .opt input{accent-color:var(--qc)}
.field.qc-blue .opt:has(input:checked),.field.qc-green .opt:has(input:checked){background:var(--qc-sel);border-color:var(--qc);box-shadow:0 0 0 1px var(--qc) inset}
.field.qc-blue .opt:has(input:checked) span:last-child,.field.qc-green .opt:has(input:checked) span:last-child{font-weight:700;color:var(--qc-dk)}
.opts.uses-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.opts.uses-grid .opt{flex:0 0 calc((100% - 20px)/3);box-sizing:border-box;height:58px;align-items:center;min-width:0}
@media (max-width:700px){.opts.uses-grid .opt{flex-basis:calc((100% - 10px)/2)}}
.qq.qc-blue .qq-opt{--c:#1e40af;--ta:#eff6ff;--tb:#dbeafe;--ga:#2563eb;--gb:#1e3a8a;border-color:#93c5fd}
.qq.qc-green .qq-opt{--c:#166534;--ta:#f0fdf4;--tb:#dcfce7;--ga:#16a34a;--gb:#14532d;border-color:#86efac}
.qq.qc-blue .qq-opt:has(input:checked){border-color:#1e3a8a}.qq.qc-green .qq-opt:has(input:checked){border-color:#14532d}
/* ---- Landing goal buttons: header / primary-button scheme (blue → teal → purple, #0f172a outline) ---- */
.hero-goals .goal-mini{color:#0f172a;border:2px solid #0f172a;background:linear-gradient(135deg,#dbeafe 0%,#ccfbf1 55%,#ede9fe 110%);box-shadow:0 3px 0 #0f172a}
.hero-goals .goal-mini:nth-child(3n+2){background:linear-gradient(135deg,#ccfbf1 0%,#dbeafe 55%,#ede9fe 110%)}
.hero-goals .goal-mini:nth-child(3n){background:linear-gradient(135deg,#ede9fe 0%,#dbeafe 55%,#ccfbf1 110%)}
.hero-goals .goal-mini .gm-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #0f172a}
.hero-goals .goal-mini:hover,.hero-goals .goal-mini:focus-visible{background:linear-gradient(135deg,#1d4ed8 0%,#0e7490 60%,#6d28d9 140%);color:#fff;border-color:#0f172a;box-shadow:0 5px 0 #0f172a;transform:translateY(-2px)}
.hero-goals .goal-mini:active{transform:translateY(1px);box-shadow:0 1px 0 #0f172a}
@media (max-width:600px){.hero-goals .goal-mini .gm-icon{width:28px;height:28px}}
/* Uses list: boxes alternate blue / green (checkerboard on the 3x2 desktop grid) */
.opts.uses-grid .opt:nth-child(odd){--qc:#1d4ed8;--qc-dk:#1e3a8a;--qc-bg:#eff6ff;--qc-bd:#93c5fd;--qc-sel:#dbeafe}
.opts.uses-grid .opt:nth-child(even){--qc:#15803d;--qc-dk:#14532d;--qc-bg:#f0fdf4;--qc-bd:#86efac;--qc-sel:#bbf7d0}
/* General problems list: uniform grid, warning signs first (top row on desktop, top rows on mobile) */
.opts.sym-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:10px}
.opts.sym-grid .opt{min-width:0;height:100%;box-sizing:border-box;align-items:center;margin:0}
@media (max-width:700px){.opts.sym-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.opts.sym-grid .opt span{overflow-wrap:anywhere;min-width:0}
/* "Get your report" box (everyone) */
.get-report{border:2px solid #1d4ed8;border-radius:12px;background:#eff6ff;padding:14px 16px}
.get-report:focus{outline:3px solid #1d4ed8;outline-offset:2px}
.get-report .gr-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 14px}
.get-report .gr-email label{display:block;margin-bottom:6px}
.get-report .ok{color:#166534}
.get-report .field-err{color:#b91c1c}
@media (max-width:700px){.get-report .gr-row .btn{width:100%}.get-report .tester-row .btn{flex:1 1 100%}}
@media print{.get-report{display:none!important}}

/* Mac scanner (beta) box */
.scan-mac{margin:14px 0;padding:12px 14px;border:2px solid #0f172a;border-radius:12px;background:#f8fafc}
.scan-mac .beta-tag{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:.8em;font-weight:700;border:1px solid #f59e0b}
.scan-mac .scan-cmd{margin:6px 0;padding:10px 12px;background:#0f172a;color:#e2e8f0;border-radius:8px;overflow-x:auto;white-space:pre-wrap;word-break:break-all;font-size:.9em}
.scan-mac .scan-mac-beta{color:#92400e}
.scan-cta .scan-mac{color:#0f172a;border-color:#fff}
.scan-cta .scan-mac p{margin:0 0 8px}
.scan-cta .scan-mac a{color:#1d4ed8;text-decoration:underline}
.scan-cta .scan-mac .scan-mac-title{font-size:1.1rem}
.scan-cta .scan-mac #mac-copy{color:#0f172a;border-color:#0f172a;margin-bottom:8px}
/* ---- Pricing: three equal boxes with dark outlines; beta tester line ---- */
.price-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
@media (max-width:760px){.price-grid{grid-template-columns:1fr}}
.price-card,.price-card.featured{border:2px solid #0f172a;height:100%;box-sizing:border-box}
.price-card .price-amount{color:#0f172a}
.price-card .test-badge{align-self:flex-start}
.price-card .btn[disabled]{cursor:not-allowed;color:#64748b!important;background:#e2e8f0!important;border-color:#94a3b8!important}
.free-big{font-size:1.35em;font-weight:800;color:#166534}
.tester-invite{font-weight:600}
.tester-pricing{max-width:560px;margin:16px auto 0}
.tester-pricing .tester-box{background:#fff;color:#0f172a;border:2px solid #0f172a;border-radius:12px;padding:12px 16px}
.scan-price .sp-period{font-size:.92rem;color:#334155}
.scan-price .sp-year{margin-top:2px}
.pw-buys{display:flex;flex-direction:column;gap:8px}
.price-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.price-grid{grid-template-columns:1fr}}
.price-card .tester-slot{margin-top:auto}
.price-card .tester-slot .tester-box{background:transparent;border:0;padding:0;color:inherit}
.price-card .tester-slot .tester-row{flex-wrap:wrap}
.price-card .tester-slot .tester-row input{min-width:0;flex:1 1 100%}
.price-card .tester-slot .tester-row .btn{flex:1 1 100%}
.price-grid{grid-auto-rows:1fr}
.scan-price .sp-prices{margin-top:4px}.scan-price .sp-sep{margin:0 6px;color:#64748b}
.scan-price .sp-opt{white-space:nowrap;display:inline-block}
@media (max-width:600px){.scan-price .sp-sep{display:none}.scan-price .sp-opt{display:block}}

/* tester note above the shared feedback form (form styling itself unchanged) */
.tester-fb-note{margin:24px 0 8px;padding:12px 16px;border:2px solid #166534;border-radius:10px;background:#f0fdf4;color:#14532d;font-weight:700;font-size:1.05rem}

/* ===== Scan/download section v2 (Hiab mockup): dark blue panel, OS buttons, translucent cards ===== */
.scan-cta.v2{background:radial-gradient(120% 90% at 85% 0%,#2a2fb8 0%,rgba(42,47,184,0) 55%),linear-gradient(160deg,#0a1a6e 0%,#14208f 45%,#1b1580 100%);border:2px solid #0f172a;box-shadow:0 14px 36px rgba(10,26,110,.35);padding:28px}
.scan-cta.v2 .scan-badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.55);font-weight:600;letter-spacing:0}
.scan-cta.v2 h2{font-size:2rem;font-weight:800;margin:10px 0 4px;letter-spacing:-.01em}
.scan-cta.v2 .scan-sub{color:#dbe4ff;font-size:1.05rem;max-width:760px}
.scan-cta.v2 .dl-row{margin:14px 0 12px}
.scan-cta.v2 .dl-title{font-size:1.15rem;font-weight:600;margin:0 0 8px}
.scan-cta.v2 .dl-title b{font-weight:800}
.dl-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dl-btn{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:84px;padding:14px 16px;box-sizing:border-box;width:100%;border-radius:12px;background:#fff;color:#0f172a;border:2px solid #0f172a;text-decoration:none;text-align:left;font:inherit;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.2);transition:transform .12s,box-shadow .12s}
.dl-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.3);text-decoration:none}
.dl-btn:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
.dl-btn .dl-icon{font-size:1.25rem;line-height:1}
.dl-btn .dl-name{font-size:1.08rem;font-weight:700;color:#0f172a}
.dl-btn .dl-meta{font-size:.88rem;color:#334155}
.dl-btn.os-match{box-shadow:0 0 0 4px #fbbf24,0 8px 22px rgba(0,0,0,.3)}
.dl-btn .dl-tag{position:absolute;top:-11px;right:10px;background:#fbbf24;color:#0f172a;border:2px solid #0f172a;border-radius:999px;font-size:.72rem;font-weight:800;padding:1px 8px;text-transform:uppercase;letter-spacing:.03em}
/* translucent cards: tester + price */
.scan-cta.v2 .tester-home{margin:12px 0}
.scan-cta.v2 .tester-home .tester-box,.scan-cta.v2 .scan-price{display:block;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.5);border-radius:14px;padding:16px 18px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.scan-cta.v2 .tester-home .tester-invite-lg{font-size:1.45rem;font-weight:700;margin:0 0 6px;color:#fff}
.scan-cta.v2 .tester-home .tester-invite-lg .free-big{color:#86efac;font-size:1em;font-weight:800}
.scan-cta.v2 .tester-home hr,.scan-cta.v2 .tester-home .tester-panel{border-color:rgba(255,255,255,.3)}
.scan-cta.v2 .tester-home .tester-check{color:#e0e7ff;font-size:1.02rem}
.scan-cta.v2 .tester-home .tester-check b{color:#fff}
.scan-cta.v2 .tester-home .tester-check input{width:18px;height:18px;accent-color:#22c55e}
.scan-cta.v2 .tester-home .tester-label,.scan-cta.v2 .tester-home .tester-note,.scan-cta.v2 .tester-home .tester-done{color:#e0e7ff}
.scan-cta.v2 .tester-home .tester-note a,.scan-cta.v2 .tester-home .tester-done a,.scan-cta.v2 .tester-home .tester-done button{color:#fff}
.scan-cta.v2 .tester-home input[type=email]{background:#fff;color:#0f172a;border:2px solid #0f172a}
.scan-cta.v2 .tester-home .field-err{color:#fecaca}
.scan-cta.v2 .scan-price .sp-label{font-size:1.3rem;font-weight:700;margin:0 0 10px;color:#fff}
.scan-cta.v2 .sp-chips{display:flex;gap:12px;flex-wrap:wrap}
.scan-cta.v2 .sp-chip{font:inherit;cursor:pointer;display:inline-flex;align-items:baseline;gap:6px;min-width:230px;padding:10px 16px;border-radius:10px;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.55);color:#fff;text-align:left}
.scan-cta.v2 .sp-chip:hover{background:rgba(255,255,255,.18)}
.scan-cta.v2 .sp-chip:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
.scan-cta.v2 .sp-chip .sp-amount{font-size:1.7rem;font-weight:800;color:#fff}
.scan-cta.v2 .sp-chip .sp-period{font-size:1.05rem;color:#dbe4ff}
/* numbered step cards */
.scan-cta.v2 .scan-steps{gap:14px;margin:16px 0 14px}
.scan-cta.v2 .scan-steps li{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.45);border-radius:12px;padding:14px 16px;min-height:120px}
.scan-cta.v2 .scan-steps li b{font-size:1.1rem}
.scan-cta.v2 .scan-steps li span:last-child{color:#dbe4ff;opacity:1}
.scan-cta.v2 .scan-num{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:1.5px solid rgba(255,255,255,.7);width:28px;height:28px}
.scan-cta.v2 .scan-privacy{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.35)}
.scan-cta.v2 .dl-match{color:#dbe4ff;margin:8px 0 0}
@media (max-width:760px){.dl-btns{grid-template-columns:1fr}.dl-btn{min-height:68px}.scan-cta.v2{padding:18px}.scan-cta.v2 h2{font-size:1.5rem}.scan-cta.v2 .tester-home .tester-invite-lg{font-size:1.2rem}.scan-cta.v2 .sp-chip{min-width:0;flex:1 1 100%}.scan-cta.v2 .scan-steps li{min-height:0}}
@media (max-width:760px){.dl-btns,.scan-cta.v2 .scan-steps{grid-auto-rows:1fr}}
@media (max-width:760px){.dl-btn{display:grid;grid-template-columns:28px 1fr;column-gap:10px;align-content:center;align-items:center}.dl-btn .dl-icon{grid-row:1 / span 2}.dl-btn .dl-name,.dl-btn .dl-meta{grid-column:2}}