:root {
  --ink: #071326;
  --muted: #526178;
  --blue: #1174ff;
  --blue-2: #36a8ff;
  --cyan: #1dd9e6;
  --navy: #061329;
  --navy-2: #081c38;
  --line: #dce5f0;
  --paper: #f6f9fd;
  --white: #fff;
  --radius: 20px;
  --shadow: 0 20px 60px rgba(4, 22, 51, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 82px; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: "Manrope", sans-serif; font-size: 16px; line-height: 1.65; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 16px; top: -60px; background: white; color: var(--ink); padding: 12px 18px; z-index: 999; border-radius: 8px; transition: top .2s; }
.skip-link:focus { top: 16px; }

.site-header { position: fixed; inset: 0 0 auto; height: 76px; z-index: 100; color: white; border-bottom: 1px solid rgba(255,255,255,.08); transition: background .3s, box-shadow .3s; }
.site-header.scrolled { background: rgba(5, 18, 39, .9); backdrop-filter: blur(18px); box-shadow: 0 8px 30px rgba(0,0,0,.18); }
.nav-wrap { height: 100%; display: flex; align-items: center; gap: 32px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-family: "Space Grotesk", sans-serif; font-size: 21px; font-weight: 600; white-space: nowrap; }
.brand strong { color: var(--blue-2); }
.brand-mark { width: 38px; height: 38px; display: grid; place-items: center; filter: drop-shadow(0 0 10px rgba(34,146,255,.32)); }
.brand-mark img { width: 100%; height: 100%; object-fit: contain; }
.main-nav { display: flex; align-items: center; gap: 32px; margin-left: auto; }
.main-nav a { color: #c9d5e6; font-size: 14px; font-weight: 600; transition: color .2s; }
.main-nav a:hover, .main-nav a:focus-visible { color: white; }
.button { position: relative; min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 24px; border: 1px solid var(--blue); border-radius: 10px; background: linear-gradient(135deg, var(--blue), #0862e1); color: white; font-weight: 700; font-size: 14px; box-shadow: 0 12px 30px rgba(17,116,255,.24); cursor: pointer; transition: transform .2s, box-shadow .2s, background .2s; overflow: hidden; }
.button::before { content: ""; position: absolute; inset: -2px auto -2px -45%; width: 34%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent); transform: skewX(-18deg); transition: left .65s ease; }
.button:hover::before { left: 125%; }
.button > span { position: relative; z-index: 1; }
.button:hover { transform: translateY(-2px); box-shadow: 0 16px 36px rgba(17,116,255,.34); }
.button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(54,168,255,.4); outline-offset: 3px; }
.button-small { min-height: 42px; padding: 0 18px; margin-left: 8px; }
.button-ghost { border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.045); box-shadow: none; color: #e8f1ff; }
.button-ghost:hover { background: rgba(255,255,255,.1); box-shadow: none; }
.menu-toggle { display: none; margin-left: auto; width: 44px; height: 44px; border: 0; background: transparent; padding: 10px; }
.menu-toggle span:not(.sr-only) { display: block; height: 2px; margin: 5px 0; background: white; transition: transform .25s, opacity .25s; }

.hero { position: relative; min-height: 710px; padding: 155px 0 100px; color: white; background: radial-gradient(circle at 70% 42%, #0b2c58 0%, #071a36 28%, #061329 64%, #040d1e 100%); overflow: hidden; }
.hero-network { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .7; pointer-events: none; }
.hero-grid, .contact-grid-bg { position: absolute; inset: 0; opacity: .15; background-image: linear-gradient(rgba(72,152,255,.25) 1px, transparent 1px), linear-gradient(90deg, rgba(72,152,255,.25) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to right, transparent, black 35%, black 80%, transparent); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(100px); opacity: .23; }
.glow-one { width: 420px; height: 420px; right: 2%; top: 18%; background: var(--blue); }
.glow-two { width: 300px; height: 300px; left: -120px; bottom: -80px; background: #0752bd; }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 80px; }
.hero-copy { min-width: 0; }
.eyebrow, .kicker { display: inline-flex; align-items: center; gap: 9px; color: var(--blue-2); text-transform: uppercase; letter-spacing: .14em; font-size: 11px; font-weight: 800; }
.eyebrow span { width: 7px; height: 7px; background: var(--cyan); border-radius: 50%; box-shadow: 0 0 0 5px rgba(29,217,230,.1), 0 0 16px var(--cyan); }
.hero h1 { max-width: 650px; margin: 22px 0; font-family: "Space Grotesk", sans-serif; font-size: clamp(44px, 5.2vw, 72px); line-height: 1.04; letter-spacing: -.045em; overflow-wrap: anywhere; }
.hero h1 em { color: var(--blue-2); font-style: normal; }
.hero-copy > p { max-width: 590px; margin: 0 0 30px; color: #b5c5da; font-size: 18px; line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-proof { display: flex; align-items: center; gap: 10px; margin-top: 26px; color: #879bb7; font-size: 12px; }
.proof-dot { width: 7px; height: 7px; border-radius: 50%; background: #36df93; box-shadow: 0 0 12px #36df93; }

.system-map { --map-rx: 0deg; --map-ry: 0deg; --map-scale: 1; position: relative; min-height: 480px; transform-style: preserve-3d; will-change: transform; }
.map-orbit { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(69,163,255,.22); border-radius: 50%; transform: translate(-50%, -50%); }
.orbit-one { width: 270px; height: 270px; }
.orbit-two { width: 390px; height: 390px; border-style: dashed; animation: rotate 28s linear infinite; }
.map-core { position: absolute; z-index: 3; left: 50%; top: 50%; width: 145px; height: 145px; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(76,176,255,.5); border-radius: 32px; background: radial-gradient(circle at 50% 30%, rgba(28,124,255,.34), rgba(4,22,48,.9)); box-shadow: 0 0 70px rgba(17,116,255,.28), inset 0 0 30px rgba(36,150,255,.12); }
.map-core strong { margin-top: 8px; font-family: "Space Grotesk"; }
.map-core small { color: #6f8eaf; font-size: 9px; text-transform: uppercase; letter-spacing: .12em; }
.core-cube { display: grid; place-items: center; width: 48px; height: 48px; transform: rotate(30deg); border: 2px solid #2c9fff; box-shadow: inset 0 0 18px #1376ff, 0 0 22px rgba(54,168,255,.5); }
.core-cube i { position: absolute; width: 16px; height: 16px; border: 1px solid #5dc9ff; }
.core-cube i:nth-child(1) { transform: translate(-8px,-8px); }.core-cube i:nth-child(2) { transform: translate(8px,8px); }.core-cube i:nth-child(3) { transform: translate(8px,-8px); }
.map-card { position: absolute; z-index: 4; width: 215px; min-height: 82px; display: flex; align-items: center; gap: 13px; padding: 15px; border: 1px solid rgba(107,171,236,.35); border-radius: 14px; background: rgba(7,28,57,.83); backdrop-filter: blur(12px); box-shadow: 0 16px 40px rgba(0,0,0,.22); }
.map-card::after { content: ""; position: absolute; width: 80px; height: 1px; background: linear-gradient(90deg, rgba(66,165,255,.7), transparent); }
.map-card strong, .map-card small { display: block; }.map-card strong { font-size: 13px; }.map-card small { margin-top: 3px; color: #7890ab; font-size: 10px; }
.map-icon { flex: 0 0 38px; height: 38px; display: grid; place-items: center; color: #52bdff; border: 1px solid rgba(82,189,255,.4); border-radius: 10px; background: rgba(19,113,255,.1); font-family: "Space Grotesk"; font-weight: 700; }
.map-automation { left: 0; top: 40px; }.map-automation::after { right: -81px; transform: rotate(26deg); transform-origin: left; }
.map-ai { right: -15px; top: 70px; }.map-ai::after { left: -81px; transform: rotate(150deg); transform-origin: right; }
.map-code { left: -15px; bottom: 42px; }.map-code::after { right: -81px; transform: rotate(-28deg); transform-origin: left; }
.map-integrations { right: 0; bottom: 55px; }.map-integrations::after { left: -81px; transform: rotate(210deg); transform-origin: right; }
.node { position: absolute; z-index: 2; width: 7px; height: 7px; border: 1px solid #56c5ff; border-radius: 50%; box-shadow: 0 0 13px #1c94ff; }.node-a { top: 21%; left: 48%; }.node-b { top: 43%; right: 8%; }.node-c { bottom: 22%; left: 42%; }.node-d { top: 46%; left: 10%; }

@media (min-width: 821px) and (prefers-reduced-motion: no-preference) {
  .motion-ready .system-map.visible { transform: perspective(900px) rotateX(var(--map-rx)) rotateY(var(--map-ry)) scale(var(--map-scale)); transition: transform .18s ease-out, opacity .7s ease; }
  .motion-ready .map-card { transform: translateZ(45px); }
  .motion-ready .map-core { transform: translate(-50%, -50%) translateZ(75px); }
  .motion-ready .map-automation { animation: cardFloat 5.2s ease-in-out infinite; }
  .motion-ready .map-ai { animation: cardFloat 5.2s .8s ease-in-out infinite; }
  .motion-ready .map-code { animation: cardFloat 5.2s 1.6s ease-in-out infinite; }
  .motion-ready .map-integrations { animation: cardFloat 5.2s 2.4s ease-in-out infinite; }
}

.impact-strip { position: relative; z-index: 5; background: white; border-bottom: 1px solid var(--line); box-shadow: 0 15px 35px rgba(5,27,61,.06); }
.impact-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.impact-grid article { display: flex; gap: 14px; padding: 28px 22px; border-right: 1px solid var(--line); }.impact-grid article:last-child { border-right: 0; }
.impact-icon { flex: 0 0 38px; width: 38px; height: 38px; display: grid; place-items: center; color: var(--blue); border: 1px solid #bad5ff; border-radius: 12px; font-size: 21px; }
.impact-grid strong { display: block; font-size: 13px; }.impact-grid p { margin: 4px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }

.section { padding: 110px 0; }
.section-heading { display: grid; grid-template-columns: 1.15fr .85fr; gap: 70px; align-items: end; margin-bottom: 50px; }
.section h2 { margin: 10px 0 0; font-family: "Space Grotesk"; font-size: clamp(34px, 4vw, 52px); line-height: 1.1; letter-spacing: -.035em; }
.section-heading p, .center-heading p { margin: 0; color: var(--muted); }
.solutions { background: var(--paper); }
.solution-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.solution-card { --spot-x: 50%; --spot-y: 50%; position: relative; min-height: 375px; padding: 30px 26px; background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 8px 30px rgba(6,28,62,.05); transition: transform .22s ease-out, border .3s, box-shadow .3s; overflow: hidden; transform-style: preserve-3d; }
.solution-card::after { content: ""; position: absolute; inset: 0; opacity: 0; pointer-events: none; background: radial-gradient(240px circle at var(--spot-x) var(--spot-y), rgba(28,132,255,.12), transparent 70%); transition: opacity .3s; }
.solution-card:hover::after { opacity: 1; }
.solution-card:hover { transform: translateY(-7px); border-color: #9cc5ff; box-shadow: var(--shadow); }
.solution-card.featured { color: white; border-color: #1e7fff; background: linear-gradient(155deg, #0d2e58, #07172f); box-shadow: 0 18px 45px rgba(7,48,102,.2); }
.solution-card.featured::before { content: ""; position: absolute; width: 180px; height: 180px; border-radius: 50%; right: -65px; top: -60px; background: rgba(23,123,255,.28); filter: blur(25px); }
.service-number { position: absolute; top: 22px; right: 24px; color: #bac8da; font-family: "Space Grotesk"; font-size: 12px; }.featured .service-number { color: #5d7b9c; }
.service-icon { width: 56px; height: 56px; display: grid; place-items: center; color: var(--blue); border: 1px solid #b9d7ff; border-radius: 15px; background: #eef6ff; font-family: "Space Grotesk"; font-weight: 700; font-size: 20px; }.featured .service-icon { color: #58c9ff; border-color: rgba(70,172,255,.4); background: rgba(17,116,255,.14); }
.solution-card h3 { margin: 25px 0 12px; font: 700 20px/1.25 "Space Grotesk"; }.solution-card p { min-height: 96px; margin: 0; color: var(--muted); font-size: 13px; }.featured p { color: #a7b8ce; }
.solution-card ul { margin: 22px 0 0; padding: 18px 0 0; list-style: none; border-top: 1px solid var(--line); }.featured ul { border-color: rgba(255,255,255,.1); }
.solution-card li { position: relative; margin: 7px 0; padding-left: 17px; color: #3c4d64; font-size: 11px; }.featured li { color: #bdcbe0; }.solution-card li::before { content: ""; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 3px rgba(17,116,255,.1); }

.workflow-section { position: relative; color: white; background: #061329; overflow: hidden; }
.workflow-section::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 50%, rgba(15,101,212,.2), transparent 40%), linear-gradient(120deg, transparent 45%, rgba(19,80,149,.08)); }
.workflow-layout { position: relative; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 100px; }
.kicker-light { color: #4fb9ff; }.workflow-copy h2 { max-width: 480px; }.workflow-copy > p { color: #98aac1; max-width: 520px; }
.workflow-stats { display: flex; gap: 36px; margin-top: 35px; }.workflow-stats div { display: flex; flex-direction: column; }.workflow-stats strong { color: #54c5ff; font: 700 25px "Space Grotesk"; }.workflow-stats span { color: #6e849e; font-size: 11px; }
.flow-panel { position: relative; padding: 25px; border: 1px solid rgba(103,168,238,.24); border-radius: 20px; background: rgba(10,32,64,.75); box-shadow: 0 30px 70px rgba(0,0,0,.3); }
.flow-head { display: flex; gap: 6px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.08); }.flow-head span { width: 7px; height: 7px; border-radius: 50%; background: #25466d; }.flow-head small { margin-left: auto; color: #617995; font-size: 9px; text-transform: uppercase; letter-spacing: .12em; }
.flow-row { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 14px; padding: 16px; border: 1px solid rgba(255,255,255,.08); border-radius: 13px; background: rgba(4,19,41,.65); }.flow-row.active { border-color: rgba(46,161,255,.5); background: rgba(14,76,143,.25); box-shadow: 0 0 32px rgba(17,116,255,.12); }
.flow-step-icon { width: 38px; height: 38px; display: grid; place-items: center; color: #54c5ff; border: 1px solid #275d90; border-radius: 10px; font-size: 11px; }.flow-row strong, .flow-row small { display: block; }.flow-row strong { font-size: 12px; }.flow-row small { color: #6f86a2; font-size: 9px; }.flow-row b { padding: 5px 8px; color: #53d6b0; background: rgba(28,197,151,.08); border-radius: 20px; font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.flow-line { display: block; width: 1px; height: 20px; margin-left: 43px; background: repeating-linear-gradient(to bottom, #229dff 0 4px, transparent 4px 7px); background-size: 1px 14px; animation: flowTravel .8s linear infinite; }

.products { background: white; }
.product-grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 18px; }
.product-card { --spot-x: 50%; --spot-y: 50%; position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); transition: transform .22s ease-out, box-shadow .3s; transform-style: preserve-3d; }.product-card:hover { box-shadow: var(--shadow); }
.product-card::after { content: ""; position: absolute; inset: 0; opacity: 0; pointer-events: none; background: radial-gradient(260px circle at var(--spot-x) var(--spot-y), rgba(17,116,255,.11), transparent 65%); transition: opacity .25s; }.product-card:hover::after { opacity: 1; }
.product-ui { position: relative; height: 210px; background: linear-gradient(145deg, #0b2242, #08162d); overflow: hidden; }
.product-ui::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(71,146,237,.09) 1px, transparent 1px),linear-gradient(90deg,rgba(71,146,237,.09) 1px,transparent 1px); background-size: 24px 24px; }
.product-ui::before { content: ""; position: absolute; z-index: 4; inset: 0; background: linear-gradient(105deg,transparent 35%,rgba(85,195,255,.13) 48%,transparent 61%); transform: translateX(-120%); }
.product-card.visible .product-ui::before { animation: interfaceScan 4.5s 1s ease-in-out infinite; }
.product-copy { padding: 24px; }.product-copy span { color: var(--blue); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }.product-copy h3 { margin: 6px 0 7px; font: 700 18px "Space Grotesk"; }.product-copy p { margin: 0; color: var(--muted); font-size: 12px; }
.single-product-grid { grid-template-columns: 1fr; }.single-product-grid .product-card { display: grid; grid-template-columns: 1.1fr .9fr; align-items: stretch; }.single-product-grid .product-ui { height: 290px; }.single-product-grid .product-copy { display: flex; flex-direction: column; justify-content: center; padding: 45px; }.single-product-grid .product-copy h3 { font-size: 28px; }.single-product-grid .product-copy strong { color: var(--blue); }
.crm-ui span { position: absolute; z-index: 2; border-radius: 5px; background: rgba(78,150,238,.22); }.ui-nav { left: 20px; top: 20px; bottom: 20px; width: 50px; }.ui-bar.a { left: 85px; top: 20px; width: 32%; height: 14px; }.ui-bar.b { right: 20px; top: 20px; width: 18%; height: 14px; }.ui-chart { left: 85px; top: 55px; width: 45%; height: 115px; background: linear-gradient(145deg,rgba(17,116,255,.35),rgba(24,212,228,.08)) !important; }.ui-list { right: 20px; width: 28%; height: 28px; }.ui-list.l1 { top: 55px; }.ui-list.l2 { top: 97px; }.ui-list.l3 { top: 139px; }
.support-ui span { position: absolute; z-index: 2; left: 28px; width: 55%; height: 34px; border-radius: 12px 12px 12px 3px; background: rgba(17,116,255,.25); }.support-ui span:nth-child(1) { top: 35px; }.support-ui span:nth-child(2) { top: 84px; left: auto; right: 28px; background: rgba(23,207,209,.16); border-radius: 12px 12px 3px 12px; }.support-ui span:nth-child(3) { top: 133px; width: 40%; }.support-ui i { position: absolute; z-index: 2; right: 25px; bottom: 20px; width: 28px; height: 28px; border: 1px solid #36b8ff; border-radius: 50%; box-shadow: 0 0 20px #1174ff; }
.medical-ui .pulse { position: absolute; z-index: 2; left: 50%; top: 35%; transform: translate(-50%,-50%); width: 65px; height: 65px; display: grid; place-items: center; color: #54d8e2; border: 1px solid #2ab5cc; border-radius: 18px; font-size: 30px; box-shadow: 0 0 30px rgba(34,192,211,.2); }.medical-ui i { position: absolute; z-index: 2; bottom: 28px; width: 48px; height: 8px; border-radius: 8px; background: rgba(75,154,242,.22); }.medical-ui i:nth-of-type(1) { left: 24px; }.medical-ui i:nth-of-type(2) { left: 50%; transform: translateX(-50%); }.medical-ui i:nth-of-type(3) { right: 24px; }

.process { background: var(--paper); }
.center-heading { max-width: 710px; margin: 0 auto 55px; text-align: center; }.center-heading p { margin-top: 15px; }
.process-grid { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 32px; }.process-grid::before { content: ""; position: absolute; left: 11%; right: 11%; top: 60px; border-top: 1px dashed #a9c6eb; }
.process-grid article { position: relative; z-index: 2; text-align: center; }.process-grid article > span { color: #9db1c8; font: 700 10px "Space Grotesk"; }
.process-icon { width: 78px; height: 78px; margin: 10px auto 22px; display: grid; place-items: center; color: var(--blue); border: 1px solid #b9d5fa; border-radius: 50%; background: white; box-shadow: 0 0 0 10px var(--paper), 0 12px 30px rgba(17,116,255,.1); font-size: 25px; }.process-grid h3 { margin: 0 0 7px; font: 700 17px "Space Grotesk"; }.process-grid p { max-width: 210px; margin: auto; color: var(--muted); font-size: 12px; }
.process-grid article.visible .process-icon { animation: processPulse 1.1s cubic-bezier(.2,.8,.2,1) both; }
.process-grid article:nth-child(2).visible .process-icon { animation-delay: .12s; }.process-grid article:nth-child(3).visible .process-icon { animation-delay: .24s; }.process-grid article:nth-child(4).visible .process-icon { animation-delay: .36s; }

.about { color: white; background: linear-gradient(135deg,#071831,#050f20); }
.about-layout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 110px; }
.about-visual { position: relative; min-height: 390px; display: grid; place-items: center; }
.about-ring { position: absolute; border: 1px dashed rgba(72,163,255,.3); border-radius: 50%; }.ring-a { width: 270px; height: 270px; animation: rotate 25s linear infinite; }.ring-b { width: 380px; height: 380px; animation: rotate 35s linear infinite reverse; }
.about-logo { position: relative; z-index: 2; width: 150px; height: 150px; padding: 10px; display: grid; place-items: center; border: 1px solid rgba(54,168,255,.3); border-radius: 38px; background: radial-gradient(circle,rgba(17,116,255,.13),rgba(6,19,41,.1) 68%); box-shadow: 0 0 70px rgba(17,116,255,.3), inset 0 0 35px rgba(54,168,255,.08); }.about-logo img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 10px 20px rgba(0,66,156,.38)); }
.about-tag { position: absolute; z-index: 3; padding: 7px 13px; border: 1px solid rgba(78,168,255,.3); border-radius: 20px; background: #0b254a; color: #7bc9ff; font-size: 10px; }.tag-a { top: 28px; right: 45px; }.tag-b { left: 28px; bottom: 85px; }.tag-c { right: 32px; bottom: 40px; }
.about-copy p { color: #9caec4; }.text-link { display: inline-flex; gap: 12px; margin-top: 18px; color: #55bdff; font-size: 14px; font-weight: 700; }

.contact { position: relative; color: white; background: #07152d; overflow: hidden; }.contact-grid-bg { opacity: .1; mask-image: radial-gradient(circle at center,black,transparent 75%); }
.contact-layout { position: relative; display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 100px; }
.contact-copy > p { color: #9cb0c9; }.contact-direct { display: grid; gap: 12px; margin-top: 35px; }.contact-direct a { display: flex; align-items: center; gap: 13px; }.contact-direct a > span { width: 40px; height: 40px; display: grid; place-items: center; color: #58c7ff; border: 1px solid #285d92; border-radius: 11px; background: rgba(17,116,255,.09); }.contact-direct small, .contact-direct strong { display: block; }.contact-direct small { color: #64809f; font-size: 9px; text-transform: uppercase; letter-spacing: .12em; }.contact-direct strong { font-size: 13px; }
.contact-form { padding: 34px; color: var(--ink); background: white; border-radius: 22px; box-shadow: 0 35px 80px rgba(0,0,0,.28); }.contact-form label { display: grid; gap: 7px; margin-bottom: 16px; color: #2e3e53; font-size: 11px; font-weight: 700; }.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.field-row label { margin-bottom: 0; }
.contact-form input, .contact-form select, .contact-form textarea { width: 100%; border: 1px solid #d7e0eb; border-radius: 9px; background: #f9fbfd; color: var(--ink); padding: 12px 13px; font-size: 13px; outline: none; transition: border .2s, box-shadow .2s; }.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(17,116,255,.1); }.contact-form textarea { resize: vertical; }.button-full { width: 100%; border: 0; }.form-note { margin: 10px 0 0; color: #8190a3; text-align: center; font-size: 9px; }

.site-footer { padding: 50px 0 22px; color: #8497b0; background: #040c19; }.footer-top { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 60px; padding-bottom: 35px; border-bottom: 1px solid rgba(255,255,255,.07); }.footer-brand { color: white; }.footer-top p { max-width: 420px; font-size: 12px; }.footer-links { display: flex; gap: 20px; color: #a6b4c6; font-size: 11px; }.footer-bottom { display: flex; justify-content: space-between; padding-top: 20px; font-size: 9px; }
.whatsapp-float { position: fixed; z-index: 90; right: 22px; bottom: 22px; width: 52px; height: 52px; display: grid; place-items: center; color: white; background: #19bf6b; border: 4px solid white; border-radius: 50%; box-shadow: 0 12px 30px rgba(4,31,20,.28); font-size: 22px; transition: transform .2s; }.whatsapp-float:hover { transform: translateY(-4px) scale(1.03); }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }.reveal.visible { opacity: 1; transform: none; }
.tilt-card.reveal.visible { transform: perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--tilt-lift,0px)); }
@keyframes rotate { to { transform: translate(-50%,-50%) rotate(360deg); } }
.about-ring.ring-a, .about-ring.ring-b { transform: none; } @keyframes rotateRing { to { transform: rotate(360deg); } }.ring-a { animation-name: rotateRing; }.ring-b { animation-name: rotateRing; }
@keyframes cardFloat { 0%,100% { margin-top: 0; } 50% { margin-top: -8px; } }
@keyframes interfaceScan { 0%,18% { transform: translateX(-120%); } 55%,100% { transform: translateX(120%); } }
@keyframes flowTravel { to { background-position-y: 14px; } }
@keyframes processPulse { 0% { transform: scale(.72); box-shadow: 0 0 0 0 rgba(17,116,255,.3); } 55% { transform: scale(1.08); box-shadow: 0 0 0 22px rgba(17,116,255,0); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }.reveal { opacity: 1; transform: none; }.hero-network { display: none; } }

@media (max-width: 1050px) {
  .main-nav { gap: 20px; }.hero-layout { gap: 25px; }.system-map { --map-scale: .86; }.solution-grid { grid-template-columns: repeat(2,1fr); }.product-grid { grid-template-columns: 1fr 1fr; }.product-wide { grid-column: 1/-1; }.workflow-layout,.about-layout,.contact-layout { gap: 55px; }.impact-grid { grid-template-columns: repeat(2,1fr); }.impact-grid article:nth-child(2) { border-right: 0; }.impact-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 820px) {
  .site-header { height: 68px; }.menu-toggle { display: block; }.nav-cta { display: none; }.main-nav { position: fixed; inset: 68px 0 auto; display: grid; gap: 0; padding: 20px; background: rgba(5,18,39,.98); border-top: 1px solid rgba(255,255,255,.08); transform: translateY(-130%); opacity: 0; pointer-events: none; transition: transform .25s, opacity .25s; }.main-nav.open { transform: none; opacity: 1; pointer-events: auto; }.main-nav a { padding: 16px; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 15px; }.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .hero { min-height: auto; padding: 130px 0 70px; }.hero-layout { grid-template-columns: 1fr; gap: 44px; }.hero-copy { max-width: 650px; }.system-map { width: 650px; max-width: 100%; min-height: 420px; margin: 0 auto; transform: scale(.9); transform-origin: center top; }.section { padding: 85px 0; }.section-heading { grid-template-columns: 1fr; gap: 20px; }.workflow-layout,.about-layout,.contact-layout { grid-template-columns: 1fr; }.workflow-copy { max-width: 650px; }.about-copy { order: -1; }.process-grid { grid-template-columns: repeat(2,1fr); gap: 45px 25px; }.process-grid::before { display: none; }.footer-top { grid-template-columns: 1fr; gap: 22px; }.footer-links { flex-wrap: wrap; }
}

@media (max-width: 560px) {
  .container { width: min(100% - 28px, 1180px); }.hero { min-height: auto; padding: 110px 0 56px; }.hero h1 { max-width: 100%; font-size: 34px; line-height: 1.08; letter-spacing: -.04em; }.hero-copy > p { font-size: 16px; }.hero-actions { display: grid; }.button { width: 100%; }.hero-proof { margin-top: 20px; padding-right: 8px; }.system-map { width: 100%; min-height: 320px; transform: scale(.82); transform-origin: center top; }.orbit-one { width: 190px; height: 190px; }.orbit-two { width: 275px; height: 275px; }.map-core { width: 96px; height: 96px; border-radius: 22px; }.map-core strong,.map-core small { display: none; }.core-cube { width: 38px; height: 38px; }.map-card { width: 138px; min-height: 62px; padding: 9px; gap: 9px; }.map-card::after { display: none; }.map-card strong { font-size: 9px; line-height: 1.25; }.map-card small { font-size: 7px; line-height: 1.25; }.map-icon { flex-basis: 28px; height: 28px; font-size: 10px; }.map-automation { left: 0; top: 12px; }.map-ai { right: 0; top: 34px; }.map-code { left: 0; bottom: 18px; }.map-integrations { right: 0; bottom: 36px; }
  .impact-grid,.solution-grid,.product-grid,.process-grid { grid-template-columns: 1fr; }.impact-grid article { border-right: 0; border-bottom: 1px solid var(--line); }.impact-grid article:last-child { border-bottom: 0; }.product-wide { grid-column: auto; }.single-product-grid .product-card { grid-template-columns: 1fr; }.single-product-grid .product-ui { height: 210px; }.single-product-grid .product-copy { padding: 25px; }.single-product-grid .product-copy h3 { font-size: 21px; }.section { padding: 70px 0; }.section h2 { font-size: 35px; }.section-heading { margin-bottom: 34px; }.solution-card { min-height: auto; }.solution-card p { min-height: auto; }.flow-panel { padding: 14px; }.flow-row { grid-template-columns: 36px 1fr; }.flow-row b { display: none; }.workflow-stats { gap: 22px; }.about-visual { min-height: 300px; transform: scale(.8); }.field-row { grid-template-columns: 1fr; gap: 0; }.contact-form { padding: 23px 18px; }.contact-layout { gap: 45px; }.footer-bottom { display: grid; gap: 8px; }.whatsapp-float { right: 14px; bottom: 14px; }
}

/* Multipage experience */
.main-nav a.active, .main-nav a[aria-current="page"] { color: white; }
.main-nav a.active::after { content: ""; display: block; width: 18px; height: 2px; margin: 5px auto -7px; border-radius: 2px; background: var(--blue-2); box-shadow: 0 0 10px var(--blue-2); }
.inner-page { background: var(--paper); }
.inner-hero { position: relative; min-height: 650px; padding: 165px 0 105px; color: white; background: radial-gradient(circle at 76% 42%, #0c315f 0%, #081d3b 28%, #061329 62%, #040d1e 100%); overflow: hidden; }
.inner-hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 95px; }
.inner-hero h1, .contact-page-main h1 { max-width: 720px; margin: 22px 0; font: 700 clamp(45px,5vw,68px)/1.04 "Space Grotesk"; letter-spacing: -.045em; }
.inner-hero p, .contact-page-main .contact-copy > p { max-width: 660px; margin: 0 0 30px; color: #afc0d6; font-size: 17px; }
.inner-visual { position: relative; min-height: 370px; display: grid; place-items: center; }
.inner-visual::before, .inner-visual::after { content: ""; position: absolute; border: 1px dashed rgba(61,166,255,.3); border-radius: 50%; animation: rotateRing 30s linear infinite; }.inner-visual::before { width: 265px; height: 265px; }.inner-visual::after { width: 360px; height: 360px; animation-direction: reverse; animation-duration: 42s; }
.visual-core, .stack-core { position: relative; z-index: 3; width: 110px; height: 110px; display: grid; place-items: center; color: white; border: 1px solid #258fff; border-radius: 28px; background: linear-gradient(145deg,#137dff,#0750ba); box-shadow: 0 0 65px rgba(17,116,255,.45); font: 700 50px "Space Grotesk"; }
.visual-node { position: absolute; z-index: 4; padding: 9px 14px; color: #8fd7ff; border: 1px solid rgba(64,164,255,.35); border-radius: 20px; background: rgba(5,25,53,.8); backdrop-filter: blur(8px); font-size: 10px; font-weight: 700; box-shadow: 0 12px 30px rgba(0,0,0,.2); }.visual-node::after { content: ""; position: absolute; width: 45px; top: 50%; border-top: 1px dashed #2779c8; }.visual-node.n1 { left: 10px; top: 65px; }.visual-node.n1::after,.visual-node.n3::after { left: 100%; }.visual-node.n2 { right: 0; top: 85px; }.visual-node.n2::after,.visual-node.n4::after { right: 100%; }.visual-node.n3 { left: 25px; bottom: 65px; }.visual-node.n4 { right: 5px; bottom: 75px; }
.intro-section { padding: 85px 0; background: white; }
.intro-grid { display: grid; grid-template-columns: .45fr 1.2fr .85fr; align-items: start; gap: 50px; }.intro-grid h2 { margin: 0; font-size: clamp(32px,3.5vw,46px); }.intro-grid p { margin: 4px 0 0; color: var(--muted); }
.service-detail { padding: 105px 0; background: var(--paper); }.service-detail:nth-of-type(odd) { background: white; }.service-detail-grid { display: grid; grid-template-columns: 260px 1fr; gap: 90px; align-items: start; }.service-detail-grid.reverse { grid-template-columns: 260px 1fr; }.detail-index { position: sticky; top: 110px; min-height: 230px; display: grid; place-items: center; border: 1px solid #cbddee; border-radius: 28px; background: linear-gradient(145deg,#fff,#edf4fb); box-shadow: 0 20px 50px rgba(5,32,68,.08); }.detail-index span { position: absolute; top: 20px; right: 22px; color: #93a9c1; font: 700 11px "Space Grotesk"; }.detail-index i { color: var(--blue); font: normal 700 54px "Space Grotesk"; text-shadow: 0 0 25px rgba(17,116,255,.25); }.detail-copy h2 { max-width: 720px; margin: 10px 0 20px; font: 700 clamp(34px,4vw,52px)/1.1 "Space Grotesk"; letter-spacing: -.035em; }.detail-copy > p { max-width: 760px; color: var(--muted); font-size: 16px; }.capability-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 35px; }.capability-grid div { padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.7); }.capability-grid strong,.capability-grid span { display: block; }.capability-grid strong { margin-bottom: 5px; font: 700 14px "Space Grotesk"; }.capability-grid span { color: var(--muted); font-size: 11px; }
.dark-detail { color: white; background: #07152d !important; }.dark-detail .detail-index { border-color: #1c4777; background: linear-gradient(145deg,#0b2b52,#07172f); }.dark-detail .capability-grid div { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.035); }.dark-detail .detail-copy > p,.dark-detail .capability-grid span { color: #91a7c1; }
.page-cta { position: relative; padding: 105px 0; color: white; text-align: center; background: radial-gradient(circle at center,#0c3972,#07162e 60%,#050f20); overflow: hidden; }.page-cta::before { content: ""; position: absolute; inset: 0; opacity: .13; background-image: linear-gradient(rgba(71,161,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(71,161,255,.25) 1px,transparent 1px); background-size: 36px 36px; }.page-cta .container { position: relative; }.page-cta h2 { max-width: 780px; margin: 12px auto; font: 700 clamp(36px,4vw,54px)/1.1 "Space Grotesk"; }.page-cta p { margin: 0 auto 28px; color: #9db0c8; }

.product-stack { position: relative; min-height: 380px; perspective: 800px; }.stack-card { position: absolute; left: 50%; top: 50%; width: 280px; height: 170px; padding: 20px; color: #7dcfff; border: 1px solid rgba(65,167,255,.32); border-radius: 20px; background: linear-gradient(145deg,rgba(13,54,99,.8),rgba(5,19,42,.9)); box-shadow: 0 25px 60px rgba(0,0,0,.3); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }.stack-card.s1 { transform: translate(-70%,-65%) rotateY(22deg) rotateZ(-5deg); }.stack-card.s2 { transform: translate(-30%,-40%) rotateY(-20deg) rotateZ(5deg); }.stack-card.s3 { transform: translate(-50%,-10%) rotateX(62deg); }.product-stack .stack-core { position: absolute; left: 50%; top: 42%; transform: translate(-50%,-50%); }
.product-feature { background: white; }.feature-product-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 85px; }.feature-product-visual { min-height: 500px; display: grid; place-items: center; border-radius: 28px; background: radial-gradient(circle at 55% 40%,#124a89,#071a37 62%,#061329); overflow: hidden; }.medical-dashboard { position: relative; width: 82%; height: 68%; border: 1px solid rgba(102,181,255,.35); border-radius: 17px; background: #f6f9fd; box-shadow: 0 35px 80px rgba(0,0,0,.35); transform: perspective(900px) rotateY(-9deg) rotateX(4deg); overflow: hidden; }.dash-side { position: absolute; inset: 0 auto 0 0; width: 19%; background: #082148; }.dash-top { position: absolute; left: 19%; right: 0; top: 0; height: 14%; border-bottom: 1px solid #dce6f1; background: white; }.dash-card { position: absolute; top: 23%; height: 22%; border-radius: 8px; background: linear-gradient(145deg,#e7f1ff,#cfe3ff); }.dash-card.c1 { left: 24%; width: 20%; }.dash-card.c2 { left: 48%; width: 20%; }.dash-card.c3 { left: 72%; width: 20%; }.dash-lines { position: absolute; left: 24%; right: 8%; bottom: 12%; height: 30%; border-radius: 8px; background: repeating-linear-gradient(to bottom,#dce7f4 0 2px,transparent 2px 22px),linear-gradient(145deg,#f8fbff,#edf4fb); }.product-status { display: inline-flex; margin-bottom: 18px; padding: 7px 11px; color: #1670e5; border: 1px solid #b9d6fb; border-radius: 20px; background: #eff6ff; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }.feature-product-copy h2 { margin: 10px 0 18px; font: 700 clamp(36px,4vw,52px)/1.08 "Space Grotesk"; }.feature-product-copy > p { color: var(--muted); }.feature-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 28px 0; padding: 0; list-style: none; }.feature-list li { padding: 16px; border: 1px solid var(--line); border-radius: 12px; }.feature-list strong,.feature-list span { display: block; }.feature-list strong { font-size: 12px; }.feature-list span { margin-top: 3px; color: var(--muted); font-size: 10px; }
.product-principles { background: var(--paper); }.principle-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }.principle-grid article { padding: 28px 24px; border: 1px solid var(--line); border-radius: 17px; background: white; }.principle-grid article > span { color: var(--blue); font: 700 10px "Space Grotesk"; }.principle-grid h3 { margin: 30px 0 8px; font: 700 17px "Space Grotesk"; }.principle-grid p { margin: 0; color: var(--muted); font-size: 11px; }

.process-orbit { position: relative; min-height: 390px; display: grid; place-items: center; }.process-orbit::before,.process-orbit::after { content: ""; position: absolute; border: 1px dashed rgba(67,165,255,.35); border-radius: 50%; }.process-orbit::before { width: 310px; height: 310px; animation: rotateRing 30s linear infinite; }.process-orbit::after { width: 205px; height: 205px; animation: rotateRing 22s linear infinite reverse; }.process-orbit div { position: relative; z-index: 3; width: 100px; height: 100px; display: grid; place-items: center; border-radius: 50%; background: #1377f6; box-shadow: 0 0 60px rgba(17,116,255,.5); font: 700 45px "Space Grotesk"; }.process-orbit span { position: absolute; z-index: 4; width: 48px; height: 48px; display: grid; place-items: center; color: #77ccff; border: 1px solid #2876be; border-radius: 50%; background: #082447; font: 700 11px "Space Grotesk"; }.process-orbit span:nth-child(1) { top: 25px; }.process-orbit span:nth-child(2) { right: 25px; }.process-orbit span:nth-child(3) { bottom: 25px; }.process-orbit span:nth-child(4) { left: 25px; }
.process-timeline { padding: 20px 0 110px; background: white; }.timeline-wrap { position: relative; }.timeline-wrap::before { content: ""; position: absolute; left: 73px; top: 90px; bottom: 90px; border-left: 1px dashed #9ec8f6; }.timeline-item { position: relative; display: grid; grid-template-columns: 145px 1fr; gap: 60px; padding: 75px 0; border-bottom: 1px solid var(--line); }.timeline-item:last-child { border-bottom: 0; }.timeline-number { position: relative; z-index: 2; width: 78px; height: 78px; display: grid; place-items: center; color: var(--blue); border: 1px solid #afd1fb; border-radius: 50%; background: white; box-shadow: 0 0 0 12px white,0 12px 30px rgba(17,116,255,.12); font: 700 16px "Space Grotesk"; }.timeline-copy h2 { margin: 9px 0 15px; font: 700 clamp(32px,3.8vw,48px)/1.1 "Space Grotesk"; }.timeline-copy > p { max-width: 760px; color: var(--muted); }.deliverable { display: inline-flex; gap: 18px; margin-top: 18px; padding: 13px 17px; border: 1px solid #cfe0f3; border-radius: 10px; background: var(--paper); }.deliverable strong { color: var(--blue); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }.deliverable span { color: var(--muted); font-size: 10px; }
.collaboration { color: white; background: #07152d; }.collaboration-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; }.collaboration h2 { margin-top: 10px; }.collaboration-list { display: grid; gap: 12px; }.collaboration-list div { padding: 20px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: rgba(255,255,255,.035); }.collaboration-list strong,.collaboration-list span { display: block; }.collaboration-list strong { font: 700 14px "Space Grotesk"; }.collaboration-list span { margin-top: 5px; color: #8da4bf; font-size: 11px; }

.contact-page-main { position: relative; min-height: calc(100vh - 160px); padding: 150px 0 95px; color: white; background: radial-gradient(circle at 20% 45%,#0c356c,#07152d 55%,#040d1d); overflow: hidden; }.contact-page-main .contact-layout { position: relative; z-index: 2; }.contact-page-main .eyebrow { margin-bottom: 10px; }.next-step { margin-top: 35px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.1); }.next-step > strong { font: 700 13px "Space Grotesk"; }.next-step ol { margin: 12px 0 0; padding-left: 20px; color: #8fa5bf; font-size: 11px; }.next-step li { margin: 7px 0; }

@media (max-width: 900px) {
  .inner-hero-layout,.feature-product-grid,.collaboration-grid { grid-template-columns: 1fr; }.inner-hero-layout { gap: 40px; }.inner-visual,.product-stack,.process-orbit { min-height: 330px; }.intro-grid { grid-template-columns: 1fr; gap: 18px; }.service-detail-grid,.service-detail-grid.reverse { grid-template-columns: 170px 1fr; gap: 45px; }.principle-grid { grid-template-columns: 1fr 1fr; }.feature-product-visual { min-height: 420px; }
}
@media (max-width: 620px) {
  .main-nav a.active::after { margin-left: 0; }.inner-hero { min-height: auto; padding: 125px 0 65px; }.inner-hero h1,.contact-page-main h1 { font-size: 41px; }.inner-visual { transform: scale(.88); margin: -25px 0; }.intro-section { padding: 65px 0; }.service-detail { padding: 70px 0; }.service-detail-grid,.service-detail-grid.reverse { grid-template-columns: 1fr; gap: 30px; }.detail-index { position: relative; top: auto; min-height: 130px; }.detail-copy h2 { font-size: 34px; }.capability-grid,.feature-list,.principle-grid { grid-template-columns: 1fr; }.product-stack { transform: scale(.82); margin: -30px; }.feature-product-grid { gap: 45px; }.feature-product-visual { min-height: 330px; }.process-orbit { transform: scale(.85); }.timeline-wrap::before { left: 27px; }.timeline-item { grid-template-columns: 55px 1fr; gap: 20px; padding: 55px 0; }.timeline-number { width: 54px; height: 54px; box-shadow: 0 0 0 8px white; }.deliverable { display: grid; gap: 4px; }.collaboration-grid { gap: 40px; }.contact-page-main { padding: 120px 0 70px; }
}

/* Modern dark brand theme */
.modern-theme {
  --ink: #eef3ff;
  --muted: #94a3b8;
  --line: rgba(255,255,255,.09);
  --paper: #080814;
  --white: #0c0c1e;
  --secondary: #7928ca;
  --accent: #ff0080;
  color: var(--ink);
  background: #050510;
}
.modern-theme .site-header.scrolled { background: rgba(5,5,16,.82); border-bottom-color: rgba(255,255,255,.07); box-shadow: 0 12px 40px rgba(0,0,0,.22); }
.modern-theme .button { border-color: rgba(96,165,250,.75); background: linear-gradient(120deg,#0878f9 0%,#5b32cc 70%,#7928ca 100%); box-shadow: 0 14px 34px rgba(51,80,220,.28); }
.modern-theme .button:hover { box-shadow: 0 18px 46px rgba(75,58,215,.4); }
.modern-theme .button-ghost { border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.045); box-shadow: none; }
.modern-theme .hero,
.modern-theme .inner-hero { background: radial-gradient(circle at 76% 35%,rgba(49,74,190,.42),transparent 27%),radial-gradient(circle at 87% 70%,rgba(121,40,202,.24),transparent 25%),radial-gradient(circle at 16% 75%,rgba(0,112,243,.18),transparent 28%),#050510; }
.modern-theme .hero::after,
.modern-theme .inner-hero::after { content: ""; position: absolute; z-index: 1; width: 380px; height: 380px; right: -180px; bottom: -220px; border-radius: 50%; background: rgba(255,0,128,.12); filter: blur(100px); pointer-events: none; }
.modern-theme .hero h1 em { color: transparent; background: linear-gradient(90deg,#55b5ff 0%,#9f70f3 55%,#ff5caf 100%); -webkit-background-clip: text; background-clip: text; }
.modern-theme .inner-hero h1,
.modern-theme .contact-page-main h1 { background: linear-gradient(110deg,#fff 15%,#cbd9ff 62%,#a677f3); -webkit-background-clip: text; background-clip: text; color: transparent; }
.modern-theme .eyebrow,.modern-theme .kicker { color: #8e8fff; }.modern-theme .kicker-light { color: #69c5ff; }
.modern-theme .map-card,.modern-theme .flow-panel { border-color: rgba(151,134,255,.25); background: rgba(15,15,40,.66); box-shadow: 0 18px 50px rgba(0,0,0,.25); }
.modern-theme .map-core { border-color: rgba(117,137,255,.6); background: radial-gradient(circle at 50% 25%,rgba(80,81,230,.42),rgba(7,11,32,.94)); box-shadow: 0 0 70px rgba(89,71,222,.34),inset 0 0 30px rgba(59,129,255,.15); }
.modern-theme .impact-strip { color: #e9effc; border-color: rgba(255,255,255,.08); background: rgba(10,10,28,.96); box-shadow: 0 18px 45px rgba(0,0,0,.2); }
.modern-theme .impact-grid article { border-color: rgba(255,255,255,.07); }.modern-theme .impact-icon { color: #70b7ff; border-color: rgba(98,149,255,.3); background: rgba(69,87,199,.1); }.modern-theme .impact-grid p { color: #7f8fa6; }
.modern-theme .solutions,.modern-theme .products,.modern-theme .process,.modern-theme .product-principles { position: relative; background: #080814; }
.modern-theme .solutions::before,.modern-theme .products::before,.modern-theme .product-principles::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 12% 20%,rgba(0,112,243,.08),transparent 25%),radial-gradient(circle at 88% 70%,rgba(121,40,202,.08),transparent 25%); }
.modern-theme .section-heading,.modern-theme .center-heading,.modern-theme .solution-grid,.modern-theme .product-grid,.modern-theme .process-grid { position: relative; }
.modern-theme .section-heading p,.modern-theme .center-heading p { color: #91a0b5; }
.modern-theme .solution-card,.modern-theme .product-card,.modern-theme .principle-grid article { color: #edf3ff; border-color: rgba(255,255,255,.09); background: linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); box-shadow: 0 18px 55px rgba(0,0,0,.16); backdrop-filter: blur(14px); }
.modern-theme .solution-card:hover,.modern-theme .product-card:hover,.modern-theme .principle-grid article:hover { border-color: rgba(133,109,255,.46); box-shadow: 0 24px 70px rgba(20,12,58,.4),0 0 36px rgba(74,68,210,.1); }
.modern-theme .solution-card.featured { border-color: rgba(120,104,255,.45); background: linear-gradient(145deg,rgba(28,81,181,.5),rgba(72,29,128,.46) 75%,rgba(14,13,35,.9)); }
.modern-theme .service-icon { color: #72baff; border-color: rgba(93,145,255,.3); background: rgba(32,89,185,.16); }.modern-theme .solution-card p,.modern-theme .solution-card li,.modern-theme .product-copy p,.modern-theme .principle-grid p { color: #8d9bb0; }.modern-theme .solution-card ul { border-color: rgba(255,255,255,.08); }
.modern-theme .product-ui { background: linear-gradient(145deg,#11113b,#08081d 70%,#1b0d35); }.modern-theme .product-copy span { color: #898cff; }.modern-theme .single-product-grid .product-copy strong { color: #ae77ff; }
.modern-theme .process-icon { color: #8b9dff; border-color: rgba(120,133,255,.35); background: #0d0d24; box-shadow: 0 0 0 10px #080814,0 14px 38px rgba(61,44,173,.2); }.modern-theme .process-grid p { color: #8998ad; }.modern-theme .process-grid::before { border-color: rgba(114,125,255,.25); }
.modern-theme .workflow-section,.modern-theme .collaboration { background: radial-gradient(circle at 80% 30%,rgba(77,41,170,.18),transparent 32%),#070718; }
.modern-theme .flow-row { border-color: rgba(255,255,255,.08); background: rgba(5,5,19,.65); }.modern-theme .flow-row.active { border-color: rgba(112,107,255,.5); background: rgba(67,49,164,.18); box-shadow: 0 0 35px rgba(83,66,218,.14); }
.modern-theme .intro-section { color: #eef3ff; background: #080814; border-bottom: 1px solid rgba(255,255,255,.06); }.modern-theme .intro-grid p { color: #8999af; }
.modern-theme .service-detail,.modern-theme .service-detail:nth-of-type(odd) { color: #eef3ff; background: #0b0b1d; border-bottom: 1px solid rgba(255,255,255,.06); }.modern-theme .service-detail:nth-of-type(even) { background: #070717; }.modern-theme .dark-detail { background: radial-gradient(circle at 82% 40%,rgba(86,45,183,.16),transparent 35%),#070717 !important; }
.modern-theme .detail-index { border-color: rgba(255,255,255,.1); background: linear-gradient(145deg,rgba(38,39,90,.52),rgba(12,12,31,.9)); box-shadow: 0 24px 60px rgba(0,0,0,.24); }.modern-theme .detail-index i { color: #808cff; text-shadow: 0 0 28px rgba(99,85,242,.35); }.modern-theme .detail-copy > p { color: #8f9eb2; }.modern-theme .capability-grid div { border-color: rgba(255,255,255,.09); background: rgba(255,255,255,.035); }.modern-theme .capability-grid span { color: #8392a8; }
.modern-theme .page-cta { background: radial-gradient(circle at 50% 45%,rgba(77,65,213,.34),transparent 38%),radial-gradient(circle at 72% 60%,rgba(196,45,174,.14),transparent 30%),#070719; }.modern-theme .page-cta::before { opacity: .1; }
.modern-theme .feature-product { color: #eef3ff; background: #080814; }.modern-theme .feature-product-visual { background: radial-gradient(circle at 55% 38%,rgba(68,76,210,.5),transparent 30%),linear-gradient(145deg,#11113b,#08081c); box-shadow: inset 0 0 70px rgba(111,55,204,.12); }.modern-theme .product-status { color: #b9a1ff; border-color: rgba(151,120,255,.3); background: rgba(121,40,202,.11); }.modern-theme .feature-product-copy > p { color: #8d9bb0; }.modern-theme .feature-list li { border-color: rgba(255,255,255,.09); background: rgba(255,255,255,.03); }.modern-theme .feature-list span { color: #8492a8; }
.modern-theme .timeline-wrap::before { border-color: rgba(119,123,255,.27); }.modern-theme .process-timeline { color: #eef3ff; background: #080814; }.modern-theme .timeline-item { border-color: rgba(255,255,255,.08); }.modern-theme .timeline-number { color: #8f98ff; border-color: rgba(127,128,255,.35); background: #0d0d25; box-shadow: 0 0 0 12px #080814,0 15px 38px rgba(55,38,164,.2); }.modern-theme .timeline-copy > p { color: #8d9bb0; }.modern-theme .deliverable { border-color: rgba(255,255,255,.09); background: rgba(255,255,255,.035); }.modern-theme .deliverable strong { color: #a08fff; }.modern-theme .deliverable span { color: #8190a6; }
.modern-theme .medical-dashboard { border-color: rgba(148,129,255,.35); background: #111126; box-shadow: 0 35px 80px rgba(0,0,0,.45),0 0 45px rgba(82,56,211,.12); }.modern-theme .dash-side { background: #151348; }.modern-theme .dash-top { border-color: rgba(255,255,255,.08); background: #121228; }.modern-theme .dash-card { background: linear-gradient(145deg,rgba(69,92,215,.44),rgba(98,43,176,.28)); }.modern-theme .dash-lines { background: repeating-linear-gradient(to bottom,rgba(148,143,255,.15) 0 2px,transparent 2px 22px),linear-gradient(145deg,#111128,#0b0b1e); }
.modern-theme .contact-page-main,.modern-theme .contact { background: radial-gradient(circle at 16% 44%,rgba(29,91,191,.27),transparent 30%),radial-gradient(circle at 85% 35%,rgba(121,40,202,.2),transparent 30%),#050510; }
.modern-theme .contact-form { color: #eaf0fb; border: 1px solid rgba(255,255,255,.11); background: rgba(15,15,38,.74); backdrop-filter: blur(20px); box-shadow: 0 35px 90px rgba(0,0,0,.34),0 0 45px rgba(75,49,199,.08); }.modern-theme .contact-form label { color: #c6d0df; }.modern-theme .contact-form input,.modern-theme .contact-form select,.modern-theme .contact-form textarea { color: #edf3ff; border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.045); }.modern-theme .contact-form input::placeholder,.modern-theme .contact-form textarea::placeholder { color: #637087; }.modern-theme .contact-form select option { color: #eaf0fb; background: #111126; }.modern-theme .form-note { color: #69778c; }
.modern-theme .site-footer { border-top: 1px solid rgba(255,255,255,.06); background: #04040d; }
.modern-theme .whatsapp-float { border-color: #080814; }

@media (max-width: 620px) {
  .modern-theme .timeline-number { box-shadow: 0 0 0 8px #080814,0 12px 30px rgba(55,38,164,.2); }
}