:root{
      --bg:#020713;
      --bg-2:#050d1f;
      --panel:rgba(8,24,55,.68);
      --panel-strong:rgba(7,22,52,.9);
      --panel-soft:rgba(8,27,62,.48);
      --line:rgba(72,169,255,.22);
      --line-strong:rgba(40,216,255,.48);
      --text:#f4f8ff;
      --muted:#95a9c9;
      --cyan:#22e5ff;
      --cyan-2:#59fff0;
      --blue:#1477ff;
      --violet:#8d5cff;
      --green:#30e7b4;
      --amber:#ffbc4a;
      --danger:#ff7186;
      --shadow:0 24px 80px rgba(0,0,0,.38);
      --radius:24px;
      --radius-sm:16px;
      --gutter:clamp(10px,1.45vw,22px);
      --max:1540px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth;background:var(--bg)}
    body{
      margin:0;
      color:var(--text);
      background:
        radial-gradient(circle at 82% 8%,rgba(23,112,255,.16),transparent 30%),
        radial-gradient(circle at 12% 24%,rgba(34,229,255,.08),transparent 28%),
        linear-gradient(180deg,#020713 0%,#030919 46%,#01040d 100%);
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      overflow-x:hidden;
      line-height:1.55;
    }

    button,a{font:inherit}
    a{color:inherit;text-decoration:none}
    img,svg{display:block;max-width:100%}
    button{color:inherit}
    .container{width:calc(95% - (var(--gutter) * 2));max-width:var(--max);margin-inline:auto}
    .section{padding:clamp(58px,6.2vw,100px) 0;position:relative}
    .section.compact{padding-top:clamp(34px,4vw,64px)}
    .section-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--cyan);font-weight:800;font-size:12px;letter-spacing:1.8px;text-transform:uppercase}
    .section-kicker::before{content:"";width:24px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);box-shadow:0 0 14px var(--cyan)}
    .section-heading{max-width:760px;margin-bottom:32px}
    .section-heading.center{text-align:center;margin-inline:auto;margin-bottom:38px}
    .section-heading.center .section-kicker{justify-content:center}
    h1,h2,h3,p{margin-top:0}
    h1,h2,h3{line-height:1.06;letter-spacing:-.035em}
    h1{font-size:clamp(44px,5.2vw,86px);margin-bottom:22px}
    h2{font-size:clamp(32px,3.5vw,58px);margin-bottom:16px}
    h3{font-size:clamp(19px,1.4vw,25px);margin-bottom:10px}
    p{color:var(--muted)}
    .gradient-text{background:linear-gradient(115deg,#30e8ff 10%,#1c8dff 53%,#6af8eb 94%);-webkit-background-clip:text;background-clip:text;color:transparent}
    .glass{
      background:linear-gradient(145deg,rgba(13,40,88,.72),rgba(5,18,42,.64));
      border:1px solid var(--line);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.045),var(--shadow);
      backdrop-filter:blur(18px);
      -webkit-backdrop-filter:blur(18px);
    }
    .card-glow{position:relative;overflow:hidden}
    .card-glow::after{content:"";position:absolute;inset:auto -30% -55% 20%;height:150px;background:radial-gradient(ellipse,rgba(25,158,255,.18),transparent 70%);pointer-events:none}
    .icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .icon-box{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:var(--cyan);background:linear-gradient(145deg,rgba(26,123,255,.2),rgba(24,229,255,.05));border:1px solid rgba(62,190,255,.28);box-shadow:inset 0 0 22px rgba(13,111,255,.14),0 0 24px rgba(24,204,255,.08)}
    .icon-box.violet{color:#a78cff;background:linear-gradient(145deg,rgba(135,80,255,.2),rgba(33,118,255,.05))}
    .icon-box.amber{color:var(--amber);background:linear-gradient(145deg,rgba(255,177,38,.16),rgba(255,87,36,.05))}

    #networkCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:-4;opacity:.62;pointer-events:none}
    .ambient{position:fixed;pointer-events:none;z-index:-3;border-radius:50%;filter:blur(80px);opacity:.22}
    .ambient.a{width:360px;height:360px;left:-120px;top:18%;background:#0068ff}
    .ambient.b{width:420px;height:420px;right:-160px;top:45%;background:#00d8ff}
    .ambient.c{width:320px;height:320px;left:35%;bottom:-170px;background:#5b35ff}

    .site-header{position:sticky;top:0;z-index:100;padding:10px 0;background:linear-gradient(180deg,rgba(2,7,19,.94),rgba(2,7,19,.72));backdrop-filter:blur(20px);border-bottom:1px solid rgba(75,163,255,.12)}
    .nav-wrap{display:flex;align-items:center;min-height:60px;gap:18px}
    .brand{display:flex;align-items:center;gap:12px;min-width:max-content}
    .brand-logo{width:252px;position:relative;display:grid;place-items:center}
     
    .brand-fallback{position:absolute;inset:0;border:1px solid var(--cyan);border-radius:50%;display:none;place-items:center;color:var(--cyan);box-shadow:0 0 20px rgba(34,229,255,.25);font-weight:900}
    .brand-fallback::after{content:"";width:17px;height:17px;border-left:3px solid currentColor;border-top:3px solid currentColor;transform:rotate(45deg);border-radius:2px}
    .brand-copy strong{display:block;font-size:18px;letter-spacing:-.5px}.brand-copy strong span{color:var(--cyan)}
    .brand-copy small{display:block;color:#7188ad;font-size:10px;margin-top:-2px}
    .main-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(14px,1.65vw,28px)}
    .main-nav>a{color:#b3c2d9;font-size:13px;font-weight:700;position:relative;white-space:nowrap}
    .main-nav>a::after{content:"";position:absolute;left:0;right:100%;bottom:-12px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue));transition:.25s}
    .main-nav>a:hover{color:#fff}.main-nav>a:hover::after,.main-nav>a.active::after{right:0}
    .nav-actions{display:flex;gap:10px;margin-left:6px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:12px 18px;border:1px solid rgba(92,170,255,.28);font-weight:800;font-size:13px;transition:.25s;cursor:pointer;background:rgba(8,24,52,.55)}
    .btn:hover{transform:translateY(-2px);border-color:rgba(44,221,255,.58)}
    .btn-primary{background:linear-gradient(120deg,#126cff,#1ecdf3);border-color:transparent;box-shadow:0 14px 35px rgba(10,108,255,.28)}
    .btn-ghost{background:rgba(5,18,40,.62)}
    .btn-lg{padding:15px 22px;border-radius:14px}
    .menu-toggle{display:none;margin-left:auto;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:rgba(7,21,49,.8);place-items:center}

    .hero{padding-top:clamp(36px,4.8vw,78px);padding-bottom:32px}
    .hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);align-items:center;gap:clamp(16px,3vw,48px)}
    .eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(42,179,255,.28);padding:8px 13px;border-radius:999px;background:rgba(5,27,59,.55);color:var(--cyan);font-weight:900;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:22px}
    .eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--cyan-2);box-shadow:0 0 14px var(--cyan-2)}
    .hero-lead{font-size:clamp(15px,1.18vw,19px);max-width:700px;margin-bottom:26px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
    .hero-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:700px}
    .mini-point{display:flex;align-items:center;gap:9px;color:#b8c8de;font-size:12px}.mini-point .icon{color:var(--cyan);width:18px;height:18px}

    .hero-visual{min-height:520px;position:relative;display:grid;place-items:center;isolation:isolate}
    .world-grid{position:absolute;inset:3% 0 0;background:
      radial-gradient(circle at center,rgba(20,111,255,.18),transparent 42%),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 500'%3E%3Cg fill='none' stroke='%23106cc9' stroke-opacity='.25'%3E%3Cpath d='M33 105l55-32 68 14 45-31 80 28 66-21 65 41 62-18 77 32 49-19 72 36 64-9 88 33'/%3E%3Cpath d='M55 264l71-41 83 29 71-43 84 37 71-31 73 43 82-36 75 47 62-20 92 42'/%3E%3C/g%3E%3Cg fill='%2322e5ff' fill-opacity='.52'%3E%3Ccircle cx='88' cy='73' r='3'/%3E%3Ccircle cx='201' cy='56' r='3'/%3E%3Ccircle cx='347' cy='63' r='3'/%3E%3Ccircle cx='474' cy='86' r='3'/%3E%3Ccircle cx='600' cy='99' r='3'/%3E%3Ccircle cx='736' cy='126' r='3'/%3E%3Ccircle cx='126' cy='223' r='3'/%3E%3Ccircle cx='280' cy='209' r='3'/%3E%3Ccircle cx='435' cy='215' r='3'/%3E%3Ccircle cx='590' cy='222' r='3'/%3E%3Ccircle cx='727' cy='249' r='3'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat;opacity:.72;z-index:-3}
    .orbit{position:absolute;border:1px solid rgba(27,168,255,.27);border-radius:50%;box-shadow:inset 0 0 28px rgba(13,121,255,.08)}
    .orbit.o1{width:520px;height:320px;transform:rotate(-6deg);animation:orbitPulse 5s ease-in-out infinite}
    .orbit.o2{width:430px;height:260px;transform:rotate(18deg);animation:orbitPulse 5s ease-in-out 1s infinite}
    .orbit.o3{width:330px;height:330px;border-style:dashed;animation:spin 22s linear infinite}
    .platform{position:absolute;bottom:44px;width:min(620px,92%);height:120px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,206,255,.58) 0%,rgba(11,113,255,.18) 30%,transparent 68%);filter:drop-shadow(0 0 28px rgba(0,188,255,.55));transform:perspective(500px) rotateX(72deg)}
    .platform::before,.platform::after{content:"";position:absolute;border:2px solid rgba(28,207,255,.68);border-radius:50%;inset:16px;box-shadow:0 0 22px rgba(24,195,255,.55)}
    .platform::after{inset:36px;border-color:rgba(78,127,255,.72)}
    .coin-wrap{position:relative;width:310px;height:310px;perspective:900px;z-index:3}
    .coin{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;transform-style:preserve-3d;animation:coinSwing 5.5s ease-in-out infinite;box-shadow:0 0 70px rgba(0,148,255,.45)}
    .coin-face{position:absolute;inset:0;border-radius:50%;background:
      radial-gradient(circle at 42% 35%,rgba(88,161,255,.36),transparent 34%),
      linear-gradient(145deg,#0e3f91,#061534 65%,#0a2c68);border:10px solid #0a2d68;box-shadow:inset 0 0 0 4px #38dfff,inset 0 0 45px rgba(36,197,255,.36),0 0 0 4px #071530,0 0 35px rgba(27,172,255,.48);display:grid;place-items:center}
    .coin-face::before{content:"";position:absolute;inset:21px;border-radius:50%;border:1px dashed rgba(88,230,255,.62)}
    .coin-edge{position:absolute;inset:-12px;border-radius:50%;border:5px double rgba(85,199,255,.64);transform:translateZ(-18px);filter:brightness(.8)}
    .logo-slot{width:160px;height:160px;display:grid;place-items:center;position:relative;z-index:2}
    .logo-slot img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(58,227,255,.7))}
    .coin-fallback{display:none;width:126px;height:126px;position:relative}
    .coin-fallback span{position:absolute;bottom:18px;left:26px;width:22px;border-radius:7px 7px 3px 3px;background:linear-gradient(#20e8ff,#126cff);box-shadow:0 0 22px #1ac7ff}
    .coin-fallback span:nth-child(1){height:42px}.coin-fallback span:nth-child(2){left:58px;height:72px}.coin-fallback span:nth-child(3){left:90px;height:102px}
    .coin-fallback::after{content:"";position:absolute;width:58px;height:18px;border-top:8px solid #52fff0;border-right:8px solid #52fff0;right:-4px;top:7px;transform:rotate(-42deg);border-radius:4px;filter:drop-shadow(0 0 10px #4fffe8)}
    .coin-label{position:absolute;bottom:42px;font-weight:900;letter-spacing:7px;color:#e7fbff;text-shadow:0 0 12px #2fd9ff}
    .float-card{position:absolute;z-index:5;padding:14px 16px;border-radius:15px;background:rgba(5,22,52,.78);border:1px solid rgba(57,169,255,.32);box-shadow:0 18px 45px rgba(0,0,0,.34),inset 0 0 18px rgba(24,113,255,.08);backdrop-filter:blur(15px);min-width:142px}
    .float-card strong{display:block;font-size:19px}.float-card small{display:block;color:#91a9c8;font-size:10px}.float-card em{font-style:normal;color:var(--green);font-weight:800;font-size:11px}
    .float-card.fc1{left:5%;top:9%;animation:float 5s ease-in-out infinite}.float-card.fc2{right:1%;top:20%;animation:float 5s ease-in-out 1.1s infinite}.float-card.fc3{right:5%;bottom:24%;animation:float 5s ease-in-out 2s infinite}

    .stats-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:10px;padding:12px;border-radius:22px}
    .stat{display:flex;align-items:center;gap:11px;padding:15px;border-radius:15px;background:rgba(5,20,46,.56);border:1px solid rgba(76,164,255,.14);min-width:0}
    .stat .icon{color:var(--cyan);flex:0 0 auto}.stat strong{display:block;font-size:16px}.stat span{display:block;color:#7f95b5;font-size:10px}

    .intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .intro-card{padding:24px;border-radius:var(--radius-sm);display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
    .intro-card p{font-size:13px;margin-bottom:0}

    .token-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr);gap:14px}
    .chart-card,.facts-card{border-radius:var(--radius);padding:24px}
    .chart-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
    .chart-price small{color:#8198ba}.chart-price strong{display:block;font-size:36px;line-height:1;margin-top:5px}.positive{color:var(--green);font-size:12px;font-weight:900}
    .chart-tabs{display:flex;gap:6px;flex-wrap:wrap}.chart-tabs button{border:1px solid rgba(75,158,255,.18);background:rgba(6,22,50,.66);color:#8da2c0;border-radius:9px;padding:7px 10px;font-size:10px}.chart-tabs button.active{background:linear-gradient(120deg,#126cff,#1ecdf3);color:#fff;border-color:transparent}
    .price-chart{height:210px;position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(180deg,rgba(14,79,160,.12),transparent),repeating-linear-gradient(to right,transparent 0,transparent calc(20% - 1px),rgba(95,164,255,.08) 20%),repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),rgba(95,164,255,.08) 25%)}
    .price-chart svg{width:100%;height:100%}.chart-fill{fill:url(#chartGradient)}.chart-line{fill:none;stroke:#3cb9ff;stroke-width:4;filter:drop-shadow(0 0 7px #188cff)}
    .axis{display:flex;justify-content:space-between;color:#617b9f;font-size:10px;margin-top:6px}
    .facts-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .fact{border-radius:14px;padding:16px;background:rgba(5,20,46,.55);border:1px solid rgba(72,163,255,.15)}
    .fact .icon{color:var(--cyan);margin-bottom:12px}.fact strong{display:block;font-size:19px}.fact span{color:#8198ba;font-size:11px}
    .fact.wide{grid-column:1/-1;display:flex;align-items:center;gap:14px}.fact.wide .icon{margin:0;width:30px;height:30px}.fact.wide p{margin:0;font-size:12px}

    .package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
    .package-card{border-radius:var(--radius);padding:22px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:center;position:relative;overflow:hidden}
    .package-art{height:180px;display:grid;place-items:center;position:relative}
    .gift{width:120px;height:98px;border-radius:16px;position:relative;background:linear-gradient(145deg,rgba(18,99,255,.42),rgba(5,33,83,.75));border:2px solid rgba(50,205,255,.54);box-shadow:inset 0 0 32px rgba(18,116,255,.35),0 0 38px rgba(12,140,255,.28);transform:rotate(-2deg)}
    .gift::before{content:"";position:absolute;left:52px;top:-11px;width:16px;height:120px;background:linear-gradient(#20edff,#1069ff);box-shadow:0 0 16px #20d8ff}
    .gift::after{content:"";position:absolute;left:-8px;right:-8px;top:30px;height:17px;background:linear-gradient(90deg,#0f75ff,#2beaff,#0e70ff);box-shadow:0 0 18px #1a9dff}
    .gift-bow{position:absolute;top:-35px;left:24px;width:40px;height:35px;border:8px solid #2beaff;border-radius:50% 50% 45% 50%;transform:rotate(17deg);box-shadow:0 0 18px #1eb8ff}.gift-bow::after{content:"";position:absolute;width:40px;height:35px;border:8px solid #2beaff;border-radius:50% 50% 50% 45%;left:32px;top:-15px;transform:rotate(-32deg)}
    .package-card.advance .gift{border-color:rgba(167,105,255,.72);background:linear-gradient(145deg,rgba(105,56,255,.42),rgba(25,15,71,.82));box-shadow:inset 0 0 32px rgba(113,50,255,.42),0 0 38px rgba(115,62,255,.26)}
    .package-card.advance .gift::before,.package-card.advance .gift::after{background:linear-gradient(#b98cff,#713aff);box-shadow:0 0 17px #8b5aff}.package-card.advance .gift-bow,.package-card.advance .gift-bow::after{border-color:#a778ff;box-shadow:0 0 18px #8d5cff}
    .package-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.package-name{font-weight:900;color:var(--cyan)}.advance .package-name{color:#a982ff}.package-price{font-size:clamp(28px,2.2vw,39px);font-weight:900;letter-spacing:-1.4px;margin:4px 0 8px}.package-desc{font-size:12px;margin-bottom:15px}.alloc-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}.alloc{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid rgba(64,184,255,.2);background:rgba(6,25,56,.65);font-size:10px;color:#b4c6dc}.token-dot{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#1ccfff,#126cff);font-size:8px;font-weight:900}.token-dot.usdt{background:linear-gradient(145deg,#30e8b9,#128b76)}
    .check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.check-item{display:flex;align-items:center;gap:8px;color:#a8bad2;font-size:13px}.check-item .icon{width:15px;height:15px;color:var(--green)}

    .bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bonus-card{border-radius:var(--radius);padding:22px;display:grid;grid-template-columns:1fr 130px;gap:10px;min-height:230px}.bonus-card p{font-size:12px}.bonus-visual{position:relative;display:grid;place-items:center}.bars{display:flex;align-items:flex-end;gap:7px;height:100px}.bars i{display:block;width:22px;border-radius:6px 6px 2px 2px;background:linear-gradient(#28e9ff,#126cff);box-shadow:0 0 16px rgba(28,163,255,.65)}.bars i:nth-child(1){height:35px}.bars i:nth-child(2){height:58px}.bars i:nth-child(3){height:82px}.bars i:nth-child(4){height:100px}.people{position:relative;width:115px;height:100px}.person{position:absolute;bottom:0;width:34px;height:58px;border-radius:18px 18px 8px 8px;background:linear-gradient(#29dfff,#136cff);box-shadow:0 0 18px #147aff}.person::before{content:"";position:absolute;width:28px;height:28px;border-radius:50%;top:-23px;left:3px;background:linear-gradient(#69f7ff,#1f83ff)}.person.p1{left:7px;transform:scale(.72)}.person.p2{left:40px}.person.p3{right:5px;transform:scale(.78)}
    .reward-gift{transform:scale(.7)}

    .roadmap{border-radius:var(--radius);padding:24px;overflow:hidden}.roadmap-track{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:12px;position:relative;padding-top:36px;overflow-x:auto;scrollbar-color:#1c7dff transparent}.roadmap-track::before{content:"";position:absolute;top:16px;left:3%;right:3%;height:2px;background:linear-gradient(90deg,#157cff,#24e3ff,#8c5cff)}.road-step{position:relative;padding:18px;border-radius:15px;background:rgba(5,20,47,.66);border:1px solid rgba(71,163,255,.16);min-width:180px}.road-step::before{content:attr(data-step);position:absolute;top:-38px;left:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#18d8ff,#126cff);border:3px solid #07142c;font-weight:900;font-size:11px;box-shadow:0 0 20px rgba(31,196,255,.45)}.road-step small{color:var(--cyan);text-transform:uppercase;letter-spacing:1px;font-weight:900;font-size:9px}.road-step h3{font-size:17px;margin:8px 0}.road-step p{font-size:11px;margin:0}

    .learning-grid{display:grid;grid-template-columns:1.05fr .92fr 1.28fr;gap:14px}.learning-card{border-radius:var(--radius);padding:22px;min-height:360px}.how-layout{display:grid;grid-template-columns:150px 1fr;gap:18px;height:100%}.support-figure{display:grid;place-items:end center;position:relative}.support-avatar{width:118px;height:150px;position:relative}.head{position:absolute;width:78px;height:68px;border-radius:42% 42% 48% 48%;left:20px;top:9px;border:3px solid #2adaff;background:linear-gradient(145deg,rgba(26,131,255,.38),rgba(4,24,62,.95));box-shadow:inset 0 0 28px rgba(25,175,255,.32),0 0 28px rgba(19,132,255,.28)}.head::before{content:"";position:absolute;inset:17px 12px;border-radius:30px;background:linear-gradient(120deg,#09265b,#1f8cff);box-shadow:inset 0 0 18px rgba(50,225,255,.55)}.head::after{content:"";position:absolute;width:17px;height:5px;border-radius:9px;background:#4af4ff;top:31px;left:30px;box-shadow:0 0 12px #43eaff}.body-shape{position:absolute;width:116px;height:78px;bottom:0;border-radius:55px 55px 15px 15px;background:linear-gradient(145deg,rgba(20,109,255,.38),rgba(4,22,56,.9));border:2px solid rgba(36,184,255,.54);box-shadow:inset 0 0 30px rgba(20,113,255,.26)}.headset{position:absolute;width:104px;height:78px;border:5px solid #1daeff;border-bottom-color:transparent;border-radius:58px;left:7px;top:4px;filter:drop-shadow(0 0 8px #147dff)}.headset::after{content:"";position:absolute;width:36px;height:3px;background:#33dfff;right:-24px;bottom:10px;transform:rotate(18deg);box-shadow:0 0 8px #23bdff}.step-list{display:grid;gap:10px}.step{display:grid;grid-template-columns:30px 1fr;gap:10px}.step-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#19d8ff,#126cff);font-weight:900;font-size:11px;box-shadow:0 0 16px rgba(29,170,255,.25)}.step strong{font-size:12px}.step p{font-size:14px;margin:1px 0 0}
    .feature-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.feature-tile{padding:15px;border-radius:14px;background:rgba(5,20,47,.64);border:1px solid rgba(72,164,255,.15);text-align:center}.feature-tile .icon-box{margin:0 auto 10px;width:42px;height:42px}.feature-tile strong{display:block;font-size:11px}.feature-tile small{color:#7189ac;font-size:14px}
    .academy{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;align-items:center}.academy-copy p{font-size:12px}.academy-scene{height:245px;position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,rgba(8,43,95,.65),rgba(3,12,30,.95));border:1px solid rgba(67,164,255,.2)}.screen{position:absolute;border:1px solid rgba(48,195,255,.44);background:linear-gradient(145deg,rgba(10,56,122,.8),rgba(3,18,47,.92));box-shadow:0 0 22px rgba(12,130,255,.18);border-radius:9px;overflow:hidden}.screen.s1{width:50%;height:54%;right:5%;top:8%;transform:perspective(500px) rotateY(-6deg)}.screen.s2{width:38%;height:37%;right:9%;bottom:4%}.screen.s3{width:33%;height:38%;left:5%;top:8%}.screen::before{content:"";position:absolute;left:8%;right:8%;top:18%;height:52%;background:linear-gradient(180deg,transparent 42%,rgba(28,180,255,.14) 43%),repeating-linear-gradient(to right,transparent 0,transparent 19%,rgba(71,170,255,.13) 20%)}.screen::after{content:"";position:absolute;left:10%;right:8%;bottom:16%;height:4px;background:linear-gradient(90deg,#18dfff,#126cff 30%,#7f59ff 64%,#2ff0df);clip-path:polygon(0 70%,10% 20%,23% 60%,34% 5%,45% 70%,58% 24%,70% 52%,82% 8%,100% 40%,100% 100%,0 100%)}.learner{position:absolute;width:100px;height:130px;left:17%;bottom:0}.learner::before{content:"";position:absolute;width:45px;height:45px;border-radius:50%;left:25px;top:3px;background:linear-gradient(145deg,#0b2859,#1672d1);border:2px solid #35dfff;box-shadow:0 0 16px rgba(29,172,255,.34)}.learner::after{content:"";position:absolute;width:96px;height:87px;bottom:0;border-radius:44px 44px 8px 8px;background:linear-gradient(145deg,#0a376f,#04172f);border:2px solid rgba(40,164,255,.52)}

    .faq-grid{display:grid;grid-template-columns:290px minmax(0,1fr) 300px;gap:14px}.faq-visual,.faq-list,.contact-card{border-radius:var(--radius);padding:22px}.faq-visual{display:grid;place-items:center}.faq-list{display:grid;gap:8px}.faq-item{border:1px solid rgba(75,164,255,.15);border-radius:11px;background:rgba(4,18,42,.58);overflow:hidden}.faq-q{width:100%;padding:13px 14px;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;text-align:left;font-weight:800;font-size:16px;cursor:pointer}.faq-q b{color:var(--cyan);font-size:17px;transition:.25s}.faq-a{display:grid;grid-template-rows:0fr;transition:.25s}.faq-a p{overflow:hidden;padding:0 14px;margin:0;font-size:14px}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-a p{padding-bottom:13px}.faq-item.open .faq-q b{transform:rotate(45deg)}
    .contact-card{display:flex;flex-direction:column;justify-content:center}.contact-card p{font-size:12px}.contact-email{display:flex;align-items:center;gap:8px;color:var(--cyan);font-size:11px;margin-top:14px;word-break:break-all}.contact-email .icon{width:17px;height:17px}

    .site-footer{padding:40px 0 20px;border-top:1px solid rgba(70,157,255,.12);background:linear-gradient(180deg,rgba(3,10,25,.68),#01040b)}
    .footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:24px}.footer-about p{font-size:14px;max-width:360px}.footer-col h3{font-size:13px;margin-bottom:14px}.footer-col a{display:block;color:#8197b7;font-size:14px;margin:8px 0}.footer-col a:hover{color:var(--cyan)}
    .subscribe{display:flex;gap:8px}.subscribe input{min-width:0;flex:1;background:rgba(6,21,46,.75);border:1px solid rgba(72,164,255,.18);border-radius:10px;padding:11px;color:#fff}.subscribe button{width:42px;border:0;border-radius:10px;background:linear-gradient(120deg,#126cff,#1ecdf3);display:grid;place-items:center;cursor:pointer}
    .socials{display:flex;gap:8px;margin-top:15px}.socials a{width:32px;height:32px;border-radius:10px;border:1px solid rgba(78,163,255,.18);display:grid;place-items:center;color:#9db0ca;background:rgba(7,22,48,.66);font-size:11px;font-weight:900}
    .risk{margin-top:24px;padding:13px 15px;border-radius:12px;border:1px solid rgba(255,113,134,.14);background:rgba(91,16,32,.08);color:#7f94b3;font-size:9px}.risk strong{color:#ff8da0}
    .footer-bottom{margin-top:18px;padding-top:16px;border-top:1px solid rgba(72,157,255,.1);display:flex;justify-content:space-between;gap:12px;color:#627999;font-size: 14px;flex-wrap:wrap}

    .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
    .to-top{position:fixed;right:22px;bottom:14px;width:44px;height:44px;border-radius:13px;border:0;background:linear-gradient(135deg,#136dff,#21d9ef);display:grid;place-items:center;box-shadow:0 16px 35px rgba(12,108,255,.32);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;z-index:80}.to-top.show{opacity:1;visibility:visible;transform:none}.to-top .icon{transform:rotate(-90deg)}

    @keyframes coinSwing{0%,100%{transform:rotateY(-20deg) rotateZ(-2deg) translateY(-4px)}50%{transform:rotateY(20deg) rotateZ(2deg) translateY(5px)}}
    @keyframes orbitPulse{0%,100%{opacity:.35;transform:scale(.96) rotate(-6deg)}50%{opacity:.85;transform:scale(1.04) rotate(4deg)}}
    @keyframes spin{to{transform:rotate(360deg)}}
    @keyframes float{0%,100%{transform:translateY(-5px)}50%{transform:translateY(8px)}}

    @media (max-width:1180px){
      .main-nav{gap:13px}.main-nav>a{font-size:12px}.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(400px,1.05fr)}.hero-visual{min-height:470px}.coin-wrap{width:270px;height:270px}.learning-grid{grid-template-columns:1fr 1fr}.academy{grid-column:1/-1}.faq-grid{grid-template-columns:240px minmax(0,1fr)}.contact-card{grid-column:1/-1;min-height:180px}.stats-strip{grid-template-columns:repeat(3,1fr)}
    }
    
    
    @media (max-width:960px){
      :root{--gutter:12px}
      .menu-toggle{display:grid}.main-nav{position:fixed;left:var(--gutter);right:var(--gutter);top:78px;display:flex;flex-direction:column;align-items:stretch;padding:17px;border-radius:18px;background:rgba(3,14,35,.97);border:1px solid rgba(71,164,255,.24);box-shadow:0 24px 70px rgba(0,0,0,.55);transform:translateY(-16px);opacity:0;visibility:hidden;transition:.25s}.main-nav.open{transform:none;opacity:1;visibility:visible}.main-nav>a{padding:10px 6px}.main-nav>a::after{display:none}.nav-actions{margin:8px 0 0;display:grid;grid-template-columns:1fr 1fr}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions{justify-content:center}.hero-points{margin-inline:auto}.hero-visual{min-height:500px}.intro-grid{grid-template-columns:1fr}.token-grid{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr}.bonus-grid{grid-template-columns:1fr}.learning-grid{grid-template-columns:1fr}.academy{grid-column:auto}.faq-grid{grid-template-columns:1fr}.contact-card{grid-column:auto}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-col.newsletter{grid-column:1/-1}.roadmap-track{grid-template-columns:repeat(5,220px)}
    }
    @media (max-width:680px){
      .section{padding:52px 0}.brand-copy strong{font-size:16px}.brand-copy small{font-size:9px}.hero{padding-top:28px}.hero-grid{gap:8px}.hero-copy{text-align:left}.hero-actions{justify-content:flex-start}.hero-points{grid-template-columns:1fr;gap:8px;margin:0}.hero-visual{min-height:410px;margin-inline:-4px}.orbit.o1{width:390px;height:245px}.orbit.o2{width:330px;height:210px}.orbit.o3{width:260px;height:260px}.coin-wrap{width:230px;height:230px}.logo-slot{width:126px;height:126px}.coin-label{bottom:29px}.platform{bottom:32px;height:90px}.float-card{min-width:110px;padding:10px 11px}.float-card strong{font-size:15px}.float-card.fc1{left:0;top:6%}.float-card.fc2{right:0;top:12%}.float-card.fc3{right:0;bottom:17%}.stats-strip{grid-template-columns:repeat(2,1fr);padding:9px}.stat{padding:12px}.intro-card{padding:18px}.chart-card,.facts-card{padding:16px}.price-chart{height:150px}.facts-card{grid-template-columns:repeat(2,1fr)}.package-card{grid-template-columns:105px 1fr;padding:16px;gap:12px}.package-art{height:120px}.gift{transform:scale(.72)}.package-card.advance .gift{transform:scale(.72)}.package-price{font-size:27px}.check-list{grid-template-columns:1fr}.bonus-card{grid-template-columns:1fr 100px;min-height:190px;padding:18px}.bonus-visual{transform:scale(.78)}.roadmap{padding:16px}.roadmap-track{grid-template-columns:repeat(5,205px)}.learning-card{padding:17px;min-height:auto}.how-layout{grid-template-columns:105px 1fr}.support-avatar{transform:scale(.84)}.feature-tiles{grid-template-columns:repeat(2,1fr)}.academy{grid-template-columns:1fr}.academy-scene{height:230px}.faq-visual{min-height:220px}.footer-grid{grid-template-columns:1fr 1fr}.footer-about,.footer-col.newsletter{grid-column:1/-1}.footer-bottom{justify-content:center;text-align:center}.section-heading.center{text-align:left}.section-heading.center .section-kicker{justify-content:flex-start}.btn{font-size:12px}.btn-lg{padding:14px 18px}h1{font-size:clamp(43px,13vw,64px)}h2{font-size:clamp(30px,9vw,45px)}
    }
    
    @media (max-width: 680px) {
    .package-art {
        height: 120px;
        margin-left: -21px;
    }
}

    @media (max-width:430px){
      :root{--gutter:8px}.site-header{padding:7px 0}.nav-wrap{min-height:54px}.brand-logo,.brand-logo img{width:166px;}.brand-copy small{display:none}.hero-visual{min-height:370px}.coin-wrap{width:205px;height:205px}.orbit.o1{width:340px;height:215px}.orbit.o2{width:285px;height:185px}.orbit.o3{width:230px;height:230px}.float-card.fc3{display:none}.stats-strip{gap:7px}.stat{gap:8px;padding:10px}.stat strong{font-size:14px}.intro-card{grid-template-columns:44px 1fr;gap:12px}.icon-box{width:44px;height:44px}.chart-top{flex-direction:column}.package-card{grid-template-columns:88px 1fr}.gift{transform:scale(.62)}.package-card.advance .gift{transform:scale(.62)}.bonus-card{grid-template-columns:1fr 72px}.footer-grid{grid-template-columns:1fr}.footer-about,.footer-col.newsletter{grid-column:auto}.hero-actions .btn{width:100%}.nav-actions{grid-template-columns:1fr}.learning-card{border-radius:19px}.faq-visual{padding:12px}.contact-card{padding:18px}
    }


    
    .token-page-hero{padding-top:clamp(70px,7vw,120px);padding-bottom:clamp(34px,4vw,64px)}
    .token-page-hero .section-heading{margin-bottom:26px}
    .token-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
    .token-detail-card{border-radius:var(--radius);padding:24px;display:grid;gap:12px;align-content:start;min-height:180px}
    .token-detail-card small{color:#7f95b5;text-transform:uppercase;letter-spacing:1.2px;font-size:11px;font-weight:900}
    .token-detail-card strong{font-size:clamp(24px,2.2vw,38px);line-height:1.05;letter-spacing:-.035em}
    .token-cta{border-radius:var(--radius);padding:clamp(22px,3vw,34px);display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:hidden;position:relative}
    .token-cta::after{content:"";position:absolute;inset:auto -15% -70% 35%;height:210px;background:radial-gradient(ellipse,rgba(34,229,255,.18),transparent 70%);pointer-events:none}
    .token-cta > *{position:relative;z-index:1}.token-cta p{margin-bottom:0;max-width:720px}
    @media (max-width:960px){.token-detail-grid{grid-template-columns:1fr}.token-cta{align-items:flex-start;flex-direction:column}.token-cta .btn{width:max-content}}
    @media (max-width:430px){.token-detail-card{min-height:auto;padding:18px}.token-cta .btn{width:100%;justify-content:center}}

    @media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
    

.swap-page-hero{padding-bottom:clamp(24px,3vw,44px)}
.swap-page-hero .section-heading{max-width:900px}
.wallet-connect-btn{border:0;white-space:nowrap}
.swap-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.swap-stat-card{border-radius:var(--radius);padding:22px;display:grid;gap:10px;align-content:start;min-height:165px}
.swap-stat-card small{color:#7f95b5;text-transform:uppercase;letter-spacing:1.2px;font-size:11px;font-weight:900}
.swap-stat-card strong{font-size:clamp(22px,2vw,34px);line-height:1.05;letter-spacing:-.035em;word-break:break-word}
.swap-stat-card .status-on{color:var(--green)}
.swap-stat-card .status-off{color:var(--danger)}
.swap-main-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px;align-items:start}
.swap-card-panel,.swap-info-card{border-radius:var(--radius);padding:clamp(18px,2vw,28px);position:relative;overflow:hidden}
.swap-card-panel::after,.swap-info-card::after{content:"";position:absolute;inset:auto -25% -55% 20%;height:180px;background:radial-gradient(ellipse,rgba(34,229,255,.14),transparent 70%);pointer-events:none}
.swap-card-panel>* ,.swap-info-card>*{position:relative;z-index:1}
.swap-tabs {
    display: grid;
    /*grid-template-columns: 1fr 1fr;*/
    gap: 10px;
    margin-bottom: 22px;
    background: rgba(255, 255, 255, .04);
    padding: 8px;
    border-radius: 18px;
    border: 1px solid rgba(72, 164, 255, .12);
}

.swap-tabs .tab-btn{border:0;padding:14px;border-radius:13px;background:transparent;color:#8da2c0;font-weight:900;cursor:pointer;font-size:15px;transition:.25s}
.swap-tabs .tab-btn.active{color:#fff;background:linear-gradient(120deg,#126cff,#1ecdf3);box-shadow:0 12px 28px rgba(22,217,255,.22)}
.swap-field{margin-bottom:18px}
.swap-field label{display:flex;justify-content:space-between;gap:12px;color:#8fa5c4;font-size:13px;font-weight:800;margin-bottom:10px;flex-wrap:wrap}
.swap-input-box{display:flex;align-items:center;gap:12px;background:rgba(2,8,20,.72);border:1px solid rgba(72,164,255,.16);border-radius:19px;padding:15px;box-shadow:inset 0 0 24px rgba(14,111,255,.08)}
.swap-input-box input{width:100%;background:transparent;border:0;outline:0;color:var(--text);font-size:clamp(20px,2.1vw,27px);font-weight:900;min-width:0}
.swap-input-box input[readonly]{color:#cfe9ff}
.swap-coin{min-width:88px;height:42px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:rgba(34,229,255,.09);border:1px solid rgba(34,229,255,.24);color:#fff;font-weight:900;box-shadow:inset 0 0 18px rgba(34,229,255,.05)}
.swap-action-btn{width:100%;border:0;margin-top:6px}
.swap-message{margin-top:16px;min-height:24px;color:var(--amber);font-size:14px;line-height:1.5;word-break:break-word}
.swap-info-card h2{font-size:clamp(26px,2.45vw,42px);margin-top:8px;margin-bottom:20px}
.swap-timeline{display:grid;gap:12px}
.swap-timeline-item{display:flex;gap:13px;padding:15px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(72,164,255,.13)}
.swap-dot{width:34px;height:34px;border-radius:12px;background:linear-gradient(120deg,#126cff,#1ecdf3);display:grid;place-items:center;font-weight:900;flex:0 0 auto;box-shadow:0 0 24px rgba(34,229,255,.16)}
.swap-timeline-item b{display:block;margin-bottom:5px}
.swap-timeline-item p{font-size:13px;margin-bottom:0;color:var(--muted)}
@media (max-width:1180px){.swap-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swap-main-grid{grid-template-columns:1fr}.wallet-connect-btn{width:100%}}
@media (max-width:680px){.swap-stats-grid{grid-template-columns:1fr}.swap-card-panel,.swap-info-card{padding:18px;border-radius:20px}.swap-input-box{padding:13px}.swap-coin{min-width:76px}.swap-tabs .tab-btn{font-size:13px;padding:13px 10px}}


/* TPR ecosystem and utility sections */
.token-supply-note{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
  margin-top:-5px;
}
.token-ecosystem-section{padding-top:clamp(22px,3vw,46px)}
.platform-overview{
  border-radius:var(--radius);
  padding:clamp(22px,3.4vw,48px);
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);
  gap:clamp(24px,4vw,58px);
  align-items:center;
  position:relative;
  overflow:hidden;
}
.platform-overview::before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  right:-190px;
  top:-210px;
  background:radial-gradient(circle,rgba(34,229,255,.18),transparent 68%);
  pointer-events:none;
}
.platform-overview-copy,.ecosystem-pillar-grid{position:relative;z-index:1}
.platform-overview-copy h2{margin:14px 0 18px}
.platform-overview-copy>p{font-size:clamp(14px,1.05vw,17px);max-width:720px;margin-bottom:22px}
.platform-highlight{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 14px;
  border-radius:13px;
  border:1px solid rgba(48,207,255,.2);
  background:rgba(4,22,51,.64);
  color:#b9d7ec;
  font-size:12px;
  font-weight:800;
}
.platform-highlight .icon{color:var(--cyan);width:19px;height:19px;flex:0 0 auto}
.ecosystem-pillar-grid{display:grid;gap:12px}
.ecosystem-pillar{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:15px;
  align-items:start;
  padding:17px;
  border-radius:17px;
  background:linear-gradient(145deg,rgba(8,34,76,.78),rgba(4,18,43,.72));
  border:1px solid rgba(73,174,255,.17);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  transition:transform .25s ease,border-color .25s ease;
}
.ecosystem-pillar:hover{transform:translateX(4px);border-color:rgba(38,216,255,.38)}
.ecosystem-pillar strong{display:block;font-size:16px;margin:2px 0 5px}
.ecosystem-pillar p{font-size:12px;margin:0}
.token-utility-section{padding-top:clamp(38px,4.5vw,72px)}
.token-utility-section .section-heading{max-width:880px}
.token-utility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.token-utility-card{
  border-radius:var(--radius);
  padding:clamp(20px,2.25vw,30px);
  min-height:350px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  position:relative;
  overflow:hidden;
}
.token-utility-card.featured{
  border-color:rgba(151,105,255,.4);
  background:linear-gradient(145deg,rgba(54,32,111,.76),rgba(6,20,48,.74));
  transform:translateY(-10px);
}
.token-utility-card.featured::before{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:50%;
  right:-100px;
  top:-115px;
  background:radial-gradient(circle,rgba(141,92,255,.28),transparent 68%);
  pointer-events:none;
}
.utility-number{
  position:absolute;
  right:22px;
  top:18px;
  color:rgba(143,196,255,.16);
  font-size:46px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.08em;
}
.token-utility-card>small{
  color:var(--cyan);
  text-transform:uppercase;
  letter-spacing:1.35px;
  font-size:10px;
  font-weight:900;
  margin:22px 0 10px;
}
.token-utility-card.featured>small{color:#bba5ff}
.token-utility-card h3{font-size:clamp(20px,1.55vw,27px);line-height:1.18;margin-bottom:13px}
.token-utility-card p{font-size:13px;margin-bottom:0}
.apy-value{
  font-size:clamp(48px,4vw,68px);
  line-height:.95;
  font-weight:950;
  letter-spacing:-.065em;
  background:linear-gradient(110deg,#fff 5%,#7eeaff 45%,#b396ff 92%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  margin:2px 0 16px;
  filter:drop-shadow(0 0 24px rgba(113,107,255,.2));
}
.apy-value span{font-size:.38em;letter-spacing:.03em}
.utility-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:16px}
.utility-tags span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 11px;
  border-radius:999px;
  border:1px solid rgba(60,187,255,.19);
  background:rgba(4,21,50,.68);
  color:#b6c9df;
  font-size:11px;
  font-weight:800;
}
.utility-tags .icon{width:14px;height:14px;color:var(--green)}
@media (max-width:1100px){
  .platform-overview{grid-template-columns:1fr}
  .ecosystem-pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ecosystem-pillar{grid-template-columns:1fr}
}
@media (max-width:960px){
  .token-utility-grid{grid-template-columns:1fr 1fr}
  .token-utility-card.featured{transform:none}
  .token-utility-card:last-child{grid-column:1/-1;min-height:auto}
}
@media (max-width:680px){
  .platform-overview{padding:20px}
  .ecosystem-pillar-grid{grid-template-columns:1fr}
  .ecosystem-pillar{grid-template-columns:48px 1fr}
  .token-utility-grid{grid-template-columns:1fr}
  .token-utility-card,.token-utility-card:last-child{grid-column:auto;min-height:auto}
  .token-utility-card{padding:20px}
  .utility-number{font-size:38px;right:18px}
}