.elementor-kit-445{--e-global-color-primary:#0F172A;--e-global-color-secondary:#1E293B;--e-global-color-text:#334155;--e-global-color-accent:#64748B;--e-global-color-870ef80:#2563EB;--e-global-color-bf890a9:#1E40AF;--e-global-color-b70a650:#60A5FA;--e-global-color-15e26ab:#DBEAFE;--e-global-color-f184fe1:#E2E8F0;--e-global-color-ce1effd:#E22D2D;--e-global-color-2d81040:#E2D52D;--e-global-color-84193ec:#2663CF;--e-global-color-1fd5b56:#20BD3C;--e-global-color-1e38924:#F8FAFC;--e-global-color-4e87b42:#02010100;--e-global-color-5bd60dc:#FFFFFF;--e-global-color-60332d6:#7C3AED;--e-global-typography-primary-font-family:"Sora";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:14px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-letter-spacing:1px;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:500;--e-global-typography-7077a2e-font-family:"Saira";--e-global-typography-7077a2e-font-size:50px;--e-global-typography-7077a2e-font-weight:600;--e-global-typography-532bb37-font-family:"Saira";--e-global-typography-532bb37-font-size:49px;--e-global-typography-532bb37-font-weight:500;--e-global-typography-ab7bd7a-font-family:"Saira";--e-global-typography-ab7bd7a-font-size:35px;--e-global-typography-ab7bd7a-font-weight:500;background-color:var( --e-global-color-5bd60dc );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );background-position:center center;background-repeat:repeat-y;background-size:1220px auto;}.elementor-kit-445 button,.elementor-kit-445 input[type="button"],.elementor-kit-445 input[type="submit"],.elementor-kit-445 .elementor-button{background-color:var( --e-global-color-870ef80 );color:var( --e-global-color-5bd60dc );border-style:none;border-radius:10px 10px 10px 10px;}.elementor-kit-445 button:hover,.elementor-kit-445 button:focus,.elementor-kit-445 input[type="button"]:hover,.elementor-kit-445 input[type="button"]:focus,.elementor-kit-445 input[type="submit"]:hover,.elementor-kit-445 input[type="submit"]:focus,.elementor-kit-445 .elementor-button:hover,.elementor-kit-445 .elementor-button:focus{background-color:var( --e-global-color-bf890a9 );color:var( --e-global-color-5bd60dc );border-style:none;}.elementor-kit-445 e-page-transition{background-color:#FFBC7D;}.elementor-kit-445 a{color:var( --e-global-color-870ef80 );}.elementor-kit-445 a:hover{color:var( --e-global-color-bf890a9 );}.elementor-kit-445 label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-445 input:not([type="button"]):not([type="submit"]),.elementor-kit-445 textarea,.elementor-kit-445 .elementor-field-textual{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-f184fe1 );border-radius:12px 12px 12px 12px;}.elementor-kit-445 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-445 textarea:focus,.elementor-kit-445 .elementor-field-textual:focus{background-color:var( --e-global-color-1e38924 );border-style:solid;border-color:var( --e-global-color-870ef80 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:30px;--container-default-padding-right:30px;--container-default-padding-bottom:30px;--container-default-padding-left:30px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-445{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );background-size:calc(100vw - 60px) auto;}.elementor-kit-445 label{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-445 input:not([type="button"]):not([type="submit"]),.elementor-kit-445 textarea,.elementor-kit-445 .elementor-field-textual{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-445{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );background-size:calc(100vw - 40px) auto;}.elementor-kit-445 label{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-445 input:not([type="button"]):not([type="submit"]),.elementor-kit-445 textarea,.elementor-kit-445 .elementor-field-textual{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   PROMINAI GLOBAL STYLESHEET  v5
   Paste this ONCE into: Elementor > Site Settings > Custom CSS
   (or Appearance > Customize > Additional CSS)

   v4 changes
   1. BUTTON TEXT FIX. Every button rule is now prefixed with .pai
      so it beats ".pai a{color:inherit}" on specificity. Before this
      fix, navy buttons rendered with navy text and were unreadable.
   2. CONTRAST. Cyan is no longer used for small text on light
      backgrounds. A darker teal is used instead. Muted grey darkened.
      WhatsApp green darkened so white text passes WCAG AA.
   3. GRADIENTS. Soft navy to teal gradients on numbers, badges,
      icon tiles, card edges and dividers.
   ============================================================ */

:root{
  --pai-navy:#001C64; --pai-blue:#0032A2; --pai-cyan:#00C4CC;
  --pai-teal:#00727C;                 /* cyan replacement for SMALL TEXT on light */
  --pai-ink:#141821; --pai-slate:#5A6373; --pai-mute:#68717F;
  --pai-mist:#F4F6FA; --pai-wash:#EFFBFC; --pai-line:#E1E7F0;
  --pai-green:#0B7B57; --pai-red:#B3261E; --pai-gold:#E0A800;
  --pai-wa:#0A7A45;                   /* WhatsApp button, white text passes AA */
  --pai-wa-lite:#25D366;              /* brand green, gradients and icons only */
  --pai-r:16px; --pai-rb:10px; --pai-max:1160px;
  --pai-sh:0 1px 2px rgba(0,28,100,.05), 0 10px 30px rgba(0,28,100,.06);
  --pai-shx:0 2px 6px rgba(0,28,100,.08), 0 22px 50px rgba(0,28,100,.14);
  --pai-grad:linear-gradient(135deg,#001C64 0%,#0032A2 52%,#00808F 100%);
  --pai-grad-txt:linear-gradient(135deg,#0032A2 0%,#00808F 100%);
  --pai-grad-cy:linear-gradient(135deg,#00C4CC 0%,#37E0C4 100%);
  --pai-grad-soft:linear-gradient(140deg,#EFFBFC 0%,#EDF3FF 100%);
  --pai-grad-wa:linear-gradient(135deg,#25D366 0%,#0A7A45 100%);
}

.pai *,.pai *::before,.pai *::after{box-sizing:border-box}
.pai{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--pai-ink);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.pai h1,.pai h2,.pai h3,.pai h4,.pai .pf{font-family:'Plus Jakarta Sans',Inter,sans-serif;line-height:1.15;letter-spacing:-.02em;margin:0}
.pai p{margin:0}
.pai a{color:inherit}
.pai img{max-width:100%;height:auto;display:block}
.pai ul,.pai ol{margin:0;padding:0;list-style:none}

/* gradient text helper. Colour first, so it degrades safely. */
.pai .gtx{color:var(--pai-blue);background:var(--pai-grad-txt);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* layout ---------------------------------------------------- */
.pai-wrap{max-width:var(--pai-max);margin:0 auto;padding:0 22px;width:100%}
.pai-sec{padding:88px 0}
.pai-sec.is-tight{padding:60px 0}
.pai-mist{background:var(--pai-mist)}
.pai-white{background:#fff}
.pai-soft{background:var(--pai-grad-soft)}
.pai-navy-bg{background:var(--pai-navy);color:#fff;position:relative;overflow:hidden}
.pai-navy-bg::before{content:"";position:absolute;inset:0;background:radial-gradient(760px 400px at 88% 8%,rgba(0,196,204,.16),transparent 62%),radial-gradient(600px 340px at 4% 96%,rgba(0,50,162,.42),transparent 62%);pointer-events:none}
.pai-navy-bg > *{position:relative;z-index:2}
.pai-navy-bg h2,.pai-navy-bg h3{color:#fff}
.pai-head{text-align:center;max-width:660px;margin:0 auto 42px}
.pai-head.is-left{text-align:left;margin-left:0}
.pai-grid{display:grid;gap:20px}
.pai-g2{grid-template-columns:1fr 1fr}
.pai-g3{grid-template-columns:repeat(3,1fr)}
.pai-g4{grid-template-columns:repeat(4,1fr)}
.pai-mt{margin-top:40px}
.pai-rule{height:3px;border:0;border-radius:3px;background:var(--pai-grad);max-width:96px;margin:0 auto 20px}
.pai-head.is-left .pai-rule{margin-left:0}

/* type ------------------------------------------------------ */
.pai-eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pai-blue);margin-bottom:14px}
.pai-navy-bg .pai-eyebrow{color:var(--pai-cyan)}
.pai h1{font-size:46px;font-weight:800;color:var(--pai-navy)}
.pai h2{font-size:38px;font-weight:800;color:var(--pai-navy);margin-bottom:14px}
.pai h3{font-size:20px;font-weight:700;color:var(--pai-navy)}
.pai-lead{font-size:19px;color:var(--pai-slate);line-height:1.6}
.pai-head .pai-lead{margin-left:auto;margin-right:auto}
.pai-navy-bg .pai-lead{color:#C6D2E8}
.pai-micro{font-size:14.5px;color:var(--pai-slate);line-height:1.55}
.pai-navy-bg .pai-micro{color:#A8B6D0}
.pai-src{font-size:12px;color:var(--pai-mute);margin-top:8px;display:block}
.pai-navy-bg .pai-src{color:#93A3C0}
.pai-center{text-align:center}

/* buttons. The .pai prefix is what makes the text colour stick. */
.pai .pai-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 28px;border-radius:var(--pai-rb);font-weight:700;font-size:16px;text-decoration:none;border:1.6px solid transparent;cursor:pointer;transition:.16s;font-family:Inter;line-height:1.2}
.pai .pai-btn-p,.pai a.pai-btn-p,.pai button.pai-btn-p{background:var(--pai-navy);color:#fff;border-color:var(--pai-navy)}
.pai .pai-btn-p:hover,.pai a.pai-btn-p:hover{background:var(--pai-blue);border-color:var(--pai-blue);color:#fff;transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,50,162,.28)}
.pai .pai-btn-c,.pai a.pai-btn-c,.pai button.pai-btn-c{background:var(--pai-cyan);color:var(--pai-navy);border-color:var(--pai-cyan)}
.pai .pai-btn-c:hover,.pai a.pai-btn-c:hover{background:#00b0b8;border-color:#00b0b8;color:var(--pai-navy);transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,196,204,.34)}
.pai .pai-btn-o,.pai a.pai-btn-o,.pai button.pai-btn-o{background:#fff;color:var(--pai-navy);border-color:var(--pai-navy)}
.pai .pai-btn-o:hover,.pai a.pai-btn-o:hover{background:var(--pai-navy);color:#fff;transform:translateY(-2px)}
.pai .pai-btn-go,.pai a.pai-btn-go{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.pai .pai-btn-go:hover,.pai a.pai-btn-go:hover{background:#fff;color:var(--pai-navy);border-color:#fff}
.pai .pai-btn-wa,.pai a.pai-btn-wa{background:var(--pai-wa);color:#fff;border-color:var(--pai-wa)}
.pai .pai-btn-wa:hover,.pai a.pai-btn-wa:hover{background:#086539;border-color:#086539;color:#fff;transform:translateY(-2px)}
.pai .pai-btn-sm{padding:11px 20px;font-size:14.5px}
.pai .pai-btn-full{width:100%}
.pai-btns{display:flex;gap:13px;flex-wrap:wrap}
.pai-btns.is-center{justify-content:center}
.pai .pai-btn:focus-visible{outline:3px solid var(--pai-cyan);outline-offset:3px}

/* cards ----------------------------------------------------- */
.pai-card{background:#fff;border:1px solid var(--pai-line);border-radius:var(--pai-r);padding:26px;box-shadow:var(--pai-sh);position:relative;overflow:hidden;transition:.18s}
.pai-card.has-edge::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--pai-grad)}
.pai-navy-bg .pai-card{background:rgba(255,255,255,.05);border-color:rgba(0,196,204,.3)}
.pai-card h3{margin-bottom:8px}
.pai-navy-bg .pai-card h3{color:#fff}
.pai-card p{font-size:15.5px;color:var(--pai-slate)}
.pai-navy-bg .pai-card p{color:#C6D2E8}
.pai-card.is-hover:hover{box-shadow:var(--pai-shx);transform:translateY(-3px)}

/* image ------------------------------------------------------ */
.pai-img{border-radius:var(--pai-r);width:100%}
.pai-imgbox{position:relative;border-radius:var(--pai-r);overflow:hidden;background:var(--pai-mist)}

/* announcement + header ------------------------------------- */
.pai-ann{background:var(--pai-grad);color:#E4ECF9;font-size:13.5px;text-align:center;padding:11px 16px}
.pai-ann a{color:#8FF0F5;font-weight:700;text-decoration:none}
.pai-ann a:hover{color:#fff}
.pai-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--pai-line)}
.pai-nav{display:flex;align-items:center;justify-content:space-between;height:92px;gap:18px}
.pai-logo img{height:56px;width:auto;display:block}
.pai-menu{display:flex;gap:24px;font-size:15px;font-weight:500}
.pai-menu a{text-decoration:none;color:#2B3242;padding:6px 0;border-bottom:2px solid transparent;transition:.15s;white-space:nowrap}
.pai-menu a:hover,.pai-menu a.is-on{color:var(--pai-navy);border-color:var(--pai-cyan)}
.pai-navact{display:flex;align-items:center;gap:10px}
.pai-loginlink{font-size:15px;font-weight:600;text-decoration:none;color:var(--pai-navy);padding:9px 14px;border-radius:8px;white-space:nowrap}
.pai-loginlink:hover{background:var(--pai-mist)}
.pai-burger{display:none;background:none;border:1px solid var(--pai-line);border-radius:9px;padding:10px 12px;cursor:pointer}
.pai-burger span{display:block;width:20px;height:2px;background:var(--pai-navy);margin:4px 0;border-radius:2px}
.pai-mobmenu{display:none;position:fixed;inset:0;background:#fff;z-index:200;padding:24px 22px;overflow-y:auto}
.pai-mobmenu.is-open{display:block}
.pai-mobmenu .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.pai-mobmenu .top img{height:48px;width:auto}
.pai-mobmenu .cl{background:none;border:none;font-size:34px;line-height:1;color:var(--pai-navy);cursor:pointer;padding:0 6px}
.pai-mobmenu a.ml{display:block;font-size:21px;font-weight:600;color:var(--pai-navy);text-decoration:none;padding:15px 0;border-bottom:1px solid var(--pai-line)}
.pai-mobmenu .acts{margin-top:26px;display:grid;gap:12px}

/* hero ------------------------------------------------------ */
.pai-hero{background:var(--pai-navy);color:#fff;position:relative;overflow:hidden;padding:84px 0 92px}
.pai-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 480px at 82% 10%,rgba(0,196,204,.3),transparent 62%),radial-gradient(720px 420px at 6% 92%,rgba(0,50,162,.55),transparent 62%),linear-gradient(160deg,transparent 40%,rgba(0,128,143,.22) 100%)}
.pai-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:26px 26px;opacity:.55}
.pai-hero > *{position:relative;z-index:2}
.pai-hero h1{font-size:52px;color:#fff;margin-bottom:18px;letter-spacing:-.03em}
.pai-hero h1 .cy{color:var(--pai-cyan)}
.pai-hero .pai-sub{font-size:19px;color:#C6D2E8;max-width:560px;margin-bottom:28px;line-height:1.6}
.pai-hero .pai-eyebrow{color:var(--pai-cyan)}
.pai-herogrid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}
.pai-hero-trust{font-size:14.5px;color:#A8B6D0;margin-top:18px}
.pai-hero.is-slim{padding:66px 0 70px}
.pai-hero.is-slim h1{font-size:44px}
.pai-hpill{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(0,196,204,.34);color:#D8E4F5;padding:8px 16px;border-radius:999px;font-size:13.5px;margin:4px 5px 0 0}

/* sample chat card ------------------------------------------ */
.pai-sample{background:#fff;border-radius:20px;padding:24px;box-shadow:0 30px 70px rgba(0,0,0,.34);color:var(--pai-ink)}
.pai-sample .sh{display:flex;align-items:center;gap:9px;padding-bottom:14px;border-bottom:1px solid var(--pai-line);margin-bottom:16px}
.pai-dot{width:9px;height:9px;border-radius:50%;background:var(--pai-grad-cy);flex-shrink:0}
.pai-sample .sh b{font-size:13px;font-weight:700;color:var(--pai-navy);letter-spacing:.04em;text-transform:uppercase}
.pai-qb{background:var(--pai-mist);border-radius:12px 12px 12px 4px;padding:12px 15px;font-size:14.5px;color:#2B3242;margin-bottom:14px}
.pai-albl{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pai-mute);margin-bottom:9px}
.pai-pill{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;margin-bottom:8px;font-size:14.5px}
.pai-pill.grey{background:#F0F2F6;color:#79808E}
.pai-pill.grey .bar{height:8px;border-radius:4px;background:#D6DBE4;flex:1}
.pai-pill.you{background:var(--pai-grad-soft);border:1.6px dashed var(--pai-cyan);color:var(--pai-navy);font-weight:700;justify-content:center}
.pai-sample .sf{margin-top:14px;padding-top:13px;border-top:1px solid var(--pai-line);font-size:12.5px;color:var(--pai-mute)}

/* one-line + answer card ------------------------------------ */
.pai-oneline{background:var(--pai-grad-soft);border-left:5px solid var(--pai-cyan);border-radius:0 var(--pai-r) var(--pai-r) 0;padding:30px 34px}
.pai-oneline p{font-size:19.5px;line-height:1.62;color:var(--pai-navy)}
.pai-oneline b{font-weight:800}
.pai-answer{background:var(--pai-grad-soft);border-left:5px solid var(--pai-cyan);border-radius:0 var(--pai-r) var(--pai-r) 0;padding:26px 30px}
.pai-answer h2,.pai-answer h3{font-size:21px;color:var(--pai-navy);margin-bottom:10px}
.pai-answer p{font-size:16.5px;color:#2B3242;line-height:1.65}

/* stats ----------------------------------------------------- */
.pai-stat{text-align:center;padding:8px}
.pai-stat .n{font-size:42px;font-weight:800;font-family:'Plus Jakarta Sans';letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.28;padding-bottom:4px;
  color:var(--pai-blue);background:var(--pai-grad-txt);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pai-navy-bg .pai-stat .n{color:var(--pai-cyan);background:none;-webkit-text-fill-color:var(--pai-cyan)}
.pai-stat .l{font-size:14.5px;color:var(--pai-slate);margin-top:6px;line-height:1.45}

/* checker --------------------------------------------------- */
.pai-checker{background:#fff;border:1px solid var(--pai-line);border-radius:22px;padding:34px;box-shadow:var(--pai-shx);position:relative;overflow:hidden}
.pai-checker::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--pai-grad)}
.pai-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:20px}
.pai-fld label{display:block;font-size:12.5px;font-weight:700;color:var(--pai-navy);margin-bottom:6px}
.pai-fld input,.pai-fld textarea,.pai-fld select{width:100%;padding:13px 15px;border:1.6px solid var(--pai-line);border-radius:10px;font-size:15.5px;font-family:Inter;color:var(--pai-ink);background:#fff;transition:.15s}
.pai-fld input:focus,.pai-fld textarea:focus,.pai-fld select:focus{outline:none;border-color:var(--pai-cyan);box-shadow:0 0 0 3px rgba(0,196,204,.18)}
.pai-fld .hint{font-size:14px;color:var(--pai-slate);margin-top:7px;line-height:1.5}
.pai-toggle{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.pai .pai-tg{padding:9px 17px;border:1.6px solid var(--pai-line);border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;background:#fff;color:var(--pai-slate);transition:.15s;font-family:Inter}
.pai .pai-tg.is-on{background:var(--pai-grad);border-color:transparent;color:#fff}
.pai-preview{background:var(--pai-mist);border-radius:12px;padding:15px 18px;margin-bottom:20px;border:1px dashed var(--pai-line)}
.pai-preview .pl{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pai-mute);margin-bottom:7px}
.pai-preview .pt{font-size:15.5px;color:#2B3242;line-height:1.55}
.pai-plats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pai .pai-plat{display:flex;align-items:center;justify-content:center;gap:9px;padding:15px 12px;border:1.8px solid var(--pai-line);border-radius:12px;background:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:.16s;font-family:Inter;color:var(--pai-navy);text-decoration:none;text-align:left}
.pai .pai-plat:hover{border-color:var(--pai-cyan);background:var(--pai-grad-soft);transform:translateY(-2px);box-shadow:var(--pai-sh);color:var(--pai-navy)}
.pai .pai-plat .tag{font-size:10.5px;font-weight:600;color:var(--pai-mute);display:block;line-height:1.2;margin-top:1px}
.pai-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,150%);background:var(--pai-navy);color:#fff;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;box-shadow:0 16px 44px rgba(0,0,0,.3);z-index:300;transition:transform .32s cubic-bezier(.2,.9,.3,1.2);max-width:90vw;text-align:center}
.pai-toast.is-show{transform:translate(-50%,0)}

/* outcome blocks -------------------------------------------- */
.pai-out{border-left:4px solid var(--pai-line);padding-left:18px}
.pai-out .tg{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;display:inline-block}
.pai-out h3{font-size:17.5px;margin-bottom:6px}
.pai-out p{font-size:15px;color:var(--pai-slate)}
.pai-out.r{border-color:var(--pai-red)} .pai-out.r .tg{color:var(--pai-red)}
.pai-out.a{border-color:var(--pai-gold)} .pai-out.a .tg{color:#8A6800}
.pai-out.g{border-color:var(--pai-green)} .pai-out.g .tg{color:var(--pai-green)}

/* vs boxes -------------------------------------------------- */
.pai-vs{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pai-vsbox{border-radius:var(--pai-r);padding:30px}
.pai-vsbox.bad{background:linear-gradient(140deg,#FDF5F4,#FBEEEC);border:1px solid #F0D9D6}
.pai-vsbox.good{background:var(--pai-grad-soft);border:1px solid #C9EFF2}
.pai-vsbox .h{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.pai-vsbox.bad .h{color:var(--pai-red)} .pai-vsbox.good .h{color:var(--pai-green)}
.pai-vsbox h3{font-size:23px;margin-bottom:16px}
.pai-vsbox li{font-size:15.5px;color:#3A4252;padding:8px 0 8px 28px;position:relative;line-height:1.55}
.pai-vsbox li::before{position:absolute;left:0;top:8px;font-weight:800;font-size:15px}
.pai-vsbox.bad li::before{content:"\00d7";color:var(--pai-red)}
.pai-vsbox.good li::before{content:"\2713";color:var(--pai-green)}

/* steps ----------------------------------------------------- */
.pai-step .n{font-family:'Plus Jakarta Sans';font-size:48px;font-weight:800;line-height:1.2;padding-bottom:4px;margin-bottom:10px;
  color:var(--pai-blue);background:var(--pai-grad-txt);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pai-step h3{margin-bottom:8px}
.pai-step p{font-size:15.5px;color:var(--pai-slate);line-height:1.6}

/* tiles ------------------------------------------------------ */
.pai-dl{display:flex;gap:13px;align-items:flex-start;padding:17px;border-radius:13px;background:#fff;border:1px solid var(--pai-line);transition:.16s}
.pai-dl:hover{border-color:var(--pai-cyan);box-shadow:var(--pai-sh)}
.pai-dl .ic{width:40px;height:40px;border-radius:11px;background:var(--pai-grad-soft);border:1px solid rgba(0,196,204,.28);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}
.pai-dl h4{font-size:15.5px;font-weight:700;color:var(--pai-navy);margin-bottom:3px}
.pai-dl p{font-size:15px;color:var(--pai-slate);line-height:1.5}

/* segment cards (who its for) -------------------------------- */
.pai-seg{background:#fff;border:1px solid var(--pai-line);border-radius:var(--pai-r);padding:26px;box-shadow:var(--pai-sh);position:relative;overflow:hidden;transition:.18s;display:flex;flex-direction:column}
.pai-seg::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--pai-grad);opacity:.85}
.pai-seg:hover{box-shadow:var(--pai-shx);transform:translateY(-3px);border-color:rgba(0,196,204,.5)}
.pai-seg .ic{width:52px;height:52px;border-radius:14px;background:var(--pai-grad-soft);border:1px solid rgba(0,196,204,.3);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px}
.pai-seg h3{font-size:19px;margin-bottom:6px}
.pai-seg .who{font-size:13px;color:var(--pai-teal);font-weight:700;margin-bottom:10px;line-height:1.45}
.pai-seg p{font-size:15.5px;color:var(--pai-slate);line-height:1.6;flex:1}
.pai-seg .q{margin-top:14px;padding-top:13px;border-top:1px solid var(--pai-line);font-size:13.5px;color:var(--pai-navy);font-style:italic}

/* trial strip ----------------------------------------------- */
.pai-trial{background:var(--pai-grad);color:#fff;border-radius:var(--pai-r);padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-bottom:26px}
.pai-trial .tl b{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--pai-cyan);display:block;margin-bottom:5px}
.pai-trial .tl h3{font-size:22px;color:#fff;margin-bottom:5px}
.pai-trial .tl p{font-size:15.5px;color:#C6D2E8;max-width:540px}
.pai-trial .tr{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.pai-trial .pr{font-size:34px;font-weight:800;font-family:'Plus Jakarta Sans';color:#fff;line-height:1.2;padding-bottom:2px}
.pai-trial .pr small{display:block;font-size:12px;font-weight:600;color:#A8B6D0;margin-top:4px}

/* plan cards ------------------------------------------------ */
.pai-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch;padding-top:14px}
.pai-plan{background:#fff;border:1.5px solid var(--pai-line);border-radius:18px;padding:32px 22px 26px;box-shadow:var(--pai-sh);position:relative;display:flex;flex-direction:column;overflow:visible}
.pai-plan.is-pop{border:2.5px solid var(--pai-cyan);box-shadow:var(--pai-shx)}
.pai-plan.is-pop::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--pai-grad-cy);border-radius:15px 15px 0 0}
.pai-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:6px 16px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;z-index:5;line-height:1.3;box-shadow:0 3px 10px rgba(0,28,100,.18)}
.pai-badge.gold{background:linear-gradient(135deg,#F0BE20,#D19400);color:#3A2A00}
.pai-badge.cy{background:var(--pai-grad-cy);color:var(--pai-navy)}
.pai-badge.nv{background:var(--pai-grad);color:#fff}
.pai-plan .dur{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pai-mute);margin:2px 0 14px}
.pai-plan .was{font-size:15px;color:var(--pai-mute);text-decoration:line-through;line-height:1.5}
.pai-plan .now{font-size:36px;font-weight:800;font-family:'Plus Jakarta Sans';color:var(--pai-navy);line-height:1.2;padding-bottom:2px;font-variant-numeric:tabular-nums}
.pai-plan .gst{font-size:13.5px;color:var(--pai-slate);margin:6px 0 3px}
.pai-plan .pm{font-size:14.5px;font-weight:700;color:var(--pai-teal);margin-bottom:14px;min-height:20px}
.pai-plan .bf{font-size:14.5px;color:var(--pai-slate);line-height:1.5;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--pai-line);min-height:70px}
.pai-plan ul{margin-bottom:20px;flex:1}
.pai-plan li{font-size:15px;color:#3A4252;padding:6px 0 6px 23px;position:relative;line-height:1.45}
.pai-plan li::before{content:"\2713";position:absolute;left:0;color:var(--pai-green);font-weight:800}
.pai .pai-plan .ask{display:block;text-align:center;margin-top:10px;font-size:14px;color:var(--pai-wa);font-weight:600;text-decoration:none}
.pai .pai-plan .ask:hover{text-decoration:underline}

/* tables ---------------------------------------------------- */
.pai-tablewrap{overflow-x:auto;border-radius:var(--pai-r);border:1px solid var(--pai-line);background:#fff;-webkit-overflow-scrolling:touch}
.pai-table{width:100%;border-collapse:collapse;min-width:820px;font-size:14.5px}
.pai-table th,.pai-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--pai-line);line-height:1.5}
.pai-table thead th{vertical-align:middle}
.pai-table col.c1{width:190px}
.pai-table.is-labelled td:first-child{white-space:nowrap}
.pai-table thead th{background:var(--pai-grad);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.pai-table tbody tr:nth-child(even){background:#FAFBFD}
.pai-table td:first-child,.pai-table th:first-child{position:sticky;left:0;background:#fff;font-weight:600;color:var(--pai-navy);z-index:2;box-shadow:1px 0 0 var(--pai-line)}
.pai-table thead th:first-child{background:var(--pai-navy);color:#fff;z-index:3}
/* Note: .pai-table th:first-child scores 0,2,1 and beats .pai-table thead th
   at 0,1,2, so the header's first cell needs its own colour or it renders
   navy on navy. */
.pai-table tbody tr:nth-child(even) td:first-child{background:#FAFBFD}
.pai-table .yes{color:var(--pai-green);font-weight:700}
.pai-table .no{color:#98A1B2}
.pai-swipe{font-size:12.5px;color:var(--pai-mute);margin-bottom:8px;text-align:right}

/* portal mock ----------------------------------------------- */
.pai-pbox{background:#fff;border:1px solid var(--pai-line);border-radius:18px;overflow:hidden;box-shadow:var(--pai-shx)}
.pai-pbox .top{background:var(--pai-grad);padding:13px 18px;display:flex;align-items:center;gap:8px}
.pai-pbox .top i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.3);display:block}
.pai-pbox .top b{color:#fff;font-size:12.5px;margin-left:8px;font-weight:600}
.pai-pbox .body{padding:20px}
.pai-prow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--pai-line);font-size:15px}
.pai-prow:last-child{border:0}
.pai-prow .lft{display:flex;align-items:center;gap:9px;color:#3A4252}
.pai-prow .lk{font-size:13.5px;color:var(--pai-blue);font-weight:600;white-space:nowrap}
.pai-chip{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:#E1F5EC;color:var(--pai-green);white-space:nowrap}
.pai-chip.amber{background:#FCF0D8;color:#8A6800}

/* promise band ---------------------------------------------- */
.pai-pr2{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.pai-pr2 .h{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.pai-pr2 .yes .h{color:#5CE8CB} .pai-pr2 .no .h{color:#FFB4A8}
.pai-pr2 li{font-size:15.5px;color:#C6D2E8;padding:9px 0 9px 28px;position:relative;line-height:1.55}
.pai-pr2 .yes li::before{content:"\2713";position:absolute;left:0;color:#5CE8CB;font-weight:800}
.pai-pr2 .no li::before{content:"\00d7";position:absolute;left:0;color:#FFB4A8;font-weight:800}
.pai-quote{text-align:center;margin-top:44px;padding-top:32px;border-top:1px solid rgba(255,255,255,.16)}
.pai-quote p{font-size:21px;color:var(--pai-cyan);font-family:'Plus Jakarta Sans';font-weight:700;max-width:780px;margin:0 auto;line-height:1.5}

/* accordion ------------------------------------------------- */
.pai-faq{max-width:840px;margin:0 auto}
.pai-faq details{border-bottom:1px solid var(--pai-line)}
.pai-faq summary{list-style:none;cursor:pointer;padding:19px 44px 19px 0;font-size:17.5px;font-weight:700;color:var(--pai-navy);position:relative;font-family:'Plus Jakarta Sans'}
.pai-faq summary::-webkit-details-marker{display:none}
.pai-faq summary::after{content:"+";position:absolute;right:6px;top:14px;font-size:26px;font-weight:400;color:var(--pai-teal);transition:.2s}
.pai-faq details[open] summary::after{transform:rotate(45deg)}
.pai-faq details[open] summary{color:var(--pai-blue)}
.pai-faq details p{padding:0 30px 20px 0;font-size:16px;color:var(--pai-slate);line-height:1.7}
.pai-faq summary:focus-visible{outline:3px solid var(--pai-cyan);outline-offset:2px}

/* timeline -------------------------------------------------- */
.pai-tl{position:relative;padding-left:34px}
.pai-tl::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--pai-cyan),var(--pai-blue))}
.pai-tlrow{position:relative;padding:0 0 26px}
.pai-tlrow::before{content:"";position:absolute;left:-30px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--pai-grad-cy);border:3px solid #fff;box-shadow:0 0 0 2px var(--pai-cyan)}
.pai-tlrow .w{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--pai-blue);margin-bottom:4px}
.pai-tlrow h4{font-size:16.5px;font-weight:700;color:var(--pai-navy);margin-bottom:4px}
.pai-tlrow p{font-size:15.5px;color:var(--pai-slate);line-height:1.55}
.pai-tlrow .who{display:inline-block;margin-top:6px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--pai-mist);color:var(--pai-slate);text-transform:uppercase;letter-spacing:.06em}
.pai-tlrow .who.you{background:var(--pai-grad-soft);color:var(--pai-blue)}

/* article cards --------------------------------------------- */
.pai-art{background:#fff;border:1px solid var(--pai-line);border-radius:var(--pai-r);overflow:hidden;box-shadow:var(--pai-sh);display:flex;flex-direction:column;transition:.18s}
.pai-art:hover{box-shadow:var(--pai-shx);transform:translateY(-3px)}
.pai-art .thumb{aspect-ratio:16/9;background:var(--pai-mist);overflow:hidden;display:block}
.pai-art .thumb img{width:100%;height:100%;object-fit:cover}
.pai-art .body{padding:20px;display:flex;flex-direction:column;flex:1}
.pai-art .meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.pai-art .pub{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--pai-blue)}
.pai-art .date{font-size:11.5px;color:var(--pai-mute)}
.pai-art h3{font-size:18px;line-height:1.35;margin-bottom:8px}
.pai-art p{font-size:15.5px;color:var(--pai-slate);line-height:1.55;flex:1;margin-bottom:14px}
.pai-art .foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid var(--pai-line)}
.pai-tag{font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--pai-grad-soft);color:var(--pai-navy);letter-spacing:.04em;border:1px solid rgba(0,196,204,.3)}
.pai .pai-art .read{font-size:13.5px;font-weight:700;color:var(--pai-navy);text-decoration:none;white-space:nowrap}
.pai .pai-art .read:hover{color:var(--pai-blue)}

/* link list ------------------------------------------------- */
.pai-linkrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--pai-line)}
.pai-linkrow .l{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.pai-linkrow .pub{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--pai-blue);min-width:110px}
.pai-linkrow .ti{font-size:16.5px;font-weight:600;color:var(--pai-navy)}
.pai-linkrow .dt{font-size:12.5px;color:var(--pai-mute)}
.pai .pai-linkrow a.go{font-size:13.5px;font-weight:700;color:var(--pai-navy);text-decoration:none;white-space:nowrap}
.pai .pai-linkrow a.go:hover{color:var(--pai-blue)}

/* social embed slots ---------------------------------------- */
.pai-embed{background:#fff;border:1px solid var(--pai-line);border-radius:var(--pai-r);padding:14px;box-shadow:var(--pai-sh);min-height:430px;display:flex;flex-direction:column}
.pai-embed .eh{display:flex;align-items:center;gap:8px;padding:4px 6px 14px;border-bottom:1px solid var(--pai-line);margin-bottom:14px}
.pai-embed .eh b{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--pai-navy)}
.pai-embed .slot{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--pai-mist);border:2px dashed var(--pai-line);border-radius:12px;padding:26px 20px}
.pai-embed .slot p{font-size:14.5px;color:var(--pai-slate);line-height:1.6}
.pai-embed .slot code{display:block;margin-top:10px;font-family:ui-monospace,Consolas,monospace;font-size:11px;color:var(--pai-blue);word-break:break-all;background:#fff;padding:8px 10px;border-radius:7px;border:1px solid var(--pai-line);text-align:left}

/* notes ------------------------------------------------------ */
.pai-note{background:var(--pai-grad-soft);border-left:4px solid var(--pai-cyan);border-radius:0 12px 12px 0;padding:18px 22px}
.pai-note p{font-size:15px;color:#2B3242;line-height:1.65}
.pai-note b{color:var(--pai-navy)}
.pai-warn{background:linear-gradient(140deg,#FEFAF0,#FDF5E4);border-left:4px solid var(--pai-gold);border-radius:0 12px 12px 0;padding:18px 22px}
.pai-warn p{font-size:15px;color:#4A3A10;line-height:1.65}

/* cta ------------------------------------------------------- */
.pai-cta{background:var(--pai-grad);color:#fff;text-align:center;padding:88px 0;position:relative;overflow:hidden}
.pai-cta::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:26px 26px;opacity:.5}
.pai-cta > *{position:relative;z-index:2}
.pai-cta h2{color:#fff;font-size:40px;margin-bottom:14px}
.pai-cta p{font-size:18.5px;color:#C6D8EE;max-width:620px;margin:0 auto 30px}
.pai-cta .pai-micro{color:#A8BDDA;margin-top:16px}

/* footer ---------------------------------------------------- */
.pai-footer{background:var(--pai-navy);color:#A8B6D0;padding:64px 0 30px;font-size:15px;position:relative;overflow:hidden}
.pai-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--pai-grad-cy)}
.pai-fgrid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:38px;margin-bottom:40px}
.pai-footer h4{font-size:11.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--pai-cyan);margin-bottom:15px}
.pai-footer li{margin-bottom:9px}
.pai-footer a{color:#A8B6D0;text-decoration:none}
.pai-footer a:hover{color:#fff}
.pai-fbrand img{height:46px;width:auto;margin-bottom:16px;filter:brightness(0) invert(1)}
.pai-fbrand p{font-size:15px;line-height:1.6;max-width:330px;margin-bottom:14px}
.pai-paystrip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:22px;font-size:12.5px;color:#93A3C0}
.pai-pchip{background:rgba(255,255,255,.1);border-radius:6px;padding:5px 11px;font-size:11.5px;font-weight:600;color:#C6D2E8}
.pai-disc{font-size:12.5px;color:#93A3C0;line-height:1.65;margin-bottom:14px}
.pai-fbot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#93A3C0;padding-top:6px}
.pai-social{display:flex;gap:10px;margin-bottom:16px}
.pai-social a{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:.15s}
.pai-social a:hover{background:var(--pai-cyan)}

/* whatsapp float + sticky ----------------------------------- */
.pai-wafloat{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:var(--pai-grad-wa);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 26px rgba(10,122,69,.44);z-index:90;text-decoration:none;transition:.16s}
.pai-wafloat:hover{transform:scale(1.06)}
.pai-sticky{display:none;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--pai-line);box-shadow:0 -4px 20px rgba(0,28,100,.1);z-index:80;padding:10px 14px;align-items:center;gap:10px}
.pai-sticky .p{flex:1;line-height:1.2}
.pai-sticky .p small{display:block;font-size:10.5px;color:var(--pai-mute);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.pai-sticky .p b{font-size:18px;color:var(--pai-navy);font-family:'Plus Jakarta Sans'}
.pai-sticky .pai-btn{padding:12px 18px;font-size:15px}
.pai-sticky .wa{width:46px;height:46px;border-radius:10px;background:var(--pai-grad-wa);display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* login ----------------------------------------------------- */
.pai-loginmain{background:linear-gradient(180deg,#fff 0%,var(--pai-mist) 100%);padding:64px 0 80px}
.pai-loginshell{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;max-width:1020px;margin:0 auto}
.pai-logincard{background:#fff;border:1px solid var(--pai-line);border-radius:20px;padding:38px;box-shadow:var(--pai-shx);position:relative;overflow:hidden}
.pai-logincard::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--pai-grad)}
.pai-logincard h1{font-size:33px;margin-bottom:10px}
.pai-logincard .sub{font-size:16.5px;color:var(--pai-slate);margin-bottom:28px;line-height:1.6}
.pai-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 24px;flex-wrap:wrap}
.pai-remember{display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--pai-slate);cursor:pointer}
.pai-remember input{width:17px;height:17px;accent-color:var(--pai-navy)}
.pai .pai-forgot{font-size:14.5px;font-weight:600;color:var(--pai-blue);text-decoration:none}
.pai .pai-forgot:hover{text-decoration:underline}
.pai-err{display:none;background:#FDF3F2;border:1px solid #F3D7D4;border-left:4px solid var(--pai-red);border-radius:9px;padding:12px 15px;font-size:14.5px;color:#7A1E17;margin-bottom:20px}
.pai-err.is-on{display:block}
.pai-noacct{margin-top:24px;padding-top:22px;border-top:1px solid var(--pai-line)}
.pai-noacct .t{font-size:14.5px;font-weight:700;color:var(--pai-navy);margin-bottom:6px}
.pai-noacct p{font-size:15px;color:var(--pai-slate);line-height:1.7}
.pai .pai-noacct a{color:var(--pai-blue);font-weight:600;text-decoration:none}
.pai .pai-noacct a:hover{text-decoration:underline}
.pai-feat{display:flex;gap:13px;align-items:flex-start;margin-bottom:18px}
.pai-feat .ic{width:40px;height:40px;border-radius:11px;background:var(--pai-grad-soft);border:1px solid rgba(0,196,204,.28);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:17px}
.pai-feat h4{font-size:15.5px;font-weight:700;color:var(--pai-navy);margin-bottom:3px}
.pai-feat p{font-size:15px;color:var(--pai-slate);line-height:1.55}
.pai-howin{background:#fff;border:1px solid var(--pai-line);border-radius:14px;padding:22px;margin-top:26px}
.pai-howin h4{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--pai-teal);margin-bottom:12px}
.pai-howin ol{counter-reset:s}
.pai-howin li{counter-increment:s;font-size:15px;color:#3A4252;padding:7px 0 7px 32px;position:relative;line-height:1.55}
.pai-howin li::before{content:counter(s);position:absolute;left:0;top:7px;width:21px;height:21px;border-radius:50%;background:var(--pai-grad);color:#fff;font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans'}

/* contact --------------------------------------------------- */
.pai-optcard{background:#fff;border:1px solid var(--pai-line);border-radius:var(--pai-r);padding:28px;box-shadow:var(--pai-sh);text-align:center;display:flex;flex-direction:column;position:relative;overflow:hidden}
.pai-optcard::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--pai-grad)}
.pai-optcard .ic{width:54px;height:54px;border-radius:15px;background:var(--pai-grad-soft);border:1px solid rgba(0,196,204,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:24px}
.pai-optcard h3{margin-bottom:8px}
.pai-optcard p{font-size:15.5px;color:var(--pai-slate);flex:1;margin-bottom:18px}
.pai-formcard{background:#fff;border:1px solid var(--pai-line);border-radius:20px;padding:34px;box-shadow:var(--pai-shx)}
.pai-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pai-formgrid .full{grid-column:1/-1}

/* entity table ---------------------------------------------- */
.pai-facts{width:100%;border-collapse:collapse;font-size:15.5px;background:#fff;border:1px solid var(--pai-line);border-radius:var(--pai-r);overflow:hidden}
.pai-facts th{width:32%;text-align:left;padding:14px 18px;background:var(--pai-mist);color:var(--pai-navy);font-weight:700;font-size:14px;border-bottom:1px solid var(--pai-line);vertical-align:top}
.pai-facts td{padding:14px 18px;border-bottom:1px solid var(--pai-line);color:#2B3242}
.pai-facts tr:last-child th,.pai-facts tr:last-child td{border-bottom:0}

/* utility --------------------------------------------------- */
.pai-hide{display:none !important}
@media(prefers-reduced-motion:reduce){.pai *{animation:none !important;transition:none !important}}

/* responsive ------------------------------------------------ */
@media(max-width:1120px){ .pai-menu{gap:18px;font-size:14.5px} }
@media(max-width:1024px){
  .pai-menu{gap:15px;font-size:13.5px}
  .pai-nav{height:82px}
  .pai-logo img{height:50px}
  .pai-loginlink{font-size:14px;padding:8px 10px}
}
@media(max-width:980px){
  .pai-herogrid,.pai-vs,.pai-pr2,.pai-loginshell{grid-template-columns:1fr;gap:34px}
  .pai-g4,.pai-plans{grid-template-columns:1fr 1fr}
  .pai-fgrid{grid-template-columns:1fr 1fr}
  .pai-hero h1{font-size:40px}
  .pai h1{font-size:36px}
  .pai h2{font-size:31px}
  .pai-menu,.pai-loginlink{display:none}
  .pai-burger{display:block}
  .pai-formgrid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .pai-sec{padding:56px 0}
  .pai{font-size:16px}
  .pai-g2,.pai-g3,.pai-g4,.pai-plans,.pai-fields,.pai-plats,.pai-fgrid{grid-template-columns:1fr}
  .pai-hero{padding:60px 0 66px}
  .pai-hero h1{font-size:33px}
  .pai h1{font-size:30px}
  .pai h2{font-size:26px}
  .pai-cta h2{font-size:28px}
  .pai-checker,.pai-logincard,.pai-formcard{padding:22px}
  .pai-oneline{padding:22px 24px}
  .pai-oneline p{font-size:17.5px}
  .pai-trial{flex-direction:column;align-items:flex-start}
  .pai-nav{height:74px}
  .pai-logo img{height:46px}
  .pai-wafloat{bottom:88px}
  .pai-sticky{display:flex}
  .pai-linkrow{flex-direction:column;align-items:flex-start;gap:8px}
}

/* ============================================================
   v7 COMPONENT REDESIGN
   Stats, tiles, steps, promises, price compare, outcomes,
   platform buttons. All icons are inline SVG, no emoji.
   Insert BEFORE the dark context block.
   ============================================================ */

/* --- shared icon chip ------------------------------------- */
.pai-ic{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  border-radius:13px;background:var(--pai-grad-soft);border:1px solid rgba(0,196,204,.32);
  color:var(--pai-teal);width:46px;height:46px;transition:.18s}
.pai-ic.sm{width:38px;height:38px;border-radius:11px}
.pai-ic.lg{width:56px;height:56px;border-radius:16px}
.pai-navy-bg .pai-ic,.pai-cta .pai-ic{background:rgba(0,196,204,.14);border-color:rgba(0,196,204,.42);color:var(--pai-cyan)}

/* --- 1. STATS: see the v10 block lower down --- */
.pai-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}

/* --- 2. FEATURE TILES ------------------------------------- */
.pai-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pai-tile{background:#fff;border:1px solid var(--pai-line);border-radius:15px;padding:22px 20px;
  box-shadow:var(--pai-sh);display:flex;flex-direction:column;gap:14px;transition:.18s;position:relative;overflow:hidden}
.pai-tile::after{content:"";position:absolute;inset:0;border-radius:15px;pointer-events:none;
  box-shadow:inset 0 0 0 0 var(--pai-cyan);transition:.18s}
.pai-tile:hover{transform:translateY(-4px);box-shadow:var(--pai-shx)}
.pai-tile:hover::after{box-shadow:inset 0 0 0 1.5px var(--pai-cyan)}
.pai-tile:hover .pai-ic{background:var(--pai-grad-cy);border-color:transparent;color:var(--pai-navy)}
.pai-tile h4{font-size:16.5px;font-weight:700;color:var(--pai-navy);margin-bottom:5px;line-height:1.3}
.pai-tile p{font-size:15.5px;color:var(--pai-slate);line-height:1.55}

/* --- 3. STEPS --------------------------------------------- */
.pai-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}
.pai-steps::before{content:"";position:absolute;top:34px;left:12%;right:12%;height:2px;
  background:linear-gradient(90deg,transparent,var(--pai-cyan) 12%,var(--pai-blue) 88%,transparent);opacity:.42}
.pai-stepcard{background:#fff;border:1px solid var(--pai-line);border-radius:var(--pai-r);
  padding:26px 24px 24px;box-shadow:var(--pai-sh);position:relative;transition:.18s;z-index:2}
.pai-stepcard:hover{box-shadow:var(--pai-shx);transform:translateY(-3px);border-color:rgba(0,196,204,.5)}
.pai-stepnum{width:52px;height:52px;border-radius:15px;background:var(--pai-grad);color:#fff;
  font-family:'Plus Jakarta Sans';font-size:20px;font-weight:800;display:flex;align-items:center;
  justify-content:center;margin-bottom:16px;box-shadow:0 8px 20px rgba(0,28,100,.24);letter-spacing:.02em}
.pai-stepcard h3{font-size:19px;margin-bottom:9px}
.pai-stepcard p{font-size:15.5px;color:var(--pai-slate);line-height:1.6}

/* --- 4. PROMISE ROWS -------------------------------------- */
.pai-prom{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.pai-promcol{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);
  border-radius:var(--pai-r);padding:28px 26px;display:flex;flex-direction:column}
.pai-promcol.yes{border-color:rgba(92,232,203,.34);background:linear-gradient(160deg,rgba(92,232,203,.09),rgba(255,255,255,.03))}
.pai-promcol.no{border-color:rgba(255,180,168,.3);background:linear-gradient(160deg,rgba(255,180,168,.08),rgba(255,255,255,.03))}
.pai-promcol .h{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.13)}
.pai-promcol.yes .h{color:#5CE8CB} .pai-promcol.no .h{color:#FFB4A8}
.pai-promcol ul{flex:1}
.pai-promcol li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;color:#D2DCEE;
  line-height:1.55;padding:11px 0}
.pai-promcol li + li{border-top:1px solid rgba(255,255,255,.07)}
.pai-promcol li svg{flex-shrink:0;margin-top:2px}
.pai-promcol.yes li svg{color:#5CE8CB} .pai-promcol.no li svg{color:#FFB4A8}
.pai-promfoot{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.13);
  font-size:15px;line-height:1.6;color:#A8B6D0}
.pai-promcol.no .pai-promfoot{color:#C6D2E8}

/* --- 5. PRICE COMPARE ------------------------------------- */
.pai-pcomp{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:stretch;
  max-width:880px;margin:0 auto}
.pai-pbox2{border-radius:18px;padding:30px 26px;text-align:center;display:flex;
  flex-direction:column;justify-content:center}
.pai-pbox2.market{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
.pai-pbox2.ours{background:linear-gradient(150deg,rgba(0,196,204,.2),rgba(0,196,204,.06));
  border:1.5px solid rgba(0,196,204,.55);box-shadow:0 14px 44px rgba(0,196,204,.14)}
.pai-pbox2 .lbl{font-size:11.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
  margin-bottom:14px}
.pai-pbox2.market .lbl{color:#93A3C0} .pai-pbox2.ours .lbl{color:var(--pai-cyan)}
.pai-pbox2 .amt{font-family:'Plus Jakarta Sans';font-weight:800;line-height:1.22;padding-bottom:3px;
  font-variant-numeric:tabular-nums}
.pai-pbox2.market .amt{font-size:34px;color:#B7C4DA}
.pai-pbox2.ours .amt{font-size:44px;color:#fff}
.pai-pbox2 .per{font-size:14.5px;margin-top:8px}
.pai-pbox2.market .per{color:#8FA0BE} .pai-pbox2.ours .per{color:#C9F4F7}
.pai-pvs{display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans';
  font-size:14px;font-weight:800;color:#7C8DB0;letter-spacing:.12em;text-transform:uppercase;
  align-self:center;padding:0 4px}

/* --- 6. OUTCOME CARDS ------------------------------------- */
.pai-outs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pai-outcard{background:#fff;border:1px solid var(--pai-line);border-radius:15px;padding:22px 20px;
  box-shadow:var(--pai-sh);display:flex;flex-direction:column;gap:12px;position:relative;
  overflow:hidden;transition:.18s}
.pai-outcard::before{content:"";position:absolute;left:0;right:0;top:0;height:4px}
.pai-outcard:hover{transform:translateY(-3px);box-shadow:var(--pai-shx)}
.pai-outcard.r::before{background:linear-gradient(90deg,#B3261E,#E05A4E)}
.pai-outcard.a::before{background:linear-gradient(90deg,#C08A00,#F0BE20)}
.pai-outcard.g::before{background:linear-gradient(90deg,#0B7B57,#2FBF8F)}
.pai-outcard .top{display:flex;align-items:center;gap:10px}
.pai-outcard .ic2{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;
  justify-content:center;flex-shrink:0}
.pai-outcard.r .ic2{background:#FDF1F0;color:var(--pai-red)}
.pai-outcard.a .ic2{background:#FDF6E6;color:#8A6800}
.pai-outcard.g .ic2{background:#E7F6F0;color:var(--pai-green)}
.pai-outcard .tg2{font-size:10.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.pai-outcard.r .tg2{color:var(--pai-red)} .pai-outcard.a .tg2{color:#8A6800} .pai-outcard.g .tg2{color:var(--pai-green)}
.pai-outcard h3{font-size:17.5px;line-height:1.35}
.pai-outcard p{font-size:15.5px;color:var(--pai-slate);line-height:1.55;flex:1}

/* --- 7. PLATFORM BUTTONS ---------------------------------- */
.pai .pai-plat{position:relative;overflow:hidden;padding:17px 14px;gap:12px;
  border:1.8px solid var(--pai-line);background:#fff;justify-content:flex-start}
.pai .pai-plat .pico{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;
  justify-content:center;flex-shrink:0;background:var(--pai-grad-soft);
  border:1px solid rgba(0,196,204,.3);color:var(--pai-teal);transition:.18s}
.pai .pai-plat .ptx{display:flex;flex-direction:column;line-height:1.25;text-align:left}
.pai .pai-plat .ptx b{font-size:15.5px;font-weight:700;color:var(--pai-navy)}
.pai .pai-plat .tag{font-size:11px;font-weight:600;color:var(--pai-mute);margin-top:2px}
.pai .pai-plat .go{margin-left:auto;color:var(--pai-mute);transition:.18s;flex-shrink:0}
.pai .pai-plat:hover{border-color:var(--pai-cyan);background:#fff;
  transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,196,204,.2)}
.pai .pai-plat:hover .pico{background:var(--pai-grad-cy);border-color:transparent;color:var(--pai-navy)}
.pai .pai-plat:hover .go{color:var(--pai-teal);transform:translateX(3px)}

/* --- platform brand marks --------------------------------- */
/* Sits between the label and the arrow, so you can see where the
   button sends you. Muted by default so the row stays calm, then
   the real brand colour on hover. These are third-party trademarks. */
.pai .pai-plat .pai-brand{display:inline-flex;align-items:center;justify-content:center;
  color:#7E8898;transition:color .18s, transform .18s;flex-shrink:0;margin-left:auto;padding-left:10px}
.pai .pai-plat .pai-brand svg{display:block}
.pai .pai-plat .go{margin-left:10px}
.pai .pai-plat:hover .pai-brand-openai{color:#0D0D0D}
.pai .pai-plat:hover .pai-brand-perplexity{color:#20808D}
.pai .pai-plat:hover .pai-brand-gemini{color:#4285F4}
.pai .pai-plat:hover .pai-brand{transform:scale(1.06)}
@media(max-width:1100px) and (min-width:981px){
  .pai .pai-plat .ptx b{font-size:14.5px}
  .pai .pai-plat{padding:15px 11px;gap:9px}
}

/* --- responsive for the new bits -------------------------- */
@media(max-width:980px){
  .pai-stats,.pai-tiles,.pai-outs{grid-template-columns:1fr 1fr}
  .pai-steps{grid-template-columns:1fr;gap:16px}
  .pai-steps::before{display:none}
  .pai-prom{grid-template-columns:1fr}
  .pai-pcomp{grid-template-columns:1fr;gap:16px}
  .pai-pvs{padding:4px 0}
}
@media(max-width:640px){
  .pai-stats,.pai-tiles,.pai-outs{grid-template-columns:1fr}
  .pai-statcard .l{min-height:0}
  .pai-pbox2.ours .amt{font-size:38px}
}


/* ============================================================
   v9 ANIMATED HERO CARD
   The first thing a visitor sees. It plays the whole story in
   about seven seconds: a customer asks, four AI tools answer,
   three rivals get named, and one slot sits empty.
   Pure CSS, no JavaScript, no images.
   ============================================================ */

.pai-sample{background:#fff;border-radius:22px;padding:22px;color:var(--pai-ink);
  box-shadow:0 30px 70px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.08)}
.pai-sample .sh{display:flex;align-items:center;gap:9px;padding-bottom:14px;
  border-bottom:1px solid var(--pai-line);margin-bottom:14px}
.pai-sample .sh b{font-size:12.5px;font-weight:800;color:var(--pai-navy);
  letter-spacing:.05em;text-transform:uppercase}
.pai-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:10px;
  font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--pai-teal);
  background:var(--pai-grad-soft);border:1px solid rgba(0,196,204,.35);
  padding:4px 10px;border-radius:999px}
.pai-live i{width:6px;height:6px;border-radius:50%;background:#12C48B;display:block;
  animation:paiBlink 1.6s ease-in-out infinite}
@keyframes paiBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}

/* platform tabs ------------------------------------------- */
.pai-ptabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px}
.pai-ptab{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px 8px;
  border-radius:11px;border:1.5px solid var(--pai-line);background:#fff;
  font-size:10.5px;font-weight:700;color:#616A7B;letter-spacing:.01em;
  transition:.3s;position:relative;overflow:hidden}
.pai-ptab svg{opacity:.45;transition:.3s}
.pai-ptab.on{border-color:currentColor;background:var(--pai-grad-soft);box-shadow:0 4px 14px rgba(0,28,100,.09)}
.pai-ptab.on svg{opacity:1}
.pai-ptab.p1{--c:#0D0D0D} .pai-ptab.p2{--c:#20808D}
.pai-ptab.p3{--c:#4285F4} .pai-ptab.p4{--c:#CC6642}
.pai-ptab.on{color:var(--pai-navy)}
.pai-ptab.on svg{color:var(--c)}
.pai-ptab.on i{background:var(--c)}
.pai-ptab i{position:absolute;left:0;right:0;bottom:0;height:2.5px;background:currentColor;
  transform:scaleX(0);transform-origin:left;transition:transform .3s}
.pai-ptab.on i{transform:scaleX(1)}
.pai-ptab.a1{animation:paiTab 9.6s linear infinite}
.pai-ptab.a2{animation:paiTab 9.6s linear infinite 2.4s}
.pai-ptab.a3{animation:paiTab 9.6s linear infinite 4.8s}
.pai-ptab.a4{animation:paiTab 9.6s linear infinite 7.2s}
@keyframes paiTab{
  0%{border-color:var(--c);background:#EFFBFC;color:var(--pai-navy)}
  22%{border-color:var(--c);background:#EFFBFC;color:var(--pai-navy)}
  27%{border-color:var(--pai-line);background:#fff;color:#616A7B}
  100%{border-color:var(--pai-line);background:#fff;color:#616A7B}
}
.pai-ptab.a1 svg,.pai-ptab.a2 svg,.pai-ptab.a3 svg,.pai-ptab.a4 svg{animation:inherit;animation-name:paiTabIcon}
@keyframes paiTabIcon{0%,22%{opacity:1}27%,100%{opacity:.4}}

/* question bubble ----------------------------------------- */
.pai-qb{background:var(--pai-mist);border:1px solid var(--pai-line);
  border-radius:13px 13px 13px 4px;padding:13px 15px;font-size:14.5px;color:#2B3242;
  margin-bottom:14px;position:relative;min-height:44px;display:flex;align-items:center}
.pai-qb .typ{display:inline-block;white-space:nowrap;overflow:hidden;
  animation:paiType 1.7s steps(38,end) infinite alternate;animation-duration:9.6s}
@keyframes paiType{0%{max-width:0}18%{max-width:100%}100%{max-width:100%}}
.pai-qb::after{content:"";width:2px;height:17px;background:var(--pai-cyan);
  margin-left:3px;animation:paiCaret .9s step-end infinite;flex-shrink:0}
@keyframes paiCaret{0%,100%{opacity:1}50%{opacity:0}}

/* label + thinking dots ----------------------------------- */
.pai-albl{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:var(--pai-mute);margin-bottom:9px;display:flex;align-items:center;gap:8px}
.pai-think{display:inline-flex;gap:3px}
.pai-think i{width:4px;height:4px;border-radius:50%;background:var(--pai-cyan);display:block;
  animation:paiThink 1.2s ease-in-out infinite}
.pai-think i:nth-child(2){animation-delay:.15s}
.pai-think i:nth-child(3){animation-delay:.3s}
@keyframes paiThink{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

/* rival rows ---------------------------------------------- */
.pai-ans{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:11px;
  background:#F3F5F9;margin-bottom:7px;opacity:0;
  animation:paiRise 9.6s ease-out infinite}
.pai-ans.r1{animation-delay:.0s} .pai-ans.r2{animation-delay:.35s} .pai-ans.r3{animation-delay:.7s}
@keyframes paiRise{
  0%,20%{opacity:0;transform:translateY(9px)}
  27%,92%{opacity:1;transform:translateY(0)}
  100%{opacity:0;transform:translateY(9px)}
}
.pai-ans .num{font-size:12.5px;font-weight:800;color:#646D7E;font-family:'Plus Jakarta Sans';flex-shrink:0}
.pai-ans .bar{height:9px;border-radius:5px;background:linear-gradient(90deg,#CBD3DE,#DFE5EE);flex:1}
.pai-ans.r1 .bar{max-width:62%} .pai-ans.r2 .bar{max-width:78%} .pai-ans.r3 .bar{max-width:52%}
.pai-ans .who{font-size:10.5px;font-weight:700;color:#646D7E;letter-spacing:.03em;
  white-space:nowrap;flex-shrink:0}

/* the empty slot ------------------------------------------ */
.pai-you{margin-top:11px;padding:14px 16px;border-radius:12px;text-align:center;
  background:var(--pai-grad-soft);border:2px dashed var(--pai-cyan);
  color:var(--pai-navy);font-weight:800;font-size:15px;position:relative;
  display:flex;align-items:center;justify-content:center;gap:9px;
  animation:paiGlow 2.6s ease-in-out infinite}
@keyframes paiGlow{
  0%,100%{box-shadow:0 0 0 0 rgba(0,196,204,.34);border-color:var(--pai-cyan)}
  50%{box-shadow:0 0 0 9px rgba(0,196,204,0);border-color:#37E0C4}
}
.pai-you .up{display:inline-flex;color:var(--pai-teal);animation:paiNudge 2.6s ease-in-out infinite}
@keyframes paiNudge{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

.pai-sample .sf{margin-top:14px;padding-top:13px;border-top:1px solid var(--pai-line);
  font-size:13.5px;color:var(--pai-slate);line-height:1.55}

/* motion off ---------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  .pai-sample *,.pai-sample{animation:none !important}
  .pai-ans{opacity:1;transform:none}
  .pai-qb .typ{max-width:100%}
  .pai-ptab.a1{border-color:#0D0D0D;background:#EFFBFC;color:#0D0D0D}
  .pai-ptab.a1 svg,.pai-ptab.a2 svg,.pai-ptab.a3 svg,.pai-ptab.a4 svg{opacity:1}
}
@media(max-width:640px){
  .pai-ptab{font-size:9.5px;padding:8px 2px 7px}
  .pai-ans .who{display:none}
  .pai-qb{font-size:13.5px}
}


/* ============================================================
   v10 ANIMATED STATS BAND
   Four numbers that prove the problem is real. They arrive one
   at a time as you scroll in, then the figure counts up.
   ============================================================ */
.pai-statcard{background:#fff;border:1px solid var(--pai-line);border-radius:var(--pai-r);
  padding:26px 22px 20px;box-shadow:var(--pai-sh);position:relative;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;text-align:center;
  transition:box-shadow .2s, transform .2s, border-color .2s;
  opacity:0;transform:translateY(18px)}
.pai-stats.is-in .pai-statcard{opacity:1;transform:none;
  transition:opacity .55s cubic-bezier(.2,.7,.3,1), transform .55s cubic-bezier(.2,.7,.3,1),
             box-shadow .2s, border-color .2s}
.pai-stats.is-in .pai-statcard:nth-child(1){transition-delay:0s}
.pai-stats.is-in .pai-statcard:nth-child(2){transition-delay:.11s}
.pai-stats.is-in .pai-statcard:nth-child(3){transition-delay:.22s}
.pai-stats.is-in .pai-statcard:nth-child(4){transition-delay:.33s}

/* gradient rule with a slow light sweep */
.pai-statcard::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:var(--pai-grad)}
.pai-statcard::after{content:"";position:absolute;left:-40%;top:0;width:40%;height:3px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);
  animation:paiSweep 4.5s ease-in-out infinite}
.pai-statcard:nth-child(2)::after{animation-delay:.5s}
.pai-statcard:nth-child(3)::after{animation-delay:1s}
.pai-statcard:nth-child(4)::after{animation-delay:1.5s}
@keyframes paiSweep{0%{left:-40%}55%,100%{left:110%}}

.pai-statcard:hover{box-shadow:var(--pai-shx);transform:translateY(-4px);
  border-color:rgba(0,196,204,.45)}
.pai-statcard:hover .pai-ic{background:var(--pai-grad-cy);border-color:transparent;color:var(--pai-navy)}

.pai-statcard .pai-ic{margin-bottom:14px}
.pai-statcard .n{font-family:'Plus Jakarta Sans';font-size:44px;font-weight:800;
  letter-spacing:-.03em;line-height:1.24;padding-bottom:4px;font-variant-numeric:tabular-nums;
  color:var(--pai-blue);background:var(--pai-grad-txt);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}
.pai-statcard .l{font-size:15.5px;color:var(--pai-slate);line-height:1.5;flex:1;
  display:flex;align-items:center;justify-content:center;min-height:54px;margin:4px 0 14px}
.pai-statcard .s{font-size:12px;color:var(--pai-mute);letter-spacing:.04em;
  padding-top:12px;border-top:1px solid var(--pai-line);margin-top:auto;width:100%}

@media(prefers-reduced-motion:reduce){
  .pai-statcard{opacity:1;transform:none}
  .pai-statcard::after{animation:none;display:none}
}
@media(max-width:640px){
  .pai-statcard .n{font-size:38px}
  .pai-statcard .l{min-height:0}
}


/* ============================================================
   v11 NEW COMPONENTS  (August 2026 update)
   ------------------------------------------------------------
   Everything added for the rewritten home page:
     A. Audience marquee ................ .pai-aud
     B. Animated AI result cards ........ .pai-scan
     C. Evidence gap comparison ......... .pai-gap
     D. Signal flow to the AI platforms . .pai-flow
     E. Proof of work, four tabs ........ .pai-work
     F. Compressed first article block .. .pai-first
     G. Plan rhythm cards ............... .pai-rhy
     H. Portal demo page ................ .pai-pd
   Insert BEFORE the dark context override block at the bottom.
   ============================================================ */


/* ============================================================
   A. AUDIENCE MARQUEE
   Thirty business types, three rows, drifting slowly in
   opposite directions. Pauses when the pointer is over it.
   ============================================================ */
.pai-aud{position:relative;overflow:hidden;padding:2px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.pai-audrow{display:flex;gap:11px;width:max-content;margin-bottom:11px;
  animation:paiMarq 64s linear infinite;will-change:transform}
.pai-audrow:last-child{margin-bottom:0}
.pai-audrow.s2{animation-duration:78s;animation-direction:reverse}
.pai-audrow.s3{animation-duration:71s}
.pai-aud:hover .pai-audrow,.pai-aud:focus-within .pai-audrow{animation-play-state:paused}
@keyframes paiMarq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

.pai-achip{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0;
  padding:11px 19px;border-radius:999px;background:#fff;border:1.5px solid var(--pai-line);
  font-size:15px;font-weight:600;color:var(--pai-navy);box-shadow:0 1px 2px rgba(0,28,100,.04);
  transition:.18s}
.pai-achip::before{content:"";width:7px;height:7px;border-radius:50%;
  background:var(--pai-grad-cy);flex-shrink:0}
.pai-achip:hover{border-color:var(--pai-cyan);box-shadow:0 8px 20px rgba(0,196,204,.18);
  transform:translateY(-2px)}
.pai-mist .pai-achip{background:#fff}

.pai-audfoot{text-align:center;margin-top:26px}
.pai-audfoot p{font-size:16.5px;color:var(--pai-slate);margin-bottom:16px}

@media(prefers-reduced-motion:reduce){
  .pai-audrow{animation:none;width:auto;flex-wrap:wrap;justify-content:center}
  .pai-aud{-webkit-mask-image:none;mask-image:none}
  .pai-audrow .is-dupe{display:none}
}
@media(max-width:640px){
  .pai-achip{font-size:13.5px;padding:9px 15px}
  .pai-audrow{gap:9px;margin-bottom:9px}
}


/* ============================================================
   B. AI RESULT CARDS  (rebuilt Aug 2026)
   Four things a check comes back with, sitting under the checker.
   Brand palette only: navy for the worst case through to cyan for
   the best, so severity reads as depth of colour, not traffic
   lights. One 8s timeline, the four cards cascade left to right.
   ============================================================ */
.pai-scans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

.pai-scan{--acc:var(--pai-navy);--soft:#E9EEF7;--d:0s;
  background:#fff;border:1px solid var(--pai-line);border-radius:15px;
  box-shadow:var(--pai-sh);overflow:hidden;display:flex;flex-direction:column;
  transition:.18s;position:relative}
.pai-scan.s1{--acc:#001C64;--soft:#E9EDF7;--d:0s}
.pai-scan.s2{--acc:#0032A2;--soft:#E8EEFB;--d:.45s}
.pai-scan.s3{--acc:#00727C;--soft:#E3F4F6;--d:.9s}
.pai-scan.s4{--acc:#008C96;--soft:#DFF7F8;--d:1.35s}
.pai-scan::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:var(--acc);z-index:3}
.pai-scan.s4::before{background:var(--pai-grad-cy)}
.pai-scan:hover{box-shadow:var(--pai-shx);transform:translateY(-4px);border-color:var(--acc)}

.pai-scan .hd{display:flex;align-items:center;gap:9px;padding:17px 18px 0}
.pai-scan .ic2{width:31px;height:31px;border-radius:9px;display:flex;align-items:center;
  justify-content:center;flex-shrink:0;background:var(--soft);color:var(--acc)}
.pai-scan.s1 .ic2,.pai-scan.s2 .ic2{background:var(--acc);color:#fff}
.pai-scan.s4 .ic2{background:var(--pai-grad-cy);color:var(--pai-navy)}
.pai-scan .tg2{font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
  color:var(--acc)}
.pai-scan h3{font-size:16.5px;line-height:1.32;padding:11px 18px 0}
.pai-scan > p{font-size:14.5px;color:var(--pai-slate);line-height:1.5;padding:7px 18px 0;flex:1}

/* the small AI answer box ---------------------------------- */
.pai-mock{position:relative;margin:15px 14px 14px;background:#F7F9FC;
  border:1px solid var(--pai-line);border-radius:11px;padding:10px 11px 11px;overflow:hidden}
/* a scanner light passes over the box as the question is typed */
.pai-mock::after{content:"";position:absolute;left:-65%;top:0;bottom:0;width:48%;
  pointer-events:none;background:linear-gradient(100deg,transparent,rgba(0,196,204,.18),transparent);
  animation:paiScanSweep 8s ease-in-out infinite;animation-delay:var(--d)}
@keyframes paiScanSweep{0%{left:-65%}20%{left:125%}100%{left:125%}}

.pai-mq{position:relative;z-index:2;display:flex;align-items:center;gap:7px;background:#fff;
  border:1px solid var(--pai-line);border-radius:7px;padding:6px 8px;margin-bottom:8px}
.pai-mq svg{color:#9AA5B5;flex-shrink:0}
.pai-mq .t{height:6px;border-radius:3px;width:0;
  background:linear-gradient(90deg,#C2CBD9,#E2E8F1);
  animation:paiMType 8s ease-in-out infinite;animation-delay:var(--d)}
@keyframes paiMType{0%{width:0}12%{width:82%}90%{width:82%}100%{width:0}}
.pai-mq i{width:1.5px;height:9px;background:var(--pai-cyan);display:block;flex-shrink:0;
  animation:paiCaret .9s step-end infinite}

.pai-mrows{position:relative;z-index:2}
.pai-mrow{position:relative;display:flex;align-items:center;gap:7px;padding:5px 7px;
  min-height:23px;border-radius:6px;background:#fff;border:1px solid #EAEFF6;
  margin-bottom:5px;opacity:0;
  animation:paiMRise 8s ease-out infinite}
.pai-mrows .pai-mrow:nth-child(1){animation-delay:calc(var(--d) + 0s)}
.pai-mrows .pai-mrow:nth-child(2){animation-delay:calc(var(--d) + .18s)}
.pai-mrows .pai-mrow:nth-child(3){animation-delay:calc(var(--d) + .36s)}
@keyframes paiMRise{
  0%,15%{opacity:0;transform:translateY(6px)}
  23%,92%{opacity:1;transform:translateY(0)}
  100%{opacity:0;transform:translateY(6px)}
}
.pai-mrow .n{font-size:9px;font-weight:800;color:#6F7889;flex-shrink:0;width:7px;
  font-family:'Plus Jakarta Sans'}
.pai-mrow .b{height:5px;border-radius:3px;flex:1;background:linear-gradient(90deg,#CBD3DE,#E3E8F0)}
.pai-mrow .lb{font-size:9.5px;font-weight:700;color:#6F7889;white-space:nowrap;flex-shrink:0}

/* the verdict strip at the foot of each card ---------------- */
.pai-mtag{position:relative;z-index:2;margin-top:7px;padding:6px 8px;border-radius:7px;
  height:44px;display:flex;align-items:center;justify-content:center;line-height:1.28;
  text-align:center;border:1.5px dashed var(--acc);background:var(--soft);color:var(--acc);
  font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:0;
  animation:paiTagIn 8s ease-out infinite;animation-delay:calc(var(--d) + .5s)}
@keyframes paiTagIn{
  0%,26%{opacity:0;transform:scale(.96)}
  34%,92%{opacity:1;transform:scale(1)}
  100%{opacity:0;transform:scale(.96)}
}
.pai-mtag::after{content:"";position:absolute;inset:-3px;border-radius:9px;
  border:1.5px solid currentColor;opacity:0;pointer-events:none;
  animation:paiTagRing 2.6s ease-out infinite;animation-delay:calc(var(--d) + 1.2s)}
@keyframes paiTagRing{0%{opacity:.45;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.07)}}

/* card 2, the highlight walks down the rivals --------------- */
.pai-scan.s2 .pai-mrow::before{content:"";position:absolute;inset:0;border-radius:6px;
  border:1.5px solid var(--acc);opacity:0;pointer-events:none}
.pai-scan.s2 .pai-mrows .pai-mrow:nth-child(1)::before{animation:paiPick 8s linear infinite;animation-delay:calc(var(--d) + 2.0s)}
.pai-scan.s2 .pai-mrows .pai-mrow:nth-child(2)::before{animation:paiPick 8s linear infinite;animation-delay:calc(var(--d) + 2.5s)}
.pai-scan.s2 .pai-mrows .pai-mrow:nth-child(3)::before{animation:paiPick 8s linear infinite;animation-delay:calc(var(--d) + 3.0s)}
@keyframes paiPick{0%{opacity:0}2%{opacity:1}7%{opacity:0}100%{opacity:0}}
.pai-scan.s2 .pai-mrow .lb{color:var(--acc)}

/* card 3, the wrong facts get struck through ---------------- */
.pai-mfix{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin-top:7px;
  padding:6px 8px;border-radius:7px;height:44px;align-content:center;row-gap:2px;
  background:var(--soft);
  border:1px solid rgba(0,114,124,.28);flex-wrap:wrap;opacity:0;
  animation:paiTagIn 8s ease-out infinite;animation-delay:calc(var(--d) + .5s)}
.pai-mfix .w{position:relative;font-size:9.5px;font-weight:700;color:var(--acc)}
.pai-mfix .w::after{content:"";position:absolute;left:0;top:52%;height:1.4px;width:0;
  background:currentColor;animation:paiStrike 8s ease-out infinite;
  animation-delay:calc(var(--d) + .9s)}
.pai-mfix .w:last-of-type::after{animation-delay:calc(var(--d) + 1.15s)}
@keyframes paiStrike{0%,32%{width:0}42%,92%{width:100%}100%{width:0}}
.pai-mfix .x{margin-left:auto;font-size:9.5px;font-weight:800;color:var(--acc);
  letter-spacing:.04em;animation:paiMFlash 2.4s ease-in-out infinite}
@keyframes paiMFlash{0%,100%{opacity:.5}50%{opacity:1}}

/* card 4, you are named, and it holds ----------------------- */
.pai-scan.s4 .pai-mrows .pai-mrow:nth-child(1){border-color:rgba(0,196,204,.55);background:#F3FDFD}
.pai-scan.s4 .pai-mrows .pai-mrow:nth-child(1) .b{background:var(--pai-grad-cy)}
.pai-scan.s4 .pai-mrows .pai-mrow:nth-child(1) .lb{color:var(--acc)}
.pai-scan.s4 .pai-mrows .pai-mrow:nth-child(1)::before{content:"";position:absolute;inset:-2px;
  border-radius:8px;border:1.5px solid var(--pai-cyan);opacity:0;pointer-events:none;
  animation:paiHold 2.6s ease-out infinite;animation-delay:calc(var(--d) + 1.2s)}
@keyframes paiHold{0%{opacity:.55;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.05)}}
.pai-mtick{width:13px;height:13px;border-radius:50%;background:var(--pai-grad-cy);
  color:var(--pai-navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;
  opacity:0;animation:paiMPop 8s ease-out infinite;animation-delay:calc(var(--d) + .55s)}
@keyframes paiMPop{
  0%,26%{opacity:0;transform:scale(.2)}
  33%{opacity:1;transform:scale(1.3)}
  38%,92%{opacity:1;transform:scale(1)}
  100%{opacity:0;transform:scale(.2)}
}

.pai-scanfoot{text-align:center;margin-top:30px;font-size:17.5px;font-weight:600;
  color:var(--pai-navy);line-height:1.55}

@media(prefers-reduced-motion:reduce){
  .pai-mock::after{display:none}
  .pai-mrow,.pai-mtag,.pai-mfix,.pai-mtick{opacity:1;transform:none;animation:none}
  .pai-mq .t{width:82%;animation:none}
  .pai-mq i,.pai-mtag::after,.pai-mfix .x{animation:none}
  .pai-mfix .w{text-decoration:line-through}
  .pai-mfix .w::after{display:none}
  .pai-scan.s2 .pai-mrow::before,.pai-scan.s4 .pai-mrows .pai-mrow:nth-child(1)::before{display:none}
}
@media(max-width:980px){.pai-scans{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.pai-scans{grid-template-columns:1fr}}


/* ============================================================
   C. EVIDENCE GAP
   Four squares against forty. The right hand grid fills itself
   in when the section scrolls into view.
   ============================================================ */
.pai-gapwrap{display:grid;grid-template-columns:1fr 62px 1fr;gap:14px;align-items:center}
.pai-gapbox{background:#fff;border:1px solid var(--pai-line);border-radius:var(--pai-r);
  padding:26px 26px 22px;box-shadow:var(--pai-sh);height:100%;
  display:flex;flex-direction:column}
.pai-gapbox.win{border:2px solid var(--pai-navy);box-shadow:var(--pai-shx)}
.pai-gapbox h3{font-size:19.5px;margin-bottom:5px}
.pai-gapbox .sub{font-size:14.5px;color:var(--pai-slate);line-height:1.5;margin-bottom:18px;
  min-height:44px}
.pai-dots{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;margin-bottom:16px}
.pai-dots i{aspect-ratio:1/1;border-radius:6px;background:#F1F4F8;display:block;
  transform:scale(.82);opacity:.55;transition:transform .4s cubic-bezier(.2,.8,.3,1.2),
  opacity .4s, background .4s}
.pai-gap.is-in .pai-dots i.f{transform:scale(1);opacity:1}
.pai-dots.dull i.f{background:#9AA5B5}
.pai-dots.lit i.f{background:var(--pai-grad-cy);box-shadow:0 2px 6px rgba(0,196,204,.28)}
.pai-gapbox .cnt{font-size:14px;color:var(--pai-mute);margin-top:auto;
  padding-top:14px;border-top:1px solid var(--pai-line)}
.pai-gapbox .cnt b{font-family:'Plus Jakarta Sans';font-size:19px;font-weight:800;
  color:var(--pai-navy);margin-right:5px;font-variant-numeric:tabular-nums}
.pai-gapbox.win .cnt b{color:var(--pai-teal)}

.pai-vsdot{width:54px;height:54px;border-radius:50%;background:var(--pai-grad);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans';
  font-weight:800;font-size:15px;letter-spacing:.04em;justify-self:center;
  box-shadow:0 8px 22px rgba(0,28,100,.26)}

.pai-gapbar{margin-top:26px;background:var(--pai-navy);border-radius:var(--pai-r);
  padding:26px 30px;text-align:center;position:relative;overflow:hidden}
.pai-gapbar::before{content:"";position:absolute;inset:0;
  background:radial-gradient(600px 260px at 80% 0%,rgba(0,196,204,.22),transparent 62%),
             radial-gradient(520px 240px at 6% 100%,rgba(0,50,162,.5),transparent 62%)}
.pai-gapbar p{position:relative;z-index:2;font-family:'Plus Jakarta Sans';font-weight:800;
  font-size:23px;line-height:1.45;color:#fff;letter-spacing:-.02em}
.pai-gapbar .hl{background:linear-gradient(100deg,#00C4CC 0%,#37E0C4 45%,#8FF0F5 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  color:var(--pai-cyan)}

@media(prefers-reduced-motion:reduce){
  .pai-dots i{transform:none;opacity:1}
}
@media(max-width:980px){
  .pai-gapwrap{grid-template-columns:1fr;gap:16px}
  .pai-vsdot{width:46px;height:46px;font-size:13.5px}
  .pai-gapbox .sub{min-height:0}
}
@media(max-width:640px){
  .pai-gapbar{padding:22px 20px}
  .pai-gapbar p{font-size:19px}
  .pai-dots{gap:5px}
}


/* ============================================================
   D. SIGNAL FLOW
   The public record about your brand, feeding four AI systems.
   Move up a plan and both the record and the flow get denser.
   ============================================================ */
.pai-flow{background:var(--pai-navy);border-radius:22px;padding:30px 28px 26px;
  position:relative;overflow:hidden;color:#fff}
.pai-flow::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(760px 380px at 86% 4%,rgba(0,196,204,.2),transparent 62%),
             radial-gradient(620px 340px at 4% 98%,rgba(0,50,162,.55),transparent 62%)}
.pai-flow > *{position:relative;z-index:2}

.pai-fplats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.pai-fplat{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;
  background:rgba(255,255,255,.94);color:#141821;font-size:14px;font-weight:700;
  box-shadow:0 6px 18px rgba(0,0,0,.24);transition:.25s}
.pai-fplat svg{flex-shrink:0}
.pai-fplat.f1{color:#0D0D0D}.pai-fplat.f2{color:#20808D}
.pai-fplat.f3{color:#2B6FD8}.pai-fplat.f4{color:#B4552F}
.pai-fplat.hot{box-shadow:0 0 0 2px rgba(0,196,204,.8),0 10px 26px rgba(0,196,204,.35);
  transform:translateY(-2px)}

/* the beams -------------------------------------------------- */
.pai-fbeams{height:74px;margin:0 auto;max-width:820px;position:relative}
.pai-fbeams svg{width:100%;height:100%;display:block;overflow:visible}
.pai-fbeams .rail{fill:none;stroke:rgba(0,196,204,.22);stroke-width:1.2;
  vector-effect:non-scaling-stroke;stroke-dasharray:3 7}
/* The travelling strings. A higher plan puts more of them on the wire
   and moves them faster, so the density change is the whole point. */
.pai-fbeam{fill:none;stroke:#37E0C4;stroke-width:2.4;stroke-linecap:round;
  vector-effect:non-scaling-stroke;animation:paiBeamRun 2.6s linear infinite;
  filter:drop-shadow(0 0 4px rgba(0,196,204,.7));transition:opacity .4s}
@keyframes paiBeamRun{from{stroke-dashoffset:0}to{stroke-dashoffset:-260}}
.pai-fbeam.b2{animation-delay:-.7s}
.pai-fbeam.b3{animation-delay:-1.3s}
.pai-fbeam.b4{animation-delay:-1.9s}
.pai-flow[data-tier="1"] .pai-fbeam{stroke-dasharray:5 255;animation-duration:3.6s;opacity:.7}
.pai-flow[data-tier="2"] .pai-fbeam{stroke-dasharray:5 72;animation-duration:3.0s;opacity:.85}
.pai-flow[data-tier="3"] .pai-fbeam{stroke-dasharray:6 38;animation-duration:2.4s;opacity:.95}
.pai-flow[data-tier="4"] .pai-fbeam{stroke-dasharray:7 19;animation-duration:1.8s;opacity:1}

/* the record --------------------------------------------------- */
.pai-frec{background:rgba(3,20,66,.66);border:1px solid rgba(0,196,204,.24);
  border-radius:16px;padding:18px 18px 16px;margin-bottom:16px}
.pai-frechd{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  margin-bottom:14px;flex-wrap:wrap}
.pai-frechd .lb{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--pai-cyan)}
.pai-frechd .ct{font-size:13px;color:#A8B6D0;font-weight:600}
.pai-frechd .ct b{font-family:'Plus Jakarta Sans';font-size:24px;font-weight:800;color:#fff;
  margin-right:5px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.pai-fgridcells{display:grid;grid-template-columns:repeat(22,1fr);gap:5px}
.pai-fgridcells i{aspect-ratio:1/1;border-radius:3px;background:rgba(255,255,255,.07);
  display:block;transition:background .45s ease, box-shadow .45s ease, transform .45s ease}
.pai-fgridcells i.on{background:linear-gradient(140deg,#00C4CC,#37E0C4);
  box-shadow:0 0 8px rgba(0,196,204,.55);transform:scale(1.04)}

/* tier switcher ------------------------------------------------- */
.pai-ftiers{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.pai .pai-ftier{text-align:left;padding:12px 14px;border-radius:12px;cursor:pointer;
  background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.14);
  font-family:Inter;transition:.2s;color:#fff}
.pai .pai-ftier .t{display:block;font-size:10.5px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:#A8B6D0;margin-bottom:5px;transition:.2s}
.pai .pai-ftier .v{display:block;font-family:'Plus Jakarta Sans';font-size:21px;font-weight:800;
  color:#fff;line-height:1.2;letter-spacing:-.02em}
.pai .pai-ftier .d{display:block;font-size:12px;color:#93A3C0;margin-top:3px;line-height:1.35}
.pai .pai-ftier:hover{border-color:rgba(0,196,204,.6);background:rgba(0,196,204,.1)}
.pai .pai-ftier.on{background:rgba(0,196,204,.16);border-color:var(--pai-cyan);
  box-shadow:0 8px 24px rgba(0,196,204,.22)}
.pai .pai-ftier.on .t{color:var(--pai-cyan)}
.pai .pai-ftier:focus-visible{outline:3px solid var(--pai-cyan);outline-offset:2px}

.pai-fnote{margin-top:16px;font-size:13px;color:#93A3C0;line-height:1.6;text-align:center}

@media(prefers-reduced-motion:reduce){
  .pai-fbeam{animation:none;stroke-dasharray:none;opacity:.55}
}
@media(max-width:980px){
  .pai-ftiers{grid-template-columns:1fr 1fr}
  .pai-fgridcells{grid-template-columns:repeat(16,1fr)}
  .pai-fbeams{height:56px}
}
@media(max-width:640px){
  .pai-flow{padding:22px 16px 20px;border-radius:18px}
  .pai-fplat{font-size:12.5px;padding:7px 12px}
  .pai-fgridcells{grid-template-columns:repeat(12,1fr);gap:4px}
  .pai-fbeams{height:44px}
  .pai .pai-ftier .v{font-size:18px}
}


/* ============================================================
   E. PROOF OF WORK, FOUR TABS  (compacted Aug 2026)
   The tabs used to sit above a full width screenshot, which made
   the band about a thousand pixels tall. They now run down a side
   rail with the shot beside them, so the whole section fits on
   one screen without dropping a single word.
   ============================================================ */
.pai-work{display:grid;grid-template-columns:316px 1fr;gap:28px;align-items:start}

.pai-wtabs{display:flex;flex-direction:column;gap:9px}
.pai .pai-wtab{display:flex;align-items:flex-start;gap:11px;width:100%;text-align:left;
  padding:13px 14px;border-radius:13px;border:1.6px solid var(--pai-line);background:#fff;
  cursor:pointer;font-family:Inter;transition:.18s;position:relative;overflow:hidden;
  color:var(--pai-navy)}
.pai .pai-wtab .wi{width:32px;height:32px;border-radius:9px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;background:var(--pai-grad-soft);
  border:1px solid rgba(0,196,204,.3);color:var(--pai-teal);transition:.18s}
.pai .pai-wtab .wt{display:block;font-size:14.5px;font-weight:700;line-height:1.3;
  color:var(--pai-navy)}
.pai .pai-wtab .wd{display:block;font-size:12.5px;color:var(--pai-slate);margin-top:2px;
  line-height:1.4}
.pai .pai-wtab:hover{border-color:var(--pai-cyan);box-shadow:var(--pai-sh)}
.pai .pai-wtab.on{border-color:transparent;background:var(--pai-grad);
  box-shadow:var(--pai-shx);color:#fff}
.pai .pai-wtab.on .wt{color:#fff}
.pai .pai-wtab.on .wd{color:#BFD0EC}
.pai .pai-wtab.on .wi{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3);color:#fff}
.pai .pai-wtab:focus-visible{outline:3px solid var(--pai-cyan);outline-offset:2px}
/* a cyan marker on the active tab, so the eye links rail to shot */
.pai .pai-wtab.on::after{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;
  border-radius:0 3px 3px 0;background:var(--pai-grad-cy)}

.pai-wnote{margin-top:16px;padding:14px 15px;border-radius:12px;
  background:var(--pai-grad-soft);border:1px solid rgba(0,196,204,.3);
  font-size:14px;color:#2B3242;line-height:1.5}

.pai-wpane{display:none}
.pai-wpane.on{display:block;animation:paiFadeUp .34s ease-out}
@keyframes paiFadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.pai-wshot{position:relative;border-radius:var(--pai-r);overflow:hidden;
  border:1px solid var(--pai-line);background:var(--pai-mist);box-shadow:var(--pai-shx)}
/* Tall screenshots are cropped from the top rather than stretching the band. */
.pai-wshot img{width:100%;max-height:412px;object-fit:cover;object-position:top center;display:block}
.pai-wbar{display:flex;align-items:center;gap:7px;padding:11px 15px;background:var(--pai-grad)}
.pai-wbar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.32);display:block}
.pai-wbar b{color:#fff;font-size:12.5px;font-weight:600;margin-left:8px}
.pai-wbar .lv{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:#8FF0F5}
.pai-wcap{display:flex;align-items:flex-start;gap:10px;margin-top:13px;font-size:14.5px;
  color:var(--pai-slate);line-height:1.5}
.pai-wcap svg{color:var(--pai-teal);flex-shrink:0;margin-top:3px}

@media(max-width:980px){
  .pai-work{grid-template-columns:1fr;gap:20px}
  .pai-wtabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .pai .pai-wtab.on::after{top:auto;bottom:0;left:12px;right:12px;width:auto;height:3px;
    border-radius:3px 3px 0 0}
  .pai-wnote{margin-top:14px}
}
@media(max-width:640px){
  .pai-wtabs{grid-template-columns:1fr}
  .pai-wshot img{max-height:none}
  /* keep the browser bar on one line on a phone */
  .pai-wbar b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .pai-wbar .lv{display:none}
}


/* ============================================================
   F. FIRST ARTICLE, COMPRESSED
   Same words as before, roughly half the height.
   ============================================================ */
.pai-first{background:#fff;border:2px solid var(--pai-navy);border-radius:20px;
  overflow:hidden;box-shadow:var(--pai-shx)}
.pai-first .rib{background:var(--pai-grad);color:#fff;text-align:center;padding:9px 16px;
  font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.pai-firstin{display:grid;grid-template-columns:1.32fr .68fr;gap:26px;padding:26px 28px}
.pai-firstin h3{font-size:23px;margin-bottom:7px}
.pai-firstin .in{font-size:14.5px;color:var(--pai-slate);line-height:1.5;margin-bottom:16px}
.pai-fticks{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}
.pai-fticks li{position:relative;padding-left:25px;font-size:14.5px;color:#3A4252;
  line-height:1.45}
.pai-fticks li svg{position:absolute;left:0;top:2px;color:var(--pai-green)}
.pai-fbuy{background:var(--pai-grad-soft);border:1px solid rgba(0,196,204,.35);
  border-radius:15px;padding:20px 18px;text-align:center;display:flex;flex-direction:column;
  justify-content:center}
.pai-fbuy .amt{font-family:'Plus Jakarta Sans';font-size:40px;font-weight:800;
  color:var(--pai-navy);line-height:1.15;letter-spacing:-.03em;padding-bottom:2px}
.pai-fbuy .sm{font-size:12.5px;color:var(--pai-slate);margin:4px 0 14px}
.pai-fbuy .pay{font-size:12px;color:var(--pai-mute);margin-top:9px}
.pai-firstnote{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:#FDF8EA;border-top:1px solid #F2E4BE;padding:14px 28px}
.pai-firstnote .am{font-family:'Plus Jakarta Sans';font-size:22px;font-weight:800;
  color:#8A6800;flex-shrink:0;line-height:1.2}
.pai-firstnote p{font-size:14px;color:#6B5310;line-height:1.5}
.pai-firstnote p b{color:#5A4400}

@media(max-width:980px){
  .pai-firstin{grid-template-columns:1fr;gap:20px;padding:22px}
  .pai-firstnote{padding:14px 22px}
}
@media(max-width:640px){
  .pai-fticks{grid-template-columns:1fr}
  .pai-firstin h3{font-size:20px}
  .pai-fbuy .amt{font-size:34px}
}


/* ============================================================
   G. PLAN RHYTHM CARDS
   ============================================================ */
.pai-rhy{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pai-rhycard{background:#fff;border:1px solid var(--pai-line);border-radius:var(--pai-r);
  padding:24px;box-shadow:var(--pai-sh);transition:.18s;position:relative;overflow:hidden}
.pai-rhycard::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:var(--pai-grad);opacity:0;transition:.2s}
.pai-rhycard:hover{transform:translateY(-4px);box-shadow:var(--pai-shx)}
.pai-rhycard:hover::before{opacity:1}
.pai-rhynum{width:34px;height:34px;border-radius:10px;background:var(--pai-grad);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans';
  font-weight:800;font-size:14px;margin-bottom:14px}
.pai-rhycard h3{font-size:18px;margin-bottom:7px;line-height:1.32}
.pai-rhycard p{font-size:15px;color:var(--pai-slate);line-height:1.55}
@media(max-width:980px){.pai-rhy{grid-template-columns:1fr}}


/* ============================================================
   H. PORTAL DEMO PAGE
   A still picture of the members area. Nothing here is
   clickable, it exists so a buyer knows what they get.
   ============================================================ */
.pai-pdnote{display:flex;align-items:flex-start;gap:12px;background:var(--pai-grad-soft);
  border:1px solid rgba(0,196,204,.35);border-radius:13px;padding:15px 18px;
  font-size:15px;color:#2B3242;line-height:1.55;margin-bottom:26px}
.pai-pdnote svg{color:var(--pai-teal);flex-shrink:0;margin-top:3px}

.pai-pdapp{border:1px solid var(--pai-line);border-radius:18px;overflow:hidden;
  box-shadow:var(--pai-shx);background:#fff;position:relative}
.pai-pdapp::after{content:"Sample view, not a working login";position:absolute;top:14px;right:16px;
  z-index:6;background:rgba(0,28,100,.86);color:#8FF0F5;font-size:10.5px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.pai-pdchrome{background:var(--pai-grad);padding:12px 18px;display:flex;align-items:center;gap:8px}
.pai-pdchrome i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.3);display:block}
.pai-pdchrome b{color:#fff;font-size:12.5px;font-weight:600;margin-left:8px}
.pai-pdbody{display:grid;grid-template-columns:228px 1fr;min-height:520px}

.pai-pdside{background:#F7F9FC;border-right:1px solid var(--pai-line);padding:20px 14px}
.pai-pduser{display:flex;align-items:center;gap:10px;padding:0 6px 16px;
  border-bottom:1px solid var(--pai-line);margin-bottom:14px}
.pai-pdav{width:38px;height:38px;border-radius:11px;background:var(--pai-grad);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;
  font-family:'Plus Jakarta Sans';flex-shrink:0}
.pai-pduser .tx{min-width:0}
.pai-pduser .nm{display:block;font-size:14px;font-weight:700;color:var(--pai-navy);line-height:1.3}
.pai-pduser .pl{display:block;font-size:11.5px;color:var(--pai-teal);font-weight:700;margin-top:2px}
.pai-pdnav{display:flex;flex-direction:column;gap:2px}
.pai-pdnav span{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;
  font-size:14px;font-weight:600;color:#5A6373;line-height:1.3}
.pai-pdnav span svg{flex-shrink:0;opacity:.75}
.pai-pdnav span.on{background:var(--pai-grad);color:#fff}
.pai-pdnav span.on svg{opacity:1}
.pai-pdnav span .bg{margin-left:auto;font-size:10px;font-weight:800;padding:2px 7px;
  border-radius:999px;background:#FCF0D8;color:#8A6800}
.pai-pdnav span.on .bg{background:rgba(255,255,255,.22);color:#fff}

.pai-pdmain{padding:24px 26px;background:#fff}
.pai-pdtop{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
  flex-wrap:wrap;margin-bottom:20px}
.pai-pdtop h3{font-size:22px;margin-bottom:4px}
.pai-pdtop p{font-size:14px;color:var(--pai-slate)}
.pai-pdpill{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  padding:7px 14px;border-radius:999px;background:var(--pai-grad-soft);color:var(--pai-teal);
  border:1px solid rgba(0,196,204,.35)}

.pai-pdkpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.pai-pdkpi{border:1px solid var(--pai-line);border-radius:13px;padding:15px 16px;background:#fff;
  box-shadow:var(--pai-sh)}
.pai-pdkpi .k{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:var(--pai-mute);margin-bottom:7px}
.pai-pdkpi .v{font-family:'Plus Jakarta Sans';font-size:27px;font-weight:800;
  color:var(--pai-blue);background:var(--pai-grad-txt);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;padding-bottom:2px}
.pai-pdkpi .d{font-size:12px;color:var(--pai-slate);margin-top:4px}

.pai-pdpanel{border:1px solid var(--pai-line);border-radius:14px;overflow:hidden;
  margin-bottom:18px;background:#fff}
.pai-pdph{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 16px;background:#F7F9FC;border-bottom:1px solid var(--pai-line)}
.pai-pdph b{font-size:14px;color:var(--pai-navy);font-weight:700}
.pai-pdph .mo{font-size:12.5px;color:var(--pai-blue);font-weight:600}
.pai-pdrow{display:flex;align-items:center;gap:11px;padding:12px 16px;
  border-bottom:1px solid var(--pai-line);font-size:14.5px;color:#3A4252}
.pai-pdrow:last-child{border-bottom:0}
.pai-pdrow svg{color:var(--pai-teal);flex-shrink:0}
.pai-pdrow .ttl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pai-pdrow .dt{font-size:12.5px;color:var(--pai-mute);white-space:nowrap}
.pai-pdrow .st{font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:999px;
  white-space:nowrap;letter-spacing:.04em}
.pai-pdrow .st.ok{background:#E1F5EC;color:var(--pai-green)}
.pai-pdrow .st.wait{background:#FCF0D8;color:#8A6800}
.pai-pdrow .st.live{background:var(--pai-grad-soft);color:var(--pai-teal)}

.pai-pdtwo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pai-pdq{padding:11px 16px;border-bottom:1px solid var(--pai-line);font-size:14px}
.pai-pdq:last-child{border-bottom:0}
.pai-pdq .qq{color:#3A4252;margin-bottom:6px}
.pai-pdq .meter{height:7px;border-radius:4px;background:#EEF1F6;overflow:hidden}
.pai-pdq .meter i{display:block;height:100%;border-radius:4px;background:var(--pai-grad-cy)}
.pai-pdq .meter i.lo{background:linear-gradient(90deg,#F0BE20,#D19400)}
.pai-pdq .meter i.no{background:linear-gradient(90deg,#D4342A,#B3261E)}
.pai-pdq .rs{display:flex;justify-content:space-between;font-size:11.5px;color:var(--pai-mute);
  margin-top:5px}

/* login screen mock ---------------------------------------- */
.pai-pdlogin{display:grid;grid-template-columns:1fr 1fr;min-height:420px}
.pai-pdlleft{background:var(--pai-navy);padding:36px 34px;position:relative;overflow:hidden;
  display:flex;flex-direction:column;justify-content:center;color:#fff}
.pai-pdlleft::before{content:"";position:absolute;inset:0;
  background:radial-gradient(600px 320px at 84% 8%,rgba(0,196,204,.26),transparent 62%),
             radial-gradient(500px 300px at 4% 96%,rgba(0,50,162,.5),transparent 62%)}
.pai-pdlleft > *{position:relative;z-index:2}
.pai-pdlleft h3{font-size:25px;color:#fff;margin-bottom:12px;line-height:1.28}
.pai-pdlleft p{font-size:15px;color:#C6D2E8;line-height:1.6;margin-bottom:18px}
.pai-pdlleft li{font-size:14.5px;color:#C6D2E8;padding:6px 0 6px 26px;position:relative}
.pai-pdlleft li svg{position:absolute;left:0;top:9px;color:var(--pai-cyan)}
.pai-pdlright{padding:36px 34px;display:flex;flex-direction:column;justify-content:center;
  background:#fff}
.pai-pdfield{margin-bottom:14px}
.pai-pdfield label{display:block;font-size:12.5px;font-weight:700;color:var(--pai-navy);
  margin-bottom:6px}
.pai-pdfake{border:1.6px solid var(--pai-line);border-radius:10px;padding:13px 15px;
  font-size:15px;color:#98A1B2;background:#FBFCFE}
.pai-pdbtn{background:var(--pai-navy);color:#fff;border-radius:10px;padding:14px;
  text-align:center;font-weight:700;font-size:16px;margin-top:6px}
.pai-pdmini{font-size:13px;color:var(--pai-mute);text-align:center;margin-top:14px;line-height:1.55}

@media(max-width:980px){
  .pai-pdbody{grid-template-columns:1fr}
  .pai-pdside{border-right:0;border-bottom:1px solid var(--pai-line)}
  .pai-pdnav{flex-direction:row;flex-wrap:wrap}
  .pai-pdkpis{grid-template-columns:1fr 1fr}
  .pai-pdtwo,.pai-pdlogin{grid-template-columns:1fr}
}
@media(max-width:640px){
  .pai-pdapp::after{position:static;display:block;margin:10px auto 0;width:max-content}
  .pai-pdmain{padding:18px 16px}
  .pai-pdkpis{grid-template-columns:1fr}
  .pai-pdlleft,.pai-pdlright{padding:26px 20px}
}


/* ============================================================
   SHARED SMALL BITS ADDED IN v11
   ============================================================ */
/* nav needs a little more room now that there are seven links, and the top
   right button carries a longer label than it used to */
.pai .pai-navact .pai-btn-sm{white-space:nowrap}
@media(max-width:1180px) and (min-width:981px){
  .pai-menu{gap:15px;font-size:14px}
  .pai .pai-navact .pai-btn-sm{padding:10px 13px;font-size:13.5px}
  .pai-loginlink{padding:8px 9px}
}
@media(max-width:980px){
  .pai .pai-navact .pai-btn-sm{padding:11px 15px;font-size:14px}
}
/* On a phone the sticky bar at the bottom carries the same call to action,
   so the header keeps just the logo and the menu button. */
@media(max-width:560px){
  .pai .pai-navact .pai-btn-sm{display:none}
}
/* a soft inline highlight used in leads and banners */
.pai .hl-cy{background:linear-gradient(100deg,#0032A2 0%,#00808F 55%,#00A9B4 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  color:var(--pai-blue);font-weight:800}

/* stats band on a navy background (used on the home page) */
.pai-navy-bg .pai-statcard{background:rgba(255,255,255,.06);border-color:rgba(0,196,204,.24);
  box-shadow:0 1px 2px rgba(0,0,0,.12), 0 12px 34px rgba(0,0,0,.18)}
.pai-navy-bg .pai-statcard::before{background:var(--pai-grad-cy)}
.pai-navy-bg .pai-statcard .n{color:var(--pai-cyan);background:none;
  -webkit-text-fill-color:var(--pai-cyan)}
.pai-navy-bg .pai-statcard .l{color:#C6D2E8}
.pai-navy-bg .pai-statcard .s{color:#93A3C0;border-top-color:rgba(255,255,255,.14)}
.pai-navy-bg .pai-statcard:hover{border-color:rgba(0,196,204,.55)}
.pai-navy-bg .pai-statcard .pai-ic{background:rgba(0,196,204,.14);
  border-color:rgba(0,196,204,.42);color:var(--pai-cyan)}
.pai-navy-bg .pai-statcard:hover .pai-ic{background:var(--pai-grad-cy);color:var(--pai-navy);
  border-color:transparent}


/* ============================================================
   DARK CONTEXT OVERRIDES.  THIS BLOCK MUST STAY LAST.
   ------------------------------------------------------------
   Why it exists:
   ".pai h2{color:navy}" scores 0,1,1 on specificity.
   ".pai-navy-bg h2{color:#fff}" also scores 0,1,1.
   Equal scores mean source order decides, and the type block
   sits lower in the file, so navy was winning and headings on
   dark bands rendered navy on navy, effectively invisible.
   Prefixing with .pai lifts these to 0,2,1 so they always win.
   If you add a new dark band, add its class here too.
   ============================================================ */
.pai .pai-navy-bg h1,.pai .pai-navy-bg h2,.pai .pai-navy-bg h3,.pai .pai-navy-bg h4,
.pai .pai-hero h1,.pai .pai-hero h2,.pai .pai-hero h3,.pai .pai-hero h4,
.pai .pai-cta h1,.pai .pai-cta h2,.pai .pai-cta h3,.pai .pai-cta h4,
.pai .pai-trial h1,.pai .pai-trial h2,.pai .pai-trial h3,
.pai .pai-pbox .top b,
.pai .pai-footer h1,.pai .pai-footer h2,.pai .pai-footer h3{color:#fff}

.pai .pai-footer h4{color:var(--pai-cyan)}
.pai .pai-hero h1 .cy{color:var(--pai-cyan)}
.pai .pai-navy-bg .pai-eyebrow,.pai .pai-hero .pai-eyebrow,
.pai .pai-cta .pai-eyebrow{color:var(--pai-cyan)}
.pai .pai-navy-bg .pai-lead,.pai .pai-cta .pai-lead{color:#C6D2E8}
.pai .pai-navy-bg .pai-micro,.pai .pai-cta .pai-micro{color:#A8B6D0}
.pai .pai-navy-bg .pai-src,.pai .pai-cta .pai-src{color:#93A3C0}
.pai .pai-navy-bg .pai-rule,.pai .pai-cta .pai-rule{background:var(--pai-grad-cy)}
.pai .pai-navy-bg .pai-quote p{color:var(--pai-cyan)}

/* Light boxes that may sit inside a dark band keep their own dark text. */
.pai .pai-navy-bg .pai-answer h2,.pai .pai-navy-bg .pai-answer h3,
.pai .pai-navy-bg .pai-oneline p,.pai .pai-navy-bg .pai-note b,
.pai .pai-navy-bg .pai-vsbox h3,.pai .pai-navy-bg .pai-sample .sh b,
.pai .pai-navy-bg .pai-card.is-light h3{color:var(--pai-navy)}
.pai .pai-navy-bg .pai-answer p,.pai .pai-navy-bg .pai-note p,
.pai .pai-navy-bg .pai-vsbox li,.pai .pai-navy-bg .pai-qb{color:#2B3242}/* End custom CSS */