/* ══════════════════════════════════════════════════════
   QUANTUM ALGO — SHARED STYLESHEET
   All subpages import this file for consistent design.
   ══════════════════════════════════════════════════════ */

/* ── RESET & BASE ── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }
body {
  background: #05060a;
  color: #e8eaf6;
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }

/* ── TOKENS ── */
:root {
  --bg:      #05060a;
  --bg2:     #0b0e18;
  --surface: #0f1220;
  --surface2:#131729;
  --border:  rgba(255,255,255,0.07);
  --border2: rgba(255,255,255,0.12);
  --accent:  #00e5ff;
  --accent2: #7b61ff;
  --gold:    #f0b429;
  --text:    #e8eaf6;
  --muted:   #7b82a0;
  --green:   #00d68f;
  --red:     #ff4d6a;
  --radius:  14px;
}

/* ── NAV ── */
nav {
  position: sticky; top:0; z-index:900;
  display: flex; align-items:center; justify-content:space-between;
  padding: 0 60px;
  height: 68px;
  background: rgba(5,6,10,0.85);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border);
}
.logo {
  font-family:'Syne',sans-serif; font-weight:800; font-size:20px;
  letter-spacing:-0.5px; color:#fff; display:inline-flex; align-items:center; gap:8px;
}
.logo span { background:linear-gradient(90deg,#00e5ff,#7b61ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.logo-icon { width:28px;height:28px;border-radius:6px;object-fit:contain;flex-shrink:0; }
.nav-links {
  display:flex; gap:32px; list-style:none;
  font-size:14px; font-weight:500; color:var(--muted);
}
.nav-links a:hover, .nav-links a.active { color:var(--text); transition:color .2s; }
.nav-links a.active { color:var(--accent); }
.nav-more { position:relative; cursor:pointer; }
.nav-more-trigger { user-select:none; }
.nav-more-trigger:hover { color:var(--text); transition:color .2s; }
.nav-dropdown {
  display:none; position:absolute; top:calc(100% + 12px); right:0;
  background:var(--surface); border:1px solid var(--border2);
  border-radius:10px; padding:8px 0; min-width:170px;
  list-style:none; box-shadow:0 12px 40px rgba(0,0,0,.5);
  z-index:999;
}
.nav-more:hover .nav-dropdown { display:block; }
.nav-dropdown li a {
  display:block; padding:10px 20px; font-size:13px; color:var(--muted);
  transition: background .15s, color .15s;
}
.nav-dropdown li a:hover { background:var(--surface2); color:var(--text); }
.nav-actions { display:flex; gap:12px; align-items:center; }
.btn-ghost {
  font-size:14px; font-weight:500; color:var(--muted);
  background:none; border:none; cursor:pointer; padding:8px 12px;
}
.btn-ghost:hover { color:var(--text); }
.btn-nav {
  font-family:'Syne',sans-serif; font-weight:700; font-size:13px;
  color:#000; background:var(--accent); border:none;
  border-radius:8px; padding:10px 20px; cursor:pointer;
  transition: opacity .2s, transform .15s;
}
.btn-nav:hover { opacity:.88; transform:translateY(-1px); }
.mobile-toggle { display:none; background:none; border:none; color:var(--text); font-size:24px; cursor:pointer; padding:8px; }
.mobile-menu {
  display:none; position:fixed; inset:0; z-index:950;
  background:rgba(5,6,10,.97); backdrop-filter:blur(20px);
  flex-direction:column; align-items:center; justify-content:center; gap:24px;
}
.mobile-menu.open { display:flex; }
.mobile-menu a { font-family:'Syne',sans-serif; font-size:22px; font-weight:600; color:var(--text); transition:color .2s; }
.mobile-menu a:hover { color:var(--accent); }
.mobile-close { position:absolute; top:20px; right:20px; background:none; border:none; color:var(--text); font-size:28px; cursor:pointer; }

/* ── BREADCRUMB ── */
.breadcrumb {
  padding:14px 60px; background:var(--bg2); border-bottom:1px solid var(--border);
  font-size:13px; color:var(--muted);
}
.breadcrumb-inner { max-width:1200px; margin:0 auto; }
.breadcrumb a { color:var(--muted); transition:color .2s; }
.breadcrumb a:hover { color:var(--accent); }
.breadcrumb span { margin:0 6px; }
.breadcrumb .current { color:var(--text); }

/* ── PAGE HERO (subpages) ── */
.page-hero {
  position:relative; padding:80px 60px 70px;
  overflow:hidden; text-align:center;
}
.page-hero .hero-grid {
  position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(0,229,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,229,255,.03) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, black 30%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, black 30%, transparent 100%);
}
.page-hero .hero-glow {
  position:absolute; width:600px; height:600px; border-radius:50%;
  background: radial-gradient(circle, rgba(0,229,255,.06) 0%, transparent 65%);
  top:50%; left:50%; transform:translate(-50%,-55%); pointer-events:none;
}
.page-hero-inner { position:relative; max-width:800px; margin:0 auto; }
.page-hero h1 {
  font-family:'Syne',sans-serif; font-weight:800;
  font-size:clamp(32px,5.5vw,60px);
  line-height:1.08; letter-spacing:-2px; margin-bottom:20px;
}
.page-hero h1 .grad {
  background: linear-gradient(90deg, var(--accent) 0%, var(--accent2) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
}
.page-hero-sub {
  font-size:17px; color:var(--muted); line-height:1.75;
  max-width:600px; margin:0 auto; font-weight:300;
}

/* ── SECTIONS ── */
.section { padding:100px 60px; }
.section-alt { background:var(--bg2); }
.section-inner { max-width:1200px; margin:0 auto; }
.section-label {
  font-family:'Syne',sans-serif; font-size:11px; font-weight:700;
  letter-spacing:3px; text-transform:uppercase;
  color:var(--accent); margin-bottom:14px;
}
.section-title {
  font-family:'Syne',sans-serif; font-weight:800;
  font-size:clamp(26px,3.8vw,46px);
  letter-spacing:-1px; line-height:1.1; margin-bottom:14px;
}
.section-sub {
  font-size:16px; color:var(--muted); line-height:1.75;
  font-weight:300; margin-bottom:56px;
  max-width:540px;
}
.centered { text-align:center; }
.centered .section-title,
.centered .section-sub { margin-left:auto; margin-right:auto; }

/* ── PIPELINE (How It Works) ── */
.pipeline { max-width:800px; margin:0 auto; }
.pipe-step {
  background:var(--surface); border:1px solid var(--border);
  border-radius:18px; padding:44px 40px;
  transition: border-color .3s;
}
.pipe-step:hover { border-color:rgba(0,229,255,.25); }
.pipe-num {
  font-family:'Syne',sans-serif; font-size:11px; font-weight:700;
  letter-spacing:2px; color:var(--accent); margin-bottom:14px;
}
.pipe-icon { font-size:34px; margin-bottom:14px; }
.pipe-step h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:20px;
  margin-bottom:12px;
}
.pipe-step p { font-size:15px; color:var(--muted); line-height:1.75; font-weight:300; }
.pipe-detail {
  margin-top:20px; padding:16px 20px;
  background:rgba(0,229,255,.04); border-left:3px solid var(--accent);
  border-radius:0 8px 8px 0;
  font-size:13px; color:var(--text); line-height:1.7;
}
.pipe-detail strong { color:var(--accent); }
.pipe-connector {
  display:flex; justify-content:center; padding:12px 0;
}
.pipe-connector span {
  display:block; width:2px; height:32px;
  background:linear-gradient(180deg, var(--accent), transparent);
}

/* ── CONTENT SPLIT ── */
.content-split {
  display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;
}
.content-text p {
  font-size:15px; color:var(--muted); line-height:1.8; font-weight:300;
  margin-bottom:24px;
}
.check-list {
  list-style:none; display:flex; flex-direction:column; gap:12px;
}
.check-list li {
  display:flex; align-items:flex-start; gap:10px;
  font-size:14px; color:var(--text); line-height:1.6;
}
.check-list li::before {
  content:'✓'; color:var(--green); font-weight:700; flex-shrink:0; margin-top:1px;
}

/* ── VISUAL BOX ── */
.visual-box {
  background:var(--surface); border:1px solid var(--border);
  border-radius:18px; padding:36px;
}
.vb-label {
  font-family:'Syne',sans-serif; font-size:13px; font-weight:700;
  color:var(--text); margin-bottom:24px;
}
.vb-bar-group { display:flex; flex-direction:column; gap:16px; }
.vb-bar-item { }
.vb-bar-label { font-size:12px; color:var(--muted); display:block; margin-bottom:6px; }
.vb-bar-track {
  background:var(--surface2); border-radius:6px; height:28px; overflow:hidden;
}
.vb-bar-fill {
  height:100%; background:var(--accent); border-radius:6px;
  display:flex; align-items:center; justify-content:flex-end; padding-right:10px;
  font-size:11px; font-weight:700; color:#000;
  transition: width 1.2s cubic-bezier(.22,1,.36,1);
}
.vb-bar-fill.accent2 { background:var(--accent2); color:#fff; }
.vb-bar-fill.gold { background:var(--gold); color:#000; }
.vb-footnote {
  margin-top:20px; font-size:11px; color:var(--muted); opacity:.6; line-height:1.5;
}

/* ── INTEGRITY GRID ── */
.integrity-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px; max-width:1000px; margin:0 auto;
}
.integ-card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); padding:36px; text-align:center;
  transition: border-color .25s, transform .2s;
}
.integ-card:hover { border-color:rgba(0,229,255,.25); transform:translateY(-2px); }
.integ-icon { font-size:32px; margin-bottom:16px; }
.integ-card h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:16px; margin-bottom:10px;
}
.integ-card p { font-size:13px; color:var(--muted); line-height:1.75; font-weight:300; }

