:root{--bg: #0a0e16;--bg-elev: #121826;--card: #161d2e;--line: #2a3348;--text: #e8edf7;--muted: #9aa6bd;--navy: #0c2340;--navy-bright: #1b3a63;--sox-red: #bd3039;--sox-red-dim: rgba(189, 48, 57, .18);--silver: #c5cedd;--accent: #e8b84a;--accent-dim: rgba(232, 184, 74, .12);--ok: #3ecf8e;--warn: #f0a04b;--danger: #ef6b73;--radius: 12px;--font: "Segoe UI", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,rgba(12,35,64,.55),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(189,48,57,.12),transparent 50%),var(--bg);color:var(--text);line-height:1.5;min-height:100vh}a{color:var(--accent)}.wrap{width:min(1180px,calc(100% - 2rem));margin-inline:auto}.site-header{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0e16d9;border-bottom:1px solid var(--line)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;flex-wrap:wrap}.logo{font-weight:800;letter-spacing:.04em;text-decoration:none;color:var(--text);font-size:1.05rem}.logo span{color:var(--sox-red)}.nav{display:flex;flex-wrap:wrap;gap:.85rem}.nav a{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:500}.nav a:hover,.nav a[aria-current=page]{color:var(--accent)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:10px;padding:.85rem 1.15rem;font-weight:700;font-size:.95rem;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;font-family:inherit;line-height:1.2}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--sox-red),#8f1f28);color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--silver);background:#ffffff08}.btn-block{width:100%}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.badge{display:inline-block;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(232,184,74,.35);border-radius:999px;padding:.25rem .75rem;font-size:.78rem;font-weight:600;margin-bottom:.85rem}.hero{padding:3rem 0 2rem;display:grid;gap:1.75rem}@media(min-width:860px){.hero{grid-template-columns:1.35fr 1fr;align-items:center}}h1{font-size:clamp(2rem,4.2vw,3rem);line-height:1.12;margin:0 0 .75rem;letter-spacing:-.02em}h2{margin:0 0 .5rem;font-size:1.55rem}h3{margin:0 0 .5rem;font-size:1.05rem}.lead{color:var(--muted);font-size:1.05rem;max-width:42rem;margin:0}.hero-card{background:linear-gradient(160deg,var(--navy-bright),var(--card));border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem 1.4rem;box-shadow:0 0 0 1px #bd303914}.hero-list{margin:.75rem 0 0;padding-left:1.1rem;color:var(--silver)}.page-hero{margin-bottom:1.5rem}.builder-section{padding:1rem 0 3rem}.builder-layout{display:grid;gap:1.5rem}@media(min-width:980px){.builder-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}}.cat-block{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem 1.15rem;margin-bottom:.9rem}.cat-block.is-locked{opacity:.55}.cat-block h3{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.step-pill{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--sox-red-dim);color:#ff8a90;border:1px solid rgba(189,48,57,.4);border-radius:999px;padding:.15rem .5rem}.step-pill.muted{background:#9aa6bd1f;color:var(--muted);border-color:var(--line)}.cat-hint{color:var(--muted);font-size:.88rem;margin:.35rem 0 .75rem}.part-options{display:grid;gap:.5rem}.part-option{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:start;padding:.7rem .8rem;border-radius:10px;border:1px solid var(--line);background:var(--bg-elev);cursor:pointer}.part-option:hover{border-color:var(--navy-bright)}.part-option.is-selected{border-color:var(--sox-red);box-shadow:inset 0 0 0 1px #bd303959;background:linear-gradient(90deg,rgba(189,48,57,.12),transparent 70%)}.part-option input{margin-top:.2rem}.part-option .name{font-weight:650;font-size:.92rem}.part-option .meta{color:var(--muted);font-size:.8rem}.part-option .price{font-weight:700;color:var(--accent);white-space:nowrap}.summary-panel{position:sticky;top:4.5rem;display:flex;flex-direction:column;gap:.75rem}.viewport-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.viewport-head{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--line)}.preview-progress{font-size:.85rem;font-weight:700;color:var(--silver);background:var(--navy);border:1px solid var(--navy-bright);border-radius:999px;padding:.2rem .65rem}.viewport{width:100%;height:min(420px,55vh);background:#070b12;position:relative}.viewport canvas{display:block;width:100%!important;height:100%!important}.scene-tip{position:absolute;left:0;top:0;z-index:3;max-width:70%;background:#0c121eeb;border:1px solid rgba(197,206,221,.3);color:#fff;font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px #00000059}.scene-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#9aa6bd;font-size:14px;font-weight:600;pointer-events:none}.scene-tip[hidden],.scene-empty[hidden]{display:none}.preview-caption{margin:0;padding:.65rem 1rem .85rem;color:var(--muted);font-size:.85rem}.complete-banner{margin:0 1rem 1rem;padding:.7rem .85rem;border-radius:10px;background:#3ecf8e1f;border:1px solid rgba(62,207,142,.45);color:var(--ok);font-weight:650;font-size:.9rem}.summary-list{list-style:none;margin:0;padding:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.summary-list li{display:flex;justify-content:space-between;gap:.75rem;padding:.55rem .85rem;border-bottom:1px solid var(--line);font-size:.88rem}.summary-list li:last-child{border-bottom:0}.summary-list .slot{color:var(--muted)}.summary-list .val{text-align:right;font-weight:600}.total-row{display:flex;justify-content:space-between;align-items:baseline;font-size:1.15rem;font-weight:800;padding:.35rem .15rem}.total-row span:last-child{color:var(--accent)}.fine{color:var(--muted);font-size:.8rem;margin:0}.compat-box{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elev);padding:.75rem .9rem;font-size:.85rem;min-height:2.5rem}.compat-box .warn{color:var(--warn);margin:.25rem 0}.compat-box .note{color:var(--ok);margin:.25rem 0}.compat-box .empty{color:var(--muted);margin:0}.stub-section{padding:1.5rem 0 2.5rem;border-top:1px solid var(--line)}.site-footer{border-top:1px solid var(--line);background:var(--navy);padding:2rem 0 1.5rem;margin-top:1rem}.site-footer .inner{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:1.25rem}.site-footer a{color:var(--silver);text-decoration:none;display:inline-block;margin-top:.25rem}.site-footer a:hover{color:var(--accent)}.copy{color:var(--muted);font-size:.8rem;margin:0}.part-option.case-card{grid-template-columns:auto 96px 1fr auto;align-items:center}.case-thumb{width:96px;height:96px;object-fit:contain;border-radius:8px;background:#e9edf3;border:1px solid var(--line)}.case-text .specs{color:var(--silver);font-size:.76rem;margin-top:.2rem}.case-pills{display:flex;flex-wrap:wrap;gap:.3rem;margin:.15rem 0 .2rem}.mini-pill{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--silver);background:#1b3a638c;border:1px solid var(--navy-bright);border-radius:999px;padding:.05rem .45rem}.mini-pill.pill-default{color:#ff8a90;background:var(--sox-red-dim);border-color:#bd303973}.case-flags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.flag-chip{font-size:.72rem;color:var(--warn);background:#f0a04b1a;border:1px solid rgba(240,160,75,.35);border-radius:6px;padding:.05rem .4rem}.price-note{color:var(--muted);font-size:.7rem;margin-top:.25rem;font-style:italic}.btn-link{justify-self:start;background:none;border:0;color:var(--muted);font:inherit;font-size:.8rem;text-decoration:underline;cursor:pointer;padding:.2rem 0}.summary-case{display:grid;grid-template-columns:110px 1fr;gap:.85rem;align-items:center;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--sox-red);border-radius:var(--radius);padding:.7rem}.summary-case[hidden]{display:none}.summary-case-img{width:110px;height:110px;object-fit:contain;background:#e9edf3;border-radius:8px}.summary-case-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.summary-case-name{font-weight:750;font-size:1rem}.summary-case-meta{color:var(--silver);font-size:.78rem}.summary-list li.addon-row .slot,.summary-list li.addon-row .val{color:var(--warn)}@media(max-width:560px){.part-option.case-card{grid-template-columns:auto 64px 1fr}.part-option.case-card .price{grid-column:3}.case-thumb{width:64px;height:64px}}.complete-banner.has-warnings{background:#f0a04b1a;border-color:#f0a04b73;color:var(--warn)}.bundle-parts{list-style:none;margin:.35rem 0 0;padding:0;display:grid;gap:.12rem}.bundle-parts li{display:grid;grid-template-columns:3.4rem 1fr;gap:.4rem;font-size:.76rem}.bundle-parts .bp-k{color:var(--muted);font-weight:700;text-transform:uppercase;font-size:.66rem;letter-spacing:.04em;padding-top:.1rem}.bundle-parts .bp-v{color:var(--silver)}.mini-pill.pill-free{color:var(--ok);background:#3ecf8e1a;border-color:#3ecf8e66}.mini-pill.pill-entry{color:var(--muted);background:#9aa6bd1a;border-color:var(--line)}.part-option .price.price-cost{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.price-tag{display:block;max-width:7.5rem;white-space:normal;font-size:.64rem;font-weight:600;line-height:1.2;color:var(--warn);margin-top:.15rem}.price.price-free{color:var(--ok);font-size:.85rem}.summary-list li.sub-row{padding-top:.2rem;padding-bottom:.2rem;font-size:.78rem;background:#ffffff04}.summary-list li.sub-row .slot{padding-left:.6rem}.summary-list li.sub-row .val{color:var(--silver);font-weight:500}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;text-align:left;padding:.85rem .9rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--text);font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease}.mode-card:hover:not(:disabled){border-color:var(--navy-bright)}.mode-card:disabled{opacity:.45;cursor:not-allowed}.mode-card.is-selected{border-color:var(--accent);background:#24488c2e;box-shadow:inset 0 0 0 1px var(--accent)}.mode-title{font-weight:800;font-size:.98rem}.mode-blurb{font-size:.78rem;color:var(--muted);line-height:1.35}.mode-tag{font-size:.72rem;font-weight:700;color:var(--ok)}.mode-tag.muted{color:var(--silver);font-weight:600}.bundle-save{margin-top:.4rem;font-size:.78rem;font-weight:700;color:var(--ok)}.bundle-save.pending{color:var(--warn);font-weight:600}.price-tag.muted{color:var(--muted)}.bundle-nudge{margin-top:.75rem;padding:.75rem .85rem;border-radius:var(--radius);border:1px solid rgba(62,207,142,.45);background:#3ecf8e14}.nudge-title{font-weight:800;color:var(--ok)}.nudge-body{font-size:.8rem;color:var(--silver);margin:.25rem 0 .55rem}.btn-nudge{font:inherit;font-size:.8rem;font-weight:700;padding:.4rem .8rem;border-radius:999px;border:1px solid var(--ok);background:transparent;color:var(--ok);cursor:pointer}.btn-nudge:hover{background:#3ecf8e26}.summary-list li.save-row .val,.summary-list li.nudge-row .val{color:var(--ok);font-weight:600}@media(max-width:640px){.mode-options{grid-template-columns:1fr}}.bundle-save.neutral{color:var(--silver);font-weight:600}.summary-list li.service-row .val{color:var(--text)}.preview-strip{background:var(--accent-dim);color:var(--accent);border-bottom:1px solid var(--line);text-align:center;font-size:.8rem;padding:.35rem 1rem}.policy-blurb{font-size:.85rem;color:var(--muted);margin:.75rem 0 0;line-height:1.5}.policy-page{padding:2rem 0 3rem}.policy{max-width:760px;margin:0 auto;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:2rem 2.25rem;line-height:1.65}.policy h1{font-size:1.9rem;margin-top:0;line-height:1.25}.policy h2{font-size:1.25rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line)}.policy p,.policy li{color:var(--text)}.policy ul,.policy ol{padding-left:1.4rem}.policy li{margin:.3rem 0}.policy strong{color:#fff}.policy table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}.policy th,.policy td{border:1px solid var(--line);padding:.55rem .7rem;text-align:left;vertical-align:top}.policy th{background:var(--card)}.policy blockquote{margin:1rem 0;padding:.75rem 1rem;border-left:3px solid var(--accent);background:var(--card);border-radius:8px}@media(max-width:640px){.policy{padding:1.25rem}}