:root{--bg:#11120f;--panel:#191a15;--panel2:#231d18;--ink:#f3eadb;--muted:#c8bda7;--gold:#d7a84c;--red:#9e2e25;--red2:#6f211d;--line:#4a3b2e;--green:#42533b;--shadow:0 18px 45px rgba(0,0,0,.35)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 20% -10%,rgba(158,46,37,.22),transparent 35%),radial-gradient(circle at 90% 10%,rgba(215,168,76,.18),transparent 25%),var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55} a{color:var(--gold);text-decoration:none} a:hover{text-decoration:underline}.wrap{max-width:1180px;margin:auto;padding:0 22px}.topbar{position:sticky;top:0;z-index:20;background:rgba(17,18,15,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:70px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.4px}.brand img{height:42px;width:94px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.links{display:flex;gap:12px;flex-wrap:wrap}.links a{padding:8px 10px;border-radius:999px;color:var(--ink);font-size:.94rem}.links a.active,.links a:hover{background:linear-gradient(135deg,var(--red2),rgba(215,168,76,.16));text-decoration:none}.hero{padding:64px 0 38px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center}.kicker{color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}.hero h1{font-size:clamp(2.3rem,5vw,4.7rem);line-height:.95;margin:12px 0 18px}.hero p{color:var(--muted);font-size:1.08rem;max-width:780px}.card{background:linear-gradient(180deg,rgba(35,29,24,.96),rgba(25,26,21,.96));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:24px}.card img{width:100%;border-radius:18px;border:1px solid var(--line)}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.stat{padding:18px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(215,168,76,.18)}.stat strong{font-size:1.8rem;color:var(--gold);display:block}.section{padding:42px 0}.section h2{font-size:2rem;margin:0 0 12px}.section p.lead{color:var(--muted);margin-top:0}.accordion{display:grid;gap:12px}.acc{border:1px solid var(--line);border-radius:18px;background:rgba(25,26,21,.78);overflow:hidden}.acc summary{cursor:pointer;padding:17px 20px;font-weight:800;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:16px}.acc summary:after{content:'+';color:var(--gold);font-size:1.2rem}.acc[open] summary:after{content:'–'}.acc .body{padding:0 20px 20px;color:var(--muted)}.pill{display:inline-block;padding:4px 10px;border:1px solid rgba(215,168,76,.32);border-radius:999px;color:var(--gold);font-size:.82rem;margin:3px 4px 3px 0}.toc{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.toc a{border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.03)}table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:14px}th,td{border-bottom:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}th{color:var(--gold);background:rgba(158,46,37,.18)}td{color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.gallery a{display:block;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:18px;padding:10px}.gallery img{width:100%;border-radius:12px;display:block}.caption{color:var(--muted);font-size:.9rem;margin-top:8px}.timeline{position:relative;display:grid;gap:14px}.phase{border-left:4px solid var(--gold);padding:16px 18px;background:rgba(255,255,255,.035);border-radius:14px}.phase h3{margin:0 0 6px}.footer{padding:32px 0;color:var(--muted);border-top:1px solid var(--line);font-size:.92rem}.callout{border-left:4px solid var(--red);padding:16px 18px;background:rgba(158,46,37,.15);border-radius:12px;color:var(--muted)}code{color:#ffe5a8;background:rgba(0,0,0,.25);padding:2px 6px;border-radius:6px}.subnav{margin-top:10px;color:var(--muted)}.btn{display:inline-block;margin-top:12px;background:linear-gradient(135deg,var(--red),var(--gold));color:#111;padding:10px 14px;border-radius:12px;font-weight:900}.mini{font-size:.92rem;color:var(--muted)}@media(max-width:820px){.hero-grid,.grid.three,.grid.two{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column;padding:12px 0}.links{padding-bottom:8px}.hero{padding-top:34px}}