/* Public marketing homepage, styled to the supplied October 2026 flyer.
   Scoped to this page; customer ordering, bookings and Back Office keep their own themes. */
.flyer-site {
  color-scheme: dark;
  --ink:#f5f5f5; --muted:#bac4ca; --line:#27353d; --soft:#0b151b;
  --panel:#101d25; --charcoal:#070e13; --green:#ff6269; --green-dark:#ff9ca0;
  --blue:#ff6269; --blue-dark:#ff9ca0; --blue-soft:#2c2029; --epos:#ff6269;
  background:#070e13; color:var(--ink);
}
.flyer-site h2,.flyer-site h3,.flyer-site .brand,.flyer-site .main-nav,
.flyer-site .section-topline>a,.flyer-site .screenshot-card figcaption { color:#f5f7f8; }
.flyer-site .offer-bar { background:#111e26; border-bottom:1px solid var(--line); }
.flyer-site .offer-inner { min-height:36px; font-size:12px; letter-spacing:.025em; }
.flyer-site .offer-inner a { color:#ff9ca0; border-color:#ff6269; }
.flyer-site .site-header { background:rgba(7,14,19,.97); }
.flyer-site .header-inner { min-height:64px; gap:22px; justify-content:center; align-items:center; }
.flyer-site .brand { font-size:32px; }
.flyer-site .main-nav { gap:21px; font-size:13px; flex-wrap:wrap; overflow:visible; max-width:100%; }
.flyer-site .main-nav a { display:inline-flex; }
.flyer-site a:focus-visible,.flyer-site button:focus-visible { outline:3px solid #ffb9bb; outline-offset:5px; }
.flyer-site .primary-button,.flyer-site .purchase-button { background:#ff6269; border-color:#ff6269; color:#171013; box-shadow:none; }
.flyer-site .primary-button:hover,.flyer-site .purchase-button:hover { background:#ff8a90; }
.flyer-site .secondary-button { background:#10202a; color:#fff; border:1px solid #50616d; }
.flyer-site .inline-action { color:#ff9ca0; }
.flyer-site .section-kicker { color:#ff9ca0; }
.flyer-hero { position:relative; max-width:1180px; margin-inline:auto; background:#070e13 url('assets/hospitality-hero-20261012.png') center center/cover no-repeat; border-bottom:1px solid #25313a; }
.flyer-hero:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,14,19,.85),rgba(7,14,19,.25) 46%,transparent 64%),linear-gradient(0deg,#070e13,transparent 16%); pointer-events:none; }
.flyer-hero-inner { position:relative; min-height:725px; display:flex; align-items:center; padding:46px 0 58px; }
.flyer-hero-copy { width:48%; max-width:550px; }
.flyer-venues { color:#e2e6e9; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin-bottom:26px; }
.flyer-venues span { color:#ff6269; margin:0 6px; }
.flyer-hero h1 { font-size:clamp(48px,5.8vw,86px); line-height:1.02; letter-spacing:-.045em; white-space:nowrap; }
.flyer-hero h1 strong { color:#ff6269; }
.flyer-subtitle { margin-top:18px; font-size:clamp(22px,2.2vw,32px); line-height:1.18; color:#fff; letter-spacing:-.02em; }
.coral-rule { display:block; height:3px; width:76px; background:#ff6269; margin:23px 0; }
.flyer-intro { max-width:395px; font-size:18px; color:#d6dde1; line-height:1.55; }
.flyer-price { display:grid; width:270px; padding:17px 22px 20px; margin:27px 0 22px; border:3px solid #ff6269; border-radius:17px; box-shadow:0 0 0 4px #ff626918; background:#081015d9; }
.flyer-price>span { font-size:17px; font-weight:700; color:#fff; }
.flyer-price strong { font-size:94px; line-height:1.07; letter-spacing:-.06em; color:#ff757d; }
.flyer-trial { gap:22px; min-height:52px; font-size:16px; }
.flyer-hardware-note { margin-top:12px; font-size:12px; color:#c0c9cf; }
.flyer-motto { position:absolute; right:0; top:35px; color:#f0e8de; font-family:Georgia,serif; font-style:italic; font-size:24px; text-align:right; line-height:1.25; border-bottom:3px solid #ff6269; padding-bottom:12px; }
.flyer-included { padding:56px 0 45px; background:linear-gradient(#070e13,#0a141b); }
.flyer-included h2 { font-size:clamp(24px,3vw,36px); text-align:center; line-height:1.25; }
.flyer-included>.page-wrap>.coral-rule { margin:24px auto 30px; }
.flyer-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.flyer-grid article { background:linear-gradient(145deg,#14232c,#0b161d); border:1px solid #273841; border-radius:10px; padding:23px 15px; text-align:center; display:flex; flex-direction:column; align-items:center; }
.flyer-icon { display:grid; place-items:center; width:62px; height:62px; flex:none; margin-bottom:17px; border:2px solid #ff6269; border-radius:50%; color:#ff6269; }
.flyer-icon svg { width:32px; height:34px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.flyer-grid h3 { font-size:16px; line-height:1.4; margin-bottom:14px; }
.flyer-grid p { font-size:14px; line-height:1.5; margin-top:auto; color:#c4ccd1; }
.flyer-callout { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:30px 0 25px; }
.flyer-callout>a:nth-child(2) { font-size:26px; font-weight:700; white-space:nowrap; }
.flyer-callout>span { font-size:12px; text-transform:uppercase; letter-spacing:.08em; border-left:2px solid #ff6269; padding-left:22px; max-width:170px; }
.flyer-smallprint { color:#aebbc3; font-size:13px; line-height:1.65; }
.flyer-downloads { border-top:1px solid #29343c; background:#101e27; }
.flyer-downloads h2 { margin:12px 0 18px; }
.flyer-downloads>.page-wrap>p:not(.section-kicker) { max-width:800px; }
.flyer-downloads .hero-actions { margin:26px 0; align-items:center; }
.flyer-downloads .text-link { text-decoration:underline; text-underline-offset:5px; color:#ffd0d2; }
.flyer-site .snapshot-band { background:#0b151b; border-color:var(--line); }
.flyer-site .snapshot-grid span { color:#ff9ca0; }
.flyer-site .snapshot-grid strong { color:#e3e9ec; }
.flyer-site .comparison-section,.flyer-site .media-section,.flyer-site .venue-section { background:#070e13; }
.flyer-site .feature-grid article,.flyer-site .workflow-grid article,.flyer-site .price-card,
.flyer-site .screenshot-card,.flyer-site .venue-grid article,.flyer-site .contact-methods article,
.flyer-site .spec-grid article { background:#111f28; border-color:var(--line); box-shadow:none; }
.flyer-site .spec-grid h3 span { color:#ff8f96; }
.flyer-site .spec-note,.flyer-site .comparison-intro p,.flyer-site .comparison-sources span { color:#bac4ca; }
.flyer-site .badge { background:#31212b; color:#ffb1b5; }
.flyer-site .price-line strong { color:#ff8189; }
.flyer-site .contact-methods a { color:#ffb1b5; overflow-wrap:anywhere; }
.flyer-site .cloud-panel { background:linear-gradient(135deg,#192932,#0c171e); border:1px solid #34434c; }
.flyer-site .cloud-section { background:#0b151b; }
.flyer-site .cloud-panel strong { color:#f5f7f8; }
.flyer-site .cloud-panel .inline-action { color:#171013; background:#ff6269; }
.flyer-site .feature-icon { --green-dark:#ff9ca0; --blue-dark:#ff9ca0; --gold:#edc376; --teal:#78cece; --red:#ff9ca0; background:#182731; border-color:#50616d; }
.flyer-site .screenshot-link { display:block; }
.flyer-site .screenshot-link .product-shot { width:100%; height:auto; object-fit:contain; }
.flyer-site .screenshot-card figcaption a { color:#ffb1b5; text-decoration:underline; text-underline-offset:3px; }
.flyer-site .comparison-scroll { background:#111f28; }
.flyer-site .comparison-table tbody th,.flyer-site .comparison-table tbody td { background:#111f28; color:#d6dfe4; border-color:#33424c; }
.flyer-site .comparison-table tbody tr:nth-child(even) th,.flyer-site .comparison-table tbody tr:nth-child(even) td { background:#152630; }
.flyer-site .comparison-table tbody td.megal-column { background:#30242b; color:#fff; }
.flyer-site .comparison-table .megal-column strong,.flyer-site .provider-coming-soon,.flyer-site .provider-coming-soon strong { color:#f0bac1; }
.flyer-site .comparison-table .status-yes { color:#ffb1b5; background:#422b35; }
.flyer-site .comparison-table .status-no { color:#ffc1bb; background:#38272b; }
.flyer-site .comparison-table td::before { color:#e3e9ec; }
/* Keep the established checkout readable and preserve its form and payment behaviour. */
.flyer-site .checkout-panel { color-scheme:light; --ink:#202326; --muted:#56636d; --line:#d8e0e5; --blue-soft:#fff0f1; --blue-dark:#a62638; --green-dark:#a62638; color:#202326; background:#fff; }
.flyer-site .checkout-panel h3 { color:#172026; }
.flyer-site .checkout-panel .section-kicker { color:#a62638; }
.flyer-site .checkout-panel .primary-button,.flyer-site .checkout-panel button { color:#201013; }
.flyer-site .checkout-panel .agreement-row button { color:#a62638; }
/* Keep the hero composition centred at a fixed maximum width on large displays. */
@media(max-width:1050px) {
 .flyer-site .header-inner { gap:16px; flex-wrap:wrap; padding:18px 0; }
 .flyer-site .main-nav { justify-content:flex-start; gap:10px 22px; }
 .flyer-hero-inner { min-height:700px; }
 .flyer-hero-copy { width:52%; }
 .flyer-motto { right:10px; }
 .flyer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .flyer-callout { flex-wrap:wrap; justify-content:center; }
}
@media(max-width:760px) {
 .flyer-site .site-header { position:relative; }
 .flyer-site .header-inner { justify-content:center; align-items:center; }
 .flyer-site .main-nav { justify-content:center; gap:0 18px; font-size:13px; }
 .flyer-site .main-nav a { padding:12px 0; }
 .flyer-hero { background-size:auto 320px; background-position:right top; padding-top:270px; }
 .flyer-hero:before { top:200px; bottom:auto; height:120px; background:linear-gradient(0deg,#070e13,transparent); }
 .flyer-hero-inner { min-height:0; padding:35px 0 38px; }
 .flyer-hero-copy { width:100%; max-width:none; text-align:center; }
 .flyer-venues { font-size:10px; letter-spacing:.06em; margin-bottom:20px; }
 .flyer-venues span { margin:0 3px; }
 .flyer-hero h1 { font-size:clamp(42px,10vw,70px); }
 .flyer-subtitle { font-size:26px; }
 .flyer-hero .coral-rule { margin:22px auto; }
 .flyer-intro { margin:auto; max-width:430px; font-size:17px; }
 .flyer-price { margin:25px auto; width:260px; }
 .flyer-motto { display:none; }
 .flyer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .flyer-grid article { padding:20px 12px; }
 .flyer-grid h3 { font-size:15px; }
 .flyer-grid p { font-size:13px; }
 .flyer-included h2 br { display:none; }
 .flyer-included { padding:38px 0; }
 .flyer-callout { gap:22px; }
 .flyer-callout>span { max-width:none; border-left:0; padding-left:0; }
 .flyer-downloads .hero-actions { flex-direction:column; align-items:stretch; }
 .flyer-downloads .hero-actions>a { text-align:center; }
}
@media(prefers-reduced-motion:reduce) { .flyer-site { scroll-behavior:auto; } }

/* Megal-only feature list replaces the competitor comparison table. */
.feature-list-section { background:#070e13; }
.feature-list-section h2 { margin:12px 0 18px; }
.feature-list-intro,.feature-list-note { color:#bac4ca; line-height:1.65; }
.megal-feature-list { list-style:none; padding:0; margin:28px 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 30px; }
.megal-feature-list>li { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; align-content:start; align-items:start; gap:10px; padding:18px 0; border-bottom:1px solid #27353d; }
.feature-name { color:#f5f7f8; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
.feature-detail { color:#ffb1b5; font-size:14px; line-height:1.5; }
.feature-detail-long { grid-column:1/-1; color:#bac4ca; }
.megal-feature-list .status-yes { color:#ffb1b5; font-size:20px; font-weight:700; }
.megal-feature-list .provider-available,.megal-feature-list .provider-coming-soon { display:block; margin-bottom:5px; }
.megal-feature-list .provider-available .status-mark { margin-right:7px; }
.feature-list-note { font-size:13px; }
@media(max-width:1050px) { .megal-feature-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; } }
@media(max-width:600px) { .megal-feature-list { grid-template-columns:minmax(0,1fr); } }

@media(min-width:761px) {
 .flyer-hero { width:min(1180px,calc(100% - 40px)); }
 .flyer-hero-inner { width:100%; }
}

.feature-detail-providers { justify-self:end; text-align:right; white-space:nowrap; color:#bac4ca; }

/* Included remote support, immediately before the full EPOS feature list. */
.connect-section { background:#0b151b; }
.connect-panel { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:48px; align-items:center; }
.connect-copy,.connect-downloads { min-width:0; }
.connect-copy h2 { margin:14px 0 22px; font-size:clamp(28px,3vw,40px); line-height:1.18; }
.connect-copy h2 span { color:#ff9ca0; }
.connect-copy>p,.connect-downloads>p { color:#d6dfe4; line-height:1.65; }
.connect-benefits { list-style:none; padding:0; margin:24px 0; display:grid; gap:14px; color:#f5f7f8; }
.connect-benefits li { position:relative; padding-left:28px; line-height:1.5; }
.connect-benefits li::before { content:'\2713'; position:absolute; left:0; color:#ff9ca0; font-weight:800; }
.connect-downloads { padding:30px; border:1px solid #52616a; border-radius:18px; background:#14232c; }
.connect-symbol { width:100px; height:76px; fill:none; stroke:#ff9ca0; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.connect-downloads h3 { margin:18px 0 10px; font-size:25px; }
.connect-downloads a { display:flex; width:100%; min-height:54px; flex-wrap:wrap; gap:5px 12px; margin-top:14px; text-align:center; }
.connect-downloads a span { font-size:12px; font-weight:600; }
.connect-downloads .secondary-button { color:#fff; background:#213642; border-color:#91a4b0; }
.connect-downloads a:focus-visible { outline:3px solid #fff; outline-offset:4px; }
.connect-copy .connect-note,.connect-downloads .connect-note { color:#bac4ca; font-size:13px; line-height:1.65; }
@media(max-width:900px) { .connect-panel { grid-template-columns:minmax(0,1fr); gap:26px; } }
@media(max-width:400px) { .connect-downloads { padding:22px 18px; } }

/* Reseller signup is part of the main website menu. */
.flyer-site .main-nav a.reseller-menu-button{align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:8px;background:#ff6269;color:#171013;font-weight:700}
.flyer-site .main-nav a.reseller-menu-button:hover{background:#ff8a90;color:#171013}