/* ── POWER GRID (Why Powerful) ── */
.power-grid {
  display:grid; grid-template-columns:repeat(2,1fr); gap:20px;
}
.power-card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); padding:40px 36px;
  transition: border-color .25s, transform .2s;
}
.power-card:hover { border-color:rgba(0,229,255,.25); transform:translateY(-2px); }
.power-card.wide { grid-column: span 2; }
.power-icon { font-size:32px; margin-bottom:16px; }
.power-card h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:18px; margin-bottom:10px;
}
.power-card p { font-size:14px; color:var(--muted); line-height:1.75; font-weight:300; }

/* ── COMPARISON TABLE ── */
.comp-table-wrap { overflow-x:auto; margin-top:40px; }
.comp-table {
  width:100%; border-collapse:separate; border-spacing:0;
  background:var(--surface); border:1px solid var(--border);
  border-radius:14px; overflow:hidden;
  font-size:14px;
}
.comp-table thead th {
  font-family:'Syne',sans-serif; font-weight:700; font-size:13px;
  text-transform:uppercase; letter-spacing:1px;
  padding:18px 24px; text-align:left;
  background:var(--surface2); border-bottom:1px solid var(--border);
  color:var(--text);
}
.comp-table thead th:last-child { color:var(--accent); }
.comp-table tbody td {
  padding:16px 24px; border-bottom:1px solid var(--border);
  color:var(--muted); font-weight:300;
}
.comp-table tbody tr:last-child td { border-bottom:none; }
.comp-table tbody td:first-child { color:var(--text); font-weight:500; }
.comp-table .yes { color:var(--green); font-weight:600; }
.comp-table .no { color:var(--red); opacity:.6; }
.comp-table .partial { color:var(--gold); }

/* ── STEPS GUIDE (How To Use) ── */
.steps-list { max-width:800px; margin:0 auto; counter-reset:step; }
.step-item {
  background:var(--surface); border:1px solid var(--border);
  border-radius:18px; padding:40px; margin-bottom:20px;
  transition: border-color .3s;
  counter-increment:step;
  position:relative;
}
.step-item:hover { border-color:rgba(0,229,255,.25); }
.step-num {
  font-family:'Syne',sans-serif; font-size:11px; font-weight:700;
  letter-spacing:2px; color:var(--accent); margin-bottom:14px;
}
.step-item h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:20px; margin-bottom:12px;
}
.step-item p { font-size:15px; color:var(--muted); line-height:1.75; font-weight:300; }
.step-tip {
  margin-top:16px; padding:14px 18px;
  background:rgba(240,180,41,.05); border-left:3px solid var(--gold);
  border-radius:0 8px 8px 0;
  font-size:13px; color:var(--text); line-height:1.7;
}
.step-tip strong { color:var(--gold); }

