:root {
  --blue: #082d73;
  --blue-deep: #061a3d;
  --yellow: #ffdd00;
  --yellow-light: #ffd95a;
  --ink: #071a38;
  --text: #151515;
  --muted: #666;
  --line: #e9e9e9;
  --green: #ffdd00;
  --white: #fff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: #fff; font-family: "Montserrat", "Manrope", Arial, sans-serif; font-size: 16px; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.site-header { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.94); box-shadow: 0 8px 35px rgba(4,25,62,.08); backdrop-filter: blur(16px); transition: box-shadow .35s, background .35s; }
.site-header.scrolled { background: rgba(255,255,255,.98); box-shadow: 0 12px 40px rgba(4,25,62,.15); }
.accent-line { position: relative; overflow: hidden; height: 7px; background: linear-gradient(90deg, var(--blue) 0 35%, var(--yellow) 35% 100%); }
.accent-line::after { content: ""; position: absolute; top: 0; bottom: 0; left: -30%; width: 20%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.9), transparent); transform: skewX(-20deg); animation: accentSweep 4.5s ease-in-out infinite; }
@keyframes accentSweep { 0% { left: -30%; } 55%, 100% { left: 120%; } }
.header-inner { min-height: 126px; max-width: 1880px; margin: auto; padding: 0 30px; display: flex; align-items: center; gap: 34px; }
.brand { position: relative; display: flex; align-items: center; flex: 0 0 auto; height: 156px; }
.brand img { display: block; height: 100%; width: auto; max-width: none; transition: transform .4s cubic-bezier(.2,.8,.2,1); }
.brand:hover img { transform: scale(1.035); }

