/* ============================================================
   Homepage — editorial / text-forward layout (Talarian-inspired)
   ============================================================ */

/* ---------- editorial hero ---------- */
.ehero{position:relative;overflow:hidden;padding:96px 0 84px;}
.ehero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;}
.ehero-bg .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;}
.ehero-bg .b1{width:520px;height:520px;left:-180px;top:-200px;background:radial-gradient(circle,#cdd0ff,transparent 70%);}
.ehero-bg .b2{width:460px;height:460px;right:-160px;top:-120px;background:radial-gradient(circle,#e7d4fb,transparent 70%);}
.ehero .wrap{position:relative;z-index:1;}
.ehero-inner{max-width:980px;}
.ehero .eyebrow{margin-bottom:26px;}
.ehero h1{
  font-size:clamp(44px,7vw,92px);
  line-height:1.02;letter-spacing:-.04em;font-weight:800;
  margin:0;max-width:14ch;
}
.ehero h1 .accent{
  background:linear-gradient(120deg,var(--primary) 0%,#8b5cf6 60%,#b08cf0 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.ehero .tagline{
  font-size:clamp(19px,1.7vw,24px);color:var(--ink-2);line-height:1.5;
  margin:32px 0 0;max-width:52ch;font-weight:500;
}
.ehero .ehero-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:40px;}
.ehero .ehero-note{display:flex;align-items:center;gap:9px;margin-top:24px;font-size:14px;color:var(--muted);font-weight:600;}
.ehero .ehero-note svg{width:17px;height:17px;color:var(--green);}

/* ---------- editorial product list ---------- */
.eprod{padding:40px 0 96px;}
.eprod .lead-row{
  display:flex;align-items:baseline;justify-content:space-between;gap:24px;
  padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:8px;flex-wrap:wrap;
}
.eprod .lead-row .k{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);}
.eprod .lead-row h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.03em;max-width:18ch;}

.prow{
  display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr) auto;
  gap:40px;align-items:center;
  padding:38px 8px;border-bottom:1px solid var(--line);
  text-decoration:none;color:inherit;position:relative;
  transition:background .2s var(--ease),padding .2s var(--ease);
}
.prow:hover{background:var(--bg-soft);border-radius:var(--r-lg);padding-left:24px;padding-right:24px;border-bottom-color:transparent;}
.prow:hover + .prow{border-top:1px solid transparent;}
.prow .p-id{display:flex;align-items:center;gap:18px;}
.prow .p-id img{width:60px;height:60px;border-radius:15px;flex:none;box-shadow:var(--shadow-sm);}
.prow .p-id .p-name{font-size:clamp(24px,2.4vw,32px);font-weight:800;letter-spacing:-.025em;line-height:1.05;}
.prow .p-id .p-tag{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px;color:var(--accent,var(--primary-700));}
.prow .p-desc{font-size:17px;line-height:1.5;color:var(--ink-2);}
.prow .p-desc b{color:var(--ink);font-weight:700;}
.prow .p-go{
  display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15.5px;white-space:nowrap;
  color:var(--accent,var(--primary-700));justify-self:end;
}
.prow .p-go .circle{
  width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line-2);
  display:grid;place-items:center;transition:transform .2s var(--ease),background .2s,border-color .2s;
}
.prow .p-go .circle svg{width:20px;height:20px;transition:transform .2s var(--ease);}
.prow:hover .p-go .circle{background:var(--accent,var(--primary));border-color:transparent;}
.prow:hover .p-go .circle svg{transform:translateX(3px);stroke:#fff;}

/* ---------- editorial values (why) ---------- */
.evalues{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;}
.evalues .ev{background:#fff;padding:34px 32px;transition:background .2s;}
.evalues .ev:hover{background:var(--bg-soft);}
.evalues .ev .ev-i{width:30px;height:30px;margin-bottom:16px;color:var(--primary-700);}
.evalues .ev .ev-i svg{width:30px;height:30px;}
.evalues .ev h3{font-size:19px;margin-bottom:9px;letter-spacing:-.01em;}
.evalues .ev p{margin:0;color:var(--ink-2);font-size:15px;}

@media (max-width:860px){
  .prow{grid-template-columns:1fr;gap:18px;padding:30px 8px;}
  .prow .p-go{justify-self:start;}
  .prow:hover{padding-left:16px;padding-right:16px;}
  .evalues{grid-template-columns:1fr;}
  .ehero{padding:64px 0 64px;}
}