/* ── BLOG ── */
.blog-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
}
.blog-card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); overflow:hidden;
  transition: border-color .25s, transform .2s;
}
.blog-card:hover { border-color:rgba(0,229,255,.25); transform:translateY(-3px); }
.blog-thumb {
  height:180px; background:var(--surface2);
  display:flex; align-items:center; justify-content:center;
  font-size:48px;
}
.blog-body { padding:28px; }
.blog-tag {
  display:inline-block; font-size:10px; font-weight:700;
  letter-spacing:1.5px; text-transform:uppercase;
  color:var(--accent); background:rgba(0,229,255,.08);
  border:1px solid rgba(0,229,255,.2);
  border-radius:4px; padding:3px 10px; margin-bottom:12px;
}
.blog-card h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:17px;
  margin-bottom:10px; line-height:1.35;
}
.blog-card p {
  font-size:13px; color:var(--muted); line-height:1.75; font-weight:300;
  margin-bottom:16px;
}
.blog-meta { font-size:12px; color:var(--muted); opacity:.6; }
.blog-card.featured { grid-column: span 2; }
.blog-card.featured .blog-thumb { height:240px; }

/* ── DOCS ── */
.docs-layout {
  display:grid; grid-template-columns:260px 1fr; gap:48px;
  max-width:1200px; margin:0 auto;
}
.docs-sidebar {
  position:sticky; top:88px; align-self:start;
}
.docs-nav { list-style:none; display:flex; flex-direction:column; gap:4px; }
.docs-nav a {
  display:block; padding:10px 16px; border-radius:8px;
  font-size:14px; color:var(--muted); transition:all .2s;
}
.docs-nav a:hover { background:var(--surface); color:var(--text); }
.docs-nav a.active { background:rgba(0,229,255,.08); color:var(--accent); font-weight:600; }
.docs-content { max-width:800px; }
.docs-content h2 {
  font-family:'Syne',sans-serif; font-weight:800; font-size:28px;
  letter-spacing:-.5px; margin-bottom:16px; padding-top:24px;
  border-top:1px solid var(--border); margin-top:48px;
}
.docs-content h2:first-child { border-top:none; margin-top:0; padding-top:0; }
.docs-content h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:18px;
  margin-bottom:12px; margin-top:32px;
}
.docs-content p {
  font-size:15px; color:var(--muted); line-height:1.8; font-weight:300;
  margin-bottom:16px;
}
.docs-content code {
  background:var(--surface); border:1px solid var(--border);
  border-radius:4px; padding:2px 8px; font-size:13px; color:var(--accent);
}
.docs-content .code-block {
  background:var(--surface); border:1px solid var(--border);
  border-radius:10px; padding:20px 24px; margin:16px 0 24px;
  font-family:monospace; font-size:13px; line-height:1.7;
  color:var(--text); overflow-x:auto;
}

/* ── LEGAL PAGES ── */
.legal-content {
  max-width:800px; margin:0 auto; padding:60px 0;
}
.legal-content h2 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:22px;
  margin-bottom:16px; margin-top:48px;
}
.legal-content h2:first-child { margin-top:0; }
.legal-content p, .legal-content li {
  font-size:15px; color:var(--muted); line-height:1.8; font-weight:300;
  margin-bottom:14px;
}
.legal-content ul { padding-left:20px; margin-bottom:20px; }
.legal-content strong { color:var(--text); }
.legal-updated {
  font-size:13px; color:var(--muted); opacity:.5; margin-bottom:40px;
}

/* ── ABOUT PAGE ── */
.about-values {
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:48px;
}
.value-card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); padding:36px; text-align:center;
  transition: border-color .25s;
}
.value-card:hover { border-color:rgba(0,229,255,.25); }
.value-icon { font-size:32px; margin-bottom:14px; }
.value-card h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:16px; margin-bottom:10px;
}
.value-card p { font-size:13px; color:var(--muted); line-height:1.75; font-weight:300; }

/* ── PRICING (standalone page) ── */
.billing-toggle {
  display:inline-flex;
  background:var(--surface); border:1px solid var(--border);
  border-radius:100px; padding:4px; margin-bottom:56px;
}
.tog-btn {
  font-family:'DM Sans',sans-serif; font-size:13px; font-weight:500;
  padding:8px 24px; border-radius:100px; border:none;
  cursor:pointer; color:var(--muted); background:none;
  transition: all .2s;
}
.tog-btn.on { background:var(--accent); color:#000; font-weight:700; }
.save-pill {
  display:inline-block; margin-left:6px;
  font-size:10px; font-weight:700; color:var(--green);
  background:rgba(0,214,143,.1); border:1px solid rgba(0,214,143,.2);
  border-radius:100px; padding:1px 8px; vertical-align:middle;
}
.pricing-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:22px;
  max-width:1100px; margin:0 auto;
}
.plan {
  background:var(--surface); border:1px solid var(--border);
  border-radius:20px; padding:40px 36px;
  position:relative; overflow:hidden;
  transition: border-color .25s, transform .25s;
}
.plan:hover { border-color:rgba(0,229,255,.2); transform:translateY(-4px); }
.plan.hot {
  border-color:var(--accent);
  background:linear-gradient(155deg,rgba(0,229,255,.06) 0%,var(--surface) 55%);
}
.plan-badge {
  position:absolute; top:20px; right:20px;
  font-size:10px; font-weight:700; letter-spacing:.8px;
  text-transform:uppercase; border-radius:5px; padding:4px 10px;
}
.plan-badge.cyan { background:var(--accent); color:#000; }
.plan-badge.gold { background:var(--gold); color:#000; }
.plan-tier {
  font-family:'Syne',sans-serif; font-size:12px; font-weight:700;
  letter-spacing:2px; text-transform:uppercase;
  color:var(--muted); margin-bottom:6px;
}
.plan-tagline {
  font-family:'Syne',sans-serif; font-weight:700; font-size:18px;
  line-height:1.25; margin-bottom:28px;
}
.plan-price-row { display:flex; align-items:flex-end; gap:6px; margin-bottom:4px; }
.plan-price {
  font-family:'Syne',sans-serif; font-weight:800;
  font-size:46px; line-height:1; color:#fff;
  transition: all .3s;
}
.plan-per { font-size:14px; color:var(--muted); margin-bottom:7px; font-weight:300; }
.plan-note {
  font-size:12px; color:var(--muted); min-height:18px; margin-bottom:30px;
  transition: all .3s;
}
.plan-note strong { color:var(--green); }
hr.plan-rule { border:none; border-top:1px solid var(--border); margin:24px 0; }
.plan-perks { list-style:none; display:flex; flex-direction:column; gap:11px; margin-bottom:34px; }
.plan-perks li {
  display:flex; align-items:flex-start; gap:10px;
  font-size:13px; line-height:1.5;
}
.plan-perks li.yes { color:var(--text); }
.plan-perks li.no  { color:var(--muted); opacity:.45; }
.ck { color:var(--green); font-size:14px; flex-shrink:0; margin-top:1px; }
.xk { color:var(--muted); font-size:13px; flex-shrink:0; margin-top:2px; }
.plan-btn {
  width:100%; padding:14px; border-radius:10px; cursor:pointer;
  font-family:'Syne',sans-serif; font-weight:700; font-size:14px;
  transition: all .2s; display:block; text-align:center;
}
.plan-btn.outline {
  background:transparent; border:1px solid var(--border); color:var(--text);
}
.plan-btn.outline:hover { border-color:var(--accent); color:var(--accent); }
.plan-btn.fill { background:var(--accent); border:none; color:#000; }
.plan-btn.fill:hover { opacity:.88; }
.pricing-footnote {
  text-align:center; margin-top:32px;
  font-size:13px; color:var(--muted); line-height:1.7;
}
.pricing-footnote strong { color:var(--green); }

/* FAQ (standalone page) */
.faq-grid {
  display:grid; grid-template-columns:repeat(2,1fr);
  gap:2px; background:var(--border);
  border:1px solid var(--border); border-radius:18px; overflow:hidden;
  max-width:1000px; margin:0 auto;
}
.faq-item { background:var(--surface); padding:32px 36px; transition:background .2s; }
.faq-item:hover { background:var(--surface2); }
.faq-q {
  font-family:'Syne',sans-serif; font-weight:700;
  font-size:15px; margin-bottom:10px;
}
.faq-a { font-size:13px; color:var(--muted); line-height:1.75; font-weight:300; }

/* ── CTA BAND ── */
.cta-band {
  margin:0 60px 80px;
  background:linear-gradient(135deg,rgba(0,229,255,.07),rgba(123,97,255,.07));
  border:1px solid rgba(0,229,255,.14);
  border-radius:24px; padding:80px; text-align:center;
  position:relative; overflow:hidden;
}
.cta-band::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 60% 80% at 50% 110%,rgba(0,229,255,.07),transparent);
  pointer-events:none;
}
.cta-band h2 {
  font-family:'Syne',sans-serif; font-weight:800;
  font-size:clamp(26px,4vw,46px); letter-spacing:-1px;
  margin-bottom:16px; position:relative;
}
.cta-band p {
  font-size:17px; color:var(--muted); max-width:480px;
  margin:0 auto 40px; font-weight:300; line-height:1.7; position:relative;
}
.btn-hero {
  font-family:'Syne',sans-serif; font-weight:700; font-size:15px;
  color:#000; background:var(--accent); border:none;
  border-radius:10px; padding:16px 36px; cursor:pointer;
  transition: opacity .2s, transform .15s;
  display:inline-block; position:relative;
}
.btn-hero:hover { opacity:.88; transform:translateY(-1px); }
.cta-guarantee {
  display:inline-flex; align-items:center; gap:8px;
  margin-top:20px; font-size:13px; color:var(--green); font-weight:500;
  position:relative;
}

/* ── FOOTER ── */
footer {
  border-top:1px solid var(--border);
  padding:64px 60px 40px;
}
.footer-top {
  display:grid; grid-template-columns:2fr 1fr 1fr 1fr 1fr; gap:36px;
  margin-bottom:48px;
}
.footer-logo { font-family:'Syne',sans-serif; font-weight:800; font-size:20px; color:#fff; display:inline-flex; align-items:center; gap:8px; margin-bottom:14px; }
.footer-logo span { background:linear-gradient(90deg,#00e5ff,#7b61ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.footer-desc { font-size:13px; color:var(--muted); line-height:1.7; max-width:240px; font-weight:300; }
.footer-col h4 {
  font-family:'Syne',sans-serif; font-size:11px; font-weight:700;
  letter-spacing:1.5px; text-transform:uppercase;
  color:var(--muted); margin-bottom:16px;
}
.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:10px; }
.footer-col a { font-size:13px; color:var(--muted); transition:color .2s; }
.footer-col a:hover { color:var(--text); }
.footer-bottom {
  border-top:1px solid var(--border); padding-top:28px;
  display:flex; justify-content:space-between; align-items:flex-start; gap:32px;
}
.footer-copy { font-size:12px; color:var(--muted); white-space:nowrap; }
.footer-disc { font-size:11px; color:var(--muted); opacity:.5; line-height:1.6; max-width:680px; }

/* ── MOBILE ── */
@media(max-width:900px){
  nav { padding:0 18px; height:60px; }
  .nav-links { display:none; }
  .btn-ghost { display:none; }
  #mobLang { display:block !important; }
  .btn-nav { padding:9px 16px; font-size:12px; display:none; }
  .mobile-toggle { display:block; }

  .breadcrumb { padding:10px 20px; }
  .page-hero { padding:48px 20px 44px; }
  .page-hero h1 { font-size:clamp(28px,8vw,44px); letter-spacing:-1px; }
  .page-hero-sub { font-size:15px; }

  .section { padding:60px 20px; }
  .section-title { font-size:clamp(22px,6vw,36px); }
  .section-sub { font-size:15px; margin-bottom:36px; }

  .content-split { grid-template-columns:1fr; gap:32px; }
  .power-grid, .integrity-grid, .about-values, .pricing-grid, .blog-grid, .faq-grid {
    grid-template-columns:1fr;
  }
  .power-card.wide { grid-column:auto; }
  .blog-card.featured { grid-column:auto; }

  .pipe-step { padding:28px 24px; }
  .step-item { padding:28px 24px; }
  .plan { padding:28px 24px; }
  .plan-price { font-size:38px; }

  .docs-layout { grid-template-columns:1fr; gap:24px; }
  .docs-sidebar { position:static; }

  .cta-band { margin:0 16px 60px; padding:40px 22px; border-radius:16px; }
  .cta-band h2 { font-size:clamp(22px,6vw,34px); }
  .btn-hero { width:100%; display:block; text-align:center; }

  footer { padding:40px 20px 28px; }
  .footer-top { grid-template-columns:1fr 1fr; gap:28px; }
  .footer-bottom { flex-direction:column; gap:16px; }
}

/* ── PERFORMANCE PAGE ── */
.kpi-grid {
  display:grid !important; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:48px;
}
.kpi-card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); padding:28px 20px; text-align:center;
  transition:border-color .25s, transform .2s;
}
.kpi-card:hover { border-color:rgba(0,229,255,.2); transform:translateY(-2px); }
.kpi-val {
  font-family:'Syne',sans-serif; font-weight:800; font-size:32px; line-height:1; color:var(--accent);
}
.kpi-label {
  font-size:11px; letter-spacing:1.5px; text-transform:uppercase;
  color:var(--muted); margin-top:8px; font-weight:600;
}
.perf-table { width:100%; border-collapse:collapse; }
.perf-table th, .perf-table td {
  padding:14px 18px; text-align:left;
  border-bottom:1px solid var(--border); font-size:14px;
}
.perf-table th {
  color:var(--muted); font-weight:600; font-size:11px;
  letter-spacing:1px; text-transform:uppercase;
  font-family:'Syne',sans-serif;
}
.perf-table tr:hover td { background:rgba(0,229,255,.02); }
.badge-win { color:var(--green); font-weight:700; }
.badge-loss { color:var(--red); font-weight:700; }
.equity-card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); padding:36px; margin-bottom:48px;
}
.equity-card h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:18px; margin-bottom:28px;
}
.equity-chart {
  display:flex !important; flex-direction:column; gap:10px;
}
.equity-row { display:flex !important; align-items:center; gap:16px; font-size:13px; }
.equity-label { width:44px; color:var(--muted); text-align:right; flex-shrink:0; font-weight:500; font-size:13px; }
.equity-bar-bg { flex:1; height:18px; background:rgba(255,255,255,.04); border-radius:5px; position:relative; overflow:hidden; }
.equity-bar-fill {
  height:100%; border-radius:5px;
  background:linear-gradient(90deg,rgba(0,229,255,.45),var(--accent));
  transition:width 1s ease;
}
.equity-bar-fill.loss {
  background:linear-gradient(90deg,rgba(255,77,106,.4),var(--red));
}
.equity-val { width:72px; font-weight:700; color:var(--accent); text-align:right; flex-shrink:0; font-size:13px; }
.equity-val.loss { color:var(--red); }
.perf-disc { font-size:11px; color:var(--muted); margin-top:16px; opacity:.5; line-height:1.5; }
.table-card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); padding:36px; margin-bottom:48px; overflow-x:auto;
}
.table-card h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:18px; margin-bottom:24px;
}
.method-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.method-card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); padding:32px;
  transition:border-color .25s, transform .2s;
}
.method-card:hover { border-color:rgba(0,229,255,.2); transform:translateY(-2px); }
.method-icon { font-size:32px; margin-bottom:16px; }
.method-card h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:17px; margin-bottom:10px;
}
.method-card p { font-size:14px; color:var(--muted); line-height:1.75; font-weight:300; }

