:root{--bg:#f6f7f9;--surface:#fff;--surface2:#fafbfc;--ink:#14161a;--ink2:#2b2f36;--muted:#6b7280;--faint:#9aa0ab;--line:#e8eaee;--line2:#f0f1f4;--accent:#b08a45;--accent-soft:rgba(176,138,69,.11);--ok:#177a4b;--ok-bg:#e9f6ef;--bad:#b42318;--bad-bg:#fdecea;--info:#2851a3;--info-bg:#e8eefb;--warn:#9a6200;--warn-bg:#fdf3e0;--chip:#eef0f3;--shadow:0 12px 40px rgba(15,17,21,.10)}
[data-theme=dark]{--bg:#0f1114;--surface:#171a1f;--surface2:#1c2026;--ink:#f1f2f4;--ink2:#d6d9de;--muted:#9aa1ad;--faint:#6b7280;--line:#272b32;--line2:#20242a;--accent:#d2a95c;--accent-soft:rgba(210,169,92,.13);--ok:#4cc58b;--ok-bg:rgba(76,197,139,.12);--bad:#f0736b;--bad-bg:rgba(240,115,107,.12);--info:#7ea2f2;--info-bg:rgba(126,162,242,.13);--warn:#e3ad4b;--warn-bg:rgba(227,173,75,.13);--chip:#242830;--shadow:0 12px 40px rgba(0,0,0,.5)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;transition:background .2s,color .2s}
button{font:inherit;cursor:pointer;color:inherit}h1,h2,h3,p{margin:0}
.muted{color:var(--muted)}.sm{font-size:12.5px}.wrap{max-width:1200px;margin:0 auto;padding:0 22px}
svg.i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-3px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);padding:0 13px;border-radius:9px;font-weight:560;white-space:nowrap;transition:.12s}
.btn:hover{background:var(--surface2);border-color:var(--faint)}.btn-p{background:var(--ink);border-color:var(--ink);color:var(--surface)}.btn-p:hover{background:var(--ink2);border-color:var(--ink2)}
.btn-a{background:var(--accent);border-color:var(--accent);color:#fff}.btn-a:hover{filter:brightness(.93);background:var(--accent)}
.btn-lg{height:42px;padding:0 20px;font-size:14.5px;border-radius:11px}.btn-sm{height:28px;padding:0 10px;font-size:12.5px;border-radius:8px}
.ib{width:34px;height:34px;border:1px solid var(--line);background:var(--surface);border-radius:9px;display:grid;place-items:center;color:var(--ink2)}.ib:hover{background:var(--surface2)}
.ib.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}
.input{width:100%;height:34px;font:inherit;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);outline:none}
.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.tag{display:inline-flex;align-items:center;gap:6px;padding:1px 8px;border-radius:6px;font-size:11.5px;font-weight:620;background:var(--chip);color:var(--muted);white-space:nowrap;line-height:19px}
.t-ok{background:var(--ok-bg);color:var(--ok)}.t-info{background:var(--info-bg);color:var(--info)}.t-warn{background:var(--warn-bg);color:var(--warn)}.t-bad{background:var(--bad-bg);color:var(--bad)}.t-gold{background:var(--accent-soft);color:var(--accent)}
.cc{display:inline-grid;place-items:center;min-width:27px;height:19px;padding:0 4px;border-radius:5px;background:var(--chip);color:var(--ink2);font:650 10.5px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.03em;flex:none}
.logo{display:flex;align-items:center;gap:10px;font-weight:650;letter-spacing:-.01em}
.logo .mark{width:30px;height:30px;border-radius:9px;background:var(--ink);color:var(--accent);display:grid;place-items:center}.logo .mark svg{width:16px;height:16px;fill:currentColor;stroke:none}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.between{display:flex;justify-content:space-between;align-items:center;gap:12px}

/* header */
.top{background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.top .wrap{display:flex;align-items:center;gap:20px;height:60px}
.top nav{display:flex;gap:2px;flex:1}.top nav a{padding:7px 13px;border-radius:9px;color:var(--muted);font-weight:540;cursor:pointer}.top nav a:hover{color:var(--ink);background:var(--surface2)}.top nav a.on{color:var(--ink);background:var(--accent-soft)}
.sel{height:34px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);border-radius:9px;padding:0 8px;font:inherit;font-weight:560}

