/* ============================================================
   iServ AI Transformation Pyramid (amz-*) — dark/gold luxe
   Layers on event.css (tokens, base, buttons, forms, reveal)
   and cao3.css (luxe chrome) exactly like soa.css does for the
   cybersecurity pyramid. Light mode comes from theme-light.css
   flipping the shared tokens; the few hardcoded dark surfaces
   here get explicit html[data-theme="light"] overrides at the
   bottom of this file.
   Tier identity ramp: ember (foundation) -> white-gold (summit),
   extending the soa.css --mz scale to seven steps. Completion
   status uses the shared traffic-light --st0..3 scale.
   ============================================================ */

:root{
  --amt1:#b4632f;   /* Tier 1 · Secure Foundation       — ember        */
  --amt2:#bb733b;   /* Tier 2 · Data Readiness                          */
  --amt3:#c08144;   /* Tier 3 · Productivity AI         — bronze       */
  --amt4:#caa24f;   /* Tier 4 · Voice AI                — gold         */
  --amt5:#d8b86e;   /* Tier 5 · Agentic Automation                      */
  --amt6:#e0c585;   /* Tier 6 · Bespoke AI Systems      — champagne    */
  --amt7:#f1e3bd;   /* Tier 7 · Exponential Org         — white-gold   */

  /* completion status (same scale as soa.css; safe duplicate) */
  --st0:#b3402f;
  --st1:#c2702f;
  --st2:#caa24f;
  --st3:#56a273;

  /* names the engine JS reads */
  --amz-none:var(--st0);
  --amz-low:var(--st1);
  --amz-mid:var(--st2);
  --amz-done:var(--st3);
}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* breadcrumb gets its own line above the hero eyebrow */
.chero .crumb{display:flex;justify-content:center}

.amz-app{margin-top:48px}

/* ----- intake (step 1) ----- */
.amz-intake-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;position:relative;
  background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:clamp(26px,4vw,44px)}
.amz-intake-card::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--gold),transparent 70%)}
.amz-step{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-light);display:inline-flex;align-items:center;gap:9px}
.amz-step::before{content:"";width:18px;height:1px;background:var(--gold-dim)}
.amz-intake-head h3{font-family:var(--font-serif);font-size:clamp(23px,3vw,31px);font-weight:500;color:var(--cream);margin-top:12px}
.amz-intake-head p{margin-top:10px;color:var(--muted);font-weight:400;font-size:15.5px;line-height:1.65;max-width:64ch}
.amz-intake-form{margin-top:4px}
.amz-intake-form .form-grid{grid-auto-flow:row dense}
@media(max-width:720px){.amz-intake-form .form-grid{grid-template-columns:1fr}.amz-intake-form .field{grid-column:1/-1!important}}
.amz-intake-done{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;border:1px solid var(--line);
  border-radius:14px;background:rgba(202,162,79,.05);padding:14px 20px}
.amz-intake-done p{font-size:14px;color:var(--muted)}
.amz-intake-done b{color:var(--cream);font-weight:400}

/* shared form bits (inputs/selects inherit event.css .field styles) */
.amz-form input.invalid,.amz-form select.invalid{border-color:rgba(180,99,47,.7)}
.amz-err{display:block;font-size:12px;color:#e7a17a;min-height:1em}
.amz-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.amz-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px}
.amz-fine{font-size:12.5px;color:var(--muted-2);font-style:italic;font-family:var(--font-serif);max-width:52ch}

/* ----- stage ----- */
.amz-tool{margin-top:34px}
.amz-stage{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(26px,4vw,52px);align-items:stretch}
@media(max-width:900px){.amz-stage{grid-template-columns:1fr}}

