/* ── Alliance No.2 — PeakControl's own typeface ─────────────────────── */
@font-face { font-family: "Alliance No.2"; src: url("assets/fonts/AllianceNo2-Regular.woff") format("woff"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Alliance No.2"; src: url("assets/fonts/AllianceNo2-Medium.woff") format("woff"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Alliance No.2"; src: url("assets/fonts/AllianceNo2-SemiBold.woff") format("woff"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Alliance No.2"; src: url("assets/fonts/AllianceNo2-Bold.woff") format("woff"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Alliance No.2"; src: url("assets/fonts/AllianceNo2-ExtraBold.woff") format("woff"); font-weight: 800; font-display: swap; }

/* ── Tokens — light, white/black-led, the brand blue and violet kept
   only as accents (buttons, data, active state). ─────────────────── */
:root {
  --bg: #f5f5f5;
  --bg-raised: #ffffff;
  --bg-sunken: #ebedf1;
  --line: rgba(13, 15, 23, 0.09);
  --line-strong: rgba(13, 15, 23, 0.16);
  --surface: rgba(13, 15, 23, 0.025);
  --surface-hover: rgba(13, 15, 23, 0.045);

  --ink: #121318;
  --ink-2: #585d6c;
  --ink-3: #8a8f9c;
  --ink-on-dark: #f5f6f8;

  --blue: #4455d6;
  --blue-ink: #3747c2;
  --blue-soft: rgba(68, 85, 214, 0.08);
  --violet: #7c4fd1;
  --violet-soft: rgba(124, 79, 209, 0.08);
  --ok: #1f8f6b;
  --warn: #a8660a;

  --r-sm: 3px;
  --r: 5px;
  --r-lg: 8px;

  --mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --sans: "Alliance No.2", "Segoe UI", ui-sans-serif, system-ui, -apple-system, Roboto, Arial, sans-serif;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  color-scheme: light;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: #000; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  position: relative;
  overflow-x: hidden;
}

/* Neutral glass-style text selection instead of the browser's default
   light-blue highlight — no color tint for now, just a soft frosted look. */
::selection { background: rgba(18, 19, 24, 0.14); color: inherit; }
.hero ::selection, .cta-band ::selection, .footer ::selection {
  background: rgba(245, 246, 248, 0.22); color: inherit;
}

/* The main page uses the exact flat grey from the supplied reference. */
.noise {
  display: none;
  position: fixed; inset: 0; z-index: 1; pointer-events: none;
  opacity: 0.025; mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

.bg-glow {
  display: none;
  position: fixed; top: -12%; left: 50%; transform: translateX(-50%);
  width: 1200px; height: 620px;
  background: radial-gradient(ellipse at center, rgba(68, 85, 214, 0.09), transparent 68%);
  pointer-events: none; z-index: 0;
}

.shell { max-width: 1180px; margin: 0 auto; padding: 0 28px; position: relative; z-index: 2; }
.shell-wide { max-width: 1480px; }

a { color: inherit; text-decoration: none; }
h1, h2, h3, h4, h5 { margin: 0; font-weight: 700; letter-spacing: -0.015em; text-wrap: balance; }
p { margin: 0; color: var(--ink-2); }
em { font-style: normal; color: var(--ink-3); }

/* ── Buttons ──────────────────────────────────────────────────────── */
.btn {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 11px 18px;
  font-family: var(--sans); font-size: 14px; font-weight: 600;
  border-radius: var(--r-sm); border: 1px solid transparent;
  cursor: pointer;
  transition: background-color 0.2s var(--ease), border-color 0.2s var(--ease), color 0.2s var(--ease), transform 0.2s var(--ease);
}
.btn svg { width: 15px; height: 15px; transition: transform 0.2s var(--ease); }
.btn:hover svg { transform: translateX(2px); }
.btn-primary { background: var(--ink); color: var(--bg); }
.btn-primary:hover { background: var(--blue-ink); }
.btn-ghost { background: transparent; border-color: var(--line-strong); color: var(--ink); }
.btn-ghost:hover { border-color: var(--blue); color: var(--blue-ink); }
.btn-lg { padding: 14px 24px; font-size: 15px; }
.btn-sm { padding: 8px 14px; font-size: 13px; }

/* ── Nav ──────────────────────────────────────────────────────────── */
/* The sticky header occupies its own row above the hero. Use opaque black
   so the light body cannot show through it at the top of the page. */
.nav {
  position: sticky; top: 0; z-index: 50;
  background: #000;
  backdrop-filter: blur(16px) saturate(160%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s ease;
}
/* Overrides .shell's centered max-width — the nav edges need to line up
   exactly with "Peak" and "Control" below, which use their own full-width
   padding, not the shell system. */
.nav-inner { display: flex; align-items: center; height: 64px; max-width: none; margin: 0; padding: 0 clamp(24px, 6vw, 96px); }
.brand { display: flex; align-items: center; }
.brand-logo { height: 20px; width: auto; display: block; filter: invert(1) brightness(1.6); }
.nav-cta { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.nav-cta .btn-ghost { border-color: rgba(245, 246, 248, 0.3); color: #f5f7f8; }
/* Glass hover instead of a color accent — a soft frosted highlight, not a tint. */
.nav-cta .btn-ghost:hover { background: rgba(245, 246, 248, 0.12); border-color: rgba(245, 246, 248, 0.55); color: #fff; }
.nav-cta .btn-primary { background: #f5f7f8; color: #0b0d10; }
.nav-cta .btn-primary:hover { background: #dbe3e5; }

.nav.on-light {
  background: rgba(245, 246, 248, 0.05);
  border-bottom-color: var(--line);
}
.nav.on-light .brand-logo { filter: none; }
.nav.on-light .nav-cta .btn-ghost { border-color: var(--line-strong); color: var(--ink); }
.nav.on-light .nav-cta .btn-ghost:hover { background: rgba(18, 19, 24, 0.05); border-color: var(--line-strong); color: var(--ink); }
.nav.on-light .nav-cta .btn-primary { background: var(--ink); color: var(--bg); }
.nav.on-light .nav-cta .btn-primary:hover { background: var(--blue-ink); }

/* ── Eyebrow / kicker ─────────────────────────────────────────────── */
.eyebrow {
  display: inline-flex; align-items: center; gap: 9px;
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.07em;
  color: var(--ink-3);
  padding-bottom: 18px;
}
.eyebrow .dot { width: 5px; height: 5px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 7px rgba(31,143,107,.5); flex-shrink: 0; }

.kicker {
  display: block; font-family: var(--mono); font-size: 11.5px; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--blue-ink); margin-bottom: 16px;
}

/* ── Intro — scroll-driven galaxy formation ───────────────────────────
   .intro is pure scroll runway (tall, no visual of its own); .hero is the
   sticky stage pinned inside it for the whole runway. galaxy.js reads
   scroll progress across .intro and drives every number below from that
   one value — camera, formation, wordmark drift/fade, statement reveal —
   so nothing here is a timed animation and scrolling back up reverses it.
   ───────────────────────────────────────────────────────────────────── */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

.intro { position: relative; height: 300vh; background: #000000; }
.intro.reduced { height: 100vh; }
.intro.reduced .intro-scrollcue { display: none; }
.hero {
  position: sticky; top: 0; overflow: hidden;
  height: 100vh;
  display: block;
}
/* An un-painted <canvas> defaults to transparent — if the nav's glass blur
   samples it before WebGL's first frame, it shows whatever is behind the
   canvas (the artifact viewer's own light skeleton, briefly) instead of
   our dark scene. A solid CSS background on the canvas itself removes
   that gap entirely, so the nav can be genuinely transparent safely. */
.hero-canvas { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; pointer-events: none; background: #000102; }
.hero-vignette {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    radial-gradient(ellipse 70% 60% at 50% 50%, transparent 55%, #000000 97%),
    linear-gradient(to bottom, rgba(0,0,0,.5) 0%, transparent 14%, transparent 80%, #000000 100%);
}

/* Peak / Control — quiet, architectural, no gradient/glow/stroke. JS sets
   transform + opacity per frame as the galaxy forms. */
.hero-wordmark {
  position: absolute; z-index: 2; inset: 0;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 clamp(24px, 6vw, 96px);
  pointer-events: none;
}
.hw {
  font-weight: 500; letter-spacing: -0.01em; line-height: 1;
  font-size: clamp(44px, 4.6vw, 80px);
  color: #f2f4f6;
  will-change: transform, opacity;
}

/* Statement — the "second section" of the same pinned sequence, hidden
   until the galaxy has formed and repositioned. */
.intro-statement {
  position: absolute; z-index: 2; left: 0; right: 0; bottom: 9vh;
  text-align: center;
  opacity: 0; transform: translateY(26px);
  pointer-events: none;
  will-change: transform, opacity;
}
.intro-statement .hero-tagline {
  margin: 0 auto; max-width: 720px;
  font-size: clamp(26px, 3.4vw, 42px); font-weight: 500;
  line-height: 1.22; letter-spacing: -0.015em; color: #f5f7f8;
}
.intro-statement .hero-sub {
  margin: 18px auto 0; max-width: 480px;
  font-size: 15.5px; line-height: 1.62; color: #aeb6bd;
}
.intro-statement .hero-cta { display: flex; gap: 12px; margin-top: 30px; justify-content: center; }
.intro-statement.on { pointer-events: auto; }
/* Monochrome glass — no colour tint, just frosted white-on-black. */
.intro-statement .btn-primary {
  background: rgba(245, 247, 248, 0.82);
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #0b0d10;
}
.intro-statement .btn-primary:hover { background: rgba(245, 247, 248, 0.96); }
.intro-statement .btn-ghost {
  background: rgba(245, 246, 248, 0.08);
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  border-color: rgba(245, 246, 248, 0.3);
  color: #f5f7f8;
}
.intro-statement .btn-ghost:hover {
  background: rgba(245, 246, 248, 0.16);
  border-color: rgba(245, 246, 248, 0.55);
  color: #fff;
}

.intro-scrollcue {
  position: absolute; z-index: 2; left: 50%; bottom: 28px; transform: translateX(-50%);
  width: 28px; height: 28px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid rgba(245, 246, 248, 0.18); color: rgba(245, 246, 248, 0.55);
  animation: cueBob 2.4s ease-in-out infinite;
}
.intro-scrollcue svg { width: 13px; height: 13px; }
@keyframes cueBob { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, 5px); } }

/* ── Sections ─────────────────────────────────────────────────────── */
/* Scale the Product and following sections down ~10%; zoom (not transform)
   keeps layout/geometry queries (canvas sizing, getBoundingClientRect)
   consistent with what's painted, so the WebGL sections stay correct. */
#prodotto, .integrations-section, #industries, .clients-section, .approach-section, .savings-section, .site-footer {
  
}
.section { padding: 110px 0; }
.section-alt { background: var(--bg-raised); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.section-head { max-width: 600px; margin: 0 auto 56px; text-align: center; }
.section-head.left { margin: 0; text-align: left; max-width: 420px; }
.section-head h2 { font-size: clamp(27px, 3vw, 36px); }
.section-head p { margin-top: 14px; font-size: 15.5px; line-height: 1.6; }

/* ── Agent carousel — a horizontal slider of orbs (ElevenLabs-style):
   the active agent's circle sits large and centered, its neighbours peek
   in dimmed and scaled down at the edges, cropped by the section's own
   width. Title, description and a row of task tags sit below, with
   arrows either side for manual navigation; it also auto-advances. */
#prodotto.section { position: relative; z-index: 2; background: var(--bg); padding: 32px 0 40px; scroll-margin-top: 84px; }
#prodotto .section-head { margin-bottom: 48px; max-width: 790px; }
#integrations .section-head { margin-bottom: 32px; max-width: 790px; }
#approach .section-head { margin-bottom: 0; max-width: 790px; }
#peakcontrol-film .section-head h2, #prodotto .section-head h2, #industries .section-head h2, #mission .section-head h2, #integrations .section-head h2, #approach .section-head h2 { font-size: clamp(34px, 3.5vw, 54px); font-weight: 400; letter-spacing: -.045em; line-height: 1.12; }
#peakcontrol-film .kicker, #prodotto .kicker, #industries .kicker, #mission .kicker, #integrations .kicker { color: #606568; margin-bottom: 22px; letter-spacing: .09em; }

/* Jump-to-agent tab bar — a single pill-shaped segmented control above
   the carousel. Its active tab always mirrors the carousel's current
   agent, whichever triggered the change (tab click, arrow, circle click
   or autoplay), and clicking a tab jumps the carousel straight there. */
/* An outer frame in the site's standard neutral grey/white (matching the
   industry cards' #fff-on-border treatment) so the bar reads as one
   grouped control sitting on the white section — it was nearly invisible
   before (white-tinted glass on a white background). */
.agent-tabbar {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 1px; max-width: 100%;
  margin: 0 auto 22px; padding: 4px;
  background: var(--bg);
  border: 1px solid #dddfe0;
  border-radius: 999px;
  width: fit-content;
}
.agent-tab {
  font-family: var(--sans); font-size: 12px; font-weight: 500; color: var(--ink-3);
  white-space: nowrap; border: none; background: none; cursor: pointer;
  padding: 7px 13px; border-radius: 999px;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.agent-tab:hover { color: var(--ink-2); }
.agent-tab.active {
  color: var(--ink); background: #fff;
  box-shadow: 0 1px 3px rgba(18, 19, 24, 0.08);
}

.agent-carousel { position: relative; }

.agent-track {
  display: flex; align-items: center; justify-content: flex-start;
  gap: clamp(16px, 2.6vw, 32px);
  padding: 14px 0 12px;
  will-change: transform;
  /* No width:100vw/negative-margin breakout — body already has
     overflow-x:hidden, so the overflowing flex row (11 circles, far wider
     than .agent-carousel) just renders past the carousel's own box with
     no clipping needed. That also avoids the breakout's real bug: `vw`
     units include the scrollbar's width while the JS centered against
     document.documentElement.clientWidth (which excludes it) — consistent
     with no visible scrollbar, off by the scrollbar's width whenever one
     was actually showing. Centering against .agent-carousel's own
     measured rect (below) sidesteps the mismatch entirely. */
}
.agent-circle {
  position: relative; flex-shrink: 0; border-radius: 999px; overflow: hidden;
  width: clamp(150px, 16vw, 230px); aspect-ratio: 1;
  transform: scale(0.6); opacity: 0.05; filter: saturate(0.4);
  cursor: pointer; border: none; padding: 0; background: none;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s ease, filter 0.5s ease;
}
.agent-circle canvas { display: block; width: 100%; height: 100%; }
.agent-circle[data-distance="0"] { transform: scale(1.14); opacity: 1; filter: none; cursor: default; }
.agent-circle[data-distance="1"] { transform: scale(0.76); opacity: 0.5; filter: saturate(0.65); }
.agent-circle[data-distance="2"] { transform: scale(0.44); opacity: 0.14; filter: saturate(0.4); }
@media (prefers-reduced-motion: reduce) {
  .agent-circle { transition: opacity 0.3s ease; }
}

.agent-info {
  display: flex; align-items: flex-start; justify-content: center; gap: 16px;
  max-width: 600px; margin: 0 auto; text-align: center;
}
.agent-info-text {
  flex: 1; min-width: 0;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 18px;
  padding: 18px 26px 20px;
  box-shadow: 0 20px 50px rgba(18, 19, 24, 0.07);
}
.agent-arrow { flex-shrink: 0; margin-top: 8px; }

.agent-panel-kicker {
  display: block; font-family: var(--sans); font-weight: 600; font-size: 24px; letter-spacing: -0.01em;
  text-transform: none; color: var(--ink); margin-bottom: 12px;
  /* Apple-style gradual crossfade on agent switch — eased, not linear,
     and with a touch of vertical settle rather than a flat fade. */
  transition: opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1), transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
.agent-panel-kicker.is-switching { opacity: 0; transform: translateY(6px); }
.agent-panel-body {
  color: var(--ink-2); font-size: 13.5px; line-height: 1.55; margin: 0;
  transition: opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1), transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
.agent-panel-body.is-switching { opacity: 0; transform: translateY(6px); }

.agent-tasks {
  display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;
  margin-top: 13px;
  transition: opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1), transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
.agent-tasks.is-switching { opacity: 0; transform: translateY(6px); }
.agent-tasks span {
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.02em;
  padding: 6px 12px; border-radius: 999px;
  border: 1px solid var(--line-strong); background: var(--bg-raised);
  color: var(--ink-2);
}
/* Industries: oversized technical drawings, native horizontal navigation. */
#industries { position: relative; z-index: 2; background: var(--bg); border: 0; padding: 90px 0 82px; overflow: hidden; }
#industries .section-head { margin: 0; max-width: 790px; }
.industry-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 45px; margin-bottom: 48px; }
.industry-navigation { display: flex; align-items: center; gap: 28px; padding-bottom: 5px; }
.industry-position { font: 10px var(--mono); color: #5f6669; letter-spacing: .12em; white-space: nowrap; }
.industry-arrows { display: flex; gap: 10px; flex-shrink: 0; }
.industry-arrow { display: grid; place-items: center; width: 49px; height: 49px; border-radius: 50%; padding: 0; background: transparent; border: 1px solid #b8bdbe; color: #4c5357; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.industry-arrow svg { width: 19px; height: 19px; }
.industry-arrow:hover:not(:disabled) { background: #171d20; border-color: #171d20; color: #fff; }
.industry-arrow:disabled { opacity: .28; cursor: default; }
/* Now a direct child of #industries (full viewport width, no shell
   wrapper) instead of nested inside .shell-wide — it used to be capped at
   the shell's ~1332px content width, so on wide screens the carousel hit
   a hard wall with ~300px+ of unused viewport beside it instead of
   continuing to scroll. The old negative-margin breakout (calibrated to
   cancel the shell's own 28px padding) no longer applies either, since
   there's no shell padding here to cancel — plain 28px padding on both
   sides now aligns the first card with the heading above and gives the
   last card the same breathing room at full scroll. */
/* Side padding matches the shell's own inset exactly (28px flat below the
   shell's 1480px cap, then growing with the centering margin beyond it).
   #industries carries the site-wide `` (see the zoom rule above),
   which a plain (100vw - 1480px)/2 calc doesn't account for: `vw` always
   resolves against the real, unzoomed viewport, while the shell's own
   margin:auto centering happens inside the zoomed element's own (larger,
   viewport/0.9) coordinate system — so a vw-based gutter and the shell's
   centering drift apart as the viewport widens. Dividing by the zoom
   factor (1.8 = 2 * 0.9) before subtracting the zoomed shell width
   (1332 = 1480 * 0.9, folded into the 712 constant = 1332/1.8) converts
   the calc into the same zoomed coordinate system the shell itself uses,
   so the two stay aligned at every width — verified at 1366/1600/1920px. */
.industry-cards {
  display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory;
  --industry-gutter: max(28px, calc(100vw / 1.8 - 712px));
  scroll-padding-inline: var(--industry-gutter);
  padding: 3px var(--industry-gutter) 12px;
  scrollbar-width: none; overscroll-behavior-x: contain;
}
.industry-cards::-webkit-scrollbar { display: none; }
.industry-card { position: relative; flex: 0 0 clamp(290px, 25vw, 380px); aspect-ratio: .64; scroll-snap-align: start; background: #fff; border: 1px solid #dddfe0; border-radius: 9px; padding: 33px 29px; text-align: left; cursor: pointer; overflow: hidden; font-family: var(--sans); color: #171d20; transition: border-color .3s, box-shadow .3s; }
.industry-card:hover, .industry-card:focus-visible { border-color: #aeb8bd; }
.industry-card:focus-visible, .industry-arrow:focus-visible, .industry-cards:focus-visible { outline: 2px solid #647680; outline-offset: 3px; }
.industry-card-number { position: absolute; top: 15px; right: 17px; font: 9px var(--mono); letter-spacing: .06em; color: #6b7276; }
.industry-card-title { position: absolute; top: 34px; left: 29px; right: 24px; z-index: 2; display: block; font-size: clamp(23px, 1.85vw, 29px); line-height: 1.17; font-weight: 400; letter-spacing: -.035em; color: #191d20; }
.industry-card-art { position: absolute; width: 114%; height: calc(100% - 135px); bottom: 39px; right: -9%; color: #9da9b2; opacity: .90; transform-origin: 55% 65%; transition: transform .75s cubic-bezier(.22,1,.36,1), color .5s, opacity .5s; pointer-events: none; }
.industry-card:hover .industry-card-art, .industry-card:focus-visible .industry-card-art { transform: translateY(-5px) scale(1.035); color: #73838e; opacity: 1; }
.industry-card-footer { position: absolute; left: 28px; right: 25px; bottom: 19px; display: flex; align-items: center; justify-content: space-between; z-index: 4; color: #6e777c; font-size: 10px; letter-spacing: .015em; }
.industry-card-plus { display: grid; place-items: center; width: 25px; height: 25px; font-size: 23px; font-weight: 400; transition: transform .35s; }
.industry-card-desc { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; padding: 58px 29px 68px; font-size: 14px; line-height: 1.7; color: #4b555b; background: linear-gradient(0deg,#fff 0%,#fff 84%,#ffffff00 100%); opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity .3s, transform .4s, visibility .3s; pointer-events: none; }
.industry-detail-label { display: block; margin-bottom: 13px; font: 8px var(--mono); color: #7d898f; letter-spacing: .09em; }
.industry-card.is-active .industry-card-desc { opacity: 1; visibility: visible; transform: translateY(0); }
.industry-card.is-active .industry-card-art { transform: translateY(-28px) scale(1.03); opacity: .32; }
.industry-card.is-active .industry-card-plus { transform: rotate(45deg); }
@media (max-width: 980px) {
  #industries .industry-head { flex-direction: row; align-items: flex-end; gap: 25px; }
  #prodotto .section-head, #industries .section-head { max-width: 620px; }
  .industry-navigation { gap: 16px; }
  .industry-position { display: none; }
}
@media (max-width: 600px) {
  #industries { padding: 58px 0 48px; }
  #industries .industry-head { flex-wrap: wrap; gap: 23px; margin-bottom: 26px; }
  #prodotto .kicker, #industries .kicker, #mission .kicker { margin-bottom: 16px; }
  .industry-navigation { width: 100%; justify-content: space-between; }
  .industry-position { display: block; }
  .industry-arrow { width: 39px; height: 39px; }
  .industry-cards { gap: 14px; }
  .industry-card { flex-basis: min(79vw, 330px); aspect-ratio: .70; padding: 28px 24px; }
  .industry-card-title { left: 24px; top: 30px; font-size: 25px; }
  .industry-card-art { height: calc(100% - 128px); }
  .industry-card-desc { font-size: 13px; padding-left: 24px; padding-right: 24px; }
  .industry-card-footer { left: 24px; right: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  #industries *, #industries *::before, #industries *::after { transition: none !important; scroll-behavior: auto !important; }
}

/* ── Sicurezza ────────────────────────────────────────────────────── */
.sicurezza-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 64px; align-items: start; }
.trust-list { display: flex; flex-direction: column; gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.trust-item { display: flex; gap: 20px; padding: 26px; background: var(--bg-raised); }
.trust-num { font-family: var(--mono); font-size: 12px; color: var(--ink-3); flex-shrink: 0; padding-top: 2px; }
.trust-item h4 { font-size: 15px; margin-bottom: 7px; }
.trust-item p { font-size: 14px; line-height: 1.6; }

/* ── Fit grid (per chi è) ─────────────────────────────────────────── */
.fit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.fit-item { background: var(--bg); padding: 30px 26px; }
.fit-item svg { width: 24px; height: 24px; color: var(--blue-ink); margin-bottom: 18px; }
.fit-item p { font-size: 14.5px; line-height: 1.6; color: var(--ink-2); }

/* ── Calculator ───────────────────────────────────────────────────── */
.calc {
  display: grid; grid-template-columns: 1fr 0.85fr; gap: 1px;
  background: var(--line); border: 1px solid var(--line); border-radius: var(--r-lg);
  overflow: hidden; box-shadow: 0 20px 50px rgba(18, 19, 24, 0.06);
}
.calc-inputs { background: var(--bg-raised); padding: 36px; display: flex; flex-direction: column; gap: 26px; }
.calc-field { display: flex; flex-direction: column; gap: 10px; }
.calc-field-head { display: flex; justify-content: space-between; align-items: baseline; }
.calc-field label { font-size: 13.5px; color: var(--ink-2); font-weight: 500; }
.calc-field output { font-family: var(--mono); font-size: 14px; color: var(--blue-ink); font-weight: 600; font-variant-numeric: tabular-nums; }
.calc-field input[type="range"] {
  -webkit-appearance: none; width: 100%; height: 4px; border-radius: 2px;
  background: var(--line-strong); outline: none; cursor: pointer;
}
.calc-field input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; width: 16px; height: 16px; border-radius: 50%;
  background: var(--blue); border: 2px solid var(--bg-raised); box-shadow: 0 0 0 1px var(--blue);
  cursor: pointer;
}
.calc-field input[type="range"]::-moz-range-thumb {
  width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--bg-raised);
  background: var(--blue); box-shadow: 0 0 0 1px var(--blue); cursor: pointer;
}
.calc-note { font-size: 12px; color: var(--ink-3); line-height: 1.5; padding-top: 6px; border-top: 1px dashed var(--line); }

.calc-output { background: var(--bg-sunken); padding: 36px; display: flex; flex-direction: column; justify-content: center; gap: 22px; }
.calc-row { display: flex; justify-content: space-between; align-items: baseline; }
.calc-row span { font-size: 13.5px; color: var(--ink-2); }
.calc-row b { font-family: var(--mono); font-size: 18px; color: var(--ink); font-variant-numeric: tabular-nums; }
.calc-result {
  margin-top: 4px; padding-top: 22px; border-top: 1px solid var(--line-strong);
  display: flex; flex-direction: column; gap: 6px;
}
.calc-result span { font-family: var(--mono); font-size: 11.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); }
.calc-result b { font-family: var(--mono); font-size: 40px; font-weight: 700; color: var(--blue-ink); line-height: 1; font-variant-numeric: tabular-nums; }
.calc-result em { font-size: 13px; color: var(--ink-3); }

/* ── CTA band ─────────────────────────────────────────────────────── */
.cta-band { padding: 0 28px 130px; }
.cta-card {
  border: 1px solid var(--line); border-radius: var(--r-lg);
  background: radial-gradient(ellipse 120% 160% at 50% -20%, rgba(68,85,214,.08), transparent 60%), var(--bg-raised);
  padding: 72px 40px; text-align: center;
  display: flex; flex-direction: column; align-items: center;
  box-shadow: 0 30px 70px rgba(18, 19, 24, 0.07);
}
.cta-card h2 { font-size: clamp(26px, 3vw, 34px); margin-top: 4px; }
.cta-card p { margin-top: 12px; font-size: 16px; }
.cta-card .btn { margin-top: 30px; }

/* ── Footer ───────────────────────────────────────────────────────── */
.footer { border-top: 1px solid var(--line); padding-top: 64px; background: var(--bg-raised); }
.footer-inner { display: grid; grid-template-columns: 1.2fr 2fr; gap: 60px; padding-bottom: 56px; }
.footer-brand p { margin-top: 16px; font-size: 14px; max-width: 280px; line-height: 1.6; }
.footer-mail { display: inline-block; margin-top: 14px; font-family: var(--mono); font-size: 13px; color: var(--blue-ink); }
.footer-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; }
.footer-col { display: flex; flex-direction: column; gap: 12px; }
.footer-col h5 { font-family: var(--mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 4px; }
.footer-col a { font-size: 14px; color: var(--ink-2); transition: color 0.15s ease; }
.footer-col a:hover { color: var(--ink); }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; padding: 22px 28px; border-top: 1px solid var(--line); font-family: var(--mono); font-size: 12px; color: var(--ink-3); }
.footer-legal { display: flex; gap: 20px; }
.footer-legal a:hover { color: var(--ink); }

/* ── Dark sections — hero and the bottom band flip to black, the body
   uses the reference light grey between them. Same components, scoped token overrides, so
   nothing below needs its own dark CSS. ──────────────────────────────── */
.hero,
.cta-band,
.footer {
  --bg: #000000;
  --bg-raised: #121317;
  --bg-sunken: #1a1b1f;
  --line: rgba(245, 246, 248, 0.12);
  --line-strong: rgba(245, 246, 248, 0.22);
  --surface: rgba(245, 246, 248, 0.05);
  --surface-hover: rgba(245, 246, 248, 0.08);
  --ink: #f5f6f8;
  --ink-2: #b4b8c2;
  --ink-3: #797d87;
  --blue: #6677e8;
  --blue-ink: #8e9af7;
  --violet: #9d7ae0;
  --violet-soft: rgba(157, 122, 224, 0.16);
  --blue-soft: rgba(102, 119, 232, 0.16);
  background: var(--bg);
  color: var(--ink);
}
.footer { border-top-color: var(--line); }
.cta-band .cta-card { box-shadow: 0 30px 70px rgba(0, 0, 0, 0.45); }

/* ── Reveal-on-scroll ─────────────────────────────────────────────── */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.7s var(--ease), transform 0.7s var(--ease); }
.reveal.in { opacity: 1; transform: translateY(0); }

/* ── Responsive ───────────────────────────────────────────────────── */
@media (max-width: 980px) {
  .hero-wordmark { padding: 0 clamp(18px, 5vw, 48px); }
  .agent-info { max-width: 92vw; }
  /* Desktop-only — the jump-to-agent bar is one more thing to scroll past
     on tablet/phone, where the carousel's own arrows already cover
     navigation. */
  .agent-tabbar { display: none; }
  .industry-head { align-items: flex-start; flex-direction: column; gap: 16px; }
  .sicurezza-grid { grid-template-columns: 1fr; gap: 40px; }
  .fit-grid { grid-template-columns: 1fr; }
  .calc { grid-template-columns: 1fr; }
  .footer-inner { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 720px) {
  .nav-cta { gap: 8px; }
  .nav-cta .btn-sm { padding: 7px 11px; font-size: 12.5px; }
  .footer-cols { grid-template-columns: 1fr; gap: 24px; }
  .footer-bottom { flex-direction: column; gap: 10px; text-align: center; }

  /* Both headings share one style; shrunk together here (not just
     Industries) so they stay matched — this is the size the longer
     "Built for the industries..." string needs to hold at two lines on a
     phone-width screen. */
  #peakcontrol-film .section-head h2, #prodotto .section-head h2, #industries .section-head h2, #mission .section-head h2 { font-size: 34px; max-width: 340px; }

  /* More vertical air on phone specifically — the single big sphere
     (no peeking neighbours here) has room to spare, so give the whole
     stack more breathing room than the denser desktop/tablet carousel. */
  #prodotto.section { padding: 44px 0 52px; }
  #prodotto .section-head { margin-bottom: 26px; }
  .agent-track { padding: 24px 0 28px; }
  .agent-info { margin-top: 10px; }

  /* Phone: no peeking neighbours — just the one active sphere, bigger,
     since there's no room for the carousel's side-peek effect. The other
     10 circles stay in the DOM (so the slide/centering logic in script.js
     needs no phone-specific branch) but go fully invisible and
     untappable. */
  .agent-circle:not([data-distance="0"]) { opacity: 0 !important; pointer-events: none; }
  /* Bigger via transform:scale, not width — the centering math in
     script.js reads one circle's layout width to compute the step
     between circles and assumes it's uniform across all of them (true
     everywhere else, since only transform varies by distance). Changing
     width here specifically broke that assumption and threw the active
     circle off-center. */
  .agent-circle[data-distance="0"] { transform: scale(1.85); }

  /* Diagonal placement on narrow screens, per the composition spec:
     Peak upper-left, Control lower-right, instead of a cramped row. */
  .hero-wordmark { display: block; padding: 0; }
  .hw { position: absolute; font-size: clamp(30px, 9vw, 48px); }
  .hw-peak { top: 18vh; left: 22px; }
  .hw-control { bottom: 20vh; right: 22px; }
  .intro-statement { bottom: 6vh; padding: 0 20px; }
}

/* Hero refinements only; the existing page composition is retained. */
.intro.reduced .hero-wordmark { display: none; }
.intro.reduced .hero-canvas { height: 45%; }
.intro.reduced .intro-statement { opacity: 1; transform: none; pointer-events: auto; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }
}

/* Pre-rendered 360° loops retain vector fallbacks until each video is ready.
   object-fit:cover (not contain) so the video always fills the box edge to
   edge with no letterbox bars — that's what keeps the white background
   seamless with the card instead of showing a visible rectangle. */
.industry-model-canvas {
  position: absolute; left: 5%; bottom: 49px; width: 90%; height: calc(100% - 160px);
  object-fit: cover; background: #fff;
  pointer-events: none; opacity: 0; transition: opacity .35s; z-index: 1;
}
.industry-card.has-model .industry-model-canvas { opacity: 1; }
.industry-card.has-model .industry-card-art { visibility: hidden; }
.industry-model-hint {
  position: absolute; right: 27px; bottom: 61px; font: 9px var(--mono);
  letter-spacing: .08em; color: #909ca4; opacity: 0; transition: opacity .3s; pointer-events: none;
}
.industry-card.has-model .industry-model-hint { opacity: .65; }
.industry-card.model-turning .industry-model-hint { opacity: 1; color: #536975; }
.industry-card.is-active .industry-model-canvas { opacity: .22; }
.industry-card.is-active .industry-model-hint { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .industry-model-canvas, .industry-model-hint { transition: none; }
  .industry-card.has-model .industry-model-hint { display: none; }
}

.industry-card-art.industry-tesla-fallback, .industry-card-art.industry-plane-fallback, .industry-card-art.industry-molecule-fallback, .industry-card-art.industry-robot-fallback { left: 5%; right: auto; bottom: 49px; width: 90%; height: calc(100% - 160px); object-fit: contain; opacity: 1; }

/* Mission — paired editorial and film cards, with the supplied image as a poster. */
.mission-section { padding: 20px clamp(18px, 2vw, 32px) 64px; background: var(--bg); scroll-margin-top: 85px; }
.mission-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(18px, 1.5vw, 28px); }
.mission-copy, .mission-media { min-height: clamp(580px, 49vw, 820px); border: 1px solid #e1e2e3; border-radius: 11px; overflow: hidden; }
.mission-copy { display: flex; flex-direction: column; align-items: flex-start; background: #fff; padding: clamp(28px, 3.1vw, 60px); }
.mission-story { margin-top: auto; padding-top: 100px; }
.mission-story h3 { margin: 0; max-width: 760px; font: 400 clamp(34px, 2.6vw, 54px)/1.13 var(--sans); letter-spacing: -.045em; color: #121318; text-wrap: balance; }
.mission-story p { margin: 28px 0 0; max-width: 720px; font-size: clamp(17px, 1.25vw, 23px); line-height: 1.55; letter-spacing: -.022em; color: #3b3f42; }
.mission-media { position: relative; display: grid; place-items: center; isolation: isolate; background: #273d65; }
.mission-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mission-watch-wrap { position: relative; z-index: 1; display: grid; justify-items: center; gap: 14px; transform: translateY(15px); }
.mission-watch { display: inline-flex; align-items: center; justify-content: center; gap: 23px; min-height: 70px; padding: 22px 26px; border: 1px solid rgba(255,255,255,.25); border-radius: 10px; background: rgba(18,31,54,.38); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); color: white; font: 13px var(--mono); letter-spacing: .025em; text-transform: uppercase; box-shadow: 0 8px 30px rgba(10,24,47,.08); }
.mission-watch:disabled { opacity: 1; cursor: default; }
.mission-watch svg { width: 18px; height: 21px; }
.mission-film-status { color: rgba(255,255,255,.82); font: 10px var(--mono); text-transform: uppercase; letter-spacing: .13em; }
@media (max-width: 1000px) and (min-width: 761px) {
  .mission-copy { padding: 28px; }
  .mission-story { padding-top: 64px; }
  .mission-story h3 { font-size: 34px; }
  .mission-story p { font-size: 16px; }
}
@media (max-width: 760px) {
  .mission-section { padding: 18px 18px 40px; }
  .mission-grid { grid-template-columns: 1fr; gap: 16px; }
  .mission-copy { min-height: 510px; padding: 28px; }
  .mission-story { padding-top: 68px; }
  .mission-story h3 { font-size: clamp(31px, 7vw, 40px); }
  .mission-story p { margin-top: 24px; font-size: 17px; }
  .mission-media { min-height: 0; aspect-ratio: 1 / 1.05; }
}

/* Same section label / title hierarchy as Product and Industries. */
.mission-section-heading.section-head.left { max-width: 1424px; margin: 0 auto 48px; }
.mission-section-heading h2 { max-width: 790px; }
@media (max-width: 760px) {
  .mission-section-heading.section-head.left { margin-bottom: 26px; }
}

/* Closing brand footer — quiet navigation above an oversized outline wordmark. */
.site-footer { position: relative; isolation: isolate; overflow: hidden; background: #050505; color: #f4f4f4; }
.site-footer::before { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; opacity: .12; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); mask-image: linear-gradient(90deg, transparent 35%, #000); -webkit-mask-image: linear-gradient(90deg, transparent 35%, #000); }
/* Same 1480px/28px shell as every section above it (Savings, Integrations,
   etc.) — it had its own independent clamp()-based padding before, which
   landed its content noticeably left of everything above it. */
.site-footer-inner { max-width: 1480px; margin: 0 auto; padding: clamp(64px, 6vw, 110px) 28px 0; }
.site-footer-grid { display: grid; grid-template-columns: 1.5fr .85fr 1.3fr .7fr; column-gap: clamp(28px, 4vw, 90px); min-height: 330px; }
.site-footer-brand img { display: block; width: clamp(170px, 14vw, 235px); height: auto; filter: invert(1); }
.site-footer-brand p { margin: 35px 0 23px; color: #9b9b9b; font-size: clamp(17px, 1.3vw, 22px); line-height: 1.45; letter-spacing: -.025em; }
.site-footer-email { display: inline-flex; align-items: center; gap: 14px; color: #ababab; font-size: 13px; }
.site-footer-links { display: flex; flex-direction: column; align-items: flex-start; gap: 17px; }
.site-footer-links h2 { margin: 0 0 7px; color: #ededed; font: 11px var(--mono); line-height: 1.4; text-transform: uppercase; letter-spacing: .08em; }
.site-footer-links a { color: #989898; font-size: 14px; line-height: 1.4; letter-spacing: -.015em; }
.site-footer a { transition: color .2s; }
.site-footer a:hover { color: #fff; }
.site-footer a:focus-visible { outline: 1px solid #aaa; outline-offset: 6px; border-radius: 2px; }
.site-footer-meta { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: clamp(65px, 7vw, 135px); color: #858585; font-size: 12px; }
.site-footer-meta a { display: inline-flex; gap: 18px; align-items: center; }
.site-footer-wordmark { display: block; width: 100%; height: auto; margin-top: 28px; overflow: visible; }
.site-footer-wordmark text { font-family: var(--sans); font-size: 225px; font-weight: 400; fill: none; stroke: #363636; stroke-width: 1; }
.industry-card[id] { scroll-margin-top: 95px; }
@media (max-width: 900px) {
  .site-footer-grid { grid-template-columns: 1.1fr 1fr; gap: 45px 32px; }
  .site-footer-meta { margin-top: 65px; }
}
@media (max-width: 520px) {
  .site-footer-inner { padding: 52px 24px 12px; }
  .site-footer-grid { grid-template-columns: 1fr 1fr; gap: 36px 22px; }
  .site-footer-brand { grid-column: 1 / -1; }
  .site-footer-brand p { margin: 24px 0 16px; }
  .site-footer-links a { font-size: 13px; }
  .site-footer-links { gap: 15px; }
  .site-footer-meta { align-items: flex-start; font-size: 10px; gap: 12px; margin-top: 48px; }
  .site-footer-meta a { white-space: nowrap; gap: 8px; }
  .site-footer-wordmark { margin-top: 30px; }
  .site-footer-wordmark text { stroke: #555; stroke-width: 1.4; }
}

/* Keep the fixed header legible as the new dark footer passes underneath it. */
.nav.over-footer { background: rgba(5,5,5,.72); border-bottom-color: rgba(255,255,255,.08); }
.nav.over-footer .brand-logo { filter: invert(1) brightness(1.6); }
.nav.over-footer .nav-cta .btn-ghost { color: #f5f6f8; border-color: rgba(245,246,248,.35); }
.nav.over-footer .nav-cta .btn-primary { background: #f5f7f8; color: #0b0d10; }
.nav.over-footer .nav-cta .btn-primary:hover { background: #dbe3e5; }

/* Rotating globe with ERP labels moving along one shared SVG orbit. */
.integrations-section { position: relative; z-index: 2; padding: 58px 0 0; background: var(--bg); scroll-margin-top: 84px; }
.integration-card { position: relative; width: 100%; min-width: 0; max-width: 1600px; margin: 0 auto; aspect-ratio: 2.15; min-height: 560px; overflow: hidden; border: 1px solid #e0e3e7; border-radius: 12px; background: #fff; }
.integration-intro { position: relative; z-index: 3; padding: clamp(30px,3.2vw,54px); pointer-events: none; }
.integration-intro h3 { margin: 0; font-size: clamp(26px,2.9vw,48px); line-height: 1.05; font-weight: 400; letter-spacing: -.05em; }
.integration-intro p, .integration-closing p { margin: 0; font-size: clamp(13px,1.1vw,16px); line-height: 1.5; letter-spacing: -.025em; color: #858b94; }
.integration-intro p { margin-top: 8px; }
.integration-diagram { position: absolute; inset: 0; }
.integration-orbits { position: absolute; width: 100%; height: 100%; inset: 0; pointer-events: none; }
.integration-globe { position: absolute; z-index: 1; left: 50%; top: 54%; width: 34%; height: auto; transform: translate(-50%,-50%); pointer-events: none; user-select: none; }
.integration-systems { list-style: none; padding: 0; margin: 0; }
.integration-system { position: absolute; z-index: 2; left: var(--orbit-x); top: var(--orbit-y); transform: translate(-50%,-50%); display: flex; align-items: center; gap: 8px; padding: 9px 15px; border-radius: 999px; border: 1px solid #e3eafb; background: rgba(255,255,255,.97); box-shadow: 0 7px 24px rgba(95,139,217,.085), inset 0 1px 0 #fff; font-size: clamp(11px,.95vw,14px); line-height: 1.18; letter-spacing: -.025em; color: #20283f; white-space: nowrap; }
.integration-system i { width: 7px; height: 7px; border-radius: 50%; flex: 0 0 auto; background: #438cff; }
.integration-system--purple i { background: #9960f7; }
.integration-system--coral i { background: #ff8164; }
.integration-system--amber i { background: #eeb446; }
.integration-system--mint i { background: #2dc8a2; }
.integration-closing { position: absolute; z-index: 3; bottom: 30px; right: clamp(30px,3.2vw,54px); max-width: 50%; text-align: right; }
.integration-closing h3 { margin: 0; font-size: clamp(26px,2.9vw,48px); line-height: 1.05; font-weight: 400; letter-spacing: -.05em; }
.integration-closing p { margin-top: 8px; font-size: clamp(12px,1vw,15px); }
@media (min-width: 761px) and (max-width: 1000px) {
  .integration-card { min-height: 520px; }
  .integration-intro p { max-width: 380px; }
  .integration-system { font-size: 10px; padding: 8px 11px; gap: 6px; }
  .integration-closing { max-width: 56%; }
}
@media (max-width: 760px) {
  .integrations-section { padding: 34px 0 0; }
  #integrations > .shell-wide { padding-inline: 18px; }
  .integration-card { min-height: 0; aspect-ratio: auto; padding: 28px 22px; }
  .integration-intro { padding: 0; }
  .integration-intro h3 { font-size: clamp(30px,7vw,40px); }
  .integration-intro p { font-size: 15px; max-width: 390px; }
  .integration-diagram { position: relative; inset: auto; width: calc(100% + 44px); height: auto; aspect-ratio: 1; margin: 8px -22px 0; }
  .integration-orbits { inset: 0; height: 100%; width: 100%; }
  .integration-globe { width: min(43%,200px); top: 50%; }
  .integration-systems { display: block; padding: 0; }
  .integration-system { position: absolute; transform: translate(-50%,-50%); justify-content: center; min-width: 0; max-width: 98px; width: max-content; font-size: clamp(8px,2.3vw,11px); line-height: 1.2; padding: 6px 8px; gap: 4px; white-space: nowrap; text-align: center; }
  .integration-system i { width: 4px; height: 4px; }
  .integration-closing { position: relative; right: auto; bottom: auto; margin-top: 36px; max-width: none; text-align: left; }
  .integration-closing h3 { font-size: clamp(30px,7vw,40px); }
  .integration-closing p { font-size: 14px; margin-top: 12px; }
}

.integration-motion { position: absolute; z-index: 4; left: clamp(30px,3.2vw,54px); bottom: 32px; padding: 6px 0; border: 0; background: transparent; color: #838a96; font: 10px var(--mono); letter-spacing: .04em; cursor: pointer; }
.integration-motion:hover { color: #263347; }
.integration-motion:focus-visible { outline: 1px solid #7c9ec8; outline-offset: 5px; }
@media (prefers-reduced-motion: reduce) { .integration-motion { display: none; } }

/* Soft, line-free 3D centerpiece; the single ERP orbit stays outside it. */
.integration-globe { aspect-ratio: 1; height: auto; isolation: isolate; }
.integration-globe::before { content: ""; position: absolute; inset: 5%; border-radius: 50%; background: #e6effb; filter: blur(22px); opacity: .58; z-index: -1; }
.integration-globe img, .integration-globe canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.integration-globe canvas { opacity: 0; }
.integration-globe.is-rendered canvas { opacity: 1; }
.integration-globe.is-rendered img { visibility: hidden; }
@media (max-width: 760px) {
  .integration-motion { position: relative; left: auto; bottom: auto; margin-top: 16px; }
  .integration-closing { margin-top: 20px; }
}

/* Frosted optical glass, tinted with PeakControl's indigo and violet. */
.integration-card { background: radial-gradient(ellipse at 42% 58%,rgba(68,85,214,.055),transparent 43%),radial-gradient(ellipse at 73% 36%,rgba(124,79,209,.045),transparent 38%),#fff; }
.integration-system {
  --glass-accent: 68,85,214;
  color: #30364f;
  border: 1px solid rgba(255,255,255,.86);
  background: linear-gradient(135deg,rgba(255,255,255,.76) 0%,rgba(255,255,255,.32) 42%,rgba(var(--glass-accent),.11) 100%);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  backdrop-filter: blur(16px) saturate(150%);
  box-shadow: 0 8px 22px rgba(39,44,88,.10),0 2px 5px rgba(56,64,116,.055),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 1px rgba(var(--glass-accent),.16),0 0 0 1px rgba(var(--glass-accent),.09);
  text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.integration-system::after { content: ""; position: absolute; top: 2px; left: 20%; right: 20%; height: 1px; border-radius: 50%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent); pointer-events: none; }
.integration-system:nth-child(2n) { --glass-accent: 124,79,209; }
.integration-system i { background: rgb(var(--glass-accent)); box-shadow: 0 0 0 3px rgba(var(--glass-accent),.07),inset 0 1px 1px rgba(255,255,255,.4); }
.integration-globe::before { inset: 7%; background: #eef0f4; filter: blur(28px); opacity: .4; transform: translate(3%,5%); }

/* Product keeps its section heading above a frame matching Integrations
   — same .shell-wide width (1480px) as every other section's frame. */
.agent-frame {
  position: relative; width: 100%; min-width: 0; overflow: hidden;
  border: 1px solid #e0e3e7; border-radius: 12px;
  padding: 32px 24px 40px;
  background: radial-gradient(ellipse at 42% 58%,rgba(68,85,214,.055),transparent 43%),radial-gradient(ellipse at 73% 36%,rgba(124,79,209,.045),transparent 38%),#fff;
}
.agent-frame .agent-info { max-width: min(600px,100%); }
@media (max-width: 760px) {
  #prodotto > .shell-wide { padding-inline: 18px; }
  .agent-frame { padding: 22px 14px 64px; }
  .agent-frame .agent-info { gap: 8px; }
  .agent-frame .agent-info-text { padding: 18px 14px; }
  .agent-frame .agent-panel-kicker { font-size: 21px; }
}
@media (max-width: 720px) {
  .agent-frame .agent-track { padding-block: 62px; }
}

/* Reserve the tallest agent at the current width, without clipping text. */
.agent-info-text--stable { display: grid; align-items: start; }
.agent-panel-content, .agent-panel-reserve { grid-area: 1 / 1; min-width: 0; }
.agent-panel-reserve { visibility: hidden; pointer-events: none; user-select: none; }

/* Plain flat white cards: the video thumbnails are baked onto solid white,
   so the card itself must be the same flat white with no gradient/tint —
   any diagonal glass sheen here shows as a visible rectangle around the
   video's own flat-white background. */
.industry-card {
  --industry-glass: 112,119,144;
  background: #fff;
  border-color: #dddfe0;
  box-shadow: none;
}
.industry-card:nth-child(even) { --industry-glass: 126,118,143; }
.industry-card:hover, .industry-card:focus-visible, .industry-card.is-active {
  border-color: rgba(var(--industry-glass),.13);
  box-shadow: 0 5px 14px rgba(var(--industry-glass),.055),0 0 0 1px rgba(var(--industry-glass),.07),inset 0 1px 0 #fff,inset 0 -1px 1px rgba(var(--industry-glass),.12);
}
.industry-card-desc {
  background: linear-gradient(0deg,rgba(250,250,252,.97),rgba(252,252,253,.91) 83%,rgba(255,255,255,.55));
  -webkit-backdrop-filter: blur(18px) saturate(110%);
  backdrop-filter: blur(18px) saturate(110%);
  border-top: 1px solid rgba(255,255,255,.9);
  color: #44495e;
}
.industry-card-plus, .industry-arrow {
  border: 1px solid rgba(255,255,255,.88);
  border-radius: 50%;
  background: linear-gradient(145deg,rgba(255,255,255,.82),rgba(241,242,245,.4));
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 2px 7px rgba(44,48,60,.04),inset 0 1px 0 #fff,0 0 0 1px rgba(112,119,144,.07);
  color: #686d7c;
}
.industry-arrow:hover:not(:disabled) { color: var(--blue); background: rgba(241,242,247,.8); border-color: rgba(68,85,214,.22); }

/* Client stories: the reference's alternating one-third / two-thirds composition. */
.clients-section { position: relative; z-index: 2; background: var(--bg); padding: 20px 28px 84px; scroll-margin-top: 84px; }
.clients-inner { max-width: 1480px; margin: 0 auto; }
.clients-heading.section-head { max-width: 790px; margin-bottom: 48px; }
.clients-heading .kicker, .calculator-heading .kicker { color: #606568; margin-bottom: 22px; letter-spacing: .09em; }
.clients-heading h2, .calculator-heading h2 { font-size: clamp(34px,3.5vw,54px); font-weight: 400; letter-spacing: -.045em; line-height: 1.12; }
.clients-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.clients-grid > * { position: relative; min-width: 0; min-height: clamp(380px,31vw,530px); margin: 0; border-radius: 11px; overflow: hidden; }
.client-logo-panel { display: grid; place-items: center; background: #000; }
.client-logo-panel img { display: block; width: 34%; max-width: 145px; height: auto; }
.client-quote { padding: clamp(28px,3vw,52px); }
.client-quote--blue { grid-column: span 2; display: grid; grid-template-columns: .65fr 1.35fr; align-items: center; gap: 26px; isolation: isolate; color: #fff; background: #26334e; }
.client-gradient { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.client-quote--blue::after, .client-film::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(120deg,rgba(12,20,43,.12),rgba(12,20,43,.52)); }
.client-quote-mark { font: 400 clamp(140px,18vw,290px)/.75 var(--sans); letter-spacing: -.12em; transform: translateY(28px); opacity: .9; }
.client-quote-content { padding-top: 35px; }
.client-quote blockquote { margin: 0; font-size: clamp(23px,2.3vw,37px); font-weight: 400; line-height: 1.3; letter-spacing: -.035em; }
.client-quote figcaption { display: flex; flex-direction: column; gap: 6px; margin-top: 36px; font-size: 15px; letter-spacing: -.02em; }
.client-quote figcaption small { font-size: 13px; opacity: .82; }
.client-draft { position: absolute; top: 24px; left: clamp(28px,3vw,52px); right: 24px; font: 9px/1.5 var(--mono); text-transform: uppercase; letter-spacing: .08em; opacity: .8; }
.client-quote--light { grid-column: span 2; display: flex; flex-direction: column; justify-content: space-between; padding-top: 67px; background: rgba(255,255,255,.8); border: 1px solid #e0e3e7; }
.client-quote--light blockquote { max-width: 900px; font-size: clamp(27px,2.8vw,45px); line-height: 1.25; letter-spacing: -.04em; }
.client-quote--light .client-draft { color: #727889; }
.client-quote--light figcaption { color: #414655; }
.client-film { display: flex; flex-direction: column; align-items: center; justify-content: center; isolation: isolate; color: #fff; background: #283653; }
.client-film .client-gradient { object-position: 70% 50%; transform: scale(1.15); }
.client-film-label { position: absolute; top: 28px; left: 28px; font: 10px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.client-film-control { display: flex; flex-direction: column; align-items: center; gap: 20px; }
.client-film-play { display: grid; place-items: center; width: 70px; height: 70px; border-radius: 50%; border: 1px solid rgba(255,255,255,.45); background: rgba(255,255,255,.12); color: #fff; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: inset 0 1px 0 rgba(255,255,255,.2); }
.client-film-play:disabled { opacity: 1; cursor: default; }
.client-film-control > span { font: 10px var(--mono); text-transform: uppercase; letter-spacing: .06em; color: rgba(255,255,255,.85); }
@media(max-width:1000px) {
  .client-quote--blue { grid-template-columns: 1fr; gap: 0; }
  .client-quote-mark { position: absolute; right: 25px; top: 75px; font-size: 150px; opacity: .15; }
  .client-quote-content { position: relative; }
}
@media(max-width:760px) {
  .clients-section { padding: 18px 18px 54px; }
  .clients-heading.section-head { margin-bottom: 26px; }
  .clients-heading .kicker, .calculator-heading .kicker { margin-bottom: 16px; }
  .clients-grid { grid-template-columns: 1fr; gap: 16px; }
  .clients-grid > * { grid-column: auto; min-height: 340px; }
  .clients-grid .client-logo-panel { min-height: 210px; }
  .client-logo-panel img { width: 32%; max-width: 120px; margin-block: 24px; }
  .client-quote blockquote { font-size: 27px; }
  .client-quote--light blockquote { font-size: 29px; }
  .client-quote figcaption { margin-top: 28px; }
  .client-draft { font-size: 8px; }
}


/* Value calculator — dark glass, with the same restrained brand accents. */
.savings-section { position: relative; isolation: isolate; padding: 56px 28px; background: #000; color: #f6f6fa; scroll-margin-top: 64px; overflow: hidden; color-scheme: dark; }
/* Parked — plain black per request, matching the Approach section above
   (same treatment: left in place, just switched off, not deleted). */
.savings-section::before { display: none; content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: radial-gradient(ellipse at 85% 30%,rgba(87,115,153,.10),transparent 48%),radial-gradient(ellipse at 65% 80%,rgba(122,145,168,.045),transparent 44%); }
/* Same bordered-frame treatment as .integration-card/.agent-frame, so the
   calculator reads as one more structured frame in the same row of
   sections rather than loose content floating on the dark background. */
.savings-shell {
  max-width: 1640px;
  margin: 0 auto;
  padding: clamp(24px,2.2vw,36px);
  border: 1px solid rgba(207,219,231,.14);
  border-radius: 12px;
  background: linear-gradient(135deg,rgba(255,255,255,.035),rgba(143,165,186,.015) 55%,transparent);
}
.savings-inner { max-width: none; margin: 0 auto; display: grid; grid-template-columns: 1.08fr 1fr; gap: clamp(28px,3.5vw,52px); align-items: start; }
.savings-inputs { padding: 4px 0; min-width: 0; }
.calculator-heading.section-head { max-width: 790px; }
.calculator-heading .kicker { color: #aab3bb; }
.savings-intro { max-width: 480px; margin: 16px 0 24px; color: #a1a3af; font-size: 14px; line-height: 1.6; }
.savings-range { margin-top: 16px; }
.savings-range > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.savings-section label { font-size: 14px; color: #bec0cc; }
.savings-unit { font: 10px var(--mono); color: #7f8296; margin-left: 6px; }
.savings-range output { font-size: 17px; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.savings-range input { --range-progress: 0%; display: block; width: 100%; height: 24px; margin: 5px 0 0; appearance: none; -webkit-appearance: none; background: transparent; cursor: pointer; }
.savings-range input::-webkit-slider-runnable-track { height: 3px; border-radius: 4px; background: linear-gradient(to right,#91a9c6 0%,#738ca9 var(--range-progress),rgba(255,255,255,.13) var(--range-progress)); }
.savings-range input::-moz-range-track { height: 3px; border-radius: 4px; background: linear-gradient(to right,#91a9c6 0%,#738ca9 var(--range-progress),rgba(255,255,255,.13) var(--range-progress)); }
.savings-range input::-webkit-slider-thumb { appearance: none; width: 17px; height: 17px; margin-top: -7px; border: 1px solid #c5d2e1; border-radius: 50%; background: linear-gradient(135deg,#d3dde9,#8098b3); box-shadow: 0 0 0 5px rgba(132,163,196,.1),0 2px 8px #0006; }
.savings-range input::-moz-range-thumb { width: 17px; height: 17px; border: 1px solid #c5d2e1; border-radius: 50%; background: #a7bcd2; }
.savings-range-scale { display: flex; justify-content: space-between; font: 10px var(--mono); color: #858898; }
.savings-results { min-width: 0; position: relative; padding: 28px; border-radius: 16px; border: 1px solid rgba(207,219,231,.18); background: linear-gradient(135deg,rgba(255,255,255,.105),rgba(143,165,186,.045) 55%,rgba(117,139,159,.025)); box-shadow: inset 0 1px 0 #ffffff15,0 24px 80px #0004; backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px); }
.savings-brand { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.savings-brand img { width: 125px; height: auto; filter: invert(1); }
.savings-scenario { font: 9px var(--mono); letter-spacing: .1em; color: #abb6c2; }
.savings-total > span,.savings-time > div > span { color: #bcc3cd; font-size: 13px; }
.savings-total > output { display: block; margin: 8px 0 4px; font-size: clamp(50px,4.5vw,64px); line-height: 1.1; letter-spacing: -.065em; font-variant-numeric: tabular-nums; }
.savings-total p { font-size: 12px; color: #9ba6b4; min-height: 18px; margin: 4px 0 16px; }
.savings-breakdown { display: grid; grid-template-columns: 1fr auto 1fr; gap: 18px; padding: 16px 0; border-top: 1px solid #ffffff1c; border-bottom: 1px solid #ffffff1c; }
.savings-breakdown div span { display: block; color: #aab5c1; font-size: 11px; }
.savings-breakdown output { display: block; font-size: 20px; font-variant-numeric: tabular-nums; margin-top: 6px; }
.savings-plus { align-self: center; color: #777e9d; font-weight: 300; }
.savings-time { display: flex; justify-content: space-between; align-items: end; gap: 16px; margin-top: 18px; }
.savings-time output { display: block; font-size: 34px; line-height: 1.2; letter-spacing: -.04em; margin-top: 8px; }
.savings-time > span { color: #aab6c3; font-size: 12px; padding-bottom: 7px; }
.savings-time-track { height: 4px; margin-top: 10px; border-radius: 4px; background: #ffffff12; overflow: hidden; }
.savings-time-track span { display: block; height: 100%; width: 24%; background: linear-gradient(90deg,#7898bb,#b0c3d5); transition: width .25s ease; }
.savings-note { font-size: 11px; line-height: 1.65; color: #9ea9b5; margin: 16px 0 12px; }
.savings-assumptions { border-top: 1px solid #ffffff14; margin-bottom: 18px; font-size: 12px; color: #c0c8d0; }
.savings-assumptions summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; padding-top: 12px; }
.savings-assumptions summary::-webkit-details-marker { display: none; }
.savings-assumptions[open] summary > span { transform: rotate(45deg); }
.savings-assumptions p { color: #a8b2bf; font-size: 11px; line-height: 1.7; }
.savings-assumption-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 18px 0; }
.savings-assumption-fields label { font-size: 11px; }
.savings-assumption-fields input { display: block; width: 100%; border-radius: 6px; border: 1px solid #ffffff26; color: white; background: #ffffff0a; padding: 8px 10px; margin-top: 7px; font: 14px var(--sans); }
.savings-assumption-fields input:invalid { border-color: #ef9d9d; }
.savings-cta { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 12px 18px; border-radius: 9px; border: 1px solid rgba(220,232,245,.25); background: linear-gradient(135deg,rgba(255,255,255,.14),rgba(186,209,233,.065) 55%,rgba(255,255,255,.035)); color: #f1f5fa; box-shadow: inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(255,255,255,.025),0 6px 18px rgba(0,0,0,.16); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); font-size: 14px; font-weight: 500; text-decoration: none; transition: background .2s; }
.savings-cta:hover { background: linear-gradient(135deg,rgba(255,255,255,.21),rgba(186,209,233,.11) 55%,rgba(255,255,255,.06)); border-color: rgba(220,232,245,.42); }
.savings-cta span { font-size: 20px; }
.savings-cta-caption { display: block; text-align: center; color: #96a2af; font-size: 10px; margin-top: 8px; }
.savings-section :focus-visible { outline: 2px solid #b8ccdf; outline-offset: 5px; }
.savings-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media(max-width: 900px) { .savings-section { padding-left: 28px; padding-right: 28px; } .savings-inner { gap: 35px; grid-template-columns: 1fr 1fr; } .savings-brand { flex-wrap: wrap; gap: 12px; } .savings-breakdown { gap: 10px; } .savings-time { align-items: start; flex-direction: column; gap: 4px; } }
@media(max-width: 760px) { .savings-section { padding-left: 18px; padding-right: 18px; } }
@media(max-width: 700px) { .savings-section { padding: 40px 18px; } .savings-inner { grid-template-columns: 1fr; gap: 26px; max-width: 520px; } .savings-intro { font-size: 13px; } .savings-results { padding: 24px; border-radius: 16px; } .savings-brand { margin-bottom: 22px; } .savings-total > output { font-size: 56px; } .savings-time { flex-direction: row; align-items: end; } }
@media(prefers-reduced-motion: reduce) { .savings-time-track span,.savings-cta { transition: none; } }

/* Progressive enhancement: two short calculator steps on phones. */
.savings-stepbar, .savings-next { display: none; }
@media(max-width: 700px) {
  .savings-section.is-stepped .savings-stepbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; max-width: 520px; margin-bottom: 24px; color: #aab8c7; font: 11px var(--mono); }
  .savings-stepbar button { border: 0; padding: 8px 0 8px 12px; min-height: 40px; background: transparent; color: #e0e8f0; font: 12px var(--sans); cursor: pointer; }
  .savings-step-progress { flex: 0 0 100%; display: flex; gap: 6px; }
  .savings-step-progress i { height: 2px; flex: 1; background: #ffffff18; border-radius: 2px; }
  .savings-step-progress i:first-child, [data-step="results"] .savings-step-progress i { background: #99aec4; }
  .savings-section.is-stepped[data-step="inputs"] .savings-results,
  .savings-section.is-stepped[data-step="inputs"] #savings-back,
  .savings-section.is-stepped[data-step="results"] .savings-inputs { display: none; }
  .savings-section.is-stepped .savings-next { display: flex; margin-top: 24px; min-height: 48px; cursor: pointer; font-family: var(--sans); }
  .savings-section.is-stepped .savings-inner { gap: 0; }
  .savings-section.is-stepped { padding-top: 28px; padding-bottom: 32px; }
  .savings-section.is-stepped .savings-results { padding: 20px; }
  .savings-section.is-stepped .savings-brand { margin-bottom: 18px; }
  .savings-section.is-stepped .savings-total > output { font-size: 52px; }
  .savings-section.is-stepped #calculator-heading:focus,
  .savings-section.is-stepped #savings-result-heading:focus { outline: none; }
}

/* Phone product carousel: navigation beside the sphere, unboxed concise copy. */
@media (max-width: 720px) {
  .agent-frame .agent-track { height: 260px; padding-block: 44px; }
  .agent-frame .agent-circle[data-distance="0"] { transform: scale(1.5); }
  .agent-frame .agent-arrow { position: absolute; z-index: 5; top: 130px; transform: translateY(-50%); margin: 0; }
  .agent-frame .agent-arrow--prev { left: 0; }
  .agent-frame .agent-arrow--next { right: 0; }
  .agent-frame .agent-info { display: block; margin-top: 12px; }
  .agent-frame .agent-info-text { padding: 0 6px; border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .agent-frame .agent-panel-kicker { font-size: 21px; font-weight: 500; line-height: 1.25; margin-bottom: 10px; }
  .agent-frame .agent-panel-body { max-width: 330px; margin-inline: auto; font-size: 14px; line-height: 1.55; }
  .agent-frame .agent-tasks { display: none; }
}

/* Short hero copy and compact glass pills across screen sizes. */
.intro-statement .hero-cta { gap: 10px; margin-top: 22px; flex-wrap: wrap; }
.intro-statement .hero-cta .btn { min-height: 44px; padding: 10px 15px; gap: 6px; border-radius: 999px; font-size: 12px; font-weight: 500; line-height: 1.2; white-space: nowrap; color: #f4f7fb; border: 1px solid rgba(232,241,250,.26); backdrop-filter: blur(22px) saturate(120%); -webkit-backdrop-filter: blur(22px) saturate(120%); box-shadow: inset 0 1px 0 rgba(255,255,255,.16),0 5px 18px rgba(0,0,0,.16); }
.intro-statement .hero-cta .btn-primary { background: linear-gradient(135deg,rgba(255,255,255,.2),rgba(181,204,228,.08)); }
.intro-statement .hero-cta .btn-ghost { background: linear-gradient(135deg,rgba(255,255,255,.09),rgba(181,204,228,.025)); }
.intro-statement .hero-cta .btn:hover { background: rgba(228,238,249,.2); border-color: rgba(255,255,255,.48); color: #fff; }
.intro-statement .hero-cta .btn:focus-visible { outline: 2px solid #c1d1e3; outline-offset: 4px; }
.intro-statement .hero-cta svg { width: 13px; height: 13px; }
@media (max-width: 720px) {
  .intro-statement .hero-sub { max-width: 330px; margin-top: 14px; font-size: 14px; line-height: 1.6; }
}

/* Mobile landing: one balanced screen, with the message visible on arrival. */
@media (max-width: 720px) {
  .intro, .intro.reduced { height: auto; }
  .intro .hero { position: relative; top: auto; height: auto; min-height: calc(100svh - 65px); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px 20px 56px; }
  .intro .hero::before { content: ""; display: block; flex: none; width: 100%; height: clamp(250px, 42svh, 360px); }
  .intro .hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; background: #000; }
  .intro .hero-wordmark, .intro .intro-scrollcue { display: none; }
  .intro .hero-vignette { display: none; }
  .intro .intro-statement { position: relative; inset: auto; flex: none; width: 100%; padding: 0; margin: 8px auto 0; opacity: 1; transform: none; pointer-events: auto; }
  .intro-statement .hero-tagline { max-width: 350px; font-size: clamp(28px, 8.2vw, 36px); line-height: 1.14; letter-spacing: -.035em; text-wrap: balance; }
  .intro-statement .hero-sub { max-width: 322px; margin-top: 16px; font-size: 14px; line-height: 1.55; text-wrap: pretty; }
  .intro-statement .hero-cta { margin-top: 22px; gap: 8px; }
}

@media (max-width: 720px) {
  #top { scroll-margin-top: 65px; }
  .nav .nav-cta .btn-ghost { display: none; }
  .nav-inner { justify-content: space-between; }
}

/* Floating mobile navigation: same adaptive liquid glass as desktop —
   very transparent light glass by default/on-light, dark glass only over
   the dark footer — not a permanently-dark pill. */
@media (max-width: 720px) {
  .nav, .nav.on-light {
    height: 65px;
    padding: 10px 12px 3px;
    border: 0;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    pointer-events: none;
  }
  .nav .nav-inner {
    position: relative;
    height: 52px;
    width: 100%;
    padding: 0 20px;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 999px;
    background: linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.04) 52%,rgba(255,255,255,.09));
    backdrop-filter: blur(22px) saturate(190%);
    -webkit-backdrop-filter: blur(22px) saturate(190%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(255,255,255,.08),0 8px 24px rgba(20,24,40,.08);
    pointer-events: auto;
  }
  .nav.on-light .nav-inner { background: linear-gradient(155deg,rgba(255,255,255,.18),rgba(255,255,255,.06) 52%,rgba(255,255,255,.12)); border-color: rgba(18,19,24,.05); }
  .nav .brand { min-height: 44px; }

  /* Default (over the dark hero): light logo/text, as on desktop. */
  .nav .brand-logo { filter: invert(1) brightness(1.6); }
  .nav .nav-cta .btn-primary { color: #fff; }

  /* Scrolled over light body sections: dark logo/text, as on desktop. */
  .nav.on-light .brand-logo { filter: none; }
  .nav.on-light .nav-cta .btn-primary {
    background: var(--ink);
    color: var(--bg);
    border-color: rgba(18,19,24,.14);
    box-shadow: none;
  }

  /* Over the dark footer, flip back to dark glass for contrast. */
  .nav.over-footer .nav-inner {
    border-color: rgba(255,255,255,.14);
    background: linear-gradient(155deg,rgba(10,11,15,.22),rgba(4,5,7,.4) 52%,rgba(10,11,15,.16));
    backdrop-filter: blur(28px) saturate(140%);
    -webkit-backdrop-filter: blur(28px) saturate(140%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.1),0 8px 24px rgba(0,0,0,.3);
  }
  .nav.over-footer .brand-logo { filter: invert(1) brightness(1.6); }
  .nav.over-footer .nav-cta .btn-primary { background: linear-gradient(135deg,rgba(255,255,255,.2),rgba(181,204,228,.07)); color: #fff; border-color: rgba(232,241,250,.26); box-shadow: inset 0 1px 0 rgba(255,255,255,.16); }

  /* A single liquid-glass CTA pill on the bar's right edge — position only
     borrowed from reference art; style stays our own glass. */
  .nav .nav-cta { margin-left: 0; }
  .nav .nav-cta .btn-primary {
    min-height: 36px;
    padding: 8px 16px;
    border-radius: 999px;
    border: 1px solid rgba(232,241,250,.26);
    background: linear-gradient(135deg,rgba(255,255,255,.2),rgba(181,204,228,.07));
    font-size: 12.5px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
  }
  .nav .nav-cta .btn-primary svg { width: 13px; height: 13px; }
  .nav .nav-cta .btn-primary:active { background: linear-gradient(135deg,rgba(255,255,255,.28),rgba(181,204,228,.1)); }
}

@media (max-width: 720px) {
  .nav { margin-bottom: -65px; }
  .intro .hero { min-height: 100svh; padding-top: 77px; }
}

/* Desktop carries the same floating glass frame, with its original actions. */
@media (min-width: 721px) {
  .nav, .nav.on-light {
    height: 88px;
    margin-bottom: -88px;
    padding: 16px clamp(24px, 3vw, 56px) 8px;
    border: 0;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    pointer-events: none;
  }
  .nav .nav-inner {
    height: 64px;
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 12px 0 26px;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 999px;
    background: linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.04) 52%,rgba(255,255,255,.09));
    backdrop-filter: blur(22px) saturate(190%);
    -webkit-backdrop-filter: blur(22px) saturate(190%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(255,255,255,.08),0 8px 24px rgba(20,24,40,.08);
    pointer-events: auto;
  }
  .nav.on-light .nav-inner { background: linear-gradient(155deg,rgba(255,255,255,.18),rgba(255,255,255,.06) 52%,rgba(255,255,255,.12)); border-color: rgba(18,19,24,.05); }
  .nav .brand { min-height: 44px; }

  /* Default (over the dark hero): light logo and text so they stay legible
     through the very transparent glass. */
  .nav .brand-logo { filter: invert(1) brightness(1.6); }
  .nav .nav-cta .btn {
    min-height: 42px;
    padding: 10px 18px;
    border-radius: 999px;
    border-color: rgba(232,241,250,.24);
    color: #f4f7fb;
  }
  .nav .nav-cta .btn-ghost { background: rgba(255,255,255,.025); }
  .nav .nav-cta .btn-primary {
    background: linear-gradient(135deg,rgba(255,255,255,.18),rgba(181,204,228,.065));
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
  }
  .nav .nav-cta .btn:hover { background: rgba(228,238,249,.22); border-color: rgba(255,255,255,.45); color: #fff; }
  .nav .nav-cta .btn:focus-visible { outline: 2px solid rgba(255,255,255,.4); outline-offset: 3px; }

  /* Scrolled over light body sections: flip to dark text/logo for contrast. */
  .nav.on-light .brand-logo { filter: none; }
  .nav.on-light .nav-cta .btn { border-color: rgba(18,19,24,.14); color: var(--ink); }
  .nav.on-light .nav-cta .btn-ghost { background: rgba(18,19,24,.03); }
  .nav.on-light .nav-cta .btn-primary { background: var(--ink); color: var(--bg); box-shadow: none; }
  .nav.on-light .nav-cta .btn-ghost:hover { background: rgba(18,19,24,.07); border-color: rgba(18,19,24,.28); color: var(--ink); }
  .nav.on-light .nav-cta .btn-primary:hover { background: var(--blue-ink); color: var(--bg); }
  .nav.on-light .nav-cta .btn:focus-visible { outline: 2px solid rgba(18,19,24,.35); outline-offset: 3px; }

  /* Over the dark footer, flip the pill back to dark liquid glass for contrast. */
  .nav.over-footer .nav-inner {
    border-color: rgba(255,255,255,.14);
    background: linear-gradient(155deg,rgba(10,11,15,.22),rgba(4,5,7,.4) 52%,rgba(10,11,15,.16));
    backdrop-filter: blur(28px) saturate(140%);
    -webkit-backdrop-filter: blur(28px) saturate(140%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.1),0 8px 24px rgba(0,0,0,.3);
  }
  .nav.over-footer .brand-logo { filter: invert(1) brightness(1.6); }
  .nav.over-footer .nav-cta .btn { border-color: rgba(232,241,250,.24); color: #f4f7fb; }
  .nav.over-footer .nav-cta .btn-ghost { background: rgba(255,255,255,.025); }
  .nav.over-footer .nav-cta .btn-primary { background: linear-gradient(135deg,rgba(255,255,255,.18),rgba(181,204,228,.065)); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.14); }
  .nav.over-footer .nav-cta .btn:hover { background: rgba(228,238,249,.22); border-color: rgba(255,255,255,.45); color: #fff; }
}

/* Keep the client logo tile on larger screens only. */
@media (max-width: 720px) {
  .clients-grid .client-logo-panel { display: none; }
}

/* ── Approach: scroll-linked giant word + glass card stack ──────────── */
/* No overflow:hidden here: it's an ancestor of .approach-stage, and any
   ancestor with overflow other than visible breaks position:sticky on a
   descendant entirely (the stage just scrolls with the page instead of
   pinning). The word-stack clips its own glow instead. */
/* Pure black everywhere except the sticky stage itself — that's the only
   place the actual glow image (.approach-stage::before) should show; the
   heading above it was picking up a leftover blue radial-gradient tint
   that doesn't belong there. */
.approach-section { position: relative; isolation: isolate; background: #000; color: #f6f6fa; padding-top: 72px; scroll-margin-top: 64px; }
.approach-section .kicker { color: #aab3bb; }
.approach-section .section-head p { margin-top: 16px; max-width: 620px; font-size: 15.5px; line-height: 1.6; color: #9ea9b5; }
.approach-scroller { position: relative; height: 340vh; }
/* The glow is a fixed backdrop — same photographed nebula image the whole
   way through the section, never swapping or moving (that's what Tacto's
   own "Tacto Intelligence" scroll section does: one pinned glow image,
   only the cards in front of it change). Only the outline word crossfades. */
/* The glow's feathered edge is baked directly into the image's own alpha
   channel now (matching how Tacto's own mask.avif works) — a real
   transparent PNG/WebP, not a separate CSS mask approximating one. */
.approach-stage { position: sticky; top: 0; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #000; }
/* Grayscale instead of blue — same image/shape/motion, desaturated via
   filter so no new asset is needed. */
.approach-stage::before {
  /* Parked for now — plain black stage per request, image/animation kept
     here so the glow can come back later without redoing the work. */
  display: none;
  content: ""; position: absolute; inset: 0; z-index: 0;
  background: url("assets/approach/approach-glow.webp") center / 135% auto no-repeat;
  filter: saturate(0.8);
  /* A slow, barely-there drift/breathe so the glow reads as a living,
     looping video rather than one static frame. */
  animation: approach-glow-drift 16s ease-in-out infinite;
}
@keyframes approach-glow-drift {
  0%, 100% { transform: scale(1) translate(0, 0); filter: saturate(0.8) brightness(1); }
  50% { transform: scale(1.045) translate(-0.6%, 0.4%); filter: saturate(0.8) brightness(1.08); }
}
@media (prefers-reduced-motion: reduce) {
  .approach-stage::before { animation: none; }
}
.approach-word-stack { position: absolute; inset: 0; z-index: 1; display: flex; align-items: center; justify-content: center; pointer-events: none; }
/* Pushed down clear of the card's own text block (which sits centered in
   the same stage) so the two never read as overlapping text — only the
   word's upper arc peeks near the card, the rest sits below it. */
/* Stroke in em (not a flat px) so the line's weight stays proportional to
   the word's own font-size — which itself scales with viewport via the
   clamp() below. A flat px stroke reads thin at the wide-desktop end of
   the clamp but disproportionately thick at the narrow end; matched here
   to the footer wordmark's own stroke:font-size ratio (~0.0043). */
.approach-word { position: absolute; font-size: clamp(92px,18vw,330px); font-weight: 400; line-height: 1; letter-spacing: -.02em; white-space: nowrap; color: transparent; -webkit-text-stroke: 0.0027em rgba(129,133,242,.65); text-stroke: 0.0027em rgba(129,133,242,.65); opacity: 0; transform: translateY(24px); will-change: opacity, transform; }
/* A bright neon-tube duplicate of the same word, masked down to a narrow
   band that's swept left-to-right across the letters by JS (tied to
   scroll progress, not a timer) — the dim .approach-word above is the
   "unlit tube"; this is the lit segment traveling through it once, D to
   the final t, as the section scrolls past. The mask (not opacity) is
   what hides it outside the sweep, so no separate fade is needed. */
.approach-word-neon {
  /* Overrides the base .approach-word rule's opacity:0 — this layer's
     visibility is driven entirely by the mask sweep below, not opacity. */
  opacity: 1;
  color: transparent;
  -webkit-text-stroke: 0.0034em rgba(214,222,255,.95);
  text-stroke: 0.0034em rgba(214,222,255,.95);
  filter: drop-shadow(0 0 10px rgba(130,150,255,.85)) drop-shadow(0 0 26px rgba(90,110,255,.55));
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 28%, #fff 50%, transparent 72%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, transparent 28%, #fff 50%, transparent 72%, transparent 100%);
  -webkit-mask-size: 300% 100%;
  mask-size: 300% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 0% 0%;
  mask-position: 0% 0%;
}
.approach-content { position: relative; z-index: 2; width: 100%; max-width: 1480px; margin: 0 auto; padding: 0 28px; display: flex; flex-direction: column; align-items: center; }
/* min-height must clear the worst case (2-line title + 3-line body) with
   the card's padding at its widest-viewport maximum (clamp caps at 50px
   top+bottom by ~1250px) — padding grows with viewport width while a
   fixed min-height doesn't, so wide screens actually had LESS room for
   content, not more, and text was overflowing past the card's own bottom
   edge there specifically. */
.approach-card-stack { position: relative; width: 100%; max-width: 470px; min-height: 400px; margin: 0 auto; perspective: 1200px; }
/* Real glass, not a tinted cloud: a light blur (not a heavy frost) so the
   giant word behind still reads faintly through the card, plus a very low
   tint so color/shape from the backdrop actually shows rather than just
   being covered. Position/opacity are set per scroll-frame from JS
   (continuous scrubbing), not CSS transitions — no animation to fight the
   user's own scroll speed or direction. */
.approach-card {
  position: absolute; inset: 0; margin: auto; padding: clamp(38px,4vw,50px); border-radius: 16px;
  /* Lower alpha than before — against the plain black stage there was
     nothing colorful behind the card for the blur to visibly carry
     through, so the glass read as just a flat dark panel. Thinner tint
     lets the neon word glow through the blur instead. */
  background: linear-gradient(155deg,rgba(0,0,0,.03),rgba(0,0,0,.05) 55%,rgba(0,0,0,.02));
  border: 1px solid rgba(255,255,255,.26);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 0 0 1px rgba(255,255,255,.05), 0 24px 60px rgba(0,0,0,.3);
  backdrop-filter: blur(10px) saturate(100%);
  -webkit-backdrop-filter: blur(10px) saturate(100%);
  opacity: 0; transform: translateY(65vh) scale(.96); pointer-events: none;
  will-change: transform, opacity;
}
.approach-card-icon {
  display: flex; align-items: center; justify-content: center;
  width: 54px; height: 54px; margin-bottom: 22px; border-radius: 13px;
  border: 1px solid rgba(255,255,255,.35);
  background: linear-gradient(155deg,rgba(255,255,255,.22),rgba(255,255,255,.05));
  backdrop-filter: blur(8px) saturate(140%);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.26);
}
.approach-card-icon img { width: 30px; height: 30px; display: block; }
.approach-eyebrow { display: block; font: 11px var(--mono); letter-spacing: .1em; text-transform: uppercase; color: #aebbf0; margin-bottom: 14px; }
.approach-card h3 { margin: 0; font-size: clamp(26px,2.4vw,34px); font-weight: 400; letter-spacing: -.03em; line-height: 1.2; color: #fff; }
/* No artificial max-width here: it was narrower than the card's own
   content box, so paragraphs wrapped early and left a lopsided block of
   empty space on the card's right side instead of filling it evenly. */
.approach-card p { margin: 16px 0 0; font-size: 17px; line-height: 1.6; color: #c4cadb; }
/* A denser desktop glass surface keeps the scrolling word behind the
   cards from competing with their content. Phone styling stays lighter. */
@media (min-width: 761px) {
  .approach-card {
    background: linear-gradient(155deg, rgba(18,19,23,.94), rgba(7,8,11,.90) 55%, rgba(3,4,6,.95));
    border-color: rgba(255,255,255,.22);
    backdrop-filter: blur(24px) saturate(85%);
    -webkit-backdrop-filter: blur(24px) saturate(85%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 24px 60px rgba(0,0,0,.42);
  }
  .approach-card p { color: #d6dbe5; }
}
/* Anchored to the real viewport bottom via position:fixed, not the card's
   position — stays put at the bottom of the screen instead of drifting
   with the card as it scrubs up and down through the center. (Can't use
   bottom:Npx on an absolutely-positioned ancestor here: .approach-stage
   sits inside the site's scale-down, so its own measured height
   is already 90% of the true viewport — anchoring to "its" bottom edge
   lands short of the screen's actual bottom. position:fixed escapes that
   and measures against the real viewport instead.) Visibility is toggled
   from JS only while the approach scroller is actually on screen. */
.approach-progress { position: fixed; left: 50%; bottom: 48px; transform: translateX(-50%); z-index: 90; display: flex; justify-content: center; gap: 10px; opacity: 0; pointer-events: none; transition: opacity .3s ease; }
.approach-progress.is-visible { opacity: 1; }
.approach-dot { width: 26px; height: 3px; border-radius: 2px; background: rgba(255,255,255,.16); transition: background .4s ease; }
.approach-dot.is-active { background: rgba(255,255,255,.85); }
/* Same pinned/scrubbed experience at every width — phone included — just
   scaled down: smaller word, smaller card, tighter travel distance, and a
   closer progress bar so it doesn't crowd a short viewport. */
@media (max-width: 900px) {
  .approach-scroller { height: 280vh; }
  .approach-word { font-size: clamp(64px,18vw,165px); }
}
@media (max-width: 760px) {
  .approach-content { padding: 0 18px; }
  .approach-card-stack { max-width: 94vw; min-height: 315px; }
  /* More generous padding (better internal framing). Alpha dropped hard
     here — a proper glass look at phone width, not just "less dark". */
  .approach-card {
    padding: 30px; border-radius: 14px;
    background: linear-gradient(155deg,rgba(0,0,0,.03),rgba(0,0,0,.05) 55%,rgba(0,0,0,.02));
    border-color: rgba(255,255,255,.32);
  }
  .approach-card-icon { width: 46px; height: 46px; margin-bottom: 16px; }
  .approach-card-icon img { width: 25px; height: 25px; }
  .approach-eyebrow { font-size: 10px; margin-bottom: 12px; }
  .approach-card h3 { font-size: clamp(21px,6.2vw,25px); }
  .approach-card p { font-size: 15px; line-height: 1.55; color: #d6dbe8; }
  /* "Deploy" (6 letters, swapped in by JS at this width) run as large as
     will comfortably fit edge-to-edge — sized for the shorter word, not a
     leftover size tuned for "Deployment". */
  .approach-word { font-size: clamp(90px,31vw,230px); }
  .approach-progress { bottom: 28px; }
}

/* ── Book-a-demo modal — every "Request a demo" / "Explore your
   potential" CTA opens this instead of firing mailto: directly; the form
   itself still ends in a mailto: on submit (no backend on a static
   site), just with the visitor's details pre-filled in rather than
   asking them to type a cold email from scratch. ──────────────────── */
.demo-modal-overlay {
  position: fixed; inset: 0; z-index: 200;
  display: flex; align-items: center; justify-content: center;
  padding: 16px;
  background: rgba(13, 15, 23, 0.4);
  /* The backdrop blur now grows in with the rest of the open animation
     (was a static blur(14px) with only opacity transitioning) — the page
     behind smoothly defocuses instead of snapping to full blur the
     instant opacity starts moving. */
  backdrop-filter: blur(0px) saturate(100%); -webkit-backdrop-filter: blur(0px) saturate(100%);
  opacity: 0; pointer-events: none;
  transition: opacity 0.45s var(--ease), backdrop-filter 0.45s var(--ease), -webkit-backdrop-filter 0.45s var(--ease);
}
.demo-modal-overlay.is-open {
  opacity: 1; pointer-events: auto;
  backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%);
}
.demo-modal {
  position: relative; width: 100%; max-width: 560px; max-height: calc(100vh - 32px);
  overflow-y: auto;
  /* Apple-sheet glass: a mostly-transparent white tint over a strong
     blur, with a bright inset top edge standing in for the specular
     highlight a real frosted pane catches — not a flat opaque card. */
  background: linear-gradient(165deg, rgba(255,255,255,.72), rgba(255,255,255,.52));
  backdrop-filter: blur(0px) saturate(100%);
  -webkit-backdrop-filter: blur(0px) saturate(100%);
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 18px;
  padding: clamp(22px, 3vw, 32px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    0 1px 0 rgba(255,255,255,.4),
    0 30px 80px rgba(13, 15, 23, 0.3);
  /* A softer, larger settle (more scale/offset to travel, plus a touch
     of its own blur easing out as it arrives) reads as the sheet drifting
     and coming into focus, rather than a card just sliding up and
     stopping — the previous version resolved its 14px/0.98 offset so
     quickly it read as a snap rather than a continuous motion. */
  transform: translateY(26px) scale(.92);
  opacity: 0;
  filter: blur(7px);
  transition:
    transform 0.55s var(--ease), opacity 0.4s var(--ease), filter 0.45s var(--ease),
    backdrop-filter 0.55s var(--ease), -webkit-backdrop-filter 0.55s var(--ease);
}
.demo-modal-overlay.is-open .demo-modal {
  transform: translateY(0) scale(1); opacity: 1; filter: blur(0px);
  backdrop-filter: blur(28px) saturate(180%); -webkit-backdrop-filter: blur(28px) saturate(180%);
}
.demo-modal-close {
  position: absolute; top: 14px; right: 14px; z-index: 1;
  display: grid; place-items: center; width: 30px; height: 30px;
  padding: 0; border-radius: 50%; border: 1px solid rgba(255,255,255,.7);
  background: rgba(255,255,255,.45); color: var(--ink-2); cursor: pointer;
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
  transition: background 0.2s var(--ease), color 0.2s var(--ease), border-color 0.2s var(--ease);
}
.demo-modal-close:hover { background: var(--ink); border-color: var(--ink); color: var(--bg); }
.demo-modal-close svg { width: 13px; height: 13px; }
.demo-modal-body h2 {
  margin: 0 0 20px; padding-right: 30px;
  font: 400 clamp(26px, 3.2vw, 33px)/1.18 var(--sans); letter-spacing: -.03em; color: var(--ink);
}
.demo-form-row { display: flex; gap: 10px; margin-bottom: 9px; }
/* Each reveal item fades/rises in on its own beat when the modal opens
   (see .demo-reveal below, keyed off --i per element) — not everything
   just appearing at once the moment the sheet is in place. */
.demo-reveal {
  opacity: 0; transform: translateY(10px);
  transition: opacity 0.48s var(--ease), transform 0.48s var(--ease);
  /* Starts after the sheet itself has begun settling (fixed base delay)
     rather than racing it from frame zero — panel arrives, then its
     contents populate, which reads as one continuous sequence instead of
     two separate animations firing at once. */
  transition-delay: calc(110ms + var(--i, 0) * 60ms);
}
.demo-modal-overlay.is-open .demo-reveal { opacity: 1; transform: none; }
/* Liquid-glass pills — each control is its own little lens on the sheet
   behind it: a soft gradient fill, heavy blur+saturate, and a layered
   inset shadow (bright top edge, soft dark underside) standing in for
   the curved specular highlight a real glass bead catches. */
.demo-input {
  width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(13,15,23,.1);
  /* Greyer, lower-opacity fill than the panel's own highlight tone — close
     enough to the glass behind it to merge with it instead of sitting on
     top as a brighter white pill. */
  background: linear-gradient(165deg, rgba(120,124,140,.16), rgba(120,124,140,.07));
  color: var(--ink); font: 14px/1.4 var(--sans);
  backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 -1px 2px rgba(13,15,23,.05),
    0 1px 2px rgba(13,15,23,.03);
  transition: background 0.2s var(--ease), border-color 0.2s var(--ease), box-shadow 0.2s var(--ease);
}
.demo-input::placeholder { color: var(--ink-3); }
.demo-input:focus-visible {
  outline: none; border-color: rgba(68,85,214,.5);
  background: linear-gradient(165deg, rgba(120,124,140,.24), rgba(120,124,140,.12));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 0 0 3px rgba(68,85,214,.18);
}
.demo-textarea { display: block; width: 100%; resize: vertical; min-height: 86px; margin-bottom: 11px; }
.demo-select {
  appearance: none; -webkit-appearance: none;
  /* Layered as a SECOND background, not a replacement — .demo-select used
     to set background-image alone, which (same specificity, later in the
     sheet) wiped out .demo-input's whole `background` shorthand including
     its grey gradient, leaving the select see-through/white against the
     lighter glass behind it instead of matching the other grey fields. */
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23585d6c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(165deg, rgba(120,124,140,.16), rgba(120,124,140,.07));
  /* The icon's own <svg> has no width/height, only a viewBox — without an
     explicit background-size a bare-viewBox SVG background falls back to
     the browser's generic replaced-element default (300×150), which is
     what was rendering as a huge chevron rather than a small glyph. */
  background-size: 10px auto, cover;
  background-repeat: no-repeat, no-repeat; background-position: right 13px center, 0 0; padding-right: 34px;
}
/* .demo-select itself stays placeholder-grey until a real option is
   picked — :invalid alone doesn't fire here since the field isn't
   `required`, so .has-value (toggled in JS on change) carries it. */
.demo-select { color: var(--ink-3); }
.demo-select.has-value { color: var(--ink); }
.demo-select option[value=""] { color: var(--ink-3); }
.demo-select option { color: var(--ink); }
.demo-select-full { display: block; width: 100%; margin-bottom: 9px; }
.demo-tags { border: 0; margin: 0 0 12px; padding: 0; }
.demo-tags-label { padding: 0 0 7px; font: 10px var(--mono); letter-spacing: .07em; text-transform: uppercase; color: var(--ink); }
.demo-tag-group { display: flex; flex-wrap: wrap; gap: 6px; }
.demo-tag { position: relative; }
.demo-tag input {
  position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer;
}
/* Glass pills, same lens-on-the-sheet treatment as the other fields —
   neutral like them at rest; picking one is what turns the frame and
   text blue, not a default state. */
.demo-tag span {
  display: inline-flex; align-items: center; padding: 6px 11px; border-radius: 999px;
  border: 1px solid rgba(13,15,23,.1);
  background: linear-gradient(165deg, rgba(120,124,140,.16), rgba(120,124,140,.07));
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
  font-size: 11.5px; color: var(--ink-2);
  transition: background 0.2s var(--ease), color 0.2s var(--ease), border-color 0.2s var(--ease);
}
.demo-tag input:checked + span {
  border-color: var(--blue); color: var(--blue);
  background: linear-gradient(165deg, rgba(68,85,214,.18), rgba(68,85,214,.07));
}
.demo-tag input:focus-visible + span { box-shadow: 0 0 0 3px rgba(68,85,214,.25); }
.demo-tag:hover span { border-color: var(--blue); }
.demo-consent {
  display: flex; align-items: flex-start; gap: 9px; margin-bottom: 11px; cursor: pointer;
}
.demo-consent input {
  appearance: none; -webkit-appearance: none;
  margin-top: 1px; width: 16px; height: 16px; flex-shrink: 0; cursor: pointer;
  border-radius: 6px; border: 1px solid rgba(13,15,23,.12);
  background: linear-gradient(165deg, rgba(120,124,140,.16), rgba(120,124,140,.07));
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -1px 2px rgba(13,15,23,.05);
  transition: background 0.2s var(--ease), box-shadow 0.2s var(--ease);
}
.demo-consent input:checked {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.2l3 3 6-6.4' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(165deg, var(--ink), #2a2c36);
  background-size: 9px auto, cover;
  background-repeat: no-repeat; background-position: center;
  border-color: var(--ink);
  box-shadow: inset 0 1.5px 0 rgba(255,255,255,.25);
}
.demo-consent input:focus-visible { box-shadow: 0 0 0 3px rgba(68,85,214,.25); }
.demo-consent span { font-size: 12px; line-height: 1.5; color: var(--ink); }
.demo-legal { margin: 0 0 14px; font-size: 11px; line-height: 1.55; color: var(--ink); }
/* Same glass-pill concept as the agent tags, neutral at rest like them
   too — a thicker frame (this is the one button in the form, it can
   carry more weight) and the brand typeface front and center instead of
   the mono micro-label treatment. Blue is still the "activated" accent,
   now reserved for hover/press. */
/* A uniform blue edge and soft tonal lift, with no rotating highlight. */
.demo-submit {
  display: flex; align-items: center; justify-content: center;
  width: 100%; min-height: 46px; padding: 12px 16px;
  border: 1px solid rgba(75,103,173,.3); border-radius: 12px;
  background: rgba(109,137,196,.1);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 2px 8px rgba(42,63,104,.04);
  color: #283c65; font: 500 14px var(--sans); letter-spacing: .01em;
  text-transform: none; text-align: center; cursor: pointer;
  transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, color 220ms ease, transform 180ms ease;
}
@media (hover: hover) {
  .demo-submit:hover {
    color: #203b73; background-color: rgba(105,139,209,.18);
    border-color: rgba(74,112,193,.62);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 0 0 3px rgba(87,126,205,.09), 0 4px 14px rgba(42,63,104,.08);
  }
}
.demo-submit:focus-visible { outline: 2px solid #587dc1; outline-offset: 3px; }
.demo-modal .demo-submit:active { transform: scale(.99); background-color: rgba(105,139,209,.23); border-color: rgba(74,112,193,.65); }
.demo-modal-success h2 { margin: 0 0 14px; font: 400 clamp(24px, 3vw, 30px)/1.25 var(--sans); letter-spacing: -.03em; color: var(--ink); }
.demo-modal-success p { margin: 0 0 24px; font-size: 14.5px; line-height: 1.6; color: var(--ink-2); }
.demo-modal-success p a { color: var(--blue-ink); }
@media (max-width: 620px) {
  .demo-form-row { flex-direction: column; gap: 14px; }
  .demo-modal { padding: 28px 22px; border-radius: 14px; }
}

/* Demo motion: a single crisp entrance, without animating expensive blur filters. */
.demo-modal-overlay[hidden] { display: none; }
.demo-modal-overlay {
  padding: 24px;
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
  transition: opacity 300ms cubic-bezier(.22,1,.36,1);
  overscroll-behavior: contain;
}
.demo-modal-overlay.is-open {
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
}
.demo-modal, .demo-modal-overlay.is-open .demo-modal {
  filter: none;
  backdrop-filter: blur(28px) saturate(150%);
  -webkit-backdrop-filter: blur(28px) saturate(150%);
}
.demo-modal {
  max-height: calc(100dvh - 48px);
  transform: translate3d(0,18px,0) scale(.99);
  transition: transform 460ms cubic-bezier(.16,1,.3,1), opacity 280ms ease;
  overscroll-behavior: contain;
  outline: none;
}
.demo-modal-overlay.is-open .demo-modal { transform: translate3d(0,0,0) scale(1); }
.demo-reveal { transform: none; transition: opacity 240ms ease; transition-delay: 0ms; }
.demo-modal-overlay.is-open .demo-reveal { transition-delay: calc(50ms + var(--i,0) * 12ms); }
.demo-modal-close { width: 40px; height: 40px; }
@media (max-width: 620px) {
  .demo-modal-overlay { padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)); }
  .demo-modal { max-height: calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom))); border-radius: 22px; transform: translate3d(0,22px,0) scale(.995); }
  .demo-modal-overlay.is-open .demo-modal { transform: translate3d(0,0,0); }
  .demo-input { font-size: 14px; line-height: 1.45; padding: 11px 13px; min-height: 44px; }
  .demo-select { padding-right: 34px; }
  .demo-modal-body h2 { font-size: 24px; line-height: 1.2; margin-bottom: 18px; }
  .demo-form-row { gap: 10px; }
  .demo-textarea { min-height: 88px; }
  .demo-submit { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .demo-modal-overlay, .demo-modal, .demo-reveal { transition: none; transition-delay: 0ms; }
  .demo-modal, .demo-reveal { transform: none; }
}
.demo-modal-overlay:not(.is-open) .demo-modal { transition-duration: 240ms, 200ms; }
@media (prefers-reduced-motion: reduce) {
  .demo-modal-overlay:not(.is-open) .demo-modal { transition-duration: 0ms; }
}
/* Keep the Submit hover smooth after its entrance reveal completes. */
.demo-modal .demo-submit.demo-reveal {
  transition: opacity 240ms ease, background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, color 220ms ease, transform 180ms ease;
  transition-delay: 0ms;
}
@media (prefers-reduced-motion: reduce) {
  .demo-modal .demo-submit.demo-reveal { transition: none; }
}

/* Submission confirmation occupies the form's existing footprint. */
.demo-modal { transition: transform 460ms cubic-bezier(.16,1,.3,1), opacity 280ms ease, background-color 300ms ease, border-color 300ms ease; }
#demoModalBody { transition: opacity 220ms ease, transform 300ms cubic-bezier(.22,1,.36,1); }
.demo-modal.is-confirming { background: #000000; border-color: rgba(170,193,234,.24); }
.demo-modal.is-confirming #demoModalBody { opacity: 0; transform: translateY(-8px); pointer-events: none; }
.demo-modal-success[hidden] { display: none; }
.demo-modal-success {
  position: absolute; inset: 0; padding: 44px 30px; display: flex; flex-direction: column;
  align-items: center; justify-content: center; text-align: center; opacity: 0;
  transform: translateY(10px); transition: opacity 260ms ease, transform 420ms cubic-bezier(.16,1,.3,1); outline: none;
}
.demo-modal.is-confirming .demo-modal-success { opacity: 1; transform: none; }
#demoSuccessSphere { display: block; flex: 0 0 auto; width: min(240px,100%); height: 240px; margin: 0 auto 22px; }
.demo-modal-success h2 { font-size: 30px; color: #f4f7fc; margin: 0 0 14px; letter-spacing: -.035em; }
.demo-modal-success p { max-width: 370px; margin: 0; color: #aebbd0; font-size: 14px; line-height: 1.65; text-wrap: pretty; }
.demo-modal.is-confirming .demo-modal-close { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); color: #eef3ff; box-shadow: none; }
.demo-submit-error { font-size: 12px; line-height: 1.5; color: #943434; margin: 0 0 12px; }
.demo-submit:disabled { cursor: wait; opacity: .65; }
@media (max-width: 620px) {
  .demo-modal-success { padding: 40px 24px; }
  .demo-modal-success h2 { font-size: 27px; }
  .demo-modal-success p { font-size: 13px; }
  #demoSuccessSphere { width: 210px; height: 210px; margin-bottom: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .demo-modal, #demoModalBody, .demo-modal-success { transition: none; transform: none; }
}

/* Mobile header: keep the action inside the capsule at narrow widths. */
@media (max-width: 720px) {
  .nav .nav-inner { padding: 0 5px 0 14px; gap: 10px; align-items: center; }
  .nav .brand { flex: 0 1 auto; min-width: 0; }
  .nav .brand-logo { width: clamp(106px, 32vw, 128px); height: auto; max-width: 100%; }
  .nav .nav-cta { flex: 0 0 auto; margin-left: auto; gap: 0; }
  .nav .nav-cta .btn-primary {
    height: 38px; min-height: 38px; padding: 0 12px;
    font-size: 11.5px; font-weight: 500; line-height: 1;
    white-space: nowrap; gap: 7px; justify-content: center;
  }
  .nav .nav-cta .btn-primary svg { width: 12px; height: 12px; flex: 0 0 12px; }
}

/* Confirmation uses the Product agent orb as its central visual. */
#demoSuccessSphere { width: min(400px, 100%); height: auto; aspect-ratio: 1; margin: -24px auto 0; }
@media (max-width: 620px) {
  .demo-modal-success { padding: 32px 20px; }
  #demoSuccessSphere { width: min(320px, 100%); height: auto; margin: -16px auto 0; }
}

/* Keep the confirmation orb subdued against its dark backdrop. */
#demoSuccessSphere { filter: brightness(.62) saturate(1.12); }

/* One continuous demo sequence: glass sheet, orb reveal, then the landing page. */
.demo-modal-overlay { transition: opacity 600ms cubic-bezier(.22,1,.36,1), background-color 550ms ease; }
.demo-modal { transform: translate3d(0,24px,0) scale(.975); transition: transform 650ms cubic-bezier(.16,1,.3,1), opacity 450ms ease, background-color 500ms ease, border-color 500ms ease; }
.demo-modal-overlay:not(.is-open) .demo-modal { transition-duration: 500ms; }
.demo-reveal { transform: translateY(5px); transition: opacity 380ms ease, transform 500ms cubic-bezier(.22,1,.36,1); }
.demo-modal-overlay.is-open .demo-reveal { transform: none; transition-delay: calc(90ms + var(--i,0) * 16ms); }
#demoModalBody { transition: opacity 220ms ease, transform 320ms cubic-bezier(.22,1,.36,1); }
.demo-modal.is-submitting #demoModalBody { opacity: 0; transform: translateY(-6px); pointer-events: none; }
.demo-modal-overlay.has-confirmation { background-color: #000000; }
.demo-modal-success { transform: translateY(12px); transition: opacity 500ms ease, transform 650ms cubic-bezier(.16,1,.3,1); }
#demoSuccessSphere { opacity: 0; transform: scale(.88); transition: opacity 550ms ease, transform 800ms cubic-bezier(.16,1,.3,1); }
.demo-modal.is-confirming #demoSuccessSphere { opacity: 1; transform: scale(1); }
.demo-modal-success h2, .demo-modal-success p { opacity: 0; transform: translateY(8px); transition: opacity 450ms ease, transform 550ms cubic-bezier(.22,1,.36,1); }
.demo-modal.is-confirming .demo-modal-success h2 { opacity: 1; transform: none; transition-delay: 120ms; }
.demo-modal.is-confirming .demo-modal-success p { opacity: 1; transform: none; transition-delay: 200ms; }
.demo-modal-overlay.is-returning { transition-delay: 120ms, 0ms; }
.demo-modal-overlay.is-returning .demo-modal { transform: translate3d(0,-8px,0) scale(.985); }
.demo-modal-overlay.is-returning #demoSuccessSphere { transform: scale(.94); opacity: 0; transition-duration: 450ms; }
@media (prefers-reduced-motion: reduce) {
  .demo-modal-overlay, .demo-modal, .demo-reveal, #demoModalBody, .demo-modal-success,
  #demoSuccessSphere, .demo-modal-success h2, .demo-modal-success p { transition: none !important; transition-delay: 0ms !important; transform: none !important; }
}

/* Compact phone demo: optional agent choices expand on demand. */
.demo-phone-copy, .demo-agents-toggle { display: none; }
@media (max-width: 620px) {
  .demo-desktop-copy { display: none; }
  .demo-phone-copy { display: inline; }
  .demo-modal { padding: 26px 20px 22px; }
  .demo-modal-body h2 { font-size: 24px; padding-right: 42px; margin-bottom: 22px; }
  .demo-textarea { min-height: 72px; height: 72px; }
  .demo-tags-label { display: none; }
  .demo-agents-toggle { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 44px; padding: 8px 0; border: 0; background: transparent; color: var(--ink); font: 13px var(--sans); cursor: pointer; }
  .demo-agents-toggle span { font-size: 20px; }
  .demo-agents-toggle[aria-expanded="false"] + .demo-tag-group { display: none; }
  .demo-agents-toggle[aria-expanded="true"] + .demo-tag-group { margin: 4px 0 10px; }
  .demo-consent span { font-size: 11px; line-height: 1.45; }
  .demo-legal { font-size: 10px; line-height: 1.45; margin-bottom: 12px; }
}

/* Smaller typography in the phone demo form. */
@media (max-width: 620px) {
  .demo-modal-body h2 { font-size: 20px; line-height: 1.25; }
  .demo-modal .demo-input { font-size: 12px; line-height: 1.45; }
}

/* Phone demo is a full-screen light page, without a card outline. */
@media (max-width: 620px) {
  .demo-modal-overlay { padding: 0; background: #e9eaed; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .demo-modal-overlay.is-open { backdrop-filter: none; -webkit-backdrop-filter: none; }
  .demo-modal, .demo-modal-overlay.is-open .demo-modal, .demo-modal-overlay.is-returning .demo-modal {
    width: 100%; max-width: none; height: 100dvh; max-height: 100dvh;
    padding: max(82px, calc(env(safe-area-inset-top) + 64px)) 24px max(28px, env(safe-area-inset-bottom));
    border: 0; border-radius: 0; box-shadow: none;
    backdrop-filter: none; -webkit-backdrop-filter: none; transform: none; color-scheme: light;
  }
  .demo-modal:not(.is-confirming) { background: linear-gradient(155deg, #f4f5f7, #e3e5e9); }
  .demo-desktop-copy { display: inline; }
  .demo-phone-copy { display: none; }
  #demoModalBody { max-width: 420px; margin: 0 auto; }
  .demo-modal-body h2 { padding-right: 0; margin-bottom: 26px; font-size: 20px; line-height: 1.35; }
  .demo-reveal, .demo-modal-overlay.is-open .demo-reveal, .demo-modal.is-submitting #demoModalBody { transform: none; }
  .demo-modal-close { top: max(18px, env(safe-area-inset-top)); right: 20px; width: 40px; height: 40px; }
  .demo-modal .demo-input, .demo-tag span, .demo-consent input, .demo-modal .demo-submit { backdrop-filter: none; -webkit-backdrop-filter: none; }
  .demo-modal-overlay.has-confirmation { background: #000000; }
  .demo-modal-success { padding: max(64px, env(safe-area-inset-top)) 24px max(32px, env(safe-area-inset-bottom)); }
}

/* Agent choices unfold as one panel, followed by a gentle stagger of pills. */
@media (max-width: 620px) {
  .demo-modal-body h2 { font-size: 26px; line-height: 1.22; letter-spacing: -.035em; }
  .demo-agents-reveal { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows 440ms cubic-bezier(.22,1,.36,1), visibility 0s 440ms; }
  .demo-agents-clip { min-height: 0; overflow: hidden; }
  .demo-agents-reveal .demo-tag-group { padding: 4px 2px 12px; }
  .demo-agents-reveal[data-expanded="true"] { grid-template-rows: 1fr; visibility: visible; transition-delay: 0s; }
  .demo-agents-reveal .demo-tag { opacity: 0; transform: translateY(7px); transition: opacity 180ms ease, transform 240ms ease; }
  .demo-agents-reveal[data-expanded="true"] .demo-tag { opacity: 1; transform: none; transition-duration: 660ms, 660ms; transition-delay: calc(var(--tag-index,0) * 120ms); }
  .demo-agents-toggle span { transition: transform 350ms cubic-bezier(.22,1,.36,1); }
  .demo-agents-toggle[aria-expanded="true"] span { transform: rotate(45deg); }
}
@media (prefers-reduced-motion: reduce) {
  .demo-agents-reveal, .demo-agents-reveal .demo-tag, .demo-agents-toggle span { transition: none !important; transform: none !important; }
}

.demo-contact-label { display: none; }
@media (max-width: 620px) {
  .demo-contact-label { display: flex; align-items: center; position: absolute; top: max(18px, env(safe-area-inset-top)); left: 24px; height: 40px; font: 400 14px/1 var(--sans); color: #818692; transition: opacity 220ms ease; }
  .demo-modal.is-submitting .demo-contact-label { opacity: 0; }
  .demo-agents-reveal[data-expanded="true"] { transition-duration: 1500ms, 0s; }
}

/* More usable width for both mobile calculator steps. */
@media (max-width: 700px) {
  .savings-section { padding-left: 12px; padding-right: 12px; }
  .savings-shell { padding: 24px 16px; }
  .savings-inner, .savings-section.is-stepped .savings-stepbar { max-width: none; }
  .savings-section.is-stepped .savings-results { padding: 20px 16px; }
}

/* Security: four quiet, precise cards; vertical browsing on smaller screens. */
.security-section {  position: relative; background: var(--bg); color: var(--ink); padding: 20px 28px 84px; scroll-margin-top: 84px; }
.security-inner { max-width: 1480px; margin: 0 auto; }
.security-heading.section-head { max-width: 790px; margin-bottom: 48px; }
.security-heading .kicker { color: #606568; margin-bottom: 22px; letter-spacing: .09em; }
.security-heading h2 { font-size: clamp(34px,3.5vw,54px); font-weight: 400; letter-spacing: -.045em; line-height: 1.12; }
.security-cards { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.security-card { position: relative; padding: 28px; border: 1px solid #dedfe4; border-radius: 16px; background: linear-gradient(145deg,#fff,#fafbfc); min-height: 340px; }
.security-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 36px; }
.security-card-top svg { width: 34px; height: 34px; color: #6878a2; }
.security-status { display: inline-flex; align-items: center; gap: 7px; font: 10px var(--mono); letter-spacing: .07em; text-transform: uppercase; color: #66786f; }
.security-status i { width: 5px; height: 5px; border-radius: 50%; background: #7b9b88; box-shadow: 0 0 0 4px #7b9b880d; }
.security-number { display: block; font: 10px var(--mono); color: #9398a3; margin-bottom: 12px; }
.security-card h3 { font-size: 23px; line-height: 1.2; font-weight: 400; letter-spacing: -.035em; margin: 0 0 16px; }
.security-card p { font-size: 14px; line-height: 1.65; color: #747984; margin: 0; }
.security-controls { display: none; }
@media (max-width: 1100px) {
  .security-browser { display: grid; grid-template-columns: minmax(0,1fr) 48px; gap: 16px; }
  .security-cards { display: flex; flex-direction: column; height: 340px; overflow-y: auto; scroll-snap-type: y mandatory; overscroll-behavior-y: contain; scrollbar-width: none; }
  .security-cards::-webkit-scrollbar { display: none; }
  .security-card { min-height: 340px; flex: 0 0 340px; scroll-snap-align: start; }
  .security-card p { max-width: 560px; }
  .security-controls { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; }
  
  
  
  .security-controls span { font: 10px var(--mono); color: #636975; white-space: nowrap; }
}
@media (max-width: 700px) {
  .security-section { padding: 18px 18px 54px; }
  .security-heading.section-head { margin-bottom: 26px; }
  .security-heading .kicker { margin-bottom: 16px; }
  .security-browser { gap: 10px; grid-template-columns: minmax(0,1fr) 42px; }
  .security-card { padding: 24px; }
}

/* Match Industries on narrow screens: tall cards, peeking neighbours, horizontal controls. */
@media (max-width: 1100px) {
  .security-browser { display: flex; flex-direction: column; gap: 24px; }
  .security-controls { order: -1; flex-direction: row; justify-content: flex-end; gap: 10px; }
  .security-controls span { order: -1; margin-right: auto; letter-spacing: .12em; }
  
  .security-cards { flex-direction: row; height: auto; gap: 20px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; overscroll-behavior-y: auto; margin-right: -28px; padding-right: 28px; padding-bottom: 12px; }
  .security-card { flex: 0 0 clamp(290px,25vw,380px); min-height: 0; aspect-ratio: .64; border-radius: 9px; padding: 33px 29px; }
  .security-card h3 { font-size: 25px; }
  .security-card-top { margin-bottom: 56px; }
}
@media (max-width: 600px) {
  .security-section { padding-left: 28px; padding-right: 28px; }
  .security-card { flex-basis: min(79vw,330px); aspect-ratio: .70; padding: 28px 24px; }
  .security-cards { gap: 14px; }
  
  .security-heading h2 { max-width: 340px; font-size: 34px; }
}

/* Identical chevrons and interaction styling to Industries navigation. */






/* Full-bleed Security carousel with the same starting gutter as Industries. */
@media (max-width: 1100px) {
  .security-section { padding-left: 28px; padding-right: 28px; overflow: hidden; }
  .security-cards {
    --security-card-width: clamp(290px,25vw,380px);
    margin-left: -28px; margin-right: -28px;
    padding-left: 28px; padding-right: 28px;
    scroll-padding-inline: 28px;
  }
  .security-card { flex-basis: var(--security-card-width); scroll-snap-align: start; }
}
@media (max-width: 600px) {
  .security-cards { --security-card-width: min(79vw,330px); }
}

/* Blue live-status indicator. */
.security-status i { background: #526ee5; box-shadow: 0 0 0 0 rgba(82,110,229,.25); animation: security-status-pulse 2.2s ease-out infinite; }
@keyframes security-status-pulse {
  0% { box-shadow: 0 0 0 0 rgba(82,110,229,.3); }
  70%, 100% { box-shadow: 0 0 0 6px rgba(82,110,229,0); }
}
@media (prefers-reduced-motion: reduce) {
  .security-status i { animation: none; box-shadow: 0 0 0 3px rgba(82,110,229,.1); }
}



/* Sculpted, consistent security symbols with deliberate action and generous holds. */
.security-icon-tile { width: 56px; height: 56px; flex: 0 0 56px; display: grid; place-items: center; border-radius: 20px; background: linear-gradient(145deg,#fff,#eef1f7); border: 1px solid #e5e9f1; box-shadow: inset 0 1px 0 #fff, 0 5px 12px #283e6407; }
.security-card-top svg { width: 37px; height: 37px; overflow: visible; color: #7888a6; }
.security-card-top svg [class^="si-"] { animation-duration: 7s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(.4,0,.2,1); }
.si-shackle { transform-origin: 33px 22px; animation-name: si-lock; }
.si-key { transform-origin: 24px 23px; animation-name: si-authorize; }
.si-approval { transform-origin: 34px 34px; animation-name: si-approve; }
.si-check { stroke-dasharray: 1; animation-name: si-checkmark; }
.si-row path { stroke-dasharray: 1; }
.si-row-one { animation-name: si-log-one; }
.si-row-two { animation-name: si-log-two; }
.si-row-three { animation-name: si-log-three; }
.si-scan { animation-name: si-scan; }
.security-card:not(.security-in-view) .security-card-top svg * { animation-play-state: paused; }
@keyframes si-lock { 0%, 10% { transform: translateY(-3px) rotate(25deg); } 26%, 88% { transform: none; } 100% { transform: translateY(-3px) rotate(25deg); } }
@keyframes si-authorize { 0%, 12% { transform: translateX(-3px); } 24% { transform: translateX(0); } 36%, 55% { transform: rotate(90deg); } 70%, 88% { transform: none; } 100% { transform: translateX(-3px); } }
@keyframes si-approve { 0%, 10% { transform: translateY(4px) scale(.92); opacity: .3; } 28%, 88% { transform: none; opacity: 1; } 100% { transform: translateY(4px) scale(.92); opacity: .3; } }
@keyframes si-checkmark { 0%, 24% { stroke-dashoffset: 1; } 40%, 90% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes si-log-one { 0%, 12% { opacity: 0; transform: translateY(2px); } 24%, 88% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes si-log-two { 0%, 28% { opacity: 0; transform: translateY(2px); } 40%, 88% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes si-log-three { 0%, 44% { opacity: 0; transform: translateY(2px); } 56%, 88% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes si-scan { 0%, 8% { transform: translateY(0); opacity: 0; } 14% { opacity: .6; } 58% { transform: translateY(20px); opacity: .6; } 65%, 100% { transform: translateY(20px); opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .security-card-top svg * { animation: none !important; transform: none !important; stroke-dashoffset: 0; }
  .si-scan { opacity: 0; }
}


/* Login shares the demo's glass controls and a calm, focused desktop layout. */
.login-dialog { position: fixed; inset: 0; margin: auto; width: min(480px,calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; padding: 44px 40px 30px; border: 1px solid rgba(255,255,255,.65); border-radius: 22px; background: linear-gradient(155deg,rgba(255,255,255,.82),rgba(237,240,246,.68)); backdrop-filter: blur(28px) saturate(150%); -webkit-backdrop-filter: blur(28px) saturate(150%); color: var(--ink); box-shadow: inset 0 1px 0 #ffffffc9,0 28px 80px #11182d26; opacity: 0; transform: translateY(16px) scale(.98); transition: opacity 400ms ease,transform 600ms cubic-bezier(.16,1,.3,1); }
.login-dialog::backdrop { background: rgba(16,20,30,.22); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); opacity: 0; transition: opacity 400ms ease; }
.login-dialog.is-open { opacity: 1; transform: none; }
.login-dialog.is-open::backdrop { opacity: 1; }
.login-dialog .demo-modal-close { width: 36px; height: 36px; }
.login-eyebrow { display: block; color: #7d8491; font-size: 12px; margin-bottom: 24px; }
.login-dialog h2 { font-size: 34px; line-height: 1.15; font-weight: 400; letter-spacing: -.04em; margin: 0 0 12px; }
.login-intro { color: #737b8c; font-size: 14px; line-height: 1.5; margin: 0 0 28px; }
.login-dialog label { display: block; color: #666f80; font-size: 12px; margin-bottom: 8px; }
.login-dialog #loginEmail { margin-bottom: 20px; }
.login-dialog .demo-input { min-height: 46px; }
.login-password { position: relative; margin-bottom: 26px; }
.login-password input { padding-right: 66px; }
.login-password button { position: absolute; top: 0; right: 5px; height: 100%; padding: 0 12px; border: 0; background: transparent; color: #64738f; font: 12px var(--sans); cursor: pointer; }
.login-dialog .demo-submit { gap: 12px; }
.login-dialog .demo-submit svg { width: 16px; height: 16px; }
.login-help { text-align: center; margin: 24px 0 0; color: #868d99; font-size: 12px; }
.login-help a { color: #536989; text-decoration: none; margin-left: 4px; }
.login-help a:hover { text-decoration: underline; }
.login-error { margin: 0 0 18px; color: #695b68; font-size: 12px; line-height: 1.5; }
.login-dialog :focus-visible { outline: 2px solid #8298c3; outline-offset: 3px; }
@media(max-width: 620px) { .login-dialog { padding: 42px 24px 28px; } .login-dialog h2 { font-size: 28px; } }
@media(prefers-reduced-motion: reduce) { .login-dialog,.login-dialog::backdrop { transition: none; transform: none; } }

/* Login preview: a quiet full-screen brand transition. */
.login-dialog.is-loading { width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: #000; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; transform: none; }
.login-dialog.is-loading::backdrop { background: #000; }
.login-dialog.is-loading .login-content, .login-dialog.is-loading .demo-modal-close { visibility: hidden; pointer-events: none; }
.login-loading-screen[hidden] { display: none; }
.login-loading-screen { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 38px; outline: none; background: #000; }
.login-loading-screen img { width: clamp(190px,23vw,280px); height: auto; filter: invert(1); animation: login-brand-arrive 650ms cubic-bezier(.16,1,.3,1) both; }
.login-loading-track { width: clamp(140px,17vw,200px); height: 2px; overflow: hidden; border-radius: 999px; background: #ffffff16; }
.login-loading-track span { display: block; width: 100%; height: 100%; transform-origin: left; background: linear-gradient(90deg,#677cba,#b4c3ec,#f0f4ff); box-shadow: 0 0 12px #8ca3e860; animation: login-progress 1500ms cubic-bezier(.25,.45,.35,1) both; }
@keyframes login-brand-arrive { from { opacity: 0; transform: translateY(8px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes login-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media(prefers-reduced-motion:reduce) { .login-loading-screen img { animation: none; } .login-loading-track span { animation-timing-function: linear; } }

/* Client stories: approved copy and operational outcomes. */
.client-quote--blue { grid-template-columns: .65fr 1.35fr; gap: 28px; }
.client-quote-content { padding-top: 0; }
.client-quote blockquote, .client-quote--light blockquote { font-size: clamp(22px, 1.85vw, 28px); line-height: 1.4; letter-spacing: -.025em; }
.client-metric { display: flex; flex-direction: column; gap: 12px; }
.client-metric strong { font-size: clamp(58px, 6vw, 92px); font-weight: 400; line-height: 1; letter-spacing: -.065em; white-space: nowrap; }
.client-metric > span { max-width: 180px; font-size: 13px; line-height: 1.45; opacity: .75; }
.client-quote--light { padding-top: clamp(28px, 3vw, 52px); gap: 32px; }
.client-quote-footer { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; }
.client-quote-footer figcaption { margin-top: 0; }
.client-quote-footer .client-metric strong { font-size: clamp(48px, 4vw, 64px); }
@media (max-width: 1000px) {
  .client-quote--blue { grid-template-columns: 1fr; gap: 28px; }
  .client-metric strong { font-size: 60px; }
}
@media (max-width: 760px) {
  .client-quote blockquote, .client-quote--light blockquote { font-size: 22px; line-height: 1.4; }
  .client-quote-footer { flex-direction: column; align-items: flex-start; gap: 28px; }
  .client-quote-footer .client-metric { order: -1; }
  .client-metric { gap: 8px; }
  .client-metric > span { max-width: none; }
}

/* FAQ: quiet black surface with a curtain reveal. */
.faq-section {  background: #000; color: #f6f6fa; padding: 80px 28px 104px; scroll-margin-top: 110px; }
.faq-inner { max-width: 1480px; margin: 0 auto; }
.faq-heading.section-head { max-width: 790px; margin-bottom: 48px; }
.faq-heading .kicker { color: #aab3bb; margin-bottom: 22px; letter-spacing: .09em; }
.faq-heading h2 { font-size: clamp(34px,3.5vw,54px); font-weight: 400; letter-spacing: -.045em; line-height: 1.12; }
.faq-list { border-top: 1px solid #ffffff24; }
.faq-item { border-bottom: 1px solid #ffffff24; }
.faq-item h3 { margin: 0; }
.faq-trigger { display: flex; align-items: center; justify-content: space-between; gap: 28px; width: 100%; padding: 28px 0; border: 0; background: transparent; color: #e6e8ee; text-align: left; font: inherit; font-size: clamp(18px,1.65vw,23px); font-weight: 400; line-height: 1.35; letter-spacing: -.025em; cursor: pointer; transition: color 250ms ease; }
.faq-trigger:hover, .faq-item.is-open .faq-trigger { color: #fff; }
.faq-trigger:focus-visible { outline: 2px solid #819bea; outline-offset: 6px; border-radius: 4px; }
.faq-plus { position: relative; flex: 0 0 36px; height: 36px; border-radius: 50%; border: 1px solid #ffffff26; background: linear-gradient(145deg,#ffffff12,#ffffff04); transition: background 350ms ease,border-color 350ms ease; }
.faq-plus::before, .faq-plus::after { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 1px; background: currentColor; transform: translate(-50%,-50%); }
.faq-plus::after { transform: translate(-50%,-50%) rotate(90deg); transition: transform 550ms cubic-bezier(.22,1,.36,1),opacity 350ms ease; }
.faq-item.is-open .faq-plus { background: #ffffff16; border-color: #ffffff40; }
.faq-item.is-open .faq-plus::after { transform: translate(-50%,-50%) rotate(0); opacity: 0; }
.faq-answer { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows 650ms cubic-bezier(.22,1,.36,1),visibility 650ms; }
.faq-answer-clip { min-height: 0; overflow: hidden; }
.faq-answer p { max-width: 880px; margin: 0; padding: 0 64px 30px 0; color: #a9adb8; font-size: 17px; line-height: 1.7; opacity: 0; transform: translateY(-10px); transition: opacity 300ms ease,transform 600ms cubic-bezier(.22,1,.36,1); }
.faq-item.is-open .faq-answer { grid-template-rows: 1fr; visibility: visible; }
.faq-item.is-open .faq-answer p { opacity: 1; transform: none; transition-delay: 70ms; }
@media (max-width: 760px) {
  .faq-section { padding: 48px 28px 64px; }
  .faq-heading.section-head { margin-bottom: 30px; }
  .faq-heading .kicker { margin-bottom: 16px; }
  .faq-heading h2 { font-size: 34px; max-width: 340px; }
  .faq-trigger { padding: 23px 0; gap: 18px; font-size: 18px; }
  .faq-plus { flex-basis: 32px; height: 32px; }
  .faq-answer p { padding: 0 12px 24px 0; font-size: 16px; line-height: 1.6; }
}
@media (prefers-reduced-motion: reduce) {
  .faq-answer, .faq-answer p, .faq-plus, .faq-plus::after { transition: none; transform: none; }
  .faq-plus::after { transform: translate(-50%,-50%) rotate(90deg); }
}

/* One-time section entrances; transforms on carousels and 3D models stay independent. */
.scroll-enter-pending { opacity: 0; }
@media (prefers-reduced-motion: reduce) { .scroll-enter-pending { opacity: 1; } }
@media print { .scroll-enter-pending { opacity: 1; } }

/* Keywords resolve first, then the complete quote comes into focus. */
.quote-word { display: inline-block; opacity: 0; filter: blur(5px); transform: translateY(3px); transition: opacity 950ms ease, filter 1100ms ease, transform 1100ms cubic-bezier(.22,1,.36,1); transition-delay: var(--word-delay,0ms); }
.quote-focus.is-revealed .quote-word { opacity: 1; filter: blur(0); transform: none; }
@media (prefers-reduced-motion: reduce) { .quote-word { opacity: 1; filter: none; transform: none; transition: none; } }
@media print { .quote-word { opacity: 1; filter: none; transform: none; } }

/* Demo entrance: one fade for the whole composition, one gentle panel settle. */
.demo-modal-overlay { transition: opacity 420ms cubic-bezier(.33,0,.2,1), background-color 550ms ease; }
.demo-modal-overlay .demo-modal { opacity: 1; filter: none; transform: translate3d(0,14px,0) scale(.99); transition: transform 620ms cubic-bezier(.22,1,.36,1), background-color 500ms ease, border-color 500ms ease; }
.demo-modal-overlay.is-open .demo-modal { opacity: 1; transform: translate3d(0,0,0) scale(1); }
.demo-modal-overlay:not(.is-open) .demo-modal { transition-duration: 360ms,500ms,500ms; }
.demo-modal-overlay .demo-reveal, .demo-modal-overlay.is-open .demo-reveal { opacity: 1; transform: none; transition-delay: 0ms; }
.demo-modal-overlay.is-returning { transition: opacity 600ms ease, background-color 550ms ease; transition-delay: 120ms,0ms; }
.demo-modal-overlay.is-returning .demo-modal { transform: translate3d(0,-8px,0) scale(.985); }
@media (max-width: 620px) {
  .demo-modal-overlay { transition: opacity 380ms cubic-bezier(.33,0,.2,1), background-color 550ms ease; }
  .demo-modal-overlay .demo-modal, .demo-modal-overlay.is-open .demo-modal, .demo-modal-overlay.is-returning .demo-modal { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .demo-modal-overlay, .demo-modal-overlay .demo-modal { transition: none !important; transition-delay: 0ms !important; transform: none !important; }
}

/* Industry choices use the same frosted glass surface on every device. */
.industry-picker { position: relative; margin-bottom: 9px; z-index: 4; }
.industry-picker select[hidden] { display: none; }
.industry-picker-trigger { display: flex; align-items: center; justify-content: space-between; gap: 14px; text-align: left; cursor: pointer; color: var(--ink-3); }
.industry-picker-trigger.has-value { color: var(--ink); }
.industry-picker-trigger > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.industry-picker-chevron { width: 7px; height: 7px; flex: 0 0 7px; border-right: 1.5px solid #656e80; border-bottom: 1.5px solid #656e80; transform: rotate(45deg) translateY(-2px); transition: transform 300ms ease; margin-right: 3px; }
.industry-picker-trigger[aria-expanded="true"] .industry-picker-chevron { transform: rotate(225deg); }
.industry-picker-menu { position: absolute; top: calc(100% + 8px); left: 0; right: 0; max-height: min(320px,42dvh); overflow-y: auto; overscroll-behavior: contain; padding: 6px; border: 1px solid #ffffffbb; border-radius: 16px; background: linear-gradient(145deg,rgba(245,247,252,.92),rgba(222,228,240,.88)); backdrop-filter: blur(24px) saturate(135%); -webkit-backdrop-filter: blur(24px) saturate(135%); box-shadow: inset 0 1px 0 #fff,0 16px 44px #111b3830,0 3px 10px #111b3810; animation: industry-menu-in 280ms cubic-bezier(.22,1,.36,1); scrollbar-width: thin; scrollbar-color: #a5adbf transparent; }
.industry-picker-menu[hidden] { display: none; }
.industry-picker-option { position: relative; display: block; width: 100%; padding: 11px 32px 11px 12px; text-align: left; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #353c49; font: 400 13px/1.4 var(--sans); cursor: pointer; transition: background 160ms ease,border-color 160ms ease,color 160ms ease; }
.industry-picker-option:hover, .industry-picker-option:focus { outline: none; background: #ffffff85; border-color: #ffffffb3; }
.industry-picker-option[aria-selected="true"] { background: #7d97d922; color: #344b7d; }
.industry-picker-option[aria-selected="true"]::after { content: '✓'; position: absolute; right: 12px; top: 11px; color: #526caa; }
@keyframes industry-menu-in { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: none; } }
@media (max-width: 620px) { .industry-picker-option { min-height: 44px; display: flex; align-items: center; font-size: 12px; } .industry-picker-menu { max-height: min(300px,40dvh); } }
@media (prefers-reduced-motion: reduce) { .industry-picker-menu { animation: none; } .industry-picker-chevron, .industry-picker-option { transition: none; } }

/* Approach: brushed dark lettering with a broad, refracted light sweep. */
.approach-word { font-weight: 500; letter-spacing: -.055em; -webkit-text-stroke: 0; color: transparent; background: linear-gradient(165deg,#56585e 0%,#24262b 28%,#111216 56%,#383a40 100%); -webkit-background-clip: text; background-clip: text; text-shadow: none; }
.approach-word-neon { --light-x: 14%; background: linear-gradient(105deg,#637bd0 4%,#b9ceff 28%,#f1f4ff 48%,#dfdfff 61%,#a69ae8 76%,#839fe9 92%); -webkit-background-clip: text; background-clip: text; -webkit-text-stroke: 0; color: transparent; filter: drop-shadow(-3px 0 7px #8bb6ff70) drop-shadow(3px 1px 8px #9b8ce650) drop-shadow(0 0 24px #c6d8ff55); -webkit-mask-image: radial-gradient(ellipse 31% 110% at var(--light-x) 50%,#000 0%,#000 22%,#000b 47%,#0003 74%,transparent 100%); mask-image: radial-gradient(ellipse 31% 110% at var(--light-x) 50%,#000 0%,#000 22%,#000b 47%,#0003 74%,transparent 100%); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center; mask-position: center; }
@media (max-width: 620px) {
  .approach-word-neon { filter: drop-shadow(-2px 0 5px #8bb6ff65) drop-shadow(2px 1px 6px #9b8ce645) drop-shadow(0 0 16px #c6d8ff45); }
}
@media (prefers-reduced-motion: reduce) { .approach-word-neon { filter: none; } }

/* Orbit labels stay compact; details float above the page or in a phone sheet. */
.integration-system { cursor: pointer; }
.integration-hit { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; border-radius: inherit; background: transparent; cursor: pointer; }
.integration-hit:focus-visible { outline: 2px solid #7b8ecd; outline-offset: 4px; }
.integration-system:has(.integration-hit[aria-expanded="true"]) { box-shadow: inset 0 1px 0 #fff,0 0 0 1px #8c9ccb70,0 8px 24px #566ba52b; }
.erp-detail { position: fixed; z-index: 190; margin: 0; width: min(340px,calc(100vw - 32px)); max-width: none; padding: 27px; overflow: auto; border: 1px solid #ffffffb0; border-radius: 22px; color: #222a3a; background: linear-gradient(140deg,#f5f7fbe8,#e0e6f1e6); backdrop-filter: blur(24px) saturate(135%); -webkit-backdrop-filter: blur(24px) saturate(135%); box-shadow: inset 0 1px 0 #fff,0 18px 50px #17264425; }
.erp-detail[open] { animation: erp-detail-in 320ms cubic-bezier(.22,1,.36,1); }
.erp-detail-kicker { display: block; margin: 0 26px 14px 0; font: 9px/1.5 var(--mono); letter-spacing: .08em; color: #7b859b; }
.erp-detail h3 { margin: 0 28px 12px 0; font: 400 25px/1.2 var(--sans); letter-spacing: -.035em; }
.erp-detail p { margin: 0; font: 400 14px/1.65 var(--sans); color: #596376; }
.erp-detail-close { position: absolute; right: 12px; top: 12px; width: 30px; height: 30px; border: 1px solid #ffffff9c; border-radius: 50%; background: #ffffff60; color: #657086; font: 22px/1 var(--sans); cursor: pointer; }
.erp-detail-close:focus-visible { outline: 2px solid #7b8ecd; outline-offset: 3px; }
.erp-detail::backdrop { background: #18223835; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
@keyframes erp-detail-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }
@media (max-width: 760px) {
  .erp-detail { inset: auto 12px max(12px,env(safe-area-inset-bottom)) !important; width: auto; max-height: 45dvh; padding: 28px 24px; border-radius: 24px; overscroll-behavior: contain; }
  .erp-detail h3 { font-size: 24px; }
  .erp-detail p { font-size: 14px; }
  .erp-detail[open] { animation: erp-sheet-in 420ms cubic-bezier(.22,1,.36,1); }
}
@keyframes erp-sheet-in { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .erp-detail[open] { animation: none; } }

@media (min-width: 761px) {
  .erp-detail { width: 280px; padding: 21px; border-radius: 18px; }
  .erp-detail-kicker { font-size: 8px; margin-bottom: 11px; }
  .erp-detail h3 { font-size: 22px; margin-bottom: 10px; }
  .erp-detail p { font-size: 13px; line-height: 1.55; }
  .erp-detail-close { width: 26px; height: 26px; font-size: 20px; top: 10px; right: 10px; }
}

.erp-workflows { display: none; }
@media (max-width: 760px) {
  .erp-detail { max-height: 72dvh; }
  .erp-workflows { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 12px; padding: 20px 0 0; margin: 20px 0 0; list-style: none; border-top: 1px solid #8694b526; }
  .erp-workflows li { display: flex; align-items: center; gap: 9px; min-width: 0; color: #536078; font: 400 11px/1.4 var(--sans); }
  .erp-workflow-icon { display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 30px; border: 1px solid #ffffffb0; border-radius: 9px; background: linear-gradient(145deg,#ffffff90,#dae2f344); color: #7485b2; box-shadow: inset 0 1px 0 #ffffffb0; }
  .erp-workflow-icon svg { width: 17px; height: 17px; }
}

/* Compact workflow summaries also appear in desktop ERP popovers. */
@media (min-width: 761px) {
  .erp-detail { padding: 19px; }
  .erp-detail h3 { font-size: 20px; }
  .erp-detail p { font-size: 12px; line-height: 1.5; }
  .erp-workflows { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 8px; padding: 15px 0 0; margin: 15px 0 0; list-style: none; border-top: 1px solid #8694b526; }
  .erp-workflows li { display: flex; align-items: center; gap: 6px; min-width: 0; color: #536078; font: 400 10px/1.35 var(--sans); }
  .erp-workflow-icon { display: grid; place-items: center; width: 25px; height: 25px; flex: 0 0 25px; border: 1px solid #ffffffb0; border-radius: 8px; background: linear-gradient(145deg,#ffffff90,#dae2f344); color: #7485b2; box-shadow: inset 0 1px 0 #ffffffb0; }
  .erp-workflow-icon svg { width: 15px; height: 15px; }
}

/* Company background: quiet outlined badges beneath the Approach sequence. */
.approach-credentials { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 10px; max-width: 1540px; margin: 0 auto; padding: 32px 28px 76px; list-style: none; }
.approach-credential { display: flex; align-items: center; justify-content: center; gap: 11px; min-height: 44px; padding: 11px 14px; border: 1px solid #ffffff30; border-radius: 5px; background: linear-gradient(140deg,#ffffff04,transparent); color: #97999f; font: 400 10px/1.45 var(--mono); letter-spacing: .025em; text-transform: uppercase; }
.approach-credential svg { width: 23px; height: 23px; flex: 0 0 23px; color: #e4e5e9; }
.origin-flag { display: block; width: 27px; height: 18px; flex: 0 0 27px; border-radius: 1px; box-shadow: inset 0 0 0 1px #ffffff15; }
.origin-flag--italy { background: linear-gradient(90deg,#20864f 0 33.333%,#eee 33.333% 66.666%,#ca4146 66.666%); }
.origin-flag--uae { background: linear-gradient(90deg,#c73b42 0 25%,transparent 25%),linear-gradient(#218354 0 33.333%,#eee 33.333% 66.666%,#161719 66.666%); }
@media (max-width: 760px) {
  .approach-credentials { gap: 9px; padding: 24px 22px 44px; }
  .approach-credential { flex: 1 1 calc(50% - 9px); min-width: 0; padding: 11px 10px; font-size: 9px; gap: 9px; text-align: left; justify-content: flex-start; }
  .approach-credential:nth-child(n+3) { flex-basis: 100%; }
  .approach-credential svg { width: 21px; height: 21px; flex-basis: 21px; }
  .origin-flag { width: 23px; height: 16px; flex-basis: 23px; }
}

.skip-link { position: fixed; top: 8px; left: 8px; z-index: 500; padding: 12px 18px; background: #fff; color: #111; border-radius: 8px; transform: translateY(-160%); }
.skip-link:focus { transform: none; }
@media (scripting: none) { .reveal { opacity: 1; transform: none; } }

.nav-language { position: relative; margin-left: auto; flex: 0 0 auto; }
.nav .nav-cta { margin-left: 0; }
.language-trigger { display: grid; place-items: center; min-width: 38px; min-height: 40px; padding: 0 8px; border: 0; background: transparent; color: inherit; font: 400 12px var(--sans); letter-spacing: .04em; cursor: pointer; opacity: .75; transition: opacity 180ms ease; }
.language-trigger:hover, .language-trigger[aria-expanded="true"] { opacity: 1; }
.language-options { position: absolute; top: calc(100% + 16px); left: 50%; right: auto; transform: translateX(-50%); width: 72px; padding: 7px; border: 1px solid var(--language-border); border-radius: 14px; background: var(--language-glass); backdrop-filter: blur(24px) saturate(130%); -webkit-backdrop-filter: blur(24px) saturate(130%); box-shadow: 0 12px 32px #00000024, inset 0 1px 0 #ffffff12; color: var(--language-ink); animation: language-in 180ms ease both; }
.language-options[hidden] { display: none; }
.language-options [data-language] { display: block; width: 100%; min-height: 40px; border: 0; border-radius: 8px; background: transparent; color: inherit; font: 400 12px var(--sans); letter-spacing: .04em; cursor: pointer; transition: background 160ms ease; }
.language-options [data-language]:hover, .language-options [data-language][aria-current="true"] { background: var(--language-hover); }
.language-trigger:focus-visible, .language-options [data-language]:focus-visible { outline: 2px solid #889bd5; outline-offset: 2px; }
@keyframes language-in { from { opacity: 0; translate: 0 -4px; } to { opacity: 1; translate: 0 0; } }
@media (prefers-reduced-motion: reduce) { .language-options { animation: none; } }
@media (max-width: 720px) {
  .nav-language { margin-left: auto; }
  .language-trigger { min-width: 30px; min-height: 36px; font-size: 10px; padding: 0 3px; }
  .nav .nav-cta { margin-left: 0; }
  :is(html[lang="it"], html[lang="es"], html[lang="fr"], html[lang="de"]) .nav .brand-logo { width: clamp(92px,26vw,112px); }
  :is(html[lang="it"], html[lang="es"], html[lang="fr"], html[lang="de"]) .nav .nav-cta .btn-primary { padding: 0 9px; font-size: 10.5px; gap: 5px; }
  :is(html[lang="it"], html[lang="es"], html[lang="fr"], html[lang="de"]) .agent-panel-kicker { overflow-wrap: anywhere; }
}
:is(html[lang="it"], html[lang="es"], html[lang="fr"], html[lang="de"]) .approach-credential { letter-spacing: 0; }

.nav .language-trigger { color: #f5f7f8; }
.nav.on-light .language-trigger { color: #20232a; }
.nav.over-footer .language-trigger { color: #f5f7f8; }

/* The language menu follows the navigation's existing section contrast. */
.nav { --language-glass: linear-gradient(145deg,#ffffff16,#ffffff05),#14171dcc; --language-border: #ffffff26; --language-ink: #f1f3f8; --language-hover: #ffffff12; }
.nav.on-light { --language-glass: linear-gradient(145deg,#ffffff48,#ffffff12),#e8ecf0b8; --language-border: #ffffff80; --language-ink: #20232a; --language-hover: #43557410; }
.nav.over-footer { --language-glass: linear-gradient(145deg,#ffffff16,#ffffff05),#14171dcc; --language-border: #ffffff26; --language-ink: #f1f3f8; --language-hover: #ffffff12; }

/* Login remains a quiet text action beside the language preference. */
.nav .nav-cta .btn.js-open-login,
.nav .nav-cta .btn.js-open-login:hover,
.nav .nav-cta .btn.js-open-login:active {
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
  backdrop-filter: none; -webkit-backdrop-filter: none;
  padding: 0 8px; color: var(--language-ink); font-size: 12px;
  font-weight: 400; letter-spacing: .02em; transform: none;
  opacity: .75; transition: opacity 180ms ease;
}
.nav .nav-cta .btn.js-open-login:hover { opacity: 1; }
.nav .nav-cta .btn.js-open-login:focus-visible { outline: 2px solid #889bd5; outline-offset: 3px; }

@media (max-width: 720px) { .language-options [data-language] { font-size: 10px; } }

/* Mobile origin badges: one swipeable row, with desktop wrapping preserved. */
@media (max-width: 760px) {
  .approach-credentials {
    flex-wrap: nowrap; justify-content: flex-start; gap: 10px;
    overflow-x: auto; overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory; scroll-padding-inline: 22px;
    padding: 24px 22px 44px; scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .approach-credentials::-webkit-scrollbar { display: none; }
  .approach-credentials .approach-credential,
  .approach-credentials .approach-credential:nth-child(n+3) {
    flex: 0 0 auto; width: auto; min-height: 52px;
    padding: 13px 16px; white-space: nowrap;
    scroll-snap-align: start; font-size: 9px;
  }
}

/* Arabic uses semantic RTL flow, preserving logos and media orientation. */
html[lang="ar"] { --sans: Tahoma, Arial, "Geeza Pro", "Noto Sans Arabic", sans-serif; --mono: var(--sans); }
html[lang="ar"] body { line-height: 1.7; }
html[lang="ar"] :is(h1,h2,h3,p,button,a,span,label,blockquote,summary) { letter-spacing: normal; }
html[lang="ar"] :is(h1,h2,h3,.agent-panel-kicker) { line-height: 1.5; }
html[dir="rtl"] .nav-language { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .nav .nav-cta { margin-left: 0; margin-right: 0; }
html[dir="rtl"] :is(.section-head.left,.industry-card,.faq-trigger,.industry-picker-trigger,.industry-picker-option,.approach-credential) { text-align: start; }
html[dir="rtl"] :is(.language-trigger,.language-options [data-language],.integration-system,.erp-detail h3,a[href^="mailto:"],input[type="email"],input[type="password"],.site-footer-wordmark,.industry-position,#securityCount,.industry-card-number,.client-metric strong,.savings-section output) { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] :is(input[type="email"],input[type="password"]) { text-align: right; }
html[dir="rtl"] :is(.btn svg,.agent-arrow svg,.industry-arrow svg,.security-controls button svg) { transform: scaleX(-1); }
html[dir="rtl"] .industry-card-number { right: auto; left: 17px; }
html[dir="rtl"] .industry-model-note { right: auto; left: 27px; }
html[dir="rtl"] .integration-closing { right: auto; left: clamp(30px,3.2vw,54px); text-align: left; }
html[dir="rtl"] .integration-motion { left: auto; right: clamp(30px,3.2vw,54px); }
html[dir="rtl"] .integration-diagram { transform: scaleX(-1); }
html[dir="rtl"] .integration-system { transform: translate(-50%,-50%) scaleX(-1); }
html[dir="rtl"] .integration-globe { transform: translate(-50%,-50%) scaleX(-1); }
html[dir="rtl"] .client-film-label { left: auto; right: 28px; }
html[dir="rtl"] .demo-modal-close { right: auto; left: 14px; }
html[dir="rtl"] .demo-modal-body h2 { padding-right: 0; padding-left: 30px; }
html[dir="rtl"] .demo-select { background-position: left 13px center,0 0; padding-right: 16px; padding-left: 34px; }
html[dir="rtl"] .industry-picker-trigger { padding-inline: 16px; }
html[dir="rtl"] .industry-picker-option { padding: 11px 12px 11px 32px; }
html[dir="rtl"] .industry-picker-option[aria-selected="true"]::after { right: auto; left: 12px; }
html[dir="rtl"] .login-password input { padding-right: 16px; padding-left: 76px; }
html[dir="rtl"] .login-password button { right: auto; left: 5px; }
html[dir="rtl"] .login-help a { margin-left: 0; margin-right: 4px; }
html[dir="rtl"] .erp-detail-close { right: auto; left: 12px; }
html[dir="rtl"] .erp-detail :is(h3,.erp-detail-kicker) { margin-right: 0; margin-left: 28px; text-align: right; }
html[dir="rtl"] .savings-unit { margin-left: 0; margin-right: 6px; }
html[dir="rtl"] .savings-range input::-webkit-slider-runnable-track { background: linear-gradient(to left,#91a9c6 0%,#738ca9 var(--range-progress),rgba(255,255,255,.13) var(--range-progress)); }
html[dir="rtl"] .savings-range input::-moz-range-track { background: linear-gradient(to left,#91a9c6 0%,#738ca9 var(--range-progress),rgba(255,255,255,.13) var(--range-progress)); }
html[dir="rtl"] .security-controls span { margin-right: 0; margin-left: auto; }
html[dir="rtl"] .skip-link { left: auto; right: 8px; }
@media (max-width: 760px) {
  html[dir="rtl"] .integration-closing { left: auto; text-align: right; }
  html[dir="rtl"] .integration-motion { right: auto; }
  html[dir="rtl"] .agent-frame .agent-arrow--prev { left: auto; right: 0; }
  html[dir="rtl"] .agent-frame .agent-arrow--next { right: auto; left: 0; }
  html[dir="rtl"] .demo-contact-label { left: auto; right: 24px; }
  html[dir="rtl"] .demo-modal-close { right: auto; left: 20px; }
  html[dir="rtl"] .demo-modal-body h2 { padding-inline: 0; }
  html[lang="ar"] .nav .brand-logo { width: clamp(92px,26vw,112px); }
  html[lang="ar"] .nav .nav-cta .btn-primary { padding: 0 9px; font-size: 11px; gap: 5px; }
  html[lang="ar"] .agent-panel-kicker { overflow-wrap: anywhere; }
  html[lang="ar"] .approach-credential { font-size: 11px; }
}

html[dir="rtl"] .savings-next > span { transform: scaleX(-1); }
html[dir="rtl"] .client-metric strong { display: inline-block; }
html[lang="ar"] :is(.kicker,.industry-card-prompt,.integration-motion,.erp-detail-kicker) { font-size: 12px; }
@media (max-width: 760px) {
  html[lang="ar"] :is(.demo-input,.demo-textarea,.industry-picker-trigger) { font-size: 14px; }
  html[lang="ar"] .demo-contact-label { font-size: 14px; }
}

/* Match the English header proportions while retaining Arabic reading order. */
html[lang="ar"] .nav .nav-cta .btn-primary { font-weight: 400; }
@media (max-width: 720px) {
  html[lang="ar"] .nav .nav-inner { padding: 0 14px 0 5px; gap: 10px; }
  html[lang="ar"] .nav .brand-logo { width: clamp(106px,32vw,128px); }
  html[lang="ar"] .nav .nav-cta .btn-primary { height: 38px; min-height: 38px; padding: 0 11px; font-size: 11px; line-height: 1.2; gap: 6px; }
  html[lang="ar"] .nav .language-trigger { font-family: Arial,sans-serif; font-size: 10px; min-width: 30px; }
}

/* The Latin brand wordmark retains its original typography in every locale. */
html[lang="ar"] .hero-wordmark { direction: ltr; unicode-bidi: isolate; font-family: "Alliance No.2", Arial, sans-serif; line-height: 1; }
html[lang="ar"] .hero-wordmark .hw { letter-spacing: -0.01em; }

/* Mobile Approach uses native document scrolling, with a stable Deploy backdrop. */
@media (max-width: 760px) {
  .nav .nav-inner { height: 60px; }
  .approach-scroller { height: auto; }
  .approach-stage { position: relative; height: auto; display: block; overflow: visible; padding-bottom: 36px; }
  .approach-word-stack { position: sticky; inset: auto; top: 100px; height: 130px; margin-bottom: -130px; }
  .approach-word { opacity: 1; transform: none; font-size: clamp(72px,25vw,140px); }
  .approach-content { padding: 160px 22px 0; }
  .approach-card-stack { display: grid; gap: clamp(110px, 18vh, 160px); min-height: 0; max-width: 470px; perspective: none; }
  .approach-card { position: relative; inset: auto; width: 100%; margin: 0; opacity: 1; transform: none; pointer-events: auto; will-change: auto; }
  .approach-progress { display: none; }
}

/* Match the CTA end inset to its vertical clearance within the phone capsule. */
@media (max-width: 760px) {
  .nav .nav-inner { padding-right: 10px; }
  html[lang="ar"] .nav .nav-inner { padding-left: 10px; padding-right: 14px; }
}

/* Extend the current section colour into iPhone notch / home-indicator areas. */
html { background: var(--viewport-background, #000); }
@media (max-width: 760px) {
  html::before, html::after { content: ""; position: fixed; left: 0; right: 0; z-index: 99; pointer-events: none; background: var(--viewport-background, #000); }
  html::before { top: 0; height: env(safe-area-inset-top, 0px); }
  html::after { bottom: 0; height: env(safe-area-inset-bottom, 0px); }
  .nav { top: env(safe-area-inset-top, 0px); }
  .site-footer { padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)); }
}

/* No blue/grey canvas flash while the landing renderer initializes. */
.intro, .intro .hero, .intro .hero-canvas { background-color: #000000; }

/* Keep the page canvas themed without painting a bar over scrolling content. */
@media (max-width: 760px) {
  body { background-color: var(--viewport-background, #000); }
  main { background-color: var(--bg); }
  html::before { height: env(safe-area-inset-top, 0px); }
  .nav, .nav.on-light, .nav.over-footer {
    background: transparent;
    backdrop-filter: none; -webkit-backdrop-filter: none;
  }
}

/* Use native black/white assets to avoid stale iOS filter compositing. */
#nav .brand-logo { filter: none; }

/* Fill the phone viewport at load. svh, not dvh: with dvh every show/hide of Safari's
   toolbar resized the hero, re-allocated the galaxy renderer and shifted the whole page. */
@media (max-width: 720px) {
  .nav { height: 80px; margin-bottom: -80px; }
  .intro .hero {
    min-height: 100svh;
    padding-top: calc(90px + env(safe-area-inset-top, 0px));
    padding-bottom: max(28px, env(safe-area-inset-bottom, 0px));
    background: #000;
  }
  .intro .hero::before { height: clamp(220px, 34svh, 330px); }
}

/* Safari can expose extra pixels as its bottom controls collapse. Keep this
   small overflow black without repositioning the landing content. */
@media (max-width: 720px) {
  .intro { padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)); background: #000; }
}

@media (max-width: 720px) {
  .intro .intro-statement { margin-top: 28px; }
}

/* One-line agent navigation, with quiet overflow controls on tablet/desktop. */
.agent-tab-shell { display: flex; align-items: center; width: fit-content; max-width: 100%; margin: 0 auto 22px; padding: 4px; gap: 3px; border: 1px solid #dddfe0; border-radius: 999px; background: var(--bg); }
.agent-tab-shell .agent-tabbar { display: flex; flex: 1 1 auto; min-width: 0; width: auto; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; margin: 0; padding: 0; border: 0; scrollbar-width: none; overscroll-behavior-x: contain; }
.agent-tabbar::-webkit-scrollbar { display: none; }
.agent-tab-shell .agent-tab { flex: 0 0 auto; }
.agent-tab-arrow { display: none; flex: 0 0 30px; width: 30px; height: 30px; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: rgba(255,255,255,.55); color: #858b94; cursor: pointer; transition: background .2s, opacity .2s; }
.agent-tab-arrow svg { width: 14px; height: 14px; }
.agent-tab-shell.has-overflow .agent-tab-arrow { display: flex; }
.agent-tab-arrow:hover { background: #fff; color: #353b45; }
.agent-tab-arrow:disabled { opacity: .25; cursor: default; }
.agent-tab-arrow:focus-visible { outline: 2px solid #7c8cbd; outline-offset: 2px; }
@media (max-width: 720px) { .agent-tab-shell { display: none; } }

.agent-tab-shell { direction: ltr; }
html[dir="rtl"] .agent-tab-shell .agent-tabbar { direction: rtl; }

@media (max-width: 720px) {
  .agent-carousel { touch-action: pan-y pinch-zoom; }
}

@media (max-width: 720px) {
  .agent-frame .agent-circle[data-distance="0"] { transform: scale(1.65); }
  .agent-frame .agent-panel-kicker { font-size: 24px; }
}

@media (max-width: 720px) {
  .industry-cards { padding-inline-end: max(var(--industry-gutter), calc(100% - min(79vw, 330px) - var(--industry-gutter))); }
}

/* Leave room for the final glyph's overhang and the refracted glow. */
@media (max-width: 760px) {
  .approach-word { padding: .08em .14em .12em; line-height: 1.15; font-size: clamp(68px, 24vw, 136px); }
  .approach-word-stack { overflow: visible; }
}

/* Credentials sit in front of the sticky deployment lettering. */
.approach-credentials { position: relative; z-index: 3; background: #000; isolation: isolate; }

/* Crawlable language links retain the existing compact picker. */
.language-options a{display:flex!important;align-items:center;justify-content:center;text-decoration:none}

.site-footer-legal { display: inline-flex; align-items: center; gap: 18px; }
.site-footer-legal a { color: #a5a5a5; }
.site-footer-seal { display: flex; align-items: center; gap: 16px; width: max-content; margin-top: 34px; color: #d6d6d6; font-size: clamp(15px, 1.1vw, 18px); letter-spacing: -.02em; }
.site-footer-seal-icon { display: block; width: 56px; height: 56px; flex: 0 0 auto; }
@media (max-width: 760px) { .site-footer-legal { gap: 12px; } .site-footer-seal { margin-top: 24px; gap: 12px; font-size: 14px; } .site-footer-seal-icon { width: 44px; height: 44px; } }

/* Match Product's painted width without CSS zoom around native video controls. */
.peakcontrol-film-section { position: relative; z-index: 2; padding: 63px 0 90px; background: #f5f5f5; color: #121318; scroll-margin-top: 90px; }
#peakcontrol-film > .shell-wide { max-width: 1332px; padding-inline: 25.2px; }
.peakcontrol-film-player { position: relative; container-type: inline-size; isolation: isolate; overflow: hidden; aspect-ratio: 16 / 9; border: 1px solid rgba(18,19,24,.08); border-radius: 16px; background: #fff; box-shadow: 0 12px 32px rgba(18,25,42,.075), 0 2px 7px rgba(18,25,42,.035); }
.peakcontrol-film-player video { display: block; width: 100%; height: 100%; object-fit: contain; }
.peakcontrol-film-sound { position: absolute; z-index: 2; top: 14px; right: 14px; display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.6); border-radius: 999px; background: rgba(245,245,248,.94); color: #242432; font: 400 12px/1.2 var(--sans); cursor: pointer; box-shadow: 0 2px 8px #12131810; }
.peakcontrol-film-sound[hidden] { display: none; }
.peakcontrol-film-sound:hover { background: #fff; }
.peakcontrol-film-sound:focus-visible { outline: 2px solid #4455d6; outline-offset: 3px; }
.peakcontrol-film-demo { position: absolute; z-index: 2; left: 50%; top: 58.333333%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: max(142px, 26.041667%); height: max(40px, 10.185185%); border-radius: 999px; background: #4455d6; color: #fff; font-family: "Alliance No.2", sans-serif; font-size: max(12px, 2.291667cqw); font-weight: 400; line-height: 1; text-decoration: none; white-space: nowrap; }
.peakcontrol-film-demo[hidden] { display: none; }
.peakcontrol-film-demo:hover { background: #3747c2; color: #fff; }
.peakcontrol-film-demo:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.peakcontrol-film-context {  display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); column-gap: 64px; margin-bottom: 48px; align-items: start; }
#peakcontrol-film .peakcontrol-film-context > .kicker { grid-column: 1 / -1; }
.peakcontrol-film-context .section-head.left { max-width: 560px; }
.peakcontrol-film-context h2 { margin: 0; }
.peakcontrol-film-context p { margin: 0; max-width: 660px; color: #585d6c; font-size: 17px; line-height: 1.75; }
.peakcontrol-film-copy-short { display: none; }
@media (max-width: 760px) {
 #peakcontrol-film > .shell-wide { padding-inline: 16.2px; }
}
@media (max-width: 700px) {
 .peakcontrol-film-section { padding: 34px 0 54px; }
 .peakcontrol-film-player { border-radius: 10px; }
 .peakcontrol-film-sound { top: 8px; right: 8px; min-height: 34px; padding: 7px 10px; font-size: 11px; }
 .peakcontrol-film-context { grid-template-columns: 1fr; row-gap: 20px; margin-bottom: 30px; }
 #peakcontrol-film .peakcontrol-film-context > .kicker { margin-bottom: 0; }
 .peakcontrol-film-context p { font-size: 16px; }
 .peakcontrol-film-copy-full { display: none; }
 .peakcontrol-film-copy-short { display: inline; }
}

/* Calculator on a light background (16/10): the section and the inputs frame
   go light like Product and Mission, so the page no longer ends in a long dark
   run; the results card keeps its dark look with an opaque background, since
   its glass gradient was only dark because the section behind it was black. */
.savings-section { background: #f5f5f5; color: #121318; color-scheme: light; }
.savings-shell { border-color: rgba(18,19,24,.08); background: #fff; box-shadow: 0 12px 32px rgba(18,25,42,.06), 0 2px 7px rgba(18,25,42,.03); }
.calculator-heading .kicker { color: #606568; }
.savings-intro { color: #585d6c; }
.savings-section label { color: #3b4149; }
.savings-unit, .savings-range-scale { color: #7d838c; }
.savings-range input::-webkit-slider-runnable-track { background: linear-gradient(to right,#91a9c6 0%,#738ca9 var(--range-progress),rgba(18,19,24,.12) var(--range-progress)); }
.savings-range input::-moz-range-track { background: linear-gradient(to right,#91a9c6 0%,#738ca9 var(--range-progress),rgba(18,19,24,.12) var(--range-progress)); }
.savings-range input::-webkit-slider-thumb { box-shadow: 0 0 0 5px rgba(115,140,169,.14),0 2px 6px rgba(18,25,42,.18); }
.savings-section :focus-visible { outline-color: #4455d6; }
.savings-results { color: #f6f6fa; color-scheme: dark; border-color: rgba(18,19,24,.12); background: linear-gradient(135deg,#1c1f24,#111316 55%,#0b0c0e); box-shadow: inset 0 1px 0 #ffffff15,0 24px 60px rgba(18,25,42,.18); }
.savings-results :focus-visible { outline-color: #b8ccdf; }
@media (max-width: 700px) {
  .savings-section.is-stepped .savings-stepbar { color: #606568; }
  .savings-stepbar button { color: #121318; }
  .savings-step-progress i { background: rgba(18,19,24,.1); }
  .savings-inputs .savings-next { border-color: #121318; background: #121318; color: #fff; box-shadow: 0 6px 18px rgba(18,25,42,.16); }
  .savings-inputs .savings-next:hover { background: #24262d; border-color: #24262d; }
}

/* FAQ on a light background too (16/10), so the light run continues from the
   calculator down to the footer, which stays dark. */
.faq-section { background: #f5f5f5; color: #121318; }
.faq-heading .kicker { color: #606568; }
.faq-list, .faq-item { border-color: rgba(18,19,24,.12); }
.faq-trigger { color: #2a2e35; }
.faq-trigger:hover, .faq-item.is-open .faq-trigger { color: #121318; }
.faq-trigger:focus-visible { outline-color: #4455d6; }
.faq-plus { border-color: rgba(18,19,24,.16); background: #fff; }
.faq-item.is-open .faq-plus { background: rgba(18,19,24,.05); border-color: rgba(18,19,24,.24); }
.faq-answer p { color: #585d6c; }

/* Calm motion (16/10): the agent text fades without sliding when it changes. */
.agent-panel-kicker.is-switching, .agent-panel-body.is-switching { transform: none; }


/* ==== Explicit 90% scale (16/10/2026) ====================================
   Generated by scratchpad tools/unzoom.py. These sections used `zoom: .9`, which
   made text render soft in Chrome. Each rule below mirrors one rule above,
   limited to those sections, with absolute lengths multiplied by 0.9; :where()
   keeps specificity unchanged so the cascade is the same as before. */
:where(#prodotto, .integrations-section, #industries, .clients-section, .approach-section, .savings-section, .site-footer, .security-section, .faq-section, .peakcontrol-film-context) { font-size: .9em; }
@keyframes cueBob--z { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, 4.5px); } }
@keyframes security-status-pulse--z {
  0% { box-shadow: 0 0 0 0 rgba(82,110,229,.3); }
  70%, 100% { box-shadow: 0 0 0 5.4px rgba(82,110,229,0); }
}
@keyframes si-lock--z { 0%, 10% { transform: translateY(-2.7px) rotate(25deg); } 26%, 88% { transform: none; } 100% { transform: translateY(-2.7px) rotate(25deg); } }
@keyframes si-authorize--z { 0%, 12% { transform: translateX(-2.7px); } 24% { transform: translateX(0); } 36%, 55% { transform: rotate(90deg); } 70%, 88% { transform: none; } 100% { transform: translateX(-2.7px); } }
@keyframes si-approve--z { 0%, 10% { transform: translateY(3.6px) scale(.92); opacity: .3; } 28%, 88% { transform: none; opacity: 1; } 100% { transform: translateY(3.6px) scale(.92); opacity: .3; } }
@keyframes si-log-one--z { 0%, 12% { opacity: 0; transform: translateY(1.8px); } 24%, 88% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes si-log-two--z { 0%, 28% { opacity: 0; transform: translateY(1.8px); } 40%, 88% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes si-log-three--z { 0%, 44% { opacity: 0; transform: translateY(1.8px); } 56%, 88% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes si-scan--z { 0%, 8% { transform: translateY(0); opacity: 0; } 14% { opacity: .6; } 58% { transform: translateY(18px); opacity: .6; } 65%, 100% { transform: translateY(18px); opacity: 0; } }
@keyframes login-brand-arrive--z { from { opacity: 0; transform: translateY(7.2px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes industry-menu-in--z { from { opacity: 0; transform: translateY(-4.5px); } to { opacity: 1; transform: none; } }
@keyframes erp-detail-in--z { from { opacity: 0; transform: translateY(6.3px); } to { opacity: 1; transform: none; } }
@keyframes erp-sheet-in--z { from { opacity: 0; transform: translateY(21.6px); } to { opacity: 1; transform: none; } }
@keyframes language-in--z { from { opacity: 0; translate: 0 -3.6px; } to { opacity: 1; translate: 0 0; } }
:root:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { --bg: #f5f5f5; --bg-raised: #ffffff; --bg-sunken: #ebedf1; --line: rgba(13, 15, 23, 0.09); --line-strong: rgba(13, 15, 23, 0.16); --surface: rgba(13, 15, 23, 0.025); --surface-hover: rgba(13, 15, 23, 0.045); --ink: #121318; --ink-2: #585d6c; --ink-3: #8a8f9c; --ink-on-dark: #f5f6f8; --blue: #4455d6; --blue-ink: #3747c2; --blue-soft: rgba(68, 85, 214, 0.08); --violet: #7c4fd1; --violet-soft: rgba(124, 79, 209, 0.08); --ok: #1f8f6b; --warn: #a8660a; --r-sm: 2.7px; --r: 4.5px; --r-lg: 7.2px; --mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; --sans: "Alliance No.2", "Segoe UI", ui-sans-serif, system-ui, -apple-system, Roboto, Arial, sans-serif; --ease: cubic-bezier(0.22, 1, 0.36, 1); color-scheme: light }
*:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { box-sizing: border-box }
html:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { scroll-behavior: smooth; background: #000 }
body:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--sans); font-size: 14.4px; line-height: 1.5; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; position: relative; overflow-x: hidden }
:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::selection { background: rgba(18, 19, 24, 0.14); color: inherit }
.hero :where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::selection, .cta-band :where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::selection, .footer :where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::selection { background: rgba(245, 246, 248, 0.22); color: inherit }
.noise:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none; position: fixed; inset: 0; z-index: 1; pointer-events: none; opacity: 0.025; mix-blend-mode: multiply; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>") }
.bg-glow:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none; position: fixed; top: -12%; left: 50%; transform: translateX(-50%); width: 1080px; height: 558px; background: radial-gradient(ellipse at center, rgba(68, 85, 214, 0.09), transparent 68%); pointer-events: none; z-index: 0 }
.shell:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 1062px; margin: 0 auto; padding: 0 25.2px; position: relative; z-index: 2 }
.shell-wide:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 1332px }
a:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: inherit; text-decoration: none }
h1:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), h3:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), h4:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), h5:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0; font-weight: 700; letter-spacing: -0.015em; text-wrap: balance }
p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0; color: var(--ink-2) }
em:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-style: normal; color: var(--ink-3) }
.btn:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: inline-flex; align-items: center; gap: 8.1px; padding: 9.9px 16.2px; font-family: var(--sans); font-size: 12.6px; font-weight: 600; border-radius: var(--r-sm); border: 0.9px solid transparent; cursor: pointer; transition: background-color 0.2s var(--ease), border-color 0.2s var(--ease), color 0.2s var(--ease), transform 0.2s var(--ease) }
.btn svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 13.5px; height: 13.5px; transition: transform 0.2s var(--ease) }
.btn:hover svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: translateX(1.8px) }
.btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: var(--ink); color: var(--bg) }
.btn-primary:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: var(--blue-ink) }
.btn-ghost:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: transparent; border-color: var(--line-strong); color: var(--ink) }
.btn-ghost:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-color: var(--blue); color: var(--blue-ink) }
.btn-lg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 12.6px 21.6px; font-size: 13.5px }
.btn-sm:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 7.2px 12.6px; font-size: 11.7px }
.nav:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: sticky; top: 0; z-index: 50; background: #000; backdrop-filter: blur(14.4px) saturate(160%); -webkit-backdrop-filter: blur(14.4px) saturate(160%); border-bottom: 0.9px solid transparent; transition: border-color 0.3s ease }
.nav-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center; height: 57.6px; max-width: none; margin: 0; padding: 0 clamp(21.6px, 5.4vw, 86.4px) }
.brand:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center }
.brand-logo:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { height: 18px; width: auto; display: block; filter: invert(1) brightness(1.6) }
.nav-cta:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center; gap: 9px; margin-left: auto }
.nav-cta .btn-ghost:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-color: rgba(245, 246, 248, 0.3); color: #f5f7f8 }
.nav-cta .btn-ghost:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(245, 246, 248, 0.12); border-color: rgba(245, 246, 248, 0.55); color: #fff }
.nav-cta .btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #f5f7f8; color: #0b0d10 }
.nav-cta .btn-primary:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #dbe3e5 }
.nav.on-light:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(245, 246, 248, 0.05); border-bottom-color: var(--line) }
.nav.on-light .brand-logo:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { filter: none }
.nav.on-light .nav-cta .btn-ghost:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-color: var(--line-strong); color: var(--ink) }
.nav.on-light .nav-cta .btn-ghost:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(18, 19, 24, 0.05); border-color: var(--line-strong); color: var(--ink) }
.nav.on-light .nav-cta .btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: var(--ink); color: var(--bg) }
.nav.on-light .nav-cta .btn-primary:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: var(--blue-ink) }
.eyebrow:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: inline-flex; align-items: center; gap: 8.1px; font-family: var(--mono); font-size: 9.9px; letter-spacing: 0.07em; color: var(--ink-3); padding-bottom: 16.2px }
.eyebrow .dot:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 4.5px; height: 4.5px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 6.3px rgba(31,143,107,.5); flex-shrink: 0 }
.kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; font-family: var(--mono); font-size: 10.35px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--blue-ink); margin-bottom: 14.4px }
.sr-only:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; width: 0.9px; height: 0.9px; padding: 0; margin: -0.9px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0 }
.intro:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; height: 270vh; background: #000000 }
.intro.reduced:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { height: 90vh }
.intro.reduced .intro-scrollcue:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none }
.hero:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: sticky; top: 0; overflow: hidden; height: 90vh; display: block }
.hero-canvas:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; pointer-events: none; background: #000102 }
.hero-vignette:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; inset: 0; z-index: 1; pointer-events: none; background: radial-gradient(ellipse 70% 60% at 50% 50%, transparent 55%, #000000 97%),
    linear-gradient(to bottom, rgba(0,0,0,.5) 0%, transparent 14%, transparent 80%, #000000 100%) }
.hero-wordmark:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; z-index: 2; inset: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(21.6px, 5.4vw, 86.4px); pointer-events: none }
.hw:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-weight: 500; letter-spacing: -0.01em; line-height: 1; font-size: clamp(39.6px, 4.14vw, 72px); color: #f2f4f6; will-change: transform, opacity }
.intro-statement:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; z-index: 2; left: 0; right: 0; bottom: 8.1vh; text-align: center; opacity: 0; transform: translateY(23.4px); pointer-events: none; will-change: transform, opacity }
.intro-statement .hero-tagline:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0 auto; max-width: 648px; font-size: clamp(23.4px, 3.06vw, 37.8px); font-weight: 500; line-height: 1.22; letter-spacing: -0.015em; color: #f5f7f8 }
.intro-statement .hero-sub:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 16.2px auto 0; max-width: 432px; font-size: 13.95px; line-height: 1.62; color: #aeb6bd }
.intro-statement .hero-cta:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; gap: 10.8px; margin-top: 27px; justify-content: center }
.intro-statement.on:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { pointer-events: auto }
.intro-statement .btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(245, 247, 248, 0.82); backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%); border: 0.9px solid rgba(255, 255, 255, 0.4); color: #0b0d10 }
.intro-statement .btn-primary:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(245, 247, 248, 0.96) }
.intro-statement .btn-ghost:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(245, 246, 248, 0.08); backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%); border-color: rgba(245, 246, 248, 0.3); color: #f5f7f8 }
.intro-statement .btn-ghost:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(245, 246, 248, 0.16); border-color: rgba(245, 246, 248, 0.55); color: #fff }
.intro-scrollcue:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; z-index: 2; left: 50%; bottom: 25.2px; transform: translateX(-50%); width: 25.2px; height: 25.2px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 0.9px solid rgba(245, 246, 248, 0.18); color: rgba(245, 246, 248, 0.55); animation: cueBob--z 2.4s ease-in-out infinite }
.intro-scrollcue svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 11.7px; height: 11.7px }
.section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 99px 0 }
.section-alt:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: var(--bg-raised); border-top: 0.9px solid var(--line); border-bottom: 0.9px solid var(--line) }
.section-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 540px; margin: 0 auto 50.4px; text-align: center }
.section-head.left:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0; text-align: left; max-width: 378px }
.section-head h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: clamp(24.3px, 2.7vw, 32.4px) }
.section-head p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 12.6px; font-size: 13.95px; line-height: 1.6 }
#prodotto.section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; z-index: 2; background: var(--bg); padding: 28.8px 0 36px; scroll-margin-top: 75.6px }
#prodotto .section-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: 43.2px; max-width: 711px }
#integrations .section-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: 28.8px; max-width: 711px }
#approach .section-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: 0; max-width: 711px }
#peakcontrol-film .section-head h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #prodotto .section-head h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #industries .section-head h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #mission .section-head h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #integrations .section-head h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #approach .section-head h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: clamp(30.6px, 3.15vw, 48.6px); font-weight: 400; letter-spacing: -.045em; line-height: 1.12 }
#peakcontrol-film .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #prodotto .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #industries .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #mission .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #integrations .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #606568; margin-bottom: 19.8px; letter-spacing: .09em }
.agent-tabbar:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.9px; max-width: 100%; margin: 0 auto 19.8px; padding: 3.6px; background: var(--bg); border: 0.9px solid #dddfe0; border-radius: 899.1px; width: fit-content }
.agent-tab:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-family: var(--sans); font-size: 10.8px; font-weight: 500; color: var(--ink-3); white-space: nowrap; border: none; background: none; cursor: pointer; padding: 6.3px 11.7px; border-radius: 899.1px; transition: background-color 0.2s ease, color 0.2s ease }
.agent-tab:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: var(--ink-2) }
.agent-tab.active:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: var(--ink); background: #fff; box-shadow: 0 0.9px 2.7px rgba(18, 19, 24, 0.08) }
.agent-carousel:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative }
.agent-track:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center; justify-content: flex-start; gap: clamp(14.4px, 2.34vw, 28.8px); padding: 12.6px 0 10.8px; will-change: transform }
.agent-circle:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; flex-shrink: 0; border-radius: 899.1px; overflow: hidden; width: clamp(135px, 14.4vw, 207px); aspect-ratio: 1; transform: scale(0.6); opacity: 0.05; filter: saturate(0.4); cursor: pointer; border: none; padding: 0; background: none; transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s ease, filter 0.5s ease }
.agent-circle canvas:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; width: 100%; height: 100% }
.agent-circle[data-distance="0"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: scale(1.14); opacity: 1; filter: none; cursor: default }
.agent-circle[data-distance="1"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: scale(0.76); opacity: 0.5; filter: saturate(0.65) }
.agent-circle[data-distance="2"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: scale(0.44); opacity: 0.14; filter: saturate(0.4) }
@media (prefers-reduced-motion: reduce) { .agent-circle:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: opacity 0.3s ease } }
.agent-info:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: flex-start; justify-content: center; gap: 14.4px; max-width: 540px; margin: 0 auto; text-align: center }
.agent-info-text:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex: 1; min-width: 0; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(16.2px) saturate(160%); -webkit-backdrop-filter: blur(16.2px) saturate(160%); border: 0.9px solid rgba(255, 255, 255, 0.6); border-radius: 16.2px; padding: 16.2px 23.4px 18px; box-shadow: 0 18px 45px rgba(18, 19, 24, 0.07) }
.agent-arrow:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex-shrink: 0; margin-top: 7.2px }
.agent-panel-kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; font-family: var(--sans); font-weight: 600; font-size: 21.6px; letter-spacing: -0.01em; text-transform: none; color: var(--ink); margin-bottom: 10.8px; transition: opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1), transform 0.42s cubic-bezier(0.22, 1, 0.36, 1) }
.agent-panel-kicker.is-switching:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 0; transform: translateY(5.4px) }
.agent-panel-body:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: var(--ink-2); font-size: 12.15px; line-height: 1.55; margin: 0; transition: opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1), transform 0.42s cubic-bezier(0.22, 1, 0.36, 1) }
.agent-panel-body.is-switching:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 0; transform: translateY(5.4px) }
.agent-tasks:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; flex-wrap: wrap; gap: 7.2px; justify-content: center; margin-top: 11.7px; transition: opacity 0.42s cubic-bezier(0.22, 1, 0.36, 1), transform 0.42s cubic-bezier(0.22, 1, 0.36, 1) }
.agent-tasks.is-switching:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 0; transform: translateY(5.4px) }
.agent-tasks span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-family: var(--mono); font-size: 9.9px; letter-spacing: 0.02em; padding: 5.4px 10.8px; border-radius: 899.1px; border: 0.9px solid var(--line-strong); background: var(--bg-raised); color: var(--ink-2) }
#industries:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; z-index: 2; background: var(--bg); border: 0; padding: 81px 0 73.8px; overflow: hidden }
#industries .section-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0; max-width: 711px }
.industry-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: flex-end; justify-content: space-between; gap: 40.5px; margin-bottom: 43.2px }
.industry-navigation:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center; gap: 25.2px; padding-bottom: 4.5px }
.industry-position:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font: 9px var(--mono); color: #5f6669; letter-spacing: .12em; white-space: nowrap }
.industry-arrows:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; gap: 9px; flex-shrink: 0 }
.industry-arrow:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; place-items: center; width: 44.1px; height: 44.1px; border-radius: 50%; padding: 0; background: transparent; border: 0.9px solid #b8bdbe; color: #4c5357; cursor: pointer; transition: background .2s, color .2s, border-color .2s }
.industry-arrow svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 17.1px; height: 17.1px }
.industry-arrow:hover:not(:disabled):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #171d20; border-color: #171d20; color: #fff }
.industry-arrow:disabled:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: .28; cursor: default }
.industry-cards:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; --industry-gutter: max(25.2px, calc(90vw / 1.8 - 640.8px)); scroll-padding-inline: var(--industry-gutter); padding: 2.7px var(--industry-gutter) 10.8px; scrollbar-width: none; overscroll-behavior-x: contain }
.industry-cards:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::-webkit-scrollbar { display: none }
.industry-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; flex: 0 0 clamp(261px, 22.5vw, 342px); aspect-ratio: .64; scroll-snap-align: start; background: #fff; border: 0.9px solid #dddfe0; border-radius: 8.1px; padding: 29.7px 26.1px; text-align: left; cursor: pointer; overflow: hidden; font-family: var(--sans); color: #171d20; transition: border-color .3s, box-shadow .3s }
.industry-card:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .industry-card:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-color: #aeb8bd }
.industry-card:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .industry-arrow:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .industry-cards:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: 1.8px solid #647680; outline-offset: 2.7px }
.industry-card-number:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; top: 13.5px; right: 15.3px; font: 8.1px var(--mono); letter-spacing: .06em; color: #6b7276 }
.industry-card-title:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; top: 30.6px; left: 26.1px; right: 21.6px; z-index: 2; display: block; font-size: clamp(20.7px, 1.665vw, 26.1px); line-height: 1.17; font-weight: 400; letter-spacing: -.035em; color: #191d20 }
.industry-card-art:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; width: 114%; height: calc(100% - 121.5px); bottom: 35.1px; right: -9%; color: #9da9b2; opacity: .90; transform-origin: 55% 65%; transition: transform .75s cubic-bezier(.22,1,.36,1), color .5s, opacity .5s; pointer-events: none }
.industry-card:hover .industry-card-art:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .industry-card:focus-visible .industry-card-art:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: translateY(-4.5px) scale(1.035); color: #73838e; opacity: 1 }
.industry-card-footer:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; left: 25.2px; right: 22.5px; bottom: 17.1px; display: flex; align-items: center; justify-content: space-between; z-index: 4; color: #6e777c; font-size: 9px; letter-spacing: .015em }
.industry-card-plus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; place-items: center; width: 22.5px; height: 22.5px; font-size: 20.7px; font-weight: 400; transition: transform .35s }
.industry-card-desc:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; padding: 52.2px 26.1px 61.2px; font-size: 12.6px; line-height: 1.7; color: #4b555b; background: linear-gradient(0deg,#fff 0%,#fff 84%,#ffffff00 100%); opacity: 0; visibility: hidden; transform: translateY(10.8px); transition: opacity .3s, transform .4s, visibility .3s; pointer-events: none }
.industry-detail-label:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; margin-bottom: 11.7px; font: 7.2px var(--mono); color: #7d898f; letter-spacing: .09em }
.industry-card.is-active .industry-card-desc:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; visibility: visible; transform: translateY(0) }
.industry-card.is-active .industry-card-art:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: translateY(-25.2px) scale(1.03); opacity: .32 }
.industry-card.is-active .industry-card-plus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: rotate(45deg) }
@media (max-width: 980px) { #industries .industry-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex-direction: row; align-items: flex-end; gap: 22.5px } }
@media (max-width: 980px) { #prodotto .section-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #industries .section-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 558px } }
@media (max-width: 980px) { .industry-navigation:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { gap: 14.4px } }
@media (max-width: 980px) { .industry-position:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none } }
@media (max-width: 600px) { #industries:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 52.2px 0 43.2px } }
@media (max-width: 600px) { #industries .industry-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex-wrap: wrap; gap: 20.7px; margin-bottom: 23.4px } }
@media (max-width: 600px) { #prodotto .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #industries .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #mission .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: 14.4px } }
@media (max-width: 600px) { .industry-navigation:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 100%; justify-content: space-between } }
@media (max-width: 600px) { .industry-position:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block } }
@media (max-width: 600px) { .industry-arrow:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 35.1px; height: 35.1px } }
@media (max-width: 600px) { .industry-cards:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { gap: 12.6px } }
@media (max-width: 600px) { .industry-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex-basis: min(71.1vw, 297px); aspect-ratio: .70; padding: 25.2px 21.6px } }
@media (max-width: 600px) { .industry-card-title:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { left: 21.6px; top: 27px; font-size: 22.5px } }
@media (max-width: 600px) { .industry-card-art:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { height: calc(100% - 115.2px) } }
@media (max-width: 600px) { .industry-card-desc:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 11.7px; padding-left: 21.6px; padding-right: 21.6px } }
@media (max-width: 600px) { .industry-card-footer:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { left: 21.6px; right: 18px } }
@media (prefers-reduced-motion: reduce) { #industries *:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #industries *:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::before, #industries *:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::after { transition: none !important; scroll-behavior: auto !important } }
.sicurezza-grid:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 57.6px; align-items: start }
.trust-list:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; flex-direction: column; gap: 0.9px; background: var(--line); border: 0.9px solid var(--line); border-radius: var(--r); overflow: hidden }
.trust-item:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; gap: 18px; padding: 23.4px; background: var(--bg-raised) }
.trust-num:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-family: var(--mono); font-size: 10.8px; color: var(--ink-3); flex-shrink: 0; padding-top: 1.8px }
.trust-item h4:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 13.5px; margin-bottom: 6.3px }
.trust-item p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 12.6px; line-height: 1.6 }
.fit-grid:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.9px; background: var(--line); border: 0.9px solid var(--line); border-radius: var(--r); overflow: hidden }
.fit-item:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: var(--bg); padding: 27px 23.4px }
.fit-item svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 21.6px; height: 21.6px; color: var(--blue-ink); margin-bottom: 16.2px }
.fit-item p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 13.05px; line-height: 1.6; color: var(--ink-2) }
.calc:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; grid-template-columns: 1fr 0.85fr; gap: 0.9px; background: var(--line); border: 0.9px solid var(--line); border-radius: var(--r-lg); overflow: hidden; box-shadow: 0 18px 45px rgba(18, 19, 24, 0.06) }
.calc-inputs:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: var(--bg-raised); padding: 32.4px; display: flex; flex-direction: column; gap: 23.4px }
.calc-field:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; flex-direction: column; gap: 9px }
.calc-field-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; justify-content: space-between; align-items: baseline }
.calc-field label:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 12.15px; color: var(--ink-2); font-weight: 500 }
.calc-field output:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-family: var(--mono); font-size: 12.6px; color: var(--blue-ink); font-weight: 600; font-variant-numeric: tabular-nums }
.calc-field input[type="range"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { -webkit-appearance: none; width: 100%; height: 3.6px; border-radius: 1.8px; background: var(--line-strong); outline: none; cursor: pointer }
.calc-field input[type="range"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::-webkit-slider-thumb { -webkit-appearance: none; width: 14.4px; height: 14.4px; border-radius: 50%; background: var(--blue); border: 1.8px solid var(--bg-raised); box-shadow: 0 0 0 0.9px var(--blue); cursor: pointer }
.calc-field input[type="range"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::-moz-range-thumb { width: 14.4px; height: 14.4px; border-radius: 50%; border: 1.8px solid var(--bg-raised); background: var(--blue); box-shadow: 0 0 0 0.9px var(--blue); cursor: pointer }
.calc-note:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 10.8px; color: var(--ink-3); line-height: 1.5; padding-top: 5.4px; border-top: 0.9px dashed var(--line) }
.calc-output:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: var(--bg-sunken); padding: 32.4px; display: flex; flex-direction: column; justify-content: center; gap: 19.8px }
.calc-row:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; justify-content: space-between; align-items: baseline }
.calc-row span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 12.15px; color: var(--ink-2) }
.calc-row b:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-family: var(--mono); font-size: 16.2px; color: var(--ink); font-variant-numeric: tabular-nums }
.calc-result:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 3.6px; padding-top: 19.8px; border-top: 0.9px solid var(--line-strong); display: flex; flex-direction: column; gap: 5.4px }
.calc-result span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-family: var(--mono); font-size: 10.35px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3) }
.calc-result b:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-family: var(--mono); font-size: 36px; font-weight: 700; color: var(--blue-ink); line-height: 1; font-variant-numeric: tabular-nums }
.calc-result em:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 11.7px; color: var(--ink-3) }
.cta-band:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 0 25.2px 117px }
.cta-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border: 0.9px solid var(--line); border-radius: var(--r-lg); background: radial-gradient(ellipse 120% 160% at 50% -20%, rgba(68,85,214,.08), transparent 60%), var(--bg-raised); padding: 64.8px 36px; text-align: center; display: flex; flex-direction: column; align-items: center; box-shadow: 0 27px 63px rgba(18, 19, 24, 0.07) }
.cta-card h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: clamp(23.4px, 2.7vw, 30.6px); margin-top: 3.6px }
.cta-card p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 10.8px; font-size: 14.4px }
.cta-card .btn:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 27px }
.footer:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-top: 0.9px solid var(--line); padding-top: 57.6px; background: var(--bg-raised) }
.footer-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; grid-template-columns: 1.2fr 2fr; gap: 54px; padding-bottom: 50.4px }
.footer-brand p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 14.4px; font-size: 12.6px; max-width: 252px; line-height: 1.6 }
.footer-mail:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: inline-block; margin-top: 12.6px; font-family: var(--mono); font-size: 11.7px; color: var(--blue-ink) }
.footer-cols:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28.8px }
.footer-col:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; flex-direction: column; gap: 10.8px }
.footer-col h5:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-family: var(--mono); font-size: 9.9px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 3.6px }
.footer-col a:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 12.6px; color: var(--ink-2); transition: color 0.15s ease }
.footer-col a:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: var(--ink) }
.footer-bottom:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; justify-content: space-between; align-items: center; padding: 19.8px 25.2px; border-top: 0.9px solid var(--line); font-family: var(--mono); font-size: 10.8px; color: var(--ink-3) }
.footer-legal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; gap: 18px }
.footer-legal a:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: var(--ink) }
.hero:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .cta-band:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .footer:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { --bg: #000000; --bg-raised: #121317; --bg-sunken: #1a1b1f; --line: rgba(245, 246, 248, 0.12); --line-strong: rgba(245, 246, 248, 0.22); --surface: rgba(245, 246, 248, 0.05); --surface-hover: rgba(245, 246, 248, 0.08); --ink: #f5f6f8; --ink-2: #b4b8c2; --ink-3: #797d87; --blue: #6677e8; --blue-ink: #8e9af7; --violet: #9d7ae0; --violet-soft: rgba(157, 122, 224, 0.16); --blue-soft: rgba(102, 119, 232, 0.16); background: var(--bg); color: var(--ink) }
.footer:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-top-color: var(--line) }
.cta-band .cta-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { box-shadow: 0 27px 63px rgba(0, 0, 0, 0.45) }
.reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 0; transform: translateY(16.2px); transition: opacity 0.7s var(--ease), transform 0.7s var(--ease) }
.reveal.in:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; transform: translateY(0) }
@media (max-width: 980px) { .hero-wordmark:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 0 clamp(16.2px, 4.5vw, 43.2px) } }
@media (max-width: 980px) { .agent-info:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 82.8vw } }
@media (max-width: 980px) { .agent-tabbar:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none } }
@media (max-width: 980px) { .industry-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { align-items: flex-start; flex-direction: column; gap: 14.4px } }
@media (max-width: 980px) { .sicurezza-grid:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-template-columns: 1fr; gap: 36px } }
@media (max-width: 980px) { .fit-grid:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-template-columns: 1fr } }
@media (max-width: 980px) { .calc:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-template-columns: 1fr } }
@media (max-width: 980px) { .footer-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-template-columns: 1fr; gap: 36px } }
@media (max-width: 720px) { .nav-cta:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { gap: 7.2px } }
@media (max-width: 720px) { .nav-cta .btn-sm:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 6.3px 9.9px; font-size: 11.25px } }
@media (max-width: 720px) { .footer-cols:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-template-columns: 1fr; gap: 21.6px } }
@media (max-width: 720px) { .footer-bottom:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex-direction: column; gap: 9px; text-align: center } }
@media (max-width: 720px) { #peakcontrol-film .section-head h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #prodotto .section-head h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #industries .section-head h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #mission .section-head h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 30.6px; max-width: 306px } }
@media (max-width: 720px) { #prodotto.section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 39.6px 0 46.8px } }
@media (max-width: 720px) { #prodotto .section-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: 23.4px } }
@media (max-width: 720px) { .agent-track:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 21.6px 0 25.2px } }
@media (max-width: 720px) { .agent-info:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 9px } }
@media (max-width: 720px) { .agent-circle:not([data-distance="0"]):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 0 !important; pointer-events: none } }
@media (max-width: 720px) { .agent-circle[data-distance="0"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: scale(1.85) } }
@media (max-width: 720px) { .hero-wordmark:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; padding: 0 } }
@media (max-width: 720px) { .hw:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; font-size: clamp(27px, 8.1vw, 43.2px) } }
@media (max-width: 720px) { .hw-peak:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { top: 16.2vh; left: 19.8px } }
@media (max-width: 720px) { .hw-control:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { bottom: 18vh; right: 19.8px } }
@media (max-width: 720px) { .intro-statement:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { bottom: 5.4vh; padding: 0 18px } }
.intro.reduced .hero-wordmark:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none }
.intro.reduced .hero-canvas:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { height: 45% }
.intro.reduced .intro-statement:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; transform: none; pointer-events: auto }
@media (prefers-reduced-motion: reduce) { html:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { scroll-behavior: auto } }
@media (prefers-reduced-motion: reduce) { .reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; transform: none; transition: none } }
.industry-model-canvas:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; left: 5%; bottom: 44.1px; width: 90%; height: calc(100% - 144px); object-fit: cover; background: #fff; pointer-events: none; opacity: 0; transition: opacity .35s; z-index: 1 }
.industry-card.has-model .industry-model-canvas:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1 }
.industry-card.has-model .industry-card-art:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { visibility: hidden }
.industry-model-hint:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; right: 24.3px; bottom: 54.9px; font: 8.1px var(--mono); letter-spacing: .08em; color: #909ca4; opacity: 0; transition: opacity .3s; pointer-events: none }
.industry-card.has-model .industry-model-hint:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: .65 }
.industry-card.model-turning .industry-model-hint:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; color: #536975 }
.industry-card.is-active .industry-model-canvas:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: .22 }
.industry-card.is-active .industry-model-hint:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 0 }
@media (prefers-reduced-motion: reduce) { .industry-model-canvas:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .industry-model-hint:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: none } }
@media (prefers-reduced-motion: reduce) { .industry-card.has-model .industry-model-hint:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none } }
.industry-card-art.industry-tesla-fallback:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .industry-card-art.industry-plane-fallback:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .industry-card-art.industry-molecule-fallback:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .industry-card-art.industry-robot-fallback:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { left: 5%; right: auto; bottom: 44.1px; width: 90%; height: calc(100% - 144px); object-fit: contain; opacity: 1 }
.mission-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 18px clamp(16.2px, 1.8vw, 28.8px) 57.6px; background: var(--bg); scroll-margin-top: 76.5px }
.mission-grid:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(16.2px, 1.35vw, 25.2px) }
.mission-copy:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .mission-media:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: clamp(522px, 44.1vw, 738px); border: 0.9px solid #e1e2e3; border-radius: 9.9px; overflow: hidden }
.mission-copy:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; flex-direction: column; align-items: flex-start; background: #fff; padding: clamp(25.2px, 2.79vw, 54px) }
.mission-story:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: auto; padding-top: 90px }
.mission-story h3:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0; max-width: 684px; font: 400 clamp(30.6px, 2.34vw, 48.6px)/1.13 var(--sans); letter-spacing: -.045em; color: #121318; text-wrap: balance }
.mission-story p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 25.2px 0 0; max-width: 648px; font-size: clamp(15.3px, 1.125vw, 20.7px); line-height: 1.55; letter-spacing: -.022em; color: #3b3f42 }
.mission-media:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; display: grid; place-items: center; isolation: isolate; background: #273d65 }
.mission-poster:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover }
.mission-watch-wrap:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; z-index: 1; display: grid; justify-items: center; gap: 12.6px; transform: translateY(13.5px) }
.mission-watch:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: inline-flex; align-items: center; justify-content: center; gap: 20.7px; min-height: 63px; padding: 19.8px 23.4px; border: 0.9px solid rgba(255,255,255,.25); border-radius: 9px; background: rgba(18,31,54,.38); backdrop-filter: blur(14.4px); -webkit-backdrop-filter: blur(14.4px); color: white; font: 11.7px var(--mono); letter-spacing: .025em; text-transform: uppercase; box-shadow: 0 7.2px 27px rgba(10,24,47,.08) }
.mission-watch:disabled:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; cursor: default }
.mission-watch svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 16.2px; height: 18.9px }
.mission-film-status:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: rgba(255,255,255,.82); font: 9px var(--mono); text-transform: uppercase; letter-spacing: .13em }
@media (max-width: 1000px) and (min-width: 761px) { .mission-copy:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 25.2px } }
@media (max-width: 1000px) and (min-width: 761px) { .mission-story:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-top: 57.6px } }
@media (max-width: 1000px) and (min-width: 761px) { .mission-story h3:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 30.6px } }
@media (max-width: 1000px) and (min-width: 761px) { .mission-story p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 14.4px } }
@media (max-width: 760px) { .mission-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 16.2px 16.2px 36px } }
@media (max-width: 760px) { .mission-grid:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-template-columns: 1fr; gap: 14.4px } }
@media (max-width: 760px) { .mission-copy:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 459px; padding: 25.2px } }
@media (max-width: 760px) { .mission-story:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-top: 61.2px } }
@media (max-width: 760px) { .mission-story h3:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: clamp(27.9px, 6.3vw, 36px) } }
@media (max-width: 760px) { .mission-story p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 21.6px; font-size: 15.3px } }
@media (max-width: 760px) { .mission-media:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 0; aspect-ratio: 1 / 1.05 } }
.mission-section-heading.section-head.left:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 1281.6px; margin: 0 auto 43.2px }
.mission-section-heading h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 711px }
@media (max-width: 760px) { .mission-section-heading.section-head.left:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: 23.4px } }
.site-footer:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; isolation: isolate; overflow: hidden; background: #050505; color: #f4f4f4 }
.site-footer:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::before { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; opacity: .12; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); mask-image: linear-gradient(90deg, transparent 35%, #000); -webkit-mask-image: linear-gradient(90deg, transparent 35%, #000) }
.site-footer-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 1332px; margin: 0 auto; padding: clamp(57.6px, 5.4vw, 99px) 25.2px 0 }
.site-footer-grid:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; grid-template-columns: 1.5fr .85fr 1.3fr .7fr; column-gap: clamp(25.2px, 3.6vw, 81px); min-height: 297px }
.site-footer-brand img:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; width: clamp(153px, 12.6vw, 211.5px); height: auto; filter: invert(1) }
.site-footer-brand p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 31.5px 0 20.7px; color: #9b9b9b; font-size: clamp(15.3px, 1.17vw, 19.8px); line-height: 1.45; letter-spacing: -.025em }
.site-footer-email:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: inline-flex; align-items: center; gap: 12.6px; color: #ababab; font-size: 11.7px }
.site-footer-links:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; flex-direction: column; align-items: flex-start; gap: 15.3px }
.site-footer-links h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0 0 6.3px; color: #ededed; font: 9.9px var(--mono); line-height: 1.4; text-transform: uppercase; letter-spacing: .08em }
.site-footer-links a:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #989898; font-size: 12.6px; line-height: 1.4; letter-spacing: -.015em }
.site-footer a:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: color .2s }
.site-footer a:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #fff }
.site-footer a:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: 0.9px solid #aaa; outline-offset: 5.4px; border-radius: 1.8px }
.site-footer-meta:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-top: clamp(58.5px, 6.3vw, 121.5px); color: #858585; font-size: 10.8px }
.site-footer-meta a:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: inline-flex; gap: 16.2px; align-items: center }
.site-footer-wordmark:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; width: 100%; height: auto; margin-top: 25.2px; overflow: visible }
.site-footer-wordmark text:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-family: var(--sans); font-size: 202.5px; font-weight: 400; fill: none; stroke: #363636; stroke-width: 1 }
.industry-card[id]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { scroll-margin-top: 85.5px }
@media (max-width: 900px) { .site-footer-grid:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-template-columns: 1.1fr 1fr; gap: 40.5px 28.8px } }
@media (max-width: 900px) { .site-footer-meta:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 58.5px } }
@media (max-width: 520px) { .site-footer-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 46.8px 21.6px 10.8px } }
@media (max-width: 520px) { .site-footer-grid:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-template-columns: 1fr 1fr; gap: 32.4px 19.8px } }
@media (max-width: 520px) { .site-footer-brand:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-column: 1 / -1 } }
@media (max-width: 520px) { .site-footer-brand p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 21.6px 0 14.4px } }
@media (max-width: 520px) { .site-footer-links a:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 11.7px } }
@media (max-width: 520px) { .site-footer-links:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { gap: 13.5px } }
@media (max-width: 520px) { .site-footer-meta:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { align-items: flex-start; font-size: 9px; gap: 10.8px; margin-top: 43.2px } }
@media (max-width: 520px) { .site-footer-meta a:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { white-space: nowrap; gap: 7.2px } }
@media (max-width: 520px) { .site-footer-wordmark:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 27px } }
@media (max-width: 520px) { .site-footer-wordmark text:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { stroke: #555; stroke-width: 1.4 } }
.nav.over-footer:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(5,5,5,.72); border-bottom-color: rgba(255,255,255,.08) }
.nav.over-footer .brand-logo:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { filter: invert(1) brightness(1.6) }
.nav.over-footer .nav-cta .btn-ghost:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #f5f6f8; border-color: rgba(245,246,248,.35) }
.nav.over-footer .nav-cta .btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #f5f7f8; color: #0b0d10 }
.nav.over-footer .nav-cta .btn-primary:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #dbe3e5 }
.integrations-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; z-index: 2; padding: 52.2px 0 0; background: var(--bg); scroll-margin-top: 75.6px }
.integration-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; width: 100%; min-width: 0; max-width: 1440px; margin: 0 auto; aspect-ratio: 2.15; min-height: 504px; overflow: hidden; border: 0.9px solid #e0e3e7; border-radius: 10.8px; background: #fff }
.integration-intro:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; z-index: 3; padding: clamp(27px,2.88vw,48.6px); pointer-events: none }
.integration-intro h3:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0; font-size: clamp(23.4px,2.61vw,43.2px); line-height: 1.05; font-weight: 400; letter-spacing: -.05em }
.integration-intro p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .integration-closing p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0; font-size: clamp(11.7px,0.99vw,14.4px); line-height: 1.5; letter-spacing: -.025em; color: #858b94 }
.integration-intro p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 7.2px }
.integration-diagram:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; inset: 0 }
.integration-orbits:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; width: 100%; height: 100%; inset: 0; pointer-events: none }
.integration-globe:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; z-index: 1; left: 50%; top: 54%; width: 34%; height: auto; transform: translate(-50%,-50%); pointer-events: none; user-select: none }
.integration-systems:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { list-style: none; padding: 0; margin: 0 }
.integration-system:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; z-index: 2; left: var(--orbit-x); top: var(--orbit-y); transform: translate(-50%,-50%); display: flex; align-items: center; gap: 7.2px; padding: 8.1px 13.5px; border-radius: 899.1px; border: 0.9px solid #e3eafb; background: rgba(255,255,255,.97); box-shadow: 0 6.3px 21.6px rgba(95,139,217,.085), inset 0 0.9px 0 #fff; font-size: clamp(9.9px,0.855vw,12.6px); line-height: 1.18; letter-spacing: -.025em; color: #20283f; white-space: nowrap }
.integration-system i:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 6.3px; height: 6.3px; border-radius: 50%; flex: 0 0 auto; background: #438cff }
.integration-system--purple i:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #9960f7 }
.integration-system--coral i:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #ff8164 }
.integration-system--amber i:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #eeb446 }
.integration-system--mint i:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #2dc8a2 }
.integration-closing:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; z-index: 3; bottom: 27px; right: clamp(27px,2.88vw,48.6px); max-width: 50%; text-align: right }
.integration-closing h3:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0; font-size: clamp(23.4px,2.61vw,43.2px); line-height: 1.05; font-weight: 400; letter-spacing: -.05em }
.integration-closing p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 7.2px; font-size: clamp(10.8px,0.9vw,13.5px) }
@media (min-width: 761px) and (max-width: 1000px) { .integration-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 468px } }
@media (min-width: 761px) and (max-width: 1000px) { .integration-intro p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 342px } }
@media (min-width: 761px) and (max-width: 1000px) { .integration-system:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 9px; padding: 7.2px 9.9px; gap: 5.4px } }
@media (min-width: 761px) and (max-width: 1000px) { .integration-closing:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 56% } }
@media (max-width: 760px) { .integrations-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 30.6px 0 0 } }
@media (max-width: 760px) { #integrations > .shell-wide:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-inline: 16.2px } }
@media (max-width: 760px) { .integration-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 0; aspect-ratio: auto; padding: 25.2px 19.8px } }
@media (max-width: 760px) { .integration-intro:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 0 } }
@media (max-width: 760px) { .integration-intro h3:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: clamp(27px,6.3vw,36px) } }
@media (max-width: 760px) { .integration-intro p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 13.5px; max-width: 351px } }
@media (max-width: 760px) { .integration-diagram:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; inset: auto; width: calc(100% + 39.6px); height: auto; aspect-ratio: 1; margin: 7.2px -19.8px 0 } }
@media (max-width: 760px) { .integration-orbits:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { inset: 0; height: 100%; width: 100% } }
@media (max-width: 760px) { .integration-globe:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: min(43%,180px); top: 50% } }
@media (max-width: 760px) { .integration-systems:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; padding: 0 } }
@media (max-width: 760px) { .integration-system:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; transform: translate(-50%,-50%); justify-content: center; min-width: 0; max-width: 88.2px; width: max-content; font-size: clamp(7.2px,2.07vw,9.9px); line-height: 1.2; padding: 5.4px 7.2px; gap: 3.6px; white-space: nowrap; text-align: center } }
@media (max-width: 760px) { .integration-system i:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 3.6px; height: 3.6px } }
@media (max-width: 760px) { .integration-closing:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; right: auto; bottom: auto; margin-top: 32.4px; max-width: none; text-align: left } }
@media (max-width: 760px) { .integration-closing h3:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: clamp(27px,6.3vw,36px) } }
@media (max-width: 760px) { .integration-closing p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 12.6px; margin-top: 10.8px } }
.integration-motion:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; z-index: 4; left: clamp(27px,2.88vw,48.6px); bottom: 28.8px; padding: 5.4px 0; border: 0; background: transparent; color: #838a96; font: 9px var(--mono); letter-spacing: .04em; cursor: pointer }
.integration-motion:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #263347 }
.integration-motion:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: 0.9px solid #7c9ec8; outline-offset: 4.5px }
@media (prefers-reduced-motion: reduce) { .integration-motion:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none } }
.integration-globe:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { aspect-ratio: 1; height: auto; isolation: isolate }
.integration-globe:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::before { content: ""; position: absolute; inset: 5%; border-radius: 50%; background: #e6effb; filter: blur(19.8px); opacity: .58; z-index: -1 }
.integration-globe img:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .integration-globe canvas:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; inset: 0; display: block; width: 100%; height: 100% }
.integration-globe canvas:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 0 }
.integration-globe.is-rendered canvas:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1 }
.integration-globe.is-rendered img:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { visibility: hidden }
@media (max-width: 760px) { .integration-motion:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; left: auto; bottom: auto; margin-top: 14.4px } }
@media (max-width: 760px) { .integration-closing:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 18px } }
.integration-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: radial-gradient(ellipse at 42% 58%,rgba(68,85,214,.055),transparent 43%),radial-gradient(ellipse at 73% 36%,rgba(124,79,209,.045),transparent 38%),#fff }
.integration-system:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { --glass-accent: 68,85,214; color: #30364f; border: 0.9px solid rgba(255,255,255,.86); background: linear-gradient(135deg,rgba(255,255,255,.76) 0%,rgba(255,255,255,.32) 42%,rgba(var(--glass-accent),.11) 100%); -webkit-backdrop-filter: blur(14.4px) saturate(150%); backdrop-filter: blur(14.4px) saturate(150%); box-shadow: 0 7.2px 19.8px rgba(39,44,88,.10),0 1.8px 4.5px rgba(56,64,116,.055),inset 0 0.9px 0 rgba(255,255,255,.96),inset 0 -0.9px 0.9px rgba(var(--glass-accent),.16),0 0 0 0.9px rgba(var(--glass-accent),.09); text-shadow: 0 0.9px 0 rgba(255,255,255,.7) }
.integration-system:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::after { content: ""; position: absolute; top: 1.8px; left: 20%; right: 20%; height: 0.9px; border-radius: 50%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent); pointer-events: none }
.integration-system:nth-child(2n):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { --glass-accent: 124,79,209 }
.integration-system i:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgb(var(--glass-accent)); box-shadow: 0 0 0 2.7px rgba(var(--glass-accent),.07),inset 0 0.9px 0.9px rgba(255,255,255,.4) }
.integration-globe:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::before { inset: 7%; background: #eef0f4; filter: blur(25.2px); opacity: .4; transform: translate(3%,5%) }
.agent-frame:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; width: 100%; min-width: 0; overflow: hidden; border: 0.9px solid #e0e3e7; border-radius: 10.8px; padding: 28.8px 21.6px 36px; background: radial-gradient(ellipse at 42% 58%,rgba(68,85,214,.055),transparent 43%),radial-gradient(ellipse at 73% 36%,rgba(124,79,209,.045),transparent 38%),#fff }
.agent-frame .agent-info:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: min(540px,100%) }
@media (max-width: 760px) { #prodotto > .shell-wide:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-inline: 16.2px } }
@media (max-width: 760px) { .agent-frame:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 19.8px 12.6px 57.6px } }
@media (max-width: 760px) { .agent-frame .agent-info:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { gap: 7.2px } }
@media (max-width: 760px) { .agent-frame .agent-info-text:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 16.2px 12.6px } }
@media (max-width: 760px) { .agent-frame .agent-panel-kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 18.9px } }
@media (max-width: 720px) { .agent-frame .agent-track:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-block: 55.8px } }
.agent-info-text--stable:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; align-items: start }
.agent-panel-content:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .agent-panel-reserve:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-area: 1 / 1; min-width: 0 }
.agent-panel-reserve:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { visibility: hidden; pointer-events: none; user-select: none }
.industry-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { --industry-glass: 112,119,144; background: #fff; border-color: #dddfe0; box-shadow: none }
.industry-card:nth-child(even):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { --industry-glass: 126,118,143 }
.industry-card:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .industry-card:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .industry-card.is-active:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-color: rgba(var(--industry-glass),.13); box-shadow: 0 4.5px 12.6px rgba(var(--industry-glass),.055),0 0 0 0.9px rgba(var(--industry-glass),.07),inset 0 0.9px 0 #fff,inset 0 -0.9px 0.9px rgba(var(--industry-glass),.12) }
.industry-card-desc:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: linear-gradient(0deg,rgba(250,250,252,.97),rgba(252,252,253,.91) 83%,rgba(255,255,255,.55)); -webkit-backdrop-filter: blur(16.2px) saturate(110%); backdrop-filter: blur(16.2px) saturate(110%); border-top: 0.9px solid rgba(255,255,255,.9); color: #44495e }
.industry-card-plus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .industry-arrow:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border: 0.9px solid rgba(255,255,255,.88); border-radius: 50%; background: linear-gradient(145deg,rgba(255,255,255,.82),rgba(241,242,245,.4)); -webkit-backdrop-filter: blur(10.8px); backdrop-filter: blur(10.8px); box-shadow: 0 1.8px 6.3px rgba(44,48,60,.04),inset 0 0.9px 0 #fff,0 0 0 0.9px rgba(112,119,144,.07); color: #686d7c }
.industry-arrow:hover:not(:disabled):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: var(--blue); background: rgba(241,242,247,.8); border-color: rgba(68,85,214,.22) }
.clients-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; z-index: 2; background: var(--bg); padding: 18px 25.2px 75.6px; scroll-margin-top: 75.6px }
.clients-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 1332px; margin: 0 auto }
.clients-heading.section-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 711px; margin-bottom: 43.2px }
.clients-heading .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .calculator-heading .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #606568; margin-bottom: 19.8px; letter-spacing: .09em }
.clients-heading h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .calculator-heading h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: clamp(30.6px,3.15vw,48.6px); font-weight: 400; letter-spacing: -.045em; line-height: 1.12 }
.clients-grid:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px }
.clients-grid > *:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; min-width: 0; min-height: clamp(342px,27.9vw,477px); margin: 0; border-radius: 9.9px; overflow: hidden }
.client-logo-panel:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; place-items: center; background: #000 }
.client-logo-panel img:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; width: 34%; max-width: 130.5px; height: auto }
.client-quote:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: clamp(25.2px,2.7vw,46.8px) }
.client-quote--blue:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-column: span 2; display: grid; grid-template-columns: .65fr 1.35fr; align-items: center; gap: 23.4px; isolation: isolate; color: #fff; background: #26334e }
.client-gradient:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2 }
.client-quote--blue:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::after, .client-film:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(120deg,rgba(12,20,43,.12),rgba(12,20,43,.52)) }
.client-quote-mark:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font: 400 clamp(126px,16.2vw,261px)/.75 var(--sans); letter-spacing: -.12em; transform: translateY(25.2px); opacity: .9 }
.client-quote-content:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-top: 31.5px }
.client-quote blockquote:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0; font-size: clamp(20.7px,2.07vw,33.3px); font-weight: 400; line-height: 1.3; letter-spacing: -.035em }
.client-quote figcaption:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; flex-direction: column; gap: 5.4px; margin-top: 32.4px; font-size: 13.5px; letter-spacing: -.02em }
.client-quote figcaption small:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 11.7px; opacity: .82 }
.client-draft:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; top: 21.6px; left: clamp(25.2px,2.7vw,46.8px); right: 21.6px; font: 8.1px/1.5 var(--mono); text-transform: uppercase; letter-spacing: .08em; opacity: .8 }
.client-quote--light:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-column: span 2; display: flex; flex-direction: column; justify-content: space-between; padding-top: 60.3px; background: rgba(255,255,255,.8); border: 0.9px solid #e0e3e7 }
.client-quote--light blockquote:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 810px; font-size: clamp(24.3px,2.52vw,40.5px); line-height: 1.25; letter-spacing: -.04em }
.client-quote--light .client-draft:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #727889 }
.client-quote--light figcaption:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #414655 }
.client-film:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; flex-direction: column; align-items: center; justify-content: center; isolation: isolate; color: #fff; background: #283653 }
.client-film .client-gradient:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { object-position: 70% 50%; transform: scale(1.15) }
.client-film-label:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; top: 25.2px; left: 25.2px; font: 9px var(--mono); text-transform: uppercase; letter-spacing: .1em }
.client-film-control:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; flex-direction: column; align-items: center; gap: 18px }
.client-film-play:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; place-items: center; width: 63px; height: 63px; border-radius: 50%; border: 0.9px solid rgba(255,255,255,.45); background: rgba(255,255,255,.12); color: #fff; -webkit-backdrop-filter: blur(12.6px); backdrop-filter: blur(12.6px); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.2) }
.client-film-play:disabled:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; cursor: default }
.client-film-control > span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font: 9px var(--mono); text-transform: uppercase; letter-spacing: .06em; color: rgba(255,255,255,.85) }
@media(max-width:1000px) { .client-quote--blue:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-template-columns: 1fr; gap: 0 } }
@media(max-width:1000px) { .client-quote-mark:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; right: 22.5px; top: 67.5px; font-size: 135px; opacity: .15 } }
@media(max-width:1000px) { .client-quote-content:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative } }
@media(max-width:760px) { .clients-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 16.2px 16.2px 48.6px } }
@media(max-width:760px) { .clients-heading.section-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: 23.4px } }
@media(max-width:760px) { .clients-heading .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .calculator-heading .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: 14.4px } }
@media(max-width:760px) { .clients-grid:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-template-columns: 1fr; gap: 14.4px } }
@media(max-width:760px) { .clients-grid > *:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-column: auto; min-height: 306px } }
@media(max-width:760px) { .clients-grid .client-logo-panel:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 189px } }
@media(max-width:760px) { .client-logo-panel img:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 32%; max-width: 108px; margin-block: 21.6px } }
@media(max-width:760px) { .client-quote blockquote:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 24.3px } }
@media(max-width:760px) { .client-quote--light blockquote:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 26.1px } }
@media(max-width:760px) { .client-quote figcaption:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 25.2px } }
@media(max-width:760px) { .client-draft:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 7.2px } }
.savings-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; isolation: isolate; padding: 50.4px 25.2px; background: #000; color: #f6f6fa; scroll-margin-top: 57.6px; overflow: hidden; color-scheme: dark }
.savings-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::before { display: none; content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: radial-gradient(ellipse at 85% 30%,rgba(87,115,153,.10),transparent 48%),radial-gradient(ellipse at 65% 80%,rgba(122,145,168,.045),transparent 44%) }
.savings-shell:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 1476px; margin: 0 auto; padding: clamp(21.6px,1.98vw,32.4px); border: 0.9px solid rgba(207,219,231,.14); border-radius: 10.8px; background: linear-gradient(135deg,rgba(255,255,255,.035),rgba(143,165,186,.015) 55%,transparent) }
.savings-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: none; margin: 0 auto; display: grid; grid-template-columns: 1.08fr 1fr; gap: clamp(25.2px,3.15vw,46.8px); align-items: start }
.savings-inputs:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 3.6px 0; min-width: 0 }
.calculator-heading.section-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 711px }
.calculator-heading .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #aab3bb }
.savings-intro:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 432px; margin: 14.4px 0 21.6px; color: #a1a3af; font-size: 12.6px; line-height: 1.6 }
.savings-range:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 14.4px }
.savings-range > div:first-child:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: baseline; justify-content: space-between; gap: 14.4px }
.savings-section label:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 12.6px; color: #bec0cc }
.savings-unit:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font: 9px var(--mono); color: #7f8296; margin-left: 5.4px }
.savings-range output:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 15.3px; font-variant-numeric: tabular-nums; letter-spacing: -.02em }
.savings-range input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { --range-progress: 0%; display: block; width: 100%; height: 21.6px; margin: 4.5px 0 0; appearance: none; -webkit-appearance: none; background: transparent; cursor: pointer }
.savings-range input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::-webkit-slider-runnable-track { height: 2.7px; border-radius: 3.6px; background: linear-gradient(to right,#91a9c6 0%,#738ca9 var(--range-progress),rgba(255,255,255,.13) var(--range-progress)) }
.savings-range input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::-moz-range-track { height: 2.7px; border-radius: 3.6px; background: linear-gradient(to right,#91a9c6 0%,#738ca9 var(--range-progress),rgba(255,255,255,.13) var(--range-progress)) }
.savings-range input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::-webkit-slider-thumb { appearance: none; width: 15.3px; height: 15.3px; margin-top: -6.3px; border: 0.9px solid #c5d2e1; border-radius: 50%; background: linear-gradient(135deg,#d3dde9,#8098b3); box-shadow: 0 0 0 4.5px rgba(132,163,196,.1),0 1.8px 7.2px #0006 }
.savings-range input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::-moz-range-thumb { width: 15.3px; height: 15.3px; border: 0.9px solid #c5d2e1; border-radius: 50%; background: #a7bcd2 }
.savings-range-scale:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; justify-content: space-between; font: 9px var(--mono); color: #858898 }
.savings-results:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-width: 0; position: relative; padding: 25.2px; border-radius: 14.4px; border: 0.9px solid rgba(207,219,231,.18); background: linear-gradient(135deg,rgba(255,255,255,.105),rgba(143,165,186,.045) 55%,rgba(117,139,159,.025)); box-shadow: inset 0 0.9px 0 #ffffff15,0 21.6px 72px #0004; backdrop-filter: blur(25.2px); -webkit-backdrop-filter: blur(25.2px) }
.savings-brand:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center; justify-content: space-between; gap: 14.4px; margin-bottom: 21.6px }
.savings-brand img:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 112.5px; height: auto; filter: invert(1) }
.savings-scenario:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font: 8.1px var(--mono); letter-spacing: .1em; color: #abb6c2 }
.savings-total > span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .savings-time > div > span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #bcc3cd; font-size: 11.7px }
.savings-total > output:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; margin: 7.2px 0 3.6px; font-size: clamp(45px,4.05vw,57.6px); line-height: 1.1; letter-spacing: -.065em; font-variant-numeric: tabular-nums }
.savings-total p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 10.8px; color: #9ba6b4; min-height: 16.2px; margin: 3.6px 0 14.4px }
.savings-breakdown:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; grid-template-columns: 1fr auto 1fr; gap: 16.2px; padding: 14.4px 0; border-top: 0.9px solid #ffffff1c; border-bottom: 0.9px solid #ffffff1c }
.savings-breakdown div span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; color: #aab5c1; font-size: 9.9px }
.savings-breakdown output:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; font-size: 18px; font-variant-numeric: tabular-nums; margin-top: 5.4px }
.savings-plus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { align-self: center; color: #777e9d; font-weight: 300 }
.savings-time:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; justify-content: space-between; align-items: end; gap: 14.4px; margin-top: 16.2px }
.savings-time output:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; font-size: 30.6px; line-height: 1.2; letter-spacing: -.04em; margin-top: 7.2px }
.savings-time > span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #aab6c3; font-size: 10.8px; padding-bottom: 6.3px }
.savings-time-track:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { height: 3.6px; margin-top: 9px; border-radius: 3.6px; background: #ffffff12; overflow: hidden }
.savings-time-track span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; height: 100%; width: 24%; background: linear-gradient(90deg,#7898bb,#b0c3d5); transition: width .25s ease }
.savings-note:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 9.9px; line-height: 1.65; color: #9ea9b5; margin: 14.4px 0 10.8px }
.savings-assumptions:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-top: 0.9px solid #ffffff14; margin-bottom: 16.2px; font-size: 10.8px; color: #c0c8d0 }
.savings-assumptions summary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { cursor: pointer; list-style: none; display: flex; justify-content: space-between; padding-top: 10.8px }
.savings-assumptions summary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::-webkit-details-marker { display: none }
.savings-assumptions[open] summary > span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: rotate(45deg) }
.savings-assumptions p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #a8b2bf; font-size: 9.9px; line-height: 1.7 }
.savings-assumption-fields:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; grid-template-columns: 1fr 1fr; gap: 14.4px; margin: 16.2px 0 }
.savings-assumption-fields label:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 9.9px }
.savings-assumption-fields input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; width: 100%; border-radius: 5.4px; border: 0.9px solid #ffffff26; color: white; background: #ffffff0a; padding: 7.2px 9px; margin-top: 6.3px; font: 12.6px var(--sans) }
.savings-assumption-fields input:invalid:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-color: #ef9d9d }
.savings-cta:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10.8px 16.2px; border-radius: 8.1px; border: 0.9px solid rgba(220,232,245,.25); background: linear-gradient(135deg,rgba(255,255,255,.14),rgba(186,209,233,.065) 55%,rgba(255,255,255,.035)); color: #f1f5fa; box-shadow: inset 0 0.9px 0 rgba(255,255,255,.14),inset 0 -0.9px 0 rgba(255,255,255,.025),0 5.4px 16.2px rgba(0,0,0,.16); backdrop-filter: blur(16.2px); -webkit-backdrop-filter: blur(16.2px); font-size: 12.6px; font-weight: 500; text-decoration: none; transition: background .2s }
.savings-cta:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: linear-gradient(135deg,rgba(255,255,255,.21),rgba(186,209,233,.11) 55%,rgba(255,255,255,.06)); border-color: rgba(220,232,245,.42) }
.savings-cta span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 18px }
.savings-cta-caption:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; text-align: center; color: #96a2af; font-size: 9px; margin-top: 7.2px }
.savings-section :focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: 1.8px solid #b8ccdf; outline-offset: 4.5px }
.savings-sr-only:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; width: 0.9px; height: 0.9px; padding: 0; margin: -0.9px; overflow: hidden; clip-path: inset(50%); white-space: nowrap }
@media(max-width: 900px) { .savings-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-left: 25.2px; padding-right: 25.2px } }
@media(max-width: 900px) { .savings-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { gap: 31.5px; grid-template-columns: 1fr 1fr } }
@media(max-width: 900px) { .savings-brand:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex-wrap: wrap; gap: 10.8px } }
@media(max-width: 900px) { .savings-breakdown:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { gap: 9px } }
@media(max-width: 900px) { .savings-time:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { align-items: start; flex-direction: column; gap: 3.6px } }
@media(max-width: 760px) { .savings-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-left: 16.2px; padding-right: 16.2px } }
@media(max-width: 700px) { .savings-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 36px 16.2px } }
@media(max-width: 700px) { .savings-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-template-columns: 1fr; gap: 23.4px; max-width: 468px } }
@media(max-width: 700px) { .savings-intro:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 11.7px } }
@media(max-width: 700px) { .savings-results:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 21.6px; border-radius: 14.4px } }
@media(max-width: 700px) { .savings-brand:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: 19.8px } }
@media(max-width: 700px) { .savings-total > output:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 50.4px } }
@media(max-width: 700px) { .savings-time:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex-direction: row; align-items: end } }
@media(prefers-reduced-motion: reduce) { .savings-time-track span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .savings-cta:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: none } }
.savings-stepbar:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .savings-next:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none }
@media(max-width: 700px) { .savings-section.is-stepped .savings-stepbar:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center; justify-content: space-between; gap: 10.8px; flex-wrap: wrap; max-width: 468px; margin-bottom: 21.6px; color: #aab8c7; font: 9.9px var(--mono) } }
@media(max-width: 700px) { .savings-stepbar button:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border: 0; padding: 7.2px 0 7.2px 10.8px; min-height: 36px; background: transparent; color: #e0e8f0; font: 10.8px var(--sans); cursor: pointer } }
@media(max-width: 700px) { .savings-step-progress:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex: 0 0 100%; display: flex; gap: 5.4px } }
@media(max-width: 700px) { .savings-step-progress i:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { height: 1.8px; flex: 1; background: #ffffff18; border-radius: 1.8px } }
@media(max-width: 700px) { .savings-step-progress i:first-child:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), [data-step="results"] .savings-step-progress i:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #99aec4 } }
@media(max-width: 700px) { .savings-section.is-stepped[data-step="inputs"] .savings-results:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .savings-section.is-stepped[data-step="inputs"] #savings-back:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .savings-section.is-stepped[data-step="results"] .savings-inputs:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none } }
@media(max-width: 700px) { .savings-section.is-stepped .savings-next:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; margin-top: 21.6px; min-height: 43.2px; cursor: pointer; font-family: var(--sans) } }
@media(max-width: 700px) { .savings-section.is-stepped .savings-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { gap: 0 } }
@media(max-width: 700px) { .savings-section.is-stepped:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-top: 25.2px; padding-bottom: 28.8px } }
@media(max-width: 700px) { .savings-section.is-stepped .savings-results:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 18px } }
@media(max-width: 700px) { .savings-section.is-stepped .savings-brand:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: 16.2px } }
@media(max-width: 700px) { .savings-section.is-stepped .savings-total > output:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 46.8px } }
@media(max-width: 700px) { .savings-section.is-stepped #calculator-heading:focus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .savings-section.is-stepped #savings-result-heading:focus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: none } }
@media (max-width: 720px) { .agent-frame .agent-track:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { height: 234px; padding-block: 39.6px } }
@media (max-width: 720px) { .agent-frame .agent-circle[data-distance="0"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: scale(1.5) } }
@media (max-width: 720px) { .agent-frame .agent-arrow:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; z-index: 5; top: 117px; transform: translateY(-50%); margin: 0 } }
@media (max-width: 720px) { .agent-frame .agent-arrow--prev:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { left: 0 } }
@media (max-width: 720px) { .agent-frame .agent-arrow--next:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { right: 0 } }
@media (max-width: 720px) { .agent-frame .agent-info:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; margin-top: 10.8px } }
@media (max-width: 720px) { .agent-frame .agent-info-text:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 0 5.4px; border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none } }
@media (max-width: 720px) { .agent-frame .agent-panel-kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 18.9px; font-weight: 500; line-height: 1.25; margin-bottom: 9px } }
@media (max-width: 720px) { .agent-frame .agent-panel-body:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 297px; margin-inline: auto; font-size: 12.6px; line-height: 1.55 } }
@media (max-width: 720px) { .agent-frame .agent-tasks:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none } }
.intro-statement .hero-cta:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { gap: 9px; margin-top: 19.8px; flex-wrap: wrap }
.intro-statement .hero-cta .btn:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 39.6px; padding: 9px 13.5px; gap: 5.4px; border-radius: 899.1px; font-size: 10.8px; font-weight: 500; line-height: 1.2; white-space: nowrap; color: #f4f7fb; border: 0.9px solid rgba(232,241,250,.26); backdrop-filter: blur(19.8px) saturate(120%); -webkit-backdrop-filter: blur(19.8px) saturate(120%); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.16),0 4.5px 16.2px rgba(0,0,0,.16) }
.intro-statement .hero-cta .btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: linear-gradient(135deg,rgba(255,255,255,.2),rgba(181,204,228,.08)) }
.intro-statement .hero-cta .btn-ghost:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: linear-gradient(135deg,rgba(255,255,255,.09),rgba(181,204,228,.025)) }
.intro-statement .hero-cta .btn:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(228,238,249,.2); border-color: rgba(255,255,255,.48); color: #fff }
.intro-statement .hero-cta .btn:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: 1.8px solid #c1d1e3; outline-offset: 3.6px }
.intro-statement .hero-cta svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 11.7px; height: 11.7px }
@media (max-width: 720px) { .intro-statement .hero-sub:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 297px; margin-top: 12.6px; font-size: 12.6px; line-height: 1.6 } }
@media (max-width: 720px) { .intro:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .intro.reduced:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { height: auto } }
@media (max-width: 720px) { .intro .hero:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; top: auto; height: auto; min-height: calc(90svh - 58.5px); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10.8px 18px 50.4px } }
@media (max-width: 720px) { .intro .hero:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::before { content: ""; display: block; flex: none; width: 100%; height: clamp(225px, 37.8svh, 324px) } }
@media (max-width: 720px) { .intro .hero-canvas:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; background: #000 } }
@media (max-width: 720px) { .intro .hero-wordmark:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .intro .intro-scrollcue:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none } }
@media (max-width: 720px) { .intro .hero-vignette:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none } }
@media (max-width: 720px) { .intro .intro-statement:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; inset: auto; flex: none; width: 100%; padding: 0; margin: 7.2px auto 0; opacity: 1; transform: none; pointer-events: auto } }
@media (max-width: 720px) { .intro-statement .hero-tagline:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 315px; font-size: clamp(25.2px, 7.38vw, 32.4px); line-height: 1.14; letter-spacing: -.035em; text-wrap: balance } }
@media (max-width: 720px) { .intro-statement .hero-sub:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 289.8px; margin-top: 14.4px; font-size: 12.6px; line-height: 1.55; text-wrap: pretty } }
@media (max-width: 720px) { .intro-statement .hero-cta:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 19.8px; gap: 7.2px } }
@media (max-width: 720px) { #top:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { scroll-margin-top: 58.5px } }
@media (max-width: 720px) { .nav .nav-cta .btn-ghost:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none } }
@media (max-width: 720px) { .nav-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { justify-content: space-between } }
@media (max-width: 720px) { .nav:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .nav.on-light:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { height: 58.5px; padding: 9px 10.8px 2.7px; border: 0; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; pointer-events: none } }
@media (max-width: 720px) { .nav .nav-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; height: 46.8px; width: 100%; padding: 0 18px; border: 0.9px solid rgba(255,255,255,.35); border-radius: 899.1px; background: linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.04) 52%,rgba(255,255,255,.09)); backdrop-filter: blur(19.8px) saturate(190%); -webkit-backdrop-filter: blur(19.8px) saturate(190%); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.4),inset 0 -0.9px 0 rgba(255,255,255,.08),0 7.2px 21.6px rgba(20,24,40,.08); pointer-events: auto } }
@media (max-width: 720px) { .nav.on-light .nav-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: linear-gradient(155deg,rgba(255,255,255,.18),rgba(255,255,255,.06) 52%,rgba(255,255,255,.12)); border-color: rgba(18,19,24,.05) } }
@media (max-width: 720px) { .nav .brand:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 39.6px } }
@media (max-width: 720px) { .nav .brand-logo:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { filter: invert(1) brightness(1.6) } }
@media (max-width: 720px) { .nav .nav-cta .btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #fff } }
@media (max-width: 720px) { .nav.on-light .brand-logo:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { filter: none } }
@media (max-width: 720px) { .nav.on-light .nav-cta .btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: var(--ink); color: var(--bg); border-color: rgba(18,19,24,.14); box-shadow: none } }
@media (max-width: 720px) { .nav.over-footer .nav-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-color: rgba(255,255,255,.14); background: linear-gradient(155deg,rgba(10,11,15,.22),rgba(4,5,7,.4) 52%,rgba(10,11,15,.16)); backdrop-filter: blur(25.2px) saturate(140%); -webkit-backdrop-filter: blur(25.2px) saturate(140%); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.1),inset 0 -0.9px 0 rgba(0,0,0,.1),0 7.2px 21.6px rgba(0,0,0,.3) } }
@media (max-width: 720px) { .nav.over-footer .brand-logo:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { filter: invert(1) brightness(1.6) } }
@media (max-width: 720px) { .nav.over-footer .nav-cta .btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: linear-gradient(135deg,rgba(255,255,255,.2),rgba(181,204,228,.07)); color: #fff; border-color: rgba(232,241,250,.26); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.16) } }
@media (max-width: 720px) { .nav .nav-cta:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-left: 0 } }
@media (max-width: 720px) { .nav .nav-cta .btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 32.4px; padding: 7.2px 14.4px; border-radius: 899.1px; border: 0.9px solid rgba(232,241,250,.26); background: linear-gradient(135deg,rgba(255,255,255,.2),rgba(181,204,228,.07)); font-size: 11.25px; box-shadow: inset 0 0.9px 0 rgba(255,255,255,.16); backdrop-filter: blur(16.2px) saturate(140%); -webkit-backdrop-filter: blur(16.2px) saturate(140%) } }
@media (max-width: 720px) { .nav .nav-cta .btn-primary svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 11.7px; height: 11.7px } }
@media (max-width: 720px) { .nav .nav-cta .btn-primary:active:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: linear-gradient(135deg,rgba(255,255,255,.28),rgba(181,204,228,.1)) } }
@media (max-width: 720px) { .nav:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: -58.5px } }
@media (max-width: 720px) { .intro .hero:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 90svh; padding-top: 69.3px } }
@media (min-width: 721px) { .nav:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .nav.on-light:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { height: 79.2px; margin-bottom: -79.2px; padding: 14.4px clamp(21.6px, 2.7vw, 50.4px) 7.2px; border: 0; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; pointer-events: none } }
@media (min-width: 721px) { .nav .nav-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { height: 57.6px; width: 100%; max-width: 1332px; margin: 0 auto; padding: 0 10.8px 0 23.4px; border: 0.9px solid rgba(255,255,255,.35); border-radius: 899.1px; background: linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.04) 52%,rgba(255,255,255,.09)); backdrop-filter: blur(19.8px) saturate(190%); -webkit-backdrop-filter: blur(19.8px) saturate(190%); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.4),inset 0 -0.9px 0 rgba(255,255,255,.08),0 7.2px 21.6px rgba(20,24,40,.08); pointer-events: auto } }
@media (min-width: 721px) { .nav.on-light .nav-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: linear-gradient(155deg,rgba(255,255,255,.18),rgba(255,255,255,.06) 52%,rgba(255,255,255,.12)); border-color: rgba(18,19,24,.05) } }
@media (min-width: 721px) { .nav .brand:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 39.6px } }
@media (min-width: 721px) { .nav .brand-logo:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { filter: invert(1) brightness(1.6) } }
@media (min-width: 721px) { .nav .nav-cta .btn:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 37.8px; padding: 9px 16.2px; border-radius: 899.1px; border-color: rgba(232,241,250,.24); color: #f4f7fb } }
@media (min-width: 721px) { .nav .nav-cta .btn-ghost:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(255,255,255,.025) } }
@media (min-width: 721px) { .nav .nav-cta .btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: linear-gradient(135deg,rgba(255,255,255,.18),rgba(181,204,228,.065)); color: #fff; box-shadow: inset 0 0.9px 0 rgba(255,255,255,.14) } }
@media (min-width: 721px) { .nav .nav-cta .btn:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(228,238,249,.22); border-color: rgba(255,255,255,.45); color: #fff } }
@media (min-width: 721px) { .nav .nav-cta .btn:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: 1.8px solid rgba(255,255,255,.4); outline-offset: 2.7px } }
@media (min-width: 721px) { .nav.on-light .brand-logo:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { filter: none } }
@media (min-width: 721px) { .nav.on-light .nav-cta .btn:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-color: rgba(18,19,24,.14); color: var(--ink) } }
@media (min-width: 721px) { .nav.on-light .nav-cta .btn-ghost:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(18,19,24,.03) } }
@media (min-width: 721px) { .nav.on-light .nav-cta .btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: var(--ink); color: var(--bg); box-shadow: none } }
@media (min-width: 721px) { .nav.on-light .nav-cta .btn-ghost:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(18,19,24,.07); border-color: rgba(18,19,24,.28); color: var(--ink) } }
@media (min-width: 721px) { .nav.on-light .nav-cta .btn-primary:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: var(--blue-ink); color: var(--bg) } }
@media (min-width: 721px) { .nav.on-light .nav-cta .btn:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: 1.8px solid rgba(18,19,24,.35); outline-offset: 2.7px } }
@media (min-width: 721px) { .nav.over-footer .nav-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-color: rgba(255,255,255,.14); background: linear-gradient(155deg,rgba(10,11,15,.22),rgba(4,5,7,.4) 52%,rgba(10,11,15,.16)); backdrop-filter: blur(25.2px) saturate(140%); -webkit-backdrop-filter: blur(25.2px) saturate(140%); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.1),inset 0 -0.9px 0 rgba(0,0,0,.1),0 7.2px 21.6px rgba(0,0,0,.3) } }
@media (min-width: 721px) { .nav.over-footer .brand-logo:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { filter: invert(1) brightness(1.6) } }
@media (min-width: 721px) { .nav.over-footer .nav-cta .btn:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-color: rgba(232,241,250,.24); color: #f4f7fb } }
@media (min-width: 721px) { .nav.over-footer .nav-cta .btn-ghost:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(255,255,255,.025) } }
@media (min-width: 721px) { .nav.over-footer .nav-cta .btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: linear-gradient(135deg,rgba(255,255,255,.18),rgba(181,204,228,.065)); color: #fff; box-shadow: inset 0 0.9px 0 rgba(255,255,255,.14) } }
@media (min-width: 721px) { .nav.over-footer .nav-cta .btn:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(228,238,249,.22); border-color: rgba(255,255,255,.45); color: #fff } }
@media (max-width: 720px) { .clients-grid .client-logo-panel:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none } }
.approach-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; isolation: isolate; background: #000; color: #f6f6fa; padding-top: 64.8px; scroll-margin-top: 57.6px }
.approach-section .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #aab3bb }
.approach-section .section-head p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 14.4px; max-width: 558px; font-size: 13.95px; line-height: 1.6; color: #9ea9b5 }
.approach-scroller:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; height: 306vh }
.approach-stage:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: sticky; top: 0; height: 90vh; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #000 }
.approach-stage:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::before { display: none; content: ""; position: absolute; inset: 0; z-index: 0; background: url("assets/approach/approach-glow.webp") center / 135% auto no-repeat; filter: saturate(0.8); animation: approach-glow-drift 16s ease-in-out infinite }
@media (prefers-reduced-motion: reduce) { .approach-stage:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::before { animation: none } }
.approach-word-stack:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; inset: 0; z-index: 1; display: flex; align-items: center; justify-content: center; pointer-events: none }
.approach-word:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; font-size: clamp(82.8px,16.2vw,297px); font-weight: 400; line-height: 1; letter-spacing: -.02em; white-space: nowrap; color: transparent; -webkit-text-stroke: 0.0027em rgba(129,133,242,.65); text-stroke: 0.0027em rgba(129,133,242,.65); opacity: 0; transform: translateY(21.6px); will-change: opacity, transform }
.approach-word-neon:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; color: transparent; -webkit-text-stroke: 0.0034em rgba(214,222,255,.95); text-stroke: 0.0034em rgba(214,222,255,.95); filter: drop-shadow(0 0 9px rgba(130,150,255,.85)) drop-shadow(0 0 23.4px rgba(90,110,255,.55)); -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 28%, #fff 50%, transparent 72%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, transparent 28%, #fff 50%, transparent 72%, transparent 100%); -webkit-mask-size: 300% 100%; mask-size: 300% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 0% 0%; mask-position: 0% 0% }
.approach-content:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; z-index: 2; width: 100%; max-width: 1332px; margin: 0 auto; padding: 0 25.2px; display: flex; flex-direction: column; align-items: center }
.approach-card-stack:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; width: 100%; max-width: 423px; min-height: 360px; margin: 0 auto; perspective: 1080px }
.approach-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; inset: 0; margin: auto; padding: clamp(34.2px,3.6vw,45px); border-radius: 14.4px; background: linear-gradient(155deg,rgba(0,0,0,.03),rgba(0,0,0,.05) 55%,rgba(0,0,0,.02)); border: 0.9px solid rgba(255,255,255,.26); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.22), inset 0 0 0 0.9px rgba(255,255,255,.05), 0 21.6px 54px rgba(0,0,0,.3); backdrop-filter: blur(9px) saturate(100%); -webkit-backdrop-filter: blur(9px) saturate(100%); opacity: 0; transform: translateY(58.5vh) scale(.96); pointer-events: none; will-change: transform, opacity }
.approach-card-icon:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center; justify-content: center; width: 48.6px; height: 48.6px; margin-bottom: 19.8px; border-radius: 11.7px; border: 0.9px solid rgba(255,255,255,.35); background: linear-gradient(155deg,rgba(255,255,255,.22),rgba(255,255,255,.05)); backdrop-filter: blur(7.2px) saturate(140%); -webkit-backdrop-filter: blur(7.2px) saturate(140%); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.26) }
.approach-card-icon img:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 27px; height: 27px; display: block }
.approach-eyebrow:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; font: 9.9px var(--mono); letter-spacing: .1em; text-transform: uppercase; color: #aebbf0; margin-bottom: 12.6px }
.approach-card h3:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0; font-size: clamp(23.4px,2.16vw,30.6px); font-weight: 400; letter-spacing: -.03em; line-height: 1.2; color: #fff }
.approach-card p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 14.4px 0 0; font-size: 15.3px; line-height: 1.6; color: #c4cadb }
@media (min-width: 761px) { .approach-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: linear-gradient(155deg, rgba(18,19,23,.94), rgba(7,8,11,.90) 55%, rgba(3,4,6,.95)); border-color: rgba(255,255,255,.22); backdrop-filter: blur(21.6px) saturate(85%); -webkit-backdrop-filter: blur(21.6px) saturate(85%); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.12), 0 21.6px 54px rgba(0,0,0,.42) } }
@media (min-width: 761px) { .approach-card p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #d6dbe5 } }
.approach-progress:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: fixed; left: 50%; bottom: 43.2px; transform: translateX(-50%); z-index: 90; display: flex; justify-content: center; gap: 9px; opacity: 0; pointer-events: none; transition: opacity .3s ease }
.approach-progress.is-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1 }
.approach-dot:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 23.4px; height: 2.7px; border-radius: 1.8px; background: rgba(255,255,255,.16); transition: background .4s ease }
.approach-dot.is-active:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(255,255,255,.85) }
@media (max-width: 900px) { .approach-scroller:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { height: 252vh } }
@media (max-width: 900px) { .approach-word:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: clamp(57.6px,16.2vw,148.5px) } }
@media (max-width: 760px) { .approach-content:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 0 16.2px } }
@media (max-width: 760px) { .approach-card-stack:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 84.6vw; min-height: 283.5px } }
@media (max-width: 760px) { .approach-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 27px; border-radius: 12.6px; background: linear-gradient(155deg,rgba(0,0,0,.03),rgba(0,0,0,.05) 55%,rgba(0,0,0,.02)); border-color: rgba(255,255,255,.32) } }
@media (max-width: 760px) { .approach-card-icon:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 41.4px; height: 41.4px; margin-bottom: 14.4px } }
@media (max-width: 760px) { .approach-card-icon img:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 22.5px; height: 22.5px } }
@media (max-width: 760px) { .approach-eyebrow:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 9px; margin-bottom: 10.8px } }
@media (max-width: 760px) { .approach-card h3:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: clamp(18.9px,5.58vw,22.5px) } }
@media (max-width: 760px) { .approach-card p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 13.5px; line-height: 1.55; color: #d6dbe8 } }
@media (max-width: 760px) { .approach-word:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: clamp(81px,27.9vw,207px) } }
@media (max-width: 760px) { .approach-progress:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { bottom: 25.2px } }
.demo-modal-overlay:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: 14.4px; background: rgba(13, 15, 23, 0.4); backdrop-filter: blur(0px) saturate(100%); -webkit-backdrop-filter: blur(0px) saturate(100%); opacity: 0; pointer-events: none; transition: opacity 0.45s var(--ease), backdrop-filter 0.45s var(--ease), -webkit-backdrop-filter 0.45s var(--ease) }
.demo-modal-overlay.is-open:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; pointer-events: auto; backdrop-filter: blur(12.6px) saturate(140%); -webkit-backdrop-filter: blur(12.6px) saturate(140%) }
.demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; width: 100%; max-width: 504px; max-height: calc(90vh - 28.8px); overflow-y: auto; background: linear-gradient(165deg, rgba(255,255,255,.72), rgba(255,255,255,.52)); backdrop-filter: blur(0px) saturate(100%); -webkit-backdrop-filter: blur(0px) saturate(100%); border: 0.9px solid rgba(255,255,255,.6); border-radius: 16.2px; padding: clamp(19.8px, 2.7vw, 28.8px); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.85),
    0 0.9px 0 rgba(255,255,255,.4),
    0 27px 72px rgba(13, 15, 23, 0.3); transform: translateY(23.4px) scale(.92); opacity: 0; filter: blur(6.3px); transition: transform 0.55s var(--ease), opacity 0.4s var(--ease), filter 0.45s var(--ease),
    backdrop-filter 0.55s var(--ease), -webkit-backdrop-filter 0.55s var(--ease) }
.demo-modal-overlay.is-open .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: translateY(0) scale(1); opacity: 1; filter: blur(0px); backdrop-filter: blur(25.2px) saturate(180%); -webkit-backdrop-filter: blur(25.2px) saturate(180%) }
.demo-modal-close:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; top: 12.6px; right: 12.6px; z-index: 1; display: grid; place-items: center; width: 27px; height: 27px; padding: 0; border-radius: 50%; border: 0.9px solid rgba(255,255,255,.7); background: rgba(255,255,255,.45); color: var(--ink-2); cursor: pointer; backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.8); transition: background 0.2s var(--ease), color 0.2s var(--ease), border-color 0.2s var(--ease) }
.demo-modal-close:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: var(--ink); border-color: var(--ink); color: var(--bg) }
.demo-modal-close svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 11.7px; height: 11.7px }
.demo-modal-body h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0 0 18px; padding-right: 27px; font: 400 clamp(23.4px, 2.88vw, 29.7px)/1.18 var(--sans); letter-spacing: -.03em; color: var(--ink) }
.demo-form-row:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; gap: 9px; margin-bottom: 8.1px }
.demo-reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 0; transform: translateY(9px); transition: opacity 0.48s var(--ease), transform 0.48s var(--ease); transition-delay: calc(110ms + var(--i, 0) * 60ms) }
.demo-modal-overlay.is-open .demo-reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; transform: none }
.demo-input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 100%; padding: 10.8px 12.6px; border-radius: 10.8px; border: 0.9px solid rgba(13,15,23,.1); background: linear-gradient(165deg, rgba(120,124,140,.16), rgba(120,124,140,.07)); color: var(--ink); font: 12.6px/1.4 var(--sans); backdrop-filter: blur(16.2px) saturate(140%); -webkit-backdrop-filter: blur(16.2px) saturate(140%); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.35),
    inset 0 -0.9px 1.8px rgba(13,15,23,.05),
    0 0.9px 1.8px rgba(13,15,23,.03); transition: background 0.2s var(--ease), border-color 0.2s var(--ease), box-shadow 0.2s var(--ease) }
.demo-input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::placeholder { color: var(--ink-3) }
.demo-input:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: none; border-color: rgba(68,85,214,.5); background: linear-gradient(165deg, rgba(120,124,140,.24), rgba(120,124,140,.12)); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.45),
    0 0 0 2.7px rgba(68,85,214,.18) }
.demo-textarea:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; width: 100%; resize: vertical; min-height: 77.4px; margin-bottom: 9.9px }
.demo-select:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23585d6c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(165deg, rgba(120,124,140,.16), rgba(120,124,140,.07)); background-size: 9px auto, cover; background-repeat: no-repeat, no-repeat; background-position: right 11.7px center, 0 0; padding-right: 30.6px }
.demo-select:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: var(--ink-3) }
.demo-select.has-value:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: var(--ink) }
.demo-select option[value=""]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: var(--ink-3) }
.demo-select option:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: var(--ink) }
.demo-select-full:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; width: 100%; margin-bottom: 8.1px }
.demo-tags:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border: 0; margin: 0 0 10.8px; padding: 0 }
.demo-tags-label:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 0 0 6.3px; font: 9px var(--mono); letter-spacing: .07em; text-transform: uppercase; color: var(--ink) }
.demo-tag-group:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; flex-wrap: wrap; gap: 5.4px }
.demo-tag:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative }
.demo-tag input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer }
.demo-tag span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: inline-flex; align-items: center; padding: 5.4px 9.9px; border-radius: 899.1px; border: 0.9px solid rgba(13,15,23,.1); background: linear-gradient(165deg, rgba(120,124,140,.16), rgba(120,124,140,.07)); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.35); font-size: 10.35px; color: var(--ink-2); transition: background 0.2s var(--ease), color 0.2s var(--ease), border-color 0.2s var(--ease) }
.demo-tag input:checked + span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-color: var(--blue); color: var(--blue); background: linear-gradient(165deg, rgba(68,85,214,.18), rgba(68,85,214,.07)) }
.demo-tag input:focus-visible + span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { box-shadow: 0 0 0 2.7px rgba(68,85,214,.25) }
.demo-tag:hover span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-color: var(--blue) }
.demo-consent:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: flex-start; gap: 8.1px; margin-bottom: 9.9px; cursor: pointer }
.demo-consent input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { appearance: none; -webkit-appearance: none; margin-top: 0.9px; width: 14.4px; height: 14.4px; flex-shrink: 0; cursor: pointer; border-radius: 5.4px; border: 0.9px solid rgba(13,15,23,.12); background: linear-gradient(165deg, rgba(120,124,140,.16), rgba(120,124,140,.07)); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.35), inset 0 -0.9px 1.8px rgba(13,15,23,.05); transition: background 0.2s var(--ease), box-shadow 0.2s var(--ease) }
.demo-consent input:checked:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.2l3 3 6-6.4' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(165deg, var(--ink), #2a2c36); background-size: 8.1px auto, cover; background-repeat: no-repeat; background-position: center; border-color: var(--ink); box-shadow: inset 0 1.35px 0 rgba(255,255,255,.25) }
.demo-consent input:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { box-shadow: 0 0 0 2.7px rgba(68,85,214,.25) }
.demo-consent span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 10.8px; line-height: 1.5; color: var(--ink) }
.demo-legal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0 0 12.6px; font-size: 9.9px; line-height: 1.55; color: var(--ink) }
.demo-submit:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 41.4px; padding: 10.8px 14.4px; border: 0.9px solid rgba(75,103,173,.3); border-radius: 10.8px; background: rgba(109,137,196,.1); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.4), 0 1.8px 7.2px rgba(42,63,104,.04); color: #283c65; font: 500 12.6px var(--sans); letter-spacing: .01em; text-transform: none; text-align: center; cursor: pointer; transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, color 220ms ease, transform 180ms ease }
@media (hover: hover) { .demo-submit:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #203b73; background-color: rgba(105,139,209,.18); border-color: rgba(74,112,193,.62); box-shadow: inset 0 0.9px 0 rgba(255,255,255,.5), 0 0 0 2.7px rgba(87,126,205,.09), 0 3.6px 12.6px rgba(42,63,104,.08) } }
.demo-submit:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: 1.8px solid #587dc1; outline-offset: 2.7px }
.demo-modal .demo-submit:active:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: scale(.99); background-color: rgba(105,139,209,.23); border-color: rgba(74,112,193,.65) }
.demo-modal-success h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0 0 12.6px; font: 400 clamp(21.6px, 2.7vw, 27px)/1.25 var(--sans); letter-spacing: -.03em; color: var(--ink) }
.demo-modal-success p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0 0 21.6px; font-size: 13.05px; line-height: 1.6; color: var(--ink-2) }
.demo-modal-success p a:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: var(--blue-ink) }
@media (max-width: 620px) { .demo-form-row:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex-direction: column; gap: 12.6px } }
@media (max-width: 620px) { .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 25.2px 19.8px; border-radius: 12.6px } }
.demo-modal-overlay[hidden]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none }
.demo-modal-overlay:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 21.6px; backdrop-filter: blur(12.6px) saturate(125%); -webkit-backdrop-filter: blur(12.6px) saturate(125%); transition: opacity 300ms cubic-bezier(.22,1,.36,1); overscroll-behavior: contain }
.demo-modal-overlay.is-open:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { backdrop-filter: blur(12.6px) saturate(125%); -webkit-backdrop-filter: blur(12.6px) saturate(125%) }
.demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-modal-overlay.is-open .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { filter: none; backdrop-filter: blur(25.2px) saturate(150%); -webkit-backdrop-filter: blur(25.2px) saturate(150%) }
.demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-height: calc(90dvh - 43.2px); transform: translate3d(0,16.2px,0) scale(.99); transition: transform 460ms cubic-bezier(.16,1,.3,1), opacity 280ms ease; overscroll-behavior: contain; outline: none }
.demo-modal-overlay.is-open .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: translate3d(0,0,0) scale(1) }
.demo-reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: none; transition: opacity 240ms ease; transition-delay: 0ms }
.demo-modal-overlay.is-open .demo-reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition-delay: calc(50ms + var(--i,0) * 12ms) }
.demo-modal-close:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 36px; height: 36px }
@media (max-width: 620px) { .demo-modal-overlay:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: max(10.8px, env(safe-area-inset-top)) 10.8px max(10.8px, env(safe-area-inset-bottom)) } }
@media (max-width: 620px) { .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-height: calc(90dvh - max(10.8px, env(safe-area-inset-top)) - max(10.8px, env(safe-area-inset-bottom))); border-radius: 19.8px; transform: translate3d(0,19.8px,0) scale(.995) } }
@media (max-width: 620px) { .demo-modal-overlay.is-open .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: translate3d(0,0,0) } }
@media (max-width: 620px) { .demo-input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 12.6px; line-height: 1.45; padding: 9.9px 11.7px; min-height: 39.6px } }
@media (max-width: 620px) { .demo-select:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-right: 30.6px } }
@media (max-width: 620px) { .demo-modal-body h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 21.6px; line-height: 1.2; margin-bottom: 16.2px } }
@media (max-width: 620px) { .demo-form-row:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { gap: 9px } }
@media (max-width: 620px) { .demo-textarea:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 79.2px } }
@media (max-width: 620px) { .demo-submit:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 12.6px } }
@media (prefers-reduced-motion: reduce) { .demo-modal-overlay:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: none; transition-delay: 0ms } }
@media (prefers-reduced-motion: reduce) { .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: none } }
.demo-modal-overlay:not(.is-open) .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition-duration: 240ms, 200ms }
@media (prefers-reduced-motion: reduce) { .demo-modal-overlay:not(.is-open) .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition-duration: 0ms } }
.demo-modal .demo-submit.demo-reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: opacity 240ms ease, background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, color 220ms ease, transform 180ms ease; transition-delay: 0ms }
@media (prefers-reduced-motion: reduce) { .demo-modal .demo-submit.demo-reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: none } }
.demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: transform 460ms cubic-bezier(.16,1,.3,1), opacity 280ms ease, background-color 300ms ease, border-color 300ms ease }
#demoModalBody:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: opacity 220ms ease, transform 300ms cubic-bezier(.22,1,.36,1) }
.demo-modal.is-confirming:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #000000; border-color: rgba(170,193,234,.24) }
.demo-modal.is-confirming #demoModalBody:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 0; transform: translateY(-7.2px); pointer-events: none }
.demo-modal-success[hidden]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none }
.demo-modal-success:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; inset: 0; padding: 39.6px 27px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; opacity: 0; transform: translateY(9px); transition: opacity 260ms ease, transform 420ms cubic-bezier(.16,1,.3,1); outline: none }
.demo-modal.is-confirming .demo-modal-success:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; transform: none }
#demoSuccessSphere:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; flex: 0 0 auto; width: min(216px,100%); height: 216px; margin: 0 auto 19.8px }
.demo-modal-success h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 27px; color: #f4f7fc; margin: 0 0 12.6px; letter-spacing: -.035em }
.demo-modal-success p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 333px; margin: 0; color: #aebbd0; font-size: 12.6px; line-height: 1.65; text-wrap: pretty }
.demo-modal.is-confirming .demo-modal-close:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); color: #eef3ff; box-shadow: none }
.demo-submit-error:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 10.8px; line-height: 1.5; color: #943434; margin: 0 0 10.8px }
.demo-submit:disabled:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { cursor: wait; opacity: .65 }
@media (max-width: 620px) { .demo-modal-success:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 36px 21.6px } }
@media (max-width: 620px) { .demo-modal-success h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 24.3px } }
@media (max-width: 620px) { .demo-modal-success p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 11.7px } }
@media (max-width: 620px) { #demoSuccessSphere:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 189px; height: 189px; margin-bottom: 18px } }
@media (prefers-reduced-motion: reduce) { .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #demoModalBody:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-modal-success:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: none; transform: none } }
@media (max-width: 720px) { .nav .nav-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 0 4.5px 0 12.6px; gap: 9px; align-items: center } }
@media (max-width: 720px) { .nav .brand:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex: 0 1 auto; min-width: 0 } }
@media (max-width: 720px) { .nav .brand-logo:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: clamp(95.4px, 28.8vw, 115.2px); height: auto; max-width: 100% } }
@media (max-width: 720px) { .nav .nav-cta:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex: 0 0 auto; margin-left: auto; gap: 0 } }
@media (max-width: 720px) { .nav .nav-cta .btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { height: 34.2px; min-height: 34.2px; padding: 0 10.8px; font-size: 10.35px; font-weight: 500; line-height: 1; white-space: nowrap; gap: 6.3px; justify-content: center } }
@media (max-width: 720px) { .nav .nav-cta .btn-primary svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 10.8px; height: 10.8px; flex: 0 0 10.8px } }
#demoSuccessSphere:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: min(360px, 100%); height: auto; aspect-ratio: 1; margin: -21.6px auto 0 }
@media (max-width: 620px) { .demo-modal-success:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 28.8px 18px } }
@media (max-width: 620px) { #demoSuccessSphere:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: min(288px, 100%); height: auto; margin: -14.4px auto 0 } }
#demoSuccessSphere:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { filter: brightness(.62) saturate(1.12) }
.demo-modal-overlay:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: opacity 600ms cubic-bezier(.22,1,.36,1), background-color 550ms ease }
.demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: translate3d(0,21.6px,0) scale(.975); transition: transform 650ms cubic-bezier(.16,1,.3,1), opacity 450ms ease, background-color 500ms ease, border-color 500ms ease }
.demo-modal-overlay:not(.is-open) .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition-duration: 500ms }
.demo-reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: translateY(4.5px); transition: opacity 380ms ease, transform 500ms cubic-bezier(.22,1,.36,1) }
.demo-modal-overlay.is-open .demo-reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: none; transition-delay: calc(90ms + var(--i,0) * 16ms) }
#demoModalBody:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: opacity 220ms ease, transform 320ms cubic-bezier(.22,1,.36,1) }
.demo-modal.is-submitting #demoModalBody:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 0; transform: translateY(-5.4px); pointer-events: none }
.demo-modal-overlay.has-confirmation:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background-color: #000000 }
.demo-modal-success:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: translateY(10.8px); transition: opacity 500ms ease, transform 650ms cubic-bezier(.16,1,.3,1) }
#demoSuccessSphere:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 0; transform: scale(.88); transition: opacity 550ms ease, transform 800ms cubic-bezier(.16,1,.3,1) }
.demo-modal.is-confirming #demoSuccessSphere:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; transform: scale(1) }
.demo-modal-success h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-modal-success p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 0; transform: translateY(7.2px); transition: opacity 450ms ease, transform 550ms cubic-bezier(.22,1,.36,1) }
.demo-modal.is-confirming .demo-modal-success h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; transform: none; transition-delay: 120ms }
.demo-modal.is-confirming .demo-modal-success p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; transform: none; transition-delay: 200ms }
.demo-modal-overlay.is-returning:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition-delay: 120ms, 0ms }
.demo-modal-overlay.is-returning .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: translate3d(0,-7.2px,0) scale(.985) }
.demo-modal-overlay.is-returning #demoSuccessSphere:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: scale(.94); opacity: 0; transition-duration: 450ms }
@media (prefers-reduced-motion: reduce) { .demo-modal-overlay:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #demoModalBody:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-modal-success:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), #demoSuccessSphere:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-modal-success h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-modal-success p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: none !important; transition-delay: 0ms !important; transform: none !important } }
.demo-phone-copy:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-agents-toggle:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none }
@media (max-width: 620px) { .demo-desktop-copy:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none } }
@media (max-width: 620px) { .demo-phone-copy:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: inline } }
@media (max-width: 620px) { .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 23.4px 18px 19.8px } }
@media (max-width: 620px) { .demo-modal-body h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 21.6px; padding-right: 37.8px; margin-bottom: 19.8px } }
@media (max-width: 620px) { .demo-textarea:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 64.8px; height: 64.8px } }
@media (max-width: 620px) { .demo-tags-label:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none } }
@media (max-width: 620px) { .demo-agents-toggle:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 39.6px; padding: 7.2px 0; border: 0; background: transparent; color: var(--ink); font: 11.7px var(--sans); cursor: pointer } }
@media (max-width: 620px) { .demo-agents-toggle span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 18px } }
@media (max-width: 620px) { .demo-agents-toggle[aria-expanded="false"] + .demo-tag-group:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none } }
@media (max-width: 620px) { .demo-agents-toggle[aria-expanded="true"] + .demo-tag-group:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 3.6px 0 9px } }
@media (max-width: 620px) { .demo-consent span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 9.9px; line-height: 1.45 } }
@media (max-width: 620px) { .demo-legal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 9px; line-height: 1.45; margin-bottom: 10.8px } }
@media (max-width: 620px) { .demo-modal-body h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 18px; line-height: 1.25 } }
@media (max-width: 620px) { .demo-modal .demo-input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 10.8px; line-height: 1.45 } }
@media (max-width: 620px) { .demo-modal-overlay:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 0; background: #e9eaed; backdrop-filter: none; -webkit-backdrop-filter: none } }
@media (max-width: 620px) { .demo-modal-overlay.is-open:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { backdrop-filter: none; -webkit-backdrop-filter: none } }
@media (max-width: 620px) { .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-modal-overlay.is-open .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-modal-overlay.is-returning .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 100%; max-width: none; height: 90dvh; max-height: 90dvh; padding: max(73.8px, calc(env(safe-area-inset-top) + 57.6px)) 21.6px max(25.2px, env(safe-area-inset-bottom)); border: 0; border-radius: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; transform: none; color-scheme: light } }
@media (max-width: 620px) { .demo-modal:not(.is-confirming):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: linear-gradient(155deg, #f4f5f7, #e3e5e9) } }
@media (max-width: 620px) { .demo-desktop-copy:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: inline } }
@media (max-width: 620px) { .demo-phone-copy:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none } }
@media (max-width: 620px) { #demoModalBody:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 378px; margin: 0 auto } }
@media (max-width: 620px) { .demo-modal-body h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-right: 0; margin-bottom: 23.4px; font-size: 18px; line-height: 1.35 } }
@media (max-width: 620px) { .demo-reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-modal-overlay.is-open .demo-reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-modal.is-submitting #demoModalBody:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: none } }
@media (max-width: 620px) { .demo-modal-close:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { top: max(16.2px, env(safe-area-inset-top)); right: 18px; width: 36px; height: 36px } }
@media (max-width: 620px) { .demo-modal .demo-input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-tag span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-consent input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-modal .demo-submit:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { backdrop-filter: none; -webkit-backdrop-filter: none } }
@media (max-width: 620px) { .demo-modal-overlay.has-confirmation:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #000000 } }
@media (max-width: 620px) { .demo-modal-success:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: max(57.6px, env(safe-area-inset-top)) 21.6px max(28.8px, env(safe-area-inset-bottom)) } }
@media (max-width: 620px) { .demo-modal-body h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 23.4px; line-height: 1.22; letter-spacing: -.035em } }
@media (max-width: 620px) { .demo-agents-reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows 440ms cubic-bezier(.22,1,.36,1), visibility 0s 440ms } }
@media (max-width: 620px) { .demo-agents-clip:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 0; overflow: hidden } }
@media (max-width: 620px) { .demo-agents-reveal .demo-tag-group:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 3.6px 1.8px 10.8px } }
@media (max-width: 620px) { .demo-agents-reveal[data-expanded="true"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-template-rows: 1fr; visibility: visible; transition-delay: 0s } }
@media (max-width: 620px) { .demo-agents-reveal .demo-tag:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 0; transform: translateY(6.3px); transition: opacity 180ms ease, transform 240ms ease } }
@media (max-width: 620px) { .demo-agents-reveal[data-expanded="true"] .demo-tag:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; transform: none; transition-duration: 660ms, 660ms; transition-delay: calc(var(--tag-index,0) * 120ms) } }
@media (max-width: 620px) { .demo-agents-toggle span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: transform 350ms cubic-bezier(.22,1,.36,1) } }
@media (max-width: 620px) { .demo-agents-toggle[aria-expanded="true"] span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: rotate(45deg) } }
@media (prefers-reduced-motion: reduce) { .demo-agents-reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-agents-reveal .demo-tag:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-agents-toggle span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: none !important; transform: none !important } }
.demo-contact-label:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none }
@media (max-width: 620px) { .demo-contact-label:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center; position: absolute; top: max(16.2px, env(safe-area-inset-top)); left: 21.6px; height: 36px; font: 400 12.6px/1 var(--sans); color: #818692; transition: opacity 220ms ease } }
@media (max-width: 620px) { .demo-modal.is-submitting .demo-contact-label:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 0 } }
@media (max-width: 620px) { .demo-agents-reveal[data-expanded="true"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition-duration: 1500ms, 0s } }
@media (max-width: 700px) { .savings-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-left: 10.8px; padding-right: 10.8px } }
@media (max-width: 700px) { .savings-shell:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 21.6px 14.4px } }
@media (max-width: 700px) { .savings-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .savings-section.is-stepped .savings-stepbar:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: none } }
@media (max-width: 700px) { .savings-section.is-stepped .savings-results:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 18px 14.4px } }
.security-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; background: var(--bg); color: var(--ink); padding: 18px 25.2px 75.6px; scroll-margin-top: 75.6px }
.security-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 1332px; margin: 0 auto }
.security-heading.section-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 711px; margin-bottom: 43.2px }
.security-heading .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #606568; margin-bottom: 19.8px; letter-spacing: .09em }
.security-heading h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: clamp(30.6px,3.15vw,48.6px); font-weight: 400; letter-spacing: -.045em; line-height: 1.12 }
.security-cards:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14.4px }
.security-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; padding: 25.2px; border: 0.9px solid #dedfe4; border-radius: 14.4px; background: linear-gradient(145deg,#fff,#fafbfc); min-height: 306px }
.security-card-top:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32.4px }
.security-card-top svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 30.6px; height: 30.6px; color: #6878a2 }
.security-status:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: inline-flex; align-items: center; gap: 6.3px; font: 9px var(--mono); letter-spacing: .07em; text-transform: uppercase; color: #66786f }
.security-status i:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 4.5px; height: 4.5px; border-radius: 50%; background: #7b9b88; box-shadow: 0 0 0 3.6px #7b9b880d }
.security-number:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; font: 9px var(--mono); color: #9398a3; margin-bottom: 10.8px }
.security-card h3:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 20.7px; line-height: 1.2; font-weight: 400; letter-spacing: -.035em; margin: 0 0 14.4px }
.security-card p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 12.6px; line-height: 1.65; color: #747984; margin: 0 }
.security-controls:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none }
@media (max-width: 1100px) { .security-browser:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; grid-template-columns: minmax(0,1fr) 43.2px; gap: 14.4px } }
@media (max-width: 1100px) { .security-cards:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; flex-direction: column; height: 306px; overflow-y: auto; scroll-snap-type: y mandatory; overscroll-behavior-y: contain; scrollbar-width: none } }
@media (max-width: 1100px) { .security-cards:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::-webkit-scrollbar { display: none } }
@media (max-width: 1100px) { .security-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 306px; flex: 0 0 306px; scroll-snap-align: start } }
@media (max-width: 1100px) { .security-card p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 504px } }
@media (max-width: 1100px) { .security-controls:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14.4px } }
@media (max-width: 1100px) { .security-controls span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font: 9px var(--mono); color: #636975; white-space: nowrap } }
@media (max-width: 700px) { .security-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 16.2px 16.2px 48.6px } }
@media (max-width: 700px) { .security-heading.section-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: 23.4px } }
@media (max-width: 700px) { .security-heading .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: 14.4px } }
@media (max-width: 700px) { .security-browser:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { gap: 9px; grid-template-columns: minmax(0,1fr) 37.8px } }
@media (max-width: 700px) { .security-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 21.6px } }
@media (max-width: 1100px) { .security-browser:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; flex-direction: column; gap: 21.6px } }
@media (max-width: 1100px) { .security-controls:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { order: -1; flex-direction: row; justify-content: flex-end; gap: 9px } }
@media (max-width: 1100px) { .security-controls span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { order: -1; margin-right: auto; letter-spacing: .12em } }
@media (max-width: 1100px) { .security-cards:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex-direction: row; height: auto; gap: 18px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; overscroll-behavior-y: auto; margin-right: -25.2px; padding-right: 25.2px; padding-bottom: 10.8px } }
@media (max-width: 1100px) { .security-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex: 0 0 clamp(261px,22.5vw,342px); min-height: 0; aspect-ratio: .64; border-radius: 8.1px; padding: 29.7px 26.1px } }
@media (max-width: 1100px) { .security-card h3:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 22.5px } }
@media (max-width: 1100px) { .security-card-top:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: 50.4px } }
@media (max-width: 600px) { .security-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-left: 25.2px; padding-right: 25.2px } }
@media (max-width: 600px) { .security-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex-basis: min(71.1vw,297px); aspect-ratio: .70; padding: 25.2px 21.6px } }
@media (max-width: 600px) { .security-cards:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { gap: 12.6px } }
@media (max-width: 600px) { .security-heading h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 306px; font-size: 30.6px } }
@media (max-width: 1100px) { .security-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-left: 25.2px; padding-right: 25.2px; overflow: hidden } }
@media (max-width: 1100px) { .security-cards:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { --security-card-width: clamp(261px,22.5vw,342px); margin-left: -25.2px; margin-right: -25.2px; padding-left: 25.2px; padding-right: 25.2px; scroll-padding-inline: 25.2px } }
@media (max-width: 1100px) { .security-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex-basis: var(--security-card-width); scroll-snap-align: start } }
@media (max-width: 600px) { .security-cards:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { --security-card-width: min(71.1vw,297px) } }
.security-status i:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #526ee5; box-shadow: 0 0 0 0 rgba(82,110,229,.25); animation: security-status-pulse--z 2.2s ease-out infinite }
@media (prefers-reduced-motion: reduce) { .security-status i:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { animation: none; box-shadow: 0 0 0 2.7px rgba(82,110,229,.1) } }
.security-icon-tile:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 50.4px; height: 50.4px; flex: 0 0 50.4px; display: grid; place-items: center; border-radius: 18px; background: linear-gradient(145deg,#fff,#eef1f7); border: 0.9px solid #e5e9f1; box-shadow: inset 0 0.9px 0 #fff, 0 4.5px 10.8px #283e6407 }
.security-card-top svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 33.3px; height: 33.3px; overflow: visible; color: #7888a6 }
.security-card-top svg [class^="si-"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { animation-duration: 7s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(.4,0,.2,1) }
.si-shackle:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform-origin: 29.7px 19.8px; animation-name: si-lock--z }
.si-key:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform-origin: 21.6px 20.7px; animation-name: si-authorize--z }
.si-approval:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform-origin: 30.6px 30.6px; animation-name: si-approve--z }
.si-check:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { stroke-dasharray: 1; animation-name: si-checkmark }
.si-row path:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { stroke-dasharray: 1 }
.si-row-one:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { animation-name: si-log-one--z }
.si-row-two:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { animation-name: si-log-two--z }
.si-row-three:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { animation-name: si-log-three--z }
.si-scan:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { animation-name: si-scan--z }
.security-card:not(.security-in-view) .security-card-top svg *:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { animation-play-state: paused }
@media (prefers-reduced-motion: reduce) { .security-card-top svg *:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { animation: none !important; transform: none !important; stroke-dashoffset: 0 } }
@media (prefers-reduced-motion: reduce) { .si-scan:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 0 } }
.login-dialog:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: fixed; inset: 0; margin: auto; width: min(432px,calc(100% - 28.8px)); max-height: calc(90dvh - 28.8px); overflow-y: auto; padding: 39.6px 36px 27px; border: 0.9px solid rgba(255,255,255,.65); border-radius: 19.8px; background: linear-gradient(155deg,rgba(255,255,255,.82),rgba(237,240,246,.68)); backdrop-filter: blur(25.2px) saturate(150%); -webkit-backdrop-filter: blur(25.2px) saturate(150%); color: var(--ink); box-shadow: inset 0 0.9px 0 #ffffffc9,0 25.2px 72px #11182d26; opacity: 0; transform: translateY(14.4px) scale(.98); transition: opacity 400ms ease,transform 600ms cubic-bezier(.16,1,.3,1) }
.login-dialog:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::backdrop { background: rgba(16,20,30,.22); backdrop-filter: blur(12.6px); -webkit-backdrop-filter: blur(12.6px); opacity: 0; transition: opacity 400ms ease }
.login-dialog.is-open:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; transform: none }
.login-dialog.is-open:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::backdrop { opacity: 1 }
.login-dialog .demo-modal-close:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 32.4px; height: 32.4px }
.login-eyebrow:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; color: #7d8491; font-size: 10.8px; margin-bottom: 21.6px }
.login-dialog h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 30.6px; line-height: 1.15; font-weight: 400; letter-spacing: -.04em; margin: 0 0 10.8px }
.login-intro:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #737b8c; font-size: 12.6px; line-height: 1.5; margin: 0 0 25.2px }
.login-dialog label:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; color: #666f80; font-size: 10.8px; margin-bottom: 7.2px }
.login-dialog #loginEmail:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: 18px }
.login-dialog .demo-input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 41.4px }
.login-password:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; margin-bottom: 23.4px }
.login-password input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-right: 59.4px }
.login-password button:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; top: 0; right: 4.5px; height: 100%; padding: 0 10.8px; border: 0; background: transparent; color: #64738f; font: 10.8px var(--sans); cursor: pointer }
.login-dialog .demo-submit:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { gap: 10.8px }
.login-dialog .demo-submit svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 14.4px; height: 14.4px }
.login-help:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { text-align: center; margin: 21.6px 0 0; color: #868d99; font-size: 10.8px }
.login-help a:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #536989; text-decoration: none; margin-left: 3.6px }
.login-help a:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { text-decoration: underline }
.login-error:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0 0 16.2px; color: #695b68; font-size: 10.8px; line-height: 1.5 }
.login-dialog :focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: 1.8px solid #8298c3; outline-offset: 2.7px }
@media(max-width: 620px) { .login-dialog:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 37.8px 21.6px 25.2px } }
@media(max-width: 620px) { .login-dialog h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 25.2px } }
@media(prefers-reduced-motion: reduce) { .login-dialog:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .login-dialog:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::backdrop { transition: none; transform: none } }
.login-dialog.is-loading:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 90vw; max-width: none; height: 90dvh; max-height: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: #000; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; transform: none }
.login-dialog.is-loading:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::backdrop { background: #000 }
.login-dialog.is-loading .login-content:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .login-dialog.is-loading .demo-modal-close:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { visibility: hidden; pointer-events: none }
.login-loading-screen[hidden]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none }
.login-loading-screen:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 34.2px; outline: none; background: #000 }
.login-loading-screen img:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: clamp(171px,20.7vw,252px); height: auto; filter: invert(1); animation: login-brand-arrive--z 650ms cubic-bezier(.16,1,.3,1) both }
.login-loading-track:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: clamp(126px,15.3vw,180px); height: 1.8px; overflow: hidden; border-radius: 899.1px; background: #ffffff16 }
.login-loading-track span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; width: 100%; height: 100%; transform-origin: left; background: linear-gradient(90deg,#677cba,#b4c3ec,#f0f4ff); box-shadow: 0 0 10.8px #8ca3e860; animation: login-progress 1500ms cubic-bezier(.25,.45,.35,1) both }
@media(prefers-reduced-motion:reduce) { .login-loading-screen img:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { animation: none } }
@media(prefers-reduced-motion:reduce) { .login-loading-track span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { animation-timing-function: linear } }
.client-quote--blue:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-template-columns: .65fr 1.35fr; gap: 25.2px }
.client-quote-content:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-top: 0 }
.client-quote blockquote:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .client-quote--light blockquote:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: clamp(19.8px, 1.665vw, 25.2px); line-height: 1.4; letter-spacing: -.025em }
.client-metric:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; flex-direction: column; gap: 10.8px }
.client-metric strong:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: clamp(52.2px, 5.4vw, 82.8px); font-weight: 400; line-height: 1; letter-spacing: -.065em; white-space: nowrap }
.client-metric > span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 162px; font-size: 11.7px; line-height: 1.45; opacity: .75 }
.client-quote--light:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-top: clamp(25.2px, 2.7vw, 46.8px); gap: 28.8px }
.client-quote-footer:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; justify-content: space-between; align-items: flex-end; gap: 21.6px }
.client-quote-footer figcaption:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 0 }
.client-quote-footer .client-metric strong:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: clamp(43.2px, 3.6vw, 57.6px) }
@media (max-width: 1000px) { .client-quote--blue:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-template-columns: 1fr; gap: 25.2px } }
@media (max-width: 1000px) { .client-metric strong:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 54px } }
@media (max-width: 760px) { .client-quote blockquote:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .client-quote--light blockquote:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 19.8px; line-height: 1.4 } }
@media (max-width: 760px) { .client-quote-footer:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex-direction: column; align-items: flex-start; gap: 25.2px } }
@media (max-width: 760px) { .client-quote-footer .client-metric:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { order: -1 } }
@media (max-width: 760px) { .client-metric:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { gap: 7.2px } }
@media (max-width: 760px) { .client-metric > span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: none } }
.faq-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #000; color: #f6f6fa; padding: 72px 25.2px 93.6px; scroll-margin-top: 99px }
.faq-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 1332px; margin: 0 auto }
.faq-heading.section-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 711px; margin-bottom: 43.2px }
.faq-heading .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #aab3bb; margin-bottom: 19.8px; letter-spacing: .09em }
.faq-heading h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: clamp(30.6px,3.15vw,48.6px); font-weight: 400; letter-spacing: -.045em; line-height: 1.12 }
.faq-list:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-top: 0.9px solid #ffffff24 }
.faq-item:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-bottom: 0.9px solid #ffffff24 }
.faq-item h3:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0 }
.faq-trigger:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center; justify-content: space-between; gap: 25.2px; width: 100%; padding: 25.2px 0; border: 0; background: transparent; color: #e6e8ee; text-align: left; font: inherit; font-size: clamp(16.2px,1.485vw,20.7px); font-weight: 400; line-height: 1.35; letter-spacing: -.025em; cursor: pointer; transition: color 250ms ease }
.faq-trigger:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .faq-item.is-open .faq-trigger:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #fff }
.faq-trigger:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: 1.8px solid #819bea; outline-offset: 5.4px; border-radius: 3.6px }
.faq-plus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; flex: 0 0 32.4px; height: 32.4px; border-radius: 50%; border: 0.9px solid #ffffff26; background: linear-gradient(145deg,#ffffff12,#ffffff04); transition: background 350ms ease,border-color 350ms ease }
.faq-plus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::before, .faq-plus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::after { content: ''; position: absolute; top: 50%; left: 50%; width: 10.8px; height: 0.9px; background: currentColor; transform: translate(-50%,-50%) }
.faq-plus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::after { transform: translate(-50%,-50%) rotate(90deg); transition: transform 550ms cubic-bezier(.22,1,.36,1),opacity 350ms ease }
.faq-item.is-open .faq-plus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #ffffff16; border-color: #ffffff40 }
.faq-item.is-open .faq-plus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::after { transform: translate(-50%,-50%) rotate(0); opacity: 0 }
.faq-answer:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows 650ms cubic-bezier(.22,1,.36,1),visibility 650ms }
.faq-answer-clip:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 0; overflow: hidden }
.faq-answer p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 792px; margin: 0; padding: 0 57.6px 27px 0; color: #a9adb8; font-size: 15.3px; line-height: 1.7; opacity: 0; transform: translateY(-9px); transition: opacity 300ms ease,transform 600ms cubic-bezier(.22,1,.36,1) }
.faq-item.is-open .faq-answer:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-template-rows: 1fr; visibility: visible }
.faq-item.is-open .faq-answer p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; transform: none; transition-delay: 70ms }
@media (max-width: 760px) { .faq-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 43.2px 25.2px 57.6px } }
@media (max-width: 760px) { .faq-heading.section-head:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: 27px } }
@media (max-width: 760px) { .faq-heading .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: 14.4px } }
@media (max-width: 760px) { .faq-heading h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 30.6px; max-width: 306px } }
@media (max-width: 760px) { .faq-trigger:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 20.7px 0; gap: 16.2px; font-size: 16.2px } }
@media (max-width: 760px) { .faq-plus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex-basis: 28.8px; height: 28.8px } }
@media (max-width: 760px) { .faq-answer p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 0 10.8px 21.6px 0; font-size: 14.4px; line-height: 1.6 } }
@media (prefers-reduced-motion: reduce) { .faq-answer:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .faq-answer p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .faq-plus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .faq-plus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::after { transition: none; transform: none } }
@media (prefers-reduced-motion: reduce) { .faq-plus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::after { transform: translate(-50%,-50%) rotate(90deg) } }
.scroll-enter-pending:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 0 }
@media (prefers-reduced-motion: reduce) { .scroll-enter-pending:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1 } }
@media print { .scroll-enter-pending:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1 } }
.quote-word:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: inline-block; opacity: 0; filter: blur(4.5px); transform: translateY(2.7px); transition: opacity 950ms ease, filter 1100ms ease, transform 1100ms cubic-bezier(.22,1,.36,1); transition-delay: var(--word-delay,0ms) }
.quote-focus.is-revealed .quote-word:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; filter: blur(0); transform: none }
@media (prefers-reduced-motion: reduce) { .quote-word:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; filter: none; transform: none; transition: none } }
@media print { .quote-word:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; filter: none; transform: none } }
.demo-modal-overlay:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: opacity 420ms cubic-bezier(.33,0,.2,1), background-color 550ms ease }
.demo-modal-overlay .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; filter: none; transform: translate3d(0,12.6px,0) scale(.99); transition: transform 620ms cubic-bezier(.22,1,.36,1), background-color 500ms ease, border-color 500ms ease }
.demo-modal-overlay.is-open .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; transform: translate3d(0,0,0) scale(1) }
.demo-modal-overlay:not(.is-open) .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition-duration: 360ms,500ms,500ms }
.demo-modal-overlay .demo-reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-modal-overlay.is-open .demo-reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; transform: none; transition-delay: 0ms }
.demo-modal-overlay.is-returning:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: opacity 600ms ease, background-color 550ms ease; transition-delay: 120ms,0ms }
.demo-modal-overlay.is-returning .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: translate3d(0,-7.2px,0) scale(.985) }
@media (max-width: 620px) { .demo-modal-overlay:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: opacity 380ms cubic-bezier(.33,0,.2,1), background-color 550ms ease } }
@media (max-width: 620px) { .demo-modal-overlay .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-modal-overlay.is-open .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-modal-overlay.is-returning .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: none } }
@media (prefers-reduced-motion: reduce) { .demo-modal-overlay:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .demo-modal-overlay .demo-modal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: none !important; transition-delay: 0ms !important; transform: none !important } }
.industry-picker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; margin-bottom: 8.1px; z-index: 4 }
.industry-picker select[hidden]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none }
.industry-picker-trigger:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center; justify-content: space-between; gap: 12.6px; text-align: left; cursor: pointer; color: var(--ink-3) }
.industry-picker-trigger.has-value:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: var(--ink) }
.industry-picker-trigger > span:first-child:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.industry-picker-chevron:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 6.3px; height: 6.3px; flex: 0 0 6.3px; border-right: 1.35px solid #656e80; border-bottom: 1.35px solid #656e80; transform: rotate(45deg) translateY(-1.8px); transition: transform 300ms ease; margin-right: 2.7px }
.industry-picker-trigger[aria-expanded="true"] .industry-picker-chevron:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: rotate(225deg) }
.industry-picker-menu:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; top: calc(100% + 7.2px); left: 0; right: 0; max-height: min(288px,37.8dvh); overflow-y: auto; overscroll-behavior: contain; padding: 5.4px; border: 0.9px solid #ffffffbb; border-radius: 14.4px; background: linear-gradient(145deg,rgba(245,247,252,.92),rgba(222,228,240,.88)); backdrop-filter: blur(21.6px) saturate(135%); -webkit-backdrop-filter: blur(21.6px) saturate(135%); box-shadow: inset 0 0.9px 0 #fff,0 14.4px 39.6px #111b3830,0 2.7px 9px #111b3810; animation: industry-menu-in--z 280ms cubic-bezier(.22,1,.36,1); scrollbar-width: thin; scrollbar-color: #a5adbf transparent }
.industry-picker-menu[hidden]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none }
.industry-picker-option:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; display: block; width: 100%; padding: 9.9px 28.8px 9.9px 10.8px; text-align: left; border: 0.9px solid transparent; border-radius: 9px; background: transparent; color: #353c49; font: 400 11.7px/1.4 var(--sans); cursor: pointer; transition: background 160ms ease,border-color 160ms ease,color 160ms ease }
.industry-picker-option:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .industry-picker-option:focus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: none; background: #ffffff85; border-color: #ffffffb3 }
.industry-picker-option[aria-selected="true"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #7d97d922; color: #344b7d }
.industry-picker-option[aria-selected="true"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::after { content: '✓'; position: absolute; right: 10.8px; top: 9.9px; color: #526caa }
@media (max-width: 620px) { .industry-picker-option:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 39.6px; display: flex; align-items: center; font-size: 10.8px } }
@media (max-width: 620px) { .industry-picker-menu:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-height: min(270px,36dvh) } }
@media (prefers-reduced-motion: reduce) { .industry-picker-menu:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { animation: none } }
@media (prefers-reduced-motion: reduce) { .industry-picker-chevron:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .industry-picker-option:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transition: none } }
.approach-word:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-weight: 500; letter-spacing: -.055em; -webkit-text-stroke: 0; color: transparent; background: linear-gradient(165deg,#56585e 0%,#24262b 28%,#111216 56%,#383a40 100%); -webkit-background-clip: text; background-clip: text; text-shadow: none }
.approach-word-neon:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { --light-x: 14%; background: linear-gradient(105deg,#637bd0 4%,#b9ceff 28%,#f1f4ff 48%,#dfdfff 61%,#a69ae8 76%,#839fe9 92%); -webkit-background-clip: text; background-clip: text; -webkit-text-stroke: 0; color: transparent; filter: drop-shadow(-2.7px 0 6.3px #8bb6ff70) drop-shadow(2.7px 0.9px 7.2px #9b8ce650) drop-shadow(0 0 21.6px #c6d8ff55); -webkit-mask-image: radial-gradient(ellipse 31% 110% at var(--light-x) 50%,#000 0%,#000 22%,#000b 47%,#0003 74%,transparent 100%); mask-image: radial-gradient(ellipse 31% 110% at var(--light-x) 50%,#000 0%,#000 22%,#000b 47%,#0003 74%,transparent 100%); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center; mask-position: center }
@media (max-width: 620px) { .approach-word-neon:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { filter: drop-shadow(-1.8px 0 4.5px #8bb6ff65) drop-shadow(1.8px 0.9px 5.4px #9b8ce645) drop-shadow(0 0 14.4px #c6d8ff45) } }
@media (prefers-reduced-motion: reduce) { .approach-word-neon:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { filter: none } }
.integration-system:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { cursor: pointer }
.integration-hit:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; border-radius: inherit; background: transparent; cursor: pointer }
.integration-hit:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: 1.8px solid #7b8ecd; outline-offset: 3.6px }
.integration-system:has(.integration-hit[aria-expanded="true"]):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { box-shadow: inset 0 0.9px 0 #fff,0 0 0 0.9px #8c9ccb70,0 7.2px 21.6px #566ba52b }
.erp-detail:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: fixed; z-index: 190; margin: 0; width: min(306px,calc(90vw - 28.8px)); max-width: none; padding: 24.3px; overflow: auto; border: 0.9px solid #ffffffb0; border-radius: 19.8px; color: #222a3a; background: linear-gradient(140deg,#f5f7fbe8,#e0e6f1e6); backdrop-filter: blur(21.6px) saturate(135%); -webkit-backdrop-filter: blur(21.6px) saturate(135%); box-shadow: inset 0 0.9px 0 #fff,0 16.2px 45px #17264425 }
.erp-detail[open]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { animation: erp-detail-in--z 320ms cubic-bezier(.22,1,.36,1) }
.erp-detail-kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; margin: 0 23.4px 12.6px 0; font: 8.1px/1.5 var(--mono); letter-spacing: .08em; color: #7b859b }
.erp-detail h3:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0 25.2px 10.8px 0; font: 400 22.5px/1.2 var(--sans); letter-spacing: -.035em }
.erp-detail p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0; font: 400 12.6px/1.65 var(--sans); color: #596376 }
.erp-detail-close:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; right: 10.8px; top: 10.8px; width: 27px; height: 27px; border: 0.9px solid #ffffff9c; border-radius: 50%; background: #ffffff60; color: #657086; font: 19.8px/1 var(--sans); cursor: pointer }
.erp-detail-close:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: 1.8px solid #7b8ecd; outline-offset: 2.7px }
.erp-detail:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::backdrop { background: #18223835; backdrop-filter: blur(3.6px); -webkit-backdrop-filter: blur(3.6px) }
@media (max-width: 760px) { .erp-detail:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { inset: auto 10.8px max(10.8px,env(safe-area-inset-bottom)) !important; width: auto; max-height: 40.5dvh; padding: 25.2px 21.6px; border-radius: 21.6px; overscroll-behavior: contain } }
@media (max-width: 760px) { .erp-detail h3:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 21.6px } }
@media (max-width: 760px) { .erp-detail p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 12.6px } }
@media (max-width: 760px) { .erp-detail[open]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { animation: erp-sheet-in--z 420ms cubic-bezier(.22,1,.36,1) } }
@media (prefers-reduced-motion: reduce) { .erp-detail[open]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { animation: none } }
@media (min-width: 761px) { .erp-detail:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 252px; padding: 18.9px; border-radius: 16.2px } }
@media (min-width: 761px) { .erp-detail-kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 7.2px; margin-bottom: 9.9px } }
@media (min-width: 761px) { .erp-detail h3:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 19.8px; margin-bottom: 9px } }
@media (min-width: 761px) { .erp-detail p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 11.7px; line-height: 1.55 } }
@media (min-width: 761px) { .erp-detail-close:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 23.4px; height: 23.4px; font-size: 18px; top: 9px; right: 9px } }
.erp-workflows:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none }
@media (max-width: 760px) { .erp-detail:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-height: 64.8dvh } }
@media (max-width: 760px) { .erp-workflows:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12.6px 10.8px; padding: 18px 0 0; margin: 18px 0 0; list-style: none; border-top: 0.9px solid #8694b526 } }
@media (max-width: 760px) { .erp-workflows li:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center; gap: 8.1px; min-width: 0; color: #536078; font: 400 9.9px/1.4 var(--sans) } }
@media (max-width: 760px) { .erp-workflow-icon:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; place-items: center; width: 27px; height: 27px; flex: 0 0 27px; border: 0.9px solid #ffffffb0; border-radius: 8.1px; background: linear-gradient(145deg,#ffffff90,#dae2f344); color: #7485b2; box-shadow: inset 0 0.9px 0 #ffffffb0 } }
@media (max-width: 760px) { .erp-workflow-icon svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 15.3px; height: 15.3px } }
@media (min-width: 761px) { .erp-detail:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 17.1px } }
@media (min-width: 761px) { .erp-detail h3:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 18px } }
@media (min-width: 761px) { .erp-detail p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 10.8px; line-height: 1.5 } }
@media (min-width: 761px) { .erp-workflows:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10.8px 7.2px; padding: 13.5px 0 0; margin: 13.5px 0 0; list-style: none; border-top: 0.9px solid #8694b526 } }
@media (min-width: 761px) { .erp-workflows li:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center; gap: 5.4px; min-width: 0; color: #536078; font: 400 9px/1.35 var(--sans) } }
@media (min-width: 761px) { .erp-workflow-icon:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; place-items: center; width: 22.5px; height: 22.5px; flex: 0 0 22.5px; border: 0.9px solid #ffffffb0; border-radius: 7.2px; background: linear-gradient(145deg,#ffffff90,#dae2f344); color: #7485b2; box-shadow: inset 0 0.9px 0 #ffffffb0 } }
@media (min-width: 761px) { .erp-workflow-icon svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 13.5px; height: 13.5px } }
.approach-credentials:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 9px; max-width: 1386px; margin: 0 auto; padding: 28.8px 25.2px 68.4px; list-style: none }
.approach-credential:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center; justify-content: center; gap: 9.9px; min-height: 39.6px; padding: 9.9px 12.6px; border: 0.9px solid #ffffff30; border-radius: 4.5px; background: linear-gradient(140deg,#ffffff04,transparent); color: #97999f; font: 400 9px/1.45 var(--mono); letter-spacing: .025em; text-transform: uppercase }
.approach-credential svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 20.7px; height: 20.7px; flex: 0 0 20.7px; color: #e4e5e9 }
.origin-flag:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; width: 24.3px; height: 16.2px; flex: 0 0 24.3px; border-radius: 0.9px; box-shadow: inset 0 0 0 0.9px #ffffff15 }
.origin-flag--italy:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: linear-gradient(90deg,#20864f 0 33.333%,#eee 33.333% 66.666%,#ca4146 66.666%) }
.origin-flag--uae:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: linear-gradient(90deg,#c73b42 0 25%,transparent 25%),linear-gradient(#218354 0 33.333%,#eee 33.333% 66.666%,#161719 66.666%) }
@media (max-width: 760px) { .approach-credentials:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { gap: 8.1px; padding: 21.6px 19.8px 39.6px } }
@media (max-width: 760px) { .approach-credential:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex: 1 1 calc(50% - 8.1px); min-width: 0; padding: 9.9px 9px; font-size: 8.1px; gap: 8.1px; text-align: left; justify-content: flex-start } }
@media (max-width: 760px) { .approach-credential:nth-child(n+3):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex-basis: 100% } }
@media (max-width: 760px) { .approach-credential svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 18.9px; height: 18.9px; flex-basis: 18.9px } }
@media (max-width: 760px) { .origin-flag:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 20.7px; height: 14.4px; flex-basis: 20.7px } }
.skip-link:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: fixed; top: 7.2px; left: 7.2px; z-index: 500; padding: 10.8px 16.2px; background: #fff; color: #111; border-radius: 7.2px; transform: translateY(-160%) }
.skip-link:focus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: none }
@media (scripting: none) { .reveal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; transform: none } }
.nav-language:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; margin-left: auto; flex: 0 0 auto }
.nav .nav-cta:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-left: 0 }
.language-trigger:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; place-items: center; min-width: 34.2px; min-height: 36px; padding: 0 7.2px; border: 0; background: transparent; color: inherit; font: 400 10.8px var(--sans); letter-spacing: .04em; cursor: pointer; opacity: .75; transition: opacity 180ms ease }
.language-trigger:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .language-trigger[aria-expanded="true"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1 }
.language-options:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; top: calc(100% + 14.4px); left: 50%; right: auto; transform: translateX(-50%); width: 64.8px; padding: 6.3px; border: 0.9px solid var(--language-border); border-radius: 12.6px; background: var(--language-glass); backdrop-filter: blur(21.6px) saturate(130%); -webkit-backdrop-filter: blur(21.6px) saturate(130%); box-shadow: 0 10.8px 28.8px #00000024, inset 0 0.9px 0 #ffffff12; color: var(--language-ink); animation: language-in--z 180ms ease both }
.language-options[hidden]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none }
.language-options [data-language]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; width: 100%; min-height: 36px; border: 0; border-radius: 7.2px; background: transparent; color: inherit; font: 400 10.8px var(--sans); letter-spacing: .04em; cursor: pointer; transition: background 160ms ease }
.language-options [data-language]:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .language-options [data-language][aria-current="true"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: var(--language-hover) }
.language-trigger:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .language-options [data-language]:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: 1.8px solid #889bd5; outline-offset: 1.8px }
@media (prefers-reduced-motion: reduce) { .language-options:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { animation: none } }
@media (max-width: 720px) { .nav-language:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-left: auto } }
@media (max-width: 720px) { .language-trigger:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-width: 27px; min-height: 32.4px; font-size: 9px; padding: 0 2.7px } }
@media (max-width: 720px) { .nav .nav-cta:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-left: 0 } }
@media (max-width: 720px) { :is(html[lang="it"], html[lang="es"], html[lang="fr"], html[lang="de"]) .nav .brand-logo:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: clamp(82.8px,23.4vw,100.8px) } }
@media (max-width: 720px) { :is(html[lang="it"], html[lang="es"], html[lang="fr"], html[lang="de"]) .nav .nav-cta .btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 0 8.1px; font-size: 9.45px; gap: 4.5px } }
@media (max-width: 720px) { :is(html[lang="it"], html[lang="es"], html[lang="fr"], html[lang="de"]) .agent-panel-kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { overflow-wrap: anywhere } }
:is(html[lang="it"], html[lang="es"], html[lang="fr"], html[lang="de"]) .approach-credential:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { letter-spacing: 0 }
.nav .language-trigger:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #f5f7f8 }
.nav.on-light .language-trigger:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #20232a }
.nav.over-footer .language-trigger:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #f5f7f8 }
.nav:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { --language-glass: linear-gradient(145deg,#ffffff16,#ffffff05),#14171dcc; --language-border: #ffffff26; --language-ink: #f1f3f8; --language-hover: #ffffff12 }
.nav.on-light:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { --language-glass: linear-gradient(145deg,#ffffff48,#ffffff12),#e8ecf0b8; --language-border: #ffffff80; --language-ink: #20232a; --language-hover: #43557410 }
.nav.over-footer:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { --language-glass: linear-gradient(145deg,#ffffff16,#ffffff05),#14171dcc; --language-border: #ffffff26; --language-ink: #f1f3f8; --language-hover: #ffffff12 }
.nav .nav-cta .btn.js-open-login:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .nav .nav-cta .btn.js-open-login:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .nav .nav-cta .btn.js-open-login:active:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; padding: 0 7.2px; color: var(--language-ink); font-size: 10.8px; font-weight: 400; letter-spacing: .02em; transform: none; opacity: .75; transition: opacity 180ms ease }
.nav .nav-cta .btn.js-open-login:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1 }
.nav .nav-cta .btn.js-open-login:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: 1.8px solid #889bd5; outline-offset: 2.7px }
@media (max-width: 720px) { .language-options [data-language]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 9px } }
@media (max-width: 760px) { .approach-credentials:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex-wrap: nowrap; justify-content: flex-start; gap: 9px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 19.8px; padding: 21.6px 19.8px 39.6px; scrollbar-width: none; -webkit-overflow-scrolling: touch } }
@media (max-width: 760px) { .approach-credentials:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::-webkit-scrollbar { display: none } }
@media (max-width: 760px) { .approach-credentials .approach-credential:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .approach-credentials .approach-credential:nth-child(n+3):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex: 0 0 auto; width: auto; min-height: 46.8px; padding: 11.7px 14.4px; white-space: nowrap; scroll-snap-align: start; font-size: 8.1px } }
html[lang="ar"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { --sans: Tahoma, Arial, "Geeza Pro", "Noto Sans Arabic", sans-serif; --mono: var(--sans) }
html[lang="ar"] body:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { line-height: 1.7 }
html[lang="ar"] :is(h1,h2,h3,p,button,a,span,label,blockquote,summary):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { letter-spacing: normal }
html[lang="ar"] :is(h1,h2,h3,.agent-panel-kicker):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { line-height: 1.5 }
html[dir="rtl"] .nav-language:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-left: 0; margin-right: auto }
html[dir="rtl"] .nav .nav-cta:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-left: 0; margin-right: 0 }
html[dir="rtl"] :is(.section-head.left,.industry-card,.faq-trigger,.industry-picker-trigger,.industry-picker-option,.approach-credential):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { text-align: start }
html[dir="rtl"] :is(.language-trigger,.language-options [data-language],.integration-system,.erp-detail h3,a[href^="mailto:"],input[type="email"],input[type="password"],.site-footer-wordmark,.industry-position,#securityCount,.industry-card-number,.client-metric strong,.savings-section output):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { direction: ltr; unicode-bidi: isolate }
html[dir="rtl"] :is(input[type="email"],input[type="password"]):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { text-align: right }
html[dir="rtl"] :is(.btn svg,.agent-arrow svg,.industry-arrow svg,.security-controls button svg):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: scaleX(-1) }
html[dir="rtl"] .industry-card-number:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { right: auto; left: 15.3px }
html[dir="rtl"] .industry-model-note:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { right: auto; left: 24.3px }
html[dir="rtl"] .integration-closing:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { right: auto; left: clamp(27px,2.88vw,48.6px); text-align: left }
html[dir="rtl"] .integration-motion:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { left: auto; right: clamp(27px,2.88vw,48.6px) }
html[dir="rtl"] .integration-diagram:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: scaleX(-1) }
html[dir="rtl"] .integration-system:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: translate(-50%,-50%) scaleX(-1) }
html[dir="rtl"] .integration-globe:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: translate(-50%,-50%) scaleX(-1) }
html[dir="rtl"] .client-film-label:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { left: auto; right: 25.2px }
html[dir="rtl"] .demo-modal-close:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { right: auto; left: 12.6px }
html[dir="rtl"] .demo-modal-body h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-right: 0; padding-left: 27px }
html[dir="rtl"] .demo-select:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background-position: left 11.7px center,0 0; padding-right: 14.4px; padding-left: 30.6px }
html[dir="rtl"] .industry-picker-trigger:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-inline: 14.4px }
html[dir="rtl"] .industry-picker-option:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 9.9px 10.8px 9.9px 28.8px }
html[dir="rtl"] .industry-picker-option[aria-selected="true"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::after { right: auto; left: 10.8px }
html[dir="rtl"] .login-password input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-right: 14.4px; padding-left: 68.4px }
html[dir="rtl"] .login-password button:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { right: auto; left: 4.5px }
html[dir="rtl"] .login-help a:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-left: 0; margin-right: 3.6px }
html[dir="rtl"] .erp-detail-close:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { right: auto; left: 10.8px }
html[dir="rtl"] .erp-detail :is(h3,.erp-detail-kicker):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-right: 0; margin-left: 25.2px; text-align: right }
html[dir="rtl"] .savings-unit:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-left: 0; margin-right: 5.4px }
html[dir="rtl"] .savings-range input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::-webkit-slider-runnable-track { background: linear-gradient(to left,#91a9c6 0%,#738ca9 var(--range-progress),rgba(255,255,255,.13) var(--range-progress)) }
html[dir="rtl"] .savings-range input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::-moz-range-track { background: linear-gradient(to left,#91a9c6 0%,#738ca9 var(--range-progress),rgba(255,255,255,.13) var(--range-progress)) }
html[dir="rtl"] .security-controls span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-right: 0; margin-left: auto }
html[dir="rtl"] .skip-link:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { left: auto; right: 7.2px }
@media (max-width: 760px) { html[dir="rtl"] .integration-closing:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { left: auto; text-align: right } }
@media (max-width: 760px) { html[dir="rtl"] .integration-motion:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { right: auto } }
@media (max-width: 760px) { html[dir="rtl"] .agent-frame .agent-arrow--prev:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { left: auto; right: 0 } }
@media (max-width: 760px) { html[dir="rtl"] .agent-frame .agent-arrow--next:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { right: auto; left: 0 } }
@media (max-width: 760px) { html[dir="rtl"] .demo-contact-label:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { left: auto; right: 21.6px } }
@media (max-width: 760px) { html[dir="rtl"] .demo-modal-close:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { right: auto; left: 18px } }
@media (max-width: 760px) { html[dir="rtl"] .demo-modal-body h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-inline: 0 } }
@media (max-width: 760px) { html[lang="ar"] .nav .brand-logo:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: clamp(82.8px,23.4vw,100.8px) } }
@media (max-width: 760px) { html[lang="ar"] .nav .nav-cta .btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 0 8.1px; font-size: 9.9px; gap: 4.5px } }
@media (max-width: 760px) { html[lang="ar"] .agent-panel-kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { overflow-wrap: anywhere } }
@media (max-width: 760px) { html[lang="ar"] .approach-credential:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 9.9px } }
html[dir="rtl"] .savings-next > span:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: scaleX(-1) }
html[dir="rtl"] .client-metric strong:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: inline-block }
html[lang="ar"] :is(.kicker,.industry-card-prompt,.integration-motion,.erp-detail-kicker):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 10.8px }
@media (max-width: 760px) { html[lang="ar"] :is(.demo-input,.demo-textarea,.industry-picker-trigger):where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 12.6px } }
@media (max-width: 760px) { html[lang="ar"] .demo-contact-label:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 12.6px } }
html[lang="ar"] .nav .nav-cta .btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-weight: 400 }
@media (max-width: 720px) { html[lang="ar"] .nav .nav-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 0 12.6px 0 4.5px; gap: 9px } }
@media (max-width: 720px) { html[lang="ar"] .nav .brand-logo:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: clamp(95.4px,28.8vw,115.2px) } }
@media (max-width: 720px) { html[lang="ar"] .nav .nav-cta .btn-primary:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { height: 34.2px; min-height: 34.2px; padding: 0 9.9px; font-size: 9.9px; line-height: 1.2; gap: 5.4px } }
@media (max-width: 720px) { html[lang="ar"] .nav .language-trigger:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-family: Arial,sans-serif; font-size: 9px; min-width: 27px } }
html[lang="ar"] .hero-wordmark:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { direction: ltr; unicode-bidi: isolate; font-family: "Alliance No.2", Arial, sans-serif; line-height: 1 }
html[lang="ar"] .hero-wordmark .hw:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { letter-spacing: -0.01em }
@media (max-width: 760px) { .nav .nav-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { height: 54px } }
@media (max-width: 760px) { .approach-scroller:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { height: auto } }
@media (max-width: 760px) { .approach-stage:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; height: auto; display: block; overflow: visible; padding-bottom: 32.4px } }
@media (max-width: 760px) { .approach-word-stack:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: sticky; inset: auto; top: 90px; height: 117px; margin-bottom: -117px } }
@media (max-width: 760px) { .approach-word:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: 1; transform: none; font-size: clamp(64.8px,22.5vw,126px) } }
@media (max-width: 760px) { .approach-content:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 144px 19.8px 0 } }
@media (max-width: 760px) { .approach-card-stack:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; gap: clamp(99px, 16.2vh, 144px); min-height: 0; max-width: 423px; perspective: none } }
@media (max-width: 760px) { .approach-card:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; inset: auto; width: 100%; margin: 0; opacity: 1; transform: none; pointer-events: auto; will-change: auto } }
@media (max-width: 760px) { .approach-progress:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none } }
@media (max-width: 760px) { .nav .nav-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-right: 9px } }
@media (max-width: 760px) { html[lang="ar"] .nav .nav-inner:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-left: 9px; padding-right: 12.6px } }
html:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: var(--viewport-background, #000) }
@media (max-width: 760px) { html:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::before, html:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::after { content: ""; position: fixed; left: 0; right: 0; z-index: 99; pointer-events: none; background: var(--viewport-background, #000) } }
@media (max-width: 760px) { html:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::before { top: 0; height: env(safe-area-inset-top, 0px) } }
@media (max-width: 760px) { html:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::after { bottom: 0; height: env(safe-area-inset-bottom, 0px) } }
@media (max-width: 760px) { .nav:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { top: env(safe-area-inset-top, 0px) } }
@media (max-width: 760px) { .site-footer:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-bottom: calc(21.6px + env(safe-area-inset-bottom, 0px)) } }
.intro:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .intro .hero:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .intro .hero-canvas:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background-color: #000000 }
@media (max-width: 760px) { body:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background-color: var(--viewport-background, #000) } }
@media (max-width: 760px) { main:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background-color: var(--bg) } }
@media (max-width: 760px) { html:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::before { height: env(safe-area-inset-top, 0px) } }
@media (max-width: 760px) { .nav:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .nav.on-light:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .nav.over-footer:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none } }
#nav .brand-logo:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { filter: none }
@media (max-width: 720px) { .nav:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { height: 72px; margin-bottom: -72px } }
@media (max-width: 720px) { .intro .hero:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { min-height: 90svh; min-height: 90dvh; padding-top: calc(81px + env(safe-area-inset-top, 0px)); padding-bottom: max(25.2px, env(safe-area-inset-bottom, 0px)); background: #000 } }
@media (max-width: 720px) { .intro .hero:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::before { height: clamp(198px, 30.6svh, 297px) } }
@media (max-width: 720px) { .intro:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-bottom: calc(93.6px + env(safe-area-inset-bottom, 0px)); background: #000 } }
@media (max-width: 720px) { .intro .intro-statement:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 25.2px } }
.agent-tab-shell:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center; width: fit-content; max-width: 100%; margin: 0 auto 19.8px; padding: 3.6px; gap: 2.7px; border: 0.9px solid #dddfe0; border-radius: 899.1px; background: var(--bg) }
.agent-tab-shell .agent-tabbar:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; flex: 1 1 auto; min-width: 0; width: auto; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; margin: 0; padding: 0; border: 0; scrollbar-width: none; overscroll-behavior-x: contain }
.agent-tabbar:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::-webkit-scrollbar { display: none }
.agent-tab-shell .agent-tab:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { flex: 0 0 auto }
.agent-tab-arrow:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none; flex: 0 0 27px; width: 27px; height: 27px; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: rgba(255,255,255,.55); color: #858b94; cursor: pointer; transition: background .2s, opacity .2s }
.agent-tab-arrow svg:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 12.6px; height: 12.6px }
.agent-tab-shell.has-overflow .agent-tab-arrow:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex }
.agent-tab-arrow:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #fff; color: #353b45 }
.agent-tab-arrow:disabled:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { opacity: .25; cursor: default }
.agent-tab-arrow:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: 1.8px solid #7c8cbd; outline-offset: 1.8px }
@media (max-width: 720px) { .agent-tab-shell:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none } }
.agent-tab-shell:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { direction: ltr }
html[dir="rtl"] .agent-tab-shell .agent-tabbar:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { direction: rtl }
@media (max-width: 720px) { .agent-carousel:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { touch-action: pan-y pinch-zoom } }
@media (max-width: 720px) { .agent-frame .agent-circle[data-distance="0"]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: scale(1.65) } }
@media (max-width: 720px) { .agent-frame .agent-panel-kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 21.6px } }
@media (max-width: 720px) { .industry-cards:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-inline-end: max(var(--industry-gutter), calc(100% - min(71.1vw, 297px) - var(--industry-gutter))) } }
@media (max-width: 760px) { .approach-word:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: .08em .14em .12em; line-height: 1.15; font-size: clamp(61.2px, 21.6vw, 122.4px) } }
@media (max-width: 760px) { .approach-word-stack:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { overflow: visible } }
.approach-credentials:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; z-index: 3; background: #000; isolation: isolate }
.language-options a:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex!important; align-items: center; justify-content: center; text-decoration: none }
.site-footer-legal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: inline-flex; align-items: center; gap: 16.2px }
.site-footer-legal a:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #a5a5a5 }
.site-footer-seal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: flex; align-items: center; gap: 14.4px; width: max-content; margin-top: 30.6px; color: #d6d6d6; font-size: clamp(13.5px, 0.99vw, 16.2px); letter-spacing: -.02em }
.site-footer-seal-icon:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; width: 50.4px; height: 50.4px; flex: 0 0 auto }
@media (max-width: 760px) { .site-footer-legal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { gap: 10.8px } }
@media (max-width: 760px) { .site-footer-seal:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-top: 21.6px; gap: 10.8px; font-size: 12.6px } }
@media (max-width: 760px) { .site-footer-seal-icon:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { width: 39.6px; height: 39.6px } }
.peakcontrol-film-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; z-index: 2; padding: 56.7px 0 81px; background: #f5f5f5; color: #121318; scroll-margin-top: 81px }
#peakcontrol-film > .shell-wide:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 1198.8px; padding-inline: 22.68px }
.peakcontrol-film-player:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: relative; container-type: inline-size; isolation: isolate; overflow: hidden; aspect-ratio: 16 / 9; border: 0.9px solid rgba(18,19,24,.08); border-radius: 14.4px; background: #fff; box-shadow: 0 10.8px 28.8px rgba(18,25,42,.075), 0 1.8px 6.3px rgba(18,25,42,.035) }
.peakcontrol-film-player video:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: block; width: 100%; height: 100%; object-fit: contain }
.peakcontrol-film-sound:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; z-index: 2; top: 12.6px; right: 12.6px; display: inline-flex; align-items: center; gap: 6.3px; min-height: 32.4px; padding: 7.2px 10.8px; border: 0.9px solid rgba(255,255,255,.6); border-radius: 899.1px; background: rgba(245,245,248,.94); color: #242432; font: 400 10.8px/1.2 var(--sans); cursor: pointer; box-shadow: 0 1.8px 7.2px #12131810 }
.peakcontrol-film-sound[hidden]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none }
.peakcontrol-film-sound:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #fff }
.peakcontrol-film-sound:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: 1.8px solid #4455d6; outline-offset: 2.7px }
.peakcontrol-film-demo:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { position: absolute; z-index: 2; left: 50%; top: 58.333333%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; width: max(127.8px, 26.041667%); height: max(36px, 10.185185%); border-radius: 899.1px; background: #4455d6; color: #fff; font-family: "Alliance No.2", sans-serif; font-size: max(10.8px, 2.291667cqw); font-weight: 400; line-height: 1; text-decoration: none; white-space: nowrap }
.peakcontrol-film-demo[hidden]:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none }
.peakcontrol-film-demo:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #3747c2; color: #fff }
.peakcontrol-film-demo:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline: 2.7px solid #fff; outline-offset: 3.6px }
.peakcontrol-film-context:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); column-gap: 57.6px; margin-bottom: 43.2px; align-items: start }
#peakcontrol-film .peakcontrol-film-context > .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-column: 1 / -1 }
.peakcontrol-film-context .section-head.left:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { max-width: 504px }
.peakcontrol-film-context h2:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0 }
.peakcontrol-film-context p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin: 0; max-width: 594px; color: #585d6c; font-size: 15.3px; line-height: 1.75 }
.peakcontrol-film-copy-short:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none }
@media (max-width: 760px) { #peakcontrol-film > .shell-wide:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding-inline: 14.58px } }
@media (max-width: 700px) { .peakcontrol-film-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { padding: 30.6px 0 48.6px } }
@media (max-width: 700px) { .peakcontrol-film-player:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-radius: 9px } }
@media (max-width: 700px) { .peakcontrol-film-sound:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { top: 7.2px; right: 7.2px; min-height: 30.6px; padding: 6.3px 9px; font-size: 9.9px } }
@media (max-width: 700px) { .peakcontrol-film-context:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { grid-template-columns: 1fr; row-gap: 18px; margin-bottom: 27px } }
@media (max-width: 700px) { #peakcontrol-film .peakcontrol-film-context > .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { margin-bottom: 0 } }
@media (max-width: 700px) { .peakcontrol-film-context p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { font-size: 14.4px } }
@media (max-width: 700px) { .peakcontrol-film-copy-full:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: none } }
@media (max-width: 700px) { .peakcontrol-film-copy-short:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { display: inline } }
.savings-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #f5f5f5; color: #121318; color-scheme: light }
.savings-shell:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-color: rgba(18,19,24,.08); background: #fff; box-shadow: 0 10.8px 28.8px rgba(18,25,42,.06), 0 1.8px 6.3px rgba(18,25,42,.03) }
.calculator-heading .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #606568 }
.savings-intro:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #585d6c }
.savings-section label:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #3b4149 }
.savings-unit:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .savings-range-scale:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #7d838c }
.savings-range input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::-webkit-slider-runnable-track { background: linear-gradient(to right,#91a9c6 0%,#738ca9 var(--range-progress),rgba(18,19,24,.12) var(--range-progress)) }
.savings-range input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::-moz-range-track { background: linear-gradient(to right,#91a9c6 0%,#738ca9 var(--range-progress),rgba(18,19,24,.12) var(--range-progress)) }
.savings-range input:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *)::-webkit-slider-thumb { box-shadow: 0 0 0 4.5px rgba(115,140,169,.14),0 1.8px 5.4px rgba(18,25,42,.18) }
.savings-section :focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline-color: #4455d6 }
.savings-results:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #f6f6fa; color-scheme: dark; border-color: rgba(18,19,24,.12); background: linear-gradient(135deg,#1c1f24,#111316 55%,#0b0c0e); box-shadow: inset 0 0.9px 0 #ffffff15,0 21.6px 54px rgba(18,25,42,.18) }
.savings-results :focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline-color: #b8ccdf }
@media (max-width: 700px) { .savings-section.is-stepped .savings-stepbar:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #606568 } }
@media (max-width: 700px) { .savings-stepbar button:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #121318 } }
@media (max-width: 700px) { .savings-step-progress i:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(18,19,24,.1) } }
@media (max-width: 700px) { .savings-inputs .savings-next:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-color: #121318; background: #121318; color: #fff; box-shadow: 0 5.4px 16.2px rgba(18,25,42,.16) } }
@media (max-width: 700px) { .savings-inputs .savings-next:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #24262d; border-color: #24262d } }
.faq-section:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: #f5f5f5; color: #121318 }
.faq-heading .kicker:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #606568 }
.faq-list:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .faq-item:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-color: rgba(18,19,24,.12) }
.faq-trigger:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #2a2e35 }
.faq-trigger:hover:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .faq-item.is-open .faq-trigger:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #121318 }
.faq-trigger:focus-visible:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { outline-color: #4455d6 }
.faq-plus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { border-color: rgba(18,19,24,.16); background: #fff }
.faq-item.is-open .faq-plus:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { background: rgba(18,19,24,.05); border-color: rgba(18,19,24,.24) }
.faq-answer p:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { color: #585d6c }
.agent-panel-kicker.is-switching:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *), .agent-panel-body.is-switching:where(#prodotto, #prodotto *, .integrations-section, .integrations-section *, #industries, #industries *, .clients-section, .clients-section *, .approach-section, .approach-section *, .savings-section, .savings-section *, .site-footer, .site-footer *, .security-section, .security-section *, .faq-section, .faq-section *, .peakcontrol-film-context, .peakcontrol-film-context *) { transform: none }

/* SVG text is measured in the drawing's own units, which the old zoom did not shrink:
   keep the footer wordmark as it was. */
.site-footer-wordmark text { font-size: 225px; stroke-width: 1; }
@media (max-width: 520px) { .site-footer-wordmark text { stroke-width: 1.4; } }

/* ERP logo bar under the integrations card (16/10/2026). Two copies of the list slide
   by exactly one copy, so the loop has no seam. Composited transform only, slow, paused
   on hover, and static for reduced motion. */
.erp-marquee { position: relative; overflow: hidden; margin: 44px 0 0; padding: 6px 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
.erp-marquee-track { display: flex; width: max-content; animation: erp-marquee 48s linear infinite; will-change: transform; }
.erp-marquee:hover .erp-marquee-track { animation-play-state: paused; }
.erp-marquee-list { display: flex; align-items: center; gap: 72px; margin: 0; padding: 0 36px; list-style: none; }
.erp-marquee-list li { flex: 0 0 auto; display: flex; align-items: center; height: 40px; }
.erp-marquee-list img { display: block; height: var(--logo-h, 26px); width: auto; filter: grayscale(1); opacity: .5; transition: opacity .25s ease, filter .25s ease; }
.erp-marquee-list li:hover img { filter: none; opacity: 1; }
.erp-marquee-word { gap: 10px; }
.erp-marquee-word span { font-size: 19px; font-weight: 500; letter-spacing: -.01em; color: #1d2229; opacity: .5; white-space: nowrap; transition: opacity .25s ease; }
.erp-marquee-word:hover span { opacity: .9; }
@keyframes erp-marquee { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
@media (max-width: 720px) { .erp-marquee { margin-top: 28px; } .erp-marquee-list { gap: 44px; padding: 0 22px; } .erp-marquee-list img { height: calc(var(--logo-h, 26px) * .8); } .erp-marquee-word span { font-size: 16px; } }
@media (prefers-reduced-motion: reduce) { .erp-marquee { -webkit-mask-image: none; mask-image: none; } .erp-marquee-track { animation: none; width: auto; } .erp-marquee-list { flex-wrap: wrap; justify-content: center; row-gap: 24px; } .erp-marquee-list[aria-hidden="true"] { display: none; } }
html[dir="rtl"] .erp-marquee-track { direction: ltr; }

/* One glass surface for the integration pills, their detail card and the card's tiles
   (16/10/2026). Each used to stack a white border, an inset highlight and an outer ring,
   which read as two nested shapes. Now: one tinted fill, one hairline edge in the accent,
   one inner top light and a soft drop shadow for depth. Appended after the scaled
   mirror rules so it wins inside the integrations section too. */
.integration-system,
.erp-detail,
.erp-workflow-icon,
.erp-detail-close {
  --glass-accent: 68,85,214;
  border: 1px solid rgba(var(--glass-accent),.16);
  background: linear-gradient(135deg,rgba(255,255,255,.80) 0%,rgba(255,255,255,.52) 48%,rgba(var(--glass-accent),.09) 100%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7),0 8px 22px rgba(39,44,88,.09),0 2px 5px rgba(56,64,116,.05);
}
.integration-system:nth-child(2n) { --glass-accent: 124,79,209; }
.integration-system::after { content: none; }
.integration-system:has(.integration-hit[aria-expanded="true"]) {
  border-color: rgba(var(--glass-accent),.42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7),0 10px 28px rgba(39,44,88,.14),0 2px 6px rgba(56,64,116,.06);
}
.erp-detail { background: linear-gradient(140deg,rgba(255,255,255,.88) 0%,rgba(247,248,252,.74) 50%,rgba(var(--glass-accent),.08) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.7),0 18px 50px rgba(23,38,68,.16); }
.erp-workflow-icon, .erp-detail-close { box-shadow: inset 0 1px 0 rgba(255,255,255,.7); }

/* Top bar (16/10/2026): Sign in is a plain text link, not a second pill next to
   Book a demo, and the language code carries a small chevron so it reads as a menu. */
.nav .nav-cta .btn.nav-signin,
.nav .nav-cta .btn.nav-signin:hover { border-color: transparent; background: transparent; box-shadow: none; padding-left: 10px; padding-right: 10px; }
.nav .nav-cta .btn.nav-signin { opacity: .82; }
.nav .nav-cta .btn.nav-signin:hover { opacity: 1; }
.language-trigger { display: inline-flex; align-items: center; justify-content: center; gap: 5px; }
.language-trigger::after { content: ""; width: 4px; height: 4px; margin-top: -2px; border-right: 1.2px solid currentColor; border-bottom: 1.2px solid currentColor; transform: rotate(45deg); opacity: .8; transition: transform .2s ease, margin .2s ease; }
.language-trigger[aria-expanded="true"]::after { transform: rotate(-135deg); margin-top: 2px; }
@media (prefers-reduced-motion: reduce) { .language-trigger::after { transition: none; } }

/* Book a demo form (16/10/2026): the fields, agent pills and consent box read as two
   nested shapes. The cause was the backdrop blur, which leaves a light halo just inside
   each edge on this grey glass. The fields now carry the glass themselves: a lighter
   translucent fill, one light edge, and a soft shadow below for depth. */
.demo-modal .demo-input, .demo-tag span, .demo-consent input {
  -webkit-backdrop-filter: none; backdrop-filter: none;
  background-image: linear-gradient(165deg,rgba(255,255,255,.5),rgba(255,255,255,.26));
  border-color: rgba(255,255,255,.6);
  box-shadow: 0 1px 2px rgba(13,15,23,.06),0 6px 16px rgba(13,15,23,.05);
}
.demo-modal .demo-select {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23585d6c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(165deg,rgba(255,255,255,.5),rgba(255,255,255,.26));
}
.demo-modal .demo-input:focus-visible { border-color: rgba(68,85,214,.5); box-shadow: 0 0 0 3px rgba(68,85,214,.18); }
.demo-tag input:checked + span { background-image: linear-gradient(165deg,rgba(68,85,214,.18),rgba(68,85,214,.08)); border-color: var(--blue); }
.demo-tag:hover span { border-color: var(--blue); }
.demo-tag input:focus-visible + span { box-shadow: 0 0 0 3px rgba(68,85,214,.25); }
.demo-consent input:checked { border-color: var(--ink); }
.demo-submit { box-shadow: 0 2px 8px rgba(42,63,104,.06); }
.demo-tag span { color: var(--ink); }
.demo-industry-other { display: block; width: 100%; margin: -2px 0 9px; }
.demo-industry-other[hidden] { display: none; }
.demo-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; }