:root{--navy:#051424;--ink:#071827;--blue:#009cff;--cyan:#57d8ff;--paper:#f4f7f9;--muted:#91a4b5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}em{font-style:normal;color:var(--blue)}
.header{position:fixed;z-index:50;top:0;left:0;width:100%;height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid #ffffff18;transition:.35s}.header.scrolled{height:70px;background:#051424e8;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:21px;letter-spacing:.08em}.brand small,.footerbrand small{display:block;font-size:8px;letter-spacing:.3em;color:#82cfff}.brandmark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #29adff;border-radius:9px;color:#44c7ff;font-weight:900;background:#009cff12}.nav{display:flex;align-items:center;gap:30px;font-size:13px}.nav>a:not(.navcta){color:#cbd7df;transition:.2s}.nav>a:hover{color:white}.navcta{margin-left:10px;border:1px solid #ffffff43;padding:13px 17px;border-radius:7px}.navcta b,.button b{margin-left:20px}.menubtn{display:none;background:none;border:0;color:white;font-size:25px}
.hero{min-height:900px;position:relative;overflow:hidden;color:white;background:radial-gradient(circle at 75% 40%,#0b3855 0,#071b2d 31%,#04111f 68%);padding:190px 7vw 100px}.gridlines{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#4cbfff18 1px,transparent 1px),linear-gradient(90deg,#4cbfff18 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(to bottom,black,transparent)}.orb{position:absolute;border-radius:50%;filter:blur(10px);background:#009cff20}.o1{width:650px;height:650px;right:4%;top:110px}.o2{width:250px;height:250px;left:-5%;bottom:15%}.heroCopy{position:relative;z-index:3;width:54%;max-width:720px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:.22em;color:#62cfff}.eyebrow i{width:6px;height:6px;background:#21b7ff;border-radius:50%;box-shadow:0 0 12px #21b7ff}.hero h1{font-size:clamp(58px,6vw,92px);line-height:.98;letter-spacing:-.065em;margin:28px 0 34px}.heroCopy>p{max-width:590px;color:#aabccb;font-size:18px;line-height:1.7}.heroCopy p b{color:white}.actions{display:flex;align-items:center;gap:35px;margin-top:42px}.button{display:inline-flex;align-items:center;background:var(--blue);padding:17px 20px;border-radius:7px;color:white;font-size:13px;font-weight:700;box-shadow:0 8px 30px #009cff30;transition:.25s}.button:hover{transform:translateY(-3px);background:#1ab1ff}.textlink{font-size:13px;font-weight:700;color:white}.textlink b{margin-left:14px}.heroVisual{position:absolute;width:550px;height:550px;right:2%;top:150px;border:1px solid #4ec3ff1f;border-radius:50%;animation:spin 60s linear infinite}.heroVisual:before,.heroVisual:after{content:"";position:absolute;border:1px solid #4ec3ff2a;border-radius:50%;inset:60px}.heroVisual:after{inset:135px}.core{position:absolute;z-index:2;inset:185px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#0e5d8c,#062039 70%);box-shadow:0 0 70px #00aaff42;border:1px solid #39c0ff75}.core span{font-weight:900;letter-spacing:.12em;font-size:24px}.core small{font-size:7px;line-height:1.6;color:#7dd9ff;letter-spacing:.2em}.node{position:absolute;font-size:8px;letter-spacing:.16em;color:#8fe0ff;padding:7px 10px;border:1px solid #36bcff4a;background:#071b2dd9;border-radius:20px}.node i{display:inline-block;width:5px;height:5px;background:#44d4ff;border-radius:50%;margin-right:6px}.n0{top:38px;left:212px}.n1{right:18px;top:225px}.n2{bottom:42px;left:220px}.n3{left:4px;top:235px}.n4{right:64px;bottom:85px}.stats{position:absolute;z-index:4;bottom:0;left:7vw;right:7vw;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff20}.stats div{padding:28px 30px;border-right:1px solid #ffffff20}.stats strong,.stats span{display:block}.stats strong{font-size:20px}.stats span{margin-top:8px;font-size:10px;color:#8197a8;text-transform:uppercase;letter-spacing:.13em}
.section{padding:120px 7vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;background:white}.intro h2,.sectionHead h2,.why h2{font-size:clamp(42px,4.5vw,67px);line-height:1.06;letter-spacing:-.05em;margin:22px 0}.intro>div:last-child{padding-top:35px}.intro p{font-size:18px;line-height:1.75;color:#536778}.textlink.dark{color:var(--ink);display:inline-block;margin-top:20px;border-bottom:1px solid #9babb6;padding-bottom:7px}.dark{color:white;background:#061624}.sectionHead{max-width:720px}.sectionHead>p{color:#91a3b2;max-width:500px;line-height:1.7}.serviceGrid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-left:1px solid #ffffff17;border-top:1px solid #ffffff17}.service{position:relative;min-height:310px;padding:28px;border-right:1px solid #ffffff17;border-bottom:1px solid #ffffff17;transition:.3s;background:#ffffff01}.service:hover{background:linear-gradient(145deg,#0b2b41,#071b2a);transform:translateY(-5px)}.num{font-size:10px;color:#607789}.serviceIcon{display:block;margin:35px 0 27px;font-style:normal;color:#52cfff;font-size:30px}.service h3{font-size:19px}.service p{color:#8195a5;font-size:13px;line-height:1.7}.service>a{position:absolute;right:25px;bottom:24px;color:#65d6ff}.ecosystem{background:#eef3f6}.flow{margin:70px 0;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #b8c7d0}.flow>div{position:relative;padding:27px 8px}.flow span,.flow b{display:block}.flow span{font-size:9px;color:#6c8393;margin-bottom:17px}.flow b{font-size:13px}.flow i{position:absolute;right:10px;top:49px;color:#00a6ff}.solutionCards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.solutionCards article{background:white;padding:38px;min-height:260px;border-radius:10px;box-shadow:0 15px 50px #1b3c5010}.solutionCards span{font-size:10px;color:var(--blue)}.solutionCards h3{font-size:24px;margin-top:40px}.solutionCards p{font-size:14px;line-height:1.7;color:#657988}.solutionCards a{font-size:12px;font-weight:bold;color:#008edb}.why{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#091c2c;color:white}.whyGrid{display:grid;grid-template-columns:1fr 1fr}.whyGrid article{padding:35px;border:1px solid #ffffff18}.whyGrid strong,.whyGrid span{display:block}.whyGrid strong{font-size:45px;color:#51ceff;margin-bottom:35px}.whyGrid span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#a8b7c1}.insights{background:white}.sectionHead.row{max-width:none;display:flex;align-items:end;justify-content:space-between}.articleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px}.articleArt{height:220px;border-radius:9px;margin-bottom:24px;display:flex;align-items:end;padding:20px;overflow:hidden;position:relative;background-color:#082237;background-image:radial-gradient(circle at 70% 20%,#00b7ff66,transparent 35%),linear-gradient(135deg,transparent 45%,#3ccaff29 46%,transparent 47%)}.art1{background-color:#112033;background-image:radial-gradient(circle at 50% 50%,#36bbff60,transparent 6%,transparent 17%,#36bbff22 18%,transparent 19%),repeating-radial-gradient(circle at 50% 50%,transparent 0 35px,#53cfff22 36px 37px)}.art2{background-color:#071a29;background-image:linear-gradient(30deg,#008fff2b 12%,transparent 12.5%,transparent 87%,#008fff2b 87.5%),linear-gradient(150deg,#008fff2b 12%,transparent 12.5%,transparent 87%,#008fff2b 87.5%);background-size:70px 120px}.articleArt span{font-size:10px;color:#85dcff;letter-spacing:.18em}.articleGrid small{font-size:10px;color:#7b8e9a;text-transform:uppercase}.articleGrid h3{font-size:20px;line-height:1.35;margin:14px 0 25px}.articleGrid a{font-size:12px;color:#007ec7;font-weight:bold}
.finalcta{padding:80px 7vw;display:flex;align-items:center;justify-content:space-between;color:white;background:radial-gradient(circle at 85% 0,#07548a,#071c2c 40%,#051522)}.finalcta h2{font-size:42px;letter-spacing:-.04em;margin:20px 0 0}.button.light{background:white;color:#071827;box-shadow:none}footer{position:relative;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;padding:70px 7vw 95px;background:#04111d;color:#98aab8;font-size:12px}.footerbrand{display:grid;grid-template-columns:42px 1fr;align-items:center}.footerbrand strong{color:white;font-size:20px;letter-spacing:.1em}.footerbrand p{grid-column:1/3;margin-top:25px;max-width:300px;line-height:1.7}.footerbrand small{font-size:7px}.footerbrand+div,footer>div:not(.footerbrand){display:flex;flex-direction:column;gap:12px}footer>div>b{color:white;margin-bottom:10px}.copyright{position:absolute;left:7vw;bottom:25px;font-size:10px}.float{position:fixed;z-index:20;right:25px;bottom:25px;background:#11b875;color:white;width:54px;height:54px;border-radius:50%;display:grid;place-content:center;box-shadow:0 10px 35px #0005}.float span{display:none}.pageHero{padding:180px 7vw 90px;color:white;background:radial-gradient(circle at 75%,#0a456b,#061624 48%)}.pageHero h1{font-size:clamp(50px,6vw,80px);letter-spacing:-.06em;margin:25px 0}.pageHero p{max-width:650px;line-height:1.7;color:#a7bac7}.contentGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.contentCard{padding:38px;background:white;border:1px solid #dce5ea;border-radius:10px}.contentCard h3{font-size:24px}.contentCard p{color:#607687;line-height:1.7}.process{counter-reset:p}.process article{counter-increment:p;padding:30px 0;border-bottom:1px solid #ccd8df}.process article:before{content:"0" counter(p);color:var(--blue);font-size:11px}.contactGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.contactInfo a,.contactInfo span{display:block;margin:15px 0}.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form label{font-size:11px;font-weight:bold}.form input,.form textarea,.form select{width:100%;margin-top:8px;padding:14px;border:1px solid #cbd8e0;border-radius:5px;background:white}.form .full{grid-column:1/3}.form textarea{min-height:130px}.form button{border:0;cursor:pointer}
@keyframes spin{to{transform:rotate(360deg)}}.heroVisual .core,.heroVisual .node{animation:spin 60s linear infinite reverse}.reveal{animation:rise .9s ease-out both}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@media(max-width:1000px){.heroVisual{opacity:.42;right:-240px}.heroCopy{width:80%}.serviceGrid{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(3,1fr)}.solutionCards{grid-template-columns:1fr}.nav{position:fixed;display:none;inset:70px 0 auto;background:#061624;padding:30px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menubtn{display:block}.stats{left:4vw;right:4vw}.intro,.why,.contactGrid{grid-template-columns:1fr}}
@media(max-width:650px){.header{height:70px;padding:0 20px}.hero{min-height:780px;padding:145px 22px 170px}.heroCopy{width:100%}.hero h1{font-size:50px}.heroCopy>p{font-size:15px}.heroVisual{width:420px;height:420px;top:190px;right:-300px}.actions{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.stats div{padding:18px 10px}.stats strong{font-size:14px}.section{padding:80px 22px}.intro{gap:20px}.serviceGrid{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.solutionCards,.articleGrid{grid-template-columns:1fr}.why{gap:30px}.whyGrid{grid-template-columns:1fr 1fr}.whyGrid article{padding:22px 14px}.whyGrid strong{font-size:32px}.sectionHead.row,.finalcta{align-items:flex-start;gap:30px;flex-direction:column}.finalcta{padding:65px 22px}.finalcta h2{font-size:34px}footer{grid-template-columns:1fr 1fr;padding:60px 22px 90px}.footerbrand{grid-column:1/3}.copyright{left:22px}.pageHero{padding:145px 22px 70px}.contentGrid{grid-template-columns:1fr}.form{grid-template-columns:1fr}.form .full{grid-column:1}.contactGrid{gap:30px}}

/* Official LABCAL identity */
.brand{display:flex;align-items:center;background:#fff;border-radius:7px;padding:4px 8px;box-shadow:0 7px 24px #0003}
.brand img{display:block;width:132px;height:49px;object-fit:contain}
.footerbrand{display:block}
.footerbrand>img{display:block;width:190px;height:auto;background:#fff;border-radius:8px;padding:7px}
.footerbrand>p{margin-top:25px;max-width:300px;line-height:1.7}
@media(max-width:650px){.brand{padding:3px 6px}.brand img{width:108px;height:42px}.footerbrand>img{width:170px}}

/* Transparent logo treatment for dark surfaces */
.brand{position:relative;width:132px;aspect-ratio:711/351;padding:0;background:transparent;border-radius:0;box-shadow:none}
.brand img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}
.logoRed{position:absolute;z-index:2;left:87.6%;top:51.6%;width:4.9%;height:10%;border-radius:50%;background:#ff1616;box-shadow:0 0 10px #ff161655;pointer-events:none}
.footerLogo{position:relative;width:190px;aspect-ratio:711/351}
.footerbrand>.footerLogo img{display:block;width:100%;height:100%;padding:0;background:transparent;border-radius:0;object-fit:contain;filter:brightness(0) invert(1)}
@media(max-width:650px){.brand{width:108px;padding:0}.brand img{width:100%;height:100%}.footerLogo{width:170px}}

/* WhatsApp direct contact */
.float{width:58px;height:58px;display:flex;align-items:center;justify-content:center;transition:transform .25s,box-shadow .25s}
.float:hover{transform:translateY(-4px);box-shadow:0 14px 38px #00a96866}
.float svg{width:32px;height:32px}
.float span{display:block;position:absolute;right:68px;min-width:170px;padding:10px 13px;border-radius:8px;background:#071c2c;color:#cbd8e0;font-size:10px;line-height:1.45;text-align:right;opacity:0;transform:translateX(8px);pointer-events:none;transition:.25s;box-shadow:0 10px 30px #0005}
.float span b{color:#fff;font-size:12px}
.float:hover span,.float:focus-visible span{opacity:1;transform:none}
@media(max-width:650px){.float{right:18px;bottom:18px}.float span{display:none}}

/* Our Client directory */
.clientHero{background:radial-gradient(circle at 75% 35%,#0a456b,#061624 48%)}
.clientShowcase{background:#eef3f6}
.clientIntro{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:65px}
.clientIntro h2{font-size:clamp(40px,4.5vw,64px);line-height:1.06;letter-spacing:-.05em;margin:22px 0 0}
.clientIntro>p{color:#5d7180;font-size:16px;line-height:1.75;margin:0 0 8px}
.clientDirectory{border-top:1px solid #c8d5dd;padding-top:35px}
.clientLogoCard{display:grid;grid-template-columns:minmax(320px,1.5fr) 1fr;align-items:center;gap:65px;min-height:270px;padding:40px 0;border-bottom:1px solid #c8d5dd;background:#eef3f6}
.clientLogoCard img{display:block;width:100%;max-width:690px;height:auto;object-fit:contain;background:transparent}
.clientLogoCard span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#168dcc}
.clientLogoCard h3{font-size:28px;margin:13px 0 0}
@media(max-width:760px){.clientIntro,.clientLogoCard{grid-template-columns:1fr;gap:30px}.clientLogoCard{padding:30px 0}.clientLogoCard img{width:100%}.clientLogoCard h3{font-size:23px}}

.clientGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px;background:#c8d5dd;border:0}
.clientTile{position:relative;min-width:0;min-height:280px;padding:27px;background:#f4f7f9;display:flex;flex-direction:column;transition:background .3s,transform .3s}
.clientTile:hover{z-index:2;background:#fff;transform:translateY(-4px);box-shadow:0 18px 42px #17364a17}
.clientIndex{font-size:9px;color:#78909f;letter-spacing:.15em}
.clientImage{height:155px;display:flex;align-items:center;justify-content:center;margin:8px 0 18px}
.clientImage img{display:block;width:auto;height:auto;max-width:92%;max-height:135px;object-fit:contain;background:transparent}
.clientMeta{margin-top:auto;border-top:1px solid #d5e0e6;padding-top:16px}
.clientMeta span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#168dcc}
.clientMeta h3{font-size:14px;margin:8px 0 0;color:#233744}
@media(max-width:950px){.clientGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.clientGrid{grid-template-columns:1fr}.clientTile{min-height:250px}.clientImage{height:140px}}

/* About company overview */
.aboutOverview{align-items:start}
.aboutCopy{padding-top:32px!important}
.aboutCopy p{font-size:17px;line-height:1.82;color:#536778;margin-bottom:24px}
.aboutCopy p:first-child{font-size:19px;color:#344b5b}
.aboutCopy strong{color:#071827}
.aboutSince{display:flex;align-items:center;gap:18px;margin-top:48px;padding-top:25px;border-top:1px solid #d6e0e6;max-width:360px}
.aboutSince strong{font-size:38px;letter-spacing:-.04em;color:#009cff}
.aboutSince span{font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.14em;color:#6c8190}
@media(max-width:650px){.aboutCopy{padding-top:0!important}.aboutCopy p,.aboutCopy p:first-child{font-size:16px}.aboutSince{margin-top:30px}}

/* System Integration service */
.integrationHero{background:radial-gradient(circle at 78% 45%,#0a4b73,#061624 48%)}
.integrationIntro{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;background:#fff}
.integrationIntro h2,.integrationExpert h2{font-size:clamp(40px,4.3vw,62px);line-height:1.06;letter-spacing:-.05em;margin:22px 0}
.integrationCopy{max-width:710px}
.integrationCopy p,.integrationStatement p,.integrationExpert p{font-size:17px;line-height:1.82;color:#536778;margin-bottom:24px}
.integrationCopy h3{font-size:27px;margin:42px 0 18px;color:#09263b}
.integrationMarker{display:flex;align-items:center;gap:16px;border-top:1px solid #d5e0e6;margin-top:55px;padding-top:25px;max-width:340px}
.integrationMarker strong{font-size:35px;color:#009cff}.integrationMarker span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#6b8190}
.integrationValue{background:#061624;color:#fff}
.integrationStatement{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin:55px 0}.integrationStatement p{color:#9eb0bd}
.integrationBenefits{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff20;border-left:1px solid #ffffff20}
.integrationBenefits article{min-height:145px;padding:26px;border-right:1px solid #ffffff20;border-bottom:1px solid #ffffff20;display:flex;flex-direction:column;justify-content:space-between}
.integrationBenefits span{font-size:9px;color:#5acfff}.integrationBenefits strong{font-size:14px}
.integrationExpert{display:grid;grid-template-columns:1fr 1fr;gap:90px;background:#eef3f6}.integrationExpert .button{margin-top:15px}
.serviceDetailLink{display:inline-block;margin-top:18px;font-size:12px;font-weight:700;color:#008fdc;border-bottom:1px solid #8acbea;padding-bottom:5px}
@media(max-width:780px){.integrationIntro,.integrationExpert,.integrationStatement{grid-template-columns:1fr;gap:30px}.integrationBenefits{grid-template-columns:1fr 1fr}.integrationCopy p,.integrationStatement p,.integrationExpert p{font-size:16px}}

/* Software Development service */
.softwareHero{background:radial-gradient(circle at 78% 40%,#075784,#061624 48%)}
.softwareIntro{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;background:#fff}
.softwareIntro h2,.softwareCta h2{font-size:clamp(40px,4.3vw,62px);line-height:1.06;letter-spacing:-.05em;margin:22px 0}
.softwareCopy h3{font-size:29px;line-height:1.25;margin:5px 0 28px;color:#09263b}
.softwareCopy p,.maintainableGrid p,.softwareCta p{font-size:17px;line-height:1.82;color:#536778;margin-bottom:24px}
.softwareCode{display:flex;align-items:center;gap:12px;margin-top:55px;padding-top:25px;border-top:1px solid #d5e0e6;max-width:410px;color:#59707f;font-size:9px;letter-spacing:.13em}.softwareCode span:first-child{color:#009cff}.softwareCode i{font-style:normal;color:#009cff}
.maintainable{background:#061624;color:#fff}.maintainable .sectionHead{margin-bottom:58px}
.maintainableGrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff20;border-left:1px solid #ffffff20}
.maintainableGrid article{min-height:310px;padding:34px;border-right:1px solid #ffffff20;border-bottom:1px solid #ffffff20}
.maintainableGrid span{font-size:10px;color:#53ceff}.maintainableGrid h3{font-size:22px;margin:55px 0 20px}.maintainableGrid p{font-size:14px;color:#91a6b5}
.softwareCta{display:grid;grid-template-columns:1fr 1fr;gap:90px;background:#eef3f6}.softwareCta>div:last-child{padding-top:35px}.softwareCta .button{margin-top:12px}
@media(max-width:780px){.softwareIntro,.softwareCta{grid-template-columns:1fr;gap:30px}.maintainableGrid{grid-template-columns:1fr}.maintainableGrid article{min-height:auto}.softwareCopy p,.softwareCta p{font-size:16px}}

/* Technology solutions catalogue — restrained editorial treatment */
.solutionsHero{position:relative;min-height:680px;display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;background:linear-gradient(112deg,#04111d 0%,#071b2b 66%,#0b3047 100%);overflow:hidden}
.solutionsHero:after{content:"";position:absolute;right:7vw;top:145px;width:35vw;height:1px;background:linear-gradient(90deg,transparent,#65cfff66)}
.solutionsHeroCopy{position:relative;z-index:2}.solutionsHero h1{line-height:1.02}.solutionsHero .button{margin-top:26px}.solutionsHeroProof{position:relative;z-index:2;padding:0 0 9px 30px;border-left:1px solid #ffffff33}.solutionsHeroProof span,.solutionsHeroProof strong,.solutionsHeroProof small{display:block}.solutionsHeroProof span{font-size:9px;letter-spacing:.2em;color:#64ceff}.solutionsHeroProof strong{font-size:34px;color:#fff;margin:18px 0 9px}.solutionsHeroProof small{max-width:250px;color:#8da3b2;line-height:1.7}.solutionsCatalog{background:#f2f4f5}
.solutionsIntro{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:68px}
.solutionsIntro h2{font-size:clamp(40px,4.4vw,64px);line-height:1.06;letter-spacing:-.05em;margin:22px 0 0}
.solutionsIntro>p{font-size:16px;line-height:1.8;color:#5d7180;margin:0 0 8px}
.solutionsVisualGrid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #cbd6dc;border-left:1px solid #cbd6dc}
.solutionVisualCard{min-width:0;background:#f8f9f9;border-right:1px solid #cbd6dc;border-bottom:1px solid #cbd6dc;transition:background .3s;display:grid;grid-template-columns:44% 56%;min-height:390px}
.solutionVisualCard:hover{background:#fff}.solutionVisualCard.featured{grid-column:1/3;grid-template-columns:58% 42%;min-height:480px}
.solutionImage{position:relative;overflow:hidden;background:#071c2c}
.solutionImage:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#06162410,#0616244f);transition:background .35s}
.solutionImage img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.48) contrast(1.08) brightness(.85);transition:filter .45s,transform .6s}
.solutionVisualCard:hover .solutionImage img{filter:saturate(.68) contrast(1.05) brightness(.9);transform:scale(1.015)}
.solutionImage>span{position:absolute;z-index:2;left:20px;top:20px;color:#d5e9f2;font-size:9px;letter-spacing:.16em;padding:8px 10px;background:#061624bf}
.solutionBody{padding:34px 31px;display:flex;flex-direction:column;align-items:flex-start}.solutionBody small{font-size:8px;letter-spacing:.18em;color:#0086c9}.solutionBody h2{font-size:clamp(22px,2vw,30px);letter-spacing:-.035em;margin:18px 0 16px}.solutionBody p{font-size:13px;line-height:1.72;color:#5d7180;margin-bottom:22px}.solutionSpecs{width:100%;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.solutionSpecs span{font-size:8px;letter-spacing:.08em;color:#526b7a;border:1px solid #cbd8de;padding:7px 9px}.solutionBody a{display:inline-flex;gap:14px;margin-top:auto;color:#007ebd;font-size:10px;font-weight:700;border-bottom:1px solid #9ecde2;padding-bottom:5px}.solutionBody a b{transition:transform .25s}.solutionBody a:hover b{transform:translate(3px,-3px)}
.solutionsApproach{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}.solutionSteps{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff20;border-left:1px solid #ffffff20}.solutionSteps article{min-height:190px;padding:28px;border-right:1px solid #ffffff20;border-bottom:1px solid #ffffff20}.solutionSteps span{font-size:10px;color:#5ad2ff}.solutionSteps h3{font-size:21px;margin:32px 0 12px}.solutionSteps p{font-size:12px;line-height:1.65;color:#91a6b5}
@media(max-width:1050px){.solutionsHero{grid-template-columns:1fr}.solutionsHeroProof{display:none}.solutionVisualCard,.solutionVisualCard.featured{grid-template-columns:1fr;grid-column:auto}.solutionImage{min-height:270px}.solutionsApproach{grid-template-columns:1fr;gap:45px}}
@media(max-width:720px){.solutionsHero{min-height:650px;display:flex;align-items:flex-start;justify-content:flex-end}.solutionsIntro{grid-template-columns:1fr;gap:24px}.solutionsVisualGrid{grid-template-columns:1fr}.solutionVisualCard{grid-template-columns:1fr;min-height:0}.solutionImage{min-height:230px}.solutionBody{padding:28px 24px}.solutionBody p{min-height:0}.solutionSteps{grid-template-columns:1fr 1fr}.solutionSteps article{padding:22px 17px;min-height:190px}}

/* Bilingual language control */
.langSwitch{display:flex;align-items:center;gap:7px;margin-left:2px;padding:7px 9px;border:1px solid #ffffff2e;border-radius:6px;color:#718797;font-size:10px;letter-spacing:.1em}
.langSwitch button{padding:0;border:0;background:transparent;color:#718797;font:inherit;cursor:pointer;transition:color .2s}.langSwitch button:hover,.langSwitch button.active{color:#fff}.langSwitch button.active{font-weight:800}.langSwitch span{color:#3d5261}
@media(max-width:1000px){.langSwitch{margin:8px 0 2px}.nav .navcta{margin-left:0}}

/* Office location and map */
.contactAddress{max-width:430px;line-height:1.75;color:#395466!important;border-top:1px solid #d3dee4;padding-top:20px;margin-top:24px!important}.contactAddress:hover{color:#008fdc!important}
.officeLocation{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:stretch;background:#061624;color:#fff}.officeCopy{padding:25px 0}.officeCopy h2{font-size:clamp(42px,4.5vw,64px);line-height:1.04;letter-spacing:-.05em;margin:24px 0}.officeCopy p{max-width:440px;color:#9eb0bd;font-size:15px;line-height:1.8;margin-bottom:30px}.officeMap{min-height:440px;border:1px solid #ffffff25;background:#0b2537;overflow:hidden}.officeMap iframe{display:block;width:100%;height:100%;min-height:440px;border:0;filter:saturate(.75) contrast(1.05)}
footer>div:last-of-type>a:last-child{line-height:1.65;color:#b3c2cc}
@media(max-width:800px){.officeLocation{grid-template-columns:1fr;gap:30px}.officeMap,.officeMap iframe{min-height:360px}}

/* 2026 Modern Light Enterprise theme */
:root{--navy:#0a2740;--ink:#102b3d;--blue:#087fdb;--cyan:#44c8f5;--paper:#f6f9fc;--muted:#657b8b;--line:#dce7ee;--surface:#fff;--shadow:0 22px 70px rgba(33,75,103,.11)}
body{background:#f7fafc;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
main,.finalcta,footer{position:relative;z-index:1}
.siteAura{position:fixed;z-index:0;inset:0;pointer-events:none;background:radial-gradient(520px circle at var(--pointer-x,72%) var(--pointer-y,18%),rgba(52,184,240,.09),transparent 68%)}
.scrollProgress{position:fixed;z-index:100;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#087fdb,#51cdf5);transform:scaleX(var(--scroll-progress,0));transform-origin:left;box-shadow:0 0 18px rgba(50,182,238,.55)}
.header,.header.scrolled{top:14px;left:2.5vw;width:95vw;height:70px;padding:0 22px;color:#17364a;background:rgba(255,255,255,.82);border:1px solid rgba(191,211,223,.72);border-radius:18px;box-shadow:0 12px 45px rgba(29,71,97,.10);backdrop-filter:blur(22px) saturate(1.5)}
.header.scrolled{top:9px;height:64px;background:rgba(255,255,255,.92);box-shadow:0 16px 50px rgba(29,71,97,.15)}
.brand img{filter:none}.nav>a:not(.navcta){position:relative;color:#456173;font-weight:650}.nav>a:not(.navcta):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:linear-gradient(90deg,#0787df,#4ccaf4);transition:right .3s}.nav>a:not(.navcta):hover{color:#0b2b42}.nav>a:not(.navcta):hover:after{right:0}.navcta{color:#fff;background:linear-gradient(135deg,#087fdb,#0da6e9);border:0;box-shadow:0 10px 28px rgba(8,127,219,.24);transition:transform .3s,box-shadow .3s}.navcta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 15px 35px rgba(8,127,219,.32)}
.langSwitch{border-color:#d7e3ea;background:#f5f9fb;color:#7b8f9c}.langSwitch button{color:#78909f}.langSwitch button:hover,.langSwitch button.active{color:#087fdb}.langSwitch span{color:#aec0ca}.menubtn{color:#17364a}
.hero{min-height:900px;color:#0d2c42;background:linear-gradient(123deg,#fafdff 0%,#f0f8fd 48%,#e4f4fd 100%);padding-top:190px}
.hero:before{content:"";position:absolute;width:720px;height:720px;right:-180px;top:45px;border-radius:50%;background:radial-gradient(circle,rgba(40,174,233,.22),rgba(107,207,247,.08) 44%,transparent 70%);animation:breathe 7s ease-in-out infinite}
.gridlines{opacity:.32;background-image:linear-gradient(rgba(9,127,203,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(9,127,203,.09) 1px,transparent 1px);mask-image:linear-gradient(to bottom,black 35%,transparent 92%)}
.orb{filter:blur(18px);background:#4ccaf422}.hero h1{color:#102f45;text-wrap:balance}.hero h1 em,.pageHero h1 em,.section h2 em{color:transparent;background:linear-gradient(105deg,#087fdb,#20b3e9);background-clip:text;-webkit-background-clip:text}.heroCopy>p{color:#516d7f}.heroCopy p b{color:#102f45}.textlink{color:#17384d}.eyebrow{color:#087fdb}.eyebrow i{background:#1bb0e8;box-shadow:0 0 0 6px rgba(27,176,232,.10),0 0 16px rgba(27,176,232,.35)}
.button{border-radius:12px;background:linear-gradient(135deg,#087fdb,#0da6e9);box-shadow:0 14px 36px rgba(8,127,219,.22);transition:transform .3s,box-shadow .3s,filter .3s}.button:hover{transform:translateY(-4px);filter:saturate(1.12);box-shadow:0 20px 42px rgba(8,127,219,.31)}
.heroVisual{border-color:rgba(9,129,205,.18);box-shadow:inset 0 0 80px rgba(73,193,239,.06)}.heroVisual:before,.heroVisual:after{border-color:rgba(9,129,205,.22)}.node{color:#087fdb;border-color:rgba(8,127,219,.18);background:rgba(255,255,255,.80);box-shadow:0 8px 28px rgba(35,99,137,.10);backdrop-filter:blur(12px)}.core{background:radial-gradient(circle at 40% 30%,#2db7ec,#0873b8 72%);box-shadow:0 25px 70px rgba(8,127,219,.30);border-color:rgba(255,255,255,.64)}
.stats{left:7vw;right:7vw;bottom:24px;border:1px solid rgba(185,207,219,.72);border-radius:18px;background:rgba(255,255,255,.70);box-shadow:0 16px 50px rgba(35,83,112,.08);backdrop-filter:blur(18px);overflow:hidden}.stats div{border-color:#dbe7ed;padding:25px 30px}.stats strong{color:#14364c}.stats span{color:#728895}
.section{padding-top:125px;padding-bottom:125px}.intro,.insights,.ecosystem,.clientShowcase,.solutionsCatalog,.softwareIntro,.integrationIntro{background:#f8fbfd}.intro{position:relative}.intro:after{content:"";position:absolute;right:7vw;bottom:50px;width:110px;height:110px;border:1px solid #bfe2f2;border-radius:30px;transform:rotate(12deg);opacity:.55}
.dark{color:#102f45;background:linear-gradient(145deg,#edf8fd,#f8fbfd)}.dark .sectionHead>p{color:#607888}.serviceGrid{gap:18px;border:0}.service{overflow:hidden;border:1px solid #dbe7ed;border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 15px 45px rgba(43,86,112,.07);transition:transform .4s,box-shadow .4s,border-color .4s}.service:before,.contentCard:before,.solutionCards article:before,.clientTile:before,.articleGrid article:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.8) 48%,transparent 65%);transform:translateX(-120%);transition:transform .8s;pointer-events:none}.service:hover:before,.contentCard:hover:before,.solutionCards article:hover:before,.clientTile:hover:before,.articleGrid article:hover:before{transform:translateX(120%)}.service:hover{background:#fff;border-color:#a9d9ed;transform:translateY(-9px);box-shadow:0 24px 60px rgba(28,113,164,.14)}.service h3{color:#16384f}.service p{color:#617b8b}.serviceIcon{color:#0a8fda}.service>a{color:#087fdb}
.flow{gap:12px;border:0}.flow>div{padding:24px 18px;border:1px solid #dce8ee;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(36,80,106,.06)}.flow i{right:-9px;top:41px;z-index:2}.solutionCards{gap:18px}.solutionCards article{position:relative;overflow:hidden;border:1px solid #dbe7ed;border-radius:22px;box-shadow:0 16px 48px rgba(35,80,108,.08);transition:transform .4s,box-shadow .4s}.solutionCards article:first-child{grid-column:span 2;background:linear-gradient(135deg,#fff,#ecf8fe)}.solutionCards article:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(30,107,153,.14)}
.why{background:linear-gradient(125deg,#0d3551,#0b71a7 72%,#10a5da);border-radius:34px;margin:0 3vw;width:94vw;padding-left:4vw;padding-right:4vw;box-shadow:0 30px 80px rgba(9,80,121,.20)}.why .eyebrow,.why h2,.why h2 em{color:#fff;background:none;-webkit-text-fill-color:initial}.whyGrid article{border-color:#ffffff28;background:#ffffff0a;backdrop-filter:blur(8px);transition:background .3s,transform .3s}.whyGrid article:hover{background:#ffffff18;transform:translateY(-5px)}
.articleGrid article{position:relative;overflow:hidden;padding:14px;border:1px solid #dce7ed;border-radius:20px;background:#fff;box-shadow:0 14px 44px rgba(39,82,106,.07);transition:transform .4s,box-shadow .4s}.articleGrid article:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(29,101,145,.13)}.articleArt{border-radius:14px}.articleGrid h3,.articleGrid small,.articleGrid a{margin-left:8px;margin-right:8px}
.pageHero,.clientHero,.integrationHero,.softwareHero,.solutionsHero{min-height:560px;color:#12334a;background:linear-gradient(128deg,#fafdff,#eef8fd 62%,#dff2fb);border-bottom:1px solid #d8e7ee}.pageHero:before{content:"";position:absolute;right:8vw;top:125px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#7fd6f340,transparent 67%);animation:breathe 7s ease-in-out infinite}.pageHero h1{color:#12334a}.pageHero p,.solutionsHero p{color:#5b7484}.solutionsHeroProof{border-color:#bcd7e4}.solutionsHeroProof strong{color:#12334a}.solutionsHeroProof small{color:#66808f}
.contentGrid{gap:22px}.contentCard{position:relative;overflow:hidden;border:1px solid #dce7ed;border-radius:22px;box-shadow:0 15px 45px rgba(37,81,108,.07);transition:transform .4s,box-shadow .4s}.contentCard:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.clientGrid{gap:18px;padding:0;background:transparent}.clientTile{overflow:hidden;border:1px solid #dae6ec;border-radius:20px;background:#fff;box-shadow:0 14px 42px rgba(39,80,104,.07)}.clientTile:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(34,99,137,.14)}.clientImage{border-radius:14px;background:#f8fbfd}.clientMeta{border-color:#e3ebf0}
.solutionsVisualGrid{gap:18px;border:0}.solutionVisualCard,.solutionVisualCard.featured{overflow:hidden;border:1px solid #d9e5eb;border-radius:24px;background:#fff;box-shadow:0 18px 55px rgba(36,79,105,.09);transition:transform .4s,box-shadow .4s}.solutionVisualCard:hover{transform:translateY(-8px);box-shadow:0 28px 72px rgba(27,101,146,.16)}.solutionImage img{filter:saturate(.72) contrast(1.02) brightness(.96)}.solutionVisualCard:hover .solutionImage img{filter:saturate(.9) contrast(1.02) brightness(1);transform:scale(1.035)}.solutionBody{background:#fff}.solutionsApproach{color:#12334a;background:linear-gradient(135deg,#eaf7fd,#f9fcfe)}.solutionSteps{border-color:#cbdde6}.solutionSteps article{border-color:#cbdde6;background:#ffffff80}.solutionSteps p{color:#607888}
.integrationValue,.maintainable,.officeLocation{background:linear-gradient(130deg,#0c344f,#0b6f9f);border-radius:30px;margin:0 3vw;width:94vw}.integrationBenefits article,.maintainableGrid article{background:#ffffff08}.integrationExpert,.softwareCta{background:#eef8fc}
.contactGrid{align-items:start}.contactInfo,.form{padding:36px;border:1px solid #d9e6ec;border-radius:22px;background:#fff;box-shadow:0 18px 56px rgba(35,80,107,.08)}.form input,.form textarea,.form select{border-radius:11px;transition:border-color .25s,box-shadow .25s}.form input:focus,.form textarea:focus,.form select:focus{outline:0;border-color:#49bce9;box-shadow:0 0 0 4px rgba(73,188,233,.12)}.officeMap{border-radius:20px;overflow:hidden}
.finalcta{margin:35px 3vw 0;width:94vw;border-radius:32px 32px 0 0;background:linear-gradient(125deg,#087fdb,#16a9df 70%,#62cff0);box-shadow:0 -20px 70px rgba(12,113,169,.14)}.finalcta .eyebrow{color:#d9f5ff}.finalcta .button.light{border-radius:12px;box-shadow:0 14px 35px rgba(5,61,93,.18)}
.float{box-shadow:0 14px 40px rgba(0,135,83,.30);animation:floatPulse 3s ease-in-out infinite}.float:hover{animation:none}
.motion-ready{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .75s cubic-bezier(.2,.8,.2,1) var(--motion-delay,0ms),transform .75s cubic-bezier(.2,.8,.2,1) var(--motion-delay,0ms)}.motion-ready.is-visible{opacity:1;transform:none}
@keyframes breathe{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.08);opacity:1}}@keyframes floatPulse{0%,100%{transform:translateY(0);box-shadow:0 14px 40px rgba(0,135,83,.30)}50%{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,168,104,.42)}}
@media(max-width:1000px){.header,.header.scrolled{left:18px;width:calc(100% - 36px)}.nav{background:rgba(255,255,255,.97);border:1px solid #dce7ed;border-radius:18px;box-shadow:0 22px 60px rgba(28,70,95,.18)}.nav>a:not(.navcta){color:#36566a}.langSwitch button.active{color:#087fdb}.solutionCards article:first-child{grid-column:auto}.why{grid-template-columns:1fr;margin-left:18px;width:calc(100% - 36px)}.integrationValue,.maintainable,.officeLocation{margin-left:18px;width:calc(100% - 36px)}}
@media(max-width:650px){.header,.header.scrolled{top:8px;left:10px;width:calc(100% - 20px);height:62px;border-radius:15px;padding:0 15px}.hero{padding-top:140px}.stats{left:18px;right:18px;bottom:20px}.section{padding-top:82px;padding-bottom:82px}.why{border-radius:24px}.serviceGrid,.solutionCards,.articleGrid{gap:14px}.service,.contentCard,.solutionCards article,.articleGrid article,.clientTile,.solutionVisualCard{border-radius:18px}.finalcta{margin-left:12px;width:calc(100% - 24px);border-radius:24px 24px 0 0}.siteAura{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready{opacity:1;transform:none;transition:none}.hero:before,.pageHero:before,.float,.heroVisual,.heroVisual .core,.heroVisual .node{animation:none!important}.service,.contentCard,.solutionCards article,.clientTile,.articleGrid article,.solutionVisualCard,.button{transition:none!important}}

/* Cybersecurity & CyberArk portfolio */
.cyberHero{min-height:680px;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:7vw;overflow:hidden}.cyberHeroCopy{position:relative;z-index:2}.cyberHeroCopy p{max-width:690px;font-size:17px}.cyberHeroCopy .button{margin-top:24px}.cyberRadar{position:relative;width:min(34vw,480px);aspect-ratio:1;margin:0 auto;border:1px solid #84cce944;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(220,244,252,.45) 48%,transparent 70%);box-shadow:inset 0 0 70px #33b7eb12}.cyberRadar>i{position:absolute;inset:14%;border:1px solid #58bfe62e;border-radius:50%}.cyberRadar>i:nth-of-type(2){inset:28%}.cyberRadar>i:nth-of-type(3){inset:42%}.radarCore{position:absolute;z-index:2;inset:35%;display:grid;place-content:center;text-align:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#0c8edb,#0c5f99);box-shadow:0 18px 50px #087fdb40}.radarCore span{font-size:28px;font-weight:900}.radarCore small{margin-top:6px;font-size:7px;line-height:1.5;letter-spacing:.14em}.radarLabel{position:absolute;padding:9px 12px;border:1px solid #c9e2ed;border-radius:20px;background:#fff;color:#26799f;font-size:8px;font-weight:800;letter-spacing:.13em;box-shadow:0 10px 30px #285e7817}.radarLabel:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#26b2e6}.r1{left:-2%;top:24%}.r2{right:-3%;top:45%}.r3{left:12%;bottom:4%}
.cyberArkSection{background:#f8fbfd}.cyberArkIntro{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:end;margin-bottom:58px}.cyberArkIntro h2,.cyberPortfolio h2,.cyberMethod h2{font-size:clamp(42px,4.5vw,66px);line-height:1.05;letter-spacing:-.05em;margin:22px 0 0}.cyberArkIntro>div:last-child>p{font-size:16px;line-height:1.8;color:#5a7383}.vendorNote{display:block;padding:13px 15px;border-left:3px solid #129bdc;background:#edf8fc;color:#5c7483;font-size:10px;line-height:1.6}.cyberArkGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cyberArkGrid article{position:relative;min-height:280px;padding:34px;border:1px solid #d9e7ed;border-radius:22px;background:#fff;box-shadow:0 16px 45px #1d607f0d;transition:transform .4s,box-shadow .4s,border-color .4s}.cyberArkGrid article:first-child{background:linear-gradient(135deg,#fff,#eaf8fe)}.cyberArkGrid article:hover{transform:translateY(-7px);border-color:#abd9ec;box-shadow:0 25px 65px #1c719c1b}.cyberArkGrid article>span{font-size:9px;letter-spacing:.17em;color:#0b8dd1}.cyberArkGrid h3{font-size:25px;margin:38px 0 16px}.cyberArkGrid p{color:#5d7584;font-size:13px;line-height:1.7}.cyberArkGrid a{position:absolute;left:34px;bottom:28px;color:#087fdb;font-size:11px;font-weight:800}
.cyberPortfolio{background:#fff}.cyberGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:60px}.cyberGrid article{position:relative;min-height:330px;padding:27px;border:1px solid #dce7ed;border-radius:20px;background:#f9fcfd;transition:transform .4s,background .4s,box-shadow .4s}.cyberGrid article:hover{transform:translateY(-8px);background:#fff;box-shadow:0 24px 60px #1b658b17}.cyberIcon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#e3f5fc,#fff);border:1px solid #c5e4f1;color:#087fdb;font-size:12px;font-weight:900;box-shadow:0 10px 28px #257a9c12}.cyberGrid article>span{position:absolute;right:25px;top:31px;font-size:9px;color:#8ea1ad}.cyberGrid h3{font-size:19px;line-height:1.3;margin:35px 0 16px}.cyberGrid p{font-size:12px;line-height:1.7;color:#607888}.cyberGrid a{position:absolute;left:27px;bottom:25px;color:#087fdb;font-size:10px;font-weight:800}
.cyberMethod{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;background:linear-gradient(135deg,#eaf7fd,#f9fcfe)}.cyberMethod>div:first-child>p{max-width:530px;color:#5e7787;line-height:1.8}.cyberSteps{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:1px;background:#cfe0e8;border-radius:22px;overflow:hidden}.cyberSteps article{min-height:205px;padding:27px;background:#ffffffd9}.cyberSteps span{font-size:9px;color:#0a91d5}.cyberSteps h3{font-size:21px;margin:30px 0 12px}.cyberSteps p{font-size:12px;line-height:1.65;color:#607989}
@media(max-width:1120px){.header .nav{gap:20px}.cyberGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.cyberHero{grid-template-columns:1fr;min-height:740px}.cyberRadar{position:absolute;width:430px;right:-180px;bottom:25px;opacity:.42}.cyberArkIntro,.cyberMethod{grid-template-columns:1fr;gap:38px}}
@media(max-width:650px){.cyberHero{min-height:720px}.cyberRadar{width:350px;right:-220px;bottom:35px}.cyberArkGrid,.cyberGrid,.cyberSteps{grid-template-columns:1fr}.cyberArkGrid article,.cyberGrid article{min-height:285px}.cyberMethod{gap:35px}}

.designCredit{font-size:8px;font-weight:500;letter-spacing:.11em;text-transform:lowercase;color:#637b8d;opacity:.72}

/* Reliable Home motion for cPanel/shared hosting */
.heroVisual,.heroVisual .core,.heroVisual .node{will-change:transform}
.gridlines{animation:gridDrift 22s linear infinite}
.o1{animation:orbFloatOne 9s ease-in-out infinite}
.o2{animation:orbFloatTwo 11s ease-in-out infinite}
.animations-ready .heroCopy.reveal{animation:rise .85s cubic-bezier(.2,.8,.2,1) both}
@keyframes gridDrift{from{background-position:0 0}to{background-position:65px 65px}}
@keyframes orbFloatOne{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-24px,18px,0) scale(1.07)}}
@keyframes orbFloatTwo{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(28px,-22px,0)}}
@media(prefers-reduced-motion:reduce){.gridlines,.o1,.o2{animation:none!important}}

/* Premium LABCAL ecosystem core */
.core{inset:34%;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 32% 24%,#28b9ef 0,#087fcb 42%,#075486 100%);border:1px solid rgba(255,255,255,.72);box-shadow:0 28px 80px rgba(5,99,157,.34),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -24px 45px rgba(3,51,86,.2)}
.core:before{content:"";position:absolute;z-index:0;inset:9px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:inset 0 0 32px rgba(255,255,255,.08)}
.core:after{content:"";position:absolute;z-index:0;top:-20%;bottom:-20%;left:0;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-180%) rotate(16deg);animation:coreSheen 6.5s ease-in-out infinite}
.core span,.core small{position:relative;z-index:1}
.core span{display:inline-flex;align-items:center;justify-content:center;font-size:clamp(17px,1.7vw,25px);font-weight:900;line-height:1;letter-spacing:.18em;color:transparent;background:linear-gradient(105deg,#fff 20%,#c7f1ff 100%);background-clip:text;-webkit-background-clip:text;text-shadow:0 6px 20px rgba(1,44,73,.2)}
.core span:after{content:"";flex:0 0 auto;width:6px;height:6px;margin:-13px 0 0 3px;border-radius:50%;background:#f04444;box-shadow:0 0 0 3px rgba(255,255,255,.13),0 0 16px rgba(240,68,68,.75)}
.core small{margin-top:10px;font-size:6.5px;font-weight:700;line-height:1.65;letter-spacing:.24em;color:#d8f5ff;text-transform:uppercase}
.core small:before{content:"EST. 2001";display:block;margin-bottom:5px;font-size:5.5px;letter-spacing:.28em;color:rgba(255,255,255,.72)}
@keyframes coreSheen{0%,42%{transform:translateX(-180%) rotate(16deg)}68%,100%{transform:translateX(380%) rotate(16deg)}}
@media(prefers-reduced-motion:reduce){.core:after{animation:none!important}}

/* Geometric corporate wordmark */
.core span{font-family:"Avenir Next","Century Gothic","Trebuchet MS",ui-sans-serif,sans-serif;font-weight:800;letter-spacing:.115em;font-kerning:normal;font-feature-settings:"kern" 1,"liga" 0;transform:scaleX(1.08);transform-origin:center;-webkit-text-stroke:.2px rgba(255,255,255,.3);text-shadow:0 5px 18px rgba(1,38,64,.28)}

/* Contextual page hero backgrounds */
.pageHero{position:relative;isolation:isolate;overflow:hidden}
.pageHero>*{position:relative;z-index:2}
.pageHero:after{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;width:min(58%,900px);background-repeat:no-repeat;background-size:cover;background-position:center;opacity:.34;filter:saturate(.72) contrast(1.04);mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 100%);animation:heroBackgroundDrift 16s ease-in-out infinite alternate;pointer-events:none}
.pageHero:before{z-index:1;pointer-events:none}
.pageHero--about:after{background-image:linear-gradient(105deg,rgba(236,248,253,.2),rgba(8,82,126,.22)),url("../images/solutions/server-infrastructure.webp")}
.pageHero--services:after{background-image:linear-gradient(105deg,rgba(236,248,253,.18),rgba(5,91,139,.24)),url("../images/solutions/network-infrastructure.webp")}
.pageHero--solutions:after{height:auto;background-image:linear-gradient(105deg,rgba(236,248,253,.16),rgba(8,82,126,.22)),url("../images/solutions/server-cloud.webp")}
.pageHero--clients:after{background-image:linear-gradient(105deg,rgba(236,248,253,.2),rgba(11,94,139,.22)),url("../images/solutions/server-infrastructure.webp")}
.pageHero--insights:after{background-image:linear-gradient(105deg,rgba(236,248,253,.18),rgba(8,82,126,.2)),url("../images/solutions/software-development.webp")}
.pageHero--contact:after{background-image:linear-gradient(105deg,rgba(236,248,253,.18),rgba(0,117,140,.2)),url("../images/solutions/whatsapp-notification.webp")}
.pageHero--services-software-development:after{background-image:linear-gradient(105deg,rgba(236,248,253,.16),rgba(8,82,126,.2)),url("../images/solutions/software-development.webp")}
.pageHero--services-system-integration:after{background-image:linear-gradient(105deg,rgba(236,248,253,.18),rgba(8,82,126,.22)),url("../images/solutions/network-infrastructure.webp")}
.pageHero--services-cybersecurity:after{opacity:.22;background-image:linear-gradient(105deg,rgba(236,248,253,.2),rgba(4,66,105,.3)),url("../images/solutions/access-control.webp")}
@keyframes heroBackgroundDrift{from{background-position:48% 50%;transform:scale(1.01)}to{background-position:55% 50%;transform:scale(1.055)}}
@media(max-width:760px){.pageHero:after{width:100%;opacity:.18;mask-image:linear-gradient(180deg,transparent 0,#000 52%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 52%,#000 100%)}.pageHero--services-cybersecurity:after{opacity:.12}}
@media(prefers-reduced-motion:reduce){.pageHero:after{animation:none!important}}