*{box-sizing:border-box} :root{--ink:#17221f;--muted:#687570;--cream:#f7f7f2;--orange:#f27b4b;--green:#d8eddf;--line:#e5e9e3}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:82px;max-width:1200px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{font:800 23px Manrope,sans-serif;letter-spacing:-1.2px;display:flex;align-items:center;gap:8px}.brand-mark{width:30px;height:30px;border-radius:10px;background:var(--orange);color:white;display:grid;place-items:center;font-size:17px}.brand-dot{color:var(--orange);margin-left:-8px}.nav-links{display:flex;gap:36px;color:#58635e;font-size:13px;font-weight:600}.nav-links a:hover,.text-link:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;gap:22px;background:var(--ink);color:white;padding:16px 21px;border-radius:7px;font-size:13px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-2px);background:#2b3b35}.button span{font-size:18px}.button-small{padding:12px 16px;gap:14px}.menu-toggle{display:none;background:none;border:0;font-size:23px}.hero{max-width:1200px;margin:0 auto;padding:85px 32px 100px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;min-height:610px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#718078;display:flex;align-items:center;gap:9px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-3.5px;font-weight:700}h1{font-size:clamp(54px,6.5vw,82px);line-height:1.02;margin:24px 0}h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-lede{max-width:470px;color:var(--muted);font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.text-link{font-size:13px;font-weight:700}.text-link span{margin-left:8px}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:50px;color:#84908a;font-size:10px;line-height:1.5}.hero-proof strong{color:var(--ink)}.avatar-stack{display:flex;padding-left:3px}.avatar-stack i{font-style:normal;width:28px;height:28px;border-radius:50%;border:2px solid var(--cream);margin-left:-4px;background:#e8b89c;display:grid;place-items:center;font-size:9px;color:#654b3b}.avatar-stack i:nth-child(2){background:#b9d6c1}.avatar-stack i:nth-child(3){background:#e7d59f}.hero-visual{position:relative;min-height:430px;display:grid;place-items:center}.visual-glow{position:absolute;width:390px;height:390px;background:#e4eee4;border-radius:50%;filter:blur(1px)}.dashboard-card{position:relative;background:#fff;width:min(100%,440px);padding:25px;border-radius:14px;box-shadow:0 25px 65px #1b302015;transform:rotate(1deg);z-index:1}.dash-top,.order-heading,.order-row,.dash-foot{display:flex;align-items:center;justify-content:space-between}.dash-top small{font-size:8px;letter-spacing:1.3px;color:#96a19b;font-weight:800}.dash-top h3{font:700 19px Manrope;margin:5px 0 0}.live-pill{font-size:9px;color:#43835c;background:#eaf5ed;padding:7px 9px;border-radius:20px}.live-pill b{display:inline-block;width:5px;height:5px;background:#55a56e;border-radius:50%;margin-right:5px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.stat{background:#f7f8f5;border-radius:8px;padding:14px}.stat small,.stat strong,.stat span{display:block}.stat small{font-size:9px;color:#89938e}.stat strong{font:700 23px Manrope;margin:7px 0}.stat .positive{font-size:9px;color:#479363}.order-heading{font-size:11px;margin-bottom:10px}.order-heading span{color:var(--orange);font-size:9px}.order-row{padding:12px 0;border-top:1px solid #edf0ec;justify-content:flex-start;gap:10px}.order-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center}.dine{background:#fff0e8;color:#d9784e}.pickup{background:#eef4ff;color:#6789c3}.delivery{background:#edf6ee;color:#61946b}.order-row div{flex:1}.order-row strong,.order-row small{display:block}.order-row strong{font-size:10px}.order-row small{font-size:8px;color:#929b96;margin-top:4px}.status{font-size:8px;padding:6px 8px;border-radius:20px}.preparing{background:#fff4df;color:#a8792e}.ready{background:#eaf4eb;color:#4d8b5b}.delivered{background:#fcece6;color:#c16b4c}.dash-foot{border-top:1px solid #edf0ec;padding-top:14px;margin-top:5px;color:#929c96;font-size:9px}.floating-note{position:absolute;z-index:2;bottom:33px;left:-18px;display:flex;align-items:center;gap:10px;background:#fff;padding:13px 16px;border-radius:9px;box-shadow:0 12px 35px #1b302018}.note-icon{width:27px;height:27px;background:#e7f4e9;color:#4b9660;border-radius:50%;display:grid;place-items:center}.floating-note strong,.floating-note small{display:block;font-size:9px}.floating-note small{color:#8a958e;margin-top:3px}.decor{position:absolute;border:1px solid #e6a27f;border-radius:50%}.decor-one{width:15px;height:15px;right:12px;top:35px}.decor-two{width:9px;height:9px;left:20px;top:50px;background:#e8b994;border:0}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 32px;display:flex;align-items:center;justify-content:center;gap:34px;font-size:10px;letter-spacing:1px;color:#6f7b74}.trust-strip span{font-size:9px;color:#a0aaa4}.trust-strip b{color:#47544d}.trust-strip i{width:4px;height:4px;background:#e99a75;border-radius:50%}.section{max-width:1200px;margin:auto;padding:115px 32px}.section-intro{text-align:center;max-width:620px;margin:0 auto 50px}.section-intro h2,.audience-copy h2{font-size:clamp(36px,4.5vw,54px);line-height:1.12;margin:18px 0}.section-intro p,.audience-copy p{color:var(--muted);font-size:14px;line-height:1.8}.section-intro .eyebrow{justify-content:center}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{position:relative;min-height:280px;padding:24px;background:white;border:1px solid #edf0eb;border-radius:10px;overflow:hidden}.feature-card h3{font:700 17px Manrope;margin:22px 0 9px}.feature-card p{font-size:12px;line-height:1.7;color:#77827b;max-width:220px}.feature-symbol{width:37px;height:37px;display:grid;place-items:center;background:#fff0e8;color:#dc815a;border-radius:10px;font-size:19px}.feature-symbol.orange{background:#fff1e8}.feature-symbol.green{background:#eaf4eb;color:#5a9569}.feature-symbol.purple{background:#f0edfa;color:#8978b7}.card-arrow{position:absolute;right:22px;top:27px;color:#a1aaa4}.feature-dark{background:#1d2b26;color:white;border:0}.feature-dark p{color:#b3c0b8}.feature-dark .card-arrow{color:#b5c2ba}.mini-qr{position:absolute;right:23px;bottom:19px;width:75px;height:75px;background:#f8f7ef;color:#26352e;display:grid;place-items:center;font-size:39px;border-radius:5px}.mini-qr small{position:absolute;bottom:5px;right:5px;font-size:5px;line-height:1.1;text-align:right}.mini-order{position:absolute;bottom:18px;left:24px;right:24px;background:#f8f8f4;border-radius:7px;padding:12px;color:#25322c;font-size:9px}.mini-order b{font-size:11px}.mini-order span{float:right;color:#c47c4d}.mini-order hr{border:0;border-top:1px solid #e7e9e3}.mini-order small{display:block;margin-top:6px;color:#7a847e}.kitchen-lines{position:absolute;bottom:25px;left:24px;right:24px}.kitchen-lines i{display:block;height:9px;background:#eef2ed;border-radius:10px;margin-top:8px}.kitchen-lines i:nth-child(2){width:78%}.kitchen-lines i:nth-child(3){width:58%}.table-pills{position:absolute;bottom:28px;left:24px;display:flex;gap:9px}.table-pills i{font-style:normal;width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:#eef3ed;color:#64756a;font-size:9px}.table-pills .occupied{background:#f9e9df;color:#c67b56}.workflow-section{background:#1b2924;color:white;padding:100px 32px}.workflow-inner{max-width:1136px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:100px}.light{color:#b5c5ba}.workflow-inner h2,.cta-section h2{font-size:clamp(40px,5vw,60px);line-height:1.08;margin:20px 0}.workflow-inner>div:first-child p{color:#b7c3bc;max-width:390px;font-size:14px;line-height:1.8;margin-bottom:28px}.button-light{background:#f4f5ee;color:#203028}.button-light:hover{background:white;color:#203028}.steps{border-top:1px solid #405149}.step{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #405149}.step>span{font-size:10px;color:#e99a75;font-weight:700;padding-top:4px}.step h3{font:700 15px Manrope;margin:0 0 7px}.step p{font-size:11px;color:#b5c1b9;margin:0;line-height:1.7}.audience-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.audience-copy ul{padding:0;list-style:none;margin-top:27px}.audience-copy li{font-size:12px;color:#59665f;margin:13px 0}.audience-copy li:before{content:"✓";color:#e17d54;font-weight:800;margin-right:12px}.audience-panel{background:#fff;padding:25px;border:1px solid #edf0eb;border-radius:12px;box-shadow:0 20px 55px #24362b0c}.panel-top,.panel-title{display:flex;justify-content:space-between}.panel-top{font-size:8px;letter-spacing:1.2px;color:#96a19a;font-weight:800}.panel-menu{letter-spacing:3px}.panel-title{font:700 16px Manrope;margin:24px 0 18px}.panel-title span{font:500 9px "DM Sans";color:#89948d}.bar-chart{height:150px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #e8ece7;padding:0 8px}.bar-chart i{flex:1;background:#dcece0;border-radius:4px 4px 0 0}.bar-chart i:nth-child(4n){background:#f3b18e}.chart-labels{display:flex;justify-content:space-between;color:#a0aaa4;font-size:8px;padding:9px 4px}.panel-bottom{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf0eb;margin-top:20px;padding-top:17px}.panel-bottom small,.panel-bottom b{display:block}.panel-bottom small{font-size:8px;color:#98a29c}.panel-bottom b{font:700 18px Manrope;margin-top:5px}.demo-disclaimer{display:block;text-align:right;color:#a2aaa5;font-size:8px;margin-top:18px}.cta-section{position:relative;overflow:hidden;text-align:center;background:#dfede1;padding:95px 25px}.cta-section .eyebrow{justify-content:center;color:#6d8272}.cta-section h2{position:relative;font-size:clamp(40px,5vw,60px)}.cta-section p{position:relative;color:#64756a;font-size:13px;max-width:470px;line-height:1.8;margin:0 auto 25px}.cta-section .button{position:relative}.cta-section>small{display:block;position:relative;margin-top:20px;color:#829387;font-size:9px}.cta-orb{position:absolute;width:340px;height:340px;border:1px solid #c6dccb;border-radius:50%;left:-110px;top:-140px;box-shadow:0 0 0 35px #d4e7d8,0 0 0 70px #d9eadc}.cta-section .light{color:#6d8272}footer{max-width:1200px;margin:auto;padding:27px 32px;display:flex;align-items:center;justify-content:space-between;color:#8a958e;font-size:10px}.footer-brand{color:var(--ink);font-size:18px}.footer-brand .brand-mark{width:25px;height:25px;border-radius:8px;font-size:14px}
@media(max-width:900px){.hero{gap:20px}.feature-grid{grid-template-columns:repeat(2,1fr)}.workflow-inner{gap:45px}.audience-section{gap:40px}}
@media(max-width:650px){.site-header{height:70px;padding:0 20px}.menu-toggle{display:block;margin-left:auto;margin-right:15px}.nav-links{display:none;position:absolute;z-index:10;top:65px;left:15px;right:15px;background:white;padding:20px;border-radius:10px;box-shadow:0 12px 35px #1b302018;flex-direction:column;gap:18px}.nav-links.open{display:flex}.header-cta{padding:10px 12px;font-size:11px}.brand{font-size:20px}.hero{padding:65px 22px 65px;grid-template-columns:1fr;gap:25px}.hero-visual{min-height:360px}.visual-glow{width:310px;height:310px}.dashboard-card{padding:18px;width:100%}.floating-note{left:-4px;bottom:10px}.trust-strip{gap:12px;flex-wrap:wrap;padding:20px 15px;font-size:8px}.trust-strip span{width:100%;text-align:center}.section{padding:75px 22px}.section-intro{margin-bottom:35px}.feature-grid{gap:10px}.feature-card{padding:17px;min-height:270px}.feature-card h3{font-size:15px}.feature-card p{font-size:11px}.workflow-section{padding:75px 22px}.workflow-inner{grid-template-columns:1fr;gap:45px}.audience-section{grid-template-columns:1fr;gap:35px}.audience-panel{padding:18px}.cta-section{padding:75px 22px}footer{padding:25px 20px;gap:12px;flex-wrap:wrap}footer>span:nth-child(2){display:none}}