@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght,SOFT@9..144,500..700,0..100&family=Manrope:wght@400;500;600;700&display=swap");

:root { --cream:#f7f1e6; --paper:#fffdf8; --ink:#23231f; --muted:#716e65; --line:#d8d0c2; --terra:#bb593d; --terra-deep:#91402b; --olive:#68754a; --olive-soft:#dce3c7; --sand:#ece2d0; --serif:"Fraunces","Iowan Old Style",Georgia,serif; --sans:"Manrope","Avenir Next",sans-serif; --mono:"DM Mono",Consolas,monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font:16px/1.55 var(--sans); }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.skip-link { position:fixed; top:1rem; left:1rem; z-index:50; padding:.6rem .8rem; background:var(--ink); color:white; transform:translateY(-150%); }
.skip-link:focus { transform:none; }
.site-header,.section-shell,.footer-top,.footer-bottom { width:min(1200px,calc(100% - 2rem)); margin-inline:auto; }
.site-header { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.wordmark { display:inline-flex; align-items:center; gap:.52rem; white-space:nowrap; }
.brand-mark { position:relative; display:block; width:39px; height:39px; flex:0 0 auto; border-radius:5px 17px 5px 17px; background:var(--terra); transform:rotate(-6deg); }
.brand-mark::before { position:absolute; top:11px; left:9px; width:18px; height:2px; border-radius:3px; background:var(--paper); box-shadow:0 6px 0 var(--paper),0 12px 0 var(--paper); content:""; }
.brand-mark::after { position:absolute; right:-4px; bottom:-4px; width:10px; height:10px; border:2px solid var(--paper); border-radius:50%; background:var(--olive); content:""; }
.brand-type { display:flex; flex-direction:column; gap:.12rem; line-height:.8; }.brand-type strong { font:650 1.62rem var(--serif); letter-spacing:-.07em; }.brand-type em { color:var(--terra-deep); font:500 .53rem/1 var(--mono); font-style:normal; letter-spacing:.18em; text-transform:uppercase; }
h1 em,h2 em { color:var(--terra); font-style:italic; }
.site-header nav { display:none; }
.header-cta { border-bottom:1px solid var(--ink); padding-bottom:.12rem; font-size:.73rem; font-weight:700; }
.eyebrow { margin:0 0 1rem; color:var(--terra-deep); font:500 .64rem/1.35 var(--mono); letter-spacing:.12em; text-transform:uppercase; }
h1,h2 { margin:0; font-family:var(--serif); font-weight:600; letter-spacing:-.07em; line-height:.98; }
h1 { font-size:clamp(3.6rem,12vw,7.5rem); }
h2 { font-size:clamp(2.45rem,7vw,5rem); }
h3 { margin:0; font-size:1rem; letter-spacing:-.025em; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:.7rem; min-height:52px; padding:.8rem 1.13rem; border:1px solid transparent; border-radius:999px; font-size:.8rem; font-weight:700; transition:transform .2s,background .2s; }
.button:hover { transform:translateY(-2px); }
.button span { font-size:1.1rem; }
.button-primary { background:var(--terra); color:var(--paper); }
.button-primary:hover { background:var(--terra-deep); }
.button-light { background:var(--paper); color:var(--ink); }
.button-outline { border-color:var(--ink); }
.text-link { display:inline-flex; gap:.5rem; border-bottom:1px solid; padding-bottom:.2rem; font-size:.8rem; font-weight:700; }

.hero { width:min(1280px,calc(100% - 2rem)); display:grid; gap:3.5rem; margin:2rem auto 5rem; }
.hero-copy { padding-top:1rem; }
.hero-copy h1 { margin-bottom:1.25rem; }
.hero-intro { max-width:34rem; margin:0 0 1.7rem; color:#4d4c46; font-size:1rem; line-height:1.72; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem 1.35rem; }
.hero-note { margin:1.2rem 0 0; color:var(--muted); font-size:.7rem; }
.hero-note::before { color:var(--olive); content:"●"; font-size:.55rem; margin-right:.4rem; }
.hero-visual { position:relative; min-height:474px; overflow:hidden; border-radius:8px; background:#e9ddc7; isolation:isolate; }
.hero-visual::before { position:absolute; inset:0; z-index:-2; content:""; opacity:.4; background-image:radial-gradient(rgba(78,60,33,.1) .65px,transparent .75px); background-size:5px 5px; }
.hero-sun { position:absolute; top:-5rem; right:6%; width:17rem; height:17rem; border-radius:50%; background:#e4b771; opacity:.58; }
.phone { position:absolute; bottom:1.7rem; z-index:1; width:190px; min-height:365px; padding:15px 9px 10px; overflow:hidden; border:5px solid #292a28; border-radius:30px; background:#20211e; box-shadow:0 16px 24px rgba(41,35,24,.2); }
.admin-phone { left:7%; transform:rotate(-5deg); }
.menu-phone { right:7%; transform:rotate(5deg); }
.phone-notch { position:absolute; top:8px; left:50%; z-index:3; width:66px; height:15px; border-radius:20px; background:#20211e; transform:translateX(-50%); }
.phone-screen { min-height:336px; padding:28px 10px 9px; border-radius:20px; background:var(--paper); }
.phone-top { display:flex; align-items:center; justify-content:space-between; font-size:.61rem; }
.phone-top i { width:8px; height:8px; border-radius:50%; background:var(--olive); box-shadow:0 0 0 3px var(--olive-soft); }
.screen-overline { margin:.7rem 0 .5rem; color:var(--muted); font:.43rem var(--mono); letter-spacing:.08em; }
.phone-product { display:flex; align-items:center; justify-content:space-between; padding:.48rem 0; border-top:1px solid #e7dfd2; }
.phone-product strong { display:block; font-size:.52rem; line-height:1.18; }
.phone-product small { display:block; margin-top:.12rem; color:var(--olive); font-size:.42rem; }
.muted-product { opacity:.48; }.muted-product small { color:var(--terra-deep); }
.tiny-switch { display:flex; width:25px; height:15px; align-items:center; padding:2px; border-radius:99px; background:var(--olive); }
.tiny-switch i,.tiny-switch em { width:11px; height:11px; margin-left:auto; border-radius:50%; background:white; }
.tiny-switch.off { background:var(--terra); }.tiny-switch.off i { margin-left:0; }
.phone-add { margin-top:.5rem; padding-top:.6rem; border-top:1px solid #e7dfd2; color:var(--terra-deep); font-size:.5rem; font-weight:700; }
.menu-logo { margin:.05rem 0 .55rem; font:italic .78rem var(--serif); letter-spacing:-.07em; text-align:center; }
.menu-screen .screen-overline { text-align:center; }
.menu-heading { display:flex; justify-content:space-between; margin-bottom:.55rem; padding-bottom:.37rem; border-bottom:1px solid #ded6c8; font:.6rem var(--serif); }
.menu-heading span { color:var(--muted); font:.38rem var(--sans); }
.phone-menu-item { display:grid; grid-template-columns:31px 1fr auto; align-items:center; gap:.34rem; padding:.46rem 0; border-bottom:1px solid #eee7dc; }
.phone-menu-item strong { display:block; font-size:.45rem; line-height:1.2; }
.phone-menu-item small { display:block; margin-top:.1rem; color:var(--muted); font-size:.35rem; line-height:1.25; }
.phone-menu-item b { font:.4rem var(--mono); }
.dish { display:block; width:29px; aspect-ratio:1; border:2px solid #f8f6f0; border-radius:50%; box-shadow:0 1px 4px rgba(46,35,19,.18); }
.salad { background:radial-gradient(circle at 36% 35%,#e8754d 0 13%,transparent 14%),radial-gradient(circle at 59% 55%,#efb559 0 18%,transparent 19%),#77814f; }
.chicken { background:radial-gradient(ellipse at 42% 48%,#ab5f35 0 26%,transparent 27%),#dfc38a; }
.pasta { background:repeating-radial-gradient(ellipse at 50% 50%,#889b55 0 3px,#dec77e 4px 6px); }
.burger { background:linear-gradient(#e8aa5c 0 28%,#613d27 29% 48%,#d8c963 49% 60%,#895038 61% 73%,#e6a45b 74%); }
.hero-transfer { position:absolute; bottom:40%; left:50%; z-index:3; display:grid; place-items:center; width:69px; height:69px; border-radius:50%; background:var(--terra); color:white; text-align:center; transform:translateX(-50%); animation:pulse 3.8s ease-in-out infinite; }
.hero-transfer span { font:.39rem/1.25 var(--mono); text-transform:uppercase; }.hero-transfer b { margin-top:-1.2rem; font-size:1rem; font-weight:400; }
.floating-status { position:absolute; bottom:1.1rem; left:50%; z-index:4; display:flex; align-items:center; gap:.45rem; min-width:148px; padding:.6rem .7rem; border:1px solid rgba(255,255,255,.72); border-radius:4px; background:rgba(255,253,248,.92); box-shadow:0 7px 16px rgba(42,37,26,.12); transform:translateX(-50%); }
.floating-status>span { display:grid; width:19px; height:19px; place-items:center; border-radius:50%; background:var(--olive); color:white; font-size:.65rem; }.floating-status strong,.floating-status small { display:block; line-height:1.2; }.floating-status strong { font-size:.49rem; }.floating-status small { color:var(--muted); font-size:.4rem; }
.visual-caption { position:absolute; right:8%; bottom:.5rem; margin:0; color:var(--terra-deep); font:italic .88rem var(--serif); }
@keyframes pulse { 0%,100% { transform:translateX(-50%) scale(1); } 48% { transform:translateX(-50%) scale(1.08); } 55% { transform:translateX(-50%) scale(1); } }

.problem { display:grid; gap:2rem; padding:5rem 0; border-top:1px solid var(--line); }.problem-quote { margin:0; color:var(--terra); font:italic clamp(2.8rem,11vw,5.8rem)/.96 var(--serif); letter-spacing:-.075em; }.problem h2 { max-width:650px; margin-bottom:1.2rem; font-size:clamp(2.15rem,6.2vw,4.2rem); }.problem div>p { max-width:515px; color:#59574f; font-size:.93rem; }.problem .strong-copy { color:var(--ink); font-weight:700; }
.steps { padding:5.5rem 0; }.steps h2 { margin-bottom:2.5rem; }.steps-list { display:grid; gap:1.5rem; margin:0; padding:0; list-style:none; }.steps-list li { position:relative; min-height:205px; padding:1.3rem; overflow:hidden; border-top:1px solid var(--ink); background:var(--paper); }.steps-list li>span { color:var(--muted); font:.6rem var(--mono); }.steps-list h3 { margin:1.55rem 0 .35rem; font:1.5rem var(--serif); }.steps-list p { max-width:220px; margin:0; color:var(--muted); font-size:.75rem; }.step-mark { position:absolute; right:1.2rem; bottom:1.2rem; display:block; }.qr-mark { width:39px; height:39px; background:conic-gradient(from 90deg,var(--olive) 25%,var(--terra) 0 50%,var(--olive) 0 75%,var(--terra) 0) 0 0/19px 19px; }.mobile-mark { width:35px; height:57px; border:3px solid var(--terra); border-radius:8px; }.switch-mark { width:52px; height:29px; padding:4px; border-radius:99px; background:var(--olive); }.switch-mark::after { display:block; width:21px; height:21px; margin-left:auto; border-radius:50%; background:white; content:""; }.instant-note { margin:1.5rem 0 0; color:var(--olive); font-size:.76rem; font-weight:700; }

.demo { padding:5rem 0; }.demo-heading { max-width:650px; }.demo-heading h2 { margin-bottom:1rem; }.demo-heading div>p { max-width:510px; color:var(--muted); font-size:.9rem; }.demo-stage { display:grid; gap:1.4rem; margin-top:2.6rem; padding:1.25rem; background:var(--ink); }.device-label { display:flex; align-items:center; gap:.45rem; margin:0 0 .65rem; color:var(--paper); font:.55rem var(--mono); }.device-label span { width:7px; height:7px; border-radius:50%; background:var(--olive-soft); }.device-label .red-dot { background:#e88d6a; }.demo-screen { min-height:300px; padding:1rem; background:var(--paper); }.screen-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem; font-size:.7rem; }.screen-title i { display:grid; width:22px; height:22px; place-items:center; border-radius:50%; background:var(--sand); color:var(--terra-deep); font:italic .8rem var(--serif); }.screen-title i::after { content:"M"; }.product-control { display:flex; align-items:center; justify-content:space-between; gap:.8rem; padding:.75rem 0; border-block:1px solid var(--line); }.product-control strong,.small-product strong { display:block; font-size:.74rem; }.product-control small,.small-product small { display:block; margin-top:.15rem; color:var(--olive); font-size:.58rem; }.product-control small.sold-out { color:var(--terra-deep); }.switch { flex:none; width:43px; height:25px; padding:3px; border:0; border-radius:99px; background:var(--olive); cursor:pointer; transition:background .2s; }.switch span { display:block; width:19px; height:19px; margin-left:auto; border-radius:50%; background:white; box-shadow:0 1px 2px rgba(0,0,0,.2); transition:margin .2s; }.switch.is-off { background:var(--terra); }.switch.is-off span { margin-left:0; }.small-product { display:flex; align-items:center; gap:.65rem; padding:.65rem 0; border-bottom:1px solid #e8e1d5; }.food-dot { width:28px; height:28px; border-radius:50%; }.food-dot.green { background:radial-gradient(circle at 32% 30%,#d8cb73 0 13%,transparent 15%),#758253; }.food-dot.red { background:radial-gradient(circle at 60% 39%,#f4bd77 0 17%,transparent 19%),#ba583c; }.add-button { width:100%; margin-top:.75rem; padding:.5rem; border:1px dashed #b5ad9f; background:transparent; color:var(--terra-deep); font-size:.65rem; font-weight:700; }.customer-screen .menu-logo { font-size:1rem; }.menu-tabs { display:flex; justify-content:space-between; gap:.4rem; margin-bottom:.6rem; padding-bottom:.5rem; border-bottom:1px solid var(--line); color:var(--muted); font-size:.52rem; }.menu-tabs strong { color:var(--terra-deep); }.customer-row { display:grid; grid-template-columns:39px 1fr auto; align-items:center; gap:.5rem; padding:.55rem 0; border-bottom:1px solid #e8e1d5; transition:opacity .3s,transform .3s,max-height .3s,padding .3s; }.customer-row .dish { width:37px; }.customer-row strong { display:block; font-size:.64rem; }.customer-row small { display:block; margin-top:.1rem; color:var(--muted); font-size:.46rem; line-height:1.35; }.customer-row b { font:.56rem var(--mono); }.customer-row.is-hidden { max-height:0; padding-block:0; overflow:hidden; border-color:transparent; opacity:0; transform:translateX(12px); }.menu-note { margin:.65rem 0 0; color:var(--olive); font:.47rem var(--mono); text-align:center; }.sync-arrow { display:flex; align-items:center; justify-content:center; gap:.45rem; color:#e88d6a; font:1rem var(--sans); }.sync-arrow span { color:var(--paper); font:.53rem var(--mono); }.demo-promises { display:flex; flex-wrap:wrap; gap:.3rem .9rem; margin:1.1rem 0 0; color:var(--muted); font-size:.7rem; }.demo-promises span::before { color:var(--terra); content:"—"; margin-right:.3rem; }

.benefits { display:grid; gap:2.3rem; padding:6rem 0; }.benefits-copy h2 { margin-bottom:1rem; }.benefits-copy>p:last-child { max-width:300px; color:var(--muted); font-size:.9rem; }.benefits-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--ink); }.benefits-grid article { min-height:178px; padding:1rem .85rem 1.2rem 0; border-bottom:1px solid var(--line); }.benefits-grid article:nth-child(even) { padding-right:0; padding-left:.85rem; border-left:1px solid var(--line); }.benefits-grid span { color:var(--terra-deep); font:.55rem var(--mono); }.benefits-grid h3 { margin:2rem 0 .45rem; font:1.05rem var(--serif); }.benefits-grid p { margin:0; color:var(--muted); font-size:.67rem; line-height:1.5; }
.day-section { background:var(--olive); color:var(--paper); }.day-inner { padding:5rem 0; }.day-section .eyebrow { color:#e8d79c; }.day-section h2 { max-width:780px; margin-bottom:1rem; }.day-section h2+ p { color:#e1e5d5; }.day-section ul { display:grid; gap:.65rem; margin:2.3rem 0; padding:0; list-style:none; }.day-section li { font:1.25rem var(--serif); letter-spacing:-.04em; }.day-section li::before { color:#e8d79c; content:"+"; font-family:var(--sans); margin-right:.65rem; }.day-end { margin:0; padding-top:1rem; border-top:1px solid rgba(255,255,255,.3); font:italic 1.3rem var(--serif); }
.venues { display:grid; gap:2rem; align-items:center; padding:5rem 0; }.venues h2 { max-width:500px; font-size:clamp(2.35rem,7vw,4.2rem); }.venue-list { display:flex; flex-wrap:wrap; gap:.55rem; }.venue-list span { padding:.55rem .8rem; border:1px solid var(--line); border-radius:99px; background:var(--paper); font-size:.72rem; font-weight:600; }
.ease { display:grid; gap:2.8rem; align-items:center; padding:4.8rem 0; border-top:1px solid var(--line); }.ease-card { width:min(100%,330px); margin-inline:auto; padding:2.8rem .9rem 1rem; border:7px solid var(--ink); border-radius:38px; background:var(--paper); box-shadow:12px 12px 0 var(--sand); }.ease-card-top { display:flex; justify-content:space-between; margin-bottom:1rem; font-size:.75rem; }.ease-card>div:not(.ease-card-top) { position:relative; padding:.75rem 35px .75rem 0; border-top:1px solid var(--line); }.ease-card b,.ease-card small { display:block; }.ease-card b { font-size:.67rem; }.ease-card small { margin-top:.1rem; color:var(--olive); font-size:.53rem; }.ease-card .tiny-switch { position:absolute; top:50%; right:0; transform:translateY(-50%); }.ease>div:last-child h2 { margin-bottom:1rem; font-size:clamp(2.35rem,7vw,4.7rem); }.ease>div:last-child p:not(.eyebrow) { max-width:490px; color:var(--muted); font-size:.9rem; }.ease .text-link { margin-top:.65rem; }
.trial { position:relative; overflow:hidden; margin-top:2rem; padding:4rem 1.5rem; background:var(--terra); color:var(--paper); }.trial::before { position:absolute; top:-4rem; right:-3rem; width:14rem; height:14rem; border:1px solid rgba(255,255,255,.22); border-radius:65% 0 65% 0; content:""; transform:rotate(38deg); }.trial-copy { position:relative; z-index:1; max-width:650px; }.trial .eyebrow { color:#f5cfac; }.trial h2 { margin-bottom:1.15rem; }.trial h2 em { color:#f8d7b2; }.trial-copy>p { max-width:475px; color:#f9dfcb; font-size:.9rem; }.trial small { display:block; margin-top:.9rem; color:#f9dfcb; font-size:.68rem; }.trial-qr { position:absolute; right:-1.7rem; bottom:-2rem; display:grid; place-items:center; width:172px; height:172px; border:8px solid rgba(255,253,248,.8); border-radius:50%; background:rgba(141,61,42,.42); text-align:center; transform:rotate(11deg); }.trial-qr i { width:62px; height:62px; background:conic-gradient(from 90deg,var(--paper) 25%,transparent 0 50%,var(--paper) 0 75%,transparent 0) 0 0/9px 9px,linear-gradient(90deg,var(--paper) 22%,transparent 22% 77%,var(--paper) 77%) 0 0/22px 22px; opacity:.85; }.trial-qr span { margin-top:-1.4rem; font:.7rem/1.1 var(--serif); }
.contact { padding:6rem 0; text-align:center; }.contact .eyebrow { margin-bottom:1.4rem; }.contact h2 { max-width:870px; margin:0 auto 1.25rem; }.contact>p:not(.eyebrow) { max-width:565px; margin-inline:auto; color:var(--muted); font-size:.9rem; }.contact-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:.7rem; margin-top:2rem; }.contact [aria-disabled="true"] { opacity:.7; cursor:default; }
.faq { display:grid; gap:2.2rem; padding:4rem 0 6rem; border-top:1px solid var(--line); }.faq-list { border-top:1px solid var(--ink); }.faq details { border-bottom:1px solid var(--line); }.faq summary { position:relative; padding:1.05rem 1.8rem 1.05rem 0; cursor:pointer; font:1.12rem var(--serif); letter-spacing:-.04em; list-style:none; }.faq summary::-webkit-details-marker { display:none; }.faq summary::after { position:absolute; top:1.08rem; right:.25rem; color:var(--terra); content:"+"; font:1.1rem var(--sans); }.faq details[open] summary::after { content:"−"; }.faq details p { max-width:620px; margin:0 0 1.15rem; color:var(--muted); font-size:.79rem; }
.site-footer { background:var(--ink); color:var(--paper); }.footer-top { display:grid; gap:.9rem; padding:2.5rem 0; }.footer-top .brand-mark { width:45px; height:45px; }.footer-top .brand-type strong { color:var(--paper); font-size:1.86rem; }.footer-top .brand-type em { color:#e39a7e; font-size:.58rem; }.footer-top p { max-width:270px; margin:0; color:#c4c0b5; font:italic .9rem var(--serif); }.footer-top>a:not(.wordmark) { color:#d9d4c7; font:.62rem var(--mono); }.footer-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.75rem; padding:1.25rem 0; border-top:1px solid #55544d; color:#aaa79e; font:.54rem var(--mono); }.footer-bottom div { display:flex; gap:.8rem; }

@media (min-width:680px) { .site-header,.section-shell,.footer-top,.footer-bottom { width:min(1200px,calc(100% - 3.5rem)); }.hero { width:min(1280px,calc(100% - 3.5rem)); }.hero-visual { min-height:560px; }.phone { width:230px; min-height:433px; padding:18px 10px 10px; border-radius:36px; }.phone-screen { min-height:397px; padding:34px 13px 12px; border-radius:24px; }.phone-notch { width:75px; height:17px; }.phone-product { padding:.6rem 0; }.phone-product strong { font-size:.64rem; }.phone-product small { font-size:.5rem; }.tiny-switch { width:30px; height:17px; }.tiny-switch i,.tiny-switch em { width:13px; height:13px; }.phone-menu-item { grid-template-columns:38px 1fr auto; gap:.45rem; padding:.56rem 0; }.dish { width:36px; }.phone-menu-item strong { font-size:.56rem; }.phone-menu-item small { font-size:.42rem; }.phone-menu-item b { font-size:.48rem; }.steps-list { grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); }.steps-list li { min-height:248px; }.demo-stage { grid-template-columns:1fr 72px 1fr; align-items:center; gap:1rem; padding:2rem; }.sync-arrow { flex-direction:column; }.benefits-grid { grid-template-columns:repeat(3,1fr); }.benefits-grid article:nth-child(even) { padding-inline:.85rem; border-left:1px solid var(--line); }.benefits-grid article:nth-child(3n+1) { padding-left:0; border-left:0; }.day-inner { display:grid; grid-template-columns:1.1fr .9fr; column-gap:4rem; }.day-section ul { margin:0; }.day-end { grid-column:1/-1; margin-top:2.5rem; }.venues { grid-template-columns:1fr 1fr; }.ease { grid-template-columns:minmax(250px,.7fr) 1.1fr; gap:5rem; }.trial { padding:5rem; }.trial-qr { right:7%; bottom:1.5rem; width:215px; height:215px; }.faq { grid-template-columns:.75fr 1.25fr; }.footer-top { grid-template-columns:1.4fr 2fr 1fr 1fr; align-items:end; } }
@media (min-width:940px) { .site-header { min-height:106px; }.site-header nav { display:flex; gap:1.7rem; margin-left:auto; margin-right:1.7rem; font-size:.72rem; font-weight:600; }.site-header nav a { color:#59574f; }.site-header nav a:hover { color:var(--terra-deep); }.header-cta { padding:.55rem 1rem; border:1px solid var(--ink); border-radius:99px; }.hero { grid-template-columns:minmax(0,.88fr) minmax(540px,1.12fr); align-items:center; gap:2rem; margin-top:3.3rem; margin-bottom:7.5rem; }.hero-copy { padding-top:0; }.hero-visual { min-height:610px; }.phone { width:247px; min-height:462px; }.phone-screen { min-height:426px; }.admin-phone { left:13%; }.menu-phone { right:11%; }.hero-transfer { bottom:45%; width:77px; height:77px; }.problem { grid-template-columns:.8fr 1.2fr; gap:5rem; padding:7.5rem 0; }.steps,.demo { padding:7rem 0; }.demo-heading { display:grid; grid-template-columns:.75fr 1.25fr; max-width:none; column-gap:3rem; }.demo-heading .eyebrow { margin-top:.7rem; }.benefits { grid-template-columns:.8fr 1.2fr; gap:4rem; padding:7.5rem 0; }.day-inner,.venues,.ease { padding-top:7rem; padding-bottom:7rem; }.trial { padding:7rem; }.contact { padding:8rem 0; }.faq { padding:6rem 0 7rem; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }