:root{--shell:min(1120px,calc(100% - 3rem));--white:#fffdf8;--gold:#efac7d;--rule:1px solid var(--adx-line)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--adx-paper-raised);color:var(--adx-ink);font:400 1rem/1.6 var(--adx-font-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure{margin:0}
h1,h2{font-family:var(--adx-font-editorial);font-weight:400;line-height:1.04;letter-spacing:-.038em}
h2{font-size:clamp(2.2rem,4.3vw,4.1rem)}
h3{font-size:1.18rem;line-height:1.3;letter-spacing:-.015em}
p,li{overflow-wrap:break-word}
a{color:inherit;text-underline-offset:.22em}
button,input{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--adx-copper-dark);outline-offset:4px}
.adx-hero :focus-visible,.adx-next :focus-visible,.adx-login :focus-visible{outline-color:var(--gold)}
[hidden]{display:none!important}
.adx-skip{position:fixed;top:.75rem;left:.75rem;z-index:5;background:var(--white);color:var(--adx-ink);padding:.6rem 1rem;transform:translateY(-160%)}
.adx-skip:focus{transform:none}
.adx-wrap{width:var(--shell);margin-inline:auto}
.adx-header{background:var(--adx-paper-raised);border-bottom:var(--rule)}
.adx-nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.adx-brand{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;font-weight:800;font-size:1.3rem;letter-spacing:-.05em}
.adx-brand img{display:block;width:44px;height:33px;object-fit:contain}
.adx-nav nav{display:flex;gap:clamp(1rem,3vw,2.8rem)}
.adx-nav nav a,.adx-private{font-size:.85rem;color:var(--adx-muted);font-weight:650;text-decoration:none}
.adx-nav nav a:hover{color:var(--adx-copper-dark);text-decoration:underline}
.adx-private{display:flex;align-items:center;gap:.55rem;white-space:nowrap}
.adx-private>span{height:7px;width:7px;border-radius:50%;background:var(--adx-success)}
.adx-hero,.adx-next,.adx-login{color:var(--adx-on-dark);background:radial-gradient(ellipse at 90% 0,#1d3a51,transparent 62%),var(--adx-ink-strong)}
.adx-btn{display:inline-flex;align-items:center;justify-content:center;gap:1.05rem;background:#f1bc95;color:var(--adx-ink-strong);border:1px solid transparent;border-radius:var(--adx-radius-sm);padding:.65rem 1rem;text-decoration:none;font-weight:750;font-size:.92rem;min-height:44px}
.adx-btn:hover{background:#ffcfac}
.adx-footer{background:var(--adx-paper)}
.adx-footer-row{padding-block:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;color:var(--adx-muted);font-size:.85rem}
.adx-footer-row strong{color:var(--adx-ink)}
.adx-footer-row>div{display:flex;gap:.9rem}
.adx-text-button{min-height:44px;padding:.3rem .25rem;border:0;background:transparent;color:var(--adx-ink);text-decoration:underline;text-underline-offset:.22em}
.adx-login{min-height:100svh;display:grid;place-items:center;padding:1.35rem}
.adx-login-shell{width:min(100%,31rem)}
.adx-login .adx-brand{margin:0 0 1.3rem}
.adx-login-card{border:1px solid #fff4;border-radius:var(--adx-radius-lg);padding:clamp(1.35rem,5vw,2.4rem);background:#0b1d2fea;box-shadow:0 26px 76px #0005}
.adx-login h1{font-size:clamp(2.3rem,7vw,3.6rem);margin:.65rem 0 .75rem}
.adx-login-card h1+p{color:#cfdae4;margin-bottom:1.35rem}
.adx-login label{font-weight:750;font-size:.9rem;display:block;margin-bottom:.35rem}
.adx-login input{display:block;width:100%;min-height:46px;padding:.65rem .75rem;border:1px solid #99aebd;border-radius:var(--adx-radius-sm);background:#faf8f3;color:var(--adx-ink);margin-bottom:.85rem}
.adx-login .adx-btn{width:100%}
.adx-login-error{color:#ffd6bd;font-weight:700;font-size:.89rem;margin-bottom:.8rem}
.adx-login-foot{margin-top:1rem;color:#b4c4d0;font-size:.81rem}

.adx-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(1.5rem, 5vw, 5rem);
  padding-block: clamp(2.8rem, 6.5vw, 5.5rem);
}

.adx-kicker,
.adx-label {
  color: var(--adx-copper-dark);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.adx-hero .adx-kicker,
.adx-next .adx-kicker,
.adx-login .adx-kicker {
  color: var(--gold);
}

.adx-hero h1 {
  margin: .65rem 0 1rem;
  font-size: clamp(2.8rem, 5.35vw, 5rem);
}

.adx-hero h1 span {
  display: block;
  color: #f0b88f;
}

.adx-hero-image {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #e7d7c17a;
  border-radius: var(--adx-radius-md);
}

.adx-lede,
.adx-next-grid > p {
  color: #e0e8ee;
  font-size: clamp(1rem, 1.45vw, 1.15rem);
  max-width: 32rem;
}

.adx-meta {
  margin: .9rem 0 1.2rem;
  color: #bfcdd7;
  font-size: .87rem;
}

.adx-meta span {
  padding-inline: .2rem;
}

.adx-section {
  padding-block: clamp(2.7rem, 6vw, 4.8rem);
}

.adx-section-tint {
  background: var(--adx-paper);
  border-block: var(--rule);
}

.adx-section-head,
.adx-next-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: end;
  gap: clamp(1rem, 4vw, 3.5rem);
}

.adx-section-head {
  margin-bottom: 1.65rem;
}

.adx-section-head h2,
.adx-next h2 {
  margin-top: .35rem;
}

.adx-section-head > p,
.adx-details p,
.adx-flow p,
.adx-flow-caption,
.adx-stages p,
.adx-fee-publications > p:last-child {
  color: #445563;
}

.adx-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0;
  margin: 0;
  list-style: none;
  background: var(--white);
  border: var(--rule);
  border-radius: var(--adx-radius-md);
}

.adx-flow li {
  position: relative;
  min-width: 0;
  padding: clamp(.95rem, 2.4vw, 1.5rem);
}

.adx-flow li + li {
  border-left: var(--rule);
}

.adx-flow li + li::before {
  position: absolute;
  inset: 1.85rem auto auto 0;
  width: 1.5rem;
  height: 1.5rem;
  content: "→" / "";
  transform: translateX(-50%);
  color: var(--adx-copper-dark);
  background: var(--adx-paper-raised);
  border: var(--rule);
  border-radius: 50%;
  text-align: center;
  font-size: .88rem;
  line-height: 1.35rem;
}

.adx-step-icon {
  display: grid;
  place-items: center;
  width: 2.55rem;
  height: 2.55rem;
  margin-bottom: .75rem;
  color: var(--adx-copper-dark);
  background: #f3e6d7;
  border-radius: var(--adx-radius-sm);
}

.adx-icon {
  width: 1.5rem;
  height: 1.5rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.adx-flow h3,
.adx-details h3,
.adx-stages h3 {
  margin-bottom: .35rem;
}

.adx-flow p,
.adx-flow-caption {
  font-size: .91rem;
}

.adx-flow-caption {
  margin-top: .75rem;
}

.adx-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 4vw, 3rem);
}

.adx-details {
  margin-top: 1.35rem;
  padding-top: 1.15rem;
  border-top: var(--rule);
}

.adx-details h3 {
  font-size: 1rem;
}

.adx-details p,
.adx-stages p {
  font-size: .94rem;
}

.adx-pink-grid {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: clamp(1rem, 3vw, 2.75rem);
}

.adx-demo {
  padding: clamp(1rem, 2.6vw, 1.5rem);
  color: var(--adx-on-dark);
  background: var(--adx-ink);
  border-radius: var(--adx-radius-md);
}

.adx-demo-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  margin-bottom: .8rem;
}

.adx-demo-bar > span,
.adx-demo figcaption {
  color: #c4d1da;
  font-size: .77rem;
}

.adx-demo-prompt,
.adx-demo-answer {
  padding: .65rem .85rem;
  border-radius: var(--adx-radius-sm);
  font-size: .9rem;
}

.adx-demo-prompt {
  margin: 0 0 .55rem;
  border: 1px solid #ffffff52;
}

.adx-demo-answer {
  margin-bottom: .6rem;
  color: var(--adx-ink);
  background: var(--adx-paper-raised);
}

.adx-demo-answer p {
  margin: .15rem 0 .35rem;
  color: #445563;
}

.adx-source {
  color: #825033;
  font-size: .81rem;
  font-weight: 750;
}

.adx-source > span {
  text-decoration: underline;
  text-underline-offset: .16em;
}

.adx-stages {
  padding: 0;
  margin: 0;
  list-style: none;
}

.adx-stages li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .75rem;
  padding-block: .75rem;
}

.adx-stages li + li {
  border-top: var(--rule);
}

.adx-stage-letter {
  display: grid;
  place-items: center;
  width: 1.9rem;
  height: 1.9rem;
  color: var(--adx-copper-dark);
  border: 1px solid #b96a3b70;
  border-radius: 50%;
  font: 700 .83rem var(--adx-font-code);
}

.adx-stage-output {
  margin-top: .4rem;
}

.adx-stage-output strong {
  color: var(--adx-ink);
  margin-right: .18rem;
}

.adx-fees {
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  gap: 1rem;
}

.adx-fee {
  padding: clamp(1rem, 3vw, 1.7rem);
  background: var(--white);
  border: var(--rule);
  border-radius: var(--adx-radius-md);
  box-shadow: var(--adx-elev-1);
}

.adx-fee h3 {
  margin: .55rem 0 .2rem;
  font-size: .99rem;
}

.adx-price {
  margin: 0 0 .5rem;
  font-family: var(--adx-font-editorial);
  font-size: clamp(1.75rem, 3.5vw, 3.25rem);
  line-height: 1.1;
  letter-spacing: -.04em;
  white-space: nowrap;
}

.adx-price small {
  font: 800 .71rem var(--adx-font-body);
  letter-spacing: .04em;
}

.adx-fee-split,
.adx-fee-bar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
}

.adx-fee-split h3::before {
  display: inline-block;
  width: .6rem;
  height: .6rem;
  margin-right: .42rem;
  content: "";
  background: var(--adx-ink-soft);
  border-radius: 2px;
}

.adx-fee-split > div + div h3::before,
.adx-fee-bar > span + span {
  background: repeating-linear-gradient(135deg, #b66a3b 0 3px, #e9bf9f 3px 6px);
}

.adx-fee-bar {
  grid-template-columns: minmax(0, 2400fr) minmax(0, 5500fr);
  gap: 0;
  height: .62rem;
  margin-block: .35rem .55rem;
  overflow: hidden;
  border-radius: 3px;
}

.adx-fee-bar > span:first-child {
  background: var(--adx-ink-soft);
}

.adx-fee-total,
.adx-total {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: .65rem;
}

.adx-fee-total {
  color: #445563;
  font-size: .88rem;
}

.adx-total {
  margin-top: .8rem;
  padding: .8rem 1.05rem;
  background: var(--adx-paper);
  border: var(--rule);
  border-radius: var(--adx-radius-sm);
}

.adx-total strong,
.adx-fee-total strong {
  color: var(--adx-ink);
  white-space: nowrap;
}

.adx-next-grid {
  padding-block: clamp(1.85rem, 4.5vw, 3.35rem);
  align-items: center;
}

.adx-next h2 {
  font-size: clamp(1.85rem, 3.7vw, 3rem);
}

@media (max-width: 780px) {
  .adx-hero-grid {
    gap: 1.25rem;
  }

  .adx-pink-grid {
    gap: 1rem;
  }
}

@media (max-width: 640px) {
  :root {
    --shell: calc(100% - 2rem);
  }

  .adx-nav {
    padding-top: .65rem;
    gap: .2rem .5rem;
    flex-wrap: wrap;
  }

  .adx-nav nav {
    order: 1;
    flex-basis: 100%;
    justify-content: space-between;
  }

  .adx-nav nav a {
    display: grid;
    align-items: center;
    min-height: 44px;
  }

  .adx-hero-grid,
  .adx-section-head,
  .adx-next-grid,
  .adx-pink-grid,
  .adx-columns,
  .adx-flow,
  .adx-fees {
    grid-template-columns: minmax(0, 1fr);
  }

  .adx-hero-grid,
  .adx-section-head,
  .adx-next-grid {
    gap: .9rem;
  }

  .adx-hero-image {
    margin-top: .25rem;
  }

  .adx-flow li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .7rem;
  }

  .adx-step-icon {
    margin: 0;
  }

  .adx-flow li + li {
    border-left: 0;
    border-top: var(--rule);
  }

  .adx-flow li + li::before {
    content: none;
  }

  .adx-total {
    flex-wrap: wrap;
  }

  .adx-footer-row {
    column-gap: 1rem;
    row-gap: .25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

@media print {
  @page {
    margin: 12mm;
  }

  :root {
    --shell: 100%;
  }

  body {
    font-size: 9.5pt;
    line-height: 1.4;
    background: white;
  }

  .adx-header nav,
  .adx-private,
  .adx-hero .adx-btn,
  .adx-footer-row > div,
  .adx-skip,
  .adx-flow li + li::before {
    display: none !important;
  }

  .adx-nav {
    min-height: 34px;
  }

  .adx-hero,
  .adx-next,
  .adx-section-tint,
  .adx-demo {
    color: var(--adx-ink);
    background: white;
  }

  .adx-hero .adx-kicker,
  .adx-hero h1 span,
  .adx-next .adx-kicker {
    color: var(--adx-copper-dark);
  }

  .adx-lede,
  .adx-meta,
  .adx-demo-bar > span,
  .adx-demo figcaption,
  .adx-next-grid > p {
    color: #445563;
  }

  .adx-hero-grid,
  .adx-section-head,
  .adx-next-grid,
  .adx-pink-grid,
  .adx-columns,
  .adx-fees {
    grid-template-columns: 1fr 1fr;
    gap: 12pt;
  }

  .adx-hero-grid,
  .adx-section,
  .adx-next-grid {
    padding-block: 12pt;
  }

  .adx-hero h1 {
    font-size: 27pt;
    margin-block: 5pt;
  }

  h2,
  .adx-next h2 {
    font-size: 21pt;
  }

  .adx-flow {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .adx-flow li {
    display: block;
  }

  .adx-section-head {
    margin-bottom: 9pt;
  }

  .adx-demo,
  .adx-demo-prompt {
    border: var(--rule);
  }

  .adx-demo,
  .adx-fee,
  .adx-flow li {
    padding: 8pt;
    box-shadow: none;
  }

  .adx-price {
    font-size: 20pt;
  }

  .adx-fee-bar,
  .adx-fee-split h3::before {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }

  .adx-demo,
  .adx-fee,
  .adx-stages li,
  .adx-flow,
  .adx-details article,
  .adx-next-grid {
    break-inside: avoid;
  }

  h2,
  h3 {
    break-after: avoid;
  }
}
