/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   index-v3.css — wow-landing aesthetic over existing structure
   Loaded AFTER index.css; overrides palette + typography +
   hero loop animation. Existing functional classes preserved.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

:root{
  /* ── dark editorial palette (warm undertone to coexist with --accent terracotta) ── */
  --bg-primary:#0A0907;
  --bg-secondary:#110F0A;
  --bg-card:#18150F;
  --bg-input:#1F1B14;
  --border-color:#2A251B;
  --border:#2A251B;
  --border-focus:#d97757;
  --text-primary:#F0EBE0;
  --text-secondary:#C2BCA9;
  --text-muted:#8A8270;
  /* keep terracotta --accent unchanged so existing #fff-on-accent buttons keep working */
  --accent:#d97757;
  --accent-hover:#e8895f;
  --accent-glow:rgba(217,119,87,0.18);
  --success:#22c55e;
  --warning:#FFB627;
  --error:#FF5630;
  --gradient-1:linear-gradient(135deg, #d97757 0%, #c4623f 100%);
  --gradient-2:linear-gradient(135deg, #110F0A 0%, #0A0907 100%);
  --surface-soft:rgba(24,21,15,0.85);
  --surface-mid:rgba(24,21,15,0.92);
  --surface-strong:#18150F;
  --shadow-soft:rgba(0,0,0,0.28);
  --shadow-strong:rgba(0,0,0,0.48);

  /* ── new v3 tokens ── */
  --v3-acid:#C4FF3D;
  --v3-acid-deep:#94C300;
  --v3-line-soft:#1C1A14;
  --v3-mute:#454338;
  --v3-ice:#3AB9F0;
  --v3-fire:#FF5630;
  --v3-warm:#FFB627;
}

/* ━━━━━━━━━━━━━━━ BODY + BACKGROUND ATMOSPHERE ━━━━━━━━━━━━━━━ */

html,body{background:var(--bg-primary);color:var(--text-primary)}

body{
  font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
  font-size:15px;
  line-height:1.55;
  letter-spacing:-0.005em;
  -webkit-font-smoothing:antialiased;
  position:relative;
}

/* grain overlay */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:1000;
  opacity:0.32;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.92  0 0 0 0 0.85  0 0 0 0 0.65  0 0 0 0.42 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  background-size:220px 220px;
}

/* radial glows pinned to viewport */
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(700px circle at 88% 8%, rgba(196,255,61,0.05), transparent 50%),
    radial-gradient(800px circle at 0% 40%, rgba(217,119,87,0.06), transparent 55%),
    radial-gradient(700px circle at 50% 110%, rgba(58,185,240,0.04), transparent 50%);
}

.container{position:relative;z-index:1;max-width:1280px}

/* ━━━━━━━━━━━━━━━ HEADER / HERO ━━━━━━━━━━━━━━━ */

.header{
  border-bottom:1px solid var(--border-color);
  padding:48px 0 56px;
  margin-bottom:40px;
  position:relative;
  overflow:visible;
}

/* hide the original fancy bullet-crosshair SVG; loop takes its slot */
.header-telegram-bg{display:none !important}

/* Kicker — editorial-grade tag */
.header-kicker{
  display:inline-flex;align-items:center;gap:10px;
  padding:7px 13px;
  border:1px solid var(--border-color);
  background:var(--bg-secondary);
  font-family:'JetBrains Mono', monospace;
  font-size:10.5px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--text-secondary);
  margin-bottom:24px;
  border-radius:0;
}
.header-kicker::before{
  content:"";width:7px;height:7px;border-radius:50%;background:var(--v3-acid);
  box-shadow:0 0 0 0 rgba(196,255,61,0.65);
  animation:v3-pulse 2.2s infinite;
}
@keyframes v3-pulse{
  0%{box-shadow:0 0 0 0 rgba(196,255,61,0.65)}
  70%{box-shadow:0 0 0 10px rgba(196,255,61,0)}
  100%{box-shadow:0 0 0 0 rgba(196,255,61,0)}
}

/* H1 — serif editorial display */
.header h1{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  font-weight:400;
  font-size:clamp(44px, 7vw, 104px);
  line-height:0.95;
  letter-spacing:-0.032em;
  color:var(--text-primary);
  margin:0 0 28px;
  max-width:880px;
  position:relative;
  z-index:2;
}

/* the existing «кто ответил» highlight — acid green block (override TG-blue pill) */
.hero-telegram-word{
  font-style:italic;
  position:relative;
  display:inline-block;
  color:var(--text-primary) !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 0.08em !important;
}
.hero-telegram-word::after{
  content:"";position:absolute;
  left:-0.04em;right:-0.04em;bottom:0.06em;height:0.18em;
  background:var(--v3-acid);
  z-index:-1;
  transform:rotate(-1deg);
}

/* hero subtitle */
.hero-subtitle{
  font-family:'Inter', sans-serif;
  font-size:clamp(15px, 1.5vw, 18px);
  line-height:1.6;
  color:var(--text-secondary);
  max-width:620px;
  margin-bottom:28px;
}

