/* ══════════════════════════════════════════════
   TOKENS
══════════════════════════════════════════════ */
:root {
  --bg:       #020205;
  --bg2:      #07070f;
  --panel:    #0e0e1c;
  --panel2:   #141428;
  --cyan:     #00f5ff;
  --cyan2:    #00c8d4;
  --magenta:  #ff00aa;
  --green:    #00ff88;
  --yellow:   #ffdd00;
  --white:    #eceeff;
  --muted:    #454568;
  --muted2:   #6868a0;
  --border:   #18183a;

  --glow-c: 0 0 30px rgba(0,245,255,0.4), 0 0 80px rgba(0,245,255,0.1);
  --glow-m: 0 0 30px rgba(255,0,170,0.4), 0 0 80px rgba(255,0,170,0.1);
  --glow-g: 0 0 30px rgba(0,255,136,0.4), 0 0 80px rgba(0,255,136,0.1);

  --font-d: 'Orbitron', monospace;
  --font-b: 'Rajdhani', sans-serif;
  --font-m: 'Share Tech Mono', monospace;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-b);
  background: var(--bg);
  color: var(--white);
  overflow-x: hidden;
  cursor: default;
}

/* ── SCANLINES ── */
body::before {
  content:''; position:fixed; inset:0; z-index:9999; pointer-events:none;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.04) 2px, rgba(0,0,0,0.04) 4px);
}

/* ── GRID ── */
#grid-bg {
  position:fixed; inset:0; pointer-events:none; z-index:0;
  background-image:
    linear-gradient(rgba(0,245,255,0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,245,255,0.02) 1px, transparent 1px);
  background-size:60px 60px;
}

/* ── PARTICLES ── */
#particles { position:fixed; inset:0; pointer-events:none; z-index:0; overflow:hidden; }
.p { position:absolute; border-radius:50%; opacity:0; animation:rise linear infinite; }
@keyframes rise {
  0%   { transform:translateY(100vh); opacity:0; }
  10%  { opacity:.7; }
  90%  { opacity:.3; }
  100% { transform:translateY(-10vh); opacity:0; }
}

/* ── SHARED LAYOUT ── */
.z1 { position:relative; z-index:1; }
.container { max-width:1100px; margin:0 auto; padding:0 24px; }

/* ── REVEAL ANIMATION ── */
.reveal {
  opacity:0; transform:translateY(28px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.visible { opacity:1; transform:translateY(0); }

/* ══════════════════════════════════════════════
   NAV
══════════════════════════════════════════════ */
nav {
  position:fixed; top:0; left:0; right:0; z-index:100;
  padding:16px 24px;
  display:flex; align-items:center; justify-content:space-between;
  background:rgba(2,2,5,0.85);
  backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(0,245,255,0.08);
  transition:background 0.3s;
}
.nav-logo {
  font-family:var(--font-d); font-size:1.3rem; font-weight:900;
  color:var(--cyan); text-shadow:var(--glow-c); letter-spacing:0.25em;
  text-decoration:none;
}
.nav-actions { display:flex; gap:12px; align-items:center; }

/* ── BUTTONS ── */
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 24px; border:none; cursor:pointer;
  font-family:var(--font-d); font-size:0.65rem; font-weight:700;
  letter-spacing:0.12em; text-transform:uppercase; text-decoration:none;
  transition:all 0.2s; border-radius:4px;
  position:relative; overflow:hidden;
}
.btn::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);
  transform:translateX(-100%);
}
.btn:hover::after { transition:transform 0.4s; transform:translateX(100%); }
.btn:hover { transform:translateY(-2px); }

.btn-ghost {
  background:transparent; border:1px solid var(--border);
  color:var(--muted2);
}
.btn-ghost:hover { border-color:var(--cyan); color:var(--cyan); }

.btn-cyan {
  background:linear-gradient(135deg,var(--cyan),var(--cyan2));
  color:var(--bg); box-shadow:var(--glow-c);
}
.btn-cyan:hover { box-shadow:0 0 40px rgba(0,245,255,0.6); }

