@font-face{font-family:'Sanford';src:url('sanford-0103_demo.ttf') format('truetype');font-weight:100 900;font-display:swap}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
  --bg:#050810;--bg2:#0a0e1a;--bg3:#0d1224;--bg4:#111830;
  --text:#e8edf5;--tl:#8b9ab8;--tm:#4a5a78;
  --brd:#162040;--brd2:#1e2d55;
  --cyan:#00e5ff;--cyan2:#00ffea;--cyan3:#00b8d4;--cyanglow:rgba(0,229,255,.15);
  --purple:#8b5cf6;--purple2:#a78bfa;--purpleglow:rgba(139,92,246,.12);
  --magenta:#f472b6;--magentaglow:rgba(244,114,182,.08);
  --gold:#fbbf24;--gold2:#fcd34d;
  --glass:rgba(255,255,255,.03);--glass2:rgba(255,255,255,.06);
  --heading:'Sanford',system-ui,sans-serif;
  --body:'Sanford',system-ui,sans-serif;
  --mono:'Sanford',system-ui,sans-serif;
  --ease:cubic-bezier(.76,0,.24,1);
  --ease2:cubic-bezier(.22,1,.36,1);
}

/* ═══ GLOWING BORDER EFFECT ═══ */
.glow-card{position:relative}
.glow-border{
  pointer-events:none;position:absolute;inset:0;border-radius:inherit;opacity:1;z-index:0;
  --blur:0px;--spread:40;--start:0;--active:0;--glow-bw:2px;--conic-reps:5;
  --glow-gradient:
    radial-gradient(circle,rgba(0,229,255,.7) 10%,transparent 20%),
    radial-gradient(circle at 40% 40%,rgba(0,255,234,.5) 5%,transparent 15%),
    radial-gradient(circle at 60% 60%,rgba(139,92,246,.6) 10%,transparent 20%),
    radial-gradient(circle at 40% 60%,rgba(0,184,212,.5) 10%,transparent 20%),
    repeating-conic-gradient(
      from 236.84deg at 50% 50%,
      #00e5ff 0%,
      #00ffea calc(25% / var(--conic-reps)),
      #8b5cf6 calc(50% / var(--conic-reps)),
      #00b8d4 calc(75% / var(--conic-reps)),
      #00e5ff calc(100% / var(--conic-reps))
    );
}
.glow-border .glow-inner{
  position:absolute;inset:0;border-radius:inherit;
}
.glow-border .glow-inner::after{
  content:'';position:absolute;
  inset:calc(-1 * var(--glow-bw));
  border:var(--glow-bw) solid transparent;border-radius:inherit;
  background:var(--glow-gradient);
  background-attachment:fixed;
  opacity:var(--active);
  transition:opacity .3s;
  mask-clip:padding-box,border-box;
  mask-composite:intersect;
  -webkit-mask-clip:padding-box,border-box;
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(#0000,#0000),
    conic-gradient(from calc((var(--start) - var(--spread))*1deg),#00000000 0deg,#fff,#00000000 calc(var(--spread)*2deg));
  -webkit-mask-image:
    linear-gradient(#0000,#0000),
    conic-gradient(from calc((var(--start) - var(--spread))*1deg),#00000000 0deg,#fff,#00000000 calc(var(--spread)*2deg));
}
/* Static border shown when glow is inactive */
.glow-border .glow-static{
  position:absolute;inset:-1px;border-radius:inherit;
  border:1px solid transparent;pointer-events:none;
  opacity:calc(1 - var(--active));transition:opacity .3s;
}

html{scroll-behavior:smooth;font-size:20px}

body{
  background:var(--bg);color:var(--text);
  font-family:var(--body);font-size:1rem;
  overflow:hidden;height:100%;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  position:relative;
}

/* ═══ COSMOS — PLANET & STARS ═══ */
#cosmos{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#cosmos::after{content:'';position:absolute;inset:0;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px}
.stars{position:absolute;inset:-20%;background-image:radial-gradient(1.2px 1.2px at 15% 25%,rgba(180,210,255,.5),transparent),radial-gradient(.8px .8px at 42% 68%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 73% 12%,rgba(200,220,255,.45),transparent),radial-gradient(.6px .6px at 88% 45%,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 55% 82%,rgba(160,200,255,.55),transparent),radial-gradient(.7px .7px at 22% 91%,rgba(255,255,255,.25),transparent),radial-gradient(1px 1px at 67% 37%,rgba(200,230,255,.4),transparent),radial-gradient(.9px .9px at 5% 55%,rgba(255,255,255,.3),transparent);background-size:350px 350px;animation:starsDrift 200s linear infinite}
.stars2{background-image:radial-gradient(1px 1px at 8% 62%,rgba(139,92,246,.4),transparent),radial-gradient(1.3px 1.3px at 52% 18%,rgba(180,200,255,.5),transparent),radial-gradient(.7px .7px at 78% 75%,rgba(255,255,255,.25),transparent),radial-gradient(1.1px 1.1px at 28% 42%,rgba(0,229,255,.35),transparent),radial-gradient(.5px .5px at 92% 8%,rgba(255,255,255,.2),transparent),radial-gradient(1.4px 1.4px at 45% 55%,rgba(170,200,255,.35),transparent);background-size:500px 500px;animation:starsDrift 280s linear infinite reverse}
@keyframes starsDrift{0%{transform:translate(0,0)}100%{transform:translate(-350px,-200px)}}

.planet-wrap{position:absolute;left:50%;top:50%;width:53.125rem;height:53.125rem;transform:translate(45%,20%);transition:transform 1.8s var(--ease2),width 1.8s var(--ease2),height 1.8s var(--ease2),opacity 1.8s var(--ease2);will-change:transform,opacity}
.planet{width:100%;height:100%;border-radius:50%;position:relative;background:radial-gradient(circle at 30% 25%,#1a3068 0%,#0d1a42 30%,#071028 55%,#030818 80%);box-shadow:0 0 150px rgba(0,80,200,.25),0 0 350px rgba(0,50,180,.15),0 0 80px rgba(139,92,246,.1),inset -15px -15px 50px rgba(0,0,0,.85),inset 20px 20px 60px rgba(15,30,90,.15);animation:planetGlow 12s ease-in-out infinite}
@keyframes planetGlow{0%,100%{box-shadow:0 0 150px rgba(0,80,200,.25),0 0 350px rgba(0,50,180,.15),0 0 80px rgba(139,92,246,.1),inset -15px -15px 50px rgba(0,0,0,.85),inset 20px 20px 60px rgba(15,30,90,.15)}50%{box-shadow:0 0 200px rgba(0,100,255,.3),0 0 450px rgba(0,70,200,.2),0 0 120px rgba(139,92,246,.15),inset -15px -15px 50px rgba(0,0,0,.8),inset 20px 20px 70px rgba(20,40,110,.2)}}
.planet::before{content:'';position:absolute;inset:-3px;border-radius:50%;background:radial-gradient(circle at 25% 20%,transparent 44%,rgba(0,160,255,.08) 49%,rgba(0,200,255,.15) 51%,transparent 56%)}
.planet::after{content:'';position:absolute;inset:4px;border-radius:50%;background:radial-gradient(ellipse 35% 25% at 42% 38%,rgba(15,30,80,.35),transparent),radial-gradient(ellipse 22% 18% at 62% 55%,rgba(10,20,60,.3),transparent),radial-gradient(ellipse 28% 14% at 30% 68%,rgba(139,92,246,.08),transparent);animation:surfRotate 80s linear infinite}
@keyframes surfRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.horizon-glow{position:absolute;width:180%;height:0.25rem;left:-40%;top:50%;transform:translateY(-50%);background:linear-gradient(90deg,transparent 5%,rgba(0,140,255,.2) 20%,rgba(0,229,255,.6) 40%,rgba(120,220,255,.85) 50%,rgba(0,229,255,.6) 60%,rgba(0,140,255,.2) 80%,transparent 95%);filter:blur(5px);animation:horzPulse 8s ease-in-out infinite}
.horizon-glow::before{content:'';position:absolute;inset:-15px 0;background:inherit;filter:blur(25px);opacity:.7}
.horizon-glow::after{content:'';position:absolute;width:80%;height:7.5rem;left:10%;top:-3.625rem;background:radial-gradient(ellipse at center,rgba(0,180,255,.12),transparent 70%)}
@keyframes horzPulse{0%,100%{opacity:.7}50%{opacity:1}}

/* Planet position per slide */
body[data-slide="0"] .planet-wrap{transform:translate(45%,20%);width:53.125rem;height:53.125rem;opacity:0}
body[data-slide="1"] .planet-wrap{transform:translate(-110%,10%);width:43.75rem;height:43.75rem;opacity:.4}
body[data-slide="2"] .planet-wrap{transform:translate(55%,-65%);width:46.875rem;height:46.875rem;opacity:.3}
body[data-slide="3"] .planet-wrap{transform:translate(-40%,35%);width:56.25rem;height:56.25rem;opacity:.25}
body[data-slide="4"] .planet-wrap{transform:translate(-50%,-50%);width:62.5rem;height:62.5rem;opacity:.2}
body[data-slide="5"] .planet-wrap{transform:translate(-120%,5%);width:50rem;height:50rem;opacity:.3}
body[data-slide="6"] .planet-wrap{transform:translate(-50%,10%);width:75rem;height:75rem;opacity:.5}

/* ═══ WEB3 GRID OVERLAY ═══ */
.web3-grid{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.03;
  background-image:
    linear-gradient(rgba(0,229,255,.3) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,229,255,.3) 1px,transparent 1px);
  background-size:80px 80px;
}

/* ═══ PER-SLIDE UNIQUE ACCENTS ═══ */
.slide[data-index="1"]::after{content:'';position:absolute;right:4%;top:8%;bottom:8%;width:1px;z-index:1;background:linear-gradient(to bottom,transparent,var(--cyan),transparent);opacity:.15;pointer-events:none}
.slide[data-index="2"]::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(135deg,rgba(0,229,255,.02) 0px,rgba(0,229,255,.02) 1px,transparent 1px,transparent 60px);opacity:.4}
.slide[data-index="6"]::after{content:'';position:absolute;bottom:0;left:0;right:0;height:12.5rem;z-index:0;pointer-events:none;background:linear-gradient(to top,rgba(0,229,255,.04),transparent)}

/* ═══ SLIDER ═══ */
.slider{height:100vh;overflow:hidden;position:relative;z-index:1}
.wrapper{height:100vh;transition:transform 1.2s var(--ease2);will-change:transform}
.slide{height:100vh;width:100%;display:flex;align-items:flex-start;justify-content:center;position:relative;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
.slide::-webkit-scrollbar{display:none}
.slide-inner{width:100%;max-width:83.75rem;margin:auto;padding:3rem 4.5rem;opacity:0;transform:translateY(40px);transition:opacity 1s .25s ease,transform 1s .25s var(--ease2);position:relative;z-index:2}
.slide.active .slide-inner{opacity:1;transform:translateY(0)}
.sbg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity 1.6s ease}
.slide.active .sbg{opacity:1}

/* ═══ TOP BAR ═══ */
.top-bar{
  position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem max(3.5rem,calc((100vw - 85rem) / 2));display:flex;justify-content:flex-end;align-items:center;
  pointer-events:none;
}
.top-bar>*{pointer-events:auto}
.top-bar .topbar-logo{display:none}

/* Logo */
.logo{display:flex;align-items:center;gap:1rem;cursor:pointer;text-decoration:none;flex-shrink:0;transition:opacity .3s}
.logo:hover{opacity:.8}
.logo-img{height:1.5rem;width:auto;display:block;filter:drop-shadow(0 0 10px rgba(0,229,255,.3))}
.hero-logo{position:absolute;top:1.5rem;left:max(3.5rem,calc((100vw - 85rem) / 2));z-index:101}

/* Nav — Dropdown */
.top-right{display:flex;align-items:center;gap:0.75rem;position:relative}

/* Menu toggle button */
.menu-btn{
  display:flex;align-items:center;gap:0.5rem;
  background:linear-gradient(135deg,rgba(0,229,255,.29),rgba(0,180,220,.16));
  border:1px solid rgba(0,229,255,.7);cursor:pointer;padding:0.5rem 0.875rem 0.5rem 0.75rem;border-radius:0.4375rem;transition:all .35s var(--ease);
  position:relative;z-index:110;overflow:hidden;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 0 24px rgba(0,229,255,.19),0 0 13px rgba(0,229,255,.1) inset;
}
.menu-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,229,255,.25),transparent);transition:left .6s}
.menu-btn:hover::before{left:100%}
.menu-btn:hover{box-shadow:0 0 40px rgba(0,229,255,.3),inset 0 0 30px rgba(0,229,255,.1);border-color:var(--cyan);transform:translateY(-2px)}
.menu-btn.open{background:rgba(0,229,255,.06);border-color:var(--cyan);box-shadow:0 0 25px rgba(0,229,255,.15)}
.menu-btn-label{
  font-family:var(--heading);font-size:0.5625rem;font-weight:900;letter-spacing:0.1562rem;text-transform:uppercase;color:rgba(0,229,255,1);text-shadow:0 0 13px rgba(0,229,255,.4);transition:color .3s;
}
.menu-btn.open .menu-btn-label{color:var(--cyan)}

/* Hamburger icon */
.menu-icon{width:0.875rem;height:0.625rem;position:relative;display:flex;flex-direction:column;justify-content:space-between}
.menu-icon span{display:block;width:100%;height:1.5px;background:var(--tl);border-radius:2px;transition:all .35s var(--ease);transform-origin:center}
.menu-btn:hover .menu-icon span{background:var(--cyan)}
.menu-btn.open .menu-icon span{background:var(--cyan)}
.menu-btn.open .menu-icon span:nth-child(1){transform:translateY(4.25px) rotate(45deg)}
.menu-btn.open .menu-icon span:nth-child(2){opacity:0;transform:scaleX(0)}
.menu-btn.open .menu-icon span:nth-child(3){transform:translateY(-4.25px) rotate(-45deg)}

/* Dropdown overlay */
.nav-overlay{
  position:fixed;inset:0;z-index:95;background:rgba(5,8,16,.7);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  opacity:0;pointer-events:none;transition:opacity .4s var(--ease);
}
.nav-overlay.show{opacity:1;pointer-events:auto}

/* Dropdown panel */
.nav-dropdown{
  position:absolute;top:calc(100% + 0.875rem);right:0;z-index:105;min-width:17.5rem;padding:0.625rem 0;
  background:rgba(10,14,26,.95);border:1px solid var(--brd2);border-radius:0.75rem;
  backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);
  box-shadow:0 24px 64px rgba(0,0,0,.6),0 0 1px rgba(0,229,255,.1),0 0 40px rgba(0,229,255,.05),inset 0 1px 0 rgba(255,255,255,.04);
  opacity:0;transform:translateY(-8px) scale(.97);pointer-events:none;
  transition:opacity .35s var(--ease2),transform .35s var(--ease2);
}
.nav-dropdown.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}

