*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#06111F;color:#F5F9FF;font-family:"DM Sans",Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:78px;display:flex;align-items:center;gap:28px;padding:0 5vw;background:rgba(6,17,31,.7);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand>span:last-child span{color:#54E5FF}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#54E5FF,#6D7CFF);font-size:11px}.nav nav{display:flex;gap:20px;margin-left:auto;font-size:13px;color:#9EB0C5}.nav nav a:hover{color:#F5F9FF}.nav-cta,.btn{padding:11px 16px;border-radius:12px;font-weight:700;font-size:13px}.nav-cta,.primary{background:linear-gradient(135deg,#39D7EF,#6875FF);box-shadow:0 10px 30px rgba(85,130,255,.25)}.menu{display:none;background:none;color:#F5F9FF;border:0;font-size:24px}.hero{min-height:820px;padding:150px 7vw 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;background:radial-gradient(circle at 75% 45%,rgba(92,105,255,.18),transparent 35%),radial-gradient(circle at 20% 20%,rgba(38,211,238,.1),transparent 30%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -40% -10%;height:400px;background:linear-gradient(transparent,#06111F);pointer-events:none}.eyebrow{font-size:11px;letter-spacing:.18em;color:#54E5FF;font-weight:800;margin-bottom:18px}.hero h1{font-size:clamp(48px,6.3vw,88px);line-height:.98;letter-spacing:-.055em;margin:0 0 25px}.hero h1 em,h2 em{font-style:normal;background:linear-gradient(90deg,#54E5FF,#8a6bff);-webkit-background-clip:text;color:transparent}.hero p{max-width:650px;color:#9EB0C5;font-size:18px}.actions{display:flex;gap:12px;margin:32px 0}.btn{display:inline-block}.ghost{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03)}.trust-line{display:flex;gap:28px;color:#778198;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.data-engine{height:520px;position:relative}.orb{position:absolute;left:50%;top:50%;width:260px;height:260px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#7deeff,transparent 22%),radial-gradient(circle,#16244d 0 30%,#0d1531 55%,transparent 56%);box-shadow:0 0 100px rgba(76,220,255,.18);animation:float 6s ease-in-out infinite}.orb:before,.orb:after{content:"";position:absolute;inset:-45px;border:1px solid rgba(100,230,255,.2);border-radius:50%;animation:spin 14s linear infinite}.orb:after{inset:-90px;border-color:rgba(132,101,255,.15);animation-duration:20s;animation-direction:reverse}.orb-core{text-align:center;padding-top:105px;font-weight:900;font-size:28px;letter-spacing:.08em}.orb-core small{font-size:8px;color:#54E5FF;letter-spacing:.2em}.node{position:absolute;padding:9px 12px;border:1px solid rgba(110,232,255,.2);background:rgba(11,18,36,.8);backdrop-filter:blur(12px);border-radius:10px;color:#cbd5e8;font-size:10px;letter-spacing:.1em;box-shadow:0 12px 30px #0004}.n1{left:5%;top:22%}.n2{right:5%;top:16%}.n3{right:0;bottom:27%}.n4{left:7%;bottom:18%}.n5{left:50%;bottom:4%;transform:translateX(-50%);border-color:#54E5FF;color:#F5F9FF}.rings{position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0 72%,rgba(99,227,255,.12) 73% 74%,transparent 75% 100%);border-radius:50%;filter:blur(1px);animation:spin 9s linear infinite}.logo-strip{padding:22px 6vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:35px;color:#707a90;font-size:10px;letter-spacing:.14em}.logos{display:flex;gap:30px;flex-wrap:wrap;color:#9EB0C5;font-size:12px;letter-spacing:.02em}.section{padding:120px 7vw}.section-head{max-width:820px;margin-bottom:55px}.section h2{font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-.04em;margin:0 0 15px}.section-head p{color:#9EB0C5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-height:280px;padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#0B1B2D,#081728);transition:.35s;position:relative;overflow:hidden}.card:hover{transform:translateY(-7px);border-color:#54E5FF55;box-shadow:0 25px 70px #0007}.card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-80px;top:-80px;background:#5d7cff18;filter:blur(25px)}.card.featured{background:linear-gradient(145deg,#101d36,#081728)}.icon{font-size:25px;color:#54E5FF;margin-bottom:20px}.card h3{font-size:21px;margin:0 0 10px}.card p{color:#9EB0C5;font-size:14px}.card a{display:inline-block;margin-top:15px;color:#70e8ff;font-size:12px;font-weight:800}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:9px;padding:5px 8px;border:1px solid var(--line);border-radius:99px;color:#9EB0C5}.transform{padding:105px 7vw;background:linear-gradient(180deg,#081728,#0B1B2D,#080b13);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pipeline{display:flex;align-items:center;gap:10px;overflow:auto;padding:15px 0}.pipeline>div{min-width:130px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#081728;color:#748097;font-size:10px}.pipeline b{color:#F5F9FF;font-size:14px}.pipeline i{color:#54E5FF}.pipeline .gold{border-color:#54E5FF55;background:linear-gradient(145deg,#10263a,#121333);color:#54E5FF}.tech{background:#06111F}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tech-grid article{padding:27px;border:1px solid var(--line);border-radius:20px;background:#0B1B2D;min-height:205px;transition:.3s}.tech-grid article:hover{border-color:#7b70ff55;transform:translateY(-5px)}.real-logo{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#121a2d;font-weight:900;font-size:12px;margin-bottom:18px}.ms{color:#54E5FF}.bi{color:#FFD23F}.ai{color:#c99cff}.az{color:#72a8ff}.dev{color:#F5F9FF}.qa{color:#79e6b3}.tech-grid h3{margin:0 0 7px}.tech-grid p{font-size:13px;color:#9EB0C5}.industries{background:#081728}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.industry-grid div{padding:25px;border:1px solid var(--line);border-radius:15px;background:#0B1B2D;color:#d7ddec;transition:.25s}.industry-grid div:hover{border-color:#54E5FF44;transform:translateY(-3px)}.health{padding:110px 10vw;display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:center;background:radial-gradient(circle at 75% 50%,#1a1b4c,transparent 38%),#081728}.health h2{font-size:clamp(38px,4vw,64px);line-height:1;margin:0 0 20px}.health p{color:#9EB0C5;max-width:560px;margin-bottom:30px}.health-card{padding:30px;border-radius:25px;border:1px solid var(--line);background:#0B1B2D;box-shadow:0 30px 90px #0007}.score{font-size:11px;letter-spacing:.16em;color:#54E5FF;margin-bottom:25px}.metric{position:relative;margin:18px 0;padding-bottom:10px}.metric span{font-size:12px;color:#9EB0C5}.metric b{float:right;font-size:12px}.metric i{display:block;height:4px;background:linear-gradient(90deg,#62e7ff,#7b63ff);border-radius:5px;margin-top:9px}.health-card small{color:#626d82;font-size:9px}.cases{background:#06111F}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.case-grid article{padding:35px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,#0c1322,#090d17);min-height:250px}.case-grid span{font-size:10px;color:#54E5FF;letter-spacing:.12em}.case-grid h3{font-size:29px;margin:35px 0 12px}.case-grid p{color:#929caf}.case-grid b{font-size:11px;color:#d8deeb}.dark{background:#0b0f1a}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.steps div{padding:24px;border-top:1px solid #54E5FF55}.steps b{color:#54E5FF}.steps h3{margin:20px 0 8px}.steps p{font-size:12px;color:#808ba0}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-copy p{color:#9EB0C5;font-size:17px;max-width:650px}.stats{display:flex;gap:45px;margin-top:40px}.stats b{display:block;font-size:28px}.stats span{color:#707b90;font-size:11px}.about-art{min-height:430px;position:relative;border-radius:25px;overflow:hidden;background:radial-gradient(circle,#182d5c,transparent 45%),#0c1020;border:1px solid var(--line)}.grid3d{position:absolute;inset:10%;background:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(58deg) rotateZ(-15deg) scale(1.2);transform-origin:center}.quote{position:absolute;left:30px;right:30px;bottom:30px;padding:20px;border-radius:15px;background:#07101ccc;backdrop-filter:blur(10px);font-weight:700}.cta{padding:70px 7vw;display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(90deg,#0d1830,#14102b)}.cta h2{font-size:clamp(30px,3vw,48px);margin:0}.cta .eyebrow{margin-bottom:8px}footer{padding:50px 7vw 35px;color:#737e94;border-top:1px solid var(--line)}footer .brand{color:#F5F9FF;margin-bottom:15px}footer p{font-size:12px}footer a{color:#9EB0C5}footer small{display:block;margin-top:35px;font-size:10px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translate(-50%,-54%)}}@media(max-width:900px){.nav nav{display:none}.nav-cta{margin-left:auto}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:125px}.data-engine{height:420px}.cards,.tech-grid{grid-template-columns:1fr 1fr}.industry-grid{grid-template-columns:1fr 1fr}.health,.about{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.cta{display:block}.cta .btn{margin-top:25px}}@media(max-width:600px){.nav{padding:0 18px}.nav-cta{display:none}.hero,.section,.transform{padding-left:22px;padding-right:22px}.hero h1{font-size:48px}.hero p{font-size:15px}.actions{flex-direction:column}.trust-line{flex-direction:column;gap:8px}.data-engine{height:330px}.orb{width:180px;height:180px}.orb-core{padding-top:70px;font-size:21px}.node{font-size:8px}.cards,.tech-grid,.case-grid,.industry-grid,.steps{grid-template-columns:1fr}.logo-strip{display:block;padding:25px 22px}.logos{margin-top:16px;gap:14px}.health{padding:80px 22px;gap:40px}.stats{gap:20px}.cta{padding:60px 22px}footer{padding:40px 22px}.pipeline>i{display:none}}
/* ---- Responsive + usability fixes ---- */
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
html,body{overflow-x:hidden;max-width:100%}
img,svg{max-width:100%;height:auto}
section[id]{scroll-margin-top:90px}
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.js .reveal.in{opacity:1;transform:none}
:focus-visible{outline:2px solid #54E5FF;outline-offset:3px;border-radius:6px}
.btn,.nav-cta,.menu{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.menu{width:44px;cursor:pointer}
.actions{flex-wrap:wrap}
.logos{row-gap:12px}
.stats{flex-wrap:wrap}
.tags span{font-size:11px}.health-card small{font-size:11px;color:#8591a8}.node{font-size:11px}.trust-line{flex-wrap:wrap;color:#9EB0C5}.pipeline>div{font-size:12px}.steps p{font-size:14px;color:#9EB0C5}.stats span,.logo-strip{font-size:12px}.logo-strip{color:#9EB0C5}.card p,.tech-grid p{color:#9EB0C5}
.pipeline{-webkit-overflow-scrolling:touch}
.pipeline>div{flex:0 0 auto}
@media(max-width:1180px){.nav{gap:16px}.nav nav{gap:14px}.nav-cta{white-space:nowrap}.cards,.tech-grid{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.health{gap:50px}}
@media(max-width:900px){
.nav nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;gap:0;margin:0;padding:8px 5vw 16px;background:rgba(6,17,31,.97);border-bottom:1px solid rgba(255,255,255,.1);font-size:16px}
.nav nav.open{display:flex}
.nav nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.hero{min-height:0;padding-bottom:60px}
.data-engine{width:100%;max-width:520px;margin:0 auto}
.section{padding:80px 6vw}.transform{padding:80px 6vw}.health{padding:80px 6vw}
.industry-grid{grid-template-columns:repeat(2,1fr)}
.case-grid{grid-template-columns:1fr}
.steps{grid-template-columns:repeat(2,1fr)}
.about{gap:40px}.about-art{min-height:320px}
.logo-strip{flex-wrap:wrap}
.cta{padding:60px 6vw}
}
@media(max-width:600px){
.nav nav{top:78px}
.section,.transform,.health,.hero,.cta{padding-left:20px;padding-right:20px}
.section{padding-top:64px;padding-bottom:64px}
.hero{padding-top:110px}
.hero h1{font-size:clamp(38px,11vw,48px)}
.cards,.tech-grid,.case-grid,.industry-grid,.steps{grid-template-columns:1fr}
.card{min-height:0}.tech-grid article{min-height:0}.case-grid article{min-height:0;padding:26px}.case-grid h3{font-size:24px;margin-top:22px}
.industry-grid div{padding:18px}
.actions .btn{width:100%}
.n1{left:0}.n2{right:0}.n4{left:0}
.orb:before{inset:-30px}.orb:after{inset:-60px}
.health-card{padding:22px}
.stats{gap:24px}
.section h2,.health h2,.cta h2{font-size:clamp(28px,8vw,36px)}
.cta .btn{width:100%}
}
@media(max-width:360px){.brand{font-size:17px}.hero h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}}
@media(max-width:900px){.nav nav{background:#06111F}}
@media(max-width:600px){.nav .nav-cta{display:none}.nav .menu{margin-left:auto}}

.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(3,5,10,.78);backdrop-filter:blur(6px)}
.modal[hidden]{display:none}
.modal-box{position:relative;width:100%;max-width:520px;max-height:92vh;overflow:auto;padding:28px;border-radius:22px;border:1px solid var(--line);background:#0B1B2D;box-shadow:0 30px 90px #000a}
.modal-box h2{font-size:26px;margin:0 40px 8px 0}.cm-sub{color:#9EB0C5;font-size:14px;margin:0 0 18px}
.modal-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:none;color:#F5F9FF;font-size:16px;cursor:pointer}
.modal label{display:block;font-size:13px;color:#9EB0C5;margin-bottom:12px}
.modal input,.modal select,.modal textarea{display:block;width:100%;margin-top:6px;padding:12px;border-radius:10px;border:1px solid var(--line);background:#06111F;color:#F5F9FF;font:inherit;font-size:16px}
.modal .btn{border:0;cursor:pointer;font-family:inherit;color:#F5F9FF}.modal .ghost{border:1px solid var(--line)}
.cm-text{width:100%;margin:8px 0 12px;padding:12px;border-radius:10px;border:1px solid var(--line);background:#06111F;color:#DCE6F2;font:inherit;font-size:14px}
.cm-actions{display:flex;gap:10px;flex-wrap:wrap}.cm-note{display:block;margin-top:12px;color:#54E5FF;font-size:12px}
.cm-mail{color:#54E5FF}
@media(max-width:600px){.cm-actions .btn{width:100%}.modal-box{padding:22px}}
.logo-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.logo-row.sm{margin:16px 0 0}
.chip{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#F5F9FF;box-shadow:0 6px 18px #0005}
.chip svg{width:26px;height:26px;display:block}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nav .menu{display:none}
@media(max-width:900px){.nav .menu{display:inline-flex}}

.clients{padding:48px 7vw;background:#081728;border-bottom:1px solid var(--line)}
.clients-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9EB0C5;margin-bottom:22px}
.client-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.client{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:96px;padding:16px;border-radius:16px;background:#F5F9FF;text-align:center;line-height:1.05;box-shadow:0 8px 24px #0005}
.client b{display:block;font-weight:800}
.c-kauvery b{font-size:26px;color:#8a3b66;letter-spacing:-.02em}.c-kauvery small{font-size:15px;letter-spacing:.14em;color:#6b6b78;margin-top:2px}
.c-rainbow b{font-size:15px;color:#4a3f8f}.c-rainbow sup{font-size:8px}
.c-naizak{flex-direction:row;gap:8px}.c-naizak b{font-size:26px;color:#33337a;letter-spacing:-.02em}
.dots{display:grid;grid-template-columns:repeat(2,12px);gap:3px}.dots i{width:12px;height:12px;border-radius:50%;background:#e0a526}.dots i:nth-child(2){background:#6a5fb0}.dots i:nth-child(3){background:#33337a}
.c-shively b{font:italic 700 26px "Brush Script MT","Segoe Script",cursive;color:#2f9e44}
.c-fastenal b{font-size:25px;font-style:italic;color:#1d4fa3;letter-spacing:-.03em;font-weight:900}
@media(max-width:1180px){.client-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.clients{padding:36px 20px}.client-grid{grid-template-columns:repeat(2,1fr)}.client{min-height:84px}.c-kauvery b,.c-naizak b,.c-shively b,.c-fastenal b{font-size:21px}}
.cl-strip{padding:46px 6vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.cl-title{margin:0 0 24px;color:#9EB0C5;font-size:14px}
.cl-row{list-style:none;margin:0 auto;padding:0;max-width:1100px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.cl-row li{display:flex;align-items:center;justify-content:center;height:92px;padding:14px 18px;border-radius:14px;background:#F5F9FF;box-shadow:0 8px 24px #0004}
.cl-row img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
@media(max-width:1000px){.cl-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.cl-strip{padding:36px 20px}.cl-row{grid-template-columns:repeat(2,1fr);gap:10px}.cl-row li{height:80px;padding:12px}}

.explore{cursor:pointer}
.sol-box{max-width:820px}
.sol-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#54E5FF;font-weight:800;margin:0 40px 10px 0}
.sol-box h2{font-size:clamp(26px,4vw,36px);margin:0 40px 12px 0;line-height:1.1}
.sol-box h3{font-size:15px;margin:22px 0 10px;color:#F5F9FF}
.sol-lead{color:#9EB0C5;font-size:16px;margin:0}
.sol-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.sol-box ul{margin:0;padding:0;list-style:none}
.sol-box li{position:relative;padding:0 0 10px 22px;color:#DCE6F2;font-size:14px;line-height:1.5}
.sol-box li:before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#39D7EF,#6875FF)}
.sol-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.sol-table{width:100%;border-collapse:collapse;font-size:13px;min-width:460px}
.sol-table th{text-align:left;padding:10px 14px;color:#54E5FF;background:#081728;font-size:12px}
.sol-table td{padding:12px 14px;border-top:1px solid var(--line);color:#DCE6F2;vertical-align:top}
.sol-table td:first-child{color:#9EB0C5;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;width:38%}
.sol-fit{color:#DCE6F2;font-size:14px;margin:0}
.sol-actions{margin-top:26px}
@media(max-width:700px){.sol-cols{grid-template-columns:1fr;gap:0}.sol-box{padding:22px}}

.demo{margin:24px 0 4px;padding:22px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(145deg,#10263B,#081728)}
.sol-box .demo h3{font-size:clamp(20px,3vw,26px);margin:0 0 4px}
.demo-sub{margin:0 0 18px;color:#9EB0C5;font-size:14px}
.demo-input{padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:#06111F}
.demo-lab{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#54E5FF;font-weight:800;margin-bottom:8px}
.demo-badge{padding:3px 9px;border-radius:99px;border:1px solid var(--line);color:#9EB0C5;letter-spacing:.08em;font-size:10px}
.demo-rec{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:clamp(15px,2.6vw,19px);color:#F5F9FF;line-height:1.6;word-break:break-word}
.demo-steps{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.ds{min-height:42px;padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:#081728;color:#DCE6F2;font:inherit;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.ds:hover{border-color:#54E5FF66;color:#F5F9FF}
.ds.done{border-color:#54E5FF44;color:#54E5FF}
.ds.on{background:linear-gradient(135deg,#39D7EF,#6875FF);border-color:transparent;color:#04101C}
.ds-reset{margin-right:auto;color:#9EB0C5}
.demo-out{min-height:150px;padding:18px;border-radius:12px;border:1px dashed var(--line);background:#06111F}
.demo-hint{margin:0;color:#9EB0C5;font-size:14px}
.demo-stage{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#54E5FF;font-weight:800;margin-bottom:6px}
.demo-line{font-size:clamp(15px,2.4vw,18px);font-weight:700;color:#F5F9FF;margin-bottom:12px;line-height:1.4}
.sol-box .demo-rows{margin:0}
.sol-box .demo-rows li{display:grid;grid-template-columns:38% 1fr;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:14px}
.sol-box .demo-rows li:before{display:none}
.demo-rows span{color:#9EB0C5}.demo-rows b{color:#DCE6F2;font-weight:600}
.demo-note{margin:12px 0 0;color:#9EB0C5;font-size:13px}
.demo-status{display:inline-block;margin-top:14px;padding:6px 12px;border-radius:99px;font-size:12px;font-weight:800}
.demo-status.ok{background:#0f3a2a;color:#55E6A5}.demo-status.warn{background:#3a2c0f;color:#FFD23F}
@media(max-width:600px){.demo{padding:16px}.ds{flex:1 1 calc(50% - 8px);padding:10px 8px}.ds-reset{flex:1 1 100%;margin-right:0}.sol-box .demo-rows li{grid-template-columns:1fr;gap:2px}}
.tech .tech-grid article{min-height:0;display:flex;flex-direction:column}
.tech-grid article p{margin:0 0 14px}
.tech-list{list-style:none;margin:0 0 18px;padding:0}
.tech-list li{position:relative;padding:0 0 7px 18px;color:#9EB0C5;font-size:13px;line-height:1.45}
.tech-list li:before{content:"";position:absolute;left:1px;top:.5em;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#39D7EF,#6875FF)}
.tools{list-style:none;margin:auto 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px}
.tool{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;border-radius:9px;border:1px solid var(--line);background:#0B1B2D;color:#DCE6F2;font-size:12px;line-height:1.2;white-space:nowrap}
.tool .tl{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#F5F9FF;flex:none}
.tool .tl svg{width:15px;height:15px;display:block}
.tool-plain{padding:7px 11px;color:#9EB0C5}
.tech-flow{margin-top:34px;padding:24px;border-radius:20px;border:1px solid var(--line);background:#0B1B2D}
.tech-flow h3{margin:0 0 16px;font-size:18px}
.tech-flow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tech-flow li{padding:14px;border-top:1px solid #54E5FF55;font-size:13px;color:#9EB0C5}
.tech-flow li b{display:block;color:#F5F9FF;font-size:15px;margin-bottom:4px}
@media(max-width:900px){.tech-flow ol{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.tech-flow{padding:18px}.tech-flow ol{grid-template-columns:1fr}.tool{white-space:normal}}
/* ---- v2: services hub, standards, process, faq, progress ---- */
.progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;background:linear-gradient(90deg,#54E5FF,#6D7CFF)}
.nav nav a.active{color:#F5F9FF;box-shadow:0 2px 0 #54E5FF}
.tabs{display:inline-flex;gap:6px;padding:5px;margin:0 0 26px;border-radius:14px;border:1px solid var(--line);background:#081728;max-width:100%;flex-wrap:wrap}
.tab,.ptab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:10px;border:0;background:none;color:#9EB0C5;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.tab span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#ffffff14;font-size:12px}
.tab.on,.ptab.on{background:linear-gradient(135deg,#39D7EF,#6875FF);color:#04101C}
.tab.on span{background:#04101C22}
.cards[hidden]{display:none}
.services .cards{grid-template-columns:repeat(3,1fr)}
.card .tags{margin-top:12px}
.standards{padding:90px 7vw;background:#081728;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.standards h2{font-size:clamp(30px,3.6vw,50px);line-height:1.05;letter-spacing:-.04em;margin:0 0 15px}
.std-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.std-grid li{padding:20px;border-radius:16px;border:1px solid var(--line);background:#0B1B2D}
.std-grid b{display:block;font-size:20px;margin-bottom:4px;color:#F5F9FF}
.std-grid span{font-size:13px;color:#9EB0C5}
.proc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.proc[hidden]{display:none}
.proc li{padding:24px;border-radius:18px;border:1px solid var(--line);background:#0B1B2D;border-top:2px solid #54E5FF66}
.proc b{color:#54E5FF;font-size:13px}.proc h3{margin:14px 0 8px;font-size:20px}.proc p{margin:0;color:#9EB0C5;font-size:14px}
.proc-note{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.proc-note div{padding:18px 20px;border-radius:14px;background:#ffffff08;border:1px dashed var(--line)}
.proc-note b{display:block;margin-bottom:4px;color:#54E5FF;font-size:13px}.proc-note span{color:#DCE6F2;font-size:14px}
.faq-list{max-width:860px}
.faq details{border:1px solid var(--line);border-radius:14px;background:#0B1B2D;margin-bottom:10px;overflow:hidden}
.faq summary{cursor:pointer;list-style:none;padding:18px 54px 18px 20px;font-weight:700;font-size:16px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px;color:#54E5FF}
.faq details[open] summary:after{content:"\2212"}
.faq details p{margin:0;padding:0 20px 18px;color:#9EB0C5;font-size:15px}
.sol-feat{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sf{padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:#081728}
.sf b{display:block;color:#F5F9FF;font-size:14px;margin-bottom:4px}.sf span{color:#9EB0C5;font-size:13px;line-height:1.5}
.sol-box .sol-cols{margin-top:6px}
.sol-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.sol-tools[hidden]{display:none}
.sol-tools span{padding:5px 10px;border-radius:8px;border:1px solid var(--line);background:#0B1B2D;color:#DCE6F2;font-size:12px}
.demo[hidden]{display:none}
@media(max-width:1180px){.std-grid{grid-template-columns:repeat(3,1fr)}.proc{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.services .cards{grid-template-columns:repeat(2,1fr)}.standards{padding:70px 6vw}.std-grid{grid-template-columns:repeat(2,1fr)}.sol-feat{grid-template-columns:1fr}}
@media(max-width:600px){.services .cards{grid-template-columns:1fr}.tabs{display:flex;width:100%}.tab,.ptab{flex:1 1 100%;justify-content:center}.standards{padding:56px 20px}.std-grid{grid-template-columns:1fr 1fr;gap:10px}.std-grid li{padding:16px}.proc{grid-template-columns:1fr}.proc-note{grid-template-columns:1fr}}

.sol-feat.dense{grid-template-columns:1fr 1fr 1fr}.sol-feat.dense .sf{padding:11px 12px}.sol-feat.dense .sf span{font-size:12px}
@media(max-width:900px){.sol-feat.dense{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.sol-feat.dense{grid-template-columns:1fr}}
/* ---- v3: ideas from reference review ---- */
.quick{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:-8px 0 26px}
.quick span{font-size:13px;color:#9EB0C5;margin-right:2px}
.quick button{min-height:36px;padding:7px 13px;border-radius:99px;border:1px solid var(--line);background:#ffffff08;color:#DCE6F2;font:inherit;font-size:13px;cursor:pointer;transition:border-color .2s,background .2s}
.quick button:hover{border-color:#54E5FF77;background:#54E5FF14;color:#F5F9FF}
.roles{background:#081728;border-top:1px solid var(--line)}
.rtab{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:10px;border:0;background:none;color:#9EB0C5;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.rtab.on{background:linear-gradient(135deg,#39D7EF,#6875FF);color:#04101C}
.role-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:34px;padding:34px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(145deg,#0B1B2D,#081728)}
.role-panel h3{font-size:clamp(24px,3vw,34px);line-height:1.1;margin:0 0 12px;letter-spacing:-.03em}
.role-panel .rl{color:#9EB0C5;font-size:16px;margin:0 0 20px}
.rsv{display:flex;gap:8px;flex-wrap:wrap}
.rsv button{min-height:38px;padding:8px 14px;border-radius:10px;border:1px solid #54E5FF44;background:#54E5FF10;color:#54E5FF;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.rsv button:hover{background:#54E5FF24}
.role-panel ul{list-style:none;margin:0;padding:0;align-self:center}
.role-panel li{position:relative;padding:12px 0 12px 28px;border-top:1px solid var(--line);color:#DCE6F2;font-size:15px}
.role-panel li:before{content:"\2713";position:absolute;left:2px;top:12px;color:#54E5FF;font-weight:800}
.plugs{margin-top:20px;padding:24px;border-radius:20px;border:1px solid var(--line);background:#0B1B2D}
.plugs h3{margin:0 0 16px;font-size:18px}
.plug-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.plug-grid b{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#54E5FF;margin-bottom:10px}
.plug-grid ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.plug-grid li{padding:6px 11px;border-radius:9px;border:1px solid var(--line);background:#0B1B2D;color:#DCE6F2;font-size:13px}
.industry-grid{grid-template-columns:repeat(3,1fr)}
.industry-grid .ind{padding:22px;display:block}
.ind b{display:block;font-size:17px;color:#F5F9FF;margin-bottom:6px}
.ind p{margin:0;color:#9EB0C5;font-size:13px;line-height:1.5}
.health{display:block}
.health-top{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}
.hc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.hc-head .score{margin:0}
.hc-chips{display:flex;gap:4px;padding:3px;border-radius:10px;background:#06111F;border:1px solid var(--line)}
.hc{min-height:32px;padding:5px 11px;border-radius:8px;border:0;background:none;color:#9EB0C5;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.hc.on{background:#10263B;color:#54E5FF}
.metric i{transition:width .8s cubic-bezier(.2,.8,.2,1)}
.hc-find{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.hc-find b{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#9EB0C5;margin-bottom:8px}
.hc-find ul{list-style:none;margin:0 0 6px;padding:0}
.hc-find li{position:relative;padding:4px 0 4px 16px;color:#DCE6F2;font-size:13px}
.hc-find li:before{content:"";position:absolute;left:0;top:.8em;width:6px;height:6px;border-radius:50%;background:#FFD23F}
.hflow{list-style:none;margin:46px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:s}
.hflow li{position:relative;padding:20px;border-radius:16px;border:1px solid var(--line);background:#0B1B2D}
.hflow li:not(:last-child):after{content:"\2192";position:absolute;right:-13px;top:50%;transform:translateY(-50%);z-index:2;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#081728;color:#54E5FF;font-size:13px}
.hflow b{display:block;color:#F5F9FF;font-size:15px;margin-bottom:6px}.hflow span{color:#9EB0C5;font-size:13px;line-height:1.5}
.why{background:#081728;border-top:1px solid var(--line)}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.why-grid article{padding:26px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(145deg,#0B1B2D,#081728)}
.why-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#54E5FF22,#6D7CFF33);color:#54E5FF;font-size:20px;margin-bottom:16px}
.why-grid h3{margin:0 0 8px;font-size:18px}.why-grid p{margin:0;color:#9EB0C5;font-size:14px}
.trust{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.trust li{padding:16px 18px;background:#0B1B2D;border-left:1px solid var(--line)}
.trust li:first-child{border-left:0}
.trust b{display:block;color:#54E5FF;font-size:14px;margin-bottom:2px}.trust span{color:#9EB0C5;font-size:13px}
@media(max-width:1180px){.why-grid{grid-template-columns:repeat(2,1fr)}.hflow{grid-template-columns:repeat(2,1fr)}.hflow li:nth-child(2):after{display:none}.role-panel{grid-template-columns:1fr}}
@media(max-width:900px){.health-top{grid-template-columns:1fr;gap:34px}.industry-grid{grid-template-columns:repeat(2,1fr)}.plug-grid{grid-template-columns:1fr 1fr}.trust{grid-template-columns:1fr 1fr}.trust li:nth-child(3){border-left:0}.trust li:nth-child(n+3){border-top:1px solid var(--line)}.role-panel{padding:24px}}
@media(max-width:600px){.industry-grid{grid-template-columns:1fr}.plug-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.hflow{grid-template-columns:1fr}.hflow li:after{display:none}.trust{grid-template-columns:1fr}.trust li{border-left:0;border-top:1px solid var(--line)}.trust li:first-child{border-top:0}.rtab{flex:1 1 calc(50% - 6px);justify-content:center;padding:10px 8px}.role-tabs{display:flex;width:100%}.role-panel{padding:20px}.quick span{width:100%}.hc-chips{width:100%}.hc{flex:1}}

/* ---- real logo ---- */
.brand-logo{padding:0;font-size:0;line-height:0}
.brand-logo img{display:block;height:44px;width:auto;max-width:none;padding:4px 12px;border-radius:12px;background:#F5F9FF;box-shadow:0 6px 20px #0006}
.brand-foot img{height:56px;padding:6px 14px}
.brand-foot{margin-bottom:18px}
@media(max-width:900px){.brand-logo img{height:40px}}
@media(max-width:600px){.brand-logo img{height:36px;padding:3px 10px}.brand-foot img{height:48px}}
@media(max-width:360px){.brand-logo img{height:32px}}
.brand-logo img{height:54px;padding:4px 14px}
@media(max-width:900px){.brand-logo img{height:48px}}
@media(max-width:600px){.brand-logo img{height:42px;padding:3px 10px}}
@media(max-width:360px){.brand-logo img{height:38px}}
.ind-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;margin-bottom:16px;color:#54E5FF;background:linear-gradient(135deg,#54E5FF1f,#6D7CFF33);border:1px solid #54E5FF33;transition:transform .25s,background .25s}
.ind-ic svg{width:24px;height:24px;display:block}
.industry-grid .ind:hover .ind-ic{transform:translateY(-2px);background:linear-gradient(135deg,#54E5FF38,#6D7CFF55)}
/* ---- colourful industry icons ---- */
.ind-ic{--a:#54E5FF;--b:#6D7CFF;--ic:#F5F9FF;width:50px;height:50px;border:0;color:var(--ic);background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 8px 22px color-mix(in srgb,var(--b) 45%,transparent),inset 0 1px 0 #ffffff55}
.ind-ic svg{width:26px;height:26px;stroke-width:2}
.industry-grid .ind:hover .ind-ic{transform:translateY(-3px) scale(1.04);background:linear-gradient(135deg,var(--a),var(--b))}
.industry-grid .ind:nth-child(1) .ind-ic{--a:#ffb347;--b:#f2572b}
.industry-grid .ind:nth-child(2) .ind-ic{--a:#ff6b8b;--b:#dc1f4a}
.industry-grid .ind:nth-child(3) .ind-ic{--a:#5eb0ff;--b:#2563eb}
.industry-grid .ind:nth-child(4) .ind-ic{--a:#A78BFA;--b:#7c3aed}
.industry-grid .ind:nth-child(5) .ind-ic{--a:#ffd23f;--b:#f59e0b;--ic:#3b2300}
.industry-grid .ind:nth-child(6) .ind-ic{--a:#34e0c4;--b:#0d9488}
.industry-grid .ind:nth-child(7) .ind-ic{--a:#4cc9f0;--b:#0284c7}
.industry-grid .ind:nth-child(8) .ind-ic{--a:#55E6A5;--b:#16a34a}
.industry-grid .ind:nth-child(9) .ind-ic{--a:#fff06a;--b:#facc15;--ic:#3b2f00}
.industry-grid .ind:nth-child(10) .ind-ic{--a:#8994FF;--b:#4f46e5}
.industry-grid .ind:nth-child(11) .ind-ic{--a:#f78fc6;--b:#db2777}
/* ---- industries: icon + name only ---- */
.industry-grid{grid-template-columns:repeat(5,1fr);gap:12px}
.industry-grid .ind{display:flex;align-items:center;gap:14px;padding:14px 16px;min-height:78px}
.industry-grid .ind .ind-ic{margin:0;flex:none;width:46px;height:46px}
.industry-grid .ind b{display:block;margin:0;font-size:15px;line-height:1.25;font-weight:700;color:#DCE6F2}
@media(max-width:1180px){.industry-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.industry-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.industry-grid{grid-template-columns:repeat(2,1fr);gap:10px}.industry-grid .ind{padding:12px;gap:10px}.industry-grid .ind .ind-ic{width:40px;height:40px}.industry-grid .ind .ind-ic svg{width:22px;height:22px}.industry-grid .ind b{font-size:13px}}
@media(max-width:360px){.industry-grid{grid-template-columns:1fr}}
/* ================= v4: typography, hero live card, cases, self-check, engage, footer ================= */
h1,h2,h3,.eyebrow,.btn,.nav-cta,.tab,.rtab,.ptab,.stats b,.std-grid b{font-family:"Space Grotesk",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2{letter-spacing:-.035em}
.skip{position:fixed;left:12px;top:-60px;z-index:100;padding:10px 16px;border-radius:10px;background:#F5F9FF;color:#04101C;font-weight:700;transition:top .2s}
.skip:focus{top:12px}
/* hero visual */
.data-engine{height:auto;display:flex;flex-direction:column;align-items:center;gap:6px}
.orb-wrap{position:relative;width:100%;height:290px}
.orb-wrap .rings{position:absolute;inset:0}
.live-card{position:relative;z-index:2;width:min(100%,440px);padding:18px 20px;border-radius:20px;border:1px solid #54E5FF33;background:rgba(10,16,32,.82);backdrop-filter:blur(14px);box-shadow:0 30px 80px #000a,0 0 0 1px #ffffff08 inset}
.lc-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#54E5FF;font-weight:800;margin-bottom:12px}
.lc-top em{font-style:normal;letter-spacing:.06em;color:#9EB0C5;font-weight:700;border:1px solid var(--line);border-radius:99px;padding:2px 8px;font-size:10px}
.lc-steps{list-style:none;margin:0 0 14px;padding:0;display:flex;gap:6px}
.lc-steps li{flex:1;text-align:center;padding:6px 2px;border-radius:8px;border:1px solid var(--line);color:#7F93AB;font-size:11px;font-weight:700;transition:all .35s}
.lc-steps li.done{color:#54E5FF;border-color:#54E5FF44}
.lc-steps li.on{background:linear-gradient(135deg,#39D7EF,#6875FF);border-color:transparent;color:#04101C}
.lc-rec{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:clamp(14px,1.5vw,17px);color:#F5F9FF;line-height:1.5;min-height:52px;transition:opacity .25s}
.lc-rec.swap{opacity:0}
.lc-sub{margin-top:8px;color:#9EB0C5;font-size:13px;min-height:20px}
.lc-sub .ok{color:#55E6A5;font-weight:700}
/* case studies */
.case-grid article{position:relative;overflow:hidden;padding:28px;min-height:0;display:flex;flex-direction:column}
.case-grid article:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--a),var(--b))}
.cs-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.cs-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--a),var(--b));color:#F5F9FF;flex:none}
.cs-ic svg{width:22px;height:22px}
.cs-ind{font-size:11px;letter-spacing:.14em;font-weight:800;color:#DCE6F2}
.cs-n{margin-left:auto;font-size:12px;color:#7F93AB;font-weight:800}
.case-grid h3{font-size:26px;margin:0 0 14px}
.cs-client{margin-bottom:16px;color:#DCE6F2;font-size:15px;font-weight:600}
.cs-client small,.cs-l{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7F93AB;font-weight:700;margin-bottom:4px}
.case-grid ul{list-style:none;margin:6px 0 18px;padding:0}
.case-grid li{position:relative;padding:5px 0 5px 20px;color:#9EB0C5;font-size:14px}
.case-grid li:before{content:"\2713";position:absolute;left:0;color:var(--a);font-weight:800}
.case-grid article b{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:#DCE6F2;font-weight:600}
/* self-check */
.selfcheck{background:#081728;border-top:1px solid var(--line)}
.sc-wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;align-items:start}
.sc-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:#0B1B2D;margin-bottom:10px}
.sc-q p{margin:0;color:#DCE6F2;font-size:15px;line-height:1.45}
.sc-q .opts{display:flex;gap:6px;flex:none}
.sc-q button{min-width:58px;min-height:40px;padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:#081728;color:#DCE6F2;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.sc-q button:hover{border-color:#54E5FF66}
.sc-q button.on{background:linear-gradient(135deg,#39D7EF,#6875FF);border-color:transparent;color:#04101C}
.sc-result{position:sticky;top:96px;padding:26px;border-radius:20px;border:1px solid #54E5FF33;background:linear-gradient(145deg,#10263B,#081728)}
.sc-bar{height:6px;border-radius:6px;background:#ffffff14;margin:10px 0 18px;overflow:hidden}
.sc-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#54E5FF,#6D7CFF);transition:width .5s}
.sc-result h3{font-size:22px;margin:0 0 8px}
.sc-result p{margin:0 0 14px;color:#9EB0C5;font-size:14px}
.sc-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.sc-chips button{min-height:36px;padding:7px 12px;border-radius:10px;border:1px solid #54E5FF44;background:#54E5FF10;color:#54E5FF;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.sc-count{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#7F93AB;font-weight:700}
/* engage */
.eng-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.eng{position:relative;display:flex;flex-direction:column;padding:26px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(145deg,#0B1B2D,#081728)}
.eng.feat{border-color:#54E5FF55;background:linear-gradient(145deg,#10263B,#081728);box-shadow:0 20px 60px #4d7cff22}
.eng-tag{align-self:flex-start;margin-bottom:12px;padding:3px 10px;border-radius:99px;background:linear-gradient(135deg,#39D7EF,#6875FF);color:#04101C;font-size:11px;font-weight:800;letter-spacing:.06em}
.eng h3{margin:0 0 6px;font-size:21px}
.eng p{margin:0 0 14px;color:#9EB0C5;font-size:14px}
.eng ul{list-style:none;margin:0 0 16px;padding:0}
.eng li{position:relative;padding:5px 0 5px 18px;color:#DCE6F2;font-size:13px}
.eng li:before{content:"";position:absolute;left:1px;top:.9em;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#39D7EF,#6875FF)}
.eng small{margin-top:auto;padding-bottom:16px;color:#7F93AB;font-size:12px;line-height:1.5}
.eng .btn{width:100%;border:0;cursor:pointer;font-family:inherit;color:#F5F9FF}.eng .ghost{border:1px solid var(--line)}.eng .primary{color:#04101C}
/* footer */
.foot{padding:70px 7vw 30px;background:#06111F;border-top:1px solid var(--line);color:#9EB0C5}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:40px}
.foot h4{margin:0 0 14px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#F5F9FF}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin-bottom:9px}.foot a{color:#9EB0C5;font-size:14px}.foot a:hover{color:#F5F9FF}
.foot p{font-size:14px;margin:0 0 14px}
.foot-brand a,.foot-brand span{display:block;margin-bottom:6px;font-size:14px}
.foot .btn{border:0;cursor:pointer;font-family:inherit;color:#04101C}
.foot-bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:44px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}
.sticky-cta{display:none}
@media(max-width:1180px){.eng-grid{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.sc-wrap{grid-template-columns:1fr}.sc-result{position:static}.orb-wrap{height:240px}.live-card{margin-top:-10px}}
@media(max-width:700px){.sc-q{flex-direction:column;align-items:stretch}.sc-q .opts{justify-content:flex-start}}
@media(max-width:600px){.eng-grid{grid-template-columns:1fr}.foot{padding:50px 20px 90px}.foot-grid{grid-template-columns:1fr;gap:30px}.orb-wrap{height:210px}.orb{width:150px;height:150px}.orb-core{padding-top:56px;font-size:20px}.live-card{padding:14px}.lc-steps li{font-size:10px}.case-grid h3{font-size:22px}
.sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:45;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(6,17,31,.92);backdrop-filter:blur(14px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .3s}
.sticky-cta.show{transform:none}.sticky-cta .btn{width:100%;border:0;font-family:inherit;color:#04101C;cursor:pointer}}
@media(prefers-reduced-motion:reduce){.lc-rec{transition:none}}
/* ---- colourful service icons + brand-logo tool chips ---- */
.svc-ic{--a:#54E5FF;--b:#6D7CFF;--ic:#F5F9FF;display:grid;place-items:center;width:54px;height:54px;border-radius:15px;margin-bottom:20px;color:var(--ic);background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 10px 26px color-mix(in srgb,var(--b) 45%,transparent),inset 0 1px 0 #ffffff55;transition:transform .25s}
.svc-ic svg{width:28px;height:28px;display:block}
.card:hover .svc-ic{transform:translateY(-3px) scale(1.05)}
.sol-tools .tchip{display:inline-flex;align-items:center;gap:8px;padding:4px 11px 4px 4px;border-radius:10px}
.sol-tools .tl{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#F5F9FF;flex:none}
.sol-tools .tl svg{width:17px;height:17px;display:block}
/* ---- platform section ---- */
.platform{background:linear-gradient(180deg,#06111F,#081728 50%,#06111F)}
.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.pf-copy h2{font-size:clamp(30px,3.6vw,50px);line-height:1.05;margin:0 0 16px}
.pf-copy>p{color:#9EB0C5;font-size:17px;margin:0 0 24px}
.pf-use{list-style:none;margin:0 0 22px;padding:0}
.pf-use li{padding:14px 0 14px 22px;border-top:1px solid var(--line);position:relative}
.pf-use li:before{content:"";position:absolute;left:0;top:22px;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#39D7EF,#6875FF)}
.pf-use b{display:block;color:#F5F9FF;font-size:16px;margin-bottom:2px}.pf-use span{color:#9EB0C5;font-size:14px}
.pf-stack{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}
.pf-stack .tchip,.sol-tools .tchip{display:inline-flex;align-items:center;gap:8px;padding:4px 11px 4px 4px;border-radius:10px;border:1px solid var(--line);background:#0B1B2D;color:#DCE6F2;font-size:12px}
.pf-stack .tl{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#F5F9FF}
.pf-stack .tl svg{width:17px;height:17px}
.platform .btn{border:0;cursor:pointer;font-family:inherit;color:#04101C}
.pf-app{padding:0 0 18px;border-radius:20px;border:1px solid #54E5FF33;background:#0B1B2D;box-shadow:0 40px 100px #000a,0 0 0 1px #ffffff08 inset;overflow:hidden}
.pf-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:#10263B;border-bottom:1px solid var(--line)}
.pf-bar span{width:10px;height:10px;border-radius:50%;background:#ffffff26}
.pf-bar em{margin-left:10px;font-style:normal;font-size:12px;color:#9EB0C5;font-weight:600}
.pf-roles{list-style:none;margin:16px 18px 0;padding:3px;display:flex;gap:4px;border-radius:10px;background:#06111F;border:1px solid var(--line)}
.pf-roles li{flex:1;text-align:center;padding:7px 4px;border-radius:8px;font-size:12px;font-weight:700;color:#7F93AB;transition:all .3s}
.pf-roles li.done{color:#54E5FF}
.pf-roles li.on{background:linear-gradient(135deg,#39D7EF,#6875FF);color:#04101C}
.pf-in{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 18px 0}
.pf-in label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7F93AB;font-weight:700}
.pf-in input{display:block;width:100%;margin-top:5px;padding:10px 12px;border-radius:9px;border:1px solid var(--line);background:#06111F;color:#F5F9FF;font:inherit;font-size:14px;font-family:ui-monospace,Menlo,Consolas,monospace}
.pf-attrs{margin:14px 18px 0;min-height:222px;border:1px dashed var(--line);border-radius:12px;padding:6px 14px;background:#06111F}
.pf-empty{display:grid;place-items:center;min-height:208px;color:#7F93AB;font-size:13px;text-align:center}
.pf-row{display:grid;grid-template-columns:1fr 1.2fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:13px;animation:pfin .35s both}
.pf-row:first-child{border-top:0}
.pf-row span{color:#9EB0C5}.pf-row b{color:#DCE6F2;font-weight:600}
.pf-row i{font-style:normal;font-size:10px;font-weight:800;padding:2px 8px;border-radius:99px;background:#0f3a2a;color:#55E6A5}
.pf-row i.rv{background:#3a2c0f;color:#FFD23F}
@keyframes pfin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pf-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 18px 0}
.pf-status{font-size:13px;color:#9EB0C5}
.pf-btn{min-height:42px;padding:10px 18px;font-size:14px}
.pf-note{display:block;margin:10px 18px 0;color:#7F93AB;font-size:11px}
@media(max-width:980px){.pf-grid{grid-template-columns:1fr;gap:34px}}
@media(max-width:520px){.pf-in{grid-template-columns:1fr}.pf-row{grid-template-columns:1fr auto}.pf-row span{grid-column:1/-1;font-size:11px}.pf-foot{flex-direction:column;align-items:stretch}.pf-attrs{margin-left:12px;margin-right:12px;padding:4px 10px}.pf-in,.pf-roles,.pf-foot,.pf-note{margin-left:12px;margin-right:12px}}
@media(prefers-reduced-motion:reduce){.pf-row{animation:none}}
.pf-h{margin:0 0 12px;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:#54E5FF}
.pf-can{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pf-can li{position:relative;padding:12px 14px 12px 38px;border-radius:12px;border:1px solid var(--line);background:#0B1B2D}
.pf-can li:before{content:"\2713";position:absolute;left:12px;top:12px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#39D7EF,#6875FF);color:#04101C;font-size:11px;font-weight:800}
.pf-can b{display:block;color:#F5F9FF;font-size:14px;margin-bottom:2px}
.pf-can span{color:#9EB0C5;font-size:12.5px;line-height:1.45}
@media(max-width:560px){.pf-can{grid-template-columns:1fr}}
/* ---- v6: healthcare/mro cards, header chip, badges ---- */
.card.is-health{border-color:#ff6b8b40;background:linear-gradient(145deg,#1a1020,#081728)}
.card.is-health:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#ff6b8b,#dc1f4a)}
.card-badge{position:absolute;top:18px;right:18px;padding:3px 10px;border-radius:99px;background:#ff6b8b26;color:#ff8aa3;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.card{position:relative}
.sol-eyebrow{display:flex;align-items:center;gap:10px;color:var(--acc,#54E5FF)}
.sol-chip{--a:#54E5FF;--b:#6D7CFF;--ic:#F5F9FF;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--a),var(--b));color:var(--ic);flex:none}
.sol-chip svg{width:19px;height:19px}
.sf-b{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:99px;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.04em;background:#54E5FF1f;color:#54E5FF;vertical-align:middle}
.sf-b.hc{background:#ff6b8b26;color:#ff8aa3}
/* ================= v6: standards, journey, ERP orbit, technology, health, work, about ================= */
.std-wrap{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}
.std-block{padding:22px;border-radius:18px;border:1px solid var(--line);background:#0B1B2D}
.std-block.hc{border-color:#ff6b8b40;background:linear-gradient(145deg,#1a1020,#0B1B2D)}
.std-side{display:grid;gap:16px}
.std-h{margin:0 0 14px;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#9EB0C5}
.std-block.hc .std-h{color:#ff8aa3}
.std-table{width:100%;border-collapse:collapse;font-size:14px}
.std-table th{text-align:left;padding:8px 10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7F93AB;border-bottom:1px solid var(--line)}
.std-table td{padding:12px 10px;border-bottom:1px solid var(--line);color:#DCE6F2;vertical-align:middle}
.std-table tr:last-child td{border-bottom:0}
.std-table b{color:#F5F9FF;font-size:15px}
.std-table .hc-row td{background:#ff6b8b0d}
.scp{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.scp.gen{background:#54E5FF1f;color:#54E5FF}.scp.ind{background:#ffd23f22;color:#ffd23f}.scp.ven{background:#55E6A522;color:#55E6A5}.scp.hc{background:#ff6b8b26;color:#ff8aa3}.scp.cus{background:#A78BFA26;color:#d2a5ff}
.std-side ul{list-style:none;margin:0;padding:0}
.std-side li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}
.std-side li:first-child{border-top:0}
.std-side b{color:#F5F9FF}.std-side span{color:#9EB0C5;text-align:right}
@media(max-width:900px){.std-wrap{grid-template-columns:1fr}}
@media(max-width:560px){.std-table thead{display:none}.std-table,.std-table tbody,.std-table tr,.std-table td{display:block}.std-table tr{padding:10px 0;border-bottom:1px solid var(--line)}.std-table td{padding:2px 0;border:0}.std-table td[data-l=Covers]{color:#9EB0C5;font-size:13px}.std-table td[data-l=Scope]{margin-top:6px}}
/* journey */
.journey{padding:90px 7vw}
.jr{display:flex;align-items:stretch;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.jr-g{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:18px;border:1px solid var(--line);background:#0B1B2D}
.jr-g small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7F93AB;font-weight:800}
.jr-g.proc{border-color:#54E5FF33;background:linear-gradient(145deg,#10263B,#081728)}
.jr-g.out{border-color:#ffd23f55;background:linear-gradient(145deg,#241c08,#0B1B2D)}
.jr-row{display:flex;align-items:center;gap:8px;flex:1}
.jn{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-width:92px;padding:12px 8px}
.jn b{font-size:13px;color:#F5F9FF;line-height:1.25}
.jn-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#54E5FF33,#6D7CFF44);color:#54E5FF;flex:none}
.jn-ic svg{width:22px;height:22px}
.jn.gold .jn-ic{background:linear-gradient(135deg,#ffd23f,#f59e0b);color:#3b2300}
.jn.gold b{color:#ffd23f}
.jr .ar{color:#54E5FF;font-style:normal;font-size:18px;flex:none}
.jr .ar.big{align-self:center;font-size:24px}
.jr-opt{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;width:fit-content;max-width:100%;margin:18px auto 0;padding:10px 18px;border-radius:99px;border:1px dashed var(--line);color:#9EB0C5}
.jr-opt .jn-ic{width:30px;height:30px;border-radius:9px}.jr-opt .jn-ic svg{width:17px;height:17px}
.jr-opt b{color:#F5F9FF;font-size:14px}.jr-opt em{font-style:normal;font-size:13px}
@media(max-width:1180px){.jr{gap:10px}.jr .ar.big{display:none}.jr-g{flex:1 1 100%}.jr-g .jr-row{justify-content:center;flex-wrap:wrap}}
@media(max-width:560px){.jr-row{flex-wrap:wrap;justify-content:center}.jr .ar{display:none}.jn{min-width:84px;flex:1 1 40%}.journey{padding:64px 20px}}
/* ERP orbit */
.role-panel.erp{grid-template-columns:1fr 1.15fr}
.erp-orbit{position:relative;width:min(100%,400px);aspect-ratio:1;margin:0 auto}
.erp-ring{position:absolute;inset:11%;border-radius:50%;border:1px dashed #54E5FF44}
.erp-core{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;border-radius:50%;background:radial-gradient(circle,#10263B,#081728);border:1px solid #54E5FF55;box-shadow:0 0 40px #4d7cff33}
.erp-core small{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#54E5FF;font-weight:800}
.erp-core b{font-size:clamp(10px,1.2vw,13px);line-height:1.2;color:#F5F9FF;margin-top:3px}
.erp-node{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--r)) translateY(calc(var(--rad,40%) * -1)) rotate(calc(var(--r) * -1))}
.erp-orbit{--rad:min(150px,38vw)}
.erp-in{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;width:84px;opacity:0}
.erp-orbit.in .erp-in{animation:erpEnter .7s ease both var(--d),erpFloat 6s ease-in-out infinite alternate calc(.7s + var(--d))}
.ec{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#F5F9FF;box-shadow:0 8px 22px #0006}
.ec svg{width:30px;height:30px}
.ec.txt{background:linear-gradient(135deg,#10263B,#10263B);border:1px solid #54E5FF44;color:#DCE6F2}
.ec .et{font-size:11px;font-weight:800;letter-spacing:.02em}
.erp-in em{font-style:normal;font-size:11px;color:#DCE6F2;text-align:center;line-height:1.2;font-weight:600}
@keyframes erpEnter{from{opacity:0;transform:translate(calc(-50% + var(--from)),-50%)}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes erpFloat{from{transform:translate(-50%,-50%)}to{transform:translate(-50%,calc(-50% - 7px))}}
@media(prefers-reduced-motion:reduce){.erp-in{opacity:1}.erp-orbit.in .erp-in{animation:none}}
@media(max-width:1180px){.role-panel.erp{grid-template-columns:1fr}}
@media(max-width:480px){.erp-orbit{--rad:min(116px,32vw)}.ec{width:48px;height:48px}.ec svg{width:25px;height:25px}.erp-in{width:70px}.erp-in em{font-size:10px}}
/* technology */
.tech-tabs{margin-bottom:18px}
.ttab{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;border-radius:10px;border:0;background:none;color:#9EB0C5;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.ttab.on{background:linear-gradient(135deg,#39D7EF,#6875FF);color:#04101C}
.tech-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;padding:30px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,#0B1B2D,#081728)}
.tech-panel[hidden]{display:none}
.tv{display:grid;place-items:center;min-height:190px;border-radius:16px;background:radial-gradient(circle at 30% 20%,#10263B,#081728)}
.tv-art{width:min(100%,300px);height:auto}
.tv-iot{position:relative;display:grid;place-items:center;width:112px;height:112px;border-radius:28px;background:linear-gradient(135deg,#34e0c4,#0d9488);color:#F5F9FF;box-shadow:0 14px 40px #0d948855}
.tv-iot svg{width:60px;height:60px}.tv-iot i{position:absolute;top:-10px;right:-10px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#081728;border:2px solid #34e0c4;color:#7ff5de}.tv-iot i svg{width:20px;height:20px}
.tp-body h3{margin:0 0 6px;font-size:26px}
.tp-body p{margin:0 0 14px;color:#9EB0C5;font-size:15px}
.tp-body ul{list-style:none;margin:0 0 16px;padding:0}
.tp-body li{position:relative;padding:5px 0 5px 20px;color:#DCE6F2;font-size:14px}
.tp-body li:before{content:"";position:absolute;left:1px;top:.85em;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#39D7EF,#6875FF)}
.tp-open{display:flex;gap:14px;flex-wrap:wrap}
.lnk{padding:6px 0;border:0;background:none;color:#54E5FF;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.lnk:hover{color:#F5F9FF}
.pp,.erpb,.bp{margin-top:18px;padding:24px;border-radius:20px;border:1px solid var(--line);background:#0B1B2D}
.pp-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.pp-head h3,.erpb h3{margin:0;font-size:18px}
.pp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pp-card{display:flex;align-items:center;gap:16px;padding:18px;border-radius:16px;border:1px solid var(--line);background:#0B1B2D}
.pp-ic{display:grid;place-items:center;width:72px;height:72px;border-radius:18px;background:#F5F9FF;flex:none;box-shadow:0 8px 24px #0005}
.pp-ic svg{width:44px;height:44px}
.pp-card b{display:block;color:#F5F9FF;font-size:17px}
.pp-card span:not(.pp-ic){color:#9EB0C5;font-size:13px}
.erpb-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.erpb-chip{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:12px;border:1px solid var(--line);background:#0B1B2D;color:#F5F9FF;font-weight:700;font-size:15px}
.erpb-chip .tl{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#F5F9FF}
.erpb-chip .tl svg{width:22px;height:22px}
.erpb-chip.plain{padding:12px 18px}
.erpb-row p{margin:0;color:#9EB0C5;font-size:14px}
.bp-flow{font-size:13px;color:#9EB0C5}
.bp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bp-card{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:14px;border:1px solid var(--line);background:#0B1B2D;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:border-color .2s}
.bp-card:hover{border-color:#54E5FF66}
.bp-card b{color:#F5F9FF;font-size:16px}.bp-card span{color:#9EB0C5;font-size:13px;line-height:1.5}.bp-card em{margin-top:auto;padding-top:6px;font-style:normal;color:#54E5FF;font-size:13px;font-weight:700}
@media(max-width:900px){.tech-panel{grid-template-columns:1fr;padding:22px}.pp-grid,.bp-grid{grid-template-columns:1fr}}
/* health */
.health{display:block}
.health .section-head{margin-bottom:34px}
.dh-cta{margin-top:10px;border:0;cursor:pointer;font-family:inherit;color:#04101C}
.hio{display:grid;grid-template-columns:1fr auto 1.7fr auto 1fr;gap:12px;align-items:stretch;margin-bottom:46px}
.hio-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px 18px;border-radius:18px;border:1px solid var(--line);background:#0B1B2D;text-align:center}
.hio-box small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#54E5FF;font-weight:800}
.hio-box b{color:#F5F9FF;font-size:16px}
.hio-box.chk{border-color:#54E5FF44;background:linear-gradient(145deg,#10263B,#081728)}
.hio-box.out{border-color:#55E6A555;background:linear-gradient(145deg,#0b2218,#0B1B2D)}
.hio-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#54E5FF33,#6D7CFF44);color:#54E5FF}
.hio-box.out .hio-ic{background:linear-gradient(135deg,#55E6A5,#16a34a);color:#052a14}
.hio-ic svg{width:24px;height:24px}
.hio .chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.hio .chips li{padding:5px 11px;border-radius:99px;border:1px solid #54E5FF44;background:#54E5FF12;color:#d3f6ff;font-size:12px;font-weight:600}
.hio .ar{align-self:center;color:#54E5FF;font-style:normal;font-size:22px}
.ba{padding:26px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,#0B1B2D,#081728)}
.ba-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.ba-head h3{margin:0;font-size:22px}
.ba-grid{display:grid;grid-template-columns:1fr auto 2fr;gap:14px;align-items:stretch}
.ba-col{padding:16px;border-radius:14px;border:1px solid var(--line);background:#06111F}
.ba-col>small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-bottom:4px}
.ba-col.before>small{color:#ff8aa3}.ba-col.after>small{color:#55E6A5}
.ba-col>b{display:block;margin-bottom:12px;color:#F5F9FF;font-size:14px}
.ba-col ul{list-style:none;margin:0;padding:0}
.ba-col li{padding:11px 0;border-top:1px solid var(--line);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;color:#9EB0C5;min-height:52px;display:flex;align-items:center}
.ba-ar{align-self:center;color:#54E5FF;font-style:normal;font-size:22px}
.ba-row{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line);font-size:13px;min-height:52px}
.ba-row span{color:#DCE6F2}.ba-row .d{color:#F5F9FF;font-weight:600}
.ba-row i{font-style:normal;font-size:10px;font-weight:800;padding:3px 9px;border-radius:99px;background:#0f3a2a;color:#55E6A5;white-space:nowrap}
.ba-row i.rv{background:#3a2c0f;color:#FFD23F}
.ba-gold{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding:14px 18px;border-radius:14px;border:1px solid #ffd23f55;background:#1d1706}
.ba-gold .jn-ic{background:linear-gradient(135deg,#ffd23f,#f59e0b);color:#3b2300}
.ba-gold b{color:#ffd23f}.ba-gold em{font-style:normal;color:#DCE6F2;font-size:14px}
.ba-note{display:block;margin-top:12px;color:#7F93AB;font-size:11px}
@media(max-width:1000px){.hio{grid-template-columns:1fr}.hio .ar{transform:rotate(90deg);justify-self:center}.ba-grid{grid-template-columns:1fr}.ba-ar{transform:rotate(90deg);justify-self:center}}
@media(max-width:640px){.ba{padding:18px}.ba-row{grid-template-columns:1fr auto;gap:4px 10px}.ba-row .d{grid-column:1/-1}.ba-row span:nth-child(2),.ba-row span:nth-child(3){font-size:12px;color:#9EB0C5}}
/* data health modal */
.dh-box{max-width:640px}
.dh-steps{list-style:none;margin:0 40px 22px 0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.dh-steps li{padding:5px 12px;border-radius:99px;border:1px solid var(--line);color:#7F93AB;font-size:12px;font-weight:700}
.dh-steps li.on{background:linear-gradient(135deg,#39D7EF,#6875FF);border-color:transparent;color:#04101C}
.dh-steps li.done{color:#54E5FF;border-color:#54E5FF44}
.dh-box h2{font-size:26px;margin:0 40px 6px 0}
.dh-box form label,.dh-l{display:block;font-size:13px;color:#9EB0C5;margin-bottom:12px}
.dh-box input[type=text],.dh-box input[type=email],.dh-box input:not([type]),.dh-box textarea{display:block;width:100%;margin-top:6px;padding:12px;border-radius:10px;border:1px solid var(--line);background:#06111F;color:#F5F9FF;font:inherit;font-size:16px}
.dh-box textarea{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}
.dh-file{display:block;margin:-4px 0 16px;font-size:13px;color:#9EB0C5}
.dh-file input{margin-top:6px;color:#9EB0C5;font-size:13px}
.dh-box .btn{border:0;cursor:pointer;font-family:inherit;color:#04101C}.dh-box .btn.ghost{color:#F5F9FF;border:1px solid var(--line)}
.dh-box .btn:disabled{opacity:.45;cursor:not-allowed}
#dh-q .sc-q{margin-bottom:8px}
.dh-res-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:6px 0 16px}
.dh-ring{--p:0;position:relative;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:conic-gradient(var(--c,#54E5FF) calc(var(--p) * 1%),#ffffff14 0);flex:none}
.dh-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#0B1B2D}
.dh-ring b{position:relative;font-size:28px;color:#F5F9FF}.dh-ring small{position:absolute;bottom:20px;font-size:9px;letter-spacing:.1em;color:#7F93AB;text-transform:uppercase}
.dh-res-top h3{margin:0 0 4px;font-size:22px}.dh-res-top p{margin:0;color:#9EB0C5;font-size:14px;line-height:1.5}
.dh-sec{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.dh-sec h4{margin:0 0 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#9EB0C5}
.dh-sec ul{list-style:none;margin:0;padding:0}
.dh-sec li{position:relative;padding:4px 0 4px 16px;color:#DCE6F2;font-size:14px}
.dh-sec li:before{content:"";position:absolute;left:0;top:.8em;width:6px;height:6px;border-radius:50%;background:#FFD23F}
.dh-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.dh-stats div{padding:10px;border-radius:10px;background:#06111F;border:1px solid var(--line);text-align:center}
.dh-stats b{display:block;color:#F5F9FF;font-size:20px}.dh-stats span{font-size:11px;color:#9EB0C5}
.dh-fine{margin:14px 0 0;color:#7F93AB;font-size:12px}
@media(max-width:520px){.dh-stats{grid-template-columns:1fr 1fr}.dh-box{padding:22px}}
/* how we work / about */
.proc.five{grid-template-columns:repeat(5,1fr)}
.proc.five li{position:relative}
.proc.five li:not(:last-child):after{content:"\2192";position:absolute;right:-14px;top:50%;transform:translateY(-50%);z-index:2;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#06111F;color:#54E5FF;font-size:13px}
@media(max-width:1180px){.proc.five{grid-template-columns:repeat(2,1fr)}.proc.five li:after{display:none}}
@media(max-width:600px){.proc.five{grid-template-columns:1fr}}
.cs-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px;padding:20px 24px;border-radius:18px;border:1px dashed var(--line);background:#0B1B2D}
.cs-cta p{margin:0;color:#DCE6F2;font-size:16px;font-weight:600}
.cs-cta .btn{border:0;cursor:pointer;font-family:inherit;color:#04101C}
.about2 .pil{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pil article{padding:26px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(145deg,#0B1B2D,#081728)}
.pil-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#39D7EF,#6875FF);color:#04101C;margin-bottom:16px}
.pil-ic svg{width:24px;height:24px}
.pil h3{margin:0 0 8px;font-size:20px}.pil p{margin:0;color:#9EB0C5;font-size:14px}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.metrics div{padding:28px 20px;text-align:center;background:#0B1B2D;border-left:1px solid var(--line)}
.metrics div:first-child{border-left:0}
.metrics b{display:block;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(34px,5vw,56px);line-height:1;background:linear-gradient(135deg,#54E5FF,#8994FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.metrics span{display:block;margin-top:8px;color:#9EB0C5;font-size:14px;font-weight:600}
@media(max-width:800px){.about2 .pil{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.metrics div{border-left:0;border-top:1px solid var(--line)}.metrics div:first-child{border-top:0}}
.bt{min-height:34px;padding:6px 14px;border-radius:8px;border:0;background:none;color:#9EB0C5;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.bt.on{background:#10263B;color:#54E5FF}
.ba-head .hc-chips{flex-wrap:wrap}
.journey h2{font-size:clamp(30px,3.6vw,50px);line-height:1.05;letter-spacing:-.04em;margin:0 0 15px}
@media(min-width:1181px){.jr{flex-wrap:nowrap;gap:8px}.jr-g{padding:12px 10px}.jn{min-width:0;padding:10px 6px}.jn b{font-size:12.5px}.jr-row{gap:4px}.jr .ar{font-size:15px}.jr .ar.big{font-size:20px}.jr-g.in .jn{max-width:118px}}
/* ---- flowing client logos ---- */
.cl-marquee{overflow:hidden;max-width:100%;margin:0 auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.cl-row.flow{display:flex;gap:14px;width:max-content;max-width:none;margin:0;padding:6px 0;grid-template-columns:none;animation:clflow var(--dur,32s) linear infinite;will-change:transform}
.cl-row.flow li{flex:none;width:190px}
.cl-marquee:hover .cl-row.flow{animation-play-state:paused}
@keyframes clflow{from{transform:translateX(0)}to{transform:translateX(calc(var(--w,1200px) * -1))}}
@media(max-width:520px){.cl-row.flow li{width:150px;height:80px}}
@media(prefers-reduced-motion:reduce){.cl-row.flow{animation:none}}
/* ---- data journey: one box ---- */
.jy-box{position:relative;padding:30px 28px 34px;border-radius:28px;border:1px solid #54E5FF33;background:radial-gradient(900px 260px at 50% -10%,#4d7cff26,transparent 70%),linear-gradient(145deg,#10263B,#081728);box-shadow:0 40px 100px #0008,0 0 0 1px #ffffff08 inset;overflow:hidden}
.jy-top{display:flex;gap:18px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:26px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7F93AB;font-weight:700}
.jy-key{display:inline-flex;align-items:center;gap:7px}
.jy-key i{width:10px;height:10px;border-radius:50%}
.jy-key .k1{background:linear-gradient(135deg,#39D7EF,#6875FF)}.jy-key .k2{border:1.5px dashed #9EB0C5}.jy-key .k3{background:linear-gradient(135deg,#ffd23f,#f59e0b)}
.jy-track{position:relative}
.jy-line{position:absolute;left:6.25%;right:6.25%;top:50px;height:3px;border-radius:3px;background:linear-gradient(90deg,#ffffff1f,#54E5FF88 18%,#6D7CFF88 82%,#ffd23f)}
.jy-line:after{content:"";position:absolute;top:-2px;left:0;width:90px;height:7px;border-radius:7px;background:linear-gradient(90deg,transparent,#6EEAFF,transparent);filter:blur(1px);animation:jyPulse 4.5s ease-in-out infinite}
@keyframes jyPulse{from{transform:translateX(-90px);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translateX(calc(min(1180px,80vw) - 90px));opacity:0}}
.jy-steps{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.jy-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0 4px;transition:opacity .5s ease,transform .5s ease;transition-delay:calc(var(--i) * 70ms)}
.js .jy-box:not(.in) .jy-step{opacity:0;transform:translateY(14px)}
.jy-n{font-size:11px;letter-spacing:.1em;color:#7F93AB;font-weight:800}
.jy-dot{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#39D7EF,#6875FF);color:#04101C;box-shadow:0 10px 28px #4d7cff44,0 0 0 6px #0B1B2D;transition:transform .25s}
.jy-dot svg{width:26px;height:26px}
.jy-step:hover .jy-dot{transform:translateY(-3px) scale(1.06)}
.jy-step b{font-family:"Space Grotesk",Inter,sans-serif;font-size:14px;color:#F5F9FF;line-height:1.25}
.jy-sub{font-size:11.5px;color:#9EB0C5;line-height:1.35;max-width:130px}
.jy-step.start .jy-dot{background:linear-gradient(135deg,#2a3558,#1a2342);color:#9EB0C5}
.jy-step.opt .jy-dot{background:#0B1B2D;color:#54E5FF;border:2px dashed #54E5FF99;box-shadow:0 0 0 6px #0B1B2D}
.jy-step.opt b{color:#DCE6F2}
.jy-pill{font-style:normal;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;padding:2px 9px;border-radius:99px;border:1px dashed #9EB0C5;color:#9EB0C5}
.jy-step.gold .jy-dot{width:66px;height:66px;margin-top:-4px;background:linear-gradient(135deg,#ffd23f,#f59e0b);color:#3b2300;box-shadow:0 12px 36px #f59e0b66,0 0 0 6px #0B1B2D}
.jy-step.gold .jy-dot svg{width:30px;height:30px}
.jy-step.gold b{color:#ffd23f;font-size:15px}
@media(max-width:1000px){
.jy-line{display:none}.jy-steps{grid-template-columns:repeat(4,1fr);row-gap:30px}
.jy-step:not(:nth-child(4n)):not(:last-child):after{content:"\2192";position:absolute;transform:translate(0,-6px);right:-10px;top:36px;color:#54E5FF;font-size:16px}
.jy-step{position:relative}
.jy-top{justify-content:flex-start}}
@media(max-width:600px){
.jy-box{padding:22px 18px}
.jy-steps{grid-template-columns:1fr;row-gap:0}
.jy-step{position:relative;flex-direction:row;align-items:center;text-align:left;gap:14px;padding:12px 0 12px 0;flex-wrap:wrap}
.jy-step:after{display:none!important}
.jy-step:not(:last-child):before{content:"";position:absolute;left:28px;top:70px;bottom:-12px;width:2px;background:linear-gradient(#54E5FF77,#6D7CFF55)}
.jy-n{width:22px;text-align:right}
.jy-dot{width:48px;height:48px;flex:none}.jy-dot svg{width:22px;height:22px}
.jy-step.gold .jy-dot{width:52px;height:52px;margin:0}
.jy-step b{font-size:15px}.jy-sub{max-width:none;flex-basis:100%;padding-left:84px;margin-top:-6px}
.jy-pill{margin-left:auto}
.jy-step:not(:last-child):before{left:57px;top:62px}}
@media(prefers-reduced-motion:reduce){.jy-line:after{animation:none;display:none}.jy-step{transition:none}.js .jy-box:not(.in) .jy-step{opacity:1;transform:none}}
/* ---- big, equal technology logos ---- */
.tools.big{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:16px 8px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.tools.big .tool{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:none;white-space:normal;text-align:center;color:#DCE6F2;font-size:12px;line-height:1.25;font-weight:600}
.tools.big .tool .tl{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:#F5F9FF;box-shadow:0 8px 22px #0006;transition:transform .25s}
.tools.big .tool .tl svg{width:40px;height:40px;display:block}
.tools.big .tool:hover .tl{transform:translateY(-3px) scale(1.05)}
@media(max-width:520px){.tools.big{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.tools.big .tool .tl{width:60px;height:60px}.tools.big .tool .tl svg{width:36px;height:36px}}
/* ---- case study request ---- */
.cs-req{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
.cs-copy h2{font-size:clamp(30px,3.6vw,50px);line-height:1.05;margin:0 0 16px}
.cs-copy>p{color:#9EB0C5;font-size:17px;margin:0 0 26px}
.cs-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cs-steps li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#0B1B2D}
.cs-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#39D7EF,#6875FF);color:#04101C;font-size:12px;flex:none}
.cs-steps span{color:#DCE6F2;font-size:15px}
.cs-card{padding:28px;border-radius:24px;border:1px solid #54E5FF33;background:linear-gradient(145deg,#10263B,#081728);box-shadow:0 30px 80px #0007}
.cs-card label{display:block;font-size:13px;color:#9EB0C5;margin-bottom:14px}
.cs-card input,.cs-card select,.cs-card textarea{display:block;width:100%;margin-top:6px;padding:12px;border-radius:10px;border:1px solid var(--line);background:#06111F;color:#F5F9FF;font:inherit;font-size:16px}
.cs-card select{appearance:auto}
.cs-card textarea{resize:vertical}
.cs-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cs-card .btn{border:0;cursor:pointer;font-family:inherit;color:#04101C;width:100%;margin-top:4px}
.cs-card .btn.ghost{color:#F5F9FF;border:1px solid var(--line);width:auto}
.cs-err{display:block;margin-top:10px;color:#ff8aa3;font-size:13px;min-height:16px}
.cs-done[hidden]{display:none}
.cs-done h3{margin:0 0 6px;font-size:22px}
.cs-done p{margin:0 0 14px;color:#9EB0C5;font-size:14px}
.cs-done textarea{margin-bottom:14px;font-size:13px;font-family:ui-monospace,Menlo,Consolas,monospace}
.cs-act{display:flex;gap:10px;flex-wrap:wrap}
.cs-act .btn.primary{width:auto}
.cs-note{display:block;margin-top:12px;color:#54E5FF;font-size:12px}
@media(max-width:980px){.cs-req{grid-template-columns:1fr;gap:34px}}
@media(max-width:560px){.cs-row{grid-template-columns:1fr;gap:0}.cs-card{padding:20px}.cs-act .btn{width:100%}}
/* ---- case studies in words + request modal ---- */
.csw{list-style:none;margin:0;padding:0;max-width:980px}
.csw li{display:grid;grid-template-columns:minmax(220px,.8fr) 1.4fr;gap:10px 40px;padding:22px 0;border-top:1px solid var(--line)}
.csw li:last-child{border-bottom:1px solid var(--line)}
.csw-h small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#54E5FF;font-weight:800;margin-bottom:6px}
.csw-h b{display:block;font-family:"Space Grotesk",Inter,sans-serif;font-size:21px;color:#F5F9FF;line-height:1.2}
.csw-h em{display:block;margin-top:4px;font-style:normal;color:#9EB0C5;font-size:14px}
.csw p{margin:0;color:#DCE6F2;font-size:16px;line-height:1.6;align-self:center}
.csw-cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}
.csw-cta p{margin:0;color:#9EB0C5;font-size:16px}
.csw-cta .btn{border:0;cursor:pointer;font-family:inherit;color:#04101C}
.cs-box{max-width:600px}
.cs-box h2{font-size:26px;margin:0 40px 6px 0}
.cs-box label{display:block;font-size:13px;color:#9EB0C5;margin-bottom:14px}
.cs-box input,.cs-box select,.cs-box textarea{display:block;width:100%;margin-top:6px;padding:12px;border-radius:10px;border:1px solid var(--line);background:#06111F;color:#F5F9FF;font:inherit;font-size:16px}
.cs-box textarea{resize:vertical}
.cs-box .btn{border:0;cursor:pointer;font-family:inherit;color:#04101C;width:100%;margin-top:4px}
.cs-box .btn.ghost{color:#F5F9FF;border:1px solid var(--line);width:auto}
.cs-box .cs-act .btn.primary{width:auto}
@media(max-width:760px){.csw li{grid-template-columns:1fr;gap:8px;padding:18px 0}.csw-h b{font-size:19px}.csw-cta .btn{width:100%}}
@media(max-width:560px){.cs-box .cs-act .btn{width:100%}}
.csw-btn{margin-top:10px;border:0;cursor:pointer;font-family:inherit;color:#04101C}
/* ---- ERPs we work with: compact ---- */
.erp-orbit{width:min(100%,350px)}
.ec{width:50px;height:50px}.ec svg{width:26px;height:26px}
.erp-in{width:78px}
.erp-orbit{--rad:min(128px,34vw)}
.erpx-wrap{margin-top:18px;padding:20px 24px;border-radius:20px;border:1px solid var(--line);background:#0B1B2D}
.erpx-wrap h3{margin:0 0 14px;font-size:16px}
.erpx-row{display:flex;flex-wrap:wrap;gap:10px}
.erpx{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:12px;border:1px solid var(--line);background:#0B1B2D;color:#DCE6F2;font-size:14px;font-weight:700}
.erpx-l{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#F5F9FF;font-style:normal;flex:none}
.erpx-l svg{width:21px;height:21px;display:block}
.erpx-l.txt{background:linear-gradient(135deg,#10263B,#10263B);border:1px solid #54E5FF44;color:#DCE6F2}
.erpx-l .et{font-size:11px;font-weight:800;letter-spacing:.02em}
@media(max-width:480px){.erp-orbit{--rad:min(104px,30vw)}.ec{width:44px;height:44px}.ec svg{width:23px;height:23px}.erp-in{width:68px}.erpx-wrap{padding:16px}.erpx{font-size:13px}}
/* ---- ERP logos as compact wide tiles ---- */
.ec{width:84px;height:46px;border-radius:12px;padding:6px 10px}
.ec svg{width:30px;height:30px}
.ec img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.ec.lw{padding:0;overflow:hidden}.ec.lw img{width:100%;height:100%;object-fit:cover}
.erp-in{width:96px}
.erp-orbit{width:min(100%,370px);--rad:min(132px,34vw)}
.erpx-l{width:auto;min-width:34px;height:34px;padding:0 8px;border-radius:9px}
.erpx-l img{display:block;height:22px;width:auto}
.erpx-l.lw{padding:0;overflow:hidden}.erpx-l.lw img{height:34px}
.erpx{padding:5px 14px 5px 5px}
@media(max-width:480px){.ec{width:70px;height:40px;padding:5px 8px}.ec svg{width:26px;height:26px}.erp-in{width:80px}.erp-orbit{--rad:min(104px,30vw)}}
/* Lawson tile: show the whole logo */
.ec.lw{padding:0;background:linear-gradient(90deg,#0a71a2,#075492);display:grid;place-items:center}
.ec.lw img{width:100%;height:auto;max-height:100%;object-fit:contain}
/* ---- alignment fixes ---- */
/* ERP orbit: tiles centred exactly on the ring, labels hang below without shifting the tile */
.role-panel.erp{align-items:center}
.erp-wrap{display:flex;justify-content:center;width:100%}
.erp-orbit{margin:0 auto;--rad:min(132px,34vw)}
.erp-ring{inset:auto;left:calc(50% - var(--rad));top:calc(50% - var(--rad));width:calc(var(--rad) * 2);height:calc(var(--rad) * 2)}
.erp-in{display:block;width:84px;gap:0}
.erp-in em{position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%);white-space:nowrap;font-size:11px}
@media(max-width:480px){.erp-in{width:70px}.erp-orbit{--rad:min(104px,30vw)}}
/* ERP row: five equal cells, same tile, label under each */
.erpx-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:start}
.erpc{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.erpc .ec{width:100%;max-width:120px;height:52px}
.erpc .ec svg{width:30px;height:30px}
.erpc em{font-style:normal;color:#DCE6F2;font-size:12px;font-weight:600}
@media(max-width:700px){.erpx-row{grid-template-columns:repeat(3,1fr);row-gap:18px}}
@media(max-width:420px){.erpx-row{grid-template-columns:repeat(2,1fr)}}
/* Technology cards: headings, text, bullets and logos line up across each row */
@supports (grid-template-rows:subgrid){
.tech .tech-grid{gap:0 18px;grid-auto-rows:auto}
.tech .tech-grid article{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;margin-bottom:18px;align-content:start}
.tech .tech-grid article .tools.big{margin-top:0;align-self:start}
.tech .tech-grid article .tech-list{margin-bottom:18px}
}
/* six ERPs + wider logo marks */
.ec.svg svg{width:60px;height:30px}
.erpc .ec.svg svg{width:64px;height:30px}
.erpx-row{grid-template-columns:repeat(6,1fr)}
@media(max-width:1000px){.erpx-row{grid-template-columns:repeat(3,1fr);row-gap:18px}}
@media(max-width:420px){.erpx-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.ec.svg svg{width:50px;height:26px}}
/* ================= DARK TECH THEME ================= */
:root{--bg:#06111F;--bg2:#081728;--panel:#0B1B2D;--card:#10263B;--text:#F5F9FF;--muted:#9EB0C5;--line:rgba(160,190,220,.18);--cyan:#54E5FF;--blue:#6D7CFF;--green:#55E6A5;--orange:#FF8A3D;--px:max(28px,calc((100% - 1180px) / 2))}
html,body{background:var(--bg)}
body{color:var(--text);font-family:"DM Sans",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;top:0;left:0;right:0;height:2px;z-index:90;background:linear-gradient(90deg,#54E5FF,#6D7CFF,#55E6A5,#FF8A3D)}
.progress{top:2px;height:2px;background:linear-gradient(90deg,#54E5FF,#6D7CFF);z-index:89}
h1,h2,h3,h4,.btn,.nav-cta,.tab,.rtab,.ptab,.ttab,.stats b,.metrics b,.std-table b{font-family:"Space Grotesk","DM Sans",Inter,sans-serif}
h1,h2{letter-spacing:-.045em;font-weight:700}
h3{letter-spacing:-.02em}
h1 em,h2 em{font-style:normal;background:linear-gradient(90deg,#FFFFFF 20%,#6EEAFF 55%,#8994FF 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero{background:radial-gradient(circle at 85% 30%,rgba(84,229,255,.12),transparent 30%),linear-gradient(135deg,#06111F,#0A1C30 58%,#081728)}
/* nav */
.nav{height:78px;background:rgba(6,17,31,.82);border-bottom:1px solid var(--line)}
@media(max-width:900px){.nav nav{top:78px;background:#06111F}}
/* layout: content 1180px max, 28px minimum side padding */
.nav,.hero,.section,.standards,.transform,.journey,.health,.cl-strip,.cta,.foot{padding-left:var(--px);padding-right:var(--px)}
/* alternate section background */
.roles,.standards,.platform,.dark,.selfcheck,.engage{background:var(--bg2)}
/* pill labels */
.eyebrow{display:inline-block;padding:6px 14px;margin-bottom:18px;border:1px solid var(--line);border-radius:99px;color:#A8DFF0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
/* buttons */
.btn,.nav-cta{padding:12px 18px;border-radius:12px;font-weight:600;font-size:14px}
.nav-cta,.btn.primary,.primary{background:linear-gradient(135deg,#39D7EF,#6875FF);color:#04101C}
.btn.ghost,.ghost{border:1px solid var(--line);color:var(--text)}
/* cards */
.card:not(.is-health),.tech-grid article,.eng:not(.feat),.pil article,.std-block:not(.hc),.role-panel,.plugs,.tech-flow,.erpx-wrap,.hio-box:not(.chk):not(.out),.ba,.cs-steps li,.pf-can li,.pp-card{background:linear-gradient(145deg,rgba(16,38,59,.9),rgba(8,24,40,.92));border:1px solid var(--line);border-radius:18px}
.card,.tech-grid article,.eng,.pil article{padding:26px}
/* icon badges: tinted background, coloured border and icon */
.svc-ic,.ind-ic,.sol-chip{background:rgba(255,255,255,0);background:color-mix(in srgb,var(--a) 9.4%,transparent);border:1px solid color-mix(in srgb,var(--a) 33%,transparent);color:var(--a);border-radius:13px;box-shadow:0 0 24px color-mix(in srgb,var(--a) 18%,transparent)}
.card:hover .svc-ic,.industry-grid .ind:hover .ind-ic{background:color-mix(in srgb,var(--a) 16%,transparent)}
.industry-grid .ind{background:linear-gradient(145deg,rgba(16,38,59,.9),rgba(8,24,40,.92));border:1px solid var(--line);border-radius:16px}
/* CTA band */
.cta{background:linear-gradient(135deg,#102A43,#101A4C 55%,#0D2631)}
.foot{background:#05101C}
@media(prefers-reduced-motion:reduce){}
h3,h4{color:var(--text)}
.card p,.eng p,.pil p,.tech-grid article p{color:var(--muted)}
/* ---- ERP logos in circles ---- */
.ec{border-radius:50%;padding:0;display:grid;place-items:center;overflow:hidden;width:76px;height:76px}
.ec svg{width:34px;height:34px}
.ec.svg svg{width:54px;height:30px}
.ec img{display:block;max-width:74%;max-height:46%;width:auto;height:auto;object-fit:contain}
.ec.lw{background:linear-gradient(90deg,#0a71a2,#075492)}
.ec.lw img{max-width:92%;max-height:64%;width:92%;height:auto}
.erp-in{width:76px}
.erp-in em{font-size:11px}
.erpc .ec{width:92px;max-width:none;height:92px}
.erpc .ec.svg svg{width:58px;height:32px}
.erpc .ec img{max-width:76%;max-height:44%}
.erpc .ec.lw img{max-width:92%;max-height:62%;width:92%}
.erpx-row{align-items:start;justify-items:center}
@media(max-width:480px){.ec{width:62px;height:62px}.ec.svg svg{width:44px;height:24px}.erp-in{width:62px}.erpc .ec{width:76px;height:76px}.erpc .ec.svg svg{width:48px;height:26px}}
/* ---- ERPs We Work With: big circle with the title in the centre ---- */
.erpx-wrap{display:flex;justify-content:center;padding:34px 20px 44px}
#erpx-host{width:100%;display:flex;justify-content:center}
.erp-orbit.big{width:min(100%,500px);--rad:min(178px,36vw)}
.erp-orbit.big .erp-core{width:38%;padding:12px}
.erp-orbit.big .erp-core b{font-size:clamp(14px,1.9vw,19px);line-height:1.2;margin:0}
.erp-orbit.big .ec{width:90px;height:90px}
.erp-orbit.big .ec.svg svg{width:58px;height:32px}
.erp-orbit.big .erp-in{width:90px}
.erp-orbit.big .erp-in em{font-size:12px;top:calc(100% + 7px)}
@media(max-width:560px){.erp-orbit.big{--rad:min(118px,31vw)}.erp-orbit.big .ec{width:64px;height:64px}.erp-orbit.big .ec.svg svg{width:42px;height:24px}.erp-orbit.big .erp-in{width:64px}.erp-orbit.big .erp-in em{font-size:10.5px}.erp-orbit.big .erp-core b{font-size:13px}}
/* ---- vendor + image section ---- */
.vi-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:stretch}
.vi-card{--a:#54E5FF;display:flex;flex-direction:column;padding:30px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,38,59,.9),rgba(8,24,40,.92))}
.vi-ic{display:grid;place-items:center;width:54px;height:54px;border-radius:13px;margin-bottom:18px;color:var(--a);background:color-mix(in srgb,var(--a) 9.4%,transparent);border:1px solid color-mix(in srgb,var(--a) 33%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--a) 18%,transparent)}
.vi-ic svg{width:28px;height:28px}
.vi-card h3{margin:0 0 6px;font-size:24px;line-height:1.15}
.vi-lead{margin:0 0 18px;color:var(--muted);font-size:15px}
.vi-list{list-style:none;margin:0 0 20px;padding:0}
.vi-list li{position:relative;padding:14px 0 14px 26px;border-top:1px solid var(--line)}
.vi-list li:before{content:"\2713";position:absolute;left:0;top:14px;color:var(--a);font-weight:800}
.vi-list b{display:block;color:var(--text);font-size:16px;margin-bottom:3px}
.vi-list span{color:var(--muted);font-size:14px;line-height:1.5}
.vi-card .lnk{margin-top:auto;align-self:flex-start}
@media(max-width:900px){.vi-grid{grid-template-columns:1fr}.vi-card{padding:24px}}
/* ---- BGFACS mentions ---- */
.bg-tag{display:inline-flex;align-items:center;margin-left:-8px;padding-left:16px;border-left:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.25;white-space:nowrap}
.bg-tag b{color:var(--cyan);font-weight:700;margin:0 4px}
.bg-note{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--muted);font-size:13px}
.bg-note i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);flex:none}
.bg-note b{color:var(--text);font-weight:700}
.foot-bg{margin-top:10px;color:var(--muted)}
.foot-bg b{color:var(--text)}
@media(max-width:1180px){.bg-tag{font-size:11px}}
@media(max-width:700px){.bg-tag{white-space:normal;max-width:78px;font-size:10px;padding-left:12px;margin-left:-4px}.bg-tag b{display:block;margin:0}.bg-note{font-size:12px;align-items:flex-start}.bg-note i{margin-top:5px}}
/* BGFACS mention: simple inline text so it wraps cleanly */
.bg-tag{display:block}
.bg-tag b{display:inline}
.bg-note{display:block}
.bg-note i{display:inline-block;vertical-align:middle;margin:-2px 10px 0 0}
@media(max-width:700px){.bg-tag{max-width:92px;font-size:10px;line-height:1.25;margin-left:2px;padding-left:10px}.bg-tag b{display:block;margin:0}.bg-note{font-size:12px}.bg-note i{margin-top:0}}
@media(max-width:359px){.bg-tag{display:none}}
/* header: wider content area and no wrapping so everything fits with the BGFACS tag */
.nav{padding-left:max(28px,calc((100% - 1300px) / 2));padding-right:max(28px,calc((100% - 1300px) / 2));gap:20px}
.nav nav{gap:16px}
.nav nav a,.nav-cta{white-space:nowrap}
@media(max-width:1240px){.bg-tag{display:none}}
@media(max-width:900px){.bg-tag{display:block}}
@media(max-width:900px){.nav .menu{margin-left:auto}}
/* BGFACS links */
a.bg-tag,a.bg-note{text-decoration:none;cursor:pointer;transition:color .2s}
a.bg-tag:hover b,a.bg-note:hover b{text-decoration:underline;text-underline-offset:3px}
a.bg-tag:hover,a.bg-note:hover{color:var(--text)}
.foot-bg a,.foot-bar a[href^="https://bgfacs"]{color:var(--text);text-decoration:underline;text-decoration-color:rgba(84,229,255,.5);text-underline-offset:3px}
.foot-bg a:hover,.foot-bar a[href^="https://bgfacs"]:hover{color:var(--cyan)}
/* sub-services inside the MDM panel */
.sol-sub{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.sol-sub[hidden]{display:none}
.sub{--a:#54E5FF;padding:18px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,38,59,.9),rgba(8,24,40,.92))}
.sub-h{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}
.sub-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;flex:none;color:var(--a);background:color-mix(in srgb,var(--a) 9.4%,transparent);border:1px solid color-mix(in srgb,var(--a) 33%,transparent)}
.sub-ic svg{width:21px;height:21px}
.sub h4{margin:0 0 3px;font-size:15px;line-height:1.25;color:var(--text);text-transform:none;letter-spacing:-.01em}
.sub-h p{margin:0;font-size:13px;color:var(--muted);line-height:1.4}
.sub ul{list-style:none;margin:0;padding:0}
.sub li{position:relative;padding:9px 0 9px 20px;border-top:1px solid var(--line)}
.sub li:before{content:"\2713";position:absolute;left:0;top:9px;color:var(--a);font-weight:800;font-size:13px}
.sub li b{display:block;color:var(--text);font-size:13.5px;margin-bottom:2px}
.sub li span{color:var(--muted);font-size:12.5px;line-height:1.45}
@media(max-width:760px){.sol-sub{grid-template-columns:1fr}}
.sol-box .sub li{padding:9px 0 9px 20px;font-size:13px;line-height:1.4;color:var(--muted)}
.sol-box .sub li:before{width:auto;height:auto;border-radius:0;background:none;top:9px;left:0;color:var(--a);font-size:13px;font-weight:800}
/* ================= polish pass (no content changes) ================= */
/* service cards: Explore link always sits at the bottom, so every row lines up */
.card{display:flex;flex-direction:column}
.card .tags{margin-top:14px}
.card .explore{margin-top:auto;align-self:flex-start;padding:16px 10px 6px 0;margin-right:-10px}
.card,.tech-grid article,.eng,.pil article,.ind,.industry-grid .ind{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
@media(hover:hover){.card:not(.is-health):hover,.tech-grid article:hover,.eng:not(.feat):hover,.pil article:hover{border-color:rgba(84,229,255,.38);box-shadow:0 18px 50px rgba(0,0,0,.35),0 0 0 1px rgba(84,229,255,.12) inset}
.industry-grid .ind:hover{border-color:rgba(84,229,255,.38);transform:translateY(-2px)}}
/* comfortable touch targets */
.bt,.hc{min-height:40px}
.nav nav a{padding:12px 2px}
.lnk,.sc-chips button,.rsv button,.quick button{min-height:40px}
@media(max-width:700px){.quick button{min-height:42px}.explore{padding-top:18px}}
/* hero decoration never creates sideways scroll */
.hero{overflow:clip}
/* the Case Studies block is short now: tighten its spacing */
#cases.section{padding-top:70px;padding-bottom:70px}
/* smoother anchors under the fixed header */
html{scroll-padding-top:92px}
/* long words and URLs never break a layout */
h1,h2,h3,p,li,span,b{overflow-wrap:break-word}
/* keyboard focus is always visible */
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
/* Technology now lives inside the Applications, AI & IoT tab */
.tech-in{margin-top:64px;padding-top:56px;border-top:1px solid var(--line)}
.tech-in[hidden]{display:none}
.tech-in .section-head{margin-bottom:34px}
.erps.section{padding-top:40px;padding-bottom:70px}
.erps .erpx-wrap{margin-top:0}
/* tool logos live on the card face (before Explore) */
.card-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.card-tools .ct{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f4f7ff;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.card-tools .ct svg{width:19px;height:19px;display:block}
.card-tools .ct.wide{width:60px}
.card-tools .ct img{display:block;max-width:86%;max-height:62%;width:auto;height:auto}
.card-tools .ct.lw{background:linear-gradient(90deg,#0a71a2,#075492)}
.card-tools .ct.lw img{max-width:92%;max-height:70%}
/* nothing but text inside the opened panel */
.sol-tools,.sol-chip,.sub-ic{display:none!important}
/* technologies inside the Applications, AI & IoT tab: one clear view, medium icons everywhere */
.tech-in .tools.big{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:16px 6px;padding-top:18px}
.tech-in .tools.big .tool{gap:8px;font-size:12px;font-weight:600;color:var(--text)}
.tech-in .tools.big .tool .tl{width:48px;height:48px;border-radius:13px;box-shadow:0 6px 16px rgba(0,0,0,.32)}
.tech-in .tools.big .tool .tl svg{width:30px;height:30px}
.tech-in .tech-grid article{padding:26px 26px 22px}
.tech-in .tech-grid article h3{font-size:22px}
@media(max-width:560px){.tech-in .tools.big{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.tech-in .tools.big .tool .tl{width:44px;height:44px}.tech-in .tools.big .tool .tl svg{width:27px;height:27px}}
/* DataGov4U brand colours: Data / Gov / 4U */
.pf-bar em b{font-weight:800;font-size:14px;letter-spacing:-.01em}
.pf-bar .dg-d{color:#FF5C5C}.pf-bar .dg-g{color:#4DD0E1}.pf-bar .dg-u{color:#FFB84D}
.pf-bar span:nth-child(1){background:#FF5C5C}.pf-bar span:nth-child(2){background:#4DD0E1}.pf-bar span:nth-child(3){background:#FFB84D}
/* ERPs inside the MDM panel */
.sol-erps{margin-top:18px}
.sol-erps[hidden]{display:none}
.sol-erps h5{margin:0 0 12px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:"DM Sans",sans-serif}
.erpm-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 8px}
.erpm{display:flex;flex-direction:column;align-items:center;gap:6px}
.erpm em{font-style:normal;font-size:11px;line-height:1.2;color:var(--muted);text-align:center;font-weight:600}
.sol-erps .ec{width:58px;height:58px}
.sol-erps .ec.svg svg{width:40px;height:24px}
.sol-erps .ec img{max-width:76%;max-height:44%}
.sol-erps .ec.lw img{max-width:92%;max-height:62%}
/* ---- Before & After with the real sample records ---- */
.ba2{display:grid;grid-template-columns:minmax(210px,.55fr) auto minmax(0,2.2fr);gap:16px;align-items:start}
.ba2-col{padding:18px;border-radius:14px;border:1px solid var(--line);background:#050e19}
.ba2-col>small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-bottom:4px}
.ba2-col.before>small{color:#ff8aa3}.ba2-col.after>small{color:#55E6A5}
.ba2-col>b{display:block;margin-bottom:14px;color:var(--text);font-size:14px}
.ba2 .ba-ar{align-self:center}
.kv{margin:0}
.kv>div{display:grid;grid-template-columns:minmax(96px,.8fr) 1.4fr;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.kv>div:first-child{border-top:0}
.kv dt{color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding-top:2px}
.kv dd{margin:0;color:var(--text);font-weight:600;overflow-wrap:anywhere}
.kv dd.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:500}
.ba-top{display:flex;gap:16px;align-items:center;padding-bottom:16px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.ba-img{display:block;width:96px;height:96px;flex:none;object-fit:contain;border-radius:12px;background:#fff;padding:4px}
.ba-top h4,.ba-sec h4{margin:0 0 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-family:"DM Sans",sans-serif;font-weight:700}
.ba-long{margin:0;color:var(--text);font-size:13.5px;line-height:1.55;font-weight:600;overflow-wrap:anywhere}
.ba-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ba-sec{margin-bottom:16px}
.ba-sec:last-child{margin-bottom:0}
.codes{list-style:none;margin:0;padding:0}
.codes li{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:8px 0;border-top:1px solid var(--line);font-size:12.5px;align-items:baseline}
.codes li:first-child{border-top:0}
.codes i{grid-column:1/-1;font-style:normal;color:var(--muted);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.codes b{color:var(--text);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}
.codes span{color:var(--muted);overflow-wrap:anywhere}
.ba2-col.after>.ba-sec+.ba-two{margin-top:2px}
@media(max-width:1000px){.ba2{grid-template-columns:1fr}.ba2 .ba-ar{justify-self:center;transform:rotate(90deg)}.ba-two{grid-template-columns:1fr}}
@media(max-width:560px){.ba-top{flex-direction:column;align-items:flex-start}.kv>div{grid-template-columns:1fr;gap:2px}}
.ba2{grid-template-columns:minmax(250px,.7fr) auto minmax(0,2.2fr)}
.ba2-col.before .kv>div{grid-template-columns:minmax(52px,.5fr) 1.6fr}
/* example block inside the Vendor panel */
.sol-ex{margin-top:20px}
.sol-ex[hidden]{display:none}
.sol-ex h4{margin:0 0 10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-family:"DM Sans",sans-serif;font-weight:700}
.exm{display:grid;grid-template-columns:minmax(150px,.7fr) auto 2fr;gap:14px;align-items:start;padding:16px;border-radius:14px;border:1px solid var(--line);background:#050e19}
.exm small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-bottom:6px}
.exm-b small{color:#ff8aa3}.exm-a small{color:#55E6A5}
.exm .mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:var(--text)}
.exm>i{align-self:center;font-style:normal;color:var(--cyan);font-size:18px}
.exm dl{margin:0}
.exm dl>div{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:6px 0;border-top:1px solid var(--line);font-size:12.5px}
.exm dl>div:first-child{border-top:0}
.exm dt{color:var(--muted);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding-top:2px}
.exm dd{margin:0;color:var(--text);font-weight:600;overflow-wrap:anywhere}
@media(max-width:700px){.exm{grid-template-columns:1fr}.exm>i{justify-self:center;transform:rotate(90deg)}.exm dl>div{grid-template-columns:1fr;gap:2px}}
/* ================= ERP circle: rotating orbit + glow effects ================= */
@property --spin{syntax:'<angle>';inherits:true;initial-value:0deg}
.erp-orbit.in{animation:erpSpin 70s linear infinite}
@keyframes erpSpin{to{--spin:360deg}}
/* every logo travels round the ring and stays upright */
.erp-node{transform:rotate(calc(var(--r) + var(--spin))) translateY(calc(var(--rad) * -1)) rotate(calc((var(--r) + var(--spin)) * -1))}
/* ring: faint dashed track + a light that chases round it */
.erp-ring{border:1px dashed rgba(84,229,255,.26)}
.erp-ring:before,.erp-ring:after{content:"";position:absolute;inset:-1px;border-radius:50%;pointer-events:none}
.erp-ring:before{background:conic-gradient(from 0deg,transparent 0 60%,rgba(84,229,255,0) 60%,rgba(84,229,255,.9) 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))}
.erp-ring:after{background:radial-gradient(circle at 50% 0,#b5f6ff 0 3px,rgba(84,229,255,0) 5px);filter:drop-shadow(0 0 8px #54E5FF)}
.erp-orbit.in .erp-ring:before,.erp-orbit.in .erp-ring:after{animation:erpRot 8s linear infinite}
@keyframes erpRot{to{transform:rotate(360deg)}}
/* centre: breathing glow and soft ripples */
.erp-orbit.in .erp-core{animation:erpPulse 3.6s ease-in-out infinite alternate}
@keyframes erpPulse{from{box-shadow:0 0 24px rgba(84,229,255,.16)}to{box-shadow:0 0 60px rgba(109,124,255,.5)}}
.erp-core:before,.erp-core:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(84,229,255,.55);opacity:0;pointer-events:none}
.erp-orbit.in .erp-core:before,.erp-orbit.in .erp-core:after{animation:erpRipple 4.4s ease-out infinite}
.erp-orbit.in .erp-core:after{animation-delay:2.2s}
@keyframes erpRipple{0%{transform:scale(1);opacity:.55}100%{transform:scale(2.4);opacity:0}}
/* logos: soft halo that pulses one after another, lift on hover */
.erp-orbit.in .ec{animation:erpHalo 4.2s ease-in-out infinite alternate;animation-delay:var(--d,0s)}
@keyframes erpHalo{from{box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 0 rgba(84,229,255,0)}to{box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 20px rgba(84,229,255,.42)}}
.ec{transition:transform .25s ease}
.erp-in:hover .ec{transform:scale(1.14)}
.erp-orbit:hover,.erp-orbit:hover .erp-ring:before,.erp-orbit:hover .erp-ring:after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.erp-orbit.in,.erp-orbit.in .erp-ring:before,.erp-orbit.in .erp-ring:after,.erp-orbit.in .erp-core,.erp-orbit.in .erp-core:before,.erp-orbit.in .erp-core:after,.erp-orbit.in .ec{animation:none!important}.erp-core:before,.erp-core:after{display:none}}
/* ================= premium service icons ================= */
.svc-ic{position:relative;overflow:hidden;width:64px;height:64px;border-radius:19px;margin-bottom:22px;color:var(--a);
background:radial-gradient(circle at 28% 18%,color-mix(in srgb,var(--a) 42%,transparent),transparent 62%),linear-gradient(150deg,color-mix(in srgb,var(--a) 24%,#0B1B2D),color-mix(in srgb,var(--a) 6%,#081728));
border:1px solid color-mix(in srgb,var(--a) 48%,transparent);
box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -12px 20px rgba(0,0,0,.28),0 12px 30px color-mix(in srgb,var(--a) 30%,transparent);
transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.svc-ic svg{position:relative;z-index:1;width:38px;height:38px;filter:drop-shadow(0 3px 7px color-mix(in srgb,var(--a) 55%,transparent))}
.svc-ic:before{content:"";position:absolute;left:-30%;top:-40%;width:90%;height:90%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 65%);pointer-events:none}
.svc-ic:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.38) 50%,transparent 65%);transform:translateX(-130%);transition:transform .8s ease;pointer-events:none}
@media(hover:hover){.card:hover .svc-ic{transform:translateY(-4px) rotate(-4deg) scale(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -12px 20px rgba(0,0,0,.28),0 18px 38px color-mix(in srgb,var(--a) 42%,transparent)}.card:hover .svc-ic:after{transform:translateX(130%)}}
@media(prefers-reduced-motion:reduce){.svc-ic,.svc-ic:after{transition:none}.card:hover .svc-ic{transform:none}}
/* client logo chips: pure white so logo backgrounds blend in */
.cl-row li{background:#ffffff}
.pf-tag{margin:0 0 12px!important;font-family:"Space Grotesk","DM Sans",sans-serif;font-weight:600;font-size:21px;line-height:1.25;color:var(--cyan)!important;letter-spacing:-.02em}
/* a single sub-service (Image Sourcing in MDM) uses the full width */
.sol-sub .sub:only-child{grid-column:1/-1}
.sol-sub .sub:only-child ul{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
.sol-sub .sub:only-child li:first-child{border-top:1px solid var(--line)}
@media(max-width:760px){.sol-sub .sub:only-child ul{grid-template-columns:1fr}.sol-sub .sub:only-child li:first-child{border-top:1px solid var(--line)}}
/* technology logos: larger */
.tech-in .tools.big{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:20px 8px;padding-top:22px}
.tech-in .tools.big .tool{gap:10px;font-size:13px}
.tech-in .tools.big .tool .tl{width:76px;height:76px;border-radius:20px;box-shadow:0 10px 24px rgba(0,0,0,.38)}
.tech-in .tools.big .tool .tl svg{width:48px;height:48px}
@media(max-width:560px){.tech-in .tools.big{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.tech-in .tools.big .tool .tl{width:66px;height:66px;border-radius:18px}.tech-in .tools.big .tool .tl svg{width:42px;height:42px}}
.cl-title{max-width:760px;margin-left:auto;margin-right:auto;font-size:15px;line-height:1.5;color:var(--muted)}
@media(max-width:520px){.cl-title{font-size:14px;padding:0 6px}}
/* "AI-Powered Data Services Company" in the same cyan the BGFACS tag had */
.hero .eyebrow{color:#54E5FF;font-weight:700;border-color:rgba(84,229,255,.38)}
.foot-tag{color:#54E5FF!important;font-weight:700}
/* company numbers: same cyan as the "AI-Powered Data Services Company" label */
.metrics b{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:#54E5FF;color:#54E5FF}
.metrics span{color:#54E5FF;font-weight:700}
/* Before & After: one column on tablets and phones (fixes the squeezed After card) */
@media(max-width:1000px){
.ba2{grid-template-columns:minmax(0,1fr)}
.ba2 .ba-ar{justify-self:center;transform:rotate(90deg)}
.ba2-col{min-width:0}
.ba-two{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:560px){
.ba{padding:16px}
.ba2-col{padding:14px}
.ba2-col.before .kv>div{grid-template-columns:70px minmax(0,1fr)}
.kv>div{grid-template-columns:minmax(0,1fr);gap:2px}
.ba-top{flex-direction:row;align-items:flex-start;gap:12px}
.ba-img{width:76px;height:76px}
.codes li{grid-template-columns:auto minmax(0,1fr)}
.ba-long{font-size:12.5px}
.ba-head{align-items:flex-start}
.ba-head .hc-chips{width:100%;display:flex}
.ba-head .hc-chips .bt{flex:1;padding:6px 8px;font-size:12.5px;white-space:nowrap}
}
/* real sending: success and error messages */
.cm-ok,.cs-ok{text-align:left;padding:6px 0}
.cm-ok h3,.cs-ok h3{margin:0 0 8px;font-size:24px;color:var(--text)}
.cm-ok p,.cs-ok p{margin:0 0 18px;color:var(--muted);font-size:15px;line-height:1.55}
.cm-ok b,.cs-ok b{color:var(--cyan);overflow-wrap:anywhere}
.cm-ok[hidden],.cs-ok[hidden]{display:none}
.cm-err{display:block;margin-top:10px;color:#ff8aa3;font-size:13px;min-height:0}
.modal .btn:disabled{opacity:.6;cursor:progress}
/* ---- MDG Solution tab ---- */
.mdg-tab[hidden]{display:none}
.mdg-tab{margin-top:8px}
.mdg-head{margin-bottom:26px}
.mdg-head h2{font-size:clamp(28px,3.4vw,44px);margin:0 0 12px}
.mdg-head p{max-width:680px;color:var(--muted);font-size:17px}
.mdg-how{list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mdg-how li{position:relative;padding:20px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,38,59,.9),rgba(8,24,40,.92))}
.mdg-how li:not(:last-child):after{content:"\2192";position:absolute;right:-13px;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#06111F;color:#54E5FF;font-size:13px}
.mdg-how b{display:block;color:#54E5FF;font-size:12px;letter-spacing:.12em;margin-bottom:8px}
.mdg-how h4{margin:0 0 6px;font-size:18px;color:var(--text);font-family:"Space Grotesk","DM Sans",sans-serif;letter-spacing:-.02em}
.mdg-how p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.mdg-tab #platform .pf-grid{margin-top:0}
.mdg-tab #platform .pf-copy .eyebrow,.mdg-tab #platform .pf-copy>h2{display:none}
@media(max-width:1000px){.mdg-how{grid-template-columns:1fr 1fr}.mdg-how li:after{display:none}}
@media(max-width:560px){.mdg-how{grid-template-columns:1fr}}
.dgw b{font-weight:inherit}
.dgw .dg-d{color:#FF5C5C}.dgw .dg-g{color:#4DD0E1}.dgw .dg-u{color:#FFB84D}

/* hero fits the first screen on laptops/desktops: smaller EE graphic so the live example is fully visible */
@media (min-width:901px){
.hero{min-height:0;padding-top:clamp(108px,14vh,128px);padding-bottom:clamp(24px,4vh,48px);gap:36px}
.hero h1{font-size:clamp(40px,min(5.6vw,10.5vh),80px);margin-bottom:clamp(12px,2.4vh,22px)}
.hero p{font-size:clamp(15px,2.3vh,18px);margin:0 0 clamp(12px,2.4vh,22px)}
.hero .actions{margin-bottom:clamp(14px,2.4vh,22px)}
.hero .eyebrow{margin-bottom:clamp(12px,2.4vh,22px)}
.orb-wrap{height:clamp(130px,26vh,210px)}
.orb{width:clamp(90px,17vh,150px);height:clamp(90px,17vh,150px)}
.orb-core{padding-top:clamp(34px,6.4vh,56px);font-size:clamp(18px,3vh,24px)}
.orb:before{inset:-26px}.orb:after{inset:-52px}
.live-card{margin-top:0;padding:14px 18px}
.lc-rec{min-height:40px}
.data-engine{gap:0}
}
.foot-co{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:13px;color:#9EB0C5}.foot-co span{display:block}.foot-co a{display:inline;color:inherit}.foot-co a:hover{color:#54E5FF}

/* logo plate: pure white so the logo sits cleanly, framed in the site's cyan-to-blue so it stands out on the dark navy */
.brand-logo img{background:#fff;border-radius:14px;box-shadow:0 0 0 2px rgba(84,229,255,.85),0 0 0 5px rgba(109,124,255,.22),0 8px 26px rgba(84,229,255,.20),0 6px 20px #0008}



/* hero headline rotator (no label; one line at a time) */
.hero h1.rot{display:flex;flex-direction:column;justify-content:center}
.hero h1.rot .rs{display:block}
.hero h1.rot .rs[hidden]{display:none}

.hero h1.rot .rs.in{animation:rsIn .6s ease both}
.hero h1.rot .rs.out{animation:rsOut .5s ease both}
@keyframes rsIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes rsOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-28px)}}
@media (prefers-reduced-motion:reduce){.hero h1.rot .rs.in,.hero h1.rot .rs.out{animation:none}}

.std-block.ven{border-color:#55E6A540;background:linear-gradient(145deg,#0b2420,#0B1B2D)}.std-block.ven .std-h{color:#55E6A5}.scp.hc{padding:3px 10px;border:0;border-radius:99px;background:#ff6b8b26;box-shadow:none;min-height:0}

/* standards: one combined table */
.std1-wrap{overflow-x:auto;box-shadow:0 20px 60px #0006;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(16,38,59,.9),rgba(8,24,40,.92))}
.std1-wrap table{border-collapse:collapse;width:100%;min-width:980px;table-layout:fixed}
.std1-wrap th,.std1-wrap td{white-space:nowrap;padding:0 16px 0 20px;height:56px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;box-sizing:border-box}
.std1-wrap tr:last-child td{border-bottom:0}
.std1-wrap .grp th{height:52px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
.std1-wrap .g1{color:#54E5FF;background:rgba(84,229,255,.06)}
.std1-wrap .g2{color:#ff8aa3;background:rgba(255,107,139,.08);border-left:1px solid var(--line)}
.std1-wrap .vh{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#55E6A5;background:rgba(85,230,165,.08);border-left:1px solid var(--line)}
.std1-wrap .sub th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7F93AB;font-weight:700}
.std1-wrap td.std{font-weight:800}
.std1-wrap td.r{border-left:1px solid var(--line);padding-right:8px}
.std1-wrap td.r+td{padding-left:8px}
.std1-wrap td.r b{display:block;letter-spacing:.01em}
.std1-wrap .scp.gen{background:#54E5FF1f;color:#54E5FF}.std1-wrap .scp.ind{background:#ffd23f22;color:#ffd23f}.std1-wrap .scp.hc{background:#ff6b8b26;color:#ff8aa3}.std1-wrap .scp.cus{background:#A78BFA26;color:#d2a5ff}
.std1-wrap .hcr td:nth-child(-n+3){background:#ff6b8b0d}
.std1-wrap tr,.std1-wrap thead,.std1-wrap tbody{border:0;outline:0;box-shadow:none;background:none}.std1-wrap th,.std1-wrap td{border-top:0;border-right:0}.std1-wrap td.r,.std1-wrap th.g2,.std1-wrap th.vh{border-left:1px solid var(--line)}