:root{
  --bg:#041126;
  --bg2:#071a36;
  --bg3:#0a2852;
  --panel:rgba(6,24,52,.82);
  --panel-2:rgba(4,17,39,.92);
  --line:rgba(255,255,255,.095);
  --line-strong:rgba(255,255,255,.14);
  --text:#f7f9fc;
  --muted:#a8b7ca;
  --muted2:#7d90a8;
  --gold:#ffc75e;
  --orange:#ff7a2b;
  --blue:#4d8dff;
  --green:#55e7b1;
  --shadow:0 28px 78px rgba(0,5,18,.24);
}
*{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  background:var(--bg);
  color-scheme:dark;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  margin:0;
  min-width:0;
  overflow-x:hidden;
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(circle at 86% 7%,rgba(255,171,70,.07),transparent 27%),
    radial-gradient(circle at 10% 52%,rgba(52,126,255,.07),transparent 29%),
    linear-gradient(180deg,var(--bg) 0%,#071b39 45%,var(--bg) 100%);
}
body.locked{overflow:hidden}
a{color:inherit}
button,input,textarea,select{font:inherit}
button{color:inherit}
img,video,svg,canvas,iframe{max-width:100%}
.site-bg{
  position:fixed;
  inset:0;
  z-index:-30;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 17%,rgba(255,192,88,.055),transparent 24%),
    radial-gradient(circle at 16% 70%,rgba(60,132,255,.055),transparent 28%),
    linear-gradient(180deg,#041126,#071a36 48%,#041126);
}
.site-bg .page-media{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:blur(var(--page-blur,0px));
  transform:scale(1.02);
}
.site-bg .page-dim{
  position:absolute;
  inset:0;
  background:rgba(2,11,27,var(--page-dim,.56));
}

/* Intro */
.intro{
  position:relative;
  min-height:100svh;
  overflow:hidden;
  isolation:isolate;
  background:#020a1b;
}
.city-world{
  position:absolute;
  inset:-4%;
  z-index:-4;
  overflow:hidden;
  transform:scale(1.075);
  animation:cameraPush 14s cubic-bezier(.2,.75,.2,1) forwards;
}
.city-sky{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 76% 38%,rgba(255,229,166,.98) 0 1.2%,rgba(255,160,72,.28) 6%,transparent 18%),
    radial-gradient(circle at 54% 14%,rgba(60,126,255,.17),transparent 24%),
    linear-gradient(180deg,#020817 0%,#061a3c 31%,#173d76 53%,#9c5668 73%,#ef965c 100%);
}
.city-sky:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(110deg,rgba(1,7,20,.58),transparent 46%,rgba(255,177,88,.055)),
    linear-gradient(180deg,rgba(1,7,20,.13),transparent 52%,rgba(1,7,20,.46));
}
.city-stars{position:absolute;inset:0;z-index:1}
.city-star{
  position:absolute;
  width:2px;height:2px;border-radius:50%;
  background:#fff;
  opacity:var(--o,.5);
  box-shadow:0 0 8px rgba(194,218,255,.7);
  animation:twinkle var(--t,3.2s) ease-in-out var(--d,0s) infinite;
}
.city-star.hot{
  width:3px;height:3px;background:#ffe4a0;
  box-shadow:0 0 12px rgba(255,196,89,.8);
}
.city-rays{
  position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:screen;
}
.city-rays i{
  position:absolute;top:-14%;height:80%;width:11%;
  transform:rotate(14deg);
  transform-origin:top center;
  background:linear-gradient(180deg,transparent,rgba(208,225,255,.12) 36%,rgba(255,216,145,.11) 70%,transparent);
  filter:blur(9px);
  animation:rayFloat 8s ease-in-out infinite alternate;
}
.city-rays i:nth-child(1){left:17%;width:8%;animation-delay:-2s}
.city-rays i:nth-child(2){left:43%;width:14%;opacity:.45;animation-delay:-5s}
.city-rays i:nth-child(3){left:65%;width:10%;animation-delay:-1s}
.city-rays i:nth-child(4){left:82%;width:7%;opacity:.35;animation-delay:-6s}
.cloud{
  position:absolute;
  z-index:3;
  width:clamp(340px,43vw,720px);
  height:150px;
  opacity:.48;
  filter:blur(.3px) drop-shadow(0 22px 36px rgba(2,9,27,.2));
  animation:cloudMove var(--dur) linear infinite;
}
.cloud:before,.cloud:after,.cloud i,.cloud b{
  content:"";position:absolute;border-radius:999px;
  background:linear-gradient(180deg,rgba(239,246,255,.78),rgba(183,201,230,.27) 53%,rgba(137,114,151,.16));
  box-shadow:inset 0 -20px 32px rgba(25,45,91,.08);
}
.cloud:before{left:0;bottom:0;width:86%;height:44%}
.cloud:after{left:17%;bottom:12%;width:47%;height:86%}
.cloud i{left:46%;bottom:10%;width:39%;height:74%}
.cloud b{left:68%;bottom:2%;width:31%;height:49%}
.cloud-a{left:-35%;top:10%;--dur:62s}
.cloud-b{left:22%;top:22%;transform:scale(.72);opacity:.31;--dur:80s;animation-delay:-29s}
.cloud-c{left:61%;top:34%;transform:scale(.92);opacity:.23;--dur:88s;animation-delay:-53s}
.mountains{
  position:absolute;left:-5%;right:-5%;
  clip-path:polygon(0 72%,7% 49%,14% 63%,21% 38%,27% 57%,35% 25%,44% 59%,52% 40%,61% 65%,70% 32%,78% 55%,87% 28%,95% 57%,100% 43%,100% 100%,0 100%);
}
.mountains-back{
  bottom:36%;height:26%;z-index:4;
  background:linear-gradient(180deg,rgba(42,74,123,.19),rgba(7,24,54,.72));
  filter:blur(1px);
}
.mountains-front{
  bottom:30%;height:23%;z-index:5;
  background:linear-gradient(180deg,rgba(13,40,76,.38),rgba(3,15,36,.96));
}
.city{position:absolute;left:0;right:0;bottom:14%;height:46%;z-index:6}
.city span{
  position:absolute;bottom:0;left:var(--x);width:var(--w);height:var(--h);
  border-radius:4px 4px 0 0;
  overflow:hidden;
  background:
    repeating-linear-gradient(90deg,transparent 0 13px,rgba(255,255,255,.018) 13px 14px),
    linear-gradient(180deg,#102a4e,#06162d 74%);
  border-top:1px solid rgba(146,190,255,.07);
  box-shadow:inset -12px 0 22px rgba(0,0,0,.14);
}
.city span:before{
  content:"";position:absolute;inset:8% 11%;
  background-image:radial-gradient(circle,rgba(255,207,102,.95) 0 1.1px,transparent 1.7px);
  background-size:18px 16px;
  opacity:.48;
  animation:windows 3.2s ease-in-out var(--d) infinite alternate;
}
.city span:after{
  content:"";position:absolute;left:50%;top:-16px;width:2px;height:16px;
  background:linear-gradient(#ffda83,#614e34);
  box-shadow:0 -2px 8px rgba(255,190,69,.5);
}
.city-back{opacity:.55;filter:blur(.3px);transform:translateY(-8%) scale(.94);transform-origin:50% 100%}
.city-front{bottom:8%;height:40%;z-index:8}
.city-front span{
  background:
    repeating-linear-gradient(90deg,transparent 0 15px,rgba(255,255,255,.023) 15px 16px),
    linear-gradient(180deg,#0d294e,#041126 76%);
}
.city-front span:before{background-size:20px 17px;opacity:.68}
.horizon-glow{
  position:absolute;z-index:7;left:17%;right:3%;bottom:17%;height:24%;
  background:
    radial-gradient(ellipse at 71% 57%,rgba(255,197,101,.2),transparent 38%),
    linear-gradient(180deg,transparent,rgba(255,149,51,.075));
  filter:blur(10px);
}
.road{
  position:absolute;z-index:9;left:15%;right:-14%;bottom:-10%;height:45%;
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(255,207,118,.58) 49.9% 50.1%,transparent 50.2%),
    linear-gradient(180deg,#142944,#020817);
  clip-path:polygon(42% 0,56% 0,100% 100%,0 100%);
}
.road span{
  position:absolute;left:50%;top:7%;width:2px;height:92%;
  transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(255,220,152,.18),rgba(255,198,91,.65),transparent);
}
.lamp{
  position:absolute;z-index:10;bottom:10%;width:4px;border-radius:99px;background:#020815;
}
.lamp:before{
  content:"";position:absolute;width:18px;height:12px;left:-7px;top:-8px;border-radius:8px;
  background:#ffe0a0;
  box-shadow:0 0 18px rgba(255,202,108,.92),0 0 45px rgba(255,145,51,.48),0 0 92px rgba(255,135,34,.16);
}
.lamp:after{
  content:"";position:absolute;left:-34px;top:-42px;width:72px;height:72px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,188,85,.22),transparent 68%);
  filter:blur(4px);
}
.lamp-a{left:13%;height:29%}.lamp-b{left:33%;height:21%;opacity:.72}.lamp-c{right:15%;height:31%}
.city-sparkles{position:absolute;inset:0;z-index:12;pointer-events:none}
.city-spark{
  position:absolute;width:3px;height:3px;border-radius:50%;
  background:#ffd071;box-shadow:0 0 10px rgba(255,176,61,.75);
  animation:spark var(--dur) ease-in-out var(--delay) infinite;
}
.intro:after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:170px;z-index:15;pointer-events:none;
  background:linear-gradient(180deg,transparent,#041126 92%);
}
.intro-nav{
  position:absolute;z-index:30;left:clamp(18px,4vw,62px);right:clamp(18px,4vw,62px);top:20px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.brand-lockup{
  display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;
}
.brand-lockup img{
  width:46px;height:46px;border-radius:14px;object-fit:cover;background:#fff;
  box-shadow:0 12px 34px rgba(0,0,0,.2);
}
.brand-lockup b{display:block;font-size:21px;line-height:1;letter-spacing:-.04em}
.brand-lockup small{display:block;margin-top:4px;color:#9fb0c6;font-size:7px;font-weight:900;letter-spacing:.14em}
.member-mini{
  min-height:44px;padding:0 15px;border-radius:999px;cursor:pointer;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(4,17,39,.58);backdrop-filter:blur(14px);
  color:#fff;font-size:11px;font-weight:900;
}
.intro-content{
  position:relative;z-index:20;
  width:min(1180px,100%);min-height:100svh;margin:auto;
  display:flex;align-items:center;
  padding:112px clamp(16px,5vw,72px) 100px;
}
.intro-panel{
  position:relative;isolation:isolate;
  width:min(690px,70vw);
  overflow:hidden;
  padding:clamp(27px,4vw,44px);
  border-radius:31px;
  border:1px solid rgba(255,255,255,.13);
  background:
    radial-gradient(circle at 100% 0%,rgba(255,190,82,.06),transparent 27%),
    linear-gradient(145deg,rgba(4,19,45,.85),rgba(4,18,40,.68));
  box-shadow:0 36px 90px rgba(0,4,17,.34),inset 0 1px rgba(255,255,255,.045);
  backdrop-filter:blur(18px) saturate(1.04);
}
.intro-panel:before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(2,10,26,.78),rgba(2,10,26,.42) 66%,rgba(2,10,26,.2));
  pointer-events:none;
}
.zone-bg{
  position:absolute;inset:0;z-index:-3;pointer-events:none;
  overflow:hidden;border-radius:inherit;
}
.zone-bg img,.zone-bg video{
  width:100%;height:100%;object-fit:cover;display:block;
}
.zone-bg:after{
  content:"";position:absolute;inset:0;background:rgba(2,11,27,var(--zone-dim,.62));
}
.eyebrow,.section-kicker,.mini-kicker{
  color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.15em;
}
.intro-panel h1{
  margin:16px 0 18px;
  max-width:640px;
  font-size:clamp(62px,8vw,112px);
  line-height:.86;letter-spacing:-.06em;font-weight:950;
}
.intro-panel h1 span{
  display:block;margin-top:6px;
  background:linear-gradient(104deg,#fff0a8 0%,#ffd266 44%,#ff8a2f 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.intro-panel p{
  max-width:610px;margin:0;color:#d8e2ed;
  font-size:clamp(16px,1.6vw,20px);line-height:1.58;
}
.intro-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.btn{
  min-height:55px;padding:0 20px;border-radius:17px;border:0;
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  text-decoration:none;font-size:14px;font-weight:950;cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.btn:active{transform:scale(.985)}
.btn-primary{
  color:#071329;
  background:linear-gradient(110deg,#ffd266,#ff7a2b);
  box-shadow:0 17px 36px rgba(255,124,38,.19),inset 0 1px rgba(255,255,255,.4);
}
.btn-secondary{
  color:#fff;background:rgba(7,27,58,.76);border:1px solid rgba(255,255,255,.13);
}
.btn-wide{width:100%;margin-top:18px}
.scroll-cue{
  position:absolute;right:clamp(18px,4vw,50px);bottom:25px;z-index:22;
  display:flex;align-items:center;gap:9px;writing-mode:vertical-rl;
  color:#becadb;text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.17em;
}
.scroll-cue i{width:1px;height:42px;background:linear-gradient(var(--gold),transparent)}

/* Modal */
.paid-modal{
  position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:18px;
}
.paid-modal.open{display:flex}
.paid-backdrop{position:absolute;inset:0;background:rgba(0,6,18,.78);backdrop-filter:blur(11px)}
.paid-card{
  position:relative;z-index:2;width:min(470px,100%);padding:29px;border-radius:27px;
  background:radial-gradient(circle at 100% 0%,rgba(255,164,56,.1),transparent 29%),linear-gradient(145deg,#0a2349,#041126);
  border:1px solid rgba(255,255,255,.14);box-shadow:0 35px 100px rgba(0,0,0,.48);
}
.paid-card h2{margin:10px 0 8px;font-size:34px;line-height:1;letter-spacing:-.045em}
.paid-card p{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.55}
.paid-card label{display:block;margin-bottom:7px;color:#d7e1ec;font-size:11px;font-weight:850}
.paid-card input{
  width:100%;height:54px;border-radius:15px;padding:0 15px;outline:none;
  border:1px solid rgba(255,255,255,.13);background:rgba(0,8,24,.56);color:#fff;
  font-weight:800;letter-spacing:.02em;
}
.paid-card input:focus{border-color:rgba(255,192,81,.55);box-shadow:0 0 0 4px rgba(255,174,59,.07)}
.paid-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:9px;margin-top:12px}
.paid-close{
  position:absolute;right:14px;top:14px;width:39px;height:39px;border-radius:13px;cursor:pointer;
  border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);color:#fff;font-size:23px;
}
#paidError{display:block;min-height:16px;margin-top:10px;color:#ffb398;font-size:11px}

/* Main unified framework */
main{
  position:relative;z-index:5;
  width:min(100%,900px);margin:-24px auto 0;
  padding:0 12px 74px;
}
.story-card{
  position:relative;isolation:isolate;overflow:hidden;
  margin:0 0 14px;
  padding:clamp(31px,5vw,48px);
  border:1px solid var(--line);
  border-radius:28px;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,184,72,.05),transparent 27%),
    radial-gradient(circle at 0% 100%,rgba(55,126,244,.05),transparent 30%),
    linear-gradient(145deg,rgba(8,31,66,.86),rgba(4,18,42,.82));
  box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.03);
  backdrop-filter:blur(16px) saturate(1.02);
}
.story-card .zone-bg{z-index:-3}
.story-card:has(.zone-bg):before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(145deg,rgba(3,15,35,.44),rgba(3,15,35,.64));
}
.story-card h1,.story-card h2,.story-card h3,.story-card p{position:relative;z-index:1}
.story-card h2{
  max-width:780px;margin:12px 0 16px;
  color:var(--text);font-size:clamp(31px,7vw,46px);line-height:1.01;letter-spacing:-.045em;font-weight:950;
}
.story-card h3{
  color:var(--text);font-size:clamp(26px,5.5vw,36px);line-height:1.04;letter-spacing:-.04em;font-weight:950;
}
.section-kicker{margin-bottom:8px}
.lead{
  max-width:790px;margin:0 0 16px;color:var(--muted);
  font-size:clamp(15px,3.8vw,18px);line-height:1.62;font-weight:500;
}
.lead b{color:#dbe4ee}
.punch{
  max-width:790px;margin:20px 0;color:#fff;
  font-size:clamp(23px,5.4vw,31px);line-height:1.12;letter-spacing:-.03em;font-weight:950;
}
.punch span{color:var(--gold)}
.quote{
  max-width:750px;margin:19px 0;color:#fff;
  font-size:clamp(25px,5.9vw,35px);line-height:1.08;letter-spacing:-.04em;font-weight:950;
}
.subhead{margin:23px 0 10px!important}
.soft-block,.truth-block,.price-card{
  position:relative;overflow:hidden;margin:23px 0;padding:22px 20px;border-radius:21px;
  border:1px solid rgba(255,255,255,.085);
  background:linear-gradient(145deg,rgba(3,15,35,.91),rgba(8,29,61,.87));
}
.soft-block h3,.truth-block h3{margin:8px 0 10px}
.soft-block p,.truth-block p,.price-card p{margin:0;color:#aab9cc;font-size:14px;line-height:1.58}
.hero-brand{
  display:flex;align-items:center;gap:10px;color:#fff;font-size:19px;font-weight:950;
}
.hero-brand img{width:43px;height:43px;border-radius:13px;object-fit:cover;background:#fff}
.hello-row{
  display:flex;align-items:center;gap:10px;flex-wrap:nowrap;margin:18px 0 20px;
}
.hello-row h1{
  margin:0;font-size:clamp(52px,11vw,82px);line-height:.91;letter-spacing:-.055em;font-weight:950;
}
.hello-row h1 span{
  background:linear-gradient(105deg,#fff0a8,#ffd164 46%,#ff842d);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.wave{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:clamp(58px,12vw,82px);height:clamp(58px,12vw,82px);
  font-size:clamp(50px,10vw,70px);line-height:1;
  transform-origin:62% 78%;animation:wave 2.65s ease-in-out infinite;
  filter:drop-shadow(0 8px 17px rgba(0,0,0,.14));
}
.story-list{display:grid;gap:0;margin:22px 0}
.story-list>div{
  padding:16px 0;border-bottom:1px solid rgba(255,255,255,.075);
}
.story-list>div:first-child{border-top:1px solid rgba(255,255,255,.075)}
.story-list b{display:block;color:#fff;font-size:16px}
.story-list span{display:block;margin-top:5px;color:#93a6bd;font-size:13px;line-height:1.5}

/* Media */
.media{
  margin:24px 0 0;overflow:hidden;border-radius:22px;
  border:1px solid rgba(255,255,255,.09);background:#020916;
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.media-slot{
  min-height:260px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,#09234a,#041126);
}
.media-slot.tall{min-height:430px}
.media-placeholder{padding:24px;color:#667a95;font-size:12px;text-align:center}
.media-slot.has-media{display:flex;align-items:center;justify-content:center;min-height:0;padding:0;position:relative;background:#020916}
.media-slot.has-media img,.media-slot.has-media video{display:block;max-width:100%;background:#020916}
.media-slot.has-media .is-landscape{width:100%;height:auto;object-fit:contain}
.media-slot.has-media .is-square{width:min(100%,560px);height:auto;object-fit:contain;margin:auto}
.media-slot.has-media .is-portrait{width:min(100%,430px);height:auto;max-height:72vh;object-fit:contain;margin:auto}
.sound-toggle{
  position:absolute;right:11px;bottom:11px;z-index:5;padding:9px 11px;border:0;border-radius:999px;cursor:pointer;
  background:rgba(3,12,28,.82);color:#fff;font-size:11px;font-weight:850;backdrop-filter:blur(10px);
}
.caption{
  padding:12px 14px;border-top:1px solid rgba(255,255,255,.07);
  background:rgba(4,17,38,.95);color:#91a4bc;font-size:11px;line-height:1.5;
}
.caption[hidden]{display:none!important}
.text-link{
  display:inline-flex;margin-top:16px;color:var(--gold);text-decoration:none;font-size:14px;font-weight:900;
}

/* Pricing */
.price-card{
  text-align:center;padding:clamp(28px,5vw,42px);
  background:
    radial-gradient(circle at 84% 12%,rgba(255,189,78,.11),transparent 28%),
    linear-gradient(145deg,rgba(8,34,72,.94),rgba(3,16,39,.94));
}
.price{
  font-size:clamp(64px,16vw,96px);line-height:.84;letter-spacing:-.07em;font-weight:950;
  background:linear-gradient(108deg,#fff0a8 0%,#ffd164 43%,#ff8a2e 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.price-card h3{margin:17px 0 8px}
.cta-meta{
  display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);
}
.cta-meta b{font-size:28px;color:var(--gold);letter-spacing:-.04em}
.cta-meta span{color:#8fa2ba;font-size:12px}

/* Contact */
.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;align-items:flex-start}
.contact-item{position:relative}
.contact-button{
  width:56px;height:56px;padding:0;border-radius:17px;cursor:pointer;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.11);
  background:linear-gradient(145deg,rgba(10,35,72,.86),rgba(4,18,42,.92));
  box-shadow:0 14px 32px rgba(0,5,18,.18);
}
.contact-button svg{
  width:25px;height:25px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.contact-button[aria-expanded="true"]{border-color:rgba(255,198,94,.34)}
.contact-reveal{
  display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;
  transition:grid-template-rows .22s ease,opacity .18s ease,margin .22s ease;
}
.contact-reveal.open{grid-template-rows:1fr;opacity:1;margin-top:8px}
.contact-reveal>a{
  overflow:hidden;display:flex;align-items:center;gap:7px;
  min-height:42px;max-width:min(82vw,350px);padding:10px 12px;border-radius:13px;
  color:#fff;text-decoration:none;background:rgba(7,29,62,.92);border:1px solid rgba(255,255,255,.09);
  font-size:13px;font-weight:850;
}
.contact-reveal small{color:var(--gold);font-size:8px;font-weight:900;letter-spacing:.1em}

/* FAQ */
.faq-card details{
  border:1px solid rgba(255,255,255,.08);border-radius:16px;margin:9px 0;
  background:rgba(7,29,62,.56);
}
.faq-card summary{
  list-style:none;padding:16px 17px;cursor:pointer;color:#fff;font-size:16px;font-weight:900;
}
.faq-card summary::-webkit-details-marker{display:none}
.faq-card summary:before{content:"+";display:inline-block;width:22px;color:var(--gold)}
.faq-card details[open] summary:before{content:"−"}
.faq-card details p{padding:0 17px 16px 39px;margin:0;color:#9fb0c5;font-size:13px;line-height:1.55}

/* Footer */
footer{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:36px 12px 12px;color:#8193aa;
}
footer img{width:42px;height:42px;border-radius:13px;object-fit:cover;background:#fff;margin-bottom:10px}
footer b{color:#fff;font-size:18px}
footer span{margin-top:4px;font-size:11px}
footer small{margin-top:12px;font-size:10px;color:#5f728b}

/* Reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}

/* Animations */
@keyframes cameraPush{
  0%{transform:scale(1.13) translate3d(1.8%,1.2%,0)}
  48%{transform:scale(1.075) translate3d(.4%,.2%,0)}
  100%{transform:scale(1.035) translate3d(0,0,0)}
}
@keyframes cloudMove{from{translate:-40vw 0}to{translate:115vw 0}}
@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:var(--o,.6);transform:scale(1.35)}}
@keyframes rayFloat{from{opacity:.18;translate:-16px 0}to{opacity:.55;translate:22px 0}}
@keyframes windows{from{opacity:.28}to{opacity:.8}}
@keyframes spark{0%,100%{opacity:0;transform:translateY(18px) scale(.5)}25%{opacity:.85}85%{opacity:0;transform:translateY(-90px) scale(1.15)}}
@keyframes wave{
  0%,100%{transform:rotate(0)}
  12%{transform:rotate(18deg)}
  24%{transform:rotate(-9deg)}
  36%{transform:rotate(15deg)}
  48%{transform:rotate(-6deg)}
  60%{transform:rotate(8deg)}
  72%,100%{transform:rotate(0)}
}

/* Mobile */
@media(max-width:760px){
  .intro{min-height:100svh}
  .intro-nav{top:16px;left:15px;right:15px}
  .brand-lockup img{width:43px;height:43px}
  .brand-lockup small{display:none}
  .member-mini{display:none}
  .intro-content{
    min-height:100svh;align-items:flex-end;
    padding:92px 9px 88px;
  }
  .intro-panel{
    width:100%;padding:24px 20px 23px;border-radius:26px;
  }
  .intro-panel h1{
    font-size:clamp(52px,14vw,69px);line-height:.88;letter-spacing:-.052em;
  }
  .intro-panel p{font-size:16px;line-height:1.57}
  .intro-actions{display:grid;grid-template-columns:1fr;width:100%}
  .intro-actions .btn{width:100%}
  .scroll-cue{display:none}
  .city{bottom:18%;height:35%}
  .city-front{bottom:12%;height:31%}
  .road{left:-16%;right:-18%;height:37%}
  .mountains-back{bottom:39%}
  .mountains-front{bottom:34%}
  .city-rays i{height:63%}

  main{width:100%;max-width:none;margin:-22px auto 0;padding:0 7px 56px}
  .story-card{margin-bottom:10px;padding:27px 17px;border-radius:22px}
  .story-card h2{font-size:clamp(31px,8.7vw,39px)}
  .story-card h3{font-size:clamp(26px,7vw,34px)}
  .lead{font-size:15.5px;line-height:1.62}
  .punch{font-size:clamp(22px,6.2vw,27px)}
  .hello-row{gap:8px}
  .hello-row h1{font-size:clamp(49px,13.5vw,63px)}
  .wave{width:58px;height:58px;font-size:51px}
  .media-slot.has-media .is-portrait{width:min(100%,390px);max-height:70vh}
  .paid-actions{grid-template-columns:1fr}
}
@media(max-width:390px){
  .intro-panel h1{font-size:50px}
  .story-card{padding:25px 15px}
  .hello-row h1{font-size:48px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .city-world,.cloud,.city-star,.city-rays i,.city span:before,.city-spark,.wave{animation:none!important}
  .reveal{opacity:1;transform:none}
}