@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root { --bg:#06090d; --bg-soft:#0d1219; --panel:rgba(16,22,30,.82); --panel-strong:#111821; --text:#f7f8f6; --muted:#9ca8b0; --gold:#dfed91; --green:#b9e8aa; --cyan:#8dd9dd; --line:rgba(213,232,222,.13); --shadow:0 28px 80px rgba(0,0,0,.35); font-family:'DM Sans',sans-serif; }
body { background:#06090d; padding-top:76px; cursor:auto; }
body::before { content:''; position:fixed; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(circle at 78% 12%,rgba(111,171,143,.08),transparent 36%),linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px); background-size:auto,64px 64px,64px 64px; }
a,button,select,input,label { cursor:pointer; }
.cursor-dot,.cursor-ring { display:none!important; }
.content-shell { width:min(1320px,calc(100% - 72px)); }
.site-header { padding:13px max(36px,calc((100vw - 1320px)/2)); background:rgba(6,9,13,.78); border-color:rgba(255,255,255,.09); backdrop-filter:blur(24px); }
.site-header::before { background:linear-gradient(90deg,transparent,rgba(223,237,145,.4),transparent); }
.brand { gap:10px; }
.brand-mark { width:42px; height:42px; border:1px solid rgba(223,237,145,.4); background:#141a16; box-shadow:none; }
.brand strong { font-family:'Space Grotesk',sans-serif; font-size:1.1rem; letter-spacing:-.05em; }
.brand small { font-size:.62rem; text-transform:uppercase; letter-spacing:.22em; }
.nav-links { font-size:.79rem; font-weight:600; gap:clamp(13px,1.6vw,26px); letter-spacing:.02em; }
.nav-links a { transition:color .2s; }
.nav-links a.active { color:var(--gold); }
.header-actions { gap:9px; }
.language-control { font-size:.75rem; }
.language-trigger { min-height:40px; width:125px; border-radius:100px; background:#111820; border-color:var(--line); }
.button,.telegram-button { border-radius:100px; }
.button-outline { min-width:132px; background:var(--gold); border:1px solid var(--gold); color:#111712; }
.button-outline:hover { background:#f3ffad; }
.telegram-button { width:40px; height:40px; background:#121d22; }
.hero { min-height:min(830px,calc(100svh - 76px)); isolation:isolate; background:radial-gradient(circle at 72% 45%,rgba(157,215,164,.15),transparent 30%),radial-gradient(circle at 55% 105%,rgba(223,237,145,.11),transparent 45%),#070b0f; }
.hero::after { content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:linear-gradient(90deg,transparent,#9aa88e,transparent); opacity:.3; }
.hero-backdrop { background:linear-gradient(90deg,rgba(6,9,13,.6),transparent 65%),repeating-linear-gradient(0deg,transparent 0 119px,rgba(255,255,255,.025) 120px),repeating-linear-gradient(90deg,transparent 0 119px,rgba(255,255,255,.025) 120px); opacity:1; }
.hero-grid { grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr); min-height:690px; gap:0; padding:90px 0 112px; }
.hero-copy { position:relative; z-index:2; }
.eyebrow { display:inline-flex; align-items:center; gap:12px; margin-bottom:22px; color:var(--gold); font-size:.7rem; letter-spacing:.25em; font-weight:700; }
.eyebrow::before { content:''; width:25px; height:1px; background:currentColor; }
h1,h2,h3,.brand strong { font-family:'Space Grotesk',sans-serif; }
h1 { max-width:800px; font-size:clamp(3.8rem,6.7vw,7.2rem); line-height:.97; letter-spacing:-.075em; font-weight:600; margin-bottom:28px; }
h2 { font-size:clamp(2.7rem,4.8vw,5.3rem); line-height:1.02; letter-spacing:-.065em; font-weight:600; }
h3 { letter-spacing:-.035em; }
.hero-lede { max-width:520px; color:#aeb9b7; font-size:1.09rem; line-height:1.7; margin-bottom:34px; }
.hero-actions { gap:10px; }
.hero-cta { min-height:58px; border-radius:100px; padding:0 25px; font-size:.85rem; font-weight:700; }
.hero-cta-primary { min-width:210px; background:var(--gold); box-shadow:0 18px 50px rgba(223,237,145,.15); }
.hero-cta-primary strong { background:#151b16; color:var(--gold); }
.hero-cta-secondary { min-width:160px; background:transparent; border-color:rgba(255,255,255,.3); }
.token-stage { transform:scale(1.07); filter:drop-shadow(0 40px 70px rgba(0,0,0,.45)); }
.coin-plate { box-shadow:inset 0 0 55px rgba(255,255,255,.12),0 0 90px rgba(223,237,145,.14),0 40px 100px rgba(0,0,0,.55); }
.chain-ring { border-color:rgba(223,237,145,.26); }
.metric-chip { border:1px solid rgba(221,238,204,.2); backdrop-filter:blur(20px); box-shadow:0 25px 55px rgba(0,0,0,.4); }
.ticker-strip { border-block:1px solid var(--line); background:#0c1116; }
.ticker-strip div { padding-block:25px; }
.ticker-strip span { font-size:.67rem; text-transform:uppercase; letter-spacing:.18em; }
.ticker-strip strong { font-family:'Space Grotesk'; font-size:1rem; letter-spacing:-.03em; }
.featured-section { background:#080d11; }
.featured-label { letter-spacing:.24em; font-size:.68rem; }
.partners-row { opacity:.68; }
.section { padding-block:130px; }
.section-band { background:linear-gradient(180deg,#0b1015,#0d1418 55%,#090e12); }
.section-heading { margin-bottom:54px; }
.section-heading p { color:var(--muted); }
.feature-grid { gap:14px; }
.feature-card,.app-tile,.stats-grid div,.document-link,.token-profile,.swap-panel,.exchange-card { border:1px solid var(--line); background:linear-gradient(145deg,rgba(29,39,45,.7),rgba(11,17,21,.9)); border-radius:20px; box-shadow:none; }
.feature-card { min-height:345px; padding:30px; position:relative; overflow:hidden; transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s; }
.feature-card::before { content:''; position:absolute; width:240px; height:240px; right:-100px; top:-100px; border-radius:50%; background:radial-gradient(circle,rgba(223,237,145,.13),transparent 70%); opacity:0; transition:opacity .3s; }
.feature-card:hover { transform:translateY(-9px); border-color:rgba(223,237,145,.44); background:#17201f; }
.feature-card:hover::before { opacity:1; }
.feature-icon { color:var(--gold); }
.feature-card a { color:var(--gold); }
.stats-grid { gap:12px; }
.stats-grid div { padding:30px; }
.stats-grid strong { color:var(--text); font-family:'Space Grotesk'; letter-spacing:-.04em; }
.document-link { transition:transform .3s,border-color .3s; }
.document-link:hover { transform:translateY(-6px); border-color:var(--gold); }
.site-footer { background:#080c10; border-top:1px solid var(--line); }
.reveal { opacity:0; transform:translate3d(0,48px,0); transition:opacity .8s ease,transform .9s cubic-bezier(.2,.75,.2,1); }
.reveal.is-visible { opacity:1; transform:translate3d(0,0,0); }
.feature-card.reveal:nth-child(2),.stats-grid div.reveal:nth-child(2) { transition-delay:.08s; }
.feature-card.reveal:nth-child(3),.stats-grid div.reveal:nth-child(3) { transition-delay:.16s; }
.feature-card.reveal:nth-child(4),.stats-grid div.reveal:nth-child(4) { transition-delay:.24s; }
.hero-copy { animation:heroEnter .9s both; }
.token-stage { animation:stageEnter 1.2s .2s both; }
@keyframes heroEnter { from { opacity:0; transform:translateY(35px); } to { opacity:1; transform:translateY(0); } }
@keyframes stageEnter { from { opacity:0; transform:translateY(35px) scale(.92); } to { opacity:1; transform:translateY(0) scale(1.07); } }
@media(max-width:1100px) { .site-header { padding-inline:22px; } .content-shell { width:min(100% - 44px,1320px); } .hero-grid { grid-template-columns:1fr 370px; } h1 { font-size:clamp(3.5rem,6.5vw,5.8rem); } }
@media(max-width:800px) { body { padding-top:70px; } .site-header { padding:12px 20px; } .content-shell { width:calc(100% - 40px); } .hero { min-height:auto; } .hero-grid { display:flex; flex-direction:column; align-items:stretch; gap:5px; min-height:auto; padding:75px 0 45px; } .hero-copy { text-align:left; } h1 { font-size:clamp(3.2rem,11vw,5.3rem); } .hero-lede { font-size:1rem; } .token-stage { width:min(100%,450px); height:410px; align-self:center; transform:scale(.85); margin:-10px 0 -35px; } @keyframes stageEnter { from { opacity:0; transform:translateY(35px) scale(.78); } to { opacity:1; transform:translateY(0) scale(.85); } } .section { padding-block:90px; } .ticker-strip { grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px) { .content-shell { width:calc(100% - 32px); } .hero-grid { padding-top:58px; } h1 { font-size:clamp(3rem,13vw,4.3rem); } h2 { font-size:clamp(2.5rem,10vw,3.8rem); } .hero-cta { min-height:54px; } .token-stage { margin-left:-25px; margin-right:-25px; } .ticker-strip div { padding:18px 13px; } .ticker-strip strong { font-size:.82rem; } .section { padding-block:72px; } .feature-card { min-height:290px; } }
@media(prefers-reduced-motion:reduce) { .reveal,.hero-copy,.token-stage { animation:none!important; transition:none!important; opacity:1!important; transform:none!important; } html { scroll-behavior:auto; } }