:root{
  --bg:#050505;
  --bg2:#090806;
  --panel:rgba(20,17,10,.72);
  --line:rgba(230,177,74,.28);
  --gold:#e2b04f;
  --gold2:#ffd77e;
  --gold3:#8f6425;
  --text:#f7f4ee;
  --muted:#a8a39b;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 75% 0%,rgba(140,84,12,.15),transparent 34%),
    linear-gradient(180deg,#020202 0%,#070604 55%,#020202 100%);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
::selection{background:var(--gold);color:#070707}

.page-noise{
  position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");
}
.cursor-glow{
  position:fixed;width:460px;height:460px;border-radius:50%;
  pointer-events:none;z-index:0;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,197,77,.085),rgba(255,197,77,0) 66%);
  opacity:0;transition:opacity .3s ease;
}
.topbar{
  position:fixed;top:0;left:0;right:0;z-index:50;
  height:86px;display:flex;align-items:center;gap:34px;
  padding:0 max(22px,calc((100vw - var(--max))/2));
  border-bottom:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg,rgba(3,3,3,.92),rgba(3,3,3,.62));
  backdrop-filter:blur(20px);
}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto}
.brand img{width:49px;height:49px;border-radius:50%;object-fit:cover;box-shadow:0 0 28px rgba(225,171,63,.18)}
.brand strong{display:block;font-family:Montserrat,sans-serif;letter-spacing:.18em;font-size:.82rem;color:var(--gold2)}
.brand span{display:block;color:#d8d4cb;font-size:.72rem;margin-top:3px}
.desktop-nav{display:flex;gap:34px;color:#d7d2c9;font-size:.78rem}
.desktop-nav a{position:relative;padding:8px 0}
.desktop-nav a::after{
  content:"";position:absolute;left:0;bottom:0;width:0;height:1px;
  background:var(--gold);transition:.3s ease;box-shadow:0 0 10px var(--gold);
}
.desktop-nav a:hover::after{width:100%}
.top-cta{
  padding:13px 18px;border:1px solid rgba(245,198,102,.6);border-radius:12px;
  font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--gold2);
  background:rgba(228,176,74,.06);box-shadow:inset 0 0 24px rgba(255,190,55,.04);
}
.top-cta span{margin-left:8px}
.menu-btn{display:none;margin-left:auto;border:1px solid var(--line);border-radius:12px;background:#0b0906;width:44px;height:44px;padding:11px}
.menu-btn span{display:block;height:2px;background:var(--gold2);margin:5px 0;border-radius:99px}
.mobile-menu{
  display:none;position:fixed;z-index:45;inset:86px 0 0;
  background:rgba(3,3,3,.97);backdrop-filter:blur(18px);padding:30px 24px;
}
.mobile-menu.open{display:flex;flex-direction:column}
.mobile-menu a{padding:21px 4px;border-bottom:1px solid rgba(255,255,255,.06);font-size:1.05rem;font-weight:700}

.hero{
  position:relative;min-height:100svh;display:grid;align-items:center;overflow:hidden;
  padding:132px 26px 90px;
}
.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0}
.hero-bg::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 25% 42%,rgba(211,154,45,.22),transparent 22%),
    radial-gradient(circle at 66% 52%,rgba(126,73,7,.18),transparent 30%),
    linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,.72));
}
.grid{
  position:absolute;inset:0;opacity:.08;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:70px 70px;
  mask-image:linear-gradient(to bottom,transparent,black 28%,black 70%,transparent);
}
.orb{position:absolute;border-radius:50%;filter:blur(40px)}
.orb-a{width:420px;height:420px;background:rgba(174,106,11,.11);left:10%;top:22%;animation:float 8s ease-in-out infinite}
.orb-b{width:520px;height:520px;background:rgba(255,192,74,.07);right:8%;bottom:8%;animation:float 10s ease-in-out infinite reverse}
@keyframes float{50%{transform:translateY(-28px) translateX(18px)}}

