/* ===== SLINK BRAND v2 — CYAN-TO-BLUE GRADIENT SYSTEM ===== */
:root {
  --sl-void: #04070F;
  --sl-deep: #080D1A;
  --sl-navy: #0C1428;
  --sl-surface: #101D35;
  --sl-elevated: #162240;
  --sl-border: #1E3055;
  --sl-border2: #243868;
  --sl-cyan: #00E5FF;
  --sl-cyan2: #00C4D9;
  --sl-blue: #0088FF;
  --sl-blue2: #005FCC;
  --sl-grad: linear-gradient(135deg, #00E5FF, #0088FF);
  --sl-glow: rgba(0,229,255,0.12);
  --sl-white: #F0F8FF;
  --sl-silver: #8BA8CC;
  --sl-muted: #4A6A99;
  --font-display: 'Sora', sans-serif;
  --font-body: 'Space Grotesk', sans-serif;
  --font-mono: 'Space Mono', monospace;
  --radius-sm: 3px;
  --radius: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --max-width: 1200px;
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
  --transition: 0.2s ease;
  --transition-slow: 600ms ease;
  --shadow: 0 4px 24px rgba(0,229,255,0.08);
}

/* ===== RESET ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-body);font-size:1rem;font-weight:300;line-height:1.6;color:var(--sl-silver);background:var(--sl-void);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;display:block}
a{color:var(--sl-cyan);text-decoration:none;transition:color var(--transition)}
a:hover{color:var(--sl-cyan2)}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:300;line-height:1.15;color:var(--sl-white)}
h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:200}
h2{font-size:clamp(1.75rem,3vw,2.25rem)}
h3{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:400}
p{color:var(--sl-silver)}
.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}

/* ===== PRELOADER ===== */
.preloader{position:fixed;inset:0;background:var(--sl-void);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s,visibility .5s}
.preloader.hidden{opacity:0;visibility:hidden}
.preloader-inner{display:flex;flex-direction:column;align-items:center;gap:24px}
.preloader-logo{width:64px;height:64px;animation:preloaderPulse 1.5s ease-in-out infinite}
.preloader-bar{width:120px;height:3px;background:var(--sl-border);border-radius:3px;overflow:hidden}
.preloader-bar::after{content:'';display:block;width:40%;height:100%;background:var(--sl-grad);border-radius:3px;animation:preloaderSlide 1.2s ease-in-out infinite}
@keyframes preloaderPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@keyframes preloaderSlide{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}

/* ===== HEADER ===== */
.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(8,13,26,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--sl-border);transition:box-shadow var(--transition)}
.header.scrolled{box-shadow:0 4px 24px rgba(0,0,0,.3)}
.header .container{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:500;font-size:1.25rem;background:var(--sl-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:.1em}
.logo-mark{width:32px;height:32px;object-fit:contain}
footer.footer-dark .logo-mark{filter:none}
.nav{display:flex;align-items:center;gap:32px}
.nav-links{display:flex;align-items:center;gap:28px;list-style:none}
.nav-links a{font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--sl-silver);text-decoration:none;letter-spacing:.12em;text-transform:uppercase;transition:color var(--transition);position:relative}
.nav-links a:hover,.nav-links a.active{color:var(--sl-white)}
.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--sl-cyan);transition:width .3s}
.nav-links a:hover::after{width:100%}
.nav-social{display:flex;align-items:center;gap:16px}
.nav-social a{display:flex;align-items:center;color:var(--sl-muted);transition:color var(--transition);line-height:0}
.nav-social a:hover{color:var(--sl-cyan)}
.nav-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:var(--sl-grad);color:var(--sl-void)!important;-webkit-text-fill-color:var(--sl-void)!important;font-family:var(--font-mono);font-size:10px;font-weight:700;border-radius:3px;border:none;cursor:pointer;transition:opacity var(--transition),transform var(--transition);text-decoration:none;letter-spacing:.15em;text-transform:uppercase}
.nav-cta:hover{opacity:.9;color:var(--sl-void)!important;-webkit-text-fill-color:var(--sl-void)!important;transform:translateY(-1px)}
.nav-close{display:none}
.header-social{display:none;align-items:center;gap:14px}
.header-social a{color:var(--sl-muted);transition:color var(--transition)}
.header-social a:hover{color:var(--sl-cyan)}
.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.menu-toggle span{display:block;width:22px;height:2px;background:var(--sl-white);border-radius:2px;transition:transform var(--transition),opacity var(--transition)}
.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.menu-toggle.active span:nth-child(2){opacity:0}
.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* ===== MOBILE NAV ===== */
@media(max-width:768px){
  .header-social{display:flex}
  .menu-toggle{display:flex}
  .nav{position:fixed;inset:0;background:var(--sl-void);flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:32px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:998}
  .nav.open{opacity:1;visibility:visible}
  .nav-close{display:flex;position:absolute;top:20px;right:20px;width:40px;height:40px;align-items:center;justify-content:center;background:none;border:1px solid var(--sl-border);border-radius:50%;cursor:pointer;z-index:999}
  .nav-close svg{width:20px;height:20px;stroke:var(--sl-white)}
  .header.nav-open{background:var(--sl-void);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:transparent}
  .header.nav-open .logo-mark{filter:brightness(0) invert(1)}
  .header.nav-open .menu-toggle span{background:var(--sl-white)}
  .nav-links{flex-direction:column;align-items:center;gap:28px}
  .nav-links a{font-size:14px;letter-spacing:.2em;color:var(--sl-muted)}
  .nav-links a:hover,.nav-links a.active{color:var(--sl-white)}
  .nav-social{gap:24px}
  .nav-social a{color:var(--sl-silver)}
  .nav-social svg{width:24px;height:24px}
  .nav-cta{width:100%;justify-content:center;padding:14px 20px;font-size:12px}
}

