/* CrowdHive home - Refero full-page pass
   Reference lock: Mercury × Cohere × Public × Wealthsimple × Kraken.
   Grade chips and project cards intentionally retain the LK visual system. */

:root{
  --ch-ink:#1d1c22;
  --ch-paper:#fbfbfd;
  --ch-lilac:#f0eff8;
  --ch-line:rgba(29,28,34,.14);
  --ch-violet:#5147e7;
  --ch-violet-soft:#8f8aff;
  --ch-night:#1c1b22;
  --ch-plum:#29243a;
}

body{ background:var(--ch-paper); color:var(--ch-ink); }
.section{ padding:clamp(88px,9vw,144px) 0; }
.section .eyebrow{ letter-spacing:.14em; }
h2.h2{ font-weight:400; font-size:clamp(44px,5.5vw,76px); line-height:.98; letter-spacing:-.055em; }

/* 05.5 - Protection / Public ledger. Grade badges remain untouched. */
[data-screen-label="Protection"]{ background:var(--ch-paper); }
[data-screen-label="Protection"] > .wrap{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  column-gap:clamp(56px,8vw,128px);
}
[data-screen-label="Protection"] .sec-head{ grid-column:1; align-self:start; position:static; }
[data-screen-label="Protection"] .sec-head h2{ max-width:500px; }
[data-screen-label="Protection"] .guarantees{ grid-column:2; border-top:1px solid var(--ch-ink); }
[data-screen-label="Protection"] .gl-row{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:20px;
  padding:30px 0;
  border-bottom:1px solid var(--ch-line);
}
[data-screen-label="Protection"] .gl-num{ font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ch-violet); }
[data-screen-label="Protection"] .gl-body{ display:grid; grid-template-columns:minmax(180px,.55fr) minmax(0,1fr); gap:36px; }
[data-screen-label="Protection"] .gl-title{ font-size:19px; font-weight:500; }
[data-screen-label="Protection"] .gl-desc{ max-width:520px; color:#696772; line-height:1.6; }
[data-screen-label="Protection"] .grade-scale{
  grid-column:1 / -1;
  margin-top:96px;
  padding:38px 40px 34px;
  background:var(--ch-lilac);
  border:1px solid rgba(81,71,231,.16);
  border-radius:18px;
  box-shadow:none;
}
[data-screen-label="Protection"] .gs-head{ margin-bottom:30px; }
[data-screen-label="Protection"] .gs-head h3{ font-size:clamp(25px,3vw,38px); font-weight:400; letter-spacing:-.035em; }
[data-screen-label="Protection"] .gs-bar{ height:2px; opacity:.72; }
[data-screen-label="Protection"] .gs-foot{ margin-top:34px; color:#6b6875; }

/* 06 - Why / Public editorial index. */
[data-screen-label="Why invest"]{ background:var(--ch-night); color:#fff; }
[data-screen-label="Why invest"] .why{ grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:clamp(54px,9vw,140px); }
[data-screen-label="Why invest"] .why-sticky{ top:120px; }
[data-screen-label="Why invest"] .deco-card{
  padding:0;
  min-height:0;
  color:#fff;
  background:transparent;
  border:0;
  border-radius:0;
}
[data-screen-label="Why invest"] .deco-topo,
[data-screen-label="Why invest"] .deco-ridge,
[data-screen-label="Why invest"] .deco-wm,
[data-screen-label="Why invest"] .deco-pills{ display:none; }
[data-screen-label="Why invest"] .deco-card-body{ position:static; padding:0; }
[data-screen-label="Why invest"] .deco-card .eyebrow{ color:#9d98ff; }
[data-screen-label="Why invest"] .deco-card h2{ max-width:620px; color:#fff; font-size:clamp(52px,6vw,84px); }
[data-screen-label="Why invest"] .deco-card .sec-sub{ max-width:520px; margin-top:30px !important; color:rgba(255,255,255,.62); font-size:17px; }
[data-screen-label="Why invest"] .why-sticky > .btn-link{ margin-top:42px; color:#fff; }
[data-screen-label="Why invest"] .why-cards{ border-top:1px solid rgba(255,255,255,.26); }
[data-screen-label="Why invest"] .why-card{
  margin:0 !important;
  padding:34px 0 38px;
  background:transparent;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.26);
  border-radius:0;
  box-shadow:none;
}
[data-screen-label="Why invest"] .why-card .wc-num{ color:#8f8aff; }
[data-screen-label="Why invest"] .why-card h3{ max-width:520px; color:#fff; font-size:clamp(30px,3.4vw,48px); font-weight:400; line-height:1.04; letter-spacing:-.04em; }
[data-screen-label="Why invest"] .why-card p{ max-width:580px; color:rgba(255,255,255,.60); font-size:16px; line-height:1.6; }

/* 07 - Projects / LK components preserved; only the gallery room changes. */
[data-screen-label="Projects"]{ background:#f1f0f7; }
[data-screen-label="Projects"] .sec-head{ align-items:flex-start; margin-bottom:18px; }
[data-screen-label="Projects"] .sec-head h2{ max-width:760px; }
[data-screen-label="Projects"] .sec-sub{ color:#6b6875; }
[data-screen-label="Projects"] .chips{ margin-top:34px; margin-bottom:34px; }

/* 09 - How it works / Mercury quickstart. */
[data-screen-label="How it works"]{ background:var(--ch-paper); }
[data-screen-label="How it works"] .sec-head{ max-width:820px; margin:0 0 68px; }
[data-screen-label="How it works"] .steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border-top:1px solid var(--ch-ink);
}
[data-screen-label="How it works"] .step{
  min-height:390px;
  margin:0 !important;
  padding:34px clamp(26px,3vw,46px) 44px 0;
  background:transparent;
  border:0;
  border-right:1px solid var(--ch-line);
  border-radius:0;
  box-shadow:none;
}
[data-screen-label="How it works"] .step + .step{ padding-left:clamp(26px,3vw,46px); }
[data-screen-label="How it works"] .step:last-child{ border-right:0; padding-right:0; }
[data-screen-label="How it works"] .step-ghost{ position:static; display:block; margin-bottom:96px; font-size:clamp(64px,7vw,104px); font-weight:400; line-height:.8; color:#d8d6e3; opacity:1; }
[data-screen-label="How it works"] .snum{ display:none; }
[data-screen-label="How it works"] .step h3{ font-size:27px; font-weight:500; letter-spacing:-.035em; }
[data-screen-label="How it works"] .step p{ max-width:330px; color:#6b6875; line-height:1.6; }

/* 09.5 - Offer / IFTTT clarity with Mercury atmosphere. */
[data-screen-label="Bonus"]{ padding-top:0; padding-bottom:0; background:var(--ch-paper); }
[data-screen-label="Bonus"] > .wrap{ max-width:none; padding:0; }
[data-screen-label="Bonus"] .bonus{
  min-height:640px;
  border-radius:0;
  box-shadow:none;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
[data-screen-label="Bonus"] .bonus::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(21,19,30,.34),rgba(21,19,30,.76));
}
[data-screen-label="Bonus"] .bonus-bg::after{ background:linear-gradient(180deg,rgba(19,18,28,.54),rgba(19,18,28,.82)); }
[data-screen-label="Bonus"] .bonus-bg img{ transform:scale(1.02); }
[data-screen-label="Bonus"] .bonus-inner{ position:relative; z-index:2; max-width:850px; padding:90px 28px; }
[data-screen-label="Bonus"] .bonus-eyebrow{ color:#c5c1ff; }
[data-screen-label="Bonus"] .bonus h2{ max-width:820px; margin:0 auto 26px; font-size:clamp(52px,7vw,92px); font-weight:400; line-height:.94; letter-spacing:-.055em; }
[data-screen-label="Bonus"] .bonus-sub{ max-width:580px; margin:0 auto 34px; color:rgba(255,255,255,.72); font-size:17px; }
[data-screen-label="Bonus"] .bonus .btn-prim{ margin:auto; }
[data-screen-label="Bonus"] .bonus-badge{ display:none; }

/* 10 - Calculator / Wealthsimple tool clarity. */
[data-screen-label="Calculator"]{ background:#fff !important; }
[data-screen-label="Calculator"] .calc{
  grid-template-columns:1.05fr .95fr;
  border:1px solid var(--ch-line);
  border-radius:18px;
  overflow:hidden;
  box-shadow:none;
}
[data-screen-label="Calculator"] .calc-left{
  padding:clamp(34px,5vw,68px);
  border:0;
  border-right:1px solid var(--ch-line);
  border-radius:0;
  background:#fff;
}
[data-screen-label="Calculator"] .calc-left h3{ margin:0 0 54px; font-size:clamp(38px,4vw,58px); font-weight:400; letter-spacing:-.05em; }
[data-screen-label="Calculator"] .calc-field{ padding:0 0 30px; margin-bottom:30px; border-bottom:1px solid var(--ch-line); }
[data-screen-label="Calculator"] .cf-lbl{ font-size:13px; color:#73707c; }
[data-screen-label="Calculator"] .cf-val{ font-size:clamp(25px,2.6vw,38px); font-weight:400; letter-spacing:-.04em; }
[data-screen-label="Calculator"] .range{ accent-color:var(--ch-violet); }
[data-screen-label="Calculator"] .calc-proj{ gap:0; border-top:1px solid var(--ch-line); }
[data-screen-label="Calculator"] .proj-opt{
  min-height:76px;
  padding:16px 0;
  border:0;
  border-bottom:1px solid var(--ch-line);
  border-radius:0;
  background:transparent;
}
[data-screen-label="Calculator"] .proj-opt.active{ padding-left:16px; padding-right:16px; background:var(--ch-lilac); }
[data-screen-label="Calculator"] .calc-right{
  padding:clamp(34px,5vw,68px);
  border-radius:0;
  background:var(--ch-plum);
  color:#fff;
}
[data-screen-label="Calculator"] .calc-right .eyebrow{ color:#a7a1ff; }
[data-screen-label="Calculator"] .calc-result{ font-size:clamp(58px,7vw,96px); font-weight:400; letter-spacing:-.06em; }
[data-screen-label="Calculator"] .calc-sub{ color:rgba(255,255,255,.62); }
[data-screen-label="Calculator"] .calc-break .row{ border-color:rgba(255,255,255,.16); }
[data-screen-label="Calculator"] .calc-break .row > span:first-child{ color:rgba(255,255,255,.58); }

/* 12 - Community / structured communication desk. */
[data-screen-label="Community"]{ background:var(--ch-paper); }
[data-screen-label="Community"] .sec-head{ margin-bottom:58px; }
[data-screen-label="Community"] .community{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:0;
  border-top:1px solid var(--ch-ink);
  border-bottom:1px solid var(--ch-ink);
}
[data-screen-label="Community"] .cc{
  min-height:300px;
  padding:40px;
  border:0;
  border-radius:0;
  box-shadow:none;
}
[data-screen-label="Community"] .cc.telegram{ grid-row:span 2; min-height:600px; background:var(--ch-plum); }
[data-screen-label="Community"] .cc.news{ border-left:1px solid var(--ch-line); border-bottom:1px solid var(--ch-line); background:#fff; }
[data-screen-label="Community"] .cc.social{ border-left:1px solid var(--ch-line); background:#fff; }
[data-screen-label="Community"] .cc h3{ max-width:500px; font-size:clamp(34px,4vw,58px); font-weight:400; line-height:1; letter-spacing:-.05em; }
[data-screen-label="Community"] .cc > p:not(.eyebrow){ max-width:480px; line-height:1.6; }
[data-screen-label="Community"] .cc.telegram > p:not(.eyebrow){ color:rgba(255,255,255,.62); }
[data-screen-label="Community"] .news-form{ display:flex; border-bottom:1px solid var(--ch-ink); }
[data-screen-label="Community"] .news-form input{ padding-left:0; border:0; background:transparent; }
[data-screen-label="Community"] .social-links a{ border-color:var(--ch-line); background:transparent; }

/* 16 - Editorial / Dropbox newsroom: every story is one bounded module. */
[data-screen-label="Blog"]{ background:#faf8f4; }
[data-screen-label="Blog"] > .wrap > .deco-card{
  min-height:0;
  padding:0 0 38px;
  background:transparent;
  border:0;
  border-bottom:1px solid var(--ch-ink);
  border-radius:0;
  color:var(--ch-ink);
}
[data-screen-label="Blog"] > .wrap > .deco-card .deco-topo,
[data-screen-label="Blog"] > .wrap > .deco-card .deco-bracket,
[data-screen-label="Blog"] > .wrap > .deco-card .deco-folio{ display:none; }
[data-screen-label="Blog"] > .wrap > .deco-card .deco-card-body{ position:static; padding:0; display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; }
[data-screen-label="Blog"] > .wrap > .deco-card h2{ font-size:clamp(52px,6vw,80px); }
[data-screen-label="Blog"] > .wrap > .deco-card .sec-sub{ align-self:end; max-width:540px; color:#6b6875; }
[data-screen-label="Blog"] .blog-grid{
  display:grid;
  grid-template-columns:1.35fr .65fr .65fr;
  gap:16px;
  margin-top:38px;
}
[data-screen-label="Blog"] .bcard{
  background:#fff;
  border:1px solid #dedce4;
  border-radius:16px;
  box-shadow:0 1px 2px rgba(28,27,34,.04);
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
[data-screen-label="Blog"] .bcard:hover{
  transform:translateY(-2px);
  border-color:rgba(79,70,229,.36);
  box-shadow:0 10px 28px rgba(28,27,34,.08);
}
[data-screen-label="Blog"] .bcard.feat{ grid-row:span 2; }
[data-screen-label="Blog"] .bcard:nth-child(4){ grid-column:2 / -1; display:grid; grid-template-columns:.8fr 1.2fr; gap:0; padding-top:0; border-top:1px solid #dedce4; }
[data-screen-label="Blog"] .bphoto{ border-radius:0; }
[data-screen-label="Blog"] .bcard.feat .bphoto{ aspect-ratio:auto; }
[data-screen-label="Blog"] .bbody{ padding:20px; }
[data-screen-label="Blog"] .bcard.feat .bbody{ padding:24px; }
[data-screen-label="Blog"] .bcard h3{ font-size:clamp(22px,2.5vw,36px); font-weight:500; line-height:1.08; letter-spacing:-.04em; }
[data-screen-label="Blog"] .bcard.feat h3{ font-size:clamp(34px,4vw,56px); }
[data-screen-label="Blog"] .bchip,
[data-screen-label="Blog"] .btime{ border-radius:2px; }
[data-screen-label="Blog"] .blog-foot{ margin-top:48px; }

/* 17 - FAQ / Mercury two-column close. */
[data-screen-label="FAQ"]{ background:#fff; }
[data-screen-label="FAQ"] > .wrap{ display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(56px,9vw,150px); }
[data-screen-label="FAQ"] .deco-card{
  position:sticky;
  top:120px;
  align-self:start;
  min-height:0;
  padding:0;
  text-align:left !important;
  background:transparent;
  border:0;
  border-radius:0;
  color:var(--ch-ink);
}
[data-screen-label="FAQ"] .deco-card .deco-bracket,
[data-screen-label="FAQ"] .deco-card .deco-folio{ display:none; }
[data-screen-label="FAQ"] .deco-card-body{ position:static; padding:0; }
[data-screen-label="FAQ"] .deco-card .eyebrow{ justify-content:flex-start !important; }
[data-screen-label="FAQ"] .faq{ margin:0; border-top:1px solid var(--ch-ink); }
[data-screen-label="FAQ"] .faq-item{ border-bottom:1px solid var(--ch-line); }
[data-screen-label="FAQ"] .faq-q{ min-height:92px; padding:24px 58px 24px 0; font-size:21px; font-weight:500; }
[data-screen-label="FAQ"] .faq-q::after{ right:0; color:var(--ch-violet); }
[data-screen-label="FAQ"] .faq-a span{ max-width:760px; padding:0 42px 30px 0; color:#686672; line-height:1.65; }

/* Footer / Mercury dense information close. */
footer.site{
  position:relative;
  padding:92px 0 34px;
  background:var(--ch-plum);
  border-radius:0;
}
footer.site .footer-top{ grid-template-columns:1.5fr repeat(3,.6fr); gap:60px; }
footer.site .footer-brand [data-lockup-h]{
  display:inline-flex;
  align-items:center;
  gap:11px;
  margin-bottom:22px;
  color:rgba(255,255,255,.96);
  line-height:1;
}
footer.site .footer-brand [data-lockup-h] .ch-mark{
  flex:0 0 auto;
  overflow:visible;
  color:#6961f4;
}
footer.site .footer-brand [data-lockup-h] .ch-mark path{
  transform-box:fill-box;
  transform-origin:center;
}
footer.site .footer-brand [data-lockup-h] .wm{
  display:inline-block;
  color:rgba(255,255,255,.96);
}
footer.site.brand-motion .footer-brand [data-lockup-h] .ch-mark-left{
  opacity:0;
  transform:translateX(-8px);
}
footer.site.brand-motion .footer-brand [data-lockup-h] .ch-mark-right{
  opacity:0;
  transform:translateX(8px);
}
footer.site.brand-motion .footer-brand [data-lockup-h] .wm{
  opacity:0;
  filter:blur(4px);
  transform:translateX(-7px);
}
footer.site.brand-motion.brand-visible .footer-brand [data-lockup-h] .ch-mark-left{
  animation:footer-lockup-left-in .58s .2s cubic-bezier(.22,1,.36,1) forwards;
}
footer.site.brand-motion.brand-visible .footer-brand [data-lockup-h] .ch-mark-right{
  animation:footer-lockup-right-in .58s .2s cubic-bezier(.22,1,.36,1) forwards;
}
footer.site.brand-motion.brand-visible .footer-brand [data-lockup-h] .wm{
  animation:footer-lockup-word-in .58s .54s cubic-bezier(.22,1,.36,1) forwards;
}
@keyframes footer-lockup-left-in{
  to{ opacity:1; transform:translateX(0); }
}
@keyframes footer-lockup-right-in{
  to{ opacity:1; transform:translateX(0); }
}
@keyframes footer-lockup-word-in{
  to{ opacity:1; filter:blur(0); transform:translateX(0); }
}
@media (hover:hover){
  footer.site .footer-brand [data-lockup-h] .ch-mark,
  footer.site .footer-brand [data-lockup-h] .ch-mark path,
  footer.site .footer-brand [data-lockup-h] .wm{
    transition:transform .34s cubic-bezier(.22,1,.36,1),color .24s ease;
  }
  footer.site .footer-brand [data-lockup-h]:hover .ch-mark-left{ transform:translateX(-2px); }
  footer.site .footer-brand [data-lockup-h]:hover .ch-mark-right{ transform:translateX(2px); }
  footer.site .footer-brand [data-lockup-h]:hover .wm{ color:#fff; transform:translateX(2px); }
}
footer.site .footer-brand p{ max-width:390px; color:rgba(255,255,255,.58); }
footer.site .fcol h4{ color:#a7a1ff; font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
footer.site .fcol a{ color:rgba(255,255,255,.76); }
footer.site .footer-disc{ margin-top:0; padding-top:28px; border-top:0; color:rgba(255,255,255,.42); }

/* One-time section entrances; no scroll-jacking. */
.reveal-block{ opacity:0; transform:translateY(26px); transition:opacity .68s ease,transform .68s cubic-bezier(.22,.61,.36,1); }
.reveal-block.is-visible{ opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){ .reveal-block{ opacity:1; transform:none; transition:none; } }
@media (prefers-reduced-motion:reduce){
  footer.site.brand-motion .footer-brand [data-lockup-h] .ch-mark-left,
  footer.site.brand-motion .footer-brand [data-lockup-h] .ch-mark-right,
  footer.site.brand-motion .footer-brand [data-lockup-h] .wm{
    opacity:1;
    filter:none;
    animation:none;
    transform:none;
    transition:none;
  }
}

@media (max-width:980px){
  [data-screen-label="Protection"] > .wrap,
  [data-screen-label="FAQ"] > .wrap{ grid-template-columns:1fr; }
  [data-screen-label="Protection"] .sec-head,
  [data-screen-label="FAQ"] .deco-card{ position:static; }
  [data-screen-label="Protection"] .guarantees{ grid-column:1; }
  [data-screen-label="Why invest"] .why{ grid-template-columns:1fr; }
  [data-screen-label="Why invest"] .why-sticky{ position:static; }
  [data-screen-label="Blog"] .blog-grid{ grid-template-columns:1fr 1fr; }
  [data-screen-label="Blog"] .bcard.feat{ grid-column:1 / -1; grid-row:auto; }
  [data-screen-label="Blog"] .bcard:nth-child(4){ grid-column:auto; display:block; padding-top:0; border-top:1px solid #dedce4; }
}

@media (max-width:768px){
  .section{ padding:78px 0; }
  h2.h2{ font-size:44px; }
  [data-screen-label="Protection"] .gl-body{ grid-template-columns:1fr; gap:8px; }
  [data-screen-label="Protection"] .grade-scale{ margin-top:56px; padding:26px 20px; overflow:hidden; }
  [data-screen-label="Protection"] .gs-ticks{ display:flex; gap:22px; overflow-x:auto; padding-bottom:8px; scroll-snap-type:x mandatory; }
  [data-screen-label="Protection"] .gs-t{ flex:0 0 92px; scroll-snap-align:start; }
  [data-screen-label="Why invest"] .deco-card h2{ font-size:48px; }
  [data-screen-label="How it works"] .sec-head{ margin-bottom:42px; }
  [data-screen-label="How it works"] .steps{ grid-template-columns:1fr; }
  [data-screen-label="How it works"] .step,
  [data-screen-label="How it works"] .step + .step{ min-height:0; padding:30px 0 34px; border-right:0; border-bottom:1px solid var(--ch-line); }
  [data-screen-label="How it works"] .step-ghost{ margin-bottom:48px; font-size:70px; }
  [data-screen-label="Bonus"] .bonus{ min-height:680px; }
  [data-screen-label="Bonus"] .bonus h2{ font-size:48px; }
  [data-screen-label="Calculator"] .calc{ grid-template-columns:1fr; border-radius:14px; }
  [data-screen-label="Calculator"] .calc-left{ border-right:0; border-bottom:1px solid var(--ch-line); padding:28px 20px; }
  [data-screen-label="Calculator"] .calc-right{ padding:34px 20px; }
  [data-screen-label="Community"] .community{ grid-template-columns:1fr; }
  [data-screen-label="Community"] .cc{ padding:30px 22px; }
  [data-screen-label="Community"] .cc.telegram{ grid-row:auto; min-height:480px; }
  [data-screen-label="Community"] .cc.news,
  [data-screen-label="Community"] .cc.social{ border-left:0; border-top:1px solid var(--ch-line); }
  [data-screen-label="Blog"] > .wrap > .deco-card .deco-card-body{ grid-template-columns:1fr; gap:18px; }
  [data-screen-label="Blog"] .blog-grid{ display:flex; }
  [data-screen-label="FAQ"] > .wrap{ gap:44px; }
  [data-screen-label="FAQ"] .faq-q{ min-height:78px; padding-right:42px; font-size:18px; }
  footer.site .footer-top{ grid-template-columns:1fr 1fr; gap:42px 28px; }
  footer.site .footer-brand{ grid-column:1 / -1; }
}

/* LK alignment pass - dashboard cards 12px, hero/story surfaces 14-16px. */
:root{ --lk-r-card:16px; --lk-r-control:10px; --ch-shell-curve:24px; }

[data-screen-label="Protection"] .guarantees{
  overflow:hidden;
  padding:0 28px;
  border:1px solid var(--ch-line);
  border-radius:var(--lk-r-card);
  background:#fff;
}
[data-screen-label="Protection"] .gl-row:last-child{ border-bottom:0; }

[data-screen-label="Why invest"] .why-cards{
  overflow:hidden;
  padding:0 30px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:var(--lk-r-card);
  background:rgba(255,255,255,.025);
}
[data-screen-label="Why invest"] .why-card:last-child{ border-bottom:0; }

[data-screen-label="How it works"] .steps{
  overflow:hidden;
  padding:0 30px;
  border:1px solid var(--ch-line);
  border-radius:var(--lk-r-card);
  background:#fff;
}

[data-screen-label="Bonus"]{ padding:0 0 96px; }
[data-screen-label="Bonus"] > .wrap{ max-width:1280px; padding:0 48px; }
[data-screen-label="Bonus"] .bonus{ min-height:560px; border-radius:20px; }

[data-screen-label="Calculator"]{ padding:96px 0; }
[data-screen-label="Calculator"] .calc{
  width:min(1080px,100%);
  margin:0 auto;
  grid-template-columns:1fr 1fr;
  border-radius:18px;
}
[data-screen-label="Calculator"] .calc-left,
[data-screen-label="Calculator"] .calc-right{ padding:42px 44px; }
[data-screen-label="Calculator"] .calc-left h3{ margin-bottom:34px; font-size:clamp(34px,3.5vw,46px); }
[data-screen-label="Calculator"] .calc-field{ padding-bottom:20px; margin-bottom:20px; }
[data-screen-label="Calculator"] .cf-val{ font-size:clamp(22px,2.2vw,30px); }
[data-screen-label="Calculator"] .proj-opt{ min-height:60px; padding:11px 0; }
[data-screen-label="Calculator"] .proj-opt.active{ border-radius:var(--lk-r-control); }
[data-screen-label="Calculator"] .calc-result{ font-size:clamp(54px,6vw,76px); }
[data-screen-label="Calculator"] .calc-sub{ margin-bottom:18px; }
[data-screen-label="Calculator"] .calc-chart{ height:76px; }
[data-screen-label="Calculator"] .calc-break{ margin-bottom:18px; }
[data-screen-label="Calculator"] .calc-break .row{ padding:10px 0; }
[data-screen-label="Calculator"] .calc-right .btn-prim{ min-height:48px; }

[data-screen-label="Community"] .community{
  overflow:hidden;
  border:1px solid var(--ch-ink);
  border-radius:18px;
}

[data-screen-label="Blog"] .bphoto{ overflow:hidden; border-radius:14px; }
[data-screen-label="Blog"] .bchip,
[data-screen-label="Blog"] .btime{ border-radius:6px; }

[data-screen-label="FAQ"] .faq{
  overflow:hidden;
  padding:0 28px;
  border:1px solid var(--ch-line);
  border-radius:var(--lk-r-card);
  background:#fbfbfd;
}
[data-screen-label="FAQ"] .faq-item:last-child{ border-bottom:0; }

.hero{
  z-index:2;
  margin-bottom:-64px;
  border-radius:0 0 50% 50% / 0 0 64px 64px;
}
.metrics-section{
  position:relative;
  z-index:1;
  padding-top:64px;
}

footer.site{
  overflow:hidden;
  margin-top:-64px;
  padding-top:132px;
  border-radius:50% 50% 0 0 / 64px 64px 0 0;
}

@media (max-width:768px){
  :root{ --ch-shell-curve:20px; }
  .hero{
    margin-bottom:-34px;
    border-radius:0 0 50% 50% / 0 0 34px 34px;
  }
  .metrics-section{ padding-top:34px; }
  [data-screen-label="Protection"] .guarantees,
  [data-screen-label="Why invest"] .why-cards,
  [data-screen-label="How it works"] .steps,
  [data-screen-label="FAQ"] .faq{ padding-left:18px; padding-right:18px; border-radius:14px; }
  [data-screen-label="Bonus"]{ padding-bottom:72px; }
  [data-screen-label="Bonus"] > .wrap{ padding:0 20px; }
  [data-screen-label="Bonus"] .bonus{ min-height:620px; border-radius:18px; }
  [data-screen-label="Calculator"]{ padding:72px 0; }
  [data-screen-label="Calculator"] .calc{
    width:100%;
    grid-template-columns:minmax(0,1fr);
    border-radius:16px;
  }
  [data-screen-label="Calculator"] .calc-left,
  [data-screen-label="Calculator"] .calc-right{ padding:28px 20px; }
  [data-screen-label="Calculator"] .calc-left{
    border-right:0;
    border-bottom:1px solid var(--ch-line);
  }
  [data-screen-label="Calculator"] .calc-left h3{ margin-bottom:28px; font-size:36px; }
  [data-screen-label="Calculator"] .calc-field{ padding-bottom:18px; margin-bottom:18px; }
  [data-screen-label="Calculator"] .proj-opt{ min-height:58px; }
  [data-screen-label="Calculator"] .calc-right{ padding-top:26px; }
  [data-screen-label="Calculator"] .calc-result{ font-size:52px; }
  [data-screen-label="Calculator"] .calc-chart{ height:64px; }
  footer.site{
    margin-top:-34px;
    padding-top:104px;
    border-radius:50% 50% 0 0 / 34px 34px 0 0;
  }
}

/* Refero lock: Lovable atmospheric field + Dimension product fragments, translated to CrowdHive. */
.how-focus-grid{
  --fluid-x1:50%;
  --fluid-y1:44%;
  --fluid-x2:78%;
  --fluid-y2:66%;
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:24px;
  overflow:hidden;
  border:1px solid rgba(121,115,148,.28);
  border-radius:16px;
  background:linear-gradient(135deg,#f0f4fb 0%,#f8f5fc 51%,#f1f0f7 100%);
  box-shadow:0 18px 52px rgba(31,30,37,.07);
}
.how-focus-grid::before,
.how-focus-grid::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:-16%;
  pointer-events:none;
  filter:blur(18px);
  will-change:background;
}
.how-focus-grid::before{
  background:radial-gradient(43% 60% at var(--fluid-x1) var(--fluid-y1),rgba(91,80,240,.29),rgba(167,179,255,.14) 42%,transparent 72%);
}
.how-focus-grid::after{
  background:radial-gradient(38% 54% at var(--fluid-x2) var(--fluid-y2),rgba(213,178,255,.31),rgba(164,209,255,.13) 44%,transparent 72%);
  mix-blend-mode:multiply;
}
.how-focus-card{
  --local-x:50%;
  --local-y:45%;
  position:relative;
  z-index:1;
  min-width:0;
  border-right:1px solid rgba(121,115,148,.22);
  background:rgba(255,255,255,.43);
  backdrop-filter:blur(9px);
  transition:background-color .24s ease,box-shadow .24s ease;
}
.how-focus-card:last-child{ border-right:0; }
.how-focus-card:hover{
  z-index:2;
  background:rgba(255,255,255,.62);
  box-shadow:0 24px 50px rgba(48,40,96,.1);
}
.how-focus-visual{
  position:relative;
  height:244px;
  padding:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.how-focus-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(235px circle at var(--local-x) var(--local-y),rgba(81,71,236,.18),transparent 65%);
  opacity:0;
  transition:opacity .24s ease;
}
.how-focus-card:hover .how-focus-visual::before{ opacity:1; }
.how-ui-card{
  position:relative;
  z-index:1;
  width:100%;
  border:1px solid #d9d7e2;
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 32px rgba(34,31,48,.1);
  transition:transform .3s cubic-bezier(.2,.75,.2,1),box-shadow .3s ease;
}
.how-focus-card:hover .how-ui-card{ transform:translateY(-5px); box-shadow:0 19px 40px rgba(38,31,82,.15); }
.how-focus-copy{ position:relative; z-index:1; min-height:190px; padding:25px 26px 28px; }
.how-step-tag{ display:block; margin-bottom:15px; color:#5147ec; font:700 12px/1 'Inter Tight',sans-serif; letter-spacing:.12em; }
.how-focus-copy h3{ margin:0 0 8px; font:600 23px/1.16 'Inter Tight',sans-serif; letter-spacing:-.025em; }
.how-focus-copy p{ margin:0; color:#686473; font-size:14px; line-height:1.58; }
.how-verify{ max-width:280px; padding:21px; }
.how-verify-top{ display:flex; align-items:center; gap:12px; }
.how-check{ width:38px; height:38px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:#e8f6ee; color:#2f8758; }
.how-check svg{ width:19px; }
.how-tiny-title{ font:600 14px/1.2 'Inter Tight',sans-serif; }
.how-tiny-sub{ margin-top:3px; color:#7b7785; font-size:11px; }
.how-verify-line{ height:7px; margin-top:21px; overflow:hidden; border-radius:20px; background:#eceaf2; }
.how-verify-line i{ display:block; width:100%; height:100%; background:#5147ec; }
.how-project-mini{ max-width:290px; overflow:hidden; }
.how-project-photo{ position:relative; height:94px; overflow:hidden; }
.how-project-photo img{ width:100%; height:100%; display:block; object-fit:cover; }
.how-project-photo::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(15,20,31,.05),rgba(15,20,31,.22)); }
.how-project-photo span{ position:absolute; z-index:1; top:11px; left:11px; padding:5px 8px; border-radius:6px; background:#5147ec; color:#fff; font:700 11px/1 'Inter Tight',sans-serif; }
.how-project-body{ padding:14px 15px 15px; }
.how-project-name{ font:600 14px/1.2 'Inter Tight',sans-serif; }
.how-project-meta{ margin-top:4px; color:#7c7886; font-size:10px; }
.how-rate{ display:flex; align-items:end; justify-content:space-between; margin-top:13px; }
.how-rate strong{ font:600 27px/1 'Inter Tight',sans-serif; letter-spacing:-.04em; }
.how-rate span{ color:#777381; font-size:10px; }
.how-funding{ height:5px; margin-top:10px; overflow:hidden; border-radius:5px; background:#ebe9f1; }
.how-funding i{ display:block; width:76%; height:100%; border-radius:5px; background:#5147ec; }
.how-payment{ max-width:300px; padding:9px 17px; }
.how-pay-row{ display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:10px; align-items:center; padding:12px 0; border-bottom:1px solid #eceaf0; }
.how-pay-row:last-child{ border-bottom:0; }
.how-pay-icon{ width:34px; height:34px; display:grid; place-items:center; border-radius:9px; background:#e8f6ee; color:#2f8758; }
.how-pay-icon svg{ width:15px; }
.how-pay-main{ min-width:0; }
.how-pay-main strong{ display:block; overflow:hidden; font:600 12px/1.2 'Inter Tight',sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.how-pay-main span{ color:#827e89; font-size:10px; }
.how-pay-amt{ color:#26794d; font:700 12px/1 'Inter Tight',sans-serif; white-space:nowrap; }

/* The fused CH glyph assembles once, then gives a restrained hover response. */
.nav > a[data-lockup-h] .ch-mark{
  overflow:visible;
  transform-origin:center;
  transition:transform .22s cubic-bezier(.22,1,.36,1),color .22s ease;
}
.nav > a[data-lockup-h] .ch-mark path{ transform-box:fill-box; transform-origin:center; }
.nav > a[data-lockup-h] .ch-mark-left{ animation:ch-mark-left-in .56s cubic-bezier(.22,1,.36,1) .08s both; }
.nav > a[data-lockup-h] .ch-mark-right{ animation:ch-mark-right-in .56s cubic-bezier(.22,1,.36,1) .08s both; }
.nav > a[data-lockup-h]:hover .ch-mark{ transform:rotate(-3deg) translateY(-1px); color:#6961f4; }
@keyframes ch-mark-left-in{ from{ opacity:0; transform:translateX(-8px); } to{ opacity:1; transform:translateX(0); } }
@keyframes ch-mark-right-in{ from{ opacity:0; transform:translateX(8px); } to{ opacity:1; transform:translateX(0); } }

@media (max-width:768px){
  .how-focus-grid{ grid-template-columns:1fr; margin-top:18px; }
  .how-focus-card{ border-right:0; border-bottom:1px solid rgba(121,115,148,.22); }
  .how-focus-card:last-child{ border-bottom:0; }
  .how-focus-visual{ height:220px; padding:24px; }
  .how-focus-copy{ min-height:0; padding:22px 24px 25px; }
}
@media (prefers-reduced-motion:reduce){
  .how-focus-card,.how-focus-visual::before,.how-ui-card{ transition:none; }
  .how-focus-grid::before,.how-focus-grid::after{ display:none; }
  .nav > a[data-lockup-h] .ch-mark,
  .nav > a[data-lockup-h] .ch-mark path{ animation:none; transition:none; transform:none; }
}
@media (hover:none){
  .how-focus-card:hover{ background:rgba(255,255,255,.43); box-shadow:none; }
  .how-focus-card:hover .how-focus-visual::before{ opacity:0; }
  .how-focus-card:hover .how-ui-card{ transform:none; box-shadow:0 12px 32px rgba(34,31,48,.1); }
}

/* Refero Rork select pattern + supplied language-menu reference, adapted to the CrowdHive header. */
.language-flag-sprite{ position:absolute; width:0; height:0; overflow:hidden; pointer-events:none; }
.language-picker{ position:relative; z-index:80; }
.language-picker .lang{ min-height:42px; gap:8px; transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease; }
.language-picker.open .lang{ border-color:rgba(81,71,236,.38); box-shadow:0 0 0 3px rgba(81,71,236,.1); }
.language-picker.open .lang-chev{ transform:rotate(180deg); }
.lang-chev{ transition:transform .24s cubic-bezier(.22,1,.36,1); }
.lang-flag{ width:24px; height:16px; flex:0 0 auto; display:block; overflow:hidden; border-radius:2px; box-shadow:0 0 0 1px rgba(25,24,31,.12); }
.lang-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:264px;
  max-height:min(432px,calc(100vh - 112px));
  padding:8px;
  overflow:auto;
  border:1px solid rgba(112,107,132,.22);
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 22px 60px rgba(30,28,42,.18);
  backdrop-filter:blur(18px);
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px) scale(.97);
  transform-origin:top right;
  transition:opacity .2s ease,visibility .2s ease,transform .24s cubic-bezier(.22,1,.36,1);
}
.language-picker.open .lang-menu{ opacity:1; visibility:visible; transform:none; }
.lang-option{
  width:100%;
  min-height:46px;
  padding:9px 11px;
  display:grid;
  grid-template-columns:24px 1fr 18px;
  gap:12px;
  align-items:center;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#211f29;
  text-align:left;
  font:600 14px/1.2 'Inter Tight',sans-serif;
  cursor:pointer;
  opacity:0;
  transform:translateY(-5px);
  transition:color .18s ease,background-color .18s ease,opacity .2s ease,transform .24s cubic-bezier(.22,1,.36,1);
}
.language-picker.open .lang-option{ opacity:1; transform:none; }
.language-picker.open .lang-option:nth-child(1){ transition-delay:.02s; }
.language-picker.open .lang-option:nth-child(2){ transition-delay:.04s; }
.language-picker.open .lang-option:nth-child(3){ transition-delay:.06s; }
.language-picker.open .lang-option:nth-child(4){ transition-delay:.08s; }
.language-picker.open .lang-option:nth-child(5){ transition-delay:.10s; }
.language-picker.open .lang-option:nth-child(6){ transition-delay:.12s; }
.language-picker.open .lang-option:nth-child(7){ transition-delay:.14s; }
.language-picker.open .lang-option:nth-child(8){ transition-delay:.16s; }
.lang-option:hover,.lang-option:focus-visible{ outline:0; background:#f2f0fc; color:#4037cf; }
.lang-option.active{ background:#ebe9fb; color:#282331; }
.lang-check{ width:18px; height:18px; opacity:0; color:#5147ec; transform:scale(.65); transition:opacity .18s ease,transform .2s cubic-bezier(.22,1,.36,1); }
.lang-option.active .lang-check{ opacity:1; transform:scale(1); }
.language-picker.language-changed > .lang .lang-flag{ animation:lang-flag-settle .34s cubic-bezier(.22,1,.36,1); }
@keyframes lang-flag-settle{ 0%{ opacity:.35; transform:translateY(3px) scale(.82); } 100%{ opacity:1; transform:none; } }
.mobile-language-picker{ display:none; }
.mobile-lang-label{ color:#6c6876; font-weight:400; }

@media (max-width:768px){
  .mobile-menu{ max-height:calc(100vh - 76px); overflow:auto; }
  .mobile-language-picker{ display:block; margin-top:14px; padding-bottom:4px; }
  .mobile-language-picker .lang{ width:100%; justify-content:flex-start; color:#211f29; background:#fff; border-color:var(--line); }
  .mobile-language-picker .lang-chev{ margin-left:auto; }
  .mobile-language-picker .lang-menu{ position:relative; top:auto; right:auto; width:100%; max-height:0; margin-top:0; padding:0 8px; overflow:hidden; transform:translateY(-6px); box-shadow:none; }
  .mobile-language-picker.open .lang-menu{ max-height:292px; margin-top:8px; padding:8px; overflow:auto; }
}
@media (prefers-reduced-motion:reduce){
  .lang-chev,.lang-menu,.lang-option,.lang-check{ transition:none !important; }
  .language-picker.language-changed > .lang .lang-flag{ animation:none; }
}