:root{
  --black:#020100;
  --brown:#170b04;
  --gold:#c88d3d;
  --gold2:#825019;
  --champagne:#f0d49a;
  --cream:#f3eadc;
  --muted:#c6b292;
  --line:rgba(200,141,61,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:#020100;
  color:var(--cream);
  font-family:"Segoe UI",Arial,sans-serif;
  overflow-x:hidden;
}
.space{position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 75% 18%,rgba(200,141,61,.16),transparent 24%),linear-gradient(135deg,#020100,#090402 50%,#000)}
.stars{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(240,212,154,.55) 0 1px,transparent 1.8px);opacity:.24}
.stars-a{background-size:170px 130px;animation:twinkle 8s ease-in-out infinite alternate}
.stars-b{background-size:270px 210px;background-position:80px 50px;opacity:.14;animation:twinkle 13s ease-in-out infinite alternate-reverse}
@keyframes twinkle{from{opacity:.12}to{opacity:.36}}
.sun{position:absolute;right:15vw;top:13vh;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,#ffe7ad,rgba(200,141,61,.45) 28%,transparent 68%);filter:blur(9px);animation:pulse 6s ease-in-out infinite alternate}
@keyframes pulse{from{opacity:.55;transform:scale(.96)}to{opacity:.9;transform:scale(1.04)}}
.earth{position:absolute;right:-8vw;top:15vh;width:min(58vw,760px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 69% 30%,rgba(255,223,150,.62),transparent 9%),radial-gradient(circle at 60% 41%,rgba(200,141,61,.32),transparent 27%),radial-gradient(circle at 45% 55%,#0a0503,#010000 70%);box-shadow:inset -80px -35px 130px #000,0 0 100px rgba(200,141,61,.22);animation:earth 18s ease-in-out infinite alternate}
@keyframes earth{from{transform:scale(1)}to{transform:scale(1.025)}}
.earth-texture,.city-lights,.atmosphere{position:absolute;inset:0;border-radius:50%}
.earth-texture{background:radial-gradient(ellipse at 40% 46%,rgba(40,80,90,.22),transparent 30%),radial-gradient(ellipse at 58% 55%,rgba(70,40,18,.28),transparent 32%),radial-gradient(ellipse at 55% 30%,rgba(45,75,95,.20),transparent 26%);mix-blend-mode:screen}
.city-lights{background-image:radial-gradient(circle,rgba(240,212,154,.85) 0 1px,transparent 2px);background-size:20px 18px;mask-image:radial-gradient(circle at 61% 42%,#000 0 38%,transparent 70%);animation:city 5s ease-in-out infinite alternate}
@keyframes city{from{opacity:.52}to{opacity:.88}}
.atmosphere{box-shadow:inset 16px 0 32px rgba(106,165,205,.20),0 0 38px rgba(106,165,205,.14)}
.orbit{position:absolute;right:-11vw;top:46vh;border:1px solid rgba(200,141,61,.31);border-radius:50%;transform:rotate(-18deg);opacity:.75}
.orbit-1{width:78vw;height:15vw}
.orbit-2{width:86vw;height:21vw;transform:rotate(14deg);opacity:.55}
.orbit-3{width:68vw;height:10vw;transform:rotate(-34deg);opacity:.42}
.header{position:fixed;z-index:10;top:0;left:0;right:0;height:96px;padding:0 54px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(2,1,0,.78),rgba(2,1,0,.12));backdrop-filter:blur(8px)}
.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--cream)}
.symbol{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;color:#080300;font-size:42px;font-weight:900;background:radial-gradient(circle at 32% 25%,#fff0bf,#c99142 43%,#6b3a12 77%,#f7d99a);box-shadow:0 0 34px rgba(200,141,61,.34)}
.word strong{display:block;font-family:Georgia,serif;font-size:30px;letter-spacing:13px;color:var(--champagne);font-weight:400}.word em{display:block;font-style:normal;font-size:10px;letter-spacing:4px;color:var(--gold);margin-top:6px}
nav{display:flex;gap:34px}nav a{position:relative;color:var(--cream);text-decoration:none;text-transform:uppercase;font-size:13px;letter-spacing:1.4px;font-weight:700;opacity:.9;transition:.25s}nav a:after{content:"";position:absolute;left:50%;bottom:-14px;width:0;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--gold),transparent);transition:.25s}nav a:hover{color:var(--champagne);text-shadow:0 0 15px rgba(200,141,61,.45)}nav a:hover:after{width:100%}
.hero{position:relative;min-height:100vh;padding:150px 54px 50px}
.hero-copy{max-width:720px}.kicker,.label{color:var(--gold);text-transform:uppercase;letter-spacing:4px;font-weight:900}
h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(54px,5vw,92px);line-height:1.02;margin:22px 0 28px;max-width:900px}.lead,.section p{font-size:22px;line-height:1.68;color:var(--muted)}
.signature{margin-top:30px;padding:24px 30px;border-left:2px solid var(--gold);background:linear-gradient(90deg,rgba(200,141,61,.14),transparent)}
.signature span{display:block;color:var(--muted);font-size:20px}.signature strong{display:block;color:var(--champagne);font-size:34px;margin-top:7px}
.actions{display:flex;gap:20px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;height:58px;padding:0 28px;text-decoration:none;text-transform:uppercase;letter-spacing:1.1px;font-size:13px;font-weight:900;border-radius:3px;transition:.25s}.btn:hover{transform:translateY(-2px)}.primary{color:#050200;background:linear-gradient(135deg,#fee4a8,#c58a3a 58%,#784715);box-shadow:0 0 34px rgba(200,141,61,.22)}.ghost{border:1px solid rgba(200,141,61,.55);color:var(--champagne);background:rgba(0,0,0,.32)}
.brand-strip{position:relative;margin-top:110px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1320px}
.brand-strip article,.cards article{padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(22,10,4,.78),rgba(2,1,0,.58));backdrop-filter:blur(10px)}
.brand-strip small{color:var(--gold);letter-spacing:3px;font-weight:900}.brand-strip h3,.cards strong{display:block;color:var(--champagne);font-size:21px;margin:18px 0 10px}.brand-strip p,.cards span{color:var(--muted);line-height:1.58}
.section{margin:0 54px 58px;padding:66px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.006));backdrop-filter:blur(8px)}
.section h2{font-family:Georgia,serif;font-weight:400;font-size:48px;line-height:1.13;margin:14px 0 22px;max-width:1000px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
footer{padding:48px 54px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}footer strong{color:var(--champagne);letter-spacing:13px;font-size:28px}
@media(max-width:1050px){.header{position:relative;height:auto;padding:20px;flex-wrap:wrap}nav{width:100%;overflow-x:auto}.earth{opacity:.42;width:105vw;right:-52vw}.hero{padding:70px 24px}.brand-strip,.split,.cards{grid-template-columns:1fr}.section{margin:0 24px 36px;padding:34px}footer{flex-direction:column;gap:16px}}