/* ============================================================
   Sections — page-level layouts (nav, hero, market, ...)
   ============================================================ */

/* ── Navbar ──────────────────────────────────────────────── */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav);background:rgba(10,10,15,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--b1);display:flex;align-items:center;}
.nav-in{display:flex;align-items:center;justify-content:space-between;width:100%;}
.logo{display:flex;align-items:center;gap:9px;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:19px;}
.logo-i{width:34px;height:34px;background:var(--g1);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;}
.nav-links{display:none;align-items:center;gap:2px;list-style:none;}
@media(min-width:768px){.nav-links{display:flex;}}
.nav-links a{padding:7px 13px;border-radius:var(--r1);font-size:13.5px;font-weight:500;color:var(--t2);transition:color .2s,background .2s;}
.nav-links a:hover,.nav-links a.act{color:var(--t1);background:var(--b1);}
.nav-r{display:flex;align-items:center;gap:10px;}
.nav-cta{display:none;}
@media(min-width:600px){.nav-cta{display:inline-flex;}}

/* Hamburger */
.hbg{display:flex;flex-direction:column;gap:5px;padding:8px;width:44px;height:44px;align-items:center;justify-content:center;}
@media(min-width:768px){.hbg{display:none;}}
.hbg span{width:20px;height:2px;background:var(--t1);border-radius:2px;transition:all .3s;}
.hbg.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.hbg.open span:nth-child(2){opacity:0;}
.hbg.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}

/* Mobile menu */
.mob-menu{position:fixed;top:var(--nav);left:0;right:0;background:rgba(10,10,15,.97);backdrop-filter:blur(18px);border-bottom:1px solid var(--b1);padding:12px 20px 20px;z-index:99;display:none;flex-direction:column;gap:3px;}
.mob-menu.open{display:flex;}
.mob-menu a{padding:11px 14px;border-radius:var(--r1);font-size:15px;font-weight:500;color:var(--t2);transition:color .2s,background .2s;}
.mob-menu a:hover{color:var(--t1);background:var(--b1);}
.mob-menu .btn{margin-top:10px;justify-content:center;}

/* ── Ticker ──────────────────────────────────────────────── */
.tick-wrap{overflow:hidden;background:var(--bg-s);border-bottom:1px solid var(--b1);padding:9px 0;margin-top:var(--nav);}
.tick-track{display:flex;gap:36px;white-space:nowrap;animation:tick 28s linear infinite;width:max-content;}
.tick-wrap:hover .tick-track{animation-play-state:paused;}
@keyframes tick{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.ti{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;font-family:'Space Grotesk',sans-serif;}
.ti-sym{color:var(--t3);font-size:11px;}
.ti-p{color:var(--t1);}
.up{color:var(--green)!important;}
.dn{color:var(--red)!important;}
.ti-dot{width:4px;height:4px;border-radius:50%;background:var(--b2);}

/* ── Hero ────────────────────────────────────────────────── */
.hero{padding:64px 0 56px;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;top:-160px;left:50%;transform:translateX(-50%);width:900px;height:700px;background:radial-gradient(ellipse at 40% 50%,rgba(108,99,255,.17) 0%,transparent 65%);pointer-events:none;}
.hero::after{content:'';position:absolute;top:0;right:-80px;width:500px;height:500px;background:radial-gradient(ellipse,rgba(0,255,163,.08) 0%,transparent 65%);pointer-events:none;}
@media(min-width:1024px){.hero{padding:96px 0 72px;}}
.hero-in{display:grid;grid-template-columns:1fr;gap:48px;align-items:center;position:relative;z-index:1;}
@media(min-width:1024px){.hero-in{grid-template-columns:1fr 1fr;gap:56px;}}
.hero-badge-top{display:inline-flex;align-items:center;gap:7px;padding:5px 13px;border:1px solid var(--ba);border-radius:999px;font-size:11.5px;font-weight:700;color:var(--purple);font-family:'Space Grotesk',sans-serif;letter-spacing:.05em;text-transform:uppercase;margin-bottom:22px;}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite;}
.hero-h{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,5.5vw,68px);font-weight:800;line-height:1.06;letter-spacing:-.025em;margin-bottom:20px;}
.hero-p{font-size:clamp(15px,1.8vw,17px);color:var(--t2);line-height:1.75;max-width:480px;margin-bottom:36px;}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:44px;}
.hero-stats{display:flex;flex-wrap:wrap;gap:28px;}
.stat-v{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;}
.stat-l{font-size:12px;color:var(--t2);margin-top:2px;}

