/* AtOverride sales funnel — scoped .ao-* */
/* ============ TOKENS ============ */
.ao-root{
  --ao-bg:#0E1116;
  --ao-bg-2:#11151C;
  --ao-surface:#161C25;
  --ao-raise:#1D2430;
  --ao-line:#28313E;
  --ao-line-soft:#1F2732;

  /* palette lifted from a Java IDE dark theme */
  --ao-gold:#F0C05A;      /* annotations  @Override */
  --ao-gold-dim:#8A6E2A;
  --ao-orange:#CC7832;    /* keywords     public class */
  --ao-green:#8FBC6E;     /* strings      "value" */
  --ao-blue:#6897BB;      /* methods      build() */
  --ao-red:#D46A6A;       /* errors       Exception */

  --ao-text:#DDE4EE;
  --ao-mid:#A3AEBE;
  --ao-muted:#778394;

  --ao-display:var(--jil-disp,'Space Grotesk',system-ui,sans-serif);
  --ao-body:var(--jil-body,'Inter',system-ui,sans-serif);
  --ao-mono:var(--jil-mono,'JetBrains Mono',ui-monospace,monospace);

  --ao-wrap:1120px;
  --ao-r:14px;
}

/* ============ BASE ============ */
.ao-root *,.ao-root *::before,.ao-root *::after{box-sizing:border-box}
.ao-root{
  margin:0;background:var(--ao-bg);color:var(--ao-text);
  font-family:var(--ao-body);font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
.ao-root img{max-width:100%;display:block}
.ao-root h1,.ao-root h2,.ao-root h3,.ao-root h4{
  font-family:var(--ao-display);font-weight:800;
  letter-spacing:-0.028em;line-height:1.08;margin:0;color:#fff;
}
.ao-root p{margin:0}
.ao-root a{color:inherit;text-decoration:none}
.ao-root ul{margin:0;padding:0;list-style:none}
.ao-root :focus-visible{outline:2px solid var(--ao-gold);outline-offset:3px;border-radius:4px}

.ao-wrap{width:100%;max-width:var(--ao-wrap);margin:0 auto;padding:0 20px}
.ao-sec{padding:40px 0;position:relative}
.ao-sec--tight{padding:28px 0}
/* Collapse stacked padding so section pairs don't feel like a canyon */
.ao-sec + .ao-sec{padding-top:28px}
.ao-sec--tight + .ao-sec,
.ao-sec + .ao-sec--tight{padding-top:20px}
.ao-sec--center .ao-head,
.ao-sec--center .ao-table,
.ao-sec--center .ao-value-cta{
  margin-left:auto;margin-right:auto;text-align:center;
}
.ao-sec--center .ao-lede{margin-left:auto;margin-right:auto}
.ao-sec--center .ao-table{max-width:820px;text-align:left}
.ao-sec--center .ao-value-cta{max-width:820px;margin-top:22px}
.ao-sec--center .ao-value-cta p{color:var(--ao-mid);font-size:15px;line-height:1.55}
.ao-sec--center .ao-value-cta .ao-btn{margin-top:18px}
.ao-sec--alt{
  background:var(--ao-bg-2);
  border-top:1px solid var(--ao-line-soft);
  border-bottom:0
}
.ao-sec--alt + .ao-sec--alt{border-top:0}
.ao-sec + .ao-sec--alt{border-top:1px solid var(--ao-line-soft)}
.ao-sec--alt + .ao-sec:not(.ao-sec--alt){border-top:1px solid var(--ao-line-soft)}

/* section eyebrow rendered as a Java annotation — the page signature */
.ao-anno{
  font-family:var(--ao-mono);font-size:13px;font-weight:500;
  color:var(--ao-gold);letter-spacing:0.02em;margin-bottom:10px;display:block;
}
.ao-anno span{color:var(--ao-muted)}

.ao-h2{font-size:clamp(26px,4.2vw,40px)}
.ao-h3{font-size:clamp(20px,2.4vw,24px);letter-spacing:-.02em}
.ao-lede{color:var(--ao-mid);font-size:16.5px;max-width:62ch;margin-top:12px;line-height:1.55}
.ao-head{max-width:720px;margin-bottom:20px}

.ao-gold{color:var(--ao-gold)}
.ao-strike{color:var(--ao-muted);text-decoration:line-through;text-decoration-color:var(--ao-red)}

/* ============ BUTTONS ============ */
.ao-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--ao-display);font-weight:700;font-size:17px;letter-spacing:-0.01em;
  padding:17px 30px;border-radius:11px;border:1px solid transparent;cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;text-align:center;
}
.ao-btn--gold{
  background:linear-gradient(180deg,#E8B84A 0%,#C99220 100%);
  color:#14100A;
  box-shadow:0 10px 30px -12px rgba(240,192,90,.7),inset 0 1px 0 rgba(255,255,255,.35);
}
/* Beat .ao-root a{color:inherit} so CTA text stays dark on gold */
.ao-root a.ao-btn--gold,
.ao-root .ao-bar a.ao-btn,
.ao-root .ao-hero a.ao-btn{
  color:#14100A;
}
.ao-btn--gold:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px -12px rgba(240,192,90,.85);
  color:#14100A;
}
.ao-root a.ao-btn--gold:hover{color:#14100A}
.ao-btn--pulse{
  animation:ao-cta-pulse 2.4s ease-in-out infinite;
}
.ao-btn--pulse:hover{animation-play-state:paused}
@keyframes ao-cta-pulse{
  0%,100%{
    box-shadow:0 10px 28px -12px rgba(240,192,90,.65),inset 0 1px 0 rgba(255,255,255,.35);
    transform:translateY(0);
  }
  50%{
    box-shadow:0 14px 36px -10px rgba(240,192,90,.95),0 0 0 5px rgba(240,192,90,.16),inset 0 1px 0 rgba(255,255,255,.4);
    transform:translateY(-2px);
  }
}
.ao-btn--ghost{background:transparent;border-color:var(--ao-line);color:var(--ao-text)}
.ao-btn--ghost:hover{border-color:var(--ao-gold);color:var(--ao-gold)}
.ao-btn--wide{width:100%}
.ao-btn--lg{font-size:16.5px;padding:15px 22px}
.ao-btn__sub{display:block;font-family:var(--ao-body);font-size:12px;font-weight:500;opacity:.72;margin-top:2px}

.ao-under{
  font-family:var(--ao-mono);font-size:12.5px;color:var(--ao-muted);
  margin-top:10px;margin-bottom:0;display:flex;gap:16px;flex-wrap:wrap;align-items:center;
}
.ao-under b{color:var(--ao-green);font-weight:500}

/* ============ HERO PACKAGE (sticky bar + hero) ============ */
/* Tokens + layout match ao-hero.html; scoped so lower funnel CTAs stay intact. */
.ao-hero,.ao-bar{
  --ao-ink:#0a0e14;
  --ao-panel:#10151d;
  --ao-panel-2:#0d1219;
  --ao-gold:#f0b429;
  --ao-gold-hi:#ffd76a;
  --ao-text:#e8eef5;
  --ao-dim:#8b97a6;
  --ao-faint:#5d6875;
  --ao-line:rgba(255,255,255,.07);
  --ao-line-gold:rgba(240,180,41,.18);
  --ao-com:#6a9955;
  --ao-sans:var(--jil-body,'Inter',system-ui,sans-serif);
  --ao-mono:var(--jil-mono,'JetBrains Mono',ui-monospace,monospace);
}

.ao-bar{
  position:sticky;top:0;z-index:60;
  background:rgba(10,14,20,.82);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--ao-line);
  font-family:var(--ao-sans);
}
.ao-bar::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--ao-gold),transparent);
  opacity:.55;
}
.ao-bar__in{
  max-width:var(--jil-maxw,1280px);margin:0 auto;padding:13px var(--jil-gutter,48px);
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.ao-bar__logo{
  display:inline-flex;align-items:center;line-height:0;
  text-decoration:none;flex-shrink:0;
}
.ao-bar__logo img{
  height:26px;width:auto;max-height:26px;max-width:150px;
  display:block;object-fit:contain;
}
.ao-bar__logo:hover{opacity:.88}
.ao-bar__right{display:flex;align-items:center;gap:18px}
.ao-bar__price{display:flex;align-items:baseline;gap:8px;font-size:14px}
.ao-bar__price s{color:var(--ao-faint);text-decoration-thickness:1.5px}
.ao-bar__price b{color:var(--ao-text);font-weight:700;font-size:15px}

.ao-bar .ao-btn,
.ao-hero .ao-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 26px;border-radius:9px;border:0;
  background:linear-gradient(180deg,var(--ao-gold-hi),var(--ao-gold));
  color:#1a1206!important;font-family:var(--ao-sans);
  font-size:15px;font-weight:700;letter-spacing:-.01em;
  text-decoration:none;white-space:nowrap;cursor:pointer;
  box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 10px 24px -12px rgba(240,180,41,.85);
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
.ao-bar .ao-btn svg,
.ao-hero .ao-btn svg{transition:transform .16s ease;flex:none}
.ao-bar .ao-btn:hover,
.ao-bar .ao-btn:focus-visible,
.ao-hero .ao-btn:hover,
.ao-hero .ao-btn:focus-visible{
  transform:translateY(-2px);filter:brightness(1.06);color:#1a1206!important;
  box-shadow:0 1px 0 rgba(255,255,255,.36) inset,0 16px 30px -14px rgba(240,180,41,1);
}
.ao-bar .ao-btn:hover svg,
.ao-hero .ao-btn:hover svg{transform:translateX(3px)}
.ao-bar .ao-btn:active,
.ao-hero .ao-btn:active{transform:translateY(0)}
.ao-bar .ao-btn--sm,
.ao-hero .ao-btn--sm{padding:10px 18px;font-size:14px}

.ao-hero{
  position:relative;overflow:hidden;
  background:var(--ao-ink);
  color:var(--ao-text);
  font-family:var(--ao-sans);
  padding:50px 32px 54px;
  line-height:1.5;
}
.ao-hero::before{
  content:"";position:absolute;pointer-events:none;
  top:-220px;right:-160px;width:820px;height:620px;
  background:radial-gradient(closest-side,rgba(240,180,41,.13),transparent 72%);
}
.ao-hero::after{
  content:"";position:absolute;pointer-events:none;
  top:0;bottom:0;left:max(32px,calc(50% - 600px));width:1px;
  background:linear-gradient(180deg,transparent,var(--ao-line-gold) 18%,var(--ao-line-gold) 72%,transparent);
}
.ao-hero__in{
  position:relative;z-index:1;
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);
  gap:60px;align-items:center;
}
.ao-hero__copy{min-width:0;padding-left:26px}

