/* Homepage visual direction based on the supplied GastroConnect reference.
   This stylesheet only changes presentation; existing controls and handlers remain intact. */
:root {
  --cream: #f7f0e4;
  --cream-2: #f7f0e4;
  --green: #073d36;
  --green-2: #07544b;
  --gold: #f1a33b;
  --ink: #f7f0e4;
  --text: #d2e0d8;
  --muted: #a6bdb2;
  --line: rgba(241, 163, 59, .22);
}

body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) {
  color: var(--ink);
  background: #001714;
}
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .page-shell {
  background: radial-gradient(ellipse at 76% 8%, #064238 0, transparent 44rem), linear-gradient(180deg,#00231f,#001512 68%);
}

/* Compact dark navigation */
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .site-header {
  min-height: 64px;
  padding: 8px clamp(22px, 4vw, 56px);
  gap: 24px;
  background: rgba(0, 37, 33, .97);
  border-bottom: 1px solid rgba(241,163,59,.24);
}
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .brand { width: 220px; color: #fff5e7; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .brand-logo,
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .footer-logo { filter: brightness(0) invert(1); }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .main-nav { gap: clamp(10px, 2vw, 26px); }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .main-nav a { color: #f2eee4; font-size: 13px; font-weight: 700; white-space: nowrap; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .main-nav a::after { display:none; }

/* Photo-led hero */
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main { display:flex; flex-direction:column; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .poster-hero { order:1; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .earnings-calculator { order:3; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .platform-search-section { order:4; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.marketplace-hero)) main > .dish-showcase { order:5; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.marketplace-hero)) main > .tool-strip { order:6; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.marketplace-hero)) main > .metrics-band { display:none; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.marketplace-hero)) main > .live-board-section { order:7; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.marketplace-hero)) main > .market-section { order:8; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.marketplace-hero)) main > .function-section { order:9; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .why-section { order:10; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .tasks-section { order:11; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .reviews-section { order:12; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .home-faq { order:13; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .form-section { order:14; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .poster-hero {
  position:relative;
  grid-template-columns:minmax(365px, .95fr) minmax(420px, 1.05fr);
  gap:22px;
  min-height:300px;
  padding:25px clamp(28px, 4vw, 56px) 26px;
  overflow:hidden;
  background:linear-gradient(90deg,#002c27 0%,#00372f 54%,#00231f 100%);
}
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .poster-hero::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse at 24% 12%,rgba(21,112,91,.2),transparent 48%);
}
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .poster-copy { z-index:2; max-width:620px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .poster-copy .eyebrow { display:none; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .poster-copy h1 { max-width:600px; margin:0 0 14px; color:#f8f0e4; font-size:clamp(36px,4.2vw,58px); line-height:1.02; letter-spacing:-.04em; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .poster-copy p { max-width:460px; margin:0 0 24px; color:#e0e9e1; font-size:17px; line-height:1.35; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .hero-actions { gap:12px; margin:0; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .hero-actions .btn { min-width:170px; min-height:48px; border-radius:7px; font-size:15px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .hero-actions .btn.primary { color:#18231e; background:linear-gradient(135deg,#f6ae45,#e8922a); border-color:#f6ae45; box-shadow:0 8px 22px rgba(232,146,42,.18); }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .hero-actions .btn:not(.primary) { color:#f9f1e4; background:rgba(0,37,32,.18); border:1px solid #e99a35; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .hero-benefits { display:none; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .poster-visual { min-height:246px; height:100%; border:0; border-radius:0; box-shadow:none; background:transparent; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .poster-image { object-position:right center; filter:brightness(.8) saturate(1.28) contrast(1.05); }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .poster-visual::after { inset:0; background:linear-gradient(90deg,#00362f 0%,rgba(0,50,43,.72) 13%,rgba(0,40,34,.08) 48%,rgba(0,18,15,.08) 100%),linear-gradient(0deg,rgba(0,24,20,.28),transparent 42%); }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .hero-dashboard { left:auto; right:18px; bottom:16px; width:245px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .dash-card { padding:11px 14px; border:1px solid rgba(241,163,59,.42); border-radius:8px; background:rgba(0,42,37,.93); box-shadow:0 8px 24px rgba(0,0,0,.28); }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .dash-card span { color:#f5ae48; font-size:10px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .dash-card strong { color:#fff2df; font-size:23px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .dash-card p { margin:3px 0 0; color:#c6d5cb; font-size:11px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .dash-card:not(.dash-card-main) { display:none; }

/* Three role tiles directly below the hero */
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .direction-section { order:2; width:min(1320px,calc(100% - 48px)); padding:10px 0 16px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .direction-section .section-head { display:none; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .direction-grid { gap:16px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .direction-card { position:relative; min-height:94px; padding:13px 34px 12px 66px; overflow:hidden; border:0; border-radius:8px; background:linear-gradient(125deg,#064a43,#003c36); box-shadow:inset 0 1px rgba(117,214,182,.1); }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .direction-card::before { content:""; position:absolute; left:19px; top:23px; width:27px; height:27px; border:2px solid #f1a33b; border-radius:50% 50% 45% 45%; box-shadow:0 0 16px rgba(241,163,59,.12); }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .direction-card:nth-child(2)::before { border-radius:4px; box-shadow:inset 0 -8px rgba(241,163,59,.15); }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .direction-card:nth-child(3)::before { border-radius:4px; transform:rotate(45deg); }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .direction-card::after { content:"→"; position:absolute; right:17px; bottom:17px; color:#ffb44a; font-size:20px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .direction-card span { margin:0 0 7px; color:#fff3df; font-size:15px; font-weight:800; letter-spacing:0; text-transform:none; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .direction-card h3 { display:none; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .direction-card p { margin:0; color:#c6d8ce; font-size:12px; line-height:1.35; }

/* Keep real search controls; style them as the hero utility panel */
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .metrics-band { order:3; width:min(1320px,calc(100% - 48px)); margin:0 auto; padding:7px 0; border-top:1px solid rgba(241,163,59,.22); border-bottom:1px solid rgba(241,163,59,.22); background:transparent; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .metrics-band article { min-height:48px; padding:6px 16px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .metrics-band strong { color:#f4aa42; font-size:19px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .metrics-band span { margin-top:3px; color:#b2c8bc; font-size:10px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .platform-search-section { order:4; width:min(1320px,calc(100% - 48px)); padding:28px 0 16px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-search-section .section-head { max-width:none; margin:0 0 14px; text-align:left; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-search-section .section-head .eyebrow { display:none; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-search-section .section-head h2 { margin:0; color:#f6efe3; font-size:24px; line-height:1.15; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-search-section .section-head p { display:none; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-search { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(250px,.84fr); align-items:stretch; border:0; border-radius:9px; background:linear-gradient(135deg,#06443d,#00332e); box-shadow:none; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-tabs { grid-column:1/-1; grid-row:1; border-bottom:1px solid rgba(241,163,59,.16); background:transparent; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-tab { min-height:43px; color:#d4e1d9; font-size:14px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-tab.active { color:#ffc16c; background:rgba(241,163,59,.08); box-shadow:inset 0 -2px #f1a33b; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-filters { grid-column:1; grid-row:2; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; padding:15px 18px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-filters span { color:#b5c9bf; font-size:10px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-filters input { min-height:39px; padding:0 11px; border:1px solid rgba(130,186,160,.24); border-radius:6px; background:#002c27; color:#fff2df; font-size:13px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-toolbar { grid-column:2; grid-row:2; flex-direction:column; align-items:stretch; justify-content:center; margin:12px; padding:17px; border-left:1px solid rgba(241,163,59,.2); border-radius:7px; background:rgba(0,31,27,.52); }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-toolbar p { color:#b8cec3; font-size:12px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-actions { flex-direction:column; gap:8px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-actions .btn { min-height:39px; border-radius:6px; font-size:12px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-results { grid-column:1/-1; grid-row:3; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:0 14px 14px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-card { min-height:165px; padding:14px; border-radius:7px; border:1px solid rgba(95,175,146,.24); background:linear-gradient(145deg,#07544a,#02372f); }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-card h3 { color:#f6efe3; font-size:16px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-card p { color:#bacfc4; font-size:12px; }

/* Live request board, feature strip, community and footer */
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .live-board-section { order:5; width:min(1320px,calc(100% - 48px)); padding:28px 0; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .live-board-section .section-head { margin:0 0 14px; text-align:left; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .live-board-section .section-head h2 { color:#f6efe3; font-size:23px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .live-board-section .section-head p { display:none; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .live-board { grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .board-column { padding:12px; border:1px solid rgba(60,161,130,.2); border-radius:8px; background:linear-gradient(145deg,#06483f,#02332e); }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .board-title { color:#fff2df; font-size:13px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .board-title strong { color:#f4aa43; font-size:10px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .board-card { padding:12px; border-radius:6px; background:#002a25; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .board-card b { color:#f7f0e4; font-size:13px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .board-card p { color:#aabfb4; font-size:11px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .function-section { order:6; width:min(1320px,calc(100% - 48px)); padding:14px 0 24px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .function-section .section-head { display:none; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .function-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:11px 0; border:1px solid rgba(45,133,110,.2); border-radius:8px; background:rgba(0,36,32,.48); }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .function-grid article { min-height:62px; padding:10px 16px; border:0; border-radius:0; background:transparent; box-shadow:none; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .function-grid article+article { border-left:1px solid rgba(241,163,59,.17); }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .function-grid span { margin:0 0 4px; color:#f1aa49; font-size:11px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .function-grid h3 { margin:0; color:#e7eee6; font-size:13px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .function-grid p { display:none; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .reviews-section { order:10; width:min(1320px,calc(100% - 48px)); padding:22px 0; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .reviews-section .section-head { max-width:none; margin:0 0 14px; text-align:left; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .reviews-section .section-head h2 { color:#f6efe3; font-size:23px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .reviews-section .section-head p { display:none; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .review-carousel { grid-auto-columns:minmax(260px,1fr); gap:13px; overflow-x:auto; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .review-card { min-height:125px; padding:15px; grid-template-columns:44px 1fr; gap:12px; border:0; border-radius:8px; background:linear-gradient(135deg,#064c43,#003831); box-shadow:none; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .review-card img { width:44px; height:44px; border:2px solid #8fb3a3; background:#cbd0cc; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .review-card h3 { color:#f7f0e4; font-size:13px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .review-card span,.review-card p { font-size:11px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .review-card p { margin-top:7px; color:#c0d1c7; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .why-section { order:7; width:min(1320px,calc(100% - 48px)); padding:10px 0 20px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .tasks-section { order:8; width:min(1320px,calc(100% - 48px)); padding:10px 0 20px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .market-section { order:9; width:min(1320px,calc(100% - 48px)); padding:20px 0; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .form-section { order:11; width:min(1320px,calc(100% - 48px)); padding:20px 0 42px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .footer { max-width:1320px; padding:24px 0; border-top:1px solid rgba(241,163,59,.2); color:#d5e0d9; }

/* Reference composition: earning calculator, food cards, tools, reviews, FAQ */
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .earnings-calculator,
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .dish-showcase,
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .tool-strip,
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .home-faq { width:min(1320px,calc(100% - 48px)); margin-left:auto; margin-right:auto; }
.earnings-calculator { min-height:216px; margin-top:2px; margin-bottom:20px; padding:22px 26px; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr); gap:24px; border-radius:9px; background:linear-gradient(135deg,#06443d,#00332e); }
.earnings-controls h2 { margin:0 0 18px; color:#f6efe2; font-size:24px; line-height:1.15; }
.range-row { position:relative; display:grid; grid-template-columns:1fr auto; gap:8px 14px; margin:0 0 13px; color:#dfe9e1; font-size:14px; font-weight:500; }
.range-row output { color:#fff4e4; font-size:15px; font-weight:700; }
.range-row input[type="range"] { grid-column:1/-1; width:100%; height:7px; min-height:7px; padding:0; border:0; border-radius:99px; appearance:none; background:linear-gradient(90deg,#f1a33b 0 48%,#365e57 48%); cursor:pointer; }
.range-row input[type="range"]::-webkit-slider-thumb { width:18px; height:18px; border:0; border-radius:50%; appearance:none; background:#f1a33b; box-shadow:0 2px 8px #001b17; }
.range-row input[type="range"]::-moz-range-thumb { width:18px; height:18px; border:0; border-radius:50%; background:#f1a33b; box-shadow:0 2px 8px #001b17; }
.earnings-result { padding:17px 22px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; border-left:1px solid rgba(241,163,59,.24); border-radius:6px; background:rgba(0,34,30,.48); }
.earnings-result>span { color:#f2eee3; font-size:15px; font-weight:700; }
.earnings-result strong { margin:8px 0 3px; color:#fff3df; font-size:36px; line-height:1; }
.earnings-result small { margin-bottom:16px; color:#a9c0b4; font-size:11px; }
.earnings-result .btn { width:100%; min-height:42px; color:#19231d; border:0; border-radius:6px; background:linear-gradient(135deg,#f6ae45,#e8922a); font-size:13px; }

.dish-showcase { margin-top:0; margin-bottom:15px; }
.showcase-heading { margin:0 0 14px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.showcase-heading h2 { margin:0; color:#f6efe3; font-size:24px; line-height:1.15; }
.showcase-heading>a { color:#ffb84e; font-size:13px; font-weight:700; text-decoration:none; }
.showcase-heading>a span { margin-left:5px; font-size:17px; }
.dish-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; padding:0 5px; }
.dish-card { min-width:0; overflow:hidden; border:1px solid rgba(69,165,140,.32); border-radius:9px; background:linear-gradient(180deg,#06473f,#02322d); box-shadow:0 10px 25px rgba(0,0,0,.17); }
.dish-card>img { width:100%; height:112px; display:block; object-fit:cover; }
.dish-card-content { padding:12px 13px 13px; }
.dish-card h3 { overflow:hidden; margin:0 0 10px; color:#f6efe4; font-size:15px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.dish-meta { margin:0 0 13px; display:flex; justify-content:space-between; gap:8px; color:#c4d3ca; font-size:11px; }
.dish-meta span+span { padding:3px 7px; border:1px solid rgba(241,163,59,.2); border-radius:99px; color:#d8c18e; }
.dish-prices { margin-bottom:12px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.dish-prices span { color:#afc1b6; font-size:10px; }
.dish-prices strong { display:block; margin-top:2px; color:#f7f0e4; font-size:14px; }
.dish-card-content>a { min-height:34px; display:flex; align-items:center; justify-content:center; border:1px solid #ef9d37; border-radius:5px; color:#f5b45c; font-size:11px; font-weight:700; text-decoration:none; }
.dish-card-content>a:hover { color:#17231e; background:#f1a33b; }

.tool-strip { min-height:72px; margin-top:0; margin-bottom:25px; padding:8px 5px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid rgba(51,137,112,.26); border-radius:8px; background:rgba(0,32,28,.35); }
.tool-strip a { display:flex; align-items:center; justify-content:center; gap:10px; border-right:1px solid rgba(241,163,59,.16); color:#eeeade; font-size:12px; font-weight:600; text-align:center; text-decoration:none; }
.tool-strip a:last-child { border-right:0; }
.tool-strip a span { color:#f3aa49; font-size:24px; }
.tool-strip a:hover { color:#ffc36f; background:rgba(241,163,59,.05); }

.home-faq { margin-top:12px; margin-bottom:26px; }
.home-faq h2 { margin:0 0 10px; color:#f6efe3; font-size:23px; }
.home-faq details { margin:0 0 3px; border-radius:5px; background:linear-gradient(90deg,#06473f,#033c35); color:#f5efe4; }
.home-faq summary { min-height:33px; padding:8px 13px; cursor:pointer; list-style:none; font-size:12px; font-weight:600; }
.home-faq summary::-webkit-details-marker { display:none; }
.home-faq summary::after { content:"+"; float:right; color:#ffbd63; font-size:17px; line-height:12px; }
.home-faq details[open] summary::after { content:"−"; }
.home-faq details p { margin:0; padding:2px 13px 12px; color:#bfd2c8; font-size:12px; line-height:1.45; }

@media(max-width:900px){
  .earnings-calculator { grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr); }
  .dish-card>img { height:112px; }
}
@media(max-width:650px){
  .earnings-calculator { grid-template-columns:1fr; gap:12px; padding:18px; }
  .earnings-result { border-top:1px solid rgba(241,163,59,.24); border-left:0; }
  .dish-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:0; }
  .dish-card>img { height:110px; }
  .showcase-heading h2 { font-size:20px; }
  .showcase-heading>a { max-width:130px; text-align:right; }
  .tool-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tool-strip a { min-height:54px; }
  .tool-strip a:nth-child(2) { border-right:0; }
  .tool-strip a:nth-child(-n+2) { border-bottom:1px solid rgba(241,163,59,.16); }
}

/* Final polish: utility panel follows the earning estimate, then the menu showcase. */
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .site-header { grid-template-columns:auto 1fr auto auto; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .header-cta { min-height:38px; padding:0 14px; border-radius:6px; color:#fff0d9; background:transparent; border:1px solid #ec9b35; font-size:12px; }
.header-register { min-height:38px; padding:0 16px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #ef9e37; border-radius:6px; color:#1a251e; background:linear-gradient(135deg,#f8b348,#e9932a); font-size:12px; font-weight:800; text-decoration:none; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .hero-actions .btn:nth-child(3) { display:none; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .live-board-section { order:7; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .market-section { order:8; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .function-section { order:9; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .why-section { order:10; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .tasks-section { order:11; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .reviews-section { order:12; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .home-faq { order:13; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .form-section { order:14; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .footer { display:grid; grid-template-columns:1.05fr 3fr; align-items:start; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .footer-brand { min-height:54px; padding-right:22px; border-right:1px solid rgba(241,163,59,.18); }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .footer-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px 20px; padding-left:18px; font-size:12px; }
body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .footer-links a { color:#d7e1d9; text-decoration:none; }
@media(max-width:900px) { body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .site-header { grid-template-columns:auto 1fr auto auto; } }
@media(max-width:650px) {
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .footer { grid-template-columns:1fr; }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .footer-brand { border-right:0; }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .footer-links { grid-template-columns:repeat(2,minmax(0,1fr)); padding-left:0; }
}

@media(max-width:900px) {
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .site-header { display:flex; flex-wrap:wrap; justify-content:space-between; }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .main-nav { order:3; width:100%; justify-content:space-between; overflow-x:auto; }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .poster-hero { grid-template-columns:minmax(300px,.9fr) minmax(300px,1.1fr); min-height:310px; }
}
@media(max-width:650px) {
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .poster-hero { grid-template-columns:1fr; padding:28px 20px 18px; gap:14px; }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .poster-copy h1 { font-size:36px; }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .poster-visual { min-height:235px; }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .hero-dashboard { right:12px; bottom:12px; width:210px; }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .direction-section,
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .platform-search-section,
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .live-board-section,
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .function-section,
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) main > .reviews-section { width:calc(100% - 32px); }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .direction-grid { grid-template-columns:1fr; gap:9px; }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .direction-card { min-height:88px; }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-search { grid-template-columns:1fr; }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-tabs,.platform-filters,.platform-toolbar,.platform-results { grid-column:1; }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-tabs { grid-row:1; }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-filters { grid-row:2; }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-toolbar { grid-row:3; border-left:0; border-top:1px solid rgba(241,163,59,.2); }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .platform-results { grid-row:4; grid-template-columns:1fr; }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .live-board { grid-template-columns:1fr; }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .function-grid { grid-template-columns:1fr; }
  body:has(> .page-shell > main > .poster-hero:not(.poster-hero-workers):not(.poster-hero-restaurants):not(.poster-hero-suppliers):not(.marketplace-hero)) .function-grid article+article { border-left:0; border-top:1px solid rgba(241,163,59,.17); }
}