/* ===== BUTTONS ===== */
.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--sl-grad);color:var(--sl-void);font-family:var(--font-mono);font-size:10px;font-weight:700;border-radius:3px;border:none;cursor:pointer;transition:opacity var(--transition),transform var(--transition);text-decoration:none;letter-spacing:.15em;text-transform:uppercase}
.btn-primary:hover{opacity:.9;color:var(--sl-void);transform:translateY(-2px)}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:transparent;color:var(--sl-cyan);font-family:var(--font-mono);font-size:10px;font-weight:400;border-radius:3px;border:1px solid rgba(0,229,255,.35);cursor:pointer;transition:border-color var(--transition),transform var(--transition),color var(--transition);text-decoration:none;letter-spacing:.15em;text-transform:uppercase}
.btn-secondary:hover{border-color:var(--sl-cyan);color:var(--sl-white);transform:translateY(-2px)}
.btn-primary:active,.btn-secondary:active{transform:scale(.97)}

/* ===== HERO ===== */
.hero{padding:140px 0 80px;text-align:center;background:var(--sl-void);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(0,136,255,.04) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(0,229,255,.03) 0%,transparent 50%);pointer-events:none;z-index:0}
.hero>*{position:relative;z-index:1}
.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;text-align:left}
.hero-split .hero-actions,.hero-split .hero-contract{justify-content:flex-start}
.hero-visual{display:flex;align-items:center;justify-content:center}
.hero-visual img{width:100%;max-width:500px;height:auto}
@media(max-width:768px){.hero-split{grid-template-columns:1fr;text-align:center}.hero-split .hero-actions,.hero-split .hero-contract{justify-content:center}.hero-visual{order:-1}.hero-visual img{max-width:320px}}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.15);border-radius:3px;font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--sl-cyan);margin-bottom:24px;letter-spacing:.15em;text-transform:uppercase}
.hero-badge span{width:6px;height:6px;border-radius:50%;background:var(--sl-cyan);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{margin-bottom:20px}
.hero h1 .accent,.accent{background:var(--sl-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{font-size:clamp(1rem,2vw,1.125rem);color:var(--sl-silver);max-width:640px;margin:0 auto 40px;line-height:1.7;font-weight:300}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.hero-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;padding-top:40px;border-top:1px solid var(--sl-border)}
.hero-stats-row .hero-stat{text-align:center}
.hero-stats-row .hero-stat-value{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:300;background:var(--sl-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}
.hero-stats-row .hero-stat-label{font-family:var(--font-mono);font-size:9px;color:var(--sl-muted);text-transform:uppercase;letter-spacing:.2em}
@media(max-width:640px){.hero-stats-row{grid-template-columns:repeat(2,1fr);gap:20px}}
.hero-contract{margin-top:32px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.hero-contract label{font-family:var(--font-mono);font-size:9px;font-weight:400;color:var(--sl-cyan);text-transform:uppercase;letter-spacing:.25em}
.hero-contract code{font-family:var(--font-mono);font-size:.75rem;color:var(--sl-silver);background:var(--sl-deep);border:1px solid var(--sl-border);padding:6px 14px;border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition);word-break:break-all}
.hero-contract code:hover{border-color:var(--sl-cyan2)}

/* ===== STATS ===== */
.stats{padding:60px 0}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.stat-card{background:var(--sl-deep);border:1px solid var(--sl-border);border-radius:var(--radius-md);padding:32px 28px;text-align:center;transition:border-color var(--transition),box-shadow var(--transition)}
.stat-card:hover{border-color:rgba(0,229,255,.3);box-shadow:var(--shadow)}
.stat-value{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:300;background:var(--sl-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}
.stat-label{font-family:var(--font-mono);font-size:10px;color:var(--sl-muted);font-weight:400;letter-spacing:.15em;text-transform:uppercase}
.stat-card.highlight{border-color:var(--sl-border2);background:var(--sl-navy)}
@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}

/* ===== SECTIONS ===== */
.section{padding:80px 0}
.section-alt{background:var(--sl-navy)}
.section-dark{background:var(--sl-deep);position:relative;overflow:hidden}
.section-dark::before{content:'';position:absolute;top:-30%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,136,255,.06) 0%,transparent 70%);pointer-events:none}
.section-dark::after{content:'';position:absolute;bottom:-20%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,229,255,.04) 0%,transparent 70%);pointer-events:none}
.section-dark .section-header .label{color:var(--sl-cyan)}
.section-dark .section-header h2,.section-dark h2,.section-dark h3{color:var(--sl-white)}
.section-dark .section-header p,.section-dark p{color:var(--sl-silver)}
.section-dark .pillar-card{background:var(--sl-navy);border-color:var(--sl-border)}
.section-dark .pillar-card:hover{border-color:rgba(0,229,255,.3);box-shadow:var(--shadow)}
.section-dark .pillar-card h3{color:var(--sl-white)}
.section-dark .pillar-number{background:rgba(0,136,255,.12);color:var(--sl-cyan)}
.section-dark .stat-card{background:var(--sl-navy);border-color:var(--sl-border)}
.section-dark .stat-card:hover{border-color:rgba(0,229,255,.3)}
.section-dark .stat-card.highlight{border-color:var(--sl-border2);background:var(--sl-surface)}
.section-dark .entity-tag{background:var(--sl-navy);border-color:var(--sl-border);color:var(--sl-silver)}
.section-dark .entity-tag:hover{border-color:var(--sl-cyan2);color:var(--sl-cyan)}
.section-dark .step-card{background:var(--sl-navy);border-color:var(--sl-border)}
.section-dark .step-card:hover{border-color:rgba(0,229,255,.3);box-shadow:var(--shadow)}
.section-dark .step-num{color:var(--sl-cyan)}
.section-dark .faq-item{background:var(--sl-navy);border-color:var(--sl-border)}
.section-dark .faq-item:hover{border-color:rgba(0,229,255,.2)}
.section-dark .faq-question{color:var(--sl-white)}
.section-dark .faq-question:hover{color:var(--sl-cyan)}
.section-dark .faq-icon{background:rgba(0,136,255,.12);color:var(--sl-cyan)}
.section-dark .faq-item.open .faq-icon{background:var(--sl-blue);color:var(--sl-white)}
.section-dark .faq-answer-inner{color:var(--sl-silver)}
.section-dark .why-now .emphasis{color:var(--sl-white)}
.section-dark .btn-secondary{border-color:rgba(0,229,255,.35);color:var(--sl-cyan)}
.section-dark .btn-secondary:hover{border-color:var(--sl-cyan);color:var(--sl-white)}
.section-dark .advantage-content .callout{background:rgba(0,136,255,.08);border-left-color:var(--sl-cyan);color:var(--sl-white)}
.section-dark .news-card{background:var(--sl-navy);border-color:var(--sl-border)}
.section-dark .news-card:hover{border-color:rgba(0,229,255,.3);box-shadow:var(--shadow)}

