/* IIS: інженерна артдирекція — локальний концепт */
.iis{background:#f6fafc}
.iis .top{position:relative;z-index:2;max-width:none;width:100%;padding:0 max(20px,calc((100% - 1180px)/2));background:#fff;border-bottom:1px solid #d8e4e9}
.iis .wordmark{font-size:17px;line-height:1.16;color:#213747}.iis .wordmark small{margin-top:5px;color:#71818a;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.iis .nav a{position:relative;color:#415764}.iis .nav a:after{content:'';position:absolute;right:0;bottom:-10px;left:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .2s}.iis .nav a:hover:after{transform:scaleX(1)}.iis .contact{padding-left:20px;border-left:1px solid #d8e4e9;color:#283f4f;font-weight:800}
.iis .hero{position:relative;min-height:650px;overflow:hidden;background-image:linear-gradient(90deg,#133447f5 0%,#183f53e9 42%,#1b4756b0 66%,#183a446b 100%),url('iis/hero.jpg');background-position:center;background-size:cover}.iis .hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff0e 1px,transparent 1px),linear-gradient(90deg,#ffffff0e 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,#000 0%,#000c 62%,transparent 100%)}.iis .hero:after{content:'';position:absolute;width:760px;height:760px;right:-290px;bottom:-390px;border:1px solid #8dd8f255;border-radius:50%;box-shadow:0 0 0 70px #8dd8f20b,0 0 0 140px #8dd8f207}.iis .hero-inner{position:relative;z-index:1;grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);gap:80px}.iis .hero-copy{grid-column:auto;max-width:690px;margin:0;padding:100px 0;text-align:left}.iis .hero .eyebrow{color:#a8dcf6}.iis .hero h1{font-size:clamp(48px,6.1vw,78px);max-width:760px;letter-spacing:-.055em}.iis .hero .lead{max-width:640px;color:#dbeef4;font-size:20px}.iis .hero .secondary{border-color:#bfe7f7;color:#fff}.iis .hero .secondary:hover{background:#fff;color:#17394c}
.iis .engineering-card{align-self:center;position:relative;padding:26px 26px 23px;background:#f8fcfeee;border:1px solid #ffffffa8;border-radius:8px 28px 8px 28px;box-shadow:0 28px 70px #0617207a;color:#1c3c4e;backdrop-filter:blur(6px)}.iis .engineering-code{display:block;color:#2d91c6;font-size:11px;font-weight:900;letter-spacing:.14em}.iis .engineering-card strong{display:block;margin:13px 0 18px;font-size:25px;line-height:1.06;letter-spacing:-.035em}.iis .air-plot{display:flex;align-items:center;gap:8px;height:50px}.iis .air-plot i{display:block;position:relative;height:8px;border-radius:99px;background:#91cce8}.iis .air-plot i:nth-child(1){width:27%;background:#97c34b}.iis .air-plot i:nth-child(2){width:42%;background:#38a5df}.iis .air-plot i:nth-child(3){width:22%;background:#2e637c}.iis .air-plot i:after{content:'';position:absolute;right:-2px;top:-5px;border-left:10px solid currentColor;border-top:9px solid transparent;border-bottom:9px solid transparent;color:inherit}.iis .engineering-card p{margin:14px 0 0;padding-top:14px;border-top:1px solid #c8dbe4;color:#607986;font-size:13px}
.iis #tasks{position:relative;padding:108px 0 96px;background:linear-gradient(145deg,#eef7fb 0%,#fff 48%,#f5fbec 100%)}.iis #tasks:before{content:'AIR FLOW';position:absolute;right:4%;top:28px;color:#38a5df12;font-size:clamp(76px,14vw,210px);font-weight:900;letter-spacing:-.1em;pointer-events:none}.iis #tasks .wrap{position:relative}.iis #tasks h2{max-width:670px;font-size:clamp(38px,5vw,64px);margin-bottom:48px;color:#1e3e4d}.iis .grid4{gap:16px}.iis .object{min-height:310px;padding:27px 24px 23px;border:1px solid #d7e7ed;border-top:0;border-radius:7px 25px 7px 25px;background:#fff;box-shadow:0 18px 45px #31516412;transition:transform .25s,box-shadow .25s}.iis .object:hover{transform:translateY(-8px);box-shadow:0 27px 60px #31516425}.iis .object:before{content:'';position:absolute;top:0;right:0;left:0;height:6px;background:linear-gradient(90deg,#38a5df,#97c34b)}.iis .object-icon{width:74px;height:74px;margin-bottom:29px;border-radius:8px 22px 8px 22px;background:linear-gradient(135deg,#e1f4fc,#f4fae8);border:1px solid #d6eaf2}.iis .object-icon img{width:40px;height:40px}.iis .object .tag{right:22px;top:25px;color:#79939d}.iis .object h3{font-size:25px;color:#183d4e}.iis .object p{color:#5d7480}.iis .object-link{position:absolute;bottom:22px;color:#258cbf;font-size:13px}
.iis .stats{gap:16px;padding:20px;border:1px solid #d3e5ec;border-radius:12px;background:#fff;box-shadow:0 15px 35px #3151640d}.iis .stats>div{position:relative;padding:18px 25px;color:#5b737f;font-weight:700}.iis .stats>div+div{border-left:1px solid #d8e5e9}.iis .stats strong{font-size:62px;line-height:.9;color:#2d94c6}.iis .stats>div:nth-child(2) strong{color:#78ad38}.iis .stats>div:nth-child(3) strong{color:#2d637c}
.iis .blueprint{padding:106px 0 112px;background-color:#183a4b;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:34px 34px}.iis .blueprint .eyebrow{color:#9fdaf4}.iis .blueprint h2{max-width:810px;font-size:clamp(40px,5.2vw,68px);margin-bottom:54px}.iis .process-flow{gap:15px;background:transparent}.iis .process-flow:before{left:8%;right:8%;top:43px;height:2px;background:linear-gradient(90deg,#38a5df,#97c34b)}.iis .process-flow .step{min-height:255px;padding:27px 22px 23px;border:1px solid #ffffff2e;border-radius:7px 24px 7px 24px;background:#ffffff0d;color:#fff;backdrop-filter:blur(3px);transition:transform .25s,background .25s}.iis .process-flow .step:hover{transform:translateY(-7px);background:#ffffff18}.iis .process-flow .step b{width:50px;height:50px;margin-bottom:27px;border:2px solid #91d5f0;background:#183a4b;color:#a9dcf4}.iis .process-flow .step:nth-child(even) b{border-color:#a7d36a;color:#bde88b}.iis .process-flow .step h3{font-size:22px;line-height:1.08}.iis .process-flow .step p{color:#d1e3e9}.iis .process-meta span{background:#ffffff16;color:#d9edf4;border:1px solid #ffffff24}
.iis .dark{background:linear-gradient(125deg,#101f2b 0%,#172f3c 64%,#1d4c59 100%)}.iis .dark .eyebrow{color:#a9ddf6}.iis .dark h2{font-size:clamp(38px,4vw,58px)}.iis .dark .lead{color:#c8dfe7}.iis .form{border-radius:8px 28px 8px 28px;box-shadow:0 25px 70px #06172055}.iis .footer{background:#0e202c}
@media(max-width:850px){.iis .top{padding:0 20px}.iis .hero{min-height:auto}.iis .hero-inner{grid-template-columns:1fr;gap:0}.iis .hero-copy{padding:80px 0 35px}.iis .engineering-card{max-width:470px;margin:0 0 70px}.iis #tasks{padding:80px 0}.iis #tasks h2{margin-bottom:35px}.iis .stats>div:nth-child(n){border-left:0}.iis .blueprint{padding:78px 0}.iis .process-flow{gap:20px}.iis .process-flow:before{display:none}.iis .process-flow .step{min-height:0}}
@media(max-width:560px){.iis .wordmark{font-size:14px}.iis .hero-copy{padding:62px 0 28px}.iis .hero h1{font-size:43px}.iis .engineering-card{margin-bottom:52px;padding:22px}.iis #tasks:before{top:20px}.iis .object{min-height:275px}.iis .stats{padding:8px}.iis .stats>div{text-align:left;padding:20px}.iis .blueprint h2{font-size:39px}.iis .process-flow .step{padding:25px 21px}}
