:root{--navy:#061936;--navy2:#092b5b;--accent:#4476d8;--accent2:#4476d82;--soft:#dfe8fb;--bg:#fff;--surface:#f5f8fb;--card:#fff;--text:#0f172a;--muted:#657487;--line:#dbe4ed;--shadow:0 24px 80px rgba(6,25,54,.14);--shadow2:0 12px 36px rgba(6,25,54,.10);--max:1220px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Inter",Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--max),92%);margin:0 auto}.section{padding:100px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}.eyebrow:before{content:"";width:34px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px}.section-title{font-size:clamp(36px,5vw,58px);line-height:1.02;letter-spacing:-.05em;max-width:900px}.section-copy{font-size:17px;line-height:1.75;color:var(--muted);max-width:800px;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 23px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;font-weight:900;border:0;box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 25%,transparent);transition:.25s}.btn:hover{transform:translateY(-3px)}.btn.ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);box-shadow:none}.btn.dark{background:var(--navy)}
.preloader{position:fixed;inset:0;background:linear-gradient(135deg,var(--navy),#031024);z-index:9999;display:grid;place-items:center;transition:opacity .6s,visibility .6s}.preloader.hide{opacity:0;visibility:hidden}.preloader-card{text-align:center}.preloader-card img{width:220px;margin:0 auto 24px}.loader{width:240px;height:6px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}.loader span{display:block;height:100%;width:45%;background:linear-gradient(90deg,#8be2ff,#fff);border-radius:999px;animation:load 1.2s ease-in-out infinite}@keyframes load{0%{transform:translateX(-120%)}100%{transform:translateX(260%)}}
header{position:sticky;top:0;z-index:100;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,rgba(11,27,49,.68),rgba(7,18,34,.48));backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 14px 42px rgba(0,0,0,.18)}header:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.06) 40%,transparent 78%)}.nav{position:relative;z-index:1;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand img{width:172px}.nav-links{display:flex;align-items:center;gap:23px;font-size:14px;font-weight:800;color:#d7e8f7}.nav-links a{transition:.2s}.nav-links a:hover{color:#fff}.nav-actions{display:flex;gap:9px}.nav-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);color:#fff}.menu-btn{display:none;width:46px;height:46px;border-radius:15px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.09);color:white;font-size:20px}.mobile-menu{position:fixed;inset:0;background:rgba(6,25,54,.78);backdrop-filter:blur(10px);z-index:99;opacity:0;visibility:hidden;transition:.3s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-panel{position:absolute;right:0;top:0;width:min(86vw,380px);height:100%;background:rgba(5,16,31,.98);padding:28px;transform:translateX(100%);transition:.35s}.mobile-menu.open .mobile-panel{transform:translateX(0)}.mobile-panel img{width:180px;margin-bottom:22px}.mobile-panel nav{display:grid;gap:11px}.mobile-panel nav a{padding:14px 16px;border-radius:15px;background:rgba(255,255,255,.08);color:white;font-weight:800}
.hero{position:relative;min-height:91vh;background:var(--navy);color:white;overflow:hidden}.slides,.slide{position:absolute;inset:0}.slide{background-size:cover;background-position:center;opacity:0;transform:scale(1.07);transition:opacity 1s,transform 6s}.slide.active{opacity:1;transform:scale(1)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,25,54,.97),rgba(6,25,54,.78) 48%,rgba(6,25,54,.25) 82%)}.hero-content{position:relative;z-index:2;min-height:91vh;display:grid;align-items:center;padding:120px 0 90px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:45px;align-items:center}.hero h1{font-size:clamp(46px,7.6vw,84px);line-height:.94;letter-spacing:-.07em;margin-bottom:22px}.hero p{font-size:19px;line-height:1.72;color:#dbeafe;max-width:690px;margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.hero-panel{padding:24px;border-radius:30px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.hero-panel img{height:258px;width:100%;object-fit:cover;border-radius:22px;margin-bottom:18px}.hero-panel h3{font-size:25px;margin-bottom:10px}.hero-panel p{font-size:14px;margin:0;color:#dbeafe}.hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.hero-chips span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:800}.hero-dots{position:absolute;z-index:3;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.dot{width:10px;height:10px;border:0;border-radius:99px;background:rgba(255,255,255,.35)}.dot.active{width:34px;background:#fff}
.trust{margin-top:-48px;position:relative;z-index:4}.trust-box{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;padding:24px 28px}.trust-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center}.trust-copy p{margin-top:12px;color:var(--muted);line-height:1.7;font-size:15px}.trust-box h3{font-size:20px}.trust-side{display:grid;gap:16px}.trust-shot{height:190px;overflow:hidden;border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow2);background:var(--surface)}.trust-shot img{width:100%;height:100%;object-fit:cover}.badges{display:flex;flex-wrap:wrap;gap:9px}.badges span{padding:10px 13px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:900;color:var(--muted)}
.overview{display:grid;grid-template-columns:.95fr 1.05fr;gap:55px;align-items:center}.image-pair{display:grid;grid-template-columns:1fr .82fr;gap:16px;align-items:end}.photo{overflow:hidden;border-radius:30px;box-shadow:var(--shadow2);background:var(--soft);border:1px solid var(--line)}.photo img{width:100%;height:100%;object-fit:cover}.photo.large{height:520px}.photo.small{height:370px;transform:translateY(-32px)}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.check{padding:13px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);font-weight:800;color:#304052}
.services{background:linear-gradient(180deg,var(--surface),#fff)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.service-card{position:relative;min-height:370px;border-radius:28px;overflow:hidden;color:white;box-shadow:var(--shadow2);isolation:isolate}.service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:.55s}.service-card:hover img{transform:scale(1.06)}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,25,54,.08),rgba(6,25,54,.94));z-index:-1}.service-content{position:absolute;left:0;right:0;bottom:0;padding:25px}.service-tag{display:inline-block;padding:7px 11px;border-radius:99px;background:rgba(255,255,255,.15);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:11px}.service-card h3{font-size:23px;margin-bottom:8px}.service-card p{font-size:14px;line-height:1.58;color:#dbeafe}
.dark-section{background:linear-gradient(135deg,var(--navy),#031024);color:white}.dark-section .section-title{color:white}.dark-section .section-copy{color:#bfdbfe}.cap-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:25px;margin-top:40px}.cap-image,.cap-list{border-radius:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);padding:24px}.cap-image img{height:390px;width:100%;object-fit:cover;border-radius:21px}.cap-list{display:grid;align-content:center;gap:10px}.cap-item{padding:15px 16px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#e6f2ff;font-weight:700}
.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}.use-card{padding:24px;border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow2)}.use-card strong{display:block;color:var(--accent);font-size:18px;margin-bottom:8px}.use-card p{color:var(--muted);font-size:14px;line-height:1.62}
.placeholder-note{font-size:12px;color:var(--muted);margin-top:12px;font-weight:700}.cta{padding-top:30px}.cta-box{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center;padding:42px;border-radius:30px;background:linear-gradient(135deg,var(--navy),var(--accent));color:white;box-shadow:var(--shadow)}.cta-box .section-title{color:white}.cta-box .section-copy{color:#e5f2ff}.cta-img{height:290px;overflow:hidden;border-radius:24px}.cta-img img{width:100%;height:100%;object-fit:cover}
footer{padding:72px 0 28px;background:var(--navy);color:#bfd3e6}.footer-grid{display:grid;grid-template-columns:1.35fr .85fr .85fr;gap:30px;margin-bottom:30px}.footer-logo{width:210px;margin-bottom:16px}footer h4{color:white;margin-bottom:12px}footer ul{list-style:none;display:grid;gap:8px}footer p,footer li{font-size:14px;line-height:1.65}.copy{padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:#90abc4}.reveal{opacity:0;transform:translateY(28px);transition:.7s cubic-bezier(.16,1,.3,1)}.reveal.show{opacity:1;transform:none}
@media(max-width:1050px){.hero-grid,.overview,.cap-grid,.cta-box,.trust-grid,.footer-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.use-grid{grid-template-columns:repeat(2,1fr)}.hero-panel{max-width:640px}.nav-links{display:none}.menu-btn{display:grid;place-items:center}.photo.small{transform:none}.overview{gap:34px}}
@media(max-width:700px){.section{padding:74px 0}.nav{min-height:72px}.brand img{width:145px}.nav-actions .nav-icon{display:none}.hero{min-height:88vh}.hero-content{min-height:88vh;padding:104px 0 75px}.hero h1{font-size:43px}.hero p{font-size:16px}.hero-panel img{height:210px}.trust{margin-top:-32px}.trust-box{padding:20px}.image-pair{grid-template-columns:1fr}.photo.large,.photo.small{height:310px}.checks,.service-grid,.use-grid{grid-template-columns:1fr}.cap-image img{height:280px}.cta-box{padding:28px}.cta-img{height:220px}.footer-grid{grid-template-columns:1fr}.section-copy{font-size:16px}}

/* V22: dark corporate glass navigation */
header{
  background:linear-gradient(180deg,rgba(6,17,32,.90),rgba(7,20,38,.82))!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 12px 34px rgba(2,8,18,.28)!important;
}
header:before{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025) 45%,transparent 82%)!important;
}
.nav-links{color:#e3ebf4!important}
.nav-links a:hover{color:#fff!important}
.nav-icon,.menu-btn{
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#fff!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.nav-icon:hover,.menu-btn:hover{background:rgba(255,255,255,.11)!important}
.mobile-menu{background:rgba(3,10,20,.72)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
.mobile-panel{
  background:linear-gradient(180deg,rgba(5,15,29,.985),rgba(7,20,36,.975))!important;
  border-left:1px solid rgba(255,255,255,.10);
  box-shadow:-18px 0 48px rgba(0,0,0,.28);
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
.mobile-panel nav a{background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.09);color:#f0f5fa!important}

/* V23 — IT Solutions & Technologies: precise digital identity */
:root{
  --navy:#07162e;
  --navy2:#102b5c;
  --accent:#2b72ff;
  --accent2:#7b5cff;
  --soft:#e8efff;
  --surface:#f4f7ff;
  --card:#fff;
  --text:#101a2c;
  --muted:#657187;
  --line:#dce4f4;
  --shadow:0 24px 80px rgba(22,67,155,.15);
  --shadow2:0 12px 36px rgba(31,73,155,.11)
}
body{background:linear-gradient(180deg,#fbfcff,#f4f7ff 45%,#eef3fb)}
header{background:linear-gradient(180deg,rgba(6,19,44,.92),rgba(8,25,55,.84))!important;border-bottom-color:rgba(92,132,255,.18)!important;box-shadow:0 12px 36px rgba(2,10,30,.30)!important}
header:before{background:linear-gradient(90deg,rgba(43,114,255,.08),transparent 30%,rgba(123,92,255,.08))!important}.nav-links{color:#dfe8ff!important}.nav-links a:hover{color:#8fb2ff!important}.nav-icon,.menu-btn{background:rgba(72,112,218,.09)!important;border-color:rgba(128,159,255,.16)!important}.mobile-menu{background:rgba(3,10,28,.78)!important}.mobile-panel{background:linear-gradient(180deg,rgba(5,17,40,.99),rgba(10,31,66,.98))!important;border-left-color:rgba(103,140,255,.14)!important}
.preloader{background:linear-gradient(145deg,#06142c,#102b60)}.loader span{background:linear-gradient(90deg,#48c6ff,#7b5cff,#fff)}
.hero{background:#07162e}.hero:after{background:linear-gradient(90deg,rgba(5,18,43,.98),rgba(7,27,63,.79) 48%,rgba(15,45,94,.22) 82%)}
.hero-content{isolation:isolate}.hero-content:before,.hero-content:after{content:"";position:absolute;z-index:-1;pointer-events:none;border:1px solid rgba(111,145,255,.22);background:linear-gradient(135deg,rgba(43,114,255,.10),rgba(123,92,255,.04));box-shadow:inset 0 0 30px rgba(72,124,255,.05)}
.hero-content:before{width:180px;height:180px;right:6%;top:12%;border-radius:36px;transform:rotate(20deg);animation:techFloatA 7s ease-in-out infinite alternate}
.hero-content:after{width:110px;height:110px;right:28%;bottom:10%;border-radius:28px;transform:rotate(-18deg);animation:techFloatB 9s ease-in-out infinite alternate}
.hero-panel{position:relative;overflow:hidden;background:rgba(59,97,188,.11);border-color:rgba(123,151,255,.18)}.hero-panel:before{content:"";position:absolute;left:-40%;top:0;width:38%;height:100%;background:linear-gradient(90deg,transparent,rgba(129,177,255,.12),transparent);transform:skewX(-16deg);animation:techScan 5.5s ease-in-out infinite}
.hero-chips span{background:rgba(60,105,225,.12);border-color:rgba(106,145,255,.18)}
.btn{background:linear-gradient(135deg,#2b72ff,#7b5cff);box-shadow:0 14px 34px rgba(68,92,222,.28)}.btn.dark{background:#0a2047}
.eyebrow{color:#2b72ff}.eyebrow:before{background:linear-gradient(90deg,#2b72ff,#7b5cff)}
#about,#services,#opportunities{position:relative;overflow:hidden}
#about:before{content:"";position:absolute;width:170px;height:170px;left:-85px;top:85px;border:1px solid rgba(43,114,255,.10);border-radius:32px;transform:rotate(25deg);animation:techFloatA 9s ease-in-out infinite alternate}
#services:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(43,114,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(43,114,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
.services{background:linear-gradient(180deg,#eff4ff,#fff)}
.check{background:#f3f7ff;border-color:#dce5fa;transition:transform .3s ease,border-color .3s ease}.check:hover{transform:translateX(5px);border-color:#a8bff5}
.service-card{border-radius:20px;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}.service-card:hover{transform:translateY(-8px) scale(1.012);box-shadow:0 24px 58px rgba(27,62,145,.22)}
.service-card:after{background:linear-gradient(180deg,rgba(6,21,51,.05),rgba(6,24,58,.95))}
.service-card:before{content:"";position:absolute;z-index:0;top:0;left:-42%;width:32%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,156,255,.18),transparent);transform:skewX(-16deg);animation:techCardSweep 7s ease-in-out infinite;pointer-events:none}
.service-card:nth-child(2n):before{animation-delay:-2.5s}.service-card:nth-child(3n):before{animation-delay:-4s}.service-tag{background:rgba(67,111,235,.19);border:1px solid rgba(142,168,255,.18)}
.dark-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#07162e,#0c2a5b 62%,#34246c)}
.dark-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(112,145,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(112,145,255,.055) 1px,transparent 1px);background-size:54px 54px;animation:techGridMove 16s linear infinite}
.cap-image,.cap-list{background:rgba(57,86,161,.10);border-color:rgba(116,147,236,.16)}.cap-item{position:relative;overflow:hidden;background:rgba(57,94,185,.10);border-color:rgba(113,145,235,.14);transition:transform .3s ease,background .3s ease}.cap-item:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#2b72ff,#7b5cff);transform:scaleY(0);transform-origin:bottom;transition:.3s}.cap-item:hover{transform:translateX(7px);background:rgba(74,108,201,.16)}.cap-item:hover:after{transform:scaleY(1)}
.use-card{position:relative;overflow:hidden;border-radius:20px;transition:transform .4s ease,box-shadow .4s ease}.use-card:before{content:"";position:absolute;width:54px;height:54px;right:-18px;top:-18px;border:1px solid rgba(43,114,255,.18);border-radius:14px;transform:rotate(24deg);transition:transform .5s ease}.use-card:hover{transform:translateY(-7px);box-shadow:0 20px 44px rgba(27,66,155,.15)}.use-card:hover:before{transform:rotate(52deg) scale(1.08)}.use-card strong{color:#2b72ff}
.cta-box{position:relative;overflow:hidden;background:linear-gradient(135deg,#081a39,#2b72ff 58%,#6d50d8)}.cta-box:before{content:"";position:absolute;width:240px;height:240px;right:-75px;top:-100px;border:1px solid rgba(255,255,255,.18);border-radius:48px;transform:rotate(30deg);animation:techFloatA 8s ease-in-out infinite alternate}
footer{background:#06142d;color:#c2d0ed}.copy{color:#8199c4}
@keyframes techFloatA{from{transform:translate3d(0,0,0) rotate(20deg)}to{transform:translate3d(-20px,22px,0) rotate(32deg)}}
@keyframes techFloatB{from{transform:translate3d(0,0,0) rotate(-18deg)}to{transform:translate3d(22px,-16px,0) rotate(-5deg)}}
@keyframes techScan{0%,25%{transform:translateX(-130%) skewX(-16deg)}70%,100%{transform:translateX(520%) skewX(-16deg)}}
@keyframes techCardSweep{0%,45%{transform:translateX(-170%) skewX(-16deg)}75%,100%{transform:translateX(520%) skewX(-16deg)}}
@keyframes techGridMove{to{background-position:54px 54px}}
@media(max-width:700px){.hero-content:before{width:110px;height:110px;right:-22px;top:18%}.hero-content:after{display:none}#about:before{opacity:.55}.dark-section:before{animation-duration:24s}}

/* V24 — moving digital objects */
.division-decor{position:fixed;inset:0;pointer-events:none;z-index:6;overflow:hidden}.division-decor .decor-item{position:absolute;user-select:none;opacity:.15;filter:drop-shadow(0 12px 24px rgba(74,92,255,.16));will-change:transform}.tech-decor .decor-chip{width:92px;left:2%;top:23%;animation:techOrbit 11s ease-in-out infinite alternate}.tech-decor .decor-code{width:112px;right:2%;top:31%;opacity:.13;animation:techCode 8s ease-in-out infinite alternate}.tech-decor .decor-cloud{width:110px;left:3%;bottom:12%;opacity:.12;animation:techCloud 12s ease-in-out infinite alternate}.tech-decor .decor-node{width:92px;right:5%;bottom:9%;opacity:.14;animation:techNode 18s linear infinite}.hero-panel:before{content:"";position:absolute;inset:12px;border:1px solid rgba(82,156,255,.10);border-radius:24px;pointer-events:none;animation:techPanelScan 5s ease-in-out infinite alternate}.cap-item:nth-child(3n+1){animation:techCapGlow 5s ease-in-out infinite alternate}
@keyframes techOrbit{from{transform:translate3d(0,0,0) rotate(-5deg)}to{transform:translate3d(22px,-18px,0) rotate(8deg)}}@keyframes techCode{from{transform:translate3d(0,0,0)}to{transform:translate3d(-24px,18px,0)}}@keyframes techCloud{from{transform:translateX(0)}to{transform:translateX(34px)}}@keyframes techNode{to{transform:rotate(360deg)}}@keyframes techPanelScan{from{box-shadow:inset 0 36px 38px rgba(69,200,255,.02)}to{box-shadow:inset 0 -36px 42px rgba(156,121,255,.06)}}@keyframes techCapGlow{from{box-shadow:0 0 0 rgba(79,117,255,0)}to{box-shadow:0 0 26px rgba(79,117,255,.08)}}
@media(max-width:700px){.tech-decor .decor-chip{width:64px;left:-10px;opacity:.11}.tech-decor .decor-code{width:78px;right:-16px;opacity:.10}.tech-decor .decor-cloud,.tech-decor .decor-node{display:none}}

@media(max-width:700px){.trust-shot{height:150px}}

/* V26: Facility-style photographic section backgrounds, adapted to the digital identity. */
#about{
  background-image:linear-gradient(rgba(248,251,255,.93),rgba(247,250,255,.95)),url('assets/it-photo-05.webp');
  background-size:cover;background-position:center 48%;background-attachment:fixed;
}
#services{
  background-image:linear-gradient(rgba(246,249,255,.91),rgba(250,252,255,.94)),url('assets/it-photo-08.webp');
  background-size:cover;background-position:center 45%;background-attachment:fixed;
}
.dark-section{
  background-image:linear-gradient(135deg,rgba(4,17,39,.94),rgba(17,42,88,.88)),url('assets/it-photo-14.webp');
  background-size:cover;background-position:center 50%;background-attachment:fixed;
}
#opportunities{
  background-image:linear-gradient(rgba(249,251,255,.93),rgba(247,250,255,.95)),url('assets/it-photo-12.webp');
  background-size:cover;background-position:center 48%;background-attachment:fixed;
}
.cta-box{
  background-image:linear-gradient(115deg,rgba(6,24,55,.95),rgba(43,114,255,.80),rgba(109,80,216,.72)),url('assets/it-photo-15.webp');
  background-size:cover;background-position:center 48%;
}
@media(max-width:900px){#about,#services,.dark-section,#opportunities{background-attachment:scroll}}

/* Hero video and stable mobile opening state */
.hero-panel video{display:block;height:258px;width:100%;object-fit:cover;border-radius:22px;margin-bottom:18px;background:#071326;box-shadow:0 16px 34px rgba(0,0,0,.22)}
.hero-panel:has(video)::before,.hero-panel:has(video)::after{display:none}
@media(max-width:700px){.hero-panel video{height:210px}.reveal{opacity:1!important;transform:none!important;transition:none!important}}