/* UNIFIED ORDER / CORPORATE IDENTITY / NOVEMBER 2026
   Deep graphite / soft white / muted steel. Only buttons can use restrained dark navy-gray.
   No purple, lime green, orange or vivid blue in the branded site UI.
   This stylesheet intentionally loads LAST so that it overrides both core and reseller styles.
   Photo assets are provided by the site owner; preserve screenshot details without retouching. */
:root {
  --ink:#191D20; --ink-2:#262B2E; --ink-3:#343A3D;
  --cream:#F5F7F9; --paper:#F5F7F9; --mist:#E9EEF2;
  --lime:#A7B4C0; --lime-deep:#66798B; --mute:#747675;
  --rule:rgba(25, 29, 32, .14); --rule-dark:rgba(255, 255, 255, .16);
  --uo-gold:#A7B4C0; --uo-charcoal:#191D20;
  color-scheme:light;
}
body{background:var(--paper);color:var(--ink)}
::selection{background:#D4DDE5;color:#1A1D1F}
:focus-visible{outline:3px solid #66798B;outline-offset:3px}
.btn--lime,.mobile-menu__apply{background:var(--lime);color:#171E25}
.btn--lime:hover{background:#D4DDE5;color:#171E25}
.btn--dark:hover{background:#343A3D}
.eyebrow i{background:#A7B4C0}
.top-bar{background:#171A1C}
.nav-wrap,.navbar{background:var(--paper)}
.wordmark{color:#171A1C}
/* Home: image-led hero, showing provided hardware and actual restaurant context. */
.home-hero{background:#191D20;color:#FFF}
.home-hero h1 .line-stroke{color:#D4DDE5}
.home-hero h1 em{color:#D4DDE5}
.home-hero .eyebrow{color:#D4DDE5}
.hero-art--photo{position:relative;min-height:670px;background:#1A1D20;border-left:1px solid #373C3D;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}
.hero-art--photo:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,rgba(123, 127, 133, .18),transparent 67%);pointer-events:none;z-index:0}
.hero-art--photo .home-hero__photo{position:relative;z-index:1;display:block;width:100%;height:100%;min-height:670px;max-height:820px;object-fit:contain;object-position:center;animation:photo-appear .75s ease-out both}
@keyframes photo-appear{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.home-hero__photocap{position:absolute;z-index:2;bottom:25px;right:25px;left:25px;color:#D4DDE5;font-size:9px;font-weight:700;letter-spacing:.13em;text-align:right}
.hero-art--photo .hero-pos,.hero-art--photo .hero-phone,.hero-art--photo .hero-status{display:none}
/* Featured products: genuine photography, gradients for readable copy, no cut-off device screens. */
.feature-product.has-photo{position:relative;background:#1E2326!important;color:white!important;overflow:hidden;isolation:isolate}
.feature-product.has-photo .feature-product__copy{position:relative;z-index:3;max-width:95%}
.feature-product.has-photo .feature-product__copy p{color:#E9EEF2!important}
.feature-product.has-photo .feature-product__copy span{color:#D4DDE5}
.feature-product.has-photo .feature-product__art{position:absolute;inset:0!important;width:100%!important;height:100%!important;transform:none!important;opacity:1!important;z-index:0;pointer-events:none}
.feature-product.has-photo .feature-product__art:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(16, 18, 20, .85) 0%,rgba(16, 18, 20, .42) 43%,rgba(16, 18, 20, .04) 100%);pointer-events:none}
.feature-product.has-photo .feature-product__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.feature-product.has-photo:hover .feature-product__image{transform:scale(1.04)}
.feature-product--pos.has-photo .feature-product__image{object-fit:cover;object-position:45% 52%}
.feature-product--ordering.has-photo .feature-product__image{object-position:50% 50%}
.feature-product--kitchen.has-photo .feature-product__image{object-position:center}
/* Home product photos in an editorial strip. */
.real-workflows{padding:105px 0;background:#F5F7F9}
.real-workflows__intro{display:flex;flex-direction:column;gap:18px;max-width:820px;margin-bottom:44px}
.real-workflows__intro h2{font-size:clamp(35px,4vw,59px);letter-spacing:-.058em;line-height:1.12}
.real-workflows__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.real-workflows__card{background:#FFF;display:flex;flex-direction:column;border:1px solid #E9EEF2;overflow:hidden;min-width:0;transition:transform .3s,box-shadow .3s}
.real-workflows__card:hover{transform:translateY(-5px);box-shadow:0 17px 36px rgba(21, 26, 29, .1)}
.real-workflows__media{aspect-ratio:1.1;background:#212427;overflow:hidden;display:flex;align-items:center;justify-content:center}
.real-workflows__media img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .55s}
.real-workflows__card:hover img{transform:scale(1.04)}
.real-workflows__caption{padding:22px 19px 25px;display:flex;flex-direction:column;gap:6px}
.real-workflows__caption b{font-size:18px;letter-spacing:-.03em}
.real-workflows__caption span{font-size:12px;color:#676B6D}
/* Product detail hero uses product-owner imagery, not an invented UI. */
.detail-hero{background:#1B2023!important;color:#FFF}
.detail-hero__copy h2{color:#E9EEF2}
.detail-hero__copy>p{color:#CFD0CD}
.detail-hero__scope{border-top-color:#444A4C}
.detail-hero__scope span,.detail-hero .bread-crumbs{color:#C2C8D2}
.detail-visual--photographic{background:#22272A!important;padding:12px!important;min-height:470px!important;box-shadow:12px 14px 0 #101315!important;border:1px solid #464A49!important;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.detail-visual--photographic:before{content:none!important}
.detail-hero__image{display:block;width:100%;height:460px;max-width:100%;object-fit:contain;object-position:center;filter:none}
.detail-visual--online-ordering,.detail-visual--inventory,.detail-visual--multi-location,.detail-visual--staff-management,.detail-visual--franchise-portal,.detail-visual--kds{background:#262B2D!important}
.detail-visual--photographic .detail-photo-label{position:absolute;right:16px;bottom:14px;left:16px;text-align:right;color:#E9EEF2;background:rgba(18, 23, 26, .7);width:max-content;max-width:calc(100% - 32px);margin-left:auto;padding:7px 9px;font-size:9px;font-weight:700;letter-spacing:.09em}
/* Gallery images are never cropped; retain entire monitor/phone, UI, and branding in shots. */
.product-gallery{padding:100px 0 108px;background:#F5F7F9;color:#1B1E20}
.product-gallery__head{margin-bottom:37px;max-width:800px}
.product-gallery__head h2{font-size:clamp(35px,4vw,57px);letter-spacing:-.06em;margin-top:15px;line-height:1.1}
.product-gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.product-gallery__grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-gallery__card{min-width:0;margin:0;background:#FFF;border:1px solid #E9EEF2;overflow:hidden}
.product-gallery__media{height:400px;background:#23272A;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-gallery__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.product-gallery__card:hover .product-gallery__image{transform:scale(1.025)}
.product-gallery__card figcaption{font-size:13px;font-weight:750;letter-spacing:-.01em;padding:19px 22px;color:#3A3E40}
/* Catalogue: introduce product photos as compact editorial covers inside existing cards. */
.catalogue-intro{background:#F5F7F9}
.catalogue-card{border-color:#E9EEF2}
.catalogue-card:hover{border-color:#A7B4C0;box-shadow:0 22px 35px rgba(25, 29, 32, .10)}
.catalogue-card__photo{margin:17px 0 16px;height:134px;width:100%;display:flex;background:#26292C;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(34, 36, 38, .09)}
.catalogue-card__photo img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .6s}
.catalogue-card:hover .catalogue-card__photo img{transform:scale(1.045)}
.catalogue-card__link{padding:24px!important}
.catalogue-card h3{font-size:23px}
.catalogue-card:has(.catalogue-card__photo) .catalogue-card__symbol{display:none}
/* The full reseller tables, benefits and calculator retain their content and behavior. */
.legacy-reseller{--brand:#A7B4C0;--navy:#1C2327;--ink:#292E30;--muted:#737677;--line:#E9EEF2;--soft:#F5F7F9;color:#292E30}
.legacy-reseller .primary-button,.legacy-reseller .model-panel .cta-forward-link{background:#A7B4C0!important;color:#1D2325!important}
.legacy-reseller .primary-button:hover,.legacy-reseller .model-panel .cta-forward-link:hover{background:#A7B4C0!important}
.legacy-reseller .choice[aria-selected=true]{border-color:#A7B4C0!important;background:linear-gradient(160deg,#F5F7F9,#FFF 80%)!important;box-shadow:0 10px 30px rgba(62, 77, 92, .12)!important}
.legacy-reseller .top-hero{background:linear-gradient(130deg,#F5F7F9,#E9EEF2)!important}
.legacy-reseller .top-hero .site-shell{position:relative;padding-right:min(39%,475px);min-height:320px;display:flex;flex-direction:column;justify-content:center}
.legacy-reseller .top-hero .site-shell>p,.legacy-reseller .top-hero .site-shell>h1,.legacy-reseller .top-hero .site-shell>.top-actions{position:relative;z-index:2}
.legacy-reseller .partner-hero-photo{position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(39%,445px);height:320px;object-fit:contain;background:#1D2124;border-radius:7px;box-shadow:0 15px 35px rgba(27, 32, 34, .16)}
.legacy-reseller .top-hero p{color:#5B6062}
.legacy-reseller .model-monthly .hero-art{background:#26292B!important;border-radius:13px;min-height:370px;display:flex;align-items:center;justify-content:center;padding:10px!important}
.legacy-reseller .model-monthly .hero-art>img.reseller-photo{object-fit:contain;width:100%!important;height:370px!important;max-height:430px}
.legacy-reseller #c-intro .hero-image.reseller-photo{object-fit:contain;max-height:460px;width:100%;background:#25292B;border-radius:9px}
.legacy-reseller .site-nav-cta{background:#1B2226}
.legacy-reseller .contact{background:#F5F7F9}
.legacy-reseller .contact-form{border-color:#E9EEF2}
/* Header's 26-product navigation remains fully visible and retains interaction. */
.product-mega-menu{background:#F5F7F9}
.product-shortcut-bar{background:#F5F7F9}
/* Responsive images and usable mobile spacing. */
@media (max-width:1100px){
 .real-workflows__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-gallery__media{height:350px}
 .detail-hero__image{height:410px}
}
@media (max-width:980px){
 .hero-art--photo,.hero-art--photo .home-hero__photo{min-height:430px}
 .detail-visual--photographic{min-height:380px!important}
 .product-gallery__grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}
 .legacy-reseller .top-hero .site-shell{padding-right:min(37%,330px)}
 .legacy-reseller .partner-hero-photo{width:min(36%,315px)}
}
@media (max-width:760px){
 .hero-art--photo{margin:0 -19px;min-height:340px;border-top:1px solid #484B4B}
 .hero-art--photo .home-hero__photo{min-height:340px;max-height:470px;object-fit:contain}
 .home-hero__photocap{bottom:12px;font-size:8px;letter-spacing:.06em}
 .feature-product.has-photo .feature-product__art{inset:0!important}
 .real-workflows{padding:67px 0}
 .real-workflows__grid{gap:11px}
 .real-workflows__media{aspect-ratio:1}
 .real-workflows__caption{padding:14px}
 .real-workflows__caption b{font-size:15px}
 .real-workflows__caption span{font-size:11px}
 .detail-visual--photographic{padding:8px!important;min-height:360px!important;box-shadow:6px 7px 0 #111516!important}
 .detail-hero__image{height:355px}
 .product-gallery{padding:66px 0 70px}
 .product-gallery__grid,.product-gallery__grid--three{grid-template-columns:1fr}
 .product-gallery__media{height:340px}
 .catalogue-card__photo{height:160px}
 .legacy-reseller .top-hero .site-shell{padding-right:0;min-height:0}
 .legacy-reseller .partner-hero-photo{position:static;transform:none;width:100%;max-width:430px;height:auto;aspect-ratio:1.45;margin-top:24px;object-fit:contain;align-self:center}
 .legacy-reseller .model-monthly .hero-art{min-height:270px}
 .legacy-reseller .model-monthly .hero-art>img.reseller-photo{height:300px!important}
}
@media(max-width:480px){
 .real-workflows__grid{grid-template-columns:1fr 1fr;gap:8px}
 .real-workflows__caption{padding:12px 10px}
 .real-workflows__caption b{font-size:13px}
 .real-workflows__caption span{font-size:10px}
 .hero-art--photo{min-height:280px}
 .hero-art--photo .home-hero__photo{min-height:280px}
 .detail-hero__image{height:310px}
 .product-gallery__media{height:295px}
}
@media(prefers-reduced-motion:reduce){.home-hero__photo,.real-workflows__image{animation:none!important;transition:none!important}}

/* ENTERPRISE PALETTE / exact client-approved revision */
:root{
 --ink:#1B232C;--ink-2:#26313C;--ink-3:#384653;
 --cream:#F4F6F8;--paper:#FBFCFD;--mist:#E9EDF1;
 --lime:#A9B7C4;--lime-deep:#6B7F92;--mute:#687582;
 --rule:rgba(23,32,41,.13);--rule-dark:rgba(255,255,255,.15);
 --uo-graphite:#1B232C;--uo-steel:#7E909F;--uo-cta:#293F55;
}
body{background:#FBFCFD;color:#1B232C}
::selection{background:#D3DCE4;color:#1B232C}
:focus-visible{outline-color:#566F88}
.home-hero{background:#19222B;color:#fff}
.home-hero h1 .line-stroke{color:#D5DFE8}
.home-hero h1 em{color:#B5C0CC}
.home-hero .eyebrow{color:#C6CFD7}
.top-bar{background:#182029}
.nav-wrap,.navbar{background:#FBFCFD}
.site-header{background:rgba(251,252,253,.98)!important}
.wordmark{color:#1D252D}
.btn--lime,.mobile-menu__apply,.nav-apply,.legacy-reseller .primary-button,.legacy-reseller .model-panel .cta-forward-link{background:#293F55!important;color:#fff!important;border-color:#293F55!important}
.btn--lime:hover,.mobile-menu__apply:hover,.nav-apply:hover,.legacy-reseller .primary-button:hover,.legacy-reseller .model-panel .cta-forward-link:hover{background:#364E66!important;color:#fff!important}
.eyebrow i{background:#7D91A1}
.feature-product.has-photo .feature-product__copy span{color:#CDD8E2}
.home-hero__photocap{color:#DDE3E8}
.home-hero__photo{object-position:center}
.real-workflows{background:#F3F6F8}
.real-workflows__card,.product-gallery__card{border-color:#E1E6EA}
.real-workflows__card:hover,.catalogue-card:hover{border-color:#B9C6D1}
.real-workflows__caption span{color:#63717F}
.detail-hero{background:#1F2933!important}
.detail-visual--photographic{background:#27323D!important;border-color:#414E5A!important}
.product-gallery{background:#F3F6F8}
.product-gallery__media,.catalogue-card__photo{background:#252F39}
.catalogue-intro{background:#F4F6F8}
.product-mega-menu,.mega-products{background:#FBFCFD!important}
.product-shortcuts{background:#F2F5F7!important}
.mega-products__intro>a,.mega-products__column>a:hover,.nav-links .mega-products__column>a:hover{color:#324C62!important}
.legacy-reseller{--brand:#637C91;--navy:#1F2933;--ink:#202A33;--muted:#6D7B87;--line:#DBE2E8;--soft:#F4F6F8;color:#202A33}
.legacy-reseller .choice[aria-selected=true]{border-color:#718699!important;background:linear-gradient(160deg,#ECF1F5,#fff 80%)!important;box-shadow:0 10px 30px rgba(28,43,56,.1)!important}
.legacy-reseller .top-hero{background:linear-gradient(130deg,#F6F8FA,#E5EBF0)!important}
.legacy-reseller .contact{background:#F4F6F8}
.legacy-reseller .contact-form{border-color:#DAE2E8}
/* Finer image handling for original screenshots and tall phones, no cutting off controls. */
.feature-product--pos.has-photo .feature-product__image{object-fit:contain;object-position:50% 100%}
.feature-product--ordering.has-photo .feature-product__image{object-fit:cover;object-position:50% 47%}
.feature-product--kitchen.has-photo .feature-product__image{object-fit:cover;object-position:48% 50%}
.product-gallery__media{padding:9px}
.product-gallery__image{object-fit:contain}
.detail-hero__image{object-fit:contain!important}
/* 4-value partner narrative: tangible product + infrastructure. */
.partner-story{background:#fff;padding:100px 0}
.partner-story__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(42px,6vw,90px);align-items:center}
.partner-story__photo{width:100%;height:530px;object-fit:contain;display:block;background:#222C35;border-radius:3px}
.partner-story__copy{max-width:580px}
.partner-story .eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:#65798D}
.partner-story h2{font-size:clamp(39px,4.8vw,69px);letter-spacing:-.065em;line-height:1.08;margin:22px 0}
.partner-story p{font-size:16px;line-height:1.8;color:#5E6B77;max-width:560px}
.partner-story__steps{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:29px 0 30px}
.partner-story__steps>div{border-top:1px solid #D6DEE5;padding-top:15px}
.partner-story__steps b{font-size:12px;color:#243746}
.partner-story__steps span{display:block;margin-top:6px;color:#63717E;font-size:13px;line-height:1.55}
.platform-ecosystem{background:#1E2832;color:white;padding:100px 0}
.platform-ecosystem__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:center}
.platform-ecosystem__media{border:1px solid #41505D;background:#111920;overflow:hidden}
.platform-ecosystem__media img{display:block;width:100%;max-height:525px;object-fit:contain}
.platform-ecosystem__copy .eyebrow{color:#B4C3D0;font-size:11px;letter-spacing:.14em;font-weight:800}
.platform-ecosystem h2{font-size:clamp(36px,4.4vw,63px);letter-spacing:-.058em;line-height:1.12;margin:23px 0}
.platform-ecosystem p{max-width:515px;color:#C4D0D9;font-size:16px;line-height:1.8;margin-bottom:25px}
.platform-ecosystem__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.platform-ecosystem__tags span{border:1px solid #465866;color:#D9E2E8;padding:10px 13px;font-size:11px;font-weight:700}
.platform-ecosystem .btn--outline-light{border-color:#7C8C9A;color:#fff}
/* POS photographs distributed by use case instead of screenshot-like placeholders. */
.pos-usecase__visual.is-real-photo{display:flex!important;align-items:center;justify-content:center;min-height:360px;padding:24px;background:#202A34;border:1px solid #40505E}
.pos-usecase__visual .pos-usecase__image{display:block;width:100%;height:410px;max-height:100%;object-fit:contain;object-position:center}
.pos-usecase--alternate .pos-usecase__visual .pos-usecase__image{height:500px}
/* Accessible anchor navigation: visible products are not an invisible click-only submenu. */
.nav-product-label{font-weight:800}
.product-shortcuts__row a:hover{color:#2E475C}
.nav-links .mega-products__column>a{color:#283744}
@media(max-width:980px){
 .partner-story__grid,.platform-ecosystem__grid{grid-template-columns:1fr;gap:25px}
 .partner-story__photo{height:440px}
 .platform-ecosystem__media img{max-height:480px}
 .partner-story,.platform-ecosystem{padding:70px 0}
}
@media(max-width:760px){
 .partner-story__photo{height:350px}
 .partner-story__steps{gap:13px}
 .platform-ecosystem__media img{max-height:360px}
 .pos-usecase__visual.is-real-photo{padding:10px;min-height:280px}
 .pos-usecase__visual .pos-usecase__image,.pos-usecase--alternate .pos-usecase__visual .pos-usecase__image{height:320px}
}


/* VISUAL QA PASS / NOV 2026 */
.detail-hero__grid{align-items:stretch;gap:clamp(28px,3vw,44px)}
.detail-visual{position:relative}
.detail-visual.visual-scene{padding:0!important;min-height:500px!important}
.detail-visual.visual-scene .detail-hero__image{height:100%!important;min-height:500px;object-fit:cover!important;object-position:center center;border-radius:2px}
.detail-visual.visual-device{padding:18px!important;background:linear-gradient(180deg,#202528 0%,#171b1e 100%)!important;min-height:500px!important}
.detail-visual.visual-device .detail-hero__image{height:460px!important;width:100%;max-width:100%;object-fit:contain!important;object-position:center center}
.detail-visual--gift-cards.visual-device .detail-hero__image,.detail-visual--reservations.visual-device .detail-hero__image,.detail-visual--online-ordering.visual-device .detail-hero__image{height:470px!important}
.detail-visual--kds.visual-scene .detail-hero__image{object-position:center 52%!important}
.detail-visual .detail-photo-label{z-index:3}

.product-gallery__grid--single{grid-template-columns:minmax(0,1fr)!important;max-width:1040px;margin:0 auto}
.product-gallery__grid--single .product-gallery__card{max-width:none}
.product-gallery__grid--single .product-gallery__media{height:520px}
.product-gallery__grid--three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.product-gallery__grid--quad{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.product-gallery__media{border-bottom:1px solid #E9EEF2}
.product-gallery__media.media-scene{background:#13171A}
.product-gallery__media.media-scene .product-gallery__image{object-fit:cover!important}
.product-gallery__media.media-device{background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.06),transparent 35%),linear-gradient(180deg,#262B2E 0%,#181C1F 100%)}
.product-gallery__media.media-device .product-gallery__image{width:100%;height:100%;object-fit:contain!important;object-position:center center;padding:14px}
.product-gallery__grid--single .product-gallery__media.media-scene .product-gallery__image{object-fit:cover!important;padding:0}
.product-gallery__grid--single .product-gallery__media.media-device .product-gallery__image{padding:16px 20px}

.real-workflows__media.media-scene img{object-fit:cover!important}
.real-workflows__media.media-device{background:linear-gradient(180deg,#262B2E 0%,#1A1E21 100%)}
.real-workflows__media.media-device img{object-fit:contain!important;padding:10px}
.catalogue-card__photo.media-scene img{object-fit:cover!important}
.catalogue-card__photo.media-device img{object-fit:contain!important;padding:8px}

.platform-ecosystem__media img,.editorial-photo,.showcase-panel img{display:block;max-width:100%}
.platform-ecosystem__media img{width:100%;height:100%;object-fit:cover}

@media (max-width: 1024px){
  .product-gallery__grid--three,.product-gallery__grid--quad{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-gallery__grid--single .product-gallery__media{height:460px}
  .detail-visual.visual-scene,.detail-visual.visual-device{min-height:430px!important}
  .detail-visual.visual-scene .detail-hero__image,.detail-visual.visual-device .detail-hero__image{min-height:430px;height:430px!important}
}
@media (max-width: 720px){
  .product-gallery__grid--three,.product-gallery__grid--quad{grid-template-columns:1fr!important}
  .product-gallery__grid--single .product-gallery__media,.product-gallery__media{height:360px}
  .detail-visual.visual-scene,.detail-visual.visual-device{min-height:350px!important}
  .detail-visual.visual-scene .detail-hero__image,.detail-visual.visual-device .detail-hero__image{min-height:350px;height:350px!important}
}


/* =============================================
   FINAL SITE QA / RESELLER ISOLATION
   Protect imported commercial page from the general site's .model-panel,
   .hero, .label, .line, .section, .btn and .display styles.
   ============================================= */
.legacy-reseller{background:#F5F7F9;color:#202A33;overflow-x:clip;overflow-y:visible}
.legacy-reseller .top-hero{color:#202A33!important;background:linear-gradient(125deg,#F6F8FA,#E5EBF0)!important}
.legacy-reseller .top-hero h1{color:#17232D!important}
.legacy-reseller .top-hero .top-eyebrow{color:#50677C!important}
.legacy-reseller .top-hero p{color:#596674!important}
.legacy-reseller .top-hero p strong{color:#26313C!important}
.legacy-reseller .top-hero .secondary-button{color:#293F55!important;background:#fff!important;border:1px solid #CAD5DE!important}
.legacy-reseller .top-hero .secondary-button:hover{background:#E8EDF2!important}
/* General .model-panel was a two-column sales-layout: importing it here must not place independent sections in grid cells. */
.legacy-reseller .model-panel{display:block!important;overflow:visible!important;min-width:0;width:100%;margin:0;padding:0;max-width:none}
.legacy-reseller .model-panel[hidden]{display:none!important}
.legacy-reseller .model-panel>section{display:block;min-width:0;width:100%;max-width:none}
.legacy-reseller .model-panel .wrap{width:min(1150px,calc(100% - 48px));max-width:1150px;margin-inline:auto}
.legacy-reseller .model-monthly .hero,.legacy-reseller .model-commission .hero{height:auto;min-height:0;overflow:visible}
.legacy-reseller .model-monthly .hero h1,.legacy-reseller .model-commission .hero h1{color:#202A33;max-width:100%}
.legacy-reseller .model-monthly .hero .eyebrow,.legacy-reseller .model-commission .hero .eyebrow{color:#587087}
.legacy-reseller .model-monthly .hero-inner,.legacy-reseller .model-commission .hero-grid{min-width:0;max-width:1150px}
.legacy-reseller .model-monthly .hero-inner>*,.legacy-reseller .model-commission .hero-grid>*{min-width:0}
.legacy-reseller .model-monthly .hero-art{min-width:0;overflow:hidden}
.legacy-reseller .model-monthly .hero-art>img.reseller-photo{height:auto!important;max-height:500px;aspect-ratio:4/3;object-fit:cover!important;object-position:center}
.legacy-reseller .model-commission .hero-image.reseller-photo{max-height:470px;object-fit:contain}
.legacy-reseller .model-monthly #m-pricing .plans{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.legacy-reseller .model-monthly #m-pricing .plan{min-width:0}
.legacy-reseller .model-monthly #m-pricing .plan-heading h3{font-size:clamp(24px,2vw,32px)}
.legacy-reseller .model-monthly #m-pricing .price-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.legacy-reseller .model-monthly #m-pricing .price-main .plan-current-monthly{font-size:clamp(29px,2.15vw,36px)!important}
.legacy-reseller .model-monthly #m-pricing .plan-profit b{font-size:clamp(23px,2.2vw,32px);overflow-wrap:anywhere}
.legacy-reseller .model-monthly .monthly-comparison .comparison-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.legacy-reseller .model-monthly .monthly-comparison .comparison-table{min-width:880px}
.legacy-reseller .model-commission .commission-comparison .comparison-table{min-width:580px}
.legacy-reseller .model-monthly .section,.legacy-reseller .model-commission .section{padding-block:clamp(55px,6vw,78px)}
.legacy-reseller #partner-form{scroll-margin-top:170px}
.legacy-reseller .contact-form{min-width:0}
.legacy-reseller .contact-layout>*{min-width:0}
.legacy-reseller button,.legacy-reseller a,.legacy-reseller input,.legacy-reseller select{touch-action:manipulation}
.legacy-reseller input[type=range]{accent-color:#293F55}
.legacy-reseller .model-monthly .result strong,.legacy-reseller .model-monthly .plan-profit b,.legacy-reseller .model-commission .result strong{color:#293F55}
.legacy-reseller .model-monthly .pill{color:#293F55}
.legacy-reseller .model-monthly .pill:before{content:none}
@media(max-width:1150px){
 .legacy-reseller .model-monthly #m-pricing .plans{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 .legacy-reseller .model-monthly .hero-inner,.legacy-reseller .model-commission .hero-grid{grid-template-columns:minmax(0,1fr)}
 .legacy-reseller .model-monthly .hero-art{max-width:760px;width:100%;margin-inline:auto}
 .legacy-reseller .contact-layout{grid-template-columns:minmax(0,1fr);gap:25px}
}
@media(max-width:650px){
 .legacy-reseller .model-monthly #m-pricing .plans{grid-template-columns:minmax(0,1fr)}
 .legacy-reseller .model-monthly .plan{gap:14px}
 .legacy-reseller .model-monthly .hero-inner{padding-block:37px 43px}
 .legacy-reseller .model-monthly .hero-art>img.reseller-photo{aspect-ratio:1.15;object-fit:cover!important}
 .legacy-reseller .model-monthly .wrap,.legacy-reseller .model-commission .wrap{width:calc(100% - 34px)}
 .legacy-reseller .model-monthly .control-grid,.legacy-reseller .model-commission .control-grid{grid-template-columns:minmax(0,1fr);gap:15px}
 .legacy-reseller .model-monthly .calculator,.legacy-reseller .model-commission .calculator{padding:22px 17px}
 .legacy-reseller .model-monthly .results,.legacy-reseller .model-commission .results{grid-template-columns:minmax(0,1fr);gap:14px}
 .legacy-reseller .model-monthly .plan-heading .tag{top:-9px;right:12px}
 .legacy-reseller .platform-opportunities .platform-grid{grid-template-columns:minmax(0,1fr)}
 .legacy-reseller .form-grid{grid-template-columns:minmax(0,1fr)}
 .legacy-reseller .form-field.full{grid-column:auto}
 .legacy-reseller .top-hero .site-shell{width:calc(100% - 34px)}
 .legacy-reseller .top-hero h1{font-size:clamp(35px,9vw,52px)}
}


/* PRODUCT-ACCURATE ILLUSTRATIONS / no photos of other products */
.detail-visual--illustration{display:flex;flex-direction:column;gap:14px;justify-content:center;align-items:center;padding:24px!important;background:#1B252E!important;border:1px solid #3C4B59;box-shadow:10px 12px 0 #131A21;overflow:hidden;min-height:500px}
.detail-visual--illustration::before{content:none!important}
.detail-visual--illustration .visual-note{position:static;text-align:center;max-width:100%;font-size:10px;color:#B8C4CE;letter-spacing:.09em}
.uo-illustration{width:100%;max-width:650px;min-width:0;color:#26313C;background:#F6F8FA;box-shadow:0 14px 34px #090F1840;overflow:hidden}
.uo-illustration__top{background:#202A33;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;letter-spacing:.07em;font-size:11px}
.uo-illustration__top span{color:#B7C4D0;font-size:9px}
.uo-board__body{display:grid;grid-template-columns:1.1fr .9fr;gap:0;min-height:310px}
.uo-board__primary{background:#E2E9EE;padding:35px 29px 22px;position:relative;overflow:hidden}
.uo-board__primary small,.uo-staff__heading small,.uo-customer-display__body small{display:block;color:#657889;font-size:10px;letter-spacing:.12em;font-weight:800;margin-bottom:10px}
.uo-board__primary strong{display:block;font-size:30px;letter-spacing:-.055em;line-height:1.09;max-width:230px}
.uo-board__primary p{font-size:12px;line-height:1.6;color:#5B6B78;max-width:220px}
.uo-board__plate{width:148px;height:148px;border:16px solid #D1DBE3;border-radius:50%;position:absolute;bottom:-58px;right:-29px;opacity:.85;display:flex;justify-content:center;align-items:center}
.uo-board__plate span{width:13px;height:13px;border-radius:100%;background:#7D92A5;position:absolute;top:30px;left:40px}
.uo-board__plate span:nth-child(2){top:72px;left:65px}.uo-board__plate span:nth-child(3){top:52px;left:90px}
.uo-board__categories{padding:22px;background:#F7F9FB;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.uo-board__categories>div{border-bottom:1px solid #D9E1E7;padding:12px 0}.uo-board__categories>div:last-child{border-bottom:0}
.uo-board__categories b{display:block;font-size:18px;letter-spacing:-.04em}.uo-board__categories span{color:#6A7987;font-size:12px}
.uo-customer-display__body{padding:28px 30px 0}.uo-customer-display__body h3{font-size:29px;line-height:1.13;letter-spacing:-.06em;margin:4px 0 10px;color:#25313C}
.uo-customer-display__body p{font-size:13px;color:#5E6E7B;margin:0 0 14px}.uo-customer-display__body ul{list-style:none!important;margin:0;padding:0!important}.uo-customer-display__body li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #DEE5EC;padding:12px 0;font-size:14px}.uo-customer-display__footer{margin:22px -30px 0;background:#DCE5ED;padding:16px 30px;font-size:12px;font-weight:700;color:#3E5568}
.uo-staff__body{padding:23px}.uo-staff__heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.uo-staff__heading h3{font-size:25px;letter-spacing:-.05em;margin:0}.uo-staff__heading>span{font-size:10px;color:#526B81;border:1px solid #CAD4DC;padding:8px}.uo-staff__days{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:23px 0 12px;padding-left:112px}.uo-staff__days span{font-size:9px;text-align:center;color:#72818F;font-weight:800}
.uo-staff__row{display:grid;grid-template-columns:100px repeat(3,1fr);gap:10px;align-items:center;margin-bottom:9px}.uo-staff__row b{font-size:12px;line-height:1.2}.uo-staff__row div{height:23px;border-radius:4px;background:#CAD9E5}.uo-staff__row:nth-child(odd) div:nth-of-type(2){background:#879DAF}.uo-staff__row:nth-child(even) div:nth-of-type(1){background:#A2B4C2}.uo-staff__body>p{font-size:11px;color:#72808D;margin:20px 0 0}
@media(max-width:650px){.detail-visual--illustration{min-height:345px;padding:14px!important}.uo-illustration__top{padding:11px 13px}.uo-board__body{min-height:235px}.uo-board__primary{padding:21px 14px 14px}.uo-board__primary strong{font-size:22px}.uo-board__primary p{font-size:11px}.uo-board__categories{padding:12px}.uo-board__categories b{font-size:13px}.uo-board__categories span{font-size:10px}.uo-customer-display__body{padding:18px}.uo-customer-display__body h3{font-size:23px}.uo-customer-display__footer{margin-inline:-18px;padding:12px 18px}.uo-staff__body{padding:13px}.uo-staff__heading h3{font-size:20px}.uo-staff__days{padding-left:76px}.uo-staff__row{grid-template-columns:74px repeat(3,1fr);gap:6px}.uo-staff__row b{font-size:10px}}

/* Ensure anchored Reseller sections are not hidden under the two-row sticky navigation. */
.legacy-reseller .model-panel,.legacy-reseller .model-panel section[id],.legacy-reseller #model-choice,.legacy-reseller #partner-form{scroll-margin-top:170px}


/* V10: Official brand usage — ONE horizontal lockup per header/footer. */
.site-header .brand-wordmark{
  display:inline-flex;align-items:center;justify-content:flex-start;
  flex:0 0 auto;width:clamp(175px,16vw,208px);min-width:0;
  line-height:1;text-decoration:none;letter-spacing:normal;background:transparent;border:0;
}
.site-header .brand-wordmark__image{
  display:block;width:100%;height:auto;max-height:44px;object-fit:contain;object-position:left center;
}
.footer .brand-wordmark{
  display:inline-flex;align-items:center;justify-content:flex-start;
  flex:none;width:clamp(225px,22vw,300px);min-width:0;max-width:100%;
  background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;
  text-decoration:none;line-height:1;
}
.footer .brand-wordmark__image{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;}
@media(max-width:1050px){.site-header .brand-wordmark{width:190px;max-width:calc(100% - 65px)}}
@media(max-width:480px){
  .site-header .brand-wordmark{width:174px;max-width:calc(100% - 65px)}
  .site-header .brand-wordmark__image{max-height:34px}
  .footer .brand-wordmark{width:235px;max-width:100%;padding:0}
}

/* Contrast fix: dark enterprise announcement strip needs light text */
.top-bar{color:#DBE3EA!important}
.top-bar a{color:#F7F9FA!important}
.top-bar a:hover{color:#FFFFFF!important}


/* =============================================
   BRAND ACCENT PASS / YELLOW + IMAGE FRAMING
   Controlled use of the Unified Order brand yellow.
   ============================================= */
:root{
  --uo-brand-gold:#F2BF1A;
  --uo-brand-gold-deep:#D6A100;
  --uo-brand-gold-soft:#FFF3C8;
  --uo-brand-gold-glow:rgba(242,191,26,.22);
}
::selection{background:var(--uo-brand-gold)!important;color:#171A1C!important}
:focus-visible{outline-color:var(--uo-brand-gold)!important}

/* Yellow accent: controlled, premium, not dominant */
.btn--lime,.mobile-menu__apply,.nav-apply,.legacy-reseller .primary-button,.legacy-reseller .model-panel .cta-forward-link{
  background:var(--uo-brand-gold)!important;
  border-color:var(--uo-brand-gold)!important;
  color:#171A1C!important;
  box-shadow:0 10px 26px var(--uo-brand-gold-glow);
}
.btn--lime:hover,.mobile-menu__apply:hover,.nav-apply:hover,.legacy-reseller .primary-button:hover,.legacy-reseller .model-panel .cta-forward-link:hover{
  background:var(--uo-brand-gold-deep)!important;
  border-color:var(--uo-brand-gold-deep)!important;
  color:#171A1C!important;
}
.eyebrow i,.signal-dot,.home-hero__foot .micro-label i{background:var(--uo-brand-gold)!important}
.nav-links a:hover,.nav-links a.is-active,.nav-product-label:hover,.nav-product-label.is-active,.footer-links a:hover,.product-shortcuts__row a:hover,.product-shortcuts__row .product-shortcuts__all,.mega-products__intro>a,.mega-products__column>a:hover,.nav-links .mega-products__column>a:hover,.top-bar a:hover{color:var(--uo-brand-gold)!important}
.nav-links a:after,.nav-product-label:after{background:var(--uo-brand-gold)!important}
.catalogue-card:hover,.solution-card:hover,.real-workflows__card:hover,.partner-story__steps>div,.legacy-reseller .choice[aria-selected=true]{border-color:var(--uo-brand-gold)!important}
.catalogue-filter:hover,.catalogue-filter.is-active{background:var(--uo-brand-gold)!important;border-color:var(--uo-brand-gold)!important;color:#171A1C!important}
.footer-us,.footer-links h3,.top-bar__inner span strong,.detail-hero__scope b,.catalogue-intro__aside b,.catalogue-intro__aside>span,.partner-story .eyebrow,.platform-ecosystem__copy .eyebrow{color:var(--uo-brand-gold)!important}
.legacy-reseller .choice[aria-selected=true]{background:linear-gradient(160deg,var(--uo-brand-gold-soft),#fff 82%)!important;box-shadow:0 12px 30px var(--uo-brand-gold-glow)!important}
.legacy-reseller input[type=range]{accent-color:var(--uo-brand-gold)!important}

/* Fix photo framing on wide cards so there are no awkward half-empty frames */
.feature-product.has-photo .feature-product__art:after{
  background:linear-gradient(90deg,rgba(15,18,20,.92) 0%,rgba(15,18,20,.78) 24%,rgba(15,18,20,.42) 44%,rgba(15,18,20,.10) 73%,rgba(15,18,20,.04) 100%)!important;
}
.feature-product--pos.has-photo .feature-product__image{object-fit:cover!important;object-position:center 58%!important}
.feature-product--ordering.has-photo .feature-product__image{object-fit:cover!important;object-position:center 42%!important}
.feature-product--kitchen.has-photo .feature-product__image{object-fit:cover!important;object-position:center 50%!important}
.feature-product.has-photo .feature-product__copy{max-width:380px;z-index:3}

/* Gold details for tables / pills / CTA helpers */
.step-strip b,.ownership-diagram__half--lime,.principle-card--accent{background:var(--uo-brand-gold)!important;color:#171A1C!important;border-color:var(--uo-brand-gold)!important}
.top-bar{background:#171A1C!important;color:#F5F7F9!important}
.top-bar a{color:var(--uo-brand-gold)!important}

@media (max-width:1050px){
  .feature-product.has-photo .feature-product__copy{max-width:320px}
}
@media (max-width:760px){
  .feature-product.has-photo .feature-product__art:after{
    background:linear-gradient(180deg,rgba(15,18,20,.92) 0%,rgba(15,18,20,.56) 38%,rgba(15,18,20,.12) 70%,rgba(15,18,20,.02) 100%)!important;
  }
  .feature-product--pos.has-photo .feature-product__image{object-position:center 60%!important}
  .feature-product--ordering.has-photo .feature-product__image{object-position:center 38%!important}
}


/* ======================================================
   V6 — COMPLETE IMAGE FRAMING + TYPOGRAPHY + GOLD POLISH
   Product photography is shown in full; text decorations stay text.
   ====================================================== */
:root{--uo-brand-gold:#F7C516;--uo-brand-gold-deep:#D7A400;--uo-brand-gold-soft:#FFF4CB;--uo-brand-gold-glow:rgba(247,197,22,.18)}

/* Fix the headline artifact shown on POS: the inline period was accidentally given a solid background. */
.detail-hero__copy h1{font-size:clamp(37px,4.15vw,65px)!important;letter-spacing:-.055em!important;line-height:1.11!important;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:none;margin:19px 0 23px!important}
.detail-hero__copy h1 .detail-dot{display:inline!important;position:static!important;width:auto!important;height:auto!important;line-height:inherit!important;color:var(--uo-brand-gold)!important;background:none!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important}
.detail-hero__copy,.detail-hero__grid>*{min-width:0}
.detail-hero__copy h2{font-size:clamp(19px,1.8vw,25px)!important;line-height:1.35!important}
.detail-hero__grid{align-items:center!important;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr)!important;gap:clamp(27px,4vw,60px)!important}
.detail-hero{padding-bottom:clamp(55px,7vw,85px)!important}
.detail-hero .bread-crumbs{margin-bottom:clamp(32px,4vw,55px)!important}
.detail-hero__scope{margin-top:30px!important;border-top:2px solid rgba(247,197,22,.7)!important}
.detail-hero__scope b{color:var(--uo-brand-gold)!important}

/* Hero photographs: no forced cover crop, oversized border, or thick offset frame. */
.detail-visual.detail-visual--photographic{border:0!important;box-shadow:none!important;border-radius:15px!important;overflow:hidden;min-width:0;max-width:100%;}
.detail-visual.visual-scene{height:auto!important;min-height:0!important;align-self:center!important;display:block!important;background:transparent!important;padding:0!important}
.detail-visual.visual-scene .detail-hero__image{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border-radius:15px!important}
.detail-visual.visual-device{background:radial-gradient(ellipse at 50% 45%,#30373B 0%,#171B1E 78%)!important;padding:16px!important;min-height:0!important;aspect-ratio:1.03!important;display:flex!important;align-items:center!important;justify-content:center!important}
.detail-visual.visual-device .detail-hero__image{width:100%!important;height:auto!important;min-height:0!important;max-height:clamp(330px,39vw,530px)!important;object-fit:contain!important;object-position:center!important;border-radius:0!important}
.detail-visual--illustration{box-shadow:none!important;border:0!important;border-radius:15px!important;min-height:0!important;padding:18px!important;}
.detail-visual .detail-photo-label{right:14px!important;bottom:14px!important;left:auto!important;border-radius:5px!important;padding:7px 10px!important;font-size:9px!important;background:rgba(15,19,22,.74)!important;color:#fff!important}

/* Editorial product tiles: text is separate from the image; no overlap, no crop, no artificial border. */
.featured-products{align-items:stretch}
.feature-product.has-photo{display:grid!important;min-width:0;border:0!important;border-radius:16px!important;overflow:hidden!important;background:#1C2227!important;box-shadow:0 12px 38px rgba(11,17,21,.10)!important;transform:none!important}
.feature-product.has-photo .feature-product__copy{position:relative!important;z-index:3!important;min-width:0;max-width:none!important;padding:clamp(24px,2.5vw,34px)!important}
.feature-product.has-photo .feature-product__copy span:first-child{color:#E4E9ED!important}
.feature-product.has-photo .feature-product__copy .text-link{color:var(--uo-brand-gold)!important;border-color:var(--uo-brand-gold)!important;margin-top:17px!important}
.feature-product.has-photo .feature-product__art{position:relative!important;inset:auto!important;z-index:1!important;transform:none!important;opacity:1!important;width:100%!important;min-width:0!important;height:100%!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;background:linear-gradient(130deg,#1B242A,#242C30)!important;pointer-events:none}
.feature-product.has-photo .feature-product__art::after{content:none!important}
.feature-product.has-photo .feature-product__image{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;object-position:center!important;transform:none!important;transition:transform .45s ease!important}
.feature-product.has-photo:hover .feature-product__image{transform:scale(1.02)!important}
.feature-product--pos.has-photo{grid-template-columns:1fr!important;grid-template-rows:auto minmax(310px,1fr)!important;min-height:630px!important}
.feature-product--pos.has-photo .feature-product__art{height:100%!important;min-height:310px!important}
.feature-product--ordering.has-photo,.feature-product--kitchen.has-photo{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;grid-template-rows:minmax(295px,1fr)!important;min-height:295px!important}
.feature-product--ordering.has-photo .feature-product__copy,.feature-product--kitchen.has-photo .feature-product__copy{padding:28px 6px 24px 27px!important;align-self:center}
.feature-product--ordering.has-photo .feature-product__art,.feature-product--kitchen.has-photo .feature-product__art{height:100%!important;min-height:295px!important;padding:10px!important}
.feature-product--kitchen.has-photo .feature-product__art{background:#202528!important}

/* Full original artwork within the landing-page hero, not the prematurely cropped preview. */
.hero-art--photo{border:0!important;background:radial-gradient(circle at 50% 60%,#303942 0%,#182027 68%)!important;min-width:0!important;overflow:hidden!important}
.hero-art--photo .home-hero__photo{width:100%!important;height:100%!important;min-height:0!important;max-height:760px!important;object-fit:contain!important;object-position:center center!important}
.home-hero h1 em{color:var(--uo-brand-gold)!important}
.home-hero .hero-smallprint__line{background:var(--uo-brand-gold)!important}
.home-hero__foot .micro-label{color:var(--uo-brand-gold)!important}

/* Galleries: keep the entire product/device visible within an intentional, consistent matte. */
.product-gallery__grid{gap:20px!important;align-items:stretch}
.product-gallery__card{border:0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 10px 34px rgba(22,29,34,.08)!important;overflow:hidden!important;display:flex;flex-direction:column}
.product-gallery__media{height:clamp(320px,31vw,430px)!important;overflow:hidden!important;border:0!important;padding:0!important;display:flex;align-items:center;justify-content:center}
.product-gallery__media.media-device{background:radial-gradient(ellipse at 50% 40%,#3C4549 0%,#192025 78%)!important;padding:clamp(12px,2vw,22px)!important}
.product-gallery__media.media-scene{background:#1A2023!important;padding:0!important}
.product-gallery__media .product-gallery__image{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;max-width:100%}
.product-gallery__media.media-scene .product-gallery__image{object-fit:contain!important}
.product-gallery__grid--single{max-width:860px!important}
.product-gallery__grid--single .product-gallery__media{height:clamp(350px,45vw,560px)!important}
.product-gallery__card figcaption{padding:17px 23px!important;font-size:14px!important;border-top:1px solid #EDF0F2!important}

/* Other image surfaces: no jagged cropping or oversized framing. */
.real-workflows__card{border:0!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 8px 26px rgba(20,25,28,.06)!important}
.real-workflows__media{border:0!important;aspect-ratio:4/3!important;overflow:hidden!important}
.real-workflows__media img{object-fit:contain!important;padding:0!important}
.catalogue-card__photo{border:0!important;border-radius:9px!important;overflow:hidden!important}
.catalogue-card__photo img{object-fit:contain!important;padding:5px!important}
.pos-usecase__visual.is-real-photo{border:0!important;border-radius:13px!important;box-shadow:none!important;background:radial-gradient(circle,#30393F,#1B2126 85%)!important;padding:12px!important;min-height:0!important}
.pos-usecase__visual .pos-usecase__image{width:100%!important;height:auto!important;max-height:500px!important;object-fit:contain!important;object-position:center!important}
.partner-story__photo{height:auto!important;max-height:600px!important;object-fit:contain!important;background:#1F2528!important;border-radius:13px!important}
.platform-ecosystem__media{border:0!important;border-radius:13px!important}
.platform-ecosystem__media img{max-height:none!important;height:auto!important;object-fit:contain!important}
.legacy-reseller .partner-hero-photo,.legacy-reseller .reseller-photo{object-fit:contain!important}

/* More brand yellow: deliberate hierarchy, not large blocks of high-saturation color. */
.detail-hero__copy .eyebrow,.detail-hero__copy .eyebrow i,.home-hero .eyebrow,.feature-product__copy .text-link,.legacy-reseller .model-monthly .pill{color:var(--uo-brand-gold)!important}
.eyebrow i,.signal-dot{background:var(--uo-brand-gold)!important}
.nav-links a.is-active,.nav-links a:hover{color:#171C20!important}
.nav-links a::after,.nav-product-label::after{background:var(--uo-brand-gold)!important}
.product-shortcuts__row .product-shortcuts__all,.product-shortcuts__row a:hover,.mega-products__intro>a,.nav-links .mega-products__column>a:hover{color:#947000!important}
.catalogue-card:hover,.real-workflows__card:hover,.solution-card:hover{border-color:rgba(247,197,22,.7)!important;box-shadow:0 13px 34px rgba(76,57,0,.10)!important}
.catalogue-card__bottom strong,.catalogue-card__meta span:last-child,.step-strip b,.audience-grid .icon,.clarity-path__plus,.clarity-path__equal{color:#A17A00!important}
.catalogue-intro__aside b,.catalogue-intro__aside>span{color:var(--uo-brand-gold)!important}
.catalogue-close .eyebrow i,.detail-features .eyebrow i,.product-gallery__head .eyebrow i{background:var(--uo-brand-gold)!important}
.product-gallery__head{border-left:4px solid var(--uo-brand-gold);padding-left:20px}
.legacy-reseller .choice[aria-selected=true]{border-color:var(--uo-brand-gold)!important}
.legacy-reseller .model-monthly .result strong,.legacy-reseller .model-monthly .plan-profit b,.legacy-reseller .model-commission .result strong{color:#886900!important}
.legacy-reseller .top-hero .top-eyebrow{color:#8B6A00!important}

@media(max-width:1120px){
  .detail-hero__grid{grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
  .detail-hero__copy{max-width:850px!important}
  .detail-visual{width:100%!important;max-width:820px!important;justify-self:center!important}
  .detail-visual.visual-scene .detail-hero__image{max-height:570px!important}
  .detail-hero__copy h1{font-size:clamp(40px,6vw,65px)!important}
}
@media(max-width:760px){
  .detail-hero__copy h1{font-size:clamp(35px,9vw,51px)!important;letter-spacing:-.045em!important}
  .detail-visual.visual-device{aspect-ratio:1.05!important;padding:11px!important}
  .detail-visual.visual-device .detail-hero__image{max-height:430px!important}
  .detail-visual.visual-scene .detail-hero__image{max-height:none!important}
  .product-gallery__media{height:340px!important}
  .product-gallery__grid--single .product-gallery__media{height:410px!important}
  .feature-product--pos.has-photo{min-height:0!important;grid-template-rows:auto minmax(250px,1fr)!important}
  .feature-product--ordering.has-photo,.feature-product--kitchen.has-photo{grid-template-columns:1fr!important;grid-template-rows:auto minmax(240px,1fr)!important;min-height:0!important}
  .feature-product--ordering.has-photo .feature-product__copy,.feature-product--kitchen.has-photo .feature-product__copy{padding:24px 24px 10px!important}
  .feature-product--ordering.has-photo .feature-product__art,.feature-product--kitchen.has-photo .feature-product__art{min-height:240px!important;max-height:310px!important}
  .feature-product.has-photo .feature-product__art{min-height:250px!important}
  .partner-story__photo{max-height:500px!important}
}
@media(max-width:420px){
  .detail-hero__copy h1{font-size:clamp(33px,8.9vw,39px)!important}
  .product-gallery__media{height:300px!important}
  .product-gallery__grid--single .product-gallery__media{height:365px!important}
  .feature-product--pos.has-photo .feature-product__art{min-height:300px!important}
}

/* Wider image stage in the two compact featured product cards. */
@media(min-width:761px){.feature-product--ordering.has-photo,.feature-product--kitchen.has-photo{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important}}


/* ======================================================
   V7 — WEBSITE POLISH: transparent device artwork, tighter spacing,
   cleaner framing, and subtle motion.
   ====================================================== */
:root{--uo-brand-gold:#F5C20C;--uo-brand-gold-deep:#C89600;--uo-brand-gold-soft:#FFF3C2;--uo-brand-gold-glow:rgba(245,194,12,.22)}

@keyframes uo-float-device{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes uo-fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes uo-glow-pulse{0%,100%{box-shadow:0 24px 62px rgba(8,12,16,.26),0 0 0 1px rgba(245,194,12,.10)}50%{box-shadow:0 30px 72px rgba(8,12,16,.30),0 0 0 1px rgba(245,194,12,.18)}}

.page-product .detail-hero{padding-bottom:clamp(52px,6vw,74px)!important}
.page-product .detail-hero__grid{align-items:center!important;gap:clamp(28px,4vw,58px)!important}
.page-product .detail-explainer{padding:84px 0 72px!important}
.page-product .detail-explainer__grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;gap:clamp(26px,4vw,60px)!important;align-items:start!important}
.page-product .detail-explainer h2{margin-top:10px!important;line-height:1.03!important}
.page-product .detail-explainer__grid>div:nth-child(2)>h3{max-width:720px!important}
.page-product .detail-info-tiles{margin-top:26px!important;gap:18px!important;align-items:start!important}
.page-product .detail-info-tiles>div{min-height:0!important;padding:22px 22px 20px!important}
.page-product .detail-features{padding:82px 0 90px!important}

.detail-visual.detail-visual--photographic{animation:uo-fade-up .85s cubic-bezier(.22,1,.36,1) both!important}
.detail-visual.visual-device{position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 50% 16%,rgba(245,194,12,.20) 0%,rgba(245,194,12,.08) 12%,rgba(255,255,255,.04) 18%,#232B30 45%,#13181B 100%)!important;border:1px solid rgba(245,194,12,.14)!important;box-shadow:0 24px 62px rgba(8,12,16,.26),0 0 0 1px rgba(245,194,12,.10)!important;animation:uo-fade-up .85s cubic-bezier(.22,1,.36,1) both, uo-glow-pulse 8s ease-in-out infinite!important}
.detail-visual.visual-device::before{content:"";position:absolute;inset:auto -8% 68% -8%;height:42%;background:radial-gradient(circle at 50% 0%,rgba(245,194,12,.18),rgba(245,194,12,0) 68%);pointer-events:none}
.detail-visual.visual-device .detail-hero__image{filter:drop-shadow(0 22px 34px rgba(0,0,0,.28));animation:uo-float-device 8s ease-in-out infinite}
.detail-visual--gift-cards.visual-device,.detail-visual--reservations.visual-device,.detail-visual--online-ordering.visual-device{aspect-ratio:.98!important;padding:18px 14px!important}
.detail-visual--gift-cards.visual-device .detail-hero__image{max-height:clamp(360px,42vw,560px)!important}
.detail-visual--reservations.visual-device .detail-hero__image,.detail-visual--online-ordering.visual-device .detail-hero__image{max-height:clamp(350px,40vw,540px)!important}
.detail-photo-label{backdrop-filter:blur(8px)}

.product-gallery__head{margin-bottom:30px!important}
.product-gallery__card{transition:transform .35s ease,box-shadow .35s ease!important}
.product-gallery__card:hover{transform:translateY(-7px)!important;box-shadow:0 18px 40px rgba(12,18,22,.14)!important}
.product-gallery__media.media-device{position:relative!important;background:radial-gradient(circle at 50% 18%,rgba(245,194,12,.14),rgba(245,194,12,.03) 16%,#2A3135 44%,#151A1D 100%)!important}
.product-gallery__media.media-device::before{content:"";position:absolute;inset:auto -8% 74% -8%;height:38%;background:radial-gradient(circle at 50% 0%,rgba(245,194,12,.13),rgba(245,194,12,0) 70%);pointer-events:none}
.product-gallery__media .product-gallery__image{filter:drop-shadow(0 16px 26px rgba(0,0,0,.25));transition:transform .65s cubic-bezier(.22,1,.36,1),filter .4s ease!important}
.product-gallery__card:hover .product-gallery__image{transform:translateY(-5px) scale(1.02)!important;filter:drop-shadow(0 20px 30px rgba(0,0,0,.30))}

@media(max-width:1120px){
  .page-product .detail-explainer__grid{grid-template-columns:1fr!important;gap:34px!important}
}
@media(max-width:760px){
  .page-product .detail-explainer{padding:66px 0 58px!important}
  .page-product .detail-features{padding:68px 0 72px!important}
  .detail-visual--gift-cards.visual-device,.detail-visual--reservations.visual-device,.detail-visual--online-ordering.visual-device{aspect-ratio:1.02!important;padding:10px!important}
}


/* V8 interaction polish */
@keyframes uo-drift-glow{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-10px,0) scale(1.02)}}
@keyframes uo-gold-shimmer{0%{background-position:0% 50%}100%{background-position:100% 50%}}

/* Use both logos across the site */

/* Stronger animation and hover polish */
.btn,.nav-apply,.nav-links a,.mega-products__column>a,.real-workflows__card,.feature-product,.solution-card,.catalogue-card,.partner-fit__grid>div,.support-stack>div,.journey-grid>div,.three-way__item,.detail-info-tiles>div{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,background-color .25s ease,color .25s ease,border-color .25s ease!important}
.btn:hover,.nav-apply:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(17,24,31,.14)}
.real-workflows__card:hover,.feature-product:hover,.solution-card:hover,.catalogue-card:hover,.partner-fit__grid>div:hover,.support-stack>div:hover,.journey-grid>div:hover,.three-way__item:hover,.detail-info-tiles>div:hover{transform:translateY(-6px)!important;box-shadow:0 18px 42px rgba(12,18,22,.12)!important}
.home-hero__photo,.partner-hero-photo,.reseller-photo,.real-workflows__media img{filter:drop-shadow(0 18px 30px rgba(0,0,0,.22));transition:transform .7s cubic-bezier(.22,1,.36,1),filter .35s ease!important}
.home-hero__photo{animation:uo-float-device 9s ease-in-out infinite}
.real-workflows__card:hover .asset-photo,.feature-product:hover .feature-product__art img,.catalogue-card:hover .catalogue-card__photo img{transform:translateY(-6px) scale(1.025)!important;filter:drop-shadow(0 24px 38px rgba(0,0,0,.28))}
.home-hero,.detail-hero{position:relative;overflow:hidden}
.home-hero::before,.detail-hero::before{content:"";position:absolute;inset:-12% auto auto -12%;width:38vw;min-width:280px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,rgba(245,194,12,.16),rgba(245,194,12,.06) 34%,rgba(245,194,12,0) 70%);pointer-events:none;filter:blur(4px);animation:uo-drift-glow 10s ease-in-out infinite}
.home-hero::after{content:"";position:absolute;right:-8%;bottom:-12%;width:26vw;min-width:220px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,rgba(245,194,12,.10),rgba(245,194,12,0) 72%);pointer-events:none;animation:uo-drift-glow 12s ease-in-out infinite reverse}
.home-hero .hero-smallprint__line{background-size:180% 180%;animation:uo-gold-shimmer 8s linear infinite alternate}

/* Full-width, usable Products dropdown anchored to the navigation container. */
@media (min-width:1051px){
  .site-header{overflow:visible!important;z-index:1000!important}
  .site-header .nav-wrap{position:relative!important;overflow:visible!important}
  .site-header .nav-links{position:static!important}
  .site-header .nav-product-group{position:static!important;display:flex!important;align-items:center!important;padding:0!important;margin:0!important}
  .site-header .nav-product-group::after{display:none!important}
  .site-header .mega-products{
    position:absolute!important;top:100%!important;left:0!important;right:0!important;
    width:100%!important;min-width:0!important;max-width:none!important;
    grid-template-columns:minmax(215px,.85fr) minmax(0,3.15fr)!important;
    gap:clamp(18px,2.2vw,36px)!important;
    padding:clamp(22px,2.4vw,34px)!important;
    box-sizing:border-box!important;z-index:1100!important;
    display:grid!important;opacity:0;visibility:hidden;pointer-events:none;
    transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s!important;
    overflow:visible!important;border-radius:0 0 16px 16px!important
  }
  .site-header .nav-product-group:hover .mega-products,
  .site-header .nav-product-group:focus-within .mega-products,
  .site-header .nav-product-group.is-open .mega-products{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:translateY(0)!important;transition-delay:0s!important
  }
  .mega-products__columns{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(15px,1.7vw,26px)!important}
  .mega-products__column,.mega-products__intro{min-width:0!important}
  .mega-products__intro h3{font-size:clamp(23px,2.1vw,28px)!important;overflow-wrap:normal!important}
  .mega-products__column>a{overflow-wrap:normal!important;word-break:normal!important}
  .nav-product-group.is-open .nav-product-label span{transform:rotate(180deg)}
}
@media(min-width:1051px) and (max-width:1260px){
  .site-header .mega-products{grid-template-columns:1fr!important}
  .mega-products__intro{display:none!important}
  .mega-products__columns{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1050px){
  .site-header .mega-products{display:none!important}
  .mobile-menu.is-open{max-height:min(82vh,770px)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
}
.mega-products{background:#FBFCFD!important;box-shadow:0 28px 60px rgba(10,16,22,.18)!important;border:1px solid rgba(38,46,52,.10)!important}
.mega-products__intro{background:linear-gradient(180deg,#FFFDF4 0%,#FFFFFF 100%)!important}
.mega-products__intro h3{max-width:12ch}
.mega-products__column>a:hover{padding-left:4px}

/* Transparent device media sit better in frames */
.real-workflows__media.media-device,.product-gallery__media.media-device,.detail-visual.visual-device{background:radial-gradient(circle at 50% 18%,rgba(245,194,12,.14),rgba(245,194,12,.04) 18%,#2A3135 44%,#151A1D 100%)!important}
.real-workflows__media.media-device{padding:18px!important}
.real-workflows__media.media-device img{object-fit:contain!important;max-width:100%;max-height:100%}
.legacy-reseller .partner-hero-photo,.legacy-reseller #c-intro .hero-image.reseller-photo{background:transparent!important;box-shadow:none!important}

@media (max-width:760px){
  .home-hero::before,.home-hero::after,.detail-hero::before{opacity:.75}
}

/* Motion accessibility, readable dropdown focus and page stability. */
.mega-products__column>a:focus-visible,.mega-products__intro>a:focus-visible{outline:2px solid var(--uo-brand-gold);outline-offset:3px;border-radius:2px}
.site-header .mega-products__intro{justify-content:center}
@media(prefers-reduced-motion:reduce){
  .home-hero::before,.home-hero::after,.detail-hero::before,.home-hero__photo,.detail-visual.visual-device,.detail-visual.visual-device .detail-hero__image{animation:none!important}
  .site-header .mega-products,.real-workflows__card,.feature-product,.btn{transition:none!important}
}

/* V10: Identity badge features the independent official U mark without stacking it below the wordmark. */
.platform-identity{display:inline-flex;align-items:center;gap:15px;margin:28px 0 30px;
  padding:13px 18px;background:#fff;border:1px solid #E1E7EA;border-left:3px solid var(--uo-brand-gold);
  border-radius:12px;box-shadow:0 10px 28px rgba(18,28,35,.045);max-width:min(100%,590px)}
.platform-identity img{display:block;flex:0 0 auto;width:42px;height:51px;object-fit:contain}
.platform-identity>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.platform-identity strong{font-size:10px;letter-spacing:.12em;font-weight:850;color:#202830}
.platform-identity span{font-size:13px;line-height:1.5;color:#52606C}
@media(max-width:530px){.platform-identity{margin:20px 0 25px;padding:12px 13px;gap:12px}.platform-identity img{width:34px;height:42px}.platform-identity span{font-size:12px}}



/* V10.1 final content & photography adjustments */
.footer-links a.footer-contact-email{
  color:#F5C20C!important; font-size:13px!important; font-weight:750!important;
  text-decoration:none;overflow-wrap:anywhere;
}
.footer-links a.footer-contact-email:hover{text-decoration:underline}
.footer-office{font-style:normal;font-size:12px;line-height:1.75;color:#C8D1D6;margin-top:0}
.contact-direct{margin-top:34px;padding:26px 28px;border-left:3px solid #F5C20C;
  background:linear-gradient(135deg,#FFFFFF,#F7F9FA);box-shadow:0 9px 28px rgba(21,29,33,.06)}
.contact-direct h3{font-size:21px;letter-spacing:-.035em;margin:0 0 21px;color:#20282D}
.contact-direct__label{display:block;font-size:10px;letter-spacing:.13em;color:#687379;font-weight:800;margin:16px 0 7px}
.contact-direct a{font-size:16px;font-weight:750;color:#18242A;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:#E5B500;text-underline-offset:5px}
.contact-direct address{font-style:normal;line-height:1.7;font-size:14px;color:#333D43}
.privacy-contact-details{margin:36px 0 12px;padding:22px 0;border-top:1px solid rgba(28,37,40,.16)}
.privacy-contact-details h2{font-size:22px;margin-bottom:12px}
.privacy-contact-details address{font-style:normal;color:#4F5C62}
.detail-visual--kds.visual-device{aspect-ratio:1.5!important;min-height:0!important;padding:clamp(18px,2.3vw,34px)!important}
.detail-visual--kds.visual-device .detail-hero__image{width:100%!important;height:auto!important;max-height:450px!important;object-fit:contain!important}
.feature-product--kitchen .uo-kds-feature-image{object-fit:contain!important;object-position:center!important;padding:clamp(10px,2vw,22px)}
@media(max-width:760px){
 .detail-visual--kds.visual-device{aspect-ratio:1.43!important;padding:16px!important}
 .detail-visual--kds.visual-device .detail-hero__image{max-height:310px!important}
 .contact-direct{padding:22px}
}


/* V10.3: Contact phone across full site */
.footer-links a.footer-contact-phone{display:inline-flex;align-items:center;font-weight:750;font-size:13px;line-height:1.5;color:#F7C516;text-decoration:none;white-space:nowrap;margin-top:1px}
.footer-links a.footer-contact-phone:hover,.footer-links a.footer-contact-phone:focus-visible{color:#FFE27B;text-decoration:underline;text-underline-offset:4px}
.contact-direct a.contact-direct__phone{display:inline-block;color:#1C252B;margin-bottom:4px}


/* V11.3: compact legal links and secondary Canadian office */
.footer-bottom .footer-legal-links {
  display: inline-flex; flex-wrap: wrap; align-items: center;
  justify-content: flex-start; gap: 8px 16px; margin: 0;
}
.footer-bottom .footer-legal-links a { display: inline-block; white-space: nowrap; }
.footer-region-label {
  display: block; color: #B5C3CD; text-transform: uppercase;
  font-size: 10px; font-weight: 800; letter-spacing: .12em;
}
.footer-canada-office {
  display: flex; flex-direction: column; align-items: flex-start;
  gap: 7px; margin-top: 14px; padding-top: 14px;
  border-top: 1px solid rgba(220, 229, 237, .17); max-width: 250px;
}
.footer-links .footer-canada-office .footer-contact-email {margin: 0;}
.footer-links .footer-canada-office .footer-office {margin: 0;}
.contact-direct .contact-direct__canada-label {
  margin-top: 24px; padding-top: 16px; border-top: 1px solid #E3E8EB;
}
@media(max-width:760px){
  .footer-bottom .footer-legal-links { gap: 8px 13px; }
}


/* V11.4: consistent centered footer tagline; addresses and legal links kept intact. */
@media (min-width: 761px) {
  .footer-bottom {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) !important;
    gap: 14px 20px !important;
    align-items: center !important;
  }
  .footer-bottom > span:first-child { justify-self: start; text-align: left; }
  .footer-bottom > span:nth-child(2) { justify-self: center; text-align: center; }
  .footer-bottom .footer-legal-links { justify-self: end; justify-content: flex-end !important; }
}
@media (max-width:760px) {
  .footer-bottom > span:nth-child(2) { width: 100%; text-align: center; }
  .footer-bottom .footer-legal-links { justify-content: center !important; width: 100%; }
}