/* Dropdown section label */
.nav-dropdown-label{
  font-family:var(--heading);font-size:0.5rem;font-weight:700;letter-spacing:0.25rem;text-transform:uppercase;
  color:var(--tm);padding:0.75rem 1.5rem 0.375rem;display:block;
}

/* Dropdown divider */
.nav-dropdown-divider{height:1px;background:linear-gradient(90deg,transparent,var(--brd2),transparent);margin:0.375rem 1rem}

/* Dropdown items */
.nav-links{list-style:none;padding:0;margin:0}
.nav-links li{margin:0}
.nav-links button{
  display:flex;align-items:center;gap:0.875rem;width:100%;
  background:none;border:none;cursor:pointer;
  font-family:var(--body);font-size:0.8125rem;font-weight:500;letter-spacing:0.0625rem;color:var(--tl);padding:0.6875rem 1.5rem;transition:all .25s;white-space:nowrap;
  position:relative;text-align:left;
}
.nav-links button .nav-num{
  font-family:var(--mono);font-size:0.625rem;font-weight:500;color:var(--tm);letter-spacing:0.0625rem;min-width:1.375rem;transition:color .25s;
}
.nav-links button:hover{background:rgba(0,229,255,.04);color:var(--text)}
.nav-links button:hover .nav-num{color:var(--cyan)}
.nav-links button.active{color:var(--cyan);background:rgba(0,229,255,.06)}
.nav-links button.active .nav-num{color:var(--cyan)}
.nav-links button.active::before{
  content:'';position:absolute;left:0;top:25%;bottom:25%;width:2px;
  background:var(--cyan);border-radius:2px;box-shadow:0 0 8px var(--cyan);
}



/* ═══ TYPOGRAPHY ═══ */
.sl{font-family:var(--heading);font-size:0.6875rem;font-weight:900;letter-spacing:0.5rem;text-transform:uppercase;color:var(--cyan);margin-bottom:2rem;display:flex;align-items:center;gap:1rem}
.sl::before{content:'';width:2.5rem;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.sh{font-family:var(--heading);font-size:clamp(2.25rem,5.5vw,4.5rem);font-weight:700;line-height:1.15;color:var(--text);margin-bottom:2.5rem;max-width:50rem;letter-spacing:-0.0312rem;text-shadow:0 0 40px rgba(0,229,255,.1),0 0 80px rgba(139,92,246,.05)}
.sp{font-size:1rem;color:#fff;line-height:1.8;max-width:37.5rem;font-weight:900;letter-spacing:0.0187rem;margin-bottom:1rem}

/* ═══ GLOW TEXT GRADIENT ═══ */
.glow-text{background:linear-gradient(135deg,var(--cyan),var(--purple2),var(--cyan2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ═══ HERO ═══ */
.slide[data-index="0"]{align-items:center;overflow:hidden}
.slide[data-index="0"] .slide-inner{padding:0 0 0 max(3.5rem,calc((100vw - 85rem) / 2));max-width:none;width:100%;z-index:5}
.slide[data-index="0"]::before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(5,8,16,.95) 0%,rgba(5,8,16,.8) 30%,rgba(5,8,16,.4) 50%,rgba(5,8,16,.1) 60%,transparent 72%);pointer-events:none}
.slide[data-index="0"]::after{content:'';position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(5,8,16,.5) 0%,transparent 25%,transparent 75%,rgba(5,8,16,.6) 100%);pointer-events:none}
.hero-earth{position:absolute;top:50%;right:max(-6%,calc((100vw - 85rem) / 2 - 5rem));transform:translateY(-50%);width:65%;max-width:50rem;pointer-events:none;z-index:1;opacity:.85;mask-image:radial-gradient(ellipse 85% 85% at 55% 50%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 85% 85% at 55% 50%,black 30%,transparent 70%)}
.earth-glow{position:absolute;top:50%;right:max(5%,calc((100vw - 85rem) / 2 + 5rem));transform:translateY(-50%);width:31.25rem;height:31.25rem;background:radial-gradient(circle,rgba(0,229,255,.08) 0%,transparent 70%);pointer-events:none;z-index:0;filter:blur(60px)}
.hero-content{text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:50%;max-width:40rem;height:100%;padding:0 2.5rem 0 0}
.hero-content h1{font-family:var(--heading);font-size:clamp(2.875rem,5.2vw,5.25rem);font-weight:800;line-height:1.05;letter-spacing:-0.125rem;text-shadow:0 0 60px rgba(0,229,255,.15),0 0 120px rgba(139,92,246,.08)}
.hero-content h1 em{font-style:normal;background:linear-gradient(135deg,var(--cyan),var(--cyan2),var(--purple2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(0,229,255,.4))}
.hero-sub{margin-top:1.5rem;font-size:clamp(0.875rem,1.4vw,1.125rem);color:#fff;max-width:30rem;line-height:1.8;font-weight:900;letter-spacing:0.0187rem}
.hero-cta-row{margin-top:3rem;display:flex;gap:1.5rem;align-items:center}
.hero-btn{padding:1rem 2.375rem;font-family:var(--heading);font-size:0.625rem;font-weight:900;letter-spacing:0.1875rem;text-transform:uppercase;cursor:pointer;transition:all .4s;border:none;
  position:relative;overflow:hidden;border-radius:0.375rem;
}
.hero-btn.primary{
  background:linear-gradient(135deg,rgba(0,229,255,.29),rgba(0,180,220,.16));
  color:rgba(0,229,255,1);border:1px solid rgba(0,229,255,.7);
  box-shadow:0 0 24px rgba(0,229,255,.19),0 0 13px rgba(0,229,255,.1) inset;
  text-shadow:0 0 13px rgba(0,229,255,.4);
}
.hero-btn.primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,229,255,.25),transparent);transition:left .6s}
.hero-btn.primary:hover::before{left:100%}
.hero-btn.primary:hover{box-shadow:0 0 40px rgba(0,229,255,.3),inset 0 0 30px rgba(0,229,255,.1);border-color:var(--cyan);transform:translateY(-2px)}
.hero-btn.secondary{
  background:linear-gradient(135deg,rgba(120,90,255,.29),rgba(80,60,220,.16));
  color:rgba(160,150,255,1);border:1px solid rgba(130,110,255,.7);
  box-shadow:0 0 24px rgba(100,80,220,.19),0 0 13px rgba(100,80,220,.1) inset;
  text-shadow:0 0 13px rgba(130,110,255,.4);border-radius:0.375rem;
}
.hero-btn.secondary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,80,220,.25),transparent);transition:left .6s}
.hero-btn.secondary:hover::before{left:100%}
.hero-btn.secondary:hover{box-shadow:0 0 40px rgba(100,80,220,.3),inset 0 0 30px rgba(100,80,220,.1);border-color:rgba(130,110,255,.6);color:rgba(160,150,255,1);transform:translateY(-2px)}
.scroll-hint{position:absolute;bottom:3rem;right:max(4rem,calc((100vw - 85rem) / 2));display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:5}
.scroll-hint span{font-family:var(--heading);font-size:0.625rem;letter-spacing:0.3125rem;text-transform:uppercase;color:var(--tm);font-weight:600;writing-mode:vertical-rl}
.scroll-hint .arrow{width:1px;height:3.75rem;background:linear-gradient(to bottom,var(--cyan),transparent);animation:pulse 2.5s infinite}
@keyframes pulse{0%,100%{opacity:.2;transform:scaleY(1);transform-origin:top}50%{opacity:1;transform:scaleY(1.5);transform-origin:top}}

/* ═══ OUR VISION (Section 1) — Network Background ═══ */
.vision-section .slide-inner{text-align:center;display:flex;flex-direction:column;align-items:center;max-width:68.75rem}
.vision-headline{font-family:var(--heading);font-size:clamp(1.75rem,4vw,3.5rem);font-weight:700;line-height:1.15;color:var(--text);margin-bottom:1.5rem;letter-spacing:-0.0312rem}
.vision-headline em{font-style:normal;background:linear-gradient(135deg,var(--cyan),var(--cyan2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* Two-column glass cards */
.vision-columns{display:grid;grid-template-columns:1fr 1fr;gap:3rem;text-align:left;width:100%;max-width:60rem;margin-top:3.5rem;align-items:start}
.vision-col{padding:2.5rem;background:rgba(255,255,255,.015);
  border:1px solid rgba(0,229,255,.04);border-radius:1rem;
  position:relative;overflow:hidden;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  opacity:0;transform:translateY(30px);
  transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .4s;
}
.vision-col::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.08),transparent)}
.slide.active .vision-col{opacity:1;transform:translateY(0)}
.slide.active .vision-col:nth-child(1){transition-delay:.3s}
.slide.active .vision-col:nth-child(2){transition-delay:.5s}
.vision-col:hover{border-color:rgba(0,229,255,.12);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.3),0 0 24px rgba(0,229,255,.04)}
.vision-col-label{font-family:var(--heading);font-size:0.625rem;font-weight:900;letter-spacing:0.3125rem;text-transform:uppercase;color:rgba(0,229,255,.85);margin-bottom:0;display:flex;align-items:center;gap:0.75rem;position:relative;z-index:2}
.vision-col-label::before{content:'';width:1.25rem;height:1px;background:var(--cyan)}
.vision-col p{font-size:0.9375rem;color:#fff;line-height:1.9;font-weight:900;max-height:16.25rem;opacity:1;margin-top:1rem;overflow:hidden;position:relative;z-index:2}

/* Meteor canvas inside cards */
.vision-col .meteor-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;filter:blur(1.5px);opacity:1}

