/* /var/www/manyulogics/css/home.css */

/* ── Hero ── */
.hero {
  position: relative; padding: 148px 36px 96px;
  min-height: 92vh; display: flex; align-items: center;
  background: linear-gradient(155deg,#FFF3E0 0%,#FFFDF9 38%,#F0FAF4 72%,#EEF2FF 100%);
  overflow: hidden;
}
.hero-bg { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.hero-glow { position: absolute; border-radius: 50%; pointer-events: none; }
.hero-glow.saffron { top:-100px;right:-120px;width:620px;height:620px;background:radial-gradient(circle,rgba(255,153,51,.18),transparent 60%); }
.hero-glow.green   { bottom:-120px;left:-80px;width:520px;height:520px;background:radial-gradient(circle,rgba(19,136,8,.12),transparent 65%); }
.hero-grid {
  position: absolute; inset: 0;
  background-image: linear-gradient(rgba(26,46,82,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(26,46,82,.04) 1px,transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 80%);
}
.hero-inner { max-width:1180px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;position:relative;z-index:1; }
.hero-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(27,122,120,.08);color:var(--teal);border:1px solid rgba(27,122,120,.18);border-radius:100px;padding:6px 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px; }
.hero-h1 { font-family:var(--font-display);font-weight:800;font-size:clamp(40px,5vw,66px);line-height:1.04;letter-spacing:-.03em;color:var(--navy);margin-bottom:24px; }
.hi-teal { color:var(--teal); } .hi-saf { color:var(--saffron-d); } .hi-grn { color:var(--green); }
.hero-sub { font-family:var(--font-body);font-size:17px;line-height:1.65;color:var(--muted);max-width:540px;margin-bottom:36px; }
.hero-cta { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:44px; }
.hero-trust { display:flex;gap:28px;align-items:center;flex-wrap:wrap;padding-top:28px;border-top:1px solid rgba(26,46,82,.1); }
.ht-item { line-height:1.2; }
.ht-val { font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--navy);letter-spacing:-.01em;margin-bottom:4px; }
.ht-lbl { font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted); }
.ht-sep { width:1px;height:28px;background:rgba(26,46,82,.1); }
.hero-right { display:flex;justify-content:center; }
.hv { position:relative;width:100%;max-width:540px; }
.hv-window { background:#fff;border:1.5px solid var(--border);border-radius:18px;box-shadow:0 24px 60px rgba(26,46,82,.14),0 8px 18px rgba(26,46,82,.06);overflow:hidden; }
.hv-chrome { display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(180deg,#FFFDF9,#FFF8F0);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--muted); }
.hv-dot { width:10px;height:10px;border-radius:50%; }
.hv-dot.r{background:#FF6058;}.hv-dot.y{background:#FFBD2E;}.hv-dot.g{background:#28C940;}
.hv-url { flex:1;padding-left:8px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hv-int { color:var(--teal);font-weight:500; }
.hv-shield { font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;background:rgba(19,136,8,.1);color:var(--green);padding:3px 9px;border-radius:5px; }
.hv-body { padding:20px;display:flex;flex-direction:column;gap:14px;background:#FFFDF9; }
.hv-bubble { background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;max-width:100%; }
.hv-bubble.user { border-left:3px solid var(--saffron); }
.hv-bubble.clean { border-left:3px solid var(--green);background:var(--green-soft); }
.hv-lbl { font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-weight:500; }
.hv-txt { font-family:var(--font-body);font-size:13px;line-height:1.55;color:var(--navy); }
.hv-pii { background:rgba(220,38,38,.1);color:var(--danger);padding:1px 5px;border-radius:4px;font-weight:600;font-family:var(--font-mono);font-size:12px; }
.hv-red { background:#D1FAE5;color:var(--green);padding:1px 5px;border-radius:4px;font-weight:600;font-family:var(--font-mono);font-size:12px; }
.hv-intercept { display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;background:var(--navy);color:#fff;border-radius:100px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;font-weight:500;align-self:center; }
.hv-int-dot { width:6px;height:6px;border-radius:50%;background:var(--saffron);animation:pulse 1.4s infinite ease-in-out; }
.hv-tag { position:absolute;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 30px rgba(26,46,82,.12);animation:float 5s ease-in-out infinite; }
.hv-tag.tag-1{top:-16px;right:-28px;}.hv-tag.tag-2{bottom:-16px;left:-32px;animation-delay:1.6s;}
.ht-emoji{font-size:18px;}.ht-tag-val{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--navy);letter-spacing:-.01em;}
.ht-tag-lbl{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}

/* ── Trust Band ── */
.trust-band { background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:36px; }
.tb-inner { max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:center; }
.tb-label h3 { font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--navy);letter-spacing:-.015em;line-height:1.35; }
.tb-grid { display:grid;grid-template-columns:repeat(6,1fr);gap:18px; }
.tb-item { display:flex;align-items:center;gap:9px; }
.tb-mark { width:32px;height:32px;border-radius:8px;background:rgba(27,122,120,.08);color:var(--teal);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.tb-lbl { font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--navy);letter-spacing:-.01em; }
.tb-sub { font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-top:2px; }

/* ── Product Teaser Grid ── */
.product-teaser-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.pt-card { background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:28px 26px;display:flex;flex-direction:column;gap:12px;transition:all var(--dur-base);position:relative;overflow:hidden; }
.pt-card:hover { transform:translateY(-3px);box-shadow:0 14px 36px rgba(26,46,82,.1); }
.pt-card.enterprise:hover { border-color:rgba(27,122,120,.3); }
.pt-card.individual:hover { border-color:rgba(255,153,51,.32); }
.ptc-stripe { position:absolute;top:0;left:0;right:0;height:3px; }
.ptc-stripe.enterprise { background:linear-gradient(90deg,var(--teal),var(--navy)); }
.ptc-stripe.individual { background:linear-gradient(90deg,var(--saffron),var(--green)); }
.ptc-status { display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;font-weight:600;padding:4px 10px;border-radius:6px;text-transform:uppercase;align-self:flex-start; }
.ptc-status.live { background:rgba(19,136,8,.1);color:var(--green); }
.ptc-status.soon { background:rgba(217,119,6,.08);color:var(--warn); }
.ptc-dot { width:6px;height:6px;border-radius:50%; }
.ptc-dot.live { background:var(--green); } .ptc-dot.soon { background:var(--warn); }
.ptc-icon { font-size:28px;line-height:1; }
.pt-card h3 { font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--navy);letter-spacing:-.02em;line-height:1.25; }
.pt-card p { font-family:var(--font-body);font-size:14px;line-height:1.6;color:var(--muted);flex:1; }
.ptc-link { font-family:var(--font-mono);font-size:12px;color:var(--teal);font-weight:600;letter-spacing:.02em;display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;transition:gap var(--dur-fast); }
.ptc-link:hover { gap:12px; }

/* ── Sector Teaser Grid ── */
.sector-teaser-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px; }
.sector-tc { background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:all var(--dur-base); }
.sector-tc:hover { transform:translateY(-3px);box-shadow:0 12px 32px rgba(26,46,82,.1); }
.sector-tc-tag { font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;font-weight:600;padding:5px 12px;border-radius:6px;align-self:flex-start; }
.sector-tc-tag.def  { background:rgba(27,122,120,.1);color:var(--teal); }
.sector-tc-tag.bfsi { background:rgba(255,153,51,.1);color:var(--saffron-d); }
.sector-tc-tag.hlt  { background:rgba(19,136,8,.1);color:var(--green); }
.sector-tc-ic { font-size:28px;line-height:1; }
.sector-tc p { font-family:var(--font-body);font-size:14px;line-height:1.6;color:var(--muted);flex:1; }
.sector-tc-link { font-family:var(--font-mono);font-size:12px;color:var(--teal);font-weight:600;letter-spacing:.02em;margin-top:auto; }

/* ── DPDP strip ── */
.dpdp-strip-inner { display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center; }
.dpdp-strip-cta { display:flex;flex-direction:column;gap:12px;flex-shrink:0; }

@media(max-width:980px) {
  .hero-inner { grid-template-columns:1fr;gap:48px; }
  .hero { padding-top:120px;min-height:auto; }
  .hv-tag.tag-1,.hv-tag.tag-2 { display:none; }
  .tb-inner { grid-template-columns:1fr;gap:24px; }
  .tb-grid { grid-template-columns:repeat(3,1fr); }
  .product-teaser-grid,.sector-teaser-grid { grid-template-columns:1fr; }
  .dpdp-strip-inner { grid-template-columns:1fr; }
}