/* ═══════════════════════════════════════════════════
   KOHINOOR LANDING v2.0 — Fixed Layout + Chat Widget
   All classes ab- prefixed (except chat- which is standalone)
   ═══════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=DM+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
  --ab-gold:#C8982E; --ab-gold-bright:#E8B838; --ab-gold-pale:#F5E6B8;
  --ab-gold-glow:rgba(200,152,46,0.15);
  --ab-ink:#0C0B0F; --ab-ink2:#13121A; --ab-ink3:#1A1924;
  --ab-charcoal:#252432; --ab-slate:#3D3C4E; --ab-mist:#9896A8;
  --ab-silver:#CDCBD6; --ab-pearl:#F0EFF4; --ab-white:#FFFFFF;
  --ab-emerald:#1DB954; --ab-ruby:#E63946; --ab-sapphire:#2563EB;
  --ab-amethyst:#8B5CF6; --ab-topaz:#F59E0B; --ab-turquoise:#06B6D4;
  --ab-coral:#FB7185;
  --ab-radius:16px; --ab-radius-lg:24px; --ab-radius-xl:32px;
}

/* ── BODY OVERRIDE ── */
body.ab-kohinoor { background:var(--ab-ink)!important; color:var(--ab-pearl); }
body.ab-kohinoor::after {
  content:''; position:fixed; inset:0;
  background:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");
  pointer-events:none; z-index:10000;
}
body.ab-kohinoor::selection, body.ab-kohinoor *::selection { background:rgba(200,152,46,0.3); color:var(--ab-white); }
body.ab-kohinoor::-webkit-scrollbar { width:6px; }
body.ab-kohinoor::-webkit-scrollbar-track { background:var(--ab-ink); }
body.ab-kohinoor::-webkit-scrollbar-thumb { background:var(--ab-slate); border-radius:3px; }
body.ab-kohinoor::-webkit-scrollbar-thumb:hover { background:var(--ab-gold); }

/* ── HIDE OLD ELEMENTS ── */
body.ab-kohinoor .background-animation,
body.ab-kohinoor .modern-header { display:none!important; }

/* ══════════════════════════════════════════
   CRITICAL: Override styles.css conflicts
   ══════════════════════════════════════════ */
body.ab-kohinoor .prompt-section {
  min-height:100vh!important; display:flex!important;
  align-items:center!important; justify-content:center!important;
  padding:6rem 1.5rem 4rem!important; background:transparent!important;
}
body.ab-kohinoor .prompt-container,
body.ab-kohinoor .prompt-card,
body.ab-kohinoor .prompt-header { display:none!important; }

/* Fix textarea — override styles.css white bg */
body.ab-kohinoor .prompt-input-wrapper { width:100%; }
body.ab-kohinoor .prompt-input-container {
  display:flex!important; flex-direction:column!important;
  gap:0!important; position:relative!important;
  background:transparent!important; border:none!important;
  padding:0!important; border-radius:0!important;
  box-shadow:none!important;
}
body.ab-kohinoor .modern-prompt-input,
body.ab-kohinoor #projectNameInput {
  width:100%!important; border:none!important; outline:none!important;
  background:transparent!important;
  font-family:'DM Sans',sans-serif!important; font-size:1.05rem!important;
  color:var(--ab-white)!important; resize:none!important;
  min-height:80px!important; line-height:1.7!important;
  padding:0!important; box-shadow:none!important;
  border-radius:0!important; margin:0!important;
}
body.ab-kohinoor #projectNameInput::placeholder { color:var(--ab-slate)!important; }

/* Fix Go button — override styles.css */
body.ab-kohinoor .go-button,
body.ab-kohinoor #goButton {
  position:absolute!important; bottom:0!important; right:0!important;
  width:48px!important; height:48px!important; min-width:48px!important;
  background:linear-gradient(135deg,var(--ab-gold),var(--ab-gold-bright))!important;
  border:none!important; border-radius:14px!important;
  cursor:pointer; display:flex!important;
  align-items:center!important; justify-content:center!important;
  flex-shrink:0!important; padding:0!important;
  box-shadow:0 4px 20px rgba(200,152,46,0.35)!important;
  transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)!important;
  z-index:5;
}
body.ab-kohinoor #goButton:hover {
  transform:scale(1.06) translateY(-1px)!important;
  box-shadow:0 8px 32px rgba(200,152,46,0.45)!important;
}
body.ab-kohinoor .go-button .go-state .go-text,
body.ab-kohinoor .go-button .go-state .arrow-icon { color:var(--ab-ink)!important; stroke:var(--ab-ink)!important; }
body.ab-kohinoor .go-button .voice-state svg { stroke:var(--ab-ink)!important; }

/* Fix voice visualization */
body.ab-kohinoor .voice-visualization { background:transparent!important; }
body.ab-kohinoor .voice-transcript { color:var(--ab-mist)!important; background:transparent!important; }

