/* CrowdHive home — unified surface geometry
   One 16px radius for ordinary marketing surfaces.
   Exceptions: pill controls and the large hero/footer transition arcs. */

:root{
  --ch-surface-radius:16px;
  --ch-control-radius:10px;
}

/* Major standalone surfaces */
.audit,
.deco-card,
[data-screen-label="Protection"] .grade-scale,
[data-screen-label="Why invest"] .why-cards,
[data-screen-label="How it works"] .steps,
[data-screen-label="Bonus"] .bonus,
[data-screen-label="Calculator"] .calc,
[data-screen-label="Community"] .community,
[data-screen-label="About"] .about-card,
[data-screen-label="Blog"] .bcard,
[data-screen-label="Blog"] .bphoto,
[data-screen-label="FAQ"] .faq{
  border-radius:var(--ch-surface-radius);
}

/* Article media is part of the card; the parent supplies the visible outer corners. */
[data-screen-label="Blog"] .bcard .bphoto{ border-radius:0; }

/* LK project cards keep their content system, but share the outer geometry. */
.pcard{ border-radius:var(--ch-surface-radius); }
.pcard .ph-wrap{ border-radius:var(--ch-surface-radius) var(--ch-surface-radius) 0 0; }
.editors .ch-mark{
  color:#fff;
  opacity:.92;
}

/* Functional controls use the smaller product radius; CTA pills remain pills. */
.lang,
.menu-toggle,
.proj-opt.active,
.news-form input,
.social-links a{
  border-radius:var(--ch-control-radius);
}

/* Protection — compact 2×2 security dossier instead of an empty split ledger. */
[data-screen-label="Protection"]{ padding:64px 0; }
[data-screen-label="Protection"] > .wrap{ display:block; }
[data-screen-label="Protection"] .sec-head{
  position:static;
  max-width:820px;
  margin:0 0 34px;
}
[data-screen-label="Protection"] .guarantees{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:visible;
}
[data-screen-label="Protection"] .gl-row{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:16px;
  min-height:144px;
  padding:22px 24px;
  border:1px solid var(--ch-line);
  border-radius:var(--ch-surface-radius);
  background:#f4f3f8;
}
[data-screen-label="Protection"] .gl-row::before{ display:none; }
[data-screen-label="Protection"] .gl-num{
  padding-top:2px;
  font-family:'Inter Tight',sans-serif;
  font-size:12px;
  font-weight:600;
  color:var(--ch-violet);
}
[data-screen-label="Protection"] .gl-body{
  display:grid;
  grid-template-columns:1fr;
  align-content:start;
  gap:10px;
}
[data-screen-label="Protection"] .gl-title{
  font-size:20px;
  line-height:1.18;
}
[data-screen-label="Protection"] .gl-desc{
  max-width:48ch;
  font-size:14.5px;
  line-height:1.55;
}
[data-screen-label="Protection"] .grade-scale{
  margin-top:24px;
  padding:22px 26px 20px;
}
[data-screen-label="Protection"] .gs-head{ margin-bottom:18px; }
[data-screen-label="Protection"] .gs-foot{ margin-top:18px; }

/* Offer — a conversion card, not a second hero. */
[data-screen-label="Bonus"]{ padding-bottom:36px; }
[data-screen-label="Bonus"] .bonus{
  min-height:360px;
  padding:0 32px;
}
[data-screen-label="Bonus"] .bonus-inner{ padding:42px 24px; }
[data-screen-label="Bonus"] .bonus h2{ margin-bottom:16px; }
[data-screen-label="Bonus"] .bonus-sub{ margin-bottom:22px; }

