.page--third-party-delivery-integrations .deep-hero::before {
  content: "3 CHANNELS · ONE KITCHEN";
  background: var(--lime);
}

.delivery-hub-screen {
  min-height: 500px;
  padding: 42px;
  background: #eef3ff;
  color: var(--ink);
  transform: rotate(1deg);
}

.delivery-channels {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.delivery-channels span {
  min-width: 0;
  padding: 17px 14px;
  border: 3px solid var(--ink);
  background: #fff;
  box-shadow: 5px 5px 0 var(--ink);
}

.delivery-channels span:nth-child(2) { background: #ffe4de; transform: rotate(-2deg); }
.delivery-channels span:nth-child(3) { background: #d9f4ec; transform: rotate(1deg); }
.delivery-channels i,
.delivery-channels b,
.delivery-channels small { display: block; }
.delivery-channels i { color: var(--blue); font: italic 15px Georgia, serif; }
.delivery-channels b { margin: 8px 0 3px; font: 800 12px "Outfit", sans-serif; }
.delivery-channels small { color: var(--muted); font-size: 10px; }

.delivery-flow {
  height: 63px;
  padding-top: 10px;
  color: var(--blue);
  font: 800 35px "Outfit", sans-serif;
  letter-spacing: .45em;
  text-align: center;
}

.delivery-kitchen {
  max-width: 390px;
  margin: auto;
  padding: 23px 28px;
  border: 4px solid var(--ink);
  background: var(--blue);
  box-shadow: 9px 9px 0 var(--coral);
  color: #fff;
}

.delivery-kitchen small,
.delivery-kitchen b,
.delivery-kitchen span { display: block; }
.delivery-kitchen small { color: var(--lime); font: 800 10px "Outfit", sans-serif; letter-spacing: .08em; }
.delivery-kitchen b { margin: 6px 0; font: 800 34px "Outfit", sans-serif; }
.delivery-kitchen span { color: #dbe4ff; font-size: 12px; }

.delivery-proof {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 27px;
  flex-wrap: wrap;
}

.delivery-proof span {
  padding: 6px 9px;
  border: 2px solid var(--ink);
  background: var(--lime);
  font: 800 9px "Outfit", sans-serif;
  letter-spacing: .05em;
  transform: rotate(-1deg);
}

.delivery-proof span:nth-child(2) { background: #fff; transform: rotate(1deg); }

.page--restaurant-sms-marketing .deep-hero::before {
  content: "CAMPAIGN · SEND WINDOW OPEN";
  background: #ffe4de;
}

.sms-campaign-screen {
  min-height: 500px;
  padding: 34px;
  background: var(--plum);
  color: #fff;
  transform: rotate(-1deg);
}

.sms-campaign-head {
  padding-bottom: 17px;
  border-bottom: 2px solid rgba(255,255,255,.3);
}

.sms-campaign-head span,
.sms-campaign-head b { display: block; }
.sms-campaign-head span { color: var(--lime); font: 800 10px "Outfit", sans-serif; letter-spacing: .09em; }
.sms-campaign-head b { margin-top: 5px; font: 800 26px "Outfit", sans-serif; }

.sms-audience {
  margin: 18px 0;
  padding: 14px 16px;
  border: 2px solid var(--ink);
  background: #fff;
  box-shadow: 5px 5px 0 var(--ink);
  color: var(--ink);
}

.sms-audience small,
.sms-audience b,
.sms-audience span { display: block; }
.sms-audience small { color: var(--blue); font: 800 9px "Outfit", sans-serif; letter-spacing: .08em; }
.sms-audience b { margin: 4px 0; font: 800 15px "Outfit", sans-serif; }
.sms-audience span { color: var(--muted); font-size: 11px; }

.sms-message {
  position: relative;
  max-width: 83%;
  margin: 24px 0 25px auto;
  padding: 16px 18px;
  border: 3px solid var(--ink);
  border-radius: 18px 18px 3px 18px;
  background: #dce7ff;
  box-shadow: 6px 6px 0 var(--ink);
  color: var(--ink);
  font-size: 14px;
  line-height: 1.35;
}

.sms-results {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 2px solid rgba(255,255,255,.5);
}

.sms-results span {
  padding: 12px;
  border-right: 2px solid rgba(255,255,255,.5);
}

.sms-results span:last-child { border-right: 0; }
.sms-results small,
.sms-results b { display: block; }
.sms-results small { color: #ddd4ea; font: 800 8px "Outfit", sans-serif; letter-spacing: .07em; }
.sms-results b { margin-top: 3px; color: var(--lime); font: 800 21px "Outfit", sans-serif; }

@media (max-width: 700px) {
  .delivery-hub-screen,
  .sms-campaign-screen { min-height: 430px; padding: 24px 18px; }
  .delivery-channels { gap: 6px; }
  .delivery-channels span { padding: 12px 8px; box-shadow: 3px 3px 0 var(--ink); }
  .delivery-channels b { font-size: 9px; }
  .delivery-flow { letter-spacing: .2em; }
  .sms-results span { padding: 10px 6px; }
  .sms-results b { font-size: 17px; }
}

/* Commercial capability pages: each hero borrows a real artifact from its workflow. */
.page--restaurant-gift-cards .deep-hero::before{content:"BALANCE · $31.58";background:#eee0a7}.page--restaurant-payroll-time-tracking .deep-hero::before{content:"PAY PERIOD · REVIEW";background:var(--aqua)}.page--restaurant-invoicing-payments .deep-hero::before{content:"INVOICE · SENT";background:#d9f4ec}.page--restaurant-cash-management .deep-hero::before{content:"DRAWER 02 · CLOSE";background:#ffe4de}.page--restaurant-kitchen-pacing .deep-hero::before{content:"6:30 · CAPACITY MET";background:var(--lime)}.page--restaurant-sales-tax-automation .deep-hero::before{content:"TAX · SET ASIDE";background:#d9f4ec}.page--restaurant-offers-promotions .deep-hero::before{content:"OFFER · 84 REDEMPTIONS";background:#ffe4de}.page--restaurant-online-ordering-accounts .deep-hero::before{content:"RETURNING GUEST · 12 ORDERS";background:var(--aqua)}
.gift-card-screen,.payroll-screen,.invoice-screen,.cash-close-screen,.pacing-screen,.tax-screen,.offers-screen,.guest-account-screen,.integration-directory-screen{min-height:500px;padding:36px;color:var(--ink)}
.gift-card-screen{background:#f2cf72;transform:rotate(1deg)}.gift-card-object{width:72%;min-height:185px;padding:25px;border:4px solid var(--ink);border-radius:18px;background:var(--blue);box-shadow:10px 10px 0 var(--coral);color:#fff;transform:rotate(-4deg)}.gift-card-object small,.gift-card-object b,.gift-card-object span{display:block}.gift-card-object b{margin:17px 0;font:800 50px "Outfit"}.gift-card-object span{letter-spacing:.18em}.gift-card-ledger{width:76%;margin:-10px 0 0 auto;padding:23px;border:3px solid var(--ink);background:#fff}.gift-card-ledger p{display:flex;justify-content:space-between;margin:0;padding:8px 0;border-bottom:1px solid #d6dbea}.gift-card-ledger strong{color:var(--blue);font-size:22px}
.payroll-screen{background:#d9f4ec;transform:rotate(-1deg)}.payroll-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0}.payroll-summary span{padding:17px 12px;border:2px solid var(--ink);background:#fff}.payroll-summary small,.payroll-summary b{display:block}.payroll-summary small{color:var(--muted);font:800 8px "Outfit"}.payroll-summary b{margin-top:6px;font:800 19px "Outfit"}.payroll-queue{border:3px solid var(--ink);background:#fff}.payroll-queue p{display:flex;gap:12px;margin:0;padding:12px 15px;border-bottom:1px solid #dce2e9}.payroll-queue i{width:24px;color:var(--blue);font-style:normal;font-weight:900}.payroll-review{float:right;margin-top:18px;padding:12px 16px;border:2px solid var(--ink);background:var(--lime);box-shadow:4px 4px 0 var(--ink);font-weight:800}
.invoice-screen{display:grid;grid-template-columns:1fr .55fr;gap:18px;align-items:center;background:#dce7ff;transform:rotate(1deg)}.invoice-paper{padding:28px;border:2px solid #aab0ba;background:#fffaf0;box-shadow:8px 8px 0 var(--ink)}.invoice-paper small,.invoice-paper>b{display:block}.invoice-paper>b{margin:8px 0 22px;font:800 23px "Outfit"}.invoice-paper p,.invoice-paper>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dotted #7d7d75}.invoice-paper>div b{font-size:23px}.invoice-send{display:grid;gap:10px}.invoice-send span,.invoice-send b{padding:10px;border:2px solid var(--ink);background:#fff;text-align:center}.invoice-send b{background:var(--lime);font-size:10px}
.cash-close-screen{background:#ffe4de;transform:rotate(-1deg)}.cash-drawer-top{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:3px solid var(--ink);font:800 11px "Outfit"}.cash-count{margin:25px auto;width:70%;padding:20px;border:3px solid var(--ink);background:#fff;text-align:center}.cash-count small,.cash-count b,.cash-count strong{display:block}.cash-count b{font:800 29px "Outfit"}.cash-count strong{margin-top:12px;color:var(--coral);font-size:21px}.cash-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cash-checks p{margin:0;padding:10px 7px;border:2px solid var(--ink);background:#fff;font-size:10px}.cash-checks i{color:#39966d}.cash-close-screen button{display:block;margin:20px auto 0;padding:12px 20px;border:2px solid var(--ink);background:var(--blue);color:#fff;font-weight:800}
.pacing-screen{background:#eef3ff;transform:rotate(1deg)}.pacing-lanes{margin:28px 0}.pacing-lanes p{display:grid;grid-template-columns:75px 1fr 55px;align-items:center;gap:10px}.pacing-lanes span{font:800 10px "Outfit"}.pacing-lanes i{height:15px;border:2px solid var(--ink);background:#fff}.pacing-lanes i b{display:block;height:100%;background:var(--blue)}.pacing-lanes p:nth-child(2) i b{background:var(--coral)}.pacing-lanes strong{font-size:11px}.pacing-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.pacing-slots>span{padding:15px 7px;border:2px solid var(--ink);background:#fff;text-align:center;font-weight:800}.pacing-slots small{display:block;color:#43946f;font-size:8px}.pacing-slots .full{background:var(--ink);color:#fff}.pacing-slots .full small{color:var(--coral)}
.tax-screen{background:#d9f4ec;transform:rotate(-1deg)}.tax-day{padding:24px;border:3px solid var(--ink);background:#fff;box-shadow:7px 7px 0 var(--blue)}.tax-day small,.tax-day b,.tax-day span{display:block}.tax-day b{font:800 39px "Outfit"}.tax-day span{color:var(--muted)}.tax-flow{display:flex;align-items:center;justify-content:center;gap:9px;margin:40px 0;font:800 10px "Outfit"}.tax-flow span{padding:9px;border:2px solid var(--ink);background:var(--lime)}.tax-flow i{color:var(--blue);font-size:19px}.tax-status{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px;border:3px solid var(--ink);background:var(--ink);color:#fff}.tax-status b{color:var(--lime)}.tax-status span{font-size:11px}.tax-status em{padding:5px;background:#d9f4ec;color:var(--ink);font-size:8px;font-style:normal;font-weight:900}
.offers-screen{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px;align-items:center;background:#f5b84d;transform:rotate(1deg)}.offer-ticket{padding:27px 20px;border:3px dashed var(--ink);background:#fffaf0;box-shadow:7px 7px 0 var(--ink);text-align:center;transform:rotate(-3deg)}.offer-ticket small,.offer-ticket b,.offer-ticket span{display:block}.offer-ticket b{margin:10px 0;color:var(--blue);font:800 24px "Outfit"}.offer-ticket span{font-size:20px}.offer-funnel p{display:flex;justify-content:space-between;align-items:center;margin:8px 0;padding:15px;border:3px solid var(--ink);background:#fff}.offer-funnel span{font:800 9px "Outfit"}.offer-funnel b{font-size:23px}.offer-funnel p:last-child{background:var(--lime)}
.guest-account-screen{background:#68cbd1;transform:rotate(-1deg)}.guest-account-head{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:3px solid var(--ink)}.guest-account-head>i{display:grid;width:55px;height:55px;place-items:center;border:3px solid var(--ink);border-radius:50%;background:var(--lime);font:800 16px "Outfit"}.guest-account-head b,.guest-account-head small{display:block}.guest-account-head b{font:800 22px "Outfit"}.guest-account-head small{color:#344b54}.guest-favorites{margin-top:24px}.guest-favorites>small{font:800 9px "Outfit";letter-spacing:.08em}.guest-favorites p{display:flex;justify-content:space-between;align-items:center;padding:15px;border:3px solid var(--ink);background:#fff;box-shadow:5px 5px 0 var(--ink)}.guest-favorites span,.guest-favorites em{display:block}.guest-favorites em{color:var(--muted);font-size:11px;font-style:normal}.guest-favorites p>b{color:var(--blue);font-size:25px}.guest-account-foot{display:flex;justify-content:space-between;font:800 10px "Outfit"}
.integration-directory-screen{background:#eef3ff;transform:rotate(1deg)}.integration-directory-head{display:flex;justify-content:space-between;margin-bottom:20px}.integration-directory-head b{font:800 13px "Outfit"}.integration-directory-head span{color:var(--muted);font-size:10px}.integration-directory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.integration-directory-grid>span{padding:14px;border:2px solid var(--ink);background:#fff;box-shadow:4px 4px 0 var(--ink)}.integration-directory-grid i,.integration-directory-grid b,.integration-directory-grid small{display:block}.integration-directory-grid i{color:var(--blue);font:800 8px "Outfit"}.integration-directory-grid b{margin:3px 0;font:800 15px "Outfit"}.integration-directory-grid small{color:var(--muted);font-size:9px}.integration-directory-grid>span:nth-child(3n){background:#ffe4de}.integration-directory-grid>span:nth-child(3n+2){background:#d9f4ec}.integration-directory-screen .integration-rule{margin-top:21px;text-align:center;font:800 11px "Outfit"}
@media(max-width:700px){.gift-card-screen,.payroll-screen,.invoice-screen,.cash-close-screen,.pacing-screen,.tax-screen,.offers-screen,.guest-account-screen,.integration-directory-screen{min-height:430px;padding:22px 16px}.invoice-screen,.offers-screen{grid-template-columns:1fr}.invoice-send{grid-template-columns:repeat(3,1fr)}.cash-checks{grid-template-columns:1fr}.pacing-slots{grid-template-columns:repeat(2,1fr)}.tax-flow{gap:3px}.tax-flow span{padding:6px 4px;font-size:7px}.integration-directory-grid{gap:6px}}
.nav-mega-platform{width:min(760px,calc(100vw - 40px));grid-template-columns:1fr;gap:8px;padding:14px}
.nav-subgroup{border:1px solid #dce2ec;border-radius:13px;background:#fff;overflow:hidden}
.nav-subgroup>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;cursor:pointer;list-style:none}
.nav-subgroup>summary::-webkit-details-marker{display:none}
.nav-subgroup>summary span,.nav-subgroup>summary b,.nav-subgroup>summary small{display:block}
.nav-group[open] .nav-subgroup>summary span{transform:none}
.nav-subgroup>summary b{color:var(--blue);font:800 14px "Outfit",sans-serif;text-transform:uppercase;letter-spacing:.05em}
.nav-subgroup>summary small{margin-top:2px;color:var(--muted);font-size:12px}
.nav-subgroup>summary i{color:var(--blue);font:800 21px/1 "Outfit",sans-serif;font-style:normal;transition:transform .2s}
.nav-subgroup[open]>summary i{transform:rotate(45deg)}
.nav-subgroup[open]>summary{background:var(--mist)}
.nav-subgroup>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:7px}
@media(max-width:900px){.nav-mega-platform{width:100%;grid-template-columns:1fr}.nav-subgroup>div{grid-template-columns:1fr}.nav-subgroup>summary{padding:13px}.nav-subgroup>summary small{font-size:11px}}