/* ── NAV ── */
.ab-nav {
  position:fixed; top:1rem; left:50%; transform:translateX(-50%); z-index:1100;
  display:flex; align-items:center; gap:2rem;
  padding:0.65rem 1.5rem;
  background:rgba(12,11,15,0.6);
  backdrop-filter:blur(24px) saturate(180%);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  border:1px solid rgba(255,255,255,0.06); border-radius:100px;
  transition:all 0.5s cubic-bezier(0.25,0.46,0.45,0.94);
}
.ab-nav.scrolled { background:rgba(12,11,15,0.88); border-color:rgba(200,152,46,0.15); box-shadow:0 8px 32px rgba(0,0,0,0.4); }
.ab-nav-brand { display:flex; align-items:center; gap:0.5rem; text-decoration:none; }
.ab-nav-gem {
  width:30px; height:30px;
  background:linear-gradient(135deg,var(--ab-gold),var(--ab-gold-bright));
  border-radius:8px; display:flex; align-items:center; justify-content:center;
  font-family:'Noto Sans Devanagari',sans-serif; font-weight:800;
  font-size:0.9rem; color:var(--ab-ink);
  box-shadow:0 2px 12px rgba(200,152,46,0.3);
}
.ab-nav-brand span { font-weight:700; font-size:0.92rem; color:var(--ab-pearl); letter-spacing:-0.02em; font-family:'DM Sans',sans-serif; }
.ab-nav-links { display:flex; align-items:center; gap:0.25rem; }
.ab-nav-links a { text-decoration:none; color:var(--ab-mist); font-size:0.82rem; font-weight:500; padding:0.4rem 0.85rem; border-radius:100px; transition:all 0.25s; font-family:'DM Sans',sans-serif; }
.ab-nav-links a:hover { color:var(--ab-white); background:rgba(255,255,255,0.06); }
.ab-nav-start { background:linear-gradient(135deg,var(--ab-gold),var(--ab-gold-bright))!important; color:var(--ab-ink)!important; font-weight:700!important; padding:0.5rem 1.25rem!important; box-shadow:0 2px 16px rgba(200,152,46,0.25); }
.ab-nav-start:hover { transform:translateY(-1px); box-shadow:0 4px 24px rgba(200,152,46,0.4)!important; }

/* ═══ HERO ═══ */
.ab-hero { position:relative; overflow:hidden; text-align:center; }
.ab-aurora { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.ab-aurora-orb { position:absolute; border-radius:50%; filter:blur(120px); opacity:0.4; animation:abAF 20s ease-in-out infinite; }
.ab-aurora-orb:nth-child(1) { width:600px;height:600px;background:radial-gradient(circle,rgba(200,152,46,0.2),transparent 70%);top:-15%;right:-10%; }
.ab-aurora-orb:nth-child(2) { width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,0.1),transparent 70%);bottom:-10%;left:-10%;animation-delay:-7s; }
.ab-aurora-orb:nth-child(3) { width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,0.08),transparent 70%);top:40%;left:50%;animation-delay:-14s; }
@keyframes abAF { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(30px,-40px) scale(1.1)} 66%{transform:translate(-20px,20px) scale(0.95)} }
.ab-hero-pattern { position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(200,152,46,0.03) 1px,transparent 0);background-size:40px 40px;mask-image:radial-gradient(ellipse 60% 50% at 50% 45%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 45%,black 20%,transparent 70%);pointer-events:none; }
.ab-particles { position:absolute; inset:0; pointer-events:none; }
.ab-particle { position:absolute;width:3px;height:3px;background:var(--ab-gold);border-radius:50%;opacity:0;animation:abPR 6s ease-in-out infinite; }
.ab-particle:nth-child(1){left:10%;animation-delay:0s} .ab-particle:nth-child(2){left:25%;animation-delay:1.2s}
.ab-particle:nth-child(3){left:40%;animation-delay:2.8s} .ab-particle:nth-child(4){left:55%;animation-delay:0.6s}
.ab-particle:nth-child(5){left:70%;animation-delay:3.5s} .ab-particle:nth-child(6){left:85%;animation-delay:1.8s}
@keyframes abPR { 0%{bottom:-5%;opacity:0;transform:scale(0.5)} 20%{opacity:0.6} 80%{opacity:0.3} 100%{bottom:105%;opacity:0;transform:scale(0)} }

.ab-hero-content { position:relative; z-index:5; max-width:780px; width:100%; margin:0 auto; }
.ab-live-badge {
  display:inline-flex; align-items:center; gap:0.6rem;
  padding:0.5rem 1.25rem 0.5rem 0.85rem;
  background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.07);
  border-radius:100px; font-size:0.8rem; font-weight:500; color:var(--ab-silver);
  margin-bottom:2.5rem; backdrop-filter:blur(10px);
  animation:abFU 1s ease both; font-family:'DM Sans',sans-serif;
}
.ab-live-dot { position:relative; width:8px; height:8px; }
.ab-live-dot::before { content:''; position:absolute; inset:0; background:var(--ab-emerald); border-radius:50%; }
.ab-live-dot::after { content:''; position:absolute; inset:-3px; border:1.5px solid var(--ab-emerald); border-radius:50%; animation:abPing 2s cubic-bezier(0,0,0.2,1) infinite; }
@keyframes abPing { 0%{transform:scale(1);opacity:0.6} 100%{transform:scale(2.2);opacity:0} }

