:root{--dark:#111216;--blue:#3db9df;--green:#4daf36;--yellow:#f5e81d;--red:#ee3d2f;--light:#f4f7f5}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;color:#17201b;background:var(--light)}
a{text-decoration:none;color:inherit}
header{height:86px;padding:0 6vw;background:var(--dark);display:flex;align-items:center;justify-content:space-between;border-bottom:4px solid;border-image:linear-gradient(90deg,var(--blue),var(--green),var(--yellow),var(--red)) 1}
.logo{display:flex;align-items:center}
header img{display:block;width:205px;height:auto;max-height:68px;object-fit:contain;background:#fff;padding:5px}
footer img{display:block;width:min(100%,260px);height:auto;object-fit:contain;background:#fff;padding:5px}
nav{display:flex;gap:24px;color:#fff;font-size:12px;font-weight:bold}
.nav-item{position:relative}.nav-item>a{display:flex;gap:5px;align-items:center}.nav-item>a>span{font-size:14px;color:var(--yellow)}
.submenu{position:absolute;z-index:20;left:-18px;top:calc(100% + 18px);display:block;min-width:245px;padding:10px;background:#171a1f;border-top:3px solid var(--blue);box-shadow:0 18px 35px #0007;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.submenu:before{content:"";position:absolute;left:0;right:0;top:-21px;height:21px}.submenu a{display:block;padding:12px 10px;color:#fff;border-bottom:1px solid #ffffff14;line-height:1.35}.submenu a:last-child{border-bottom:0}.submenu a:hover,.submenu a:focus{color:var(--yellow);background:#ffffff0a}.nav-item:hover>.submenu,.nav-item:focus-within>.submenu{opacity:1;visibility:visible;transform:none}
.menu{display:none}
.hero{min-height:650px;padding:120px 8vw;background:radial-gradient(circle at 80% 35%,#3db9df55,transparent 24%),linear-gradient(130deg,#111216,#242a2f);color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.hero h1{font-size:clamp(56px,8vw,105px);line-height:.92;letter-spacing:-5px;margin:20px 0}
.hero em{font-style:normal;background:linear-gradient(90deg,var(--blue),var(--green),var(--yellow),var(--red));color:transparent;background-clip:text}
.hero p{font-size:19px;color:#c9d1cd;line-height:1.7}
.btn{display:inline-block;border:0;background:linear-gradient(90deg,var(--blue),var(--green));color:#07110b;padding:17px 22px;font-weight:bold;margin-top:20px;cursor:pointer}
.visual{display:grid;place-items:center}.visual b{font-size:130px;color:#ffffff18;text-shadow:0 0 50px var(--blue)}
.stats{background:#15171b;color:#fff;padding:35px 8vw;display:grid;grid-template-columns:repeat(3,1fr)}
.stats div{display:flex;gap:14px;align-items:baseline}.stats b{font-size:35px;color:var(--yellow)}
.section{padding:90px 7vw}.section>small,.page-head small,.detail small{color:#1686ad;letter-spacing:2px;font-weight:bold}
.section>h2,.page-head h1,.detail h2{font-size:clamp(38px,6vw,70px);letter-spacing:-3px}
.dark{background:#111216;color:#fff}.light{background:var(--light)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}
.card{padding:28px;border:1px solid #ffffff22;min-height:240px}.card.white{background:#fff;border-color:#dbe5df}.card>span{font-size:35px;color:var(--blue)}.card p{color:#829188;line-height:1.6}
.page-head{padding:75px 7vw;background:linear-gradient(120deg,#111216,#304c58);color:#fff}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.contact-grid form{display:grid;gap:12px}.contact-grid label{display:grid;gap:7px;font-size:13px;font-weight:bold}.contact-grid input,.contact-grid textarea{padding:15px;border:1px solid #cbd8d1;font:inherit}.contact-grid textarea{height:130px}.ok{color:var(--green)}.error{color:var(--red)}
.detail{max-width:850px}.detail p{font-size:19px;line-height:1.8}
footer{background:#111216;color:#b9c3be;padding:55px 7vw;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}footer small{grid-column:1/-1;border-top:1px solid #ffffff22;padding-top:20px}
.media-card{overflow:hidden}.media-card>img,.media-card>video{display:block;width:calc(100% + 56px);height:210px;object-fit:cover;margin:-28px -28px 24px;background:#111}.detail-media{display:block;width:100%;max-height:600px;object-fit:contain;margin:25px 0;background:#111}.detail-video{width:100%;aspect-ratio:16/9;border:0;margin:25px 0}
.slider{position:relative;min-height:650px;background:#111216;color:#fff;overflow:hidden}.slide{position:absolute;inset:0;display:grid;align-items:center;padding:110px 10vw;opacity:0;pointer-events:none;transition:opacity .7s ease;background:linear-gradient(90deg,#111216ee 10%,#111216aa 55%,#11121644),var(--slide-image) center/cover}.slide.active{opacity:1;pointer-events:auto}.slide>div{max-width:760px}.slide h1{font-size:clamp(48px,7vw,92px);line-height:1;margin:20px 0}.slide p{font-size:20px;line-height:1.6}.slider-prev,.slider-next{position:absolute;z-index:2;top:50%;width:48px;height:48px;border:0;background:#ffffffcc;font-size:30px;cursor:pointer}.slider-prev{left:20px}.slider-next{right:20px}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.team-grid article{background:#fff;padding:20px}.team-grid img{width:100%;aspect-ratio:4/5;object-fit:cover}.reviews{background:#eaf1ed}.review-slider{position:relative;min-height:280px;max-width:850px}.review{position:absolute;inset:0;opacity:0;transition:opacity .6s;background:#fff;padding:35px}.review.active{opacity:1}.review p{font-size:22px;line-height:1.6}.review small,.review a{display:block;margin-top:8px}.stars{color:#e6b800;letter-spacing:3px}.review-score{font-size:18px}
@media(max-width:800px){nav{display:none;position:absolute;top:86px;left:0;right:0;background:#111216;padding:25px;flex-direction:column;z-index:25;max-height:calc(100vh - 86px);overflow:auto}nav.open{display:flex}.menu{display:block;background:none;border:0;color:#fff;font-size:25px}.nav-item>a{padding:4px 0}.submenu{position:static;display:block;min-width:0;margin:8px 0 5px 12px;padding:3px 8px;border-top:0;border-left:2px solid var(--blue);box-shadow:none;opacity:1;visibility:visible;transform:none}.submenu:before{display:none}.submenu a{font-size:11px;padding:9px}.hero{grid-template-columns:1fr;padding-top:80px}.visual{display:none}.grid,.stats,.contact-grid,footer{grid-template-columns:1fr}.hero h1{letter-spacing:-3px}}
@media(max-width:800px){.team-grid{grid-template-columns:1fr}.slider,.slide{min-height:620px}.slide{padding:90px 55px}.slider-prev{left:5px}.slider-next{right:5px}.review-slider{min-height:390px}}