/* Vision animated background — network */
.bg-vision{position:relative}
.bg-vision .vision-node{position:absolute;border-radius:50%;border:1px solid rgba(0,229,255,.08);animation:vNodeGlow 6s ease-in-out infinite}
@keyframes vNodeGlow{0%,100%{box-shadow:0 0 4px rgba(0,229,255,.05);transform:scale(1)}50%{box-shadow:0 0 12px rgba(0,229,255,.12);transform:scale(1.15)}}
.bg-vision .vision-pt{position:absolute;width:0.1875rem;height:0.1875rem;border-radius:50%;animation:vDrift linear infinite}
.bg-vision .vision-pt.cyan{background:rgba(0,229,255,.25)}
.bg-vision .vision-pt.purple{background:rgba(139,92,246,.2)}
@keyframes vDrift{0%{transform:translate(0,0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translate(var(--dx),var(--dy));opacity:0}}
.bg-vision .vision-gwave{position:absolute;width:100%;height:12.5rem;background:linear-gradient(180deg,transparent,rgba(0,229,255,.015),transparent);animation:vGWave 14s ease-in-out infinite}
@keyframes vGWave{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(-40px);opacity:.7}}

/* ═══ SOLUTIONS (Section 2) — Accordion slats ═══ */
.solutions-grid{display:flex;gap:0.375rem;margin-top:2rem;width:100%;max-width:68.75rem;height:26rem;perspective:800px}
.sol-card{
  flex:1;min-width:0;position:relative;overflow:hidden;cursor:pointer;
  background:linear-gradient(160deg,rgba(10,14,28,.94),rgba(6,10,22,.97));
  border:1px solid rgba(0,229,255,.06);border-radius:4px;
  transform:skewX(-6deg);
  opacity:0;translate:0 30px;
  transition:flex-grow .7s cubic-bezier(.22,1,.36,1),opacity .8s ease,translate .8s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .4s;
}
.slide.active .sol-card{opacity:1;translate:0 0}
.slide.active .sol-card:nth-child(1){transition-delay:.1s}
.slide.active .sol-card:nth-child(2){transition-delay:.18s}
.slide.active .sol-card:nth-child(3){transition-delay:.26s}
.slide.active .sol-card:nth-child(4){transition-delay:.34s}
.slide.active .sol-card:nth-child(5){transition-delay:.42s}
/* Expand on hover */
.sol-card:hover{flex-grow:1.4;border-color:rgba(0,229,255,.2);box-shadow:0 8px 30px rgba(0,0,0,.4)}
/* Top edge shine */
.sol-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.15),rgba(100,80,220,.08),transparent);z-index:0}
/* Inner content container — unskew so content is straight */
.sol-inner{transform:skewX(6deg);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 1rem;position:relative;z-index:2;transition:padding .7s cubic-bezier(.22,1,.36,1)}

