:root{--bg:#0b1322;--bg2:#101b30;--panel:#13203a;--line:#22345a;--tx:#d9e2f2;--mut:#93a3c2;--hd:#f4f7fc;--tq:#22c1d1;--lz:#4d74ff;--sd:#e7c477;--ok:#3fd49a;--bad:#ff8a7a;--r:14px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:110px}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.65 "IBM Plex Sans",system-ui,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--tq)}
a:hover{color:#7fe3ec}
h1,h2,h3{font-family:Lexend,system-ui,sans-serif;color:var(--hd);line-height:1.25;letter-spacing:-.01em}
h1{font-size:clamp(1.65rem,4.6vw,2.6rem);margin:.3em 0 .4em}
h2{font-size:clamp(1.3rem,3vw,1.7rem);margin:2.2em 0 .6em}
h3{font-size:1.08rem;margin:1.4em 0 .5em}
p,li{max-width:76ch}
.kx-wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}

.kx-head{position:sticky;top:0;z-index:20;background:rgba(11,19,34,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.kx-head__in{display:flex;align-items:center;justify-content:space-between;height:60px}
.kx-logo img{height:38px;width:auto}
.kx-age{font:700 .8rem Lexend,sans-serif;border:2px solid var(--sd);color:var(--sd);border-radius:50%;width:38px;height:38px;display:grid;place-items:center}
.kx-nav{border-top:1px solid var(--line);background:var(--bg2)}
.kx-nav__in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-top:6px;padding-bottom:6px}
.kx-nav__in::-webkit-scrollbar{display:none}
.kx-nav a{flex:0 0 auto;color:var(--tx);text-decoration:none;font-size:.9rem;padding:5px 12px;border-radius:999px}
.kx-nav a:hover{background:var(--panel)}
.kx-nav a[aria-current]{background:var(--tq);color:#06202a;font-weight:600}

.kx-hero{background:radial-gradient(900px 380px at 85% -10%,rgba(77,116,255,.28),transparent 70%),radial-gradient(700px 320px at 0% 120%,rgba(34,193,209,.16),transparent 70%);border-bottom:1px solid var(--line);padding:22px 0 30px}
.kx-hero--home{text-align:center;padding:40px 0 34px}
.kx-hero--home .kx-lead{margin-left:auto;margin-right:auto}
.kx-lead{font-size:1.08rem;color:#c3cfe6;max-width:68ch}
.kx-stamp{display:inline-block;font-size:.82rem;color:var(--sd);border:1px dashed rgba(231,196,119,.5);border-radius:8px;padding:3px 10px;margin:4px 0 0}
.kx-hero__img{margin:22px auto 0;max-width:720px;width:100%;border-radius:var(--r)}
.kx-crumbs{font-size:.85rem;color:var(--mut);display:flex;gap:8px;flex-wrap:wrap}
.kx-crumbs a{color:var(--mut)}

.kx-hubs{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:left}
.kx-hubs a{display:block;height:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;text-decoration:none;color:var(--tx);transition:border-color .15s,transform .15s}
.kx-hubs a:hover{border-color:var(--tq);transform:translateY(-2px)}
.kx-hubs b{display:block;font-family:Lexend,sans-serif;color:var(--hd);margin-bottom:2px}
.kx-hubs span{font-size:.88rem;color:var(--mut)}

.kx-body{padding-bottom:40px}
.kx-onpage{display:flex;gap:6px;overflow-x:auto;padding:16px 0 4px;scrollbar-width:thin;font-size:.86rem}
.kx-onpage span{flex:0 0 auto;color:var(--mut);padding:5px 4px}
.kx-onpage a{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:4px 12px;text-decoration:none;color:var(--tx);white-space:nowrap}
.kx-onpage a:hover{border-color:var(--tq)}

.kx-plate{display:inline-flex;align-items:center;justify-content:center;min-width:112px;height:40px;padding:0 14px;border-radius:10px;background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;font:700 1rem Lexend,sans-serif;letter-spacing:.02em;white-space:nowrap}
.kx-plate--s{min-width:92px;height:32px;font-size:.86rem;padding:0 10px}

.kx-tiles{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kx-tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.kx-tile:first-child{border-color:var(--sd);box-shadow:0 0 0 1px rgba(231,196,119,.35)}
.kx-tile__top{display:flex;align-items:center;gap:10px}
.kx-place{font:700 .85rem Lexend,sans-serif;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--bg);color:var(--sd);flex:0 0 auto}
.kx-num{margin-left:auto;font:700 1.45rem Lexend,sans-serif;color:var(--sd)}
.kx-num--s{font-size:1.05rem;margin-left:0}
.kx-tile__bonus{margin:0;font-weight:600;color:var(--hd)}
.kx-mini{list-style:none;margin:0;padding:0;font-size:.86rem;display:grid;gap:4px}
.kx-mini li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dotted var(--line);padding-bottom:3px}
.kx-mini b{color:var(--mut);font-weight:400}
.kx-tile__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.kx-btn{display:inline-block;background:linear-gradient(135deg,var(--tq),var(--lz));color:#fff;text-decoration:none;font-weight:600;padding:9px 16px;border-radius:10px;white-space:nowrap}
.kx-btn:hover{color:#fff;filter:brightness(1.1)}

.kx-weights{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px}
.kx-weights li{display:flex;gap:12px;align-items:center;background:var(--panel);border-radius:10px;padding:8px 12px;max-width:none}
.kx-w{font:700 1.05rem Lexend,sans-serif;color:var(--tq);min-width:48px}
.kx-formula{background:var(--bg2);border-left:3px solid var(--sd);padding:10px 14px;border-radius:0 10px 10px 0;font-size:.95rem}

.kx-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);margin:16px 0}
.kx-table{border-collapse:collapse;width:100%;min-width:880px;font-size:.9rem}
.kx-table th,.kx-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.kx-table thead th{background:var(--bg2);color:var(--mut);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
.kx-table tbody tr:nth-child(odd){background:rgba(19,32,58,.55)}
.kx-n{font:700 1.05rem Lexend,sans-serif;color:var(--sd)}

.kx-pick{list-style:none;padding:0;margin:16px 0;display:grid;gap:10px}
.kx-pick li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;max-width:none}
.kx-pick__v{font-size:.92rem}
.kx-pick__v b{color:var(--mut);font-weight:600}

.kx-rev{border-top:1px solid var(--line);margin-top:30px}
.kx-rev h2{margin-top:1.2em}
.kx-rev__card{display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.kx-rev__sum{display:flex;align-items:center;gap:16px;flex:1 1 300px;min-width:0}
.kx-big{font:700 2.2rem Lexend,sans-serif;color:var(--sd);line-height:1}
.kx-big small{font-size:.9rem;color:var(--mut)}
.kx-crit{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.kx-crit li{font-size:.78rem;background:var(--bg2);border-radius:8px;padding:3px 8px;display:flex;gap:6px}
.kx-crit b{color:var(--tq)}
.kx-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.kx-fact{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.kx-fact dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mut)}
.kx-fact dd{margin:2px 0 0;font-size:.93rem;color:var(--hd);overflow-wrap:anywhere}
.kx-pm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kx-pm h3{margin-top:.6em}
.kx-plus,.kx-minus{list-style:none;padding:0;margin:0}
.kx-plus li,.kx-minus li{padding-left:26px;position:relative;margin:6px 0}
.kx-plus li::before{content:"+";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:rgba(63,212,154,.18);color:var(--ok);font-weight:700;display:grid;place-items:center;line-height:1;margin-top:3px}
.kx-minus li::before{content:"−";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:rgba(255,138,122,.16);color:var(--bad);font-weight:700;display:grid;place-items:center;line-height:1;margin-top:3px}
.kx-acc{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--bg2)}
.kx-acc summary{cursor:pointer;font-weight:600;color:var(--hd)}

.kx-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0;padding:0;list-style:none}
.kx-cards li{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;max-width:none}
.kx-cards b{display:block;color:var(--hd);font-family:Lexend,sans-serif;margin-bottom:4px}
.kx-steps{counter-reset:s;list-style:none;padding:0;margin:14px 0}
.kx-steps li{counter-increment:s;position:relative;padding:4px 0 10px 46px}
.kx-steps li::before{content:counter(s);position:absolute;left:0;top:2px;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--lz),var(--tq));color:#fff;font:700 .95rem Lexend,sans-serif;display:grid;place-items:center}
.kx-note{background:rgba(231,196,119,.09);border:1px solid rgba(231,196,119,.35);border-radius:12px;padding:12px 16px;margin:16px 0}
.kx-warn{background:rgba(255,138,122,.08);border:1px solid rgba(255,138,122,.4);border-radius:12px;padding:12px 16px;margin:16px 0}
.kx-dict{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.kx-dict div{background:var(--panel);border-radius:12px;padding:12px 14px;min-width:0}
.kx-dict dt{font-weight:700;color:var(--tq);font-family:Lexend,sans-serif}
.kx-dict dd{margin:4px 0 0;font-size:.94rem}
.kx-fig{margin:20px 0}
.kx-fig img{border-radius:var(--r);width:100%}
.kx-fig figcaption{font-size:.85rem;color:var(--mut);margin-top:6px}
.kx-q{border-bottom:1px solid var(--line);padding:12px 0}
.kx-q summary{cursor:pointer;font-weight:600;color:var(--hd);list-style:none;padding-right:28px;position:relative}
.kx-q summary::-webkit-details-marker{display:none}
.kx-q summary::after{content:"+";position:absolute;right:4px;top:-2px;font-size:1.3rem;color:var(--tq)}
.kx-q[open] summary::after{content:"−"}
.kx-q p{margin:.6em 0 0}

.kx-foot{background:#080e1a;border-top:1px solid var(--line);padding:34px 0 24px;font-size:.92rem;color:var(--mut)}
.kx-foot__cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}
.kx-foot__h{font-family:Lexend,sans-serif;color:var(--hd);margin:0 0 8px}
.kx-foot ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.kx-foot a{color:var(--tx)}
.kx-foot__note{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;max-width:none}
.kx-foot__copy{margin:8px 0 0}

@media (max-width:900px){
 .kx-tiles,.kx-hubs,.kx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kx-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kx-foot__cols{grid-template-columns:1fr 1fr}
 .kx-foot__cols>div:first-child{grid-column:1/-1}
}
@media (max-width:600px){
 body{font-size:15.5px}
 .kx-tiles,.kx-hubs,.kx-cards,.kx-pm,.kx-dict{grid-template-columns:minmax(0,1fr)}
 .kx-hero--home{padding-top:28px}
 .kx-pick li{grid-template-columns:auto minmax(0,1fr);gap:8px 12px}
 .kx-pick__v{grid-column:1/-1;order:3}
 .kx-pick .kx-btn{order:4;grid-column:1/-1;text-align:center}
 .kx-pick .kx-num--s{justify-self:end}
 .kx-rev__card .kx-btn{width:100%;text-align:center}
 .kx-crit{display:none}
}