*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold: #F0B429;--gold-light: #FFD166;--gold-dark: #C88700;--purple: #7B2FBE;--purple-light: #A855F7;--purple-dark: #5B1A8E;--blue: #3B82F6;--blue-light: #60A5FA;--green: #10B981;--teal: #14B8A6;--pink: #EC4899;--orange: #F97316;--red: #EF4444;--card-bg: rgba(255,255,255,.038);--card-bg-hover: rgba(255,255,255,.065);--border: rgba(255,255,255,.075);--border-hover: rgba(240,180,41,.32);--text-1: #F4F5F7;--text-2: #9CA3AF;--text-3: #6B7280;--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--radius-xl: 32px;--nav-h: 72px;--max-w: 1200px;--ease-out: cubic-bezier(.22,1,.36,1);--ease-spring: cubic-bezier(.34,1.56,.64,1);--dur: .28s;--dur-slow: .55s;--font-head: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--brand-orange: #FF6B35;--brand-pink: #FF1085;--brand-teal: #0DD4C8;--brand-teal-lt: #5EEAD4;--bg: #06091A;--bg-alt: #080C1E;--dm-accent-1: #FF6B35;--dm-accent-2: #0DD4C8;--dm-accent-3: #A855F7;--dm-accent-4: #F0B429;--dm-accent-5: #FF1085;--dm-bg-primary: #06091A;--dm-bg-secondary: #080C1E;--z-base: 1;--z-card: 10;--z-sticky: 50;--z-nav: 200;--z-modal: 500;--z-toast: 900;--z-overlay: 999}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text-1);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 50% at 10% 10%,rgba(255,107,53,.08) 0%,transparent 55%),radial-gradient(ellipse 50% 60% at 90% 85%,rgba(13,212,200,.07) 0%,transparent 55%),radial-gradient(ellipse 40% 50% at 50% 50%,rgba(168,85,247,.05) 0%,transparent 55%),radial-gradient(ellipse 70% 40% at 20% 90%,rgba(255,16,133,.05) 0%,transparent 55%);animation:mesh-breathe 12s ease-in-out infinite alternate;pointer-events:none;z-index:0}@keyframes mesh-breathe{0%{transform:scale(1) rotate(0);opacity:.6}to{transform:scale(1.1) rotate(2deg);opacity:1}}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(130deg,var(--brand-orange) 0%,var(--gold) 45%,var(--brand-teal) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text.gradient-flow{animation:gradient-shift 6s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.glass{background:var(--card-bg);border:1px solid var(--border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:var(--radius);transition:background var(--dur) ease,border-color var(--dur) ease,transform var(--dur) ease,box-shadow var(--dur) ease;isolation:isolate;contain:layout style}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 55%,rgba(255,255,255,.02) 100%);pointer-events:none;z-index:0}.glass:hover{background:var(--card-bg-hover);border-color:#0dd4c84d;box-shadow:0 8px 32px #0dd4c81a,0 0 0 1px #ff6b3514;animation:glass-border-flash 1.8s linear infinite}@keyframes glass-border-flash{0%{border-color:#0dd4c859;box-shadow:0 8px 32px #0dd4c81f,0 0 0 1px #ff6b351a}20%{border-color:#ff6b3559;box-shadow:0 8px 32px #ff6b351f,0 0 0 1px #ff6b351f}40%{border-color:#a855f759;box-shadow:0 8px 32px #a855f71f,0 0 0 1px #a855f71f}60%{border-color:#ff108559;box-shadow:0 8px 32px #ff10851f,0 0 0 1px #ff10851a}80%{border-color:#f0b42959;box-shadow:0 8px 32px #f0b4291f,0 0 0 1px #f0b4291a}to{border-color:#0dd4c859;box-shadow:0 8px 32px #0dd4c81f,0 0 0 1px #ff6b351a}}@keyframes chromatic-anim{0%,to{text-shadow:none}20%{text-shadow:-2px 0 rgba(255,107,53,.7),2px 0 rgba(13,212,200,.7)}40%{text-shadow:2px 0 rgba(255,16,133,.7),-2px 0 rgba(168,85,247,.7)}60%{text-shadow:-1px 0 rgba(13,212,200,.9),1px 0 rgba(255,107,53,.9)}80%{text-shadow:1px 0 rgba(168,85,247,.7),-1px 0 rgba(255,16,133,.7)}}.chromatic-flash{animation:chromatic-anim .6s ease}.will-reveal{opacity:0;transform:translateY(30px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.will-reveal.in-view{opacity:1;transform:translateY(0)}.will-reveal--left{transform:translate(-32px);opacity:0}.will-reveal--right{transform:translate(32px);opacity:0}.will-reveal--scale{transform:scale(.93);opacity:0}.will-reveal--left.in-view,.will-reveal--right.in-view,.will-reveal--scale.in-view{transform:translate(0) translateY(0) scale(1);opacity:1}.load-hide{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.load-hide.load-show{opacity:1;transform:translateY(0)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:50px;font-family:var(--font-head);font-size:.95rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;white-space:nowrap;letter-spacing:.01em;transition:all var(--dur) ease;position:relative;overflow:hidden}.btn svg{transition:transform var(--dur) ease;flex-shrink:0}.btn:hover svg{transform:translate(3px)}.btn--primary{background:linear-gradient(135deg,var(--brand-orange) 0%,var(--brand-pink) 100%);color:#fff;box-shadow:0 4px 20px #ff6b3566}.btn--primary:hover{background:linear-gradient(135deg,#ff8555,#ff35a5);box-shadow:0 6px 32px #ff6b3599;transform:translateY(-2px);animation:liquid-morph .9s ease-in-out infinite}@keyframes liquid-morph{0%,to{border-radius:50px}25%{border-radius:60% 40% 55% 45%/45% 55% 40% 60%}50%{border-radius:40% 60% 45% 55%/55% 45% 60% 40%}75%{border-radius:55% 45% 60% 40%/40% 60% 45% 55%}}.btn--ghost{background:transparent;color:var(--text-1);border:1px solid var(--border)}.btn--ghost:hover{border-color:var(--brand-teal);color:var(--brand-teal);background:#0dd4c80f}.btn--nav{background:linear-gradient(135deg,var(--brand-orange) 0%,var(--brand-pink) 100%);color:#fff;padding:9px 20px;font-size:.875rem;box-shadow:0 2px 12px #ff6b3559}.btn--nav:hover{box-shadow:0 4px 22px #ff6b358c;transform:translateY(-1px)}.btn--lg{padding:15px 32px;font-size:1.05rem}.btn:focus-visible{outline:2px solid var(--brand-teal);outline-offset:3px}.nav__link:focus-visible{outline:2px solid var(--brand-teal);outline-offset:2px;border-radius:var(--radius-sm)}.store-badge:focus-visible,.community-card:focus-visible,.footer__socials a:focus-visible,.footer__links-col a:focus-visible{outline:2px solid var(--brand-teal);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:16px;background:var(--brand-orange);color:#fff;padding:10px 22px;border-radius:var(--radius);font-weight:600;font-size:.9rem;text-decoration:none;z-index:10000;transition:top .2s ease;white-space:nowrap}.skip-link:focus-visible{top:16px}:focus-visible{outline:2px solid var(--brand-teal);outline-offset:3px;border-radius:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--brand-teal);outline-offset:3px}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);height:var(--nav-h);transition:background var(--dur) ease,border-color var(--dur) ease,backdrop-filter var(--dur) ease}.nav.scrolled{background:#05070fe0;border-bottom:1px solid rgba(13,212,200,.15);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.nav__inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;gap:28px}.nav__logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-head);font-size:1.1rem;font-weight:700;color:var(--text-1);flex-shrink:0}.nav__logo-icon{font-size:1.25rem;color:var(--brand-teal);display:inline-block;animation:sparkle-pulse 3.5s ease-in-out infinite;will-change:transform}@keyframes sparkle-pulse{0%,to{filter:drop-shadow(0 0 4px rgba(255,107,53,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 14px rgba(13,212,200,.9)) drop-shadow(0 0 6px rgba(255,107,53,.6));transform:scale(1.25) rotate(15deg)}}.nav__links{display:flex;list-style:none;gap:4px}.nav__link{display:block;padding:8px 13px;color:var(--text-2);text-decoration:none;font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);position:relative;transition:color var(--dur) ease,background var(--dur) ease}.nav__link:after{content:"";position:absolute;bottom:4px;left:50%;right:50%;height:1.5px;background:var(--brand-orange);border-radius:2px;transition:left var(--dur) ease,right var(--dur) ease}.nav__link:hover{color:var(--text-1)}.nav__link:hover:after{left:13px;right:13px}.nav__link.active{color:var(--brand-teal)}.nav__right{display:flex;align-items:center;gap:16px;margin-left:auto}.ticker{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#0dd4c80f;border:1px solid rgba(13,212,200,.2);border-radius:50px;font-size:.78rem;font-weight:600}.ticker__sym{color:var(--brand-teal)}.ticker__price{color:var(--text-2)}.ticker__change--up{color:var(--green)}.nav__hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.nav__hamburger span{display:block;width:24px;height:2px;background:var(--text-1);border-radius:2px;transition:all var(--dur) ease}.nav__hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__hamburger.active span:nth-child(2){opacity:0}.nav__hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;position:relative;overflow:hidden;padding:calc(var(--nav-h) + 64px) 0 100px}.dm-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;animation:orb-float 9s ease-in-out infinite;will-change:transform}.orb--1{width:700px;height:700px;background:radial-gradient(circle,rgba(255,107,53,.28) 0%,transparent 70%);top:-240px;right:-240px;animation-delay:0s}.orb--2{width:560px;height:560px;background:radial-gradient(circle,rgba(13,212,200,.22) 0%,transparent 70%);bottom:-180px;left:-120px;animation-delay:-3.5s}.orb--3{width:420px;height:420px;background:radial-gradient(circle,rgba(168,85,247,.25) 0%,transparent 70%);top:45%;left:42%;transform:translate(-50%,-50%);animation-delay:-6s}@keyframes orb-float{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-28px) scale(1.04)}70%{transform:translateY(14px) scale(.97)}}.hero .container{position:relative;z-index:1}.hero__split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:flex-start;margin-bottom:56px}.hero__left{display:flex;flex-direction:column;gap:28px}.hero__badge{display:inline-flex;align-items:center;gap:9px;background:#f0b4291a;border:1px solid rgba(240,180,41,.24);border-radius:50px;padding:8px 18px;font-size:.82rem;font-weight:600;color:var(--gold);width:fit-content}.badge__dot{width:8px;height:8px;border-radius:50%;background:var(--brand-teal);box-shadow:0 0 8px #0dd4c899;animation:pulse-dot 2.2s ease-in-out infinite;will-change:transform,opacity}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px #0dd4c899}50%{opacity:.55;transform:scale(.75);box-shadow:0 0 16px #0dd4c8e6}}.hero__title{font-family:var(--font-head);font-size:clamp(3rem,6vw,5.5rem);font-weight:800;line-height:1.08;letter-spacing:-.025em}.hero__title-line{display:block;overflow:hidden}.hero__title .char{display:inline-block;opacity:0;transform:translateY(110%) rotate(4deg);clip-path:inset(0 0 110% 0);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out),clip-path .5s var(--ease-out)}.hero__subtitle{font-size:clamp(.95rem,1.4vw,1.1rem);color:var(--text-2);line-height:1.75;max-width:480px}.hero__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero__right{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px;padding-top:16px;overflow:visible}.coin-orbit{position:relative;width:420px;height:420px;perspective:800px;perspective-origin:50% 45%;transform-style:preserve-3d;overflow:visible}.coin-3d{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;perspective:700px;z-index:2}.coin-3d__scene{width:100%;height:100%;transform-style:preserve-3d}.coin-3d__inner{width:100%;height:100%;transform-style:preserve-3d;animation:coin-spin 10s linear infinite;will-change:transform}@keyframes coin-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.coin-3d__face{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;backface-visibility:hidden}.coin-3d__face--front{flex-direction:column;overflow:hidden;background:conic-gradient(from 0deg,#c8843a,#ffd580,#a06030,#ffbe60,#c8843a,#ffd580,#a06030,#ffbe60,#c8843a,#ffd580 360deg);box-shadow:0 0 0 4px #ff6b3566,0 0 80px #ff6b3580,0 0 160px #ff6b3533,inset 0 2px 8px #ffffff40,4px 4px #a03500,12px 12px 20px #0009}.coin-3d__face--front:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse 55% 40% at 35% 30%,rgba(255,255,255,.45) 0%,transparent 65%);pointer-events:none;z-index:2}.coin-3d__face--back{background:conic-gradient(from 0deg,#006e6a,#0dd4c8,#00a8a4,#0dd4c8,#006e6a 360deg);transform:rotateY(180deg);box-shadow:0 0 40px #0dd4c859,inset 0 2px 8px #ffffff26;overflow:hidden}.coin-3d__logo-fill{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;z-index:1;filter:drop-shadow(0 0 20px rgba(255,107,53,.6))}.coin-3d__back-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;padding:12px}.coin-3d__back-ratio{font-family:var(--font-head);font-size:1.6rem;font-weight:900;color:#ffffffe6;letter-spacing:.04em;line-height:1}.coin-3d__back-sep{width:36px;height:1px;background:#ffffff4d;margin:3px 0}.coin-3d__back-pct{font-family:var(--font-head);font-size:.65rem;font-weight:800;color:#fffc;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}.coin-3d__back-sub{font-size:.5rem;font-weight:700;color:#fff9;letter-spacing:.06em;text-transform:uppercase;line-height:1.3;text-align:center}.coin-3d__ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.15);animation:ring-expand 3s ease-in-out infinite;z-index:3}.coin-3d__ring--1{inset:12px;animation-delay:0s}.coin-3d__ring--2{inset:24px;animation-delay:.8s}@keyframes ring-expand{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.04)}}.orbit-plane{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(62deg);pointer-events:none}.orbit-track{position:absolute;top:50%;left:50%;width:370px;height:370px;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.2);pointer-events:none;animation:track-pulse 5s ease-in-out infinite}.orbit-track:before{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid transparent;background:linear-gradient(#06091a,#06091a) padding-box,conic-gradient(from 0deg,#ff6b358c,#0dd4c88c,#a855f78c,#fbbf2473,#ff6b358c) border-box;animation:orbit-glow-spin 16s linear infinite;opacity:.55;filter:blur(1px);will-change:transform}.orbit-track:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid transparent;background:linear-gradient(#06091a,#06091a) padding-box,conic-gradient(from 0deg,#ff6b3580,#0dd4c880,#a855f780,#fbbf2466,#ff6b3580) border-box;animation:orbit-glow-spin 22s linear infinite;opacity:.8;filter:blur(.5px);will-change:transform}@keyframes track-pulse{0%,to{opacity:.45}50%{opacity:.85}}@keyframes orbit-glow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-badge{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;gap:6px;width:76px;padding:9px 6px 7px;border-radius:18px;font-size:.58rem;font-weight:700;text-align:center;line-height:1.25;will-change:transform;background:#090c1ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transform-style:preserve-3d;pointer-events:auto}.orbit-badge__label{display:block;white-space:normal;word-break:break-word;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.9),0 2px 8px rgba(0,0,0,.7);font-size:.56rem}.orbit-badge__icon{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff1a;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26,0 4px 16px #0006;transform:scale(var(--depth-scale, 1));transition:transform .08s linear,box-shadow .3s ease;will-change:transform}.orbit-badge__icon svg{width:28px;height:28px}.orbit-badge__icon--img{background:transparent;border-radius:13px}.orbit-badge__app-icon{width:48px;height:48px;border-radius:13px;object-fit:cover;display:block}.product-card__icon--img{width:56px;height:56px;border-radius:14px;background:transparent;box-shadow:0 4px 16px #0000004d;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-card__app-icon{width:56px;height:56px;border-radius:14px;object-fit:cover;display:block}.orbit-badge--1{color:#c084fc;background:#a855f71f;border:1px solid rgba(168,85,247,.4);box-shadow:0 2px 12px #a855f733,0 0 28px #a855f740,0 0 60px #a855f71a}.orbit-badge--1 .orbit-badge__icon{background:#a855f733}.orbit-badge--2{color:var(--brand-teal);background:#0dd4c81a;border:1px solid rgba(13,212,200,.38);box-shadow:0 2px 12px #0dd4c833,0 0 28px #0dd4c840,0 0 60px #0dd4c81a}.orbit-badge--2 .orbit-badge__icon{background:#0dd4c82e}.orbit-badge--3{color:#60a5fa;background:#3b82f61a;border:1px solid rgba(59,130,246,.38);box-shadow:0 2px 12px #3b82f633,0 0 28px #3b82f640,0 0 60px #3b82f61a}.orbit-badge--3 .orbit-badge__icon{background:#3b82f62e}.orbit-badge--4{color:var(--brand-orange);background:#ff6b351a;border:1px solid rgba(255,107,53,.38);box-shadow:0 2px 12px #ff6b3533,0 0 28px #ff6b3540,0 0 60px #ff6b351a}.orbit-badge--4 .orbit-badge__icon{background:#ff6b352e}.orbit-badge--5{color:#f472b6;background:#ff10851a;border:1px solid rgba(255,16,133,.38);box-shadow:0 2px 12px #ff108533,0 0 28px #ff108540,0 0 60px #ff10851a}.orbit-badge--5 .orbit-badge__icon{background:#ff10852e}.orbit-badge--6{color:#fb7185;background:#f43f5e1a;border:1px solid rgba(244,63,94,.38);box-shadow:0 2px 12px #f43f5e33,0 0 28px #f43f5e40,0 0 60px #f43f5e1a}.orbit-badge--6 .orbit-badge__icon{background:#f43f5e2e}.orbit-badge--7{color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.38);box-shadow:0 2px 12px #fbbf2433,0 0 28px #fbbf2440,0 0 60px #fbbf241a}.orbit-badge--7 .orbit-badge__icon{background:#fbbf242e}.orbit-badge--1{animation:orbit 22s linear infinite 0s}.orbit-badge--2{animation:orbit 22s linear infinite -3.143s}.orbit-badge--3{animation:orbit 22s linear infinite -6.286s}.orbit-badge--4{animation:orbit 22s linear infinite -9.429s}.orbit-badge--5{animation:orbit 22s linear infinite -12.571s}.orbit-badge--6{animation:orbit 22s linear infinite -15.714s}.orbit-badge--7{animation:orbit 22s linear infinite -18.857s}.orbit-badge--1{filter:drop-shadow(-7px 2px 9px rgba(168,85,247,.7)) drop-shadow(-14px 3px 5px rgba(168,85,247,.3))}.orbit-badge--2{filter:drop-shadow(-7px 2px 9px rgba(13,212,200,.7)) drop-shadow(-14px 3px 5px rgba(13,212,200,.3))}.orbit-badge--3{filter:drop-shadow(-7px 2px 9px rgba(59,130,246,.7)) drop-shadow(-14px 3px 5px rgba(59,130,246,.3))}.orbit-badge--4{filter:drop-shadow(-7px 2px 9px rgba(255,107,53,.7)) drop-shadow(-14px 3px 5px rgba(255,107,53,.3))}.orbit-badge--5{filter:drop-shadow(-7px 2px 9px rgba(255,16,133,.7)) drop-shadow(-14px 3px 5px rgba(255,16,133,.3))}.orbit-badge--6{filter:drop-shadow(-7px 2px 9px rgba(244,63,94,.7)) drop-shadow(-14px 3px 5px rgba(244,63,94,.3))}.orbit-badge--7{filter:drop-shadow(-7px 2px 9px rgba(251,191,36,.7)) drop-shadow(-14px 3px 5px rgba(251,191,36,.3))}.orbit-badge:hover{z-index:10!important;cursor:pointer}.orbit-badge:hover .orbit-badge__icon{transform:scale(1.15);box-shadow:0 0 30px #ffffff4d,0 0 60px #ff6b3540,inset 0 0 0 1px #ffffff4d;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.orbit-badge:hover .orbit-badge__label{color:#fff;transition:color .25s ease}.orbit-badge__icon svg{animation:sparkle-pulse 2.8s ease-in-out infinite;will-change:transform}.orbit-badge--1 .orbit-badge__icon svg{animation-delay:0s}.orbit-badge--2 .orbit-badge__icon svg{animation-delay:.4s}.orbit-badge--3 .orbit-badge__icon svg{animation-delay:.8s}.orbit-badge--4 .orbit-badge__icon svg{animation-delay:1.2s}.orbit-badge--5 .orbit-badge__icon svg{animation-delay:1.6s}.orbit-badge--6 .orbit-badge__icon svg{animation-delay:2s}.orbit-badge--7 .orbit-badge__icon svg{animation-delay:2.4s}.orbit-badge--front{z-index:4!important}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(0) translate(185px) rotate(0) rotateX(-62deg)}to{transform:translate(-50%,-50%) rotate(360deg) translate(185px) rotate(-360deg) rotateX(-62deg)}}.hero__stats{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 40px;backdrop-filter:blur(14px);gap:0;position:relative}.hero__stats:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--brand-orange),var(--brand-pink),var(--purple-light),var(--brand-teal),var(--gold));border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:.85}.stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 28px;transition:transform .2s var(--ease-spring);cursor:default}.stat:hover{transform:translateY(-3px)}.stat__value{font-family:var(--font-head);font-size:1.75rem;font-weight:900;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat:nth-child(1) .stat__value{background:linear-gradient(135deg,var(--brand-orange),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat:nth-child(3) .stat__value{background:linear-gradient(135deg,var(--brand-teal),var(--brand-teal-lt));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat:nth-child(5) .stat__value{background:linear-gradient(135deg,var(--purple-light),var(--brand-pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat:nth-child(7) .stat__value{background:linear-gradient(135deg,var(--brand-orange),var(--brand-pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat:nth-child(9) .stat__value{background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat__label{font-size:.75rem;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.07em}@keyframes counter-pop{0%{transform:scale(1)}45%{transform:scale(1.18)}70%{transform:scale(.96)}to{transform:scale(1)}}.stat__value.counting{animation:counter-pop .45s cubic-bezier(.34,1.56,.64,1)}.stat__divider{width:1px;height:40px;background:var(--border);flex-shrink:0}.hero__scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-3);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;animation:fade-up .9s ease 2s both}.scroll-chevron{width:22px;height:22px;border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);transform:rotate(45deg);margin-top:-4px;animation:bounce-chev 1.6s ease-in-out infinite}@keyframes bounce-chev{0%,to{transform:rotate(45deg) translateY(0);opacity:1}50%{transform:rotate(45deg) translateY(6px);opacity:.5}}.wave-divider{line-height:0;position:relative;z-index:1}.wave-divider svg{display:block;width:100%;height:64px;filter:drop-shadow(0 -2px 8px rgba(13,212,200,.06))}.wave-fill-alt{fill:var(--bg-alt)}.wave-fill-bg{fill:var(--bg)}.section{padding:96px 0;position:relative;z-index:1;overflow:hidden}.section--alt{background:var(--bg-alt);background-image:radial-gradient(ellipse 55% 35% at 15% 20%,rgba(13,212,200,.045) 0%,transparent 65%),radial-gradient(ellipse 45% 40% at 85% 75%,rgba(168,85,247,.04) 0%,transparent 65%),radial-gradient(ellipse 35% 30% at 50% 50%,rgba(255,107,53,.03) 0%,transparent 65%)}.section>.container{position:relative;z-index:2}.section__header{text-align:center;max-width:720px;margin:0 auto 64px}.section__tag{display:inline-block;background:linear-gradient(135deg,#ff6b351a,#0dd4c81a,#ff6b351a);background-size:200% 100%;border:1px solid rgba(13,212,200,.3);color:var(--brand-teal);border-radius:50px;padding:5px 16px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;animation:tag-shimmer 3.5s linear infinite}@keyframes tag-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.section__title{font-family:var(--font-head);font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:16px}.section__subtitle{font-size:clamp(.95rem,1.3vw,1.05rem);color:var(--text-2);max-width:560px;margin:0 auto;line-height:1.8}.steps-sticky-layout{display:grid;grid-template-columns:200px 1fr;gap:60px;align-items:start;margin-bottom:40px}@media (max-width: 768px){.steps-sticky-layout{display:block}}.steps-left-sticky{position:sticky;top:calc(var(--nav-h) + 32px)}.step-track{position:relative;padding-left:28px;padding-top:8px}.step-track-line{position:absolute;left:0;top:16px;bottom:16px;width:2px;background:var(--border);border-radius:2px;overflow:hidden}.step-track-fill{width:100%;height:0%;background:linear-gradient(180deg,var(--brand-orange),var(--brand-teal));border-radius:2px;transition:height .45s var(--ease-out)}.step-dot{position:relative;display:flex;flex-direction:column;gap:2px;margin-bottom:72px;cursor:pointer;transition:color var(--dur) ease}.step-dot:before{content:"";position:absolute;left:-7px;width:14px;height:14px;border-radius:50%;border:2px solid var(--border);background:var(--bg-alt);transition:all var(--dur) ease;margin-top:2px}.step-dot.active:before{border-color:var(--brand-orange);background:var(--brand-orange);box-shadow:0 0 14px #ff6b3580}.step-dot__num{font-family:var(--font-head);font-size:1.25rem;font-weight:800;color:var(--text-3);transition:color var(--dur) ease}.step-dot__label{font-size:.78rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;transition:color var(--dur) ease}.step-dot.active .step-dot__num,.step-dot.active .step-dot__label{color:var(--brand-orange)}.step-dot:hover .step-dot__num,.step-dot:hover .step-dot__label{color:var(--text-2)}.steps-right-panels{display:flex;flex-direction:column;gap:24px}.step-panel{padding:36px;transition:border-color var(--dur) ease,box-shadow var(--dur) ease}.step-panel--highlight{background:linear-gradient(135deg,#f0b42912,#7b2fbe12);border-color:#f0b42938}.step-panel--highlight:hover{border-color:var(--brand-orange);box-shadow:0 8px 40px #ff6b3540}.step-panel__num{font-family:var(--font-head);font-size:2.8rem;font-weight:900;color:#f0b4291a;line-height:1;margin-bottom:-4px;letter-spacing:-.04em}.step-panel__icon{width:50px;height:50px;border-radius:13px;background:#f0b4291a;border:1px solid rgba(240,180,41,.2);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.step-panel__icon svg{width:22px;height:22px;color:var(--gold)}.step-panel__icon--gold{background:linear-gradient(135deg,#f0b4292e,#a855f72e);border-color:#f0b42959}.step-panel h3{font-family:var(--font-head);font-size:1.3rem;font-weight:700;margin-bottom:12px}.step-panel p{color:var(--text-2);font-size:.95rem;margin-bottom:20px;line-height:1.7}.step-panel__badges{display:flex;gap:12px;flex-wrap:wrap}.store-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-1);font-size:.85rem;font-weight:600;transition:all var(--dur) ease}.store-badge svg{width:18px;height:18px;flex-shrink:0}.store-badge:hover{background:#ffffff17;border-color:var(--gold);color:var(--gold)}.step-panel__checks{list-style:none;display:flex;flex-direction:column;gap:10px}.step-panel__checks li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-2)}.step-panel__checks li svg{width:16px;height:16px;color:var(--green);flex-shrink:0}.payment-methods{display:flex;gap:10px;flex-wrap:wrap}.payment-method{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;background:#ffffff0a;border:1px solid var(--border);font-size:.82rem;color:var(--text-2);font-weight:500}.payment-method svg{width:16px;height:16px;flex-shrink:0;color:var(--brand-teal)}.how-to-note{display:flex;align-items:flex-start;gap:14px;padding:20px 24px;margin-top:32px;border-radius:var(--radius);border-color:#0dd4c833;background:#0dd4c80a}.how-to-note svg{color:var(--brand-teal);flex-shrink:0;margin-top:2px}.how-to-note p{font-size:.88rem;color:var(--text-2);line-height:1.65}.how-to-note a{color:var(--brand-teal);text-decoration:none}.how-to-note a:hover{text-decoration:underline}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why-card{padding:28px;position:relative;display:flex;flex-direction:column;gap:14px}.why-card--featured{grid-column:span 2;background:linear-gradient(135deg,#ff6b3512,#a855f712,#0dd4c80d);position:relative}.why-card--featured:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#f0b42940,#a855f740,#0dd4c833);padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none}.why-card__icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#ff6b351a;border:1px solid rgba(255,107,53,.2);color:var(--brand-orange);flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.why-card__icon svg{width:22px;height:22px}.why-card:hover .why-card__icon{transform:scale(1.12) rotate(-5deg)}.why-card h3{font-family:var(--font-head);font-size:1.08rem;font-weight:700;line-height:1.3}.why-card p{color:var(--text-2);font-size:.9rem;line-height:1.7}.why-card__highlight-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:50px;background:#f0b4291a;border:1px solid rgba(240,180,41,.3);color:var(--gold);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;width:fit-content}.why-card:hover{transform:translateY(-5px);box-shadow:0 14px 48px #ff6b3533;border-color:#ff6b3559}.why-card--featured:hover{transform:translateY(-5px);box-shadow:0 14px 48px #ff6b354d}.why-card--growth{background:linear-gradient(135deg,#10b98112,#3b82f612);border-color:#10b98159}.why-card--growth .why-card__icon{background:#10b9811f;border-color:#10b98140;color:#10b981}.why-card--growth:hover{border-color:#10b981;box-shadow:0 8px 40px #10b98133}.tokenomics-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #ff6b3533;border-color:#0dd4c84d}.flow-node:hover{transform:translateY(-4px);box-shadow:0 10px 36px #a855f740;border-color:#a855f759}.node-graph-wrap{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:32px;overflow:hidden}.node-graph-canvas{width:100%;display:block;height:180px}.flow-nodes{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:0;align-items:center}.flow-node{padding:26px 20px;text-align:center;border-radius:0}.flow-node:first-child{border-radius:var(--radius) 0 0 var(--radius)}.flow-node:last-child{border-radius:0 var(--radius) var(--radius) 0}.flow-node+.flow-node{border-left:none;margin-left:-1px}.flow-node__icon{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.flow-node__icon svg{width:22px;height:22px}.flow-node__icon--purple{background:#a855f726;border:1px solid rgba(168,85,247,.3);color:var(--purple-light)}.flow-node__icon--gold{background:#f0b42926;border:1px solid rgba(240,180,41,.3);color:var(--gold)}.flow-node__icon--blue{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:var(--blue-light)}.flow-node__icon--green{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:var(--green)}.flow-node h4{font-family:var(--font-head);font-size:.92rem;font-weight:700;margin-bottom:7px}.flow-node p{font-size:.82rem;color:var(--text-2);line-height:1.6}.flow-node__arrow{display:flex;align-items:center;padding:0 6px;color:var(--text-3);flex-shrink:0}.flow-node__arrow svg{width:40px;height:24px}.products-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto auto;gap:18px;grid-template-areas:"luna  luna  wallet chat" "luna  luna  homes  homes" "soul  boss  labs   dreams";margin-bottom:24px}.bento-luna{grid-area:luna}.bento-wallet{grid-area:wallet}.bento-chat{grid-area:chat}.bento-homes{grid-area:homes}.bento-soul{grid-area:soul}.bento-boss{grid-area:boss}.bento-labs{grid-area:labs}.bento-dreams{grid-area:dreams}.bento-luna:hover{box-shadow:0 16px 56px #a855f759;border-color:#a855f780;transform:translateY(-4px)}.bento-wallet:hover{box-shadow:0 16px 56px #f0b4294d;border-color:#f0b42973;transform:translateY(-4px)}.bento-chat:hover{box-shadow:0 16px 56px #3b82f64d;border-color:#3b82f673;transform:translateY(-4px)}.bento-homes:hover{box-shadow:0 16px 56px #10b9814d;border-color:#10b98173;transform:translateY(-4px)}.bento-soul:hover{box-shadow:0 16px 56px #ec48994d;border-color:#ec489973;transform:translateY(-4px)}.bento-boss:hover{box-shadow:0 16px 56px #f973164d;border-color:#f9731673;transform:translateY(-4px)}.bento-labs:hover{box-shadow:0 16px 56px #14b8a64d;border-color:#14b8a673;transform:translateY(-4px)}.bento-dreams:hover{box-shadow:0 16px 56px #ff6b354d;border-color:#ff6b3573;transform:translateY(-4px)}.product-card{padding:22px;position:relative;overflow:hidden;transition:transform var(--dur) ease,box-shadow var(--dur) ease,border-color var(--dur) ease}.product-card__badge{display:inline-block;padding:3px 10px;border-radius:50px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px}.badge--live{background:#10b98126;color:var(--green);border:1px solid rgba(16,185,129,.3)}.badge--growing{background:#3b82f626;color:var(--blue-light);border:1px solid rgba(59,130,246,.3)}.badge--coming{background:#f0b4291f;color:var(--gold);border:1px solid rgba(240,180,41,.25)}.badge--active{background:#ec48991f;color:var(--pink);border:1px solid rgba(236,72,153,.25)}.product-card__icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.product-card__icon svg{width:20px;height:20px}.product-card__icon--purple{background:#a855f726;border:1px solid rgba(168,85,247,.3);color:var(--purple-light)}.product-card__icon--gold{background:#f0b42926;border:1px solid rgba(240,180,41,.3);color:var(--gold)}.product-card__icon--blue{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:var(--blue-light)}.product-card__icon--pink{background:#ec489926;border:1px solid rgba(236,72,153,.3);color:var(--pink)}.product-card__icon--green{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:var(--green)}.product-card__icon--orange{background:#f9731626;border:1px solid rgba(249,115,22,.3);color:var(--orange)}.product-card__icon--teal{background:#14b8a626;border:1px solid rgba(20,184,166,.3);color:var(--teal)}.product-card__icon--red{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--red)}.product-card h3{font-family:var(--font-head);font-size:.98rem;font-weight:700;margin-bottom:8px}.product-card p{font-size:.84rem;color:var(--text-2);line-height:1.62;margin-bottom:12px}.product-card__token-use{font-size:.73rem;color:var(--gold);font-weight:600;padding:4px 10px;background:#f0b42912;border:1px solid rgba(240,180,41,.14);border-radius:var(--radius-sm);display:inline-block}.bento-luna .product-card__icon{width:56px;height:56px}.bento-luna .product-card__icon svg{width:26px;height:26px}.bento-luna h3{font-size:1.4rem}.bento-luna p{font-size:.92rem}.ecosystem__education{display:flex;align-items:center;gap:20px;padding:26px 28px}.ecosystem__education h3{font-family:var(--font-head);font-size:1.05rem;font-weight:700;margin-bottom:6px}.ecosystem__education p{font-size:.88rem;color:var(--text-2);margin:0}.donut-wrap{display:flex;align-items:center;gap:60px;justify-content:center;padding:48px 40px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:32px}.donut-chart-col{flex-shrink:0}#donut-chart{display:block}.donut-legend-col{display:flex;flex-direction:column;gap:20px;max-width:300px}.legend-item{display:flex;align-items:center;gap:12px}.legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-label{flex:1;font-size:.9rem;color:var(--text-2);font-weight:500}.legend-pct{font-family:var(--font-head);font-size:1rem;font-weight:700;color:var(--text-1)}.legend-note{font-size:.8rem;color:var(--text-3);line-height:1.6;padding-top:8px;border-top:1px solid var(--border)}.tokenomics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:48px}.tokenomics-grid .tokenomics-card:last-child{grid-column:2 / 4}.tokenomics-card{padding:24px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.tokenomics-card__label{font-size:.7rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em}.tokenomics-card__value{font-family:var(--font-head);font-size:2.2rem;font-weight:900;line-height:1}.tokenomics-card:last-child .tokenomics-card__value{font-size:2rem;letter-spacing:-.01em}.tokenomics-card__desc{font-size:.82rem;color:var(--text-2);line-height:1.6}.tokenomics-card:hover .tokenomics-card__value{filter:brightness(1.2);transition:filter .25s ease}.contract-address-block{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 24px;margin-bottom:40px;border:1px solid rgba(13,212,200,.25)}.contract-address-block__label{display:flex;align-items:center;gap:7px;font-size:.75rem;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.09em;flex-shrink:0}.contract-address-block__label svg{color:var(--brand-teal)}.contract-address-block__address{font-family:Space Grotesk,monospace;font-size:.82rem;font-weight:500;color:var(--brand-teal);word-break:break-all;flex:1;text-decoration:none;transition:opacity .2s}.contract-address-block__address:hover{opacity:.75;text-decoration:underline}.contract-address-block__copy{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:7px;font-size:.75rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .2s,color .2s;background:#0dd4c81f;border:1px solid rgba(13,212,200,.3);color:var(--brand-teal)}.contract-address-block__copy:hover{background:#0dd4c838}.contract-address-block__copy.copied{background:#22c55e26;border-color:#22c55e59;color:var(--green)}.buyback-feature{display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap;padding:32px 36px;margin-bottom:40px;border:1px solid rgba(99,102,241,.3);background:linear-gradient(135deg,#6366f112,#0dd4c80d);position:relative;overflow:hidden}.buyback-feature:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#6366f1,#ff6b35,#0dd4c8)}.buyback-feature__icon{width:54px;height:54px;border-radius:14px;flex-shrink:0;background:#6366f126;border:1px solid rgba(99,102,241,.3);display:flex;align-items:center;justify-content:center}.buyback-feature__icon svg{color:#6366f1}.buyback-feature__body{flex:1;min-width:280px}.buyback-feature__tag{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6366f1;margin-bottom:8px}.buyback-feature__title{font-family:var(--font-head);font-size:1.25rem;font-weight:700;margin-bottom:10px;color:var(--text-1)}.buyback-feature__desc{font-size:.88rem;color:var(--text-2);line-height:1.7;margin-bottom:18px}.buyback-feature__desc strong{color:var(--text-1)}.buyback-feature__pillars{display:flex;flex-direction:column;gap:9px}.buyback-pillar{display:flex;align-items:flex-start;gap:10px;font-size:.82rem;color:var(--text-2);line-height:1.5}.buyback-pillar svg{color:var(--brand-teal);flex-shrink:0;margin-top:1px}.buyback-feature__badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;height:90px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#6366f133,#0dd4c826);border:2px solid rgba(99,102,241,.35)}.buyback-badge-label{font-family:var(--font-head);font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#0dd4c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.buyback-badge-sub{font-size:.65rem;font-weight:600;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;margin-top:3px}.principles-title{font-family:var(--font-head);font-size:1.35rem;font-weight:700;text-align:center;margin-bottom:22px}.principles-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:48px}.principle{padding:22px;display:flex;gap:16px;align-items:flex-start}.principle__icon{width:40px;height:40px;border-radius:10px;flex-shrink:0;background:#f0b4291a;border:1px solid rgba(240,180,41,.2);display:flex;align-items:center;justify-content:center}.principle__icon svg{width:18px;height:18px;color:var(--gold)}.principle h4{font-family:var(--font-head);font-size:.92rem;font-weight:700;margin-bottom:5px}.principle p{font-size:.83rem;color:var(--text-2);line-height:1.6}.whitepaper-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;flex-wrap:wrap}.whitepaper-cta h3{font-family:var(--font-head);font-size:1.1rem;font-weight:700;margin-bottom:5px}.whitepaper-cta p{font-size:.88rem;color:var(--text-2);max-width:500px}.community-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px}@media (max-width: 640px){.community-grid{grid-template-columns:1fr}}.community-card{padding:28px;text-decoration:none;color:var(--text-1);display:flex;flex-direction:column;gap:12px;transition:all .25s var(--ease-out)}.community-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d;border-color:var(--brand-teal)}.community-card__icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.community-card__icon svg{width:26px;height:26px}.community-card__icon--tg{background:#27aeee26;color:#29b6f6;border:1px solid rgba(39,174,238,.3)}.community-card__icon--fb{background:#4267b226;color:#4267b2;border:1px solid rgba(66,103,178,.3)}.community-card__icon--yt{background:#ff00001f;color:red;border:1px solid rgba(255,0,0,.25)}.community-card__icon--email{background:#0dd4c81f;color:var(--brand-teal);border:1px solid rgba(13,212,200,.25)}.community-card h3{font-family:var(--font-head);font-size:1.1rem;font-weight:700;color:var(--text-1)}.community-card p{color:var(--text-2);font-size:.88rem;line-height:1.65;flex:1}.community-card__cta{font-size:.82rem;font-weight:700;color:var(--brand-teal);letter-spacing:.02em;margin-top:auto}.affiliate-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 40px;background:linear-gradient(135deg,#ff6b3512,#a855f712);border-color:#ff6b3540;margin-top:40px}.affiliate-cta__text h3{font-family:var(--font-head);font-size:1.25rem;font-weight:700;margin-bottom:8px}.affiliate-cta__text p{color:var(--text-2);font-size:.9rem;line-height:1.65;max-width:500px}.section--cta{padding:112px 0;overflow:hidden;background:linear-gradient(180deg,var(--bg-alt) 0%,var(--bg) 100%);position:relative}.section--cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(255,107,53,.07) 0%,transparent 60%);pointer-events:none}.cta-block{position:relative;text-align:center;padding:80px 40px;background:linear-gradient(135deg,#ff6b3514,#a855f714 40%,#0dd4c814);border:1px solid rgba(13,212,200,.18);border-radius:var(--radius-xl);overflow:hidden}.orb--cta1{width:520px;height:520px;background:radial-gradient(circle,rgba(123,47,190,.2) 0%,transparent 70%);top:-220px;left:-160px}.orb--cta2{width:420px;height:420px;background:radial-gradient(circle,rgba(240,180,41,.14) 0%,transparent 70%);bottom:-160px;right:-120px}.cta-block__title{font-family:var(--font-head);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;line-height:1.1;letter-spacing:-.025em;margin:16px 0 20px;position:relative;z-index:1}.cta-block__subtitle{font-size:clamp(.95rem,1.3vw,1.1rem);color:var(--text-2);max-width:580px;margin:0 auto 40px;line-height:1.75;position:relative;z-index:1}.cta-block__actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;position:relative;z-index:1}.footer{position:relative;background:linear-gradient(180deg,var(--bg) 0%,#020408 100%);border-top:1px solid rgba(255,255,255,.06);padding:80px 0 40px;overflow:hidden}.footer__stars{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 30% 40%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 55% 20%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 75% 60%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 90% 35%,rgba(13,212,200,.6) 0%,transparent 100%),radial-gradient(1px 1px at 20% 75%,rgba(255,107,53,.5) 0%,transparent 100%),radial-gradient(1px 1px at 65% 80%,rgba(168,85,247,.4) 0%,transparent 100%),radial-gradient(2px 2px at 45% 50%,rgba(240,180,41,.4) 0%,transparent 100%);background-size:100% 100%;z-index:0}.footer__top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;position:relative;z-index:1}.footer__brand .nav__logo{margin-bottom:16px}.footer__logo-icon{animation:footer-pulse 3s ease-in-out infinite}@keyframes footer-pulse{0%,to{text-shadow:none;color:var(--gold)}50%{text-shadow:0 0 16px rgba(240,180,41,.7);color:var(--gold-light)}}.footer__brand p{font-size:.86rem;color:var(--text-3);line-height:1.75;margin-bottom:20px}.footer__socials{display:flex;gap:10px}.footer__socials a{width:36px;height:36px;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-3);text-decoration:none;transition:all var(--dur) ease}.footer__socials a svg{width:15px;height:15px}.footer__socials a:hover{background:#f0b4291a;border-color:#f0b4294d;color:var(--gold)}.footer__links-col h4{font-family:var(--font-head);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin-bottom:16px}.footer__links-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer__links-col a{font-size:.86rem;color:var(--text-2);text-decoration:none;transition:color var(--dur) ease}.footer__links-col a:hover{color:var(--brand-teal)}.footer__bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.footer__bottom p{font-size:.8rem;color:var(--text-3)}.footer__disclaimer{opacity:.55}@keyframes fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes hv-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes scan-sweep{0%{left:-80%}to{left:140%}}@media (max-width: 1180px){.why-grid{grid-template-columns:repeat(2,1fr)}.why-card--featured{grid-column:span 2}.tokenomics-grid{grid-template-columns:repeat(2,1fr)}.tokenomics-grid .tokenomics-card:last-child{grid-column:span 2}.footer__top{grid-template-columns:1fr 1fr;gap:32px}.products-bento{grid-template-columns:repeat(2,1fr);grid-template-areas:"luna  luna" "wallet chat" "homes  homes" "soul   boss" "labs   dreams"}.flow-nodes{grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto}}@media (max-width: 960px){.stat{padding:0 16px}.hero__stats{padding:18px 20px}}@media (max-width: 900px){.hero__split{grid-template-columns:1fr;gap:32px}.hero__right{order:-1;flex-direction:column;align-items:center;gap:20px;padding-top:0;width:100%}.hero__left{align-items:center;text-align:center}.hero__title{text-align:center}.hero__subtitle{text-align:center;margin:0 auto}.hero__actions{justify-content:center}.coin-orbit{width:320px;height:320px;perspective:600px}.orbit-badge{width:62px;font-size:.52rem;padding:7px 4px 5px}.orbit-badge__icon,.orbit-badge__app-icon{width:38px;height:38px;border-radius:10px}.orbit-track{width:290px;height:290px}.buy-terminal{max-width:100%;width:100%}.swap-ui{padding:12px 13px 14px}.swap-field{padding:10px 11px}.swap-input{font-size:1.3rem}.swap-input--receive{font-size:1.35rem}.swap-exec-btn{padding:12px;font-size:.88rem}.swap-slippage{padding:7px 0 9px}.steps-sticky-layout{grid-template-columns:1fr;gap:0}.steps-left-sticky{position:static;display:flex;gap:0;overflow-x:auto;padding:16px 0 24px;-webkit-overflow-scrolling:touch;margin-bottom:0}.step-track{display:flex;gap:0;padding:0;flex-direction:row;align-items:center;min-width:max-content}.step-track-line{display:none}.step-dot{flex-direction:row;align-items:center;margin-bottom:0;margin-right:20px;white-space:nowrap}.step-dot:before{position:static;margin-top:0;margin-right:8px;flex-shrink:0}.step-dot__label{display:none}.flow-nodes{flex-direction:column;display:flex}.flow-node{border-radius:0!important}.flow-node:first-child{border-radius:var(--radius) var(--radius) 0 0!important}.flow-node:last-child{border-radius:0 0 var(--radius) var(--radius)!important}.flow-node+.flow-node{border-left:1px solid var(--border);border-top:none}.flow-node__arrow{transform:rotate(90deg);justify-content:center}.principles-list{grid-template-columns:1fr}.donut-wrap{flex-direction:column;align-items:center;gap:24px;text-align:center}.donut-chart-col{width:200px}.tokenomics-rings{width:160px}}@media (max-width: 768px){:root{--nav-h: 64px}html{scroll-snap-type:y proximity}.hero,.section{scroll-snap-align:start}.ticker,.btn--nav{display:none}.nav__hamburger{display:flex}.nav__links{display:none;position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;background:#05070ff7;border-bottom:1px solid rgba(13,212,200,.2);flex-direction:column;padding:24px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow-y:auto;z-index:calc(var(--z-nav) - 10);gap:4px;animation:nav-slide-in .2s ease}.nav__links.open{display:flex}@keyframes nav-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav__links .nav__link{padding:14px 8px;border-bottom:1px solid rgba(255,255,255,.06);font-size:1.05rem;font-weight:600;color:var(--text-1)}.nav__links .nav__link:last-child{border-bottom:none}.nav__links .nav__link:after{display:none}.hero__stats{padding:18px 20px}.stat{padding:0 14px}.stat__divider{display:none}.hero__stats{display:grid;grid-template-columns:1fr 1fr;gap:16px 0;border-radius:var(--radius)}.stat__value{font-size:1.45rem}.hero__stats .stat:last-child{grid-column:span 2}.why-grid{grid-template-columns:1fr;grid-template-areas:none}.products-bento{grid-template-columns:1fr 1fr;grid-template-areas:none}.products-bento>*{grid-area:auto!important;grid-column:auto!important;grid-row:auto!important}.whitepaper-cta,.affiliate-cta{flex-direction:column}.buyback-feature{flex-direction:column;gap:18px;padding:24px 22px}.buyback-feature__badge{width:70px;height:70px}.buyback-badge-label{font-size:1.2rem}.contract-address-block{flex-direction:column;align-items:flex-start;gap:10px}.footer__top{grid-template-columns:1fr;gap:32px}.footer__brand p{font-size:.85rem}.hero__scroll-hint{bottom:20px}.section,.section--cta{padding:72px 0}.cta-block{padding:52px 22px}}@media (max-width: 640px) and (min-width: 601px){.coin-orbit{width:360px;height:360px}.orbit-plane{transform:rotateX(62deg) scale(.86)}.coin-3d{width:160px;height:160px}}@media (max-width: 600px){.coin-orbit{width:300px;height:300px;perspective:600px}.orbit-plane{transform:rotateX(62deg) scale(.75)}.coin-3d{width:140px;height:140px}}@media (max-width: 480px){.products-bento,.tokenomics-grid{grid-template-columns:1fr}.tokenomics-grid .tokenomics-card:last-child{grid-column:auto}.hero__actions{flex-direction:column;align-items:stretch}.btn--lg{justify-content:center}.step-track{flex-wrap:wrap;gap:12px}.swap-ui{padding:10px 11px 12px}.swap-input{font-size:1.2rem}.swap-token-badge{padding:5px 8px;font-size:.76rem}.swap-slip-btn{padding:3px 7px;font-size:.68rem}.swap-slippage__label{font-size:.65rem}}.section-mesh{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.section-mesh__layer{position:absolute;inset:-20%;border-radius:50%;filter:blur(80px);opacity:0;transition:opacity 1.2s ease}.section-mesh__layer.visible{opacity:1}.section--how-to-buy .section-mesh__layer--a{background:radial-gradient(circle,rgba(13,212,200,.12) 0%,transparent 60%);top:-10%;left:-5%;width:55%;height:60%}.section--how-to-buy .section-mesh__layer--b{background:radial-gradient(circle,rgba(240,180,41,.09) 0%,transparent 60%);bottom:-10%;right:-5%;width:50%;height:55%}.section--why-buy .section-mesh__layer--a{background:radial-gradient(circle,rgba(255,107,53,.1) 0%,transparent 60%);top:5%;right:5%;width:45%;height:50%}.section--why-buy .section-mesh__layer--b{background:radial-gradient(circle,rgba(255,16,133,.08) 0%,transparent 60%);bottom:5%;left:10%;width:40%;height:45%}.section--how-it-works .section-mesh__layer--a{background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 60%);top:0%;left:0%;width:50%;height:55%}.section--how-it-works .section-mesh__layer--b{background:radial-gradient(circle,rgba(13,212,200,.09) 0%,transparent 60%);bottom:0%;right:5%;width:45%;height:50%}.section--ecosystem .section-mesh__layer--a{background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 60%);top:5%;left:5%;width:50%;height:55%}.section--ecosystem .section-mesh__layer--b{background:radial-gradient(circle,rgba(13,212,200,.08) 0%,transparent 60%);bottom:0%;right:0%;width:50%;height:50%}.section--tokenomics .section-mesh__layer--a{background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 60%);top:10%;right:10%;width:45%;height:50%}.section--tokenomics .section-mesh__layer--b{background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 60%);bottom:5%;left:5%;width:50%;height:50%}.section--community .section-mesh__layer--a{background:radial-gradient(circle,rgba(255,16,133,.09) 0%,transparent 60%);top:0%;right:0%;width:55%;height:55%}.section--community .section-mesh__layer--b{background:radial-gradient(circle,rgba(240,180,41,.09) 0%,transparent 60%);bottom:5%;left:5%;width:45%;height:50%}[data-parallax]{will-change:transform}.parallax-slow{--pspeed: .04}.parallax-medium{--pspeed: .09}.parallax-fast{--pspeed: .16}.section-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0;opacity:0;transition:opacity 1.4s ease;will-change:transform}.section-orb.visible{opacity:1}.section-orb--teal{background:radial-gradient(circle,#0dd4c82e,#0dd4c800)}.section-orb--orange{background:radial-gradient(circle,#ff6b3529,#ff6b3500)}.section-orb--pink{background:radial-gradient(circle,#ff108526,#ff108500)}.section-orb--gold{background:radial-gradient(circle,#f0b42929,#f0b42900)}.section-orb--purple{background:radial-gradient(circle,#a855f729,#a855f700)}.section-orb--blue{background:radial-gradient(circle,#3b82f626,#3b82f600)}.hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:36px 36px;animation:grid-drift 10s linear infinite;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%)}@keyframes grid-drift{0%{background-position:0 0}to{background-position:36px 36px}}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(255,107,53,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 70%,rgba(13,212,200,.07) 0%,transparent 50%),radial-gradient(ellipse 40% 40% at 50% 10%,rgba(255,16,133,.06) 0%,transparent 50%);pointer-events:none;z-index:0;animation:hero-aurora 8s ease-in-out infinite alternate}@keyframes hero-aurora{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;overflow:visible;padding:8px 16px;z-index:999999;background:var(--brand-orange);color:#fff;font-weight:600;border-radius:6px;text-decoration:none}.dm-revealed{opacity:1!important;transform:none!important;filter:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.will-reveal{opacity:1!important;transform:none!important}.load-hide{opacity:1!important}.coin-3d__inner{animation:none!important}.orbit-badge{animation:none!important;transform:translate(-50%,-50%) translate(185px) rotateX(-62deg)!important}.orbit-track,.orbit-track:after{animation:none!important}.orbit-badge__icon svg{animation:none!important}}[data-dm-quality] .orb{animation:none}.dm-aurora{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.22;mix-blend-mode:screen}.orb,.section-orb,.glass,.why-card,.product-card,.community-card,.tokenomics-card,.step-panel,.flow-node,.btn--primary,.btn--nav,.btn--ghost,.coin-3d__scene,.orbit-badge{transform:translateZ(0)}.btn--primary,.btn--nav,.btn--ghost,.glass,.why-card,.product-card{will-change:transform}#heaven-progress{will-change:width;background:linear-gradient(90deg,var(--brand-orange),var(--brand-pink),var(--brand-teal))!important}[data-dm-quality=low] .orb{filter:blur(60px)}[data-dm-quality=medium] .orb{filter:blur(75px)}.dm-debug-hud{position:fixed;bottom:12px;right:12px;z-index:999999;pointer-events:none;background:#060810eb;color:#0f0;font:11px/1.9 monospace;padding:8px 14px;border-radius:8px;border:1px solid rgba(0,255,0,.35);min-width:140px}.buy-terminal{max-width:420px;width:100%;border-radius:20px;position:relative;padding:0;overflow:hidden;border-color:#ff6b354d;box-shadow:0 8px 48px #ff6b3524,0 0 0 1px #0dd4c814,inset 0 1px #ffffff0f}.buy-terminal:hover{border-color:#ff6b3580;box-shadow:0 12px 60px #ff6b3533,0 0 0 1px #0dd4c826,inset 0 1px #ffffff14}.buy-terminal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff6b35,#ff1085,#a855f7,#0dd4c8,#f0b429,#ff6b35);background-size:200% 100%;animation:terminal-border-flow 3s linear infinite;z-index:2}@keyframes terminal-border-flow{0%{background-position:0% 0}to{background-position:200% 0}}.buy-terminal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 12px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05}.buy-terminal__status{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;color:var(--brand-teal)}.buy-terminal__dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55eb3;animation:pulse-dot 2s ease-in-out infinite}.buy-terminal__network{font-size:.72rem;color:var(--text-3);font-weight:600;letter-spacing:.04em}.swap-ui{padding:14px 16px 16px}.swap-wallet-row{margin-bottom:12px}.swap-connect-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;border-radius:11px;background:linear-gradient(135deg,#ff6b351f,#ff108514);border:1px solid rgba(255,107,53,.3);color:var(--brand-orange);font-size:.83rem;font-weight:700;cursor:pointer;transition:all .2s ease}.swap-connect-btn:hover{background:linear-gradient(135deg,#ff6b3538,#ff108526);border-color:#ff6b358c;transform:translateY(-1px);box-shadow:0 4px 18px #ff6b3547}.swap-connect-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.swap-wallet-info{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border-radius:11px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.swap-network-badge{font-size:.72rem;font-weight:800;color:#22c55e;letter-spacing:.02em}.swap-wallet-addr{flex:1;font-family:var(--font-head);font-size:.8rem;color:var(--text-2)}.swap-field{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:11px 13px;margin-bottom:6px;transition:border-color .2s ease,box-shadow .2s ease}.swap-field:focus-within{border-color:#0dd4c859;box-shadow:0 0 0 3px #0dd4c812}.swap-field--receive{background:#ff6b350a;border-color:#ff6b3526;margin-bottom:6px}.swap-field--heaven{background:#ff6b350a}.swap-field__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.swap-field__label{font-size:.67rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em}.swap-balance{font-size:.69rem;color:var(--text-3);cursor:pointer;text-decoration:underline dotted;text-underline-offset:2px;transition:color .15s ease}.swap-balance:hover{color:var(--brand-teal)}.swap-field__row{display:flex;align-items:center;gap:9px}.swap-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-head);font-size:1.45rem;font-weight:700;color:var(--text-1);width:0;min-width:0}.swap-input::-webkit-inner-spin-button,.swap-input::-webkit-outer-spin-button{-webkit-appearance:none}.swap-input[type=number]{-moz-appearance:textfield}.swap-input::placeholder{color:var(--text-3);opacity:.55}.swap-input--receive{background:linear-gradient(135deg,var(--brand-orange),var(--gold),var(--brand-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem}.swap-token-badge{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:9px;font-size:.8rem;font-weight:700;flex-shrink:0;border:1px solid;letter-spacing:.01em}.swap-token-badge--usdt{background:#0dd4c814;border-color:#0dd4c838;color:var(--brand-teal)}.swap-token-badge--heaven{background:#ff6b3514;border-color:#ff6b3538;color:var(--brand-orange)}.swap-token-icon--usdt{color:var(--brand-teal);font-size:.9rem}.swap-token-icon--heaven{color:var(--brand-orange);font-size:.9rem}.swap-mid{display:flex;align-items:center;gap:10px;padding:6px 2px}.swap-flip-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--brand-teal);cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .35s ease}.swap-flip-btn:hover{background:#0dd4c826;border-color:#0dd4c873;transform:rotate(180deg);box-shadow:0 0 14px #0dd4c859}.swap-flip-btn.flipping{animation:flipSpin .42s cubic-bezier(.4,0,.2,1)}@keyframes flipSpin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.swap-rate{flex:1;font-size:.74rem;color:var(--text-3);font-family:var(--font-head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swap-slippage{display:flex;align-items:center;justify-content:space-between;padding:9px 0 11px}.swap-slippage__label{font-size:.69rem;color:var(--text-3);font-weight:600}.swap-slip-btns{display:flex;gap:5px}.swap-slip-btn{padding:4px 9px;border-radius:6px;font-size:.71rem;font-weight:700;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-3);cursor:pointer;transition:all .18s ease}.swap-slip-btn:hover,.swap-slip-btn.active{background:#0dd4c81c;border-color:#0dd4c859;color:var(--brand-teal)}.swap-status{padding:10px 13px;border-radius:10px;font-size:.79rem;line-height:1.45;margin-bottom:11px;word-break:break-word}.swap-status--loading{background:#0dd4c812;border:1px solid rgba(13,212,200,.2);color:var(--brand-teal)}.swap-status--success{background:#22c55e12;border:1px solid rgba(34,197,94,.22);color:#22c55e}.swap-status--error{background:#ef444412;border:1px solid rgba(239,68,68,.22);color:#f87171}.swap-status--warning{background:#f0b42912;border:1px solid rgba(240,180,41,.25);color:#f0b429}.swap-status a{color:inherit;text-decoration:underline}.swap-exec-btn{width:100%;justify-content:center;padding:13px;font-size:.93rem;font-weight:800;letter-spacing:.02em;border-radius:12px;margin-bottom:11px;box-shadow:0 4px 22px #ff6b3561;transition:box-shadow .25s ease,transform .25s ease,opacity .2s ease}.swap-exec-btn:not(:disabled):hover{box-shadow:0 6px 34px #ff6b359e;transform:translateY(-2px)}.swap-exec-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.swap-dex-link{display:block;text-align:center;font-size:.74rem;color:var(--text-3);text-decoration:none;transition:color .2s ease}.swap-dex-link:hover{color:var(--brand-teal)}.swap-mobile-tip{font-size:.72rem;color:var(--text-3);text-align:center;margin-top:6px;line-height:1.5;padding:0 4px}.swap-mobile-tip a{color:var(--brand-orange);text-decoration:underline}.swap-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,107,53,.3);border-top-color:var(--brand-orange);border-radius:50%;animation:swapSpin .65s linear infinite;vertical-align:middle}@keyframes swapSpin{to{transform:rotate(360deg)}}.buy-terminal__footer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 20px 14px;border-top:1px solid rgba(255,255,255,.05);font-size:.68rem;color:var(--text-3);text-align:center}.buy-terminal__growth-note{color:#10b981cc;font-weight:600}.buy-sticky{position:fixed;bottom:28px;right:24px;z-index:180;opacity:0;transform:translateY(20px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.buy-sticky.visible{opacity:1;transform:translateY(0);pointer-events:auto}.buy-sticky__btn{padding:12px 24px;box-shadow:0 8px 32px #ff6b3580,0 0 0 1px #ff6b3533;font-weight:700;letter-spacing:.02em}.buy-sticky__btn:hover{box-shadow:0 12px 44px #ff6b35a6,0 0 0 2px #ff6b3559;transform:translateY(-3px) scale(1.02)}@media (max-width: 480px){.buy-sticky{bottom:16px;right:12px;left:12px}.buy-sticky__btn{width:100%;justify-content:center}}.journey-nav{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:100;display:flex;align-items:center;gap:12px;opacity:0;transition:opacity .4s ease;pointer-events:none}.journey-nav.visible,body:not(.loading) .journey-nav{opacity:1}.journey-nav__track{width:2px;height:140px;background:#ffffff1a;border-radius:2px;position:relative;overflow:hidden}.journey-nav__fill{position:absolute;top:0;left:0;right:0;height:0%;background:linear-gradient(180deg,var(--brand-orange),var(--brand-teal));border-radius:2px;transition:height .5s var(--ease-out)}.journey-nav__steps{display:flex;flex-direction:column;gap:16px}.journey-step{display:flex;align-items:center;gap:10px;text-decoration:none;pointer-events:auto;cursor:pointer}.journey-step__dot{width:8px;height:8px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.2);flex-shrink:0;transition:all .25s ease}.journey-step.active .journey-step__dot{background:var(--brand-orange);border-color:var(--brand-orange);box-shadow:0 0 10px #ff6b3599;transform:scale(1.3)}.journey-step__label{font-size:.68rem;font-weight:600;color:var(--text-3);opacity:0;transform:translate(-8px);transition:opacity .2s ease,transform .2s ease,color .2s ease;white-space:nowrap;pointer-events:none;letter-spacing:.04em;text-transform:uppercase}.journey-step:hover .journey-step__label,.journey-step.active .journey-step__label{opacity:1;transform:translate(0);color:var(--text-2)}.journey-step.active .journey-step__label{color:var(--brand-orange);font-weight:700}@media (max-width: 1100px){.journey-nav{display:none}}@media (prefers-color-scheme: light){:root{--bg: #F5F7FF;--bg-alt: #FFFFFF;--card-bg: rgba(0,0,0,.04);--card-bg-hover: rgba(0,0,0,.07);--border: rgba(0,0,0,.09);--border-hover: rgba(255,107,53,.35);--text-1: #0F172A;--text-2: #475569;--text-3: #94A3B8}body{background:var(--bg)}body:before{opacity:.35}.nav.scrolled{background:#f5f7ffed;border-bottom-color:#ff6b3533}.glass{background:#ffffffb3;border-color:#00000017;box-shadow:0 4px 24px #00000012}.glass:hover{background:#ffffffe0;border-color:#0dd4c866}.footer{background:#0f172a}}.product-ticker{position:relative;overflow:hidden;background:#ffffff08;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:14px 0;z-index:1}.product-ticker__track{display:inline-flex;gap:0;white-space:nowrap;animation:ticker-scroll 32s linear infinite;will-change:transform}.product-ticker__track:hover{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.product-ticker__item{display:inline-flex;align-items:center;gap:8px;padding:0 36px;font-family:var(--font-head);font-size:.85rem;font-weight:600;color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.06);transition:color .2s ease}.product-ticker__item:hover{color:var(--brand-teal)}.product-ticker__item-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-orange);flex-shrink:0}.live-proof{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 24px;background:#0dd4c80d;border-top:1px solid rgba(13,212,200,.18);border-bottom:1px solid rgba(13,212,200,.18);font-size:.83rem;color:var(--text-2);justify-content:center}.live-proof__dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55ecc;animation:proof-blink 2s ease-in-out infinite;flex-shrink:0}@keyframes proof-blink{0%,to{opacity:1;box-shadow:0 0 8px #22c55ecc}50%{opacity:.5;box-shadow:0 0 3px #22c55e4d}}.live-proof__label{color:var(--text-1);font-weight:600}.live-proof__address{font-family:monospace;font-size:.8rem;color:var(--brand-teal);text-decoration:none;letter-spacing:.02em}.live-proof__address:hover{text-decoration:underline}.live-proof__sep{color:var(--text-3)}.live-proof__supply{color:var(--text-2)}.live-proof__supply strong{color:var(--brand-orange)}.live-proof__verify{margin-left:auto;padding:7px 16px;font-size:.8rem;border:1px solid rgba(13,212,200,.35);border-radius:50px;color:var(--brand-teal);text-decoration:none;transition:background .2s ease,border-color .2s ease;cursor:pointer}.live-proof__verify:hover{background:#0dd4c81a;border-color:var(--brand-teal)}@media (max-width: 768px){.live-proof{gap:10px}.live-proof__verify{margin-left:0}}.orbit-badge{transition:opacity .08s linear}@keyframes pulse-update{0%{transform:scale(1);color:var(--brand-teal)}40%{transform:scale(1.12);color:var(--brand-teal);filter:brightness(1.4)}to{transform:scale(1);color:inherit;filter:none}}.pulse-update{animation:pulse-update .4s var(--ease-spring, cubic-bezier(.34,1.56,.64,1))}@keyframes priceFlash{0%,to{color:inherit}30%{color:var(--brand-teal);filter:brightness(1.5)}}.price-flash{animation:priceFlash .6s ease}.section-highlight{outline:2px solid var(--active-accent, #FF6B35);outline-offset:4px;border-radius:var(--radius);transition:outline-color .4s ease}#journeyNav.keyboard-focus{opacity:1!important;transform:translate(0)!important}.why-card__stat{display:inline-flex;align-items:baseline;gap:5px;margin-top:12px;font-family:var(--font-head);font-size:1.9rem;font-weight:900;color:var(--brand-orange);line-height:1}.why-card__stat span{font-size:.7rem;font-weight:600;color:var(--text-2);letter-spacing:.04em;text-transform:uppercase}.step-panel__note{margin-top:12px;font-size:.82rem;color:var(--text-2)}.step-panel__note a{color:var(--brand-teal);text-decoration:underline}#termLargeNote{font-size:.75rem;color:var(--gold);margin-top:6px;padding:6px 10px;background:#f0b42914;border:1px solid rgba(240,180,41,.2);border-radius:8px}#termFee{display:block;font-size:.7rem;color:var(--text-3);margin-top:4px;letter-spacing:.02em}body.section-active-how-to-buy{--active-accent: #0DD4C8}body.section-active-why-buy{--active-accent: #A855F7}body.section-active-how-it-works{--active-accent: #F0B429}body.section-active-ecosystem{--active-accent: #FF1085}body.section-active-tokenomics{--active-accent: #6366F1}body.section-active-community{--active-accent: #10B981}.stat__value,.swap-input,.tokenomics-card__value{font-variant-numeric:tabular-nums}@media (hover: none){.orbit-badge:hover .orbit-badge__icon{transform:none}.orbit-badge{opacity:1!important}.glass:hover{transform:none}}.hs-section{position:relative;padding:100px 0 120px;overflow:hidden;isolation:isolate}.hs-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 55% 60% at 15% 20%,rgba(255,107,53,.07) 0%,transparent 55%),radial-gradient(ellipse 50% 55% at 85% 75%,rgba(13,212,200,.07) 0%,transparent 55%),radial-gradient(ellipse 40% 45% at 50% 50%,rgba(168,85,247,.05) 0%,transparent 55%);pointer-events:none;z-index:0;animation:hs-mesh-breathe 14s ease-in-out infinite alternate}@keyframes hs-mesh-breathe{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}.hs-section:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 90% 80% at 50% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 50%,black 20%,transparent 100%)}.hs-header{position:relative;z-index:1;text-align:center;margin-bottom:48px}.hs-header__logo-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px}.hs-header__icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#0dd4c8);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #ff6b3540,0 8px 28px #ff6b354d;flex-shrink:0}.hs-header__icon svg{width:24px;height:24px;color:#fff}.hs-header__wordmark{font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(130deg,#ff6b35,#f0b429 45%,#0dd4c8);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:hs-gradient-shift 7s ease-in-out infinite}@keyframes hs-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hs-header__sub{font-family:Inter,system-ui,sans-serif;font-size:.9rem;color:#9ca3af;max-width:480px;margin:0 auto;line-height:1.6}.hs-stats-bar{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:14px 28px;margin:0 auto 56px;max-width:860px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hs-stats-bar__item{display:flex;flex-direction:column;align-items:center;padding:6px 24px;min-width:140px}.hs-stats-bar__divider{width:1px;height:40px;background:#ffffff14;flex-shrink:0}.hs-stats-bar__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-family:Inter,system-ui,sans-serif;margin-bottom:3px}.hs-stats-bar__value{font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:1.05rem;font-weight:700;color:#f4f5f7;font-variant-numeric:tabular-nums}.hs-stats-bar__value--positive{color:#0dd4c8}.hs-stats-bar__value--negative{color:#ef4444}.hs-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#0dd4c8;margin-right:6px;box-shadow:0 0 #0dd4c880;animation:hs-pulse 2s ease-in-out infinite;vertical-align:middle}@keyframes hs-pulse{0%{box-shadow:0 0 #0dd4c88c}70%{box-shadow:0 0 0 7px #0dd4c800}to{box-shadow:0 0 #0dd4c800}}.hs-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.hs-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.075);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:20px;overflow:hidden;position:relative;transition:border-color .28s ease,box-shadow .28s ease}.hs-card:hover{border-color:#0dd4c838;box-shadow:0 12px 48px #0dd4c814,0 0 0 1px #ff6b350f}.hs-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.055) 0%,transparent 50%,rgba(255,255,255,.015) 100%);pointer-events:none;z-index:0}.hs-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:1}.hs-tab{flex:1;padding:16px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:color .22s ease,border-color .22s ease;margin-bottom:-1px}.hs-tab:hover{color:#f4f5f7}.hs-tab.hs-tab--active{color:#0dd4c8;border-bottom-color:#0dd4c8}.hs-tab-panel{display:none;padding:24px;position:relative;z-index:1}.hs-tab-panel.hs-tab-panel--active{display:block}.hs-wallet-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;min-height:32px}.hs-connect-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;background:linear-gradient(135deg,#ff6b3526,#0dd4c81a);border:1px solid rgba(255,107,53,.3);border-radius:50px;color:#ff6b35;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .22s ease}.hs-connect-btn:hover{background:linear-gradient(135deg,#ff6b3540,#0dd4c82e);border-color:#ff6b358c;transform:translateY(-1px)}.hs-connect-btn svg{width:13px;height:13px;flex-shrink:0}.hs-wallet-info{display:flex;align-items:center;gap:8px}.hs-wallet-addr{font-family:Space Grotesk,monospace;font-size:.78rem;color:#9ca3af;background:#ffffff0d;padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.hs-network-badge{font-size:.72rem;font-weight:700;color:#0dd4c8;background:#0dd4c81a;border:1px solid rgba(13,212,200,.25);border-radius:20px;padding:3px 9px}.hs-settings-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.hs-settings-row__label{font-size:.75rem;color:#6b7280;font-family:Inter,system-ui,sans-serif}.hs-slippage-group{display:flex;align-items:center;gap:5px}.hs-slippage-btn{padding:4px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;color:#9ca3af;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .18s ease}.hs-slippage-btn:hover,.hs-slippage-btn.hs-slippage-btn--active{background:#0dd4c81f;border-color:#0dd4c859;color:var(--brand-teal)}.hs-slippage-custom{width:54px;padding:4px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;color:#f4f5f7;font-family:Space Grotesk,monospace;font-size:.72rem;text-align:center;outline:none;transition:border-color .18s ease}.hs-slippage-custom:focus{border-color:#0dd4c873}.hs-field{background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;transition:border-color .22s ease,box-shadow .22s ease;margin-bottom:8px}.hs-field:focus-within{border-color:#0dd4c859;box-shadow:0 0 0 3px #0dd4c80f}.hs-field__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.hs-field__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:#6b7280;font-family:Inter,system-ui,sans-serif}.hs-field__balance{font-size:.72rem;color:#6b7280;font-family:Inter,system-ui,sans-serif}.hs-field__balance strong{color:#9ca3af;cursor:pointer;text-decoration:underline dotted}.hs-field__balance strong:hover{color:var(--brand-teal)}.hs-field__row{display:flex;align-items:center;gap:10px}.hs-amount-input{flex:1;background:transparent;border:none;outline:none;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:1.65rem;font-weight:700;color:#f4f5f7;font-variant-numeric:tabular-nums;min-width:0}.hs-amount-input::placeholder{color:#374151}.hs-token-badge{display:flex;align-items:center;gap:7px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:7px 12px;white-space:nowrap;cursor:default;flex-shrink:0}.hs-token-badge--heaven{border-color:#ff6b3540;background:#ff6b3514}.hs-token-badge--usdt{border-color:#0dd4c840;background:#0dd4c814}.hs-token-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0}.hs-token-icon--heaven{background:linear-gradient(135deg,#ff6b35,#ff1085);color:#fff;font-size:.55rem;letter-spacing:.01em}.hs-token-icon--usdt{background:linear-gradient(135deg,#0dd4c8,#14b8a6);color:#fff}.hs-token-symbol{font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:.875rem;font-weight:700;color:#f4f5f7}.hs-mid{display:flex;align-items:center;gap:12px;margin:4px 0}.hs-flip-btn{width:38px;height:38px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#9ca3af;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .22s ease}.hs-flip-btn:hover{background:#0dd4c81f;border-color:#0dd4c859;color:var(--brand-teal);transform:rotate(180deg)}.hs-flip-btn svg{width:15px;height:15px}.hs-rate-display{font-family:Space Grotesk,monospace;font-size:.78rem;color:#6b7280;flex:1}.hs-meta{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px;margin:14px 0;display:flex;flex-direction:column;gap:7px}.hs-meta__row{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;font-family:Inter,system-ui,sans-serif}.hs-meta__row-label{color:#6b7280}.hs-meta__row-value{color:#9ca3af;font-weight:500;font-variant-numeric:tabular-nums}.hs-meta__row-value--green{color:#10b981}.hs-meta__row-value--warn{color:#f0b429}.hs-meta__row-value--danger{color:#ef4444}.hs-swap-btn{width:100%;padding:15px 24px;background:linear-gradient(135deg,#ff6b35,#ff1085);border:none;border-radius:14px;color:#fff;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden;box-shadow:0 4px 20px #ff6b354d}.hs-swap-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 60%);pointer-events:none}.hs-swap-btn:hover:not(:disabled){box-shadow:0 6px 32px #ff6b3580;transform:translateY(-2px);background:linear-gradient(135deg,#ff8555,#ff35a5)}.hs-swap-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.hs-swap-btn--loading:after{content:"";position:absolute;top:50%;right:16px;width:16px;height:16px;margin-top:-8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:hs-spin .6s linear infinite}@keyframes hs-spin{to{transform:rotate(360deg)}}.hs-approve-row{display:flex;gap:8px;margin-bottom:10px}.hs-approve-btn{flex:1;padding:11px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f4f5f7;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:.825rem;font-weight:600;cursor:pointer;transition:all .22s ease}.hs-approve-btn:hover{background:#a855f71f;border-color:#a855f759;color:#a855f7}.hs-approve-btn--done{background:#10b98114;border-color:#10b98140;color:#10b981;cursor:default}.hs-status{margin-top:12px;padding:10px 14px;border-radius:10px;font-size:.78rem;font-family:Inter,system-ui,sans-serif;text-align:center;display:none}.hs-status.hs-status--visible{display:block}.hs-status--info{background:#3b82f61a;border:1px solid rgba(59,130,246,.25);color:#60a5fa}.hs-status--success{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#10b981}.hs-status--error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444}.hs-status--warn{background:#f0b4291a;border:1px solid rgba(240,180,41,.25);color:#f0b429}.hs-pool-tab-content{display:flex;flex-direction:column;gap:14px}.hs-pool-tab-stat{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:10px}.hs-pool-tab-stat__label{font-size:.78rem;color:#6b7280;font-family:Inter,system-ui,sans-serif}.hs-pool-tab-stat__value{font-family:Space Grotesk,monospace;font-size:.9rem;font-weight:700;color:#f4f5f7;font-variant-numeric:tabular-nums}.hs-pool-panel{display:flex;flex-direction:column;gap:0}.hs-panel-header{padding:20px 22px 16px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.hs-panel-header__title{font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#6b7280}.hs-panel-header__badge{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#0dd4c8;font-weight:600}.hs-panel-body{padding:22px;position:relative;z-index:1;display:flex;flex-direction:column;gap:18px}.hs-pool-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hs-pool-stat-box{background:#00000040;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 16px;transition:border-color .22s ease}.hs-pool-stat-box:hover{border-color:#0dd4c833}.hs-pool-stat-box__label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:6px;font-family:Inter,system-ui,sans-serif}.hs-pool-stat-box__value{font-family:Space Grotesk,monospace;font-size:1.1rem;font-weight:800;color:#f4f5f7;font-variant-numeric:tabular-nums;line-height:1.2}.hs-pool-stat-box__sub{font-size:.68rem;color:#6b7280;margin-top:3px}.hs-reserve-block{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px}.hs-reserve-block__title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:14px;font-family:Inter,system-ui,sans-serif}.hs-reserve-item{margin-bottom:12px}.hs-reserve-item:last-child{margin-bottom:0}.hs-reserve-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.hs-reserve-item__token{display:flex;align-items:center;gap:6px;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:.8rem;font-weight:700;color:#9ca3af}.hs-reserve-item__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.hs-reserve-item__dot--heaven{background:#ff6b35}.hs-reserve-item__dot--usdt{background:#0dd4c8}.hs-reserve-item__amount{font-family:Space Grotesk,monospace;font-size:.8rem;font-weight:700;color:#f4f5f7;font-variant-numeric:tabular-nums}.hs-reserve-bar{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.hs-reserve-bar__fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.22,1,.36,1)}.hs-reserve-bar__fill--heaven{background:linear-gradient(90deg,#ff6b35,#ff1085)}.hs-reserve-bar__fill--usdt{background:linear-gradient(90deg,#0dd4c8,#14b8a6)}.hs-price-chart{background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px}.hs-price-chart__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.hs-price-chart__title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-family:Inter,system-ui,sans-serif}.hs-price-chart__price{font-family:Space Grotesk,monospace;font-size:.95rem;font-weight:800;color:#0dd4c8;font-variant-numeric:tabular-nums}.hs-sparkline{width:100%;height:56px;display:block;overflow:visible}.hs-sparkline-path{fill:none;stroke:#0dd4c8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(13,212,200,.5))}.hs-sparkline-area{fill:url(#hs-sparkline-grad);opacity:.35}.hs-ascii-chart{display:flex;align-items:flex-end;gap:3px;height:48px;padding-bottom:4px}.hs-ascii-bar{flex:1;background:linear-gradient(180deg,#0dd4c8,#0dd4c833);border-radius:2px 2px 0 0;min-height:3px;transition:height .5s cubic-bezier(.22,1,.36,1),background .3s}.hs-ascii-bar:nth-child(odd){background:linear-gradient(180deg,#ff6b35,#ff6b3533)}.hs-chart-axis{height:1px;background:#ffffff14;margin-top:4px;border-radius:1px}.hs-rate-chip{display:flex;align-items:center;justify-content:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 18px}.hs-rate-chip__pair{display:flex;align-items:center;gap:8px;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:.85rem;font-weight:700;color:#9ca3af}.hs-rate-chip__arrow{color:#a855f7}.hs-rate-chip__value{font-family:Space Grotesk,monospace;font-size:1rem;font-weight:800;color:#f4f5f7;font-variant-numeric:tabular-nums}.hs-rate-chip__usd{font-size:.72rem;color:#6b7280;margin-top:2px}@media (max-width: 900px){.hs-layout{grid-template-columns:1fr}.hs-stats-bar{gap:4px;padding:12px 16px}.hs-stats-bar__item{padding:6px 14px;min-width:110px}}@media (max-width: 600px){.hs-section{padding:60px 0 80px}.hs-stats-bar{flex-wrap:wrap;padding:12px;gap:0}.hs-stats-bar__item{min-width:calc(50% - 1px);padding:8px 12px}.hs-stats-bar__divider{display:none}.hs-pool-stats-grid{grid-template-columns:1fr}.hs-tab-panel,.hs-panel-body{padding:16px}}@media (max-width: 640px){.hs-stats-bar{flex-wrap:wrap;gap:8px 16px}.hs-stats-bar__item{flex:0 0 calc(50% - 8px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 375px){.nav__logo span:not(.nav__logo-icon){font-size:.8rem}.hero__title{font-size:clamp(2rem,9vw,2.8rem)}.hero__actions{gap:10px}.btn--lg{padding:12px 18px;font-size:.85rem}.coin-orbit{width:270px;height:270px;perspective:500px}.coin-3d{width:120px;height:120px}.orbit-plane{transform:rotateX(62deg) scale(.68)}.swap-ui{padding:8px 10px 10px}.swap-input{font-size:1.05rem}.swap-token-badge{padding:4px 7px;font-size:.72rem;gap:4px}.swap-exec-btn{padding:11px;font-size:.82rem}.hc-section{padding:8px 0}.hc-ob-panel{min-width:0;width:100%}.products-bento{gap:10px}.product-card{padding:16px}.section{padding:64px 0}.section__header{margin-bottom:40px}.container{padding:0 16px}.tokenomics-grid{gap:12px}.footer__links-col{flex-direction:column;gap:8px}}


