:root{--pro-blue:#075db3;--pro-navy:#020c30;--pro-text:#101010;--pro-light:#eff2fc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--pro-text);background:#fff;font-family:DINPro,Arial,sans-serif}
button,input{font:inherit}
button{cursor:pointer}
main{padding-top:70px}
h1,h2,h3,p{margin-top:0}
h2{font-size:var(--iridi-title-font-size);line-height:1.08;font-weight:var(--iridi-title-font-weight)}
h3{margin-bottom:10px}
.section-inner{width:min(100%,1920px);margin-inline:auto;padding:var(--iridi-block-padding)}
.media-slot{background:#e7eaf0}
.copy-slot{min-height:6em}
.copy-slot::before,.copy-slot::after{content:"";display:block;height:1em;background:#e9ebef;border-radius:2px;margin:0 0 1em}
.copy-slot::after{width:72%}
.hero{position:relative;height:1000px;overflow:hidden;color:#fff;background:#04092e url("assets/hero-network.jpg") center/cover no-repeat;text-align:center;padding:115px 10vw 0}
.hero__inner{position:relative;z-index:2}
.hero h1{font-size:clamp(40px,5vw,88px);line-height:1;margin-bottom:20px;font-weight:700}
.hero p{font-size:clamp(20px,2.5vw,38px);line-height:1.2;margin-bottom:45px}
.outline-button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:12px 34px;border:1px solid currentColor;color:inherit;text-decoration:none;text-align:center;background:transparent}
.outline-button:hover,.outline-button:focus-visible{background:rgba(255,255,255,.12)}
.hero .outline-button{background-color:rgba(4,9,46,.8)}
.hero-features{color:#fff;background:#04092e;text-align:center;padding:60px 10vw 90px}
.hero__features{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:100px;column-gap:35px}
.hero__features>div{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:20px;font-size:var(--iridi-desc-font-size);line-height:1.25}
.hero__features>div::before{content:"";position:absolute;top:-29px;left:50%;width:100px;height:100px;transform:translateX(-50%);background:#0061ff;filter:blur(75px);z-index:-1;pointer-events:none}
.feature-icon{font-size:39px;line-height:1;font-weight:300}
.projects,.interfaces{color:#fff;background:#050505}
.project-row{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;margin-bottom:95px}
.project-row:last-child{margin-bottom:0}
.project-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.project-copy h2{max-width:100%}
.project-copy__body{max-width:620px}.project-copy__body p{font-size:var(--iridi-desc-font-size);line-height:1.38;margin:0 0 1em}.project-copy__body p:last-child{margin-bottom:0}
.round-link{display:inline-flex;align-items:center;gap:18px;color:inherit;text-decoration:none;font-size:var(--iridi-desc-font-size);margin-top:30px}
.round-link span{flex:none;width:40px;height:40px;display:inline-block;background-position:center;background-repeat:no-repeat;background-size:contain}
.project-copy .round-link{align-self:flex-end}
.projects .round-link span{width:30px;height:30px}.projects .round-link span{background-image:url("assets/arrow-project.png")}.product-row .round-link span{background-image:url("assets/arrow-product.png")}
.project-carousel .carousel__media{aspect-ratio:1.38}
[data-carousel="home"],[data-carousel="commercial"]{display:grid;grid-template-rows:minmax(0,1fr) auto auto}
[data-carousel="home"] .carousel__media,[data-carousel="commercial"] .carousel__media{min-height:0}
.carousel__media{background:#1c2130;background-size:cover;background-position:center}
.carousel__media{position:relative;overflow:hidden}
.carousel__fade{position:absolute;inset:0;opacity:0;background-position:center;background-size:cover;transition:opacity .65s ease;pointer-events:none}
.carousel__caption{min-height:2.8em;margin:14px 0 0;font-size:var(--iridi-desc-font-size)}
.carousel__controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px}
.carousel__controls button{border:0;background:none;color:inherit;font-size:36px;line-height:1;padding:0 4px}
.carousel__dots{display:flex;gap:9px;align-items:center}
.carousel__dots button{display:block;width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#777}
.carousel__dots button[aria-current="true"]{background:#fff}
.components{background:var(--pro-light)}
.components__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:32px}
.components article{display:flex;align-items:center;gap:22px;min-height:132px;padding:24px;background:#fff}
.component-icon{flex:none;display:block;width:100px;height:100px}
.components h3{font-size:var(--iridi-h3-font-size);letter-spacing:normal}
.components p{font-size:var(--iridi-desc-font-size);line-height:1.25;margin:0}
.product-row{display:grid;grid-template-columns:1fr 1fr;min-height:var(--iridi-block-min-height,700px)}
.product-row__media{min-height:520px;background-size:cover;background-position:center}
.product-row__copy{padding:var(--iridi-block-padding);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.product-row__copy p,.product-row__copy li{font-size:var(--iridi-desc-font-size);line-height:1.38}
.product-row__copy ul{padding-left:1.2em}
.product-row:nth-of-type(odd){background:#eee}
.product-row--reverse .product-row__media{order:2}
.product-row--reverse .product-row__copy{order:1}
.interfaces__inner{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}
.interfaces .carousel{align-self:center}
.interfaces .carousel__media{aspect-ratio:1.5;background-color:#050505;background-size:contain;background-repeat:no-repeat;background-position:center}
.interfaces .carousel__fade{background-size:contain;background-repeat:no-repeat}
.interfaces h2{max-width:100%}
.interfaces__copy{margin:30px 0;font-size:var(--iridi-desc-font-size);line-height:1.38}.interfaces__copy p:last-child{margin-bottom:0}.interfaces__copy a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.integrations__logos{height:260px;margin:45px 0 100px;background:#f3f5f8}
.testimonials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 55px;margin-top:40px}
.testimonial{display:flex;flex-direction:column;margin:0}
.testimonial blockquote{margin:0;font-size:var(--iridi-desc-font-size);line-height:1.38}
.testimonial blockquote p{margin:0}
.testimonial figcaption{margin-top:auto;padding-top:28px}
.testimonial figcaption strong{display:block;font-size:clamp(22px,2vw,28px);line-height:1.1}
.testimonial figcaption span{display:block;margin-top:12px;font-size:var(--iridi-desc-font-size);line-height:1.3}
.numbers{background:#eee}
.numbers__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:35px 0 95px}
.numbers__grid>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:165px;padding:20px;background:#fff;text-align:center;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.17)}
.numbers strong{font-size:clamp(38px,4vw,70px);line-height:1}
.numbers span{font-size:var(--iridi-desc-font-size)}
.courses__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:35px}
.courses__grid article{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center;min-height:130px;padding:18px;background:#fff;box-shadow:0px 2px 8px rgba(0, 0, 0, 0.17)}
.courses__icon{display:block;width:110px;max-width:100%;height:auto}
.courses__grid h3{font-size:var(--iridi-desc-font-size);letter-spacing:normal;font-weight:400}
.courses__more{display:flex;align-items:center;justify-content:center;width:400px;max-width:100%;height:60px;box-sizing:border-box;margin:36px 0 0 auto;font-size:21px;transition:background-color .2s ease}.courses__more,.contact button{background:#008fe6;color:#fff;border:0;padding:12px 22px;text-decoration:none}
.contact{background:#fff}
.contact__inner{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-bottom:0}
.contact form{padding:40px;background:#eaeefa}
.contact__fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0 15px}
.contact__fields label:last-child{grid-column:1/-1}
.contact__fields span{display:block;margin-bottom:5px}
.contact input{width:100%;height:48px;border:1px solid #bbc3d2;background:#fff;padding:12px}
.contact button{width:100%;min-height:50px}
.contact__consent,.contact__demo,.contact__status{font-size:14px;line-height:1.3;margin:10px 0 0}.contact__consent a{color:#0057b7;text-decoration:underline;text-underline-offset:2px}
.contact .media-slot{min-height:410px;background-image:url("assets/contact-team.jpg");background-size:cover;background-position:center}
.faq h2{margin:0}
.faq__grid{display:grid;grid-template-columns:1fr;margin-top:40px}
.faq details{border-bottom:1px solid #999}
.faq summary{display:flex;justify-content:space-between;gap:20px;padding:18px 0;list-style:none;font-size:32px;font-weight:400;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{flex:none;color:#000;font-size:32px;line-height:1}
.faq details[open] summary span{transform:rotate(45deg)}
.faq__answer{max-width:1050px}
.faq__answer p{margin:0;padding:8px 0 40px;font-size:21px;line-height:1.3}
.faq__answer a{color:#0057b7;text-decoration:underline;text-underline-offset:2px}
@media(max-width:2250px){.hero{height:840px}}
@media(max-width:1300px){.hero{height:750px}.product-row__media{min-height:420px}.courses__grid article{grid-template-columns:110px 1fr}.courses__grid a{grid-column:2;justify-self:start}}
@media(max-width:1000px){.hero{height:600px;padding:80px 10vw 0}.hero-features{padding:50px 10vw 70px}.project-row{gap:4vw}.project-copy h2{font-size:var(--iridi-title-font-size)}.product-row__copy{padding:var(--iridi-block-padding)}.product-row__media{min-height:360px}.numbers__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){main{padding-top:60px}.hero{height:530px;padding:70px 10vw 0}.hero-features{padding:30px 10vw 70px}.hero__features{grid-template-columns:1fr;row-gap:84px}.hero__features>div{font-size:var(--iridi-desc-font-size)}.project-row,.interfaces__inner,.contact__inner{grid-template-columns:1fr}.project-row{gap:30px;margin-bottom:65px}.project-row--reverse .project-copy{order:2}.project-row--reverse .carousel{order:1}.project-copy h2{max-width:100%}.components__grid,.testimonials,.courses__grid{grid-template-columns:1fr}.components article{padding:20px}.component-icon{width:72px;height:72px}.product-row{display:flex;flex-direction:column}.product-row__media,.product-row--reverse .product-row__media{order:1;min-height:0;aspect-ratio:1.45}.product-row__copy,.product-row--reverse .product-row__copy{order:2}.interfaces__inner{gap:30px}.integrations__logos{height:220px;margin-bottom:65px}.numbers__grid{gap:10px;margin-bottom:65px}.numbers__grid>div{min-height:125px}.courses__grid article{grid-template-columns:100px 1fr}.contact .media-slot{min-height:0;aspect-ratio:1.5}.contact form{padding:20px}.faq summary{font-size:16px}}
@media(max-width:500px){.hero__features{row-gap:76px}.components article{align-items:flex-start}.numbers strong{font-size:40px}.numbers span{font-size:13px}.contact__fields{grid-template-columns:1fr}.contact__fields label:last-child{grid-column:auto}.courses__grid article{grid-template-columns:85px 1fr;gap:10px}.courses__grid a{grid-column:2}}

[data-media-slot="studio"]{background-image:url("assets/studio.jpg");background-position:left top}
[data-media-slot="i3-pro"]{background-image:url("assets/i3-pro.jpg");background-position:right bottom}
[data-media-slot="pro-server"]{background-image:url("assets/pro-server.jpg");background-position:right bottom}
[data-media-slot="cloud"]{background-image:url("assets/cloud.jpg");background-position:right center}
.feature-icon{display:block;width:42px;height:42px;filter:brightness(0) invert(1)}
.component-icon{background-size:contain;background-repeat:no-repeat;background-position:center}
.components article:nth-child(1) .component-icon{background-image:url("assets/logo-studio.png")}
.components article:nth-child(2) .component-icon{background-image:url("assets/logo-i3.png")}
.components article:nth-child(3) .component-icon{background-image:url("assets/logo-server.png")}
.components article:nth-child(4) .component-icon{background-image:url("assets/logo-cloud.png")}
.hero__features>div:nth-child(1) .feature-icon{background:center/contain no-repeat url("assets/feature-1.png")}
.hero__features>div:nth-child(2) .feature-icon{background:center/contain no-repeat url("assets/feature-2.png")}
.hero__features>div:nth-child(3) .feature-icon{background:center/contain no-repeat url("assets/feature-3.png")}
.hero__features>div:nth-child(4) .feature-icon{background:center/contain no-repeat url("assets/feature-4.png")}
.hero__features>div:nth-child(5) .feature-icon{background:center/contain no-repeat url("assets/feature-5.png")}
.hero__features>div:nth-child(6) .feature-icon{background:center/contain no-repeat url("assets/feature-6.png")}

@media(max-width:700px){.projects .round-link span{width:20px;height:20px}}

.courses__more:hover,.courses__more:focus-visible{background:#0057b7}
@media(max-width:700px){.courses__more{margin-right:auto;margin-left:auto}}

@media(max-width:1300px){.faq summary{font-size:28px}.faq__answer p{font-size:18px}}
@media(max-width:700px){.faq summary{font-size:22px}.faq__answer p{font-size:16px}}

/* Testimonials carousel follows the looping review layout used by proav_ru. */
.testimonials__heading{display:flex;align-items:end;justify-content:space-between;gap:24px}
.testimonials__heading h2{margin:0}
.testimonials__controls{display:flex;gap:12px;flex:none}
.testimonials__controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}
.testimonials__controls button img{display:block;width:20px;height:auto;object-fit:contain}
.testimonials__controls button[data-testimonial-direction="-1"] img{transform:rotate(-90deg)}
.testimonials__controls button[data-testimonial-direction="1"] img{transform:rotate(90deg)}
.testimonials__controls button:focus-visible,.testimonials:focus-visible{outline:2px solid #0057b7;outline-offset:2px}
.testimonials{display:block;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.testimonials::-webkit-scrollbar{display:none}
.testimonials__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/2);gap:24px}
.testimonials__track>*{min-width:0;scroll-snap-align:start}
.testimonial{min-height:420px;padding:30px;border:1px solid #d5dfe6;background:#fff}
.testimonial figcaption{margin-top:auto}
@media(max-width:1000px){.testimonials__track{grid-auto-columns:100%}}
@media(max-width:700px){.testimonials__heading{align-items:start}.testimonials__controls button{width:36px;height:36px}.testimonials__controls button img{width:18px}.testimonial{min-height:0;padding:20px}}

@media(prefers-reduced-motion:reduce){.carousel__fade{transition:none}}