/* ══════════════════════════════════════════════
   HOME "ABOUT" SECTION v2 — soft animated background, tilting logo card with a
   rotating conic border, floating badges, scroll reveals and count-up stats
   ══════════════════════════════════════════════ */
#home-about.ha{position:relative;overflow:hidden;isolation:isolate;background:var(--cream)}

/* background: slow-drifting soft blobs + fine dot pattern */
.ha-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.ha-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}
.ha-b1{width:520px;height:520px;left:-140px;top:-120px;background:radial-gradient(circle,#ffc9bb,transparent 70%);animation:ha-drift 18s ease-in-out infinite alternate}
.ha-b2{width:460px;height:460px;right:-120px;bottom:-160px;background:radial-gradient(circle,#ffb199,transparent 70%);animation:ha-drift 22s ease-in-out -6s infinite alternate-reverse}
.ha-b3{width:320px;height:320px;left:42%;top:30%;background:radial-gradient(circle,#d8ecc8,transparent 70%);opacity:.45;animation:ha-drift 26s ease-in-out -12s infinite alternate}
@keyframes ha-drift{to{transform:translate(70px,50px) scale(1.12)}}
.ha-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.09) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 50%,#000 20%,transparent 80%);mask-image:radial-gradient(ellipse 75% 70% at 50% 50%,#000 20%,transparent 80%)}

/* logo card */
.ha-visual{position:relative;perspective:1000px}
.ha-card{position:relative;border-radius:28px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,1,.36,1);box-shadow:0 40px 80px -40px rgba(255,85,85,.45),0 20px 40px -20px rgba(0,0,0,.18)}
.ha-card-inner{position:relative;overflow:hidden;border-radius:28px;aspect-ratio:4/3;background:#faf1e3}
.ha-card-inner img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.ha-shine{position:absolute;inset:0;background:radial-gradient(420px circle at var(--sx,30%) var(--sy,20%),rgba(255,255,255,.75),transparent 45%);mix-blend-mode:soft-light;opacity:0;transition:opacity .3s}
.ha-card:hover .ha-shine{opacity:1}


/* content */
.ha-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.1}
.ha-accent{color:var(--orange);background:linear-gradient(90deg,#ff5555,#ff8a5c,#ff5555);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ha-shimmer 4s linear infinite}
@keyframes ha-shimmer{to{background-position:200% center}}
.ha-title .ha-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.ha-title .ha-w>span{display:inline-block;transform:translateY(105%);transition:transform .8s cubic-bezier(.2,.9,.25,1);transition-delay:calc(.1s + var(--i) * 55ms)}
.ha.in .ha-title .ha-w>span{transform:none}

.ha-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.ha-stats div{padding:1rem 1.1rem;border-radius:18px;background:rgba(255,255,255,.65);border:1px solid rgba(255,85,85,.14);box-shadow:0 10px 24px -18px rgba(0,0,0,.35);transition:transform .3s,box-shadow .3s}
.ha-stats div:hover{transform:translateY(-4px);box-shadow:0 18px 30px -18px rgba(255,85,85,.5)}
.ha-stats b{display:block;font-family:var(--font-display);font-size:1.7rem;font-weight:800;line-height:1;color:#111}
.ha-stats span{display:block;margin-top:.4rem;font-size:.75rem;font-weight:700;color:rgba(0,0,0,.5)}

.ha-pills .trust-pill{opacity:0;transform:translateY(12px) scale(.95);transition:opacity .5s,transform .5s cubic-bezier(.34,1.5,.64,1),background .25s,color .25s;transition-delay:calc(.9s + var(--i) * 80ms)}
.ha.in .ha-pills .trust-pill{opacity:1;transform:none}
.ha-pills .trust-pill:hover{background:var(--orange);color:#fff;transform:translateY(-3px);transition-delay:0s}

.ha-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:.7rem;margin-top:.4rem;padding:1rem 1.9rem;border-radius:999px;background:#111;color:var(--cream);font-family:var(--font-body);font-weight:800;font-size:.95rem;text-decoration:none;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.ha-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff5555,#ff7a5c);transform:translateX(-101%);transition:transform .45s cubic-bezier(.22,1,.36,1)}
.ha-btn span{position:relative;transition:transform .3s}
.ha-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(255,85,85,.7)}
.ha-btn:hover::before{transform:none}
.ha-btn:hover span{transform:translateX(5px)}
.ha-btn{isolation:isolate}
.ha-btn::before{z-index:-1}

/* generic scroll reveal */
.ha-r{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.ha-r-left{transform:translateX(-40px) scale(.97)}
.ha.in .ha-r{opacity:1;transform:none}
.ha.in .ha-content .ha-r:nth-child(3){transition-delay:.45s}
.ha.in .ha-stats{transition-delay:.6s}
.ha.in .ha-btn{transition-delay:1.2s}

@media (max-width:900px){
  .ha-visual{max-width:520px;margin:0 auto 1.5rem}
}
@media (max-width:600px){
  .ha-stats{gap:.5rem}
  .ha-stats div{padding:.8rem .7rem}
  .ha-stats b{font-size:1.3rem}
  .ha-blob{filter:blur(50px)}
  .ha-b3{display:none}
}
@media (prefers-reduced-motion:reduce){
  .ha-blob,.ha-accent{animation:none}
  .ha-r,.ha-title .ha-w>span,.ha-pills .trust-pill{opacity:1;transform:none;transition:none}
}