/* Website 11 reference — home-hero. Generated from website11/homepage11.html; values unchanged. */
.log-home .hero{position:relative;overflow:hidden;min-height:min(660px,calc(100vh - 116px));display:flex;align-items:center;isolation:isolate}
.log-home .hero-img{position:absolute;top:0;right:0;bottom:0;width:64%;z-index:-2}
.log-home .hero-img img{object-position:50% 22%;filter:contrast(1.04)}
.log-home .hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--log-bg) 34%,rgba(6,17,18,.86) 44%,rgba(6,17,18,.15) 64%,rgba(6,17,18,.05) 82%,rgba(6,17,18,.5) 100%),linear-gradient(0deg,var(--log-bg) 0%,rgba(6,17,18,0) 30%)}
.log-home .orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(80px);pointer-events:none;will-change:transform}
.log-home .orb.a{width:520px;height:520px;left:-180px;top:-140px;background:rgba(75,227,181,.22)}
.log-home .orb.b{width:420px;height:420px;left:30%;bottom:-220px;background:rgba(60,200,232,.22)}
.log-home .hero-body{position:relative;width:100%;padding-top:56px;padding-bottom:76px}
.log-home .hero-copy{max-width:560px;display:flex;flex-direction:column;gap:20px}
.log-home .pill{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--log-text-soft);border:1px solid var(--log-line-2);background:rgba(11,28,30,.6);border-radius:999px;padding:6px 14px 6px 6px;backdrop-filter:blur(8px)}
.log-home .pill b{display:inline-flex;align-items:center;gap:6px;background:rgba(75,227,181,.14);color:var(--log-mint);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}
.log-home .live{width:7px;height:7px;border-radius:50%;background:var(--log-mint);animation:log-ping 2s ease-out infinite}
.log-home .hero h1{font-size:clamp(36px,4.6vw,64px);line-height:1.02;letter-spacing:-.045em}
.log-home .hero h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.log-home .hero h1 .w>span{display:inline-block;transform:translateY(110%) rotate(5deg);animation:log-wordUp 1.1s var(--log-ease) forwards;animation-delay:calc(.25s + var(--i)*.08s)}
@keyframes log-wordUp{to{transform:none}}
.log-home .hero-lede{font-size:16px;line-height:1.65;color:var(--log-text-soft);max-width:480px}
.log-home .ctas{display:flex;flex-wrap:wrap;gap:12px}
.log-home .proof{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--log-muted)}
.log-home .avatars{display:flex}
.log-home .avatars span{width:38px;height:38px;border-radius:50%;border:2px solid var(--log-bg);margin-left:-10px;background-size:cover;background-position:center}
.log-home .avatars span:first-child{margin-left:0}
.log-home .fade-up{opacity:0;transform:translateY(24px);animation:log-fadeUp 1s var(--log-ease) forwards;animation-delay:var(--d,0s)}
@keyframes log-fadeUp{to{opacity:1;transform:none}}
.log-home .fcards{position:absolute;inset:0;z-index:1;pointer-events:none}
.log-home .fcard{position:absolute;pointer-events:auto;border-radius:20px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 30px 60px -24px rgba(0,0,0,.8);will-change:transform;opacity:0;animation:log-fadeUp 1.1s var(--log-ease) forwards}
.log-home .fcard .ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.log-home .fcard strong{display:block;color:var(--log-text-strong);font-size:13.5px;line-height:1.25}
.log-home .fcard small{display:block;color:var(--log-muted);font-size:12px}
.log-home .fc1{right:30%;top:22%;animation-delay:1.1s}
.log-home .fc2{right:4%;top:54%;animation-delay:1.3s}
.log-home .fc3{right:24%;bottom:14%;animation-delay:1.5s;flex-direction:column;align-items:stretch;gap:10px;width:250px}
.log-home .track{height:6px;border-radius:6px;background:rgba(214,240,236,.12);overflow:hidden}
.log-home .track i{display:block;height:100%;width:72%;border-radius:6px;background:var(--log-grad);animation:log-fill 2.4s var(--log-ease) 1.8s both}
@keyframes log-fill{from{width:0}}
.log-home .track-row{display:flex;justify-content:space-between;font-size:12px;color:var(--log-muted)}
.log-home .chipbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.log-home .chipbar a{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;border:1px solid var(--log-line-2);color:var(--log-text-soft);text-decoration:none;font-size:12.5px;font-weight:600;background:rgba(11,28,30,.5);transition:border-color .3s,color .3s,transform .4s var(--log-ease)}
.log-home .chipbar a:hover{border-color:var(--log-mint);color:var(--log-text-strong);transform:translateY(-2px)}
@media (max-width:1180px){
  .log-home .fc1{right:36%}
}
@media (max-width:1024px){
  .log-home .hero-img{width:72%}
  .log-home .fc1{display:none}
}
/* Tablet: photo full-bleed above the copy (as on phones) so text never sits over the face or the floating cards */
@media (min-width:761px) and (max-width:1024px){
  .log-home .hero{min-height:0;align-items:flex-end}
  .log-home .hero-img{inset:0;width:100%}
  .log-home .hero-img img{object-position:62% 18%}
  .log-home .hero-shade{background:linear-gradient(180deg,rgba(6,17,18,.1) 0%,rgba(6,17,18,.45) 30%,rgba(6,17,18,.92) 58%,var(--log-bg) 80%)}
  .log-home .hero-body{padding-top:340px;padding-bottom:40px}
  .log-home .hero h1{font-size:48px}
  .log-home .fc2{right:24px;top:96px}
  .log-home .fc3{display:none}
}
@media (max-width:760px){
  .log-home .hero{min-height:0;align-items:flex-end}
  .log-home .hero-img{inset:0;width:100%}
  .log-home .hero-img img{object-position:62% 20%}
  .log-home .hero-shade{background:linear-gradient(180deg,rgba(6,17,18,.15) 0%,rgba(6,17,18,.5) 32%,rgba(6,17,18,.92) 56%,var(--log-bg) 78%)}
  .log-home .hero-body{padding-top:230px;padding-bottom:22px}
  .log-home .hero-copy{gap:16px}
  .log-home .hero h1{font-size:36px}
  .log-home .hero-lede{font-size:14.5px}
  .log-home .ctas .btn{flex:1 1 0;min-height:46px;padding:0 12px;font-size:14px}
  .log-home .proof{font-size:13px}
  .log-home .fc2,.log-home .fc3{display:none}
  .log-home .fc1{display:flex;right:16px;top:96px;padding:10px 12px;border-radius:16px}
  .log-home .fc1 .ic{width:34px;height:34px}
  .log-home .chipbar,.log-home .rail,.log-home .mosaic,.log-home .na-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -16px;padding:4px 16px 8px;scroll-padding-left:16px}
  .log-home .chipbar{flex-wrap:nowrap;margin-top:2px}
  .log-home .chipbar a{white-space:nowrap}
  .log-home .chipbar::-webkit-scrollbar,.log-home .rail::-webkit-scrollbar,.log-home .mosaic::-webkit-scrollbar,.log-home .na-grid::-webkit-scrollbar{display:none}
}
@media (max-width:380px){
  .log-home .hero h1{font-size:32px}
  .log-home .ctas .btn{font-size:13.5px;padding:0 10px}
}
@media (prefers-reduced-motion:reduce){
  .log-home .hero h1 .w>span{transform:none}
}

/* ── Theme integration: reference inline styles expressed as classes ── */
.log-home .ic-mint{background:rgba(75,227,181,.15);color:var(--log-mint)}
.log-home .ic-grad{background:var(--log-grad);color:#04241C}
.log-home .ic-coral{background:rgba(255,138,101,.16);color:var(--log-coral);width:36px;height:36px}
.log-home .fc-row{display:flex;align-items:center;gap:10px}
.log-home .fcard small .live{display:inline-block;margin-right:6px;vertical-align:middle}
.log-home .pill{--d:.1s}
.log-home .hero-lede{--d:.75s}
.log-home .hero-copy .ctas{--d:.9s}
.log-home .chipbar{--d:1.05s}