/* banner */
.banner{background:var(--accent-soft);border-bottom:1px solid var(--line);font-size:13px}
.banner .wrap{display:flex;align-items:center;gap:10px;height:38px}.banner b{color:var(--accent)}.banner .x{margin-left:auto;border:0;background:none;color:var(--muted);width:26px;height:26px;border-radius:6px;display:grid;place-items:center}

/* hero finder */
.hero{padding:38px 0 26px}
.hero h1{font-size:34px;line-height:1.12;letter-spacing:-.03em;font-weight:680;max-width:680px}
.hero p{color:var(--muted);margin-top:8px;font-size:15px;max-width:600px}
.finder{margin-top:22px;display:grid;grid-template-columns:1fr 340px;gap:14px;align-items:start}
.sbox{position:relative}
.sbox .big{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 16px;height:56px;box-shadow:var(--shadow)}
.sbox .big:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),var(--shadow)}
.sbox .big input{flex:1;border:0;outline:none;background:none;font:inherit;font-size:16px;color:var(--ink)}
.sbox kbd{background:var(--chip);border-radius:6px;padding:1px 8px;font:600 11px ui-monospace,monospace;color:var(--muted)}
.sug{position:absolute;left:0;right:0;top:62px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:6px;z-index:25;display:none}.sug.on{display:block}
.sug div{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:9px;cursor:pointer}.sug div:hover,.sug div.hl{background:var(--accent-soft)}
.sug .pi{width:30px;height:30px;border-radius:8px;background:var(--chip);color:var(--ink2);display:grid;place-items:center}
.quick{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px;align-items:center}
.chip{display:inline-flex;align-items:center;gap:7px;height:30px;white-space:nowrap;flex:none;padding:0 12px;border:1px solid var(--line);background:var(--surface);border-radius:99px;font-weight:560;font-size:13px;color:var(--ink2)}.chip:hover{border-color:var(--faint)}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.imei{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.imei h3{font-size:14px;display:flex;align-items:center;gap:8px}.imei h3 svg{color:var(--accent)}
.imei .row{flex-wrap:nowrap;margin-top:10px}.imei #imeiout{margin-top:9px;font-size:12.5px;color:var(--muted)}

/* best options */
.best{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:6px 0 18px}
.bcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;transition:.15s;position:relative;overflow:hidden}
.bcard:hover{border-color:var(--accent);transform:translateY(-1px)}
.bcard .bh{display:flex;align-items:center;gap:9px;color:var(--muted);font-weight:600;font-size:12.5px;margin-bottom:8px}
.bcard .bh span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center}
.bcard.cheap .bh span{background:var(--ok-bg);color:var(--ok)}.bcard.fast .bh span{background:var(--info-bg);color:var(--info)}.bcard.bal .bh span{background:var(--accent-soft);color:var(--accent)}
.bcard .bh .tag{max-width:46%;overflow:hidden;text-overflow:ellipsis;display:block}
.bcard .bp{font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
.bcard .bs{display:flex;gap:10px;align-items:center;margin-top:7px;color:var(--muted);font-size:12.5px}

/* controls */
.ctl{position:sticky;top:60px;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);padding:10px 0;border-bottom:1px solid transparent}
.ctl.stuck{border-color:var(--line)}
.svc-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:10px;overflow:auto}
.svc-tabs button{display:flex;align-items:center;gap:8px;border:0;background:none;padding:10px 14px;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.svc-tabs button:hover{color:var(--ink)}.svc-tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.svc-tabs button.on svg{color:var(--accent)}
.svc-tabs button span{background:var(--chip);color:var(--muted);border-radius:99px;padding:0 7px;font-size:11px;line-height:17px;font-weight:650}
.fbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cty-scroll{display:flex;gap:6px;overflow:auto;flex:1;min-width:240px;scrollbar-width:none;padding:2px}.cty-scroll::-webkit-scrollbar{display:none}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface)}.seg button{border:0;background:none;width:34px;height:32px;display:grid;place-items:center;color:var(--muted)}.seg button.on{background:var(--ink);color:var(--surface)}
.cnt{display:flex;justify-content:space-between;align-items:center;margin:12px 0 8px}

/* list */
.pl{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ph,.pr{display:grid;grid-template-columns:40px minmax(150px,1.1fr) minmax(190px,1.6fr) 150px 90px 120px 96px;gap:12px;align-items:center;padding:0 16px}
.ph{height:40px;background:var(--surface2);border-bottom:1px solid var(--line);font-size:11px;font-weight:620;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);position:sticky;top:0}
.ph span{cursor:pointer;user-select:none;display:flex;align-items:center;gap:4px}.ph span.r,.pr .r{justify-content:flex-end;text-align:right}.ph span:hover{color:var(--ink)}.ph span.on{color:var(--ink)}
.pr{min-height:56px;border-bottom:1px solid var(--line2);cursor:pointer;transition:background .1s}.pr:last-child{border-bottom:0}.pr:hover{background:var(--accent-soft)}
.compact .pr{min-height:42px}
.fav{border:0;background:none;color:var(--faint);width:28px;height:28px;border-radius:7px;display:grid;place-items:center}.fav:hover{color:var(--accent);background:var(--surface2)}.fav.on{color:var(--accent)}.fav.on svg{fill:currentColor}
.cty{display:flex;align-items:center;gap:9px;font-weight:600;min-width:0}.cty span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.model{font-weight:620;display:flex;align-items:center;gap:8px;min-width:0}.model small{color:var(--faint);font-weight:500}
.spd{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;white-space:nowrap}
.bars{display:inline-flex;gap:2px;align-items:flex-end;height:12px}.bars i{width:4px;border-radius:2px;background:var(--line);display:block}.bars i:nth-child(1){height:5px}.bars i:nth-child(2){height:8px}.bars i:nth-child(3){height:12px}
.bars.s3 i{background:var(--ok)}.bars.s2 i:nth-child(-n+2){background:var(--warn)}.bars.s1 i:nth-child(1){background:var(--bad)}
.trend{font-size:12px;font-weight:650;display:inline-flex;align-items:center;gap:3px}.trend svg{width:12px;height:12px}.trend.dn{color:var(--ok)}.trend.up{color:var(--bad)}.trend.eq{color:var(--faint)}
.price{font-weight:700;font-size:16px;letter-spacing:-.015em;white-space:nowrap}
.pr.best-row .price{color:var(--ok)}
.more{padding:14px;text-align:center;border-top:1px solid var(--line)}
.empty{padding:50px 20px;text-align:center;color:var(--muted)}.empty .ring{width:52px;height:52px;border-radius:50%;background:var(--chip);display:grid;place-items:center;margin:0 auto 10px}.empty svg{width:22px;height:22px}