/* hero stats — editorial mono labels with serif numbers */
.hero-stats{
  display:flex;gap:32px;flex-wrap:wrap;
  margin:28px 0 24px;
  padding:18px 0;
  border-top:1px dashed var(--border-color);
  border-bottom:1px dashed var(--border-color);
}
.hero-stat{display:flex;flex-direction:column;gap:4px}
.hero-stat-value{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  font-size:clamp(28px, 3vw, 38px);
  line-height:1;letter-spacing:-0.02em;
  color:var(--text-primary);
}
.hero-stat-label{
  font-family:'JetBrains Mono', monospace;
  font-size:10px;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--text-muted);
}

/* hero pipeline — keep emoji structure but elevate styling */
.hero-pipeline{
  display:grid;grid-template-columns:repeat(4, 1fr);gap:6px;
  margin:24px 0;
  padding:6px;
  background:var(--bg-secondary);
  border:1px solid var(--border-color);
  max-width:680px;
  position:relative;
}
/* kill the old connecting line drawn by index.css */
.hero-pipeline::before{display:none !important}
.pipeline-step{
  background:var(--bg-card);border:1px solid var(--v3-line-soft);
  padding:14px 12px;
  display:flex;flex-direction:column;gap:5px;
  align-items:center;text-align:center;
  position:relative;
}
.pipeline-step-icon{font-size:22px;line-height:1}
.pipeline-step-title{
  font-family:'JetBrains Mono', monospace;
  font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--text-primary);font-weight:600;
}
.pipeline-step-sub{
  font-family:'JetBrains Mono', monospace;
  font-size:10px;color:var(--text-muted);
}
.pipeline-step:not(:last-child)::after{
  content:"→";position:absolute;right:-10px;top:50%;
  transform:translateY(-50%);
  color:var(--v3-acid);font-size:14px;font-family:'JetBrains Mono', monospace;
  font-weight:700;z-index:2;
}

/* hero CTAs — editorial buttons */
.hero-cta-row{
  display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;
}
.hero-cta{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 22px;
  font-family:'JetBrains Mono', monospace;
  font-size:12px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;
  text-decoration:none;
  background:var(--v3-acid);color:var(--bg-primary);border:1px solid var(--v3-acid);
  transition:transform .2s ease, box-shadow .2s ease;
  border-radius:0;
}
.hero-cta:hover{
  transform:translate(-2px,-2px);
  box-shadow:6px 6px 0 var(--text-primary);
  background:var(--v3-acid);color:var(--bg-primary);
}
.hero-secondary{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 22px;
  font-family:'JetBrains Mono', monospace;
  font-size:12px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;
  text-decoration:none;
  background:transparent;color:var(--text-primary);border:1px solid var(--border-color);
  transition:all .2s;
  border-radius:0;
}
.hero-secondary:hover{
  border-color:var(--v3-acid);color:var(--v3-acid);
  transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--bg-secondary);
}

/* monthly quota — tighten */
.monthly-quota{
  font-family:'JetBrains Mono', monospace;
  font-size:11px;letter-spacing:0.08em;
  padding:6px 11px;background:var(--bg-secondary);
  border:1px solid var(--border-color);
  display:inline-block;
}

/* hero-proof — neutral note */
.hero-proof{
  font-family:'JetBrains Mono', monospace;
  font-size:11px;color:var(--text-muted);letter-spacing:0.04em;
  padding-top:10px;
}

/* ━━━━━━━━━━━━━━━ THE LOOP (decorative wow) ━━━━━━━━━━━━━━━ */

/* override .header > :not(.header-telegram-bg){position:relative} from index.css
   — needs equal-or-higher specificity (.header > .loop-stage = 0,2,1) */
.header > .loop-stage,
.loop-stage{
  position:absolute;
  right:24px;
  top:64px;
  transform:none;
  width:clamp(280px, 28vw, 400px);
  aspect-ratio:1/1;
  pointer-events:none;
  z-index:0;
  opacity:1;
}
/* hide on anything narrower than 1100px — h1 would overlap */
@media(max-width:1100px){
  .header > .loop-stage,
  .loop-stage{display:none}
}
/* constrain hero text width on desktop so loop has its own column */
@media(min-width:1101px){
  .header h1{max-width:min(820px, 62%)}
  .hero-subtitle{max-width:min(560px, 56%)}
}
.loop-stage svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.loop-stage .loop-bg{stroke:rgba(120,110,90,0.18);stroke-width:1;fill:none;stroke-dasharray:2 4}
.loop-stage .loop-path{stroke:rgba(120,110,90,0.32);stroke-width:1.4;fill:none}

