/* ════════════════════════════════════════════════════════════════
   PRESNSE — SERVICE · AI SEARCH (GEO / AEO)  ·  per-page module layer
   ----------------------------------------------------------------
   Archetype: SERVICE (ranking). Copy source of truth:
   project/handoff/seo-page-packs/06-service-ai-search-page-pack.md.
   Structure follows homepage/wireframe-service-ai-search.html. The most
   divergent service: signature = a 5-ENGINE CITATION GRID (real brand
   logos) rendered as the dark band. Readiness bars are illustrative for a
   thin clinic site (no fabricated per-clinic audit). Research figure
   (1,200+/40+) is the established PRESNSE research base.
   Consumes tokens from foundation.css ONLY — no raw colour.
   ════════════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────────────────────────────
   M01 · HERO  [INVENTED — AI-answer citation card leads right]
   ─────────────────────────────────────────────────────────────── */
.ai-hero{padding-top:clamp(20px,3vw,40px);}
.ai-hero .mod-body{padding-block:clamp(var(--sp-xl),4vw,var(--sp-4xl));}
.ai-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:start;}
.ai-hero h1{font-size:clamp(2.1rem,4.2vw,3.6rem);line-height:1.04;letter-spacing:-.035em;font-weight:600;margin-top:20px;}
.ai-hero h1 .sym{font-family:var(--serif);font-style:italic;font-weight:400;}
.ai-hero .lede{margin-top:22px;max-width:54ch;font-size:clamp(1rem,1.15vw,1.14rem);line-height:1.6;color:var(--ink-soft);}
.ai-hero .lede.two{margin-top:14px;font-size:.98rem;color:var(--muted);}
.ai-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;}

/* AI-answer card: the engine cites directories, not the clinic */
.ans{border:1px dashed var(--line-em);background:var(--paper-card);box-shadow:var(--shadow-card);}
.ans-head{display:flex;align-items:center;gap:9px;padding:13px 18px;border-bottom:1px dashed var(--line-dash);
  font-family:var(--mono);font-size:var(--label-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.ans-head .spark{width:14px;height:14px;color:var(--lime-deep);}
.ans-body{padding:18px;}
.ans-body .ln{height:8px;border-radius:var(--radius-bar);background:var(--wash-hair);margin-bottom:10px;}
.ans-body .ln.w1{width:96%;}.ans-body .ln.w2{width:88%;}.ans-body .ln.w3{width:70%;}
.ans-cites{margin-top:18px;border-top:1px dashed var(--line-dash);padding-top:14px;display:flex;flex-direction:column;gap:10px;}
.ans-cite{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:var(--label-sm);color:var(--muted);}
.ans-cite .mk{width:8px;height:8px;border-radius:50%;background:var(--rk-strong);flex:0 0 auto;}
.ans-cite.you{color:var(--ink);}
.ans-cite.you .mk{background:var(--rk-weak);}
.ans-cite.you b{color:var(--amber);font-weight:600;}
.ans-foot{padding:11px 18px;border-top:1px dashed var(--line-dash);font-family:var(--mono);font-size:var(--label-xs);
  letter-spacing:.05em;color:var(--faint);display:flex;align-items:center;gap:8px;}
.ans-foot .d{width:5px;height:5px;border-radius:50%;background:var(--faint);flex:0 0 auto;}

/* ───────────────────────────────────────────────────────────────
   M02 · DIAGNOSTIC  [INVENTED — why a directory wins, 4 cards]
   ─────────────────────────────────────────────────────────────── */
.ai-diag{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line-mid);margin-top:40px;background:var(--bg);}
.ai-dcard{padding:clamp(24px,3vw,38px);border-right:1px dashed var(--line-soft);border-bottom:1px dashed var(--line-soft);transition:background .2s;}
.ai-dcard:nth-child(2n){border-right:none;}
.ai-dcard:nth-last-child(-n+2){border-bottom:none;}
.ai-dcard:hover{background:var(--wash-soft);}
.ai-dcard .dc-top{display:flex;align-items:center;gap:12px;}
.ai-dcard .dc-no{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;color:var(--lime-ink);}
.ai-dcard .dc-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px var(--amber-glow);}
.ai-dcard h3{font-size:1.1rem;font-weight:600;letter-spacing:-.01em;margin-top:16px;}
.ai-dcard p{font-size:.92rem;color:var(--ink-soft);line-height:1.55;margin-top:11px;max-width:46ch;}
.ai-diag-lead{max-width:70ch;margin-top:18px;}
.ai-diag-lead .em{color:var(--ink);font-weight:600;}