/* ── ACADEMY PAGE ── */
.featured-guide {
  background:linear-gradient(135deg,rgba(0,229,255,.05) 0%,var(--surface) 100%);
  border:1px solid rgba(0,229,255,.18);
  border-radius:20px; padding:40px; margin-bottom:48px;
}
.featured-badge {
  display:inline-block; font-size:10px; font-weight:700; letter-spacing:1.5px;
  text-transform:uppercase; color:var(--accent);
  background:rgba(0,229,255,.08); border:1px solid rgba(0,229,255,.2);
  border-radius:4px; padding:3px 10px; margin-bottom:16px;
}
.featured-guide h2 {
  font-family:'Syne',sans-serif; font-weight:800; font-size:clamp(20px,3vw,26px);
  line-height:1.2; margin-bottom:12px; letter-spacing:-0.5px;
}
.featured-guide p { font-size:15px; color:var(--muted); line-height:1.8; font-weight:300; margin-bottom:20px; }
.guide-meta { display:flex; gap:16px; font-size:13px; color:var(--muted); margin-bottom:24px; font-weight:400; flex-wrap:wrap; }
.academy-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.academy-card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); padding:28px;
  display:flex; flex-direction:column;
  transition:border-color .25s, transform .2s;
}
.academy-card:hover { border-color:rgba(0,229,255,.25); transform:translateY(-2px); }
.academy-thumb {
  height:120px; border-radius:10px; overflow:hidden;
  background:var(--surface2);
  display:flex; align-items:center; justify-content:center;
  font-size:40px; margin-bottom:16px;
}
.academy-tag {
  font-size:10px; font-weight:700; letter-spacing:1.5px;
  text-transform:uppercase; color:var(--accent2);
  background:rgba(123,97,255,.1); border:1px solid rgba(123,97,255,.2);
  padding:3px 10px; border-radius:4px;
  display:inline-block; margin-bottom:10px;
}
.academy-card h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:16px;
  line-height:1.3; margin-bottom:8px;
}
.academy-desc { font-size:13px; color:var(--muted); line-height:1.7; font-weight:300; flex:1; }
.academy-card-meta { font-size:12px; color:var(--muted); margin-top:14px; display:flex; gap:12px; }
.academy-seo-block, .seo-block {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); padding:40px; margin-top:48px;
}
.academy-seo-block h2, .seo-block h2 {
  font-family:'Syne',sans-serif; font-weight:800; font-size:22px;
  margin-bottom:20px; letter-spacing:-0.3px;
}
.academy-seo-block p, .seo-block p {
  font-size:15px; color:var(--muted); line-height:1.9; font-weight:300; margin-bottom:16px;
}
.academy-seo-block p:last-child, .seo-block p:last-child { margin-bottom:0; }
.seo-block strong { color:var(--text); }

/* ── COMPARE PAGE ── */
.compare-table { width:100%; border-collapse:collapse; }
.compare-table th {
  padding:16px; text-align:center; background:var(--surface);
  font-family:'Syne',sans-serif; font-size:14px; font-weight:700;
  border-bottom:2px solid var(--border);
}
.compare-table th.highlight { color:var(--accent); background:rgba(0,229,255,.04); }
.compare-table td {
  padding:14px 16px; text-align:center;
  border-bottom:1px solid var(--border); font-size:14px; color:var(--muted);
}
.compare-table td:first-child { text-align:left; font-weight:500; }
.compare-table td.highlight { background:rgba(0,229,255,.03); font-weight:600; color:var(--text); }
.compare-table tr:hover td { background:rgba(0,229,255,.02); }
.check-icon { color:var(--green); font-size:16px; }
.cross-icon { color:var(--red); font-size:14px; }
.partial-icon { color:var(--gold); }
.switch-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.switch-card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); padding:32px;
  transition:border-color .2s;
}
.switch-card:hover { border-color:rgba(0,229,255,.2); }
.switch-card h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:17px; margin-bottom:12px;
}
.switch-card p { font-size:14px; color:var(--muted); line-height:1.9; font-weight:300; }