.btn-magenta {
  background:linear-gradient(135deg,var(--magenta),#cc0088);
  color:#fff; box-shadow:var(--glow-m);
}
.btn-magenta:hover { box-shadow:0 0 40px rgba(255,0,170,0.7); }

.btn-lg { padding:18px 40px; font-size:0.75rem; border-radius:4px; }
.btn-xl { padding:20px 48px; font-size:0.8rem; border-radius:4px; }

/* ══════════════════════════════════════════════
   HERO
══════════════════════════════════════════════ */
#hero {
  min-height:100vh;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:120px 24px 80px;
  position:relative;
  background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(0,245,255,0.06) 0%, transparent 70%);
}

.hero-eyebrow {
  font-family:var(--font-m); font-size:0.65rem; color:var(--cyan);
  letter-spacing:0.4em; margin-bottom:24px;
  display:inline-flex; align-items:center; gap:10px;
  padding:8px 18px; border:1px solid rgba(0,245,255,0.2);
  background:rgba(0,245,255,0.04);
  animation:fadeDown 0.8s ease both;
}
.hero-eyebrow span { display:inline-block; width:6px; height:6px; background:var(--cyan); border-radius:50%; animation:blink 1.2s ease-in-out infinite; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.1} }
@keyframes fadeDown { from{opacity:0;transform:translateY(-12px)} to{opacity:1;transform:translateY(0)} }

.hero-title {
  font-family:var(--font-d);
  font-size:clamp(2.2rem,7vw,5.5rem);
  font-weight:900; line-height:1.05;
  letter-spacing:0.02em;
  margin-bottom:8px;
  animation:fadeUp 0.8s 0.15s ease both;
}
@keyframes fadeUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }

.hero-title .accent-c { color:var(--cyan); text-shadow:var(--glow-c); }
.hero-title .accent-m { color:var(--magenta); text-shadow:var(--glow-m); }

.hero-subtitle {
  font-size:clamp(1.1rem,2.5vw,1.45rem); font-weight:400;
  color:rgba(236,238,255,0.65); max-width:680px;
  line-height:1.6; margin:20px auto 48px;
  animation:fadeUp 0.8s 0.3s ease both;
}
.hero-subtitle strong { color:var(--white); font-weight:600; }

.hero-cta {
  display:flex; gap:16px; justify-content:center; flex-wrap:wrap;
  animation:fadeUp 0.8s 0.45s ease both;
  margin-bottom:64px;
}

/* ── HERO STATS ── */
.hero-stats {
  display:flex; gap:0; flex-wrap:wrap; justify-content:center;
  border:1px solid var(--border);
  background:var(--panel);
  animation:fadeUp 0.8s 0.6s ease both;
  max-width:700px; width:100%;
}
.hero-stat {
  flex:1; min-width:140px; padding:20px 24px;
  border-right:1px solid var(--border);
  text-align:center;
}
.hero-stat:last-child { border-right:none; }
.hero-stat-num {
  font-family:var(--font-d); font-size:1.8rem; font-weight:900;
  color:var(--cyan); text-shadow:var(--glow-c); line-height:1;
  margin-bottom:6px;
}
.hero-stat-label {
  font-family:var(--font-m); font-size:0.6rem; color:var(--muted2);
  letter-spacing:0.15em; line-height:1.4;
}

/* ── SCROLL INDICATOR ── */
.scroll-hint {
  position:absolute; bottom:32px; left:50%;
  transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap:6px;
  font-family:var(--font-m); font-size:0.55rem; color:var(--muted);
  letter-spacing:0.2em; animation:bounce 2s ease-in-out infinite;
}
@keyframes bounce { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(6px)} }
.scroll-arrow { width:20px; height:20px; border-right:2px solid var(--muted); border-bottom:2px solid var(--muted); transform:rotate(45deg); }

/* ══════════════════════════════════════════════
   SCIENCE SECTION
══════════════════════════════════════════════ */
#science {
  padding:100px 0;
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg2) 50%, var(--bg) 100%);
}

