/* ===== HERO ===== */
#hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:orbFloat 20s ease-in-out infinite}
.hero-orb--cyan{width:500px;height:500px;background:var(--_a);top:-10%;right:-5%;animation-delay:0s}
.hero-orb--magenta{width:400px;height:400px;background:var(--_b);bottom:-10%;left:-5%;animation-delay:-7s}
.hero-orb--green{width:300px;height:300px;background:var(--_c);top:40%;left:30%;animation-delay:-14s;opacity:.08}
#heroGlobe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}
#heroField{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.6}
.hero-content{text-align:center;max-width:900px;padding:0 2rem;position:relative;z-index:2}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1.2rem;border:1px solid rgba(0,240,255,.2);border-radius:100px;font-family:var(--_r);font-size:.65rem;color:var(--_a);text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem;background:rgba(0,240,255,.05);animation:fadeInUp .8s ease-out}
.hero-badge .dot{width:6px;height:6px;background:var(--_c);border-radius:50%;animation:pulse 2s ease-in-out infinite}
.hero-title{font-family:var(--_p);font-size:clamp(2.8rem,9vw,6rem);font-weight:900;line-height:1.02;margin-bottom:1.8rem;animation:fadeInUp .8s ease-out .15s both;text-transform:uppercase;letter-spacing:2px}
.hero-title .line{display:block}
.hero-title .accent{background:linear-gradient(135deg,var(--_a),var(--_b));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-manifesto{font-size:clamp(1rem,2vw,1.2rem);color:var(--_j);max-width:640px;margin:0 auto 2.5rem;line-height:1.85;font-weight:300;animation:fadeInUp .8s ease-out .3s both}
.hero-manifesto strong{color:var(--_a);font-weight:500}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:1.2rem;animation:fadeInUp .8s ease-out .45s both;flex-wrap:wrap}
.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:fadeInUp .8s ease-out .6s both;z-index:2}
.hero-scroll span{font-family:var(--_r);font-size:.6rem;color:var(--_k);text-transform:uppercase;letter-spacing:3px}
.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--_a),transparent);animation:scrollPulse 2s ease-in-out infinite}

/* ===== VISION ===== */
#visione{padding:8rem 0;background:linear-gradient(180deg,var(--_e) 0%,var(--_f) 100%)}
.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.vision-visual{position:relative;aspect-ratio:1;max-width:500px}
.vision-visual .ring{position:absolute;border:1px solid rgba(0,240,255,.1);border-radius:50%;animation:ringRotate 30s linear infinite}
.vision-visual .ring:nth-child(1){inset:0;border-color:rgba(0,240,255,.12)}
.vision-visual .ring:nth-child(2){inset:15%;border-color:rgba(255,0,170,.1);animation-direction:reverse;animation-duration:25s}
.vision-visual .ring:nth-child(3){inset:30%;border-color:rgba(0,255,65,.08);animation-duration:20s}
.vision-visual .core-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;box-shadow:0 0 60px rgba(0,240,255,.3),0 0 120px rgba(0,240,255,.1)}
.vision-visual .node{position:absolute;width:8px;height:8px;border-radius:50%;animation:nodePulse 3s ease-in-out infinite}
.vision-visual .node:nth-child(4){top:10%;left:50%;background:var(--_a);animation-delay:0s}
.vision-visual .node:nth-child(5){top:50%;right:5%;background:var(--_b);animation-delay:-1s}
.vision-visual .node:nth-child(6){bottom:10%;left:50%;background:var(--_c);animation-delay:-2s}
.vision-visual .node:nth-child(7){top:50%;left:5%;background:var(--_d);animation-delay:-.5s}
.vision-text p{color:var(--_j);margin-bottom:1.5rem;font-size:.98rem;line-height:1.85}
.vision-text p strong{color:var(--_i);font-weight:600}
.vision-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid var(--_l)}
.stat{text-align:center}
.stat-value{font-family:var(--_p);font-size:1.5rem;font-weight:700;color:var(--_a);display:block}
.stat-label{font-family:var(--_r);font-size:.65rem;color:var(--_k);text-transform:uppercase;letter-spacing:1px;margin-top:.25rem}