/* ── PROGRESS BARS ── */
.progress-wrap { margin-bottom:16px; }
.progress-label { display:flex; justify-content:space-between; font-size:13px; margin-bottom:6px; color:var(--muted); }
.progress-label .val { color:var(--accent); font-weight:600; }
.progress-bg { height:8px; background:rgba(255,255,255,.06); border-radius:4px; }
.progress-fill { height:8px; border-radius:4px; background:var(--accent); }

@media(max-width:900px){
  .kpi-grid { grid-template-columns:repeat(2,1fr); }
  .method-grid, .switch-grid { grid-template-columns:1fr; }
  .academy-grid { grid-template-columns:repeat(2,1fr); }
  .compare-table { font-size:12px; }
  .compare-table th, .compare-table td { padding:10px 8px; }
  .equity-card, .table-card { padding:20px 16px; }
  .featured-guide { padding:28px 20px; }
  .seo-block, .academy-seo-block { padding:28px 20px; }
  .equity-label { width:34px; font-size:12px; }
  .equity-val { width:60px; font-size:12px; }
  .perf-table th, .perf-table td { padding:10px 8px; font-size:12px; }
}

@media(max-width:600px){
  .academy-grid { grid-template-columns:1fr; }
}

@media(max-width:400px){
  .page-hero h1 { font-size:28px; }
  .footer-top { grid-template-columns:1fr; }
  .plan-price { font-size:34px; }
  .kpi-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .kpi-val { font-size:26px; }
  .kpi-card { padding:20px 14px; }
  .equity-label { width:30px; font-size:11px; }
  .equity-val { width:55px; font-size:11px; }
  .equity-bar-bg { height:14px; }
}


/* ── LANGUAGE SWITCHER ── */
.lang-switcher { position:relative; cursor:pointer; }
.lang-trigger {
  display:flex; align-items:center; gap:6px;
  font-size:13px; color:var(--muted); padding:6px 10px;
  background:var(--surface); border:1px solid var(--border);
  border-radius:8px; transition:border-color .2s, color .2s;
  user-select:none; white-space:nowrap;
}
.lang-trigger:hover { border-color:var(--border2); color:var(--text); }
.lang-menu {
  display:none !important; position:absolute; top:calc(100% + 8px); right:0;
  background:var(--surface); border:1px solid var(--border2);
  border-radius:10px; padding:8px 0; min-width:200px;
  list-style:none !important; box-shadow:0 12px 40px rgba(0,0,0,.6); z-index:1000;
  margin:0; padding-left:0;
}
.lang-switcher:hover .lang-menu { display:block !important; }
.lang-menu li { list-style:none !important; margin:0; padding:0; }
.lang-menu li a {
  display:flex; align-items:center; gap:10px;
  padding:10px 16px; font-size:13px; color:var(--muted);
  transition:background .15s, color .15s;
}
.lang-menu li a:hover { background:var(--surface2); color:var(--text); }
.lang-menu .lang-active { color:var(--accent); }
.lang-name-native { font-size:11px; margin-left:auto; opacity:.6; }

/* ── RTL SUPPORT ── */
[dir="rtl"] { direction:rtl; text-align:right; }
[dir="rtl"] nav { flex-direction:row-reverse; }
[dir="rtl"] .nav-links { flex-direction:row-reverse; }
[dir="rtl"] .nav-actions { flex-direction:row-reverse; }
[dir="rtl"] .lang-menu { right:auto; left:0; }
[dir="rtl"] .nav-dropdown { right:auto; left:0; }
[dir="rtl"] .hero-actions { flex-direction:row-reverse; }

/* ── BLOG ARTICLE STYLES ── */
.article-content h2 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:24px;
  color:var(--text); margin:40px 0 16px; letter-spacing:-0.5px;
}
.article-content h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:18px;
  color:var(--text); margin:28px 0 12px;
}
.article-content p {
  margin-bottom:18px;
}
.article-content strong { color:var(--text); font-weight:500; }
.article-content a { color:var(--accent); }
.article-callout {
  margin:24px 0; padding:18px 22px;
  background:rgba(0,229,255,.04); border-left:3px solid var(--accent);
  border-radius:0 10px 10px 0;
  font-size:14px; color:var(--text); line-height:1.75;
}
.article-callout strong { color:var(--accent); }
.article-table {
  width:100%; border-collapse:collapse; margin:20px 0 28px;
  font-size:14px;
}
.article-table th {
  padding:12px 16px; text-align:left; font-weight:600;
  background:var(--surface); border-bottom:2px solid var(--border);
  color:var(--text); font-family:'Syne',sans-serif; font-size:12px;
  letter-spacing:.5px;
}
.article-table td {
  padding:12px 16px; border-bottom:1px solid var(--border);
  color:var(--muted); font-weight:300;
}
.article-table tr:hover td { background:rgba(0,229,255,.02); }

