/* CrowdHive home — content density pass
   Remove legacy Refero exhibition-scale whitespace while preserving composition.
   Images remain purposeful: hero, projects, offer, about and editorial. */

.section{ padding:clamp(68px,6vw,88px) 0; }

/* Hero curve overlap: reserve only the arc depth above the KPI ledger. */
.metrics-section{ padding:64px 0 0; }

/* Protection: keep the ledger, bring its grade appendix closer. */
[data-screen-label="Protection"] .gl-row{ padding-top:24px; padding-bottom:24px; }
[data-screen-label="Protection"] .grade-scale{
  margin-top:56px;
  padding:30px 34px 28px;
}
[data-screen-label="Protection"] .gs-head{ margin-bottom:24px; }
[data-screen-label="Protection"] .gs-foot{ margin-top:26px; }

/* Why invest: compact editorial list rather than oversized manifesto. */
[data-screen-label="Why invest"] .deco-card .sec-sub{ margin-top:20px !important; }
[data-screen-label="Why invest"] .why-sticky > .btn-link{ margin-top:28px; }
[data-screen-label="Why invest"] .why-card{ padding:25px 0 27px; }

/* Projects: retain LK cards, only tighten the marketing shell. */
[data-screen-label="Projects"] .chips{ margin-top:24px; margin-bottom:26px; }

/* How it works: remove the poster-scale gap between number and copy. */
[data-screen-label="How it works"] .sec-head{ margin-bottom:40px; }
[data-screen-label="How it works"] .steps{ padding-left:24px; padding-right:24px; }
[data-screen-label="How it works"] .step{
  min-height:260px;
  padding-top:26px;
  padding-bottom:30px;
}
[data-screen-label="How it works"] .step-ghost{
  margin-bottom:36px;
  font-size:64px;
  line-height:.9;
}

/* Offer: a concise conversion card, not a second hero. */
[data-screen-label="Bonus"]{ padding:0 0 40px; }
[data-screen-label="Bonus"] .bonus{ min-height:420px; }
[data-screen-label="Bonus"] .bonus-inner{ padding:60px 28px; }
[data-screen-label="Bonus"] .bonus h2{ margin-bottom:18px; }
[data-screen-label="Bonus"] .bonus-sub{ margin-bottom:24px; }

/* Calculator: retain all controls while reducing presentation padding. */
[data-screen-label="Calculator"]{ padding:48px 0 64px; }
[data-screen-label="Calculator"] .calc-left,
[data-screen-label="Calculator"] .calc-right{ padding:34px 40px; }
[data-screen-label="Calculator"] .calc-left h3{ margin-bottom:24px; }
[data-screen-label="Calculator"] .calc-field{
  padding-bottom:16px;
  margin-bottom:16px;
}
[data-screen-label="Calculator"] .proj-opt{
  min-height:52px;
  padding-top:9px;
  padding-bottom:9px;
}
[data-screen-label="Calculator"] .calc-chart{ height:64px; }
[data-screen-label="Calculator"] .calc-break{ margin-bottom:14px; }
[data-screen-label="Calculator"] .calc-break .row{ padding:8px 0; }

/* Community: its content fits a compact communication desk. */
[data-screen-label="Community"] .sec-head{ margin-bottom:36px; }
[data-screen-label="Community"] .cc{
  min-height:190px;
  padding:30px;
}
[data-screen-label="Community"] .cc.telegram{
  min-height:380px;
}
[data-screen-label="Community"] .cc > p:not(.eyebrow){ margin-bottom:18px; }

/* Editorial and FAQ are content-rich; normalize only outer rhythm. */
[data-screen-label="Blog"] > .wrap > .deco-card{ padding-bottom:28px; }
[data-screen-label="Blog"] .blog-grid{ margin-top:28px; }
[data-screen-label="Blog"] .blog-foot{ margin-top:36px; }

@media (max-width:768px){
  .section{ padding:56px 0; }
  .metrics-section{ padding:34px 0 0; }

  [data-screen-label="Protection"] .grade-scale{ margin-top:40px; }
  [data-screen-label="How it works"] .sec-head{ margin-bottom:30px; }
  [data-screen-label="How it works"] .steps{ padding-left:18px; padding-right:18px; }
  [data-screen-label="How it works"] .step,
  [data-screen-label="How it works"] .step + .step{
    min-height:0;
    padding-top:24px;
    padding-bottom:26px;
  }
  [data-screen-label="How it works"] .step-ghost{
    margin-bottom:20px;
    font-size:48px;
  }

  [data-screen-label="Bonus"]{ padding-bottom:32px; }
  [data-screen-label="Bonus"] .bonus{
    min-height:440px;
    padding-left:20px;
    padding-right:20px;
  }
  [data-screen-label="Bonus"] .bonus-inner{ padding:54px 16px; }

  [data-screen-label="Calculator"]{ padding:40px 0 52px; }
  [data-screen-label="Calculator"] .calc-left,
  [data-screen-label="Calculator"] .calc-right{ padding:24px 20px; }

  [data-screen-label="Community"] .sec-head{ margin-bottom:28px; }
  [data-screen-label="Community"] .cc,
  [data-screen-label="Community"] .cc.telegram{
    min-height:0;
    padding:26px 22px;
  }

}