/* drawer */
.shade{position:fixed;inset:0;background:rgba(10,12,15,.45);z-index:50;opacity:0;pointer-events:none;transition:.2s}.shade.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:100%;background:var(--surface);z-index:60;transform:translateX(100%);transition:.25s;box-shadow:-24px 0 60px rgba(0,0,0,.18);display:flex;flex-direction:column}.drawer.on{transform:none}
.dh{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.dh h2{flex:1;font-size:16px}
.db{padding:18px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:16px}.df{padding:12px 18px;border-top:1px solid var(--line);display:flex;gap:8px;background:var(--surface2)}
.route{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bigp{font-size:38px;font-weight:720;letter-spacing:-.035em;line-height:1}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fact{background:var(--surface2);border:1px solid var(--line2);border-radius:11px;padding:10px 12px}.fact small{display:block;color:var(--faint);font-size:11px;font-weight:620;text-transform:uppercase;letter-spacing:.05em}.fact b{font-size:14px}
.reqs{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.reqs li{display:flex;gap:10px;font-size:13.5px;align-items:flex-start}
.reqs li .dot{width:20px;height:20px;border-radius:50%;background:var(--ok-bg);color:var(--ok);display:grid;place-items:center;flex:none;margin-top:1px}.reqs li .dot svg{width:12px;height:12px}.reqs li.opt .dot{background:var(--chip);color:var(--muted)}
.note{display:flex;gap:10px;background:var(--warn-bg);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--warn)}
.cmp{display:flex;flex-direction:column;gap:4px;margin-top:8px}.cmp div{display:grid;grid-template-columns:1fr 100px 80px;gap:10px;align-items:center;padding:7px 10px;border-radius:9px;font-size:13px;cursor:pointer}.cmp div:hover{background:var(--accent-soft)}.cmp div.me{background:var(--chip);font-weight:620}
.lab{font-size:11.5px;font-weight:620;text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);background:var(--ink);color:var(--surface);border-radius:10px;padding:10px 18px;z-index:90;opacity:0;transition:.25s;font-weight:560;pointer-events:none}.toast.on{opacity:1;transform:translate(-50%,0)}
.foot{margin:34px 0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.foot .card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}.foot .card svg{color:var(--accent);width:20px;height:20px}.foot b{display:block;margin:8px 0 2px}

@media(max-width:900px){
  .finder,.best,.foot{grid-template-columns:1fr}.top nav{display:none}
  .ph{display:none}
  .pr{grid-template-columns:34px 1fr auto;grid-template-areas:"fav model price" "fav cty spd";gap:2px 10px;padding:10px 14px;min-height:0}
  .pr>:nth-child(1){grid-area:fav}.pr>:nth-child(2){grid-area:cty}.pr>:nth-child(3){grid-area:model}.pr>:nth-child(4){grid-area:spd}.pr>:nth-child(5){display:none}.pr>:nth-child(6){grid-area:price;justify-content:flex-end}.pr>:nth-child(7){display:none}
  .hero h1{font-size:26px}
}

/* ===== v8 changes on top of v6 ===== */
.hero2{padding:34px 0 8px}
.hero2 h1{font-size:34px;line-height:1.12;letter-spacing:-.03em;font-weight:680}
.hero2 p{color:var(--muted);margin-top:8px;font-size:15.5px}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.step{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);position:relative}
.sn{width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--surface);display:grid;place-items:center;font-weight:700;font-size:13px;margin-bottom:10px}
label.l{display:block;font-weight:650;font-size:15.5px;margin-bottom:9px}
.sel.lg,.input.lg{height:46px;font-size:15px;width:100%;border-radius:11px}
.hint{color:var(--muted);font-size:12.5px;margin-top:9px;min-height:18px}
.link{display:inline-block;margin-top:10px;color:var(--accent);font-weight:620;font-size:13px;cursor:pointer}.link:hover{text-decoration:underline}
.sbox{position:relative}.sug{top:52px}
.summary{margin:22px 0 12px;font-size:16px;color:var(--muted)}.summary b{color:var(--ink);font-weight:680}
.need{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:0 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.need h3{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--faint);font-weight:650;margin-bottom:8px}
.need .reqs{margin:0}
.need .okp{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--ink2);margin-bottom:7px}.need .okp svg{color:var(--ok);margin-top:2px}
.tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 10px}
.ph,.pr{grid-template-columns:40px minmax(150px,1.1fr) minmax(190px,1.6fr) 170px 120px 96px}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--faint)}.dot.s3{background:var(--ok)}.dot.s2{background:#e0a030}.dot.s1{background:var(--bad)}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0 28px}
.card2{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:3px}
.hn{width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:12px;margin-bottom:6px}
@media(max-width:900px){
  .steps3,.need,.how{grid-template-columns:1fr}
  .ph{display:none}
  .pr{grid-template-columns:34px 1fr auto;grid-template-areas:"fav model price" "fav cty time";gap:2px 10px;padding:10px 14px;min-height:0}
  .pr>:nth-child(1){grid-area:fav}.pr>:nth-child(2){grid-area:cty}.pr>:nth-child(3){grid-area:model}.pr>:nth-child(4){grid-area:time}.pr>:nth-child(5){grid-area:price;justify-content:flex-end}.pr>:nth-child(6){display:none}
  .hero2 h1{font-size:26px}
}

.reqs li .dot2{width:20px;height:20px;border-radius:50%;background:var(--ok-bg);color:var(--ok);display:grid;place-items:center;flex:none;margin-top:1px}.reqs li.opt .dot2{background:var(--chip);color:var(--muted)}

/* ===== production additions ===== */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 8px}
.news-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}
.news-card h3{font-size:15px;margin:8px 0 4px}.news-card p{color:var(--muted);font-size:13px}.news-card small{color:var(--faint)}
.site-foot{margin:34px 0 20px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.reqs li .dot2{width:20px;height:20px;border-radius:50%;background:var(--ok-bg);color:var(--ok);display:grid;place-items:center;flex:none;margin-top:1px}.reqs li.opt .dot2{background:var(--chip);color:var(--muted)}
.sbox .big{display:none}
@media(max-width:900px){.news-grid{grid-template-columns:1fr}}

/* ===== v10: service types + live prices ===== */
.types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.type{display:flex;gap:12px;align-items:flex-start;text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:16px;padding:14px 16px;transition:.15s}
.type:hover{border-color:var(--faint)}
.type .ti{width:38px;height:38px;border-radius:11px;background:var(--chip);color:var(--ink2);display:grid;place-items:center;flex:none}
.type b{display:flex;align-items:center;gap:8px;font-size:15.5px}
.type small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;line-height:1.4}
.type.on{border-color:var(--accent);background:var(--accent-soft)}
.type.on .ti{background:var(--ink);color:var(--accent)}
.type .n{background:var(--chip);color:var(--muted);border-radius:99px;padding:0 7px;font-size:11px;line-height:17px;font-weight:650}
.svcs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.sc{display:flex;flex-direction:column;gap:2px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:10px 14px;min-width:170px;text-align:left}
.sc:hover{border-color:var(--faint)}
.sc.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}
.sc .nm{font-weight:650;display:flex;align-items:center;gap:7px}
.sc .fr{color:var(--muted);font-size:12.5px}.sc .fr b{color:var(--ink)}
.steps2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.stitle{display:flex;align-items:center;gap:10px;margin-top:22px}.stitle .sn{margin:0}.stitle label{font-weight:650;font-size:15.5px}
.live{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 0;padding:9px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:13px}
.pulse{width:9px;height:9px;border-radius:50%;background:var(--ok);position:relative;flex:none}
.pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--ok);opacity:0;animation:pl 1.8s infinite}
.live.paused .pulse{background:var(--faint)}.live.paused .pulse:after{display:none}
@keyframes pl{0%{transform:scale(.5);opacity:.7}100%{transform:scale(1.5);opacity:0}}
.live .last{color:var(--muted);flex:1;min-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live .last b{color:var(--ink)}
.pr.fl-dn{animation:fdn 3s ease-out}.pr.fl-up{animation:fup 3s ease-out}
@keyframes fdn{0%,25%{background:var(--ok-bg)}100%{background:transparent}}
@keyframes fup{0%,25%{background:var(--bad-bg)}100%{background:transparent}}
.pr.off{opacity:.55}
.price .trend{margin-right:8px;vertical-align:2px}
.fd{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:11px 12px;border-bottom:1px solid var(--line2);border-radius:10px;cursor:pointer}
.fd:hover{background:var(--accent-soft)}
.fd .a{font-weight:620}.fd .b{color:var(--muted);font-size:12.5px}.fd .p{text-align:right;font-weight:700}.fd .p s{color:var(--faint);font-weight:500;margin-right:6px}
.bell.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}
.btn.on{border-color:var(--accent);color:var(--accent)}
@media(max-width:900px){.types,.steps2{grid-template-columns:1fr}}


/* v2.2.0: advantages + questions under the list */
.faq details{border-bottom:1px solid var(--line);padding:10px 2px}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:6px 0 0;color:var(--muted)}
.faq a{color:var(--accent);font-weight:600}

/* v2.2.2: home hero */
.eyebrow{color:var(--accent);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.hero-cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}