.fullscreen .page{margin:0;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.home-wrap{max-width:1080px;margin:0 auto;padding:0 var(--s-5)}

.home-bar{position:sticky;top:0;z-index:var(--z-navbar);padding-top:env(safe-area-inset-top);background:var(--c-bar);-webkit-backdrop-filter:blur(18px) saturate(1.8);backdrop-filter:blur(18px) saturate(1.8);border-bottom:.5px solid var(--c-separator)}
.home-bar__inner{display:flex;align-items:center;gap:var(--s-4);max-width:1080px;min-height:56px;margin:0 auto;padding:0 var(--s-3) 0 var(--s-5)}
.home-brand{display:inline-flex;align-items:center;gap:10px;min-height:var(--tap);color:var(--c-label);font:var(--t-headline);font-weight:700;letter-spacing:-.01em;text-decoration:none;white-space:nowrap}
.home-brand__icon{width:32px;height:32px}
.home-brand--small{font:var(--t-callout);font-weight:600}
.home-brand--small .home-brand__icon{width:24px;height:24px}
.home-bar__nav{display:none;gap:var(--s-2)}
.home-bar__link{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--s-2);color:var(--c-label-2);font:var(--t-callout);font-weight:500;text-decoration:none}
.home-bar__link:hover{color:var(--c-primary)}
.home-bar__actions{display:flex;align-items:center;gap:var(--s-1);margin-left:auto}
.home-bar__actions .button{border-radius:var(--r-full);font:var(--t-callout);font-weight:600}
.home-bar__actions .button--plain{padding:0 var(--s-2)}

.home-eyebrow{display:inline-block;margin:0 0 var(--s-3);padding:5px 12px;border-radius:var(--r-full);background:var(--c-primary-soft);color:var(--c-primary);font:var(--t-footnote);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.home-eyebrow--secondary{background:var(--c-secondary-soft);color:var(--c-on-secondary-soft)}

.home-hero{overflow:hidden;padding:var(--s-8) 0 0;background:linear-gradient(180deg,var(--c-bg) 0%,var(--c-bg-grouped) 100%)}
.home-hero__grid{display:grid;gap:var(--s-8)}
.home-hero__title{margin:0 0 var(--s-4);font:700 40px/1.05 var(--font);letter-spacing:-.03em;hyphens:auto}
.home-hero__lead{margin:0 0 var(--s-6);max-width:34em;font:400 18px/1.45 var(--font);color:var(--c-label-2)}
.home-hero__actions{display:flex;flex-wrap:wrap;gap:var(--s-3)}
.home-button-lg{min-height:52px;padding:0 var(--s-6);border-radius:var(--r-full);font-size:17px}
.home-hero__actions .button--secondary{box-shadow:inset 0 0 0 1px var(--c-separator)}
.home-hero__note{display:flex;align-items:center;gap:var(--s-2);margin:var(--s-4) 0 0;font:var(--t-subhead);color:var(--c-label-2)}
.home-hero__note .icon{font-size:18px}
.home-hero__visual{position:relative;display:flex;justify-content:center;padding-bottom:var(--s-8)}

.device{position:relative;width:min(280px,72vw);margin:0 auto;padding:9px;border-radius:46px;background:var(--c-cook-bg);box-shadow:0 30px 60px -20px rgba(80,40,0,.35),0 12px 24px -12px rgba(0,0,0,.25)}
.device img{width:100%;height:auto;border-radius:37px}
.device--front{z-index:var(--z-content)}
.device--back{display:none}

.home-section{padding:56px 0}
.home-section--white{background:var(--c-bg)}
.home-section__title{margin:0 0 var(--s-3);font:700 30px/1.1 var(--font);letter-spacing:-.02em;hyphens:auto}
.home-section__lead{margin:0 0 var(--s-6);max-width:36em;font:400 17px/1.45 var(--font);color:var(--c-label-2)}

.home-features,.home-roles,.home-steps{display:grid;gap:var(--s-3);margin:0;padding:0;list-style:none}
.home-feature,.home-role,.home-step{padding:var(--s-5);border-radius:var(--r-2xl);background:var(--c-bg)}
.home-section--white .home-role{background:var(--c-bg-grouped)}
.home-feature__icon,.home-role .cell-icon{width:40px;height:40px;border-radius:11px}
.home-feature__icon .icon,.home-role .cell-icon .icon{font-size:24px}
.home-feature__title{margin:var(--s-3) 0 var(--s-1);font:var(--t-headline)}
.home-feature__text{margin:0;font:var(--t-callout);color:var(--c-label-2)}

.home-split{display:grid;gap:var(--s-8);align-items:center}
.home-checks{display:grid;gap:var(--s-2);margin:0;padding:0;list-style:none;font:var(--t-body)}
.home-checks li{display:flex;align-items:flex-start;gap:var(--s-2)}
.home-checks .icon{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--r-full);background:var(--c-secondary);color:var(--c-on-primary);font-size:16px}

