/* CKLauncher portal — brand styles (mirrors the launcher: frozen-apocalypse cyan/black, sans-serif) */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');
:root{
  --void-900:#000;--void-500:#05080B;--void-300:#0A0E13;--void-100:#141B22;--void-50:#1A2129;
  --frost-50:#F4FAFC;--frost-100:#D8EDF4;--frost-200:#B9DEEB;--frost-300:#9DD0E8;--frost-400:#7DBCD5;
  --frost-500:#5FA0BC;--frost-600:#467F99;--frost-700:#2E5B72;--frost-800:#1E3D4F;--frost-900:#0F1B26;
  --arc-300:#9FE6F2;--arc-500:#4FCFDF;--arc-700:#1E8FA0;--arc-900:#0B4854;
  --steel-300:#A4B5BD;--steel-500:#5F7480;--steel-700:#324049;
  --ember-300:#F2C56B;--ember-500:#D89A2E;--blood-300:#C97B70;--blood-500:#8E382C;
  --display:'Rajdhani','Bahnschrift',system-ui,sans-serif;--body:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--void-900);color:var(--frost-50);font-family:var(--body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(1200px 520px at 80% -8%,rgba(79,207,223,.06),transparent 60%);min-height:100vh}
a{color:var(--arc-300);text-decoration:none}a:hover{color:var(--arc-500)}
::selection{background:var(--arc-900);color:var(--arc-100)}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.mono{font-family:var(--mono)}
.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--frost-600)}
h1,h2,h3{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.08}
h1{font-size:46px}h2{font-size:28px;letter-spacing:.05em}h3{font-size:19px}
p{color:var(--steel-300)}.lead{font-size:18px;color:var(--frost-200);max-width:620px}
/* nav */
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--void-100)}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:40px;height:40px}
.brand b{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.06em}
.brand span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:var(--steel-500);text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:22px;font-size:14px}
.nav-links a{color:var(--steel-300)}.nav-links a:hover{color:var(--frost-100)}
.avatar{width:30px;height:30px;border:1px solid var(--frost-800);object-fit:cover}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:.08em;
  text-transform:uppercase;padding:12px 26px;border:1px solid var(--frost-700);color:var(--frost-100);background:transparent;cursor:pointer;transition:all .14s}
.btn:hover{border-color:var(--frost-400);background:rgba(157,208,232,.05);color:var(--frost-50)}
.btn.primary{background:var(--arc-500);border-color:var(--arc-500);color:var(--void-900)}
.btn.primary:hover{background:var(--arc-300);border-color:var(--arc-300)}
.btn.sm{font-size:12.5px;padding:8px 16px}
.btn.steam{background:#1b2838;border-color:#2a475e;color:#fff}.btn.steam:hover{background:#2a475e}
/* cards */
.card{background:var(--void-300);border:1px solid var(--void-50);padding:24px}
.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr 1fr}
.tag{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border:1px solid var(--frost-800);color:var(--frost-400)}
.tag.arc{border-color:var(--arc-700);color:var(--arc-300)}.tag.ember{border-color:#6b4d17;color:var(--ember-300)}
.tag.prime{border-color:var(--ember-500);color:var(--ember-300)}
hr.sep{border:0;border-top:1px solid var(--void-100);margin:54px 0}
.hero{padding:74px 0 60px}
.hero h1{font-size:58px}
.hero .arc{color:var(--arc-500)}
.feat{display:flex;gap:14px;align-items:flex-start}
.feat .ico{width:34px;height:34px;flex-shrink:0;border:1px solid var(--frost-800);display:flex;align-items:center;justify-content:center;color:var(--arc-300)}
.feat .ico svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}
.feat h3{font-size:15px;margin-bottom:4px}.feat p{font-size:13.5px}
.label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel-500)}
input,select,textarea{width:100%;background:var(--void-100);border:1px solid var(--void-50);color:var(--frost-100);font-family:var(--body);font-size:14px;padding:10px 12px;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--arc-700)}
label.fl{display:block;margin:14px 0 6px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel-300)}
table{width:100%;border-collapse:collapse}
th{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel-500);text-align:left;padding:9px 10px;border-bottom:1px solid var(--void-50);font-weight:400}
td{padding:11px 10px;border-bottom:1px solid var(--void-100);font-size:14px;color:var(--frost-100)}
footer{border-top:1px solid var(--void-100);margin-top:64px;padding:28px 0;color:var(--steel-500);font-size:12.5px}
.notice{border:1px solid var(--arc-900);background:rgba(79,207,223,.05);padding:14px 16px;font-size:13.5px;color:var(--frost-200)}
.notice.warn{border-color:#5a3a1a;background:rgba(216,154,46,.06);color:var(--ember-300)}
.muted{color:var(--steel-500);font-size:12.5px}

/* ── product screenshots ── */
.shot-hero{margin:8px 0 4px}
.shot-frame{border:1px solid var(--void-50);background:var(--void-300);box-shadow:0 0 0 1px rgba(79,207,223,.06),0 30px 80px -40px rgba(79,207,223,.25)}
.shot-bar{display:flex;gap:6px;padding:9px 12px;border-bottom:1px solid var(--void-100);background:var(--void-500)}
.shot-bar span{width:9px;height:9px;background:var(--steel-700);display:block}
.shot-frame img{display:block;width:100%;height:auto}
.shot-cap{margin-top:10px;font-size:11px;color:var(--steel-500);letter-spacing:.06em;text-align:center}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.g-item{margin:0}
.g-item figcaption{margin-top:10px;font-size:10.5px;color:var(--steel-500);letter-spacing:.05em;line-height:1.5}
@media (max-width:820px){.gallery{grid-template-columns:1fr}}