.hero-inner{
  width:min(var(--max),100%);margin:auto;position:relative;z-index:2;
  display:grid;grid-template-columns:minmax(340px,.92fr) minmax(460px,1.08fr);
  align-items:center;gap:64px;
}
.logo-stage{position:relative;display:grid;place-items:center;min-height:520px}
.logo-halo{
  position:absolute;width:82%;aspect-ratio:1;border-radius:50%;
  border:1px solid rgba(238,185,76,.22);
  box-shadow:0 0 120px rgba(221,164,47,.16),inset 0 0 80px rgba(221,164,47,.08);
  animation:pulseHalo 4s ease-in-out infinite;
}
@keyframes pulseHalo{50%{transform:scale(1.04);opacity:.7}}
.hero-logo{
  width:min(490px,88%);aspect-ratio:1;object-fit:cover;border-radius:50%;
  position:relative;z-index:2;filter:drop-shadow(0 36px 55px rgba(0,0,0,.72));
}
.logo-shine{
  position:absolute;z-index:3;width:75%;height:160%;transform:rotate(18deg) translateX(-170%);
  background:linear-gradient(90deg,transparent,rgba(255,238,192,.14),transparent);
  animation:shine 6s cubic-bezier(.4,0,.2,1) infinite;
}
@keyframes shine{0%,55%{transform:rotate(18deg) translateX(-170%)}80%,100%{transform:rotate(18deg) translateX(170%)}}
.hero-copy{max-width:690px}
.eyebrow,.kicker{
  color:var(--gold2);letter-spacing:.18em;font-size:.76rem;font-weight:700;text-transform:uppercase;
}
.eyebrow span{color:#71634b;margin:0 9px}
h1{font-family:Montserrat,sans-serif;margin:12px 0 0;line-height:.89;font-size:clamp(4.4rem,8.1vw,8.5rem);letter-spacing:-.065em}
.gold-text{
  display:inline-block;color:transparent;
  background:linear-gradient(180deg,#fff0bb 0%,#e5b65f 28%,#8f5e17 58%,#f3cb76 78%,#75450e 100%);
  -webkit-background-clip:text;background-clip:text;
  text-shadow:0 16px 36px rgba(223,165,57,.08);
  filter:drop-shadow(0 0 16px rgba(235,176,65,.1));
}
.hero h2{
  margin:20px 0 0;font-family:Montserrat,sans-serif;font-size:clamp(1.8rem,3.2vw,3.05rem);
  letter-spacing:-.04em;line-height:1.06;
}
.hero-lead{max-width:630px;color:#c9c5bd;font-size:1.08rem;line-height:1.65;margin:22px 0 0}
.hero-lead strong{color:white;font-weight:650}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px;flex-wrap:wrap}
.primary-btn{
  position:relative;overflow:hidden;display:flex;align-items:center;gap:15px;
  padding:19px 24px;border-radius:14px;border:1px solid rgba(255,217,137,.75);
  background:linear-gradient(180deg,rgba(220,162,55,.14),rgba(107,70,13,.09));
  font-weight:900;font-size:.78rem;letter-spacing:.05em;color:var(--gold2);
  box-shadow:0 0 0 1px rgba(255,206,110,.08) inset,0 0 32px rgba(206,143,27,.10);
  transition:.3s ease;
}
.primary-btn:hover{transform:translateY(-3px);box-shadow:0 12px 45px rgba(204,141,29,.18)}
.primary-btn::before{
  content:"";position:absolute;inset:-2px;transform:translateX(-120%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transition:.55s ease;
}
.primary-btn:hover::before{transform:translateX(120%)}
.btn-icon{font-size:1.2rem}.arrow{margin-left:10px;font-size:1.15rem}
.secondary-link{display:flex;align-items:center;gap:12px;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#d7d3cb}
.play{
  width:42px;height:42px;border:1px solid rgba(226,176,79,.62);display:grid;place-items:center;border-radius:50%;font-size:.65rem;color:var(--gold2)
}
.microproof{display:flex;align-items:center;gap:13px;margin-top:38px;color:#756d61;font-size:.64rem;letter-spacing:.18em;font-weight:800;flex-wrap:wrap}
.microproof i{width:26px;height:1px;background:rgba(226,176,79,.26)}
.scroll-cue{
  position:absolute;left:50%;bottom:22px;z-index:3;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:8px;color:#70695f;font-size:.58rem;letter-spacing:.18em
}
.scroll-cue span{width:1px;height:34px;background:linear-gradient(var(--gold),transparent);animation:scrollLine 2s infinite}
@keyframes scrollLine{50%{height:48px;opacity:.4}}

.section-pad{padding:125px 26px}
.section-head{max-width:800px;margin:0 auto 55px;text-align:center}
.section-head h3,.method-copy h3,.coming h3{
  font-family:Montserrat,sans-serif;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.03;letter-spacing:-.05em;margin:16px 0 18px
}
.section-head h3 em{font-style:normal;color:var(--gold2)}
.section-head p,.method-copy>p,.coming-card>p{color:var(--muted);font-size:1rem;line-height:1.75}
.experience{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}
.feature-grid{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature-card{
  position:relative;min-height:300px;padding:30px;border-radius:20px;overflow:hidden;
  border:1px solid var(--line);background:
    radial-gradient(circle at 100% 0%,rgba(202,145,40,.13),transparent 32%),
    linear-gradient(180deg,rgba(25,20,12,.78),rgba(9,8,6,.72));
  box-shadow:0 22px 60px rgba(0,0,0,.22);transform-style:preserve-3d;
}
.feature-card::after{
  content:"";position:absolute;inset:auto -20% -45% auto;width:210px;height:210px;border-radius:50%;
  background:rgba(218,162,54,.05);filter:blur(20px)
}
.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(229,176,77,.08);border:1px solid rgba(229,176,77,.22);color:var(--gold2);font-size:1.3rem}
.feature-card h4{font-family:Montserrat,sans-serif;margin:28px 0 12px;font-size:1.2rem}
.feature-card p{color:#aaa59d;line-height:1.65;font-size:.91rem}
.feature-card b{position:absolute;right:22px;bottom:14px;font-size:4.5rem;color:rgba(255,255,255,.025);font-family:Montserrat,sans-serif}
.method{
  width:min(var(--max),calc(100% - 52px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:86px;align-items:center;
  border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)
}
.method-visual{position:relative;display:grid;place-items:center;min-height:650px}
.method-visual img{width:min(470px,76%);border-radius:50%;z-index:2;filter:drop-shadow(0 26px 60px rgba(0,0,0,.65))}
.ring{position:absolute;border:1px solid rgba(220,165,58,.2);border-radius:50%}
.ring-1{width:72%;aspect-ratio:1;animation:spin 18s linear infinite}
.ring-1::before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold2);top:18%;left:4%;box-shadow:0 0 18px var(--gold)}
.ring-2{width:88%;aspect-ratio:1;border-style:dashed;opacity:.35;animation:spin 28s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.float-tag{
  position:absolute;z-index:3;padding:11px 15px;border-radius:99px;border:1px solid rgba(232,182,84,.24);
  background:rgba(7,6,4,.72);backdrop-filter:blur(8px);font-size:.63rem;letter-spacing:.17em;color:var(--gold2);font-weight:800
}
.tag-a{top:19%;right:2%}.tag-b{left:0;bottom:31%}.tag-c{right:8%;bottom:12%}
.method-copy h3 span{color:var(--gold2)}
.method-points{margin-top:34px;display:grid;gap:12px}
.method-points div{display:flex;align-items:center;gap:17px;border-bottom:1px solid rgba(255,255,255,.06);padding:14px 0}
.method-points span{color:var(--gold2);font-weight:800;font-size:.74rem}
.method-points p{margin:0;font-weight:700}

.coming{position:relative;overflow:hidden;min-height:700px;display:grid;place-items:center}
.coming-glow{position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(205,144,28,.12),transparent 64%);filter:blur(8px)}
.coming-card{
  position:relative;z-index:2;width:min(940px,100%);text-align:center;padding:70px 42px;border-radius:28px;
  border:1px solid rgba(234,182,81,.27);background:linear-gradient(180deg,rgba(25,19,9,.72),rgba(5,5,5,.76));
  box-shadow:0 40px 100px rgba(0,0,0,.4),inset 0 0 90px rgba(211,152,36,.03);backdrop-filter:blur(12px)
}
.coming-card h3 span{color:var(--gold2)}
.status-pill{
  display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:11px 16px;border-radius:99px;
  border:1px solid rgba(232,180,80,.22);color:#c6b28b;background:rgba(224,169,59,.06);font-size:.67rem;font-weight:800;letter-spacing:.12em
}
.pulse{width:8px;height:8px;border-radius:50%;background:#e3ad4b;box-shadow:0 0 0 0 rgba(227,173,75,.5);animation:pulse 1.9s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 11px rgba(227,173,75,0)}100%{box-shadow:0 0 0 0 rgba(227,173,75,0)}}
.coming-line{width:1px;height:72px;background:linear-gradient(transparent,var(--gold),transparent);margin:34px auto}
.launch-copy strong{display:block;font-family:Montserrat,sans-serif;font-size:clamp(3rem,8vw,7rem);line-height:.92;color:transparent;background:linear-gradient(180deg,#f8df9c,#b37722);-webkit-background-clip:text;background-clip:text}
.launch-copy span{display:block;margin-top:14px;color:#8a8276;letter-spacing:.18em;font-size:.72rem;text-transform:uppercase}

footer{
  min-height:140px;width:min(var(--max),calc(100% - 48px));margin:auto;border-top:1px solid rgba(255,255,255,.07);
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;color:#716b63;font-size:.72rem;padding:26px 0
}
.footer-brand{display:flex;align-items:center;gap:10px}
.footer-brand img{width:42px;height:42px;border-radius:50%}
.footer-brand strong{display:block;color:#d8b56f;letter-spacing:.13em;font-family:Montserrat,sans-serif;font-size:.69rem}
.footer-brand span{display:block;margin-top:4px}
.credit{text-align:center;display:flex;flex-direction:column;gap:6px}
.credit a{color:#cda250;font-weight:700}
.copyright{text-align:right}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.8,.24,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.particle{position:absolute;border-radius:50%;background:var(--gold2);opacity:.2;box-shadow:0 0 10px rgba(255,203,103,.4);animation:rise linear infinite}
@keyframes rise{from{transform:translateY(110vh) scale(.5)}to{transform:translateY(-20vh) scale(1.3)}}

@media (max-width:1050px){
  .desktop-nav,.top-cta{display:none}.menu-btn{display:block}
  .hero-inner{grid-template-columns:1fr;text-align:center;gap:10px}
  .hero-copy{margin:auto}.hero-actions,.microproof{justify-content:center}
  .logo-stage{min-height:auto;margin-bottom:20px}.hero-logo{width:min(390px,78vw)}.logo-halo{width:min(430px,82vw)}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .method{grid-template-columns:1fr;gap:20px}.method-copy{text-align:center}.method-points{max-width:550px;margin:34px auto 0}
  .method-visual{min-height:500px}
}
@media (max-width:640px){
  .topbar{height:72px;padding:0 15px}.mobile-menu{inset:72px 0 0}.brand img{width:42px;height:42px}.brand strong{font-size:.7rem}.brand span{font-size:.62rem}
  .hero{padding:100px 18px 72px;min-height:100svh}
  .hero-inner{gap:6px}.logo-stage{margin-top:4px}
  .hero-logo{width:min(330px,88vw)}
  .hero h1{font-size:clamp(3.7rem,19vw,5.6rem);margin-top:10px}
  .hero h2{font-size:clamp(1.45rem,7vw,2rem);max-width:350px;margin:15px auto 0}
  .eyebrow{font-size:.64rem;margin-top:20px}.hero-lead{font-size:.93rem;line-height:1.55;margin:17px auto 0;max-width:390px}
  .hero-actions{margin-top:24px;gap:15px}.primary-btn{width:100%;justify-content:center;padding:17px 18px}.secondary-link{margin:auto}
  .microproof{display:none}.scroll-cue{bottom:10px}
  .section-pad{padding:90px 18px}.section-head{margin-bottom:34px}.section-head p{font-size:.92rem}
  .feature-grid{grid-template-columns:1fr}.feature-card{min-height:220px;padding:25px}
  .method{width:calc(100% - 36px);padding-left:0;padding-right:0}.method-visual{min-height:380px}.float-tag{font-size:.54rem;padding:9px 11px}
  .coming{min-height:620px}.coming-card{padding:46px 20px;border-radius:22px}.coming-card>p{font-size:.92rem}
  footer{width:calc(100% - 36px);grid-template-columns:1fr;text-align:center;padding:38px 0}.footer-brand{justify-content:center}.copyright{text-align:center}
  .credit{order:3;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}
}
@media (hover:none){
  .cursor-glow{display:none}
}