/* ----- pyramid ----- */
.amz-pyr{display:flex;flex-direction:column;align-items:center;gap:6px}
.amz-band{
  position:relative;border:1px solid var(--line);
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--tier) 10%,transparent),transparent 62%),
    linear-gradient(180deg,var(--panel-2),var(--panel));
  color:var(--cream);cursor:pointer;flex:1 1 auto;min-height:52px;width:100%;overflow:hidden;border-radius:9px;
  font-family:var(--font-sans);
  transition:transform .35s var(--ease),border-color .3s,box-shadow .4s var(--ease),filter .4s var(--ease);
}
.amz-band:hover{transform:translateY(-3px);border-color:var(--gold-dim);box-shadow:0 20px 48px -26px rgba(202,162,79,.55);filter:brightness(1.06)}
.amz-band.active{border-color:var(--gold-light);box-shadow:0 0 0 1px var(--gold-dim),0 22px 52px -26px rgba(202,162,79,.6)}
.amz-band:focus-visible{outline:2.5px solid var(--gold-light);outline-offset:3px}
.amz-l1{--tier:var(--amt1)}.amz-l2{--tier:var(--amt2)}.amz-l3{--tier:var(--amt3)}.amz-l4{--tier:var(--amt4)}
.amz-l5{--tier:var(--amt5)}.amz-l6{--tier:var(--amt6)}.amz-l7{--tier:var(--amt7)}
.amz-band::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--tier),transparent);opacity:.85}
.amz-band-fill{position:absolute;inset:0;width:100%;transform:scaleX(0);transform-origin:left center;
  background:linear-gradient(90deg,var(--bc),transparent 130%);opacity:.22;transition:transform .6s var(--ease),background .5s;pointer-events:none}
.amz-band{--bc:var(--st0)}
.amz-band-inner{position:relative;z-index:1;display:flex;align-items:center;gap:13px;padding:9px 18px;min-height:52px;height:100%}
.amz-band-ico{width:30px;height:30px;border-radius:9px;flex:none;display:grid;place-content:center;
  border:1px solid color-mix(in srgb,var(--tier) 55%,transparent);color:var(--tier);
  background:color-mix(in srgb,var(--tier) 9%,transparent);transition:transform .35s var(--ease)}
.amz-band-ico svg{width:16px;height:16px}
.amz-band:hover .amz-band-ico{transform:translateY(-1px) scale(1.07)}
.amz-band-text{flex:1;text-align:left;min-width:0}
.amz-band-name{display:block;font-size:clamp(12px,1.4vw,13.5px);letter-spacing:.10em;text-transform:uppercase;font-weight:500;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amz-band-tag{display:none}
@media(min-width:901px){.amz-band-tag{display:block;font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}}
/* the summit band is narrow: wrap its name, drop its tagline */
.amz-l7 .amz-band-name{white-space:normal;line-height:1.25}
.amz-l7 .amz-band-tag{display:none!important}
.amz-band-count{font-size:11.5px;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:999px;
  padding:3px 10px;flex:none;transition:color .3s,border-color .3s,background .3s}
.amz-band.complete .amz-band-count{color:#1a1304;background:var(--bc);border-color:var(--bc)}
/* silhouette */
.amz-l7{width:52%}.amz-l6{width:60%}.amz-l5{width:68%}.amz-l4{width:76%}.amz-l3{width:84%}.amz-l2{width:92%}.amz-l1{width:100%}
@media(min-width:901px){
  .amz-band{clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 100%,0 100%);border-radius:4px}
}
@media(max-width:900px){
  .amz-l7{width:70%}.amz-l6{width:75%}.amz-l5{width:80%}.amz-l4{width:85%}.amz-l3{width:90%}.amz-l2{width:95%}.amz-l1{width:100%}
  .amz-band{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 100%,0 100%);border-radius:5px}
  .amz-band-inner{padding:9px 16px;min-height:50px;justify-content:center}
  .amz-band-text{flex:0 1 auto}
}
@media(max-width:560px){
  .amz-l7{width:80%}.amz-l6{width:83.4%}.amz-l5{width:86.8%}.amz-l4{width:90.2%}.amz-l3{width:93.6%}.amz-l2{width:96.8%}.amz-l1{width:100%}
  .amz-band-ico{width:26px;height:26px}
  .amz-band-name{font-size:11px;letter-spacing:.06em}
  .amz-band-count{display:none}
}
.amz-pyr-base{margin-top:12px;font-family:var(--font-serif);font-style:italic;font-size:14px;color:var(--muted);text-align:center}

