:root { --navy:#102a43; --navy-deep:#071c2d; --teal:#1fb7a6; --gold:#e8b958; --cream:#f8f6f0; --ink:#132536; --muted:#617383; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Tahoma,"Segoe UI",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.container { width:min(1160px,calc(100% - 40px)); margin-inline:auto; }
.section { padding:108px 0; }

.nav { position:absolute; z-index:20; inset:0 0 auto; height:88px; color:#fff; }
.nav-inner { height:100%; display:flex; align-items:center; justify-content:space-between; }
.brand { display:inline-flex; align-items:center; gap:11px; font-weight:800; font-size:1.25rem; }
.brand img { border-radius:13px; box-shadow:0 5px 18px #0002; }
.nav-links { display:flex; gap:34px; font-size:.9rem; color:#d9e2e9; }
.nav-links a { transition:color .2s; }
.nav-links a:hover { color:var(--gold); }
.nav-cta { border:1px solid #ffffff4d; padding:10px 22px; border-radius:999px; font-size:.9rem; transition:.2s; }
.nav-cta:hover { background:#fff; color:var(--navy); }

.hero { position:relative; min-height:780px; display:grid; align-items:center; overflow:hidden; color:#fff; background:radial-gradient(circle at 16% 24%,#1b4766 0,transparent 30%),linear-gradient(135deg,var(--navy-deep),var(--navy) 58%,#123e55); }
.hero::after { content:""; position:absolute; inset:auto 0 0; height:115px; background:linear-gradient(to top,#06192766,transparent); pointer-events:none; }
.hero-glow { position:absolute; border-radius:50%; filter:blur(2px); opacity:.35; }
.hero-glow-one { width:470px; height:470px; background:#1fb7a633; left:-150px; bottom:-150px; }
.hero-glow-two { width:300px; height:300px; border:1px solid #e8b95855; right:40%; top:100px; }
.hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:58px; padding-top:100px; }
.hero-copy { padding-block:80px 60px; }
.eyebrow,.kicker { color:var(--teal); font-weight:700; font-size:.78rem; letter-spacing:.04em; }
.eyebrow { display:inline-flex; align-items:center; gap:10px; border:1px solid #ffffff22; background:#ffffff0b; border-radius:999px; padding:9px 14px; }
.eyebrow span { width:7px; height:7px; background:var(--gold); border-radius:50%; box-shadow:0 0 0 5px #e8b9581c; }
.hero h1 { font-size:clamp(3.3rem,6.2vw,6.4rem); line-height:.98; letter-spacing:-.055em; margin:30px 0 26px; font-weight:900; }
.hero h1 em,.soon-intro h2 em { color:var(--gold); font-style:normal; }
.hero-lead { max-width:620px; color:#d9e4eb; font-size:clamp(1rem,1.35vw,1.18rem); line-height:2; margin:0; }
.hero-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:34px; }
.button { min-height:52px; padding:0 25px; border-radius:13px; display:inline-flex; align-items:center; justify-content:center; gap:10px; font-weight:800; transition:transform .2s,box-shadow .2s,background .2s; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:var(--navy); background:var(--gold); box-shadow:0 13px 30px #0004; }
.button-primary:hover { box-shadow:0 16px 34px #0006; }
.button-secondary { border:1px solid #ffffff3d; background:#ffffff0d; color:#fff; }
.play { font-size:.72rem; }
.microcopy { margin:25px 2px 0; color:#9db0bd; font-size:.76rem; }
.microcopy span { color:var(--teal); margin-left:7px; }

.hero-visual { position:relative; align-self:end; height:650px; }
.gold-disc { position:absolute; width:400px; height:400px; border-radius:50%; background:linear-gradient(145deg,#f0c871,#c99435); left:52%; top:48%; transform:translate(-50%,-50%); box-shadow:inset 0 0 0 26px #fff1,0 35px 80px #0004; }
.gold-disc::after { content:""; position:absolute; inset:60px; border-radius:50%; border:1px dashed #102a4355; }
.presenter { position:absolute; z-index:3; height:700px; width:auto; max-width:none; object-fit:contain; object-position:bottom center; bottom:-18px; left:46%; transform:translateX(-50%); filter:drop-shadow(0 18px 18px #0005); }
.visual-card { position:absolute; z-index:5; background:#fff; color:var(--navy); border-radius:16px; box-shadow:0 18px 45px #0004; padding:14px 17px; display:flex; flex-direction:column; gap:4px; }
.visual-card span { color:var(--muted); font-size:.7rem; }
.visual-card strong { font-size:.94rem; }
.card-saving { right:0; top:31%; transform:rotate(2deg); border-top:4px solid var(--teal); }
.card-growth { left:0; bottom:18%; transform:rotate(-2deg); flex-direction:row; align-items:end; gap:14px; }
.mini-chart { height:45px; display:flex; align-items:flex-end; gap:4px; }
.mini-chart i { width:7px; border-radius:3px 3px 0 0; background:var(--teal); }
.mini-chart i:nth-child(1){height:14px}.mini-chart i:nth-child(2){height:24px}.mini-chart i:nth-child(3){height:33px;background:var(--gold)}.mini-chart i:nth-child(4){height:42px}
.coin { position:absolute; z-index:4; display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:var(--gold); color:var(--navy); font-weight:900; border:5px solid #f6d78d; box-shadow:0 12px 20px #0003; }
.coin-one { top:20%; left:3%; transform:rotate(-15deg); }.coin-two { top:13%; right:8%; transform:scale(.78) rotate(15deg); }
.scroll-cue { position:absolute; z-index:5; bottom:24px; left:50%; width:38px; height:38px; display:grid; place-items:center; border:1px solid #ffffff36; border-radius:50%; color:var(--gold); animation:float 2s ease-in-out infinite; }
@keyframes float { 50% { transform:translateY(6px); } }

.section-heading { margin-bottom:50px; }
.section-heading h2 { color:var(--navy); font-size:clamp(2rem,4vw,3.5rem); margin:13px 0 15px; line-height:1.25; letter-spacing:-.025em; }
.section-heading p { color:var(--muted); font-size:1rem; line-height:1.9; margin:0; max-width:650px; }
.centered { text-align:center; max-width:760px; margin-inline:auto; margin-bottom:58px; }.centered p{margin-inline:auto}
.principles { background:#fff; }
.principle-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #dde5e9; border-radius:22px; overflow:hidden; }
.principle-grid article { padding:35px 36px 38px; border-left:1px solid #dde5e9; position:relative; }.principle-grid article:last-child{border-left:0}
.principle-grid article>span { color:var(--gold); font-weight:900; font-size:.82rem; }
.principle-grid h3 { color:var(--navy); font-size:1.5rem; margin:22px 0 9px; }.principle-grid p{margin:0;color:var(--muted);line-height:1.8;font-size:.9rem}

.platform-section { background:var(--cream); }
.heading-row { display:flex; justify-content:space-between; align-items:end; gap:40px; }.heading-row p{max-width:360px;padding-bottom:10px}
.platform-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.platform-card { background:#fff; border:1px solid #e1e6e9; padding:19px; min-height:96px; border-radius:18px; display:flex; align-items:center; gap:14px; box-shadow:0 7px 24px #102a4308; transition:transform .2s,border-color .2s,box-shadow .2s; }
.platform-card:hover { transform:translateY(-4px); border-color:#1fb7a688; box-shadow:0 14px 32px #102a4314; }
.platform-mark { flex:0 0 50px; height:50px; display:grid; place-items:center; border-radius:14px; color:#fff; font:800 .86rem/1 Arial; }
.platform-mark img { width:25px; height:25px; object-fit:contain; }
.youtube{background:#f03b3b}.instagram{background:linear-gradient(135deg,#7435c7,#e74e75,#f3a544)}.tiktok{background:#16191c;box-shadow:inset 4px 0 #25f4ee,inset -4px 0 #fe2c55}.spotify{background:#1db954}.apple{background:#8f4ccc}.facebook{background:#1877f2;font-size:1.4rem}
.platform-copy { display:flex; flex-direction:column; gap:6px; flex:1; }.platform-copy strong{color:var(--navy);font-size:.98rem}.platform-copy small{color:var(--muted);font-size:.72rem}
.platform-arrow { color:#92a1ac; font-size:1.2rem; transform:scaleX(-1); }

.soon-section { background:var(--navy); color:#fff; position:relative; overflow:hidden; }
.soon-section::before { content:""; position:absolute; width:650px; height:650px; border-radius:50%; border:1px solid #ffffff12; left:-280px; top:-260px; box-shadow:0 0 0 95px #ffffff08,0 0 0 190px #ffffff05; }
.soon-shell { position:relative; z-index:2; display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:center; }
.kicker.light { color:var(--gold); }
.soon-intro h2 { font-size:clamp(2.4rem,4.2vw,4rem); line-height:1.25; margin:14px 0 20px; }.soon-intro h2 em{font-family:Arial,sans-serif;direction:ltr;display:inline-block}
.soon-intro p { color:#c1ced7; line-height:1.9; margin:0; }
.soon-pill { margin-top:28px; display:inline-flex; align-items:center; gap:9px; border:1px solid #ffffff26; background:#ffffff0c; padding:9px 14px; border-radius:999px; font-size:.74rem; color:#dce6ec; }
.pulse { width:8px; height:8px; background:var(--teal); border-radius:50%; box-shadow:0 0 0 6px #1fb7a620; }
.soon-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.soon-grid article { min-height:160px; border:1px solid #ffffff17; background:#ffffff09; border-radius:19px; padding:24px; backdrop-filter:blur(8px); }
.soon-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:#1fb7a61d; color:var(--teal); font-weight:900; font-size:1.2rem; }
.soon-grid h3 { margin:18px 0 8px; font-size:1.05rem; }.soon-grid p{margin:0;color:#aebec9;font-size:.78rem;line-height:1.75}

.final-cta { background:var(--gold); color:var(--navy); }
.final-inner { display:grid; grid-template-columns:auto 1fr auto; gap:24px; align-items:center; }.final-inner img{border-radius:20px;box-shadow:0 10px 25px #4e350f2d}
.final-inner div span { font-size:.8rem; font-weight:700; opacity:.72; }.final-inner h2{margin:5px 0 0;font-size:clamp(1.7rem,3vw,2.6rem)}
.button-gold { background:var(--navy); color:#fff; min-width:190px; }.button-gold span{color:var(--gold)}
footer { background:var(--navy-deep); color:#9eb0bd; padding:27px 0; }.footer-inner{display:flex;align-items:center;gap:25px;font-size:.72rem}.footer-brand{color:#fff;margin-left:auto}.footer-brand img{border-radius:10px}.footer-inner>span{direction:ltr}

@media(max-width:900px){
  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:100px}.hero-copy{text-align:center;padding:70px 0 20px}.hero-lead{margin-inline:auto}.hero-actions{justify-content:center}.hero-visual{height:550px;width:min(570px,100%);margin-inline:auto}
  .principle-grid,.platform-grid{grid-template-columns:1fr 1fr}.principle-grid article:last-child{grid-column:1/-1;border-top:1px solid #dde5e9}.soon-shell{grid-template-columns:1fr;gap:45px}.soon-intro{text-align:center;max-width:650px;margin-inline:auto}.final-inner{grid-template-columns:auto 1fr}.final-inner .button{grid-column:1/-1}
}
@media(max-width:620px){
  .container{width:min(100% - 28px,1160px)}.section{padding:78px 0}.nav{height:74px}.brand{font-size:1rem}.brand img{width:40px;height:40px}.nav-links{display:none}.nav-cta{padding:8px 17px}
  .hero-copy{padding-top:50px}.hero h1{font-size:clamp(2.7rem,13vw,4.2rem)}.hero-lead{font-size:.94rem;line-height:1.9}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-visual{height:470px}.gold-disc{width:300px;height:300px}.presenter{height:520px;bottom:-24px}.card-saving{right:-4px;top:26%}.card-growth{left:-4px;bottom:13%}.coin{display:none}
  .principle-grid,.platform-grid,.soon-grid{grid-template-columns:1fr}.principle-grid article,.principle-grid article:last-child{grid-column:auto;border:0;border-bottom:1px solid #dde5e9}.principle-grid article:last-child{border-bottom:0}.heading-row{display:block}.heading-row p{padding-bottom:0}.soon-grid article{min-height:145px}.final-inner{text-align:center;display:flex;flex-direction:column}.footer-inner{flex-direction:column;text-align:center}.footer-brand{margin:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:6px}