/* GENERATED by Jarvis/site-rebuild/publish-local.php. Do not edit here; edit src/_expo-base.css and src/site.css. */
.a1x{--ink:#1f2328;--night:#0e151d;--night2:#16202b;--steel:#4f565d;--mist:#f1f4f7;--line:#d5dbe1;--muted:#6b737b;--accent:#3fa7e6;--accent-soft:#6cc0f0;--accent-ink:#0c5f93;--accent-wash:#e6f4fc;--gold:#ffb020;--gold-ink:#5c3a00;--gold-wash:#fff6e3;--red:#e5534b;
  font-family:"Sora","Inter","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:#fff;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-align:left}
.a1x *,.a1x *::before,.a1x *::after{box-sizing:border-box}
.a1x img{max-width:100%;height:auto;display:block;border:0}
.a1x a{color:inherit;text-decoration:none}
.a1x h1,.a1x h2,.a1x h3{margin:0;font-family:inherit;font-weight:800;color:inherit;letter-spacing:-0.02em;line-height:1.1;text-transform:none}
.a1x p{margin:0 0 12px}
.a1x ul{margin:0;padding:0}
.a1x .wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.a1x .sec{padding:76px 0;position:relative}
@media (max-width:640px){.a1x .sec{padding:54px 0}}
.a1x .eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-wash);padding:5px 10px;border-radius:5px;margin:0 0 14px}
.a1x .h2{font-size:clamp(30px,4.4vw,46px);font-weight:900;letter-spacing:-0.03em;margin:0 0 14px}
.a1x .h2 .line2{display:block;color:var(--accent-ink)}
.a1x .sub{font-size:18px;color:var(--steel);max-width:740px;margin:0}
.a1x .dark{background:radial-gradient(110% 60% at 100% 0%,rgba(63,167,230,.30),rgba(63,167,230,0) 60%),linear-gradient(180deg,var(--night2),var(--night));color:#fff;overflow:hidden}
.a1x .dark .eyebrow{color:var(--night);background:var(--accent-soft)}
.a1x .dark .sub,.a1x .dark p{color:#c9d3dc}
.a1x .dots::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px);background-size:14px 14px}
.a1x .dark > .wrap{position:relative;z-index:1}
.a1x .rings{position:absolute;pointer-events:none;z-index:0;overflow:visible}
.a1x .rings circle{fill:none;stroke:var(--accent-soft)}
.a1x .rings .glow{fill:url(#a1x-core);stroke:none}
.a1x .rings .dot{fill:var(--accent-soft);stroke:none}
.a1x .swoosh{position:relative;white-space:nowrap}
.a1x .swoosh svg{position:absolute;left:-3%;width:106%;bottom:-0.07em;height:0.26em;overflow:visible}
.a1x .swoosh path{fill:none;stroke:var(--gold);stroke-linecap:round;stroke-width:6px}
.a1x .swoosh path+path{stroke-width:3px;opacity:.75}

/* Buttons */
.a1x .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:16px;border-radius:10px;padding:15px 22px;min-height:44px;line-height:1.1;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;text-align:center}
.a1x .btn:hover{transform:translateY(-1px)}
.a1x .btn svg{width:18px;height:18px;flex:none}
.a1x .btn-gold{background:var(--gold);color:var(--gold-ink);box-shadow:0 8px 20px rgba(255,176,32,.28)}
.a1x .btn-ghost{border:1.5px solid rgba(255,255,255,.4);color:#fff}
.a1x .brochure-dl{margin:14px 0 0;font-size:15px;line-height:1.3}
.a1x .brochure-dl a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#cfe7f6;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.a1x .brochure-dl svg{width:18px;height:18px;flex:none}
.a1x .btn-ink{background:var(--ink);color:#fff}

/* Top bar */
.a1x .top{position:sticky;top:0;z-index:50;background:rgba(14,21,29,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.a1x .top .wrap{display:flex;align-items:center;justify-content:space-between;height:80px;gap:12px}
.a1x .logo-pill{background:#fff;border-radius:10px;padding:7px 12px;display:inline-flex}
.a1x .logo-pill img{height:50px;width:auto}
.a1x .top .btn{padding:12px 18px;font-size:15px}
@media (max-width:640px){.a1x .top .wrap{height:70px}.a1x .logo-pill{padding:6px 10px}.a1x .logo-pill img{height:40px}.a1x .top .btn{padding:11px 14px;font-size:14px}}

/* Hero */
.a1x .hero{padding:58px 0 70px}
.a1x .hero .grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:52px;align-items:center}
@media (max-width:900px){.a1x .hero .grid{grid-template-columns:minmax(0,1fr);gap:44px}}
.a1x .kicker{font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-soft);margin:0 0 12px}
.a1x .h1{font-size:clamp(38px,6.2vw,66px);font-weight:900;line-height:1.05;letter-spacing:-0.035em;color:#fff;margin:0 0 22px}
.a1x .h1 em{font-style:normal;color:var(--accent-soft)}
.a1x .hero .lede{font-size:19px;color:#c9d3dc;max-width:610px}
.a1x .chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 28px}
.a1x .chips span{font-size:13px;font-weight:700;color:#e6edf3;border:1px solid rgba(255,255,255,.25);border-radius:30px;padding:6px 12px}
.a1x .cta-row{display:flex;flex-wrap:wrap;gap:12px}
.a1x .ribbon{display:inline-flex;align-items:center;gap:12px;margin-top:26px;padding:10px 14px;border:1.5px solid rgba(255,176,32,.6);border-radius:10px;background:rgba(14,21,29,.6)}
.a1x .ends{flex:none;background:var(--gold);color:var(--gold-ink);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;line-height:1.15;text-align:center;padding:6px 9px;border-radius:6px}
.a1x .ribbon p{margin:0;color:#fff;font-size:15px}
.a1x .ribbon strong{color:var(--gold)}
.a1x .madeby{display:flex;align-items:center;gap:10px;margin:20px 6px 0;padding:10px 14px;border-radius:10px;background:rgba(108,192,240,.12);border:1px solid rgba(108,192,240,.35)}
.a1x .madeby svg{width:20px;height:20px;flex:none}
.a1x .madeby p{margin:0;font-size:14.5px;line-height:1.45;color:#dfe9f2;text-wrap:balance}
.a1x .madeby strong{color:var(--accent-soft)}
.a1x .hero-photo{position:relative;margin:0 6px}
.a1x .hero-photo img{border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.45);aspect-ratio:4/3;object-fit:cover;width:100%}
.a1x .burst{position:absolute;top:-36px;right:-16px;width:124px;height:124px;transform:rotate(-12deg);z-index:2}
.a1x .burst svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.a1x .burst .txt{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.a1x .burst b{display:block;font-size:29px;font-weight:900;line-height:1;color:var(--gold-ink);letter-spacing:-0.02em}
.a1x .burst span{display:block;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink);margin-top:3px}
@media (max-width:640px){.a1x .burst{width:104px;height:104px;top:-32px;right:-4px}.a1x .burst b{font-size:24px}.a1x .burst span{font-size:8.5px;letter-spacing:.06em}}

/* Sound familiar */
.a1x .pain{background:var(--mist)}
/* 60/40: the problems on the left, the chatbot on the right. Stacks on phones. */
.a1x .pain-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:44px;align-items:start}
@media (max-width:900px){.a1x .pain-layout{grid-template-columns:minmax(0,1fr);gap:34px}}
.a1x .pain-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:24px}
.a1x .pain-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;font-weight:600;font-size:17px;line-height:1.4;color:var(--ink)}
.a1x .pain-card svg{width:28px;height:28px}
.a1x .pain .after{margin:24px 0 0;font-size:19px;color:var(--ink);font-weight:600;max-width:760px}
.a1x .creds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
@media (max-width:440px){.a1x .creds{grid-template-columns:minmax(0,1fr)}}
.a1x .cred{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:center}
.a1x .cred .ic{width:42px;height:42px;border-radius:11px;background:var(--accent-wash);display:grid;place-items:center}
.a1x .cred svg{width:22px;height:22px;fill:none;stroke:var(--accent-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.a1x .cred b{display:block;font-size:20px;font-weight:900;letter-spacing:-0.02em;color:var(--ink);line-height:1.15}
.a1x .cred div span{display:block;font-size:14.5px;color:var(--steel);line-height:1.35;margin-top:2px}
/* Each problem: what it usually means, and the part of the review that catches it. */
.a1x .pain-card b{display:block;font-size:17px;font-weight:700;color:var(--ink);line-height:1.35}
.a1x .pain-card .means{display:block;font-size:15px;font-weight:400;color:var(--steel);line-height:1.5;margin-top:5px}
.a1x .pain-card .caught{display:inline-flex;align-items:center;gap:6px;margin-top:10px;min-height:38px;font-size:13.5px;font-weight:700;color:var(--accent-ink);background:var(--accent-wash);border-radius:20px;padding:8px 14px}
.a1x .pain-card .caught:hover{background:#d3ebf9}
.a1x .cover-card{scroll-margin-top:100px}

/* What the review covers */
.a1x .covers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
@media (max-width:1000px){.a1x .covers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.a1x .covers-grid{grid-template-columns:minmax(0,1fr)}}
.a1x .cover-card{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;display:flex;flex-direction:column;gap:10px;position:relative}
.a1x .cover-card .ic{width:46px;height:46px;border-radius:12px;background:var(--accent-wash);display:grid;place-items:center}
.a1x .cover-card .ic svg{width:24px;height:24px;fill:none;stroke:var(--accent-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.a1x .cover-card h3{font-size:21px;font-weight:800}
.a1x .cover-card .short{font-weight:700;color:var(--ink);font-size:16px;line-height:1.45;margin:0}
.a1x .cover-card .long{color:var(--steel);font-size:15.5px;line-height:1.6;margin:0}
.a1x .cover-card .note{font-size:14px;color:var(--accent-ink);background:var(--accent-wash);border-radius:8px;padding:8px 11px;margin:4px 0 0}
.a1x .cover-card.b2b{background:var(--gold-wash);border:1.5px solid var(--gold)}
.a1x .cover-card.b2b .ic{background:#ffe7b3}
.a1x .cover-card.b2b .ic svg{stroke:var(--gold-ink)}
.a1x .cover-card.b2b .note{background:#ffe7b3;color:var(--gold-ink)}
.a1x .tag{position:absolute;top:-11px;right:16px;background:var(--gold);color:var(--gold-ink);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:20px}
.a1x .answers{margin-top:28px;background:var(--ink);border-radius:16px;padding:26px 28px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.a1x .answers svg{width:46px;height:46px}
.a1x .answers h3{color:var(--accent-soft);font-size:23px;margin:0 0 4px}
.a1x .answers p{margin:0;color:#dfe6ec;font-size:17px}
@media (max-width:640px){.a1x .answers{grid-template-columns:1fr;gap:12px}}

/* How the review works: before, on, and after the call */
.a1x .offer{background:var(--mist)}
.a1x .how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
@media (max-width:900px){.a1x .how-grid{grid-template-columns:minmax(0,1fr)}}
.a1x .how{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;position:relative}
.a1x .how .when{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.a1x .how .when .ic{width:46px;height:46px;border-radius:12px;background:var(--accent-wash);display:grid;place-items:center;flex:none}
.a1x .how .when svg{width:23px;height:23px;fill:none;stroke:var(--accent-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.a1x .how .when span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}
.a1x .how h3{font-size:21px;margin:0 0 8px}
.a1x .how p{color:var(--steel);margin:0}
.a1x .how.after{background:var(--ink);border-color:var(--ink)}
.a1x .how.after h3{color:#fff}
.a1x .how.after p{color:#dfe6ec}
.a1x .how.after .when .ic{background:rgba(108,192,240,.18)}
.a1x .how.after .when svg{stroke:var(--accent-soft)}
.a1x .how.after .when span{color:var(--accent-soft)}
.a1x .expo-note{margin-top:22px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;background:var(--gold-wash);border:1.5px solid var(--gold);border-radius:14px;padding:18px 20px;position:relative}
.a1x .expo-note p{margin:0;color:var(--ink);font-size:16.5px}
@media (max-width:560px){.a1x .expo-note{grid-template-columns:minmax(0,1fr);gap:10px}.a1x .expo-note .ends{justify-self:start}}

/* Jarvis */
.a1x .jarvis .h2{color:#fff}
.a1x .jarvis .h2 .line2{color:var(--accent-soft);font-size:.62em;margin-top:8px;letter-spacing:-0.02em}
/* Heading, intro and the five points on the left; the briefing card and dashboard start at the top on the right. */
.a1x .jarvis-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:start}
.a1x .jarvis .sub{margin:0 0 30px}
.a1x .jarvis .stack{margin-top:14px}
@media (min-width:901px){.a1x .jarvis-grid > div:last-child{align-self:center}}
@media (max-width:900px){.a1x .jarvis-grid{grid-template-columns:minmax(0,1fr);gap:40px}}
.a1x .jlist{list-style:none}
.a1x .jlist li{border-left:3px solid var(--accent);padding:2px 0 2px 16px;margin:0 0 22px;color:#c9d3dc;font-size:16.5px;line-height:1.5}
.a1x .jlist b{display:block;color:#fff;font-size:18px;margin-bottom:3px}
.a1x .day-label{margin:0 0 16px;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-soft)}
.a1x .jlist li i{display:block;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
.a1x .stack{position:relative;margin:6px 10px 40px}
.a1x .stack::before{content:"";position:absolute;inset:0;border-radius:14px;background:rgba(108,192,240,.18);border:1px solid rgba(108,192,240,.4);transform:rotate(3deg) translate(6px,6px)}
.a1x .brief{position:relative;background:#fff;border-radius:14px;padding:18px 20px 14px;box-shadow:0 14px 34px rgba(0,0,0,.4);transform:rotate(-1.4deg)}
.a1x .brief-head{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;color:var(--ink);padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:10px}
.a1x .brief-head i{width:10px;height:10px;border-radius:50%;background:#2fbf71}
.a1x .brief-head em{margin-left:auto;font-style:normal;font-weight:600;color:var(--muted);font-size:14px}
.a1x .dark .brief p{color:var(--ink);font-size:16px;margin:0 0 6px}
.a1x .brief ul{list-style:none}
.a1x .brief li{position:relative;padding:5px 0 5px 18px;color:var(--steel);font-size:15.5px}
.a1x .brief li::before{content:"";position:absolute;left:0;top:13px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.a1x .dark .brief .ex{margin:8px 0 0;font-size:11px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}
.a1x .shot{margin:0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 44px rgba(0,0,0,.45);background:#fff}
.a1x .shot .chrome{height:26px;background:#e9edf1;display:flex;align-items:center;gap:6px;padding:0 10px}
.a1x .shot .chrome i{width:9px;height:9px;border-radius:50%;background:#c4cbd2}
.a1x .shot figcaption{background:#0b1117;color:#9fb0bf;font-size:13px;padding:9px 12px}
.a1x .closer{margin:44px 0 0;padding-top:26px;border-top:1px solid rgba(255,255,255,.16);font-size:clamp(21px,2.6vw,29px);font-weight:800;color:#fff;letter-spacing:-0.01em;line-height:1.3}
.a1x .closer span{color:var(--accent-soft)}
/* Proof: the story of how Jarvis built this page. */
.a1x .built{margin-top:52px;border:1px solid rgba(108,192,240,.3);background:rgba(108,192,240,.08);border-radius:18px;padding:28px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:center}
@media (max-width:900px){.a1x .built{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px}}
.a1x .built h3{color:#fff;font-size:clamp(22px,2.6vw,30px);font-weight:900;letter-spacing:-0.02em;margin:0 0 10px;line-height:1.15}
.a1x .dark .built-head p:not(.eyebrow){color:#c9d3dc;margin:0}
.a1x .built-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;counter-reset:step}
@media (max-width:560px){.a1x .built-steps{grid-template-columns:minmax(0,1fr)}}
.a1x .built-steps li{background:rgba(14,21,29,.6);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px}
.a1x .built-steps b{display:flex;align-items:center;gap:9px;color:#fff;font-size:16px;margin-bottom:5px}
.a1x .built-steps b::before{content:counter(step);counter-increment:step;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--night);font-size:12px;font-weight:900;flex:none}
.a1x .built-steps span{display:block;color:#c9d3dc;font-size:14.5px;line-height:1.5}

/* Pick what fits */
.a1x .paths-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px;align-items:stretch}
@media (max-width:900px){.a1x .paths-grid{grid-template-columns:minmax(0,1fr)}}
.a1x .path{border:1px solid var(--line);border-radius:16px;padding:26px 24px;position:relative;background:#fff}
.a1x .path .chip{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 9px;border-radius:9px;background:var(--ink);color:#fff;font-weight:900;font-size:14px;margin-bottom:14px}
.a1x .path h3{font-size:21px;margin:0 0 8px}
.a1x .path p{color:var(--steel);margin:0}
.a1x .path.best{border:2px solid var(--accent);background:var(--accent-wash);box-shadow:0 12px 30px rgba(63,167,230,.25);transform:translateY(-6px)}
.a1x .path.best .chip{background:linear-gradient(135deg,#3fa7e6,#1f6fd1)}
@media (max-width:900px){.a1x .path.best{transform:none}}
.a1x .incl{list-style:none;margin:14px 0 0;padding:0}
.a1x .incl li{position:relative;padding:5px 0 5px 27px;color:var(--ink);font-size:15.5px;line-height:1.45}
.a1x .incl li::before{content:"";position:absolute;left:0;top:7px;width:18px;height:18px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.4 2.4L12 5.4' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}

/* Who you will meet */
.a1x .meet{border-top:1px solid var(--line)}
.a1x .meet-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:52px;align-items:center}
@media (max-width:900px){.a1x .meet-grid{grid-template-columns:minmax(0,1fr);gap:30px}}
.a1x .meet-photo{position:relative;margin:0 12px 12px 0;isolation:isolate}
.a1x .meet-photo::after{content:"";position:absolute;right:-12px;bottom:-12px;width:62%;height:62%;border-radius:18px;background:var(--accent-wash);z-index:-1}
.a1x .meet-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 50%;border-radius:18px;box-shadow:0 18px 40px rgba(31,35,40,.18)}
@media (max-width:900px){.a1x .meet-photo{max-width:420px}.a1x .meet-photo img{aspect-ratio:1/1;object-position:50% 40%}}
.a1x .meet .sub + .sub{margin-top:14px}
.a1x .meet .creds{margin-top:24px}

/* Book and ask */
.a1x .book{background:var(--mist)}
.a1x .panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;scroll-margin-top:100px;min-width:0}
/* 40/60: the booking calendar on the left, the FAQ on the right. Stacks on phones, calendar first. */
.a1x .book-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:28px;margin-top:28px;align-items:start}
@media (max-width:900px){.a1x .book-layout{grid-template-columns:minmax(0,1fr);gap:24px}}
@media (min-width:901px){.a1x .book-layout .faq{position:sticky;top:100px}}
@media (max-width:640px){.a1x .panel{padding:16px}}
/* Ask our AI: lifted card with a gradient border, halo and shadow, a live badge, and starter questions. */
.a1x .ask-panel{border:2px solid transparent;border-radius:18px;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#3fa7e6 0%,#1f6fd1 48%,#ffb020 100%) border-box;
  box-shadow:0 0 0 7px rgba(63,167,230,.10),0 26px 60px -14px rgba(12,95,147,.42),0 8px 20px rgba(31,35,40,.10)}
.a1x .ask-head{display:flex;align-items:center;gap:13px;margin-bottom:12px}
.a1x .ask-badge{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#3fa7e6,#1f6fd1);box-shadow:0 8px 18px rgba(31,111,209,.38)}
.a1x .ask-badge svg{width:24px;height:24px}
.a1x .ask-panel .ask-head h3{margin:0}
.a1x .live{display:inline-flex;align-items:center;gap:7px;margin-top:4px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#15803d}
.a1x .live i{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:a1x-pulse 1.8s ease-out infinite}
@keyframes a1x-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 9px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media (prefers-reduced-motion:reduce){.a1x .live i{animation:none}}
.a1x .try{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}
.a1x .try > span{font-size:13px;font-weight:700;color:var(--muted);margin-right:2px}
.a1x .try-chip,.a1x .try-chip:hover,.a1x .try-chip:focus{font-family:inherit!important;font-size:13.5px!important;font-weight:600!important;line-height:1.2!important;color:var(--accent-ink)!important;background:var(--accent-wash)!important;border:1px solid #cfe7f6!important;border-radius:22px!important;padding:11px 15px!important;min-height:42px;cursor:pointer;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
.a1x .try-chip:hover,.a1x .try-chip:focus-visible{background:#d3ebf9!important;border-color:#a9d6f2!important;outline:none}
.a1x .ask-panel .a1ai-chatbot-container{border-radius:14px;overflow:hidden;box-shadow:0 10px 26px rgba(31,35,40,.16)}
.a1x .ask-panel .a1ai-chatbot-title{color:#fff!important} /* same rule the live site already applies site-wide */
/* The chatbot sets a fixed inline width from its settings; keep it inside the panel on phones. */
.a1x .a1ai-chatbot-container{width:100%!important;max-width:100%!important}
/* The theme styles every button pink; give the consent buttons readable colors. */
.a1x .a1ai-gdpr-agree,.a1x .a1ai-gdpr-agree:hover,.a1x .a1ai-gdpr-agree:focus{color:#fff!important;border:0!important}
.a1x .a1ai-gdpr-decline{color:var(--steel)!important;background:#fff!important;border:1px solid var(--line)!important}
.a1x .a1ai-gdpr-decline:hover,.a1x .a1ai-gdpr-decline:focus{color:var(--ink)!important;background:var(--mist)!important}
.a1x .panel h3{font-size:23px;margin:0 0 6px}
.a1x .panel .hint{font-size:15.5px;color:var(--steel);margin:0 0 14px}
.a1x .b2b-note{background:var(--gold-wash);border-left:4px solid var(--gold);border-radius:0 10px 10px 0;padding:10px 13px;font-size:15px;color:var(--ink);margin:0 0 14px}
/* Fallback height only: once Calendly loads, the script at the bottom sizes the frame to its content.
   overflow:hidden lets that script clip the blank padding Calendly leaves under its day and time views. */
.a1x .calendly-inline-widget{min-width:280px;height:560px;overflow:hidden;transition:height .2s ease}

/* FAQ */
.a1x .faq .faq-title{font-size:clamp(24px,2.6vw,30px);font-weight:900;letter-spacing:-0.025em;margin:0 0 12px}
.a1x .faq details{border-bottom:1px solid var(--line);padding:0}
.a1x .faq details:first-of-type{border-top:1px solid var(--line)}
/* The whole row is the tap target, not just the line of text. */
.a1x .faq summary{cursor:pointer;font-weight:800;font-size:19px;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--ink);padding:18px 0;min-height:56px}
.a1x .faq summary::-webkit-details-marker{display:none}
.a1x .faq summary::after{content:"+";font-size:28px;font-weight:600;color:var(--accent-ink);line-height:1;transition:transform .2s ease}
.a1x .faq details[open] summary::after{transform:rotate(45deg)}
.a1x .faq details p{margin:0 0 18px;color:var(--steel);max-width:820px}

/* Footer */
.a1x .foot{background:var(--night);color:#9fb0bf;padding:46px 0 96px;font-size:15px}
.a1x .foot .wrap{display:grid;gap:14px}
.a1x .foot a{color:#fff}
.a1x .foot a.tap{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.a1x .foot .fine{font-size:13px;color:#7d8b98;max-width:820px;margin:0}

/* Mobile action bar */
.a1x .bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(14,21,29,.96);border-top:1px solid rgba(255,255,255,.1);transition:transform .25s ease}
.a1x .bar .btn{flex:1;padding:13px 10px;font-size:15px}
@media (max-width:820px){.a1x .bar{display:flex}}
.a1x .bar.is-hidden{transform:translateY(115%)}

/* ===== A1Ai Digital site layer =====
   Extends the expo landing page's design system (_expo-base.css) to the whole site.
   Everything stays scoped under .a1x; the few rules outside it only neutralise WordPress and Elementor wrappers. */

/* --- WordPress / Elementor wrappers --- */
body{background:#fff}
.elementor-location-header{position:sticky;top:0;z-index:100}
.admin-bar .elementor-location-header{top:32px}
/* Pages built from our HTML: let the section backgrounds run edge to edge. */
.a1x-page-wrap .page-content,.a1x-page-wrap .site-main,.a1x-page-wrap main#content{max-width:none!important;padding:0!important;margin:0!important;width:100%!important}
.a1x-page-wrap .page-header{display:none}
body:has(.a1x-page) .page-header .entry-title{display:none}
body:has(.a1x-page) .site-main{max-width:none;padding:0;margin:0;width:100%}
body:has(.a1x-page) .site-main > .page-content{margin:0;padding:0}
body:has(.a1x-page) .comments-area,body:has(.a1x-page) .post-tags{display:none}
.a1x-page{overflow-x:clip}
/* The shared header and footer live in Elementor templates as one HTML widget; strip the container padding around it. */
.elementor-location-header .e-con,.elementor-location-footer .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;padding:0!important;max-width:none!important}
.elementor-location-header .elementor-widget-html,.elementor-location-footer .elementor-widget-html{margin:0!important;width:100%}
/* Pages with their own embedded chat hide the floating site chatbot, so there is only one. */
body:has(.a1x .ask-panel) .a1ai-global-chatbot-toggle,body:has(.a1x .ask-panel) .a1ai-global-chatbot-dialog,body:has(.a1x .ask-panel) #a1ai-global-chatbot{display:none!important}

/* --- Shared bits added for the full site --- */
.a1x .sec.mist{background:var(--mist)}
.a1x .sec.tight{padding:56px 0}
.a1x .center{text-align:center}
.a1x .center .sub{margin-left:auto;margin-right:auto}
.a1x .lead-in{max-width:760px}
.a1x .btn-outline{border:1.5px solid var(--ink);color:var(--ink);background:#fff}
.a1x .btn-outline:hover{background:var(--mist)}
.a1x .btn-blue{background:var(--accent-ink);color:#fff;box-shadow:0 8px 20px rgba(12,95,147,.25)}
.a1x .textlink{color:var(--accent-ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.a1x .dark .textlink{color:var(--accent-soft)}
.a1x .muted{color:var(--muted)}
.a1x .small{font-size:14.5px}
.a1x .mt-0{margin-top:0}.a1x .mt-s{margin-top:14px}.a1x .mt-m{margin-top:24px}.a1x .mt-l{margin-top:36px}

/* Hook line above a hero headline */
.a1x .hook{font-size:clamp(17px,1.9vw,20px);font-weight:700;color:#dfe9f2;margin:0 0 16px;line-height:1.35;max-width:620px}
.a1x .hook span{color:var(--gold)}
.a1x .hero .h1 .swoosh{color:inherit}
.a1x .hero.simple{padding:64px 0 66px}
.a1x .hero.simple .h1{font-size:clamp(36px,5.4vw,58px);max-width:900px}
.a1x .hero.simple .lede{max-width:720px}
.a1x .hero-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-size:14.5px;color:#9fb0bf}
.a1x .hero-meta span{display:inline-flex;align-items:center;gap:7px}
.a1x .hero-meta span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent-soft)}

/* Generic card grids (cards reuse the review page's card look) */
.a1x .cards{display:grid;gap:20px;margin-top:30px}
.a1x .cards.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.a1x .cards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.a1x .cards.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.a1x .cards.c3,.a1x .cards.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.a1x .cards.c2,.a1x .cards.c3,.a1x .cards.c4{grid-template-columns:minmax(0,1fr)}}
.a1x .card{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;display:flex;flex-direction:column;gap:10px;position:relative}
.a1x .mist .card{background:#fff}
.a1x .card .ic{width:46px;height:46px;border-radius:12px;background:var(--accent-wash);display:grid;place-items:center;flex:none}
.a1x .card .ic svg{width:24px;height:24px;fill:none;stroke:var(--accent-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.a1x .card h3{font-size:21px;font-weight:800}
.a1x .card p{color:var(--steel);font-size:15.5px;line-height:1.6;margin:0}
.a1x .card .short{font-weight:700;color:var(--ink);font-size:16px;line-height:1.45}
.a1x .card .incl{margin-top:4px}
.a1x .card .more{margin-top:auto;padding-top:6px}
.a1x .card.ink{background:var(--ink);border-color:var(--ink)}
.a1x .card.ink h3{color:#fff}
.a1x .card.ink p{color:#dfe6ec}
.a1x .card.ink .ic{background:rgba(108,192,240,.18)}
.a1x .card.ink .ic svg{stroke:var(--accent-soft)}
.a1x .card.gold{background:var(--gold-wash);border:1.5px solid var(--gold)}
.a1x .card.gold .ic{background:#ffe7b3}
.a1x .card.gold .ic svg{stroke:var(--gold-ink)}

/* Numbered pillars */
.a1x .pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:32px;counter-reset:pillar}
@media (max-width:1000px){.a1x .pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.a1x .pillars{grid-template-columns:minmax(0,1fr)}}
.a1x .pillar{border-top:3px solid var(--accent);padding:18px 4px 0}
.a1x .pillar::before{counter-increment:pillar;content:"0" counter(pillar);display:block;font-size:13px;font-weight:900;letter-spacing:.14em;color:var(--accent-ink);margin-bottom:10px}
.a1x .pillar h3{font-size:20px;margin:0 0 8px}
.a1x .pillar p{color:var(--steel);font-size:15.5px;margin:0}
.a1x .pillar q{display:block;margin-top:12px;font-size:14px;font-style:italic;color:var(--muted);quotes:"\201C" "\201D"}
.a1x .dark .pillar{border-color:var(--accent-soft)}
.a1x .dark .pillar::before{color:var(--accent-soft)}
.a1x .dark .pillar h3{color:#fff}
.a1x .dark .pillar p{color:#c9d3dc}

/* Two-column split */
.a1x .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:center}
.a1x .split.align-top{align-items:start}
.a1x .split.wide-left{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
@media (max-width:900px){.a1x .split,.a1x .split.wide-left{grid-template-columns:minmax(0,1fr);gap:34px}}

/* Long-form text */
.a1x .prose{max-width:760px}
.a1x .prose p{font-size:18px;color:var(--steel);margin:0 0 16px}
.a1x .prose p strong{color:var(--ink)}
.a1x .dark .prose p{color:#c9d3dc}
.a1x .prose h3{font-size:24px;margin:30px 0 10px}

/* Pull quote (only ever real, attributed words) */
.a1x .pull{margin:28px 0 0;padding:22px 26px;border-left:4px solid var(--gold);background:var(--gold-wash);border-radius:0 14px 14px 0;font-size:19px;font-weight:600;color:var(--ink);line-height:1.45}
.a1x .pull cite{display:block;margin-top:10px;font-size:14px;font-style:normal;font-weight:700;color:var(--muted)}

/* Tool chips on light backgrounds */
.a1x .tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.a1x .tools span{font-size:14px;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:30px;padding:8px 14px}
.a1x .tools span.soon{color:var(--muted);border-style:dashed;background:transparent}
.a1x .dark .tools span{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);color:#e6edf3}

/* Info box (requirements, honest notes) */
.a1x .info{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start;background:var(--accent-wash);border:1px solid #cfe7f6;border-radius:14px;padding:18px 20px;margin-top:22px}
.a1x .info .ic{width:42px;height:42px;border-radius:11px;background:#fff;display:grid;place-items:center}
.a1x .info .ic svg{width:22px;height:22px;fill:none;stroke:var(--accent-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.a1x .info p{margin:0;color:var(--ink);font-size:16px}
.a1x .info p + p{margin-top:8px}
.a1x .info b{color:var(--ink)}

/* Call-to-action band */
.a1x .cta-band{text-align:center}
.a1x .cta-band .h2{color:#fff;max-width:860px;margin-left:auto;margin-right:auto}
.a1x .cta-band .sub{margin:0 auto 26px;max-width:640px}
.a1x .cta-band .cta-row{justify-content:center}
.a1x .cta-band .fine{margin:18px 0 0;font-size:14px;color:#9fb0bf}

/* Simple step list (how it works, short form) */
.a1x .steps{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:st}
@media (max-width:900px){.a1x .steps{grid-template-columns:minmax(0,1fr)}}
.a1x .steps li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 22px 20px}
.a1x .steps li::before{counter-increment:st;content:counter(st);display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-weight:900;font-size:15px;margin-bottom:12px}
.a1x .steps li.free::before{background:var(--gold);color:var(--gold-ink)}
.a1x .steps h3{font-size:20px;margin:0 0 6px}
.a1x .steps p{color:var(--steel);margin:0;font-size:15.5px}
.a1x .steps .tag{position:static;display:inline-block;margin-left:8px;vertical-align:3px}

/* Contact */
.a1x .contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
@media (max-width:900px){.a1x .contact-cards{grid-template-columns:minmax(0,1fr)}}
.a1x .contact-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;min-height:84px}
.a1x .contact-card .ic{width:46px;height:46px;border-radius:12px;background:var(--accent-wash);display:grid;place-items:center}
.a1x .contact-card .ic svg{width:22px;height:22px;fill:none;stroke:var(--accent-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.a1x .contact-card b{display:block;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.a1x .contact-card span{display:block;font-size:18px;font-weight:800;color:var(--ink);line-height:1.3}
.a1x a.contact-card:hover{border-color:var(--accent);box-shadow:0 8px 22px rgba(63,167,230,.15)}

/* FAQ outside a panel */
.a1x .faq-block{max-width:880px}
.a1x .faq-block h3.group{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);margin:38px 0 6px}
.a1x .faq-block h3.group:first-child{margin-top:8px}
.a1x .faq-block details{border-bottom:1px solid var(--line)}
.a1x .faq-block details:first-of-type{border-top:1px solid var(--line)}
.a1x .faq-block summary{cursor:pointer;font-weight:800;font-size:19px;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--ink);padding:18px 0;min-height:56px}
.a1x .faq-block summary::-webkit-details-marker{display:none}
.a1x .faq-block summary::after{content:"+";font-size:28px;font-weight:600;color:var(--accent-ink);line-height:1;transition:transform .2s ease;flex:none}
.a1x .faq-block details[open] summary::after{transform:rotate(45deg)}
.a1x .faq-block details p{margin:0 0 18px;color:var(--steel);max-width:820px}
.a1x .faq-block details p + p{margin-top:-6px}

/* Headings on any dark section: white, with the second line in the light accent (the dark accent is for light backgrounds). */
.a1x .dark .h2{color:#fff}
.a1x .dark .h2 .line2{color:var(--accent-soft)}

/* Trust strip under a hero */
.a1x .trust{padding:22px 0;background:#fff;border-bottom:1px solid var(--line)}
.a1x .trust .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 30px}
.a1x .trust p{margin:0;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.a1x .trust span{font-size:17px;font-weight:800;color:#59626b;letter-spacing:-0.01em}

/* Compact toolkit grid: a bold name and one line each */
.a1x .toolkit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 24px;margin-top:26px;list-style:none;padding:0}
@media (max-width:900px){.a1x .toolkit{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.a1x .toolkit{grid-template-columns:minmax(0,1fr)}}
.a1x .toolkit li{position:relative;padding:2px 0 2px 26px;font-size:15px;line-height:1.5;color:var(--steel)}
.a1x .toolkit li::before{content:"";position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:var(--accent-wash) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.4 2.4L12 5.4' fill='none' stroke='%230c5f93' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.a1x .toolkit b{display:block;color:var(--ink);font-size:15.5px}
.a1x .toolkit li.soon b::after{content:" (coming)";font-weight:600;color:var(--muted)}
.a1x .dark .toolkit li{color:#c9d3dc}
.a1x .dark .toolkit b{color:#fff}

/* Numbered story steps (the old "how the system works" carousel, as a list) */
.a1x .story{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;counter-reset:story}
@media (max-width:1100px){.a1x .story{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.a1x .story{grid-template-columns:minmax(0,1fr)}}
.a1x .story li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
.a1x .story li::before{counter-increment:story;content:"0" counter(story) ".";display:block;font-size:13px;font-weight:900;letter-spacing:.1em;color:var(--accent-ink);margin-bottom:8px}
.a1x .story h3{font-size:18px;margin:0 0 6px}
.a1x .story p{margin:0;color:var(--steel);font-size:15px;line-height:1.55}

/* Light-background variants of dark-only pieces from the landing page */
.a1x .jlist.light li{color:var(--steel)}
.a1x .jlist.light b{color:var(--ink)}
.a1x .jlist.light li i{color:var(--accent-ink)}
.a1x .madeby.light{margin:18px 0 0;background:var(--accent-wash);border-color:#cfe7f6}
.a1x .madeby.light p{color:var(--ink)}
.a1x .madeby.light strong{color:var(--accent-ink)}
.a1x .madeby.light svg path{fill:var(--accent-ink)}
.a1x .ribbon.light{background:var(--gold-wash);border-color:var(--gold)}
.a1x .ribbon.light p{color:var(--ink)}
.a1x .ribbon.light strong{color:var(--gold-ink)}
.a1x .hero .madeby{margin-top:18px}
.a1x .hero .stack{margin-top:0}
.a1x .hero-photo .stack{margin:0 10px 10px}
.a1x .hero-photo .brief p b{color:var(--ink)}
.a1x .card .tag{right:16px}
.a1x .built.solo{grid-template-columns:minmax(0,1fr);margin-top:0}

/* ===== Site header ===== */
.a1x.a1x-shell{background:transparent}
.a1x .site-top{background:rgba(14,21,29,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.a1x .site-top .wrap{display:flex;align-items:center;gap:18px;height:78px}
.a1x .brand{display:inline-flex;align-items:center;gap:12px;flex:none}
.a1x .site-top .logo-pill{padding:6px 11px}
.a1x .site-top .logo-pill img{height:42px;width:auto}
.a1x .brand-line{font-size:12.5px;font-weight:700;line-height:1.25;color:#9fb0bf;letter-spacing:.01em}
.a1x .nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.a1x .nav a{color:#dfe6ec;font-weight:700;font-size:15px;padding:10px 12px;border-radius:8px;white-space:nowrap}
.a1x .nav a:hover,.a1x .nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.09)}
.a1x .site-top .top-cta{padding:12px 16px;font-size:15px;flex:none}
.a1x .menu{display:none;margin-left:auto;position:static}
.a1x .menu summary{list-style:none;cursor:pointer;width:46px;height:46px;border-radius:10px;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;color:#fff}
.a1x .menu summary::-webkit-details-marker{display:none}
.a1x .menu summary svg{width:22px;height:22px}
.a1x .menu .x{display:none}
.a1x .menu[open] .x{display:block}
.a1x .menu[open] .bars{display:none}
.a1x .menu-panel{position:absolute;left:0;right:0;top:78px;background:#0e151d;border-bottom:1px solid rgba(255,255,255,.1);padding:10px 20px 22px;box-shadow:0 20px 40px rgba(0,0,0,.35)}
.a1x .menu-panel a{display:flex;align-items:center;min-height:50px;color:#fff;font-weight:700;font-size:18px;border-bottom:1px solid rgba(255,255,255,.08)}
.a1x .menu-panel .btn{margin-top:16px;width:100%;border-bottom:0;font-size:17px}
.a1x .menu-panel .menu-phone{color:#9fb0bf;font-size:15px;border-bottom:0;justify-content:center}
@media (max-width:1180px){.a1x .brand-line{display:none}}
@media (max-width:1000px){.a1x .nav,.a1x .site-top .top-cta{display:none}.a1x .menu{display:block}}
@media (max-width:640px){.a1x .site-top .wrap{height:68px}.a1x .site-top .logo-pill img{height:36px}.a1x .menu-panel{top:68px}}

/* ===== Site footer ===== */
.a1x .site-foot{background:var(--night);color:#9fb0bf;padding:60px 0 34px;font-size:15px}
.a1x .foot-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:36px}
@media (max-width:900px){.a1x .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.a1x .foot-grid{grid-template-columns:minmax(0,1fr);gap:28px}}
.a1x .site-foot h4{margin:0 0 12px;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.a1x .site-foot ul{list-style:none;margin:0;padding:0}
.a1x .site-foot li{margin:0}
.a1x .site-foot li a{display:inline-flex;align-items:center;min-height:36px;color:#c9d3dc}
.a1x .site-foot li a:hover{color:#fff}
.a1x .foot-line{font-size:19px;font-weight:800;color:#fff;letter-spacing:-0.01em;margin:16px 0 8px;line-height:1.3}
.a1x .foot-brand p{max-width:380px}
.a1x .foot-brand .btn{margin-top:8px}
.a1x .foot-contact a{color:#fff}
.a1x .foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px;color:#7d8b98}
.a1x .foot-base p{margin:0}
.a1x .foot-base a{color:#c9d3dc}

/* ===== Theme-builder templates (blog posts, location pages, the blog archive) =====
   These are older Elementor templates shared by ~550 posts. Rather than rebuild each one, restyle them into the a1x look:
   the gradient title banner becomes the dark a1x hero, type matches, buttons go gold, cards match the a1x cards. */
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]){font-family:"Sora","Inter","Helvetica Neue",Arial,sans-serif}
/* Styles-only HTML widgets placed directly in a page have zero height but keep a bottom margin that collapses upward,
   leaving a strip of page background under the header. They hold no content, so drop the margin. */
[data-elementor-type="wp-page"] > .elementor-widget-html{margin:0!important}
/* The gradient title banner becomes the dark a1x hero, dots and all. */
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1){background:radial-gradient(110% 60% at 100% 0%,rgba(63,167,230,.30),rgba(63,167,230,0) 60%),linear-gradient(180deg,#16202b,#0e151d)!important;position:relative;overflow:hidden}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1)::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px);background-size:14px 14px}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1) > *{position:relative;z-index:1}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) h1{font-family:"Sora","Inter",Arial,sans-serif!important;font-weight:800!important;letter-spacing:-0.03em!important;line-height:1.08!important}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1) p{color:#c9d3dc!important}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1) a:not(.elementor-button),:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1) .elementor-widget-shortcode,:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1) .elementor-widget-html{color:#6cc0f0!important}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) h2,:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) h3{font-family:"Sora","Inter",Arial,sans-serif!important;font-weight:800!important;letter-spacing:-0.02em!important}
/* Post body */
.elementor-widget-theme-post-content{color:#4f565d}
.elementor-widget-theme-post-content p,.elementor-widget-theme-post-content li{font-family:"Sora","Inter",Arial,sans-serif;font-weight:400!important;font-size:17px!important;line-height:1.7!important;color:#4f565d!important}
.elementor-widget-theme-post-content h2,.elementor-widget-theme-post-content h3,.elementor-widget-theme-post-content h4{color:#1f2328}
.elementor-widget-theme-post-content a:not([class]):not([style]){color:#0c5f93!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.elementor-widget-theme-post-content strong{color:#1f2328}
/* Buttons: primary gold everywhere in these templates; the second button in a dark strip is an outline. */
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) .elementor-button{background:#ffb020!important;color:#5c3a00!important;font-family:"Sora","Inter",Arial,sans-serif!important;font-weight:800!important;border-radius:10px!important;box-shadow:0 8px 20px rgba(255,176,32,.28)!important;border:0!important}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1) .elementor-widget-button + .elementor-widget-button .elementor-button,:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:last-child:has(.elementor-widget-button) .elementor-widget-button + .elementor-widget-button .elementor-button{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.45)!important;box-shadow:none!important}
/* The closing call-to-action strip at the bottom of each template */
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:last-child:has(.elementor-widget-button){background:radial-gradient(110% 60% at 100% 0%,rgba(63,167,230,.30),rgba(63,167,230,0) 60%),linear-gradient(180deg,#16202b,#0e151d)!important}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:last-child:has(.elementor-widget-button)::before{display:none!important}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:last-child:has(.elementor-widget-button) p{color:#c9d3dc!important}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:last-child:has(.elementor-widget-button) h2,:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:last-child:has(.elementor-widget-button) .elementor-heading-title{color:#fff!important}
/* Archive cards */
.elementor-widget-archive-posts .elementor-post,.elementor-widget-posts .elementor-post{border:1px solid #d5dbe1!important;border-radius:16px!important;box-shadow:none!important;overflow:hidden}
.elementor-widget-archive-posts .elementor-post:hover,.elementor-widget-posts .elementor-post:hover{box-shadow:0 12px 30px rgba(31,35,40,.10)!important}
.elementor-post__title,.elementor-post__title a{font-family:"Sora","Inter",Arial,sans-serif!important;font-weight:800!important;letter-spacing:-0.01em;line-height:1.3!important;color:#1f2328!important}
.elementor-post__excerpt p{color:#4f565d!important;font-size:15px!important;line-height:1.55!important}
.elementor-post__read-more{color:#0c5f93!important;font-weight:800!important}
.elementor-post__badge{background:#0c5f93!important;font-family:"Sora","Inter",Arial,sans-serif!important}
.elementor-post__meta-data{color:#6b737b!important}

/* The floating site chatbot sits above the mobile action bar on pages that have one. */
@media (max-width:820px){body:has(.a1x .bar) .a1ai-global-chatbot-toggle{bottom:84px!important}}
@media (prefers-reduced-motion:reduce){.a1x .btn{transition:none}.a1x .btn:hover{transform:none}}

/* ===== Morning Briefing reskin (2026-10-22) =====
   Jack: "apply the homepage styling to the rest of the website, but don't change the inner pages' content yet."
   This layer loads after _expo-base.css and site.css and only restyles: Literata headings, Public Sans text, the
   morning-sky hero instead of the dark dotted one, the flat ink band for other dark sections, pill buttons with ink
   text, paper cards. The homepage itself is styled by mb.css (scoped to .a1m), not by this file. */
:root{--mb-serif:'Literata',Georgia,'Times New Roman',serif;--mb-sans:'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mb-sky:radial-gradient(1100px 520px at 88% -8%,rgba(255,176,32,.30),rgba(255,176,32,0) 62%),linear-gradient(180deg,#d4ebfa 0%,#e9f4fc 34%,#f8f6f0 78%,#f7f9fb 100%);
  --mb-closing:radial-gradient(700px 360px at 50% 105%,rgba(255,176,32,.45),rgba(255,176,32,0) 70%),linear-gradient(180deg,#eef6fc 0%,#dcedf9 45%,#fbeed2 100%);
  --mb-shadow-sm:0 1px 2px rgba(70,45,10,.06),0 6px 18px -8px rgba(90,60,20,.18)}
body{background:#f7f9fb}

/* Fonts site-wide. The Customizer CSS puts Sora directly on these elements; "body x" outranks it. */
body :is(p,li,a,span,div,input,textarea,select,button,label,td,th,blockquote,figcaption,small,strong,em,b,dd,dt,address){font-family:var(--mb-sans)}
body[class*="elementor-kit-"]{--e-global-typography-primary-font-family:"Literata";--e-global-typography-secondary-font-family:"Literata";--e-global-typography-text-font-family:"Public Sans";--e-global-typography-accent-font-family:"Public Sans"}
body[class*="elementor-kit-"] :is(h1,h2,h3,h4,h5,h6){font-family:var(--mb-serif);font-weight:600;letter-spacing:-.015em}
body :is(h1,h2,h3,h4,h5,h6) :is(span,a,em,strong,b,small){font-family:inherit}
body #a1ai-global-chatbot,body .a1ai-chatbot-container,body .a1ai-chatbot-header{font-family:var(--mb-sans)}

/* ---------- The a1x pages (Services, Pricing, About, Contact, FAQ, the review pages, Meet Jarvis, Pitch Deck) ---------- */
.a1x{--ink:#0e151d;--night:#0e151d;--night2:#0e151d;--steel:#34414e;--mist:#f3f8fc;--line:#dde5ec;--muted:#56626e;--accent-ink:#1b6fa8;--accent-wash:#e4f2fc;--gold-ink:#0e151d;--gold-wash:#fff4dc;
  font-family:var(--mb-sans);background:#f7f9fb;font-size:17.5px;line-height:1.6}
.a1x h1,.a1x h2,.a1x h3,.a1x .h1,.a1x .h2{font-family:var(--mb-serif);font-weight:600;letter-spacing:-.015em}
.a1x .h1{letter-spacing:-.025em;line-height:1.06}
.a1x .h2{letter-spacing:-.02em;line-height:1.12}
.a1x .h2 .line2{font-style:italic;font-weight:500}
.a1x .eyebrow{background:none;padding:0;border-radius:0;font-size:.85rem;font-weight:700;letter-spacing:.12em;color:var(--accent-ink)}
.a1x .kicker{color:var(--accent-ink);font-weight:700;letter-spacing:.12em}
.a1x .btn{border-radius:999px;font-weight:700;padding:14px 26px;min-height:52px}
.a1x .btn-gold{color:var(--ink);box-shadow:0 2px 0 #d68f0c,0 10px 22px -10px rgba(214,143,12,.8)}
.a1x .btn-outline{border-width:2px}
.a1x .btn-blue{background:var(--ink);box-shadow:none}
.a1x .card,.a1x .panel,.a1x .pain-card,.a1x .cred,.a1x .steps li,.a1x .contact-card,.a1x .story li{box-shadow:var(--mb-shadow-sm)}
.a1x .card h3,.a1x .panel h3,.a1x .steps li h3{font-family:var(--mb-serif);font-weight:600}
.a1x .steps li::before{background:#e4f2fc;color:var(--ink);border:2px solid #3fa7e6;font-family:var(--mb-serif);font-weight:600}
.a1x .faq details summary,.a1x details summary{font-family:var(--mb-serif);font-weight:600}

/* Dark sections that are not heroes become the homepage's flat ink band: no dot texture, no rings, gold accents. */
.a1x .dark{background:var(--night)}
.a1x .dots::after{display:none}
.a1x .rings{display:none}
.a1x .dark .eyebrow,.a1x .dark .kicker{color:#ffd27a}
.a1x .dark .h2 .line2{color:#ffd27a}

/* Heroes go light: the morning-sky gradient with dark ink text. */
.a1x .hero.dark{background:var(--mb-sky);color:var(--ink);border-bottom:1px solid var(--line)}
.a1x .hero.dark :is(.h1,.h2,h1,h2,h3){color:var(--ink)}
.a1x .hero.dark :is(p,.sub,.lede){color:#34414e}
.a1x .hero .h1 em{font-style:italic;font-weight:500;color:inherit;background:linear-gradient(transparent 64%,rgba(255,176,32,.55) 64%,rgba(255,176,32,.55) 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .05em}
.a1x .hero .swoosh{white-space:normal}
.a1x .hero .swoosh svg{display:none}
.a1x .hero.dark .eyebrow,.a1x .hero.dark .kicker{color:var(--accent-ink)}
.a1x .hero .hook{color:var(--ink)}
.a1x .hero .hook span{color:var(--accent-ink)}
.a1x .hero .chips span{color:#34414e;border-color:rgba(14,21,29,.18);background:rgba(255,255,255,.7)}
.a1x .hero .btn-ghost{border:2px solid var(--ink);color:var(--ink);background:#fff}
.a1x .hero-meta{color:#34414e}
.a1x .hero-meta span::before{background:var(--gold)}
.a1x .hero .ribbon{background:#fff;border-color:rgba(255,176,32,.7)}
.a1x .hero .ribbon p{color:var(--ink)}
.a1x .hero .ribbon strong{color:#8a5a00}
.a1x .hero .madeby{background:rgba(255,255,255,.7);border-color:rgba(27,111,168,.2)}
.a1x .hero .madeby p{color:#34414e}
.a1x .hero .madeby strong{color:var(--accent-ink)}
.a1x .hero .brochure-dl a{color:var(--accent-ink)}
.a1x .hero.dark .textlink{color:var(--accent-ink)}
.a1x .hero-photo img{box-shadow:0 2px 3px rgba(70,45,10,.08),0 30px 60px -22px rgba(90,60,20,.38)}

/* Service pages (2026-10-23): breadcrumbs, the answer-first paragraph, cost tables, linked service cards, area chips. */
.a1x .crumbs{font-size:.92rem;font-weight:600;color:#56626e;margin:0 0 14px}
.a1x .crumbs a{color:var(--accent-ink);text-decoration:none}
.a1x .crumbs a:hover{text-decoration:underline}
.a1x .crumbs span{opacity:.5;margin:0 8px}
.a1x .answer{font-size:1.15rem;line-height:1.65;color:#34414e;max-width:68ch;margin:0 0 8px}
.a1x .answer strong{color:var(--ink)}
.a1x .cost-wrap{margin-top:24px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.a1x .cost{width:100%;min-width:560px;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--mb-shadow-sm)}
.a1x .cost th,.a1x .cost td{padding:15px 20px;text-align:left;vertical-align:top;border-bottom:1px solid #edf1f5;line-height:1.45;font-size:1rem}
.a1x .cost thead th{background:#f7f9fb;font-family:var(--mb-serif);font-weight:600;font-size:1.08rem;color:var(--ink)}
.a1x .cost tbody th{font-weight:700;color:var(--ink);width:34%}
.a1x .cost td{color:#34414e}
.a1x .cost tr.us th,.a1x .cost tr.us td{background:#fff8e8;color:var(--ink)}
.a1x .cost tr:last-child th,.a1x .cost tr:last-child td{border-bottom:0}
.a1x .cost th,.a1x .cost td{border-top:0;border-left:0;border-right:0}
.a1x .cost tbody tr th,.a1x .cost tbody tr td{background:#fff}
.a1x .cost tbody tr.us th,.a1x .cost tbody tr.us td{background:#fff8e8}
.a1x .cost-note{margin-top:12px;font-size:.92rem;color:#56626e;max-width:72ch}
.a1x .card .more{margin-top:auto;padding-top:10px;font-weight:700;color:var(--accent-ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.a1x .card.feature{border-color:#bfe0f5;background:#f6fbff}
.a1x .card.feature h3 a{color:var(--ink);text-decoration:none}
.a1x .card.feature h3 a:hover{color:var(--accent-ink);text-decoration:underline}
.a1x .areas{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0}
.a1x .areas li{margin:0;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-weight:600;font-size:.95rem;color:var(--ink)}
.a1x .related{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.a1x .related a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-weight:700;text-decoration:none}
.a1x .related a:hover{border-color:var(--accent-ink);color:var(--accent-ink)}

/* Blog slider ([a1_blog_slider], src/mu/a1x-blog.php). The :is(#a1bs,...) prefix gives ID weight, so it looks the same
   inside the homepage (.a1m), Meet Jarvis (.a1l) and the a1x pages, whose own element rules carry ID weight too. */
:is(#a1bs,.a1bs){padding:88px 0;background:linear-gradient(180deg,#f7f9fb,#eef6fc);font-family:'Public Sans',system-ui,sans-serif;text-align:left}
:is(#a1bs,.a1bs) .a1bs-wrap{max-width:1180px;margin:0 auto;padding:0 28px}
:is(#a1bs,.a1bs) .a1bs-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
:is(#a1bs,.a1bs) .a1bs-kicker{margin:0 0 10px;font-family:'Public Sans',system-ui,sans-serif;font-weight:700;font-size:.88rem;letter-spacing:.12em;text-transform:uppercase;color:#1b6fa8}
:is(#a1bs,.a1bs) .a1bs-h{margin:0;font-family:'Literata',Georgia,serif;font-weight:600;font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.12;letter-spacing:-.015em;color:#0e151d}
:is(#a1bs,.a1bs) .a1bs-intro{margin:12px 0 0;max-width:60ch;font-family:'Public Sans',system-ui,sans-serif;font-size:1.08rem;line-height:1.6;color:#34414e}
:is(#a1bs,.a1bs) .a1bs-nav{display:flex;gap:10px;flex:none}
:is(#a1bs,.a1bs) .a1bs-btn{display:grid;place-items:center;width:48px;height:48px;margin:0;padding:0;border-radius:50%;border:1.5px solid #c9d3dc;background:#fff;color:#0e151d;font-family:Georgia,serif;font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:none;text-transform:none}
:is(#a1bs,.a1bs) .a1bs-btn:hover,:is(#a1bs,.a1bs) .a1bs-btn:focus{background:#e4f2fc;border-color:#3fa7e6;color:#0e151d}
:is(#a1bs,.a1bs) .a1bs-track{list-style:none;margin:0;padding:4px 2px 18px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px) / 4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
:is(#a1bs,.a1bs) .a1bs-card{margin:0;padding:0;scroll-snap-align:start;list-style:none}
:is(#a1bs,.a1bs) .a1bs-link{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #dde5ec;border-radius:16px;overflow:hidden;text-decoration:none;color:#0e151d;box-shadow:0 1px 2px rgba(70,45,10,.06),0 6px 18px -8px rgba(90,60,20,.18);transition:transform .15s ease,box-shadow .15s ease}
:is(#a1bs,.a1bs) .a1bs-link:hover,:is(#a1bs,.a1bs) .a1bs-link:focus{transform:translateY(-3px);box-shadow:0 2px 4px rgba(70,45,10,.08),0 16px 30px -12px rgba(90,60,20,.28);color:#0e151d}
:is(#a1bs,.a1bs) .a1bs-img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border:0;border-radius:0;box-shadow:none;margin:0;max-width:none}
:is(#a1bs,.a1bs) .a1bs-noimg{background:linear-gradient(135deg,#d4ebfa,#fbeed2)}
:is(#a1bs,.a1bs) .a1bs-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1}
:is(#a1bs,.a1bs) .a1bs-cat{font-family:'Public Sans',system-ui,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#1b6fa8}
:is(#a1bs,.a1bs) .a1bs-title{font-family:'Literata',Georgia,serif;font-weight:600;font-size:1.12rem;line-height:1.3;color:#0e151d}
:is(#a1bs,.a1bs) .a1bs-excerpt{font-family:'Public Sans',system-ui,sans-serif;font-size:.95rem;line-height:1.5;color:#34414e}
:is(#a1bs,.a1bs) .a1bs-meta{margin-top:auto;padding-top:6px;font-family:'Public Sans',system-ui,sans-serif;font-size:.85rem;color:#56626e}
:is(#a1bs,.a1bs) .a1bs-all{margin:10px 0 0;font-family:'Public Sans',system-ui,sans-serif}
:is(#a1bs,.a1bs) .a1bs-all a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:#1b6fa8;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
@media (max-width:1100px){:is(#a1bs,.a1bs) .a1bs-track{grid-auto-columns:calc((100% - 40px) / 3)}}
@media (max-width:899px){
  :is(#a1bs,.a1bs){padding:60px 0}
  :is(#a1bs,.a1bs) .a1bs-wrap{padding:0 16px}
  :is(#a1bs,.a1bs) .a1bs-track{grid-auto-columns:78%}
  :is(#a1bs,.a1bs) .a1bs-nav{display:none}
}

/* Landing pages (/expo/, /marketing-review/): their own top bar and phone bar go light like the homepage header. */
.a1x .top{background:rgba(247,249,251,.97);border-bottom:1px solid var(--line)}
.a1x .top .logo-pill{background:transparent;padding:4px 0}
.a1x .bar{background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -6px 20px -10px rgba(14,21,29,.25)}
.a1x .bar .btn-ghost{border:2px solid var(--ink);color:var(--ink);background:#fff}

/* ---------- The older Elementor templates (blog posts, location pages, the blog archive, plugin and product pages) ---------- */
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]){font-family:var(--mb-sans)}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1){background:var(--mb-sky)!important;border-bottom:1px solid #dde5ec}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1)::after{display:none!important}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) h1{font-family:var(--mb-serif)!important;font-weight:600!important;letter-spacing:-.025em!important;line-height:1.08!important}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1) :is(h1,h2,h3,.elementor-heading-title){color:#0e151d!important}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1) :is(p,.elementor-widget-text-editor,.elementor-icon-list-text,.elementor-post-info__item){color:#34414e!important}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1) :is(a:not(.elementor-button),.elementor-widget-shortcode,.elementor-widget-html){color:#1b6fa8!important}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1) .elementor-icon-list-icon :is(i,svg){color:#1b6fa8!important;fill:#1b6fa8!important}
/* Many banner titles wrap their text in <span style="color:#ffffff">; let it take the heading's ink. The live chatbot demo keeps its own colors. */
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1) :is(h1,h2,h3,p,.elementor-heading-title,.elementor-widget-text-editor) [style*="color"]:not(.a1ai-chatbot-container *){color:inherit!important}
/* Small labels the templates colored for a dark background. */
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1) .a1-feat{color:#34414e!important}
.a1-dl-card .notice-bar{color:#8a5a00!important}
.a1-dl-card .tag{color:#34414e!important}
/* The older pages' hero (a1-hero-blue, on 9 pages) carried ~100px of padding top and bottom plus nested 24px wrappers. */
.a1-hero-blue{padding-top:48px!important;padding-bottom:56px!important}
.a1-hero-blue > .e-con{--padding-top:0px;--padding-bottom:0px;padding-top:0!important;padding-bottom:0!important}
.a1-hero-blue{row-gap:0!important;--row-gap:0px}
.a1-hero-blue > .elementor-widget-html{margin:0!important}
.elementor-6652 :is(.elementor-element-bdb5819e,.elementor-element-d79d64d7,.elementor-element-2ba4f98d,.elementor-element-67d4dcfe){padding-top:0!important;padding-bottom:0!important}
.elementor-6652 .elementor-element-67d4dcfe{padding-top:20px!important}
@media (max-width:767px){.a1-hero-blue{padding-top:28px!important;padding-bottom:36px!important}}
/* Chatbot page (/ai-wordpress-plugin/, Elementor page 6652): the two buttons sat under the live demo, making the hero ~1,040px
   tall. A grid moves them under the copy, beside the demo. On phones the order is copy, buttons, then the demo. */
.elementor-6652 .elementor-element-5878f041{display:contents!important}
.elementor-6652 .elementor-element-67d4dcfe{margin-top:0!important;justify-content:flex-start!important;--justify-content:flex-start}
@media (min-width:768px){
  .elementor-6652 .elementor-element-bdb5819e{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;row-gap:0;align-items:center}
  .elementor-6652 :is(.elementor-element-d79d64d7,.elementor-element-67d4dcfe,.elementor-element-2ba4f98d){--width:auto;width:auto!important;max-width:none!important}
  .elementor-6652 .elementor-element-d79d64d7{grid-column:1;grid-row:1;align-self:end}
  .elementor-6652 .elementor-element-67d4dcfe{grid-column:1;grid-row:2;align-self:start;padding-left:24px!important}
  .elementor-6652 .elementor-element-2ba4f98d{grid-column:2;grid-row:1 / span 2}
}
@media (max-width:767px){
  .elementor-6652 .elementor-element-d79d64d7{order:1}
  .elementor-6652 .elementor-element-67d4dcfe{order:2}
  .elementor-6652 .elementor-element-2ba4f98d{order:3}
}
/* The templates' own breadcrumb and eyebrow styles were written for the dark banner. */
.a1-crumb{color:#1b6fa8!important;font-family:var(--mb-sans)!important;font-weight:700!important;letter-spacing:.12em!important}
.a1-crumb span{color:rgba(27,111,168,.45)!important}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1) .a1-eyebrow{color:#1b6fa8!important;font-family:var(--mb-sans)!important;font-weight:700!important;letter-spacing:.12em!important}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) :is(h2,h3,h4){font-family:var(--mb-serif)!important;font-weight:600!important;letter-spacing:-.015em!important}
.elementor-widget-theme-post-content{color:#34414e}
.elementor-widget-theme-post-content :is(p,li){font-family:var(--mb-sans)!important;font-size:18px!important;line-height:1.7!important;color:#34414e!important}
.elementor-widget-theme-post-content :is(h2,h3,h4),.elementor-widget-theme-post-content strong{color:#0e151d}
.elementor-widget-theme-post-content .a1-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 1em}
.elementor-widget-theme-post-content .a1-table-scroll table{min-width:620px;margin:0}
.elementor-widget-theme-post-content blockquote{margin:0 0 1.4em;padding:16px 20px;border:1px solid #dde5ec;border-left:4px solid #ffb020;border-radius:10px;background:#fbfcfd;box-shadow:0 1px 2px rgba(14,21,29,.04)}
.elementor-widget-theme-post-content blockquote p{font-family:'Literata',Georgia,serif!important;font-size:17px!important;line-height:1.6!important;color:#0e151d!important;margin:0 0 .4em}
.elementor-widget-theme-post-content blockquote p:last-child{margin-bottom:0}
.elementor-widget-theme-post-content a:not([class]):not([style]){color:#1b6fa8!important;text-decoration-thickness:2px;text-underline-offset:4px}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) .elementor-button{color:#0e151d!important;font-family:var(--mb-sans)!important;font-weight:700!important;border-radius:999px!important;box-shadow:0 2px 0 #d68f0c,0 10px 22px -10px rgba(214,143,12,.8)!important}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:has(h1) .elementor-widget-button + .elementor-widget-button .elementor-button,:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:last-child:has(.elementor-widget-button) .elementor-widget-button + .elementor-widget-button .elementor-button{background:#fff!important;color:#0e151d!important;border:2px solid #0e151d!important;box-shadow:none!important}
/* The closing call-to-action strip becomes the homepage's sunrise closing band. */
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:last-child:has(.elementor-widget-button){background:var(--mb-closing)!important}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:last-child:has(.elementor-widget-button) :is(p,.elementor-widget-text-editor){color:#34414e!important}
:is(.elementor-location-single,.elementor-location-archive,[data-elementor-type="wp-page"]) > .e-con.e-parent:last-child:has(.elementor-widget-button) :is(h2,h3,.elementor-heading-title){color:#0e151d!important}
.elementor-widget-archive-posts .elementor-post,.elementor-widget-posts .elementor-post{border-color:#dde5ec!important;background:#fff;box-shadow:var(--mb-shadow-sm)!important}
.elementor-post__title,.elementor-post__title a{font-family:var(--mb-serif)!important;font-weight:600!important;color:#0e151d!important}
.elementor-post__excerpt p{color:#34414e!important}
.elementor-post__read-more{color:#1b6fa8!important;font-weight:700!important}
.elementor-post__badge{background:#0e151d!important;font-family:var(--mb-sans)!important}
.elementor-post__meta-data{color:#56626e!important}

/* Inner-page photos (2026-10-23, jarvis-1e): generated scenes and the mascot. Prompts and rules in IMAGES.md. */
.a1x .pic{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(70,45,10,.06),0 14px 34px -12px rgba(90,60,20,.22)}
.a1x .pic img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.a1x .pic.mt-pic{margin-top:28px}
.a1x .pic-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.a1x .pic-intro .answer{margin-bottom:0}
.a1x .pic-side{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:start}
.a1x .pic-side .pic{position:sticky;top:110px;margin-top:24px}
.a1x .madeby .bot{width:44px;height:44px;border-radius:50%;flex:none;object-fit:cover;background:#f8efe1;box-shadow:0 0 0 2px #3fa7e6}
.a1x .ic.face{width:60px;height:60px;padding:0;overflow:hidden;border-radius:50%;background:#f8efe1;box-shadow:0 0 0 2px #ffb020}
.a1x .ic.face img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.a1x .card.ink .ic.face{box-shadow:0 0 0 2px #3fa7e6}
.a1x .card.ink .ic.face img{object-position:50% 50%}
.a1x .cta-bot{display:block;width:84px;height:84px;border-radius:50%;margin:0 auto 18px;background:#f8efe1;box-shadow:0 0 0 3px #3fa7e6}
@media (max-width:899px){
  .a1x .pic-intro,.a1x .pic-side{grid-template-columns:minmax(0,1fr);gap:24px}
  .a1x .pic-side .pic{position:static}
}