.section-label {
  font-family:var(--font-m); font-size:0.6rem; color:var(--cyan);
  letter-spacing:0.35em; margin-bottom:16px; display:block;
}
.section-title {
  font-family:var(--font-d); font-size:clamp(1.5rem,4vw,2.5rem); font-weight:700;
  line-height:1.15; margin-bottom:20px;
}
.section-sub {
  font-size:1.05rem; color:rgba(236,238,255,0.6); line-height:1.7;
  max-width:560px;
}

.science-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:60px;
}

.research-card {
  background:var(--panel); border:1px solid var(--border);
  padding:28px 28px 24px;
  position:relative; overflow:hidden;
  transition:transform 0.2s, border-color 0.2s;
}
.research-card:hover { transform:translateY(-4px); border-color:var(--cyan); }
.research-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
}
.rc-cyan::before  { background:linear-gradient(90deg,var(--cyan),transparent); }
.rc-mag::before   { background:linear-gradient(90deg,var(--magenta),transparent); }
.rc-green::before { background:linear-gradient(90deg,var(--green),transparent); }
.rc-yellow::before{ background:linear-gradient(90deg,var(--yellow),transparent); }

.research-source {
  font-family:var(--font-m); font-size:0.58rem; color:var(--muted2);
  letter-spacing:0.15em; margin-bottom:14px;
  display:flex; align-items:center; gap:8px;
}
.research-source::before { content:''; width:16px; height:1px; background:var(--muted); }

.research-stat {
  font-family:var(--font-d); font-size:2.4rem; font-weight:900;
  line-height:1; margin-bottom:8px;
}
.rc-cyan .research-stat  { color:var(--cyan); }
.rc-mag .research-stat   { color:var(--magenta); }
.rc-green .research-stat { color:var(--green); }
.rc-yellow .research-stat{ color:var(--yellow); }

.research-text {
  font-size:0.95rem; color:rgba(236,238,255,0.7); line-height:1.6;
}
.research-text strong { color:var(--white); }

/* ── ZIPF VISUAL ── */
.zipf-visual {
  margin-top:60px; padding:36px;
  background:var(--panel); border:1px solid var(--border);
  position:relative;
}
.zipf-title {
  font-family:var(--font-m); font-size:0.65rem; color:var(--cyan);
  letter-spacing:0.2em; margin-bottom:28px; text-align:center;
}
.zipf-bars { display:flex; align-items:flex-end; gap:3px; height:120px; }
.zipf-bar {
  flex:1; background:linear-gradient(180deg,var(--cyan),rgba(0,245,255,0.2));
  border-radius:2px 2px 0 0; position:relative;
  transition:opacity 0.2s;
}
.zipf-bar:hover { opacity:0.8; }
.zipf-labels {
  display:flex; justify-content:space-between;
  font-family:var(--font-m); font-size:0.55rem; color:var(--muted2);
  margin-top:8px; padding-top:8px; border-top:1px solid var(--border);
}
.zipf-annotation {
  display:flex; gap:24px; margin-top:20px; flex-wrap:wrap;
}
.zipf-ann-item {
  display:flex; align-items:center; gap:8px;
  font-family:var(--font-m); font-size:0.6rem; color:var(--muted2);
}
.zipf-dot { width:10px; height:10px; border-radius:50%; }

/* ══════════════════════════════════════════════
   HOW IT WORKS
══════════════════════════════════════════════ */
#how { padding:100px 0; }

.how-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:2px;
  margin-top:60px; border:1px solid var(--border);
}
.how-step {
  background:var(--panel); padding:36px 28px;
  border-right:1px solid var(--border);
  position:relative; overflow:hidden;
  transition:background 0.2s;
}
.how-step:last-child { border-right:none; }
.how-step:hover { background:var(--panel2); }
.how-step-num {
  font-family:var(--font-d); font-size:4rem; font-weight:900;
  color:rgba(0,245,255,0.06); position:absolute; top:16px; right:20px;
  line-height:1;
}
.how-icon {
  width:48px; height:48px; border-radius:4px; margin-bottom:20px;
  display:flex; align-items:center; justify-content:center;
  font-size:1.4rem;
}
.hi-cyan    { background:rgba(0,245,255,0.1); border:1px solid rgba(0,245,255,0.2); }
.hi-mag     { background:rgba(255,0,170,0.1); border:1px solid rgba(255,0,170,0.2); }
.hi-green   { background:rgba(0,255,136,0.1); border:1px solid rgba(0,255,136,0.2); }
.hi-yellow  { background:rgba(255,221,0,0.1);  border:1px solid rgba(255,221,0,0.2); }
.hi-orange  { background:rgba(255,107,0,0.1);  border:1px solid rgba(255,107,0,0.2); }
.hi-white   { background:rgba(236,238,255,0.05); border:1px solid rgba(236,238,255,0.1); }