.section-header{text-align:center;margin-bottom:56px}
.section-header .label{font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--sl-cyan);text-transform:uppercase;letter-spacing:.3em;margin-bottom:12px;display:block}
.section-header h2{margin-bottom:16px}
.section-header p{max-width:600px;margin:0 auto;font-size:1rem;font-weight:300}

/* ===== PILLARS ===== */
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pillar-card{background:var(--sl-deep);border:1px solid var(--sl-border);border-radius:var(--radius-md);padding:36px 28px;transition:border-color var(--transition),box-shadow var(--transition)}
.pillar-card:hover{border-color:rgba(0,229,255,.3);box-shadow:var(--shadow)}
.pillar-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(0,136,255,.12);color:var(--sl-cyan);font-family:var(--font-mono);font-weight:400;font-size:.875rem;margin-bottom:20px}
.pillar-card h3{margin-bottom:12px;color:var(--sl-white)}
.pillar-card p{font-size:.9375rem;line-height:1.7;font-weight:300}
@media(max-width:768px){.pillars-grid{grid-template-columns:1fr}}

/* ===== OPPORTUNITY ===== */
.opportunity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.opportunity-card{background:var(--sl-deep);border:1px solid var(--sl-border);border-radius:var(--radius-md);padding:36px 28px;transition:border-color var(--transition),box-shadow var(--transition)}
.opportunity-card:hover{border-color:rgba(0,229,255,.3);box-shadow:var(--shadow)}
.opportunity-icon{width:48px;height:48px;border-radius:var(--radius-md);background:rgba(0,136,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.opportunity-card h3{margin-bottom:10px}
.opportunity-card p{font-size:.9375rem;line-height:1.7;font-weight:300}
@media(max-width:768px){.opportunity-grid{grid-template-columns:1fr}}

/* ===== IPO SPLIT ===== */
.ipo-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:40px}
.ipo-content .label{font-family:var(--font-mono);font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.3em;display:block;margin-bottom:12px;color:var(--sl-cyan)}
.ipo-content p{font-size:1rem;line-height:1.8;color:var(--sl-silver);margin-bottom:16px;font-weight:300}
.ipo-comparison{display:flex;flex-direction:column;gap:16px}
.ipo-compare-card{border-radius:var(--radius-md);padding:28px 24px;display:flex;align-items:center;justify-content:space-between}
.ipo-compare-card.locked{background:var(--sl-deep);border:1px solid var(--sl-border)}
.ipo-compare-card.free{background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.2)}
.ipo-compare-label{font-size:.875rem;font-weight:400;color:var(--sl-muted)}
.ipo-compare-card.free .ipo-compare-label{color:var(--sl-cyan)}
.ipo-compare-value{font-family:var(--font-display);font-size:1.5rem;font-weight:300;color:var(--sl-white)}
.ipo-compare-card.free .ipo-compare-value{background:var(--sl-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ipo-compare-status{font-family:var(--font-mono);font-size:9px;font-weight:400;text-transform:uppercase;letter-spacing:.15em;padding:4px 12px;border-radius:3px}
.ipo-compare-card.locked .ipo-compare-status{background:var(--sl-navy);color:var(--sl-muted)}
.ipo-compare-card.free .ipo-compare-status{background:rgba(0,229,255,.1);color:var(--sl-cyan)}
.ipo-callout{text-align:center;font-family:var(--font-display);font-size:1.125rem;font-weight:300;color:var(--sl-white);background:rgba(0,136,255,.06);border:1px solid var(--sl-border);border-radius:var(--radius-md);padding:24px 32px;line-height:1.7}
@media(max-width:768px){.ipo-split{grid-template-columns:1fr;gap:32px}.ipo-compare-card{flex-direction:column;gap:8px;text-align:center}}

/* ===== ADVANTAGE ===== */
.advantage-block{max-width:800px;margin:0 auto}
.advantage-block .highlight-box{background:var(--sl-deep);color:var(--sl-white);border:1px solid var(--sl-border);border-radius:var(--radius-md);padding:40px 36px;margin-bottom:40px;position:relative;overflow:hidden}
.advantage-block .highlight-box::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--sl-grad)}
.advantage-block .highlight-box h3{color:var(--sl-white);margin-bottom:16px;font-size:1.5rem;font-weight:300}
.advantage-block .highlight-box p{color:var(--sl-silver);font-size:1rem;line-height:1.8;font-weight:300}
.advantage-content h3{margin-bottom:12px}
.advantage-content p{font-size:1rem;line-height:1.8;margin-bottom:24px;font-weight:300}
.advantage-content .callout{background:rgba(0,136,255,.06);border-left:3px solid var(--sl-cyan);padding:20px 24px;border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--sl-white);font-weight:300}

