@font-face{font-family:"Inter Tight";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/fonts/inter-tight.ttf") format("truetype")}
@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url("/assets/fonts/caveat.ttf") format("truetype")}
/* Local typefaces preserve English and Arabic rendering without third-party requests. */
@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/external/fonts.gstatic.com/s/tajawal/v12/Iura6YBj_oCad4k1rzY.ttf') format('truetype')}
@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/external/fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l4qkLrY.ttf') format('truetype')}
:root{--primary:#4068ef;--primary-dark:#3557d0;--accent:#ffb678;--canvas:#ffffff;--ink:#141414;--muted:#555450;--glass:#fff;--stroke:#e8e7e4;--shadow:none;--curve:cubic-bezier(.22,1,.36,1);font-family:"Inter Tight",Tajawal,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}html{scroll-padding-top:128px}body{margin:0;font-size:16px;line-height:24px;min-width:280px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{border:0}button:disabled{cursor:not-allowed}h1,h2,h3,h4,p{margin:0;text-wrap:pretty}h1,h2,h3,h4{text-wrap:balance;font-weight:600}h1{font-size:60px;line-height:1;letter-spacing:-.045em;max-width:680px}h1 span{color:var(--primary);text-decoration:none}h2{font-size:36px;line-height:40px;letter-spacing:-.035em}h3{font-size:20px;line-height:28px;letter-spacing:-.02em}h4{font-size:18px;line-height:28px}p{color:var(--muted)}img,svg{max-width:100%}img{display:block;height:auto}ul,ol{padding:0;margin:0}.icon{flex:none;vertical-align:middle}.container{width:min(1184px,calc(100% - 64px));margin-inline:auto}.section{padding-block:64px}.glass{background:var(--glass);border:1px solid var(--stroke);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%);border-radius:24px}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--primary);outline-offset:4px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:16px;z-index:1000;padding:12px 24px;background:var(--primary);color:#fff;transform:translateY(-150%);border-radius:8px}.skip-link:focus{transform:translateY(0)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 24px;border-radius:12px;background:var(--primary);color:#fff;font-size:16px;line-height:24px;font-weight:600;transition:transform .3s var(--curve),opacity .3s var(--curve);text-align:center}.button:hover{background:var(--primary-dark)}.button:active,.icon-button:active,.help-fab:active{transform:scale(.98)}.button .icon{width:20px;height:20px}.text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--primary-dark);font-size:14px;line-height:20px;font-weight:600;text-underline-offset:4px}.text-link:hover{text-decoration:underline}.text-link .icon{width:20px;height:20px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;line-height:16px;font-weight:600;color:var(--primary-dark);margin-bottom:16px}.small-label{font-size:12px;line-height:16px;font-weight:500;color:var(--muted)}.lead{font-size:18px;line-height:28px;max-width:680px}.section-heading{max-width:680px;margin-bottom:32px}.section-heading>p:last-child:not(.eyebrow){margin-top:16px}.icon-tile{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background:#ffeddf;color:var(--primary-dark);border-radius:16px;margin-bottom:24px}.icon-tile .icon{width:24px;height:24px}
/* Floating navigation retains the approved glass surface on every route. */
.site-header{position:absolute;inset-block-start:16px;inset-inline:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1184px,calc(100% - 32px));margin-inline:auto;padding:12px 24px;border-radius:24px;background:rgba(255,255,255,.76)}.brand{display:flex;align-items:center;min-height:44px;flex:none}.brand img{width:160px;height:40px}.primary-nav{display:flex;align-items:center;gap:24px}.primary-nav>a:not(.button),.nav-group>summary,.nav-help{display:flex;align-items:center;gap:4px;min-height:44px;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap;background:transparent;padding:0}.primary-nav>a:not(.button):hover,.nav-group>summary:hover,.nav-help:hover,.primary-nav [aria-current=page],.nav-group[data-current]>summary{color:var(--primary-dark)}.nav-group{position:relative}.nav-group>summary{cursor:pointer;list-style:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary .icon{width:14px;height:14px;transition:transform .3s var(--curve)}.nav-group[open]>summary .icon{transform:rotate(180deg)}.nav-dropdown{position:absolute;inset-block-start:52px;inset-inline-start:-16px;min-width:240px;padding:8px;background:rgba(255,255,255,.98);border:1px solid #fff;border-radius:16px;box-shadow:0 16px 40px rgba(41,39,35,.13)}.nav-dropdown>a{display:flex;align-items:center;padding:12px;min-height:44px;font-size:14px;line-height:20px;border-radius:8px}.nav-dropdown>a:hover,.nav-dropdown>[aria-current=page]{background:#ffeddf}.language-link{gap:8px!important}.language-link .icon{width:18px;height:18px}.nav-cta{font-size:14px;line-height:20px;min-height:44px;padding:12px 16px;white-space:nowrap}.nav-toggle{display:none}.home-hero{padding-block:176px 80px;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}.hero-copy h1{font-size:60px;line-height:1.05}.hero-copy .lead{margin-top:24px;max-width:530px}.hero-action{display:flex;align-items:flex-start;flex-direction:column;gap:12px;margin-top:32px}.hero-action>span{font-size:12px;line-height:16px;color:var(--muted);padding-inline-start:4px}.hero-menu-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:24px;font-size:12px;line-height:16px;color:var(--primary-dark)}.hero-menu-bottom .icon{width:32px;height:32px;background:var(--primary);padding:8px;border-radius:50%;color:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature-card{padding:32px}.feature-card p{font-size:14px;line-height:24px;margin-top:12px}.feature-card .text-link{margin-top:16px}
/* An explicitly illustrative menu, built from HTML instead of customer data. */
.dish-art{height:240px;display:flex;align-items:center;justify-content:center;padding:12px 0}.dish-art img{width:100%;height:100%;object-fit:cover;border-radius:20px}.product-preview{overflow:hidden}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;gap:16px}.preview-brand{display:flex;align-items:center;gap:12px;font-size:14px;line-height:20px;font-weight:600}.sample-label{font-size:12px;line-height:16px;color:var(--muted);background:rgba(255,237,223,.8);padding:4px 8px;border-radius:8px;white-space:nowrap}.preview-tabs{display:flex;gap:8px;padding:0 32px 24px}.preview-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;background:transparent;padding:12px 16px;font-size:14px;line-height:20px;font-weight:500;border:1px solid #efded0;border-radius:12px}.preview-tabs .icon{width:18px;height:18px}.preview-tabs [aria-selected=true]{background:var(--accent);color:var(--ink);border-color:var(--accent)}.preview-tabs button:hover:not([aria-selected=true]){background:#ffeddf}.preview-panel{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:48px 64px;align-items:center;min-height:480px;background:rgba(255,248,242,.7)}[hidden]{display:none!important}.preview-copy h3{font-size:36px;line-height:40px;letter-spacing:-.035em;margin-bottom:24px}.preview-copy>p{font-size:14px;line-height:24px}.preview-copy .check-list{margin-top:24px}.preview-copy .preview-footnote{margin-top:24px;font-size:12px;line-height:20px}.menu-mockup{width:100%;max-width:340px;justify-self:center;background:#ffffff;border:1px solid #fff;padding:24px;border-radius:24px;box-shadow:0 16px 40px rgba(41,39,35,.09)}.mockup-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;line-height:20px;font-weight:500}.language-chip{display:flex;align-items:center;justify-content:center;background:#ffeddf;border-radius:8px;padding:4px 8px;color:var(--primary-dark);font-size:12px;line-height:16px}.menu-mockup .dish-art{height:192px}.mockup-dish h4{margin-block:8px}.mockup-dish>p{font-size:12px;line-height:20px}.mockup-price{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:16px}.mockup-price strong{font-size:18px;line-height:28px;color:var(--primary-dark);font-weight:600}.mockup-price>span{display:flex;gap:4px;align-items:center;font-size:12px;line-height:16px;color:var(--muted)}.mockup-price .icon{width:16px;height:16px}.mockup-note{font-size:12px;line-height:16px;color:var(--muted);margin-top:16px}.check-list{list-style:none;display:grid;gap:16px}.check-list li{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:24px}.check-list .icon{width:20px;height:20px;color:var(--primary-dark);margin-top:2px}.order-mockup{max-width:400px;width:100%;justify-self:center;padding:24px;border-radius:24px;background:#ffffff;box-shadow:0 16px 40px rgba(41,39,35,.09)}.example-order{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:24px 0}.order-table{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:500}.order-table .icon{width:18px;height:18px;color:var(--primary-dark)}.status-pill{padding:4px 8px;border-radius:8px;background:#ffeddf;font-size:12px;line-height:16px;color:#943b12}.example-order h4,.example-order p{width:100%}.example-order p{font-size:12px;line-height:20px}.order-total{display:flex;justify-content:space-between;gap:16px;width:100%;font-size:14px;line-height:20px}.order-total strong{color:var(--primary-dark)}.status-steps{display:flex;justify-content:space-between;gap:8px;list-style:none;padding:16px 8px;background:#fff7f0;border-radius:12px}.status-steps li{display:flex;flex-direction:column;gap:8px;align-items:center;font-size:12px;line-height:16px;color:var(--muted)}.status-steps .icon{padding:4px;background:#ffdfc4;border-radius:50%;width:28px;height:28px}.status-steps .done .icon,.status-steps .current .icon{background:var(--primary);color:#fff}.tv-mockup{width:100%;max-width:420px;justify-self:center}.tv-screen{border:12px solid #292723;border-radius:16px;background:#ffffff;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 16px 32px rgba(41,39,35,.14)}.tv-screen>span{font-size:12px;line-height:16px;color:var(--muted);margin-top:16px}.tv-screen .dish-art{height:160px;width:100%}.tv-screen h4{font-size:16px;line-height:24px}.tv-screen strong{font-size:14px;line-height:20px;color:var(--primary-dark);margin-top:8px}.tv-stand{height:24px;width:40%;margin-inline:auto;background:#292723;clip-path:polygon(30% 0,70% 0,75% 70%,100% 80%,100% 100%,0 100%,0 80%,25% 70%)}.tagline-section{padding-block:80px;text-align:center}.tagline-section .eyebrow{margin-inline:auto;max-width:680px}.tagline{max-width:900px;margin-inline:auto;font-size:48px;line-height:1.15;color:var(--primary-dark)}.tagline .reveal-word{display:inline-block;opacity:.35;transition:opacity .6s var(--curve)}.tagline .reveal-word.is-visible{opacity:1}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none}.steps>li{padding:32px}.step-number{display:block;color:var(--primary-dark);font-size:14px;line-height:20px;font-weight:500;margin-bottom:24px}.steps h3{margin-bottom:12px}.steps p{font-size:14px;line-height:24px}.faq-list{display:grid;gap:12px;max-width:900px}.faq-item{border-radius:16px}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:24px;list-style:none;cursor:pointer;font-size:16px;line-height:24px;font-weight:500;padding:24px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .icon{width:20px;height:20px;transition:transform .3s var(--curve)}.faq-item[open] summary{color:var(--primary-dark)}.faq-item[open] summary .icon{transform:rotate(180deg)}.faq-item>p{padding:0 24px 24px;font-size:14px;line-height:24px;max-width:800px}.section-link{margin-top:24px}.closing-cta{padding:48px;display:flex;align-items:center;justify-content:space-between;gap:48px;background:rgba(255,246,238,.85)}.closing-cta h2{max-width:650px}.closing-cta p:not(.eyebrow){margin-top:16px;max-width:600px;font-size:14px;line-height:24px}.closing-cta>.button{flex:none}.site-footer{padding-block:64px 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:48px}.footer-brand>a{display:inline-flex;align-items:center;min-height:44px}.footer-brand p{font-size:14px;line-height:24px;margin-block:24px}.footer-brand>.small-label{font-size:12px;line-height:20px}.footer-grid h2{font-size:14px;line-height:20px;font-weight:600;letter-spacing:0;margin-bottom:16px}.footer-grid>div:not(.footer-brand)>a,.footer-grid>div:not(.footer-brand)>button{display:flex;align-items:center;min-height:44px;font-size:12px;line-height:20px;color:var(--muted);background:transparent;text-align:start;padding:4px 0}.footer-grid>div:not(.footer-brand)>a:hover,.footer-grid button:hover{color:var(--primary-dark);text-decoration:underline;text-underline-offset:4px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:48px;color:var(--muted);font-size:12px;line-height:16px}.footer-bottom>div{display:flex;gap:24px}.footer-bottom a{display:inline-flex;min-height:44px;align-items:center}.help-fab{position:fixed;inset-inline-end:24px;inset-block-end:24px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 16px;z-index:25;border-radius:16px;background:var(--primary);color:#fff;box-shadow:0 8px 24px rgba(41,39,35,.15);font-size:12px;line-height:16px;font-weight:500}.help-fab:hover{background:var(--primary-dark)}.help-fab .icon{width:20px;height:20px}.help-dialog{color:var(--ink);width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:32px;background:rgba(255,255,255,.97);overflow:auto}.help-dialog::backdrop{background:rgba(41,39,35,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.dialog-top .eyebrow{margin-top:12px}.icon-button{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;background:#fff0e5;border-radius:12px}.help-dialog h2{font-size:30px;line-height:36px;margin-bottom:16px}.help-dialog>p{font-size:14px;line-height:24px}.help-links{display:grid;gap:8px;margin-top:24px}.help-links a{display:flex;align-items:center;min-height:48px;padding:12px;background:#fff0e5;color:var(--primary-dark);border-radius:12px;font-size:14px;line-height:20px;font-weight:500}.help-links a:hover{background:#ffdfc4}
.page-hero{padding-block:176px 48px}.page-hero h1{margin-bottom:24px}.page-hero>.button{margin-top:32px}.centered{text-align:center}.centered>*{margin-inline:auto}.feature-hero{padding-block:176px 64px;display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}.feature-hero h1{font-size:48px;line-height:1.1;margin-bottom:24px}.feature-hero .button{margin-top:32px}.feature-hero-card{padding:40px}.hero-symbol{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ffeddf;color:var(--primary-dark);border-radius:24px;margin-bottom:24px}.hero-symbol>.icon{width:40px;height:40px}.feature-hero-card>.small-label{display:block;margin-bottom:12px}.feature-hero-card h2{font-size:30px;line-height:36px;margin-bottom:16px}.feature-hero-card>p{font-size:14px;line-height:24px;margin-bottom:24px}.setup-note{padding:40px;display:flex;gap:24px}.setup-note>svg{width:48px;height:48px;color:var(--primary-dark);padding:8px;background:#fff0e5;border-radius:16px}.setup-note h2{font-size:30px;line-height:36px;margin-bottom:16px}.setup-note p{max-width:900px}.setup-note .text-link{margin-top:16px}.pricing-section{padding-block:16px 32px}.pricing-card{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:48px}.pricing-intro h2{font-size:36px;line-height:40px;margin-bottom:24px}.pricing-intro>p:not(.eyebrow){font-size:14px;line-height:24px;max-width:450px}.pricing-intro .button{margin-top:32px}.pricing-features{background:rgba(255,241,230,.75);padding:32px;border-radius:16px}.pricing-features h3{margin-bottom:24px}.narrow{max-width:900px}.faq-section{padding-block:16px 32px}.faq-section .faq-list{max-width:none}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-card{display:flex;flex-direction:column;align-items:flex-start;padding:32px}.guide-card .small-label{margin-bottom:24px;color:var(--primary-dark)}.guide-card h3{margin-bottom:16px}.guide-card p{font-size:14px;line-height:24px;margin-bottom:16px}.guide-card .text-link{margin-top:auto}.guides-section{padding-top:16px}.tutorial-section{padding-top:16px}.article-page{padding-block:160px 32px;max-width:900px}.article-heading{margin-bottom:40px;max-width:800px}.article-heading h1{font-size:48px;line-height:1.1;margin-bottom:24px}.article-heading .back-link{margin-bottom:24px}.article-body{padding:48px}.article-body section+section{margin-top:40px}.article-body h2{font-size:24px;line-height:32px;margin-bottom:16px;letter-spacing:-.02em}.article-body p{font-size:16px;line-height:28px}.article-body .step-number{margin-bottom:12px}.article-next{padding:24px;margin-top:40px;background:#ffeddf;border-radius:16px}.article-next>p{margin-bottom:16px}.legal-page{padding-block-end:80px}.legal-page .article-heading h1{font-size:48px;line-height:1.1}.legal-page .article-body p{font-size:14px;line-height:24px}
[dir=rtl]{font-family:Tajawal,"Inter Tight",sans-serif}[dir=rtl] .eyebrow{letter-spacing:0;font-size:14px;line-height:20px}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] .hero-copy h1{line-height:1.2}[dir=rtl] .lead{line-height:32px}[dir=rtl] .button>.icon,[dir=rtl] .text-link>.icon,[dir=rtl] .hero-menu-bottom>.icon{transform:scaleX(-1)}[dir=rtl] .feature-card p,[dir=rtl] .steps p,[dir=rtl] .guide-card p,[dir=rtl] .faq-item>p{font-size:16px;line-height:28px}
@media(min-width:1600px){.home-hero{padding-top:192px;padding-bottom:96px}}
@media(max-width:1150px){.primary-nav{gap:16px}.site-header{padding-inline:16px;gap:16px}.primary-nav>a:not(.button),.nav-group>summary,.nav-help{font-size:12px;line-height:16px}.brand img{width:144px;height:36px}.home-hero{gap:32px}.hero-copy h1{font-size:48px;line-height:1.1}.preview-panel{padding:40px;gap:40px}.feature-hero{gap:40px}.feature-hero h1{font-size:48px;line-height:1.1}.footer-grid{gap:32px}.closing-cta{padding:40px;gap:32px}}
@media(max-width:940px){.site-header{padding:12px 16px}.nav-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;border-radius:12px;background:#ffeddf;z-index:2}.nav-toggle>span{width:20px;height:2px;background:var(--primary);transition:transform .5s var(--curve)}.nav-toggle[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}.nav-toggle[aria-expanded=true]>span:last-child{transform:translateY(-4px) rotate(-45deg)}.primary-nav{display:none;position:fixed;inset:88px 0 auto;max-height:calc(100dvh - 120px);min-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain;padding:24px;flex-direction:column;align-items:stretch;gap:8px;border:1px solid #fff;background:rgba(255,255,255,.98);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.nav-open{overflow:hidden}.nav-open .site-header{position:fixed}.nav-open .primary-nav{display:flex}.primary-nav>a:not(.button),.nav-group>summary,.nav-help{font-size:18px;line-height:28px;min-height:48px;padding:8px 12px;white-space:normal;justify-content:flex-start}.nav-group>summary{justify-content:space-between}.nav-group>summary .icon{width:20px;height:20px}.nav-dropdown{position:static;margin-top:8px;min-width:0;background:rgba(255,255,255,.7);box-shadow:none;border-radius:12px}.nav-dropdown>a{font-size:16px;line-height:24px}.nav-cta{font-size:16px;line-height:24px;min-height:48px;margin-top:8px}.primary-nav>a,.primary-nav>.nav-group,.primary-nav>.nav-help{animation:nav-enter .5s var(--curve) both}.primary-nav>:nth-child(2){animation-delay:60ms}.primary-nav>:nth-child(3){animation-delay:120ms}.primary-nav>:nth-child(4){animation-delay:180ms}.primary-nav>:nth-child(5){animation-delay:240ms}.primary-nav>:nth-child(6){animation-delay:300ms}.home-hero{padding-top:144px;gap:16px}.hero-copy h1{font-size:48px;line-height:1.1}.hero-copy .lead{font-size:16px;line-height:24px}.feature-grid,.guide-grid{gap:16px}.feature-card,.guide-card,.steps>li{padding:24px}.preview-panel{gap:32px;padding:32px;min-height:460px}.preview-copy h3{font-size:30px;line-height:36px}.preview-tabs{padding-inline:24px}.preview-toolbar{padding:24px}.preview-tabs button{padding:12px}.steps{gap:16px}.closing-cta{display:block;padding:32px}.closing-cta>.button{margin-top:24px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:32px}.footer-grid>div:last-child{grid-column:2 / 4}.feature-hero{padding-top:144px;gap:32px}.feature-hero h1{font-size:36px;line-height:40px}.feature-hero-card{padding:32px}.pricing-card{padding:32px;gap:32px}.pricing-features{padding:24px}.page-hero{padding-top:144px}}
@keyframes nav-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.section{padding-block:40px}.home-hero{display:flex;flex-direction:column;gap:48px;padding-block:136px 40px}.hero-copy{width:100%;max-width:560px}.hero-copy h1{font-size:48px;line-height:1.05}.hero-copy .lead{font-size:16px;line-height:24px;margin-top:24px}.hero-copy .eyebrow{font-size:12px;line-height:20px;letter-spacing:.08em}.hero-action{margin-top:24px}.feature-grid,.guide-grid{grid-template-columns:1fr}.feature-card,.guide-card{padding:24px}.feature-card .icon-tile{margin-bottom:16px}.section-heading{margin-bottom:24px}h2{font-size:30px;line-height:36px}.section-heading>p:last-child:not(.eyebrow){font-size:14px;line-height:24px}.preview-toolbar{padding:16px;align-items:flex-start;gap:12px}.preview-brand{font-size:12px;line-height:16px;gap:8px}.preview-brand img{width:28px;height:28px}.sample-label{font-size:12px;white-space:normal;text-align:center}.preview-tabs{padding:0 16px 16px;gap:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.preview-tabs button{padding:8px 4px;font-size:12px;line-height:16px;gap:4px;flex-direction:column;min-height:64px}.preview-tabs button .icon{width:20px;height:20px}.preview-panel{grid-template-columns:1fr;padding:32px 16px;gap:32px}.preview-copy{max-width:450px;margin-inline:auto;width:100%}.preview-copy h3{font-size:30px;line-height:36px;margin-bottom:16px}.menu-mockup{max-width:340px}.check-list{gap:12px}.preview-copy .check-list{margin-top:16px}.order-mockup{padding:24px}.tv-screen{padding:24px}.tagline-section{padding-block:48px}.tagline{font-size:36px;line-height:40px}.tagline-section .eyebrow{font-size:12px;line-height:20px}.steps{grid-template-columns:1fr}.steps>li{padding:24px}.step-number{margin-bottom:16px}.faq-item summary{font-size:14px;line-height:24px;padding:16px;gap:16px}.faq-item>p{padding:0 16px 24px}.closing-cta{padding:24px}.closing-cta h2{font-size:30px;line-height:36px}.closing-cta .button{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 24px}.footer-brand{grid-column:1 / -1}.footer-grid>div:last-child{grid-column:1 / -1}.footer-brand p{margin-block:16px}.footer-grid h2{margin-bottom:8px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px;padding-top:32px;padding-bottom:48px}.site-footer{padding-top:40px}.help-fab{inset-inline-end:16px;inset-block-end:16px;width:48px;height:48px;padding:12px}.help-fab>span{display:none}.help-dialog{padding:24px}.help-dialog h2{font-size:24px;line-height:32px}.page-hero{padding-block:136px 32px}.page-hero h1{font-size:36px;line-height:40px;margin-bottom:16px}.page-hero .lead{font-size:16px;line-height:24px}.page-hero>.button{margin-top:24px}.feature-hero{grid-template-columns:1fr;gap:32px;padding-block:136px 32px}.feature-hero h1{font-size:36px;line-height:40px}.feature-hero>.lead{font-size:16px;line-height:24px}.feature-hero .button{margin-top:24px}.feature-hero-card{padding:24px}.hero-symbol{width:64px;height:64px;border-radius:16px;margin-bottom:24px}.hero-symbol>.icon{width:32px;height:32px}.feature-hero-card h2{font-size:24px;line-height:32px}.setup-note{padding:24px;flex-direction:column;gap:16px}.setup-note h2{font-size:24px;line-height:32px}.setup-note p{font-size:14px;line-height:24px}.pricing-card{grid-template-columns:1fr;padding:24px;gap:32px}.pricing-intro h2{font-size:30px;line-height:36px}.pricing-features{padding:24px 16px}.pricing-intro .button{width:100%;margin-top:24px}.pricing-section{padding-bottom:16px}.article-page{padding-top:136px}.article-heading{margin-bottom:24px}.article-heading h1,.legal-page .article-heading h1{font-size:36px;line-height:40px}.article-heading .lead{font-size:16px;line-height:24px}.article-body{padding:24px}.article-body section+section{margin-top:32px}.article-body p{font-size:14px;line-height:24px}.article-next{padding:16px;margin-top:32px}.article-next .button{width:100%}.legal-page{padding-bottom:48px}[dir=rtl] .hero-copy .eyebrow{letter-spacing:0;font-size:14px;line-height:20px}[dir=rtl] .feature-card p,[dir=rtl] .steps p,[dir=rtl] .guide-card p{font-size:16px;line-height:28px}}
@media(max-width:374px){.hero-copy h1{font-size:36px;line-height:40px}.brand img{width:136px;height:34px}.preview-brand{max-width:140px}.preview-tabs button{font-size:12px}.menu-mockup,.order-mockup{padding:16px}.preview-toolbar>.sample-label{max-width:95px}.tagline{font-size:30px;line-height:36px}.feature-hero h1,.article-heading h1,.legal-page .article-heading h1,.page-hero h1{font-size:30px;line-height:36px}.status-steps{padding-inline:4px;gap:4px}.status-steps li{font-size:12px}.tv-screen{padding:16px}.help-dialog{padding:24px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.tagline .reveal-word{opacity:1}}
@media(prefers-reduced-transparency:reduce){.glass,.site-header,.primary-nav,.help-dialog{background:#ffffff;-webkit-backdrop-filter:none;backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass,.site-header,.help-dialog{background:#ffffff}.primary-nav{background:var(--canvas)}}

/* Restaurant-led layout, based on the selected 7shifts composition. */
.container{width:min(1120px,calc(100% - 64px))}
h1,h2,h3,h4{font-weight:550}
h1{color:var(--ink)}
h2{font-size:44px;line-height:1.05;letter-spacing:-.035em}
h3{font-size:24px;line-height:1.15}
.section{padding-block:72px}
.glass{border-radius:20px;backdrop-filter:none;-webkit-backdrop-filter:none}
.button{border-radius:100px;font-weight:500;gap:10px;padding:13px 22px;min-height:48px}
.eyebrow{letter-spacing:0;text-transform:none;color:var(--muted);font-size:15px;line-height:22px;font-weight:500}
.section-heading{max-width:700px;margin-bottom:48px}
.section-heading>p:last-child:not(.eyebrow){font-size:18px;line-height:28px}
.site-header{inset-block-start:0;width:100%;min-height:88px;padding:16px max(24px,calc((100% - 1120px)/2));gap:36px;border:0;border-bottom:1px solid #f0efed;border-radius:0 0 20px 20px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.brand img{width:148px;height:37px}
.primary-nav{flex:1;justify-content:flex-end;gap:24px}
.primary-nav>a:not(.button),.nav-group>summary,.nav-help{font-size:15px;font-weight:500}
.primary-nav .language-link{background:#f2f1ee;padding:10px 15px;border-radius:100px}
.nav-cta{font-size:15px;padding:12px 20px}
.nav-dropdown{border-color:var(--stroke);box-shadow:0 12px 30px #14141412}
.home-intro{position:relative;z-index:1;background:#fff;border-radius:0 0 40px 40px}
.home-hero{padding-block:144px 48px;grid-template-columns:1.06fr 1fr;gap:64px;align-items:center}
.hero-copy h1{font-size:clamp(46px,4.8vw,62px);font-weight:550;line-height:.99;letter-spacing:-.055em;text-wrap:initial}
.handwritten{font-family:Caveat,cursive;font-size:23px;line-height:1.2;color:var(--ink);margin-bottom:8px;font-weight:500}
.hero-copy .lead{font-size:20px;line-height:28px;margin-top:28px;color:#383835;max-width:515px}
.hero-action{margin-top:26px}
.hero-collage{min-width:0;display:grid;gap:12px}
.hero-team-photo{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:50% 57%;border-radius:22px}
.hero-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.connected-tile,.workflow-tile{aspect-ratio:1.5;min-width:0;border-radius:20px;overflow:hidden}
.connected-tile{background:#f1f0ed;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:14px;color:#161616}
.connected-art{width:88%;height:82%}
.connected-tile>span{font-size:11px;line-height:14px;color:#44433f}
.workflow-tile{background:#ffab76;position:relative;display:flex;align-items:center;padding:18px 0 36px 28px;gap:8px;direction:ltr}
.mini-menu,.mini-order{width:117px;min-width:117px;border-radius:7px;padding:10px;background:#fff8ef;box-shadow:0 2px 4px #60331808;align-self:center;color:#181818}
.mini-heading{display:flex;gap:5px;align-items:center;font-size:8px;white-space:nowrap;font-weight:600}
.mini-heading .icon{width:13px;height:13px}
.mini-menu>img{width:38px;height:38px;object-fit:cover;border-radius:5px;margin-top:8px}
.mini-menu>strong{display:block;font-size:7px;line-height:9px;margin-top:6px}
.mini-menu-line{display:block;width:60%;height:3px;background:#dfd8ce;margin-top:5px}
.mini-order{background:#fff;margin-top:0}
.mini-table{display:block;font-size:10px;font-weight:600;margin-top:12px}
.mini-order-line{display:grid;gap:4px;margin:8px 0}.mini-order-line span{height:3px;background:#e9e7e3;width:82%}.mini-order-line span:last-child{width:56%}
.mini-status{display:inline-flex;gap:3px;align-items:center;font-size:7px;background:#e4eee2;border-radius:3px;padding:3px 4px;color:#2e5832}.mini-status .icon{width:9px;height:9px}
.tile-caption{position:absolute;bottom:9px;inset-inline:8px;text-align:center;color:#633311;font-size:9px;line-height:12px}
/* Restaurant types share one glass surface over the original DineBud photo. */
.service-section{position:relative;isolation:isolate;margin-top:-40px;background:#203028;padding:112px 0 96px}
.service-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;z-index:-2}
.service-section::before{content:"";position:absolute;inset:0;background:#10201824;z-index:-1}
.service-scene.is-switching{animation:scene-enter 400ms var(--curve)}
@keyframes scene-enter{from{opacity:.55}to{opacity:1}}
.service-section::after{content:"";position:absolute;inset:auto 0 0;height:32px;background:#fff;border-radius:32px 32px 0 0}
.service-wrap{display:flex;justify-content:center}
.service-glass{display:grid;grid-template-columns:1fr 1fr;gap:40px 48px;align-items:center;width:1120px;max-width:100%;padding:64px;background:rgba(7,20,16,.54);backdrop-filter:blur(32px) saturate(125%);-webkit-backdrop-filter:blur(32px) saturate(125%);border:1px solid #ffffff26;box-shadow:inset 0 1px 0 #ffffff12;border-radius:24px}
.service-copy{grid-column:1;grid-row:1}
.service-copy h2{font-size:36px;line-height:40px;color:#fff;letter-spacing:-.035em;font-weight:500;text-wrap:initial}
.service-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px;max-width:360px}
.service-links button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#faf9f6;color:#141414;border-radius:100px;min-height:44px;padding:8px 16px;font-size:16px;line-height:24px;font-weight:500;transition:transform 200ms var(--curve),background-color 200ms var(--curve)}
.service-links .icon{width:20px;height:20px}
.service-links [aria-selected=true]{background:#00e6a4}
.service-links button:hover:not([aria-selected=true]){background:#d9f5e9}
.service-links button:active{transform:scale(.98)}
.service-glass :focus-visible{outline-color:#c6ff94}
.service-panels{grid-column:2;grid-row:1 / 3;min-width:0}
.service-panel{--panel-direction:1;border-radius:8px}
.service-panel-label{color:#f4f7f4;font-size:12px;line-height:16px;text-align:center;margin-bottom:24px;letter-spacing:.04em}
.service-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 16px}
.service-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;min-width:0;text-align:center;color:#fff}
.service-tile .icon{width:40px;height:40px;stroke-width:1.3}
.service-tile:nth-child(2) .icon,.service-tile:nth-child(6) .icon{color:#c6ff94}
.service-tile span{font-size:14px;line-height:20px;font-weight:500;max-width:104px}
.service-cta{grid-column:1;grid-row:2;justify-self:start}
.service-panel.is-switching{animation:preview-enter 280ms var(--curve)}
.home-features{padding-top:96px}
.home-features .section-heading,#product-preview .section-heading,.getting-started .section-heading{margin-inline:auto;text-align:center}
.home-features .feature-grid{gap:48px}
.home-features .feature-card{border:0;padding:0;box-shadow:none;background:transparent}
.home-features .icon-tile{width:80px;height:80px;border-radius:22px;background:#f2f1ee;color:var(--ink);margin-bottom:24px}
.home-features .feature-card:nth-child(2) .icon-tile{background:#ffe1ca}
.home-features .icon-tile .icon{width:42px;height:42px;stroke-width:1.2}
.feature-card p{font-size:16px;line-height:25px}
.feature-card .text-link{color:var(--ink);font-size:15px;text-decoration:underline}
.product-preview{background:#f5f4f0;border-color:transparent;border-radius:24px}
.preview-toolbar{border-bottom:1px solid #e4e2dc;padding:24px 32px;margin-bottom:24px}
.preview-tabs{justify-content:center}
.preview-tabs button{border-color:#d9d8d2;border-radius:100px;background:#fff;min-width:160px;font-size:15px}
.preview-tabs [aria-selected=true]{color:#fff;background:var(--ink);border-color:var(--ink)}
.preview-panel{background:transparent}
.preview-copy h3{font-size:42px;line-height:1.04;letter-spacing:-.035em}
.preview-copy p{font-size:16px;line-height:26px}
.menu-mockup,.order-mockup{border:1px solid #e8e5dd;box-shadow:0 10px 25px #24221a09;border-radius:16px}
.steps>li{border:0;border-top:1px solid #d8d6d0;border-radius:0;background:transparent;padding:28px 0}
.steps{gap:48px}.steps p{font-size:16px;line-height:26px}
.steps .step-number{font-family:Caveat,cursive;font-size:32px;line-height:1.1;color:var(--primary);margin-bottom:22px}
.home-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px 72px;align-items:start}
.home-faq .section-heading{position:sticky;top:32px}
.home-faq .section-link{grid-column:2;margin-top:0}
.faq-list{gap:0;width:100%}
.faq-item{background:transparent;border:0;border-bottom:1px solid #dedcd6;border-radius:0;box-shadow:none}
.faq-item summary{font-size:18px;line-height:26px;padding:24px 0}.faq-item>p{font-size:15px;line-height:24px;padding:0 0 24px}
.closing-cta{padding:64px;background:#ffe0ca;border:0;border-radius:24px;display:block;text-align:center}
.closing-cta .eyebrow{color:#643a20}.closing-cta h2{font-size:56px;line-height:1.04;max-width:620px;margin-inline:auto}
.closing-cta p:not(.eyebrow){margin:20px auto 28px;font-size:18px;line-height:28px}
.site-footer{background:#f3f2ee;margin-top:32px;padding-top:64px}
.footer-grid h2{font-size:16px}.footer-grid>div:not(.footer-brand)>a,.footer-grid>div:not(.footer-brand)>button{font-size:14px}
.footer-bottom{border-top:1px solid #dddcd5;margin-top:48px;padding-top:24px}
.help-fab{border-radius:100px;min-height:48px}
[dir=rtl] .handwritten{font-family:Tajawal,sans-serif;font-size:18px;line-height:1.6}
[dir=rtl] .hero-copy h1{line-height:1.16;letter-spacing:0;font-weight:700}
[dir=rtl] .hero-copy .lead{line-height:1.7;font-size:18px}
[dir=rtl] .service-copy h2{line-height:1.25}
[dir=rtl] .workflow-tile .mini-heading,[dir=rtl] .workflow-tile .mini-table,[dir=rtl] .workflow-tile .mini-menu>strong{direction:rtl}
@media(min-width:1600px){.container{width:min(1480px,calc(100% - 128px))}.site-header{padding-inline:max(40px,calc((100% - 1480px)/2))}.home-hero{padding-block:160px 64px;gap:80px}.hero-copy h1{font-size:76px}.hero-copy .lead{max-width:680px;font-size:24px;line-height:34px}.handwritten{font-size:28px}.hero-tiles{gap:16px}.hero-collage{gap:16px}.connected-tile>span{font-size:14px}.mini-menu,.mini-order{width:150px;min-width:150px;padding:14px}.mini-heading{font-size:10px}.mini-menu>img{width:52px;height:52px}.mini-menu>strong{font-size:10px;line-height:13px}.mini-status{font-size:10px}.workflow-tile{gap:12px;padding-inline-start:40px}.tile-caption{font-size:12px;bottom:12px}.service-glass{width:1280px;gap:40px 64px}.service-copy h2{font-size:40px;line-height:44px}}
@media(max-width:1100px){.primary-nav{gap:16px}.site-header{gap:24px}.primary-nav>a:not(.button),.nav-group>summary,.nav-help,.nav-cta{font-size:14px}.home-hero{gap:40px}.hero-copy h1{font-size:48px}.hero-copy .lead{font-size:18px;line-height:26px}.handwritten{font-size:21px}.mini-menu,.mini-order{width:100px;min-width:100px;padding:8px}.workflow-tile{padding-inline-start:18px}.home-faq{gap:24px 48px}}
@media(max-width:940px){.site-header{padding:12px 24px;min-height:76px}.primary-nav{inset:84px 12px auto;padding:24px;border:1px solid var(--stroke);justify-content:flex-start;align-items:stretch}.primary-nav>a:not(.button),.nav-group>summary,.nav-help{font-size:18px}.nav-cta{font-size:16px}.nav-toggle{border-radius:50%;background:#f2f1ee}.nav-toggle>span{background:var(--ink)}.primary-nav .language-link{justify-content:center}.home-hero{padding-top:128px;gap:32px}.hero-copy h1{font-size:42px}.hero-copy .lead{font-size:17px;line-height:25px}.hero-collage{gap:10px}.hero-tiles{gap:10px}.connected-tile,.workflow-tile{border-radius:16px}.connected-tile{padding:8px}.connected-tile>span{font-size:9px}.mini-menu,.mini-order{min-width:85px;width:85px;padding:7px}.mini-menu>img{width:28px;height:28px}.mini-heading{font-size:6px;gap:3px}.mini-menu>strong{font-size:6px}.mini-heading .icon{width:10px;height:10px}.mini-order{margin-top:0}.mini-table{font-size:8px;margin-top:8px}.mini-status{font-size:6px}.workflow-tile{padding:18px 0 23px 14px;gap:6px}.tile-caption{font-size:8px;bottom:7px}.service-glass{padding:32px;gap:32px}.service-copy h2{font-size:30px;line-height:36px}.service-links button{font-size:14px;padding-inline:12px}.service-tiles{gap:24px 8px}.service-tile span{font-size:12px;line-height:16px}.home-features .feature-grid{gap:24px}.home-features .feature-card{padding:0}.preview-copy h3{font-size:34px}.steps{gap:24px}.home-faq{gap:24px 32px}.closing-cta{padding:48px}.closing-cta h2{font-size:48px}}
@media(max-width:700px){
  .container{width:calc(100% - 40px)}.section{padding-block:48px}h2{font-size:36px;line-height:1.06}h3{font-size:24px}.section-heading{margin-bottom:32px}.section-heading>p:last-child:not(.eyebrow){font-size:16px;line-height:25px}
  .site-header{padding:12px 20px}.brand img{width:138px;height:auto}.home-intro{border-radius:0 0 28px 28px}.home-hero{padding-block:118px 32px;gap:36px;align-items:stretch}.hero-copy{max-width:none}.hero-copy h1{font-size:clamp(36px,9.6vw,56px);line-height:1.02;letter-spacing:-.05em}.handwritten{font-size:22px;line-height:1.2;margin-bottom:12px}.hero-copy .lead{font-size:18px;line-height:26px;margin-top:22px}.hero-action{margin-top:24px}.hero-action .button{font-size:16px}
  .hero-collage{width:100%;gap:10px}.hero-team-photo{aspect-ratio:1.8;border-radius:18px}.hero-tiles{gap:10px}.connected-tile,.workflow-tile{border-radius:16px;aspect-ratio:1.3}.connected-tile{padding:12px 8px}.connected-tile>span{font-size:10px}.connected-art{width:90%}.workflow-tile{padding-inline-start:16px}.mini-menu,.mini-order{width:94px;min-width:94px;padding:8px}.mini-menu>img{width:32px;height:32px}.mini-heading{font-size:7px}.mini-menu>strong{font-size:7px;line-height:9px}.mini-status{font-size:7px}.tile-caption{font-size:9px}
  .service-section{margin-top:-28px;padding:80px 0 64px}.service-section::after{height:24px;border-radius:24px 24px 0 0}.service-glass{grid-template-columns:1fr;padding:32px 24px;gap:32px;border-radius:24px}.service-copy,.service-panels,.service-cta{grid-column:1;grid-row:auto}.service-copy h2{font-size:36px;line-height:40px}.service-links{margin-top:24px;max-width:none}.service-links button{font-size:14px;padding:8px 12px}.service-panel-label{text-align:start;margin-bottom:24px}.service-tiles{gap:24px 12px;min-height:176px}.service-tile .icon{width:32px;height:32px}.service-tile span{font-size:12px;line-height:16px}.service-cta{justify-self:start}

  .home-features{padding-top:56px}.home-features .section-heading,#product-preview .section-heading,.getting-started .section-heading{text-align:start}.home-features .feature-grid{gap:36px}.home-features .feature-card{padding:0}.home-features .icon-tile{width:64px;height:64px;margin-bottom:18px;border-radius:16px}.home-features .icon-tile .icon{width:34px;height:34px}.feature-card p{font-size:16px;line-height:25px}.feature-card .text-link{margin-top:10px}
  .product-preview{border-radius:18px}.preview-toolbar{padding:16px;margin-bottom:16px}.preview-tabs{gap:6px;padding:0 12px 16px}.preview-tabs button{min-width:0;font-size:11px;border-radius:14px;padding:8px 4px}.preview-panel{padding:24px 20px}.preview-copy h3{font-size:34px}.preview-copy p{font-size:16px;line-height:25px}.menu-mockup{padding:16px}.steps{gap:12px}.steps>li{padding:24px 0}.steps .step-number{margin-bottom:16px}.home-faq{display:block}.home-faq .section-heading{position:static}.home-faq .section-link{margin-top:24px}.faq-item summary{font-size:16px;line-height:24px;padding:20px 0}.faq-item>p{padding:0 0 20px}.closing-cta{padding:36px 24px;border-radius:20px}.closing-cta h2{font-size:40px}.closing-cta p:not(.eyebrow){font-size:16px;line-height:25px;margin-block:18px 24px}.closing-cta>.button{width:auto;margin-top:0}.site-footer{margin-top:16px;padding-top:48px}.footer-bottom{margin-top:32px}.footer-grid{gap:32px 24px}.help-fab{border-radius:50%}
}
@media(max-width:374px){.container{width:calc(100% - 32px)}.hero-copy h1{font-size:34px}.handwritten{font-size:20px}.service-glass{padding:24px}.service-copy h2{font-size:30px;line-height:36px}.service-links button{font-size:12px;padding-inline:12px;gap:4px}.service-links .icon{width:16px;height:16px}.connected-tile>span{font-size:9px}.workflow-tile{padding-inline-start:12px}.mini-menu,.mini-order{width:84px;min-width:84px;padding:7px}.mini-menu>strong{font-size:6px}.service-tile span{font-size:12px}.closing-cta h2{font-size:34px}}
@media(prefers-reduced-transparency:reduce){.site-header{background:#fff;backdrop-filter:none}.service-glass{background:#10241d;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){.service-glass{background:#10241d}.glass,.preview-tabs button{border-color:var(--muted)}}

/* QR menus use the same editorial hero and peach product artwork. */
.qr-hero{align-items:center;padding-bottom:56px}
.qr-showcase{position:relative;background:#FFAB76;border-radius:24px;padding:30px 28px 44px;min-height:515px;isolation:isolate;overflow:hidden}
.qr-showcase-label{display:block;text-align:center;font-family:Caveat,cursive;font-size:24px;line-height:30px;color:#1C1B19;margin-bottom:22px}
.qr-phone{position:relative;width:225px;margin-inline-start:auto;min-height:370px;background:white;border:6px solid #242424;border-radius:26px;box-shadow:0 16px 20px #68391E15;padding:0 12px 16px;transform:rotate(5deg)}
.qr-phone-top{display:flex;justify-content:center;height:20px}.qr-phone-top span{display:block;background:#242424;width:65px;height:9px;border-radius:0 0 8px 8px}
.qr-phone .mockup-top{font-size:10px;line-height:16px;gap:8px}.qr-phone .language-chip{font-size:9px;padding:2px 5px}
.qr-phone .dish-art{height:142px;padding-block:12px}.qr-phone .dish-art img{border-radius:10px}
.qr-phone-copy .small-label{font-size:9px;line-height:13px}.qr-phone h3{font-size:20px;line-height:1.1;margin-block:5px 8px;letter-spacing:-.02em}
.qr-phone-copy>p{font-size:10px;line-height:15px}.qr-phone-copy>strong{display:block;margin-top:10px;font-size:17px;line-height:22px;color:var(--ink)}
.qr-phone-tags{display:flex;gap:4px;margin-top:12px;font-size:8px}.qr-phone-tags span{padding:3px 5px;border-radius:100px;background:#f1f0ec}
.qr-table-card{position:absolute;top:160px;inset-inline-start:28px;width:170px;min-height:218px;padding:20px 16px;background:#F5F4EF;border-radius:12px;box-shadow:0 10px 18px #512E1618;display:flex;align-items:center;flex-direction:column;transform:rotate(-7deg);z-index:2}
.qr-table-card>img{width:96px;height:auto}.qr-table-card>.icon{width:92px;height:92px;stroke-width:1.4;margin-block:12px;color:var(--ink)}
.qr-table-card strong{font-size:13px;line-height:18px}.qr-table-card>span{font-size:10px;line-height:16px;color:var(--muted);margin-top:4px}
.qr-showcase-note{position:absolute;bottom:16px;inset-inline:20px;color:#56321C;text-align:center;font-size:10px;line-height:14px}
.qr-benefit-band{padding:32px 0;background:#F1F0EC}.qr-benefit-band .check-list{display:flex;justify-content:space-between;gap:24px}.qr-benefit-band .check-list li{font-size:16px;line-height:24px;align-items:center}.qr-benefit-band .check-list .icon{background:#fff;border-radius:50%;padding:5px;width:28px;height:28px;margin:0}
[dir=rtl] .qr-showcase-label{font-family:Tajawal,sans-serif;font-size:18px}[dir=rtl] .qr-phone{transform:rotate(-5deg)}[dir=rtl] .qr-table-card{transform:rotate(7deg)}
@media(max-width:1100px){.qr-showcase{padding-inline:20px}.qr-table-card{width:140px;inset-inline-start:18px;padding-inline:12px}.qr-table-card strong{font-size:11px}.qr-phone{width:208px}.qr-showcase-label{font-size:21px}}
@media(max-width:940px) and (min-width:701px){.qr-showcase{min-height:470px;padding:24px 16px 44px}.qr-phone{width:188px;min-height:344px}.qr-phone .dish-art{height:122px}.qr-phone h3{font-size:18px}.qr-table-card{width:118px;min-height:190px;padding:16px 10px;inset-inline-start:14px;top:178px}.qr-table-card>.icon{width:72px;height:72px}.qr-table-card strong{font-size:9px}.qr-table-card>span{font-size:8px}.qr-showcase-label{font-size:18px}.qr-benefit-band .check-list li{font-size:14px}}
@media(max-width:700px){.qr-hero{padding-bottom:32px}.qr-showcase{min-height:478px;padding:24px 20px 48px;border-radius:20px}.qr-showcase-label{font-size:22px;margin-bottom:18px}.qr-phone{width:204px;min-height:360px}.qr-table-card{width:133px;inset-inline-start:18px;top:168px;padding:18px 12px;min-height:204px}.qr-table-card>.icon{width:80px;height:80px}.qr-table-card strong{font-size:10px}.qr-table-card>span{font-size:9px}.qr-showcase-note{font-size:10px;line-height:15px;inset-inline:16px;bottom:13px}.qr-benefit-band{padding:24px 0}.qr-benefit-band .check-list{display:grid;gap:16px}.qr-benefit-band .check-list li{font-size:15px}}
@media(max-width:374px){.qr-showcase{padding-inline:14px}.qr-phone{width:185px}.qr-table-card{width:116px;inset-inline-start:12px}.qr-showcase-label{font-size:19px}.qr-table-card strong{font-size:9px}}

/* The reference palette assigns different colors to different product stories. */
:root{--brand-blue:#4570ff;--lavender:#dad8ff;--peach:#ffab76;--tangerine:#ff6808;--forest:#244f47;--lime:#c6ff94;--warm-paper:#f1f0ec}
.connected-tile,.workflow-tile{aspect-ratio:auto;min-height:180px}
.workflow-tile{display:grid;grid-template-rows:minmax(0,1fr) auto;padding:16px 0 10px 22px;gap:8px}
.workflow-cards{display:flex;align-items:center;gap:8px;min-width:0;min-height:0}
.workflow-cards>.mini-order{margin-top:0}
.tile-caption{position:static;padding-inline-end:22px;min-height:14px;line-height:14px}
.home-features .icon-tile{background:var(--lavender);width:100%;height:160px;border-radius:20px}
.home-features .icon-tile .icon{width:68px;height:68px;stroke-width:1.1}
.home-features .feature-card:nth-child(2) .icon-tile{background:var(--tangerine)}
.home-features .feature-card:nth-child(3) .icon-tile{background:var(--forest);color:var(--lime)}
#product-preview{width:100%;padding-inline:max(32px,calc((100% - 1120px)/2));background:var(--warm-paper);border-radius:32px}
.product-preview{background:transparent;border:0;overflow:visible}
.preview-toolbar{border:0;padding:0 0 20px;margin-bottom:0}.preview-tabs{padding:0 0 28px;gap:12px}
.preview-tabs button{background:#fff;border-color:transparent}.preview-tabs [aria-selected=true]{background:var(--ink);color:#fff}
.preview-panel{grid-template-columns:1fr 1fr;padding:0;gap:0;background:white;border-radius:24px;overflow:hidden;min-height:500px;align-items:stretch}
.preview-copy{padding:48px;align-self:center;max-width:none;width:100%}
.preview-art{display:flex;justify-content:center;align-items:center;padding:40px;min-width:0}
.preview-art-menu{background:var(--lavender)}.preview-art-orders{background:var(--tangerine)}.preview-art-display{background:var(--forest)}
.preview-art .menu-mockup,.preview-art .order-mockup,.preview-art .tv-mockup{width:100%;max-width:350px}
.getting-started{width:100%;padding-inline:max(32px,calc((100% - 1120px)/2));background:#fff}
.getting-started .steps>li{border-color:#d4d2cb}
.closing-cta{background:var(--lime)}.closing-cta .eyebrow{color:#345229}.closing-cta p:not(.eyebrow){color:#374632}
.closing-cta .button{background:var(--ink)}.closing-cta .button:hover{background:#333}
.qr-benefit-band{background:var(--lavender)}.qr-showcase{background:var(--peach)}
.feature-hero-card{background:var(--lavender);border:0}.pricing-features{background:var(--lavender)}
@media(min-width:1600px){#product-preview,.getting-started{padding-inline:max(64px,calc((100% - 1480px)/2))}.connected-tile,.workflow-tile{min-height:220px}.workflow-tile{padding-inline-start:32px}.tile-caption{padding-inline-end:32px}.preview-copy{padding:64px}.preview-art{padding:48px}}
@media(max-width:940px){.connected-tile,.workflow-tile{min-height:156px}.workflow-tile{padding:12px 0 8px 14px;gap:6px}.tile-caption{padding-inline-end:14px}.preview-copy{padding:32px}.preview-art{padding:28px}.preview-panel{min-height:460px}.home-features .icon-tile{height:136px}}
@media(max-width:700px){.connected-tile,.workflow-tile{min-height:164px}.home-features .icon-tile{height:160px;margin-bottom:20px}.home-features .icon-tile .icon{width:64px;height:64px}#product-preview,.getting-started{padding-inline:20px;border-radius:24px}.preview-panel{grid-template-columns:1fr;min-height:0;border-radius:18px}.preview-copy{padding:28px 24px}.preview-art{padding:28px 24px}.preview-tabs{padding:0 0 20px;gap:6px}.preview-tabs button{min-height:64px;font-size:11px;padding:8px 4px}.preview-toolbar{padding:0 0 20px}.preview-art .menu-mockup,.preview-art .order-mockup{max-width:320px}.preview-art .dish-art{height:200px}.closing-cta{padding:36px 24px}}
@media(max-width:374px){#product-preview,.getting-started{padding-inline:16px}.preview-copy,.preview-art{padding:24px 18px}.connected-tile,.workflow-tile{min-height:156px}.workflow-tile{padding-inline-start:10px}.tile-caption{padding-inline-end:10px;font-size:8px}.preview-art .dish-art{height:180px}}

/* Short, finite motion; content remains visible without JavaScript. */
.button,.help-fab,.preview-tabs button{transition:background-color 160ms ease,color 160ms ease,transform 160ms var(--curve)}
.button>.icon,.text-link>.icon{transition:translate 160ms var(--curve)}
.preview-panel{--panel-direction:1}
.preview-panel.is-switching{animation:preview-enter 280ms var(--curve)}
@keyframes preview-enter{from{opacity:.25;translate:calc(14px * var(--panel-direction)) 0}to{opacity:1;translate:0 0}}
@keyframes story-enter{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@keyframes art-enter{from{opacity:.3;translate:0 18px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
@keyframes dropdown-enter{from{opacity:0;translate:0 -6px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
.motion-reveal{animation:story-enter 620ms var(--curve) both;animation-delay:var(--reveal-delay,0ms)}
.motion-reveal:focus-within{animation:none}
.hero-collage.is-animated .hero-team-photo{animation:art-enter 720ms var(--curve) both}
.hero-collage.is-animated .connected-tile{animation:art-enter 620ms var(--curve) 80ms both}
.hero-collage.is-animated .workflow-tile{animation:art-enter 620ms var(--curve) 140ms both}
.service-glass.is-animated{animation:story-enter 620ms var(--curve)}
.qr-showcase.is-animated .qr-phone{animation:art-enter 720ms var(--curve) both}
.qr-showcase.is-animated .qr-table-card{animation:art-enter 720ms var(--curve) 100ms both}
.nav-group[open]>.nav-dropdown,.faq-item[open]>p{animation:dropdown-enter 180ms var(--curve)}
.help-dialog[open]{animation:dropdown-enter 200ms var(--curve)}
body.keyboard-input .nav-dropdown,body.keyboard-input .faq-item>p,body.keyboard-input .help-dialog,body.keyboard-input .primary-nav>*{animation:none!important}
@media(hover:hover) and (pointer:fine){
  .button:hover>.icon,.text-link:hover>.icon{translate:3px 0}[dir=rtl] .button:hover>.icon,[dir=rtl] .text-link:hover>.icon{translate:-3px 0}
  .feature-card .icon-tile>.icon{transition:transform 220ms var(--curve)}.feature-card:hover .icon-tile>.icon{transform:rotate(-6deg) scale(1.04)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.motion-reveal{opacity:1;translate:none}.preview-panel{translate:none}}

/* The Olive Room shows the three product modes with one coherent demo menu. */
.hero-demo-link{color:var(--ink);font-size:14px;line-height:20px;text-decoration:underline;text-underline-offset:5px}
body[data-page=default] #product-preview{padding-block:64px 80px;border-radius:32px 32px 0 0}
#product-preview .section-heading{max-width:680px;margin-bottom:32px}
#product-preview .section-heading h2{font-size:48px;line-height:1;letter-spacing:-.04em}
.preview-tabs{gap:12px;padding-bottom:32px}.preview-tabs button{min-width:184px;min-height:48px;padding:12px 24px;font-size:16px;line-height:24px}
.preview-panel{min-height:592px}.preview-copy{padding:48px}.preview-copy .eyebrow{font-size:14px;line-height:20px;margin-bottom:16px}.preview-copy h3{font-size:48px;line-height:1;margin-bottom:24px}.preview-copy>p{font-size:16px;line-height:24px}.preview-copy .check-list{gap:12px;margin-top:24px}.preview-copy .check-list li{font-size:14px;line-height:20px}.preview-demo{margin-top:32px}.preview-copy .preview-footnote{font-size:12px;line-height:20px;margin-top:16px}.workspace-preview-link{display:flex;width:fit-content;margin-top:8px}
.preview-art{position:relative;flex-direction:column;gap:16px;padding:32px;overflow:hidden}.preview-art-menu{background:var(--lavender)}.preview-art-orders{background:var(--peach)}.preview-art-tables{background:var(--forest)}.showcase-art-note{font-size:12px;line-height:20px;text-align:center;color:#484250}.preview-art-tables .showcase-art-note{color:#e9f2e4}.setup-action{text-align:center;margin-top:32px}.nav-signin{margin-inline-start:12px}

@media(max-width:1100px){.preview-copy{padding:32px}.preview-copy h3{font-size:36px;line-height:40px}.preview-art{padding:32px 24px}.nav-signin{margin-inline-start:0}}
@media(max-width:940px){.preview-tabs button{min-width:0}.preview-panel{grid-template-columns:1fr 1fr}.preview-copy{padding:32px 24px}.preview-art{padding:32px 16px}}
@media(max-width:700px){body[data-page=default] #product-preview{padding-block:48px 48px}#product-preview .section-heading h2{font-size:36px;line-height:40px}.preview-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-bottom:24px}.preview-tabs button{padding:8px 4px;gap:4px;flex-direction:column;font-size:12px;line-height:16px;min-height:72px}.preview-panel{grid-template-columns:1fr;min-height:0}.preview-copy{padding:32px 24px}.preview-copy h3{font-size:36px;line-height:40px}.preview-copy>p{font-size:16px;line-height:24px}.preview-demo{margin-top:24px}.preview-art{padding:24px;gap:16px}.showcase-art-note{font-size:10px;line-height:16px}}
@media(max-width:374px){.preview-copy{padding:24px 20px}.preview-copy h3,#product-preview .section-heading h2{font-size:30px;line-height:36px}}

/* Product illustrations reuse the guest menu's photos, circular identity and service states. */
.showcase-phone{width:100%;max-width:292px;padding:10px;border:6px solid #252721;border-radius:36px;background:#f5f2ea;color:#2d392f;box-shadow:0 24px 48px #17171326;text-align:start}
.showcase-phone-bar{height:22px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 6px;font-size:9px;font-weight:600;position:relative}.showcase-phone-island{width:58px;height:14px;border-radius:20px;background:#252721;position:absolute;left:50%;transform:translateX(-50%);top:-3px}
.showcase-menu-cover{display:block;width:100%;height:100px;object-fit:cover;border-radius:20px 20px 10px 10px}
.showcase-restaurant{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin-top:-30px;padding-bottom:14px}.showcase-restaurant>img{width:64px;height:64px;object-fit:contain;background:#fff;border:3px solid #f5f2ea;padding:7px;border-radius:50%;box-shadow:0 3px 10px #17171312}.showcase-restaurant>strong{font:500 24px/1.1 Georgia,serif;letter-spacing:-.6px}.showcase-restaurant>span{font-size:10px;line-height:15px}.showcase-restaurant>small{font-size:9px;color:#606454}
.showcase-categories{display:flex;gap:4px;margin-bottom:12px;justify-content:center}.showcase-categories span{padding:7px 8px;border:1px solid #deded1;border-radius:20px;font-size:8px;line-height:12px;white-space:nowrap}.showcase-categories span:first-child{background:#34473c;color:#fff;border-color:#34473c}
.showcase-dishes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.showcase-dish{min-width:0;border:1px solid #deded1;border-radius:12px;background:#fffdf7;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:12px}.showcase-dish>img{width:100%;height:auto;aspect-ratio:1.2;object-fit:cover}.showcase-dish-action{position:relative;align-self:center;margin-top:-14px;background:#fffdf7;border:1px solid #deded1;border-radius:7px;padding:5px 14px;font-size:9px;line-height:14px}.showcase-dish>strong{font:500 14px/18px Georgia,serif;margin:10px 10px 5px;min-height:36px}.showcase-dish>span:last-child{font-size:11px;margin-inline:10px;font-weight:600}
.showcase-menu-detail{font-size:8px;text-align:center;padding:16px 0 7px;color:#606454}.showcase-basket{display:flex;justify-content:space-between;gap:8px;background:#34473c;color:#fff;border-radius:10px;padding:14px 10px;margin-top:12px;font-size:10px;line-height:16px}.showcase-basket strong{font-size:12px}
.showcase-live-note{display:flex;align-items:center;gap:10px;width:100%;max-width:320px;border:1px solid #ffffffb3;border-radius:14px;background:#fffdf7;padding:14px 16px;box-shadow:0 8px 24px #50321d14;color:#2d392f}.showcase-live-note strong{display:block;font-size:13px;line-height:18px}.showcase-live-note small{display:block;font-size:10px;line-height:16px;color:#606454}.showcase-status-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:#6f8869}
@media(max-width:420px){.showcase-phone{border-width:4px;padding:8px}.showcase-categories{gap:3px}.showcase-categories span{padding-inline:6px;font-size:7px}.showcase-restaurant>strong{font-size:22px}}

/* The table mark and outlined wordmark keep the same proportions in the header. */
.brand img{width:168px;height:auto}
@media(max-width:700px){.brand img{width:148px}}

/* Current product views: an actual tablet dashboard and the exported Bistro card. */
.workspace-showcase .section-heading{max-width:720px;margin-inline:auto;text-align:center}.workspace-showcase .section-heading h2{font-size:48px;line-height:1;letter-spacing:-.04em}.workspace-showcase-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.workspace-showcase-grid>article{border-radius:24px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.workspace-showcase-dashboard{background:#eeedf6}.workspace-showcase-qr{background:#2c4c40;color:#fff}.workspace-showcase-copy{padding:36px 36px 24px}.workspace-showcase-copy .eyebrow{font-size:12px;line-height:18px;margin-bottom:16px}.workspace-showcase-copy h3{font-size:36px;line-height:1.05;letter-spacing:-1.2px;margin-bottom:16px}.workspace-showcase-copy>p{font-size:15px;line-height:23px;max-width:440px}.workspace-showcase-copy .text-link{font-size:14px;margin-top:16px}.workspace-showcase-qr .eyebrow,.workspace-showcase-qr .workspace-showcase-copy>p{color:#d4e4d6}.workspace-showcase-qr .text-link{color:white}.workspace-showcase-grid figure{margin:0;padding:12px 28px 28px}.workspace-showcase-dashboard figure{margin-top:auto}.showcase-tablet-frame{background:#252923;border:8px solid #252923;border-radius:22px;overflow:hidden;box-shadow:0 20px 35px #2c244322}.showcase-tablet-frame img{display:block;width:100%;height:auto}.workspace-showcase-grid figcaption{font-size:10px;line-height:16px;text-align:center;color:#646475;margin-top:16px}.workspace-showcase-qr figure{padding-block:12px 0}.showcase-real-qr{display:block;width:min(100%,216px);height:auto;margin:auto;border-radius:10px;box-shadow:0 18px 32px #152c3b38}.workspace-showcase-qr figcaption{color:#c5d9cc}.showcase-qr-styles{display:flex;justify-content:center;gap:8px;padding:16px 24px 28px}.showcase-qr-styles>span{font-size:10px;line-height:16px;padding:5px 12px;border:1px solid #6f8b7c;border-radius:20px}.showcase-qr-styles>span:first-child{background:#f4f1e8;color:#273e33;border-color:#f4f1e8}
@media(max-width:940px){.workspace-showcase-grid{gap:16px;grid-template-columns:1.1fr 1fr}.workspace-showcase-copy{padding:28px 24px 20px}.workspace-showcase-copy h3{font-size:30px}.workspace-showcase-grid figure{padding-inline:18px}.showcase-tablet-frame{border-width:6px;border-radius:16px}.showcase-real-qr{max-width:190px}}
@media(max-width:700px){.workspace-showcase .section-heading{text-align:start}.workspace-showcase .section-heading h2{font-size:36px;line-height:40px}.workspace-showcase-grid{grid-template-columns:1fr;gap:20px}.workspace-showcase-copy{padding:28px 24px 20px}.workspace-showcase-copy h3{font-size:34px}.workspace-showcase-grid>article{border-radius:20px}.workspace-showcase-grid figure{padding-inline:20px}.showcase-real-qr{max-width:230px}.workspace-showcase-grid figcaption{font-size:10px}}
.showcase-pos-screenshot{width:100%;max-width:510px;background:#252923;border:7px solid #252923;border-radius:22px;overflow:hidden;box-shadow:0 24px 48px #0003}.showcase-pos-screenshot img{display:block;width:100%;height:auto}

/* Launch plans retain the approved blue, lavender and mint palette. */
.hero-team-photo{object-position:50% 20%}
.launch-pricing-status{display:inline-block;margin-top:24px;padding:10px 18px;border-radius:24px;background:var(--lavender);font-size:14px;line-height:22px}
.launch-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.launch-plan{padding:32px;border:1px solid #e3e1e8;border-radius:24px;background:#fff;display:flex;flex-direction:column;min-width:0}
.launch-plan-orders{background:#eeedf6;border-color:#d8d4ed}.launch-plan-tables{background:#e8f5eb;border-color:#cee7d5}
.launch-plan .eyebrow{font-size:11px;line-height:18px;margin-bottom:16px}.launch-plan h2{font-size:30px;line-height:36px;margin-bottom:12px}.launch-plan-description{font-size:15px;line-height:24px;min-height:72px}.launch-plan-price{display:flex;align-items:center;gap:12px;margin-block:24px 8px}.launch-plan-price strong{font-size:64px;line-height:1;letter-spacing:-3px;font-weight:650}.launch-plan-price span{font-size:12px;line-height:18px;color:#555363}.launch-plan-annual{font-size:12px;line-height:20px;min-height:40px}.launch-plan .button{margin-block:24px 28px;padding:14px 18px;min-height:48px;font-size:14px}.launch-plan h3{font-size:14px;line-height:22px;margin-bottom:20px}.launch-plan .check-list{font-size:14px;line-height:22px;gap:14px}.launch-pricing-note{max-width:800px;margin:28px auto 0;text-align:center;font-size:13px;line-height:22px;color:#625f6d}
@media(max-width:1000px){.launch-plan{padding:24px}.launch-plan-grid{gap:14px}.launch-plan h2{font-size:25px}.launch-plan-description{min-height:96px}.launch-plan-price strong{font-size:54px}.launch-plan .button{padding-inline:12px;font-size:12px}}
@media(max-width:900px){.launch-plan-grid{grid-template-columns:1fr;gap:20px}.launch-plan{padding:28px}.launch-plan-description,.launch-plan-annual{min-height:0}.launch-plan-price strong{font-size:64px}.launch-plan .button{font-size:14px}.launch-pricing-note{text-align:start}}

.billing-cycle{display:flex;align-items:center;justify-content:center;gap:4px;width:fit-content;margin:0 auto 40px;padding:5px;border:1px solid #d8d4ed;border-radius:32px;background:#f2f0f8}
.billing-cycle button{border:0;border-radius:26px;background:transparent;color:#464354;min-height:48px;padding:12px 20px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.billing-cycle button[aria-pressed="true"]{background:#202125;color:#fff;box-shadow:0 2px 5px #20212520}
.billing-cycle button:focus-visible{outline:3px solid var(--primary,#4068ef);outline-offset:3px}
.billing-cycle span{font-size:11px;margin-inline-start:6px;white-space:nowrap}
.launch-plan{position:relative}
.plan-recommended{position:absolute;top:-14px;left:24px;width:fit-content;font-size:11px;font-weight:600;background:#202125;color:#fff;border-radius:20px;padding:6px 12px}
.launch-plan [data-billing-price][hidden]{display:none}
.launch-plan-price strong{font-size:clamp(44px,4.4vw,64px)}
@media(max-width:420px){.billing-cycle button{padding:12px 14px}.billing-cycle span{font-size:10px}}

@media(min-width:701px) and (max-width:900px){.launch-plan-grid{max-width:560px;margin-inline:auto}}