/* ===== Landing revamp v1.1 (same font + "Recomandat" badge kept) ===== */

/* Badge mic de versiune (poți șterge) */
body::after{
  content:"v1.1"; position:fixed; right:10px; bottom:10px; z-index:9999;
  background:#22d3ee; color:#05202a; font:700 12px/1 system-ui, -apple-system, Segoe UI, Inter, Roboto, sans-serif;
  padding:4px 8px; border-radius:6px; box-shadow:0 6px 20px rgba(0,0,0,.35);
}

/* ===== Design system ===== */
:root{
  --bg:#0d1c2a; --card:#0f2234;
  --text:#e8f1fb; --muted:#9fb2c7;
  --brand:#22d3ee; --brand2:#5f85ff;   /* cyan + indigo */
  --cta1:#7c3aed; --cta2:#22d3ee;      /* mov + cyan pentru CTA "Ia BAC-ul" */
  --stroke:rgba(255,255,255,.12);
  --radius:18px; --shadow:0 16px 60px rgba(0,0,0,.40);
  --container:1120px; --gap:20px;
  /* >>> păstrăm exact fontul tău inițial */
  --font: system-ui, -apple-system, Segoe UI, Inter, Roboto, sans-serif;
}
*{box-sizing:border-box} html,body{height:100%}
html{ scroll-behavior:smooth }
section{ scroll-margin-top:84px }
a{color:inherit; text-decoration:none}
img{max-width:100%; display:block}