.how-title {
  font-family:var(--font-d); font-size:0.8rem; font-weight:700;
  color:var(--white); letter-spacing:0.08em; margin-bottom:12px;
}
.how-text { font-size:0.9rem; color:rgba(236,238,255,0.6); line-height:1.65; }
.how-text strong { color:var(--cyan); font-weight:600; }

/* ══════════════════════════════════════════════
   TIMELINE
══════════════════════════════════════════════ */
#timeline { padding:100px 0; background:var(--bg2); }

.timeline-wrap { margin-top:60px; position:relative; }
.timeline-line {
  position:absolute; left:50%; top:0; bottom:0; width:1px;
  background:linear-gradient(180deg, transparent, var(--cyan), var(--magenta), transparent);
  transform:translateX(-50%);
}
.timeline-row {
  display:flex; align-items:flex-start; gap:40px; margin-bottom:48px;
  position:relative;
}
.timeline-row.right { flex-direction:row-reverse; }
.timeline-card {
  flex:1; background:var(--panel); border:1px solid var(--border);
  padding:24px 28px; max-width:440px;
  position:relative; transition:border-color 0.2s;
}
.timeline-card:hover { border-color:var(--cyan); }
.timeline-dot {
  width:14px; height:14px; border-radius:50%;
  background:var(--cyan); box-shadow:var(--glow-c);
  flex-shrink:0; margin-top:20px;
  position:relative; z-index:1;
}
.timeline-row.right .timeline-dot { background:var(--magenta); box-shadow:var(--glow-m); }
.tl-week {
  font-family:var(--font-m); font-size:0.6rem; color:var(--cyan);
  letter-spacing:0.2em; margin-bottom:8px;
}
.timeline-row.right .tl-week { color:var(--magenta); }
.tl-title {
  font-family:var(--font-d); font-size:0.85rem; font-weight:700;
  margin-bottom:8px;
}
.tl-text { font-size:0.9rem; color:rgba(236,238,255,0.65); line-height:1.6; }
.tl-badge {
  display:inline-block; margin-top:10px; padding:4px 12px;
  border-radius:2px;
  font-family:var(--font-m); font-size:0.6rem; letter-spacing:0.1em;
}
.badge-cyan   { background:rgba(0,245,255,0.1); color:var(--cyan); border:1px solid rgba(0,245,255,0.2); }
.badge-green  { background:rgba(0,255,136,0.1); color:var(--green); border:1px solid rgba(0,255,136,0.2); }
.badge-mag    { background:rgba(255,0,170,0.1); color:var(--magenta); border:1px solid rgba(255,0,170,0.2); }
.badge-yellow { background:rgba(255,221,0,0.1); color:var(--yellow); border:1px solid rgba(255,221,0,0.2); }

/* ══════════════════════════════════════════════
   TECHNIQUES
══════════════════════════════════════════════ */
#techniques { padding:100px 0; }

