/* tables.menu — a product-led, editorial identity. Homepage scope only. */
.atelier-page {
 --at-bg:#f5f2eb; --at-paper:#fffdf8; --at-ink:#242622; --at-muted:#5b5f57; --at-line:#d6d4ca; --at-accent:#bd412d;
 --cream:var(--at-bg); --cream-2:#ece8df; --sand:#ece8df; --ink:var(--at-ink); --ink-soft:var(--at-muted); --ink-mute:var(--at-muted);
 --border:var(--at-line); --border-2:#aaa99f; --teal-600:var(--at-accent); --teal-700:#983424; --teal-800:var(--at-ink);
 font-family:Arial,Helvetica,sans-serif; font-size:calc(17px * var(--landing-readability, 1)); color:var(--at-ink); background:var(--at-bg); -webkit-font-smoothing:antialiased;
}
.atelier-page :where(button,input,select,textarea) { font-family:inherit; }
.atelier-page :where(h1,h2,h3,h4) { font-family:Arial,Helvetica,sans-serif; color:var(--at-ink); }
.atelier-page .container { max-width:1320px; width:calc(100% - 112px); padding-inline:0; }
.atelier-page .section { padding-block:100px; }
.atelier-page .section--sand { background:#ece8df; }
.atelier-page .h2 { font-size:clamp(2rem,calc(3.7vw * var(--landing-readability, 1)),3.4rem); font-weight:500; line-height:1.07; letter-spacing:-.045em; text-wrap:balance; }
.atelier-page .head { margin-bottom:42px; }
.atelier-page .head .h2, .atelier-page .head .lead { margin-inline:0; }
.atelier-page [id] { scroll-margin-top:0; }
.atelier-page .lead { color:var(--at-muted); font-size:1.04rem; line-height:1.65; font-weight:400; }
.atelier-page .eyebrow { color:var(--at-muted); font-size:.7rem; text-transform:uppercase; letter-spacing:.1em; font-weight:600; gap:8px; }
.atelier-page .eyebrow svg { display:none; }
.atelier-page .clarity-plan-badge { padding:0; border:0; border-radius:0; background:none; color:var(--at-accent); font-size:.7rem; letter-spacing:.055em; font-weight:700; }
.atelier-page .clarity-plan-badge--paid { color:var(--at-muted); }
.atelier-page :where(a,button,input,select,summary):focus-visible { outline:2px solid var(--at-accent); outline-offset:4px; }
.atelier-page .btn { border-radius:5px; font-weight:600; box-shadow:none; min-height:48px; font-size:.85rem; }
.atelier-page .btn-coral,.atelier-page .btn-teal { color:#fff; background:var(--at-accent); border-color:var(--at-accent); box-shadow:none; }
.atelier-page .btn-coral:hover,.atelier-page .btn-teal:hover { color:#fff; background:#9d3424; border-color:#9d3424; box-shadow:none; transform:none; }
.atelier-page .btn-soft { background:transparent; border:1px solid #acaea4; color:var(--at-ink); box-shadow:none; }
.atelier-page .btn-soft:hover { background:#e8e4da; border-color:var(--at-ink); color:var(--at-ink); }
.atelier-page .btn-lg { min-height:55px; padding:16px 23px; font-size:.91rem; }
.atelier-page .nav { background:rgba(245,242,235,.97); backdrop-filter:blur(14px); border-bottom:1px solid var(--at-line); }
.atelier-page .nav__inner { height:82px; gap:24px; }
.atelier-page .nav__brand { font-size:1.28rem; font-weight:700; letter-spacing:-.055em; color:var(--at-ink); gap:9px; }
.atelier-page .nav__logo { background:var(--at-ink); border-radius:7px; width:31px; height:31px; box-shadow:none; }
.atelier-page .nav__logo svg { width:21px; height:21px; }
.atelier-page .nav__links a,.atelier-page .nav__login { color:var(--at-ink); font-size:.8rem; font-weight:500; }
.atelier-page .nav__links a:hover { background:none; color:var(--at-accent); }
.atelier-page .nav__cta { background:var(--at-ink); border-color:var(--at-ink); font-size:.79rem; min-height:44px; }
.atelier-page .nav__cta:hover { background:var(--at-accent); border-color:var(--at-accent); }
.atelier-page .lang { border-radius:4px; }
.atelier-page .lang select { border-radius:4px; font-size:.76rem; color:var(--at-ink); }
.atelier-page .nav__burger { color:var(--at-ink); }

.atelier-page #lxScrollProgress { background:var(--at-accent); height:2px; }

/* A menu and its physical table card. */
.atelier-page .hero { background:var(--at-bg); padding-block:52px 72px; }
.atelier-page .hero__inner { grid-template-columns:minmax(0,1.03fr) minmax(0,1fr); align-items:center; gap:64px; }
.atelier-page .hero__copy { padding:0; }
.atelier-page .hero__pill { color:var(--at-muted); text-transform:uppercase; font-size:.65rem; letter-spacing:.075em; font-weight:500; gap:10px; margin-bottom:26px; }
.atelier-page .hero__pill-tag { border-radius:0; padding:0 10px 0 0; border-right:1px solid #aaa99f; background:none; color:var(--at-ink); font-size:inherit; }
.atelier-page .hero__h1 { max-width:17ch; font-size:clamp(3rem,calc(4.65vw * var(--landing-readability, 1)),4.7rem); font-weight:500; line-height:1.025; letter-spacing:-.055em; color:var(--at-ink); text-wrap:balance; margin:0; }
.atelier-page .hero__h1 .hl { margin-top:14px; color:var(--at-accent); -webkit-text-fill-color:currentColor; font-family:Georgia,'Times New Roman',serif; font-style:italic; font-weight:400; letter-spacing:-.065em; line-height:1.04; }
.atelier-page .hero__sub { margin:25px 0 28px; max-width:41ch; font-size:1rem; line-height:1.6; color:var(--at-muted); font-weight:400; }
.atelier-page .hero__actions { display:flex; flex-wrap:wrap; gap:10px 24px; }
.atelier-page .clarity-example-link { color:var(--at-ink); font-size:.82rem; font-weight:500; text-decoration-thickness:1px; text-underline-offset:5px; }
.atelier-page .clarity-limits { font-size:.73rem; color:var(--at-muted); line-height:1.6; margin-top:16px; }
.atelier-page .clarity-limits > span { color:var(--at-accent); margin-right:4px; }
.atelier-page .clarity-optional { max-width:43ch; color:var(--at-muted); font-size:.74rem; line-height:1.65; margin-top:24px; padding-top:17px; border-color:var(--at-line); }
.atelier-page .clarity-optional a { color:var(--at-ink); font-weight:600; }
.atelier-page .hero__product { position:relative; padding:50px 34px 47px 115px; background:#e4dfd1; border:0; border-radius:2px; min-width:0; }
.atelier-scene-caption { position:absolute; top:19px; left:22px; right:22px; display:flex; justify-content:space-between; gap:16px; color:#53564d; font-size:.65rem; font-weight:500; letter-spacing:.03em; }
.atelier-menu-device { position:relative; max-width:335px; margin-left:auto; background:var(--at-paper); border:6px solid #282a25; border-radius:28px; overflow:hidden; box-shadow:0 24px 30px -25px #25262099; }
.atelier-device-top { display:flex; justify-content:space-between; padding:12px 17px 10px; background:var(--at-paper); color:var(--at-ink); font-size:.6rem; letter-spacing:.04em; }
.atelier-menu-cover { width:100%; height:142px; object-fit:cover; object-position:center 50%; }
.atelier-menu-intro { padding:18px 18px 15px; border-bottom:1px solid #e2dfd4; }
.atelier-menu-intro > span { display:block; font-size:.52rem; color:#64675e; text-transform:uppercase; letter-spacing:.09em; margin-bottom:7px; }
.atelier-menu-intro h2 { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:1.65rem; line-height:1.15; letter-spacing:-.05em; margin:0; }
.atelier-menu-items { padding:0 18px; }
.atelier-menu-item { display:flex; align-items:start; justify-content:space-between; gap:16px; padding:13px 0; border-bottom:1px solid #e2dfd4; }
.atelier-menu-item:last-child { border:0; }
.atelier-menu-item > div { min-width:0; }
.atelier-menu-item strong { display:block; font-size:.67rem; line-height:1.4; font-weight:600; }
.atelier-menu-item small { display:block; font-size:.53rem; color:#686b62; line-height:1.45; margin-top:4px; }
.atelier-menu-item b { font-size:.65rem; font-weight:500; white-space:nowrap; }
.atelier-menu-action { display:flex; justify-content:space-between; gap:10px; margin:4px 10px 10px; padding:12px 10px; color:var(--at-paper); background:var(--at-ink); font-size:.6rem; line-height:1.5; border-radius:3px 3px 12px 12px; }
.atelier-menu-action:hover { background:var(--at-accent); }
.atelier-qr-card { position:absolute; left:23px; bottom:77px; z-index:2; width:156px; background:var(--at-paper); padding:18px 14px 15px; display:flex; flex-direction:column; align-items:center; color:var(--at-ink); box-shadow:0 9px 24px -14px #26241c99; border:1px solid #d0caba; transform:rotate(-7deg); }
.atelier-qr-card::before { content:''; width:22px; height:2px; background:var(--at-accent); margin-bottom:13px; }
.atelier-card-brand { font-size:.8rem; font-weight:700; letter-spacing:-.05em; }
.atelier-qr-card img { width:107px; height:107px; margin:13px 0 9px; }
.atelier-qr-card > span:not(.atelier-card-brand) { font-size:.54rem; line-height:1.5; text-align:center; }
.atelier-qr-card .atelier-card-link { margin-top:9px; color:var(--at-accent); text-decoration:underline; text-underline-offset:3px; }
.atelier-qr-card:hover { transform:rotate(-4deg); }
.atelier-scene-foot { position:absolute; bottom:17px; left:22px; right:22px; display:flex; justify-content:space-between; gap:18px; color:#53564d; font-size:.58rem; line-height:1.5; }

/* Benefits as a reading sequence, with no stock icons or rounded cards. */
.atelier-page .clarity-benefits { padding-block:80px 96px; border-top:1px solid var(--at-line); background:var(--at-bg); }
.atelier-benefits-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:100px; }
.atelier-page .clarity-benefits .head { margin:0; }
.atelier-page .clarity-benefits .h2 { max-width:14ch; margin-block:19px 20px; }
.atelier-page .clarity-benefits .lead { max-width:32ch; font-size:.96rem; }
.atelier-page .clarity-benefit-grid { display:block; }
.atelier-page .clarity-benefit-grid article { display:grid; grid-template-columns:34px minmax(0,1fr); gap:22px; padding:24px 0; border:0; border-top:1px solid var(--at-line); border-radius:0; background:none; }
.atelier-page .clarity-benefit-grid article:first-child { padding-top:4px; border-top:0; }
.atelier-benefit-index { font-size:.64rem; color:var(--at-accent); letter-spacing:.05em; line-height:2.5; }
.atelier-page .clarity-benefit-grid h3 { font-size:1.17rem; line-height:1.25; font-weight:500; letter-spacing:-.025em; color:var(--at-ink); margin:0 0 10px; }
.atelier-page .clarity-benefit-grid p { max-width:48ch; font-size:.91rem; line-height:1.65; color:var(--at-muted); }

/* One real workspace: editor and guest view share a restrained frame. */
.atelier-page #menu-builder { background:#eae6dc; padding-block:84px; }
.atelier-page #menu-builder .lx-section-head { max-width:none; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.7fr); column-gap:80px; align-items:end; }
.atelier-page #menu-builder .lx-section-head .eyebrow { grid-column:1/-1; }
.atelier-page #menu-builder .lx-section-head .h2 { max-width:20ch; margin:0; }
.atelier-page #menu-builder .lx-section-head .lead { max-width:39ch; margin:0; font-size:.96rem; }
.atelier-page .lx-demo { --lx-demo-accent:var(--at-accent); --lx-demo-ink:var(--at-ink); --lx-demo-muted:var(--at-muted); --lx-demo-line:var(--at-line); --lx-demo-paper:var(--at-paper); }
.atelier-page #menu-builder .lx-demo-grid { gap:0; align-items:stretch; grid-template-columns:1fr 1fr; background:var(--at-paper); border:1px solid #c9c8bc; border-radius:8px; overflow:hidden; }
.atelier-page #menu-builder .lx-editor { padding:32px 40px; border:0; border-radius:0; background:none; }
.atelier-page .lx-panel-top h3 { font-size:1rem; font-weight:500; letter-spacing:-.02em; }
.atelier-page .lx-count { font-size:.65rem; border-radius:2px; background:#eeeae1; color:var(--at-muted); }
.atelier-page .lx-field { color:var(--at-ink); }
.atelier-page .lx-field > span { font-size:.7rem; font-weight:500; }
.atelier-page .lx-field input,.atelier-page .lx-field select { border-color:#c8c7bd; border-radius:4px; color:var(--at-ink); background:var(--at-paper); }
.atelier-page .lx-field input:focus,.atelier-page .lx-field select:focus { border-color:var(--at-accent); outline:2px solid var(--at-accent); outline-offset:2px; }
.atelier-page .lx-restaurant-field,.atelier-page .lx-editor-actions { border-color:var(--at-line); }
.atelier-page .lx-text-button { color:var(--at-ink); font-weight:500; font-size:.76rem; }
.atelier-page .lx-delete { color:var(--at-accent); }
.atelier-page .lx-fineprint { color:var(--at-muted); }
.atelier-page .lx-live-status { color:var(--at-ink); }
.atelier-page #menu-builder .lx-phone-stage { border:0; border-left:1px solid var(--at-line); border-radius:0; background:#dcd9cf; padding:33px 48px; display:flex; flex-direction:column; justify-content:center; }
.atelier-page .lx-preview-label { color:var(--at-muted); font-size:.66rem; font-weight:500; letter-spacing:.04em; }
.atelier-page .lx-phone { width:100%; border:6px solid #292b26; border-radius:28px; background:var(--at-paper); box-shadow:0 18px 25px -23px #242622bb; }
.atelier-page .lx-phone-speaker { background:#292b26; }
.atelier-page .lx-phone-header { background:var(--at-paper); border-color:var(--at-line); padding-top:28px; }
.atelier-page .lx-menu-mark { display:none; }
.atelier-page .lx-phone-header h3 { color:var(--at-ink); font-family:Georgia,'Times New Roman',serif; }
.atelier-page .lx-phone-header p,.atelier-page .lx-menu-dish small { color:var(--at-muted); }
.atelier-page .lx-menu-dish strong,.atelier-page .lx-menu-dish > b { color:var(--at-ink); }
.atelier-page .lx-menu-group h4 { color:var(--at-accent); font-weight:500; }
.atelier-page .lx-phone-footer { background:#eeece4; color:var(--at-muted); border-color:var(--at-line); }
.atelier-page .lx-phone-menu { scrollbar-color:#aaa99f var(--at-paper); }

/* Steps read like a short process, not a second collection of cards. */
.atelier-page #how { background:var(--at-bg); padding-block:95px; }
.atelier-page #how .head { text-align:left; max-width:760px; margin-inline:0; }
.atelier-page #how .h2 { max-width:21ch; }
.atelier-page #how .steps { gap:40px; }
.atelier-page #how .step { padding:22px 0 0; border:0; border-top:1px solid #aaa99f; border-radius:0; background:transparent; box-shadow:none; }
.atelier-page #how .step.is-on { border-color:var(--at-accent); box-shadow:none; }
.atelier-page #how .step__num { margin-bottom:29px; padding:0; width:auto; height:auto; justify-content:flex-start; font-family:Georgia,serif; font-size:2.6rem; font-style:italic; font-weight:400; color:var(--at-accent); background:none; border:0; border-radius:0; }
.atelier-page #how .step__h3 { font-size:1.17rem; font-weight:500; letter-spacing:-.025em; }
.atelier-page #how .step__p { color:var(--at-muted); font-size:.9rem; line-height:1.65; }
.atelier-page #how .step__tag { color:var(--at-muted); background:none; border:0; border-radius:0; padding:15px 0 0; font-size:.69rem; }
.atelier-page #how .step__tag svg { color:var(--at-accent); }
.atelier-page .lx-how-track { height:2px; background:#e2ded4; margin-bottom:0; }
.atelier-page #lxHowProgress { background:var(--at-accent); }
.atelier-page .how__cta { margin-top:38px; align-items:center; }
.atelier-page .how__cta-note { color:var(--at-muted); font-size:.75rem; }

/* Optional ordering: the same menu, with an operational use case. */
.atelier-page #shared-ordering { padding-block:85px; background:#e5e1d6; }
.atelier-page #shared-ordering .clarity-section-badge { border-bottom:1px solid #c7c6ba; margin:0 0 45px; padding-bottom:15px; }
.atelier-page #shared-ordering .feat { gap:85px; }
.atelier-page #shared-ordering .h2 { max-width:16ch; }
.atelier-page #shared-ordering .lead { font-size:.97rem; }
.atelier-page #shared-ordering .feat__list { margin-top:13px; }
.atelier-page #shared-ordering .feat__item { padding-block:17px; border-top:1px solid #c7c6ba; }
.atelier-page #shared-ordering .feat__check { background:transparent; color:var(--at-accent); border:0; border-radius:0; }
.atelier-page #shared-ordering .feat__it-t { color:var(--at-ink); font-size:.91rem; font-weight:600; }
.atelier-page #shared-ordering .feat__it-d { color:var(--at-muted); font-size:.81rem; line-height:1.6; }
.atelier-page .phone-stage { background:none; padding:0; }
.atelier-page .phone-stage::before,.atelier-page .phone-stage::after { display:none; }
.atelier-page .phone { transform:rotate(-4deg); border-color:#292b26; background:#292b26; box-shadow:0 25px 30px -26px #242622aa; }
.atelier-page .phone__screen { background:var(--at-paper); }
.atelier-page .phone__bar { background:var(--at-ink); }
.atelier-page .phone__body { background:var(--at-paper); }
.atelier-page .phone__cat { border-radius:2px; color:var(--at-muted); background:#eeeae1; }
.atelier-page .phone__cat--on { color:#fff; background:var(--at-accent); }
.atelier-page .phone__dish { background:var(--at-paper); border-color:var(--at-line); box-shadow:none; border-radius:4px; }
.atelier-order-image { width:46px; height:52px; object-fit:cover; border-radius:2px; flex-shrink:0; }
.atelier-page .phone__dish-n,.atelier-page .phone__dish-p { color:var(--at-ink); }
.atelier-page .phone__dish-d { color:var(--at-muted); }
.atelier-page .phone__plus,.atelier-page .phone__foot-b { background:var(--at-accent); }
.atelier-page .phone__foot { background:var(--at-paper); border-color:var(--at-line); }
.atelier-page .phone__foot-t { color:var(--at-ink); }

@media(min-width:1550px) { .atelier-page .hero__h1 { font-size:4.8rem; } }
@media(max-width:1200px) {
 .atelier-page .container { width:calc(100% - 72px); }
 .atelier-page .hero__inner { gap:36px; }
 .atelier-page .hero__h1 { font-size:clamp(2.9rem,calc(4.8vw * var(--landing-readability, 1)),3.8rem); }
 .atelier-page .hero__product { padding:48px 22px 45px 91px; }
 .atelier-qr-card { left:15px; width:132px; padding:13px 10px; bottom:72px; }
 .atelier-qr-card img { width:94px; height:94px; }
 .atelier-benefits-layout { gap:65px; }
 .atelier-page #menu-builder .lx-editor { padding:28px; }
 .atelier-page #menu-builder .lx-phone-stage { padding:28px; }
 .atelier-page #shared-ordering .feat { gap:45px; }
}
@media(max-width:900px) {
 .atelier-page .nav__inner { height:68px; }
 .atelier-page .hero__inner { gap:26px; }
 .atelier-page .hero__h1 { font-size:2.9rem; }
 .atelier-page .hero__pill { font-size:.59rem; letter-spacing:.035em; }
 .atelier-page .hero__product { padding:44px 14px 42px 30px; }
 .atelier-qr-card { width:110px; left:-7px; bottom:60px; padding:10px 8px; }
 .atelier-qr-card img { width:76px; height:76px; margin-block:8px; }
 .atelier-qr-card::before { margin-bottom:7px; }
 .atelier-card-brand { font-size:.65rem; }
 .atelier-qr-card > span:not(.atelier-card-brand) { font-size:.46rem; }
 .atelier-menu-cover { height:116px; }
 .atelier-menu-intro h2 { font-size:1.35rem; }
 .atelier-page .hero__sub { font-size:.91rem; }
 .atelier-page .hero__actions { display:grid; grid-template-columns:1fr; }
 .atelier-page .hero__actions .btn { width:100%; }
 .atelier-page .clarity-example-link { justify-content:flex-start; margin-inline:0; }
 .atelier-benefits-layout { gap:40px; grid-template-columns:.85fr 1.15fr; }
 .atelier-page .clarity-benefit-grid article { gap:13px; grid-template-columns:25px 1fr; }
 .atelier-page #menu-builder .lx-section-head { gap:20px 40px; }
 .atelier-page #how .steps { gap:25px; }
}
@media(max-width:760px) {
 .atelier-page .container { width:calc(100% - 40px); }
 .atelier-page .section { padding-block:64px; }
 .atelier-page .h2 { font-size:2.1rem; }
 .atelier-page .head { margin-bottom:30px; }
 .atelier-page .lead { font-size:.95rem; }
 .atelier-page .hero { padding-block:34px 40px; }
 .atelier-page .hero__inner { grid-template-columns:1fr; gap:32px; }
 .atelier-page .hero__h1 { font-size:clamp(2.6rem,calc(8.6vw * var(--landing-readability, 1)),3.65rem); max-width:14ch; }
 .atelier-page .hero__h1 .hl { margin-top:10px; max-width:14ch; }
 .atelier-page .hero__pill { font-size:.58rem; margin-bottom:22px; flex-wrap:wrap; }
 .atelier-page .hero__sub { margin-block:22px; font-size:.96rem; max-width:38ch; }
 .atelier-page .hero__actions { gap:7px; }
 .atelier-page .hero__actions .btn { min-height:54px; font-size:.85rem; }
 .atelier-page .clarity-example-link { justify-content:center; min-height:42px; }
 .atelier-page .clarity-limits { font-size:.69rem; margin-top:10px; }
 .atelier-page .clarity-optional { margin-top:17px; padding-top:14px; font-size:.72rem; max-width:none; }
 .atelier-page .hero__product { max-width:490px; width:100%; margin:0 auto; padding:44px 24px 42px 80px; }
 .atelier-menu-device { max-width:300px; }
 .atelier-menu-cover { height:130px; }
 .atelier-menu-intro { padding:15px; }
 .atelier-menu-intro h2 { font-size:1.5rem; }
 .atelier-menu-items { padding-inline:15px; }
 .atelier-menu-item { padding-block:11px; }
 .atelier-qr-card { left:13px; bottom:68px; width:119px; padding:14px 9px; }
 .atelier-qr-card img { width:88px; height:88px; margin-block:9px; }
 .atelier-qr-card > span:not(.atelier-card-brand) { font-size:.5rem; }
 .atelier-scene-foot { font-size:.53rem; left:15px; right:15px; }
 .atelier-scene-caption { left:15px; right:15px; font-size:.59rem; }
 .atelier-page .clarity-benefits { padding-block:53px; }
 .atelier-benefits-layout { grid-template-columns:1fr; gap:30px; }
 .atelier-page .clarity-benefits .h2 { max-width:17ch; }
 .atelier-page .clarity-benefits .lead { max-width:38ch; }
 .atelier-page .clarity-benefit-grid article { grid-template-columns:27px 1fr; gap:15px; padding-block:23px; }
 .atelier-page .clarity-benefit-grid article:first-child { padding-top:23px; border-top:1px solid var(--at-line); }
 .atelier-page .clarity-benefit-grid h3 { font-size:1.12rem; max-width:27ch; }
 .atelier-page .clarity-benefit-grid p { font-size:.88rem; }
 .atelier-page #menu-builder { padding-block:54px; }
 .atelier-page #menu-builder .lx-section-head { display:block; }
 .atelier-page #menu-builder .lx-section-head .h2 { max-width:17ch; }
 .atelier-page #menu-builder .lx-section-head .lead { margin-top:18px; font-size:.91rem; }
 .atelier-page #menu-builder .lx-demo-grid { grid-template-columns:1fr; border-radius:5px; }
 .atelier-page #menu-builder .lx-editor { padding:23px 19px; }
 .atelier-page #menu-builder .lx-phone-stage { padding:28px; border-left:0; border-top:1px solid var(--at-line); max-width:none; }
 .atelier-page .lx-phone { max-width:310px; }
 .atelier-page .lx-panel-top { gap:10px; }
 .atelier-page #how { padding-block:57px; }
 .atelier-page #how .steps { grid-template-columns:1fr; gap:26px; }
 .atelier-page #how .step { display:grid; grid-template-columns:35px 1fr; column-gap:20px; }
 .atelier-page #how .step__num { grid-row:1/4; font-size:2.3rem; }
 .atelier-page #how .step__h3 { margin-top:0; }
 .atelier-page #how .step__p,.atelier-page #how .step__tag { grid-column:2; }
 .atelier-page #how .step__tag { padding-top:8px; }
 .atelier-page .how__cta { align-items:stretch; }
 .atelier-page .how__cta .btn { width:100%; }
 .atelier-page #shared-ordering { padding-block:54px; }
 .atelier-page #shared-ordering .clarity-section-badge { margin-bottom:32px; }
 .atelier-page #shared-ordering .feat { gap:38px; }
 .atelier-page #shared-ordering .h2 { max-width:18ch; }
 .atelier-page #shared-ordering .feat__media { order:2; }
 .atelier-page #shared-ordering .phone { transform:none; }
}
@media(max-width:360px) {
 .atelier-page .container { width:calc(100% - 32px); }
 .atelier-page .hero__h1 { font-size:2.55rem; }
 .atelier-page .hero__product { padding-left:60px; padding-right:15px; }
 .atelier-qr-card { left:6px; width:106px; }
 .atelier-qr-card img { width:74px; height:74px; }
 .atelier-menu-intro h2 { font-size:1.25rem; }
 .atelier-page #menu-builder .lx-editor { padding-inline:15px; }
 .atelier-page #menu-builder .lx-phone-stage { padding-inline:18px; }
}
@media(prefers-reduced-motion:reduce) {
 .atelier-page *, .atelier-page *::before, .atelier-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

/* Clear separation between the forever-free menu and optional Pro trial. */
.atelier-page .hero__sub { margin-bottom:20px; }
.atelier-page .hero__trial { border-left:2px solid var(--at-accent); padding-left:18px; margin:0 0 24px; max-width:49ch; }
.atelier-page .hero__trial h2 { margin:0 0 7px; font:600 1.08rem/1.3 Arial,Helvetica,sans-serif; color:var(--at-ink); }
.atelier-page .hero__trial p { margin:0; font-size:.87rem; line-height:1.6; color:var(--at-muted); }
.atelier-page .hero__trial a { display:inline-block; margin-top:8px; font-size:.79rem; line-height:1.5; font-weight:600; color:var(--at-ink); text-underline-offset:4px; }
.atelier-page .hero__trial-safety { margin:13px 0 0; font-size:.75rem; line-height:1.5; color:var(--at-ink); }
.atelier-page .hero__copy .clarity-limits { margin-top:6px; }
@media(max-width:600px) {
 .atelier-page .hero__trial { padding-left:13px; margin-bottom:20px; }
 .atelier-page .hero__trial h2 { font-size:1rem; }
 .atelier-page .hero__trial p { font-size:.81rem; }
 .atelier-page .hero__trial-safety { font-size:.71rem; }
}

/* Original product menus live in their own document, isolated from landing CSS. */
.atelier-page .atelier-native-frame { display:block; width:100%; height:100%; border:0; background:#fff; }
.atelier-page .atelier-native-device { max-width:360px; width:100%; }
.atelier-page .atelier-native-device .atelier-native-frame { height:510px; }
.atelier-page .atelier-native-device .atelier-menu-action { margin:0; border-radius:0; padding:12px 16px; font-size:.72rem; }
.atelier-page .atelier-native-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:80px; align-items:center; }
.atelier-page #menu-builder.atelier-native-menu .head { display:block; margin:0; max-width:34rem; }
.atelier-page #menu-builder.atelier-native-menu .h2 { max-width:15ch; margin:18px 0; }
.atelier-page #menu-builder.atelier-native-menu .lead { margin-bottom:28px; }
.atelier-page .atelier-native-screen { width:100%; max-width:440px; height:660px; margin-inline:auto; border:6px solid var(--at-ink); border-radius:24px; overflow:hidden; background:#fff; box-shadow:0 16px 36px -28px #24262290; }
.atelier-page .atelier-native-order { width:100%; text-align:center; }
.atelier-page .atelier-native-order > a { display:inline-block; margin-top:18px; }
.atelier-page .atelier-native-caption { font-size:.78rem; line-height:1.6; color:var(--at-muted); margin:14px 0 22px; }
@media(max-width:1000px) {
 .atelier-page .atelier-native-layout { gap:40px; }
}
@media(max-width:700px) {
 .atelier-page .atelier-native-layout { grid-template-columns:1fr; gap:30px; }
 .atelier-page .atelier-native-screen { height:620px; border-width:4px; border-radius:18px; }
 .atelier-page .atelier-native-device { max-width:100%; border-width:4px; }
 .atelier-page .atelier-native-device .atelier-native-frame { height:500px; }
 .atelier-page .atelier-scene:has(.atelier-native-device) { padding:50px 10px 56px; }
 .atelier-page .atelier-scene:has(.atelier-native-device) .atelier-qr-card { position:relative; left:auto; bottom:auto; width:140px; margin:24px auto 0; transform:rotate(-4deg); }
}

/* Phone display: requested 9:19.5 portrait ratio, uniformly scaled from 440 CSS px. */
.atelier-page .atelier-phone-ready.atelier-native-screen,
.atelier-page .atelier-phone-ready.atelier-native-device {
  box-sizing:border-box; width:var(--phone-outer-width); max-width:100%; height:auto;
  border:6px solid #242622; border-radius:32px; background:#242622;
  overflow:hidden; flex:none;
}
.atelier-page .atelier-phone-ready::before {
  content:''; display:block; height:18px;
  background:linear-gradient(#62665c,#62665c) center/44px 4px no-repeat;
}
.atelier-page .atelier-phone-ready::after {
  content:''; display:block; height:18px;
  background:linear-gradient(#c8cbc0,#c8cbc0) center/64px 3px no-repeat;
}
.atelier-page .atelier-phone-display {
  position:relative; width:100%; height:var(--phone-screen-height, 100%); overflow:hidden; background:#fff;
}
.atelier-page .atelier-phone-ready .atelier-phone-display > .atelier-native-frame {
  position:absolute; inset:0 auto auto 0; width:var(--phone-frame-width, 440px); min-width:var(--phone-frame-width, 440px); max-width:none; height:var(--phone-frame-height, 953.333333px);
  transform:scale(var(--phone-scale)); transform-origin:top left; border:0;
}
.atelier-page .atelier-phone-ready.atelier-native-device .atelier-menu-action {
  margin:0; min-height:38px; padding:10px 12px; background:#242622;
}
@media(max-width:700px) {
 .atelier-page .atelier-phone-ready.atelier-native-device { margin-inline:auto; }
}
.atelier-page .atelier-phone-ready.atelier-native-device { margin-inline:auto; }

.atelier-page .atelier-phone-host { min-width:0; width:100%; }

/* First demo: clear product choice, with the paid ordering experience selected. */
.atelier-page .hero__product:has(.atelier-demo-switch) { padding-top:var(--hero-demo-switch-space,120px); }
.atelier-demo-switch { position:absolute; inset:18px 20px auto; display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:4px; border:1px solid #c9c4b6; border-radius:12px; background:#f7f4ec; }
.atelier-demo-switch button { position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:5px; min-width:0; min-height:66px; padding:11px 14px; border:1px solid transparent; border-radius:8px; background:transparent; color:#4b4d45; font-family:Arial,Helvetica,sans-serif; text-align:left; cursor:pointer; }
.atelier-demo-switch strong { font-size:calc(14px * var(--landing-readability, 1)); line-height:1.3; font-weight:700; }
.atelier-demo-switch span { font-size:calc(11px * var(--landing-readability, 1)); line-height:1.4; }
.atelier-demo-switch button[aria-pressed='true'] { color:#fffdf6; background:#282a25; border-color:#282a25; }
.atelier-demo-switch button:focus-visible { outline:2px solid #ac432c; outline-offset:3px; }
.atelier-page .atelier-phone-display > iframe[data-hero-demo-frame][hidden] { display:none!important; }
@media(max-width:700px) { .atelier-demo-switch { left:10px; right:10px; } .atelier-demo-switch button { padding:10px; } .atelier-demo-switch strong { font-size:calc(12px * var(--landing-readability, 1)); } .atelier-demo-switch span { font-size:calc(10px * var(--landing-readability, 1)); } }

/* Conversion path: start with your menu; keep the next step beside the demo. */
.atelier-demo-switch small { font-size:calc(10px * var(--landing-readability, 1)); line-height:1.4; opacity:.85; }
.atelier-demo-next { margin:18px auto 0; max-width:360px; text-align:center; }
.atelier-demo-next .btn { width:100%; white-space:normal; font-size:calc(13px * var(--landing-readability, 1)); padding:12px; line-height:1.4; }
.atelier-demo-next p { margin:8px 0 0; font-size:calc(10px * var(--landing-readability, 1)); line-height:1.5; color:var(--at-muted); }
.hero-kitchen-receipt { margin-top:18px; padding:16px 18px; border:1px solid var(--at-line); border-left:3px solid #3c6248; background:#fffdf7; border-radius:6px; font-size:calc(13px * var(--landing-readability, 1)); }
.hero-kitchen-receipt[hidden] { display:none; }
.hero-kitchen-receipt small,.hero-kitchen-receipt strong { display:block; margin-bottom:6px; }
.hero-kitchen-receipt a { display:inline-block; margin-top:10px; color:var(--at-accent); }
.atelier-page > main > #menu-import { border-bottom:1px solid var(--at-line); }
[data-demo-orders] article p { overflow-wrap:anywhere; }

@media(min-width:701px) { .atelier-page .atelier-scene:has(.atelier-demo-next) .atelier-qr-card { bottom:160px; } }