:root{color-scheme:dark;--ink:#f5f2e9;--muted:#bac8d6;--gold:#e7c77a;--cyan:#7bdce7;--line:#435b6a;font-family:system-ui,-apple-system,sans-serif;background:#081423;color:var(--ink);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 17%,#193451 0,transparent 40%),#081423}.site-header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1280px;margin:auto;padding:1rem max(5vw,env(safe-area-inset-left));border-bottom:1px solid #304456}.brand,.header-link{color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:.08em;font-size:.8rem}.brand span,.header-link span{color:var(--gold)}.header-link{color:var(--muted);letter-spacing:0;padding:.8rem}.hero{position:relative;min-height:610px;max-width:1280px;margin:auto;padding:6rem max(5vw,env(safe-area-inset-left)) 7rem;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;overflow:hidden}.eyebrow{font-size:.72rem;letter-spacing:.2em;font-weight:750;color:var(--cyan);line-height:1.6}.hero h1,.guide h2{font:normal clamp(3.4rem,7vw,6.5rem)/1.02 Georgia,serif;letter-spacing:-.04em;margin:1.2rem 0}.hero h1 em{font-style:normal;color:var(--gold)}.intro{font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.75;color:var(--muted);max-width:35rem}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:1rem;padding:.85rem 1.35rem;border:1px solid var(--line);border-radius:6px;text-decoration:none;font-weight:750;color:var(--ink)}.button.primary{color:#101c29;background:var(--gold);border-color:var(--gold)}.button.secondary{background:#10243a}.button:hover{filter:brightness(1.1)}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.hero-note{color:#98aebd;font-size:.84rem;margin-top:2rem}.hero-note span{color:var(--gold)}.hero-art{height:360px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #83c5cb55;border-radius:50%;width:330px;height:330px}.orbit-two{width:260px;height:260px;border-color:#e7c77a66}.sigil{width:190px;height:220px;border:1px solid var(--gold);background:linear-gradient(145deg,#203c52,#0b1d31);clip-path:polygon(50% 0,94% 24%,94% 75%,50% 100%,6% 75%,6% 24%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:var(--gold);box-shadow:0 0 70px #45b9cc33}.sigil b{font:4.5rem/1 Georgia,serif}.sigil small{font-size:.55rem;letter-spacing:.18em}.star{position:absolute;color:var(--gold)}.star-one{top:6%;left:20%}.star-two{right:10%;top:25%;font-size:2rem}.star-three{bottom:9%;left:25%}.discover{display:inline-flex;align-items:center;min-height:44px;padding-block:12px;position:absolute;bottom:2rem;left:max(5vw,env(safe-area-inset-left));color:#a6bdc9;text-decoration:none;font-size:.78rem;letter-spacing:.12em}.discover span{color:var(--gold);margin-left:.7rem}.guide{background:#0e1e30;border-top:1px solid #354857;padding:5.5rem max(5vw,env(safe-area-inset-left))}.guide-heading,.steps,.guide-end{max-width:1150px;margin:auto}.guide h2{font-size:clamp(2.7rem,5vw,4rem);margin:.5rem 0 1rem}.guide-heading>p:last-child,.guide-end p:last-child{color:var(--muted);line-height:1.7}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.5rem}.steps article{position:relative;border:1px solid #31485a;background:#14283c;padding:1.4rem;border-radius:8px;min-height:225px}.number{color:#8da3ad;font-size:.72rem;letter-spacing:.12em}.icon{display:block;color:var(--gold);font-size:1.8rem;margin:.8rem 0}.steps h3{font:1.3rem Georgia,serif;margin:.5rem 0}.steps p{color:var(--muted);font-size:.91rem;line-height:1.6}.guide-end{margin-top:4rem;padding:2rem;border:1px solid #54624f;background:#142d3b;display:flex;justify-content:space-between;align-items:center;gap:2rem}.guide-end h2{font-size:2.3rem}.extras{max-width:1150px;margin:2rem auto;padding:0 1rem;color:var(--muted)}.extras summary{cursor:pointer;padding:.8rem}.extras nav{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem}.extras a{color:var(--cyan)}footer{text-align:center;padding:2rem;color:#9ab0bf;font-size:.75rem;letter-spacing:.08em}footer span{color:var(--gold)}@media(max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr 1fr;gap:1rem}.hero-art{transform:scale(.8)}}@media(max-width:600px){.site-header{min-height:65px}.brand{font-size:.7rem}.hero{grid-template-columns:1fr;padding-top:3.5rem}.hero-art{height:240px;transform:scale(.65);margin:-2rem 0}.steps{grid-template-columns:1fr}.steps article{min-height:0}.guide{padding-top:4rem}.guide-end{display:block}.guide-end .actions{margin-top:1rem}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}