.tech-grid {
  display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:60px;
}
.tech-card {
  background:var(--panel); border:1px solid var(--border);
  padding:28px; position:relative; overflow:hidden;
  transition:all 0.25s;
}
.tech-card:hover { border-color:var(--cyan); transform:translateY(-3px); }
.tech-card::after {
  content:''; position:absolute; inset:0;
  background:radial-gradient(circle at 100% 0%, rgba(0,245,255,0.04) 0%, transparent 60%);
  pointer-events:none;
}
.tech-header { display:flex; align-items:flex-start; gap:16px; margin-bottom:14px; }
.tech-icon-box {
  width:44px; height:44px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  font-size:1.3rem;
  background:var(--panel2); border:1px solid var(--border);
}
.tech-name {
  font-family:var(--font-d); font-size:0.75rem; font-weight:700;
  color:var(--white); letter-spacing:0.08em; margin-bottom:4px;
}
.tech-source {
  font-family:var(--font-m); font-size:0.55rem; color:var(--muted2);
  letter-spacing:0.1em;
}
.tech-desc { font-size:0.9rem; color:rgba(236,238,255,0.65); line-height:1.65; }
.tech-desc strong { color:var(--cyan); }
.tech-result {
  margin-top:14px; padding:10px 14px;
  background:rgba(0,245,255,0.04); border-left:3px solid var(--cyan);
  font-family:var(--font-m); font-size:0.65rem; color:var(--cyan);
  letter-spacing:0.05em; line-height:1.5;
}

/* ══════════════════════════════════════════════
   TESTIMONIALS / COMPARISONS
══════════════════════════════════════════════ */
#compare { padding:100px 0; background:var(--bg2); }

.compare-table {
  margin-top:60px; border:1px solid var(--border); overflow:hidden;
}
.compare-header {
  display:grid; grid-template-columns:2fr 1fr 1fr;
  background:var(--panel2);
  border-bottom:1px solid var(--border);
}
.compare-header div {
  padding:16px 20px;
  font-family:var(--font-m); font-size:0.65rem; letter-spacing:0.15em; color:var(--muted2);
  border-right:1px solid var(--border);
}
.compare-header div:last-child { border-right:none; }
.compare-header .lexio-col { color:var(--cyan); }

.compare-row {
  display:grid; grid-template-columns:2fr 1fr 1fr;
  border-bottom:1px solid var(--border);
  transition:background 0.15s;
}
.compare-row:last-child { border-bottom:none; }
.compare-row:hover { background:rgba(0,245,255,0.02); }
.compare-row > div {
  padding:16px 20px;
  border-right:1px solid var(--border);
  font-size:0.9rem; color:rgba(236,238,255,0.7);
  display:flex; align-items:center;
}
.compare-row > div:last-child { border-right:none; }
.compare-row > div:first-child { color:var(--white); font-weight:500; }
.check { color:var(--green); font-size:1.1rem; }
.cross { color:var(--muted); font-size:1.1rem; }
.partial { color:var(--yellow); font-size:0.8rem; font-family:var(--font-m); }

/* ══════════════════════════════════════════════
   PRICING
══════════════════════════════════════════════ */
#pricing {
  padding:100px 0;
  background: radial-gradient(ellipse 70% 50% at 50% 50%, rgba(255,0,170,0.05) 0%, transparent 70%);
}

.pricing-card {
  max-width:500px; margin:60px auto 0;
  background:var(--panel);
  border:1px solid var(--border);
  position:relative; overflow:hidden;
}
.pricing-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg, var(--cyan), var(--magenta), var(--cyan));
  background-size:200%; animation:shift 4s linear infinite;
}
@keyframes shift { 0%{background-position:200% 0} 100%{background-position:-200% 0} }

.pricing-badge {
  position:absolute; top:20px; right:20px;
  background:rgba(0,255,136,0.1); border:1px solid rgba(0,255,136,0.3);
  color:var(--green); font-family:var(--font-m); font-size:0.6rem;
  padding:5px 12px; letter-spacing:0.15em;
}

.pricing-head { padding:36px 36px 28px; border-bottom:1px solid var(--border); }
.pricing-plan {
  font-family:var(--font-m); font-size:0.6rem; color:var(--muted2);
  letter-spacing:0.3em; margin-bottom:16px;
}
.pricing-price {
  display:flex; align-items:baseline; gap:6px; margin-bottom:8px;
}
.price-currency {
  font-family:var(--font-d); font-size:1.2rem; color:var(--muted2);
}
.price-value {
  font-family:var(--font-d); font-size:4rem; font-weight:900;
  color:var(--cyan); text-shadow:var(--glow-c); line-height:1;
}
.price-period {
  font-family:var(--font-m); font-size:0.7rem; color:var(--muted2);
}
.pricing-tagline { font-size:0.95rem; color:rgba(236,238,255,0.6); }

