:root{--ax-cyan:#12aebd;--ax-cyan2:#16c4d4;--ax-ink:#101417;--ax-graph:#273036;--ax-mist:#f2f7f8;--ax-white:#fff;--ax-line:#d9e5e7}.ax4t{font-family:Inter,Arial,sans-serif;color:var(--ax-ink);background:#fff}.ax4t *{box-sizing:border-box}.ax4t h1,.ax4t h2,.ax4t h3{font-family:"Space Grotesk",Arial,sans-serif;margin:0;letter-spacing:-.04em}.ax4t p{line-height:1.75}.ax4t-shell{width:min(1180px,calc(100% - 40px));margin:auto}.ax4t-hero{background:var(--ax-cyan);padding:clamp(90px,12vw,180px) 0 80px;overflow:hidden}.ax4t-hero h1{font-size:clamp(52px,8vw,112px);line-height:.92;max-width:1050px}.ax4t-hero h1 em{font-style:normal;color:white}.ax4t-eyebrow,.ax4t-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;margin-bottom:24px}.ax4t-lead{font-size:clamp(18px,2vw,25px);max-width:760px;margin:32px 0 0}.ax4t-lead-small{font-size:19px;max-width:760px}.ax4t-section{padding:clamp(70px,9vw,130px) 0}.ax4t-section h2,.ax4t-cta h2{font-size:clamp(38px,5vw,70px);line-height:1;max-width:850px}.ax4t-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid var(--ax-line);border-left:1px solid var(--ax-line)}.ax4t-card{min-height:260px;padding:30px;border-right:1px solid var(--ax-line);border-bottom:1px solid var(--ax-line);position:relative}.ax4t-card h3{font-size:25px;margin:35px 0 14px}.ax4t-card p{color:#526067}.ax4t-num{font:600 12px "Space Grotesk";color:var(--ax-cyan);letter-spacing:.1em}.ax4t-dark{background:var(--ax-ink);color:white}.ax4t-dark p{color:#c7d0d2;font-size:19px}.ax4t-soft{background:var(--ax-mist)}.ax4t-split{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:start}.ax4t-cta{background:var(--ax-cyan);padding:80px 0}.ax4t-cta p{font-size:18px}.ax4t-btn{display:inline-block;background:var(--ax-cyan);color:#071113!important;text-decoration:none!important;padding:16px 22px;font-weight:700;margin-top:15px}.ax4t-btn-dark{background:var(--ax-ink);color:#fff!important}.ax4t-faq details{border-top:1px solid var(--ax-line);padding:0}.ax4t-faq details:last-child{border-bottom:1px solid var(--ax-line)}.ax4t-faq summary{font:600 clamp(20px,2.5vw,30px) "Space Grotesk";padding:28px 0;cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none}.ax4t-faq summary span{color:var(--ax-cyan)}.ax4t-faq details p{max-width:800px;color:#526067;margin:0 0 28px}.ax4t-contact{display:grid;grid-template-columns:1fr 1fr;gap:70px}.ax4t-contact h2{font-size:clamp(38px,5vw,68px)}.ax4t-panel{background:var(--ax-ink);color:white;padding:45px}.ax4t-note{font-size:13px;color:#aebabc}.ax4t-legal{max-width:850px}.ax4t-legal h2{font-size:30px;margin:48px 0 12px}.ax4t-notice{background:var(--ax-mist);border-left:5px solid var(--ax-cyan);padding:20px;margin-bottom:50px}@media(max-width:800px){.ax4t-grid{grid-template-columns:1fr}.ax4t-split,.ax4t-contact{grid-template-columns:1fr;gap:35px}.ax4t-card{min-height:auto}.ax4t-shell{width:min(100% - 28px,1180px)}}
/* v1.0.1: only top-level page backgrounds escape the shortcode container.
   JS refines these viewport fallbacks to exclude the scrollbar and account
   for asymmetric theme/Elementor padding. Keep .ax4t-shell constrained. */
.ax4t {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
}
.ax4t > .ax4t-hero,
.ax4t > .ax4t-section,
.ax4t > .ax4t-cta {
  box-sizing: border-box;
  width: var(--ax4t-viewport-width, 100vw);
  max-width: var(--ax4t-viewport-width, 100vw);
  margin-left: var(--ax4t-breakout-left, calc(50% - 50vw));
  margin-right: var(--ax4t-breakout-right, calc(50% - 50vw));
  overflow-x: clip;
  overflow-wrap: anywhere;
}
/* White backgrounds must cover the newly expanded section area too. */
.ax4t > .ax4t-section:not(.ax4t-dark):not(.ax4t-soft) { background: #fff; }
.ax4t .ax4t-shell > *,
.ax4t .ax4t-grid > * { min-width: 0; }