/* ----- tier panel ----- */
.amz-panel{border:1px solid var(--line);border-radius:18px;overflow:hidden;
  background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:clamp(22px,3vw,32px);position:relative}
.amz-panel::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}
.amz-lvl-kick{font-size:11px;letter-spacing:.20em;text-transform:uppercase;font-weight:400;display:inline-flex;align-items:center;gap:8px}
.amz-lvl-kick::before{content:"";width:18px;height:2px;border-radius:2px;background:currentColor}
.amz-k1{color:var(--amt1)}.amz-k2{color:var(--amt2)}.amz-k3{color:var(--amt3)}.amz-k4{color:var(--amt4)}
.amz-k5{color:var(--amt5)}.amz-k6{color:var(--amt6)}.amz-k7{color:var(--amt7)}
.amz-panel-head h3{font-family:var(--font-serif);font-size:clamp(22px,2.6vw,28px);font-weight:500;color:var(--cream);margin-top:10px}
.amz-panel-head p{margin-top:8px;font-size:14.5px;color:var(--muted);font-weight:400;line-height:1.65}
.amz-ctls{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column}
.amz-ctl{border-top:1px solid var(--line-soft)}
.amz-ctl-row{display:flex;align-items:stretch;gap:6px}
.amz-ctl-toggle{flex:1;display:flex;align-items:center;gap:13px;text-align:left;background:none;border:0;cursor:pointer;
  padding:13px 4px;color:var(--cream);font-family:var(--font-sans);font-size:15px;font-weight:400;border-radius:8px;transition:color .25s}
.amz-ctl-toggle:hover{color:var(--gold-light)}
.amz-ctl-toggle:focus-visible,.amz-ctl-more:focus-visible,.amz-reset:focus-visible{outline:2.5px solid var(--gold-light);outline-offset:2px}
.amz-tick{width:21px;height:21px;border-radius:6px;border:1px solid var(--gold-dim);flex:none;display:grid;place-content:center;
  color:transparent;transition:background .25s,color .25s,border-color .25s}
.amz-tick svg{width:13px;height:13px}
.amz-ctl.on .amz-tick{background:linear-gradient(135deg,var(--gold-light),var(--gold));border-color:var(--gold);color:#1a1304}
.amz-ctl-label{flex:1;line-height:1.4}
.amz-crit{font-style:normal;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);
  border:1px solid var(--gold-dim);border-radius:999px;padding:2px 7px;margin-left:8px;vertical-align:2px;white-space:nowrap}
.amz-ctl-have{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;transition:color .25s}
.amz-ctl.on .amz-ctl-have{color:var(--gold-light)}
.amz-ctl-more{background:none;border:0;cursor:pointer;color:var(--muted);width:38px;display:grid;place-content:center;border-radius:8px;transition:color .25s}
.amz-ctl-more svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.amz-ctl-more:hover{color:var(--gold-light)}
.amz-ctl-more.open svg{transform:rotate(180deg)}
.amz-ctl-info{padding:2px 4px 18px 38px}
.amz-ctl-desc{font-size:14px;color:var(--cream);font-weight:400;line-height:1.65}
.amz-ctl-info dl{margin-top:12px;display:grid;gap:9px}
.amz-ctl-info dt{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-light)}
.amz-ctl-info dd{font-size:13.5px;color:var(--muted);font-weight:400;line-height:1.6;margin:2px 0 0}
.amz-cat{display:inline-block;margin-top:12px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);
  border:1px solid var(--line-soft);border-radius:999px;padding:4px 11px}

