:root{
      --bg:#EFF2FF;            /* very light tint */
      --brand:#3B5BFF;           /* primary */
      --brand-2:#2C3EDD;         /* darker primary */
      --ink:#172026;             /* text */
      --muted:#6D818D;           /* secondary text */
      --white:#FFFFFF;            /* surfaces */
      --line:#E6E8EF;            /* borders */
      --accent:#EDF0FF;         /* soft bg */
      --bg-footer:#3A3E4B;
      --radius:18px;
      --radius-lg:26px;
      --container:1808px;        /* content width inside 1920 with 56px side gutters */
    }

    *{
    box-sizing: border-box;

}
    html,body{height:100%}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color:var(--ink);
      background:#fff;
      line-height:1.45;
    }

    .page{max-width:1920px;margin:0 auto;background:#fff}
    .container{
    max-width: var(--container);
    margin: 0 auto;

}

    /* ---------- Utilities ---------- */
    .h1{font-size:82px;font-weight:600; font-family: 'Onest'; line-height: 120%;}
    .h2{font-size:44px;font-weight:600; font-family: 'Onest'; line-height: 120%;}
    .h3{font-size:40px;font-weight:600;font-family: 'Onest'; line-height: 130%;}
    .h4{font-size:30px;font-weight:600;font-family: 'Onest'; line-height: 130%;}
    .text-1{font-size:24px;font-weight:400;font-family: 'Onest'; line-height: 140%;}
    .text-1-b{font-size:24px;font-weight:600;font-family: 'Onest'; line-height: 140%;}
    .text-2{font-size:20px;font-weight:400;font-family: 'Onest'; line-height: 140%;}
    .text-2-b{font-size:20px;font-weight:600;font-family: 'Onest'; line-height: 140%;}
    .text-3{font-size:16px;font-weight:400;font-family: 'Onest'; line-height: 120%;}
    .secondery-color{color: var(--muted);}
    
    .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:999px;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;border:0}
    .btn-white{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    font-size: 18px;
    border-radius: 999px;
    background: #ffffff;
    text-decoration: none;
    font-weight: 500;
    border: 0;
    color: #2F74FF;
     transition: background-color 0.4s ease;

}
.btn-white:hover{
background:#E4E8FF ;
}
    .btn.small{
    padding: 16px 32px;
    font-weight: 500;
    font-size: 18px;
     transition: background-color 0.4s ease;
}

   .btn.small:hover {
    background:#054BD7;

}
.is-error {
  border-color: #e74c3c !important;
}
.error-text {
  color: #e74c3c;
  font-size: 0.85em;
  margin-top: 4px;
}
#formStatus.status--sending { color: #000; }        /* Sending… — чёрный */
#formStatus.status--success { color: #2e7d32; }     /* Успех — зелёный */
#formStatus.status--error   { color: #c62828; }     /* Ошибки — красный */
    .tag{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:var(--accent);font-weight:600;color:#2d3a7a}

    .grid{display:grid;gap:24px}

    /* ---------- Header ---------- */
    header{
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 50;
    padding: 0 56px;

}

    .nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;

}
 .right-nav{ 
    display: inline-flex;
 }
    .logo{
    display: flex;
    align-items: center;

}
    .logo .logo-img {
            background: url('img/logo.svg') no-repeat;
    width: 200px;
    height: 60px;
        background-size: 100%;
       background-position: center;

    }
    .nav ul{list-style:none;margin:0;padding:0;display:flex;gap:24px}
    .nav a{
    color: var(--ink);
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    font-family: 'Onest';

}
    .nav .cta{
    margin-left: 40px;
    color: #fff;
     transition: background-color 0.4s ease;

}
.nav .cta:hover {
    background:#054BD7;
}

    /* ---------- Hero ---------- */
    .hero{
    background: linear-gradient(90deg, #4971FF, #6C8BFF 60%);
    margin: 16px 56px 0 56px;
    border-radius: 80px;
    padding: 0 !important;

}
    .hero-wrap{
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 32px;
    align-items: center;
    padding: 0 0 0 56px;

}
    .hero-wrap-text {
    padding: 102px 0;

}
     .hero-wrap-text .h1 {
      margin-top:0;
     color:#fff;
     margin-bottom: 56px;
     }
    .stats{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
    margin: 24px 0 48px 0;

}
    .stat{
    color: #fff;
    font-family: 'Onest';
    font-size: 20px;
    line-height: 140%;
    font-weight: 500;

}
 .stat .icon-head {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
background-position: center;
margin-bottom: 16px;
 }
  .stat .icon-head-1 {
background-image: url('img/head-1.svg');
  }
    .stat .icon-head-2 {
    background-image: url('img/head-2.svg');
  }
    .stat .icon-head-3 {
    background-image: url('img/head-3.svg');
  }
    .img-hero{
    height: 100%;

}
 /* .img-hero .img-head {
  background-image: url('img/img-head.png');
background-repeat: no-repeat;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
border-radius: 80px;
 }*/
 .img-hero .hero_video {
    width: 100%;
height: 100%;
object-fit: cover;
border-radius: 80px;
 }

    /* ---------- Sections ---------- */
    section{
    padding: 64px 56px;

}
section .two-col-head {
    margin: 0 0 64px 0;
}
section .two-col-head .h2 {
    margin: 0;
}
section .two-col-head p {
    margin: 0;
}
.what-we-do {
    padding: 128px 56px 0 56px !important;
}
.what-we-do .h1 {
    margin: 0 0 72px 0;
}
.what-we-do .two-col p {
    margin: 0;
}
    .two-col-head{display:grid;grid-template-columns:70% 30%;gap:36px;align-items:stretch}
    .two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:36px;align-items:start}
    .bullet{margin:0;padding-left:18px;}

    /* ---------- Services (CENTERED, SAME STRUCTURE) ---------- */
    .services-head{ 
        display: flex;
  align-items: center;      /* центрует текст и кнопки по вертикали */
  justify-content: start;
  gap: 32px;
  margin:40px 0 32px 0;}