/* ─── Solution Shapes ─── */
.sol-shape{position:relative;flex-shrink:0;z-index:2;opacity:1;filter:drop-shadow(0 0 6px rgba(0,229,255,.25));transition:all .6s cubic-bezier(.22,1,.36,1)}
.sol-card:hover .sol-shape{opacity:1;margin-bottom:0.625rem;filter:drop-shadow(0 0 6px rgba(0,229,255,.25))}
.sol-tag{font-family:var(--heading);font-size:0.5625rem;letter-spacing:0.1125rem;text-transform:uppercase;color:rgba(0,229,255,.85);margin-top:0.75rem;text-align:center;white-space:nowrap;opacity:.8;text-shadow:0 0 6px rgba(0,229,255,.15);max-height:1.25rem;overflow:hidden;transition:max-height .7s cubic-bezier(.22,1,.36,1),opacity .6s ease,margin .5s ease;position:relative;z-index:2;font-weight:900}
.sol-card:hover .sol-tag{opacity:0;max-height:0;margin-top:0}
/* Tokenization — stacked coins */
.shape-tokenize{width:3.125rem;height:3rem}
.shape-tokenize span{position:absolute;left:50%;width:2.375rem;height:0.625rem;border-radius:50%;transform:translateX(-50%);border:1px solid rgba(0,229,255,.4)}
.shape-tokenize span:nth-child(1){bottom:2px;background:linear-gradient(180deg,#1a2d55,#142248);box-shadow:0 3px 0 #0d1a38,0 5px 8px rgba(0,0,0,.3)}
.shape-tokenize span:nth-child(2){bottom:0.75rem;background:linear-gradient(180deg,#213868,#1a2d55);box-shadow:0 3px 0 #142248,0 5px 8px rgba(0,0,0,.25)}
.shape-tokenize span:nth-child(3){bottom:1.375rem;background:linear-gradient(180deg,#2a4880,#213868);border-color:rgba(0,229,255,.55);box-shadow:0 3px 0 #1a3060,0 5px 10px rgba(0,229,255,.2)}
/* Custodial — vault with dial */
.shape-custody{width:2.75rem;height:2.75rem;border-radius:0.625rem;background:linear-gradient(150deg,#213868,#162850);border:1px solid rgba(0,229,255,.4);box-shadow:inset 0 1px 0 rgba(0,229,255,.2),0 4px 14px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}
.shape-custody::before{content:'';width:1.125rem;height:1.125rem;border-radius:50%;border:2px solid rgba(0,229,255,.55);background:radial-gradient(circle at 40% 40%,#2a4880,#1a2d55);box-shadow:inset 0 0 6px rgba(0,229,255,.25)}
.shape-custody::after{content:'';position:absolute;bottom:0.4375rem;right:0.375rem;width:0.875rem;height:0.4375rem;border-radius:2px;background:linear-gradient(135deg,#2a4880,#1a3060);border:1px solid rgba(0,229,255,.35)}
/* Financing — ascending bars */
.shape-finance{width:2.75rem;height:2.75rem;display:flex;align-items:flex-end;justify-content:center;gap:0.25rem}
.shape-finance span{width:0.625rem;border-radius:3px 3px 1px 1px;border:1px solid rgba(0,229,255,.35);border-bottom:none}
.shape-finance span:nth-child(1){height:40%;background:linear-gradient(180deg,#1a2d55,#142248)}
.shape-finance span:nth-child(2){height:65%;background:linear-gradient(180deg,#213868,#1a2d55);border-color:rgba(0,229,255,.45)}
.shape-finance span:nth-child(3){height:90%;background:linear-gradient(180deg,#2a4880,#213868);border-color:rgba(0,229,255,.55);box-shadow:0 -2px 8px rgba(0,229,255,.25)}
/* Analytics — dashboard with data lines */
.shape-analytics{width:2.875rem;height:2.25rem;border-radius:0.375rem;background:linear-gradient(155deg,#213868,#162850);border:1px solid rgba(0,229,255,.4);box-shadow:inset 0 1px 0 rgba(0,229,255,.18),0 4px 14px rgba(0,0,0,.35);display:flex;flex-direction:column;justify-content:center;gap:0.3125rem;padding:0 0.5rem}
.shape-analytics::before{content:'';position:absolute;right:0.5rem;top:0.4375rem;width:0.3125rem;height:0.3125rem;border-radius:50%;background:rgba(0,229,255,.6)}
.shape-analytics span{height:2px;border-radius:1px;background:rgba(0,229,255,.5)}
.shape-analytics span:nth-child(1){width:100%}.shape-analytics span:nth-child(2){width:60%}
.shape-analytics span:nth-child(3){width:80%;background:rgba(139,92,246,.5)}
/* Infrastructure — server stack */
.shape-infra{width:2.75rem;height:2.75rem;display:flex;flex-direction:column;justify-content:center;gap:0.1875rem}
.shape-infra span{height:0.625rem;border-radius:3px;border:1px solid rgba(0,229,255,.35);background:linear-gradient(135deg,#1a2d55,#142248);position:relative;box-shadow:inset 0 1px 0 rgba(0,229,255,.18)}
.shape-infra span::before{content:'';position:absolute;left:0.3125rem;top:50%;transform:translateY(-50%);width:0.75rem;height:2px;border-radius:1px;background:rgba(0,229,255,.35)}
.shape-infra span::after{content:'';position:absolute;right:0.3125rem;top:50%;transform:translateY(-50%);width:0.1875rem;height:0.1875rem;border-radius:50%;background:rgba(0,229,255,.55)}
.shape-infra span:nth-child(3){background:linear-gradient(135deg,#213868,#1a2d55);border-color:rgba(0,229,255,.5)}
.shape-infra span:nth-child(3)::after{background:rgba(0,229,255,.7)}


/* Expanded state: full content (lower half) */
.sol-full{opacity:0;overflow:hidden;max-height:0;transition:max-height .7s cubic-bezier(.22,1,.36,1),opacity .4s ease;text-align:center;width:12.5rem;padding:0;position:relative;z-index:2}
.sol-card:hover .sol-full{opacity:1;max-height:25rem;transition-delay:.2s}
.sol-card:hover .sol-inner{padding:1.25rem 1.5rem}
.sol-full h4{font-family:var(--heading);font-size:1.03rem;font-weight:900;color:rgba(0,229,255,.5);margin-bottom:0.5rem;line-height:1.3}
.sol-full p{font-size:0.894rem;color:#fff;line-height:1.7;font-weight:900}
.sol-full .sol-example{font-size:0.775rem;color:rgba(0,229,255,.7);line-height:1.5;padding-top:0.5rem;border-top:1px solid rgba(0,229,255,.1);margin-top:0.625rem;font-style:italic;text-shadow:0 0 6px rgba(0,229,255,.15);font-weight:900}

/* ═══ TARGET AUDIENCE (Section 3) — Bento grid with shapes ═══ */
.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;width:100%;max-width:68.75rem}
.aud-card{
  background:linear-gradient(160deg,rgba(10,14,28,.92),rgba(6,10,22,.96));
  border:1px solid rgba(139,92,246,.06);border-radius:1rem;padding:1.75rem 2rem;display:grid;grid-template-columns:6rem 1fr;align-items:center;gap:1.5rem;cursor:default;
  position:relative;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;
  opacity:0;transform:translateY(30px) scale(.98);
  transition:opacity .6s ease,transform .6s var(--ease2),border-color .4s,box-shadow .4s;
}
.slide.active .aud-card{opacity:1;transform:translateY(0) scale(1)}
.slide.active .aud-card:nth-child(1){transition-delay:.15s}
.slide.active .aud-card:nth-child(2){transition-delay:.25s}
.slide.active .aud-card:nth-child(3){transition-delay:.35s}
.slide.active .aud-card:nth-child(4){transition-delay:.45s}
/* Top edge shine */
.aud-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.15),rgba(0,229,255,.1),transparent);z-index:0}
/* Bottom gradient bar */
.aud-card::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--cyan2));background-size:200% 100%;animation:audBarFlow 4s linear infinite paused;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.slide.active .aud-card::after{animation-play-state:running}
.aud-card:hover::after{transform:scaleX(1)}
@keyframes audBarFlow{0%{background-position:0% 0}100%{background-position:200% 0}}
.aud-card:hover{border-color:rgba(139,92,246,.2);transform:translateY(-4px) scale(1.01);box-shadow:0 20px 50px rgba(0,0,0,.4),0 0 30px rgba(139,92,246,.05),0 0 60px rgba(0,229,255,.03)}
/* Shape wrapper */
.aud-shape-wrap{display:flex;flex-direction:column;align-items:center;z-index:2;overflow:hidden}
/* Shape container */
.aud-shape{position:relative;flex-shrink:0;z-index:2;opacity:1;filter:drop-shadow(0 0 6px rgba(0,229,255,.25));transition:all .6s cubic-bezier(.22,1,.36,1)}
.aud-card:hover .aud-shape{opacity:1;filter:drop-shadow(0 0 14px rgba(139,92,246,.25))}
/* Tag label */
.aud-tag{font-family:var(--heading);font-size:0.5625rem;letter-spacing:0.1125rem;text-transform:uppercase;color:rgba(0,229,255,.85);white-space:nowrap;opacity:.8;text-shadow:0 0 6px rgba(0,229,255,.15);max-height:1.125rem;overflow:hidden;transition:max-height .7s cubic-bezier(.22,1,.36,1),opacity .6s ease,margin .5s ease;position:relative;z-index:2;text-align:center;margin-top:0.5rem;font-weight:900}
.aud-card:hover .aud-tag{opacity:0;max-height:0;margin-top:0}
/* Expanded content */
.aud-full{position:relative;z-index:2}
.aud-full h4{font-family:var(--heading);font-size:1rem;font-weight:900;color:rgba(0,229,255,.85);margin-bottom:0.375rem;transition:color .4s}
.aud-card:hover .aud-full h4{background:linear-gradient(135deg,var(--cyan),var(--purple2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.aud-full p{font-size:0.8125rem;color:#fff;line-height:1.7;font-weight:900;max-height:0;opacity:0;overflow:hidden;transition:max-height .7s cubic-bezier(.22,1,.36,1),opacity .6s ease,margin .5s ease}
.aud-card:hover .aud-full p{max-height:6.25rem;opacity:1}
/* ─── Audience Shapes ─── */
/* Issuers — stacked document layers */
.shape-issuers{width:3.25rem;height:3.25rem}
.shape-issuers span{position:absolute;border-radius:4px;border:1px solid rgba(0,229,255,.35)}
.shape-issuers span:nth-child(1){width:1.875rem;height:2.375rem;bottom:0;left:0;background:linear-gradient(150deg,#1a2d55,#142248);box-shadow:0 2px 8px rgba(0,0,0,.3)}
.shape-issuers span:nth-child(2){width:1.875rem;height:2.375rem;bottom:0.375rem;left:0.5rem;background:linear-gradient(150deg,#213868,#1a2d55);border-color:rgba(0,229,255,.45)}
.shape-issuers span:nth-child(3){width:1.875rem;height:2.375rem;bottom:0.75rem;left:1rem;background:linear-gradient(150deg,#2a4880,#213868);border-color:rgba(0,229,255,.55);box-shadow:0 0 10px rgba(0,229,255,.2)}
.shape-issuers span:nth-child(3)::before{content:'';position:absolute;top:0.5rem;left:0.3125rem;width:0.875rem;height:2px;border-radius:1px;background:rgba(0,229,255,.45)}
.shape-issuers span:nth-child(3)::after{content:'';position:absolute;top:0.875rem;left:0.3125rem;width:0.625rem;height:2px;border-radius:1px;background:rgba(0,229,255,.35)}
/* Web3 — network nodes */
.shape-web3net{width:3.125rem;height:3.125rem}
.shape-web3net::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.25rem;height:1.25rem;background:linear-gradient(135deg,#2a4880,#1a2d55);border:1.5px solid rgba(0,229,255,.55);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}
.shape-web3net::after{content:'';position:absolute;inset:8px;border:1px solid rgba(0,229,255,.3);border-radius:50%}
.shape-web3net span{position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;border:1px solid rgba(0,229,255,.45)}
.shape-web3net span:nth-child(1){top:2px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#213868,#1a2d55)}
.shape-web3net span:nth-child(2){bottom:0.25rem;left:0.25rem;background:linear-gradient(135deg,#1a2d55,#142248)}
.shape-web3net span:nth-child(3){bottom:0.25rem;right:0.25rem;background:linear-gradient(135deg,#2a4880,#1a3060);border-color:rgba(0,229,255,.55)}
/* Institutional — column building */
.shape-institution{width:3rem;height:3rem}
.shape-institution::after{content:'';position:absolute;bottom:2px;left:0.25rem;width:2.5rem;height:0.3125rem;border-radius:2px;background:linear-gradient(180deg,#213868,#162850);border:1px solid rgba(0,229,255,.4)}
.shape-institution::before{content:'';position:absolute;top:0.25rem;left:50%;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:10px solid #213868;filter:drop-shadow(0 0 4px rgba(0,229,255,.2))}
.shape-institution span{position:absolute;bottom:0.4375rem;width:0.375rem;border-radius:2px 2px 0 0;border:1px solid rgba(0,229,255,.4);border-bottom:none}
.shape-institution span:nth-child(1){left:0.625rem;height:1.75rem;background:linear-gradient(180deg,#1a2d55,#142248)}
.shape-institution span:nth-child(2){left:1.25rem;height:1.75rem;background:linear-gradient(180deg,#213868,#1a2d55);border-color:rgba(0,229,255,.5)}
.shape-institution span:nth-child(3){left:1.875rem;height:1.75rem;background:linear-gradient(180deg,#2a4880,#213868);border-color:rgba(0,229,255,.55);box-shadow:0 -2px 6px rgba(0,229,255,.2)}
/* Exchanges — candlestick chart */
.shape-exchange{width:3rem;height:2.75rem;display:flex;align-items:flex-end;justify-content:center;gap:0.5rem}
.shape-exchange span{width:0.625rem;border-radius:2px;position:relative;border:1px solid rgba(0,229,255,.35)}
.shape-exchange span::before{content:'';position:absolute;left:50%;transform:translateX(-50%);width:1px;background:rgba(0,229,255,.45)}
.shape-exchange span:nth-child(1){height:1.125rem;background:linear-gradient(180deg,#1a2d55,#142248)}
.shape-exchange span:nth-child(1)::before{top:-0.5rem;height:0.5rem}
.shape-exchange span:nth-child(2){height:1.75rem;background:linear-gradient(180deg,#213868,#1a2d55);border-color:rgba(0,229,255,.5)}
.shape-exchange span:nth-child(2)::before{top:-0.375rem;height:0.375rem}
.shape-exchange span:nth-child(3){height:0.875rem;background:linear-gradient(180deg,#2a4880,#213868);border-color:rgba(0,229,255,.55);box-shadow:0 -2px 6px rgba(0,229,255,.2)}
.shape-exchange span:nth-child(3)::before{top:-0.625rem;height:0.625rem}

/* ═══ WHY AXELION (Section 4) — Stacked accordion tiles ═══ */
.why-grid{display:flex;flex-direction:column;gap:0.5rem;margin-top:3rem;width:100%;max-width:56.25rem}
.why-card{
  background:linear-gradient(160deg,rgba(10,14,28,.92),rgba(6,10,22,.96));
  border:1px solid rgba(0,229,255,.05);border-radius:0.875rem;padding:0 2rem;position:relative;overflow:hidden;cursor:default;
  opacity:0;transform:translateX(-30px);max-height:4.5rem;
  transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .4s,max-height .7s cubic-bezier(.22,1,.36,1);
}
.slide.active .why-card{opacity:1;transform:translateX(0)}
.slide.active .why-card:nth-child(1){transition-delay:.15s}
.slide.active .why-card:nth-child(2){transition-delay:.27s}
.slide.active .why-card:nth-child(3){transition-delay:.39s}
.slide.active .why-card:nth-child(4){transition-delay:.51s}
/* Left accent bar */
.why-card::before{content:'';position:absolute;top:20%;left:0;width:2px;height:0%;background:linear-gradient(to bottom,var(--cyan),var(--purple2));transition:height .5s var(--ease);border-radius:2px}
.why-card:hover::before{height:60%}
/* Sweep glow */
.why-card::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,229,255,.03),rgba(139,92,246,.02),transparent);transition:left .7s ease;pointer-events:none}
.why-card:hover::after{left:100%}
.why-card:hover{max-height:13.75rem;border-color:rgba(0,229,255,.15);box-shadow:0 16px 48px rgba(0,0,0,.4),0 0 24px rgba(0,229,255,.04)}
/* Top row: icon + title */
.why-card-row{display:flex;align-items:center;gap:1.25rem;height:4.5rem;position:relative;z-index:2}
.why-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;opacity:1;filter:drop-shadow(0 0 6px rgba(0,229,255,.25));transition:all .6s cubic-bezier(.22,1,.36,1)}
.why-card:hover .why-icon{opacity:1;transform:scale(1.12);filter:drop-shadow(0 0 12px rgba(0,229,255,.3))}
.why-card h4{font-family:var(--heading);font-size:1rem;font-weight:900;color:rgba(0,229,255,.85);flex:1;position:relative;z-index:1;transition:color .3s}
.why-card:hover h4{color:var(--cyan)}
/* Expanding description */
.why-expand{max-height:0;opacity:0;overflow:hidden;transition:max-height .7s cubic-bezier(.22,1,.36,1),opacity .6s ease,margin .5s ease;padding:0 0 0 3.75rem;position:relative;z-index:2}
.why-expand p{font-size:0.875rem;color:#fff;line-height:1.7;font-weight:900;padding-bottom:1.5rem}
.why-card:hover .why-expand{max-height:7.5rem;opacity:1}
/* ─── Why Shapes (CSS-built, matching Solutions/Audience style) ─── */
/* End-to-End Stack — 3 server bars */
.why-shape-stack{width:2.5rem;height:2.5rem;position:relative;display:flex;flex-direction:column;justify-content:center;gap:0.1875rem}
.why-shape-stack span{height:0.625rem;border-radius:3px;border:1px solid rgba(0,229,255,.4);position:relative;box-shadow:inset 0 1px 0 rgba(0,229,255,.18)}
.why-shape-stack span:nth-child(1){background:linear-gradient(135deg,#1a2d55,#142248)}
.why-shape-stack span:nth-child(2){background:linear-gradient(135deg,#213868,#1a2d55);border-color:rgba(0,229,255,.5)}
.why-shape-stack span:nth-child(3){background:linear-gradient(135deg,#2a4880,#213868);border-color:rgba(0,229,255,.55);box-shadow:inset 0 1px 0 rgba(0,229,255,.18),0 0 6px rgba(0,229,255,.15)}
.why-shape-stack span::after{content:'';position:absolute;right:0.3125rem;top:50%;transform:translateY(-50%);width:0.1875rem;height:0.1875rem;border-radius:50%;background:rgba(0,229,255,.55)}
.why-shape-stack span:nth-child(3)::after{background:rgba(0,229,255,.7)}
/* Risk & Data — shield with inner diamond */
.why-shape-shield{width:2.25rem;height:2.5rem;position:relative;clip-path:polygon(50% 0%,100% 25%,100% 65%,50% 100%,0% 65%,0% 25%);background:linear-gradient(160deg,#213868,#162850);border:none}
.why-shape-shield::before{content:'';position:absolute;inset:1.5px;clip-path:polygon(50% 0%,100% 25%,100% 65%,50% 100%,0% 65%,0% 25%);background:linear-gradient(160deg,#1a2d55,#102040)}
.why-shape-shield::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:0.625rem;height:0.625rem;border:1.5px solid rgba(0,229,255,.55);background:linear-gradient(135deg,#2a4880,#1a2d55);border-radius:2px;box-shadow:0 0 6px rgba(0,229,255,.2)}
.why-shape-shield span{position:absolute;inset:0;clip-path:polygon(50% 0%,100% 25%,100% 65%,50% 100%,0% 65%,0% 25%);border:1.5px solid rgba(0,229,255,.45);background:transparent}
/* Compliance — clipboard with tab */
.why-shape-clipboard{width:2rem;height:2.5rem;position:relative;border-radius:0.3125rem;background:linear-gradient(160deg,#213868,#162850);border:1.5px solid rgba(0,229,255,.4);box-shadow:inset 0 1px 0 rgba(0,229,255,.15)}
.why-shape-clipboard::before{content:'';position:absolute;top:-0.25rem;left:50%;transform:translateX(-50%);width:0.875rem;height:0.375rem;border-radius:2px;background:linear-gradient(135deg,#2a4880,#213868);border:1px solid rgba(0,229,255,.5)}
.why-shape-clipboard span{position:absolute;border-radius:1px;background:rgba(0,229,255,.5)}
.why-shape-clipboard span:nth-child(1){width:1rem;height:2px;top:0.875rem;left:0.375rem}
.why-shape-clipboard span:nth-child(2){width:0.625rem;height:2px;top:1.375rem;left:0.375rem;background:rgba(0,229,255,.35)}
.why-shape-clipboard::after{content:'';position:absolute;bottom:0.375rem;right:0.3125rem;width:0.5rem;height:0.3125rem;border-left:2px solid rgba(0,229,255,.65);border-bottom:2px solid rgba(0,229,255,.65);transform:rotate(-45deg)}
/* Partnership — two overlapping circles */
.why-shape-partner{width:2.5rem;height:2rem;position:relative}
.why-shape-partner span{position:absolute;width:1.375rem;height:1.375rem;border-radius:50%;top:50%;transform:translateY(-50%)}
.why-shape-partner span:nth-child(1){left:0;background:linear-gradient(135deg,#213868,#162850);border:1.5px solid rgba(0,229,255,.5);box-shadow:0 0 6px rgba(0,229,255,.12)}
.why-shape-partner span:nth-child(2){right:0;background:linear-gradient(135deg,#2a4880,#1a2d55);border:1.5px solid rgba(139,92,246,.5);box-shadow:0 0 6px rgba(139,92,246,.12)}
.why-shape-partner::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0.375rem;height:0.375rem;border-radius:50%;background:rgba(0,229,255,.5);box-shadow:0 0 4px rgba(0,229,255,.3)}

/* ═══ ROADMAP (Section 5) — Centered, compact whitespace ═══ */
.roadmap-section .slide-inner{text-align:center;display:flex;flex-direction:column;align-items:center;max-width:56.25rem}
.roadmap-section .sh{margin-bottom:1rem}
.roadmap-vision{max-width:43.75rem;margin:0 auto 1.125rem;text-align:center}
.roadmap-vision p{font-size:clamp(0.875rem,1.4vw,1.0625rem);color:var(--tl);line-height:1.7;font-weight:300;margin-bottom:0.375rem}
.roadmap-vision .rv-accent{color:var(--cyan);font-weight:500}
.roadmap-label{font-family:var(--heading);font-size:0.625rem;font-weight:700;letter-spacing:0.375rem;text-transform:uppercase;color:var(--cyan);margin-bottom:0.625rem;display:flex;align-items:center;gap:0.875rem;justify-content:center}
.roadmap-label::before,.roadmap-label::after{content:'';width:2rem;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}
.roadmap-label::after{background:linear-gradient(90deg,var(--cyan),transparent)}
/* Horizontal node chain */
.roadmap-timeline{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:0;width:100%;max-width:56.25rem;padding-top:0.625rem}
/* Horizontal connecting line */
.roadmap-timeline::before{content:'';position:absolute;top:2.125rem;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--purple),var(--cyan),transparent);background-size:200% 100%;animation:rmLineFlow 6s linear infinite;transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease2) .2s}
.slide.active .roadmap-timeline::before{transform:scaleX(1)}
@keyframes rmLineFlow{0%{background-position:0% 0}100%{background-position:200% 0}}
.rm-item{
  display:flex;flex-direction:column;align-items:center;flex:1;position:relative;
  opacity:0;transform:translateY(20px) scale(.9);
  transition:opacity .6s ease,transform .6s var(--ease2);
}
.slide.active .rm-item{opacity:1;transform:translateY(0) scale(1)}
.slide.active .rm-item:nth-child(1){transition-delay:.3s}
.slide.active .rm-item:nth-child(2){transition-delay:.5s}
.slide.active .rm-item:nth-child(3){transition-delay:.7s}
/* Node circle */
.rm-dot{width:3rem;height:3rem;border-radius:50%;
  background:linear-gradient(160deg,rgba(16,24,48,.95),rgba(10,16,36,.98));
  border:1.5px solid rgba(0,229,255,.4);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  position:relative;z-index:2;transition:all .6s cubic-bezier(.22,1,.36,1);
  box-shadow:0 0 20px rgba(0,229,255,.15),0 4px 16px rgba(0,0,0,.4);
}
.rm-item:hover .rm-dot{transform:scale(1.1);border-color:rgba(0,229,255,.3);box-shadow:0 0 36px rgba(0,229,255,.2),0 0 60px rgba(0,229,255,.08),0 8px 24px rgba(0,0,0,.5)}
/* Pulsing rings */
.rm-dot::before{content:'';position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(0,229,255,.25);animation:rmRingPulse 3s ease-in-out infinite}
.rm-dot::after{content:'';position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(139,92,246,.15);animation:rmRingPulse 3s ease-in-out infinite;animation-delay:1.5s}
@keyframes rmRingPulse{0%,100%{transform:scale(.9);opacity:.3}50%{transform:scale(1.1);opacity:.8}}
/* Node tag label */
.rm-node-tag{font-family:var(--heading);font-size:0.5625rem;letter-spacing:0.125rem;text-transform:uppercase;color:var(--tl);margin-top:0.375rem;opacity:.6;transition:opacity .6s ease,transform .5s cubic-bezier(.22,1,.36,1);text-align:center}
.rm-item:hover .rm-node-tag{opacity:0;transform:translateY(-4px)}
/* Connector line node→card */
.rm-connector{width:1px;height:1rem;background:linear-gradient(to bottom,rgba(0,229,255,.15),rgba(0,229,255,.05));margin-top:2px;transition:height .5s cubic-bezier(.22,1,.36,1)}
.rm-item:hover .rm-connector{height:1.375rem;background:linear-gradient(to bottom,rgba(0,229,255,.25),rgba(0,229,255,.08))}
/* Info card */
.rm-text{
  text-align:center;
  background:linear-gradient(160deg,rgba(10,14,28,.85),rgba(6,10,22,.92));
  border:1px solid rgba(0,229,255,.06);border-radius:0.75rem;padding:1rem 1.125rem;position:relative;overflow:hidden;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:all .5s cubic-bezier(.22,1,.36,1);max-width:15.625rem;
}
.rm-text::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.1),rgba(139,92,246,.06),transparent)}
.rm-text p{font-size:0.8125rem;color:#fff;line-height:1.6;font-weight:900;transition:color .3s;position:relative;z-index:1}
.rm-item:hover .rm-text{border-color:rgba(0,229,255,.18);box-shadow:0 12px 36px rgba(0,0,0,.3),0 0 24px rgba(0,229,255,.05);transform:translateY(-4px)}
.rm-item:hover .rm-text p{color:var(--text)}
/* ─── Roadmap Node Shapes ─── */
/* Foundation blocks */
.rm-shape-core{width:1.5rem;height:1.25rem;position:relative;filter:drop-shadow(0 0 5px rgba(0,229,255,.3))}
.rm-shape-core span{position:absolute;height:0.4375rem;border-radius:2px;border:1px solid rgba(0,229,255,.4)}
.rm-shape-core span:nth-child(1){width:1.25rem;bottom:0;left:2px;background:linear-gradient(135deg,#1a2d55,#142248)}
.rm-shape-core span:nth-child(2){width:1rem;bottom:0.5625rem;left:0.3125rem;background:linear-gradient(135deg,#2a4880,#213868);border-color:rgba(0,229,255,.55);box-shadow:0 0 6px rgba(0,229,255,.15)}
/* Diamond gem */
.rm-shape-token{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 5px rgba(0,229,255,.3))}
.rm-shape-token::before{content:'';width:0.875rem;height:0.875rem;background:linear-gradient(135deg,#2a4880,#1a2d55);border:1.5px solid rgba(0,229,255,.55);transform:rotate(45deg);border-radius:2px;box-shadow:0 0 8px rgba(0,229,255,.2)}
/* Broadcast signal */
.rm-shape-pilot{width:1.375rem;height:1.375rem;position:relative;filter:drop-shadow(0 0 5px rgba(0,229,255,.3))}
.rm-shape-pilot span{position:absolute;bottom:0;left:0;border-radius:0 0 0 50%;border-left:1.5px solid rgba(0,229,255,.35);border-bottom:1.5px solid rgba(0,229,255,.35);border-top:none;border-right:none}
.rm-shape-pilot span:nth-child(1){width:0.5625rem;height:0.5625rem}
.rm-shape-pilot span:nth-child(2){width:0.9375rem;height:0.9375rem;border-color:rgba(0,229,255,.45)}
.rm-shape-pilot span:nth-child(3){width:1.375rem;height:1.375rem;border-color:rgba(0,229,255,.55);filter:drop-shadow(0 0 4px rgba(0,229,255,.15))}
.rm-shape-pilot::before{content:'';position:absolute;bottom:0;left:0;width:0.25rem;height:0.25rem;border-radius:50%;background:rgba(0,229,255,.65)}

/* ═══ FOOTER (Section 6) ═══ */
.footer-section .slide-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:56.25rem;padding-bottom:3.75rem}
.footer-section .sh{text-align:center;margin-left:auto;margin-right:auto}
.footer-contact-text{font-size:0.9375rem;color:#fff;line-height:1.8;max-width:31.25rem;margin:0 auto 2.5rem;font-weight:900}
/* Email CTA — enhanced glow */
.footer-email{
  font-family:var(--heading);font-size:clamp(1.5rem,3.5vw,3rem);color:var(--cyan);
  text-decoration:none;position:relative;display:inline-block;font-weight:900;
  transition:all .5s cubic-bezier(.22,1,.36,1);
  text-shadow:0 0 40px rgba(0,229,255,.3),0 0 80px rgba(0,229,255,.1);
}
.footer-email::before{content:'';position:absolute;inset:-20px -40px;border-radius:2.5rem;background:radial-gradient(ellipse,rgba(0,229,255,.06),transparent 70%);opacity:0;transition:opacity .5s;pointer-events:none}
.footer-email::after{content:'';position:absolute;bottom:-0.625rem;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--cyan2));background-size:200% 100%;animation:ftBarFlow 4s linear infinite;transform:scaleX(0);transition:transform .5s var(--ease)}
@keyframes ftBarFlow{0%{background-position:0% 0}100%{background-position:200% 0}}
.footer-email:hover{color:var(--cyan);text-shadow:0 0 40px rgba(0,229,255,.3),0 0 80px rgba(0,229,255,.1);transform:scale(1.03)}
.footer-email:hover::before{opacity:1}
.footer-email:hover::after{transform:scaleX(1)}
/* Nav links — enhanced */
.footer-nav{display:flex;gap:2rem;margin-top:3.5rem;flex-wrap:wrap;justify-content:center}
.footer-nav a{font-family:var(--heading);font-size:0.75rem;letter-spacing:0.125rem;text-transform:uppercase;color:rgba(0,229,255,.85);text-decoration:none;transition:all .4s;font-weight:900;padding:0.5rem 0;position:relative;text-shadow:0 0 10px rgba(0,229,255,.2)}
.footer-nav a::after{content:'';position:absolute;bottom:0.25rem;left:50%;width:0;height:1px;background:linear-gradient(90deg,var(--cyan),var(--purple2));transition:all .4s var(--ease);transform:translateX(-50%)}
.footer-nav a:hover{color:var(--cyan);text-shadow:0 0 16px rgba(0,229,255,.2)}
.footer-nav a:hover::after{width:100%}
/* Divider — enhanced gradient */
.footer-divider{width:7.5rem;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.15),rgba(139,92,246,.1),transparent);margin:3rem auto}
.footer-copy{font-size:0.75rem;color:var(--tm);letter-spacing:0.0312rem;font-weight:300}

/* ═══ ANIMATED BACKGROUNDS ═══ */
.bg-hero .orb{position:absolute;border-radius:50%;filter:blur(100px);animation:orbF 22s ease-in-out infinite}
.bg-hero .o1{width:37.5rem;height:37.5rem;background:radial-gradient(circle,rgba(0,229,255,.08),transparent 70%);top:-10%;left:5%}
.bg-hero .o2{width:25rem;height:25rem;background:radial-gradient(circle,rgba(139,92,246,.06),transparent 70%);bottom:10%;right:5%;animation-delay:-7s}
.bg-hero .o3{width:18.75rem;height:18.75rem;background:radial-gradient(circle,rgba(0,229,255,.04),transparent 70%);top:30%;right:20%;animation-delay:-14s}
@keyframes orbF{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(50px,-40px) scale(1.1)}66%{transform:translate(-40px,50px) scale(.9)}}
.bg-hero .diag{position:absolute;width:200%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.05),transparent);transform-origin:center}

/* Solutions bg — grid dots */
.bg-solutions .gd{position:absolute;width:2px;height:2px;border-radius:50%;background:rgba(0,229,255,.1);animation:gdPulse 5s ease-in-out infinite}
@keyframes gdPulse{0%,100%{opacity:.1;transform:scale(1)}50%{opacity:.8;transform:scale(3)}}

/* Audience bg — rising particles */
.bg-audience .pt{position:absolute;width:2px;height:2px;background:rgba(139,92,246,.15);border-radius:50%;animation:ptRise 13s linear infinite}
@keyframes ptRise{0%{transform:translateY(100vh);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(-10vh);opacity:0}}

/* Why bg — expanding rings */
.bg-why .ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid rgba(0,229,255,.04);animation:ringP 8s ease-out infinite}
.bg-why .r1{width:12.5rem;height:12.5rem;margin:-6.25rem 0 0 -6.25rem}
.bg-why .r2{width:25rem;height:25rem;margin:-12.5rem 0 0 -12.5rem;animation-delay:2s}
.bg-why .r3{width:37.5rem;height:37.5rem;margin:-18.75rem 0 0 -18.75rem;animation-delay:4s}
@keyframes ringP{0%{transform:scale(.8);opacity:.5}100%{transform:scale(1.5);opacity:0}}

/* Roadmap bg — breathing glow */
.bg-roadmap .glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:37.5rem;height:37.5rem;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.04),rgba(139,92,246,.02),transparent 60%);animation:breathe 10s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}

/* Footer bg — spinning circles */
.bg-footer .cr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(0,229,255,.04);animation:crSpin 50s linear infinite}
.bg-footer .cr2{width:20rem;height:20rem;border-style:dashed;border-color:rgba(139,92,246,.03);animation-direction:reverse;animation-duration:35s}
.bg-footer .cr1{width:30rem;height:30rem}
@keyframes crSpin{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}

/* ═══ RESPONSIVE — ULTRAWIDE (>1920px) ═══ */
/* Centering now handled by max() in base styles — no ultrawide query needed */

/* ═══ RESPONSIVE — LARGE TABLET ═══ */
@media(max-width:1100px){
  .slide-inner{padding:3rem 2.75rem}
  .hero-content{width:65%;max-width:none;padding:0 1.5rem 0 2.75rem}
  .hero-content h1{font-size:clamp(2.5rem,4.5vw,4rem)}
  .hero-sub{font-size:clamp(0.8125rem,1.3vw,1rem)}
  .hero-cta-row{margin-top:2.25rem;gap:1rem}
  .hero-btn{padding:0.875rem 2rem}
  .hero-earth{width:65%;right:-5%}
  .top-bar{padding:1.25rem 2.25rem;max-width:none}
  .hero-logo{top:1.25rem;left:2.25rem}

  .vision-columns{gap:2rem}
  .solutions-grid{height:18.75rem}
  .audience-grid{grid-template-columns:1fr}
  .aud-card:nth-child(1),.aud-card:nth-child(4){grid-column:1}
  .why-grid{max-width:100%}
  .why-card-row{flex-wrap:wrap}
}

@media(max-width:900px){
  .solutions-grid{flex-direction:column;height:auto;gap:0.5rem}
  .sol-card{transform:none;border-radius:0.75rem;opacity:1;translate:0 0;min-height:auto;transition:none}
  .sol-card:hover{flex-grow:1;border-color:rgba(0,229,255,.06);box-shadow:none}
  .sol-card::before{display:none}
  .sol-inner{transform:none;flex-direction:column;align-items:flex-start;padding:1.25rem;gap:0.5rem;transition:none}
  .sol-card:hover .sol-inner{flex-direction:column;align-items:flex-start;padding:1.25rem}
  .sol-shape{margin-bottom:0.25rem}
  .sol-card:hover .sol-shape{transform:none;margin-bottom:0.25rem;filter:none;opacity:1}
  .sol-tag{margin-top:0;font-size:0.6875rem;letter-spacing:0.0938rem;text-align:left;white-space:normal}
  .sol-card:hover .sol-tag{opacity:.8;max-height:none;margin-top:0}
  .sol-full{opacity:1;max-height:none;width:100%;padding:0}
  .sol-full h4{font-size:0.9375rem;text-align:left}
  .sol-full p{font-size:0.8125rem;text-align:left}
  .sol-full .sol-example{font-size:0.75rem;text-align:left;font-weight:900;opacity:1}

  .vision-columns{grid-template-columns:1fr;gap:1.5rem}
  .vision-col{padding:1.5rem 1.25rem}
  .hero-content{width:70%;padding:0 1.5rem 0 2rem}
  .hero-earth{width:55%;right:-8%;opacity:.5}
  .audience-grid{grid-template-columns:1fr}
  .aud-card:nth-child(1),.aud-card:nth-child(4){grid-column:1}
}

/* ═══ RESPONSIVE — MOBILE ═══ */
@media(max-width:768px){
  html{scroll-behavior:smooth;font-size:16px}
  .glow-border{display:none}
  body{overflow-y:auto;overflow-x:hidden;font-size:1rem}
  .slider{height:auto}
  .wrapper{height:auto;transform:none!important;will-change:auto;transition:none}
  .slide{height:auto;min-height:100svh;padding:0;margin-top:0;margin-bottom:0;scroll-margin-top:3.375rem;will-change:auto;transition:none;display:flex;align-items:center;justify-content:center}
  .slide:first-child{margin-top:0}
  .slide[data-index="0"]{min-height:100svh;padding:0;margin-top:0;margin-bottom:0;display:flex;align-items:flex-start;justify-content:center;position:relative}
  .slide:last-child{padding-bottom:0;margin-bottom:0}
  .slide-inner{padding:3rem 1.5rem;opacity:1;transform:none;transition:none;margin:auto}
  .sbg{opacity:1}
  .web3-grid{display:none}

  .top-bar{position:fixed;top:0;left:0;right:0;background:rgba(5,8,16,.98);backdrop-filter:none;-webkit-backdrop-filter:none;padding:0.875rem 1.25rem;border-bottom:1px solid rgba(0,229,255,.05);justify-content:space-between;max-width:none}
  .top-bar .topbar-logo{display:flex}
  .logo-img{height:1.5rem}
  .hero-logo{display:none}
  .menu-btn{padding:0.5rem 0.875rem 0.5rem 0.75rem;background:linear-gradient(135deg,rgba(0,229,255,.29),rgba(0,180,220,.16));border-color:rgba(0,229,255,.7);box-shadow:0 0 24px rgba(0,229,255,.19),0 0 13px rgba(0,229,255,.1) inset;border-width:1.5px}
  .menu-btn-label{font-size:0.5625rem;letter-spacing:0.125rem;font-weight:900;color:rgba(0,229,255,1);text-shadow:0 0 13px rgba(0,229,255,.4)}
  .menu-icon{width:1rem;height:0.75rem}
  .menu-btn.open .menu-icon span:nth-child(1){transform:translateY(5.25px) rotate(45deg)}
  .menu-btn.open .menu-icon span:nth-child(3){transform:translateY(-5.25px) rotate(-45deg)}
  .nav-dropdown{right:-0.5rem;min-width:13.75rem}
  .nav-links button{font-size:0.75rem;padding:0.625rem 1.25rem}

  .sh{font-size:clamp(1.75rem,7vw,2.625rem);margin-bottom:1.25rem}
  .sp{font-size:0.9375rem;line-height:1.7;font-weight:900;color:#fff}
  .sl{margin-bottom:1rem;letter-spacing:0.25rem;font-size:0.5625rem;font-weight:900}

  .slide[data-index="0"] .slide-inner{padding:7rem 1.5rem 3rem;text-align:center}
  .hero-content{width:100%;max-width:none;padding:0;align-items:center;text-align:center}
  .hero-content h1{font-size:clamp(2.375rem,11vw,3.625rem);text-align:center;line-height:1.25;margin-bottom:0}
  .hero-sub{font-size:0.9375rem;margin-top:1.25rem;text-align:center;line-height:2;position:relative;z-index:6;font-weight:900;color:#fff}
  .hero-cta-row{margin-top:1.5rem;flex-wrap:wrap;justify-content:center;position:relative;z-index:6}
  .hero-btn{padding:1rem 2.25rem;font-size:0.6875rem;font-weight:900;border-width:1.5px}
  .hero-btn.primary{background:linear-gradient(135deg,rgba(0,229,255,.29),rgba(0,180,220,.16));color:rgba(0,229,255,1);border-color:rgba(0,229,255,.7);box-shadow:0 0 24px rgba(0,229,255,.19),0 0 13px rgba(0,229,255,.1) inset;text-shadow:0 0 13px rgba(0,229,255,.4)}
  .hero-btn.secondary{background:linear-gradient(135deg,rgba(120,90,255,.29),rgba(80,60,220,.16));color:rgba(160,150,255,1);border-color:rgba(130,110,255,.7);box-shadow:0 0 24px rgba(100,80,220,.19),0 0 13px rgba(100,80,220,.1) inset;text-shadow:0 0 13px rgba(130,110,255,.4)}
  .hero-earth{width:120%;left:50%;right:auto;transform:translateX(-50%);opacity:1;bottom:15%;top:auto;mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,black 25%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,black 25%,transparent 65%)}
  .earth-glow{display:none}
  .slide[data-index="0"]::before{background:radial-gradient(ellipse at 50% 55%,rgba(5,8,16,.05) 20%,rgba(5,8,16,.5) 55%,rgba(5,8,16,.9) 80%)}
  .slide[data-index="0"]::after{display:block;background:linear-gradient(180deg,transparent 60%,rgba(5,8,16,1) 100%)}
  .slide[data-index="0"]{mask-image:linear-gradient(180deg,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,black 85%,transparent 100%)}
  .scroll-hint{display:none}

  /* Performance: kill all heavy animations on mobile */
  .bg-hero .orb{filter:none;opacity:.4;animation:none}
  .bg-hero .diag{display:none}
  .bg-vision .vision-node{animation:none;opacity:.3}
  .bg-solutions .gd{display:none}
  .bg-audience .pt{display:none}
  .bg-why .ring{animation:none;opacity:.15}
  .bg-roadmap .glow{animation:none;opacity:.4}
  .bg-footer .cr{animation:none;opacity:.3}
  .planet{animation:none}

  .planet-wrap{width:25rem!important;height:25rem!important}

  .vision-headline{font-size:clamp(1.5rem,7vw,2.375rem);font-weight:900}
  .vision-columns{grid-template-columns:1fr;gap:1.5rem}
  .vision-col{padding:1.75rem 1.5rem;opacity:1;transform:none}
  .vision-col p{max-height:none;opacity:1;margin-top:1rem;font-weight:900;color:#fff}
  .vision-col-label{margin-bottom:0;font-weight:900;color:rgba(0,229,255,.85)}

  .solutions-grid{flex-direction:column;height:auto;gap:0.5rem}
  .sol-card{transform:none!important;border-radius:0.75rem;opacity:1!important;translate:0 0!important;min-height:auto;transition:none!important;flex:1 1 auto!important;flex-grow:1!important}
  .sol-card:hover,.sol-card:active,.sol-card:focus{flex-grow:1!important;flex:1 1 auto!important;border-color:rgba(0,229,255,.06)!important;box-shadow:none!important;transform:none!important}
  .slide.active .sol-card{transition:none!important;transition-delay:0s!important}
  .sol-card::before{display:none}
  .sol-inner{transform:none!important;flex-direction:column!important;align-items:flex-start!important;padding:1.25rem!important;gap:0.5rem;transition:none!important}
  .sol-card:hover .sol-inner,.sol-card:active .sol-inner{padding:1.25rem!important}
  .sol-shape{margin-bottom:0.25rem!important;transition:none!important}
  .sol-card:hover .sol-shape,.sol-card:active .sol-shape{transform:none!important;margin-bottom:0.25rem!important;filter:drop-shadow(0 0 6px rgba(0,229,255,.25))!important;opacity:1!important}
  .sol-tag{margin-top:0!important;font-size:0.6875rem;letter-spacing:0.0938rem;text-align:left;white-space:normal;max-height:none!important;opacity:1!important;transition:none!important;font-weight:900;color:rgba(0,229,255,.85)}
  .sol-card:hover .sol-tag,.sol-card:active .sol-tag{opacity:.8!important;max-height:none!important;margin-top:0!important}
  .sol-full{opacity:1!important;max-height:none!important;width:100%;padding:0;transition:none!important}
  .sol-card:hover .sol-full{opacity:1!important;max-height:none!important;transition-delay:0s}
  .sol-full h4{font-size:0.9375rem;text-align:left;font-weight:900;color:rgba(0,229,255,.5)}
  .sol-full p{font-size:0.8125rem;text-align:left;font-weight:900;color:#fff}
  .sol-full .sol-example{font-size:0.75rem;text-align:left;font-weight:900;opacity:1;-webkit-text-stroke:0;filter:none}

  .audience-grid{grid-template-columns:1fr;gap:0.75rem}
  .aud-card:nth-child(1),.aud-card:nth-child(4){grid-column:1}
  .aud-card{padding:1.5rem 1.25rem;grid-template-columns:5rem 1fr;gap:1rem;opacity:1;transform:none;transition:none}
  .aud-shape{transition:none!important}
  .aud-card:hover,.aud-card:active{transform:none;border-color:rgba(139,92,246,.06);box-shadow:none}
  .aud-card:hover .aud-shape,.aud-card:active .aud-shape{transform:none!important;filter:drop-shadow(0 0 6px rgba(0,229,255,.25))!important;opacity:1!important}
  .aud-card::after{display:none}
  .aud-full h4{font-weight:900;color:rgba(0,229,255,.85);transition:none!important}
  .aud-full p{max-height:none;opacity:1;font-weight:900;color:#fff}
  .aud-card:hover .aud-full h4{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:rgba(0,229,255,.85)!important;background-clip:unset!important;color:rgba(0,229,255,.85)!important}
  .aud-tag{display:none}

  .why-grid{gap:0.625rem}
  .why-card{max-height:none;padding:1.25rem 1.5rem;opacity:1;transform:none;transition:none}
  .why-icon{transition:none!important}
  .why-card::before,.why-card::after{display:none}
  .why-card:hover{max-height:none;border-color:rgba(0,229,255,.06);box-shadow:none;transform:none}
  .why-card:hover .why-icon{transform:none!important;filter:drop-shadow(0 0 6px rgba(0,229,255,.25))!important}
  .why-card h4{font-weight:900;color:rgba(0,229,255,.85);transition:none!important}
  .why-card:hover h4{color:rgba(0,229,255,.85)!important}
  .why-card-row{height:auto;flex-wrap:wrap;gap:0.75rem}
  .why-expand{max-height:none;opacity:1;padding:0.5rem 0 0 0;transition:none}
  .why-expand p{font-weight:900;color:#fff}
  .why-card:hover .why-expand{max-height:none;opacity:1}
  .why-tag{display:none}
  .why-num{font-size:1.25rem}

  .roadmap-vision{margin-bottom:3rem}
  .roadmap-timeline{flex-direction:column;align-items:center;gap:0}
  .roadmap-timeline::before{top:0;bottom:0;left:50%;right:auto;width:1px;height:100%;transform:scaleY(1)!important;background:linear-gradient(to bottom,var(--cyan),var(--purple),transparent);animation:none}
  .rm-item{opacity:1;transform:none;flex-direction:column;align-items:center;transition:none}
  .rm-item:hover .rm-dot,.rm-item:active .rm-dot{transform:none;border-color:rgba(0,229,255,.4);box-shadow:0 0 20px rgba(0,229,255,.15),0 4px 16px rgba(0,0,0,.4)}
  .rm-item:hover .rm-text,.rm-item:active .rm-text{transform:none;border-color:rgba(0,229,255,.06);box-shadow:none}
  .rm-item:hover .rm-text p{color:var(--tl)}
  .rm-item:hover .rm-connector{height:1rem}
  .rm-dot{width:2.75rem;height:2.75rem;transition:none}
  .rm-dot::before,.rm-dot::after{animation:none;opacity:.4}
  .rm-text{max-width:100%;text-align:left;padding:1.25rem 1.375rem;margin-bottom:1.25rem;transition:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .rm-text p{font-weight:900;color:#fff}
  .rm-node-tag{display:none}
  .rm-connector{height:1rem;transition:none}

  .footer-nav{gap:1.25rem;margin-top:2.5rem}
  .footer-nav a{font-weight:900;color:rgba(0,229,255,.85);text-shadow:0 0 10px rgba(0,229,255,.2)}
  .footer-nav a:hover{color:rgba(0,229,255,.85);transform:none}
  .footer-nav a::after{display:none}
  .footer-email{font-size:clamp(1.25rem,6vw,2rem);transition:none;color:var(--cyan);text-shadow:0 0 40px rgba(0,229,255,.3),0 0 80px rgba(0,229,255,.1);font-weight:900}
  .footer-email:hover{transform:none}
  .footer-email::before,.footer-email::after{display:none}
}

@media(max-width:480px){
  .slide{padding:0;margin-top:0;margin-bottom:0;scroll-margin-top:2.875rem}
  .slide:first-child{margin-top:0}
  .slide[data-index="0"]{padding:0;min-height:100svh;margin-top:0;margin-bottom:0}
  .slide:last-child{margin-bottom:0}
  .slide-inner{padding:2.5rem 1.125rem}

  .hero-content h1{font-size:clamp(2rem,10vw,2.75rem);letter-spacing:-0.0938rem}
  .hero-sub{font-size:0.875rem}
  .hero-earth{opacity:1;width:150%}
  .hero-btn{padding:0.75rem 1.5rem;font-size:0.625rem}
  .hero-cta-row{gap:0.625rem}

  .sh{font-size:clamp(1.5rem,7vw,2.125rem)}
  .sp{font-size:0.875rem}
  .sl{font-size:0.5rem;letter-spacing:0.1875rem}

  .vision-headline{font-size:clamp(1.375rem,6.5vw,2rem)}
  .vision-col{padding:1.5rem 1.25rem}
  .vision-col p{font-size:0.875rem}

  .sol-inner{padding:0.875rem 1rem;gap:0.875rem}
  .sol-shape{transform:scale(.9)}
  .sol-tag{font-size:0.625rem;letter-spacing:0.075rem}
  .sol-full h4{font-size:0.875rem}
  .sol-full p{font-size:0.75rem}
  .sol-full .sol-example{font-size:0.6875rem;font-weight:900;opacity:1}

  .audience-grid{gap:0.625rem;margin-top:2.25rem}
  .aud-card{padding:1.25rem 1rem;grid-template-columns:5rem 1fr;gap:0.75rem}
  .aud-shape{transform:scale(.85);transition:none!important}
  .aud-card:hover .aud-shape,.aud-card:active .aud-shape{transform:scale(.85)!important}
  .aud-full h4{font-size:0.875rem;transition:none!important}
  .aud-card:hover .aud-full h4{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:rgba(0,229,255,.85)!important;background-clip:unset!important;color:rgba(0,229,255,.85)!important}
  .aud-full p{font-size:0.75rem}

  .why-grid{gap:0.5rem;margin-top:2.25rem}
  .why-card{padding:1rem 1.25rem}
  .why-icon{transition:none!important}
  .why-card:hover .why-icon{transform:none!important}
  .why-card-row{gap:0.625rem}
  .why-card h4{font-size:0.875rem;transition:none!important}
  .why-card:hover h4{color:rgba(0,229,255,.85)!important}
  .why-expand p{font-size:0.8125rem;padding-bottom:0.75rem}
  .why-expand{padding:0.375rem 0 0 0}
  .why-num{font-size:1.25rem;min-width:1.875rem}
  .why-shape{transform:scale(.85)}

  .rm-dot{width:2.25rem;height:2.25rem}
  .rm-shape-core{transform:scale(.8)}
  .rm-shape-token{transform:scale(.8)}
  .rm-shape-pilot{transform:scale(.8)}
  .rm-text{padding:1rem 1.125rem;margin-bottom:1rem}
  .rm-text p{font-size:0.8125rem}
  .roadmap-vision{margin-bottom:2rem}
  .roadmap-vision p{font-size:0.875rem}

  .footer-email{font-size:clamp(1.125rem,5.5vw,1.75rem)}
  .footer-nav{flex-direction:column;gap:0.75rem;align-items:center}
  .footer-contact-text{font-size:0.875rem;font-weight:900;color:#fff}
  .footer-divider{margin:2.25rem auto}

  .top-bar{padding:0.625rem 1rem}
  .logo-img{height:1.5rem}
  .planet-wrap{width:18.75rem!important;height:18.75rem!important}
}

/* ═══ RESPONSIVE — EXTRA-SMALL PHONES (≤360px) ═══ */
@media(max-width:360px){
  .slide-inner{padding:2rem 0.875rem}
  .slide{margin-top:0;margin-bottom:0}
  .slide:first-child{margin-top:0}
  .slide[data-index="0"]{padding:3.75rem 0 3rem;margin-top:0;margin-bottom:3.5rem}
  .slide:last-child{margin-bottom:0}

  .top-bar{padding:0.5rem 0.75rem}
  .logo-img{height:1.375rem}
  .hero-content h1{font-size:clamp(1.625rem,9vw,2.25rem);letter-spacing:-0.0625rem}
  .hero-sub{font-size:0.8125rem}
  .hero-btn{padding:0.625rem 1.25rem;font-size:0.5625rem;letter-spacing:0.0938rem}
  .hero-cta-row{gap:0.5rem}

  .sh{font-size:clamp(1.25rem,6.5vw,1.75rem)}
  .sp{font-size:0.8125rem}
  .sl{font-size:0.4375rem;letter-spacing:0.1562rem}

  .vision-headline{font-size:clamp(1.125rem,6vw,1.625rem)}
  .vision-col{padding:1.25rem 1rem}
  .vision-col p{font-size:0.8125rem}
  .vision-col-label{font-size:0.5625rem;letter-spacing:0.1875rem;gap:0.5rem}

  .sol-inner{padding:0.75rem 0.875rem;gap:0.75rem}
  .sol-shape{transform:scale(.85)}
  .sol-tag{font-size:0.625rem}
  .sol-full h4{font-size:0.8125rem}
  .sol-full p{font-size:0.6875rem;line-height:1.6}
  .sol-full .sol-example{font-size:0.625rem;font-weight:900;opacity:1}

  .audience-grid{gap:0.625rem;margin-top:2rem}
  .aud-card{padding:1rem 0.875rem;grid-template-columns:4.5rem 1fr;gap:0.625rem}
  .aud-shape{transform:scale(.8);transition:none!important}
  .aud-card:hover .aud-shape,.aud-card:active .aud-shape{transform:scale(.8)!important}
  .aud-full h4{font-size:0.8125rem;transition:none!important}
  .aud-card:hover .aud-full h4{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:rgba(0,229,255,.85)!important;background-clip:unset!important;color:rgba(0,229,255,.85)!important}
  .aud-full p{font-size:0.6875rem;line-height:1.6}

  .why-grid{gap:0.5rem;margin-top:2rem}
  .why-card{padding:0.875rem 1rem}
  .why-icon{transition:none!important}
  .why-card:hover .why-icon{transform:none!important}
  .why-card-row{gap:0.625rem}
  .why-card h4{font-size:0.8125rem;transition:none!important}
  .why-card:hover h4{color:rgba(0,229,255,.85)!important}
  .why-expand p{font-size:0.75rem;line-height:1.6;padding-bottom:0.5rem}
  .why-expand{padding:0.375rem 0 0 0}
  .why-num{font-size:1.125rem;min-width:1.75rem}
  .why-shape{transform:scale(.8)}

  .roadmap-vision p{font-size:0.8125rem}
  .roadmap-label{font-size:0.5625rem;letter-spacing:0.25rem}
  .rm-dot{width:2rem;height:2rem}
  .rm-shape-core{transform:scale(.75)}
  .rm-shape-token{transform:scale(.75)}
  .rm-shape-pilot{transform:scale(.75)}
  .rm-text{padding:0.875rem 0.875rem}
  .rm-text p{font-size:0.75rem}

  .footer-email{font-size:clamp(1rem,5vw,1.5rem)}
  .footer-nav{gap:0.625rem;margin-top:2rem}
  .footer-nav a{font-size:0.625rem;letter-spacing:0.0938rem}
  .footer-contact-text{font-size:0.8125rem}
  .footer-divider{margin:2rem auto}
  .planet-wrap{width:15rem!important;height:15rem!important}
}

/* ═══ RESPONSIVE — LANDSCAPE PHONES ═══ */
@media(max-height:500px) and (orientation:landscape){
  /* Switch from slider to scroll — same as mobile */
  html{scroll-behavior:smooth;font-size:16px}
  .glow-border{display:none}
  body{overflow-y:auto;overflow-x:hidden}
  .slider{height:auto}
  .wrapper{height:auto;transform:none!important}
  .slide{height:auto;min-height:100svh;padding:0;margin-top:0;margin-bottom:0;scroll-margin-top:3.125rem;display:flex;align-items:center;justify-content:center}
  .slide:first-child{margin-top:0}
  .slide:last-child{margin-bottom:0}
  .slide-inner{padding:2rem 3rem;opacity:1;transform:none;transition:none;margin:auto}
  .sbg{opacity:1}

  /* Hero — compact landscape layout */
  .slide[data-index="0"]{min-height:100svh;padding:0;margin-top:0;margin-bottom:0;display:flex;align-items:center}
  .slide[data-index="0"] .slide-inner{padding:1.5rem 0 0 2rem}
  .slide[data-index="0"]::before{background:linear-gradient(90deg,rgba(5,8,16,.95) 0%,rgba(5,8,16,.8) 35%,rgba(5,8,16,.3) 55%,transparent 72%)}
  .slide[data-index="0"]::after{display:block;background:linear-gradient(180deg,transparent 60%,rgba(5,8,16,1) 100%)}
  .slide[data-index="0"]{mask-image:linear-gradient(180deg,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,black 85%,transparent 100%)}
  .hero-content{width:50%;max-width:none;padding:0 1rem 0 0}
  .hero-content h1{font-size:clamp(1.75rem,5vw,2.75rem);text-align:left;line-height:1.1}
  .hero-sub{font-size:0.9rem;text-align:left;margin-top:0.75rem;line-height:1.6;max-width:26rem}
  .hero-cta-row{justify-content:flex-start;margin-top:1rem;gap:0.75rem}
  .hero-btn{padding:0.625rem 1.25rem;font-size:0.5625rem}
  .hero-earth{width:50%;right:-5%;opacity:.85}
  .scroll-hint{display:none}

  /* Performance: kill all heavy animations on landscape mobile */
  .bg-hero .orb{filter:none;opacity:.4;animation:none}
  .bg-hero .diag{display:none}
  .bg-vision .vision-node{animation:none;opacity:.3}
  .bg-solutions .gd{display:none}
  .bg-audience .pt{display:none}
  .bg-why .ring{animation:none;opacity:.15}
  .bg-roadmap .glow{animation:none;opacity:.4}
  .bg-footer .cr{animation:none;opacity:.3}
  .planet{animation:none}

  .top-bar{position:fixed;top:0;left:0;right:0;background:rgba(5,8,16,.98);backdrop-filter:none;-webkit-backdrop-filter:none;padding:0.625rem 1.5rem;border-bottom:1px solid rgba(0,229,255,.05);justify-content:space-between;z-index:100;max-width:none}
  .top-bar .topbar-logo{display:flex}
  .hero-logo{display:none}
  .logo-img{height:1.5rem}

  .sh{font-size:clamp(1.375rem,4vw,2.125rem);margin-bottom:1rem}
  .sp{font-size:0.875rem}
  .sl{font-size:0.5625rem}

  /* Vision — side by side, always expanded */
  .vision-headline{font-size:clamp(1.375rem,4vw,2.25rem)}
  .vision-columns{grid-template-columns:1fr 1fr;gap:1.5rem}
  .vision-col{padding:1.5rem 1.25rem;opacity:1;transform:none}
  .vision-col p{max-height:none;opacity:1;margin-top:0.75rem;font-size:0.875rem}

  /* Solutions — column layout, fully expanded, no hover */
  .solutions-grid{flex-direction:column;height:auto;gap:0.5rem}
  .sol-card{transform:none!important;border-radius:0.75rem;opacity:1!important;translate:0 0!important;min-height:auto;transition:none!important;flex:1 1 auto!important;flex-grow:1!important}
  .sol-card:hover,.sol-card:active,.sol-card:focus{flex-grow:1!important;flex:1 1 auto!important;border-color:rgba(0,229,255,.06)!important;box-shadow:none!important;transform:none!important}
  .slide.active .sol-card{transition:none!important;transition-delay:0s!important}
  .sol-card::before{display:none}
  .sol-inner{transform:none!important;flex-direction:column!important;align-items:flex-start!important;padding:0.875rem 1.25rem!important;gap:0.5rem;transition:none!important}
  .sol-card:hover .sol-inner,.sol-card:active .sol-inner{padding:0.875rem 1.25rem!important}
  .sol-shape{margin-bottom:0.25rem!important;flex-shrink:0;transition:none!important}
  .sol-card:hover .sol-shape,.sol-card:active .sol-shape{transform:none!important;margin-bottom:0.25rem!important;filter:drop-shadow(0 0 6px rgba(0,229,255,.25))!important;opacity:1!important}
  .sol-tag{margin-top:0!important;font-size:0.625rem;letter-spacing:0.075rem;text-align:left;white-space:normal;max-height:none!important;opacity:.8!important;transition:none!important}
  .sol-card:hover .sol-tag,.sol-card:active .sol-tag{opacity:.8!important;max-height:none!important;margin-top:0!important}
  .sol-full{opacity:1!important;max-height:none!important;width:100%;padding:0;transition:none!important}
  .sol-card:hover .sol-full{opacity:1!important;max-height:none!important;transition-delay:0s}
  .sol-full h4{font-size:0.8125rem;text-align:left}
  .sol-full p{font-size:0.6875rem;text-align:left;line-height:1.5}
  .sol-full .sol-example{font-size:0.625rem;text-align:left;font-weight:900;opacity:1}

  /* Audience — 2-col grid, always expanded, no hover */
  .audience-grid{grid-template-columns:1fr 1fr;gap:0.75rem;margin-top:2rem}
  .aud-card:nth-child(1),.aud-card:nth-child(4){grid-column:1/-1}
  .aud-card{padding:1.25rem 1.375rem;grid-template-columns:5.5rem 1fr;gap:1rem;opacity:1;transform:none;transition:none}
  .aud-shape{transition:none!important}
  .aud-card:hover,.aud-card:active{transform:none;border-color:rgba(139,92,246,.06);box-shadow:none}
  .aud-card:hover .aud-shape,.aud-card:active .aud-shape{transform:none!important;filter:drop-shadow(0 0 6px rgba(0,229,255,.25))!important;opacity:1!important}
  .aud-card::after{display:none}
  .aud-full p{max-height:none;opacity:1;font-size:0.75rem}
  .aud-card:hover .aud-full h4{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:rgba(0,229,255,.85)!important;background-clip:unset!important;color:rgba(0,229,255,.85)!important}
  .aud-tag{display:none}

  /* Why Axelion — always expanded, no hover */
  .why-grid{gap:0.5rem;margin-top:2rem;max-width:100%}
  .why-card{max-height:none;padding:1rem 1.5rem;opacity:1;transform:none;transition:none}
  .why-icon{transition:none!important}
  .why-card::before,.why-card::after{display:none}
  .why-card:hover{max-height:none;border-color:rgba(0,229,255,.06);box-shadow:none;transform:none}
  .why-card:hover .why-icon{transform:none!important;filter:drop-shadow(0 0 6px rgba(0,229,255,.25))!important}
  .why-card h4{transition:none!important}
  .why-card:hover h4{color:rgba(0,229,255,.85)!important}
  .why-card-row{height:auto;gap:0.875rem}
  .why-expand{max-height:none;opacity:1;padding:0.25rem 0 0 0;transition:none}
  .why-expand p{font-size:0.8125rem;padding-bottom:0.75rem}
  .why-card:hover .why-expand{max-height:none;opacity:1}
  .why-tag{display:none}

  /* Roadmap — no hover, no heavy animations */
  .roadmap-timeline{padding-top:0.5rem}
  .roadmap-timeline::before{animation:none}
  .rm-item{opacity:1;transform:none;transition:none}
  .rm-item:hover .rm-dot,.rm-item:active .rm-dot{transform:none;border-color:rgba(0,229,255,.4);box-shadow:0 0 20px rgba(0,229,255,.15),0 4px 16px rgba(0,0,0,.4)}
  .rm-item:hover .rm-text,.rm-item:active .rm-text{transform:none;border-color:rgba(0,229,255,.06);box-shadow:none}
  .rm-item:hover .rm-text p{color:var(--tl)}
  .rm-item:hover .rm-connector{height:1rem}
  .rm-dot{width:2.5rem;height:2.5rem;transition:none}
  .rm-dot::before,.rm-dot::after{animation:none;opacity:.4}
  .rm-text{padding:0.75rem 0.875rem;max-width:13.75rem;transition:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .rm-text p{font-size:0.75rem}
  .rm-shape-core{transform:scale(.8)}
  .rm-shape-token{transform:scale(.8)}
  .rm-shape-pilot{transform:scale(.8)}
  .roadmap-vision p{font-size:0.875rem}

  /* Footer */
  .footer-email{font-size:clamp(1.25rem,4vw,2rem);transition:none;color:var(--cyan);text-shadow:0 0 40px rgba(0,229,255,.3),0 0 80px rgba(0,229,255,.1);font-weight:900}
  .footer-email:hover{transform:none}
  .footer-email::before,.footer-email::after{display:none}
  .footer-nav{gap:1.25rem;margin-top:2rem}
  .footer-nav a{font-weight:900;color:rgba(0,229,255,.85);text-shadow:0 0 10px rgba(0,229,255,.2)}
  .footer-nav a:hover{color:rgba(0,229,255,.85);transform:none}
  .footer-nav a::after{display:none}
  .footer-contact-text{font-size:0.875rem;margin-bottom:1.75rem;font-weight:900;color:#fff}

  .planet-wrap{width:18.75rem!important;height:18.75rem!important}
  .web3-grid{display:none}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .wrapper{transition:none}
}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
button:focus:not(:focus-visible){outline:none}