/* ===== Hero (Individuals) ===== */
:root{
    --hero-bg: #EDFAFF;
    --hero-soft: #C9DDFF;
    --accent: #3972FE;
    --ink: #0b1420;
    --primary-600: #2f5cf0;
  }
.hero-ind__inner{ position:relative; z-index:2; }

.hero-ind__decor{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background: transparent;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 58%, rgba(0,0,0,.85) 75%, rgba(0,0,0,0) 100%);
          mask-image: linear-gradient(to bottom, #000 0%, #000 58%, rgba(0,0,0,.85) 75%, rgba(0,0,0,0) 100%);
}


.hero-ind__fade{
  position:absolute; left:50%; bottom:-1px; transform:translateX(-50%);
  width: calc(100vw - (100vw - 100%));
  height: 260px; 
  background: linear-gradient(
    180deg,
    rgba(237,250,255,0) 0%,      
    rgba(237,250,255,0) 35%,
    rgba(255,255,255,.65) 70%,     
    #FFFFFF 100%                
  );
  z-index:1;                     
  pointer-events:none;
}
@supports (width: 100dvw){ .hero-ind__fade{ width:100dvw; } }

/* фон секций */
.hero-ind{ background: var(--hero-bg); }
.pricing{ background:#fff; }


.hero-ind{ background: var(--hero-bg); }
.pricing{ background:#fff; }
  .hero-ind{
    position:relative;
    padding: 84px 0 48px;
    overflow:visible;
    color: var(--ink);
    min-height: 100vh;
    background: var(--hero-bg);

  }
  
  .hero-ind__inner{
    margin:0 auto;
    padding:0 16px;
    display:grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 40px;
    align-items:center;
    position: relative;
    z-index: 1;

  }
  
  .hero-ind h1{
    font-family: "DM Sans", Inter, system-ui, sans-serif;
    font-size: clamp(26px, 4vw, 48px);
    line-height: 1.1;
    font-weight: 700;
    margin: 0 0 14px;
  }
  .hero-ind .accent{ color: var(--accent); }
  
  .hero-ind .lead{
    margin: 0 0 22px;
    font-size: 16px;
    color: #2d3845;
  }
  
  /* кнопки */
  .hero-ind__actions{
    display:flex; gap:12px; flex-wrap:wrap; margin-bottom: 22px;
  }
  .hero-ind .btn{
    height: 48px; padding: 0 22px;
    border-radius: 8px; font-weight: 500; border:1px solid transparent;
  }
  .hero-ind .btn-primary{
    background: var(--accent); color:#fff;
    box-shadow: 0 12px 28px rgba(57,114,254,.25);
  }
  .hero-ind  .btn-primary:hover{background:var(--primary-600)}

  .hero-ind .btn-outline{
    background:none; color: var(--accent);
    border-color: var(--accent);
  }
  .hero-ind .btn-outline:hover{ background: #f4f7ff; }
  
  /* факты */
  .hero-ind__facts{
    display:grid; grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 14px 18px; padding:0; margin:3rem 0 0; list-style:none;
  }
  .hero-ind__facts li{
    display:flex; align-items:center; gap:10px;font-size: 16px;
  }
  
  /* правая карточка */
  .hero-ind__art{ display:flex; justify-content:center; }
  .report-card{
    background:#fff; border:1px solid #e5edff; border-radius:18px;
    box-shadow: 0 20px 50px rgba(36,61,126,.18);
    padding: 16px; width:min(520px, 100%);
  }
  .report-card img{ width:100%; height:auto; display:block; border-radius:10px; }
  
  /* декоративный фон всей секции */
  .hero-ind__decor{
    position:absolute; inset:0; z-index:0; pointer-events:none;
    background: transparent;
  }
  
  /* размытые «пятна» поверх базового */
  .blob{
    position:absolute; width:500px; height:500px; border-radius:50%;
    background: linear-gradient( var(--hero-soft), var(--hero-bg));
    filter: blur(60px); opacity:1; z-index:0;
  }
  .blob-1{ left:-80px; top:-85px; }
  .blob-2{ right: -140px; top: -8px; width:520px; height:520px; }
  .blob-pricing{ left:-120px; top:80px; width:200px; height:200px; filter: blur(100px);}
  

  /* нижний плавный переход в белый */
  .hero-ind__fade{
    position:absolute; left:50%; bottom:-1px; transform:translateX(-50%);
    width: calc(100vw - (100vw - 100%));
    height: 140px;
      background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, #FFFFFF 85%);
      pointer-events:none;
  }
  @supports (width: 100dvw){
    .hero-ind__fade{ width:100dvw; }
  }
  
  /* адаптив */
  @media (max-width: 1024px){
    .hero-ind__inner{ grid-template-columns: 1fr; gap:28px }
    .hero-ind__art{ order:-1 }          
    .report-card{ width:min(640px,100%); margin: 0 auto; }
    .hero-ind__facts{ grid-template-columns: 1fr 1fr }
  }
  @media (max-width: 600px){
    .hero-ind{ padding-top: 56px }
    .hero-ind__facts{ grid-template-columns: 1fr }
    .blob-2{ right:-220px; top:-120px; width:480px; height:480px }
  }

  /* home-ind.css */
.doc-anim-slot {
    width: 100%;
    min-height: 380px;     
  }

  .doc-anim-video{
    border-radius: 16px;
    box-shadow: 0 20px 50px var(--hero-soft);

  }

  /* Правая колонка с видео */
.hero-ind__media{
    position: relative;
    justify-self: end;    
    z-index: 1;
  }
  
  .doc-anim-video{
    display: block;
    height: auto;
    border-radius: 16px;
    box-shadow: 0 28px 60px rgba(36,61,126,.18);
    background: #fff;                 
    object-fit: cover;
  }
  
  .hero-ind__media::before{
    content: "";
    position: absolute;
    inset: -24px -28px -18px -28px;    
    border-radius: 24px;
    background: radial-gradient(60% 60% at 60% 40%, rgba(201,221,255,.6), rgba(201,221,255,0));
    filter: blur(6px);
    z-index: -1;
  }
  
  @media (min-width: 1140px){
    .hero-ind__inner{ gap: 32px; }          
    .hero-ind__media{ transform: translateX(-32px); }
  }
  @media (min-width: 1360px){
    .hero-ind__media{ transform: translateX(-56px); } 
  }
  
  @media (max-width: 1024px){
    .hero-ind__inner{ grid-template-columns: 1fr; gap: 24px; }
  .hero-ind__text{ order: 1; }
  .hero-ind__media{ order: 2; justify-self: center; transform: none; }
  }


  /* ===== Pricing ===== */
.pricing{
  position: relative;
}
.pricing__inner{
  
  margin: 0 auto;
  padding: 0 16px;
  position: relative;
  margin-bottom: 4rem;
}
.pricing__title{
  font-size: 36px;
  line-height: 1.15;
  text-align: center;
  font-weight: 700;
  margin: 0 0 10px;
}
.pricing__sub{
  text-align: center;
  color: #3a4a61;
  max-width: 720px;
  margin: 0 auto 28px;
  font-size: 16px;
}

.pricing__grid{
  display: flex;
    justify-content: center;
  gap: 40px;
  align-items: center;
  padding-top: 1rem;
}

.plan{
  background: #fff;
  border: 1px solid #e7edff;
  border-radius: 20px;
  padding: 32px 28px;
  box-shadow: 0 24px 52px var(--hero-soft);
  display: flex;
  flex-direction: column;
  max-width: 360px;
}
.plan__head{ margin-bottom: 14px; }
.plan__name{
  font-weight: 500;
  font-size: clamp(18px, 2vw, 24px);
  margin: 0 0 8px;
  text-align: center;
}
.plan__price{
  display: flex; align-items: baseline; gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
.price__num{
      font-size: 32px;  
      font-weight: 500;
      color: var(--accent);
      line-height: 1;
      letter-spacing: .2px;
    }
    .price__cur{
      font-weight: 700;
      color: var(--accent);
      margin-left: 2px;
      font-size: 32px;   
    }
.price__meta{ color:#4a5a72; }

.plan__features{
  list-style: none; padding: 8px 0 0; margin: 0 0 18px;
  display: grid; gap: 12px;
}
.plan__features li{
  display: flex; gap: 10px; align-items: flex-start;
  color:#1b2431; font-weight: 400;
}

.plan--pro{
    border: 1px solid var(--accent);
}

.plan__action{ margin-top: 22px;align-items: center;
    display: flex;
    justify-content: center; }
.plan__action .btn{ height: 52px; padding-inline: 22px; }
.plan--free .btn{ border-width: 1px; }
.plan--pro  .btn-primary{
  box-shadow: 0 16px 36px rgba(57,114,254,.25);
}



.plan:hover{ transform: translateY(-2px); transition: transform .18s ease; }

@media (max-width: 900px){
  .pricing__grid{ grid-template-columns: 1fr; gap: 18px; }
}

/* ===== Blog ===== */
.blog{
  position: relative;
      padding: 64px 0 92px;
      overflow: visible;
      background: linear-gradient(
        180deg,
        #FFFFFF 0%,
        #FFFFFF 1%,
        #EDFAFF 80%,
        #EDFAFF 100%
      );
  }
  
  
  .blog__inner{
    
    margin: 0 auto;
    padding: 0 16px;
  }

  .blog__title{
    font-size: 36px;
    line-height: 1.15;
    text-align: center;
    font-weight: 700;
    margin: 0 0 10px;
  }
  
  .blog__kicker{
    text-align: center;
    color:#6a7a91;
    margin: 0 0 14px;
  }
  
  .blog__tabs{
    display:flex; gap:10px; justify-content:center;
    margin-bottom: 32px;
  }
  .chip{
    height: 30px; padding: 0 20px;
    border-radius: 5px;
    border:1px solid var(--accent);
    background:#fff; color: var(--accent);
    font-weight: 600; font-size: 14px;
  }
  .chip.is-active{
    background: rgba(57, 114, 254, 0.15) ; color:var(--accent);
    border: none;
  }
  
  /* Featured */
  .post{
    background:#fff;
    border:1px solid #e7edff;
    border-radius: 18px;
    overflow: hidden;
  }
  .post--feature{
    display:grid;
    grid-template-columns: minmax(280px, 460px) 1fr;
    gap: 22px;
    align-items: center;
    padding: 22px;
    margin-bottom: 18px;
  }
  .post__media img{
    display:block; width:100%; height:auto;
    aspect-ratio: 16 / 9; object-fit: cover;
    border-radius: 12px;
  }
  .post__body{ padding: 4px 6px; }
  .post__title{
    margin:0 0 8px;
    font-weight: 600;
    font-size: clamp(18px, 26px, 32px);
    line-height: 1.25;
    font-family: Inter, system-ui, sans-serif;
  }
  .post__excerpt{
    margin:0 0 14px; color:#334155;
    font-size: 16px;
  }
  .post__link{
    color: var(--accent); font-weight: 500; text-decoration: none; font-size: 16px
  }
  .post__link:hover{ text-decoration: underline; }
  
  /* Три карточки */
  .blog__grid{
    display:grid;
    grid-template-columns: repeat(3, minmax(240px, 1fr));
    gap: 18px;
  }
  .blog__grid .post{
    display:flex; flex-direction: column;
  }
  .blog__grid .post__media{ padding: 16px 16px 0; }
  .blog__grid .post__media img{ border-radius: 14px; }
  .blog__grid .post__body{ padding: 14px 16px 18px; }
  .blog__grid .post__title{ font-size: clamp(16px, 18px, 20px); }
  
  .blog__cta{
    margin-top: 22px; display:flex; justify-content:center;
  }
  .blog__cta .btn{ height: 52px; padding: 0 22px; box-shadow: 0 16px 36px rgba(57,114,254,.25); }
  
  @media (max-width: 980px){
    .post--feature{ grid-template-columns: 1fr; }
  }
  @media (max-width: 860px){
    .blog__grid{ grid-template-columns: 1fr; }
  }
/* ===== Partners (logos marquee) ===== */
.partners{
  position: relative;
  padding: 56px 0 64px;
  background: #EDFAFF;     
}
.partners__inner{
  
  margin: 0 auto;
  padding: 0 16px;
}
.partners__title{
  font-size: 36px;
  line-height: 1.15;
  text-align: center;
  font-weight: 700;
  margin: 0 0 10px;
}

.partners__sub{
  text-align: center;
  color: #3a4a61;
  max-width: 720px;
  margin: 0 auto 28px;
  font-size: 16px;
}

.partners__marquee{
  --gap: 28px;
  --speed: 80s;
  overflow: hidden;
  user-select: none;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
          mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}

.partners__track{
  display: flex;
  align-items: center;
  gap: var(--gap);
  width: max-content;
  animation: scroll-left 80s linear infinite;
  will-change: transform;
}
.partners__marquee:hover .partners__track{
  animation-play-state: paused; /* пауза при наведении */
}
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }}

/* «Карточка» логотипа */
.partner-logo{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  padding: 14px 22px;
  background: #fff;
  border: 1px solid #E7EDFF;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(36,61,126,.10);
  transition: transform .2s ease;
}
.partner-logo:hover{ transform: translateY(-2px); }

/* Сам логотип */
.partner-logo img{
  display: block;
  height: 38px;      
  width: auto;
  filter: grayscale(100%) contrast(1.05);
  opacity: .9;
  transition: filter .25s ease, opacity .25s ease;
}
.partner-logo:hover img{
  filter: none;
  opacity: 1;
}

/* ===== FAQ ===== */
.faq{
  position: relative;
  padding: 68px 0 92px;
  background-color: var(--hero-bg);
}
.faq__inner{
  
  margin: 0 auto;
  padding: 0 16px;
}
.faq__title{
  font-size: 36px;
  line-height: 1.15;
  text-align: center;
  font-weight: 700;
  margin: 0 0 10px;
}
.faq .accent{ color: var(--accent); }
.faq__subtitle{
  text-align: center;
  color: #3a4a61;
  max-width: 720px;
  margin: 0 auto 28px;
  font-size: 16px;
}

/* список */
.faq__list{
  max-width: 1040px;
  margin: 0 auto;
  display: grid;
  gap: 14px;
}

/* карточка */
.faq-item{
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #CFE0FF;
  background: #fff; 
  box-shadow: 0 16px 40px rgba(36,61,126,.10);
}

/* заголовок вопроса */
.faq-item__summary{
  list-style: none;
  cursor: pointer;
  padding: 18px 72px 18px 28px;
  font-weight: 600;
  font-size: clamp(16px, 2.4vw, 22px);
  color: var(--accent);
  position: relative;
  min-height: 60px;
  display: flex;
  align-items: center;
}
.faq-item__summary::-webkit-details-marker{ display:none; }
.faq-item__summary::after{
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 42px; height: 42px;
  border-radius: 10px;
  background:
    #fff
    url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233972FE' stroke-width='3' stroke-linecap='round'><path d='M12 5v14M5 12h14'/></svg>") 
  no-repeat center / 20px 20px;
}

/* открыт: синий фон, белый минус */
.faq-item[open] .faq-item__summary::after{
  background:var(--accent)
      url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round'><path d='M5 12h14'/></svg>")
    no-repeat center / 20px 20px;
}
.faq-item[open] .faq-item__summary{
  background: var(--accent);
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.25);
}


.faq-item__panel{
  background: #fff;
  color: #1f2a37;
  font-size: 16px;
  line-height: 1.55;
  padding: 16px 28px 20px;
  border-top: 1px solid #E6EEFF;
}

.faq-item[open] .faq-item__panel{
  animation: faq-reveal .5s ease;
}
@keyframes faq-reveal{
  from{ opacity:.0; transform: translateY(-4px); }
  to  { opacity:1;  transform: translateY(0); }
}

@media (max-width: 640px){
  .faq-item__summary{ padding: 16px 66px 16px 18px; }
  .faq-item__panel{ padding: 14px 18px 18px; }
}

/* ===== Support CTA ===== */
.support-cta{
  position: relative;
  padding: 48px 0 80px;
  background-color: var(--hero-bg);
}

.support-cta__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 16px;
}

.support-cta__card{
  position: relative;
  background:#fff;
  border:1px solid #E7EDFF;
  border-radius: 22px;
  padding: clamp(28px, 4vw, 40px);
  text-align:center;
  box-shadow: 0 26px 60px rgba(36,61,126,.18);
  display:flex; flex-direction: column; align-items: center;
}

/* декоративное мягкое свечение снизу карточки */
.support-cta__card::after{
  content:"";
  position:absolute;
  left:10%; right:10%; bottom:-18px; height:36px;
  border-radius: 999px;
  background: radial-gradient(60% 60% at 50% 0%, rgba(57,114,254,.20), rgba(57,114,254,0));
  filter: blur(8px);
  z-index:-1;
}

.support-cta__icon{
  width:60px; height:60px;
  border-radius: 50%;
  display:flex; align-items:center; justify-content:center;
}
.support-cta__title{
  margin: 6px 0 8px;
  font-weight: 600;
  font-size: clamp(22px, 3.6vw, 36px);
  line-height:1.2;
}

.support-cta__text{
  font-family: Inter, system-ui, sans-serif;
  max-width: 760px;
  margin: 0 auto 18px;
  color:#2a3445;
  font-size: 16px;
}

/* выровняем кнопку и усилим «ореол» в твоём стиле */
.support-cta__actions{
  display:flex; justify-content:center; gap: 12px;
}
.support-cta .btn.btn-primary{
  box-shadow: 0 16px 36px rgba(57,114,254,.28);
  border-radius: 12px;
  padding: 0 26px;
}
.support-cta .btn.btn-primary:hover{
  transform: translateY(-1px);
}

/* адаптив */
@media (max-width: 560px){
  .support-cta__icon{ width:64px; height:64px; }
  .support-cta .btn.btn-primary{ height: 48px; }
}


.hero-ind{
  isolation: isolate;         
}

.hero-ind__decor{
  -webkit-mask-image: linear-gradient(to bottom,
    #000 0%, #000 58%, rgba(0,0,0,.85) 75%, rgba(0,0,0,0) 100%);
          mask-image: linear-gradient(to bottom,
    #000 0%, #000 58%, rgba(0,0,0,.85) 75%, rgba(0,0,0,0) 100%);
}

.hero-ind__fade{
  position:absolute; left:50%; bottom:-1px; transform:translateX(-50%);
  width:100%;
  height:260px;                  
  background: linear-gradient(180deg,
    rgba(237,250,255,0) 0%,
    rgba(237,250,255,0) 35%,
    rgba(255,255,255,.65) 70%,
    #fff 100%);
  z-index:1; pointer-events:none;
}

.pricing{
  position:relative;
  background:#fff;
  z-index:0;  
  margin-bottom: 4rem;                
}

.pricing__inner{ position:relative; z-index:2; } 

/* ===== ADAPTIVE PATCH (append to the end of home-ind.css) ===== */

:root{
  --container-max: 1240px;
  --page-pad: clamp(16px, 4vw, 64px);
  --o-stroke: clamp(18px, 3.5vw, 46px); 
}
.hero-ind__inner,
.pricing__inner,
.blog__inner,
.partners__inner,
.faq__inner,
.support-cta__inner{
  width: min(var(--container-max), 100% - var(--page-pad)*2);
  margin-inline: auto;
}

.hero-ind{
  min-height: clamp(640px, 92vh, 880px);
  padding: clamp(64px, 8vw, 120px) 0 clamp(32px, 6vw, 80px);
  isolation: isolate;
}

.hero-ind__inner{
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: clamp(20px, 3vw, 40px);
  align-items: center;
}

.hero-ind h1{
  font-size: clamp(28px, 5vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin: 0 0 clamp(10px, 1.6vw, 16px);
}
.hero-ind .lead{
  font-size: clamp(15px, 1.4vw, 18px);
  margin: 0 0 clamp(16px, 2vw, 24px);
}
.hero-ind .btn-lg{
  height: clamp(44px, 5.2vw, 56px);
  padding-inline: clamp(16px, 2.6vw, 28px);
  border-radius: clamp(8px, 1vw, 12px);
}
.hero-ind__actions{ gap: clamp(8px, 1.4vw, 14px); }

.hero-ind__facts{
  margin-top: clamp(18px, 3vw, 32px);
  gap: clamp(10px, 1.6vw, 18px) clamp(12px, 2vw, 20px);
}

.hero-ind__media{
  position: relative;
  justify-self: end;
  z-index: 1;
}
.doc-anim-video{
  display: block;
  width: clamp(280px, 24vw, 440px);
  height: auto;
  border-radius: 16px;
  box-shadow: 0 28px 60px rgba(36,61,126,.18);
  background: #fff;
  object-fit: cover;
}
.hero-ind__media::before{
  content:"";
  position:absolute;
  inset: -24px -28px -18px -28px;
  border-radius: 24px;
  background: radial-gradient(60% 60% at 60% 40%, rgba(201,221,255,.6), rgba(201,221,255,0));
  filter: blur(6px);
  z-index:-1;
}

.hero-ind__fade{
  position:absolute; left:50%; bottom:-1px; transform:translateX(-50%);
  width: calc(100vw - (100vw - 100%));
  height: 220px;
  background: linear-gradient(
    180deg,
    rgba(237,250,255,0) 0%,
    rgba(237,250,255,0) 35%,
    rgba(255,255,255,.65) 70%,
    #FFFFFF 100%
  );
  z-index:2; pointer-events:none;
}
@supports (width: 100dvw){ .hero-ind__fade{ width:100dvw; } }

@media (max-width: 1024px){
  .hero-ind__inner{ grid-template-columns: 1fr; }
  .hero-ind__text{ order: 1; }
  .hero-ind__media{ order: 2; justify-self:center; transform: none; }
}


.pricing__grid{
  display: grid;             
  grid-template-columns: repeat(2, minmax(260px, 360px));
  justify-content: center;
  gap: clamp(16px, 3vw, 40px);
  padding-top: clamp(8px, 2vw, 16px);
}
@media (max-width: 780px){
  .pricing__grid{ grid-template-columns: 1fr; }
}
.plan{
  max-width: 360px;
  padding: clamp(22px, 3vw, 32px) clamp(18px, 2.4vw, 28px);
  border-radius: 20px;
  box-shadow: 0 24px 52px
  rgba(201,221,255,.8);
}
.price__num, .price__cur{
  font-size: clamp(26px, 3vw, 32px);
}

.post__title{
  font-size: clamp(18px, 2.2vw, 24px);
}


@media (min-width: 1600px){
  :root{ --container-max: 1320px; }
  .hero-ind{ padding-top: 96px; padding-bottom: 96px; }
}

:root{ --container-max: 1240px; }

@media (min-width: 1440px){
  :root{ --container-max: 1320px; }
}
@media (min-width: 1680px){
  :root{ --container-max: 1400px; }
}
@media (min-width: 1920px){
  :root{ --container-max: 1480px; }
}
@media (min-width: 2560px){
  :root{ --container-max: 1680px; }
}

.hero-ind__inner,
.pricing__inner,
.blog__inner,
.partners__inner,
.faq__inner,
.support-cta__inner{
  width: min(var(--container-max), 100% - var(--page-pad)*2);
  margin-inline: auto;
}

/* =========================
   Hero watermarks (Q-shapes)
   ========================= */


.hero-ind__decor .wm{
  position:absolute;
  pointer-events:none;
  z-index:0;
  -webkit-mask: url("../images/Os-watermark1.png") center / contain no-repeat;
          mask: url("../images/Os-watermark1.png") center / contain no-repeat;
  background-image: url("../images/Os-watermark1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.hero-ind__decor .wm--sm{ width: clamp(28px, 3.6vw, 60px);  height: clamp(28px, 3.6vw, 60px); }
.hero-ind__decor .wm--md{ width: clamp(64px, 7.5vw, 120px); height: clamp(64px, 7.5vw, 112px); }

.hero-ind__decor .wm-1{
  top: 4%;
  right: 3%;
  rotate: 180deg;
}
.hero-ind__decor .wm-2{ 
  top: 38%;
  right: 7%;
}
.hero-ind__decor .wm-3{ 
  top: 73%;
  right: 37%;
}
.hero-ind__decor .wm-4{ 
  top: 14%;
  right: 40%;
}
.hero-ind__decor .wm-6{ 
  top: 64%;
  right: 20%;
  rotate: 180deg;
  opacity: .6;
}


@media (max-width: 1024px){
  .hero-ind__decor .wm-1{ top: 10%; right: 10%; }
  .hero-ind__decor .wm-2{ top: 44%; right: 6%;  }
  .hero-ind__decor .wm-3{ top: 70%; right: 16%; }
}

@media (max-width: 640px){
  .hero-ind__decor .wm{ opacity:.65; }
  .hero-ind__decor .wm-2{ display:none; } 
  .hero-ind__decor .wm-1{ top: 12%; right: 6%; }
  .hero-ind__decor .wm-3{ top: 72%; right: -6%; }
}

/* =======================
   PRICING DECOR (ring + wm)
   ======================= */

   .pricing{
    position: relative;
    overflow: hidden;                
    --wm-color: rgba(201,221,255,.35);
    --ring-stroke: clamp(18px, 3vw, 44px);
  }
  
  .pricing__decor{
    position: absolute; inset: 0;
    z-index: 0; pointer-events: none;
  }
  
  .pricing__inner{ position: relative; z-index: 2; }
  
 
  
  /* ---- WATERMARKS (Q) ---- */
  .pricing__decor .wm{
    position: absolute;
    z-index: 0;
    background-color: var(--wm-color);
    -webkit-mask: url("../images/Os-watermark1.png") center / contain no-repeat;
            mask: url("../images/Os-watermark1.png") center / contain no-repeat;
    background-image: url("../images/Os-watermark1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  
  .pricing__decor .wm--sm{ width: clamp(28px, 3.6vw, 56px);  height: clamp(28px, 3.6vw, 56px); }
  .pricing__decor .wm--md{ width: clamp(64px, 7.5vw, 120px); height: clamp(64px, 7.5vw, 120px); }
  
  .pricing-wm-1{ 
    top: 5%;       
    left: 10%;
    opacity: 0.35;
    rotate: 180deg;
  }
  .pricing-wm-2{ 
    top: 50%;
    right: 10%;
  }
  .pricing-wm-3{ 
    bottom: 5%;
    right: 30%;
    rotate: -15deg;
  }
  
  @media (max-width: 1024px){
    .ring--tr{
      width: clamp(480px, 80vw, 900px);
      top: -36%;
      right: -18%;
      opacity: .5;
    }
    .pricing-wm-1{ top: 96px; left: 8%; }
    .pricing-wm-2{ top: 20px; right: 22%; }
    .pricing-wm-3{ bottom: 40px; right: 6%; }
  }
  
  @media (max-width: 640px){
    .ring--tr{ width: 120vw; top: -50%; right: -40%; opacity: .45; }
    .pricing__decor .wm{ opacity: .6; }
    .pricing-wm-2{ display: none; } 
  }