@font-face {font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url("/assets/fonts/manrope-variable.woff2") format("woff2")}
.cart-note {margin-top:20px}
.order-contact {font-size:11px;color:var(--muted);margin:15px 0}
.managed-section {padding:25px 0 65px;max-width:650px}
.managed-section h2 {font-size:35px;font-weight:500;letter-spacing:-1px;margin:16px 0}
.managed-section p:not(.eyebrow) {font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:22px}
.setup-box {border-top:1px solid var(--line);margin:22px 0;padding:10px 0}
.setup-box p {font-size:11px;line-height:1.8;color:var(--muted);margin:15px 0}
.setup-box h2 span {display:block;margin-top:7px}
.hardware-options {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}
.hardware-options .eyebrow {margin-bottom:20px}
.config-card {margin-bottom:28px}
.device-table {overflow:auto;margin-bottom:25px}
.device-table table {border-collapse:collapse;width:100%;font-size:11px;line-height:1.8;min-width:640px}
.device-table td,
.device-table th {text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:17px 15px}
.device-table thead {background:#eae9df}
.device-table tbody th {width:15%}
.request-layout {display:grid;grid-template-columns:1.4fr 1fr;gap:30px;padding-bottom:30px}
.request-result {font-size:13px;line-height:1.8;color:#496849;margin-top:20px}
.brand-symbol {font-size:45px;color:var(--brand)}
.support-card .eyebrow {font-size:10px}
.mini-order>div {display:flex;justify-content:space-between}
.mini-order p {font-size:11px;margin:15px 0}
.mini-kitchen-top {display:flex;justify-content:space-between;margin-bottom:20px;font-size:11px}
.phone-bottom {display:flex;justify-content:space-between}
.ticket-title {display:flex;justify-content:space-between}
.ticket-line {display:flex;justify-content:space-between;gap:15px}
.step-number {font-family:var(--font);color:#9b9e8e}
.benefit-icon {font-size:23px;color:#7d886f}
.button.red,
.button.brand {color:#fff}
.add {min-width:32px;min-height:32px}
.state {white-space:nowrap}
.product-art {width:100%;border:0}
.footer a {text-decoration:underline;text-underline-offset:3px}
.field input:invalid:not(:placeholder-shown) {border-color:#bda79a}
@media(max-width:900px) {
.nav-hardware {display:none}
.hardware-options {grid-template-columns:1fr}
.request-layout {grid-template-columns:1fr}
}
@media(max-width:760px) {
.managed-section h2 {font-size:29px}
.managed-section {padding-bottom:42px}
}
:root {--paper:#f6f4ef;--ink:#252622;--muted:#74766d;--line:#dfdfd6;--red:#ED1E24;--brand:#ED1E24;--font:Manrope,system-ui,sans-serif}
* {box-sizing:border-box}
body {margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}
button,
input,
select,
textarea {font:inherit}
button,
a,
input,
select,
textarea {-webkit-tap-highlight-color:transparent}
button {cursor:pointer}
a {color:inherit}
button:disabled {cursor:not-allowed;opacity:.45}
button:focus-visible,
a:focus-visible,
select:focus-visible,
input:focus-visible,
textarea:focus-visible {outline:3px solid #ED1E24;outline-offset:4px}
button {color:inherit}
svg {display:block}
h1,
h2,
h3,
p {margin:0}
a {text-decoration:none}
.dot {display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-right:7px}
.lang {font-size:11px;border:0;border-left:1px solid var(--line);background:none;padding:7px 4px 7px 15px;cursor:pointer}
.button {display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 21px;border-radius:9px;border:1px solid transparent;font-size:13px;font-weight:600;background:var(--ink);color:white;line-height:1.2;min-height:46px}
.button.red {background:var(--red)}
.button.brand {background:var(--brand)}
.button.light {background:#fff;color:var(--ink);border-color:var(--line)}
.button.ghost {background:transparent;color:var(--ink);padding-left:4px}
.button.small {padding:10px 13px;font-size:12px;min-height:37px}
.button.full {width:100%}
.arrow {font-size:19px;line-height:10px}
.eyebrow {text-transform:uppercase;font-size:10px;letter-spacing:.16em;color:var(--muted);font-weight:700}
.actions {display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:28px 0}
.micro {font-size:11px;color:var(--muted);line-height:1.6}
.hero-art {height:530px;position:relative;background:#e9e8dd;border-radius:26px;overflow:hidden;isolation:isolate}
.hero-art:before {content:'';position:absolute;inset:0;background-image:radial-gradient(#bcbcaf 1px,transparent 1px);background-size:18px 18px;opacity:.35}
.hero-art:after {content:'SWS DELIVERY';position:absolute;bottom:20px;right:21px;letter-spacing:.17em;font-size:10px;color:#8c8d7d}
.orbit {position:absolute;inset:85px -150px -120px 90px;border:1px solid #cecec0;border-radius:50%;transform:rotate(-25deg)}
.phone {position:absolute;left:19%;top:31px;width:244px;height:459px;border:7px solid #272822;box-shadow:12px 28px 40px #33332526;border-radius:36px;background:#fcfbf7;transform:rotate(-6deg);overflow:hidden}
.phone .island {height:19px;width:79px;background:#272822;margin:-1px auto 12px;border-radius:0 0 14px 14px}
.phone-head {padding:0 18px 12px;display:flex;justify-content:space-between;font-size:10px;align-items:center}
.mini-logo {font-weight:800;letter-spacing:-.5px;font-size:17px}
.mini-logo em {font-family:var(--font);font-weight:400}
.phone-cover {height:161px;background:#e9bda5;position:relative;padding:8px}
.phone-copy {padding:20px 15px}
.phone-copy h3 {font-size:22px;font-weight:500;letter-spacing:-1px;margin:5px 0 9px}
.phone-copy p {font-size:10px;line-height:1.5;color:#77796e}
.phone-price {display:flex;justify-content:space-between;align-items:center;font-size:15px;margin:18px 0}
.round {border:0;border-radius:50%;background:var(--brand);color:white;width:31px;height:31px}
.phone-bottom {margin:0 15px;padding:12px;background:var(--brand);color:white;border-radius:7px;text-align:center;font-size:10px;font-weight:700}
.floating-ticket {position:absolute;bottom:60px;right:20px;min-width:221px;transform:rotate(3deg);background:#fff;border:1px solid #dddccf;border-radius:12px;padding:17px;box-shadow:0 14px 35px #4b493d1a}
.ticket-head {display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px}
.ticket-icon {width:30px;height:30px;border-radius:9px;background:#eaf0df;color:#5c7042;display:grid;place-items:center;font-size:15px}
.ticket-row {display:flex;justify-content:space-between;font-size:10px;color:#838579;margin-top:12px}
.ticket-line {border-top:1px dashed #dedfd5;margin:13px 0}
.ticket-demo {position:absolute;left:20px;top:22px;background:#f7f6eece;border:1px solid #d4d4c8;border-radius:30px;padding:8px 12px;font-size:9px;letter-spacing:.05em}
.benefits {border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;margin:12px 0 75px;gap:20px}
.benefit {display:flex;gap:15px;align-items:center;font-size:12px;color:#6f7365}
.benefit svg {width:22px;height:22px;flex-shrink:0;stroke:#505746}
.section-head {display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:31px}
.section-head h2 {font-size:36px;font-weight:500;letter-spacing:-1.3px;line-height:1.18}
.section-head p {font-size:13px;color:var(--muted);line-height:1.7;max-width:365px}
.workflow {display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:80px}
.step {border-top:1px solid var(--line);padding-top:20px}
.step .num {font-family:var(--font);font-style:italic;color:var(--red);font-size:26px}
.step h3 {font-size:17px;font-weight:500;margin:16px 0 11px}
.step p {font-size:12px;line-height:1.8;color:var(--muted)}
.dark-section {background:#272924;color:#faf9f2;border-radius:19px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:70px}
.dark-section h2 {font-size:33px;font-weight:500;letter-spacing:-1px;line-height:1.22}
.dark-section p {font-size:13px;color:#aeb2a6;line-height:1.8;margin:18px 0}
.dark-section .eyebrow {color:#b4b8aa;margin-bottom:16px}
.dark-section .button.light {background:#f4f3ea}
.mini-kitchen {background:#373a32;padding:24px;border:1px solid #53584c;border-radius:13px}
.mini-kitchen .k-label {display:flex;justify-content:space-between;font-size:10px;color:#aeb6a3}
.mini-order {background:#f9f8f0;color:var(--ink);border-radius:8px;padding:18px;margin-top:20px;display:flex;justify-content:space-between;align-items:center}
.mini-order strong {font-size:14px}
.mini-order p {color:#777d6d;font-size:10px;margin:6px 0 0}
.small-pill {font-size:9px;background:#e8ecdb;color:#5d6d41;border-radius:30px;padding:7px 10px;white-space:nowrap}
.pricing-teaser {display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;border-top:1px solid var(--line);padding:35px 0 60px}
.pricing-teaser h2 {font-size:33px;letter-spacing:-1px;font-weight:500}
.pricing-teaser .teaser-price {font-size:43px;letter-spacing:-2px}
.pricing-teaser .teaser-price small {font-size:12px;letter-spacing:0;color:var(--muted)}
.teaser-details {padding-left:30px;border-left:1px solid var(--line)}
.teaser-details p {font-size:13px;line-height:1.8;color:var(--muted);margin-top:10px}
.footer {border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:1.8;color:#797d71}
.footer a {color:#454d3d;text-decoration:underline;text-underline-offset:3px}
.footer .build {font-size:9px}
.page-top {padding:35px 0}
.page-top h1 {font-size:42px;letter-spacing:-1.5px;font-weight:500;line-height:1.2;margin-top:12px}
.page-top p {color:var(--muted);max-width:690px;font-size:13px;line-height:1.8;margin-top:15px}
.notice {padding:12px 16px;border:1px solid #dedecf;background:#efeee3;border-radius:9px;color:#71745f;font-size:11px;line-height:1.6;display:flex;gap:10px;align-items:start}
.demo-toolbar {display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}
.tabs {display:inline-flex;padding:5px;border-radius:10px;background:#e9e9e0;gap:3px}
.tabs button {border:0;background:transparent;padding:11px 17px;border-radius:7px;font-size:12px;color:#757a6c}
.tabs button.selected {background:#fff;color:var(--ink);box-shadow:0 1px 4px #4545320b}
.toolbar-right {display:flex;gap:14px;align-items:center}
.demo-shell {border:1px solid var(--line);background:#fdfcf8;border-radius:16px;overflow:hidden;margin-bottom:50px}
.store-banner {padding:29px 31px;background:#f0e9dc;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}
.brand-label {font-size:25px;font-weight:700;letter-spacing:-1px}
.brand-label em {font-family:var(--font);font-weight:400}
.store-banner .badge {font-size:10px;color:var(--brand);padding:6px 10px;border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);border-radius:20px;background:#fff9}
.store-description {font-size:11px;color:#818475;margin-top:7px}
.shop-grid {display:grid;grid-template-columns:minmax(0,1fr) 315px}
.menu-area {padding:26px}
.category-tabs {display:flex;gap:7px;margin-bottom:25px;flex-wrap:wrap}
.category-tabs button {border:1px solid var(--line);background:transparent;padding:9px 15px;border-radius:25px;font-size:11px}
.category-tabs .selected {background:var(--ink);color:#fff;border-color:var(--ink)}
.products {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.product {border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}
.product-art {height:139px;display:flex;align-items:center;justify-content:center;background:#efdfc7;position:relative}
.product-art.red {background:#ecc8b9}
.product-art.green {background:#dae1ce}
.product-art.yellow {background:#f1e6c7}
.product-art.blue {background:#dce6e1}
.food-art {width:100%;height:100%;overflow:visible}
.product-info {padding:15px}
.product-info h3 {font-size:14px;font-weight:600;margin-bottom:7px}
.product-info p {font-size:10px;line-height:1.6;color:#828575;min-height:34px}
.product-price {display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;font-weight:600}
.add {width:30px;height:30px;border:0;border-radius:50%;background:#f0eee6;font-size:19px;color:var(--brand)}
.cart {border-left:1px solid var(--line);padding:26px;background:#f5f4ed}
.cart h2 {font-weight:500;font-size:20px;letter-spacing:-.4px;margin-bottom:20px}
.empty {font-size:12px;color:var(--muted);text-align:center;padding:37px 10px;line-height:1.8}
.empty-icon {font-size:28px;color:#b7baaa;margin-bottom:10px}
.cart-line {display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:15px 0;font-size:11px}
.cart-line h3 {font-size:12px;margin-bottom:6px;font-weight:600}
.line-options {font-size:10px;color:var(--muted);margin-bottom:8px;line-height:1.5}
.quantity {display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:20px}
.quantity button {border:0;background:none;width:22px;height:23px;font-size:15px}
.cart-total {display:flex;justify-content:space-between;margin:22px 0 17px;font-size:14px;font-weight:600}
.cart .micro {margin-top:13px}
.tracking {margin-top:30px;padding:25px;border:1px solid #d9decc;border-radius:12px;background:#f1f4e8}
.tracking-head {display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}
.tracking h3 {font-size:17px;font-weight:500}
.tracking p {font-size:12px;color:#717a60;line-height:1.8;margin:7px 0}
.tracking-actions {display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.state {font-size:10px;background:#eeeadb;color:#8c794b;padding:7px 9px;border-radius:20px;white-space:nowrap}
.state.accepted {background:#e1e9da;color:#536c3f}
.state.preparing {background:#f6e3d5;color:#9b6139}
.state.ready,
.state.completed {background:#ddebdc;color:#4e7049}
.state.cancelled {background:#f3dddd;color:#a25750}
.kitchen {padding:30px}
.kitchen-top {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.kitchen-top h2 {font-size:24px;font-weight:500}
.pause-switch {display:flex;align-items:center;gap:10px;font-size:11px;cursor:pointer}
.pause-switch input {accent-color:var(--brand);width:17px;height:17px}
.kitchen-orders {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.order-card {border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}
.order-card-head {padding:18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start;gap:10px}
.order-card-head h3 {font-size:15px;letter-spacing:-.5px}
.order-card-head p {font-size:11px;color:var(--muted);margin-top:7px}
.order-body {padding:18px}
.order-item {font-size:12px;padding:7px 0;line-height:1.6}
.order-note {font-size:11px;background:#f5f2e7;padding:10px;margin-top:10px;line-height:1.6}
.order-actions {display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}
.request-box {border:1px solid #e9c9a9;background:#fff5e9;padding:13px;border-radius:8px;margin-top:15px;font-size:11px;line-height:1.6}
.request-box .button {margin-top:10px}
.brand-editor {display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:35px}
.field {display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:12px}
.field input,
.field select,
.field textarea {width:100%;border:1px solid #d7d9ce;background:#fffef9;padding:12px;border-radius:7px;color:var(--ink);font-size:13px;min-width:0}
.field textarea {resize:vertical;min-height:76px}
.field small {font-size:10px;color:var(--muted);line-height:1.5}
.field-row {display:grid;grid-template-columns:1fr 1fr;gap:15px}
.swatches {display:flex;gap:12px;margin:13px 0 25px}
.swatch {width:35px;height:35px;border:3px solid white;outline:1px solid #d7d9ce;border-radius:50%}
.swatch.selected {outline:2px solid var(--ink)}
.brand-preview {padding:35px;background:#efeee5;border:1px solid #d9dbce;border-radius:14px;align-self:start}
.brand-preview h3 {font-size:30px;letter-spacing:-1px}
.brand-preview .product-art {height:180px;border-radius:9px;margin:22px 0}
.brand-preview .button {background:var(--brand)}
.pricing-layout {display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-bottom:55px}
.price-card {border:1px solid var(--line);border-radius:16px;background:#fffef9;padding:32px}
.price-card h2 {font-size:22px;font-weight:500;margin-top:15px}
.big-price {font-size:62px;letter-spacing:-3px;line-height:1.2;margin-top:18px}
.big-price .unit {font-size:12px;letter-spacing:0;color:var(--muted)}
.price-subline {font-size:12px;color:var(--muted);line-height:1.7;margin:13px 0 23px}
.check-list {padding:20px 0;border-top:1px solid var(--line);list-style:none;margin:0}
.check-list li {font-size:12px;margin:15px 0;line-height:1.6;padding-left:22px;position:relative}
.check-list li:before {content:'✓';position:absolute;left:0;color:#687b4a}
.quote-card {border-radius:16px;background:#272924;color:#f8f6ed;padding:32px;align-self:start}
.quote-card h2 {font-size:23px;letter-spacing:-.4px;font-weight:500;margin-bottom:25px}
.quote-row {display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:15px 0;border-bottom:1px solid #45483f;line-height:1.7}
.quote-row.total {font-size:22px;border:0;padding-bottom:8px}
.quote-row.light {color:#b4b9aa;font-size:11px}
.quote-card .micro {color:#a8af9c;margin-top:25px}
.checkbox {display:flex;gap:10px;align-items:start;font-size:11px;line-height:1.7;margin:18px 0;cursor:pointer}
.checkbox input {accent-color:var(--brand);margin-top:3px;width:16px;height:16px;flex-shrink:0}
.price-foot {font-size:11px;color:var(--muted);line-height:1.8;margin-top:20px}
.faq {padding:0 0 60px;max-width:850px}
.faq h2 {font-size:29px;font-weight:500;margin-bottom:22px;letter-spacing:-.8px}
.faq details {border-top:1px solid var(--line);padding:20px 0}
.faq summary {cursor:pointer;font-size:14px;line-height:1.6}
.faq details p {font-size:12px;color:var(--muted);line-height:1.9;padding-top:14px}
.support-grid {display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0 40px}
.support-card {padding:28px;border:1px solid var(--line);border-radius:13px;background:#fffdf7}
.support-card h2 {font-size:22px;font-weight:500;margin-bottom:15px}
.support-card p {font-size:12px;line-height:1.9;color:var(--muted)}
.support-card .button {margin-top:20px}
.status-list {list-style:none;padding:0;margin:20px 0}
.status-list li {display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}
.status-list span:last-child {font-size:10px;color:#87816d}
.about {padding:24px 0 45px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.9}
.about a {color:var(--red);text-decoration:underline}
.about strong {color:var(--ink)}
dialog {border:0;border-radius:16px;padding:0;max-width:520px;width:calc(100% - 30px);max-height:90dvh;background:#fbfaf5;box-shadow:0 30px 90px #0003;color:var(--ink)}
dialog::backdrop {background:#22271d80;backdrop-filter:blur(5px)}
.modal-head {padding:23px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}
.modal-head h2 {font-size:22px;font-weight:500;letter-spacing:-.6px}
.close {border:0;background:#ecece2;border-radius:50%;width:30px;height:30px;font-size:22px;flex-shrink:0}
.modal-body {padding:25px}
.modal-body .product-art {height:175px;border-radius:9px;margin-bottom:23px}
.option-label {font-size:12px;font-weight:600;margin:20px 0 12px}
.radio-option {display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:13px;margin-bottom:9px;font-size:12px;cursor:pointer;gap:10px}
.radio-option input {accent-color:var(--brand);margin-right:8px}
.radio-option:has(input:checked) {border-color:var(--brand);background:#f7f3e9}
.inline-error {padding:11px 13px;background:#f5e2dd;color:#9a4b40;border-radius:7px;font-size:12px;line-height:1.6;margin-bottom:15px;display:none}
.inline-error:not(:empty) {display:block}
.toast {position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#262b24;color:#fff;border-radius:10px;padding:14px 24px;font-size:12px;z-index:100;max-width:90vw;box-shadow:0 8px 35px #0002;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.toast.visible {opacity:1;transform:translate(-50%,0)}
.receipt {font:12px/1.8 var(--font);background:white;border:1px dashed #ccc;padding:25px}
.receipt h3 {text-align:center;font-size:18px;margin-bottom:12px}
.receipt-line {display:flex;justify-content:space-between;border-bottom:1px dashed #ddd;padding:10px 0}
.receipt-note {border-top:1px dashed #ddd;margin-top:15px;padding-top:15px}
.skip-link {position:fixed;top:-60px;left:20px;background:var(--ink);color:#fff;padding:15px;z-index:200}
.skip-link:focus {top:15px}
.loading {padding:60px}
.mobile-cart {display:none}
.helper-link {font-size:11px;color:var(--muted);text-decoration:underline;border:0;background:none;padding:6px}
.reset {color:#a66855}
.brand-error {font-size:12px;color:#a45845}
.badge-demo {font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#a4a792}
.marketing-faq {margin-bottom:50px}
@media(min-width:1400px) {
.hero-art {height:550px}
.phone {left:21%}
}
@media(max-width:1050px) {
.hero-art {height:500px}
.phone {left:11%;top:30px}
.floating-ticket {right:10px;bottom:35px;min-width:196px}
.products {grid-template-columns:repeat(2,minmax(0,1fr))}
.shop-grid {grid-template-columns:minmax(0,1fr) 290px}
.kitchen-orders {grid-template-columns:repeat(2,minmax(0,1fr))}
.section-head h2 {font-size:31px}
.dark-section {padding:28px;gap:25px}
}
@media(max-width:760px) {
.lang {padding-left:9px}
.hero-art {height:475px;max-width:520px;width:100%}
.phone {left:19%;top:23px}
.floating-ticket {bottom:33px;right:17px}
.benefits {grid-template-columns:1fr;gap:18px;padding:23px 0;margin:10px 0 48px}
.benefit {font-size:12px}
.section-head {display:block}
.section-head h2 {font-size:31px}
.section-head p {margin-top:16px}
.workflow {grid-template-columns:1fr;gap:25px;margin-bottom:45px}
.step {display:grid;grid-template-columns:35px 1fr;column-gap:15px}
.step h3 {margin:4px 0 9px}
.step p {grid-column:2}
.dark-section {grid-template-columns:1fr;padding:26px;gap:18px;margin-bottom:42px}
.dark-section h2 {font-size:29px}
.mini-kitchen {padding:18px}
.pricing-teaser {grid-template-columns:1fr;gap:25px;padding:28px 0 40px}
.teaser-details {padding:0;border:0}
.footer {display:block;padding-bottom:30px}
.footer .build {margin-top:10px}
.page-top {padding-top:24px}
.page-top h1 {font-size:34px}
.demo-toolbar {display:block}
.toolbar-right {margin-top:15px;justify-content:space-between}
.tabs {display:flex}
.tabs button {flex:1;padding:10px 12px}
.store-banner {padding:23px 20px}
.brand-label {font-size:22px}
.shop-grid {display:block}
.menu-area {padding:20px}
.products {gap:13px}
.product-art {height:140px}
.product-info {padding:13px}
.product-info h3 {font-size:13px}
.product-info p {font-size:10px}
.product-price {font-size:12px}
.cart {border-left:0;border-top:1px solid var(--line);padding:24px 20px}
.mobile-cart {display:flex;position:sticky;bottom:14px;z-index:20;margin:14px 0;justify-content:space-between;box-shadow:0 5px 20px #0002}
.tracking {padding:20px;margin-top:20px}
.kitchen {padding:20px}
.kitchen-orders {grid-template-columns:1fr}
.kitchen-top {display:block}
.pause-switch {margin-top:17px}
.brand-editor {grid-template-columns:1fr;padding:23px;gap:24px}
.brand-preview {padding:24px}
.pricing-layout {grid-template-columns:1fr;gap:20px;padding-bottom:35px}
.price-card,
.quote-card {padding:25px}
.big-price {font-size:55px}
.support-grid {grid-template-columns:1fr;gap:18px}
.support-card {padding:23px}
.field-row {grid-template-columns:1fr}
.modal-head {padding:20px}
.modal-body {padding:20px}
.toast {bottom:18px}
.faq summary {font-size:13px}
.notice {font-size:10px}
.order-card-head h3 {font-size:16px}
}
@media(max-width:380px) {
.phone {left:12%}
.floating-ticket {right:7px;min-width:180px}
.hero-art {height:460px}
.product-art {height:120px}
}
@media(prefers-reduced-motion:reduce) {
* {scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
/* Readable controls retain the selected brand colour with a darker surface. */
.button.red {background:#C9151A}
.button.brand,
.phone-bottom {background:color-mix(in srgb,var(--brand),#000 23%);color:#fff}
.micro,
.page-top>p:not(.eyebrow),
.support-card p,
.product-info p {color:#62665a}
.quote-card .micro {color:#c1c6b7}
.mini-logo em {font-style:normal}
.billing-unit {display:block;margin-top:5px;line-height:1.6}
.billing-tabs {flex-wrap:wrap}
.billing-tabs button {white-space:normal}
.term-field {margin-top:24px}
.commitment-copy {font-size:11px;line-height:1.85;border-left:3px solid var(--red);padding:1px 0 1px 15px;margin:20px 0}
.commitment-copy p {color:#62665a;margin-top:8px}
.invoice-amount {font-size:46px;letter-spacing:-1.8px;margin:15px 0 8px;font-variant-numeric:tabular-nums}
.quote-card .billing-note {margin:0 0 20px}
.quote-card .eyebrow {color:#c1c6b7}
.cost-example {border-top:1px solid #45483f;padding-top:20px;margin-top:23px}
.cost-example summary {cursor:pointer;font-size:12px;line-height:1.8}
.quote-card .cost-example .micro {margin-top:15px}
.price-card .big-price {font-variant-numeric:tabular-nums}
.receipt {font-variant-numeric:tabular-nums}
.about a {color:#C9151A}
@media(max-width:760px) {
.invoice-amount {font-size:40px}
.billing-tabs button {font-size:11px}
.big-price {letter-spacing:-2.5px}
.quote-row.total {font-size:19px}
}
/* Private sector revision: retains the original typography, palette and demo. */
.sector-overview {padding:35px 0 55px}
.sector-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sector-card {display:block}
.sector-card:hover {border-color:#C9151A}
.sector-card h3 {font-size:22px;font-weight:600;margin:18px 0 15px}
.sector-hero {display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:65px 0 35px}
.sector-hero h1 {font-size:clamp(36px,4.5vw,61px);letter-spacing:-2px;line-height:1.12;margin:20px 0}
.sector-hero .intro {font-size:17px;line-height:1.8;color:#62665a}
.sector-hero .micro {margin-top:16px}
.sector-example {padding:30px;background:#e9e8dd;border-radius:22px;overflow:hidden}
.sector-example.kebab {background:#f0e1ce}
.sector-example.pizzerias {background:#ece0dc}
.example-symbol {color:#C9151A;font-size:95px;line-height:1.2;margin:10px 0}
.sector-example ol {list-style:none;padding:0;counter-reset:items}
.sector-example li {counter-increment:items;border-top:1px solid #c9c6bb;padding:12px 0;font-size:16px}
.sector-example li:before {content:'0' counter(items);font-size:10px;margin-right:18px;color:#62665a}
.sector-grid .support-card h2 {font-size:22px}
.sector-grid .support-card .eyebrow {margin-bottom:20px}
summary:focus-visible {outline:3px solid #C9151A;outline-offset:5px}
#main:focus {outline:none}
.sector-hero .button {max-width:100%}
.sector-example .micro {color:#51564a}
@media(max-width:850px) {
.sector-grid {grid-template-columns:1fr}
.sector-hero {grid-template-columns:1fr;gap:25px;padding-top:35px}
.sector-example {max-width:600px}
.sector-hero h1 {font-size:43px}
.sector-overview {padding:30px 0}
}
@media(max-width:400px) {
.sector-hero h1 {font-size:36px}
.sector-example {padding:24px}
}
.dark-section>* {min-width:0}
.dark-section h2,
.dark-section p {overflow-wrap:anywhere}
.arrow {flex-shrink:0}
.button .arrow {display:block}
@media(max-width:760px) {
.dark-section {grid-template-columns:minmax(0,1fr)}
}
/* SWS Order: same visual system, static pages and accessible navigation. */
body {font-size:15px;line-height:1.65}
a.button {text-decoration:none}
.breadcrumbs {display:flex;gap:12px;align-items:center;font-size:12px;line-height:1.7;padding-top:24px;padding-bottom:0;flex-wrap:wrap}
.breadcrumbs a {color:#62665a;text-underline-offset:3px}
.page-top {max-width:900px}
.page-top>p {max-width:780px}
.page-top h1 {font-size:clamp(32px,4.1vw,53px)}
.notice,
.micro,
.price-foot {font-size:12px}
.notice {color:#545944}
.status-teaser {display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding:35px 0 50px;border-top:1px solid var(--line)}
.status-teaser h2 {font-size:30px;font-weight:550;letter-spacing:-1px;line-height:1.25}
.status-teaser p {font-size:14px;color:#62665a;margin-top:15px;line-height:1.9}
.status-pills {display:flex;gap:9px;flex-wrap:wrap}
.status-pill {font-size:10px;line-height:1.6;padding:6px 10px;border-radius:20px;border:1px solid #d5d8ce;background:#f1f2e9;color:#3d5541;font-weight:650}
.status-pill.test {color:#765019;background:#f7efdc;border-color:#e9d7b4}
.status-pill.planned {color:#555b65;background:#edf0f3;border-color:#d8dce3}
.status-legend {margin:0 0 30px}
.feature-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:55px}
.feature-card {background:#fffdf8;border:1px solid var(--line);border-radius:14px;padding:28px}
.feature-top {display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:24px}
.feature-card h2 {font-size:23px;line-height:1.3;font-weight:600;letter-spacing:-.5px;margin-bottom:15px}
.feature-card p {font-size:14px;line-height:1.9;color:#62665a}
.separate-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.separate-grid h3 {font-size:20px;line-height:1.4;margin-bottom:13px}
.separate-grid .support-card p {font-size:14px}
.price-card>p {font-size:14px;line-height:1.9}
.price-card h2 {font-size:20px}
.price-card .check-list li {font-size:14px}
.quote-card>p,
.setup-scope p {font-size:14px;line-height:1.9;color:#d2d5ca}
.quote-card .eyebrow {color:#c1c6b7;font-size:10px}
.quote-card h2 {font-size:31px;line-height:1.35;margin-top:16px}
.setup-scope {border-top:1px solid #55594e;padding-top:23px;margin-top:25px}
.setup-scope h3 {font-size:17px;line-height:1.6;margin-bottom:12px}
.contact-aside {display:flex;flex-direction:column;gap:20px}
.contact-points {padding-left:20px;font-size:14px;line-height:1.9;margin:20px 0}
.contact-points li {margin-bottom:16px}
.field-error {display:block;color:#a0131a;font-size:12px;line-height:1.7}
.field [aria-invalid=true],
.checkbox [aria-invalid=true],
.privacy-ack [aria-invalid=true] {border-color:#a0131a;outline:2px solid #a0131a;outline-offset:2px}
.form-errors {background:#fbebe7;border:1px solid #bf6962;border-radius:8px;padding:16px;margin-bottom:24px;font-size:13px;line-height:1.8;color:#841218}
.form-errors[hidden] {display:none}
.form-errors ul {padding-left:20px;margin:10px 0 0}
.field input,
.field select,
.field textarea {font-size:16px;max-width:100%}
.field textarea {min-height:115px}
.checkbox {font-size:13px}
.checkbox input {width:19px;height:19px;flex:none;accent-color:#c9151a}
.request-result:not(:empty) {border:1px solid #829b7f;background:#edf3e9;border-radius:8px;padding:15px;color:#30583a}
/* Match the client states: preparation and failures must not look accepted. */
.request-result:is([data-state=loading],[data-state=sending]) {background:#edf0f6;border-color:#65738a;color:#263c59}
.request-result:is([data-state=correctable],[data-state=unavailable],[data-state=rejected]) {background:#fbebe7;border-color:#bf6962;color:#841218}
.request-result[data-state=uncertain] {background:#fff3d6;border-color:#9c761d;color:#634a10}
.legal-page {max-width:950px}
.legal-page .page-top {padding-bottom:25px}
.legal-page section {padding:24px 0;border-bottom:1px solid var(--line);max-width:780px}
.legal-page section h2 {font-size:22px;line-height:1.4;margin-bottom:13px;letter-spacing:-.4px}
.legal-page section p {font-size:15px;line-height:1.95;overflow-wrap:anywhere;color:#54594e}
.legal-notice {font-size:13px;max-width:780px}
.legal-sources {margin-top:28px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px}
.support-card h3 {font-size:21px;margin-bottom:14px}
.support-card p {font-size:14px}
.device-table {max-width:100%}
.device-table th,
.device-table td {font-size:13px}
.sector-grid .support-card p,
.sector-example .micro {font-size:13px}
.sector-grid .support-card h2 {line-height:1.4}
.sector-hero .micro {font-size:12px}
.sector-card {color:inherit;text-decoration:none}
.sector-card h3 {display:flex;align-items:center;justify-content:space-between;gap:12px}
.button.red:hover {background:#a50e13;color:#fff}
.button:disabled {opacity:.55;cursor:not-allowed}
fieldset {min-width:0;border:0;margin:0;padding:0}
.field .field-error:empty {display:none}
.form-errors:focus,
.request-result:focus {outline:3px solid #c9151a;outline-offset:4px}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
.device-table:focus-visible {outline:3px solid #c9151a;outline-offset:4px}
.feature-card,
.quote-card,
.price-card,
.sector-card,
.support-card,
.pricing-layout>*,
.request-layout>* {min-width:0}
.button {max-width:100%;text-align:center;overflow-wrap:anywhere}
.feature-top .eyebrow {flex:none}
.feature-top .status-pill {text-align:right}
.language-chooser {min-height:55vh;padding-top:70px}
.language-chooser h1 {font-size:clamp(48px,8vw,80px);letter-spacing:-3px;margin-bottom:15px}
.language-chooser>p {color:#62665a;margin-bottom:28px}
.language-options {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.language-options a {display:block;background:#fffdf8;border:1px solid var(--line);border-radius:12px;padding:25px;font-size:18px;text-decoration:none}
.language-options span {display:block;font-size:11px;margin-top:8px;color:#62665a}
.page-top>p:not(.eyebrow) {font-size:16px;line-height:1.9}
.about a {font-size:13px}
.terms-links {margin-top:20px}
@media(max-width:850px) {
.feature-grid {gap:17px}
.feature-card {padding:23px}
.status-teaser {gap:25px}
.language-options {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px) {
.feature-grid,
.separate-grid {grid-template-columns:1fr}
.feature-card h2 {font-size:22px}
.feature-card p {font-size:14px}
.status-teaser {grid-template-columns:1fr;gap:22px;padding:28px 0 35px}
.status-teaser h2 {font-size:27px}
.status-teaser .actions {margin-top:0}
.breadcrumbs {font-size:11px;padding-top:20px}
.page-top h1 {font-size:35px;letter-spacing:-1.2px}
.page-top>p:not(.eyebrow) {font-size:15px}
.quote-card h2 {font-size:27px}
.notice {font-size:12px;line-height:1.9}
.sector-hero h1 {font-size:38px;line-height:1.15}
.support-card {padding:24px}
.contact-points {font-size:14px}
.feature-top {gap:10px}
.feature-top .status-pill {font-size:9px}
.legal-page section p {font-size:14px}
.legal-page section h2 {font-size:21px}
.mobile-cart {max-width:100%;width:100%}
}
@media(max-width:380px) {
.page-top h1 {font-size:32px}
.sector-hero h1 {font-size:34px}
.feature-card {padding:20px}
.big-price {font-size:47px}
.language-options {grid-template-columns:1fr}
.hero-art .phone {left:10%}
.order-card-head {gap:8px;flex-wrap:wrap}
.order-actions {flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce) {
*,
*::before,
*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
.add,
.quantity button {min-height:44px;min-width:44px}
.category-tabs button {min-height:44px}
.category-tabs button.active {color:#a50e13}
.product-price {flex-wrap:wrap;gap:8px}
.cart-line {gap:12px;min-width:0}
.cart-line>div {min-width:0}
.cart-line strong {overflow-wrap:anywhere}
.small.button {min-height:44px}
@media(max-width:380px) {
.products {grid-template-columns:minmax(0,1fr)}
}
/* Approved brand lockup; the dark variant is selected by the page renderer. */
/* Shared usability safeguards for static routes and the local demonstration. */
html {scroll-padding-top:24px}
img {max-width:100%;height:auto}
[hidden] {display:none!important}
button,
input,
select,
textarea {touch-action:manipulation}
input,
textarea,
select {scroll-margin:24px}
.button,
.field,
summary {overflow-wrap:anywhere}
main {min-width:0}
dialog {overscroll-behavior:contain}
.request-result {scroll-margin:24px}
.field:has(input:focus-visible),
.field:has(textarea:focus-visible) {position:relative;z-index:1}
@media(forced-colors:active) {
.button,
.status-pill,
.notice {border:1px solid CanvasText}
.eyebrow {color:CanvasText}
:focus-visible {outline:3px solid Highlight!important}
}
/* 0.3.2: the existing navigation stays native, with a visible language control. */
.commercial-total {max-width:970px;margin:24px 0 38px;padding:24px 28px;border:1px solid var(--line);border-left:3px solid var(--red);border-radius:12px}
.commercial-total h2 {font-size:23px;line-height:1.4;margin:0 0 12px}
.commercial-total p {font-size:15px;line-height:1.9;font-variant-numeric:tabular-nums}
.pricing-faq {margin-bottom:18px}
.pricing-faq summary {min-height:44px}
.faq summary::marker {color:var(--red)}
@media(max-width:520px) {
.commercial-total {padding:22px;margin-top:22px}
.commercial-total h2 {font-size:22px}
.commercial-total p {font-size:14px}
}
@media(forced-colors:active) {
.commercial-total {border-color:CanvasText}
}

/* 0.3.3 shared shell. Superseded header/footer rules have been removed above;
   native details remain a usable navigation fallback without JavaScript. */
:root { --shell-bg:#101115; --shell-text:#f7f7f9; --shell-muted:#c6c9d3; --shell-line:#515563; --shell-focus:#ff9699; --gutter:64px; }
.wrap { width:100%; max-width:1408px; padding-inline:var(--gutter); margin-inline:auto; }
.prototype { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; min-height:24px; padding:2px 16px; background:var(--shell-bg); color:var(--shell-muted); font-size:12px; line-height:20px; text-align:center; border-bottom:1px solid #ffffff12; }
.prototype:after { content:none; }
.site-header { position:relative; z-index:30; background:var(--shell-bg); color:var(--shell-text); border-bottom:1px solid #ffffff12; }
.site-header .nav { position:relative; display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:80px; padding-block:10px; }
.site-header .logo { display:inline-flex; align-items:center; flex:0 0 auto; min-width:0; text-decoration:none; }
.brand-lockup { display:block; width:208px; height:auto; aspect-ratio:307/78; object-fit:contain; }
.desktop-nav { display:flex; align-items:center; gap:20px; margin-left:auto; }
.desktop-nav > a, .nav-disclosure > summary { display:flex; align-items:center; min-height:44px; gap:6px; padding:8px 0; color:#d4d6de; font-size:14px; font-weight:550; line-height:1.4; }
.site-header a { transition:background .16s, color .16s; }
.site-header a:hover, .site-header summary:hover { color:#fff; }
.site-header a[aria-current] { color:#ff9699; text-decoration:underline; text-underline-offset:6px; }
.nav-tools { display:flex; align-items:center; gap:12px; flex:0 0 auto; }
.site-header summary { cursor:pointer; list-style:none; }
.site-header summary::-webkit-details-marker { display:none; }
.language-menu, .nav-disclosure { position:relative; }
.language-menu > summary, .mobile-menu > summary { display:flex; align-items:center; justify-content:center; gap:6px; min-width:64px; min-height:44px; padding:8px; border:1px solid #606572; border-radius:10px; background:#1b1e26; color:#f7f7f9; font-size:14px; font-weight:650; line-height:1.4; }
.language-icon { flex:none; }
.language-menu[open] > summary, .mobile-menu[open] > summary, .nav-disclosure[open] > summary { border-color:var(--shell-focus); color:var(--shell-focus); }
.language-menu > summary:hover, .mobile-menu > summary:hover { background:#303541; }
.language-menu ul, .nav-dropdown { position:absolute; z-index:65; right:0; top:100%; margin:8px 0 0; padding:8px; min-width:180px; max-width:min(320px,calc(100vw - 32px)); max-height:min(440px,calc(100svh - 112px)); overflow:auto; overscroll-behavior:contain; background:#20232b; color:#f7f7f9; border:1px solid #737b8c; border-radius:12px; box-shadow:0 18px 40px #0007; list-style:none; }
.nav-dropdown { right:auto; left:0; min-width:220px; }
.language-menu li a, .nav-dropdown a { display:flex; align-items:center; min-height:48px; padding:10px 12px; border-radius:7px; font-size:16px; line-height:1.5; overflow-wrap:anywhere; }
.language-menu li a:hover, .nav-dropdown a:hover, .mobile-menu nav a:hover { background:#333743; }
.language-menu [aria-current], .nav-dropdown [aria-current], .mobile-menu nav a[aria-current] { background:#42252e; color:#ffadb0; }
.site-header .button.header-contact { min-height:44px; padding:10px 16px; background:transparent; border:1px solid #737b8c; color:#f7f7f9; border-radius:100px; font-size:14px; font-weight:550; line-height:1.45; }
.site-header .button.header-contact:hover { background:#303541; color:#fff; }
.mobile-menu { display:none; }
.site-header :is(a,summary):focus-visible { outline:3px solid var(--shell-focus); outline-offset:4px; }
.site-header :is(.language-menu li a,.nav-dropdown a,.mobile-menu nav a):focus-visible { outline-offset:-3px; }
.site-footer { margin-top:48px; padding-top:40px; padding-bottom:32px; border-top:1px solid #424652; color:#f0f1f6; }
.footer-top { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:32px; padding-bottom:32px; }
.footer-top > * { min-width:0; }
.footer-wordmark { display:inline-flex; min-height:44px; align-items:center; gap:6px; font-size:26px; letter-spacing:-1px; }
.footer-top p { margin-top:8px; color:#c6c9d3; font-size:14px; line-height:1.7; }
.footer-top .micro { max-width:260px; font-size:14px; }
.footer-top nav { display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.footer-top nav a, .cookie-preferences { display:inline-flex; align-items:center; min-height:44px; padding:8px 0; color:#cdd0da; font-size:14px; line-height:1.5; overflow-wrap:anywhere; text-align:left; }
.cookie-preferences { position:static; border:0; background:none; font-family:inherit; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.footer-top nav a:hover, .cookie-preferences:hover, .footer-bottom a:hover { color:#ff9699; }
.footer-bottom { display:grid; grid-template-columns:1.2fr 1fr; gap:32px; padding-top:24px; border-top:1px solid #424652; color:#c6c9d3; font-size:14px; line-height:1.7; }
.footer-bottom > div > a { display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; text-underline-offset:4px; }
.footer-bottom .build { display:block; margin-top:4px; font-size:14px; }
.site-footer :is(a,button):focus-visible { outline:3px solid var(--shell-focus); outline-offset:4px; }
@media (max-width:1199px) { :root { --gutter:40px; } .desktop-nav { gap:14px; } .desktop-nav > a,.nav-disclosure > summary { font-size:14px; } .brand-lockup { width:200px; } .site-header .button.header-contact { padding-inline:12px; } .nav-tools { gap:8px; } }
@media (max-width:1099px) {
 .site-header .nav { min-height:72px; padding-block:10px; gap:16px; }
 .desktop-nav,.desktop-cta { display:none; }
 .brand-lockup { width:200px; }
 .mobile-menu { display:block; }
 .mobile-menu > summary { width:48px; min-width:48px; min-height:48px; padding:10px; }
 .mobile-menu > nav { position:absolute; z-index:60; top:100%; left:var(--gutter); right:var(--gutter); display:grid; grid-template-columns:1.3fr 1fr 1fr; align-items:start; gap:16px; max-height:calc(100svh - 112px); overflow-y:auto; overscroll-behavior:contain; padding:16px; border:1px solid #737b8c; border-radius:12px; background:#20232b; box-shadow:0 18px 40px #0007; }
 .mobile-nav-group { min-width:0; }
 .mobile-nav-group p { color:#b6bac8; font-size:13px; font-weight:700; line-height:1.5; margin:0 12px 8px; }
 .mobile-menu nav a { display:flex; align-items:center; min-height:48px; padding:10px 12px; font-size:16px; line-height:1.5; border-radius:7px; overflow-wrap:anywhere; }
 .footer-top { grid-template-columns:1.2fr 1fr; gap:32px; }
}
@media (max-width:767px) {
 :root { --gutter:24px; }
 .site-header .nav { gap:8px; }
 .nav-tools { gap:8px; }
 .language-menu > summary { width:44px; min-width:44px; min-height:44px; padding:8px 4px; }
 .language-menu .language-icon,.language-menu .disclosure-chevron { display:none; }
 .mobile-menu > summary { width:44px; min-width:44px; min-height:44px; }
 .mobile-menu > nav { grid-template-columns:1fr; padding:12px; gap:16px; }
 .footer-top { gap:24px; }
 .footer-bottom { grid-template-columns:1fr; gap:16px; }
}
@media (max-width:374px) { :root { --gutter:16px; } .brand-lockup { width:180px; } .footer-top { grid-template-columns:1fr; } }
@media (max-width:359px) { .brand-lockup { width:160px; } }
@media (forced-colors:active) { .site-header,.site-footer { color:CanvasText; background:Canvas; } .site-header :is(summary,a), .cookie-preferences { color:LinkText; } .site-header :is(summary,ul,.nav-dropdown,.mobile-menu > nav) { border-color:CanvasText; } }

.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }