﻿.iws-hero-section{--iws-hero-x:0px;--iws-hero-y:0px;position:relative;display:block;min-height:auto;overflow:hidden;isolation:isolate;padding:48px 0 0;background-image:linear-gradient(90deg,#06101fff 0%,#06101ffc 36%,#06101fe8 56%,#06101f85 100%),linear-gradient(0deg,#06101f 0%,#06101ff2 17%,transparent 44%),url('../images/iws-digital-hero.png');background-position:calc(100% + var(--iws-hero-x)) calc(50% + var(--iws-hero-y));background-size:cover;color:#ecf4ff;font-family:'DM Sans',Arial,sans-serif;transition:background-position .18s ease-out}
.iws-hero-section:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 18% 42%,#16479e3f 0,transparent 28%),linear-gradient(90deg,#5077ff16 0 1px,transparent 1px 100%),linear-gradient(0deg,#5077ff12 0 1px,transparent 1px 100%);background-size:auto,72px 72px,72px 72px;mask-image:linear-gradient(90deg,#000 0 48%,transparent 78%);pointer-events:none}
.iws-hero-section:after{content:"";position:absolute;z-index:-1;left:-12%;right:42%;top:112px;height:640px;opacity:.9;background:radial-gradient(ellipse at 42% 50%,#0d2b5d78 0,transparent 62%);filter:blur(8px);pointer-events:none}
.iws-hero-wrap{position:relative;z-index:2;width:min(1240px,calc(100% - 48px));margin:auto}
.iws-hero-content{--iws-copy-x:0px;--iws-copy-y:0px;position:relative;z-index:2;max-width:850px;padding-top:18px;transform:translate3d(var(--iws-copy-x),var(--iws-copy-y),0);transform-origin:left center;transition:transform .18s ease-out}
.iws-hero-content:before{content:"";position:absolute;left:-30px;top:34px;width:5px;height:240px;border-radius:99px;background:linear-gradient(#5077ff,#ffffff24,transparent);opacity:.65}
.iws-hero-content:after{content:"";position:absolute;left:645px;top:290px;width:160px;height:160px;border:1px solid #8fb0ff20;border-radius:50%;background:radial-gradient(circle,#5077ff18,transparent 60%);pointer-events:none;animation:iwsHeroPulse 5.5s ease-in-out infinite}
.iws-hero-kicker{display:flex;width:max-content;align-items:center;gap:10px;padding:9px 13px;border:1px solid #8fb0ff24;border-radius:999px;background:#07111f70;backdrop-filter:blur(12px);color:#d6e2f3;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;text-shadow:0 0 18px #16479e55}
.iws-hero-kicker:before{content:"";width:24px;height:2px;background:#6f9cff;box-shadow:0 0 14px #2f6ed8}
.iws-hero-title{max-width:920px;margin:22px 0 26px;color:#f5f8ff;font-family:Manrope,Arial,sans-serif;font-size:clamp(62px,7.15vw,112px);font-weight:800;line-height:.99;letter-spacing:-.074em;filter:drop-shadow(0 18px 42px #0008)}
.iws-hero-outline{display:block;color:transparent;-webkit-text-stroke:1.05px #d4deed;opacity:.72}
.iws-hero-accent{display:inline-block;color:transparent;background:linear-gradient(90deg,#f7fbff 0%,#e8f0ff 48%,#8eb2ff 100%);-webkit-background-clip:text;background-clip:text}
.iws-hero-service-line{display:block;margin-top:14px;font-size:clamp(30px,3.7vw,58px);font-weight:800;line-height:1.08;letter-spacing:-.045em;white-space:nowrap}
.iws-hero-service-line .iws-hero-outline{display:inline;color:#f5f8ff;-webkit-text-stroke:0;opacity:1}
.iws-hero-typeword{display:inline;color:transparent;background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-stroke:1.05px rgba(212,222,237,.72);line-height:.9;white-space:nowrap}.iws-hero-typeword:after{content:"";display:inline-block;width:.055em;height:.88em;margin-left:.035em;margin-right:.08em;background:#8eb2ff;vertical-align:-.08em;animation:iwsHeroTypeCaret .78s step-end infinite}
@keyframes iwsHeroTypeCaret{50%{opacity:0}}
.iws-hero-copy{max-width:620px;margin:0;color:#bcc9d9;font-size:18px;line-height:1.68;text-shadow:0 2px 18px #0008}
.iws-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 28px}
.iws-hero-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 26px;border:1px solid transparent;border-radius:18px;font-weight:800;text-decoration:none;transition:transform .25s,box-shadow .25s,color .25s}
.iws-hero-button:hover{transform:translateY(-3px)}.iws-hero-button-primary{background:linear-gradient(135deg,#16479e,#245fc4);color:#fff;box-shadow:0 18px 46px #16479e3d,inset 0 1px 0 #ffffff30}.iws-hero-button-primary:hover{color:#fff;box-shadow:0 24px 55px #16479e55}.iws-hero-button-secondary{border-color:#ffffff20;background:#07111f66;backdrop-filter:blur(10px);color:#dfe8f6}.iws-hero-button-secondary:hover{color:#fff}
.iws-hero-proof{position:relative;z-index:5;display:flex;align-items:center;gap:16px;padding-top:10px;color:#9eacbf;font-size:13px}.iws-hero-proof strong{color:#fff;font-size:15px}.iws-hero-avatars{display:flex}.iws-hero-avatars i{width:33px;height:33px;margin-left:-8px;border:2px solid #06101f;border-radius:50%;background:linear-gradient(135deg,#16479e,#5d86df);box-shadow:0 0 0 1px #ffffff22,0 10px 22px #16479e35}.iws-hero-avatars i:nth-child(2){background:linear-gradient(135deg,#0b1f4d,#2f6ed8)}.iws-hero-avatars i:nth-child(3){background:linear-gradient(135deg,#355ea8,#eef4ff)}
.iws-hero-availability{--iws-float-x:0px;--iws-float-y:0px;position:absolute;z-index:4;right:6.2%;top:205px;width:12px;height:12px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;transform:translate3d(var(--iws-float-x),var(--iws-float-y),0);transition:transform .2s}.iws-hero-availability i{display:block;width:12px;height:12px;margin:0;border-radius:50%;background:#5f82ff;box-shadow:0 0 14px #5f82ff,0 0 30px rgba(95,130,255,.55)}
.iws-hero-orbit{position:absolute;z-index:1;right:8%;top:360px;width:310px;height:310px;border:1px solid #8fb0ff1e;border-radius:50%;pointer-events:none;animation:iwsHeroOrbit 12s linear infinite}.iws-hero-orbit:before,.iws-hero-orbit:after{content:"";position:absolute;border-radius:50%}.iws-hero-orbit:before{width:9px;height:9px;left:35px;top:62px;background:#8fb0ff;box-shadow:0 0 22px #8fb0ff}.iws-hero-orbit:after{inset:48px;border:1px dashed #ffffff1a}

.iws-hero-signal{position:absolute;z-index:2;width:12px;height:12px;border-radius:50%;background:#9fbdff;box-shadow:0 0 18px #8fb0ff,0 0 38px #5077ff55;pointer-events:none;opacity:.9;animation:iwsHeroSignalFloat 7s ease-in-out infinite}.iws-hero-signal:before{content:"";position:absolute;inset:-22px;border:1px solid #9fbdff45;border-radius:50%;animation:iwsHeroSignalPulse 3.8s ease-in-out infinite}.iws-hero-signal:after{content:"";position:absolute;inset:-58px;border:1px dashed #9fbdff18;border-radius:50%;animation:iwsHeroSignalSpin 16s linear infinite}.iws-hero-signal-1{right:36%;top:34%;animation-delay:-1s}.iws-hero-signal-2{right:18%;top:42%;width:9px;height:9px;background:#5f82ff;animation-delay:-2.8s}.iws-hero-signal-3{right:12%;top:67%;width:10px;height:10px;background:#d4ff35;box-shadow:0 0 18px #d4ff35,0 0 34px #d4ff3560;animation-delay:-4.4s}.iws-hero-signal-3:before{border-color:#d4ff3545}.iws-hero-signal-3:after{border-color:#d4ff3518}.iws-hero-signal-4{right:48%;top:58%;width:8px;height:8px;background:#ff6b45;box-shadow:0 0 14px #ff6b45,0 0 28px #ff6b4555;animation-delay:-5.5s}.iws-hero-signal-4:before{border-color:#ff6b4540}.iws-hero-signal-4:after{display:none}
.iws-hero-network{position:absolute;z-index:1;right:9%;top:31%;width:520px;height:360px;pointer-events:none;opacity:.68;mix-blend-mode:screen}.iws-hero-network span{position:absolute;left:50%;top:50%;height:1px;width:290px;transform-origin:left center;background:linear-gradient(90deg,transparent,#8fb0ff55,#8fb0ff10,transparent);filter:drop-shadow(0 0 8px #5077ff55)}.iws-hero-network span:nth-child(1){width:330px;transform:rotate(-22deg)}.iws-hero-network span:nth-child(2){width:260px;transform:rotate(18deg)}.iws-hero-network span:nth-child(3){width:220px;transform:rotate(54deg)}.iws-hero-network i{position:absolute;right:32px;bottom:34px;width:95px;height:95px;border:1px solid #8fb0ff1f;border-top-color:#8fb0ff66;border-radius:50%;animation:iwsHeroNetworkSpin 18s linear infinite}.iws-hero-network:before,.iws-hero-network:after{content:"";position:absolute;border:1px solid #8fb0ff17;border-radius:50%}.iws-hero-network:before{right:24px;top:28px;width:330px;height:330px}.iws-hero-network:after{right:110px;top:92px;width:190px;height:190px;border-style:dashed}
.iws-hero-float-label{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid #9fbdff2e;border-radius:999px;background:linear-gradient(135deg,#0a1930bd,#07111f8c);box-shadow:0 14px 38px #0004,inset 0 1px 0 #ffffff12;backdrop-filter:blur(12px);color:#dce7f7;font:700 11px Manrope,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.iws-hero-float-label i{display:block;width:6px;height:6px;border-radius:50%;background:#80a6ff;box-shadow:0 0 12px #6f98ff}.iws-hero-float-label-uiux{right:8.5%;top:24%;animation:iwsHeroLabelDriftUiux 5.6s ease-in-out infinite}.iws-hero-float-label-development{right:24%;top:64%;animation:iwsHeroLabelDriftDevelopment 6.4s ease-in-out -2.4s infinite}.iws-hero-float-label i{animation:iwsHeroLabelDotPulse 2.2s ease-in-out infinite}.iws-hero-float-label-development i{background:#c8ff36;box-shadow:0 0 12px #c8ff3680;animation-delay:-1.1s}
.iws-hero-facts{position:relative;z-index:4;width:100%;margin-top:24px;border-top:1px solid #ffffff13;background:#06101fe8;box-shadow:0 -18px 60px #0003}.iws-hero-facts-inner{display:grid;width:min(1240px,calc(100% - 48px));margin:auto;grid-template-columns:1.3fr repeat(3,1fr)}.iws-hero-fact{padding:21px 26px;border-right:1px solid #ffffff1c}.iws-hero-fact:first-child{padding-left:0}.iws-hero-fact:last-child{border:0}.iws-hero-fact span{display:block;color:#728198;font-size:10px;letter-spacing:.15em}.iws-hero-fact b{color:#fff;font:700 17px Manrope,Arial,sans-serif}
@keyframes iwsHeroPulse{50%{transform:scale(1.1);opacity:.5}}@keyframes iwsHeroOrbit{to{transform:rotate(360deg)}}@keyframes iwsHeroSignalFloat{50%{transform:translateY(-18px) scale(1.12)}}@keyframes iwsHeroSignalPulse{50%{transform:scale(1.24);opacity:.35}}@keyframes iwsHeroSignalSpin{to{transform:rotate(360deg)}}@keyframes iwsHeroNetworkSpin{to{transform:rotate(360deg)}}@keyframes iwsHeroLabelDriftUiux{0%,100%{transform:translate3d(0,0,0) rotate(0)}35%{transform:translate3d(-14px,-11px,0) rotate(-.7deg)}70%{transform:translate3d(8px,-5px,0) rotate(.5deg)}}@keyframes iwsHeroLabelDriftDevelopment{0%,100%{transform:translate3d(0,0,0) rotate(0)}38%{transform:translate3d(15px,-10px,0) rotate(.65deg)}72%{transform:translate3d(-7px,-4px,0) rotate(-.45deg)}}@keyframes iwsHeroLabelDotPulse{50%{transform:scale(1.45);opacity:.72}}
@media(max-width:1180px){.iws-hero-orbit{right:3%;opacity:.55}.iws-hero-content{max-width:780px}.iws-hero-title{font-size:clamp(58px,8vw,96px)}.iws-hero-network{right:2%;opacity:.45;transform:scale(.86);transform-origin:right center}.iws-hero-signal-4{display:none}.iws-hero-signal{opacity:.65}}
@media(max-width:960px){.iws-hero-section{padding-top:118px}.iws-hero-content{padding-top:30px}.iws-hero-content:before,.iws-hero-content:after,.iws-hero-orbit,.iws-hero-network,.iws-hero-signal,.iws-hero-float-label{display:none}.iws-hero-availability{position:static;display:inline-flex;margin:0 0 20px}.iws-hero-facts{margin-top:26px}.iws-hero-facts-inner{grid-template-columns:1fr 1fr}.iws-hero-fact:first-child{padding-left:26px}.iws-hero-fact:nth-child(2){border-right:0}}
@media(max-width:620px){.iws-hero-service-line{font-size:clamp(26px,8vw,40px);line-height:1.2;white-space:normal}.iws-hero-section{padding-top:96px;background-image:linear-gradient(180deg,#06101ff5 0%,#06101fe6 52%,#06101f 88%),url('../images/iws-digital-hero.png');background-position:62% center}.iws-hero-wrap{width:calc(100% - 32px)}.iws-hero-content{padding-top:18px}.iws-hero-kicker{font-size:9px;white-space:normal}.iws-hero-title{font-size:clamp(44px,13.5vw,58px);letter-spacing:-.065em}.iws-hero-outline{-webkit-text-stroke:.85px #d4deed}
.iws-hero-copy{font-size:16px}.iws-hero-actions{margin:26px 0 20px}.iws-hero-button{width:100%}.iws-hero-proof{align-items:flex-start;margin-top:22px}.iws-hero-availability{font-size:10px}.iws-hero-facts{margin-top:24px}.iws-hero-facts-inner{width:100%}.iws-hero-fact{padding:15px 14px}.iws-hero-fact:first-child{padding-left:14px}.iws-hero-fact b{font-size:13px}.iws-hero-fact span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.iws-hero-typeword:after{display:none}.iws-hero-section,.iws-hero-content,.iws-hero-availability{transition:none}.iws-hero-content:after,.iws-hero-orbit,.iws-hero-signal,.iws-hero-signal:before,.iws-hero-signal:after,.iws-hero-network i,.iws-hero-float-label{animation:none}}