.services-head .arrows {
  display: flex;
  align-items: center;
  gap: 8px;
}

    /* Keep .slider-outer as a sibling (no extra container), but center it and cap width */
    .slider-outer{max-width:var(--container);margin:0 auto;position:relative;padding:0 0 64px 0; }
    .slider{position:relative}
    .slider-track{display:flex;gap:16px;overflow:hidden;padding:0 56px;scroll-behavior:smooth}
    .card-service{flex:0 0 340px;background:var(--bg);border-radius:56px; padding: 16px;}
    .card-service .cap{padding:12px;color:var(--ink);}
        .card-service .img{height:220px;margin-bottom: 16px;}
        .card-service .img .img-serv {
            background-repeat: no-repeat;
background-position: center;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    background-size:cover;
        }

        .card-service .img .img-serv-1 {
                    background-image: url('img/serv-1.png');
        }
        .card-service .img .img-serv-2 {
                      background-image: url('img/serv-2.png');
        }
        .card-service .img .img-serv-3 {
                      background-image: url('img/serv-3.png');
        }
        .card-service .img .img-serv-4 {
                      background-image: url('img/serv-4.png');
        }
        .card-service .img .img-serv-5 {
                      background-image: url('img/serv-5.png');
        }

    .services-head button{
        width:44px;
        height:44px;border-radius:50%;
        border:1px solid var(--line);
        background:#fff;
        cursor:pointer;
        display: flex;            /* кнопки тоже центрируем */
        align-items: center;
        justify-content: center;
        font-size: 16px;
        font-weight:800;
        transition: background-color 0.4s ease; 
    }
    .services-head button:hover {
        background: var(--line);
    }
    .services-head .disabled {
        color: #cccfdb;
    }
    .services-head .disabled:hover {
        background: #fff;
    }
    .services-head .prev{}
    .services-head .next{}

    /* ---------- Engeeniring ---------- */
    .pr-icon{
    width: 80px;
    height: 80px;
    margin-bottom: 12px;
background-repeat: no-repeat;
background-position: center;
    }

    .pr-icon-1 {
     background-image: url('img/pr-icon-1.svg');
    }

    .pr-icon-2 {
     background-image: url('img/pr-icon-2.svg');
    }

    .pr-icon-3 {
     background-image: url('img/pr-icon-3.svg');
    }

    .pr-icon-4 {
     background-image: url('img/pr-icon-4.svg');
    }

    .pr-icon-5 {
     background-image: url('img/pr-icon-5.svg');
    }

    .pr-icon-6 {
     background-image: url('img/pr-icon-6.svg');
    }


    /* ---------- Feature grid ---------- */
    .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
    .feature{background: var(--bg);border-radius:56px;padding:40px;display:grid;gap:24px}

    /* ---------- Equipment Design Bureau ---------- */
    .offers{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;align-items:start}
    .offer{display:grid;gap:12px}
        .off-icon{
    width: 80px;
    height: 80px;
    margin-bottom: 12px;
background-repeat: no-repeat;
background-position: center;
    }

    .off-icon-1 {
     background-image: url('img/off-1.svg');
    }

    .off-icon-2 {
     background-image: url('img/off-2.svg');
    }

    .off-icon-3 {
     background-image: url('img/off-3.svg');
    }

    .off-icon-4 {
     background-image: url('img/off-4.svg');
    }

    .off-icon-5 {
     background-image: url('img/off-5.svg');
    }


    /* ---------- Product Row ---------- */
    .products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
    .product{border-radius:56px;background:var(--bg);}
    .product-text {padding: 40px 32px 12px 32px;}
        .product-text span {
            margin-bottom: 8px;
            display: block;
        }
        .product .img {height: 248px}
    .product .img .img-cable-1 {
        background-image: url('img/cable-1.png');
background-repeat: no-repeat;
width: 100%;
height: 100%;
background-size: 85% auto;
background-position: right 50px;
    }
        .product .img .img-cable-2 {
        background-image: url('img/cable-2.png');
background-repeat: no-repeat;
width: 100%;
height: 100%;
background-size: 85% auto;
background-position: right 28px;
    }
        .product .img .img-cable-3 {
        background-image: url('img/cable-3.png');
background-repeat: no-repeat;
width: 100%;
height: 100%;
background-size: 85% auto;
background-position: right 10px;
    }
        .product .img .img-cable-4 {
        background-image: url('img/cable-4.png');
background-repeat: no-repeat;
width: 100%;
height: 100%;
background-size: 85% auto;
background-position: right 20px;
    }

    /* Accessories band */
    .band{margin-top:40px;padding:0 0 0 56px;border-radius:56px;background:var(--bg);}
    .band .band-right-text {
        padding: 48px 0;
    }
        .band .band-right-text .text-1-b {
            margin-bottom: 8px;
        }
        .band .img {
            height: 100%;
        }
    .band .img .img-band {
        background-image: url('img/img-band.png');
        width: 100%;
        height: 100%;
        background-position: inherit;
        background-repeat: no-repeat;
background-size: cover;
border-radius: 56px;
    }
    .band .two-col {
        grid-template-columns: 1fr 1fr;
gap: 32px;
    }


    /* ---------- About ---------- */
    .about-us {
        padding-bottom: 128px;
    }
    .about{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center}
    .about-us .h1 {
        margin: 0 0 64px 0;
    }
    .about .img {
        height: 400px;
width: 600px;
    }
    .about .img .img-about {
background-image: url('img/about.png');
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
background-size: contain;
    }
    .about-us .text-1 {
        margin: 0;
    }

    /* ---------- Footer / Contacts ---------- */
    footer{padding:64px 56px 40px;border-top:1px solid var(--line);background:var(--bg-footer);}
    footer .h1 {
        color: var(--white);
        margin: 0 0 32px 0;
    }
    .contacts{display:grid;grid-template-columns:repeat(5,1fr);gap:20px; padding-bottom: 32px;}
    .contact-card{color:var(--white);}
     .contact-card span {
        margin-bottom: 8px;
        display: block;
        color: #A5ACC7;
     }
     .copyright {
        border-top: 1px solid #54596A;
        margin-top:32px; color: #fff; font-size: 14px;
        padding-top: 32px;
            display: grid;
    grid-template-columns: repeat(2, 1fr);
     }
     .law {
        text-align: right;
     }
    .law a {
        color: #fff;
        text-decoration: none;
        padding-right: 24px;
    }
     .law a:last-child {
        padding-right: 0;
     }
    .law a:hover {
        color:var(--accent);
    }
    .law-text h1 {
        margin-top: 0;
    }
    /* ---------- Placeholders ---------- */
    .icon-placeholder{
    width: 24px;
    height: 24px;
    margin-bottom: 12px;
    background-color: #fff;

}
    .img-placeholder{width:100%;height:100%;background:repeating-linear-gradient(45deg, #e7ebff, #e7ebff 12px, #f4f6ff 12px, #f4f6ff 24px);border:1px dashed #a8b4ff;border-radius:inherit}



  /* ---------- Modal ---------- */
    .modal{position:fixed;inset:0;display:none;z-index:100}
    .modal.is-open{display:block}
    .modal__backdrop{position:absolute;inset:0;background:rgba(11,16,33,.46);backdrop-filter:blur(2px)}
    .modal__dialog{position:relative;z-index:1;max-width:560px;margin:6vh auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 40px rgba(11,16,33,.18)}
    .modal__body{padding:22px}
    .modal__body .h3 {
        margin-bottom: 8px;
    }
     .modal__body .modal-label {
        margin: 8px 0 32px 0;
     }
    .modal__close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer; transition: background-color 0.4s ease;font-size: 16px;}
    .modal__close:hover {
        background: var(--line);
    }
    .form{display:grid;gap:12px;margin-top:6px}
    .field label{display:block;font-weight: 500;
margin-bottom: 6px;
font-family: 'Onest';}
    .field input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-family: 'Onest';
font-size: 16px;}
    .form-actions{display:flex;justify-content:space-between;margin-top:8px}
    .form-actions .btn {
        cursor: pointer;
    }
    .form-status{font-size: 16px;
color: #FF4B4B;
display: inline-flex;
align-items: center;}
    /* ---------- Responsive niceties (additional for 1024→320) ---------- */
    @media (max-width: 1260px){
        header {
            padding: 0 40px;
        }
      .feature-grid{grid-template-columns:repeat(2,1fr)}
      .products{grid-template-columns:repeat(2,1fr)}
      .contacts{grid-template-columns:repeat(2,1fr)}
      .about{grid-template-columns: 1fr;}
      .offer{grid-template-columns:1fr}
      .two-col{grid-template-columns:1fr}
      .hero {
        margin: 16px 40px 0 40px;
      }
      .hero-wrap{grid-template-columns:1fr;
        padding: 0;
        gap:0;}
      .hero-wrap-text {
         padding: 72px 40px;
        }
      .img-hero{
        height:300px
            }

        .what-we-do {
            padding: 84px 40px 0 40px !important;
        }
        .what-we-do .h1 {
    margin: 0 0 56px 0;
        }
.slider-outer {
            padding: 0 0 42px 0;
        }
.two-col-head {
        gap:0;
    }
    section {
    padding: 42px 40px;
}
.about-us .h1 {
    margin: 0 0 56px 0;
}
footer {
    padding: 40px 40px 40px;
    }

footer .h1 {
    color: var(--white);
    margin: 0 0 32px 0;
}
.product .img .img-cable-1 {
    background-size: 75% auto;
    background-position: right -15px;
}
.product .img .img-cable-2 {
background-size: 70% auto;
        background-position: right 0;
}

.product .img .img-cable-3 {
    background-size: 75% auto;
    background-position: right 0;
}

.product .img .img-cable-4 {
            background-size: 70% auto;
        background-position: right 0px;
}


    }
    @media (max-width: 1024px){
            header {
        padding: 0 32px;
    }
      .h1{    
        font-size: 64px;
        line-height: 110%;
       }
      .h2{font-size:34px;}
          .hero {
        margin: 0 32px 0 32px;
    }
    .h3 {
        font-size: 30px;
    }
    .h4 {
        font-size: 26px;
    }
    .text-1 {
    font-size: 20px;
}
.text-1-b {
        font-size: 20px;
}
    .text-2 {
    font-size: 18px;
    line-height: 130%;
}
.text-2-b {
      font-size: 18px;
    line-height: 130%;  
}
.hero-wrap-text .h1 {
    margin-bottom: 40px;
}
.stats {
        margin: 16px 0 32px 0;
}
    .hero-wrap-text {
        padding: 56px 40px;
    }
      .img-hero{height:300px}
      .nav ul{gap:18px}
          .what-we-do {
        padding: 64px 32px 0 32px !important;
    }
        .what-we-do .h1 {
        margin: 0 0 40px 0;
    }
    .two-col {
        gap: 24px;
    }
    .slider-outer {
        padding: 0 0 32px 0;
    }
    .slider-track {
        padding: 0 32px;
    }
    section {
        padding: 32px 32px;
    }
section .two-col-head {
    margin: 0 0 32px 0;
}
.services-head {
    margin: 32px 0 24px 0;
}
.feature-grid {
    gap:24px;
}
.feature {
    gap: 8px;
    padding: 32px;
}
.offers {
    grid-template-columns: repeat(3, 1fr);
}
    .about-us .h1 {
        margin: 0 0 40px 0;
    }
    .about .img {
    height: 320px;
    width: 520px;
}
.about-us {
    padding-bottom: 64px;
}
footer .h1 {
            margin: 0 0 32px 0;
}
    }
    @media (max-width: 780px){
           .right-nav {
            display: none;
           }
           .about .img{
               height: 320px;
        width: 100%;
    }

      .stat {
        font-size: 16px;
      }
      .offers{grid-template-columns:1fr 1fr}
      .feature-grid{grid-template-columns:1fr 1fr}
      .products{grid-template-columns:1fr 1fr}
      .contacts{grid-template-columns:1fr 1fr}
      .h1{    
        font-size: 48px;
        line-height: 110%;
       }
      .h2{font-size:30px;}
          .hero {
        margin: 0 32px 0 32px;
    }
        .h3 {
        font-size: 28px;}
    .h4 {
        font-size: 24px;
    }
    .text-1 {
    font-size: 18px;
}
.text-1-b {
        font-size: 18px;
}
    .text-2 {
    font-size: 16px;
    line-height: 120%;
}
.text-2-b {
      font-size: 16px;
    line-height: 120%;  
}
section .two-col-head {
        grid-template-columns: 1fr;
        gap: 16px;
}
    .about {
        grid-template-columns: 1fr;
    }
    .product .img .img-cable-1 {
    background-size: 95% auto;
    background-position: right -15px;
}
.product .img .img-cable-2 {
background-size: 90% auto;
        background-position: right 0;
}

.product .img .img-cable-3 {
    background-size: 95% auto;
    background-position: right 0;
}

.product .img .img-cable-4 {
            background-size: 90% auto;
        background-position: right 0px;
}
.band {
    padding: 0 0 0 32px;
}

    }
    @media (max-width: 680px){
      .nav ul{gap:14px;flex-wrap:wrap}
      .nav a{font-size:16px}
      .img-hero{height:260px}

      .btn.small {
    padding: 12px 24px;
font-size:16px;}
    .btn-white {
       padding: 12px 24px; 
       font-size:16px;
    }
    .nav .cta {
        margin-left: 16px;
    }
    
    .band .img {
        display: none;
    }
.band .two-col {
    grid-template-columns: 1fr;
}
    .band {
        padding: 0 24px 0 24px;
    }
    }
    @media (max-width: 560px){
        header {
                    padding: 0 16px;
        }

                   .logo .logo-img {
    width: 180px;
    }
      .slider-outer{padding:0 16px}
      .h1{    
        font-size: 38px;
        line-height: 110%;
       }
      .h2{font-size:26px;}
          .hero-wrap-text {
        padding:48px 32px 40px 32px;
    }
        .h3 {
        font-size: 22px;}
        .hero-wrap-text .h1 {
        margin-bottom: 32px;
    }
        .stats {
        margin: 0px 0 24px 0;
    }
    .h4 {
        font-size: 22px;
    }
    .text-1 {
    font-size: 18px;
    }
    .text-1-b {
        font-size: 18px;
    }
    .text-2 {
    font-size: 16px;
    line-height: 120%;
    }
    .text-2-b {
      font-size: 16px;
    line-height: 120%;  
    }

    .hero {
        margin: 0 16px;
    }
        .what-we-do {
        padding: 56px 16px 0 16px !important;
    }
        .what-we-do .h1 {
        margin: 0 0 32px 0;
    }
        .slider-track {
        padding: 0 16px;
    }
        .slider-outer {
        padding: 0 0 28px 0;
    }
        section .two-col-head {
        margin: 0 0 24px 0;
    }
        .services-head {
        margin: 24px 0 18px 0;
    }
        section {
        padding: 28px 16px;
    }
        footer {
        padding: 40px 16px 32px;
    }
        .product .img .img-cable-1 {
           background-size: 100% auto;
        background-position: right 10px;
}
.product .img .img-cable-2 {
        background-size: 100% auto;
        background-position: right 0;
}

.product .img .img-cable-3 {
    background-size: 100% auto;
        background-position: right 10px;
}

.product .img .img-cable-4 {
                 background-size: 100% auto;
        background-position: right 0px;
}
      .lead{font-size:16px}
      .img-hero{height:240px}
      .modal__dialog{max-width:none;width:calc(100% - 24px);margin:6vh 12px}
      .modal__body{padding:16px}
      .modal__close{top:8px;right:8px;width:32px;height:32px}
    }
    @media (max-width: 440px){
                header {
                    padding: 0 16px;
        }
            .logo .logo-img {
    width: 160px;
    }
            .offers {
        grid-template-columns: 1fr 1fr;
    }
        .feature-grid {
        grid-template-columns: 1fr;
    }
        .products {
        grid-template-columns: 1fr;
    }
    .stats {
    grid-template-columns: 1fr;
        }
        .about {
            gap: 0;
        }
      .img-hero{height:220px}
      .btn.small{padding: 12px 24px;}
          .about-us .h1 {
        margin: 0;
    }
    .card-service {
    flex: 0 0 300px;}
            .product .img .img-cable-1 {
         background-size: 100% auto;
        background-position: right 0;
}
.product .img .img-cable-2 {
              background-size: 90% auto;
        background-position: right 0;
}

.product .img .img-cable-3 {
        background-size: 90% auto;
        background-position: right 10px;
}

.product .img .img-cable-4 {
                         background-size: 90% auto;
        background-position: right 0px;
}
     .copyright {
    grid-template-columns: 1fr;
     }
     .law {
        text-align: left;
        padding-top: 16px;
     }
    }
    @media (max-width: 360px){
      .nav ul{gap:10px}
      .nav a{font-size:13px}
      .slider button{width:32px;height:32px}
          .contacts {
        grid-template-columns: 1fr;
    }
        .h1 {
        font-size: 32px;
        line-height: 110%;
    }
      .card-service{flex:0 0 280px}
    }
  /* Floating header styles */
    header{transition:background .25s ease, box-shadow .25s ease, border-color .25s ease}
    header.is-floating{background:rgba(255,255,255,.85);backdrop-filter:saturate(1.1) blur(8px);-webkit-backdrop-filter:saturate(1.1) blur(8px);box-shadow:0 8px 28px rgba(11,16,33,.08);border-bottom-color:transparent}
    header.is-floating .nav{padding:10px 0}