:root{--ink:#14261d;--cream:#f4efe4;--paper:#fffdf7;--lime:#d9f24f;--orange:#f2763c;--muted:#657168}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);background:rgba(244,239,228,.94);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(20,38,29,.12);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:-.03em}.brand>span:last-child span{color:var(--orange)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:var(--lime);border-radius:12px;font:700 15px Fraunces}.topbar nav{display:flex;gap:30px;font-size:14px}.topbar nav a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;padding:15px 22px;border-radius:999px;font-weight:700;font-size:14px;transition:.2s transform,.2s background}.button:hover{transform:translateY(-2px);background:#263d31}.button.small{padding:10px 17px}.button.light{background:var(--lime);color:var(--ink)}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px clamp(24px,7vw,110px) 85px;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:12px;color:var(--orange)}h1,h2{font-family:Fraunces,serif;letter-spacing:-.045em;line-height:.98;margin:.25em 0}h1{font-size:clamp(58px,7vw,102px)}h1 em{color:var(--orange);font-style:normal}h2{font-size:clamp(42px,5vw,72px)}.lede{font-size:20px;max-width:620px;color:#415048}.actions{display:flex;align-items:center;gap:24px;margin:34px 0}.text-link{font-weight:700}.text-link span{color:var(--orange)}.trust{display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:13px}.trust span:before{content:"✓";color:var(--orange);margin-right:7px}.phone-stage{position:relative;min-height:560px;display:grid;place-items:center}.phone{position:relative;z-index:2;width:305px;background:var(--paper);border:10px solid var(--ink);border-radius:44px;padding:32px 18px 18px;box-shadow:0 35px 70px rgba(20,38,29,.22);transform:rotate(2deg)}.speaker{position:absolute;top:10px;left:50%;width:70px;height:6px;background:var(--ink);border-radius:10px;transform:translateX(-50%)}.phone-head small,.phone-head b{display:block}.phone-head small{font-size:9px;color:var(--orange);font-weight:700;letter-spacing:.14em}.phone-head b{font:700 24px/1.1 Fraunces;margin:7px 0 18px}.search{background:#eee9df;color:#758078;padding:10px;border-radius:10px;font-size:11px}.dish{display:grid;grid-template-columns:48px 1fr 28px;gap:9px;align-items:center;padding:14px 0;border-bottom:1px solid #eee9df}.dish-art{height:48px;border-radius:13px;display:grid;place-items:center;font:700 16px Fraunces}.dish-art.orange{background:#ffd0b5}.dish-art.green{background:#dbe9b3}.dish b,.dish small{display:block}.dish b{font-size:11px}.dish small{font-size:8px;color:#78827c}.dish button{border:0;background:var(--ink);color:white;width:25px;height:25px;border-radius:50%}.basket{display:flex;justify-content:space-between;background:var(--lime);padding:13px;margin-top:14px;border-radius:12px;font-size:10px}.float-card{position:absolute;z-index:3;right:2%;bottom:12%;background:var(--orange);color:white;border-radius:18px;padding:17px 23px;transform:rotate(-5deg);box-shadow:0 18px 35px rgba(20,38,29,.18)}.float-card span,.float-card small,.float-card strong{display:block}.float-card strong{font:700 28px Fraunces}.orbit{position:absolute;border:1px solid rgba(20,38,29,.18);border-radius:50%}.orbit-one{width:500px;height:500px}.orbit-two{width:400px;height:400px;background:var(--lime);opacity:.38;border:0}.statement{background:var(--ink);color:var(--paper);padding:44px 6vw;text-align:center}.statement p{font:600 clamp(25px,3vw,43px) Fraunces;margin:0}.section{padding:110px clamp(24px,7vw,110px)}.section-title{display:flex;justify-content:space-between;align-items:end}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:65px}.steps article{border-top:2px solid var(--ink);padding-top:22px}.steps article>span{font:700 13px Fraunces;color:var(--orange)}.steps h3{font:600 27px Fraunces;margin:30px 0 8px}.steps p{color:var(--muted)}.split{display:grid;grid-template-columns:1.05fr .95fr;padding-top:0}.panel{min-height:620px;padding:clamp(38px,5vw,75px)}.panel.dark{background:var(--ink);color:white;border-radius:30px 0 0 30px}.panel.dark>p:not(.eyebrow){color:#bbc6c0;max-width:600px}.panel ul{list-style:none;padding:18px 0}.panel li{border-top:1px solid rgba(255,255,255,.18);padding:12px 0}.panel li:before{content:"↗";color:var(--lime);margin-right:10px}.receipt{background:var(--orange);border-radius:0 30px 30px 0;display:grid;place-items:center}.ticket{background:var(--paper);width:min(350px,100%);padding:40px;box-shadow:12px 14px 0 rgba(20,38,29,.14);transform:rotate(2deg)}.ticket>p{text-align:center;font-size:11px;letter-spacing:.17em}.ticket div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px dashed #aab0ab}.ticket b{font:700 28px Fraunces}.ticket small{display:block;text-align:center;color:var(--muted);margin-top:22px}.customers{background:var(--paper)}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.customer-grid>p{font-size:21px;color:var(--muted)}.mini-features{display:grid;grid-template-columns:1fr 1fr}.mini-features span{padding:24px 10px;border-top:1px solid #bbc1bd;font-weight:700}.mini-features span:before{content:"●";color:var(--orange);font-size:10px;margin-right:10px}.example{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw}.example p:not(.eyebrow){max-width:600px;color:var(--muted);font-size:19px}.plate{width:min(420px,80vw);aspect-ratio:1;border-radius:50%;background:var(--paper);border:38px solid #dde2d6;box-shadow:0 25px 55px rgba(20,38,29,.14);display:grid;place-items:center}.plate span{text-align:center;font:700 44px/1 Fraunces;color:var(--orange);transform:rotate(-7deg)}.contact{text-align:center;background:var(--orange);color:white}.contact .eyebrow{color:var(--ink)}.contact p:not(.eyebrow){max-width:650px;margin:22px auto 32px;font-size:19px}footer{padding:50px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px;font-size:13px}footer p,footer small{color:var(--muted)}
@media(max-width:850px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.phone-stage{min-height:520px;margin-top:30px}.section-title{display:block}.steps,.customer-grid,.example{grid-template-columns:1fr}.split{grid-template-columns:1fr;padding-left:18px;padding-right:18px}.panel.dark,.receipt{border-radius:25px}.panel{min-height:auto}.receipt{min-height:500px}.example{gap:60px}.plate{margin:auto}footer{grid-template-columns:1fr}.float-card{right:0}}@media(max-width:520px){.topbar{height:68px}.topbar .button{display:none}h1{font-size:57px}.hero{padding-left:20px;padding-right:20px}.actions{align-items:flex-start;flex-direction:column}.phone{width:280px}.orbit-one{width:400px;height:400px}.section{padding:80px 22px}.steps{grid-template-columns:1fr}.trust{display:grid;gap:8px}.mini-features{grid-template-columns:1fr}.panel{padding:40px 25px}.plate span{font-size:34px}}
.section-intro{max-width:520px;font-size:18px;color:var(--muted)}.business-types{background:var(--paper)}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:60px}.type-grid article{padding:45px;border:1px solid #d8d8cc;border-radius:24px}.type-grid article:first-child{background:var(--lime)}.type-grid article>span{font-size:11px;font-weight:700;letter-spacing:.16em}.type-grid h3,.feature-grid h3{font:600 28px Fraunces;margin:25px 0 10px}.type-grid ul{list-style:none;padding:15px 0 0}.type-grid li{padding:10px 0;border-top:1px solid rgba(20,38,29,.18)}.type-grid li:before{content:"✓";margin-right:10px}.feature-run{background:#e8eadf}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c8cdc3;border:1px solid #c8cdc3;margin-top:60px}.feature-grid article{background:#e8eadf;padding:36px;min-height:270px}.feature-grid b{color:var(--orange);font:700 13px Fraunces}.feature-grid p{color:var(--muted)}
@media(max-width:850px){.type-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.feature-grid{grid-template-columns:1fr}.type-grid article{padding:32px 24px}}