.home-kiosk{background:var(--c-kiosk-bg)}
.tablet{padding:12px;border-radius:28px;background:var(--c-cook-bg);box-shadow:0 30px 60px -24px rgba(80,40,0,.35)}
.tablet img{width:100%;height:auto;border-radius:16px}

.home-perks{display:grid;gap:var(--s-3);margin:var(--s-6) 0 0;padding:0;list-style:none;font:var(--t-callout);color:var(--c-label-2)}
.home-perks li{display:flex;align-items:center;gap:var(--s-3)}
.home-perks .icon{color:var(--c-primary)}

.home-step__number{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-full);background:var(--c-secondary);color:var(--c-on-primary);font:var(--t-headline);font-weight:700}

.home-cta{padding:64px 0;background:linear-gradient(135deg,#bb5808,var(--c-primary));color:var(--c-on-primary);text-align:center}
.home-cta__inner{display:grid;justify-items:center}
.home-cta__icon{width:72px;height:72px;margin-bottom:var(--s-4);border-radius:18px;box-shadow:0 0 0 2px rgba(255,255,255,.35),0 12px 30px rgba(0,0,0,.25)}
.home-cta__title{margin:0 0 var(--s-2);font:700 30px/1.1 var(--font);letter-spacing:-.02em}
.home-cta__lead{margin:0 0 var(--s-6);font:400 17px/1.45 var(--font);opacity:.92}
.home-cta__actions{justify-content:center}
.home-cta__button{background:var(--c-bg);color:var(--c-primary)}
.home-cta :focus-visible{outline-color:var(--c-on-primary)}

.home-footer{padding:var(--s-6) 0 var(--s-8);background:var(--c-bg-grouped)}
.home-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-2)}
.home-footer__copy{margin:0;font:var(--t-footnote);color:var(--c-label-2)}

@media (min-width:600px){
  .home-features{grid-template-columns:repeat(2,1fr)}
  .home-roles,.home-steps,.home-perks{grid-template-columns:repeat(3,1fr)}
  .home-perks li{align-items:flex-start}
}

@media (min-width:900px){
  .home-bar__nav{display:flex}
  .home-hero{padding-top:72px}
  .home-hero__grid{grid-template-columns:1.1fr .9fr;align-items:center}
  .home-hero__title{font-size:56px}
  .home-hero__lead{font-size:20px}
  .home-hero__visual{padding:var(--s-6) 0 72px}
  .device--front{margin:0 0 0 auto;transform:translateX(-30px)}
  .device--back{display:block;position:absolute;right:-60px;top:72px;width:250px;margin:0;opacity:.95;transform:rotate(6deg)}
  .home-section{padding:88px 0}
  .home-section__title{font-size:40px}
  .home-features{grid-template-columns:repeat(4,1fr)}
  .home-split{grid-template-columns:1fr 1fr;gap:72px}
  .home-split--reverse .home-split__text{order:2}
  .home-kiosk__text{max-width:640px;margin:0 auto var(--s-8);text-align:center}
  .home-kiosk__text .home-section__lead{margin-left:auto;margin-right:auto}
  .tablet{max-width:880px;margin:0 auto;padding:16px;border-radius:36px}
  .home-cta__title{font-size:40px}
}

@media (prefers-reduced-motion:no-preference){
  .home-hero__actions .button,.home-bar__actions .button{transition:filter var(--d-fast)}
  .home-hero__actions .button:hover,.home-bar__actions .button:hover{filter:brightness(1.08)}
}

@media (max-width:599px){
  .home-feature,.home-role{display:grid;grid-template-columns:40px 1fr;column-gap:var(--s-3);padding:var(--s-4)}
  .home-feature .home-feature__icon,.home-role .cell-icon{grid-row:span 2}
  .home-feature .home-feature__title,.home-role .home-feature__title{margin-top:0}
}