/* ============================================================
   AI DEPARTMENT — added components (2026-06)
   Loaded AFTER department.css. Phase color aliases reuse the
   existing themed classes:
     FOUND = blue (voice)  ·  CONVERT = green (sites)
     SUPPORT = gold (consult)  ·  SHARE = purple (store)
   ============================================================ */

/* VALUE LADDER — stair steps */
.vladder{padding-block:clamp(64px,8vw,110px);background:var(--bg)}
.vladder__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:end;margin-top:clamp(32px,4vw,48px)}
.vstep{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px 22px 26px;box-shadow:var(--shadow-xs);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .25s;position:relative;display:flex;flex-direction:column;gap:.5rem}
.vstep:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.vstep__tier{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.vstep__price{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.03em;color:var(--ink-0);line-height:1}
.vstep__price small{font-size:14px;font-weight:600;color:var(--text-3)}
.vstep__name{font-size:15px;font-weight:700;color:var(--ink-0);letter-spacing:-.01em}
.vstep__desc{font-size:13.5px;color:var(--text-2);line-height:1.5}
.vstep--1{border-top:3px solid var(--blue)}
.vstep--2{border-top:3px solid var(--green);box-shadow:0 8px 24px rgba(16,185,129,.12)}
.vstep--3{border-top:3px solid var(--purple)}
.vstep--4{border-top:3px solid var(--gold)}
.vstep__flag{position:absolute;top:-11px;left:22px;background:var(--green);color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-pill);box-shadow:var(--shadow-sm)}

/* PROCESS — lifecycle strip */
.process{padding-block:clamp(64px,8vw,110px);background:var(--bg-soft)}
.process__track{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:clamp(32px,4vw,48px);counter-reset:pstep}
.pstep{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px 20px;box-shadow:var(--shadow-xs);position:relative;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.pstep:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.pstep__n{counter-increment:pstep;width:34px;height:34px;border-radius:50%;background:var(--blue-bg);color:var(--blue);font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.pstep__n::before{content:counter(pstep)}
.pstep h4{font-size:15px;font-weight:700;color:var(--ink-0);margin-bottom:.4rem;letter-spacing:-.01em}
.pstep p{font-size:13px;color:var(--text-2);line-height:1.5}
.pstep--last .pstep__n{background:var(--gold-bg);color:var(--gold)}

/* HAIL band — accountable human */
.hail{padding-block:clamp(72px,9vw,120px);background:var(--bg)}
.hail__card{background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);color:#fff;border-radius:var(--r-card-lg);padding:clamp(40px,5vw,72px);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}
.hail__card::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 360px at 85% -10%,rgba(245,158,11,.35),transparent 60%),radial-gradient(500px 280px at 0% 110%,rgba(37,99,235,.25),transparent 60%);pointer-events:none}
.hail__inner{position:relative;z-index:1;max-width:760px}
.hail .badge{color:var(--gold-soft);margin-bottom:1.2rem}
.hail h2{font-size:clamp(28px,3.6vw,46px);color:#fff;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.2rem}
.hail h2 em{font-style:italic;color:var(--gold-soft);font-weight:800}
.hail p{font-size:17px;color:rgba(255,255,255,.78);line-height:1.6;margin-bottom:1rem;max-width:60ch}
.hail p b{color:#fff;font-weight:700}
.hail__quote{margin-top:1.6rem;padding-left:1.2rem;border-left:3px solid var(--gold);font-style:italic;color:rgba(255,255,255,.9);font-size:15px;max-width:54ch}

/* SERVICES grid — phase pages */
.svcsec{padding-block:clamp(64px,8vw,110px);background:var(--bg)}
.svcgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:980px;margin-inline:auto}
.svccard{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px 26px;box-shadow:var(--shadow-xs);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .25s}
.svccard:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.svccard__top{display:flex;align-items:center;gap:.7rem;margin-bottom:.7rem}
.svccard__ic{width:40px;height:40px;border-radius:10px;background:var(--accent-bg,var(--blue-bg));color:var(--accent,var(--blue));display:flex;align-items:center;justify-content:center;flex:none}
.svccard__ic svg{width:20px;height:20px}
.svccard h4{font-size:16px;font-weight:700;color:var(--ink-0);letter-spacing:-.015em}
.svccard p{font-size:14px;color:var(--text-2);line-height:1.55}
.svccard__done{display:flex;align-items:flex-start;gap:.5rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--line-soft);font-size:12.5px;color:var(--text-3)}
.svccard__done svg{width:15px;height:15px;color:var(--accent,var(--blue));flex:none;margin-top:1px}
.svccard__done b{color:var(--ink-0);font-weight:600}

