/* CAREKA DIGITAL — V101 HERO LAYOUT FINAL */
:root{
  --ck101-header-h:88px;
  --ck101-x:clamp(28px,4.2vw,64px);
  --ck101-y:clamp(24px,3.6vh,42px);
  --ck101-bottom:clamp(24px,4vh,42px);
  --ck101-gold:#F5A623;
  --ck101-gold-soft:#FFD76A;
  --ck101-orange:#E7791F;
  --ck101-white:#FFF7EA;
  --ck101-muted:rgba(255,247,234,.82);
  --ck101-line:rgba(245,166,35,.30);
}

body #hero.ckHeroV97,
body .hero.ckHeroV97{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-height:calc(100svh - var(--ck101-header-h))!important;
  height:auto!important;
  margin:0!important;
  padding:var(--ck101-y) var(--ck101-x) calc(var(--ck101-bottom) + 138px)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  display:block!important;
  background:#020304!important;
}

body #hero.ckHeroV97 > video.hero-video,
body .hero.ckHeroV97 > video.hero-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  z-index:0!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  filter:brightness(.42) contrast(1.08) saturate(1.04)!important;
  transform:scale(1.01)!important;
  pointer-events:none!important;
}

body #hero.ckHeroV97 > .hero-overlay,
body .hero.ckHeroV97 > .hero-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.72) 33%, rgba(0,0,0,.38) 64%, rgba(0,0,0,.58) 100%),
    linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.06) 40%, rgba(0,0,0,.34) 100%),
    radial-gradient(860px 480px at 74% 55%, rgba(245,166,35,.14), transparent 72%)!important;
}

body #hero.ckHeroV97::before,
body .hero.ckHeroV97::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(114deg, transparent 0%, transparent 58%, rgba(255,215,106,.12) 64%, rgba(231,121,31,.09) 68%, transparent 76%),
    radial-gradient(680px 220px at 70% 74%, rgba(245,166,35,.12), transparent 70%)!important;
  opacity:.72!important;
}

body #hero.ckHeroV97 > .hero-content,
body .hero.ckHeroV97 > .hero-content{
  position:relative!important;
  z-index:3!important;
  width:min(1080px,58vw)!important;
  max-width:1080px!important;
  margin:0!important;
  padding:clamp(8px,1.2vh,14px) 0 0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:clamp(18px,2vh,26px)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
}

body #hero.ckHeroV97 > .hero-content *,
body .hero.ckHeroV97 > .hero-content *,
body #hero.ckHeroV97 > .hero-founder-card,
body .hero.ckHeroV97 > .hero-founder-card,
body #hero.ckHeroV97 > .hero-founder-card *,
body .hero.ckHeroV97 > .hero-founder-card *{
  opacity:1!important;
  visibility:visible!important;
}

body #hero.ckHeroV97 > .hero-content h1,
body .hero.ckHeroV97 > .hero-content h1{
  margin:0!important;
  max-width:12.8ch!important;
  color:var(--ck101-white)!important;
  font-family:var(--font-display, "Anton", "Bebas Neue", Impact, sans-serif)!important;
  font-size:clamp(56px,4.65vw,92px)!important;
  line-height:.92!important;
  font-weight:900!important;
  letter-spacing:.012em!important;
  text-transform:uppercase!important;
  text-align:left!important;
  text-wrap:balance!important;
  white-space:normal!important;
  text-shadow:0 20px 50px rgba(0,0,0,.6)!important;
}
body #hero.ckHeroV97 > .hero-content h1 span,
body .hero.ckHeroV97 > .hero-content h1 span{
  color:var(--ck101-gold)!important;
  background:linear-gradient(180deg, var(--ck101-gold-soft) 0%, var(--ck101-gold) 56%, var(--ck101-orange) 100%)!important;
  -webkit-background-clip:text!important; background-clip:text!important; -webkit-text-fill-color:transparent!important;
}

body #hero.ckHeroV97 > .hero-content p,
body .hero.ckHeroV97 > .hero-content p{
  margin:0!important;
  max-width:49ch!important;
  color:var(--ck101-muted)!important;
  font-size:clamp(17px,1.12vw,21px)!important;
  line-height:1.5!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
  text-align:left!important;
  text-shadow:0 14px 30px rgba(0,0,0,.52)!important;
}

body #hero.ckHeroV97 > .hero-content .hero-cta,
body .hero.ckHeroV97 > .hero-content .hero-cta{
  width:min(430px,100%)!important;
  min-height:58px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 28px!important;
  margin:0!important;
  border:1px solid rgba(255,215,106,.54)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#FFD76A 0%, var(--ck101-gold) 44%, var(--ck101-orange) 100%)!important;
  color:#050505!important;
  font-size:clamp(12px,.84vw,15px)!important;
  font-weight:900!important;
  line-height:1.1!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  box-shadow:0 22px 52px rgba(231,121,31,.28), inset 0 1px 0 rgba(255,255,255,.34)!important;
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease!important;
}
body #hero.ckHeroV97 > .hero-content .hero-cta:hover,
body .hero.ckHeroV97 > .hero-content .hero-cta:hover{
  transform:translateY(-2px)!important;
  filter:saturate(1.05) brightness(1.03)!important;
  box-shadow:0 30px 72px rgba(231,121,31,.36), inset 0 1px 0 rgba(255,255,255,.42)!important;
}

body #hero.ckHeroV97 > .hero-founder-card,
body .hero.ckHeroV97 > .hero-founder-card{
  position:absolute!important;
  right:var(--ck101-x)!important;
  bottom:var(--ck101-bottom)!important;
  z-index:4!important;
  width:min(980px,57vw)!important;
  max-width:980px!important;
  min-width:690px!important;
  margin:0!important;
  padding:clamp(16px,1.25vw,22px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(18px,1.3vw,26px)!important;
  border:1px solid var(--ck101-line)!important;
  border-radius:22px!important;
  background:linear-gradient(120deg,rgba(12,11,10,.78),rgba(6,7,10,.86))!important;
  box-shadow:0 28px 78px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.07)!important;
  -webkit-backdrop-filter:blur(16px)!important; backdrop-filter:blur(16px)!important;
  overflow:hidden!important;
}
body #hero.ckHeroV97 > .hero-founder-card::before,
body .hero.ckHeroV97 > .hero-founder-card::before{
  content:""!important; position:absolute!important; inset:0!important; pointer-events:none!important;
  background:linear-gradient(115deg,rgba(255,255,255,.06),transparent 26%,transparent 74%,rgba(245,166,35,.07))!important; opacity:.75!important;
}
body .hero-founder-card__identity,
body .hero-founder-card__info{ position:relative!important; z-index:1!important; }
body .hero-founder-card__identity{
  display:grid!important; grid-template-columns:clamp(82px,4.7vw,108px) minmax(0,1fr)!important; gap:clamp(14px,1vw,18px)!important; align-items:center!important; min-width:0!important;
}
body .hero-founder-card__image{ width:clamp(82px,4.7vw,108px)!important; height:clamp(82px,4.7vw,108px)!important; object-fit:cover!important; border-radius:14px!important; border:1px solid rgba(245,166,35,.34)!important; }
body .hero-founder-card__copy{ display:grid!important; gap:5px!important; min-width:0!important; }
body .hero-founder-card__copy b, body .hero-founder-card__item b{ color:var(--ck101-gold-soft)!important; font-size:clamp(8.5px,.58vw,11px)!important; line-height:1.05!important; letter-spacing:.22em!important; text-transform:uppercase!important; }
body .hero-founder-card__copy strong{ color:var(--ck101-white)!important; font-family:var(--font-display, "Anton", "Bebas Neue", Impact, sans-serif)!important; font-size:clamp(28px,1.8vw,40px)!important; line-height:.94!important; letter-spacing:.025em!important; text-transform:uppercase!important; }
body .hero-founder-card__copy span, body .hero-founder-card__item span, body .hero-founder-card__item small{ color:rgba(255,247,234,.80)!important; font-size:clamp(11px,.72vw,14px)!important; line-height:1.34!important; font-weight:700!important; }
body .hero-founder-card__info{
  display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:0!important; min-width:0!important; padding-left:clamp(18px,1.2vw,24px)!important; border-left:1px solid rgba(245,166,35,.42)!important;
}
body .hero-founder-card__item{ display:grid!important; align-content:start!important; gap:6px!important; min-width:0!important; padding:0 clamp(14px,1vw,20px)!important; }
body .hero-founder-card__item:first-child{ padding-left:0!important; }
body .hero-founder-card__item + .hero-founder-card__item{ border-left:1px solid rgba(245,166,35,.28)!important; padding-left:clamp(18px,1.2vw,24px)!important; }
body .hero-founder-card__item:last-child span, body .hero-founder-card__item:last-child small{ white-space:normal!important; overflow-wrap:anywhere!important; }