/* ----- meter ----- */
.amz-meter{margin-top:26px;border:1px solid var(--line);border-radius:18px;padding:22px clamp(20px,3vw,30px);background:rgba(0,0,0,.18)}
.amz-meter-bar{height:6px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.amz-meter-fill{display:block;height:100%;width:100%;border-radius:999px;transform:scaleX(0);transform-origin:left center;
  background:var(--st0);transition:transform .7s var(--ease),background .5s}
.amz-meter-read{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin-top:14px}
.amz-meter-score{font-family:var(--font-serif);color:var(--cream)}
.amz-meter-score b{font-size:clamp(28px,3.4vw,40px);font-weight:500}
.amz-meter-score i{font-style:normal;font-size:14px;color:var(--muted)}
.amz-meter-band{font-size:14px;color:var(--muted);font-weight:400}
.amz-meter-band b{color:var(--gold-light);font-weight:400}
.amz-gapflag{display:inline-block;margin-left:10px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#dd9059;
  border:1px solid rgba(180,99,47,.5);border-radius:999px;padding:3px 9px}
.amz-meter-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px}
.amz-reset{background:none;border:0;cursor:pointer;color:var(--muted-2);font-family:var(--font-sans);font-size:12px;
  letter-spacing:.10em;text-transform:uppercase;padding:6px 2px;transition:color .25s}
.amz-reset:hover{color:var(--cream)}