/* ===== WHY NOW ===== */
.why-now{max-width:800px;margin:0 auto;text-align:center}
.why-now p{font-size:1rem;line-height:1.8;margin-bottom:20px;font-weight:300}
.why-now .emphasis{font-size:1.25rem;color:var(--sl-white);font-weight:400;font-family:var(--font-display);margin-top:32px}

/* ===== STEPS ===== */
.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:0 auto}
.step-card{background:var(--sl-deep);border:1px solid var(--sl-border);border-radius:var(--radius-md);padding:36px 28px;position:relative;transition:border-color var(--transition),box-shadow var(--transition)}
.step-card:hover{border-color:rgba(0,229,255,.3);box-shadow:var(--shadow)}
.step-icon{width:56px;height:56px;margin-bottom:16px}
.step-num{font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--sl-cyan);text-transform:uppercase;letter-spacing:.25em;margin-bottom:16px}
.step-card h3{margin-bottom:12px}
.step-card p{font-size:.9375rem;line-height:1.7;font-weight:300}
@media(max-width:640px){.steps-grid{grid-template-columns:1fr}}

/* ===== FAQ ===== */
.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.faq-item{background:var(--sl-deep);border:1px solid var(--sl-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition)}
.faq-item:hover{border-color:rgba(0,229,255,.2)}
.faq-item.open{border-color:rgba(0,229,255,.3)}
.faq-question{width:100%;padding:24px 28px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;font-family:var(--font-display);font-size:1rem;font-weight:400;color:var(--sl-white);transition:color var(--transition)}
.faq-question:hover{color:var(--sl-cyan)}
.faq-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,136,255,.12);font-size:1rem;color:var(--sl-cyan);transition:transform .3s,background .3s}
.faq-item.open .faq-icon{transform:rotate(45deg);background:var(--sl-blue);color:var(--sl-white)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s,padding .35s}
.faq-item.open .faq-answer{max-height:400px}
.faq-answer-inner{padding:0 28px 24px;font-size:.9375rem;line-height:1.8;color:var(--sl-silver);font-weight:300}