.main-nav { display: flex; align-items: stretch; justify-content: center; gap: 8px; margin-left: auto; }
.nav-item { position: relative; display: flex; }
.nav-link { position: relative; border: 0; background: transparent; cursor: pointer; white-space: nowrap; padding: 35px 14px; font-size: 14.5px; font-weight: 600; letter-spacing: .015em; transition: color .25s, transform .25s; }
.nav-link::after { content: ""; position: absolute; right: 13px; bottom: 25px; left: 13px; height: 2px; background: linear-gradient(90deg, #ffb800, var(--yellow), #ffb800); box-shadow: 0 0 10px rgba(255,221,0,.65); transform: scaleX(0); transform-origin: center; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.nav-link:hover, .nav-link:focus-visible { color: var(--blue); transform: translateY(-1px); }
.nav-link:hover::after, .nav-link:focus-visible::after { transform: scaleX(1); transform-origin: center; }
.nav-link i { margin-left: 5px; font-size: 9px; transition: transform .3s; }
.has-dropdown:hover .dropdown-toggle i { transform: rotate(180deg); }
.dropdown { position: absolute; top: calc(100% - 8px); left: 0; min-width: 265px; padding: 12px 0; opacity: 0; visibility: hidden; transform: translateY(14px) scale(.98); background: rgba(255,255,255,.98); border-top: 3px solid var(--yellow); border-radius: 0 0 8px 8px; box-shadow: 0 22px 55px rgba(3,26,67,.18); transition: .28s cubic-bezier(.2,.8,.2,1); }
.dropdown a { position: relative; display: block; padding: 13px 20px 13px 26px; font-size: 14.5px; font-weight: 500; transition: color .2s, padding .25s, background .2s; }
.dropdown a::before { content: ""; position: absolute; left: 14px; top: 50%; width: 5px; height: 5px; border-radius: 50%; background: var(--yellow); opacity: 0; transform: translate(-5px,-50%); transition: .25s; }
.dropdown a:hover { color: var(--blue); padding-left: 32px; background: #f4f7fc; }
.dropdown a:hover::before { opacity: 1; transform: translate(0,-50%); }
.has-dropdown:hover .dropdown, .has-dropdown.open .dropdown { opacity: 1; visibility: visible; transform: translateY(0); }

.header-actions { display: flex; align-items: center; gap: 13px; }
.phone { white-space: nowrap; font-size: 14px; font-weight: 500; letter-spacing: -.015em; }
.phone i { display: none; }
.socials { display: flex; gap: 8px; }
.socials a { width: 34px; height: 34px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #104895, var(--blue)); border: 1px solid rgba(255,255,255,.22); border-radius: 50%; box-shadow: 0 6px 14px rgba(8,45,115,.16); transition: transform .3s cubic-bezier(.2,.8,.2,1), background .25s, box-shadow .3s; }
.socials a:hover { color: var(--blue-deep); transform: translateY(-4px) rotate(5deg); background: var(--yellow); box-shadow: 0 10px 22px rgba(255,221,0,.30); }
.login-link { white-space: nowrap; font-size: 14px; font-weight: 700; }
.login-link { transition: color .25s, transform .25s; }
.login-link:hover { color: var(--blue); transform: translateY(-2px); }
.login-link i { margin-right: 5px; color: var(--yellow); }
.contact-button, .primary-button { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; background: var(--blue); color: #fff; font-weight: 700; box-shadow: 0 9px 24px rgba(8,45,115,.20); transition: color .3s, transform .3s, box-shadow .3s; }
.contact-button::before, .primary-button::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: -35%; width: 30%; background: rgba(255,255,255,.45); transform: skewX(-24deg); transition: left .55s ease; }
.contact-button::after, .primary-button::after { content: ""; position: absolute; z-index: -2; inset: 0; background: var(--yellow); transform: scaleX(0); transform-origin: right; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.contact-button { min-height: 46px; padding: 0 25px; font-size: 14px; }
.contact-button:hover, .primary-button:hover { color: var(--blue-deep); transform: translateY(-3px); box-shadow: 0 14px 30px rgba(255,221,0,.28); }
.contact-button:hover::before, .primary-button:hover::before { left: 115%; }
.contact-button:hover::after, .primary-button:hover::after { transform: scaleX(1); transform-origin: left; }
.menu-toggle { display: none; width: 44px; height: 44px; margin-left: auto; border: 0; color: var(--blue-deep); background: var(--yellow); cursor: pointer; box-shadow: 0 7px 20px rgba(255,221,0,.25); }

.hero { position: relative; min-height: 628px; overflow: hidden; color: #fff; background: var(--blue-deep); }
.hero::after { content: ""; position: absolute; inset: auto 0 0; height: 160px; background: linear-gradient(transparent, rgba(2,12,31,.52)); pointer-events: none; }
.hero-slide { position:absolute; inset:0; display:grid; align-items:center; padding:70px max(30px,calc((100vw - 1280px)/2)); opacity:0; visibility:hidden; transform:scale(1.035); background-position:center; background-size:cover; background-repeat:no-repeat; transition:opacity .8s ease,visibility .8s,transform 6.8s ease; }
.hero-slide--one { background-image:linear-gradient(90deg,rgba(4,17,43,.96) 0%,rgba(5,26,63,.78) 42%,rgba(4,20,49,.08) 100%),url('../../img/baner1.png'); }
.hero-slide--two { background-image:linear-gradient(90deg,rgba(4,17,43,.96) 0%,rgba(5,26,63,.78) 42%,rgba(4,20,49,.08) 100%),url('../../img/банер2.png'); }
.hero-slide--three { background-image:linear-gradient(90deg,rgba(4,17,43,.96) 0%,rgba(5,26,63,.78) 42%,rgba(4,20,49,.08) 100%),url('../../img/банер3.png'); }
.hero-slide--catalog { background-image:linear-gradient(90deg,rgba(4,17,43,.96) 0%,rgba(5,26,63,.74) 42%,rgba(4,20,49,.04) 68%),url('../../img/банер123.png'); }
.hero-slide.is-active { opacity:1; visibility:visible; transform:scale(1); }
.hero-content { position: relative; z-index: 3; max-width: 760px; }
.hero-slide.is-active .hero-content { animation:heroReveal .85s .15s cubic-bezier(.2,.8,.2,1) both; }
.eyebrow { margin: 0 0 16px; color: var(--yellow); font-size: 14px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.hero h1 { margin: 0; max-width: 720px; font-size: clamp(42px, 4.4vw, 70px); font-weight: 800; line-height: 1.05; letter-spacing: -.035em; text-shadow: 0 8px 32px rgba(0,0,0,.22); }
.hero p:not(.eyebrow) { max-width: 680px; margin: 24px 0 30px; color: #d5d5d8; font-size: 19px; font-weight: 500; line-height: 1.65; }
.primary-button { min-height: 54px; padding: 0 30px; background: var(--yellow); color: var(--blue-deep); box-shadow: 0 12px 35px rgba(255,221,0,.22); }
.primary-button::after { background: #fff; }
.hero-orbit { position: absolute; z-index: 1; border: 1px solid rgba(255,221,0,.22); border-radius: 50%; pointer-events: none; }
.hero-orbit::after { content: ""; position: absolute; top: 50%; left: -5px; width: 10px; height: 10px; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 20px var(--yellow); }
.orbit-one { right: 8%; top: 8%; width: 430px; height: 430px; animation: orbitSpin 18s linear infinite; }
.orbit-two { right: 20%; bottom: -210px; width: 620px; height: 620px; opacity: .55; animation: orbitSpin 27s linear infinite reverse; }
.slider-controls { position:absolute; z-index:8; right:max(30px,calc((100vw - 1280px)/2)); bottom:40px; display:flex; align-items:center; gap:14px; }
.slider-arrow { width:46px; height:46px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.26); border-radius:50%; color:#fff; background:rgba(5,26,63,.55); backdrop-filter:blur(8px); cursor:pointer; transition:.3s; }
.slider-arrow:hover { color:var(--blue-deep); border-color:var(--yellow); background:var(--yellow); transform:translateY(-3px); }
.slider-dots { display:flex; align-items:center; gap:8px; }
.slider-dot { width:8px; height:8px; padding:0; border:0; border-radius:20px; background:rgba(255,255,255,.45); cursor:pointer; transition:.35s; }
.slider-dot.is-active { width:32px; background:var(--yellow); }
.slider-progress { position:absolute; z-index:8; right:0; bottom:0; left:0; height:3px; background:rgba(255,255,255,.08); }
.slider-progress span { display:block; width:0; height:100%; background:var(--yellow); }
.hero-slider.is-running .slider-progress span { animation:sliderTimer 6.5s linear forwards; }
.form-categories { position:relative; isolation:isolate; overflow:hidden; padding:96px max(24px,calc((100vw - 1480px)/2)) 108px; background:#f4f7fb; }
.form-categories::before { content:""; position:absolute; z-index:-2; inset:0; opacity:.6; background-image:linear-gradient(rgba(7,38,84,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(7,38,84,.055) 1px,transparent 1px); background-size:76px 76px; mask-image:linear-gradient(110deg,#000,transparent 78%); }
.form-categories::after { content:""; position:absolute; z-index:-1; top:0; left:max(24px,calc((100vw - 1480px)/2)); width:102px; height:4px; background:var(--yellow); box-shadow:102px 0 0 var(--blue); }
.form-categories__glow { position:absolute; z-index:-1; right:-170px; top:-250px; width:620px; height:620px; border:1px solid rgba(8,45,115,.09); border-radius:50%; box-shadow:0 0 0 100px rgba(8,45,115,.025),0 0 0 220px rgba(8,45,115,.015); pointer-events:none; }
.form-categories__inner { max-width:1480px; margin:auto; }
.form-categories__heading { display:grid; grid-template-columns:minmax(420px,1fr) auto minmax(340px,490px); align-items:end; gap:clamp(28px,3.4vw,60px); margin-bottom:42px; opacity:0; transform:translateY(28px); transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1); }
.form-categories.in-view .form-categories__heading { opacity:1; transform:none; }
.form-categories__heading h2 { max-width:700px; margin:0; color:var(--blue-deep); font-size:clamp(34px,3.3vw,52px); line-height:1.08; letter-spacing:-.04em; }
.form-categories__heading>p { max-width:490px; margin:0 0 4px; color:#5d697b; font-size:16px; line-height:1.75; }
.form-categories__terms { position:relative; display:grid; grid-template-columns:62px 1fr 26px; align-items:center; min-width:296px; min-height:84px; overflow:hidden; padding:8px 18px 8px 8px; color:var(--blue-deep); border:1px solid rgba(255,190,0,.55); background:rgba(255,255,255,.94); box-shadow:0 14px 32px rgba(8,45,115,.09); text-decoration:none; isolation:isolate; animation:termsAttention 4s ease-in-out 1s infinite; transition:color .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.2,.8,.2,1); }
.form-categories__terms::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(105deg,var(--blue-deep),#0b3b83); transform:translateX(-102%); transition:transform .48s cubic-bezier(.2,.8,.2,1); }
.form-categories__terms::after { content:""; position:absolute; top:-60%; left:-45%; width:34%; height:220%; background:linear-gradient(90deg,transparent,rgba(255,213,0,.55),transparent); transform:rotate(18deg); animation:termsShine 4s ease-in-out 1s infinite; transition:left .65s ease; pointer-events:none; }
.form-categories__terms:hover::after, .form-categories__terms:focus-visible::after { animation:none; }
@keyframes termsShine { 0%, 58% { left:-45%; } 82%, 100% { left:120%; } }
.form-categories__terms-icon { display:grid; place-items:center; width:62px; height:62px; color:var(--blue-deep); background:var(--yellow); font-size:21px; box-shadow:0 8px 20px rgba(255,190,0,.22); animation:termsPulse 2.6s ease-out 1s infinite; transition:transform .4s cubic-bezier(.2,.8,.2,1),background .35s ease; }
.form-categories__terms-copy { display:flex; flex-direction:column; gap:4px; min-width:0; padding:0 14px; }
.form-categories__terms-copy small { color:#8b6a00; font-size:10px; font-weight:800; line-height:1.1; letter-spacing:.12em; text-transform:uppercase; transition:color .35s ease; }
.form-categories__terms-copy strong { font-size:19px; line-height:1.15; letter-spacing:-.02em; white-space:nowrap; }
.form-categories__terms-arrow { color:var(--blue); font-size:16px; animation:termsArrow 1.9s ease-in-out infinite; transition:color .35s ease,transform .35s ease; }
/* на наведення анімації вимикаються, щоб спрацював звичайний hover */
.form-categories__terms:hover, .form-categories__terms:focus-visible,
.form-categories__terms:hover .form-categories__terms-icon, .form-categories__terms:focus-visible .form-categories__terms-icon,
.form-categories__terms:hover .form-categories__terms-arrow, .form-categories__terms:focus-visible .form-categories__terms-arrow { animation:none; }
@keyframes termsAttention {
  0%, 68%, 100% { transform:none; box-shadow:0 14px 32px rgba(8,45,115,.09); }
  76% { transform:translateY(-7px); box-shadow:0 24px 46px rgba(8,45,115,.2),0 0 0 4px rgba(255,221,0,.26); }
  84% { transform:translateY(-2px); box-shadow:0 18px 38px rgba(8,45,115,.15),0 0 0 6px rgba(255,221,0,.12); }
  92% { transform:translateY(-4px); box-shadow:0 20px 42px rgba(8,45,115,.17),0 0 0 3px rgba(255,221,0,.2); }
}
@keyframes termsPulse {
  0% { box-shadow:0 8px 20px rgba(255,190,0,.22),0 0 0 0 rgba(255,213,0,.65); }
  70%, 100% { box-shadow:0 8px 20px rgba(255,190,0,.22),0 0 0 16px rgba(255,213,0,0); }
}
@keyframes termsArrow { 0%, 100% { transform:translateX(0); } 50% { transform:translateX(6px); } }
.form-categories__terms:hover,.form-categories__terms:focus-visible { color:#fff; border-color:rgba(255,190,0,.75); box-shadow:0 18px 40px rgba(8,45,115,.2),0 0 0 3px rgba(255,190,0,.12); transform:translateY(-4px); outline:none; }
.form-categories__terms:hover::before,.form-categories__terms:focus-visible::before { transform:none; }
.form-categories__terms:hover::after,.form-categories__terms:focus-visible::after { left:120%; }
.form-categories__terms:hover .form-categories__terms-icon,.form-categories__terms:focus-visible .form-categories__terms-icon { transform:rotate(-4deg) scale(1.04); background:#ffc400; }
.form-categories__terms:hover .form-categories__terms-copy small,.form-categories__terms:focus-visible .form-categories__terms-copy small { color:var(--yellow); }
.form-categories__terms:hover .form-categories__terms-arrow,.form-categories__terms:focus-visible .form-categories__terms-arrow { color:var(--yellow); transform:translateX(4px); }
.form-categories__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; perspective:1200px; }
.category-card { position:relative; display:block; height:400px; overflow:hidden; scroll-margin-top:150px; color:#fff; background:var(--blue-deep); box-shadow:0 16px 36px rgba(4,22,53,.12); opacity:0; transform:translateY(46px) rotateX(3deg); transform-origin:center bottom; transition:opacity .75s var(--card-delay) ease,transform .75s var(--card-delay) cubic-bezier(.18,.8,.24,1),box-shadow .45s ease; }
.form-categories.in-view .category-card { opacity:1; transform:none; }
.category-card::before { content:""; position:absolute; z-index:4; inset:0; border:1px solid rgba(255,255,255,.18); pointer-events:none; transition:border-color .4s,inset .4s; }
.category-card::after { content:""; position:absolute; z-index:3; top:-55%; left:-120%; width:60%; height:220%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent); transform:rotate(16deg); transition:left .85s cubic-bezier(.2,.7,.2,1); pointer-events:none; }
.category-card__media { position:absolute; inset:0; overflow:hidden; }
.category-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.18,.8,.2,1),filter .55s ease; }
.category-card--slabs .category-card__media img { object-position:70% center; }
.category-card--walls .category-card__media img { object-position:79% center; }
.category-card--columns .category-card__media img { object-position:96% center; }
.category-card--plywood .category-card__media img { object-position:68% center; }
.category-card--scaffolding .category-card__media img { object-position:43% center; }
.category-card__shade { position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,rgba(3,17,43,.06) 17%,rgba(4,20,49,.18) 45%,rgba(3,16,40,.96) 100%); transition:background .45s; }
.category-card__number { position:absolute; z-index:2; top:22px; right:22px; display:flex; align-items:center; gap:9px; color:#fff; font-size:12px; font-weight:800; letter-spacing:.14em; text-shadow:0 2px 10px rgba(0,0,0,.3); }
.category-card__number::before { content:""; width:30px; height:2px; background:var(--yellow); transition:width .35s; }
.category-card__content { position:absolute; z-index:2; right:21px; bottom:24px; left:21px; display:block; }
.category-card__icon { width:44px; height:44px; display:grid; place-items:center; color:var(--blue-deep); background:var(--yellow); font-size:17px; box-shadow:0 8px 25px rgba(255,221,0,.25); transition:transform .45s cubic-bezier(.2,.8,.2,1),background .35s; }
.category-card__copy { min-width:0; display:flex; flex-direction:column; gap:6px; margin-top:15px; padding-right:38px; }
.category-card__copy small { color:rgba(255,255,255,.66); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; transition:color .35s; }
.category-card__copy strong { min-height:40px; font-size:16px; line-height:1.24; letter-spacing:-.025em; }
.category-card__arrow { position:absolute; right:0; bottom:0; width:36px; height:36px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.35); border-radius:50%; font-size:12px; transition:color .35s,background .35s,border-color .35s,transform .45s cubic-bezier(.2,.8,.2,1); }
.category-card:hover { z-index:5; transform:translateY(-12px); box-shadow:0 30px 60px rgba(4,23,58,.27); }
.category-card:hover::before { border-color:rgba(255,221,0,.78); inset:6px; }
.category-card:hover::after { left:145%; }
.category-card:hover .category-card__media img { transform:scale(1.095); filter:saturate(1.08) contrast(1.04); }
.category-card:hover .category-card__shade { background:linear-gradient(180deg,rgba(3,17,43,.02) 12%,rgba(4,20,49,.08) 40%,rgba(3,16,40,.98) 100%); }
.category-card:hover .category-card__number::before { width:48px; }
.category-card:hover .category-card__icon { transform:translateY(-4px) rotate(-5deg); background:#fff; }
.category-card:hover .category-card__copy small { color:var(--yellow-light); }
.category-card:hover .category-card__arrow { color:var(--blue-deep); border-color:var(--yellow); background:var(--yellow); transform:translateX(4px) rotate(-12deg); }
.category-card:focus-visible { outline:3px solid var(--yellow); outline-offset:4px; }
.project-gallery { position:relative; isolation:isolate; overflow:hidden; padding:112px 24px 106px; background:linear-gradient(180deg,#fff 0%,#f2f6fb 100%); }
.project-gallery::before { content:""; position:absolute; z-index:-2; inset:0; opacity:.5; background-image:linear-gradient(rgba(7,38,84,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,38,84,.045) 1px,transparent 1px); background-size:78px 78px; mask-image:linear-gradient(110deg,#000,transparent 78%); }
.project-gallery::after { content:""; position:absolute; z-index:-1; right:-260px; top:-330px; width:760px; height:760px; border:1px solid rgba(8,45,115,.07); border-radius:50%; box-shadow:0 0 0 110px rgba(8,45,115,.025),0 0 0 240px rgba(8,45,115,.014); }
.project-gallery__grid { position:absolute; top:0; right:0; left:0; height:5px; background:linear-gradient(90deg,var(--blue) 0 34%,var(--yellow) 34% 67%,#0c4d9c 67%); box-shadow:0 0 25px rgba(255,221,0,.18); }
.project-gallery__inner { position:relative; z-index:2; width:min(1480px,100%); margin:auto; }
.project-gallery__heading { display:flex; align-items:end; justify-content:space-between; gap:70px; margin-bottom:48px; opacity:0; transform:translateY(30px); transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1); }
.project-gallery.in-view .project-gallery__heading { opacity:1; transform:none; }
.project-gallery__heading h2 { margin:0; color:var(--blue-deep); font-size:clamp(44px,4.4vw,68px); line-height:.98; letter-spacing:-.052em; }
.project-gallery__heading h2 span { color:var(--blue); }
.project-gallery__heading-side { width:min(100%,540px); display:flex; align-items:end; justify-content:space-between; gap:35px; }
.project-gallery__heading-side>p { max-width:330px; margin:0; color:#657187; font-size:14px; line-height:1.75; }
.project-gallery__controls { display:flex; align-items:center; gap:12px; flex:0 0 auto; }
.project-gallery__arrow { width:48px; height:48px; display:grid; place-items:center; border:1px solid #d6deea; border-radius:50%; color:var(--blue); background:rgba(255,255,255,.8); box-shadow:0 8px 25px rgba(6,26,61,.06); cursor:pointer; transition:color .3s,background .3s,border-color .3s,transform .35s,box-shadow .35s; }
.project-gallery__arrow:hover { color:var(--blue-deep); border-color:var(--yellow); background:var(--yellow); box-shadow:0 13px 28px rgba(255,221,0,.25); transform:translateY(-4px); }
.project-gallery__counter { display:flex; align-items:center; gap:8px; color:var(--blue-deep); font-size:11px; font-weight:800; }
.project-gallery__counter i { width:30px; height:1px; background:#aab5c5; }
.project-gallery__counter small { color:#9ca8b8; font-size:9px; }
.project-gallery__viewport { overflow:hidden; padding:8px 0 34px; opacity:0; transform:translateY(45px); transition:opacity .85s .12s ease,transform .85s .12s cubic-bezier(.16,1,.3,1); }
.project-gallery.in-view .project-gallery__viewport { opacity:1; transform:none; }
.project-gallery__track { display:flex; gap:24px; transform:translate3d(0,0,0); transition:transform .85s cubic-bezier(.16,1,.3,1); will-change:transform; }
.project-gallery__slide { flex:0 0 min(760px,64vw); height:510px; opacity:.58; transform:scale(.965); transform-origin:center; transition:opacity .65s,transform .75s cubic-bezier(.16,1,.3,1),filter .65s; filter:saturate(.72); }
.project-gallery__slide.is-active { opacity:1; transform:scale(1); filter:none; }
.project-gallery__photo { position:relative; width:100%; height:100%; display:block; overflow:hidden; padding:0; border:0; color:#fff; background:var(--blue-deep); box-shadow:0 25px 65px rgba(5,25,60,.18); text-align:left; cursor:zoom-in; }
.project-gallery__photo::before { content:""; position:absolute; z-index:5; inset:0; border:1px solid rgba(255,255,255,.24); pointer-events:none; transition:inset .45s,border-color .45s; }
.project-gallery__photo::after { content:""; position:absolute; z-index:4; top:-55%; left:-45%; width:23%; height:230%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.23),transparent); transform:rotate(18deg); transition:left .9s cubic-bezier(.2,.7,.2,1); pointer-events:none; }
.project-gallery__photo img { width:100%; height:100%; display:block; object-fit:cover; transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .65s; }
.project-gallery__slide:nth-child(1) img { object-position:50% center; }
.project-gallery__slide:nth-child(2) img { object-position:60% center; }
.project-gallery__slide:nth-child(3) img { object-position:55% center; }
.project-gallery__shade { position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,rgba(2,13,33,.03) 25%,rgba(2,15,39,.15) 52%,rgba(2,14,36,.94) 100%); transition:background .5s; }
.project-gallery__number { position:absolute; z-index:3; top:28px; left:30px; color:var(--yellow); font-size:11px; font-weight:800; letter-spacing:.16em; text-shadow:0 3px 12px rgba(0,0,0,.35); }
.project-gallery__caption { position:absolute; z-index:3; right:100px; bottom:36px; left:34px; display:flex; flex-direction:column; gap:8px; }
.project-gallery__caption small { color:var(--yellow); font-size:10px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.project-gallery__caption strong { max-width:560px; font-size:clamp(23px,2.2vw,34px); line-height:1.15; letter-spacing:-.035em; }
.project-gallery__zoom { position:absolute; z-index:3; right:30px; bottom:34px; width:50px; height:50px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.4); border-radius:50%; color:#fff; background:rgba(3,19,48,.42); backdrop-filter:blur(8px); transition:color .35s,background .35s,border-color .35s,transform .45s; }
.project-gallery__photo:hover::before { inset:8px; border-color:rgba(255,221,0,.85); }
.project-gallery__photo:hover::after { left:135%; }
.project-gallery__photo:hover img { transform:scale(1.065); filter:saturate(1.08) contrast(1.03); }
.project-gallery__photo:hover .project-gallery__shade { background:linear-gradient(180deg,rgba(2,13,33,0) 20%,rgba(2,15,39,.08) 48%,rgba(2,14,36,.97) 100%); }
.project-gallery__photo:hover .project-gallery__zoom { color:var(--blue-deep); border-color:var(--yellow); background:var(--yellow); transform:rotate(8deg) scale(1.08); }
.project-gallery__photo:focus-visible { outline:4px solid var(--yellow); outline-offset:-4px; }
.project-gallery__bottom { display:flex; align-items:center; justify-content:space-between; gap:30px; opacity:0; transform:translateY(18px); transition:opacity .65s .3s,transform .65s .3s; }
.project-gallery.in-view .project-gallery__bottom { opacity:1; transform:none; }
.project-gallery__dots { display:flex; align-items:center; gap:8px; }
.project-gallery__dots button { width:8px; height:8px; padding:0; border:0; border-radius:20px; background:#bcc6d4; cursor:pointer; transition:width .35s,background .35s,box-shadow .35s; }
.project-gallery__dots button.is-active { width:42px; background:var(--yellow); box-shadow:0 4px 14px rgba(255,221,0,.28); }
.project-gallery__bottom>a { display:inline-flex; align-items:center; gap:12px; color:var(--blue); font-size:13px; font-weight:700; }
.project-gallery__bottom>a i { color:#b98700; transition:transform .3s; }
.project-gallery__bottom>a:hover i { transform:translateX(6px); }
.project-gallery--warehouse { padding-block:88px 82px; }
.project-gallery--warehouse .project-gallery__heading { margin-bottom:32px; }
.project-gallery--warehouse .project-gallery__heading h2 { font-size:clamp(42px,3.7vw,58px); }
.project-gallery--warehouse .project-gallery__heading-side { width:min(100%,650px); display:flex; align-items:flex-end; justify-content:space-between; gap:32px; }
.project-gallery--warehouse .project-gallery__heading-side>p { max-width:430px; font-size:13px; }
.project-gallery--warehouse .project-gallery__viewport { overflow-x:auto; overflow-y:hidden; padding:8px 0 24px; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none; }
.project-gallery--warehouse .project-gallery__viewport::-webkit-scrollbar { display:none; }
.project-gallery--warehouse .project-gallery__track { width:100%; display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:calc((100% - 42px)/4); gap:14px; transform:none!important; }
.project-gallery--warehouse .project-gallery__slide { min-width:0; height:clamp(360px,29vw,470px); opacity:1; transform:none; filter:none; scroll-snap-align:start; }
.project-gallery--warehouse .project-gallery__photo { box-shadow:0 16px 38px rgba(5,25,60,.14); }
/* фото більше — підпис компактніший і затемнення нижче, щоб знімок було видно */
.project-gallery--warehouse .project-gallery__shade { background:linear-gradient(180deg,rgba(2,13,33,0) 42%,rgba(2,15,39,.12) 66%,rgba(2,14,36,.9) 100%); }
.project-gallery--warehouse .project-gallery__number { top:15px; left:16px; font-size:8px; }
.project-gallery--warehouse .project-gallery__caption { right:52px; bottom:16px; left:17px; gap:4px; }
.project-gallery--warehouse .project-gallery__caption small { font-size:7.5px; letter-spacing:.13em; }
.project-gallery--warehouse .project-gallery__caption strong { font-size:clamp(13px,1.02vw,16px); line-height:1.25; letter-spacing:-.02em; }
.project-gallery--warehouse .project-gallery__zoom { right:14px; bottom:14px; width:33px; height:33px; font-size:11px; }
.project-gallery--warehouse .project-gallery__slide:nth-child(1) img { object-position:center; }
.project-gallery--warehouse .project-gallery__slide:nth-child(2) img { object-position:center; }
.project-gallery--warehouse .project-gallery__slide:nth-child(3) img { object-position:center 48%; }
.project-gallery--warehouse .project-gallery__slide:nth-child(4) img { object-position:center 52%; }
.warehouse-gallery__nav { display:flex; align-items:center; gap:9px; flex:0 0 auto; }
.warehouse-gallery__nav button { width:42px; height:42px; display:grid; place-items:center; border:1px solid #d2dce9; border-radius:50%; color:var(--blue); background:#fff; box-shadow:0 8px 22px rgba(5,25,60,.07); cursor:pointer; transition:color .3s,background .3s,border-color .3s,transform .3s,opacity .3s; }
.warehouse-gallery__nav button:hover { color:var(--blue-deep); border-color:var(--yellow); background:var(--yellow); transform:translateY(-3px); }
.warehouse-gallery__nav button:disabled { opacity:.32; cursor:default; transform:none; }
.warehouse-gallery__nav>span { min-width:46px; display:flex; align-items:center; flex-direction:column; color:var(--blue-deep); line-height:1; }
.warehouse-gallery__nav strong { font-size:14px; }
.warehouse-gallery__nav small { margin-top:5px; color:#929eb0; font-size:7px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.project-gallery__warehouse-note { display:inline-flex; align-items:center; gap:10px; color:#66748a; font-size:11px; font-weight:700; letter-spacing:.04em; }
.project-gallery__warehouse-note i { width:34px; height:34px; display:grid; place-items:center; color:var(--blue-deep); background:var(--yellow); }
.objects-showcase { position:relative; isolation:isolate; overflow:hidden; padding:112px 24px 120px; background:#fff; }
.objects-showcase::before { content:""; position:absolute; z-index:-2; inset:0; opacity:.45; background-image:linear-gradient(rgba(7,38,84,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,38,84,.045) 1px,transparent 1px); background-size:78px 78px; mask-image:linear-gradient(105deg,#000,transparent 82%); }
.objects-showcase::after { content:""; position:absolute; z-index:-1; right:-280px; top:-350px; width:760px; height:760px; border:1px solid rgba(8,45,115,.065); border-radius:50%; box-shadow:0 0 0 105px rgba(8,45,115,.022),0 0 0 220px rgba(8,45,115,.012); }
.objects-showcase__inner { position:relative; z-index:2; width:min(1480px,100%); margin:auto; }
.objects-showcase__heading { display:flex; align-items:end; justify-content:space-between; gap:65px; margin-bottom:44px; opacity:0; transform:translateY(28px); transition:opacity .75s,transform .75s cubic-bezier(.16,1,.3,1); }
.objects-showcase.in-view .objects-showcase__heading { opacity:1; transform:none; }
.objects-showcase__heading h2 { margin:0; color:var(--blue-deep); font-size:clamp(44px,4.5vw,68px); line-height:1; letter-spacing:-.052em; }
.objects-showcase__heading-side { width:min(100%,590px); display:flex; align-items:end; justify-content:space-between; gap:35px; }
.objects-showcase__heading-side>p { max-width:340px; margin:0; color:#68758a; font-size:14px; line-height:1.75; }
.objects-showcase__heading-side>a { flex:0 0 auto; display:inline-flex; align-items:center; gap:11px; padding-bottom:7px; border-bottom:1px solid rgba(8,45,115,.32); color:var(--blue); font-size:12px; font-weight:800; transition:color .3s,border-color .3s; }
.objects-showcase__heading-side>a i { color:#b88600; transition:transform .35s; }
.objects-showcase__heading-side>a:hover { color:#b88600; border-color:var(--yellow); }
.objects-showcase__heading-side>a:hover i { transform:translateX(6px); }
.objects-showcase__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.object-card { position:relative; display:block; height:550px; overflow:hidden; color:#fff; background:var(--blue-deep); box-shadow:0 22px 60px rgba(5,25,60,.13); opacity:0; transform:translateY(42px); transition:opacity .72s var(--object-delay),transform .72s var(--object-delay) cubic-bezier(.16,1,.3,1),box-shadow .45s; }
.objects-showcase.in-view .object-card { opacity:1; transform:none; }
.object-card::before { content:""; position:absolute; z-index:5; inset:0; border:1px solid rgba(255,255,255,.2); pointer-events:none; transition:inset .45s,border-color .45s; }
.object-card::after { content:""; position:absolute; z-index:4; top:-55%; left:-45%; width:21%; height:230%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent); transform:rotate(17deg); transition:left .85s cubic-bezier(.2,.7,.2,1); pointer-events:none; }
.object-card>img { width:100%; height:100%; display:block; object-fit:cover; transition:transform 1.05s cubic-bezier(.16,1,.3,1),filter .6s; }
.object-card:nth-child(1)>img { object-position:center; }
.object-card:nth-child(2)>img { object-position:58% center; }
.object-card__shade { position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,rgba(2,13,33,.04) 20%,rgba(2,15,38,.12) 48%,rgba(2,14,36,.96) 100%); transition:background .45s; }
.object-card__number { position:absolute; z-index:2; top:28px; right:28px; display:flex; align-items:center; gap:9px; color:#fff; font-size:11px; font-weight:800; letter-spacing:.16em; }
.object-card__number::before { content:""; width:35px; height:2px; background:var(--yellow); transition:width .35s; }
.object-card__meta { position:absolute; z-index:3; right:35px; bottom:35px; left:35px; display:flex; align-items:flex-start; flex-direction:column; }
.object-card__meta small { margin-bottom:10px; color:var(--yellow); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.object-card__meta small i { margin-right:7px; }
.object-card__meta strong { max-width:610px; font-size:clamp(25px,2.4vw,38px); line-height:1.14; letter-spacing:-.04em; }
.object-card__meta .object-card__description { display:block; max-width:570px; margin-top:13px; color:rgba(255,255,255,.76); font-size:12px; font-weight:500; line-height:1.65; letter-spacing:0; }
.object-card__meta>span:not(.object-card__description) { display:inline-flex; align-items:center; gap:10px; margin-top:17px; padding-bottom:6px; border-bottom:1px solid rgba(255,255,255,.34); font-size:10px; font-weight:800; letter-spacing:.04em; }
.object-card__meta>span:not(.object-card__description) i { color:var(--yellow); transition:transform .35s; }
.object-card:hover { z-index:3; box-shadow:0 34px 80px rgba(5,25,60,.24); transform:translateY(-9px); }
.objects-showcase.in-view .object-card:hover { transform:translateY(-9px); }
.object-card:hover::before { inset:7px; border-color:rgba(255,221,0,.82); }
.object-card:hover::after { left:135%; }
.object-card:hover>img { transform:scale(1.065); filter:saturate(1.06) contrast(1.04); }
.object-card:hover .object-card__number::before { width:52px; }
.object-card:hover .object-card__meta>span:not(.object-card__description) i { transform:translateX(6px); }
.object-card:focus-visible { outline:3px solid var(--yellow); outline-offset:4px; }
.gallery-lightbox { position:fixed; z-index:650; inset:0; display:grid; place-items:center; padding:28px; opacity:0; visibility:hidden; transition:opacity .35s,visibility .35s; }
.gallery-lightbox.is-open { opacity:1; visibility:visible; }
.gallery-lightbox__backdrop { position:absolute; inset:0; background:rgba(1,9,24,.88); backdrop-filter:blur(12px); }
.gallery-lightbox__dialog { position:relative; width:min(1280px,100%); overflow:hidden; border:1px solid rgba(255,255,255,.17); background:#03132f; box-shadow:0 45px 130px rgba(0,0,0,.58); transform:translateY(30px) scale(.965); transition:transform .5s cubic-bezier(.16,1,.3,1); }
.gallery-lightbox.is-open .gallery-lightbox__dialog { transform:none; }
.gallery-lightbox__dialog::before { content:""; position:absolute; z-index:3; top:0; left:0; width:42%; height:4px; background:var(--yellow); box-shadow:42vw 0 0 var(--blue); }
.gallery-lightbox__close { position:absolute; z-index:6; top:20px; right:20px; width:46px; height:46px; border:1px solid rgba(255,255,255,.3); border-radius:50%; color:#fff; background:rgba(3,19,47,.58); backdrop-filter:blur(8px); cursor:pointer; transition:color .3s,background .3s,border-color .3s,transform .4s; }
.gallery-lightbox__close:hover { color:var(--blue-deep); border-color:var(--yellow); background:var(--yellow); transform:rotate(90deg); }
.gallery-lightbox__image { position:relative; height:min(68vh,760px); background:#020d22; }
.gallery-lightbox__image img { width:100%; height:100%; display:block; object-fit:contain; }
/* гортання фото */
.gallery-lightbox__nav { position:absolute; z-index:5; top:50%; width:58px; height:58px; display:grid; place-items:center; transform:translateY(-50%); border:1px solid rgba(255,255,255,.28); color:#fff; background:rgba(3,19,47,.5); font-size:17px; cursor:pointer; backdrop-filter:blur(8px); transition:color .3s,background .3s,border-color .3s,transform .3s; }
.gallery-lightbox__nav:hover { color:var(--blue-deep); border-color:var(--yellow); background:var(--yellow); }
.gallery-lightbox__nav--prev { left:18px; }
.gallery-lightbox__nav--next { right:18px; }
.gallery-lightbox__nav--prev:hover { transform:translate(-3px,-50%); }
.gallery-lightbox__nav--next:hover { transform:translate(3px,-50%); }
.gallery-lightbox__nav:focus-visible { outline:3px solid var(--yellow); outline-offset:3px; }
.gallery-lightbox__counter { position:absolute; z-index:5; bottom:16px; left:20px; padding:8px 14px; color:#9fb3cd; background:rgba(3,19,47,.62); font-size:12px; font-weight:800; letter-spacing:.14em; backdrop-filter:blur(8px); }
.gallery-lightbox__counter b { color:#fff; }
.gallery-lightbox__thumbs { display:flex; gap:9px; padding:0 30px 24px; overflow-x:auto; scrollbar-width:none; }
.gallery-lightbox__thumbs::-webkit-scrollbar { display:none; }
.gallery-lightbox__thumbs button { flex:0 0 auto; width:98px; height:62px; padding:0; overflow:hidden; border:1px solid rgba(255,255,255,.16); background:none; cursor:pointer; opacity:.5; transition:opacity .3s,border-color .3s,transform .3s; }
.gallery-lightbox__thumbs img { width:100%; height:100%; display:block; object-fit:cover; }
.gallery-lightbox__thumbs button:hover { opacity:.85; transform:translateY(-3px); }
.gallery-lightbox__thumbs button.is-active { opacity:1; border-color:var(--yellow); box-shadow:0 0 0 1px var(--yellow); }
.gallery-lightbox__caption { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:24px 30px 27px; color:#fff; }
.gallery-lightbox__caption small { color:var(--yellow); font-size:9px; font-weight:800; letter-spacing:.16em; }
.gallery-lightbox__caption h2 { max-width:760px; margin:0; font-size:clamp(20px,2.5vw,34px); letter-spacing:-.035em; text-align:right; }
.sales-showcase { position:relative; isolation:isolate; overflow:hidden; padding:110px 24px 116px; background:#f3f6fa; }
.sales-showcase::before { content:""; position:absolute; z-index:-2; inset:0; opacity:.55; background-image:linear-gradient(rgba(7,38,84,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,38,84,.045) 1px,transparent 1px); background-size:76px 76px; mask-image:linear-gradient(110deg,#000,transparent 80%); }
.sales-showcase::after { content:""; position:absolute; top:0; left:0; width:36%; height:5px; background:var(--yellow); box-shadow:36vw 0 0 var(--blue),0 0 26px rgba(255,221,0,.2); }
.sales-showcase__inner { position:relative; z-index:2; width:min(1480px,100%); display:grid; grid-template-columns:minmax(330px,.66fr) minmax(760px,1.34fr); gap:20px; margin:auto; }
.sales-showcase__intro { position:relative; isolation:isolate; display:flex; align-items:flex-start; flex-direction:column; justify-content:center; min-height:500px; overflow:hidden; padding:55px 48px; color:#fff; background:linear-gradient(145deg,#04142f,#082d73); box-shadow:0 24px 65px rgba(5,25,60,.16); opacity:0; transform:translateX(-38px); transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1); }
.sales-showcase.in-view .sales-showcase__intro { opacity:1; transform:none; }
.sales-showcase__intro::before { content:""; position:absolute; z-index:-2; inset:0; opacity:.09; background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px); background-size:62px 62px; }
.sales-showcase__intro::after { content:""; position:absolute; z-index:-1; top:0; right:0; width:5px; height:38%; background:var(--yellow); box-shadow:0 190px 0 rgba(255,255,255,.18); }
.sales-showcase__intro-orbit { position:absolute; z-index:-1; right:-155px; bottom:-165px; width:360px; height:360px; border:1px solid rgba(255,221,0,.18); border-radius:50%; box-shadow:0 0 0 55px rgba(255,221,0,.025),0 0 0 110px rgba(255,221,0,.012); animation:orbitSpin 31s linear infinite; }
.sales-showcase__intro-orbit::after { content:""; position:absolute; top:50%; left:-5px; width:9px; height:9px; border-radius:50%; background:var(--yellow); box-shadow:0 0 18px var(--yellow); }
.sales-showcase .section-label { color:var(--yellow); }
.sales-showcase__intro h2 { margin:0; font-size:clamp(38px,3.5vw,56px); line-height:1.01; letter-spacing:-.052em; }
.sales-showcase__intro h2 span { color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.68); }
.sales-showcase__intro>p:not(.section-label) { margin:23px 0 26px; color:#b8c5d7; font-size:13px; line-height:1.75; }
.sales-showcase__benefit { display:flex; align-items:center; gap:13px; margin-bottom:29px; }
.sales-showcase__benefit>i { width:46px; height:46px; display:grid; place-items:center; color:var(--blue-deep); background:var(--yellow); box-shadow:0 10px 25px rgba(255,221,0,.22); }
.sales-showcase__benefit span { display:flex; flex-direction:column; gap:4px; }
.sales-showcase__benefit strong { font-size:11px; }
.sales-showcase__benefit small { color:#91a2ba; font-size:9px; }
.sales-showcase__button { position:relative; isolation:isolate; min-height:66px; display:inline-flex; align-items:center; justify-content:center; gap:14px; overflow:hidden; padding:0 34px; color:var(--blue-deep); background:var(--yellow); font-size:16px; font-weight:800; letter-spacing:-.01em; box-shadow:0 14px 32px rgba(255,221,0,.2); transition:transform .35s,box-shadow .35s; }
.sales-showcase__button i { font-size:15px; }
.sales-showcase__button span { white-space:nowrap; }
/* вузька колонка — трохи зменшуємо заголовок і поля, щоб текст не обрізався */
@media (max-width: 1300px) {
  .sales-showcase__intro { padding:46px 30px; }
  .sales-showcase__intro h2 { font-size:clamp(30px,3.05vw,56px); }
  .sales-showcase__button { padding:0 26px; font-size:15px; }
}
.sales-showcase__button::before { content:""; position:absolute; z-index:-1; inset:0; background:#fff; transform:scaleX(0); transform-origin:right; transition:transform .4s cubic-bezier(.2,.8,.2,1); }
.sales-showcase__button::after { content:""; position:absolute; top:0; bottom:0; left:-40%; width:24%; background:rgba(255,255,255,.72); transform:skewX(-25deg); transition:left .65s; }
.sales-showcase__button:hover { transform:translateY(-4px); box-shadow:0 20px 42px rgba(255,221,0,.29); }
.sales-showcase__button:hover::before { transform:scaleX(1); transform-origin:left; }
.sales-showcase__button:hover::after { left:125%; }
.sales-showcase__button i { transition:transform .35s; }
.sales-showcase__button:hover i { transform:translateX(6px); }
.sales-showcase__products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.sales-product { position:relative; display:block; min-width:0; min-height:500px; overflow:hidden; scroll-margin-top:150px; color:#fff; background:var(--blue-deep); box-shadow:0 20px 55px rgba(5,25,60,.12); opacity:0; transform:translateY(42px); transition:opacity .72s var(--sales-delay) ease,transform .72s var(--sales-delay) cubic-bezier(.16,1,.3,1),box-shadow .45s; }
.sales-showcase.in-view .sales-product { opacity:1; transform:none; }
.sales-product::before { content:""; position:absolute; z-index:5; inset:0; border:1px solid rgba(255,255,255,.2); transition:inset .42s,border-color .42s; pointer-events:none; }
.sales-product::after { content:""; position:absolute; z-index:4; top:-65%; left:-80%; width:32%; height:240%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.23),transparent); transform:rotate(17deg); transition:left .8s cubic-bezier(.2,.7,.2,1); pointer-events:none; }
.sales-product>img { width:100%; height:100%; display:block; object-fit:cover; transition:transform 1s cubic-bezier(.16,1,.3,1),filter .6s; }
.sales-product:nth-child(1)>img { object-position:73% center; }
.sales-product:nth-child(2)>img { object-position:68% center; }
.sales-product:nth-child(3)>img { object-position:53% center; }
.sales-product__shade { position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,rgba(2,13,33,.02) 20%,rgba(2,14,36,.12) 48%,rgba(2,14,36,.97) 100%); transition:background .45s; }
.sales-product__number { position:absolute; z-index:2; top:24px; right:23px; display:flex; align-items:center; gap:8px; color:#fff; font-size:10px; font-weight:800; letter-spacing:.16em; }
.sales-product__number::before { content:""; width:28px; height:2px; background:var(--yellow); transition:width .35s; }
.sales-product__content { position:absolute; z-index:3; right:20px; bottom:25px; left:20px; display:grid; grid-template-columns:42px 1fr 25px; align-items:center; gap:12px; }
.sales-product__content>span:nth-child(2) { min-width:0; display:flex; flex-direction:column; gap:5px; }
.sales-product__content small { color:var(--yellow); font-size:8px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.sales-product__content strong { font-size:15px; line-height:1.3; letter-spacing:-.02em; }
.sales-product__icon { width:42px; height:42px; display:grid; place-items:center; color:var(--blue-deep); background:var(--yellow); box-shadow:0 9px 24px rgba(255,221,0,.23); transition:color .35s,background .35s,transform .4s; }
.sales-product__content>.fa-arrow-right { color:rgba(255,255,255,.65); font-size:11px; transition:color .35s,transform .4s; }
.sales-product:hover { z-index:3; box-shadow:0 32px 72px rgba(5,25,60,.24); transform:translateY(-10px); }
.sales-showcase.in-view .sales-product:hover { transform:translateY(-10px); }
.sales-product:hover::before { inset:6px; border-color:rgba(255,221,0,.82); }
.sales-product:hover::after { left:140%; }
.sales-product:hover>img { transform:scale(1.08); filter:saturate(1.08) contrast(1.04); }
.sales-product:hover .sales-product__number::before { width:44px; }
.sales-product:hover .sales-product__icon { color:#fff; background:var(--blue); transform:translateY(-4px) rotate(-5deg); }
.sales-product:hover .sales-product__content>.fa-arrow-right { color:var(--yellow); transform:translateX(5px); }
.sales-product:focus-visible { outline:3px solid var(--yellow); outline-offset:4px; }
.services-strip { position:relative; isolation:isolate; overflow:hidden; padding:30px 24px; color:#fff; background:linear-gradient(118deg,#03142f,#082d73 76%,#0d4b9c); }
.services-strip::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:68px 68px; mask-image:linear-gradient(90deg,#000,transparent 76%); }
.services-strip::after { content:""; position:absolute; right:0; bottom:0; left:0; height:4px; background:linear-gradient(90deg,var(--yellow) 0 34%,#0d4b9c 34%); }
.services-strip__inner { width:min(1480px,100%); min-height:118px; display:grid; grid-template-columns:62px minmax(320px,1.15fr) minmax(280px,.85fr) auto; align-items:center; gap:28px; margin:auto; opacity:0; transform:translateY(20px); transition:opacity .7s,transform .7s cubic-bezier(.16,1,.3,1); }
.services-strip.in-view .services-strip__inner { opacity:1; transform:none; }
.services-strip__icon { width:58px; height:58px; display:grid; place-items:center; border:1px solid rgba(255,221,0,.48); border-radius:50%; color:var(--yellow); background:rgba(255,255,255,.045); box-shadow:0 0 0 8px rgba(255,221,0,.045); font-size:19px; transition:color .35s,background .35s,transform .35s; }
.services-strip:hover .services-strip__icon { color:var(--blue-deep); background:var(--yellow); transform:rotate(-7deg) scale(1.06); }
.services-strip__copy .section-label { margin-bottom:7px; color:var(--yellow); font-size:9px; }
.services-strip__copy h2 { margin:0; color:#fff; font-size:clamp(24px,2vw,32px); line-height:1.16; letter-spacing:-.035em; }
.services-strip__inner>p { max-width:440px; margin:0; padding-left:26px; border-left:1px solid rgba(255,255,255,.18); color:#bac8da; font-size:13px; line-height:1.7; }
.services-strip__button { position:relative; min-height:66px; display:inline-flex; align-items:center; justify-content:center; gap:14px; overflow:hidden; padding:0 34px; color:var(--blue-deep); background:var(--yellow); font-size:16px; font-weight:800; letter-spacing:-.01em; white-space:nowrap; box-shadow:0 13px 32px rgba(255,221,0,.2); transition:color .35s,background .35s,transform .35s,box-shadow .35s; }
.services-strip__button i { font-size:15px; }
.services-strip__button::before { content:""; position:absolute; top:0; bottom:0; left:-38%; width:23%; background:rgba(255,255,255,.7); transform:skewX(-24deg); transition:left .6s; }
.services-strip__button:hover { color:var(--blue); background:#fff; transform:translateY(-3px); box-shadow:0 18px 38px rgba(0,0,0,.22); }
.services-strip__button:hover::before { left:125%; }
.services-strip__button i { transition:transform .3s; }
.services-strip__button:hover i { transform:translateX(5px); }
.company-video { position:relative; isolation:isolate; overflow:hidden; padding:112px 24px; background:linear-gradient(135deg,#f7f9fc,#eef3f9); }
.company-video::before { content:""; position:absolute; z-index:-1; top:-310px; right:-190px; width:650px; height:650px; border:1px solid rgba(8,45,115,.07); border-radius:50%; box-shadow:0 0 0 90px rgba(8,45,115,.024),0 0 0 180px rgba(8,45,115,.012); }
.company-video::after { content:""; position:absolute; right:0; bottom:0; left:0; height:4px; background:linear-gradient(90deg,var(--yellow) 0 36%,var(--blue) 36% 70%,#0d4b9c 70%); }
.company-video__grid { position:absolute; z-index:-2; inset:0; opacity:.55; background-image:linear-gradient(rgba(8,45,115,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,45,115,.045) 1px,transparent 1px); background-size:78px 78px; mask-image:linear-gradient(110deg,#000,transparent 82%); }
.company-video__inner { position:relative; width:min(1480px,100%); min-height:620px; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(390px,.85fr); overflow:hidden; margin:auto; opacity:0; background:var(--blue-deep); box-shadow:0 36px 100px rgba(4,25,61,.2); transform:translateY(42px); transition:opacity .85s,transform .85s cubic-bezier(.16,1,.3,1); }
.company-video.in-view .company-video__inner { opacity:1; transform:none; }
.company-video__preview { position:relative; width:100%; aspect-ratio:16/9; align-self:center; overflow:hidden; background:#061a3c; }
.company-video__hit { position:absolute; z-index:6; inset:0; padding:0; border:0; background:transparent; cursor:pointer; }
.company-video__preview::before { content:""; position:absolute; z-index:5; inset:18px; border:1px solid rgba(255,255,255,.19); pointer-events:none; transition:inset .45s,border-color .45s; }
.company-video__preview::after { content:""; position:absolute; z-index:4; top:-65%; left:-45%; width:20%; height:240%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent); transform:rotate(18deg); transition:left 1s cubic-bezier(.2,.7,.2,1); pointer-events:none; }
.company-video__preview>img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .7s; }
.company-video__shade { position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(2,14,36,.64),rgba(2,14,36,.08) 58%,rgba(2,14,36,.36)),linear-gradient(0deg,rgba(2,14,36,.65),transparent 58%); transition:background .5s; }
.company-video__scan { position:absolute; z-index:2; top:0; bottom:0; left:-28%; width:22%; opacity:0; background:linear-gradient(90deg,transparent,rgba(255,221,0,.1),rgba(255,255,255,.18),transparent); transform:skewX(-16deg); }
.company-video.in-view .company-video__scan { animation:companyVideoScan 5.8s 1s ease-in-out infinite; }
.company-video__duration { position:absolute; z-index:4; right:40px; bottom:36px; display:flex; align-items:center; gap:8px; color:#fff; font-size:10px; font-weight:700; letter-spacing:.08em; }
.company-video__duration i { color:var(--yellow); }
.company-video__preview:hover::before { inset:9px; border-color:rgba(255,221,0,.82); }
.company-video__preview:hover::after { left:135%; }
.company-video__preview:hover>img { transform:scale(1.055); filter:saturate(1.08) contrast(1.03); }
.company-video__content { position:relative; display:flex; justify-content:center; flex-direction:column; overflow:hidden; padding:78px 60px; color:#fff; background:radial-gradient(circle at 100% 0,rgba(20,79,158,.58),transparent 37%),linear-gradient(145deg,#082d73,#041a42 76%); }
.company-video__content::before { content:""; position:absolute; top:-160px; right:-190px; width:430px; height:430px; border:1px solid rgba(255,221,0,.2); border-radius:50%; box-shadow:0 0 0 58px rgba(255,221,0,.025),0 0 0 116px rgba(255,221,0,.014); }
.company-video__content::after { content:""; position:absolute; right:0; bottom:0; left:0; height:1px; background:linear-gradient(90deg,var(--yellow),transparent); }
.company-video__index { position:absolute; top:34px; right:36px; display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.48); font-size:8px; font-weight:800; letter-spacing:.14em; }
.company-video__index i { width:38px; height:1px; background:var(--yellow); }
.company-video__content .section-label { position:relative; margin-bottom:16px; color:var(--yellow); }
.company-video__content h2 { position:relative; margin:0; color:#fff; font-size:clamp(37px,3.1vw,54px); line-height:1.05; letter-spacing:-.05em; }
.company-video__content h2 span { display:block; color:#a8bad1; }
.company-video__content>p:not(.section-label) { position:relative; max-width:540px; margin:25px 0 30px; color:#c4d0df; font-size:14px; line-height:1.8; }
.company-video__facts { position:relative; display:flex; gap:34px; margin-bottom:34px; }
.company-video__facts>span { display:flex; align-items:center; gap:12px; }
.company-video__facts strong { color:var(--yellow); font-size:25px; letter-spacing:-.04em; }
.company-video__facts small { color:#aebed1; font-size:8px; font-weight:700; line-height:1.5; letter-spacing:.08em; text-transform:uppercase; }
.company-video__button { position:relative; width:max-content; min-width:250px; min-height:68px; display:inline-flex; align-items:center; justify-content:center; gap:18px; overflow:hidden; padding:0 36px; border:0; color:var(--blue-deep); background:var(--yellow); font:800 13px Montserrat,sans-serif; box-shadow:0 18px 40px rgba(255,221,0,.24); cursor:pointer; transition:color .35s,background .35s,transform .35s,box-shadow .35s; }
.company-video__button::before { content:""; position:absolute; top:0; bottom:0; left:-38%; width:24%; background:rgba(255,255,255,.68); transform:skewX(-25deg); transition:left .65s; }
.company-video__button:hover { color:var(--blue); background:#fff; transform:translateY(-4px); box-shadow:0 21px 45px rgba(0,0,0,.25); }
.company-video__button:hover::before { left:125%; }
.company-video__button i { font-size:14px; transition:transform .35s; }
.company-video__button:hover i { transform:translateX(6px); }
.company-video-modal { position:fixed; z-index:720; inset:0; display:grid; place-items:center; padding:28px; opacity:0; visibility:hidden; transition:opacity .4s,visibility .4s; }
.company-video-modal.is-open { opacity:1; visibility:visible; }
.company-video-modal__backdrop { position:absolute; inset:0; background:rgba(1,10,27,.88); backdrop-filter:blur(14px); }
.company-video-modal__dialog { position:relative; width:min(1200px,100%); overflow:hidden; opacity:0; color:#fff; background:#03142f; box-shadow:0 40px 120px rgba(0,0,0,.52); transform:translateY(35px) scale(.97); transition:opacity .45s .08s,transform .55s .08s cubic-bezier(.16,1,.3,1); }
.company-video-modal.is-open .company-video-modal__dialog { opacity:1; transform:none; }
.company-video-modal__dialog::before { content:""; position:absolute; z-index:5; top:0; right:0; left:0; height:4px; background:linear-gradient(90deg,var(--yellow),#0d4b9c); }
.company-video-modal__close { position:absolute; z-index:8; top:18px; right:18px; width:46px; height:46px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.22); border-radius:50%; color:#fff; background:rgba(3,20,47,.65); cursor:pointer; transition:.35s; }
.company-video-modal__close:hover { color:var(--blue-deep); border-color:var(--yellow); background:var(--yellow); transform:rotate(90deg); }
.company-video-modal__brand { height:82px; display:flex; align-items:center; gap:18px; padding:10px 78px 10px 25px; }
.company-video-modal__brand img { width:82px; height:82px; object-fit:contain; background:#fff; }
.company-video-modal__brand span { color:#aebdd0; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.company-video-modal__player { position:relative; aspect-ratio:16/9; background:#061a3c; }
.company-video-modal__player video { width:100%; height:100%; display:block; object-fit:cover; }
.company-video-modal__fallback { position:absolute; inset:0; display:none; place-items:center; align-content:center; gap:10px; padding:30px; color:#fff; background:linear-gradient(rgba(3,20,47,.72),rgba(3,20,47,.9)),url('../../img/baner1.png') center/cover; text-align:center; }
.company-video-modal.has-error .company-video-modal__fallback { display:grid; }
.company-video-modal__fallback i { width:68px; height:68px; display:grid; place-items:center; margin-bottom:8px; color:var(--blue-deep); background:var(--yellow); border-radius:50%; font-size:22px; box-shadow:0 0 0 12px rgba(255,221,0,.14); }
.company-video-modal__fallback strong { font-size:24px; }
.company-video-modal__fallback span { color:#c3cfde; font-size:12px; }
.company-video-modal__caption { display:flex; align-items:end; justify-content:space-between; gap:30px; padding:23px 30px 27px; }
.company-video-modal__caption .section-label { margin:0; }
.company-video-modal__caption h2 { margin:0; color:#fff; font-size:22px; }
@keyframes companyVideoScan { 0%,16% { left:-28%; opacity:0; } 25% { opacity:.85; } 62% { left:120%; opacity:.5; } 72%,100% { left:120%; opacity:0; } }
@keyframes videoPulse { 0% { opacity:.55; transform:scale(.82); } 75%,100% { opacity:0; transform:scale(1.32); } }
.home-partners { position:relative; isolation:isolate; overflow:hidden; padding:105px 24px 112px; color:#fff; background:radial-gradient(circle at 12% 18%,rgba(18,76,157,.46),transparent 34%),radial-gradient(circle at 88% 80%,rgba(255,221,0,.08),transparent 26%),linear-gradient(125deg,#03142f,#061e49 62%,#082d73); }
.home-partners::before { content:""; position:absolute; top:0; right:0; left:0; height:4px; background:linear-gradient(90deg,var(--yellow) 0 38%,#0d4b9c 38% 72%,rgba(255,255,255,.25) 72%); box-shadow:0 0 28px rgba(255,221,0,.22); }
.home-partners__grid { position:absolute; z-index:-2; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:78px 78px; mask-image:linear-gradient(108deg,#000,transparent 82%); }
.home-partners__orbit { position:absolute; z-index:-1; top:-290px; right:-210px; width:690px; height:690px; border:1px solid rgba(255,221,0,.14); border-radius:50%; box-shadow:0 0 0 88px rgba(255,221,0,.025),0 0 0 176px rgba(255,221,0,.012); animation:orbitSpin 34s linear infinite; }
.home-partners__orbit::after { content:""; position:absolute; top:50%; left:-5px; width:10px; height:10px; border-radius:50%; background:var(--yellow); box-shadow:0 0 20px var(--yellow); }
.home-partners__inner { width:min(1480px,100%); margin:auto; }
.home-partners__heading { display:grid; grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr); align-items:end; gap:70px; margin-bottom:48px; opacity:0; transform:translateY(34px); transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1); }
.home-partners.in-view .home-partners__heading { opacity:1; transform:none; }
.home-partners__heading .section-label { color:var(--yellow); }
.home-partners__heading h2 { margin:0; color:#fff; font-size:clamp(44px,4.7vw,72px); line-height:1; letter-spacing:-.055em; }
.home-partners__heading>p { max-width:570px; margin:0 0 6px auto; padding-left:24px; border-left:2px solid var(--yellow); color:#acbdd2; font-size:14px; line-height:1.8; }
.home-partners__list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.home-partner { position:relative; min-height:150px; display:grid; place-items:center; overflow:hidden; padding:22px; opacity:0; border:1px solid rgba(255,255,255,.11); background:rgba(255,255,255,.045); box-shadow:0 18px 45px rgba(0,0,0,.08); backdrop-filter:blur(8px); transform:translateY(28px); transition:opacity .65s var(--partner-delay),transform .65s var(--partner-delay) cubic-bezier(.16,1,.3,1),border-color .4s,background .4s,box-shadow .4s; }
.home-partners.in-view .home-partner { opacity:1; transform:none; }
.home-partner::before { content:""; position:absolute; inset:auto 0 0; height:3px; background:linear-gradient(90deg,var(--yellow),#3b86dc); transform:scaleX(0); transform-origin:left; transition:transform .5s cubic-bezier(.16,1,.3,1); }
.home-partner::after { content:""; position:absolute; top:-85%; left:-55%; width:24%; height:280%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent); transform:rotate(18deg); transition:left .9s cubic-bezier(.2,.7,.2,1); pointer-events:none; }
.home-partner:hover,.home-partners.in-view .home-partner:hover { z-index:2; border-color:rgba(255,221,0,.62); background:rgba(255,255,255,.095); box-shadow:0 26px 65px rgba(0,0,0,.24),0 0 34px rgba(255,221,0,.08); transform:translateY(-8px); }
.home-partner:hover::before { transform:scaleX(1); }
.home-partner:hover::after { left:135%; }
.home-partner__mark { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:9px; color:#a9b6c8; filter:grayscale(1); font-size:clamp(18px,1.45vw,25px); font-weight:900; line-height:1; letter-spacing:-.045em; text-align:center; transition:color .4s,filter .4s,transform .5s cubic-bezier(.16,1,.3,1),text-shadow .4s; }
.home-partner__mark i { color:#7f90a8; font-size:.84em; transition:color .4s,transform .5s; }
.home-partner__mark small { width:100%; color:#6f829e; font-size:7px; font-weight:800; letter-spacing:.19em; }
.home-partner:hover .home-partner__mark { color:#fff; filter:none; text-shadow:0 0 28px rgba(255,255,255,.18); transform:scale(1.055); }
.home-partner:hover .home-partner__mark i { color:var(--yellow); transform:rotate(-8deg) scale(1.1); }
.home-partner:hover .home-partner__mark small { color:#d5dfeb; }
.home-partner__mark--vambud { color:#78669a; }
.home-partner:hover .home-partner__mark--vambud { color:#a88be1; }
.home-partner__mark--efe { color:#5d78a4; font-size:clamp(25px,2vw,34px); }
.home-partner:hover .home-partner__mark--efe { color:#7daeff; }
.home-partner__mark--blago { min-width:128px; padding:12px 18px 10px; color:#07172d; background:#7b8b9f; }
.home-partner:hover .home-partner__mark--blago { color:#06152c; background:#a8ec38; box-shadow:0 0 30px rgba(168,236,56,.22); text-shadow:none; }
.home-partner__mark--kb { font-style:italic; }
.home-partner:hover .home-partner__mark--kb { color:#f05b35; }
.home-partner__mark--melis { font-family:Georgia,serif; font-weight:600; letter-spacing:.04em; }
.home-partner:hover .home-partner__mark--melis { color:#90d0ad; }
.home-faq { position:relative; isolation:isolate; overflow:hidden; padding:118px 24px 124px; color:#fff; background:radial-gradient(circle at 10% 18%,rgba(17,74,151,.46),transparent 34%),linear-gradient(135deg,#03132f 0%,#061d46 56%,#082d73 130%); }
.home-faq::before { content:""; position:absolute; z-index:-2; inset:0; opacity:.2; background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px); background-size:74px 74px; mask-image:linear-gradient(110deg,#000,transparent 78%); }
.home-faq::after { content:""; position:absolute; top:0; left:0; width:42%; height:5px; background:var(--yellow); box-shadow:42vw 0 0 #0d4b9d,0 0 28px rgba(255,221,0,.28); }
.home-faq__orb { position:absolute; z-index:-1; border:1px solid rgba(255,221,0,.15); border-radius:50%; pointer-events:none; }
.home-faq__orb::after { content:""; position:absolute; top:50%; left:-5px; width:9px; height:9px; border-radius:50%; background:var(--yellow); box-shadow:0 0 18px var(--yellow); }
.home-faq__orb--one { top:-260px; right:-150px; width:650px; height:650px; animation:orbitSpin 32s linear infinite; }
.home-faq__orb--two { bottom:-330px; left:-190px; width:570px; height:570px; opacity:.5; animation:orbitSpin 40s linear infinite reverse; }
.home-faq__inner { position:relative; z-index:2; width:min(1480px,100%); display:grid; grid-template-columns:minmax(310px,.72fr) minmax(560px,1.28fr); gap:clamp(55px,7vw,118px); margin:auto; }
.home-faq__intro { position:sticky; top:175px; align-self:start; opacity:0; transform:translateX(-42px); transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1); }
.home-faq.in-view .home-faq__intro { opacity:1; transform:none; }
.home-faq .section-label { color:var(--yellow); }
.home-faq__intro h2 { margin:0; font-size:clamp(46px,4.7vw,74px); line-height:.98; letter-spacing:-.055em; }
.home-faq__intro h2 span { color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.72); }
.home-faq__intro>p:not(.section-label) { max-width:470px; margin:28px 0 34px; color:#aebdd1; font-size:16px; line-height:1.75; }
.home-faq__meta { display:flex; align-items:center; gap:16px; width:max-content; margin-bottom:34px; padding:15px 20px 15px 15px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.045); backdrop-filter:blur(8px); }
.home-faq__meta strong { width:48px; height:48px; display:grid; place-items:center; color:var(--blue-deep); background:var(--yellow); font-size:17px; box-shadow:0 9px 25px rgba(255,221,0,.2); }
.home-faq__meta span { color:#d2dbea; font-size:10px; font-weight:700; line-height:1.45; letter-spacing:.08em; text-transform:uppercase; }
.home-faq__contact { display:inline-flex; align-items:center; gap:13px; padding-bottom:8px; border-bottom:1px solid rgba(255,221,0,.65); color:#fff; font-size:13px; font-weight:700; transition:color .3s,border-color .3s; }
.home-faq__contact i { color:var(--yellow); transition:transform .35s cubic-bezier(.2,.8,.2,1); }
.home-faq__contact:hover { color:var(--yellow); border-color:#fff; }
.home-faq__contact:hover i { transform:translateX(7px); }
.faq-list { display:flex; flex-direction:column; gap:12px; }
.faq-item { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.055); box-shadow:0 18px 50px rgba(0,0,0,.07); opacity:0; transform:translateY(30px); transition:opacity .65s var(--faq-delay) ease,transform .65s var(--faq-delay) cubic-bezier(.16,1,.3,1),border-color .35s,background .35s,box-shadow .35s; backdrop-filter:blur(8px); }
.home-faq.in-view .faq-item { opacity:1; transform:none; }
.faq-item::before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; width:3px; background:var(--yellow); transform:scaleY(0); transform-origin:bottom; transition:transform .4s cubic-bezier(.2,.8,.2,1); }
.faq-item::after { content:""; position:absolute; top:-80%; left:-38%; width:22%; height:260%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent); transform:rotate(18deg); transition:left .8s cubic-bezier(.2,.7,.2,1); pointer-events:none; }
.faq-item:hover { border-color:rgba(255,221,0,.48); background:rgba(255,255,255,.08); box-shadow:0 24px 60px rgba(0,0,0,.16); transform:translateX(6px); }
.home-faq.in-view .faq-item:hover { transform:translateX(6px); }
.faq-item:hover::after { left:125%; }
.faq-item.is-open { border-color:rgba(255,221,0,.62); background:rgba(255,255,255,.095); box-shadow:0 26px 70px rgba(0,0,0,.2); }
.faq-item.is-open::before { transform:scaleY(1); transform-origin:top; }
.faq-item h3 { margin:0; }
.faq-question { position:relative; z-index:2; width:100%; min-height:78px; display:grid; grid-template-columns:46px 1fr 42px; align-items:center; gap:18px; padding:14px 20px 14px 24px; border:0; outline:0; color:#fff; background:transparent; text-align:left; cursor:pointer; }
.faq-question:focus-visible { box-shadow:inset 0 0 0 2px var(--yellow); }
.faq-item__index { color:var(--yellow); font-size:10px; font-weight:800; letter-spacing:.16em; }
.faq-item__question { font-size:15px; font-weight:700; line-height:1.5; letter-spacing:-.012em; }
.faq-item__toggle { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.22); border-radius:50%; color:var(--yellow); transition:color .35s,background .35s,border-color .35s,transform .45s cubic-bezier(.16,1,.3,1); }
.faq-item:hover .faq-item__toggle,.faq-item.is-open .faq-item__toggle { color:var(--blue-deep); border-color:var(--yellow); background:var(--yellow); }
.faq-item.is-open .faq-item__toggle { transform:rotate(45deg); }
.faq-item__toggle i { font-size:12px; }
.faq-answer { display:grid; grid-template-rows:0fr; visibility:hidden; transition:grid-template-rows .5s cubic-bezier(.16,1,.3,1),visibility .5s; }
.faq-answer>div { overflow:hidden; }
.faq-answer p { margin:0; padding:0 80px 27px 88px; color:#b9c6d8; font-size:13px; line-height:1.8; opacity:0; transform:translateY(-9px); transition:opacity .35s,transform .4s; }
.faq-item.is-open .faq-answer { grid-template-rows:1fr; visibility:visible; }
.faq-item.is-open .faq-answer p { opacity:1; transform:none; transition-delay:.08s; }
.section-placeholder { min-height: 280px; padding: 80px max(30px, calc((100vw - 1280px)/2)); }
.section-placeholder.muted { background: #f6f6f6; }
.section-placeholder { opacity: 0; transform: translateY(30px); transition: opacity .7s, transform .7s; }
.section-placeholder.in-view { opacity: 1; transform: translateY(0); }
.section-placeholder h2 { margin: 0; color: var(--blue-deep); font-size: 36px; }
.site-footer { position:relative; overflow:hidden; color:#fff; background:linear-gradient(135deg,#04132f,#07275c); }
.site-footer__line { height:5px; background:linear-gradient(90deg,var(--yellow) 0 36%,#0b4a9b 36% 100%); box-shadow:0 0 30px rgba(255,221,0,.25); }
.site-footer::before { content:""; position:absolute; inset:5px 0 0; opacity:.08; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(110deg,#000,transparent 68%); pointer-events:none; }
.footer-glow { position:absolute; border:1px solid rgba(255,221,0,.13); border-radius:50%; pointer-events:none; }
.footer-glow--one { right:-180px; top:-220px; width:520px; height:520px; box-shadow:0 0 100px rgba(255,221,0,.04); }
.footer-glow--two { left:30%; bottom:-360px; width:600px; height:600px; opacity:.5; }
.footer-container { position:relative; z-index:2; width:min(1280px,calc(100% - 48px)); margin:auto; }
.footer-main { display:grid; grid-template-columns:1.35fr .75fr 1fr 1.2fr; gap:70px; padding:82px 0 65px; }
.footer-logo { display:flex; align-items:center; justify-content:center; width:140px; height:114px; margin:-15px 0 12px; padding:10px; border-radius:4px; background:#fff; box-shadow:0 15px 35px rgba(0,0,0,.18); }
.footer-logo img { display:block; width:100%; height:100%; object-fit:contain; }
.footer-company>p { max-width:300px; margin:0 0 24px; color:#aebbd0; font-size:12px; line-height:1.75; }
.footer-address { display:flex; align-items:flex-start; gap:12px; color:#d5deeb; font-size:12px; line-height:1.55; }
.footer-address>i { margin-top:3px; color:var(--yellow); }
.footer-address small { color:#8192ab; font-size:9px; }
.footer-column h3,.footer-contacts h3 { position:relative; margin:0 0 25px; padding-bottom:13px; color:#fff; font-size:13px; letter-spacing:.05em; }
.footer-column h3::after,.footer-contacts h3::after { content:""; position:absolute; bottom:0; left:0; width:30px; height:2px; background:var(--yellow); }
.footer-column { display:flex; flex-direction:column; align-items:flex-start; }
.footer-column a { position:relative; margin-bottom:13px; padding-left:0; color:#9eadc3; font-size:11px; transition:color .25s,padding .25s; }
.footer-column a::before { content:""; position:absolute; top:50%; left:0; width:0; height:1px; background:var(--yellow); transition:width .25s; }
.footer-column a:hover { padding-left:17px; color:#fff; }
.footer-column a:hover::before { width:10px; }
.footer-contacts>a { display:flex; align-items:center; gap:13px; margin-bottom:15px; }
.footer-contacts>a>span { width:39px; height:39px; display:grid; place-items:center; flex:0 0 auto; color:var(--blue-deep); background:var(--yellow); border-radius:50%; box-shadow:0 8px 20px rgba(255,221,0,.15); transition:.3s; }
.footer-contacts>a:hover>span { color:#fff; background:#0d4b9c; transform:translateY(-3px) rotate(-5deg); }
.footer-contacts small,.footer-contacts strong { display:block; }
.footer-contacts small { margin-bottom:3px; color:#7285a2; font-size:8px; text-transform:uppercase; letter-spacing:.1em; }
.footer-contacts strong { color:#dce4ef; font-size:11px; font-weight:600; transition:color .25s; }
.footer-contacts>a:hover strong { color:var(--yellow); }
.footer-bottom { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid rgba(255,255,255,.09); }
.footer-legal { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
.footer-legal span,.footer-legal a { color:#71839f; font-size:9px; }
.footer-legal span { color:#9aabc1; font-weight:700; }
.footer-legal a:hover { color:var(--yellow); }
.footer-socials { display:flex; gap:8px; }
.footer-socials a { width:35px; height:35px; display:grid; place-items:center; color:#dbe4f0; border:1px solid rgba(255,255,255,.14); border-radius:50%; transition:.3s; }
.footer-socials a:hover { color:var(--blue-deep); border-color:var(--yellow); background:var(--yellow); transform:translateY(-4px); }
.client-reviews { position:relative; isolation:isolate; overflow:hidden; padding:86px 24px; background:#f3f6fa; }
.client-reviews::before { content:""; position:absolute; z-index:-2; inset:0; opacity:.5; background-image:linear-gradient(rgba(8,45,115,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,45,115,.045) 1px,transparent 1px); background-size:78px 78px; mask-image:linear-gradient(105deg,#000,transparent 78%); }
.client-reviews__grid { position:absolute; z-index:-1; top:-260px; right:-170px; width:620px; height:620px; border:1px solid rgba(8,45,115,.07); border-radius:50%; box-shadow:0 0 0 86px rgba(8,45,115,.022),0 0 0 172px rgba(8,45,115,.012); }
.client-reviews__inner { position:relative; width:min(1480px,100%); display:grid; grid-template-columns:minmax(330px,.76fr) minmax(650px,1.34fr); gap:54px; overflow:hidden; margin:auto; padding:54px; opacity:0; color:#fff; border:1px solid rgba(255,255,255,.11); border-radius:3px; background:radial-gradient(circle at 80% 20%,rgba(17,73,151,.42),transparent 34%),linear-gradient(125deg,#03142f,#071f4b 66%,#082d73); box-shadow:0 30px 90px rgba(5,27,64,.18); transform:translateY(38px); transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1); }
.client-reviews.in-view .client-reviews__inner { opacity:1; transform:none; }
.client-reviews__inner::before { content:""; position:absolute; top:0; bottom:0; left:0; width:5px; background:linear-gradient(var(--yellow) 0 42%,#0d4b9c 42%); }
.client-reviews__inner::after { content:'“'; position:absolute; top:-62px; left:31%; color:rgba(255,221,0,.055); font-family:Georgia,serif; font-size:280px; line-height:1; pointer-events:none; }
.client-reviews__intro { position:relative; z-index:2; display:flex; align-items:flex-start; justify-content:center; flex-direction:column; }
.client-reviews__intro .section-label { color:var(--yellow); }
.client-reviews__intro h2 { max-width:440px; margin:0; font-size:clamp(38px,3.5vw,56px); line-height:1.05; letter-spacing:-.05em; }
.client-reviews__intro h2 span { color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.7); }
.client-reviews__intro>p:not(.section-label) { max-width:440px; margin:22px 0 24px; color:#adbed3; font-size:13px; line-height:1.75; }
.client-reviews__rating { display:flex; align-items:center; gap:16px; margin-bottom:25px; }
.client-reviews__rating>strong { color:var(--yellow); font-size:35px; line-height:1; letter-spacing:-.055em; }
.client-reviews__rating>span { display:flex; align-items:center; flex-wrap:wrap; max-width:150px; gap:3px; color:var(--yellow); font-size:10px; }
.client-reviews__rating small { width:100%; margin-top:5px; color:#8598b2; font-size:7px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.client-reviews__actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.client-reviews__button { min-height:54px; display:inline-flex; align-items:center; justify-content:center; gap:14px; padding:0 24px; border:1px solid var(--yellow); color:var(--blue-deep); background:var(--yellow); box-shadow:0 15px 34px rgba(255,221,0,.2); font-size:11px; font-weight:800; transition:color .3s,background .3s,gap .3s,transform .3s,box-shadow .3s; }
.client-reviews__button i { color:inherit; }
.client-reviews__button:hover { gap:20px; color:var(--blue); background:#fff; transform:translateY(-3px); box-shadow:0 21px 44px rgba(0,0,0,.22); }
.client-reviews__button--outline { color:#fff; border-color:rgba(255,255,255,.45); background:transparent; box-shadow:none; }
.client-reviews__button--outline:hover { color:var(--blue-deep); border-color:var(--yellow); background:var(--yellow); box-shadow:0 15px 34px rgba(255,221,0,.2); }
.client-reviews__cards { position:relative; z-index:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.review-card { position:relative; overflow:hidden; padding:30px; opacity:0; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.055); box-shadow:0 20px 55px rgba(0,0,0,.1); backdrop-filter:blur(10px); transform:translateY(30px); transition:opacity .7s var(--review-delay),transform .7s var(--review-delay) cubic-bezier(.16,1,.3,1),border-color .35s,background .35s,box-shadow .35s; }
.client-reviews.in-view .review-card { opacity:1; transform:none; }
.review-card::before { content:""; position:absolute; top:0; right:0; left:0; height:3px; background:linear-gradient(90deg,var(--yellow),transparent); transform:scaleX(.22); transform-origin:left; transition:transform .5s; }
.review-card::after { content:""; position:absolute; top:-80%; left:-45%; width:22%; height:260%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent); transform:rotate(18deg); transition:left .85s; pointer-events:none; }
.review-card:hover { border-color:rgba(255,221,0,.48); background:rgba(255,255,255,.085); box-shadow:0 30px 70px rgba(0,0,0,.22); transform:translateY(-8px); }
.client-reviews.in-view .review-card:hover { transform:translateY(-8px); }
.review-card:hover::before { transform:scaleX(1); }
.review-card:hover::after { left:135%; }
.review-card__top { display:grid; grid-template-columns:48px 1fr 24px; align-items:center; gap:13px; }
.review-card__avatar { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; color:var(--blue-deep); background:linear-gradient(135deg,var(--yellow),#ffdf67); font-size:17px; font-weight:800; box-shadow:0 0 0 6px rgba(255,221,0,.09); }
.review-card__avatar--blue { color:#fff; background:linear-gradient(135deg,#0d4b9c,#2b7bd5); box-shadow:0 0 0 6px rgba(43,123,213,.1); }
.review-card__top>span:not(.review-card__avatar) { min-width:0; }
.review-card__top strong,.review-card__top small { display:block; }
.review-card__top strong { margin-bottom:5px; color:#fff; font-size:14px; }
.review-card__top small { overflow:hidden; color:#8195af; font-size:8px; letter-spacing:.04em; text-overflow:ellipsis; white-space:nowrap; }
.review-card__top>i { align-self:start; color:rgba(255,255,255,.72); font-size:19px; }
.review-card__stars { display:flex; gap:4px; margin:22px 0 18px; color:var(--yellow); font-size:10px; }
.review-card blockquote { min-height:108px; margin:0; color:#d5deea; font-size:13px; line-height:1.75; }
.review-card footer { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:21px; padding-top:16px; border-top:1px solid rgba(255,255,255,.1); }
.review-card footer span { color:#fff; font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.review-card footer time { color:#7388a4; font-size:8px; }
.home-news { padding:110px 24px; background:#f3f6fa; }
.home-news__inner { width:min(1280px,100%); margin:auto; }
.home-news__heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:45px; }
.section-label { margin:0 0 10px; color:#b88600; font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.home-news h2 { margin:0; color:var(--blue-deep); font-size:clamp(38px,4vw,54px); letter-spacing:-.04em; }
.home-news__heading>a { color:var(--blue); font-size:13px; font-weight:700; }
.home-news__heading>a i { margin-left:8px; transition:transform .25s; }
.home-news__heading>a:hover i { transform:translateX(5px); }
.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.news-grid article { overflow:hidden; background:#fff; box-shadow:0 18px 50px rgba(6,26,61,.07); transition:transform .4s,box-shadow .4s; }
.news-grid article:hover { transform:translateY(-9px); box-shadow:0 28px 70px rgba(6,26,61,.15); }
.news-card__visual { position:relative; height:190px; display:grid; place-items:center; overflow:hidden; color:rgba(255,221,0,.9); background:linear-gradient(135deg,#061a3d,#0c3a82); }
.news-card__visual::before { content:""; position:absolute; width:190px; height:190px; border:1px solid rgba(255,221,0,.25); border-radius:50%; transition:transform .5s; }
.news-grid article:hover .news-card__visual::before { transform:scale(1.3) rotate(30deg); }
.news-card__visual>i { font-size:52px; filter:drop-shadow(0 10px 24px rgba(0,0,0,.25)); transition:transform .4s; }
.news-grid article:hover .news-card__visual>i { transform:scale(1.1) rotate(-3deg); }
.news-card__visual span { position:absolute; right:16px; bottom:14px; padding:7px 10px; color:var(--blue-deep); background:var(--yellow); font-size:10px; font-weight:800; }
.news-card__body { padding:27px; }
.news-card__body small { color:#b88600; font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.news-card__body h3 { min-height:52px; margin:11px 0; color:var(--blue-deep); font-size:18px; line-height:1.45; }
.news-card__body p { min-height:66px; margin:0 0 20px; color:#6f7a8c; font-size:13px; line-height:1.7; }
.news-card__body a { color:var(--blue); font-size:12px; font-weight:800; }
.news-card__body a i { margin-left:7px; transition:transform .25s; }
.news-card__body a:hover i { transform:translateX(5px); }
.seo-overview { position:relative; isolation:isolate; overflow:hidden; padding:112px 24px 120px; background:linear-gradient(135deg,#fff 0%,#f6f8fc 62%,#eef3f9 100%); }
.seo-overview::before { content:""; position:absolute; z-index:-1; top:-270px; right:-210px; width:620px; height:620px; border:1px solid rgba(8,45,115,.07); border-radius:50%; box-shadow:0 0 0 86px rgba(8,45,115,.022),0 0 0 172px rgba(8,45,115,.012); }
.seo-overview::after { content:""; position:absolute; z-index:0; bottom:0; left:0; width:42%; height:4px; background:var(--yellow); transform:scaleX(0); transform-origin:left; transition:transform 1s .25s cubic-bezier(.16,1,.3,1); }
.seo-overview.in-view::after { transform:scaleX(1); }
.seo-overview__grid { position:absolute; z-index:-2; inset:0; opacity:.6; background-image:linear-gradient(rgba(8,45,115,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(8,45,115,.04) 1px,transparent 1px); background-size:78px 78px; mask-image:linear-gradient(110deg,#000,transparent 78%); }
.seo-overview__inner { position:relative; z-index:2; width:min(1280px,100%); margin:auto; }
.seo-overview__heading { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.62fr); align-items:end; gap:75px; margin-bottom:44px; opacity:0; transform:translateY(30px); transition:opacity .75s,transform .75s cubic-bezier(.16,1,.3,1); }
.seo-overview.in-view .seo-overview__heading { opacity:1; transform:none; }
.seo-overview__heading h2 { max-width:850px; margin:0; color:var(--blue-deep); font-size:clamp(42px,4.25vw,64px); line-height:1.04; letter-spacing:-.052em; }
.seo-overview__heading>p { max-width:390px; margin:0 0 5px; padding-left:25px; border-left:2px solid var(--yellow); color:#66748a; font-size:14px; line-height:1.8; }
.seo-overview__panel { position:relative; display:grid; grid-template-columns:145px minmax(0,1fr); min-height:310px; overflow:hidden; padding:50px 56px 86px 0; opacity:0; border:1px solid rgba(7,38,84,.09); background:rgba(255,255,255,.94); box-shadow:0 28px 80px rgba(5,27,64,.09); transform:translateY(38px); transition:opacity .8s .12s,transform .8s .12s cubic-bezier(.16,1,.3,1),box-shadow .45s; }
.seo-overview.in-view .seo-overview__panel { opacity:1; transform:none; }
.seo-overview__panel:hover { box-shadow:0 35px 90px rgba(5,27,64,.14); }
.seo-overview__panel::before { content:""; position:absolute; top:0; left:0; width:6px; height:100%; background:linear-gradient(var(--yellow) 0 38%,var(--blue) 38%); }
.seo-overview__panel::after { content:"FORMRENT"; position:absolute; top:22px; right:27px; color:rgba(7,38,84,.035); font-size:clamp(56px,8vw,118px); font-weight:800; letter-spacing:-.07em; pointer-events:none; }
.seo-overview__rail { position:relative; z-index:2; display:flex; align-items:center; flex-direction:column; gap:15px; padding-top:3px; color:var(--blue-deep); }
.seo-overview__rail strong { color:#b88600; font-size:12px; letter-spacing:.12em; }
.seo-overview__rail i { width:1px; height:68px; background:linear-gradient(var(--yellow),rgba(8,45,115,.16)); }
.seo-overview__rail small { color:#8793a5; font-size:8px; font-weight:800; line-height:1.55; letter-spacing:.14em; text-align:center; }
.seo-overview__content { position:relative; z-index:2; max-height:190px; overflow:hidden; padding-right:28px; transition:max-height .85s cubic-bezier(.16,1,.3,1); }
.seo-overview__content h3 { margin:0 0 17px; color:var(--blue-deep); font-size:24px; line-height:1.25; letter-spacing:-.025em; }
.seo-overview__content h3:not(:first-child) { margin-top:31px; }
.seo-overview__content p { max-width:990px; margin:0 0 17px; color:#59687e; font-size:14px; line-height:1.85; }
.seo-overview__content strong { color:var(--blue-deep); }
.seo-overview__content a { position:relative; color:#0a438e; font-weight:700; background:linear-gradient(var(--yellow),var(--yellow)) 0 100%/100% 1px no-repeat; transition:color .25s,background-size .3s; }
.seo-overview__content a:hover { color:#a87900; background-size:0 1px; }
.seo-overview__fade { position:absolute; z-index:3; right:0; bottom:70px; left:145px; height:105px; background:linear-gradient(transparent,rgba(255,255,255,.96) 67%,#fff); pointer-events:none; transition:opacity .45s,visibility .45s; }
.seo-overview__toggle { position:absolute; z-index:4; bottom:30px; left:145px; display:inline-flex; align-items:center; gap:12px; padding:0 0 7px; border:0; border-bottom:2px solid var(--yellow); color:var(--blue-deep); background:transparent; font:800 11px Montserrat,sans-serif; letter-spacing:.04em; cursor:pointer; transition:color .3s,gap .3s; }
.seo-overview__toggle i { color:#b88600; transition:transform .45s cubic-bezier(.16,1,.3,1); }
.seo-overview__toggle:hover { gap:17px; color:#b88600; }
.seo-overview.is-expanded .seo-overview__content { max-height:1150px; }
.seo-overview.is-expanded .seo-overview__fade { opacity:0; visibility:hidden; }
.seo-overview.is-expanded .seo-overview__toggle i { transform:rotate(180deg); }
.rental-calculator { position:relative; isolation:isolate; overflow:hidden; padding:108px 24px 114px; color:#fff; background:radial-gradient(circle at 12% 12%,rgba(18,76,155,.42),transparent 31%),linear-gradient(125deg,#03142f,#061d46 58%,#082d73); }
.rental-calculator::before { content:""; position:absolute; z-index:1; right:0; bottom:0; left:0; height:5px; background:linear-gradient(90deg,var(--yellow) 0 41%,#0d4b9c 41%); box-shadow:0 0 28px rgba(255,221,0,.22); }
.rental-calculator__grid { position:absolute; z-index:-2; inset:0; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:74px 74px; mask-image:linear-gradient(110deg,#000,transparent 82%); }
.rental-calculator__orbit { position:absolute; z-index:-1; top:-330px; right:-190px; width:680px; height:680px; border:1px solid rgba(255,221,0,.15); border-radius:50%; box-shadow:0 0 0 85px rgba(255,221,0,.022),0 0 0 170px rgba(255,221,0,.012); animation:orbitSpin 42s linear infinite; }
.rental-calculator__orbit span { position:absolute; top:50%; left:-6px; width:10px; height:10px; border-radius:50%; background:var(--yellow); box-shadow:0 0 19px var(--yellow); }
.rental-calculator__inner { position:relative; z-index:2; width:min(1480px,100%); display:grid; grid-template-columns:minmax(330px,.68fr) minmax(720px,1.32fr); align-items:center; gap:clamp(55px,7vw,112px); margin:auto; }
.rental-calculator__intro { opacity:0; transform:translateX(-42px); transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1); }
.rental-calculator.in-view .rental-calculator__intro { opacity:1; transform:none; }
.rental-calculator .section-label { color:var(--yellow); }
.rental-calculator__intro h2 { max-width:580px; margin:0; color:#fff; font-size:clamp(42px,4.1vw,64px); line-height:1.02; letter-spacing:-.055em; }
.rental-calculator__intro h2 span { display:block; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.7); }
.rental-calculator__intro>p:not(.section-label) { max-width:530px; margin:27px 0 30px; color:#b7c5d8; font-size:15px; line-height:1.8; }
.rental-calculator__note { max-width:530px; display:grid; grid-template-columns:38px 1fr; align-items:center; gap:13px; padding:15px 17px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.045); backdrop-filter:blur(9px); }
.rental-calculator__note>i { width:38px; height:38px; display:grid; place-items:center; color:var(--blue-deep); background:var(--yellow); border-radius:50%; }
.rental-calculator__note span { color:#aebed2; font-size:10px; line-height:1.6; }
.rental-calculator__form { position:relative; overflow:hidden; padding:38px; opacity:0; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.065); box-shadow:0 30px 80px rgba(0,0,0,.18); backdrop-filter:blur(14px); transform:translateX(48px); transition:opacity .85s .12s,transform .85s .12s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s; }
.rental-calculator.in-view .rental-calculator__form { opacity:1; transform:none; }
.rental-calculator__form:hover { border-color:rgba(255,221,0,.28); box-shadow:0 38px 95px rgba(0,0,0,.25); }
.rental-calculator__form::before { content:""; position:absolute; top:0; right:0; left:0; height:3px; background:linear-gradient(90deg,var(--yellow),transparent 68%); }
.rental-calculator__form::after { content:"CALC"; position:absolute; top:-24px; right:20px; color:rgba(255,255,255,.035); font-size:112px; font-weight:800; letter-spacing:-.08em; pointer-events:none; }
.rental-calculator__fields { position:relative; z-index:2; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
.calculator-field { grid-column:span 2; }
.calculator-field:nth-child(n+4) { grid-column:span 3; }
.calculator-field>span:first-child { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:9px; color:#f5f7fa; font-size:9px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.calculator-field>span:first-child small { color:var(--yellow); font-size:8px; font-weight:800; }
.calculator-field__control { position:relative; display:block; }
.calculator-field__control>i { position:absolute; z-index:2; top:50%; left:15px; color:#7f90a9; font-size:11px; pointer-events:none; transform:translateY(-50%); transition:color .3s; }
.calculator-field input,.calculator-field select { width:100%; height:52px; display:block; padding:0 15px 0 42px; border:1px solid rgba(255,255,255,.16); outline:0; color:var(--blue-deep); background:#f8fafc; font:700 13px Montserrat,sans-serif; transition:border-color .3s,box-shadow .3s,transform .3s; }
.calculator-field select { appearance:none; background:#f8fafc linear-gradient(45deg,transparent 50%,#506079 50%) calc(100% - 18px) 22px/6px 6px no-repeat; cursor:pointer; }
.calculator-field input:focus,.calculator-field select:focus { border-color:var(--yellow); box-shadow:0 0 0 4px rgba(255,221,0,.13),0 10px 28px rgba(0,0,0,.12); transform:translateY(-2px); }
.calculator-field__control:focus-within>i { color:#b88600; }
.calculator-field input[aria-invalid="true"] { border-color:#ff7b74; box-shadow:0 0 0 4px rgba(255,92,84,.12); }
.calculator-checkbox { position:relative; z-index:2; display:flex; align-items:center; gap:12px; width:max-content; margin:22px 0 25px; cursor:pointer; }
.calculator-checkbox>input { position:absolute; opacity:0; pointer-events:none; }
.calculator-checkbox__mark { width:22px; height:22px; display:grid; place-items:center; flex:0 0 auto; border:1px solid rgba(255,255,255,.32); color:transparent; background:rgba(255,255,255,.06); transition:color .3s,background .3s,border-color .3s,transform .3s; }
.calculator-checkbox__mark i { font-size:9px; }
.calculator-checkbox>input:checked+.calculator-checkbox__mark { color:var(--blue-deep); border-color:var(--yellow); background:var(--yellow); }
.calculator-checkbox:hover .calculator-checkbox__mark { transform:scale(1.08); }
.calculator-checkbox>span:last-child strong,.calculator-checkbox>span:last-child small { display:block; }
.calculator-checkbox>span:last-child strong { margin-bottom:3px; color:#fff; font-size:10px; }
.calculator-checkbox>span:last-child small { color:#7f93ae; font-size:8px; }
.rental-calculator__summary { position:relative; z-index:2; display:grid; grid-template-columns:.6fr .6fr 1.35fr; overflow:hidden; border:1px solid rgba(255,255,255,.13); background:rgba(1,12,31,.34); }
.rental-calculator__summary>span { min-height:78px; display:flex; justify-content:center; flex-direction:column; padding:14px 18px; border-right:1px solid rgba(255,255,255,.11); }
.rental-calculator__summary>span:last-child { border-right:0; }
.rental-calculator__summary small { margin-bottom:7px; color:#8195af; font-size:7px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.rental-calculator__summary strong { color:#fff; font-size:15px; }
.rental-calculator__total { position:relative; padding-left:24px!important; }
.rental-calculator__total::before { content:""; position:absolute; top:0; bottom:0; left:0; width:3px; background:var(--yellow); }
.rental-calculator__total output { color:var(--yellow); font-size:clamp(23px,2vw,31px); font-weight:800; line-height:1; letter-spacing:-.04em; }
.rental-calculator__error { min-height:17px; margin:10px 0 0; color:#ffaaa5; font-size:9px; font-weight:700; }
.rental-calculator__submit { position:relative; z-index:2; width:100%; height:56px; display:flex; align-items:center; justify-content:center; gap:13px; overflow:hidden; border:0; color:var(--blue-deep); background:var(--yellow); font:800 11px Montserrat,sans-serif; box-shadow:0 16px 38px rgba(255,221,0,.22); cursor:pointer; transition:color .35s,background .35s,transform .35s,box-shadow .35s; }
.rental-calculator__submit::before { content:""; position:absolute; top:0; bottom:0; left:-34%; width:22%; background:rgba(255,255,255,.68); transform:skewX(-24deg); transition:left .65s; }
.rental-calculator__submit:hover { color:var(--blue); background:#fff; transform:translateY(-3px); box-shadow:0 22px 48px rgba(0,0,0,.24); }
.rental-calculator__submit:hover::before { left:125%; }
.rental-calculator__submit i { transition:transform .35s; }
.rental-calculator__submit:hover i { transform:rotate(-8deg) scale(1.12); }
.rental-calculator__footer { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:19px; }
.rental-calculator__footer>span { color:#7287a3; font-size:8px; }
.rental-calculator__footer>span i { margin-right:7px; color:#54c983; }
.rental-calculator__footer>a { display:inline-flex; align-items:center; gap:10px; padding-bottom:6px; border-bottom:1px solid rgba(255,221,0,.55); color:#fff; font-size:9px; font-weight:800; transition:color .3s,gap .3s; }
.rental-calculator__footer>a i { color:var(--yellow); }
.rental-calculator__footer>a:hover { gap:15px; color:var(--yellow); }
.rental-calculator__form.is-calculated .rental-calculator__total output { animation:calculatorResult .55s cubic-bezier(.16,1,.3,1); }
@keyframes calculatorResult { 0% { opacity:.35; transform:translateY(8px) scale(.97); } 100% { opacity:1; transform:none; } }
.project-cta { position:relative; min-height:560px; display:grid; grid-template-columns:49% 51%; overflow:hidden; opacity:0; background:var(--blue-deep); transform:translateY(30px); transition:opacity .75s,transform .75s; }
.project-cta.in-view { opacity:1; transform:none; }
.project-cta::before { content:""; position:absolute; z-index:8; top:0; right:0; left:0; height:5px; background:linear-gradient(90deg,var(--yellow) 0 49%,#0d4b9c 49%); }
.project-cta__media { position:relative; min-height:560px; overflow:hidden; }
.project-cta__media img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .7s; }
.project-cta:hover .project-cta__media img { transform:scale(1.045); filter:saturate(1.08); }
.project-cta__media-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,18,47,.12),rgba(3,18,47,.46)),linear-gradient(0deg,rgba(3,18,47,.58),transparent 55%); }
.project-cta__tag { position:absolute; right:30px; bottom:28px; display:inline-flex; align-items:center; gap:9px; padding:11px 14px; color:#fff; border:1px solid rgba(255,255,255,.2); background:rgba(4,25,61,.72); backdrop-filter:blur(10px); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.project-cta__tag i { color:var(--yellow); }
.project-cta__content { position:relative; min-height:560px; display:flex; align-items:center; margin-left:-7vw; padding:80px max(90px,calc((100vw - 1280px)/2)) 80px clamp(120px,11vw,220px); overflow:hidden; clip-path:polygon(9vw 0,100% 0,100% 100%,0 100%); background:linear-gradient(125deg,#082d73,#041a42); }
.project-cta__content::before { content:""; position:absolute; top:-190px; right:-150px; width:420px; height:420px; border:1px solid rgba(255,221,0,.17); border-radius:50%; box-shadow:0 0 0 60px rgba(255,221,0,.025),0 0 0 120px rgba(255,221,0,.015); }
.project-cta__blueprint { position:absolute; inset:0; opacity:.1; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:65px 65px; mask-image:linear-gradient(90deg,transparent,#000); }
.project-cta__copy { position:relative; z-index:2; max-width:690px; }
.project-cta__eyebrow { margin:0 0 16px; color:var(--yellow); font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.project-cta h2 { margin:0; color:#fff; font-size:clamp(35px,3.4vw,56px); line-height:1.12; letter-spacing:-.045em; }
.project-cta__copy>p:not(.project-cta__eyebrow) { max-width:620px; margin:24px 0 30px; color:#c5d0df; font-size:15px; line-height:1.75; }
.project-cta__button { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:54px; overflow:hidden; padding:0 27px; color:var(--blue-deep); background:var(--yellow); font-size:11px; font-weight:800; box-shadow:0 14px 34px rgba(255,221,0,.22); transition:.35s; }
.project-cta__button::before { content:""; position:absolute; top:0; bottom:0; left:-35%; width:24%; background:rgba(255,255,255,.62); transform:skewX(-24deg); transition:left .6s; }
.project-cta__button:hover { color:#fff; background:#0d4b9c; transform:translateY(-3px); box-shadow:0 20px 40px rgba(0,0,0,.2); }
.project-cta__button:hover::before { left:120%; }
.project-cta__button i { transition:transform .3s; }
.project-cta__button:hover i { transform:translateX(5px); }
.project-cta__quick { position:absolute; z-index:4; right:26px; display:grid; gap:10px; }
.project-cta__quick a,.project-cta__quick button { position:relative; width:50px; height:50px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.22); border-radius:50%; color:var(--blue-deep); background:#fff; box-shadow:0 10px 28px rgba(0,0,0,.18); cursor:pointer; transition:.3s; }
.project-cta__quick a:hover,.project-cta__quick button:hover { color:var(--blue-deep); border-color:var(--yellow); background:var(--yellow); transform:translateY(-4px) rotate(-4deg); }
.project-cta__quick span { position:absolute; right:63px; padding:9px 12px; opacity:0; visibility:hidden; color:#fff; background:#03142f; font-size:9px; font-weight:700; white-space:nowrap; transform:translateX(8px); transition:.3s; }
.project-cta__quick span::after { content:""; position:absolute; top:50%; right:-4px; width:8px; height:8px; background:#03142f; transform:translateY(-50%) rotate(45deg); }
.project-cta__quick a:hover span,.project-cta__quick button:hover span { opacity:1; visibility:visible; transform:none; }

.floating-tools { position: fixed; z-index: 150; right: 24px; bottom: 24px; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; pointer-events: none; }
.contact-widget, .scroll-top, .support-fab { pointer-events: auto; }
.support-fab { position:relative; width:54px; height:54px; display:grid; place-items:center; overflow:visible; border:1px solid rgba(255,255,255,.18); border-radius:50%; color:#fff; background:linear-gradient(145deg,#104895,var(--blue)); box-shadow:0 13px 30px rgba(6,26,61,.28); cursor:pointer; transition:transform .35s,background .3s,color .3s,box-shadow .35s; }
.support-fab>i { position:relative; z-index:2; font-size:19px; }
.support-fab:hover { color:var(--blue-deep); background:var(--yellow); transform:translateY(-4px); box-shadow:0 18px 38px rgba(255,221,0,.3); }
.support-fab__pulse { position:absolute; inset:0; border:1px solid #3c78c8; border-radius:50%; animation:supportPulse 2.6s ease-out infinite; }
.support-fab__label { position:absolute; right:66px; padding:9px 12px; opacity:0; visibility:hidden; color:#fff; background:var(--blue-deep); border-radius:5px; font-size:10px; font-weight:700; white-space:nowrap; box-shadow:0 8px 24px rgba(6,26,61,.2); transform:translateX(8px); transition:.3s; }
.support-fab__label::after { content:""; position:absolute; top:50%; right:-5px; width:10px; height:10px; background:var(--blue-deep); transform:translateY(-50%) rotate(45deg); }
.support-fab:hover .support-fab__label { opacity:1; visibility:visible; transform:translateX(0); }
.contact-widget { position: relative; }
.contact-widget__toggle { position: relative; width: 62px; height: 62px; display: grid; place-items: center; overflow: visible; border: 0; border-radius: 50%; color: var(--blue-deep); background: linear-gradient(145deg,var(--yellow-light),var(--yellow)); box-shadow: 0 14px 35px rgba(6,26,61,.30),0 0 0 5px rgba(255,221,0,.14); cursor: pointer; transition: transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s; }
.contact-widget__toggle:hover { transform: translateY(-4px) scale(1.04); box-shadow: 0 20px 42px rgba(6,26,61,.32),0 0 0 7px rgba(255,221,0,.18); }
.contact-widget__toggle>i { position: absolute; font-size: 22px; transition: opacity .25s,transform .35s; }
.contact-widget__close-icon { opacity: 0; transform: rotate(-90deg) scale(.5); }
.contact-widget.is-open .contact-widget__open-icon { opacity: 0; transform: rotate(90deg) scale(.5); }
.contact-widget.is-open .contact-widget__close-icon { opacity: 1; transform: rotate(0) scale(1); }
.contact-widget__pulse { position: absolute; inset: -1px; border: 2px solid var(--yellow); border-radius: 50%; animation: widgetPulse 2.2s ease-out infinite; }
.contact-widget.is-open .contact-widget__pulse { animation: none; opacity: 0; }
.contact-widget__teaser { position: absolute; right: 74px; bottom: 4px; width: max-content; max-width: 255px; padding: 13px 16px; opacity: 0; visibility: hidden; transform: translateX(14px) scale(.94); transform-origin: right bottom; color: var(--blue-deep); background: #fff; border-radius: 16px 16px 4px 16px; box-shadow: 0 16px 42px rgba(6,26,61,.22); font-size: 13px; font-weight: 600; line-height: 1.5; pointer-events: none; transition: opacity .4s, transform .4s cubic-bezier(.2,.8,.2,1); }
.contact-widget__teaser.is-visible { opacity: 1; visibility: visible; transform: none; pointer-events: auto; cursor: pointer; }
.contact-widget.is-open .contact-widget__teaser { opacity: 0; visibility: hidden; transform: translateX(14px) scale(.94); pointer-events: none; }
.contact-widget__teaser::after { content: ""; position: absolute; right: -6px; bottom: 13px; width: 13px; height: 13px; background: #fff; transform: rotate(45deg); }
.contact-widget__teaser-text { position: relative; z-index: 1; }
.contact-widget__teaser-text::after { content: "\258C"; margin-left: 1px; color: var(--yellow); font-weight: 400; animation: teaserCaret .8s step-end infinite; }
.contact-widget__teaser.is-done .contact-widget__teaser-text::after { content: none; }
.contact-widget__teaser-close { position: absolute; z-index: 2; top: -9px; right: -9px; width: 22px; height: 22px; display: grid; place-items: center; border: 0; border-radius: 50%; color: #fff; background: var(--blue); box-shadow: 0 4px 10px rgba(6,26,61,.3); font-size: 10px; cursor: pointer; opacity: 0; transition: opacity .3s, transform .3s, background .3s; }
.contact-widget__teaser.is-visible .contact-widget__teaser-close { opacity: 1; }
.contact-widget__teaser-close:hover { transform: scale(1.14); background: var(--blue-deep); }
@keyframes teaserCaret { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
@media (max-width: 600px) { .contact-widget__teaser { display: none; } }
.contact-widget__panel { position: absolute; right: 0; bottom: 78px; width: 340px; overflow: hidden; opacity: 0; visibility: hidden; transform: translateY(18px) scale(.94); transform-origin: right bottom; background: #fff; border: 1px solid rgba(8,45,115,.09); border-radius: 16px; box-shadow: 0 25px 70px rgba(4,22,54,.24); transition: opacity .3s,visibility .3s,transform .38s cubic-bezier(.2,.8,.2,1); }
.contact-widget.is-open .contact-widget__panel { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.contact-widget__head { position: relative; display: flex; align-items: center; gap: 12px; padding: 22px 22px 19px; color: #fff; background: linear-gradient(125deg,var(--blue-deep),var(--blue)); }
.contact-widget__head::after { content:""; position:absolute; top:-40px; right:-30px; width:130px; height:130px; border:1px solid rgba(255,221,0,.24); border-radius:50%; }
.contact-widget__head strong,.contact-widget__head small { position: relative; z-index: 1; display:block; }
.contact-widget__head strong { font-size: 16px; }
.contact-widget__head small { margin-top:3px; color:#cbd5e5; font-size:11px; }
.contact-widget__status { position: relative; z-index: 1; width:10px; height:10px; flex:0 0 auto; border-radius:50%; background:#53db8c; box-shadow:0 0 0 5px rgba(83,219,140,.15); animation: statusBlink 1.8s ease-in-out infinite; }
.contact-widget__links { padding: 10px; }
.contact-widget__links>a { display:flex; align-items:center; gap:12px; padding:10px; border-radius:10px; transition:background .25s,transform .25s; }
.contact-widget__links>a:hover { background:#f2f6fc; transform:translateX(3px); }
.contact-widget__links>a>div { min-width:0; flex:1; }
.contact-widget__links strong,.contact-widget__links small { display:block; }
.contact-widget__links strong { color:#0a1f42; font-size:13px; }
.contact-widget__links small { margin-top:3px; overflow:hidden; color:#818b9b; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.contact-widget__links>a>.fa-chevron-right { color:#b6c0ce; font-size:9px; transition:transform .25s,color .25s; }
.contact-widget__links>a:hover>.fa-chevron-right { color:var(--yellow); transform:translateX(2px); }
.widget-icon { width:40px; height:40px; display:grid; place-items:center; flex:0 0 auto; color:#fff; border-radius:50%; box-shadow:0 6px 15px rgba(6,26,61,.16); }
.widget-icon--phone { background:var(--blue); }
.widget-icon--telegram { background:#269ed8; }
.widget-icon--viber { background:#7360f2; }
.widget-icon--mail { color:var(--blue-deep); background:var(--yellow); }
.scroll-top { width:46px; height:46px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:50%; opacity:0; visibility:hidden; color:#fff; background:var(--blue); box-shadow:0 10px 25px rgba(6,26,61,.22); transform:translateY(15px); cursor:pointer; transition:opacity .3s,visibility .3s,transform .3s,background .25s,color .25s; }
.scroll-top.is-visible { opacity:1; visibility:visible; transform:translateY(0); }
.scroll-top:hover { color:var(--blue-deep); background:var(--yellow); transform:translateY(-3px); }
.modal-open { overflow:hidden; }
.support-modal { position:fixed; z-index:500; inset:0; display:grid; place-items:center; padding:20px; opacity:0; visibility:hidden; transition:opacity .35s,visibility .35s; }
.support-modal.is-open { opacity:1; visibility:visible; }
.support-modal__backdrop { position:absolute; inset:0; background:rgba(2,12,31,.72); backdrop-filter:blur(9px); }
.support-dialog { position:relative; width:min(100%,520px); overflow:hidden; border:1px solid rgba(255,255,255,.15); background:#fff; box-shadow:0 35px 110px rgba(0,0,0,.42); transform:translateY(35px) scale(.94); transition:transform .48s cubic-bezier(.16,1,.3,1); }
.support-modal.is-open .support-dialog { transform:translateY(0) scale(1); }
.support-dialog::before { content:""; position:absolute; top:-170px; right:-170px; width:330px; height:330px; border:1px solid rgba(8,45,115,.07); border-radius:50%; box-shadow:0 0 0 50px rgba(8,45,115,.022),0 0 0 100px rgba(8,45,115,.014); pointer-events:none; }
.support-dialog__accent { height:5px; background:linear-gradient(90deg,var(--blue) 0 62%,var(--yellow) 62%); }
.support-dialog__close { position:absolute; z-index:5; top:20px; right:20px; width:38px; height:38px; border:1px solid #e1e7ef; border-radius:50%; color:#6f7b8e; background:rgba(255,255,255,.82); cursor:pointer; transition:.3s; }
.support-dialog__close:hover { color:#fff; border-color:var(--blue); background:var(--blue); transform:rotate(90deg); }
.support-dialog__brand { display:flex; align-items:center; width:130px; height:104px; margin:18px 0 -6px 38px; }
.support-dialog__brand img { display:block; width:100%; height:100%; object-fit:contain; }
.support-dialog__content { position:relative; padding:0 42px 40px; }
.support-dialog__online { display:inline-flex; align-items:center; gap:8px; margin-bottom:12px; color:#6c7788; font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.support-dialog__online i { width:8px; height:8px; border-radius:50%; background:#54c783; box-shadow:0 0 0 5px rgba(84,199,131,.12); animation:statusBlink 1.8s infinite; }
.support-dialog h2 { margin:0; color:var(--blue-deep); font-size:34px; line-height:1.15; letter-spacing:-.04em; }
.support-dialog__content>p { margin:13px 0 25px; color:#778296; font-size:12px; line-height:1.7; }
.support-form label { display:block; margin-bottom:15px; color:#283b59; font-size:10px; font-weight:700; }
.support-form label>span { display:block; margin-bottom:7px; }
.support-form label>div { position:relative; }
.support-form label i { position:absolute; top:50%; left:16px; color:#9ba6b6; transform:translateY(-50%); transition:.25s; }
.support-form input { width:100%; height:53px; padding:0 16px 0 46px; border:1px solid #dae1eb; outline:0; color:#102746; background:#f9fafc; font:500 12px Montserrat,sans-serif; transition:.25s; }
.support-form label>div:focus-within i { color:var(--yellow); }
.support-form input:focus { border-color:var(--yellow); background:#fff; box-shadow:0 0 0 4px rgba(255,221,0,.12),0 12px 28px rgba(6,26,61,.06); transform:translateY(-1px); }
.support-form>button { position:relative; width:100%; height:54px; display:flex; align-items:center; justify-content:center; gap:12px; overflow:hidden; margin-top:7px; border:0; color:var(--blue-deep); background:var(--yellow); font:800 11px Montserrat,sans-serif; box-shadow:0 13px 30px rgba(255,221,0,.24); cursor:pointer; transition:.35s; }
.support-form>button::before { content:""; position:absolute; top:0; bottom:0; left:-35%; width:22%; background:rgba(255,255,255,.65); transform:skewX(-25deg); transition:left .6s; }
.support-form>button:hover { color:#fff; background:var(--blue); transform:translateY(-3px); box-shadow:0 18px 36px rgba(8,45,115,.24); }
.support-form>button:hover::before { left:120%; }
.support-form>button i { transition:transform .3s; }
.support-form>button:hover i { transform:translateX(5px); }
.support-form>small { display:block; margin-top:15px; color:#9aa3b0; font-size:8px; text-align:center; }
.support-form>small i { position:static; margin-right:5px; color:#54ad78; transform:none; }
.support-success { display:none; padding:28px 0 20px; text-align:center; animation:heroReveal .5s both; }
.support-success>span { width:72px; height:72px; display:grid; place-items:center; margin:0 auto 20px; color:#fff; background:var(--blue); border:7px solid #edf2f9; border-radius:50%; box-shadow:0 0 0 8px rgba(255,221,0,.18); }
.support-success>span i { font-size:24px; }
.support-success h3 { margin:0; color:var(--blue-deep); font-size:30px; }
.support-success p { max-width:340px; margin:10px auto 0; color:#788395; font-size:12px; line-height:1.7; }
.support-dialog.is-success .support-form,.support-dialog.is-success .support-dialog__online,.support-dialog.is-success h2,.support-dialog.is-success .support-dialog__content>p { display:none; }
.support-dialog.is-success .support-success { display:block; }

@keyframes heroReveal { from { opacity: 0; transform: translateY(34px); } to { opacity: 1; transform: translateY(0); } }
@keyframes orbitSpin { to { transform: rotate(360deg); } }
@keyframes widgetPulse { 0% { opacity:.8; transform:scale(1); } 75%,100% { opacity:0; transform:scale(1.55); } }
@keyframes statusBlink { 50% { opacity:.55; box-shadow:0 0 0 8px rgba(83,219,140,.08); } }
@keyframes sliderTimer { to { width:100%; } }
@keyframes supportPulse { 0%{opacity:.75;transform:scale(1)} 75%,100%{opacity:0;transform:scale(1.55)} }

/* --- Шапка: поступове стиснення, щоб «Увійти» та «Контакти» не зникали з екрана --- */
.header-actions { flex: 0 0 auto; }

@media (max-width: 1820px) {
  .header-inner { gap: 24px; padding-inline: 24px; }
  .brand { height: 142px; }
  .main-nav { gap: 5px; }
  .nav-link { padding-inline: 10px; font-size: 14px; letter-spacing: .01em; }
  .socials { gap: 6px; }
  .socials a { width: 32px; height: 32px; }
}

/* соцмережі лишаються у футері та у віджеті — у шапці звільняємо місце під кнопки */
@media (max-width: 1660px) {
  .header-inner { gap: 18px; }
  .brand { height: 132px; }
  .main-nav { gap: 4px; }
  .socials { display: none; }
  .nav-link { padding-inline: 9px; font-size: 13.6px; letter-spacing: 0; }
  .nav-link::after { right: 8px; left: 8px; }
  .header-actions { gap: 11px; }
  .phone { font-size: 13.5px; }
  .contact-button { min-height: 44px; padding-inline: 18px; font-size: 13.5px; }
}

@media (max-width: 1460px) {
  .header-inner { gap: 16px; padding-inline: 20px; }
  .brand { height: 124px; }
  .nav-link { padding-inline: 8px; font-size: 13.2px; }
  .login-link { font-size: 13.5px; }
  .contact-button { padding-inline: 16px; font-size: 13px; }
}

@media (max-width: 1340px) {
  .header-inner { gap: 12px; padding-inline: 16px; }
  .brand { height: 116px; }
  .main-nav { gap: 2px; }
  .nav-link { padding-inline: 6px; font-size: 12.6px; }
  .nav-link::after { right: 5px; left: 5px; }
  .nav-link i { margin-left: 4px; font-size: 8px; }
  .header-actions { gap: 9px; }
  .phone, .login-link { font-size: 12.6px; }
  .contact-button { min-height: 42px; padding-inline: 13px; font-size: 12.4px; }
}

@media (max-width: 1180px) {
  .header-inner { min-height: 104px; flex-wrap: wrap; }
  .brand { height: 116px; }
  .menu-toggle { display: grid; place-items: center; }
  .main-nav, .header-actions { display: none; width: 100%; }
  .site-header.menu-open .main-nav, .site-header.menu-open .header-actions { display: flex; }
  .main-nav { order: 3; flex-direction: column; align-items: stretch; gap: 0; margin: 0; padding-top: 8px; border-top: 1px solid var(--line); }
  .nav-item { display: block; }
  .nav-link { width: 100%; padding: 14px 0; text-align: left; }
  .dropdown { position: static; display: none; min-width: 0; padding: 2px 0 8px 16px; opacity: 1; visibility: visible; transform: none; border: 0; box-shadow: none; }
  .has-dropdown.open .dropdown { display: block; }
  .header-actions { order: 4; flex-wrap: wrap; padding: 8px 0 18px; }
  .phone i { display: inline; color: var(--yellow); }
  .news-grid { grid-template-columns:1fr 1fr; }
  .footer-main { grid-template-columns:1fr 1fr; gap:50px 70px; }
  .project-cta { grid-template-columns:43% 57%; }
  .project-cta__content { padding-right:80px; }
  .form-categories__heading { grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px 38px; }
  .form-categories__heading>p { grid-column:1/-1; max-width:680px; }
  .form-categories__grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .category-card { height:390px; grid-column:span 2; }
  .category-card:nth-child(n+4) { grid-column:span 3; }
  .project-gallery { padding-block:94px 90px; }
  .project-gallery__heading { align-items:flex-start; gap:45px; }
  .project-gallery__heading-side { width:min(100%,490px); }
  .project-gallery__slide { flex-basis:min(720px,76vw); height:470px; }
  .project-gallery--warehouse .project-gallery__track { grid-auto-columns:calc((100% - 28px)/3); }
  .project-gallery--warehouse .project-gallery__slide { height:clamp(330px,32vw,400px); }
  .objects-showcase { padding-block:94px 100px; }
  .objects-showcase__heading { align-items:flex-start; }
  .objects-showcase__heading-side { width:min(100%,520px); }
  .object-card { height:470px; }
  .sales-showcase { padding-block:92px 98px; }
  .sales-showcase__inner { grid-template-columns:1fr; gap:18px; }
  .sales-showcase__intro { min-height:0; padding:52px; }
  .sales-showcase__intro>p:not(.section-label) { max-width:680px; }
  .sales-product { min-height:410px; }
  .services-strip__inner { grid-template-columns:58px minmax(320px,1fr) auto; gap:22px; }
  .services-strip__inner>p { display:none; }
  .company-video { padding-block:94px; }
  .company-video__inner { min-height:0; grid-template-columns:minmax(0,1.25fr) minmax(360px,.85fr); }
  .company-video__content { padding:70px 40px; }
  .home-partners { padding-block:92px 98px; }
  .home-partners__heading { grid-template-columns:1fr; gap:22px; }
  .home-partners__heading>p { max-width:650px; margin-left:0; }
  .home-partners__list { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .home-faq { padding-block:95px 105px; }
  .home-faq__inner { grid-template-columns:1fr; gap:55px; }
  .home-faq__intro { position:relative; top:auto; max-width:720px; }
  .home-faq__intro h2 br { display:none; }
  .home-faq__intro h2 span { margin-left:10px; }
  .client-reviews__inner { grid-template-columns:1fr; gap:38px; }
  .client-reviews__intro>p:not(.section-label) { max-width:650px; }
  .seo-overview { padding-block:94px 100px; }
  .seo-overview__heading { grid-template-columns:1fr; gap:25px; }
  .seo-overview__heading>p { max-width:620px; }
  .seo-overview__panel { grid-template-columns:110px minmax(0,1fr); padding-right:38px; }
  .seo-overview__fade { left:110px; }
  .seo-overview__toggle { left:110px; }
  .rental-calculator { padding-block:94px 100px; }
  .rental-calculator__inner { grid-template-columns:1fr; gap:48px; }
  .rental-calculator__intro h2 { max-width:850px; }
  .rental-calculator__intro>p:not(.section-label),.rental-calculator__note { max-width:720px; }
  .rental-calculator__form { padding:34px; }
}

@media (min-width: 1000px) and (max-width: 1180px) {
  .form-categories__grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
  .form-categories__grid .category-card,.form-categories__grid .category-card:nth-child(n+4) { height:360px; grid-column:auto; }
  .category-card__content { right:14px; bottom:20px; left:14px; grid-template-columns:38px 1fr 34px; gap:9px; }
  .category-card__icon { width:38px; height:38px; }
  .category-card__arrow { width:34px; height:34px; }
  .category-card__copy strong { font-size:13px; }
  .category-card__copy small { font-size:8px; }
}

@media (max-width: 600px) {
  .accent-line { height: 7px; }
  .header-inner { padding-inline: 16px; }
  .brand { height: 96px; }
  .header-actions { align-items: flex-start; }
  .phone { width: 100%; }
  .socials { order: 3; width: 100%; }
  .contact-button { flex: 1; }
  .hero { min-height: 590px; }
  .hero-slide { padding:65px 20px 100px; }
  .hero p:not(.eyebrow) { font-size: 16px; }
  .slider-controls { right:20px; bottom:22px; }
  .form-categories { padding:72px 16px 78px; }
  .form-categories::after { left:16px; }
  .form-categories__heading { grid-template-columns:1fr; align-items:flex-start; gap:20px; margin-bottom:30px; }
  .form-categories__heading>p { grid-column:auto; font-size:14px; line-height:1.65; }
  .form-categories__terms { width:100%; min-width:0; max-width:360px; }
  .form-categories__grid { grid-template-columns:1fr; gap:14px; }
  .form-categories__grid .category-card { height:350px; grid-column:auto; }
  .category-card:nth-child(n+4) { grid-column:auto; }
  .category-card__content { right:18px; bottom:20px; left:18px; }
  .category-card__icon { width:42px; height:42px; }
  .category-card__copy strong { font-size:16px; }
  .category-card:hover { transform:translateY(-6px); }
  .project-gallery { padding:76px 16px 70px; }
  .project-gallery__heading { align-items:flex-start; flex-direction:column; gap:28px; margin-bottom:28px; }
  .project-gallery__heading h2 { font-size:42px; }
  .project-gallery__heading br { display:none; }
  .project-gallery__heading h2 span { margin-left:8px; }
  .project-gallery__heading-side { width:100%; align-items:flex-start; flex-direction:column; gap:24px; }
  .project-gallery__heading-side>p { font-size:13px; }
  .project-gallery__controls { width:100%; justify-content:space-between; }
  .project-gallery__arrow { width:44px; height:44px; }
  .project-gallery__viewport { margin-right:-16px; padding-bottom:25px; }
  .project-gallery__track { gap:12px; }
  .project-gallery__slide { flex-basis:calc(100vw - 48px); height:390px; }
  .project-gallery--warehouse { padding-block:72px 68px; }
  .project-gallery--warehouse .project-gallery__heading-side { align-items:flex-start; flex-direction:column; gap:20px; }
  .project-gallery--warehouse .project-gallery__viewport { margin-right:-16px; overflow-x:auto; overflow-y:hidden; }
  .project-gallery--warehouse .project-gallery__track { grid-template-columns:none; grid-auto-columns:82vw; gap:12px; }
  .project-gallery--warehouse .project-gallery__slide { height:330px; }
  .project-gallery__number { top:20px; left:20px; }
  .project-gallery__caption { right:68px; bottom:24px; left:20px; }
  .project-gallery__caption strong { font-size:21px; }
  .project-gallery__caption small { font-size:8px; }
  .project-gallery__zoom { right:18px; bottom:22px; width:42px; height:42px; }
  .project-gallery__photo:hover::before { inset:5px; }
  .project-gallery__bottom { align-items:flex-start; flex-direction:column; gap:24px; }
  .gallery-lightbox { padding:12px; }
  .gallery-lightbox__image { height:58vh; }
  .gallery-lightbox__nav { width:46px; height:46px; font-size:14px; }
  .gallery-lightbox__nav--prev { left:8px; }
  .gallery-lightbox__nav--next { right:8px; }
  .gallery-lightbox__counter { bottom:10px; left:10px; padding:6px 11px; font-size:11px; }
  .gallery-lightbox__thumbs { padding:0 20px 18px; }
  .gallery-lightbox__thumbs button { width:74px; height:50px; }
  .gallery-lightbox__caption { align-items:flex-start; flex-direction:column; gap:9px; padding:20px; }
  .gallery-lightbox__caption h2 { text-align:left; }
  .objects-showcase { padding:78px 16px 84px; }
  .objects-showcase__heading { align-items:flex-start; flex-direction:column; gap:25px; margin-bottom:30px; }
  .objects-showcase__heading h2 { font-size:42px; }
  .objects-showcase__heading-side { width:100%; align-items:flex-start; flex-direction:column; gap:20px; }
  .objects-showcase__heading-side>p { font-size:13px; }
  .objects-showcase__grid { grid-template-columns:1fr; gap:12px; }
  .object-card { height:440px; }
  .object-card__meta { right:20px; bottom:24px; left:20px; }
  .object-card__meta strong { font-size:24px; }
  .object-card__meta .object-card__description { margin-top:10px; font-size:11px; line-height:1.55; }
  .object-card__meta>span:not(.object-card__description) { margin-top:13px; }
  .object-card:hover,.objects-showcase.in-view .object-card:hover { transform:translateY(-5px); }
  .sales-showcase { padding:76px 16px 82px; }
  .sales-showcase__intro { padding:40px 24px 43px; }
  .sales-showcase__intro h2 { font-size:39px; }
  .sales-showcase__intro>p:not(.section-label) { font-size:12px; }
  .sales-showcase__products { grid-template-columns:1fr; gap:12px; }
  .sales-product { min-height:350px; }
  .sales-product__content strong { font-size:16px; }
  .sales-product:hover,.sales-showcase.in-view .sales-product:hover { transform:translateY(-5px); }
  .services-strip { padding:22px 16px 25px; }
  .services-strip__inner { min-height:0; grid-template-columns:48px minmax(0,1fr); gap:16px; }
  .services-strip__icon { width:46px; height:46px; font-size:15px; }
  .services-strip__copy h2 { font-size:22px; }
  .services-strip__inner>p { display:none; }
  .services-strip__button { min-height:48px; grid-column:1/-1; width:100%; }
  .company-video { padding:74px 16px; }
  .company-video__inner { min-height:0; grid-template-columns:1fr; }
  .company-video__preview::before { inset:10px; }
  .company-video__duration { right:24px; bottom:23px; }
  .company-video__content { padding:68px 24px 62px; }
  .company-video__content h2 { font-size:35px; overflow-wrap:anywhere; }
  .company-video__content>p:not(.section-label) { margin-block:22px 26px; font-size:13px; }
  .company-video__facts { gap:20px; }
  .company-video__button { width:100%; justify-content:center; }
  .company-video-modal { padding:12px; }
  .company-video-modal__brand { height:68px; padding-left:14px; }
  .company-video-modal__brand img { width:68px; height:68px; }
  .company-video-modal__caption { align-items:flex-start; flex-direction:column; gap:7px; padding:18px; }
  .company-video-modal__caption h2 { font-size:17px; }
  .company-video-modal__fallback strong { font-size:19px; }
  .home-partners { padding:75px 16px 80px; }
  .home-partners__orbit { top:-190px; right:-260px; width:480px; height:480px; }
  .home-partners__heading { margin-bottom:32px; }
  .home-partners__heading h2 { font-size:42px; }
  .home-partners__heading>p { padding-left:16px; font-size:12px; line-height:1.7; }
  .home-partners__list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .home-partner { min-height:118px; padding:15px 10px; }
  .home-partner__mark { gap:6px; font-size:15px; }
  .home-partner__mark small { font-size:5px; letter-spacing:.12em; }
  .home-partner__mark--efe { font-size:21px; }
  .home-partner__mark--blago { min-width:100px; padding:10px; }
  .home-partner:hover,.home-partners.in-view .home-partner:hover { transform:translateY(-4px); }
  .home-faq { padding:78px 16px 82px; }
  .home-faq::after { width:38%; }
  .home-faq__inner { gap:38px; }
  .home-faq__intro h2 { font-size:42px; }
  .home-faq__intro h2 br { display:block; }
  .home-faq__intro h2 span { margin-left:0; }
  .home-faq__intro>p:not(.section-label) { margin:22px 0 27px; font-size:14px; }
  .home-faq__meta { margin-bottom:28px; }
  .faq-list { gap:9px; }
  .faq-question { min-height:72px; grid-template-columns:28px 1fr 34px; gap:10px; padding:12px 12px 12px 15px; }
  .faq-item__question { font-size:13px; line-height:1.45; }
  .faq-item__toggle { width:32px; height:32px; }
  .faq-answer p { padding:0 18px 22px 53px; font-size:12px; line-height:1.7; }
  .faq-item:hover,.home-faq.in-view .faq-item:hover { transform:none; }
  .client-reviews { padding:70px 16px; }
  .client-reviews__inner { gap:31px; padding:38px 20px 22px; }
  .client-reviews__intro h2 { font-size:39px; }
  .client-reviews__intro>p:not(.section-label) { margin-block:19px 22px; font-size:12px; }
  .client-reviews__cards { grid-template-columns:1fr; gap:11px; }
  .review-card { padding:24px 20px; }
  .review-card blockquote { min-height:0; font-size:12px; }
  .review-card:hover,.client-reviews.in-view .review-card:hover { transform:translateY(-4px); }
  .news-grid { grid-template-columns:1fr; }
  .home-news { padding:75px 16px; }
  .home-news__heading { align-items:flex-start; flex-direction:column; }
  .seo-overview { padding:76px 16px 82px; }
  .seo-overview::before { top:-170px; right:-230px; width:450px; height:450px; }
  .seo-overview__heading { gap:22px; margin-bottom:30px; }
  .seo-overview__heading h2 { font-size:39px; line-height:1.08; }
  .seo-overview__heading>p { padding-left:16px; font-size:13px; line-height:1.7; }
  .seo-overview__panel { display:block; min-height:0; padding:34px 20px 82px; }
  .seo-overview__panel::after { top:12px; right:16px; font-size:54px; }
  .seo-overview__rail { display:none; }
  .seo-overview__content { max-height:245px; padding-right:0; }
  .seo-overview__content h3 { margin-bottom:14px; font-size:21px; }
  .seo-overview__content h3:not(:first-child) { margin-top:26px; }
  .seo-overview__content p { margin-bottom:14px; font-size:13px; line-height:1.75; }
  .seo-overview__fade { bottom:67px; left:0; height:105px; }
  .seo-overview__toggle { bottom:27px; left:20px; }
  .seo-overview.is-expanded .seo-overview__content { max-height:1800px; }
  .rental-calculator { padding:76px 16px 80px; }
  .rental-calculator__orbit { top:-160px; right:-280px; width:460px; height:460px; }
  .rental-calculator__inner { gap:34px; }
  .rental-calculator__intro h2 { font-size:40px; line-height:1.06; }
  .rental-calculator__intro>p:not(.section-label) { margin-block:22px 25px; font-size:13px; }
  .rental-calculator__note { grid-template-columns:34px 1fr; padding:13px; }
  .rental-calculator__note>i { width:34px; height:34px; }
  .rental-calculator__form { padding:26px 18px 22px; }
  .rental-calculator__form::after { top:-5px; font-size:64px; }
  .rental-calculator__fields { grid-template-columns:1fr; gap:15px; }
  .calculator-field,.calculator-field:nth-child(n+4) { grid-column:auto; }
  .calculator-field input,.calculator-field select { height:50px; }
  .calculator-checkbox { width:100%; margin-block:20px 22px; }
  .calculator-checkbox>span:last-child small { line-height:1.45; }
  .rental-calculator__summary { grid-template-columns:1fr 1fr; }
  .rental-calculator__summary>span { min-height:68px; padding:12px 14px; }
  .rental-calculator__summary>span:nth-child(2) { border-right:0; }
  .rental-calculator__total { grid-column:1/-1; min-height:82px!important; border-top:1px solid rgba(255,255,255,.11); }
  .rental-calculator__total output { font-size:28px; }
  .rental-calculator__footer { align-items:flex-start; flex-direction:column; gap:15px; }
  .floating-tools { right: 15px; bottom: 15px; }
  .contact-widget__toggle { width:56px; height:56px; }
  .contact-widget__panel { right:0; bottom:70px; width:min(330px,calc(100vw - 30px)); }
  .support-fab__label { display:none; }
  .support-dialog__brand { margin-left:24px; }
  .support-dialog__content { padding:0 24px 28px; }
  .support-dialog h2 { font-size:29px; }
  .project-cta { min-height:0; grid-template-columns:1fr; }
  .project-cta__media { min-height:340px; }
  .project-cta__content { min-height:auto; margin:0; padding:70px 70px 70px 22px; clip-path:none; }
  .project-cta__quick { right:14px; }
  .project-cta__tag { right:18px; bottom:18px; }
  .project-cta__quick span { display:none; }
  .footer-container { width:calc(100% - 32px); }
  .footer-main { grid-template-columns:1fr; gap:38px; padding:65px 0 45px; }
  .footer-company>p { max-width:100%; }
  .footer-bottom { align-items:flex-start; flex-direction:column; padding:25px 0; }
  .footer-legal { gap:15px 20px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Premium double-line hover for the desktop navigation */
@media (min-width:1181px) {
  .main-nav>.nav-link,
  .main-nav>.nav-item>.nav-link {
    position:relative;
    isolation:isolate;
    transition:color .55s ease;
  }
  .main-nav>.nav-link::before,
  .main-nav>.nav-link::after,
  .main-nav>.nav-item>.nav-link::before,
  .main-nav>.nav-item>.nav-link::after {
    content:"";
    position:absolute;
    right:9px;
    left:9px;
    width:auto;
    height:4px;
    opacity:1;
    background:linear-gradient(90deg,#ffb800 0%,#ffdd00 48%,#fff27a 100%);
    box-shadow:0 0 12px rgba(255,221,0,.2);
    pointer-events:none;
    transform:scaleX(0);
    transition:transform .82s cubic-bezier(.16,1,.3,1),box-shadow .82s;
  }
  .main-nav>.nav-link::before,
  .main-nav>.nav-item>.nav-link::before {
    top:21px;
    bottom:auto;
    transform-origin:left;
  }
  .main-nav>.nav-link::after,
  .main-nav>.nav-item>.nav-link::after {
    top:auto;
    bottom:21px;
    transform-origin:right;
  }
  .main-nav>.nav-link:hover::before,
  .main-nav>.nav-link:hover::after,
  .main-nav>.nav-link:focus-visible::before,
  .main-nav>.nav-link:focus-visible::after,
  .main-nav>.nav-item>.nav-link:hover::before,
  .main-nav>.nav-item>.nav-link:hover::after,
  .main-nav>.nav-item>.nav-link:focus-visible::before,
  .main-nav>.nav-item>.nav-link:focus-visible::after {
    transform:scaleX(1);
    box-shadow:0 0 16px rgba(255,221,0,.34);
  }
  .main-nav>.nav-link:hover,
  .main-nav>.nav-link:focus-visible,
  .main-nav>.nav-item>.nav-link:hover,
  .main-nav>.nav-item>.nav-link:focus-visible {
    color:#0b4a9b;
  }
  .main-nav>.nav-link.active::after,
  .main-nav>.nav-item>.nav-link.active::after {
    transform:scaleX(1);
  }
}