/* ----- newsletter opt-in + assist mode ----- */
.amz-news{display:flex;gap:11px;align-items:flex-start;margin-top:18px;cursor:pointer;max-width:64ch}
.amz-news input{margin-top:4px;width:16px;height:16px;accent-color:var(--gold);flex:none;cursor:pointer}
.amz-news span{font-size:13.5px;color:var(--muted);line-height:1.55}
.amz-news b{color:var(--gold-light);font-weight:400}
.amz-news input:focus-visible{outline:2.5px solid var(--gold-light);outline-offset:2px}
.amz-assist{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:18px;
  border:1px dashed var(--gold-dim);border-radius:12px;padding:11px 15px;font-size:12.5px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.amz-copyok{font-size:11px;letter-spacing:.12em;color:var(--st3)}

/* ----- stale-report notice ----- */
.amz-stale{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:18px;
  border:1px solid var(--gold-dim);border-radius:12px;padding:12px 16px;background:rgba(202,162,79,.07);
  font-size:13.5px;color:var(--cream)}
.amz-stale-btn{background:none;border:1px solid var(--gold-light);border-radius:999px;cursor:pointer;
  color:var(--gold-light);font-family:var(--font-sans);font-size:11.5px;letter-spacing:.10em;text-transform:uppercase;
  padding:6px 14px;transition:background .25s,color .25s}
.amz-stale-btn:hover{background:var(--gold-light);color:#1a1304}
.amz-stale-btn:focus-visible{outline:2.5px solid var(--gold-light);outline-offset:2px}
html[data-theme="light"] .amz-stale{background:rgba(184,146,61,.07)}

/* ----- results snapshot ----- */
.amz-results{margin-top:clamp(40px,6vw,64px);scroll-margin-top:110px}
.amz-snapshot{border:1px solid var(--gold-dim);border-radius:24px;overflow:hidden;position:relative;
  background:radial-gradient(120% 130% at 85% -10%,rgba(202,162,79,.14),transparent 58%),linear-gradient(165deg,var(--panel-2),#0b0a08);
  padding:clamp(28px,4.5vw,52px)}
.amz-snap-grid{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(18px,4vw,48px);align-items:end;margin-top:22px;padding-bottom:24px;border-bottom:1px solid var(--line)}
@media(max-width:760px){.amz-snap-grid{grid-template-columns:1fr;gap:18px;align-items:start}}
.amz-snap-score .n,.amz-snap-level .n,.amz-snap-counts .n{font-family:var(--font-serif);display:block;color:var(--gold-light);line-height:1}
.amz-snap-score .n{font-size:clamp(54px,8vw,84px)}
.amz-snap-level .n{font-size:clamp(28px,4.4vw,44px);color:var(--cream)}
.amz-snap-counts .n{font-size:clamp(28px,4.4vw,44px)}
.amz-snap-counts .n i{font-style:normal;font-size:.5em;color:var(--muted)}
.amz-snapshot .l{display:block;margin-top:9px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.amz-snap-sum{margin-top:22px;font-size:15.5px;color:var(--muted);font-weight:400;line-height:1.75;max-width:72ch}
.amz-snap-sum b{color:var(--gold-light);font-weight:400}
.amz-gapnote{margin-top:18px;border:1px solid rgba(180,99,47,.45);border-radius:14px;padding:15px 18px;
  font-size:14px;color:var(--muted);font-weight:400;line-height:1.6;background:rgba(180,99,47,.07)}
.amz-gapnote b{color:var(--cream);font-weight:400}

/* journey chart */
.amz-journey{margin-top:26px}
.amz-journey svg{width:100%;height:auto;display:block;overflow:visible}
.amz-jc-track{fill:rgba(255,255,255,.05)}
.amz-jc-seg{opacity:.5}
.amz-jc-s1{fill:var(--amt1)}.amz-jc-s2{fill:var(--amt2)}.amz-jc-s3{fill:var(--amt3)}.amz-jc-s4{fill:var(--amt4)}
.amz-jc-s5{fill:var(--amt5)}.amz-jc-s6{fill:var(--amt6)}.amz-jc-s7{fill:var(--amt7)}
.amz-jc-lbl{fill:var(--muted);font-family:var(--font-sans);font-size:11.5px;letter-spacing:.06em}
.amz-jc-line{stroke-width:1.5;stroke-dasharray:3 3}
.amz-jc-line.amz-jc-now{stroke:var(--cream)}
.amz-jc-line.amz-jc-proj{stroke:var(--gold)}
.amz-jc-dot.amz-jc-now{fill:var(--cream)}
.amz-jc-dot.amz-jc-proj{fill:var(--gold)}
.amz-jc-mark{font-family:var(--font-sans);font-size:11px;letter-spacing:.08em}
.amz-jc-mark.amz-jc-now{fill:var(--cream)}
.amz-jc-mark.amz-jc-proj{fill:var(--gold-light)}
.amz-jc-cap{margin-top:10px;font-size:12.5px;color:var(--muted-2);font-style:italic;font-family:var(--font-serif)}
@media(max-width:640px){.amz-jc-lbl{font-size:14px}.amz-jc-mark{font-size:13px}}

/* pain point answer */
.amz-pain{margin-top:clamp(26px,4vw,40px);border:1px solid var(--gold-dim);border-radius:18px;position:relative;overflow:hidden;
  background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:clamp(22px,3.4vw,34px)}
.amz-pain::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--gold-light),transparent 70%)}
.amz-pain-head{display:flex;gap:16px;align-items:flex-start}
.amz-pain-head>svg{width:24px;height:24px;color:var(--gold-light);flex:none;margin-top:4px}
.amz-pain-kick{font-size:10.5px;letter-spacing:.20em;text-transform:uppercase;color:var(--gold-light)}
.amz-pain h4{font-family:var(--font-serif);font-size:clamp(19px,2.4vw,24px);font-weight:500;color:var(--cream);margin-top:8px}
.amz-pain-answer{margin-top:16px;font-size:15px;color:var(--muted);font-weight:400;line-height:1.75}
.amz-pain-tiers{margin-top:14px;font-size:14px;color:var(--muted)}
.amz-pain-tiers b{font-weight:400;color:var(--gold-light)}

/* quick wins */
.amz-wins{margin-top:clamp(26px,4vw,40px);border:1px solid var(--gold-dim);border-radius:16px;
  padding:22px clamp(18px,2.6vw,28px);background:rgba(202,162,79,.05);position:relative;overflow:hidden}
.amz-wins::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--gold-light),transparent)}
.amz-wins-head{display:flex;align-items:center;gap:11px}
.amz-wins-head svg{width:18px;height:18px;color:var(--gold-light);flex:none}
.amz-wins-head h4{font-family:var(--font-serif);font-size:19px;font-weight:500;color:var(--cream)}
.amz-wins-list{list-style:none;counter-reset:win;margin:14px 0 0;padding:0;display:grid;gap:10px}
.amz-wins-list li{counter-increment:win;display:grid;grid-template-columns:30px 1fr;gap:4px 12px;align-items:baseline;
  font-size:13.5px;line-height:1.55;padding:9px 0;border-top:1px solid var(--line-soft)}
