/* ct-home-hero.css — offer block under the homepage slider (crystal.tax, package 6a, 22.09.2026).
   Theme tokens only: OpenSans, primary #005e8a, ink #111, muted #74757f, rule #e8e9ee, light bg #f5f6fa, radius 0.
   Markup: chunks ctHomeHero_{ru,en,uk,de,fr,es}; no curly braces are allowed in those chunks, so all styling lives here. */
.ct-hero{--ct-blue:#005e8a;--ct-blue-dark:#00537b;--ct-ink:#111;--ct-muted:#5f6470;--ct-rule:#e8e9ee;--ct-bg:#f5f6fa;--ct-paper:#fff;
  position:relative;background:var(--ct-bg);border-bottom:1px solid var(--ct-rule);padding:32px 0 40px;
  font-family:OpenSans,sans-serif;color:var(--ct-ink);letter-spacing:.03em}
.ct-hero .container{margin-top:0}
.ct-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);row-gap:28px}
.ct-hero-main,.ct-hero-who{min-width:0}
.ct-hero-kicker{margin:0 0 12px;font-size:12px;line-height:1.4;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ct-muted)}
.ct-hero-title{margin:0 0 14px;font-size:26px;line-height:1.2;font-weight:400;letter-spacing:0;color:var(--ct-ink);text-wrap:balance}
.ct-hero-lead{margin:0;font-size:16px;line-height:1.55;font-weight:300;max-width:62ch}
.ct-hero-lead strong{font-weight:600}
/* action box */
.ct-hero-box{background:var(--ct-paper);border:1px solid var(--ct-rule);border-top:3px solid var(--ct-blue);padding:20px 20px 18px}
.ct-hero .ct-hero-cta.button{display:block;width:100%;margin:0;padding-left:16px;padding-right:16px;text-align:center;white-space:normal;line-height:1.35}
.ct-hero-meta{list-style:none;margin:16px 0 0;padding:0;font-size:14px;line-height:1.5;font-weight:400;color:var(--ct-ink)}
.ct-hero-meta li{position:relative;padding:7px 0 7px 18px;border-top:1px solid var(--ct-rule)}
.ct-hero-meta li:first-child{border-top:0;padding-top:0}
.ct-hero-meta li::before{content:"";position:absolute;left:0;top:14px;width:7px;height:7px;background:var(--ct-blue)}
.ct-hero-meta li:first-child::before{top:7px}
.ct-hero-msg{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--ct-rule);font-size:14px;line-height:1.6;color:var(--ct-muted)}
.ct-hero-msg a{color:var(--ct-blue);font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}
.ct-hero-msg a:hover{color:var(--ct-blue-dark);border-bottom-color:currentColor}
.ct-hero-dot{margin:0 8px;color:var(--ct-muted)}
.ct-hero-more{display:inline-block;margin-top:10px;font-size:14px;line-height:1.5;font-weight:500;color:var(--ct-blue);text-decoration:none;border-bottom:1px dashed var(--ct-blue);transition:border-color .2s ease,color .2s ease}
.ct-hero-more:hover{color:var(--ct-blue-dark);border-bottom-style:solid}
.ct-hero-proof{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--ct-muted)}
.ct-hero-proof a{color:inherit;text-decoration:underline;text-decoration-color:var(--ct-rule);text-underline-offset:3px}
.ct-hero-proof a:hover{color:var(--ct-blue)}
.ct-hero-stars{color:var(--ct-blue);letter-spacing:.08em;font-size:12px;margin-right:4px}
/* audience list */
.ct-hero-label{margin:0 0 6px;font-size:12px;line-height:1.4;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ct-muted)}
.ct-hero-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--ct-rule)}
.ct-hero-list li{padding:10px 0 10px;border-bottom:1px solid var(--ct-rule);font-size:14px;line-height:1.5;font-weight:300}
.ct-hero-list strong{display:block;font-size:15px;font-weight:600;color:var(--ct-ink);margin-bottom:1px}
/* focus */
.ct-hero a:focus-visible{outline:2px solid var(--ct-blue);outline-offset:3px}
/* tablet */
@media (min-width:768px){
  .ct-hero{padding:36px 0 44px}
  .ct-hero-title{font-size:30px}
  .ct-hero-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px}
}
/* desktop: text 7/12, action box 5/12 spanning both rows */
@media (min-width:992px){
  .ct-hero{padding:28px 0 48px}
  .ct-hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto;column-gap:56px;row-gap:32px;align-items:start}
  .ct-hero-main{grid-column:1;grid-row:1;align-self:center}
  .ct-hero-side{grid-column:2;grid-row:1}
  .ct-hero-who{grid-column:1 / span 2;grid-row:2}
  .ct-hero-list{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px}
  .ct-hero-title{font-size:32px;line-height:1.18}
  .ct-hero-box{padding:22px 26px 20px}
}
@media (min-width:1200px){
  .ct-hero-title{font-size:34px}
}
@media (max-width:420px){
  .ct-hero .ct-hero-cta.button{letter-spacing:1.4px}
}
@media (prefers-reduced-motion:reduce){
  .ct-hero .wow{animation:none !important;visibility:visible !important}
  .ct-hero a{transition:none}
}