:root{--red:#e30613;--red-d:#b5000f;--red-dd:#8e000b;--red-l:#fff1f1;--red-l2:#ffe0e0;--bg:#fff;--soft:#f6f6f7;--soft2:#efeff1;--line:#ebebee;--line2:#dadade;--ink:#0c0c0e;--ink2:#3c3c42;--mute:#71717a;--ok:#0b8a4a;--okbg:#e8f6ee;--warn:#a96d00;--warnbg:#fdf4e1;--blue:#1f5fd0;--bluebg:#ebf1fd;--r:10px;--rl:16px;--hd:Inter,system-ui,sans-serif;--bd:Inter,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--sh:0 1px 2px rgba(12,12,14,.04),0 2px 8px rgba(12,12,14,.04);--sh2:0 4px 10px rgba(12,12,14,.05),0 22px 48px rgba(12,12,14,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--bd);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
img{max-width:100%;display:block}
::selection{background:var(--red);color:#fff}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
@media(max-width:600px){.wrap{padding:0 16px}}
.mono{font-family:var(--mono)}


.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}
.top .wrap{display:flex;align-items:center;gap:28px;height:66px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.logo svg{width:34px;height:34px}
.logo b{font:900 19px/1 var(--hd);font-stretch:125%;letter-spacing:-.03em;text-transform:uppercase}
.logo b span{color:var(--red)}
.menu{display:flex;gap:2px;flex:1;justify-content:flex-end;overflow:hidden}
.menu a{position:relative;text-decoration:none;color:var(--ink2);font-weight:600;font-size:14px;padding:22px 10px;white-space:nowrap;transition:color .15s}
.menu a::after{content:"";position:absolute;right:10px;left:10px;bottom:0;height:3px;background:var(--red);transform:scaleX(0);transition:transform .2s;border-radius:3px 3px 0 0}
.menu a:hover{color:var(--ink)}
.menu a:hover::after{transform:scaleX(.4)}
.menu a.on{color:var(--red)}
.menu a.on::after{transform:none}
.burger{display:none;background:none;border:0;width:44px;height:44px;margin-right:auto;cursor:pointer;border-radius:10px}
.burger svg{width:26px;height:26px;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round}
@media(max-width:1100px){
  .menu{display:none;position:absolute;top:calc(69px + env(safe-area-inset-top));right:0;left:0;flex-direction:column;background:#fff;border-bottom:3px solid var(--red);padding:6px 16px 16px;gap:0;box-shadow:var(--sh2)}
  .menu.open{display:flex}
  .menu a{padding:15px 4px;font-size:17px;border-bottom:1px solid var(--line)}
  .menu a::after{display:none}
  .burger{display:block}
}


.eyebrow{font:700 11.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--red);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:18px;height:2px;background:currentColor;flex:none}
h1,h2,h3{font-family:var(--hd);letter-spacing:-.04em;line-height:1.04;font-weight:750}
.ph{padding:52px 0 30px;border-bottom:1px solid var(--line);margin-bottom:32px}
.ph h1{font-size:clamp(34px,5.4vw,62px);margin:16px 0 12px}
.ph p{color:var(--ink2);max-width:700px;font-size:17.5px}
h2.sec{font-size:clamp(26px,3.4vw,36px);margin:72px 0 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
h2.sec a{font:600 14px var(--bd);letter-spacing:0;color:var(--red);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
h2.sec a:hover{text-decoration:underline;text-underline-offset:4px}
.prose{max-width:780px;color:var(--ink2);font-size:17px;line-height:1.75}
.prose h2{font-size:30px;color:var(--ink);margin:46px 0 14px;padding-top:6px}
.prose h3{font-size:21px;color:var(--ink);margin:30px 0 10px}
.prose p{margin:0 0 18px}
.prose ul,.prose ol{margin:0 22px 20px 0}
.prose li{margin-bottom:8px;padding-right:4px}
.prose li::marker{color:var(--red);font-weight:700}
.prose b,.prose strong{color:var(--ink)}
.prose table{margin:10px 0 22px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:15px}
.prose a{color:var(--red);text-underline-offset:3px;font-weight:600}
.muted{color:var(--mute)}
.small{font-size:13px}


.hero{position:relative;background:#fff;padding:72px 0 0;overflow:hidden;isolation:isolate}
.beams{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.beams::before{content:"";position:absolute;right:50%;top:-300px;width:1100px;height:640px;transform:translateX(50%);background:radial-gradient(closest-side,rgba(12,12,14,.05),transparent);filter:blur(10px)}
.beams::after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 55% at 50% 0%,#000 30%,transparent 75%);opacity:.7}
.beams i{display:none;position:absolute;top:-200px;width:220px;height:760px;background:linear-gradient(180deg,rgba(227,6,19,.28),transparent 75%);filter:blur(40px);border-radius:50%;opacity:.55;animation:beam 9s ease-in-out infinite alternate}
.beams i:nth-child(1){right:calc(50% - 420px);transform:rotate(22deg)}
.beams i:nth-child(2){right:calc(50% - 110px);width:200px;opacity:.35;animation-delay:-3s}
.beams i:nth-child(3){right:calc(50% + 220px);transform:rotate(-22deg);animation-delay:-6s}
@keyframes beam{to{opacity:.2;translate:0 30px}}
.hero-c{text-align:center;display:flex;flex-direction:column;align-items:center}
.pill{display:inline-flex;align-items:center;gap:10px;padding:5px 5px 5px 14px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.8);backdrop-filter:blur(8px);font-size:13.5px;font-weight:500;color:var(--ink2);text-decoration:none;transition:.2s;box-shadow:var(--sh)}
.pill b{background:var(--ink);color:#fff;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px}
.pill span{color:var(--mute);transition:.2s}
.pill:hover{border-color:var(--ink)}
.pill:hover span{color:var(--ink);transform:translateX(-3px)}
.hero h1{font-size:clamp(42px,7.4vw,88px);line-height:1;margin:26px 0 20px;letter-spacing:-.055em;font-weight:800;max-width:900px}
.hero h1 em{font-style:normal;color:#a1a1aa}
.hero p{font-size:clamp(16px,1.8vw,19px);color:var(--mute);max-width:560px;line-height:1.6}
.cta{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap;justify-content:center}
.cta .btn{border-radius:999px;padding:14px 24px;box-shadow:none}
.cta .btn:not(.ghost){background:var(--ink)}
.cta .btn:not(.ghost):hover{background:var(--red)}
.search{position:relative;margin-top:22px;width:100%;max-width:520px;display:flex;align-items:center;background:#fff;border:1px solid var(--line2);border-radius:999px;padding:4px 46px 4px 8px;transition:.15s;box-shadow:var(--sh)}
.search:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px var(--soft2)}
.search input{flex:1;min-width:0;border:0;outline:none;background:none;font-size:15.5px;padding:10px 0;text-align:right}
.search input::placeholder{color:#9a9aa2}
.search svg{position:absolute;right:17px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:var(--mute);fill:none;stroke-width:2.3}
.search kbd{font:600 12px var(--mono);color:var(--mute);border:1px solid var(--line2);border-radius:6px;padding:2px 8px;background:var(--soft)}
.sugg{position:absolute;right:0;left:0;top:calc(100% + 8px);background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:16px;overflow:hidden;z-index:5;display:none;box-shadow:var(--sh2);text-align:right}
.sugg.on{display:block}
.sugg a{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;text-decoration:none;border-bottom:1px solid var(--line);font-size:14.5px}
.sugg a:last-child{border-bottom:0}
.sugg a:hover,.sugg a.hl{background:var(--red-l)}
.sugg a span{color:var(--mute);font-size:13px;white-space:nowrap}
.frame{width:100%;max-width:1080px;margin:56px auto 0;background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:28px 28px 0 0;padding:10px 10px 0;box-shadow:0 30px 80px rgba(12,12,14,.08);backdrop-filter:blur(10px);text-align:right}
.frame-hd{display:flex;align-items:center;gap:14px;padding:10px 14px 14px}
.frame-hd b{font-weight:700;font-size:15px;flex:1}
.frame-hd a{font-size:13px;color:var(--ink2);text-decoration:none;font-weight:600}
.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:var(--line2)}
.rank{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:var(--soft);border-radius:20px 20px 0 0;padding:10px 10px 0}
.rk{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px 16px 0 0;text-decoration:none;overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.rk:hover{border-color:var(--line2);box-shadow:var(--sh2)}
.rk .num{position:absolute;right:14px;top:4px;font:800 120px/1 var(--hd);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--line2);z-index:2;pointer-events:none;transition:.25s}
.rk:hover .num{-webkit-text-stroke-color:var(--ink)}
.rk-img{position:relative;height:200px}
.rk-img .ph-img{padding:26px 70px 6px 18px}
.rk-bd{padding:12px 18px 20px;border-top:1px solid var(--line)}
.rk-bd small{font:700 10px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.14em}
.rk-bd b{display:block;font-weight:750;font-size:18px;letter-spacing:-.03em;margin:2px 0}
.rk-bd span{font-size:13px;color:var(--mute)}
@media(max-width:760px){.rank{grid-template-columns:1fr}.rk:nth-child(n+2){display:none}.hero{padding-top:44px}.frame{margin-top:40px}}
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:18px 0;background:#fff;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee div{display:flex;gap:48px;width:max-content;animation:mq 60s linear infinite}
.marquee span{font:700 17px var(--hd);letter-spacing:-.03em;color:#b4b4bb;white-space:nowrap;text-transform:uppercase}
.marquee:hover div{animation-play-state:paused}
@keyframes mq{to{transform:translateX(50%)}}


.mc,.tile,.gi,.segc,.rk{--mx:50%;--my:50%}
.mc::after,.gi::after,.tile .spot{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(227,6,19,.08),transparent 60%);opacity:0;transition:opacity .25s;z-index:3}
.mc{position:relative}
.mc:hover::after,.gi:hover::after{opacity:1}


.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px}
@media(max-width:960px){.tiles{grid-template-columns:repeat(2,1fr)}}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:24px 22px;text-decoration:none;display:flex;flex-direction:column;gap:8px;transition:.2s;position:relative}
.tile:hover{border-color:var(--red);box-shadow:var(--sh2);transform:translateY(-3px)}
.tile .ic{width:46px;height:46px;border-radius:12px;background:var(--red-l);display:grid;place-items:center;margin-bottom:8px;transition:.2s}
.tile .ic svg{width:23px;height:23px;stroke:var(--red);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tile:hover .ic{background:var(--red)}
.tile:hover .ic svg{stroke:#fff}
.tile b{font:800 18px/1.15 var(--hd);font-stretch:112%;letter-spacing:-.02em}
.tile span{color:var(--mute);font-size:14px;line-height:1.5}
.tile::after{content:"→";position:absolute;left:22px;top:26px;color:var(--line2);font-size:20px;transition:.2s}
.tile:hover::after{color:var(--red);transform:translateX(-3px)}
.tile.feat{background:var(--ink);border-color:var(--ink);color:#fff}
.tile.feat span{color:#a1a1aa}
.tile.feat .ic{background:var(--red)}
.tile.feat .ic svg{stroke:#fff}
.tile.feat::after{color:#52525b}
@media(max-width:600px){.tile{padding:18px 16px}.tile span{display:none}.tile b{font-size:15.5px}.tile::after{display:none}.tile .ic{width:40px;height:40px}}


.card{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:22px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.mc{background:#fff;border:1px solid var(--line);border-radius:var(--rl);overflow:hidden;display:flex;flex-direction:column;transition:.25s cubic-bezier(.2,.8,.2,1)}
.mc:hover{box-shadow:var(--sh2);transform:translateY(-4px);border-color:transparent}
.mc .art{height:196px;position:relative;display:grid;place-items:center;overflow:hidden;background:#fff!important}
.mc .art svg{width:58%;height:auto;opacity:.5}
.mc .art .seg{position:absolute;right:14px;top:14px;z-index:2}
.mc .art .lic{position:absolute;left:14px;top:14px;z-index:2}
.mc .bd{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1;border-top:1px solid var(--line)}
.mc .brand{font:700 10.5px var(--mono);color:var(--red);text-transform:uppercase;letter-spacing:.14em}
.mc h3{font-size:22px;line-height:1.08}
.mc h3 a{text-decoration:none;transition:color .15s}
.mc h3 a:hover{color:var(--red)}
.mc .specs{display:flex;gap:14px;font-size:13px;color:var(--mute);flex-wrap:wrap}
.mc .specs b{color:var(--ink);font-weight:700}
.mc .ft{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;gap:8px}
.price{font:900 23px/1 var(--hd);font-stretch:115%;letter-spacing:-.025em}
.price small{font:500 11px var(--bd);letter-spacing:0;color:var(--mute);display:block;margin-top:6px;font-stretch:100%}
.ph-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:16px 20px;z-index:1;transition:transform .5s cubic-bezier(.2,.8,.2,1);background:#fff}
.mc:hover .ph-img{transform:scale(1.06)}
.art:has(.ph-img)>svg,.dart:has(.ph-img)>svg,.vsimg>div:has(.ph-img)>svg{visibility:hidden}

svg .w{stroke:var(--red)}
svg .wd{fill:var(--red)}
svg .b{stroke:var(--ink)}

.badge{display:inline-flex;align-items:center;font:700 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:6px 8px;border-radius:6px;background:var(--soft);color:var(--ink2)}
.badge.A1{background:var(--okbg);color:var(--ok)}
.badge.A2{background:var(--bluebg);color:var(--blue)}
.badge.A{background:var(--red-l);color:var(--red)}
.badge.B{background:var(--warnbg);color:var(--warn)}
.cmpbtn{background:#fff;border:1.5px solid var(--line2);border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s;color:var(--ink2)}
.cmpbtn:hover{border-color:var(--red);color:var(--red)}
.cmpbtn.on{background:var(--red);border-color:var(--red);color:#fff}


.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--red);color:#fff;border:0;border-radius:10px;padding:14px 22px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;transition:.15s;box-shadow:0 6px 16px rgba(227,6,19,.22)}
.btn:hover{background:var(--red-d)}
.btn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line2);box-shadow:none}
.btn.ghost:hover{border-color:var(--ink)}
.btn:active{transform:scale(.97)}
label.l{display:block;font:700 10.5px var(--mono);color:var(--mute);margin-bottom:8px;text-transform:uppercase;letter-spacing:.12em}
.inp,select.inp{width:100%;background:#fff;border:1.5px solid var(--line2);border-radius:10px;padding:12px 14px;outline:none;transition:.15s}
.inp:focus{border-color:var(--red);box-shadow:0 0 0 4px var(--red-l)}
.chips{display:flex;gap:7px;flex-wrap:wrap}
.chip{background:#fff;border:1.5px solid var(--line2);border-radius:999px;padding:8px 15px;font-size:14px;font-weight:600;cursor:pointer;color:var(--ink2);transition:.15s}
.chip:hover{border-color:var(--red);color:var(--red)}
.chip.on{background:var(--red);border-color:var(--red);color:#fff}
.chip.on .muted{color:rgba(255,255,255,.75)}
.chip .muted{font-weight:500;margin-right:3px}
input[type=range]{width:100%;accent-color:var(--red)}


.cat{display:grid;grid-template-columns:290px 1fr;gap:28px;align-items:start}
.filters{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px}
.filters .card{display:flex;flex-direction:column;gap:22px;background:var(--soft);border:0}
.filters .chip{background:#fff}
.filters .chip.on{background:var(--red)}
.fhead{display:none}
@media(max-width:880px){
  .cat{grid-template-columns:1fr}
  .filters{position:fixed;inset:auto 0 0 0;top:auto;z-index:30;max-height:84vh;overflow:auto;transform:translateY(100%);transition:.3s cubic-bezier(.2,.8,.2,1);background:#fff;border-radius:20px 20px 0 0;border-top:3px solid var(--red);padding:18px 18px calc(18px + env(safe-area-inset-bottom))}
  .filters.open{transform:none;box-shadow:0 -20px 60px rgba(0,0,0,.2)}
  .filters .card{background:none;padding:0}
  .fhead{display:flex;justify-content:space-between;align-items:center}
}
.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}
.toolbar .cnt{color:var(--ink);font:800 18px var(--hd);font-stretch:115%}
.fbtn{display:none!important}
@media(max-width:880px){.fbtn{display:inline-flex!important}}

.cbar{position:fixed;right:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(50%) translateY(170%);z-index:25;background:var(--ink);color:#fff;border-radius:14px;padding:9px 18px 9px 9px;display:flex;align-items:center;gap:12px;box-shadow:0 24px 60px rgba(0,0,0,.35);transition:.3s cubic-bezier(.2,.8,.2,1);max-width:calc(100vw - 32px)}
.cbar.on{transform:translateX(50%)}
.cbar .ls{display:flex;gap:6px;overflow:hidden;font-size:13px;font-weight:600}
.cbar .ls span{background:#26262b;padding:7px 11px;border-radius:8px;white-space:nowrap;cursor:pointer}
.cbar .ls span::after{content:" ✕";color:#71717a}
.cbar .btn{box-shadow:none}


.tw{overflow-x:auto;border:1px solid var(--line);border-radius:var(--rl);background:#fff}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th,td{padding:13px 16px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}
tr:last-child td{border-bottom:0}
th{font:700 10.5px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.12em;background:var(--soft);white-space:nowrap}
td.n,th.n{text-align:left;font-variant-numeric:tabular-nums}
tbody tr{transition:background .12s}
tbody tr:hover td{background:#fffafa}
.pt td a{text-decoration:none;font-weight:700}
.pt td a:hover{color:var(--red)}
.brandrow td{background:#fff!important;font:900 17px var(--hd);font-stretch:118%;letter-spacing:-.02em;color:var(--red);padding-top:22px;border-bottom:2px solid var(--red)}


.det{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:start}
@media(max-width:880px){.det{grid-template-columns:1fr}}
.dart{border-radius:var(--rl);border:1px solid var(--line);height:440px;display:grid;place-items:center;position:relative;overflow:hidden;background:#fff!important}
.dart svg{width:min(440px,74%);opacity:.5}
.dart .ph-img{padding:36px}
.dart .badge{z-index:2}
@media(max-width:600px){.dart{height:280px}.dart .ph-img{padding:18px}}
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--rl);overflow:hidden}
.sp{background:#fff;padding:16px 18px}
.sp small{display:block;font:700 10px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}
.sp b{font:900 25px/1.1 var(--hd);font-stretch:115%;letter-spacing:-.03em}
.sp i{font-style:normal;font-size:13px;color:var(--mute);margin-right:3px}
.bars{display:flex;flex-direction:column;gap:16px}
.bar small{display:flex;justify-content:space-between;font-size:14px;color:var(--ink2);margin-bottom:7px}
.bar div{height:6px;background:var(--soft2);border-radius:6px;overflow:hidden}
.bar div i{display:block;height:100%;background:var(--red);border-radius:6px}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
@media(max-width:520px){.pc{grid-template-columns:1fr}}
.pc ul{list-style:none;font-size:14.5px;color:var(--ink2)}
.pc li{padding:8px 26px 8px 0;position:relative;border-bottom:1px solid var(--line)}
.pc li:last-child{border:0}
.pch{font-size:18px;margin-bottom:8px}
.pch.ok{color:var(--ok)}.pch.bad{color:var(--red)}
.pch.ok~ul li::before{content:"";position:absolute;right:2px;top:13px;width:14px;height:14px;border-radius:50%;background:var(--okbg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b8a4a' stroke-width='4'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/9px no-repeat}
.pch.bad~ul li::before{content:"";position:absolute;right:2px;top:13px;width:14px;height:14px;border-radius:50%;background:var(--red-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e30613' stroke-width='4'%3E%3Cpath d='M12 6v7M12 18v.5'/%3E%3C/svg%3E") center/9px no-repeat}

.ct td.best{color:var(--ok);font-weight:800;background:#f6fcf8}
.ct .hcell{min-width:190px;background:#fff;padding-top:18px}
.ct .hcell b{font:850 21px/1.05 var(--hd);font-stretch:115%;letter-spacing:-.025em;display:block;color:var(--ink);text-transform:none}
.ct .hcell small{color:var(--red);font-size:10px}
.ct tbody th{background:var(--soft);color:var(--ink2);font:600 13.5px var(--bd);text-transform:none;letter-spacing:0}

@media(max-width:600px){.ct th{white-space:normal}.ct th:first-child{width:30%;font-size:12.5px;line-height:1.25}.ct .hcell{width:35%;min-width:0;padding:14px 10px 10px}.ct .hcell b{font-size:17px;overflow-wrap:anywhere}.ct td{font-size:13.5px}}


details{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;transition:.15s}
details:hover{border-color:var(--line2)}
details[open]{border-color:var(--red);box-shadow:0 0 0 3px var(--red-l)}
summary{padding:18px 22px;cursor:pointer;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:26px;height:26px;border-radius:50%;background:var(--red-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e30613' stroke-width='2.6'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/13px no-repeat;transition:.25s}
details[open] summary::after{transform:rotate(45deg);background-color:var(--red);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E")}
details .a{padding:0 22px 20px;color:var(--ink2);line-height:1.7}
details .a p{margin-bottom:10px}
details .a a{color:var(--red);font-weight:600}
details .a ul{margin:0 20px 10px 0}


.gl{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}
.gi{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:26px;text-decoration:none;transition:.25s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;position:relative;overflow:hidden}
.gi::before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--red);transform:scaleY(0);transform-origin:top;transition:.25s}
.gi:hover{box-shadow:var(--sh2);transform:translateY(-4px);border-color:transparent}
.gi:hover::before{transform:none}
.gi:hover h3{color:var(--red)}
.gi h3{font-size:23px;margin:14px 0 10px;transition:.15s}
.gi p{color:var(--mute);font-size:14.5px}
.gi.vs{padding:0}
.gi.vs::before{display:none}
.gi.vs h3,.gi.vs p{padding:0 22px}
.gi.vs h3{margin-top:18px;font-size:20px}
.gi.vs p{padding-bottom:22px;font-family:var(--mono);font-size:12.5px;color:var(--ink2)}
.vsimg{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:140px;border-bottom:1px solid var(--line);background:#fff}
.vsimg>div{position:relative;height:100%;display:grid;place-items:center;overflow:hidden;background:#fff!important}
.vsimg>div svg{width:80%;opacity:.5}
.vsimg .ph-img{padding:12px}
.vsimg>b{font:900 12px var(--hd);font-stretch:125%;color:#fff;background:var(--red);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;z-index:2;margin:0 -12px;box-shadow:0 0 0 5px #fff}

.segs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.segc{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:20px;text-decoration:none;display:flex;flex-direction:column;gap:4px;transition:.25s cubic-bezier(.2,.8,.2,1)}
.segc:hover{border-color:var(--red);background:var(--red);color:#fff;transform:translateY(-3px)}
.segc:hover span{color:rgba(255,255,255,.8)}
.segc:hover svg .w,.segc:hover svg .b{stroke:#fff}
.segc:hover svg .wd{fill:#fff}
.segc svg{width:104px;margin-bottom:14px}
.segc b{font:800 17px/1.1 var(--hd);font-stretch:115%;letter-spacing:-.02em}
.segc span{font-size:12.5px;color:var(--mute);transition:.2s}

.callout{border-right:4px solid var(--red);background:var(--red-l);padding:18px 20px;border-radius:var(--r) 0 0 var(--r);margin:20px 0;color:var(--ink2);font-size:15.5px}
.callout.warn{border-color:var(--warn);background:var(--warnbg)}
.callout.bad{border-color:var(--red)}


.wz{display:grid;gap:14px;grid-template-columns:1fr 1fr}
@media(max-width:760px){.wz{grid-template-columns:1fr}}
.wq{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:24px}
.wq:first-child,.wq:nth-child(3){grid-column:1/-1}
.wq h3{font-size:20px;margin-bottom:16px;display:flex;align-items:center;gap:10px}
.wq h3 span{background:var(--red);color:#fff;font:800 13px var(--mono);width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;flex:none}


.cost{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}
@media(max-width:880px){.cost{grid-template-columns:1fr}}
.cost>.card:last-child{background:var(--red);color:#fff;border:0;position:sticky;top:90px;box-shadow:0 30px 60px rgba(227,6,19,.25)}
.cost>.card:last-child .eyebrow{color:#fff}
.cost>.card:last-child .muted{color:rgba(255,255,255,.8)!important}
.cost>.card:last-child .costline{border-color:rgba(255,255,255,.2)}
.cost>.card:last-child [style*="#2b2c30"]{background:rgba(255,255,255,.2)!important}
.cost>.card:last-child [style*="var(--acc)"]{background:#fff!important}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.costline{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px}
.costline b{font-variant-numeric:tabular-nums}
.total{font:900 60px/1 var(--hd);font-stretch:125%;letter-spacing:-.04em;color:#fff;margin:12px 0 8px}


footer{background:var(--red);color:rgba(255,255,255,.82);margin-top:96px;padding:48px 0 calc(48px + env(safe-area-inset-bottom));font-size:14px;position:relative}
footer::before{content:"";position:absolute;right:0;left:0;top:-40px;height:41px;background:var(--red);clip-path:polygon(0 100%,100% 0,100% 100%)}
footer .wrap{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}
footer b{color:#fff!important;font:900 18px var(--hd);font-stretch:125%;text-transform:uppercase;letter-spacing:-.02em;display:inline-block;margin-bottom:6px}
footer a{color:#fff;text-decoration:none;margin-left:18px;font-weight:600}
footer .wrap>div{display:flex;flex-wrap:wrap;row-gap:8px;min-width:0;max-width:100%}
html{overflow-x:clip}
footer a:hover{text-decoration:underline;text-underline-offset:4px}
.empty{padding:48px;text-align:center;color:var(--mute)}
.toast{position:fixed;right:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translateX(50%) translateY(20px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:10px;font-weight:600;font-size:14px;opacity:0;transition:.25s;pointer-events:none;z-index:40}
.toast.on{opacity:1;transform:translateX(50%)}
#app{min-height:70vh}
#app>*{animation:fade .35s cubic-bezier(.2,.8,.2,1)}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.segimg{position:relative;height:110px;margin:-4px -4px 14px;border-radius:10px;overflow:hidden;background:#fff}
.segimg .ph-img{padding:6px;background:transparent}
.segc:hover .segimg{background:#fff}


.dd{position:relative}
.dd>a::before{content:"";position:absolute;left:-2px;top:50%;width:6px;height:6px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);opacity:.5}
.dd>a{padding-left:16px!important}
.ddm{position:absolute;right:-12px;top:100%;min-width:300px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:var(--sh2);opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s;z-index:30}
.dd:hover .ddm,.dd:focus-within .ddm{opacity:1;visibility:visible;transform:none}
.ddm a{display:block;padding:10px 14px!important;border-radius:10px;text-decoration:none}
.ddm a::after{display:none}
.ddm a:hover{background:var(--soft)}
.ddm b{display:block;font-size:14.5px;color:var(--ink);font-weight:650}
.ddm span{display:block;font-size:12.5px;color:var(--mute);font-weight:400;margin-top:1px}
@media(max-width:1100px){
  .dd>a{display:none!important}
  .ddm{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0;min-width:0;border-radius:0}
  .ddm a{padding:12px 4px!important;border-bottom:1px solid var(--line);border-radius:0}
  .ddm span{display:none}
  .ddm b{font-size:16.5px;font-weight:600}
}
.rmeta{display:flex;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:16px;font-size:13px;color:var(--mute)}
.rmeta b{color:var(--ink)}
.dict{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.dt{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.dt b{font-size:16px;letter-spacing:-.02em}
.dt p{color:var(--ink2);font-size:14.5px;margin-top:4px;line-height:1.55}
.tile .spot{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(240px circle at var(--mx) var(--my),rgba(227,6,19,.07),transparent 60%);opacity:0;transition:opacity .25s}
.tile:hover .spot{opacity:1}
.favbtn{position:absolute;left:12px;top:150px;z-index:4;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:var(--sh);transition:.15s}
.favbtn svg{width:18px;height:18px;fill:none;stroke:var(--ink2);stroke-width:2}
.favbtn:hover svg{stroke:var(--red)}
.favbtn.on{background:var(--red);border-color:var(--red)}
.favbtn.on svg{fill:#fff;stroke:#fff}
.btn.ghost[data-fav].on{border-color:var(--red);color:var(--red)}
.garage span{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:700;margin-right:4px;vertical-align:1px}
.seo img{max-width:420px;margin:16px 0}
.seo{padding:48px 0}
.seo h2{margin:28px 0 10px;font-size:22px}.seo table{border-collapse:collapse;width:100%;margin:10px 0;font-size:14px}.seo th,.seo td{text-align:right;padding:7px 10px;border-bottom:1px solid var(--line,#ececef)}.seo ul{padding-right:20px}.seo li{margin:4px 0}.crumbs{font-size:13px;color:var(--mute,#666);margin-bottom:12px}.crumbs a{color:inherit}
.brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.bc{background:#fff;border:1px solid var(--line);border-radius:var(--rl);overflow:hidden;text-decoration:none;transition:.25s cubic-bezier(.2,.8,.2,1)}
.bc:hover{box-shadow:var(--sh2);transform:translateY(-3px)}
.bc-img{position:relative;height:130px;border-bottom:1px solid var(--line)}
.bc-bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:2px}
.bc-bd b{font-size:18px;letter-spacing:-.03em}
.bc-bd span{font-size:12.5px;color:var(--mute)}
.bc-bd em{font-style:normal;font-size:13px;font-weight:600;margin-top:6px}
.sales{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 28px}
@media(max-width:760px){.sales{grid-template-columns:1fr}}
.srow{display:grid;grid-template-columns:28px 130px 1fr auto;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line);text-decoration:none;transition:.15s}
a.srow:hover b{color:var(--red)}
.sr{font:800 15px var(--mono);color:var(--mute)}
.srow:nth-child(-n+3) .sr{color:var(--red)}
.srow b{font-size:16px;letter-spacing:-.02em;transition:.15s}
.sbar{height:8px;background:var(--soft2);border-radius:6px;overflow:hidden}
.sbar i{display:block;height:100%;background:var(--ink);border-radius:6px}
.srow:nth-child(1) .sbar i{background:var(--red)}
.su{font-size:13px;color:var(--ink2);white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:600px){.srow{grid-template-columns:24px 1fr auto}.sbar{display:none}}
.sold{background:var(--red);color:#fff;padding:2px 6px;border-radius:4px;margin-left:4px;letter-spacing:.06em}


.anim{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:22px;margin:26px 0;box-shadow:var(--sh);color:var(--ink);font-size:15px;line-height:1.55;opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}
.anim.in{opacity:1;transform:none}
.anim-hd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.anim-hd b{font-size:17px;letter-spacing:-.02em}
.anim-hd span{font:600 10.5px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.1em}
.anim-info{margin:12px 0 0!important;color:var(--ink2);background:var(--soft);border-radius:10px;padding:12px 14px}
.anim-info b{color:var(--ink)}
.anim-row{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:22px;align-items:center}
@media(max-width:640px){.anim-row{grid-template-columns:1fr}.anim-row svg{max-width:220px;margin:0 auto}}
.anim-list{list-style:none;margin:0!important;padding:0;display:flex;flex-direction:column;gap:6px}
.anim-list li{padding:10px 12px;border-radius:10px;cursor:pointer;transition:.2s;border:1px solid transparent;margin:0!important}
.anim-list li b{display:block;font-size:14.5px}
.anim-list li span{display:block;font-size:13.5px;color:var(--mute);max-height:0;overflow:hidden;transition:max-height .35s}
.anim-list li.sel{background:var(--red-l);border-color:var(--red-l2)}
.anim-list li.sel b{color:var(--red)}
.anim-list li.sel span{max-height:80px;color:var(--ink2)}

.ka-svg{width:100%;height:auto;overflow:visible}
.ka-l{transform:translateX(-380px);transition:transform 1s cubic-bezier(.2,.8,.2,1);cursor:pointer}
.ka-l text{font:600 13px var(--bd);fill:var(--mute);opacity:0;transition:opacity .4s .7s}
.anim.in .ka-l{transform:translateX(calc(-1 * var(--x)))}
.anim.in .ka-l text{opacity:1}
.ka-l:nth-child(2){transition-delay:.08s}.ka-l:nth-child(3){transition-delay:.16s}.ka-l:nth-child(4){transition-delay:.24s}.ka-l:nth-child(5){transition-delay:.32s}
.ka-l:hover path,.ka-l.sel path{filter:drop-shadow(0 6px 10px rgba(227,6,19,.25))}
.ka-l.sel text{fill:var(--red)}

.el-svg,.gv-svg{width:100%;height:auto}
.draw{stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 2s ease}
.anim.in .draw{stroke-dashoffset:0}
.hs{cursor:pointer}
.hs-p{fill:var(--red);opacity:.18;transform-origin:center;transform-box:fill-box;animation:pulse 1.8s ease-out infinite}
.hs-c{fill:var(--red)}
.hs text{font:700 10px var(--bd);fill:#fff;pointer-events:none}
.hs.sel .hs-c{fill:var(--ink)}
@keyframes pulse{0%{transform:scale(.6);opacity:.35}100%{transform:scale(1.6);opacity:0}}

.zn{fill:var(--red);opacity:.12;transition:opacity .3s,r .3s;cursor:pointer}
.zn.sel{opacity:.75}

.vr-svg{width:100%;max-width:520px;display:block;margin:6px auto 0;height:auto}
.vr-line{transition:opacity .4s}
.vr-t{font:600 12px var(--bd);fill:var(--ink2)}
.apex-d{transition:opacity .3s}
.anim-tabs{margin-bottom:6px}

.anim-ctl{margin-bottom:16px}
.fr-track{display:flex;height:22px;border-radius:8px;overflow:hidden;background:var(--soft)}
.fr-r,.fr-b{height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.fr-r{background:var(--warn)}.fr-b{background:var(--red)}
.fr-leg{display:flex;gap:16px;align-items:center;margin-top:8px;font-size:13px;color:var(--ink2);flex-wrap:wrap}
.fr-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-left:6px;vertical-align:-1px}
.fr-leg b{margin-right:auto;font-size:22px;letter-spacing:-.03em}

.tk-road{position:relative;height:56px;background:var(--soft);border-radius:10px;margin-bottom:16px;overflow:hidden}
.tk-road::before{content:"";position:absolute;right:0;left:0;top:27px;border-top:2px dashed #fff}
.tk-mark{position:absolute;right:60%;top:6px;bottom:6px;width:3px;background:var(--ink);border-radius:2px}
.tk-a,.tk-b{position:absolute;top:16px;width:34px;height:24px;border-radius:7px;animation:tk 5s linear infinite}
.tk-a{background:var(--ink)}
.tk-b{background:var(--red);animation-delay:-1.6s}
@keyframes tk{from{right:-40px}to{right:100%}}
.tk-out{font-size:15px;padding-top:6px}
.tk-out b{font-size:22px;letter-spacing:-.03em}

.hsb-art svg{width:100%;height:auto;display:block}
.hsb .anim-row{grid-template-columns:minmax(220px,340px) 1fr}
.anim-list li b em{font-style:normal;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-size:11px;margin-left:8px;vertical-align:1px}
.anim-list li.sel b em{background:var(--red)}
.pin{cursor:pointer}
.pin-p{fill:var(--red);opacity:0;transform-box:fill-box;transform-origin:center}
.pin-c{fill:#fff;stroke:var(--ink);stroke-width:2.5;transition:.2s}
.pin text{font:800 11px var(--bd);fill:var(--ink);pointer-events:none}
.pin.sel .pin-c{fill:var(--red);stroke:var(--red)}
.pin.sel text{fill:#fff}
.pin.sel .pin-p{animation:pulse 1.6s ease-out infinite}
.hl{transition:filter .3s,opacity .3s}
.hsb .hl.sel{filter:drop-shadow(0 0 0 transparent) brightness(1.15) drop-shadow(0 0 10px rgba(227,6,19,.55))}
.pad{fill:var(--red);opacity:.0;transition:opacity .35s}
.anim.in .pad{opacity:.18}
.pad.sel{opacity:.85!important}
.cut{opacity:0;transition:opacity .8s .3s}
.anim.in .cut{opacity:1}
.strap{transform:translateY(-14px);opacity:0;transition:.6s .6s}
.anim.in .strap{transform:none;opacity:1}

.bnav{display:none}
@media(max-width:760px){
  .bnav{display:flex;position:fixed;right:0;left:0;bottom:0;z-index:24;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .bnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:600;color:var(--mute);text-decoration:none;padding:4px 0}
  .bnav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .bnav a.on{color:var(--red)}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .cbar{bottom:calc(76px + env(safe-area-inset-bottom))}
  .toast{bottom:calc(140px + env(safe-area-inset-bottom))}
}

.cchart{margin-bottom:16px}
.cc-leg{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:14px;font-size:13.5px;font-weight:600}
.cc-leg i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-left:6px;vertical-align:-1px}
.cc-row{display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.cc-row>b{font-size:14px}
.cc-bars{display:flex;flex-direction:column;gap:5px}
.cc-b{display:grid;grid-template-columns:1fr 92px;gap:10px;align-items:center}
.cc-b i{display:block;height:9px;border-radius:5px;width:var(--w);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.cc-b span{font-size:12.5px;color:var(--ink2);font-variant-numeric:tabular-nums;text-align:left}
.cc-b span.best{color:var(--ink);font-weight:800}
.toolbar .inp{flex:1}
.cbar:not(.on){visibility:hidden;transform:translateX(50%) translateY(calc(100% + 140px))}
.cbar{transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility .3s}


:root{--bd:"General Sans",Inter,system-ui,sans-serif;--hd:Inter,system-ui,sans-serif;--soft:#f5f5f6;--line:#ececef;--rl:18px}
body{font-family:var(--bd);font-weight:450;letter-spacing:-.005em}
h1,h2,h3{font-family:var(--hd);font-weight:700;letter-spacing:-.045em}
.ph h1{font-size:clamp(32px,4.6vw,52px);line-height:1;letter-spacing:-.05em}
.ph{border-bottom:0;padding:48px 0 18px;margin-bottom:20px}
.ph p{color:var(--mute);font-size:17px}
.hero h1{font-size:clamp(40px,6.4vw,72px);letter-spacing:-.055em}

.btn{border-radius:10px;height:46px;padding:0 20px;font-weight:600;font-size:15px;background:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 2px rgba(0,0,0,.2)}
.btn:hover{background:#26262b}
.btn.ghost{background:rgba(12,12,14,.04);border:1px solid var(--line);box-shadow:none;color:var(--ink)}
.btn.ghost:hover{background:rgba(12,12,14,.07);border-color:var(--line2)}
.cta .btn{border-radius:10px}
.cta .btn:not(.ghost){background:var(--ink)}
.cta .btn:not(.ghost):hover{background:#26262b}

h2.sec{font-size:22px;letter-spacing:-.035em;font-weight:650;margin:64px 0 18px;align-items:flex-end}
h2.sec .st{display:flex;flex-direction:column;gap:4px}
h2.sec .st small{font:450 14px var(--bd);letter-spacing:0;color:var(--mute)}
h2.sec a{color:var(--ink2);font-weight:550;font-size:13.5px;border:0;padding:0}
h2.sec a:hover{color:var(--ink);text-decoration:none}

.panel{background:var(--soft);border-radius:28px;padding:22px 22px 24px;margin-top:20px}
.panel h2.sec{margin:2px 4px 18px}
@media(max-width:600px){.panel{border-radius:20px;padding:16px 12px 18px;margin-right:-8px;margin-left:-8px}}

.mc{background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}
.mc:hover{box-shadow:none;transform:none}
.mc .art{height:200px;border-radius:16px;background:#fff!important;border:1px solid var(--line);overflow:hidden;transition:border-color .2s,box-shadow .25s}
.panel .mc .art{border-color:transparent}
.mc:hover .art{box-shadow:0 10px 30px rgba(12,12,14,.08);border-color:var(--line2)}
.mc .bd{border-top:0;padding:12px 4px 4px;gap:5px}
.mc h3{font-size:17px;letter-spacing:-.03em;font-weight:650}
.mc .brand{color:var(--mute);font-size:10px}
.mc .specs{gap:10px;font-size:12.5px}
.mc .ft{padding-top:8px;border-top:0}
.price{font:700 18px/1 var(--hd);letter-spacing:-.03em}
.price small{font-size:11px}
.cmpbtn{border-radius:8px;border:1px solid var(--line);background:#fff;font-weight:600;padding:7px 10px}
.favbtn{top:154px;left:10px}
.mc .art .badge{background:rgba(255,255,255,.9);backdrop-filter:blur(6px)}
.grid{gap:22px 18px}

.gi,.segc,.tile,.card,.wq,.dt,.bc{border-radius:18px;box-shadow:none;border-color:var(--line)}
.gi:hover,.segc:hover,.tile:hover,.bc:hover{box-shadow:0 10px 30px rgba(12,12,14,.07);transform:translateY(-2px)}
.panel .gi,.panel .segc,.panel .tile{border-color:transparent}
.segc:hover{background:#fff;color:var(--ink);border-color:var(--line2)}
.segc:hover span{color:var(--mute)}
.tile.feat{background:var(--ink)}
.tile .ic{border-radius:10px;background:var(--soft)}
.tile .ic svg{stroke:var(--ink)}
.tile:hover .ic{background:var(--ink)}
.tile:hover .ic svg{stroke:#fff}
.tile:hover{border-color:var(--line2)}
.tile::after{display:none}

.top .wrap{height:60px}
.menu a{font-weight:500;font-size:14px;color:var(--ink2)}
.menu a::after{display:none}
.menu a.on{color:var(--ink);font-weight:600}
.kbtn{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px 0 8px;border:1px solid var(--line);background:var(--soft);border-radius:10px;color:var(--mute);font-size:13px;cursor:pointer;flex:none}
.kbtn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2}
.kbtn kbd{font:600 11px var(--mono);background:#fff;border:1px solid var(--line);border-radius:5px;padding:1px 5px}
.kbtn:hover{border-color:var(--line2);color:var(--ink)}
.hcta{height:34px!important;padding:0 14px!important;font-size:13.5px!important;flex:none}
@media(max-width:1100px){.kbtn span,.kbtn kbd{display:none}.kbtn{margin-right:auto;padding:0 10px}.burger{margin-right:4px}}
@media(max-width:600px){.hbul{display:none}.hreg{padding:0 12px!important}}

.statement{margin:72px 0 22px}
.statement p{font:600 clamp(24px,3.4vw,40px)/1.15 var(--hd);letter-spacing:-.04em;color:#a1a1aa;max-width:960px}
.statement b{color:var(--ink);font-weight:600}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:170px;gap:14px}
.bx{position:relative;background:var(--soft);border-radius:22px;text-decoration:none;overflow:hidden;display:flex;transition:.25s}
.bx:hover{background:#efeff1}
.bx-big{grid-column:span 2;grid-row:span 2;background:var(--ink);color:#fff}
.bx-big:hover{background:#18181b}
.bx-bd{margin-top:auto;padding:22px;display:flex;flex-direction:column;gap:2px;position:relative;z-index:2}
.bx-bd b{font:700 44px/1 var(--hd);letter-spacing:-.05em}
.bx-big .bx-bd b{font-size:72px}
.bx-bd span{color:var(--mute);font-size:14.5px}
.bx-big .bx-bd span{color:#a1a1aa}
.bx-bd em{font-style:normal;font-size:13px;font-weight:600;margin-top:10px;opacity:0;transform:translateY(4px);transition:.2s}
.bx:hover .bx-bd em{opacity:1;transform:none}
.bx-img{position:absolute;inset:0 0 40% 0;display:flex}
.bx-img .ph-img{position:relative;flex:1;background:transparent;padding:26px 10px 0;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}
.bx-img .ph-img:nth-child(2){margin-top:30px}
@media(max-width:860px){.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.bx-big{grid-column:span 2}}

.cmdk{position:fixed;inset:0;z-index:60;background:rgba(12,12,14,.35);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}
.cmdk[hidden]{display:none}
.cmdk-box{width:100%;max-width:620px;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.3);overflow:hidden;animation:cmdin .18s ease}
@keyframes cmdin{from{opacity:0;transform:scale(.97) translateY(-6px)}}
.cmdk-in{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.cmdk-in svg{width:18px;height:18px;stroke:var(--mute);fill:none;stroke-width:2.2;flex:none}
.cmdk-in input{flex:1;border:0;outline:none;font-size:16.5px;background:none}
.cmdk-in kbd{font:600 11px var(--mono);color:var(--mute);border:1px solid var(--line);border-radius:5px;padding:2px 6px}
.cmdk-res{max-height:56vh;overflow:auto;padding:6px}
.cmdk-g{font:600 10.5px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.1em;padding:12px 12px 6px}
.cmdk-i{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;text-decoration:none}
.cmdk-i img{width:44px;height:32px;object-fit:contain}
.cmdk-ic{width:32px;height:32px;margin:0 6px;border-radius:8px;background:var(--soft);display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--ink2)}
.cmdk-i b{font-weight:550;font-size:14.5px;letter-spacing:-.01em}
.cmdk-i span{font-size:12.5px;color:var(--mute)}
.cmdk-i.hl,.cmdk-i:hover{background:var(--soft)}
.cmdk-empty{padding:28px;text-align:center;color:var(--mute)}
.bx-big{background:#fff;color:var(--ink);border:1px solid var(--line)}
.bx-big:hover{background:#fff;box-shadow:0 14px 40px rgba(12,12,14,.08)}
.bx-big .bx-bd span{color:var(--mute)}
.bx-img{inset:0 0 34% 0}
.bx-img .ph-img{mix-blend-mode:multiply;filter:none;padding:24px 18px 0}
.bx-img .ph-img:nth-child(n+2){display:none}
.chip.on{background:var(--ink);border-color:var(--ink)}

.ms-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
@media(max-width:760px){.ms-grid{grid-template-columns:1fr}}
.ms-card h3{font-size:18px;letter-spacing:-.03em;margin-bottom:6px}
.ms-svg{width:100%;max-width:300px;display:block;margin:4px auto 6px;height:auto;overflow:visible}
.ms-steps{margin:6px 20px 0 0;color:var(--ink2);font-size:14.5px}
.ms-steps li{margin-bottom:4px}
.ms-steps li::marker{font-weight:700;color:var(--ink)}
.tape{fill:none;stroke:#f5c518;stroke-width:10;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:tape 5s cubic-bezier(.6,0,.3,1) infinite}
.tape.back{stroke:#f5c518;opacity:.45;stroke-width:6;stroke-dasharray:3 3;animation:tapeback 5s ease infinite}
.tape-tick{fill:none;stroke:#7a5b00;stroke-width:4;stroke-dasharray:.4 2.6;opacity:0;animation:tick 5s ease infinite}
@keyframes tape{0%{stroke-dashoffset:100;opacity:1}38%,86%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes tapeback{0%,30%{opacity:0}42%,86%{opacity:.5}100%{opacity:0}}
@keyframes tick{0%,34%{opacity:0}44%,86%{opacity:.8}100%{opacity:0}}
.ms-lab{opacity:0;transform-box:fill-box;transform-origin:center;animation:lab 5s ease infinite}
.ms-lab text{font:700 15px var(--hd);fill:#fff;letter-spacing:-.02em}
@keyframes lab{0%,40%{opacity:0;transform:translateY(6px) scale(.9)}50%,86%{opacity:1;transform:none}100%{opacity:0}}
.ms-note text{font:600 11.5px var(--bd);fill:var(--ink2)}
.ms-note{opacity:0;animation:tick 5s ease infinite}
.band{fill:#f5c518;transform-box:fill-box;transform-origin:right center;transform:scaleX(0);animation:band 5s cubic-bezier(.6,0,.3,1) infinite}
.band-back{fill:none;stroke:#f5c518;stroke-width:2;stroke-dasharray:4 4;opacity:0;animation:tapeback 5s ease infinite}
.band-tick{stroke:#7a5b00;stroke-width:8;stroke-dasharray:1.2 6;opacity:0;animation:tick 5s ease infinite}
@keyframes band{0%{transform:scaleX(0);opacity:1}38%,86%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.tape{stroke-dashoffset:0}.band{transform:none}.ms-lab,.tape-tick,.band-tick,.ms-note{opacity:1}}


@media(max-width:760px){
  .top .wrap{gap:10px;height:56px}
  .logo{min-width:0;flex:1 1 auto;overflow:hidden}
  .logo svg{width:28px;height:28px;flex:none}
  .logo b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kbtn{margin-right:0;height:36px;width:36px;padding:0;justify-content:center;flex:none}
  .burger{flex:none;width:40px;height:40px;margin-right:0}
  .menu{top:calc(56px + env(safe-area-inset-top))}
  
  .hero{padding-top:36px}
  .hero h1{margin:18px 0 14px}
  .hero p{font-size:15.5px}
  .cta{width:100%;flex-wrap:nowrap;gap:8px}
  .cta .btn{flex:1;padding:0 10px;font-size:14px}
  .search kbd{display:none}
  .frame{margin-top:28px;border-radius:20px 20px 0 0;padding:6px 6px 0}
  .frame-hd{padding:8px 10px 10px}
  .frame-hd .dots{display:none}
  .frame-hd b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rank{padding:6px 6px 0;border-radius:14px 14px 0 0}
  .rk-img{height:160px}
  .rk .num{font-size:90px}
  
  .statement{margin:48px 0 16px}
  .statement p{font-size:22px;line-height:1.2}
  .bento{grid-auto-rows:118px;gap:10px}
  .bx{border-radius:18px}
  .bx-bd{padding:14px}
  .bx-bd b{font-size:32px}
  .bx-big .bx-bd b{font-size:48px}
  .bx-bd span{font-size:12.5px;line-height:1.35}
  .bx-bd em{display:none}
  
  h2.sec{font-size:19px;margin:40px 0 14px;gap:10px}
  h2.sec .st small{font-size:12.5px}
  h2.sec a{font-size:12.5px}
  .panel{padding:14px 10px 16px;margin-top:14px}
  .panel h2.sec{margin:4px 4px 14px}
  
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}
  .mc .art{height:124px;border-radius:14px}
  .mc .art .badge{font-size:8.5px;padding:4px 5px;top:8px}
  .mc .art .seg{right:8px}.mc .art .lic{left:8px}
  .ph-img{padding:10px 8px}
  .favbtn{top:90px;left:6px;width:30px;height:30px}
  .favbtn svg{width:15px;height:15px}
  .mc .bd{padding:9px 2px 2px;gap:3px}
  .mc .brand{font-size:9px}
  .mc h3{font-size:14.5px;line-height:1.15}
  .mc .specs{gap:6px;font-size:11px}
  .mc .specs span:nth-child(n+3){display:none}
  .mc .ft{flex-direction:column;align-items:stretch;gap:8px;padding-top:6px}
  .price{font-size:16px}
  .price small{display:none}
  .cmpbtn{font-size:11.5px;padding:6px 8px;text-align:center}
  .gl,.segs,.brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .gi{padding:16px}
  .gi h3{font-size:16px;margin:8px 0 6px}
  .gi p{font-size:12.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .gi.vs{grid-column:span 2}
  .segc{padding:14px}
  .segimg{height:84px;margin-bottom:8px}
  .segc b{font-size:14.5px}
  .bc-img{height:90px}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tile{padding:14px}
  
  .det{display:flex;flex-direction:column;gap:12px}
  .det>div:first-child{display:contents}
  .det .dart{order:1;height:240px}
  .det>div:first-child>p{order:2;margin-top:-6px!important}
  .det>div:last-child{order:3}
  .det>div:first-child>.pc{order:4;margin-top:0}
  .det>div:first-child>.card{order:5;margin-top:0!important}
  .det .price{font-size:34px!important}
  .det .btn{flex:1 1 auto;padding:0 12px;font-size:14px}
  .sp{padding:12px}
  .sp b{font-size:20px}
  .ph{padding:28px 0 12px}
  .ph h1{font-size:32px}
  
  .bnav a{font-size:10px;letter-spacing:-.01em;min-width:0}
  .bnav{padding-right:2px;padding-left:2px}
  
  th,td{padding:10px 10px}
  .fg{grid-template-columns:1fr 1fr;gap:10px}
  .cost{gap:14px}
  .total{font-size:44px}
  .anim{padding:16px;margin:20px -4px}
  .wz{grid-template-columns:1fr}
}
@media(max-width:360px){.grid{gap:14px 8px}.mc h3{font-size:13.5px}.logo b{font-size:13.5px}}
@media(max-width:760px){.det>*,.det>div:first-child>*{width:100%;min-width:0}}
@media(max-width:760px){
  .mc .art .seg{display:none}
  .toolbar .inp{flex:1 1 100%;max-width:none!important}
  .toolbar .cnt{order:2;font-size:15px}
  .toolbar>div{order:3;margin-right:auto}
}
.tape{stroke:url(#ms-tape);stroke-width:11;filter:drop-shadow(0 2px 2px rgba(120,80,0,.25))}
.tape.back{stroke:#e5b200;opacity:.55;stroke-width:8;stroke-dasharray:none}
.band{fill:url(#ms-tape);filter:drop-shadow(0 2px 2px rgba(120,80,0,.25))}
.band-back{stroke:#e5b200;stroke-width:6;stroke-dasharray:none;fill:none}

.tyre-card{margin-bottom:20px;display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:center}
@media(max-width:760px){.tyre-card{grid-template-columns:1fr;gap:10px}}
.tyre-svg{width:100%;height:auto;display:block}
.ty-spin{transform-origin:150px 150px;animation:spin 6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ty-code{font:700 17px var(--mono);fill:#d4d4d8;letter-spacing:1.5px}
.ty-code tspan{transition:fill .25s}
.ty-code tspan.on{fill:#ff3b47}
.ty-dim{stroke:var(--ink2);stroke-width:1.6;fill:none}
.ty-dt{font:700 13px var(--hd);fill:var(--ink2)}
.ty-h{opacity:.35;transition:opacity .3s}
.ty-h.on{opacity:1}
.ty-h.on .ty-dim{stroke:var(--red);stroke-width:2.4}
.ty-h.on .ty-dt{fill:var(--red)}
.tyre-leg{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.tl{padding:10px 12px;border-radius:12px;background:var(--soft);cursor:pointer;transition:.2s;border:1px solid transparent}
.tl b{display:block;font:700 18px var(--mono);letter-spacing:-.02em}
.tl span{display:block;font-size:12.5px;font-weight:600;color:var(--ink2)}
.tl em{display:block;font-style:normal;font-size:12px;color:var(--mute);margin-top:2px}
.tl.on{background:var(--red-l);border-color:var(--red-l2)}
.tl.on b{color:var(--red)}

.topics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;background:var(--soft);border-radius:20px 20px 0 0;padding:10px 10px 12px}
.tp{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 14px 10px;display:flex;flex-direction:column;transition:.2s}
.tp:hover{border-color:var(--line2);box-shadow:0 10px 26px rgba(12,12,14,.07);transform:translateY(-2px)}
.tp-hd{display:flex;flex-direction:column;gap:2px;text-decoration:none}
.tp-ic{width:44px;height:44px;border-radius:12px;background:var(--red-l);display:grid;place-items:center;margin-bottom:10px;transition:.2s}
.tp-ic svg{width:30px;height:30px}
.tp-ic .f{fill:#fff}
.tp-ic .s{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tp-ic .d{stroke:var(--red);stroke-dasharray:3 4}
.tp:hover .tp-ic{background:var(--red)}
.tp:hover .tp-ic .s{stroke:#fff}.tp:hover .tp-ic .f{fill:rgba(255,255,255,.18)}.tp:hover .tp-ic .d{stroke:#fff}
.tp-hd b{font-size:15.5px;letter-spacing:-.025em;font-weight:650}
.tp-hd small{font-size:12px;color:var(--mute)}
.tp ul{list-style:none;margin:10px 0 0;padding:8px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column}
.tp li a{display:flex;justify-content:space-between;gap:6px;font-size:12.5px;color:var(--ink2);text-decoration:none;padding:4px 0;font-weight:500}
.tp li a::after{content:"→";color:var(--line2);transition:.15s}
.tp li a:hover{color:var(--red)}
.tp li a:hover::after{color:var(--red);transform:translateX(-2px)}
@media(max-width:1100px){.topics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px 6px 8px}.tp{padding:12px 11px 8px}.tp-ic{width:38px;height:38px;margin-bottom:8px}.tp-ic svg{width:26px;height:26px}.tp-hd b{font-size:14px}.tp li a{font-size:12px}.tp li:nth-child(3){display:none}}

.rank-frame{border-radius:28px;margin-top:64px;padding-bottom:10px}
.rank-frame .rank{border-radius:20px;padding-bottom:6px}
.rank-frame .rk{border-radius:16px}
@media(max-width:760px){.rank-frame{margin-top:40px;border-radius:20px}}

.dd-brands .ddm{min-width:560px;right:-180px;padding:10px}
.ddb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 6px}
.ddb-grid a{display:flex!important;justify-content:space-between;align-items:center;padding:7px 10px!important;font-size:13.5px;font-weight:500;color:var(--ink2)!important;border-radius:8px}
.ddb-grid a i{font-style:normal;font-size:11px;color:var(--mute)}
.ddb-grid a:hover{background:var(--soft);color:var(--ink)!important}
.ddb-all{display:block;margin-top:6px;padding:10px!important;border-top:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink)!important;border-radius:0!important}
@media(max-width:1100px){
  .dd-brands .ddm{min-width:0;right:auto}
  .ddb-grid{grid-template-columns:repeat(2,1fr)}
  .ddb-grid a{padding:10px 4px!important;font-size:15px;border-bottom:1px solid var(--line);border-radius:0}
}

.panel .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.panel .gl{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){
  .panel .grid,.panel .gl{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -10px;padding:0 10px 4px;scrollbar-width:none}
  .panel .grid::-webkit-scrollbar,.panel .gl::-webkit-scrollbar{display:none}
  .panel .grid>*{flex:0 0 46%;scroll-snap-align:start}
  .panel .gl>*{flex:0 0 78%;scroll-snap-align:start}
  .panel .gi.vs{grid-column:auto}
}
@media(min-width:1101px){.menu{overflow:visible}.menu a{padding:20px 9px}}

.eq-plan{margin-bottom:8px}
.eq-plan-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px}
.eq-h{font-size:18px;letter-spacing:-.03em;margin-bottom:12px}
.eqpl{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}
.eqp{background:var(--soft);border-radius:14px;padding:12px 14px;text-decoration:none;display:flex;flex-direction:column;gap:2px;transition:.15s}
.eqp:hover{background:#efeff1}
.eqp span{font-size:12px;color:var(--mute);font-weight:600}
.eqp b{font-size:18px;letter-spacing:-.03em}
.eqp em{font-style:normal;font-size:12px;color:var(--ink2);line-height:1.3}
.eqcats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.eqcat{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;transition:.2s}
.eqcat:hover{box-shadow:0 10px 30px rgba(12,12,14,.07);transform:translateY(-2px)}
.eqcat-img{height:150px;display:grid;place-items:center;background:#fff;border-bottom:1px solid var(--line)}
.eqcat-img img{max-height:130px;max-width:80%;object-fit:contain;mix-blend-mode:multiply}
.eqcat-bd{padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.eqcat-bd b{font-size:15.5px;letter-spacing:-.025em}
.eqcat-bd span{font-size:12.5px;color:var(--mute)}
.eqcat-bd em{font-style:normal;font-size:12.5px;font-weight:600;margin-top:6px}
.eq-top{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
.eq-look{list-style:none;margin:0;padding:0}
.eq-look li{padding:9px 28px 9px 0;border-bottom:1px solid var(--line);position:relative;font-size:15px;color:var(--ink2)}
.eq-look li:last-child{border:0}
.eq-look li::before{content:"";position:absolute;right:2px;top:13px;width:16px;height:16px;border-radius:50%;background:var(--okbg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b8a4a' stroke-width='4'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/10px no-repeat}
.eqgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.eqc{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.eqc-img{position:relative;height:200px;display:grid;place-items:center;border-bottom:1px solid var(--line)}
.eqc-img img{max-height:176px;max-width:84%;object-fit:contain;mix-blend-mode:multiply}
.eq-t{position:absolute;right:12px;top:12px}
.eq-ekonomik{background:var(--okbg);color:var(--ok)}.eq-orta{background:var(--bluebg);color:var(--blue)}.eq-ust{background:var(--ink);color:#fff}
.eqc-bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.eqc-bd small{font:700 10px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.12em}
.eqc-bd b{font-size:16.5px;letter-spacing:-.03em}
.eq-cert{align-self:flex-start;font:700 10px var(--mono);background:var(--soft);padding:3px 7px;border-radius:5px;color:var(--ink2);margin-top:2px}
.eqc-bd ul{list-style:none;margin:6px 0 0;padding:0;font-size:13px;color:var(--ink2)}
.eqc-bd li{padding:2px 14px 2px 0;position:relative}
.eqc-bd li::before{content:"·";position:absolute;right:3px;font-weight:800;color:var(--red)}
.eqc-ft{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.eq-go{height:38px!important;font-size:13px!important;padding:0 12px!important}
@media(max-width:1000px){.eqcats{grid-template-columns:repeat(3,1fr)}.eqgrid{grid-template-columns:repeat(2,1fr)}.eqpl{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.eqcats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.eqcat-img{height:110px}.eqcat-img img{max-height:96px}.eq-top{grid-template-columns:1fr}.eqgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.eqc-img{height:130px}.eqc-img img{max-height:112px}.eqc-bd{padding:10px 10px 12px}.eqc-bd b{font-size:14px}.eqc-bd ul{display:none}.eqc-ft{flex-direction:column;align-items:stretch}.eqpl{grid-template-columns:repeat(2,1fr)}.eq-plan-hd{flex-direction:column;align-items:flex-start}}
.eqbar{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:10px}
.eqbar2{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:12px}
.eqmax{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink2);min-width:240px;flex:1}
.eqmax input{flex:1}
.eqbar2 .cnt{font-weight:700;font-size:14px}
@media(max-width:760px){.eqbar{grid-template-columns:1fr 1fr}.eqbar #eqq{grid-column:1/-1}.eqmax{min-width:0;width:100%}}

@media(min-width:1101px){
  .menu{align-items:center;height:100%}
  .dd{display:flex;align-items:center;height:100%}
  .menu>a,.dd>a{display:inline-flex;align-items:center;height:100%;padding:0 10px;line-height:1}
  .dd>a{padding-left:20px!important}
  .dd>a::before{left:6px}
  .ddm{top:calc(100% - 6px)}
}

.quiz-wrap{max-width:880px}
.quiz{padding:28px}
.qz-top{display:flex;align-items:center;gap:14px;font:600 12px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.08em}
.qz-bar{flex:1;height:6px;background:var(--soft2);border-radius:6px;overflow:hidden}
.qz-bar i{display:block;height:100%;background:var(--red);border-radius:6px;transition:width .4s cubic-bezier(.2,.8,.2,1)}
.qz-q{font-size:clamp(24px,3.4vw,32px);margin:24px 0 6px;animation:fade .3s ease}
.qz-h{color:var(--mute);margin-bottom:4px}
.qz-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}
.qz-opts.many{grid-template-columns:repeat(3,1fr)}
.qz-o{text-align:right;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:16px 18px;cursor:pointer;transition:.15s;display:flex;flex-direction:column;gap:3px;animation:fade .35s ease both}
.qz-o:nth-child(2){animation-delay:.04s}.qz-o:nth-child(3){animation-delay:.08s}.qz-o:nth-child(4){animation-delay:.12s}.qz-o:nth-child(5){animation-delay:.16s}.qz-o:nth-child(6){animation-delay:.2s}
.qz-o b{font-size:16px;letter-spacing:-.02em;font-weight:650}
.qz-o span{font-size:13px;color:var(--mute)}
.qz-o:hover{border-color:var(--ink);transform:translateY(-1px)}
.qz-o.on{border-color:var(--red);background:var(--red-l)}
.qz-nav{display:flex;justify-content:space-between;margin-top:22px}
.qz-done{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.qz-done h2{font-size:30px;margin-top:10px}
.qz-top3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.qz-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;transition:.2s}
.qz-card:first-child{border-color:var(--red);box-shadow:0 0 0 3px var(--red-l)}
.qz-card:hover{box-shadow:0 12px 32px rgba(12,12,14,.08);transform:translateY(-2px)}
.qz-rank{position:absolute;right:12px;top:12px;z-index:3;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}
.qz-card:first-child .qz-rank{background:var(--red)}
.qz-img{position:relative;height:180px;border-bottom:1px solid var(--line)}
.qz-bd{padding:14px 16px 16px}
.qz-bd small{font:700 10px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.12em}
.qz-bd b{display:block;font-size:19px;letter-spacing:-.03em;margin:2px 0 6px}
.qz-bd ul{list-style:none;margin:10px 0 0;padding:0;font-size:13px;color:var(--ink2)}
.qz-bd li{padding:3px 18px 3px 0;position:relative}
.qz-bd li::before{content:"✓";position:absolute;right:0;color:var(--ok);font-weight:800}
@media(max-width:760px){.quiz{padding:18px}.qz-opts,.qz-opts.many{grid-template-columns:1fr}.qz-top3{grid-template-columns:1fr}.qz-img{height:150px}}
.eqms{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.eqm{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;text-decoration:none;display:flex;flex-direction:column;gap:2px;transition:.2s}
.eqm:hover{box-shadow:0 10px 26px rgba(12,12,14,.07);transform:translateY(-2px)}
.eqm-img{height:120px;display:grid;place-items:center;margin-bottom:8px}
.eqm-img img{max-height:110px;max-width:90%;object-fit:contain;mix-blend-mode:multiply}
.eqm small{font:700 9.5px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.1em}
.eqm b{font-size:14px;letter-spacing:-.02em;line-height:1.25}
.eqm span{font-weight:700;font-size:15px;margin-top:4px}
#heq{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.eqms{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.eqm-img{height:90px}.eqm-img img{max-height:84px}#heq{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory}#heq>*{flex:0 0 70%;scroll-snap-align:start}}
.a2hs{position:fixed;right:10px;left:10px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:26;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.18);padding:10px 12px 10px 10px;display:flex;align-items:center;gap:10px;animation:fade .35s ease}
.a2hs img{width:38px;height:38px;border-radius:9px;flex:none}
.a2hs div{flex:1;min-width:0}
.a2hs b{display:block;font-size:13.5px;letter-spacing:-.01em}
.a2hs span{display:block;font-size:12px;color:var(--mute)}
.a2hs i{font-style:normal}
.a2hs .btn{height:36px!important;padding:0 14px!important;font-size:13px!important;flex:none}
.a2hs-x{background:none;border:0;color:var(--mute);font-size:15px;width:30px;height:30px;cursor:pointer;flex:none}

.nw .nw-img{margin:-26px -26px 18px;aspect-ratio:16/9;background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden}
.nw .nw-img img{width:100%;height:100%;object-fit:contain;padding:10px}
.nw h3{font-size:20px}
.nw p{flex:1}
.nw-ft{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.badge.st-ok{background:#e8f6ee;color:#137a3d}
.badge.st-wait{background:#fff5e0;color:#8a5a00}
.chip i{font-style:normal;color:var(--mute);font-weight:500;margin-right:3px}
.nwd{max-width:820px}
.nwd-img{background:var(--soft);border-radius:var(--rl);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:22px}
.nwd-img img{width:100%;height:100%;object-fit:contain;padding:16px}
.nwd-lead{font-size:18px;line-height:1.6;color:var(--ink2)}
.nwd-sp{margin:16px 0}
.nwd-hl{padding-right:20px;margin:16px 0;line-height:1.8}
.pmvl{display:grid;gap:8px}
.pmv{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;color:inherit}
.pmv:hover{border-color:var(--line2)}
.pmv-n small{display:block;color:var(--mute);font-size:12px}
.pmv-p s{color:var(--mute);margin-left:6px;font-size:13px}
.pmv b{font:700 13px/1 var(--mono);padding:6px 8px;border-radius:6px}
.pmv b.up{background:var(--red-l);color:var(--red-d)}
.pmv b.dn{background:#e8f6ee;color:#137a3d}
@media (max-width:640px){.pmv{grid-template-columns:1fr auto}.pmv-p{grid-column:1/-1;order:3;font-size:13px}}

.ranklist{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}
.ranklist li{display:grid;grid-template-columns:34px 96px 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px 10px 16px}
.ranklist .num{font:700 15px/1 var(--mono);color:var(--red);text-align:center}
.ranklist .rl-img{aspect-ratio:4/3;background:var(--soft);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ranklist .rl-img img{width:100%;height:100%;object-fit:contain;padding:4px}
.ranklist .rl-bd small{display:block;color:var(--mute);font-size:12px}
.ranklist .rl-bd a{text-decoration:none;color:var(--ink)}
.ranklist .rl-bd span{display:block;color:var(--mute);font-size:13px;margin-top:2px}
.ranklist .rl-pr{font-weight:700;white-space:nowrap}
@media (max-width:640px){.ranklist li{grid-template-columns:24px 72px 1fr}.ranklist .rl-pr{grid-column:3;font-size:14px}}
a.chip{text-decoration:none;display:inline-block}

.lead{border:1px solid var(--line);border-radius:var(--rl);padding:26px;margin:28px 0;background:#fff}
.lead h2{font-size:22px;margin:10px 0 6px}
.lead-hd p{color:var(--mute);margin:0 0 16px}
.lead-f{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lead-f label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink2)}
.lead-f input,.lead-f select{height:44px;border:1.5px solid var(--line2);border-radius:10px;padding:0 12px;font:inherit;font-weight:400;background:#fff}
.lead-f .lead-ok{flex-direction:row;align-items:flex-start;font-weight:400;color:var(--mute)}
.lead-f .lead-ok input{height:auto;margin-top:3px}
.lead-full{grid-column:1/-1}
.lead-hp{position:absolute;right:-9999px;height:1px;width:1px;opacity:0}
.lead-msg{margin:0;font-size:14px;color:var(--mute)}
.lead-msg.err{color:var(--red-d)}
.lead-done{grid-column:1/-1;padding:14px;background:#e8f6ee;color:#137a3d;border-radius:10px;margin:0}
@media (max-width:640px){.lead-f{grid-template-columns:1fr}.lead{padding:18px}}

.cmp-slot{position:relative}
.cmp-in{position:relative}
.cmp-in .inp{width:100%;padding-left:34px}
.cmp-x{position:absolute;left:6px;top:50%;transform:translateY(-50%);border:0;background:none;font-size:20px;color:var(--mute);cursor:pointer;width:28px;height:28px}
.cmp-res{position:absolute;right:0;left:0;top:100%;z-index:30;background:#fff;border-radius:12px;box-shadow:var(--sh2);overflow:hidden;margin-top:4px}
.cmp-res:empty{display:none}
.cmp-res button{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;width:100%;border:0;background:#fff;padding:8px 12px;text-align:right;cursor:pointer;font:inherit;border-bottom:1px solid var(--line)}
.cmp-res button:hover{background:var(--soft)}
.cmp-res .ci{aspect-ratio:4/3;background:var(--soft);border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cmp-res .ci img{width:100%;height:100%;object-fit:contain}
.cmp-res small{display:block;color:var(--mute);font-size:11px}
.cmp-res em{font-style:normal;font-size:12px;color:var(--mute);white-space:nowrap}
.cmp-res p{margin:0;padding:12px;color:var(--mute);font-size:14px}
.cmp-res{max-height:380px;overflow-y:auto}
.cmp-br{display:flex;flex-wrap:wrap;gap:6px;padding:10px;border-bottom:1px solid var(--line)}
.cmp-br button{display:inline-flex;align-items:center;gap:5px;width:auto;border:1.5px solid var(--line2);border-radius:999px;padding:6px 11px;font-size:13px;font-weight:600;background:#fff;grid-template-columns:none}
.cmp-br button:hover{border-color:var(--ink);background:#fff}
.cmp-br i{font-style:normal;color:var(--mute);font-weight:500;font-size:12px}

.cmp-res .ci,.ranklist .rl-img,.nw .nw-img,.nwd-img{position:relative}
.cmp-res .ci .ph-img,.ranklist .rl-img .ph-img{padding:3px}
.nw .nw-img .ph-img{padding:10px}

.gnav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:rgba(255,255,255,.92);font-size:24px;line-height:1;cursor:pointer;color:var(--ink)}
.gprev{right:12px}.gnext{left:12px}
.gnav:hover{border-color:var(--ink)}
.gcount{position:absolute;bottom:12px;left:14px;z-index:2;font:600 12px/1 var(--mono);background:rgba(255,255,255,.9);padding:5px 8px;border-radius:6px;color:var(--ink2)}
.gthumbs{display:flex;gap:8px;overflow-x:auto;margin-top:10px;padding-bottom:4px;scrollbar-width:thin}
.gthumbs button{flex:none;width:92px;aspect-ratio:4/3;border:1.5px solid var(--line);border-radius:10px;background:#fff;padding:3px;cursor:pointer;overflow:hidden}
.gthumbs button.on{border-color:var(--red)}
.gthumbs img{width:100%;height:100%;object-fit:contain}
@media (max-width:600px){.gnav{width:34px;height:34px;font-size:20px}.gthumbs button{width:72px}}

.eqfaq{display:grid;gap:8px}
.eqfaq details{border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px 18px}
.eqfaq summary{font-weight:700;cursor:pointer;list-style:none}
.eqfaq summary::-webkit-details-marker{display:none}
.eqfaq summary::after{content:"+";float:left;color:var(--mute)}
.eqfaq details[open] summary::after{content:"–"}
.eqfaq p{margin:10px 0 0;color:var(--ink2);line-height:1.6}

.js #app>.seo{display:none}
.js #app:has(>.seo){min-height:70vh;position:relative}
.js #app:has(>.seo)::after{content:"";position:absolute;right:50%;top:120px;width:34px;height:34px;margin-right:-17px;border:3px solid var(--line2);border-top-color:var(--red);border-radius:50%;animation:pmspin .8s linear infinite}
@keyframes pmspin{to{transform:rotate(360deg)}}

.byh{padding:44px 0 26px}.byh h1{font-size:clamp(30px,4.6vw,52px);margin:14px 0 10px}.byh p{color:var(--ink2);max-width:680px;font-size:17px;margin:0}
.byback{display:inline-block;color:var(--mute);font-size:13.5px;text-decoration:none;margin-bottom:14px}.byback:hover{color:var(--ink)}
.byfind{display:grid;grid-template-columns:1fr 1fr auto;gap:0;align-items:stretch;border:1px solid var(--line2);border-radius:14px;background:#fff;box-shadow:var(--sh);overflow:hidden;margin-bottom:22px}
.byfind label{display:flex;flex-direction:column;padding:10px 16px;border-left:1px solid var(--line)}.byfind span{font-size:11.5px;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.byfind select{border:0;background:none;font:inherit;font-size:16px;font-weight:600;color:var(--ink);padding:4px 0;outline:none;cursor:pointer}
.byfind .btn{border-radius:0;height:auto;padding:0 26px}
.bystats{display:flex;gap:36px;flex-wrap:wrap;margin:0 0 22px}.bystats div{display:flex;flex-direction:column}.bystats b{font-size:26px;letter-spacing:-.03em;line-height:1.1}.bystats span{color:var(--mute);font-size:13px}
.bymap{height:100%;min-height:420px;border-radius:var(--rl);border:1px solid var(--line);overflow:hidden;z-index:0;background:var(--soft)}.bymap-g{height:440px}
.bybrands{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.bybrands a{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);background:#fff;transition:.15s}.bybrands a:hover{border-color:var(--ink);transform:translateY(-1px)}
.bybrands b{font-size:15.5px}.bybrands span{font-size:12.5px;color:var(--mute)}
.byils{columns:5 170px;column-gap:24px;margin-bottom:40px}.byils a{display:flex;justify-content:space-between;gap:8px;padding:7px 2px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink2);font-size:14.5px;break-inside:avoid}.byils a:hover{color:var(--red)}
.byils i,.bytags i{font-style:normal;color:var(--mute);font-size:12.5px;font-family:var(--mono)}
.bytags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.bytags a{display:inline-flex;gap:6px;align-items:center;padding:6px 12px;border:1px solid var(--line2);border-radius:999px;text-decoration:none;color:var(--ink2);font-size:13.5px;font-weight:600}.bytags a:hover{border-color:var(--ink);color:var(--ink)}
.byl{display:grid;grid-template-columns:minmax(340px,440px) 1fr;gap:18px;height:calc(100vh - 150px);min-height:560px;max-height:860px;margin-bottom:26px}
.byl.nomap{grid-template-columns:1fr;height:auto;max-height:none}.byl.nomap .byl-map{display:none}.byl.nomap .byl-list{max-height:none}
.byl-side{display:flex;flex-direction:column;min-height:0;border:1px solid var(--line);border-radius:var(--rl);background:#fff;overflow:hidden}
.byl-tools{padding:14px;border-bottom:1px solid var(--line);display:grid;gap:10px}
.bysrch{display:flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:10px;padding:0 12px;height:44px}.bysrch:focus-within{border-color:var(--ink)}
.bysrch svg{width:18px;height:18px;fill:none;stroke:var(--mute);stroke-width:2;flex:none}.bysrch input{border:0;outline:none;font:inherit;font-size:15px;flex:1;min-width:0;background:none}
.byl-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.byseg{display:inline-flex;background:var(--soft);border-radius:9px;padding:3px}.byseg button{border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--ink2);padding:6px 11px;border-radius:7px;cursor:pointer}.byseg button.on{background:#fff;color:var(--ink);box-shadow:var(--sh)}
.bysel{font:inherit;font-size:13px;font-weight:600;border:1px solid var(--line2);border-radius:9px;padding:6px 8px;background:#fff;color:var(--ink);max-width:160px}
.byl-near{margin-right:auto;border:1px solid var(--line2);background:#fff;border-radius:9px;font:inherit;font-size:13px;font-weight:600;padding:6px 11px;cursor:pointer;color:var(--ink)}.byl-near.on{border-color:var(--red);color:var(--red)}
.byl-n{margin:0;font-size:12.5px;color:var(--mute)}
.byl-list{overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain}.byl-more{padding:14px 16px;margin:0}
.byc{padding:14px 16px;border-bottom:1px solid var(--line);display:grid;gap:5px}.byc:hover{background:#fcfcfd}
.byc-t{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.byc h3{font-size:15.5px;letter-spacing:-.01em;line-height:1.3;margin:0}
.byc-km{font:600 12px var(--mono);color:var(--red);white-space:nowrap}
.byc-m{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:13px;color:var(--mute)}.byc-m a{color:var(--ink);font-weight:700;text-decoration:none}
.byc-tag{font-size:11px;font-weight:700;padding:2px 7px;border-radius:5px;background:var(--soft);color:var(--ink2)}.byc-tag.sv{background:var(--bluebg);color:var(--blue)}
.byc-ad{font-size:13.5px;color:var(--ink2);margin:0;line-height:1.5}
.byc-ft{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13.5px;font-weight:600;margin-top:2px}.byc-ft a{color:var(--ink);text-decoration:none}.byc-ft a:hover{color:var(--red)}.byc-ft .lnk{font-size:13.5px}
.byl-map{min-height:0}
.byfoot{display:flex;flex-wrap:wrap;gap:20px;margin:0 0 34px;font-weight:600;font-size:14.5px}.byfoot a{color:var(--red);text-decoration:none}
.leaflet-popup-content a{color:var(--red)}
@media (max-width:900px){.byl{grid-template-columns:1fr;height:auto;max-height:none}.byl-map{order:-1}.bymap{min-height:300px;height:300px}.byl-list{max-height:520px}}
@media (max-width:640px){.byfind{grid-template-columns:1fr}.byfind label{border-left:0;border-bottom:1px solid var(--line)}.byfind .btn{height:48px}.bymap-g{height:320px}.bystats{gap:24px}}

.fph{padding-bottom:22px}.fbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}.fbar #fub{display:flex;gap:8px;align-items:center}
.fuser{display:inline-flex;align-items:center;gap:8px;font-size:14px}.lnk{background:none;border:0;padding:0;color:var(--red);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.fav{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:hsl(var(--h) 55% 92%);color:hsl(var(--h) 55% 32%);font-weight:800;font-size:13px;flex:none}
.fcats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.fcats .chip{text-decoration:none}
.fsearch input{width:100%;max-width:440px;height:44px;border:1px solid var(--line2);border-radius:10px;padding:0 14px;font:inherit;margin-bottom:18px}
.flist{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--rl);overflow:hidden;background:#fff}
.ft{display:flex;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.ft:last-child{border-bottom:0}.ft:hover{background:var(--soft)}
.ft-b{flex:1;min-width:0}.ft h3{font-size:17px;letter-spacing:-.02em;margin:6px 0 4px;line-height:1.3}.ft p{margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ft-m{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ft-n{text-align:center;min-width:56px}.ft-n b{display:block;font-size:20px}.ft-n small{color:var(--mute);font-size:11px}
.fempty{padding:34px 20px;text-align:center}.fempty p{margin:6px 0 0}
#fmore{margin:16px 0}.frules{margin:28px 0 40px;color:var(--ink2);font-size:14.5px}.frules summary{cursor:pointer;font-weight:700}
.fwrap{max-width:860px;padding-top:34px;padding-bottom:50px}.fh1{font-size:clamp(26px,4vw,38px);margin:10px 0 12px}
.fpost{border:1px solid var(--line);border-radius:var(--rl);padding:16px 18px;margin:14px 0;background:#fff}.fpost-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fpost-a{margin-right:auto}
.fpost-b{color:var(--ink2);line-height:1.7;overflow-wrap:anywhere}.fpost-b p{margin:10px 0 0}.fpost-b a{color:var(--red)}
.fsec{font-size:20px;margin:30px 0 4px}.fmod{text-decoration:none}
.freply,.fnew{display:grid;gap:14px;margin-top:20px}.fnew{grid-template-columns:1fr 1fr}.ffull{grid-column:1/-1}
.freply label,.fnew label,.fauth label{display:grid;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink2)}
.freply textarea,.fnew input,.fnew select,.fnew textarea,.fauth input:not([type=checkbox]){font:inherit;font-weight:400;font-size:16px;border:1px solid var(--line2);border-radius:10px;padding:11px 13px;background:#fff;color:var(--ink);width:100%}
.freply textarea:focus,.fnew :is(input,select,textarea):focus,.fauth input:focus{outline:2px solid var(--red);outline-offset:-1px;border-color:transparent}
.freply .btn,.fnew .btn{justify-self:start}.fmsg{margin:0;font-size:14px;color:var(--ok);min-height:1em}.fmsg.err{color:var(--red)}
.fgate{border:1px dashed var(--line2);border-radius:var(--rl);padding:22px;margin-top:20px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.fgate b,.fgate p{flex-basis:100%;margin:0}
.fdlg{margin:auto;position:fixed;inset:0;max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:18px;padding:0;width:min(420px,calc(100vw - 32px));box-shadow:var(--sh2)}.fdlg::backdrop{background:rgba(12,12,14,.45)}
.fauth{display:grid;gap:14px;padding:26px;position:relative}.fauth h2{font-size:24px;margin:0}.fauth p{margin:0}.fx{position:absolute;top:12px;left:14px;background:none;border:0;font-size:26px;line-height:1;cursor:pointer;color:var(--mute)}
.fok{display:flex!important;gap:8px;align-items:flex-start;font-weight:500!important}.fok input{margin-top:4px}.fok a{color:var(--red)}
.fbox{margin-top:40px}.fbox .flist{margin-bottom:14px}.fmore-m{margin-top:24px}
@media(max-width:640px){.fnew{grid-template-columns:1fr}.ft{padding:14px}.ft-n{min-width:44px}}
.hreg{gap:6px}.hreg .fav{width:22px;height:22px;font-size:11px}
.fjoin{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;justify-content:space-between;border:1px solid var(--red-l2);background:var(--red-l);border-radius:var(--rl);padding:18px 20px;margin:0 0 18px}
.fjoin b{font-size:17px;display:block}.fjoin p{margin:2px 0 0;color:var(--ink2);font-size:14px}.fjoin div:last-child{display:flex;gap:8px}
.fbox-a{display:flex;flex-wrap:wrap;gap:8px}
.fforgot{justify-self:start;margin-top:-6px}
.freply input{font:inherit;font-size:16px;border:1px solid var(--line2);border-radius:10px;padding:11px 13px;width:100%;max-width:420px}
.fav{position:relative;overflow:hidden}.fav img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
a.lnk{text-decoration:none}
.fpro{max-width:640px}.fpro-h{display:flex;align-items:center;gap:20px;margin:8px 0 22px}.fpro-h>.fav{width:92px;height:92px;font-size:36px}
.fpro-b{min-width:0}.fpro-ad{display:block;font-size:22px;letter-spacing:-.02em;overflow-wrap:anywhere}.fpro-b p{margin:2px 0 10px}
.fpro-a{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.fpro-c{border:1px solid var(--line);border-radius:var(--rl);padding:20px 22px;margin:14px 0;background:#fff}.fpro-c h2{font-size:18px;letter-spacing:-.02em;margin:0 0 14px}.fpro-c .freply{margin-top:0}
.fpro-d{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin:0;font-size:15px}.fpro-d dt{color:var(--mute)}.fpro-d dd{margin:0;overflow-wrap:anywhere}.fpro-d small{margin-right:6px}
.fpro-not{margin:12px 0 0}.fpro-alt{display:grid;gap:16px;justify-items:start}.fpro-sil{width:100%}.fpro-sil summary{cursor:pointer;color:var(--red);font-size:14px;font-weight:600}.fpro-sil .freply{margin-top:12px}.fpro-sil p{margin:0}
.fcrop{position:relative;width:100%;max-width:280px;aspect-ratio:1;justify-self:center;overflow:hidden;border-radius:14px;background:#111;touch-action:none;cursor:grab}.fcrop:active{cursor:grabbing}
.fcrop img{position:absolute;right:0;top:0;max-width:none;width:auto;height:auto;transform-origin:0 0;pointer-events:none;user-select:none}
.fcrop::after{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 999px rgba(12,12,14,.5);pointer-events:none}
.fczoom{width:100%;max-width:280px;justify-self:center;accent-color:var(--red)}
.cmp-foto{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}.cmp-foto a{display:block;min-width:0;border:1px solid var(--line);border-radius:var(--rl);background:#fff;padding:14px;color:inherit;text-decoration:none}.cmp-fi{display:block;position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;margin-bottom:10px;background:#fff}.cmp-fi .ph-img{padding:6px}.cmp-foto small{display:block;color:var(--red);font-size:11px;font-weight:700}.cmp-foto b{display:block;font-size:clamp(16px,2.4vw,22px);letter-spacing:-.02em;line-height:1.15;overflow-wrap:anywhere}.cmp-foto em{display:block;margin-top:4px;font-style:normal;color:var(--ink2);font-size:14px}
.gw-card.gw-boy{grid-column:1/-1;min-height:0;flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.gw-card.gw-boy .gw-cta{flex:none;margin-top:0;align-self:center}
@media(max-width:720px){.gw-card.gw-boy{flex-direction:column;align-items:flex-start}.gw-card.gw-boy .gw-cta{align-self:flex-start}}

@media(max-width:700px){.lead-f input,.lead-f select,.lead-f textarea,.search input{font-size:16px}.prose table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}
.benz{display:block;margin-top:4px;font-size:12px}
.ergo{margin-top:40px}.ergo-al{margin:-4px 0 16px}
.ergo-mod{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:760px;margin-bottom:16px}.ergo-mod button{display:grid;gap:1px;text-align:right;padding:11px 14px;border:1.5px solid var(--line2);border-radius:12px;background:#fff;color:var(--ink);font:inherit;cursor:pointer}.ergo-mod button b{font-size:15.5px}.ergo-mod button small{font-size:12.5px;color:var(--mute)}.ergo-mod button[aria-pressed=true]{border-color:var(--ink);background:var(--soft)}
.ergo-p{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px;max-width:760px;margin-bottom:16px}.ergo-p label{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:14px;font-weight:600;color:var(--ink2)}.ergo-p output{color:var(--ink);font-weight:800}.ergo-p input[type=range]{grid-column:1/-1;height:22px}
.ergo-cin{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink2)}.ergo-cin span{margin-left:6px}.ergo-cin button{padding:8px 18px;border:1.5px solid var(--line2);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.ergo-cin button[aria-pressed=true]{border-color:var(--ink);background:var(--soft)}
.ergo-det{grid-column:1/-1;font-size:14px}.ergo-det summary{cursor:pointer;color:var(--ink2);font-weight:600;font-size:13.5px}.ergo-det .chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.ergo-g{display:grid;gap:16px}.ergo-g.iki{grid-template-columns:1fr 1fr}.ergo-m{border:1px solid var(--line);border-radius:var(--rl);padding:18px;background:#fff;min-width:0}.ergo-m h3{font-size:18px;letter-spacing:-.02em;margin:0 0 10px}.ergo-m h3 a{color:inherit;text-decoration:none}
.ergo-g:not(.iki) .ergo-v{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:26px;align-content:start}.ergo-g:not(.iki) .ergo-s{grid-row:1/6}
.ergo-v .spin{margin:30px auto}.ergo-svg{display:block;width:100%;height:auto}
.ergo-n{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 12px}.ergo-g.iki .ergo-n{grid-template-columns:repeat(4,1fr);margin-top:12px}.ergo-n div{background:var(--soft);border-radius:10px;padding:10px 12px;min-width:0}.ergo-n small{display:block;color:var(--mute);font-size:12px;white-space:nowrap}.ergo-n b{font-size:21px;letter-spacing:-.02em;white-space:nowrap}
.ergo-y{margin:0 0 10px;color:var(--ink2);line-height:1.6;font-size:15px}.ergo-t{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:800;margin-left:4px}.ergo-t.iyi{background:#e8f7ee;color:#127a3e}.ergo-t.orta{background:#fff4dd;color:#8f5a00}.ergo-t.kotu{background:var(--red-l);color:var(--red-d)}
.ergo-a{margin:0 0 8px;font-size:14.5px;color:var(--ink2)}.ergo-d{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:8px;background:var(--mute)}.ergo-d.iyi{background:#14a04c}.ergo-d.orta{background:#e8a30c}.ergo-d.kotu{background:var(--red)}
.ergo-k{margin:0}.ergo-u{margin:12px 0 0}
@media(max-width:800px){.ergo-g.iki{grid-template-columns:1fr}.ergo-g:not(.iki) .ergo-v{display:block}.ergo-n,.ergo-g.iki .ergo-n{grid-template-columns:repeat(2,1fr);margin-top:12px}.ergo-p{grid-template-columns:1fr}}
.gbox{margin-top:40px}
.gtl{list-style:none;border-right:2px solid var(--line2);margin:6px 6px 0 0;padding:0}.gtl li{position:relative;padding:0 20px 18px 0}.gtl li::before{content:"";position:absolute;right:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--red)}
.gtl b{font-family:var(--mono);font-size:13.5px}.gtl span{margin-right:8px;font-size:13px;color:var(--mute);font-weight:600}.gtl p{margin:3px 0 0;color:var(--ink2);font-size:15px}
.gkr{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.gkr div{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff}.gkr b{font-size:15px}.gkr p{margin:4px 0 6px;color:var(--ink2);font-size:14px}.gkr a{font-size:12.5px;color:var(--mute);text-decoration:none}.gkr a:hover{color:var(--red)}
.g2{font-size:18px;margin:26px 0 8px}.g2l{padding-right:20px;color:var(--ink2)}.g2l li{margin:4px 0}.gnote{margin-top:16px}.gnote a{color:var(--red)}
.fmsel{position:relative;display:grid;gap:6px;align-content:start}.fml{font-size:13.5px;font-weight:600;color:var(--ink2)}.fml small{font-weight:500;color:var(--mute);margin-right:4px}
.fmsel input{font:inherit;font-size:16px;border:1px solid var(--line2);border-radius:10px;padding:11px 13px;background:#fff;color:var(--ink);width:100%}.fmsel input:focus{outline:2px solid var(--red);outline-offset:-1px;border-color:transparent}
.fmres{position:absolute;right:0;left:0;top:100%;margin-top:4px;background:#fff;border:1px solid var(--line2);border-radius:12px;box-shadow:var(--sh2);z-index:10;max-height:320px;overflow:auto;padding:4px}
.fmres button{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:right;border:0;background:none;padding:10px 12px;border-radius:8px;font:inherit;font-size:14.5px;cursor:pointer;color:var(--ink)}.fmres button:hover{background:var(--soft)}.fmres small{color:var(--mute);white-space:nowrap}.fmres p{padding:10px 12px;margin:0}
.fmchip{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 14px 0 6px;border:1px solid var(--ink);border-radius:10px;font-weight:600;font-size:15px;max-width:100%}.fmchip button{border:0;background:var(--soft);width:30px;height:30px;border-radius:8px;font-size:18px;line-height:1;cursor:pointer;color:var(--ink2)}
.fmhint{margin:-4px 0 0}

.hx{padding:54px 0 0}.hx-c{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center}
.hx-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line2);border-radius:999px;padding:5px 5px 5px 14px;font-size:13.5px;font-weight:600;color:var(--ink2);text-decoration:none;background:#fff;transition:.15s}.hx-pill:hover{border-color:var(--ink);color:var(--ink)}
.hx-pill b{background:var(--red);color:#fff;border-radius:999px;padding:3px 10px;font-size:12px}.hx-pill span{color:var(--red)}
.hx h1{font-size:clamp(56px,8.2vw,116px);line-height:.9;letter-spacing:-.06em;font-weight:800;margin:24px 0 20px}.hx h1 em{font-style:normal;color:var(--red)}
.hx-l>p{font-size:19px;line-height:1.55;color:var(--ink2);max-width:560px;margin:0}
.hx .search{max-width:560px;margin-top:28px}
.hx-q{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;font-size:13.5px}.hx-q span{color:var(--mute);margin-left:2px}
.hx-q a{border:1px solid var(--line2);border-radius:999px;padding:6px 12px;color:var(--ink2);text-decoration:none;font-weight:600;transition:.15s}.hx-q a:hover{border-color:var(--ink);color:var(--ink)}
.hx-r{position:relative;height:560px}
.hx-k{position:absolute;display:block;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 2px 6px rgba(12,12,14,.04),0 24px 60px rgba(12,12,14,.12);padding:16px 18px;text-decoration:none;color:var(--ink);animation:hxf 7s ease-in-out infinite}
.hx-k img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;margin-bottom:6px}
.hx-k em{display:block;font:700 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-style:normal;margin-bottom:8px}
.hx-k b{display:block;font-size:17px;letter-spacing:-.02em;line-height:1.3}
.hx-k small{display:block;font-size:12.5px;color:var(--mute);margin-top:6px}
.hx-k i{display:block;font:600 13px var(--mono);color:var(--red);font-style:normal;margin-top:4px}
.k-moto{right:0;top:60px;width:56%;rotate:-3deg;z-index:1;padding:14px 14px 16px}.k-moto small{margin:0 0 2px}
.k-forum{left:0;top:0;width:50%;rotate:2.5deg;z-index:3;animation-delay:-1.8s}
.k-eq{left:0;top:230px;width:40%;rotate:3deg;z-index:2;animation-delay:-3.6s;padding:14px 14px 16px}
.k-by{right:8%;bottom:0;width:44%;rotate:-2deg;z-index:4;animation-delay:-5.2s}.k-by b{font-size:44px;letter-spacing:-.05em;line-height:1}
@keyframes hxf{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media (prefers-reduced-motion:reduce){.hx-k{animation:none}}
.hx-stats{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:46px}
.hx-stats a{padding:20px 0 18px;text-decoration:none;color:var(--ink);border-right:1px solid var(--line);padding-right:22px}.hx-stats a:first-child{border-right:0;padding-right:0}
.hx-stats b{display:block;font-size:36px;font-weight:800;letter-spacing:-.04em;line-height:1.05}.hx-stats span{font-size:13.5px;color:var(--mute)}.hx-stats a:hover b{color:var(--red)}
.gw{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin:36px 0 44px}
.gw-card{position:relative;grid-column:span 4;border:1px solid var(--line);border-radius:22px;background:#fff;padding:26px;display:flex;flex-direction:column;gap:18px;text-decoration:none;color:var(--ink);overflow:hidden;min-height:230px;transition:border-color .2s,transform .2s,box-shadow .2s}
a.gw-card:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:var(--sh2)}
.gw-go{position:absolute;left:22px;top:24px;width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:.2s}a.gw-card:hover .gw-go{translate:-3px 0;stroke:var(--red)}
.gw-hd{padding-left:30px}.gw-hd em{font:700 11.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--red);font-style:normal}
.gw-hd h2{font-size:30px;letter-spacing:-.04em;line-height:1.05;margin:10px 0 8px}.gw-hd p{color:var(--ink2);font-size:15.5px;margin:0;line-height:1.5}
.gw-forum,.gw-by{grid-column:span 6;min-height:330px}.gw-route{grid-column:span 12;min-height:0}
.gw-forum .gw-hd h2,.gw-by .gw-hd h2{font-size:40px}.gw-by .gw-tags{margin-top:2px}
.gw-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:auto}.gw-imgs img{width:100%;aspect-ratio:4/3;object-fit:contain;transition:scale .4s}a.gw-card:hover .gw-imgs img{scale:1.05}
.gw-tags{display:flex;flex-wrap:wrap;gap:8px}.gw-tags span{border:1px solid var(--line2);border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:600;color:var(--ink2);cursor:pointer;transition:.15s;background:#fff}
.gw-tags span:hover{border-color:var(--ink);color:var(--ink)}.gw-tags i{font:500 12px var(--mono);color:var(--mute);font-style:normal;margin-right:6px}
.gw-eq .gw-tags{margin-top:auto}
.gw-list{list-style:none;margin:0;padding:0}.gw-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}.gw-list li:last-child{border-bottom:0}
.gw-list a{color:var(--ink);text-decoration:none;font-weight:600;line-height:1.35}.gw-list a:hover{color:var(--red)}.gw-list small{color:var(--mute);white-space:nowrap;font-size:12.5px}
.gw-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.gw-vsi{display:flex;align-items:center;gap:8px;margin-top:auto}.gw-vsi div{flex:1;min-width:0;text-align:center}.gw-vsi img{width:100%;aspect-ratio:4/3;object-fit:contain}.gw-vsi small{display:block;font-size:12.5px;font-weight:600;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gw-vsi b{font:700 13px var(--mono);color:var(--red)}
.gw-big{margin-top:auto}.gw-big b{display:block;font-size:64px;font-weight:800;letter-spacing:-.05em;line-height:1}.gw-big span{color:var(--mute);font-size:14px}
.gw-dark{background:var(--ink);border-color:var(--ink);color:#fff}.gw-dark .gw-hd p{color:rgba(255,255,255,.72)}.gw-dark .gw-hd em{color:#ff5a64}.gw-dark .gw-hd h2{font-size:32px}
a.gw-dark:hover{border-color:var(--ink);box-shadow:0 24px 60px rgba(12,12,14,.28)}
.gw-cta{margin-top:auto;display:inline-flex;align-items:center;gap:10px;align-self:flex-start;background:var(--red);color:#fff;border-radius:12px;padding:12px 18px;font-weight:700}
.gw-cta .gw-go{position:static;width:18px;height:18px;stroke:#fff}a.gw-card:hover .gw-cta .gw-go{stroke:#fff}
.gw-more{margin-top:auto;color:var(--red);font-weight:600;font-size:14px;text-decoration:none}
.gw-news .gw-hd h2{font-size:22px;line-height:1.25}
@media (max-width:1000px){.hx-c{grid-template-columns:minmax(0,1fr);gap:26px}.hx-r{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hx-k{position:static;width:auto;min-width:0;rotate:0deg;animation:none;box-shadow:var(--sh)}.hx-stats{grid-template-columns:repeat(3,1fr)}.hx-stats a:nth-child(4){border-right:0;padding-right:0}
  .gw{grid-template-columns:repeat(2,1fr)}.gw-card,.gw-forum,.gw-by{grid-column:span 1;min-height:0}.gw-route{grid-column:span 2}}
@media (max-width:640px){.hx{padding-top:30px}.hx-l>p{font-size:17px}.hx-r{gap:8px}.hx-k{padding:12px;border-radius:16px}.hx-k em{font-size:10px;margin-bottom:6px}.hx-k b{font-size:14px}.hx-k small{font-size:11.5px}.k-by b{font-size:30px}
  .hx-stats{grid-template-columns:repeat(2,1fr)}.hx-stats a{border-right:0;padding-right:0;border-top:1px solid var(--line)}.hx-stats a:nth-child(-n+2){border-top:0}.hx-stats b{font-size:30px}
  .gw{grid-template-columns:1fr}.gw-card,.gw-forum,.gw-by,.gw-route{grid-column:span 1}.gw-forum .gw-hd h2,.gw-by .gw-hd h2{font-size:34px}.gw-card{padding:22px;min-height:0}}
.bymap .leaflet-tile-pane{filter:grayscale(.9) brightness(1.04) contrast(.9)}

.qz-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:18px}
.qz-pt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:right;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:10px 12px 12px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;font:inherit;color:var(--ink)}
.qz-pt:hover{border-color:var(--ink);transform:translateY(-1px)}
.qz-pt img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;margin-bottom:6px}
.qz-pt b{font-size:13.5px;letter-spacing:-.01em;line-height:1.3}.qz-pt small{font-size:12px;color:var(--mute)}
.qz-pt.on{border-color:var(--red);box-shadow:0 0 0 3px var(--red-l)}
.qz-ck{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff;background:var(--red);opacity:0;transform:scale(.6);transition:.15s}
.qz-pt.on .qz-ck{opacity:1;transform:scale(1)}
.qz-pct{position:absolute;top:12px;left:12px;z-index:2;background:#fff;border:1px solid var(--line2);border-radius:999px;padding:4px 10px;font:700 12px var(--mono);color:var(--red)}
.qz-picks{margin-top:22px;padding:18px 20px}.qz-picks b{font-size:15px}.qz-picks ul{margin:8px 0 0;padding-right:18px;color:var(--ink2);font-size:14.5px}.qz-picks li{margin:5px 0}.qz-picks a{color:var(--red);font-weight:600}
.qz-alts .qz-card:first-child{border-color:var(--line);box-shadow:none}
@media (max-width:640px){.qz-pick{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.qz-pt{padding:8px 10px 10px}.qz-pt b{font-size:12.5px}}


.apop{position:fixed;left:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:40;width:min(380px,calc(100vw - 24px));background:#fff;border:1px solid var(--line2);border-radius:16px;box-shadow:0 18px 48px rgba(12,12,14,.16);padding:18px;display:grid;grid-template-columns:44px 1fr;gap:14px;animation:apopIn .24s cubic-bezier(.2,.8,.2,1)}
.apop img{width:44px;height:44px;border-radius:11px;display:block}
.apop b{display:block;font-size:16px;line-height:1.3;color:var(--ink);padding-left:26px}
.apop p{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--mute)}
.apop-b{grid-column:1/-1;display:flex;gap:8px}
.apop-b .btn{flex:1;height:42px;padding:0 14px;font-size:14px}
.apop-x{position:absolute;top:8px;left:8px;width:32px;height:32px;border:0;border-radius:8px;background:none;color:var(--mute);font-size:22px;line-height:1;cursor:pointer}
.apop-x:hover{background:var(--soft);color:var(--ink)}
@keyframes apopIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:760px){.apop{right:12px;left:12px;width:auto;bottom:calc(76px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.apop{animation:none}}


.byd .crumb{font-size:13px;color:var(--mute);margin:18px 0 14px;display:flex;flex-wrap:wrap;gap:6px}
.byd .crumb a{color:inherit;text-decoration:none}.byd .crumb a:hover{color:var(--red)}
.byd-top{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-bottom:8px}
.byd-info h1{font-size:30px;line-height:1.15;margin:8px 0 6px}
.byd-yer{color:var(--mute);margin:0 0 12px}
.byd-tags{display:flex;gap:6px;margin:0 0 12px}
.byd-ad{color:var(--ink2);margin:0 0 14px;font-size:15px}
.byd-act{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.byd-act .btn{height:46px;padding:0 18px}
.byd-map{align-self:stretch}.byd-map .bymap{min-height:340px;height:100%}
.dozet{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:var(--rl);padding:16px 18px;margin-top:8px}
.doz-p{display:flex;flex-direction:column;align-items:center;gap:2px;padding-left:18px;border-left:1px solid var(--line)}
.doz-p b{font-size:38px;line-height:1;font-weight:800}
.doz-p span{color:var(--mute);font-size:13px}
.doz-bar{display:grid;gap:4px}
.doz-row{display:grid;grid-template-columns:28px 1fr 24px;gap:8px;align-items:center;font-size:12.5px;color:var(--mute)}
.doz-row i{height:7px;background:var(--line);border-radius:4px;overflow:hidden}
.doz-row em{display:block;height:100%;background:var(--red);border-radius:4px}
.doz-row small{text-align:left}
.dozet-bos,.dozet-az{display:block;background:var(--soft);border:1px dashed var(--line2);border-radius:var(--rl);padding:16px 18px;margin-top:8px}
.dozet-bos b,.dozet-az b{display:block;font-size:16px}.dozet-bos span,.dozet-az span{color:var(--mute);font-size:14px}
.dstar{color:var(--red);letter-spacing:1px;white-space:nowrap}.dstar .doff{color:var(--line2)}
.dsec{margin-top:34px;border-top:1px solid var(--line);padding-top:24px}
.dsec h2{font-size:22px;margin:0 0 16px}
.dform-w{margin-bottom:26px}
.dform{background:#fff;border:1px solid var(--line2);border-radius:var(--rl);padding:18px}
.dform-l{display:block;font-weight:700;font-size:13px;margin:0 0 7px;color:var(--ink)}
.dpick{display:flex;gap:4px;margin-bottom:14px}
.dpick-s{font-size:30px;line-height:1;background:none;border:0;cursor:pointer;color:var(--line2);padding:0 2px;transition:.1s}
.dpick-s.on{color:var(--red)}.dpick-s:hover{transform:scale(1.12)}
.dseg{display:inline-flex;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:3px;margin-bottom:14px;gap:2px}
.dseg button{border:0;background:none;padding:8px 16px;border-radius:999px;font-weight:600;font-size:14px;color:var(--ink2);cursor:pointer}
.dseg button.on{background:#fff;color:var(--red);box-shadow:var(--sh)}
.dform textarea{width:100%;border:1px solid var(--line2);border-radius:var(--r);padding:12px;font:inherit;resize:vertical;min-height:92px}
.dform textarea:focus{outline:2px solid var(--red);border-color:transparent}
.dform-ft{display:flex;align-items:center;gap:14px;margin-top:12px}
.dmsg{font-size:13px;color:var(--red)}
.dform-dur{font-size:13.5px;background:var(--soft);border-radius:var(--r);padding:9px 12px;margin:0 0 14px}
.dform-dur.d-1{background:#eefaf0;color:#1a7f37}.dform-dur.d-2{background:var(--red-l);color:var(--red-dd)}
.dyorlar{display:grid;gap:14px}
.dyor{border:1px solid var(--line);border-radius:var(--rl);padding:15px 16px;background:#fff}
.dyor-benim{border-color:var(--red-l2);background:#fffafa}
.dyor-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.dyor-h b{font-size:15px}.dyor-h span{display:block}
.dyor-b p{margin:0 0 8px}.dyor-b p:last-child{margin:0}
.dyor-cevap{margin-top:10px;background:var(--soft);border-right:3px solid var(--red);border-radius:var(--r) 0 0 var(--r);padding:10px 12px;font-size:14.5px}
.dyor-cevap b{display:block;color:var(--red);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}
.dyor-ft{margin-top:10px}.dyor-ft .lnk{font-size:13px}
.dsahip{margin-top:20px;text-align:center}
.ddbos{padding:18px;text-align:center}
.dspin{height:60px;background:radial-gradient(circle,var(--line) 0 30%,transparent 31%);animation:degsp 1s linear infinite;opacity:.5}
@keyframes degsp{to{transform:rotate(360deg)}}
.ddlg{border:0;border-radius:var(--rl);padding:0;max-width:440px;width:92vw;box-shadow:var(--sh2)}
.ddlg::backdrop{background:rgba(12,12,14,.4)}
.ddlg-f{padding:20px}.ddlg-f h3{margin:0 0 8px;font-size:18px}
.ddlg-i,.ddlg-t{width:100%;border:1px solid var(--line2);border-radius:var(--r);padding:10px 12px;font:inherit;margin-top:10px}
.ddlg-t{resize:vertical}
.ddlg-ft{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
.seo-deg{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
@media(max-width:760px){.byd-top{grid-template-columns:1fr}.byd-info h1{font-size:24px}.byd-map .bymap{min-height:240px}.dozet{grid-template-columns:1fr}.doz-p{flex-direction:row;gap:10px;padding:0 0 12px;border-left:0;border-bottom:1px solid var(--line);justify-content:center}}


.dil{position:relative;flex:none}
.dil-b{display:flex;align-items:center;justify-content:center;gap:5px;height:34px;min-width:34px;padding:0 9px;border:1px solid var(--line);background:var(--soft);border-radius:10px;color:var(--mute);font:600 11.5px var(--mono);cursor:pointer}
.dil-b svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
.dil-b:hover,.dil-b[aria-expanded=true]{border-color:var(--line2);color:var(--ink)}
.dil-m{position:absolute;top:calc(100% + 8px);left:0;z-index:40;min-width:150px;padding:6px;background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(12,12,14,.12)}
.dil-m[hidden]{display:none}
.dil-m button{display:block;width:100%;text-align:right;padding:9px 12px;border:0;background:none;border-radius:8px;font:500 14px var(--bd);color:var(--ink2);cursor:pointer}
.dil-m button:hover{background:var(--soft);color:var(--ink)}
.dil-m button[aria-current]{color:var(--ink);font-weight:650;background:var(--soft)}
.dil-oneri{position:fixed;right:16px;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;max-width:520px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 8px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px rgba(12,12,14,.16);font-size:14px}
.dil-oneri span{flex:1;min-width:0}
.dil-oneri .btn{height:34px;padding:0 14px;flex:none}
.dil-x{background:none;border:0;color:var(--mute);font-size:20px;line-height:1;width:32px;height:32px;border-radius:8px;cursor:pointer;flex:none}
.dil-x:hover{background:var(--soft);color:var(--ink)}
@media(max-width:760px){.dil-b{padding:0;width:36px;height:36px}.dil-b span{display:none}}


.gr .ph{padding-top:40px;padding-bottom:24px;margin-bottom:22px}
.gr h2:not(.sec){font-size:20px;letter-spacing:-.03em;font-weight:680;margin-bottom:12px}
.gr h3{font-size:15px;letter-spacing:-.01em;font-weight:680;margin:16px 0 8px}
.gr section.card,.gr form.card,.gr details.card{margin-bottom:14px}
.gr-alt span+span::before{content:" · "}
.gr-bos{max-width:620px}.gr-bos ul{list-style:none;margin:6px 0 20px}.gr-bos li{display:flex;flex-direction:column;padding:11px 0;border-top:1px solid var(--line)}.gr-bos li span{color:var(--ink2);font-size:14.5px}.gr-bos p{margin-top:12px}
.gr-favb{margin-top:20px}
.gr-secim{margin-bottom:14px}
.gr-secim .chip.on,.gr-sekme .chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.gr-secim .chip,.gr-sekme .chip{text-decoration:none}
.gr-sekme{margin:0 0 14px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.gr-sekme::-webkit-scrollbar{display:none}.gr-sekme .chip{flex:none}
.gr-bas{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr) minmax(220px,280px);gap:6px 18px;align-items:center;padding:14px 18px}
.gr-bas:not(:has(.gr-foto)){grid-template-columns:minmax(0,1fr) minmax(220px,280px)}
.gr-foto{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#fff}.gr-foto .ph-img{padding:4px}
.gr-bas-b h2{margin:0;font-size:24px}.gr-bas-b p{margin-top:4px}
.gr-km label.l{margin-bottom:6px}.gr-km div{display:flex;gap:8px}.gr-km .inp{padding:9px 12px;min-width:0}.gr-km .btn{padding:9px 14px;flex:none}.gr-km small{display:block;margin-top:5px;font-size:12px}
.gr-duz{position:absolute;left:18px;top:12px}
.gr-iki{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}
.gr-yan{display:grid;gap:14px}.gr-yan .card{margin:0}
.gr-isler{padding-bottom:10px}
.gr-b{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.gr-b h2{margin:0}.gr-isler .gr-b{margin-bottom:8px}.gr-isler .gr-b .btn{padding:9px 14px}
.gr-is{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}
.gr-is>i{width:8px;height:8px;border-radius:50%;background:var(--line2)}
.gr-is.gecti>i,.gr-is.acil>i{background:var(--red)}.gr-is.yakin>i{background:var(--warn)}.gr-is.iyi>i{background:var(--ok)}
.gr-is b{display:block;font-size:15px;font-weight:620}.gr-is small{display:block;color:var(--mute);font-size:12.5px;line-height:1.4;margin-top:1px}
.gr-is-s{display:flex;flex-direction:column;align-items:flex-end;gap:1px;white-space:nowrap}
.gr-is-s em{font-style:normal;font-size:13.5px;font-weight:650;font-variant-numeric:tabular-nums}
.gr-is.gecti em,.gr-is.acil em{color:var(--red)}.gr-is.yakin em{color:var(--warn)}.gr-is.iyi em{color:var(--ok)}.gr-is.yok em{color:var(--mute);font-weight:500}
.gr-tum summary,.gr-aralik summary{cursor:pointer;font-weight:600;font-size:14px;padding:12px 0;color:var(--ink2)}
.gr-aralik{padding-top:10px;padding-bottom:10px}
.gr-rakam{font:750 32px/1.15 var(--hd);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:2px 0 4px}.gr-rakam small{font:600 14px var(--bd);letter-spacing:0;color:var(--mute)}
.gr-kart span.l{display:block;font:700 10.5px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}
.gr-kart .btn{margin-top:10px;padding:9px 14px}.gr-kart .lnk{display:inline-block;margin-top:6px}
.gr-deg{display:flex;flex-direction:column;margin-top:10px;padding:9px 12px;border-radius:10px;background:var(--soft);font-size:13px;color:var(--ink2)}.gr-deg b{font-size:15px}.gr-deg.art b{color:var(--ok)}.gr-deg.az b{color:var(--red)}
.gr-kronik{margin-top:26px}.gr-kronik h2{margin-bottom:6px}.gr-kronik>p{margin-top:8px}.gr-nesil{font-size:14.5px}.gr-kronik .gkr a{font-size:12.5px;color:var(--ink2)}
.gr-forum{margin-top:18px;font-size:14px}
.gr-fg{margin-top:4px}.gr-fg>div{min-width:0}.gr-sv{display:block;margin-top:6px;font-size:12.5px;font-weight:650}.gr-sv.gecti,.gr-sv.acil{color:var(--red)}.gr-sv.yakin{color:var(--warn)}.gr-sv.iyi{color:var(--ok)}
.gr-not{display:block;margin-top:6px;font-size:12.5px;line-height:1.45}
.gr-mtv{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}.gr-mtv input{width:18px;height:18px;accent-color:var(--ink)}.gr-mtv b{display:block;font-size:14.5px;font-weight:620}.gr-mtv small{display:block;color:var(--mute);font-size:12.5px}.gr-mtv em{font-style:normal;font-weight:650;font-variant-numeric:tabular-nums}
.gr-tam{border-top:0;grid-template-columns:20px minmax(0,1fr);margin-top:6px}
.gr-sat{display:grid;grid-template-columns:96px minmax(0,1fr) 92px 76px;gap:2px 10px;align-items:center;width:100%;text-align:right;background:none;border:0;border-top:1px solid var(--line);padding:11px 2px;font:inherit;font-size:14px;cursor:pointer;color:var(--ink2)}.gr-sat:hover{background:var(--soft)}.gr-sat b{font-weight:620;color:var(--ink)}.gr-sat b em{font-style:normal;font-weight:500;color:var(--mute)}.gr-sat small{grid-column:2/-1;color:var(--mute);font-size:12.5px}
.gr-ar{display:grid;grid-template-columns:minmax(0,1fr) 112px 88px;gap:8px;align-items:center;padding:7px 0;font-size:14px}.gr-ar label{display:flex;align-items:center;gap:6px}.gr-ar .inp{padding:7px 8px}.gr-ar small{color:var(--mute)}
.gr-kutular{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gr-kutu span{display:block;font:700 10.5px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.gr-kutu b{font:700 18px var(--hd);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.gr-kat{margin:-6px 0 14px}
.gr-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gr-4+small{display:block;margin-top:6px;font-size:12px}
.gr-hata{color:var(--red);font-size:13.5px;margin:6px 0}.gr-hata:empty{display:none}.gr-hata-m{color:var(--red)}
.gr-form{max-width:640px;display:grid;gap:14px}.gr-ozelb{margin-top:8px}[hidden].gr-fg{display:none}
.gr-esit{margin-top:14px}
.gr-sil{color:var(--mute);margin-inline-end:auto}.gr-sil:hover{color:var(--red)}
.gr-dlg label.l{margin-top:12px}.gr-dlg .fg{margin-top:0}
.garuy{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:700;margin-right:4px;vertical-align:1px}.garuy[hidden]{display:none}
.garage.uyari #favc{display:none!important}
#bnav a.uyari{position:relative}#bnav a.uyari::after{content:"";position:absolute;top:2px;right:calc(50% + 7px);width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px #fff}
.gr-serit b{display:block;font-size:14px}.gr-serit .gr-alt{display:block;font-size:13px;color:var(--ink2)}.gr-serit span span{flex:none}
@media(max-width:1000px){.gr-iki{grid-template-columns:minmax(0,1fr)}.gr-bas{grid-template-columns:92px minmax(0,1fr)}.gr-bas:not(:has(.gr-foto)){grid-template-columns:minmax(0,1fr)}.gr-km{grid-column:1/-1}.gr-bas-b h2{padding-left:56px}}
@media(max-width:760px){.gr-serit{bottom:calc(78px + env(safe-area-inset-bottom))}}
@media(max-width:600px){.gr-kutular,.gr-4{grid-template-columns:repeat(2,minmax(0,1fr))}.gr-sat{grid-template-columns:minmax(0,1fr) auto}.gr-sat small{grid-column:1/-1}.gr-bas-b h2{font-size:20px}.gr-ar{grid-template-columns:minmax(0,1fr) 96px 76px}}


.sbox{margin-top:40px}
.sbox .dyorlar{margin-top:14px}
.sbox .dform textarea{min-height:64px;margin-bottom:12px}
.sbox .dform .inp{width:100%}
.syoz{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin:-4px 0 14px;font-size:14px;color:var(--mute)}
.syoz b{font:750 22px var(--hd);color:var(--ink)}
.sygate{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}
.sygate p{flex:1 1 100%;margin:0}
.syor-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 18px;margin-top:4px}
.syor-g small{display:block;font:700 10.5px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.1em;margin-bottom:3px}
.syform-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.syrozet{display:flex;align-items:center;gap:8px;font-size:14px;margin:0 0 8px;cursor:pointer}
.syrozet input{width:16px;height:16px;accent-color:var(--red);flex:none}
.gr-rozet{border-top:1px solid var(--line);padding-top:12px}
.gr-rozet .small{margin:4px 0 0}
.frozet{display:inline-block;padding:0 8px;border:1px solid var(--line2);border-radius:999px;background:var(--soft);color:var(--ink2);font:600 11.5px/1.7 var(--bd);white-space:nowrap}
.dyor-h .frozet{display:inline-block;margin-inline-start:8px}
@media(max-width:520px){.syform-2{grid-template-columns:1fr}}
.qz-kapi{position:relative;grid-column:span 2;min-height:340px;border-radius:18px;overflow:hidden}
.qz-sis{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;filter:blur(10px);opacity:.7;pointer-events:none;user-select:none}
.qz-kapi-k{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px;text-align:center;background:rgba(255,255,255,.5)}
.qz-kapi-k b{font-size:22px;letter-spacing:-.02em;color:var(--ink)}
.qz-kapi-k p{margin:0 0 10px;max-width:360px;color:var(--ink2);font-size:15px}
.qz-kapi-k div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
@media(max-width:760px){.qz-kapi{grid-column:auto;min-height:0;height:360px}.qz-sis{grid-template-columns:1fr}}
.ftakip-k{display:flex;justify-content:center;margin-top:16px}
.ftakip{display:inline-flex;align-items:center;gap:8px}
.ftakip svg{flex:none}
.ftakip.on{border-color:var(--red);color:var(--red);background:var(--red-l)}
.fgoogle{margin:6px 0 2px}
.fgbtn{display:flex;justify-content:center;min-height:44px}
.fveya{display:flex;align-items:center;gap:12px;margin:14px 0 2px;color:var(--mute);font-size:13px}
.fveya::before,.fveya::after{content:"";flex:1;height:1px;background:var(--line)}

/* fa */
:root{--hd:Inter,Vazirmatn,system-ui,sans-serif;--bd:"General Sans",Inter,Vazirmatn,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Vazirmatn,monospace}html[lang=fa] *{letter-spacing:0!important}html[lang=fa] h1,html[lang=fa] h2,html[lang=fa] h3{line-height:1.35}html[lang=fa] body{line-height:1.75}