.amz-wins-list li::before{content:counter(win,decimal-leading-zero);font-family:var(--font-serif);color:var(--gold-light);font-size:15px}
.amz-wins-list li b{color:var(--cream);font-weight:400;display:block}
.amz-wins-list li span{grid-column:2;color:var(--muted);font-weight:400}

/* roadmap */
.amz-roadmap{margin-top:clamp(28px,4vw,44px)}
.amz-rm-title{font-family:var(--font-serif);font-size:clamp(21px,2.6vw,27px);font-weight:500;color:var(--cream)}
.amz-phase{margin-top:18px;border:1px solid var(--line);border-radius:16px;padding:22px clamp(18px,2.6vw,28px);
  background:rgba(0,0,0,.16);position:relative;overflow:hidden}
.amz-phase::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--gold-light),transparent 60%)}
.amz-phase-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.amz-phase-win{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#1a1304;
  background:linear-gradient(135deg,var(--gold-light),var(--gold));border-radius:999px;padding:4px 12px;font-weight:500}
.amz-phase h4{font-family:var(--font-serif);font-size:19px;font-weight:500;color:var(--cream)}
.amz-phase-copy{margin-top:9px;font-size:14px;color:var(--muted);font-weight:400;line-height:1.65}
.amz-phase-items{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:9px}
.amz-phase-items li{display:grid;grid-template-columns:230px 1fr;gap:4px 18px;font-size:13.5px;line-height:1.55;padding:9px 0;border-top:1px solid var(--line-soft)}
.amz-phase-items li b{color:var(--cream);font-weight:400}
.amz-phase-items li span{color:var(--muted);font-weight:400}
@media(max-width:640px){.amz-phase-items li{grid-template-columns:1fr}}

/* lead gate + offer */
.amz-lead{margin-top:clamp(30px,4.6vw,48px);border:1px solid var(--line);border-radius:22px;
  background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:clamp(24px,4vw,44px);position:relative;overflow:hidden}
.amz-lead::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.amz-lead-intro h3{font-family:var(--font-serif);font-size:clamp(22px,3vw,30px);font-weight:500;color:var(--cream);margin-top:12px}
.amz-lead-intro p{margin-top:9px;color:var(--muted);font-weight:400;font-size:15px;max-width:60ch;line-height:1.65}
.amz-form{margin-top:2px}
.amz-done h3{font-family:var(--font-serif);font-size:clamp(24px,3.2vw,34px);font-weight:500;color:var(--cream)}
.amz-done>p{margin-top:10px;color:var(--muted);font-weight:400;max-width:58ch;line-height:1.65}
.amz-offer{margin-top:26px;border:1px solid var(--gold-dim);border-radius:18px;overflow:hidden;position:relative;
  background:radial-gradient(110% 150% at 0% 0%,rgba(202,162,79,.12),transparent 55%),linear-gradient(180deg,var(--panel-2),var(--panel))}
.amz-offer-main{padding:clamp(22px,3.4vw,34px)}
.amz-offer-kick{font-size:10.5px;letter-spacing:.20em;text-transform:uppercase;color:var(--gold-light)}
.amz-offer h4{font-family:var(--font-serif);font-size:clamp(21px,2.7vw,27px);font-weight:500;color:var(--cream);margin-top:9px}
.amz-price{color:var(--gold-light)}
.amz-offer p{margin-top:11px;font-size:14.5px;color:var(--muted);font-weight:400;line-height:1.7;max-width:74ch}
.amz-caio{padding-top:12px;border-top:1px dashed var(--gold-dim);margin-top:16px!important;color:var(--cream)!important}
.amz-done-cta{display:flex;flex-wrap:wrap;gap:14px;padding:0 clamp(22px,3.4vw,34px) clamp(22px,3.4vw,30px)}
.amz-done-cta .btn svg{width:16px;height:16px}

