:root{
  --bg:#eef5fb; --card:#ffffff; --ink:#0e1526; --muted:#6b7688;
  --line:#e5ebf1; --input:#f6f9fc; --brand:#12b5a5; --brand-2:#2f9be6; --brand-ink:#0e8f83;
  --accent:#2f9be6; --ink-btn:#0b0d14;
  --ring:rgba(18,181,165,.16); --danger:#e0466e; --radius:20px; --maxw:1180px;
  --shadow:0 1px 2px rgba(14,21,38,.05),0 10px 30px rgba(14,21,38,.06);
}
*{box-sizing:border-box}
body{margin:0;font-family:'Segoe UI',system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);background:linear-gradient(180deg,#f4fafe,var(--bg));line-height:1.5}
em.req{color:var(--danger);font-style:normal}

/* ---- header + stepper ---- */
.head{background:#fff;box-shadow:var(--shadow);position:sticky;top:0;z-index:30}
.head .brand{max-width:var(--maxw);margin:0 auto;padding:18px 28px 0;display:grid;
  grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.brand .logo{display:flex;align-items:center}
.brand .logo img{height:38px;width:auto;display:block}
.brand .logo .wordmark{font-size:22px;font-weight:800;letter-spacing:.3px;color:var(--brand)}
.brand .title{text-align:center;font-size:22px;font-weight:750;white-space:nowrap}
.brand .title .g{color:var(--brand)} .brand .title .d{color:var(--ink)} .brand .title .b{color:var(--accent)}
.brand .spacer{}

.stepper{max-width:var(--maxw);margin:0 auto;padding:22px 28px 0;display:flex;
  overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}
.stepper::-webkit-scrollbar{display:none}
.step{flex:1 0 auto;min-width:110px;position:relative;display:flex;flex-direction:column;
  align-items:center;text-align:center;padding-bottom:16px;cursor:pointer;background:none;border:0;
  font-family:inherit;outline:none;-webkit-tap-highlight-color:transparent;appearance:none}
.step:focus,.step:focus-visible{outline:none}
.step:focus-visible .dot{box-shadow:0 0 0 4px var(--ring)}
.step:not(:first-child)::before{content:'';position:absolute;top:24px;left:-50%;width:100%;height:2px;
  background:var(--line);z-index:0}
.step.done:not(:first-child)::before,.step.active:not(:first-child)::before{background:var(--brand)}
.dot{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;background:#f0f3f7;
  display:grid;place-items:center;color:#c2ccd6;transition:.2s;overflow:hidden;
  background-clip:padding-box;-webkit-background-clip:padding-box}
.dot svg{width:20px;height:20px}
.step.done .dot{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}
.step.active .dot{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 0 0 6px var(--ring)}
.step .lbl{margin-top:9px;font-size:13px;color:var(--muted);font-weight:500;white-space:nowrap}
.step.active .lbl,.step.done .lbl{color:var(--brand-ink);font-weight:650}
.step.active::after{content:'';position:absolute;bottom:1px;left:14%;right:14%;height:3px;
  border-radius:3px;background:var(--brand)}
.headprog{max-width:var(--maxw);margin:0 auto;padding:12px 28px 16px;display:flex;align-items:center;gap:14px}
.headprog .track{flex:1;height:7px;background:#e9edf2;border-radius:99px;overflow:hidden}
.headprog .fill{height:100%;width:12%;background:linear-gradient(90deg,var(--brand),var(--brand-2));transition:width .3s}
.headprog small{color:var(--muted);font-size:12px;white-space:nowrap;font-weight:500}
.head::after{content:'';display:block;height:1px;background:var(--line)}

/* ---- body ---- */
.wrap{max-width:var(--maxw);margin:26px auto 130px;padding:0 28px}
.alert{background:#fdecf1;border:1px solid #f6c3d3;color:#a01a42;padding:12px 16px;border-radius:12px;
  margin-bottom:18px;font-size:14px}

.panel{display:none;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);overflow:hidden;animation:fade .25s ease}
.panel.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.panel > header{padding:26px 40px 22px;border-bottom:1px solid var(--line)}
.panel > header .kicker{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;
  color:var(--brand-ink);background:color-mix(in srgb,var(--brand) 12%,#fff);
  border:1px solid color-mix(in srgb,var(--brand) 32%,#fff);padding:5px 12px;border-radius:999px}
.panel > header .kicker::before{content:'';width:13px;height:13px;background:var(--brand-ink);
  -webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E");
  mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E")}
.panel > header h2{margin:10px 0 0;font-size:21px;font-weight:750}
.panel > header p{margin:3px 0 0;font-size:13px;color:var(--muted)}
.panel .body{padding:22px 40px 28px}

.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 36px}
.grid .full{grid-column:1/-1}
.grid .subhead{grid-column:1/-1;font-size:12px;font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;color:var(--brand-ink);margin:8px 0 -4px;padding-top:8px;border-top:1px dashed var(--line)}
.grid .subhead:first-child{border-top:0;padding-top:0}
.field:has(textarea),.field-radio,.field-checkbox{grid-column:1/-1}
@media(max-width:640px){.grid{grid-template-columns:1fr}}

.field .lbl{display:block;font-size:13px;font-weight:650;margin-bottom:5px;color:#33465b}
.form-control,.form-select{width:100%;padding:10px 13px;border:1px solid var(--line);border-radius:9px;
  font-size:14px;color:var(--ink);background:var(--input);font-family:inherit;transition:.15s}
textarea.form-control{resize:vertical;min-height:62px}
.form-control::placeholder{color:#b3bdcb}
.form-control:focus,.form-select:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px var(--ring)}
.field.has-error .form-control,.field.has-error .form-select{border-color:var(--danger)}
.help{margin:5px 0 0;font-size:12px;color:var(--muted)}
.err{margin:5px 0 0;font-size:12.5px;color:var(--danger);font-weight:500}

.check-line{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14px}
.check-line input{margin-top:2px;width:17px;height:17px;accent-color:var(--brand);flex:0 0 auto}
.radio-row{display:flex;gap:10px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);padding:8px 16px;
  border-radius:999px;cursor:pointer;font-size:14px;background:#fff}
.pill input{accent-color:var(--brand)}
.pill:has(input:checked){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,#fff);color:var(--brand-ink);font-weight:600}

.checkboxes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:560px){.checkboxes{grid-template-columns:1fr 1fr}}
.checkboxes .field-checkbox{grid-column:auto;border:1px solid var(--line);border-radius:11px;padding:10px 12px}
.certs .field-checkbox{grid-column:1/-1;background:#f8fbfa;border:1px solid var(--line);border-radius:11px;padding:13px 15px}

.form-file{width:100%;padding:10px;border:1px dashed var(--line);border-radius:11px;font-size:13px;background:#fafcfb}
.field:has(.form-file){grid-column:1/-1}
.dl-note{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;
  flex-wrap:wrap;background:color-mix(in srgb,var(--brand) 8%,#fff);
  border:1px solid color-mix(in srgb,var(--brand) 26%,#fff);border-radius:11px;
  padding:12px 16px;font-size:13.5px;color:var(--brand-ink)}
.dl-note a{background:var(--brand);color:#fff;text-decoration:none;padding:9px 18px;border-radius:9px;
  font-weight:600;white-space:nowrap;font-size:13px}
.dl-note a:hover{background:var(--brand-ink)}

.sigwrap{grid-column:1/-1}
.sigpad{border:1px dashed var(--line);border-radius:12px;background:#fff;width:100%;height:180px;
  touch-action:none;cursor:crosshair}
.sigbar{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.btn-ghost{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 15px;font-size:13px;
  cursor:pointer;color:var(--muted)}

/* ---- footer nav ---- */
.actionbar{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.94);
  backdrop-filter:blur(8px);border-top:1px solid var(--line);z-index:40}
.actionbar .inner{max-width:var(--maxw);margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:16px}
.grow{flex:1;min-width:0;display:flex;align-items:center}
.saved{color:var(--brand-ink);font-size:12.5px;font-weight:600;opacity:0;transition:opacity .3s}
.saved.show{opacity:1}
.btn{background:var(--ink-btn);color:#fff;border:0;border-radius:999px;padding:12px 30px;font-size:15px;
  font-weight:650;cursor:pointer}
.btn:hover{background:#20283a}
.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}
.btn.secondary:hover{background:#f4f6fa}
.btn[hidden]{display:none}

/* ================= AJOXI THEME ================= */
body.theme-ajoxi{
  --bg:#0A0B0D; --card:#16181C; --card-soft:#1C1F24;
  --line:#282C32; --line-soft:#1F2227; --input:#1A1D22;
  --ink:#F2F4F5; --muted:#98A1AB;
  --gold:#FC9F23; --gold-bright:#FFC466; --gold-ink:#2B1B05;
  --brand:var(--gold); --brand-2:var(--gold-bright); --brand-ink:var(--gold);
  --accent:var(--gold-bright); --ink-btn:var(--gold-ink);
  --ring:rgba(252,159,35,.22); --success:#22C55E; --warning:#F5A524; --danger:#EF4444;
  --radius:12px; --maxw:1160px;
  background:radial-gradient(1200px 500px at 50% -10%, #17191d 0%, var(--bg) 55%);
  font-family:'Inter','Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
}
html:has(body.theme-ajoxi){ background:#0A0B0D; }
body.theme-ajoxi .btn{
  background:var(--gold); color:var(--gold-ink); border-radius:var(--radius);
  padding:14px 32px; font-weight:700; letter-spacing:.01em; height:48px;
  box-shadow:0 1px 0 rgba(255,255,255,.15) inset;
}
body.theme-ajoxi .btn:hover{ background:var(--gold-bright); box-shadow:0 6px 18px rgba(252,159,35,.28); transform:translateY(-1px); }
body.theme-ajoxi .btn.secondary{ background:var(--card); color:var(--ink); border:1px solid var(--line); }
body.theme-ajoxi .btn.secondary:hover{ background:var(--card-soft); }

/* ---- header ---- */
body.theme-ajoxi .head{ background:var(--bg); box-shadow:none; border-bottom:1px solid var(--line-soft); position:static; }
body.theme-ajoxi .head::after{ display:none; }
body.theme-ajoxi .brand{ padding-top:26px; }
body.theme-ajoxi .brand .logo{ background:#fff; border-radius:10px; padding:8px 14px; width:fit-content; }
body.theme-ajoxi .brand .logo img{ height:26px; }
body.theme-ajoxi .brand .title{ color:var(--ink); }
body.theme-ajoxi .brand .title .g,
body.theme-ajoxi .brand .title .b{ color:var(--gold); }
body.theme-ajoxi .brand .title .d{ color:var(--ink); }

body.theme-ajoxi .ajoxi-secure-badge{
  display:inline-flex; align-items:center; gap:6px; margin-left:auto; justify-self:end;
  background:var(--card-soft); border:1px solid var(--line); color:var(--gold);
  font-size:11.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  padding:7px 14px; border-radius:8px;
}
body.theme-ajoxi .ajoxi-secure-badge svg{ width:13px; height:13px; }

/* ---- hero: "AJOXI LOGO / KYC VERIFICATION / eyebrow / description" ---- */
body.theme-ajoxi .ajoxi-hero{ max-width:var(--maxw); margin:0 auto; padding:32px 28px 26px; text-align:center; }
body.theme-ajoxi .ajoxi-hero-title{ margin:0; font-size:30px; font-weight:750; color:var(--ink); letter-spacing:-.01em; }
body.theme-ajoxi .ajoxi-hero-eyebrow{
  display:block; margin:8px 0 0; font-size:12.5px; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; color:var(--gold);
}
body.theme-ajoxi .ajoxi-hero-sub{ margin:12px 0 0; font-size:14.5px; color:var(--muted); }

/* ---- two-column layout: form + icon-stepper sidebar ---- */
body.theme-ajoxi .ajoxi-layout{ display:grid; grid-template-columns:1fr 200px; align-items:start; gap:28px; }
body.theme-ajoxi .ajoxi-layout > *{ min-width:0; }
body.theme-ajoxi .ajoxi-sidebar{ position:sticky; top:24px; }
body.theme-ajoxi .ajoxi-icon-nav{
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:24px 20px;
  display:flex; flex-direction:column;
}
body.theme-ajoxi .ajoxi-icon-step{
  position:relative; display:flex; align-items:center; gap:14px; padding-bottom:30px;
  background:none; border:0; font-family:inherit; text-align:left; width:100%;
  cursor:pointer; outline:none; appearance:none; -webkit-tap-highlight-color:transparent;
}
body.theme-ajoxi .ajoxi-icon-step:last-child{ padding-bottom:0; }
body.theme-ajoxi .ajoxi-icon-step:focus-visible .dot{ box-shadow:0 0 0 4px var(--ring); }
body.theme-ajoxi .ajoxi-icon-step:not(:last-child)::before{
  content:''; position:absolute; left:19px; top:40px; width:2px; height:calc(100% - 20px);
  background:var(--line);
}
body.theme-ajoxi .ajoxi-icon-step.done:not(:last-child)::before{ background:var(--gold); }
body.theme-ajoxi .ajoxi-icon-step .dot{
  position:relative; z-index:1; flex:0 0 auto; width:40px; height:40px; border-radius:50%;
  background:var(--card-soft); border:1.5px solid var(--line); color:var(--muted);
  display:flex; align-items:center; justify-content:center;
}
body.theme-ajoxi .ajoxi-icon-step .dot svg{ width:18px; height:18px; }
body.theme-ajoxi .ajoxi-icon-step .lbl{ font-size:13px; font-weight:600; color:var(--muted); }
body.theme-ajoxi .ajoxi-icon-step.done .dot,
body.theme-ajoxi .ajoxi-icon-step.active .dot{ background:linear-gradient(135deg,var(--gold),var(--gold-bright)); border-color:transparent; color:var(--gold-ink); }
body.theme-ajoxi .ajoxi-icon-step.active .dot{ box-shadow:0 0 0 5px var(--ring); }
body.theme-ajoxi .ajoxi-icon-step.active .lbl{ color:var(--gold); font-weight:700; }
body.theme-ajoxi .ajoxi-icon-step.done .lbl{ color:var(--ink); }

/* ---- cards / panels ---- */
body.theme-ajoxi .wrap{ margin-top:34px; padding-left:28px; padding-right:28px; }
body.theme-ajoxi .alert{ background:rgba(239,68,68,.12); border:1px solid rgba(239,68,68,.35); color:#FCA5A5; margin-bottom:22px; }
body.theme-ajoxi .alert.success{ background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.35); color:#4ADE80; }
body.theme-ajoxi .panel{
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:0 1px 2px rgba(0,0,0,.2),0 10px 30px rgba(0,0,0,.35); margin-bottom:0;
}
body.theme-ajoxi .panel > header{
  display:grid; grid-template-columns:auto 1fr; column-gap:18px; row-gap:4px; align-items:start;
  border-color:var(--line); padding:28px 32px 22px;
}
body.theme-ajoxi .panel > header .kicker{
  grid-column:1; grid-row:1/3; align-self:start;
  display:flex; align-items:center; justify-content:center;
  width:46px; height:46px; flex:0 0 auto;
  background:var(--card-soft); border:1px solid var(--line); color:var(--gold);
  font-size:17px; font-weight:800; letter-spacing:0; text-transform:none; border-radius:10px;
}
body.theme-ajoxi .panel > header .kicker::before{ content:none; display:none; }
body.theme-ajoxi .panel > header h2{
  grid-column:2; grid-row:1; margin:2px 0 0;
  color:var(--ink); font-size:19px; font-weight:700; text-transform:uppercase; letter-spacing:.02em;
}
body.theme-ajoxi .panel > header p{ grid-column:2; grid-row:2; margin:0; color:var(--muted); }
body.theme-ajoxi .panel .body{ padding:30px 32px 34px; }

body.theme-ajoxi .grid{ gap:22px 32px; }
body.theme-ajoxi .grid .subhead{
  grid-column:1/-1; border-top:none; margin:10px 0 0; padding:5px 12px; width:fit-content;
  color:var(--gold); font-weight:700; letter-spacing:.06em; text-transform:uppercase; font-size:11px;
  background:var(--card-soft); border:1px solid var(--line); border-radius:6px;
}
body.theme-ajoxi .grid .subhead:first-child{ margin-top:0; }

/* ---- inputs ---- */
body.theme-ajoxi .field .lbl{ font-size:13px; font-weight:600; color:var(--ink); margin-bottom:8px; }
body.theme-ajoxi .form-control,
body.theme-ajoxi .form-select{
  min-height:46px; padding:11px 14px; border-radius:10px; border:1px solid var(--line);
  background:var(--input); font-size:14px; color:var(--ink); color-scheme:dark;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
  box-sizing:border-box;
}
body.theme-ajoxi .form-control::placeholder{ color:#5D6570; }
body.theme-ajoxi textarea.form-control{ min-height:88px; }
body.theme-ajoxi .form-control:focus,
body.theme-ajoxi .form-select:focus{
  background:#1D2025; border-color:var(--gold); box-shadow:0 0 0 4px var(--ring);
}
body.theme-ajoxi .field.has-error .form-control,
body.theme-ajoxi .field.has-error .form-select{ border-color:var(--danger); }
body.theme-ajoxi .help{ color:var(--muted); }
body.theme-ajoxi .err{ color:#FCA5A5; font-weight:600; }
body.theme-ajoxi em.req{ color:var(--danger); }

/* ---- pills / radios / checkboxes ---- */
body.theme-ajoxi .pill{ background:var(--input); border:1px solid var(--line); color:var(--ink); border-radius:10px; padding:11px 18px; }
body.theme-ajoxi .pill:has(input:checked){ border-color:var(--gold); background:rgba(252,159,35,.12); color:var(--gold); font-weight:600; }
body.theme-ajoxi .checkboxes{ gap:12px; }
body.theme-ajoxi .checkboxes .field-checkbox{ background:var(--input); border:1px solid var(--line); border-radius:10px; padding:12px 14px; }
body.theme-ajoxi .certs .field-checkbox{ background:var(--card-soft); border:1px solid var(--line); border-radius:10px; padding:15px 16px; }
body.theme-ajoxi .check-line{ color:var(--ink); }

/* ---- document verification card (same <input type="file">, CSS only) ---- */
body.theme-ajoxi .field:has(.form-file){
  border:1.5px dashed var(--line); border-radius:var(--radius); background:var(--card-soft);
  padding:32px 24px 26px; margin-top:4px; text-align:center; transition:border-color .15s ease, background .15s ease;
  position:relative;
}
body.theme-ajoxi .field:has(.form-file):focus-within{ border-color:var(--gold); background:#1D1A12; }
body.theme-ajoxi .field:has(.form-file)::before{
  content:"DOCUMENT VERIFICATION"; display:block; font-size:10.5px; font-weight:700;
  letter-spacing:.12em; color:var(--muted); margin-bottom:12px;
}
body.theme-ajoxi .field:has(.form-file) .lbl{
  font-size:15px; font-weight:700; color:var(--ink); order:-1;
}
body.theme-ajoxi .field:has(.form-file) .lbl::before{ content:"⬆ "; color:var(--gold); }
body.theme-ajoxi .form-file{
  border:none; background:transparent; padding:10px 0 0; font-size:12.5px; color:var(--muted);
}
body.theme-ajoxi .form-file::file-selector-button{
  background:var(--gold); color:var(--gold-ink); border:none; border-radius:8px; padding:11px 20px;
  font-size:13px; font-weight:700; margin-right:12px; cursor:pointer; transition:background .15s ease;
}
body.theme-ajoxi .form-file::file-selector-button:hover{ background:var(--gold-bright); }
body.theme-ajoxi .field:has(.form-file) .help{
  display:block; margin-top:10px; font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted);
}
body.theme-ajoxi .dl-note{ border-radius:10px; background:var(--card-soft); border:1px solid var(--line); color:var(--ink); }
body.theme-ajoxi .dl-note a{ background:var(--gold); color:var(--gold-ink); border-radius:8px; }
body.theme-ajoxi .dl-note a:hover{ background:var(--gold-bright); }

/* ---- signature ---- */
body.theme-ajoxi .sigpad{ border-radius:10px; background:var(--card-soft); border:1px dashed var(--line); }
body.theme-ajoxi .sigwrap.has-error .sigpad{ border-color:var(--danger); }
body.theme-ajoxi .btn-ghost{ background:var(--card); border:1px solid var(--line); color:var(--muted); }

/* ---- security note (visual only) ---- */
body.theme-ajoxi .ajoxi-security-note{
  margin-top:22px; padding:22px 28px; background:var(--card); border:1px solid var(--line);
  border-radius:var(--radius);
}
body.theme-ajoxi .ajoxi-security-note .t{ display:flex; align-items:center; gap:8px; color:var(--ink); font-weight:700; font-size:14px; }
body.theme-ajoxi .ajoxi-security-note .t svg{ width:16px; height:16px; color:var(--gold); flex:0 0 auto; }
body.theme-ajoxi .ajoxi-security-note p{ margin:6px 0 0; font-size:12.5px; color:var(--muted); line-height:1.6; }

/* ---- footer action bar ---- */
body.theme-ajoxi .actionbar{ background:rgba(10,11,13,.92); border-top:1px solid var(--line-soft); backdrop-filter:blur(10px); }
body.theme-ajoxi .actionbar .inner{ padding-top:18px; padding-bottom:18px; max-width:var(--maxw); }
body.theme-ajoxi .saved{ color:var(--gold); }

/* ---- responsive ---- */
@media(max-width:900px){
  body.theme-ajoxi .ajoxi-layout{ grid-template-columns:1fr; }
  body.theme-ajoxi .ajoxi-sidebar{ position:static; order:-1; margin-bottom:24px; }
  body.theme-ajoxi .ajoxi-icon-nav{ flex-direction:row; overflow-x:auto; padding:18px 16px; }
  body.theme-ajoxi .ajoxi-icon-step{ flex-direction:column; padding-bottom:0; padding-right:34px; gap:8px; flex:0 0 auto; width:auto; }
  body.theme-ajoxi .ajoxi-icon-step:last-child{ padding-right:0; }
  body.theme-ajoxi .ajoxi-icon-step:not(:last-child)::before{
    left:40px; top:19px; width:calc(100% - 6px); height:2px;
  }
  body.theme-ajoxi .ajoxi-icon-step .lbl{ white-space:nowrap; text-align:center; font-size:12px; }
}
@media(max-width:820px){
  body.theme-ajoxi .ajoxi-hero-title{ font-size:24px; }
}
@media(max-width:640px){
  body.theme-ajoxi .grid{ grid-template-columns:1fr; }
  body.theme-ajoxi .panel > header,
  body.theme-ajoxi .panel .body{ padding-left:20px; padding-right:20px; }
  body.theme-ajoxi .brand{ grid-template-columns:auto 1fr; grid-template-areas:"logo badge" "title title"; row-gap:10px; }
  body.theme-ajoxi .brand .logo{ grid-area:logo; }
  body.theme-ajoxi .brand .spacer{ grid-area:badge; justify-self:end; }
  body.theme-ajoxi .brand .title{ grid-area:title; text-align:left; white-space:normal; }
  body.theme-ajoxi .ajoxi-hero{ padding:22px 20px 20px; }
  body.theme-ajoxi .ajoxi-hero-title{ font-size:21px; }
  body.theme-ajoxi .ajoxi-secure-badge{ white-space:nowrap; padding:6px 10px; font-size:10px; }
}