:root {
  --ink: #111a2d;
  --ink-2: #263248;
  --muted: #687389;
  --line: rgba(17, 26, 45, 0.11);
  --surface: #ffffff;
  --canvas: #f7f6f2;
  --canvas-2: #f0f1ee;
  --orange: #d44518;
  --orange-2: #d34518;
  --orange-soft: #fbede8;
  --green: #16a064;
  --green-soft: #e8f8ef;
  --blue: #387be8;
  --blue-soft: #eaf2ff;
  --yellow: #d99a1e;
  --yellow-soft: #fff5d8;
  --graphite: #0d1422;
  --radius-sm: 14px;
  --radius-md: 24px;
  --radius-lg: 34px;
  --radius-xl: 48px;
  --shadow-sm: 0 12px 30px rgba(17, 26, 45, 0.07);
  --shadow-md: 0 30px 80px rgba(17, 26, 45, 0.13);
  --container: 1220px;
  --ease: cubic-bezier(.2,.75,.25,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 95px; }
body { margin: 0; background: var(--canvas); color: var(--ink); font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3, .brand { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif; }
.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.section { padding: 140px 0; position: relative; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 999; background: var(--ink); color: white; padding: 12px 18px; border-radius: 10px; transition: top .2s; }
.skip-link:focus { top: 16px; }
.announcement { height: 34px; background: var(--graphite); color: rgba(255,255,255,.7); font-size: 12px; letter-spacing: .02em; display: flex; align-items: center; justify-content: center; gap: 12px; }
.announcement a { color: white; font-weight: 700; }

.site-header { height: 72px; position: sticky; top: 0; z-index: 100; background: rgba(247,246,242,.84); backdrop-filter: blur(20px) saturate(140%); border-bottom: 1px solid rgba(17,26,45,.06); transition: box-shadow .3s, background .3s; }
.site-header.scrolled { background: rgba(255,255,255,.88); box-shadow: 0 8px 25px rgba(17,26,45,.06); }
.nav-wrap { height: 100%; display: flex; align-items: center; }
.brand { display: inline-flex; align-items: center; }
.brand > img { display: block; width: 100px; height: auto; }
.brand-mark { width: 27px; height: 27px; display: inline-grid; place-items: center; border-radius: 50%; background: var(--orange); box-shadow: inset 0 0 0 5px rgba(255,255,255,.22), 0 4px 14px rgba(212,69,24,.22); }
.brand-mark::before { content: ""; width: 11px; height: 11px; background: white; border-radius: 50%; }
.brand-mark i { position: absolute; width: 3px; height: 3px; background: var(--orange); border-radius: 50%; }
.desktop-nav { display: flex; align-items: center; gap: 27px; margin-left: 54px; font-size: 13px; font-weight: 600; color: #384258; }
.desktop-nav a, .nav-drop { transition: color .2s; white-space: nowrap; }
.desktop-nav a:hover, .nav-drop:hover { color: var(--orange); }
.nav-drop { border: 0; background: none; padding: 22px 0; cursor: pointer; color: inherit; }
.nav-drop span { display: inline-block; margin-left: 4px; transition: transform .2s; }
.nav-drop[aria-expanded="true"] span { transform: rotate(180deg); }
.nav-actions { margin-left: auto; display: flex; align-items: center; gap: 22px; font-size: 13px; font-weight: 700; }
.login-link:hover { color: var(--orange); }
.button { border: 0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 0 23px; color: white; background: var(--orange); border-radius: 999px; font-weight: 700; font-size: 14px; box-shadow: 0 10px 28px rgba(212,69,24,.2); transition: transform .3s var(--ease), box-shadow .3s, background .3s; }
.button:hover { transform: translateY(-2px) scale(1.01); background: #b93b14; box-shadow: 0 16px 36px rgba(212,69,24,.28); }
.button:active { transform: translateY(0) scale(.98); }
.button-small { min-height: 40px; padding-inline: 19px; }
.button-large { min-height: 58px; padding-inline: 28px; font-size: 15px; }
.button-ghost { background: rgba(255,255,255,.74); color: var(--ink); border: 1px solid rgba(17,26,45,.1); box-shadow: 0 10px 28px rgba(17,26,45,.06); backdrop-filter: blur(15px); }
.button-ghost:hover { background: white; box-shadow: 0 14px 36px rgba(17,26,45,.1); }
.button-light { background: white; color: var(--ink); box-shadow: none; }
.button-light:hover { background: var(--orange); color: white; }
.menu-toggle, .mobile-menu { display: none; }
.mega-menu { position: absolute; top: 72px; left: 0; right: 0; background: rgba(255,255,255,.98); border-top: 1px solid var(--line); box-shadow: 0 28px 70px rgba(17,26,45,.13); padding: 42px 0 48px; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: .25s var(--ease); }
.mega-menu.open { opacity: 1; visibility: visible; transform: translateY(0); }
.mega-grid { display: grid; grid-template-columns: .82fr 1.8fr; gap: 70px; }
.mega-intro { padding-right: 50px; border-right: 1px solid var(--line); }
.mega-intro h2 { font-size: 31px; letter-spacing: -.055em; line-height: 1.1; margin: 14px 0 13px; }
.mega-intro p { color: var(--muted); line-height: 1.6; font-size: 14px; }
.mega-intro a { color: var(--orange); font-size: 13px; font-weight: 700; }
.mega-links { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.mega-links a { border-radius: 16px; padding: 17px 18px; transition: .2s; }
.mega-links a:hover { background: var(--canvas); transform: translateY(-2px); }
.mega-links b { display: block; font-size: 14px; margin-bottom: 5px; }
.mega-links span { color: var(--muted); font-size: 12px; line-height: 1.4; }

.hero { min-height: 1160px; padding-top: 112px; position: relative; overflow: hidden; background: radial-gradient(circle at 50% 45%, #fff 0, rgba(255,255,255,.66) 30%, transparent 67%); }
.hero::before { content: ""; position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(rgba(17,26,45,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(17,26,45,.035) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(to bottom, transparent 6%, black 50%, transparent 92%); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(2px); opacity: .75; }
.hero-glow-a { width: 500px; height: 500px; background: radial-gradient(circle, rgba(255,118,45,.18), transparent 68%); top: 140px; left: -230px; }
.hero-glow-b { width: 560px; height: 560px; background: radial-gradient(circle, rgba(255,181,116,.15), transparent 68%); top: 380px; right: -290px; }
.hero-copy { text-align: center; position: relative; z-index: 2; }
.kicker { display: inline-flex; align-items: center; gap: 10px; padding: 8px 13px; border: 1px solid var(--line); background: rgba(255,255,255,.68); border-radius: 999px; font-size: 11px; letter-spacing: .09em; text-transform: uppercase; font-weight: 800; color: var(--ink-2); }
.pulse-dot { width: 8px; height: 8px; background: var(--orange); border-radius: 50%; position: relative; }
.pulse-dot::after { content: ""; position: absolute; inset: -4px; border: 1px solid var(--orange); border-radius: inherit; animation: pulse 2s infinite; }
@keyframes pulse { 0% { transform: scale(.6); opacity: 1; } 100% { transform: scale(1.7); opacity: 0; } }
.hero h1 { max-width: 980px; margin: 28px auto 25px; font-size: clamp(54px, 6.4vw, 92px); line-height: .98; letter-spacing: -.072em; font-weight: 700; }
h1 em, h2 em { color: var(--orange); font-style: normal; }
.hero-copy > p { max-width: 730px; margin: 0 auto; color: var(--muted); font-size: 18px; line-height: 1.65; }
.hero-actions { display: flex; justify-content: center; gap: 12px; margin-top: 34px; }
.play { font-size: 10px; border: 1px solid var(--line); width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; }
.micro-link { display: inline-flex; gap: 14px; margin-top: 23px; color: var(--muted); font-size: 12px; font-weight: 600; }
.micro-link span { color: var(--orange); }
.hero-stage { height: 590px; margin-top: 58px; position: relative; perspective: 1600px; transform-style: preserve-3d; }
.ambient-ring { position: absolute; border: 1px solid rgba(212,69,24,.18); border-radius: 50%; left: 50%; top: 47%; transform: translate(-50%,-50%); }
.ring-a { width: 760px; height: 370px; }
.ring-b { width: 1040px; height: 510px; border-color: rgba(17,26,45,.07); }
.device { position: absolute; background: #101727; border: 1px solid rgba(255,255,255,.35); box-shadow: 0 48px 100px rgba(17,26,45,.28), inset 0 0 0 1px rgba(0,0,0,.55); transition: transform .35s var(--ease); overflow: hidden; }
.tablet-device { width: 680px; height: 430px; left: 7%; top: 90px; border-radius: 29px; padding: 13px; transform: rotateX(4deg) rotateY(8deg) rotateZ(-2deg); background: #161d2a; }
.tablet-device img { width: 100%; height: calc(100% - 28px); object-fit: cover; object-position: top; border-radius: 13px; }
.device-bar { height: 28px; display: flex; align-items: center; justify-content: center; color: #dbe2ee; font-size: 8px; }
.device-bar span { position: absolute; left: 22px; width: 7px; height: 7px; background: var(--orange); border-radius: 50%; }
.device-bar i { position: absolute; right: 22px; width: 25px; height: 4px; background: #2f3849; border-radius: 10px; }
.phone-device { width: 242px; height: 500px; left: 49%; top: 28px; border-radius: 42px; padding: 9px; transform: translateX(-50%) rotateX(1deg) rotateY(-2deg) rotateZ(1deg); z-index: 4; background: #090d14; }
.phone-device img, .phone img { width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 34px; }
.phone-island { position: absolute; width: 78px; height: 21px; background: #05070b; border-radius: 20px; left: 50%; top: 16px; transform: translateX(-50%); z-index: 5; box-shadow: 0 0 0 1px rgba(255,255,255,.08); }
.pos-device { width: 202px; height: 385px; right: 8%; top: 98px; border-radius: 24px 24px 36px 36px; padding: 15px; transform: rotateX(3deg) rotateY(-10deg) rotateZ(3deg); background: linear-gradient(155deg,#2d3747,#0d131e); }
.pos-speaker { width: 42px; height: 5px; border-radius: 10px; margin: 0 auto 12px; background: #090d14; }
.pos-screen { height: 224px; padding: 14px 12px; background: #f6f7f8; border-radius: 11px; text-align: center; display: flex; flex-direction: column; align-items: center; color: var(--ink); }
.tiny-brand { font-family: Manrope,sans-serif; font-weight: 800; letter-spacing: -.05em; color: var(--orange); font-size: 12px; }
.pos-check { width: 46px; height: 46px; margin: 21px 0 10px; display: grid; place-items: center; border-radius: 50%; color: var(--green); background: var(--green-soft); font-size: 23px; }
.pos-screen b { font-size: 11px; }.pos-screen small { font-size: 8px; color: var(--muted); margin-top: 4px; }
.pos-card { width: 100%; margin-top: 15px; padding: 9px; display: flex; justify-content: space-between; background: white; border: 1px solid var(--line); border-radius: 8px; font-size: 8px; }
.pos-keys { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; padding: 17px 10px 0; }.pos-keys i { height: 9px; border-radius: 4px; background: #4c5665; }
.float-card { position: absolute; z-index: 7; min-width: 200px; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 15px; background: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.8); backdrop-filter: blur(18px); box-shadow: 0 18px 40px rgba(17,26,45,.14); animation: float 5s ease-in-out infinite; }
@keyframes float { 50% { translate: 0 -8px; } }
.float-card b { font-size: 11px; display: block; }.float-card small { font-size: 9px; color: var(--muted); }.float-icon { width: 29px; height: 29px; flex: 0 0 29px; border-radius: 9px; display: grid; place-items: center; font-weight: 800; }.float-icon.orange { color: var(--orange); background: var(--orange-soft); }.float-icon.green { color: var(--green); background: var(--green-soft); }.float-icon.blue { color: var(--blue); background: var(--blue-soft); }
.status-live { width: 7px; height: 7px; margin-left: auto; background: var(--green); border-radius: 50%; }.amount { color: var(--green); margin-left: auto; }
.card-order { left: 1%; top: 53px; animation-delay: -1s; }.card-payment { right: 2%; top: 54px; animation-delay: -3s; }.card-ready { right: 18%; bottom: 28px; animation-delay: -2s; }

.trust-strip { background: white; border-block: 1px solid var(--line); overflow: hidden; }
.trust-track { height: 76px; display: flex; align-items: center; gap: 33px; width: max-content; color: var(--ink-2); animation: marquee 32s linear infinite; }
.trust-track span { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }.trust-track i { color: var(--orange); font-style: normal; }
@keyframes marquee { to { transform: translateX(-50%); } }
.eyebrow { display: inline-block; color: var(--orange); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.eyebrow.light { color: #ff865d; }
.split-heading { display: grid; grid-template-columns: 1.2fr .75fr; gap: 110px; align-items: end; margin-bottom: 62px; }
.split-heading h2, .section-title-row h2, .centered-heading h2, .payments-head h2, .pos-copy h2, .customer-copy h2, .security-copy h2, .demo-copy h2, .faq-title h2 { margin: 18px 0 0; font-size: clamp(41px,4.7vw,67px); line-height: 1.04; letter-spacing: -.065em; }
.split-heading > div:last-child p, .section-title-row > p { color: var(--muted); line-height: 1.7; font-size: 16px; }
.split-heading .strong-copy { color: var(--ink); font-weight: 600; }
.friction-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.friction-card { min-height: 235px; perspective: 800px; }
.friction-inner { position: relative; width: 100%; height: 100%; transition: transform .65s var(--ease); transform-style: preserve-3d; }
.friction-card:hover .friction-inner, .friction-card:focus-within .friction-inner { transform: rotateY(180deg); }
.friction-face { position: absolute; inset: 0; backface-visibility: hidden; border: 1px solid var(--line); border-radius: var(--radius-md); padding: 28px; background: rgba(255,255,255,.65); display: flex; flex-direction: column; justify-content: space-between; }
.friction-face span { color: var(--muted); font-size: 11px; font-weight: 700; }.friction-face h3 { font-size: 22px; letter-spacing: -.04em; line-height: 1.2; margin: 0; }.friction-face i { width: 36px; height: 36px; display: grid; place-items: center; background: white; border: 1px solid var(--line); border-radius: 50%; color: var(--orange); font-style: normal; }
.friction-back { transform: rotateY(180deg); background: var(--ink); color: white; border-color: transparent; }.friction-back span { color: #ff946e; }.friction-back p { font-size: 19px; line-height: 1.45; margin: 0; }.friction-back i { color: white; background: var(--orange); border: 0; }

.operation-section { background: var(--graphite); color: white; overflow: hidden; }
.operation-section::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 20% 20%, rgba(212,69,24,.13), transparent 30%), radial-gradient(circle at 80% 80%, rgba(55,123,232,.08), transparent 30%); }
.centered-heading { position: relative; text-align: center; max-width: 850px; margin: 0 auto 72px; }.centered-heading > p, .payments-head > p { max-width: 610px; margin: 22px auto 0; color: rgba(255,255,255,.57); line-height: 1.7; }
.operation-layout { position: relative; display: grid; grid-template-columns: 1.4fr .8fr; gap: 85px; align-items: start; }
.story-visual { position: sticky; top: 125px; }.story-window { height: 500px; background: #f7f7f4; border: 1px solid rgba(255,255,255,.14); border-radius: 28px; overflow: hidden; color: var(--ink); box-shadow: 0 40px 100px rgba(0,0,0,.35); }.story-top { height: 54px; padding: 0 18px; display: flex; align-items: center; border-bottom: 1px solid var(--line); background: white; font-size: 11px; font-weight: 700; }.window-dots { display: flex; gap: 6px; margin-right: 20px; }.window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #d9dde4; }.window-dots i:first-child { background: #ff7853; }.live-pill { margin-left: auto; padding: 5px 8px; border-radius: 6px; color: var(--green); background: var(--green-soft); font-size: 8px; letter-spacing: .1em; }
.story-content { height: calc(100% - 54px); padding: 34px; display: grid; place-items: center; transition: opacity .2s; }.story-content.switching { opacity: .25; }
.story-ui { width: 100%; max-width: 490px; }.story-ui-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; }.story-ui-head span { font-size: 11px; color: var(--muted); }.story-ui-head b { font-size: 14px; }
.scan-card { padding: 28px; border-radius: 22px; background: white; box-shadow: var(--shadow-sm); text-align: center; }.qr-box { margin: 0 auto 18px; width: 130px; height: 130px; border: 8px solid white; border-radius: 15px; background: white url('assets/qr-demo.svg') center / cover no-repeat; box-shadow: 0 0 0 1px var(--line); position: relative; }.qr-box::after { content:""; position:absolute; left:-10px; right:-10px; top:50%; height:2px; background:var(--orange); box-shadow: 0 0 10px var(--orange); animation: scan 2.4s ease-in-out infinite; }@keyframes scan { 50% { transform: translateY(55px); } }
.order-mini-list { display: grid; gap: 10px; }.order-mini { padding: 16px; display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 15px; background: white; }.order-mini .thumb { width: 40px; height: 40px; border-radius: 11px; background: var(--orange-soft); display: grid; place-items: center; }.order-mini div { margin-right: auto; }.order-mini b,.order-mini small { display:block; }.order-mini small { color:var(--muted);font-size:10px;margin-top:3px; }.order-mini > b { color:var(--orange); }
.kitchen-ticket { width: 330px; background: white; padding: 24px; box-shadow: var(--shadow-sm); border-top: 5px solid var(--orange); }.kitchen-ticket h3 { font-size:20px;display:flex;justify-content:space-between;border-bottom:1px dashed #c8cdd6;padding-bottom:14px; }.kitchen-ticket ul { list-style:none;padding:0;margin:18px 0;display:grid;gap:12px; }.kitchen-ticket li { display:flex;justify-content:space-between;font-size:13px; }.kitchen-ticket .ticket-status { padding:12px;text-align:center;border-radius:10px;background:var(--yellow-soft);color:#94670a;font-weight:700;font-size:11px; }
.paid-ui { text-align:center;background:white;border-radius:24px;padding:30px;box-shadow:var(--shadow-sm); }.paid-check { width:72px;height:72px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;color:var(--green);background:var(--green-soft);font-size:34px; }.paid-ui h3 { font-size:24px;margin-bottom:8px; }.paid-ui p { color:var(--muted); }.paid-meta { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px; }.paid-meta span { padding:12px;border-radius:12px;background:var(--canvas);font-size:11px; }
.flow-rail { height: 54px; display: flex; align-items: center; justify-content: center; gap: 12px; color: rgba(255,255,255,.55); font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }.flow-rail i { width: 45px; height: 1px; background: linear-gradient(90deg,rgba(255,255,255,.15),var(--orange)); position:relative;overflow:hidden; }.flow-rail i::after { content:"";position:absolute;width:8px;height:1px;background:white;animation:stream 1.8s linear infinite; }@keyframes stream { from{left:-8px}to{left:100%} }
.story-steps { list-style:none; padding:0; margin:0; }.story-step { min-height: 300px; padding: 18px 0 64px 62px; position:relative; opacity:.34; transition:opacity .4s; }.story-step.active { opacity:1; }.story-step::before { content:""; position:absolute; left:15px; top:20px; bottom:-20px; width:1px; background:rgba(255,255,255,.14); }.story-step:last-child::before { display:none; }.story-step button { position:absolute;left:0;top:11px;width:31px;height:31px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:var(--graphite);color:white;font-size:10px;cursor:pointer;transition:.3s; }.story-step.active button { background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 7px rgba(212,69,24,.12); }.story-step h3 { font-size:27px;letter-spacing:-.04em;margin:0 0 13px; }.story-step p { color:rgba(255,255,255,.57);line-height:1.65;font-size:14px; }

.section-title-row { display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:58px; }.section-title-row h2 { margin-top:18px; }.text-link { color:var(--orange);font-size:13px;font-weight:700;border-bottom:1px solid rgba(212,69,24,.25);padding-bottom:5px;white-space:nowrap; }.module-grid { display:grid;grid-template-columns:repeat(12,1fr);gap:16px; }.module-card { min-height:365px;grid-column:span 4;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;background:rgba(255,255,255,.72);position:relative;overflow:hidden;transition:.4s var(--ease); }.module-card:hover { transform:translateY(-7px);box-shadow:var(--shadow-md);background:white; }.module-card.wide { grid-column:span 8;display:grid;grid-template-columns:1fr 1fr;gap:28px; }.module-icon { width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:20px;background:var(--orange-soft);color:var(--orange); }.module-card:nth-child(3n+2) .module-icon { background:var(--green-soft);color:var(--green); }.module-card:nth-child(3n+3) .module-icon { background:var(--blue-soft);color:var(--blue); }.module-card h3 { font-size:22px;letter-spacing:-.04em;margin:35px 0 12px; }.module-card p { color:var(--muted);font-size:13px;line-height:1.65; }.module-card ul { list-style:none;padding:18px 0 0;margin:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:9px; }.module-card li { color:var(--ink-2);font-size:10px;font-weight:600; }.module-card li::before { content:"•";color:var(--orange);margin-right:7px; }.module-number { position:absolute;top:29px;right:29px;color:#a5adba;font-size:10px;font-weight:700; }
.module-visual { display:grid;align-content:center;gap:9px;position:relative; }.visual-table { background:white;border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;padding:15px;display:flex;align-items:center;gap:12px;transform:rotate(-2deg); }.visual-table:nth-child(2){transform:rotate(1deg) translateX(18px)}.visual-table:nth-child(3){transform:rotate(-1deg) translateX(7px)}.visual-table span { width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:var(--orange-soft);color:var(--orange);font-size:10px;font-weight:800; }.visual-table div { margin-right:auto; }.visual-table b,.visual-table small { display:block;font-size:10px; }.visual-table small { color:var(--muted);font-size:8px;margin-top:3px; }.visual-table i { width:8px;height:8px;border-radius:50%;background:var(--green); }

.payments-section { background:#0b111d;color:white;overflow:hidden; }.payments-section::before { content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(212,69,24,.12),transparent 32%); }.payments-head { position:relative;text-align:center; }.payments-head h2 { max-width:850px;margin:18px auto 0; }.payment-orbit { height:670px;margin-top:40px;position:relative; }.orbit-core { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:250px;height:250px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#1c2534,#0c121e);border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 22px rgba(255,255,255,.02),0 40px 100px rgba(0,0,0,.4); }.orbit-core .brand-mark { width:40px;height:40px;margin-bottom:12px; }.orbit-core > b { font-size:17px; }.orbit-core > small { color:rgba(255,255,255,.45);font-size:10px;margin-top:3px; }.core-total { margin-top:20px;font-size:22px;font-weight:700;text-align:center; }.core-total small{display:block;color:#62d69c;font-size:8px;text-transform:uppercase;letter-spacing:.1em;margin-top:3px;}.payment-orbit::before,.payment-orbit::after { content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.08);border-radius:50%; }.payment-orbit::before { width:710px;height:390px; }.payment-orbit::after { width:930px;height:540px; }.orbit-line { position:absolute;left:50%;top:50%;width:240px;height:1px;background:linear-gradient(90deg,var(--orange),rgba(255,255,255,.05));transform-origin:left; }.line-1{transform:rotate(-145deg)}.line-2{transform:rotate(-35deg)}.line-3{transform:rotate(145deg)}.line-4{transform:rotate(35deg)}.orbit-line::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--orange);top:-3px;animation:orbitPulse 2.2s linear infinite;}@keyframes orbitPulse{from{left:0;opacity:0}20%{opacity:1}to{left:100%;opacity:0}}
.pay-node { position:absolute;z-index:3;width:210px;padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.055);backdrop-filter:blur(14px);display:flex;align-items:center;gap:12px; }.pay-node>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.08);color:#ff8a61;}.pay-node b,.pay-node small{display:block}.pay-node b{font-size:12px}.pay-node small{color:rgba(255,255,255,.45);font-size:10px;margin-top:4px}.node-online{left:6%;top:15%}.node-card{right:5%;top:18%}.node-cash{left:10%;bottom:15%}.node-meal{right:9%;bottom:13%}.node-cash>span{color:#5fdaa0}.node-card>span{color:#69a3ff}.node-meal>span{color:#f0c35d}.payment-caption{position:relative;border-top:1px solid rgba(255,255,255,.1);padding-top:28px;display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.55);font-size:13px}

.pos-grid { display:grid;grid-template-columns:.86fr 1.14fr;gap:80px;align-items:center; }.pos-copy p,.customer-copy p,.security-copy p,.demo-copy p,.faq-title p { color:var(--muted);font-size:15px;line-height:1.75;margin:24px 0; }.check-list { list-style:none;padding:0;margin:28px 0;display:grid;gap:12px; }.check-list li{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:600}.check-list li::before{content:"✓";width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--green-soft);color:var(--green);font-size:10px}.info-note{display:flex;gap:13px;padding:15px;border:1px solid #d9e5f8;background:#f1f6ff;border-radius:14px;margin:0 0 27px;max-width:500px}.info-note span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:white;font-weight:700;font-size:11px;flex:0 0 21px}.info-note p{margin:0;color:#4d5b73;font-size:10px;line-height:1.55}.pos-demo{min-height:600px;position:relative;border-radius:40px;background:linear-gradient(145deg,#e8ebee,#fff);border:1px solid white;box-shadow:inset 0 0 0 1px var(--line);display:flex;align-items:center;padding:60px 35px}.mini-panel{width:410px;background:white;border-radius:22px;box-shadow:var(--shadow-md);padding:18px;position:relative;z-index:2;transform:rotate(-2deg)}.mini-panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.mini-panel-head>span{display:flex;align-items:center;gap:8px;font-size:11px}.mini-panel-head i{width:9px;height:9px;background:var(--orange);border-radius:50%}.mini-panel-head small{font-size:8px;color:var(--muted)}.table-row{display:flex;align-items:center;gap:11px;margin:21px 0;padding:14px;border:1px solid var(--line);border-radius:13px}.table-number{width:36px;height:36px;border-radius:10px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;font-weight:800;font-size:11px}.table-row div{margin-right:auto}.table-row b,.table-row small{display:block;font-size:10px}.table-row small{color:var(--muted);font-size:8px;margin-top:4px}.send-box{background:var(--ink);color:white;border-radius:16px;padding:17px;display:grid;grid-template-columns:1fr auto;gap:5px}.send-box span{font-size:8px;color:rgba(255,255,255,.55)}.send-box>b{font-size:23px}.send-box button{grid-column:1/-1;margin-top:11px;border:0;border-radius:10px;background:var(--orange);color:white;padding:11px;display:flex;justify-content:space-between;font-size:9px;font-weight:700}.data-stream{position:absolute;left:56%;z-index:3;width:145px;height:60px;display:flex;align-items:center}.data-stream::before{content:"";width:100%;height:1px;background:repeating-linear-gradient(90deg,var(--orange) 0 4px,transparent 4px 8px)}.data-stream i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--orange);animation:streamDot 2s linear infinite}.data-stream i:nth-child(2){animation-delay:.7s}.data-stream i:nth-child(3){animation-delay:1.4s}@keyframes streamDot{from{left:0;opacity:0}30%{opacity:1}to{left:100%;opacity:0}}.data-stream span{position:absolute;top:39px;left:12px;color:var(--muted);font-size:7px;white-space:nowrap}.smart-pos{width:185px;height:380px;margin-left:auto;border-radius:25px 25px 34px 34px;background:linear-gradient(150deg,#313b4b,#101620);box-shadow:var(--shadow-md);padding:13px;transform:rotate(4deg);position:relative;z-index:4}.pos-topslot{width:45px;height:5px;border-radius:4px;background:#080c12;margin:0 auto 12px}.smart-screen{height:280px;border-radius:12px;background:#f6f7f8;padding:15px;display:flex;flex-direction:column;align-items:center;text-align:center}.wave-icon{width:58px;height:58px;margin:45px 0 13px;border-radius:50%;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;font-size:24px}.smart-screen p{font-size:10px;margin:0 0 6px}.smart-screen b{font-size:20px}.smart-screen small{color:var(--muted);font-size:7px;margin-top:6px}.smart-buttons{display:flex;justify-content:center;gap:19px;margin-top:24px}.smart-buttons i{width:13px;height:13px;border-radius:50%;background:#485464}.smart-buttons i:nth-child(2){background:var(--yellow)}.smart-buttons i:last-child{background:var(--green)}

.customer-section{background:#edecea;overflow:hidden}.customer-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.journey-chips{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.journey-chips span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.55);font-size:10px;font-weight:600}.journey-chips i{color:var(--orange);font-style:normal;align-self:center}.phone-gallery{height:640px;position:relative}.phone{position:absolute;width:270px;height:560px;border:8px solid #10141c;border-radius:45px;background:#111;box-shadow:var(--shadow-md);overflow:hidden}.phone-back{left:10%;top:53px;transform:rotate(-8deg)}.phone-front{left:43%;top:0;transform:rotate(7deg);z-index:2}.experience-badge{position:absolute;z-index:5;background:rgba(255,255,255,.88);border:1px solid white;backdrop-filter:blur(15px);box-shadow:var(--shadow-sm);border-radius:15px;padding:12px 15px;display:flex;align-items:center;gap:10px}.experience-badge>span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:var(--orange-soft);color:var(--orange)}.experience-badge b,.experience-badge small{display:block}.experience-badge b{font-size:11px}.experience-badge small{font-size:8px;color:var(--muted);margin-top:3px}.badge-top{top:80px;right:3%}.badge-bottom{bottom:65px;left:3%}.badge-bottom>span{background:var(--green-soft);color:var(--green)}

.panel-section{background:white}.panel-section .centered-heading{margin-bottom:58px}.panel-section .centered-heading>p{color:var(--muted)}.dashboard-shell{border:1px solid var(--line);border-radius:28px;background:#f0f3f7;box-shadow:var(--shadow-md);overflow:hidden}.dashboard-toolbar{height:63px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 23px}.dash-brand{display:flex;align-items:center;gap:7px;font-family:Manrope,sans-serif;font-size:14px}.dash-brand .brand-mark{width:19px;height:19px}.dash-brand .brand-mark::before{width:8px;height:8px}.dash-tabs{display:flex;align-self:stretch;margin-left:60px;gap:3px}.dash-tabs button{border:0;background:transparent;padding:0 17px;color:var(--muted);font-size:9px;font-weight:600;position:relative;cursor:pointer}.dash-tabs button.active{color:var(--ink)}.dash-tabs button.active::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:var(--orange)}.dash-user{margin-left:auto;font-size:9px;color:var(--muted);display:flex;align-items:center;gap:10px}.dash-user span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font-size:8px}.dashboard-body{display:grid;grid-template-columns:56px 1fr;min-height:600px}.dashboard-body aside{background:#131b2a;display:flex;flex-direction:column;align-items:center;gap:23px;padding-top:30px}.dashboard-body aside i{width:16px;height:16px;border-radius:5px;border:1px solid rgba(255,255,255,.3)}.dashboard-body aside i:first-child{background:var(--orange);border-color:var(--orange)}.dashboard-frame{padding:22px;overflow:hidden}.dashboard-frame img{width:100%;height:600px;object-fit:cover;object-position:top;border-radius:10px;box-shadow:0 8px 30px rgba(17,26,45,.1);transition:opacity .2s}.panel-features{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:40px;border-block:1px solid var(--line)}.panel-feature{padding:23px 20px;text-align:center;border-right:1px solid var(--line);font-size:11px;font-weight:700}.panel-feature:last-child{border:0}.panel-feature span{color:var(--orange);margin-right:8px}

.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.benefit-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.6);min-height:180px}.benefit-card span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:white;box-shadow:var(--shadow-sm);color:var(--orange);font-weight:800}.benefit-card h3{font-size:17px;letter-spacing:-.03em;margin:30px 0 8px}.benefit-card p{color:var(--muted);font-size:11px;line-height:1.5;margin:0}.restaurant-section{background:#efeee9}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.scenario-card{min-height:300px;border-radius:27px;padding:25px;position:relative;overflow:hidden;background:var(--ink);color:white;transition:.35s var(--ease)}.scenario-card:nth-child(2),.scenario-card:nth-child(5){background:#fff;color:var(--ink)}.scenario-card:nth-child(3),.scenario-card:nth-child(7){background:#f9d9cb;color:var(--ink)}.scenario-card:nth-child(4),.scenario-card:nth-child(6){background:#dfe9f7;color:var(--ink)}.scenario-card:hover{transform:translateY(-6px)}.scenario-card span{font-size:10px;opacity:.6}.scenario-card h3{font-size:21px;letter-spacing:-.04em;margin:120px 0 10px}.scenario-card p{font-size:11px;line-height:1.55;opacity:.68}.scenario-card i{position:absolute;width:140px;height:140px;border:1px solid currentColor;opacity:.08;border-radius:50%;right:-35px;top:-35px}.scenario-card i::after{content:"";position:absolute;inset:30px;border:1px solid currentColor;border-radius:50%}

.security-section{background:#111927;color:white;overflow:hidden}.security-section::before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;right:-200px;top:-100px;background:radial-gradient(circle,rgba(212,69,24,.13),transparent 60%)}.security-grid{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.security-copy p{color:rgba(255,255,255,.55)}.security-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.security-list span{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:11px;font-size:9px;color:rgba(255,255,255,.7)}.security-list span::before{content:"✓";color:#57d699;margin-right:8px}.partner-cloud{height:570px;position:relative}.partner-cloud::before,.partner-cloud::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed rgba(255,255,255,.12);border-radius:50%}.partner-cloud::before{width:420px;height:420px}.partner-cloud::after{width:570px;height:570px}.cloud-center{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;background:linear-gradient(145deg,#263044,#111927);border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 35px 70px rgba(0,0,0,.3)}.cloud-center .brand-mark{width:36px;height:36px}.cloud-center b{font-family:Manrope,sans-serif;font-size:18px;margin-top:9px}.cloud-center small{font-size:8px;color:rgba(255,255,255,.4);margin-top:4px}.partner-pill{position:absolute;z-index:3;padding:13px 17px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);backdrop-filter:blur(13px);font-size:9px;font-weight:600;box-shadow:0 14px 35px rgba(0,0,0,.14);animation:float 6s ease-in-out infinite}.p1{left:2%;top:15%}.p2{right:3%;top:17%;animation-delay:-2s}.p3{right:0;top:55%;animation-delay:-3s}.p4{left:0;top:58%;animation-delay:-1s}.p5{left:28%;bottom:2%;animation-delay:-4s}.p6{right:18%;bottom:8%;animation-delay:-5s}

.article-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:15px}.article-card{min-height:365px;border:1px solid var(--line);border-radius:26px;background:white;padding:27px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.35s var(--ease)}.article-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.article-art{height:145px;border-radius:17px;background:linear-gradient(145deg,#ffe5d9,#f7b89e);margin-bottom:30px;position:relative;overflow:hidden}.article-card:nth-child(2) .article-art{background:linear-gradient(145deg,#dce8fb,#a8c9ff)}.article-card:nth-child(3) .article-art{background:linear-gradient(145deg,#e0f5ea,#a9dec1)}.article-art::before{content:"";position:absolute;width:120px;height:180px;border-radius:24px;background:#111927;left:50%;top:20px;transform:translateX(-50%) rotate(7deg);box-shadow:0 13px 30px rgba(17,26,45,.2)}.article-art::after{content:"Ordr.";position:absolute;left:50%;top:70px;transform:translateX(-50%) rotate(7deg);color:var(--orange);font-family:Manrope,sans-serif;font-weight:800}.article-card small{color:var(--orange);font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.article-card h3{font-size:20px;line-height:1.35;letter-spacing:-.035em;margin:12px 0}.article-card>a{margin-top:auto;color:var(--muted);font-size:10px;font-weight:700}

.demo-section{background:var(--canvas);padding-top:80px}.demo-shell{background:var(--graphite);color:white;border-radius:42px;padding:70px;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;box-shadow:0 45px 100px rgba(17,26,45,.18);position:relative;overflow:hidden}.demo-shell::before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;left:-250px;bottom:-300px;background:radial-gradient(circle,rgba(212,69,24,.28),transparent 70%)}.demo-copy{position:relative}.demo-copy p{color:rgba(255,255,255,.55)}.demo-benefits{display:grid;gap:13px;margin-top:35px;color:rgba(255,255,255,.78);font-size:11px}.demo-benefits span::first-letter{color:#60d69a}.demo-contact{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:25px}.demo-contact small{display:block;color:rgba(255,255,255,.42);font-size:9px;margin-bottom:7px}.demo-contact a{font-weight:700;font-size:13px}.demo-contact a span{color:var(--orange);margin-left:8px}.demo-form{position:relative;background:white;color:var(--ink);border-radius:28px;padding:32px}.form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.form-head span{font-family:Manrope,sans-serif;font-size:20px;font-weight:700}.form-head small{color:var(--muted);font-size:8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-grid label{font-size:9px;font-weight:700;color:var(--ink-2)}.field-grid input,.field-grid select,.field-grid textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fafafa;padding:12px;margin-top:7px;outline:none;font-size:11px;color:var(--ink);transition:.2s}.field-grid input:focus,.field-grid select:focus,.field-grid textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(212,69,24,.09);background:white}.field-grid textarea{resize:vertical}.field-full{grid-column:1/-1}.field-error{display:none;color:#c83c27;font-size:8px;margin-top:5px}.field-grid label.invalid input{border-color:#db4b38;background:#fff7f5}.field-grid label.invalid .field-error{display:block}.consent{display:flex;align-items:flex-start;gap:9px;margin:15px 0;color:var(--muted);font-size:8px;line-height:1.5}.consent input{accent-color:var(--orange);margin-top:1px}.form-submit{width:100%;border-radius:12px}.form-note{text-align:center;color:var(--muted);font-size:8px;margin:11px 0 0}.form-success{display:none;position:absolute;inset:0;background:white;border-radius:inherit;padding:45px;align-content:center;text-align:center}.form-success.show{display:grid}.form-success span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:var(--green-soft);color:var(--green);font-size:31px}.form-success b{font-size:22px}.form-success p{color:var(--muted);font-size:11px;line-height:1.6;max-width:340px;margin:12px auto}

.faq-layout{display:grid;grid-template-columns:.6fr 1.4fr;gap:100px;align-items:start}.faq-title{position:sticky;top:130px}.faq-title p{font-size:13px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;border:0;background:transparent;text-align:left;padding:25px 0;display:flex;align-items:center;justify-content:space-between;font-family:Manrope,sans-serif;color:var(--ink);font-size:17px;font-weight:700;cursor:pointer}.faq-question span{width:29px;height:29px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--orange);transition:.3s}.faq-question[aria-expanded="true"] span{transform:rotate(45deg);background:var(--orange);color:white;border-color:var(--orange)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}.faq-answer>div{overflow:hidden}.faq-answer p{color:var(--muted);line-height:1.75;font-size:13px;margin:0;padding:0 50px 25px 0}.faq-question[aria-expanded="true"]+.faq-answer{grid-template-rows:1fr}

.site-footer{background:#090f1a;color:white;padding:80px 0 22px}.footer-top{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;padding-bottom:70px}.brand-light{color:white}.footer-brand>p{color:rgba(255,255,255,.47);font-size:12px;line-height:1.7;max-width:380px;margin:20px 0 28px}.store-badges{display:flex;gap:9px}.store-badges span{padding:10px 13px;border:1px solid rgba(255,255,255,.12);border-radius:9px;font-size:9px;color:rgba(255,255,255,.72)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-column h3{font-size:11px;margin-bottom:20px;color:white}.footer-column a{display:block;color:rgba(255,255,255,.48);font-size:10px;margin:12px 0;transition:.2s}.footer-column a:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;justify-content:space-between;color:rgba(255,255,255,.35);font-size:8px}.footer-bottom div{display:flex;gap:20px}.mobile-sticky{display:none}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}

@media (max-width: 1100px){
  .desktop-nav{gap:18px;margin-left:30px}.desktop-nav a:nth-last-child(-n+2){display:none}.hero{min-height:1060px}.tablet-device{left:2%;width:620px}.pos-device{right:2%}.float-card{transform:scale(.9)}.split-heading{gap:60px}.operation-layout{gap:45px}.pos-grid{gap:40px}.mini-panel{width:350px}.scenario-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:1.1fr .9fr}.article-card:last-child{display:none}.demo-shell{padding:50px;gap:45px}.security-grid{gap:30px}
}
@media (max-width: 900px){
  .announcement{display:none}.site-header{height:68px}.desktop-nav,.nav-actions{display:none}.menu-toggle{display:flex;margin-left:auto;width:42px;height:42px;border:0;background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:6px}.menu-toggle span{width:22px;height:2px;background:var(--ink);transition:.25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{display:flex;position:fixed;z-index:99;inset:68px 0 0;background:rgba(247,246,242,.98);backdrop-filter:blur(20px);padding:35px 24px 100px;flex-direction:column;gap:0;opacity:0;visibility:hidden;transform:translateY(-15px);transition:.3s var(--ease)}.mobile-menu.open{opacity:1;visibility:visible;transform:none}.mobile-menu>a:not(.button){padding:18px 2px;border-bottom:1px solid var(--line);font-family:Manrope,sans-serif;font-size:20px;font-weight:700}.mobile-menu .button{margin-top:25px}.mega-menu{display:none}.section{padding:100px 0}.hero{padding-top:80px;min-height:950px}.hero h1{font-size:clamp(48px,9vw,73px)}.hero-stage{height:490px;margin-top:50px}.tablet-device{width:560px;height:355px;left:-9%;top:85px}.phone-device{width:205px;height:425px;top:20px}.pos-device{width:165px;height:315px;right:-1%;top:105px}.pos-screen{height:180px}.pos-check{margin:12px 0 8px}.pos-keys{padding-top:10px}.float-card{min-width:170px}.card-order{left:-2%}.card-payment{right:-2%}.card-ready{right:12%;bottom:0}.split-heading,.customer-grid,.security-grid,.demo-shell,.faq-layout{grid-template-columns:1fr}.split-heading{gap:25px;align-items:start}.friction-grid{grid-template-columns:repeat(2,1fr)}.operation-layout{grid-template-columns:1fr}.story-visual{position:relative;top:auto}.story-steps{display:grid;grid-template-columns:1fr 1fr;gap:25px}.story-step{min-height:auto;padding:15px 0 25px 48px}.story-step::before{display:none}.module-card{grid-column:span 6}.module-card.wide{grid-column:span 12}.payment-orbit{transform:scale(.82);margin-inline:-80px}.pos-grid{grid-template-columns:1fr}.pos-copy{max-width:650px}.pos-demo{max-width:760px;width:100%;margin:auto}.customer-grid{gap:35px}.customer-copy{max-width:630px}.phone-gallery{width:min(100%,680px);margin:auto}.dashboard-body{min-height:450px}.dashboard-frame img{height:450px}.panel-features{grid-template-columns:repeat(3,1fr)}.panel-feature:nth-child(3){border-right:0}.benefits-grid{grid-template-columns:repeat(2,1fr)}.security-copy{max-width:650px}.partner-cloud{width:min(100%,650px);margin:auto}.demo-shell{padding:60px}.demo-copy{max-width:650px}.faq-title{position:relative;top:auto}.faq-layout{gap:45px}.footer-top{grid-template-columns:1fr;gap:55px}
}
@media (max-width: 640px){
  .container{width:min(calc(100% - 32px),var(--container))}.section{padding:82px 0}.brand{font-size:23px}.hero{padding-top:62px;min-height:870px}.hero h1{font-size:45px;line-height:1.01;letter-spacing:-.065em}.hero-copy>p{font-size:15px;line-height:1.6}.hero-actions{flex-direction:column;align-items:stretch;max-width:340px;margin:28px auto 0}.hero-stage{height:390px;margin-top:45px;width:100%}.tablet-device{width:405px;height:270px;left:-30%;top:80px;border-radius:21px;padding:8px}.device-bar{height:20px}.phone-device{width:164px;height:340px;top:8px;left:48%;border-radius:31px;padding:6px}.phone-device img{border-radius:25px}.phone-island{width:58px;height:16px;top:10px}.pos-device{width:122px;height:238px;right:-19%;top:88px;border-radius:17px 17px 24px 24px;padding:9px}.pos-screen{height:143px;padding:8px}.pos-check{width:32px;height:32px;margin:9px 0 6px;font-size:16px}.pos-screen b{font-size:8px}.pos-card{display:none}.pos-keys{gap:4px;padding:9px 6px 0}.pos-keys i{height:6px}.float-card{padding:9px 10px;min-width:150px}.float-card b{font-size:9px}.float-card small{font-size:7px}.card-order{left:0;top:40px}.card-payment{right:-5%;top:5px}.card-ready{right:5%;bottom:5px}.float-icon{width:23px;height:23px;flex-basis:23px}.amount{display:none!important}.ring-a{width:430px;height:250px}.ring-b{width:570px;height:330px}.trust-track{height:62px;gap:25px}.trust-track span{font-size:10px}.split-heading h2,.section-title-row h2,.centered-heading h2,.payments-head h2,.pos-copy h2,.customer-copy h2,.security-copy h2,.demo-copy h2,.faq-title h2{font-size:39px}.split-heading{margin-bottom:40px}.friction-grid{grid-template-columns:1fr}.friction-card{min-height:180px}.friction-card:nth-child(n+7){display:none}.friction-face{padding:23px}.operation-section .centered-heading{margin-bottom:45px}.operation-layout{gap:30px}.story-window{height:420px}.story-content{padding:20px}.flow-rail{gap:7px}.flow-rail i{width:20px}.story-steps{grid-template-columns:1fr}.story-step{padding-left:48px}.section-title-row{align-items:start;flex-direction:column;margin-bottom:38px}.module-grid{display:block}.module-card,.module-card.wide{min-height:auto;margin-bottom:13px;display:block;padding:25px}.module-card:nth-child(n+6){display:none}.module-card h3{margin-top:24px}.module-card ul{grid-template-columns:1fr}.module-visual{margin-top:24px}.payments-section{padding-bottom:100px}.payment-orbit{height:570px;transform:none;margin:20px 0 0}.payment-orbit::before{width:330px;height:330px}.payment-orbit::after{width:460px;height:460px}.orbit-core{width:170px;height:170px}.orbit-core .brand-mark{width:30px;height:30px}.orbit-core>small{display:none}.core-total{font-size:17px;margin-top:10px}.pay-node{width:145px;padding:11px}.pay-node>span{width:30px;height:30px}.pay-node b{font-size:9px}.pay-node small{font-size:8px}.node-online{left:-5%;top:10%}.node-card{right:-5%;top:14%}.node-cash{left:-5%;bottom:13%}.node-meal{right:-4%;bottom:8%}.orbit-line{width:150px}.payment-caption{flex-direction:column;align-items:start;gap:20px}.pos-demo{min-height:480px;padding:40px 20px;overflow:hidden}.mini-panel{width:290px;margin-left:-55px}.data-stream{left:49%;width:100px}.smart-pos{width:130px;height:300px;margin-right:-48px;padding:9px}.smart-screen{height:220px;padding:8px}.wave-icon{width:42px;height:42px;margin:35px 0 10px}.smart-screen b{font-size:15px}.smart-buttons{margin-top:16px;gap:12px}.phone-gallery{height:520px}.phone{width:205px;height:430px;border-width:6px}.phone-back{left:-3%;top:60px}.phone-front{left:34%}.badge-top{right:-4%;top:50px}.badge-bottom{left:-2%;bottom:20px}.dashboard-shell{border-radius:18px;margin-inline:8px;width:calc(100% - 16px)}.dashboard-toolbar{height:54px;padding:0 12px}.dash-tabs{margin-left:20px;overflow:auto}.dash-tabs button{padding:0 10px;font-size:8px;white-space:nowrap}.dash-tabs button:nth-child(4){display:none}.dash-user{display:none}.dashboard-body{grid-template-columns:36px;min-height:360px}.dashboard-body aside{gap:16px;padding-top:18px}.dashboard-body aside i{width:12px;height:12px}.dashboard-frame{padding:10px}.dashboard-frame img{height:360px}.panel-features{grid-template-columns:1fr 1fr}.panel-feature{padding:17px 7px}.panel-feature:nth-child(2n){border-right:0}.panel-feature:last-child{display:none}.benefits-grid{grid-template-columns:1fr}.benefit-card{min-height:155px}.scenario-grid{grid-template-columns:1fr 1fr}.scenario-card{min-height:235px;padding:20px}.scenario-card h3{margin-top:90px;font-size:18px}.scenario-card p{font-size:9px}.security-list{grid-template-columns:1fr}.partner-cloud{height:430px}.partner-cloud::before{width:300px;height:300px}.partner-cloud::after{width:410px;height:410px}.cloud-center{width:130px;height:130px}.partner-pill{padding:9px 10px;font-size:7px}.article-grid{display:block}.article-card{min-height:340px;margin-bottom:14px}.article-card:nth-child(n+3){display:none}.demo-section{padding-inline:8px}.demo-shell{padding:42px 22px;border-radius:30px}.demo-form{padding:23px 18px}.form-head{align-items:start;gap:10px}.form-head small{text-align:right}.field-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.faq-answer p{padding-right:15px}.footer-top{padding-bottom:45px}.footer-links{grid-template-columns:1fr 1fr;gap:30px}.footer-bottom{padding-bottom:80px;flex-wrap:wrap;gap:16px}.footer-bottom>span:last-child{display:none}.mobile-sticky{display:flex;position:fixed;z-index:90;left:12px;right:12px;bottom:12px;height:62px;padding:0 14px 0 20px;border-radius:17px;background:rgba(17,26,45,.94);backdrop-filter:blur(15px);color:white;align-items:center;justify-content:space-between;box-shadow:0 14px 40px rgba(17,26,45,.3)}.mobile-sticky span small,.mobile-sticky span b{display:block}.mobile-sticky small{font-size:8px;color:rgba(255,255,255,.5);margin-bottom:3px}.mobile-sticky b{font-size:12px}.mobile-sticky i{width:38px;height:38px;border-radius:12px;background:var(--orange);display:grid;place-items:center;font-style:normal}.reveal{transform:translateY(16px)}
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.story-visual{position:relative;top:auto}}

/* Original Ordr. brand assets */
.orbit-logo { width: 44px; height: 44px; margin-bottom: 12px; border-radius: 10px; }
.tiny-logo { width: 34px; height: auto; }
.dash-brand { gap: 0; }
.dash-brand img { width: 58px; height: auto; }
.cloud-center img { width: 88px; height: auto; }
.cloud-center small { margin-top: 9px; }
.article-art::after { content: ""; width: 62px; height: 22px; background: url('assets/ordr-wordmark.svg') center / contain no-repeat; }

@media (max-width: 640px) {
  .brand > img { width: 88px; }
  .orbit-logo { width: 34px; height: 34px; }
}

/* Brand refinements and current-site integrations */
.signature-kicker {
  position: relative;
  padding: 0 8px 5px;
  border: 0;
  background: transparent;
  border-radius: 0;
  color: var(--orange);
  font-family: "Snell Roundhand", "Segoe Script", "Bradley Hand", cursive;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1;
  text-transform: none;
  transform: rotate(-2deg);
}
.signature-kicker::after { content: ""; position: absolute; right: 2px; bottom: 0; width: 68%; height: 1px; background: currentColor; opacity: .45; transform: rotate(-2deg); }

.account-menu { position: relative; }
.account-trigger { border: 0; background: transparent; color: var(--ink); padding: 12px 0; font-size: 13px; font-weight: 700; cursor: pointer; }
.account-trigger span { display: inline-block; margin-left: 4px; transition: transform .2s; }
.account-trigger[aria-expanded="true"] span { transform: rotate(180deg); }
.account-panel { position: absolute; z-index: 110; top: calc(100% + 11px); right: -18px; width: 260px; padding: 9px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.97); box-shadow: 0 24px 55px rgba(17,26,45,.15); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: .24s var(--ease); }
.account-panel.open { opacity: 1; visibility: visible; transform: none; }
.account-panel a { display: block; padding: 13px 14px; border-radius: 12px; }
.account-panel a:hover { background: var(--canvas); }
.account-panel b,.account-panel small { display: block; }
.account-panel b { font-size: 12px; }
.account-panel small { color: var(--muted); font-size: 9px; margin-top: 4px; font-weight: 500; }
.mobile-account-links { display: none; }

.qr-box { width: 138px; height: 138px; border: 7px solid white; background: white url('assets/qr-demo.svg') center / cover no-repeat; }

.cloud-center img { width: 102px; }
.article-art::after { width: 72px; height: 26px; background-image: url('assets/ordr-wordmark-white.svg'); }

.app-section { padding-top: 60px; background: var(--canvas); }
.app-shell { min-height: 620px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 70px; padding: 70px 75px; color: white; background: radial-gradient(circle at 75% 30%, rgba(212,69,24,.28), transparent 38%), #0d1422; border-radius: 42px; overflow: hidden; box-shadow: 0 40px 90px rgba(17,26,45,.18); }
.app-copy { position: relative; z-index: 3; }
.app-wordmark { width: 108px; height: auto; margin-bottom: 26px; }
.app-copy > span { color: #ff9977; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.app-copy h2 { max-width: 550px; margin: 17px 0 20px; font-size: clamp(42px,4.4vw,62px); line-height: 1.04; letter-spacing: -.06em; }
.app-copy p { max-width: 490px; color: rgba(255,255,255,.58); font-size: 14px; line-height: 1.7; }
.download-actions { display: flex; gap: 10px; margin-top: 30px; }
.store-button { min-width: 170px; min-height: 58px; display: flex; align-items: center; gap: 12px; padding: 10px 17px; border: 1px solid rgba(255,255,255,.17); border-radius: 15px; background: white; color: var(--ink); transition: .25s var(--ease); }
.store-button:hover { transform: translateY(-3px); box-shadow: 0 16px 30px rgba(0,0,0,.2); }
.store-button > i { font-style: normal; font-size: 22px; }
.store-button small,.store-button b { display: block; }
.store-button small { font-size: 8px; color: var(--muted); }
.store-button b { margin-top: 2px; font-size: 14px; }
.store-button-light { background: rgba(255,255,255,.08); color: white; }
.store-button-light small { color: rgba(255,255,255,.48); }
.app-visual { height: 520px; position: relative; }
.app-phone { position: absolute; z-index: 2; left: 50%; top: 20px; width: 245px; height: 500px; padding: 8px; overflow: hidden; background: #080b10; border-radius: 42px; box-shadow: 0 45px 90px rgba(0,0,0,.42); transform: translateX(-50%) rotate(6deg); }
.app-phone > img { width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 34px; }
.app-float { position: absolute; z-index: 4; display: flex; align-items: center; gap: 9px; padding: 12px 15px; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; background: rgba(255,255,255,.1); backdrop-filter: blur(16px); box-shadow: 0 18px 35px rgba(0,0,0,.2); color: #ff8e68; font-size: 16px; }
.app-float span { color: white; font-size: 10px; font-weight: 700; }
.app-float-one { left: 1%; top: 90px; }
.app-float-two { right: 0; bottom: 80px; }

.footer-top { grid-template-columns: .65fr 1.35fr; gap: 70px; }
.footer-links { grid-template-columns: repeat(4,1fr); gap: 28px; }
.store-badges a { padding: 10px 13px; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; color: rgba(255,255,255,.72); font-size: 9px; transition: .2s; }
.store-badges a:hover { color: white; border-color: rgba(255,255,255,.3); }
.etbis-card { max-width: 285px; margin-top: 15px; padding: 13px; display: flex; align-items: center; gap: 11px; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; background: rgba(255,255,255,.035); }
.etbis-card > span { width: 30px; height: 30px; flex: 0 0 30px; display: grid; place-items: center; border-radius: 50%; background: rgba(22,160,100,.18); color: #63dba1; }
.etbis-card b,.etbis-card small { display: block; }
.etbis-card b { font-size: 10px; }
.etbis-card small { margin-top: 3px; color: rgba(255,255,255,.43); font-size: 8px; }

@media (max-width: 900px) {
  .mobile-menu { overflow-y: auto; }
  .mobile-account-links { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
  .mobile-account-links a { padding: 11px; border: 1px solid var(--line); border-radius: 11px; background: white; font-size: 11px; font-weight: 700; text-align: center; }
  .app-shell { grid-template-columns: 1fr; padding: 58px; }
  .app-visual { width: min(100%,600px); margin-inline: auto; }
  .footer-top { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .signature-kicker { font-size: 21px; }
  .qr-box { width: 125px; height: 125px; }
  .app-section { padding-inline: 8px; }
  .app-shell { min-height: auto; padding: 42px 22px 30px; gap: 18px; border-radius: 30px; }
  .app-copy h2 { font-size: 39px; }
  .download-actions { flex-direction: column; }
  .store-button { width: 100%; }
  .app-visual { height: 430px; }
  .app-phone { width: 205px; height: 415px; }
  .app-float-one { left: -5px; top: 72px; }
  .app-float-two { right: -8px; bottom: 48px; }
  .dash-tabs button:nth-child(4) { display: block; }
  .footer-links { grid-template-columns: 1fr 1fr; gap: 30px 22px; }
  .store-badges { flex-direction: column; align-items: flex-start; }
}

/* 2026 product story refinements */
.cyber-kicker {
  position: relative;
  isolation: isolate;
  min-height: 39px;
  padding: 9px 42px 9px 15px;
  overflow: hidden;
  border: 1px solid rgba(212,69,24,.38);
  border-radius: 3px;
  background: linear-gradient(100deg,rgba(13,20,34,.98),rgba(25,29,43,.94));
  color: #ff7b4f;
  box-shadow: 0 0 0 1px rgba(255,255,255,.5), 0 10px 30px rgba(17,26,45,.13), inset 0 0 24px rgba(212,69,24,.08);
  clip-path: polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));
  font-family: "SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.cyber-kicker span { position: relative; z-index: 2; text-shadow: 0 0 13px rgba(255,104,54,.55); }
.cyber-kicker i { position: absolute; z-index: 3; right: 11px; top: 50%; translate: 0 -50%; color: #65e8e2; font-size: 7px; font-style: normal; letter-spacing: .05em; animation: cyberPulse 1.7s steps(2,end) infinite; }
.cyber-kicker::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,transparent,rgba(101,232,226,.2),transparent); transform: translateX(-120%); animation: cyberScan 3.2s ease-in-out infinite; }
.cyber-kicker::after { content: attr(data-text); position: absolute; z-index: 1; left: 15px; top: 10px; color: #63e4df; opacity: 0; text-shadow: -2px 0 #d44518; animation: cyberGlitch 4.5s steps(1,end) infinite; }
@keyframes cyberPulse { 50% { opacity: .35; } }
@keyframes cyberScan { 55%,100% { transform: translateX(120%); } }
@keyframes cyberGlitch { 0%,89%,94%,100% { opacity: 0; transform: none; } 90% { opacity: .72; transform: translate(2px,-1px); clip-path: inset(0 0 58% 0); } 92% { opacity: .5; transform: translate(-2px,1px); clip-path: inset(55% 0 8% 0); } }

/* Portrait devices: keep every screen in its own physical silhouette. */
.hero-stage { height: 620px; }
.tablet-device {
  width: 340px;
  height: 520px;
  left: max(0px,calc(50% - 520px));
  top: 48px;
  z-index: 2;
  padding: 12px;
  border-radius: 34px;
  transform: rotateX(3deg) rotateY(7deg) rotateZ(-4deg);
}
.tablet-device img { height: calc(100% - 28px); object-fit: cover; object-position: top; border-radius: 19px; }
.phone-device { left: 50%; top: 20px; }
.pos-device { right: max(0px,calc(50% - 520px)); top: 105px; }
.card-order { left: 0; top: 66px; }
.card-payment { right: 0; top: 75px; }
.card-ready { right: 14%; bottom: 18px; }

/* Sticky walkthrough: overflow must not create a competing scroll container. */
.operation-section { overflow: visible; }
.operation-section::before { pointer-events: none; }
.story-visual { top: 104px; align-self: start; z-index: 2; }
.story-step { min-height: 350px; }
.story-panel-shot { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 20px; background: linear-gradient(145deg,#111927,#202b3e); box-shadow: 0 22px 55px rgba(17,26,45,.25); }
.story-panel-shot img { width: 100%; height: 100%; object-fit: contain; object-position: center top; }
.story-panel-shot > div { position: absolute; z-index: 2; left: 14px; right: 14px; bottom: 14px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.18); border-radius: 13px; background: rgba(13,20,34,.88); color: white; backdrop-filter: blur(14px); }
.story-panel-shot span,.story-panel-shot b { display: block; }
.story-panel-shot span { margin-bottom: 5px; color: #ff8a63; font-size: 7px; font-weight: 800; letter-spacing: .12em; }
.story-panel-shot b { font-size: 10px; line-height: 1.45; }

/* Existing-screen installation and receipt printing. */
.install-section { padding-top: 110px; background: #f1f2ef; }
.install-section .centered-heading > p,.panel-section .centered-heading > p { color: var(--muted); }
.install-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 16px; }
.install-card { min-height: 520px; position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 30px; background: white; box-shadow: 0 18px 50px rgba(17,26,45,.06); }
.install-card-copy { position: relative; z-index: 3; }
.install-card-copy h3 { margin: 16px 0 12px; font-size: 28px; line-height: 1.08; letter-spacing: -.045em; }
.install-card-copy p { margin-bottom: 15px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.install-card-copy small { display: block; color: #8790a0; font-size: 9px; line-height: 1.5; }
.install-index { display: inline-grid; min-width: 31px; height: 23px; place-items: center; border: 1px solid rgba(212,69,24,.2); border-radius: 6px; background: var(--orange-soft); color: var(--orange); font-family: "SFMono-Regular",Consolas,monospace; font-size: 8px; font-weight: 800; }
.install-device-card { grid-row: span 2; padding: 38px; background: radial-gradient(circle at 76% 72%,rgba(212,69,24,.16),transparent 30%),#0e1625; color: white; }
.install-device-card .install-card-copy { width: 52%; }
.install-device-card .install-card-copy p { color: rgba(255,255,255,.58); }
.install-device-card .install-card-copy small { color: rgba(255,255,255,.35); }
.portrait-console { position: absolute; right: 34px; bottom: -58px; width: 285px; height: 560px; padding: 15px; border: 1px solid rgba(255,255,255,.23); border-radius: 38px; background: linear-gradient(145deg,#313b4d,#0a0f18); box-shadow: -30px 40px 75px rgba(0,0,0,.4); transform: rotate(3deg); }
.console-camera { width: 38px; height: 5px; margin: 0 auto 11px; border-radius: 4px; background: #070a10; }
.console-screen { height: 485px; overflow: hidden; border-radius: 24px; background: #edf2f7; }
.console-screen img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.console-status { display: flex; align-items: center; justify-content: center; gap: 6px; padding-top: 10px; color: rgba(255,255,255,.53); font-family: "SFMono-Regular",Consolas,monospace; font-size: 7px; letter-spacing: .1em; }
.console-status i { width: 5px; height: 5px; border-radius: 50%; background: #2fdf97; box-shadow: 0 0 9px #2fdf97; }
.install-print-card { padding: 34px; background: linear-gradient(145deg,#fff,#fbf5f1); }
.install-print-card .install-card-copy { width: 100%; max-width: 310px; }
.receipt-scene { position: absolute; inset: 185px 0 0 0; perspective: 900px; }
.receipt { position: absolute; width: 154px; min-height: 248px; padding: 19px 16px; background: #fff; color: var(--ink); box-shadow: 0 22px 55px rgba(17,26,45,.16); font-family: "SFMono-Regular",Consolas,monospace; }
.receipt b,.receipt span,.receipt small,.receipt em,.receipt strong { display: block; }
.receipt b { color: var(--orange); font-size: 15px; }
.receipt span { margin-top: 8px; font-size: 8px; font-weight: 800; letter-spacing: .1em; }
.receipt i { display: block; margin: 11px 0; border-top: 1px dashed #aeb4bf; }
.receipt small { margin-bottom: 14px; color: #747d8d; font-size: 7px; }
.receipt em { margin: 7px 0; font-size: 7px; font-style: normal; }
.receipt strong { margin-top: 14px; font-size: 15px; }
.receipt-back { right: -5px; top: 67px; transform: rotate(10deg); opacity: .7; }
.receipt-middle { right: 50px; top: 48px; transform: rotate(2deg); }
.receipt-front { right: 108px; top: 70px; transform: rotate(-8deg); }
.print-button { position: absolute; z-index: 5; right: 23px; bottom: 26px; min-height: 43px; padding: 0 17px; border: 0; border-radius: 12px; background: var(--orange); color: white; box-shadow: 0 15px 30px rgba(212,69,24,.26); font-size: 10px; font-weight: 800; }
.print-button span { margin-left: 6px; }
.install-cost-card { min-height: 330px; display: grid; grid-template-columns: .55fr 1fr; align-items: center; gap: 20px; padding: 34px; }
.cost-orbit { width: 155px; height: 155px; position: relative; display: grid; place-items: center; border: 1px dashed rgba(212,69,24,.35); border-radius: 50%; }
.cost-orbit::before { content: ""; position: absolute; inset: 24px; border: 1px solid var(--line); border-radius: inherit; }
.cost-orbit span { position: relative; z-index: 2; width: 63px; height: 63px; display: grid; place-items: center; border-radius: 20px; background: var(--ink); color: white; font-size: 29px; transform: rotate(45deg); box-shadow: 0 15px 35px rgba(17,26,45,.2); }
.cost-orbit span::after { content: "MEVCUT"; position: absolute; transform: rotate(-45deg); color: #ff8a63; font-family: "SFMono-Regular",Consolas,monospace; font-size: 6px; letter-spacing: .08em; }
.cost-orbit i { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 12px rgba(212,69,24,.55); }
.cost-orbit i:nth-child(2) { left: 8px; top: 55px; }.cost-orbit i:nth-child(3) { right: 20px; top: 20px; }.cost-orbit i:nth-child(4) { right: 14px; bottom: 33px; }

/* Panel gallery is a portrait tablet, matching the supplied screenshots. */
.panel-section .centered-heading { margin-bottom: 54px; }
.dashboard-shell { max-width: 750px; padding: 13px; border: 1px solid rgba(255,255,255,.25); border-radius: 44px; background: linear-gradient(145deg,#303a4c,#0c111b); box-shadow: 0 45px 95px rgba(17,26,45,.24); }
.dashboard-toolbar { border-radius: 29px 29px 0 0; }
.dashboard-body { min-height: 850px; border-radius: 0 0 29px 29px; overflow: hidden; }
.dashboard-frame { padding: 12px; }
.dashboard-frame img { height: 826px; object-fit: cover; object-position: top; border-radius: 12px; }

@media (max-width: 1100px) {
  .tablet-device { width: 310px; left: 0; }
  .pos-device { right: max(0px,calc(50% - 440px)); }
  .install-device-card .install-card-copy { width: 47%; }
  .portrait-console { right: 18px; width: 260px; }
}

@media (max-width: 900px) {
  .hero-stage { height: 530px; }
  .tablet-device { width: 250px; height: 410px; left: -20px; top: 66px; }
  .phone-device { width: 180px; height: 385px; left: 50%; top: 18px; }
  .pos-device { width: 155px; height: 300px; right: 0; top: 110px; }
  .operation-section { overflow: hidden; }
  .story-step { min-height: auto; }
  .install-grid { grid-template-columns: 1fr; }
  .install-device-card { grid-row: auto; min-height: 600px; }
  .install-device-card .install-card-copy { width: 50%; }
  .install-cost-card { min-height: 360px; }
  .dashboard-shell { width: min(calc(100% - 48px),690px); }
  .dashboard-body { min-height: 760px; }
  .dashboard-frame img { height: 736px; }
}

@media (max-width: 640px) {
  .cyber-kicker { min-height: 34px; padding: 8px 36px 8px 11px; font-size: 8px; letter-spacing: .09em; }
  .cyber-kicker::after { left: 11px; top: 9px; }
  .cyber-kicker i { right: 9px; font-size: 6px; }
  .hero { min-height: 900px; }
  .hero-stage { height: 415px; margin-top: 36px; }
  .tablet-device { width: 185px; height: 320px; left: -60px; top: 73px; padding: 7px; border-radius: 24px; transform: rotateY(4deg) rotateZ(-4deg); }
  .tablet-device img { height: calc(100% - 20px); border-radius: 14px; }
  .phone-device { width: 142px; height: 296px; left: 55%; top: 17px; }
  .pos-device { width: 110px; height: 220px; right: -50px; top: 105px; }
  .card-order { left: -4px; top: 45px; }
  .card-payment { right: -8px; top: 13px; }
  .card-ready { right: 1%; bottom: 0; }
  .story-panel-shot > div { left: 8px; right: 8px; bottom: 8px; }
  .install-section { padding-top: 80px; }
  .install-card { min-height: auto; border-radius: 24px; }
  .install-device-card { min-height: 610px; padding: 27px 23px; }
  .install-device-card .install-card-copy,.install-print-card .install-card-copy { width: 100%; }
  .portrait-console { width: 245px; height: 460px; right: -3px; bottom: -44px; }
  .console-screen { height: 390px; }
  .install-print-card { min-height: 580px; padding: 27px 23px; }
  .receipt-scene { inset: 180px 0 0 0; }
  .receipt { width: 135px; min-height: 220px; }
  .receipt-back { right: -18px; }.receipt-middle { right: 53px; }.receipt-front { right: 116px; }
  .install-cost-card { min-height: 470px; grid-template-columns: 1fr; padding: 28px 23px; }
  .cost-orbit { margin-inline: auto; }
  .dashboard-shell { width: calc(100% - 24px); margin-inline: auto; padding: 7px; border-radius: 27px; }
  .dashboard-toolbar { height: 49px; border-radius: 20px 20px 0 0; }
  .dashboard-body { grid-template-columns: 28px 1fr; min-height: 520px; border-radius: 0 0 20px 20px; }
  .dashboard-frame { padding: 7px; }
  .dashboard-frame img { height: 505px; }
}

/* Calm premium refinements requested after visual review. */
.quiet-kicker {
  position: relative;
  gap: 9px;
  padding: 8px 14px 8px 10px;
  border: 1px solid rgba(17,26,45,.08);
  background: rgba(255,255,255,.66);
  box-shadow: 0 18px 45px rgba(17,26,45,.06), inset 0 1px 0 rgba(255,255,255,.92);
  color: rgba(17,26,45,.72);
  text-transform: none;
  letter-spacing: -.01em;
  font-size: 13px;
  font-weight: 700;
  backdrop-filter: blur(18px);
}
.quiet-kicker > span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--orange);
  box-shadow: 0 0 0 5px rgba(212,69,24,.08);
  animation: quietPulse 2.9s ease-in-out infinite;
}
.quiet-kicker::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 16px;
  bottom: -6px;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(212,69,24,.45),transparent);
  transform-origin: center;
  animation: quietLine 4.6s var(--ease) infinite;
}
@keyframes quietPulse { 50% { transform: scale(.72); opacity: .68; } }
@keyframes quietLine { 0%,100% { transform: scaleX(.4); opacity: .15; } 45%,65% { transform: scaleX(1); opacity: .8; } }

.hero-stage {
  height: 660px;
  max-width: 1260px;
}
.tablet-device {
  width: 430px;
  height: 590px;
  left: clamp(0px, 2vw, 34px);
  top: 36px;
  z-index: 2;
  padding: 13px;
  border-radius: 42px;
  transform: rotateX(3deg) rotateY(6deg) rotateZ(-3deg);
}
.tablet-device img {
  width: 100%;
  height: calc(100% - 28px);
  object-fit: contain;
  object-position: center;
  background: #eef3f7;
  border-radius: 26px;
}
.phone-device {
  left: 54%;
  top: 46px;
  z-index: 5;
  transform: translateX(-50%) rotateX(1deg) rotateY(-1deg) rotateZ(1deg);
  box-shadow: 0 50px 100px rgba(17,26,45,.32), 0 0 0 1px rgba(255,255,255,.32);
}
.phone-device img {
  object-fit: contain;
  background: #fff;
}
.pos-device {
  right: clamp(0px, 2vw, 36px);
  top: 128px;
  z-index: 3;
}
.card-order { left: 0; top: 58px; }
.card-payment { right: 0; top: 64px; }
.card-ready { right: 10%; bottom: 8px; }

.pos-terminal {
  position: absolute;
  right: 36px;
  bottom: 30px;
  width: 320px;
  padding: 14px 14px 18px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 34px 34px 44px 44px;
  background: linear-gradient(155deg,#384354,#0a0f18 68%);
  box-shadow: -32px 38px 85px rgba(0,0,0,.38);
  transform: rotate(2deg);
}
.terminal-slot {
  width: 58px;
  height: 6px;
  margin: 0 auto 12px;
  border-radius: 999px;
  background: #080c12;
}
.terminal-screen {
  padding: 8px;
  aspect-ratio: 1200 / 1532;
  border-radius: 24px;
  background: #edf2f7;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.7);
}
.terminal-screen img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(17,26,45,.1);
}
.terminal-keys {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
  padding: 17px 16px 10px;
}
.terminal-keys i {
  height: 12px;
  border-radius: 6px;
  background: rgba(213,222,234,.26);
}
.terminal-status {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: rgba(255,255,255,.58);
  font-family: "SFMono-Regular",Consolas,monospace;
  font-size: 7px;
  letter-spacing: .1em;
}
.terminal-status i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #2fdf97;
  box-shadow: 0 0 9px #2fdf97;
}

.dashboard-shell {
  max-width: 760px;
  overflow: hidden;
}
.dashboard-body {
  min-height: 0;
  align-items: stretch;
}
.dashboard-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1200 / 1535;
}
.dashboard-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.apple-icon {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  display: block;
}
.store-badges a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.store-badges .apple-icon {
  width: 13px;
  height: 13px;
}
.etbis-card {
  max-width: 335px;
  padding: 10px 12px;
}
.etbis-card > img {
  width: 82px;
  height: auto;
  flex: 0 0 82px;
  border-radius: 9px;
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
}
.etbis-card b { font-size: 11px; }
.etbis-card small { font-size: 8px; line-height: 1.35; }

@media (max-width: 1100px) {
  .hero-stage { height: 630px; }
  .tablet-device { width: 360px; height: 525px; left: 0; }
  .phone-device { width: 220px; height: 460px; left: 56%; top: 50px; }
  .pos-device { width: 175px; height: 345px; right: 0; top: 140px; }
  .pos-terminal { width: 290px; right: 20px; }
}

@media (max-width: 900px) {
  .hero-stage { height: 560px; }
  .tablet-device { width: 300px; height: 455px; left: -4px; top: 70px; }
  .phone-device { width: 178px; height: 374px; left: 52%; top: 38px; }
  .pos-device { width: 140px; height: 286px; right: -4px; top: 156px; }
  .card-order { top: 46px; }
  .card-payment { top: 28px; }
  .install-device-card { min-height: 660px; }
  .install-device-card .install-card-copy { width: 48%; }
  .pos-terminal { width: 274px; right: 18px; bottom: 26px; }
  .dashboard-body { min-height: 0; }
  .dashboard-frame img { height: auto; }
}

@media (max-width: 640px) {
  .quiet-kicker {
    font-size: 12px;
    padding: 7px 12px 7px 9px;
  }
  .hero h1 {
    font-size: 39px;
    letter-spacing: -.056em;
    line-height: 1.04;
  }
  .hero { min-height: 890px; }
  .hero-stage { height: 430px; margin-top: 34px; }
  .tablet-device {
    width: 205px;
    height: 326px;
    left: -95px;
    top: 82px;
    padding: 7px;
    border-radius: 27px;
    transform: rotateY(5deg) rotateZ(-5deg);
  }
  .tablet-device img {
    height: calc(100% - 20px);
    border-radius: 17px;
  }
  .phone-device {
    width: 132px;
    height: 278px;
    left: 52%;
    top: 26px;
  }
  .pos-device {
    width: 104px;
    height: 214px;
    right: -45px;
    top: 124px;
  }
  .card-payment { display: none; }
  .card-ready { right: 0; bottom: 3px; }
  .install-device-card {
    min-height: 760px;
  }
  .install-device-card .install-card-copy {
    width: 100%;
  }
  .pos-terminal {
    width: min(286px, calc(100% - 38px));
    left: 50%;
    right: auto;
    bottom: 28px;
    transform: translateX(-50%) rotate(1deg);
  }
  .dashboard-shell {
    width: calc(100% - 24px);
  }
  .dashboard-frame img {
    height: auto;
  }
  .etbis-card {
    max-width: 100%;
  }
}

/* Final hero/slider polish: no visual slicing, no marquee gap. */
@keyframes marquee { to { transform: translateX(-33.333%); } }
.trust-track {
  gap: 36px;
  will-change: transform;
  animation-duration: 38s;
}

.hero-stage {
  height: 650px;
  overflow: visible;
}
.tablet-device {
  width: 470px;
  height: 560px;
  left: clamp(18px, 4vw, 62px);
  top: 80px;
  z-index: 2;
  transform: none;
}
.tablet-device img {
  object-fit: contain;
  background: #eef3f7;
}
.phone-device {
  width: 230px;
  height: 500px;
  left: 54%;
  top: 58px;
  z-index: 4;
  transform: translateX(-50%);
}
.pos-device {
  right: clamp(20px, 4vw, 70px);
  top: 144px;
  z-index: 3;
  transform: none;
}
.float-card {
  z-index: 12;
}
.card-order {
  left: clamp(62px, 8vw, 130px);
  top: 22px;
}
.card-payment {
  right: clamp(34px, 5vw, 92px);
  top: 40px;
}
.card-ready {
  right: clamp(120px, 16vw, 230px);
  bottom: 0;
}

.etbis-card {
  display: inline-flex;
  width: min(100%, 335px);
  max-width: 335px;
  padding: 0;
  border: 0;
  border-radius: 18px;
  background: transparent;
  box-shadow: 0 18px 35px rgba(0,0,0,.18);
  overflow: hidden;
}
.etbis-card > img.etbis-registration {
  width: 100%;
  height: auto;
  flex: 0 0 auto;
  border-radius: 18px;
  box-shadow: none;
}

@media (max-width: 1100px) {
  .hero-stage { height: 620px; }
  .tablet-device {
    width: 380px;
    height: 520px;
    left: 0;
    top: 88px;
  }
  .phone-device {
    width: 212px;
    height: 458px;
    left: 56%;
    top: 64px;
  }
  .pos-device {
    width: 170px;
    height: 330px;
    right: 0;
    top: 155px;
  }
  .card-order {
    left: 58px;
    top: 22px;
  }
  .card-payment {
    right: 18px;
    top: 44px;
  }
}

@media (max-width: 900px) {
  .hero-stage { height: 540px; }
  .tablet-device {
    width: 288px;
    height: 430px;
    left: 0;
    top: 92px;
  }
  .phone-device {
    width: 170px;
    height: 360px;
    left: 54%;
    top: 58px;
  }
  .pos-device {
    width: 134px;
    height: 272px;
    right: 0;
    top: 165px;
  }
  .card-order {
    left: 32px;
    top: 20px;
  }
  .card-payment {
    right: 0;
    top: 32px;
  }
}

@media (max-width: 640px) {
  .trust-track {
    gap: 28px;
    animation-duration: 34s;
  }
  .hero-stage {
    height: 430px;
  }
  .tablet-device {
    width: 190px;
    height: 310px;
    left: -96px;
    top: 95px;
    transform: none;
  }
  .phone-device {
    width: 136px;
    height: 286px;
    left: 50%;
    top: 44px;
  }
  .pos-device {
    width: 100px;
    height: 208px;
    right: -46px;
    top: 136px;
  }
  .card-order {
    left: 8px;
    top: 0;
    min-width: 155px;
  }
  .card-ready {
    right: 1%;
    bottom: 5px;
  }
}