/* ============================================================
   CRST — Buying Guide v2 page styles
   Loads after crst.css / crst-chrome.css; uses shared tokens.
   ============================================================ */

/* ---------- HERO ---------- */
.bg-hero{position:relative;overflow:hidden;background:radial-gradient(130% 110% at 50% 0,#16181c,#0a0a0a 64%);padding:72px 0 56px;}
.bg-hero .grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000,transparent 70%);mask-image:radial-gradient(120% 90% at 50% 0,#000,transparent 70%);}
.bg-hero .wrap{position:relative;}
.bg-hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;}
.bg-eye{font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.24em;font-size:12px;color:var(--yellow);}
.bg-hero h1{font-size:clamp(36px,4.6vw,58px);margin:16px 0 0;line-height:1.02;letter-spacing:-.015em;}
.bg-hero h1 .y{color:var(--yellow);}
.bg-hero .lead{max-width:520px;margin:18px 0 0;font-size:clamp(16.5px,1.4vw,19px);color:#c8cdd2;line-height:1.55;text-wrap:pretty;}
.bg-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.bg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:26px;font-family:var(--font-mono);font-size:12px;color:var(--steel);letter-spacing:.04em;}
.bg-meta b{color:#e7e9ec;font-weight:500;}
.bg-meta .d{color:var(--line-2);}

/* the rig: product shot + four big readouts (the 30-second answer) */
.hero-rig{border:1px solid var(--line-2);border-radius:14px;background:var(--ink);overflow:hidden;box-shadow:var(--shadow-3);}
.rig-hazard{height:6px;background:repeating-linear-gradient(135deg,var(--yellow) 0 12px,#0a0a0b 12px 24px);}
.rig-head{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--line);background:#101114;}
.rig-head .dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 10px rgba(255,212,0,.7);}
.rig-head span:last-child{font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.18em;color:#e7e9ec;}
.rig-im{position:relative;aspect-ratio:16/8;overflow:hidden;background:#0c0d10;}
.rig-im img{width:100%;height:100%;object-fit:cover;display:block;}
.rig-im::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,11,.18),transparent 35%,transparent 70%,rgba(10,10,11,.45));pointer-events:none;}
.rig-stats{display:grid;grid-template-columns:1fr 1fr;}
.rig-stat{display:block;padding:15px 18px 14px;border-top:1px solid var(--line);transition:background .2s var(--ease);}
.rig-stat:nth-child(odd){border-right:1px solid var(--line);}
.rig-stat .v{display:block;font-family:var(--font-mono);font-weight:700;font-size:clamp(21px,1.8vw,25px);line-height:1.1;color:#fff;font-feature-settings:"tnum" 1;transition:color .2s var(--ease);}
.rig-stat .k{display:block;margin-top:5px;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);line-height:1.4;}
.rig-stat:hover{background:#121317;}
.rig-stat:hover .v{color:var(--yellow);}

/* ---------- in-page anchoring ----------
   sticky stack = site header (60px shrunk) + chapter nav (~47px);
   give anchored sections clearance so titles never hide under it. */
html{scroll-behavior:smooth;}
/* let the section's own top padding (clamp 38–60px) tuck under the sticky stack,
   so the heading always lands ~17px below the chapter nav — no dead space */
.section[id]{scroll-margin-top:calc(124px - clamp(38px,3.8vw,60px));}
.spec-card[id]{scroll-margin-top:124px;}

/* ---------- STICKY CHAPTER NAV ---------- */
.gnav{position:sticky;top:59px;z-index:40;background:rgba(10,10,11,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.gnav-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;}
.gnav-in::-webkit-scrollbar{display:none;}
.gnav a{flex:none;display:flex;align-items:center;gap:8px;padding:14px 14px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--steel);border-bottom:2px solid transparent;transition:color .2s var(--ease),border-color .2s var(--ease);white-space:nowrap;}
.gnav a .n{color:var(--line-2);font-weight:700;transition:color .2s var(--ease);}
.gnav a:hover{color:#fff;}
.gnav a.is-on{color:#fff;border-bottom-color:var(--yellow);}
.gnav a.is-on .n{color:var(--yellow);}
.gnav a:hover .n{color:var(--steel);}
.gnav a.is-on:hover .n{color:var(--yellow);}

/* ---------- chapter heads ---------- */
.ch-head{display:flex;align-items:baseline;gap:18px;}
.ch-head .ch-n{font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--yellow);letter-spacing:.18em;flex:none;}
.ch-sub{margin-top:14px;max-width:68ch;}

/* ---------- SPEC GLOSSARY ---------- */
.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;}
.spec-card{border:1px solid var(--line);border-radius:14px;background:var(--ink);padding:24px 22px;position:relative;overflow:hidden;transition:border-color .25s var(--ease),transform .25s var(--ease);box-shadow:var(--inset);}
.spec-card:hover{border-color:var(--yellow);transform:translateY(-4px);}
.spec-ic{width:42px;height:42px;border:1px solid var(--line-2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--yellow);margin-bottom:16px;}
.spec-ic svg{width:21px;height:21px;}
.spec-card h3{font-family:var(--font-display);font-weight:800;font-size:18px;margin:0 0 3px;}
.spec-unit{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;color:var(--steel);margin-bottom:11px;}
.spec-card p{font-size:13px;color:var(--steel);line-height:1.5;margin:0 0 12px;}
.spec-look{font-size:12.5px;color:#e7e9ec;line-height:1.45;border-top:1px solid var(--line);padding-top:11px;}
.spec-look b{color:var(--yellow);font-weight:700;}

/* ---------- LOAD CALCULATOR ---------- */
.calc{background:#0c0d10;}
.calc-in{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start;margin-top:38px;}

/* device picker */
.calc-groups{display:flex;flex-direction:column;gap:18px;}
.calc-g-lbl{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--steel-2);}
.calc-g-lbl::after{content:"";flex:1;height:1px;background:var(--line);}
.calc-g-lbl.hot{color:var(--amber);}
.calc-dev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px;}
.calc-dev{display:flex;align-items:stretch;border:1px solid var(--line);background:var(--ink);border-radius:9px;overflow:hidden;transition:border-color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);}
.calc-dev:hover{border-color:var(--line-2);transform:translateY(-1px);}
.calc-dev.on{border-color:var(--yellow);background:linear-gradient(180deg,rgba(255,212,0,.09),rgba(255,212,0,.03));box-shadow:0 0 0 1px rgba(255,212,0,.18),0 6px 18px rgba(0,0,0,.35);}
.dev-main{flex:1;min-width:0;display:flex;align-items:center;gap:9px;padding:8px 9px;background:none;border:0;cursor:pointer;text-align:left;font-family:var(--font-body);color:#d4d8dc;touch-action:manipulation;}
.dev-ic{flex:none;width:26px;height:26px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--steel);background:#101114;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);}
.dev-ic svg{width:14px;height:14px;}
.calc-dev.hot .dev-ic{color:var(--amber);}
.calc-dev.on .dev-ic{background:var(--yellow);border-color:var(--yellow);color:#000;}
.dev-tx{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;}
.dev-nm{flex:1;min-width:0;font-size:12.5px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.calc-dev.on .dev-nm{color:#fff;}
.dev-w{flex:none;font-family:var(--font-mono);font-size:10.5px;color:var(--steel-2);white-space:nowrap;}
.calc-dev.hot .dev-w{color:rgba(255,176,32,.75);}
.calc-dev.on .dev-w{display:none;}
.dev-qty{display:none;align-items:center;gap:3px;padding-right:7px;}
.calc-dev.on .dev-qty{display:flex;}
.dev-qty button{width:24px;height:24px;border:1px solid var(--line-2);background:#101114;color:#e7e9ec;border-radius:6px;font-family:var(--font-mono);font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:border-color .15s var(--ease),color .15s var(--ease),background .15s var(--ease);}
.dev-qty button:hover{border-color:var(--yellow);color:var(--yellow);}
.dev-qty button:active{background:rgba(255,212,0,.12);}
.dev-n{min-width:14px;text-align:center;font-family:var(--font-mono);font-weight:700;font-size:12px;color:var(--yellow);}
.calc-fine{margin:14px 0 0;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--steel-2);}

/* instrument panel */
.calc-panel{border:1px solid var(--line-2);border-radius:16px;background:linear-gradient(180deg,#15161a,#0e0f12);box-shadow:var(--shadow-3);position:sticky;top:128px;overflow:hidden;}
.calc-head{display:flex;align-items:center;gap:11px;padding:13px 20px;border-bottom:1px solid var(--line);background:#101114;}
.calc-led{flex:none;width:9px;height:9px;border-radius:50%;background:var(--steel-2);transition:background .25s var(--ease),box-shadow .25s var(--ease);}
.calc-panel[data-state="safe"] .calc-led{background:var(--ok);box-shadow:0 0 10px rgba(54,210,122,.7);}
.calc-panel[data-state="warn"] .calc-led{background:var(--amber);box-shadow:0 0 10px rgba(255,176,32,.7);}
.calc-panel[data-state="over"] .calc-led{background:var(--danger);box-shadow:0 0 10px rgba(255,68,56,.8);animation:ledBlink .7s steps(2,start) infinite;}
@keyframes ledBlink{to{opacity:.25;}}
.calc-title{flex:1;font-family:var(--font-mono);font-weight:700;font-size:11.5px;letter-spacing:.16em;color:#e7e9ec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.calc-verdict{flex:none;font-family:var(--font-mono);font-weight:700;font-size:10.5px;letter-spacing:.14em;padding:4px 9px;border-radius:5px;border:1px solid var(--line-2);color:var(--steel);transition:all .25s var(--ease);}
.calc-panel[data-state="safe"] .calc-verdict{color:var(--ok);border-color:rgba(54,210,122,.45);background:rgba(54,210,122,.08);}
.calc-panel[data-state="warn"] .calc-verdict{color:var(--amber);border-color:rgba(255,176,32,.5);background:rgba(255,176,32,.08);}
.calc-panel[data-state="over"] .calc-verdict{color:#fff;border-color:var(--danger);background:var(--danger);}
.calc-body{padding:20px 20px 20px;}
.calc-readout{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
.calc-lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--steel);text-transform:uppercase;margin-bottom:10px;}
.calc-big{font-family:var(--font-mono);font-weight:700;font-size:46px;line-height:1;color:#fff;font-feature-settings:"tnum" 1;transition:color .25s var(--ease);}
.calc-big small{font-size:19px;color:var(--steel);font-weight:500;margin-left:2px;}
.calc-panel[data-state="warn"] .calc-big{color:var(--amber);}
.calc-panel[data-state="over"] .calc-big{color:var(--danger);}
.calc-reset{flex:none;border:1px solid var(--line);background:transparent;color:var(--steel);font-family:var(--font-mono);font-weight:700;font-size:10.5px;letter-spacing:.14em;border-radius:7px;padding:7px 11px;cursor:pointer;transition:border-color .15s var(--ease),color .15s var(--ease);}
.calc-reset:hover{border-color:var(--line-2);color:#fff;}
.calc-reset[hidden]{display:none;}

/* segmented meter */
.calc-meter{position:relative;margin-top:20px;}
.calc-segs{display:flex;gap:3px;height:26px;}
.calc-segs span{flex:1;border-radius:2px;background:#1c1e23;transition:background .2s var(--ease),box-shadow .2s var(--ease);}
.calc-segs span.lit{background:var(--yellow);box-shadow:0 0 8px rgba(255,212,0,.22);}
.calc-segs span.lit.z2{background:var(--amber);box-shadow:0 0 8px rgba(255,176,32,.25);}
.calc-panel[data-state="over"] .calc-segs span.lit{background:var(--danger);box-shadow:0 0 8px rgba(255,68,56,.3);animation:segPulse 1s var(--ease) infinite;}
@keyframes segPulse{50%{opacity:.45;}}
.calc-mark{position:absolute;top:-6px;bottom:-6px;left:80%;width:2px;background:rgba(255,255,255,.28);border-radius:1px;pointer-events:none;}
.calc-scale{position:relative;height:15px;margin-top:9px;font-family:var(--font-mono);font-size:10.5px;color:var(--steel-2);letter-spacing:.04em;}
.calc-scale .s0{position:absolute;left:0;}
.calc-scale .s80{position:absolute;left:80%;transform:translateX(-78%);color:var(--steel);}
.calc-scale .s100{position:absolute;right:0;}

/* stats */
.calc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;border-top:1px solid var(--line);padding-top:15px;}
.calc-stats .v{font-family:var(--font-mono);font-weight:700;font-size:19px;color:#fff;font-feature-settings:"tnum" 1;}
.calc-stats .v small{font-size:12px;color:var(--steel);font-weight:500;margin-left:1px;}
.calc-stats .k{font-size:10px;color:var(--steel-2);font-family:var(--font-mono);font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:4px;}

.calc-note{margin-top:14px;font-size:13px;line-height:1.5;color:var(--steel);min-height:40px;}
.calc-note b{color:#fff;}
.calc-note.warn b{color:var(--amber);}
.calc-note.over b{color:var(--danger);}
.calc-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;border:1px solid var(--line);border-radius:10px;background:#101114;padding:11px 14px;font-size:13px;font-weight:600;color:#fff;transition:border-color .2s var(--ease),background .2s var(--ease);}
.calc-cta .arw{color:var(--yellow);transition:transform .2s var(--ease);}
.calc-cta:hover{border-color:var(--yellow);}
.calc-cta:hover .arw{transform:translateX(3px);}
.calc-cta[hidden]{display:none;}

/* breaker-trip shake */
@keyframes calcTrip{12%{transform:translateX(-6px);}30%{transform:translateX(5px);}48%{transform:translateX(-4px);}64%{transform:translateX(3px);}80%{transform:translateX(-1px);}}
.calc-panel.tripped{animation:calcTrip .5s var(--ease-snap);}

/* ---------- FEATURES ---------- */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;}
.feat-card{border:1px solid var(--line);border-radius:16px;background:var(--ink);overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);}
.feat-card:hover{border-color:var(--yellow);transform:translateY(-4px);box-shadow:var(--shadow-2);}
.feat-card .im{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0c0d10;}
.feat-card .im img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.feat-card:hover .im img{transform:scale(1.05);}
.feat-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1;gap:9px;}
.feat-body h3{font-family:var(--font-display);font-weight:800;font-size:19px;margin:0;}
.feat-body p{margin:0;font-size:13.5px;color:var(--steel);line-height:1.55;flex:1;}
.feat-lnk{font-family:var(--font-mono);font-size:12.5px;font-weight:700;color:var(--yellow);letter-spacing:.04em;display:inline-flex;align-items:center;gap:7px;margin-top:4px;}
.feat-lnk .arw{transition:transform .2s var(--ease);}
.feat-card:hover .feat-lnk .arw{transform:translateX(3px);}

/* ---------- FINDER ---------- */
.finder{border:1px solid var(--line-2);border-radius:18px;background:linear-gradient(180deg,#15161a,#0e0f12);padding:36px;margin-top:40px;box-shadow:var(--shadow-3);}
.finder-q{margin-bottom:22px;}
.finder-q .q-lbl{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--steel);text-transform:uppercase;margin-bottom:12px;}
.finder-q .q-lbl b{color:var(--yellow);}
.finder-opts{display:flex;flex-wrap:wrap;gap:10px;}
.finder-opt{border:1px solid var(--line);background:var(--ink);color:#d4d8dc;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease);}
.finder-opt:hover{border-color:var(--line-2);transform:translateY(-1px);}
.finder-opt:active{transform:translateY(0);}
.finder-opt.on{border-color:var(--yellow);background:var(--yellow);color:#000;}
.finder-res{margin-top:8px;border-top:1px dashed var(--line-2);padding-top:24px;display:none;}
.finder-res.show{display:block;animation:fres .4s var(--ease);}
@keyframes fres{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.finder-res .r-lbl{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--yellow);margin-bottom:16px;}
.finder-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.fpick{display:flex;gap:16px;border:1px solid var(--line);border-radius:14px;background:var(--ink);padding:16px;align-items:center;transition:border-color .2s var(--ease),transform .2s var(--ease);}
.fpick:hover{border-color:var(--yellow);transform:translateY(-2px);}
.fpick img{width:104px;height:84px;object-fit:cover;border-radius:9px;flex:none;}
.fpick .f-mid{flex:1;min-width:0;}
.fpick h4{margin:0 0 4px;font-size:14.5px;font-weight:600;line-height:1.3;}
.fpick h4 a{color:#fff;}
.fpick h4 a:hover{color:var(--yellow);}
.fpick .why{font-size:12.5px;color:var(--steel);line-height:1.45;margin:0 0 8px;}
.fpick .f-row{display:flex;align-items:center;gap:12px;}
.fpick .price{font-family:var(--font-mono);font-weight:700;font-size:15px;}
.fpick .price s{color:var(--steel-2);font-size:12px;margin-left:5px;font-weight:400;}
.fpick .add{background:var(--yellow);color:#000;border:0;border-radius:7px;padding:8px 13px;font-weight:700;font-size:12.5px;cursor:pointer;font-family:var(--font-body);transition:background .14s;}
.fpick .add:hover{background:var(--yellow-bright);}

/* ---------- SETUP CARDS ---------- */
.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;}
.use-card{border:1px solid var(--line);border-radius:16px;background:var(--ink);overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);}
.use-card:hover{border-color:var(--yellow);transform:translateY(-4px);box-shadow:var(--shadow-2);}
.use-card .im{position:relative;height:140px;overflow:hidden;}
.use-card .im img{width:100%;height:100%;object-fit:cover;}
.use-card .im .tag{position:absolute;top:11px;left:11px;background:rgba(10,10,11,.82);backdrop-filter:blur(6px);border:1px solid var(--line);color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;padding:5px 9px;border-radius:6px;text-transform:uppercase;}
.use-body{padding:20px 20px 20px;display:flex;flex-direction:column;flex:1;}
.use-body h3{font-family:var(--font-display);font-weight:800;font-size:19px;margin:0 0 12px;}
.use-specs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.use-specs li{display:flex;justify-content:space-between;gap:12px;font-size:13px;border-bottom:1px dashed var(--line);padding-bottom:8px;}
.use-specs .k{color:var(--steel);}
.use-specs .v{font-family:var(--font-mono);font-weight:600;color:#fff;text-align:right;}
.use-specs .v.hi{color:var(--yellow);}
.use-pick{margin-top:14px;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:#101114;transition:border-color .2s var(--ease);}
.use-card:hover .use-pick{border-color:var(--line-2);}
.use-pick img{width:46px;height:38px;object-fit:cover;border-radius:6px;flex:none;}
.use-pick .p-mid{flex:1;min-width:0;}
.use-pick .p-k{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--yellow);text-transform:uppercase;}
.use-pick .p-n{font-size:12.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.use-pick .p-pr{font-family:var(--font-mono);font-weight:700;font-size:13px;color:#fff;flex:none;}

/* ---------- COMPARE TABLE ---------- */
.cmp-wrap{margin-top:38px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--ink);}
.cmp-scroll{overflow-x:auto;}
table.cmp{width:100%;border-collapse:collapse;min-width:880px;}
table.cmp th,table.cmp td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:13.5px;}
table.cmp thead th{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);background:#101114;white-space:nowrap;position:sticky;top:0;}
table.cmp tbody tr{transition:background .15s var(--ease);}
table.cmp tbody tr:hover{background:#121317;}
table.cmp tbody tr:last-child td{border-bottom:0;}
table.cmp td.num{font-family:var(--font-mono);font-weight:600;color:#e7e9ec;white-space:nowrap;}
table.cmp td .hiv{color:var(--yellow);}
.cmp-prod{display:flex;align-items:center;gap:12px;min-width:230px;}
.cmp-prod img{width:56px;height:44px;object-fit:cover;border-radius:7px;flex:none;}
.cmp-prod a{color:#fff;font-weight:600;font-size:13.5px;line-height:1.35;}
.cmp-prod a:hover{color:var(--yellow);}
.cmp-prod .bf{display:block;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.1em;color:var(--steel);text-transform:uppercase;margin-top:3px;}
.cmp-add{background:transparent;color:var(--yellow);border:1px solid var(--line-2);border-radius:7px;padding:7px 13px;font-weight:700;font-size:12px;cursor:pointer;font-family:var(--font-body);transition:all .15s var(--ease);white-space:nowrap;}
.cmp-add:hover{background:var(--yellow);border-color:var(--yellow);color:#000;}
.cmp-add:active{transform:translateY(1px);}
.fpick .add:active{transform:translateY(1px);}
.cmp-cap{padding:13px 18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--steel);font-family:var(--font-mono);}

/* ---------- RED FLAGS ---------- */
.flags{background:#0c0d10;}
.flag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:38px;}
.flag{display:flex;gap:18px;border:1px solid var(--line);border-radius:14px;background:var(--ink);padding:22px;align-items:flex-start;transition:border-color .25s var(--ease),transform .25s var(--ease);}
.flag:hover{border-color:rgba(255,68,56,.5);transform:translateY(-3px);}
.flag .f-ic{flex:none;width:40px;height:40px;border:1px solid rgba(255,68,56,.4);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--danger);}
.flag .f-ic svg{width:20px;height:20px;}
.flag h3{font-family:var(--font-display);font-weight:800;font-size:16.5px;margin:0 0 6px;}
.flag p{margin:0;font-size:13.5px;color:var(--steel);line-height:1.55;}
.flag p b{color:#e7e9ec;}

/* ---------- FAQ ---------- */
.faq-list{margin-top:38px;max-width:860px;display:flex;flex-direction:column;gap:12px;}
details.faq{border:1px solid var(--line);border-radius:12px;background:var(--ink);overflow:hidden;transition:border-color .2s var(--ease);}
details.faq[open]{border-color:var(--line-2);}
details.faq summary{list-style:none;cursor:pointer;user-select:none;-webkit-user-select:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;font-family:var(--font-body);font-weight:600;font-size:15.5px;color:#fff;transition:color .2s var(--ease);}
details.faq summary::-webkit-details-marker{display:none;}
details.faq summary:hover{color:var(--yellow);}
details.faq summary .pm{flex:none;width:26px;height:26px;border:1px solid var(--line-2);border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--yellow);font-family:var(--font-mono);font-weight:700;font-size:15px;transition:transform .25s var(--ease),background .2s var(--ease),color .2s var(--ease);}
details.faq[open] summary .pm{transform:rotate(45deg);background:var(--yellow);color:#000;border-color:var(--yellow);}
details.faq .faq-a{padding:0 22px 20px;font-size:14px;color:var(--steel);line-height:1.65;max-width:72ch;}
details.faq[open] .faq-a{animation:faqIn .3s var(--ease);}
@keyframes faqIn{from{opacity:0;transform:translateY(-5px);}to{opacity:1;transform:none;}}
details.faq .faq-a a{color:var(--yellow);}

/* ---------- CTA ---------- */
.bg-call{background:var(--yellow);color:#0a0a0b;border-radius:18px;padding:44px;text-align:center;}
.bg-call .eyebrow{color:#3a3000;}
.bg-call h2{font-family:var(--font-display);font-weight:900;font-size:clamp(26px,3.2vw,38px);max-width:22ch;margin:12px auto 0;line-height:1.05;}
.bg-call p{font-size:16px;max-width:60ch;margin:14px auto 0;color:#2a2400;line-height:1.55;}
.bg-call .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:24px;}
.btn-dark{background:#0a0a0b;color:#fff;}
.btn-dark:hover{background:#1c1c1c;}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .spec-grid{grid-template-columns:repeat(2,1fr);}
  .feat-grid{grid-template-columns:repeat(2,1fr);}
  .use-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:1100px) and (min-width:901px){
  /* two-col layout but narrow: drop to two device cards per row */
  .calc-dev-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:900px){
  .bg-hero-in{grid-template-columns:1fr;gap:34px;}
  .rig-im{aspect-ratio:16/7;}
  .calc-in{grid-template-columns:1fr;gap:30px;}
  .calc-panel{position:static;}
  .finder-cards{grid-template-columns:1fr;}
  .flag-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .calc-dev-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:430px){
  .calc-dev-grid{grid-template-columns:1fr;}
}
@media (max-width:620px){
  .spec-grid{grid-template-columns:1fr;}
  .feat-grid{grid-template-columns:1fr;}
  .use-grid{grid-template-columns:1fr;}
  .finder{padding:24px;}
  .bg-call{padding:30px;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .spec-card,.feat-card,.use-card,.flag,.calc-dev,.finder-opt,.fpick{transition:none;}
  .finder-res.show{animation:none;}
  details.faq[open] .faq-a{animation:none;}
  .calc-panel.tripped{animation:none;}
  .calc-panel[data-state="over"] .calc-led,.calc-panel[data-state="over"] .calc-segs span.lit{animation:none;}
}