/* ===== CREATOR ===== */
#creatore{padding:8rem 0;position:relative}
.creator-header{text-align:center;margin-bottom:3.5rem}
.creator-header .section-label{justify-content:center}
.creator-header .section-label::before{display:none}
.creator-header p{color:var(--_j);max-width:560px;margin:0 auto;font-size:.95rem}
.creator-card{max-width:860px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:start;padding:3rem;border:1px solid var(--_l);border-radius:10px;background:linear-gradient(135deg,var(--_g) 0%,rgba(0,240,255,.03) 100%)}
.creator-glyph{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,240,255,.2);background:rgba(0,240,255,.04);box-shadow:0 0 40px rgba(0,240,255,.1);flex-shrink:0}
.creator-body p{color:var(--_j);font-size:.95rem;line-height:1.85;margin-bottom:1.2rem}
.creator-body p strong{color:var(--_i);font-weight:600}
.creator-note{font-family:var(--_r);font-size:.75rem;color:var(--_k);border-left:2px solid var(--_d);padding-left:1rem;margin-top:1.5rem}

/* ===== WORLD ===== */
#mondo{padding:8rem 0;background:linear-gradient(180deg,var(--_f) 0%,var(--_e) 50%,var(--_f) 100%)}
.world-header{text-align:center;margin-bottom:4rem}
.world-header .section-label{justify-content:center}
.world-header .section-label::before{display:none}
.world-header p{color:var(--_j);max-width:560px;margin:0 auto;font-size:.95rem}
.world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.world-card{background:var(--_g);border:1px solid var(--_l);border-radius:8px;padding:2rem;transition:all .4s ease;position:relative;overflow:hidden}
.world-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--_a),transparent);opacity:0;transition:opacity .4s ease}
.world-card:hover{border-color:rgba(0,240,255,.15);background:var(--_h);transform:translateY(-4px)}
.world-card:hover::before{opacity:1}
.world-card h3{font-family:var(--_p);font-size:.82rem;font-weight:600;margin-bottom:.75rem;letter-spacing:1px}
.world-card p{color:var(--_j);font-size:.85rem;line-height:1.75}
.world-layers{max-width:820px;margin:3.5rem auto 0;text-align:center;padding:2.5rem;border:1px solid var(--_l);border-radius:10px;background:rgba(0,240,255,.02)}
.world-layers h3{font-family:var(--_p);font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;background:linear-gradient(135deg,var(--_a),var(--_c));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.world-layers p{color:var(--_j);font-size:.95rem;line-height:1.85;max-width:680px;margin:0 auto}

/* ===== GOD MODE ===== */
#godmode{padding:8rem 0}
.god-header{text-align:center;margin-bottom:4rem}
.god-header .section-label{justify-content:center}
.god-header .section-label::before{display:none}
.god-header p{color:var(--_j);max-width:560px;margin:0 auto;font-size:.95rem}
.god-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.god-card{border:1px solid var(--_l);border-radius:8px;background:var(--_g);padding:2rem;transition:all .4s ease;position:relative}
.god-card:hover{border-color:rgba(255,0,170,.15);background:var(--_h);transform:translateY(-4px)}
.god-num{font-family:var(--_p);font-size:1.6rem;font-weight:700;color:var(--_b);display:block;margin-bottom:1.2rem;opacity:.8}
.god-card:nth-child(1) .god-num{color:var(--_a)}
.god-card:nth-child(2) .god-num{color:var(--_b)}
.god-card:nth-child(3) .god-num{color:var(--_c)}
.god-card:nth-child(4) .god-num{color:var(--_d)}
.god-card h3{font-family:var(--_p);font-size:.82rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem}
.god-card p{color:var(--_j);font-size:.85rem;line-height:1.75}

/* ===== GENESIS CTA ===== */
#genesis{padding:9rem 0;position:relative;overflow:hidden}
.genesis-bg{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,240,255,.08) 0%,transparent 70%)}
.genesis-content{text-align:center;position:relative;z-index:2}
.genesis-content .section-title{font-size:clamp(2rem,4.5vw,3.2rem);background:linear-gradient(135deg,var(--_a),var(--_b));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.2rem}
.genesis-content p{color:var(--_j);font-size:1.05rem;max-width:560px;margin:0 auto 2.5rem;line-height:1.85}
.genesis-actions{display:flex;justify-content:center}
.genesis-cta{padding:1.1rem 2.6rem;font-size:.8rem}
.genesis-wip{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;padding:.3rem 1rem;border:1px solid rgba(240,192,64,.2);border-radius:100px;font-family:var(--_r);font-size:.6rem;color:var(--_d);text-transform:uppercase;letter-spacing:2px;background:rgba(240,192,64,.05)}
.genesis-wip .wip-dot{width:6px;height:6px;background:var(--_d);border-radius:50%;animation:pulse 2s ease-in-out infinite}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .world-grid{grid-template-columns:repeat(2,1fr)}
  .god-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .vision-grid{grid-template-columns:1fr;gap:3rem}
  .vision-visual{max-width:300px;margin:0 auto;order:-1}
  .creator-card{grid-template-columns:1fr;text-align:center;padding:2rem;gap:1.5rem}
  .creator-glyph{margin:0 auto}
  .creator-note{text-align:left}
  .world-grid{grid-template-columns:1fr}
  .god-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  #visione,#creatore,#mondo,#godmode{padding:6rem 0}
  #genesis{padding:6.5rem 0}
  .hero-content{padding:0 1.25rem}
  .hero-title{font-size:clamp(2.4rem,11vw,4rem);letter-spacing:1px}
  .hero-actions{flex-direction:column;align-items:stretch;width:100%;max-width:340px;margin:0 auto}
  .hero-actions .btn{width:100%;justify-content:center;min-height:48px}
  .vision-text p{font-size:.95rem}
  .creator-card{padding:1.75rem}
  .creator-body p{font-size:.92rem}
  .world-layers{padding:2rem 1.5rem}
  .genesis-actions .btn{min-height:48px}
}
@media(max-width:480px){
  .vision-stats{grid-template-columns:1fr}
  #visione,#creatore,#mondo,#godmode{padding:4.5rem 0}
  #genesis{padding:5.5rem 0}
  .hero-title{font-size:clamp(2.1rem,12vw,3.2rem)}
  .hero-badge{font-size:.6rem;letter-spacing:1.5px;padding:.35rem 1rem}
  .hero-manifesto{font-size:.95rem}
  .section-title{font-size:clamp(1.6rem,7vw,2.2rem)}
  .creator-card{padding:1.4rem}
  .world-card,.god-card{padding:1.5rem}
  .world-layers{padding:1.75rem 1.25rem}
}

