:root {
  --su-canvas: #f4f1ec;
  --su-canvas-cool: #eef0ff;
  --su-canvas-warm: #fff0e7;
  --su-canvas-mint: #eaf8f1;
  --su-paper: #fbfaf7;
  --su-paper-strong: #f7f4ee;
  --su-ink: #22243a;
  --su-ink-strong: #17192b;
  --su-ink-soft: #676879;
  --su-line: rgba(46, 44, 76, .15);
  --su-line-strong: rgba(46, 44, 76, .24);
  --su-indigo: #5552db;
  --su-indigo-deep: #3f3bbd;
  --su-lilac: #dcdcff;
  --su-coral: #ef745f;
  --su-coral-soft: #ffe0d8;
  --su-mint: #38bf91;
  --su-mint-soft: #d9f4e8;
  --su-gold: #d3a339;
  --su-gold-soft: #f7e5b9;
  --su-red: #d95c5c;
  --su-radius-xl: 34px;
  --su-radius: 22px;
  --su-radius-sm: 14px;
  --su-max: 1240px;
  --su-shadow-soft: 0 18px 55px rgba(57, 49, 95, .08);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.storeuptime-site {
  margin: 0;
  background: var(--su-canvas);
  color: var(--su-ink);
  font-family: "Segoe UI Variable Text", "Segoe UI", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  line-height: 1.62;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.storeuptime-site.admin-bar .su-header { top: 46px; }
body.storeuptime-site a { color: inherit; }
body.storeuptime-site button,
body.storeuptime-site input,
body.storeuptime-site textarea { font: inherit; }
body.storeuptime-site h1,
body.storeuptime-site h2,
body.storeuptime-site h3,
body.storeuptime-site p { margin-top: 0; }
body.storeuptime-site h1,
body.storeuptime-site h2,
body.storeuptime-site h3 {
  color: var(--su-ink-strong);
  letter-spacing: -.045em;
  line-height: 1.02;
}

.su-container { width: min(var(--su-max), calc(100% - 56px)); margin: 0 auto; }
.su-container--narrow { max-width: 880px; }
.su-skip-link {
  position: fixed;
  left: 18px;
  top: -80px;
  z-index: 999999;
  padding: 10px 14px;
  border-radius: 999px;
  background: var(--su-ink-strong);
  color: #f9f7f1;
  text-decoration: none;
}
.su-skip-link:focus { top: 14px; }

/* Floating capsule header: intentionally not a full-width SaaS bar. */
.su-header {
  position: sticky;
  top: 14px;
  z-index: 1000;
  width: 100%;
  padding: 0 0 8px;
  background: transparent;
  pointer-events: none;
}
.su-header__inner {
  min-height: 66px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 26px;
  padding: 8px 10px 8px 14px;
  border: 1px solid rgba(55, 52, 91, .12);
  border-radius: 999px;
  background: rgba(248, 246, 241, .86);
  box-shadow: 0 10px 36px rgba(54, 48, 90, .08);
  backdrop-filter: blur(18px) saturate(130%);
  pointer-events: auto;
}
.su-brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: var(--su-ink-strong);
  text-decoration: none;
  font-weight: 830;
  font-size: 19px;
  letter-spacing: -.035em;
  white-space: nowrap;
}
.su-brand__mark {
  width: 36px;
  height: 36px;
  display: inline-grid;
  place-items: center;
  border-radius: 11px;
  overflow: hidden;
  box-shadow: 0 7px 18px rgba(48, 96, 62, .18);
  flex: 0 0 auto;
}
.su-brand__mark img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.su-nav { display: flex; justify-content: center; align-items: center; gap: 26px; }
.su-nav a {
  position: relative;
  color: #535468;
  text-decoration: none;
  font-size: 14px;
  font-weight: 720;
}
.su-nav a:after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: -6px;
  height: 2px;
  background: var(--su-indigo);
  border-radius: 999px;
  transition: left .18s ease, right .18s ease;
}
.su-nav a:hover { color: var(--su-ink-strong); }
.su-nav a:hover:after { left: 0; right: 0; }
.su-nav-toggle { display: none; }

.su-button {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--su-ink-strong);
  color: #f8f6f1 !important;
  box-shadow: 0 7px 20px rgba(38, 35, 63, .15);
  font-weight: 800;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.su-button:hover { transform: translateY(-2px); box-shadow: 0 11px 28px rgba(38,35,63,.19); }
.su-button--small { min-height: 46px; padding: 0 19px; font-size: 14px; }
.su-button--accent {
  background: var(--su-indigo);
  box-shadow: 0 9px 26px rgba(85,82,219,.23);
}
.su-button--accent:hover { background: var(--su-indigo-deep); }
.su-text-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--su-ink-strong);
  font-weight: 800;
  font-size: 14px;
  text-decoration: none;
}
.su-text-link span { font-size: 18px; transition: transform .18s ease; }
.su-text-link:hover span { transform: translate(2px,-2px); }
.su-button:focus-visible,
.su-nav a:focus-visible,
.su-text-link:focus-visible,
.su-footer a:focus-visible {
  outline: 3px solid rgba(85,82,219,.35);
  outline-offset: 4px;
}

/* Home 01 — editorial commerce hero. */
.su-home-hero {
  position: relative;
  overflow: hidden;
  margin-top: -82px;
  padding: 178px 0 96px;
  background:
    radial-gradient(circle at 9% 22%, rgba(255, 204, 182, .62), transparent 27%),
    radial-gradient(circle at 89% 22%, rgba(205, 210, 255, .72), transparent 31%),
    radial-gradient(circle at 68% 86%, rgba(194, 238, 219, .58), transparent 29%),
    linear-gradient(135deg, #f2eee8 0%, #f6f0ea 42%, #eeeffa 100%);
}
.su-home-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .24;
  background-image: radial-gradient(rgba(64,59,101,.22) .65px, transparent .65px);
  background-size: 17px 17px;
  mask-image: linear-gradient(to bottom, #000 0, transparent 72%);
}
.su-home-hero__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(2px);
  pointer-events: none;
}
.su-home-hero__glow--one {
  width: 260px;
  height: 260px;
  right: 4%;
  top: 145px;
  border: 1px solid rgba(85,82,219,.18);
  box-shadow: 0 0 0 34px rgba(85,82,219,.035), 0 0 0 72px rgba(85,82,219,.018);
}
.su-home-hero__glow--two {
  width: 180px;
  height: 180px;
  left: -70px;
  bottom: 160px;
  border: 1px solid rgba(239,116,95,.16);
  box-shadow: 0 0 0 28px rgba(239,116,95,.028);
}
.su-home-hero .su-container { position: relative; z-index: 2; }
.su-home-hero__intro { max-width: 1120px; margin: 0 auto 54px; }
.su-home-hero__meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.su-home-hero__meta > span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(54,50,90,.14);
  border-radius: 999px;
  background: rgba(248,246,240,.62);
  color: #5f6071;
  font-size: 22px;
  font-weight: 780;
  letter-spacing: .02em;
  backdrop-filter: blur(9px);
}
.su-home-hero__meta .su-live-label { color: #1c7655; border-color: rgba(56,191,145,.25); background: rgba(227,248,239,.78); }
.su-live-label i { width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--su-mint); box-shadow: 0 0 0 4px rgba(56,191,145,.12); }
.su-home-hero h1 {
  max-width: 1080px;
  margin: 0 auto;
  text-align: center;
  font-size: clamp(54px, 7.5vw, 106px);
  font-weight: 760;
  line-height: .92;
  letter-spacing: -.067em;
}
.su-home-hero h1 em {
  display: inline;
  color: var(--su-indigo);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  font-style: italic;
  letter-spacing: -.055em;
}
.su-home-hero__lower {
  max-width: 840px;
  margin: 34px auto 0;
  text-align: center;
}
.su-home-hero__lower > p {
  max-width: 790px;
  margin: 0 auto;
  color: #5e6072;
  font-size: clamp(17px, 1.7vw, 21px);
  line-height: 1.64;
}
.su-home-hero__actions { display: flex; justify-content: center; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 28px; }

