/* =========================================================
   TheCVHub ATS — Design System v5
   "AI Talent Intelligence Platform" — Light theme, Navy + Gold

   Clean white/light-gray canvas, deep navy as the primary text
   and structural color, warm metallic gold as the single accent.
   Every "subtle overlay" direction from the old dark theme is
   inverted here (dark-on-light instead of light-on-dark) —
   this file is a from-scratch light rebuild, not a patch.
   ========================================================= */

:root {
  /* Surfaces — warm paper undertone (nods to the CV/resume material itself) instead of cold gray */
  --bg-void: #F5F3EC;
  --bg-base: #FFFFFF;
  --bg-elevated: #FFFFFF;
  --bg-elevated-2: #F7F5EF;
  --bg-surface: #FFFFFF;
  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(217, 164, 65, 0.22);
  --glass-blur: 18px;
  --border-subtle: rgba(16, 25, 46, 0.07);
  --border-mid: rgba(16, 25, 46, 0.13);
  --border-strong: rgba(16, 25, 46, 0.24);

  /* Text */
  --text-primary: #10192E;
  --text-secondary: #4A5468;
  --text-tertiary: #7C8494;
  --text-on-light: #10192E;

  /* Ink navy family */
  --c-navy: #10192E;
  --c-navy-light: #22314F;
  --c-navy-deep: #080D16;

  /* Signal-amber — the human/match color (evolved, warmer, richer) */
  --c-gold: #D9A441;
  --c-gold-light: #F0CE7A;
  --c-gold-deep: #A9791F;

  /* Intelligence-teal — NEW: the AI/machine color, used for AI-generated moments and match scores */
  --c-teal: #1C9C93;
  --c-teal-light: #5FCEC5;
  --c-teal-deep: #12736C;
  --c-teal-soft: rgba(28, 156, 147, 0.12);

  --c-steel: #3B6E93;

  --grad-primary: linear-gradient(135deg, #B8823A 0%, #D9A441 50%, #F0CE7A 100%);
  --grad-primary-soft: linear-gradient(135deg, rgba(217,164,65,0.12), rgba(184,130,58,0.09), rgba(240,206,122,0.07));
  --grad-text: linear-gradient(135deg, #A9791F 0%, #B8823A 55%, #7C5A1C 100%);
  --grad-border: linear-gradient(135deg, rgba(217,164,65,0.65), rgba(240,206,122,0.55), rgba(169,121,31,0.6));
  --grad-intelligence: linear-gradient(135deg, #12736C 0%, #1C9C93 50%, #5FCEC5 100%);

  --c-success: #059669;
  --c-success-soft: rgba(5,150,105,0.12);
  --c-warning: #B45309;
  --c-warning-soft: rgba(180,83,9,0.12);
  --c-danger: #DC2626;
  --c-danger-soft: rgba(220,38,38,0.10);

  /* Type — a real pairing: warm variable serif for moments that matter, clean sans for everything else, mono for data */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Manrope', -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  --shadow-sm: 0 2px 8px -2px rgba(16,25,46,0.08);
  --shadow-md: 0 12px 28px -12px rgba(16,25,46,0.14);
  --shadow-lg: 0 24px 56px -20px rgba(16,25,46,0.18);
  --shadow-glow-indigo: 0 0 0 1px rgba(217,164,65,0.28), 0 12px 30px -10px rgba(217,164,65,0.32);
  --shadow-glow-cyan: 0 0 0 1px rgba(28,156,147,0.26), 0 12px 30px -10px rgba(28,156,147,0.30);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 560ms;

  --c-text-dim: var(--text-tertiary);
  --c-ink: var(--text-primary);
  --c-text: var(--text-primary);
  --c-border: var(--border-subtle);
  --c-border-soft: var(--border-subtle);
  --c-surface-2: rgba(16,25,46,0.035);
  --c-surface: var(--bg-elevated);
  --c-secondary: var(--c-gold-deep);
  --c-primary: var(--c-gold);
  --c-indigo: var(--c-teal-deep);
  --c-indigo-2: var(--c-teal);
  --c-violet: var(--c-gold-light);
  --c-cyan: var(--c-teal);
  --c-blue: var(--c-steel);
  --c-dark: var(--bg-void);
  --c-light: var(--bg-base);
}


*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg-base);
  color:var(--text-primary);
  font-family:var(--font-body);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-size:15px;
  line-height:1.6;
}
a{text-decoration:none;color:inherit;}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-0.02em;margin:0;color:var(--text-primary);font-weight:700;}
p{color:var(--text-secondary);}
.container{max-width:1240px;margin:0 auto;padding:0 24px;}
::selection{background:rgba(201,150,46,0.30);color:#14213D;}

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

.neural-bg-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0.7;}
.aurora-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.aurora-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:0.28;will-change:transform;}
.aurora-blob.a1{width:640px;height:640px;top:-220px;left:-160px;background:radial-gradient(circle,rgba(201,150,46,0.5),transparent 70%);animation:auroraDrift1 26s ease-in-out infinite;}
.aurora-blob.a2{width:560px;height:560px;top:10%;right:-180px;background:radial-gradient(circle,rgba(36,54,92,0.28),transparent 70%);animation:auroraDrift2 32s ease-in-out infinite;}
.aurora-blob.a3{width:520px;height:520px;bottom:-200px;left:30%;background:radial-gradient(circle,rgba(184,130,58,0.4),transparent 70%);animation:auroraDrift3 30s ease-in-out infinite;}
@keyframes auroraDrift1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(60px,40px) scale(1.08);}}
@keyframes auroraDrift2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-50px,60px) scale(1.05);}}
@keyframes auroraDrift3{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(40px,-40px) scale(1.1);}}