/* ===== SOUNDTRACK / ALBUM ===== */
#soundtrack{padding:8rem 0;background:linear-gradient(180deg,var(--_e) 0%,rgba(0,240,255,.02) 50%,var(--_e) 100%)}
.soundtrack-header{text-align:center;margin-bottom:3rem}
.soundtrack-header .section-label{justify-content:center}
.soundtrack-header .section-label::before{display:none}
.soundtrack-header p{color:var(--_j);max-width:500px;margin:0 auto;font-size:.95rem}
.player-wrap{max-width:800px;margin:0 auto}
.player-card{border:1px solid var(--_l);border-radius:10px;overflow:hidden;background:var(--_g)}
.player-embed{position:relative;width:100%;padding-top:56.25%;background:#000}
.player-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.player-tracklist{padding:1.2rem}
.player-album-info{display:flex;align-items:baseline;gap:.6rem;margin-bottom:1rem;padding:0 .5rem}
.player-album-title{font-family:var(--_p);font-size:.8rem;font-weight:700;letter-spacing:1.5px;color:var(--_a)}
.player-album-artist{font-family:var(--_r);font-size:.65rem;color:var(--_k);letter-spacing:1px}
.track-list{display:flex;flex-direction:column;gap:2px}
.track-item{display:flex;align-items:center;gap:1rem;padding:.65rem .8rem;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s;text-align:left;width:100%}
.track-item:hover{background:rgba(0,240,255,.04)}
.track-item--active{background:rgba(0,240,255,.06)}
.track-item--active .track-num{color:var(--_a)}
.track-item--active .track-name{color:var(--_i)}
.track-num{font-family:var(--_r);font-size:.6rem;color:var(--_k);min-width:20px;letter-spacing:1px}
.track-name{font-family:var(--_q);font-size:.8rem;color:var(--_j);transition:color .2s}
.track-item:hover .track-name{color:var(--_i)}
@media(max-width:768px){#soundtrack{padding:6rem 0}.player-card{border-radius:8px}}
@media(max-width:480px){#soundtrack{padding:4.5rem 0}}