.elementor-13512 .elementor-element.elementor-element-4722f14{--display:flex;}/* Start custom CSS for html, class: .elementor-element-73ff93a *//* AXON ADHD Trust Center — styles. All .elementor-13512 .elementor-element.elementor-element-73ff93as scoped under .axtc / axtc-* (no conflicts with Elementor/WordPress).
   Layout modelled on the Medarch Trust Center; colours, logo and imagery stay AXON. */

/* ---- Tokens ---- */
.axtc{
  --axtc-navy:#0B254B; --axtc-ink:#0B254B; --axtc-text:rgba(11,37,75,.78); --axtc-muted:#4A5C78;
  --axtc-head:#000000; --axtc-head-inv:#FFFFFF; /* headings: black on light backgrounds, white on dark ones */
  --axtc-blue:#256ACC; --axtc-blue-d:#1D57AB; --axtc-blue-h:#10458D; --axtc-tint:#EFF6FF; --axtc-soft:#F8FBFF;
  --axtc-green:#0D7C66; --axtc-green-d:#0B6654; --axtc-green-bg:#E7F6F2;
  --axtc-amber:#9A5B00; --axtc-amber-bg:#FFF4DC; --axtc-gold:#FFB547; --axtc-mint:#9FE3D2;
  --axtc-line:#E2E8F0; --axtc-line-b:#DCE7F5;
  --axtc-max:1340px; --axtc-gut:40px; --axtc-r:16px; --axtc-btn-r:50px;
  --axtc-font:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-family:Roboto,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; color:var(--axtc-text); font-size:16px; line-height:1.6; font-weight:400;
  background:#fff; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  /* full-bleed: stretch to the viewport even inside a boxed Elementor container */
  width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); position:relative;
}
.axtc *,.axtc *::before,.axtc *::after{box-sizing:border-box}
html{scroll-padding-top:90px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
html:has(.axtc),body:has(.axtc){overflow-x:clip}
.axtc :where(h1,h2,h3,p,ul,ol,dl,dd,figure){margin:0;padding:0}
.axtc :where(ul,ol){list-style:none}
.axtc img{display:block;max-width:100%;height:auto}
.axtc :where(a){color:var(--axtc-blue-d)}
.axtc .axtc-ico{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.axtc-sprite{position:absolute;width:0;height:0;overflow:hidden}

/* ---- Layout: 1340px centred wrapper ---- */
.axtc-wrap{width:100%;max-width:var(--axtc-max);margin:0 auto;padding:0 var(--axtc-gut)}
.axtc-sec{padding:80px 0;scroll-margin-top:90px}
.axtc-sec--tint{background:var(--axtc-soft)}

/* ---- Type (Medarch scale, AXON colours) ---- */
.axtc-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 14px/1.5 Roboto,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--axtc-green-d)}
.axtc-h1{font:700 clamp(2.25rem,4.2vw,3.5rem)/1.1 var(--axtc-font);letter-spacing:-.02em;color:var(--axtc-head);margin:18px 0 20px}
.axtc-h2{font:700 clamp(1.75rem,3vw,2.5rem)/1.2 var(--axtc-font);letter-spacing:-.02em;color:var(--axtc-head);margin-top:14px}
.axtc-ac{color:inherit}
.axtc-lead{font-size:18px;line-height:1.6;color:var(--axtc-text);max-width:760px;margin:16px auto 0}
.axtc-head{margin-bottom:48px;text-align:center}

