:root {
  color-scheme: light;
  --ink: #0a1424;
  --ink-soft: #233047;
  --muted: #68758a;
  --paper: #f4f6fa;
  --card: #ffffff;
  --line: #dfe6ef;
  --navy: #07111f;
  --navy-2: #0c1a2d;
  --orange: #ff8a00;
  --orange-2: #ffb100;
  --green: #22c56e;
  --blue: #3b82f6;
  --violet: #8b5cf6;
  --cyan: #23c6d9;
  --danger: #e44c5e;
  --radius-xl: 36px;
  --radius-lg: 28px;
  --radius-md: 20px;
  --shadow-lg: 0 42px 100px rgba(10, 20, 36, .16);
  --shadow-md: 0 22px 55px rgba(10, 20, 36, .11);
  --container: min(1240px, calc(100% - 40px));
  --header-height: 76px;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
img, svg { display: block; max-width: 100%; }

.skip-link {
  position: fixed;
  left: 16px;
  top: 12px;
  z-index: 10000;
  transform: translateY(-150%);
  padding: 11px 16px;
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
  box-shadow: var(--shadow-md);
}
.skip-link:focus { transform: translateY(0); }

.ambient {
  position: fixed;
  z-index: -1;
  width: 520px;
  aspect-ratio: 1;
  border-radius: 50%;
  filter: blur(110px);
  pointer-events: none;
  opacity: .13;
}
.ambient-one { top: 18vh; left: -260px; background: var(--orange); }
.ambient-two { top: 62vh; right: -260px; background: var(--blue); }

.site-header {
  position: fixed;
  z-index: 1000;
  top: 14px;
  left: 50%;
  width: min(1280px, calc(100% - 28px));
  min-height: var(--header-height);
  padding: 10px 12px 10px 18px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
  transform: translateX(-50%);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 24px;
  color: #f8fbff;
  background: rgba(7, 17, 31, .72);
  box-shadow: 0 18px 50px rgba(0,0,0,.16);
  backdrop-filter: blur(20px) saturate(140%);
  transition: min-height .3s ease, background .3s ease, box-shadow .3s ease;
}
.site-header.is-scrolled {
  min-height: 64px;
  background: rgba(7,17,31,.92);
  box-shadow: 0 14px 44px rgba(0,0,0,.24);
}
.brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; }
.brand-mark {
  position: relative;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--orange), var(--orange-2));
  box-shadow: 0 10px 28px rgba(255,138,0,.28);
}
.brand-mark::before {
  content: "G";
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 24px;
  font-weight: 950;
  line-height: 1;
}
.brand-mark i { position: absolute; border: 1px solid rgba(255,255,255,.34); border-radius: 50%; }
.brand-mark i:nth-child(1) { width: 52px; height: 52px; left: 17px; top: 6px; }
.brand-mark i:nth-child(2) { width: 30px; height: 30px; left: 22px; top: -13px; }
.brand-mark i:nth-child(3) { width: 8px; height: 8px; right: 5px; bottom: 5px; background: #fff; }
.brand-copy { display: grid; line-height: 1; }
.brand-copy strong { font-size: 19px; letter-spacing: .09em; }
.brand-copy small { margin-top: 5px; color: rgba(255,255,255,.5); font-size: 8px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.top-nav { display: flex; align-items: center; justify-content: center; gap: clamp(14px, 2vw, 30px); }
.top-nav a { position: relative; color: rgba(255,255,255,.7); font-size: 13px; font-weight: 750; white-space: nowrap; transition: color .2s ease; }
.top-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -8px; height: 2px; background: var(--orange); transition: right .25s ease; }
.top-nav a:hover, .top-nav a.is-active { color: #fff; }
.top-nav a:hover::after, .top-nav a.is-active::after { right: 0; }
.header-actions { display: flex; align-items: center; gap: 12px; }
.login-link { padding: 9px 4px; color: rgba(255,255,255,.75); font-size: 13px; font-weight: 800; }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 11px; border: 0; border-radius: 13px; color: #fff; background: rgba(255,255,255,.08); }
.menu-toggle span { display: block; height: 2px; margin: 5px 0; border-radius: 2px; background: currentColor; transition: transform .25s ease, opacity .25s ease; }

.button {
  min-height: 52px;
  padding: 13px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px solid transparent;
  border-radius: 16px;
  font-weight: 850;
  line-height: 1.2;
  text-align: center;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}
.button:hover { transform: translateY(-2px); }
.button span { font-size: 18px; }
.button-small { min-height: 44px; padding: 10px 16px; border-radius: 13px; font-size: 13px; }
.button-primary { color: #111827; background: linear-gradient(135deg, var(--orange), var(--orange-2)); box-shadow: 0 12px 30px rgba(255,138,0,.24); }
.button-primary:hover { box-shadow: 0 16px 38px rgba(255,138,0,.35); }
.button-glass { color: #fff; border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.07); }
.button-glass:hover { border-color: rgba(255,255,255,.34); background: rgba(255,255,255,.11); }

.hero {
  position: relative;
  min-height: 920px;
  padding: 154px 0 90px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 78% 42%, rgba(37,99,235,.22), transparent 26%),
    radial-gradient(circle at 7% 10%, rgba(255,138,0,.14), transparent 28%),
    linear-gradient(145deg, #050c16 0%, #081421 52%, #07111f 100%);
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .33;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, #000 0%, transparent 90%);
}
.hero::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -340px;
  width: 1100px;
  height: 530px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: rgba(255,138,0,.1);
  filter: blur(85px);
}
.hero-grid { position: relative; z-index: 2; width: var(--container); margin: 0 auto; display: grid; grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr); align-items: center; gap: clamp(36px, 6vw, 86px); }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; color: rgba(255,255,255,.67); font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow > span { width: 28px; height: 2px; border-radius: 2px; background: var(--orange); box-shadow: 0 0 14px rgba(255,138,0,.75); }
.eyebrow.dark { color: #57657a; }
.eyebrow.light { color: rgba(255,255,255,.62); }
.hero-copy h1 { max-width: 720px; margin: 23px 0; font-size: clamp(48px, 6.2vw, 86px); font-weight: 930; line-height: .97; letter-spacing: -.065em; }
.hero-copy h1 em { color: var(--orange); font-style: normal; }
.hero-lead { max-width: 690px; margin: 0; color: rgba(235,243,255,.73); font-size: clamp(17px, 1.6vw, 21px); line-height: 1.65; }
.hero-actions { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 12px; }
.hero-trust { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 12px 22px; color: rgba(255,255,255,.6); font-size: 12px; font-weight: 720; }
.hero-trust span { display: inline-flex; align-items: center; gap: 7px; }
.hero-trust i { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; color: #07111f; background: var(--green); font-style: normal; font-size: 11px; font-weight: 950; }

.hero-stage { position: relative; min-height: 610px; perspective: 1200px; }
.crm-demo {
  position: absolute;
  z-index: 3;
  inset: 42px 0 26px 22px;
  display: grid;
  grid-template-columns: 112px minmax(0,1fr);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 28px;
  color: #172235;
  background: #f4f6fb;
  box-shadow: 0 60px 120px rgba(0,0,0,.45), 0 10px 28px rgba(4,14,28,.22), inset 0 1px rgba(255,255,255,.88);
  transform: rotateY(-4deg) rotateX(2deg);
  transform-style: preserve-3d;
  transition: transform .25s ease-out;
}
.crm-demo::after { content: ""; position: absolute; z-index: 4; top: -55%; left: -65%; width: 46%; height: 210%; transform: rotate(18deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent); animation: crmDemoShine 10s ease-in-out infinite; pointer-events: none; }
.crm-demo-sidebar { position: relative; z-index: 2; padding: 15px 10px; display: flex; flex-direction: column; align-items: stretch; color: rgba(235,243,255,.72); background: linear-gradient(180deg, #101e33, #0b1627); }
.crm-demo-logo { width: 36px; height: 36px; display: grid; place-items: center; margin: 0 auto 7px; border-radius: 12px; color: #121923; background: linear-gradient(135deg, #ffba19, var(--orange)); box-shadow: 0 8px 16px rgba(255,138,0,.27); font-size: 19px; font-weight: 950; }
.crm-demo-product { display: block; margin-bottom: 20px; color: #fff; font-size: 8px; font-weight: 950; letter-spacing: .13em; text-align: center; }
.crm-demo-nav { display: grid; gap: 5px; }
.crm-demo-nav span { min-height: 34px; padding: 7px; display: flex; align-items: center; gap: 7px; border-radius: 10px; color: rgba(235,243,255,.55); font-size: 12px; font-weight: 850; }
.crm-demo-nav span.is-active { color: #fff; background: linear-gradient(90deg, rgba(255,138,0,.92), rgba(255,168,0,.62)); box-shadow: 0 6px 14px rgba(255,138,0,.16); }
.crm-demo-nav b { font-size: 8px; font-weight: 800; white-space: nowrap; }
.crm-demo-user { width: 28px; height: 28px; display: grid; place-items: center; margin: auto auto 0; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; color: #fff; background: rgba(255,255,255,.08); font-size: 10px; font-weight: 900; }
.crm-demo-main { position: relative; min-width: 0; overflow: hidden; background: #f4f6fb; }
.crm-demo-main::before { content: ""; position: absolute; inset: 0; opacity: .52; background-image: radial-gradient(circle at 90% 6%, rgba(119,94,255,.13), transparent 29%), radial-gradient(circle at 10% 100%, rgba(255,178,0,.1), transparent 32%); pointer-events: none; }
.crm-demo-topbar { position: relative; z-index: 2; height: 55px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e4e9f1; background: rgba(255,255,255,.9); }
.crm-demo-topbar > div:first-child { display: flex; align-items: center; gap: 8px; }
.crm-demo-topbar > div:first-child > span { padding: 4px 6px; border-radius: 6px; color: #7c3aed; background: #eee9ff; font-size: 7px; font-weight: 950; letter-spacing: .11em; }
.crm-demo-topbar strong { color: #142033; font-size: 15px; letter-spacing: -.03em; }
.crm-demo-top-actions { display: flex; align-items: center; gap: 5px; }
.crm-demo-top-actions i, .crm-demo-top-actions b { width: 23px; height: 23px; display: grid; place-items: center; border: 1px solid #e5e9f0; border-radius: 8px; color: #68758a; background: #fff; font-size: 10px; font-style: normal; font-weight: 900; box-shadow: 0 2px 5px rgba(15,23,42,.04); }
.crm-demo-top-actions b { border: 0; color: #fff; background: linear-gradient(135deg, #7d5bff, #5b8dff); }
.crm-demo-content { position: relative; z-index: 2; height: calc(100% - 55px); padding: 11px; display: grid; grid-template-rows: auto auto minmax(0,1fr); gap: 8px; }
.crm-demo-plan { min-height: 80px; padding: 12px 14px; display: grid; grid-template-columns: minmax(0,1fr) minmax(155px,.78fr); align-items: center; gap: 12px; overflow: hidden; border: 1px solid rgba(124,92,255,.2); border-radius: 16px; background: linear-gradient(110deg, rgba(255,255,255,.98), rgba(244,241,255,.92)); box-shadow: 0 5px 12px rgba(96,80,180,.06); }
.crm-demo-plan-copy > span, .crm-demo-credits > span, .crm-demo-kpis header span, .crm-demo-kpi-grid > div > span { display: block; color: #7a8494; font-size: 7px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.crm-demo-plan-copy > strong { display: block; margin: 2px 0; color: #172235; font-size: 18px; line-height: 1; letter-spacing: -.04em; }
.crm-demo-plan-copy > small { display: block; max-width: 205px; color: #748094; font-size: 8px; line-height: 1.28; }
.crm-demo-credits { padding: 8px 10px; border-radius: 12px; background: rgba(255,255,255,.92); box-shadow: inset 0 0 0 1px rgba(115,128,150,.1); }
.crm-demo-credits > strong { display: block; margin: 3px 0 6px; color: #1c2840; font-size: 15px; line-height: 1; letter-spacing: -.04em; }
.crm-demo-credits > strong small { color: #8a94a3; font-size: 7px; font-weight: 850; letter-spacing: 0; }
.crm-demo-credits > i { display: block; height: 5px; overflow: hidden; border-radius: 9px; background: #e9e8fb; }
.crm-demo-credits > i > b { display: block; width: 93%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #8061ff, #a795ff); }
.crm-demo-kpis { padding: 9px 10px 10px; border: 1px solid #e5e9f0; border-radius: 15px; background: rgba(255,255,255,.94); box-shadow: 0 4px 10px rgba(15,23,42,.035); }
.crm-demo-kpis > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 7px; }
.crm-demo-kpis > header strong, .crm-demo-orders header strong { color: #1c2739; font-size: 9px; }
.crm-demo-kpis header span { color: #a0a8b5; font-size: 6px; letter-spacing: .04em; }
.crm-demo-kpi-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; }
.crm-demo-kpi-grid > div { min-width: 0; padding: 8px; border-radius: 11px; background: #f8fafc; }
.crm-demo-kpi-grid > div:nth-child(2) { background: linear-gradient(135deg, #fff7eb, #fffdf8); }
.crm-demo-kpi-grid > div:nth-child(3) { background: linear-gradient(135deg, #eef6ff, #f9fcff); }
.crm-demo-kpi-grid > div:nth-child(4) { background: linear-gradient(135deg, #effcf4, #fbfffd); }
.crm-demo-kpi-grid > div > strong { display: block; margin: 4px 0 2px; color: #172235; font-size: 16px; line-height: 1; letter-spacing: -.05em; white-space: nowrap; }
.crm-demo-kpi-grid > div > strong small { color: #69768a; font-size: 7px; font-weight: 850; letter-spacing: 0; }
.crm-demo-kpi-grid > div > small { display: block; overflow: hidden; color: #8892a1; font-size: 7px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.crm-demo-kpi-grid > div > small b { color: #1da262; font-weight: 900; }
.crm-demo-split > strong { display: flex !important; align-items: center; gap: 4px; }
.crm-demo-split > strong i { width: 4px; height: 4px; display: inline-block; border-radius: 50%; background: #ff9700; }
.crm-demo-bottom { min-height: 0; display: grid; grid-template-columns: minmax(0,1.5fr) minmax(125px,.72fr); gap: 8px; }
.crm-demo-orders, .crm-demo-chart { min-height: 0; padding: 10px; overflow: hidden; border: 1px solid #e5e9f0; border-radius: 15px; background: rgba(255,255,255,.94); box-shadow: 0 4px 10px rgba(15,23,42,.035); }
.crm-demo-orders header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 5px; }
.crm-demo-orders header span { color: #7786a0; font-size: 7px; font-weight: 850; white-space: nowrap; }
.crm-demo-orders > div { min-height: 26px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 7px; border-top: 1px solid #edf0f4; }
.crm-demo-orders > div > b { color: #334156; font-size: 8px; }
.crm-demo-orders > div > span { overflow: hidden; color: #788497; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.crm-demo-orders > div > small { padding: 4px 5px; border-radius: 6px; font-size: 6px; font-weight: 900; white-space: nowrap; }
.crm-demo-orders .is-wash { color: #a05a00; background: #fff0dc; }
.crm-demo-orders .is-pickup { color: #2459a9; background: #e9f1ff; }
.crm-demo-orders .is-ready { color: #167947; background: #e7f8ee; }
.crm-demo-chart { display: grid; grid-template-rows: auto 1fr auto; }
.crm-demo-chart header { display: flex; align-items: start; justify-content: space-between; }
.crm-demo-chart header span { color: #798597; font-size: 7px; font-weight: 850; }
.crm-demo-chart header strong { color: #172235; font-size: 15px; letter-spacing: -.05em; }
.crm-demo-bars { min-height: 43px; padding: 7px 4px 0; display: flex; align-items: end; justify-content: space-between; gap: 4px; border-bottom: 1px solid #e5e9f0; }
.crm-demo-bars i { width: 100%; height: var(--bar); max-width: 12px; display: block; border-radius: 5px 5px 1px 1px; background: linear-gradient(180deg, #ffbd36, #ff8200); transform-origin: bottom; animation: crmDemoBarPulse 4.8s ease-in-out infinite; }
.crm-demo-bars i:nth-child(2n) { background: linear-gradient(180deg, #9a85ff, #6757d9); animation-delay: -.8s; }
.crm-demo-bars i:nth-child(3n) { background: linear-gradient(180deg, #64c7ff, #3988e9); animation-delay: -1.6s; }
.crm-demo-chart > small { margin-top: 4px; color: #9aa4b1; font-size: 6px; letter-spacing: .05em; text-align: center; }
.hero-orbit { position: absolute; border: 1px solid rgba(91,161,255,.16); border-radius: 50%; animation: orbitRotate 18s linear infinite; }
.orbit-one { inset: 2px 12px 0 10px; }
.orbit-two { inset: 80px -48px 60px 82px; border-color: rgba(255,138,0,.14); animation-direction: reverse; animation-duration: 26s; }
.hero-orbit::before { content: ""; position: absolute; width: 9px; height: 9px; top: 22%; right: 4%; border-radius: 50%; background: var(--blue); box-shadow: 0 0 18px var(--blue); }
.orbit-two::before { top: auto; right: auto; left: 10%; bottom: 14%; background: var(--orange); box-shadow: 0 0 18px var(--orange); }
.hero-scroll { position: absolute; z-index: 3; bottom: 26px; left: 50%; display: flex; align-items: center; gap: 10px; transform: translateX(-50%); color: rgba(255,255,255,.35); font-size: 9px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.hero-scroll span { position: relative; width: 28px; height: 42px; border: 1px solid rgba(255,255,255,.25); border-radius: 14px; }
.hero-scroll span::after { content: ""; position: absolute; left: 50%; top: 8px; width: 3px; height: 8px; margin-left: -1.5px; border-radius: 2px; background: var(--orange); animation: scrollNudge 2s ease-in-out infinite; }

.signal-strip { position: relative; z-index: 5; width: var(--container); margin: -36px auto 0; padding: 22px 28px; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid rgba(255,255,255,.75); border-radius: 24px; background: rgba(255,255,255,.9); box-shadow: 0 28px 70px rgba(10,20,36,.14); backdrop-filter: blur(18px); }
.signal-strip > div { padding: 0 24px; display: flex; align-items: center; gap: 12px; border-right: 1px solid var(--line); }
.signal-strip > div:first-child { padding-left: 0; }
.signal-strip > div:last-child { padding-right: 0; border-right: 0; }
.signal-strip strong { font-size: 20px; letter-spacing: -.04em; }
.signal-strip span { color: var(--muted); font-size: 11px; line-height: 1.25; }

.section { width: var(--container); margin: 0 auto; padding: 112px 0; }
.section-heading { max-width: 820px; margin-bottom: 48px; }
.section-heading.centered { margin-left: auto; margin-right: auto; text-align: center; }
.section-heading.centered .eyebrow { justify-content: center; }
.section-heading h2 { margin: 16px 0 15px; font-size: clamp(36px, 5vw, 64px); line-height: 1.04; letter-spacing: -.055em; }
.section-heading p { max-width: 740px; margin: 0; color: var(--muted); font-size: 18px; }
.section-heading.centered p { margin-left: auto; margin-right: auto; }

.owner-section { padding-bottom: 42px; }
.owner-card { position: relative; min-height: 590px; padding: clamp(34px, 6vw, 76px); display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(320px, .7fr); align-items: center; gap: clamp(36px, 7vw, 90px); overflow: hidden; border-radius: var(--radius-xl); color: #fff; background: linear-gradient(135deg, #0a1728, #102945 70%, #13243a); box-shadow: var(--shadow-lg); }
.owner-card::before { content: ""; position: absolute; width: 650px; height: 650px; right: -280px; top: -290px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.018), 0 0 0 115px rgba(255,255,255,.012); }
.owner-card::after { content: ""; position: absolute; left: -180px; bottom: -280px; width: 520px; height: 520px; border-radius: 50%; background: rgba(255,138,0,.14); filter: blur(70px); }
.owner-copy, .owner-phone { position: relative; z-index: 2; }
.owner-copy h2 { margin: 16px 0; font-size: clamp(40px, 5vw, 67px); line-height: 1.02; letter-spacing: -.055em; }
.owner-copy > p { max-width: 650px; color: rgba(255,255,255,.7); font-size: 18px; }
.owner-copy blockquote { margin: 26px 0; padding: 15px 20px; border-left: 3px solid var(--orange); color: #ffd089; background: rgba(255,138,0,.07); font-size: 17px; font-weight: 800; }
.owner-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.owner-benefits > span { padding: 13px; display: grid; grid-template-columns: auto 1fr; gap: 0 9px; border: 1px solid rgba(255,255,255,.09); border-radius: 15px; background: rgba(255,255,255,.035); }
.owner-benefits i { grid-row: 1 / 3; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 8px; color: #06131f; background: var(--green); font-style: normal; font-size: 11px; font-weight: 950; }
.owner-benefits b { font-size: 11px; }
.owner-benefits small { color: rgba(255,255,255,.43); font-size: 9px; line-height: 1.3; }
.owner-phone { min-height: 520px; display: grid; place-items: center; }
.owner-phone-shell { position: relative; width: 286px; height: 520px; overflow: hidden; border: 7px solid #050a11; border-radius: 42px; background: #f3f6fa; color: var(--ink); box-shadow: 0 35px 70px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.45); transform: rotate(4deg); animation: phoneFloat 6s ease-in-out infinite; }
.owner-phone-shell::before { content: ""; position: absolute; z-index: 5; top: 9px; left: 50%; width: 78px; height: 19px; transform: translateX(-50%); border-radius: 0 0 13px 13px; background: #050a11; }
.owner-phone-top { position: relative; z-index: 6; height: 38px; padding: 12px 13px 0; display: flex; align-items: start; justify-content: space-between; background: #f3f6fa; font-size: 8px; font-weight: 800; }
.owner-phone-top i, .owner-phone-top b { width: 12px; height: 6px; margin-top: 3px; border-radius: 2px; background: #111827; }
.owner-orders-viewport { position: absolute; inset: 38px 0 0; display: grid; grid-template-rows: auto auto minmax(0,1fr); overflow: hidden; border-radius: 0 0 34px 34px; background: #f4f6fb; }
.owner-orders-head { padding: 13px 14px 10px; display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,.94); }
.owner-orders-head > div:first-child { display: grid; gap: 2px; }
.owner-orders-head > div:first-child > span { color: #8b73f7; font-size: 6px; font-weight: 950; letter-spacing: .11em; }
.owner-orders-head strong { color: #172235; font-size: 15px; letter-spacing: -.04em; }
.owner-orders-head > div:last-child { display: flex; gap: 5px; }
.owner-orders-head i, .owner-orders-head b { width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid #e4e9f0; border-radius: 8px; color: #65758a; background: #fff; font-size: 11px; font-style: normal; font-weight: 900; }
.owner-orders-tabs { margin: 0 10px 8px; padding: 3px; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #e2e7ef; border-radius: 10px; background: #e9edf4; }
.owner-orders-tabs span { padding: 6px 5px; border-radius: 7px; color: #8290a3; font-size: 8px; font-weight: 900; text-align: center; }
.owner-orders-tabs .is-active { color: #1d2635; background: linear-gradient(135deg, #ffba24, var(--orange)); box-shadow: 0 3px 7px rgba(255,138,0,.22); }
.owner-orders-list-viewport { position: relative; min-height: 0; overflow: hidden; }
.owner-orders-list-viewport::after { content: ""; position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; height: 22px; background: linear-gradient(transparent, #f4f6fb); pointer-events: none; }
.owner-orders-scroll { padding: 0 10px 28px; transform: translate3d(0,var(--phone-orders-offset,0px),0); transition: transform .12s linear; will-change: transform; }
.owner-orders-day { margin-bottom: 7px; padding: 7px 9px; border-radius: 9px; color: #eef5ff; background: #2d3b50; font-size: 7px; font-weight: 850; letter-spacing: .015em; }
.owner-order-row { position: relative; min-height: 61px; margin-bottom: 6px; padding: 9px 8px 9px 11px; display: grid; grid-template-columns: 48px minmax(0,1fr) 78px; align-items: center; column-gap: 5px; overflow: hidden; border: 1px solid #e3e9f0; border-radius: 11px; background: #fff; box-shadow: 0 3px 8px rgba(18,35,58,.045); }
.owner-order-row::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background: #77c5f7; }
.owner-order-row.is-wash::before { background: #55bb8c; }.owner-order-row.is-pickup::before { background: #ffb01f; }.owner-order-row.is-received::before { background: #6f8df7; }.owner-order-row.is-ready::before { background: #aa80f2; }
.owner-order-key { display: grid; gap: 2px; }
.owner-order-key i { font-size: 10px; font-style: normal; line-height: 1; }
.owner-order-key strong { color: #334156; font-size: 8px; }
.owner-order-client { min-width: 0; display: grid; gap: 2px; }
.owner-order-client strong { overflow: hidden; color: #1b2638; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.owner-order-client span { overflow: hidden; color: #8490a0; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.owner-order-summary { min-width: 0; display: grid; justify-items: end; gap: 3px; text-align: right; }
.owner-order-summary b { color: #27364c; font-size: 8px; }
.owner-order-summary span { max-width: 78px; padding: 4px 5px; overflow: hidden; border: 1px solid #d8e5de; border-radius: 6px; color: #326f50; background: linear-gradient(135deg, #edf8f0, #f9fcfa); font-size: 6px; font-weight: 900; line-height: 1.05; text-overflow: ellipsis; white-space: nowrap; }
.owner-order-row.is-pickup .owner-order-summary span { border-color: #f0dfbf; color: #a35d00; background: linear-gradient(135deg, #fff5e6, #fffaf2); }.owner-order-row.is-received .owner-order-summary span { border-color: #dae4f8; color: #416caf; background: linear-gradient(135deg, #edf4ff, #f9fbff); }.owner-order-row.is-ready .owner-order-summary span { border-color: #e3d8f5; color: #7152a2; background: linear-gradient(135deg, #f5efff, #fcfaff); }
.owner-orders-end { padding: 9px 0 2px; color: #a1abb8; font-size: 7px; font-weight: 800; text-align: center; }
.owner-pulse { position: absolute; top: 36px; right: 3px; padding: 9px 13px; display: flex; align-items: center; gap: 7px; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; background: rgba(5,15,27,.84); box-shadow: 0 16px 30px rgba(0,0,0,.28); backdrop-filter: blur(12px); }
.owner-pulse span { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(34,197,110,.13); }
.owner-pulse b { font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }
.owner-pulse.is-demo span { background: #a78bfa; box-shadow: 0 0 0 5px rgba(167,139,250,.13); }

.transformation { padding-top: 94px; }
.transformation-grid { display: grid; grid-template-columns: minmax(0,.85fr) 90px minmax(0,1.15fr); align-items: stretch; gap: 24px; }
.old-way, .goic-way { position: relative; min-height: 470px; padding: 38px; overflow: hidden; border-radius: var(--radius-lg); }
.old-way { border: 1px solid #e0e4ea; background: #e9edf2; }
.goic-way { color: #fff; background: linear-gradient(145deg, #0b1829, #102d4d); box-shadow: var(--shadow-md); }
.card-kicker { font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.old-way .card-kicker { color: #8a96a7; }
.goic-way .card-kicker { color: #ffbc55; }
.old-way h3, .goic-way h3 { margin: 12px 0 25px; font-size: clamp(28px, 3vw, 42px); line-height: 1.05; letter-spacing: -.045em; }
.old-way ul { position: relative; z-index: 2; margin: 0; padding: 0; display: grid; gap: 10px; list-style: none; }
.old-way li { padding: 12px 14px; display: flex; align-items: center; gap: 10px; border: 1px dashed #c8d0da; border-radius: 13px; color: #697587; background: rgba(255,255,255,.38); font-size: 13px; }
.old-way li i { color: #a1abb8; font-style: normal; font-size: 18px; }
.paper-stack { position: absolute; right: -55px; bottom: -55px; width: 190px; height: 190px; opacity: .35; transform: rotate(-9deg); }
.paper-stack i { position: absolute; inset: 0; border: 1px solid #aeb8c5; border-radius: 18px; background: rgba(255,255,255,.45); }
.paper-stack i:nth-child(2) { transform: translate(-14px,-14px); }
.paper-stack i:nth-child(3) { transform: translate(-28px,-28px); }
.transform-arrow { display: grid; place-content: center; gap: 9px; text-align: center; }
.transform-arrow span { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; color: #111827; background: linear-gradient(135deg,var(--orange),var(--orange-2)); box-shadow: 0 14px 32px rgba(255,138,0,.25); font-size: 26px; }
.transform-arrow small { color: var(--muted); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.flow-nodes { position: relative; display: grid; gap: 9px; }
.flow-nodes::before { content: ""; position: absolute; left: 20px; top: 24px; bottom: 24px; width: 1px; background: linear-gradient(var(--orange),var(--blue),var(--green)); opacity: .6; }
.flow-nodes > span { position: relative; padding: 12px 14px; display: grid; grid-template-columns: auto 1fr; column-gap: 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; background: rgba(255,255,255,.035); }
.flow-nodes i { z-index: 2; grid-row: 1 / 3; width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.19); border-radius: 9px; color: #ffc267; background: #102440; font-style: normal; font-size: 8px; font-weight: 900; }
.flow-nodes b { font-size: 12px; }
.flow-nodes small { color: rgba(255,255,255,.43); font-size: 9px; }

.sticky-story { width: 100%; padding-bottom: 60px; }
.sticky-story > .section-heading, .story-stack { width: var(--container); margin-left: auto; margin-right: auto; }
.story-stack { position: relative; padding-bottom: 260px; }
.story-card { position: sticky; top: calc(94px + var(--story-index) * 14px); min-height: 640px; margin-bottom: 48px; padding: clamp(34px,5vw,70px); display: grid; grid-template-columns: minmax(0,.9fr) minmax(360px,1fr); align-items: center; gap: clamp(30px,7vw,94px); overflow: hidden; border: 1px solid rgba(12,31,51,.09); border-radius: var(--radius-xl); box-shadow: 0 34px 90px rgba(10,20,36,.16); transform-origin: top center; }
.story-card::before { content: ""; position: absolute; right: -180px; top: -180px; width: 540px; height: 540px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--story-accent) 16%, transparent), transparent 65%); }
.story-orange { --story-accent: var(--orange); background: linear-gradient(135deg,#fffaf2,#fff 62%); }
.story-violet { --story-accent: var(--violet); background: linear-gradient(135deg,#f9f6ff,#fff 62%); }
.story-blue { --story-accent: var(--blue); background: linear-gradient(135deg,#f2f7ff,#fff 62%); }
.story-green { --story-accent: var(--green); background: linear-gradient(135deg,#f1fff7,#fff 62%); }
.story-copy, .story-visual { position: relative; z-index: 2; }
.story-number { display: block; margin: 0 0 17px; color: var(--ink); font-size: clamp(35px,4.4vw,60px); font-weight: 950; line-height: 1.03; letter-spacing: -.055em; }
.story-copy > p { max-width: 610px; color: var(--muted); font-size: 17px; }
.story-copy ul { margin: 25px 0 0; padding: 0; display: grid; gap: 9px; list-style: none; }
.story-copy li { display: flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 760; }
.story-copy li::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--story-accent); box-shadow: 0 0 0 5px color-mix(in srgb, var(--story-accent) 12%, transparent); }
.story-visual { min-height: 480px; display: grid; place-items: center; }
.mock-order { position: absolute; z-index: 3; top: 12px; left: 8px; width: min(320px,85%); padding: 18px; display: grid; border: 1px solid #e6eaf0; border-radius: 18px; background: rgba(255,255,255,.9); box-shadow: var(--shadow-md); transform: rotate(-4deg); animation: cardHover 5s ease-in-out infinite; }
.mock-order span { color: var(--orange); font-size: 9px; font-weight: 900; }
.mock-order strong { margin: 4px 0; font-size: 17px; }
.mock-order small { color: var(--muted); font-size: 10px; }
.label-roll { position: relative; width: 265px; height: 420px; padding: 18px; display: grid; align-content: end; gap: 5px; border: 14px solid #182232; border-radius: 25px 25px 38px 38px; background: #26364c; box-shadow: 0 35px 60px rgba(12,26,46,.25); }
.label-roll::before { content: ""; position: absolute; left: 26px; right: 26px; top: 26px; height: 130px; border-radius: 12px; background: #101a28; box-shadow: inset 0 6px 12px rgba(0,0,0,.35); }
.label-roll > div { position: relative; z-index: 2; min-height: 108px; padding: 12px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 12px; border: 1px dashed #adb7c3; background: #fff; }
.label-roll > div:first-child { transform: translateX(18px) rotate(2deg); }
.label-roll b { position: absolute; top: 7px; right: 8px; font-size: 9px; }
.label-roll strong { font-size: 24px; }
.fake-qr { width: 68px; height: 68px; display: block; background: repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0 0/14px 14px; box-shadow: inset 0 0 0 7px #fff, inset 0 0 0 9px #111; }
.phone-shell { width: 286px; min-height: 500px; padding: 17px; border: 8px solid #151a23; border-radius: 42px; background: #eef2ed; box-shadow: 0 38px 70px rgba(15,23,42,.26); transform: rotate(3deg); animation: phoneFloat 6s ease-in-out infinite; }
.phone-top { height: 48px; padding: 9px 5px; display: flex; align-items: center; justify-content: space-between; font-size: 11px; font-weight: 900; }
.phone-top i { width: 8px; height: 8px; border-radius: 50%; background: var(--green); }
.message-photo { height: 180px; display: grid; place-items: end start; padding: 18px; border-radius: 16px 16px 5px 5px; background: radial-gradient(circle at 22% 20%,rgba(255,255,255,.8),transparent 13%),linear-gradient(135deg,#ffd68f,#ff8a00 48%,#163450); }
.message-photo span { padding: 7px 10px; border-radius: 10px; color: #fff; background: rgba(7,17,31,.75); font-size: 14px; font-weight: 900; }
.message-bubble { padding: 16px; border-radius: 5px 5px 16px 16px; background: #d9fdd3; font-size: 11px; }
.phone-shell button { width: 100%; margin-top: 7px; padding: 11px; border: 0; border-radius: 12px; color: #0a5ab7; background: #fff; font-size: 10px; font-weight: 900; }
.paid-stamp { position: absolute; right: 4px; bottom: 62px; width: 118px; height: 118px; display: flex; align-items: center; justify-content: center; gap: 7px; border: 4px solid #159456; border-radius: 50%; color: #117947; background: rgba(240,255,247,.92); box-shadow: 0 20px 38px rgba(21,148,86,.2); transform: rotate(-10deg); animation: stampPop 5s ease-in-out infinite; }
.paid-stamp > span { font-size: 10px; font-weight: 950; line-height: 1.1; }
.scan-ring { position: relative; width: 270px; height: 270px; display: grid; place-items: center; border: 1px solid rgba(59,130,246,.2); border-radius: 50%; background: radial-gradient(circle,rgba(59,130,246,.12),transparent 65%); box-shadow: 0 0 0 32px rgba(59,130,246,.035),0 0 0 64px rgba(59,130,246,.018); }
.scan-ring::before { content: ""; position: absolute; inset: -2px; border: 3px solid transparent; border-top-color: var(--blue); border-right-color: var(--blue); border-radius: 50%; animation: orbitRotate 3s linear infinite; }
.scan-ring .fake-qr { width: 130px; height: 130px; background-size: 22px 22px; box-shadow: inset 0 0 0 10px #fff,inset 0 0 0 13px #111,0 18px 35px rgba(0,0,0,.16); }
.scan-ring > span { position: absolute; left: 51px; right: 51px; top: 50%; height: 2px; background: var(--blue); box-shadow: 0 0 14px var(--blue); animation: scanLine 2.2s ease-in-out infinite; }
.production-list { position: absolute; right: 0; bottom: 15px; width: 220px; padding: 12px; display: grid; gap: 6px; border: 1px solid #e4e9ef; border-radius: 18px; background: rgba(255,255,255,.94); box-shadow: var(--shadow-md); }
.production-list span { padding: 9px; display: flex; align-items: center; gap: 9px; border-radius: 10px; color: #788598; background: #f4f6f9; font-size: 10px; font-weight: 800; }
.production-list i { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 7px; background: #dfe5ed; font-style: normal; }
.production-list .done { color: #127847; background: #edf9f2; }
.production-list .done i { color: #fff; background: var(--green); }
.production-list .active { color: #155eb6; background: #edf5ff; }
.production-list .active i { border: 5px solid #bcd8fc; background: var(--blue); animation: livePulse 2s infinite; }
.visual-route svg { width: 100%; overflow: visible; filter: drop-shadow(0 18px 24px rgba(59,130,246,.15)); }
.visual-route path { fill: none; stroke: var(--blue); stroke-width: 9; stroke-linecap: round; stroke-dasharray: 760; animation: routeDraw 5s ease-in-out infinite; }
.visual-route circle { fill: #fff; stroke: var(--orange); stroke-width: 6; }
.route-summary { position: absolute; right: 25px; bottom: 15px; padding: 18px 21px; display: grid; border: 1px solid #dce5ef; border-radius: 17px; background: #fff; box-shadow: var(--shadow-md); }
.route-summary strong { font-size: 22px; }
.route-summary span { color: var(--muted); font-size: 9px; }

.control-section { width: 100%; padding-left: 20px; padding-right: 20px; }
.control-panel { width: min(1370px,100%); margin: 0 auto; padding: clamp(38px,6vw,84px); display: grid; grid-template-columns: minmax(0,.9fr) minmax(450px,1.1fr); align-items: center; gap: clamp(40px,8vw,110px); overflow: hidden; border-radius: var(--radius-xl); color: #fff; background: radial-gradient(circle at 12% 15%,rgba(255,138,0,.16),transparent 30%),linear-gradient(135deg,#07111f,#0b1b30); box-shadow: var(--shadow-lg); }
.control-copy h2 { margin: 15px 0; font-size: clamp(40px,5vw,68px); line-height: 1.02; letter-spacing: -.055em; }
.control-copy > p { max-width: 600px; color: rgba(255,255,255,.65); font-size: 18px; }
.control-points { margin-top: 28px; display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }
.control-points span { padding: 11px 13px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 13px; background: rgba(255,255,255,.035); font-size: 11px; font-weight: 800; }
.control-points i { color: var(--green); font-style: normal; }
.audit-console { overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 24px; background: rgba(255,255,255,.05); box-shadow: 0 28px 60px rgba(0,0,0,.24); }
.audit-console header { padding: 18px 20px; display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.08); }
.audit-console header span { font-size: 13px; font-weight: 850; }
.audit-console header small { color: rgba(255,255,255,.38); font-size: 9px; }
.audit-console > div { padding: 13px 18px; display: grid; grid-template-columns: auto auto 1fr auto; align-items: center; gap: 11px; border-bottom: 1px solid rgba(255,255,255,.06); }
.audit-console time { color: rgba(255,255,255,.35); font-size: 9px; }
.audit-console > div > i { width: 8px; height: 8px; border-radius: 50%; box-shadow: 0 0 0 5px rgba(255,255,255,.04); }
.audit-blue { background: var(--blue); }.audit-orange{background:var(--orange)}.audit-violet{background:var(--violet)}.audit-green{background:var(--green)}
.audit-console p { margin: 0; line-height: 1.25; }
.audit-console p b, .audit-console p small { display: block; }
.audit-console p b { font-size: 10px; }
.audit-console p small { color: rgba(255,255,255,.4); font-size: 8px; }
.audit-console > div > span { color: #7ae5aa; font-size: 9px; font-weight: 850; }
.audit-console footer { padding: 18px 20px; display: flex; align-items: baseline; justify-content: flex-end; gap: 8px; background: rgba(34,197,110,.06); }
.audit-console footer strong { color: #7ae5aa; font-size: 25px; }
.audit-console footer span { color: rgba(255,255,255,.45); font-size: 9px; }

.time-section { padding-bottom: 80px; }
.calculator { display: grid; grid-template-columns: .9fr .7fr; grid-template-areas: "controls result" "breakdown breakdown"; gap: 14px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius-xl); background: #fff; box-shadow: var(--shadow-lg); }
.calculator-controls { grid-area: controls; padding: clamp(24px,4vw,46px); display: grid; gap: 29px; border-radius: 25px; background: #f6f8fb; }
.calculator-controls label { display: grid; gap: 13px; }
.calculator-controls label > span { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.calculator-controls b { font-size: 13px; }
.calculator-controls output { min-width: 74px; padding: 7px 10px; border: 1px solid #dce4ed; border-radius: 11px; color: #ad5a00; background: #fff; font-size: 12px; font-weight: 900; text-align: center; }
.calculator input[type="range"] { width: 100%; height: 7px; margin: 0; appearance: none; border-radius: 6px; outline: none; background: linear-gradient(90deg,var(--orange) 0 var(--range-fill,20%),#dce3ec var(--range-fill,20%) 100%); }
.calculator input[type="range"]::-webkit-slider-thumb { width: 22px; height: 22px; appearance: none; border: 5px solid #fff; border-radius: 50%; background: var(--orange); box-shadow: 0 3px 10px rgba(0,0,0,.2); }
.calculator input[type="range"]::-moz-range-thumb { width: 14px; height: 14px; border: 5px solid #fff; border-radius: 50%; background: var(--orange); box-shadow: 0 3px 10px rgba(0,0,0,.2); }
.select-label select { width: 100%; min-height: 50px; padding: 0 14px; border: 1px solid #dce4ed; border-radius: 13px; color: var(--ink); background: #fff; font-weight: 750; }
.calculator-result { grid-area: result; padding: clamp(28px,4.5vw,55px); display: flex; flex-direction: column; justify-content: center; border-radius: 25px; color: #fff; background: radial-gradient(circle at 85% 10%,rgba(255,138,0,.22),transparent 32%),linear-gradient(145deg,#081524,#102b4a); }
.calculator-result > span { color: rgba(255,255,255,.48); font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.calculator-result > strong { margin: 12px 0; display: flex; align-items: baseline; gap: 10px; font-size: clamp(40px,5vw,64px); line-height: 1; letter-spacing: -.05em; }
.calculator-result > strong b { color: var(--orange-2); font-size: 1.35em; }
.calculator-result p { margin: 0; color: rgba(255,255,255,.62); font-size: 13px; }
.time-equivalent { margin-top: 24px; padding: 13px; border: 1px solid rgba(255,255,255,.09); border-radius: 13px; background: rgba(255,255,255,.04); font-size: 11px; font-weight: 800; }
.time-equivalent span { color: #7ce4ad; font-size: 19px; }
.calculator-result a { margin-top: 18px; color: #ffc268; font-size: 10px; font-weight: 850; text-decoration: underline; text-underline-offset: 4px; }
.calculator-breakdown { grid-area: breakdown; padding: 18px; display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.calculator-breakdown > div { position: relative; padding: 16px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; }
.calculator-breakdown > div::after { content: ""; position: absolute; left: 0; bottom: 0; width: var(--share); height: 3px; border-radius: 2px; background: linear-gradient(90deg,var(--orange),var(--orange-2)); transition: width .35s ease; }
.calculator-breakdown > div > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; color: #b35e00; background: #fff2dd; font-style: normal; font-weight: 900; }
.calculator-breakdown span { display: grid; min-width: 0; }
.calculator-breakdown b { font-size: 9px; }
.calculator-breakdown small { color: var(--muted); font-size: 7px; }
.calculator-breakdown strong { font-size: 13px; }
.methodology-note { max-width: 900px; margin: 20px auto 0; color: var(--muted); font-size: 10px; text-align: center; scroll-margin-top: 110px; }
.methodology-note.is-highlighted { animation: noteHighlight 1.2s ease; }

.ecosystem-section { padding-top: 70px; }
.ecosystem-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.eco-card { position: relative; min-height: 330px; padding: 30px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; box-shadow: 0 16px 40px rgba(10,20,36,.06); transition: transform .25s ease, box-shadow .25s ease; }
.eco-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); }
.eco-card.eco-wide { grid-column: span 2; }
.eco-icon { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 14px; color: #a35400; background: linear-gradient(135deg,#fff0d7,#ffe1a8); font-size: 19px; font-weight: 900; }
.eco-card h3 { max-width: 540px; margin: 22px 0 10px; font-size: 25px; line-height: 1.1; letter-spacing: -.035em; }
.eco-card p { max-width: 520px; margin: 0; color: var(--muted); font-size: 13px; }
.eco-label { position: absolute; right: 28px; bottom: 25px; width: 220px; padding: 12px; display: flex; align-items: center; gap: 13px; border: 1px dashed #adb6c2; background: #f8f8f3; box-shadow: 0 18px 34px rgba(0,0,0,.12); transform: rotate(-3deg); }
.eco-label .fake-qr { width: 55px; height: 55px; background-size: 12px 12px; }
.eco-label span { display: grid; }
.eco-label b { font-size: 23px; }.eco-label small{font-size:8px}
.eco-pills { position: absolute; left: 30px; right: 30px; bottom: 28px; display: flex; gap: 8px; }
.eco-pills i { flex: 1; padding: 11px 5px; border: 1px solid #dfe5ed; border-radius: 12px; color: #415066; background: #f6f8fa; font-style: normal; font-size: 10px; font-weight: 900; text-align: center; }
.eco-pills i:last-child { color: #fff; border-color: #128850; background: #18aa64; box-shadow: 0 8px 20px rgba(24,170,100,.18); }
.eco-payment { position: absolute; left: 30px; right: 30px; bottom: 28px; padding: 14px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #dce5ee; border-radius: 13px; background: #f7f9fb; }
.eco-payment span { font-size: 21px; font-weight: 950; }.eco-payment strong{color:#13804d;font-size:10px}
.eco-map { position: absolute; left: 22px; right: 22px; bottom: 20px; height: 100px; overflow: hidden; border-radius: 15px; background: linear-gradient(135deg,#edf3f5,#dce7e9); }
.eco-map::before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(8,28,45,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(8,28,45,.07) 1px,transparent 1px);background-size:22px 22px; }
.eco-map svg { position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);overflow:visible; }.eco-map path{fill:none;stroke:var(--blue);stroke-width:5;stroke-linecap:round;stroke-dasharray:300;animation:routeDraw 5s infinite}
.eco-map > i { position:absolute;z-index:2;width:10px;height:10px;border:3px solid #fff;border-radius:50%;background:var(--orange);box-shadow:0 3px 8px rgba(0,0,0,.2)}.eco-map>i:nth-child(1){left:13%;bottom:22%}.eco-map>i:nth-child(2){left:52%;top:37%}.eco-map>i:nth-child(3){right:7%;top:14%}
.eco-chart { position:absolute;right:32px;bottom:25px;width:330px;height:135px;padding:20px 20px 27px;display:flex;align-items:flex-end;gap:10px;border-radius:18px;background:#0c2037;box-shadow:0 20px 35px rgba(9,27,47,.2)}
.eco-chart i{flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:linear-gradient(var(--orange-2),var(--orange));animation:barGrow 3.5s ease-in-out infinite;transform-origin:bottom}.eco-chart i:nth-child(even){animation-delay:-1.2s}.eco-chart span{position:absolute;left:20px;bottom:8px;color:rgba(255,255,255,.55);font-size:8px;font-weight:800}

.pricing-section { padding-top: 130px; }
.pricing-grid { display: grid; grid-template-columns: repeat(4,1fr); align-items: stretch; gap: 12px; }
.plan-card { position: relative; min-width: 0; padding: 27px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--line); border-radius: 27px; background: #fff; box-shadow: 0 18px 40px rgba(10,20,36,.07); transition: transform .25s ease, box-shadow .25s ease; }
.plan-card:hover { transform: translateY(-7px); box-shadow: var(--shadow-md); }
.plan-card header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.plan-card header span { font-size: 12px; font-weight: 950; letter-spacing: .16em; }
.plan-card header small { color: var(--muted); font-size: 9px; }
.plan-price { margin: 25px 0 18px; display: flex; align-items: end; gap: 8px; }
.plan-price strong { font-size: clamp(42px,4vw,57px); line-height: .85; letter-spacing: -.06em; }
.plan-price span { color: var(--muted); font-size: 10px; line-height: 1.25; }
.plan-card > p { min-height: 85px; margin: 0; color: var(--muted); font-size: 12px; }
.plan-time { margin: 16px 0; padding: 13px; display: grid; grid-template-columns: auto 1fr; column-gap: 8px; border-radius: 14px; color: #79430a; background: #fff4df; }
.plan-time i { grid-row: 1/3; font-style: normal; font-size: 21px; }.plan-time strong{font-size:14px}.plan-time span{font-size:8px}
.plan-card ul { flex: 1; margin: 3px 0 24px; padding: 0; display: grid; align-content: start; gap: 10px; list-style: none; }
.plan-card li { display: flex; gap: 8px; color: #3b485b; font-size: 10px; font-weight: 700; }
.plan-card li::before { content: "✓"; color: #17965a; font-weight: 950; }
.button-plan { color: var(--ink); border-color: #dce3eb; background: #f6f8fa; font-size: 11px; }
.plan-silver { background: linear-gradient(180deg,#f9fbfd,#f1f4f8); }
.plan-silver header span { color: #738196; }
.plan-gold { background: linear-gradient(180deg,#fffaf0,#fff); }
.plan-gold header span { color: #bb6800; }
.plan-diamond { color: #fff; border-color: rgba(255,255,255,.1); background: radial-gradient(circle at 92% 5%,rgba(139,92,246,.25),transparent 29%),linear-gradient(150deg,#071421,#102946); }
.plan-diamond header span { color: #cbb9ff; }.plan-diamond header small,.plan-diamond>p,.plan-diamond .plan-price span{color:rgba(255,255,255,.55)}.plan-diamond li{color:rgba(255,255,255,.72)}.plan-diamond .plan-time{color:#d8ceff;background:rgba(139,92,246,.13)}.plan-diamond .button-plan{color:#fff;border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.07)}
.plan-card.is-featured { z-index: 2; transform: translateY(-15px); border-color: rgba(255,138,0,.42); box-shadow: 0 30px 70px rgba(255,138,0,.16); }
.plan-card.is-featured:hover { transform: translateY(-21px); }
.plan-ribbon { position: absolute; top: 0; right: 0; padding: 7px 14px; border-radius: 0 0 0 14px; color: #111827; background: linear-gradient(135deg,var(--orange),var(--orange-2)); font-size: 8px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.pricing-footnote { max-width: 750px; margin: 25px auto 0; color: var(--muted); font-size: 10px; text-align: center; }

.hardware-section { width: 100%; padding-left: 20px; padding-right: 20px; }
.hardware-card { width: min(1370px,100%); min-height: 520px; margin: 0 auto; padding: clamp(40px,6vw,82px); display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 60px; overflow: hidden; border-radius: var(--radius-xl); color: #fff; background: radial-gradient(circle at 75% 50%,rgba(255,138,0,.17),transparent 28%),linear-gradient(135deg,#0a1728,#132b47); box-shadow: var(--shadow-lg); }
.hardware-copy h2 { margin: 15px 0; font-size: clamp(39px,5vw,66px); line-height: 1.02; letter-spacing: -.055em; }.hardware-copy p{max-width:650px;color:rgba(255,255,255,.65);font-size:16px}
.hardware-badges{margin-top:25px;display:flex;flex-wrap:wrap;gap:8px}.hardware-badges span{padding:9px 13px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.045);font-size:9px;font-weight:850}
.printer-scene{position:relative;min-height:370px;display:grid;place-items:center}.printer{position:relative;width:300px;height:210px;border-radius:30px 30px 42px 42px;background:linear-gradient(145deg,#27374a,#101a26);box-shadow:0 45px 75px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.13);transform:perspective(900px) rotateY(-10deg)}
.printer-top{position:absolute;left:35px;right:35px;top:26px;height:45px;border-radius:13px;background:#0b121c;box-shadow:inset 0 7px 12px rgba(0,0,0,.4)}.printer-top i{position:absolute;left:20px;top:18px;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.printer-body{position:absolute;left:24px;right:24px;bottom:22px;height:92px;border-radius:18px;background:#1b2939}.printer-body i{position:absolute;right:20px;top:18px;width:13px;height:13px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.printer-body i+ i{top:42px;background:var(--blue);box-shadow:0 0 12px var(--blue)}
.paper{position:absolute;z-index:3;left:64px;top:47px;width:170px;height:270px;padding:13px;display:grid;grid-template-columns:1fr auto;align-items:center;color:#111;background:#fbfbf7;box-shadow:0 22px 35px rgba(0,0,0,.22);animation:paperFeed 5s ease-in-out infinite}.paper>span{position:absolute;top:12px;left:14px;font-size:9px;font-weight:900}.paper .fake-qr{grid-column:1/3;width:110px;height:110px;margin:auto;background-size:18px 18px}.paper b{grid-column:1/3;text-align:center;font-size:28px}
.mini-printer{position:absolute;right:0;bottom:0;width:120px;height:145px;padding:18px;border-radius:22px;background:linear-gradient(145deg,#37465a,#101823);box-shadow:0 25px 45px rgba(0,0,0,.3);transform:rotate(8deg)}.mini-printer div{height:70px;border-radius:12px;background:#09111b}.mini-printer span{position:absolute;left:15px;right:15px;bottom:-30px;padding:10px;color:#111;background:#f7f7f2;font-size:8px;font-weight:900;text-align:center}

.faq-section { display: grid; grid-template-columns: .65fr 1fr; align-items: start; gap: clamp(38px,7vw,100px); }
.faq-section .section-heading { position: sticky; top: 110px; }
.faq-grid { display: grid; gap: 9px; }
.faq-grid details { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease; }
.faq-grid details[open] { border-color: rgba(255,138,0,.35); box-shadow: 0 15px 32px rgba(10,20,36,.07); }
.faq-grid summary { padding: 20px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; cursor: pointer; font-size: 13px; font-weight: 850; list-style: none; }
.faq-grid summary::-webkit-details-marker { display:none }.faq-grid summary>span{color:#b86300;font-size:9px}.faq-grid summary>i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#f3f6f9;font-style:normal;font-size:17px;transition:transform .25s ease,background .25s ease}.faq-grid details[open] summary>i{transform:rotate(45deg);background:#fff1d8}.faq-grid details p{margin:0;padding:0 20px 22px 49px;color:var(--muted);font-size:12px}

.contact-section { width: 100%; padding-left: 20px; padding-right: 20px; }
.contact-card { width: min(1370px,100%); margin: 0 auto; padding: clamp(40px,6vw,82px); display: grid; grid-template-columns: minmax(0,.85fr) minmax(440px,.75fr); align-items: center; gap: clamp(40px,8vw,110px); border-radius: var(--radius-xl); color: #fff; background: radial-gradient(circle at 13% 13%,rgba(255,138,0,.22),transparent 30%),linear-gradient(140deg,#07111f,#102947); box-shadow: var(--shadow-lg); }
.contact-copy h2 { margin: 15px 0; font-size: clamp(40px,5vw,66px); line-height: 1.02; letter-spacing: -.055em; }.contact-copy>p{color:rgba(255,255,255,.66);font-size:16px}
.contact-steps{margin-top:27px;display:grid;gap:9px}.contact-steps span{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800}.contact-steps i{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffc568;background:rgba(255,255,255,.04);font-style:normal;font-size:9px}
.lead-form { padding: 24px; display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 25px; background: rgba(255,255,255,.06); backdrop-filter: blur(15px); }
.lead-form label { display: grid; gap: 7px; }.lead-form label>span{color:rgba(255,255,255,.55);font-size:9px;font-weight:850}.lead-form input,.lead-form select,.lead-form textarea{width:100%;min-height:48px;padding:12px 13px;border:1px solid rgba(255,255,255,.13);border-radius:12px;outline:0;color:#fff;background:rgba(6,17,30,.55);transition:border-color .2s ease,box-shadow .2s ease}.lead-form input::placeholder,.lead-form textarea::placeholder{color:rgba(255,255,255,.28)}.lead-form select{color:rgba(255,255,255,.75)}.lead-form select option{color:#111}.lead-form textarea{resize:vertical}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,138,0,.13)}
.lead-form .wide { grid-column: 1 / -1; }.lead-form .consent{display:flex;align-items:flex-start;gap:9px;color:rgba(255,255,255,.55);font-size:9px;line-height:1.4}.lead-form .consent input{width:17px;min-height:17px;margin:1px 0 0;accent-color:var(--orange)}.hp-field{position:absolute!important;left:-9999px!important}.form-status{margin:0;padding:11px;border-radius:11px;color:#baf0d0;background:rgba(34,197,110,.1);font-size:10px}.form-status.is-error{color:#ffc8cf;background:rgba(228,76,94,.12)}

.site-footer { padding: 74px max(20px,calc((100% - 1240px)/2)) 28px; color: rgba(255,255,255,.65); background: #050c16; }
.footer-main { display: grid; grid-template-columns: 1.4fr repeat(3,.65fr); gap: 46px; }
.footer-brand p { max-width: 340px; margin: 20px 0 0; font-size: 12px; }.site-footer nav{display:grid;align-content:start;gap:10px}.site-footer nav strong{margin-bottom:7px;color:#fff;font-size:11px}.site-footer nav a,.site-footer nav button{padding:0;border:0;color:rgba(255,255,255,.5);background:none;font-size:10px;text-align:left}.site-footer nav a:hover,.site-footer nav button:hover{color:#fff}.footer-bottom{margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);font-size:8px}.site-footer .brand-copy strong{color:#fff}

.cookie-panel { position: fixed; z-index: 2000; right: 18px; bottom: 18px; width: min(560px,calc(100% - 36px)); padding: 17px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid rgba(255,255,255,.16); border-radius: 20px; color: #fff; background: rgba(7,17,31,.94); box-shadow: 0 25px 65px rgba(0,0,0,.35); backdrop-filter: blur(18px); }
.cookie-panel>div:first-child{display:flex;align-items:center;gap:12px}.cookie-icon{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#111;background:var(--orange)}.cookie-panel h2{margin:0;font-size:12px}.cookie-panel p{max-width:330px;margin:3px 0 0;color:rgba(255,255,255,.5);font-size:8px}.cookie-actions{display:flex;gap:7px}.cookie-actions button{padding:9px 11px;border:1px solid rgba(255,255,255,.13);border-radius:10px;color:#fff;background:rgba(255,255,255,.05);font-size:8px;font-weight:850}.cookie-actions .button-primary{color:#111;border:0;background:var(--orange)}

.reveal { opacity: 0; transform: translateY(28px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.75,.2,1); }
.reveal.is-visible { opacity: 1; transform: none; }

/* Pagini juridice și contact secundar */
.legal-page { min-height: 100vh; padding: 70px 20px; display: grid; place-items: start center; background: radial-gradient(circle at 15% 0,rgba(255,138,0,.12),transparent 28%),var(--paper); }
.legal-content { width: min(860px,100%); padding: clamp(28px,6vw,70px); border: 1px solid var(--line); border-radius: 30px; background: #fff; box-shadow: var(--shadow-md); }
.legal-content .brand { margin-bottom: 45px; color: var(--ink); }.legal-content .brand>span:first-child{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;color:#111;background:var(--orange);font-weight:950}.legal-content .brand>strong{font-size:20px}.legal-content h1{margin:14px 0 25px;font-size:clamp(36px,5vw,58px);line-height:1;letter-spacing:-.05em}.legal-content h2{margin:32px 0 10px;font-size:20px}.legal-content p,.legal-content li{color:var(--muted);font-size:14px}.legal-content .button,.legal-content .btn{margin-top:25px;display:inline-flex;padding:13px 18px;border-radius:14px;color:#111;background:var(--orange);font-weight:850}

@keyframes livePulse { 0%{box-shadow:0 0 0 0 rgba(34,197,110,.42)}70%{box-shadow:0 0 0 9px rgba(34,197,110,0)}100%{box-shadow:0 0 0 0 rgba(34,197,110,0)} }
@keyframes crmDemoShine { 0%,62%{left:-65%}86%,100%{left:125%} }
@keyframes crmDemoBarPulse { 0%,100%{transform:scaleY(.82);opacity:.72}50%{transform:scaleY(1);opacity:1} }
@keyframes orbitRotate { to{transform:rotate(360deg)} }
@keyframes scrollNudge { 0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(13px);opacity:1} }
@keyframes phoneFloat { 0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(2.5deg) translateY(-9px)} }
@keyframes cardHover { 0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-7px)} }
@keyframes stampPop { 0%,72%,100%{transform:rotate(-10deg) scale(1)}78%{transform:rotate(-6deg) scale(1.08)} }
@keyframes scanLine { 0%,100%{transform:translateY(-52px)}50%{transform:translateY(52px)} }
@keyframes routeDraw { 0%{stroke-dashoffset:760;opacity:.45}45%,80%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-120;opacity:.5} }
@keyframes barGrow { 0%,100%{transform:scaleY(.72)}50%{transform:scaleY(1)} }
@keyframes paperFeed { 0%,20%{transform:translateY(-80px)}55%,85%{transform:translateY(0)}100%{transform:translateY(-80px)} }
@keyframes noteHighlight { 0%,100%{color:var(--muted)}35%{color:#a45600} }

@media (max-width: 1120px) {
  :root { --container: min(100% - 32px, 1050px); }
  .site-header { grid-template-columns: auto 1fr auto; }
  .top-nav { gap: 14px; }.top-nav a{font-size:11px}.header-actions .login-link{display:none}
  .hero { min-height: 850px; }.hero-grid{grid-template-columns:.9fr 1.1fr;gap:32px}.hero-copy h1{font-size:clamp(46px,6.4vw,72px)}.hero-stage{min-height:540px}.crm-demo{inset:38px 0 26px 10px;grid-template-columns:88px minmax(0,1fr)}.crm-demo-sidebar{padding:13px 8px}.crm-demo-nav b{font-size:7px}.crm-demo-plan{grid-template-columns:minmax(0,1fr) minmax(134px,.75fr)}
  .owner-card { grid-template-columns: 1fr .65fr; }.owner-benefits{grid-template-columns:1fr}.owner-benefits>span{max-width:380px}
  .pricing-grid { grid-template-columns: repeat(2,1fr); gap:15px }.plan-card.is-featured{transform:none}.plan-card.is-featured:hover{transform:translateY(-7px)}
  .calculator-breakdown{grid-template-columns:repeat(2,1fr)}
  .ecosystem-grid{grid-template-columns:repeat(2,1fr)}.eco-card.eco-wide{grid-column:span 1}.eco-chart{width:250px}
}

@media (max-width: 860px) {
  :root { --header-height: 64px; --container: calc(100% - 28px); }
  .site-header { top: 10px; width: calc(100% - 20px); min-height: 64px; grid-template-columns: auto auto; justify-content: space-between; padding: 9px 10px 9px 14px; border-radius: 20px; }
  .menu-toggle { display: block; grid-column: 2; grid-row: 1; }
  .menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .top-nav { position: fixed; top: 84px; left: 10px; right: 10px; padding: 18px; display: grid; gap: 6px; transform: translateY(-15px); opacity: 0; pointer-events: none; border: 1px solid rgba(255,255,255,.13); border-radius: 21px; background: rgba(7,17,31,.98); box-shadow: 0 24px 60px rgba(0,0,0,.35); transition: transform .25s ease,opacity .25s ease; }
  .top-nav a{padding:12px 13px;border-radius:11px;font-size:13px}.top-nav a:hover{background:rgba(255,255,255,.06)}.top-nav a::after{display:none}.menu-open .top-nav{transform:none;opacity:1;pointer-events:auto}
  .header-actions{display:none}.mobile-menu-backdrop{position:fixed;z-index:900;inset:0;background:rgba(2,8,15,.62);backdrop-filter:blur(4px)}
  .hero { min-height: auto; padding: 125px 0 80px; }.hero-grid{grid-template-columns:1fr;gap:32px}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-trust,.hero-actions{justify-content:center}.hero-copy h1{margin-left:auto;margin-right:auto;font-size:clamp(48px,11vw,72px)}.hero-lead{margin-left:auto;margin-right:auto}.hero-stage{width:min(620px,100%);min-height:560px;margin:0 auto}.crm-demo{inset:40px 14px 24px;grid-template-columns:68px minmax(0,1fr);border-radius:25px;transform:none!important}.crm-demo-sidebar{padding:12px 7px}.crm-demo-logo{width:31px;height:31px;margin-bottom:5px;border-radius:10px;font-size:16px}.crm-demo-product{margin-bottom:15px;font-size:7px}.crm-demo-nav span{justify-content:center;padding:7px 4px}.crm-demo-nav b{display:none}.crm-demo-content{padding:10px}.crm-demo-plan{min-height:72px;padding:10px 11px;grid-template-columns:minmax(0,1fr) minmax(142px,.82fr)}.hero-scroll{display:none}
  .signal-strip{grid-template-columns:repeat(2,1fr);gap:0;padding:8px 20px}.signal-strip>div{padding:16px;border-bottom:1px solid var(--line)}.signal-strip>div:nth-child(2){border-right:0}.signal-strip>div:nth-child(3){padding-left:16px;border-bottom:0}.signal-strip>div:nth-child(4){border:0}
  .owner-card,.control-panel,.hardware-card,.contact-card{grid-template-columns:1fr}.owner-phone{order:-1}.owner-phone-shell{width:275px}.owner-copy{text-align:center}.owner-copy .eyebrow,.owner-benefits{justify-content:center}.owner-copy blockquote{text-align:left}.owner-benefits>span{max-width:none;text-align:left}
  .transformation-grid{grid-template-columns:1fr}.transform-arrow{transform:rotate(90deg)}
  .story-card{position:relative;top:auto!important;min-height:auto;grid-template-columns:1fr;padding:35px;margin-bottom:20px}.story-stack{padding-bottom:0}.story-visual{min-height:470px}.story-copy{text-align:center}.story-copy .eyebrow,.story-copy li{justify-content:center}
  .control-section,.hardware-section,.contact-section{padding-left:14px;padding-right:14px}.control-panel,.hardware-card,.contact-card{padding:42px 28px}.audit-console{width:100%}
  .calculator{grid-template-columns:1fr;grid-template-areas:"result" "controls" "breakdown"}.calculator-breakdown{grid-template-columns:1fr 1fr}
  .hardware-copy{text-align:center}.hardware-copy .eyebrow,.hardware-badges{justify-content:center}
  .faq-section{grid-template-columns:1fr}.faq-section .section-heading{position:static}
  .footer-main{grid-template-columns:1.4fr repeat(3,1fr);gap:28px}.footer-brand{grid-column:1/-1}
}

@media (max-width: 620px) {
  :root { --container: calc(100% - 20px); --radius-xl: 27px; --radius-lg: 22px; }
  body { font-size: 15px; }
  .brand-mark{width:38px;height:38px;border-radius:12px}.brand-mark::before{font-size:21px}.brand-copy strong{font-size:17px}
  .hero{padding-top:112px}.hero-copy h1{font-size:clamp(44px,13vw,63px)}.hero-lead{font-size:16px}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-trust{display:grid;justify-content:start;max-width:330px;margin-left:auto;margin-right:auto;text-align:left}
  .hero-stage{min-height:515px;margin-top:8px}.crm-demo{inset:22px 0 18px;grid-template-columns:1fr;border-radius:22px}.crm-demo-sidebar{display:none}.crm-demo-topbar{height:43px;padding:0 12px}.crm-demo-topbar strong{font-size:13px}.crm-demo-top-actions i{display:none}.crm-demo-top-actions i:first-child,.crm-demo-top-actions b{display:grid}.crm-demo-content{height:calc(100% - 43px);padding:8px;gap:6px}.crm-demo-plan{min-height:63px;padding:8px 9px;grid-template-columns:minmax(0,1fr) 128px;gap:8px;border-radius:13px}.crm-demo-plan-copy>strong{font-size:15px}.crm-demo-plan-copy>small{font-size:7px}.crm-demo-credits{padding:7px 8px}.crm-demo-credits>strong{font-size:13px}.crm-demo-kpis{padding:8px;border-radius:13px}.crm-demo-kpis>header{margin-bottom:5px}.crm-demo-kpis header span{display:none}.crm-demo-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.crm-demo-kpi-grid>div{padding:6px;border-radius:9px}.crm-demo-kpi-grid>div>strong{margin:3px 0 1px;font-size:13px}.crm-demo-kpi-grid>div>small,.crm-demo-kpi-grid>div>span{font-size:6px}.crm-demo-bottom{grid-template-columns:1fr}.crm-demo-chart{display:none}.crm-demo-orders{padding:8px;border-radius:13px}.crm-demo-orders>div{min-height:24px}.crm-demo-orders>div:nth-of-type(3){display:none}.crm-demo-orders>div>span{font-size:7px}.hero-orbit{display:none}
  .signal-strip{margin-top:-25px;padding:7px 10px;border-radius:20px}.signal-strip>div{padding:13px 8px;gap:8px}.signal-strip>div:nth-child(3){padding-left:8px}.signal-strip strong{font-size:16px}.signal-strip span{font-size:8px}
  .section{padding:78px 0}.section-heading{margin-bottom:32px;text-align:center}.section-heading .eyebrow{justify-content:center}.section-heading h2{font-size:clamp(35px,10.5vw,50px)}.section-heading p{font-size:15px}
  .owner-section{padding-bottom:20px}.owner-card{padding:29px 20px;gap:23px}.owner-phone{min-height:420px}.owner-phone-shell{width:240px;height:442px;min-height:0;border-width:6px;border-radius:36px}.owner-phone-shell::before{width:66px;height:16px}.owner-phone-top{height:35px;padding:10px 11px 0}.owner-orders-viewport{inset:35px 0 0;border-radius:0 0 29px 29px}.owner-orders-head{padding:10px 11px 8px}.owner-orders-head strong{font-size:13px}.owner-orders-head i,.owner-orders-head b{width:20px;height:20px}.owner-orders-tabs{margin:0 8px 6px}.owner-orders-tabs span{padding:5px;font-size:7px}.owner-orders-scroll{padding:0 8px 24px}.owner-orders-day{margin-bottom:5px;padding:6px 7px;font-size:6px}.owner-order-row{min-height:55px;margin-bottom:5px;padding:7px 6px 7px 9px;grid-template-columns:40px minmax(0,1fr) 68px;column-gap:4px;border-radius:9px}.owner-order-key strong{font-size:7px}.owner-order-key i{font-size:9px}.owner-order-client strong{font-size:8px}.owner-order-client span{font-size:6px}.owner-order-summary b{font-size:7px}.owner-order-summary span{max-width:68px;padding:3px 4px;font-size:5px}.owner-pulse{right:0}.owner-copy h2{font-size:39px}.owner-copy>p{font-size:14px}.owner-copy blockquote{font-size:14px}.owner-benefits{grid-template-columns:1fr}
  .old-way,.goic-way{min-height:auto;padding:28px}.transformation-grid{gap:14px}.transform-arrow{height:70px}.transform-arrow small{display:none}
  .sticky-story{padding-bottom:20px}.story-card{padding:28px 18px}.story-copy>p{font-size:14px}.story-number{font-size:36px}.story-visual{min-height:390px}.label-roll{width:220px;height:355px;border-width:10px}.label-roll>div{min-height:92px}.mock-order{width:88%;padding:14px}.phone-shell{width:235px;min-height:430px;border-width:6px}.message-photo{height:140px}.paid-stamp{width:92px;height:92px;right:0}.scan-ring{width:215px;height:215px}.scan-ring .fake-qr{width:105px;height:105px}.production-list{width:185px}.route-summary{right:0}
  .control-panel,.hardware-card,.contact-card{padding:34px 18px}.control-copy,.hardware-copy,.contact-copy{text-align:center}.control-copy .eyebrow,.contact-copy .eyebrow{justify-content:center}.control-copy h2,.hardware-copy h2,.contact-copy h2{font-size:38px}.control-copy>p{font-size:14px}.control-points{grid-template-columns:1fr}.audit-console>div{grid-template-columns:auto auto 1fr}.audit-console>div>span{display:none}
  .calculator{padding:9px;border-radius:25px}.calculator-controls,.calculator-result{padding:24px 17px}.calculator-result>strong{font-size:38px}.calculator-breakdown{grid-template-columns:1fr;padding:8px}.methodology-note{font-size:9px}
  .ecosystem-grid{grid-template-columns:1fr}.eco-card,.eco-card.eco-wide{min-height:315px;grid-column:auto;padding:24px}.eco-label{right:20px}.eco-chart{right:20px;width:calc(100% - 40px)}
  .pricing-section{padding-top:85px}.pricing-grid{grid-template-columns:1fr}.plan-card{padding:25px}.plan-card>p{min-height:auto}.plan-card.is-featured{order:-1}
  .printer-scene{min-height:330px}.printer{width:245px;height:175px}.paper{left:52px;width:142px;height:230px}.paper .fake-qr{width:90px;height:90px}.mini-printer{right:-5px;width:100px;height:125px}
  .faq-grid summary{padding:17px 14px;gap:9px}.faq-grid details p{padding:0 14px 18px 42px}
  .lead-form{padding:14px;grid-template-columns:1fr}.lead-form .wide{grid-column:auto}.contact-steps{text-align:left}
  .footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:grid}
  .cookie-panel{left:10px;right:10px;bottom:10px;width:auto;display:grid}.cookie-actions{justify-content:flex-end}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
  .reveal { opacity: 1; transform: none; transition: none; }
  .crm-demo { transform: none !important; }
}

@media print {
  .site-header,.cookie-panel,.ambient,.hero-scroll{display:none!important}
  body{background:#fff}.hero{min-height:auto;padding:30px;color:#111;background:#fff}.hero::before,.hero::after{display:none}.hero-grid{grid-template-columns:1fr}.hero-stage{display:none}.hero-copy h1{font-size:54px}.hero-lead{color:#444}.button{border:1px solid #bbb}.section{padding:40px 0}.story-card{position:relative;top:auto;box-shadow:none;break-inside:avoid}.reveal{opacity:1;transform:none}.owner-card,.control-panel,.hardware-card,.contact-card{color:#111;background:#fff;border:1px solid #bbb;box-shadow:none}.site-footer{color:#111;background:#fff}
}

/* Dashboard demo: performance-first, with synthetic figures only. */
.crm-demo-performance { grid-template-rows: minmax(102px,.9fr) auto minmax(0,1fr); }
.crm-demo-growth { min-height: 102px; padding: 12px 14px; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(165px,.95fr); align-items: stretch; gap: 12px; overflow: hidden; border: 1px solid rgba(255,145,0,.3); border-radius: 16px; color: #fff; background: radial-gradient(circle at 92% 6%,rgba(255,220,116,.28),transparent 29%),linear-gradient(120deg,#101f39,#193b69); box-shadow: 0 9px 20px rgba(19,46,85,.12); }
.crm-demo-growth-copy { position: relative; z-index: 2; display: grid; align-content: center; }
.crm-demo-growth-copy > span { color: #ffcf7c; font-size: 7px; font-weight: 950; letter-spacing: .11em; }
.crm-demo-growth-copy > strong { margin: 1px 0; color: #fff; font-size: clamp(29px,3.4vw,42px); line-height: .9; letter-spacing: -.075em; }
.crm-demo-growth-copy > b { color: rgba(255,255,255,.92); font-size: 9px; line-height: 1.1; }
.crm-demo-growth-copy > small { max-width: 225px; margin-top: 4px; color: rgba(255,255,255,.58); font-size: 7px; line-height: 1.2; }
.crm-demo-growth-chart { position: relative; min-width: 0; display: grid; grid-template-columns: auto 1fr; grid-template-rows: 1fr auto; column-gap: 6px; }
.crm-demo-growth-axis { padding: 7px 0 13px; display: flex; flex-direction: column; justify-content: space-between; color: rgba(255,255,255,.4); font-size: 6px; font-style: normal; }
.crm-demo-growth-axis i { font-style: normal; }
.crm-demo-growth-chart svg { width: 100%; height: 100%; align-self: stretch; overflow: visible; border-bottom: 1px solid rgba(255,255,255,.15); background: repeating-linear-gradient(to bottom,transparent 0,transparent calc(50% - .5px),rgba(255,255,255,.1) 50%,transparent calc(50% + .5px),transparent 100%); }
.crm-demo-growth-area { fill: url(#growth-fill); }
.crm-demo-growth-line { fill: none; stroke: #ffb000; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 3px 5px rgba(255,160,0,.45)); }
.crm-demo-growth-months { grid-column: 2; padding-top: 4px; display: flex; justify-content: space-between; color: rgba(255,255,255,.43); font-size: 6px; }
.crm-demo-performance-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; }
.crm-demo-performance-metrics article { min-width: 0; padding: 9px 8px; border: 1px solid #e5e9f0; border-radius: 12px; background: rgba(255,255,255,.93); box-shadow: 0 4px 10px rgba(15,23,42,.035); }
.crm-demo-performance-metrics article.is-violet { border-color: #e8e2ff; background: linear-gradient(135deg,#faf8ff,#fff); }.crm-demo-performance-metrics article.is-orange { border-color: #ffead0; background: linear-gradient(135deg,#fff9f0,#fff); }.crm-demo-performance-metrics article.is-blue { border-color: #daeaff; background: linear-gradient(135deg,#f4f9ff,#fff); }.crm-demo-performance-metrics article.is-green { border-color: #d9f2e2; background: linear-gradient(135deg,#f5fff8,#fff); }
.crm-demo-performance-metrics span,.crm-demo-capacity > span,.crm-demo-rhythm header span { display: block; overflow: hidden; color: #7a8494; font-size: 6px; font-weight: 950; letter-spacing: .06em; text-overflow: ellipsis; white-space: nowrap; }
.crm-demo-performance-metrics strong { display: block; margin: 4px 0 3px; color: #172235; font-size: 16px; line-height: .9; letter-spacing: -.05em; white-space: nowrap; }
.crm-demo-performance-metrics strong small,.crm-demo-capacity strong small { color: #758196; font-size: 7px; font-weight: 850; letter-spacing: 0; }
.crm-demo-performance-metrics em { display: block; overflow: hidden; color: #159456; font-size: 7px; font-style: normal; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.crm-demo-performance-metrics em i { color: #8a94a3; font-style: normal; font-weight: 750; }
.crm-demo-insights { min-height: 0; display: grid; grid-template-columns: minmax(0,1.5fr) minmax(125px,.72fr); gap: 8px; }
.crm-demo-rhythm,.crm-demo-capacity { min-height: 0; padding: 10px; overflow: hidden; border: 1px solid #e5e9f0; border-radius: 15px; background: rgba(255,255,255,.94); box-shadow: 0 4px 10px rgba(15,23,42,.035); }
.crm-demo-rhythm { display: grid; grid-template-rows: auto 1fr auto; }
.crm-demo-rhythm header { display: flex; align-items: start; justify-content: space-between; gap: 8px; }
.crm-demo-rhythm header strong { display: block; margin-top: 2px; color: #1c2739; font-size: 10px; }
.crm-demo-rhythm header b { padding: 5px 6px; border-radius: 7px; color: #16894f; background: #e8f8ee; font-size: 7px; }
.crm-demo-rhythm-bars { min-height: 54px; padding: 10px 1px 0; display: flex; align-items: end; justify-content: space-between; gap: 6px; border-bottom: 1px solid #edf0f4; background: repeating-linear-gradient(to bottom,transparent 0,transparent calc(50% - .5px),#f0f3f6 50%,transparent calc(50% + .5px),transparent 100%); }
.crm-demo-rhythm-bars i { width: 100%; height: var(--bar); min-height: 7px; display: block; transform-origin: bottom; border-radius: 4px 4px 2px 2px; background: linear-gradient(180deg,#ffb31a,#ff7a00); animation: crmDemoBarPulse 3.8s ease-in-out infinite; }
.crm-demo-rhythm-bars i:nth-child(2n) { animation-delay: -.7s; }.crm-demo-rhythm-bars i:nth-child(3n) { animation-delay: -1.4s; }
.crm-demo-rhythm > small { padding-top: 5px; color: #9aa3b0; font-size: 6px; letter-spacing: .08em; word-spacing: 4px; }
.crm-demo-capacity { display: grid; align-content: center; }
.crm-demo-capacity strong { margin: 7px 0; color: #172235; font-size: 29px; line-height: .9; letter-spacing: -.07em; }
.crm-demo-capacity > i { height: 8px; overflow: hidden; border-radius: 99px; background: #e7edf4; }
.crm-demo-capacity > i > b { display: block; width: 84%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#1b8cff,#31c978); }
.crm-demo-capacity > small { margin-top: 7px; color: #8691a1; font-size: 7px; line-height: 1.18; }

/* Mobile-first WhatsApp story: a real moment resolves into a message the customer can trust. */
.story-intro { max-width: 760px; margin: 18px 0 0; color: var(--muted); font-size: 16px; line-height: 1.55; }
.story-card[data-story-message] .story-copy { align-self: start; }
.story-card[data-story-message] .story-number { margin-bottom: 10px; font-size: clamp(30px,3.25vw,47px); }
.story-card[data-story-message] .story-copy > p { max-width: 510px; margin: 11px 0 0; font-size: 15px; line-height: 1.5; }
.story-card[data-story-message] .story-visual { position: relative; min-height: 520px; isolation: isolate; overflow: hidden; border-radius: 30px; background: #f5f0ec; box-shadow: inset 0 0 0 1px rgba(255,255,255,.7); }
.story-card[data-story-message] .story-visual::after { content: ""; position: absolute; z-index: 2; width: 270px; height: 270px; right: -55px; top: -58px; border-radius: 50%; opacity: .4; background: radial-gradient(circle, color-mix(in srgb, var(--story-accent) 29%, transparent), transparent 68%); filter: blur(8px); pointer-events: none; transition: opacity .55s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
.story-scene-photo { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: calc(1 - (var(--story-scene-fade, 0) * .74)); transform: scale(calc(1 + (var(--story-scene-fade, 0) * .055))); transition: opacity .65s ease, transform .85s cubic-bezier(.2,.8,.2,1), filter .65s ease; }
.visual-intake .story-scene-photo { object-position: center bottom; }.visual-measurement .story-scene-photo { object-position: center center; }.visual-ready .story-scene-photo { object-position: center bottom; }.visual-review .story-scene-photo { object-position: center center; }
.story-scene-shade { position: absolute; inset: 0; z-index: 1; opacity: calc(.12 + (var(--story-scene-fade, 0) * .62)); pointer-events: none; background: linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.18) 57%,rgba(255,255,255,.5)); transition: opacity .65s ease; }
.story-insight-card { position: absolute; z-index: 4; left: 8%; bottom: 78px; width: min(238px,70%); min-height: 128px; padding: 17px 16px 14px 57px; display: grid; align-content: start; gap: 4px; border: 1px solid rgba(255,255,255,.82); border-radius: 21px; color: #142135; background: rgba(255,255,255,.86); box-shadow: 0 22px 40px rgba(23,32,47,.18), inset 0 1px 0 rgba(255,255,255,.92); backdrop-filter: blur(12px); opacity: calc(1 - (var(--story-scene-fade, 0) * .9)); transform: rotate(-5deg); transition: opacity .5s ease, filter .55s ease, transform .8s cubic-bezier(.2,.8,.2,1); }
.story-insight-icon { position: absolute; left: 15px; top: 18px; width: 31px; height: 31px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: var(--story-accent); box-shadow: 0 7px 16px color-mix(in srgb,var(--story-accent) 30%,transparent); font-size: 16px; font-weight: 950; line-height: 1; }
.story-insight-card small { color: color-mix(in srgb,var(--story-accent) 73%,#42526a); font-size: 7px; font-weight: 950; letter-spacing: .1em; }.story-insight-card strong { margin-top: 1px; color: #172337; font-size: 19px; letter-spacing: -.04em; line-height: 1.05; }.story-insight-card b { color: #42526a; font-size: 9px; }.story-insight-card em { margin-top: 3px; color: #6e7d90; font-size: 8px; font-style: normal; line-height: 1.2; }
.story-insight-measurement { left: auto; right: 7%; bottom: 78px; color: #3c227e; transform: rotate(5deg); }.story-insight-ready { left: 7%; bottom: 78px; color: #176c50; transform: rotate(-5deg); }.story-insight-review { left: auto; right: 8%; bottom: 78px; color: #553c94; transform: rotate(5deg); }
.story-wa-phone { position: absolute; z-index: 6; right: 6%; bottom: 2%; width: 278px; min-height: 426px; padding: 8px; overflow: hidden; border: 7px solid #121a23; border-radius: 35px; background: #e4ddd1; box-shadow: 0 35px 68px rgba(15,23,42,.28); opacity: 0; filter: blur(7px); pointer-events: none; transform: translate3d(68px,44px,0) rotate(12deg) scale(.69); transform-origin: bottom right; transition: bottom .7s cubic-bezier(.2,.8,.2,1), opacity .32s ease, filter .46s ease, transform .72s cubic-bezier(.2,.8,.2,1); will-change: transform, opacity, filter; }
.story-wa-top { height: 48px; padding: 7px 9px 7px 5px; display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 7px; color: #fff; background: #0b8b73; }.story-wa-top i{font-size:24px;font-style:normal;line-height:.5}.story-wa-top b{font-size:11px}.story-wa-top span{align-self:start;margin-top:25px;margin-left:-32px;color:rgba(255,255,255,.68);font-size:6px}.story-wa-top em{font-size:15px;font-style:normal}
.story-wa-chat { min-height: 358px; padding: 13px 9px; background: linear-gradient(135deg,rgba(255,255,255,.28),transparent 52%),#e8ded2; }.story-wa-chat > small { width:max-content; margin:0 auto 10px; padding:4px 8px; display:block; border-radius:7px; color:#758496; background:rgba(255,255,255,.72); font-size:7px; }.story-wa-bubble { position:relative; padding:0 9px 16px; border-radius:8px 8px 8px 2px; background:#fff; box-shadow:0 3px 6px rgba(63,49,39,.1); font-size:9px; line-height:1.35; }.story-wa-bubble img{width:calc(100% + 18px);height:104px;display:block;margin:0 -9px 8px;border-radius:8px 8px 0 0;object-fit:cover;object-position:center}.visual-intake .story-wa-bubble img{object-position:center bottom}.visual-measurement .story-wa-bubble img{object-position:center center}.visual-ready .story-wa-bubble img{object-position:center bottom}.visual-review .story-wa-bubble img{object-position:center center}.story-wa-bubble strong{display:block;color:#243246;font-size:10px}.story-wa-bubble p{margin:4px 0;color:#526174}.story-wa-bubble time{position:absolute;right:8px;bottom:4px;color:#6d9d9a;font-size:6px}.story-wa-chat button{width:100%;margin-top:8px;padding:9px 6px;border:0;border-radius:8px;color:#067262;background:#fff;font-size:8px;font-weight:900}
.story-violet .story-wa-phone { right: 7%; transform: translate3d(65px,46px,0) rotate(-9deg) scale(.7); }.story-blue .story-wa-phone { right: 8%; transform: translate3d(66px,45px,0) rotate(10deg) scale(.7); }.story-green .story-wa-phone { right: 8%; transform: translate3d(65px,46px,0) rotate(10deg) scale(.7); }
.story-points { position: absolute; z-index: 8; left: 13px; right: 13px; bottom: 13px; min-height: 48px; margin: 0; padding: 8px 10px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; list-style: none; border: 1px solid rgba(255,255,255,.76); border-radius: 16px; color: #243246; background: rgba(255,255,255,.78); box-shadow: 0 12px 25px rgba(16,31,47,.11), inset 0 1px 0 rgba(255,255,255,.9); backdrop-filter: blur(14px); }
.story-points li { display: flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 850; line-height: 1.28; }.story-points li::before { content: ""; flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--story-accent); box-shadow: 0 0 0 3px color-mix(in srgb,var(--story-accent) 13%,transparent); }
.story-card[data-story-message].is-scene-dimmed .story-scene-photo { filter: saturate(.8) blur(1px); }.story-card[data-story-message].is-scene-dimmed .story-visual::after { opacity: .78; transform: scale(1.36); }.story-card[data-story-message].is-scene-dimmed .story-insight-card { filter: blur(2px); transform: translate3d(-34px,25px,0) rotate(-9deg) scale(.84); }.story-violet.is-scene-dimmed .story-insight-card,.story-green.is-scene-dimmed .story-insight-card { transform: translate3d(34px,25px,0) rotate(9deg) scale(.84); }
.story-card[data-story-message].is-message-visible .story-wa-phone { bottom: 71px; opacity: 1; filter: none; pointer-events: auto; transform: translate3d(0,0,0) rotate(4deg) scale(1); animation: phoneFloat 6s ease-in-out infinite; }.story-orange.is-message-visible .story-wa-phone { transform: translate3d(0,0,0) rotate(6deg) scale(.84); }.story-violet.is-message-visible .story-wa-phone { transform: translate3d(0,0,0) rotate(-4deg) scale(.94); }.story-blue.is-message-visible .story-wa-phone,.story-green.is-message-visible .story-wa-phone { transform: translate3d(0,0,0) rotate(4deg) scale(.95); }

@media (max-width: 1120px) { .crm-demo-growth { min-height: 92px; }.crm-demo-growth-copy > strong{font-size:34px}.crm-demo-performance-metrics article{padding:7px}.crm-demo-performance-metrics strong{font-size:14px}.crm-demo-rhythm-bars{min-height:45px} }
@media (max-width: 860px) { .crm-demo-performance { grid-template-rows: minmax(94px,.88fr) auto minmax(0,1fr); }.crm-demo-growth{padding:10px 11px;grid-template-columns:minmax(0,1fr) minmax(150px,.88fr)}.crm-demo-growth-copy>strong{font-size:34px}.crm-demo-insights{grid-template-columns:minmax(0,1.4fr) minmax(118px,.72fr)}.sticky-story { padding-bottom: 62px; }.story-stack{padding-bottom:72px}.story-card { position: sticky !important; top: 74px !important; z-index: calc(10 + var(--story-index)); min-height: 650px; margin-bottom: 48px; padding: 35px; grid-template-columns: 1fr; gap: 14px; }.story-copy{text-align:center}.story-copy .eyebrow,.story-copy li{justify-content:center}.story-card[data-story-message] .story-visual{min-height:430px;width:min(510px,100%);margin:0 auto}.story-intro{margin-left:auto;margin-right:auto;text-align:center} }
@media (max-width: 620px) { .crm-demo-performance{grid-template-rows:94px auto minmax(0,1fr);gap:6px}.crm-demo-growth{min-height:0;padding:9px;grid-template-columns:minmax(0,1fr) 118px;gap:7px;border-radius:13px}.crm-demo-growth-copy>span{font-size:6px}.crm-demo-growth-copy>strong{font-size:30px}.crm-demo-growth-copy>b{font-size:7px}.crm-demo-growth-copy>small{font-size:6px}.crm-demo-growth-axis{font-size:5px}.crm-demo-growth-months{font-size:5px}.crm-demo-performance-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.crm-demo-performance-metrics article{padding:6px;border-radius:9px}.crm-demo-performance-metrics span{font-size:5px}.crm-demo-performance-metrics strong{margin:3px 0 1px;font-size:13px}.crm-demo-performance-metrics strong small{font-size:6px}.crm-demo-performance-metrics em{font-size:6px}.crm-demo-insights{grid-template-columns:1fr 105px;gap:6px}.crm-demo-rhythm,.crm-demo-capacity{padding:8px;border-radius:13px}.crm-demo-rhythm header strong{font-size:8px}.crm-demo-rhythm header b{padding:4px;font-size:6px}.crm-demo-rhythm-bars{min-height:42px;gap:4px}.crm-demo-rhythm>small{font-size:5px;word-spacing:2px}.crm-demo-capacity strong{font-size:25px}.crm-demo-capacity>small{font-size:6px}.sticky-story{padding-bottom:45px}.story-stack{padding-bottom:52px}.story-card{top:74px!important;min-height:640px;margin-bottom:34px;padding:24px 16px;gap:8px}.story-number{font-size:34px}.story-copy>p{font-size:13px}.story-copy ul{margin-top:18px;gap:6px}.story-copy li{font-size:10px}.story-card[data-story-message] .story-visual{min-height:355px;border-radius:23px}.story-insight-card{left:7%;bottom:12%;width:172px;min-height:103px;padding:13px 11px 11px 45px;border-radius:16px;gap:3px}.story-insight-icon{left:11px;top:13px;width:25px;height:25px;border-radius:9px;font-size:13px}.story-insight-card small{font-size:5px}.story-insight-card strong{font-size:15px}.story-insight-card b{font-size:7px}.story-insight-card em{font-size:6px}.story-insight-measurement,.story-insight-review{left:auto;right:6%}.story-wa-phone{right:4%;bottom:0;width:224px;min-height:342px;padding:6px;border-width:5px;border-radius:29px}.story-wa-top{height:38px;padding:5px 7px 5px 3px}.story-wa-top b{font-size:9px}.story-wa-top span{margin-top:20px;margin-left:-25px;font-size:5px}.story-wa-chat{min-height:286px;padding:9px 7px}.story-wa-chat>small{margin-bottom:7px;font-size:6px}.story-wa-bubble{padding:0 7px 13px;font-size:7px}.story-wa-bubble img{width:calc(100% + 14px);height:66px;margin:0 -7px 6px}.story-wa-bubble strong{font-size:8px}.story-wa-bubble p{margin:3px 0}.story-wa-bubble time{right:6px;bottom:3px;font-size:5px}.story-wa-chat button{margin-top:6px;padding:7px 5px;font-size:6px}.story-orange.is-message-visible .story-wa-phone{transform:translate3d(0,0,0) rotate(6deg) scale(.72)}.story-violet.is-message-visible .story-wa-phone{transform:translate3d(0,0,0) rotate(-4deg) scale(.8)}.story-blue.is-message-visible .story-wa-phone,.story-green.is-message-visible .story-wa-phone{transform:translate3d(0,0,0) rotate(4deg) scale(.8)} }
@media (prefers-reduced-motion: reduce) { .story-card[data-story-message] .story-wa-phone{opacity:1!important;filter:none!important;pointer-events:auto!important;transform:translate3d(0,0,0) rotate(3deg) scale(.8)!important;animation:none!important}.story-card[data-story-message] .story-scene-photo{opacity:.18!important;filter:none!important;transform:none!important}.story-card[data-story-message] .story-insight-card{opacity:.08!important;filter:none!important} }
@media (min-width: 861px) { .story-card[data-story-message]{min-height:680px;margin-bottom:250px} }
@media (max-width: 860px) { .story-card[data-story-message]{min-height:720px;margin-bottom:290px}.story-card[data-story-message] .story-visual{min-height:470px}.story-copy .eyebrow,.story-copy li{justify-content:center} }
@media (max-width: 620px) { .story-card[data-story-message]{min-height:690px;margin-bottom:310px;padding:22px 16px;gap:9px}.story-card[data-story-message] .story-number{margin-bottom:7px;font-size:28px;line-height:1.01}.story-card[data-story-message] .story-copy>p{margin-top:8px;font-size:12px;line-height:1.42}.story-card[data-story-message] .story-visual{min-height:430px;border-radius:23px}.story-insight-card,.story-insight-measurement,.story-insight-ready,.story-insight-review{bottom:96px}.story-points{left:10px;right:10px;bottom:10px;min-height:70px;padding:7px 9px;grid-template-columns:1fr;gap:4px;border-radius:14px}.story-points li{font-size:7px}.story-wa-bubble img{height:74px}.story-card[data-story-message].is-message-visible .story-wa-phone{bottom:92px}.story-orange.is-message-visible .story-wa-phone{transform:translate3d(0,0,0) rotate(6deg) scale(.72)}.story-violet.is-message-visible .story-wa-phone{transform:translate3d(0,0,0) rotate(-4deg) scale(.8)}.story-blue.is-message-visible .story-wa-phone,.story-green.is-message-visible .story-wa-phone{transform:translate3d(0,0,0) rotate(4deg) scale(.8)} }
/* The phone resolves in its own upper-right space; the scene and readable benefits keep their room below. */
@media (max-width: 860px) { .story-card[data-story-message]{margin-bottom:620px}.story-card[data-story-message] .story-wa-phone{top:18px;bottom:auto;transform-origin:top right;transition:top .7s cubic-bezier(.2,.8,.2,1),opacity .32s ease,filter .46s ease,transform .72s cubic-bezier(.2,.8,.2,1)}.story-card[data-story-message].is-message-visible .story-wa-phone{top:14px;bottom:auto} }
@media (max-width: 620px) { .story-card[data-story-message]{margin-bottom:700px}.story-card[data-story-message] .story-wa-phone{top:14px;right:10px;bottom:auto;width:212px;min-height:292px;padding:5px;border-width:5px;border-radius:27px;transform-origin:top right}.story-card[data-story-message].is-message-visible .story-wa-phone{top:11px;bottom:auto;animation:phoneFloat 6s ease-in-out infinite}.story-orange.is-message-visible .story-wa-phone{transform:translate3d(0,0,0) rotate(3deg) scale(1)}.story-violet.is-message-visible .story-wa-phone{transform:translate3d(0,0,0) rotate(-3deg) scale(1)}.story-blue.is-message-visible .story-wa-phone,.story-green.is-message-visible .story-wa-phone{transform:translate3d(0,0,0) rotate(3deg) scale(1)}.story-wa-top{height:36px;padding:5px 7px 5px 3px}.story-wa-top b{font-size:11px}.story-wa-top span{margin-top:19px;margin-left:-27px;font-size:6px}.story-wa-chat{min-height:238px;padding:8px 7px}.story-wa-chat>small{margin-bottom:6px;padding:4px 7px;font-size:7px}.story-wa-bubble{padding:0 8px 14px;font-size:9px;line-height:1.38}.story-wa-bubble img{width:calc(100% + 16px);height:70px;margin:0 -8px 7px}.story-wa-bubble strong{font-size:10px}.story-wa-bubble p{margin:4px 0}.story-wa-bubble time{right:7px;bottom:3px;font-size:6px}.story-wa-chat button{margin-top:6px;padding:7px 5px;font-size:7px}.story-points{left:10px;right:10px;bottom:10px;min-height:98px;padding:10px 12px;gap:7px;border-radius:15px}.story-points li{gap:8px;font-size:11px;line-height:1.24}.story-points li::before{width:8px;height:8px}.story-insight-card,.story-insight-measurement,.story-insight-ready,.story-insight-review{bottom:114px} }
@media print { .crm-demo-performance,.visual-intake,.visual-measurement,.visual-ready,.visual-review{display:none!important} }

/* Remote order control: the detail screen follows the page scroll. */
.order-monitor-section { padding-top: 26px; padding-bottom: 74px; }
.order-monitor-card { position: relative; min-height: 625px; padding: clamp(34px,6vw,76px); display: grid; grid-template-columns: minmax(0,1.05fr) minmax(330px,.72fr); align-items: center; gap: clamp(36px,8vw,112px); overflow: hidden; border: 1px solid #dce6f1; border-radius: var(--radius-xl); color: var(--ink); background: radial-gradient(circle at 88% 12%,rgba(65,144,255,.18),transparent 26%),radial-gradient(circle at 8% 88%,rgba(255,164,45,.14),transparent 29%),linear-gradient(135deg,#f7fbff,#fff 58%,#f5f8fc); box-shadow: 0 30px 80px rgba(18,40,70,.12); }
.order-monitor-card::before { content: ""; position: absolute; right: -160px; bottom: -210px; width: 560px; height: 560px; border: 1px solid rgba(59,130,246,.14); border-radius: 50%; box-shadow: 0 0 0 52px rgba(59,130,246,.035),0 0 0 105px rgba(59,130,246,.02); }
.order-monitor-copy,.order-monitor-phone { position: relative; z-index: 2; }.order-monitor-copy h2 { margin: 15px 0; font-size: clamp(40px,5vw,67px); line-height: 1.02; letter-spacing: -.055em; }.order-monitor-copy>p{max-width:650px;color:#66758a;font-size:18px}.order-monitor-copy blockquote{max-width:670px;margin:26px 0;padding:15px 20px;border-left:3px solid var(--orange);color:#7b4c00;background:rgba(255,178,39,.13);font-size:16px;font-weight:820}
.order-monitor-highlights { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }.order-monitor-highlights>span{min-height:100px;padding:14px;display:grid;align-content:start;border:1px solid #dce6f0;border-radius:16px;background:rgba(255,255,255,.74);box-shadow:0 8px 20px rgba(32,61,98,.05)}.order-monitor-highlights i{color:#17243a;font-size:17px;font-style:normal;font-weight:950;letter-spacing:-.05em}.order-monitor-highlights b{margin:3px 0;color:#45617e;font-size:10px}.order-monitor-highlights small{color:#8492a4;font-size:8px;line-height:1.25}
.order-monitor-phone { min-height: 530px; display: grid; place-items: center; }.order-monitor-phone-shell{position:relative;width:300px;height:545px;overflow:hidden;border:8px solid #0a111b;border-radius:43px;background:#f4f6fb;color:#172235;box-shadow:0 38px 75px rgba(11,24,42,.29),inset 0 0 0 1px rgba(255,255,255,.5);transform:rotate(-4deg);animation:orderMonitorFloat 6.4s ease-in-out infinite}.order-monitor-phone-shell::before{content:"";position:absolute;z-index:7;left:50%;top:9px;width:84px;height:20px;border-radius:0 0 13px 13px;background:#0a111b;transform:translateX(-50%)}
.order-monitor-status{position:relative;z-index:8;height:38px;padding:12px 14px 0;display:flex;align-items:start;justify-content:space-between;background:#f4f6fb;font-size:8px;font-weight:850}.order-monitor-status>i,.order-monitor-status>b{width:12px;height:6px;margin-top:3px;border-radius:2px;background:#172235}.order-monitor-status>b{width:17px}.order-monitor-screen-viewport{position:absolute;inset:38px 0 0;overflow:hidden;border-radius:0 0 33px 33px;background:#f4f6fb}.order-monitor-screen-viewport::after{content:"";position:absolute;z-index:4;right:0;bottom:0;left:0;height:30px;background:linear-gradient(transparent,#f4f6fb);pointer-events:none}.order-monitor-screen{padding:0 11px 30px;transform:translate3d(0,var(--order-detail-offset,0px),0);transition:transform .13s linear;will-change:transform}
.order-monitor-appbar{height:54px;margin:0 -11px;padding:9px 13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border-bottom:1px solid #e4e9f1;background:rgba(255,255,255,.96)}.order-monitor-appbar>i{color:#5d6f85;font-size:27px;font-style:normal;line-height:.6}.order-monitor-appbar>div{display:grid;gap:2px}.order-monitor-appbar span{color:#8b73f7;font-size:6px;font-weight:950;letter-spacing:.1em}.order-monitor-appbar strong{font-size:14px;letter-spacing:-.04em}.order-monitor-appbar>b{width:23px;height:23px;display:grid;place-items:center;border:1px solid #e3e8f0;border-radius:8px;color:#64748b;background:#fff;font-size:15px}
.order-monitor-hero{position:relative;margin:10px 0 8px;padding:15px;display:grid;overflow:hidden;border:1px solid rgba(255,148,0,.32);border-radius:17px;color:#fff;background:radial-gradient(circle at 90% 8%,rgba(255,225,136,.32),transparent 30%),linear-gradient(135deg,#102342,#1d5a9d);box-shadow:0 10px 20px rgba(28,76,133,.17)}.order-monitor-hero>span{color:#ffd58b;font-size:7px;font-weight:950;letter-spacing:.1em}.order-monitor-hero>strong{margin:3px 0 1px;font-size:34px;line-height:.9;letter-spacing:-.075em}.order-monitor-hero>strong small{font-size:12px;letter-spacing:0}.order-monitor-hero>b{font-size:9px}.order-monitor-hero>i{position:absolute;right:15px;top:45px;width:72px;height:72px;border:7px solid rgba(255,255,255,.16);border-top-color:#ffb118;border-radius:50%;transform:rotate(42deg)}.order-monitor-hero>i>em{position:absolute;left:50%;top:-12px;width:9px;height:9px;border-radius:50%;background:#ffb118;box-shadow:0 0 0 5px rgba(255,177,24,.12)}.order-monitor-hero>small{margin-top:12px;color:rgba(255,255,255,.62);font-size:7px}
.order-monitor-client{position:relative;margin-bottom:8px;padding:10px 11px;display:grid;grid-template-columns:1fr auto;gap:2px 8px;border:1px solid #e1e7ef;border-radius:13px;background:#fff}.order-monitor-client>span{color:#8794a5;font-size:6px;font-weight:950;letter-spacing:.08em}.order-monitor-client>strong{font-size:10px}.order-monitor-client>small{color:#8490a0;font-size:7px}.order-monitor-client>b{grid-column:2;grid-row:1/4;align-self:center;padding:5px 7px;border-radius:7px;color:#23764a;background:#eaf8ef;font-size:7px}
.order-monitor-progress{margin-bottom:8px;padding:10px 11px;border:1px solid #e0e7ef;border-radius:13px;background:#fff}.order-monitor-progress header{display:flex;align-items:center;justify-content:space-between}.order-monitor-progress header span{color:#8693a4;font-size:6px;font-weight:950;letter-spacing:.08em}.order-monitor-progress header b{color:#28764d;font-size:7px}.order-monitor-progress>div{position:relative;margin:8px 2px 6px;display:flex;align-items:center;justify-content:space-between}.order-monitor-progress>div::before{content:"";position:absolute;left:0;right:0;height:2px;background:#e7edf2}.order-monitor-progress i{position:relative;z-index:1;width:10px;height:10px;border:2px solid #d8e0e9;border-radius:50%;background:#fff}.order-monitor-progress i.is-done{border-color:#25b56e;background:#25b56e;box-shadow:0 0 0 3px #e6f8ee}.order-monitor-progress i.is-current{border-color:#ffad12;background:#fff5d8;box-shadow:0 0 0 3px #fff3d3}.order-monitor-progress small{color:#7e8b9c;font-size:7px}
.order-monitor-products{margin-bottom:9px;padding:11px;border:1px solid #e0e7ef;border-radius:14px;background:#fff}.order-monitor-products>header{margin-bottom:7px;display:flex;align-items:center;justify-content:space-between}.order-monitor-products header>div{display:grid;gap:2px}.order-monitor-products header span{color:#8693a4;font-size:6px;font-weight:950;letter-spacing:.07em}.order-monitor-products header strong{font-size:10px}.order-monitor-products>header>b{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;color:#5f46d1;background:#eeeaff;font-size:8px}.order-monitor-products article{min-height:50px;padding:8px 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border-top:1px solid #edf0f4}.order-monitor-products article>i{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:#a85800;background:#fff1dc;font-size:7px;font-style:normal;font-weight:950}.order-monitor-products i.is-violet{color:#6647c1;background:#f0ebff}.order-monitor-products i.is-blue{color:#226bae;background:#eaf4ff}.order-monitor-products i.is-green{color:#16794b;background:#e9f8ee}.order-monitor-products article>div{min-width:0;display:grid;gap:2px}.order-monitor-products article strong{font-size:9px}.order-monitor-products article span{overflow:hidden;color:#8390a1;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.order-monitor-products article>b{color:#243249;font-size:8px;white-space:nowrap}
.order-monitor-total{margin-bottom:8px;padding:13px;display:grid;border:1px solid #f0d7a9;border-radius:15px;background:linear-gradient(135deg,#fff9ed,#fff)}.order-monitor-total span{color:#a96300;font-size:6px;font-weight:950;letter-spacing:.08em}.order-monitor-total strong{margin:4px 0 2px;color:#b46700;font-size:24px;line-height:1;letter-spacing:-.06em}.order-monitor-total small{color:#8e8170;font-size:7px}.order-monitor-audit{padding:10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;border-radius:12px;color:#285b42;background:#edf9f1}.order-monitor-audit>i{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--green);font-style:normal;font-size:11px;font-weight:950}.order-monitor-audit>div{display:grid;gap:1px}.order-monitor-audit strong{font-size:8px}.order-monitor-audit span,.order-monitor-audit>b{color:#619174;font-size:6px}.order-monitor-live{position:absolute;z-index:4;right:-4px;top:45px;padding:10px 12px;display:flex;align-items:center;gap:7px;border:1px solid #d5e2ef;border-radius:14px;color:#36536f;background:rgba(255,255,255,.87);box-shadow:0 15px 28px rgba(40,75,109,.12);backdrop-filter:blur(10px);transform:rotate(5deg)}.order-monitor-live i{width:7px;height:7px;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 5px rgba(59,130,246,.14)}.order-monitor-live span{font-size:8px;font-weight:900}
@keyframes orderMonitorFloat{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2.5deg) translateY(-9px)}}

@media (max-width: 1120px){.order-monitor-card{grid-template-columns:minmax(0,1fr) minmax(270px,.66fr);gap:35px}.order-monitor-highlights{grid-template-columns:1fr}.order-monitor-highlights>span{min-height:auto;grid-template-columns:auto 1fr;column-gap:8px}.order-monitor-highlights i{grid-row:1/3}.order-monitor-highlights small{grid-column:2}.order-monitor-phone-shell{width:276px;height:505px}}
@media (max-width: 860px){.order-monitor-section{padding-top:20px}.order-monitor-card{grid-template-columns:1fr;padding:42px 28px}.order-monitor-phone{order:-1;min-height:500px}.order-monitor-copy{text-align:center}.order-monitor-copy .eyebrow{justify-content:center}.order-monitor-copy blockquote{text-align:left}.order-monitor-highlights{grid-template-columns:repeat(3,1fr)}.order-monitor-highlights>span{display:grid;grid-template-columns:1fr;padding:12px;text-align:left}.order-monitor-highlights i{grid-row:auto}.order-monitor-highlights small{grid-column:auto}.order-monitor-live{right:4px}.order-monitor-phone-shell{width:292px;height:530px}}
@media (max-width: 620px){.order-monitor-section{padding-top:12px;padding-bottom:48px}.order-monitor-card{padding:30px 18px;gap:24px}.order-monitor-phone{min-height:445px}.order-monitor-phone-shell{width:250px;height:455px;border-width:6px;border-radius:35px}.order-monitor-phone-shell::before{width:68px;height:16px}.order-monitor-status{height:35px;padding:10px 11px 0}.order-monitor-screen-viewport{inset:35px 0 0;border-radius:0 0 28px 28px}.order-monitor-screen{padding:0 8px 24px}.order-monitor-appbar{height:45px;margin:0 -8px;padding:7px 10px;gap:6px}.order-monitor-appbar>i{font-size:23px}.order-monitor-appbar strong{font-size:12px}.order-monitor-appbar>b{width:20px;height:20px;font-size:13px}.order-monitor-hero{margin:8px 0 6px;padding:12px;border-radius:14px}.order-monitor-hero>strong{font-size:29px}.order-monitor-hero>i{right:12px;top:40px;width:59px;height:59px;border-width:6px}.order-monitor-hero>small{margin-top:9px;font-size:6px}.order-monitor-client{margin-bottom:6px;padding:8px 9px;border-radius:11px}.order-monitor-products{margin-bottom:7px;padding:9px;border-radius:12px}.order-monitor-products article{min-height:43px;padding:6px 0}.order-monitor-products article>i{width:21px;height:21px;font-size:6px}.order-monitor-products article strong{font-size:8px}.order-monitor-products article span{font-size:6px}.order-monitor-products article>b{font-size:7px}.order-monitor-total{margin-bottom:6px;padding:10px;border-radius:12px}.order-monitor-total strong{font-size:21px}.order-monitor-audit{padding:8px}.order-monitor-live{top:20px;right:0;padding:8px 10px}.order-monitor-live span{font-size:7px}.order-monitor-copy h2{font-size:38px}.order-monitor-copy>p{font-size:14px}.order-monitor-copy blockquote{margin:20px 0;font-size:14px}.order-monitor-highlights{gap:6px}.order-monitor-highlights>span{min-height:87px;padding:10px}.order-monitor-highlights i{font-size:14px}.order-monitor-highlights b{font-size:8px}.order-monitor-highlights small{font-size:7px}}
@media print{.order-monitor-section{display:none!important}}