/* ── HERO (homepage inline styles) ── */
.hero {
  position:relative; min-height:92vh;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  text-align:center; padding:80px 40px 100px;
  overflow:hidden;
}
.hero-grid {
  position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(0,229,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,229,255,.03) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, black 30%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 40%, black 30%, transparent 100%);
}
.hero-glow {
  position:absolute; width:800px; height:800px; border-radius:50%;
  background: radial-gradient(circle, rgba(0,229,255,.07) 0%, transparent 65%);
  top:50%; left:50%; transform:translate(-50%,-55%); pointer-events:none;
}
.hero-glow2 {
  position:absolute; width:500px; height:500px; border-radius:50%;
  background: radial-gradient(circle, rgba(123,97,255,.06) 0%, transparent 65%);
  top:60%; left:60%; pointer-events:none;
}
.hero-badge {
  position:relative; display:inline-flex; align-items:center; gap:8px;
  background:rgba(0,229,255,.08); border:1px solid rgba(0,229,255,.2);
  border-radius:100px; padding:6px 16px;
  font-size:12px; font-weight:500; color:var(--accent);
  letter-spacing:.5px; margin-bottom:28px;
}
.hero-badge::before {
  content:''; width:6px; height:6px; border-radius:50%;
  background:var(--accent); flex-shrink:0;
  animation: pulseGreen 2s infinite;
}
@keyframes pulseGreen {
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.4;transform:scale(1.5)}
}
.hero h1 {
  position:relative;
  font-family:'Syne',sans-serif; font-weight:800;
  font-size:clamp(40px,6.5vw,80px);
  line-height:1.03; letter-spacing:-2.5px;
  max-width:920px; margin-bottom:24px;
}
.hero h1 .grad {
  background: linear-gradient(90deg, var(--accent) 0%, var(--accent2) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text;
}
.hero-sub {
  position:relative; font-size:18px; font-weight:300;
  color:var(--muted); max-width:560px;
  line-height:1.75; margin-bottom:44px;
}
.hero-actions {
  position:relative; display:flex; gap:14px;
  align-items:center; margin-bottom:70px;
}
.btn-hero {
  font-family:'Syne',sans-serif; font-weight:700; font-size:15px;
  color:#000; background:var(--accent); border:none;
  border-radius:10px; padding:16px 36px; cursor:pointer;
  transition: opacity .2s, transform .15s;
  display:inline-block; position:relative;
}
.btn-hero:hover { opacity:.88; transform:translateY(-1px); }
.btn-hero-outline {
  font-family:'Syne',sans-serif; font-weight:600; font-size:15px;
  color:var(--text); background:transparent;
  border:1px solid var(--border2); border-radius:10px;
  padding:15px 32px; transition:border-color .2s;
  display:inline-block;
}
.btn-hero-outline:hover { border-color:var(--accent); color:var(--accent); }
.hero-stats {
  position:relative; display:flex; gap:40px;
}
.stat-num {
  font-family:'Syne',sans-serif; font-weight:800;
  font-size:30px; color:#fff;
}
.stat-num em {
  font-style:normal; color:var(--accent); font-size:18px;
}
.stat-label {
  font-size:12px; color:var(--muted); margin-top:4px;
}
.trust-bar {
  display:flex; justify-content:center; gap:8px 32px;
  padding:16px 40px; flex-wrap:wrap;
  background:var(--bg2); border-bottom:1px solid var(--border);
}
.trust-item {
  display:flex; align-items:center; gap:6px;
  font-size:13px; color:var(--muted); white-space:nowrap;
}

/* HOW GRID */
.how-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
}
.how-card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); padding:36px;
  transition:border-color .25s, transform .2s;
}
.how-card:hover { border-color:rgba(0,229,255,.25); transform:translateY(-2px); }
.how-num {
  font-family:'Syne',sans-serif; font-size:11px; font-weight:700;
  letter-spacing:2px; color:var(--accent); margin-bottom:10px;
}
.how-icon { font-size:28px; margin-bottom:14px; }
.how-card h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:17px;
  margin-bottom:10px;
}
.how-card p { font-size:14px; color:var(--muted); line-height:1.75; font-weight:300; }

/* FEATURES GRID */
.features-grid {
  display:grid; grid-template-columns:repeat(2,1fr); gap:20px;
}
.feat-card {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); padding:36px;
  transition:border-color .25s, transform .2s;
}
.feat-card:hover { border-color:rgba(0,229,255,.25); transform:translateY(-2px); }
.feat-tag {
  display:inline-block; font-size:10px; font-weight:700;
  letter-spacing:1.5px; text-transform:uppercase;
  color:var(--accent2); background:rgba(123,97,255,.1);
  border:1px solid rgba(123,97,255,.2); border-radius:4px;
  padding:3px 10px; margin-bottom:14px;
}
.feat-card h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:17px;
  margin-bottom:10px;
}
.feat-card p { font-size:14px; color:var(--muted); line-height:1.75; font-weight:300; }

/* TESTI GRID */
.testi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.testi {
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius); padding:32px;
  transition:border-color .25s;
}
.testi:hover { border-color:rgba(0,229,255,.2); }
.stars { color:var(--gold); font-size:15px; margin-bottom:14px; }
.testi-body {
  font-size:14px; color:var(--muted); line-height:1.8;
  font-style:italic; margin-bottom:24px; font-weight:300;
}
.testi-author { display:flex; align-items:center; gap:12px; }
.testi-av {
  width:40px; height:40px; border-radius:50%;
  background:linear-gradient(135deg,var(--accent2),var(--accent));
  display:flex; align-items:center; justify-content:center;
  font-family:'Syne',sans-serif; font-weight:700; font-size:13px;
  color:#fff; flex-shrink:0;
}
.testi-name { font-size:14px; font-weight:600; color:var(--text); }
.testi-meta { font-size:12px; color:var(--muted); margin-top:2px; }

/* CTA guarantee for shared */
.cta-guarantee {
  display:inline-flex; align-items:center; gap:8px;
  margin-top:20px; font-size:13px; color:var(--green); font-weight:500;
  position:relative;
}

/* MOBILE ADDITIONS */
@media(max-width:900px){
  .hero { padding:52px 20px 72px; min-height:auto; }
  .hero-badge { font-size:11px; padding:5px 13px; margin-bottom:20px; }
  .hero h1 { font-size:clamp(32px,9vw,52px); letter-spacing:-1.5px; margin-bottom:18px; }
  .hero-sub { font-size:15px; margin-bottom:32px; }
  .hero-actions { flex-direction:column; align-items:stretch; gap:10px; margin-bottom:48px; }
  .btn-hero, .btn-hero-outline { text-align:center; padding:15px 20px; font-size:14px; }
  .hero-stats { gap:24px 32px; flex-wrap:wrap; justify-content:center; }
  .stat-num { font-size:24px; }
  .trust-bar { padding:14px 20px; gap:10px 24px; }
  .trust-item { font-size:12px; }
  .how-grid, .features-grid, .testi-grid { grid-template-columns:1fr; }
  .lang-switcher { order:-1; }
}
@media(max-width:400px){
  .hero h1 { font-size:30px; letter-spacing:-1px; }
  .hero-stats { gap:20px; }
  .stat-num { font-size:22px; }
}

/* ══════════════════════════════════════════════
   ACADEMY LESSON — MODERN DESIGN OVERHAUL
   ══════════════════════════════════════════════ */

/* Module badge */
.lesson-module-badge {
  display:inline-flex; align-items:center; gap:8px;
  font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;
  padding:6px 14px; border-radius:8px;
  background:rgba(240,180,41,.06); border:1px solid rgba(240,180,41,.15);
  color:var(--gold);
}
.lesson-level-badge {
  display:inline-flex; align-items:center; gap:6px;
  font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;
  padding:6px 14px; border-radius:8px;
  background:rgba(0,229,255,.06); border:1px solid rgba(0,229,255,.15);
  color:var(--accent);
}

