/* ============================================================
   Arambh CRM — Landing (dark premium 3D)
   Loaded ONLY on the landing page, so overriding shared
   layout selectors (.nav etc.) here is safe.
   ============================================================ */
:root{
  --ink:#0a0b14; --ink2:#0e1020; --card:rgba(255,255,255,.04);
  --line:rgba(255,255,255,.10); --txt:#e8eaf3; --mut:#9aa1bd;
  --ind:#6366f1; --vio:#8b5cf6; --pink:#ec4899; --cyan:#22d3ee;
  --gold:#f5a623; --gold2:#ffce6b;
}
html{ scroll-behavior:smooth; }
body{ background:var(--ink); color:var(--txt); overflow-x:hidden; }

/* ---------- NAV (override shared layout, dark glass) ---------- */
header.nav{ background:transparent !important; }
header.nav .nav-inner{
  background:rgba(15,16,32,.55) !important; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.10) !important; box-shadow:0 10px 40px -16px rgba(0,0,0,.7) !important;
}
header.nav .brand,header.nav .brand span{ color:#fff !important; }
header.nav .nav-links .link{ color:var(--mut) !important; }
header.nav .nav-links .link:hover{ color:#fff !important; }
header.nav .btn.btn-primary{
  background:linear-gradient(135deg,var(--ind),var(--pink)) !important; color:#fff !important; border:0 !important;
  box-shadow:0 8px 24px -8px rgba(124,58,237,.7) !important;
}
/* logo sizing — !important to beat any stale cached layout.css */
header.nav .brand img{ height:54px !important; width:auto !important; max-width:240px !important; object-fit:contain; }
.site-foot .foot-brand .wordmark img{ height:64px !important; width:auto !important; max-width:280px !important; object-fit:contain; }
@media(max-width:560px){ header.nav .brand img{ height:42px !important; } }

/* ---------- layout shell ---------- */
.la-wrap{ max-width:1140px; margin:0 auto; padding:0 22px; position:relative; z-index:2; }
.la-section{ padding:60px 22px; }
@media(min-width:900px){ .la-section{ padding:90px 22px; } }

/* ---------- animated background ---------- */
.la-bg{ position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.la-grid{
  position:absolute; inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:54px 54px; mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);
}
.la-blob{ position:absolute; border-radius:50%; filter:blur(90px); opacity:.5; animation:float 16s ease-in-out infinite; }
.la-blob.b1{ width:520px; height:520px; background:#4f46e5; top:-160px; left:-120px; }
.la-blob.b2{ width:480px; height:480px; background:#ec4899; top:240px; right:-140px; animation-delay:-5s; }
.la-blob.b3{ width:420px; height:420px; background:#22d3ee; top:900px; left:30%; opacity:.30; animation-delay:-9s; }
@keyframes float{ 0%,100%{ transform:translate(0,0) scale(1);} 50%{ transform:translate(30px,-40px) scale(1.08);} }

/* ---------- reveal ---------- */
.reveal{ opacity:0; transform:translateY(26px); transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1); }
.reveal.is-in{ opacity:1; transform:none; }

/* ---------- buttons ---------- */
.la-btn{ display:inline-flex; align-items:center; gap:9px; font-weight:700; font-size:15px; padding:14px 24px;
  border-radius:14px; text-decoration:none; transition:transform .25s,box-shadow .25s,background .25s; border:1px solid transparent; }
.la-btn span{ transition:transform .25s; }
.la-btn:hover span{ transform:translateX(4px); }
.la-btn-primary{ background:linear-gradient(135deg,var(--ind),var(--pink)); color:#fff; box-shadow:0 14px 40px -12px rgba(124,58,237,.75); }
.la-btn-primary:hover{ transform:translateY(-2px); box-shadow:0 22px 54px -12px rgba(124,58,237,.9); }
.la-btn-ghost{ background:rgba(255,255,255,.05); color:#fff; border-color:var(--line); }
.la-btn-ghost:hover{ background:rgba(255,255,255,.10); transform:translateY(-2px); }
.la-btn-wa{ background:linear-gradient(135deg,#25d366,#128c7e); color:#fff; font-size:16px; padding:16px 30px;
  box-shadow:0 16px 44px -12px rgba(37,211,102,.6); }
.la-btn-wa:hover{ transform:translateY(-3px); box-shadow:0 24px 60px -12px rgba(37,211,102,.8); }

/* ---------- HERO ---------- */
.la-hero{ text-align:center; padding:120px 22px 40px; }
.la-pill{ display:inline-flex; align-items:center; gap:9px; font-size:13px; font-weight:600; color:var(--mut);
  background:rgba(255,255,255,.05); border:1px solid var(--line); padding:8px 16px; border-radius:999px; }
.la-pill .dot{ width:8px; height:8px; border-radius:50%; background:#22d3ee; box-shadow:0 0 12px 2px #22d3ee; }
.la-h1{ font-size:clamp(40px,7vw,76px); line-height:1.04; font-weight:850; letter-spacing:-.03em; margin:22px 0 0; }
.la-grad{ background:linear-gradient(120deg,#818cf8,#c084fc 45%,#f472b6); -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 0 28px rgba(192,132,252,.35)); }
.la-sub{ max-width:640px; margin:22px auto 0; font-size:clamp(16px,2vw,19px); color:var(--mut); line-height:1.6; }
.la-cta-row{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:30px; }
.la-trust{ margin-top:16px; color:#6b7194; font-size:13px; }

.la-hero-mock{ position:relative; max-width:980px; margin:56px auto 0; perspective:1600px; }
.la-mock-glow{ position:absolute; inset:-6% 6% 12%; background:radial-gradient(ellipse at center,rgba(124,58,237,.55),transparent 65%); filter:blur(50px); z-index:0; }
.la-browser{ position:relative; z-index:1; border-radius:16px; overflow:hidden; border:1px solid var(--line);
  background:#0d1117; box-shadow:0 50px 100px -30px rgba(0,0,0,.85); transform-style:preserve-3d; }
.la-hero-mock .la-browser{ transform:rotateX(12deg); transition:transform .2s ease-out; }
.la-browser-bar{ height:38px; background:#161c2b; display:flex; align-items:center; gap:8px; padding:0 16px; border-bottom:1px solid rgba(255,255,255,.06); }
.la-browser-bar i{ width:11px; height:11px; border-radius:50%; }
.la-browser-bar .r{ background:#ff5f57; } .la-browser-bar .y{ background:#febc2e; } .la-browser-bar .g{ background:#28c840; }
.la-browser-bar span{ margin-left:10px; color:#7a83a6; font-size:12px; }
.la-browser img{ width:100%; display:block; }

/* ---------- STATS ---------- */
.la-stats{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:30px; }
@media(min-width:760px){ .la-stats{ grid-template-columns:repeat(4,1fr); } }
.la-stat{ text-align:center; padding:26px 14px; background:var(--card); border:1px solid var(--line); border-radius:18px; backdrop-filter:blur(8px); }
.la-stat .n{ font-size:34px; font-weight:850; background:linear-gradient(120deg,#a5b4fc,#f0abfc); -webkit-background-clip:text; background-clip:text; color:transparent; }
.la-stat .l{ color:var(--mut); font-size:13px; margin-top:4px; }

/* ---------- section heading ---------- */
.la-head{ text-align:center; max-width:680px; margin:0 auto 44px; }
.la-eyebrow{ display:inline-block; font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
  color:#a5b4fc; background:rgba(99,102,241,.12); border:1px solid rgba(99,102,241,.25); padding:5px 13px; border-radius:999px; }
.la-eyebrow.gold{ color:var(--gold2); background:rgba(245,166,35,.12); border-color:rgba(245,166,35,.3); }
.la-head h2{ font-size:clamp(28px,4vw,44px); font-weight:850; letter-spacing:-.02em; margin:16px 0 10px; }
.la-head p{ color:var(--mut); font-size:17px; margin:0; }

/* ---------- feature cards (3D tilt) ---------- */
.la-feat-grid{ display:grid; grid-template-columns:1fr; gap:18px; }
@media(min-width:640px){ .la-feat-grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:980px){ .la-feat-grid{ grid-template-columns:repeat(3,1fr); } }
.la-card{ position:relative; padding:26px 22px; background:var(--card); border:1px solid var(--line); border-radius:20px;
  backdrop-filter:blur(8px); transition:transform .25s,border-color .25s,box-shadow .25s; transform-style:preserve-3d; }
.la-card:hover{ border-color:rgba(139,92,246,.5); box-shadow:0 30px 60px -28px rgba(124,58,237,.6); }
.la-card-ico{ width:54px; height:54px; border-radius:15px; display:flex; align-items:center; justify-content:center; font-size:26px;
  background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(236,72,153,.22)); border:1px solid var(--line); margin-bottom:16px; }
.la-card h3{ font-size:18px; font-weight:750; margin:0 0 8px; }
.la-card p{ color:var(--mut); font-size:14.5px; line-height:1.6; margin:0; }

/* ---------- deep dive rows ---------- */
.la-deep{ display:grid; grid-template-columns:1fr; gap:30px; align-items:center; margin:0 auto 64px; max-width:1040px; }
@media(min-width:900px){ .la-deep{ grid-template-columns:1fr 1.15fr; } .la-deep.is-right .la-deep-text{ order:2; } }
.la-deep-text h3{ font-size:clamp(24px,3vw,32px); font-weight:800; letter-spacing:-.02em; margin:14px 0 10px; }
.la-deep-text p{ color:var(--mut); font-size:16px; line-height:1.65; }
.la-deep-shot{ perspective:1400px; }
.la-deep-shot .la-browser{ transform:rotateY(-8deg) rotateX(5deg); transition:transform .35s; }
.la-deep.is-right .la-deep-shot .la-browser{ transform:rotateY(8deg) rotateX(5deg); }
.la-deep-shot:hover .la-browser{ transform:rotateY(0) rotateX(0); }

/* ---------- spotlight ---------- */
.la-spotlight{ position:relative; border-radius:28px; overflow:hidden; border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(99,102,241,.16),rgba(236,72,153,.12)); padding:54px 36px; text-align:center; }
.la-spot-glow{ position:absolute; inset:0; background:radial-gradient(circle at 50% 0%,rgba(34,211,238,.25),transparent 60%); }
.la-spot-inner{ position:relative; max-width:680px; margin:0 auto; }
.la-spotlight h2{ font-size:clamp(28px,4vw,42px); font-weight:850; margin:16px 0 12px; letter-spacing:-.02em; }
.la-spotlight p{ color:#c7cbe4; font-size:17px; line-height:1.6; }
.la-spot-tags{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:24px; }
.la-spot-tags span{ background:rgba(255,255,255,.06); border:1px solid var(--line); padding:9px 16px; border-radius:999px; font-size:14px; font-weight:600; }

/* ---------- partner ---------- */
.la-partner{ position:relative; border-radius:30px; padding:52px 32px; text-align:center;
  background:linear-gradient(160deg,rgba(245,166,35,.12),rgba(124,58,237,.10)); border:1px solid rgba(245,166,35,.25); }
.la-grad-gold{ background:linear-gradient(120deg,#ffce6b,#f5a623); -webkit-background-clip:text; background-clip:text; color:transparent; }
.la-partner-head{ max-width:680px; margin:0 auto; }
.la-partner-head h2{ font-size:clamp(28px,4.4vw,46px); font-weight:850; letter-spacing:-.02em; margin:16px 0 12px; }
.la-partner-head p{ color:#cfd3ea; font-size:17px; line-height:1.6; }
.la-partner-steps{ display:grid; grid-template-columns:1fr; gap:16px; max-width:840px; margin:38px auto 0; }
@media(min-width:760px){ .la-partner-steps{ grid-template-columns:repeat(3,1fr); } }
.la-pstep{ background:rgba(10,11,20,.5); border:1px solid var(--line); border-radius:18px; padding:24px 18px; transition:transform .25s; }
.la-pstep .num{ width:40px; height:40px; margin:0 auto 12px; border-radius:12px; display:flex; align-items:center; justify-content:center;
  font-weight:850; font-size:18px; color:#1a1205; background:linear-gradient(135deg,#ffce6b,#f5a623); }
.la-pstep h4{ margin:0 0 6px; font-size:17px; } .la-pstep p{ margin:0; color:var(--mut); font-size:14px; }
.la-partner-calc{ max-width:680px; margin:30px auto 0; background:rgba(10,11,20,.55); border:1px solid var(--line); border-radius:18px; padding:22px; }
.la-calc-row{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:center; font-size:17px; font-weight:700; }
.la-calc-row b{ color:var(--gold2); } .la-calc-row .big{ font-size:24px; background:linear-gradient(120deg,#ffce6b,#f5a623); -webkit-background-clip:text; background-clip:text; color:transparent; }
.la-calc-note{ color:var(--mut); font-size:14px; margin:12px 0 0; }
.la-partner-perks{ display:grid; grid-template-columns:1fr; gap:14px; max-width:620px; margin:28px auto 0; }
@media(min-width:760px){ .la-partner-perks{ grid-template-columns:repeat(2,1fr); } }
.la-partner-perks .perk{ background:rgba(255,255,255,.04); border:1px solid var(--line); border-radius:16px; padding:18px; font-size:24px; text-align:left; }
.la-partner-perks .perk b{ display:block; font-size:15px; margin:6px 0 3px; color:#fff; }
.la-partner-perks .perk span{ display:block; font-size:13.5px; color:var(--mut); }
.la-partner-cta{ margin-top:34px; display:flex; flex-direction:column; align-items:center; gap:12px; }
.la-partner-sub{ color:var(--mut); font-size:13px; }

/* ---------- pricing ---------- */
.la-price-grid{ display:grid; grid-template-columns:1fr; gap:20px; max-width:980px; margin:0 auto; }
@media(min-width:820px){ .la-price-grid{ grid-template-columns:repeat(3,1fr); } }
.la-plan{ position:relative; background:var(--card); border:1px solid var(--line); border-radius:22px; padding:30px 26px; text-align:center; transition:transform .25s,border-color .25s; }
.la-plan.is-pop{ border-color:rgba(139,92,246,.6); box-shadow:0 30px 70px -30px rgba(124,58,237,.7); background:linear-gradient(160deg,rgba(99,102,241,.14),transparent); }
.la-plan-rib{ position:absolute; top:-13px; left:50%; transform:translateX(-50%); background:linear-gradient(135deg,var(--ind),var(--pink)); color:#fff; font-size:12px; font-weight:800; padding:5px 16px; border-radius:999px; }
.la-plan h3{ font-size:20px; margin:0 0 4px; }
.la-plan-desc{ color:var(--mut); font-size:13.5px; min-height:38px; margin:0 0 12px; }
.la-plan-price{ font-size:40px; font-weight:850; margin-bottom:18px; }
.la-plan-price small{ font-size:15px; color:var(--mut); font-weight:600; }
.la-plan-feats{ list-style:none; padding:0; margin:0 0 22px; text-align:left; }
.la-plan-feats li{ position:relative; padding:8px 0 8px 28px; color:#c7cbe4; font-size:14px; border-bottom:1px solid rgba(255,255,255,.06); }
.la-plan-feats li:last-child{ border-bottom:0; }
.la-plan-feats li::before{ content:'✓'; position:absolute; left:2px; top:7px; width:18px; height:18px; line-height:18px; text-align:center;
  font-size:11px; font-weight:900; color:#0a3; color:#34d399; background:rgba(52,211,153,.14); border-radius:50%; }
.la-plan .la-btn{ width:100%; justify-content:center; }

/* ---------- FAQ ---------- */
.la-faq-list{ max-width:760px; margin:0 auto; }
.la-faq details{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:0 20px; margin-bottom:12px; }
.la-faq summary{ list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:14px;
  padding:18px 0; font-weight:700; font-size:16px; }
.la-faq summary::-webkit-details-marker{ display:none; }
.la-faq summary i{ font-style:normal; font-size:22px; color:var(--mut); transition:transform .25s; }
.la-faq details[open] summary i{ transform:rotate(45deg); }
.la-faq details p{ margin:0; padding:0 0 18px; color:var(--mut); font-size:15px; line-height:1.65; }

/* ---------- final CTA ---------- */
.la-final{ position:relative; text-align:center; border-radius:30px; padding:60px 32px; overflow:hidden;
  background:linear-gradient(135deg,#4f46e5,#7c3aed 55%,#ec4899); }
.la-final-glow{ position:absolute; inset:0; background:radial-gradient(circle at 50% 120%,rgba(255,255,255,.35),transparent 60%); }
.la-final h2{ position:relative; font-size:clamp(28px,4.4vw,46px); font-weight:850; letter-spacing:-.02em; margin:0 0 12px; }
.la-final p{ position:relative; color:rgba(255,255,255,.92); font-size:18px; margin:0 0 26px; }
.la-final .la-btn-ghost{ background:rgba(255,255,255,.15); border-color:rgba(255,255,255,.4); }

/* ---------- AGNI (fire) elements ---------- */
.agni-orb{ position:absolute; border-radius:50%; filter:blur(38px); pointer-events:none; z-index:1;
  background:radial-gradient(circle,rgba(255,150,50,.55),rgba(255,40,0,0) 70%); animation:ember 9s ease-in-out infinite; }
.agni-orb.o1{ width:160px; height:160px; top:14%; left:6%; }
.agni-orb.o2{ width:120px; height:120px; top:42%; right:8%; animation-delay:-3s; }
.agni-orb.o3{ width:200px; height:200px; bottom:8%; left:40%; opacity:.5; animation-delay:-6s; }
@keyframes ember{ 0%,100%{ transform:translateY(0) scale(1); opacity:.55; } 50%{ transform:translateY(-26px) scale(1.14); opacity:.9; } }
.la-btn-primary:hover{ box-shadow:0 0 0 1px rgba(255,150,60,.45),0 16px 42px -10px rgba(255,90,20,.6),0 0 34px rgba(255,110,30,.5); }
.la-grad{ filter:drop-shadow(0 0 26px rgba(255,120,40,.28)); }

/* ---------- TESTIMONIALS ---------- */
.la-tgrid{ display:grid; grid-template-columns:1fr; gap:18px; }
@media(min-width:760px){ .la-tgrid{ grid-template-columns:repeat(3,1fr); } }
.la-tcard{ background:var(--card); border:1px solid var(--line); border-radius:20px; padding:26px 24px; backdrop-filter:blur(8px); transition:transform .25s,border-color .25s,box-shadow .25s; }
.la-tcard:hover{ border-color:rgba(255,140,40,.5); box-shadow:0 26px 54px -26px rgba(255,90,20,.5); }
.la-tstars{ color:#ffce6b; font-size:15px; letter-spacing:3px; margin-bottom:12px; }
.la-tcard .q{ color:#d4d8ee; font-size:15px; line-height:1.65; margin:0 0 18px; }
.la-twho{ display:flex; align-items:center; gap:12px; }
.la-tav{ width:44px; height:44px; border-radius:50%; flex:0 0 auto; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:15px; color:#1a1205; background:linear-gradient(135deg,#ffce6b,#ff7a1a); }
.la-tname{ font-weight:700; font-size:14.5px; } .la-trole{ color:var(--mut); font-size:12.5px; }

/* reduced motion */
@media(prefers-reduced-motion:reduce){ .la-blob,.agni-orb{ animation:none; } .reveal{ transition:none; opacity:1; transform:none; } }