/* PHASE page hero (dark, themed) */
.phero{padding-block:clamp(80px,10vw,150px) clamp(56px,7vw,90px);position:relative;overflow:hidden;background:#0F172A;text-align:center}
.phero__atmos{position:absolute;inset:0;z-index:0;pointer-events:none;display:flex;align-items:center;justify-content:center}
.phero__wordmark{font-weight:900;font-size:clamp(140px,26vw,360px);letter-spacing:-.06em;line-height:.85;white-space:nowrap;user-select:none;text-transform:uppercase}
.phero__inner{position:relative;z-index:2;max-width:820px;margin:0 auto;padding-inline:clamp(20px,4vw,32px)}
.phero .badge{margin-bottom:1.4rem}
.phero h1{font-size:clamp(40px,5.5vw,72px);font-weight:800;line-height:1.02;letter-spacing:-.035em;color:#F8FAFC;text-shadow:0 2px 18px rgba(0,0,0,.4)}
.phero h1 em{font-style:italic;font-weight:800}
.phero__lead{margin:1.5rem auto 0;max-width:56ch;font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:rgba(248,250,252,.82)}
.phero__cta{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:2rem}
.phero--blue{background:linear-gradient(160deg,rgba(37,99,235,.34),rgba(15,23,42,.92) 60%),url(/img/bg-voice-v2.jpg) no-repeat center/cover}
.phero--blue .phero__wordmark{color:#93C5FD;opacity:.16}.phero--blue .badge{color:#93C5FD}.phero--blue h1 em{color:#93C5FD}
.phero--green{background:linear-gradient(160deg,rgba(16,185,129,.34),rgba(15,23,42,.92) 60%),url(/img/bg-sites-v2.jpg) no-repeat center/cover}
.phero--green .phero__wordmark{color:#6EE7B7;opacity:.18}.phero--green .badge{color:#6EE7B7}.phero--green h1 em{color:#6EE7B7}
.phero--gold{background:linear-gradient(160deg,rgba(245,158,11,.36),rgba(15,23,42,.92) 60%),url(/img/bg-consult-v2.jpg) no-repeat center/cover}
.phero--gold .phero__wordmark{color:#FCD34D;opacity:.20}.phero--gold .badge{color:#FCD34D}.phero--gold h1 em{color:#FCD34D}
.phero--purple{background:linear-gradient(160deg,rgba(168,85,247,.34),rgba(15,23,42,.92) 60%),url(/img/bg-store-v2.jpg) no-repeat center/cover}
.phero--purple .phero__wordmark{color:#D8B4FE;opacity:.20}.phero--purple .badge{color:#D8B4FE}.phero--purple h1 em{color:#D8B4FE}

/* PRICING plans */
.plans{padding-block:clamp(56px,7vw,90px);background:var(--bg)}
.plans__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--r-card-lg);padding:30px 26px 32px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:.5rem;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .25s;position:relative}
.plan:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.plan--feature{border-color:rgba(16,185,129,.5);box-shadow:0 18px 44px rgba(16,185,129,.16)}
.plan__flag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;border-radius:var(--r-pill);box-shadow:var(--shadow-sm);white-space:nowrap}
.plan__tier{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.plan__price{font-size:clamp(30px,3.4vw,40px);font-weight:800;letter-spacing:-.03em;color:var(--ink-0);line-height:1;margin-top:.2rem}
.plan__price small{font-size:15px;font-weight:600;color:var(--text-3)}
.plan__name{font-size:15.5px;font-weight:700;color:var(--ink-0);margin-top:.3rem}
.plan__desc{font-size:13.5px;color:var(--text-2);line-height:1.5;margin-bottom:.6rem}
.plan__list{list-style:none;padding:0;margin:.4rem 0 1.2rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.plan__list li{display:flex;align-items:flex-start;gap:.55rem;font-size:13.5px;color:var(--text-2);line-height:1.45}
.plan__list li svg{width:16px;height:16px;color:var(--green);flex:none;margin-top:1px}
.plan .btn{width:100%}

/* phase accent vars */
.acc-blue{--accent:var(--blue);--accent-bg:var(--blue-bg)}
.acc-green{--accent:var(--green);--accent-bg:var(--green-bg)}
.acc-gold{--accent:var(--gold);--accent-bg:var(--gold-bg)}
.acc-purple{--accent:var(--purple);--accent-bg:var(--purple-bg)}

/* prose helper for how-it-works */
.lede-band{padding-block:clamp(56px,7vw,90px);background:var(--bg);text-align:center}
.lede-band .dw>p{font-size:19px;color:var(--text-2);max-width:60ch;margin:1rem auto 0;line-height:1.6}

@media(max-width:1080px){
  .vladder__steps{grid-template-columns:repeat(2,1fr)}
  .process__track{grid-template-columns:repeat(2,1fr)}
  .svcgrid{grid-template-columns:1fr}
  .plans__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .vladder__steps{grid-template-columns:1fr}
  .process__track{grid-template-columns:1fr}
  .plans__grid{grid-template-columns:1fr}
}

/* Safety: hero content visible by default (animation is enhancement, never a gate) */
.hero__badge,.hero h1,.hero__lead,.hero__cta,.hero__note,.hero__trailer,.hero__carousel{opacity:1}