:root{--purple:#7654e8;--purple-dark:#6041d0;--ink:#25272b;--muted:#7a7d85;--line:#e8e8ed;--paper:#f8f9fb;--lavender:#f0ecfc;--radius:18px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b8a5f5;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:38px;line-height:1.16}h2{font-size:22px}h3{font-size:18px}p{line-height:1.65}svg{flex-shrink:0}input,textarea,select{width:100%;padding:12px 14px;border:1px solid #dddfe6;border-radius:10px;background:#fff;color:var(--ink);transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--purple)}textarea{resize:vertical}input[type=color]{height:46px;padding:5px}input[type=file]{font-size:12px;padding:8px;background:#f8f7fb}input[type=checkbox]{width:auto}label{display:block;font-size:13px;font-weight:600;line-height:1.5;margin-bottom:18px}label>input,label>textarea,label>select{display:block;margin-top:7px;font-weight:400}fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}fieldset:disabled{opacity:.55}small{font-size:12px;line-height:1.5}strong{font-weight:650}.brand{font-size:26px;font-weight:800;letter-spacing:-1.4px;white-space:nowrap}.brand span{font-size:12px;font-weight:450;letter-spacing:0;color:var(--muted);margin-left:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 21px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:600;line-height:1.3;transition:background .2s,transform .2s}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{color:white;background:var(--purple)}.primary:hover{background:var(--purple-dark)}.dark{color:#fff;background:#282a30}.secondary{background:#fff;border-color:#dddfe7;color:#464851}.small{font-size:12px;padding:10px 14px;border-radius:9px}.text-link{color:var(--purple);font-size:13px;font-weight:600;background:none;border:0;padding:0}.danger{color:#be4151}.muted,.helper{color:var(--muted)}.helper{display:block;font-size:12px;line-height:1.7;margin:0 0 16px;font-weight:400}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:var(--purple);line-height:1.8}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--purple);margin-right:7px}.badge{font-size:10px;font-weight:650;padding:5px 9px;border-radius:7px;background:#f0f1f4;color:#737781;white-space:nowrap}.badge.green{background:#e6f5ed;color:#348267}.badge.violet{background:var(--lavender);color:var(--purple)}.badge.amber{background:#fff3da;color:#a37523}.loading{padding:100px;text-align:center;color:var(--purple)}
.landing{background:#fcfbf9}.topnav{display:flex;align-items:center;justify-content:space-between;max-width:1280px;padding:28px 48px;margin:auto}.topnav nav{display:flex;align-items:center;gap:28px;font-size:13px}.hero{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;padding:50px 48px 90px;gap:50px;align-items:center}.hero h1{font-size:clamp(46px,5.2vw,72px);letter-spacing:-3.5px;margin:25px 0;line-height:1.04}.hero h1 span{color:var(--purple)}.hero-copy>p{font-size:17px;color:#777981;max-width:450px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:25px;margin:32px 0 18px}.small-note{font-size:11px;color:var(--muted)}.hero-features{display:flex;gap:24px;margin-top:48px;padding-top:23px;border-top:1px solid var(--line);font-size:11px;color:#6c6c76}.hero-features>div{display:flex;gap:8px;align-items:center}.hero-features svg{color:var(--purple);width:17px}.hero-visual{position:relative;min-height:590px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#e6def9 0,#f0eafb 45%,transparent 70%);isolation:isolate}.hero-visual:before,.hero-visual:after{content:'';position:absolute;z-index:-1;border:1px solid #e0d8f2;border-radius:50%;width:440px;height:440px;transform:rotate(-20deg)}.hero-visual:after{width:520px;height:520px}.float-label{position:absolute;padding:14px 19px;background:white;border:1px solid #efeaf5;border-radius:12px;font-size:12px;box-shadow:0 10px 25px #44376c0c;z-index:3;display:flex;gap:12px;align-items:center}.float-label.top{top:50px;left:0;transform:rotate(-6deg)}.float-label.bottom{bottom:38px;right:-8px;transform:rotate(5deg)}.float-label.bottom svg{color:var(--purple)}.demo-phone{width:295px;border:7px solid #28272d;border-radius:39px;background:#fff;overflow:hidden;box-shadow:24px 35px 50px #4b347a25;transform:rotate(5deg)}.demo-cover{height:155px;background:#dee1d3;position:relative;padding:22px;text-align:left;color:#2b4139;overflow:hidden}.demo-cover>span{font-family:Georgia,serif;font-size:24px;letter-spacing:2px}.demo-cover>small{display:block;font-size:7px;letter-spacing:2px;margin:7px 0}.plate-art{width:195px;height:195px;border-radius:50%;background:repeating-radial-gradient(circle,#eeeadf 0px,#eeeade 3px,#d4cebe 4px,#f4f0e6 6px);padding:25px;box-shadow:5px 8px 15px #25342924}.demo-cover .plate-art{position:absolute;right:-42px;bottom:-110px}.food-art{width:100%;height:100%;border-radius:50%;background:radial-gradient(ellipse at 29% 28%,#bbca5e 0 9%,transparent 10%),radial-gradient(ellipse at 70% 65%,#a4bf49 0 15%,transparent 16%),radial-gradient(ellipse at 58% 32%,#d67c48 0 15%,transparent 16%),radial-gradient(ellipse at 27% 62%,#d3a751 0 22%,transparent 23%),radial-gradient(ellipse at 63% 52%,#eaca92 0 25%,transparent 26%),repeating-conic-gradient(#3d6936 0 18deg,#69853e 18deg 26deg,#dfb26c 26deg 55deg);box-shadow:inset 0 0 15px #33462055}.demo-body{padding:0 18px 15px;text-align:center}.demo-avatar{width:48px;height:48px;background:#31483a;color:#fff;font-family:Georgia,serif;font-style:italic;font-size:25px;border-radius:50%;margin:-22px auto 12px;border:4px solid #fff;position:relative;display:grid;place-items:center}.demo-body h2{font-family:Georgia,serif;font-size:22px;margin-bottom:8px}.demo-body>p{font-size:9px;color:var(--muted);margin:0 0 18px}.demo-chips{display:flex;gap:8px;font-size:8px;padding:10px 0 16px}.demo-chips>*{padding:7px 10px;border:1px solid #e4e6e0;border-radius:20px}.demo-chips b{background:#31483a;color:#fff}.demo-dish{display:flex;gap:12px;margin-bottom:15px;text-align:left;background:#f8f8f5;border-radius:10px;padding:8px}.dish-art{width:58px;height:70px;border-radius:7px;display:grid;place-items:center;font-size:38px;color:#ebd580;background:radial-gradient(circle,#759356 0 30%,#dedcc6 31% 45%,#a0b38b 46%)}.dish-art.pasta{color:#b28c43;background:radial-gradient(circle,#dbc09a 0 40%,#eeeadf 41% 53%,#a27c60 54%)}.demo-dish b{font-size:10px}.demo-dish p{font-size:8px;max-width:130px;margin:5px 0;color:#85867d}.demo-dish strong{font-size:10px;color:#3d5546}.demo-wa{padding:11px;background:#344d3d;color:white;border-radius:10px;font-size:9px;display:flex;gap:8px;justify-content:center;align-items:center}.demo-wa svg{width:14px;height:14px}.demo-brand{font-size:7px;color:#a3a29e;display:block;margin-top:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:1184px;margin:0 auto 80px;border:1px solid #e9e5ef;background:#fff;border-radius:18px;padding:35px 36px;gap:35px}.steps>div{position:relative;padding-left:47px}.steps span{position:absolute;left:0;top:0;color:var(--purple);font-family:Georgia,serif;font-size:22px}.steps h3{font-size:16px;margin-bottom:9px}.steps p{font-size:12px;color:var(--muted);margin:0;max-width:230px}.pricing-section{text-align:center;padding:20px 48px 85px;max-width:1280px;margin:auto}.pricing-section h2{font-size:38px;margin:14px 0}.pricing-section>p{font-size:14px;color:var(--muted)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0;text-align:left}.plan{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;position:relative;overflow:hidden}.plan h3{font-size:26px;margin-bottom:10px}.plan>p{font-size:12px;color:var(--muted)}.plan-price{font-size:34px;font-weight:750;letter-spacing:-1.6px;white-space:nowrap;margin-top:28px}.plan-price small{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted)}.plan .billing{font-size:11px;margin:8px 0 25px}.plan .button{width:100%}.plan ul{padding:24px 0 0;list-style:none;border-top:1px solid var(--line);margin-top:25px;margin-bottom:0}.plan li{display:flex;gap:10px;margin-bottom:15px;font-size:12px;line-height:1.5}.plan li svg{width:16px;height:16px;background:#eeedf1;border-radius:50%;padding:3px}.plan.featured{background:#f4efff;border:1.5px solid var(--purple);padding-top:54px}.plan.featured h3,.plan.featured li svg{color:var(--purple)}.recommended{position:absolute;top:0;left:0;right:0;text-align:center;background:#e7dcff;color:var(--purple);font-size:9px;letter-spacing:1.4px;padding:9px;font-weight:750}footer{max-width:1184px;margin:auto;border-top:1px solid var(--line);padding:28px 0 40px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px;gap:90px;background:#faf9fc}.auth-card{width:420px;max-width:100%;padding:35px 0}.auth-card .brand{display:inline-block;margin-bottom:55px}.auth-card .eyebrow{margin-bottom:18px}.auth-card h1{font-size:36px;margin-bottom:14px}.auth-card>p{color:var(--muted);font-size:14px}.auth-card form{margin-top:30px}.auth-card form>.button{width:100%}.form-error{font-size:13px;color:#b94459;margin-top:14px}.auth-bottom{font-size:13px;margin-top:30px}.auth-bottom a{color:var(--purple);font-weight:600}.auth-aside{width:440px;min-height:630px;background:#e9e2f6;border-radius:26px;padding:50px;position:relative;overflow:hidden}.auth-aside h2{font-size:50px;line-height:1.15;margin-top:20px;font-weight:600}.auth-aside h2 i{font-family:Georgia,serif;font-weight:400;color:var(--purple)}.auth-aside p{font-size:13px;margin-top:190px;color:#696176}.auth-aside .plate-art{position:absolute;width:250px;height:250px;bottom:60px;right:-60px}
.workspace{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:30px 20px 18px;z-index:10}.sidebar>.brand{font-size:25px;margin:5px 8px 45px}.workspace-label{font-size:9px;letter-spacing:1.6px;color:#afb0b7;font-weight:600;margin:0 13px 18px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:13px;padding:13px 14px;background:transparent;color:#888b94;border:0;border-radius:10px;text-align:left;font-size:13px}.nav-item svg{width:18px}.nav-item:hover{background:#f8f7fa}.nav-item.active{background:var(--lavender);color:var(--purple);font-weight:600}.sidebar-plan{border:1px solid #ebe4f9;background:#fbf9fe;border-radius:12px;padding:17px;margin:40px 7px 20px}.sidebar-plan .eyebrow{font-size:8px}.sidebar-plan strong{display:block;margin:9px 0;font-size:18px}.sidebar-plan p{font-size:11px;line-height:1.7;color:var(--muted)}.sidebar-plan .text-link{font-size:11px}.sidebar-user{margin-top:auto;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:10px}.initial{width:34px;height:34px;background:#f0eafb;color:var(--purple);border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:700}.sidebar-user strong{display:block;font-size:11px;max-width:100px;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{font-size:9px;color:var(--muted)}.icon-button{padding:5px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center}.sidebar-user .icon-button{margin-left:auto}.workspace-main{margin-left:240px;width:calc(100% - 240px)}.workspace-top{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff;padding:0 38px;font-size:12px}.workspace-top>div{display:flex;gap:15px;align-items:center}.workspace-content{padding:40px;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.page-heading h1{font-size:32px;margin:10px 0}.page-heading p{color:var(--muted);font-size:13px;margin:0;max-width:700px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:35px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:24px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.panel-heading h2{font-size:17px;margin:0}.panel-heading p{font-size:11px;color:var(--muted);margin:7px 0 0}.panel h2{font-size:18px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-row label{min-width:0}.publish-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;gap:10px;margin-top:22px}.toggle{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:450;margin:0;cursor:pointer;position:relative}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle span{display:block;width:32px;height:19px;border-radius:20px;background:#dcdee4;position:relative;flex-shrink:0}.toggle span:after{content:'';position:absolute;width:13px;height:13px;left:3px;top:3px;background:white;border-radius:50%;transition:left .2s}.toggle input:checked+span{background:var(--purple)}.toggle input:checked+span:after{left:16px}.toggle input:focus-visible+span{outline:3px solid #b8a5f5}.count{font-size:11px;background:#f0f1f5;padding:4px 7px;border-radius:6px;color:#81828a;letter-spacing:0;margin-left:7px}.editor-dish{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid #eff0f4}.editor-dish:last-child{border-bottom:0;padding-bottom:0}.editor-dish>img,.image-placeholder{height:67px;width:67px;object-fit:cover;border-radius:10px}.image-placeholder{display:grid;place-items:center;background:#f5f2fc;color:#bdafe4;flex-shrink:0}.editor-dish strong{font-size:13px}.editor-dish p{font-size:10px;color:var(--muted);margin:6px 0}.editor-dish b{font-size:12px;color:#626575}.editor-dish .button{margin-left:auto}.empty-state{text-align:center;padding:40px 15px;color:#999aa5}.empty-state>svg{width:40px;height:40px;margin-bottom:12px;color:#b9acd9}.empty-state h3{font-size:16px;color:#74717e;font-weight:550;margin:10px 0}.empty-state p{font-size:12px;margin:10px auto 22px;max-width:300px}.share-strip{display:flex;align-items:center;gap:13px;padding:18px;border:1px dashed #ddd7eb;border-radius:12px;background:#f9f7fd}.share-strip>svg{color:var(--purple)}.share-strip strong{font-size:11px}.share-strip p{font-size:10px;color:var(--muted);margin:5px 0;overflow-wrap:anywhere}.share-strip .button{margin-left:auto;white-space:nowrap}.preview-column{position:sticky;top:25px}.preview-title{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#989aa7;margin:0 7px 18px}.preview-title .dot{width:6px;height:6px;background:#74b693}.phone-frame{border:7px solid #292930;border-radius:35px;overflow:hidden;background:#fff;box-shadow:0 13px 32px #23252b15;position:relative;height:610px;padding-top:10px}.phone-speaker{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:55px;height:5px;background:#292930;border-radius:5px;z-index:2}.phone-frame #live-preview{overflow:auto;height:100%;scrollbar-width:thin;scrollbar-color:#ddd transparent}.preview-note{text-align:center;font-size:10px;color:#999ba5;margin:18px 0}.upgrade-notice{display:flex;align-items:center;gap:15px;border:1px solid #e9e1fa;background:#f5f1fc;border-radius:12px;padding:18px;margin-bottom:25px}.upgrade-notice strong{font-size:12px}.upgrade-notice p{font-size:11px;color:#8e83a8;margin:5px 0}.upgrade-notice .button{margin-left:auto;white-space:nowrap}.upgrade-notice>svg{color:var(--purple)}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upload-box{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#faf9fd;border:1px dashed #d9d5e3;border-radius:12px;text-align:center;font-size:12px}.upload-box img{width:90px;height:90px;object-fit:cover;border-radius:10px}.upload-box>span{display:grid;place-items:center;width:70px;height:70px;border-radius:10px;background:#efebf7;color:#b0a2d2}.upload-box small{font-size:10px;font-weight:400;color:var(--muted)}.upload-box .text-link{font-size:10px}.appearance-panel h2{margin:12px 0 22px}.appearance-panel fieldset>.toggle{margin-top:22px}.subscription-summary{display:flex;gap:25px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}.subscription-summary h2{margin:9px 0 0}.subscription-summary p{font-size:13px;color:var(--muted);margin:0}.subscription-summary>.badge{margin-left:auto}.workspace .plan-grid{margin:30px 0}.workspace .plan{padding:25px}.workspace .plan.featured{padding-top:49px}.workspace .plan-price{font-size:30px}.payment-history h2{margin:0}.narrow-panel{max-width:720px}.narrow-panel form h2{margin-top:28px}.search-label{max-width:400px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#9396a1;font-weight:550;padding:15px 12px;border-bottom:1px solid var(--line)}td{padding:17px 12px;border-bottom:1px solid #f0f1f5}td small{display:block;color:#9496a0;font-size:10px;margin-top:7px}td a{font-size:11px;color:var(--purple)}td .text-link{font-size:11px}tbody tr:last-child td{border:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px}.stats-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.stats-grid article>span{font-size:11px;color:#8e909d;display:block}.stats-grid strong{display:block;font-size:30px;letter-spacing:-1px;margin:15px 0}.stats-grid small{font-size:10px;color:#9a9ca8}.audit-list{list-style:none;padding:0}.audit-list li{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px;color:#818490}.audit-list small{font-size:10px;white-space:nowrap}
.modal-backdrop{position:fixed;inset:0;background:#20202d77;backdrop-filter:blur(5px);z-index:30;display:flex;align-items:center;justify-content:center;padding:25px}.modal{width:510px;max-width:100%;background:#fff;border-radius:22px;padding:35px;position:relative;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #1c123633}.close-modal{position:absolute;right:20px;top:16px;font-size:25px;width:30px;height:30px}.modal h2{font-size:27px;margin:12px 0 20px}.modal>p{font-size:13px;color:var(--muted)}.modal .upload-box{padding:15px}.modal .upload-box img{width:80px;height:80px}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px}.payment-box{background:#f7f4fc;padding:22px;border-radius:14px;text-align:center;margin:24px 0}.payment-qr{display:block;width:180px;height:180px;object-fit:contain;margin:0 auto 20px;background:#fff}.payment-key{display:block;margin:12px 0;font-size:22px;overflow-wrap:anywhere}.payment-box p{font-size:12px;color:var(--muted)}.receipt-preview{max-height:320px;max-width:100%;display:block;margin:auto;border:1px solid var(--line);border-radius:12px}.modal form>.button{margin-top:10px;width:100%}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#282a33;color:white;padding:14px 22px;border-radius:12px;z-index:100;box-shadow:0 10px 25px #17102022;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 30px);font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#9f3f54}
.public-page{min-height:100vh;background:#f0efef;padding:35px 20px}.public-page>.public-menu{max-width:620px;margin:auto;border-radius:23px;box-shadow:0 10px 60px #1b152b0b;overflow:hidden;min-height:80vh}.public-menu{background:#fff;--menu-color:#7654e8}.menu-cover{height:180px;position:relative;background:var(--menu-color);overflow:hidden}.menu-cover img{height:100%;width:100%;object-fit:cover}.color-cover{background:linear-gradient(135deg,var(--menu-color),color-mix(in srgb,var(--menu-color),#16121b 35%));display:grid;place-items:center;color:#ffffff99;font-size:9px;font-weight:600;letter-spacing:3px}.color-cover:after{content:'';position:absolute;border:1px solid #ffffff22;width:190px;height:190px;border-radius:50%;right:-40px;bottom:-90px}.menu-intro{text-align:center;padding:0 30px 25px}.restaurant-logo{width:86px;height:86px;object-fit:cover;position:relative;margin:-35px auto 20px;border:5px solid #fff;border-radius:22px;display:block;background:#fff}.fallback-logo{display:flex;justify-content:center;align-items:center;background:var(--menu-color);color:#fff;font-family:Georgia,serif;font-size:40px;font-style:italic}.fallback-logo span{color:#ffffff66}.menu-intro h1{font-size:30px;line-height:1.2;margin:0 0 12px}.menu-intro p{font-size:13px;line-height:1.7;color:#94929b;margin-bottom:22px;white-space:pre-line;overflow-wrap:anywhere}.menu-whatsapp{display:flex;justify-content:center;align-items:center;gap:10px;background:var(--menu-color);color:#fff;border-radius:11px;padding:14px;font-size:13px;font-weight:600;max-width:320px;margin:auto}.menu-categories{display:flex;gap:9px;padding:0 26px 18px;overflow:auto;scrollbar-width:none;border-bottom:1px solid #f3f2f5}.menu-categories a{border:1px solid #e9e7ec;padding:9px 15px;white-space:nowrap;border-radius:20px;font-size:11px;color:#87838f}.menu-categories a:hover{border-color:var(--menu-color);color:var(--menu-color)}.menu-content{padding:25px}.menu-content section{scroll-margin-top:20px}.menu-content h2{font-size:20px;margin:0 0 20px}.public-dishes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.public-dish{border:1px solid #edeaf0;border-radius:14px;overflow:hidden;position:relative}.public-dish>img,.dish-no-image{width:100%;height:150px;object-fit:cover}.dish-no-image{background:#f6f4f9;display:grid;place-items:center;color:#cec7dd}.dish-no-image svg{width:35px;height:35px}.public-dish-text{padding:15px}.public-dish h3{font-size:15px;line-height:1.4;letter-spacing:-.02em;margin:0 0 7px;overflow-wrap:anywhere}.public-dish p{font-size:11px;line-height:1.6;color:#99939f;margin:0 0 14px;white-space:pre-line;overflow-wrap:anywhere}.public-dish strong{font-size:14px;color:var(--menu-color);display:block;padding-right:25px}.dish-order{position:absolute;right:12px;bottom:12px;width:25px;height:25px;border-radius:50%;background:color-mix(in srgb,var(--menu-color),#fff 90%);color:var(--menu-color);display:grid;place-items:center}.dish-order svg{width:14px;height:14px}.public-brand{padding:20px 20px 25px;text-align:center;font-size:9px;color:#b8b2bf;border-top:1px solid #f7f5f9}.public-brand strong{font-size:12px;letter-spacing:-.5px}.serif h1,.serif h2,.serif h3{font-family:Georgia,serif;letter-spacing:-.02em}.layout-list .public-dishes{grid-template-columns:1fr}.layout-list .public-dish{display:flex}.layout-list .public-dish>img,.layout-list .dish-no-image{width:100px;min-height:110px;height:auto;flex-shrink:0}.layout-list .public-dish-text{flex:1}.layout-editorial .public-dishes{grid-template-columns:1fr}.layout-editorial .public-dish>img,.layout-editorial .dish-no-image{height:270px}.layout-editorial .public-dish h3{font-size:20px}.phone-frame .menu-cover{height:105px}.phone-frame .color-cover{font-size:6px;letter-spacing:1.4px}.phone-frame .restaurant-logo{width:54px;height:54px;border-radius:15px;border-width:4px;margin-top:-23px;margin-bottom:12px;font-size:27px}.phone-frame .menu-intro{padding:0 18px 18px}.phone-frame .menu-intro h1{font-size:22px;margin-bottom:8px}.phone-frame .menu-intro p{font-size:9px;margin-bottom:16px}.phone-frame .menu-whatsapp{padding:10px;font-size:10px;gap:8px}.phone-frame .menu-whatsapp svg{width:14px;height:14px}.phone-frame .menu-categories{padding:0 16px 15px;gap:6px}.phone-frame .menu-categories a{font-size:8px;padding:7px 11px}.phone-frame .menu-content{padding:18px 16px}.phone-frame .menu-content h2{font-size:15px;margin-bottom:14px}.phone-frame .public-dishes{gap:9px;margin-bottom:24px}.phone-frame .public-dish{border-radius:10px}.phone-frame .public-dish>img,.phone-frame .dish-no-image{height:85px}.phone-frame .public-dish-text{padding:10px}.phone-frame .public-dish h3{font-size:10px}.phone-frame .public-dish p{font-size:8px;line-height:1.5;margin-bottom:10px}.phone-frame .public-dish strong{font-size:10px}.phone-frame .dish-order{width:18px;height:18px;right:8px;bottom:8px}.phone-frame .dish-order svg{width:11px}.phone-frame .public-brand{font-size:7px;padding:15px}.phone-frame .public-brand strong{font-size:10px}.phone-frame .layout-list .public-dish>img,.phone-frame .layout-list .dish-no-image{height:auto;width:73px;min-height:80px}.phone-frame .layout-editorial .public-dish>img,.phone-frame .layout-editorial .dish-no-image{height:170px}.phone-frame a{pointer-events:none}
@media(min-width:1500px){.workspace-content{padding:45px 65px}.editor-layout{grid-template-columns:minmax(0,1fr) 330px;gap:55px}.phone-frame{height:650px}}
@media(max-width:1150px){.sidebar{width:205px;padding:25px 14px}.sidebar>.brand{font-size:23px}.workspace-main{margin-left:205px;width:calc(100% - 205px)}.workspace-content{padding:30px 24px}.workspace-top{padding:0 24px}.editor-layout{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.panel{padding:22px}.publish-row{flex-wrap:wrap}.plan-grid{gap:12px}.workspace .plan{padding:22px 18px}.workspace .plan.featured{padding-top:46px}.workspace .plan-price{font-size:26px}.plan li{font-size:11px}.hero{padding:40px 35px 60px;gap:30px}.hero h1{font-size:58px}.hero-visual{min-height:570px}.hero-visual:after{width:430px;height:430px}.hero-visual:before{width:360px;height:360px}.hero-features{gap:15px}.hero-features>div{font-size:9px}.steps{margin:0 35px 60px}.stats-grid{grid-template-columns:repeat(2,1fr)}footer{margin:0 35px}.auth-wrap{gap:50px}}
@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;gap:15px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-copy>p{font-size:14px}.hero-features{flex-wrap:wrap}.hero-actions{flex-wrap:wrap;gap:18px}.demo-phone{width:265px}.hero-visual{min-height:540px}.hero-visual:before{width:310px;height:310px}.hero-visual:after{width:350px;height:350px}.float-label{font-size:10px;padding:12px}.float-label.top{left:-10px}.float-label.bottom{right:-10px}.steps{gap:15px;padding:25px}.steps>div{padding-left:35px}.editor-layout{grid-template-columns:minmax(0,1fr)}.preview-column{position:static;max-width:310px;margin:15px auto;width:100%}.sidebar{width:185px}.sidebar>.brand{font-size:21px}.sidebar .brand span{font-size:10px}.workspace-main{margin-left:185px;width:calc(100% - 185px)}.workspace .plan-grid{grid-template-columns:1fr}.workspace .plan{display:block}.workspace .plan-price{font-size:34px}.auth-aside{width:340px;padding:35px}.auth-aside h2{font-size:40px}.auth-wrap{gap:30px;padding:30px}.page-heading h1{font-size:28px}}
@media(max-width:650px){h1{font-size:30px}.topnav{padding:22px}.topnav .brand{font-size:23px}.topnav nav{gap:14px;font-size:11px}.topnav nav>a:first-child{display:none}.topnav nav .button{padding:10px;font-size:10px;gap:5px}.topnav .button svg{width:15px}.hero{display:flex;flex-direction:column;padding:30px 25px 50px;gap:20px}.hero-copy{width:100%}.hero h1{font-size:55px;letter-spacing:-2.5px;max-width:390px}.hero-copy>p{font-size:15px}.hero-features{gap:18px;margin-top:35px}.hero-visual{width:100%;min-height:575px}.demo-phone{width:285px;transform:rotate(3deg)}.float-label.top{left:0;top:25px}.float-label.bottom{right:0;bottom:20px}.hero-visual:after{width:330px;height:330px}.hero-visual:before{width:280px;height:280px}.steps{grid-template-columns:1fr;margin:0 22px 50px;gap:28px;padding:28px}.steps>div{padding-left:45px}.steps p{max-width:100%}.pricing-section{padding:0 22px 45px}.pricing-section h2{font-size:30px}.plan-grid{grid-template-columns:1fr;margin-top:30px;gap:18px}.plan{padding:28px}.plan-price{font-size:35px}.plan li{font-size:13px}footer{margin:0 22px;flex-wrap:wrap;gap:25px}footer>span{display:none}.auth-wrap{padding:30px 24px;min-height:100vh}.auth-card .brand{margin-bottom:42px}.auth-aside{display:none}.auth-card h1{font-size:34px}.sidebar{position:static;width:100%;border:0;border-bottom:1px solid var(--line);padding:17px 18px 10px}.sidebar>.brand{margin:0 0 15px;font-size:24px}.workspace-label,.sidebar-plan,.sidebar-user{display:none}.sidebar nav{flex-direction:row;gap:4px;overflow-x:auto}.nav-item{padding:10px;font-size:10px;gap:6px;white-space:nowrap}.nav-item svg{width:14px;height:14px}.workspace{display:block}.workspace-main{margin:0;width:100%}.workspace-top{height:58px;padding:0 20px;font-size:10px}.workspace-top>span .muted{display:none}.workspace-top .button{font-size:10px;padding:8px 10px}.workspace-top .button svg{width:14px}.workspace-content{padding:25px 18px}.page-heading{align-items:flex-start;gap:15px;margin-bottom:25px}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.page-heading>.button{font-size:10px;white-space:nowrap}.editor-layout{gap:12px}.panel{padding:20px;border-radius:14px}.panel-heading{gap:10px}.panel-heading>.button{font-size:10px;padding:10px;gap:5px}.panel-heading>.button svg{width:14px}.panel-heading h2{font-size:16px}.field-row{gap:12px;grid-template-columns:1fr}.publish-row .toggle{font-size:11px}.publish-row .button{font-size:11px}.share-strip{flex-wrap:wrap}.share-strip .button{margin:5px 0 0 33px}.subscription-summary{flex-wrap:wrap;gap:15px;padding:20px}.subscription-summary p{font-size:11px}.subscription-summary>.badge{margin:0}.upgrade-notice{flex-wrap:wrap}.upgrade-notice .button{margin:0}.asset-grid{grid-template-columns:1fr 1fr;gap:10px}.asset-grid .upload-box{padding:15px 8px;font-size:10px}.asset-grid .upload-box small{font-size:8px}.asset-grid input[type=file]{max-width:100%;font-size:9px}.stats-grid{gap:12px}.stats-grid article{padding:18px}.stats-grid strong{font-size:24px}.stats-grid article>span{font-size:10px}.stats-grid small{font-size:9px}.modal-backdrop{padding:14px}.modal{padding:27px 22px}.modal h2{font-size:25px}.modal .field-row{grid-template-columns:1fr 1fr}.public-page{padding:0;background:#fff}.public-page>.public-menu{border-radius:0;min-height:100vh}.public-dishes{gap:12px}.public-dish>img,.dish-no-image{height:130px}.menu-content{padding:22px}.public-dish h3{font-size:14px}.menu-cover{height:160px}.menu-intro h1{font-size:28px}.menu-intro p{font-size:12px}.public-dish-text{padding:13px}.layout-list .public-dish>img,.layout-list .dish-no-image{width:95px}.public-brand{padding-bottom:35px}}
.menu-analytics{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:24px;color:var(--purple);font-size:12px}.menu-analytics span{font-size:10px;color:var(--muted)}
@media(max-width:650px){.menu-analytics{flex-wrap:wrap}.menu-analytics span{width:100%;padding-left:32px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}