:root{
  --bg:#0e1420; --bg2:#141d2e; --panel:#182236; --line:#26344d;
  --ink:#eaf0fb; --mut:#9fb0cc; --amber:#f7b733; --amber2:#ffcf6b;
  --sky:#5ec6ff; --good:#57d38c; --bad:#ff8f7a; --rad:10px;
}
*{box-sizing:border-box}
html,body{width:100%;overflow-x:hidden;margin:0}
body{background:var(--bg);color:var(--ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.65;font-size:17px}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
a{color:var(--amber2)}
h1,h2,h3,h4,.brand-logo,.foot-brand{font-family:"Barlow Condensed",Inter,sans-serif;letter-spacing:.2px}
h1{font-size:2.3rem;line-height:1.12;margin:.4em 0 .35em}
h2{font-size:1.7rem;margin:1.7em 0 .5em;color:var(--amber2)}
h3{font-size:1.28rem;margin:1.3em 0 .4em}
p{margin:.7em 0}
main{display:block;padding:8px 0 48px;background:
  radial-gradient(1200px 400px at 80% -50px, rgba(94,198,255,.08), transparent),
  var(--bg)}
img{max-width:100%;height:auto}
/* header */
.sk-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--amber),var(--sky));z-index:60}
.site-head{position:sticky;top:0;z-index:50;background:rgba(14,20,32,.92);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.head-row{display:flex;align-items:center;gap:16px;min-height:62px}
.brand-logo{color:var(--ink);text-decoration:none;font-size:1.5rem;font-weight:700}
.brand-logo::before{content:"▲";color:var(--amber);margin-right:8px;font-size:.9em}
.nav-main{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.nav-main a{color:var(--mut);text-decoration:none;padding:8px 10px;border-radius:8px;font-size:.95rem;white-space:nowrap}
.nav-main a:hover{color:var(--ink);background:var(--panel)}
.sk-burger{display:none;margin-left:auto;background:none;border:0;flex-direction:column;gap:5px;padding:10px;cursor:pointer}
.sk-burger span{width:24px;height:2px;background:var(--ink);display:block;border-radius:2px}
/* buttons */
.sk-btn{display:inline-block;background:linear-gradient(180deg,var(--amber2),var(--amber));
  color:#241800;font-weight:700;text-decoration:none;border-radius:9px;padding:12px 20px;
  border:0;cursor:pointer;box-shadow:0 6px 18px rgba(247,183,51,.25)}
.sk-btn:hover{filter:brightness(1.06)}
.sk-btn-head{padding:9px 16px;color:#241800}
.sk-btn-lg{font-size:1.12rem;padding:15px 30px}
.sk-cta{margin:2em 0 .5em;text-align:center;background:linear-gradient(180deg,var(--panel),var(--bg2));
  border:1px solid var(--line);border-radius:14px;padding:26px 18px}
.sk-cta-sub{display:block;margin-top:10px;color:var(--mut);font-size:.85rem}
/* breadcrumb */
.crumbs{background:var(--bg2);border-bottom:1px solid var(--line);font-size:.86rem}
.crumbs .wrap{padding-top:9px;padding-bottom:9px}
.crumbs a{color:var(--mut);text-decoration:none}
.crumbs .sep{color:var(--line)}
.crumbs [aria-current]{color:var(--amber2)}
/* content */
.lede{font-size:1.16rem;color:#dfe8f7;border-left:3px solid var(--amber);padding-left:15px;margin:1em 0 1.3em}
.sk-hero img{width:100%;border-radius:12px;border:1px solid var(--line);display:block;box-shadow:0 12px 34px rgba(0,0,0,.4)}
.sk-hero{margin:0 0 1.2em}
.sk-list,.sk-steps{padding-left:1.25em;margin:.8em 0}
.sk-list li,.sk-steps li{margin:.4em 0}
.sk-list.good li::marker{color:var(--good)}
.sk-list.bad li::marker{color:var(--bad)}
.muted{color:var(--mut);font-size:.92rem}
table{border-collapse:collapse;width:100%;margin:.5em 0;font-size:.95rem;min-width:460px}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1em 0;border:1px solid var(--line);border-radius:10px}
th,td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}
th{background:var(--bg2);color:var(--amber2)}
/* verdict */
.sk-verdict{display:flex;gap:22px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);
  border-radius:14px;padding:20px;margin:1.2em 0}
.sk-score{min-width:120px;text-align:center}
.sk-num{font-family:"Barlow Condensed";font-size:3.2rem;color:var(--amber);line-height:1}
.sk-out{color:var(--mut)}
.sk-bars{display:flex;gap:4px;justify-content:center;margin-top:8px}
.sk-bars i{width:14px;height:8px;border-radius:2px;background:var(--line)}
.sk-bars i.on{background:var(--amber)}
.sk-pc{display:flex;gap:26px;flex:1;flex-wrap:wrap}
.sk-pc h3{margin:.1em 0 .3em;font-size:1.05rem}
/* tabs */
.sk-tabs{margin:1.3em 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.sk-tabrow{display:flex;flex-wrap:wrap;background:var(--bg2)}
.sk-tab{background:none;border:0;color:var(--mut);padding:12px 16px;cursor:pointer;font-weight:600;font-size:.95rem;min-height:44px}
.sk-tab.is-active{color:var(--amber2);box-shadow:inset 0 -2px 0 var(--amber)}
.sk-panel{display:none;padding:16px 18px}
.sk-panel.is-active{display:block}
/* calc */
.calc{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;margin:1.3em 0}
.calc label{display:block;margin:.9em 0 .2em;color:var(--mut);font-size:.9rem}
.calc input[type=range]{width:100%;accent-color:var(--amber)}
.calc output{font-weight:700;color:var(--amber2)}
.sk-calcout{font-size:1.15rem;margin-top:.8em}
.sk-cap{color:var(--bad);font-size:.85rem;margin-left:6px}
/* faq */
.sk-faqs{margin:2em 0 0}
.sk-faq{border:1px solid var(--line);border-radius:10px;margin:.55em 0;background:var(--bg2)}
.sk-faq summary{cursor:pointer;padding:14px 16px;font-weight:600;list-style:none;min-height:44px}
.sk-faq summary::-webkit-details-marker{display:none}
.sk-faq summary::after{content:"+";float:right;color:var(--amber)}
.sk-faq[open] summary::after{content:"–"}
.sk-faqa{padding:0 16px 14px}
/* footer */
.site-foot{background:var(--bg2);border-top:1px solid var(--line);margin-top:30px;padding:34px 0 20px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:26px}
.foot-brand{font-size:1.35rem;font-weight:700}
.foot-mini{color:var(--mut);font-size:.86rem}
.site-foot h4{color:var(--amber2);margin:.1em 0 .5em;font-size:1rem}
.site-foot ul{list-style:none;padding:0;margin:0}
.site-foot li{margin:.35em 0}
.site-foot a{color:var(--mut);text-decoration:none}
.foot-rg .age{display:inline-block;background:var(--bad);color:#2a0d06;font-weight:700;padding:2px 9px;border-radius:6px}
.foot-rg p{color:var(--mut);font-size:.83rem;margin:.5em 0}
.legal{color:var(--mut);font-size:.8rem;border-top:1px solid var(--line);margin-top:22px;padding-top:16px}
/* back to top */
.sk-top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);
  background:var(--panel);color:var(--amber);font-size:1.2rem;cursor:pointer;opacity:0;pointer-events:none;transition:.2s;z-index:40}
.sk-top.show{opacity:1;pointer-events:auto}
.sk-404{min-height:40vh}
@media(max-width:860px){
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  h1{font-size:1.55em}h2{font-size:1.28em}h3{font-size:1.1em}
  .sk-burger{display:flex}
  .nav-main{display:none;position:absolute;top:62px;left:0;right:0;flex-direction:column;
    align-items:stretch;background:var(--bg2);border-bottom:1px solid var(--line);padding:8px 14px;gap:2px}
  .nav-main.open{display:flex}
  .nav-main a{padding:12px 8px}
  .sk-btn-head{margin:8px 0 4px;text-align:center}
  .foot-grid{grid-template-columns:1fr}
  .sk-pc{flex-direction:column;gap:12px}
}