/* Hero price card */
.hero-vis{display:flex;justify-content:center;position:relative;}
.hc-main{background:var(--bg-s);border:1px solid var(--b2);border-radius:var(--r4);padding:22px;width:100%;max-width:370px;box-shadow:0 40px 100px rgba(0,0,0,.55);}
.hc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.hc-ttl{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;}
.hc-sub{font-size:11px;color:var(--t3);}
.price-xl{font-family:'Space Grotesk',sans-serif;font-size:38px;font-weight:800;margin-bottom:6px;}
.price-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;font-family:'Space Grotesk',sans-serif;background:rgba(0,255,163,.12);color:var(--green);}
.spark{margin:14px 0;}
.clist{display:flex;flex-direction:column;gap:10px;margin-top:16px;}
.crow{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--r1);background:var(--bg-e);}
.ci{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.cn{flex:1;}
.cn-n{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:12.5px;}
.cn-s{font-size:10.5px;color:var(--t3);}
.cp2{text-align:right;}
.cp2-p{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:12.5px;}
.cp2-c{font-size:11px;}
.fl-badge{position:absolute;background:var(--bg-e);border:1px solid var(--b2);border-radius:var(--r2);padding:9px 13px;font-size:12px;font-family:'Space Grotesk',sans-serif;font-weight:600;white-space:nowrap;box-shadow:0 8px 28px rgba(0,0,0,.45);}
.fl1{top:-14px;right:-18px;animation:fl 4s ease-in-out infinite;}
.fl2{bottom:36px;left:-20px;animation:fl 4s ease-in-out infinite 1.6s;}
@keyframes fl{0%,100%{transform:translateY(0);}50%{transform:translateY(-7px);}}
@media(max-width:440px){.fl-badge{display:none;}}

/* ── Market snapshot ─────────────────────────────────────── */
.mkt{padding:64px 0;background:var(--bg-s);}
.mkt-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(min-width:768px){.mkt-grid{grid-template-columns:repeat(4,1fr);}}
.mc{padding:20px;}
.mc-l{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--t3);font-family:'Space Grotesk',sans-serif;margin-bottom:10px;}
.mc-v{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;margin-bottom:5px;}
.mc-c{font-size:12.5px;font-weight:600;font-family:'Space Grotesk',sans-serif;}
.fg-bar{height:5px;border-radius:3px;background:var(--bg-o);margin-top:10px;overflow:hidden;}
.fg-fill{height:100%;width:0;border-radius:3px;background:var(--g3);transition:width 1.4s ease .4s;}
.fg-fill.on{width:62%;}
.spark-mini{margin-top:10px;}