/* ===== CTA BANNER ===== */
.cta-banner{padding:80px 0;text-align:center}
.cta-banner-inner{background:var(--sl-navy);border:1px solid var(--sl-border);border-radius:var(--radius-md);padding:64px 40px;position:relative;overflow:hidden}
.cta-banner-inner::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,136,255,.08) 0%,transparent 70%);pointer-events:none}
.cta-banner-inner h2{color:var(--sl-white);margin-bottom:16px}
.cta-banner-inner p{color:var(--sl-silver);font-size:1rem;max-width:520px;margin:0 auto 32px;font-weight:300}
.cta-banner-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}

/* ===== FOOTER ===== */
.footer{background:var(--sl-deep);border-top:1px solid var(--sl-border);padding:48px 0 32px}
footer.footer-dark{background:var(--sl-deep)!important;border-top:1px solid var(--sl-border)}
footer.footer-dark .logo{background:var(--sl-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
footer.footer-dark .logo-mark{background:none}
footer.footer-dark .footer-brand p{color:var(--sl-muted)}
footer.footer-dark .footer-col h4{color:var(--sl-silver)}
footer.footer-dark .footer-col a{color:var(--sl-muted)}
footer.footer-dark .footer-col a:hover{color:var(--sl-cyan)}
footer.footer-dark .footer-bottom{border-top-color:var(--sl-border)}
footer.footer-dark .footer-disclaimer,footer.footer-dark .footer-copy{color:var(--sl-muted)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:40px}
.footer-brand .logo{margin-bottom:16px}
.footer-brand p{font-size:.875rem;line-height:1.7;max-width:320px;color:var(--sl-muted)}
.footer-col h4{font-family:var(--font-mono);font-size:9px;font-weight:400;text-transform:uppercase;letter-spacing:.25em;color:var(--sl-silver);margin-bottom:20px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.footer-col a{font-size:.875rem;color:var(--sl-muted);transition:color var(--transition);position:relative}
.footer-col a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--sl-cyan);transition:width .3s}
.footer-col a:hover{color:var(--sl-cyan)}
.footer-col a:hover::after{width:100%}
.footer-bottom{border-top:1px solid var(--sl-border);padding-top:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer-disclaimer{font-size:.75rem;color:var(--sl-muted);line-height:1.7;max-width:700px}
.footer-copy{font-size:.75rem;color:var(--sl-muted);white-space:nowrap}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column}}

