:root {
  --navy-1000: #040b11;
  --navy-950: #07121c;
  --navy-900: #0c1b29;
  --navy-850: #102234;
  --navy-800: #13283a;
  --orange-500: #f58220;
  --orange-600: #dd6f13;
  --orange-100: #fff0e4;
  --white: #fff;
  --surface: #f4f6f8;
  --surface-2: #e9eef2;
  --border: #d9e0e6;
  --text: #14202a;
  --muted: #63717c;
  --green: #20c878;
  --container: min(1280px, calc(100vw - 64px));
  --shadow-xl: 0 32px 80px rgba(5, 16, 25, .22);
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --font: "Plus Jakarta Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --display: clamp(3.15rem, 5.7vw, 6.5rem);
  --h1: clamp(2.8rem, 5vw, 5.75rem);
  --h2: clamp(2.3rem, 3.9vw, 4.75rem);
  --h3: clamp(1.35rem, 1.8vw, 2rem);
  --lead: clamp(1.12rem, 1.45vw, 1.38rem);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
body { margin: 0; color: var(--text); background: var(--white); font-family: var(--font); font-size: 17px; line-height: 1.65; -webkit-font-smoothing: antialiased; overflow-x: clip; }
body.menu-open { overflow: hidden; }
img, svg { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid var(--orange-500); outline-offset: 4px; }
p, h1, h2, h3, h4, ul, ol { margin-top: 0; }
ul, ol { padding: 0; }
.container { width: var(--container); margin-inline: auto; }
.skip-link { position: fixed; z-index: 999; top: 12px; left: 12px; padding: 10px 16px; background: #fff; color: #000; transform: translateY(-150%); border-radius: 8px; }
.skip-link:focus { transform: none; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; color: var(--orange-500); font-size: .77rem; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 28px; height: 2px; background: currentColor; }
.h2, h2 { font-size: var(--h2); line-height: 1.04; letter-spacing: -.045em; }
.lead { max-width: 66ch; color: var(--muted); font-size: var(--lead); line-height: 1.65; }
.kicker { color: var(--muted); font-weight: 700; font-size: .86rem; letter-spacing: .1em; text-transform: uppercase; }
.text-orange { color: var(--orange-500); }
.section { position: relative; padding: clamp(92px, 10vw, 160px) 0; }
.section--surface { background: var(--surface); }
.section--dark { color: #fff; background: var(--navy-950); }
.section-head { display: grid; grid-template-columns: minmax(0, 7fr) minmax(280px, 4fr); gap: 8%; align-items: end; margin-bottom: clamp(48px, 7vw, 92px); }
.section-head h2 { margin: 0; max-width: 880px; }
.section-head p { margin-bottom: 4px; }
.rule { width: 100%; height: 1px; background: var(--border); }

.site-header { position: fixed; z-index: 100; inset: 0 0 auto; height: 130px; color: var(--navy-900); background: rgba(248,250,251,.96); box-shadow: 0 10px 34px rgba(5,16,25,.07); backdrop-filter: blur(16px); transition: background .3s, height .3s, box-shadow .3s; }
.site-header::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: rgba(19,40,58,.13); }
.site-header.header-solid { color: var(--navy-900); background: rgba(255,255,255,.97); }
.site-header.is-scrolled { height: 88px; color: var(--navy-900); background: rgba(255,255,255,.97); box-shadow: 0 14px 38px rgba(5,16,25,.11); backdrop-filter: blur(16px); }
.site-header__inner { display: flex; align-items: center; height: 100%; }
.site-logo { flex: 0 0 auto; display: flex; align-items: center; width: 230px; min-width: 230px; }
.site-logo img { width: 200px; height: auto; filter: none; transition: width .3s; }
.site-header.is-scrolled .site-logo img { width: 168px; filter: none; }
.site-nav { display: flex; align-items: center; justify-content: flex-end; gap: clamp(24px, 3vw, 46px); margin-left: auto; }
.site-nav__list { display: flex; align-items: center; gap: clamp(22px, 2.4vw, 38px); margin: 0; list-style: none; }
.site-nav__link { position: relative; padding: 28px 0; color: var(--navy-900); font-size: .91rem; font-weight: 800; }
.site-nav__link::after { content: ""; position: absolute; right: 0; bottom: 21px; left: 0; height: 2px; background: var(--orange-500); transform: scaleX(0); transform-origin: right; transition: transform .25s; }
.site-nav__link:hover, .site-nav__link[aria-current="page"] { color: var(--orange-600); }
.site-nav__link:hover::after, .site-nav__link[aria-current="page"]::after { transform: scaleX(1); transform-origin: left; }
.header-contact { display: flex; align-items: center; gap: 9px; padding-left: 24px; border-left: 1px solid rgba(19,40,58,.18); font-weight: 800; font-size: .85rem; opacity: .9; }
.header-contact a { transition: color .2s; }
.header-contact a:hover { color: var(--orange-600); }
.nav-toggle { display: none; width: 46px; height: 46px; margin-left: auto; border: 1px solid rgba(19,40,58,.22); color: currentColor; background: transparent; border-radius: 12px; cursor: pointer; }
.nav-toggle span { display: block; width: 20px; height: 2px; margin: 5px auto; background: currentColor; transition: transform .25s, opacity .25s; }
.nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.btn { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 12px; padding: 0 25px; border: 1px solid transparent; border-radius: 8px; font-size: .87rem; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; transition: transform .2s, background .2s, color .2s, border-color .2s, box-shadow .2s; cursor: pointer; }
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0); }
.btn--primary { color: #fff; background: var(--orange-500); box-shadow: 0 12px 30px rgba(245,130,32,.24); }
.btn--primary:hover { background: var(--orange-600); box-shadow: 0 16px 36px rgba(245,130,32,.32); }
.btn--outline { color: #fff; border-color: rgba(255,255,255,.42); background: rgba(7,18,28,.14); }
.btn--outline:hover { border-color: #fff; background: rgba(255,255,255,.08); }
.btn--dark { color: #fff; background: var(--navy-900); }
.btn--dark:hover { background: var(--navy-800); }
.btn-arrow { font-size: 1.15em; line-height: 1; transition: transform .2s; }
.btn:hover .btn-arrow { transform: translate(2px, -2px); }

.hero { position: relative; min-height: 900px; padding-top: 130px; color: #fff; background: var(--navy-950); overflow: hidden; }
.hero::before { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(4,11,17,.98) 0%, rgba(6,17,27,.94) 34%, rgba(7,18,28,.46) 62%, rgba(7,18,28,.12) 100%), linear-gradient(0deg, rgba(4,11,17,.85), transparent 44%); }
.hero::after { content: ""; position: absolute; z-index: 3; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(90deg,#000,transparent 72%); }
.hero__photo { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; }
.hero__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero__inner { position: relative; z-index: 5; display: grid; grid-template-columns: minmax(0, 6.2fr) minmax(0, 5.8fr); min-height: 770px; align-items: center; }
.hero__content { max-width: 760px; padding: 82px 0 180px; }
.hero__content h1 { margin-bottom: 26px; font-size: var(--display); line-height: .98; letter-spacing: -.065em; }
.hero-line { display: block; }
.hero__lead { max-width: 650px; margin-bottom: 36px; color: #c5d0d9; font-size: clamp(1.08rem,1.4vw,1.35rem); line-height: 1.62; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hero__proof { display: flex; gap: 28px; margin-top: 38px; color: #d6dee4; font-size: .84rem; font-weight: 700; }
.hero__proof span { display: flex; align-items: center; gap: 9px; }
.hero__proof i { width: 8px; height: 8px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 5px rgba(32,200,120,.12); }
.hero-product { position: absolute; z-index: 6; right: max(32px, calc((100vw - 1280px)/2)); bottom: -68px; width: min(650px, 47vw); }
.browser-frame { position: relative; overflow: hidden; background: #fff; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; box-shadow: 0 36px 90px rgba(0,0,0,.45); }
.browser-frame__bar { display: flex; align-items: center; gap: 7px; height: 42px; padding: 0 17px; color: #9aa5af; background: #132233; font-size: .65rem; }
.browser-frame__bar i { width: 8px; height: 8px; background: #ff766b; border-radius: 50%; }
.browser-frame__bar i:nth-child(2) { background: #ffba4a; }
.browser-frame__bar i:nth-child(3) { background: #2bce72; }
.browser-frame__url { margin-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.browser-frame img { width: 100%; height: auto; }
.hero-phone { position: absolute; right: -36px; bottom: -18px; width: 190px; height: 382px; overflow: hidden; background: #0b1119; border: 7px solid #121b25; border-radius: 35px; box-shadow: 0 24px 60px rgba(0,0,0,.5); transform: rotate(3deg); }
.hero-phone img { width: 100%; height: 100%; object-fit: cover; object-position: 67% 18%; }
.status-pill { position: absolute; right: 110px; bottom: 72px; display: flex; align-items: center; gap: 10px; padding: 12px 17px; color: var(--text); background: #fff; border-radius: 12px; box-shadow: 0 18px 46px rgba(0,0,0,.22); font-size: .74rem; font-weight: 800; }
.status-pill::before { content: ""; width: 9px; height: 9px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 5px rgba(32,200,120,.12); }

.capabilities { position: relative; z-index: 8; padding: clamp(110px, 10vw, 170px) 0; overflow: hidden; background: #eef2f5; }
.capabilities::before { content: ""; position: absolute; inset: 0; opacity: .48; background-image: linear-gradient(rgba(19,40,58,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(19,40,58,.06) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(90deg,#000,transparent 58%); pointer-events: none; }
.capabilities__layout { position: relative; display: grid; grid-template-columns: minmax(0,6.4fr) minmax(380px,5.1fr); gap: clamp(60px,8vw,120px); align-items: start; }
.capabilities__statement { position: sticky; top: 120px; padding-right: clamp(0px,2vw,34px); }
.capabilities__statement::after { content: "F / 03"; position: absolute; z-index: -1; top: -82px; right: 0; color: rgba(12,27,41,.045); font-size: clamp(7rem,13vw,12rem); font-weight: 800; letter-spacing: -.08em; white-space: nowrap; }
.capabilities__statement h2 { max-width: 760px; margin-bottom: 30px; font-size: clamp(3rem,5vw,5.7rem); line-height: .98; letter-spacing: -.06em; }
.capabilities__statement .lead { max-width: 610px; }
.capabilities__route { position: relative; max-width: 620px; margin-top: 58px; padding: 22px 0 16px; border-top: 1px solid rgba(19,40,58,.16); border-bottom: 1px solid rgba(19,40,58,.16); }
.capabilities__route svg { width: 100%; height: auto; overflow: visible; }
.capabilities__route path { fill: none; stroke: var(--navy-800); stroke-width: 1.5; stroke-dasharray: 5 6; }
.capabilities__route circle { fill: var(--orange-500); stroke: #eef2f5; stroke-width: 5; }
.capabilities__route-labels { display: flex; justify-content: space-between; margin-top: 5px; color: var(--muted); font-size: .61rem; font-weight: 800; letter-spacing: .16em; }
.capabilities__list { border-top: 1px solid rgba(19,40,58,.18); }
.capability { position: relative; display: grid; grid-template-columns: 76px 1fr; gap: 18px; padding: 38px 0 36px; border-bottom: 1px solid rgba(19,40,58,.18); transition: transform .25s, border-color .25s; }
.capability::before { content: ""; position: absolute; top: 46px; left: -5px; width: 9px; height: 9px; background: var(--orange-500); border: 4px solid #eef2f5; border-radius: 50%; box-shadow: 0 0 0 1px rgba(245,130,32,.45); }
.capability:hover { border-color: var(--orange-500); transform: translateX(8px); }
.capability__number { padding-left: 18px; color: var(--orange-500); font-size: .72rem; font-weight: 800; letter-spacing: .15em; }
.capability__tag { display: block; margin-bottom: 7px; color: var(--muted); font-size: .67rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.capability h3 { margin-bottom: 10px; font-size: clamp(1.55rem,2.2vw,2.25rem); line-height: 1.08; letter-spacing: -.04em; }
.capability p { max-width: 500px; margin: 0; color: var(--muted); font-size: .94rem; }
.capability__meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 20px; color: var(--navy-800); font-size: .67rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.capability__meta span { position: relative; }
.capability__meta span + span::before { content: ""; position: absolute; top: 50%; left: -11px; width: 3px; height: 3px; background: var(--orange-500); border-radius: 50%; }

.platform-stage { background: linear-gradient(180deg,#f6f8fa 0%,#fff 100%); }
.platform-title-line { display: block; }
.platform-layout { display: grid; grid-template-columns: minmax(260px, 3.2fr) minmax(0, 8.8fr); gap: clamp(38px,6vw,92px); align-items: start; }
.stack-gap { margin-top: 34px; }
.lead--on-dark { color: #aebcc7; }
.lead--narrow { max-width: 62ch; }
.story-steps { position: sticky; top: 120px; margin: 0; padding: 25px 26px 25px 30px; list-style: none; background: rgba(255,255,255,.82); border: 1px solid var(--border); border-radius: 16px; box-shadow: 0 20px 54px rgba(7,18,28,.08); backdrop-filter: blur(10px); }
.story-steps::before { content: ""; position: absolute; top: 48px; bottom: 48px; left: 49px; width: 1px; background: linear-gradient(var(--orange-500), rgba(245,130,32,.15)); }
.story-step { position: relative; display: grid; grid-template-columns: 40px 1fr; grid-template-rows: auto auto; column-gap: 16px; min-height: 92px; padding: 17px 0; border-bottom: 1px solid rgba(19,40,58,.1); }
.story-step:last-child { border-bottom: 0; }
.story-step span { position: relative; z-index: 1; grid-row: 1 / 3; display: grid; width: 40px; height: 40px; place-items: center; margin: 0; color: var(--orange-500); background: #fff; border: 1px solid rgba(245,130,32,.45); border-radius: 50%; box-shadow: 0 0 0 6px rgba(245,130,32,.07); font-size: .67rem; font-weight: 800; letter-spacing: .08em; transition: color .2s, background .2s, transform .2s; }
.story-step strong { align-self: end; display: block; font-size: 1.1rem; line-height: 1.2; }
.story-step small { align-self: start; display: block; margin-top: 5px; color: var(--muted); font-size: .74rem; line-height: 1.4; }
.story-step:hover span { color: #fff; background: var(--orange-500); transform: scale(1.06); }
.product-canvas { position: relative; padding: clamp(16px,2vw,30px); background: var(--navy-900); border-radius: var(--radius-lg); box-shadow: var(--shadow-xl); }
.product-canvas::before { content: "PLATAFORMA REAL · FORTAL"; display: block; margin-bottom: 18px; color: #9fb0be; font-size: .65rem; font-weight: 800; letter-spacing: .17em; }
.product-canvas .browser-frame { box-shadow: none; }
.callout { position: absolute; display: flex; gap: 10px; max-width: 210px; padding: 13px 15px; color: var(--text); background: #fff; border: 1px solid var(--border); border-radius: 10px; box-shadow: 0 14px 40px rgba(5,16,25,.2); font-size: .74rem; line-height: 1.35; }
.callout b { color: var(--orange-500); }
.callout--one { top: 20%; right: -40px; }
.callout--two { bottom: 10%; left: -42px; }

.operations-grid { display: grid; grid-template-columns: minmax(0,7fr) minmax(320px,5fr); gap: clamp(50px,7vw,110px); align-items: center; }
.operations-story h2 { font-size:clamp(2.8rem,3.2vw,3.55rem); }
.operations-title-line { display:block; white-space:nowrap; }
.editorial-photo { position: relative; min-height: 680px; overflow: hidden; border-radius: 0 var(--radius-lg) var(--radius-lg) 0; margin-left: calc((100vw - var(--container))/ -2); }
.editorial-photo picture { position: absolute; inset: 0; display: block; }
.editorial-photo picture, .editorial-photo img { width: 100%; height: 100%; }
.editorial-photo img { object-fit: cover; }
.editorial-photo::after { content: "OPERAÇÃO VISÍVEL / DECISÃO MAIS RÁPIDA"; position: absolute; right: 28px; bottom: 26px; padding: 10px 13px; color: #fff; background: rgba(7,18,28,.8); font-size: .66rem; font-weight: 800; letter-spacing: .12em; backdrop-filter: blur(8px); }
.feature-lines { margin: 40px 0 38px; list-style: none; }
.feature-line { display: grid; grid-template-columns: 52px 1fr; gap: 20px; padding: 22px 0; border-top: 1px solid var(--border); }
.feature-line:last-child { border-bottom: 1px solid var(--border); }
.feature-line__index { color: var(--orange-500); font-size: .75rem; font-weight: 800; }
.feature-line h3 { margin: 0 0 5px; font-size: 1.12rem; }
.feature-line p { margin: 0; color: var(--muted); font-size: .92rem; }

.ecosystem { background: var(--navy-950); color: #fff; overflow: hidden; }
.ecosystem::before { content: ""; position: absolute; inset: 0; opacity: .13; background: radial-gradient(circle at 1px 1px, #fff 1px, transparent 0); background-size: 32px 32px; mask-image: linear-gradient(90deg,transparent,#000,transparent); }
.ecosystem__grid { position: relative; display: grid; grid-template-columns: 5fr 7fr; gap: clamp(50px,8vw,120px); align-items: center; }
.app-device { position: relative; width: min(420px,80%); height: 660px; margin-left: auto; overflow: hidden; border: 10px solid #1b2c3b; border-radius: 48px; box-shadow: 0 40px 90px rgba(0,0,0,.5); }
.app-device img { width: 100%; height: 100%; object-fit: cover; object-position: 64% 14%; }
.app-device::after { content: ""; position: absolute; top: 12px; left: 50%; width: 30%; height: 19px; background: #05090d; border-radius: 12px; transform: translateX(-50%); }
.app-orbit { position: absolute; top: 14%; right: -40px; width: 140px; height: 140px; border: 1px solid rgba(245,130,32,.65); border-radius: 50%; }
.app-orbit::before, .app-orbit::after { content:""; position:absolute; border-radius:50%; }
.app-orbit::before { inset: 22px; border:1px solid rgba(255,255,255,.2); }
.app-orbit::after { top: 50%; left: -5px; width: 10px; height: 10px; background: var(--orange-500); }
.ecosystem h2 { max-width: 680px; }
.ecosystem .lead { color: #aebdca; }
.signal-list { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 44px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.14); }
.signal-item { padding: 24px; background: var(--navy-950); }
.signal-item b { display: block; margin-bottom: 5px; color: #fff; font-size: 1rem; }
.signal-item span { color: #90a2b1; font-size: .84rem; }

.machines-feature { position: relative; min-height: 790px; overflow: hidden; color: #fff; background: var(--navy-950); }
.machines-feature__photo { position: absolute; inset: 0; }
.machines-feature__photo img { width: 100%; height: 100%; object-fit: cover; }
.machines-feature::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(4,11,17,.12),rgba(4,11,17,.18) 42%,rgba(4,11,17,.96) 64%); }
.machines-feature__grid { position: relative; z-index: 2; display: grid; grid-template-columns: 7fr 5fr; min-height: 790px; align-items: center; }
.machines-feature__content { grid-column: 2; padding-left: clamp(30px,5vw,80px); }
.machines-feature__content .lead { color: #b7c3cd; }
.tech-labels { display: flex; flex-wrap: wrap; gap: 10px; margin: 32px 0 38px; }
.tech-label { padding: 8px 11px; border: 1px solid rgba(255,255,255,.22); color: #d8e1e7; background: rgba(7,18,28,.45); font-size: .68rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }

.safety-grid { display: grid; grid-template-columns: 5fr 7fr; gap: clamp(45px,7vw,100px); align-items: center; }
.safety-copy { padding: clamp(20px,3vw,40px) 0; }
.safety-flow { margin: 42px 0; list-style: none; }
.safety-flow li { display: grid; grid-template-columns: 112px 1fr; gap: 20px; padding: 18px 0; border-top: 1px solid var(--border); }
.safety-flow li:last-child { border-bottom: 1px solid var(--border); }
.safety-flow b { color: var(--orange-500); font-size: .75rem; letter-spacing: .12em; }
.safety-flow span { font-weight: 700; }
.safety-photo { position: relative; height: 700px; overflow: hidden; border-radius: var(--radius-lg) 0 0 var(--radius-lg); margin-right: calc((100vw - var(--container))/ -2); }
.safety-photo picture { position: absolute; inset: 0; display: block; }
.safety-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.safety-photo::after { content: "TECNOLOGIA A SERVIÇO DA PREVENÇÃO"; position: absolute; left: 26px; bottom: 26px; padding: 10px 13px; color: #fff; background: rgba(7,18,28,.82); font-size: .66rem; font-weight: 800; letter-spacing: .12em; }

.process { color: #fff; background: var(--navy-900); }
.process__grid { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 65px; border-top: 1px solid rgba(255,255,255,.18); }
.process-step { position: relative; padding: 40px 32px 0 0; }
.process-step::before { content: ""; position: absolute; top: -6px; left: 0; width: 11px; height: 11px; background: var(--orange-500); border-radius: 50%; box-shadow: 0 0 0 6px rgba(245,130,32,.14); }
.process-step span { display: block; margin-bottom: 28px; color: #8194a4; font-size: .71rem; font-weight: 800; letter-spacing: .14em; }
.process-step h3 { margin-bottom: 10px; font-size: 1.25rem; }
.process-step p { color: #9fb0be; font-size: .9rem; }
.process--light { color: var(--text); background: transparent; }
.process--light .process__grid { margin-top: 0; border-top-color: var(--border); }
.process--light .process-step span { color: var(--muted); }
.process--light .process-step p { color: var(--muted); }

.cta-final { position: relative; padding: clamp(100px,11vw,170px) 0; overflow: hidden; color: #fff; background: var(--orange-500); }
.cta-final::before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,transparent 0 60%,rgba(7,18,28,.12) 60%), repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.1) 80px); }
.cta-final__inner { position: relative; display: grid; grid-template-columns: 8fr 4fr; gap: 8%; align-items: end; }
.cta-final h2 { max-width: 900px; margin: 0; font-size: clamp(3rem,6vw,6.6rem); line-height: .95; color: var(--navy-950); }
.cta-final__actions { display: grid; gap: 12px; }
.cta-final .btn--outline { border-color: rgba(7,18,28,.5); color: var(--navy-950); background: transparent; }
.cta-final .btn--outline:hover { border-color: var(--navy-950); background: rgba(7,18,28,.08); }
.cta-final .btn--dark:hover { background: var(--navy-1000); }

.contact-strip { padding: 60px 0; background: #fff; }
.contact-strip__grid { display: grid; grid-template-columns: 4fr 3fr 3fr 2fr; align-items: center; }
.contact-strip__item { min-height: 72px; padding: 0 28px; border-left: 1px solid var(--border); }
.contact-strip__item:first-child { padding-left: 0; border-left: 0; }
.contact-strip__label { display: block; margin-bottom: 4px; color: var(--muted); font-size: .67rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.contact-strip__value { font-size: 1rem; font-weight: 800; }

.site-footer { padding: 80px 0 28px; color: #aab8c4; background: var(--navy-1000); }
.footer-grid { display: grid; grid-template-columns: 5fr 2fr 2fr 3fr; gap: 45px; padding-bottom: 64px; }
.footer-brand img {
  width: 220px;
  height: auto;
  margin-bottom: 24px;
  padding: 12px 18px 10px;
  object-fit: contain;
  background: #fff;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
  filter: none;
}
.footer-brand p { max-width: 350px; }
.site-footer h2 { margin-bottom: 20px; color: #fff; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; }
.footer-links { list-style: none; }
.footer-links li { margin-bottom: 9px; }
.footer-links a:hover { color: var(--orange-500); }
.footer-address { line-height: 1.8; }
.footer-bottom { display: flex; justify-content: space-between; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.12); font-size: .76rem; }

.whatsapp-float { position: fixed; z-index: 90; right: 24px; bottom: 22px; display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 18px; color: #fff; background: #18ba64; border-radius: 28px; box-shadow: 0 15px 34px rgba(13,80,45,.26); font-size: .82rem; font-weight: 800; transition: transform .2s, box-shadow .2s; }
.whatsapp-float:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(13,80,45,.32); }
.whatsapp-float svg { width: 20px; fill: currentColor; }

/* Internal pages */
.page-hero { position: relative; min-height: 650px; padding: 170px 0 90px; overflow: hidden; color: #fff; background: var(--navy-950); }
.page-hero::before { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(4,11,17,.98) 0%,rgba(7,18,28,.85) 48%,rgba(7,18,28,.2)); }
.page-hero__photo { position:absolute; inset:0; }
.page-hero__photo img { width:100%; height:100%; object-fit:cover; }
.page-hero__inner { position:relative; z-index:2; display:grid; grid-template-columns:7fr 5fr; align-items:end; min-height:390px; }
.page-hero h1 { max-width:900px; margin:0 0 28px; font-size:var(--h1); line-height:1; letter-spacing:-.055em; }
.page-hero .lead { color:#c1cdd6; }
.breadcrumb { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:34px; color:#9cafbd; font-size:.77rem; font-weight:700; }
.breadcrumb a:hover { color:#fff; }
.page-intro { padding:90px 0 40px; }
.page-intro__grid { display:grid; grid-template-columns:7fr 4fr; gap:10%; align-items:end; }
.page-intro h2 { margin-bottom:0; }
.intent-nav { position: sticky; top: 88px; z-index: 20; padding: 14px 0; background: rgba(255,255,255,.92); border-bottom: 1px solid var(--border); backdrop-filter: blur(12px); }
.intent-nav__list { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 0; list-style: none; }
.intent-nav a { color: var(--muted); font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; transition: color .2s; }
.intent-nav a:hover, .intent-nav a:focus-visible { color: var(--orange-600); }
.category-block { padding:90px 0; border-top:1px solid var(--border); scroll-margin-top: 120px; }
.category-grid { display:grid; grid-template-columns:4fr 8fr; gap:8%; }
.category-title { position:sticky; top:140px; align-self:start; }
.category-title span { color:var(--orange-500); font-size:.72rem; font-weight:800; letter-spacing:.13em; }
.category-title h2 { margin-top:16px; font-size:clamp(2rem,3vw,3.4rem); }
.category-title .lead { margin-top: 16px; }
.solution-feature { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--border); border:1px solid var(--border); }
.solution-item { min-height:230px; padding:34px; background:#fff; transition: background .2s; }
.solution-item:hover { background: #fbfcfd; }
.solution-item--wide { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:40px; min-height:280px; background:var(--navy-900); color:#fff; }
.solution-item--wide:hover { background: var(--navy-850); }
.solution-item__num { display:block; margin-bottom:38px; color:var(--orange-500); font-size:.7rem; font-weight:800; letter-spacing: .08em; }
.solution-item h3 { margin-bottom:10px; font-size:1.3rem; }
.solution-item p { color:var(--muted); font-size:.93rem; margin: 0; }
.solution-item--wide p { color:#aebcc7; }
.solution-rail { display: grid; gap: 0; border-top: 1px solid var(--border); }
.solution-rail .solution-item { display: grid; grid-template-columns: 72px 1fr minmax(0, 1.4fr); gap: 24px; align-items: start; min-height: 0; padding: 28px 0; border-bottom: 1px solid var(--border); background: transparent; }
.solution-rail .solution-item:hover { background: transparent; transform: none; }
.solution-rail .solution-item__num { margin-bottom: 0; padding-top: 4px; }
.solution-rail h3 { margin: 0; }
.solution-stack { display: grid; gap: 1px; background: var(--border); border: 1px solid var(--border); }
.solution-stack .solution-item { min-height: 0; }
.solution-stack .solution-item--lead { background: var(--navy-900); color: #fff; min-height: 220px; }
.solution-stack .solution-item--lead p { color: #aebcc7; }
.product-hero { padding-bottom:160px; background:var(--navy-950); }
.product-hero__copy { max-width:900px; padding-top:170px; color:#fff; }
.product-hero__copy h1 { margin-bottom:28px; font-size:var(--h1); line-height:1; letter-spacing:-.055em; }
.product-hero__copy .lead { color:#afbec9; }
.product-hero__stage { position:relative; margin-top:75px; padding:28px; background:#13283a; border-radius:var(--radius-lg); box-shadow:0 50px 100px rgba(0,0,0,.45); }
.product-hero__stage .browser-frame img { width:100%; }
.product-hero__phone { position:absolute; right:-18px; bottom:-52px; width:230px; height:470px; overflow:hidden; border:8px solid #101a25; border-radius:42px; box-shadow:0 32px 70px rgba(0,0,0,.5); }
.product-hero__phone img { width:100%; height:100%; object-fit:cover; object-position:67% 16%; }
.product-hero__label { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 16px; color: #9fb0be; font-size: .65rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.proof-band { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.proof-band div { padding:34px; border-right:1px solid var(--border); }
.proof-band div:last-child { border:0; }
.proof-band b { display:block; margin-bottom:6px; color:var(--orange-500); font-size:.78rem; text-transform:uppercase; letter-spacing:.1em; }
.proof-band span { font-weight:700; }
.info-path { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 48px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.12); }
.info-path article { padding: 28px 24px; background: rgba(7,18,28,.55); }
.info-path strong { display: block; margin-bottom: 8px; color: #fff; font-size: 1.05rem; }
.info-path span { color: #9fb0be; font-size: .88rem; line-height: 1.5; }
.info-path em { display: block; margin-bottom: 12px; color: var(--orange-500); font-style: normal; font-size: .68rem; font-weight: 800; letter-spacing: .12em; }
.machine-page-hero { min-height:850px; }
.machine-page-hero .page-hero__photo img { object-position:center; }
.machine-page-hero::before { background:linear-gradient(90deg,rgba(4,11,17,.08),rgba(4,11,17,.22) 48%,rgba(4,11,17,.96) 68%); }
.machine-page-hero .page-hero__inner { grid-template-columns:7fr 5fr; min-height:600px; }
.machine-page-hero .page-hero__copy { grid-column:2; }
.metric-list { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin-top:38px; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.15); }
.metric-list div { padding:18px; background:rgba(7,18,28,.72); }
.metric-list b { display:block; color:#fff; }
.metric-list span { color:#aebcc7; font-size:.77rem; }
.industrial-panel { position: relative; padding: clamp(48px, 6vw, 80px); color: #fff; background: var(--navy-950); border: 1px solid rgba(255,255,255,.08); overflow: hidden; }
.industrial-panel::before { content: ""; position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(255,255,255,.2) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.2) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(120deg, #000 20%, transparent 80%); pointer-events: none; }
.industrial-panel > * { position: relative; }
.industrial-panel h2 { max-width: 16ch; margin-bottom: 20px; font-size: clamp(2rem, 3.2vw, 3.4rem); }
.industrial-panel .lead { color: #aebcc7; }
.industrial-marks { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 36px; }
.industrial-marks span { padding: 9px 12px; border: 1px solid rgba(255,255,255,.2); color: #d4dee6; font-size: .68rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.machine-split { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(40px, 6vw, 90px); align-items: stretch; }
.machine-split .industrial-panel { min-height: 100%; }
.machine-spec { display: grid; gap: 0; }
.machine-spec article { display: grid; grid-template-columns: 56px 1fr; gap: 18px; padding: 28px 0; border-top: 1px solid var(--border); }
.machine-spec article:last-child { border-bottom: 1px solid var(--border); }
.machine-spec b { color: var(--orange-500); font-size: .72rem; letter-spacing: .1em; }
.machine-spec h3 { margin: 0 0 6px; font-size: 1.15rem; }
.machine-spec p { margin: 0; color: var(--muted); font-size: .92rem; }
.contact-page { padding:160px 0 100px; background:var(--surface); }
.contact-page__head { display:grid; grid-template-columns:7fr 5fr; gap:8%; margin-bottom:70px; }
.contact-page__head h1 { margin:0; font-size:var(--h1); line-height:1; letter-spacing:-.055em; }
.contact-layout { display:grid; grid-template-columns:5fr 7fr; background:#fff; box-shadow:var(--shadow-xl); }
.contact-info { padding:clamp(38px,5vw,70px); color:#fff; background:var(--navy-950); }
.contact-info h2 { font-size:clamp(2rem,3vw,3.4rem); }
.contact-info .lead { color:#aabac6; }
.contact-methods { margin:50px 0; list-style:none; }
.contact-methods li { padding:20px 0; border-top:1px solid rgba(255,255,255,.16); }
.contact-methods li:last-child { border-bottom:1px solid rgba(255,255,255,.16); }
.contact-methods span { display:block; margin-bottom: 6px; color:#7f94a4; font-size:.66rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.contact-methods a, .contact-methods address { color:#fff; font-size:1.05rem; font-weight:700; font-style:normal; line-height: 1.5; }
.contact-methods a:hover { color: var(--orange-500); }
.contact-form-wrap { padding:clamp(38px,5vw,70px); }
.contact-form-wrap h2 { font-size:clamp(2rem,3vw,3.3rem); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.field { margin-bottom:22px; }
.field--full { grid-column:1/-1; }
.field label { display:block; margin-bottom:8px; font-size:.78rem; font-weight:800; }
.field input, .field select, .field textarea { width:100%; min-height:54px; padding:13px 15px; border:1px solid var(--border); color:var(--text); background:#fbfcfd; border-radius:7px; outline:none; transition: border-color .2s, box-shadow .2s; }
.field textarea { min-height:130px; resize:vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color:var(--orange-500); box-shadow:0 0 0 3px rgba(245,130,32,.12); }
.field .is-invalid { border-color:#c94242; }
.field-error { display:block; min-height:18px; margin-top:5px; color:#b72f2f; font-size:.73rem; }
.form-status { display:none; margin:15px 0; padding:13px; background:#e8f8ef; color:#17683d; font-size:.83rem; border-radius: 6px; }
.form-status.is-visible { display:block; }
.form-note { margin: 0 0 22px; color: var(--muted); font-size: .78rem; line-height: 1.55; max-width: 56ch; }
.contact-local { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 36px; }
.contact-local span { padding: 8px 11px; border: 1px solid rgba(255,255,255,.18); color: #c5d1da; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }

[data-reveal] { opacity:0; transform:translateY(24px); transition:opacity .7s ease,transform .7s ease; }
[data-reveal].is-visible { opacity:1; transform:none; }

@media (max-width:1100px) {
  :root { --container:min(100% - 48px, 1000px); }
  .header-contact { display:none; }
  .hero { min-height:940px; }
  .hero__inner { grid-template-columns:1fr; min-height:760px; align-items:start; }
  .hero__content { padding-top:130px; max-width:680px; }
  .hero-product { right:24px; width:52vw; }
  .platform-layout { grid-template-columns:1fr; }
  .story-steps { position:static; display:grid; grid-template-columns:repeat(4,1fr); padding:16px; }
  .story-steps::before { display:none; }
  .story-step { min-height:120px; padding:16px 14px; border-right:1px solid rgba(19,40,58,.1); border-bottom:0; }
  .story-step:last-child { border-right:0; }
  .operations-grid, .safety-grid { gap:45px; }
  .footer-grid { grid-template-columns:2fr 1fr 1fr; }
  .footer-grid > :last-child { grid-column:1/-1; }
}

@media (max-width:820px) {
  :root { --container:calc(100vw - 36px); }
  body { font-size:16px; }
  .site-header, .site-header.is-scrolled, .site-header.header-solid { height:70px; backdrop-filter:none; }
  .site-logo { width:150px; min-width:150px; }
  .site-logo img { width:124px; }
  .site-nav { position:fixed; z-index:1; inset:70px 0 0; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:20px; overflow-y:auto; padding:30px max(24px, calc((100vw - 560px) / 2)); color:#fff; background:linear-gradient(145deg, #07121c 0%, #091d2d 55%, #050d15 100%); box-shadow:0 22px 50px rgba(3,10,16,.34); opacity:0; visibility:hidden; pointer-events:none; transform:translateX(104%); transition:transform .32s cubic-bezier(.2,.75,.25,1), opacity .2s ease, visibility 0s linear .32s; }
  .site-nav.is-open { opacity:1; visibility:visible; pointer-events:auto; transform:none; transition:transform .32s cubic-bezier(.2,.75,.25,1), opacity .2s ease; }
  .site-nav .btn { order:3; width:100%; margin-top:4px; }
  .site-nav__list { display:grid; width:100%; gap:0; margin:0; border-top:1px solid rgba(255,255,255,.14); }
  .site-nav__link { display:block; padding:19px 6px; border-bottom:1px solid rgba(255,255,255,.14); font-size:1.05rem; font-weight:800; color:#fff; transition:color .2s ease, padding-left .2s ease, background .2s ease; }
  .site-nav__link:hover, .site-nav__link:focus-visible { padding-left:14px; color:#fff; background:rgba(255,255,255,.07); }
  .site-nav__link:hover, .site-nav__link[aria-current="page"] { color: var(--orange-500); }
  .site-nav__link::after { display:none; }
  .site-nav .header-contact { display:flex; order:2; justify-content:center; width:100%; margin-top:auto; padding:15px 12px; border:1px solid rgba(255,255,255,.18); border-radius:10px; color:#fff; background:rgba(255,255,255,.06); font-size:.84rem; }
  .nav-toggle { position:relative; z-index:2; display:block; background:#fff; box-shadow:0 8px 20px rgba(4,11,17,.12); transition:background .2s ease, color .2s ease, border-color .2s ease; }
  .site-header .nav-toggle { border-color:rgba(19,40,58,.16); }
  .site-header .nav-toggle[aria-expanded="true"] { color:#fff; border-color:var(--orange-500); background:var(--orange-500); box-shadow:0 10px 24px rgba(245,130,32,.34); }
  .section { padding:86px 0; }
  .section-head { grid-template-columns:1fr; gap:24px; margin-bottom:50px; }
  .hero { min-height:auto; padding-bottom:330px; }
  .hero::before { background:linear-gradient(180deg,rgba(4,11,17,.98) 0%,rgba(7,18,28,.94) 52%,rgba(7,18,28,.5) 76%,rgba(4,11,17,.92) 100%); }
  .hero__photo img { object-position:62% center; }
  .hero__inner { display:block; min-height:auto; }
  .hero__content { padding:120px 0 45px; }
  .hero__content h1 { font-size:clamp(3rem,13vw,5rem); }
  .hero__proof { flex-direction:column; gap:12px; }
  .hero-product { right:18px; bottom:30px; left:18px; width:auto; }
  .hero-phone { right:-4px; bottom:-32px; width:120px; height:242px; border-width:5px; border-radius:24px; }
  .status-pill { right:72px; bottom:35px; }
  .capabilities__layout { grid-template-columns:1fr; gap:64px; }
  .capabilities__statement { position:static; padding-right:0; }
  .capabilities__statement h2 { max-width:680px; }
  .capabilities__route { max-width:100%; }
  .capabilities__list { margin-left:clamp(0px,6vw,70px); }
  .story-steps { grid-template-columns:1fr 1fr; }
  .story-step { min-height:110px; border-right:1px solid rgba(19,40,58,.1); border-bottom:1px solid rgba(19,40,58,.1); }
  .story-step:nth-child(even) { border-right:0; }
  .story-step:nth-last-child(-n+2) { border-bottom:0; }
  .callout { display:none; }
  .operations-grid, .safety-grid, .ecosystem__grid, .machines-feature__grid { grid-template-columns:1fr; }
  .editorial-photo { min-height:500px; margin:0; border-radius:var(--radius-lg); }
  .ecosystem__grid > :first-child { order:2; }
  .app-device { height:580px; margin-inline:auto; }
  .machines-feature { padding-bottom:0; }
  .machines-feature::after { background:linear-gradient(180deg,rgba(4,11,17,.88),rgba(4,11,17,.35) 55%,rgba(4,11,17,.95)); }
  .machines-feature__grid { min-height:760px; align-items:end; }
  .machines-feature__content { grid-column:1; padding:0 0 70px; }
  .safety-photo { height:520px; margin:0; border-radius:var(--radius-lg); }
  .process__grid { grid-template-columns:1fr 1fr; gap:45px 0; }
  .cta-final__inner { grid-template-columns:1fr; gap:42px; }
  .contact-strip__grid { grid-template-columns:1fr 1fr; gap:30px 0; }
  .contact-strip__item:nth-child(3) { padding-left:0; border-left:0; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-brand { grid-column:1/-1; }
  .page-hero__inner, .page-intro__grid, .category-grid { grid-template-columns:1fr; }
  .category-title { position:static; margin-bottom:35px; }
  .intent-nav { top: 70px; }
  .intent-nav__list { gap: 8px 18px; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; }
  .intent-nav a { white-space: nowrap; }
  .solution-rail .solution-item { grid-template-columns: 56px 1fr; }
  .solution-rail .solution-item p { grid-column: 2; }
  .machine-split { grid-template-columns: 1fr; }
  .product-hero__phone { width:150px; height:310px; }
  .info-path { grid-template-columns: 1fr; }
  .proof-band { grid-template-columns:1fr 1fr; }
  .proof-band div:nth-child(2) { border-right:0; }
  .machine-page-hero::before { background:linear-gradient(180deg,rgba(4,11,17,.28),rgba(4,11,17,.95) 65%); }
  .machine-page-hero .page-hero__inner { grid-template-columns:1fr; align-items:end; }
  .machine-page-hero .page-hero__copy { grid-column:1; }
  .contact-page__head, .contact-layout { grid-template-columns:1fr; }
}

@media (max-width:520px) {
  :root { --container:calc(100vw - 32px); --h2:clamp(2.2rem,10vw,3.2rem); }
  .btn { width:100%; padding-inline:18px; }
  .hero { padding-bottom:280px; }
  .hero__content { padding-top:105px; }
  .hero__content h1 { font-size:clamp(2.9rem,14vw,4.2rem); }
  .hero__actions { display:grid; }
  .hero-product { bottom:28px; }
  .browser-frame__bar { height:32px; }
  .hero-phone { width:100px; height:200px; right:0; bottom:-20px; }
  .status-pill { display:none; }
  .capabilities { padding:90px 0; }
  .capabilities__statement h2 { font-size:clamp(2.8rem,13vw,4.2rem); }
  .capabilities__statement::after { top:-40px; font-size:7rem; }
  .capabilities__route { margin-top:40px; }
  .capabilities__list { margin-left:0; }
  .capability { grid-template-columns:52px 1fr; gap:12px; padding:30px 0; }
  .capability__number { padding-left:16px; }
  .capability::before { top:38px; }
  .capability:hover { transform:none; }
  .platform-stage .section-head h2 { font-size:clamp(2rem,9vw,3rem); }
  .operations-story h2 { font-size:clamp(2.1rem,9.2vw,2.8rem); }
  .story-steps { grid-template-columns:1fr; }
  .story-step, .story-step:nth-child(even), .story-step:nth-last-child(-n+2) { min-height:96px; border-right:0; border-bottom:1px solid rgba(19,40,58,.1); }
  .story-step:last-child { border-bottom:0; }
  .product-canvas { padding:12px; border-radius:16px; }
  .editorial-photo { min-height:390px; }
  .signal-list { grid-template-columns:1fr; }
  .app-device { width:86%; height:510px; }
  .machines-feature__grid { min-height:700px; }
  .machines-feature__photo img { object-position:35% center; }
  .safety-flow li { grid-template-columns:90px 1fr; }
  .safety-photo { height:400px; }
  .process__grid { grid-template-columns:1fr; gap:35px; }
  .cta-final h2 { font-size:clamp(3rem,15vw,4.4rem); }
  .contact-strip__grid { grid-template-columns:1fr; }
  .contact-strip__item { padding:20px 0; border:0; border-top:1px solid var(--border); }
  .footer-grid { grid-template-columns:1fr; }
  .footer-brand, .footer-grid > :last-child { grid-column:auto; }
  .footer-bottom { display:grid; gap:8px; }
  .whatsapp-float { right:14px; bottom:14px; width:52px; padding:0; justify-content:center; }
  .whatsapp-float span { display:none; }
  .page-hero { min-height:610px; padding-top:130px; }
  .solution-feature, .solution-item--wide { grid-template-columns:1fr; }
  .solution-item--wide { grid-column:auto; }
  .product-hero__copy { padding-top:130px; }
  .product-hero__stage { margin-top:45px; padding:10px; }
  .product-hero__phone { right:-5px; bottom:-50px; width:105px; height:218px; border-width:5px; border-radius:24px; }
  .proof-band { grid-template-columns:1fr; }
  .proof-band div { border-right:0; border-bottom:1px solid var(--border); }
  .metric-list { grid-template-columns:1fr; }
  .contact-page { padding-top:120px; }
  .contact-page__head { margin-bottom:45px; }
  .contact-info, .contact-form-wrap { padding:34px 24px; }
  .form-grid { grid-template-columns:1fr; }
  .field--full { grid-column:auto; }
}

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