.ab-hero-title {
  font-family:'Cormorant Garamond',serif; font-size:clamp(2.8rem,7vw,5.5rem);
  font-weight:300; line-height:1.05; letter-spacing:-0.02em;
  color:var(--ab-white); margin-bottom:1.5rem; animation:abFU 1s 0.15s ease both;
}
.ab-hero-title strong { font-weight:600; background:linear-gradient(135deg,var(--ab-gold-bright),var(--ab-gold),#DBA641); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.ab-hero-tagline { font-size:clamp(1rem,2vw,1.2rem); color:var(--ab-mist); max-width:520px; margin:0 auto 3rem; line-height:1.8; font-weight:400; animation:abFU 1s 0.3s ease both; font-family:'DM Sans',sans-serif; }
@keyframes abFU { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }

/* ═══ PROMPT BOX ═══ */
.ab-prompt-wrap { position:relative; max-width:620px; width:100%; margin:0 auto; animation:abFU 1s 0.45s ease both; }
.ab-prompt-glow { position:absolute;inset:-2px;border-radius:var(--ab-radius-lg);background:conic-gradient(from 0deg,rgba(200,152,46,0.3),rgba(139,92,246,0.1),rgba(6,182,212,0.1),rgba(200,152,46,0.3));opacity:0;transition:opacity 0.5s;filter:blur(1px); }
.ab-prompt-wrap:focus-within .ab-prompt-glow { opacity:1; animation:abGR 4s linear infinite; }
@keyframes abGR { from{filter:blur(1px) hue-rotate(0)} to{filter:blur(1px) hue-rotate(360deg)} }
.ab-prompt-box {
  position:relative; background:rgba(26,25,36,0.8);
  backdrop-filter:blur(40px) saturate(150%);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--ab-radius-lg); padding:1.75rem;
  transition:all 0.4s; z-index:2;
}
.ab-prompt-wrap:focus-within .ab-prompt-box {
  border-color:rgba(200,152,46,0.3);
  box-shadow:0 0 0 1px rgba(200,152,46,0.1),0 20px 80px rgba(0,0,0,0.5),0 0 60px rgba(200,152,46,0.05) inset;
}
.ab-prompt-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem; }
.ab-prompt-label { font-size:0.68rem; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:var(--ab-gold); font-family:'DM Sans',sans-serif; }
.ab-prompt-lang { display:flex; gap:0.25rem; }
.ab-prompt-lang span { font-size:0.68rem; padding:0.2rem 0.55rem; border-radius:6px; font-weight:600; cursor:pointer; transition:all 0.2s; font-family:'DM Sans',sans-serif; }
.ab-prompt-lang span.active { background:rgba(200,152,46,0.15); color:var(--ab-gold); }
.ab-prompt-lang span:not(.active) { color:var(--ab-mist); }
.ab-prompt-divider { height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,0.06),transparent); margin:1rem 0; }
.ab-prompt-footer { display:flex; align-items:center; justify-content:space-between; }
.ab-chips { display:flex; gap:0.4rem; flex-wrap:wrap; }
.ab-chip {
  display:inline-flex; align-items:center; gap:0.3rem;
  padding:0.35rem 0.7rem; background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.06); border-radius:10px;
  font-size:0.75rem; color:var(--ab-mist); cursor:pointer;
  transition:all 0.25s; font-weight:500; font-family:'DM Sans',sans-serif;
}
.ab-chip:hover { background:var(--ab-gold-glow); border-color:rgba(200,152,46,0.25); color:var(--ab-gold-bright); transform:translateY(-1px); }
.ab-chip .ab-emoji { font-size:0.85rem; }
.ab-prompt-meta { text-align:center; margin-top:1.25rem; font-size:0.78rem; color:var(--ab-slate); font-family:'DM Sans',sans-serif; }
.ab-prompt-meta b { color:var(--ab-emerald); font-weight:600; }

/* ═══ STATS ═══ */
.ab-stats { display:flex; justify-content:center; gap:1.25rem; margin-top:3.5rem; flex-wrap:wrap; animation:abFU 1s 0.6s ease both; }
.ab-stat-card {
  background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.06);
  border-radius:16px; padding:1.15rem 1.5rem; text-align:center;
  min-width:130px; backdrop-filter:blur(10px); transition:all 0.3s;
}
.ab-stat-card:hover { background:rgba(255,255,255,0.05); border-color:rgba(200,152,46,0.15); transform:translateY(-2px); }
.ab-stat-num { font-family:'Cormorant Garamond',serif; font-size:2rem; font-weight:700; color:var(--ab-gold-bright); line-height:1; }
.ab-stat-label { font-size:0.7rem; color:var(--ab-mist); margin-top:0.3rem; text-transform:uppercase; letter-spacing:1.5px; font-weight:600; font-family:'DM Sans',sans-serif; }

