/* ==========================================================
   AI SUPPORT PAGE — templates/page-about.html (/about). Ported from
   shape-ai-support.html, scoped under .ai-support-page; tokens aliased to
   theme.json presets. Static page (no JS).
   ========================================================== */
.ai-support-page{
  --acc:var(--wp--preset--color--primary);--acc-dk:var(--wp--preset--color--primary-dark);
  --acc-tint:var(--wp--preset--color--primary-tint);--ink:var(--wp--preset--color--ink);
  --ink-2:var(--wp--preset--color--ink-soft);--paper:var(--wp--preset--color--white);
  --off:var(--wp--preset--color--surface);--line:var(--wp--preset--color--border);
  --line-d:var(--wp--preset--color--border-inverse);--tx:var(--wp--preset--color--ink);
  --mu:var(--wp--preset--color--text-muted);--mu2:var(--wp--preset--color--text-subtle);
  --tx-inv:var(--wp--preset--color--text-inverse);--mu-inv:var(--wp--preset--color--text-inverse-muted);
  --mono:var(--wp--preset--font-family--mono);--sh:0 30px 80px -34px rgba(10,10,10,.3);
  --sh-sm:0 12px 36px -18px rgba(10,10,10,.14);
}
.ai-support-page section{padding:64px 0}
.ai-support-page .wrap{max-width:1160px;margin:0 auto;padding:0 32px}

.ai-support-page .wrap{max-width:1160px;margin:0 auto;padding:0 32px}
.ai-support-page .sub{font-size:19px;max-width:600px;color:var(--mu)}
.ai-support-page .mono{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.15em;text-transform:uppercase}
.ai-support-page .eyebrow{color:var(--mu2);margin-bottom:24px;display:block}
.ai-support-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:15.5px;border-radius:10px;padding:16px 32px;text-decoration:none;transition:.16s;cursor:pointer;border:0;font-family:inherit;letter-spacing:-.01em}
.ai-support-page .btn-acc{background:var(--acc);color:#fff}
.ai-support-page .btn-acc:hover{background:var(--acc-dk);transform:translateY(-1px);box-shadow:var(--sh-sm)}
.ai-support-page .btn-line{color:var(--tx);box-shadow:inset 0 0 0 1.5px var(--line);background:transparent}
.ai-support-page .btn-line:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.ai-support-page .center .sub{margin-left:auto;margin-right:auto}
.ai-support-page .dark .eyebrow{color:var(--mu-inv)}
.ai-support-page .nav-r .btn{padding:10px 22px;font-size:14px}
.ai-support-page .hero .wrap{position:relative;max-width:1160px}
.ai-support-page .hero .sub{margin:20px 0 30px;font-size:18px;max-width:470px}
.ai-support-page .tabs-head .sub{margin:16px auto 0;max-width:720px;text-wrap:pretty}
.ai-support-page .acc-col .eyebrow{display:block;margin-bottom:14px}
.ai-support-page .tour-copy .sub{margin-top:16px}
.ai-support-page .rec-row .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mu2)}
.ai-support-page .ai-head .sub{margin:22px 0 0;max-width:none;font-size:17px;line-height:1.6;text-wrap:balance}
.ai-support-page .ai-head .btn{flex-shrink:0}
.ai-support-page .ai-grid .sub{margin:24px 0 38px;max-width:440px}
.ai-support-page .prod .btn{margin-top:32px}
.ai-support-page .mm-head .mono{color:var(--mu2);font-size:9.5px}
.ai-support-page .intg-head h2, .ai-support-page .intg-head .sub{text-wrap:balance}
.ai-support-page .switch>.wrap{position:relative;z-index:1}
.ai-support-page .switch .eyebrow{color:var(--mu-inv);margin-bottom:18px}
.ai-support-page .sw-pitch .sub{margin-top:14px;color:var(--mu-inv);max-width:none;font-size:17px;line-height:1.6}
.ai-support-page .switch .btn-line{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45);background:transparent}
.ai-support-page .switch .btn-line:hover{box-shadow:inset 0 0 0 1.5px #fff;background:rgba(255,255,255,.08);transform:translateY(-1px)}
.ai-support-page .res-head2 .sub{margin:14px auto 0;max-width:560px}
.ai-support-page .mob-copy .sub{margin-top:16px;max-width:480px}
@media(max-width:860px){
.ai-support-page .mob-copy .sub{margin-left:auto;margin-right:auto}
}
.ai-support-page .aud>.wrap{position:relative;z-index:1}
.ai-support-page .aud-head .eyebrow{color:var(--mu-inv)}
.ai-support-page .aud-head .sub{color:var(--mu-inv);margin:16px auto 0;max-width:730px}
.ai-support-page .pr-sec-head .k{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc-dk);margin-bottom:14px}
.ai-support-page .cta-final>.wrap{position:relative;z-index:1}
.ai-support-page .cta-copy .eyebrow{color:var(--mu-inv);margin-bottom:16px}
.ai-support-page .cta-copy .sub{color:var(--mu-inv);max-width:460px;margin:14px 0 0;font-size:16.5px;line-height:1.6}
.ai-support-page .cta-final .btn-line{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45);background:transparent}
.ai-support-page .cta-final .btn-line:hover{box-shadow:inset 0 0 0 1.5px #fff;background:rgba(255,255,255,.08);transform:translateY(-1px)}
@media(max-width:860px){
.ai-support-page .cta-copy .sub{max-width:none}
}
.ai-support-page .sup-hero{padding:44px 0 22px}
.ai-support-page .sup-hero .eyebrow{color:var(--acc-dk);margin-bottom:12px}
.ai-support-page .sup-hero h1{font-size:clamp(30px,4.4vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1.02;color:var(--ink);margin:14px 0 16px;max-width:16ch}
.ai-support-page .sup-hero .sub{font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:var(--mu);max-width:56ch;margin:0 0 26px}
.ai-support-page .sup-head .k{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc-dk)}
.ai-support-page .sg-list .k{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mu2)}
.ai-support-page .chat-sec{padding:4px 0 22px}
.ai-support-page .chat-wrap{max-width:none;margin:0 auto;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--sh);background:#fff}
/* Height is sized to the remaining viewport by fitChat() in ai-support.js so the
   chat's bottom-pinned input never lands below the fold. calc() is the pre-JS/no-JS
   fallback (approx: header + trimmed hero ≈ 260px). */
