body{font-family:'Golos Text',Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,.brand,.stats strong,.btn,.catalog-tabs,.process-tabs,.footer-brand{font-family:'Manrope','Golos Text',sans-serif}h1{font-weight:600;font-size:clamp(42px,4.6vw,75px);letter-spacing:-2.8px;line-height:1.11}h2{font-size:clamp(32px,3.2vw,49px);font-weight:600;letter-spacing:-1.8px;line-height:1.16}h3{letter-spacing:-.6px}.brand{font-weight:800;letter-spacing:-.4px}.brand small{font-family:'Golos Text',sans-serif;letter-spacing:1.5px}.header-info a{font-family:'Manrope',sans-serif;font-weight:700}.top{transition:padding .35s, min-height .35s}.header-scrolled .top{padding-top:10px;padding-bottom:10px;min-height:78px}header{transition:box-shadow .4s,background .4s}header.header-scrolled{box-shadow:0 5px 40px #0d233e30;background:#10243afa}nav a{position:relative;padding:4px 0}nav a:after{content:'';position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:#5bb6e5;transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a:hover:after{transform:scaleX(1)}.page-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#31ace4,#a1def7);z-index:100;transform:scaleX(0);transform-origin:left;pointer-events:none}.hero{background:#10243a;isolation:isolate;overflow:hidden;min-height:720px}.hero-slides{position:absolute;inset:0;z-index:-2}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.04);transition:opacity 1.6s ease,transform 9s linear;will-change:opacity,transform}.hero-slide.active{opacity:1;transform:scale(1.12)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06172bcf,#10243a70),linear-gradient(0deg,#07142655,transparent 50%);z-index:-1}.hero-overlay{max-width:1200px;position:relative}.hero .eyebrow{font-size:10px;letter-spacing:3.8px;margin-bottom:28px;color:#a6d5f0}.hero p{font-size:16px;font-weight:400;line-height:1.8;color:#ccdfeb}.hero .btn{font-weight:500;padding:20px 30px;border-radius:2px;box-shadow:0 15px 45px #0003}.hero-controls{position:absolute;bottom:30px;left:5vw;display:flex;gap:10px;align-items:center}.slide-dot{height:3px;width:55px;padding:0;border:0;background:#ffffff40;position:relative;overflow:hidden}.slide-dot.active{background:#ffffff70}.slide-dot.active:after{content:'';position:absolute;inset:0;background:#5ec4f3;transform-origin:left;animation:slideTime 8s linear}.hero-paused .slide-dot.active:after{animation-play-state:paused}#pauseHero{background:transparent;border:1px solid #ffffff55;color:white;width:30px;height:30px;font-size:10px;margin-left:8px;border-radius:50%}.slide-label{font-size:9px;letter-spacing:1px;color:#c4deed;margin-left:15px}.visual-note{font-size:8px;opacity:.7}.scroll-cue{position:absolute;left:50%;bottom:28px;color:#c3def0;display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:2px}.scroll-cue span{animation:down 2s ease-in-out infinite;font-size:19px}.stats{padding-top:45px;padding-bottom:45px}.stats strong{font-size:37px;letter-spacing:-1.2px;font-weight:600}.stats>div{border-left:1px solid #ccd9e4;padding-left:25px}.stats small{font-size:11px}.ticker{overflow:hidden;background:#153d64;color:#d5e7f5;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15;padding:18px 0}.ticker-track{display:flex;width:max-content;animation:ticker 45s linear infinite;gap:45px;align-items:center}.ticker span{font-family:'Manrope',sans-serif;font-size:12px;font-weight:500;letter-spacing:1px;white-space:nowrap}.ticker i{height:4px;width:4px;background:#52b7e5;border-radius:50%;display:block}.pillars a{border-radius:3px;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,background .45s}.pillars a:hover{transform:translateY(-9px);box-shadow:0 20px 45px #16457925}.pillars h3{font-weight:600;font-size:25px}.pillars a b{display:inline-block;transition:transform .3s}.pillars a:hover b{transform:translateX(7px)}.product{border-color:#dce5ed;border-radius:4px;overflow:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .4s}.product:hover{transform:translateY(-7px);box-shadow:0 23px 45px #173b5a16;border-color:#87b8d7}.product img{transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s}.product:hover img{transform:scale(1.075)}.product h3{font-weight:600;font-size:22px}.product-body{padding:30px}.choose span{transition:transform .3s}.choose:hover span{transform:translateX(7px)}.catalog-tabs{position:relative}.catalog-tabs button{transition:color .3s,background .3s,box-shadow .3s}.catalog-tabs button.active{box-shadow:0 5px 20px #173b5a13}.process-tabs button{font-family:'Manrope',sans-serif;font-size:12px;font-weight:600;transition:background .4s,color .4s,padding .4s}.process-tabs button:hover{padding-left:26px}.process-content img{border-radius:3px}.process-content.changing{animation:contentIn .5s ease}.azs-image{overflow:hidden;border-radius:3px}.azs-image img{transition:transform 1s;object-position:center}.azs-image:hover img{transform:scale(1.045)}.service{transition:transform .4s,box-shadow .4s}.service:hover{transform:translateY(-6px);box-shadow:0 15px 35px #153b5c12}.experience-row{transition:background .4s,padding .4s}.experience-row:hover{background:#f3f7fa;padding-left:15px;padding-right:15px}.experience-row h3{font-weight:600}.btn{position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,filter .3s}.btn:after{content:'';position:absolute;top:-30%;left:-50%;width:30%;height:160%;background:linear-gradient(90deg,transparent,#ffffff20,transparent);transform:skewX(-20deg);transition:left .6s}.btn:hover:after{left:125%}.btn:hover{box-shadow:0 12px 25px #1b68a32a}.btn span{transition:transform .3s}.btn:hover span{transform:translateX(5px)}.calc-result{border-radius:4px;box-shadow:0 20px 45px #183e6420}.calc-result strong{font-family:'Manrope',sans-serif;font-weight:500;font-size:55px}.calc-result.updated #summary strong{animation:resultPulse .45s ease}.fields input,.fields select{transition:box-shadow .3s,border-color .3s}.fields input:focus,.fields select:focus{border-color:#3e91c8;box-shadow:0 0 0 4px #3498d812;outline:0}.motion-ready .reveal-item{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}.motion-ready .reveal-item.is-visible{opacity:1;transform:translateY(0)}.hero .eyebrow{animation:contentIn .9s both .1s}.hero h1{animation:contentIn 1.1s both .25s}.hero p{animation:contentIn 1.1s both .45s}.hero .btn{animation:contentIn 1.1s both .65s}.catalog-grid.filtered .product:not([hidden]){animation:contentIn .5s ease both}.floating{transition:transform .3s,box-shadow .3s}.floating:hover{transform:translateY(-4px);box-shadow:0 15px 35px #10243a50}@keyframes contentIn{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}@keyframes down{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes slideTime{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes resultPulse{0%{opacity:.3;transform:translateY(5px)}100%{opacity:1;transform:translateY(0)}}@media(max-width:1100px){h1{font-size:60px}.hero{min-height:660px}.stats strong{font-size:30px}}@media(max-width:700px){h1{font-size:38px;letter-spacing:-1.6px;line-height:1.14}h2{font-size:30px;letter-spacing:-1px}.hero{min-height:650px;padding-top:70px;padding-bottom:100px}.hero h1 br:first-child{display:none}.hero .eyebrow{font-size:8px;letter-spacing:2px}.hero p{font-size:13px}.hero .btn{font-size:12px;padding:18px 21px}.hero-controls{left:6vw;bottom:28px}.slide-label{display:none}.scroll-cue{left:auto;right:6vw;bottom:31px}.visual-note{bottom:8px;right:6vw;font-size:7px}.stats strong{font-size:27px}.stats>div{padding-left:15px}.ticker{padding:15px 0}.ticker span{font-size:10px}.ticker-track{gap:28px}.top{transition:none}.header-scrolled .top{min-height:80px;padding:12px 5vw}.product h3{font-size:23px}.hero-slide{object-position:43% center}.calc-result strong{font-size:45px}.motion-ready .reveal-item{transform:translateY(18px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal-item{opacity:1;transform:none}.hero-slide{transform:none}.ticker-track{animation:none;flex-wrap:wrap;width:auto}.hero-slide:not(.active){opacity:0}.scroll-cue span{transform:none}}

/* Keep the full opening frame visible on narrow screens. */
@media (max-width: 767px) {
  .hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
    min-height: 0;
    padding: 2.5rem 6vw 5rem;
  }

  .hero .hero-overlay {
    grid-row: 1;
    min-width: 0;
  }

  .hero .hero-slides {
    position: relative;
    inset: auto;
    z-index: 0;
    grid-row: 2;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: .5rem;
    background: #10243a url('assets/video/hero-poster.jpg') center / contain no-repeat;
  }

  .hero .hero-video {
    object-fit: contain;
    object-position: center;
  }
}

/* Constrain the first-screen text and actions to the phone viewport. */
@media (max-width: 767px) {
  .hero .hero-overlay {
    width: 100%;
    max-width: 100%;
  }

  .hero .hero-overlay h1 {
    font-size: clamp(1.5rem, 6.5vw, 2.75rem);
    letter-spacing: -.025em;
    overflow-wrap: anywhere;
  }

  .hero .hero-overlay h1 br:first-child,
  .hero .hero-overlay p br {
    display: initial;
  }

  .hero .hero-overlay .btn {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .hero .hero-controls {
    max-width: 55%;
  }
}