/* SWS Order premium presentation. The approved home composition is preserved;
   the shared commercial system below extends it to every localized route. */
.design-preview #main {min-width:0}
.design-preview .button {border-radius:100px;min-height:52px;font-size:13px;font-weight:650;padding:16px 24px;gap:22px;transition:background .22s,transform .22s,box-shadow .22s}
.design-preview .button.red {background:#ce181e;color:#fff}
.design-preview .button.red:hover {background:#e5242b;transform:translateY(-2px);box-shadow:0 10px 25px #bb182a20}
.design-preview .button.small {min-height:44px;padding:12px 20px;font-size:11px}
.design-preview .hero:before {content:none}
.design-preview .hero-art {height:545px;overflow:clip;background:transparent;border-radius:0;isolation:isolate;align-self:center}
.design-preview .hero-art:before {inset:28px -10px 5px -35px;background:radial-gradient(ellipse at 48% 56%,#82202c66,transparent 70%);opacity:1;background-size:auto}
.design-preview .hero-art:after {content:'SWS ORDER';font-size:10px;letter-spacing:.24em;color:#686b76;bottom:-16px;right:0}
.design-preview .stage-label {position:absolute;right:4px;top:-3px;color:#c3c5cf;border:1px solid #ffffff20;padding:7px 11px;border-radius:30px;font-size:9px;letter-spacing:.06em}
.design-preview .stage-label .dot {background:#ff575d;width:5px;height:5px}
.design-preview .orbit {inset:35px -32px 15px 45px;border:1px solid #ffffff08;transform:rotate(-14deg)}
.design-preview .preview-console {position:absolute;left:110px;right:-5px;top:83px;height:363px;background:#1d1f26;border:1px solid #565962;border-radius:17px;transform:perspective(1200px) rotateY(-8deg) rotateZ(4deg);box-shadow:0 26px 50px #0006;overflow:hidden}
.design-preview .console-bar {height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 19px;border-bottom:1px solid #3b3d46;background:#24262e}
.design-preview .console-brand {font-size:13px;color:#f6f6fa;letter-spacing:-.3px}
.design-preview .badge-demo {font-size:9px;border-radius:5px;color:#c6c8d2;border:1px solid #51545f;padding:3px 6px}
.design-preview .console-content {padding:22px 18px 20px 150px}
.design-preview .console-content>.eyebrow {font-size:8px;letter-spacing:.1em;color:#c0c3ce}
.design-preview .console-title {font-size:15px;color:#fff;display:flex;gap:12px;margin:8px 0 18px;white-space:nowrap}
.design-preview .console-count {color:#a1a5b3;font-size:10px;border:1px solid #454852;border-radius:5px;padding:2px 6px}
.design-preview .console-order {background:#292c35;border:1px solid #454853;border-radius:9px;padding:12px;margin-bottom:10px;color:#f3f4f7}
.design-preview .console-order>div {display:flex;justify-content:space-between;font-size:10px;gap:14px}
.design-preview .console-order>div>span {color:#c3c6d0}
.design-preview .console-order p {font-size:9px;line-height:1.6;margin:7px 0;color:#bdc0cb}
.design-preview .console-order .state {font-size:8px;line-height:1.3;padding:4px 7px;display:inline-flex}
.design-preview .phone {left:0;top:29px;width:252px;height:490px;border:6px solid #373a42;border-radius:39px;transform:rotate(-7deg);background:#faf8f3;box-shadow:0 2px 0 1px #a0a4ad66,0 36px 65px #0008;color:#17191e;z-index:2}
.design-preview .phone .island {background:#17191e;height:21px;border-radius:0 0 14px 14px;width:76px;margin-bottom:16px}
.design-preview .phone-head {padding:0 16px 15px}
.design-preview .mini-logo {font-size:19px;font-weight:800}
.design-preview .phone-cover {height:162px;background:#f2d6be;padding:5px 19px}
.design-preview .phone-copy {padding:19px 17px 10px}
.design-preview .phone-copy .eyebrow {font-size:7px;letter-spacing:.1em;color:#62666f}
.design-preview .phone-copy h3 {font-size:24px;line-height:1.1;font-weight:700;letter-spacing:-1.2px;margin:8px 0}
.design-preview .phone-copy p {font-size:9px;color:#6b6e74;line-height:1.5}
.design-preview .phone-price {margin:15px 0 5px;font-size:14px;font-weight:750}
.design-preview .phone-price .round {display:grid;place-items:center;font-size:20px;background:#17191e;width:28px;height:28px}
.design-preview .phone-bottom {margin:0 17px;padding:13px 14px;border-radius:24px;background:#17191e;font-size:10px}
.design-preview .floating-ticket {right:-8px;bottom:-4px;min-width:265px;padding:19px 20px;border:1px solid #f0f1f5;border-radius:15px;transform:rotate(3deg);box-shadow:0 22px 40px #0004;background:#fdfdfd;color:#17191e;z-index:3}
.design-preview .ticket-kicker {font-size:8px;color:#646874;letter-spacing:.1em;font-weight:700}
.design-preview .ticket-title {font-size:16px;letter-spacing:-.5px;font-weight:700;margin:9px 0}
.design-preview .ticket-title>span {color:#a0a4ad;font-size:20px;font-weight:500}
.design-preview .ticket-small {font-size:10px;color:#606570}
.design-preview .ticket-line {font-size:10px;border-top:1px dashed #d8dbe0;margin:13px 0 0;padding-top:13px;align-items:center}
.design-preview .ticket-status {color:#885b00;background:#fff1c9;border-radius:4px;padding:4px 6px;font-size:8px}
.design-preview .benefits {margin:0 0 100px;padding:28px 0;gap:30px;border-top:0}
.design-preview .benefit {color:#494e59;justify-content:center;font-size:11px;font-weight:650}
.design-preview .benefit:first-child {justify-content:flex-start}
.design-preview .benefit:last-child {justify-content:flex-end}
.design-preview .benefit-icon {color:#ba1921;font-size:24px;line-height:1}
.design-preview .section-head {margin-bottom:42px;align-items:flex-start}
.design-preview .section-head h2 {font-size:clamp(32px,3.4vw,48px);font-weight:600;line-height:1.13;letter-spacing:-2px;max-width:620px}
.design-preview .section-head p {font-size:14px;line-height:1.85;max-width:345px;padding-top:7px;color:#62666f}
.design-preview .workflow {gap:40px;margin-bottom:100px}
.design-preview .step {padding:25px 0 0;border-top:1px solid #c9ccd2}
.design-preview .step-number {font-size:43px;line-height:1;font-weight:400;letter-spacing:-2px;color:#babdc5}
.design-preview .step h3 {font-size:19px;font-weight:650;letter-spacing:-.5px;margin:24px 0 12px}
.design-preview .step p {font-size:13px;line-height:1.9;color:#62666f;max-width:340px}
.design-preview .dark-section {margin-bottom:105px;padding:64px;background:#15171d;border-radius:28px;gap:70px;color:white}
.design-preview .dark-section .eyebrow {color:#d1787f;font-size:9px;letter-spacing:.16em;margin:0 0 24px}
.design-preview .dark-section h2 {font-size:39px;font-weight:550;line-height:1.15;letter-spacing:-1.8px}
.design-preview .dark-section p {font-size:14px;color:#b5b9c5;line-height:1.85;margin:22px 0 27px}
.design-preview .dark-section .button.light {border:0;background:#f5f5f7;color:#16181e;font-size:12px}
.design-preview .mini-kitchen {background:#22252e;border:1px solid #474a55;border-radius:16px;padding:27px;transform:rotate(2deg);box-shadow:0 25px 35px #0003}
.design-preview .mini-kitchen-top {font-size:12px;color:#e0e2e8;align-items:center;margin:0 0 20px}
.design-preview .mini-order {background:#f8f9fb;display:block;padding:18px;border-radius:10px;margin:13px 0 0;color:#222733}
.design-preview .mini-order>div {font-size:11px;align-items:center}
.design-preview .mini-order strong {font-size:12px}
.design-preview .mini-order p {font-size:11px;color:#646a76;margin:9px 0 12px}
.design-preview .mini-order .state {font-size:9px;display:inline-flex;padding:5px 9px}
.design-preview .pricing-teaser {background:#ededf0;border:0;border-radius:24px;padding:46px 48px;gap:55px;margin-bottom:85px;align-items:start}
.design-preview .pricing-teaser .eyebrow {font-size:9px;line-height:1.7;letter-spacing:.09em;color:#8a272e;margin-bottom:20px;max-width:360px}
.design-preview .pricing-teaser h2 {font-size:32px;line-height:1.18;font-weight:600;letter-spacing:-1.5px;margin-bottom:19px;max-width:410px}
.design-preview .pricing-teaser p:not(.eyebrow) {font-size:13px;line-height:1.85;color:#62666f}
.design-preview .teaser-price {font-size:48px;line-height:1.2;font-weight:600;letter-spacing:-2px;margin-top:28px}
.design-preview .teaser-price span {display:block;font-size:12px;font-weight:500;letter-spacing:0;color:#62666f;margin-top:9px}
.design-preview .teaser-details {border-color:#cccfd6;padding-left:45px;padding-top:6px;align-self:stretch}
.design-preview .teaser-details h3 {font-size:23px;font-weight:600;line-height:1.4;letter-spacing:-.7px}
.design-preview .teaser-details p {margin-top:22px}
.design-preview .teaser-details .button {font-size:12px;min-height:46px;border-bottom:1px solid #858994;border-radius:0;margin:22px 0;padding-left:0;padding-right:0}
.design-preview .teaser-details .micro {color:#6c5359;font-size:10px;line-height:1.8}
.design-preview .sector-overview {padding:0 0 85px}
.design-preview .sector-grid {gap:18px}
.design-preview .sector-card {background:transparent;border:1px solid #d5d7dd;border-radius:17px;padding:28px;min-height:230px;transition:border-color .25s,background .25s,transform .25s}
.design-preview .sector-card:hover {background:white;border-color:#aaaeb9;transform:translateY(-4px)}
.design-preview .sector-card .eyebrow {color:#a9adb7;font-size:11px;margin-bottom:31px}
.design-preview .sector-card h3 {font-size:21px;font-weight:650;letter-spacing:-.8px;line-height:1.3;margin:0 0 20px}
.design-preview .sector-card h3 .arrow {color:#c9151a}
.design-preview .sector-card p {font-size:12px;color:#62666f;line-height:1.85}
.design-preview .status-teaser {padding:45px 0 55px;gap:80px;border-top:1px solid #d5d8df;align-items:center}
.design-preview .status-teaser .eyebrow {color:#ab1720;font-size:9px;letter-spacing:.15em;margin:0 0 18px}
.design-preview .status-teaser h2 {font-size:33px;letter-spacing:-1.3px;font-weight:600}
.design-preview .status-teaser p:not(.eyebrow) {font-size:13px;color:#62666f;line-height:1.85;margin:18px 0 0;max-width:470px}
.design-preview .status-pills {gap:8px}
.design-preview .status-pill {border-radius:6px;font-size:9px;padding:7px 9px}
.design-preview .status-teaser .button {padding-left:0;font-size:12px;margin-top:15px}
.design-preview .managed-section {max-width:none;margin:30px 0 0;padding:78px 24px 83px;text-align:center;border-top:1px solid #d5d8df}
.design-preview .managed-section .eyebrow {font-size:9px;color:#a41b24;letter-spacing:.2em}
.design-preview .managed-section h2 {font-size:clamp(34px,4vw,56px);font-weight:550;letter-spacing:-2.5px;line-height:1.15;margin:22px 0}
.design-preview .managed-section p:not(.eyebrow) {font-size:14px;line-height:1.9;color:#62666f;max-width:560px;margin:0 auto 28px}
.design-preview .hero-art {animation:stage-in .9s cubic-bezier(.2,.7,.2,1) both}
.design-preview a:focus-visible,
.design-preview summary:focus-visible {outline:3px solid #ff6065;outline-offset:5px}
@keyframes copy-in {from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes stage-in {from{opacity:0;transform:translateY(22px) rotate(1deg)}to{opacity:1;transform:none}}
@media(max-width:1200px) {
.design-preview .hero-art {transform-origin:center;scale:.93}
.design-preview .preview-console {left:96px;right:-8px}
.design-preview .console-content {padding-left:137px}
.design-preview .dark-section {padding:48px;gap:45px}
.design-preview .dark-section h2 {font-size:34px}
}
@media(max-width:1000px) {
.design-preview .hero-art {scale:.86;transform-origin:50% 50%;margin-left:-20px}
.design-preview .console-content {padding-left:115px}
.design-preview .floating-ticket {right:-25px;min-width:250px}
.design-preview .section-head h2 {font-size:37px}
.design-preview .dark-section {padding:40px;gap:32px}
.design-preview .dark-section h2 {font-size:31px}
.design-preview .mini-kitchen {padding:19px}
.design-preview .pricing-teaser {padding:40px;gap:35px}
.design-preview .teaser-details {padding-left:32px}
.design-preview .sector-card {padding:24px}
.design-preview .sector-card h3 {font-size:19px}
.design-preview .status-teaser {gap:45px}
}
@media(max-width:850px) {
.design-preview .hero-art {width:550px;max-width:100%;height:535px;margin:20px auto 0;scale:1;text-align:left}
.design-preview .phone {left:25px}
.design-preview .preview-console {left:139px;right:0}
.design-preview .console-content {padding-left:150px}
.design-preview .floating-ticket {right:10px;bottom:0}
.design-preview .stage-label {right:14px}
.design-preview .benefits {gap:14px;margin-bottom:65px}
.design-preview .benefit {font-size:10px;gap:10px;justify-content:flex-start!important}
.design-preview .benefit-icon {font-size:21px}
.design-preview .section-head h2 {font-size:34px}
.design-preview .section-head p {font-size:12px;max-width:265px}
.design-preview .workflow {gap:23px;margin-bottom:65px}
.design-preview .step h3 {font-size:17px}
.design-preview .step p {font-size:12px}
.design-preview .dark-section {gap:30px;padding:35px;margin-bottom:65px}
.design-preview .dark-section h2 {font-size:31px}
.design-preview .dark-section p {font-size:13px}
.design-preview .mini-kitchen {padding:20px}
.design-preview .pricing-teaser {margin-bottom:65px;padding:34px;gap:29px}
.design-preview .pricing-teaser h2 {font-size:28px}
.design-preview .teaser-details h3 {font-size:20px}
.design-preview .sector-overview {padding-bottom:55px}
.design-preview .sector-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.design-preview .sector-card {padding:21px;min-height:245px}
.design-preview .sector-card h3 {font-size:17px;align-items:start}
.design-preview .sector-card p {font-size:11px}
.design-preview .status-teaser {gap:30px}
.design-preview .status-teaser h2 {font-size:29px}
.design-preview .managed-section {padding:60px 0}
}
@media(max-width:760px) {
.design-preview .section-head {display:block;margin-bottom:27px}
.design-preview .section-head p {max-width:480px;margin-top:20px;font-size:13px}
.design-preview .benefits {display:flex;flex-wrap:wrap;gap:16px 30px;margin-bottom:60px;padding:27px 0}
.design-preview .benefit {font-size:11px}
.design-preview .workflow {grid-template-columns:1fr;gap:27px}
.design-preview .step {display:grid;grid-template-columns:56px 1fr;column-gap:18px;row-gap:10px;padding-top:24px}
.design-preview .step-number {grid-row:1/3;font-size:34px;line-height:1.3}
.design-preview .step h3 {font-size:18px;margin:0}
.design-preview .step p {font-size:13px;max-width:510px}
.design-preview .dark-section {grid-template-columns:1fr;padding:34px;border-radius:22px;gap:30px}
.design-preview .dark-section h2 {font-size:34px}
.design-preview .dark-section p {max-width:500px}
.design-preview .mini-kitchen {max-width:480px;width:100%;margin:auto;transform:rotate(1.3deg)}
.design-preview .pricing-teaser {grid-template-columns:1fr;gap:30px;padding:32px;border-radius:20px}
.design-preview .teaser-details {border:0;border-top:1px solid #cbced6;padding:27px 0 0}
.design-preview .teaser-details h3 {font-size:22px}
.design-preview .teaser-price {font-size:47px}
.design-preview .pricing-teaser h2 {font-size:32px}
.design-preview .pricing-teaser .eyebrow {max-width:330px}
.design-preview .sector-grid {grid-template-columns:1fr;gap:15px}
.design-preview .sector-card {min-height:0;padding:25px;display:grid;grid-template-columns:27px 1fr;column-gap:20px}
.design-preview .sector-card .eyebrow {grid-row:1/3;margin:0;padding-top:4px}
.design-preview .sector-card h3 {font-size:20px;margin-bottom:13px}
.design-preview .sector-card p {font-size:12px}
.design-preview .status-teaser {grid-template-columns:1fr;gap:15px;padding:35px 0}
.design-preview .status-teaser h2 {font-size:31px}
.design-preview .status-teaser p:not(.eyebrow) {max-width:520px}
.design-preview .managed-section h2 {letter-spacing:-1.7px}
}
@media(max-width:520px) {
.design-preview .hero-art {height:452px;margin:16px auto 0;width:100%;max-width:370px}
.design-preview .hero-art:after {font-size:8px;bottom:-17px;right:0}
.design-preview .hero-art:before {inset:0 -25px 0 -25px}
.design-preview .phone {width:214px;height:424px;border-width:5px;border-radius:32px;left:10px;top:13px;transform:rotate(-5deg)}
.design-preview .phone .island {width:66px;height:18px;margin-bottom:10px}
.design-preview .phone-head {padding:0 14px 12px}
.design-preview .mini-logo {font-size:17px}
.design-preview .phone-cover {height:130px;padding:0 13px}
.design-preview .phone-copy {padding:15px 14px 10px}
.design-preview .phone-copy .eyebrow {font-size:6px}
.design-preview .phone-copy h3 {font-size:21px;margin:7px 0}
.design-preview .phone-copy p {font-size:8px}
.design-preview .phone-price {font-size:12px;margin:12px 0 0}
.design-preview .phone-price .round {width:26px;height:26px}
.design-preview .phone-bottom {margin:0 14px;padding:11px 12px;font-size:9px}
.design-preview .preview-console {left:95px;right:0;top:78px;height:279px;border-radius:12px;transform:rotate(4deg)}
.design-preview .console-bar {padding:0 12px;height:43px}
.design-preview .console-brand {font-size:10px}
.design-preview .console-bar .badge-demo {font-size:7px}
.design-preview .console-content {padding:13px 10px 10px 102px}
.design-preview .console-content .eyebrow {font-size:6px;letter-spacing:0}
.design-preview .console-title {font-size:10px;margin:5px 0 10px;gap:5px}
.design-preview .console-count {display:none}
.design-preview .console-order {padding:9px 7px;border-radius:6px;margin-bottom:9px}
.design-preview .console-order>div {font-size:7px;gap:6px;flex-wrap:wrap}
.design-preview .console-order p {font-size:6px;line-height:1.6;margin:6px 0}
.design-preview .console-order .state {font-size:6px;padding:3px 4px}
.design-preview .floating-ticket {right:-3px;bottom:0;min-width:210px;padding:15px 16px;border-radius:12px}
.design-preview .ticket-kicker {font-size:6px}
.design-preview .ticket-title {font-size:13px;margin:7px 0}
.design-preview .ticket-title>span {font-size:17px}
.design-preview .ticket-small {font-size:8px}
.design-preview .ticket-line {font-size:8px;margin-top:10px;padding-top:10px;gap:12px}
.design-preview .ticket-status {font-size:7px}
.design-preview .stage-label {font-size:7px;right:0;top:-8px;padding:6px 8px}
.design-preview .benefits {gap:18px;display:grid;grid-template-columns:1fr;margin-bottom:50px;padding:28px 0}
.design-preview .benefit {font-size:11px;gap:15px}
.design-preview .benefit-icon {width:25px;text-align:center;font-size:21px}
.design-preview .section-head h2 {font-size:32px;letter-spacing:-1.5px}
.design-preview .section-head p {font-size:12px;margin-top:18px}
.design-preview .workflow {margin-bottom:55px}
.design-preview .step {grid-template-columns:42px 1fr;column-gap:15px}
.design-preview .step-number {font-size:29px}
.design-preview .step h3 {font-size:17px}
.design-preview .step p {font-size:12px}
.design-preview .dark-section {padding:29px 24px;margin-bottom:55px}
.design-preview .dark-section h2 {font-size:29px;letter-spacing:-1.3px}
.design-preview .dark-section p {font-size:12px}
.design-preview .dark-section .eyebrow {font-size:8px}
.design-preview .dark-section .button {font-size:11px;padding:15px 19px}
.design-preview .mini-kitchen {padding:16px}
.design-preview .mini-kitchen-top {font-size:10px}
.design-preview .mini-order {padding:15px}
.design-preview .mini-order strong {font-size:10px}
.design-preview .mini-order p {font-size:9px}
.design-preview .pricing-teaser {padding:28px 24px;margin-bottom:55px}
.design-preview .pricing-teaser h2 {font-size:29px}
.design-preview .pricing-teaser p:not(.eyebrow) {font-size:12px}
.design-preview .teaser-details h3 {font-size:20px}
.design-preview .sector-card {padding:23px 20px;gap:12px}
.design-preview .sector-card h3 {font-size:19px}
.design-preview .status-teaser h2 {font-size:29px}
.design-preview .status-teaser p:not(.eyebrow) {font-size:12px}
.design-preview .status-pill {font-size:8px}
.design-preview .managed-section {padding:48px 0 58px}
.design-preview .managed-section h2 {font-size:35px;letter-spacing:-1.7px}
.design-preview .managed-section p:not(.eyebrow) {font-size:12px}
.design-preview .managed-section .button {font-size:12px}
}
@media(max-width:350px) {
.design-preview .hero-art {scale:.92;transform-origin:top center;margin-bottom:-32px}
.design-preview .phone {left:0}
.design-preview .floating-ticket {right:-10px}
.design-preview .preview-console {left:78px;right:-5px}
.design-preview .stage-label {right:-4px}
.design-preview .dark-section {padding:25px 20px}
.design-preview .section-head h2 {font-size:29px}
.design-preview .dark-section h2 {font-size:27px}
.design-preview .managed-section h2 {font-size:32px}
}
@media(prefers-reduced-motion:reduce) {
.design-preview *,
.design-preview *::before,
.design-preview *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* Commercial design system: shared by every localized route, root and error page.
   The original approved home composition and logo assets are retained. */
.design-preview {
  --paper: #101115;
  --ink: #f7f7f9;
  --muted: #b4b8c4;
  --line: #343740;
  --surface: #191b22;
  --surface-raised: #22252e;
  --accent-readable: #ff797d;
  font-family: Manrope, system-ui, sans-serif;
  font-size: 16px;
  font-family: Manrope, system-ui, sans-serif;
  font-size: 16px;
  color-scheme: dark;
  background: var(--paper);
  color: var(--ink);
  line-height: 1.7;
}
.design-preview ::selection { background: #a31621; color: #fff; }
.design-preview #main { padding-bottom: 12px; }
.design-preview .skip-link { background: #fff; color: #17191e; border-radius: 8px; font-size: 15px; }
.design-preview :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible { outline: 3px solid #ff9699; outline-offset: 5px; }
.design-preview .breadcrumbs { font-size: 13px; color: #c8cbd5; padding-top: 28px; }
.design-preview .breadcrumbs a { color: #c8cbd5; text-decoration: underline; text-underline-offset: 4px; }
.design-preview .breadcrumbs a:hover { color: #fff; }
.design-preview .button { background: #f2f3f6; color: #17191e; font-size: 14px; line-height: 1.45; text-wrap: balance; }
.design-preview .button.red { background: #ce181e; color: #fff; }
.design-preview .button.brand { background: color-mix(in srgb,var(--brand),#000 23%); color: #fff; }
.design-preview .button.red:hover { background: #e5242b; }
.design-preview .button.light { background: #f2f3f6; color: #17191e; border-color: #f2f3f6; }
.design-preview .button.light:hover { background: #dcdfe7; color: #17191e; }
.design-preview .button.ghost { color: #f0f1f6; background: transparent; border-radius: 0; padding-left: 0; padding-right: 0; border-bottom: 1px solid #686e7c; }
.design-preview .button.ghost:hover { color: #ff9699; border-bottom-color: #ff9699; }
.design-preview .button.small { font-size: 12px; min-height: 46px; }
.design-preview .button:disabled { opacity: .6; transform: none; box-shadow: none; }
.design-preview .hero-art .phone { color-scheme: light; }
.design-preview .hero-art .phone .eyebrow { color: #62666f; }
.design-preview .floating-ticket { color-scheme: light; }
.design-preview .ticket-title > span { color: #686d78; }
.design-preview .benefits { border-color: var(--line); }
.design-preview .benefit { color: #d5d7df; font-size: 13px; }
.design-preview .benefit-icon { color: #ff797d; }
.design-preview .section-head h2 { max-width: 730px; }
.design-preview .section-head p,
.design-preview .step p { color: #b4b8c4; font-size: 14px; }
.design-preview .step { border-color: #515563; }
.design-preview .step-number { color: #a8aebb; }
.design-preview .step h3 { font-size: 21px; line-height: 1.4; }
.design-preview .dark-section { background: #1c1e26; border: 1px solid #3e424f; }
.design-preview .dark-section .eyebrow { color: #ff9699; font-size: 11px; }
.design-preview .dark-section p { color: #c1c5d1; }
.design-preview .mini-kitchen { background: #272a34; }
.design-preview .mini-kitchen .mini-order { color: #222733; color-scheme: light; }
.design-preview .mini-kitchen .mini-order p { color: #555c69; }
.design-preview .mini-kitchen .mini-order .state { color: #755019; }
.design-preview .mini-kitchen .mini-order .state.preparing { color: #894818; }
.design-preview .pricing-teaser { background: #20232b; border: 1px solid #3c404d; }
.design-preview .pricing-teaser .eyebrow { color: #ff9699; font-size: 11px; }
.design-preview .pricing-teaser p:not(.eyebrow),
.design-preview .teaser-price span,
.design-preview .teaser-details .micro { color: #bec2ce; font-size: 14px; }
.design-preview .teaser-details { border-color: #4d5260; }
.design-preview .teaser-details .button { font-size: 14px; }
.design-preview .sector-overview { padding-top: 38px; }
.design-preview .support-card,
.design-preview .feature-card,
.design-preview .price-card { background: #191c23; border: 1px solid #3b3f4c; border-radius: 20px; padding: 32px; }
.design-preview .support-card p,
.design-preview .feature-card p,
.design-preview .sector-card p { color: #bec2ce; font-size: 14px; line-height: 1.9; }
.design-preview .support-card h2,
.design-preview .support-card h3 { line-height: 1.35; font-size: 24px; font-weight: 650; letter-spacing: -.6px; }
.design-preview .support-card .eyebrow { color: #b4b8c4; font-size: 11px; }
.design-preview .sector-card { min-height: 254px; }
.design-preview .sector-card:hover { background: #222630; border-color: #a25a62; }
.design-preview .sector-card h3 { font-size: 23px; }
.design-preview .sector-card h3 .arrow { color: #ff797d; }
.design-preview .sector-card .eyebrow { color: #b4b8c4; }
.design-preview .status-teaser { border-color: var(--line); }
.design-preview .status-teaser .eyebrow { color: #ff9699; font-size: 11px; }
.design-preview .status-teaser p:not(.eyebrow) { color: #bec2ce; font-size: 14px; }
.design-preview .status-pill { background: #183a2b; border-color: #416e58; color: #b9efd0; font-size: 11px; padding: 7px 10px; }
.design-preview .status-pill.test { background: #3c3018; border-color: #80662e; color: #f5d68d; }
.design-preview .status-pill.planned { background: #2d3240; border-color: #61697c; color: #d8ddea; }
.design-preview .managed-section { border-color: var(--line); }
.design-preview .managed-section .eyebrow { color: #ff9699; font-size: 11px; }
.design-preview .managed-section p:not(.eyebrow) { color: #bec2ce; font-size: 15px; }
.design-preview .eyebrow { color: #b4b8c4; font-size: 11px; line-height: 1.7; }
.design-preview .page-top { padding-top: 44px; padding-bottom: 40px; max-width: 1030px; }
.design-preview .page-top h1 { font-size: clamp(38px,4.5vw,64px); line-height: 1.13; letter-spacing: -2.5px; font-weight: 600; max-width: 1010px; text-wrap: balance; }
.design-preview .page-top > p:not(.eyebrow) { max-width: 830px; font-size: 17px; color: #bfc3cf; line-height: 1.85; margin-top: 24px; }
.design-preview .feature-grid { gap: 24px; margin-top: 32px; }
.design-preview .feature-card { min-height: 260px; }
.design-preview .feature-card h2 { font-size: 26px; }
.design-preview .feature-top { align-items: flex-start; }
.design-preview .feature-top .status-pill { max-width: 78%; }
.design-preview .feature-top .eyebrow { color: #c5c9d4; }
.design-preview .sector-hero { gap: 60px; padding-top: 54px; padding-bottom: 52px; }
.design-preview .sector-hero h1 { font-size: clamp(40px,4.5vw,64px); letter-spacing: -2.3px; font-weight: 600; line-height: 1.13; hyphens: auto; }
.design-preview .sector-hero .intro { color: #c5c9d4; font-size: 17px; }
.design-preview .sector-hero .micro { color: #b4b8c4; font-size: 13px; line-height: 1.8; }
.design-preview .sector-example { background: #25232b; border: 1px solid #56414b; border-radius: 25px; padding: 36px; box-shadow: 0 26px 60px #0003; }
.design-preview .sector-example.kebab { background: #28231f; border-color: #625143; }
.design-preview .sector-example.pizzerias { background: #2a2025; border-color: #66424b; }
.design-preview .sector-example .eyebrow { color: #e2bbc4; }
.design-preview .example-symbol { color: #ff797d; }
.design-preview .sector-example li { border-color: #5e4e57; font-size: 17px; line-height: 1.7; }
.design-preview .sector-example li:before { color: #d2b5be; }
.design-preview .sector-example .micro { color: #c4bec7; font-size: 13px; line-height: 1.8; }
.design-preview .sector-grid .support-card h2 { font-size: 23px; }
.design-preview .notice { background: #29251e; color: #f0dcba; border: 1px solid #6d5b3f; font-size: 14px; line-height: 1.8; padding: 17px 21px; border-radius: 12px; }
.design-preview .price-foot,
.design-preview .micro { color: #b4b8c4; font-size: 13px; line-height: 1.8; }
.design-preview .pricing-layout { align-items: start; gap: 28px; padding-bottom: 34px; }
.design-preview .price-card { padding: 38px; }
.design-preview .price-card h2 { margin-top: 28px; font-size: 24px; line-height: 1.4; }
.design-preview .price-card > p { color: #c5c9d4; font-size: 15px; }
.design-preview .big-price { font-size: clamp(48px,5.2vw,72px); letter-spacing: -3.8px; }
.design-preview .price-subline { margin: 16px 0 22px; }
.design-preview .check-list { margin-top: 24px; }
.design-preview .check-list li { font-size: 15px; padding-left: 26px; }
.design-preview .check-list li:before { color: #94dbaf; }
.design-preview .quote-card { background: #2c1d24; border: 1px solid #71404e; border-radius: 20px; padding: 38px; }
.design-preview .quote-card h2 { font-size: 37px; line-height: 1.25; letter-spacing: -1.2px; }
.design-preview .quote-card > p,
.design-preview .setup-scope p { color: #dbc8ce; font-size: 15px; }
.design-preview .quote-card .eyebrow { color: #ffb1b4; }
.design-preview .setup-scope { border-color: #6d4553; }
.design-preview .setup-scope h3 { font-size: 19px; }
.design-preview .faq { max-width: 970px; }
.design-preview .faq h2 { font-size: 36px; letter-spacing: -1.3px; }
.design-preview .faq details { padding: 0; }
.design-preview .faq summary { padding: 24px 0; font-size: 17px; line-height: 1.65; font-weight: 600; }
.design-preview .faq details p { padding: 0 20px 24px 0; font-size: 15px; color: #bec2ce; line-height: 1.85; }
.design-preview .hardware-options { gap: 22px; margin-bottom: 24px; }
.design-preview .device-table { background: #191c23; border: 1px solid #3b3f4c; border-radius: 16px; }
.design-preview .device-table thead { background: #252933; }
.design-preview .device-table th,
.design-preview .device-table td { font-size: 14px; padding: 20px; }
.design-preview .device-table td { color: #c4c8d3; }
.design-preview .status-list li { font-size: 14px; align-items: flex-start; }
.design-preview .status-list span:last-child { color: #d1c5a9; font-size: 12px; text-align: right; }
.design-preview .about { margin-top: 36px; padding-top: 34px; font-size: 14px; }
.design-preview .about p { margin-top: 12px; }
.design-preview .about a { color: #ff9699; font-size: 14px; }
.design-preview .request-layout { margin-top: 28px; gap: 28px; }
.design-preview .contact-aside { gap: 24px; }
.design-preview .contact-points { color: #c4c8d3; font-size: 15px; }
.design-preview .field { font-size: 14px; gap: 10px; margin-bottom: 24px; font-weight: 600; }
.design-preview .field input,
.design-preview .field textarea,
.design-preview .field select { background: #11141a; color: #f7f7f9; border: 1px solid #747b8d; padding: 14px 16px; border-radius: 9px; font-size: 16px; line-height: 1.6; font-weight: 400; }
.design-preview .field input::placeholder,
.design-preview .field textarea::placeholder { color: #b0b5c2; opacity: 1; }
.design-preview .field textarea { min-height: 150px; }
.design-preview .field small { color: #b4b8c4; font-size: 12px; }
.design-preview .checkbox { gap: 12px; font-size: 14px; color: #d0d4df; }
.design-preview .checkbox input { width: 22px; height: 22px; margin-top: 3px; }
.design-preview .checkbox a { color: #ff9699; text-decoration: underline; text-underline-offset: 3px; }
.design-preview .field-error { color: #ffadb0; font-size: 13px; font-weight: 500; }
.design-preview .field [aria-invalid=true],
.design-preview .checkbox [aria-invalid=true],
.design-preview .privacy-ack [aria-invalid=true] { border-color: #ffadb0; outline-color: #ffadb0; }
.design-preview .form-errors { background: #3a1e28; color: #ffc9cd; border-color: #a35f6d; font-size: 14px; }
.design-preview .form-errors a { text-decoration: underline; text-underline-offset: 3px; }
.design-preview .request-result:not(:empty) { background: #173326; border-color: #6f9c7b; color: #ceefda; font-size: 14px; line-height: 1.8; }
.design-preview .request-result.error,
.design-preview .request-result[data-state=error],
.design-preview .request-result:is([data-state=correctable],[data-state=unavailable],[data-state=rejected]) { background: #3a1e28; border-color: #a35f6d; color: #ffc9cd; }
.design-preview .request-result:is([data-state=loading],[data-state=sending]) { background: #202b3b; border-color: #7b8ea8; color: #dce7f7; }
.design-preview .request-result[data-state=uncertain] { background: #3b301b; border-color: #b79b58; color: #ffe4a3; }
.design-preview .request-result a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.design-preview .legal-page { max-width: 1100px; }
.design-preview .legal-page section { max-width: 850px; padding: 30px 0; }
.design-preview .legal-page section h2 { font-size: 25px; }
.design-preview .legal-page section p { font-size: 16px; line-height: 1.95; color: #c5c9d4; }
.design-preview .legal-notice { max-width: 850px; }
.design-preview .legal-sources { font-size: 14px; }
.design-preview .legal-sources > a:first-child { color: #ff9699; text-decoration: underline; text-underline-offset: 3px; }
.design-preview .language-chooser { padding-top: 70px; padding-bottom: 70px; }
.design-preview .language-chooser > p { color: #c5c9d4; }
.design-preview .language-options a { background: #1c1f27; border-color: #565b69; border-radius: 17px; padding: 28px; font-size: 20px; transition: background .2s,border-color .2s; }
.design-preview .language-options a:hover { background: #2d242e; border-color: #dd737b; }
.design-preview .language-options span { color: #b4b8c4; font-size: 13px; }
/* The simulated ordering workspace shares the commercial shell. Food artwork
   and the receipt intentionally remain light, as in the approved home phone. */
.design-preview .demo-shell { background: #191c23; border-color: #515766; border-radius: 20px; }
.design-preview .demo-toolbar { gap: 24px; margin: 30px 0; }
.design-preview .tabs { background: #262a34; border: 1px solid #4e5566; flex-wrap: wrap; }
.design-preview .tabs button { min-height: 46px; font-size: 14px; color: #c8cdda; padding: 12px 20px; }
.design-preview .tabs button.active,
.design-preview .tabs button.selected { background: #f3f4f7; color: #17191e; }
.design-preview .helper-link { color: #d4d8e3; font-size: 13px; min-height: 44px; }
.design-preview .reset { color: #ffadb0; }
.design-preview .store-banner { background: #28232b; padding: 30px; }
.design-preview .store-description { color: #c4bac9; font-size: 13px; }
.design-preview .brand-label { display: flex; gap: 18px; flex-wrap: wrap; align-items: center; }
.design-preview .store-banner .badge { background: #3d202b; border-color: #986571; color: #ffd2d5; font-size: 11px; }
.design-preview .brand-symbol { color: #ff797d; }
.design-preview .category-tabs button { border-color: #656c7c; font-size: 13px; padding: 10px 17px; min-height: 44px; }
.design-preview .category-tabs button.active { color: #fff; background: #a91420; border-color: #e1646b; }
.design-preview .product { background: #222630; border-color: #4c5362; border-radius: 13px; }
.design-preview .product-art { color-scheme: light; }
.design-preview .product-info { padding: 18px; }
.design-preview .product-info h3 { font-size: 17px; line-height: 1.4; }
.design-preview .product-info p { color: #c3c9d7; font-size: 13px; line-height: 1.8; }
.design-preview .product-price { font-size: 15px; }
.design-preview .add { background: #f2f3f7; color: #a91420; min-width: 46px; min-height: 46px; }
.design-preview .cart { background: #20242d; border-color: #515766; padding: 28px; }
.design-preview .cart h2 { font-size: 25px; line-height: 1.3; }
.design-preview .empty { color: #c4c9d6; font-size: 14px; }
.design-preview .empty h3 { font-size: 20px; margin: 12px 0; }
.design-preview .cart-line { font-size: 13px; flex-wrap: wrap; }
.design-preview .cart-line strong { font-size: 14px; }
.design-preview .line-options { font-size: 12px; color: #bbc2d0; }
.design-preview .cart-total { font-size: 18px; gap: 18px; }
.design-preview .quantity { border-color: #737b8c; }
.design-preview .quantity button { min-height: 44px; min-width: 44px; }
.design-preview .kitchen { padding: 32px; }
.design-preview .kitchen-top h2 { font-size: 28px; }
.design-preview .pause-switch { font-size: 14px; }
.design-preview .pause-switch input { width: 22px; height: 22px; }
.design-preview .order-card { background: #232731; border-color: #525a6b; border-radius: 14px; }
.design-preview .order-card-head h3 { font-size: 17px; }
.design-preview .order-item,
.design-preview .order-contact { font-size: 14px; }
.design-preview .order-note,
.design-preview .request-box { background: #3b2d20; border-color: #81684b; color: #f6ddbd; font-size: 13px; }
.design-preview .tracking { background: #1d3026; border-color: #5f896e; color: #f3fff8; }
.design-preview .tracking p { color: #c7ddce; font-size: 14px; }
.design-preview .tracking h2 { font-size: 24px; }
.design-preview .state { color: #6a4714; background: #f7dfab; font-size: 11px; }
.design-preview .state.accepted,
.design-preview .state.ready,
.design-preview .state.completed { color: #2a4d31; background: #d9efd9; }
.design-preview .state.preparing { color: #773f19; background: #f6dbc6; }
.design-preview .state.cancelled { color: #7e242b; background: #ffd6d9; }
.design-preview .brand-editor { padding: 32px; }
.design-preview .brand-editor h2 { font-size: 28px; line-height: 1.35; }
.design-preview .brand-preview { background: #252a35; border-color: #657087; }
.design-preview .brand-preview h3 { font-size: 33px; }
.design-preview dialog { background: #1b1f28; color: #f7f7f9; border: 1px solid #737c8f; border-radius: 20px; box-shadow: 0 30px 90px #0009; }
.design-preview dialog::backdrop { background: #05070cb8; }
.design-preview .modal-head h2 { font-size: 25px; font-weight: 600; line-height: 1.35; }
.design-preview .close { background: #343b49; color: #fff; min-width: 44px; min-height: 44px; }
.design-preview .option-label { font-size: 14px; }
.design-preview .radio-option { border-color: #70798b; font-size: 14px; min-height: 54px; }
.design-preview .radio-option:has(input:checked) { background: #3a2330; border-color: #e07c88; }
.design-preview .radio-option input { width: 18px; height: 18px; }
.design-preview .inline-error { background: #492731; color: #ffd2d7; font-size: 14px; }
.design-preview .toast { background: #f0f3f8; color: #17191e; font-size: 14px; }
.design-preview .receipt { background: #fff; color: #17191e; color-scheme: light; }
@media (max-width: 1200px) {
.design-preview .support-card,
.design-preview .feature-card { padding: 27px; }
.design-preview .sector-hero { gap: 35px; }
.design-preview .products { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1000px) {
.design-preview .sector-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.design-preview .sector-grid > :last-child:nth-child(odd) { grid-column: 1/-1; }
.design-preview .hardware-options { grid-template-columns: 1fr; }
.design-preview .sector-hero { grid-template-columns: 1fr; gap: 32px; }
.design-preview .sector-hero h1 { max-width: 830px; }
.design-preview .sector-example { max-width: none; }
.design-preview .sector-example ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.design-preview .sector-example li:before { display: block; margin-bottom: 8px; }
.design-preview .price-card,
.design-preview .quote-card { padding: 30px; }
.design-preview .request-layout { grid-template-columns: 1fr; }
.design-preview .contact-aside { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 850px) {
.design-preview .section-head p { font-size: 14px; }
.design-preview .step h3 { font-size: 19px; }
.design-preview .step p { font-size: 14px; }
.design-preview .benefit { font-size: 12px; }
}
@media (max-width: 760px) {
.design-preview .breadcrumbs { font-size: 12px; padding-top: 24px; }
.design-preview .page-top { padding: 32px 0; }
.design-preview .page-top h1 { font-size: clamp(34px,7.6vw,50px); letter-spacing: -1.6px; overflow-wrap: anywhere; }
.design-preview .page-top > p:not(.eyebrow) { font-size: 16px; margin-top: 20px; }
.design-preview .feature-grid { margin-top: 26px; gap: 18px; }
.design-preview .feature-card { min-height: 0; }
.design-preview .feature-card h2 { font-size: 25px; }
.design-preview .sector-grid { grid-template-columns: 1fr; gap: 18px; }
.design-preview .sector-card { display: block; min-height: 0; }
.design-preview .sector-card .eyebrow { margin-bottom: 26px; }
.design-preview .sector-card h3 { font-size: 24px; }
.design-preview .sector-card p { font-size: 14px; }
.design-preview .sector-overview { padding: 32px 0 50px; }
.design-preview .sector-hero { padding: 32px 0; }
.design-preview .sector-hero h1 { font-size: clamp(36px,8vw,52px); letter-spacing: -1.8px; overflow-wrap: anywhere; }
.design-preview .sector-hero .intro { font-size: 16px; }
.design-preview .sector-example { padding: 28px; }
.design-preview .sector-example ol { grid-template-columns: 1fr; gap: 0; }
.design-preview .sector-example li:before { display: inline; }
.design-preview .contact-aside { display: flex; }
.design-preview .price-card,
.design-preview .quote-card { padding: 28px; }
.design-preview .quote-card h2 { font-size: 33px; }
.design-preview .faq h2 { font-size: 32px; }
.design-preview .faq summary { font-size: 16px; padding: 22px 0; }
.design-preview .notice { font-size: 13px; padding: 16px 18px; }
.design-preview .feature-top .status-pill { font-size: 11px; }
.design-preview .support-card h2,
.design-preview .support-card h3 { font-size: 23px; }
.design-preview .legal-page section h2 { font-size: 23px; }
.design-preview .legal-page section p { font-size: 15px; }
.design-preview .demo-toolbar .tabs { flex-wrap: nowrap; }
.design-preview .demo-toolbar .tabs button { padding: 11px 12px; font-size: 13px; }
.design-preview .store-banner,
.design-preview .kitchen,
.design-preview .brand-editor { padding: 24px; }
.design-preview .menu-area { padding: 22px; }
.design-preview .cart { padding: 26px 22px; }
.design-preview .product-info { padding: 16px; }
.design-preview .brand-label { font-size: 26px; gap: 12px; }
.design-preview .mobile-cart { position: static; }
.design-preview .language-chooser { padding-top: 44px; padding-bottom: 44px; }
}
@media (max-width: 520px) {
.design-preview .hero-art { margin-top: 24px; }
.design-preview .hero-art:after { color: #a8adba; }
.design-preview .stage-label { font-size: 8px; }
.design-preview .benefit { font-size: 13px; }
.design-preview .section-head h2 { font-size: 34px; }
.design-preview .section-head p,
.design-preview .step p { font-size: 14px; }
.design-preview .step h3 { font-size: 20px; }
.design-preview .dark-section { padding: 28px 24px; }
.design-preview .dark-section p { font-size: 14px; }
.design-preview .dark-section .eyebrow { font-size: 10px; }
.design-preview .dark-section .button { font-size: 13px; }
.design-preview .pricing-teaser { padding: 28px 24px; }
.design-preview .pricing-teaser p:not(.eyebrow) { font-size: 14px; }
.design-preview .teaser-details h3 { font-size: 23px; }
.design-preview .sector-card h3 { font-size: 22px; }
.design-preview .sector-card p,
.design-preview .status-teaser p:not(.eyebrow) { font-size: 14px; }
.design-preview .status-pill { font-size: 11px; }
.design-preview .managed-section p:not(.eyebrow) { font-size: 15px; }
.design-preview .managed-section .button { font-size: 14px; }
.design-preview .support-card,
.design-preview .feature-card { padding: 26px; }
.design-preview .tabs { width: 100%; }
.design-preview .demo-toolbar .tabs button { font-size: 12px; padding: 12px 9px; }
.design-preview .products { grid-template-columns: minmax(0,1fr); }
.design-preview .product-art { height: 180px; }
.design-preview .product-info h3 { font-size: 19px; }
.design-preview .product-info p { font-size: 14px; }
.design-preview .product-price { font-size: 17px; }
.design-preview .toolbar-right { flex-wrap: wrap; }
.design-preview .brand-label { font-size: 24px; }
.design-preview .store-banner .badge { font-size: 10px; }
.design-preview .store-banner .brand-symbol { display: none; }
.design-preview .modal-body { padding: 20px; }
.design-preview .modal-head { padding: 20px; }
.design-preview .modal-head h2 { font-size: 22px; }
.design-preview .status-list li { flex-wrap: wrap; gap: 4px; }
.design-preview .status-list span:last-child { text-align: left; }
}
@media (max-width: 380px) {
.design-preview .hero-art { width: 308px; max-width: none; margin-left: calc((100% - 308px)/2); scale: .9; transform-origin: top center; margin-bottom: -35px; }
.design-preview .hero-art .phone { left: 9px; }
.design-preview .preview-console { left: 90px; right: 0; }
.design-preview .floating-ticket { right: -1px; }
.design-preview .stage-label { right: 0; }
.design-preview .section-head h2 { font-size: 31px; }
.design-preview .step { grid-template-columns: 33px minmax(0,1fr); gap: 10px 13px; }
.design-preview .support-card,
.design-preview .feature-card,
.design-preview .price-card,
.design-preview .quote-card { padding: 24px 21px; }
.design-preview .big-price { font-size: 49px; letter-spacing: -2.5px; }
.design-preview .page-top h1 { font-size: 34px; letter-spacing: -1.5px; }
.design-preview .sector-hero h1 { font-size: 36px; letter-spacing: -1.6px; }
.design-preview .sector-example { padding: 25px; }
.design-preview .sector-card h3 { font-size: 22px; }
.design-preview .demo-toolbar .tabs { flex-wrap: wrap; }
.design-preview .demo-toolbar .tabs button { flex-basis: calc(50% - 8px); }
.design-preview .menu-area,
.design-preview .cart,
.design-preview .store-banner,
.design-preview .kitchen,
.design-preview .brand-editor { padding: 20px; }
.design-preview .cart-total { font-size: 17px; }
.design-preview .language-options a { padding: 24px; }
}
@media (prefers-reduced-motion: reduce) {
.design-preview *,
.design-preview *::before,
.design-preview *::after { animation: none!important; transition: none!important; scroll-behavior: auto!important; }
}
/* Consent controls: acceptance and refusal have equal visual weight. */
/* 0.3.2: retain the approved composition while keeping the shared controls
   readable and reachable with narrow screens, text zoom and keyboard input. */
.design-preview .hero-copy { min-width: 0; }
.design-preview .hero-copy > .intro { text-wrap: pretty; }
.design-preview .button .arrow { flex: none; }
.design-preview :is(.workflow,.benefits,.dark-section,.pricing-teaser,.sector-grid,.support-grid,.brand-editor,.field-row) > * { min-width: 0; }
.design-preview :is(.support-card,.feature-card,.price-card,.quote-card) :is(h2,h3,p,li),
.design-preview .tracking h2,
.design-preview .order-contact { overflow-wrap: anywhere; }
.design-preview .tracking-head,
.design-preview .kitchen-top { flex-wrap: wrap; }
.design-preview .device-table { scroll-padding: 20px; scrollbar-color: #8d95a7 #20232b; }
.design-preview .device-table:focus-visible { outline-offset: -4px; }
.design-preview .faq summary { padding-inline: 2px; text-wrap: pretty; }
.design-preview .faq details[open] { padding-bottom: 8px; }
.design-preview .faq details[open] summary { color: #ffb1b4; }
.design-preview .faq summary:focus-visible { outline-offset: -3px; border-radius: 6px; }
.design-preview .commercial-total { border: 1px solid #5b424b; background: #231d25; padding: 28px 32px; border-radius: 16px; margin: 26px 0 42px; max-width: 970px; }
.design-preview .commercial-total h2 { font-size: 25px; line-height: 1.4; letter-spacing: -.6px; margin-bottom: 12px; }
.design-preview .commercial-total p { color: #d8cbd2; font-size: 15px; line-height: 1.85; }
.design-preview .pricing-commitment { max-width: 970px; }
.design-preview .pricing-faq { padding-top: 10px; }
@media (max-width: 760px) {
.design-preview .field-row { grid-template-columns: minmax(0,1fr); }
.design-preview .commercial-total { padding: 24px; margin: 24px 0 34px; }
.design-preview .commercial-total h2 { font-size: 23px; }
.design-preview .commercial-total p { font-size: 14px; }
}
@media (max-width: 420px) {
.design-preview .commercial-total { padding: 23px 21px; }
}
@media (forced-colors: active) {
.design-preview .commercial-total { border-color: CanvasText; }
.design-preview .faq summary::marker { color: CanvasText; }
}

/* 0.3.3 content rhythm and decision blocks. The original Manrope, SVG master,
   charcoal/red palette and decorative composition are preserved. */
.design-preview { --gutter:64px; --red:#ce181e; --accent-readable:#ff575d; }
.design-preview .wrap { max-width:1408px; padding-inline:var(--gutter); }
.design-preview h1,.design-preview h2,.design-preview h3 { text-wrap:balance; }
.design-preview .hero { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:40px; padding:48px 0 64px; min-height:0; text-align:left; }
.design-preview .hero-copy { min-width:0; }
.design-preview .hero .eyebrow { color:#c6c9d3; font-size:13px; line-height:1.6; letter-spacing:.1em; }
.design-preview .hero h1 { max-width:22ch; margin:20px 0; font-size:clamp(44px,4.65vw,68px); font-weight:550; line-height:1.1; letter-spacing:-.045em; overflow-wrap:break-word; hyphens:auto; }
.design-preview .hero h1 em { color:#ff575d; font-style:normal; font-weight:inherit; }
.design-preview .hero .intro { max-width:45ch; color:#c6c9d3; font-size:16px; line-height:1.6; text-wrap:pretty; }
.design-preview .hero .actions { margin:24px 0 16px; gap:16px; align-items:center; }
.design-preview .hero .button { min-height:52px; padding:14px 24px; font-size:16px; line-height:1.5; }
.design-preview .hero .button.ghost { min-height:48px; padding-inline:4px; font-size:15px; color:#f0f1f6; }
.design-preview .hero .micro { max-width:45ch; margin:0; color:#bec2ce; font-size:14px; line-height:1.6; }
.design-preview .status-pill { font-size:13px; line-height:1.6; white-space:normal; text-align:left; }
.design-preview .eyebrow { font-size:13px; line-height:1.6; }
.design-preview .micro,.design-preview .price-foot,.design-preview .support-transition { font-size:14px; line-height:1.7; }
.design-preview .support-transition { margin-top:16px; color:#c6c9d3; }
.design-preview .journey-groups { display:grid; gap:32px; margin-bottom:48px; }
.design-preview .journey-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; padding:32px; background:#191c23; border:1px solid #464b59; border-radius:18px; }
.design-preview .journey-card h2 { margin:16px 0; font-size:32px; line-height:1.2; letter-spacing:-1px; }
.design-preview .journey-card p,.design-preview .journey-card li { color:#c6c9d3; font-size:16px; line-height:1.7; }
.design-preview .journey-card ul { margin:0; padding-left:22px; }
.design-preview .journey-card li + li { margin-top:12px; }
.design-preview .journey-detail { grid-column:1/-1; border-top:1px solid #464b59; padding-top:16px; }
.design-preview .journey-detail summary { min-height:48px; padding:10px 0; font-size:16px; cursor:pointer; }
.design-preview .journey-detail-content { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding-top:24px; }
.design-preview .journey-detail-content h3 { font-size:20px; margin:14px 0 8px; }
.design-preview .journey-detail-content p { font-size:15px; }
.design-preview .journey-card .actions { margin-bottom:0; }
.design-preview .pricing-page .page-top { padding:24px 0; }
.design-preview .pricing-page .page-top h1 { max-width:24ch; margin-top:8px; }
.design-preview .pricing-page .page-top > p:not(.eyebrow) { max-width:60ch; margin-top:16px; font-size:16px; line-height:1.6; }
.design-preview .pricing-page .pricing-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:start; gap:24px; padding-bottom:32px; }
.design-preview .pricing-page .price-card { padding:32px; }
.design-preview .pricing-page .big-price { margin-top:4px; font-size:52px; line-height:1.15; letter-spacing:-2px; }
.design-preview .pricing-page .price-subline { margin:8px 0 16px; font-size:16px; line-height:1.5; }
.design-preview .pricing-page .activation-amount { margin:0 0 12px; padding-top:16px; border-top:1px solid #464b59; font-size:22px; line-height:1.4; }
.design-preview .pricing-page .vat-label { color:#c6c9d3; font-size:14px; }
.design-preview .pricing-page .commercial-compact { margin:20px 0 24px; padding-top:20px; border-top:1px solid #464b59; font-size:15px; line-height:1.65; }
.design-preview .pricing-page .year-total { margin-top:20px; font-size:14px; line-height:1.7; }
.design-preview .pricing-page .year-total strong { color:#fff; }
.design-preview .pricing-page .quote-card { padding:32px; }
.design-preview .pricing-page .quote-card h2 { margin:0 0 16px; font-size:26px; line-height:1.3; }
.design-preview .pricing-page .check-list { border:0; padding:0; margin-top:0; }
.design-preview .pricing-page .check-list li { font-size:16px; line-height:1.7; }
.design-preview .pricing-page .setup-scope { margin-top:24px; padding-top:24px; }
.design-preview .pricing-page .setup-scope p { font-size:15px; line-height:1.7; }
.design-preview .contact-direct { margin:24px 0 32px; }
.design-preview .contact-direct .actions { margin-top:16px; gap:16px; }
.design-preview .contact-direct .button { min-height:48px; }
.design-preview .contact-shell { width:100%; max-width:640px; min-width:0; }
.design-preview .contact-form fieldset { display:grid; gap:24px; border:0; margin:0; padding:0; }
.design-preview .contact-form .field { margin:0; }
.design-preview .privacy-ack { display:grid; grid-template-columns:24px minmax(0,1fr); gap:12px; }
.design-preview .privacy-ack > input { align-self:start; margin:4px 0 0; width:22px; height:22px; accent-color:#ce181e; }
.design-preview .privacy-copy { min-width:0; color:#d0d4df; font-size:16px; line-height:1.6; }
.design-preview .privacy-copy label { display:inline; cursor:pointer; }
.design-preview .privacy-link { display:inline; color:#ffadb0; text-decoration:underline; text-underline-offset:4px; }
.design-preview .field-hint { color:#c6c9d3; font-size:14px; font-weight:400; line-height:1.6; }
.design-preview .field-hint:empty { display:none; }
.design-preview .notice { display:block; font-size:14px; line-height:1.7; }
.design-preview .button { min-height:48px; font-size:15px; }
.design-preview :is(.workflow,.benefits,.dark-section,.pricing-teaser,.sector-grid,.support-grid,.brand-editor,.field-row,.journey-card,.privacy-ack) > * { min-width:0; }
@media (max-width:1199px) { .design-preview { --gutter:40px; } .design-preview .hero { gap:24px; padding-top:40px; } .design-preview .hero h1 { font-size:54px; } }
@media (max-width:849px) { .design-preview .hero { grid-template-columns:minmax(0,1fr); gap:32px; padding:40px 0 48px; } .design-preview .hero h1 { max-width:22ch; font-size:52px; } .design-preview .hero .intro { max-width:55ch; } .design-preview .hero-art { margin-top:0; } }
@media (max-width:767px) {
 .design-preview { --gutter:24px; }
 .design-preview .hero { padding:32px 0 48px; }
 .design-preview .hero h1 { margin:16px 0 20px; max-width:22ch; font-size:42px; line-height:1.1; letter-spacing:-.04em; }
 .design-preview .hero .intro { margin:0; font-size:16px; line-height:1.6; }
 .design-preview .hero .actions { margin-top:24px; }
 .design-preview .hero .micro { font-size:14px; }
 .design-preview .journey-card { grid-template-columns:minmax(0,1fr); padding:24px; gap:24px; }
 .design-preview .journey-card h2 { font-size:28px; }
 .design-preview .journey-detail-content { grid-template-columns:minmax(0,1fr); }
 .design-preview .pricing-page .page-top { padding:20px 0 24px; }
 .design-preview .pricing-page .page-top h1 { font-size:34px; line-height:1.15; }
 .design-preview .pricing-page .pricing-layout { grid-template-columns:minmax(0,1fr); gap:24px; }
 .design-preview .pricing-page .price-card,.design-preview .pricing-page .quote-card { padding:24px; }
 .design-preview .pricing-page .big-price { font-size:48px; }
 .design-preview .pricing-page .activation-amount { font-size:22px; }
 .design-preview .pricing-page .commercial-compact { font-size:15px; }
}
@media (max-width:419px) { .design-preview .hero .actions { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; } .design-preview .hero .actions .button { width:100%; } .design-preview .contact-direct .actions { align-items:stretch; flex-direction:column; } }
@media (max-width:374px) { .design-preview { --gutter:16px; } .design-preview .hero h1 { font-size:40px; } .design-preview .pricing-page .page-top h1 { font-size:32px; } }

/* Meaningful demo labels and controls remain readable; the deliberately small
   typography within aria-hidden decorative mockups is not a product UI. */
.design-preview .demo-shell .state,
.design-preview .store-banner .badge,
.design-preview .status-list span:last-child { font-size:13px; line-height:1.6; white-space:normal; }
.design-preview .demo-toolbar .tabs button { font-size:14px; min-height:48px; line-height:1.5; }
.design-preview .helper-link { font-size:14px; min-height:44px; line-height:1.6; }
.design-preview .demo-shell :is(.store-description,.product-info p,.line-options,.cart-line,.cart-note,.order-contact,.order-item,.order-note,.request-box,.pause-switch,.empty,.category-tabs button) { font-size:14px; line-height:1.7; }
.design-preview .demo-shell :is(.store-description,.product-info p,.line-options,.cart-note) { color:#c6c9d3; }
.design-preview .demo-shell .product-info h3 { font-size:20px; line-height:1.35; }
.design-preview .demo-shell .product-price,.design-preview .demo-shell .cart-total { font-size:16px; line-height:1.6; }
@media (max-width:374px) { .design-preview .hero-art { width:100%; max-width:370px; margin-inline:auto; scale:1; margin-bottom:0; } }
.design-preview :is(.dark-section,.pricing-teaser,.status-teaser,.managed-section,.support-card) .eyebrow,
.design-preview .feature-top .status-pill { font-size:13px; line-height:1.6; }
.design-preview .benefit,.design-preview .breadcrumbs { font-size:14px; line-height:1.7; }
.design-preview :is(.section-head,.step,.support-card,.feature-card,.sector-card) p,
.design-preview .pricing-teaser p:not(.eyebrow),
.design-preview .status-teaser p:not(.eyebrow),
.design-preview .managed-section p:not(.eyebrow),
.design-preview .dark-section p,
.design-preview .legal-page section p { font-size:16px; line-height:1.7; }
.design-preview .mini-kitchen-top,.design-preview .mini-order strong,.design-preview .mini-kitchen .mini-order p { font-size:14px; line-height:1.6; }
.design-preview .mini-kitchen .badge-demo,.design-preview .mini-kitchen .mini-order .state { font-size:13px; line-height:1.6; white-space:normal; }

/* 0.3.5 copy/CTA wrapping: existing tokens and components, no new branding. */
.design-preview :is(.hero h1,.page-top h1,.sector-hero h1,.section-head h2,.managed-section h2) { text-wrap:balance; }
.design-preview :is(.hero-copy,.sector-hero > div,.page-top,.teaser-details,.nav-tools) { min-width:0; }
.design-preview .cta-pair .button { white-space:normal; overflow-wrap:anywhere; text-align:center; max-width:100%; }
.design-preview .text-link { text-decoration:underline; text-underline-offset:.2em; display:inline-block; padding-block:8px; }
.design-preview .pilot-label { max-width:100%; white-space:normal; line-height:1.5; }
.design-preview .hero-copy > .micro + .micro { margin-top:8px; }
.design-preview .price-card .cta-pair .button { flex:1 1 180px; }
.design-preview .form-intro { margin-bottom:16px; }
@media(max-width:599px) { .design-preview .cta-pair { align-items:stretch; } .design-preview .cta-pair .button { flex:1 1 100%; } }
@media(max-width:599px) { .design-preview .hero h1 { font-size:clamp(32px,9.6vw,40px); line-height:1.15; letter-spacing:-.035em; } }

/* 0.3.6: bounded contact controls and disclosures at narrow widths and zoom. */
.design-preview .contact-form :is(input,textarea) { font-size:16px; max-width:100%; }
.design-preview .privacy-copy label { display:inline-block; min-height:44px; padding-block:8px; }
.design-preview .privacy-link { display:inline-block; min-height:44px; padding-block:8px; }
.design-preview .recaptcha-disclosure { font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
.design-preview .recaptcha-disclosure a { display:inline-block; min-height:44px; padding-block:9px; text-decoration:underline; }
.design-preview .contact-form [hidden] { display:none!important; }
/* Visible inline Google branding replaces a badge that could obscure controls. */
.grecaptcha-badge { visibility:hidden; }
@media (max-height:480px) { .mobile-menu > nav { max-height:calc(100dvh - 100px); } }
@media (prefers-reduced-motion:reduce) { .site-header :is(a,summary) { transition:none; } }