.ims-site {
  --ims-accent: #11b9e7;
  --ims-dark: #0b0e10;
  --ims-light: #f1f4f5;
  --ims-line: #dce2e4;
  --ims-muted: #657077;
  background: #fff;
  color: var(--ims-dark);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.4;
  margin: 0;
  overflow: hidden;
  width: 100%;
}
.ims-site *,
.ims-site *::before,
.ims-site *::after { box-sizing: border-box; }
.ims-site a { color: inherit; text-decoration: none; }
.ims-site button { font: inherit; }
.ims-site img { display: block; height: auto; max-width: 100%; }
.ims-site section[id] { scroll-margin-top: 82px; }
body.ims-menu-open { overflow: hidden; }
html:has(body.ims-standalone) { margin: 0 !important; padding: 0 !important; }
body.ims-standalone { margin: 0 !important; max-width: none !important; overflow-x: hidden !important; padding: 0 !important; width: 100% !important; }
body.ims-standalone.admin-bar { margin-top: 0 !important; }
body.ims-standalone #wpadminbar { display: none !important; }
body.ims-standalone .ims-site,
body.ims-standalone .ims-header,
body.ims-standalone .ims-footer { margin-left: 0 !important; margin-right: 0 !important; max-width: none !important; width: 100% !important; }