/* ===== Background animat (mesh + hex) ===== */
.bg-anim{
  position:fixed; inset:0; z-index:-2;
  background:
    radial-gradient(1000px 600px at 15% 10%, rgba(34,211,238,.16), transparent 55%),
    radial-gradient(900px 600px at 85% 0%, rgba(95,133,255,.16), transparent 60%),
    radial-gradient(1000px 700px at 20% 90%, rgba(124,58,237,.14), transparent 62%),
    linear-gradient(180deg, #081421, #0f2030 70%);
  animation: meshDrift 18s ease-in-out infinite alternate;
  filter: saturate(115%);
}
.bg-anim::before{
  /* hex pattern blurat care se mișcă încet */
  content:""; position:absolute; inset:-20% -10% -10% -10%; z-index:-1; opacity:.20;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='190' viewBox='0 0 220 190'%3E%3Cg fill='none' stroke='white' stroke-opacity='0.25' stroke-width='1'%3E%3Cpath d='M55 0l55 32v64L55 128 0 96V32zM165 0l55 32v64l-55 32-55-32V32zM110 96l55 32v64l-55 32-55-32v-64z'/%3E%3C/g%3E%3C/svg%3E");
  background-size:300px 260px; filter: blur(6px);
  animation: hexFlow 38s linear infinite;
}
@keyframes meshDrift{
  0%{ background-position: 0% 0%, 100% 0%, 0% 100%, 0 0; }
  100%{ background-position: 20% 10%, 80% 6%, 6% 90%, 0 0; }
}
@keyframes hexFlow{
  0%{ transform: translate3d(-4%, -2%, 0) scale(1.05); }
  50%{ transform: translate3d(2%, 4%, 0) scale(1.06); }
  100%{ transform: translate3d(-3%, 2%, 0) scale(1.04); }
}

/* ===== Layout ===== */
body{ margin:0; font:16px/1.65 var(--font); color:var(--text); background: var(--bg); -webkit-font-smoothing:antialiased; }
.container{max-width:var(--container); margin:0 auto; padding:0 24px}
.section{padding:84px 0; position:relative}

/* Header */
header{
  position:sticky; top:0; z-index:50;
  backdrop-filter: blur(12px) saturate(120%);
  background:linear-gradient(180deg, rgba(12,23,36,.85), rgba(12,23,36,.55));
  border-bottom:1px solid var(--stroke);
}
.nav{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0;}
.logo{width:38px; height:38px}
nav a{margin:0 12px; color:var(--muted); position:relative; font-weight:600}
nav a:hover{color:#d8f3ff}
nav a:hover::after{content:""; position:absolute; left:0; right:0; bottom:-12px; height:2px; background:linear-gradient(90deg,var(--brand),var(--brand2)); opacity:.85}

/* Typography */
h1{font-family:var(--font); font-size:clamp(48px,7vw,72px); margin:0; letter-spacing:-1px; font-weight:800}
h2{font-family:var(--font); font-size:clamp(26px,3.5vw,38px); margin:0 0 10px; text-align:center; font-weight:800}
.lead{color:var(--muted); font-size:18px; max-width:760px; margin:0 auto; text-align:center}
.subtitle{color:#a8e9ff; font-size:14px; letter-spacing:.45px; text-transform:uppercase; font-weight:700}
.emph{
  background:linear-gradient(90deg,#22d3ee 0%, #06b6d4 50%, #60a5fa 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}


/* Cards & buttons */
.card{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid var(--stroke); border-radius:var(--radius); box-shadow:var(--shadow);
  position:relative; overflow:hidden; isolation:isolate;
}
.grid{display:grid; gap:var(--gap)}

.btn{
  appearance:none; border:0; cursor:pointer; font-weight:800; padding:12px 18px; border-radius:14px;
  transition:.22s transform,.22s box-shadow,.22s filter,.22s background-position;
  box-shadow:0 12px 34px rgba(0,0,0,.38);
  font-family:var(--font);
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  background-size:180% 180%;
  color:#05202a; letter-spacing:.1px;
}
.btn-primary:hover{ background-position: 100% 0%; filter:brightness(1.06); }

.btn-secondary{
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05));
  color:#d7ecff; border:1px solid var(--stroke);
}
.btn-ghost{
  background:transparent; color:#d7ecff; border:1px solid var(--stroke);
}

/* CTA special (mov ➜ cyan) */
.btn-cta{
  background: linear-gradient(90deg, #8b5cf6, #3b82f6, #22d3ee);
  background-size: 200% 100%;
  color:#fff; font-weight:800; letter-spacing:.3px;
  padding:12px 26px;
  border-radius:12px; /* mai mic decât înainte */
  box-shadow: 0 10px 26px rgba(59,130,246,.45);
  transition: transform .2s ease, background-position .35s ease, box-shadow .25s ease;
}
.btn-cta:hover{ transform: translateY(-2px); background-position:100% 0; box-shadow:0 14px 34px rgba(59,130,246,.55) }

@keyframes ctaPulse {
  0%, 100% { box-shadow: 0 0 18px rgba(59,130,246,.55), 0 0 34px rgba(139,92,246,.35); }
  50% { box-shadow: 0 0 28px rgba(59,130,246,.75), 0 0 48px rgba(139,92,246,.55); }
}
.w100{ width:100% }

/* ===== HERO ===== */
.hero{ padding: 96px 0 58px; text-align:center; position:relative }
.hero-min{ display:flex; flex-direction:column; align-items:center; gap:14px }
.hero-wrap{display:flex; flex-direction:column; align-items:center; gap:10px}
.hero .actions{display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:18px}
.hero .trust{
  margin-top:14px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap;
  color:#bfe9ff; font-weight:700; font-size:13px; opacity:.95;
}
.hero h1{ position:relative; display:inline-block; }
.hero h1::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%);
  bottom:-18px; width:62%; height:10px; filter:blur(8px);
  background:radial-gradient(50% 50% at 50% 50%, rgba(34,211,238,.45), transparent 70%);
}

/* ===== Section dividers ===== */
.hero::after,
#features.section::before,
#pricing.section::before,
#chat.section::before{
  content:""; position:absolute; left:50%; transform:translateX(-50%);
  width:min(980px, 92%); height:1px; pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(34,211,238,.55), transparent);
  opacity:.75
}
.hero::after{ bottom:0; }
#features.section::before{ top:-1px; }
#pricing.section::before{ top:-1px; }
#chat.section::before{ top:-1px; }

/* Bandă subtilă sub fiecare secțiune */
#features.section::after,
#pricing.section::after,
#chat.section::after{
  content:""; position:absolute; inset:auto 0 -32px 0; height:32px; pointer-events:none;
  background: radial-gradient(60% 40% at 50% 0%, rgba(0,0,0,.35), transparent 70%);
  opacity:.40;
}