.page-content{position:relative;z-index:1;}

.reveal{opacity:0;transform:translateY(18px);transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);}
.reveal.is-visible{opacity:1;transform:translateY(0);}
.reveal-stagger > *{opacity:0;transform:translateY(16px);transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);}
.reveal-stagger.is-visible > *{opacity:1;transform:translateY(0);}
.reveal-stagger.is-visible > *:nth-child(1){transition-delay:0ms;}
.reveal-stagger.is-visible > *:nth-child(2){transition-delay:60ms;}
.reveal-stagger.is-visible > *:nth-child(3){transition-delay:120ms;}
.reveal-stagger.is-visible > *:nth-child(4){transition-delay:180ms;}
.reveal-stagger.is-visible > *:nth-child(5){transition-delay:240ms;}
.reveal-stagger.is-visible > *:nth-child(6){transition-delay:300ms;}

.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.78);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1240px;margin:0 auto;}
.brand{font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--text-primary);display:inline-flex;align-items:center;}
.main-nav{gap:6px;display:flex;}
.main-nav a{color:var(--text-secondary);font-weight:500;font-size:0.9rem;transition:all var(--dur-fast) var(--ease-out);padding:9px 16px;border-radius:var(--r-pill);}
.main-nav a:hover{color:var(--text-primary);background:rgba(201,150,46,0.08);}
.header-actions{display:flex;gap:10px;align-items:center;}

.btn-ghost{color:var(--text-primary);padding:10px 20px;border-radius:var(--r-pill);border:1px solid var(--border-mid);font-weight:500;font-size:0.88rem;transition:all var(--dur-fast) var(--ease-out);background:transparent;display:inline-flex;align-items:center;gap:8px;cursor:pointer;}
.btn-ghost:hover{border-color:var(--c-gold);background:rgba(201,150,46,0.07);color:var(--text-primary);}
.btn-primary-glow{background:var(--grad-primary);color:#191202;padding:11px 22px;border-radius:var(--r-pill);font-weight:700;font-size:0.88rem;box-shadow:0 8px 22px -8px rgba(201,150,46,0.45);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;}
.btn-primary-glow:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(201,150,46,0.55);color:#191202;}
.btn-primary-glow:active{transform:translateY(0);}
.btn-primary-glow.lg{padding:15px 30px;font-size:1rem;}
.btn-secondary-outline{padding:13px 26px;border-radius:var(--r-pill);border:1px solid var(--border-mid);color:var(--text-primary);font-weight:600;display:inline-flex;align-items:center;gap:8px;background:#fff;transition:all var(--dur-fast) var(--ease-out);cursor:pointer;}
.btn-secondary-outline:hover{border-color:var(--c-gold);background:rgba(201,150,46,0.06);color:var(--text-primary);}
button{font-family:var(--font-body);}

.hero{position:relative;overflow:hidden;padding:110px 0 100px;}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--r-pill);font-size:0.78rem;color:#8A6318;font-weight:600;margin-bottom:26px;}
.hero h1{font-size:clamp(2.4rem,4.8vw,3.8rem);color:var(--text-primary);line-height:1.06;font-weight:800;}
.hero h1 .grad{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero p.lead{color:var(--text-secondary);font-size:1.14rem;max-width:520px;margin:22px 0 32px;line-height:1.65;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:32px;}
.hero-trust{display:flex;gap:28px;flex-wrap:wrap;color:var(--text-tertiary);font-size:0.85rem;}
.hero-trust strong{color:var(--text-primary);font-family:var(--font-display);font-size:1rem;}

.hero-visual{position:relative;}
.ai-match-card{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--r-xl);padding:28px;box-shadow:var(--shadow-lg);animation:cardFloat 7s ease-in-out infinite;max-width:380px;margin:0 auto;}
@keyframes cardFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
.ai-match-card .amc-head{display:flex;align-items:center;gap:13px;margin-bottom:20px;}
.ai-match-card .amc-avatar{width:44px;height:44px;border-radius:50%;background:var(--grad-primary);flex-shrink:0;}
.ai-match-card .amc-name{height:12px;width:62%;border-radius:4px;background:rgba(20,33,61,0.55);margin-bottom:8px;}
.ai-match-card .amc-role{height:9px;width:42%;border-radius:4px;background:rgba(20,33,61,0.25);}
.ai-match-card .amc-line{height:7px;border-radius:4px;background:rgba(20,33,61,0.09);margin-bottom:10px;}
.ai-match-card .amc-tags{display:flex;gap:7px;margin-top:16px;flex-wrap:wrap;}
.ai-match-card .amc-tag{background:rgba(201,150,46,0.14);border:1px solid rgba(201,150,46,0.3);color:#8A6318;font-size:0.72rem;padding:5px 12px;border-radius:var(--r-pill);}
.mini-badge{position:absolute;background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:var(--r-md);padding:12px 16px;font-size:0.82rem;box-shadow:var(--shadow-md);color:var(--text-primary);font-weight:600;display:flex;align-items:center;gap:8px;}
.mini-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--c-success);box-shadow:0 0 8px rgba(5,150,105,0.5);}
.mini-badge.b1{top:-18px;right:-20px;animation:cardFloat 5.5s ease-in-out infinite;}
.mini-badge.b2{bottom:16px;left:-36px;animation:cardFloat 6.5s ease-in-out infinite reverse;}