.pricing-features { padding:28px 36px; border-bottom:1px solid var(--border); }
.feature-item {
  display:flex; align-items:flex-start; gap:12px;
  margin-bottom:14px; font-size:0.92rem;
  color:rgba(236,238,255,0.8); line-height:1.5;
}
.feature-item:last-child { margin-bottom:0; }
.feature-check { color:var(--green); font-size:1rem; flex-shrink:0; margin-top:1px; }

.pricing-cta { padding:28px 36px; }
.pricing-guarantee {
  text-align:center; margin-top:16px;
  font-family:var(--font-m); font-size:0.6rem; color:var(--muted2);
  letter-spacing:0.1em; line-height:1.6;
}

/* ══════════════════════════════════════════════
   FAQ
══════════════════════════════════════════════ */
#faq { padding:80px 0; }

.faq-grid { max-width:720px; margin:48px auto 0; }
.faq-item {
  border-bottom:1px solid var(--border); cursor:pointer;
}
.faq-q {
  padding:20px 0; display:flex; justify-content:space-between; align-items:center;
  font-size:1rem; font-weight:600; color:var(--white);
  transition:color 0.2s; user-select:none;
}
.faq-q:hover { color:var(--cyan); }
.faq-arrow {
  font-family:var(--font-m); font-size:0.8rem; color:var(--muted2);
  transition:transform 0.3s;
}
.faq-item.open .faq-arrow { transform:rotate(180deg); color:var(--cyan); }
.faq-a {
  max-height:0; overflow:hidden; transition:max-height 0.4s ease;
  font-size:0.92rem; color:rgba(236,238,255,0.65); line-height:1.7;
}
.faq-a.open { max-height:300px; padding-bottom:20px; }

/* ══════════════════════════════════════════════
   CTA FINAL
══════════════════════════════════════════════ */
#cta-final {
  padding:120px 24px;
  text-align:center;
  background:radial-gradient(ellipse 60% 40% at 50% 50%, rgba(0,245,255,0.07) 0%, transparent 70%);
}
.cta-title {
  font-family:var(--font-d); font-size:clamp(1.8rem,5vw,3.5rem);
  font-weight:900; line-height:1.1; margin-bottom:20px;
}
.cta-sub {
  font-size:1.1rem; color:rgba(236,238,255,0.6);
  max-width:520px; margin:0 auto 48px; line-height:1.6;
}
.cta-buttons { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }

/* ══════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════ */
footer {
  padding:32px 24px;
  border-top:1px solid var(--border);
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px;
}
.footer-logo {
  font-family:var(--font-d); font-size:1rem; font-weight:900;
  color:var(--cyan); letter-spacing:0.2em;
}
.footer-copy {
  font-family:var(--font-m); font-size:0.6rem; color:var(--muted);
  letter-spacing:0.1em;
}

/* ══════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════ */
@media (max-width:768px) {
  .science-grid  { grid-template-columns:1fr; }
  .how-grid      { grid-template-columns:1fr; }
  .how-step      { border-right:none; border-bottom:1px solid var(--border); }
  .tech-grid     { grid-template-columns:1fr; }
  .compare-row > div:first-child { font-size:0.82rem; }
  .timeline-line { display:none; }
  .timeline-row, .timeline-row.right { flex-direction:column; gap:12px; }
  .timeline-dot  { display:none; }
  .timeline-card { max-width:100%; }
  .pricing-head, .pricing-features, .pricing-cta { padding-left:24px; padding-right:24px; }
  .price-value   { font-size:3rem; }
  .hero-stats    { flex-direction:column; }
  .hero-stat     { border-right:none; border-bottom:1px solid var(--border); }
  .hero-stat:last-child { border-bottom:none; }
  .compare-table { font-size:0.82rem; }
  .compare-header div, .compare-row > div { padding:12px 14px; }
}