:root{--navy-deep:#041f45;--navy-ink:#082b5a;--teal-brand:#007778;--teal:#0a958f;--aqua:#15d6c2;--canvas:#f7f7f7;--white:#fff;--line:#e6e9ee;--muted:#9aa4b2;--slate:#5a6675;--ink:#1b2430;--steel:#9fb3d6;--font-display:"Orbitron",sans-serif;--font-sans:"Inter",system-ui,Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--wrap:1080px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);margin:0;line-height:1.6}a{color:inherit}a:focus-visible,.btn:focus-visible{outline:2px solid var(--aqua);outline-offset:3px;border-radius:4px}h1,h2,h3{margin:0;font-weight:500}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 48px}.eyebrow{font-family:var(--font-mono);letter-spacing:1.6px;color:var(--muted);text-transform:lowercase;font-size:12px}section{border-bottom:1px solid var(--line);padding:74px 0}.lead{color:var(--slate);max-width:760px;font-size:18px}h2{font-family:var(--font-display);color:var(--navy-ink);margin:12px 0 0;font-size:28px;line-height:1.25}.btn{background:var(--aqua);color:#04332e;font-weight:500;font-family:var(--font-sans);cursor:pointer;border:0;border-radius:8px;padding:10px 18px;font-size:14px;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(1.06)}.btn-ghost{border:1px solid var(--aqua);color:var(--aqua);background:0 0}.nav{z-index:50;backdrop-filter:blur(8px);background:#041f45eb;border-bottom:1px solid #dce6f31f;position:sticky;top:0}.nav-in{max-width:var(--wrap);justify-content:space-between;align-items:center;margin:0 auto;padding:14px 48px;display:flex}.brand{align-items:center;gap:11px;text-decoration:none;display:flex}.brand .mark{width:30px;height:30px;display:block}.brand .wm{font-family:var(--font-display);letter-spacing:.5px;font-size:18px;font-weight:600}.brand .wm .g{color:#eaf1fa}.brand .wm .l{color:var(--aqua)}.nav-links{align-items:center;gap:26px;display:flex}.nav-links a{color:var(--steel);font-size:14px;text-decoration:none}.nav-links a:hover,.nav-links a[aria-current=page]{color:#fff}.nav-links a.btn{color:#04332e}.nav-links a.lang{font-family:var(--font-mono);letter-spacing:1px;color:var(--steel);border:1px solid #dce6f340;border-radius:6px;padding:4px 9px;font-size:11px}.nav-links a.lang:hover{color:#fff;border-color:#dce6f380}.menu-btn{cursor:pointer;background:0 0;border:0;padding:8px;display:none}.menu-btn span{background:var(--steel);border-radius:1px;width:22px;height:2px;margin:5px 0;transition:transform .2s,opacity .2s;display:block}.nav.open .menu-btn span:first-child{transform:translateY(7px)rotate(45deg)}.nav.open .menu-btn span:nth-child(2){opacity:0}.nav.open .menu-btn span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=760px){.menu-btn{display:block}.nav-links{display:none}.nav.open .nav-links{backdrop-filter:blur(8px);background:#041f45f7;border-bottom:1px solid #dce6f31f;flex-direction:column;align-items:flex-start;gap:18px;padding:20px 24px 24px;display:flex;position:absolute;top:100%;left:0;right:0}.nav-links a{font-size:16px}.nav-in{position:relative}}.sec-dark{background:var(--navy-deep);color:#fff;border-bottom:0}.sec-dark h2{color:#fff}.sec-dark .eyebrow{color:var(--aqua)}.sec-dark .lead{color:var(--steel)}.cards{gap:20px;margin-top:34px;display:grid}.c3{grid-template-columns:repeat(3,1fr)}.c4{grid-template-columns:repeat(4,1fr)}.c2{grid-template-columns:repeat(2,1fr)}.card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:22px}.card .rule{background:var(--aqua);border-radius:2px;width:34px;height:3px;margin-bottom:14px}.card .lbl{font-family:var(--font-mono);letter-spacing:1px;color:var(--teal-brand);text-transform:lowercase;font-size:11px}.card h3{font-family:var(--font-display);color:var(--navy-ink);margin:8px 0;font-size:17px}.card p{color:var(--slate);margin:0;font-size:14px}.sec-dark .card{background:var(--navy-ink);border-color:#dce6f31f}.sec-dark .card h3{color:#fff}.sec-dark .card p{color:var(--steel)}.sec-dark .card .lbl{color:var(--aqua)}@media (width<=880px){.c3,.c4{grid-template-columns:1fr 1fr}}@media (width<=600px){.c2,.c3,.c4{grid-template-columns:1fr}.wrap{padding:0 24px}section{padding:52px 0}.nav-in{padding:14px 24px}}.footer{background:var(--navy-deep);color:var(--muted);padding:30px 0 40px}.footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.footer .fl{font-family:var(--font-mono);letter-spacing:.5px;font-size:12px}.footer a{color:var(--steel);text-decoration:none}.footer .mark{width:26px;height:26px}
