:root {
  --navy: #071b36;
  --navy-2: #0a2647;
  --blue: #1552a1;
  --blue-2: #2870d2;
  --sky: #eaf3ff;
  --ink: #142033;
  --muted: #617086;
  --line: #dce5f0;
  --soft: #f4f7fb;
  --white: #fff;
  --red: #e3282e;
  --green: #19b70b;
  --orange: #ff8700;
  --radius: 20px;
  --shadow: 0 18px 55px rgba(11, 39, 75, .11);
  --container: min(1180px, calc(100vw - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; color: var(--ink); background: #fff; font-family: Inter, Aptos, "Segoe UI", Arial, sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, select { cursor: pointer; }
img { display: block; max-width: 100%; }
p { line-height: 1.72; }
h1, h2, h3, p { margin-top: 0; }
.container { width: var(--container); margin-inline: auto; }
.section { padding: 112px 0; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }

.topbar { height: 38px; background: var(--navy); color: #b9c8dc; font-size: 12px; }
.topbar-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.topbar-contact { display: flex; align-items: center; gap: 14px; }
.topbar-contact p { margin: 0; line-height: 1; }
.topbar-contact span { width: 3px; height: 3px; border-radius: 50%; background: #526984; }
.topbar a:hover { color: #fff; }
.support-link { display: flex; align-items: center; gap: 7px; color: #fff; font-weight: 700; }

.header { height: 82px; position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(220,229,240,.85); backdrop-filter: blur(16px); }
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.brand { width: 150px; height: 76px; display: flex; flex: 0 0 auto; align-items: center; overflow: visible; }
.brand img { width: 142px; height: 74px; object-fit: contain; }
.nav { display: flex; align-items: center; gap: 28px; margin-left: auto; margin-right: 28px; }
.nav a { position: relative; color: #29384d; font-size: 14px; font-weight: 650; padding: 31px 0; white-space: nowrap; }
.nav a::after { content: ''; position: absolute; height: 2px; left: 0; right: 100%; bottom: 21px; background: var(--blue); transition: .25s ease; }
.nav a:hover { color: var(--blue); }
.nav a:hover::after { right: 0; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.language select { appearance: none; min-width: 60px; height: 42px; padding: 0 24px 0 12px; color: #314056; background: #f2f6fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6'%3E%3Cpath d='m1 1 3.5 3.5L8 1' fill='none' stroke='%23314056' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat calc(100% - 10px) 50%; border: 1px solid #e0e8f1; border-radius: 10px; font-size: 12px; font-weight: 800; }
.btn { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 24px; border: 1px solid var(--blue); border-radius: 12px; color: #fff; background: var(--blue); box-shadow: 0 12px 28px rgba(21,82,161,.22); font-weight: 750; font-size: 14px; transition: transform .22s ease, box-shadow .22s ease, background .22s ease; }
.btn:hover { transform: translateY(-2px); background: #0d448d; box-shadow: 0 16px 34px rgba(21,82,161,.3); }
.btn-small { min-height: 42px; padding: 0 16px; border-radius: 10px; font-size: 12px; }
.btn-ghost { color: var(--ink); background: rgba(255,255,255,.72); border-color: #cad6e5; box-shadow: none; }
.btn-ghost:hover { color: var(--blue); background: #fff; box-shadow: 0 10px 25px rgba(20,32,51,.08); }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 0; border-radius: 10px; background: #edf3fa; }
.menu-toggle i { width: 100%; height: 2px; display: block; margin: 4px 0; background: var(--navy); transition: .2s; }

.hero { min-height: 720px; position: relative; overflow: hidden; padding: 90px 0 0; background: radial-gradient(circle at 77% 40%, rgba(64,136,228,.16), transparent 29%), linear-gradient(135deg, #f7faff 0%, #fff 47%, #eff6ff 100%); }
.hero::before { content: ''; position: absolute; width: 520px; height: 520px; right: -300px; top: -280px; border: 90px solid rgba(227,40,46,.025); border-radius: 50%; }
.hero-grid, .ts-pattern { position: absolute; inset: 0; opacity: .28; pointer-events: none; background-image: linear-gradient(rgba(31,87,153,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(31,87,153,.09) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg, transparent 25%, #000 100%); }
.hero-inner { min-height: 488px; position: relative; z-index: 2; display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; gap: 70px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; color: #8ec2ff; font-size: 11px; font-weight: 850; letter-spacing: .14em; line-height: 1.4; }
.eyebrow > span { width: 28px; height: 2px; display: inline-block; background: var(--orange); }
.eyebrow.dark { color: var(--blue); }
.eyebrow.center { justify-content: center; }
.hero .eyebrow { color: var(--blue); }
.hero-copy h1 { max-width: 710px; margin-bottom: 24px; color: var(--navy); font-size: clamp(44px, 4.5vw, 70px); line-height: 1.02; letter-spacing: -.048em; }
.hero-lead { max-width: 660px; margin-bottom: 32px; color: #52647b; font-size: 18px; line-height: 1.68; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.hero-note { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 26px; color: #687a90; font-size: 12px; font-weight: 650; }
.hero-note a { color: var(--blue); }
.pulse { position: relative; width: 8px; height: 8px; border-radius: 50%; background: #22b36b; }
.pulse::after { content: ''; position: absolute; inset: -4px; border: 1px solid #22b36b; border-radius: 50%; animation: pulse 1.8s ease infinite; }
@keyframes pulse { 0%,100% { transform: scale(.6); opacity: 0; } 40% { transform: scale(1); opacity: .7; } }

.hero-visual { position: relative; height: 460px; transform: perspective(900px) rotateY(-3deg); }
.visual-glow { position: absolute; width: 320px; height: 320px; left: 50%; top: 50%; border-radius: 50%; background: rgba(39,115,214,.16); filter: blur(50px); transform: translate(-50%,-50%); }
.infra-card { position: absolute; display: flex; align-items: center; gap: 13px; background: rgba(255,255,255,.95); border: 1px solid rgba(190,207,229,.85); border-radius: 15px; box-shadow: 0 18px 48px rgba(16,55,99,.14); }
.infra-card strong, .infra-card small { display: block; }
.infra-card strong { color: var(--navy); font-size: 13px; }
.infra-card small { margin-top: 3px; color: #78899e; font-size: 10px; }
.main-node { z-index: 4; width: 240px; left: calc(50% - 120px); top: calc(50% - 40px); padding: 18px; border-color: rgba(41,112,210,.35); }
.node-icon { width: 46px; height: 46px; display: grid; place-items: center; flex: 0 0 46px; color: #fff; border-radius: 12px; background: linear-gradient(135deg, var(--blue), #3d88e9); }
.live-dot { width: 8px; height: 8px; margin-left: auto; border-radius: 50%; background: #1ec873; box-shadow: 0 0 0 5px rgba(30,200,115,.12); }
.satellite { z-index: 3; width: 168px; padding: 14px; color: var(--blue); }
.satellite .icon { flex: 0 0 auto; }
.sat-a { left: 5px; top: 55px; }.sat-b { right: 2px; top: 80px; }.sat-c { left: 0; bottom: 62px; }.sat-d { right: 8px; bottom: 40px; }
.connector { position: absolute; z-index: 1; height: 1px; width: 180px; left: calc(50% - 90px); top: 50%; background: linear-gradient(90deg, transparent, rgba(30,103,197,.45), transparent); transform-origin: center; }
.connector-a { transform: rotate(42deg) translateX(-125px); }.connector-b { transform: rotate(-38deg) translateX(124px); }.connector-c { transform: rotate(-43deg) translateX(-125px); }.connector-d { transform: rotate(42deg) translateX(127px); }
.uptime-card { position: absolute; z-index: 5; width: 144px; left: calc(50% - 72px); top: 25px; padding: 13px 14px; background: var(--navy); color: #fff; border-radius: 14px; box-shadow: var(--shadow); }
.uptime-card span, .uptime-card strong { display: block; font-size: 10px; }.uptime-card span { color: #8fa8c5; margin-top: 9px; }.uptime-card strong { margin-top: 3px; font-size: 12px; }
.mini-chart { height: 30px; display: flex; align-items: flex-end; gap: 5px; }.mini-chart i { flex: 1; min-height: 4px; border-radius: 2px; background: #2b71c9; }.mini-chart i:nth-child(1){height:35%}.mini-chart i:nth-child(2){height:55%}.mini-chart i:nth-child(3){height:44%}.mini-chart i:nth-child(4){height:72%}.mini-chart i:nth-child(5){height:58%}.mini-chart i:nth-child(6){height:90%;background:#28c27b}.mini-chart i:nth-child(7){height:75%}

.trust-strip { position: relative; z-index: 5; margin-top: 62px; display: grid; grid-template-columns: repeat(4,1fr); background: #fff; border: 1px solid #e5ebf2; border-radius: 18px 18px 0 0; box-shadow: 0 -8px 35px rgba(18,51,91,.05); }
.trust-strip > div { min-height: 112px; display: flex; align-items: center; justify-content: center; gap: 15px; padding: 20px; border-right: 1px solid #e5ebf2; }
.trust-strip > div:last-child { border-right: 0; }
.trust-strip strong { color: var(--blue); font-size: 26px; letter-spacing: -.04em; }
.trust-strip p { max-width: 124px; margin: 0; color: #52647b; font-size: 12px; font-weight: 700; line-height: 1.4; }
.trust-symbol { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: var(--blue); font-size: 11px; font-weight: 900; }
.trust-2 { background: var(--green); }.trust-3 { background: var(--orange); }

.split-heading { display: grid; grid-template-columns: 1.2fr .8fr; gap: 90px; align-items: end; margin-bottom: 52px; }
.split-heading h2, .centered-heading h2, .sectors-copy h2, .about-copy h2, .contact-copy h2, .ts-copy h2 { margin-bottom: 0; color: var(--navy); font-size: clamp(35px, 3.6vw, 54px); line-height: 1.08; letter-spacing: -.04em; }
.split-heading > p { margin: 0 0 5px; color: var(--muted); font-size: 16px; }
.challenge-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.challenge-card { min-height: 240px; padding: 30px 26px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; transition: .25s ease; }
.challenge-card:hover { transform: translateY(-5px); border-color: #b8cdea; box-shadow: var(--shadow); }
.challenge-card > span { display: block; margin-bottom: 47px; color: var(--blue); font-size: 12px; font-weight: 850; letter-spacing: .12em; }
.challenge-card h3 { margin-bottom: 12px; color: var(--navy); font-size: 18px; }
.challenge-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }

.solutions-section { background: var(--soft); }
.centered-heading { max-width: 770px; margin: 0 auto 56px; text-align: center; }
.centered-heading h2 { margin-bottom: 20px; }
.centered-heading > p { max-width: 620px; margin: 0 auto; color: var(--muted); font-size: 16px; }
.solution-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.solution-card { min-height: 352px; padding: 28px 26px; display: flex; flex-direction: column; background: #fff; border: 1px solid #e2e9f2; border-radius: var(--radius); transition: .25s ease; }
.solution-card:hover { transform: translateY(-7px); box-shadow: var(--shadow); }
.solution-icon { width: 50px; height: 50px; display: grid; place-items: center; margin-bottom: 30px; border-radius: 14px; color: var(--blue); background: #eaf2fe; }
.accent-1 { color: var(--red); background: #feeeee; }.accent-2 { color: #16a60b; background: #edfbea; }.accent-3 { color: var(--orange); background: #fff4e6; }
.solution-card h3 { min-height: 46px; margin-bottom: 15px; color: var(--navy); font-size: 19px; line-height: 1.28; }
.solution-card p { margin-bottom: 24px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.solution-card a, .text-link { display: flex; align-items: center; gap: 8px; margin-top: auto; color: var(--blue); font-size: 12px; font-weight: 800; }

.ai-section { position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 82% 28%, rgba(56,137,241,.2), transparent 28%), linear-gradient(135deg, #06172e 0%, #0a2b55 100%); }
.ai-section::before { content: ''; position: absolute; inset: 0; opacity: .2; background-image: radial-gradient(rgba(110,174,255,.6) 1px, transparent 1px); background-size: 27px 27px; mask-image: linear-gradient(90deg, transparent, #000); }
.ai-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .92fr 1.08fr; gap: 82px; align-items: center; margin-bottom: 65px; }
.ai-copy h2, .maintenance-copy h2, .digital-copy h2 { margin-bottom: 24px; color: #fff; font-size: clamp(38px, 3.7vw, 56px); line-height: 1.08; letter-spacing: -.04em; }
.ai-copy > p { margin-bottom: 32px; color: #bed0e5; font-size: 17px; line-height: 1.8; }
.ai-console { min-height: 420px; position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 24px; background: rgba(4,18,37,.78); box-shadow: 0 28px 80px rgba(0,0,0,.25); backdrop-filter: blur(12px); }
.console-head { height: 54px; display: flex; align-items: center; gap: 7px; padding: 0 18px; border-bottom: 1px solid rgba(255,255,255,.1); color: #91a8c2; }
.console-head span { width: 8px; height: 8px; border-radius: 50%; background: #e54a4f; }.console-head span:nth-child(2){background:#ffae35}.console-head span:nth-child(3){background:#27c778}.console-head strong { margin-left: auto; font-size: 12px; letter-spacing: .08em; }
.agent-core { position: absolute; width: 180px; height: 180px; left: calc(50% - 90px); top: 106px; display: grid; place-items: center; }
.agent-orbit { position: absolute; border: 1px solid rgba(92,163,255,.35); border-radius: 50%; }.orbit-one { inset: 0; animation: spin 14s linear infinite; }.orbit-two { inset: 22px; border-style: dashed; animation: spin 10s linear infinite reverse; }
.orbit-one::before, .orbit-two::before { content: ''; position: absolute; width: 8px; height: 8px; top: -4px; left: 50%; border-radius: 50%; background: #64a9ff; box-shadow: 0 0 14px #64a9ff; }
.agent-brain { z-index: 2; width: 92px; height: 92px; display: grid; place-items: center; color: #fff; border: 1px solid rgba(255,255,255,.2); border-radius: 24px; background: linear-gradient(145deg, #1552a1, #2870d2); box-shadow: 0 16px 40px rgba(28,103,201,.35); }
.agent-brain strong { font-size: 10px; letter-spacing: .09em; }
.agent-node { position: absolute; width: 145px; padding: 14px; color: #fff; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.07); }
.agent-node span, .agent-node strong, .agent-node small { display: block; }.agent-node span { margin-bottom: 8px; color: #69aaff; font-size: 9px; font-weight: 800; }.agent-node strong { font-size: 14px; }.agent-node small { margin-top: 4px; color: #8fa8c5; font-size: 10px; }
.node-mail { left: 22px; top: 83px; }.node-data { right: 22px; top: 83px; }.node-action { width: 170px; left: calc(50% - 85px); bottom: 24px; text-align: center; }
.agent-status { position: absolute; right: 20px; bottom: 24px; display: grid; grid-template-columns: auto 1fr; gap: 2px 8px; align-items: center; }.agent-status i { grid-row: span 2; width: 8px; height: 8px; border-radius: 50%; background: #28cb7c; box-shadow: 0 0 0 5px rgba(40,203,124,.1); }.agent-status span { color: #7f97b2; font-size: 9px; }.agent-status b { font-size: 10px; }
@keyframes spin { to { transform: rotate(360deg); } }
.feature-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.feature-grid article { min-height: 285px; padding: 26px 24px; border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: rgba(255,255,255,.06); }
.feature-grid article > span { color: #7092b8; font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.feature-icon { width: 45px; height: 45px; display: grid; place-items: center; margin: 30px 0 22px; color: #83baff; border-radius: 12px; background: rgba(59,132,226,.15); }
.feature-grid h3 { margin-bottom: 13px; color: #fff; font-size: 19px; line-height: 1.35; }.feature-grid p { margin: 0; color: #a9bdd4; font-size: 14px; line-height: 1.72; }

.maintenance-section { background: #fff; }
.maintenance-intro { display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; align-items: center; margin-bottom: 60px; }
.maintenance-brand { min-height: 310px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 25px; border: 1px solid var(--line); border-radius: 26px; background: linear-gradient(145deg, #fff, #f4f7fb); box-shadow: var(--shadow); }
.doctor-logo { width: 100%; height: 205px; display: grid; place-items: center; overflow: hidden; }.doctor-logo img { width: 290px; height: auto; object-fit: contain; }
.maintenance-brand > span { margin-top: 8px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.maintenance-copy h2, .digital-copy h2 { color: var(--navy); }.maintenance-copy > p, .digital-copy > p { margin-bottom: 28px; color: var(--muted); font-size: 17px; line-height: 1.8; }
.maintenance-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 17px; }
.maintenance-grid article { position: relative; min-height: 310px; padding: 27px 24px; overflow: hidden; border: 1px solid var(--line); border-radius: 19px; background: var(--soft); transition: .25s; }
.maintenance-grid article:hover { transform: translateY(-5px); background: #fff; box-shadow: var(--shadow); }
.maintenance-number { position: absolute; right: 18px; top: 16px; color: #dce5f0; font-size: 32px; font-weight: 900; }
.maintenance-icon { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 32px; color: var(--red); border-radius: 14px; background: #feebec; }
.maintenance-grid article:nth-child(2) .maintenance-icon { color: var(--blue); background: #e8f1fd; }.maintenance-grid article:nth-child(3) .maintenance-icon { color: var(--green); background: #ecfaea; }.maintenance-grid article:nth-child(4) .maintenance-icon { color: var(--orange); background: #fff2e1; }
.maintenance-grid h3 { margin-bottom: 14px; color: var(--navy); font-size: 20px; line-height: 1.32; }.maintenance-grid p { color: var(--muted); font-size: 14px; line-height: 1.72; }
.service-state { position: absolute; left: 24px; bottom: 21px; display: flex; align-items: center; gap: 8px; color: #8190a2; font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }.service-state i { width: 7px; height: 7px; border-radius: 50%; background: #25bd71; }

.digital-section { background: #fff; }
.digital-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: 85px; align-items: center; }
.digital-copy .text-link { margin-top: 30px; font-size: 14px; }
.digital-products { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; box-shadow: var(--shadow); }
.digital-products article { min-height: 135px; display: grid; grid-template-columns: 30px 42px 1fr auto; gap: 15px; align-items: center; padding: 22px; border-bottom: 1px solid var(--line); background: #fff; transition: .2s; }
.digital-products article:nth-child(odd) { border-right: 1px solid var(--line); }.digital-products article:nth-child(n+5) { border-bottom: 0; }.digital-products article:hover { background: #f5f9ff; color: var(--blue); }
.digital-products article > span { color: #9bacbf; font-size: 10px; font-weight: 850; }.digital-products .icon { color: var(--blue); }.digital-products strong { color: var(--navy); font-size: 15px; line-height: 1.4; }

.more-section { background: var(--soft); }
.more-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.more-grid article { min-height: 235px; display: grid; grid-template-columns: 150px 1fr; gap: 28px; align-items: center; padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: #fff; transition: .25s; }
.more-grid article:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.more-visual { height: 100%; min-height: 175px; display: grid; place-items: center; color: #fff; border-radius: 15px; background: linear-gradient(145deg, #0c3e78, #1552a1); }.more-1 { background: linear-gradient(145deg, #b91e25, #ec3b41); }.more-2 { background: linear-gradient(145deg, #13840b, #24bd18); }.more-3 { background: linear-gradient(145deg, #dc7000, #ff991f); }
.more-grid h3 { margin-bottom: 12px; color: var(--navy); font-size: 21px; }.more-grid p { color: var(--muted); font-size: 14px; line-height: 1.7; }.more-grid a { display: flex; align-items: center; gap: 8px; margin-top: 18px; color: var(--blue); font-size: 13px; font-weight: 800; }

.ts-section { position: relative; overflow: hidden; padding: 118px 0; color: #fff; background: linear-gradient(128deg, #071a34 0%, #0b2e59 56%, #0c3e78 100%); }
.ts-pattern { opacity: .18; mask-image: none; background-size: 55px 55px; }
.ts-section::after { content: ''; position: absolute; width: 520px; height: 520px; right: -150px; top: -230px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.025), 0 0 0 140px rgba(255,255,255,.015); }
.ts-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .9fr 1.1fr; gap: 75px; align-items: center; }
.ts-copy h2, .contact-copy h2 { color: #fff; margin-bottom: 24px; }
.ts-copy > p { color: #bdcde0; font-size: 16px; }
.check-list { margin: 30px 0 34px; display: grid; gap: 12px; }
.check-list div { display: flex; align-items: center; gap: 12px; color: #e4edf7; font-size: 13px; }
.check-list i { width: 22px; height: 22px; display: grid; place-items: center; font-style: normal; color: #fff; background: #22ad70; border-radius: 50%; }
.btn-light { color: var(--navy); background: #fff; border-color: #fff; box-shadow: none; }.btn-light:hover { color: var(--navy); background: #ecf4ff; }
.btn-outline-light { color: #fff; background: transparent; border-color: rgba(255,255,255,.3); box-shadow: none; }.btn-outline-light:hover { background: rgba(255,255,255,.08); }
.partner-badge { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; padding: 14px 20px; background: #fff; color: var(--navy); border-radius: 18px; }
.partner-badge img { width: 78px; height: 78px; object-fit: contain; }
.partner-badge span, .partner-badge strong { display: block; }.partner-badge span { color: #708096; font-size: 10px; font-weight: 800; letter-spacing: .13em; }.partner-badge strong { margin-top: 6px; font-size: 24px; }
.ts-product-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ts-product-grid article { min-height: 176px; padding: 22px; background: rgba(255,255,255,.075); border: 1px solid rgba(255,255,255,.13); border-radius: 17px; backdrop-filter: blur(10px); }
.product-mark { width: 34px; height: 28px; display: grid; place-items: center; margin-bottom: 18px; border-radius: 7px; color: #fff; background: var(--blue-2); font-size: 10px; font-weight: 900; }
.ts-product-grid article:nth-child(2) .product-mark { background: var(--red); }.ts-product-grid article:nth-child(3) .product-mark { background: var(--green); }.ts-product-grid article:nth-child(4) .product-mark { background: var(--orange); }
.ts-product-grid h3 { margin-bottom: 9px; font-size: 15px; }.ts-product-grid p { margin: 0; color: #aec1d7; font-size: 12px; line-height: 1.6; }

.sectors-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: center; }
.sectors-copy h2 { margin-bottom: 24px; }.sectors-copy > p { color: var(--muted); font-size: 15px; }.sectors-copy .text-link { margin-top: 28px; }
.sector-list { display: grid; grid-template-columns: 1fr 1fr; }
.sector-list a { min-height: 78px; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 15px; padding: 0 18px; border-bottom: 1px solid var(--line); color: var(--navy); font-weight: 750; font-size: 14px; transition: .2s; }
.sector-list a:nth-child(odd) { border-right: 1px solid var(--line); }
.sector-list a:hover { color: var(--blue); background: #f7faff; padding-left: 24px; }
.sector-list span { color: #9aaabe; font-size: 10px; letter-spacing: .1em; }

.method-section { color: #fff; background: var(--navy); }
.centered-heading.light h2 { color: #fff; }.centered-heading.light { margin-bottom: 70px; }
.method-grid { display: grid; grid-template-columns: repeat(6,1fr); position: relative; }
.method-grid::before { content: ''; position: absolute; left: 7%; right: 7%; top: 51px; height: 1px; background: linear-gradient(90deg, var(--blue-2), rgba(255,255,255,.18), var(--green)); }
.method-grid article { position: relative; z-index: 2; padding: 0 14px; text-align: center; }
.method-grid article > span { color: #6e89a8; font-size: 10px; font-weight: 800; }
.method-dot { width: 11px; height: 11px; margin: 24px auto 27px; border: 3px solid var(--navy); border-radius: 50%; background: var(--blue-2); box-shadow: 0 0 0 2px var(--blue-2); }
.method-grid article:nth-child(6) .method-dot { background: var(--green); box-shadow: 0 0 0 2px var(--green); }
.method-grid h3 { margin-bottom: 12px; font-size: 16px; }.method-grid p { margin: 0; color: #98aec8; font-size: 11px; line-height: 1.65; }

.about-section { overflow: hidden; }
.about-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.about-visual { min-height: 440px; position: relative; display: grid; place-items: center; border-radius: 30px; background: linear-gradient(145deg, #f1f6fd, #e7f0fb); }
.about-visual > img { position: relative; z-index: 2; width: 340px; }
.year-card { position: absolute; z-index: 4; left: 22px; bottom: 22px; width: 145px; padding: 20px; color: #fff; background: var(--blue); border-radius: 17px; box-shadow: var(--shadow); }
.year-card span, .year-card strong, .year-card small { display: block; }.year-card span { color: #a9caef; font-size: 10px; text-transform: uppercase; }.year-card strong { font-size: 36px; letter-spacing: -.04em; }.year-card small { color: #d5e3f3; font-size: 9px; }
.brand-rings { position: absolute; inset: 0; }.brand-rings span { position: absolute; border-radius: 50%; border: 1px solid rgba(21,82,161,.12); }.brand-rings span:nth-child(1){width:280px;height:280px;left:18%;top:16%}.brand-rings span:nth-child(2){width:400px;height:400px;left:5%;top:3%}.brand-rings span:nth-child(3){width:80px;height:80px;right:8%;top:10%;background:rgba(227,40,46,.04);border-color:rgba(227,40,46,.08)}
.about-copy h2 { margin-bottom: 26px; }.about-copy > p { color: var(--muted); font-size: 15px; }
.about-copy blockquote { margin: 28px 0; padding: 20px 0 20px 24px; border-left: 3px solid var(--orange); color: var(--navy); font-size: 17px; font-weight: 650; line-height: 1.55; }
.values { display: flex; flex-wrap: wrap; gap: 8px; }.values span { padding: 8px 12px; color: #53657c; background: var(--soft); border: 1px solid var(--line); border-radius: 999px; font-size: 10px; font-weight: 750; }

.contact-section { position: relative; overflow: hidden; padding: 110px 0; color: #fff; background: linear-gradient(120deg, #0c2d53 0%, #071b36 60%); }
.contact-section::before { content: ''; position: absolute; width: 700px; height: 700px; left: -350px; bottom: -540px; border: 100px solid rgba(43,113,201,.12); border-radius: 50%; }
.contact-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: start; }
.contact-copy > p { color: #afc1d6; font-size: 15px; }
.contact-details { display: grid; gap: 18px; margin-top: 36px; }
.contact-details > div { display: flex; gap: 15px; align-items: flex-start; }.contact-details .icon { color: #6eaeff; flex: 0 0 auto; }.contact-details p { margin: 0; line-height: 1.55; }.contact-details span, .contact-details a, .contact-details strong { display: block; font-size: 12px; }.contact-details span { color: #8fa8c5; }.contact-details a, .contact-details strong { margin-top: 4px; color: #fff; }
.lead-form { padding: 32px; color: var(--ink); background: #fff; border-radius: 22px; box-shadow: 0 25px 70px rgba(0,0,0,.18); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
.lead-form label { display: grid; gap: 7px; margin-bottom: 17px; color: #45556b; font-size: 11px; font-weight: 750; }
.lead-form input, .lead-form select, .lead-form textarea { width: 100%; border: 1px solid #dce5ef; border-radius: 10px; outline: none; color: var(--ink); background: #f9fbfd; transition: .2s; }
.lead-form input, .lead-form select { height: 46px; padding: 0 13px; }.lead-form textarea { padding: 12px 13px; resize: vertical; }
.lead-form input:focus, .lead-form select:focus, .lead-form textarea:focus { border-color: var(--blue-2); background: #fff; box-shadow: 0 0 0 3px rgba(40,112,210,.1); }
.form-submit { width: 100%; border: 0; }.lead-form > small { display: block; margin-top: 12px; color: #8997a8; text-align: center; font-size: 9px; line-height: 1.5; }

.footer { color: #a8b5c6; background: #050f1e; }
.footer-main { display: grid; grid-template-columns: 1.4fr 1fr .8fr 1.1fr; gap: 60px; padding: 72px 0 55px; }
.footer-brand img { width: 170px; margin: -30px 0 -6px; filter: drop-shadow(0 0 1px rgba(255,255,255,.5)); }
.footer-brand p { max-width: 240px; color: #7f91a8; font-size: 12px; }
.footer-main h3 { margin-bottom: 20px; color: #fff; font-size: 12px; }
.footer-main a, .footer-main > div > p { display: block; margin: 0 0 11px; color: #8494a9; font-size: 11px; line-height: 1.5; }.footer-main a:hover { color: #fff; }
.footer-bottom { min-height: 70px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #16243a; font-size: 10px; }.footer-bottom p { margin: 0; }.footer-bottom div { display: flex; gap: 22px; }
.whatsapp { position: fixed; z-index: 120; right: 22px; bottom: 22px; width: 54px; height: 54px; display: grid; place-items: center; color: #fff; background: #20b765; border: 4px solid #fff; border-radius: 50%; box-shadow: 0 12px 28px rgba(0,0,0,.2); transition: .2s; }.whatsapp:hover { transform: translateY(-3px) scale(1.03); }.whatsapp svg { width: 29px; height: 29px; }

/* Readability pass */
.topbar { font-size: 13px; }
.nav a { font-size: 15px; }
.btn { font-size: 15px; }
.eyebrow { font-size: 12px; }
.hero-note { font-size: 14px; }
.trust-strip p { max-width: 145px; font-size: 14px; line-height: 1.45; }
.challenge-card h3 { font-size: 20px; }
.challenge-card p { font-size: 15px; line-height: 1.68; }
.solution-card { min-height: 385px; }
.solution-card h3 { min-height: 50px; font-size: 20px; line-height: 1.3; }
.solution-card p { font-size: 15px; line-height: 1.72; }
.solution-card a, .text-link { font-size: 14px; }
.check-list div { font-size: 15px; }
.ts-product-grid h3 { font-size: 17px; }
.ts-product-grid p { font-size: 14px; line-height: 1.65; }
.sector-list a { min-height: 82px; font-size: 15px; }
.method-grid h3 { font-size: 18px; }
.method-grid p { color: #aebed1; font-size: 14px; line-height: 1.68; }
.about-copy > p { font-size: 17px; }
.values span { padding: 9px 13px; font-size: 12px; }
.contact-copy > p { font-size: 17px; }
.contact-details span, .contact-details a, .contact-details strong { font-size: 14px; }
.lead-form label { font-size: 13px; }
.lead-form > small { font-size: 11px; }
.footer-brand p { max-width: 250px; color: #9aa9bc; font-size: 14px; }
.footer-main h3 { font-size: 14px; }
.footer-main a, .footer-main > div > p { margin-bottom: 12px; color: #9aa9bc; font-size: 13px; line-height: 1.55; }
.footer-bottom { font-size: 12px; }

.rtl .about-copy blockquote { padding: 20px 24px 20px 0; border-left: 0; border-right: 3px solid var(--orange); }
.rtl .nav { margin-left: 28px; margin-right: auto; }
.rtl .language select { padding: 0 12px 0 24px; background-position: 10px 50%; }
.rtl .sector-list a:nth-child(odd) { border-right: 0; border-left: 1px solid var(--line); }
.rtl .sector-list a:hover { padding-left: 18px; padding-right: 24px; }
.rtl .trust-strip > div { border-right: 0; border-left: 1px solid #e5ebf2; }.rtl .trust-strip > div:last-child { border-left: 0; }
.rtl .whatsapp { right: auto; left: 22px; }

/* Laravel CMS integration */
.brand { height: 82px; min-width: 190px; display: flex; align-items: center; overflow: visible; }
.brand img { width: 190px; max-height: 78px; object-fit: contain; }
.hero-emblem { width: min(100%, 470px); min-height: 340px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 32px; background: rgba(255,255,255,.06); backdrop-filter: blur(12px); }
.hero-emblem img { width: 82%; height: auto; object-fit: contain; filter: drop-shadow(0 20px 40px rgba(0,0,0,.18)); }
.hero-visual { min-height: 490px; display: grid; align-content: center; justify-items: center; gap: 18px; }
.hero-card { width: min(90%, 390px); padding: 22px; color: white; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(5,24,48,.68); }
.hero-card span,.hero-card strong,.hero-card small { display:block; }.hero-card span{color:#86baff;font-size:11px;letter-spacing:.12em}.hero-card strong{margin:8px 0;font-size:19px}.hero-card small{color:#aebed1}
.compact-feature-grid { grid-template-columns: 1fr 1fr; }.compact-feature-grid article { min-height: 220px; }.compact-feature-grid h3{margin-top:24px}
.honeypot { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; opacity:0!important; }
.dynamic-service-section.service-soft,.service-soft { background: var(--soft); }.card-note { display:block; margin-top:18px; color:var(--blue); font-size:13px; }.centered-values{justify-content:center}.service-page .maintenance-service-logo img{width:100%;height:100%;object-fit:contain}.service-page .tsplus-service-badge{object-fit:contain}.whatsapp strong{font-size:12px}.footer-brand img{object-fit:contain}
@media(max-width:820px){.brand{height:66px;min-width:140px}.brand img{width:145px;max-height:62px}.nav.is-open{display:flex;position:absolute;top:74px;left:16px;right:16px;flex-direction:column;padding:18px;background:white;border-radius:14px;box-shadow:var(--shadow)}.hero-visual{min-height:360px}.hero-emblem{min-height:260px}.compact-feature-grid{grid-template-columns:1fr}}

@media (max-width: 1080px) {
  .nav { gap: 15px; margin-right: 14px; }.nav a { font-size: 13px; }.header .btn-small { display: none; }
  .hero-inner { grid-template-columns: 1fr 1fr; gap: 30px; }.hero-copy h1 { font-size: 52px; }
  .solution-grid { grid-template-columns: repeat(2,1fr); }.solution-card { min-height: 310px; }
  .method-grid { grid-template-columns: repeat(3,1fr); gap: 44px 0; }.method-grid::before { display: none; }
  .ai-layout { gap: 45px; }.feature-grid, .maintenance-grid { grid-template-columns: 1fr 1fr; }.digital-layout { gap: 45px; }.more-grid article { grid-template-columns: 120px 1fr; }
}

@media (max-width: 820px) {
  :root { --container: min(100% - 32px, 680px); }
  .section { padding: 82px 0; }.topbar-contact span, .topbar-contact p, .topbar-contact a:first-child { display: none; }
  .header { height: 72px; }.brand { width: 126px; height: 68px; }.brand img { width: 120px; height: 66px; }
  .menu-toggle { display: block; }.nav { position: fixed; top: 110px; left: 16px; right: 16px; display: grid; gap: 0; margin: 0; padding: 15px; visibility: hidden; opacity: 0; transform: translateY(-8px); background: #fff; border: 1px solid var(--line); border-radius: 17px; box-shadow: var(--shadow); transition: .2s; }.nav.open { visibility: visible; opacity: 1; transform: translateY(0); }.nav a { padding: 14px 10px; border-bottom: 1px solid #eef2f7; }.nav a:last-child { border-bottom: 0; }.nav a::after { display: none; }
  .hero { padding-top: 60px; }.hero-inner { grid-template-columns: 1fr; }.hero-copy { text-align: center; }.hero-copy .eyebrow, .hero-note, .hero-actions { justify-content: center; }.hero-copy h1 { margin-inline: auto; font-size: clamp(42px, 9vw, 58px); }.hero-lead { margin-inline: auto; }.hero-visual { height: 420px; max-width: 560px; width: 100%; margin: 0 auto; }
  .trust-strip { grid-template-columns: 1fr 1fr; margin-top: 35px; border-radius: 16px; }.trust-strip > div { border-bottom: 1px solid #e5ebf2; }.trust-strip > div:nth-child(2) { border-right: 0; }.trust-strip > div:nth-child(n+3) { border-bottom: 0; }
  .split-heading, .ts-layout, .sectors-layout, .about-layout, .contact-layout { grid-template-columns: 1fr; gap: 48px; }.split-heading { margin-bottom: 38px; }
  .challenge-grid { grid-template-columns: 1fr 1fr; }.solution-grid { grid-template-columns: 1fr 1fr; }
  .ts-layout { gap: 55px; }.sectors-copy { max-width: 580px; }.about-layout { gap: 55px; }.about-visual { min-height: 390px; }.about-copy { order: -1; }
  .ai-layout, .maintenance-intro, .digital-layout { grid-template-columns: 1fr; gap: 48px; }.ai-copy, .maintenance-copy, .digital-copy { max-width: 680px; }.ai-console { min-height: 410px; }.maintenance-brand { min-height: 270px; }.more-grid { grid-template-columns: 1fr; }
  .footer-main { grid-template-columns: 1.3fr 1fr; gap: 40px; }.footer-bottom { padding: 20px 0; }
}

@media (max-width: 560px) {
  :root { --container: calc(100vw - 28px); }
  .topbar { height: 34px; }.header { top: 0; }.header-actions { gap: 7px; }.language select { min-width: 54px; height: 39px; }.menu-toggle { width: 39px; height: 39px; }.nav { top: 106px; }
  .hero { padding-top: 54px; }.hero-copy h1 { font-size: 42px; }.hero-lead { font-size: 16px; }.hero-actions .btn { width: 100%; }.hero-note { line-height: 1.5; }
  .hero-visual { height: 375px; transform: scale(.9); margin: -5px 0; }.satellite { width: 146px; }.sat-a,.sat-c { left: -18px; }.sat-b,.sat-d { right: -18px; }.main-node { width: 210px; left: calc(50% - 105px); }.uptime-card { top: 10px; }
  .trust-strip > div { min-height: 100px; padding: 12px; gap: 9px; }.trust-strip p { font-size: 12px; }.trust-strip strong { font-size: 22px; }.trust-symbol { width: 36px; height: 36px; }
  .section { padding: 72px 0; }.split-heading h2, .centered-heading h2, .sectors-copy h2, .about-copy h2, .contact-copy h2, .ts-copy h2 { font-size: 36px; }
  .challenge-grid, .solution-grid, .ts-product-grid, .sector-list, .form-grid, .footer-main { grid-template-columns: 1fr; }
  .challenge-card { min-height: 210px; }.challenge-card > span { margin-bottom: 30px; }.solution-card { min-height: 300px; }
  .ts-section, .contact-section { padding: 78px 0; }.partner-badge { gap: 12px; padding: 12px; }.partner-badge img { width: 65px; height: 65px; }.partner-badge strong { font-size: 19px; }.ts-copy .hero-actions .btn { width: 100%; }
  .sector-list a:nth-child(odd) { border-right: 0; }.sector-list a { padding-inline: 5px; }.sector-list a:hover { padding-left: 10px; }
  .ai-copy h2, .maintenance-copy h2, .digital-copy h2 { font-size: 36px; }.feature-grid, .maintenance-grid, .digital-products { grid-template-columns: 1fr; }.feature-grid article { min-height: 250px; }.ai-console { min-height: 480px; }.node-mail { left: 14px; top: 72px; }.node-data { right: 14px; top: 72px; }.agent-core { top: 190px; }.node-action { bottom: 24px; }.agent-status { display: none; }.digital-products article, .digital-products article:nth-child(odd) { border-right: 0; border-bottom: 1px solid var(--line); }.digital-products article:last-child { border-bottom: 0; }.more-grid article { grid-template-columns: 92px 1fr; gap: 18px; padding: 18px; }.more-visual { min-height: 155px; }.more-grid h3 { font-size: 18px; }
  .method-grid { grid-template-columns: 1fr 1fr; }.about-visual { min-height: 310px; }.about-visual > img { width: 260px; }.year-card { width: 125px; padding: 16px; }.lead-form { padding: 22px 18px; }
  .footer-main { padding-top: 55px; }.footer-bottom { align-items: flex-start; flex-direction: column; gap: 12px; }.whatsapp { right: 14px; bottom: 14px; width: 50px; height: 50px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Detailed service pages */
.service-page { min-height: 100vh; background: #fff; }
.service-nav { display: flex; align-items: center; gap: 24px; margin-left: auto; margin-right: 28px; }
.service-nav a { position: relative; padding: 31px 0; color: #29384d; font-size: 14px; font-weight: 700; white-space: nowrap; }
.service-nav a:hover { color: var(--blue); }
.service-hero { min-height: 655px; position: relative; overflow: hidden; padding: 35px 0 90px; background: radial-gradient(circle at 82% 48%, rgba(40,112,210,.17), transparent 28%), linear-gradient(135deg,#f7faff,#fff 52%,#edf5ff); }
.service-hero::before { content: ''; position: absolute; width: 480px; height: 480px; right: -220px; top: -260px; border: 80px solid rgba(227,40,46,.025); border-radius: 50%; }
.service-hero-grid { position: absolute; inset: 0; opacity: .25; pointer-events: none; background-image: linear-gradient(rgba(31,87,153,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(31,87,153,.09) 1px,transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(90deg,transparent 30%,#000 100%); }
.service-breadcrumb { position: relative; z-index: 2; display: flex; align-items: center; flex-wrap: wrap; gap: 9px; padding: 12px 0 55px; color: #718197; font-size: 13px; }
.service-breadcrumb a:hover { color: var(--blue); }.service-breadcrumb strong { color: var(--blue); }
.service-hero-inner { position: relative; z-index: 2; display: grid; grid-template-columns: 1.25fr .75fr; gap: 90px; align-items: center; }
.service-hero-copy h1 { max-width: 790px; margin-bottom: 26px; color: var(--navy); font-size: clamp(45px,5vw,72px); line-height: 1.04; letter-spacing: -.05em; }
.service-hero-copy > p { max-width: 730px; margin-bottom: 34px; color: #52647b; font-size: 19px; line-height: 1.7; }
.service-hero-panel { min-height: 340px; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 36px; color: #fff; border-radius: 26px; background: linear-gradient(145deg,#071b36 0%,#0b376c 70%,#1552a1 100%); box-shadow: 0 28px 70px rgba(9,38,75,.22); }
.service-hero-panel::before { content: ''; position: absolute; width: 240px; height: 240px; right: -100px; top: -80px; border: 38px solid rgba(255,255,255,.055); border-radius: 50%; }
.service-index { position: absolute; top: 27px; left: 32px; color: rgba(255,255,255,.24); font-size: 74px; font-weight: 850; letter-spacing: -.07em; }
.service-panel-line { width: 46px; height: 3px; margin-bottom: 20px; background: var(--orange); }
.service-hero-panel > strong { position: relative; font-size: 27px; line-height: 1.25; }.service-hero-panel > p { position: relative; margin: 12px 0 25px; color: #b6c9df; font-size: 15px; line-height: 1.6; }
.service-panel-status { position: relative; display: flex; align-items: center; gap: 9px; color: #dce9f6; font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: .09em; }.service-panel-status i { width: 8px; height: 8px; border-radius: 50%; background: #27c878; box-shadow: 0 0 0 5px rgba(39,200,120,.13); }
.service-split-heading { display: grid; grid-template-columns: 1.1fr .9fr; gap: 100px; align-items: end; margin-bottom: 52px; }.service-split-heading h2 { max-width: 680px; margin: 0; color: var(--navy); font-size: clamp(36px,3.8vw,55px); line-height: 1.1; letter-spacing: -.04em; }.service-split-heading > p { margin: 0 0 4px; color: var(--muted); font-size: 17px; line-height: 1.75; }
.service-challenge-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }.service-challenge-grid article { min-height: 210px; padding: 29px 26px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 10px 35px rgba(13,45,82,.05); transition: .22s; }.service-challenge-grid article:hover { transform: translateY(-5px); border-color: #b7cde9; box-shadow: var(--shadow); }.service-challenge-grid span { display: block; margin-bottom: 55px; color: var(--blue); font-size: 13px; font-weight: 850; letter-spacing: .12em; }.service-challenge-grid h3 { margin: 0; color: var(--navy); font-size: 21px; line-height: 1.4; }
.service-expertise { background: var(--soft); }.service-capability-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 19px; }.service-capability-grid article { min-height: 290px; padding: 30px; border: 1px solid #dee7f1; border-radius: 21px; background: #fff; transition: .22s; }.service-capability-grid article:hover { transform: translateY(-5px); box-shadow: var(--shadow); }.capability-number { width: 45px; height: 45px; display: grid; place-items: center; margin-bottom: 34px; color: #fff; border-radius: 12px; background: var(--blue); font-size: 13px; font-weight: 850; }.service-capability-grid article:nth-child(3n+2) .capability-number { background: var(--red); }.service-capability-grid article:nth-child(3n) .capability-number { background: var(--green); }.service-capability-grid h3 { margin-bottom: 14px; color: var(--navy); font-size: 22px; line-height: 1.3; }.service-capability-grid p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.75; }
.service-benefits { padding: 92px 0; color: #fff; background: linear-gradient(120deg,#071b36 0%,#0a2c55 60%,#104782 100%); }.service-benefits-inner { display: grid; grid-template-columns: .85fr 1.15fr; gap: 85px; align-items: center; }.service-benefits h2 { max-width: 560px; margin: 0; color: #fff; font-size: clamp(36px,3.6vw,53px); line-height: 1.1; letter-spacing: -.04em; }.service-benefit-list { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.service-benefit-list > div { min-height: 92px; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 13px; padding: 18px 20px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(255,255,255,.07); }.service-benefit-list span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #24b873; font-size: 14px; }.service-benefit-list strong { font-size: 16px; line-height: 1.35; }.service-benefit-list small { color: #7893b2; font-size: 11px; font-weight: 800; }
.service-usecase-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }.service-usecase-grid article { min-height: 265px; padding: 30px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg,#fff,#f7faff); }.service-usecase-grid span { display: block; margin-bottom: 46px; color: var(--orange); font-size: 13px; font-weight: 900; }.service-usecase-grid h3 { margin-bottom: 14px; color: var(--navy); font-size: 23px; line-height: 1.35; }.service-usecase-grid p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.7; }
.service-method { color: #fff; background: var(--navy); }.service-method-grid { display: grid; grid-template-columns: repeat(4,1fr); position: relative; }.service-method-grid::before { content: ''; position: absolute; left: 10%; right: 10%; top: 60px; height: 1px; background: linear-gradient(90deg,var(--blue-2),rgba(255,255,255,.15),var(--green)); }.service-method-grid article { position: relative; z-index: 2; padding: 0 25px; text-align: center; }.service-method-grid article > span { color: #6e89a8; font-size: 13px; font-weight: 850; }.service-method-grid article > div { width: 13px; height: 13px; margin: 25px auto 30px; border: 3px solid var(--navy); border-radius: 50%; background: var(--blue-2); box-shadow: 0 0 0 2px var(--blue-2); }.service-method-grid article:last-child > div { background: var(--green); box-shadow: 0 0 0 2px var(--green); }.service-method-grid h3 { margin-bottom: 13px; font-size: 21px; }.service-method-grid p { margin: 0; color: #aebed1; font-size: 15px; line-height: 1.72; }
.service-faq-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 100px; align-items: start; }.service-faq-copy h2 { margin-bottom: 23px; color: var(--navy); font-size: clamp(36px,3.5vw,52px); line-height: 1.1; letter-spacing: -.04em; }.service-faq-copy > p { color: var(--muted); font-size: 17px; }.service-faq-copy .text-link { margin-top: 25px; }.service-faq-list { border-top: 1px solid var(--line); }.service-faq-list details { border-bottom: 1px solid var(--line); }.service-faq-list summary { min-height: 88px; display: grid; grid-template-columns: 1fr 28px; align-items: center; gap: 20px; list-style: none; color: var(--navy); font-size: 18px; font-weight: 750; cursor: pointer; }.service-faq-list summary::-webkit-details-marker { display: none; }.service-faq-list summary span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: var(--blue); background: #ecf3fc; font-size: 20px; font-weight: 500; transition: .2s; }.service-faq-list details[open] summary span { transform: rotate(45deg); }.service-faq-list details p { margin: -5px 55px 26px 0; color: var(--muted); font-size: 16px; line-height: 1.75; }
.service-final-cta { padding: 82px 0; color: #fff; background: linear-gradient(120deg,#1552a1,#0b3566); }.service-final-inner { display: grid; grid-template-columns: 1fr auto; gap: 70px; align-items: center; }.service-final-inner h2 { max-width: 730px; margin-bottom: 15px; color: #fff; font-size: clamp(34px,3.6vw,52px); line-height: 1.12; letter-spacing: -.04em; }.service-final-inner p { max-width: 680px; margin: 0; color: #c8daef; font-size: 17px; }
.service-arrow { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.service-pagination { min-height: 140px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 30px; align-items: center; }.service-pagination > a { display: flex; flex-direction: column; gap: 7px; }.service-pagination > a:last-child { text-align: right; }.service-pagination span { color: #8795a7; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }.service-pagination strong { color: var(--navy); font-size: 16px; }.service-pagination > a:hover strong { color: var(--blue); }.service-pagination .all-services { padding: 11px 16px; border: 1px solid var(--line); border-radius: 10px; color: var(--blue); font-size: 13px; font-weight: 800; }
.service-footer .footer-main { padding-top: 62px; }
.service-sales-promise { max-width: 735px; margin: -8px 0 30px; padding: 16px 20px; border-left: 3px solid var(--orange); color: var(--navy); background: rgba(255,255,255,.7); font-size: 16px; font-weight: 700; line-height: 1.6; }
.tsplus-hero-panel { min-height: 400px; }.tsplus-service-badge { position: absolute; z-index: 2; top: 22px; right: 25px; width: 110px; height: 110px; object-fit: contain; padding: 7px; border-radius: 18px; background: #fff; box-shadow: 0 14px 35px rgba(0,0,0,.18); }.tsplus-hero-panel .service-index { top: 24px; left: 28px; font-size: 64px; }

.tsplus-value-section { background: #fff; }.tsplus-value-table { overflow: hidden; border: 1px solid var(--line); border-radius: 22px; box-shadow: var(--shadow); }.tsplus-value-head, .tsplus-value-table article { display: grid; grid-template-columns: .92fr 1.03fr 1.05fr; }.tsplus-value-head { min-height: 62px; align-items: center; color: #fff; background: var(--navy); font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }.tsplus-value-head span, .tsplus-value-table article > div { padding: 19px 24px; }.tsplus-value-table article { min-height: 108px; border-bottom: 1px solid var(--line); background: #fff; }.tsplus-value-table article:last-child { border-bottom: 0; }.tsplus-value-table article:nth-child(even) { background: #f8faff; }.tsplus-value-table article > div { display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--line); }.tsplus-value-table article > div:last-child { border-right: 0; }.tsplus-value-table small { margin-bottom: 7px; color: #8a99ac; font-size: 11px; font-weight: 850; letter-spacing: .08em; }.tsplus-value-table strong { color: var(--navy); font-size: 16px; line-height: 1.5; }.tsplus-value-table article > div:nth-child(2) strong { color: var(--blue); }.tsplus-value-table article > div:nth-child(3) strong { color: #13830c; }

.tsplus-editions-section { background: var(--soft); }.tsplus-editions-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; align-items: stretch; }.tsplus-editions-grid article { min-height: 380px; position: relative; display: flex; flex-direction: column; padding: 32px; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: 0 12px 35px rgba(10,38,71,.06); }.tsplus-editions-grid article.recommended { color: #fff; border-color: var(--blue); background: linear-gradient(145deg,#0b315e,#1552a1); transform: translateY(-8px); box-shadow: 0 24px 55px rgba(21,82,161,.22); }.edition-label { position: absolute; top: 20px; right: 20px; padding: 7px 10px; color: var(--blue); border-radius: 999px; background: #fff; font-size: 10px; font-weight: 900; letter-spacing: .08em; }.edition-number { margin-bottom: 38px; color: #94a5ba; font-size: 13px; font-weight: 850; }.tsplus-editions-grid h3 { margin-bottom: 16px; color: var(--navy); font-size: 27px; }.tsplus-editions-grid p { color: var(--muted); font-size: 16px; line-height: 1.72; }.tsplus-editions-grid article > strong { display: block; margin: auto 0 24px; color: var(--blue); font-size: 14px; line-height: 1.55; }.tsplus-editions-grid a { display: flex; align-items: center; gap: 9px; color: var(--blue); font-size: 14px; font-weight: 850; }.tsplus-editions-grid .recommended h3, .tsplus-editions-grid .recommended > strong, .tsplus-editions-grid .recommended a { color: #fff; }.tsplus-editions-grid .recommended p { color: #c2d5e9; }.tsplus-editions-grid .recommended .edition-number { color: #88a9cc; }.tsplus-license-note { margin-top: 28px; color: #6a798d; font-size: 14px; text-align: center; }

.tsplus-markets-section { color: #fff; background: linear-gradient(125deg,#071b36,#0b2f5a 62%,#114981); }.tsplus-markets-layout { display: grid; grid-template-columns: .88fr 1.12fr; gap: 75px; align-items: center; }.tsplus-markets-copy h2 { margin-bottom: 24px; color: #fff; font-size: clamp(36px,3.8vw,54px); line-height: 1.1; letter-spacing: -.04em; }.tsplus-markets-copy > p { color: #b9cbe0; font-size: 17px; }.tsplus-sector-list { display: grid; grid-template-columns: 1fr 1fr; gap: 11px 18px; margin-top: 30px; }.tsplus-sector-list span { color: #dce8f5; font-size: 14px; font-weight: 700; }.tsplus-scale-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.tsplus-scale-grid article { min-height: 190px; padding: 25px; border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: rgba(255,255,255,.07); backdrop-filter: blur(8px); }.tsplus-scale-grid strong, .tsplus-scale-grid span { display: block; }.tsplus-scale-grid strong { color: #fff; font-size: 34px; letter-spacing: -.04em; }.tsplus-scale-grid span { margin-top: 4px; color: #8ebcff; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }.tsplus-scale-grid p { margin: 24px 0 0; color: #b9cbe0; font-size: 15px; line-height: 1.55; }

.tsplus-integrator-section { background: #fff; }.tsplus-integrator-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.tsplus-integrator-grid article { min-height: 160px; display: grid; grid-template-columns: 62px 1fr; gap: 20px; padding: 26px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg,#fff,#f7faff); }.tsplus-integrator-grid article > span { width: 52px; height: 52px; display: grid; place-items: center; color: #fff; border-radius: 14px; background: var(--blue); font-size: 13px; font-weight: 900; }.tsplus-integrator-grid article:nth-child(3n+2) > span { background: var(--red); }.tsplus-integrator-grid article:nth-child(3n) > span { background: var(--green); }.tsplus-integrator-grid h3 { margin-bottom: 10px; color: var(--navy); font-size: 20px; }.tsplus-integrator-grid p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.65; }

.maintenance-hero-panel { min-height: 420px; background: linear-gradient(145deg,#111d2e,#24364c 65%,#314b68); }.maintenance-hero-panel .service-index { top: 22px; left: 28px; }.maintenance-service-logo { position: absolute; z-index: 2; top: 25px; right: 25px; width: 195px; height: 132px; display: grid; place-items: center; overflow: hidden; border-radius: 18px; background: #fff; box-shadow: 0 15px 38px rgba(0,0,0,.22); }.maintenance-service-logo img { width: 178px; height: auto; object-fit: contain; }
.maintenance-modes-section { background: #fff; }.maintenance-modes-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }.maintenance-modes-grid article { min-height: 330px; display: flex; flex-direction: column; padding: 28px 25px; border: 1px solid var(--line); border-radius: 21px; background: linear-gradient(145deg,#fff,#f7faff); transition: .22s; }.maintenance-modes-grid article:hover { transform: translateY(-5px); box-shadow: var(--shadow); }.maintenance-mode-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 48px; }.maintenance-mode-head span { color: var(--blue); font-size: 13px; font-weight: 900; letter-spacing: .1em; }.maintenance-mode-head i { width: 11px; height: 11px; border: 3px solid #d9e8fa; border-radius: 50%; background: var(--blue); }.maintenance-modes-grid article:nth-child(2) .maintenance-mode-head i { background: var(--red); border-color: #f8d5d7; }.maintenance-modes-grid article:nth-child(3) .maintenance-mode-head i { background: var(--green); border-color: #d7f1d4; }.maintenance-modes-grid article:nth-child(4) .maintenance-mode-head i { background: var(--orange); border-color: #ffe1bd; }.maintenance-modes-grid h3 { margin-bottom: 15px; color: var(--navy); font-size: 22px; line-height: 1.3; }.maintenance-modes-grid p { margin: 0 0 24px; color: var(--muted); font-size: 15px; line-height: 1.72; }.maintenance-modes-grid > article > strong { margin-top: auto; color: var(--blue); font-size: 13px; text-transform: uppercase; letter-spacing: .06em; }
.maintenance-coverage-section { background: #fff; }.maintenance-coverage-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.maintenance-coverage-grid article { min-height: 170px; display: grid; grid-template-columns: 58px 1fr; gap: 20px; padding: 25px; border: 1px solid var(--line); border-radius: 18px; background: var(--soft); }.maintenance-coverage-grid article > span { width: 52px; height: 52px; display: grid; place-items: center; color: #fff; border-radius: 14px; background: var(--blue); font-size: 13px; font-weight: 900; }.maintenance-coverage-grid article:nth-child(3n+2) > span { background: var(--red); }.maintenance-coverage-grid article:nth-child(3n) > span { background: var(--green); }.maintenance-coverage-grid h3 { margin-bottom: 10px; color: var(--navy); font-size: 21px; }.maintenance-coverage-grid p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.68; }
.maintenance-profiles-section { background: var(--soft); }.maintenance-profiles-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }.maintenance-profiles-grid article { min-height: 290px; padding: 28px 25px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }.maintenance-profiles-grid span { display: block; margin-bottom: 50px; color: var(--orange); font-size: 13px; font-weight: 900; letter-spacing: .1em; }.maintenance-profiles-grid h3 { margin-bottom: 14px; color: var(--navy); font-size: 21px; line-height: 1.35; }.maintenance-profiles-grid p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.7; }
.maintenance-flow-section { color: #fff; background: linear-gradient(125deg,#071b36,#0c345f 72%,#12508e); }.maintenance-flow-section .centered-heading > p { color: #b8cce1; }.maintenance-flow-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.maintenance-flow-grid article { min-height: 145px; display: grid; grid-template-columns: 58px 1fr; gap: 20px; padding: 24px; border: 1px solid rgba(255,255,255,.13); border-radius: 17px; background: rgba(255,255,255,.07); }.maintenance-flow-grid article > span { width: 48px; height: 48px; display: grid; place-items: center; color: #fff; border: 1px solid rgba(255,255,255,.2); border-radius: 13px; background: rgba(40,112,210,.45); font-size: 13px; font-weight: 900; }.maintenance-flow-grid h3 { margin-bottom: 9px; color: #fff; font-size: 20px; }.maintenance-flow-grid p { margin: 0; color: #b7c9dd; font-size: 15px; line-height: 1.65; }

.ai-hero-panel { min-height: 435px; background: radial-gradient(circle at 50% 28%,rgba(64,139,237,.22),transparent 30%),linear-gradient(145deg,#061429,#0a2a51 68%,#0e417c); }.ai-hero-panel .service-index { top: 22px; left: 27px; font-size: 62px; }.ai-service-visual { position: absolute; top: 24px; right: 23px; width: 230px; height: 190px; }.ai-service-core { position: absolute; z-index: 3; top: 40px; left: 66px; width: 102px; height: 102px; display: grid; place-items: center; align-content: center; color: #fff; border: 1px solid rgba(255,255,255,.3); border-radius: 27px; background: linear-gradient(145deg,#1552a1,#3f8aed); box-shadow: 0 18px 45px rgba(21,82,161,.45); }.ai-service-core span { font-size: 32px; font-weight: 900; letter-spacing: -.04em; }.ai-service-core strong { font-size: 10px; letter-spacing: .14em; }.ai-mini-node { position: absolute; z-index: 4; min-width: 47px; height: 32px; display: grid; place-items: center; color: #bcd7f8; border: 1px solid rgba(255,255,255,.16); border-radius: 9px; background: rgba(255,255,255,.08); font-size: 9px; letter-spacing: .08em; }.node-doc { top: 4px; right: 10px; }.node-mail-ai { left: 0; top: 73px; }.node-api { right: 0; bottom: 5px; }.ai-link { position: absolute; z-index: 1; width: 84px; height: 1px; background: linear-gradient(90deg,transparent,#69aaff,transparent); }.link-one { top: 42px; right: 37px; transform: rotate(-42deg); }.link-two { top: 94px; left: 27px; transform: rotate(4deg); }.link-three { right: 21px; bottom: 35px; transform: rotate(40deg); }
.ai-offers-section { background: #fff; }.ai-offers-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }.ai-offers-grid article { min-height: 340px; display: flex; flex-direction: column; padding: 28px 25px; border: 1px solid var(--line); border-radius: 21px; background: linear-gradient(145deg,#fff,#f7faff); transition: .22s; }.ai-offers-grid article:hover { transform: translateY(-5px); box-shadow: var(--shadow); }.ai-offer-number { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 45px; color: #fff; border-radius: 14px; background: var(--blue); font-size: 13px; font-weight: 900; }.ai-offers-grid article:nth-child(2) .ai-offer-number { background: var(--red); }.ai-offers-grid article:nth-child(3) .ai-offer-number { background: var(--green); }.ai-offers-grid article:nth-child(4) .ai-offer-number { background: var(--orange); }.ai-offers-grid h3 { margin-bottom: 15px; color: var(--navy); font-size: 22px; line-height: 1.3; }.ai-offers-grid p { margin: 0 0 24px; color: var(--muted); font-size: 15px; line-height: 1.7; }.ai-offers-grid > article > strong { margin-top: auto; color: var(--blue); font-size: 13px; text-transform: uppercase; letter-spacing: .06em; }
.ai-departments-section { background: #fff; }.ai-departments-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }.ai-departments-grid article { min-height: 235px; padding: 27px; border: 1px solid var(--line); border-radius: 19px; background: var(--soft); }.ai-departments-grid span { display: block; margin-bottom: 38px; color: var(--blue); font-size: 12px; font-weight: 900; letter-spacing: .1em; }.ai-departments-grid h3 { margin-bottom: 12px; color: var(--navy); font-size: 21px; }.ai-departments-grid p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.68; }
.ai-architecture-section { color: #fff; background: radial-gradient(circle at 80% 20%,rgba(47,128,233,.18),transparent 25%),linear-gradient(125deg,#06172e,#0a2c56); }.ai-architecture-section .centered-heading > p { color: #b3c7dd; }.ai-architecture-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.ai-architecture-grid article { min-height: 150px; display: grid; grid-template-columns: 58px 1fr; gap: 20px; padding: 24px; border: 1px solid rgba(255,255,255,.13); border-radius: 17px; background: rgba(255,255,255,.07); }.ai-architecture-grid article > span { width: 48px; height: 48px; display: grid; place-items: center; color: #fff; border-radius: 13px; background: linear-gradient(145deg,#1552a1,#3b86e8); font-size: 13px; font-weight: 900; }.ai-architecture-grid h3 { margin-bottom: 9px; color: #fff; font-size: 20px; }.ai-architecture-grid p { margin: 0; color: #b6c9dd; font-size: 15px; line-height: 1.65; }
.ai-governance-section { background: var(--soft); }.ai-governance-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }.ai-governance-grid article { min-height: 225px; padding: 27px; border: 1px solid var(--line); border-radius: 19px; background: #fff; }.ai-governance-grid article > span { display: block; margin-bottom: 38px; color: var(--orange); font-size: 12px; font-weight: 900; letter-spacing: .1em; }.ai-governance-grid h3 { margin-bottom: 11px; color: var(--navy); font-size: 21px; }.ai-governance-grid p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.68; }

@media (max-width: 1080px) {
  .service-nav { gap: 14px; margin-right: 15px; }.service-nav a { font-size: 12px; }.service-header .btn-small { display: none; }
  .service-hero-inner { gap: 45px; }.service-capability-grid { grid-template-columns: 1fr 1fr; }.service-benefits-inner { gap: 45px; }
  .tsplus-markets-layout { gap: 45px; }.tsplus-editions-grid article { padding: 27px; }.tsplus-value-head span, .tsplus-value-table article > div { padding-inline: 18px; }
  .maintenance-modes-grid, .maintenance-profiles-grid { grid-template-columns: 1fr 1fr; }.maintenance-modes-grid article { min-height: 285px; }
  .ai-offers-grid { grid-template-columns: 1fr 1fr; }.ai-offers-grid article { min-height: 285px; }
}

@media (max-width: 820px) {
  .service-nav { position: fixed; top: 110px; left: 16px; right: 16px; display: grid; gap: 0; margin: 0; padding: 15px; visibility: hidden; opacity: 0; transform: translateY(-8px); background: #fff; border: 1px solid var(--line); border-radius: 17px; box-shadow: var(--shadow); transition: .2s; }.service-nav.open { visibility: visible; opacity: 1; transform: translateY(0); }.service-nav a { padding: 14px 10px; border-bottom: 1px solid #eef2f7; }.service-nav a:last-child { border-bottom: 0; }.service-header .menu-toggle { display: block; }.service-header .btn-small { display: none; }.service-hero { min-height: 0; padding-bottom: 75px; }.service-breadcrumb { padding-bottom: 38px; }
  .service-hero-inner, .service-split-heading, .service-benefits-inner, .service-faq-layout, .service-final-inner { grid-template-columns: 1fr; gap: 45px; }.service-hero-panel { max-width: 560px; width: 100%; min-height: 280px; }.service-challenge-grid, .service-method-grid { grid-template-columns: 1fr 1fr; }.service-method-grid { gap: 48px 0; }.service-method-grid::before { display: none; }.service-usecase-grid { grid-template-columns: 1fr; }.service-usecase-grid article { min-height: 220px; }.service-final-inner .hero-actions { justify-content: flex-start; }
  .tsplus-hero-panel { min-height: 340px; }.tsplus-value-head { display: none; }.tsplus-value-table { border: 0; box-shadow: none; background: transparent; }.tsplus-value-table article { grid-template-columns: 1fr; min-height: 0; margin-bottom: 16px; border: 1px solid var(--line); border-radius: 17px; overflow: hidden; }.tsplus-value-table article > div { border-right: 0; border-bottom: 1px solid var(--line); }.tsplus-value-table article > div:last-child { border-bottom: 0; }.tsplus-editions-grid { grid-template-columns: 1fr; gap: 17px; }.tsplus-editions-grid article, .tsplus-editions-grid article.recommended { min-height: 320px; transform: none; }.tsplus-markets-layout { grid-template-columns: 1fr; }.tsplus-integrator-grid { grid-template-columns: 1fr; }
  .maintenance-hero-panel { min-height: 380px; }.maintenance-coverage-grid, .maintenance-flow-grid { grid-template-columns: 1fr; }
  .ai-hero-panel { min-height: 390px; }.ai-departments-grid, .ai-governance-grid { grid-template-columns: 1fr 1fr; }.ai-architecture-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .service-topbar .topbar-contact a:first-child { display: none; }.service-header .brand { width: 116px; height: 68px; }.service-header .brand img { width: 112px; height: 64px; }.service-header-actions { gap: 6px; }.service-hero { padding-top: 22px; }.service-breadcrumb { font-size: 12px; }.service-hero-copy h1 { font-size: 42px; }.service-hero-copy > p { font-size: 17px; }.service-hero-copy .hero-actions .btn { width: 100%; }.service-hero-panel { min-height: 250px; padding: 26px; }.service-index { font-size: 60px; }
  .service-challenge-grid, .service-capability-grid, .service-benefit-list, .service-method-grid { grid-template-columns: 1fr; }.service-challenge-grid article { min-height: 170px; }.service-challenge-grid span { margin-bottom: 35px; }.service-capability-grid article { min-height: 250px; }.service-benefits { padding: 72px 0; }.service-method-grid article { padding-inline: 14px; }.service-method-grid article > div { margin-block: 18px 22px; }.service-faq-list summary { min-height: 82px; font-size: 16px; }.service-faq-list details p { margin-right: 0; font-size: 15px; }.service-final-cta { padding: 70px 0; }.service-final-inner .btn { width: 100%; }.service-pagination { grid-template-columns: 1fr 1fr; min-height: 190px; }.service-pagination .all-services { grid-column: 1 / -1; grid-row: 1; align-items: center; }.service-pagination strong { font-size: 14px; }
  .service-sales-promise { font-size: 15px; }.tsplus-hero-panel { min-height: 320px; }.tsplus-service-badge { width: 90px; height: 90px; right: 18px; }.tsplus-value-table strong { font-size: 15px; }.tsplus-editions-grid article { min-height: 0; padding: 26px 23px; }.tsplus-sector-list, .tsplus-scale-grid { grid-template-columns: 1fr; }.tsplus-scale-grid article { min-height: 155px; }.tsplus-integrator-grid article { grid-template-columns: 48px 1fr; padding: 22px 18px; }.tsplus-integrator-grid article > span { width: 44px; height: 44px; }
  .maintenance-hero-panel { min-height: 360px; }.maintenance-service-logo { top: 20px; right: 18px; width: 152px; height: 104px; }.maintenance-service-logo img { width: 140px; }.maintenance-modes-grid, .maintenance-profiles-grid { grid-template-columns: 1fr; }.maintenance-modes-grid article, .maintenance-profiles-grid article { min-height: 250px; }.maintenance-mode-head, .maintenance-profiles-grid span { margin-bottom: 34px; }.maintenance-coverage-grid article, .maintenance-flow-grid article { grid-template-columns: 48px 1fr; padding: 21px 18px; }.maintenance-coverage-grid article > span, .maintenance-flow-grid article > span { width: 44px; height: 44px; }
  .ai-hero-panel { min-height: 375px; }.ai-service-visual { right: 10px; transform: scale(.82); transform-origin: top right; }.ai-offers-grid, .ai-departments-grid, .ai-governance-grid { grid-template-columns: 1fr; }.ai-offers-grid article { min-height: 260px; }.ai-offer-number, .ai-departments-grid span, .ai-governance-grid article > span { margin-bottom: 32px; }.ai-architecture-grid article { grid-template-columns: 48px 1fr; padding: 21px 18px; }.ai-architecture-grid article > span { width: 44px; height: 44px; }
}