/* ----- page sections (offer split, used outside the app too) ----- */
.amz-osplit{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin-top:46px;align-items:stretch}
@media(max-width:860px){.amz-osplit{grid-template-columns:1fr}}
.amz-ocard{border:1px solid var(--line);border-radius:18px;padding:clamp(24px,3.4vw,36px);
  background:linear-gradient(180deg,var(--panel-2),var(--panel));position:relative;overflow:hidden;display:flex;flex-direction:column}
.amz-ocard::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--gold),transparent 65%)}
.amz-ocard h3{font-family:var(--font-serif);font-size:clamp(20px,2.6vw,25px);font-weight:500;color:var(--cream)}
.amz-ocard>p{margin-top:10px;color:var(--muted);font-weight:400;font-size:14.5px;line-height:1.7}
.amz-ocard .clist{margin-top:16px}
.amz-ocard-fine{margin-top:16px;font-size:13px;color:var(--muted-2);font-style:italic;font-family:var(--font-serif)}
.amz-ocard-cta{margin-top:auto;padding-top:22px}

/* long CTA labels wrap instead of overflowing on small screens */
@media(max-width:440px){
  .amz-app .btn,.amz-ocard .btn{white-space:normal;width:100%;justify-content:center;text-align:center}
  .amz-done-cta{flex-direction:column;align-items:stretch}
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .amz-band,.amz-band-ico,.amz-band-fill,.amz-meter-fill,.amz-ctl-more svg{transition:none!important}
  .amz-band:hover{transform:none}
}

/* ============================================================
   LIGHT THEME (html[data-theme="light"], toggled by lux-nav)
   Token flips come from theme-light.css; below are only the
   hardcoded dark surfaces and tier colors that need help.
   ============================================================ */
html[data-theme="light"]{
  /* deepen the pale top of the ember ramp for white backgrounds */
  --amt5:#b08a35;
  --amt6:#a3823f;
  --amt7:#8a6c28;
}
html[data-theme="light"] .amz-snapshot{
  background:
    radial-gradient(120% 140% at 80% -20%,rgba(184,146,61,.12),transparent 60%),
    linear-gradient(165deg,#ffffff,#faf7f0);
}
html[data-theme="light"] .amz-meter{background:#ffffff}
html[data-theme="light"] .amz-meter-bar{background:rgba(18,18,18,.08)}
html[data-theme="light"] .amz-phase{background:#ffffff}
html[data-theme="light"] .amz-intake-done{background:rgba(184,146,61,.06)}
html[data-theme="light"] .amz-wins{background:rgba(184,146,61,.05)}
html[data-theme="light"] .amz-band.complete .amz-band-count{color:#ffffff}
html[data-theme="light"] .amz-band.active{box-shadow:0 0 0 1px rgba(138,108,40,.4),0 14px 34px -22px rgba(20,16,8,.3)}
html[data-theme="light"] .amz-band:hover{box-shadow:0 14px 34px -24px rgba(20,16,8,.3);filter:none}
html[data-theme="light"] .amz-crit{color:#8a6c28}
html[data-theme="light"] .amz-gapflag{color:#9a5520;border-color:rgba(154,85,32,.5)}
html[data-theme="light"] .amz-gapnote{background:rgba(180,99,47,.06)}
html[data-theme="light"] .amz-phase-win{color:#1a1304}
html[data-theme="light"] .amz-err{color:#b4502a}
html[data-theme="light"] .amz-jc-track{fill:rgba(18,18,18,.07)}
html[data-theme="light"] .amz-jc-seg{opacity:.85}
html[data-theme="light"] .amz-ctl.on .amz-tick{color:#1a1304}