/* ── Mobile Performance & Scroll Fixes ── */

/* touch-action: manipulation removes 300ms tap delay on all interactive elements */
.btn,.nav__hamburger,.nav__link,.buy-sticky__btn,.swap-exec-btn,.hc-trade-btn,.hs-exec-btn,.swap-slip-btn,.hc-ob-ctrl-btn,.hc-ob-preset-btn,.hc-top-btn,.hc-zoom,.hc-tf,.step-dot,.orbit-badge{touch-action:manipulation}

/* pan-y lets browser own vertical scroll while JS gets horizontal */
.hc-ob-asks,.hc-ob-bids,.nav__links,.swap-ui,.hs-panel-body{touch-action:pan-y}

/* Scroll-snap footer stars canvas doesn't need click events */
.dm-canvas{pointer-events:none!important}

/* Hide expensive WebGL order-book canvases on mobile — saves 4 GPU contexts */
@media (max-width:768px){
  .hc-ob-caustic,.hc-ob-boids-canvas,.hc-ob-aurora,.hc-ob-particles{display:none!important}
  .hc-ob-field-canvas-wrap{display:none!important}
}

/* Cap node-graph canvas height on portrait mobile */
@media (max-width:768px){
  .node-graph-canvas,.node-graph-wrap{max-height:320px;width:100%}
}

