:root {
  --blue: #075d9e;
  --navy: #073e68;
  --ink: #182f42;
  --muted: #677988;
  --line: #dce3e8;
  --paper: #fff;
  --wash: #f3f6f8;
  --font: 'DM Sans', 'Segoe UI', sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 32px; }
body { margin: 0; color: var(--ink); background: var(--paper); font: 15px var(--font); -webkit-font-smoothing: antialiased; }
h1, h2, h3, p, dl, dd { margin: 0; }
h1, h2, h3 { font-weight: 550; }
p { line-height: 1.8; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button { cursor: pointer; color: inherit; }
button, a { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; }
svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
[hidden] { display: none !important; }
:is(a, button, input, select, summary, [tabindex]):focus-visible { outline: 3px solid #dfab39; outline-offset: 4px; }
.definitions { position: absolute; width: 0; height: 0; overflow: hidden; }
.container { width: calc(100% - 112px); max-width: 1336px; margin-inline: auto; }
.skip { position: fixed; top: -90px; left: 20px; z-index: 100; background: var(--blue); color: #fff; padding: 13px 20px; }
.skip:focus { top: 14px; }
.section-label { color: var(--blue); font-size: 12px; font-weight: 600; letter-spacing: .1px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; padding: 15px 23px; min-height: 50px; border: 0; border-radius: 4px; font-size: 13px; font-weight: 600; transition: background .2s; }
.button svg { width: 18px; height: 18px; transition: transform .2s; }
.button:hover svg { transform: translateX(3px); }
.button-primary { background: var(--blue); color: #fff; }
.button-primary:hover { background: #074d80; }
.text-link { display: inline-flex; align-items: center; gap: 16px; color: var(--blue); font-size: 13px; font-weight: 550; }
.text-link svg { width: 18px; height: 18px; }
.text-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.header { border-bottom: 1px solid #e6ebee; background: #fff; }
.header-inner { height: 97px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: block; flex-shrink: 0; }
.brand img { width: 188px; height: auto; }
.brand>span { display: block; margin: 5px 0 0 39px; color: #7d8b96; font-size: 9px; }
.desktop-nav { display: flex; gap: 36px; margin-left: auto; margin-right: 25px; font-size: 13px; color: #546b7d; }
.desktop-nav a:hover { color: var(--blue); }
.header-cta { min-height: 42px; padding: 11px 16px; font-size: 12px; gap: 22px; }
.menu-toggle { display: none; }
.mobile-nav { padding-block: 8px 20px; }
.mobile-nav a { display: block; padding-block: 13px; font-size: 14px; }

.hero { overflow: hidden; background: #fbfcfd; }
.hero-layout { display: grid; grid-template-columns: .83fr 1.45fr; gap: 46px; align-items: center; padding-block: 76px 62px; }
.hero-copy { padding-bottom: 14px; }
.hero-copy h1 { font-size: clamp(40px, 3.8vw, 57px); line-height: 1.13; letter-spacing: -2.4px; margin-top: 21px; font-weight: 500; }
.hero-copy h1>span { color: var(--blue); }
.hero-description { max-width: 365px; font-size: 15px; line-height: 1.85; color: var(--muted); margin-top: 24px; }
.hero-cta { margin-top: 29px; }
.hero-secondary { display: block; font-size: 11px; line-height: 1.9; color: #778795; width: fit-content; margin-top: 22px; }
.hero-secondary>span { display: block; color: var(--blue); font-size: 12px; font-weight: 550; }
.hero-signature { display: flex; align-items: center; gap: 9px; margin-top: 40px; }
.hero-signature>span:first-child { font-size: 8px; color: #83919d; }
.hero-signature>strong { font-size: 17px; color: var(--navy); font-weight: 700; letter-spacing: -.8px; }
.hero-signature>i { width: 1px; height: 24px; margin-inline: 8px; background: #d4dde3; }
.hero-signature>span:last-child { font-size: 9px; line-height: 1.7; color: #8a98a3; }
.product-example { min-width: 0; }
.product-window { border: 1px solid #c7d3dc; border-radius: 7px; box-shadow: 0 28px 65px #143c5819, 0 2px 3px #143c5808; background: #fff; overflow: hidden; font-family: 'Segoe UI', var(--font); }
.product-titlebar { height: 48px; padding: 0 18px; display: flex; align-items: center; gap: 23px; background: var(--navy); color: #fff; font-size: 11px; }
.window-brand { display: flex; gap: 7px; align-items: center; font-size: 17px; font-weight: 600; }
.window-brand img { width: 22px; height: 22px; }
.product-titlebar>span:nth-child(2) { border-left: 1px solid #ffffff35; padding-left: 20px; color: #c4d9e9; }
.example-tag { font-size: 7px; letter-spacing: 1px; color: #b2cbdc; margin-left: auto; }
.product-toolbar { display: flex; justify-content: space-between; align-items: center; padding: 0 18px; gap: 15px; border-bottom: 1px solid var(--line); background: #f9fbfc; min-height: 54px; }
.channel-tabs { display: flex; align-items: stretch; align-self: stretch; gap: 18px; }
.channel-tabs button { display: flex; align-items: center; gap: 6px; padding: 0 1px; background: transparent; border: 0; border-bottom: 2px solid transparent; font-size: 11px; color: #718292; }
.channel-tabs button svg { width: 15px; height: 15px; }
.channel-tabs button[aria-selected=true] { color: var(--blue); border-bottom-color: var(--blue); font-weight: 650; }
.toolbar-date { font-size: 8px; color: #98a5af; }
.product-body { display: grid; grid-template-columns: 1.04fr 1fr; min-height: 383px; }
.operation-overview { padding: 22px 18px 18px; background: #f3f6f8; border-right: 1px solid var(--line); min-width: 0; }
.overview-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 17px; }
.overview-heading strong { font-size: 12px; font-weight: 600; }
.overview-heading>span { font-size: 8px; color: #94a1ad; }
.tables-view { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; min-height: 182px; }
.table-tile { position: relative; height: 86px; padding: 10px 8px; display: flex; flex-direction: column; gap: 5px; background: #fff; border: 1px solid #d7e1e7; border-top: 3px solid #c4d8c9; border-radius: 3px; }
.table-tile>span { font-size: 19px; font-weight: 400; color: #5c7182; line-height: 1; }
.table-tile>small { font-size: 7px; color: #8b9a8f; white-space: nowrap; }
.table-tile>b { margin-top: auto; font-size: 8px; font-weight: 600; color: #6d7e8b; }
.table-tile.occupied { border-top-color: #d5b763; }
.table-tile.occupied small { color: #a18c55; }
.table-tile.selected { border: 1px solid #3c82b6; border-top: 3px solid #2b77ae; background: #eaf2f9; }
.table-tile.selected>span, .table-tile.selected>small, .table-tile.selected>b { color: #1a6398; }
.table-tile>i { position: absolute; right: 6px; top: 7px; color: #4f87b2; font-size: 13px; font-style: normal; }
.overview-legend { display: flex; gap: 11px; margin-top: 16px; }
.overview-legend>span { display: flex; gap: 4px; align-items: center; font-size: 7px; color: #7e8e9a; white-space: nowrap; }
.overview-legend i { width: 5px; height: 5px; border-radius: 1px; background: #b5cdbd; }
.overview-legend>span:nth-child(2) i { background: #d5b763; }
.overview-legend>span:nth-child(3) i { background: #4586b7; }
.overview-bottom { display: flex; align-items: center; gap: 9px; margin-top: 23px; padding-top: 16px; border-top: 1px solid #dfe6eb; }
.overview-bottom>svg { width: 22px; height: 22px; color: #8fa6b7; }
.overview-bottom strong { display: block; font-size: 9px; font-weight: 600; }
.overview-bottom span { display: block; font-size: 8px; margin-top: 5px; color: #8e9da8; line-height: 1.7; }
.queue-view { min-height: 182px; }
.queue-row { display: flex; align-items: center; gap: 9px; padding: 15px 10px; background: #fff; border: 1px solid #dce4ea; margin-bottom: 8px; border-radius: 3px; }
.queue-row.selected { border-color: #6f9fc3; background: #edf4fa; }
.queue-row>span { font-size: 11px; color: #5781a1; }
.queue-row>div { flex: 1; }
.queue-row strong { font-size: 9px; display: block; font-weight: 600; }
.queue-row small { font-size: 7px; color: #8d9da8; display: block; margin-top: 5px; line-height: 1.6; }
.queue-row>b { font-size: 9px; font-weight: 600; }
.queue-row .channel-initial { font-size: 11px; font-weight: 650; background: #fff; padding: 6px 4px; border-radius: 2px; }
.queue-row .ifood-initial { color: #d1464b; }
.queue-row .accon-initial { color: #427581; }
.delivery-note { display: flex; gap: 8px; padding: 10px 2px; color: #8b9ca9; }
.delivery-note>svg { width: 16px; height: 16px; margin-top: 2px; }
.delivery-note p { font-size: 8px; line-height: 1.8; }
.delivery-note strong { color: #638097; font-weight: 600; }
.order-panel { padding: 21px 18px 18px; min-width: 0; }
.order-heading { display: flex; gap: 10px; align-items: flex-start; justify-content: space-between; }
.order-heading>div>span { font-size: 8px; color: #9aa6ae; }
.order-heading h2 { font-size: 22px; letter-spacing: -.7px; line-height: 1.3; margin-top: 4px; font-weight: 500; }
.demo-state { font-size: 7px; white-space: nowrap; padding: 5px 6px; background: #f2f5f7; border: 1px solid #e3e9ed; border-radius: 3px; color: #6e8495; margin-top: 5px; }
.order-items { border-block: 1px solid #e7ecf0; margin-top: 19px; }
.order-items>div { display: flex; align-items: flex-start; gap: 8px; padding: 13px 0; }
.order-items>div+div { border-top: 1px solid #edf0f2; }
.order-items>div>span { font-size: 10px; color: #8f9da7; padding-top: 1px; }
.order-items p { flex: 1; min-width: 0; }
.order-items strong { font-size: 10px; font-weight: 600; display: block; line-height: 1.5; }
.order-items small { font-size: 7px; color: #8b99a4; display: block; line-height: 1.7; margin-top: 3px; }
.order-items b { font-size: 10px; font-weight: 600; padding-top: 1px; }
.order-total { display: flex; align-items: center; justify-content: space-between; padding: 16px 0 18px; }
.order-total>span { font-size: 10px; color: #7e909d; }
.order-total>strong { font-size: 22px; font-weight: 550; letter-spacing: -.8px; }
.flow-steps { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-block: 0 15px; }
.flow-steps>span { display: flex; gap: 5px; align-items: center; font-size: 8px; color: #a0acb4; }
.flow-steps i { width: 5px; height: 5px; border-radius: 50%; background: #d7e0e6; }
.flow-steps .current { color: #266797; font-weight: 600; }
.flow-steps .current i { background: #2f7cad; box-shadow: 0 0 0 3px #2f7cad10; }
.flow-steps .done { color: #6b8875; }
.flow-steps .done i { background: #8aa593; }
.demo-feedback { min-height: 34px; font-size: 8px; line-height: 1.8; color: #8a9aa6; margin-bottom: 10px; }
.demo-next { min-height: 37px; width: 100%; padding: 10px 11px; font-size: 9px; gap: 8px; border-radius: 3px; }
.demo-next svg { width: 13px; height: 13px; }
.demo-next:disabled { cursor: default; background: #7f9b8c; }
.demo-reset { background: none; border: 0; padding: 7px 0 0; display: block; margin-inline: auto; color: #758b9b; text-decoration: underline; text-underline-offset: 3px; font-size: 8px; }
.product-statusbar { min-height: 31px; background: #f7f9fa; border-top: 1px solid var(--line); padding: 7px 13px; display: flex; gap: 10px; align-items: center; justify-content: space-between; }
.product-statusbar>span { display: flex; gap: 6px; align-items: center; font-size: 7px; color: #96a4ae; }
.product-statusbar>span>i { width: 4px; height: 4px; background: #88a495; border-radius: 50%; }
.product-statusbar>button { background: transparent; border: 0; display: flex; gap: 7px; align-items: center; font-size: 7px; padding: 3px 0; color: #6b8293; }
.product-statusbar>button>span { font-size: 10px; }
.product-caption { margin: 14px 3px 0; color: #97a4ad; font-size: 9px; line-height: 1.8; max-width: 580px; }
.segment-line { display: flex; gap: 38px; align-items: center; padding-block: 25px; border-top: 1px solid #e2e8ed; }
.segment-line>span { font-size: 11px; color: #94a2ad; }
.segment-line>p { font-size: 13px; color: #667d8f; }
.segment-line i { font-style: normal; color: #b5c1c9; margin-inline: 18px; }

.section { padding-block: 96px; }
.section-intro h2 { font-size: 38px; line-height: 1.3; letter-spacing: -1.4px; margin-top: 15px; }
.section-intro>p:last-child { max-width: 535px; font-size: 14px; color: var(--muted); margin-top: 20px; line-height: 1.9; }
.workflow-section { display: grid; grid-template-columns: .9fr 1.1fr; column-gap: 100px; }
.workflow-section .section-intro h2 { font-size: 34px; }
.workflow-section .section-intro>p:last-child { max-width: 350px; }
.workflow-row { display: grid; grid-template-columns: 25px 120px 1fr; gap: 15px; padding-block: 24px; border-top: 1px solid var(--line); }
.workflow-row:last-child { border-bottom: 1px solid var(--line); }
.row-number { padding-top: 4px; color: #98a7b2; font-size: 10px; }
.workflow-row h3 { font-size: 15px; font-weight: 550; line-height: 1.6; }
.workflow-row p { font-size: 12px; line-height: 1.9; color: #6c7f8d; }
.workflow-row>div>span { display: block; margin-top: 9px; font-size: 10px; color: #9aa6af; line-height: 1.8; }
.workflow-link { grid-column: 2; margin-top: 24px; font-size: 11px; }

.integrations-section { padding-block: 91px 75px; background: #f2f5f7; border-block: 1px solid #e3e9ed; }
.integrations-section .section-intro { max-width: 710px; }
.integrations-section .section-intro>p:last-child { max-width: 580px; }
.integration-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 75px; margin-top: 47px; }
.integration-tabs { border-top: 1px solid #cfdbe3; }
.integration-tabs>button { position: relative; display: block; width: 100%; text-align: left; background: transparent; padding: 27px 40px 27px 0; border: 0; border-bottom: 1px solid #cfdbe3; }
.integration-name { display: block; font-size: 23px; font-weight: 550; letter-spacing: -.7px; color: #6c7f8e; }
.integration-tabs>button>span:nth-child(2) { display: block; font-size: 11px; margin-top: 8px; color: #97a5af; }
.integration-tabs>button>b { position: absolute; right: 4px; top: 41px; font-size: 20px; font-weight: 400; color: #9bafbd; transition: transform .2s; }
.integration-tabs>button[aria-selected=true] .integration-name { color: var(--navy); }
.integration-tabs>button[aria-selected=true] .ifood-name { color: #d63f49; font-family: Arial, sans-serif; font-style: italic; font-weight: 700; }
.integration-tabs>button[aria-selected=true]>b { transform: translateX(5px); color: var(--blue); }
.integration-tabs>button[aria-selected=true]:after { content: ''; position: absolute; left: 0; bottom: -1px; height: 2px; width: 70px; background: var(--blue); }
.integration-panel { padding: 30px 34px 29px; background: #fff; border: 1px solid #dde5eb; border-radius: 4px; }
.integration-category { font-size: 10px; color: #8b9eac; }
.integration-panel h3 { font-size: 24px; line-height: 1.45; letter-spacing: -.7px; margin-top: 12px; max-width: 440px; }
.integration-panel>p { font-size: 13px; color: var(--muted); line-height: 1.9; margin-top: 16px; }
.integration-process { padding-left: 18px; margin: 23px 0; color: #6f8392; font-size: 12px; line-height: 1.9; }
.integration-process li { padding-left: 6px; }
.integration-process li+li { margin-top: 8px; }
.integration-process li::marker { color: #b0bdc6; font-size: 10px; }
.integration-route { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 19px 21px; border: 1px solid #e1e8ee; background: #f6f9fb; border-radius: 3px; margin-bottom: 23px; }
.integration-route>span, .integration-route>strong { font-size: 14px; font-weight: 600; color: #376a90; }
.integration-route>svg { width: 25px; height: 19px; justify-self: center; color: #a0b9ca; }
.integration-route>small { grid-column: 1/-1; font-size: 10px; line-height: 1.7; color: #93a4b0; }
.integration-panel .text-link { font-size: 11px; }
.other-connections { display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid #d5dfe7; padding-top: 28px; margin-top: 40px; }
.other-connections>p { font-size: 11px; color: #93a2ad; }
.other-connections>div { display: flex; flex-wrap: wrap; gap: 30px; align-items: center; }
.other-connections span { font-size: 12px; color: #637b8c; }
.section-note { font-size: 10px; color: #9aa8b2; line-height: 1.9; margin-top: 23px; }

.management-section { background: var(--navy); color: #fff; padding-block: 84px 31px; }
.management-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 110px; }
.management-intro .section-label { color: #94bad5; }
.management-intro h2 { font-size: 42px; letter-spacing: -1.6px; line-height: 1.25; margin-top: 21px; }
.management-intro>p:not(.section-label) { font-size: 13px; color: #a6bfd1; max-width: 325px; margin-top: 24px; line-height: 1.95; }
.management-intro .text-link { color: #e7b557; margin-top: 29px; font-size: 12px; }
.management-list { padding-top: 7px; }
.management-list>div { display: grid; grid-template-columns: 160px 1fr; gap: 25px; padding-block: 23px; border-bottom: 1px solid #ffffff20; }
.management-list>div:first-child { border-top: 1px solid #ffffff20; }
.management-list dt { font-size: 14px; color: #e2edf5; line-height: 1.8; }
.management-list dd { font-size: 12px; color: #9cb8cc; line-height: 1.9; }
.management-note { font-size: 9px; line-height: 1.9; color: #7096b1; padding-top: 52px; }

.faq-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 120px; }
.faq-intro h2 { font-size: 31px; letter-spacing: -1px; margin-top: 17px; line-height: 1.4; }
.faq-intro>p:last-child { color: var(--muted); font-size: 13px; line-height: 1.9; max-width: 275px; margin-top: 19px; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 25px; align-items: center; padding-block: 23px; font-size: 13px; line-height: 1.8; }
.faq-list details:first-child summary { padding-top: 4px; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary>span { font-size: 20px; font-weight: 400; color: #91a3af; transition: transform .2s; }
.faq-list details[open] summary>span { transform: rotate(45deg); }
.faq-list details>p { color: var(--muted); font-size: 12px; line-height: 1.9; padding: 0 35px 24px 0; }

.contact-section { padding-block: 81px; background: #edf2f6; border-top: 1px solid #e0e7ed; }
.contact-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 135px; align-items: center; }
.contact-copy h2 { font-size: 43px; letter-spacing: -1.6px; line-height: 1.27; margin-top: 20px; }
.contact-copy>p:not(.section-label) { font-size: 13px; color: var(--muted); max-width: 350px; line-height: 1.95; margin-top: 22px; }
.direct-contact { display: flex; align-items: center; gap: 13px; width: fit-content; margin-top: 33px; }
.direct-contact>svg:first-child { width: 25px; height: 25px; color: #5c8a74; }
.direct-contact small { display: block; font-size: 10px; color: #92a2ae; }
.direct-contact strong { display: block; margin-top: 5px; font-size: 18px; letter-spacing: -.3px; font-weight: 500; color: #365a73; }
.direct-contact>svg:last-child { width: 17px; height: 17px; color: #8da6b9; margin-left: 10px; }
.email-contact { display: block; font-size: 12px; color: #638198; margin-top: 21px; width: fit-content; }
.contact-copy>.contact-hint { font-size: 10px!important; color: #99a7b1!important; margin-top: 42px!important; max-width: 300px!important; }
.contact-form { background: #fff; border: 1px solid #dce5ec; border-radius: 4px; padding: 35px; }
.contact-form h3 { font-size: 23px; letter-spacing: -.8px; }
.contact-form>p:first-of-type { color: #9ba8b1; font-size: 11px; margin: 10px 0 26px; }
.field { margin-bottom: 18px; min-width: 0; }
.field label { font-size: 11px; color: #5f7687; display: block; margin-bottom: 8px; }
.field input, .field select { display: block; width: 100%; background: #fff; color: var(--ink); font-size: 12px; min-height: 44px; padding: 11px 12px; border: 1px solid #d5dfe7; border-radius: 3px; }
.field input::placeholder { color: #a8b3bb; }
.field input:focus, .field select:focus { border-color: #6095bb; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.consent { display: flex; align-items: flex-start; gap: 9px; font-size: 9px; line-height: 1.9; color: #93a1ab; margin-bottom: 20px; }
.consent input { width: 13px; height: 13px; flex-shrink: 0; margin: 3px 0 0; accent-color: var(--blue); }
.consent button { background: none; border: 0; padding: 0; font: inherit; color: #597d98; text-decoration: underline; text-underline-offset: 3px; }
.form-submit { width: 100%; min-height: 45px; font-size: 12px; }
.form-note { margin-top: 11px; text-align: center; color: #a0adb5; font-size: 9px; line-height: 1.9; }
.email-alternative { display: block; width: fit-content; margin: 19px auto 0; color: #728b9d; font-size: 10px; text-decoration: underline; text-underline-offset: 4px; }
.form-status { font-size: 10px; color: #64816c; margin-top: 12px; }
.form-status:empty { display: none; }
.footer { background: #08314f; color: #d2e0eb; }
.footer-main { display: flex; align-items: center; justify-content: space-between; padding-block: 34px; border-bottom: 1px solid #ffffff16; }
.footer-main>div { display: flex; align-items: center; gap: 29px; }
.footer-main img { width: 111px; height: auto; }
.footer-main span { font-size: 10px; color: #7297b1; }
.footer-main>a { font-size: 10px; color: #86a6be; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-block: 24px; color: #6288a3; font-size: 9px; }
.footer-bottom>button { background: none; border: 0; padding: 0; font-size: 9px; color: inherit; }
dialog { border: 0; border-radius: 5px; padding: 38px; max-width: 550px; width: calc(100% - 36px); max-height: 85vh; color: var(--ink); background: #fff; box-shadow: 0 20px 70px #0d2e4444; }
dialog::backdrop { background: #102b3dcc; }
dialog h2 { font-size: 30px; margin-block: 15px 24px; letter-spacing: -1px; }
dialog p:not(.section-label) { font-size: 12px; color: var(--muted); margin-top: 17px; line-height: 1.9; }
dialog p a { text-decoration: underline; overflow-wrap: anywhere; }
.dialog-close { position: absolute; top: 10px; right: 15px; background: none; border: 0; padding: 0; font-size: 26px; color: #8ca0af; }

/* O movimento acompanha mudanças da operação. O conteúdo estático continua legível. */
.reveal { opacity: 1; transform: none; }
.enhanced .reveal { opacity: 0; transform: translateY(13px); transition: opacity .55s ease, transform .55s ease; }
.enhanced .reveal.is-visible { opacity: 1; transform: none; }
.product-window[data-phase="1"] .demo-state { color: #9e7c35; background: #fbf5e7; border-color: #e8dab9; }
.product-window[data-phase="2"] .demo-state { color: #3c78a0; background: #eaf3fa; border-color: #c9ddeb; }
.product-window[data-phase="3"] .demo-state { color: #5c7f67; background: #edf4ef; border-color: #d4e4d9; }
.product-window .demo-state, .table-tile.selected { transition: background .4s, border-color .4s, color .4s; }
.playing .flow-steps .current i { animation: operation-pulse 2.3s ease-out infinite; }
@keyframes operation-pulse { 0%,100% { box-shadow: 0 0 0 0 #2f7cad25; } 65% { box-shadow: 0 0 0 5px #2f7cad00; } }

@media (min-width: 1600px) { .hero-copy h1 { font-size: 61px; }.hero-layout { padding-block: 88px 73px; gap: 65px; }.product-body { min-height: 412px; }.table-tile { height: 97px; }.tables-view { min-height: 204px; }.order-panel { padding: 25px 22px; }.operation-overview { padding: 26px 22px 20px; }.order-items { margin-top: 22px; }.order-items>div { padding-block: 15px; }.order-total { padding-block: 21px; }.demo-feedback { min-height: 36px; } }
@media (max-width: 1250px) {
  .container { width: calc(100% - 72px); }.hero-layout { grid-template-columns: .8fr 1.45fr; gap: 30px; padding-top: 62px; }.hero-copy h1 { font-size: 45px; letter-spacing: -1.9px; }.hero-description { font-size: 13px; }.hero-signature { gap: 7px; }.hero-signature>span:first-child { font-size: 7px; }.hero-signature>strong { font-size: 15px; }.hero-signature>i { margin-inline: 3px; }.hero-signature>span:last-child { font-size: 8px; }.product-body { grid-template-columns: 1.03fr 1fr; }.operation-overview,.order-panel { padding: 18px 14px; }.tables-view { gap: 7px; }.table-tile { padding: 9px 6px; }.table-tile>small { font-size: 6px; }.table-tile>b { font-size: 7px; }.overview-heading strong { font-size: 11px; }.overview-heading>span { font-size: 7px; }.overview-legend { gap: 8px; }.overview-legend>span { font-size: 6px; }.order-items strong { font-size: 9px; }.order-items small { font-size: 6px; }.order-heading h2 { font-size: 20px; }.demo-state { font-size: 6px; }.flow-steps>span { font-size: 7px; }.demo-feedback { font-size: 7px; }.demo-next { font-size: 8px; }.workflow-section { gap: 60px; }.workflow-row { grid-template-columns: 20px 100px 1fr; gap: 10px; }.workflow-row h3 { font-size: 14px; }.workflow-row p { font-size: 11px; }.integration-layout { gap: 55px; }.management-layout { gap: 70px; }.management-list>div { grid-template-columns: 140px 1fr; gap: 18px; }.faq-section { gap: 80px; }.contact-layout { gap: 85px; }.other-connections>div { gap: 20px; }
}
@media (max-width: 1050px) {
  .hero-layout { grid-template-columns: 1fr; padding-top: 55px; gap: 40px; }.hero-copy { display: grid; grid-template-columns: 1fr .9fr; column-gap: 50px; align-items: start; }.hero-copy>.section-label { grid-column: 1; }.hero-copy h1 { grid-column: 1; grid-row: 2/5; font-size: 50px; margin-top: 15px; }.hero-description { grid-column: 2; grid-row: 2; margin-top: 17px; font-size: 14px; max-width: 360px; }.hero-cta { grid-column: 2; justify-self: start; margin-top: 23px; }.hero-secondary { grid-column: 2; margin-top: 17px; }.hero-signature { grid-column: 1/-1; margin-top: 30px; }.product-example { width: 100%; max-width: 910px; margin-inline: auto; }.product-body { grid-template-columns: 1.1fr 1fr; min-height: 390px; }.operation-overview,.order-panel { padding: 23px; }.tables-view { gap: 10px; }.table-tile { height: 91px; padding: 12px 10px; }.table-tile>small { font-size: 8px; }.table-tile>b { font-size: 9px; }.table-tile>span { font-size: 22px; }.overview-heading strong { font-size: 13px; }.overview-heading>span { font-size: 9px; }.overview-legend { gap: 15px; }.overview-legend>span { font-size: 8px; }.overview-bottom strong { font-size: 10px; }.overview-bottom span { font-size: 9px; }.order-heading h2 { font-size: 24px; }.order-heading>div>span { font-size: 9px; }.demo-state { font-size: 8px; }.order-items strong { font-size: 11px; }.order-items small { font-size: 9px; }.order-items>div>span,.order-items b { font-size: 11px; }.order-items>div { padding-block: 15px; }.order-total>strong { font-size: 25px; }.flow-steps>span { font-size: 9px; }.demo-feedback { font-size: 9px; }.demo-next { font-size: 11px; min-height: 42px; }.demo-reset { font-size: 9px; }.product-statusbar>span,.product-statusbar>button { font-size: 8px; }.product-caption { font-size: 10px; }.queue-row strong { font-size: 11px; }.queue-row small { font-size: 8px; }.queue-row>b { font-size: 10px; }.delivery-note p { font-size: 10px; }.workflow-section { grid-template-columns: 1fr; gap: 35px; }.workflow-section .section-intro>p:last-child { max-width: 480px; }.workflow-list { max-width: 100%; }.workflow-row { grid-template-columns: 35px 180px 1fr; gap: 20px; }.workflow-row h3 { font-size: 17px; }.workflow-row p { font-size: 13px; }.workflow-row>div>span { font-size: 11px; }.workflow-link { grid-column: 1; margin-top: -10px; }.integration-layout { grid-template-columns: .75fr 1.25fr; gap: 40px; }.integration-panel { padding: 28px; }.other-connections { align-items: flex-start; flex-direction: column; gap: 18px; }.other-connections>div { gap: 28px; }.management-layout { grid-template-columns: .8fr 1.2fr; gap: 45px; }.management-intro h2 { font-size: 35px; }.management-list>div { grid-template-columns: 120px 1fr; gap: 15px; }.management-list dt { font-size: 12px; }.management-list dd { font-size: 11px; }.faq-section { gap: 55px; }.contact-layout { gap: 50px; }.contact-copy h2 { font-size: 38px; }.contact-form { padding: 29px; }.contact-form h3 { font-size: 21px; }.form-row { grid-template-columns: 1fr; gap: 0; }.desktop-nav { gap: 25px; margin-right: 10px; }.segment-line { gap: 22px; }.segment-line i { margin-inline: 10px; }
}
@media (max-width: 760px) {
  .container { width: calc(100% - 48px); }.desktop-nav { display: none; }.header-cta { margin-left: auto; }.hero-copy { gap: 0 35px; }.hero-copy h1 { font-size: 43px; }.hero-description { font-size: 13px; }.hero-cta { font-size: 12px; gap: 18px; }.product-body { grid-template-columns: 1.05fr 1fr; }.operation-overview,.order-panel { padding: 18px; }.table-tile { height: 88px; padding: 10px 7px; }.table-tile>small { font-size: 6px; }.table-tile>b { font-size: 8px; }.tables-view { gap: 7px; }.overview-heading>span { font-size: 7px; }.overview-legend { gap: 9px; }.overview-legend>span { font-size: 6px; }.order-items strong { font-size: 10px; }.order-items small { font-size: 7px; }.demo-state { font-size: 6px; }.flow-steps>span { font-size: 8px; }.demo-feedback { font-size: 8px; }.demo-next { font-size: 9px; }.segment-line { display: block; }.segment-line>p { margin-top: 6px; font-size: 12px; }.segment-line i { margin-inline: 9px; }.integration-layout { gap: 30px; }.integration-name { font-size: 20px; }.integration-tabs>button>span:nth-child(2) { font-size: 10px; line-height: 1.8; }.integration-panel { padding: 25px; }.integration-panel h3 { font-size: 21px; }.integration-panel>p { font-size: 12px; }.integration-process { font-size: 11px; }.management-layout { gap: 35px; }.management-list>div { grid-template-columns: 1fr; gap: 7px; padding-block: 18px; }.management-list dt { font-size: 14px; }.management-intro h2 { font-size: 32px; }.faq-section { grid-template-columns: 1fr; gap: 35px; }.faq-intro>p:last-child { max-width: 400px; }.contact-layout { gap: 35px; }.contact-copy h2 { font-size: 33px; }.contact-form { padding: 25px; }.direct-contact strong { font-size: 16px; }.direct-contact { gap: 9px; }.direct-contact>svg:last-child { margin-left: 0; }.direct-contact>svg:first-child { width: 21px; }.contact-copy>.contact-hint { font-size: 9px!important; }.footer-main>div { gap: 20px; }
}
@media (max-width: 600px) {
  .container { width: calc(100% - 36px); }.header-inner { height: 83px; gap: 14px; }.brand img { width: 147px; }.brand>span { font-size: 7px; margin-left: 31px; margin-top: 4px; }.header-cta { min-height: 35px; font-size: 9px; padding: 9px 11px; gap: 8px; }.header-cta svg { width: 13px; height: 13px; }.menu-toggle { display: flex; flex-direction: column; gap: 5px; background: none; border: 0; padding: 10px 0 10px 3px; }.menu-toggle>span { display: block; width: 18px; height: 1px; background: #476e8c; }.hero-layout { padding-top: 38px; padding-bottom: 32px; gap: 32px; }.hero-copy { display: block; padding: 0; }.section-label { font-size: 11px; }.hero-copy h1 { font-size: clamp(40px,10.4vw,59px); letter-spacing: -1.9px; line-height: 1.13; margin-top: 20px; }.hero-description { max-width: 370px; font-size: 14px; margin-top: 23px; }.hero-cta { margin-top: 23px; min-height: 48px; padding-inline: 20px; font-size: 12px; gap: 28px; }.hero-secondary { font-size: 11px; margin-top: 20px; }.hero-secondary>span { font-size: 12px; }.hero-signature { margin-top: 27px; gap: 7px; }.hero-signature>span:first-child { font-size: 7px; }.hero-signature>strong { font-size: 16px; }.hero-signature>i { margin-inline: 7px; }.hero-signature>span:last-child { font-size: 8px; }.product-window { border-radius: 5px; }.product-titlebar { padding-inline: 13px; height: 42px; gap: 15px; }.window-brand { font-size: 15px; gap: 6px; }.window-brand img { width: 18px; height: 18px; }.product-titlebar>span:nth-child(2) { font-size: 9px; padding-left: 14px; }.example-tag { font-size: 5px; letter-spacing: .7px; }.product-toolbar { padding-inline: 14px; min-height: 49px; }.toolbar-date { display: none; }.channel-tabs { gap: 24px; }.channel-tabs button { font-size: 11px; gap: 5px; }.channel-tabs button svg { width: 14px; height: 14px; }.product-body { grid-template-columns: 1fr; min-height: 0; }.operation-overview { border-right: 0; border-bottom: 1px solid var(--line); padding: 17px 15px 16px; }.overview-heading { margin-bottom: 13px; }.overview-heading strong { font-size: 12px; }.overview-heading>span { font-size: 8px; }.tables-view { min-height: 0; gap: 8px; }.table-tile { height: 76px; padding: 10px 8px; gap: 5px; }.table-tile>span { font-size: 20px; }.table-tile>small { font-size: 7px; }.table-tile>b { font-size: 8px; }.overview-legend { margin-top: 12px; gap: 14px; }.overview-legend>span { font-size: 7px; }.overview-bottom { display: none; }.queue-view { min-height: 0; }.queue-row { padding: 14px 11px; gap: 10px; }.queue-row strong { font-size: 11px; }.queue-row small { font-size: 9px; }.queue-row>b { font-size: 11px; }.queue-row>small { font-size: 8px; }.delivery-note { padding: 9px 2px 0; gap: 9px; }.delivery-note p { font-size: 10px; }.order-panel { padding: 20px 18px 19px; }.order-heading h2 { font-size: 24px; }.order-heading>div>span { font-size: 9px; }.demo-state { font-size: 8px; padding: 6px 8px; }.order-items { margin-top: 17px; }.order-items>div { padding-block: 13px; gap: 10px; }.order-items strong { font-size: 12px; }.order-items small { font-size: 9px; }.order-items b,.order-items>div>span { font-size: 12px; }.order-total { padding-block: 16px; }.order-total>span { font-size: 11px; }.order-total>strong { font-size: 25px; }.flow-steps { max-width: 300px; padding-bottom: 13px; }.flow-steps>span { font-size: 10px; }.demo-feedback { font-size: 10px; min-height: 37px; margin-bottom: 12px; }.demo-next { font-size: 12px; min-height: 43px; padding-inline: 18px; }.demo-next svg { width: 17px; height: 17px; }.demo-reset { font-size: 10px; padding-top: 12px; }.product-statusbar { padding: 8px 12px; gap: 7px; min-height: 37px; }.product-statusbar>span,.product-statusbar>button { font-size: 7px; }.product-statusbar>button { min-height: 28px; gap: 6px; }.product-caption { font-size: 9px; margin-top: 12px; line-height: 1.9; }.segment-line { padding-block: 22px; }.segment-line>span { font-size: 10px; }.segment-line>p { font-size: 11px; line-height: 2; margin-top: 6px; }.segment-line i { margin-inline: 6px; }.section { padding-block: 60px; }.section-intro h2,.workflow-section .section-intro h2 { font-size: 29px; line-height: 1.35; letter-spacing: -1px; margin-top: 16px; }.section-intro>p:last-child { font-size: 13px; margin-top: 19px; }.workflow-section { gap: 30px; }.workflow-row { grid-template-columns: 24px 1fr; gap: 8px 14px; padding-block: 24px; }.row-number { font-size: 10px; padding-top: 4px; }.workflow-row h3 { font-size: 19px; line-height: 1.5; }.workflow-row>div { grid-column: 2; }.workflow-row p { font-size: 13px; line-height: 1.95; }.workflow-row>div>span { font-size: 11px; margin-top: 10px; }.workflow-link { font-size: 11px; margin-top: -7px; gap: 12px; line-height: 1.8; }.workflow-link svg { width: 16px; }.integrations-section { padding-block: 60px 48px; }.integration-layout { grid-template-columns: 1fr; gap: 21px; margin-top: 31px; }.integration-tabs { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; border-bottom: 1px solid #ccd9e2; border-top: 0; }.integration-tabs>button { padding: 14px 5px 19px; border: 0; text-align: center; }.integration-name { font-size: 14px; letter-spacing: -.4px; min-height: 20px; display: flex; align-items: center; justify-content: center; }.integration-tabs>button>span:nth-child(2),.integration-tabs>button>b { display: none; }.integration-tabs>button[aria-selected=true]:after { width: calc(100% - 12px); left: 6px; bottom: -1px; }.integration-panel { padding: 25px 22px; }.integration-category { font-size: 10px; }.integration-panel h3 { font-size: 23px; line-height: 1.4; letter-spacing: -.7px; margin-top: 13px; }.integration-panel>p { font-size: 13px; margin-top: 17px; line-height: 1.95; }.integration-process { font-size: 12px; margin-block: 23px; padding-left: 16px; }.integration-process li { padding-left: 5px; }.integration-process li+li { margin-top: 10px; }.integration-route { padding: 18px; gap: 12px; margin-bottom: 23px; }.integration-route>span,.integration-route>strong { font-size: 14px; }.integration-route>small { font-size: 10px; }.integration-panel .text-link { font-size: 11px; gap: 12px; }.other-connections { margin-top: 28px; padding-top: 24px; gap: 15px; }.other-connections>p { font-size: 10px; }.other-connections>div { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 18px; width: 100%; }.other-connections span { font-size: 11px; line-height: 1.8; }.section-note { font-size: 9px; line-height: 1.9; margin-top: 23px; }.management-section { padding-block: 59px 28px; }.management-layout { grid-template-columns: 1fr; gap: 35px; }.management-intro h2 { font-size: 37px; line-height: 1.25; letter-spacing: -1.4px; margin-top: 19px; }.management-intro>p:not(.section-label) { font-size: 13px; max-width: 320px; margin-top: 21px; }.management-intro .text-link { font-size: 12px; margin-top: 23px; }.management-list { padding-top: 0; }.management-list>div { grid-template-columns: 125px 1fr; gap: 18px; padding-block: 20px; }.management-list dt { font-size: 12px; }.management-list dd { font-size: 11px; line-height: 1.9; }.management-note { font-size: 8px; padding-top: 30px; line-height: 1.9; }.faq-section { gap: 33px; }.faq-intro h2 { font-size: 29px; letter-spacing: -1px; margin-top: 16px; }.faq-intro>p:last-child { font-size: 13px; max-width: 300px; margin-top: 17px; }.faq-list summary { font-size: 13px; padding-block: 21px; gap: 20px; }.faq-list details>p { font-size: 12px; padding-right: 20px; }.contact-section { padding-block: 59px; }.contact-layout { grid-template-columns: 1fr; gap: 34px; }.contact-copy h2 { font-size: 37px; line-height: 1.3; letter-spacing: -1.3px; margin-top: 18px; }.contact-copy>p:not(.section-label) { font-size: 13px; max-width: 330px; margin-top: 18px; }.direct-contact { margin-top: 26px; gap: 12px; }.direct-contact>svg:first-child { width: 25px; height: 25px; }.direct-contact>svg:last-child { margin-left: 8px; }.direct-contact strong { font-size: 19px; }.email-contact { font-size: 12px; margin-top: 20px; }.contact-copy>.contact-hint { font-size: 10px!important; margin-top: 27px!important; }.contact-form { padding: 27px 23px; }.contact-form h3 { font-size: 23px; letter-spacing: -.8px; }.contact-form>p:first-of-type { font-size: 11px; margin-bottom: 25px; }.field label { font-size: 12px; }.field input,.field select { font-size: 16px; min-height: 46px; }.consent { font-size: 10px; line-height: 1.8; gap: 9px; }.form-submit { font-size: 12px; min-height: 46px; }.form-note { font-size: 9px; margin-top: 12px; }.email-alternative { font-size: 11px; margin-top: 20px; }.footer-main { padding-block: 28px; gap: 18px; }.footer-main>div { align-items: flex-start; flex-direction: column; gap: 12px; }.footer-main img { width: 108px; }.footer-main span { font-size: 9px; }.footer-main>a { font-size: 9px; }.footer-bottom { font-size: 8px; gap: 15px; padding-block: 22px; }.footer-bottom>button { font-size: 9px; }dialog { padding: 32px 25px; }dialog h2 { font-size: 27px; }dialog p:not(.section-label) { font-size: 11px; }
}
@media (max-width: 360px) { .header-inner { gap: 10px; }.brand img { width: 131px; }.brand>span { margin-left: 27px; font-size: 6px; }.header-cta { font-size: 8px; padding-inline: 9px; gap: 6px; }.header-cta svg { width: 12px; }.hero-copy h1 { font-size: 37px; letter-spacing: -1.7px; }.hero-signature>span:first-child { font-size: 6px; }.hero-signature>span:last-child { font-size: 7px; }.hero-signature>i { margin-inline: 3px; }.table-tile { padding-inline: 6px; }.table-tile>small { font-size: 6px; }.table-tile>b { font-size: 7px; }.product-statusbar>span,.product-statusbar>button { font-size: 6px; }.integration-name { font-size: 12px; }.management-list>div { grid-template-columns: 105px 1fr; gap: 15px; }.contact-form { padding-inline: 20px; }.contact-form h3 { font-size: 21px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }body:not(.motion-opt-in) *,body:not(.motion-opt-in) *:before,body:not(.motion-opt-in) *:after { animation: none!important; transition: none!important; }.enhanced .reveal { opacity: 1; transform: none; } }

/* A interface é legível como exemplo interativo, inclusive em notebooks. */
@media (min-width: 601px) {
  .product-window .table-tile>small { font-size: 8px; }
  .product-window .table-tile>b { font-size: 9px; }
  .product-window .overview-heading>span { font-size: 8px; }
  .product-window .overview-legend>span { font-size: 8px; }
  .product-window .order-items strong { font-size: 11px; }
  .product-window .order-items small { font-size: 8px; }
  .product-window .order-items b { font-size: 11px; }
  .product-window .demo-state { font-size: 8px; }
  .product-window .flow-steps>span { font-size: 9px; }
  .product-window .demo-feedback { font-size: 9px; min-height: 40px; }
  .product-window .demo-next { font-size: 10px; min-height: 39px; }
  .product-window .product-statusbar>span,.product-window .product-statusbar>button { font-size: 8px; }
}
.order-heading>div>span,.order-items small,.demo-feedback,.overview-bottom span { color: #708798; }
.product-caption,.section-note,.form-note,.contact-form>p:first-of-type,.consent { color: #718594; }
.table-tile.free>small { color: #607f6a; }.table-tile.occupied>small { color: #917332; }
@media (max-width: 600px) { .tables-view { grid-template-columns: repeat(4,1fr); } }
@media (max-width: 380px) { .tables-view { grid-template-columns: repeat(3,1fr); }.table-tile>small { font-size: 8px; }.table-tile>b { font-size: 9px; } }

/* Hero de produto: a fotografia ambienta; o lançamento acontece na interface. */
.premium-hero { color:#f6f9fd; background:#062f53; position:relative; isolation:isolate; overflow:hidden; }
.premium-backdrop { position:absolute; inset:0 0 0 30%; z-index:-2; overflow:hidden; }
.premium-backdrop img { width:100%; height:100%; object-fit:cover; object-position:62% 50%; transform:scale(1.05); animation:restaurant-ambient 22s ease-in-out infinite alternate; animation-play-state:paused; }
.premium-backdrop:after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#062f53 0%,#062f53e8 23%,#062f5370 72%,#062f535c),linear-gradient(0deg,#062f53 0%,transparent 38%,#062f5333 100%); }
.premium-hero-layout { display:grid; grid-template-columns:.95fr 1.1fr; align-items:center; gap:65px; padding-block:65px 39px; min-height:710px; }
.premium-copy { padding-bottom:42px; }
.premium-kicker { display:flex; align-items:center; gap:9px; font-size:9px; font-weight:550; letter-spacing:1.8px; color:#acc8dc; }
.premium-kicker>span { display:block; width:6px; height:6px; background:#efb342; border-radius:50%; box-shadow:0 0 0 4px #efb34212; }
.premium-copy h1 { font-size:clamp(53px,4.9vw,73px); font-weight:450; line-height:1.1; letter-spacing:-3.2px; margin-top:26px; }
.premium-copy h1 em { font-style:normal; color:#f0bb54; }
.premium-description { color:#b9cfdf; font-size:14px; line-height:1.9; max-width:385px; margin-top:26px; }
.premium-actions { display:flex; align-items:center; gap:27px; margin-top:31px; }
.premium-cta { background:#f0b947; color:#07395d; min-height:52px; gap:25px; box-shadow:0 7px 22px #001a2b33; font-size:12px; }
.premium-cta:hover { background:#ffce6a; }
.premium-demo-link { font-size:11px; display:flex; align-items:center; gap:13px; color:#d7e5f0; }
.premium-demo-link>span { font-size:19px; color:#efbd5c; }
.premium-connections { margin-top:31px; }
.premium-connections>span { display:block; font-size:7px; letter-spacing:1.2px; color:#86a8c0; }
.premium-connections>a { display:flex; gap:10px; align-items:center; width:fit-content; font-size:11px; margin-top:9px; color:#c8ddeb; }
.premium-connections i { font-style:normal; color:#587f9a; }
.premium-connections b { color:#e7b459; font-weight:400; margin-left:5px; }
.premium-signature { display:flex; align-items:center; gap:20px; margin-top:39px; }
.premium-signature img { width:103px; height:auto; }
.premium-signature>span { border-left:1px solid #adc8dc33; padding-left:20px; color:#86abc5; font-size:9px; line-height:1.8; }
.launch-showcase { min-width:0; position:relative; }
.launch-scene { position:relative; width:100%; height:505px; max-width:650px; margin-inline:auto; perspective:none; }
.launch-scene-label { position:absolute; top:1px; left:15px; display:flex; align-items:center; gap:9px; font-size:7px; letter-spacing:1.3px; color:#c1d6e5; }
.launch-scene-label>span { width:4px; height:4px; background:#e9b54d; border-radius:50%; }
.launch-device { position:absolute; left:0; right:0; top:35px; padding:13px 13px 0; background:linear-gradient(135deg,#4c5b65,#1e2b36 17%,#0b1822 65%,#3b4c59); border:1px solid #6b7f8c99; border-radius:18px 18px 14px 14px; box-shadow:0 10px 0 #071823,0 24px 45px #00111f66,inset 0 1px 1px #b5c3cb66; transform:none; transform-origin:50% 65%; z-index:3; animation:none; animation-play-state:paused; }
.device-camera { position:absolute; width:3px; height:3px; border-radius:50%; background:#203f51; top:5px; left:50%; box-shadow:0 0 0 1px #07141c; }
.launch-screen { height:338px; background:#f5f7f9; border:1px solid #0c1c27; border-radius:5px; overflow:hidden; position:relative; color:#17394e; }
.launch-topbar { height:41px; padding:0 13px; display:flex; align-items:center; gap:20px; background:#0b4c7a; color:#fff; }
.launch-topbar>strong { display:flex; gap:5px; align-items:center; font-size:14px; font-weight:650; }
.launch-topbar img { width:18px; height:18px; }
.launch-topbar>span { font-size:9px; color:#c2d8e7; }
.launch-topbar>small { margin-left:auto; color:#a3c1d6; font-size:6px; letter-spacing:1px; }
.launch-workspace { height:calc(100% - 41px); display:grid; grid-template-columns:48% 52%; }
.launch-catalog { padding:15px 13px 11px; background:#f2f5f8; border-right:1px solid #d9e2e8; }
.launch-section-label { display:flex; align-items:center; justify-content:space-between; font-size:10px; font-weight:600; color:#6e8799; margin-bottom:11px; }
.launch-section-label>span { font-size:20px; line-height:12px; font-weight:400; color:#8ba0ae; }
.launch-product { width:100%; height:154px; background:#fff; border:1px solid #d8e1e9; border-radius:6px; padding:9px 12px 10px; position:relative; box-shadow:0 3px 8px #17394e05; transition:border-color .35s,box-shadow .35s,transform .35s; }
.launch-product>img { width:102px; height:92px; object-fit:contain; margin:0 auto 4px; filter:drop-shadow(0 4px 4px #1c3c4510); }
.launch-product>strong { font-size:10px; display:block; font-weight:600; }
.launch-product>span { font-size:9px; color:#7e92a1; margin-top:4px; display:block; }
.launch-product b { display:grid; place-items:center; position:absolute; right:10px; bottom:10px; width:21px; height:21px; background:#ebf3f9; border:1px solid #d9e6f0; color:#527d9c; border-radius:4px; font-size:14px; font-weight:400; }
.launch-other-products { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:9px; }
.launch-other-products>div { display:flex; gap:6px; align-items:center; padding:9px 8px; background:#fff; border:1px solid #e0e6eb; border-radius:4px; font-size:8px; color:#8295a4; }
.launch-other-products svg { width:16px; height:16px; color:#9aafbd; }
.launch-catalog-note { font-size:5px; letter-spacing:.6px; color:#96a8b5; margin-top:11px; display:flex; gap:4px; align-items:center; }
.launch-catalog-note i { width:3px; height:3px; background:#90a699; border-radius:50%; }
.launch-cart { position:relative; padding:16px 14px 12px; background:#fff; }
.launch-cart-heading { padding-bottom:12px; border-bottom:1px solid #e4eaef; }
.launch-cart-heading>span { display:block; font-size:6px; color:#97a9b5; letter-spacing:1.1px; }
.launch-cart-heading>strong { display:block; font-size:18px; font-weight:500; letter-spacing:-.7px; margin-top:5px; }
.launch-empty { font-size:11px; color:#b2bec7; line-height:1.8; position:absolute; top:96px; left:16px; right:16px; text-align:center; transition:opacity .3s; }
.launch-order-line { height:97px; padding-top:15px; opacity:0; transform:translateY(9px); transition:opacity .35s,transform .4s; }
.launch-line-main { display:flex; gap:7px; align-items:center; }
.launch-line-main>img { width:43px; height:40px; object-fit:contain; background:#f8fafc; border:1px solid #edf1f4; border-radius:4px; }
.launch-line-main>div { min-width:0; }
.launch-line-main strong { display:block; font-size:8px; font-weight:650; }
.launch-line-main span { display:block; font-size:6px; color:#7e95a5; margin-top:5px; line-height:1.6; }
.launch-line-price { text-align:right; font-size:9px; color:#5e7c91; margin-top:8px; }
.launch-cart-total { display:flex; align-items:center; justify-content:space-between; padding-top:12px; border-top:1px solid #e4eaef; margin-top:8px; }
.launch-cart-total>span { font-size:8px; color:#91a3af; }
.launch-cart-total>strong { font-size:22px; font-weight:550; letter-spacing:-.8px; }
.launch-send { display:flex; align-items:center; justify-content:space-between; gap:5px; margin-top:17px; padding:11px 10px; background:#0a5c99; color:#fff; border-radius:4px; font-size:8px; transition:background .35s,box-shadow .35s; }
.launch-send>svg { width:13px; height:13px; }
.launch-cart-footnote { font-size:5px; text-align:center; color:#a3b0b9; margin-top:10px; }
.device-chin { height:27px; display:grid; place-items:center; }
.device-chin>span { color:#7891a3; font-size:6px; letter-spacing:2.7px; }
.device-stand { position:absolute; top:402px; left:calc(50% - 50px); width:100px; height:65px; background:linear-gradient(100deg,#172a38,#51606a 30%,#364b59 45%,#102532); clip-path:polygon(12% 0,83% 0,100% 100%,0 100%); z-index:1; transform:none; box-shadow:inset 5px 0 #344a5a; }
.device-foot { position:absolute; top:462px; left:calc(50% - 118px); width:236px; height:12px; border:1px solid #526b7d; border-radius:50% 50% 4px 4px; background:linear-gradient(#627582,#1a3040 80%); transform:none; box-shadow:0 15px 23px #00111dcc; z-index:2; }
.launch-options { position:absolute; width:47%; left:6%; top:80px; padding:17px 16px 14px; background:#fff; border:1px solid #d0dce5; border-radius:7px; box-shadow:0 10px 40px #163d5a40; opacity:0; transform:translateY(10px) scale(.96); transition:opacity .3s,transform .35s; pointer-events:none; z-index:7; }
.launch-options>span { color:#93a5b1; font-size:6px; letter-spacing:.9px; display:block; }
.launch-options>strong { font-size:11px; display:block; font-weight:600; margin-block:8px 15px; }
.launch-choice { display:flex; align-items:center; gap:7px; padding-block:9px; border-top:1px solid #edf1f4; font-size:8px; }
.launch-choice>i { display:grid; place-items:center; width:13px; height:13px; border:1px solid #bdcedb; border-radius:3px; color:transparent; background:#fff; transition:background .2s,color .2s; }
.launch-choice svg { width:10px; height:10px; stroke-width:2.5; }
.launch-choice>b { margin-left:auto; color:#9dabb5; font-size:7px; font-weight:400; }
.launch-option-confirm { display:flex; justify-content:space-between; align-items:center; padding:10px; margin-top:10px; background:#0c639f; color:#fff; border-radius:3px; font-size:7px; }
.launch-option-confirm>svg { width:12px; height:12px; }
.launch-flight { position:absolute; width:25%; top:27%; left:10%; opacity:0; pointer-events:none; z-index:8; }
.launch-flight img { width:100%; height:auto; filter:drop-shadow(0 8px 9px #183a5040); }
.launch-pointer { position:absolute; left:27%; top:48%; width:23px; height:27px; z-index:10; opacity:0; transform:translate(-15%,-15%); transition:left .7s cubic-bezier(.2,.75,.25,1),top .7s cubic-bezier(.2,.75,.25,1),opacity .2s; pointer-events:none; filter:drop-shadow(1px 3px 2px #24455a33); }
.launch-pointer>svg { width:23px; height:27px; fill:#f9fcff; stroke:#245e87; stroke-width:1.1; }
.launch-pointer>i { position:absolute; width:27px; height:27px; border:1px solid #dba43f; border-radius:50%; top:-9px; left:-9px; opacity:0; }
.launch-sent { position:absolute; inset:41px 0 0; background:#f5fafcf2; backdrop-filter:blur(3px); display:flex; flex-direction:column; justify-content:center; align-items:center; opacity:0; transform:translateY(8px); pointer-events:none; transition:opacity .4s,transform .4s; z-index:9; }
.launch-sent>span { width:49px; height:49px; display:grid; place-items:center; border:1px solid #cce0d3; background:#e7f2eb; color:#648b73; border-radius:50%; }
.launch-sent>span>svg { width:27px; height:27px; }
.launch-sent>strong { font-size:25px; letter-spacing:-.8px; margin-top:16px; font-weight:500; }
.launch-sent>small { font-size:10px; color:#8ba0ae; margin-top:9px; }
.production-receipt { position:absolute; width:207px; bottom:4px; left:-19px; background:#fffdf6; color:#44525b; border:1px solid #f0e7d3; border-radius:4px 4px 0 0; padding:18px 17px 13px; box-shadow:0 14px 30px #00152244; opacity:0; transform:translateY(18px); transition:opacity .4s,transform .7s cubic-bezier(.2,.8,.25,1); z-index:6; }
.production-receipt:after { content:''; position:absolute; left:0; right:0; bottom:-5px; height:6px; background:linear-gradient(135deg,#fffdf6 25%,transparent 25%) -5px 0/10px 10px,linear-gradient(225deg,#fffdf6 25%,transparent 25%) -5px 0/10px 10px; }
.production-receipt>span { display:block; font-size:6px; letter-spacing:1px; color:#9d9a8c; }
.production-receipt>strong { font-size:12px; font-weight:600; letter-spacing:-.2px; display:block; margin-top:8px; }
.production-receipt>div { margin-top:14px; padding-block:11px; border-block:1px dashed #d6d5c7; }
.production-receipt b { font-size:9px; font-weight:600; display:block; }
.production-receipt small { color:#96998d; font-size:8px; line-height:1.8; margin-top:5px; display:block; }
.production-receipt footer { display:flex; gap:5px; align-items:center; color:#829a7b; font-size:7px; padding-top:10px; }
.production-receipt footer svg { width:11px; height:11px; }
.launch-toast { position:absolute; right:-11px; bottom:28px; display:flex; align-items:center; gap:11px; padding:16px 18px; background:#fff; border:1px solid #d9e4eb; color:#33526a; border-radius:7px; box-shadow:0 13px 30px #001b2c33; opacity:0; transform:translateY(14px); transition:opacity .3s,transform .4s; z-index:7; max-width:285px; }
.launch-toast>span { display:grid; place-items:center; width:30px; height:30px; background:#edf4e9; color:#789768; border-radius:50%; }
.launch-toast svg { width:17px; height:17px; }
.launch-toast strong { display:block; font-size:11px; font-weight:600; }
.launch-toast small { display:block; font-size:8px; color:#91a0ab; margin-top:4px; line-height:1.7; }
.launch-scene.has-item .launch-order-line { opacity:1; transform:none; }
.launch-scene.has-item .launch-empty { opacity:0; }
.launch-scene.is-selecting .launch-product { border-color:#e5ba62; box-shadow:0 0 0 3px #e5ba621f; transform:translateY(-2px); }
.launch-scene.options-open .launch-options { opacity:1; transform:none; }
.launch-scene.options-open .launch-choice>i { background:#0f6aa7; color:#fff; border-color:#0f6aa7; }
.launch-scene.order-sent .launch-sent { opacity:1; transform:none; }
.launch-scene.order-sent .production-receipt { opacity:1; transform:translateY(0); }
.launch-scene.show-toast .launch-toast { opacity:1; transform:none; }
.launch-scene[data-launch-phase="1"] .launch-pointer { opacity:1; left:30%; top:53%; }
.launch-scene[data-launch-phase="2"] .launch-pointer { opacity:1; left:67%; top:42%; }
.launch-scene[data-launch-phase="3"] .launch-pointer { opacity:1; left:23%; top:51%; }
.launch-scene[data-launch-phase="4"] .launch-pointer { opacity:1; left:43%; top:70%; }
.launch-scene[data-launch-phase="5"] .launch-pointer { opacity:1; left:79%; top:81%; }
.experience-running .launch-scene[data-launch-phase="1"] .launch-pointer>i,.experience-running .launch-scene[data-launch-phase="5"] .launch-pointer>i { animation:launch-tap .8s .7s ease-out both; }
.experience-running .launch-scene[data-launch-phase="2"] .launch-flight { animation:launch-item-flight .85s cubic-bezier(.25,.7,.25,1) both; }
.launch-scene[data-launch-phase="5"] .launch-send { background:#d8a442; color:#173e59; box-shadow:0 0 0 3px #d8a44222; }
.launch-caption { display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid #b2ccdd33; padding-top:19px; margin-top:9px; }
.launch-caption>div { display:flex; align-items:center; gap:13px; }
.launch-step-number { color:#eab44d; width:30px; font-size:13px; font-weight:500; }
.launch-caption strong { display:block; font-size:13px; font-weight:500; color:#e1edf5; }
.launch-caption>div>div>span { display:block; font-size:10px; line-height:1.8; color:#87adc7; margin-top:5px; }
.launch-caption>button { display:grid; place-items:center; width:32px; height:32px; border:1px solid #729ab659; background:#062b4c44; color:#d6e7f2; border-radius:50%; font-size:19px; flex-shrink:0; }
.launch-caption>button:hover { background:#efb342; color:#113d5a; border-color:#efb342; }
.launch-controls { display:flex; justify-content:space-between; gap:16px; align-items:center; padding-block:17px 0; }
.launch-controls>span { color:#6e99b8; font-size:7px; line-height:1.8; }
.launch-controls>button { display:flex; align-items:center; gap:7px; color:#a6c4d9; padding:4px 0; background:none; border:0; font-size:8px; white-space:nowrap; }
.launch-controls>button>span { font-size:10px; }
.premium-hero-bottom { display:flex; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid #a4c2d629; padding-block:23px; }
.premium-hero-bottom>span { font-size:8px; color:#799fba; letter-spacing:1.4px; }
.premium-hero-bottom>a { display:flex; gap:20px; align-items:center; font-size:10px; color:#b5cfe1; }
.premium-hero-bottom>a>span { color:#e6b451; font-size:18px; }
.operation-section { background:#fafcfd; border-bottom:1px solid #e3ebf1; padding-top:1px; }
.operation-section .hero-layout { display:block; padding-block:70px 43px; }
.operation-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:60px; margin-bottom:36px; }
.operation-section-heading h2 { font-size:36px; line-height:1.3; letter-spacing:-1.3px; margin-top:14px; }
.operation-section-heading>p { max-width:310px; font-size:13px; line-height:1.9; color:#8396a5; }
.operation-section .product-example { max-width:1000px; margin-inline:auto; }
.operation-section .product-body { min-height:390px; grid-template-columns:1.2fr 1fr; }
.operation-section .table-tile { height:86px; }
.production-preview { margin-top:29px; padding:18px; border:1px solid #dae5ed; background:#f5f9fc; border-radius:5px; }
.production-preview-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; }
.production-preview-heading>span { display:flex; align-items:center; gap:7px; font-size:10px; font-weight:550; color:#67859b; }
.production-preview-heading svg { width:17px; height:17px; color:#7b9eb8; }
.production-preview-heading>small { font-size:5px; color:#a1b3c0; letter-spacing:1px; }
.production-lanes { display:grid; grid-template-columns:repeat(3,1fr); position:relative; gap:10px; height:128px; margin-top:17px; }
.production-lanes>span { border-top:2px solid #d9e5ed; padding-top:9px; font-size:7px; color:#8ca1b0; text-align:center; }
.production-lanes>span:nth-child(2) { border-color:#e4c88d; }
.production-lanes>span:nth-child(3) { border-color:#c2d6c6; }
.production-slip { position:absolute; top:35px; left:0; width:calc(33.333% - 7px); padding:11px 9px; background:#fff; border:1px solid #d5e1e9; border-left:2px solid #7ea4c2; border-radius:3px; box-shadow:0 4px 9px #1743600b; animation:production-transfer 9s ease-in-out infinite; animation-play-state:paused; }
.production-slip>strong { font-size:8px; font-weight:650; color:#52758f; display:block; white-space:nowrap; }
.production-slip>small { display:block; font-size:6px; line-height:1.8; color:#92a6b4; margin-top:6px; }
.production-slip>i { display:block; width:50%; border-top:2px solid #d5e3ed; margin-top:8px; }
.integration-route { position:relative; overflow:hidden; }
.integration-route:after { content:''; position:absolute; left:0; bottom:0; width:32%; height:2px; background:linear-gradient(90deg,transparent,#5a97c5,transparent); opacity:0; animation:integration-transfer 3.8s ease-in-out infinite; animation-play-state:paused; }
.experience-running .premium-hero.motion-in-view .premium-backdrop img,.experience-running .premium-hero.motion-in-view .launch-device,.experience-running .production-preview.motion-in-view .production-slip,.experience-running .integration-route.motion-in-view:after { animation-play-state:running; }
.experience-dock { position:fixed; bottom:20px; left:20px; z-index:30; display:flex; align-items:center; gap:10px; min-height:38px; border:1px solid #cddde9; border-radius:25px; padding:9px 14px; background:#ffffffed; backdrop-filter:blur(8px); color:#66869d; font-size:9px; box-shadow:0 5px 17px #0a35551a; }
.experience-dock>span { color:#557d9b; font-size:12px; }
.experience-dock:hover { background:#edf5fb; }
.experience-paused .launch-scene * { transition:none; }
.experience-paused .production-slip,.experience-paused .launch-device,.experience-paused .premium-backdrop img,.experience-paused .integration-route:after { animation-play-state:paused!important; }
@keyframes restaurant-ambient { to { transform:scale(1.13) translateX(-1%); } }
@keyframes launch-item-flight { 0% { opacity:0; transform:translate(0,0) scale(1); }15% { opacity:1; }80% { opacity:1; }100% { opacity:0; transform:translate(195%,13%) scale(.3); } }
@keyframes launch-tap { 0% { opacity:0; transform:scale(.4); }20% { opacity:.9; }100% { opacity:0; transform:scale(1.7); } }
@keyframes production-transfer { 0%,14% { transform:translateX(0); opacity:1; }36%,48% { transform:translateX(calc(100% + 10px)); opacity:1; }72%,88% { transform:translateX(calc(200% + 20px)); opacity:1; }94% { transform:translateX(calc(200% + 20px)); opacity:0; }95%,100% { transform:translateX(0); opacity:0; } }
@keyframes integration-transfer { 0% { transform:translateX(-100%); opacity:0; }12%,80% { opacity:1; }100% { transform:translateX(410%); opacity:0; } }
@media(min-width:1600px) { .premium-hero-layout { padding-block:78px 50px; min-height:760px; gap:75px; }.launch-scene { height:540px; }.launch-screen { height:365px; }.launch-device { top:40px; }.device-stand { top:433px; }.device-foot { top:493px; }.launch-product { height:169px; }.launch-product>img { width:116px; height:104px; }.launch-order-line { height:115px; }.launch-cart { padding:20px 17px 15px; }.launch-cart-total { margin-top:11px; }.launch-send { margin-top:22px; padding-block:13px; }.launch-cart-heading>strong { font-size:21px; }.launch-line-main strong { font-size:10px; }.launch-line-main span { font-size:8px; }.launch-options { top:95px; }.production-receipt { bottom:7px; }.launch-toast { bottom:32px; } }
@media(max-width:1200px) { .premium-hero-layout { grid-template-columns:.93fr 1.07fr; gap:40px; padding-top:54px; min-height:670px; }.premium-copy h1 { font-size:58px; }.premium-kicker { font-size:7px; letter-spacing:1.3px; }.premium-description { font-size:13px; max-width:340px; }.premium-actions { gap:18px; }.premium-cta { font-size:11px; padding-inline:18px; gap:16px; }.premium-demo-link { font-size:10px; gap:9px; }.launch-scene { height:471px; }.launch-screen { height:308px; }.launch-device { padding:11px 11px 0; }.device-stand { top:369px; height:61px; }.device-foot { top:425px; }.launch-product { height:142px; padding:8px 9px; }.launch-product>img { width:89px; height:80px; }.launch-product>strong { font-size:9px; }.launch-product>span { font-size:8px; }.launch-catalog { padding:13px 10px 9px; }.launch-cart { padding:14px 10px 10px; }.launch-topbar { gap:12px; padding-inline:11px; }.launch-order-line { height:87px; }.launch-cart-heading>strong { font-size:16px; }.launch-line-main { gap:5px; }.launch-line-main>img { width:35px; height:34px; }.launch-line-main strong { font-size:7px; }.launch-line-main span { font-size:5px; }.launch-line-price { font-size:8px; }.launch-cart-total>strong { font-size:19px; }.launch-cart-total>span { font-size:7px; }.launch-send { font-size:7px; padding:10px 8px; margin-top:14px; }.launch-other-products>div { font-size:7px; padding:8px 6px; gap:5px; }.launch-other-products svg { width:13px; height:13px; }.launch-catalog-note { font-size:4px; margin-top:10px; letter-spacing:.4px; }.launch-cart-footnote { font-size:4px; margin-top:8px; }.production-receipt { width:183px; left:-11px; padding:15px 14px 11px; bottom:5px; }.production-receipt>strong { font-size:10px; }.production-receipt>div { margin-top:10px; padding-block:9px; }.production-receipt>span { font-size:5px; }.production-receipt b { font-size:8px; }.production-receipt small { font-size:7px; }.production-receipt footer { font-size:6px; padding-top:8px; }.launch-toast { right:-6px; max-width:232px; padding:13px 14px; gap:9px; bottom:25px; }.launch-toast strong { font-size:10px; }.launch-toast small { font-size:7px; }.launch-toast>span { width:26px; height:26px; }.launch-options { padding:14px 12px 12px; top:76px; left:5%; width:50%; }.launch-options>strong { font-size:10px; margin-bottom:12px; }.launch-choice { font-size:7px; gap:5px; }.launch-choice>b { font-size:6px; }.launch-choice>i { width:11px; height:11px; }.launch-option-confirm { font-size:6px; }.launch-caption strong { font-size:12px; }.launch-caption>div>div>span { font-size:9px; }.launch-controls>span { font-size:6px; }.launch-controls>button { font-size:7px; }.premium-connections>a { font-size:10px; gap:8px; }.premium-signature { margin-top:32px; }.premium-signature>span { font-size:8px; } }
@media(max-width:1000px) and (min-width:701px) { .premium-hero-layout { gap:30px; grid-template-columns:.92fr 1.08fr; padding-top:48px; min-height:620px; }.premium-copy h1 { font-size:49px; letter-spacing:-2.2px; }.premium-description { font-size:12px; line-height:1.9; margin-top:24px; }.premium-actions { flex-wrap:wrap; gap:16px; margin-top:25px; }.premium-kicker { font-size:6px; letter-spacing:1px; }.premium-connections>span { font-size:6px; letter-spacing:.8px; }.premium-connections>a { font-size:8px; gap:6px; }.premium-signature { gap:14px; }.premium-signature img { width:86px; }.premium-signature>span { padding-left:14px; font-size:7px; }.launch-scene { height:418px; }.launch-screen { height:269px; }.launch-device { top:32px; padding:9px 9px 0; border-radius:13px; }.launch-topbar { height:35px; padding-inline:9px; gap:9px; }.launch-topbar>strong { font-size:12px; }.launch-topbar img { width:15px; height:15px; }.launch-topbar>span { font-size:7px; }.launch-topbar>small { font-size:5px; letter-spacing:.6px; }.launch-workspace { height:calc(100% - 35px); }.launch-catalog { padding:11px 8px; }.launch-section-label { font-size:8px; margin-bottom:9px; }.launch-product { height:124px; padding:7px 8px; }.launch-product>img { width:76px; height:68px; }.launch-product>strong { font-size:8px; }.launch-product>span { font-size:7px; }.launch-product b { width:18px; height:18px; right:7px; bottom:8px; font-size:12px; }.launch-other-products { gap:6px; margin-top:7px; }.launch-other-products>div { padding:7px 5px; gap:4px; font-size:6px; }.launch-other-products svg { width:11px; height:11px; }.launch-catalog-note { font-size:3px; letter-spacing:.3px; }.launch-cart { padding:12px 8px 9px; }.launch-cart-heading { padding-bottom:9px; }.launch-cart-heading>strong { font-size:15px; }.launch-cart-heading>span { font-size:5px; }.launch-order-line { height:73px; padding-top:11px; }.launch-line-main>img { width:29px; height:28px; }.launch-line-main strong { font-size:6px; }.launch-line-main span { font-size:4px; margin-top:4px; }.launch-line-price { font-size:7px; margin-top:7px; }.launch-cart-total { margin-top:7px; padding-top:10px; }.launch-cart-total>strong { font-size:17px; }.launch-cart-total>span { font-size:6px; }.launch-send { font-size:6px; padding:9px 7px; margin-top:12px; }.launch-send>svg { width:10px; height:10px; }.launch-cart-footnote { font-size:3px; }.device-chin { height:23px; }.device-chin>span { font-size:5px; letter-spacing:2px; }.device-stand { top:319px; height:57px; width:85px; left:calc(50% - 42px); }.device-foot { top:372px; width:200px; left:calc(50% - 100px); height:10px; }.production-receipt { width:152px; bottom:3px; left:-10px; padding:12px 11px 9px; }.production-receipt>span { font-size:4px; letter-spacing:.8px; }.production-receipt>strong { font-size:9px; }.production-receipt b { font-size:7px; }.production-receipt small { font-size:6px; }.production-receipt footer { font-size:5px; gap:3px; }.launch-toast { padding:11px; max-width:197px; right:-3px; bottom:18px; gap:7px; }.launch-toast>span { width:22px; height:22px; }.launch-toast svg { width:13px; height:13px; }.launch-toast strong { font-size:8px; }.launch-toast small { font-size:6px; }.launch-options { top:62px; padding:12px 10px 10px; }.launch-options>span { font-size:4px; }.launch-options>strong { font-size:8px; margin-block:7px 11px; }.launch-choice { padding-block:7px; font-size:6px; gap:4px; }.launch-choice>b { font-size:5px; }.launch-option-confirm { font-size:5px; padding:8px; margin-top:8px; }.launch-sent { top:35px; }.launch-sent>strong { font-size:21px; }.launch-sent>small { font-size:8px; }.launch-scene-label { font-size:5px; letter-spacing:.9px; left:8px; }.launch-caption { gap:12px; padding-top:15px; }.launch-step-number { width:20px; font-size:11px; }.launch-caption strong { font-size:10px; }.launch-caption>div { gap:9px; }.launch-caption>div>div>span { font-size:8px; }.launch-caption>button { width:27px; height:27px; font-size:16px; }.launch-controls { gap:8px; padding-top:12px; }.launch-controls>span { font-size:5px; }.launch-controls>button { font-size:6px; }.premium-hero-bottom>span { font-size:6px; letter-spacing:.9px; }.premium-hero-bottom>a { font-size:8px; } }
@media(max-width:700px) { .premium-hero-layout { grid-template-columns:1fr; padding-block:44px 30px; gap:37px; min-height:0; }.premium-copy { padding-bottom:0; }.premium-kicker { font-size:7px; letter-spacing:1.25px; }.premium-copy h1 { font-size:clamp(47px,10.2vw,70px); letter-spacing:-2.5px; margin-top:24px; line-height:1.08; }.premium-description { font-size:13px; max-width:370px; margin-top:25px; }.premium-actions { gap:23px; margin-top:26px; }.premium-cta { font-size:11px; padding-inline:19px; gap:22px; min-height:49px; }.premium-demo-link { font-size:10px; gap:11px; }.premium-connections { margin-top:27px; }.premium-connections>span { font-size:6px; letter-spacing:1px; }.premium-connections>a { font-size:10px; gap:8px; margin-top:10px; }.premium-signature { margin-top:27px; gap:17px; }.premium-signature img { width:96px; }.premium-signature>span { padding-left:17px; font-size:8px; }.premium-backdrop { inset:360px 0 0; }.premium-backdrop:after { background:linear-gradient(180deg,#062f53 0%,#062f5370 28%,#062f5333 65%,#062f53 100%),linear-gradient(90deg,#062f5380,transparent); }.launch-showcase { max-width:560px; width:100%; margin-inline:auto; }.launch-scene { height:463px; }.launch-scene-label { top:0; font-size:6px; letter-spacing:1.1px; left:8px; }.launch-device { left:7px; right:3px; top:33px; padding:11px 11px 0; }.launch-screen { height:308px; }.device-stand { top:368px; height:60px; }.device-foot { top:424px; }.production-receipt { bottom:0; width:183px; left:-4px; }.launch-toast { right:-3px; bottom:20px; }.launch-caption { margin-top:16px; padding-top:17px; }.launch-caption strong { font-size:12px; }.launch-caption>div>div>span { font-size:9px; }.launch-step-number { width:23px; font-size:12px; }.launch-caption>div { gap:11px; }.launch-controls { padding-top:15px; }.launch-controls>span { font-size:6px; }.launch-controls>button { font-size:7px; }.premium-hero-bottom { padding-block:19px; gap:20px; }.premium-hero-bottom>span { font-size:5px; letter-spacing:.8px; max-width:146px; line-height:1.9; }.premium-hero-bottom>a { font-size:8px; gap:13px; }.premium-hero-bottom>a>span { font-size:17px; }.operation-section .hero-layout { padding-block:55px 31px; }.operation-section-heading { display:block; margin-bottom:29px; }.operation-section-heading h2 { font-size:29px; letter-spacing:-1px; margin-top:14px; }.operation-section-heading>p { font-size:13px; max-width:360px; margin-top:20px; }.operation-section .product-body { grid-template-columns:1fr; min-height:0; }.operation-section .table-tile { height:76px; }.production-preview { max-width:440px; margin-top:25px; }.production-preview-heading>span { font-size:10px; }.production-preview-heading>small { font-size:5px; }.production-lanes { height:132px; }.production-slip>strong { font-size:8px; }.production-slip>small { font-size:7px; }.experience-dock { bottom:14px; left:12px; font-size:8px; padding:9px 12px; min-height:36px; } }
@media(max-width:420px) { .launch-scene { height:412px; }.launch-device { padding:9px 9px 0; border-radius:14px; top:31px; left:5px; right:2px; }.launch-screen { height:267px; }.launch-topbar { height:35px; padding-inline:9px; gap:11px; }.launch-topbar>strong { font-size:12px; gap:4px; }.launch-topbar img { width:15px; height:15px; }.launch-topbar>span { font-size:7px; }.launch-topbar>small { font-size:5px; }.launch-workspace { height:calc(100% - 35px); }.launch-catalog { padding:11px 8px; }.launch-section-label { font-size:8px; margin-bottom:9px; }.launch-product { height:123px; padding:7px 8px; }.launch-product>img { width:76px; height:68px; }.launch-product>strong { font-size:8px; }.launch-product>span { font-size:7px; }.launch-product b { width:18px; height:18px; right:7px; bottom:8px; font-size:12px; }.launch-other-products { gap:6px; margin-top:7px; }.launch-other-products>div { padding:7px 5px; gap:4px; font-size:6px; }.launch-other-products svg { width:11px; height:11px; }.launch-catalog-note { font-size:3px; letter-spacing:.3px; margin-top:9px; }.launch-cart { padding:12px 8px 9px; }.launch-cart-heading { padding-bottom:9px; }.launch-cart-heading>strong { font-size:15px; }.launch-cart-heading>span { font-size:5px; }.launch-order-line { height:72px; padding-top:11px; }.launch-line-main { gap:5px; }.launch-line-main>img { width:28px; height:28px; }.launch-line-main strong { font-size:6px; }.launch-line-main span { font-size:4px; margin-top:4px; }.launch-line-price { font-size:7px; margin-top:7px; }.launch-cart-total { margin-top:7px; padding-top:10px; }.launch-cart-total>strong { font-size:17px; }.launch-cart-total>span { font-size:6px; }.launch-send { font-size:6px; padding:9px 7px; margin-top:12px; }.launch-send>svg { width:10px; height:10px; }.launch-cart-footnote { font-size:3px; margin-top:7px; }.device-chin { height:23px; }.device-chin>span { font-size:5px; letter-spacing:2px; }.device-stand { top:316px; height:56px; width:85px; left:calc(50% - 42px); }.device-foot { top:369px; width:200px; left:calc(50% - 100px); height:10px; }.production-receipt { width:153px; bottom:0; left:-3px; padding:12px 11px 9px; }.production-receipt>span { font-size:4px; letter-spacing:.7px; }.production-receipt>strong { font-size:9px; }.production-receipt b { font-size:7px; }.production-receipt small { font-size:6px; }.production-receipt footer { font-size:5px; gap:3px; }.launch-toast { padding:11px; max-width:194px; right:-2px; bottom:15px; gap:7px; }.launch-toast>span { width:22px; height:22px; }.launch-toast svg { width:13px; height:13px; }.launch-toast strong { font-size:8px; }.launch-toast small { font-size:6px; }.launch-options { top:61px; padding:12px 10px 10px; }.launch-options>span { font-size:4px; }.launch-options>strong { font-size:8px; margin-block:7px 11px; }.launch-choice { padding-block:7px; font-size:6px; gap:4px; }.launch-choice>b { font-size:5px; }.launch-option-confirm { font-size:5px; padding:8px; margin-top:8px; }.launch-sent { top:35px; }.launch-sent>strong { font-size:21px; }.launch-sent>small { font-size:8px; }.launch-scene-label { font-size:5px; letter-spacing:1px; }.premium-actions { gap:19px; }.premium-demo-link { font-size:9px; }.premium-cta { font-size:10px; gap:16px; padding-inline:17px; }.launch-caption strong { font-size:11px; }.launch-caption>div>div>span { font-size:8px; }.launch-controls { gap:10px; }.launch-controls>span { font-size:5px; }.launch-controls>button { font-size:6px; } }
@media(max-width:360px) { .premium-copy h1 { font-size:43px; letter-spacing:-2px; }.premium-kicker { font-size:6px; }.premium-actions { gap:14px; }.premium-cta { font-size:9px; gap:13px; }.premium-demo-link { font-size:8px; gap:8px; }.premium-connections>a { font-size:9px; gap:6px; }.premium-signature>span { font-size:7px; }.premium-description { font-size:12px; }.launch-scene { height:390px; }.launch-screen { height:249px; }.device-stand { top:298px; }.device-foot { top:351px; }.launch-product { height:112px; }.launch-product>img { width:67px; height:59px; }.launch-other-products>div { padding:6px 4px; font-size:5px; }.launch-catalog-note { display:none; }.launch-order-line { height:64px; }.launch-cart-heading>strong { font-size:14px; }.launch-line-main>img { width:25px; height:25px; }.launch-line-main strong { font-size:5px; }.launch-line-main span { font-size:3px; }.launch-cart-total>strong { font-size:15px; }.launch-send { font-size:5px; padding:8px 6px; margin-top:10px; }.launch-cart-footnote { font-size:2px; }.production-receipt { width:143px; }.launch-toast { max-width:173px; padding:10px; }.launch-toast small { font-size:5px; }.launch-options>strong { font-size:7px; }.launch-choice { font-size:5px; }.launch-choice>b { font-size:4px; }.launch-caption strong { font-size:10px; }.launch-caption>div>div>span { font-size:7px; }.launch-controls>span { font-size:4px; }.launch-controls>button { font-size:5px; } }

/* Keep the animation captions readable and controls usable at every viewport. */
.launch-caption>div { min-width:0; min-height:58px; }
.launch-caption strong { font-size:13px; }
.launch-caption>div>div>span { font-size:11px; }
.launch-caption>button { width:44px; height:44px; font-size:22px; }
.launch-controls { flex-wrap:wrap; gap:6px 18px; }
.launch-controls>span { font-size:10px; color:#9ebbd0; }
.launch-controls>button { font-size:11px; min-height:44px; }
.experience-dock { min-height:44px; font-size:11px; }
@media(max-width:420px) {
  .launch-caption strong { font-size:12px; }
  .launch-caption>div>div>span { font-size:10px; }
  .launch-caption>div { min-height:65px; }
}

/* AutoPDV brand composition: the original symbol, Manrope wordmark and gold dot. */
.header { background:#043c6d; color:#fff; border-bottom:1px solid #ffffff19; }
.header .brand { display:inline-flex; align-items:center; gap:10px; color:#fff; }
.header .brand img { width:39px; height:39px; object-fit:contain; }
.header .brand>span { display:block; margin:0; color:inherit; font-family:'Manrope',sans-serif; font-size:32px; font-weight:800; line-height:1.2; letter-spacing:-1.7px; }
.brand-dot { color:#f6b024; }
.header .desktop-nav { color:#dce9f3; }
.header .desktop-nav a:hover,.header .mobile-nav a:hover { color:#f6c768; }
.header .header-cta { background:#f6b024; color:#163650; border-color:#f6b024; }
.header .header-cta:hover { background:#ffca62; }
.header .menu-toggle>span { background:#fff; }
.header .mobile-nav { color:#e5f0f8; border-top:1px solid #ffffff1c; }

/* Actual integration marks remain in their original colors on a clear surface. */
.premium-connections { max-width:384px; margin-top:30px; }
.connection-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.connection-heading>span { color:#b9d0e1; font-size:9px; font-weight:550; letter-spacing:1px; line-height:1.6; }
.connection-heading>a { color:#d6e5ef; display:inline-flex; align-items:center; gap:7px; font-size:10px; padding-block:4px; white-space:nowrap; }
.connection-heading>a>span { color:#f6b024; font-size:14px; }
.connection-heading>a:hover { color:#fff; }
.connection-logos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.connection-logos>a { display:flex; align-items:center; justify-content:center; height:66px; padding:12px; background:#fff; border:1px solid #fff; border-radius:6px; box-shadow:0 5px 16px #001c3414; transition:background .2s,border-color .2s,box-shadow .2s; }
.connection-logos>a:hover { background:#fffaf0; border-color:#f6b024; box-shadow:0 5px 20px #001c3433; }
.connection-logos img { width:100%; max-width:100px; height:auto; max-height:38px; object-fit:contain; }
.connection-logos [data-integration-link='ifood'] img { width:68px; }
.premium-connections+.premium-signature { margin-top:30px; }
@media(max-width:600px) {
  .header .brand img { width:34px; height:34px; }
  .header .brand>span { font-size:28px; }
  .header .brand { gap:8px; }
  .premium-connections { max-width:384px; margin-top:27px; }
  .connection-heading>span { font-size:8px; letter-spacing:.8px; }
  .connection-heading>a { font-size:10px; }
  .connection-logos { gap:8px; }
  .connection-logos>a { height:60px; padding:11px; }
  .connection-logos img { max-height:34px; }
  .connection-logos [data-integration-link='ifood'] img { width:60px; }
}
@media(max-width:380px) {
  .header-inner { gap:10px; }
  .header .brand img { width:30px; height:30px; }
  .header .brand>span { font-size:26px; }
  .header .header-cta { padding-inline:9px; font-size:8px; }
  .connection-heading>span { font-size:7px; }
}

/* QuickFoods follows the actual app: launch, account review and Stone payment return. */
.connection-products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:10px; }
.connection-products>a { position:relative; display:flex; align-items:center; gap:10px; min-height:78px; padding:10px; border:1px solid #ffffff40; border-radius:6px; background:#fff; color:#163d5a; transition:background .2s,border-color .2s; }
.connection-products>a:hover { background:#fffaf0; border-color:#f6b024; }
.connection-products>a>img { flex-shrink:0; width:36px; height:42px; object-fit:contain; }
.connection-products>a>.quickfoods-app-icon { width:56px; height:56px; border-radius:8px; }
.connection-product-copy { min-width:0; }
.connection-product-copy>strong { display:block; font-size:11px; font-weight:650; line-height:1.5; }
.connection-product-copy>small { display:block; margin-top:3px; font-size:9px; line-height:1.5; color:#6d8393; }
.connection-products .connection-product-arrow { position:absolute; right:8px; top:5px; font-size:11px; color:#60849e; }
.quick-brand { display:flex; align-items:center; gap:16px; }
.quick-brand>img { width:76px; height:76px; flex-shrink:0; border-radius:13px; object-fit:contain; }
.quick-brand .section-label { font-size:10px; }
.quick-brand strong { display:block; color:#0e4a71; font-family:'Manrope',sans-serif; font-size:25px; font-weight:750; letter-spacing:-.8px; margin-top:4px; }
.quick-appbar>.quickfoods-app-icon { border-radius:5px; }
.integration-whatsapp-name { display:inline-flex; align-items:center; gap:9px; }
.integration-whatsapp-name>img { width:23px; height:27px; object-fit:contain; }
.quick-section { padding-block:90px 34px; background:#fff; border-top:1px solid #e2eaf0; }
.quick-layout { display:grid; grid-template-columns:.83fr 1.17fr; align-items:center; gap:58px; }
.quick-copy h2 { color:var(--navy); font-size:clamp(31px,3vw,43px); line-height:1.2; font-weight:500; letter-spacing:-1.6px; margin-top:20px; }
.quick-intro { color:#647e90; font-size:15px; line-height:1.9; margin-top:24px; max-width:420px; }
.quick-capabilities { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:24px; }
.quick-capabilities>span { font-size:11px; color:#526f82; display:flex; align-items:center; gap:6px; }
.quick-capabilities>span:before { content:''; width:4px; height:4px; background:#18a777; border-radius:50%; }
.quick-copy>.text-link { margin-top:30px; }
.quick-demo { display:grid; grid-template-columns:minmax(0,1fr) 276px; align-items:center; gap:25px; }
.quick-steps { display:grid; gap:0; border-top:1px solid #dce6ed; }
.quick-steps>button { display:flex; align-items:flex-start; gap:13px; padding:24px 2px; position:relative; border:0; border-bottom:1px solid #dce6ed; color:#8093a1; background:transparent; text-align:left; }
.quick-steps>button>span { font-size:10px; padding-top:3px; color:#9aafbd; }
.quick-steps strong { display:block; font-size:16px; line-height:1.4; font-weight:550; }
.quick-steps small { display:block; font-size:11px; line-height:1.8; margin-top:8px; }
.quick-steps>button[aria-selected=true] { color:#0e4a71; }
.quick-steps>button[aria-selected=true]>span { color:#15916b; }
.quick-steps>button:after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:#18a777; transform:scaleX(0); transform-origin:left; }
.quick-steps>button[aria-selected=true]:after { transform:scaleX(1); }
.quick-running .quick-steps>button[aria-selected=true]:after { animation:quick-step-progress 3.4s linear infinite; }
.quick-terminal-wrap { width:276px; justify-self:center; }
.quick-terminal { padding:0 10px; border:1px solid #304a52; border-radius:26px; background:#162e36; box-shadow:0 20px 35px #13344d19,inset 0 1px 1px #ffffff26; }
.quick-speaker { height:24px; display:grid; place-items:center; }
.quick-speaker:after { content:''; width:40px; height:3px; border-radius:3px; background:#081b23; box-shadow:0 1px 0 #48616a; }
.quick-terminal-screen { overflow:hidden; border:1px solid #071f2b; border-radius:7px; background:#f4f7fa; }
.quick-appbar { height:45px; background:#0e4a71; color:#fff; display:flex; align-items:center; padding-inline:13px; gap:7px; }
.quick-appbar>strong { font-size:13px; font-weight:600; }.quick-appbar>span { margin-left:auto; font-size:12px; letter-spacing:2px; }
.quick-appcontent { position:relative; height:338px; padding:18px 13px; color:#192734; }
.quick-screen-heading>span { font-size:7px; color:#6f8192; letter-spacing:1px; font-weight:600; }
.quick-screen-heading h3 { margin-top:5px; font-size:24px; line-height:1.3; font-weight:600; letter-spacing:-.7px; }
.quick-screen-heading>small { display:flex; gap:23px; padding-block:13px 10px; border-bottom:1px solid #dce5ee; font-size:10px; color:#0e4a71; font-weight:600; }
.quick-screen-heading i { font-style:normal; font-weight:400; color:#8d9da8; }
.quick-product { display:flex; align-items:flex-start; gap:7px; border:1px solid #d7e1ea; border-radius:5px; background:#fff; padding:13px 9px; margin-top:15px; }
.quick-product>span { font-size:9px; color:#6f8192; white-space:nowrap; padding-top:2px; }
.quick-product strong { display:block; font-size:10px; font-weight:600; }
.quick-product small { display:block; font-size:8px; color:#6f8192; margin-top:5px; }
.quick-product>b { font-size:10px; font-weight:550; margin-left:auto; }
.quick-product-tools { display:flex; justify-content:space-between; margin-top:12px; font-size:8px; color:#447696; }
.quick-screen-bottom { position:absolute; bottom:17px; left:13px; right:13px; }
.quick-screen-bottom>div { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.quick-screen-bottom>div>span { font-size:10px; color:#6f8192; }
.quick-screen-bottom>div>strong { font-size:21px; color:#0e4a71; font-weight:600; letter-spacing:-.5px; }
.quick-app-action { display:flex; align-items:center; justify-content:center; gap:13px; border-radius:5px; padding:12px 10px; background:#18a777; color:#fff; font-size:11px; font-weight:550; }
.quick-app-action>svg { width:15px; height:15px; }
.quick-screen-bottom>small { display:block; text-align:center; font-size:8px; margin-top:12px; color:#6f8192; }
.quick-bill { margin-top:14px; }.quick-bill>div { display:flex; align-items:center; justify-content:space-between; padding-block:11px; border-bottom:1px solid #dce5ee; font-size:11px; }
.quick-bill dt { color:#6f8192; }.quick-bill dd { font-weight:550; }.quick-bill>div:last-child { border:0; color:#0e4a71; }.quick-bill>div:last-child dd { font-size:18px; }
.quick-app-note { font-size:9px; color:#6f8192; line-height:1.7; margin-top:12px; }
.quick-payment-screen { text-align:center; }.quick-payment-screen .quick-screen-heading { text-align:left; }
.quick-payment-check { width:49px; height:49px; margin:20px auto 11px; border-radius:50%; background:#ddf3e9; color:#18a777; display:grid; place-items:center; }
.quick-payment-check svg { width:26px; height:26px; }
.quick-payment-value { display:block; font-size:28px; font-weight:600; letter-spacing:-1px; color:#0e4a71; }
.quick-payment-approved { display:block; font-size:12px; color:#13835e; margin-top:7px; font-weight:550; }
.quick-payment-screen>p { color:#6f8192; font-size:10px; line-height:1.8; margin-top:9px; }
.quick-payment-balance { display:flex; justify-content:space-between; border-top:1px solid #dce5ee; padding-top:15px; position:absolute; bottom:20px; left:13px; right:13px; font-size:10px; color:#6f8192; }.quick-payment-balance>strong { color:#13835e; }
.quick-terminal-chin { display:flex; align-items:center; justify-content:center; gap:18px; height:33px; color:#98b1b8; }.quick-terminal-chin>b { font-size:7px; font-weight:500; letter-spacing:1.8px; }.quick-terminal-chin>span { width:8px; height:2px; background:#3c5c64; }
.quick-demo-controls { display:flex; align-items:center; justify-content:space-between; padding-top:16px; }.quick-demo-controls>span { color:#8ba1b1; font-size:10px; letter-spacing:2px; }.quick-demo-controls>button { font-size:11px; color:#326b90; padding:7px 12px; border:1px solid #d5e2ec; border-radius:4px; background:#f5f9fc; min-height:34px; }
.quick-disclaimer { font-size:9px; color:#8a9daa; line-height:1.8; margin-top:10px; }
.quick-availability { margin-top:45px; padding-top:20px; border-top:1px solid #e2eaf0; font-size:10px; line-height:1.8; color:#859bab; }
@keyframes quick-step-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media(max-width:1100px) { .quick-layout { grid-template-columns:.85fr 1.15fr; gap:35px; }.quick-demo { gap:18px; grid-template-columns:minmax(0,1fr) 250px; }.quick-terminal-wrap { width:250px; }.quick-steps strong { font-size:14px; }.quick-steps small { font-size:10px; } }
@media(max-width:900px) { .quick-layout { grid-template-columns:1fr; gap:40px; }.quick-copy { max-width:620px; }.quick-intro { max-width:560px; }.quick-demo { grid-template-columns:1fr 276px; gap:40px; max-width:650px; width:100%; justify-self:center; }.quick-terminal-wrap { width:276px; }.quick-steps strong { font-size:17px; }.quick-steps small { font-size:12px; } }
@media(max-width:600px) {
  .connection-products { gap:8px; }
  .connection-products>a { min-height:74px; padding:9px; gap:8px; }
  .connection-products>a>.quickfoods-app-icon { width:50px; height:50px; }
  .connection-product-copy>strong { font-size:10px; }
  .connection-product-copy>small { font-size:8px; }
  .quick-brand>img { width:68px; height:68px; }
  .integration-whatsapp-name { gap:6px; }
  .integration-whatsapp-name>img { width:18px; height:21px; }
  .quick-section { padding-top:60px; }.quick-copy h2 { font-size:33px; letter-spacing:-1px; }.quick-intro { font-size:14px; }.quick-capabilities { gap:9px 14px; }.quick-capabilities>span { font-size:10px; }
  .quick-demo { grid-template-columns:1fr; gap:30px; }.quick-steps>button { padding-block:17px; }.quick-steps strong { font-size:15px; }.quick-steps small { font-size:11px; margin-top:4px; }.quick-steps>button>span { padding-top:4px; }.quick-demo-controls>button { min-height:44px; }.quick-availability { font-size:10px; margin-top:30px; }
  .integration-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Delivery flow: channel cycle, processing steps and an order moving to its destination. */
.integration-layout { align-items:start; }
.integration-panel { min-height:615px; }
.integration-motion-controls { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; border-bottom:1px solid #e7eef3; padding-bottom:12px; }
.integration-motion-controls>span { display:flex; align-items:center; gap:7px; font-size:10px; color:#7890a3; }
.integration-motion-controls i { width:5px; height:5px; background:#a5b8c6; border-radius:50%; }
.integration-motion-controls>button { min-height:34px; padding:6px 12px; border:1px solid #d5e2ec; border-radius:4px; background:#f5f9fc; color:#33668b; font-size:11px; }
.integration-motion-controls>button:hover { background:#e7f1f8; border-color:#98bad1; }
.integration-running .integration-motion-controls i { background:#4a967c; animation:integration-live 2s ease-in-out infinite; }
.integration-panel h3 { min-height:70px; }
.integration-panel>p { min-height:75px; }
.integration-process { list-style:none; padding-left:0; counter-reset:integration-step; min-height:96px; }
.integration-process li { counter-increment:integration-step; display:flex; align-items:flex-start; gap:9px; padding:5px 8px; margin-left:-8px; border-radius:4px; transition:background .4s,color .4s,transform .4s; }
.integration-process li+li { margin-top:3px; }
.integration-process li:before { content:counter(integration-step,decimal-leading-zero); color:#9aafbf; font-size:9px; padding-top:3px; flex-shrink:0; }
.integration-process li.flow-current { background:#edf5fb; color:#205d89; transform:translateX(3px); }
.integration-process li.flow-current:before { color:#176ba9; }
.integration-process li.flow-done:before { content:'✓'; color:#548d77; }
.integration-route { gap:12px; margin-top:18px; padding-block:18px; }
.integration-route:after { display:none; }
.integration-route>.integration-transfer { grid-column:1/-1; }
.integration-route>.integration-flow-status { grid-column:1/-1; font-size:11px; font-weight:500; color:#52788f; line-height:1.6; }
.integration-route>small { font-size:10px; margin-top:-8px; }
.integration-transfer { position:relative; height:44px; display:grid; align-items:center; }
.integration-track { position:absolute; height:2px; background:#d9e6ef; left:6px; right:6px; top:21px; border-radius:2px; }
.integration-track:before { content:''; display:block; height:100%; width:0; background:#4a95c4; transition:width 1.25s cubic-bezier(.3,.7,.3,1); }
.integration-packet { display:flex; align-items:center; justify-content:center; gap:7px; width:116px; height:38px; background:#fff; border:1px solid #a8c6db; border-radius:5px; box-shadow:0 3px 7px #0a3d5c0d; position:absolute; left:0; top:3px; transition:left 1.25s cubic-bezier(.3,.7,.3,1),border-color .4s,background .4s; }
.integration-packet>svg { width:17px; height:20px; color:#377ca9; }
.integration-packet>b { font-size:10px; font-weight:600; color:#356a8b; white-space:nowrap; }
.integration-packet>.integration-arrived { display:none; width:14px; height:14px; color:#4b8a71; }
.integration-destination { position:absolute; width:8px; height:8px; border:2px solid #b0c7d8; background:#f6f9fb; right:0; top:18px; border-radius:50%; transition:background .4s,border-color .4s; }
.integration-layout[data-integration-phase='1'] .integration-packet { left:calc(50% - 58px); }
.integration-layout[data-integration-phase='1'] .integration-track:before { width:50%; }
.integration-layout[data-integration-phase='2'] .integration-packet,.integration-layout[data-integration-phase='3'] .integration-packet { left:calc(100% - 116px); border-color:#9cbfac; background:#f2f8f4; }
.integration-layout[data-integration-phase='2'] .integration-track:before,.integration-layout[data-integration-phase='3'] .integration-track:before { width:100%; }
.integration-layout[data-integration-phase='2'] .integration-arrived,.integration-layout[data-integration-phase='3'] .integration-arrived { display:block; }
.integration-layout[data-integration-phase='2'] .integration-destination,.integration-layout[data-integration-phase='3'] .integration-destination { background:#6d9d81; border-color:#6d9d81; }
.integration-running .integration-tabs>button[aria-selected=true]:after { width:100%; transform:scaleX(0); transform-origin:left; animation:integration-channel-progress 8s linear infinite; }
.integration-layout:not(.integration-running) .integration-packet,.integration-layout:not(.integration-running) .integration-track:before { transition:none; }
@keyframes integration-channel-progress { to { transform:scaleX(1); } }
@keyframes integration-live { 50% { box-shadow:0 0 0 4px #4a967c16; } }
@media(max-width:900px) { .integration-panel { min-height:665px; }.integration-panel>p { min-height:98px; } }
@media(max-width:600px) { .integration-panel { min-height:0; }.integration-panel h3 { min-height:70px; }.integration-panel>p { min-height:100px; }.integration-process { min-height:130px; }.integration-motion-controls>button { min-height:44px; }.integration-route { padding:17px 15px; }.integration-process li { font-size:12px; } }