:root{--bg:#060910;--panel:#0b1320;--line:#263447;--text:#f2efe8;--muted:#b8c2ce;--cyan:#8de7f2;--gold:#d0ab68;--green:#74ddb0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 18%,#13253b 0,#080d16 35%,#05070c 72%);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#9ce9ff .8px,transparent .8px);background-size:46px 46px;opacity:.04}
.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.brand{letter-spacing:.24em;font-weight:650}.langs a{color:#9eb0bf;text-decoration:none;padding:7px 9px}.langs a.active{color:var(--cyan)}
.hero{padding:62px 0 54px}.pill{display:inline-block;border:1px solid #725f38;border-radius:999px;padding:9px 18px;color:#d6b97e;font-size:.75rem;letter-spacing:.18em}.eyebrow{margin-top:48px;color:var(--cyan);text-transform:uppercase;letter-spacing:.28em;font-size:.74rem}
h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(4.2rem,8.5vw,7.8rem);line-height:.88;letter-spacing:-.055em;margin:25px 0 24px;max-width:930px}.lead{font-family:Georgia,serif;font-size:1.42rem;color:#d5d7da;max-width:900px}
.section{padding:62px 0;border-top:1px solid var(--line)}h2{font-family:Georgia,serif;font-size:2.6rem;font-weight:500;margin:0 0 20px}.kicker{color:var(--cyan);text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:rgba(10,22,37,.88);border:1px solid var(--line);border-radius:18px;padding:24px}.card h3{margin-top:0}.card p{color:var(--muted)}.callout{background:rgba(208,171,104,.055);border-left:3px solid var(--gold);padding:23px 27px;font-family:Georgia,serif;font-size:1.32rem}
.visual{margin-top:25px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#060b12}.visual img{width:100%;display:block}.click{color:var(--cyan);font-size:.75rem;letter-spacing:.17em;padding:12px 18px;text-transform:uppercase}
.docs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.doc{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;text-decoration:none;color:var(--text);background:#0a1422;border:1px solid var(--line);border-radius:15px;padding:18px}.doc span{color:var(--muted);font-size:.9rem}.doc b{display:block;margin-bottom:4px}.doc:hover{border-color:#5999b8}
.badge{color:var(--green);font-weight:700}.warning{color:#e2c77e}.footer{border-top:1px solid var(--line);padding:42px 0 60px;color:#8293a2}.modal{display:none;position:fixed;inset:0;background:rgba(2,5,9,.92);z-index:99;align-items:center;justify-content:center;padding:28px}.modal.open{display:flex}.modal img{max-width:95vw;max-height:88vh;border-radius:12px}.close{position:absolute;top:18px;right:25px;color:#fff;font-size:38px;cursor:pointer}
@media(max-width:800px){.grid,.docs{grid-template-columns:1fr}.nav{align-items:flex-start}.lead{font-size:1.16rem}h1{font-size:4.3rem}}