.loop-node{
  position:absolute;
  width:130px;
  transform:translate(-50%,-50%);
  font-family:'JetBrains Mono', monospace;
  pointer-events:auto;
}
.loop-node .lcard{
  background:rgba(24,21,15,0.92);
  border:1.5px solid var(--border-color);
  padding:10px 11px;
  backdrop-filter:blur(4px);
  transition:all .35s ease;
}
.loop-node .lix{
  display:flex;justify-content:space-between;align-items:center;
  font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-muted);
  margin-bottom:6px;
}
.loop-node .lix .ln{color:var(--text-primary);font-weight:700}
.loop-node .lti{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  font-size:20px;line-height:1;color:var(--text-primary);
  margin-bottom:4px;font-weight:400;letter-spacing:-0.012em;
}
.loop-node .lti em{font-style:italic;color:var(--v3-acid)}
.loop-node .lme{font-size:9.5px;color:var(--text-muted);line-height:1.3}
.loop-node .lme .lv{color:var(--text-secondary)}
.loop-node.active .lcard{
  border-color:var(--v3-acid);
  background:rgba(31,27,20,0.96);
  box-shadow:0 0 0 6px rgba(196,255,61,0.06), 0 12px 32px rgba(0,0,0,0.5);
  transform:scale(1.05);
}
.loop-node.active .lix{color:var(--v3-acid)}

.loop-node[data-pos="top"]{top:8%;left:50%}
.loop-node[data-pos="right"]{top:50%;left:92%}
.loop-node[data-pos="bottom"]{top:92%;left:50%}
.loop-node[data-pos="left"]{top:50%;left:8%}

.loop-center{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:38%;aspect-ratio:1/1;border-radius:50%;
  background:radial-gradient(circle at 32% 32%, rgba(31,27,20,0.94), rgba(10,9,7,0.96) 80%);
  border:1px dashed var(--border-color);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:10px;
}
.loop-center .ll{
  font-family:'JetBrains Mono', monospace;
  font-size:8.5px;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-muted);
}
.loop-center .lv{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  font-size:clamp(34px, 4vw, 48px);line-height:1;color:var(--text-primary);
  margin:4px 0;
}
.loop-center .ld{
  font-size:9.5px;color:var(--text-muted);font-family:'JetBrains Mono', monospace;
  letter-spacing:0.04em;
}
.loop-center .ld em{font-style:normal;color:var(--v3-acid)}

.lpart{
  position:absolute;width:8px;height:8px;border-radius:50%;
  background:var(--v3-acid);pointer-events:none;
  box-shadow:0 0 12px var(--v3-acid), 0 0 4px var(--v3-acid);
  transform:translate(-50%,-50%);
}
.lpart.fire{background:var(--v3-fire);box-shadow:0 0 12px var(--v3-fire), 0 0 4px var(--v3-fire)}
.lpart.ice{background:var(--v3-ice);box-shadow:0 0 12px var(--v3-ice), 0 0 4px var(--v3-ice)}
.lpart.warm{background:var(--v3-warm);box-shadow:0 0 12px var(--v3-warm), 0 0 4px var(--v3-warm)}

/* on small screens hide loop labels — keep just visual hint */
@media(max-width:900px){
  .loop-node .lme{display:none}
  .loop-node{width:96px}
  .loop-node .lti{font-size:15px}
}

/* push hero text above the loop in stacking — independent of viewport width */
.header-kicker,
.header h1,
.hero-subtitle,
.hero-pipeline,
.hero-cta-row,
.monthly-quota,
.hero-proof,
#quickGenerate,
.hero-stats{position:relative;z-index:2}

/* ━━━━━━━━━━━━━━━ QUICK GENERATE CARD ━━━━━━━━━━━━━━━ */

#quickGenerate{
  margin-top:32px;
  background:var(--bg-card);
  border:1px solid var(--border-color) !important;
  border-radius:0 !important;
}
#quickGenerate textarea,
#quickGenerate input{
  background:var(--bg-input) !important;
  border-color:var(--border-color) !important;
  color:var(--text-primary) !important;
  border-radius:0 !important;
  font-family:'Inter', sans-serif !important;
}
#quickGenerate textarea:focus,
#quickGenerate input:focus{
  outline:none;
  border-color:var(--accent) !important;
}

/* ━━━━━━━━━━━━━━━ LANG TOGGLE ━━━━━━━━━━━━━━━ */

.lang-toggle{
  background:var(--bg-secondary);
  border-color:var(--border-color);
  border-radius:0;
}
.lang-toggle-btn{
  color:var(--text-muted);
  font-family:'JetBrains Mono', monospace;
  border-radius:0;
}
.lang-toggle-btn:hover{
  color:var(--text-primary);
  background:var(--bg-card);
  border-color:transparent;
}
.lang-toggle-btn.active{
  background:var(--v3-acid);
  color:var(--bg-primary);
  border-color:var(--v3-acid);
}
.lang-toggle-btn.active:hover{
  background:var(--v3-acid-deep);
  color:var(--bg-primary);
  border-color:var(--v3-acid-deep);
}