/* Community — three independent actions, not one crowded compound panel. */
[data-screen-label="Community"] .community{
  display:grid;
  grid-template-columns:1.05fr 1fr .85fr;
  gap:16px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
}
[data-screen-label="Community"] .cc,
[data-screen-label="Community"] .cc.telegram{
  grid-row:auto;
  min-height:288px;
  padding:28px;
  border:1px solid var(--ch-line);
  border-radius:var(--ch-surface-radius);
  box-shadow:none;
}
[data-screen-label="Community"] .cc.telegram{
  border-color:transparent;
  background:var(--ch-plum);
}
[data-screen-label="Community"] .cc.news{
  border:1px solid var(--ch-line);
  background:#fff;
}
[data-screen-label="Community"] .cc.social{
  border:1px solid var(--ch-line);
  background:#f4f3f8;
}
[data-screen-label="Community"] .news-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  border:0;
}
[data-screen-label="Community"] .news-form input{
  min-width:0;
  padding:0 12px;
  border:1px solid var(--ch-line);
  border-radius:var(--ch-control-radius);
  background:#fff;
}
[data-screen-label="Community"] .social-links{ gap:8px; }
[data-screen-label="Community"] .social-links a{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:44px;
  height:44px;
  border:1px solid var(--ch-line);
  border-radius:var(--ch-control-radius);
  background:#fff;
  color:var(--ch-ink);
  box-shadow:0 1px 0 rgba(30,27,46,.04);
  transition:border-color .32s ease,box-shadow .32s ease,transform .32s cubic-bezier(.2,.8,.2,1);
}
[data-screen-label="Community"] .social-links a::before{
  content:"";
  position:absolute;
  z-index:0;
  width:66px;
  height:66px;
  left:50%;
  top:50%;
  border-radius:50%;
  background:linear-gradient(145deg,#6d63f5 0%,#4f46e5 58%,#372ebd 100%);
  opacity:0;
  transform:translate(-50%,-50%) scale(.15);
  transition:opacity .32s ease,transform .46s cubic-bezier(.16,1,.3,1);
}
[data-screen-label="Community"] .social-links svg{
  position:relative;
  z-index:1;
  width:19px;
  height:19px;
  fill:currentColor;
  transform-origin:center;
  transition:color .24s ease,transform .46s cubic-bezier(.16,1,.3,1);
}
@media (hover:hover){
  [data-screen-label="Community"] .social-links a:hover{
    border-color:transparent;
    color:#fff;
    box-shadow:0 10px 24px rgba(79,70,229,.24);
    transform:translateY(-3px);
  }
  [data-screen-label="Community"] .social-links a:hover::before{
    opacity:1;
    transform:translate(-50%,-50%) scale(1);
  }
  [data-screen-label="Community"] .social-links a:hover svg{ transform:scale(1.08); }
  [data-screen-label="Community"] .social-links a[data-social="linkedin"]:hover svg{ transform:translateY(-1px) scale(1.08); }
  [data-screen-label="Community"] .social-links a[data-social="x"]:hover svg{ transform:rotate(-7deg) scale(1.06); }
  [data-screen-label="Community"] .social-links a[data-social="instagram"]:hover svg{ transform:rotate(8deg) scale(1.08); }
  [data-screen-label="Community"] .social-links a[data-social="youtube"]:hover svg{ transform:translateX(1px) scale(1.1); }
}
[data-screen-label="Community"] .social-links a:focus-visible{
  outline:3px solid rgba(79,70,229,.28);
  outline-offset:3px;
}
[data-screen-label="Community"] .social-links a:active{
  transform:translateY(-1px) scale(.96);
}
@media (prefers-reduced-motion:reduce){
  [data-screen-label="Community"] .social-links a,
  [data-screen-label="Community"] .social-links a::before,
  [data-screen-label="Community"] .social-links svg{
    transition:none;
  }
}
[data-screen-label="Community"] .cc.telegram .btn-prim{
  min-height:46px;
  padding:0 20px;
  background:#fff;
  color:var(--ch-plum);
  box-shadow:none;
}

@media (max-width:768px){
  [data-screen-label="Protection"]{ padding:52px 0; }
  [data-screen-label="Protection"] .sec-head{ margin-bottom:26px; }
  [data-screen-label="Protection"] .guarantees{ grid-template-columns:1fr; gap:12px; }
  [data-screen-label="Protection"] .gl-row{
    min-height:0;
    padding:22px 20px;
    grid-template-columns:30px minmax(0,1fr);
    gap:12px;
  }
  [data-screen-label="Protection"] .grade-scale{
    margin-top:22px;
    padding:22px 18px;
  }
  [data-screen-label="Bonus"]{ padding-bottom:28px; }
  [data-screen-label="Bonus"] .bonus{
    min-height:360px;
    padding:0 18px;
  }
  [data-screen-label="Bonus"] .bonus-inner{ padding:36px 8px; }
  [data-screen-label="Community"] .community{
    grid-template-columns:1fr;
    gap:12px;
  }
  [data-screen-label="Community"] .cc,
  [data-screen-label="Community"] .cc.telegram{
    min-height:240px;
    padding:24px 22px;
  }
}