/* ───────────────────────────────────────────────────────────────
   M03 · BACKEND-JOB SME  [INVENTED — pull-quote + research stat]
   ─────────────────────────────────────────────────────────────── */
.ai-backend{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(28px,4.5vw,60px);margin-top:40px;align-items:stretch;}
.ai-quote{border:1px solid var(--line-mid);border-left:3px solid var(--lime);background:var(--paper-card);padding:clamp(26px,3.4vw,46px);display:flex;flex-direction:column;justify-content:center;}
.ai-quote .pre{font-size:.98rem;color:var(--ink-soft);line-height:1.6;max-width:64ch;}
.ai-quote blockquote{font-size:clamp(1.3rem,2.1vw,1.9rem);line-height:1.32;letter-spacing:-.015em;font-weight:500;color:var(--ink);margin-top:20px;max-width:26ch;}
.ai-quote blockquote .sym{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--lime-ink);}
.ai-quote .post{font-size:.95rem;color:var(--ink-soft);line-height:1.6;margin-top:20px;max-width:64ch;}
.ai-research{border:1px dashed var(--line-rule);background:var(--bg);padding:clamp(24px,3vw,34px);display:flex;flex-direction:column;justify-content:center;gap:8px;}
.ai-research .cap{font-family:var(--mono);font-size:var(--label-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);}
.ai-research .n{font-family:var(--sans);font-size:clamp(2.6rem,6vw,4.2rem);font-weight:700;letter-spacing:-.05em;line-height:.9;color:var(--ink);}
.ai-research .n .sym{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--lime-deep);}
.ai-research .sub{font-size:.88rem;color:var(--ink-soft);line-height:1.5;margin-top:8px;}
.ai-research .div{height:1px;background:var(--line-dash);margin:16px 0;border-top:1px dashed var(--line-dash);}

/* ───────────────────────────────────────────────────────────────
   M04 · SIGNATURE — 5-ENGINE CITATION GRID  [dark premium moment]
   motif: the one mid-page dark band (10a). Engine tiles (real brand
   logos) glow on the substrate (13b); each tile stays a light card (13d).
   ─────────────────────────────────────────────────────────────── */
.cgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(12px,1.4vw,18px);margin-top:44px;}
.ctile{background:var(--paper-card);border:1px solid var(--line-mid);padding:20px 18px;display:flex;flex-direction:column;}
.ctile .ct-top{display:flex;align-items:center;gap:10px;}
.ctile .logo{width:24px;height:24px;flex:0 0 auto;}
.ctile .en{font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.15;}
.ctile p{font-size:.84rem;color:var(--ink-soft);line-height:1.5;margin-top:12px;flex:1;}
.ctile .need{font-family:var(--mono);font-size:var(--label-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-top:14px;}
.ctile .bar{height:7px;border-radius:var(--radius-bar);background:var(--wash-hair);margin-top:8px;overflow:hidden;}
.ctile .bar i{display:block;height:100%;width:0;background:var(--lime-deep);border-radius:var(--radius-bar);transition:width 1s var(--ease) var(--d,0s);}
.cgrid-foot{margin-top:20px;font-family:var(--mono);font-size:var(--label-sm);color:var(--tx-on-60);
  border-left:2px solid var(--lime);padding-left:16px;max-width:80ch;line-height:1.6;letter-spacing:.01em;}

/* ───────────────────────────────────────────────────────────────
   M05 · WHAT WE BUILD  [INVENTED — 6 readiness cards]
   ─────────────────────────────────────────────────────────────── */
.ai-build{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-mid);margin-top:40px;background:var(--bg);}
.ai-bcard{padding:clamp(24px,2.6vw,34px);border-right:1px dashed var(--line-soft);border-bottom:1px dashed var(--line-soft);display:flex;flex-direction:column;transition:background .2s;}
.ai-bcard:nth-child(3n){border-right:none;}
.ai-bcard:nth-last-child(-n+3){border-bottom:none;}
.ai-bcard:hover{background:var(--wash-soft);}
.ai-bcard .bc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.ai-bcard .bc-no{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;color:var(--lime-ink);}
.ai-bcard .bc-glyph{width:26px;height:26px;color:var(--ink);}
.ai-bcard h3{font-size:1.06rem;font-weight:600;letter-spacing:-.01em;margin-top:16px;line-height:1.25;}
.ai-bcard p{font-size:.88rem;color:var(--ink-soft);line-height:1.55;margin-top:11px;}
.ai-bcard .go{margin-top:auto;padding-top:16px;font-family:var(--mono);font-size:.72rem;display:inline-flex;gap:8px;align-items:center;color:var(--ink);}
.ai-bcard .go .arr{color:var(--lime-deep);transition:transform .25s var(--ease);}
.ai-bcard:hover .go .arr{transform:translateX(4px);}