.ao-eyebrow{
  margin:0 0 2px!important;font-family:var(--ao-mono);
  font-size:13px;letter-spacing:.01em;line-height:1.4;
}
.ao-eyebrow__at{color:var(--ao-gold);font-weight:600}
.ao-eyebrow__p{color:var(--ao-faint)}
.ao-eyebrow__str{color:var(--ao-com)}

.ao-hero .ao-h1{
  margin:0 0 14px;
  font-family:var(--ao-display);
  font-size:clamp(30px,3.6vw,46px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.035em;
  color:#fff;
  text-wrap:unset;
}
.ao-h1__hl{
  color:var(--ao-gold);
  position:relative;white-space:nowrap;
}

/* Beat .ao-root p{margin:0} — these are <p> tags */
.ao-root p.ao-sub{
  margin:0 0 20px;max-width:53ch;
  font-size:clamp(15px,1.35vw,17.5px);
  line-height:1.6;color:#c3cedb;
  text-wrap:pretty;
}
.ao-sub strong{color:var(--ao-text);font-weight:650}

.ao-root p.ao-byline{
  display:flex;align-items:flex-start;gap:10px;
  margin:0 0 16px;max-width:52ch;
  padding-left:14px;
  border-left:2px solid var(--ao-line-gold);
  font-size:14px;line-height:1.55;color:var(--ao-dim);
  text-wrap:pretty;
}
.ao-byline__txt{min-width:0;flex:1 1 auto}
.ao-byline strong{color:#c3cedb;font-weight:650;display:inline}
.ao-byline__mark{
  flex:0 0 auto;font-family:var(--ao-mono);
  font-size:15px;font-weight:700;color:var(--ao-gold);
  opacity:.75;line-height:1.5;
}

/* Hero price row — do NOT use bare .ao-price (lower funnel still uses that) */
.ao-hero .ao-price{
  display:flex;align-items:center;gap:18px;
  flex-wrap:wrap;margin:0 0 22px;
  font-family:inherit;font-size:inherit;font-weight:inherit;
  letter-spacing:normal;color:inherit;line-height:normal;
}
.ao-price__fig{display:flex;align-items:baseline;gap:9px;flex-shrink:0}
.ao-price__now{
  font-family:var(--ao-display);
  font-size:clamp(30px,3.6vw,42px);font-weight:800;
  letter-spacing:-.04em;line-height:1;color:#fff;
}
.ao-price__now i{
  font-style:normal;font-size:.55em;font-weight:700;
  color:var(--ao-dim);margin-right:1px;vertical-align:.08em;
}
.ao-price__was{
  font-size:15px;font-weight:500;color:var(--ao-faint);
  text-decoration:line-through;text-decoration-thickness:1.5px;
}
.ao-price__rule{
  width:1px;height:30px;flex-shrink:0;
  background:linear-gradient(180deg,transparent,rgba(240,180,41,.3),transparent);
}
.ao-price__save{
  font-family:var(--ao-mono);font-size:12.5px;
  color:var(--ao-com);white-space:nowrap;flex-shrink:0;
}
.ao-hero .ao-price__cta{margin-left:auto;position:relative;z-index:1}
.ao-hero .ao-price__cta{
  box-shadow:
    0 1px 0 rgba(255,255,255,.32) inset,
    0 10px 22px -10px rgba(240,180,41,.8),
    0 0 14px rgba(240,180,41,.35),
    0 0 28px rgba(240,180,41,.18);
}

.ao-assure{
  list-style:none!important;display:flex;flex-wrap:wrap;
  gap:8px 22px;margin:0 0 15px!important;padding:0!important;
}
.ao-assure li{
  position:relative;font-size:13px;font-weight:500;color:#c8d2df;white-space:nowrap;
  margin:0!important;padding:0;list-style:none;
}
.ao-assure li+li::before{
  content:"";position:absolute;left:-12px;top:50%;
  width:3px;height:3px;margin-top:-1.5px;border-radius:50%;
  background:var(--ao-gold);opacity:.75;
}

.ao-src{padding-top:15px;border-top:1px solid var(--ao-line)}
.ao-root p.ao-src__label{
  margin:0 0 6px;font-family:var(--ao-mono);
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ao-faint);
}
.ao-src__list{
  list-style:none!important;display:flex;flex-wrap:wrap;
  gap:10px 26px;margin:0!important;padding:0!important;
}
.ao-src__list li{
  font-size:15px;font-weight:600;letter-spacing:-.01em;
  color:#9fabb9;margin:0!important;
  transition:color .18s ease;
}
.ao-src__list li:hover{color:var(--ao-text)}
.ao-src__more{
  font-family:var(--ao-mono);font-size:12.5px!important;
  font-weight:500!important;color:var(--ao-faint)!important;
  align-self:center;
}

.ao-code{
  min-width:0;border-radius:14px;overflow:hidden;
  border:1px solid var(--ao-line);
  background:var(--ao-panel-2);
  box-shadow:0 40px 80px -40px rgba(0,0,0,.9),0 0 0 1px rgba(240,180,41,.05);
  display:flex;flex-direction:column;
}
.ao-code__bar{
  display:flex;align-items:center;gap:14px;
  padding:12px 16px;
  background:var(--ao-panel);
  border-bottom:1px solid var(--ao-line);
  flex:0 0 auto;
}
.ao-code__dots{display:flex;gap:6px;flex-shrink:0}
.ao-code__dots i{
  width:10px;height:10px;border-radius:50%;display:block;
  background:#3a4350;font-style:normal;
}
.ao-code__dots i:first-child{background:#4a3540}
.ao-code__dots i:nth-child(2){background:#4a4235}
.ao-code__file{
  font-family:var(--ao-mono);font-size:13px;color:#b6c2cf;
}
.ao-code__meta{
  margin-left:auto;font-family:var(--ao-mono);
  font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ao-faint);
}
.ao-code__body{overflow:hidden;flex:1 1 auto}
.ao-code__pre{
  counter-reset:ao-line;
  margin:0;padding:16px 16px 18px 0;
  font-family:var(--ao-mono);
  font-size:13.5px;line-height:1.35;
  color:#cfd8e3;
  tab-size:2;white-space:pre;
  background:transparent;border:0;overflow:visible;
  min-height:calc(15 * 1.35em + 34px);
  min-height:calc(15 * 1.35lh + 34px);
}
.ao-code__pre code{
  font:inherit;background:none!important;padding:0!important;
  color:inherit;border:0!important;box-shadow:none;display:block;
}
.ao-code__row{display:block;white-space:pre;min-height:1.35em;min-height:1.35lh}
.ao-code-cursor{
  display:inline-block;width:7px;height:1.05em;margin-left:1px;
  background:var(--ao-gold);vertical-align:-2px;
  animation:ao-code-blink 1.1s step-end infinite;
}
.ao-code__row.is-typing .ao-code-cursor{animation:none;opacity:1}
@keyframes ao-code-blink{50%{opacity:0}}
.ao-ln::before{
  counter-increment:ao-line;
  content:counter(ao-line);
  display:inline-block;width:52px;padding-right:18px;
  text-align:right;color:#39424f;
  font-variant-numeric:tabular-nums;
  user-select:none;-webkit-user-select:none;
}
.ao-hero .k-ann{color:var(--ao-gold)}
.ao-hero .k-key{color:#569cd6}
.ao-hero .k-cls{color:#4ec9b0}
.ao-hero .k-fn{color:#dcdcaa}
.ao-hero .k-str{color:#ce9178}
.ao-hero .k-num{color:#b5cea8}
.ao-hero .k-com{color:var(--ao-com);font-style:italic}

/* Hero entrance + light motion */
@keyframes ao-hero-in{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:none}
}
@keyframes ao-hero-glow{
  0%,100%{opacity:.9;transform:scale(1)}
  50%{opacity:1;transform:scale(1.04)}
}
@keyframes ao-hero-cta{
  0%,100%{
    box-shadow:
      0 1px 0 rgba(255,255,255,.3) inset,
      0 8px 18px -10px rgba(240,180,41,.7),
      0 0 12px rgba(240,180,41,.28),
      0 0 24px rgba(240,180,41,.12);
  }
  50%{
    box-shadow:
      0 1px 0 rgba(255,255,255,.36) inset,
      0 12px 26px -10px rgba(240,180,41,.95),
      0 0 18px rgba(240,180,41,.48),
      0 0 34px rgba(240,180,41,.22);
  }
}
@media (prefers-reduced-motion:no-preference){
  .ao-hero::before{
    transform-origin:70% 40%;
    animation:ao-hero-glow 7s ease-in-out infinite;
  }
  .ao-hero .ao-eyebrow,
  .ao-hero .ao-h1,
  .ao-hero .ao-sub,
  .ao-hero .ao-byline,
  .ao-hero .ao-price,
  .ao-hero .ao-assure,
  .ao-hero .ao-src,
  .ao-hero .ao-code{
    opacity:0;
    animation:ao-hero-in .6s cubic-bezier(.22,1,.36,1) forwards;
  }
  .ao-hero .ao-eyebrow{animation-delay:.05s}
  .ao-hero .ao-h1{animation-delay:.12s}
  .ao-hero .ao-sub{animation-delay:.2s}
  .ao-hero .ao-byline{animation-delay:.28s}
  .ao-hero .ao-price{animation-delay:.36s}
  .ao-hero .ao-assure{animation-delay:.44s}
  .ao-hero .ao-src{animation-delay:.52s}
  .ao-hero .ao-code{animation-delay:.22s}
  .ao-hero a.ao-price__cta,
  .ao-bar a.ao-btn{
    animation:ao-hero-cta 2.4s ease-in-out .85s infinite;
  }
  .ao-hero a.ao-price__cta:hover,
  .ao-hero a.ao-price__cta:focus-visible,
  .ao-bar a.ao-btn:hover,
  .ao-bar a.ao-btn:focus-visible{
    animation-play-state:paused;
    box-shadow:
      0 1px 0 rgba(255,255,255,.38) inset,
      0 14px 28px -10px rgba(240,180,41,1),
      0 0 20px rgba(240,180,41,.5),
      0 0 36px rgba(240,180,41,.25);
  }
  .ao-src__list li{
    transition:color .18s ease,transform .18s ease;
  }
  .ao-src__list li:hover{transform:translateY(-1px)}
}

@media (max-width:1000px){
  .ao-hero{padding:48px 24px 44px}
  .ao-hero__in{grid-template-columns:1fr;gap:44px}
  .ao-hero__copy{padding-left:22px}
  .ao-hero::after{left:24px}
  .ao-hero .ao-price__cta{margin-left:0}
  .ao-code__pre{
    min-height:calc(15 * 1.35em + 30px);
    min-height:calc(15 * 1.35lh + 30px);
  }
}
@media (max-width:680px){
  .ao-bar__in{padding:11px var(--jil-gutter,16px);gap:12px}
  .ao-bar__price{display:none}
  .ao-hero{padding:40px 18px 36px}
  .ao-hero::after{display:none}
  .ao-hero__copy{padding-left:0}
  .ao-hero .ao-price{gap:12px}
  .ao-price__rule{display:none}
  .ao-price__fig{width:100%}
  .ao-hero .ao-price__cta{width:100%;justify-content:center;padding:16px 20px}
  .ao-assure{gap:8px 20px;margin-bottom:15px}
  .ao-code__pre{
    font-size:12px;padding:14px 12px 16px 0;line-height:1.32;
    min-height:calc(15 * 1.32em + 28px);
    min-height:calc(15 * 1.32lh + 28px);
  }
  .ao-code__row{min-height:1.32em;min-height:1.32lh}
  .ao-ln::before{width:40px;padding-right:14px}
}

/* Lower-page price number (final CTA etc.) */
.ao-pricerow{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;margin:14px 0 4px}
.ao-pricerow > .ao-price,
.ao-offer__price .ao-price{font-family:var(--ao-display);font-size:clamp(28px,4vw,34px);font-weight:800;color:#fff;line-height:1;letter-spacing:-.03em}
.ao-pricerow > .ao-price small,
.ao-offer__price .ao-price small{font-size:.55em;font-weight:700;color:var(--ao-mid);margin-right:2px}
.ao-was{font-family:var(--ao-mono);font-size:14px}
.ao-off{
  font-family:var(--ao-mono);font-size:11px;font-weight:700;color:#12180C;background:var(--ao-green);
  padding:4px 8px;border-radius:6px;white-space:nowrap;line-height:1.25;
}
.ao-pricerow .ao-pricerow__cta{
  margin-left:auto;flex:0 0 auto;
  font-size:14px;padding:8px 16px;border-radius:9px;min-height:0;line-height:1.2;
}
@media(max-width:720px){
  .ao-pricerow .ao-pricerow__cta{margin-left:0;width:100%;justify-content:center;padding:10px 16px}
}

/* ============ DIAGNOSE (ao-diag package) ============ */
.ao-diag{
  --ao-ink:#0a0e14;
  --ao-panel:#10151d;
  --ao-panel-2:#0d1219;
  --ao-gold:#f0b429;
  --ao-text:#e8eef5;
  --ao-dim:#8b97a6;
  --ao-faint:#5d6875;
  --ao-line:rgba(255,255,255,.07);
  --ao-line-gold:rgba(240,180,41,.18);
  --ao-com:#6a9955;
  --ao-red:#f0685f;
  --ao-sans:var(--jil-body,'Inter',system-ui,sans-serif);
  --ao-mono:var(--jil-mono,'JetBrains Mono',ui-monospace,monospace);

  position:relative;
  background:var(--ao-ink);
  color:var(--ao-text);
  font-family:var(--ao-sans);
  padding:48px 32px 96px;
  overflow:hidden;
}
.ao-diag::before{
  content:"";position:absolute;pointer-events:none;
  top:-140px;left:-120px;width:700px;height:520px;
  background:radial-gradient(closest-side,rgba(240,104,95,.07),transparent 70%);
}
.ao-diag__in{position:relative;z-index:1;max-width:1200px;margin:0 auto}

.ao-diag__head{max-width:62ch;margin:0 0 46px}
.ao-root p.ao-diag__eyebrow{
  margin:0 0 18px;font-family:var(--ao-mono);font-size:13px;
  display:flex;gap:10px;flex-wrap:wrap;
}
.ao-diag .d-ann{color:var(--ao-gold);font-weight:600}
.ao-diag .d-com{color:var(--ao-com)}

.ao-diag__h2{
  margin:0 0 18px;
  font-family:var(--ao-display);
  font-size:clamp(29px,3.9vw,46px);
  line-height:1.08;font-weight:800;letter-spacing:-.035em;
  color:#fff;text-wrap:balance;max-width:20ch;
}
.ao-root p.ao-diag__sub{
  margin:0;font-size:clamp(15px,1.3vw,17px);
  line-height:1.62;color:#c3cedb;text-wrap:pretty;
}

.ao-diag__grid{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);
  gap:28px;
  align-items:stretch;
}

.ao-diag .ao-trace{
  display:flex;flex-direction:column;min-width:0;
  border:1px solid var(--ao-line);
  border-left:1px solid var(--ao-line);
  border-radius:13px;overflow:hidden;
  background:var(--ao-panel-2);
  box-shadow:0 40px 80px -50px rgba(0,0,0,.9);
  padding:0;font-size:inherit;line-height:inherit;
}
.ao-trace__bar{
  display:flex;align-items:center;gap:12px;
  padding:11px 16px;
  background:var(--ao-panel);
  border-bottom:1px solid var(--ao-line);
}
.ao-trace__tag{
  font-family:var(--ao-mono);font-size:10px;
  letter-spacing:.13em;text-transform:uppercase;
  color:var(--ao-red);
  padding:3px 7px;border-radius:4px;
  background:rgba(240,104,95,.11);
  border:1px solid rgba(240,104,95,.22);
}
.ao-trace__file{font-family:var(--ao-mono);font-size:12.5px;color:#b6c2cf}

.ao-trace__body{flex:1;overflow-x:auto}
.ao-trace__pre{
  margin:0;padding:20px 22px;
  font-family:var(--ao-mono);
  font-size:13px;line-height:1.95;
  white-space:pre;
  color:#c3cedb;
  background:transparent;border:0;overflow:visible;
}
.ao-trace__pre code{
  font:inherit;background:none!important;padding:0!important;
  color:inherit;border:0!important;
}

.ao-diag .t-exc{color:var(--ao-red);font-weight:600}
.ao-diag .t-cause{color:var(--ao-red);font-weight:600}
.ao-diag .t-msg{color:#e0a7a2}
.ao-diag .t-p{color:var(--ao-faint)}
.ao-diag .t-at{color:#4c5765}
.ao-diag .t-cls{color:#4ec9b0}
.ao-diag .t-fn{color:#dcdcaa}
.ao-diag .t-str{color:#ce9178}
.ao-diag .t-dim{color:#454f5c;font-style:italic}

.ao-trace__foot{
  display:flex;align-items:center;gap:12px;
  padding:10px 16px;
  border-top:1px solid var(--ao-line);
  background:var(--ao-panel);
  font-family:var(--ao-mono);font-size:11px;
  color:var(--ao-faint);letter-spacing:.03em;
}
.ao-trace__sep{
  width:3px;height:3px;border-radius:50%;
  background:var(--ao-faint);opacity:.6;
}
.ao-trace__exit{margin-left:auto;color:var(--ao-red);opacity:.8}

.ao-diag__notes{
  display:flex;flex-direction:column;gap:16px;min-width:0;
}
.ao-note{
  padding:22px 24px;
  border:1px solid var(--ao-line);
  border-left:2px solid var(--ao-line-gold);
  border-radius:11px;
  background:linear-gradient(180deg,rgba(255,255,255,.022),transparent);
}
.ao-root p.ao-note__h{
  margin:0 0 11px;
  font-family:var(--ao-mono);font-size:12.5px;
}
.ao-root p.ao-note__b{
  margin:0;font-size:15px;line-height:1.68;
  color:#c3cedb;text-wrap:pretty;
}
.ao-note__b strong{color:var(--ao-text);font-weight:650;display:inline}
.ao-root p.ao-diag__cta{margin:2px 0 0}
.ao-root a.ao-diag__link{
  display:inline-flex;align-items:center;gap:7px;
  font-size:14px;font-weight:650;letter-spacing:-.01em;
  color:var(--ao-gold);text-decoration:none;
  padding:4px 0;
  border-bottom:1px solid rgba(240,180,41,.28);
  transition:border-color .18s ease,gap .18s ease;
}
.ao-root a.ao-diag__link:hover,
.ao-root a.ao-diag__link:focus-visible{
  border-bottom-color:var(--ao-gold);gap:11px;color:var(--ao-gold);
}

@media (max-width:1000px){
  .ao-diag{padding:40px 24px 72px}
  .ao-diag__grid{grid-template-columns:1fr;gap:20px}
  .ao-diag__h2{max-width:none}
}
@media (max-width:680px){
  .ao-diag{padding:36px 18px 60px}
  .ao-diag__head{margin-bottom:32px}
  .ao-trace__pre{font-size:11.5px;padding:16px;line-height:1.9}
  .ao-note{padding:18px 18px}
  .ao-root p.ao-note__b{font-size:14.5px}
}

/* ============ CARD GRIDS ============ */
.ao-grid{display:grid;gap:12px;grid-template-columns:1fr}
.ao-card{
  background:var(--ao-surface);border:1px solid var(--ao-line);border-radius:var(--ao-r);
  padding:20px 18px;transition:border-color .2s ease,transform .2s ease;
}
.ao-card:hover{border-color:#3A4658;transform:translateY(-3px)}
.ao-card__tag{
  font-family:var(--ao-mono);font-size:11.5px;color:var(--ao-gold);
  display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;
}
.ao-card__tag em{font-style:normal;color:var(--ao-muted)}
.ao-card h3{font-size:19px;margin-bottom:9px;letter-spacing:-.02em}
.ao-card p{color:var(--ao-mid);font-size:14.5px;line-height:1.6}
.ao-card__list{margin-top:13px;display:flex;flex-wrap:wrap;gap:6px}
.ao-card__list span{
  font-family:var(--ao-mono);font-size:11px;color:var(--ao-muted);
  border:1px solid var(--ao-line);border-radius:5px;padding:3px 8px;
}

/* ============ SAMPLE Q (accordion) ============ */
.ao-q{border:1px solid var(--ao-line);border-radius:12px;background:var(--ao-surface);overflow:hidden;margin-bottom:12px}
.ao-q__btn{
  width:100%;background:none;border:0;color:var(--ao-text);text-align:left;cursor:pointer;
  padding:16px 48px 16px 18px;font-family:var(--ao-body);font-size:15.5px;font-weight:600;
  position:relative;line-height:1.4;
}
.ao-q__btn::after{
  content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);
  font-family:var(--ao-mono);font-size:22px;color:var(--ao-gold);transition:transform .2s ease;
}
.ao-q[open] .ao-q__btn::after{content:"\2212"}
.ao-q__lvl{
  font-family:var(--ao-mono);font-size:11px;color:var(--ao-muted);display:block;
  margin-bottom:7px;font-weight:400;
}
.ao-q__body{padding:0 22px 22px;border-top:1px solid var(--ao-line-soft);margin-top:-1px}
.ao-q__body p{color:var(--ao-mid);font-size:15px;margin-top:16px}
.ao-q__body strong{color:var(--ao-text)}
.ao-q__body code{
  font-family:var(--ao-mono);font-size:13px;color:var(--ao-gold);
  background:var(--ao-raise);padding:2px 6px;border-radius:4px;
}

/* ============ VALUE TABLE ============ */
.ao-table{
  border:1px solid var(--ao-line);border-radius:var(--ao-r);overflow:hidden;background:var(--ao-surface);
}
.ao-tr{
  display:flex;justify-content:space-between;gap:16px;align-items:baseline;
  padding:15px 20px;border-bottom:1px solid var(--ao-line-soft);font-size:15px;
}
.ao-tr:last-child{border-bottom:0}
.ao-tr__l{color:var(--ao-text);display:flex;gap:11px;align-items:baseline;min-width:0}
.ao-tr__l em{font-style:normal;font-family:var(--ao-mono);font-size:12px;color:var(--ao-muted);flex:none}
.ao-tr__r{font-family:var(--ao-mono);font-size:14px;color:var(--ao-muted);flex:none}
.ao-tr--bonus{background:rgba(143,188,110,.07)}
.ao-tr--bonus .ao-tr__r{color:var(--ao-green);font-weight:700}
.ao-tr--total{background:var(--ao-raise);font-family:var(--ao-display);font-weight:700;font-size:17px;color:#fff}
.ao-tr--total .ao-tr__r{font-size:17px;color:#fff}
.ao-tr--pay{background:linear-gradient(90deg,rgba(240,192,90,.14),rgba(240,192,90,.05))}
.ao-tr--pay .ao-tr__l{font-family:var(--ao-display);font-weight:800;font-size:18px}
.ao-tr--pay .ao-tr__r{font-family:var(--ao-display);font-weight:800;font-size:26px;color:var(--ao-gold)}

/* ============ BONUS ============ */
.ao-bonus{
  border:1px dashed rgba(240,192,90,.45);background:rgba(240,192,90,.05);
  border-radius:var(--ao-r);padding:30px 26px;
}
.ao-bonus__k{font-family:var(--ao-mono);font-size:12px;color:var(--ao-gold);letter-spacing:.08em;text-transform:uppercase}
.ao-bonus h3{font-size:26px;margin:10px 0 12px}
.ao-bonus ul{margin-top:16px;display:grid;gap:9px}

/* ============ CHECKS / CROSS LISTS ============ */
.ao-li{display:flex;gap:11px;align-items:flex-start;color:var(--ao-mid);font-size:15px}
.ao-li svg{width:17px;height:17px;flex:none;margin-top:4px}
.ao-li b{color:var(--ao-text);font-weight:600}
.ao-split{display:grid;gap:20px;grid-template-columns:1fr}
.ao-pane{border:1px solid var(--ao-line);border-radius:var(--ao-r);padding:26px 24px;background:var(--ao-surface)}
.ao-pane h3{font-size:20px;margin-bottom:6px}
.ao-pane--yes{border-color:rgba(143,188,110,.35)}
.ao-pane--no{opacity:.86}
.ao-pane ul{display:grid;gap:12px;margin-top:18px}

/* ============ AUTHOR ============ */
.ao-author{display:grid;gap:28px;grid-template-columns:1fr;align-items:start}
.ao-author__card{
  border:1px solid var(--ao-line);border-radius:var(--ao-r);background:var(--ao-surface);padding:26px;
}
.ao-author__badge{
  width:62px;height:62px;border-radius:14px;background:linear-gradient(150deg,#F7D07A,#C08A25);
  display:grid;place-items:center;font-family:var(--ao-mono);font-weight:700;color:#1A1305;font-size:15px;margin-bottom:16px;
}
.ao-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ao-line);border:1px solid var(--ao-line);border-radius:12px;overflow:hidden;margin-top:22px}
.ao-stat{background:var(--ao-surface);padding:18px 16px}
.ao-stat b{display:block;font-family:var(--ao-display);font-size:27px;color:var(--ao-gold);line-height:1.1}
.ao-stat span{font-size:12.5px;color:var(--ao-muted)}

/* ============ OFFER BOX ============ */
.ao-offer{
  border:1px solid var(--ao-gold-dim);border-radius:18px;overflow:hidden;background:var(--ao-surface);
  box-shadow:0 40px 90px -50px rgba(240,192,90,.5);max-width:620px;margin:0 auto;
}
.ao-offer__top{
  background:linear-gradient(90deg,#2A1E06,#3A2A08);padding:12px;text-align:center;
  font-family:var(--ao-mono);font-size:12.5px;color:var(--ao-gold);letter-spacing:.05em;
}
.ao-offer__in{padding:32px 28px 30px}
.ao-offer__price{text-align:center;margin-bottom:8px}
.ao-offer__price .ao-price{font-size:60px}
.ao-seats{
  font-family:var(--ao-mono);font-size:12.5px;color:var(--ao-mid);text-align:center;margin-top:14px;
}
.ao-seats b{color:var(--ao-red)}
.ao-meter{height:6px;border-radius:100px;background:var(--ao-raise);overflow:hidden;margin:10px auto 0;max-width:300px}
.ao-meter i{display:block;height:100%;background:linear-gradient(90deg,#E0A93B,#D46A6A);border-radius:100px}
.ao-pay{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.ao-pay span{font-family:var(--ao-mono);font-size:11px;color:var(--ao-muted);border:1px solid var(--ao-line);padding:4px 9px;border-radius:5px}

/* ============ TESTIMONIALS ============ */
.ao-quote{background:var(--ao-surface);border:1px solid var(--ao-line);border-radius:var(--ao-r);padding:24px 22px}
.ao-quote p{color:var(--ao-text);font-size:15.5px;line-height:1.7}
.ao-quote footer{margin-top:16px;display:flex;align-items:center;gap:11px;border-top:1px solid var(--ao-line-soft);padding-top:14px}
.ao-avatar{width:36px;height:36px;border-radius:50%;background:var(--ao-raise);display:grid;place-items:center;font-family:var(--ao-mono);font-size:13px;color:var(--ao-gold);flex:none}
.ao-quote cite{font-style:normal;font-size:14px;font-weight:600;color:var(--ao-text);display:block}
.ao-quote small{font-family:var(--ao-mono);font-size:11.5px;color:var(--ao-muted)}

/* ============ GUARANTEE ============ */
.ao-guar{display:flex;gap:20px;align-items:flex-start;border:1px solid var(--ao-line);border-radius:var(--ao-r);padding:26px 24px;background:var(--ao-bg-2)}
.ao-guar svg{width:44px;height:44px;flex:none;color:var(--ao-green)}

/* ============ FINAL CTA ============ */
.ao-final{text-align:center;padding:56px 0 72px;position:relative;overflow:hidden}
.ao-final::before{
  content:"";position:absolute;inset:auto 0 -30% 0;height:420px;pointer-events:none;
  background:radial-gradient(45% 55% at 50% 60%,rgba(240,192,90,.12),transparent 70%);
}
.ao-final__in{position:relative}
.ao-final .ao-lede{margin:14px auto 0}
.ao-final .ao-under{justify-content:center}

/* ============ FOOTER ============ */
.ao-foot{border-top:1px solid var(--ao-line-soft);padding:28px 0;background:var(--ao-bg-2)}
.ao-foot__in{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ao-muted)}
.ao-foot a:hover{color:var(--ao-gold)}

/* ============ MOBILE STICKY BUY ============ */
.ao-dock{
  position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;align-items:center;gap:12px;
  padding:11px 16px calc(11px + env(safe-area-inset-bottom));
  background:rgba(22,28,37,.96);backdrop-filter:blur(14px);border-top:1px solid var(--ao-line);
  transform:translateY(110%);transition:transform .3s ease;
}
.ao-dock.is-on{transform:translateY(0)}
.ao-dock__p{flex:1;min-width:0;line-height:1.25}
.ao-dock__p b{font-family:var(--ao-display);font-size:20px;color:#fff;display:block}
.ao-dock__p span{font-family:var(--ao-mono);font-size:11px;color:var(--ao-muted)}
.ao-dock .ao-btn{padding:13px 20px;font-size:15px;flex:none}

/* ============ REVEAL ============ */
.ao-rev{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){
  .ao-rev{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}
  .ao-rev.is-in{opacity:1;transform:none}
}

/* ============ RESPONSIVE ============ */
@media(min-width:640px){
  .ao-grid--2{grid-template-columns:repeat(2,1fr)}
  .ao-split{grid-template-columns:1fr 1fr}
  .ao-stats{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:900px){
  .ao-grid--3{grid-template-columns:repeat(3,1fr)}
  .ao-pricerow{flex-wrap:nowrap;gap:14px}
  .ao-pricerow__cta{margin-left:8px}
  .ao-author{grid-template-columns:.85fr 1.15fr;gap:36px}
  .ao-dock{display:none}
  .ao-sec{padding:48px 0}
  .ao-sec--tight{padding:32px 0}
  .ao-sec + .ao-sec{padding-top:32px}
  .ao-sec--tight + .ao-sec,
  .ao-sec + .ao-sec--tight{padding-top:24px}
  .ao-final{padding:56px 0 72px}
}
@media(prefers-reduced-motion:reduce){
  .ao-root *{animation:none!important;transition:none!important}
  .ao-rev{opacity:1;transform:none}
  .ao-btn--pulse{animation:none!important;transform:none!important}
}
/* WP chrome hide on funnel */
body.jil-funnel-page .jil-nav,
body.jil-funnel-page .jil-footer,
body.jil-funnel-page .jil-promo,
body.jil-funnel-page .jil-auth-modal{display:none!important}
body.jil-funnel-page{background:#0E1116}
body.jil-funnel-page .ao-root{min-height:100vh}
.ao-steps{display:grid;gap:12px;grid-template-columns:1fr;margin-top:20px}
.ao-step{display:flex;gap:12px;align-items:flex-start;padding:16px 14px;border:1px solid var(--ao-line);border-radius:12px;background:var(--ao-surface)}
.ao-step__n{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-family:var(--ao-mono);font-weight:700;font-size:13px;color:#1A1305;background:var(--ao-gold)}
.ao-step h3{font-size:16px;margin:0 0 4px}
.ao-step p{color:var(--ao-mid);font-size:13.5px;margin:0;line-height:1.45}
.ao-proof{display:grid;gap:12px;grid-template-columns:1fr}
.ao-proof__card{border:1px solid var(--ao-line);border-radius:var(--ao-r);padding:18px;background:var(--ao-surface)}
.ao-proof__card b{display:block;font-family:var(--ao-display);font-size:20px;color:var(--ao-gold);margin-bottom:6px}
.ao-offer__price .ao-price{font-size:48px}
@media(min-width:700px){
  .ao-steps{grid-template-columns:repeat(3,1fr)}
  .ao-proof{grid-template-columns:repeat(3,1fr)}
}