@media (max-width:1500px){
  body #hero.ckHeroV97,
  body .hero.ckHeroV97{ padding-bottom:calc(var(--ck101-bottom) + 126px)!important; }
  body #hero.ckHeroV97 > .hero-content,
  body .hero.ckHeroV97 > .hero-content{ width:min(920px,54vw)!important; }
  body #hero.ckHeroV97 > .hero-content h1,
  body .hero.ckHeroV97 > .hero-content h1{ font-size:clamp(52px,4.2vw,82px)!important; max-width:12.2ch!important; }
  body #hero.ckHeroV97 > .hero-founder-card,
  body .hero.ckHeroV97 > .hero-founder-card{ width:min(860px,55vw)!important; min-width:610px!important; }
}

@media (max-width:1200px){
  :root{ --ck101-x:clamp(24px,5vw,46px); --ck101-y:clamp(18px,2.8vh,28px); }
  body #hero.ckHeroV97,
  body .hero.ckHeroV97{
    min-height:auto!important;
    padding:var(--ck101-y) var(--ck101-x) 28px!important;
    display:grid!important;
    gap:24px!important;
    align-content:start!important;
  }
  body #hero.ckHeroV97 > .hero-content,
  body .hero.ckHeroV97 > .hero-content{
    width:100%!important; max-width:760px!important;
  }
  body #hero.ckHeroV97 > .hero-content h1,
  body .hero.ckHeroV97 > .hero-content h1{ font-size:clamp(48px,7vw,74px)!important; max-width:11.9ch!important; }
  body #hero.ckHeroV97 > .hero-founder-card,
  body .hero.ckHeroV97 > .hero-founder-card{
    position:relative!important; right:auto!important; bottom:auto!important;
    width:100%!important; max-width:860px!important; min-width:0!important;
  }
}

@media (max-width:720px){
  :root{ --ck101-x:clamp(20px,5.8vw,28px); --ck101-y:18px; }
  body #hero.ckHeroV97,
  body .hero.ckHeroV97{ padding:18px var(--ck101-x) 24px!important; gap:20px!important; }
  body #hero.ckHeroV97 > .hero-content,
  body .hero.ckHeroV97 > .hero-content{ gap:16px!important; }
  body #hero.ckHeroV97 > .hero-content h1,
  body .hero.ckHeroV97 > .hero-content h1{ font-size:clamp(42px,11.2vw,58px)!important; line-height:.92!important; max-width:10.6ch!important; }
  body #hero.ckHeroV97 > .hero-content p,
  body .hero.ckHeroV97 > .hero-content p{ font-size:clamp(15px,4.1vw,17px)!important; line-height:1.46!important; max-width:34ch!important; }
  body #hero.ckHeroV97 > .hero-content .hero-cta,
  body .hero.ckHeroV97 > .hero-content .hero-cta{ width:100%!important; min-height:52px!important; padding:0 18px!important; border-radius:12px!important; }
  body #hero.ckHeroV97 > .hero-founder-card,
  body .hero.ckHeroV97 > .hero-founder-card{ grid-template-columns:1fr!important; gap:16px!important; padding:16px!important; border-radius:18px!important; }
  body .hero-founder-card__info{ grid-template-columns:1fr!important; padding-left:0!important; padding-top:12px!important; border-left:0!important; border-top:1px solid rgba(245,166,35,.28)!important; }
  body .hero-founder-card__item, body .hero-founder-card__item + .hero-founder-card__item{ border-left:0!important; padding-left:0!important; padding-right:0!important; }
  body .hero-founder-card__item + .hero-founder-card__item{ border-top:1px solid rgba(245,166,35,.22)!important; padding-top:12px!important; }
}

@media (max-width:390px){
  body #hero.ckHeroV97 > .hero-content h1,
  body .hero.ckHeroV97 > .hero-content h1{ font-size:clamp(38px,10.6vw,52px)!important; }
}