/* ===== ENTITIES ===== */
.entities-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.entity-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--sl-deep);border:1px solid var(--sl-border);border-radius:3px;font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--sl-silver);letter-spacing:.1em;text-transform:uppercase;transition:border-color var(--transition),color var(--transition)}
.entity-tag:hover{border-color:var(--sl-cyan2);color:var(--sl-cyan)}

/* ===== PAGE HERO ===== */
.page-hero{padding:130px 0 60px;text-align:center;background:var(--sl-void);border-bottom:1px solid var(--sl-border);position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(0,136,255,.04) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(0,229,255,.03) 0%,transparent 50%);pointer-events:none;z-index:0}
.page-hero>*{position:relative;z-index:1}
.page-hero-dark{background:var(--sl-void);border-bottom:1px solid var(--sl-border)}
.page-hero-dark h1{color:var(--sl-white)}
.page-hero-dark p{color:var(--sl-silver)}
.page-hero-dark .label,.page-hero .label{font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--sl-cyan);text-transform:uppercase;letter-spacing:.3em;margin-bottom:12px;display:block}
.page-hero h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:16px;font-weight:200}
.page-hero p{font-size:1rem;max-width:600px;margin:0 auto;font-weight:300}

/* ===== ABOUT HERO ===== */
.about-hero{padding:120px 0 80px;background:var(--sl-void);position:relative;overflow:hidden}
.about-hero-bg{position:absolute;inset:0;z-index:0}
.about-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:luminosity;opacity:.3}
.about-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,15,.9) 0%,rgba(4,7,15,.7) 50%,rgba(4,7,15,.95) 100%)}
.about-hero::before{content:'';position:absolute;top:-40%;right:-15%;width:700px;height:700px;background:radial-gradient(circle,rgba(0,136,255,.1) 0%,transparent 60%);pointer-events:none;z-index:1}
.about-hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,229,255,.06) 0%,transparent 60%);pointer-events:none;z-index:1}
.about-hero-inner{text-align:center;position:relative;z-index:1}
.about-hero .label{font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--sl-cyan);text-transform:uppercase;letter-spacing:.3em;display:block;margin-bottom:16px}
.about-hero h1{font-size:clamp(2.5rem,6vw,4.5rem);color:var(--sl-white);margin-bottom:20px;line-height:1.1;font-weight:200}
.about-hero-sub{font-size:clamp(1rem,2vw,1.125rem);color:var(--sl-silver);max-width:520px;margin:0 auto 48px;line-height:1.7;font-weight:300}
.about-hero-stats{display:flex;align-items:center;justify-content:center;gap:40px;margin-bottom:48px}
.about-hero-stat{text-align:center}
.about-hero-stat-value{font-family:var(--font-display);font-size:clamp(3rem,6vw,5rem);font-weight:200;background:var(--sl-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}
.about-hero-stat-value.accent{background:var(--sl-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.about-hero-stat-label{font-family:var(--font-mono);font-size:10px;color:var(--sl-muted);font-weight:400;letter-spacing:.2em;text-transform:uppercase}
.about-hero-stat-divider{width:1px;height:64px;background:var(--sl-border)}
.about-hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.about-hero .btn-secondary{border-color:rgba(0,229,255,.35);color:var(--sl-cyan)}
.about-hero .btn-secondary:hover{border-color:var(--sl-cyan);color:var(--sl-white)}
@media(max-width:480px){.about-hero-stats{gap:24px}.about-hero-stat-value{font-size:3rem}.about-hero-stat-divider{height:48px}}

/* ===== BUY HERO ===== */
.buy-hero{padding:120px 0 80px;background:var(--sl-void);position:relative;overflow:hidden}
.buy-hero::before{content:'';position:absolute;top:-30%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,229,255,.06) 0%,transparent 60%);pointer-events:none}
.buy-hero::after{content:'';position:absolute;bottom:-40%;right:-15%;width:700px;height:700px;background:radial-gradient(circle,rgba(0,136,255,.08) 0%,transparent 60%);pointer-events:none}
.buy-hero-inner{text-align:center;position:relative;z-index:1}
.buy-hero .label{font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--sl-cyan);text-transform:uppercase;letter-spacing:.3em;display:block;margin-bottom:16px}
.buy-hero h1{font-size:clamp(2.5rem,5vw,4rem);color:var(--sl-white);margin-bottom:20px;font-weight:200}
.buy-hero-sub{font-size:clamp(1rem,2vw,1.125rem);color:var(--sl-silver);max-width:520px;margin:0 auto 40px;line-height:1.7;font-weight:300}
.buy-hero-contract{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:40px}
.buy-hero-contract label{font-family:var(--font-mono);font-size:9px;font-weight:400;color:var(--sl-cyan);text-transform:uppercase;letter-spacing:.25em}
.buy-hero-contract code{font-family:var(--font-mono);font-size:.875rem;color:var(--sl-silver);background:var(--sl-deep);border:1px solid var(--sl-border);padding:14px 28px;border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition);word-break:break-all}
.buy-hero-contract code:hover{border-color:var(--sl-cyan2)}
.buy-hero-platforms{display:flex;flex-direction:column;align-items:center;gap:14px}
.buy-hero-platforms>span{font-family:var(--font-mono);font-size:9px;color:var(--sl-muted);text-transform:uppercase;letter-spacing:.2em}
.buy-hero-tags{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.buy-hero-tags .entity-tag{background:var(--sl-deep);border-color:var(--sl-border);color:var(--sl-silver);font-size:.75rem}
.buy-hero-tags .entity-tag:hover{border-color:var(--sl-cyan2);color:var(--sl-cyan)}
@media(max-width:480px){.buy-hero-contract code{font-size:.75rem;padding:12px 20px}}

/* ===== HERO DARK ===== */
.hero-dark{background:var(--sl-void);position:relative;overflow:hidden}
.hero-dark::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(0,136,255,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,229,255,.04) 0%,transparent 50%);pointer-events:none}
.hero-dark h1{color:var(--sl-white)}
.hero-dark .hero-sub{color:var(--sl-silver)}
.hero-dark .hero-badge{background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.15);color:var(--sl-cyan)}
.hero-dark .hero-badge span{background:var(--sl-cyan)}
.hero-dark .btn-secondary{border-color:rgba(0,229,255,.35);color:var(--sl-cyan)}
.hero-dark .btn-secondary:hover{border-color:var(--sl-cyan);color:var(--sl-white)}
.hero-dark .hero-contract label{color:var(--sl-cyan)}
.hero-dark .hero-contract code{background:var(--sl-deep);border:1px solid var(--sl-border);color:var(--sl-silver)}
.hero-dark .hero-contract code:hover{border-color:var(--sl-cyan2)}

