:root{
  --bg:#150019;
  --bg-2:#0a0717;
  --panel:#0b1224;
  --panel-2:#170725;
  --panel-3:#24102f;
  --soft:#3a123d;
  --pink:#ff4ebc;
  --pink-2:#ff84cc;
  --purple:#7f4dff;
  --violet:#b763ff;
  --cyan:#15d6ff;
  --green:#31e7aa;
  --gold:#f7b832;
  --text:#fff7ff;
  --muted:#cbb2d7;
  --dim:#9e82aa;
  --line:rgba(255,255,255,.1);
  --line-bright:rgba(255,78,188,.44);
  --shadow:0 20px 60px rgba(0,0,0,.45);
  --glow:0 0 34px rgba(255,78,188,.34);
  --container:760px;
  --narrow:620px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 50% -10%, rgba(255,78,188,.18), transparent 26rem),
    radial-gradient(circle at 15% 12%, rgba(127,77,255,.12), transparent 22rem),
    linear-gradient(180deg, #17001b 0%, #100018 38%, #0b0717 100%);
  color:var(--text);
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.32;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom, transparent, #000 12%, #000 78%, transparent);
  z-index:-2;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin-top:0}
h1{
  margin-bottom:12px;
  font-size:clamp(2.1rem,8.7vw,4.8rem);
  line-height:.94;
  letter-spacing:-.06em;
  font-weight:950;
}
h2{
  margin-bottom:12px;
  font-size:clamp(1.65rem,6vw,3.5rem);
  line-height:1;
  letter-spacing:-.05em;
  font-weight:950;
}
h3{font-size:1rem;line-height:1.1;margin-bottom:7px;letter-spacing:-.025em}
p{color:var(--muted);line-height:1.58;font-size:.95rem}
span{font:inherit}
h1 span,h2 span,.text-gradient{
  background:linear-gradient(100deg, var(--pink), #fff 45%, var(--gold));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.container{width:min(var(--container), calc(100% - 34px));margin-inline:auto}
.narrow{width:min(var(--narrow), calc(100% - 34px))}
.center{text-align:center}
.left{text-align:left}
.section{padding:42px 0}
.reveal{opacity:0;transform:translateY(24px) scale(.985);transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:translateY(0) scale(1)}
.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}.delay-3{transition-delay:.36s}
.loader{
  position:fixed;inset:0;z-index:1000;display:grid;place-items:center;gap:12px;align-content:center;
  background:radial-gradient(circle at 50% 42%, #2c0734, #090011 72%);
  transition:opacity .55s ease, visibility .55s ease;
}
.loader.done{opacity:0;visibility:hidden}
.loader-ring{width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,255,255,.13);border-top-color:var(--pink);border-right-color:var(--gold);animation:spin 1s linear infinite;box-shadow:var(--glow)}
.loader span{font-size:.78rem;text-transform:uppercase;letter-spacing:.22em;color:#fff}
@keyframes spin{to{transform:rotate(360deg)}}
.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0%;z-index:999;background:linear-gradient(90deg,var(--pink),var(--purple),var(--gold));box-shadow:0 0 22px rgba(255,78,188,.8)}
.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(14px);opacity:.5}.orb-a{width:180px;height:180px;left:-70px;top:100px;background:rgba(255,78,188,.34);animation:drift 12s ease-in-out infinite}.orb-b{width:220px;height:220px;right:-110px;top:540px;background:rgba(127,77,255,.27);animation:drift 15s ease-in-out infinite reverse}.orb-c{width:170px;height:170px;left:50%;bottom:14%;background:rgba(247,184,50,.14);animation:drift 18s ease-in-out infinite}.mesh{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,78,188,.08),transparent 18rem),radial-gradient(circle at 40% 73%,rgba(21,214,255,.05),transparent 20rem)}
@keyframes drift{50%{transform:translate3d(26px,-34px,0) scale(1.08)}}
.topbar{
  position:sticky;top:8px;z-index:120;width:min(1000px,calc(100% - 22px));height:38px;margin:8px auto 0;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.brand{display:inline-flex;align-items:center;gap:6px;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:#fff;min-width:64px}
.brand img{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,78,188,.45))}
.nav-pill{display:flex;align-items:center;justify-content:center;gap:2px;background:rgba(31,8,36,.74);border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 1px rgba(255,78,188,.06) inset,0 12px 30px rgba(0,0,0,.25);backdrop-filter:blur(14px);border-radius:999px;padding:4px}
.nav-pill a{font-size:.57rem;line-height:1;padding:6px 8px;color:#ead7ef;border-radius:999px;transition:.22s ease}.nav-pill a:hover,.nav-pill a.active{background:rgba(255,78,188,.2);color:#fff}
.join-pill{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 11px;border-radius:999px;font-size:.58rem;font-weight:900;background:linear-gradient(90deg,var(--pink),var(--pink-2));box-shadow:0 0 18px rgba(255,78,188,.42);white-space:nowrap;color:#fff}
.menu-button{display:none;background:transparent;border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:6px 10px;font-weight:800;font-size:.65rem}
.social-rail{position:fixed;left:9px;top:44%;z-index:80;display:flex;flex-direction:column;gap:6px}.social-rail a{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:rgba(20,8,33,.75);border:1px solid rgba(255,78,188,.3);box-shadow:0 0 12px rgba(255,78,188,.16);font-size:.58rem;color:#fff;transition:.22s}.social-rail a:hover{transform:translateX(3px);background:rgba(255,78,188,.28)}
.whatsapp{position:fixed;right:13px;bottom:14px;z-index:100;width:31px;height:31px;display:grid;place-items:center;border-radius:999px;background:#0ac261;color:#fff;box-shadow:0 0 22px rgba(10,194,97,.56);font-size:.8rem;animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 34px rgba(10,194,97,.72)}}
.hero{padding-top:26px;padding-bottom:24px;position:relative;min-height:0}.hero-copy{max-width:560px;margin:0 auto 15px;font-size:.88rem}.mini-tag,.mini-label{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,78,188,.28);background:rgba(255,78,188,.13);color:var(--pink-2);border-radius:999px;padding:5px 12px;font-size:.62rem;font-weight:950;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.mini-label{background:transparent;border:0;padding:0;color:var(--pink);font-size:.58rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:999px;border:0;padding:0 18px;font-size:.72rem;font-weight:950;color:#fff;position:relative;overflow:hidden;transition:transform .22s ease, box-shadow .22s ease}.button.primary,.button.gradient{background:linear-gradient(90deg,var(--purple),var(--pink),var(--pink-2));box-shadow:0 10px 28px rgba(255,78,188,.33)}.button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.42) 50%,transparent 100%);transform:translateX(-130%);transition:transform .65s}.button:hover:before{transform:translateX(130%)}.button:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(255,78,188,.38)}.button.tiny{min-height:28px;padding:0 13px;font-size:.62rem}.launch-note{font-size:.63rem;margin:7px 0 0;color:#a889b4}.hero-icons .coin{position:absolute;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:.58rem;font-weight:950;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 19px rgba(255,78,188,.22);background:#10192c;animation:floaty 4.5s ease-in-out infinite}.coin.c1{left:16%;top:92px;background:linear-gradient(135deg,#1f73ff,#090d1f)}.coin.c2{right:16%;top:90px;background:linear-gradient(135deg,var(--gold),#2b1700);animation-delay:.8s}.coin.c3{left:11%;top:142px;background:linear-gradient(135deg,#754dff,#080717);animation-delay:1.2s}.coin.c4{right:12%;top:160px;background:linear-gradient(135deg,#fff,#13202c);color:#13202c;animation-delay:1.6s}.coin.c5{left:13%;top:208px;background:linear-gradient(135deg,#1ef0bd,#0a251f);animation-delay:2s}.coin.c6{right:10%;top:220px;background:linear-gradient(135deg,#00c8ff,#061b27);animation-delay:2.5s}@keyframes floaty{50%{transform:translateY(-10px) rotate(8deg)}}
.video-wrap{margin-top:34px;text-align:center}.video-card{position:relative;width:min(520px,100%);margin:auto;border-radius:4px;background:#030b17;box-shadow:0 22px 70px rgba(0,0,0,.46),0 0 0 1px rgba(255,78,188,.2);overflow:hidden}.video-glow{position:absolute;inset:-1px;background:linear-gradient(90deg,rgba(255,78,188,.16),rgba(21,214,255,.1),rgba(247,184,50,.12));filter:blur(20px)}.video-screen{position:relative;aspect-ratio:16/9;background:#06111f;overflow:hidden}.video-screen img{width:100%;height:100%;object-fit:cover;opacity:.23;filter:saturate(1.25) contrast(1.1)}.play-large{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;display:grid;place-items:center;font-size:1rem;box-shadow:0 0 34px rgba(255,78,188,.55);cursor:pointer}.fake-controls{position:absolute;left:10px;right:10px;bottom:8px;height:17px;display:grid;grid-template-columns:18px 1fr 14px;align-items:center;gap:6px}.fake-controls span{width:10px;height:10px;border-radius:50%;background:#fff}.fake-controls i{height:3px;background:rgba(255,255,255,.2);border-radius:99px;position:relative}.fake-controls i:before{content:"";position:absolute;left:0;top:0;bottom:0;width:25%;background:#fff;border-radius:99px}.fake-controls b{width:12px;height:9px;border:1px solid rgba(255,255,255,.6);border-radius:2px}.caption{font-size:.65rem;max-width:520px;margin:10px auto 0;color:#f0b7d9}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.trio article{min-height:76px;background:rgba(58,13,54,.65);border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:12px;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.18);transition:.25s}.trio article:hover{transform:translateY(-4px);border-color:rgba(255,78,188,.4)}.trio span{display:block;color:var(--pink);font-size:.6rem;font-weight:950;margin-bottom:4px}.trio h3{font-size:.72rem}.trio p{font-size:.58rem;margin:0;color:#af91bb;line-height:1.35}
.feature-shell{padding-top:16px}.dark-panel,.prediction-panel,.strategy,.entry-panel,.vision-card,.work-card,.power-cta,.why-panel,.roadmap{background:linear-gradient(180deg,rgba(10,16,34,.96),rgba(9,7,21,.98));border:1px solid rgba(255,78,188,.16);border-radius:0;box-shadow:var(--shadow);position:relative;overflow:hidden}.dark-panel:before,.prediction-panel:before,.strategy:before,.entry-panel:before,.vision-card:before,.work-card:before,.why-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--pink),transparent);opacity:.85}.dark-panel{padding:36px 16px 14px}.section-title{position:relative;z-index:2}.section-title.center p{max-width:510px;margin-inline:auto}.engine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;position:relative;z-index:2}.engine-card{border-radius:10px;background:rgba(28,13,42,.88);border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.28);transition:.25s}.engine-card:hover{border-color:rgba(255,78,188,.45);transform:translateY(-5px)}.engine-card img{width:100%;height:92px;object-fit:cover;filter:saturate(1.08) contrast(1.05)}.engine-footer{display:flex;gap:8px;align-items:center;padding:10px}.engine-icon{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:.52rem;font-weight:950;flex:0 0 auto}.engine-icon.gold{background:linear-gradient(135deg,var(--gold),#5b3200)}.engine-icon.cyan{background:linear-gradient(135deg,var(--purple),var(--cyan))}.engine-icon.pink{background:linear-gradient(135deg,var(--pink),#701455)}.engine-footer h3{font-size:.68rem;margin-bottom:3px}.engine-footer p{font-size:.55rem;line-height:1.2;margin:0;color:#b599bf}
.prediction-panel{margin-top:18px;padding:34px 18px 18px;background:linear-gradient(180deg,#120a22,#080615)}.timeline{display:grid;gap:14px;margin-top:16px}.timeline article{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:10px}.timeline article>strong{font-size:1.22rem;color:#91306e;letter-spacing:-.04em}.line-card{padding:12px 13px;border-radius:9px;background:linear-gradient(90deg,rgba(57,13,56,.58),rgba(17,13,34,.96));border:1px solid rgba(255,255,255,.07)}.line-card h3{font-size:.87rem;margin:6px 0 4px}.line-card p{font-size:.62rem;margin-bottom:8px}.pill{display:inline-flex;border-radius:999px;padding:3px 8px;font-size:.5rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.pill.pink{background:rgba(255,78,188,.2);color:#ffb9e3}.pill.purple{background:rgba(127,77,255,.2);color:#cebfff}.pill.gold{background:rgba(247,184,50,.16);color:#ffd980}.bar{height:5px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--pink),var(--gold));animation:growBar 1.9s ease both}@keyframes growBar{from{width:0}}
.disclaimer-box{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035)}.disclaimer-box span{color:var(--pink)}.disclaimer-box p{font-size:.58rem;margin:0;color:#cdb4d7}
.daily{padding-top:26px}.daily h2{font-size:clamp(1.45rem,5vw,2.5rem)}.strategy{margin-top:26px;padding:32px 18px 18px;text-align:center}.strategy-lead{max-width:610px;margin:0 auto 20px;font-size:.74rem}.strategy-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.strategy-columns article{padding:12px 10px;background:rgba(13,18,38,.74);border:1px solid rgba(255,255,255,.08);border-radius:11px}.strategy-columns b{display:block;color:var(--gold);font-size:.78rem;margin-bottom:6px}.strategy-columns h3{font-size:.72rem}.strategy-columns p{font-size:.57rem;margin:0;color:#bba1c6}.flow-row{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;align-items:center;gap:0;margin:6px 0 16px}.flow-row>i{height:1px;background:linear-gradient(90deg,var(--pink),var(--cyan));position:relative}.flow-row>i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--cyan);border-right:1px solid var(--cyan);transform:rotate(45deg)}.flow-box{min-height:70px;border-radius:10px;border:1px solid rgba(255,255,255,.1);padding:10px 6px;background:#0c1427}.flow-box span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:.55rem;font-weight:950;margin-bottom:6px}.flow-box strong{display:block;font-size:.65rem}.flow-box small{display:block;color:#9d85a8;font-size:.5rem;margin-top:2px}.flow-box.pink span{background:rgba(255,78,188,.2);color:var(--pink)}.flow-box.cyan span{background:rgba(21,214,255,.14);color:var(--cyan)}.flow-box.gold span{background:rgba(247,184,50,.16);color:var(--gold)}.flow-box.green span{background:rgba(49,231,170,.14);color:var(--green)}.note-strip{text-align:left;border-radius:8px;padding:10px 12px;background:rgba(255,78,188,.1);border:1px solid rgba(255,78,188,.16);font-size:.6rem;color:#cdb3d7}.note-strip strong{color:#fff}
.steps-section{padding-top:28px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.steps-grid article,.benefit-grid article,.vision-features article,.work-steps article,.why-grid article{border-radius:12px;background:linear-gradient(180deg,rgba(17,21,43,.95),rgba(22,8,34,.96));border:1px solid rgba(255,255,255,.08);padding:14px 12px;box-shadow:0 10px 24px rgba(0,0,0,.2);transition:.25s}.steps-grid article:hover,.benefit-grid article:hover,.vision-features article:hover,.work-steps article:hover,.why-grid article:hover{transform:translateY(-4px);border-color:rgba(255,78,188,.42);box-shadow:0 18px 36px rgba(0,0,0,.28)}.steps-grid span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(255,78,188,.16);color:#ff9ed8;font-size:.62rem;font-weight:950;margin:0 auto 9px}.steps-grid h3{text-align:center;font-size:.66rem}.steps-grid p{font-size:.55rem;margin:0;text-align:center;color:#bfa7ca}
.benefits{padding-top:18px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.benefit-grid article{min-height:110px}.benefit-grid b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(255,78,188,.13);color:var(--pink);margin-bottom:10px}.benefit-grid h3{font-size:.72rem}.benefit-grid p{font-size:.56rem;margin:0;color:#bca4c6}
.cta-qr{margin-top:12px;margin-bottom:26px;display:grid;grid-template-columns:1fr 120px;gap:18px;align-items:center;padding:18px;border-radius:14px;background:linear-gradient(90deg,rgba(21,15,43,.98),rgba(69,14,59,.92));border:1px solid rgba(255,78,188,.4);box-shadow:0 0 34px rgba(255,78,188,.16)}.cta-qr h2{font-size:1.15rem}.cta-qr p{font-size:.64rem}.qr-card{background:#fff;border-radius:9px;padding:8px;text-align:center;box-shadow:0 12px 32px rgba(0,0,0,.32)}.qr-card img{width:100%;border-radius:4px}.qr-card span{display:block;color:#170018;font-size:.55rem;font-weight:950;margin-top:4px}
.entry-panel{padding:24px 18px;text-align:center;background:linear-gradient(180deg,rgba(36,10,45,.96),rgba(18,8,28,.96));border-radius:12px;margin-bottom:28px}.floating-logo{position:absolute;left:18px;top:18px;width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--pink),#8a1f73);box-shadow:0 0 24px rgba(255,78,188,.5);font-weight:950}.entry-panel p{max-width:560px;margin:0 auto 16px;font-size:.66rem}.entry-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.entry-stats div{padding:11px 8px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.entry-stats strong{display:block;font-size:1rem;color:#fff}.entry-stats span{display:block;font-size:.52rem;color:#af93ba;margin-top:3px}.seed-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.seed-row span{border-radius:999px;padding:5px 9px;background:rgba(255,78,188,.11);border:1px solid rgba(255,78,188,.18);font-size:.54rem;color:#e9cfe7}
.vision{padding-top:0}.vision-card{padding:28px 18px;background:linear-gradient(180deg,#1c0828,#12071d);border-radius:0}.vision-grid{display:grid;grid-template-columns:1.1fr .82fr;gap:18px;align-items:stretch}.vision-copy{padding:14px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.vision-copy h3{font-size:1.1rem}.vision-copy p{font-size:.64rem}.portrait-card{position:relative;overflow:hidden;border-radius:10px;background:#070b17;border:1px solid rgba(255,78,188,.25);min-height:242px}.portrait-card img{width:100%;height:100%;object-fit:cover;opacity:.72}.portrait-card .button{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:linear-gradient(90deg,var(--pink),var(--purple))}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.mini-stats span{padding:8px;border-radius:8px;background:rgba(255,78,188,.08);font-size:.5rem;color:#bba0c4}.mini-stats strong{display:block;font-size:.73rem;color:#fff}.social-dots{display:flex;gap:6px;margin-top:12px}.social-dots i{width:17px;height:17px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));box-shadow:0 0 12px rgba(255,78,188,.35)}.vision-features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.vision-features b{color:var(--pink);font-size:.72rem}.vision-features h3{font-size:.63rem}.vision-features p{font-size:.53rem;margin:0;color:#bba3c4}
.work-card{padding:28px 18px;margin-top:30px;text-align:center;border-radius:12px;background:linear-gradient(180deg,#071526,#12071d)}.work-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.work-steps strong{display:block;color:var(--pink);font-size:.7rem}.work-steps h3{font-size:.64rem}.work-steps p{font-size:.52rem;margin:0}.learn-video{text-align:left;margin-top:24px}.learn-video h3{text-align:center;font-size:1.06rem}.video-poster{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(255,78,188,.25);background:#050914}.video-poster img{width:100%;max-height:290px;object-fit:cover;opacity:.8}.video-poster p{position:absolute;left:0;right:0;bottom:0;margin:0;padding:10px 12px;background:rgba(12,4,18,.82);font-size:.58rem;color:#fff;text-align:left}
.power-cta{margin-top:28px;padding:34px 20px;text-align:center;border-radius:0;background:linear-gradient(180deg,#0a1022,#080615)}.power-cta p{max-width:540px;margin-inline:auto;font-size:.68rem}.chip-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0}.chip-row span{font-size:.55rem;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#e2c4df}
.why-panel{margin-top:28px;padding:24px 18px;border-radius:12px;background:linear-gradient(180deg,rgba(14,19,40,.98),rgba(11,8,22,.98))}.why-header{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:start;margin-bottom:18px}.rocket{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--purple));box-shadow:0 0 26px rgba(21,214,255,.4);font-size:1.25rem}.why-header h2{font-size:1.58rem}.why-header p{font-size:.64rem}.why-grid{display:grid;gap:10px}.why-grid.major{grid-template-columns:repeat(2,1fr);margin-bottom:10px}.why-grid.minor{grid-template-columns:repeat(4,1fr)}.why-grid span{display:block;text-align:right;color:var(--pink);font-size:1.15rem;font-weight:950}.why-grid b{display:block;color:var(--gold);margin-bottom:8px}.why-grid h3{font-size:.72rem}.why-grid p{font-size:.54rem;margin:0;color:#baa2c5}.final-strip{margin-top:14px;padding:12px;border-radius:10px;background:linear-gradient(90deg,rgba(255,78,188,.14),rgba(127,77,255,.08));border:1px solid rgba(255,78,188,.2);font-size:.58rem;color:#d7c0dd;text-align:center}.final-strip strong{color:#fff}
.roadmap{margin-top:28px;margin-bottom:24px;padding:24px 18px;text-align:center;background:rgba(12,10,24,.8);border-radius:12px}.roadmap h2{font-size:1.65rem}.roadmap-line{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;position:relative}.roadmap-line article{padding:12px 9px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.roadmap-line span{display:block;color:var(--gold);font-weight:950;font-size:.75rem;margin-bottom:5px}.roadmap-line p{font-size:.52rem;margin:0;color:#bda5c7}.footer{padding:24px 17px 54px;text-align:center;color:#8f769b}.footer-socials{display:flex;justify-content:center;gap:7px;margin-bottom:8px}.footer-socials a{width:20px;height:20px;display:grid;place-items:center;border-radius:5px;background:linear-gradient(135deg,var(--purple),var(--pink));font-size:.56rem}.footer p{font-size:.55rem;margin:0;color:#806a8a}
.tilt-card{transform-style:preserve-3d;will-change:transform}.magnetic{will-change:transform}
@media (min-width:1050px){.section{padding:58px 0}.hero{padding-top:45px}.topbar{height:42px}.brand{font-size:.68rem}.brand img{width:24px;height:24px}.nav-pill a{font-size:.68rem;padding:7px 11px}.join-pill{min-height:28px;font-size:.68rem}.video-card{width:560px}.engine-card img{height:112px}.caption{font-size:.72rem}.trio article{padding:16px}.trio h3{font-size:.82rem}.trio p{font-size:.62rem}}
@media (max-width:720px){.container{width:min(var(--container),calc(100% - 26px))}.narrow{width:min(var(--narrow),calc(100% - 26px))}.topbar{top:6px}.nav-pill{position:fixed;left:13px;right:13px;top:48px;display:grid;grid-template-columns:repeat(3,1fr);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s}.nav-pill.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-pill a{text-align:center;font-size:.68rem;padding:9px}.menu-button{display:block}.brand{min-width:56px}.join-pill{font-size:.55rem;padding:0 9px}.hero-icons .coin{width:24px;height:24px}.coin.c1{left:12%;top:88px}.coin.c2{right:12%;top:90px}.coin.c3{left:8%;top:142px}.coin.c4{right:8%;top:160px}.coin.c5{left:9%;top:207px}.coin.c6{right:8%;top:221px}.hero{padding-top:34px}.video-wrap{margin-top:26px}.trio{grid-template-columns:1fr;gap:8px}.trio article{min-height:auto}.dark-panel{padding:28px 12px 12px}.engine-grid{grid-template-columns:1fr;gap:12px}.engine-card img{height:145px}.timeline article{grid-template-columns:56px 1fr}.timeline article>strong{font-size:1rem}.strategy-columns,.strategy-columns{grid-template-columns:1fr}.flow-row{grid-template-columns:1fr;gap:8px}.flow-row>i{height:24px;width:1px;margin:auto;background:linear-gradient(var(--pink),var(--cyan))}.flow-row>i:after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}.steps-grid,.benefit-grid,.vision-features,.work-steps,.why-grid.major,.why-grid.minor,.roadmap-line{grid-template-columns:1fr}.cta-qr{grid-template-columns:1fr;text-align:center}.qr-card{width:126px;margin:auto}.entry-stats{grid-template-columns:repeat(2,1fr)}.vision-grid{grid-template-columns:1fr}.portrait-card{height:248px}.social-rail{display:none}.why-header{grid-template-columns:1fr;text-align:center}.rocket{margin:auto}.learn-video{text-align:center}}
@media (max-width:390px){body{background-color:#160019}h1{font-size:2.02rem}.hero-copy{font-size:.72rem}.hero-icons .coin{width:22px;height:22px;font-size:.48rem}.coin.c1{left:14px}.coin.c2{right:16px}.coin.c3{left:24px}.coin.c4{right:26px}.coin.c5{left:18px}.coin.c6{right:17px}.dark-panel,.prediction-panel,.strategy,.entry-panel,.vision-card,.work-card,.power-cta,.why-panel,.roadmap{width:min(100% - 34px,760px)}.engine-card img{height:118px}.topbar{width:calc(100% - 16px)}.brand span{display:none}.menu-button{font-size:.56rem;padding:5px 8px}.join-pill{min-height:22px}.video-card{width:100%}.play-large{width:42px;height:42px}.flow-box{min-height:62px}.section{padding:30px 0}.dark-panel{margin-top:0}.prediction-panel{margin-top:16px}.caption{font-size:.55rem}.entry-stats strong{font-size:.82rem}.floating-logo{width:32px;height:32px}.vision-copy p{font-size:.58rem}.mini-stats{grid-template-columns:1fr}.video-poster p{position:static;background:#16051f}.power-cta h2{font-size:1.42rem}.why-header h2{font-size:1.32rem}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.loader{display:none}.reveal{opacity:1;transform:none}}

.video-note{position:absolute;left:50%;top:18px;transform:translateX(-50%);z-index:5;white-space:nowrap;background:rgba(255,78,188,.9);color:#fff;border-radius:999px;padding:6px 10px;font-size:.58rem;font-weight:900;box-shadow:0 0 18px rgba(255,78,188,.45)}
.video-screen.played img,.video-poster.played img{opacity:.38;filter:saturate(1.25) contrast(1.05)}

/* Professional polish update: wider layout, larger copy, animated linking cues */
:root{
  --container:1040px;
  --narrow:790px;
}

body{
  font-size:17px;
}

.container{
  width:min(var(--container), calc(100% - 44px));
}

.narrow{
  width:min(var(--narrow), calc(100% - 44px));
}

p,
.hero-copy,
.caption,
.section-title p,
.strategy-lead,
.entry-panel p,
.power-cta p,
.why-header p{
  font-size:clamp(1rem, 1.1vw, 1.14rem);
  line-height:1.72;
}

h1{
  font-size:clamp(3.1rem, 7vw, 6.1rem);
  line-height:.92;
}

h2{
  font-size:clamp(2.25rem, 4.8vw, 4.55rem);
  line-height:.96;
}

h3{
  font-size:clamp(1.05rem, 1.35vw, 1.32rem);
  line-height:1.18;
}

.mini-label,
.mini-tag,
.launch-note,
.button,
.join-pill,
.menu-button{
  font-size:.78rem;
}

.trio p,
.engine-footer p,
.timeline p,
.strategy-columns p,
.steps-grid p,
.benefit-grid p,
.vision-copy p,
.vision-features p,
.work-steps p,
.video-poster p,
.why-grid p,
.roadmap-line p,
.final-strip,
.seed-row span,
.entry-stats span,
.mini-stats span,
.note-strip{
  font-size:clamp(.82rem, .92vw, .96rem);
  line-height:1.62;
}

.trio h3,
.engine-footer h3,
.timeline h3,
.strategy-columns h3,
.steps-grid h3,
.benefit-grid h3,
.vision-features h3,
.work-steps h3,
.why-grid h3,
.learn-video h3{
  font-size:clamp(1rem, 1.18vw, 1.22rem);
}

.dark-panel,
.prediction-panel,
.strategy,
.entry-panel,
.vision-card,
.work-card,
.power-cta,
.why-panel,
.roadmap,
.cta-qr{
  border-radius:22px;
}

.dark-panel,
.prediction-panel,
.strategy,
.vision-card,
.work-card,
.why-panel,
.roadmap{
  padding:44px 36px;
}

.entry-panel,
.power-cta,
.cta-qr{
  padding:42px 36px;
}

.video-card{
  width:min(760px, 100%);
}

.video-screen img{
  min-height:360px;
  object-fit:cover;
}

.engine-grid,
.steps-grid,
.benefit-grid,
.vision-features,
.work-steps,
.why-grid,
.roadmap-line,
.strategy-columns,
.flow-row,
.entry-stats{
  gap:18px;
}

.engine-card img{
  height:190px;
}

.engine-card,
.trio article,
.steps-grid article,
.benefit-grid article,
.vision-features article,
.work-steps article,
.why-grid article,
.roadmap-line article,
.strategy-columns article,
.line-card,
.flow-box,
.entry-stats div{
  border-radius:18px;
}

/* Animated link lines between content blocks */
main{
  position:relative;
}

main:before{
  content:"";
  position:absolute;
  inset:0 auto 0 50%;
  width:1px;
  transform:translateX(-50%);
  background:linear-gradient(180deg, transparent, rgba(255,78,188,.38), rgba(21,214,255,.22), rgba(247,184,50,.34), transparent);
  opacity:.28;
  pointer-events:none;
  z-index:-1;
}

.section,
main > .container{
  position:relative;
}

.section:not(.hero):before,
main > .container:before{
  content:"";
  position:absolute;
  left:50%;
  top:-34px;
  width:2px;
  height:68px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(180deg, transparent, var(--pink), var(--cyan), transparent);
  background-size:100% 220%;
  animation:linkDrop 2.6s linear infinite;
  opacity:.72;
  filter:drop-shadow(0 0 12px rgba(255,78,188,.48));
  pointer-events:none;
}

.section:not(.hero):after,
main > .container:after{
  content:"";
  position:absolute;
  left:50%;
  top:30px;
  width:9px;
  height:9px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 5px rgba(255,78,188,.12), 0 0 22px rgba(255,78,188,.75);
  animation:nodePulse 2.1s ease-in-out infinite;
  pointer-events:none;
}

.hero:after,
.hero:before,
.footer:before,
.footer:after{
  display:none;
}

.engine-grid,
.strategy-columns,
.steps-grid,
.vision-features,
.work-steps,
.why-grid.major,
.why-grid.minor,
.roadmap-line{
  position:relative;
}

.engine-grid:before,
.strategy-columns:before,
.steps-grid:before,
.vision-features:before,
.work-steps:before,
.why-grid.major:before,
.why-grid.minor:before,
.roadmap-line:before{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  top:50%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,78,188,.35), rgba(21,214,255,.45), rgba(247,184,50,.38), transparent);
  background-size:240% 100%;
  animation:linkSweep 4.8s linear infinite;
  opacity:.55;
  pointer-events:none;
}

.engine-grid > *,
.strategy-columns > *,
.steps-grid > *,
.vision-features > *,
.work-steps > *,
.why-grid > *,
.roadmap-line > *{
  position:relative;
  z-index:1;
}

/* Animated navigation and CTA link states */
.nav-pill a,
.join-pill,
.button,
.social-rail a,
.footer-socials a,
.whatsapp{
  position:relative;
  overflow:hidden;
}

.nav-pill a:before,
.join-pill:before,
.button:before{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-115%);
  background:linear-gradient(110deg, transparent, rgba(255,255,255,.28), transparent);
  transition:transform .62s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}

.nav-pill a:hover:before,
.nav-pill a.active:before,
.join-pill:hover:before,
.button:hover:before{
  transform:translateX(115%);
}

.nav-pill a:after{
  content:"";
  position:absolute;
  left:11px;
  right:11px;
  bottom:3px;
  height:2px;
  border-radius:999px;
  transform:scaleX(0);
  transform-origin:left;
  background:linear-gradient(90deg, var(--pink), var(--cyan), var(--gold));
  transition:transform .35s ease;
}

.nav-pill a:hover:after,
.nav-pill a.active:after{
  transform:scaleX(1);
}

.link-ripple{
  position:absolute;
  width:10px;
  height:10px;
  border-radius:50%;
  transform:translate(-50%, -50%) scale(0);
  background:rgba(255,255,255,.45);
  animation:rippleOut .7s ease-out forwards;
  pointer-events:none;
}

.target-pulse{
  animation:targetGlow 1.2s ease-out 1;
}

.flow-row > i{
  position:relative;
  overflow:hidden;
  opacity:.9;
}

.flow-row > i:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, #fff, transparent);
  animation:linkTravel 1.45s linear infinite;
}

.line-card .bar i{
  animation:barBreathe 2.6s ease-in-out infinite;
}

@keyframes linkDrop{
  0%{background-position:0 -120%; opacity:.18}
  35%{opacity:.86}
  100%{background-position:0 120%; opacity:.18}
}

@keyframes nodePulse{
  0%,100%{transform:translateX(-50%) scale(.82); opacity:.55}
  50%{transform:translateX(-50%) scale(1.18); opacity:1}
}

@keyframes linkSweep{
  0%{background-position:220% 0}
  100%{background-position:-220% 0}
}

@keyframes linkTravel{
  0%{transform:translateX(-120%)}
  100%{transform:translateX(120%)}
}

@keyframes rippleOut{
  to{transform:translate(-50%, -50%) scale(18); opacity:0}
}

@keyframes targetGlow{
  0%{box-shadow:0 0 0 rgba(255,78,188,0)}
  35%{box-shadow:0 0 0 8px rgba(255,78,188,.12), 0 0 42px rgba(255,78,188,.35)}
  100%{box-shadow:0 0 0 rgba(255,78,188,0)}
}

@keyframes barBreathe{
  0%,100%{filter:brightness(1); box-shadow:0 0 10px rgba(255,78,188,.25)}
  50%{filter:brightness(1.4); box-shadow:0 0 22px rgba(255,78,188,.48)}
}

@media (min-width:1050px){
  .section{padding:76px 0;}
  .hero{padding-top:62px;}
  .topbar{height:48px; width:min(960px, calc(100% - 44px));}
  .brand{font-size:.82rem;}
  .brand img{width:30px;height:30px;}
  .nav-pill a{font-size:.78rem;padding:9px 14px;}
  .join-pill{min-height:32px;font-size:.78rem;padding-inline:15px;}
  .trio article{padding:24px;}
  .trio h3{font-size:1.08rem;}
  .trio p{font-size:.9rem;}
  .caption{font-size:.96rem;}
  .entry-stats strong{font-size:1.55rem;}
  .roadmap h2{font-size:2.45rem;}
}

@media (max-width:720px){
  :root{--container:100%;--narrow:100%;}
  .container,
  .narrow{width:min(100% - 28px, 720px);}
  body{font-size:16px;}
  h1{font-size:clamp(2.45rem, 12vw, 3.5rem);}
  h2{font-size:clamp(1.85rem, 8vw, 2.7rem);}
  p,
  .hero-copy,
  .caption,
  .section-title p,
  .strategy-lead,
  .entry-panel p,
  .power-cta p,
  .why-header p{font-size:.98rem;}
  .trio p,
  .engine-footer p,
  .timeline p,
  .strategy-columns p,
  .steps-grid p,
  .benefit-grid p,
  .vision-copy p,
  .vision-features p,
  .work-steps p,
  .video-poster p,
  .why-grid p,
  .roadmap-line p,
  .final-strip,
  .seed-row span,
  .entry-stats span,
  .mini-stats span,
  .note-strip{font-size:.86rem;}
  .dark-panel,
  .prediction-panel,
  .strategy,
  .entry-panel,
  .vision-card,
  .work-card,
  .power-cta,
  .why-panel,
  .roadmap,
  .cta-qr{padding:30px 18px;border-radius:18px;}
  .video-screen img{min-height:220px;}
  .engine-grid:before,
  .strategy-columns:before,
  .steps-grid:before,
  .vision-features:before,
  .work-steps:before,
  .why-grid.major:before,
  .why-grid.minor:before,
  .roadmap-line:before{display:none;}
  .section:not(.hero):before,
  main > .container:before{height:46px;top:-23px;}
  .section:not(.hero):after,
  main > .container:after{top:22px;}
}

@media (max-width:390px){
  h1{font-size:2.25rem;}
  .hero-copy{font-size:.95rem;}
  .caption{font-size:.84rem;}
  .dark-panel,.prediction-panel,.strategy,.entry-panel,.vision-card,.work-card,.power-cta,.why-panel,.roadmap{width:min(100% - 26px,760px);}
  .power-cta h2{font-size:1.9rem;}
  .why-header h2{font-size:1.75rem;}
}

/* Final refinement: properly positioned animated links, floating crypto art, stronger section motion, larger social handles */
body{
  position:relative;
}
main,
.footer{
  position:relative;
  z-index:2;
}

/* Disable the earlier pseudo-link system so lines no longer sit in awkward positions. */
main:before,
.section:not(.hero):before,
.section:not(.hero):after,
main > .container:before,
main > .container:after{
  display:none !important;
}

.link-network{
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  pointer-events:none;
  z-index:1;
  opacity:.72;
  overflow:hidden;
}

.link-network svg{
  display:block;
  width:100%;
  overflow:visible;
}

.link-path{
  fill:none;
  stroke:url(#vortexLinkGradient);
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-dasharray:10 18;
  animation:networkFlow 1.65s linear infinite;
  filter:drop-shadow(0 0 12px rgba(255,78,188,.5));
  opacity:.62;
}

.link-path.secondary{
  stroke-width:1;
  stroke-dasharray:2 16;
  opacity:.38;
  animation-duration:2.6s;
}

.link-node{
  fill:#fff;
  stroke:rgba(255,78,188,.55);
  stroke-width:2;
  filter:drop-shadow(0 0 12px rgba(255,78,188,.8));
  animation:nodePing 2.25s ease-in-out infinite;
}

.link-node.gold{
  stroke:rgba(247,184,50,.72);
  filter:drop-shadow(0 0 12px rgba(247,184,50,.72));
}

@keyframes networkFlow{
  from{stroke-dashoffset:0}
  to{stroke-dashoffset:-56}
}

@keyframes nodePing{
  0%,100%{opacity:.48; r:4}
  50%{opacity:1; r:6.5}
}

.crypto-float-layer{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:3;
  overflow:hidden;
}

.crypto-img{
  position:absolute;
  width:clamp(58px, 5.4vw, 104px);
  height:auto;
  opacity:.86;
  filter:drop-shadow(0 16px 25px rgba(0,0,0,.45)) drop-shadow(0 0 22px rgba(255,78,188,.28));
  will-change:transform;
  animation:cryptoFloat 7s ease-in-out infinite;
}

.crypto-btc{left:7vw;top:17vh;animation-duration:7.2s;}
.crypto-eth{right:9vw;top:19vh;animation-duration:8s;animation-delay:.7s;}
.crypto-xrp{left:5vw;bottom:18vh;animation-duration:8.5s;animation-delay:1.2s;}
.crypto-usdt{right:6vw;bottom:22vh;animation-duration:7.7s;animation-delay:1.8s;}
.crypto-sol{right:18vw;top:51vh;animation-duration:9s;animation-delay:2.2s;}

@keyframes cryptoFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(-7deg) scale(1)}
  35%{transform:translate3d(12px,-22px,0) rotate(8deg) scale(1.06)}
  70%{transform:translate3d(-10px,10px,0) rotate(-3deg) scale(.98)}
}

/* Stronger, cleaner section animation system */
.reveal{
  transform:translateY(42px) scale(.975);
  filter:blur(8px);
  transition:opacity .82s ease, transform .82s cubic-bezier(.18,.78,.18,1), filter .82s ease;
}

.reveal.in{
  transform:translateY(0) scale(1);
  filter:blur(0);
}

.dark-panel,
.prediction-panel,
.strategy,
.entry-panel,
.vision-card,
.work-card,
.power-cta,
.why-panel,
.roadmap,
.cta-qr,
.trio article,
.engine-card,
.line-card,
.strategy-columns article,
.flow-box,
.steps-grid article,
.benefit-grid article,
.vision-features article,
.work-steps article,
.why-grid article,
.roadmap-line article{
  position:relative;
  isolation:isolate;
}

.dark-panel:after,
.prediction-panel:after,
.strategy:after,
.entry-panel:after,
.vision-card:after,
.work-card:after,
.power-cta:after,
.why-panel:after,
.roadmap:after,
.cta-qr:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at var(--mx,50%) var(--my,0%), rgba(255,78,188,.17), transparent 18rem),
    linear-gradient(115deg, transparent 0 34%, rgba(255,255,255,.075) 48%, transparent 62%);
  background-size:100% 100%, 240% 100%;
  background-position:center, -160% 0;
  animation:sectionSheen 8.5s ease-in-out infinite;
}

.dark-panel,
.prediction-panel,
.strategy,
.entry-panel,
.vision-card,
.work-card,
.power-cta,
.why-panel,
.roadmap,
.cta-qr{
  border-color:rgba(255,78,188,.28);
  box-shadow:0 24px 75px rgba(0,0,0,.48), 0 0 0 1px rgba(255,255,255,.04) inset, 0 0 42px rgba(255,78,188,.12);
  transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.dark-panel:hover,
.prediction-panel:hover,
.strategy:hover,
.entry-panel:hover,
.vision-card:hover,
.work-card:hover,
.power-cta:hover,
.why-panel:hover,
.roadmap:hover,
.cta-qr:hover{
  transform:translateY(-3px);
  border-color:rgba(255,132,204,.48);
  box-shadow:0 32px 95px rgba(0,0,0,.58), 0 0 0 1px rgba(255,255,255,.06) inset, 0 0 64px rgba(255,78,188,.22);
}

.reveal.in .engine-card,
.reveal.in .strategy-columns article,
.reveal.in .steps-grid article,
.reveal.in .benefit-grid article,
.reveal.in .vision-features article,
.reveal.in .work-steps article,
.reveal.in .why-grid article,
.reveal.in .roadmap-line article,
.reveal.in .trio article{
  animation:cardLift .75s cubic-bezier(.18,.78,.18,1) both;
}

.reveal.in .engine-card:nth-child(2),
.reveal.in .strategy-columns article:nth-child(2),
.reveal.in .steps-grid article:nth-child(2),
.reveal.in .benefit-grid article:nth-child(2),
.reveal.in .vision-features article:nth-child(2),
.reveal.in .work-steps article:nth-child(2),
.reveal.in .why-grid article:nth-child(2),
.reveal.in .roadmap-line article:nth-child(2),
.reveal.in .trio article:nth-child(2){animation-delay:.08s}
.reveal.in .engine-card:nth-child(3),
.reveal.in .strategy-columns article:nth-child(3),
.reveal.in .steps-grid article:nth-child(3),
.reveal.in .benefit-grid article:nth-child(3),
.reveal.in .vision-features article:nth-child(3),
.reveal.in .work-steps article:nth-child(3),
.reveal.in .why-grid article:nth-child(3),
.reveal.in .roadmap-line article:nth-child(3),
.reveal.in .trio article:nth-child(3){animation-delay:.16s}
.reveal.in .steps-grid article:nth-child(4),
.reveal.in .benefit-grid article:nth-child(4),
.reveal.in .vision-features article:nth-child(4),
.reveal.in .work-steps article:nth-child(4),
.reveal.in .why-grid article:nth-child(4),
.reveal.in .roadmap-line article:nth-child(4){animation-delay:.24s}
.reveal.in .benefit-grid article:nth-child(5){animation-delay:.32s}
.reveal.in .benefit-grid article:nth-child(6){animation-delay:.4s}

@keyframes sectionSheen{
  0%,42%{background-position:center, -170% 0; opacity:.72}
  58%{background-position:center, 170% 0; opacity:1}
  100%{background-position:center, 170% 0; opacity:.72}
}

@keyframes cardLift{
  from{opacity:0; transform:translateY(22px) scale(.96)}
  to{opacity:1; transform:translateY(0) scale(1)}
}

.hero-icons .coin{
  width:42px;
  height:42px;
  font-size:.82rem;
  box-shadow:0 0 28px rgba(255,78,188,.32), inset 0 1px 10px rgba(255,255,255,.16);
}

.social-rail{
  left:24px;
  top:50%;
  transform:translateY(-50%);
  gap:14px;
}

.social-rail a{
  width:46px;
  height:46px;
  border-radius:16px;
  font-size:1.02rem;
  font-weight:900;
  color:#fff;
  background:linear-gradient(145deg, rgba(255,78,188,.22), rgba(10,7,23,.92));
  border:1px solid rgba(255,132,204,.64);
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset, 0 10px 30px rgba(0,0,0,.42), 0 0 24px rgba(255,78,188,.3);
}

.social-rail a:hover{
  transform:translateX(7px) scale(1.08);
  background:linear-gradient(135deg,var(--purple),var(--pink));
  box-shadow:0 0 0 1px rgba(255,255,255,.18) inset, 0 16px 40px rgba(0,0,0,.5), 0 0 34px rgba(255,78,188,.55);
}

.footer{
  padding-top:44px;
  padding-bottom:80px;
  background:linear-gradient(180deg, transparent, rgba(8,4,18,.75));
}

.footer-socials{
  gap:16px;
  margin-bottom:18px;
}

.footer-socials a{
  width:48px;
  height:48px;
  border-radius:15px;
  display:grid;
  place-items:center;
  font-size:1.04rem;
  font-weight:950;
  color:#fff;
  background:linear-gradient(135deg,var(--purple),var(--pink) 55%,var(--gold));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 12px 34px rgba(0,0,0,.45), 0 0 28px rgba(255,78,188,.42);
}

.footer-socials a:hover{
  transform:translateY(-5px) rotate(-3deg);
  box-shadow:0 18px 44px rgba(0,0,0,.55), 0 0 42px rgba(255,78,188,.68);
}

.footer p{
  font-size:1rem;
  color:#d6bedf;
}

/* More visible hero crypto/AI tokens without crowding the title */
.coin.c1{left:13%;top:108px}
.coin.c2{right:13%;top:96px}
.coin.c3{left:8%;top:198px}
.coin.c4{right:8%;top:210px}
.coin.c5{left:10%;top:302px}
.coin.c6{right:9%;top:330px}

@media (max-width:1100px){
  .crypto-img{opacity:.56;width:58px;}
  .crypto-btc{left:2vw;top:16vh}
  .crypto-eth{right:2vw;top:19vh}
  .crypto-xrp{left:2vw;bottom:18vh}
  .crypto-usdt{right:2vw;bottom:20vh}
  .crypto-sol{display:none}
  .social-rail{left:12px;gap:10px}
  .social-rail a{width:38px;height:38px;border-radius:13px;font-size:.9rem}
}

@media (max-width:720px){
  .link-network{display:none}
  .crypto-float-layer{display:none}
  .hero-icons .coin{width:28px;height:28px;font-size:.58rem}
  .social-rail{display:none!important}
  .footer-socials a{width:42px;height:42px;font-size:.95rem}
  .footer p{font-size:.88rem;max-width:320px;margin-inline:auto}
  .dark-panel:hover,
  .prediction-panel:hover,
  .strategy:hover,
  .entry-panel:hover,
  .vision-card:hover,
  .work-card:hover,
  .power-cta:hover,
  .why-panel:hover,
  .roadmap:hover,
  .cta-qr:hover{transform:none}
}

/* FINAL PASS: visible social handles, larger token images, wider professional content, clean section link spine */
:root{
  --container:980px !important;
  --narrow:760px !important;
}

body{
  font-size:18px !important;
}

.container{width:min(var(--container), calc(100% - 44px)) !important;}
.narrow{width:min(var(--narrow), calc(100% - 44px)) !important;}

p{font-size:1.08rem !important; line-height:1.72 !important;}
h3{font-size:1.18rem !important;}
.hero-copy{max-width:820px !important;font-size:1.2rem !important;line-height:1.68 !important;}
.caption{max-width:760px !important;margin-inline:auto !important;font-size:1.02rem !important;}
.trio p,
.engine-footer p,
.timeline p,
.strategy-columns p,
.steps-grid p,
.benefit-grid p,
.vision-copy p,
.vision-features p,
.work-steps p,
.video-poster p,
.why-grid p,
.roadmap-line p,
.final-strip,
.seed-row span,
.entry-stats span,
.mini-stats span,
.note-strip,
.disclaimer-box p{font-size:.98rem !important;line-height:1.62 !important;}
.engine-footer h3{font-size:1rem !important;}
.entry-stats strong{font-size:1.75rem !important;}

.dark-panel,
.prediction-panel,
.strategy,
.entry-panel,
.vision-card,
.work-card,
.power-cta,
.why-panel,
.roadmap,
.cta-qr{
  border-radius:22px !important;
  padding-left:36px !important;
  padding-right:36px !important;
}
.dark-panel{padding-top:54px !important;padding-bottom:32px !important;}
.video-card{width:min(820px,100%) !important;}
.video-screen img{min-height:420px !important;object-fit:cover !important;}
.engine-card img{height:170px !important;}

/* Replace tiny text bubbles with large premium coin images in hero. */
.hero-icons .coin,
.hero-icons .token-img{
  width:88px !important;
  height:88px !important;
  min-width:88px !important;
  min-height:88px !important;
  object-fit:contain !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:drop-shadow(0 22px 26px rgba(0,0,0,.55)) drop-shadow(0 0 30px rgba(255,78,188,.34)) !important;
  animation:heroCoinFloat 5.5s ease-in-out infinite !important;
}
.coin.c1{left:12% !important;top:105px !important;}
.coin.c2{right:12% !important;top:98px !important;}
.coin.c3{left:7% !important;top:225px !important;}
.coin.c4{right:7% !important;top:240px !important;}
.coin.c5{left:9% !important;top:380px !important;}
.coin.c6{right:9% !important;top:395px !important;}
@keyframes heroCoinFloat{
  0%,100%{transform:translateY(0) rotate(-6deg) scale(1)}
  45%{transform:translateY(-28px) rotate(7deg) scale(1.08)}
  72%{transform:translateY(8px) rotate(-2deg) scale(.98)}
}

.crypto-img{
  width:clamp(96px, 7.2vw, 144px) !important;
  opacity:.9 !important;
  filter:drop-shadow(0 24px 32px rgba(0,0,0,.55)) drop-shadow(0 0 36px rgba(255,78,188,.35)) !important;
}
.crypto-btc{left:4vw !important;top:22vh !important;}
.crypto-eth{right:5vw !important;top:24vh !important;}
.crypto-xrp{left:3vw !important;bottom:18vh !important;}
.crypto-usdt{right:4vw !important;bottom:18vh !important;}
.crypto-sol{right:16vw !important;top:57vh !important;}

.social-rail{
  display:flex !important;
  left:28px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  gap:18px !important;
  z-index:900 !important;
}
.social-rail a{
  width:64px !important;
  height:64px !important;
  min-width:64px !important;
  min-height:64px !important;
  border-radius:22px !important;
  display:grid !important;
  place-items:center !important;
  font-size:1.15rem !important;
  font-weight:1000 !important;
  letter-spacing:.02em !important;
  color:#fff !important;
  background:linear-gradient(135deg, rgba(127,77,255,.98), rgba(255,78,188,.98) 58%, rgba(247,184,50,.95)) !important;
  border:2px solid rgba(255,255,255,.3) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.56), 0 0 0 1px rgba(255,255,255,.08) inset, 0 0 42px rgba(255,78,188,.58) !important;
  text-shadow:0 1px 8px rgba(0,0,0,.45) !important;
}
.social-rail a span{display:block !important;font-size:inherit !important;font-weight:inherit !important;color:#fff !important;line-height:1 !important;}
.social-rail a:hover{transform:translateX(11px) scale(1.12) rotate(-3deg) !important;}

.footer{
  padding:64px 24px 96px !important;
  background:linear-gradient(180deg,rgba(12,7,24,.2),rgba(10,6,22,.96)) !important;
}
.footer-socials{
  gap:20px !important;
  margin-bottom:26px !important;
}
.footer-socials a{
  width:66px !important;
  height:66px !important;
  min-width:66px !important;
  min-height:66px !important;
  border-radius:22px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  font-size:1.12rem !important;
  font-weight:1000 !important;
  letter-spacing:.02em !important;
  background:linear-gradient(135deg,var(--purple),var(--pink) 55%,var(--gold)) !important;
  border:2px solid rgba(255,255,255,.32) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.58), 0 0 42px rgba(255,78,188,.62) !important;
  text-shadow:0 1px 8px rgba(0,0,0,.48) !important;
}
.footer-socials a span{display:block !important;font-size:inherit !important;font-weight:inherit !important;color:#fff !important;line-height:1 !important;}
.footer p{
  max-width:920px !important;
  margin-inline:auto !important;
  font-size:1.12rem !important;
  line-height:1.65 !important;
  color:#ead7f2 !important;
}

.link-network{z-index:1 !important;opacity:.95 !important;}
.link-path{
  stroke-width:3.4 !important;
  stroke-dasharray:14 22 !important;
  opacity:.88 !important;
  filter:drop-shadow(0 0 16px rgba(255,78,188,.8)) drop-shadow(0 0 9px rgba(21,214,255,.45)) !important;
}
.link-path.secondary{stroke-width:1.7 !important;opacity:.45 !important;}
.link-node{filter:drop-shadow(0 0 18px rgba(255,78,188,.95)) !important;}

/* More motion inside each major section without changing the layout. */
.dark-panel:before,
.prediction-panel:before,
.strategy:before,
.entry-panel:before,
.vision-card:before,
.work-card:before,
.why-panel:before,
.power-cta:before,
.roadmap:before,
.cta-qr:before{
  height:3px !important;
  background:linear-gradient(90deg,transparent,var(--pink),var(--cyan),var(--gold),transparent) !important;
  background-size:260% 100% !important;
  animation:linkSweep 4s linear infinite !important;
}

.engine-card,
.steps-grid article,
.benefit-grid article,
.vision-features article,
.work-steps article,
.why-grid article,
.roadmap-line article,
.trio article{
  transition:transform .32s ease, border-color .32s ease, box-shadow .32s ease !important;
}
.engine-card:hover,
.steps-grid article:hover,
.benefit-grid article:hover,
.vision-features article:hover,
.work-steps article:hover,
.why-grid article:hover,
.roadmap-line article:hover,
.trio article:hover{
  transform:translateY(-8px) scale(1.018) !important;
  border-color:rgba(255,132,204,.62) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.48),0 0 46px rgba(255,78,188,.22) !important;
}

@media (max-width:1280px){
  .social-rail{left:18px !important;gap:14px !important;}
  .social-rail a{width:56px !important;height:56px !important;min-width:56px !important;min-height:56px !important;font-size:1rem !important;border-radius:19px !important;}
  .hero-icons .coin,.hero-icons .token-img{width:74px !important;height:74px !important;min-width:74px !important;min-height:74px !important;}
  .coin.c1{left:9% !important}.coin.c2{right:9% !important}.coin.c3{left:4% !important}.coin.c4{right:4% !important}.coin.c5{left:6% !important}.coin.c6{right:6% !important}
}

@media (max-width:900px){
  :root{--container:100% !important;--narrow:100% !important;}
  .container,.narrow{width:min(100% - 28px, 900px) !important;}
  p{font-size:1rem !important;}
  .hero-copy{font-size:1.02rem !important;}
  .social-rail{display:none !important;}
  .crypto-float-layer{display:none !important;}
  .hero-icons .coin,.hero-icons .token-img{width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;}
  .coin.c1{left:6% !important;top:88px !important}.coin.c2{right:6% !important;top:92px !important}.coin.c3{left:3% !important;top:175px !important}.coin.c4{right:3% !important;top:185px !important}.coin.c5,.coin.c6{display:none !important;}
  .video-screen img{min-height:250px !important;}
  .dark-panel,.prediction-panel,.strategy,.entry-panel,.vision-card,.work-card,.power-cta,.why-panel,.roadmap,.cta-qr{padding-left:20px !important;padding-right:20px !important;border-radius:18px !important;}
  .footer-socials a{width:54px !important;height:54px !important;min-width:54px !important;min-height:54px !important;font-size:.96rem !important;}
  .footer p{font-size:.96rem !important;}
}

/* CLIENT REVISION: fixed-size SVG icons, section-anchored linking cues, and non-sticky floating coins */
.link-network,
.link-network svg{
  display:none !important;
}

/* Crypto images are now anchored to the hero/page area instead of sticking to the viewport while scrolling. */
.crypto-float-layer{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  right:0 !important;
  height:880px !important;
  pointer-events:none !important;
  overflow:hidden !important;
  z-index:1 !important;
}
.crypto-img{
  position:absolute !important;
  width:clamp(58px, 5vw, 92px) !important;
  opacity:.72 !important;
  translate:none !important;
  filter:drop-shadow(0 16px 26px rgba(0,0,0,.5)) drop-shadow(0 0 22px rgba(255,78,188,.26)) !important;
  animation:cryptoFloatSoft 7.5s ease-in-out infinite !important;
}
.crypto-btc{left:6vw !important;top:235px !important;}
.crypto-eth{right:6vw !important;top:245px !important;animation-delay:.4s !important;}
.crypto-xrp{left:7vw !important;top:560px !important;animation-delay:1s !important;}
.crypto-usdt{right:7vw !important;top:570px !important;animation-delay:1.4s !important;}
.crypto-sol{right:18vw !important;top:450px !important;animation-delay:1.9s !important;}
@keyframes cryptoFloatSoft{
  0%,100%{transform:translateY(0) rotate(-5deg) scale(1)}
  50%{transform:translateY(-16px) rotate(5deg) scale(1.04)}
}

/* Keep all icon layers moving only with their own parent section, never with page scroll. */
.hero-icons .coin,
.crypto-img{
  translate:none !important;
}

/* Hero section icon system: real SVG icons, not text labels. */
.hero{
  overflow:hidden !important;
}
.hero .container{
  position:relative !important;
  z-index:4 !important;
}
.hero-icons{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
}
.hero-icons .coin{
  width:68px !important;
  height:68px !important;
  min-width:68px !important;
  min-height:68px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:radial-gradient(circle at 35% 25%, rgba(255,255,255,.38), rgba(255,78,188,.14) 34%, rgba(12,7,24,.86) 72%) !important;
  box-shadow:0 18px 36px rgba(0,0,0,.42), 0 0 28px rgba(255,78,188,.26), inset 0 0 18px rgba(255,255,255,.06) !important;
  animation:heroSvgFloat 6s ease-in-out infinite !important;
}
.hero-icons .coin svg{
  width:72% !important;
  height:72% !important;
  display:block !important;
  overflow:visible !important;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.35));
}
.coin.c1{left:14% !important;top:92px !important;}
.coin.c2{right:14% !important;top:88px !important;animation-delay:.6s !important;}
.coin.c3{left:9% !important;top:205px !important;animation-delay:1.1s !important;}
.coin.c4{right:9% !important;top:210px !important;animation-delay:1.5s !important;}
.coin.c5{left:12% !important;top:330px !important;animation-delay:2s !important;}
.coin.c6{right:12% !important;top:340px !important;animation-delay:2.4s !important;}
@keyframes heroSvgFloat{
  0%,100%{transform:translateY(0) rotate(-4deg)}
  50%{transform:translateY(-18px) rotate(5deg)}
}

/* Social handles: visible SVG buttons at a professional size, not oversized text boxes. */
.social-rail{
  position:fixed !important;
  left:22px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:160 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}
.social-rail a,
.footer-socials a{
  color:#fff !important;
  display:grid !important;
  place-items:center !important;
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:linear-gradient(135deg, rgba(127,77,255,.92), rgba(255,78,188,.92) 58%, rgba(247,184,50,.84)) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.46), 0 0 24px rgba(255,78,188,.38), inset 0 1px 0 rgba(255,255,255,.24) !important;
  text-shadow:none !important;
}
.social-rail a{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  border-radius:16px !important;
}
.social-rail a svg,
.footer-socials a svg,
.whatsapp svg{
  width:22px !important;
  height:22px !important;
  display:block !important;
  fill:currentColor;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.social-rail a:hover{
  transform:translateX(7px) scale(1.07) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.52), 0 0 34px rgba(255,78,188,.55) !important;
}
.whatsapp{
  width:44px !important;
  height:44px !important;
  right:18px !important;
  bottom:18px !important;
  color:#fff !important;
}
.whatsapp svg{
  width:25px !important;
  height:25px !important;
  stroke:none !important;
}

.footer-socials{
  display:flex !important;
  justify-content:center !important;
  gap:14px !important;
  margin-bottom:20px !important;
}
.footer-socials a{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  border-radius:16px !important;
}
.footer-socials a svg{
  width:23px !important;
  height:23px !important;
}
.footer p{
  color:#dcc4e6 !important;
  font-size:1rem !important;
}

/* Section-anchored linking animation. These lines belong to each section, so they scroll naturally with the content. */
main > section:not(.hero){
  position:relative !important;
}
main > section:not(.hero)::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:-34px !important;
  width:3px !important;
  height:54px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(255,78,188,0), var(--pink), var(--cyan), var(--gold), rgba(247,184,50,0)) !important;
  background-size:100% 220% !important;
  animation:sectionConnectorFlow 2.8s linear infinite !important;
  transform:translateX(-50%) !important;
  box-shadow:0 0 18px rgba(255,78,188,.38) !important;
  z-index:0 !important;
  pointer-events:none !important;
}
main > section:not(.hero)::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:16px !important;
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  transform:translateX(-50%) !important;
  background:#fff !important;
  border:2px solid rgba(255,78,188,.85) !important;
  box-shadow:0 0 20px rgba(255,78,188,.68) !important;
  animation:sectionNodePulse 2.4s ease-in-out infinite !important;
  z-index:0 !important;
  pointer-events:none !important;
}
@keyframes sectionConnectorFlow{
  from{background-position:0 -120%;opacity:.45}
  50%{opacity:.9}
  to{background-position:0 120%;opacity:.45}
}
@keyframes sectionNodePulse{
  0%,100%{transform:translateX(-50%) scale(.82);opacity:.62}
  50%{transform:translateX(-50%) scale(1.18);opacity:1}
}

/* Local card/grid connection lines only. */
.engine-grid,
.strategy-columns,
.steps-grid,
.benefit-grid,
.work-steps,
.why-grid.major,
.roadmap-line{
  position:relative !important;
}
.engine-grid::after,
.strategy-columns::after,
.steps-grid::after,
.benefit-grid::after,
.work-steps::after,
.why-grid.major::after,
.roadmap-line::after{
  content:"" !important;
  position:absolute !important;
  left:8% !important;
  right:8% !important;
  top:50% !important;
  height:1px !important;
  transform:translateY(-50%) !important;
  background:linear-gradient(90deg, transparent, rgba(255,78,188,.4), rgba(21,214,255,.3), rgba(247,184,50,.36), transparent) !important;
  background-size:220% 100% !important;
  animation:linkSweep 5s linear infinite !important;
  z-index:0 !important;
  pointer-events:none !important;
}
.engine-grid > *,
.strategy-columns > *,
.steps-grid > *,
.benefit-grid > *,
.work-steps > *,
.why-grid.major > *,
.roadmap-line > *{
  position:relative !important;
  z-index:1 !important;
}

@media (max-width:1280px){
  .social-rail{left:14px !important;gap:10px !important;}
  .social-rail a{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;border-radius:14px !important;}
  .social-rail a svg{width:20px !important;height:20px !important;}
  .hero-icons .coin{width:58px !important;height:58px !important;min-width:58px !important;min-height:58px !important;}
  .crypto-img{width:64px !important;opacity:.5 !important;}
}
@media (max-width:900px){
  .social-rail{display:none !important;}
  .crypto-float-layer{display:none !important;}
  .hero-icons .coin{width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important;}
  .hero-icons .coin svg{width:74% !important;height:74% !important;}
  .coin.c1{left:5% !important;top:94px !important;}
  .coin.c2{right:5% !important;top:96px !important;}
  .coin.c3{left:3% !important;top:172px !important;}
  .coin.c4{right:3% !important;top:178px !important;}
  .coin.c5,.coin.c6{display:none !important;}
  main > section:not(.hero)::before,
  main > section:not(.hero)::after,
  .engine-grid::after,
  .strategy-columns::after,
  .steps-grid::after,
  .benefit-grid::after,
  .work-steps::after,
  .why-grid.major::after,
  .roadmap-line::after{display:none !important;}
  .footer-socials a{width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;border-radius:14px !important;}
  .footer-socials a svg{width:21px !important;height:21px !important;}
}

/* CONTENT + VISIBILITY CLEANUP: readable slide imagery and stronger small text/cards */
.video-card,
.video-poster,
.portrait-card,
.engine-card{
  background:linear-gradient(180deg,#f8f5ff,#ede5fb) !important;
}

.video-screen{
  background:linear-gradient(180deg,#f8f5ff,#efe8fb) !important;
  aspect-ratio:16/9 !important;
}

.video-screen img,
.video-poster img,
.portrait-card img,
.engine-card img{
  opacity:1 !important;
  filter:none !important;
  object-fit:contain !important;
  object-position:center !important;
}

.video-screen img{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  padding:0 !important;
}

.video-card{
  border-radius:18px !important;
  border:1px solid rgba(255,132,204,.34) !important;
  overflow:hidden !important;
}

.fake-controls{
  background:rgba(5,10,22,.72) !important;
  border-radius:999px !important;
  padding:4px 8px !important;
  height:24px !important;
  bottom:10px !important;
  backdrop-filter:blur(10px) !important;
}

.engine-card img{
  height:230px !important;
  padding:8px !important;
  background:#f7f2ff !important;
}

.engine-footer{
  background:linear-gradient(180deg,rgba(12,8,23,.98),rgba(24,8,33,.98)) !important;
  padding:18px !important;
}

.engine-footer h3{
  font-size:1.08rem !important;
}

.engine-footer p{
  font-size:.94rem !important;
  color:#dec9e7 !important;
}

.portrait-card{
  min-height:360px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.portrait-card img{
  width:100% !important;
  height:100% !important;
  max-height:360px !important;
  padding:10px !important;
}

.video-poster{
  border-radius:18px !important;
  background:#f5f0ff !important;
  border:1px solid rgba(255,132,204,.35) !important;
  overflow:hidden !important;
}

.video-poster img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  display:block !important;
}

.video-poster .play-large{
  top:48% !important;
}

.video-poster p{
  position:static !important;
  margin:0 !important;
  padding:18px 22px !important;
  background:linear-gradient(90deg,rgba(21,8,29,.96),rgba(45,14,58,.96)) !important;
  color:#fff !important;
  font-size:1.06rem !important;
  line-height:1.55 !important;
  text-align:left !important;
}

.play-large{
  width:64px !important;
  height:64px !important;
  font-size:1.15rem !important;
  z-index:5 !important;
}

.flow-row{
  grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr) !important;
  gap:0 !important;
  margin:20px 0 22px !important;
}

.flow-box{
  min-height:118px !important;
  padding:20px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(12,20,39,.98),rgba(7,13,27,.98)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

.flow-box span{
  width:34px !important;
  height:34px !important;
  font-size:.9rem !important;
  margin-bottom:10px !important;
}

.flow-box strong{
  font-size:1.05rem !important;
  line-height:1.15 !important;
  color:#fff !important;
}

.flow-box small{
  margin-top:7px !important;
  font-size:.86rem !important;
  line-height:1.35 !important;
  color:#c7b1d2 !important;
}

.note-strip,
.final-strip,
.disclaimer-box{
  font-size:1rem !important;
  line-height:1.65 !important;
  padding:18px 22px !important;
  border-radius:14px !important;
}

.disclaimer-box span{
  font-size:1.2rem !important;
  line-height:1.4 !important;
}

.disclaimer-box p,
.final-strip,
.note-strip{
  color:#ead8f1 !important;
}

.trio article,
.strategy-columns article,
.steps-grid article,
.benefit-grid article,
.vision-features article,
.work-steps article,
.why-grid article,
.roadmap-line article,
.entry-stats div{
  padding:22px !important;
}

.trio p,
.strategy-columns p,
.steps-grid p,
.benefit-grid p,
.vision-features p,
.work-steps p,
.why-grid p,
.roadmap-line p,
.entry-stats span,
.seed-row span{
  font-size:1rem !important;
  line-height:1.58 !important;
}

.vision-copy{
  padding:24px !important;
}

.vision-copy p{
  font-size:1.05rem !important;
}

.mini-stats span{
  font-size:.92rem !important;
  line-height:1.4 !important;
  padding:14px !important;
}

.mini-stats strong{
  font-size:1.18rem !important;
}

.why-header p,
.section-title p,
.strategy-lead,
.entry-panel p,
.power-cta p,
.cta-qr p{
  max-width:860px !important;
}

.footer p{
  max-width:1040px !important;
  font-size:1.08rem !important;
  color:#efe2f5 !important;
}

@media (max-width:900px){
  .engine-card img{height:190px !important;}
  .portrait-card{min-height:260px !important;}
  .portrait-card img{max-height:260px !important;}
  .flow-row{grid-template-columns:1fr !important;gap:12px !important;}
  .flow-row > i{width:2px !important;height:34px !important;margin:auto !important;}
  .flow-box{min-height:104px !important;}
  .video-poster p{font-size:.98rem !important;padding:16px !important;}
}

/* FINAL ROADMAP UPGRADE: animated in-page timeline, not an image */
.roadmap{
  width:min(1200px, calc(100% - 34px)) !important;
  margin:52px auto 36px !important;
  padding:54px 48px 44px !important;
  text-align:center !important;
  border-radius:34px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(255,78,188,.24), transparent 26%),
    radial-gradient(circle at 13% 70%, rgba(127,77,255,.2), transparent 32%),
    radial-gradient(circle at 85% 64%, rgba(247,184,50,.16), transparent 30%),
    linear-gradient(180deg, rgba(13,9,27,.96), rgba(7,8,20,.98)) !important;
  border:1px solid rgba(255,132,204,.44) !important;
  box-shadow:0 34px 100px rgba(0,0,0,.58), 0 0 90px rgba(255,78,188,.14), inset 0 1px 0 rgba(255,255,255,.08) !important;
  isolation:isolate !important;
}

.roadmap::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  opacity:.55 !important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) !important;
  background-size:64px 64px !important;
  mask-image:radial-gradient(circle at 50% 38%, #000 0 44%, transparent 78%) !important;
  z-index:-2 !important;
}

.roadmap::after{
  content:"" !important;
  position:absolute !important;
  left:8% !important;
  right:8% !important;
  bottom:-80px !important;
  height:190px !important;
  pointer-events:none !important;
  opacity:.72 !important;
  background:
    repeating-linear-gradient(90deg, rgba(255,78,188,.28) 0 1px, transparent 1px 44px),
    repeating-linear-gradient(0deg, rgba(21,214,255,.12) 0 1px, transparent 1px 34px) !important;
  transform:perspective(620px) rotateX(64deg) !important;
  filter:blur(.1px) drop-shadow(0 0 20px rgba(255,78,188,.26)) !important;
  z-index:-1 !important;
  animation:roadGridDrift 10s linear infinite !important;
}

.roadmap-bg span{
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ff72ca;
  box-shadow:0 0 24px rgba(255,78,188,.85), 0 0 55px rgba(255,78,188,.38);
  opacity:.8;
  animation:roadParticle 7s ease-in-out infinite;
}
.roadmap-bg span:nth-child(1){left:9%;top:35%;animation-delay:.2s}
.roadmap-bg span:nth-child(2){right:12%;top:28%;background:#f7b832;box-shadow:0 0 24px rgba(247,184,50,.8);animation-delay:1.4s}
.roadmap-bg span:nth-child(3){left:48%;bottom:15%;background:#15d6ff;box-shadow:0 0 24px rgba(21,214,255,.8);animation-delay:2.5s}
.roadmap-bg span:nth-child(4){right:27%;bottom:34%;background:#fff;box-shadow:0 0 24px rgba(255,255,255,.7);animation-delay:3.1s}

.roadmap-head{
  position:relative !important;
  z-index:2 !important;
  max-width:1060px !important;
  margin:0 auto 34px !important;
}
.roadmap-head .mini-label{
  display:inline-flex !important;
  align-items:center !important;
  gap:14px !important;
  color:#ff64c8 !important;
  letter-spacing:.28em !important;
  font-size:1rem !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  margin-bottom:14px !important;
}
.roadmap-head .mini-label::before,
.roadmap-head .mini-label::after{
  content:"";
  width:52px;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(255,78,188,.8));
  border-radius:999px;
}
.roadmap-head .mini-label::after{background:linear-gradient(90deg, rgba(255,78,188,.8), transparent)}
.roadmap h2{
  font-size:clamp(2.45rem, 4.6vw, 4.65rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.05em !important;
  margin:0 0 16px !important;
  color:#fff !important;
  text-shadow:0 10px 34px rgba(255,78,188,.18) !important;
}
.roadmap-head p{
  max-width:900px !important;
  margin:0 auto !important;
  color:#e5d5ee !important;
  font-size:clamp(1.05rem, 1.5vw, 1.32rem) !important;
  line-height:1.62 !important;
}

.roadmap-progress{
  position:relative !important;
  z-index:2 !important;
  max-width:1050px !important;
  margin:0 auto 38px !important;
  padding:22px 14px 38px !important;
}
.progress-meta{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:18px !important;
  margin-bottom:18px !important;
  color:#fff !important;
  text-transform:uppercase !important;
  letter-spacing:.07em !important;
  font-size:.95rem !important;
  font-weight:900 !important;
}
.progress-meta span{color:#ffc1ea !important;}
.progress-meta strong{color:#fff !important;}
.progress-meta b{color:#ff71cf !important;}
.progress-track{
  position:relative !important;
  height:88px !important;
}
.progress-track::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:38px !important;
  height:12px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(255,255,255,.1), rgba(255,255,255,.05)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), inset 0 8px 18px rgba(0,0,0,.32) !important;
}
.progress-track::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:38px !important;
  height:12px !important;
  border-radius:999px !important;
  background-image:linear-gradient(90deg, transparent 0 94%, rgba(255,255,255,.2) 94% 100%) !important;
  background-size:42px 100% !important;
  opacity:.45 !important;
}
.road-progress-fill{
  position:absolute !important;
  left:0 !important;
  top:38px !important;
  width:0 !important;
  height:12px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, #ff4ebc 0%, #d86bff 42%, #15d6ff 56%, #f7b832 100%) !important;
  box-shadow:0 0 22px rgba(255,78,188,.75), 0 0 52px rgba(247,184,50,.32) !important;
  overflow:hidden !important;
  transition:width 1.45s cubic-bezier(.18,.82,.18,1) .35s !important;
}
.road-progress-fill::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.74), transparent);
  width:28%;
  transform:translateX(-120%);
  animation:roadShine 2.6s ease-in-out infinite .8s;
}
.roadmap.in .road-progress-fill{width:62% !important;}
.road-spark{
  position:absolute !important;
  left:0 !important;
  top:29px !important;
  width:30px !important;
  height:30px !important;
  border-radius:50% !important;
  background:#fff !important;
  transform:translateX(-50%) scale(.75) !important;
  box-shadow:0 0 25px #fff, 0 0 48px rgba(255,78,188,.92), 0 0 75px rgba(247,184,50,.55) !important;
  opacity:0 !important;
  transition:left 1.45s cubic-bezier(.18,.82,.18,1) .35s, opacity .35s ease .45s !important;
  animation:roadPulse 1.7s ease-in-out infinite !important;
}
.roadmap.in .road-spark{left:62% !important;opacity:1 !important;}

.road-node{
  position:absolute !important;
  left:var(--pos) !important;
  top:13px !important;
  width:64px !important;
  height:64px !important;
  transform:translateX(-50%) scale(.72) !important;
  opacity:0 !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  background:linear-gradient(180deg, rgba(255,78,188,.28), rgba(25,12,39,.96)) !important;
  border:2px solid rgba(255,132,204,.8) !important;
  box-shadow:0 0 0 10px rgba(255,78,188,.08), 0 0 34px rgba(255,78,188,.52), inset 0 0 18px rgba(255,255,255,.08) !important;
  transition:transform .6s cubic-bezier(.18,.82,.18,1), opacity .4s ease !important;
}
.road-node b{font-size:1.02rem !important;font-weight:950 !important;letter-spacing:-.03em !important;}
.road-node::before{
  content:"";
  position:absolute;
  inset:-12px;
  border-radius:50%;
  border:1px solid currentColor;
  opacity:.28;
  animation:roadRing 2.4s ease-in-out infinite;
}
.road-node::after{
  content:"";
  position:absolute;
  left:50%;
  top:72px;
  width:2px;
  height:34px;
  transform:translateX(-50%);
  background:linear-gradient(180deg, currentColor, transparent);
  opacity:.8;
}
.road-node.complete::before{content:"✓";display:grid;place-items:center;color:#fff;font-size:1.35rem;font-weight:950;inset:0;border:0;opacity:1;animation:none;z-index:2;}
.road-node.complete b{opacity:0;}
.road-node.upcoming,
.road-node.future{color:#f7b832 !important;border-color:rgba(247,184,50,.82) !important;background:linear-gradient(180deg, rgba(247,184,50,.22), rgba(25,15,12,.96)) !important;box-shadow:0 0 0 10px rgba(247,184,50,.08), 0 0 34px rgba(247,184,50,.45), inset 0 0 18px rgba(255,255,255,.08) !important;}
.roadmap.in .road-node{opacity:1 !important;transform:translateX(-50%) scale(1) !important;}
.roadmap.in .road-node:nth-of-type(1){transition-delay:.55s !important;}
.roadmap.in .road-node:nth-of-type(2){transition-delay:.75s !important;}
.roadmap.in .road-node:nth-of-type(3){transition-delay:.95s !important;}
.roadmap.in .road-node:nth-of-type(4){transition-delay:1.15s !important;}
.road-node.active{animation:activeNodeGlow 2.2s ease-in-out infinite !important;}

.roadmap .roadmap-line{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:22px !important;
  margin-top:6px !important;
  position:relative !important;
  z-index:2 !important;
}
.roadmap .roadmap-line::before,
.roadmap .roadmap-line::after{
  display:none !important;
  content:none !important;
}
.road-card{
  min-height:318px !important;
  padding:32px 24px 26px !important;
  border-radius:26px !important;
  text-align:center !important;
  background:
    radial-gradient(circle at 50% 0, rgba(255,78,188,.16), transparent 38%),
    linear-gradient(180deg, rgba(30,21,49,.78), rgba(12,10,26,.94)) !important;
  border:1px solid rgba(255,132,204,.34) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 18px 46px rgba(0,0,0,.36) !important;
  overflow:hidden !important;
  opacity:0 !important;
  transform:translateY(28px) scale(.96) !important;
  transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease !important;
}
.roadmap.in .road-card{
  animation:roadCardAppear .72s cubic-bezier(.18,.82,.18,1) forwards !important;
}
.roadmap.in .road-card:nth-child(1){animation-delay:.64s !important;}
.roadmap.in .road-card:nth-child(2){animation-delay:.78s !important;}
.roadmap.in .road-card:nth-child(3){animation-delay:.92s !important;}
.roadmap.in .road-card:nth-child(4){animation-delay:1.06s !important;}
.road-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(120deg, transparent 0 34%, rgba(255,255,255,.11) 48%, transparent 62%) !important;
  background-size:240% 100% !important;
  background-position:-160% 0 !important;
  opacity:.85 !important;
  pointer-events:none !important;
}
.roadmap.in .road-card::before{animation:roadCardSheen 4.8s ease-in-out infinite !important;}
.road-card:hover{
  transform:translateY(-8px) scale(1.015) !important;
  border-color:rgba(255,132,204,.72) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 28px 70px rgba(0,0,0,.48), 0 0 48px rgba(255,78,188,.18) !important;
}
.road-card.upcoming,
.road-card.future{
  background:
    radial-gradient(circle at 50% 0, rgba(247,184,50,.14), transparent 38%),
    linear-gradient(180deg, rgba(34,25,36,.78), rgba(12,10,26,.94)) !important;
  border-color:rgba(247,184,50,.32) !important;
}
.road-icon{
  width:78px !important;
  height:78px !important;
  margin:0 auto 20px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  color:#ff71cf !important;
  background:linear-gradient(180deg, rgba(255,78,188,.13), rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,132,204,.42) !important;
  box-shadow:0 0 26px rgba(255,78,188,.18), inset 0 0 18px rgba(255,255,255,.06) !important;
}
.road-card.upcoming .road-icon,
.road-card.future .road-icon{color:#f7b832 !important;border-color:rgba(247,184,50,.42) !important;box-shadow:0 0 26px rgba(247,184,50,.18), inset 0 0 18px rgba(255,255,255,.06) !important;}
.road-icon svg{width:42px !important;height:42px !important;display:block !important;}
.road-card span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:100px !important;
  min-height:38px !important;
  margin:0 0 16px !important;
  padding:0 20px !important;
  border-radius:999px !important;
  color:#ffd05a !important;
  font-size:1.25rem !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
  background:linear-gradient(180deg, rgba(247,184,50,.18), rgba(247,184,50,.05)) !important;
  border:1px solid rgba(247,184,50,.36) !important;
  box-shadow:0 0 20px rgba(247,184,50,.12) !important;
}
.road-card h3{
  margin:0 0 12px !important;
  font-size:1.26rem !important;
  line-height:1.2 !important;
  color:#fff !important;
  letter-spacing:-.025em !important;
}
.road-card p{
  margin:0 auto !important;
  color:#f0e2f6 !important;
  font-size:1.02rem !important;
  line-height:1.58 !important;
  max-width:235px !important;
}
.card-meter{
  position:absolute !important;
  left:28px !important;
  right:28px !important;
  bottom:22px !important;
  height:6px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.15) !important;
  overflow:hidden !important;
}
.card-meter i{
  display:block !important;
  height:100% !important;
  width:0 !important;
  border-radius:inherit !important;
  background:linear-gradient(90deg,#ff4ebc,#d86bff) !important;
  box-shadow:0 0 20px rgba(255,78,188,.45) !important;
  transition:width .95s cubic-bezier(.18,.82,.18,1) 1.1s !important;
}
.road-card.upcoming .card-meter i,
.road-card.future .card-meter i{background:linear-gradient(90deg,#f7b832,#fff0a8) !important;box-shadow:0 0 20px rgba(247,184,50,.44) !important;}
.roadmap.in .road-card.complete .card-meter i{width:82% !important;}
.roadmap.in .road-card.active .card-meter i{width:68% !important;}
.roadmap.in .road-card.upcoming .card-meter i{width:52% !important;}
.roadmap.in .road-card.future .card-meter i{width:44% !important;}

.roadmap-footer-note{
  position:relative !important;
  z-index:2 !important;
  width:max-content !important;
  max-width:100% !important;
  margin:28px auto 0 !important;
  padding:14px 28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  border-radius:999px !important;
  color:#fff !important;
  font-size:1.08rem !important;
  line-height:1.4 !important;
  background:linear-gradient(90deg, rgba(255,78,188,.12), rgba(127,77,255,.12), rgba(247,184,50,.1)) !important;
  border:1px solid rgba(255,132,204,.36) !important;
  box-shadow:0 0 34px rgba(255,78,188,.12) !important;
}
.roadmap-footer-note svg{width:24px !important;height:24px !important;color:#ff71cf !important;flex:0 0 auto !important;}

@keyframes roadCardAppear{
  from{opacity:0;transform:translateY(28px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes roadCardSheen{
  0%,45%{background-position:-160% 0}
  65%,100%{background-position:165% 0}
}
@keyframes roadShine{
  0%{transform:translateX(-120%);opacity:0}
  25%,60%{opacity:.9}
  100%{transform:translateX(420%);opacity:0}
}
@keyframes roadPulse{
  0%,100%{transform:translateX(-50%) scale(.78)}
  50%{transform:translateX(-50%) scale(1.08)}
}
@keyframes roadRing{
  0%,100%{transform:scale(.9);opacity:.26}
  50%{transform:scale(1.12);opacity:.55}
}
@keyframes activeNodeGlow{
  0%,100%{box-shadow:0 0 0 10px rgba(255,78,188,.08), 0 0 34px rgba(255,78,188,.52), inset 0 0 18px rgba(255,255,255,.08)}
  50%{box-shadow:0 0 0 16px rgba(255,78,188,.12), 0 0 52px rgba(255,78,188,.76), inset 0 0 22px rgba(255,255,255,.13)}
}
@keyframes roadParticle{
  0%,100%{transform:translate3d(0,0,0) scale(.75);opacity:.45}
  50%{transform:translate3d(0,-20px,0) scale(1.15);opacity:1}
}
@keyframes roadGridDrift{
  from{background-position:0 0, 0 0}
  to{background-position:88px 0, 0 68px}
}

@media (max-width:980px){
  .roadmap{padding:42px 22px 34px !important;border-radius:26px !important;}
  .roadmap .roadmap-line{grid-template-columns:repeat(2, minmax(0,1fr)) !important;gap:18px !important;}
  .progress-track{height:74px !important;}
  .road-node{width:54px !important;height:54px !important;top:18px !important;}
  .road-node b{font-size:.88rem !important;}
  .road-card{min-height:290px !important;}
}

@media (max-width:620px){
  .roadmap{width:calc(100% - 24px) !important;margin-top:34px !important;padding:34px 16px 26px !important;}
  .roadmap h2{font-size:2rem !important;}
  .roadmap-head p{font-size:.98rem !important;}
  .progress-meta{font-size:.78rem !important;align-items:flex-start !important;flex-direction:column !important;gap:6px !important;}
  .roadmap-progress{padding:12px 6px 26px !important;margin-bottom:20px !important;}
  .progress-track{height:62px !important;}
  .progress-track::before,.progress-track::after,.road-progress-fill{top:31px !important;height:9px !important;}
  .road-spark{top:21px !important;width:24px !important;height:24px !important;}
  .road-node{width:42px !important;height:42px !important;top:15px !important;}
  .road-node b{font-size:.68rem !important;}
  .road-node::after{height:18px;top:50px;}
  .roadmap .roadmap-line{grid-template-columns:1fr !important;}
  .road-card{min-height:0 !important;padding:28px 20px 48px !important;}
  .road-icon{width:64px !important;height:64px !important;}
  .road-icon svg{width:34px !important;height:34px !important;}
  .road-card p{font-size:.98rem !important;max-width:100% !important;}
  .roadmap-footer-note{width:100% !important;border-radius:18px !important;font-size:.94rem !important;padding:13px 16px !important;}
}

/* CLIENT UPDATE: milestone information directly below animated roadmap track */
.roadmap-progress{
  margin-bottom:30px !important;
  padding-bottom:18px !important;
}
.roadmap-node-info{
  position:relative !important;
  z-index:3 !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:18px !important;
  margin:10px auto 0 !important;
  max-width:1050px !important;
}
.roadmap-node-info::before{
  content:"" !important;
  position:absolute !important;
  left:4% !important;
  right:4% !important;
  top:-16px !important;
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(255,78,188,.42), rgba(21,214,255,.28), rgba(247,184,50,.38), transparent) !important;
  box-shadow:0 0 18px rgba(255,78,188,.28) !important;
  opacity:.72 !important;
}
.node-info{
  position:relative !important;
  min-height:154px !important;
  padding:22px 18px 20px !important;
  text-align:left !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 18% 0, rgba(255,78,188,.18), transparent 34%),
    linear-gradient(180deg, rgba(26,18,45,.82), rgba(9,10,24,.92)) !important;
  border:1px solid rgba(255,132,204,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 18px 42px rgba(0,0,0,.34) !important;
  overflow:hidden !important;
  opacity:0 !important;
  transform:translateY(22px) scale(.96) !important;
}
.node-info::before{
  content:"" !important;
  position:absolute !important;
  left:22px !important;
  top:-11px !important;
  width:18px !important;
  height:18px !important;
  border-radius:50% !important;
  background:#ff71cf !important;
  box-shadow:0 0 24px rgba(255,78,188,.7) !important;
}
.node-info::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(120deg, transparent 0 36%, rgba(255,255,255,.12) 48%, transparent 62%) !important;
  background-size:240% 100% !important;
  background-position:-160% 0 !important;
  opacity:.72 !important;
}
.node-info.upcoming,
.node-info.future{
  background:
    radial-gradient(circle at 18% 0, rgba(247,184,50,.16), transparent 34%),
    linear-gradient(180deg, rgba(34,25,37,.82), rgba(9,10,24,.92)) !important;
  border-color:rgba(247,184,50,.28) !important;
}
.node-info.upcoming::before,
.node-info.future::before{
  background:#f7b832 !important;
  box-shadow:0 0 24px rgba(247,184,50,.68) !important;
}
.node-info strong{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:72px !important;
  min-height:30px !important;
  padding:0 14px !important;
  margin-bottom:12px !important;
  border-radius:999px !important;
  color:#ffd05a !important;
  font-size:1.04rem !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
  background:rgba(247,184,50,.12) !important;
  border:1px solid rgba(247,184,50,.32) !important;
}
.node-info h3{
  margin:0 0 9px !important;
  font-size:1.16rem !important;
  line-height:1.16 !important;
  color:#fff !important;
  letter-spacing:-.025em !important;
}
.node-info p{
  margin:0 !important;
  color:#e9d9f1 !important;
  font-size:.98rem !important;
  line-height:1.48 !important;
}
.roadmap.in .node-info{
  animation:nodeInfoAppear .72s cubic-bezier(.18,.82,.18,1) forwards !important;
}
.roadmap.in .node-info:nth-child(1){animation-delay:.74s !important;}
.roadmap.in .node-info:nth-child(2){animation-delay:.88s !important;}
.roadmap.in .node-info:nth-child(3){animation-delay:1.02s !important;}
.roadmap.in .node-info:nth-child(4){animation-delay:1.16s !important;}
.roadmap.in .node-info::after{animation:roadCardSheen 5.2s ease-in-out infinite !important;}
.node-info:hover{
  transform:translateY(-5px) scale(1.01) !important;
  border-color:rgba(255,132,204,.62) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 24px 54px rgba(0,0,0,.42), 0 0 38px rgba(255,78,188,.14) !important;
}
.node-info.upcoming:hover,
.node-info.future:hover{
  border-color:rgba(247,184,50,.58) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 24px 54px rgba(0,0,0,.42), 0 0 38px rgba(247,184,50,.13) !important;
}
.roadmap .roadmap-line{
  margin-top:24px !important;
}
@keyframes nodeInfoAppear{
  from{opacity:0;transform:translateY(22px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media (max-width:980px){
  .roadmap-node-info{grid-template-columns:repeat(2, minmax(0,1fr)) !important;gap:14px !important;}
  .node-info{min-height:136px !important;}
}
@media (max-width:620px){
  .roadmap-node-info{grid-template-columns:1fr !important;margin-top:6px !important;}
  .roadmap-node-info::before{display:none !important;}
  .node-info{min-height:0 !important;padding:18px 16px !important;text-align:center !important;}
  .node-info::before{left:50% !important;transform:translateX(-50%) !important;}
  .node-info p{font-size:.94rem !important;}
}

/* CLIENT UPDATE: fill roadmap empty space with visible milestone content */
.roadmap-progress{
  max-width:1120px !important;
  margin:0 auto 32px !important;
  padding:22px 8px 8px !important;
}
.progress-track{
  height:132px !important;
  margin-bottom:0 !important;
}
.roadmap-node-info{
  margin:-2px auto 24px !important;
  max-width:1120px !important;
  gap:18px !important;
  align-items:stretch !important;
}
.roadmap-node-info::before{
  top:-24px !important;
  opacity:.55 !important;
}
.node-info{
  opacity:1 !important;
  transform:none !important;
  min-height:265px !important;
  padding:24px 20px 22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}
.node-info::before{
  top:-9px !important;
}
.node-info strong{
  align-self:flex-start !important;
  min-height:34px !important;
  margin-bottom:10px !important;
  font-size:1.12rem !important;
}
.node-status{
  display:inline-flex !important;
  width:max-content !important;
  margin:0 0 14px !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  color:#ffb8e6 !important;
  background:rgba(255,78,188,.11) !important;
  border:1px solid rgba(255,132,204,.3) !important;
  font-size:.78rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.node-info.upcoming .node-status,
.node-info.future .node-status{
  color:#ffe09a !important;
  background:rgba(247,184,50,.1) !important;
  border-color:rgba(247,184,50,.28) !important;
}
.node-info h3{
  font-size:1.22rem !important;
  margin-bottom:10px !important;
}
.node-info p{
  font-size:1rem !important;
  line-height:1.52 !important;
  margin-bottom:15px !important;
}
.node-info ul{
  list-style:none !important;
  padding:0 !important;
  margin:auto 0 0 !important;
  display:grid !important;
  gap:9px !important;
}
.node-info li{
  position:relative !important;
  padding-left:20px !important;
  color:#fff6ff !important;
  font-size:.94rem !important;
  line-height:1.42 !important;
}
.node-info li::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:.48em !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#ff71cf !important;
  box-shadow:0 0 14px rgba(255,78,188,.72) !important;
}
.node-info.upcoming li::before,
.node-info.future li::before{
  background:#f7b832 !important;
  box-shadow:0 0 14px rgba(247,184,50,.72) !important;
}
.roadmap.in .node-info{
  animation:nodeInfoAppear .72s cubic-bezier(.18,.82,.18,1) both !important;
}
.roadmap-insight-strip{
  position:relative !important;
  z-index:3 !important;
  max-width:1120px !important;
  margin:24px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
}
.roadmap-insight-strip article{
  position:relative !important;
  padding:22px 22px 20px !important;
  text-align:left !important;
  border-radius:22px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 18px 42px rgba(0,0,0,.28) !important;
  overflow:hidden !important;
}
.roadmap-insight-strip article::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  height:2px !important;
  background:linear-gradient(90deg,#ff4ebc,#15d6ff,#f7b832) !important;
  box-shadow:0 0 18px rgba(255,78,188,.45) !important;
}
.roadmap-insight-strip b{
  display:inline-grid !important;
  place-items:center !important;
  width:36px !important;
  height:36px !important;
  border-radius:12px !important;
  margin-bottom:14px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#ff4ebc,#7f4dff) !important;
  box-shadow:0 12px 30px rgba(255,78,188,.25) !important;
  font-size:.9rem !important;
}
.roadmap-insight-strip h3{
  margin:0 0 8px !important;
  color:#fff !important;
  font-size:1.16rem !important;
  line-height:1.2 !important;
}
.roadmap-insight-strip p{
  margin:0 !important;
  color:#dfcde8 !important;
  font-size:.98rem !important;
  line-height:1.56 !important;
}
.roadmap .roadmap-line{
  margin-top:26px !important;
}
.road-card{
  opacity:1 !important;
  transform:none !important;
}
.roadmap.in .road-card{
  animation:roadCardAppear .72s cubic-bezier(.18,.82,.18,1) both !important;
}
@media (max-width:980px){
  .progress-track{height:118px !important;}
  .roadmap-node-info{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .node-info{min-height:230px !important;}
  .roadmap-insight-strip{grid-template-columns:1fr !important;}
}
@media (max-width:620px){
  .progress-track{height:86px !important;}
  .roadmap-node-info{grid-template-columns:1fr !important;}
  .node-info{min-height:0 !important;text-align:left !important;}
  .node-info strong{align-self:flex-start !important;}
  .node-info::before{left:24px !important;transform:none !important;}
  .roadmap-insight-strip article{text-align:left !important;}
}

/* CLIENT REVISION: remove corner chat icon and make floating market icons interactive */
.whatsapp{display:none !important;visibility:hidden !important;pointer-events:none !important;}

.crypto-float-layer{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  right:0 !important;
  height:880px !important;
  z-index:3 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}
.crypto-token{
  position:absolute !important;
  width:clamp(64px, 5.4vw, 96px) !important;
  height:clamp(64px, 5.4vw, 96px) !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  z-index:5 !important;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.5)) drop-shadow(0 0 22px rgba(255,78,188,.28)) !important;
  animation:cryptoOrbitFloat 7.4s ease-in-out infinite !important;
  transition:transform .28s ease, filter .28s ease !important;
}
.crypto-token::before{
  content:"" !important;
  position:absolute !important;
  inset:-11px !important;
  border-radius:inherit !important;
  background:radial-gradient(circle, rgba(255,78,188,.34), rgba(21,214,255,.14) 43%, transparent 70%) !important;
  opacity:.42 !important;
  transform:scale(.82) !important;
  transition:opacity .28s ease, transform .28s ease !important;
}
.crypto-token::after{
  content:attr(data-token) " · " attr(data-role) !important;
  position:absolute !important;
  left:50% !important;
  top:calc(100% + 12px) !important;
  min-width:190px !important;
  transform:translate(-50%, 8px) scale(.96) !important;
  opacity:0 !important;
  pointer-events:none !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  color:#fff !important;
  font-size:.82rem !important;
  font-weight:850 !important;
  line-height:1.25 !important;
  text-align:center !important;
  background:linear-gradient(180deg, rgba(24,10,39,.94), rgba(11,10,28,.92)) !important;
  border:1px solid rgba(255,78,188,.34) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.42), 0 0 24px rgba(255,78,188,.28) !important;
  transition:opacity .22s ease, transform .22s ease !important;
}
.crypto-token .crypto-art{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
  transform:none !important;
  opacity:1 !important;
  filter:none !important;
}
.crypto-token span{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
}
.crypto-token:hover,
.crypto-token:focus-visible,
.crypto-token.active{
  transform:translateY(-10px) scale(1.14) rotate(3deg) !important;
  filter:drop-shadow(0 24px 42px rgba(0,0,0,.58)) drop-shadow(0 0 38px rgba(255,78,188,.52)) !important;
  outline:none !important;
}
.crypto-token:hover::before,
.crypto-token:focus-visible::before,
.crypto-token.active::before{
  opacity:1 !important;
  transform:scale(1.16) !important;
  animation:cryptoPulseRing 1.2s ease-in-out infinite !important;
}
.crypto-token:hover::after,
.crypto-token:focus-visible::after,
.crypto-token.active::after{
  opacity:1 !important;
  transform:translate(-50%, 0) scale(1) !important;
}
.crypto-token.active .crypto-art{
  animation:cryptoTapSpin .62s cubic-bezier(.18,.82,.18,1) !important;
}
.crypto-btc{left:6vw !important;top:235px !important;}
.crypto-eth{right:6vw !important;top:245px !important;animation-delay:.4s !important;}
.crypto-xrp{left:7vw !important;top:560px !important;animation-delay:1s !important;}
.crypto-usdt{right:7vw !important;top:570px !important;animation-delay:1.4s !important;}
.crypto-sol{right:18vw !important;top:450px !important;animation-delay:1.9s !important;}
.crypto-hint{
  position:absolute !important;
  right:5.5vw !important;
  top:675px !important;
  width:min(270px, 24vw) !important;
  min-width:220px !important;
  padding:16px 18px !important;
  border-radius:20px !important;
  pointer-events:none !important;
  color:#eadcf2 !important;
  background:linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.03)) !important;
  border:1px solid rgba(255,78,188,.22) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08) !important;
  opacity:.92 !important;
}
.crypto-hint strong{
  display:block !important;
  color:#fff !important;
  font-size:1rem !important;
  line-height:1.2 !important;
  margin-bottom:7px !important;
}
.crypto-hint p{
  margin:0 !important;
  color:#cab4d7 !important;
  font-size:.88rem !important;
  line-height:1.45 !important;
}
.crypto-hint.is-active{
  border-color:rgba(255,78,188,.55) !important;
  box-shadow:0 22px 54px rgba(0,0,0,.42), 0 0 34px rgba(255,78,188,.25), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.crypto-hint.is-active strong{color:#ff80d0 !important;}
@keyframes cryptoOrbitFloat{
  0%,100%{translate:0 0;rotate:-4deg;}
  50%{translate:0 -16px;rotate:5deg;}
}
@keyframes cryptoPulseRing{
  0%,100%{box-shadow:0 0 0 0 rgba(255,78,188,.28)}
  50%{box-shadow:0 0 0 13px rgba(255,78,188,0)}
}
@keyframes cryptoTapSpin{
  0%{transform:rotate(0) scale(1)}
  50%{transform:rotate(10deg) scale(1.1)}
  100%{transform:rotate(0) scale(1)}
}
@media (max-width:1280px){
  .crypto-token{width:64px !important;height:64px !important;}
  .crypto-hint{display:none !important;}
}
@media (max-width:900px){
  .crypto-float-layer{display:none !important;}
}