/* ───────────────────────────────────────────────────────────────
   M06 · COMPLIANCE SME PANEL  [INVENTED — reframes the objection]
   ─────────────────────────────────────────────────────────────── */
.ai-comp{margin-top:40px;border:1px solid var(--line-mid);border-top:2px solid var(--ink);background:var(--paper-card);
  padding:clamp(28px,4vw,52px);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4vw,56px);align-items:start;}
.ai-comp h2{font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;max-width:16ch;}
.ai-comp h2 .sym{font-family:var(--serif);font-style:italic;font-weight:400;}
.ai-comp .seg-lbl{font-family:var(--mono);font-size:var(--label-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--lime-ink);display:block;margin-bottom:16px;}
.ai-comp p{font-size:.98rem;color:var(--ink-soft);line-height:1.62;margin-top:14px;max-width:60ch;}
.ai-comp p:first-of-type{margin-top:0;}

/* ───────────────────────────────────────────────────────────────
   M07 · MAPS-FIRST CONTEXT  [INVENTED — 3-point strip]
   ─────────────────────────────────────────────────────────────── */
.ai-maps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-mid);margin-top:40px;background:var(--paper-card);}
.ai-mp{padding:clamp(24px,3vw,38px);border-right:1px dashed var(--line-soft);}
.ai-mp:last-child{border-right:none;}
.ai-mp .no{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;color:var(--lime-ink);display:flex;align-items:center;gap:9px;}
.ai-mp .no .d{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px var(--lime-glow);}
.ai-mp h3{font-size:1.06rem;font-weight:600;letter-spacing:-.01em;margin-top:14px;}
.ai-mp p{font-size:.9rem;color:var(--ink-soft);line-height:1.55;margin-top:10px;}

/* ───────────────────────────────────────────────────────────────
   M08 · COMPARISON  [INVENTED — AI vs classic SEO, sticky 2-col]
   ─────────────────────────────────────────────────────────────── */
.ai-cmp-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,4.5vw,64px);margin-top:40px;align-items:start;}
.ai-cmp-pin{position:sticky;top:90px;}
.ai-cmp-pin h2{font-size:var(--h2);font-weight:600;letter-spacing:var(--tr-display);line-height:var(--lead-display);max-width:14ch;}
.ai-cmp-pin h2 .sym{font-family:var(--serif);font-style:italic;font-weight:400;}
.ai-cmp-pin .msub{margin-top:18px;}
.ai-cmp-pin .foot{margin-top:22px;font-family:var(--mono);font-size:var(--label-sm);letter-spacing:.04em;color:var(--muted);border-left:2px solid var(--lime);padding-left:14px;max-width:34ch;line-height:1.55;}
.actable{border:1px solid var(--line-mid);background:var(--paper-card);}
.actr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px dashed var(--line-soft);}
.actr:last-child{border-bottom:none;}
.actr.head{border-bottom:1px solid var(--ink);}
.actr .cd{padding:16px 18px;border-right:1px dashed var(--line-soft);font-size:.9rem;line-height:1.5;}
.actr .cd:last-child{border-right:none;}
.actr.head .cd{font-family:var(--mono);font-size:var(--label-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-weight:600;}
.actr .cd.classic{color:var(--muted);}
.actr .cd.ai{color:var(--ink);position:relative;background:var(--wash-min);}
.actr:not(.head) .cd.ai::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--lime);}

/* ───────────────────────────────────────────────────────────────
   M09 · METHOD  [INVENTED — 5 spec rows]
   ─────────────────────────────────────────────────────────────── */