/* ── Featured articles ───────────────────────────────────── */
.feat{padding:72px 0;}
.feat-hdr{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:36px;}
.feat-grid{display:grid;grid-template-columns:1fr;gap:14px;}
@media(min-width:768px){.feat-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:1024px){.feat-grid{grid-template-columns:5fr 3fr 3fr;}}
.ac{overflow:hidden;cursor:pointer;}
.ath{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-size:64px;border-radius:var(--r2);position:relative;overflow:hidden;}
.ath::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.07) 0%,transparent 70%);}
.ac-feat .ath{aspect-ratio:3/2;font-size:96px;}
.ab{padding:18px;}
.am{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.at{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;line-height:1.4;margin-bottom:7px;transition:color .2s;}
.ac-feat .at{font-size:clamp(17px,2vw,22px);}
.ac:hover .at{color:var(--purple);}
.ae{font-size:13px;color:var(--t2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.a-time{font-size:11.5px;color:var(--t3);}

/* ── Airdrop hot ─────────────────────────────────────────── */
.air{padding:72px 0;background:var(--bg-s);}
.air-hdr{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:36px;}
.air-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;margin:0 -20px;padding-left:20px;padding-right:20px;}
.air-scroll::-webkit-scrollbar{display:none;}
@media(min-width:768px){.air-scroll{margin:0 -40px;padding-left:40px;}}
.air-track{display:flex;gap:14px;width:max-content;}
.aircard{width:270px;padding:18px;flex-shrink:0;cursor:pointer;}
.air-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.air-logo{display:flex;align-items:center;gap:9px;}
.air-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.air-name{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;}
.air-chain{font-size:11px;color:var(--t3);}
.air-div{height:1px;background:var(--b1);margin:12px 0;}
.air-row{display:flex;justify-content:space-between;margin-bottom:8px;}
.air-key{font-size:11px;color:var(--t3);}
.air-val{font-size:12px;font-weight:600;font-family:'Space Grotesk',sans-serif;}
.air-val-g{color:var(--green);}
.air-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px;}

/* ── Learn ───────────────────────────────────────────────── */
.learn{padding:72px 0;}
.learn-grid{display:grid;grid-template-columns:1fr;gap:18px;}
@media(min-width:640px){.learn-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.learn-grid{grid-template-columns:repeat(3,1fr);}}
.lcard{padding:28px;position:relative;overflow:hidden;}
.lcard::after{content:'';position:absolute;top:-50px;right:-50px;width:140px;height:140px;border-radius:50%;opacity:.1;}
.lcard.lb::after{background:var(--cyan);}
.lcard.ld::after{background:var(--purple);}
.lcard.la::after{background:var(--green);}
.l-icon{width:50px;height:50px;border-radius:var(--r2);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;}
.lb .l-icon{background:rgba(62,207,207,.14);}
.ld .l-icon{background:rgba(108,99,255,.14);}
.la .l-icon{background:rgba(0,255,163,.14);}
.l-ttl{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:19px;margin-bottom:9px;}
.l-desc{font-size:13.5px;color:var(--t2);line-height:1.65;margin-bottom:18px;}
.l-items{display:flex;flex-direction:column;gap:7px;margin-bottom:22px;}
.l-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--t2);}
.l-chk{width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0;}
.lb .l-chk{background:rgba(62,207,207,.14);color:var(--cyan);}
.ld .l-chk{background:rgba(108,99,255,.14);color:var(--purple);}
.la .l-chk{background:rgba(0,255,163,.14);color:var(--green);}
.l-link{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;gap:5px;transition:gap .2s;}
.lb .l-link{color:var(--cyan);}
.ld .l-link{color:var(--purple);}
.la .l-link{color:var(--green);}
.lcard:hover .l-link{gap:9px;}

/* ── Spotlight ───────────────────────────────────────────── */
.spot{padding:72px 0;background:var(--bg-s);}
.spot-in{display:grid;grid-template-columns:1fr;gap:48px;align-items:center;}
@media(min-width:1024px){.spot-in{grid-template-columns:1fr 1fr;gap:72px;}}
.spot-vis{background:var(--bg-e);border:1px solid var(--b2);border-radius:var(--r4);padding:32px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.spot-vis::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 60%,rgba(108,99,255,.22) 0%,transparent 60%),radial-gradient(ellipse at 70% 30%,rgba(0,255,163,.12) 0%,transparent 60%);}
.spot-em{font-size:76px;position:relative;z-index:1;}
.spot-mini{position:absolute;bottom:20px;left:20px;right:20px;background:rgba(16,16,26,.85);border:1px solid var(--b2);border-radius:var(--r2);padding:13px;backdrop-filter:blur(8px);}
.spot-lbl{font-size:11px;color:var(--purple);font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px;}
.spot-h{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,3.5vw,38px);font-weight:700;line-height:1.2;margin-bottom:14px;}
.spot-p{color:var(--t2);line-height:1.7;margin-bottom:24px;font-size:15px;}
.met-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px;}
.met{padding:14px;background:var(--bg-e);border:1px solid var(--b1);border-radius:var(--r2);}
.met-v{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;margin-bottom:3px;}
.met-l{font-size:11.5px;color:var(--t3);}
.spot-acts{display:flex;gap:10px;flex-wrap:wrap;}

