:root{--bg:#050709;--white:#f6f6ef;--muted:#9ca79f;--orange:#ff8b00;--orange2:#ffb31b;--green:#39ff87;--green2:#00d96d;--line:rgba(255,255,255,.11);--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 70% 12%,rgba(255,139,0,.13),transparent 26%),radial-gradient(circle at 20% 55%,rgba(57,255,135,.06),transparent 25%),#050709}
body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,transparent 49.95%,rgba(255,255,255,.025) 50%,transparent 50.05%);opacity:.35}
.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:320px;height:320px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(57,255,135,.08),transparent 65%);transform:translate(-50%,-50%);z-index:1;mix-blend-mode:screen}
.progress{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--green));z-index:100}
a{text-decoration:none;color:inherit}.header{height:76px;position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(5,7,9,.68);backdrop-filter:blur(18px)}
.logo{font-size:1.35rem;font-weight:1000;letter-spacing:-.08em}.logo .up{color:var(--orange)}nav{display:flex;gap:30px;color:#b9c1bb;font-size:1rem;font-weight:800}nav a:hover{color:var(--green)}.mini-btn{border:1px solid rgba(57,255,135,.45);padding:10px 16px;border-radius:100px;color:var(--green);font-size:.72rem;font-weight:900}
.hero{min-height:100svh;max-width:var(--max);margin:auto;padding:130px 30px 70px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;position:relative}.hero-content{position:relative;z-index:4}.pill{display:inline-flex;gap:10px;align-items:center;color:var(--green);font-size:.68rem;font-weight:900;letter-spacing:.14em;margin-bottom:25px}.pill i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green);animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.3;transform:scale(.6)}}
h1{font-size:clamp(5rem,10vw,10.5rem);line-height:.76;letter-spacing:0em;margin:0;font-weight:1000}h1 .orange{color:var(--orange);text-shadow:0 0 60px rgba(255,139,0,.2)}.hero-sub{font-size:clamp(1.5rem,3vw,3rem);font-weight:950;letter-spacing:0em;margin:27px 0 18px}.hero-sub b{color:var(--green)}.hero-content>p{color:var(--muted);font-size:1.05rem;max-width:500px;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;gap:20px;border-radius:11px;font-weight:950;font-size:.75rem;letter-spacing:.06em;transition:.25s}.btn:hover{transform:translateY(-4px)}.btn.primary{background:var(--green);color:#041009;box-shadow:0 12px 35px rgba(57,255,135,.15)}.btn.secondary{border:1px solid var(--line);background:rgba(255,255,255,.035)}.stats{display:flex;gap:35px;margin-top:52px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:1.1rem;color:var(--orange)}.stats span{font-size:.62rem;letter-spacing:.16em;color:#68736c;font-weight:900}
.hero-visual{height:690px;position:relative;display:flex;align-items:center;justify-content:center}.hero-visual img{position:relative;width:min(100%,680px);z-index:3;filter:drop-shadow(0 35px 60px rgba(0,0,0,.65));border-radius:28px}.sun{position:absolute;width:420px;height:420px;border-radius:50%;background:var(--orange);filter:blur(100px);opacity:.16}.ring{position:absolute;border:1px solid rgba(57,255,135,.18);border-radius:50%;z-index:1}.ring-a{width:650px;height:650px;animation:spin 30s linear infinite}.ring-b{width:500px;height:500px;border-color:rgba(255,139,0,.22);animation:spin 22s linear reverse infinite}@keyframes spin{to{transform:rotate(360deg)}}.float-tag{position:absolute;z-index:5;background:rgba(5,9,9,.82);border:1px solid rgba(57,255,135,.32);backdrop-filter:blur(15px);padding:12px 16px;border-radius:10px;color:var(--green);font-size:.65rem;font-weight:950;letter-spacing:.08em;box-shadow:0 15px 40px #0006}.tag-a{right:1%;top:16%}.tag-b{left:2%;bottom:14%;color:var(--orange);border-color:#ff8b0055}.scroll{position:absolute;bottom:24px;left:30px;font-size:.58rem;color:#647069;letter-spacing:.16em;font-weight:900}.scroll span{color:var(--green);font-size:1rem;margin-left:10px}
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:15px 0;color:var(--orange);font-size:.8rem;font-weight:950;letter-spacing:.18em}.ticker div{animation:marquee 25s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.section{max-width:var(--max);margin:auto;padding:140px 30px}.eyebrow{font-size:.65rem;color:#69746d;font-weight:950;letter-spacing:.2em;margin-bottom:25px}.story{border-bottom:1px solid var(--line)}.story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px}.story h2,.energy h2,.creator-head h2,.community h2{font-size:clamp(3.5rem,7vw,7.8rem);line-height:.86;letter-spacing:-.08em;margin:0}.story h2 em{font-style:normal;color:var(--green)}.story .lead{font-size:2rem;font-weight:850;margin:0 0 20px}.story-grid p:not(.lead){color:var(--muted);font-size:1.05rem;line-height:1.8}.quote{margin-top:45px;padding:24px 0 0;border-top:1px solid var(--line);font-size:1.4rem;line-height:1.35}.quote b{color:var(--green)}
.energy{border-bottom:1px solid var(--line)}.energy h2 span{color:var(--green)}.energy-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;margin-top:60px}.energy-card{min-height:360px;padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#101514,#080b0c);position:relative;overflow:hidden}.energy-card.big{min-height:420px}.energy-card.orange-card{background:linear-gradient(145deg,#171008,#090b0b);border-color:#ff8b0038}.number{font-size:.65rem;color:#68736d;font-weight:950}.icon{font-size:2.5rem;margin:70px 0 20px}.energy-card h3{font-size:2rem;line-height:.95;letter-spacing:-.04em;margin:0}.energy-card p{color:var(--muted);max-width:330px;margin-top:15px;font-size:.9rem}.orb{position:absolute;width:280px;height:280px;right:-90px;top:-90px;border-radius:50%;background:var(--green);filter:blur(90px);opacity:.1}
.creators{border-bottom:1px solid var(--line)}.creator-head{display:grid;grid-template-columns:1fr .65fr;gap:80px;align-items:end}.creator-head h2 span{color:var(--orange)}.creator-head>p{color:var(--muted);font-size:1.05rem;line-height:1.7;margin-bottom:8px}.flywheel{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:65px;border:1px solid var(--line);position:relative}.wheel-step{min-height:220px;background:#080b0b;padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.wheel-step b{font-size:.65rem;color:#657069}.wheel-step strong{font-size:1.4rem;letter-spacing:.06em}.wheel-step small{color:#7e8981}.wheel-step.active{background:linear-gradient(145deg,#151008,#090b0b);box-shadow:inset 0 -3px 0 var(--orange)}.wheel-step.active strong{color:var(--green)}.wheel-line{position:absolute;top:50%;left:8%;right:8%;height:1px;background:linear-gradient(90deg,var(--green),var(--orange));opacity:.3}
.community{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.community-art{height:520px;border:1px solid var(--line);border-radius:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 55% 40%,rgba(57,255,135,.15),transparent 25%),linear-gradient(145deg,#101614,#070909)}.big-u{position:absolute;font-size:28rem;line-height:.7;font-weight:1000;color:transparent;-webkit-text-stroke:2px rgba(57,255,135,.25);left:12%;top:17%;transform:rotate(-8deg)}.chart{position:absolute;inset:0;display:flex;align-items:flex-end;gap:18px;padding:70px 55px;opacity:.45}.chart span{width:9%;background:linear-gradient(to top,var(--green),transparent);border-radius:8px 8px 0 0;animation:bars 2.5s ease-in-out infinite alternate}.chart span:nth-child(1){height:20%}.chart span:nth-child(2){height:30%}.chart span:nth-child(3){height:25%}.chart span:nth-child(4){height:48%}.chart span:nth-child(5){height:42%}.chart span:nth-child(6){height:72%}.chart span:nth-child(7){height:92%}@keyframes bars{to{transform:scaleY(1.08)}}.leaf{position:absolute;font-size:3rem;animation:leaf 5s ease-in-out infinite}.leaf-1{top:10%;right:13%}.leaf-2{bottom:15%;left:10%;animation-delay:1s}.leaf-3{top:47%;right:6%;animation-delay:2s}@keyframes leaf{50%{transform:translate(12px,-18px) rotate(20deg)}}.community h2{margin-bottom:25px}.community h2{color:var(--white)}.community-copy>p{color:var(--muted);font-size:1.05rem;line-height:1.8;max-width:570px}.community-list{margin-top:40px;border-top:1px solid var(--line)}.community-list div{display:flex;gap:25px;padding:16px 0;border-bottom:1px solid var(--line);font-size:.72rem;font-weight:900;letter-spacing:.08em}.community-list b{color:var(--orange)}
.final{min-height:95svh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--line)}.final-glow{position:absolute;width:650px;height:650px;border-radius:50%;background:var(--green);filter:blur(170px);opacity:.08}.final .eyebrow,.final h2,.final p,.final .actions,.final-brand{position:relative}.final h2{font-size:clamp(4.2rem,10vw,10rem);line-height:.8;letter-spacing:-.09em;margin:10px 0 25px}.final h2 span{color:var(--green)}.final>p{color:var(--muted);font-size:1.1rem}.center{justify-content:center}.final-brand{margin-top:80px;font-size:1.1rem;font-weight:1000;letter-spacing:-.08em}.final-brand span{color:var(--orange)}.final-leaf{position:absolute;font-size:15rem;opacity:.035;right:5%;top:10%;transform:rotate(20deg)}
footer{max-width:var(--max);margin:auto;padding:35px 30px;display:flex;justify-content:space-between;gap:20px;color:#606b64;font-size:.68rem;font-weight:800;letter-spacing:.08em;border-top:1px solid var(--line)}footer .logo{color:var(--white)}
@media(max-width:1000px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:115px}.hero-content{text-align:center}.hero-content>p{margin:auto}.actions,.stats{justify-content:center}.hero-visual{height:auto;margin-top:20px}.hero-visual img{width:min(100%,600px)}.story-grid,.creator-head,.community{grid-template-columns:1fr;gap:35px}.energy-grid{grid-template-columns:1fr}.energy-card,.energy-card.big{min-height:300px}.flywheel{grid-template-columns:1fr}.wheel-line{display:none}.community-art{height:400px}}
@media(max-width:650px){.header{height:65px;padding:0 18px}.mini-btn{padding:8px 12px}.hero{padding:100px 18px 60px}.hero h1{font-size:clamp(4.4rem,21vw,7rem)}.hero-sub{font-size:1.4rem}.stats{gap:18px}.hero-visual{height:500px}.ring-a{width:470px;height:470px}.ring-b{width:360px;height:360px}.float-tag{display:none}.section{padding:90px 18px}.story h2,.energy h2,.creator-head h2,.community h2{font-size:clamp(3.2rem,15vw,5.5rem)}.energy-grid{margin-top:40px}.energy-card{padding:24px}.icon{margin-top:55px}.community-art{height:330px}.big-u{font-size:18rem}.final{padding:90px 18px}.final h2{font-size:clamp(4rem,19vw,6.5rem)}footer{flex-direction:column;text-align:center;padding:28px 18px}}

/* Official UPTOBER logo lockups */
.logo-image-link{display:flex;align-items:center;width:145px;height:54px;overflow:hidden}
.logo-image{width:145px;height:auto;display:block;object-fit:contain;object-position:center}
.hero-logo{display:block;width:min(420px,70vw);height:auto;max-height:155px;object-fit:contain;object-position:center;margin:0 0 18px -18px;filter:drop-shadow(0 18px 28px rgba(0,0,0,.4))}
.footer-logo{width:120px;height:54px;object-fit:contain;display:block}
@media(max-width:1000px){
  .hero-logo{margin:0 auto 18px}
}
@media(max-width:650px){
  .logo-image-link{width:112px;height:48px}
  .logo-image{width:112px}
  .hero-logo{width:min(330px,88vw);max-height:125px}
  .footer-logo{width:105px}
}

.contract{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:55px;padding:12px 14px;border:1px solid rgba(57,255,135,.2);background:rgba(5,9,9,.55);border-radius:12px;max-width:min(780px,92vw)}
.contract span{font-size:.78rem;letter-spacing:.15em;color:#6d7870;font-weight:950}.contract code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;color:#dce5de;word-break:break-all}.contract button{border:1px solid rgba(57,255,135,.35);background:rgba(57,255,135,.07);color:var(--green);border-radius:8px;padding:8px 10px;font-size:.7rem;font-weight:950;cursor:pointer}
@media(max-width:650px){.contract{gap:8px}.contract code{font-size:.56rem}.contract button{width:100%}}

/* ===== V2 HERO + TYPOGRAPHY POLISH ===== */
:root{--max:1500px}

/* Make body copy readable everywhere */
p{font-size:1.12rem}
.hero-content>p,.story-grid p:not(.lead),.creator-head>p,.community-copy>p{font-size:1.15rem;line-height:1.8}
.energy-card p{font-size:1.02rem;line-height:1.65}
.wheel-step small{font-size:.92rem;line-height:1.5}

.hero{width:100%;max-width:1500px;min-height:calc(100svh - 0px);padding:115px 5vw 75px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:2vw;align-items:center}
.hero-content{max-width:680px;padding-top:20px}
.hero-logo{display:none}
.pill{font-size:.78rem;margin-bottom:22px}
h1{font-size:clamp(6rem,8.5vw,10.5rem);line-height:.78;letter-spacing:0em}
.hero-sub{font-size:clamp(1.7rem,2.65vw,3rem);margin:25px 0 18px}
.hero-content>p{max-width:610px;margin:0}
.actions{margin-top:32px}
.btn{min-height:56px;padding:0 24px;font-size:.78rem}
.stats{margin-top:48px;gap:44px}
.stats strong{font-size:1.2rem}
.stats span{font-size:.7rem}

.hero-visual{height:720px;min-width:0;perspective:1400px}
.hero-visual img{width:min(100%,720px);max-height:720px;object-fit:contain;transform:translateZ(35px) rotateY(-5deg) rotateX(2deg);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s}
.hero-visual:before{content:"";position:absolute;width:72%;height:72%;border-radius:50%;background:radial-gradient(circle,rgba(255,139,0,.2),rgba(57,255,135,.07) 35%,transparent 68%);filter:blur(18px);animation:heroPulse 5s ease-in-out infinite;z-index:0}
.hero-visual:after{content:"";position:absolute;inset:9% 5%;border:1px solid rgba(255,255,255,.06);border-radius:50%;transform:rotate(-8deg);box-shadow:0 0 80px rgba(57,255,135,.04) inset;z-index:0}
@keyframes heroPulse{50%{transform:scale(1.08);opacity:.72}}
.ring-a{width:min(680px,92%);height:min(680px,92%)}
.ring-b{width:min(520px,72%);height:min(520px,72%)}
.tag-a{right:0;top:19%;font-size:.7rem}
.tag-b{left:0;bottom:16%;font-size:.7rem}
.scroll{left:5vw;font-size:.65rem}

/* Give sections more breathing room while keeping the full-width feel */
.section{max-width:1500px;padding:150px 5vw}

@media(max-width:1100px){
  .hero{grid-template-columns:1fr .95fr;column-gap:18px;padding-left:4vw;padding-right:4vw}
  h1{font-size:clamp(5.2rem,9vw,8rem)}
  .hero-visual{height:600px}
  .hero-visual img{width:min(100%,600px)}
  .tag-a{right:-2%}.tag-b{left:-2%}
}

@media(max-width:820px){
  .hero{grid-template-columns:1fr;min-height:auto;padding:105px 22px 70px;text-align:center}
  .hero-content{max-width:760px;margin:0 auto}
  .pill{justify-content:center}
  h1{font-size:clamp(4.5rem,16vw,7rem);line-height:.8}
  .hero-sub{font-size:clamp(1.5rem,6vw,2.25rem)}
  .hero-content>p{font-size:1.08rem;line-height:1.7;margin:0 auto;max-width:650px}
  .actions,.stats{justify-content:center}
  .hero-visual{height:540px;margin:5px auto 0;width:min(100%,680px)}
  .hero-visual img{width:min(100%,570px);transform:none}
  .ring-a{width:520px;height:520px}.ring-b{width:390px;height:390px}
  .scroll{position:relative;left:auto;bottom:auto;margin-top:10px}
}

@media(max-width:560px){
  p{font-size:1.02rem}
  .hero{padding:92px 16px 55px}
  .pill{font-size:.64rem;letter-spacing:.1em;margin-bottom:18px}
  h1{font-size:clamp(4rem,19vw,5.8rem)}
  .hero-sub{font-size:1.38rem;line-height:1;margin:20px 0 15px}
  .hero-content>p{font-size:1.03rem;line-height:1.65}
  .actions{gap:10px;margin-top:25px}
  .btn{min-height:52px;padding:0 17px;font-size:.7rem}
  .stats{gap:24px;margin-top:36px}
  .stats strong{font-size:1.05rem}.stats span{font-size:.6rem}
  .hero-visual{height:420px;margin-top:10px}
  .hero-visual img{width:min(100%,430px)}
  .ring-a{width:390px;height:390px}.ring-b{width:300px;height:300px}
  .sun{width:260px;height:260px}
  .tag-a,.tag-b{display:none}
  .section{padding:90px 16px}
  .story-grid p:not(.lead),.creator-head>p,.community-copy>p{font-size:1.05rem}
  .energy-card p{font-size:1rem}
  .wheel-step small{font-size:.95rem}
}


/* ===== HERO LAYOUT FIX ===== */
.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-content{grid-column:1;grid-row:1;align-self:center}
.hero-visual{grid-column:2;grid-row:1;align-self:center;width:100%;min-width:0;position:relative;display:flex;align-items:center;justify-content:center}
.hero-visual img{display:block;position:relative;z-index:3;width:min(100%,680px);height:auto;max-height:680px;object-fit:contain}
@media(max-width:820px){
  .hero{grid-template-columns:1fr;grid-template-rows:auto auto;align-items:center}
  .hero-content{grid-column:1;grid-row:1}
  .hero-visual{grid-column:1;grid-row:2;width:min(100%,680px);height:520px;margin:18px auto 0}
  .hero-visual img{width:min(100%,560px);max-height:520px}
}
@media(max-width:560px){
  .hero{grid-template-rows:auto auto;padding-top:92px}
  .hero-visual{height:400px;margin-top:8px}
  .hero-visual img{width:min(100%,430px);max-height:400px}
}