/* ===== FEATURES ===== */
.features .feature-grid{display:grid; gap:var(--gap); grid-template-columns:repeat(3,1fr); margin-top:22px}

.feature-card{
  padding:24px; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.feature-card::before{
  /* inel conic animat subtil pe hover */
  content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
  background:
    conic-gradient(from 200deg at 65% 30%, rgba(34,211,238,.55), rgba(14,165,233,.0) 42%, rgba(124,58,237,.50) 65%, rgba(34,211,238,.55) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude; opacity:.85; transition:opacity .25s, transform .25s;
}
.feature-card:hover{ transform: translateY(-6px); box-shadow: 0 22px 70px rgba(34,211,238,.18); }
.feature-card:hover::before{ opacity:1; transform: scale(1.02); }
.feature-card h3{
  display:flex; align-items:center; gap:10px; margin:0 0 8px;
  font-size:22px; font-weight:900; letter-spacing:.2px; font-family:var(--font);
}
.feature-card h3::before{ content:"🤖"; font-size:22px }
.feature-card:nth-child(2) h3::before{ content:"📆" }
.feature-card:nth-child(3) h3::before{ content:"⚡" }
.feature-card p{ color:#d4ebff; margin:0; font-size:14px; line-height:1.55; }

/* ===== PRICING ===== */
.pricing .pricing-grid{display:grid; gap:var(--gap); grid-template-columns:repeat(2,1fr); margin-top:22px}
.price-card{padding:26px; position:relative}
.price{font-size:36px; font-weight:900; margin:14px 0; font-family:var(--font)}
.price-card .btn {
  width: auto;                /* nu mai ia toată lățimea */
  min-width: 160px;           /* păstrăm o dimensiune decentă */
  height: 42px;               /* mai mic decât 48px */
  padding: 0 18px;            /* mai puțin padding */
  font-size: 15px;            /* puțin mai mic */
  font-weight: 700;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;           /* spațiu clar față de preț */
}
.price-card .btn-primary {
  background: linear-gradient(90deg, #7c3aed, #3b82f6);
  color: #fff;
  box-shadow: 0 8px 28px rgba(59,130,246,.35);
}
.price-card .btn-primary:hover {
  background: linear-gradient(90deg, #3b82f6, #7c3aed);
  box-shadow: 0 10px 34px rgba(59,130,246,.45);
}
.price-card.highlight{
  position: relative;
  overflow: visible;            /* să se vadă inelul & glow-ul */
  isolation: isolate;

  /* BG cu 2 radiale care se mișcă încet + stratul tău de card */
  background:
    radial-gradient(260px 200px at 85% 10%, rgba(95,133,255,.14), transparent 70%),
    radial-gradient(280px 220px at 0% 100%, rgba(34,211,238,.14), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  animation: stdBgFloat 12s ease-in-out infinite alternate;
  box-shadow:
    0 22px 80px rgba(34,211,238,.20),
    0 1px 0 rgba(255,255,255,.06) inset;
}

.price-card.highlight::before{
  content:"";
  position:absolute; inset:-2px;        /* grosimea inelului */
  border-radius:inherit;
  padding:2px;
  background: conic-gradient(
    from var(--ang, 0deg),
    #22d3ee, #5f85ff, #8b5cf6, #5f85ff, #22d3ee
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude; /* doar rama */
  pointer-events:none;
  z-index:1;
  opacity:.9;
  animation: stdRingSpin 18s linear infinite;
  animation-duration: 10s;
}

.price-card.highlight:hover{
  box-shadow:
    0 28px 95px rgba(34,211,238,.28),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

@keyframes stdBgFloat{
  0%   { background-position: 0% 0%,    0% 100%,   0 0; }
  100% { background-position: 6% 4%,   -4% 96%,    0 0; }
}
@keyframes stdRingSpin{
  from { --ang: 0deg;   }
  to   { --ang: 360deg; }
}

.price-card.highlight::after{
  content:"Recomandat"; position:absolute; top:10px; right:12px;
  background:linear-gradient(90deg,var(--brand),var(--brand2)); color:#05202a;
  font:800 12px/1 var(--font); padding:6px 10px; border-radius:10px; box-shadow:var(--shadow);
  letter-spacing:.2px; z-index:2;
}

.center{text-align:center}
.small-print{margin-top:8px; font-family:var(--font)}

/* ===== DEMO CHAT ===== */
.chat .wrap{display:grid; gap:var(--gap); grid-template-columns:1.1fr .9fr}
@media (max-width:980px){ .chat .wrap{grid-template-columns:1fr} }

.chat-box{display:grid; gap:12px}
#chat-messages{
  height:380px; overflow:auto; padding:14px;
  display:flex; flex-direction:column; gap:10px;
  background:#071b2b; border:1px solid rgba(255,255,255,.12); border-radius:14px;
}

/* Baloane */
.msg{max-width:82%; padding:12px 14px; border-radius:16px; line-height:1.6; white-space: pre-wrap;}
.msg.user{
  align-self:flex-end;
  background:linear-gradient(135deg, #4f46e5, #06b6d4); color:#fff;
  box-shadow:0 10px 32px rgba(6,182,212,.25);
  border-radius:18px 18px 4px 18px;
}
.msg.bot{
  align-self:flex-start;
  background:#0e2a3a; border:1px solid #134b6b; color:#def3ff;
  border-radius:18px 18px 18px 4px;
}

/* Code & LaTeX */
.msg pre, .msg code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}
.msg pre{
  margin:8px 0 0; padding:10px 12px; border-radius:12px; overflow:auto;
  background:#0a2233; border:1px solid rgba(255,255,255,.10);
}
.msg code{
  background:#0a2233; padding:2px 6px; border-radius:6px; border:1px solid rgba(255,255,255,.10);
}
.msg .mjx-svg-rule, .msg .MathJax{ line-height:1.35 }
.msg .MathJax_Display{ margin:10px 0 !important; padding:8px 10px; border-radius:10px;
  background:#0a2233; border:1px solid rgba(255,255,255,.10) }

/* Input & select */
#chat-input{
  width:100%; min-height:96px; resize:vertical; color:var(--text);
  background:#0b1320; border:1px solid var(--stroke); border-radius:12px; padding:12px 14px;
}
.bar{display:flex; align-items:center; gap:12px; margin:8px 0 16px}
.bar label{font-weight:800; font-family:var(--font)}
#subject-select{padding:9px 12px; border:1px solid #1f3a4a; background:#0b2230; color:#e6f0f6; border-radius:10px}
.hint{color:var(--muted); text-align:center}
.counter{display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; border:1px solid var(--stroke); background:#0b1b2c; font-size:13px}

/* Typing bubble */
.typing{align-self:flex-start; background:#0e2a3a; border:1px solid #134b6b; padding:10px 12px; border-radius:14px; display:inline-flex; gap:6px}
.dot{width:8px; height:8px; border-radius:999px; background:#a7c7dd; opacity:.7; animation:blink 1.2s infinite ease-in-out}
.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.3} 40%{opacity:1}}

/* Footer */
footer{border-top:1px solid var(--stroke); margin-top:56px}
footer .container{padding:20px 0; text-align:center; color:#aeb9cb}

/* Responsive */
@media (max-width:1024px){
  .features .feature-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  nav{display:none}
  .features .feature-grid{grid-template-columns:1fr}
  .pricing .pricing-grid{grid-template-columns:1fr}
  .price-card.highlight{ transform:none }
  .msg{ max-width:100% }
}

/* Busy / disabled vizual */
.btn.loading, .btn:disabled { opacity: .6; cursor: not-allowed; filter: grayscale(20%); }
.qbtn.disabled { opacity:.6; cursor:not-allowed; }
#chat-input:disabled {
  opacity:.7; cursor:not-allowed;
  background:#0b1320; border-color:rgba(255,255,255,.12);
}

/* Highlight semantic pentru bot */
.msg.bot mark.hl {
  background: linear-gradient(90deg, rgba(34,211,238,.28), rgba(14,165,233,.22));
  color: #eaffff; font-weight: 800; padding: 0 4px; border-radius: 6px;
  box-decoration-break: clone;
}
.msg.bot mark.hl.hl-warn { background: linear-gradient(90deg, rgba(251,191,36,.35), rgba(245,158,11,.28)); color: #1a1400; }
.msg.bot mark.hl.hl-key  { background: linear-gradient(90deg, rgba(168,85,247,.35), rgba(147,51,234,.28)); color: #f7edff; }
.msg.bot mark.hl.hl-info { background: linear-gradient(90deg, rgba(16,185,129,.28), rgba(5,150,105,.24)); color: #eafff3; }

.pricing .perks{
  list-style:none; margin:10px 0 4px; padding:0;
  display:grid; gap:6px;
}
.pricing .perks li{
  display:flex; align-items:center; gap:8px;
  color:#cfe4ff; font-weight:700;
}
.pricing .perks li::before{
  content:"✓"; font-weight:900; color:#22d3ee;
}

mark.hi{
  background: linear-gradient(90deg, rgba(34,211,238,.30), rgba(95,133,255,.26));
  color:#eaffff; padding:0 4px; border-radius:6px; box-decoration-break:clone;
}

/* === DEMO — polish vizual =============================================== */
/* Layout un pic mai aerisit pe desktop */
.chat .wrap{
  grid-template-columns: 1.25fr .75fr;
}

/* Card‑uri demo (chat box + sidebar) cu contur animat & glow subtil */
.chat .chat-box,
.chat aside.card{
  position: relative;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 60px rgba(0,0,0,.35), 0 1px 0 rgba(255,255,255,.05) inset;
  overflow: hidden;
}

/* inel conic animat – foarte discret */
.chat .chat-box::before,
.chat aside.card::before{
  content:"";
  position:absolute; inset:-2px;
  padding:2px; border-radius:18px;
  background: conic-gradient(from var(--ang,0deg), rgba(34,211,238,.55), rgba(95,133,255,.35), rgba(139,92,246,.35), rgba(34,211,238,.55));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none; opacity:.35;
  animation: demoRing 28s linear infinite;
}
@keyframes demoRing{ from{--ang:0deg} to{--ang:360deg} }

/* Mesajele — panou mai clar */
#chat-messages{
  height: 420px;
  background: radial-gradient(700px 380px at 10% -10%, rgba(34,211,238,.10), transparent 60%),
              radial-gradient(700px 420px at 120% 0%, rgba(95,133,255,.10), transparent 62%),
              #061728;
  border:1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

/* Input: focus mai „glow” + spațiere mai bună */
#chat-input{
  min-height: 110px;
  border-radius: 14px;
  background:#0b1320;
  border:1px solid rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
#chat-input:focus{
  border-color: rgba(34,211,238,.45);
  box-shadow: 0 0 0 3px rgba(34,211,238,.22), inset 0 1px 0 rgba(255,255,255,.06);
}

/* Select „Materie” – mai consistent */
#subject-select{
  background:#0b1f2c;
  border:1px solid rgba(255,255,255,.14);
  color:#e7f4ff;
  border-radius: 12px;
}
#subject-select:focus{ box-shadow:0 0 0 3px rgba(34,211,238,.25) }

/* Counter 5/5 — chip cu stare & mică animație */
.hint{ margin-top:8px }
.counter{
  background: linear-gradient(90deg, rgba(34,211,238,.16), rgba(95,133,255,.14));
  border:1px solid rgba(255,255,255,.14);
  color:#eaffff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.counter.low{ background:linear-gradient(90deg, rgba(251,191,36,.2), rgba(245,158,11,.18)); color:#1b1400 } /* când vrei, în JS doar adaugi .low */

/* Buton „Trimite” – puțin mai „call to action” în demo */
.chat .actions .btn-primary{
  border-radius: 999px;
  padding: 10px 22px;
  box-shadow: 0 10px 28px rgba(34,211,238,.28);
}
.chat .actions .btn-primary:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(34,211,238,.38);
}

/* ===== “Întrebări rapide” — pastile glossy ============================= */
.qbtn{
  position:relative;
  justify-content:flex-start;
  gap:10px;
  padding:10px 14px;
  border-radius: 12px;
  font-weight:800;
  color:#dff3ff;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.14);
  box-shadow: 0 8px 26px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
  transition: transform .18s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.qbtn::before{
  content:"✓";
  color:#22d3ee;
  font-weight:900;
  opacity:.95;
}
.qbtn::after{
  content:"↗";
  position:absolute; right:10px; top:50%; transform:translateY(-50%);
  opacity:.65;
}
.qbtn:hover{
  transform: translateY(-2px);
  border-color: rgba(34,211,238,.45);
  background: linear-gradient(180deg, rgba(34,211,238,.12), rgba(95,133,255,.10));
  box-shadow: 0 12px 34px rgba(34,211,238,.22);
}

/* titlul și subtitlul din sidebar puțin mai clare */
.chat aside.card h3{ margin-top:2px }
.chat aside.card .muted{ color:#b8cbe0 }

/* Responsivitate */
@media (max-width: 980px){
  .chat .wrap{ grid-template-columns:1fr; }
  #chat-messages{ height: 360px; }
}


/* ===== Întrebări rapide centrate ==================== */
.qbtn{
  justify-content: center;     /* text pe mijloc */
  text-align: center;
  width: 100%;
  font-weight: 600;
  border-radius: 12px;
  padding: 12px 14px;
}
.qbtn span{
  margin: 0 auto;
}

/* ===== Buton TRIMITE centrat ======================== */
.chat .actions{
  display: flex;
  justify-content: center;   /* îl pune pe mijloc */
  margin-top: 12px;
}
.chat .actions .btn-primary{
  min-width: 140px;
  border-radius: 999px;
  padding: 10px 26px;
}

/* ===== Secțiune Întrebări rapide (titlu + text) ===== */
.chat aside h3{
  text-align: center;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 800;
}

.chat aside p{
  text-align: center;
  color: var(--muted);
  font-size: 14px;
  margin-bottom: 16px;
}

/* ===== Bara de chat unificată ===== */
.chat-input-bar{
  display: flex;
  align-items: center;
  gap: 8px;
  background: #0b1320;
  border: 1px solid var(--stroke);
  border-radius: 14px;
  padding: 8px;
  margin-top: 12px;
}

#chat-input{
  flex: 1;
  min-height: 48px;
  max-height: 140px;
  resize: none;
  border: none;
  outline: none;
  padding: 10px 12px;
  font-size: 15px;
  background: transparent;
  color: var(--text);
}

#chat-input::placeholder{
  color: #94a3b8;
}

.chat-input-bar .btn-primary{
  flex-shrink: 0;
  min-width: 120px;
  border-radius: 10px;
  padding: 10px 16px;
}

.kicker{
  color:#9fdcf1; font-size:12.5px; letter-spacing:.44px; text-transform:uppercase;
  font-weight:800; margin:0; opacity:.95;
}

/* LOGO/wordmark mare: Bac alb + AI cu gradient (folosește .emph existentă) */
.wordmark{
  margin:0;
  font-weight:900;
  font-size: clamp(56px, 9vw, 96px);
  letter-spacing:-1px; line-height:1.02;
}
.btn-outline{
  background:transparent; color:#d9ecff;
  border:1px solid rgba(255,255,255,.18);
  padding:12px 22px; border-radius:12px; font-weight:700;
  transition: transform .18s ease, border-color .2s ease, box-shadow .2s ease;
}
.btn-outline:hover{
  transform:translateY(-2px);
  border-color:rgba(34,211,238,.55);
  box-shadow:0 0 10px rgba(34,211,238,.35);
}

/* linia sub hero – discretă */
.hero::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%);
  bottom:0; width:min(980px,92%); height:1px;
  background:linear-gradient(90deg, transparent, rgba(34,211,238,.45), transparent);
  opacity:.6;
}

/* mobile */
@media (max-width:680px){
  .btn-cta, .btn-outline{ width:100% }
}

.cta-row{ display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-top:10px }

.tagline-list{
  list-style:none; padding:0; margin:8px 0 14px;
  display:flex; gap:22px; flex-wrap:wrap; justify-content:center;
  font-size:15px; color:#a5b9cc; font-weight:500;
}
.tagline-list li{ white-space:nowrap; }