/* ═══ SECTION COMMON ═══ */
.ab-section-intro { text-align:center; max-width:640px; margin:0 auto 5rem; }
.ab-eyebrow { font-size:0.7rem; font-weight:800; letter-spacing:3px; text-transform:uppercase; color:var(--ab-gold); margin-bottom:1.25rem; display:flex; align-items:center; justify-content:center; gap:0.75rem; font-family:'DM Sans',sans-serif; }
.ab-eyebrow::before,.ab-eyebrow::after { content:''; width:30px; height:1px; }
.ab-eyebrow::before { background:linear-gradient(90deg,transparent,var(--ab-gold)); }
.ab-eyebrow::after { background:linear-gradient(90deg,var(--ab-gold),transparent); }
.ab-section-title { font-family:'Cormorant Garamond',serif; font-size:clamp(2.2rem,5vw,3.5rem); font-weight:400; line-height:1.15; color:var(--ab-white); margin-bottom:1.25rem; }
.ab-section-title strong { font-weight:600; color:var(--ab-gold-bright); }
.ab-section-desc { font-size:1.05rem; color:var(--ab-mist); line-height:1.75; font-family:'DM Sans',sans-serif; }

/* ═══ HOW ═══ */
.ab-how { padding:8rem 2rem; background:var(--ab-ink2); }
.ab-how-inner { max-width:900px; margin:0 auto; }
.ab-how-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; margin-top:4rem; }
.ab-how-card { background:rgba(255,255,255,0.02); border:1px solid rgba(255,255,255,0.05); border-radius:var(--ab-radius-xl); padding:2.5rem 2rem; text-align:center; transition:all 0.4s; }
.ab-how-card:hover { background:rgba(255,255,255,0.04); transform:translateY(-3px); border-color:rgba(200,152,46,0.12); }
.ab-how-num { font-family:'Cormorant Garamond',serif; font-size:4rem; font-weight:300; color:rgba(200,152,46,0.12); line-height:1; margin-bottom:0.5rem; }
.ab-how-card .ab-ico { font-size:2rem; margin-bottom:0.75rem; }
.ab-how-card h3 { font-size:1.05rem; font-weight:700; color:var(--ab-white); margin-bottom:0.5rem; font-family:'DM Sans',sans-serif; }
.ab-how-card p { font-size:0.88rem; color:var(--ab-mist); line-height:1.65; font-family:'DM Sans',sans-serif; }

