/* LaFix v3 — shared document styles (dark brand) */
:root{
  --bg:#0E1014; --bg-2:#14171D; --panel:#171A20; --panel-2:#1D212A;
  --ink:#ECEDEF; --ink-2:#A4A9B2; --ink-3:#6C727C;
  --line:#262B33; --line-2:#333A44;
  --brand:#4C8DFF; --brand-ink:#A8C8FF; --brand-deep:#1565FF;
  --accent:#FF7A41; --accent-ink:#FFB590;
  --gogu:#A98BFF; --gogu-2:#8B5CF6; --gogu-ink:#CDB6FF;
  --ok:#34C77B; --warn:#F0A93A; --bad:#FF6B5E;
  --maxw:920px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;}
::selection{background:rgba(76,141,255,.3);}
.serif{font-family:'Newsreader',Georgia,serif;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
svg.ic{display:block;}

.progress{position:fixed;top:0;left:0;height:2.5px;background:linear-gradient(90deg,var(--brand),var(--gogu));z-index:50;width:0;}
.topbar{position:fixed;top:0;left:0;right:0;height:54px;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:40;display:flex;align-items:center;}
.topbar .wrap{display:flex;align-items:center;gap:12px;width:100%;}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;}
.logo-mark{position:relative;height:30px;width:30px;border-radius:9px;background:linear-gradient(140deg,var(--brand),var(--brand-deep));display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 10px -2px rgba(76,141,255,.6);}
.logo-mark .spk{position:absolute;top:-3px;right:-3px;height:13px;width:13px;border-radius:50%;background:var(--accent);display:inline-flex;align-items:center;justify-content:center;}
.logo-txt{font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--ink);}
.logo-txt b{color:var(--brand-ink);font-weight:700;}
.topbar .tag{margin-left:auto;font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.18em;}
.topbar .nav{margin-left:auto;display:flex;gap:18px;}
.topbar .nav a{color:var(--ink-2);text-decoration:none;font-size:12.5px;font-weight:500;}
.topbar .nav a:hover{color:var(--ink);}

.hero{padding:140px 0 52px;border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;top:-120px;right:-80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(76,141,255,.16),transparent 65%);pointer-events:none;}
.hero::after{content:"";position:absolute;bottom:-160px;left:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(169,139,255,.13),transparent 65%);pointer-events:none;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--brand-ink);background:rgba(76,141,255,.1);border:1px solid rgba(76,141,255,.25);padding:6px 12px;border-radius:999px;}
h1.title{font-family:'Newsreader',serif;font-weight:500;font-size:clamp(34px,6vw,56px);line-height:1.06;letter-spacing:-.015em;margin:22px 0 0;text-wrap:balance;}
h1.title em{font-style:italic;color:var(--brand-ink);}
.lede{font-size:clamp(16px,2.3vw,19px);color:var(--ink-2);max-width:64ch;margin-top:22px;text-wrap:pretty;}
.lede b{color:var(--ink);font-weight:600;}

section{padding:58px 0;border-bottom:1px solid var(--line);}
.sec-no{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);}
.sec-no b{color:var(--brand);}
h2{font-family:'Newsreader',serif;font-weight:500;font-size:clamp(25px,4vw,36px);line-height:1.12;letter-spacing:-.01em;margin:12px 0 0;text-wrap:balance;}
.sec-sub{color:var(--ink-2);font-size:16px;margin-top:14px;max-width:66ch;text-wrap:pretty;}
p{text-wrap:pretty;}
.pull{font-family:'Newsreader',serif;font-style:italic;font-size:clamp(19px,3vw,26px);line-height:1.35;color:var(--ink);margin:32px 0 0;padding-left:20px;border-left:3px solid var(--gogu);text-wrap:balance;}

.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
@media(max-width:720px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}}

.foot-card{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:46px 0 64px;}
.foot-card .gm{height:42px;width:42px;border-radius:12px;background:linear-gradient(135deg,var(--gogu-2),var(--gogu));display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.foot-card p{margin:0;font-size:14px;color:var(--ink-2);}
.foot-card p b{color:var(--ink);}
.backlink{display:inline-flex;align-items:center;gap:7px;color:var(--brand-ink);text-decoration:none;font-size:13px;font-weight:500;margin-left:auto;}
.backlink:hover{color:var(--brand);}