.ai-support-page .ai-iframe{display:block;width:100%;height:calc(100dvh - 240px);min-height:460px;border:0;background:#fff}
.ai-support-page .chat-wrap{position:relative}
.ai-support-page .ai-iframe-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--wp--preset--color--text-muted);font-family:var(--wp--preset--font-family--sans);font-size:15px;pointer-events:none}
.ai-support-page .help-band{padding:70px 0 88px}
.ai-support-page .help-inner{background:var(--ink);border-radius:24px;padding:52px 46px;text-align:center;position:relative;overflow:hidden}
.ai-support-page .help-inner .k{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.ai-support-page .help-inner h2{font-size:clamp(25px,3vw,36px);font-weight:800;letter-spacing:-.03em;color:#fff;margin:12px 0 12px}
.ai-support-page .help-inner p{font-size:16px;color:rgba(255,255,255,.72);max-width:52ch;margin:0 auto 26px;line-height:1.55}
.ai-support-page .help-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ai-support-page .help-inner .btn-line{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45);background:transparent}
.ai-support-page .help-inner .btn-line:hover{box-shadow:inset 0 0 0 1.5px #fff;background:rgba(255,255,255,.08)}
.ai-support-page .help-phones{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.ai-support-page .help-phone{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.ai-support-page .help-phone b{display:block;font-family:var(--sans,inherit);font-size:17px;letter-spacing:-.01em;color:#fff;margin-top:4px;text-transform:none}
@media(max-width:560px){
.ai-support-page .help-inner{padding:38px 22px}
}


.ai-support-page .medal-logo svg{width:22px;height:22px;display:block}
.ai-support-page .hero-cta{justify-content:flex-start}