/* ═══ POWERS ═══ */
.ab-powers { padding:8rem 2rem; background:var(--ab-ink); }
.ab-powers-grid { max-width:1140px; margin:0 auto; display:grid; gap:1.25rem; }
.ab-power-row { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; }
.ab-power-row.ab-wl { grid-template-columns:1.3fr 0.7fr; }
.ab-power-row.ab-wr { grid-template-columns:0.7fr 1.3fr; }
.ab-power-card {
  position:relative; background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.05);
  border-radius:var(--ab-radius-xl); padding:2.5rem; overflow:hidden;
  transition:all 0.5s cubic-bezier(0.25,0.46,0.45,0.94);
}
.ab-power-card::before { content:''; position:absolute; top:0;left:0;right:0; height:2px; background:var(--ab-card-color,var(--ab-gold)); opacity:0; transition:opacity 0.4s; }
.ab-power-card:hover { background:rgba(255,255,255,0.035); border-color:rgba(255,255,255,0.08); transform:translateY(-4px); box-shadow:0 24px 80px rgba(0,0,0,0.3); }
.ab-power-card:hover::before { opacity:1; }
.ab-power-card .ab-num { position:absolute; top:2rem; right:2.5rem; font-family:'Cormorant Garamond',serif; font-size:4rem; font-weight:300; color:rgba(255,255,255,0.03); }
.ab-power-icon { width:50px; height:50px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:1.4rem; margin-bottom:1.25rem; background:var(--ab-icon-bg,rgba(200,152,46,0.08)); border:1px solid var(--ab-icon-border,rgba(200,152,46,0.12)); }
.ab-power-eyebrow { font-size:0.65rem; font-weight:800; text-transform:uppercase; letter-spacing:2px; color:var(--ab-card-color,var(--ab-gold)); margin-bottom:0.6rem; font-family:'DM Sans',sans-serif; }
.ab-power-card h3 { font-family:'Cormorant Garamond',serif; font-size:1.5rem; font-weight:600; color:var(--ab-white); line-height:1.25; margin-bottom:0.75rem; }
.ab-power-card .ab-desc { font-size:0.9rem; color:var(--ab-mist); line-height:1.7; margin-bottom:1.5rem; font-family:'DM Sans',sans-serif; }
.ab-power-card[data-c="gold"]     { --ab-card-color:#C8982E; --ab-icon-bg:rgba(200,152,46,0.08); --ab-icon-border:rgba(200,152,46,0.12); }
.ab-power-card[data-c="sapphire"] { --ab-card-color:#2563EB; --ab-icon-bg:rgba(37,99,235,0.08); --ab-icon-border:rgba(37,99,235,0.12); }
.ab-power-card[data-c="emerald"]  { --ab-card-color:#059669; --ab-icon-bg:rgba(5,150,105,0.08); --ab-icon-border:rgba(5,150,105,0.12); }
.ab-power-card[data-c="topaz"]    { --ab-card-color:#F59E0B; --ab-icon-bg:rgba(245,158,11,0.08); --ab-icon-border:rgba(245,158,11,0.12); }
.ab-power-card[data-c="amethyst"] { --ab-card-color:#8B5CF6; --ab-icon-bg:rgba(139,92,246,0.08); --ab-icon-border:rgba(139,92,246,0.12); }
.ab-power-card[data-c="coral"]    { --ab-card-color:#FB7185; --ab-icon-bg:rgba(251,113,133,0.08); --ab-icon-border:rgba(251,113,133,0.12); }
.ab-proof { background:rgba(0,0,0,0.2); border-radius:16px; padding:1.25rem 1.5rem; border-left:3px solid var(--ab-card-color,var(--ab-gold)); }
.ab-proof .ab-who { font-size:0.75rem; font-weight:700; color:var(--ab-silver); margin-bottom:0.3rem; font-family:'DM Sans',sans-serif; }
.ab-proof .ab-story { font-family:'Cormorant Garamond',serif; font-size:0.95rem; font-style:italic; color:rgba(255,255,255,0.6); line-height:1.65; }
.ab-proof .ab-impact { margin-top:0.6rem; font-size:0.8rem; font-weight:700; color:var(--ab-card-color,var(--ab-gold)); font-family:'DM Sans',sans-serif; }

/* ═══ TRANSFORM ═══ */
.ab-transform { padding:8rem 2rem; background:var(--ab-ink2); }
.ab-transform-inner { max-width:920px; margin:0 auto; }
.ab-transform-split { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-top:4rem; }
.ab-t-panel { border-radius:var(--ab-radius-xl); padding:2.5rem 2rem; }
.ab-t-panel.ab-pain { background:linear-gradient(180deg,rgba(230,57,70,0.06),rgba(230,57,70,0.02)); border:1px solid rgba(230,57,70,0.1); }
.ab-t-panel.ab-glory { background:linear-gradient(180deg,rgba(5,150,105,0.06),rgba(5,150,105,0.02)); border:1px solid rgba(5,150,105,0.1); }
.ab-t-panel h3 { font-size:0.7rem; font-weight:800; letter-spacing:2.5px; text-transform:uppercase; margin-bottom:2rem; font-family:'DM Sans',sans-serif; }
.ab-t-panel.ab-pain h3 { color:var(--ab-ruby); }
.ab-t-panel.ab-glory h3 { color:var(--ab-emerald); }
.ab-t-item { display:flex; align-items:flex-start; gap:0.75rem; margin-bottom:1.15rem; }
.ab-t-item .ab-ico { font-size:1rem; margin-top:2px; flex-shrink:0; }
.ab-t-item .ab-txt { font-size:0.9rem; color:var(--ab-silver); line-height:1.55; font-family:'DM Sans',sans-serif; }

/* ═══ VOICES ═══ */
.ab-voices { padding:6rem 2rem; background:var(--ab-ink); overflow:hidden; }
.ab-voices-header { text-align:center; margin-bottom:3rem; }
.ab-voices-track { display:flex; gap:1rem; animation:abDrift 45s linear infinite; width:max-content; }
@keyframes abDrift { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
.ab-v-card { background:rgba(255,255,255,0.025); border:1px solid rgba(255,255,255,0.05); border-radius:20px; padding:2rem; min-width:340px; flex-shrink:0; transition:all 0.3s; }
.ab-v-card:hover { background:rgba(255,255,255,0.04); border-color:rgba(200,152,46,0.15); }
.ab-v-stars { color:var(--ab-gold-bright); font-size:0.85rem; letter-spacing:2px; margin-bottom:0.75rem; }
.ab-v-quote { font-family:'Noto Sans Devanagari','DM Sans',sans-serif; font-size:0.9rem; color:rgba(255,255,255,0.65); line-height:1.75; margin-bottom:1.25rem; }
.ab-v-author { font-weight:700; font-size:0.85rem; color:var(--ab-white); font-family:'DM Sans',sans-serif; }
.ab-v-biz { font-size:0.72rem; color:var(--ab-mist); margin-top:0.15rem; font-family:'DM Sans',sans-serif; }

/* ═══ PRICING ═══ */
.ab-pricing { padding:8rem 2rem; background:var(--ab-ink2); }
.ab-pricing-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; max-width:1040px; margin:4rem auto 0; }
.ab-pr-card { background:rgba(255,255,255,0.02); border:1px solid rgba(255,255,255,0.05); border-radius:var(--ab-radius-xl); padding:2.25rem 1.75rem; text-align:center; transition:all 0.4s; position:relative; }
.ab-pr-card.ab-pop { border-color:var(--ab-gold); background:linear-gradient(180deg,rgba(200,152,46,0.06),rgba(200,152,46,0.01)); box-shadow:0 0 40px rgba(200,152,46,0.06); }
.ab-pr-card.ab-pop::before { content:'MOST POPULAR'; position:absolute; top:-11px; left:50%; transform:translateX(-50%); background:linear-gradient(135deg,var(--ab-gold),var(--ab-gold-bright)); color:var(--ab-ink); font-size:0.58rem; font-weight:800; letter-spacing:1.5px; padding:0.3rem 0.85rem; border-radius:100px; font-family:'DM Sans',sans-serif; }
.ab-pr-card h3 { font-size:0.95rem; font-weight:700; color:var(--ab-white); margin-bottom:1rem; font-family:'DM Sans',sans-serif; }
.ab-pr-price { font-family:'Cormorant Garamond',serif; font-size:2.8rem; font-weight:700; color:var(--ab-white); line-height:1; }
.ab-pr-price small { font-size:0.85rem; color:var(--ab-mist); font-family:'DM Sans',sans-serif; font-weight:400; }
.ab-pr-daily { font-size:0.75rem; color:var(--ab-emerald); font-weight:600; margin:0.25rem 0 1.25rem; font-family:'DM Sans',sans-serif; }
.ab-pr-card ul { list-style:none; text-align:left; margin-bottom:1.5rem; padding:0; }
.ab-pr-card li { font-size:0.8rem; color:var(--ab-mist); padding:0.35rem 0; display:flex; align-items:flex-start; gap:0.5rem; line-height:1.4; font-family:'DM Sans',sans-serif; }
.ab-pr-card li::before { content:'✦'; color:var(--ab-gold); font-size:0.6rem; margin-top:3px; flex-shrink:0; }
.ab-pr-btn { display:block; width:100%; padding:0.75rem; border-radius:12px; font-family:'DM Sans',sans-serif; font-size:0.85rem; font-weight:700; text-decoration:none; text-align:center; transition:all 0.3s; border:1.5px solid rgba(255,255,255,0.08); background:transparent; color:var(--ab-silver); cursor:pointer; }
.ab-pr-btn:hover { border-color:var(--ab-gold); color:var(--ab-gold); }
.ab-pr-btn.ab-gold-btn { background:linear-gradient(135deg,var(--ab-gold),var(--ab-gold-bright)); border-color:transparent; color:var(--ab-ink); box-shadow:0 4px 16px rgba(200,152,46,0.3); }
.ab-pr-btn.ab-gold-btn:hover { transform:translateY(-1px); box-shadow:0 6px 24px rgba(200,152,46,0.45); }

/* ═══ CTA ═══ */
.ab-cta { padding:10rem 2rem; text-align:center; position:relative; overflow:hidden; background:var(--ab-ink); }
.ab-cta h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(2.2rem,5vw,3.8rem); font-weight:400; color:var(--ab-white); line-height:1.15; max-width:700px; margin:0 auto 1.5rem; position:relative; }
.ab-cta h2 strong { font-weight:600; color:var(--ab-gold-bright); }
.ab-cta p { font-size:1.1rem; color:var(--ab-mist); max-width:480px; margin:0 auto 2.5rem; line-height:1.75; position:relative; font-family:'DM Sans',sans-serif; }
.ab-cta-big { display:inline-flex; align-items:center; gap:0.6rem; background:linear-gradient(135deg,var(--ab-gold),var(--ab-gold-bright)); color:var(--ab-ink); padding:1.15rem 2.75rem; border-radius:16px; font-weight:800; font-size:1.1rem; text-decoration:none; box-shadow:0 4px 24px rgba(200,152,46,0.35); transition:all 0.3s; position:relative; font-family:'DM Sans',sans-serif; }
.ab-cta-big:hover { transform:translateY(-2px); box-shadow:0 8px 40px rgba(200,152,46,0.45),0 0 0 6px rgba(200,152,46,0.08); }
.ab-cta-note { margin-top:1.25rem; font-size:0.8rem; color:var(--ab-slate); position:relative; font-family:'DM Sans',sans-serif; }

/* ═══ FOOTER ═══ */
.ab-footer { padding:3rem 2rem; text-align:center; background:var(--ab-ink); border-top:1px solid rgba(255,255,255,0.04); }
.ab-footer-brand { font-family:'Noto Sans Devanagari',sans-serif; font-size:1.3rem; font-weight:700; color:var(--ab-gold); margin-bottom:0.25rem; }
.ab-footer p { font-size:0.78rem; color:var(--ab-slate); font-family:'DM Sans',sans-serif; }

/* ═══ SCROLL REVEAL ═══ */
.ab-reveal { opacity:0; transform:translateY(40px); transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94); }
.ab-reveal.ab-vis { opacity:1; transform:translateY(0); }
.ab-stagger > * { opacity:0; transform:translateY(20px); transition:all 0.6s cubic-bezier(0.25,0.46,0.45,0.94); }
.ab-stagger.ab-vis > *:nth-child(1) { transition-delay:0s; opacity:1; transform:translateY(0); }
.ab-stagger.ab-vis > *:nth-child(2) { transition-delay:0.1s; opacity:1; transform:translateY(0); }
.ab-stagger.ab-vis > *:nth-child(3) { transition-delay:0.2s; opacity:1; transform:translateY(0); }
.ab-stagger.ab-vis > *:nth-child(4) { transition-delay:0.3s; opacity:1; transform:translateY(0); }

/* ═══ PIPELINE OVERRIDES ═══ */
body.ab-kohinoor #loadingSection,
body.ab-kohinoor #questionFormContainer,
body.ab-kohinoor #formSection,
body.ab-kohinoor #successSection { background:var(--ab-ink)!important; }
body.ab-kohinoor #wsStatus { background:rgba(26,25,36,0.9)!important; border:1px solid rgba(255,255,255,0.06)!important; color:var(--ab-pearl)!important; }
body.ab-kohinoor #backendStatus { background:rgba(26,25,36,0.9)!important; border:1px solid rgba(255,255,255,0.06)!important; color:var(--ab-pearl)!important; }

body.ab-kohinoor.ab-pipeline-active .ab-hero,
body.ab-kohinoor.ab-pipeline-active .ab-how,
body.ab-kohinoor.ab-pipeline-active .ab-powers,
body.ab-kohinoor.ab-pipeline-active .ab-transform,
body.ab-kohinoor.ab-pipeline-active .ab-voices,
body.ab-kohinoor.ab-pipeline-active .ab-pricing,
body.ab-kohinoor.ab-pipeline-active .ab-cta,
body.ab-kohinoor.ab-pipeline-active .ab-footer,
body.ab-kohinoor.ab-pipeline-active .ab-nav,
body.ab-kohinoor.ab-pipeline-active .chat-fab,
body.ab-kohinoor.ab-pipeline-active .chat-window { display:none!important; }

/* ═══════════════════════════════════════
   CHAT WIDGET (Kohinoor-themed)
   ═══════════════════════════════════════ */
.chat-fab {
  position:fixed; bottom:1.5rem; right:1.5rem; z-index:9999;
  width:60px; height:60px;
  background:linear-gradient(135deg,var(--ab-gold),var(--ab-gold-bright));
  border-radius:50%; border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 24px rgba(200,152,46,0.4),0 0 0 0 rgba(200,152,46,0.3);
  transition:all 0.3s; color:var(--ab-ink);
  animation:fabPulse 3s ease infinite;
}
.chat-fab svg { width:24px; height:24px; stroke:var(--ab-ink); }
.chat-fab:hover { transform:scale(1.08); box-shadow:0 6px 32px rgba(200,152,46,0.5); }
.chat-fab.open { animation:none; }
@keyframes fabPulse { 0%,100%{box-shadow:0 4px 24px rgba(200,152,46,0.4),0 0 0 0 rgba(200,152,46,0.3)} 50%{box-shadow:0 4px 24px rgba(200,152,46,0.4),0 0 0 10px rgba(200,152,46,0)} }
.chat-fab-badge { position:absolute; top:-2px; right:-2px; width:18px; height:18px; background:var(--ab-ruby); border-radius:50%; font-size:0.6rem; font-weight:800; color:#fff; display:flex; align-items:center; justify-content:center; border:2px solid var(--ab-ink); }

.chat-window {
  position:fixed; bottom:5rem; right:1.5rem; z-index:9998;
  width:380px; height:580px; max-height:80vh;
  background:var(--ab-ink2); border:1px solid rgba(255,255,255,0.08);
  border-radius:20px; overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 0 1px rgba(200,152,46,0.05);
  display:none; flex-direction:column;
  font-family:'DM Sans',sans-serif;
}
.chat-window.open { display:flex; animation:chatSlideUp 0.35s cubic-bezier(0.16,1,0.3,1); }
@keyframes chatSlideUp { from{opacity:0;transform:translateY(20px) scale(0.96)} to{opacity:1;transform:translateY(0) scale(1)} }

.chat-header {
  padding:1.25rem 1.5rem; display:flex; align-items:center; justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,0.06);
  background:linear-gradient(180deg,rgba(200,152,46,0.05),transparent);
}
.chat-header-left { display:flex; align-items:center; gap:0.75rem; }
.chat-avatar { width:36px; height:36px; background:linear-gradient(135deg,var(--ab-gold),var(--ab-gold-bright)); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1rem; font-weight:800; color:var(--ab-ink); font-family:'Noto Sans Devanagari',sans-serif; }
.chat-header-info h4 { font-size:0.85rem; font-weight:700; color:var(--ab-white); margin:0; }
.chat-header-info span { font-size:0.68rem; color:var(--ab-emerald); }
.chat-close { background:none; border:none; color:var(--ab-mist); cursor:pointer; padding:0.35rem; border-radius:8px; transition:all 0.2s; display:flex; }
.chat-close:hover { background:rgba(255,255,255,0.06); color:var(--ab-white); }
.chat-close svg { width:18px; height:18px; }

.chat-nav { display:flex; border-bottom:1px solid rgba(255,255,255,0.06); }
.chat-nav-tab { flex:1; padding:0.7rem; text-align:center; font-size:0.72rem; font-weight:600; color:var(--ab-mist); background:none; border:none; cursor:pointer; transition:all 0.2s; border-bottom:2px solid transparent; }
.chat-nav-tab.active { color:var(--ab-gold); border-bottom-color:var(--ab-gold); }

.chat-body { flex:1; overflow-y:auto; padding:1.25rem; display:flex; flex-direction:column; gap:0.75rem; }
.chat-body::-webkit-scrollbar { width:4px; }
.chat-body::-webkit-scrollbar-thumb { background:var(--ab-slate); border-radius:2px; }

.chat-home-view { display:flex; flex-direction:column; height:100%; }
.chat-home-view.hidden { display:none; }
.chat-greeting-block { margin-bottom:1rem; }
#chatGreeting { font-size:1.3rem; font-weight:700; color:var(--ab-white); }
.chat-greeting-sub { font-size:0.82rem; color:var(--ab-mist); margin-top:0.25rem; }

.chat-quick-actions { display:flex; flex-direction:column; gap:0.5rem; margin-top:1rem; }
.chat-quick-btn {
  display:flex; align-items:center; gap:0.75rem;
  padding:0.85rem 1rem; background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.06); border-radius:14px;
  cursor:pointer; transition:all 0.25s; text-align:left;
}
.chat-quick-btn:hover { background:rgba(200,152,46,0.06); border-color:rgba(200,152,46,0.15); transform:translateX(2px); }
.chat-quick-icon { font-size:1.25rem; }
.chat-quick-text h5 { font-size:0.82rem; font-weight:600; color:var(--ab-white); margin:0 0 0.1rem; }
.chat-quick-text p { font-size:0.7rem; color:var(--ab-mist); margin:0; }

.chat-msgs-view { display:none; flex-direction:column; height:100%; }
.chat-msgs-view.active { display:flex; }
#chatMsgsList { flex:1; overflow-y:auto; display:flex; flex-direction:column; gap:0.5rem; }

.chat-msg { max-width:85%; padding:0.75rem 1rem; border-radius:16px; font-size:0.85rem; line-height:1.55; word-break:break-word; }
.chat-msg.user { align-self:flex-end; background:linear-gradient(135deg,var(--ab-gold),var(--ab-gold-bright)); color:var(--ab-ink); border-bottom-right-radius:4px; }
.chat-msg.bot { align-self:flex-start; background:rgba(255,255,255,0.05); color:var(--ab-pearl); border-bottom-left-radius:4px; }

.chat-input-bar {
  padding:0.85rem 1rem; border-top:1px solid rgba(255,255,255,0.06);
  display:flex; align-items:center; gap:0.5rem;
  background:rgba(0,0,0,0.2);
}
#chatInput {
  flex:1; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.06);
  border-radius:12px; padding:0.65rem 1rem; font-size:0.85rem;
  color:var(--ab-white); outline:none; font-family:'DM Sans',sans-serif;
  transition:border-color 0.2s;
}
#chatInput:focus { border-color:rgba(200,152,46,0.3); }
#chatInput::placeholder { color:var(--ab-slate); }
.chat-send-btn {
  width:36px; height:36px; border-radius:10px;
  background:linear-gradient(135deg,var(--ab-gold),var(--ab-gold-bright));
  border:none; cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition:all 0.2s; flex-shrink:0;
}
.chat-send-btn svg { width:16px; height:16px; stroke:var(--ab-ink); }
.chat-send-btn:hover { transform:scale(1.05); }
#chatMicBtn {
  width:36px; height:36px; border-radius:10px;
  background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.06);
  cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition:all 0.2s; flex-shrink:0; color:var(--ab-mist);
}
#chatMicBtn:hover { background:rgba(255,255,255,0.08); color:var(--ab-white); }
#chatMicBtn svg { width:16px; height:16px; }
#chatInputHint { font-size:0.65rem; color:var(--ab-slate); padding:0.15rem 1rem 0.5rem; text-align:center; }

/* ═══ RESPONSIVE ═══ */
@media (max-width:900px) {
  .ab-nav-links { display:none; }
  .ab-power-row,.ab-power-row.ab-wl,.ab-power-row.ab-wr { grid-template-columns:1fr; }
  .ab-transform-split { grid-template-columns:1fr; }
  .ab-how-grid { grid-template-columns:1fr; max-width:400px; margin-left:auto; margin-right:auto; }
  .ab-pricing-grid { grid-template-columns:1fr 1fr; }
  .chat-window { width:calc(100vw - 1.5rem); right:0.75rem; bottom:4.5rem; height:calc(100vh - 5.5rem); }
  .chat-fab { width:48px; height:48px; bottom:0.75rem; right:0.75rem; }
  .chat-fab svg { width:20px; height:20px; }
}
@media (max-width:600px) {
  .ab-pricing-grid { grid-template-columns:1fr; max-width:360px; }
  .ab-chips { display:none; }
  .ab-stats { gap:0.75rem; }
  .ab-stat-card { min-width:100px; padding:0.85rem 1rem; }
  .ab-hero-title { font-size:clamp(2.2rem,8vw,3.5rem); }
}