/* top-bar buttons */
.btn-auth{
  font-family:'JetBrains Mono', monospace;
  font-size:11px;letter-spacing:0.1em;text-transform:uppercase;
  background:var(--bg-secondary);color:var(--text-primary);
  border:1px solid var(--border-color);
  border-radius:0;
}
.btn-auth:hover{
  border-color:var(--v3-acid);color:var(--v3-acid);
  background:var(--bg-card);
}
.btn-auth.telegram{
  border-color:var(--v3-ice);color:var(--v3-ice);
}
.btn-auth.telegram:hover{
  background:var(--v3-ice);color:var(--bg-primary);
}

/* ━━━━━━━━━━━━━━━ CARDS ━━━━━━━━━━━━━━━ */

.card{
  background:var(--bg-card);
  border:1px solid var(--border-color);
  border-radius:0;
  box-shadow:none;
}
.card:hover{border-color:rgba(217,119,87,0.4)}

.card-title{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  font-size:clamp(20px, 2vw, 26px);
  font-weight:400;
  color:var(--text-primary);
  letter-spacing:-0.018em;
  line-height:1.1;
}

/* form inputs */
input[type="text"],
input[type="number"],
input[type="url"],
input[type="email"],
input[type="date"],
input[type="tel"],
textarea,
select{
  background:var(--bg-input);
  border:1px solid var(--border-color);
  color:var(--text-primary);
  border-radius:4px;
  font-family:inherit;
}
input:focus,textarea:focus,select:focus{
  outline:none;
  border-color:var(--accent);
}
input::placeholder,textarea::placeholder{color:var(--text-muted)}

label{
  font-family:'JetBrains Mono', monospace;
  font-size:11px;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--text-secondary);
}

.form-hint{font-size:12px;color:var(--text-muted);font-family:'Inter', sans-serif}

/* type buttons */
.type-btn{
  background:var(--bg-input);
  border:1px solid var(--border-color);
  color:var(--text-primary);
  border-radius:4px;
  transition:all .2s;
}
.type-btn:hover{border-color:var(--accent);background:var(--bg-card)}
.type-btn.active{
  background:var(--accent);color:#fff;border-color:var(--accent);
}

/* generate / send buttons keep terracotta */
.btn-generate{
  background:var(--accent);color:#fff;border:none;
  border-radius:4px;
  font-family:'JetBrains Mono', monospace;
  letter-spacing:0.08em;
  text-transform:uppercase;
  font-weight:600;
}
.btn-generate:hover{background:var(--accent-hover)}
.btn-generate:disabled{background:var(--bg-input);color:var(--text-muted);opacity:0.6}

.btn-copy,.btn-send,.btn-tracker{
  background:transparent;
  border:1px solid var(--border-color);
  color:var(--text-primary);
  border-radius:4px;
}
.btn-copy:hover,.btn-tracker:hover{
  border-color:var(--v3-acid);color:var(--v3-acid);
}

.message-output{
  background:var(--bg-input);
  border:1px solid var(--border-color);
  color:var(--text-primary);
  font-family:'JetBrains Mono', monospace;
}

/* ━━━━━━━━━━━━━━━ LANDING SECTIONS (compare, how-it-works, salary) ━━━━━━━━━━━━━━━ */

.landing-section{
  background:var(--bg-card);
  border:1px solid var(--border-color);
}
.landing-title{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  font-weight:400;
  font-size:clamp(28px, 3.6vw, 48px);
  line-height:1.05;letter-spacing:-0.022em;
  color:var(--text-primary);
}
.landing-subtitle{color:var(--text-secondary)}

.compare-table{background:transparent;border-color:var(--border-color)}
.compare-table th,
.compare-table td{
  background:transparent;
  border-bottom:1px solid var(--border-color);
  color:var(--text-primary);
}
.compare-table th{
  font-family:'JetBrains Mono', monospace;
  font-size:10.5px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--text-muted);background:var(--bg-secondary);
}
.compare-table tbody tr:hover td{background:var(--bg-secondary)}
.compare-table strong{color:var(--v3-acid)}

.how-it-works-step{background:var(--bg-input);border:1px solid var(--border-color)}
.how-it-works-step-index{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  color:var(--v3-acid);
  font-size:32px;letter-spacing:-0.025em;
  font-style:italic;
}
.how-it-works-step-title{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  color:var(--text-primary);font-weight:400;
  font-size:20px;letter-spacing:-0.015em;
}
.how-it-works-step-text{color:var(--text-secondary)}

.salary-impact-input{
  background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);
}
.salary-impact-amount{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  color:var(--v3-acid);letter-spacing:-0.025em;
}
.salary-impact-details strong{color:var(--text-primary)}
.salary-impact-label,.salary-impact-caption{color:var(--text-secondary)}
.salary-impact-auto,.salary-impact-note{color:var(--text-muted)}

.seo-hub{background:var(--bg-secondary);border:1px solid var(--border-color)}
.seo-hub-title{color:var(--text-secondary);font-family:'JetBrains Mono', monospace;font-size:11px;letter-spacing:0.14em;text-transform:uppercase}
.seo-hub-link{
  background:var(--bg-card);
  border:1px solid var(--border-color);
  color:var(--text-primary);
  border-radius:0;
}
.seo-hub-link:hover{border-color:var(--accent);background:var(--bg-input)}
.seo-hub-link strong{color:var(--text-primary)}