/* ===== TIMELINE ===== */
.timeline{max-width:700px;margin:0 auto;position:relative;padding-left:40px}
.timeline::before{content:'';position:absolute;left:12px;top:0;bottom:0;width:1px;background:var(--sl-border)}
.timeline-item{position:relative;margin-bottom:40px}
.timeline-item::before{content:'';position:absolute;left:-33px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--sl-grad);border:2px solid var(--sl-void)}
.timeline-item h3{margin-bottom:8px}
.timeline-item p{font-size:.9375rem;line-height:1.7;font-weight:300}

/* ===== RISK BANNER ===== */
.risk-banner{background:rgba(0,136,255,.06);border:1px solid var(--sl-border);border-radius:var(--radius-md);padding:24px 28px;max-width:760px;margin:0 auto}
.risk-banner h4{font-size:.875rem;color:var(--sl-cyan);margin-bottom:8px;font-weight:400}
.risk-banner p{font-size:.875rem;color:var(--sl-silver);line-height:1.7;font-weight:300}

/* ===== CHART ===== */
.chart-container{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--sl-border)}
#dexscreener-embed{position:relative;width:100%;padding-bottom:56.25%}
#dexscreener-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.chart-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--sl-deep);z-index:1}
.chart-loading p{font-family:var(--font-mono);font-size:11px;color:var(--sl-muted);letter-spacing:.15em;text-transform:uppercase}
.chart-actions{display:flex;justify-content:center;gap:16px;margin-top:32px}
@media(max-width:768px){#dexscreener-embed{padding-bottom:180%}.chart-actions{flex-direction:column}.chart-actions .btn-primary,.chart-actions .btn-secondary{width:100%;justify-content:center}}

/* ===== TOAST ===== */
.toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--sl-deep);border:1px solid var(--sl-border);color:var(--sl-cyan);padding:12px 24px;border-radius:var(--radius);font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.1em;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:9999}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ===== NEWS ===== */
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:0 auto}
.news-card{background:var(--sl-deep);border:1px solid var(--sl-border);border-radius:var(--radius-md);padding:28px;transition:border-color var(--transition),box-shadow var(--transition);display:flex;flex-direction:column}
.news-card:hover{border-color:rgba(0,229,255,.3);box-shadow:var(--shadow)}
.news-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.news-avatar{width:40px;height:40px;border-radius:50%;background:var(--sl-navy);display:flex;align-items:center;justify-content:center;color:var(--sl-white);font-family:var(--font-display);font-weight:400;font-size:.875rem;flex-shrink:0}
.news-handle{display:flex;flex-direction:column}
.news-handle strong{font-family:var(--font-display);font-size:.875rem;font-weight:400;color:var(--sl-white)}
.news-handle span{font-family:var(--font-mono);font-size:10px;color:var(--sl-muted);letter-spacing:.05em}
.news-x-icon{margin-left:auto;color:var(--sl-muted)}
.news-body{font-size:.9375rem;line-height:1.7;color:var(--sl-silver);flex:1;margin-bottom:16px;font-weight:300}
.news-body .tag{color:var(--sl-cyan);font-weight:400}
.news-media{margin-bottom:16px;border-radius:var(--radius);overflow:hidden}
.news-media img{width:100%;height:auto}
.news-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--sl-border)}
.news-stats{display:flex;gap:16px;font-family:var(--font-mono);font-size:11px;color:var(--sl-muted)}
.news-date{font-family:var(--font-mono);font-size:10px;color:var(--sl-muted);letter-spacing:.05em}
.news-link{font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--sl-cyan);text-decoration:none;display:inline-flex;align-items:center;gap:4px;letter-spacing:.1em;text-transform:uppercase;transition:color var(--transition)}
.news-link:hover{color:var(--sl-white)}
.tweets-loading,.tweets-empty{grid-column:1/-1;text-align:center;padding:60px 20px}
.loading-spinner{width:32px;height:32px;border:2px solid var(--sl-border);border-top-color:var(--sl-cyan);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}
@keyframes spin{to{transform:rotate(360deg)}}
.tweets-loading p,.tweets-empty p{color:var(--sl-muted);font-size:.875rem}
.tweets-empty a{color:var(--sl-cyan)}
.x-profile-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--sl-deep);border:1px solid var(--sl-border);border-radius:var(--radius-md);padding:28px 32px;transition:border-color var(--transition)}
.x-profile-banner:hover{border-color:rgba(0,229,255,.2)}
.x-profile-left{display:flex;align-items:center;gap:20px}
.x-profile-icon{width:52px;height:52px;border-radius:50%;background:var(--sl-navy);color:var(--sl-white);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.x-profile-left h3{margin-bottom:4px}
.x-profile-left p{font-size:.875rem;line-height:1.5;max-width:400px;font-weight:300}
@media(max-width:768px){.x-profile-banner{flex-direction:column;text-align:center;padding:24px}.x-profile-left{flex-direction:column}.x-profile-banner .btn-primary{width:100%;justify-content:center}}
.x-feed-container{max-width:700px;margin:0 auto;background:var(--sl-deep);border:1px solid var(--sl-border);border-radius:var(--radius-md);padding:16px;min-height:400px;overflow:hidden}
@media(max-width:768px){.news-grid{grid-template-columns:1fr}}

/* ===== UTILITY ===== */
.text-center{text-align:center}
.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-40{margin-top:40px}
.mb-24{margin-bottom:24px}.mb-40{margin-bottom:40px}

/* ===== ANIMATIONS ===== */
.fade-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}
.fade-left{opacity:0;transform:translateX(-40px);transition:opacity .6s ease,transform .6s ease}
.fade-left.visible{opacity:1;transform:translateX(0)}
.fade-right{opacity:0;transform:translateX(40px);transition:opacity .6s ease,transform .6s ease}
.fade-right.visible{opacity:1;transform:translateX(0)}
.scale-in{opacity:0;transform:scale(.9);transition:opacity .6s ease,transform .6s ease}
.scale-in.visible{opacity:1;transform:scale(1)}
.stagger-1{transition-delay:.08s}.stagger-2{transition-delay:.16s}.stagger-3{transition-delay:.24s}.stagger-4{transition-delay:.32s}.stagger-5{transition-delay:.4s}
.stat-number{display:inline-block}
.stat-number.counting{animation:countPop .4s cubic-bezier(.22,1,.36,1)}
@keyframes countPop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}100%{transform:scale(1);opacity:1}}
.float{animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.shimmer{background:var(--sl-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
@media(prefers-reduced-motion:reduce){.fade-up,.fade-left,.fade-right,.scale-in{opacity:1;transform:none;transition:none}.float,.shimmer{animation:none}}