/* Sandbox: converted from the AgentedSEO design export. */
@keyframes aseo-float-in{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
.aseo-timer{font-variant-numeric:tabular-nums}
.aseo.aseo-light .aseo-sbx{--page:#0E0E10;--surface:#181818;--raised:#1F1F1F;--sunken:#000000;--line:#272727;--line-strong:#6E6E79;--ink:#F4F4F6;--muted:#A4A4AE;--action:#F4F4F6;--action-hover:#FFFFFF;--on-action:#0E0E10;--lime-ink:#C6F432;--good:#4ADE80;--good-soft:#10291B;--warn:#F5B83D;--warn-soft:#2E2209;--crit:#FF7B6E;--crit-soft:#33120F;--shadow:0 1px 2px rgba(0,0,0,.5),0 24px 48px -24px rgba(0,0,0,.8);--shadow-pop:0 2px 4px rgba(0,0,0,.5),0 32px 64px -32px rgba(0,0,0,.9);color-scheme:dark}
.aseo.aseo-dark .aseo-sbx{--page:#131209;--surface:#1F1F1F;--raised:#272727;--sunken:#000000;--line:#313131}
.aseo-sbx{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center;padding:64px;border-radius:16px;background:var(--page);color:var(--ink);overflow:hidden;position:relative}
.aseo-sbx .aseo-lead{color:var(--muted)}
.aseo-sbx-copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.aseo-frm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:start;width:100%;margin-top:8px}
.aseo-fld{display:flex;flex-direction:column;gap:4px}
.aseo-fld label{font-size:12px;line-height:16px;font-weight:600;color:var(--muted)}
.aseo-fld .aseo-input{background:var(--surface);border-color:var(--line-strong);padding:12px 16px;font-size:16px;line-height:24px}
.aseo-fld .aseo-input.aseo-bad{border-color:var(--crit)}
.aseo-ferr{font-size:12px;line-height:16px;color:var(--crit)}
.aseo-sent{display:flex;align-items:flex-start;gap:12px;width:100%;padding:16px;border-radius:12px;background:var(--good-soft);color:var(--ink);animation:aseo-pop 500ms var(--ease) both}
.aseo-sent .aseo-ico{color:var(--good);margin-top:2px}
.aseo-fud{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:14px;line-height:20px;color:var(--muted)}
.aseo-fud span{display:inline-flex;gap:8px;align-items:center}
.aseo-fud .aseo-ico{width:16px;height:16px;color:var(--ink)}
.aseo-sbx-viz{display:flex;flex-direction:column;gap:16px}
.aseo-timer{font-family:var(--mono);font-size:60px;line-height:60px;font-weight:600;letter-spacing:-.04em}
.aseo-mail{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:16px;background:#FFFFFF;color:#0E0E10;box-shadow:var(--shadow-pop);animation:aseo-float-in 900ms var(--ease) both}
.aseo-mail .aseo-m-from{display:flex;align-items:center;gap:8px;font-size:12px;line-height:16px;color:#5A5A64}
.aseo-mail .aseo-m-from img{width:20px;height:20px;display:block}
.aseo-mail .aseo-m-url{font-family:var(--mono);font-size:12px;line-height:16px;color:#5A5A64}
.aseo-mail .aseo-btn{align-self:flex-start;margin-top:8px;background:#0E0E10;color:#FFFFFF}
@media (max-width:900px){
  .aseo-sbx{grid-template-columns:minmax(0,1fr);gap:40px;padding:40px}}
@media (max-width:640px){
  .aseo-sbx{padding:24px;gap:32px}
  .aseo-frm{grid-template-columns:minmax(0,1fr)}
  .aseo-frm .aseo-btn{margin-top:4px}
  .aseo-timer{font-size:48px;line-height:48px}}
.aseo .aseo-sbx .aseo-hl{box-shadow:none;color:var(--lime);padding:0;margin:0}
.aseo .aseo-sbx .aseo-btn:focus-visible{outline-color:var(--lime)}
@media (max-width:640px){
  .aseo .aseo-frm .aseo-btn{padding:10px 14px}}
.aseo .aseo-frm .aseo-btn[disabled]{opacity:.75;cursor:progress;transform:none}
.aseo .aseo-final .aseo-fud{justify-content:center}