@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#0e0f0d;--header:#171714;--panel:#1b1a17;--panel-2:#201f1b;--border:#373630;--border-soft:#2c2b26;--teal:#49b99e;--teal-bright:#54c8a8;--teal-dim:#237765;--text:#f2f1ed;--muted:#aaa9a4;--subtle:#797973;--blue:#66a8f4;--green:#78c878;--red:#f07566;--radius:14px;--mono:'DM Mono','SFMono-Regular',Consolas,monospace;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;min-width:320px}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.page-shell{width:min(1220px,calc(100% - 64px));margin-inline:auto}.hidden{display:none!important}
.site-header{height:68px;background:rgba(25,24,21,.97);border-bottom:1px solid #2b2a25;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1220px)/2));position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.brand{display:flex;gap:9px;align-items:center;font-size:24px;font-weight:700;letter-spacing:-1.2px;white-space:nowrap}.brand-icon{width:41px;height:36px;color:var(--teal);flex:none}.brand-light{font-weight:500;color:#e9e8e4}.main-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:38px;align-items:center}.main-nav a{font-size:12px;letter-spacing:.06em;color:#9e9d97;font-weight:700;transition:color .18s}.main-nav a:hover,.footer-links a:hover{color:var(--teal)}.header-actions{display:flex;gap:12px}.button{border:1px solid var(--border);background:#191916;border-radius:9px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;transition:background .18s,border-color .18s,transform .18s,color .18s}.button:hover{border-color:var(--teal);transform:translateY(-1px)}.button svg{width:17px;height:17px}.button.small{padding:8px 15px;font-size:13px}.button.outline{border-color:var(--teal-dim);color:var(--teal);background:transparent}.button.outline:hover{background:#17332c;border-color:var(--teal)}.button.primary{color:#07120f;background:var(--teal);border-color:var(--teal);box-shadow:0 6px 22px rgba(57,183,151,.12)}.button.primary:hover{background:var(--teal-bright)}.button.ghost{background:transparent;border-color:#32312b;color:#cbc9c2}.button.ghost:hover{border-color:var(--teal-dim);color:var(--teal)}.button:disabled{opacity:.55;cursor:wait;transform:none}.text-button{border:0;background:none;color:var(--teal);font-weight:700;padding:9px 0}.text-button:hover{color:var(--teal-bright)}
.hero{min-height:670px;padding-top:94px;padding-bottom:60px;display:grid;grid-template-columns:1.13fr .87fr;gap:54px;align-items:center}.hero-copy{max-width:660px}.hero h1{font-size:clamp(48px,5vw,68px);line-height:1.04;letter-spacing:-3.2px;margin:0 0 23px;font-weight:750}.hero h1 span{white-space:nowrap}.hero-lede{max-width:620px;font-size:21px;line-height:1.48;color:#b8b7b1;margin:0 0 16px;font-weight:500;letter-spacing:-.35px}.value-points{display:flex;gap:17px;flex-wrap:wrap;margin:0 0 30px;font:500 10px var(--mono);letter-spacing:.05em;color:#b9bbb4}.value-points span{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.value-points svg{width:16px;height:16px;color:var(--teal)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.hero-form{display:grid;grid-template-columns:145px 1fr;gap:18px;padding:21px 22px 20px;box-shadow:0 14px 36px #0002}.hero-form label>span,.use-field legend{display:block;color:#a3a199;font:500 10px var(--mono);letter-spacing:.08em;margin-bottom:9px}.input-wrap{height:48px;border:1px solid #34332d;background:#0f100e;border-radius:8px;display:flex;align-items:center;padding:0 11px;gap:7px}.input-wrap:focus-within{border-color:var(--teal);box-shadow:0 0 0 2px #49b99e22}.input-wrap b{font-size:19px;color:#c1c0b8}.input-wrap input{width:100%;border:0;outline:none;background:transparent;color:var(--text);font-size:18px;font-weight:650}.input-wrap input::placeholder{color:#cfcec7;opacity:1}.input-wrap input::-webkit-inner-spin-button,.input-wrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-wrap input[type=number]{appearance:textfield;-moz-appearance:textfield}.use-field{border:0;padding:0;margin:0;min-width:0}.use-field legend{padding:0}.use-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.use-chip{height:48px;text-align:left;background:#0f100e;border:1px solid #34332d;border-radius:8px;color:#a9a8a1;padding:0 10px;display:flex;align-items:center;gap:7px;font-size:13px;transition:.15s}.use-chip svg{width:15px;height:15px;color:#8d8c85;flex:none}.use-chip:hover{border-color:#4e655d;color:#d4d4cf}.use-chip.selected{border-color:var(--teal);background:#142922;color:var(--teal);box-shadow:inset 0 0 0 1px #49b99e22}.use-chip.selected svg{color:var(--teal)}.form-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:42px}.form-bottom .button{margin-left:auto;min-width:180px}.form-error{font-size:12px;color:#ff8f7d}.microcopy{color:#8f8e88;font-size:12px;line-height:1.65;margin:17px 0 0}.microcopy strong{color:#c8c7c1}.hero-visual{height:505px;position:relative;display:flex;align-items:center;justify-content:center}.hero-halo{position:absolute;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,rgba(34,128,103,.17),rgba(34,128,103,.07) 38%,transparent 72%);filter:blur(7px)}.floating-card{border:1px solid #383730;background:linear-gradient(145deg,#22211e,#171714);border-radius:18px;box-shadow:0 22px 58px #0007}.main-float{width:min(365px,90%);height:210px;position:relative;z-index:3;padding:22px 24px;transform:translate(14px,-5px);border-color:#4b4941}.float-head{display:flex;justify-content:space-between;align-items:center;font-size:15px;margin-bottom:22px}.price-tag{font:500 13px var(--mono);color:#83bdfb;background:#18304a;border:1px solid #294967;border-radius:99px;padding:4px 11px}.brand-pill{display:inline-flex;align-items:center;gap:5px;color:#b8b8b1;background:#11120f;border:1px solid #302f29;border-radius:99px;padding:7px 11px;font:700 12px var(--mono);white-space:nowrap}.intel-word{color:#70aaf5;font-style:italic;font-size:12px;letter-spacing:-1px}.nvidia-word{color:#84cb69;font-family:var(--sans);font-size:14px;letter-spacing:-.5px}.brand-pill.amd{color:#df7a6b}.brand-pill.amd b:first-child{color:#ed725f}.score-line{display:flex;align-items:center;justify-content:space-between;margin-top:24px;font-size:11px;color:#b1b0a9}.score-line span{display:flex;align-items:center;gap:6px}.score-line i{width:12px;height:8px;border:1px solid #93928c;border-radius:2px;display:inline-block}.score-line b{font:500 12px var(--mono);color:#c9c8c2}.score-track{height:6px;border-radius:6px;background:#34332e;margin-top:10px;overflow:hidden}.score-track i{display:block;width:56%;height:100%;background:linear-gradient(90deg,#4d9be8,#79b5f9);border-radius:6px}.top-pick{display:block;position:absolute;right:24px;bottom:18px;color:#c6bb68;font:500 9px var(--mono);letter-spacing:.1em}.top-pick svg{width:12px;height:12px;vertical-align:-3px}.floating-back{position:absolute;z-index:1;width:350px;height:184px;padding:20px;opacity:.76;display:flex;align-items:flex-start;justify-content:space-between}.back-one{transform:translate(42px,10px) rotate(2deg);border-color:#2e6152}.back-two{transform:translate(-22px,23px) rotate(-3deg);border-color:#6c4340}.mini-price{font:500 12px var(--mono);color:#d2d0c8}.variant-strip{position:absolute;left:0;right:0;bottom:37px;display:flex;justify-content:center;gap:9px}.variant-strip .brand-pill{font-size:10px;padding:6px 10px;background:#1a1915}.variant-strip .nvidia-word{font-size:11px}.variant-caption{position:absolute;bottom:0;margin:0;color:#999891;font-size:12px}
.sample-section,.how-section,.sources-section{padding-top:70px;padding-bottom:95px}.sample-section{border-top:1px solid #22221e}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.eyebrow{display:block;color:var(--teal);font:500 10px var(--mono);letter-spacing:.16em;margin-bottom:10px}.section-head h2,.budget-head h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 8px}.section-head p,.budget-head p{margin:0;color:#a8a7a0;font-size:15px}.section-head strong{color:#dddcd6}.sample-date{text-align:right;color:#b3b2ac;font:11px var(--mono);line-height:1.8;padding-bottom:4px}.sample-date span{color:#818079}.sample-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.sample-main{min-width:0}.sample-tabs,.variant-selectors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.sample-tab,.variant-card{min-height:74px;border:1px solid var(--border);background:#171714;border-radius:10px;color:#c4c3bc;text-align:left;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:8px}.sample-tab:hover,.variant-card:hover{border-color:#55544d}.sample-tab.active,.variant-card.active{border-color:var(--teal);background:linear-gradient(120deg,#183129,#191916 80%);box-shadow:inset 0 0 0 1px #49b99e29}.sample-tab .tab-name,.variant-card .tab-name{display:flex;flex-direction:column;gap:2px}.sample-tab .tab-name b,.variant-card .tab-name b{font-size:12px;letter-spacing:.025em}.sample-tab .tab-name span,.variant-card .tab-name span{color:#93928b;font:10px var(--mono)}.sample-tab .tab-price,.variant-card .tab-price{text-align:right;font:600 14px var(--mono);white-space:nowrap}.sample-tab .top-label,.variant-card .top-label{color:#d1c25d;font:9px var(--mono);letter-spacing:.08em}.disclosure{color:#9d9c94;background:#171714;border:1px solid #2f2e29;border-radius:8px;padding:10px 13px;font-size:11px;line-height:1.5;margin:0 0 12px}.parts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.part-card{padding:15px 16px 13px;min-width:0;background:#1b1a17;border:1px solid #383730;border-radius:11px;transition:border .18s,transform .18s}.part-card:hover{border-color:#55544b;transform:translateY(-1px)}.part-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.part-category{display:flex;align-items:center;gap:7px;color:#8d8c84;font:500 10px var(--mono);letter-spacing:.09em;text-transform:uppercase}.part-category svg{width:14px;height:14px}.part-price{font:600 16px var(--mono);white-space:nowrap}.part-name{display:block;color:#d5d4cd;font-size:13px;line-height:1.45;min-height:38px}.buy-links{display:flex;align-items:center;gap:12px;border-top:1px solid #302f2a;margin-top:12px;padding-top:10px}.buy-links a{display:inline-flex;align-items:center;gap:4px;color:var(--teal);font:500 10px var(--mono);white-space:nowrap}.buy-links a:hover{text-decoration:underline;color:var(--teal-bright)}.buy-links a svg{width:12px;height:12px}.summary-card{padding:19px 19px 17px;position:sticky;top:86px}.summary-card h3{margin:1px 0 17px;font:500 11px var(--mono);letter-spacing:.13em;color:#aaa99f}.summary-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:10px 0;color:#bdbcb5;font-size:12px}.summary-row strong{color:#eee;font:600 13px var(--mono)}.summary-row.total{padding-top:15px;margin-top:16px;border-top:1px solid #393832;font-size:13px}.summary-row.total strong{font-size:21px;letter-spacing:-.5px}.progress-line{height:5px;background:#36352f;border-radius:5px;overflow:hidden;margin:12px 0 5px}.progress-line i{display:block;height:100%;background:var(--blue);border-radius:5px}.summary-small{display:flex;justify-content:space-between;color:#898880;font:10px var(--mono)}.summary-divider{height:1px;background:#35342e;margin:16px 0}.sample-check,.compat-toggle{display:flex;align-items:center;gap:9px;background:#171714;border:1px solid #34332d;border-radius:9px;padding:12px 14px;margin-top:13px;color:#aaa99f;font-size:11px}.sample-check svg{width:17px;height:17px;color:#74c989;flex:none}.sample-check b{color:#79c98c}.price-footnote{color:#83827b;font:10px var(--mono);text-align:center;margin:11px 0 0;line-height:1.6}.build-yours{margin:24px auto 0;display:flex;min-width:166px;padding:14px 21px;font-size:15px}.build-yours-note{text-align:center;color:#9b9a93;margin:9px 0 0;font-size:12px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step-card{padding:24px 22px;min-height:225px;position:relative}.step-number{position:absolute;right:20px;top:18px;color:#56554f;font:500 11px var(--mono)}.step-icon{display:flex;width:42px;height:42px;border:1px solid #356b5d;border-radius:12px;align-items:center;justify-content:center;color:var(--teal);background:#183027;margin-bottom:19px}.step-icon svg{width:21px;height:21px}.step-card h3{margin:0 0 8px;font-size:16px}.step-card p,.source-card p{margin:0;color:#a4a39c;line-height:1.7;font-size:13px}.sources-section{padding-top:60px;border-top:1px solid #22221e}.source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.source-card{padding:23px 24px;min-height:192px}.source-card h3{font-size:17px;margin:0 0 8px;letter-spacing:-.3px}.site-footer{background:#151512;border-top:1px solid #2c2b26;padding:44px 0 32px}.footer-inner{display:grid;grid-template-columns:1fr 2fr;gap:80px}.footer-brand p{color:#999890;font-size:12px;max-width:290px;margin:14px 0 32px;line-height:1.7}.copyright{color:#74736d;font:10px var(--mono)}.footer-links{display:grid;grid-template-columns:1fr 1.4fr 1.15fr;gap:26px}.footer-links h3{color:#85847e;font:500 10px var(--mono);letter-spacing:.12em;margin:6px 0 15px}.footer-links a{display:block;color:#b1b0aa;font-size:12px;margin:0 0 10px}
/* builder */
body[data-view=builder] .site-header,body[data-view=results] .site-header{display:none}.builder-view,.results-view{padding-bottom:75px}.builder-top{height:65px;border-bottom:1px solid #2b2a25;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.builder-top>.button{justify-self:end}.builder-brand{display:flex;justify-content:center;align-items:center;gap:10px;font-size:22px;letter-spacing:-.5px}.builder-brand .brand-icon{width:37px;height:32px}.text-button span{font-size:17px;margin-right:4px}.builder-intro{text-align:center;margin:41px auto 39px;max-width:690px}.builder-intro h1,.results-title-row h1{font-size:36px;letter-spacing:-1.3px;line-height:1.2;margin:0 0 11px}.builder-intro p{font-size:16px;color:#aaa9a2;margin:0}.builder-layout{display:grid;grid-template-columns:minmax(350px,.88fr) minmax(0,1.12fr);gap:48px;align-items:start;max-width:1050px;margin:auto}.requirements{padding:22px 23px 20px}.requirements h2{display:flex;gap:10px;align-items:center;font-size:20px;margin:0 0 23px;letter-spacing:-.3px}.requirements h2 .brand-icon{width:39px;height:33px}.full-label,.requirements h3{display:block;font-size:14px;font-weight:700;margin:0 0 8px}.builder-input{height:44px;background:#20201b;border-color:#3a3932}.builder-input input{font-size:14px}.label-spaced{margin-top:24px!important;margin-bottom:10px!important}.builder-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.builder-use-card{min-height:115px;padding:11px 9px 10px;border:1px solid #393832;border-radius:9px;background:#1a1916;display:flex;align-items:center;flex-direction:column;text-align:center;color:#aaa9a1;transition:.15s}.builder-use-card:hover{border-color:#55554e;color:#ddd}.builder-use-card.selected{border-color:var(--teal);background:#153027;color:var(--teal);box-shadow:inset 0 0 0 1px #49b99e29}.builder-use-card svg{width:20px;height:20px;margin-bottom:5px}.builder-use-card b{font-size:12px;margin-bottom:3px}.builder-use-card span{font-size:10px;line-height:1.35;color:#8e8d87}.builder-use-card.selected span{color:#a9c5ba}.toggle-row{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px}.toggle-row input{position:absolute;opacity:0}.fake-toggle{width:16px;height:16px;border:1px solid #476b5e;border-radius:4px;background:#11120f;position:relative}.toggle-row input:checked+.fake-toggle{background:var(--teal);border-color:var(--teal)}.toggle-row input:checked+.fake-toggle:after{content:'✓';position:absolute;left:2px;top:-3px;color:#08110e;font-size:13px;font-weight:800}.toggle-row svg{width:16px;height:16px;color:#aaa9a1}.help-text{font-size:11px;line-height:1.5;color:#86857e;margin:7px 0 0 24px}.toggle-row+.help-text{margin-left:24px}.full-button{width:100%;margin-top:22px;height:48px}.requirements>.help-text:last-of-type{margin:14px 0 0;text-align:center}.builder-error{margin:5px 0 0}.budget-head{margin-bottom:14px}.budget-head h2{font-size:29px;margin-bottom:9px}.budget-head p{font-size:13px;line-height:1.5}.updated-label{display:block;color:#929189;font:10px var(--mono);margin-top:10px}.tier-group{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:15px 14px;margin-bottom:12px}.tier-group-head{display:flex;align-items:center;justify-content:space-between;color:#c7c5bd;font:500 10px var(--mono);letter-spacing:.12em;margin:0 4px 8px}.tier-group-head span:last-child{color:#77766f;font-size:9px}.tier-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid transparent;border-radius:8px;background:transparent;padding:10px 9px;color:#cbc9c2;text-align:left;font-size:13px;transition:.15s}.tier-row:hover,.tier-row.active{background:#23221e;border-color:#3d3c35}.tier-row .tier-name{font-weight:600}.tier-row .tier-value{display:flex;align-items:center;gap:10px;color:var(--teal);font:600 13px var(--mono);white-space:nowrap}.tier-row .tier-value svg{width:14px;height:14px;color:#82817a;transition:transform .15s}.tier-row.active .tier-value svg{transform:rotate(180deg)}.tier-expanded{padding:6px 10px 10px 16px;border-top:1px solid #383730;margin:3px 0 2px;color:#9c9b94;font-size:11px;line-height:1.5}.tier-exp-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.tier-exp-row b{color:#80baf7}.tier-exp-row .button{font-size:10px;padding:6px 9px}.tier-footnote{margin:12px 0 0}
/* results */
.results-title-row{display:flex;align-items:flex-end;justify-content:space-between;margin:37px 0 22px;gap:20px}.results-title-row h1{font-size:34px}.results-title-row h1 span{color:#e9e8e2}.results-title-row p{color:#aaa9a2;margin:0;font-size:13px}.results-title-row p strong{color:#deddd7}.results-status{display:flex;align-items:center;gap:8px;color:#8e8d86;font:10px var(--mono);padding-bottom:7px}.status-dot{width:7px;height:7px;border-radius:99px;background:#70cb8a;box-shadow:0 0 10px #70cb8a55}.variant-selectors{margin-bottom:18px}.variant-card{min-height:86px}.variant-card .variant-glyph{font-size:22px;color:var(--teal)}.variant-card:nth-child(2) .variant-glyph{color:#e17a67}.variant-card .top-label{margin-top:2px}.results-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2c2b26;border-bottom:1px solid #2c2b26;padding:13px 0;margin-bottom:14px;gap:15px}.results-toolbar>div:first-child{color:#d8d7d0;font-size:13px}.results-toolbar>div:first-child span{color:#88877f;font-size:11px}.toolbar-actions{display:flex;gap:8px}.share-wrap{position:relative}.share-menu{position:absolute;right:0;top:43px;width:205px;border:1px solid #3c3b34;border-radius:9px;background:#23221e;box-shadow:0 14px 30px #0009;padding:5px;z-index:9}.share-menu button{display:block;width:100%;border:0;background:transparent;color:#cbc9c2;text-align:left;padding:9px 10px;border-radius:6px;font-size:11px}.share-menu button:hover{background:#31302a;color:var(--teal)}.results-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.results-left .disclosure{margin-bottom:12px}.results-parts{gap:10px}.results-parts .part-card{padding:14px 15px 12px}.results-parts .part-name{min-height:42px}.extras-row{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap}.extras-row .button{font-size:11px}.extras-copy{margin-left:0}.result-summary{top:86px}.result-summary .summary-row.total strong{font-size:20px}.result-summary .summary-row.total{margin-top:8px;padding-top:8px}.result-summary .summary-small{font-size:9px}.compat-wrap{margin-top:19px;overflow:hidden}.compat-toggle{width:100%;margin:0;border:0;text-align:left;justify-content:space-between;padding:13px 15px;background:transparent;cursor:pointer}.compat-toggle>span:first-child{display:grid;grid-template-columns:24px 1fr;align-items:center;column-gap:8px}.compat-check{width:22px;height:22px;background:#18362a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#7ed08d;grid-row:span 2}.compat-check svg{width:14px;height:14px}.compat-toggle b{font-size:12px;color:#dddcd6}.compat-toggle small{grid-column:2;color:#96958e;font-size:10px;margin-top:2px}.compat-toggle .chevron{font-size:18px;color:#898880;transition:transform .15s}.compat-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}.compat-details{border-top:1px solid #33322c;padding:10px 15px 13px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 18px}.compat-item{font-size:10px;color:#aaa9a2;display:flex;align-items:center;gap:6px}.compat-item svg{width:13px;height:13px;color:#7aca8e}.centered{text-align:center}.result-actions{display:flex;gap:10px;justify-content:center;margin:24px 0 35px}.explanation-card{padding:20px 22px;display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:8px}.explanation-card h2{font-size:18px;margin:0 0 5px}.explanation-card p{color:#aaa9a2;font-size:12px;margin:0}.rationale-note{color:#a7a69f;font-size:10px;display:flex;gap:6px;align-items:center}.rationale-note svg{width:16px;height:16px;color:var(--teal)}
.modal-root{position:fixed;inset:0;background:#000a;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:min(680px,100%);background:#1d1c18;border:1px solid #47463d;border-radius:15px;box-shadow:0 30px 90px #000a;padding:24px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:19px}.modal-head h2{margin:0;font-size:22px;letter-spacing:-.5px}.modal-head p{margin:5px 0 0;color:#999890;font-size:12px}.icon-button{border:1px solid #3d3c35;background:transparent;border-radius:7px;width:32px;height:32px;color:#aaa9a2;font-size:18px;line-height:1}.compare-list{display:grid;gap:13px}.compare-row{display:grid;grid-template-columns:112px 1fr 55px;gap:11px;align-items:center;font-size:11px;color:#bcbab3}.compare-bar{height:9px;background:#34332d;border-radius:9px;overflow:hidden}.compare-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#378c76,#64c5a5)}.compare-row:nth-child(2) .compare-bar i{background:linear-gradient(90deg,#c66d4b,#efa36c)}.compare-row:nth-child(3) .compare-bar i{background:linear-gradient(90deg,#6c8dd0,#7eaff6)}.compare-row strong{text-align:right;font:500 11px var(--mono);color:#e4e3dc}.modal-footnote{color:#84837c;font-size:10px;margin:17px 0 0}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:120;background:#24241f;border:1px solid #4b4a40;border-radius:9px;padding:10px 15px;color:#e1e0d9;font-size:12px;box-shadow:0 10px 28px #0008;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}
.spinner{display:inline-block;width:13px;height:13px;border:2px solid #0b1b16;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.page-shell{width:min(100% - 44px,850px)}.site-header{padding-inline:22px}.main-nav{gap:20px}.hero{grid-template-columns:1.1fr .9fr;gap:28px;min-height:620px;padding-top:70px}.hero h1{font-size:55px}.hero-lede{font-size:18px}.hero-form{grid-template-columns:120px 1fr;padding:17px}.hero-visual{height:430px}.variant-strip{gap:5px}.variant-strip .brand-pill{padding:6px 7px;font-size:9px}.sample-layout{grid-template-columns:minmax(0,1fr) 270px}.builder-layout{gap:28px}.results-layout{grid-template-columns:minmax(0,1fr) 255px}.buy-links{gap:8px}.buy-links a{font-size:9px}}
@media(max-width:740px){.page-shell{width:calc(100% - 32px)}.site-header{height:62px;padding-inline:16px}.brand{font-size:21px}.brand-icon{width:35px;height:30px}.main-nav{display:none}.header-actions{gap:7px}.header-actions .button{padding:7px 10px;font-size:11px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:15px;padding-top:56px;min-height:unset}.hero h1{font-size:clamp(43px,11vw,59px);letter-spacing:-2.4px}.hero h1 span{white-space:normal}.hero-lede{font-size:17px;max-width:520px}.value-points{gap:10px;margin-bottom:22px;font-size:9px}.value-points span{gap:4px}.value-points svg{width:14px;height:14px}.hero-form{grid-template-columns:1fr;padding:16px;gap:14px}.budget-field{max-width:170px}.form-bottom .button{width:100%;margin:0}.form-bottom{display:block}.form-bottom .form-error:not(:empty){display:block;margin-bottom:8px}.use-chip{font-size:12px;justify-content:center}.hero-visual{height:330px;margin-top:4px}.hero-halo{width:330px;height:330px}.main-float{width:min(340px,83%);height:180px;padding:18px;transform:translate(3px,-9px)}.float-head{margin-bottom:14px}.score-line{margin-top:18px}.floating-back{width:min(320px,78%);height:165px}.variant-strip{bottom:28px;flex-wrap:wrap}.variant-caption{font-size:10px}.sample-section,.how-section,.sources-section{padding-top:55px;padding-bottom:65px}.section-head{display:block;margin-bottom:23px}.section-head h2,.budget-head h2{font-size:27px}.section-head p{font-size:13px}.sample-date{text-align:left;margin-top:12px}.sample-layout{display:flex;flex-direction:column}.sample-main,.summary-card{width:100%}.summary-card{position:static;order:-1}.sample-tabs{grid-template-columns:1fr;gap:7px}.sample-tab{min-height:61px}.parts-grid{grid-template-columns:1fr;gap:9px}.part-name{min-height:unset}.steps-grid{grid-template-columns:1fr}.step-card{min-height:unset;padding:20px}.step-icon{margin-bottom:13px}.source-grid{grid-template-columns:1fr}.source-card{min-height:unset;padding:20px}.footer-inner{grid-template-columns:1fr;gap:32px}.footer-brand p{margin-bottom:17px}.footer-links{grid-template-columns:1fr 1fr;gap:22px}.footer-links>div:last-child{grid-column:2}.builder-view,.results-view{width:calc(100% - 28px)}.builder-top{height:60px;grid-template-columns:1fr auto 1fr;gap:8px}.builder-top .text-button{font-size:11px;text-align:left}.builder-top>.button.small{padding:7px 9px}.builder-brand{font-size:16px;gap:4px}.builder-brand .brand-icon{width:29px;height:27px}.builder-intro{margin:30px auto 26px}.builder-intro h1,.results-title-row h1{font-size:29px}.builder-intro p{font-size:13px}.builder-layout{grid-template-columns:1fr;gap:25px}.requirements{padding:18px}.requirements h2{font-size:18px}.builder-use-card{min-height:104px}.results-title-row{display:block;margin:27px 0 19px}.results-status{padding:10px 0 0}.variant-selectors{grid-template-columns:1fr;gap:7px}.variant-card{min-height:62px}.results-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%}.toolbar-actions .button{font-size:10px;padding:8px 9px}.results-layout{grid-template-columns:1fr}.result-summary{position:static;order:-1}.results-parts .part-name{min-height:unset}.result-actions{flex-direction:column}.result-actions .button{width:100%}.explanation-card{display:block}.rationale-note{margin-top:15px}.compat-details{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.header-actions #signInBtn{display:none}.hero h1{font-size:42px}.value-points{font-size:8px}.use-chip{font-size:11px;padding:0 5px}.use-chip svg{width:13px;height:13px}.footer-links{gap:15px}.builder-use-grid{gap:5px}.builder-use-card{padding-inline:5px}.compare-row{grid-template-columns:85px 1fr 44px}.variant-strip .brand-pill{font-size:8px}}
@media print{body{background:white;color:#111}.site-header,.builder-top,.toolbar-actions,.extras-row,.compat-toggle,.result-actions,.site-footer,.share-menu{display:none!important}.page-shell{width:100%}.results-view{display:block!important}.panel,.part-card{background:white;border-color:#ccc;color:#111;break-inside:avoid}.part-name,.summary-row,.summary-row strong,.results-toolbar,.results-title-row p{color:#222}.results-parts{grid-template-columns:repeat(2,1fr)}.results-layout{grid-template-columns:1fr 250px}.result-summary{position:static}.price-footnote,.disclosure{color:#444}}