:root { --navy:#071528; --navy-soft:#0c223d; --paper:#f4f0e7; --ink:#10213d; --signal:#ffb62e; --coral:#ff7657; --sky:#69c9d0; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.5; }
a { color:inherit; }
.site-header { position:absolute; z-index:10; inset:0 0 auto; min-height:78px; padding:0 clamp(22px,5vw,78px); display:flex; align-items:center; justify-content:space-between; gap:28px; color:#fff; border-bottom:1px solid rgba(255,255,255,.12); }
.brand { display:inline-flex; align-items:center; gap:12px; color:inherit; text-decoration:none; letter-spacing:.12em; }
.brand strong { color:var(--signal); }
.brand-mark { width:34px; height:34px; position:relative; display:inline-grid; place-items:center; transform:rotate(45deg); border:1px solid rgba(255,255,255,.55); }
.brand-mark::before,.brand-mark::after,.brand-mark i { content:""; position:absolute; background:var(--signal); border-radius:50%; }
.brand-mark::before { width:6px; height:6px; top:4px; left:4px; }
.brand-mark::after { width:4px; height:4px; right:5px; bottom:5px; }
.brand-mark i { width:12px; height:12px; }
nav { display:flex; align-items:center; gap:clamp(18px,3vw,38px); }
nav a { color:rgba(255,255,255,.76); text-decoration:none; font-size:.93rem; }
nav a:hover { color:#fff; }
.nav-action { padding:10px 17px; border:1px solid rgba(255,255,255,.38); border-radius:999px; }
.hero { position:relative; min-height:100svh; padding:128px clamp(24px,7vw,110px) 70px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr); align-items:center; gap:50px; overflow:hidden; color:#fff; background:radial-gradient(circle at 82% 24%,rgba(105,201,208,.14),transparent 24%),radial-gradient(circle at 18% 83%,rgba(255,182,46,.09),transparent 26%),linear-gradient(145deg,var(--navy),#0b1f39 56%,#092b43); }
.hero::after { content:""; position:absolute; inset:auto 0 0; height:130px; background:linear-gradient(transparent,rgba(0,0,0,.14)); pointer-events:none; }
.hero-copy { position:relative; z-index:3; max-width:760px; }
.overline,.section-kicker { margin:0 0 20px; color:var(--signal); font-size:.78rem; font-weight:800; letter-spacing:.19em; }
h1 { margin:0; font-size:clamp(3.4rem,7.4vw,7.7rem); line-height:.9; letter-spacing:-.065em; }
h1 em { color:var(--signal); font-family:Georgia,"Times New Roman",serif; font-weight:400; }
.hero-lead { max-width:680px; margin:32px 0; color:rgba(255,255,255,.75); font-size:clamp(1.05rem,2vw,1.3rem); }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; }
.button { min-height:52px; padding:0 24px; display:inline-flex; align-items:center; justify-content:center; border:1px solid transparent; border-radius:8px; font-weight:800; text-decoration:none; transition:transform .2s ease,background .2s ease,border-color .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:var(--navy); background:var(--signal); }
.button-primary:hover { background:#ffc657; }
.button-secondary { color:#fff; border-color:rgba(255,255,255,.4); }
.button-secondary:hover { border-color:#fff; }
.sirius-emblem { position:relative; width:min(42vw,560px); aspect-ratio:1; justify-self:center; }
.sirius-emblem::before { content:""; position:absolute; inset:10%; border-radius:50%; background:radial-gradient(circle,rgba(255,182,46,.15),transparent 63%); filter:blur(12px); }
.orbit { position:absolute; inset:13%; border:1px solid rgba(255,255,255,.24); border-radius:50%; }
.orbit-one { transform:rotate(-19deg) scaleY(.53); }
.orbit-two { transform:rotate(62deg) scaleY(.53); }
.core { position:absolute; inset:30%; display:grid; place-items:center; color:var(--navy); background:var(--signal); clip-path:polygon(50% 0,61% 34%,98% 36%,68% 57%,78% 94%,50% 72%,21% 94%,31% 57%,2% 36%,39% 34%); filter:drop-shadow(0 0 34px rgba(255,182,46,.38)); }
.core span { font-size:clamp(1.7rem,4vw,3.5rem); font-weight:900; letter-spacing:.12em; }
.constellation { position:absolute; inset:0; opacity:.5; }
.star { position:absolute; width:5px; height:5px; background:#fff; border-radius:50%; box-shadow:0 0 12px #fff; }
.star-a { left:9%; top:25%; }.star-b { left:19%; top:16%; }.star-c { right:12%; top:30%; }.star-d { right:20%; bottom:16%; }
.line { position:absolute; height:1px; transform-origin:0 50%; background:linear-gradient(90deg,rgba(255,255,255,.25),transparent); }
.line-a { width:180px; left:9%; top:25%; transform:rotate(-25deg); }.line-b { width:230px; right:10%; top:31%; transform:rotate(38deg); }.line-c { width:180px; right:18%; bottom:17%; transform:rotate(-65deg); }
.entry { padding:clamp(84px,10vw,150px) clamp(24px,7vw,110px); display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(50px,8vw,120px); align-items:center; }
.entry-heading h2 { margin:0; font-size:clamp(2.7rem,5vw,5.4rem); line-height:.98; letter-spacing:-.055em; }
.entry-heading>p:last-child { max-width:570px; margin-top:28px; color:#5d6a7d; font-size:1.08rem; }
.world-card { min-height:390px; padding:clamp(28px,5vw,56px); position:relative; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; color:#fff; background:var(--navy-soft); border-radius:30px; text-decoration:none; box-shadow:0 24px 70px rgba(16,33,61,.18); transition:transform .25s ease,box-shadow .25s ease; }
.world-card::before { content:""; position:absolute; width:330px; height:330px; right:-100px; top:-110px; border:1px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:0 0 0 55px rgba(105,201,208,.04),0 0 0 110px rgba(255,182,46,.025); }
.world-card:hover { transform:translateY(-5px); box-shadow:0 30px 80px rgba(16,33,61,.24); }
.world-number { color:rgba(255,255,255,.42); font-family:Georgia,serif; font-size:2.3rem; }
.world-copy { position:relative; z-index:1; }
.world-copy p { margin:0 0 10px; color:var(--signal); font-size:.75rem; font-weight:900; letter-spacing:.16em; }
.world-copy h3 { margin:0 0 12px; font-size:clamp(3rem,6vw,5.7rem); line-height:.9; letter-spacing:-.055em; }
.world-copy span { color:rgba(255,255,255,.65); }
.world-arrow { position:absolute; right:34px; bottom:30px; width:54px; height:54px; display:grid; place-items:center; color:var(--navy); background:var(--signal); border-radius:50%; font-size:1.6rem; }
.principle { padding:clamp(80px,10vw,145px) clamp(24px,7vw,110px); display:grid; grid-template-columns:.7fr 1.3fr; align-items:end; gap:60px; color:#fff; background:var(--coral); }
.principle p { max-width:310px; margin:0 0 10px; font-size:1.08rem; }
.principle blockquote { margin:0; font-family:Georgia,serif; font-size:clamp(3.2rem,7vw,7.2rem); line-height:.9; letter-spacing:-.06em; }
.principle strong { color:var(--navy); font-weight:400; }
footer { min-height:170px; padding:40px clamp(24px,7vw,110px); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:22px; color:rgba(255,255,255,.7); background:var(--navy); }
.footer-brand { justify-self:start; color:#fff; }
footer p { margin:0; text-align:center; }
footer>a:last-child { justify-self:end; color:var(--signal); font-weight:800; text-decoration:none; }
@media (max-width:900px) { .hero { min-height:auto; grid-template-columns:1fr; padding-top:150px; }.sirius-emblem { width:min(80vw,480px); }.entry,.principle { grid-template-columns:1fr; }footer { grid-template-columns:1fr; text-align:center; }.footer-brand,footer>a:last-child { justify-self:center; } }
@media (max-width:620px) { .site-header { min-height:68px; }nav>a:first-child { display:none; }.brand { font-size:.82rem; }.brand-mark { width:29px; height:29px; }.hero { padding-top:118px; }.hero-actions { align-items:stretch; flex-direction:column; }.sirius-emblem { width:88vw; }.world-card { min-height:350px; }.world-arrow { width:46px; height:46px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*::before,*::after { transition-duration:.01ms!important; } }