/* ── Community banner ────────────────────────────────────── */
.comm{padding:96px 0;position:relative;overflow:hidden;}
.comm::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#00C97F 0%,#00FFA3 40%,#03E1FF 100%);}
.comm::after{content:'';position:absolute;top:-120px;right:-120px;width:520px;height:520px;border-radius:50%;background:rgba(255,255,255,.1);}
.comm-blob{position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;border-radius:50%;background:rgba(0,0,0,.06);}
.comm-in{position:relative;z-index:1;text-align:center;max-width:600px;margin:0 auto;}
.comm-h{font-family:'Space Grotesk',sans-serif;font-size:clamp(34px,5vw,58px);font-weight:800;color:#0A0A0F;line-height:1.1;margin-bottom:18px;}
.comm-p{font-size:16px;color:rgba(10,10,15,.68);margin-bottom:36px;line-height:1.6;}
.comm-acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.comm-proof{margin-top:32px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;color:rgba(10,10,15,.6);font-weight:600;}
.av-stack{display:flex;}
.av{width:30px;height:30px;border-radius:50%;border:2px solid rgba(0,201,127,.7);display:flex;align-items:center;justify-content:center;font-size:13px;background:var(--bg-e);margin-left:-7px;}
.av:first-child{margin-left:0;}

/* ── Latest posts ────────────────────────────────────────── */
.posts{padding:72px 0;}
.posts-hdr{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:36px;}
.posts-grid{display:grid;grid-template-columns:1fr;gap:14px;}
@media(min-width:640px){.posts-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.posts-grid{grid-template-columns:repeat(3,1fr);}}
.pc{overflow:hidden;cursor:pointer;}
.pth{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-size:48px;border-radius:var(--r2) var(--r2) 0 0;position:relative;overflow:hidden;}
.pth::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.06) 0%,transparent 70%);}
.pb{padding:16px 18px;}
.pm{display:flex;align-items:center;gap:7px;margin-bottom:8px;}
.pt{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;line-height:1.4;margin-bottom:6px;transition:color .2s;}
.pc:hover .pt{color:var(--purple);}
.pe{font-size:12.5px;color:var(--t2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pf{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-top:1px solid var(--b1);font-size:12px;color:var(--t3);}

/* ── Newsletter ──────────────────────────────────────────── */
.news{padding:72px 0;}
.news-card{padding:52px 40px;text-align:center;position:relative;overflow:hidden;border-color:var(--ba);}
@media(max-width:640px){.news-card{padding:36px 22px;}}
.news-card::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(108,99,255,.14) 0%,transparent 60%);pointer-events:none;}
.news-h{font-family:'Space Grotesk',sans-serif;font-size:clamp(22px,3vw,34px);font-weight:700;margin-bottom:10px;position:relative;}
.news-p{color:var(--t2);font-size:14.5px;margin-bottom:28px;position:relative;}
.news-form{display:flex;gap:10px;max-width:460px;margin:0 auto;flex-wrap:wrap;position:relative;}
@media(min-width:460px){.news-form{flex-wrap:nowrap;}}
.news-inp{flex:1;padding:12px 15px;background:var(--bg-e);border:1.5px solid var(--b2);border-radius:var(--r2);color:var(--t1);font-size:13.5px;font-family:'Inter',sans-serif;outline:none;min-height:44px;width:100%;transition:border-color .2s;}
.news-inp::placeholder{color:var(--t3);}
.news-inp:focus{border-color:var(--purple);}
.news-form .btn{flex-shrink:0;width:100%;}
@media(min-width:460px){.news-form .btn{width:auto;}}

/* ── Footer ──────────────────────────────────────────────── */
.footer{background:var(--bg-s);border-top:1px solid var(--b1);padding:60px 0 28px;}
.foot-grid{display:grid;grid-template-columns:1fr;gap:36px;margin-bottom:44px;}
@media(min-width:640px){.foot-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.foot-grid{grid-template-columns:2fr 1fr 1fr 1fr;}}
.foot-brand p{font-size:13.5px;color:var(--t2);line-height:1.7;margin-top:14px;max-width:270px;}
.foot-soc{display:flex;gap:8px;margin-top:20px;}
.soc-btn{width:40px;height:40px;border-radius:var(--r1);background:var(--bg-e);border:1px solid var(--b1);display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s;min-width:44px;min-height:44px;}
.soc-btn:hover{border-color:var(--purple);background:rgba(108,99,255,.1);transform:translateY(-2px);}
.foot-ttl{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13.5px;margin-bottom:14px;color:var(--t1);}
.foot-links{list-style:none;display:flex;flex-direction:column;gap:9px;}
.foot-links a{font-size:13.5px;color:var(--t2);transition:color .2s;}
.foot-links a:hover{color:var(--t1);}
.foot-bot{padding-top:22px;border-top:1px solid var(--b1);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.foot-copy{font-size:12.5px;color:var(--t3);}
.foot-disc{font-size:11.5px;color:var(--t3);}

/* ── Scroll-top button ───────────────────────────────────── */
.stb{position:fixed;bottom:22px;right:22px;width:44px;height:44px;border-radius:var(--r2);background:var(--g1);display:flex;align-items:center;justify-content:center;font-size:18px;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s;z-index:50;box-shadow:0 4px 20px rgba(108,99,255,.4);cursor:pointer;}
.stb.on{opacity:1;transform:none;}