/* Signature product visual: a horizontal purchase journey, not a dashboard card. */
.su-commerce-journey {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(65,58,102,.15);
  border-radius: 34px;
  background: rgba(248,246,241,.72);
  box-shadow: var(--su-shadow-soft);
  backdrop-filter: blur(15px) saturate(120%);
}
.su-commerce-journey:before,
.su-commerce-journey:after {
  content: "";
  position: absolute;
  top: 52%;
  width: 34px;
  height: 68px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #f1eee8;
  z-index: 3;
}
.su-commerce-journey:before { left: -18px; border-right: 1px solid rgba(65,58,102,.12); }
.su-commerce-journey:after { right: -18px; border-left: 1px solid rgba(65,58,102,.12); }
.su-commerce-journey__head,
.su-commerce-journey__foot {
  display: grid;
  align-items: center;
  gap: 16px;
  padding: 18px 28px;
  color: #6b6a7a;
  font-size: 14px;
  font-weight: 760;
  letter-spacing: .02em;
}
.su-commerce-journey__head { grid-template-columns: 1fr auto 1fr; border-bottom: 1px dashed rgba(62,58,96,.18); }
.su-commerce-journey__head strong { color: var(--su-ink-strong); font-size: 14px; text-align: center; }
.su-commerce-journey__state { display: inline-flex; justify-self: end; align-items: center; gap: 8px; color: #267a5a; }
.su-commerce-journey__state i,
.su-commerce-journey__foot i,
.su-signal-ledger__state i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--su-mint);
  box-shadow: 0 0 0 4px rgba(56,191,145,.11);
}
.su-commerce-journey__track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(13, 1fr);
  min-height: 176px;
  padding: 30px 22px 26px;
}
.su-commerce-journey__track:before {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  top: 62px;
  height: 2px;
  background: linear-gradient(90deg, var(--su-coral), var(--su-gold), var(--su-mint), var(--su-indigo));
  opacity: .66;
}
.su-commerce-step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  padding: 0 8px;
  text-align: center;
}
.su-commerce-step:before {
  content: "";
  width: 19px;
  height: 19px;
  margin: 22px 0 22px;
  border: 5px solid var(--su-paper);
  border-radius: 50%;
  background: var(--su-indigo);
  box-shadow: 0 0 0 1px rgba(63,59,189,.23);
  z-index: 1;
}
.su-commerce-step:nth-child(1):before,
.su-commerce-step:nth-child(2):before { background: var(--su-coral); }
.su-commerce-step:nth-child(3):before,
.su-commerce-step:nth-child(4):before { background: var(--su-gold); }
.su-commerce-step:nth-child(5):before,
.su-commerce-step:nth-child(6):before { background: var(--su-mint); }
.su-commerce-step:nth-child(7):before,
.su-commerce-step:nth-child(8):before { background: var(--su-indigo); }
.su-commerce-step:nth-child(9):before,
.su-commerce-step:nth-child(10):before { background: var(--su-coral); }
.su-commerce-step:nth-child(11):before,
.su-commerce-step:nth-child(12):before { background: var(--su-gold); }
.su-commerce-step:nth-child(13):before { background: var(--su-mint); }
.su-commerce-step__number {
  position: absolute;
  top: -2px;
  color: #8b8997;
  font-family: Georgia, serif;
  font-size: 14px;
  font-style: italic;
}
.su-commerce-step strong { color: var(--su-ink-strong); font-size: 14px; letter-spacing: -.02em; }
.su-commerce-step small { margin-top: 4px; color: #848391; font-size: 14px; }
.su-commerce-journey__foot { grid-template-columns: 1fr auto; border-top: 1px dashed rgba(62,58,96,.18); }
.su-commerce-journey__foot span:first-child { display: inline-flex; align-items: center; gap: 9px; color: #34775e; }

/* Home 02 — no black section, no two-card comparison. */
.su-gap-section {
  position: relative;
  overflow: hidden;
  padding: 112px 0 118px;
  background:
    radial-gradient(circle at 88% 86%, rgba(247, 229, 185, .66), transparent 27%),
    linear-gradient(135deg, #ffe9df 0%, #f4e7ec 47%, #e9e8fb 100%);
  border-top: 1px solid rgba(70,63,104,.08);
  border-bottom: 1px solid rgba(70,63,104,.09);
}
.su-gap-stage {
  position: relative;
  min-height: 390px;
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  align-items: center;
  gap: 40px;
}
.su-gap-stage__number {
  position: absolute;
  left: -32px;
  top: 50%;
  transform: translateY(-54%);
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(239,116,95,.28);
  font-size: clamp(190px, 28vw, 410px);
  font-weight: 900;
  line-height: .7;
  letter-spacing: -.08em;
  user-select: none;
}
.su-gap-stage__stamp {
  position: relative;
  z-index: 2;
  width: 180px;
  height: 180px;
  margin-left: 42%;
  display: grid;
  place-content: center;
  border: 2px solid rgba(239,116,95,.55);
  border-radius: 50%;
  color: #b75244;
  text-align: center;
  transform: rotate(-8deg);
  box-shadow: inset 0 0 0 8px rgba(239,116,95,.06);
}
.su-gap-stage__stamp span { font-size: 14px; font-weight: 850; letter-spacing: .14em; }
.su-gap-stage__stamp strong { font-family: Georgia, serif; font-size: 48px; font-style: italic; line-height: .9; }
.su-gap-stage__copy { position: relative; z-index: 2; max-width: 650px; padding: 38px 0; }
.su-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--su-indigo-deep);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 22px;
  font-weight: 880;
}
.su-gap-stage__copy h2,
.su-signals-heading h2,
.su-section-heading h2,
.su-page-intro h1 {
  font-size: clamp(40px, 5vw, 68px);
  font-weight: 760;
}
.su-gap-stage__copy h2 { margin: 15px 0 22px; }
.su-gap-stage__copy p { margin: 0; color: #666274; font-size: 18px; line-height: 1.72; }

.su-gap-flow {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  padding: 28px 34px 31px;
  border: 1px solid rgba(69,61,104,.14);
  border-radius: 30px;
  background: rgba(248,245,240,.54);
  backdrop-filter: blur(12px);
}
.su-gap-flow__label,
.su-gap-flow__answer {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
}
.su-gap-flow__label span,
.su-gap-flow__answer span { color: #777383; font-size: 14px; font-weight: 820; text-transform: uppercase; letter-spacing: .08em; }
.su-gap-flow__label strong { color: #3c795f; font-size: 16px; }
.su-gap-flow__answer strong { color: var(--su-indigo-deep); font-size: 17px; }
.su-gap-flow__line {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5,1fr);
  align-items: center;
  height: 54px;
  margin: 16px 0 5px;
}
.su-gap-flow__line:before {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  height: 2px;
  background: linear-gradient(90deg, var(--su-mint) 0 22%, rgba(217,92,92,.42) 22% 100%);
}
.su-gap-flow__line i { width: 14px; height: 14px; justify-self: center; border: 4px solid rgba(248,245,240,.9); border-radius: 50%; background: var(--su-red); z-index: 1; }
.su-gap-flow__line i:first-child { background: var(--su-mint); }
.su-gap-flow__unknowns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 0 0 26px 20%;
}
.su-gap-flow__unknowns span {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid rgba(69,61,104,.12);
}
.su-gap-flow__unknowns b { color: #4d4b5d; font-size: 14px; }
.su-gap-flow__unknowns em { color: #ad5b56; font-size: 14px; font-style: normal; font-weight: 760; }
.su-gap-flow__answer { padding-top: 22px; border-top: 1px solid rgba(69,61,104,.13); }

/* Home 03 — editorial ledger, deliberately not a bento grid. */
.su-signals-section {
  position: relative;
  padding: 112px 0 122px;
  background:
    radial-gradient(circle at 13% 12%, rgba(255, 223, 202, .48), transparent 24%),
    radial-gradient(circle at 91% 76%, rgba(189, 231, 214, .45), transparent 29%),
    linear-gradient(180deg, #eef0ff 0%, #f0eef8 48%, #f2efe9 100%);
}
.su-signals-heading {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 76px;
  align-items: end;
  margin-bottom: 48px;
}
.su-signals-heading h2 { max-width: 760px; margin: 13px 0 0; }
.su-signals-heading > p { margin: 0 0 8px; color: #696979; font-size: 17px; line-height: 1.72; }
.su-signal-ledger { border-top: 1px solid var(--su-line-strong); }
.su-signal-ledger__row {
  position: relative;
  display: grid;
  grid-template-columns: 70px 1.05fr 1.15fr 1.45fr 96px;
  gap: 26px;
  align-items: center;
  min-height: 138px;
  padding: 24px 12px;
  border-bottom: 1px solid var(--su-line-strong);
  transition: background .18s ease, padding .18s ease;
}
.su-signal-ledger__row:hover {
  padding-left: 22px;
  padding-right: 22px;
  background: rgba(250,248,244,.46);
}
.su-signal-ledger__number {
  color: var(--su-indigo);
  font-family: Georgia, serif;
  font-size: 25px;
  font-style: italic;
}
.su-signal-ledger__title h3 { margin: 0 0 7px; font-size: 25px; font-weight: 760; }
.su-signal-ledger__title > span {
  display: inline-flex;
  padding: 4px 8px;
  border: 1px solid rgba(85,82,219,.15);
  border-radius: 999px;
  color: #6c6985;
  font-size: 14px;
  font-weight: 780;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.su-signal-ledger__row > strong { color: #414256; font-size: 15px; line-height: 1.42; }
.su-signal-ledger__row > p { margin: 0; color: #747484; font-size: 14px; line-height: 1.6; }
.su-signal-ledger__state {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  color: #34775e;
  font-size: 14px;
  font-weight: 800;
}
.su-signals-next {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  margin-top: 42px;
  padding: 27px 30px;
  border: 1px solid rgba(85,82,219,.18);
  border-radius: 24px;
  background: rgba(223,222,255,.5);
}
.su-signals-next > div { display: flex; flex-direction: column; gap: 4px; }
.su-signals-next > div span { color: var(--su-indigo-deep); font-size: 14px; font-weight: 880; text-transform: uppercase; letter-spacing: .12em; }
.su-signals-next > div strong { font-size: 18px; }

/* WooCommerce landing — editorial receipt / sale-path language, not a dashboard hero. */
.su-landing { overflow: hidden; }
.su-woo-hero {
  position: relative;
  overflow: hidden;
  margin-top: -82px;
  padding: 174px 0 84px;
  background:
    radial-gradient(circle at 88% 8%, rgba(255, 211, 190, .82), transparent 26%),
    radial-gradient(circle at 12% 78%, rgba(220, 220, 255, .82), transparent 29%),
    linear-gradient(125deg, #f6eee5 0%, #f1e8ef 45%, #ececff 100%);
}
.su-woo-hero__wash {
  position: absolute;
  width: 560px;
  height: 560px;
  right: -190px;
  bottom: -265px;
  border: 1px solid rgba(239,116,95,.14);
  border-radius: 50%;
  box-shadow: 0 0 0 68px rgba(239,116,95,.035), 0 0 0 138px rgba(85,82,219,.025);
  pointer-events: none;
}
.su-woo-hero__topline {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  padding-bottom: 19px;
  border-bottom: 1px solid rgba(54,49,86,.16);
  color: #686779;
  font-size: 22px;
  font-weight: 810;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.su-woo-hero__topline > span:nth-child(2) { color: var(--su-ink-strong); text-align: center; }
.su-woo-hero__live { justify-self: end; display: inline-flex; align-items: center; gap: 9px; color: #27795b; }
.su-woo-hero__live i { width: 8px; height: 8px; border-radius: 50%; background: var(--su-mint); box-shadow: 0 0 0 5px rgba(56,191,145,.1); }
.su-woo-hero__headline {
  display: grid;
  grid-template-columns: 1.42fr .58fr;
  gap: 68px;
  align-items: end;
  padding: 64px 0 56px;
}
.su-woo-hero__headline h1 {
  margin: 0;
  max-width: 930px;
  font-size: clamp(64px, 8.2vw, 126px);
  font-weight: 760;
  line-height: .88;
  letter-spacing: -.072em;
}
.su-woo-hero__headline h1 em { color: var(--su-coral); font-family: Georgia, serif; font-weight: 500; letter-spacing: -.055em; }
.su-woo-hero__headline p { margin: 0 0 7px; color: #5f5d6e; font-size: 18px; line-height: 1.72; }
.su-woo-ribbon {
  position: relative;
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  border: 1px solid rgba(61,55,94,.16);
  border-radius: 3px;
  background: rgba(250,247,241,.62);
  box-shadow: 0 15px 45px rgba(57,49,95,.055);
}
.su-woo-ribbon:before,
.su-woo-ribbon:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 32px;
  height: 32px;
  transform: translateY(-50%) rotate(45deg);
  background: #eee9eb;
  z-index: 2;
}
.su-woo-ribbon:before { left: -18px; border-top: 1px solid rgba(61,55,94,.14); border-right: 1px solid rgba(61,55,94,.14); }
.su-woo-ribbon:after { right: -18px; border-bottom: 1px solid rgba(61,55,94,.14); border-left: 1px solid rgba(61,55,94,.14); }
.su-woo-ribbon > div { min-height: 132px; padding: 22px 20px; border-right: 1px dashed rgba(61,55,94,.18); display: flex; flex-direction: column; justify-content: center; }
.su-woo-ribbon > div:last-child { border-right: 0; }
.su-woo-ribbon span { color: #9693a0; font-family: Georgia, serif; font-size: 14px; font-style: italic; }
.su-woo-ribbon strong { margin-top: 13px; color: var(--su-ink-strong); font-size: 19px; letter-spacing: -.035em; }
.su-woo-ribbon small { margin-top: 2px; color: #737180; font-size: 14px; }
.su-woo-ribbon > div:nth-child(1) strong,
.su-woo-ribbon > div:nth-child(2) strong { color: #bd5e4f; }
.su-woo-ribbon > div:nth-child(3) strong,
.su-woo-ribbon > div:nth-child(4) strong { color: #9b7621; }
.su-woo-ribbon > div:nth-child(5) strong,
.su-woo-ribbon > div:nth-child(6) strong { color: #2c7a5d; }
.su-woo-ribbon > div:nth-child(7) strong,
.su-woo-ribbon > div:nth-child(8) strong,
.su-woo-ribbon > div:nth-child(9) strong { color: #4d6488; }
.su-woo-hero__foot { display: grid; grid-template-columns: auto 1fr; gap: 34px; align-items: center; margin-top: 34px; }
.su-woo-hero__foot p { max-width: 660px; margin: 0; color: #6a6778; font-size: 14px; }
.su-woo-hero__foot p strong { color: var(--su-ink-strong); }

.su-woo-pressure {
  padding: 112px 0;
  background: linear-gradient(145deg, #e8f6ef 0%, #eef0ff 52%, #f7e8df 100%);
  border-top: 1px solid rgba(60,55,92,.08);
  border-bottom: 1px solid rgba(60,55,92,.08);
}
.su-woo-pressure__mast { display: grid; grid-template-columns: .65fr 1.35fr; gap: 54px; align-items: start; margin-bottom: 52px; }
.su-woo-pressure__mast h2 { margin: 0; font-size: clamp(48px, 6vw, 82px); font-weight: 730; line-height: .94; }
.su-woo-pressure__board {
  display: grid;
  grid-template-columns: 240px 1fr;
  grid-template-areas: "stamp copy" "stamp unknowns";
  gap: 18px 48px;
  padding: 42px;
  border-top: 1px solid rgba(50,48,80,.2);
  border-bottom: 1px solid rgba(50,48,80,.2);
}
.su-woo-pressure__stamp { grid-area: stamp; width: 198px; height: 198px; align-self: center; display: grid; place-content: center; border: 2px solid rgba(239,116,95,.56); border-radius: 50%; color: #b95749; text-align: center; transform: rotate(-7deg); box-shadow: inset 0 0 0 10px rgba(239,116,95,.05); }
.su-woo-pressure__stamp span { font-size: 14px; font-weight: 870; letter-spacing: .13em; }
.su-woo-pressure__stamp strong { font-family: Georgia, serif; font-size: 58px; font-style: italic; line-height: .9; }
.su-woo-pressure__stamp small { margin-top: 4px; font-size: 14px; text-transform: uppercase; letter-spacing: .12em; }
.su-woo-pressure__copy { grid-area: copy; display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: end; }
.su-woo-pressure__copy p { max-width: 690px; margin: 0; color: #5f6070; font-size: 18px; line-height: 1.72; }
.su-woo-pressure__legend { display: grid; gap: 8px; color: #747383; font-size: 14px; font-weight: 760; }
.su-woo-pressure__legend span { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.su-woo-pressure__legend i { width: 7px; height: 7px; border-radius: 50%; }
.su-woo-pressure__legend .is-green { background: var(--su-mint); }
.su-woo-pressure__legend .is-coral { background: var(--su-coral); }
.su-woo-pressure__unknowns { grid-area: unknowns; display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px dashed rgba(60,55,92,.17); }
.su-woo-pressure__unknowns span { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 15px; border-right: 1px dashed rgba(60,55,92,.17); color: #4f5060; font-size: 14px; font-weight: 770; }
.su-woo-pressure__unknowns span:last-child { border-right: 0; }
.su-woo-pressure__unknowns b { color: var(--su-coral); font-family: Georgia, serif; font-size: 26px; font-style: italic; }

.su-woo-ledger { padding: 112px 0 118px; background: #f3efe9; }
.su-woo-ledger__intro { display: grid; grid-template-columns: 1.05fr .65fr; gap: 72px; align-items: end; margin-bottom: 50px; }
.su-woo-ledger__intro h2 { margin: 13px 0 0; max-width: 760px; font-size: clamp(46px, 5.7vw, 78px); font-weight: 730; }
.su-woo-ledger__intro > p { margin: 0 0 6px; color: #686677; font-size: 17px; line-height: 1.72; }
.su-woo-ledger__rows { border-top: 1px solid rgba(51,48,78,.2); }
.su-woo-ledger__row { display: grid; grid-template-columns: 60px .72fr 1fr 1.25fr; gap: 28px; align-items: start; min-height: 128px; padding: 27px 0; border-bottom: 1px solid rgba(51,48,78,.15); }
.su-woo-ledger__num { color: #a29daa; font-family: Georgia, serif; font-style: italic; }
.su-woo-ledger__row > strong { color: var(--su-coral); font-size: 14px; text-transform: uppercase; letter-spacing: .06em; }
.su-woo-ledger__row h3 { margin: 0; font-size: 24px; line-height: 1.08; }
.su-woo-ledger__row p { margin: 0; color: #6a6877; font-size: 14px; }
.su-woo-ledger__next { display: flex; justify-content: space-between; align-items: center; gap: 28px; padding-top: 31px; }
.su-woo-ledger__next > span { color: #737180; font-size: 14px; }

/* WordPress landing — typographic system-map language, intentionally different from the Woo receipt. */
.su-wp-hero {
  position: relative;
  overflow: hidden;
  margin-top: -82px;
  padding: 170px 0 76px;
  background:
    radial-gradient(circle at 15% 18%, rgba(190,234,217,.72), transparent 26%),
    radial-gradient(circle at 88% 80%, rgba(255,218,198,.56), transparent 25%),
    linear-gradient(140deg, #eef0ff 0%, #f1ecef 46%, #f4eee5 100%);
}
.su-wp-hero__label { display: flex; align-items: center; gap: 13px; color: #626174; font-size: 22px; font-weight: 830; text-transform: uppercase; letter-spacing: .09em; }
.su-wp-hero__label i { width: 36px; height: 1px; background: rgba(66,62,98,.32); }
.su-wp-hero__title-wrap { position: relative; min-height: 470px; display: flex; align-items: center; }
.su-wp-hero__ghost { position: absolute; right: -26px; top: 22px; color: transparent; -webkit-text-stroke: 1.5px rgba(85,82,219,.18); font-family: Georgia, serif; font-size: clamp(270px, 34vw, 520px); font-style: italic; line-height: .78; letter-spacing: -.13em; user-select: none; }
.su-wp-hero h1 { position: relative; z-index: 1; margin: 0; max-width: 900px; font-size: clamp(70px, 9vw, 138px); font-weight: 750; line-height: .86; letter-spacing: -.075em; }
.su-wp-hero h1 em { color: var(--su-indigo); font-family: Georgia, serif; font-weight: 500; letter-spacing: -.06em; }
.su-wp-hero__statement { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr auto; gap: 42px; align-items: center; max-width: 990px; margin-left: auto; padding: 29px 0 18px; border-top: 1px solid rgba(56,52,87,.18); }
.su-wp-hero__statement p { margin: 0; color: #5f5f70; font-size: 18px; line-height: 1.72; }
.su-wp-type-strip { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0; margin-top: 52px; border-top: 1px solid rgba(55,52,88,.17); border-bottom: 1px solid rgba(55,52,88,.17); }
.su-wp-type-strip span { padding: 17px 10px; border-right: 1px solid rgba(55,52,88,.13); color: var(--su-indigo-deep); font-size: 14px; font-weight: 870; text-align: center; letter-spacing: .1em; }
.su-wp-type-strip span:last-child { border-right: 0; }

.su-wp-stack { padding: 114px 0 120px; background: linear-gradient(145deg, #f6e8df 0%, #f0eceb 38%, #e8f5ef 100%); }
.su-wp-stack__intro { display: grid; grid-template-columns: 1.15fr .55fr; gap: 68px; align-items: end; margin-bottom: 54px; }
.su-wp-stack__intro h2 { margin: 13px 0 0; font-size: clamp(48px, 6vw, 84px); font-weight: 730; line-height: .94; }
.su-wp-stack__intro p { margin: 0 0 5px; color: #656373; font-size: 17px; line-height: 1.72; }
.su-wp-stack__layers { position: relative; max-width: 1060px; margin: 0 auto; padding: 12px 0 28px; }
.su-wp-layer { position: relative; display: grid; grid-template-columns: 62px .72fr 1fr; gap: 28px; align-items: center; min-height: 118px; padding: 24px 34px; border: 1px solid rgba(55,51,85,.16); box-shadow: 0 14px 34px rgba(54,48,90,.055); }
.su-wp-layer + .su-wp-layer { margin-top: -7px; }
.su-wp-layer:nth-child(1) { width: 100%; margin-left: 0; background: #f7eee6; border-radius: 24px 24px 8px 8px; }
.su-wp-layer:nth-child(2) { width: 94%; margin-left: 3%; background: #eef0ff; }
.su-wp-layer:nth-child(3) { width: 88%; margin-left: 6%; background: #eaf7f1; }
.su-wp-layer:nth-child(4) { width: 82%; margin-left: 9%; background: #f5e8ef; border-radius: 8px 8px 24px 24px; }
.su-wp-layer > span { color: #9b96a5; font-family: Georgia, serif; font-style: italic; }
.su-wp-layer > div { display: flex; flex-direction: column; gap: 5px; }
.su-wp-layer strong { font-size: 20px; }
.su-wp-layer small { color: var(--su-indigo-deep); font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.su-wp-layer p { margin: 0; color: #646273; font-size: 14px; }

.su-wp-index { padding: 112px 0 118px; background: #f0eef7; }
.su-wp-index__head { display: grid; grid-template-columns: 1fr .55fr; gap: 68px; align-items: end; margin-bottom: 48px; }
.su-wp-index__head h2 { margin: 13px 0 0; max-width: 760px; font-size: clamp(46px, 5.6vw, 78px); font-weight: 730; }
.su-wp-index__head > p { margin: 0 0 5px; color: #656474; font-size: 17px; line-height: 1.72; }
.su-wp-index__list { border-top: 1px solid rgba(54,50,86,.21); }
.su-wp-index__row { display: grid; grid-template-columns: 56px .72fr 1.25fr .8fr; gap: 26px; align-items: center; min-height: 92px; padding: 20px 0; border-bottom: 1px solid rgba(54,50,86,.14); }
.su-wp-index__row > span { color: #9995a5; font-family: Georgia, serif; font-style: italic; }
.su-wp-index__row h3 { margin: 0; font-size: 22px; }
.su-wp-index__row strong { color: #535364; font-size: 14px; line-height: 1.45; }
.su-wp-index__row small { color: var(--su-indigo-deep); font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.su-wp-index__next { display: flex; justify-content: space-between; align-items: center; gap: 28px; padding-top: 31px; }
.su-wp-index__next > span { color: #747181; font-size: 14px; }

/* Shared compact intro for Status, Contact and editable legal pages only. */
.su-page-intro {
  position: relative;
  overflow: hidden;
  margin-top: -82px;
  padding: 176px 0 96px;
  background:
    radial-gradient(circle at 85% 12%, rgba(209,211,255,.66), transparent 28%),
    radial-gradient(circle at 14% 70%, rgba(255,216,197,.5), transparent 27%),
    linear-gradient(135deg, #f2eee8, #eceefa);
}
.su-page-intro h1 { font-size: clamp(40px, 5vw, 68px); font-weight: 760; }
.su-page-intro p { max-width: 730px; color: var(--su-ink-soft); font-size: 18px; line-height: 1.72; }

.su-admin-note {
  display: flex;
  gap: 12px;
  margin: 22px 0;
  padding: 15px 17px;
  border: 1px solid #e4bd65;
  border-radius: 14px;
  background: #f8e9c6;
  color: #6d551d;
  font-size: 14px;
}
.su-admin-note strong { white-space: nowrap; }

/* Status. */
.su-narrow-page { min-height: 60vh; }
.su-status-section { padding: 0 0 100px; background: linear-gradient(180deg,#f2efe9,#eef0ff); }
.su-public-status {
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 30px;
  border: 1px solid var(--su-line);
  border-radius: 24px;
  background: rgba(249,247,242,.75);
  box-shadow: var(--su-shadow-soft);
}
.su-public-status__light { width: 22px; height: 22px; flex: 0 0 auto; border-radius: 50%; background: var(--su-gold); box-shadow: 0 0 0 8px rgba(211,163,57,.12); }
.su-public-status--operational .su-public-status__light { background: var(--su-mint); box-shadow: 0 0 0 8px rgba(56,191,145,.12); }
.su-public-status--down .su-public-status__light { background: var(--su-red); box-shadow: 0 0 0 8px rgba(217,92,92,.12); }
.su-public-status > div { display: flex; flex-direction: column; gap: 3px; }
.su-public-status > div span { color: var(--su-ink-soft); font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.su-public-status > div strong { font-size: 24px; }
.su-public-status > div small { color: var(--su-ink-soft); font-size: 14px; }

/* Contact + editor pages. */
.su-contact-page { background:#efedf5; }
.su-contact-hero {
  position:relative;
  overflow:hidden;
  margin-top:-82px;
  padding:166px 0 82px;
  background:
    radial-gradient(circle at 88% 14%,rgba(202,205,255,.76),transparent 29%),
    radial-gradient(circle at 10% 78%,rgba(255,211,189,.52),transparent 28%),
    linear-gradient(135deg,#f3ece6 0%,#eeeffb 56%,#e9eef9 100%);
}
.su-contact-hero::after {
  content:'SUPPORT';
  position:absolute;
  right:-18px;
  bottom:-46px;
  color:rgba(85,82,219,.045);
  font-family:Georgia,serif;
  font-size:clamp(110px,17vw,250px);
  font-style:italic;
  letter-spacing:-.08em;
  pointer-events:none;
}
.su-contact-hero .su-container { position:relative; z-index:1; }
.su-contact-hero__meta { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:36px; }
.su-contact-hero__meta > span {
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border:1px solid rgba(64,59,104,.18);
  border-radius:999px;
  background:rgba(255,255,255,.54);
  color:#565467;
  font-size:14px;
  font-weight:780;
}
.su-contact-hero__grid { display:grid; grid-template-columns:1.12fr .7fr; gap:72px; align-items:end; }
.su-contact-hero h1 { margin:14px 0 0; max-width:900px; font-size:clamp(52px,6.4vw,88px); line-height:.93; letter-spacing:-.06em; }
.su-contact-hero h1 em { color:var(--su-indigo); font-family:Georgia,serif; font-weight:500; }
.su-contact-hero__grid > p { margin:0 0 6px; color:#555365; font-size:17px; line-height:1.72; }

.su-contact-workspace { padding:52px 0 124px; background:linear-gradient(180deg,#ecebf4 0%,#f6f1ec 100%); }
.su-contact-workspace__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; align-items:stretch; }
.su-contact-card { position:relative; overflow:hidden; padding:clamp(24px,3vw,39px); border:1px solid var(--su-line-strong); border-radius:28px; background:#fbfaf7; box-shadow:0 18px 48px rgba(57,49,95,.07); }
.su-contact-card::before { content:''; position:absolute; inset:0 0 auto; height:4px; background:linear-gradient(90deg,var(--su-indigo),#8c88e8,var(--su-mint)); }
.su-contact-card--email { background:linear-gradient(145deg,#edeeff,#fbf8f3); }
.su-contact-card__eyebrow { color:var(--su-indigo-deep); font-size:14px; font-weight:880; letter-spacing:.075em; text-transform:uppercase; }
.su-contact-card h2 { margin:13px 0; color:var(--su-ink-strong); font-size:clamp(26px,2.6vw,38px); line-height:1.08; letter-spacing:-.035em; }
.su-contact-card p { margin:0; color:#5d5b6c; font-size:16px; line-height:1.7; }
.su-contact-card__action { display:flex; align-items:center; justify-content:space-between; gap:12px; overflow-wrap:anywhere; margin-top:27px; padding:16px 17px; border:1px solid rgba(85,82,219,.28); border-radius:15px; background:#fff; color:var(--su-indigo-deep); font-size:16px; font-weight:850; text-decoration:none; }
.su-contact-card__action:hover,.su-contact-card__action:focus-visible { border-color:var(--su-indigo); background:#f4f3ff; outline-offset:3px; }
.su-contact-card__action span { flex:0 0 auto; font-size:19px; }
.su-contact-card .su-contact-card__note { margin-top:23px; font-size:14px; line-height:1.65; }
.su-prose-section { padding:0 0 110px; background:linear-gradient(180deg,#f2efe9,#eef0ff); }
.su-prose { padding: 34px; border: 1px solid var(--su-line); border-radius: 25px; background: rgba(249,247,242,.74); }
.su-prose h2 { margin-top: 42px; font-size: 32px; }
.su-prose h3 { margin-top: 30px; font-size: 23px; }
.su-prose p,
.su-prose li { color: #555669; }
.su-prose a { color: var(--su-indigo-deep); }

/* Footer: deep aubergine, not black, and never alternating with a pure-white section. */
.su-footer {
  padding: 74px 0 28px;
  background: #35324d;
  color: #ece9f5;
}
.su-footer__grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.15fr; gap: 46px; }
.su-brand--footer { color: #f5f1fb; }
.su-brand--footer .su-brand__mark { box-shadow: none; }
.su-footer__brand p { max-width: 330px; margin: 18px 0 0; color: #bbb6ca; font-size: 14px; }
.su-footer__heading { margin: 4px 0 15px; color: #f5f1fb !important; font-size: 14px; font-weight: 820; letter-spacing: .04em; }
.su-footer__grid > div:not(.su-footer__brand) { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.su-footer a { color: #c9c4d5; font-size: 14px; text-decoration: none; }
.su-footer a:hover { color: #f7f3ff; }
.su-footer__quiet { margin: 7px 0 0; color: #9791a8; font-size: 14px; line-height: 1.55; }
.su-footer__bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 55px; padding-top: 23px; border-top: 1px solid rgba(235,230,244,.13); color: #9690a7; font-size: 14px; }

/* Keep legacy helper classes safe if an older cached fragment appears during update. */
.su-eyebrow,
.su-hero__proof,
.su-health-card,
.su-compare,
.su-bento,
.su-next-strip { display: none; }

@media (max-width: 1080px) {
  .su-home-hero h1 { font-size: clamp(54px, 8vw, 84px); }
  .su-commerce-journey__track { overflow-x: auto; grid-template-columns: repeat(13, 150px); justify-content: start; }
  .su-commerce-journey__track:before { left: 76px; right: auto; width: 1810px; }
  .su-signals-heading { grid-template-columns: 1fr; gap: 18px; }
  .su-signals-heading > p { max-width: 680px; }
  .su-signal-ledger__row { grid-template-columns: 55px 1fr 1.1fr 1.35fr; }
  .su-signal-ledger__state { display: none; }
  .su-woo-hero__headline { grid-template-columns: 1.2fr .8fr; gap: 42px; }
  .su-woo-ribbon { overflow-x: auto; grid-template-columns: repeat(9, 168px); }
  .su-woo-pressure__board { grid-template-columns: 205px 1fr; gap: 18px 34px; padding-left: 24px; padding-right: 24px; }
  .su-woo-pressure__stamp { width: 170px; height: 170px; }
  .su-woo-ledger__row { grid-template-columns: 50px .7fr 1fr 1.1fr; gap: 20px; }
  .su-wp-hero__title-wrap { min-height: 410px; }
  .su-wp-stack__intro,
  .su-wp-index__head { grid-template-columns: 1fr .65fr; gap: 44px; }
  .su-footer__grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .su-footer__grid > div:last-child { grid-column: 1 / -1; }
}

@media (max-width: 860px) {
  body.storeuptime-site.admin-bar .su-header { top: 58px; }
  .su-container { width: min(100% - 32px, var(--su-max)); }
  .su-header { top: 8px; }
  .su-header__inner { grid-template-columns: auto auto 1fr; gap: 10px; min-height: 60px; padding: 7px 8px 7px 12px; border-radius: 24px; }
  .su-brand { font-size: 17px; }
  .su-brand__mark { width: 31px; height: 31px; }
  .su-nav-toggle {
    grid-column: 3;
    justify-self: end;
    width: 43px;
    height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: rgba(85,82,219,.09);
    color: var(--su-ink-strong);
    cursor: pointer;
  }
  .su-nav-toggle__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .su-nav-toggle__lines { width: 18px; display: grid; gap: 5px; }
  .su-nav-toggle__lines i { display: block; height: 2px; background: var(--su-ink-strong); border-radius: 999px; }
  .su-header__inner > .su-button { display: none; }
  .su-nav {
    position: absolute;
    top: 67px;
    left: 16px;
    right: 16px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 12px;
    border: 1px solid var(--su-line);
    border-radius: 22px;
    background: rgba(248,246,241,.98);
    box-shadow: 0 20px 45px rgba(47,42,79,.12);
  }
  .su-nav.is-open { display: flex; }
  .su-nav a { padding: 12px 10px; font-size: 14px; }
  .su-nav a:after { display: none; }
  .su-home-hero { margin-top: -76px; padding-top: 154px; }
  .su-home-hero__meta { justify-content: flex-start; }
  .su-home-hero h1 { text-align: left; font-size: clamp(50px, 11vw, 78px); }
  .su-home-hero__lower { margin-left: 0; text-align: left; }
  .su-home-hero__lower > p { margin-left: 0; }
  .su-home-hero__actions { justify-content: flex-start; }
  .su-commerce-journey__head { grid-template-columns: 1fr auto; }
  .su-commerce-journey__head > strong { display: none; }
  .su-commerce-journey__foot { grid-template-columns: 1fr; }
  .su-commerce-journey__foot span:last-child { display: none; }
  .su-gap-stage { grid-template-columns: 1fr; min-height: 0; gap: 0; }
  .su-gap-stage__number { top: 80px; transform: none; font-size: 220px; }
  .su-gap-stage__stamp { margin: 15px 0 70px 34px; width: 140px; height: 140px; }
  .su-gap-stage__stamp strong { font-size: 39px; }
  .su-gap-stage__copy { padding-bottom: 10px; }
  .su-gap-flow__unknowns { grid-template-columns: 1fr 1fr; margin-left: 0; }
  .su-gap-flow__line { display: none; }
  .su-gap-flow__unknowns { margin-top: 22px; }
  .su-gap-flow__label,
  .su-gap-flow__answer { align-items: flex-start; flex-direction: column; gap: 7px; }
  .su-signal-ledger__row { grid-template-columns: 48px 1fr; gap: 14px 20px; padding: 24px 6px; }
  .su-signal-ledger__title { grid-column: 2; }
  .su-signal-ledger__row > strong { grid-column: 2; }
  .su-signal-ledger__row > p { grid-column: 2; }
  .su-signals-next { align-items: flex-start; flex-direction: column; }
  .su-woo-hero,
  .su-wp-hero,
  .su-page-intro { margin-top: -76px; padding-top: 154px; }
  .su-woo-hero__topline { grid-template-columns: 1fr auto; }
  .su-woo-hero__topline > span:nth-child(2) { display: none; }
  .su-woo-hero__headline { grid-template-columns: 1fr; gap: 25px; padding: 52px 0 43px; }
  .su-woo-hero__headline h1 { font-size: clamp(60px, 11vw, 92px); }
  .su-woo-hero__headline p { max-width: 680px; }
  .su-woo-hero__foot { grid-template-columns: 1fr; align-items: start; }
  .su-woo-pressure__mast,
  .su-woo-ledger__intro,
  .su-wp-stack__intro,
  .su-wp-index__head { grid-template-columns: 1fr; gap: 22px; }
  .su-woo-pressure__board { grid-template-columns: 1fr; grid-template-areas: "stamp" "copy" "unknowns"; padding: 30px 0; }
  .su-woo-pressure__stamp { margin-left: 18px; }
  .su-woo-pressure__copy { grid-template-columns: 1fr; }
  .su-woo-pressure__unknowns { grid-template-columns: repeat(5, 150px); overflow-x: auto; }
  .su-woo-ledger__row { grid-template-columns: 46px 1fr; gap: 12px 20px; }
  .su-woo-ledger__row > strong,
  .su-woo-ledger__row h3,
  .su-woo-ledger__row p { grid-column: 2; }
  .su-woo-ledger__next,
  .su-wp-index__next { align-items: flex-start; flex-direction: column; }
  .su-wp-hero__title-wrap { min-height: 360px; }
  .su-wp-hero h1 { font-size: clamp(62px, 12vw, 100px); }
  .su-wp-hero__ghost { right: -36px; font-size: clamp(235px, 46vw, 380px); }
  .su-wp-hero__statement { grid-template-columns: 1fr; margin-left: 0; }
  .su-wp-hero__statement .su-button { justify-self: start; }
  .su-wp-type-strip { overflow-x: auto; grid-template-columns: repeat(6, 130px); }
  .su-wp-layer { width: 100% !important; margin-left: 0 !important; grid-template-columns: 48px .75fr 1fr; gap: 20px; padding: 22px 24px; }
  .su-wp-index__row { grid-template-columns: 48px 1fr; gap: 10px 18px; }
  .su-wp-index__row h3 { grid-column: 2; }
  .su-wp-index__row strong,
  .su-wp-index__row small { grid-column: 2; }
  .su-page-intro { margin-top: -76px; padding-top: 154px; }
  .su-footer__grid { grid-template-columns: 1fr 1fr; }
  .su-footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 580px) {
  .su-container { width: min(100% - 24px, var(--su-max)); }
  .su-header__inner { width: calc(100% - 16px); }
  .su-brand__text { font-size: 16px; }
  .su-home-hero { padding-bottom: 72px; }
  .su-home-hero__meta > span:nth-child(2) { display: none; }
  .su-home-hero h1 { font-size: clamp(44px, 13vw, 63px); line-height: .96; }
  .su-home-hero__lower > p { font-size: 17px; }
  .su-home-hero__actions { align-items: stretch; flex-direction: column; }
  .su-home-hero__actions .su-button { width: 100%; }
  .su-commerce-journey { margin-left: -5px; margin-right: -5px; border-radius: 25px; }
  .su-commerce-journey__head,
  .su-commerce-journey__foot { padding-left: 19px; padding-right: 19px; }
  .su-commerce-journey__track { min-height: 165px; padding-left: 6px; padding-right: 6px; }
  .su-gap-section,
  .su-signals-section { padding: 82px 0 88px; }
  .su-gap-stage__number { left: -18px; font-size: 170px; }
  .su-gap-stage__stamp { width: 112px; height: 112px; margin-bottom: 54px; }
  .su-gap-stage__stamp strong { font-size: 32px; }
  .su-gap-stage__copy h2,
  .su-signals-heading h2,
  .su-page-intro h1 { font-size: clamp(36px, 11vw, 48px); }
  .su-woo-hero { padding-bottom: 64px; }
  .su-woo-hero__topline { display: flex; justify-content: space-between; }
  .su-woo-hero__topline .su-woo-hero__live { display: none; }
  .su-woo-hero__headline h1 { font-size: clamp(50px, 15vw, 70px); line-height: .91; }
  .su-woo-hero__headline p { font-size: 16px; }
  .su-woo-ribbon { margin-left: -4px; margin-right: -4px; grid-template-columns: repeat(9, 145px); }
  .su-woo-ribbon > div { min-height: 118px; padding: 18px 16px; }
  .su-woo-hero__foot .su-button { width: 100%; }
  .su-woo-pressure,
  .su-woo-ledger,
  .su-wp-stack,
  .su-wp-index { padding: 82px 0 88px; }
  .su-woo-pressure__mast h2,
  .su-woo-ledger__intro h2,
  .su-wp-stack__intro h2,
  .su-wp-index__head h2 { font-size: clamp(38px, 11vw, 52px); }
  .su-woo-pressure__stamp { width: 132px; height: 132px; }
  .su-woo-pressure__stamp strong { font-size: 42px; }
  .su-woo-pressure__copy p { font-size: 16px; }
  .su-woo-ledger__row { padding: 22px 0; }
  .su-woo-ledger__next .su-text-link,
  .su-wp-index__next .su-text-link { align-items: flex-start; }
  .su-wp-hero { padding-bottom: 64px; }
  .su-wp-hero__label > span:last-child { display: none; }
  .su-wp-hero__title-wrap { min-height: 285px; }
  .su-wp-hero h1 { font-size: clamp(50px, 15vw, 72px); line-height: .9; }
  .su-wp-hero__ghost { top: 38px; right: -30px; font-size: 210px; }
  .su-wp-hero__statement p { font-size: 16px; }
  .su-wp-hero__statement .su-button { width: 100%; }
  .su-wp-layer { grid-template-columns: 34px 1fr; gap: 10px 15px; padding: 19px 17px; }
  .su-wp-layer > div { grid-column: 2; }
  .su-wp-layer p { grid-column: 2; }
  .su-wp-index__row { grid-template-columns: 38px 1fr; }
  .su-gap-stage__copy p { font-size: 16px; }
  .su-gap-flow { padding: 22px 19px; border-radius: 22px; }
  .su-gap-flow__unknowns { grid-template-columns: 1fr; }
  .su-signals-heading { margin-bottom: 28px; }
  .su-signal-ledger__row { min-height: 0; }
  .su-signals-next .su-button { width: 100%; }
  .su-page-intro { padding-bottom: 72px; }
  .su-prose { padding: 21px; }
  .su-footer__grid { grid-template-columns: 1fr; }
  .su-footer__brand,
  .su-footer__grid > div:last-child { grid-column: auto; }
  .su-footer__bottom { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 782px) {
  body.storeuptime-site.admin-bar .su-header { top: 54px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* 0.0.4 — complete homepage conversion system. */
.su-process,
.su-risk,
.su-evidence,
.su-alerts,
.su-wp-bridge,
.su-pricing,
.su-faq,
.su-final { position: relative; overflow: hidden; }

/* Shared section label floor: section labels are intentionally prominent, not microcopy. */
.su-process .su-kicker,
.su-risk .su-kicker,
.su-evidence .su-kicker,
.su-alerts .su-kicker,
.su-wp-bridge .su-kicker,
.su-pricing .su-kicker,
.su-faq .su-kicker,
.su-final .su-kicker { font-size: 22px; letter-spacing: .055em; }

/* Module 4 — process rail. */
.su-process { padding: 124px 0 132px; background: linear-gradient(160deg, #ececff 0%, #f4eee7 52%, #e8f6ef 100%); }
.su-process__head { display: grid; grid-template-columns: 1.35fr .65fr; gap: 64px; align-items: end; margin-bottom: 68px; }
.su-process__head .su-kicker { grid-column: 1 / -1; margin-bottom: -34px; }
.su-process__head h2 { max-width: 780px; margin: 0; font-size: clamp(48px, 6vw, 82px); }
.su-process__head p { margin: 0 0 5px; color: var(--su-ink-soft); font-size: 18px; }
.su-process__rail { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--su-line-strong); border-bottom: 1px solid var(--su-line-strong); }
.su-process__rail:before { content:""; position:absolute; top:-5px; left:0; width:9px; height:9px; border-radius:50%; background:var(--su-indigo); }
.su-process__rail article { min-height: 280px; padding: 30px 28px 34px 0; border-right: 1px solid var(--su-line); }
.su-process__rail article + article { padding-left: 28px; }
.su-process__rail article:last-child { border-right:0; }
.su-process__rail article > span { display:inline-flex; margin-bottom:42px; color:var(--su-indigo-deep); font-family:Georgia,serif; font-size:26px; font-style:italic; }
.su-process__rail h3 { margin:0 0 14px; font-size:28px; }
.su-process__rail p { margin:0; color:var(--su-ink-soft); font-size:16px; line-height:1.66; }

/* Module 5 — risk stories. */
.su-risk { padding: 126px 0; background: #f4e7df; }
.su-risk:after { content:""; position:absolute; width:520px; height:520px; right:-180px; top:-230px; border:1px solid rgba(239,116,95,.18); border-radius:50%; box-shadow:0 0 0 70px rgba(239,116,95,.035),0 0 0 140px rgba(85,82,219,.025); }
.su-risk__title { position:relative; z-index:1; max-width:930px; margin-bottom:66px; }
.su-risk__title h2 { margin:18px 0 0; font-size:clamp(48px,6vw,84px); }
.su-risk__stories { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(67,54,67,.2); }
.su-risk__stories article { min-height:330px; padding:32px 34px 28px 0; border-right:1px solid rgba(67,54,67,.16); }
.su-risk__stories article + article { padding-left:34px; }
.su-risk__stories article:last-child { border-right:0; }
.su-risk__stories span { display:block; margin-bottom:64px; color:#a74f48; font-size:14px; font-weight:850; letter-spacing:.11em; }
.su-risk__stories h3 { max-width:330px; margin:0 0 18px; font-size:34px; }
.su-risk__stories p { margin:0; color:#6f6069; font-size:16px; }

/* Module 6 — dashboard evidence, editorial rather than fake live dashboard. */
.su-evidence { padding:132px 0; background:linear-gradient(145deg,#e9f5ef 0%,#f0f0fb 58%,#f5eee8 100%); }
.su-evidence .su-container { display:grid; grid-template-columns:.7fr 1.3fr; gap:74px; align-items:center; }
.su-evidence__copy h2 { margin:18px 0 24px; font-size:clamp(46px,5vw,72px); }
.su-evidence__copy p { color:var(--su-ink-soft); font-size:18px; }
.su-evidence__panel { border:1px solid rgba(57,54,89,.16); border-radius:30px; background:rgba(250,248,243,.78); box-shadow:0 32px 70px rgba(67,60,98,.1); overflow:hidden; }
.su-evidence__panel-head { display:grid; grid-template-columns:1.25fr 1fr 1fr; border-bottom:1px solid var(--su-line); }
.su-evidence__panel-head > div { padding:24px; border-right:1px solid var(--su-line); }
.su-evidence__panel-head > div:last-child { border-right:0; }
.su-evidence__panel-head span,.su-evidence__history > span { display:block; margin-bottom:9px; color:#747386; font-size:14px; font-weight:850; letter-spacing:.08em; }
.su-evidence__panel-head strong { display:flex; align-items:center; gap:9px; font-size:20px; }
.su-evidence__panel-head strong i,.su-evidence__signal-grid i { width:9px; height:9px; border-radius:50%; background:var(--su-mint); box-shadow:0 0 0 5px rgba(56,191,145,.1); }
.su-evidence__signal-grid { display:grid; grid-template-columns:1fr 1fr; }
.su-evidence__signal-grid > span { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; padding:18px 22px; border-bottom:1px solid var(--su-line); border-right:1px solid var(--su-line); font-size:15px; }
.su-evidence__signal-grid > span:nth-child(even) { border-right:0; }
.su-evidence__signal-grid b { color:#29785b; font-size:14px; }
.su-evidence__history { padding:22px; }
.su-evidence__history > div { height:82px; display:flex; align-items:flex-end; gap:5px; }
.su-evidence__history i { flex:1 1 auto; min-width:4px; height:var(--h); border-radius:5px 5px 2px 2px; background:linear-gradient(180deg,var(--su-indigo),rgba(85,82,219,.2)); }

/* Module 7 — alerts. */
.su-alerts { padding:126px 0; background:#efe9f7; }
.su-alerts__head { display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; align-items:end; margin-bottom:58px; }
.su-alerts__head .su-kicker { grid-column:1 / -1; margin-bottom:-32px; }
.su-alerts__head h2 { max-width:890px; margin:0; font-size:clamp(46px,5.4vw,78px); }
.su-alerts__flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:14px; padding:28px; border:1px solid rgba(74,60,111,.15); border-radius:28px; background:rgba(250,247,244,.56); }
.su-alerts__flow > div { min-height:150px; padding:22px; border-radius:20px; background:rgba(255,255,255,.38); }
.su-alerts__flow > i { color:var(--su-indigo); font-size:28px; font-style:normal; }
.su-alerts__flow span { display:block; margin-bottom:26px; color:var(--su-indigo-deep); font-family:Georgia,serif; font-size:24px; font-style:italic; }
.su-alerts__flow strong { display:block; margin-bottom:8px; font-size:21px; }
.su-alerts__flow small { color:#747082; font-size:14px; }
.su-alerts__channels { display:grid; grid-template-columns:repeat(3,1fr); margin-top:30px; border-top:1px solid var(--su-line-strong); }
.su-alerts__channels article { padding:30px 30px 8px 0; border-right:1px solid var(--su-line); }
.su-alerts__channels article + article { padding-left:30px; }
.su-alerts__channels article:last-child { border-right:0; }
.su-alerts__channels span { color:#7c658f; font-size:14px; font-weight:850; letter-spacing:.1em; }
.su-alerts__channels h3 { margin:25px 0 12px; font-size:28px; }
.su-alerts__channels p { color:#6d6878; font-size:16px; }

/* Module 8 — WordPress bridge. */
.su-wp-bridge { padding:130px 0; background:#e7e8ff; }
.su-wp-bridge .su-container { position:relative; min-height:540px; display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:end; }
.su-wp-bridge__ghost { position:absolute; left:-30px; top:-30px; color:transparent; -webkit-text-stroke:1.5px rgba(85,82,219,.18); font-family:Georgia,serif; font-size:clamp(260px,32vw,500px); font-style:italic; line-height:.8; pointer-events:none; }
.su-wp-bridge__copy { position:relative; z-index:1; padding-top:130px; }
.su-wp-bridge__copy h2 { margin:18px 0 25px; font-size:clamp(50px,5.7vw,82px); }
.su-wp-bridge__copy p { max-width:690px; color:#636377; font-size:18px; }
.su-wp-bridge__index { position:relative; z-index:1; display:grid; border-top:1px solid rgba(63,59,104,.22); }
.su-wp-bridge__index span { display:grid; grid-template-columns:52px 1fr; gap:15px; padding:20px 8px; border-bottom:1px solid rgba(63,59,104,.18); color:#65637a; font-size:14px; }
.su-wp-bridge__index strong { color:var(--su-ink-strong); font-size:18px; }

/* Module 9 — StoreUptime pricing presentation. */
.su-pricing { padding:130px 0 136px; background:linear-gradient(180deg,#f5efe6,#eef0ff 46%,#edf6f1); }
.su-pricing__intro { display:grid; grid-template-columns:1.25fr .75fr; gap:70px; align-items:end; margin-bottom:38px; }
.su-pricing__intro h2 { margin:18px 0 0; font-size:clamp(48px,5.8vw,82px); }
.su-pricing__intro h2 em { color:var(--su-indigo); font-family:Georgia,serif; font-weight:500; }
.su-pricing__intro > p { margin:0 0 8px; color:var(--su-ink-soft); font-size:18px; }
.su-pricing__comparison-frame { border:1px solid rgba(60,57,92,.19); border-radius:30px; background:rgba(250,248,243,.62); overflow:hidden; }
.su-pricing__comparison-head { display:grid; grid-template-columns:.38fr .7fr 1.1fr; gap:26px; align-items:center; padding:26px 28px; border-bottom:1px solid var(--su-line); }
.su-pricing__comparison-head > span { color:var(--su-indigo-deep); font-size:22px; font-weight:850; letter-spacing:.045em; text-transform:uppercase; }
.su-pricing__comparison-head h3 { margin:0; font-size:30px; }
.su-pricing__comparison-head p { margin:0; color:#706f80; font-size:14px; }
.su-pricing__comparison-scroll { overflow-x:auto; }
.su-pricing__table { width:100%; min-width:1060px; border-collapse:collapse; table-layout:fixed; }
.su-pricing__table th,.su-pricing__table td { padding:17px 16px; border-right:1px solid rgba(69,65,100,.12); border-bottom:1px solid rgba(69,65,100,.12); vertical-align:middle; }
.su-pricing__table tr:last-child th,.su-pricing__table tr:last-child td { border-bottom:0; }
.su-pricing__table th:last-child,.su-pricing__table td:last-child { border-right:0; }
.su-pricing__table thead th { background:rgba(85,82,219,.08); color:#38364f; font-size:15px; }
.su-pricing__table thead th:first-child { width:40%; text-align:left; background:rgba(244,238,230,.78); }
.su-pricing__table tbody th { text-align:left; font-weight:400; }
.su-pricing__table tbody th strong { display:block; margin-bottom:4px; font-size:15px; }
.su-pricing__table tbody th small { display:block; color:#737180; font-size:14px; line-height:1.45; }
.su-pricing__table td { text-align:center; font-size:14px; font-weight:750; }
.su-price-check { color:#239c70; font-size:26px; font-weight:900; }
.su-price-cross { color:#db5d5d; font-size:26px; font-weight:900; }
.su-price-cell-text { font-size:14px; }
.su-pricing__usd-note { margin:34px 0 -44px; color:#747180; font-size:14px; line-height:1.55; }
.su-pricing-group__title-row { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.su-pricing-group__usd { min-height:40px; padding:0 15px; border:1px solid rgba(85,82,219,.22); border-radius:999px; background:rgba(255,255,255,.5); color:var(--su-indigo-deep); font-size:14px; font-weight:820; cursor:pointer; white-space:nowrap; }
.su-pricing-group__usd:disabled { opacity:.55; cursor:not-allowed; }
.su-pricing-group__usd:not(:disabled):hover { background:rgba(255,255,255,.78); }
.su-pricing__groups { margin-top:78px; display:grid; gap:74px; }
.su-pricing-group__head { display:grid; grid-template-columns:90px 1fr 1fr; gap:28px; align-items:end; margin-bottom:24px; }
.su-pricing-group__head > span { color:var(--su-indigo); font-family:Georgia,serif; font-size:54px; font-style:italic; line-height:1; }
.su-pricing-group__head small { display:block; color:#777385; font-size:14px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.su-pricing-group__head h3 { margin:4px 0 0; font-size:50px; }
.su-pricing-group__head p { margin:0; color:#706e7e; font-size:16px; }
.su-pricing-group__cards { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.su-price-card { position:relative; padding:28px; border:1px solid rgba(62,59,95,.16); border-radius:27px; background:rgba(250,248,243,.76); box-shadow:0 18px 50px rgba(57,49,95,.055); }
.su-pricing-group--plus .su-price-card { background:rgba(236,236,255,.8); }
.su-pricing-group--advanced .su-price-card { background:rgba(229,247,239,.84); }
.su-price-card__top { display:flex; justify-content:space-between; gap:20px; align-items:center; padding-bottom:22px; border-bottom:1px solid var(--su-line); }
.su-price-card__top span { color:#747182; font-size:14px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.su-price-card__top strong { font-size:22px; }
.su-price-card__price { min-height:112px; display:flex; align-items:center; gap:10px; padding:22px 0; color:#5f5d70; font-size:15px; }
.su-price-spinner { width:20px; height:20px; border:2px solid rgba(85,82,219,.2); border-top-color:var(--su-indigo); border-radius:50%; animation:su-spin .8s linear infinite; }
@keyframes su-spin { to { transform:rotate(360deg); } }
.su-price-stack { width:100%; }
.su-price-regular { margin:0 0 7px; color:#858290; font-size:14px; }
.su-price-main { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 16px; }
.su-price-main > strong { color:var(--su-ink-strong); font-size:48px; line-height:1; }
.su-price-main > span { color:#6f6c7a; font-size:15px; }
.su-price-usd { display:none; align-items:baseline; gap:5px; color:var(--su-indigo-deep); }
.su-price-usd.is-visible { display:inline-flex; }
.su-price-usd strong { font-size:20px; }
.su-price-discount { margin-top:10px; color:#267b5a; font-size:14px; font-weight:800; }
.su-price-error { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.su-price-error button { border:0; background:none; color:var(--su-indigo-deep); padding:0; font-size:14px; font-weight:800; cursor:pointer; text-decoration:underline; }
.su-price-card__features { display:grid; gap:10px; min-height:260px; padding:20px 0; }
.su-price-card__features > span { display:grid; grid-template-columns:18px 1fr; gap:10px; color:#565565; font-size:14px; }
.su-price-card__features i { color:#269a70; font-style:normal; font-weight:900; }
.su-price-card__actions { display:grid; gap:9px; }
.su-price-card__actions button:first-child { min-height:50px; border:0; border-radius:999px; background:var(--su-ink-strong); color:#fff; font-size:14px; font-weight:850; cursor:pointer; }
.su-price-card__actions button:last-child { border:0; background:none; color:#6e6b7b; font-size:14px; cursor:pointer; }
.su-pricing__message { min-height:24px; margin-top:18px; color:#5f5c6e; font-size:14px; }
.su-pricing__message.is-error { color:#a54c4c; }
.su-pricing__billing { margin:10px 0 0; color:#747180; font-size:14px; }

/* Module 10 — FAQ + final CTA. */
.su-faq { padding:126px 0 112px; background:#f5eee7; }
.su-faq__head { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:70px; margin-bottom:48px; }
.su-faq__head h2 { margin:18px 0 0; font-size:clamp(52px,6vw,84px); }
.su-faq__list { border-top:1px solid var(--su-line-strong); }
.su-faq details { border-bottom:1px solid var(--su-line-strong); }
.su-faq summary { list-style:none; display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; padding:26px 4px; color:var(--su-ink-strong); font-size:21px; font-weight:760; cursor:pointer; }
.su-faq summary::-webkit-details-marker { display:none; }
.su-faq summary span { width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--su-line-strong); border-radius:50%; color:var(--su-indigo); font-size:24px; transition:transform .2s ease; }
.su-faq details[open] summary span { transform:rotate(45deg); }
.su-faq details p { max-width:850px; margin:-6px 0 26px; color:#666474; font-size:16px; }
.su-final { padding:128px 0 136px; background:linear-gradient(135deg,#dfe2ff,#f7e4d8 55%,#ddf3e8); }
.su-final .su-container { display:grid; grid-template-columns:260px 1fr; gap:70px; align-items:center; }
.su-final__stamp { width:240px; height:240px; display:grid; place-items:center; border:2px solid rgba(85,82,219,.42); border-radius:50%; color:var(--su-indigo); font-family:Georgia,serif; font-size:86px; font-style:italic; transform:rotate(-7deg); box-shadow:inset 0 0 0 14px rgba(85,82,219,.035); }
.su-final__copy h2 { margin:18px 0 20px; font-size:clamp(50px,6vw,88px); }
.su-final__copy h2 em { color:var(--su-indigo); font-family:Georgia,serif; font-weight:500; }
.su-final__copy p { max-width:760px; color:#666477; font-size:18px; }
.su-final__copy > div { display:flex; gap:22px; align-items:center; flex-wrap:wrap; }

@media (max-width:1080px) {
  .su-process__head,.su-pricing__intro,.su-alerts__head { grid-template-columns:1fr; gap:22px; }
  .su-process__head .su-kicker,.su-alerts__head .su-kicker { margin-bottom:0; }
  .su-process__rail { grid-template-columns:1fr 1fr; }
  .su-process__rail article:nth-child(2) { border-right:0; }
  .su-process__rail article:nth-child(-n+2) { border-bottom:1px solid var(--su-line); }
  .su-risk__stories { grid-template-columns:1fr; }
  .su-risk__stories article,.su-risk__stories article+article { min-height:0; padding:30px 0; border-right:0; border-bottom:1px solid rgba(67,54,67,.16); }
  .su-risk__stories article:last-child { border-bottom:0; }
  .su-risk__stories span { margin-bottom:26px; }
  .su-evidence .su-container { grid-template-columns:1fr; }
  .su-alerts__flow { grid-template-columns:1fr; }
  .su-alerts__flow > i { transform:rotate(90deg); justify-self:center; }
  .su-wp-bridge .su-container { grid-template-columns:1fr; }
  .su-wp-bridge__copy { padding-top:120px; }
  .su-pricing__comparison-head { grid-template-columns:1fr; }
  .su-pricing-group__head { grid-template-columns:70px 1fr; }
  .su-pricing-group__head p { grid-column:2; }
}

@media (max-width:760px) {
  .su-process,.su-risk,.su-evidence,.su-alerts,.su-wp-bridge,.su-pricing,.su-faq,.su-final { padding-top:92px; padding-bottom:96px; }
  .su-process__rail { grid-template-columns:1fr; }
  .su-process__rail article,.su-process__rail article+article { min-height:0; padding:26px 0; border-right:0; border-bottom:1px solid var(--su-line); }
  .su-process__rail article:last-child { border-bottom:0; }
  .su-process__rail article > span { margin-bottom:20px; }
  .su-evidence__panel-head { grid-template-columns:1fr; }
  .su-evidence__panel-head > div { border-right:0; border-bottom:1px solid var(--su-line); }
  .su-evidence__panel-head > div:last-child { border-bottom:0; }
  .su-evidence__signal-grid { grid-template-columns:1fr; }
  .su-evidence__signal-grid > span { border-right:0; }
  .su-alerts__channels { grid-template-columns:1fr; }
  .su-alerts__channels article,.su-alerts__channels article+article { padding:24px 0; border-right:0; border-bottom:1px solid var(--su-line); }
  .su-alerts__channels article:last-child { border-bottom:0; }
  .su-wp-bridge__ghost { font-size:240px; }
  .su-wp-bridge__copy { padding-top:80px; }
  .su-pricing-group__head { grid-template-columns:54px 1fr; gap:18px; }
  .su-pricing-group__head > span { font-size:40px; }
  .su-pricing-group__head h3 { font-size:40px; }
  .su-pricing-group__cards { grid-template-columns:1fr; }
  .su-price-card__features { min-height:0; }
  .su-faq__head { grid-template-columns:1fr; gap:18px; }
  .su-final .su-container { grid-template-columns:1fr; gap:38px; }
  .su-final__stamp { width:150px; height:150px; font-size:58px; }
}


/* Final typography contract: no managed-site text below 14px; key editorial labels are 22px. */
body.storeuptime-site { font-size:16px; }
body.storeuptime-site :is(small,.su-footer__quiet,.su-footer__bottom,.su-footer a,.su-footer__heading,.su-admin-note,.su-public-status > div span,.su-public-status > div small) { font-size:14px; }
.su-kicker,
.su-home-hero__meta > span,
.su-woo-hero__topline,
.su-wp-hero__label { font-size:22px; }

@media (max-width:580px) {
  .su-home-hero__meta > span:nth-child(2),
  .su-wp-hero__label > span:last-child { display:inline-flex; }
  .su-home-hero__meta { gap:10px; }
  .su-wp-hero__label { flex-wrap:wrap; row-gap:10px; }
}

/* WooCommerce landing completion — store diagnostic, isolation, automation, alert routing and final CTA. */
.su-woo-diagnostic { padding:122px 0 126px; background:linear-gradient(150deg,#e9e7ff 0%,#f4efe7 48%,#e4f4eb 100%); }
.su-woo-diagnostic__head { display:grid; grid-template-columns:1.15fr .75fr; gap:78px; align-items:end; margin-bottom:48px; }
.su-woo-diagnostic__head h2 { margin:16px 0 0; font-size:clamp(52px,6.2vw,88px); font-weight:730; line-height:.96; letter-spacing:-.055em; }
.su-woo-diagnostic__head h2 em { color:var(--su-indigo); font-family:Georgia,serif; font-weight:500; }
.su-woo-diagnostic__head > p { margin:0 0 7px; color:#625f72; font-size:18px; line-height:1.72; }
.su-woo-scan { border-top:1px solid rgba(58,54,88,.2); }
.su-woo-scan__row { display:grid; grid-template-columns:72px .7fr 1.4fr auto; gap:28px; align-items:center; min-height:112px; padding:24px 0; border-bottom:1px solid rgba(58,54,88,.16); }
.su-woo-scan__row > span { color:#8d8999; font-family:Georgia,serif; font-size:20px; font-style:italic; }
.su-woo-scan__row h3 { margin:0; font-size:24px; letter-spacing:-.03em; }
.su-woo-scan__row p { margin:0; color:#666374; font-size:15px; line-height:1.6; }
.su-woo-scan__row strong { display:inline-flex; align-items:center; gap:9px; color:#2c7458; font-size:14px; white-space:nowrap; }
.su-woo-scan__row strong i { width:9px; height:9px; border-radius:50%; background:var(--su-mint); box-shadow:0 0 0 5px rgba(56,191,145,.1); }

.su-woo-isolation { padding:126px 0; background:#f7e5dd; }
.su-woo-isolation .su-container { display:grid; grid-template-columns:.95fr 1.05fr; gap:84px; align-items:start; }
.su-woo-isolation__copy h2 { margin:18px 0 24px; font-size:clamp(50px,5.8vw,82px); line-height:.96; letter-spacing:-.055em; }
.su-woo-isolation__copy h2 em { color:#b45c50; font-family:Georgia,serif; font-weight:500; }
.su-woo-isolation__copy p { max-width:720px; margin:0 0 16px; color:#655f66; font-size:17px; line-height:1.74; }
.su-woo-isolation__sheet { border:1px solid rgba(121,78,73,.2); border-radius:32px; overflow:hidden; background:rgba(255,251,246,.74); box-shadow:0 28px 70px rgba(103,58,56,.08); }
.su-woo-isolation__sheet-head { display:flex; justify-content:space-between; gap:24px; align-items:center; padding:24px 26px; border-bottom:1px solid rgba(121,78,73,.16); }
.su-woo-isolation__sheet-head span { color:#8a716f; font-size:14px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.su-woo-isolation__sheet-head strong { color:#6c3f39; font-size:17px; }
.su-woo-isolation__sheet ul { list-style:none; margin:0; padding:0; }
.su-woo-isolation__sheet li { display:grid; grid-template-columns:1fr auto; gap:22px; align-items:center; min-height:68px; padding:16px 26px; border-bottom:1px dashed rgba(121,78,73,.16); color:#554f57; font-size:15px; }
.su-woo-isolation__sheet li:last-child { border-bottom:0; }
.su-woo-isolation__sheet li b { color:#bc5144; font-size:14px; text-transform:uppercase; letter-spacing:.08em; }

.su-woo-mode { padding:126px 0 132px; background:#f4f0ea; }
.su-woo-mode__head { display:grid; grid-template-columns:.8fr 1.2fr; gap:68px; align-items:end; margin-bottom:48px; }
.su-woo-mode__head h2 { margin:0; font-size:clamp(52px,6vw,86px); line-height:.96; letter-spacing:-.055em; }
.su-woo-mode__panels { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.su-woo-mode__panels article { min-height:440px; padding:34px; border:1px solid rgba(64,59,92,.16); border-radius:34px; background:#fbf7f0; display:flex; flex-direction:column; }
.su-woo-mode__panels article.is-auto { background:linear-gradient(150deg,#dedfff,#e9f4ed); }
.su-woo-mode__panels article > span { color:#7b7788; font-size:14px; font-weight:900; letter-spacing:.12em; }
.su-woo-mode__number { margin:48px 0 28px; color:var(--su-indigo); font-family:Georgia,serif; font-size:72px; font-style:italic; line-height:.9; }
.su-woo-mode__panels h3 { margin:0 0 15px; font-size:31px; letter-spacing:-.04em; }
.su-woo-mode__panels p { margin:0; color:#656274; font-size:17px; line-height:1.7; }
.su-woo-mode__panels article > strong { margin-top:auto; padding-top:32px; color:#3f3c57; font-size:16px; }

.su-woo-alerts { padding:126px 0; background:#e5eef8; }
.su-woo-alerts__intro { display:grid; grid-template-columns:1fr .95fr; gap:76px; align-items:end; margin-bottom:46px; }
.su-woo-alerts__intro h2 { margin:16px 0 0; font-size:clamp(50px,5.8vw,80px); line-height:.96; letter-spacing:-.055em; }
.su-woo-alerts__intro p { margin:0 0 6px; color:#5f6470; font-size:18px; line-height:1.7; }
.su-woo-alerts__matrix { border-top:1px solid rgba(49,71,92,.2); }
.su-woo-alerts__row { display:grid; grid-template-columns:150px 1fr 170px 210px; gap:28px; align-items:center; min-height:94px; padding:19px 0; border-bottom:1px solid rgba(49,71,92,.16); }
.su-woo-alerts__row > span { font-size:14px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.su-woo-alerts__row strong { font-size:21px; }
.su-woo-alerts__row em,.su-woo-alerts__row b { font-size:14px; font-style:normal; }
.su-woo-alerts__row em { color:#a14f4f; }
.su-woo-alerts__row b { color:#246c52; }
.su-woo-alerts__row.is-warning > span { color:#9a6d19; }
.su-woo-alerts__row.is-problem > span { color:#b64e46; }
.su-woo-alerts__row.is-recovery > span { color:#2d805f; }

.su-woo-authority { padding:128px 0; background:#ece8ff; }
.su-woo-authority .su-container { display:grid; grid-template-columns:180px 1fr .8fr; gap:58px; align-items:center; }
.su-woo-authority__stamp { width:160px; height:160px; display:grid; place-items:center; border:2px solid rgba(85,82,219,.38); border-radius:50%; color:var(--su-indigo); font-family:Georgia,serif; font-size:90px; font-style:italic; transform:rotate(-8deg); }
.su-woo-authority__copy h2 { margin:16px 0 20px; font-size:clamp(45px,5vw,72px); line-height:.98; letter-spacing:-.05em; }
.su-woo-authority__copy p { margin:0; color:#625f73; font-size:17px; line-height:1.7; }
.su-woo-authority__compare { display:grid; border:1px solid rgba(78,72,126,.18); border-radius:28px; overflow:hidden; background:rgba(255,255,255,.4); }
.su-woo-authority__compare > div { padding:25px 28px; border-bottom:1px solid rgba(78,72,126,.15); }
.su-woo-authority__compare > div:last-child { border-bottom:0; }
.su-woo-authority__compare span { display:block; margin-bottom:8px; color:#7f7a91; font-size:14px; font-weight:900; letter-spacing:.1em; }
.su-woo-authority__compare strong { display:block; font-size:22px; }
.su-woo-authority__compare small { display:block; margin-top:5px; color:#6c6879; font-size:14px; }

.su-woo-wp { position:relative; overflow:hidden; padding:136px 0 132px; background:#e5f2e9; }
.su-woo-wp .su-container { position:relative; display:grid; grid-template-columns:1fr .65fr; gap:82px; align-items:end; }
.su-woo-wp__type { position:absolute; left:-20px; top:-120px; color:rgba(44,122,93,.08); font-family:Georgia,serif; font-size:360px; font-style:italic; line-height:1; pointer-events:none; }
.su-woo-wp__copy { position:relative; z-index:1; padding-top:80px; }
.su-woo-wp__copy h2 { margin:18px 0 22px; font-size:clamp(50px,5.7vw,82px); line-height:.96; letter-spacing:-.055em; }
.su-woo-wp__copy p { max-width:760px; margin:0 0 28px; color:#5b685f; font-size:17px; line-height:1.72; }
.su-woo-wp__rail { position:relative; z-index:1; display:grid; border-top:1px solid rgba(39,100,76,.2); }
.su-woo-wp__rail span { padding:17px 2px; border-bottom:1px solid rgba(39,100,76,.16); color:#3d6a57; font-size:16px; font-weight:860; letter-spacing:.08em; }

.su-woo-faq { background:#f8eee5; }
.su-woo-final { padding:132px 0 140px; background:linear-gradient(135deg,#f0d9d2 0%,#e5e2ff 48%,#dcefe5 100%); }
.su-woo-final .su-container { display:grid; grid-template-columns:250px 1fr; gap:72px; align-items:center; }
.su-woo-final__mark { width:230px; height:230px; display:grid; place-items:center; border:2px solid rgba(183,83,70,.42); border-radius:50%; color:#ad5548; font-family:Georgia,serif; font-size:44px; font-style:italic; transform:rotate(-8deg); box-shadow:inset 0 0 0 14px rgba(183,83,70,.04); }
.su-woo-final h2 { margin:18px 0 20px; font-size:clamp(50px,5.8vw,84px); line-height:.96; letter-spacing:-.055em; }
.su-woo-final h2 em { color:var(--su-indigo); font-family:Georgia,serif; font-weight:500; }
.su-woo-final p { max-width:760px; margin:0; color:#635f70; font-size:18px; line-height:1.7; }
.su-woo-final__actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:28px; }

@media (max-width:1080px) {
  .su-woo-diagnostic__head,.su-woo-mode__head,.su-woo-alerts__intro { grid-template-columns:1fr; gap:24px; }
  .su-woo-scan__row { grid-template-columns:56px .75fr 1.25fr; }
  .su-woo-scan__row strong { grid-column:2 / 4; }
  .su-woo-isolation .su-container { grid-template-columns:1fr; gap:44px; }
  .su-woo-authority .su-container { grid-template-columns:150px 1fr; }
  .su-woo-authority__compare { grid-column:2; }
  .su-woo-wp .su-container { grid-template-columns:1fr; gap:46px; }
  .su-woo-wp__rail { grid-template-columns:repeat(3,1fr); }
  .su-woo-wp__rail span { border-right:1px solid rgba(39,100,76,.16); padding:17px 14px; }
  .su-woo-final .su-container { grid-template-columns:180px 1fr; gap:48px; }
  .su-woo-final__mark { width:170px; height:170px; font-size:34px; }
}

@media (max-width:760px) {
  .su-woo-diagnostic,.su-woo-isolation,.su-woo-mode,.su-woo-alerts,.su-woo-authority,.su-woo-wp,.su-woo-final { padding-top:92px; padding-bottom:96px; }
  .su-woo-scan__row { grid-template-columns:44px 1fr; gap:10px 18px; align-items:start; padding:22px 0; }
  .su-woo-scan__row h3,.su-woo-scan__row p,.su-woo-scan__row strong { grid-column:2; }
  .su-woo-mode__panels { grid-template-columns:1fr; }
  .su-woo-mode__panels article { min-height:0; }
  .su-woo-mode__number { margin-top:34px; }
  .su-woo-alerts__row { grid-template-columns:1fr 1fr; gap:10px 18px; padding:20px 0; }
  .su-woo-alerts__row strong { grid-column:1 / -1; }
  .su-woo-authority .su-container { grid-template-columns:1fr; gap:34px; }
  .su-woo-authority__stamp { width:130px; height:130px; font-size:70px; }
  .su-woo-authority__compare { grid-column:auto; }
  .su-woo-wp__type { font-size:250px; top:-50px; }
  .su-woo-wp__copy { padding-top:60px; }
  .su-woo-wp__rail { grid-template-columns:1fr 1fr; }
  .su-woo-final .su-container { grid-template-columns:1fr; gap:34px; }
  .su-woo-final__mark { width:140px; height:140px; font-size:29px; }
}

@media (max-width:520px) {
  .su-woo-isolation__sheet-head { align-items:flex-start; flex-direction:column; }
  .su-woo-alerts__row { grid-template-columns:1fr; }
  .su-woo-alerts__row strong { grid-column:auto; }
  .su-woo-wp__rail { grid-template-columns:1fr; }
}

/* WordPress landing completion — application-aware monitoring from reachability through runtime context. */
.su-wp-proof { padding:126px 0; background:linear-gradient(145deg,#efe9ff 0%,#f7efe7 52%,#e8f5ee 100%); }
.su-wp-proof .su-container { display:grid; grid-template-columns:1.02fr .98fr; gap:82px; align-items:center; }
.su-wp-proof__copy h2 { margin:18px 0 24px; font-size:clamp(52px,6vw,88px); line-height:.95; letter-spacing:-.055em; }
.su-wp-proof__copy h2 em { color:var(--su-indigo); font-family:Georgia,serif; font-weight:500; }
.su-wp-proof__copy p { max-width:700px; margin:0; color:#625f70; font-size:18px; line-height:1.72; }
.su-wp-proof__board { border:1px solid rgba(68,63,108,.18); border-radius:34px; overflow:hidden; background:rgba(251,248,243,.66); box-shadow:0 24px 70px rgba(62,54,99,.08); }
.su-wp-proof__http { display:grid; grid-template-columns:auto 1fr; gap:10px 24px; align-items:center; padding:30px; border-bottom:1px solid rgba(68,63,108,.15); background:rgba(220,220,255,.42); }
.su-wp-proof__http > span { grid-row:1 / 3; width:84px; height:84px; display:grid; place-items:center; border:1px solid rgba(85,82,219,.24); border-radius:50%; color:var(--su-indigo-deep); font-size:18px; font-weight:900; letter-spacing:.06em; }
.su-wp-proof__http strong { font-size:34px; letter-spacing:-.035em; }
.su-wp-proof__http small { color:#696678; font-size:14px; }
.su-wp-proof__more { padding:18px 30px 28px; }
.su-wp-proof__more > span { display:block; padding:8px 0 14px; color:#7a7589; font-size:14px; font-weight:900; letter-spacing:.1em; }
.su-wp-proof__more > div { display:grid; grid-template-columns:1fr auto; gap:22px; align-items:center; padding:15px 0; border-top:1px solid rgba(68,63,108,.12); }
.su-wp-proof__more b { font-size:17px; }
.su-wp-proof__more em { color:#5c5880; font-size:14px; font-style:normal; font-weight:800; }

.su-wp-health { padding:126px 0 132px; background:#e6f2eb; }
.su-wp-health__intro { display:grid; grid-template-columns:1.05fr .75fr; gap:78px; align-items:end; margin-bottom:48px; }
.su-wp-health__intro h2 { margin:18px 0 0; font-size:clamp(52px,6vw,86px); line-height:.95; letter-spacing:-.055em; }
.su-wp-health__intro h2 em { color:#2f7c5e; font-family:Georgia,serif; font-weight:500; }
.su-wp-health__intro p { margin:0 0 6px; color:#5b685f; font-size:18px; line-height:1.72; }
.su-wp-health__grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(44,103,78,.19); border-bottom:1px solid rgba(44,103,78,.19); }
.su-wp-health__grid article { min-height:280px; padding:28px 26px; border-right:1px solid rgba(44,103,78,.16); }
.su-wp-health__grid article:last-child { border-right:0; }
.su-wp-health__grid span { display:block; margin-bottom:62px; color:#668c7c; font-family:Georgia,serif; font-size:20px; font-style:italic; }
.su-wp-health__grid h3 { margin:0 0 14px; font-size:25px; }
.su-wp-health__grid p { margin:0; color:#59665e; font-size:15px; line-height:1.65; }
.su-wp-health__note { margin:22px 0 0; color:#496858; font-size:15px; font-weight:800; }

.su-wp-ajax { position:relative; overflow:hidden; padding:132px 0; background:linear-gradient(145deg,#e8e8ff 0%,#f2ecf3 55%,#f4e6df 100%); }
.su-wp-ajax .su-container { position:relative; display:grid; grid-template-columns:1fr .8fr; gap:84px; align-items:end; }
.su-wp-ajax__type { position:absolute; right:-28px; top:-112px; color:rgba(85,82,219,.07); font-family:Georgia,serif; font-size:290px; font-style:italic; line-height:1; pointer-events:none; }
.su-wp-ajax__copy { position:relative; z-index:1; }
.su-wp-ajax__copy h2 { margin:18px 0 22px; font-size:clamp(50px,5.8vw,82px); line-height:.96; letter-spacing:-.055em; }
.su-wp-ajax__copy p { max-width:760px; margin:0; color:#625f72; font-size:18px; line-height:1.72; }
.su-wp-ajax__timing { position:relative; z-index:1; border-top:1px solid rgba(70,65,112,.2); }
.su-wp-ajax__timing > span { display:block; padding:0 0 15px; color:#76718a; font-size:14px; font-weight:900; letter-spacing:.09em; }
.su-wp-ajax__timing > div { display:grid; grid-template-columns:100px 1fr; gap:22px; align-items:center; padding:18px 0; border-top:1px solid rgba(70,65,112,.14); }
.su-wp-ajax__timing b { color:#5f5b70; font-size:14px; }
.su-wp-ajax__timing strong { font-size:19px; text-align:right; }

.su-wp-pages { padding:130px 0 134px; background:#f7e8dd; }
.su-wp-pages__head { display:grid; grid-template-columns:1.05fr .75fr; gap:78px; align-items:end; margin-bottom:48px; }
.su-wp-pages__head h2 { margin:18px 0 0; font-size:clamp(52px,6vw,86px); line-height:.95; letter-spacing:-.055em; }
.su-wp-pages__head > p { margin:0 0 6px; color:#6a615f; font-size:18px; line-height:1.72; }
.su-wp-pages__sheet { border-top:1px solid rgba(109,78,70,.2); }
.su-wp-pages__row { display:grid; grid-template-columns:150px .7fr 1fr; gap:32px; align-items:center; min-height:92px; padding:20px 0; border-bottom:1px solid rgba(109,78,70,.15); }
.su-wp-pages__row > span { color:#976d62; font-size:14px; font-weight:900; letter-spacing:.1em; }
.su-wp-pages__row strong { font-size:21px; }
.su-wp-pages__row small { color:#6d6462; font-size:14px; }

.su-wp-content { padding:132px 0 136px; background:#edf1ff; }
.su-wp-content__intro { max-width:940px; margin-bottom:50px; }
.su-wp-content__intro h2 { margin:18px 0 22px; font-size:clamp(52px,6vw,88px); line-height:.95; letter-spacing:-.055em; }
.su-wp-content__intro h2 em { color:var(--su-indigo); font-family:Georgia,serif; font-weight:500; }
.su-wp-content__intro p { max-width:790px; margin:0; color:#616273; font-size:18px; line-height:1.72; }
.su-wp-content__panels { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.su-wp-content__panels article { min-height:430px; padding:34px; border:1px solid rgba(61,57,95,.16); border-radius:34px; background:#f8f5ee; display:flex; flex-direction:column; }
.su-wp-content__panels article.is-member { background:linear-gradient(145deg,#e0e1ff 0%,#e6f3ed 100%); }
.su-wp-content__panels article > span { color:#787489; font-size:14px; font-weight:900; letter-spacing:.1em; }
.su-wp-content__panels h3 { margin:72px 0 18px; font-size:38px; letter-spacing:-.045em; }
.su-wp-content__panels p { margin:0; color:#616172; font-size:17px; line-height:1.72; }
.su-wp-content__panels strong { margin-top:auto; padding-top:32px; color:#4a4763; font-size:15px; line-height:1.6; }

.su-wp-alerts { padding:130px 0 134px; background:#e8f1f7; }
.su-wp-alerts__head { display:grid; grid-template-columns:1.05fr .75fr; gap:78px; align-items:end; margin-bottom:48px; }
.su-wp-alerts__head h2 { margin:18px 0 0; font-size:clamp(52px,6vw,86px); line-height:.95; letter-spacing:-.055em; }
.su-wp-alerts__head p { margin:0 0 6px; color:#5d6570; font-size:18px; line-height:1.72; }
.su-wp-confirm { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(54,80,101,.19); border-bottom:1px solid rgba(54,80,101,.19); }
.su-wp-confirm > div { min-height:190px; padding:26px; border-right:1px solid rgba(54,80,101,.15); }
.su-wp-confirm > div:last-child { border-right:0; }
.su-wp-confirm span { display:block; margin-bottom:42px; color:#65798a; font-size:14px; font-weight:900; letter-spacing:.1em; }
.su-wp-confirm strong { display:block; margin-bottom:8px; font-size:22px; }
.su-wp-confirm small { color:#64707a; font-size:14px; }
.su-wp-alerts__channels { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:32px; }
.su-wp-alerts__channels article { min-height:210px; padding:28px; border:1px solid rgba(54,80,101,.14); border-radius:26px; background:rgba(250,249,245,.58); }
.su-wp-alerts__channels span { color:#65798a; font-size:14px; font-weight:900; letter-spacing:.09em; }
.su-wp-alerts__channels strong { display:block; margin:34px 0 11px; font-size:21px; }
.su-wp-alerts__channels p { margin:0; color:#626d76; font-size:15px; line-height:1.62; }

.su-wp-errors { position:relative; overflow:hidden; padding:134px 0; background:linear-gradient(145deg,#f3e7ee 0%,#eeeaff 52%,#e7f2eb 100%); }
.su-wp-errors .su-container { display:grid; grid-template-columns:190px 1fr .72fr; gap:56px; align-items:center; }
.su-wp-errors__mark { width:170px; height:170px; display:grid; place-items:center; border:2px solid rgba(85,82,219,.3); border-radius:50%; color:var(--su-indigo); font-family:Georgia,serif; font-size:48px; font-style:italic; transform:rotate(-7deg); }
.su-wp-errors__copy h2 { margin:18px 0 20px; font-size:clamp(48px,5.4vw,76px); line-height:.96; letter-spacing:-.055em; }
.su-wp-errors__copy p { margin:0; color:#625f71; font-size:17px; line-height:1.72; }
.su-wp-errors__summary { display:grid; grid-template-columns:auto 1fr; gap:10px 18px; padding:26px; border:1px solid rgba(71,65,111,.16); border-radius:28px; background:rgba(250,248,243,.58); }
.su-wp-errors__summary span { color:#777188; font-size:14px; font-weight:900; letter-spacing:.08em; }
.su-wp-errors__summary strong { font-size:18px; }
.su-wp-errors__summary small { grid-column:1 / -1; margin-top:14px; padding-top:16px; border-top:1px solid rgba(71,65,111,.13); color:#686576; font-size:14px; line-height:1.6; }

.su-wp-faq { background:#f3eee8; }
.su-wp-final { padding:134px 0 142px; background:linear-gradient(135deg,#dfe0ff 0%,#f1ddd6 48%,#dcefe6 100%); }
.su-wp-final .su-container { display:grid; grid-template-columns:220px 1fr; gap:72px; align-items:center; }
.su-wp-final__mark { width:200px; height:200px; display:grid; place-items:center; border:2px solid rgba(85,82,219,.38); border-radius:50%; color:var(--su-indigo); font-family:Georgia,serif; font-size:78px; font-style:italic; transform:rotate(-7deg); }
.su-wp-final h2 { margin:18px 0 20px; font-size:clamp(52px,5.9vw,86px); line-height:.95; letter-spacing:-.055em; }
.su-wp-final h2 em { color:var(--su-indigo); font-family:Georgia,serif; font-weight:500; }
.su-wp-final p { max-width:800px; margin:0; color:#625f70; font-size:18px; line-height:1.72; }
.su-wp-final__actions { display:flex; gap:22px; align-items:center; flex-wrap:wrap; margin-top:28px; }

@media (max-width:1080px) {
  .su-wp-proof .su-container,.su-wp-ajax .su-container { grid-template-columns:1fr; gap:44px; }
  .su-wp-health__intro,.su-wp-pages__head,.su-wp-alerts__head { grid-template-columns:1fr; gap:24px; }
  .su-wp-health__grid { grid-template-columns:1fr 1fr; }
  .su-wp-health__grid article:nth-child(2) { border-right:0; }
  .su-wp-health__grid article:nth-child(-n+2) { border-bottom:1px solid rgba(44,103,78,.16); }
  .su-wp-pages__row { grid-template-columns:120px .7fr 1fr; }
  .su-wp-errors .su-container { grid-template-columns:150px 1fr; }
  .su-wp-errors__summary { grid-column:2; }
  .su-wp-final .su-container { grid-template-columns:170px 1fr; gap:48px; }
  .su-wp-final__mark { width:160px; height:160px; font-size:62px; }
}

@media (max-width:760px) {
  .su-wp-proof,.su-wp-health,.su-wp-ajax,.su-wp-pages,.su-wp-content,.su-wp-alerts,.su-wp-errors,.su-wp-final { padding-top:94px; padding-bottom:98px; }
  .su-wp-proof__http { grid-template-columns:68px 1fr; padding:24px; }
  .su-wp-proof__http > span { width:68px; height:68px; font-size:14px; }
  .su-wp-proof__more { padding:16px 24px 24px; }
  .su-wp-health__grid { grid-template-columns:1fr; }
  .su-wp-health__grid article,.su-wp-health__grid article:nth-child(2) { min-height:0; border-right:0; border-bottom:1px solid rgba(44,103,78,.16); }
  .su-wp-health__grid article:last-child { border-bottom:0; }
  .su-wp-health__grid span { margin-bottom:26px; }
  .su-wp-ajax__type { font-size:200px; top:-30px; }
  .su-wp-pages__row { grid-template-columns:1fr 1fr; gap:9px 18px; padding:22px 0; }
  .su-wp-pages__row small { grid-column:1 / -1; }
  .su-wp-content__panels { grid-template-columns:1fr; }
  .su-wp-content__panels article { min-height:0; }
  .su-wp-content__panels h3 { margin-top:42px; }
  .su-wp-confirm,.su-wp-alerts__channels { grid-template-columns:1fr; }
  .su-wp-confirm > div { min-height:0; border-right:0; border-bottom:1px solid rgba(54,80,101,.15); }
  .su-wp-confirm > div:last-child { border-bottom:0; }
  .su-wp-confirm span { margin-bottom:20px; }
  .su-wp-errors .su-container,.su-wp-final .su-container { grid-template-columns:1fr; gap:34px; }
  .su-wp-errors__mark { width:130px; height:130px; font-size:38px; }
  .su-wp-errors__summary { grid-column:auto; }
  .su-wp-final__mark { width:140px; height:140px; font-size:54px; }
}

@media (max-width:520px) {
  .su-wp-proof__more > div { grid-template-columns:1fr; gap:4px; }
  .su-wp-ajax__timing > div { grid-template-columns:1fr; gap:5px; }
  .su-wp-ajax__timing strong { text-align:left; }
  .su-wp-pages__row { grid-template-columns:1fr; }
  .su-wp-pages__row small { grid-column:auto; }
  .su-wp-errors__summary { grid-template-columns:1fr; }
  .su-wp-errors__summary small { grid-column:auto; }
}

/* StoreUptime status: quiet service-report layout, deliberately distinct from Website Down Watch. */
.su-status-page { min-height:70vh; background:#f4f3ef; color:#171a24; }
.su-status-hero { padding:108px 0 74px; background:#f4f3ef; border-bottom:1px solid rgba(24,29,42,.11); }
.su-status-hero__topline { display:flex; justify-content:space-between; gap:24px; align-items:center; padding-bottom:28px; border-bottom:1px solid rgba(24,29,42,.11); }
.su-status-since { color:#6f726f; font-size:14px; font-weight:760; letter-spacing:.02em; }
.su-status-hero__grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr); gap:70px; align-items:end; padding-top:52px; }
.su-status-hero__copy h1 { margin:0; font-size:clamp(58px,7vw,104px); line-height:.91; letter-spacing:-.065em; }
.su-status-hero__copy h1 em { color:#3f5f51; font-family:Georgia,serif; font-weight:500; }
.su-status-hero__copy p { max-width:720px; margin:28px 0 0; color:#676b69; font-size:18px; line-height:1.7; }
.su-status-orbit { display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:center; padding:26px 0 4px; border-top:1px solid rgba(24,29,42,.13); }
.su-status-orbit__signal { position:relative; width:54px; height:54px; border:1px solid rgba(44,133,96,.28); border-radius:50%; background:#edf6f1; }
.su-status-orbit__signal i { position:absolute; width:14px; height:14px; left:19px; top:19px; border-radius:50%; background:#2fa873; box-shadow:0 0 0 7px rgba(47,168,115,.10); }
.su-status-orbit[data-status="outage"] .su-status-orbit__signal { border-color:rgba(199,73,73,.30); background:#fbefed; }
.su-status-orbit[data-status="outage"] .su-status-orbit__signal i { background:#cf5757; box-shadow:0 0 0 7px rgba(207,87,87,.10); }
.su-status-orbit__state { display:grid; gap:4px; }
.su-status-orbit__state > span { color:#777b78; font-size:13px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.su-status-orbit__state strong { font-size:clamp(25px,2.5vw,37px); line-height:1.05; letter-spacing:-.035em; }
.su-status-orbit__state small { color:#777b78; font-size:14px; line-height:1.45; }
.su-status-summary { display:grid; grid-template-columns:repeat(3,1fr); margin-top:62px; border-top:1px solid rgba(24,29,42,.12); border-bottom:1px solid rgba(24,29,42,.12); }
.su-status-summary > div { min-height:132px; padding:25px 30px 24px 0; border-right:1px solid rgba(24,29,42,.11); }
.su-status-summary > div + div { padding-left:30px; }
.su-status-summary > div:last-child { border-right:0; }
.su-status-summary span { display:block; color:#777b78; font-size:12px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.su-status-summary strong { display:block; margin-top:11px; font-size:34px; line-height:1; letter-spacing:-.04em; }
.su-status-summary small { display:block; margin-top:8px; color:#777b78; font-size:13px; }

.su-status-record-section { padding:116px 0 124px; background:#faf9f6; }
.su-status-incidents-section { padding:116px 0 124px; background:#eef3ef; }
.su-status-monthly-section { padding:104px 0 118px; background:#f4f3ef; }
.su-status-section-head { display:grid; grid-template-columns:1.12fr .72fr; gap:72px; align-items:end; margin-bottom:38px; }
.su-status-section-head--compact { margin-bottom:30px; }
.su-status-section-head h2,.su-status-two-column__intro h2 { margin:16px 0 0; font-size:clamp(43px,5vw,68px); line-height:.98; letter-spacing:-.052em; }
.su-status-section-head > p,.su-status-two-column__intro p { margin:0 0 4px; color:#6c716e; font-size:16px; line-height:1.7; }
.su-status-record-legend { display:flex; flex-wrap:wrap; gap:18px; margin:0 0 22px; color:#6d726f; font-size:13px; font-weight:780; }
.su-status-record-legend span { display:inline-flex; align-items:center; gap:7px; }
.su-status-record-legend i { width:10px; height:10px; border-radius:999px; background:#c8cbc8; }
.su-status-record-legend i.is-up { background:#39b886; }
.su-status-record-legend i.is-down { background:#d76262; }
.su-status-record-legend i.is-pending { background:#c8cbc8; }
.su-status-ledger { border-top:1px solid rgba(24,29,42,.13); }
.su-status-ledger-row { display:grid; grid-template-columns:154px minmax(0,1fr) 130px; gap:28px; align-items:center; min-height:104px; border-bottom:1px solid rgba(24,29,42,.11); }
.su-status-ledger-row__date { display:grid; gap:5px; }
.su-status-ledger-row__date strong { font-size:18px; letter-spacing:.015em; }
.su-status-ledger-row__date span,.su-status-ledger-row__detail,.su-status-ledger-row__metric span { color:#777b78; font-size:13px; line-height:1.4; }
.su-status-ledger-row__track-wrap { display:grid; gap:9px; min-width:0; }
.su-status-ledger-row__track { position:relative; height:12px; overflow:hidden; border-radius:999px; background:#d9dcda; box-shadow:inset 0 0 0 1px rgba(24,29,42,.05); }
.su-status-ledger-row__observed,.su-status-ledger-row__down { position:absolute; top:0; bottom:0; left:0; }
.su-status-ledger-row__observed { background:#39b886; }
.su-status-ledger-row__down { background:#d76262; z-index:2; }
.su-status-ledger-row__metric { display:grid; gap:4px; text-align:right; }
.su-status-ledger-row__metric strong { font-size:20px; letter-spacing:-.02em; }
.su-status-ledger-row.has-incident .su-status-ledger-row__metric strong { color:#b94c4c; }

.su-status-two-column { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:92px; align-items:start; }
.su-status-two-column__intro { position:sticky; top:118px; }
.su-status-two-column__intro p { margin-top:25px; max-width:460px; }
.su-status-incidents { border-top:1px solid rgba(34,74,54,.16); }
.su-status-incident { display:grid; grid-template-columns:52px 1fr auto; gap:22px; align-items:center; min-height:104px; padding:22px 0; border-bottom:1px solid rgba(34,74,54,.14); }
.su-status-incident__index { color:#749081; font-family:Georgia,serif; font-size:23px; font-style:italic; }
.su-status-incident__copy strong { display:block; font-size:19px; }
.su-status-incident__copy p { margin:6px 0 0; color:#66736c; font-size:13px; line-height:1.5; }
.su-status-incident__duration { color:#466253; font-size:14px; font-weight:850; white-space:nowrap; }
.su-status-clear { display:flex; gap:18px; align-items:center; padding:26px 0; border-bottom:1px solid rgba(34,74,54,.14); }
.su-status-clear__mark { width:46px; height:46px; display:grid; place-items:center; flex:0 0 auto; border:1px solid rgba(47,168,115,.28); border-radius:50%; color:#2f8d69; background:#e3f2ea; font-size:20px; font-weight:900; }
.su-status-clear strong { font-size:19px; }
.su-status-clear p { margin:4px 0 0; color:#66736c; font-size:13px; }

.su-status-months { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); border-top:1px solid rgba(24,29,42,.12); }
.su-status-month { min-height:105px; padding:23px 24px 20px 0; border-bottom:1px solid rgba(24,29,42,.11); }
.su-status-month span { display:block; color:#777b78; font-size:12px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.su-status-month strong { display:block; margin-top:13px; font-size:30px; line-height:1; letter-spacing:-.04em; }
.su-status-loading { grid-column:1 / -1; padding:21px 0; border-bottom:1px dashed rgba(24,29,42,.18); color:#777b78; font-size:14px; }
.su-status-loading.is-error { color:#9b5050; }

@media (max-width:900px) {
  .su-status-hero__grid,.su-status-section-head,.su-status-two-column { grid-template-columns:1fr; gap:34px; }
  .su-status-two-column__intro { position:static; }
  .su-status-summary { grid-template-columns:1fr; }
  .su-status-summary > div,.su-status-summary > div + div { min-height:0; padding:20px 0; border-right:0; border-bottom:1px solid rgba(24,29,42,.10); }
  .su-status-summary > div:last-child { border-bottom:0; }
}
@media (max-width:680px) {
  .su-status-hero { padding:88px 0 62px; }
  .su-status-hero__topline { align-items:flex-start; flex-direction:column; gap:10px; }
  .su-status-record-section,.su-status-incidents-section,.su-status-monthly-section { padding:82px 0 90px; }
  .su-status-ledger-row { grid-template-columns:1fr auto; gap:14px; padding:20px 0; }
  .su-status-ledger-row__track-wrap { grid-column:1 / -1; grid-row:2; }
  .su-status-ledger-row__metric { grid-column:2; grid-row:1; }
  .su-status-incident { grid-template-columns:40px 1fr; }
  .su-status-incident__duration { grid-column:2; }
}

/* Legal pages: quiet editorial document layout. */
.su-legal-page { min-height: 70vh; background: #f1efe9; }
.su-legal-hero {
  position: relative;
  overflow: hidden;
  margin-top: -82px;
  padding: 178px 0 88px;
  background:
    radial-gradient(circle at 16% 18%, rgba(255,213,191,.58), transparent 29%),
    radial-gradient(circle at 82% 10%, rgba(208,211,255,.62), transparent 31%),
    linear-gradient(135deg, #f2eee8 0%, #eeedf8 100%);
}
.su-legal-hero .su-container--narrow { max-width: 900px; }
.su-legal-hero h1 { margin: 14px 0 20px; font-size: clamp(52px, 7vw, 92px); line-height: .98; font-weight: 740; letter-spacing: -.055em; }
.su-legal-hero p { max-width: 760px; margin: 0; color: #5f5d6d; font-size: 18px; line-height: 1.72; }
.su-legal-updated { display: inline-flex; margin-top: 24px; color: #7d7989; font-size: 14px; font-weight: 760; letter-spacing: .02em; }
.su-legal-body { padding: 58px 0 116px; background: linear-gradient(180deg,#f1efe9 0%,#efeff8 100%); }
.su-legal-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 52px; align-items: start; }
.su-legal-nav { position: sticky; top: 106px; display: grid; gap: 2px; padding-top: 9px; }
.admin-bar .su-legal-nav { top: 138px; }
.su-legal-nav > span { margin-bottom: 11px; color: #656273; font-size: 14px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.su-legal-nav a { padding: 7px 0; color: #85818f; font-size: 14px; line-height: 1.35; text-decoration: none; }
.su-legal-nav a:hover { color: var(--su-indigo-deep); }
.su-legal-document { min-width: 0; max-width: 880px; }
.su-legal-document section { scroll-margin-top: 118px; padding: 0 0 34px; border-bottom: 1px solid rgba(57,53,91,.12); }
.su-legal-document section + section { padding-top: 36px; }
.su-legal-document section:last-child { border-bottom: 0; padding-bottom: 0; }
.su-legal-document h2 { margin: 0 0 15px; font-size: clamp(28px, 3vw, 38px); line-height: 1.14; font-weight: 740; letter-spacing: -.025em; }
.su-legal-document h3 { margin: 26px 0 12px; font-size: 23px; line-height: 1.22; font-weight: 760; }
.su-legal-document p,
.su-legal-document li { color: #5d5c6c; font-size: 15px; line-height: 1.82; }
.su-legal-document p { margin: 0; }
.su-legal-document p + p { margin-top: 14px; }
.su-legal-document ul { margin: 14px 0 0; padding-left: 22px; }
.su-legal-document li + li { margin-top: 8px; }
.su-legal-document strong { color: #373548; }
.su-legal-document a { color: var(--su-indigo-deep); text-underline-offset: 3px; }
.su-legal-company {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 11px;
  margin-top: 28px;
  padding-top: 15px;
  border-top: 1px solid rgba(57,53,91,.10);
  color: #9793a1;
  font-size: 14px;
  line-height: 1.55;
}
.su-legal-company span { display: inline; }
.su-legal-company a { color: inherit; }

@media (max-width: 900px) {
  .su-legal-layout { grid-template-columns: 1fr; gap: 32px; }
  .su-legal-nav { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 18px; padding: 18px 0 25px; border-bottom: 1px solid rgba(57,53,91,.12); }
  .su-legal-nav > span { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .su-legal-hero { padding: 154px 0 72px; }
  .su-legal-hero h1 { font-size: clamp(46px, 16vw, 70px); }
  .su-legal-body { padding: 42px 0 82px; }
  .su-legal-nav { grid-template-columns: 1fr; }
  .su-legal-document section { scroll-margin-top: 92px; }
  .su-legal-company { gap: 4px 9px; }
}

@media (max-width:980px) {
  .su-contact-hero__grid,.su-contact-workspace__grid { grid-template-columns:1fr; gap:34px; }
}
@media (max-width:720px) {
  .su-contact-hero { padding-top:148px; padding-bottom:76px; }
  .su-contact-hero__meta { margin-bottom:30px; }
  .su-pricing-group__title-row { align-items:flex-start; flex-direction:column; gap:10px; }
  .su-pricing__usd-note { margin-bottom:-38px; }
}

/* Reliable WordPress Cron guide — uses the same StoreUptime editorial design system. */
.su-cron-guide {
  background: var(--su-canvas);
  color: var(--su-ink);
  font: inherit;
}

.su-cron-guide section { padding: 92px 0; }

.su-cron-hero {
  position: relative;
  overflow: hidden;
  margin-top: -82px;
  padding: 176px 0 96px !important;
  background:
    radial-gradient(circle at 13% 20%, rgba(190,234,217,.72), transparent 27%),
    radial-gradient(circle at 88% 22%, rgba(205,210,255,.72), transparent 31%),
    radial-gradient(circle at 70% 88%, rgba(255,218,198,.56), transparent 29%),
    linear-gradient(140deg, var(--su-canvas-cool) 0%, #f1ecef 46%, var(--su-canvas) 100%);
}

.su-cron-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .2;
  background-image: radial-gradient(rgba(64,59,101,.22) .65px, transparent .65px);
  background-size: 17px 17px;
  mask-image: linear-gradient(to bottom, #000 0, transparent 75%);
}

.su-cron-hero .su-container { position: relative; z-index: 1; }

.su-cron-guide .su-kicker {
  color: var(--su-indigo-deep);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .13em;
}

.su-cron-hero h1 {
  max-width: 1020px;
  margin: 18px 0 28px;
  color: var(--su-ink-strong);
  font-size: clamp(58px, 7vw, 104px);
  font-weight: 750;
  line-height: .92;
  letter-spacing: -.067em;
}

.su-cron-hero h1 em {
  color: var(--su-indigo);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  font-style: italic;
  letter-spacing: -.055em;
}

.su-cron-hero p {
  max-width: 900px;
  color: var(--su-ink-soft);
  font-size: 19px;
  line-height: 1.72;
}

.su-cron-callout {
  display: grid;
  gap: 8px;
  max-width: 980px;
  margin-top: 34px;
  padding: 24px 28px;
  border: 1px solid var(--su-line-strong);
  border-radius: var(--su-radius);
  background: rgba(251,250,247,.72);
  box-shadow: var(--su-shadow-soft);
  backdrop-filter: blur(12px);
}

.su-cron-callout strong {
  color: var(--su-ink-strong);
  font-size: 18px;
}

.su-cron-callout span { color: var(--su-ink-soft); line-height: 1.6; }

.su-cron-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 38px;
}

.su-cron-grid article {
  padding: 34px;
  border: 1px solid var(--su-line);
  border-radius: var(--su-radius);
  background: var(--su-paper);
  box-shadow: var(--su-shadow-soft);
}

.su-cron-guide h2 {
  margin: 8px 0 20px;
  color: var(--su-ink-strong);
  font-size: clamp(40px, 5vw, 70px);
  font-weight: 730;
  line-height: .98;
  letter-spacing: -.055em;
}

.su-cron-guide h3 {
  color: var(--su-ink-strong);
  font-size: 22px;
}

.su-cron-guide p,
.su-cron-guide li {
  color: var(--su-ink-soft);
  font-size: 17px;
  line-height: 1.72;
}

.su-cron-alt {
  background:
    radial-gradient(circle at 86% 15%, rgba(220,220,255,.64), transparent 28%),
    linear-gradient(145deg, var(--su-paper-strong), var(--su-canvas-cool));
  border-top: 1px solid var(--su-line);
  border-bottom: 1px solid var(--su-line);
}

.su-cron-table {
  display: grid;
  gap: 12px;
  margin-top: 30px;
}

.su-cron-table > div {
  display: grid;
  grid-template-columns: minmax(250px,.65fr) 1fr;
  gap: 24px;
  padding: 20px 22px;
  border: 1px solid var(--su-line);
  border-radius: var(--su-radius-sm);
  background: rgba(251,250,247,.86);
}

.su-cron-table strong { color: var(--su-ink-strong); }
.su-cron-table span { color: var(--su-ink-soft); line-height: 1.55; }

.su-cron-steps {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 16px;
  margin-top: 32px;
}

.su-cron-steps article {
  padding: 24px;
  border: 1px solid var(--su-line);
  border-top: 4px solid var(--su-indigo);
  border-radius: var(--su-radius-sm);
  background: var(--su-paper);
  box-shadow: var(--su-shadow-soft);
}

.su-cron-steps b {
  color: var(--su-indigo);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 500;
}

.su-cron-warning {
  display: grid;
  gap: 8px;
  margin: 28px 0;
  padding: 22px 24px;
  border: 1px solid rgba(211,163,57,.28);
  border-left: 5px solid var(--su-gold);
  border-radius: var(--su-radius-sm);
  background: var(--su-gold-soft);
}

.su-cron-warning strong { color: var(--su-ink-strong); }
.su-cron-warning span { color: #64572f; line-height: 1.6; }

.su-cron-guide code {
  padding: .15em .38em;
  border: 1px solid var(--su-line);
  border-radius: 5px;
  background: var(--su-paper-strong);
  color: var(--su-indigo-deep);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: .92em;
}

.su-cron-checklist ul {
  display: grid;
  gap: 10px;
  max-width: 900px;
  padding-left: 22px;
}

.su-cron-checklist .su-button { margin-top: 22px; }

@media (max-width: 800px) {
  .su-cron-grid,
  .su-cron-steps { grid-template-columns: 1fr; }
  .su-cron-table > div { grid-template-columns: 1fr; gap: 8px; }
  .su-cron-guide section { padding: 64px 0; }
  .su-cron-hero {
    margin-top: -76px;
    padding: 154px 0 76px !important;
  }
  .su-cron-hero h1 { font-size: clamp(50px, 12vw, 76px); }
}