:root{
  --bg:#070b13;--bg2:#0b1220;--ink:#f4efe4;--muted:#9aa8bd;--gold:#c8ab72;
  --blue:#66c7f0;--violet:#8e6bd8;--line:rgba(180,200,225,.18);--panel:rgba(10,18,31,.72);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:url("assets/hero.webp") center/cover no-repeat;opacity:.12;z-index:-3}
body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 70% 15%,rgba(70,165,220,.12),transparent 35%),linear-gradient(#050812cc,#070b13f2);z-index:-2}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.13;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.nav{height:72px;position:fixed;top:0;left:0;right:0;z-index:15;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);background:linear-gradient(#060a12ed,#060a12aa,transparent);backdrop-filter:blur(8px)}
.brand{display:flex;gap:10px;align-items:center;font-family:Cinzel,Georgia,serif;font-weight:700;letter-spacing:.18em;color:var(--ink);text-decoration:none}.brand-mark{color:var(--gold)}
.nav nav{display:flex;gap:30px}.nav nav a{color:#dce4ef;text-decoration:none;font-size:12px;letter-spacing:.08em;opacity:.82}.nav nav a:hover{opacity:1;color:var(--blue)}
.lang{border:1px solid var(--line);background:#0e1725cc;color:var(--ink);border-radius:999px;padding:8px 11px;font-weight:700;cursor:pointer}
.hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;isolation:isolate}.hero-image{position:absolute;inset:0;background:url("assets/hero-v2.webp") 66% center/cover no-repeat;z-index:-3}.hero-gradient{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,7,13,.96) 0%,rgba(4,7,13,.75) 39%,rgba(4,7,13,.14) 72%),linear-gradient(0deg,#070b13 0%,transparent 36%,rgba(4,7,13,.25) 100%)}
.hero-content{width:min(1100px,92vw);margin:0 auto;padding:150px 0 95px}.eyebrow,.kicker{font-size:11px;letter-spacing:.22em;font-weight:700;color:var(--gold);text-transform:uppercase}.hero h1{font-family:Cinzel,Georgia,serif;font-size:clamp(48px,8vw,112px);line-height:.82;margin:18px 0 28px;letter-spacing:.02em;text-shadow:0 6px 35px #000}.hero h1 span{font-size:.45em;letter-spacing:.22em;color:#eee3ce}.hook{max-width:760px;font-family:Georgia,serif;font-size:clamp(19px,2.1vw,31px);line-height:1.45;color:#dce6f1}.hero-actions,.button-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:0 22px;border-radius:4px;border:1px solid transparent;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#c5a86d,#e4c88d);color:#0c1119;box-shadow:0 12px 30px #0007}.btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.ghost{border-color:#7891ad66;color:#e6eef6;background:#0c1420aa}.text-link{color:var(--blue);text-decoration:none;font-size:13px}
.status-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:36px;color:#9dacbe;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.status-row span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin-right:8px;box-shadow:0 0 10px var(--blue)}
.scroll{position:absolute;bottom:24px;right:5vw;color:#bac7d6;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.2em}.scroll span{display:block;width:42px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.section{width:min(1180px,92vw);margin:0 auto;padding:110px 0}.section-head{max-width:850px}.section h2,.final-cta h2{font-family:Cinzel,Georgia,serif;font-size:clamp(31px,4.4vw,62px);line-height:1.1;margin:12px 0 22px}.section-head>p:last-child{color:var(--muted);font-size:17px;line-height:1.7;max-width:760px}
.world-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;margin-top:50px}.copy{font-family:Georgia,serif;font-size:19px;line-height:1.85;color:#d7dfeb}.copy p+p{margin-top:24px}
.rune-orbit{width:min(390px,80vw);aspect-ratio:1;border:1px solid #b99f6e40;border-radius:50%;position:relative;margin:auto;box-shadow:inset 0 0 90px #39648816,0 0 70px #39648810}.rune-orbit:before,.rune-orbit:after{content:"";position:absolute;inset:13%;border:1px solid #66c7f026;border-radius:50%}.rune-orbit:after{inset:28%}.core{position:absolute;inset:42%;border-radius:50%;border:1px solid var(--gold);box-shadow:0 0 35px #c8ab7270}.rune-orbit span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(calc(var(--i)*40deg)) translateY(-178px) rotate(calc(var(--i)*-40deg));font-family:Georgia,serif;color:#d9c18c;font-size:25px;text-shadow:0 0 18px #e5c98580}
.pillars{padding-top:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-height:230px;padding:30px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,23,39,.75),rgba(7,12,21,.55));position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:auto -40% -55% 30%;height:180px;background:radial-gradient(circle,var(--blue),transparent 66%);opacity:.07}.card>span{font-size:10px;color:var(--gold);letter-spacing:.16em}.card h3{font-family:Cinzel,serif;letter-spacing:.12em;font-size:18px;margin:35px 0 16px}.card p{color:var(--muted);line-height:1.7;font-size:14px}
.listen{border-top:1px solid var(--line)}.tracks{margin-top:42px;border-top:1px solid var(--line)}.track{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:26px 10px;border-bottom:1px solid var(--line);align-items:center}.track-no{font-family:Cinzel,serif;color:var(--gold);font-size:22px}.track-info{display:grid;grid-template-columns:1fr 1fr minmax(260px,420px);align-items:center;gap:18px}.track-info strong{font-family:Cinzel,serif;letter-spacing:.06em}.track-info small{color:var(--muted)}audio{width:100%;height:36px;filter:invert(.87) hue-rotate(178deg) saturate(.5)}.track-status{justify-self:start;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#8fa3b9;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.read-panel{min-height:480px;border:1px solid var(--line);background:linear-gradient(120deg,#0c1422e8,#101d30b8);padding:clamp(30px,5vw,70px);display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;position:relative;overflow:hidden}.read-panel:after{content:"";position:absolute;right:-20%;top:-40%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#5dbbe62c,transparent 68%)}.read-panel p:not(.kicker){max-width:620px;color:#b9c6d6;line-height:1.75}.book-object{perspective:900px;display:grid;place-items:center;z-index:1}.book-cover{width:230px;height:340px;background:linear-gradient(140deg,#0a101a,#182943 58%,#08101c);border:1px solid #c3ad7c5c;box-shadow:-20px 26px 50px #000a,8px 0 0 #020509;transform:rotateY(-15deg) rotateX(3deg);padding:34px 22px;text-align:center;display:flex;flex-direction:column;justify-content:center}.book-cover b{font-family:Cinzel,serif;font-size:27px;letter-spacing:.12em}.book-cover em{font-family:Cinzel,serif;font-style:normal;font-size:9px;letter-spacing:.24em;color:#dbc99f;margin-top:5px}.book-cover small{margin-top:80px;color:#8396ac;font-size:8px;letter-spacing:.16em}.mini-rune{font-size:38px;color:var(--gold);margin-bottom:28px}