/* demo card */
.demo-card{background:var(--bg-card);border:1px solid var(--border-color)}
.demo-label{
  font-family:'JetBrains Mono', monospace;
  font-size:10.5px;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--text-muted);
}
.demo-message{
  background:var(--bg-input);
  border:1px solid var(--border-color);
  color:var(--text-primary);
  font-family:'JetBrains Mono', monospace;
  font-size:13px;line-height:1.6;
  white-space:pre-wrap;
  padding:18px;
}
.demo-highlight{
  color:var(--v3-acid);
  background:transparent;
  font-weight:500;
}
.demo-cta{
  font-family:'JetBrains Mono', monospace;
  font-size:12px;letter-spacing:0.12em;text-transform:uppercase;
  background:var(--accent);color:#fff;border:none;
  border-radius:0;
  padding:14px 22px;
  font-weight:600;
}
.demo-cta:hover{background:var(--accent-hover)}

/* top accordion */
.top-accordion-btn{
  background:transparent;
  border:1px dashed var(--border-color);
  color:var(--text-muted);
  font-family:'JetBrains Mono', monospace;
  font-size:11px;letter-spacing:0.14em;text-transform:uppercase;
  border-radius:0;
}
.top-accordion-btn:hover{border-color:var(--v3-acid);color:var(--v3-acid)}

/* ━━━━━━━━━━━━━━━ TOP BAR (auth area) ━━━━━━━━━━━━━━━ */

.top-bar{padding:16px 0;border-bottom:1px solid var(--border-color);margin-bottom:0}

.user-avatar{
  background:var(--accent);color:#fff;
  font-family:'JetBrains Mono', monospace;font-weight:700;
}
.user-name{
  font-family:'JetBrains Mono', monospace;
  font-size:11px;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--text-primary);
}

/* ━━━━━━━━━━━━━━━ TYPOGRAPHIC REVEAL ON LOAD ━━━━━━━━━━━━━━━ */

@keyframes v3-rise{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
.header-kicker,
.header h1,
.hero-subtitle,
.hero-pipeline,
.hero-cta-row,
.hero-stats{
  animation:v3-rise .8s cubic-bezier(.2,.7,.2,1) backwards;
}
.header h1{animation-delay:.06s}
.hero-subtitle{animation-delay:.14s}
.hero-pipeline{animation-delay:.22s}
.hero-stats{animation-delay:.3s}
.hero-cta-row{animation-delay:.36s}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
}

/* ━━━━━━━━━━━━━━━ TICKER STRIP (above top-bar) ━━━━━━━━━━━━━━━ */

.v3-tick{
  border-bottom:1px solid var(--border-color);
  background:var(--bg-secondary);
  overflow:hidden;
  padding:8px 0;
}
.v3-tick-row{
  display:flex;gap:32px;white-space:nowrap;
  font-family:'JetBrains Mono', monospace;
  font-size:10.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-muted);
  animation:v3-tick 60s linear infinite;
}
.v3-tick-row span{flex:none}
.v3-tick-row .x{color:var(--text-primary)}
.v3-tick-row .ac{color:var(--v3-acid)}
.v3-tick-row .ic{color:var(--v3-ice)}
.v3-tick-row em{font-style:normal;color:var(--v3-acid)}
@keyframes v3-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ━━━━━━━━━━━━━━━ MOBILE TUNING ━━━━━━━━━━━━━━━ */

@media(max-width:760px){
  .container{padding:20px 16px}
  .header{padding:32px 0 40px}
  .hero-pipeline{grid-template-columns:repeat(2, 1fr)}
  .pipeline-step:not(:last-child)::after{display:none}
  .hero-stats{gap:18px}
}

/* ━━━━━━━━━━━━━━━━━━━━━━ V3 VALUE SECTIONS ━━━━━━━━━━━━━━━━━━━━━━ */