.score-ring{width:60px;height:60px;position:relative;}
.score-ring svg{transform-origin:center;}
.score-ring .track{stroke:rgba(15,23,42,0.08);}
.score-ring .progress{stroke:url(#ringGrad);stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(201,150,46,0.4));}
.score-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:0.85rem;color:var(--text-primary);}

section{padding:88px 0;position:relative;}
.section-head{max-width:640px;margin:0 auto 52px;text-align:center;}
.section-kicker{color:#8A6318;font-weight:700;font-size:0.78rem;letter-spacing:0.09em;text-transform:uppercase;}
.section-head h2{font-size:clamp(1.8rem,3.2vw,2.5rem);color:var(--text-primary);margin-top:12px;}
.section-head p{color:var(--text-secondary);margin-top:14px;font-size:1.03rem;}
.section-eyebrow{color:#8A6318;font-weight:700;font-size:0.78rem;letter-spacing:0.09em;text-transform:uppercase;}

.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;}
.bento-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:30px;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);}
.bento-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--grad-border);opacity:0;transition:opacity var(--dur-base) var(--ease-out);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.bento-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);}
.bento-card:hover::before{opacity:1;}
.bento-card.span2{grid-column:span 4;}
.bento-card.span1{grid-column:span 2;}
.bento-icon{width:46px;height:46px;border-radius:13px;background:var(--grad-primary-soft);border:1px solid rgba(201,150,46,0.22);display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.25rem;}
.bento-card h3{color:var(--text-primary);font-size:1.12rem;margin-bottom:10px;}
.bento-card p{color:var(--text-secondary);font-size:0.93rem;margin:0;line-height:1.6;}
@media (max-width:900px){.bento-card.span2,.bento-card.span1{grid-column:span 6;}}

.feature-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:30px;height:100%;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);box-shadow:var(--shadow-sm);}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-mid);}
.feature-icon{width:46px;height:46px;border-radius:13px;background:var(--grad-primary-soft);border:1px solid rgba(201,150,46,0.22);display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:1.2rem;}

.timeline{display:flex;gap:0;position:relative;margin-top:24px;}
.timeline::before{content:"";position:absolute;top:22px;left:5%;right:5%;height:1px;background:var(--border-mid);z-index:0;}
.tl-step{flex:1;text-align:center;position:relative;z-index:1;padding:0 14px;}
.tl-node{width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid var(--c-gold);color:#8A6318;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-family:var(--font-display);font-weight:700;font-size:1rem;box-shadow:0 0 0 6px var(--bg-base), var(--shadow-sm);}
.tl-step h4{color:var(--text-primary);font-size:1rem;margin-bottom:8px;}
.tl-step p{color:var(--text-secondary);font-size:0.88rem;margin:0;}
@media (max-width:900px){.timeline{flex-direction:column;gap:30px;}.timeline::before{display:none;}}

.price-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:34px 28px;height:100%;position:relative;box-shadow:var(--shadow-sm);}
.price-card.featured{border-color:var(--c-gold);box-shadow:var(--shadow-glow-indigo);}
.price-card .badge-featured{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--grad-primary);color:#191202;font-size:0.72rem;font-weight:700;padding:6px 16px;border-radius:var(--r-pill);}
.price-card h3{color:var(--text-primary);font-size:1.2rem;}
.price-card .amount{font-family:var(--font-display);font-size:2.4rem;color:var(--text-primary);font-weight:800;margin:12px 0;}
.price-card .amount span{font-size:0.92rem;color:var(--text-tertiary);font-weight:400;}
.price-card ul{list-style:none;padding:0;margin:22px 0;color:var(--text-secondary);font-size:0.9rem;}
.price-card ul li{padding:7px 0;display:flex;gap:10px;align-items:flex-start;}
.price-card ul li::before{content:"✓";color:var(--c-success);font-weight:700;}

