.hero{position:relative}.hero__frame{background:#0a0f1c;width:100%;height:88vh;min-height:560px;max-height:820px;position:relative;overflow:hidden}.hero__bg{object-fit:cover;opacity:0;filter:brightness(.72)saturate(1.05);width:100%;height:100%;transition:opacity 2.2s ease-in-out,transform 7s ease-out;position:absolute;inset:0;transform:scale(1.06)}.hero__bg--active{opacity:1;transform:scale(1)}.hero__overlay{z-index:1;pointer-events:none;background-image:linear-gradient(#050a1959 0% 40%,#050a19cc 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:no-repeat,repeat;background-size:100% 100%,140px 140px;position:absolute;inset:0}.hero__content{z-index:2;flex-direction:column;align-items:flex-start;gap:18px;max-width:720px;display:flex;position:absolute;bottom:14%;left:6%}.hero__eyebrow{color:var(--color-orange);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:13px;font-weight:600}.hero__title{color:var(--color-white);letter-spacing:-.01em;text-shadow:0 2px 6px #00000080,0 10px 30px #00000080;margin:0;font-size:clamp(28px,4.6vw,58px);font-weight:700;line-height:1.12;animation:.6s hero-title-in}@keyframes hero-title-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero__cta{background:var(--color-orange);color:var(--color-white);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex;box-shadow:0 6px 16px #00000059}.hero__cta:hover{background:#ff6d34;transform:translateY(-2px);box-shadow:0 10px 22px #0006}.hero__arrow{z-index:2;width:44px;height:44px;color:var(--color-white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;opacity:0;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,background-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero__frame:hover .hero__arrow{opacity:1}.hero__arrow:hover{background:#ffffff4d}.hero__arrow--prev{left:24px}.hero__arrow--next{right:24px}.hero__footer{z-index:2;align-items:center;gap:16px;display:flex;position:absolute;bottom:6%;right:6%}.hero__counter{color:#ffffffbf;letter-spacing:.05em;font-size:13px;font-weight:600}.hero__dots{align-items:center;gap:10px;display:flex}.hero__dot{border:2px solid var(--color-white);cursor:pointer;background:0 0;border-radius:999px;width:10px;height:10px;padding:0;transition:background-color .25s,width .25s,border-color .25s}.hero__dot--active{background:var(--color-orange);border-color:var(--color-orange);width:26px}.hero__dot:hover{border-color:var(--color-orange)}@media (width<=900px){.hero__frame{height:78vh}.hero__content{max-width:none;left:24px;right:24px}}@media (width<=640px){.hero__frame{height:72vh;min-height:460px}.hero__footer{right:24px}.hero__arrow{opacity:1;width:36px;height:36px}.hero__cta{padding:12px 24px;font-size:13px}}.stats-bar-wrap{z-index:3;margin-top:-64px;padding:0 20px;position:relative}.stats-bar{max-width:var(--container-width);background:var(--color-white);border-radius:14px;grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid;box-shadow:0 20px 50px #080f282e}.stats-bar__item{text-align:center;border-left:1px solid var(--color-border);padding:28px 20px}.stats-bar__item:first-child{border-left:none}.stats-bar__number{color:var(--color-blue);margin-bottom:8px;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1}.stats-bar__label{color:#555;font-size:13px;font-weight:500}@media (width<=720px){.stats-bar-wrap{margin-top:-40px}.stats-bar{border-radius:10px;grid-template-columns:repeat(2,1fr)}.stats-bar__item{padding:20px 12px}.stats-bar__item:nth-child(2){border-left:1px solid var(--color-border)}.stats-bar__item:first-child,.stats-bar__item:nth-child(3){border-left:none}.stats-bar__item:nth-child(3),.stats-bar__item:nth-child(4){border-top:1px solid var(--color-border)}}.products{padding:64px 0 24px}.products__grid{grid-template-columns:repeat(3,1fr);gap:40px 8px;display:grid}.product-card{background:var(--color-bg);border:1px solid var(--color-border);transition:transform .25s,box-shadow .25s;box-shadow:0 4px 4px #00000040}.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0003}.product-card__image{aspect-ratio:300/213;overflow:hidden}.product-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.product-card:hover .product-card__image img{transform:scale(1.08)}.product-card__divider{background:#d9d9d9;height:2px}.product-card__label{color:var(--color-orange);text-align:center;padding:12px 8px;font-size:16px;font-weight:600}@media (width<=720px){.products__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.products__grid{grid-template-columns:1fr}}.portfolio{padding:48px 0}.portfolio__container{max-width:var(--container-width)}.portfolio__subheading{color:#555;text-align:center;margin-bottom:32px;font-size:15px;font-weight:500}.portfolio__grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.portfolio__item{aspect-ratio:4/3;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0;font-family:inherit;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 14px #102a8314}.portfolio__item:hover{transform:translateY(-5px);box-shadow:0 14px 28px #102a832e}.portfolio__badge{z-index:1;color:var(--color-blue);letter-spacing:.02em;background:#ffffffeb;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.portfolio__item img{object-fit:cover;width:100%;height:100%;transition:transform .4s,filter .35s;display:block}.portfolio__item:hover img{transform:scale(1.06)}.portfolio__item--open img{filter:blur(2px)brightness(.6);transform:scale(1.1)}.portfolio__name{color:var(--color-white);text-align:left;opacity:0;background:linear-gradient(#0000,#102a83d9);padding:14px 16px;font-size:15px;font-weight:600;transition:opacity .25s,transform .25s;position:absolute;inset:auto 0 0;transform:translateY(8px)}.portfolio__item:hover .portfolio__name{opacity:1;transform:translateY(0)}.portfolio__item--open .portfolio__name{opacity:0}.portfolio__desc{color:var(--color-white);text-align:left;opacity:0;pointer-events:none;background:#102a83e6;align-items:center;padding:20px;font-size:13px;line-height:1.6;transition:opacity .35s cubic-bezier(.34,1.56,.64,1),transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;inset:0;transform:translateY(16px)scale(.96)}.portfolio__item--open .portfolio__desc{opacity:1;transform:translateY(0)scale(1)}.portfolio__more-wrap{justify-content:center;margin-top:40px;display:flex}.portfolio__more{border:2px solid var(--color-blue);color:var(--color-blue);border-radius:999px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.portfolio__more:hover{background:var(--color-blue);color:var(--color-white)}@media (width<=1024px){.portfolio__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.portfolio__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.portfolio__grid{grid-template-columns:1fr}.portfolio__name{opacity:1;transform:none}}.advantages{padding:64px 0}.advantages__container{max-width:var(--container-width)}.advantages__grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.advantage-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;padding:28px 24px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.advantage-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px #102a8324}.advantage-card__number{color:var(--color-bg);z-index:0;-webkit-user-select:none;user-select:none;font-size:64px;font-weight:700;line-height:1;position:absolute;top:-10px;right:12px}.advantage-card__icon-wrap{z-index:1;background:#f15a241a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;display:flex;position:relative}.advantage-card__icon{color:var(--color-orange)}.advantage-card__title{z-index:1;color:var(--color-blue);margin-bottom:10px;font-size:16px;font-weight:700;position:relative}.advantage-card__text{z-index:1;color:#444;font-size:13px;line-height:1.6;position:relative}@media (width<=1024px){.advantages__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.advantages__grid{grid-template-columns:1fr}}.brands{padding:48px 0 64px;overflow:hidden}.brands__marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.brands__track{align-items:center;gap:48px;width:max-content;animation:45s linear infinite brands-scroll;display:flex}.brands__logo{object-fit:contain;mix-blend-mode:multiply;filter:grayscale();flex:none;width:auto;max-width:130px;height:42px;transition:filter .25s}.brands__logo:hover{filter:grayscale(0)}@keyframes brands-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.brands__track{animation:none}}.testimonials{padding:48px 0}.testimonial-carousel{align-items:center;gap:16px;display:flex}.testimonial-card{background:var(--color-white);text-align:center;border:1px solid #7267671f;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:260px;padding:48px 56px;animation:.5s testimonial-fade;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #102a8314}.testimonial-card__quote-icon{color:var(--color-bg);z-index:0;position:absolute;top:12px;left:20px;font-size:64px!important}@keyframes testimonial-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.testimonial-card__photo{object-fit:cover;border:2px solid var(--color-orange);z-index:1;border-radius:50%;width:64px;height:64px;margin-bottom:16px}.testimonial-card__quote{color:var(--color-text);z-index:1;max-width:640px;margin-bottom:12px;font-size:16px;font-style:italic;line-height:1.6}.testimonial-card__name{color:var(--color-blue);z-index:1;font-size:14px;font-weight:600}.testimonial-card__role{color:#666;z-index:1;font-size:12px}.testimonial-arrow{border:1px solid var(--color-border);background:var(--color-white);width:40px;height:40px;color:var(--color-blue);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}.testimonial-arrow:hover{background:var(--color-blue);color:var(--color-white)}.testimonial-dots{justify-content:center;gap:10px;margin-top:20px;display:flex}.testimonial-dot{border:2px solid var(--color-blue);cursor:pointer;background:0 0;border-radius:999px;width:10px;height:10px;padding:0;transition:background-color .25s,width .25s}.testimonial-dot--active{background:var(--color-orange);border-color:var(--color-orange);width:24px}@media (width<=600px){.testimonial-carousel{gap:8px}.testimonial-card{min-height:auto;padding:36px 24px 28px}.testimonial-arrow{width:32px;height:32px}.testimonial-card__quote-icon{font-size:44px!important}}.contact{padding:48px 0}.contact__grid{grid-template-columns:1.1fr 1fr;align-items:stretch;gap:32px;display:grid}.contact-form{background:var(--color-white);border:1px solid var(--color-border);border-radius:6px;flex-direction:column;gap:18px;padding:28px;display:flex}.contact-form__row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-form__field{flex-direction:column;gap:6px;display:flex}.contact-form__field label{color:var(--color-blue);font-size:13px;font-weight:600}.contact-form__field input,.contact-form__field select,.contact-form__field textarea{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);resize:vertical;border-radius:4px;padding:10px 12px;font-family:inherit;font-size:14px}.contact-form__field input:focus,.contact-form__field select:focus,.contact-form__field textarea:focus{outline:2px solid var(--color-orange);outline-offset:1px}.contact-form__submit{background:var(--color-blue);color:var(--color-white);cursor:pointer;border:none;border-radius:5px;align-self:flex-start;padding:12px 32px;font-size:14px;font-weight:600;transition:opacity .2s}.contact-form__submit:hover{opacity:.9}.contact-form__feedback{color:var(--color-blue);font-size:13px;font-weight:600}.contact__map-wrap{height:100%;min-height:320px;position:relative}.contact__map{border:1px solid var(--color-border);border-radius:6px;width:100%;height:100%;min-height:320px}.contact__directions{background:var(--color-white);color:var(--color-blue);border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0003}.contact__directions:hover{background:var(--color-blue);color:var(--color-white)}@media (width<=900px){.contact__grid{grid-template-columns:1fr}.contact__map,.contact__map-wrap{min-height:320px}}@media (width<=480px){.contact-form__row{grid-template-columns:1fr}.contact__map,.contact__map-wrap{min-height:260px}}.closing-cta{background:var(--color-blue);background-image:radial-gradient(circle at 15% 20%,#f15a242e,#0000 55%);padding:80px 0;position:relative;overflow:hidden}.closing-cta:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:140px 140px;position:absolute;inset:0}.closing-cta__inner{z-index:1;text-align:center;position:relative}.closing-cta__eyebrow{color:var(--color-orange);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-size:12px;font-weight:600}.closing-cta__title{color:var(--color-white);max-width:720px;margin:0 auto 32px;font-size:clamp(26px,3.6vw,42px);font-weight:700;line-height:1.2}.closing-cta__button{background:var(--color-orange);color:var(--color-white);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:16px 36px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex;box-shadow:0 8px 20px #0000004d}.closing-cta__button:hover{background:#ff6d34;transform:translateY(-2px);box-shadow:0 12px 26px #00000059}