.ims-header {
  align-items: center;
  background: rgb(11 14 16 / 96%);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  height: 82px;
  padding: 0 max(5vw, 32px);
  position: relative;
  z-index: 999;
}
.ims-header.is-fixed {
  backdrop-filter: blur(16px);
  inset: 0 0 auto;
  position: fixed;
}
.ims-brand { align-items: baseline; color: #fff; display: inline-flex; line-height: 1; width: fit-content; }
.ims-brand img { height: 42px; max-width: 210px; object-fit: contain; object-position: left center; }
.ims-brand span { font-size: 30px; font-weight: 800; letter-spacing: -.075em; }
.ims-brand small { color: var(--ims-accent); font-size: 18px; font-style: italic; font-weight: 300; letter-spacing: -.05em; margin-left: 7px; }
.ims-nav { display: flex; gap: 36px; }
.ims-nav a { color: #aeb8bd; font-size: 14px; transition: color .2s ease; }
.ims-nav a:hover,
.ims-nav a.is-active { color: #fff; }
.ims-nav a.is-active { position: relative; }
.ims-nav a.is-active::after { background: var(--ims-accent); bottom: -12px; content: ""; height: 2px; left: 0; position: absolute; right: 0; }
.ims-header-cta { justify-self: end; }
.ims-menu-toggle { background: transparent; border: 0; cursor: pointer; display: none; padding: 8px; }
.ims-menu-toggle i { background: #fff; display: block; height: 2px; margin: 5px 0; transition: .2s; width: 24px; }
.ims-button {
  align-items: center;
  background: var(--ims-accent);
  border-radius: 12px;
  color: #071114 !important;
  display: inline-flex;
  font-size: 15px;
  font-weight: 800;
  gap: 32px;
  justify-content: space-between;
  min-height: 58px;
  padding: 0 24px;
  transition: transform .2s ease, filter .2s ease;
}
.ims-button:hover { filter: brightness(1.08); transform: translateY(-2px); }
.ims-button-small { font-size: 13px; min-height: 44px; padding: 0 18px; }

.ims-hero {
  background: radial-gradient(circle at 75% 26%, color-mix(in srgb, var(--ims-accent) 13%, transparent), transparent 31%), var(--ims-dark);
  color: #fff;
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  min-height: calc(100vh - 82px);
  overflow: hidden;
  padding: 70px 5vw 72px;
}
.ims-header.is-fixed + main .ims-hero { min-height: 100vh; padding-top: 150px; }
.ims-hero-copy { align-self: center; max-width: 720px; padding-right: 4vw; }
.ims-eyebrow,
.ims-section-tag { color: var(--ims-accent); font-size: 12px; font-weight: 800; letter-spacing: .16em; margin: 0; text-transform: uppercase; }
.ims-eyebrow { align-items: center; display: flex; gap: 10px; }
.ims-eyebrow i { background: var(--ims-accent); border-radius: 50%; height: 7px; width: 7px; }
.ims-hero h1 { color: #fff; font-size: clamp(58px, 5.5vw, 92px); font-weight: 700; letter-spacing: -.065em; line-height: .96; margin: 30px 0 32px; }
.ims-hero h1 strong { color: var(--ims-accent); font-weight: inherit; }
.ims-hero-lead { color: #b8c2c7; font-size: 19px; line-height: 1.65; margin: 0; max-width: 650px; }
.ims-hero-actions { align-items: center; display: flex; gap: 32px; margin-top: 40px; }
.ims-text-link { color: #d8dfe2 !important; font-size: 14px; font-weight: 700; }
.ims-text-link span { color: var(--ims-accent); margin-left: 8px; }
.ims-proof { border-top: 1px solid #313a3e; display: flex; gap: 28px; margin-top: 58px; padding-top: 22px; }
.ims-proof span { color: #849198; font-size: 12px; }
.ims-hero-system {
  align-self: center;
  background: #eef2f3;
  border: 1px solid #394448;
  border-radius: 25px;
  box-shadow: 0 35px 100px rgb(0 0 0 / 42%);
  color: var(--ims-dark);
  min-height: 610px;
  overflow: visible;
  position: relative;
  transform: perspective(1400px) rotateY(-4deg);
}
.ims-system-topbar { align-items: center; background: #151a1d; border-radius: 24px 24px 0 0; display: flex; height: 64px; justify-content: space-between; padding: 0 24px; }
.ims-mini-brand { color: #fff; font-size: 19px; font-weight: 800; letter-spacing: -.06em; }
.ims-topbar-status { align-items: center; color: #9ea9ae; display: flex; font-size: 10px; gap: 7px; text-transform: uppercase; }
.ims-topbar-status i { background: #65dd83; border-radius: 50%; box-shadow: 0 0 0 4px rgb(101 221 131 / 10%); height: 7px; width: 7px; }
.ims-system-body { padding: 34px; }
.ims-system-intro span { color: color-mix(in srgb, var(--ims-accent) 80%, #04566b); display: block; font-size: 10px; font-weight: 800; letter-spacing: .12em; margin-bottom: 12px; text-transform: uppercase; }
.ims-system-intro strong { display: block; font-size: 32px; letter-spacing: -.045em; }
.ims-system-intro p { color: #6b757a; font-size: 13px; margin: 8px 0 28px; }
.ims-metric-grid { display: grid; gap: 14px; grid-template-columns: 1fr 1fr; }
.ims-metric-card { background: #fff; border: 1px solid #dce2e4; border-radius: 16px; height: 182px; overflow: hidden; padding: 20px; position: relative; }
.ims-metric-card > span { color: #778187; display: block; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.ims-metric-card > strong { display: block; font-size: 20px; margin-top: 7px; }
.ims-metric-dark { background: #171c1f; border-color: #171c1f; color: #fff; }
.ims-metric-dark > span { color: #9da8ad; }
.ims-bars { align-items: end; bottom: 19px; display: flex; gap: 6px; height: 72px; left: 20px; position: absolute; right: 20px; }
.ims-bars i { background: #2a3337; border-radius: 4px 4px 0 0; flex: 1; }
.ims-bars i:nth-child(1) { height: 26%; }
.ims-bars i:nth-child(2) { height: 48%; }
.ims-bars i:nth-child(3) { height: 40%; }
.ims-bars i:nth-child(4) { background: var(--ims-accent); height: 72%; }
.ims-bars i:nth-child(5) { height: 63%; }
.ims-bars i:nth-child(6) { background: var(--ims-accent); height: 92%; }
.ims-message-row { align-items: center; background: #f2f5f6; border-radius: 9px; display: grid; gap: 8px; grid-template-columns: 26px 1fr; margin-top: 16px; padding: 8px; }
.ims-message-row i { background: var(--ims-accent); border-radius: 50%; grid-row: span 2; height: 26px; width: 26px; }
.ims-message-row b { background: #c9d1d4; border-radius: 4px; display: block; height: 4px; }
.ims-message-row b:last-child { width: 64%; }
.ims-message-row.is-short { margin-top: 7px; width: 80%; }
.ims-page-preview { background: #111719; border-radius: 8px; bottom: 0; display: grid; gap: 8px; grid-template-columns: 1fr .7fr; left: 20px; padding: 14px; position: absolute; right: 20px; top: 76px; }
.ims-page-preview i { background: #eef2f3; border-radius: 4px; grid-row: span 2; }
.ims-page-preview b { background: #344146; border-radius: 4px; }
.ims-page-preview b:last-child { background: var(--ims-accent); }
.ims-metric-accent { background: var(--ims-accent); border-color: var(--ims-accent); }
.ims-metric-accent > span { color: #07566c; }
.ims-connected-dots { align-items: center; bottom: 34px; display: flex; justify-content: space-around; left: 20px; position: absolute; right: 20px; }
.ims-connected-dots::before { background: rgb(4 80 101 / 30%); content: ""; height: 1px; left: 20%; position: absolute; right: 20%; }
.ims-connected-dots i { background: #0d2b33; border: 5px solid rgb(255 255 255 / 30%); border-radius: 50%; height: 28px; position: relative; width: 28px; z-index: 1; }
.ims-float-note { align-items: center; background: #fff; border: 1px solid #dce3e5; border-radius: 14px; bottom: 34px; box-shadow: 0 18px 40px rgb(0 0 0 / 18%); display: flex; gap: 12px; left: -38px; padding: 13px 18px; position: absolute; transform: rotateY(4deg); }
.ims-float-note > i { align-items: center; background: var(--ims-accent); border-radius: 50%; display: flex; flex: 0 0 30px; font-size: 13px; font-style: normal; height: 30px; justify-content: center; }
.ims-float-note span { color: #6c767b; font-size: 10px; line-height: 1.45; }
.ims-float-note strong { color: var(--ims-dark); display: block; font-size: 12px; }

.ims-statement,
.ims-solutions,
.ims-performance,
.ims-automation,
.ims-webdesign,
.ims-products,
.ims-method,
.ims-faq,
.ims-final-cta { padding: 120px 6vw; }
.ims-statement h2 { font-size: clamp(44px, 5.2vw, 78px); letter-spacing: -.058em; line-height: 1.04; margin: 28px 0 60px; max-width: 1180px; }
.ims-statement h2 em { color: color-mix(in srgb, var(--ims-accent) 80%, #04566b); font-style: normal; }
.ims-statement-grid { border-top: 1px solid var(--ims-line); display: grid; gap: 70px; grid-template-columns: 1fr 1fr; padding-top: 38px; }
.ims-statement-grid p { color: var(--ims-muted); font-size: 19px; line-height: 1.68; margin: 0; }
.ims-solutions,
.ims-automation,
.ims-products,
.ims-faq { background: var(--ims-light); }
.ims-section-heading { align-items: end; display: grid; gap: 7vw; grid-template-columns: 1.35fr .65fr; margin-bottom: 70px; }
.ims-section-heading h2,
.ims-performance h2,
.ims-automation h2,
.ims-webdesign h2,
.ims-products h2,
.ims-method h2,
.ims-faq h2 { font-size: clamp(40px, 4.2vw, 66px); letter-spacing: -.055em; line-height: 1.04; margin: 22px 0 0; }
.ims-section-heading > p { color: var(--ims-muted); font-size: 17px; line-height: 1.65; margin: 0; }
.ims-service-grid { border-left: 1px solid #d7dddf; display: grid; grid-template-columns: 1fr 1fr; }
.ims-service-grid article { background: rgb(255 255 255 / 35%); border-bottom: 1px solid #d7dddf; border-right: 1px solid #d7dddf; border-top: 1px solid #d7dddf; min-height: 340px; padding: 34px; }
.ims-service-grid article:nth-child(n + 3) { border-top: 0; }
.ims-service-top { align-items: center; display: flex; justify-content: space-between; }
.ims-service-top > span { color: color-mix(in srgb, var(--ims-accent) 80%, #04566b); font-size: 12px; font-weight: 800; }
.ims-service-top small { color: #7f898e; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.ims-service-grid h3 { font-size: 34px; letter-spacing: -.04em; margin: 52px 0 16px; }
.ims-service-grid p { color: var(--ims-muted); line-height: 1.65; margin: 0; max-width: 520px; }
.ims-tag-row { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 35px; }
.ims-tag-row span { background: #e4e9eb; border-radius: 20px; color: #536067; font-size: 10px; padding: 8px 12px; }

.ims-performance { align-items: center; background: var(--ims-dark); color: #fff; display: grid; gap: 7vw; grid-template-columns: .9fr 1.1fr; }
.ims-performance h2 { color: #fff; }
.ims-performance-copy > p:not(.ims-section-tag) { color: #aeb9be; font-size: 17px; line-height: 1.7; margin: 28px 0 38px; }
.ims-check-list { border-top: 1px solid #30393d; list-style: none; margin: 0; padding: 0; }
.ims-check-list li { align-items: flex-start; border-bottom: 1px solid #30393d; display: flex; gap: 16px; padding: 20px 0; }
.ims-check-list li > i { align-items: center; background: var(--ims-accent); border-radius: 50%; color: var(--ims-dark); display: flex; flex: 0 0 28px; font-size: 11px; font-style: normal; height: 28px; justify-content: center; }
.ims-check-list span { color: #96a2a8; font-size: 13px; line-height: 1.5; }
.ims-check-list strong { color: #fff; display: block; font-size: 16px; margin-bottom: 4px; }
.ims-campaign-panel { background: #eef2f3; border: 1px solid #394448; border-radius: 26px; box-shadow: 0 30px 80px rgb(0 0 0 / 32%); color: var(--ims-dark); overflow: hidden; }
.ims-panel-header { align-items: center; background: #171d20; color: #fff; display: flex; justify-content: space-between; padding: 22px 26px; }
.ims-panel-header span { color: #8f9ba0; display: block; font-size: 9px; letter-spacing: .12em; margin-bottom: 5px; text-transform: uppercase; }
.ims-panel-header strong { font-size: 15px; }
.ims-panel-header small { background: #263034; border-radius: 20px; color: #aeb8bc; font-size: 9px; padding: 8px 11px; }
.ims-panel-main { padding: 24px; }
.ims-chart-card { background: #fff; border: 1px solid #dce2e4; border-radius: 16px; padding: 20px; }
.ims-chart-title { align-items: center; display: flex; justify-content: space-between; }
.ims-chart-title span { font-size: 12px; font-weight: 700; }
.ims-chart-title b { color: color-mix(in srgb, var(--ims-accent) 75%, #04566b); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.ims-chart { background: linear-gradient(#edf1f2 1px, transparent 1px) 0 0 / 100% 25%, linear-gradient(90deg, #edf1f2 1px, transparent 1px) 0 0 / 16.66% 100%; height: 190px; margin-top: 24px; position: relative; }
.ims-chart svg { bottom: 12px; height: 155px; left: 0; overflow: visible; position: absolute; width: 100%; }
.ims-chart path { fill: none; stroke: var(--ims-accent); stroke-width: 4; }
.ims-chart path.ims-area { fill: color-mix(in srgb, var(--ims-accent) 9%, transparent); stroke: none; }
.ims-channel-list { background: #fff; border: 1px solid #dce2e4; border-radius: 16px; margin-top: 14px; overflow: hidden; }
.ims-channel-list article { align-items: center; border-bottom: 1px solid #e3e8ea; display: flex; justify-content: space-between; padding: 14px 16px; }
.ims-channel-list article:last-child { border-bottom: 0; }
.ims-channel-name { align-items: center; display: flex; gap: 12px; }
.ims-channel-name > i { border-radius: 8px; display: block; height: 28px; width: 28px; }
.ims-meta-dot { background: #1677ff; }
.ims-google-dot { background: conic-gradient(#4285f4 0 25%, #34a853 0 50%, #fbbc05 0 75%, #ea4335 0); }
.ims-site-dot { background: var(--ims-dark); }
.ims-channel-name span { color: #7a858a; font-size: 9px; line-height: 1.45; }
.ims-channel-name strong { color: var(--ims-dark); display: block; font-size: 11px; }
.ims-channel-list article > b { background: #eaf8f0; border-radius: 20px; color: #25814b; font-size: 8px; padding: 6px 9px; }

.ims-flow-card { background: #fff; border: 1px solid var(--ims-line); border-radius: 26px; display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; position: relative; }
.ims-flow-line { border-top: 1px dashed #b8c3c7; left: 13%; position: absolute; right: 13%; top: 103px; }
.ims-flow-card article { border-right: 1px solid var(--ims-line); min-height: 300px; padding: 28px; position: relative; }
.ims-flow-card article:last-child { border-right: 0; }
.ims-flow-card article > span { color: color-mix(in srgb, var(--ims-accent) 80%, #04566b); font-size: 10px; font-weight: 800; }
.ims-flow-icon { align-items: center; background: var(--ims-dark); border: 8px solid #fff; border-radius: 50%; color: var(--ims-accent); display: flex; font-size: 11px; font-weight: 800; height: 62px; justify-content: center; margin: 41px 0 27px -8px; position: relative; width: 62px; z-index: 2; }
.ims-flow-card h3 { font-size: 21px; margin: 0 0 10px; }
.ims-flow-card p { color: var(--ims-muted); font-size: 13px; line-height: 1.6; margin: 0; }
.ims-automation-note { align-items: center; border-bottom: 1px solid var(--ims-line); display: grid; gap: 8vw; grid-template-columns: .65fr 1.35fr; padding: 46px 0 4px; }
.ims-automation-note strong { font-size: 23px; }
.ims-automation-note p { color: var(--ims-muted); font-size: 16px; line-height: 1.65; }

.ims-webdesign { align-items: center; display: grid; gap: 8vw; grid-template-columns: 1.1fr .9fr; }
.ims-website-showcase { background: #e7ecee; border-radius: 25px; box-shadow: 0 30px 80px rgb(12 19 22 / 15%); min-height: 620px; overflow: visible; padding: 16px; position: relative; }
.ims-browser-bar { align-items: center; background: #151b1e; border-radius: 14px 14px 0 0; color: #7e8a90; display: flex; font-size: 9px; height: 42px; justify-content: center; position: relative; }
.ims-browser-dots { display: flex; gap: 5px; left: 15px; position: absolute; }
.ims-browser-dots i { background: #566166; border-radius: 50%; height: 6px; width: 6px; }
.ims-browser-content { background: #fafafa; border-radius: 0 0 14px 14px; height: 548px; overflow: hidden; }
.ims-browser-nav { align-items: center; display: flex; font-size: 9px; height: 56px; justify-content: space-between; padding: 0 26px; }
.ims-browser-nav > span { color: #7a8489; }
.ims-browser-nav > b { background: var(--ims-dark); border-radius: 5px; color: #fff; padding: 9px 13px; }
.ims-browser-hero { background: var(--ims-dark); color: #fff; display: grid; gap: 24px; grid-template-columns: 1.2fr .8fr; min-height: 360px; padding: 50px 40px; }
.ims-browser-hero small { color: var(--ims-accent); font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.ims-browser-hero strong { display: block; font-size: clamp(27px, 3vw, 48px); letter-spacing: -.055em; line-height: 1; margin-top: 24px; }
.ims-browser-hero p { color: #9ca8ad; font-size: 11px; line-height: 1.6; }
.ims-browser-hero div > b { background: var(--ims-accent); border-radius: 7px; color: var(--ims-dark); display: inline-block; font-size: 9px; margin-top: 12px; padding: 12px 16px; }
.ims-browser-hero > i { align-self: center; background: radial-gradient(circle at 62% 38%, var(--ims-accent), transparent 5%), linear-gradient(135deg, #262f33, #111618 55%, color-mix(in srgb, var(--ims-accent) 35%, #12323c)); border: 1px solid #344045; border-radius: 50% 50% 16px 50%; display: block; height: 230px; }
.ims-browser-stats { display: grid; grid-template-columns: repeat(3, 1fr); padding: 33px 28px; }
.ims-browser-stats span { border-right: 1px solid var(--ims-line); color: #657178; font-size: 10px; text-align: center; }
.ims-browser-stats span:last-child { border-right: 0; }
.ims-mobile-device { background: #fff; border: 7px solid #111719; border-radius: 27px; bottom: -42px; box-shadow: 0 22px 50px rgb(0 0 0 / 26%); height: 332px; padding: 22px 16px; position: absolute; right: -28px; width: 165px; }
.ims-mobile-notch { background: #111719; border-radius: 0 0 10px 10px; height: 10px; left: 51px; position: absolute; top: -2px; width: 52px; }
.ims-mobile-device small { font-size: 8px; font-weight: 800; }
.ims-mobile-device > i { background: linear-gradient(145deg, #182126, #0c1012 60%, color-mix(in srgb, var(--ims-accent) 75%, #064b5e)); border-radius: 12px; display: block; height: 118px; margin: 18px 0; }
.ims-mobile-device > strong { display: block; font-size: 17px; letter-spacing: -.05em; line-height: 1.05; }
.ims-mobile-device > b { background: var(--ims-accent); border-radius: 5px; display: block; font-size: 8px; margin-top: 16px; padding: 9px; text-align: center; }
.ims-webdesign-copy > .ims-lead { color: var(--ims-muted); font-size: 18px; line-height: 1.68; margin: 28px 0 38px; }
.ims-simple-list { border-top: 1px solid var(--ims-line); list-style: none; margin: 0; padding: 0; }
.ims-simple-list li { align-items: center; border-bottom: 1px solid var(--ims-line); display: flex; font-size: 14px; font-weight: 700; gap: 18px; padding: 18px 0; }
.ims-simple-list span { color: color-mix(in srgb, var(--ims-accent) 80%, #04566b); font-size: 10px; }

.ims-product-grid { display: grid; gap: 22px; grid-template-columns: 1fr 1fr; }
.ims-product-card { border-radius: 28px; min-height: 720px; overflow: hidden; padding: 42px; position: relative; }
.ims-food-card { background: var(--ims-accent); }
.ims-system-card { background: var(--ims-dark); color: #fff; }
.ims-product-brand { align-items: baseline; display: flex; }
.ims-product-brand span { font-size: 28px; font-weight: 800; letter-spacing: -.07em; }
.ims-product-brand small { font-size: 17px; font-style: italic; margin-left: 6px; }
.ims-system-card .ims-product-brand small { color: var(--ims-accent); }
.ims-product-card h3 { font-size: clamp(36px, 3.5vw, 54px); letter-spacing: -.055em; line-height: 1.02; margin: 42px 0 20px; max-width: 560px; }
.ims-product-card > p { color: rgb(7 42 52 / 75%); line-height: 1.65; max-width: 560px; }
.ims-system-card > p { color: #9ca8ae; }
.ims-product-card ul { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; list-style: none; margin: 30px 0; max-width: 560px; padding: 0; }
.ims-product-card li { font-size: 12px; font-weight: 700; }
.ims-product-card li::before { content: "✓"; margin-right: 7px; }
.ims-product-card > a { border-bottom: 1px solid currentColor; display: inline-flex; font-size: 13px; font-weight: 800; gap: 38px; padding-bottom: 8px; }
.ims-food-ui { bottom: -35px; height: 310px; left: 42px; position: absolute; right: 42px; }
.ims-food-screen { background: #fff; border: 8px solid #101719; border-radius: 22px 22px 0 0; bottom: 0; box-shadow: 0 28px 60px rgb(0 0 0 / 25%); height: 280px; left: 10%; padding: 18px; position: absolute; right: 10%; }
.ims-food-top { background: #111719; border-radius: 7px; height: 32px; margin-bottom: 16px; }
.ims-food-screen > i { background: linear-gradient(135deg, #ffd166, #f97316); border-radius: 9px; display: block; float: left; height: 165px; margin-right: 16px; width: 42%; }
.ims-food-screen > b { background: #e7ecee; border-radius: 5px; display: block; height: 20px; margin-bottom: 12px; }
.ims-food-screen > b:last-child { background: var(--ims-accent); height: 38px; margin-top: 28px; }
.ims-order-chip { align-items: center; background: #fff; border-radius: 12px; box-shadow: 0 17px 36px rgb(0 0 0 / 22%); display: flex; font-size: 10px; font-weight: 800; gap: 9px; padding: 11px 15px; position: absolute; right: 0; top: 50px; }
.ims-order-chip i { align-items: center; background: #3ecf78; border-radius: 50%; display: flex; font-size: 9px; font-style: normal; height: 24px; justify-content: center; width: 24px; }
.ims-system-ui { background: #eef2f3; border: 8px solid #303a3f; border-radius: 22px 22px 0 0; bottom: -28px; box-shadow: 0 30px 70px rgb(0 0 0 / 45%); display: grid; grid-template-columns: 80px 1fr; height: 305px; left: 42px; overflow: hidden; position: absolute; right: 42px; }
.ims-system-sidebar { background: #151b1e; display: flex; flex-direction: column; gap: 16px; padding: 18px; }
.ims-system-sidebar i { background: var(--ims-accent); border-radius: 5px; height: 24px; }
.ims-system-sidebar b { background: #354045; border-radius: 4px; height: 8px; }
.ims-system-content { padding: 25px; }
.ims-system-content > span { background: #bfc8cc; border-radius: 5px; display: block; height: 20px; margin-bottom: 22px; width: 38%; }
.ims-system-content > div { display: grid; gap: 9px; grid-template-columns: repeat(3, 1fr); }
.ims-system-content > div i { background: #fff; border: 1px solid #dce2e4; border-radius: 9px; height: 82px; }
.ims-system-content > b { background: #fff; border-radius: 8px; display: block; height: 18px; margin-top: 15px; }
.ims-system-content > b:last-child { width: 76%; }

.ims-method { background: var(--ims-dark); color: #fff; }
.ims-method .ims-section-heading > p { color: #9ba7ac; }
.ims-process-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.ims-process-grid article { border-left: 1px solid #354045; min-height: 270px; padding: 8px 30px 20px; }
.ims-process-grid article > span { color: var(--ims-accent); font-size: 11px; font-weight: 800; }
.ims-process-grid h3 { font-size: 24px; margin: 54px 0 14px; }
.ims-process-grid p { color: #98a4aa; font-size: 14px; line-height: 1.65; }
.ims-faq-list { border-top: 1px solid #cfd6d8; margin-left: 25%; }
.ims-faq-list details { border-bottom: 1px solid #cfd6d8; }
.ims-faq-list summary { align-items: center; cursor: pointer; display: flex; font-size: 20px; font-weight: 700; justify-content: space-between; list-style: none; padding: 24px 0; }
.ims-faq-list summary::-webkit-details-marker { display: none; }
.ims-faq-list summary span { color: var(--ims-accent); font-size: 28px; transition: transform .2s; }
.ims-faq-list details[open] summary span { transform: rotate(45deg); }
.ims-faq-list details p { color: var(--ims-muted); line-height: 1.7; margin: -5px 12% 26px 0; }
.ims-final-cta { background: var(--ims-accent); display: grid; gap: 7vw; grid-template-columns: 1.25fr .75fr; }
.ims-final-cta .ims-section-tag { color: #07556b; }
.ims-final-cta h2 { color: #061317; font-size: clamp(42px, 4.2vw, 68px); letter-spacing: -.058em; line-height: 1.04; margin: 25px 0 0; }
.ims-cta-action { align-self: end; }
.ims-cta-action > p { color: rgb(5 46 58 / 75%); font-size: 17px; line-height: 1.65; }
.ims-button-white { background: #fff; color: var(--ims-dark) !important; margin: 18px 0; width: 100%; }
.ims-button-white:hover { background: var(--ims-dark); color: #fff !important; }
.ims-cta-action small { color: rgb(5 46 58 / 68%); display: block; font-size: 11px; }
.ims-footer { background: var(--ims-dark); color: #829097; display: grid; gap: 44px; grid-template-columns: 1fr auto; padding: 58px 6vw 34px; }
.ims-footer-brand { align-items: center; display: flex; gap: 28px; }
.ims-footer-brand > p { border-left: 1px solid #333d41; font-size: 12px; padding-left: 28px; }
.ims-footer-contact { align-items: flex-end; display: flex; flex-direction: column; font-size: 12px; gap: 8px; }
.ims-footer-contact a:hover { color: #fff; }
.ims-footer-bottom { border-top: 1px solid #2e373b; display: flex; font-size: 10px; grid-column: 1 / -1; justify-content: space-between; padding-top: 22px; }
.ims-whatsapp-float { align-items: center; background: #25d366; border-radius: 30px; bottom: 22px; box-shadow: 0 14px 35px rgb(0 0 0 / 24%); color: #082d16 !important; display: flex; gap: 10px; opacity: 0; padding: 9px 16px 9px 9px; pointer-events: none; position: fixed; right: 22px; transform: translateY(18px); transition: .2s; z-index: 1000; }
.ims-whatsapp-float.is-visible { opacity: 1; pointer-events: auto; transform: none; }
.ims-whatsapp-float span { align-items: center; background: #fff; border-radius: 50%; display: flex; font-size: 10px; font-weight: 900; height: 34px; justify-content: center; width: 34px; }
.ims-whatsapp-float b { font-size: 12px; }

@media (max-width: 1080px) {
  .ims-header { grid-template-columns: 1fr auto; }
  .ims-nav { display: none; }
  .ims-menu-toggle { display: block; grid-column: 2; grid-row: 1; justify-self: end; margin-right: 180px; }
  .ims-nav.is-open { background: #111719; display: flex; flex-direction: column; gap: 0; left: 0; padding: 12px 5vw 24px; position: absolute; right: 0; top: 82px; }
  .ims-nav.is-open a { border-bottom: 1px solid #2d363a; padding: 17px 0; }
  .ims-hero { grid-template-columns: 1fr; }
  .ims-hero-copy { padding: 0 0 70px; }
  .ims-hero-system { min-height: 600px; transform: none; }
  .ims-performance,
  .ims-webdesign { gap: 80px; grid-template-columns: 1fr; }
  .ims-flow-card,
  .ims-process-grid { grid-template-columns: 1fr 1fr; }
  .ims-flow-card article:nth-child(2) { border-right: 0; }
  .ims-flow-card article:nth-child(-n + 2) { border-bottom: 1px solid var(--ims-line); }
  .ims-flow-line { display: none; }
  .ims-product-grid { grid-template-columns: 1fr; }
  .ims-product-card { min-height: 730px; }
}

@media (max-width: 700px) {
  .ims-header { height: 70px; padding: 0 20px; }
  .ims-header .ims-brand span { font-size: 24px; }
  .ims-header .ims-brand small { font-size: 14px; }
  .ims-header .ims-brand img { height: 34px; max-width: 150px; }
  .ims-menu-toggle { margin-right: 0; }
  .ims-header-cta { display: none; }
  .ims-nav.is-open { top: 70px; }
  .ims-hero,
  .ims-header.is-fixed + main .ims-hero { min-height: auto; padding: 120px 22px 65px; }
  .ims-header:not(.is-fixed) + main .ims-hero { padding-top: 60px; }
  .ims-hero h1 { font-size: 51px; }
  .ims-hero-lead { font-size: 16px; }
  .ims-hero-actions { align-items: stretch; flex-direction: column; }
  .ims-proof { align-items: flex-start; flex-direction: column; gap: 10px; }
  .ims-hero-system { border-radius: 18px; min-height: 640px; }
  .ims-system-body { padding: 22px; }
  .ims-system-intro strong { font-size: 27px; }
  .ims-metric-grid { grid-template-columns: 1fr; }
  .ims-metric-card { height: 145px; }
  .ims-float-note { bottom: 20px; left: 12px; }
  .ims-statement,
  .ims-solutions,
  .ims-performance,
  .ims-automation,
  .ims-webdesign,
  .ims-products,
  .ims-method,
  .ims-faq,
  .ims-final-cta { padding: 80px 22px; }
  .ims-statement h2 { font-size: 42px; }
  .ims-statement-grid,
  .ims-section-heading,
  .ims-automation-note,
  .ims-final-cta { gap: 30px; grid-template-columns: 1fr; }
  .ims-statement-grid { padding-top: 28px; }
  .ims-statement-grid p { font-size: 17px; }
  .ims-section-heading { margin-bottom: 45px; }
  .ims-service-grid,
  .ims-flow-card,
  .ims-process-grid { border-left: 0; grid-template-columns: 1fr; }
  .ims-service-grid article { border-left: 1px solid #d7dddf; border-top: 0; min-height: 300px; padding: 28px; }
  .ims-service-grid article:first-child { border-top: 1px solid #d7dddf; }
  .ims-campaign-panel { border-radius: 18px; }
  .ims-panel-main { padding: 12px; }
  .ims-chart { height: 145px; }
  .ims-flow-card article,
  .ims-flow-card article:nth-child(2) { border-bottom: 1px solid var(--ims-line); border-right: 0; min-height: 260px; }
  .ims-flow-card article:last-child { border-bottom: 0; }
  .ims-webdesign { padding-left: 0; padding-right: 0; }
  .ims-website-showcase { border-radius: 0; min-height: 520px; padding: 10px; }
  .ims-browser-content { height: 455px; }
  .ims-browser-hero { grid-template-columns: 1fr; min-height: 320px; padding: 35px 24px; }
  .ims-browser-hero > i { display: none; }
  .ims-mobile-device { bottom: -20px; right: 8px; transform: scale(.86); transform-origin: bottom right; }
  .ims-webdesign-copy { padding: 0 22px; }
  .ims-product-card { border-radius: 20px; min-height: 760px; padding: 30px; }
  .ims-product-card ul { grid-template-columns: 1fr; }
  .ims-food-ui,
  .ims-system-ui { left: 20px; right: 20px; }
  .ims-food-screen { left: 0; right: 0; }
  .ims-process-grid article { border-bottom: 1px solid #354045; border-left: 0; min-height: auto; padding: 28px 0; }
  .ims-process-grid h3 { margin-top: 30px; }
  .ims-faq-list { margin-left: 0; }
  .ims-faq-list summary { font-size: 17px; }
  .ims-footer { grid-template-columns: 1fr; }
  .ims-footer-brand { align-items: flex-start; flex-direction: column; }
  .ims-footer-brand > p { border-left: 0; margin: 0; padding-left: 0; }
  .ims-footer-contact { align-items: flex-start; }
  .ims-whatsapp-float b { display: none; }
  .ims-whatsapp-float { padding: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .ims-site { scroll-behavior: auto; }
  .ims-button,
  .ims-whatsapp-float { transition: none; }
}