:root{
  --mx-bg:#f6f8fc;
  --mx-panel:#fff;
  --mx-line:#dfe5ef;
  --mx-line-soft:#e9eef6;
  --mx-ink:#10192f;
  --mx-muted:#70809d;
  --mx-blue:#1d65f8;
  --mx-blue-soft:#edf3ff;
  --mx-green:#43bc73;
  --mx-amber:#efb53b;
  --mx-top:#0a0b0f;
  --mx-shadow:0 26px 80px rgba(18,35,73,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--mx-ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
img{max-width:100%}
a{color:inherit}
.skip-link{position:fixed;left:12px;top:12px;z-index:9999;transform:translateY(-180%);background:#fff;color:#111827;padding:10px 14px;border-radius:10px;box-shadow:0 8px 28px #0002}.skip-link:focus{transform:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* ===== New Medusa public hero ===== */
.mx-hero{
  min-height:calc(100svh - 76px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:54px 24px 64px;
  overflow:hidden;
  background:
    radial-gradient(1100px 520px at 88% 10%,rgba(29,101,248,.10),transparent 55%),
    linear-gradient(180deg,#fbfcff 0%,#f5f8fe 100%);
}
.mx-hero__inner{
  width:min(100%,1640px);
  display:grid;
  grid-template-columns:minmax(360px,500px) minmax(760px,1fr);
  gap:52px;
  align-items:center;
}
.mx-hero__copy{padding-inline:6px 0}
.mx-hero__brand{display:inline-flex;align-items:center;gap:14px;margin-bottom:30px}
.mx-hero__brand img{width:88px;height:auto;display:block}
.mx-hero__brand strong{font-size:23px;line-height:1.05;font-weight:760;letter-spacing:-.035em;color:#182240}
.mx-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;color:var(--mx-blue);font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.mx-hero h1{margin:0;max-width:520px;font-size:clamp(56px,5.1vw,82px);line-height:.96;letter-spacing:-.062em;font-weight:830;color:#0d1730}
.mx-hero__lead{margin:25px 0 0;max-width:500px;color:var(--mx-muted);font-size:clamp(20px,1.7vw,29px);line-height:1.3;letter-spacing:-.03em}
.mx-email-card{margin-top:30px;max-width:520px;padding:14px;border:1px solid #dce4f0;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 14px 40px rgba(29,53,104,.07)}
.mx-email-card>strong{display:block;font-size:15px;color:#14213d;margin:0 0 3px}
.mx-email-card>span{display:block;color:#7c879d;font-size:12px;margin-bottom:10px}
.mx-email-card label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.mx-email-card input{min-width:0;height:48px;border:1px solid #d7dfec;border-radius:12px;background:#fff;color:#16223e;padding:0 14px;font:inherit;outline:none}
.mx-email-card input:focus{border-color:#9dbaff;box-shadow:0 0 0 3px rgba(29,101,248,.11)}
.mx-email-card button{height:48px;border:0;border-radius:12px;padding:0 18px;background:var(--mx-blue);color:#fff;font:inherit;font-size:14px;font-weight:750;cursor:pointer;white-space:nowrap}
.mx-email-card button:hover{background:#1557d8}
.form-error{min-height:1em;margin:7px 2px 0;color:#ba1b1b;font-size:12px}


/* ===== 1:1 builder previews for commerce landings ===== */
.mx-builder-preview{position:relative;min-width:0;margin:0;isolation:isolate}
.mx-builder-preview .mx-wireframe-glow{z-index:-1}
.mx-builder-preview img{position:relative;display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border:1px solid #d6ddea;border-radius:26px;background:#f4f6fa;box-shadow:var(--mx-shadow)}

/* ===== Product wireframe: mirrors current Sidemex Medusa ===== */
.mx-wireframe-wrap{position:relative;min-width:0}
.mx-wireframe-glow{position:absolute;inset:-8% -6% -6% 12%;border-radius:999px;background:radial-gradient(circle at center,rgba(29,101,248,.16),rgba(29,101,248,.04) 52%,transparent 75%);filter:blur(13px);pointer-events:none}
.mx-dashboard{position:relative;width:100%;overflow:hidden;border:1px solid #d6ddea;border-radius:26px;background:#f4f6fa;box-shadow:var(--mx-shadow)}
.mx-topbar{height:70px;background:#090a0d;display:grid;grid-template-columns:58px auto minmax(230px,1fr) auto 42px 40px 40px 40px;gap:9px;align-items:center;padding:0 16px;color:#fff;overflow:hidden}
.mx-top-logo{height:42px;display:grid;place-items:center}
.mx-top-logo img{width:46px;height:auto;display:block}
.mx-site-switch,.mx-top-search,.mx-top-action,.mx-top-icon,.mx-lang{height:40px;border:1px solid #36383c;border-radius:13px;background:#222;color:#fff;display:flex;align-items:center}
.mx-site-switch{padding:0 14px;gap:9px;min-width:0;white-space:nowrap}
.mx-site-switch strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}
.mx-site-switch span{font-size:12px;color:#bbb;overflow:hidden;text-overflow:ellipsis}
.mx-top-search{gap:10px;padding:0 14px;color:#b9bec8;min-width:0;white-space:nowrap;overflow:hidden}
.mx-top-search span{overflow:hidden;text-overflow:ellipsis}
.mx-top-action{gap:8px;padding:0 13px;font-size:12px;font-weight:650;white-space:nowrap}
.mx-top-icon,.mx-lang{justify-content:center}
.mx-lang{font-size:11px;font-weight:800}
.mx-lang.is-active{background:#476be8;border-color:#476be8}
.mx-top-avatar{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;background:#4162d7;color:#fff;font-weight:800;font-size:13px}
.mx-topbar svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

.mx-dashboard__body{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:636px;background:#f3f4f6}
.mx-sidebar{position:relative;background:#ececec;border-right:1px solid #d8d8d8;padding:14px 12px 74px;min-width:0}
.mx-sidebar__menu{display:flex;flex-direction:column;gap:2px}
.mx-side-item{min-height:38px;padding:0 11px;border-radius:10px;display:flex;align-items:center;gap:10px;color:#262b33;font-size:13px;font-weight:560;white-space:nowrap;min-width:0}
.mx-side-item span{overflow:hidden;text-overflow:ellipsis}
.mx-side-item svg{width:17px;height:17px;stroke:#59616d;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mx-side-item.is-active{background:#fff;font-weight:760}.mx-side-item.is-active svg{stroke:#434a56}
.mx-side-arrow{margin-left:auto;color:#8b8f95;font-size:16px}
.mx-side-divider{height:1px;background:#d5d5d5;margin:10px 10px 9px}
.mx-side-label{padding:5px 12px 8px;font-size:12px;font-weight:760;color:#3d4248}
.mx-user{position:absolute;left:0;right:0;bottom:0;height:66px;border-top:1px solid #d5d5d5;background:#ececec;display:flex;align-items:center;gap:10px;padding:0 14px}
.mx-user__avatar{width:34px;height:34px;border-radius:50%;background:#3f5ed8;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}
.mx-user strong{display:block;font-size:12px}.mx-user span{display:block;max-width:160px;color:#6c7380;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.mx-main{padding:14px 16px 18px;min-width:0;background:#f3f4f6}
.mx-site-strip{min-height:64px;border:1px solid #d8dde6;border-radius:13px;background:#fff;display:flex;align-items:center;gap:9px;padding:10px 14px;overflow:hidden}
.mx-strip-brand{display:inline-flex;align-items:center;gap:7px;color:#4160ea;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.mx-strip-chip{height:30px;border-radius:999px;padding:0 10px;display:inline-flex;align-items:center;border:1px solid #dde2ea;background:#f4f6f9;color:#68748a;font-size:10px;font-weight:650;white-space:nowrap}
.mx-strip-chip.green{background:#eff8ee;color:#4a9d4a;border-color:#d9ecd8}.mx-strip-chip.soft{background:#f2f1f6;color:#74758a}
.mx-strip-spacer{flex:1}.mx-strip-button{height:32px;border:1px solid #dde2ea;border-radius:9px;background:#fff;padding:0 11px;font-size:10px;font-weight:750;white-space:nowrap}

.mx-title-card{margin-top:14px;min-height:116px;border:1px solid #ced6e2;border-radius:13px;background:linear-gradient(135deg,#e4e9f5 0%,#e9ebef 100%);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px}
.mx-title-kicker{display:flex;align-items:center;gap:6px;color:#4262e8;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.mx-title-kicker svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.mx-title-card h2{margin:10px 0 0;font-size:25px;line-height:1;letter-spacing:-.04em;color:#232832}.mx-title-card p{margin:9px 0 0;color:#627086;font-size:12px;line-height:1.35}.mx-update{height:34px;border:0;border-radius:9px;background:#fff;padding:0 12px;font-size:10px;font-weight:760;color:#1c222b}

.mx-table-headline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0 10px}.mx-table-headline span{font-size:11px;color:#657188}.mx-table-search{width:250px;height:38px;border:1px solid #d6dae1;border-radius:9px;background:#ececec;display:flex;align-items:center;padding:0 12px;color:#8b8f98;font-size:10px}
.mx-table{background:#fff;border:1px solid #e0e2e6;border-radius:13px;overflow:hidden}
.mx-row{display:grid;grid-template-columns:1.1fr 1.55fr .82fr 1.4fr .96fr;gap:10px;align-items:center;padding:0 10px;min-height:50px;border-top:1px solid #e9e9e9;min-width:0}.mx-row:first-child{border-top:0}.mx-row.is-head{min-height:36px;color:#73809a;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mx-cell{min-width:0;color:#5f6878;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mx-cell strong{color:#20242a;font-size:10px}.mx-status{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:999px;background:#fff0d5;color:#d18c09;font-size:9px;font-weight:800;white-space:nowrap}.mx-muted{color:#9299a5}

/* ===== The three retained sections ===== */
.mx-section{padding:105px 24px;background:#fff}
.mx-section.alt{background:#f6f8fc}
.mx-section.dark{background:#0b0d12;color:#fff}
.mx-section__inner{width:min(100%,1280px);margin:0 auto}
.mx-section__eyebrow{margin:0 0 14px;color:var(--mx-blue);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.mx-section.dark .mx-section__eyebrow{color:#91b1ff}
.mx-section h2{margin:0;max-width:780px;font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-.055em}
.mx-section__lead{max-width:760px;margin:20px 0 0;color:#67738b;font-size:18px;line-height:1.6}.mx-section.dark .mx-section__lead{color:#aeb8c8}
.mx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px;counter-reset:mx-step}
.mx-step{min-height:250px;border:1px solid #dfe5ef;border-radius:22px;background:#fff;padding:26px;counter-increment:mx-step}
.mx-step::before{content:"0" counter(mx-step);display:block;color:var(--mx-blue);font-size:11px;font-weight:850;letter-spacing:.09em}.mx-step h3{margin:40px 0 0;font-size:24px;letter-spacing:-.035em}.mx-step p{margin:12px 0 0;color:#69758a;font-size:14px;line-height:1.6}
.mx-ops-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:50px;border:1px solid #dfe5ef;border-radius:22px;overflow:hidden;background:#dfe5ef}.mx-op{min-height:220px;background:#fff;padding:25px}.mx-op span{display:inline-flex;border-radius:999px;background:#edf3ff;padding:6px 8px;color:var(--mx-blue);font-size:9px;font-weight:900}.mx-op h3{margin:26px 0 0;font-size:19px;letter-spacing:-.03em}.mx-op p{margin:10px 0 0;color:#67738b;font-size:13px;line-height:1.55}
.mx-faq{margin-top:46px;border-top:1px solid #2b2f38}.mx-faq details{border-bottom:1px solid #2b2f38}.mx-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;font-size:18px;font-weight:700}.mx-faq summary::-webkit-details-marker{display:none}.mx-faq summary span{width:30px;height:30px;border:1px solid #3b414c;border-radius:50%;display:grid;place-items:center;color:#aeb8c8;flex:none}.mx-faq p{max-width:850px;margin:-6px 0 24px;color:#adb7c8;font-size:15px;line-height:1.7}

.medusa-landing-footer{padding:34px 24px;border-top:1px solid #e6eaf1;background:#fff;color:#5f6b7d}.medusa-landing-footer .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.medusa-landing-footer .brand img{width:110px;height:auto}.medusa-landing-footer p{font-size:13px}.medusa-landing-footer>div{display:flex;gap:16px;font-size:13px}

@media(max-width:1420px){
  .mx-hero__inner{grid-template-columns:minmax(330px,450px) minmax(680px,1fr);gap:36px}
  .mx-hero h1{font-size:clamp(52px,4.9vw,72px)}
  .mx-dashboard__body{grid-template-columns:230px minmax(0,1fr)}
  .mx-topbar{grid-template-columns:52px auto minmax(180px,1fr) auto 40px 38px 38px 38px}
}

@media(max-width:1180px){
  .mx-hero{padding:38px 20px 50px}
  .mx-hero__inner{grid-template-columns:1fr;gap:32px}
  .mx-hero__copy{max-width:760px}
  .mx-hero h1{max-width:760px}
  .mx-hero__lead{max-width:680px}
  .mx-email-card{max-width:650px}
  .mx-wireframe-wrap{width:100%}
  .mx-ops-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:900px){
  .mx-topbar{grid-template-columns:52px auto minmax(160px,1fr) 40px 38px;gap:8px;padding:0 12px}
  .mx-top-action,.mx-top-icon,.mx-lang--es{display:none}
  .mx-dashboard__body{grid-template-columns:1fr;min-height:0}
  .mx-sidebar{border-right:0;border-bottom:1px solid #d8d8d8;padding:10px 10px 12px}
  .mx-sidebar__menu.mx-primary,.mx-user,.mx-side-divider{display:none}
  .mx-side-label{padding:0 6px 7px}
  .mx-sidebar__menu.mx-secondary{flex-direction:row;gap:6px;overflow-x:auto;padding-bottom:2px}.mx-sidebar__menu.mx-secondary .mx-side-item{flex:0 0 auto}
  .mx-main{padding:12px}.mx-site-strip{overflow-x:auto}.mx-strip-spacer{display:none}.mx-strip-button{margin-left:auto}
  .mx-steps{grid-template-columns:1fr}.mx-step{min-height:0}.mx-op{min-height:190px}
}

@media(max-width:680px){
  .mx-hero{align-items:flex-start;padding:24px 12px 32px}
  .mx-hero__inner{gap:24px}
  .mx-hero__brand{margin-bottom:22px}.mx-hero__brand img{width:78px}.mx-hero__brand strong{font-size:20px}
  .mx-hero h1{font-size:clamp(40px,12vw,54px);max-width:12ch}.mx-hero__lead{font-size:18px;margin-top:20px}
  .mx-email-card{margin-top:22px;padding:11px}.mx-email-card label{grid-template-columns:1fr}.mx-email-card button{width:100%}
  .mx-dashboard,.mx-builder-preview img{border-radius:20px}
  .mx-topbar{height:62px;grid-template-columns:48px minmax(0,1fr) 38px;padding:0 10px}.mx-top-search,.mx-lang--es,.mx-top-avatar{display:none}.mx-site-switch{min-width:0;padding:0 11px}.mx-site-switch span{display:none}.mx-site-switch strong{overflow:hidden;text-overflow:ellipsis}
  .mx-main{padding:10px}.mx-site-strip{display:none}.mx-title-card{margin-top:0;min-height:0;padding:15px;flex-direction:column}.mx-update{display:none}.mx-title-card h2{font-size:22px}
  .mx-table-headline{align-items:stretch;flex-direction:column}.mx-table-search{width:100%}
  .mx-row.is-head{display:none}.mx-table{background:transparent;border:0;overflow:visible}.mx-row{grid-template-columns:1fr 1fr;gap:8px 12px;min-height:0;padding:12px;margin-top:8px;border:1px solid #e0e2e6!important;border-radius:11px;background:#fff}.mx-cell{white-space:normal}.mx-cell::before{content:attr(data-label);display:block;margin-bottom:2px;color:#9aa2af;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.mx-cell:nth-child(1){grid-column:1/-1}
  .mx-section{padding:74px 18px}.mx-section h2{font-size:clamp(38px,11vw,52px)}.mx-section__lead{font-size:16px}.mx-ops-grid{grid-template-columns:1fr}.mx-faq summary{font-size:16px}
}

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