/* marquee strip between hero and value sections */
.v3-marq{
  margin:0 calc(-1 * 24px) 48px;
  border-top:1px solid var(--border-color);
  border-bottom:1px solid var(--border-color);
  padding:22px 0;
  overflow:hidden;
  background:var(--bg-secondary);
}
.v3-marq-row{
  display:flex;gap:32px;
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  font-size:clamp(36px, 5vw, 56px);
  line-height:1;letter-spacing:-0.02em;
  white-space:nowrap;
  animation:v3-marq 36s linear infinite;
  color:var(--text-primary);
}
.v3-marq-row .it{font-style:italic;color:var(--text-muted)}
.v3-marq-row .ar{color:var(--v3-acid);font-style:normal}
@keyframes v3-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* section scaffold */
.v3-sec{
  padding:88px 0;
  border-bottom:1px solid var(--border-color);
}
.v3-sec-h{
  display:grid;grid-template-columns:1fr;gap:20px;
  padding-bottom:28px;margin-bottom:42px;
  border-bottom:1px solid var(--border-color);
}
@media(min-width:920px){
  .v3-sec-h{grid-template-columns:80px 1fr 1.1fr;gap:36px;align-items:end}
}
.v3-sec-num{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  font-size:78px;line-height:0.88;letter-spacing:-0.04em;color:var(--text-primary);
}
.v3-sec-num .it{font-style:italic;color:var(--text-muted)}
.v3-tag{
  display:block;
  font-family:'JetBrains Mono', monospace;
  font-size:10.5px;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--v3-acid);margin-bottom:8px;
}
.v3-sec-title{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  font-size:clamp(30px, 4vw, 56px);
  line-height:0.98;letter-spacing:-0.024em;color:var(--text-primary);font-weight:400;
}
.v3-sec-title .it{font-style:italic;color:var(--text-secondary)}
.v3-sec-title .ac{color:var(--v3-acid)}
.v3-sec-title .em{position:relative;font-style:italic;display:inline-block}
.v3-sec-title .em::after{
  content:"";position:absolute;left:-0.04em;right:-0.04em;bottom:0.06em;height:0.16em;
  background:var(--v3-acid);z-index:-1;transform:rotate(-1deg);
}
.v3-sec-blurb{
  font-family:'Inter', sans-serif;
  font-size:14.5px;line-height:1.6;color:var(--text-secondary);max-width:520px;
}
.v3-sec-blurb b{color:var(--text-primary);font-weight:600}
.v3-sec-blurb .ac{color:var(--v3-acid)}

/* mock frame */
.v3-mock{
  background:var(--bg-card);
  border:1px solid var(--border-color);
  font-family:'JetBrains Mono', monospace;
  overflow:hidden;
  box-shadow:14px 14px 0 var(--bg-secondary), 14px 14px 0 1px var(--border-color);
}
.v3-mock-h{
  display:flex;align-items:center;justify-content:space-between;
  padding:11px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);
  font-size:10.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-muted);
}
.v3-mock-h .l{display:flex;align-items:center;gap:9px}
.v3-mock-h .l b{color:var(--text-primary);letter-spacing:0.04em;text-transform:none;font-size:12px}
.v3-mock-h .dots{display:flex;gap:5px}
.v3-mock-h .dots span{width:8px;height:8px;border-radius:50%;background:var(--border-color)}
.v3-mock-h .dots span.g{background:var(--v3-acid)}
.v3-mock-h .live{display:inline-flex;align-items:center;gap:6px;color:var(--v3-acid)}
.v3-mock-h .live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--v3-acid);animation:v3-pulse 1.6s infinite}

/* ── tracker mock ── */
.trk-v3{display:flex;flex-direction:column}
.trk-stats{
  display:grid;grid-template-columns:repeat(4, 1fr);gap:0;
  border-bottom:1px solid var(--border-color);
}
.trk-st{padding:18px 20px;border-right:1px solid var(--border-color)}
.trk-st:last-child{border-right:none}
.trk-st .l{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}
.trk-st .v{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  font-size:42px;line-height:1;letter-spacing:-0.025em;color:var(--text-primary);
}
.trk-st.acid .v{color:var(--v3-acid)}
.trk-st.warn .v{color:var(--v3-warm)}
.trk-st .d{font-size:10px;color:var(--text-muted);margin-top:6px;letter-spacing:0.04em}
.trk-st .d em{color:var(--v3-acid);font-style:normal}

.trk-tabs{
  display:flex;gap:0;padding:14px 18px;border-bottom:1px solid var(--border-color);
  background:var(--bg-secondary);overflow-x:auto;
}
.trk-tab{
  padding:7px 14px;font-size:10.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted);
  border:1px solid transparent;background:transparent;flex:none;font-family:'JetBrains Mono', monospace;
}
.trk-tab.on{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary);border-bottom-color:var(--v3-acid)}
.trk-tab .ct{margin-left:6px;color:var(--text-muted);font-weight:400}
.trk-tab.on .ct{color:var(--v3-acid)}