.testimonial-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:26px;height:100%;position:relative;box-shadow:var(--shadow-sm);}
.testimonial-card .quote-mark{font-family:var(--font-display);font-size:2.4rem;color:var(--c-gold);opacity:.35;line-height:1;position:absolute;top:16px;right:20px;}
.testimonial-card .stars{color:var(--c-warning);font-size:0.88rem;margin-bottom:12px;}
.testimonial-card p{color:var(--text-primary);font-size:0.96rem;line-height:1.6;}
.t-author{display:flex;align-items:center;gap:12px;margin-top:18px;}
.t-avatar{width:38px;height:38px;border-radius:50%;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;color:#191202;font-weight:700;font-size:0.82rem;flex-shrink:0;}
.t-author strong{color:var(--text-primary);display:block;font-size:0.9rem;}
.t-author span{color:var(--text-tertiary);font-size:0.8rem;}

.cta-band{background:var(--grad-primary-soft);border-radius:var(--r-xl);padding:60px 44px;text-align:center;margin:0 auto;border:1px solid var(--border-subtle);position:relative;overflow:hidden;}
.cta-band h2{color:var(--text-primary);font-size:clamp(1.5rem,2.8vw,2.1rem);margin-bottom:14px;}
.cta-band p{color:var(--text-secondary);margin-bottom:28px;}

.site-footer{background:var(--bg-void);padding:60px 0 24px;margin-top:50px;border-top:1px solid var(--border-subtle);}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;}
.site-footer .brand{color:var(--text-primary);}
.footer-tagline{color:var(--text-tertiary);font-size:0.88rem;max-width:270px;line-height:1.6;margin-top:14px;}
.site-footer h6{color:var(--text-primary);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.07em;margin-bottom:16px;}
.site-footer a{display:block;color:var(--text-tertiary);font-size:0.9rem;padding:6px 0;transition:color var(--dur-fast);}
.site-footer a:hover{color:#8A6318;}
.footer-bottom{display:flex;justify-content:space-between;margin-top:44px;padding-top:24px;border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:0.8rem;flex-wrap:wrap;gap:10px;}
@media (max-width:991px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:768px){.hero{padding:72px 0 56px;text-align:center;}.hero p.lead{margin-left:auto;margin-right:auto;}.hero-ctas,.hero-trust{justify-content:center;}}
@media (prefers-reduced-motion: reduce){.ai-match-card,.mini-badge,.aurora-blob{animation:none;}}

.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;}
.auth-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--r-xl);padding:44px;width:100%;max-width:440px;box-shadow:var(--shadow-lg);position:relative;z-index:1;}
.auth-card h2{color:var(--text-primary);font-size:1.6rem;margin-bottom:8px;}
.auth-card p.sub{color:var(--text-secondary);font-size:0.92rem;margin-bottom:30px;}
.form-control{background:#fff;border:1px solid var(--border-mid);color:var(--text-primary);border-radius:var(--r-sm);padding:12px 14px;width:100%;font-size:0.92rem;transition:all var(--dur-fast) var(--ease-out);}
.form-control::placeholder{color:var(--text-tertiary);}
.form-control:focus{background:#fff;border-color:var(--c-gold);color:var(--text-primary);box-shadow:0 0 0 3px rgba(201,150,46,0.16);outline:none;}
.form-label{color:var(--text-secondary);font-size:0.85rem;margin-bottom:7px;display:block;font-weight:500;}
.alert-themed{border-radius:var(--r-sm);font-size:0.88rem;padding:12px 16px;border:1px solid transparent;}
.alert-success{background:var(--c-success-soft);border-color:rgba(5,150,105,0.25);color:#047857;}
.alert-danger{background:var(--c-danger-soft);border-color:rgba(220,38,38,0.22);color:#B91C1C;}

.match-score{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;font-family:var(--font-display);font-weight:800;font-size:1.05rem;flex-shrink:0;position:relative;}
.match-score.high{background:var(--c-success-soft);color:#047857;box-shadow:inset 0 0 0 1.5px rgba(5,150,105,0.3);}
.match-score.mid{background:var(--c-warning-soft);color:#92400E;box-shadow:inset 0 0 0 1.5px rgba(180,83,9,0.3);}
.match-score.low{background:var(--c-danger-soft);color:#B91C1C;box-shadow:inset 0 0 0 1.5px rgba(220,38,38,0.3);}
.match-score.none{background:rgba(15,23,42,0.045);color:var(--text-tertiary);}

.stage-pill{display:inline-block;padding:4px 13px;border-radius:var(--r-pill);font-size:0.76rem;font-weight:600;text-transform:capitalize;border:1px solid transparent;}
.stage-pill.applied{background:rgba(15,23,42,0.05);color:var(--text-secondary);border-color:var(--border-subtle);}
.stage-pill.ai_screened{background:rgba(59,110,147,0.12);color:#2C5876;border-color:rgba(59,110,147,0.28);}
.stage-pill.shortlisted{background:rgba(201,150,46,0.13);color:#8A6318;border-color:rgba(201,150,46,0.3);}
.stage-pill.interview{background:var(--c-warning-soft);color:#92400E;border-color:rgba(180,83,9,0.28);}
.stage-pill.offer{background:rgba(156,116,35,0.16);color:#6B4E1A;border-color:rgba(156,116,35,0.35);}
.stage-pill.hired{background:var(--c-success-soft);color:#047857;border-color:rgba(5,150,105,0.3);}
.stage-pill.rejected{background:var(--c-danger-soft);color:#B91C1C;border-color:rgba(220,38,38,0.25);}

.job-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:24px;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);box-shadow:var(--shadow-sm);}
.job-card:hover{transform:translateY(-4px);border-color:rgba(201,150,46,0.4);box-shadow:var(--shadow-glow-indigo);}
.job-card h3{font-size:1.08rem;color:var(--text-primary);margin-bottom:8px;}
.job-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--text-tertiary);font-size:0.84rem;margin:10px 0;}
.job-meta span{display:inline-flex;align-items:center;gap:5px;}
.pipeline-summary{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle);}
.ps-item{font-size:0.78rem;color:var(--text-tertiary);}
.ps-item strong{color:var(--text-primary);font-family:var(--font-display);}
.ps-interview strong{color:#92400E;}
.ps-hired strong{color:#047857;}
.ps-not-suitable strong{color:#B91C1C;}
.status-badge{display:inline-block;padding:3px 11px;border-radius:var(--r-pill);font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
.status-badge.open{background:var(--c-success-soft);color:#047857;}
.status-badge.draft{background:rgba(15,23,42,0.05);color:var(--text-tertiary);}
.status-badge.paused{background:var(--c-warning-soft);color:#92400E;}
.status-badge.closed,.status-badge.filled{background:var(--c-danger-soft);color:#B91C1C;}

/* View toggle (List / Board) */
.view-toggle{display:inline-flex;background:var(--bg-elevated-2);border:1px solid var(--border-subtle);border-radius:var(--r-pill);padding:3px;}
.view-toggle-btn{background:none;border:none;padding:8px 16px;border-radius:var(--r-pill);font-size:0.85rem;font-weight:600;color:var(--text-tertiary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);}
.view-toggle-btn.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm);}

/* Kanban board */
.kanban-board{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px;align-items:flex-start;}
.kanban-column{flex:0 0 250px;background:var(--bg-elevated-2);border-radius:var(--r-md);padding:10px;min-height:120px;}
.kanban-column-head{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 10px;font-size:0.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.03em;}
.kanban-count{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-pill);padding:1px 8px;font-size:0.72rem;color:var(--text-tertiary);}
.kanban-dropzone{display:flex;flex-direction:column;gap:8px;min-height:80px;border-radius:var(--r-sm);transition:background var(--dur-fast) var(--ease-out);padding:2px;}
.kanban-dropzone.drag-over{background:rgba(201,150,46,0.08);outline:2px dashed rgba(201,150,46,0.4);outline-offset:-2px;}
.kanban-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:10px 12px;cursor:grab;box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);}
.kanban-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);}
.kanban-card.dragging{opacity:0.4;}
@media (max-width:768px){.kanban-column{flex:0 0 220px;}}

/* Missing-fields modal (JD auto-fill) */
.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.45);z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;}
.modal-overlay.is-open{display:flex;}
.modal-box{background:var(--bg-elevated);border-radius:var(--r-lg);padding:28px;max-width:440px;width:100%;box-shadow:var(--shadow-lg);max-height:85vh;overflow-y:auto;}
.modal-box h3{font-family:var(--font-display);font-size:1.1rem;color:var(--text-primary);margin-bottom:6px;}
.jd-autofill-status{display:flex;align-items:center;gap:8px;}
.jd-autofill-spinner{width:14px;height:14px;border:2px solid rgba(201,150,46,0.3);border-top-color:var(--c-gold);border-radius:50%;animation:jdSpin 0.7s linear infinite;}
@keyframes jdSpin{to{transform:rotate(360deg);}}

.candidate-row{display:flex;gap:18px;align-items:flex-start;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:20px;margin-bottom:14px;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);box-shadow:var(--shadow-sm);}
.candidate-row:hover{border-color:var(--border-mid);box-shadow:var(--shadow-md);transform:translateY(-2px);}
.candidate-row.ai-recommended{border-color:rgba(201,150,46,0.45);box-shadow:0 0 0 1px rgba(201,150,46,0.2), 0 8px 22px -8px rgba(201,150,46,0.28);}
.candidate-row .info{flex:1;min-width:0;}
.candidate-row h4{font-size:1rem;color:var(--text-primary);margin-bottom:4px;}
.candidate-row .ai-summary{color:var(--text-secondary);font-size:0.87rem;margin-top:10px;line-height:1.6;padding:12px 14px;background:rgba(201,150,46,0.05);border:1px solid rgba(201,150,46,0.15);border-radius:var(--r-sm);}
.candidate-row .missing-skills{margin-top:8px;font-size:0.8rem;color:#92400E;}

.app-sidebar{width:248px;background:var(--bg-void);padding:22px 0;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;border-right:1px solid var(--border-subtle);}
.app-sidebar .brand{padding:0 22px 26px;display:flex;align-items:center;color:var(--text-primary);}
.app-nav{padding:0 12px;}
.app-nav a{display:flex;align-items:center;gap:11px;padding:11px 14px;color:var(--text-secondary);font-size:0.9rem;font-weight:500;border-radius:var(--r-sm);margin-bottom:2px;transition:all var(--dur-fast) var(--ease-out);}
.app-nav a:hover{color:var(--text-primary);background:rgba(15,23,42,0.045);}
.app-nav a.active{color:#8A6318;background:var(--grad-primary-soft);box-shadow:inset 0 0 0 1px rgba(201,150,46,0.28);font-weight:700;}
.app-nav .nav-group-label{padding:18px 14px 8px;font-size:0.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-weight:600;}
.app-shell{display:flex;min-height:100vh;}
.app-main{flex:1;padding:36px 40px;max-width:1320px;position:relative;z-index:1;}
@media (max-width:900px){.app-sidebar{display:none;}.app-main{padding:24px 18px;}}

.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr);}}
.kpi-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:22px;position:relative;overflow:hidden;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);box-shadow:var(--shadow-sm);}
.kpi-card:hover{transform:translateY(-3px);border-color:var(--border-mid);box-shadow:var(--shadow-md);}
.kpi-card .kpi-label{font-size:0.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-weight:700;margin-bottom:12px;}
.kpi-card .kpi-value{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:10px;}
.kpi-card .kpi-trend{display:inline-flex;align-items:center;gap:4px;font-size:0.78rem;font-weight:700;padding:2px 0;}
.kpi-card .kpi-trend.up{color:#047857;}
.kpi-card .kpi-trend.down{color:#B91C1C;}
.kpi-card .kpi-context{color:var(--text-tertiary);font-size:0.8rem;margin-top:8px;line-height:1.5;}
.kpi-card .kpi-spark{position:absolute;right:16px;bottom:16px;opacity:0.7;}

.ai-command-center{position:relative;background:linear-gradient(135deg, rgba(201,150,46,0.10), rgba(184,130,58,0.07) 50%, rgba(232,196,104,0.05));border:1px solid rgba(201,150,46,0.24);border-radius:var(--r-xl);padding:30px 32px;overflow:hidden;}
.ai-command-center::before{content:"";position:absolute;top:-40%;right:-10%;width:340px;height:340px;background:radial-gradient(circle, rgba(201,150,46,0.16), transparent 70%);pointer-events:none;}
.acc-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;position:relative;z-index:1;}
.ai-orb{width:38px;height:38px;border-radius:50%;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:0 0 20px rgba(201,150,46,0.4);}
.ai-orb::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid rgba(201,150,46,0.4);animation:orbPulse 2.6s ease-in-out infinite;}
@keyframes orbPulse{0%{transform:scale(0.9);opacity:0.8;}70%{transform:scale(1.35);opacity:0;}100%{opacity:0;}}
.acc-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--text-primary);}
.acc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:22px;position:relative;z-index:1;}
.acc-stat .num{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:#8A6318;}
.acc-stat .lbl{font-size:0.8rem;color:var(--text-secondary);margin-top:3px;}
@media (max-width:700px){.acc-stats{grid-template-columns:1fr;}}

.stat-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm);}