/* Mobile wallet tip — give it a prominent card style */
.swap-mobile-tip{
  display:block;
  background:rgba(255,107,53,.12);
  border:1px solid rgba(255,107,53,.35);
  border-radius:12px;
  padding:12px 16px;
  font-size:.85rem;
  color:var(--text-1);
  line-height:1.5;
  margin-top:12px;
  text-align:center;
}
.swap-mobile-tip a{color:var(--brand-orange);font-weight:600;text-decoration:underline}

/* Prevent nav backdrop-filter repaint thrash on open: promote to own layer */
.nav__links{will-change:transform}
.nav__links:not(.open){will-change:auto}

/* body::before gradient mesh — promote to compositor layer to avoid repaint */
body:before{will-change:transform}

/* ── Final Mobile Polish ── */

/* Remove expensive backdrop-filter on orbit badges at small mobile sizes */
@media (max-width:600px){
  .orbit-badge{backdrop-filter:none;-webkit-backdrop-filter:none;background:#090c1af5}
}

/* Step track: horizontal wrap on mobile (steps-sticky-layout becomes block at 768px) */
@media (max-width:768px){
  .steps-left-sticky{position:static;margin-bottom:32px}
  .step-track{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 12px;padding-left:0;padding-top:0}
  .step-track-line{display:none}
  .step-dot{flex-direction:row;align-items:center;gap:6px;margin-bottom:0;padding:6px 10px;background:var(--card-bg);border-radius:50px;border:1px solid var(--border)}
  .step-dot:before{display:none}
  .step-dot.active{background:rgba(255,107,53,.12);border-color:rgba(255,107,53,.35)}
  .step-dot__num{font-size:.85rem}
  .step-dot__label{font-size:.72rem;white-space:nowrap}
}

/* Reduce section vertical padding on small phones */
@media (max-width:480px){
  .section{padding:56px 0}
  .section--cta{padding:72px 0}
  .hero{padding:calc(var(--nav-h) + 40px) 0 64px}
  .hs-section{padding:60px 0 80px}
}

/* Orbit animation: slow down coin spin slightly on mobile to reduce GPU pressure */
@media (max-width:768px){
  .coin-3d__inner{animation-duration:14s}
}

/* Reduce glass shimmer complexity on mobile */
@media (max-width:768px){
  .glass:before{display:none}
}

/* Ensure no section leaks horizontally (safety net) */
.section,.hc-section,.hs-section,.hero,.section--cta{max-width:100vw}

/* Tap highlight removal for interactive elements */
button,a,[role=button],.btn,.nav__link,.step-dot,.orbit-badge{-webkit-tap-highlight-color:transparent}

/* Input zoom prevention: font-size >= 16px on all form inputs prevents iOS zoom */
input[type=text],input[type=number],input[type=email],textarea,select,.swap-input,.hc-trade-input,.hs-input{font-size:max(16px,1rem)!important}

/* ── Content-Visibility: skip rendering off-screen sections ── */
/* Gives browsers 40-70% faster initial render on mobile */
/* Not applied to: .hero (always above fold), .section--how-to-buy (sticky), .hc-section (sticky toolbar) */
@media (max-width: 900px) {
  .section--why-buy,
  .section--how-it-works,
  .section--ecosystem,
  .section--tokenomics,
  .section--community,
  .section--cta,
  .hs-section,
  .footer {
    content-visibility: auto;
    contain-intrinsic-size: auto 700px;
  }
}

/* Render containment on all sections: changes inside don't affect outside layout */
.section,.hc-section,.hs-section,.footer{contain:layout style}
/* Hero needs paint containment too (has overflow:hidden already) */
.hero{contain:layout style}


/* ── Tokenomics Rings (moved from inline) ── */

    .tokenomics-rings { display:flex; flex-direction:column; align-items:center; gap:20px; }
    .rings-svg { width:200px; height:200px; overflow:visible; }
    .ring { fill:none; stroke-width:14; stroke-linecap:round; transform-origin:50% 50%; transform:rotate(-90deg); }
    .ring--a { stroke:#6366F1; }
    .ring--b { stroke:#FF6B35; }
    .ring--c { stroke:#0DD4C8; }
    .ring-label-pct { font:bold 28px 'Space Grotesk',sans-serif; fill:#6366F1; }
    .ring-label-sub { font:12px 'Inter',sans-serif; fill:#0DD4C8; }
    .rings-legend { display:flex; flex-direction:column; gap:8px; }
    .rings-legend__item { display:flex; align-items:center; gap:8px; font-size:.82rem; color:#9CA3AF; }
    .rings-legend__dot { width:10px; height:10px; border-radius:50%; flex-shrink:0; }
  

/* ── Heaven Chart Section Styles (moved from inline) ── */

    /* ── Section shell ── */
    /* Thin gradient separator between Swap and Chart sections */
    .hc-divider {
      height: 1px;
      background: linear-gradient(90deg, transparent 0%, rgba(168,85,247,.25) 30%, rgba(13,212,200,.2) 70%, transparent 100%);
      margin: 0;
    }

    .hc-section {
      padding: 90px 0 80px;
      position: relative;
      background: #0A0B0F;
      overflow: hidden;
    }
    .hc-section::before {
      content: '';
      position: absolute; inset: 0; pointer-events: none;
      background:
        radial-gradient(ellipse 70% 50% at 10% 30%, rgba(168,85,247,.08) 0%, transparent 60%),
        radial-gradient(ellipse 60% 60% at 90% 70%, rgba(13,212,200,.06) 0%, transparent 60%),
        radial-gradient(ellipse 40% 40% at 50% 100%, rgba(255,107,53,.045) 0%, transparent 50%),
        radial-gradient(ellipse 50% 40% at 70% 15%, rgba(99,102,241,.04) 0%, transparent 55%);
    }

    /* ── Section heading ── */
    .hc-section-label {
      text-align: center; margin-bottom: 48px;
    }
    .hc-section-label__eyebrow {
      display: inline-flex; align-items: center; gap: 8px;
      font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
      color: #A855F7; background: rgba(168,85,247,.1); border: 1px solid rgba(168,85,247,.25);
      border-radius: 20px; padding: 4px 14px; margin-bottom: 14px;
      animation: eyebrowPulse 3s ease-in-out infinite;
    }
    @keyframes eyebrowPulse {
      0%,100% { box-shadow: 0 0 0 0 rgba(168,85,247,0); }
      50%     { box-shadow: 0 0 14px -2px rgba(168,85,247,.38); }
    }
    .hc-section-label__title {
      font-size: clamp(1.6rem, 4vw, 2.4rem); font-weight: 800; color: #F4F5F7;
      background: linear-gradient(135deg, #FAFAFB 0%, #E2C7FF 35%, #C084FC 65%, #FF8C5A 100%);
      -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
      margin-bottom: 10px;
    }
    .hc-section-label__sub { font-size: .9rem; color: #6B7280; max-width: 460px; margin: 0 auto; }

    /* ── Top action buttons ── */
    .hc-top-actions {
      display: flex;
      gap: 16px;
      justify-content: center;
      flex-wrap: wrap;
      margin: 28px 0 0;
    }
    .hc-top-btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 16px 36px;
      font-size: 1.05rem;
      font-weight: 700;
      letter-spacing: .04em;
      border-radius: 14px;
      border: none;
      cursor: pointer;
      transition: transform .15s, box-shadow .15s, filter .15s;
      white-space: nowrap;
    }
    .hc-top-btn:hover  { transform: translateY(-2px); filter: brightness(1.12); }
    .hc-top-btn:active { transform: translateY(0);    filter: brightness(.95); }
    .hc-top-btn--fs {
      background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
      color: #fff;
      box-shadow: 0 4px 24px rgba(168,85,247,.45);
    }
    .hc-top-btn--share {
      background: linear-gradient(135deg, #0dd4c8 0%, #0891b2 100%);
      color: #fff;
      box-shadow: 0 4px 24px rgba(13,212,200,.35);
    }
    .hc-top-btn__icon { font-size: 1.25rem; line-height: 1; }

    /* ── Card wrapper ── */
    .hc-card {
      position: relative;
      background: rgba(255,255,255,.025);
      border: 1px solid rgba(168,85,247,.18);
      border-radius: 20px; overflow: hidden;
      box-shadow:
        0 32px 100px rgba(0,0,0,.65),
        0 0 0 1px rgba(168,85,247,.08),
        0 0 60px -12px rgba(168,85,247,.18),
        inset 0 1px 0 rgba(255,255,255,.07),
        inset 0 0 48px rgba(168,85,247,.04);
      transition: box-shadow .3s ease;
    }
    .hc-card:hover {
      box-shadow:
        0 32px 100px rgba(0,0,0,.7),
        0 0 0 1px rgba(168,85,247,.15),
        0 0 80px -8px rgba(168,85,247,.28),
        inset 0 1px 0 rgba(255,255,255,.09),
        inset 0 0 60px rgba(168,85,247,.07);
    }
    /* Card shimmer — translateX sweep clipped by overflow:hidden on .hc-card */
    .hc-card::before {
      content: '';
      position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
      pointer-events: none; z-index: 1;
      background: linear-gradient(105deg,
        transparent 40%, rgba(168,85,247,.065) 50%, transparent 60%);
      animation: cardShimmer 7s linear infinite;
      will-change: transform;
    }
    @keyframes cardShimmer {
      0%   { transform: translateX(0); }
      100% { transform: translateX(200%); }
    }

    /* ── Nebula orbs ── */
    .hc-orb {
      position: absolute; border-radius: 50%; pointer-events: none;
      filter: blur(90px); z-index: 0; will-change: transform;
    }
    .hc-orb--1 {
      width: 550px; height: 380px;
      background: rgba(168,85,247,.08);
      top: -80px; left: -180px;
      animation: orbDrift1 24s ease-in-out infinite alternate;
    }
    .hc-orb--2 {
      width: 480px; height: 420px;
      background: rgba(13,212,200,.055);
      bottom: -100px; right: -150px;
      animation: orbDrift2 28s ease-in-out infinite alternate;
    }
    .hc-orb--3 {
      width: 400px; height: 350px;
      background: rgba(255,107,53,.045);
      top: 40%; left: 40%;
      animation: orbDrift3 20s ease-in-out infinite alternate;
    }
    .hc-orb--4 {
      width: 340px; height: 290px;
      background: rgba(245,158,11,.038);
      top: 55%; right: 12%;
      animation: orbDrift4 33s ease-in-out infinite alternate;
    }
    @keyframes orbDrift1 { 0% { transform: translate(0,0); } 100% { transform: translate(100px,55px); } }
    @keyframes orbDrift2 { 0% { transform: translate(0,0); } 100% { transform: translate(-80px,-45px); } }
    @keyframes orbDrift3 { 0% { transform: translate(0,0) scale(1); } 100% { transform: translate(60px,-40px) scale(1.15); } }
    @keyframes orbDrift4 { 0% { transform: translate(0,0) scale(1); } 100% { transform: translate(-55px,32px) scale(1.12); } }

    /* ── Live price flash — drop-shadow glow works even on gradient text ── */
    @keyframes hcPriceFlashUp {
      0%   { filter: drop-shadow(0 0 22px rgba(16,185,129,1))   drop-shadow(0 0 10px rgba(16,185,129,.8)); }
      45%  { filter: drop-shadow(0 0 12px rgba(16,185,129,.55)) drop-shadow(0 0 5px rgba(16,185,129,.4)); }
      100% { filter: drop-shadow(0 0 10px rgba(168,85,247,.45)) drop-shadow(0 0 3px rgba(192,132,252,.3)); }
    }
    @keyframes hcPriceFlashDn {
      0%   { filter: drop-shadow(0 0 22px rgba(239,68,68,1))    drop-shadow(0 0 10px rgba(239,68,68,.8)); }
      45%  { filter: drop-shadow(0 0 12px rgba(239,68,68,.55))  drop-shadow(0 0 5px rgba(239,68,68,.4)); }
      100% { filter: drop-shadow(0 0 10px rgba(168,85,247,.45)) drop-shadow(0 0 3px rgba(192,132,252,.3)); }
    }
    @keyframes hcPriceFlashBigUp {
      0%   { filter: drop-shadow(0 0 34px rgba(16,185,129,1))   drop-shadow(0 0 16px rgba(52,211,153,.9)); }
      8%   { filter: drop-shadow(0 0 52px rgba(16,185,129,1))   drop-shadow(0 0 28px rgba(52,211,153,1))  drop-shadow(0 0 8px rgba(200,255,220,.65)); }
      35%  { filter: drop-shadow(0 0 20px rgba(16,185,129,.75)) drop-shadow(0 0 8px rgba(16,185,129,.5)); }
      100% { filter: drop-shadow(0 0 10px rgba(168,85,247,.45)) drop-shadow(0 0 3px rgba(192,132,252,.3)); }
    }
    @keyframes hcPriceFlashBigDn {
      0%   { filter: drop-shadow(0 0 34px rgba(239,68,68,1))    drop-shadow(0 0 16px rgba(248,113,113,.9)); }
      8%   { filter: drop-shadow(0 0 52px rgba(239,68,68,1))    drop-shadow(0 0 28px rgba(248,113,113,1)) drop-shadow(0 0 8px rgba(255,200,200,.65)); }
      35%  { filter: drop-shadow(0 0 20px rgba(239,68,68,.75))  drop-shadow(0 0 8px rgba(239,68,68,.5)); }
      100% { filter: drop-shadow(0 0 10px rgba(168,85,247,.45)) drop-shadow(0 0 3px rgba(192,132,252,.3)); }
    }
    .hc-price-flash-up  { animation: hcPriceFlashUp    .60s ease-out forwards; }
    .hc-price-flash-dn  { animation: hcPriceFlashDn    .60s ease-out forwards; }
    .hc-price-flash-big-up { animation: hcPriceFlashBigUp .95s ease-out forwards; }
    .hc-price-flash-big-dn { animation: hcPriceFlashBigDn .95s ease-out forwards; }

    /* ── Card header ── */
    .hc-card-head {
      display: flex; align-items: flex-start; flex-wrap: wrap;
      gap: 16px; padding: 20px 24px 16px;
      border-bottom: 1px solid rgba(168,85,247,.12);
      background: linear-gradient(180deg, rgba(168,85,247,.068) 0%, rgba(168,85,247,.022) 48%, rgba(255,255,255,.006) 100%);
      box-shadow: inset 0 0 38px rgba(168,85,247,.07), inset 0 1px 0 rgba(192,132,252,.12);
    }
    .hc-pair-row { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 200px; }
    .hc-pair-icons { position: relative; width: 52px; height: 34px; flex-shrink: 0; }
    .hc-token-icon {
      width: 32px; height: 32px; border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-size: .9rem; font-weight: 800;
      position: absolute; border: 2px solid rgba(10,11,15,.9);
    }
    .hc-token-icon--heaven { background: linear-gradient(135deg,#FF6B35,#A855F7); color:#fff; left:0; z-index:2; box-shadow: 0 0 12px rgba(168,85,247,.45), 0 0 4px rgba(255,107,53,.3); animation: heavenIconPulse 3.2s ease-in-out infinite; }
    @keyframes heavenIconPulse {
      0%,100% { box-shadow: 0 0 12px rgba(168,85,247,.45), 0 0 4px rgba(255,107,53,.3); }
      50%      { box-shadow: 0 0 22px rgba(168,85,247,.68), 0 0 12px rgba(255,107,53,.52), 0 0 4px rgba(192,132,252,.38); }
    }
    .hc-token-icon--usdt   { background: linear-gradient(135deg,#0DD4C8,#0E7490); color:#fff; left:18px; z-index:1; box-shadow: 0 0 10px rgba(13,212,200,.38); }
    .hc-pair-info { display: flex; flex-direction: column; gap: 2px; }
    .hc-pair-info__name {
      font-size: 1.2rem; font-weight: 800; color: #F4F5F7; line-height: 1.2;
    }
    .hc-pair-info__sub { font-size: .7rem; color: #6B7280; font-weight: 500; margin-top: 2px; }
    .hc-head-price-block { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
    .hc-live-price {
      font-size: 1.9rem; font-weight: 800; font-variant-numeric: tabular-nums;
      color: #F4F5F7; /* fallback for browsers without background-clip: text */
      background: linear-gradient(135deg, #FAFAFB 0%, #E9D5FF 58%, #C084FC 100%);
      -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
      filter: drop-shadow(0 0 10px rgba(168,85,247,.45)) drop-shadow(0 0 3px rgba(192,132,252,.3));
      animation: livePriceBreath 5.5s ease-in-out infinite;
    }
    @keyframes livePriceBreath {
      0%,100% { filter: drop-shadow(0 0 10px rgba(168,85,247,.45)) drop-shadow(0 0 3px rgba(192,132,252,.3)); }
      50%      { filter: drop-shadow(0 0 18px rgba(168,85,247,.60)) drop-shadow(0 0 7px rgba(192,132,252,.50)); }
    }
    .hc-change-badge {
      display: flex; flex-direction: column; align-items: center;
      padding: 5px 11px; border-radius: 8px;
      font-size: .82rem; font-weight: 700; gap: 1px;
    }
    .hc-change--up   { background: rgba(16,185,129,.13); color:#10B981; border:1px solid rgba(16,185,129,.30); box-shadow: 0 0 14px -3px rgba(16,185,129,.38), inset 0 1px 0 rgba(52,211,153,.12); animation: changeBadgeUp 3.8s ease-in-out infinite; }
    .hc-change--down { background: rgba(239,68,68,.13);  color:#EF4444; border:1px solid rgba(239,68,68,.30);  box-shadow: 0 0 14px -3px rgba(239,68,68,.38), inset 0 1px 0 rgba(248,113,113,.12); animation: changeBadgeDn 3.8s ease-in-out infinite; }
    @keyframes changeBadgeUp {
      0%,100% { box-shadow: 0 0 14px -3px rgba(16,185,129,.38), inset 0 1px 0 rgba(52,211,153,.12); }
      50%      { box-shadow: 0 0 22px -2px rgba(16,185,129,.60), inset 0 1px 0 rgba(52,211,153,.22); }
    }
    @keyframes changeBadgeDn {
      0%,100% { box-shadow: 0 0 14px -3px rgba(239,68,68,.38), inset 0 1px 0 rgba(248,113,113,.12); }
      50%      { box-shadow: 0 0 22px -2px rgba(239,68,68,.60), inset 0 1px 0 rgba(248,113,113,.22); }
    }
    .hc-change--flat { background: rgba(156,163,175,.08); color:#9CA3AF; border:1px solid rgba(156,163,175,.2); }
    .hc-change__period { font-size: .62rem; opacity: .7; font-weight: 600; }
    .hc-head-stats { display: flex; gap: 20px; flex-wrap: wrap; margin-left: auto; align-items: center; }
    .hc-hstat { display: flex; flex-direction: column; gap: 2px; }
    .hc-hstat__l { font-size: .65rem; font-weight: 600; color: #6B7280; text-transform: uppercase; letter-spacing: .07em; }
    .hc-hstat__v { font-size: .88rem; font-weight: 700; color: #F4F5F7; font-variant-numeric: tabular-nums; text-shadow: 0 0 10px rgba(168,85,247,.15); animation: hstatGlow 4.5s ease-in-out infinite; }
    @keyframes hstatGlow {
      0%,100% { text-shadow: 0 0 8px rgba(168,85,247,.12); }
      50%      { text-shadow: 0 0 18px rgba(192,132,252,.34), 0 0 6px rgba(168,85,247,.20); }
    }
    .hc-live-dot {
      display: inline-block; width: 8px; height: 8px; border-radius: 50%;
      background: #10B981; margin-right: 5px;
      box-shadow: 0 0 0 0 rgba(16,185,129,.6);
      animation: hcPulse 2s ease-in-out infinite;
      transition: background .35s ease;
    }
    .hc-live-dot--dn {
      background: #EF4444 !important;
      box-shadow: 0 0 0 0 rgba(239,68,68,.6) !important;
      animation: hcPulseDn 2s ease-in-out infinite !important;
    }
    @keyframes hcPulse {
      0%   { opacity:1;   box-shadow: 0 0 0 0   rgba(16,185,129,.6),  0 0 8px rgba(16,185,129,.3); }
      50%  { opacity:.45; box-shadow: 0 0 0 8px rgba(16,185,129,0),   0 0 4px rgba(16,185,129,.1); }
      100% { opacity:1;   box-shadow: 0 0 0 0   rgba(16,185,129,.6),  0 0 8px rgba(16,185,129,.3); }
    }
    @keyframes hcPulseDn {
      0%   { opacity:1;   box-shadow: 0 0 0 0   rgba(239,68,68,.6),   0 0 8px rgba(239,68,68,.3); }
      50%  { opacity:.45; box-shadow: 0 0 0 8px rgba(239,68,68,0),    0 0 4px rgba(239,68,68,.1); }
      100% { opacity:1;   box-shadow: 0 0 0 0   rgba(239,68,68,.6),   0 0 8px rgba(239,68,68,.3); }
    }
    /* 9.1 Slot-machine price tick — brief roll-in on every update */
    @keyframes priceTick {
      0%   { transform: translateY(-6px); opacity: 0.2; }
      100% { transform: translateY(0);    opacity: 1;   }
    }
    .hc-price-tick { animation: priceTick 0.20s cubic-bezier(.22,.68,0,1.2) forwards; }
    /* 9.2 Price decimal accent — dimmer small-text decimal suffix */
    .hc-price-dec  { opacity: 0.52; font-size: 0.82em; }
    /* 9.5 Change badge micro-arrow styling */
    .hc-badge-arrow { font-size: 0.78em; margin-right: 2px; vertical-align: middle; }

    /* ── Toolbar ── */
    .hc-toolbar {
      display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
      padding: 10px 20px;
      background: rgba(0,0,0,.28);
      border-bottom: 1px solid rgba(168,85,247,.08);
    }
    .hc-tf-group { display: flex; gap: 2px; }
    .hc-tf {
      padding: 5px 13px; border-radius: 6px;
      border: 1px solid transparent; background: transparent;
      color: #5A6278; font-size: .76rem; font-weight: 600;
      cursor: pointer; transition: all .18s; font-family: inherit;
    }
    .hc-tf:hover { color: #C8CFDF; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); box-shadow: 0 0 10px rgba(255,255,255,.06); }
    .hc-tf--active {
      background: rgba(255,107,53,.14); color: #FF7A40;
      border: 1px solid rgba(255,107,53,.35);
      box-shadow: 0 0 12px -3px rgba(255,107,53,.3);
      animation: tfActiveBreath 3s ease-in-out infinite;
    }
    @keyframes tfActiveBreath {
      0%,100% { box-shadow: 0 0 12px -3px rgba(255,107,53,.30); filter: none; }
      50%      { box-shadow: 0 0 20px -2px rgba(255,107,53,.62), 0 0 6px rgba(255,140,80,.28); filter: brightness(1.1); }
    }
    .hc-ind-group {
      display: flex; gap: 3px; padding-left: 10px;
      border-left: 1px solid rgba(255,255,255,.07);
    }
    .hc-ind {
      padding: 4px 9px; border-radius: 5px;
      border: 1px solid rgba(255,255,255,.09);
      background: transparent; color: #5A6278;
      font-size: .68rem; font-weight: 700;
      cursor: pointer; transition: all .18s; font-family: inherit;
      text-transform: uppercase; letter-spacing: .05em;
    }
    .hc-ind:hover { color: #C8CFDF; border-color: rgba(168,85,247,.32); background: rgba(168,85,247,.07); box-shadow: 0 0 10px -2px rgba(168,85,247,.22); }
    .hc-ind--on {
      background: rgba(168,85,247,.12); color: #C084FC;
      border-color: rgba(168,85,247,.35);
      box-shadow: 0 0 10px -3px rgba(168,85,247,.35);
      text-shadow: 0 0 8px rgba(168,85,247,.5);
      animation: indOnBreath 2.8s ease-in-out infinite;
    }
    @keyframes indOnBreath {
      0%,100% { box-shadow: 0 0 10px -3px rgba(168,85,247,.35); text-shadow: 0 0 8px rgba(168,85,247,.5); }
      50%      { box-shadow: 0 0 16px -2px rgba(168,85,247,.62), 0 0 4px rgba(192,132,252,.25); text-shadow: 0 0 14px rgba(192,132,252,.85); }
    }
    .hc-zoom-group {
      display: flex; gap: 3px;
    }
    .hc-zoom {
      width: 30px; height: 28px; border-radius: 6px;
      border: 1px solid rgba(255,255,255,.09);
      background: transparent; color: #6B7587;
      font-size: .95rem; font-weight: 600; cursor: pointer;
      transition: all .18s; font-family: inherit;
      display: flex; align-items: center; justify-content: center;
    }
    .hc-zoom:hover { color: #F4F5F7; border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.07); }
    .hc-gc-badge {
      display: none; align-items: center; gap: 6px;
      padding: 4px 12px; border-radius: 20px;
      background: rgba(168,85,247,.12); border: 1px solid rgba(168,85,247,.3);
      color: #C084FC; font-size: .72rem; font-weight: 700; white-space: nowrap;
    }
    .hc-gc-badge.visible { display: flex; }
    .hc-gc-dot {
      width: 6px; height: 6px; border-radius: 50%; background: #A855F7;
      animation: gcDotPulse 1s ease-in-out infinite;
    }
    @keyframes gcDotPulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(1.5)} }
    .hc-demo-badge {
      display: none; align-items: center; gap: 6px;
      padding: 4px 12px; border-radius: 20px;
      background: rgba(13,212,200,.1); border: 1px solid rgba(13,212,200,.35);
      color: #0DD4C8; font-size: .72rem; font-weight: 700; white-space: nowrap;
    }
    .hc-demo-badge.visible { display: flex; }
    .hc-demo-dot {
      width: 6px; height: 6px; border-radius: 50%; background: #0DD4C8;
      animation: demoDotPulse 1.6s ease-in-out infinite;
    }
    @keyframes demoDotPulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.35;transform:scale(1.6)} }

    /* ── Chart canvas ── */
    .hc-chart-wrap {
      background: #080910;
      border-bottom: 1px solid rgba(168,85,247,.1);
      position: relative;
      overflow: hidden;
    }
    /* Top accent line — a crisp luminescent edge above the chart */
    .hc-chart-wrap::before {
      content: '';
      position: absolute; top: 0; left: 0; right: 0; height: 2px;
      background: linear-gradient(90deg, transparent 0%, rgba(168,85,247,.62) 20%, rgba(192,132,252,.50) 42%, rgba(13,212,200,.48) 62%, rgba(168,85,247,.42) 84%, transparent 100%);
      z-index: 22; pointer-events: none;
      animation: accentLinePulse 4s ease-in-out infinite;
    }
    @keyframes accentLinePulse {
      0%,100% { opacity: .60; filter: none; }
      50%      { opacity: 1; filter: drop-shadow(0 2px 7px rgba(168,85,247,.68)) drop-shadow(0 1px 4px rgba(13,212,200,.45)); }
    }
    /* Vignette + scan-line overlay — pointer-events:none so chart remains interactive */
    .hc-chart-wrap::after {
      content: '';
      position: absolute; inset: 0;
      pointer-events: none; z-index: 20;
      background:
        radial-gradient(ellipse 100% 100% at 50% 50%, transparent 55%, rgba(0,0,0,.35) 100%),
        repeating-linear-gradient(
          0deg,
          rgba(0,0,0,.028) 0px, rgba(0,0,0,.028) 1px,
          transparent 1px, transparent 3px
        );
    }
    #hc-chart {
      width: 100%; height: 480px;
    }

    /* ── Crosshair info bar ── */
    .hc-cx-bar {
      display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
      padding: 8px 22px;
      background: rgba(0,0,0,.32);
      border-bottom: 1px solid rgba(168,85,247,.08);
      font-size: .73rem; font-variant-numeric: tabular-nums;
    }
    .hc-cx { display: flex; align-items: center; gap: 4px; }
    .hc-cx__l { color: #3D4460; font-weight: 700; text-transform: uppercase; font-size: .6rem; letter-spacing: .07em; }
    .hc-cx-time { color: #6B7587; font-size: .72rem; }
    .hc-cx--o { color: #A0A8BC; }
    .hc-cx--h { color: #34D399; font-weight: 600; }
    .hc-cx--l { color: #F87171; font-weight: 600; }
    .hc-cx--c { color: #F4F5F7; font-weight: 800; }
    .hc-cx--v { color: #C084FC; }

    /* ══════════════════════════════════════════
       QUICK TRADE PANEL
    ══════════════════════════════════════════ */
    .hc-trade-bar {
      position: relative;
      border-bottom: 1px solid rgba(168,85,247,.1);
      display: flex; flex-direction: column;
      background: linear-gradient(180deg, rgba(4,2,14,.6) 0%, rgba(8,4,22,.68) 100%);
    }

    /* ── Header ── */
    .hc-trade-head {
      display: flex; align-items: center; justify-content: space-between;
      padding: 10px 22px 9px;
      border-bottom: 1px solid rgba(255,255,255,.04);
      background: rgba(0,0,0,.2);
    }
    .hc-trade-head__title {
      display: flex; align-items: center; gap: 7px;
      color: #6B7280; font-size: .66rem; font-weight: 700;
      text-transform: uppercase; letter-spacing: .1em;
    }
    .hc-trade-head__bolt { font-size: .8rem; filter: drop-shadow(0 0 5px rgba(168,85,247,.8)); }
    .hc-trade-head__rate { font-size: .65rem; color: #2A3050; font-variant-numeric: tabular-nums; }
    .hc-trade-head__rate-val { color: #4B5368; font-weight: 700; transition: color .3s; }
    .hc-trade-head__rate-val--live { color: #6B7587; }

    /* ── Body ── */
    .hc-trade-body {
      padding: 15px 22px 18px;
      display: flex; flex-direction: column; gap: 10px;
      animation: trPanelIn .38s ease-out both;
    }
    @keyframes trPanelIn {
      from { opacity: 0; transform: translateY(6px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    /* ── USDT input field ── */
    .hc-trade-field {
      display: flex; align-items: stretch;
      background: rgba(255,255,255,.035);
      border: 1px solid rgba(168,85,247,.2);
      border-radius: 14px; overflow: hidden;
      transition: border-color .2s, box-shadow .2s;
      position: relative;
    }
    .hc-trade-field:focus-within {
      border-color: rgba(168,85,247,.58);
      box-shadow: 0 0 0 3px rgba(168,85,247,.1), 0 4px 24px rgba(168,85,247,.07);
    }
    .hc-trade-field--error {
      border-color: rgba(239,68,68,.5) !important;
      box-shadow: 0 0 0 3px rgba(239,68,68,.1) !important;
    }
    .hc-trade-field__badge {
      display: flex; align-items: center; gap: 9px;
      padding: 0 15px;
      background: rgba(13,212,200,.055);
      border-right: 1px solid rgba(168,85,247,.1);
      min-width: 96px; flex-shrink: 0;
    }
    .hc-trade-field__badge-icon {
      width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0;
      background: linear-gradient(135deg,#0DD4C8,#0E7490);
      display: flex; align-items: center; justify-content: center;
      font-size: .8rem; font-weight: 900; color: #fff;
      box-shadow: 0 0 12px rgba(13,212,200,.32), inset 0 1px 0 rgba(255,255,255,.2);
    }
    .hc-trade-field__badge-text { display: flex; flex-direction: column; gap: 2px; }
    .hc-trade-field__badge-sym  { color: #0DD4C8; font-weight: 800; font-size: .8rem; line-height: 1; }
    .hc-trade-field__badge-name { color: #1E2540; font-size: .55rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; line-height: 1; }
    .hc-trade-input {
      flex: 1; min-width: 0;
      background: transparent; border: none; outline: none;
      color: #F4F5F7;
      font-size: 1.5rem; font-weight: 700;
      font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
      padding: 14px 40px 14px 14px;
      text-align: right;
      -moz-appearance: textfield;
    }
    .hc-trade-input::placeholder { color: #1A1E30; }
    .hc-trade-input::-webkit-inner-spin-button,
    .hc-trade-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
    /* Clear button inside field */
    .hc-trade-clear {
      position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
      width: 20px; height: 20px; border-radius: 50%;
      background: rgba(255,255,255,.07); border: none;
      color: #3D4460; font-size: .7rem; line-height: 1;
      cursor: pointer; display: none; align-items: center; justify-content: center;
      transition: background .15s, color .15s; z-index: 2; flex-shrink: 0;
    }
    .hc-trade-clear:hover { background: rgba(255,255,255,.14); color: #9CA3AF; }
    .hc-trade-clear--show { display: flex; }

    /* ── Balance row ── */
    .hc-trade-balance {
      display: flex; align-items: center; justify-content: space-between;
      padding: 0 2px;
    }
    .hc-trade-balance__label { color: #1E2540; font-size: .62rem; }
    .hc-trade-balance__right { display: flex; align-items: center; gap: 7px; }
    .hc-trade-balance__val {
      color: #3D4460; font-size: .68rem; font-weight: 700;
      font-variant-numeric: tabular-nums;
      transition: color .25s;
    }
    .hc-trade-balance__val--live { color: #6B7587; }
    .hc-trade-balance__max {
      color: #4B5368; font-size: .6rem; font-weight: 800;
      background: rgba(168,85,247,.07); border: 1px solid rgba(168,85,247,.16);
      border-radius: 5px; padding: 2px 7px; cursor: pointer;
      transition: all .15s; font-family: inherit;
      text-transform: uppercase; letter-spacing: .05em;
    }
    .hc-trade-balance__max:hover { background: rgba(168,85,247,.17); color: #C084FC; border-color: rgba(168,85,247,.38); }

    /* ── Quick-fill presets ── */
    .hc-trade-quick { display: flex; gap: 6px; }
    .hc-trade-quick__btn {
      flex: 1; padding: 6px 0;
      background: rgba(168,85,247,.055); border: 1px solid rgba(168,85,247,.13);
      border-radius: 8px; color: #3D4460; font-size: .67rem; font-weight: 700;
      cursor: pointer; font-family: inherit;
      transition: background .15s, border-color .15s, color .15s, transform .1s;
      letter-spacing: .02em;
    }
    .hc-trade-quick__btn:hover { background: rgba(168,85,247,.15); border-color: rgba(168,85,247,.36); color: #C084FC; transform: translateY(-1px); }
    .hc-trade-quick__btn:active { transform: scale(.95); }
    .hc-trade-quick__btn--active { background: rgba(168,85,247,.18); border-color: rgba(168,85,247,.45); color: #C084FC; }

    /* ── HEAVEN equivalent ── */
    .hc-trade-equiv {
      display: flex; align-items: center; gap: 9px;
      padding: 10px 14px;
      background: rgba(168,85,247,.04);
      border: 1px solid rgba(168,85,247,.09);
      border-radius: 11px; min-height: 44px;
      transition: border-color .2s, background .2s;
    }
    .hc-trade-equiv--active {
      background: rgba(168,85,247,.07);
      border-color: rgba(168,85,247,.18);
    }
    .hc-trade-equiv__token-icon {
      width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0;
      background: linear-gradient(135deg,#FF6B35,#A855F7);
      display: flex; align-items: center; justify-content: center;
      font-size: .62rem; font-weight: 900; color: #fff;
      box-shadow: 0 0 10px rgba(168,85,247,.32), inset 0 1px 0 rgba(255,255,255,.2);
    }
    .hc-trade-equiv__label { color: #2A3050; font-size: .7rem; font-weight: 700; flex-shrink: 0; }
    .hc-trade-equiv__val {
      color: #1E2540; font-size: 1.08rem; font-weight: 800;
      font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
      font-variant-numeric: tabular-nums;
      transition: color .25s;
    }
    .hc-trade-equiv__val--live  { color: #E2C7FF; animation: trEquivFlash .35s ease-out; }
    @keyframes trEquivFlash { 0% { opacity:.5; } 100% { opacity:1; } }
    .hc-trade-equiv__sym { color: #6B3FA0; font-size: .7rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; transition: color .25s; }
    .hc-trade-equiv__sym--live { color: #A855F7; }
    .hc-trade-equiv__hint { color: #1E2540; font-size: .62rem; margin-left: auto; text-align: right; line-height: 1.45; transition: color .25s; }
    .hc-trade-equiv__hint--live { color: #3D4460; }

    /* ── Fee / Impact meta row ── */
    .hc-trade-meta {
      display: flex; gap: 0;
      background: rgba(255,255,255,.015);
      border: 1px solid rgba(255,255,255,.04);
      border-radius: 9px; overflow: hidden;
    }
    .hc-trade-meta__cell {
      flex: 1; padding: 7px 10px;
      display: flex; flex-direction: column; gap: 2px;
      border-right: 1px solid rgba(255,255,255,.04);
    }
    .hc-trade-meta__cell:last-child { border-right: none; }
    .hc-trade-meta__lbl { color: #1E2540; font-size: .57rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
    .hc-trade-meta__val { color: #3D4460; font-size: .7rem; font-weight: 700; font-variant-numeric: tabular-nums; }
    .hc-trade-meta__val--green { color: #059669; }
    .hc-trade-meta__val--warn  { color: #D97706; }
    .hc-trade-meta__val--red   { color: #DC2626; }

    /* ── Action buttons ── */
    .hc-trade-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 2px; }
    @keyframes trBtnRipple {
      from { transform: scale(0); opacity: .45; }
      to   { transform: scale(32); opacity: 0; }
    }
    .hc-trade-btn {
      padding: 17px 20px; border-radius: 13px;
      font-size: 1rem; font-weight: 900;
      cursor: pointer; border: none;
      transition: transform .24s cubic-bezier(.22,1,.36,1), box-shadow .24s ease, opacity .2s;
      letter-spacing: .06em; text-transform: uppercase;
      position: relative; overflow: hidden;
      font-family: 'Space Grotesk','Inter',system-ui,sans-serif;
      color: #fff; -webkit-tap-highlight-color: transparent;
      display: flex; align-items: center; justify-content: center; gap: 7px;
    }
    .hc-trade-btn::before {
      content: ''; position: absolute; inset: 0; pointer-events: none;
      background: linear-gradient(160deg, rgba(255,255,255,.18) 0%, transparent 50%);
    }
    .hc-trade-btn__ripple {
      position: absolute; border-radius: 50%;
      width: 12px; height: 12px; margin: -6px; pointer-events: none;
      animation: trBtnRipple .6s ease-out forwards;
    }
    .hc-trade-btn__ico { font-style: normal; font-size: 1.05rem; line-height: 1; }
    .hc-trade-btn--buy {
      background: linear-gradient(135deg, #064E3B 0%, #059669 40%, #10B981 75%, #6EE7B7 100%);
      box-shadow: 0 5px 26px rgba(16,185,129,.4), 0 1px 0 rgba(255,255,255,.14) inset;
    }
    .hc-trade-btn--buy:hover:not(:disabled) {
      box-shadow: 0 9px 42px rgba(16,185,129,.72), 0 1px 0 rgba(255,255,255,.18) inset;
      transform: translateY(-3px);
    }
    .hc-trade-btn--buy .hc-trade-btn__ripple { background: rgba(52,211,153,.6); }
    .hc-trade-btn--sell {
      background: linear-gradient(135deg, #450A0A 0%, #B91C1C 40%, #EF4444 75%, #FCA5A5 100%);
      box-shadow: 0 5px 26px rgba(239,68,68,.35), 0 1px 0 rgba(255,255,255,.12) inset;
    }
    .hc-trade-btn--sell:hover:not(:disabled) {
      box-shadow: 0 9px 42px rgba(239,68,68,.65), 0 1px 0 rgba(255,255,255,.14) inset;
      transform: translateY(-3px);
    }
    .hc-trade-btn--sell .hc-trade-btn__ripple { background: rgba(248,113,113,.6); }
    .hc-trade-btn:active:not(:disabled) { transform: translateY(0) scale(.97) !important; transition-duration: .08s !important; }
    .hc-trade-btn:disabled { opacity: .38; cursor: not-allowed; }
    /* Connect wallet button variant */
    .hc-trade-btn--connect {
      background: linear-gradient(135deg, rgba(168,85,247,.18) 0%, rgba(99,38,156,.22) 100%);
      border: 1px solid rgba(168,85,247,.38); color: #C084FC;
      box-shadow: 0 4px 20px rgba(168,85,247,.15), 0 1px 0 rgba(255,255,255,.08) inset;
    }
    .hc-trade-btn--connect:hover:not(:disabled) {
      box-shadow: 0 8px 32px rgba(168,85,247,.38), 0 1px 0 rgba(255,255,255,.12) inset;
      transform: translateY(-2px); background: linear-gradient(135deg, rgba(168,85,247,.28) 0%, rgba(99,38,156,.32) 100%);
    }
    .hc-trade-btn--connect .hc-trade-btn__ripple { background: rgba(192,132,252,.5); }

    /* ── Toast notification — fixed so it clears overflow:hidden on .hc-card ── */
    .hc-trade-toast {
      position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(12px);
      min-width: 280px; max-width: min(480px, calc(100vw - 32px));
      background: rgba(12,9,30,.97); border: 1px solid rgba(168,85,247,.28);
      border-radius: 12px; padding: 12px 16px;
      font-size: .76rem; color: #C4B5FD; font-weight: 600;
      box-shadow: 0 12px 36px rgba(0,0,0,.65), 0 0 0 1px rgba(168,85,247,.1);
      display: flex; align-items: center; gap: 10px;
      opacity: 0;
      transition: opacity .22s ease, transform .22s ease;
      pointer-events: none; z-index: 9999;
    }
    .hc-trade-toast--show { opacity: 1; transform: translateX(-50%) translateY(0); pointer-events: auto; }
    .hc-trade-toast__icon { font-size: .95rem; flex-shrink: 0; }
    .hc-trade-toast__text { flex: 1; line-height: 1.4; }
    .hc-trade-toast__dismiss { color: #3D4460; font-size: .7rem; cursor: pointer; padding: 2px 4px; border-radius: 4px; }
    .hc-trade-toast__dismiss:hover { color: #6B7587; }

    /* ── Responsive ── */
    @media (max-width: 520px) {
      .hc-trade-body { padding: 12px 16px 16px; }
      .hc-trade-head { padding: 9px 16px 8px; }
      .hc-trade-input { font-size: 1.25rem; padding: 12px 36px 12px 12px; }
      .hc-trade-field__badge { min-width: 82px; padding: 0 11px; gap: 7px; }
      .hc-trade-quick { flex-wrap: wrap; }
      .hc-trade-quick__btn { min-width: calc(33.3% - 5px); }
      .hc-trade-btns { gap: 8px; }
      .hc-trade-btn { padding: 14px 10px; font-size: .88rem; }
      .hc-trade-meta__lbl { font-size: .54rem; }
      .hc-trade-meta__val { font-size: .65rem; }
    }

    /* ── Activity feed ── */
    .hc-activity {
      padding: 16px 20px 20px;
    }
    .hc-activity__head {
      display: flex; align-items: center; justify-content: space-between;
      margin-bottom: 10px;
    }
    .hc-activity__title { font-size: .68rem; font-weight: 700; color: #4B5563; text-transform: uppercase; letter-spacing: .1em; }
    .hc-activity__status { font-size: .73rem; color: #6B7280; }
    .hc-activity__feed {
      max-height: 160px; overflow-y: auto;
      scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.08) transparent;
    }
    .hc-activity__feed::-webkit-scrollbar { width: 3px; }
    .hc-activity__feed::-webkit-scrollbar-thumb { background: rgba(255,255,255,.1); border-radius: 2px; }
    .hc-feed-idle { font-size: .78rem; color: #374151; font-style: italic; text-align: center; padding: 14px 0; }
    .hc-feed-entry {
      display: flex; align-items: center; gap: 8px;
      padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,.04);
      font-size: .74rem;
    }
    .hc-feed-entry:last-child { border-bottom: none; }
    .hc-fe-icon { font-size: .85rem; font-weight: 800; flex-shrink: 0; }
    .hc-fe-tool { font-weight: 700; color: #9CA3AF; flex-shrink: 0; min-width: 100px; }
    .hc-fe-desc { color: #6B7280; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .hc-fe-price { font-weight: 700; color: #F4F5F7; flex-shrink: 0; font-variant-numeric: tabular-nums; font-size: .7rem; }
    .hc-fe-time { color: #374151; flex-shrink: 0; font-size: .66rem; }

    /* ── Binaural beats controls ── */
    .hc-binaural-group {
      display: flex; align-items: center; gap: 6px;
      padding-left: 10px; border-left: 1px solid rgba(255,255,255,.07);
    }
    .hc-binaural-btn { white-space: nowrap; letter-spacing: .03em; }
    .hc-binaural-btn.hc-bin--on {
      background:   rgba(168,85,247,.18) !important;
      color:        #C084FC !important;
      border-color: rgba(168,85,247,.45) !important;
      box-shadow:   0 0 16px -3px rgba(168,85,247,.55) !important;
      animation:    binGlow 2.4s ease-in-out infinite;
    }
    @keyframes binGlow {
      0%,100% { box-shadow: 0 0 16px -3px rgba(168,85,247,.55); filter: none; }
      50%      { box-shadow: 0 0 26px -2px rgba(168,85,247,.88), 0 0 6px rgba(192,132,252,.42); filter: brightness(1.08); }
    }
    .hc-brain-badge {
      align-items: center; gap: 5px;
      padding: 3px 10px 3px 7px; border-radius: 20px;
      background: rgba(0,0,0,.38);
      border: 1px solid rgba(168,85,247,.25);
      font-size: .66rem; font-weight: 700; color: #A0A8BC;
      white-space: nowrap; transition: border-color .4s;
    }
    .hc-brain-dot {
      display: inline-block; width: 6px; height: 6px; border-radius: 50%;
      background: #A855F7; flex-shrink: 0;
      animation: brainPulse 1.2s ease-in-out infinite;
    }
    @keyframes brainPulse {
      0%,100% { opacity:1; transform:scale(1); }
      50%      { opacity:.4; transform:scale(1.6); }
    }
    .hc-brain-hz {
      color: #5E6880; font-weight: 500; font-variant-numeric: tabular-nums;
      font-size: .62rem; margin-left: 2px;
    }
    .hc-vol-slider {
      -webkit-appearance: none; appearance: none;
      width: 64px; height: 3px; border-radius: 3px;
      background: linear-gradient(90deg, rgba(168,85,247,.65) var(--vol-pct,35%), rgba(168,85,247,.2) var(--vol-pct,35%));
      cursor: pointer; outline: none; border: none;
      transition: background .08s;
    }
    .hc-vol-slider::-webkit-slider-thumb {
      -webkit-appearance: none; width: 12px; height: 12px; border-radius: 50%;
      background: #A855F7; cursor: pointer;
      box-shadow: 0 0 6px rgba(168,85,247,.7);
    }
    .hc-vol-slider:hover {
      background: linear-gradient(90deg, rgba(168,85,247,.85) var(--vol-pct,35%), rgba(168,85,247,.3) var(--vol-pct,35%));
    }

    /* ── Graph Control admin button (used in admin.html too) ── */
    .gc-toggle-btn { white-space: nowrap; }
    .gc-toggle-btn.gc-active {
      background: rgba(168,85,247,.15) !important;
      color: #C084FC !important;
      border-color: rgba(168,85,247,.4) !important;
    }

    /* ── Responsive ── */
    @media (max-width: 900px) {
      .hc-card-head { flex-direction: column; }
      .hc-head-stats { margin-left: 0; }
      #hc-chart { height: 340px; }
    }
    @media (max-width: 600px) {
      .hc-live-price { font-size: 1.3rem; }
      #hc-chart { height: 260px; }
      .hc-toolbar { padding: 8px 12px; }
      .hc-tf { padding: 4px 8px; font-size: .7rem; }
      .hc-section { padding: 50px 0 50px; }
      .hc-brain-hz { display: none; }
      .hc-vol-slider { width: 48px; }
    }

    /* ══════════════════════════════════════════
       ORDER BOOK PANEL (hc-ob-)
    ══════════════════════════════════════════ */

    /* Two-column layout: chart left, order book right */
    .hc-chart-body { display: flex; align-items: stretch; }
    .hc-chart-left { flex: 1; min-width: 0; display: flex; flex-direction: column; }

    /* Panel container */
    .hc-ob-panel {
      width: 256px; min-width: 200px; flex-shrink: 0;
      display: flex; flex-direction: column;
      border-left: 1px solid rgba(255,255,255,.06);
      background: rgba(0,0,0,.18);
      font-variant-numeric: tabular-nums;
      font-size: .72rem;
    }

    /* Header row */
    .hc-ob-head {
      display: flex; align-items: center; justify-content: space-between;
      padding: 10px 14px 8px;
      border-bottom: 1px solid rgba(255,255,255,.05);
    }
    .hc-ob-title {
      font-size: .63rem; font-weight: 700; color: #6B7280;
      text-transform: uppercase; letter-spacing: .12em;
    }
    .hc-ob-badge {
      font-size: .6rem; font-weight: 700; padding: 2px 9px;
      border-radius: 10px; white-space: nowrap;
    }
    .hc-ob-badge--offline {
      background: rgba(107,114,128,.09); color: #6B7280;
      border: 1px solid rgba(107,114,128,.18);
    }
    .hc-ob-badge--live {
      background: rgba(16,185,129,.1); color: #10B981;
      border: 1px solid rgba(16,185,129,.3);
      animation: obLivePulse 2s ease-in-out infinite;
    }
    @keyframes obLivePulse { 0%,100%{opacity:1} 50%{opacity:.45} }

    /* Column headers */
    .hc-ob-cols {
      display: grid; grid-template-columns: 2fr 1.4fr 1.4fr;
      padding: 5px 12px 4px;
      border-bottom: 1px solid rgba(255,255,255,.04);
      font-size: .58rem; font-weight: 700; color: #374151;
      text-transform: uppercase; letter-spacing: .07em;
    }
    .hc-ob-cols span:last-child { text-align: right; }
    .hc-ob-cols span:nth-child(2) { text-align: center; }

    /* Scrollable order zones */
    .hc-ob-asks, .hc-ob-bids {
      flex: 1; overflow-y: auto; overflow-x: hidden;
      scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.05) transparent;
      min-height: 100px;
    }
    .hc-ob-asks::-webkit-scrollbar,
    .hc-ob-bids::-webkit-scrollbar { width: 2px; }
    .hc-ob-asks::-webkit-scrollbar-thumb,
    .hc-ob-bids::-webkit-scrollbar-thumb { background: rgba(255,255,255,.08); border-radius: 2px; }

    /* Individual order row */
    .hc-ob-row {
      position: relative;
      display: grid; grid-template-columns: 2fr 1.4fr 1.4fr;
      align-items: center;
      padding: 3px 12px;
      transition: background .08s;
      cursor: default; user-select: none;
    }
    .hc-ob-row:hover { background: rgba(255,255,255,.02); }

    /* Depth fill bar (behind the row, right-anchored) */
    .hc-ob-row__fill {
      position: absolute; top: 0; bottom: 0; right: 0;
      transition: width .5s ease; pointer-events: none;
    }
    .hc-ob-row--ask .hc-ob-row__fill { background: rgba(239,68,68,.09); }
    .hc-ob-row--bid .hc-ob-row__fill { background: rgba(16,185,129,.09); }

    /* Text cells */
    .hc-ob-row__price { font-size: .71rem; font-weight: 700; position: relative; z-index: 1; }
    .hc-ob-row__size  { font-size: .66rem; color: #9CA3AF;  position: relative; z-index: 1; text-align: center; }
    .hc-ob-row__total { font-size: .63rem; color: #6B7280;  position: relative; z-index: 1; text-align: right; }
    .hc-ob-row--ask .hc-ob-row__price { color: #EF4444; }
    .hc-ob-row--bid .hc-ob-row__price { color: #10B981; }

    /* Flash animation on row update */
    @keyframes obFlashAsk { from { background: rgba(239,68,68,.22); } to { background: transparent; } }
    @keyframes obFlashBid { from { background: rgba(16,185,129,.22); } to { background: transparent; } }
    .hc-ob-row--ask.hc-ob-row--new { animation: obFlashAsk .7s ease forwards; }
    .hc-ob-row--bid.hc-ob-row--new { animation: obFlashBid .7s ease forwards; }

    /* Mid price separator */
    .hc-ob-mid {
      display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
      padding: 6px 12px;
      background: rgba(255,255,255,.025);
      border-top: 1px solid rgba(255,255,255,.06);
      border-bottom: 1px solid rgba(255,255,255,.06);
    }
    .hc-ob-mid__price {
      font-size: .9rem; font-weight: 800; color: #F4F5F7;
      font-variant-numeric: tabular-nums;
    }
    .hc-ob-mid__label {
      font-size: .58rem; font-weight: 600; color: #4B5563;
      text-transform: uppercase; letter-spacing: .05em;
    }
    .hc-ob-mid__spread { margin-left: auto; font-size: .6rem; color: #6B7280; }

    /* Skeleton placeholder rows */
    .hc-ob-skel {
      display: grid; grid-template-columns: 2fr 1.4fr 1.4fr;
      gap: 4px; padding: 4px 12px; align-items: center;
    }
    .hc-ob-skel__bar {
      height: 9px; border-radius: 3px;
      background: rgba(255,255,255,.04);
      animation: obSkelPulse 1.9s ease-in-out infinite;
    }
    @keyframes obSkelPulse { 0%,100%{opacity:.25} 50%{opacity:.7} }

    /* Footer stats strip */
    .hc-ob-footer {
      display: grid; grid-template-columns: 1fr 1fr 1fr;
      padding: 8px 12px;
      border-top: 1px solid rgba(255,255,255,.05);
      background: rgba(0,0,0,.12);
      gap: 6px;
    }
    .hc-ob-stat { display: flex; flex-direction: column; gap: 2px; }
    .hc-ob-stat__l {
      font-size: .56rem; font-weight: 700; text-transform: uppercase;
      letter-spacing: .06em; color: #374151;
    }
    .hc-ob-stat__l--ask { color: rgba(239,68,68,.65); }
    .hc-ob-stat__l--bid { color: rgba(16,185,129,.65); }
    .hc-ob-stat__v { font-size: .72rem; font-weight: 700; color: #9CA3AF; }

    /* Depth bar below footer — bid vs ask visual balance */
    .hc-ob-depth-bar {
      height: 3px; background: rgba(255,255,255,.04);
      display: flex; overflow: hidden;
    }
    .hc-ob-depth-bar__bid { background: linear-gradient(90deg, #10B981, #059669); transition: width .5s ease; }
    .hc-ob-depth-bar__ask { background: linear-gradient(90deg, #DC2626, #EF4444); flex: 1; transition: flex .5s ease; }

    /* Toggle button — visible on all screens */
    .hc-ob-toggle {
      background: transparent; border: 1px solid rgba(255,255,255,.1);
      color: #6B7280; font-size: .72rem; border-radius: 4px;
      width: 22px; height: 22px; cursor: pointer;
      display: flex; align-items: center; justify-content: center;
      transition: all .15s; flex-shrink: 0; line-height: 1;
    }
    .hc-ob-toggle:hover { color: #F4F5F7; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.06); }

    /* Collapsed state — header stays, body hidden */
    .hc-ob-panel--collapsed .hc-ob-cols,
    .hc-ob-panel--collapsed .hc-ob-asks,
    .hc-ob-panel--collapsed .hc-ob-mid,
    .hc-ob-panel--collapsed .hc-ob-bids,
    .hc-ob-panel--collapsed .hc-ob-depth-bar,
    .hc-ob-panel--collapsed .hc-ob-footer { display: none; }
    .hc-ob-panel--collapsed { min-width: 0; width: auto; }
    .hc-ob-toggle--collapsed::before { content: '≡'; }

    /* Responsive: stack vertically on small screens */
    @media (max-width: 960px) {
      .hc-chart-body { flex-direction: column; }
      .hc-ob-panel {
        width: 100%; border-left: none;
        border-top: 1px solid rgba(255,255,255,.06);
      }
      .hc-ob-asks, .hc-ob-bids { min-height: 80px; max-height: 130px; }
    }
    @media (max-width: 600px) {
      .hc-ob-panel { font-size: .66rem; }
      .hc-ob-row { padding: 2px 8px; }
      .hc-ob-mid__price { font-size: .8rem; }
    }

    /* ═══ ORDER BOOK ENHANCED v2 ═══ */
    .hc-ob-panel { position: relative; overflow: hidden; }
    .hc-ob-caustic, .hc-ob-boids-canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
    .hc-ob-caustic      { opacity: .2;  mix-blend-mode: screen; }
    .hc-ob-boids-canvas { opacity: .28; mix-blend-mode: screen; }
    .hc-ob-head, .hc-ob-controls, .hc-ob-cols, .hc-ob-asks, .hc-ob-mid,
    .hc-ob-field-canvas-wrap, .hc-ob-bids, .hc-ob-depth-curve, .hc-ob-depth-bar,
    .hc-ob-footer, .hc-ob-kb-hint, .hc-ob-calc, .hc-ob-whale-alert, .hc-ob-drag-handle
    { position: relative; z-index: 1; }
    .hc-ob-head-left  { display: flex; align-items: center; gap: 6px; }
    .hc-ob-head-right { display: flex; align-items: center; gap: 4px; flex-wrap: nowrap; }
    .hc-ob-ctrl-btn { background: transparent; border: 1px solid rgba(255,255,255,.08); color: #4B5563; font-size: .67rem; border-radius: 4px; width: 20px; height: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: color .15s, border-color .15s, background .15s; flex-shrink: 0; padding: 0; line-height: 1; }
    .hc-ob-ctrl-btn:hover { color: #F4F5F7; border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.07); }
    .hc-ob-ctrl-btn--active { color: #10B981 !important; border-color: rgba(16,185,129,.4) !important; background: rgba(16,185,129,.08) !important; }
    .hc-ob-imbalance { width: 28px; height: 28px; flex-shrink: 0; display: block; cursor: default; }
    .hc-ob-controls { display: flex; align-items: center; gap: 6px; padding: 5px 10px; border-bottom: 1px solid rgba(255,255,255,.04); }
    .hc-ob-prec-group { display: flex; align-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 5px; overflow: hidden; flex-shrink: 0; }
    .hc-ob-prec-btn { background: rgba(255,255,255,.04); border: none; color: #6B7280; font-size: .75rem; font-weight: 700; width: 18px; height: 19px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .12s, color .12s; padding: 0; }
    .hc-ob-prec-btn:hover { background: rgba(255,255,255,.1); color: #F0B429; }
    .hc-ob-prec-val { font-size: .56rem; font-weight: 700; color: #6B7280; padding: 0 4px; min-width: 44px; text-align: center; white-space: nowrap; font-variant-numeric: tabular-nums; border-left: 1px solid rgba(255,255,255,.08); border-right: 1px solid rgba(255,255,255,.08); }
    .hc-ob-depth-group { display: flex; align-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 5px; overflow: hidden; flex-shrink: 0; }
    .hc-ob-depth-btn { background: transparent; border: none; border-right: 1px solid rgba(255,255,255,.06); color: #4B5563; font-size: .6rem; font-weight: 700; padding: 2px 5px; cursor: pointer; transition: background .12s, color .12s; }
    .hc-ob-depth-btn:last-child { border-right: none; }
    .hc-ob-depth-btn:hover { background: rgba(255,255,255,.06); color: #9CA3AF; }
    .hc-ob-depth-btn--active { background: rgba(240,180,41,.12); color: #F0B429; }
    .hc-ob-view-btn { background: transparent; border: 1px solid rgba(255,255,255,.1); color: #4B5563; font-size: .54rem; font-weight: 700; padding: 2px 5px; border-radius: 4px; cursor: pointer; transition: all .15s; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }
    .hc-ob-view-btn:hover { color: #9CA3AF; }
    .hc-ob-view-btn--active { color: #A855F7; border-color: rgba(168,85,247,.4); background: rgba(168,85,247,.08); }
    .hc-ob-row { cursor: pointer; }
    .hc-ob-row:focus-visible { outline: 1px solid rgba(240,180,41,.55); outline-offset: -1px; }
    .hc-ob-row__heat { position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; transition: opacity 1.4s ease; }
    .hc-ob-row--ask .hc-ob-row__heat { background: rgba(239,68,68,1); }
    .hc-ob-row--bid .hc-ob-row__heat { background: rgba(16,185,129,1); }
    .hc-ob-row--selected { background: rgba(240,180,41,.07) !important; }
    .hc-ob-row--selected .hc-ob-row__price { color: #F0B429 !important; }
    .hc-ob-row--consumed .hc-ob-row__fill  { opacity: .35; }
    .hc-ob-row--consumed .hc-ob-row__price { text-decoration: line-through; opacity: .45; }
    .hc-ob-row--consumed .hc-ob-row__size, .hc-ob-row--consumed .hc-ob-row__total { opacity: .4; }
    @keyframes obWhalePulse { 0%,100%{opacity:1} 50%{opacity:.25} }
    .hc-ob-row { position: relative; overflow: hidden; }
    .hc-ob-row__vol-bar { position:absolute; right:0; bottom:0; top:auto; width:3px; border-radius:2px 0 0 2px; opacity:.7; transition:height .18s ease; }
    .hc-ob-row--ask .hc-ob-row__vol-bar { background: #EF4444; }
    .hc-ob-row--bid .hc-ob-row__vol-bar { background: #10B981; }
    .hc-ob-row--whale { animation: obWhalePulse 2.2s ease-in-out infinite; }
    @keyframes obSizeDownAsk { 0%{background:rgba(239,68,68,.13)} 60%{background:rgba(239,68,68,.06)} 100%{background:transparent} }
    @keyframes obSizeDownBid { 0%{background:rgba(16,185,129,.13)} 60%{background:rgba(16,185,129,.06)} 100%{background:transparent} }
    .hc-ob-row--ask.hc-ob-row--delta-up   { animation: obFlashAsk .5s ease forwards; }
    .hc-ob-row--bid.hc-ob-row--delta-up   { animation: obFlashBid .5s ease forwards; }
    .hc-ob-row--ask.hc-ob-row--delta-down { animation: obSizeDownAsk .6s ease forwards; }
    .hc-ob-row--bid.hc-ob-row--delta-down { animation: obSizeDownBid .6s ease forwards; }
    .hc-ob-row--hot .hc-ob-row__price { text-shadow: 0 0 7px currentColor; }
    .hc-ob-row--hot .hc-ob-row__fill  { filter: brightness(1.65); }
    .hc-ob-mid__flow { font-size: .68rem; font-weight: 800; min-width: 14px; text-align: center; flex-shrink: 0; transition: color .22s; line-height: 1; }
    .hc-ob-mid__price { transition: color .18s; }
    @keyframes obPriceUp   { 0%{color:#10B981} 75%{color:#10B981} 100%{color:#F4F5F7} }
    @keyframes obPriceDown { 0%{color:#EF4444} 75%{color:#EF4444} 100%{color:#F4F5F7} }
    .hc-ob-mid__price--up   { animation: obPriceUp   .8s ease forwards; }
    .hc-ob-mid__price--down { animation: obPriceDown .8s ease forwards; }
    .hc-ob-mid { flex-wrap: nowrap; gap: 4px; }
    .hc-ob-row__count { font-size: .5rem; font-weight: 700; color: rgba(255,255,255,.25); margin-left: 2px; vertical-align: middle; letter-spacing: -.01em; }
    .hc-ob-calc__side-toggle { display: flex; border: 1px solid rgba(255,255,255,.1); border-radius: 5px; overflow: hidden; flex-shrink: 0; }
    .hc-ob-calc__side-btn { flex: 1; background: transparent; border: none; font-size: .62rem; font-weight: 700; padding: 4px 8px; cursor: pointer; transition: all .15s; color: #4B5563; }
    .hc-ob-calc__side-btn--buy.hc-ob-calc__side-btn--active  { background: rgba(16,185,129,.14); color: #10B981; }
    .hc-ob-calc__side-btn--sell.hc-ob-calc__side-btn--active { background: rgba(239,68,68,.14);  color: #EF4444; }
    .hc-ob-sparkline { width: 50px; height: 20px; flex-shrink: 0; display: block; opacity: .7; }
    .hc-ob-field-canvas-wrap { position: relative; height: 0; overflow: visible; pointer-events: none; }
    .hc-ob-field-lines, .hc-ob-particles { position: absolute; left: 0; right: 0; width: 100%; pointer-events: none; }
    .hc-ob-field-lines { bottom: 0; height: 68px; opacity: .45; z-index: 2; }
    .hc-ob-particles   { bottom: -14px; height: 26px; opacity: .85; z-index: 3; }
    .hc-ob-depth-curve { display: block; width: 100%; height: 54px; flex-shrink: 0; border-top: 1px solid rgba(255,255,255,.04); }
    .hc-ob-depth-bar { position: relative; height: 6px; background: rgba(255,255,255,.04); display: flex; overflow: hidden; }
    .hc-ob-aurora { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
    .hc-ob-depth-bar__bid, .hc-ob-depth-bar__ask { position: relative; z-index: 1; height: 6px; }
    .hc-ob-footer { grid-template-columns: 1fr 1fr 1fr; gap: 4px 6px; }
    .hc-ob-kb-hint { font-size: .52rem; color: #1F2937; text-align: center; padding: 2px 0 3px; letter-spacing: .04em; user-select: none; }
    #hc-ob-tick-badge { font-size:.48rem; color:#6B7280; margin-left:6px; }
    .hc-ob-alert-wrap { display:none; position:fixed; z-index:10001; background:rgba(17,24,39,.96); border:1px solid rgba(16,185,129,.3); border-radius:6px; padding:6px 8px; gap:4px; align-items:center; flex-direction:row; box-shadow:0 4px 16px rgba(0,0,0,.5); }
    .hc-ob-alert-wrap--visible { display:flex !important; }
    .hc-ob-alert-wrap input { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius:4px; color:#F4F5F7; font-size:.7rem; padding:3px 6px; width:90px; outline:none; }
    .hc-ob-alert-wrap input:focus { border-color:rgba(16,185,129,.5); }
    .hc-ob-alert-wrap button { background:rgba(16,185,129,.15); border:1px solid rgba(16,185,129,.35); border-radius:4px; color:#10B981; font-size:.65rem; padding:3px 7px; cursor:pointer; white-space:nowrap; }
    .hc-ob-alert-wrap button:hover { background:rgba(16,185,129,.28); }
    @keyframes obAlertPop { 0%{transform:scale(.8);opacity:0} 70%{transform:scale(1.08)} 100%{transform:scale(1);opacity:1} }
    .hc-ob-alert-wrap--visible { animation: obAlertPop .22s ease forwards; }
    #hc-ob-alert-btn.hc-ob-ctrl-btn--active { color: #F0B429; }
    @keyframes obPanelGlow { 0%,100%{ box-shadow: inset 0 0 0 1px rgba(16,185,129,0); } 50%{ box-shadow: inset 0 0 0 1px rgba(16,185,129,.12), 0 0 28px rgba(16,185,129,.05); } }
    .hc-ob-panel--live { animation: obPanelGlow 3.5s ease-in-out infinite; }
    .hc-ob-panel--fullscreen { position:fixed !important; inset:0 !important; z-index:9999 !important; border-radius:0 !important; width:100vw !important; max-width:100vw !important; height:100vh !important; max-height:100vh !important; }
    .hc-ob-panel--fullscreen .hc-ob-asks,
    .hc-ob-panel--fullscreen .hc-ob-bids { max-height: calc(50vh - 140px) !important; }
    /* ══════════════════════════════════════════════════════════════
       CHART FULLSCREEN — pixel-perfect edge-to-edge, every screen
    ══════════════════════════════════════════════════════════════ */
    #heaven-chart:fullscreen,
    #heaven-chart:-webkit-full-screen {
      padding: 0 !important;
      margin:  0 !important;
      overflow: hidden;
      background: #080910;
      display: flex;
      flex-direction: column;
      /* 100vw/vh as universal fallback; dvh excludes mobile browser chrome */
      width:  100vw;
      height: 100vh;
      height: 100dvh;
    }
    /* Strip container max-width — true edge-to-edge on all monitors */
    #heaven-chart:fullscreen .container,
    #heaven-chart:-webkit-full-screen .container {
      max-width: 100% !important;
      width:     100% !important;
      padding:   0   !important;
      flex: 1;
      min-height: 0;
      display: flex;
      flex-direction: column;
    }
    /* Hide every non-chart element so the canvas dominates */
    #heaven-chart:fullscreen .hc-section-label,
    #heaven-chart:-webkit-full-screen .hc-section-label,
    #heaven-chart:fullscreen .hc-top-actions,
    #heaven-chart:-webkit-full-screen .hc-top-actions,
    #heaven-chart:fullscreen .hc-orb,
    #heaven-chart:-webkit-full-screen .hc-orb,
    #heaven-chart:fullscreen .hc-demo-badge,
    #heaven-chart:-webkit-full-screen .hc-demo-badge,
    #heaven-chart:fullscreen .hc-trade-bar,
    #heaven-chart:-webkit-full-screen .hc-trade-bar { display: none !important; }
    /* Card is the direct flex child that absorbs all remaining space */
    #heaven-chart:fullscreen .hc-card,
    #heaven-chart:-webkit-full-screen .hc-card {
      flex: 1;
      min-height: 0;
      border-radius: 0 !important;
      border:        none !important;
      margin:        0    !important;
      width:         100% !important;
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }
    /* Compact stat header — pinned at top, never grows */
    #heaven-chart:fullscreen .hc-card-head,
    #heaven-chart:-webkit-full-screen .hc-card-head {
      flex-shrink: 0 !important;
      padding: clamp(4px, 1vh, 10px) clamp(8px, 1.5vw, 20px) !important;
    }
    /* Fluid stat typography — auto-compresses on phones and ultrawide alike */
    #heaven-chart:fullscreen .hc-hstat__l,
    #heaven-chart:-webkit-full-screen .hc-hstat__l { font-size: clamp(.5rem,  1vw,  .75rem) !important; }
    #heaven-chart:fullscreen .hc-hstat__v,
    #heaven-chart:-webkit-full-screen .hc-hstat__v { font-size: clamp(.6rem,  1.1vw, .9rem) !important; }
    #heaven-chart:fullscreen .hc-live-price,
    #heaven-chart:-webkit-full-screen .hc-live-price { font-size: clamp(1rem, 2.2vw, 1.8rem) !important; }
    /* Chart body absorbs everything below the header */
    #heaven-chart:fullscreen .hc-chart-body,
    #heaven-chart:-webkit-full-screen .hc-chart-body {
      flex: 1 !important;
      min-height: 0 !important;
      align-items: stretch !important;
    }
    /* Left column is a flex column that fills the chart body */
    #heaven-chart:fullscreen .hc-chart-left,
    #heaven-chart:-webkit-full-screen .hc-chart-left {
      flex: 1 !important;
      min-width: 0 !important;
      min-height: 0 !important;
      display: flex !important;
      flex-direction: column !important;
    }
    /* Compact toolbar — never shrinks, never grows */
    #heaven-chart:fullscreen .hc-toolbar,
    #heaven-chart:-webkit-full-screen .hc-toolbar {
      flex-shrink: 0 !important;
      flex-grow:   0 !important;
      padding: clamp(3px, .6vh, 8px) clamp(6px, 1vw, 14px) !important;
    }
    /* Chart wrap absorbs ALL remaining height — the critical rule */
    #heaven-chart:fullscreen .hc-chart-wrap,
    #heaven-chart:-webkit-full-screen .hc-chart-wrap {
      flex: 1 1 0% !important;
      min-height: 0 !important;
      height: auto !important;    /* override any inline/static height */
    }
    /* Canvas div fills the wrap so JS can measure it accurately */
    #heaven-chart:fullscreen #hc-chart,
    #heaven-chart:-webkit-full-screen #hc-chart {
      width:  100% !important;
      height: 100% !important;
      min-height: 0 !important;
    }
    /* Crosshair info bar — pinned below chart, never competes for height */
    #heaven-chart:fullscreen .hc-cx-bar,
    #heaven-chart:-webkit-full-screen .hc-cx-bar {
      flex-shrink: 0 !important;
      flex-grow:   0 !important;
    }
    /* Order book: hide on narrow screens to give chart all the width */
    @media (max-width: 768px) {
      #heaven-chart:fullscreen .hc-ob-panel,
      #heaven-chart:-webkit-full-screen .hc-ob-panel { display: none !important; }
    }
    .hc-ob-calc { position: absolute; inset: 0; z-index: 10; background: rgba(8,8,18,.97); backdrop-filter: blur(14px); display: flex; flex-direction: column; transform: translateX(100%); transition: transform .32s cubic-bezier(0.22,1,0.36,1); border-left: 1px solid rgba(255,255,255,.07); }
    .hc-ob-calc--visible { transform: translateX(0); }
    .hc-ob-calc__head { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px; border-bottom: 1px solid rgba(255,255,255,.06); flex-shrink: 0; }
    .hc-ob-calc__title { font-size: .62rem; font-weight: 700; color: #9CA3AF; text-transform: uppercase; letter-spacing: .1em; }
    .hc-ob-calc__sel-row { font-size: .6rem; color: #6B7280; text-align: center; padding: 3px 8px; background: rgba(255,255,255,.03); border-radius: 4px; border: 1px solid rgba(255,255,255,.05); }
    .hc-ob-calc__body { flex: 1; overflow-y: auto; padding: 12px; display: flex; flex-direction: column; gap: 10px; }
    .hc-ob-calc__presets { display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; }
    .hc-ob-preset-btn { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); color: #6B7280; font-size: .67rem; font-weight: 700; padding: 5px 0; border-radius: 5px; cursor: pointer; transition: all .15s; }
    .hc-ob-preset-btn:hover { color: #F0B429; border-color: rgba(240,180,41,.4); background: rgba(240,180,41,.07); }
    .hc-ob-preset-btn--active { color: #F0B429; border-color: rgba(240,180,41,.5); background: rgba(240,180,41,.12); }
    .hc-ob-calc__input-row { display: flex; align-items: center; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); border-radius: 6px; overflow: hidden; transition: border-color .15s; }
    .hc-ob-calc__input-row:focus-within { border-color: rgba(16,185,129,.4); }
    .hc-ob-calc__input { flex: 1; background: transparent; border: none; outline: none; color: #F4F5F7; font-size: .82rem; font-weight: 700; padding: 8px 10px; font-variant-numeric: tabular-nums; }
    .hc-ob-calc__input::placeholder { color: #374151; }
    .hc-ob-calc__input-denom { padding: 0 10px; color: #6B7280; font-size: .67rem; font-weight: 700; flex-shrink: 0; border-left: 1px solid rgba(255,255,255,.06); }
    .hc-ob-calc__results { display: flex; flex-direction: column; }
    .hc-ob-calc__row { display: flex; justify-content: space-between; align-items: center; padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,.04); font-size: .68rem; color: #6B7280; }
    .hc-ob-calc__row:last-child { border-bottom: none; }
    .hc-ob-calc__row span:last-child { font-weight: 700; color: #F4F5F7; font-variant-numeric: tabular-nums; }
    .hc-ob-calc__val--warn   { color: #F59E0B !important; }
    .hc-ob-calc__val--danger { color: #EF4444 !important; }
    .hc-ob-calc__swap-btn { background: linear-gradient(135deg, rgba(16,185,129,.13), rgba(16,185,129,.05)); border: 1px solid rgba(16,185,129,.35); color: #10B981; font-size: .72rem; font-weight: 700; padding: 9px 12px; border-radius: 7px; cursor: pointer; transition: all .2s; text-align: center; margin-top: auto; }
    .hc-ob-calc__swap-btn:hover { background: rgba(16,185,129,.22); border-color: rgba(16,185,129,.6); }
    .hc-ob-popover { position: fixed; z-index: 9999; background: rgba(10,10,20,.97); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,.1); border-radius: 9px; padding: 8px 12px; pointer-events: none; font-size: .67rem; color: #9CA3AF; min-width: 158px; box-shadow: 0 10px 36px rgba(0,0,0,.65); opacity: 0; transform: translateY(5px); transition: opacity .12s, transform .12s; font-variant-numeric: tabular-nums; }
    .hc-ob-popover--visible { opacity: 1; transform: translateY(0); }
    .hc-ob-popover__head { font-size: .58rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #374151; margin-bottom: 4px; }
    .hc-ob-popover__row { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; border-bottom: 1px solid rgba(255,255,255,.04); }
    .hc-ob-popover__row:last-child { border-bottom: none; }
    .hc-ob-popover__val { font-weight: 700; color: #F4F5F7; }
    .hc-ob-popover__val--ask { color: #EF4444; }
    .hc-ob-popover__val--bid { color: #10B981; }
    .hc-ob-drag-handle { position: absolute; left: 0; top: 0; bottom: 0; width: 6px; cursor: ew-resize; z-index: 20; background: transparent; transition: background .2s; }
    .hc-ob-drag-handle:hover, .hc-ob-drag-handle--dragging { background: linear-gradient(90deg, rgba(168,85,247,.32), transparent); }
    .hc-ob-drag-handle::before { content: ''; position: absolute; left: 2px; top: 50%; transform: translateY(-50%); width: 2px; height: 30px; border-radius: 2px; background: rgba(168,85,247,.22); transition: all .2s; }
    .hc-ob-drag-handle:hover::before { background: rgba(168,85,247,.7); height: 48px; }
    .hc-ob-whale-alert { position: absolute; bottom: 56px; left: 50%; transform: translateX(-50%) translateY(10px); background: rgba(240,180,41,.1); border: 1px solid rgba(240,180,41,.4); border-radius: 8px; padding: 5px 12px; font-size: .68rem; font-weight: 700; color: #F0B429; pointer-events: none; z-index: 16; white-space: nowrap; opacity: 0; transition: opacity .3s, transform .3s; box-shadow: 0 4px 22px rgba(240,180,41,.16); }
    .hc-ob-whale-alert--visible { opacity: 1; transform: translateX(-50%) translateY(0); }
    /* Whale toast for chart section */
    .hc-whale-toast { position: absolute; top: 16px; left: 50%; transform: translateX(-50%) translateY(-8px); background: rgba(240,180,41,.12); border: 1px solid rgba(240,180,41,.45); border-radius: 8px; padding: 6px 14px; font-size: .75rem; font-weight: 700; color: #F0B429; pointer-events: none; z-index: 20; white-space: nowrap; opacity: 0; transition: opacity .3s, transform .3s; box-shadow: 0 4px 24px rgba(240,180,41,.2); }
    .hc-whale-toast--visible { opacity: 1; transform: translateX(-50%) translateY(0); }
    @media (max-width: 960px) { .hc-ob-controls { overflow-x: auto; flex-wrap: nowrap; } .hc-ob-depth-curve { height: 38px; } .hc-ob-field-canvas-wrap { display: none; } }
    @media (max-width: 600px) { .hc-ob-controls { padding: 4px 8px; gap: 4px; } .hc-ob-calc__body { padding: 8px; gap: 8px; } }
  
/* Hide decorative blur orbs on mobile — prevents filter:blur(60px) + will-change compositing layers */
@media (max-width: 768px) {
  .section-orb { display: none !important; }
}


/* ══════════════════════════════════════════════════════════
   PERFORMANCE + ACCESSIBILITY ENHANCEMENTS
   ══════════════════════════════════════════════════════════ */

/* Touch targets — WCAG 2.5.5 minimum 44×44px */
.hc-tf, .hc-zoom, .hc-ob-ctrl-btn, .hc-ob-depth-btn, .hc-ob-toggle {
  min-height: 44px;
  min-width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.nav__hamburger, #hamburger {
  min-height: 48px;
  min-width: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Focus-visible ring — keyboard navigation */
:focus-visible {
  outline: 2px solid var(--gold, #F0B429);
  outline-offset: 3px;
  border-radius: 4px;
}
button:focus:not(:focus-visible),
a:focus:not(:focus-visible) {
  outline: none;
}

/* CLS guards — reserve space for dynamic content so layout doesn't jump */
.hc-ob-asks, .hc-ob-bids { min-height: 160px; }
.hc-trade-bar, #buyTerminal { min-height: 380px; }
.hc-ob-panel { min-width: 200px; min-height: 420px; }
.hc-chart-wrap { min-height: 320px; contain: layout style; }

/* content-visibility — skip paint for off-screen sections (saves 200-400ms render time) */
#why-buy, #how-it-works, #ecosystem, #tokenomics, #community {
  content-visibility: auto;
  contain-intrinsic-size: 0 600px;
}

/* GPU compositing hints */
.dm-canvas, .hc-ob-boids-canvas, .hc-ob-particles, .hc-ob-field-lines,
.hc-ob-aurora, .coin-3d__inner { will-change: transform; }
.hero__title-line, .hero__subtitle { will-change: opacity, transform; }
#dm-gl-particles { transition: opacity 0.4s ease; }

/* Mobile grid stacking — prevents overflow at 375px */
@media (max-width: 480px) {
  .product-grid, .why-grid, .community-grid, .tokenomics-grid {
    grid-template-columns: 1fr !important;
  }
  .hc-tf { font-size: .7rem; min-width: 36px; padding: 0 6px; }
  .hc-ob-calc__body { padding: 8px; gap: 8px; }
  .hero__stats { flex-direction: column; gap: 16px; }
}

/* Skip link — off-screen, shown on keyboard focus */
.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip-link:focus {
  position: fixed;
  top: 0; left: 0;
  width: auto; height: auto;
  padding: 16px 24px;
  background: var(--bg, #06091A);
  color: var(--text-1, #F4F5F7);
  z-index: 10001;
  font-size: 1rem;
  font-weight: 600;
  border-bottom: 2px solid var(--gold, #F0B429);
  outline: none;
}