.trk-rows{display:flex;flex-direction:column}
.trk-row{
  display:grid;grid-template-columns:96px 1fr auto auto auto;gap:18px;
  padding:13px 20px;border-bottom:1px solid var(--v3-line-soft);
  font-size:12px;align-items:center;transition:background .3s;
}
.trk-row:hover{background:var(--bg-secondary)}
.trk-st-pill{
  font-size:9px;letter-spacing:0.14em;text-transform:uppercase;
  padding:4px 8px;text-align:center;font-weight:600;
}
.trk-st-pill.sent{background:#1a2638;color:#5DD3FF}
.trk-st-pill.wait{background:#332715;color:var(--v3-warm)}
.trk-st-pill.reply{background:var(--v3-acid);color:var(--bg-primary)}
.trk-st-pill.interview{background:#2c1b3a;color:#d486ff}
.trk-st-pill.offer{background:var(--v3-fire);color:var(--bg-primary)}
.trk-st-pill.rejected{background:#2a1818;color:#9c5050}
.trk-row .nm{color:var(--text-primary);font-weight:500;font-family:'Inter', sans-serif;font-size:13px}
.trk-row .co{color:var(--text-muted);font-size:10.5px}
.trk-row .tmpl{font-size:10px;color:var(--text-muted);letter-spacing:0.04em}
.trk-row .t{font-size:10px;color:var(--text-muted);letter-spacing:0.04em}
.trk-row .lat{font-size:11px;color:var(--v3-acid)}

/* scoreboard */
.v3-score{
  margin-top:32px;background:var(--bg-card);border:1px solid var(--border-color);padding:24px;
}
.v3-score-h{
  display:flex;justify-content:space-between;align-items:end;
  padding-bottom:18px;border-bottom:1px solid var(--border-color);margin-bottom:18px;
  gap:24px;flex-wrap:wrap;
}
.v3-score-h h4{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  font-size:28px;line-height:1;letter-spacing:-0.02em;color:var(--text-primary);font-weight:400;
}
.v3-score-h h4 .it{font-style:italic;color:var(--text-secondary)}
.v3-score-h .hint{font-size:11px;color:var(--text-muted);max-width:280px;text-align:right;line-height:1.4;font-family:'JetBrains Mono', monospace}
.v3-score-h .hint b{color:var(--text-primary);font-weight:500}
.v3-score-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--v3-line-soft)}
@media(min-width:760px){.v3-score-grid{grid-template-columns:repeat(2, 1fr)}}
@media(min-width:1024px){.v3-score-grid{grid-template-columns:repeat(3, 1fr)}}
.v3-score-cell{padding:18px 20px 18px 0;border-bottom:1px solid var(--v3-line-soft);border-right:1px solid var(--v3-line-soft)}
.v3-score-cell:nth-child(3n){border-right:none}
.v3-score-cell:last-child{border-bottom:none}
.v3-score-cell .top{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px;gap:16px}
.v3-score-cell .nm{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  font-size:22px;line-height:1.05;letter-spacing:-0.015em;color:var(--text-primary);
}
.v3-score-cell .seg{font-size:10px;color:var(--text-muted);letter-spacing:0.08em;text-transform:uppercase;font-family:'JetBrains Mono', monospace;margin-top:4px}
.v3-score-cell .pos{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  font-size:34px;line-height:1;color:var(--v3-acid);letter-spacing:-0.025em;
}
.v3-score-cell .pos-l{font-size:9px;color:var(--text-muted);letter-spacing:0.14em;text-transform:uppercase;font-family:'JetBrains Mono', monospace}
.v3-score-cell .breakdown{
  display:flex;gap:14px;flex-wrap:wrap;
  font-size:10.5px;color:var(--text-muted);letter-spacing:0.04em;
  padding-top:10px;border-top:1px dashed var(--border-color);
}
.v3-score-cell .breakdown b{color:var(--text-primary);font-weight:600;font-family:'Inter', sans-serif}

/* ── leaderboard ── */
.lb-v3{
  display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--border-color);
  font-family:'JetBrains Mono', monospace;
}
.lb-head{
  padding:18px 24px;border-bottom:1px solid var(--border-color);
  display:flex;justify-content:space-between;align-items:center;
  background:var(--bg-secondary);
  font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-muted);
  flex-wrap:wrap;gap:12px;
}
.lb-head b{color:var(--text-primary);letter-spacing:0.04em;text-transform:none}
.lb-cols{
  display:grid;grid-template-columns:40px 2fr 1fr 1fr 1fr 1fr;gap:18px;
  padding:13px 24px;font-size:9.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-muted);
  background:var(--bg-secondary);border-bottom:1px solid var(--border-color);
}
.lb-table{display:flex;flex-direction:column}
.lb-row{
  display:grid;grid-template-columns:40px 2fr 1fr 1fr 1fr 1fr;gap:18px;
  padding:16px 24px;border-bottom:1px solid var(--v3-line-soft);
  font-size:12px;color:var(--text-primary);align-items:center;transition:background .2s;
}
.lb-row:hover{background:var(--bg-secondary)}
.lb-row .rk{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  font-size:24px;line-height:1;color:var(--text-muted);
}
.lb-row.t1 .rk{color:var(--v3-acid)}
.lb-row.t2 .rk{color:var(--v3-ice)}
.lb-row.t3 .rk{color:var(--v3-warm)}
.lb-row .who .nm{font-family:'Inter', sans-serif;font-size:13px;color:var(--text-primary);font-weight:500}
.lb-row .who .meta{font-size:10px;color:var(--text-muted);margin-top:2px}
.lb-row .rate{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  font-size:24px;letter-spacing:-0.02em;color:var(--text-primary);
}
.lb-row.t1 .rate{color:var(--v3-acid)}
.lb-row .lat,.lb-row .totals{font-size:11px;color:var(--text-secondary)}
.lb-row .totals b{color:var(--text-primary);font-weight:500;font-family:'Inter', sans-serif}
.lb-row .dir{
  font-size:9.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted);
  padding:3px 7px;background:var(--bg-secondary);border:1px solid var(--border-color);
  align-self:start;
}
.lb-note{
  padding:16px 24px;background:var(--bg-secondary);border-top:1px solid var(--v3-line-soft);
  font-size:11px;color:var(--text-muted);line-height:1.5;
}
.lb-note b{color:var(--text-primary);font-weight:500}

