@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#172f29;--paper:#fffef8;--lime:#e8ff8b;--orange:#d95331;--line:#d9dfd7;--soft:#f0f3ec;--restaurant:#172f29}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 'DM Sans',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d95331;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.065em;line-height:1.03}h3{letter-spacing:-.035em;font-size:23px;font-weight:500}em{font-family:'Playfair Display',Georgia,serif;font-weight:500}img{display:block;max-width:100%}.site-header{padding:22px 5vw;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:17px;line-height:1.1;letter-spacing:-.5px}.brand b{font-weight:700}.brand-symbol{background:var(--ink);color:var(--lime);border-radius:50%;width:44px;height:44px;text-align:center;font:italic 36px/40px Georgia}.site-header nav{display:flex;gap:30px;align-items:center;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--ink);color:white;padding:17px 24px;border-radius:6px;border:1px solid transparent;min-height:48px;font-weight:500}.button span{font-size:23px;line-height:1}.button.small{padding:12px 18px;gap:18px}.button.light{background:var(--lime);color:var(--ink)}.button.outline{background:transparent;color:var(--ink);border-color:var(--line)}.button.wide{width:100%}.text-link{display:inline-block;text-decoration:underline;text-underline-offset:5px;margin:20px 24px;font-size:14px}.eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:2px;margin-bottom:22px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:630px}.hero>div:first-child{padding:70px 4vw 70px 6vw}.hero h1{font-size:clamp(48px,5.8vw,88px);max-width:720px}.hero h1 em{font-size:.94em;color:var(--orange)}.hero p{font-size:18px;margin:28px 0;line-height:1.65;color:#4d6259}.hero-type{background:var(--orange);display:grid;place-items:center;color:#fff3c7;padding:40px;font-size:clamp(35px,5vw,70px);line-height:1;font-weight:700;letter-spacing:-3px}.hero-photo{position:relative;overflow:hidden;min-height:560px;background:#a44027}.hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute}.photo-caption{position:absolute;bottom:28px;left:28px;right:28px;padding:18px 22px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:8px}.photo-caption strong{display:block;font-size:20px;letter-spacing:-.6px}.photo-caption span{font-size:13px}.round-arrow{border:1px solid var(--ink);border-radius:50%;padding:10px;font-size:22px!important}.ribbon{background:var(--ink);color:var(--lime);display:flex;justify-content:space-around;gap:18px;flex-wrap:wrap;padding:22px 5vw;font-size:14px}.story{padding:90px 6vw;display:grid;grid-template-columns:1fr 1.3fr;gap:65px}.story h2{font-size:clamp(40px,4vw,62px)}.features{display:grid;gap:25px}.feature{display:grid;grid-template-columns:35px 1fr;gap:18px;border-bottom:1px solid var(--line);padding-bottom:25px}.feature p{margin-top:8px;color:#53675d}.feature>span{font-size:13px}.cta-strip{margin:0 6vw 70px;padding:38px;background:var(--lime);display:flex;justify-content:space-between;gap:25px;align-items:center;border-radius:10px}.cta-strip h2{font-size:36px}footer{padding:25px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#52645b}.workspace{max-width:1400px;margin:auto;padding:40px 5vw 70px}.page-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.page-top h1{font-size:48px}.page-top p{margin-top:14px;color:#52645b}.tag{display:inline-block;padding:5px 10px;border:1px solid var(--line);border-radius:20px;font-size:12px}.editor-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:35px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:26px}.panel+.panel{margin-top:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.section-head span{font-size:12px;color:#607166}label{display:block;font-size:14px;margin:16px 0}input,select,textarea{width:100%;border:1px solid #bfcbbf;border-radius:6px;background:white;color:var(--ink);padding:12px;margin-top:7px;font-size:16px}input[type=color]{height:46px;padding:4px}input[type=file]{font-size:14px}textarea{min-height:110px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.helper{font-size:13px;color:#52645b;margin-top:12px}.menu-editor-row{display:grid;grid-template-columns:1fr 95px auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.menu-editor-row input{margin:0}.icon-button{background:var(--soft);border:0;border-radius:6px;min-width:44px;min-height:44px;font-size:18px;color:var(--ink)}.phone{max-width:385px;margin:auto;border:8px solid var(--ink);border-radius:32px;overflow:hidden;background:white;box-shadow:0 20px 50px #172f2912}.phone-head{padding:25px 22px;background:var(--restaurant);color:white;min-height:115px}.restaurant-logo{height:44px;max-width:150px;object-fit:contain;margin-bottom:10px}.phone-head h2{font:500 31px/1.1 'Playfair Display',Georgia,serif;letter-spacing:-1px}.phone-head p{font-size:13px;margin-top:8px}.phone-image{width:100%;height:185px;object-fit:cover}.phone-content{padding:22px}.phone-item{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:14px}.phone-item strong{font-weight:500}.phone-item small{display:block;margin-top:5px}.preview-label{text-align:center;margin:18px 0;font-size:13px}.menu-page{background:white}.restaurant-cover{background:var(--restaurant);color:white;display:grid;grid-template-columns:1fr 1fr;min-height:300px}.restaurant-cover>div{padding:45px 6vw}.restaurant-cover h1{font:500 clamp(40px,5vw,70px)/1.1 'Playfair Display',Georgia,serif;letter-spacing:-2px}.restaurant-cover p{margin-top:15px}.restaurant-cover>img{width:100%;height:320px;object-fit:cover}.guest-layout{padding:40px 6vw 70px;display:grid;grid-template-columns:1fr 340px;gap:45px;align-items:start}.category-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.category-nav button{background:white;border:1px solid var(--line);padding:10px 18px;border-radius:30px;color:var(--ink)}.category-nav button.active{background:var(--restaurant);color:white}.dish{padding:25px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.dish p{color:#5d6a62;font-size:14px;margin:7px 0}.dish-price{font-weight:600;font-size:15px}.dish .actions{display:flex;align-items:center;gap:12px;flex:none}.basket{background:var(--soft);border-radius:12px;padding:26px}.basket h2{font-size:28px;margin-bottom:20px}.basket-row,.bill-total{display:flex;justify-content:space-between;gap:15px;margin:14px 0;font-size:14px}.bill-total{font-size:21px;padding-top:15px;border-top:1px solid #becabf}.basket .button{margin-top:12px}.status-label{padding:10px 13px;background:#fff0c2;border-radius:6px;font-size:14px;margin:16px 0}.status-label.paid{background:#d7efbf}.order-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.order-card{background:white;border:1px solid var(--line);padding:24px;border-radius:12px}.order-card h3{margin-top:14px}.order-card .button{margin-top:10px;width:100%;font-size:14px;padding:12px}.empty{padding:65px 25px;border:1px dashed #b1c0b4;border-radius:12px;text-align:center}.empty p{margin:14px 0}.desk-nav{display:flex;gap:8px;margin-bottom:25px}.desk-nav button{padding:10px 18px;background:white;color:var(--ink);border:1px solid var(--line);border-radius:6px}.desk-nav button.active{background:var(--ink);color:white}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.stats>div{padding:22px;background:var(--soft);border-radius:10px}.stats strong{display:block;font-size:30px;font-weight:500;margin-top:9px}.stats span{font-size:14px}.simulation{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.simulation label{margin:0}.simulation select{width:auto;margin:0 0 0 10px}.error{color:#a12d16}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 22px;border-radius:8px;max-width:90vw;z-index:20;display:none}#toast.visible{display:block}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:14px;border-bottom:1px solid var(--line);font-size:14px;white-space:nowrap}th{font-weight:500}details{margin-top:22px}summary{cursor:pointer;font-size:14px;text-decoration:underline}.prototype-note{font-size:13px;padding:9px 5vw;text-align:center;background:var(--lime)}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero>div:first-child{padding:50px 6vw}.hero-photo{min-height:400px}.hero h1{font-size:70px}.editor-layout{grid-template-columns:1fr 330px;gap:20px}.guest-layout{grid-template-columns:1fr 290px;gap:25px}.story{gap:35px}.order-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.site-header{padding:18px 5vw;align-items:start}.site-header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;max-width:190px}.site-header nav>a:not(.button){font-size:12px}.site-header .small{padding:8px 12px;min-height:40px;font-size:13px}.brand{font-size:14px}.brand-symbol{width:36px;height:36px;font-size:30px;line-height:33px}.hero h1{font-size:51px}.hero p{font-size:16px}.hero .text-link{margin-left:0;display:block}.hero-photo{min-height:360px}.story,.editor-layout,.guest-layout,.restaurant-cover{grid-template-columns:1fr}.story{padding:50px 6vw}.story h2{font-size:43px}.cta-strip{padding:25px;display:block}.cta-strip .button{margin-top:22px}.cta-strip h2{font-size:31px}.page-top{display:block}.page-top h1{font-size:39px}.page-top .button{margin-top:20px}.workspace{padding-top:28px}.panel{padding:20px}.fields{grid-template-columns:1fr;gap:0}.menu-editor-row{grid-template-columns:1fr 80px 44px;gap:8px}.order-grid,.stats{grid-template-columns:1fr}.restaurant-cover>img{height:230px}.restaurant-cover>div{padding:30px 6vw}.guest-layout{padding-top:28px}.dish h3{font-size:21px}.dish{gap:10px}.dish .actions{gap:8px}footer{flex-direction:column;gap:8px}.simulation{align-items:start}.simulation select{margin:8px 0 0;width:100%}.ribbon{justify-content:flex-start}.phone{width:100%}}
@media(prefers-reduced-motion:no-preference){.button:hover{transform:translateY(-2px)}.button{transition:transform .2s}.hero-photo img{animation:reveal .8s ease-out}@keyframes reveal{from{transform:scale(1.04)}to{transform:scale(1)}}}