/* Lesson header */
.lesson-header {
  max-width:820px; margin:0 auto; padding-bottom:32px;
  border-bottom:1px solid var(--border);
  margin-bottom:40px;
}
.lesson-header h1 {
  font-family:'Syne',sans-serif; font-weight:800;
  font-size:clamp(28px,4.5vw,44px); line-height:1.1;
  letter-spacing:-1.5px; margin:20px 0 16px;
}
.lesson-meta {
  display:flex; gap:20px; font-size:13px; color:var(--muted);
  flex-wrap:wrap; align-items:center;
}
.lesson-meta-item {
  display:flex; align-items:center; gap:6px;
}

/* Lesson content styling */
.lesson-content {
  max-width:820px; margin:0 auto;
  font-size:17px; color:#b0b5cc; line-height:1.9; font-weight:300;
}
.lesson-content h2 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:26px;
  color:var(--text); margin:48px 0 18px; letter-spacing:-0.5px;
  padding-top:32px; border-top:1px solid var(--border);
}
.lesson-content h2:first-of-type { border-top:none; padding-top:0; margin-top:0; }
.lesson-content h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:19px;
  color:var(--text); margin:32px 0 12px;
}
.lesson-content p { margin-bottom:20px; }
.lesson-content strong { color:var(--text); font-weight:500; }
.lesson-content em { color:var(--accent); font-style:normal; font-weight:400; }

/* Continue learning card */
.lesson-continue {
  max-width:820px; margin:48px auto 0;
  background:var(--surface); border:1px solid var(--border);
  border-radius:20px; padding:32px; overflow:hidden;
}
.lesson-continue h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:18px;
  margin-bottom:20px; color:var(--text);
}
.lesson-continue-link {
  display:flex; justify-content:space-between; align-items:center;
  padding:14px 18px; background:var(--bg2); border-radius:12px;
  font-size:14px; color:var(--muted); transition:all .2s;
  border:1px solid transparent; text-decoration:none; margin-bottom:8px;
}
.lesson-continue-link:hover {
  border-color:rgba(0,229,255,.2); color:var(--text); transform:translateX(4px);
}

/* Lesson CTA */
.lesson-cta {
  max-width:820px; margin:32px auto 0;
  padding:40px; text-align:center;
  background:linear-gradient(135deg,rgba(0,229,255,.05),rgba(123,97,255,.05));
  border:1px solid rgba(0,229,255,.12);
  border-radius:20px; position:relative; overflow:hidden;
}
.lesson-cta::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 60% 80% at 50% 110%,rgba(0,229,255,.06),transparent);
  pointer-events:none;
}
.lesson-cta h3 {
  font-family:'Syne',sans-serif; font-weight:700; font-size:22px;
  margin-bottom:10px; position:relative;
}
.lesson-cta p {
  font-size:15px; color:var(--muted); margin-bottom:24px;
  font-weight:300; position:relative;
}

/* Academy hub — module cards */
.module-card {
  margin-bottom:40px; padding:32px;
  background:var(--surface); border:1px solid var(--border);
  border-radius:20px; transition:border-color .3s;
}
.module-card:hover { border-color:rgba(0,229,255,.15); }
.module-header {
  display:flex; align-items:center; gap:18px; margin-bottom:24px;
}
.module-icon {
  width:56px; height:56px; border-radius:16px;
  background:var(--bg2); border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  font-size:26px; flex-shrink:0;
}
.module-num {
  font-family:'Syne',sans-serif; font-size:10px; font-weight:700;
  letter-spacing:2px; text-transform:uppercase; margin-bottom:4px;
}
.module-title {
  font-family:'Syne',sans-serif; font-weight:700; font-size:22px;
  margin:0; line-height:1.2;
}
.module-desc {
  font-size:14px; color:var(--muted); margin-top:4px; font-weight:300;
}
.module-lessons {
  display:flex; flex-direction:column; gap:6px;
}
.module-lesson-link {
  display:flex; justify-content:space-between; align-items:center;
  padding:14px 20px; background:var(--bg2); border-radius:12px;
  font-size:14px; color:var(--muted); transition:all .25s;
  border:1px solid transparent; text-decoration:none;
}
.module-lesson-link:hover {
  border-color:rgba(0,229,255,.2); color:var(--text);
  background:rgba(0,229,255,.03); transform:translateX(6px);
}
.module-lesson-link .lesson-title-text {
  font-weight:500; color:var(--text);
}
.module-lesson-meta {
  display:flex; gap:12px; font-size:12px; white-space:nowrap; margin-left:16px;
}
.module-lesson-meta .time { color:var(--muted); }
.module-lesson-meta .level { color:var(--accent); font-weight:600; }

/* Academy stats bar */
.academy-stats {
  display:flex; gap:32px; justify-content:center; flex-wrap:wrap;
  margin-top:32px;
}
.academy-stat {
  text-align:center;
}
.academy-stat-num {
  font-family:'Syne',sans-serif; font-weight:800; font-size:32px;
  color:var(--accent);
}
.academy-stat-label {
  font-size:12px; color:var(--muted); margin-top:2px;
}

@media(max-width:900px){
  .lesson-content { font-size:15px; }
  .lesson-content h2 { font-size:22px; }
  .module-header { flex-direction:column; align-items:flex-start; gap:12px; }
  .module-lesson-link { flex-direction:column; align-items:flex-start; gap:8px; }
  .module-lesson-meta { margin-left:0; }
  .academy-stats { gap:20px; }
  .academy-stat-num { font-size:26px; }
}

/* Mobile language button - shows next to hamburger on mobile */
.mob-lang{display:none;background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer;padding:8px;position:relative;z-index:1001}
.mob-lang-drop{display:none;position:absolute;top:100%;right:0;background:var(--surface,#0f1220);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:8px 0;min-width:140px;z-index:1002;box-shadow:0 12px 32px rgba(0,0,0,0.5)}
.mob-lang:focus-within .mob-lang-drop{display:block}
.mob-lang-drop.show{display:block}
.mob-lang-drop a{display:block;padding:8px 16px;color:var(--muted,#7b82a0);font-size:13px;text-decoration:none;transition:color .2s}
.mob-lang-drop a:hover{color:var(--text,#e8eaf6)}
@media(max-width:900px){.mob-lang{display:block}.nav-actions .lang-switcher{display:none}}