/* Reliable IT Networks — site styles
   Static build. Self-hosted Geist fonts + the original design's custom CSS.
   (The framework's `@import "tailwindcss"` was replaced with the reset below;
   the page uses no Tailwind utility classes, so nothing else is needed.) */

/* ---- Self-hosted Geist (variable) : latin + latin-ext ---- */
@font-face {
  font-family: 'Geist'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('/fonts/geist-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Geist'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('/fonts/geist-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Geist Mono'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('/fonts/geist-mono-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Geist Mono'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('/fonts/geist-mono-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --font-geist-sans: 'Geist', Arial, Helvetica, sans-serif;
  --font-geist-mono: 'Geist Mono', ui-monospace, SFMono-Regular, monospace;
}

/* ---- Reset (replaces Tailwind preflight) ---- */
*, *::before, *::after { box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd { margin: 0; }

:root {
  --navy: #081b35;
  --navy-2: #0c2340;
  --blue: #2f6be0;
  --cyan: #2fb6d6;
  --ice: #eef4f8;
  --line: #dbe4ec;
  --ink: #0c2340;
  --muted: #5f6f82;
  --white: #fff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #fff;
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.container { width: min(1180px, calc(100% - 64px)); margin: 0 auto; }
.section { padding: 120px 0; }

.site-header {
  position: relative;
  z-index: 20;
  height: 88px;
  padding: 0 max(32px, calc((100vw - 1180px) / 2));
  display: flex;
  align-items: center;
  gap: 44px;
  background: #fff;
  border-bottom: 1px solid rgba(12,35,64,.08);
}
.brand { margin-right: auto; }
.brand img { width: 205px; height: auto; }
.desktop-nav { display: flex; align-items: center; gap: 34px; }
.desktop-nav a { font-size: 14px; font-weight: 650; color: #33465c; transition: color .2s; }
.desktop-nav a:hover { color: var(--blue); }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 52px;
  padding: 0 24px;
  font-size: 13px;
  font-weight: 750;
  letter-spacing: .02em;
  transition: transform .2s, background .2s;
}
.button:hover { transform: translateY(-2px); }
.button-dark { color: #fff; background: var(--navy-2); }
.button-dark:hover { background: var(--blue); }
.button-primary { color: #fff; background: var(--blue); }
.button-primary:hover { background: #1e57c7; }
.mobile-menu { display: none; }

.hero {
  position: relative;
  overflow: hidden;
  min-height: 760px;
  color: #fff;
  background: var(--navy);
}
.hero-grid {
  position: absolute; inset: 0;
  opacity: .18;
  background-image: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
  background-size: 80px 80px;
  mask-image: linear-gradient(to right, #000, transparent 86%);
}
.hero-orb { position: absolute; border-radius: 50%; filter: blur(1px); }
.orb-one { width: 680px; height: 680px; right: -160px; top: -230px; background: radial-gradient(circle, rgba(47,107,224,.36), transparent 67%); }
.orb-two { width: 500px; height: 500px; left: 35%; bottom: -340px; background: radial-gradient(circle, rgba(47,182,214,.16), transparent 70%); }
.hero-inner {
  position: relative;
  z-index: 2;
  min-height: 650px;
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  align-items: center;
  gap: 70px;
  padding-top: 54px;
  padding-bottom: 65px;
}
.eyebrow {
  margin: 0 0 24px;
  display: flex; align-items: center; gap: 12px;
  color: var(--blue);
  font-family: var(--font-geist-mono), monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.eyebrow > span { width: 28px; height: 1px; background: currentColor; }
.eyebrow.light { color: #8ed7e9; }
.hero h1, h2 {
  margin: 0;
  font-family: var(--font-geist-sans), Arial, sans-serif;
  letter-spacing: -.055em;
  line-height: .98;
}
.hero h1 { max-width: 680px; font-size: clamp(54px, 5.5vw, 84px); font-weight: 620; }
.hero h1 em, .approach-copy h2 em { color: #75d2e7; font-style: normal; }
.hero-lead { max-width: 610px; margin: 34px 0 0; color: #b9c8d8; font-size: 18px; line-height: 1.65; }
.hero-actions { margin-top: 38px; display: flex; align-items: center; gap: 32px; }
.text-link { display: inline-flex; align-items: center; gap: 12px; color: #fff; font-size: 13px; font-weight: 650; }

.hardware-stage { position: relative; height: 520px; perspective: 1000px; }
.monitor { position: absolute; top: 60px; left: 70px; width: 360px; filter: drop-shadow(0 28px 30px rgba(0,0,0,.28)); transform: rotateY(-8deg) rotateX(2deg); }
.monitor-screen { padding: 10px; border-radius: 10px; background: linear-gradient(135deg,#dce6ed,#8999aa); }
.monitor-screen:after { content: ""; position: absolute; inset: 10px; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); pointer-events: none; }
.screen-bar { height: 26px; padding: 0 10px; display:flex; align-items:center; gap: 5px; background:#10294a; }
.screen-bar b { width: 5px; height:5px; border-radius:50%; background:#4f759a; }
.screen-content { height: 270px; padding: 42px 35px; background: radial-gradient(circle at 80% 20%,rgba(47,182,214,.3),transparent 32%), linear-gradient(145deg,#0c2340,#102e57); }
.screen-content span { color:#7dcfe2; font:700 9px var(--font-geist-mono),monospace; letter-spacing:.16em; }
.screen-content strong { display:block; margin-top:21px; color:#fff; font:560 28px/1.1 var(--font-geist-sans),sans-serif; }
.screen-line { width:70px; height:3px; margin-top:26px; background:var(--blue); }
.monitor-neck { width: 56px; height: 58px; margin:auto; background:linear-gradient(90deg,#82909d,#dbe3e7,#7f8b97); clip-path: polygon(22% 0,78% 0,100% 100%,0 100%); }
.monitor-base { width: 170px; height: 12px; margin:auto; border-radius:50%; background:linear-gradient(#d9e1e5,#687581); }
.laptop { position:absolute; width:260px; right:-10px; bottom:55px; transform: rotateY(-22deg) rotateZ(-2deg); filter:drop-shadow(0 25px 25px rgba(0,0,0,.3)); }
.laptop-screen { height:160px; display:flex; align-items:center; justify-content:center; border:8px solid #aab5be; border-radius:8px 8px 2px 2px; background:linear-gradient(145deg,#102b4e,#0a172b); }
.laptop-screen img { width:54px; opacity:.9; }
.laptop-base { height:12px; margin:0 -18px; border-radius:0 0 20px 20px; background:linear-gradient(#dce2e6,#707d88); }
.device-box { position:absolute; bottom:28px; width:85px; height:110px; border-radius:6px; background:linear-gradient(145deg,#eef3f6,#72808d); box-shadow:0 20px 25px rgba(0,0,0,.25); }
.box-one { left:40px; transform:rotateY(-20deg); }
.box-two { left:130px; height:80px; width:68px; background:linear-gradient(145deg,#263b50,#0b1725); }
.stage-label { position:absolute; z-index:3; padding:13px 16px; display:flex; align-items:center; gap:12px; border:1px solid rgba(255,255,255,.18); background:rgba(10,27,52,.82); backdrop-filter:blur(12px); box-shadow:0 12px 30px rgba(0,0,0,.2); }
.stage-label i { width:8px; height:8px; border-radius:50%; background:#42d9b0; box-shadow:0 0 0 5px rgba(66,217,176,.12); }
.stage-label span { color:#9db0c5; font:10px/1.45 var(--font-geist-mono),monospace; }
.stage-label strong { display:block; color:#fff; font-size:11px; }
.label-one { top:42px; right:-5px; }
.label-two { left:0; bottom:0; }
.trust-strip { position:relative; z-index:3; min-height:110px; display:flex; align-items:center; border-top:1px solid rgba(255,255,255,.12); background:rgba(5,18,36,.76); }
.trust-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.trust-inner p { color:#8194aa; font-size:12px; }
.trust-list { display:flex; align-items:center; gap:25px; color:#c8d3df; font:650 10px var(--font-geist-mono),monospace; letter-spacing:.12em; }
.trust-list i { width:3px; height:3px; border-radius:50%; background:var(--cyan); }

.intro-section { background:#fff; }
.intro-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:120px; align-items:end; }
h2 { font-size:clamp(44px,4.2vw,64px); font-weight:580; }
.intro-copy { padding-left:40px; border-left:1px solid var(--line); }
.intro-copy p { margin:0; color:var(--muted); font-size:17px; line-height:1.7; }
.intro-copy p + p { margin-top:18px; }

.solutions-section { padding-top:20px; background:#fff; }
.section-heading { margin-bottom:56px; display:flex; justify-content:space-between; align-items:end; gap:70px; }
.section-heading > p { max-width:380px; margin:0 0 6px; color:var(--muted); line-height:1.65; }
.solution-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.solution-card { position:relative; min-height:520px; padding:34px 40px 40px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; overflow:hidden; transition:background .25s, transform .25s; }
.solution-card:hover { z-index:2; background:#f7fafc; }
.card-top { display:flex; justify-content:space-between; color:#78899c; font:650 11px var(--font-geist-mono),monospace; }
.card-top b { color:var(--blue); font-size:20px; font-weight:400; }
.solution-art { position:relative; height:190px; margin:16px 0 28px; }
.solution-art div,.solution-art i,.solution-art b { position:absolute; display:block; }
.art-01 div { width:190px;height:120px;left:50%;top:24px;transform:translateX(-50%) rotateY(-12deg);border:7px solid #93a2af;border-radius:7px;background:linear-gradient(145deg,#0c2340,#26548c);box-shadow:0 22px 30px rgba(12,35,64,.16); }
.art-01 i { width:205px;height:8px;left:50%;top:144px;transform:translateX(-50%);border-radius:0 0 15px 15px;background:#b5c0c8; }
.art-01 b { width:44px;height:78px;right:40px;top:68px;border:5px solid #24384d;border-radius:6px;background:#dbe3e8; }
.art-02 div { width:100px;height:142px;left:50%;top:20px;transform:translateX(-50%);border-radius:8px;background:linear-gradient(145deg,#183754,#08182b);box-shadow:0 22px 35px rgba(12,35,64,.2); }
.art-02 div:before,.art-02 div:after { content:"";position:absolute;left:18px;right:18px;height:3px;background:#2f6be0;box-shadow:0 14px #33506c,0 28px #33506c,0 42px #2fb6d6,0 56px #33506c; }
.art-02 div:before { top:28px; }
.art-02 i,.art-02 b { width:10px;height:10px;border:2px solid #2f6be0;border-radius:50%;top:28px; }
.art-02 i { left:85px; }.art-02 b { right:85px; }
.art-03 div { width:180px;height:130px;left:50%;top:28px;transform:translateX(-50%) rotate(-4deg);border-radius:8px;background:linear-gradient(145deg,#eff4f7,#c4d0d9);box-shadow:0 22px 35px rgba(12,35,64,.16); }
.art-03 div:before { content:"M365";position:absolute;inset:18px;display:flex;align-items:center;justify-content:center;color:#fff;font:650 28px var(--font-geist-sans),sans-serif;background:linear-gradient(135deg,#2f6be0,#2fb6d6); }
.art-03 i { width:180px;height:130px;left:calc(50% + 18px);top:14px;z-index:-1;transform:translateX(-50%) rotate(4deg);border:1px solid #d1dbe3;border-radius:8px;background:#f9fbfc; }
.art-04 div { width:190px;height:120px;left:50%;top:38px;transform:translateX(-50%);border:2px solid #aab8c4;background:repeating-linear-gradient(0deg,#e6ecf0 0 18px,#cbd6de 19px 20px);box-shadow:0 22px 35px rgba(12,35,64,.13); }
.art-04 div:before { content:"RELIABLE IT";position:absolute;left:20px;top:22px;padding:7px 10px;color:#fff;background:#0c2340;font:700 9px var(--font-geist-mono),monospace;letter-spacing:.1em; }
.art-04 i { width:50px;height:80px;left:100px;top:80px;border-radius:5px;background:#17334f;box-shadow:0 15px 20px rgba(12,35,64,.2); }
.art-04 b { width:50px;height:80px;right:100px;top:80px;border-radius:5px;background:#2f6be0; }
.solution-card h3 { margin:0 0 14px; font:600 27px var(--font-geist-sans),sans-serif; letter-spacing:-.03em; }
.solution-card > p { max-width:470px; margin:0; color:var(--muted); line-height:1.65; }
.tags { margin-top:26px; display:flex; gap:8px; flex-wrap:wrap; }
.tags span { padding:7px 10px; border:1px solid var(--line); color:#607286; font:650 9px var(--font-geist-mono),monospace; letter-spacing:.07em; text-transform:uppercase; }

.ecosystem { padding:42px 0; background:var(--ice); border-top:1px solid var(--line);border-bottom:1px solid var(--line); }
.ecosystem-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.ecosystem p { max-width:220px; margin:0; color:#687a8d; font-size:12px; line-height:1.5; }
.brand-row { display:flex; align-items:center; gap:48px; color:#78889a; }
.brand-row span { font-size:18px; font-weight:700; letter-spacing:-.03em; }
.brand-row span:nth-child(2) { font-size:27px;font-style:italic; }
.brand-row span:nth-child(4) { font-weight:500; }

.audiences-section { color:#fff; background:var(--navy); }
.audience-intro { margin-bottom:65px; display:flex; align-items:end; justify-content:space-between; gap:70px; }
.audience-intro > p { max-width:400px; margin:0 0 5px; color:#9db0c4; line-height:1.7; }
.audience-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.15); border-left:1px solid rgba(255,255,255,.15); }
.audience-card { position:relative; min-height:440px; padding:32px 34px; border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15); }
.audience-card:hover { background:rgba(47,107,224,.09); }
.audience-number { color:#6e8196;font:650 10px var(--font-geist-mono),monospace; }
.audience-icon { position:relative; height:120px; margin:40px 0 35px; }
.audience-icon i { position:absolute; display:block; border:2px solid #6f8ba8; }
.audience-icon-1 i:nth-child(1) { width:110px;height:80px;left:50%;top:25px;transform:translateX(-50%); }
.audience-icon-1 i:nth-child(2) { width:44px;height:45px;left:50%;top:60px;transform:translateX(-50%);background:#102b4b; }
.audience-icon-1 i:nth-child(3) { width:120px;height:2px;left:50%;top:105px;transform:translateX(-50%);border:0;background:#2fb6d6; }
.audience-icon-2 i:nth-child(1) { width:120px;height:70px;left:50%;top:35px;transform:translateX(-50%); }
.audience-icon-2 i:nth-child(2) { width:65px;height:90px;left:50%;top:15px;transform:translateX(-50%);background:#102b4b; }
.audience-icon-2 i:nth-child(3) { width:8px;height:8px;left:calc(50% - 4px);top:32px;border-radius:50%;background:#2fb6d6;border:0;box-shadow:0 18px #2f6be0,0 36px #6f8ba8; }
.audience-icon-3 i:nth-child(1) { width:120px;height:75px;left:50%;top:30px;transform:translateX(-50%);clip-path:polygon(50% 0,100% 30%,92% 30%,92% 100%,8% 100%,8% 30%,0 30%); }
.audience-icon-3 i:nth-child(2) { width:8px;height:48px;left:calc(50% - 33px);top:56px;border:0;background:#6f8ba8;box-shadow:20px 0 #6f8ba8,40px 0 #6f8ba8,60px 0 #6f8ba8; }
.audience-icon-3 i:nth-child(3) { width:130px;height:2px;left:50%;top:105px;transform:translateX(-50%);border:0;background:#2fb6d6; }
.audience-label { margin:0 0 13px!important;color:#76cee1!important;font:700 10px var(--font-geist-mono),monospace!important;letter-spacing:.13em;text-transform:uppercase; }
.audience-card h3 { min-height:64px; margin:0 0 16px; font:580 25px/1.18 var(--font-geist-sans),sans-serif;letter-spacing:-.03em; }
.audience-card > p { margin:0;color:#96a9bd;font-size:14px;line-height:1.7; }

.approach-section { background:#f5f8fa; }
.approach-grid { display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center; }
.approach-copy > p:not(.eyebrow) { max-width:560px;margin:30px 0 0;color:var(--muted);font-size:17px;line-height:1.7; }
.approach-copy h2 em { color:var(--blue); }
.approach-points { margin-top:42px;display:grid;gap:22px; }
.approach-points div { padding-left:20px;border-left:2px solid var(--blue); }
.approach-points strong { display:block;margin-bottom:5px;font-size:14px; }
.approach-points span { color:#718196;font-size:13px; }
.process-panel { padding:42px;background:#fff;border:1px solid var(--line);box-shadow:0 25px 60px rgba(12,35,64,.08); }
.process-panel > p { margin:0 0 10px;color:#73869a;font:700 10px var(--font-geist-mono),monospace;letter-spacing:.14em; }
.process-step { padding:28px 0;display:grid;grid-template-columns:45px 1fr;gap:15px;border-bottom:1px solid var(--line); }
.process-step:last-child { border-bottom:0;padding-bottom:0; }
.process-step > span { color:var(--blue);font:700 10px var(--font-geist-mono),monospace; }
.process-step h3 { margin:0 0 7px;font:600 20px var(--font-geist-sans),sans-serif; }
.process-step p { margin:0;color:var(--muted);font-size:13px;line-height:1.55; }

.contact-section { position:relative;overflow:hidden;padding:110px 0;color:#fff;background:linear-gradient(115deg,#244fb3,#2f6be0 60%,#2c83c0); }
.contact-pattern { position:absolute;inset:0;opacity:.18;background-image:radial-gradient(circle,rgba(255,255,255,.65) 1px,transparent 1.5px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent,#000); }
.contact-inner { position:relative;z-index:2;display:grid;grid-template-columns:1fr 420px;gap:100px;align-items:center; }
.contact-inner > div > p:last-child { max-width:610px;margin:27px 0 0;color:#d9e5fb;font-size:17px;line-height:1.7; }
.contact-card { padding:38px;display:block;color:var(--ink);background:#fff;box-shadow:0 25px 55px rgba(7,29,72,.22);transition:transform .2s; }
.contact-card:hover { transform:translateY(-5px); }
.contact-card > span { color:var(--blue);font:700 10px var(--font-geist-mono),monospace;letter-spacing:.14em; }
.contact-card > strong { display:block;margin:35px 0 42px;font:590 27px/1.2 var(--font-geist-sans),sans-serif;letter-spacing:-.03em; }
.contact-card > b { padding-top:20px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:12px; }
.contact-card > b > span:last-child { color:var(--blue);font-size:18px; }

footer { padding:70px 0 28px;color:#fff;background:#07172c; }
.footer-top { padding-bottom:65px;display:grid;grid-template-columns:250px 1fr 1fr;gap:70px;border-bottom:1px solid rgba(255,255,255,.12); }
.footer-top > img { width:210px; }
.footer-top > p { margin:0;color:#9cb0c5;font:500 25px/1.35 var(--font-geist-sans),sans-serif; }
.footer-links { display:grid;grid-template-columns:1fr 1fr;gap:40px; }
.footer-links div { display:flex;flex-direction:column;gap:13px; }
.footer-links span { margin-bottom:8px;color:#5f7893;font:700 9px var(--font-geist-mono),monospace;letter-spacing:.15em; }
.footer-links a { color:#bcc9d6;font-size:13px; }
.footer-links a:hover { color:#fff; }
.footer-bottom { padding-top:27px;display:flex;justify-content:space-between;color:#647a92;font:10px var(--font-geist-mono),monospace;letter-spacing:.04em; }

@media (max-width: 1020px) {
  .desktop-nav { display:none; }
  .hero-inner { grid-template-columns:1fr; padding-top:90px; }
  .hardware-stage { width:min(560px,100%);margin:0 auto;height:500px; }
  .hero { min-height:auto; }
  .trust-inner { flex-direction:column;align-items:flex-start;padding:28px 0; }
  .trust-list { flex-wrap:wrap; }
  .intro-grid,.approach-grid { grid-template-columns:1fr;gap:60px; }
  .intro-copy { max-width:700px; }
  .ecosystem-inner { flex-direction:column;align-items:flex-start; }
  .brand-row { width:100%;justify-content:space-between;gap:20px;flex-wrap:wrap; }
  .contact-inner { grid-template-columns:1fr 370px;gap:50px; }
}

@media (max-width: 760px) {
  .container { width:min(100% - 40px,1180px); }
  .section { padding:80px 0; }
  .site-header { height:76px;padding:0 20px; }
  .brand img { width:170px; }
  .header-cta { display:none; }
  .mobile-menu { display:block; }
  .mobile-menu summary { width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;gap:6px;list-style:none;cursor:pointer; }
  .mobile-menu summary::-webkit-details-marker { display:none; }
  .mobile-menu summary span { width:24px;height:2px;background:var(--navy); }
  .mobile-menu nav { position:absolute;top:76px;left:0;right:0;padding:25px 20px;display:grid;gap:20px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 15px 30px rgba(12,35,64,.1); }
  .mobile-menu nav a { font-weight:650; }
  .hero-inner { min-height:auto;padding-top:72px;gap:25px; }
  .hero h1 { font-size:52px; }
  .hero-lead { font-size:16px; }
  .hero-actions { align-items:flex-start;flex-direction:column;gap:22px; }
  .hardware-stage { height:400px;transform:scale(.82);transform-origin:top center;margin-bottom:-40px; }
  .monitor { left:40px; }
  .trust-list { gap:12px; }
  .intro-grid { gap:42px; }
  .intro-copy { padding-left:20px; }
  .section-heading,.audience-intro { align-items:flex-start;flex-direction:column;gap:25px; }
  .solution-grid,.audience-grid { grid-template-columns:1fr; }
  .solution-card { min-height:500px;padding:28px 25px; }
  .ecosystem { padding:35px 0; }
  .brand-row { display:grid;grid-template-columns:repeat(2,1fr);gap:25px; }
  .audience-card { min-height:410px; }
  .approach-grid { gap:45px; }
  .process-panel { padding:28px 24px; }
  .contact-inner { grid-template-columns:1fr;gap:50px; }
  .contact-card { padding:30px 25px; }
  .footer-top { grid-template-columns:1fr;gap:38px;padding-bottom:45px; }
  .footer-bottom { align-items:flex-start;flex-direction:column;gap:12px; }
}

@media (max-width: 460px) {
  .hero h1 { font-size:44px; }
  h2 { font-size:40px; }
  .hardware-stage { margin-left:-35px;width:calc(100% + 70px); }
  .label-one { right:10px; }
  .label-two { left:20px; }
  .brand-row span { font-size:16px; }
  .contact-card > b { align-items:flex-start;flex-direction:column;gap:15px;overflow-wrap:anywhere; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none!important; }
}