/* System: compact three-stage layout, 2026-09-12 */
.home-next .hero-floor>a[href="#system"]{display:none!important}
.foodboyz-next .ghost-system-scope .system{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"input core output" "input brands output";align-items:stretch;gap:12px 20px;padding:24px;border:1px solid #29465c;border-radius:22px;background:linear-gradient(135deg,#101e2b,#0a131d);position:relative;isolation:isolate}
.foodboyz-next .ghost-system-scope .system>.connector{display:none!important}
.foodboyz-next .ghost-system-scope .system-input,.foodboyz-next .ghost-system-scope .system-output{position:relative;min-width:0;width:auto;border:1px solid #294052;border-radius:16px;background:#0b1620;padding:58px 20px 22px}
.foodboyz-next .ghost-system-scope .system-input{grid-area:input;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:8px;flex:none}
.foodboyz-next .ghost-system-scope .system-input::before,.foodboyz-next .ghost-system-scope .system-core::before,.foodboyz-next .ghost-system-scope .system-output::before{position:absolute;top:16px;inset-inline-start:20px;font:600 11px/1 Arial,sans-serif;letter-spacing:.14em;color:#74cdf7;content:"01";border-bottom:1px solid #315269;padding-bottom:8px;width:26px}
.foodboyz-next .ghost-system-scope .system-input span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 8px;font-size:10px;letter-spacing:.05em;text-align:center;border:1px solid #243b4c;border-radius:8px;background:#122330;color:#dbe7ed;overflow-wrap:anywhere}
.foodboyz-next .ghost-system-scope .system-core{grid-area:core;position:relative;width:auto;min-height:142px;padding:58px 18px 20px;border:1px solid #4582a3;border-radius:16px 16px 0 0;border-bottom:0;background:radial-gradient(ellipse at 50% 0,#214962,#102333);box-shadow:none}
.foodboyz-next .ghost-system-scope .system-core::before{content:"02"}
.foodboyz-next .ghost-system-scope .system-core img{width:200px;max-width:85%;height:auto;object-fit:contain;margin:0 auto 14px}
.foodboyz-next .ghost-system-scope .system-core small{font-size:10px;line-height:1.6;letter-spacing:.08em;white-space:normal;color:#b9d4e3}
.foodboyz-next .ghost-system-scope .system-brands{grid-area:brands;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;width:auto;margin-top:-12px;padding:10px 16px 20px;border:1px solid #4582a3;border-top:0;border-radius:0 0 16px 16px;background:#102333}
.foodboyz-next .ghost-system-scope .system-brands img{width:52px;height:52px;object-fit:contain;border-radius:10px;background:#fff;box-shadow:0 5px 14px #0003}
.foodboyz-next .ghost-system-scope .system-output{grid-area:output;display:flex;flex-direction:column;justify-content:center;flex:none}
.foodboyz-next .ghost-system-scope .system-output::before{content:"03"}
.foodboyz-next .ghost-system-scope .system-output strong{font-size:18px;letter-spacing:.1em;line-height:1.3}
.foodboyz-next .ghost-system-scope .system-output>span{font-size:12px;line-height:1.6;margin-top:8px}
.foodboyz-next .ghost-system-scope .system-output p{font-size:14px;line-height:1.8;margin:14px 0 0;color:#81d2f7}
@media(max-width:800px){
.foodboyz-next .ghost-system-scope .system{grid-template-columns:minmax(0,1fr);grid-template-areas:"input" "core" "brands" "output";gap:12px;padding:14px;border-radius:20px;margin-top:24px}
.foodboyz-next .ghost-system-scope .system-input{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 16px 18px 54px;gap:8px}
.foodboyz-next .ghost-system-scope .system-input::before,.foodboyz-next .ghost-system-scope .system-core::before,.foodboyz-next .ghost-system-scope .system-output::before{top:21px;inset-inline-start:16px;width:23px}
.foodboyz-next .ghost-system-scope .system-input span{min-height:38px;font-size:10px;padding:8px 5px}
.foodboyz-next .ghost-system-scope .system-core{padding:24px 38px 16px;min-height:0}
.foodboyz-next .ghost-system-scope .system-core img{width:190px;max-width:90%;margin-bottom:10px}
.foodboyz-next .ghost-system-scope .system-brands{padding:4px 16px 22px;gap:14px}
.foodboyz-next .ghost-system-scope .system-brands img{width:48px;height:48px}
.foodboyz-next .ghost-system-scope .system-output{padding:20px 16px 20px 54px}
.foodboyz-next .ghost-system-scope .system-output strong{font-size:16px}
.foodboyz-next .ghost-system-scope .system-output>span{font-size:11px;margin-top:5px}
.foodboyz-next .ghost-system-scope .system-output p{font-size:12px;line-height:1.65;margin-top:10px}
}
@media(prefers-reduced-motion:no-preference){.foodboyz-next .ghost-system-scope .system-brands img{transition:transform .25s ease}.foodboyz-next .ghost-system-scope .system-brands img:hover{transform:translateY(-3px)}}

/* Delivery icon tiles and mobile AI alignment */
.foodboyz-next .ghost-system-scope .delivery-icons{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-top:18px}
.foodboyz-next .ghost-system-scope .delivery-icons>span{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:10px;color:#83d5fc;background:linear-gradient(145deg,#1d3e53,#112b3c);border:1px solid #3b637c;box-shadow:0 5px 14px #0003}
.foodboyz-next .ghost-system-scope .delivery-icons svg{display:block;width:29px;height:29px}
@media(max-width:800px){





.foodboyz-next .ghost-system-scope .delivery-icons{gap:12px;margin-top:16px}
}
@media(prefers-reduced-motion:no-preference){.foodboyz-next .ghost-system-scope .delivery-icons>span{transition:transform .25s ease,border-color .25s ease}.foodboyz-next .ghost-system-scope .delivery-icons>span:hover{transform:translateY(-3px);border-color:#83d5fc}}

/* Delivery aligns with the central FOODBOYZ tile. */
.foodboyz-next .ghost-system-scope .system-output{align-items:center;text-align:center;padding:58px 18px 20px;justify-content:flex-start}
.foodboyz-next .ghost-system-scope .system-output>strong{display:block;width:100%;text-align:center;font-size:22px;line-height:1.4}
.foodboyz-next .ghost-system-scope .system-output>span{display:block;width:100%;text-align:center;margin-top:10px;font-size:11px}
.foodboyz-next .ghost-system-scope .system-output>.delivery-icons{justify-content:center;align-self:center;margin-top:22px;gap:12px}
.foodboyz-next .ghost-system-scope .system-output>.delivery-icons>span{width:52px;height:52px;flex-basis:52px}
@media(max-width:800px){
.foodboyz-next .ghost-system-scope .system-output{padding:24px 38px 22px;align-items:center;text-align:center}
.foodboyz-next .ghost-system-scope .system-output>strong{font-size:22px;line-height:1.4}
.foodboyz-next .ghost-system-scope .system-output>span{font-size:11px;line-height:1.6;margin-top:10px}
.foodboyz-next .ghost-system-scope .system-output>.delivery-icons{margin-top:20px;gap:14px}
.foodboyz-next .ghost-system-scope .system-output>.delivery-icons>span{width:48px;height:48px;flex-basis:48px}
}

/* Center the single AI navigation tile only on mobile. */
@media(max-width:800px){
.home-next .hero-floor>a[href$="/ai/"]{grid-column:1 / -1;justify-self:center;width:calc((100% - 8px) / 2);margin-inline:auto}
}