/* ---- Buttons: Medarch shape (10px radius, 14/24 padding, 600) in AXON colours ---- */
.axtc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;max-width:100%;padding:14px 24px;border:1px solid var(--axtc-blue);border-radius:var(--axtc-btn-r);font:600 17px/1.2 var(--axtc-font);text-align:center;text-decoration:none;cursor:pointer;transition:none}
.axtc-btn--p{background:var(--axtc-blue);color:#fff}
.axtc-btn--p:hover,.axtc-btn--p:focus-visible,.axtc-btn--p:active{background:var(--axtc-blue-h);border-color:var(--axtc-blue-h);color:#fff}
.axtc-btn--o{background:#fff;color:var(--axtc-blue)}
.axtc-btn--o:hover,.axtc-btn--o:focus-visible,.axtc-btn--o:active{background:var(--axtc-blue);color:#fff}
.axtc-btn--w{background:#fff;border-color:#fff;color:var(--axtc-blue-h)}
.axtc-btn--w:hover,.axtc-btn--w:focus-visible,.axtc-btn--w:active{background:var(--axtc-tint);border-color:var(--axtc-tint);color:var(--axtc-blue-h)}
.axtc-btn--g{background:transparent;border-color:rgba(255,255,255,.7);color:#fff}
.axtc-btn--g:hover,.axtc-btn--g:focus-visible,.axtc-btn--g:active{background:#fff;border-color:#fff;color:var(--axtc-blue-h)}
.axtc a.axtc-btn,.axtc a.axtc-btn:hover,.axtc a.axtc-btn:focus,.axtc a.axtc-btn:active{text-decoration:none}
.axtc a.axtc-btn--p,.axtc a.axtc-btn--p:visited{color:#fff}
.axtc a.axtc-btn--o,.axtc a.axtc-btn--o:visited{color:var(--axtc-blue)}
.axtc a.axtc-btn--o:hover,.axtc a.axtc-btn--o:focus-visible,.axtc a.axtc-btn--o:active{color:#fff}
.axtc a.axtc-btn--w,.axtc a.axtc-btn--w:visited{color:var(--axtc-blue-h)}
.axtc a.axtc-btn--g,.axtc a.axtc-btn--g:visited{color:#fff}
.axtc a.axtc-btn--g:hover,.axtc a.axtc-btn--g:focus-visible,.axtc a.axtc-btn--g:active{color:var(--axtc-blue-h)}
.axtc a:focus-visible,.axtc summary:focus-visible{outline:3px solid var(--axtc-gold);outline-offset:3px;border-radius:10px}
.axtc-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}

/* ---- 1. Hero ----
   Desktop: image fills the hero (cover). The hero height follows the image's 16:9 ratio
   (clamped) so very little is cropped, and the white fade only sits behind the text column.
   Tablet/mobile: image is shown in full beneath the copy (see media queries). */
.axtc-hero{position:relative;overflow:hidden;background:var(--axtc-soft);isolation:isolate;min-height:clamp(640px,56.3vw,880px)}
.axtc-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-2}
.axtc-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(248,251,255,.96) 0%,rgba(248,251,255,.84) 30%,rgba(248,251,255,.3) 50%,rgba(248,251,255,0) 68%)}
.axtc-hero__in{padding-top:150px;padding-bottom:64px;display:flex;flex-direction:column;justify-content:flex-start}
.axtc-hero__copy{max-width:640px}
.axtc-hero__p{font-size:18px;line-height:1.6;color:var(--axtc-text);max-width:580px}
.axtc-badges{display:flex;flex-wrap:wrap;gap:12px 28px;max-width:640px;margin-top:36px;padding-top:24px;border-top:1px solid var(--axtc-line-b)}
.axtc-badge{display:flex;align-items:center;gap:10px;font:800 14px/1.2 var(--axtc-font);color:var(--axtc-ink)}
.axtc-badge .axtc-ico{width:32px;height:32px;padding:7px;border-radius:50%;background:var(--axtc-green-bg);color:var(--axtc-green)}
.axtc-badge small{display:block;margin-top:2px;font:500 12px/1.2 var(--axtc-font);color:var(--axtc-muted)}
.axtc-badge--amber .axtc-ico{background:var(--axtc-amber-bg);color:var(--axtc-amber)}

/* ---- Cards (Medarch: bordered, 16px radius, 18px/800 titles, 14-15px copy) ---- */
.axtc-grid{display:grid;gap:24px}
.axtc-grid--3{grid-template-columns:repeat(3,1fr)}
.axtc-grid--2{grid-template-columns:repeat(2,1fr)}
.axtc-card{background:#fff;border:1px solid var(--axtc-line);border-radius:var(--axtc-r);padding:28px;box-shadow:0 1px 2px rgba(15,23,42,.04);display:flex;flex-direction:column}
.axtc-card:hover{border-color:#B9D2F5}
.axtc-icon{width:44px;height:44px;border-radius:10px;background:var(--axtc-tint);color:var(--axtc-blue);display:grid;place-items:center;font-size:22px;margin-bottom:20px}
.axtc-card h3{font:800 18px/1.3 var(--axtc-font);letter-spacing:-.015em;color:var(--axtc-head);margin-bottom:10px}
.axtc-card p{font-size:15px;line-height:1.6;color:var(--axtc-text)}
.axtc-status{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:5px 12px;border-radius:999px;font:700 12px/1.2 var(--axtc-font);background:var(--axtc-green-bg);color:var(--axtc-green-d);margin-bottom:14px}
.axtc-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.axtc-status--wip{background:var(--axtc-amber-bg);color:var(--axtc-amber)}
.axtc-meta{margin-top:auto;padding-top:18px;font-size:14px;color:var(--axtc-text);display:flex;align-items:center;gap:8px}
.axtc-meta .axtc-ico{color:var(--axtc-blue)}
.axtc-chips-l{text-align:center;margin-top:40px;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--axtc-muted)}
.axtc-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}
.axtc-chips li{padding:9px 18px;border-radius:999px;background:#fff;border:1px solid var(--axtc-line);font:800 14px/1 var(--axtc-font);color:var(--axtc-ink)}

/* ---- 4. HIPAA & BAA panel ---- */
.axtc-baa{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:56px;align-items:start;background:#fff;border:1px solid var(--axtc-line);border-radius:20px;padding:44px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.axtc-baa,.axtc-baa *{-webkit-font-smoothing:antialiased;backface-visibility:visible;will-change:auto}
.axtc-checks{display:grid;gap:16px}
.axtc-checks li{display:flex;gap:14px;align-items:flex-start;color:var(--axtc-text);font-size:17px}
.axtc-checks .axtc-ico{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--axtc-green-bg);color:var(--axtc-green);margin-top:1px}
.axtc-dl{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}
.axtc-dl div{padding:14px 0;border-top:1px solid var(--axtc-line);display:grid;gap:2px}
.axtc-dl dt{font-size:13px;color:var(--axtc-muted)}
.axtc-dl dd{margin:0;font-weight:800;color:var(--axtc-ink);font-size:15px}
.axtc-baa__side{display:grid;gap:14px;align-content:start;text-align:center}
.axtc-baa__side h3{font:800 22px/1.25 var(--axtc-font);letter-spacing:-.015em;color:var(--axtc-head)}
.axtc-baa__side p{margin-bottom:6px}
.axtc-baa__side .axtc-btn{width:100%}

/* ---- 5. Data residency band ---- */
.axtc-band{background:linear-gradient(92.15deg,#173742 1.81%,#3B8DA8 149.07%);color:#fff;position:relative;overflow:hidden}
.axtc-band::before{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(111,178,255,.28),transparent 70%)}
.axtc-band__in{position:relative;display:grid;grid-template-columns:1fr;gap:48px;text-align:center}
.axtc-band__in .axtc-lead{max-width:760px}
.axtc-band .axtc-eyebrow{color:var(--axtc-gold)}
.axtc-band .axtc-h2{color:var(--axtc-head-inv)}
.axtc-band .axtc-lead{color:#fff}
.axtc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.axtc-stat{padding:24px;border-radius:var(--axtc-r);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}
.axtc-stat b{display:block;font:800 32px/1.1 var(--axtc-font);color:#fff}
.axtc-stat span{display:block;margin-top:8px;font-size:15px;color:#fff}

/* ---- 6. Documents ---- */
.axtc-doc{flex-direction:row;gap:20px;align-items:flex-start}
.axtc-doc .axtc-icon{margin:0}
.axtc-doc h3{margin-bottom:6px}
.axtc-doc .axtc-btn{margin-top:18px}
.axtc-note{text-align:center;margin-top:28px;color:var(--axtc-muted);font-size:14px}

/* ---- 7. FAQ ---- */
.axtc-faq{display:grid;grid-template-columns:380px minmax(0,1fr);gap:40px;align-items:start}
.axtc-faq__side{position:sticky;top:110px;padding:32px;border-radius:var(--axtc-r);background:linear-gradient(81.25deg,#061A36 0.51%,#1D3C67 100%);color:#fff}
.axtc-faq__side h3{font:700 24px/1.2 var(--axtc-font);letter-spacing:-.015em;margin-bottom:12px;color:var(--axtc-head-inv)}
.axtc-faq__side p{color:rgba(255,255,255,.88);margin-bottom:22px;font-size:15px}
.axtc-faq__list{display:grid;gap:12px}
.axtc-q{background:#fff;border:1px solid var(--axtc-line);border-radius:12px}
.axtc-q[open]{border-color:var(--axtc-blue);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.axtc-q summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font:700 16px/1.4 var(--axtc-font);color:var(--axtc-ink)}
.axtc-q summary::-webkit-details-marker{display:none}
.axtc-q summary .axtc-ico{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--axtc-tint);color:var(--axtc-blue)}
.axtc-q[open] summary .axtc-ico{transform:rotate(45deg);background:var(--axtc-blue);color:#fff}
.axtc-q div{padding:0 22px 20px;font-size:15px;color:var(--axtc-text)}

/* ---- 8. Final CTA ("Care you can trust…") — heading, copy and buttons only ---- */
.axtc-final{position:relative;overflow:hidden;background:linear-gradient(91.82deg,#256ACC 23.38%,#133566 101.8%);color:#fff;isolation:isolate;padding:80px 0}
.axtc-final::before{content:"";position:absolute;z-index:-1;left:-140px;bottom:-180px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(159,227,210,.22),transparent 70%)}
.axtc-final__in{display:block;text-align:center}
.axtc-final .axtc-eyebrow{color:var(--axtc-gold)}
.axtc-final .axtc-h2{color:var(--axtc-head-inv)}
.axtc-final .axtc-lead{color:rgba(255,255,255,.92);max-width:680px}
.axtc-final .axtc-cta{justify-content:center;margin-top:36px}

/* ---- Scroll reveal: pure CSS, only where supported ---- */
/* Fade only (no transform): a transform on large text blocks forces a GPU layer that renders text soft/blurry. */
@keyframes axtc-in{from{opacity:0}to{opacity:1}}
@supports (animation-timeline:view()){
  .axtc [data-axtc-r]{animation:axtc-in linear both;animation-timeline:view();animation-range:entry 0% entry 20%}
}
/* HIPAA & BAA panel: always crisp and fully visible, no scroll animation */
.axtc .axtc-baa[data-axtc-r]{animation:none;opacity:1;transform:none;filter:none}
@media (prefers-reduced-motion:reduce){.axtc [data-axtc-r]{animation:none!important}}

/* ---- Tablet ---- */
@media (max-width:1024px){
  .axtc{--axtc-gut:32px}
  .axtc-sec{padding:96px 0 72px}
  .axtc-final{padding:68px 0}
  /* Hero: copy first, then the full, uncropped image beneath it */
  .axtc-hero{display:flex;flex-direction:column;min-height:0}
  .axtc-hero::after{display:none}
  .axtc-hero__in{order:1;padding-top:150px;padding-bottom:40px}
  .axtc-hero__img{order:2;position:static;inset:auto;z-index:auto;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;object-position:center}
  .axtc-grid--3{grid-template-columns:repeat(2,1fr)}
  .axtc-baa,.axtc-faq{grid-template-columns:1fr;gap:36px}
  .axtc-stats{grid-template-columns:repeat(2,1fr)}
  .axtc-faq__side{position:static}
  .axtc-baa{padding:36px}
}
/* ---- Mobile ---- */
@media (max-width:767px){
  .axtc{--axtc-gut:20px}
  .axtc-sec{padding:76px 0 56px}
  .axtc-final{padding:56px 0}
  .axtc-hero__in{padding-top:150px;padding-bottom:32px}
    .axtc-lead,.axtc-hero__p{font-size:16px}
  .axtc-grid--3,.axtc-grid--2{grid-template-columns:1fr}
  .axtc-card{padding:24px}
  .axtc-baa{padding:24px;border-radius:16px}
  .axtc-dl{grid-template-columns:1fr}
  .axtc-btn{width:100%}
  .axtc-badges{gap:16px}
  .axtc-stats{grid-template-columns:1fr}
  .axtc-doc{flex-direction:column}
  .axtc-q summary{padding:16px 18px}.axtc-q div{padding:0 18px 18px}
}/* End custom CSS */