/* ── follow-up timeline ── */
.fu-v3{
  display:grid;grid-template-columns:1fr;gap:32px;align-items:center;
}
@media(min-width:920px){.fu-v3{grid-template-columns:1fr 1fr;gap:48px}}
.fu-text h3{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  font-size:clamp(30px, 4vw, 52px);line-height:0.98;letter-spacing:-0.025em;
  color:var(--text-primary);font-weight:400;margin-bottom:24px;
}
.fu-text h3 .it{font-style:italic;color:var(--text-secondary)}
.fu-text h3 .ac{color:var(--v3-acid)}
.fu-text p{
  font-family:'Inter', sans-serif;
  font-size:14.5px;line-height:1.6;color:var(--text-secondary);margin-bottom:14px;max-width:480px;
}
.fu-text p b{color:var(--text-primary);font-weight:600}
.fu-tl{
  display:flex;flex-direction:column;gap:0;
  background:var(--bg-card);border:1px solid var(--border-color);
}
.fu-step{
  display:grid;grid-template-columns:64px 1fr auto;gap:14px;
  padding:14px 18px;border-bottom:1px solid var(--v3-line-soft);
  align-items:center;font-size:12px;
}
.fu-step:last-child{border-bottom:none}
.fu-step .d{font-size:10px;color:var(--text-muted);letter-spacing:0.1em;text-transform:uppercase;font-weight:600;font-family:'JetBrains Mono', monospace}
.fu-step .msg{color:var(--text-secondary);font-family:'Inter', sans-serif;font-size:12.5px;line-height:1.5}
.fu-step .st{
  font-size:9.5px;padding:3px 9px;letter-spacing:0.12em;text-transform:uppercase;
  background:var(--bg-input);color:var(--text-muted);font-family:'JetBrains Mono', monospace;
}
.fu-step.s1 .d{color:var(--text-primary)}
.fu-step.s1 .st{background:var(--v3-ice);color:var(--bg-primary)}
.fu-step.s2 .st{background:var(--v3-warm);color:var(--bg-primary)}
.fu-step.s3 .st{background:var(--v3-fire);color:var(--bg-primary)}
.fu-step.replied .st{background:var(--v3-acid);color:var(--bg-primary);font-weight:700}
.fu-step.replied .msg{color:var(--text-primary)}
.fu-step.replied .msg b{color:var(--v3-acid);font-weight:500}

/* ── big numbers ── */
.v3-nums{
  display:grid;grid-template-columns:1fr;gap:0;
  border:1px solid var(--border-color);
}
@media(min-width:920px){.v3-nums{grid-template-columns:repeat(4, 1fr)}}
.v3-num{
  padding:36px 28px;border-bottom:1px solid var(--border-color);background:var(--bg-card);
}
@media(min-width:920px){
  .v3-num{border-right:1px solid var(--border-color);border-bottom:none}
  .v3-num:last-child{border-right:none}
}
.v3-num-l{
  font-family:'JetBrains Mono', monospace;
  font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--text-muted);
  margin-bottom:18px;
}
.v3-num-big{
  font-family:'Instrument Serif', 'EB Garamond', Georgia, serif;
  font-size:clamp(56px, 6vw, 88px);line-height:1;letter-spacing:-0.035em;color:var(--text-primary);
}
.v3-num-big .it{font-style:italic;color:var(--v3-acid)}
.v3-num-big .unit{font-size:0.4em;letter-spacing:-0.02em;color:var(--text-muted)}
.v3-num-d{
  font-family:'Inter', sans-serif;
  font-size:13px;color:var(--text-secondary);line-height:1.5;margin-top:14px;max-width:280px;
}

/* mobile tuning for v3 sections */
@media(max-width:760px){
  .v3-sec{padding:56px 0}
  .v3-sec-h{gap:18px;margin-bottom:32px}
  .v3-sec-num{font-size:54px}
  .trk-stats{grid-template-columns:repeat(2, 1fr)}
  .trk-st{border-right:none;border-bottom:1px solid var(--border-color)}
  .trk-row{grid-template-columns:80px 1fr auto;gap:10px;font-size:11px}
  .trk-row .tmpl,.trk-row .lat{display:none}
  .lb-cols,.lb-row{grid-template-columns:30px 1fr 1fr;gap:10px}
  .lb-row .lat,.lb-row .totals,.lb-row .dir{display:none}
  .lb-cols span:nth-child(n+4){display:none}
  .v3-mock{box-shadow:6px 6px 0 var(--bg-secondary), 6px 6px 0 1px var(--border-color)}
  .v3-marq{margin-left:-16px;margin-right:-16px}
}