:root{
    --accent:#efefef;
    --dark:#1a1a1a;
    --gray:#6b6b6b;
    --white:#ffffff;
    --radius:22px;
    --shadow:0 20px 60px rgba(0,0,0,.08);
    --brand: #fd9e2e; /* активный акцент для кнопок; при необходимости замените на фирменный */
  }
  
  body{
    font-family:'Roboto', Arial, sans-serif;
    
  }
  
  .hero{
    position:relative;
    overflow:hidden;
    padding:80px 24px 90px;
    background:
      radial-gradient(1200px 600px at 85% -10%, #f6f6f6 0%, transparent 60%),
      linear-gradient(180deg,#ffffff 0%, #fafafa 100%);
  }

  /* декоративные фигуры */
  .hero__blob{
    position:absolute;
    border-radius:50%;
    background:var(--accent);
    filter:blur(2px);
    z-index:0;
    animation:float 9s ease-in-out infinite;
  }
  .hero__blob--1{width:340px;height:340px;top:-120px;right:-80px;opacity:.7;}
  .hero__blob--2{width:180px;height:180px;bottom:-60px;left:-40px;opacity:.6;animation-delay:1.5s;}

  @keyframes float{
    0%,100%{transform:translateY(0) scale(1);}
    50%{transform:translateY(24px) scale(1.05);}
  }

  .hero__inner{
    position:relative;
    z-index:2;
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:60px;
    align-items:center;
  }

  /* левый столбец */
  .hero__badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:var(--accent);
    padding:9px 18px;
    border-radius:100px;
    font-size:14px;
    font-weight:500;
    color:var(--gray);
    margin-bottom:26px;
    opacity:0;
    animation:fadeUp .7s ease forwards .1s;
    font-family: 'Arial', Arial, sans-serif;
  }
  .hero__badge span.dot{
    width:8px;height:8px;border-radius:50%;
    background:var(--brand);
    box-shadow:0 0 0 0 rgba(10,108,255,.5);
    animation:pulse 2s infinite;
  }
  @keyframes pulse{
    0%{box-shadow:0 0 0 0 rgba(10,108,255,.45);}
    70%{box-shadow:0 0 0 10px rgba(10,108,255,0);}
    100%{box-shadow:0 0 0 0 rgba(10,108,255,0);}
  }

  .hero__title{
      font-family: 'Arial', Arial, sans-serif;
    font-size:clamp(32px,4.4vw,56px);
    font-weight:900;
    line-height:1.08;
    letter-spacing:-.5px;
    margin-bottom:22px;
    opacity:0;
    animation:fadeUp .7s ease forwards .2s;
  }
  .hero__title b{color:var(--brand);font-family: 'Arial', Arial, sans-serif;}

  .hero__subtitle{
      font-family: 'Arial', Arial, sans-serif;
    font-size:clamp(16px,1.4vw,19px);
    line-height:1.6;
    color:var(--gray);
    max-width:520px;
    margin-bottom:34px;
    opacity:0;
    animation:fadeUp .7s ease forwards .3s;
  }

  .hero__cta{
      font-family: 'Arial', Arial, sans-serif;
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    align-items:center;
    margin-bottom:40px;
    opacity:0;
    animation:fadeUp .7s ease forwards .4s;
  }
  .btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-family: 'Arial', Arial, sans-serif;
    font-size:16px;
    font-weight:500;
    padding:16px 30px;
    border-radius:14px;
    border:none;
    cursor:pointer;
    text-decoration:none;
    transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  }
  .btn--primary{
    background:var(--dark);
    color:#fff;
    font-family: 'Arial', Arial, sans-serif;
  }
  .btn--primary:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 30px rgba(0,0,0,.22);
    font-family: 'Arial', Arial, sans-serif;
  }
  .btn--ghost{
    background:var(--accent);
    color:var(--dark);
    font-family: 'Arial', Arial, sans-serif;
  }
  .btn--ghost:hover{
    transform:translateY(-3px);
    background:#e6e6e6;
    font-family: 'Arial', Arial, sans-serif;
  }

  /* маркеры под кнопками */
  .hero__facts{
    display:flex;
    flex-wrap:wrap;
    gap:34px;
    opacity:0;
    animation:fadeUp .7s ease forwards .5s;
  }
  .fact__num{
    font-size:26px;
    font-weight:700;
    color:var(--dark);
    font-family: 'Arial', Arial, sans-serif;
  }
  .fact__label{
    font-size:14px;
    color:var(--gray);
    margin-top:2px;
    font-family: 'Arial', Arial, sans-serif;
  }

  /* правый столбец — карточка-визуал */
  .hero__card{
    position:relative;
    background:var(--white);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    padding:34px;
    opacity:0;
    animation:fadeUp .8s ease forwards .35s;
  }
  .hero__card::before{
    content:"";
    position:absolute;
    inset:14px;
    border-radius:16px;
    background:
      repeating-linear-gradient(45deg,#f4f4f4 0 22px,#efefef 22px 44px);
    z-index:0;
    font-family: 'Arial', Arial, sans-serif;
  }
  .card__logo{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    height:210px;
  }
  .card__logo svg{filter:drop-shadow(0 8px 18px rgba(0,0,0,.12));}

  .card__list{
    position:relative;
    z-index:1;
    margin-top:26px;
    display:grid;
    gap:14px;
  }
  .card__item{
    display:flex;
    align-items:center;
    gap:14px;
    background:var(--white);
    padding:14px 18px;
    border-radius:14px;
    box-shadow:0 8px 20px rgba(0,0,0,.05);
    font-size:15px;
    font-weight:500;
    font-family: 'Arial', Arial, sans-serif;
  }
  .card__item .ico{
    flex:0 0 34px;
    width:34px;height:34px;
    border-radius:10px;
    background:var(--accent);
    display:flex;align-items:center;justify-content:center;
    color:var(--brand);
  }

  @keyframes fadeUp{
    from{opacity:0;transform:translateY(28px);}
    to{opacity:1;transform:translateY(0);}
  }

  /* адаптив */
  @media (max-width:900px){
    .hero__inner{grid-template-columns:1fr;gap:44px;}
    .hero__card{order:2;}
  }
  @media (max-width:480px){
    .hero{padding:56px 18px 64px;}
    .hero__facts{gap:22px;}
    .btn{flex:1 1 100%;justify-content:center;}
  }
  
  .about{
    padding:90px 24px;
    background:linear-gradient(180deg,#ffffff 0%, #fafafa 100%);
  }

  .about__inner{
    max-width:860px;
    margin:0 auto;
  }

  /* блок появления */
  .reveal{
    opacity:0;
    transform:translateY(28px);
    transition:opacity .7s ease, transform .7s ease;
  }
  .reveal.is-visible{
    opacity:1;
    transform:none;
  }

  .about__lead{
    font-size:clamp(19px,2vw,24px);
    font-weight:400;
    line-height:1.55;
    color:var(--dark);
    letter-spacing:-.2px;
    margin-bottom:34px;
     font-family: 'Arial', Arial, sans-serif;
  }
  .about__lead b{font-weight:700;}

  /* строка-оффер с цифрой */
  .about__highlight{
    display:flex;
    align-items:center;
    gap:22px;
    background:var(--accent);
    border-radius:18px;
    padding:26px 30px;
    margin-bottom:56px;
  }
  .highlight__num{
    flex:0 0 auto;
    font-size:clamp(30px,4vw,44px);
    font-weight:900;
    line-height:1;
    color:var(--brand);
    letter-spacing:-1px;
    white-space:nowrap;
     font-family: 'Arial', Arial, sans-serif;
  }
  .highlight__text{
    font-size:16px;
    color:var(--gray);
    line-height:1.5;
     font-family: 'Arial', Arial, sans-serif;
  }
  .highlight__text b{color:var(--dark);font-weight:500;}

  .about__h2{
    font-size:clamp(24px,3vw,34px);
    font-weight:900;
    line-height:1.2;
    letter-spacing:-.5px;
    margin-bottom:24px;
    position:relative;
    padding-left:22px;
     font-family: 'Arial', Arial, sans-serif;
  }
  .about__h2::before{
    content:"";
    position:absolute;
    left:0;
    top:6px;
    bottom:6px;
    width:6px;
    border-radius:6px;
    background:var(--brand);
     font-family: 'Arial', Arial, sans-serif;
  }

  .about__text{
    font-size:clamp(16px,1.3vw,18px);
    color:var(--gray);
    line-height:1.75;
     font-family: 'Arial', Arial, sans-serif;
  }
  .about__text + .about__text{margin-top:20px;}
  .about__text b{color:var(--dark);font-weight:500;}

  @media (max-width:560px){
    .about{padding:60px 18px;}
    .about__highlight{
      flex-direction:column;
      align-items:flex-start;
      gap:12px;
      padding:22px 22px;
    }
  }
  
  .method{
    padding:30px 24px;
  }

  .method__inner{
    max-width:1160px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:64px;
    align-items:center;
  }

  /* появление */
  .reveal{
    opacity:0;
    transform:translateY(28px);
    transition:opacity .7s ease, transform .7s ease;
  }
  .reveal.is-visible{opacity:1;transform:none;}
  .reveal.d1{transition-delay:.1s;}
  .reveal.d2{transition-delay:.2s;}

  /* ЛЕВАЯ КОЛОНКА — текст */
  .method__h2{
    font-size:clamp(26px,3vw,38px);
    font-weight:900;
    line-height:1.15;
    letter-spacing:-.6px;
    margin-bottom:22px;
  }

  .method__intro{
    font-size:clamp(16px,1.3vw,18px);
    color:var(--gray);
    line-height:1.7;
    margin-bottom:34px;
  }
  .method__intro b{color:var(--dark);font-weight:500;}

  .method__item{
    position:relative;
    padding-left:26px;
    margin-bottom:26px;
  }
  .method__item:last-child{margin-bottom:0;}
  .method__item::before{
    content:"";
    position:absolute;
    left:0;
    top:8px;
    width:12px;
    height:12px;
    border-radius:50%;
    background:var(--brand);
  }
  .method__item h3{
    font-size:17px;
    font-weight:700;
    margin-bottom:8px;
    letter-spacing:-.2px;
  }
  .method__item p{
    font-size:15.5px;
    color:var(--gray);
    line-height:1.65;
  }
  .method__item p b{color:var(--dark);font-weight:500;}

  /* ПРАВАЯ КОЛОНКА — картинка */
  .method__media{
    position:relative;
  }
  .method__media img{
    width:100%;
    height:100%;
    max-height:560px;
    object-fit:cover;
    border-radius:22px;
    display:block;
    box-shadow:0 24px 60px rgba(0,0,0,.10);
  }
  /* декоративный акцентный слой */
  .method__media::after{
    content:"";
    position:absolute;
    right:-16px;
    bottom:-16px;
    width:120px;
    height:120px;
    border-radius:22px;
    background:var(--accent);
    z-index:-1;
  }

  @media (max-width:900px){
    .method__inner{
      grid-template-columns:1fr;
      gap:40px;
    }
    .method__media{order:-1;}
    .method__media img{max-height:380px;}
  }
  @media (max-width:560px){
    .method{padding:0px 18px;}
  }
  
  
  .spheres{padding:0px 0px;}
  .spheres__inner{max-width:1160px;margin:0 auto;}

  /* заголовок секции */
  .spheres__head{
    max-width:720px;
    margin-bottom:52px;
  }
  .spheres__h2{
    font-size:clamp(26px,3vw,38px);
    font-weight:900;
    line-height:1.15;
    letter-spacing:-.6px;
    margin-bottom:16px;
  }
  .spheres__lead{
    font-size:clamp(16px,1.3vw,18px);
    color:var(--gray);
    line-height:1.7;
  }

  /* появление */
  .reveal{
    opacity:0;transform:translateY(28px);
    transition:opacity .7s ease, transform .7s ease;
  }
  .reveal.is-visible{opacity:1;transform:none;}
  .reveal.d1{transition-delay:.08s;}
  .reveal.d2{transition-delay:.16s;}
  .reveal.d3{transition-delay:.24s;}

  /* сетка карточек */
  .spheres__grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
  }

  .sphere{
    background:var(--bg);
    border:1px solid var(--line);
    border-radius:18px;
    padding:32px 30px;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  }
  .sphere:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(0,0,0,.08);
    border-color:transparent;
  }
  .sphere__num{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;height:44px;
    border-radius:12px;
    background:var(--brand);
    color:#fff;
    font-weight:700;
    font-size:18px;
    margin-bottom:18px;
  }
  .sphere__title{
    font-size:19px;
    font-weight:700;
    letter-spacing:-.3px;
    margin-bottom:10px;
  }
  .sphere__text{
    font-size:15px;
    color:var(--gray);
    line-height:1.65;
  }
  .sphere__text b{color:var(--dark);font-weight:500;}

  /* блок ассортимента */
  .assort{
    margin-top:64px;
    background:var(--dark);
    border-radius:22px;
    padding:52px 48px;
    color:#fff;
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:48px;
    align-items:center;
  }
  .assort__h3{
    font-size:clamp(22px,2.4vw,30px);
    font-weight:900;
    line-height:1.2;
    letter-spacing:-.5px;
    margin-bottom:16px;
  }
  .assort__intro{
    font-size:15.5px;
    color:#c8cbd2;
    line-height:1.7;
  }
  .assort__badge{
    display:inline-block;
    margin-top:22px;
    padding:8px 16px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:100px;
    font-size:13.5px;
    color:#fff;
  }
  .assort__badge b{color:#7fb2ff;}

  .assort__list{list-style:none;}
  .assort__list li{
    position:relative;
    padding:14px 0 14px 34px;
    font-size:15px;
    color:#e7e9ee;
    border-bottom:1px solid rgba(255,255,255,.10);
    line-height:1.55;
  }
  .assort__list li:last-child{border-bottom:none;}
  .assort__list li::before{
    content:"";
    position:absolute;
    left:0;top:19px;
    width:16px;height:16px;
    border-radius:50%;
    background:var(--brand);
    box-shadow:0 0 0 4px rgba(10,108,255,.20);
  }
  .assort__list b{color:#fff;font-weight:600;}

  @media (max-width:900px){
    .assort{grid-template-columns:1fr;gap:32px;padding:40px 30px;}
  }
  @media (max-width:680px){
    .spheres__grid{grid-template-columns:1fr;}
  }
  @media (max-width:560px){
    .spheres{padding:0px 18px;}
    .sphere{padding:26px 22px;}
  }
  
 .order{padding:90px 24px;}
  .order__inner{max-width:1160px;margin:0 auto;}

  .order__h2{
    font-size:clamp(26px,3vw,38px);
    font-weight:900;
    line-height:1.15;
    letter-spacing:-.6px;
    margin-bottom:14px;
    max-width:760px;
  }
  .order__lead{
    font-size:clamp(16px,1.3vw,18px);
    color:var(--gray);
    line-height:1.7;
    max-width:720px;
    margin-bottom:48px;
  }

  /* появление */
  .reveal{
    opacity:0;transform:translateY(28px);
    transition:opacity .7s ease, transform .7s ease;
  }
  .reveal.is-visible{opacity:1;transform:none;}
  .reveal.d1{transition-delay:.1s;}
  .reveal.d2{transition-delay:.2s;}

  /* двухколоночная раскладка */
  .order__cols{
    display:grid;
    grid-template-columns:0.85fr 1.15fr;
    gap:32px;
    align-items:start;
  }

  /* карточка требований */
  /* карточка требований */
.req{
  background:var(--dark);
  color:#fff;
  border-radius:20px;
  padding:36px 32px;
  min-width:0;              /* важно: не даёт grid-колонке распирать вёрстку */
}
.req__title{
  font-size:20px;
  font-weight:700;
  margin-bottom:22px;
  letter-spacing:-.3px;
}
.req__list{list-style:none;}
.req__list li{
  position:relative;
  padding:14px 0 14px 40px;
  font-size:15px;
  color:#dfe2e8;
  border-bottom:1px solid rgba(255,255,255,.10);
  line-height:1.55;
  overflow-wrap:break-word;   /* перенос длинных слов */
  word-break:break-word;
  hyphens:auto;
}
.req__list li:last-child{border-bottom:none;}
.req__list li::before{
  content:"";
  position:absolute;
  left:0;top:16px;
  width:22px;height:22px;
  flex:none;
  border-radius:7px;
  background:var(--brand);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
}
.req__list b{color:#fff;font-weight:600;}

  /* блок цены */
  .price{
    background:var(--bg);
    border:1px solid var(--line);
    border-radius:20px;
    padding:32px 30px;
  }
  .price__note{
    font-size:15px;
    color:var(--gray);
    line-height:1.65;
    margin-bottom:22px;
  }
  .price__note b{color:var(--dark);font-weight:600;}

  /* таблица */
 /* таблица с горизонтальным скроллом */
.tbl-wrap{
  position:relative;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;   /* инерционный скролл на iOS */
  border-radius:14px;
  border:1px solid var(--line);
  /* тени-подсказки по краям при прокрутке */
  background:
    linear-gradient(90deg, #fff 30%, rgba(255,255,255,0)) 0 0,
    linear-gradient(90deg, rgba(255,255,255,0), #fff 70%) 100% 0,
    radial-gradient(farthest-side at 0 50%, rgba(0,0,0,.12), rgba(0,0,0,0)) 0 0,
    radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.12), rgba(0,0,0,0)) 100% 0;
  background-repeat:no-repeat;
  background-size:40px 100%, 40px 100%, 14px 100%, 14px 100%;
  background-attachment:local, local, scroll, scroll;
}

/* стилизованный скроллбар */
.tbl-wrap::-webkit-scrollbar{height:8px;}
.tbl-wrap::-webkit-scrollbar-track{background:var(--bg);border-radius:0 0 14px 14px;}
.tbl-wrap::-webkit-scrollbar-thumb{background:#c7ccd6;border-radius:100px;}
.tbl-wrap::-webkit-scrollbar-thumb:hover{background:var(--brand);}
.tbl-wrap{scrollbar-width:thin;scrollbar-color:#c7ccd6 var(--bg);}

table{
  width:100%;
  border-collapse:collapse;
  min-width:480px;          /* ниже этой ширины включается скролл */
  background:transparent;
  font-size:15px;
}
thead th{
  background:var(--dark);
  color:#fff;
  font-weight:600;
  padding:15px 16px;
  text-align:center;
  font-size:13.5px;
  line-height:1.35;
  white-space:nowrap;
}
thead th:first-child{text-align:left;}
tbody td{
  padding:13px 16px;
  text-align:center;
  border-bottom:1px solid var(--line);
  color:var(--dark);
  white-space:nowrap;
}
tbody td:first-child{text-align:left;font-weight:600;color:var(--dark);}
tbody tr:nth-child(even){background:var(--bg);}
tbody tr:hover{background:rgba(10,108,255,.06);}
tbody tr:last-child td{border-bottom:none;}
tbody tr:last-child{font-weight:700;}
.val{color:var(--brand);font-weight:600;}

/* подсказка «прокрутите» только на мобильных */
.tbl-hint{
  display:none;
  align-items:center;
  gap:6px;
  margin-top:10px;
  font-size:13px;
  color:var(--gray);
}
.tbl-hint svg{animation:swipe 1.4s ease-in-out infinite;}
@keyframes swipe{
  0%,100%{transform:translateX(0);}
  50%{transform:translateX(6px);}
}
@media (max-width:560px){
  .tbl-hint{display:flex;}
}

  /* CTA */
  .cta{
    margin-top:40px;
    background:var(--brand);
    border-radius:20px;
    padding:40px 44px;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    flex-wrap:wrap;
  }
  .cta__text{max-width:560px;}
  .cta__h3{
    font-size:clamp(20px,2vw,26px);
    font-weight:800;
    line-height:1.25;
    margin-bottom:10px;
  }
  .cta__p{font-size:15px;color:rgba(255,255,255,.9);line-height:1.6;}
  .cta__actions{display:flex;flex-direction:column;gap:12px;}
  .cta__phone{
    font-size:26px;
    font-weight:800;
    color:#fff;
    text-decoration:none;
    letter-spacing:-.5px;
    white-space:nowrap;
  }
  .cta__btn{
    display:inline-block;
    background:#fff;
    color:var(--brand);
    font-weight:700;
    font-size:15px;
    padding:14px 30px;
    border-radius:100px;
    text-decoration:none;
    text-align:center;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .cta__btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.22);}

  @media (max-width:900px){
  .order__cols{grid-template-columns:1fr;}
  .cta{flex-direction:column;align-items:flex-start;}
  .cta__actions{width:100%;}
  .cta__btn{width:100%;}
}

@media (max-width:560px){
  .order{padding:60px 16px;}
  .req,.price{padding:26px 20px;}
  .cta{padding:30px 22px;}

  .req__title{font-size:18px;margin-bottom:16px;}
  .req__list li{
    padding:12px 0 12px 34px;   /* меньше отступ под иконку */
    font-size:14.5px;
  }
  .req__list li::before{
    width:20px;height:20px;
    top:14px;
  }




.faq{padding:0px 24px;}
  .faq__inner{max-width:860px;margin:0 auto;}

  .faq__tag{
    display:inline-block;
    font-size:13px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:var(--brand);
    background:rgba(10,108,255,.08);
    padding:7px 16px;
    border-radius:100px;
    margin-bottom:18px;
  }
  .faq__h2{
    font-size:clamp(26px,3vw,40px);
    font-weight:900;
    letter-spacing:-.7px;
    line-height:1.15;
    margin-bottom:14px;
  }
  .faq__lead{
    font-size:17px;
    color:var(--gray);
    margin-bottom:44px;
    max-width:640px;
  }

  /* появление */
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
  .reveal.is-visible{opacity:1;transform:none;}

  /* аккордеон */
  .acc{
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    margin-bottom:14px;
    overflow:hidden;
    transition:border-color .3s ease, box-shadow .3s ease;
  }
  .acc.is-open{
    border-color:rgba(10,108,255,.35);
    box-shadow:0 14px 34px rgba(10,108,255,.10);
  }
  .acc__head{
    width:100%;
    background:none;
    border:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:24px 26px;
    text-align:left;
    font-family:inherit;
  }
  .acc__q{
    font-size:clamp(16px,1.4vw,18px);
    font-weight:600;
    line-height:1.4;
    color:var(--dark);
  }
  .acc.is-open .acc__q{color:var(--brand);}

  .acc__icon{
    flex-shrink:0;
    width:34px;height:34px;
    border-radius:50%;
    background:var(--bg);
    position:relative;
    transition:background .3s ease, transform .35s ease;
  }
  .acc.is-open .acc__icon{background:var(--brand);transform:rotate(180deg);}
  .acc__icon::before,
  .acc__icon::after{
    content:"";
    position:absolute;
    top:50%;left:50%;
    width:13px;height:2.5px;
    background:var(--dark);
    border-radius:2px;
    transform:translate(-50%,-50%);
    transition:background .3s ease, opacity .3s ease;
  }
  .acc__icon::after{transform:translate(-50%,-50%) rotate(90deg);}
  .acc.is-open .acc__icon::before,
  .acc.is-open .acc__icon::after{background:#fff;}
  .acc.is-open .acc__icon::after{opacity:0;}

  .acc__body{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
  }
  .acc__body-inner{
    padding:0 26px 26px;
    font-size:15.5px;
    color:var(--gray);
    line-height:1.7;
  }
  .acc__body-inner b{color:var(--dark);font-weight:600;}

  @media (max-width:560px){
    .faq{padding:60px 18px;}
    .acc__head{padding:20px 20px;}
    .acc__body-inner{padding:0 20px 22px;}
  }
  @media (max-width:360px){
  .req,.price{padding:22px 16px;}
  .req__list li{padding-left:30px;font-size:14px;}
  .req__list li::before{width:18px;height:18px;background-size:12px;}
  .reveal.is-visible {
    opacity: 1;
    transform: none;
    width: 300px;
}
}

  .reveal.is-visible {
    opacity: 1;
    transform: none;
    width: 300px;
}
}

.reveala{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .6s ease,transform .6s ease;
}
.reveala.is-visible{
  opacity:1;
  transform:none;
}