.table{color:var(--text-primary);width:100%;border-collapse:collapse;}
.table thead th{color:var(--text-tertiary);font-size:0.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-subtle);}
.table tbody td{padding:14px 12px;border-bottom:1px solid var(--border-subtle);font-size:0.9rem;vertical-align:middle;}
.table tbody tr{transition:background var(--dur-fast) var(--ease-out);}
.table tbody tr:hover{background:rgba(15,23,42,0.02);}

.empty-state{text-align:center;padding:56px 24px;}
.empty-state .empty-icon{font-size:2.2rem;margin-bottom:16px;opacity:0.9;}
.empty-state h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:10px;}
.empty-state p{color:var(--text-secondary);max-width:420px;margin:0 auto 22px;}

.skeleton{background:linear-gradient(90deg, rgba(15,23,42,0.04) 25%, rgba(15,23,42,0.09) 37%, rgba(15,23,42,0.04) 63%);background-size:400% 100%;animation:skeletonShimmer 1.6s ease-in-out infinite;border-radius:var(--r-sm);}
@keyframes skeletonShimmer{0%{background-position:100% 50%;}100%{background-position:0 50%;}}

.ai-assistant-trigger{position:fixed;bottom:26px;right:26px;z-index:200;background:var(--grad-primary);color:#191202;border:none;border-radius:var(--r-pill);padding:14px 22px;font-weight:700;font-size:0.9rem;display:inline-flex;align-items:center;gap:9px;box-shadow:0 10px 26px -8px rgba(201,150,46,0.5);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);}
.ai-assistant-trigger:hover{transform:translateY(-3px);box-shadow:0 16px 34px -8px rgba(201,150,46,0.6);}
.ai-assistant-panel{position:fixed;bottom:96px;right:26px;z-index:200;width:380px;max-width:calc(100vw - 40px);max-height:70vh;background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(16px) scale(0.98);pointer-events:none;transition:all var(--dur-base) var(--ease-out);}
.ai-assistant-panel.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
.aap-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-subtle);background:var(--grad-primary-soft);}
.aap-head strong{font-family:var(--font-display);color:var(--text-primary);font-size:0.95rem;}
.aap-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;line-height:1;}
.aap-body{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:12px;}
.aap-msg{font-size:0.87rem;line-height:1.55;padding:11px 14px;border-radius:var(--r-sm);max-width:88%;}
.aap-msg.from-user{align-self:flex-end;background:var(--grad-primary);color:#191202;}
.aap-msg.from-ai{align-self:flex-start;background:rgba(15,23,42,0.04);color:var(--text-primary);border:1px solid var(--border-subtle);}
.aap-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px 12px;}
.aap-chip{font-size:0.76rem;padding:6px 12px;border-radius:var(--r-pill);background:rgba(15,23,42,0.04);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast);}
.aap-chip:hover{border-color:var(--c-gold);color:var(--text-primary);}
.aap-form{display:flex;gap:8px;padding:14px 18px;border-top:1px solid var(--border-subtle);}
.aap-form input{flex:1;}
.aap-send{background:var(--grad-primary);border:none;color:#191202;border-radius:var(--r-sm);width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;}

@media (max-width:640px){.ai-assistant-panel{right:12px;left:12px;width:auto;}.ai-assistant-trigger{right:16px;bottom:16px;}}

.share-trigger{position:relative;z-index:80;}
.share-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:9999;width:320px;background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:18px;opacity:0;transform:translateY(-8px) scale(0.97);pointer-events:none;transition:all var(--dur-base) var(--ease-out);}
.share-panel.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
.share-panel .sp-title{font-family:var(--font-display);font-weight:700;font-size:0.92rem;color:var(--text-primary);margin-bottom:4px;}
.share-panel .sp-sub{font-size:0.8rem;color:var(--text-tertiary);margin-bottom:14px;}
.share-link-row{display:flex;gap:8px;margin-bottom:14px;}
.share-link-row input{flex:1;background:#fff;border:1px solid var(--border-mid);color:var(--text-secondary);border-radius:var(--r-sm);padding:9px 12px;font-size:0.8rem;}
.share-copy-btn{background:var(--grad-primary);border:none;color:#191202;border-radius:var(--r-sm);padding:0 16px;font-weight:700;font-size:0.8rem;cursor:pointer;white-space:nowrap;}
.share-channels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.share-channel{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:var(--r-sm);border:1px solid var(--border-subtle);background:#fff;color:var(--text-secondary);font-size:0.7rem;font-weight:600;transition:all var(--dur-fast) var(--ease-out);cursor:pointer;}
.share-channel:hover{border-color:var(--c-gold);background:rgba(201,150,46,0.06);color:var(--text-primary);transform:translateY(-2px);}
.share-channel .sc-icon{font-size:1.3rem;}

.company-badge{width:52px;height:52px;border-radius:16px;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:1.3rem;color:#191202;flex-shrink:0;box-shadow:0 8px 20px -6px rgba(201,150,46,0.35);}
.meta-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--r-pill);font-size:0.82rem;color:var(--text-secondary);box-shadow:var(--shadow-sm);}
.req-chip{display:inline-flex;align-items:center;padding:6px 13px;background:rgba(201,150,46,0.09);border:1px solid rgba(201,150,46,0.25);border-radius:var(--r-pill);font-size:0.8rem;color:#8A6318;font-weight:500;}
.step-indicator{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-pill);font-size:0.76rem;color:#8A6318;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:16px;}
.apply-sticky-card{position:sticky;top:100px;}
.file-dropzone{border:1.5px dashed var(--border-mid);border-radius:var(--r-md);padding:26px 16px;text-align:center;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:#fff;}
.file-dropzone:hover,.file-dropzone.is-dragover{border-color:var(--c-gold);background:rgba(201,150,46,0.05);}
.file-dropzone .fd-icon{font-size:1.6rem;margin-bottom:8px;}
.file-dropzone .fd-text{font-size:0.86rem;color:var(--text-secondary);}
.file-dropzone .fd-filename{font-size:0.85rem;color:#8A6318;font-weight:600;margin-top:8px;word-break:break-all;}
.file-dropzone input[type="file"]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;}
.trust-strip{display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(5,150,105,0.06);border:1px solid rgba(5,150,105,0.2);border-radius:var(--r-sm);font-size:0.8rem;color:#047857;margin-bottom:20px;}
@media (max-width:900px){.apply-sticky-card{position:static;}}

/* ============================================================
   DESIGN REFRESH — signature "match pulse" motif + motion layer
   The pulse marks any moment the AI has surfaced a score or
   insight — a deliberate, restrained signature tied directly to
   what this product does, not decoration.
   ============================================================ */

@keyframes matchPulseRing {
  0%   { transform: scale(0.85); opacity: 0.55; }
  70%  { transform: scale(1.9); opacity: 0; }
  100% { transform: scale(1.9); opacity: 0; }
}
.match-pulse {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.match-pulse::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 999px;
  border: 1.5px solid var(--c-teal);
  animation: matchPulseRing 2.4s var(--ease-out) infinite;
  pointer-events: none;
}
.match-pulse.amber::before { border-color: var(--c-gold); }

/* AI-insight badge — small pill marking AI-generated content, teal family */
.ai-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 3px 10px 3px 8px;
  border-radius: var(--r-pill);
  background: var(--c-teal-soft);
  color: var(--c-teal-deep);
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.ai-chip .dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--c-teal);
  animation: matchPulseRing 1.8s var(--ease-out) infinite;
  box-shadow: 0 0 0 0 var(--c-teal);
}

/* Score number — mono face, weight carries the meaning */
.score-figure {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Display-serif accent — for the one or two words per page that should
   carry real personality. Used with restraint. */
.accent-serif {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 500;
}

/* Card hover-lift, used across feature-card / job-card / candidate rows */
.hover-lift {
  transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}
.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

/* Staggered cascade for lists (candidate cards, job cards) */
.cascade > * {
  opacity: 0;
  animation: cascadeIn var(--dur-slow) var(--ease-out) forwards;
}
.cascade > *:nth-child(1) { animation-delay: 0ms; }
.cascade > *:nth-child(2) { animation-delay: 70ms; }
.cascade > *:nth-child(3) { animation-delay: 140ms; }
.cascade > *:nth-child(4) { animation-delay: 210ms; }
.cascade > *:nth-child(5) { animation-delay: 280ms; }
.cascade > *:nth-child(6) { animation-delay: 350ms; }
.cascade > *:nth-child(n+7) { animation-delay: 420ms; }
@keyframes cascadeIn {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ============================================================
   DARK HERO — reserved for the homepage's opening moment only.
   Everything else in the product stays in the light working
   surface; the hero is where the bold first-impression lives.
   ============================================================ */
.hero-dark {
  position: relative;
  background: radial-gradient(ellipse 120% 80% at 50% -10%, #16223A 0%, var(--c-navy-deep) 55%, #060A11 100%);
  color: #EDEFF4;
  overflow: hidden;
}
.hero-dark::before {
  content: '';
  position: absolute; inset: 0;
  background-image:
    radial-gradient(circle at 15% 20%, rgba(217,164,65,0.10) 0%, transparent 45%),
    radial-gradient(circle at 85% 75%, rgba(28,156,147,0.12) 0%, transparent 45%);
  pointer-events: none;
}
.hero-dark .hero-kicker { color: var(--c-gold-light); }
.hero-dark h1 { color: #F7F5EF; }
.hero-dark .lead { color: rgba(237,239,244,0.72); }

/* Typing-cursor for the hero's live demo sequence */
@keyframes caretBlink { 0%, 45% { opacity: 1; } 50%, 95% { opacity: 0; } 100% { opacity: 1; } }
.type-caret { display: inline-block; width: 2px; height: 1em; background: var(--c-gold-light); margin-left: 2px; vertical-align: -0.1em; animation: caretBlink 1s step-end infinite; }

/* Demo chat bubble + candidate cascade card used inside the hero sequence */
.demo-bubble {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: var(--r-md);
  padding: 12px 16px;
  font-size: 0.92rem;
  color: #EDEFF4;
  max-width: 420px;
}
.demo-candidate-card {
  display: flex; align-items: center; gap: 12px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--r-md);
  padding: 10px 14px;
  opacity: 0;
  transform: translateX(16px);
  animation: demoCardIn var(--dur-slow) var(--ease-out) forwards;
}
@keyframes demoCardIn { to { opacity: 1; transform: translateX(0); } }

/* Reduced motion — everything above respects this */
@media (prefers-reduced-motion: reduce) {
  .match-pulse::before, .ai-chip .dot, .type-caret, .cascade > *, .demo-candidate-card {
    animation: none !important;
  }
  .cascade > * { opacity: 1; transform: none; }
  .demo-candidate-card { opacity: 1; transform: none; }
  .hover-lift { transition: none; }
}