/* 2026-10-18 customer feedback: integrated navigation, first-view heading and product copy. */
.site-header:not(.is-solid){background:transparent;border-bottom-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}
.site-header:not(.is-solid)::before{content:"";position:absolute;z-index:-1;inset:0 0 -46px;pointer-events:none;background:linear-gradient(180deg,rgba(20,16,12,.74),rgba(20,16,12,.38) 54%,rgba(20,16,12,0))}
.site-header:not(.is-solid) .brand-platform,.site-header:not(.is-solid) .brand-platform b,.site-header:not(.is-solid) .primary-nav>a{color:#fffaf3;text-shadow:0 1px 5px rgba(0,0,0,.55),0 2px 16px rgba(0,0,0,.35)}
.site-header:not(.is-solid) .brand-mark{filter:brightness(0) invert(1);opacity:.97}
.site-header:not(.is-solid) .primary-nav>a::after{background:#fffaf3}
.site-header:not(.is-solid) .menu-toggle{color:#fffaf3;background:rgba(20,16,12,.18);border-color:rgba(255,250,243,.7)}
.site-header.is-solid .brand-mark{filter:none}
.solutions.solutions--curated{padding-top:36px}
.solutions--curated .showcase-heading{gap:0;margin-bottom:32px}
.usage-scene .showcase-copy{width:39%;max-width:480px}
.usage-scene .showcase-description{max-width:34em}
.usage-scene .showcase-description p{text-wrap:pretty}
.usage-scene .showcase-description p+p{margin-top:14px}
#access-devices .terminal--large{background:radial-gradient(ellipse at 78% 48%,rgba(192,164,118,.2),transparent 49%),linear-gradient(125deg,#423d35,#292824 80%)}
#access-devices .terminal--large .terminal-visual{background:transparent}
#access-devices .terminal--large .terminal-visual::before{background:radial-gradient(ellipse at 54% 48%,rgba(225,206,164,.11),transparent 66%)}
#access-devices .terminal--large .terminal-visual::after{background:none;box-shadow:none;border:0}
@media(min-width:901px){
 .hero.hero{height:clamp(560px,calc(100svh - 160px),840px)}
}
@media(max-width:900px){
 .usage-scene .showcase-copy{width:100%;max-width:none}
 .usage-scene .showcase-description{max-width:34em}
 .usage-scene .showcase-description p+p{margin-top:10px}
}
@media(max-width:760px){
 .hero.hero{height:clamp(680px,calc(100svh - 110px),810px)}
 .hero.hero .hero-photo{height:43%}
 .solutions.solutions--curated{padding-top:30px}
 .solutions--curated .showcase-heading{margin-bottom:28px}
 .usage-scene .showcase-description p{font-size:12px;line-height:1.85}
}

/* Exact customer UI follows the same cover crop as the hero photograph. */
.hero-slide--access .access-screen-overlay{position:absolute;max-width:none;pointer-events:none;visibility:hidden;filter:brightness(.94)}
/* Supplied HOSPAD artwork remains unmodified; the finger stays in front. */
.hospad-screen-plane{position:absolute;width:1672px;height:940px;transform-origin:0 0;pointer-events:none;visibility:hidden}
.hospad-screen-plane .hospad-screen-ui{position:absolute;left:0;top:0;width:2560px;height:1600px;max-width:none;object-fit:fill;transform-origin:0 0;border-radius:24px;display:block}
.hospad-screen-hand{position:absolute;inset:0;width:1672px;height:940px;max-width:none;pointer-events:none}
/* Editable Figma success page exported for the restaurant tablet. */
.breakfast-screen-plane{position:absolute;width:1672px;height:940px;transform-origin:0 0;pointer-events:none;visibility:hidden}
.hero .breakfast-screen-plane .breakfast-screen-ui{position:absolute;left:0;top:0;width:2560px;height:1600px;max-width:none;object-fit:fill;transform-origin:0 0;border-radius:24px;display:block;filter:none;animation:none}
.breakfast-screen-card{position:absolute;inset:0;width:1672px;height:940px;max-width:none;pointer-events:none}

.breakfast-screen-glass{position:absolute;inset:0;width:1672px;height:940px;max-width:none;pointer-events:none;mix-blend-mode:multiply;opacity:.18}