.ai-spec{margin-top:40px;border-top:2px solid var(--ink);}
.asrow{display:grid;grid-template-columns:auto 1.1fr 1fr;gap:clamp(18px,3vw,44px);align-items:start;padding:24px 0;border-bottom:1px dashed var(--line-dash);}
.asrow:last-child{border-bottom:none;}
.asrow .cn{font-family:var(--sans);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;letter-spacing:-.05em;line-height:.85;color:var(--ink);}
.asrow .cn .z{color:var(--faint);}
.asrow .act h3{font-size:1.1rem;font-weight:600;letter-spacing:-.01em;}
.asrow .act p{font-size:.92rem;color:var(--ink-soft);line-height:1.55;margin-top:9px;max-width:52ch;}
.asrow .imp{border-left:1px dashed var(--line-rule);padding-left:clamp(18px,3vw,32px);}
.asrow .imp .seg-lbl{font-family:var(--mono);font-size:var(--label-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--lime-ink);margin-bottom:8px;display:block;}
.asrow .imp p{font-size:.88rem;color:var(--ink-soft);line-height:1.55;max-width:34ch;}

/* ───────────────────────────────────────────────────────────────
   M10 · WHERE THIS CONNECTS + entity index  [INVENTED]
   ─────────────────────────────────────────────────────────────── */
.ai-connect{margin-top:8px;}
.ai-connect p{font-size:1rem;color:var(--ink-soft);line-height:1.62;max-width:72ch;}
.ai-connect p a{color:var(--lime-ink);text-decoration:underline;text-underline-offset:2px;}
.ai-index{margin-top:clamp(30px,3.5vw,46px);border-top:1px dashed var(--line-mid);padding-top:clamp(26px,3vw,40px);}
.ai-index .chip-label{margin-bottom:16px;}
.aix-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));border:1px dashed var(--line-soft);}
.aix{display:flex;align-items:center;gap:10px;padding:13px 16px;border-right:1px dashed var(--line-soft);border-bottom:1px dashed var(--line-soft);
  font-family:var(--mono);font-size:.78rem;color:var(--ink);transition:background .2s,padding-left .2s var(--ease);}
.aix:hover{background:var(--wash-soft);padding-left:22px;}
.aix .ar{color:var(--lime-deep);}

/* ───────────────────────────────────────────────────────────────
   RESPONSIVE
   ─────────────────────────────────────────────────────────────── */
@media(max-width:1024px){
  .cgrid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:960px){
  .ai-hero-grid{grid-template-columns:1fr;gap:36px;}
  .ai-backend{grid-template-columns:1fr;gap:24px;}
  .ai-comp{grid-template-columns:1fr;gap:24px;}
  .ai-cmp-wrap{grid-template-columns:1fr;gap:32px;}
  .ai-cmp-pin{position:static;}
  .ai-build{grid-template-columns:1fr 1fr;}
  .ai-bcard:nth-child(3n){border-right:1px dashed var(--line-soft);}
  .ai-bcard:nth-child(2n){border-right:none;}
  .ai-bcard:nth-last-child(-n+3){border-bottom:1px dashed var(--line-soft);}
  .ai-bcard:nth-last-child(-n+2){border-bottom:none;}
  .asrow{grid-template-columns:auto 1fr;gap:18px 22px;}
  .asrow .imp{grid-column:2;border-left:none;border-top:1px dashed var(--line-rule);padding-left:0;padding-top:14px;margin-top:4px;}
}
@media(max-width:640px){
  .cgrid{grid-template-columns:1fr 1fr;}
  .ai-diag{grid-template-columns:1fr;}
  .ai-dcard{border-right:none!important;}
  .ai-build{grid-template-columns:1fr;}
  .ai-bcard{border-right:none!important;}
  .ai-maps{grid-template-columns:1fr;}
  .ai-mp{border-right:none;border-bottom:1px dashed var(--line-soft);}
  .ai-mp:last-child{border-bottom:none;}
  .actr{grid-template-columns:1fr;}
  .actr .cd{border-right:none;border-bottom:1px dashed var(--line-soft);}
  .actr .cd:last-child{border-bottom:none;}
  .actr.head{display:none;}
}
@media(max-width:420px){.cgrid{grid-template-columns:1fr;}}
@media(prefers-reduced-motion:reduce){.ctile .bar i{transition:none;}}