.hero h1 em{letter-spacing:-.045em}.site-header .restaurant-logo{margin:0;max-width:75px;height:40px}

.category-card{border:1px solid #d5ddd5;border-radius:18px;padding:20px;margin:22px 0;background:#fafbf7}.category-heading{display:flex;align-items:center;gap:10px}.category-heading label{flex:1;min-width:0}.drag-handle{cursor:grab;font-size:28px}.dish-editor{background:white;border-radius:12px;padding:18px;margin:14px 0}.dish-editor .text-link{border:0;background:none;margin:8px 0;padding:0;font-size:13px}.category-card>.text-link{display:block;background:none;border:0;margin:16px 0 0}.preview-category{font-size:18px;margin:24px 0 8px}.guest-category{font-size:30px;margin:32px 0 8px}.category-nav{flex-wrap:wrap}.category-heading .icon-button{flex-shrink:0}@media(max-width:600px){.category-card{padding:12px}.category-heading{gap:6px}.category-heading .icon-button{width:30px;height:36px}.drag-handle{display:none}.dish-editor{padding:12px}}

.savunio-wordmark{font-family:"Playfair Display",Georgia,serif;font-size:39px;font-weight:600;letter-spacing:-2px;line-height:1.05;display:inline-block;padding-bottom:4px}.wordmark-dot{color:var(--orange)}@media(max-width:650px){.savunio-wordmark{font-size:31px;letter-spacing:-1.5px}}

.restaurant-title{display:flex;align-items:center;gap:16px}.restaurant-title .restaurant-logo{flex:0 0 64px;width:64px;height:64px;object-fit:contain;margin:0}.restaurant-title h1,.restaurant-title h2{min-width:0;overflow-wrap:anywhere;margin:0}.phone-head .restaurant-title{gap:12px}.phone-head .restaurant-title .restaurant-logo{flex-basis:44px;width:44px;height:44px}@media(max-width:650px){.restaurant-title{gap:12px}.restaurant-title .restaurant-logo{flex-basis:48px;width:48px;height:48px}}

.restaurant-title .restaurant-logo{order:2}.restaurant-title h1,.restaurant-title h2{order:1}

.restaurant-title .restaurant-logo,.phone-head .restaurant-title .restaurant-logo{flex:0 0 var(--logo-size,80px);width:var(--logo-size,80px);height:var(--logo-size,80px);max-width:45%;object-fit:contain}#logo-size{padding:0;accent-color:var(--ink);cursor:ew-resize}#logo-size-value{float:right;font-weight:400}

.category-icon{width:24px;height:24px;flex:0 0 24px;vertical-align:middle;margin-right:8px}.preview-category,.guest-category{display:flex;align-items:center}.category-nav button{display:inline-flex;align-items:center}.category-heading>.category-icon{margin-right:0;color:var(--orange)}

.icon-picker summary{display:flex;align-items:center;text-decoration:none;color:var(--ink)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;margin:16px 0}.icon-grid button{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:12px 5px;font-size:11px;color:var(--ink)}.icon-grid .category-icon{margin:0;width:28px;height:28px}.icon-grid button[aria-pressed=true]{background:var(--lime);border-color:var(--ink)}

.icon-picker summary{padding:12px 16px;border:1px solid var(--ink);border-radius:8px;background:var(--lime);font-weight:600;min-height:48px}.icon-picker summary>span{margin-left:auto}

.cloud-panel{margin-bottom:28px;border:1px solid #c8d3b6;background:#f3f6e8}.cloud-panel h3{margin:8px 0;font-size:26px}.cloud-panel form{display:flex;align-items:end;gap:14px;max-width:650px}.cloud-panel form label{flex:1;margin:0}.cloud-panel form .button{white-space:nowrap}.cloud-actions{display:flex;flex-wrap:wrap;gap:10px}.cloud-account{overflow-wrap:anywhere}.cloud-status{min-height:24px;margin-bottom:0!important}.editor-layout[inert]{opacity:.6}.cloud-panel button:disabled{opacity:.55;cursor:wait}@media(max-width:600px){.cloud-panel form{align-items:stretch;flex-direction:column}.cloud-panel form .button{white-space:normal}.cloud-actions .button{flex:1}.cloud-panel h3{font-size:23px}}

.publish-panel{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:40px;border-top:4px solid var(--green,#172f29)}.publish-panel h3{font-family:Georgia,serif;font-size:2.5rem;font-weight:400;line-height:1.15}.publish-panel p{max-width:48ch}.share-code{background:white;padding:12px;width:240px;max-width:100%;margin:24px 0}.share-code svg{display:block;width:100%;height:auto}.publish-panel input{font-size:14px}.public-menu-content{max-width:820px;margin:0 auto;padding:32px 24px 64px}.public-menu-content .category-nav{flex-wrap:wrap}.public-menu-content section{scroll-margin-top:24px}.public-menu-content .dish-price{white-space:nowrap}.public-menu-content .dish-price small{display:block;font-size:14px}.public-guest .site-header{position:static}.public-guest footer{flex-wrap:wrap}.public-guest h1{overflow-wrap:anywhere}@media(max-width:700px){.publish-panel{grid-template-columns:1fr;gap:20px}.public-guest .site-header>span:last-child{display:none}.public-menu-content{padding:20px}.public-menu-content .dish{gap:16px}.publish-panel h3{font-size:2rem}}

#account-nav{display:flex;align-items:center;gap:20px}.account-status{display:flex;flex-direction:column;font-size:14px;line-height:1.4;max-width:240px}.account-status strong{overflow:hidden;text-overflow:ellipsis}.auth-tabs{display:flex;gap:8px;margin:20px 0}.auth-tabs button{padding:12px 20px;border:1px solid #172f29;border-radius:8px;background:transparent;color:#172f29;font:inherit;cursor:pointer}.auth-tabs button[aria-pressed="true"]{background:#172f29;color:white}#cloud-panel{scroll-margin-top:100px}@media(max-width:700px){#account-nav{gap:12px;flex-wrap:wrap}.site-header nav #account-nav a{display:inline-flex}.account-status{max-width:180px;font-size:12px}.cloud-account{overflow-wrap:anywhere}}

.account-page{max-width:1120px;margin:0 auto;padding:80px 32px 100px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;min-height:72vh}.account-intro>.text-link{display:block;margin-bottom:44px}.account-intro h1{font-size:clamp(3rem,5vw,5rem);line-height:1.05;margin:20px 0}.account-intro>p{max-width:36ch}.account-form .cloud-panel{display:block;margin:0;padding:36px}.account-form h3{font-size:1.8rem}.account-form form{display:block}.account-form form button{width:100%;margin-top:16px}.auth-switch{margin-top:24px;font-size:16px}.auth-switch a{text-decoration:underline;font-weight:600}@media(max-width:700px){.account-page{grid-template-columns:1fr;gap:28px;padding:32px 20px 56px}.account-intro>.text-link{margin-bottom:24px}.account-intro h1{font-size:3rem}.account-form .cloud-panel{padding:24px}.account-intro>.helper{display:none}}

.publish-toolbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:24px;background:#172f29;color:white;border-radius:14px;padding:22px 28px;margin:0 0 32px;box-shadow:0 10px 25px #172f2920}.publish-toolbar:empty{display:none}.publish-guidance{display:flex;flex-direction:column;gap:6px}.publish-guidance strong{font-size:20px}.publish-guidance span{font-size:14px;color:#e6eadf}.publish-controls{display:flex;gap:12px;align-items:center}.publish-toolbar .publish-primary{background:#e8ff8b;color:#172f29;font-size:17px;min-height:54px}.publish-toolbar .outline{color:white;border-color:#ffffff70}.publish-toolbar button:disabled{opacity:.6}@media(max-width:700px){.publish-toolbar{padding:16px;gap:14px;flex-direction:column;align-items:stretch;top:0}.publish-controls{display:grid;grid-template-columns:1fr}.publish-controls .outline{padding:10px;min-height:40px}.publish-guidance strong{font-size:18px}.publish-guidance span{font-size:14px}.publish-toolbar .publish-primary{width:100%}}