/* Homepage hero: "AI-Powered Software". Self-contained; every class is prefixed "hh-". */
.hh{position:relative;overflow:hidden;background:#fff;padding:4.5rem 0 4rem;text-align:center;isolation:isolate}
.hh-rings{position:absolute;left:50%;top:46%;width:1500px;height:1000px;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse 62% 60% at 50% 50%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 62% 60% at 50% 50%,#000 35%,transparent 100%)}
.hh-rings svg{width:100%;height:100%;display:block}
.hh-spin{transform-origin:750px 500px;animation:hh-spin 140s linear infinite}
@keyframes hh-spin{to{transform:rotate(360deg)}}
.hh .container{position:relative;max-width:1100px}
.hh-badge{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1.6rem;padding:.45rem 1rem;border:1px solid #e3e8f1;border-radius:99px;background:#fff;box-shadow:0 2px 10px rgba(10,15,41,.06);font-size:.88rem;font-weight:600;color:#0a0f29}
.hh-badge i{width:8px;height:8px;border-radius:50%;background:#0d9488;box-shadow:0 0 0 4px rgba(13,148,136,.18)}
.hh h1{font-size:clamp(2.5rem,6vw,4.4rem);font-weight:800;line-height:1.06;letter-spacing:-.035em;color:#0a0f29;max-width:860px;margin:0 auto 1.3rem}
.hh h1 em{font-style:normal;background:linear-gradient(90deg,#060644 0%,#2a3fd6 55%,#0d9488 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#060644}
.hh-sub{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600;color:#0a0f29;max-width:720px;margin:0 auto .9rem;line-height:1.45}
.hh-text{font-size:1.02rem;line-height:1.7;color:#5a6376;max-width:640px;margin:0 auto 2rem}
.hh-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem;margin-bottom:1.1rem}
.hh-btn,.hh-btn-alt{display:inline-flex;align-items:center;gap:.55rem;padding:.95rem 1.8rem;border-radius:10px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}
.hh-btn{background:#060644;color:#fff;border:1.5px solid #060644;box-shadow:0 8px 20px -8px rgba(6,6,68,.55)}
.hh-btn:hover{background:#000066;color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px -8px rgba(6,6,68,.6)}
.hh-btn svg{transition:transform .2s}.hh-btn:hover svg{transform:translateX(3px)}
.hh-btn-alt{background:#fff;color:#0a0f29;border:1.5px solid #e3e8f1;box-shadow:0 4px 14px rgba(10,15,41,.07)}
.hh-btn-alt:hover{color:#0a0f29;border-color:#0a0f29;transform:translateY(-2px)}
.hh-assure{font-size:.88rem;color:#667089;margin:0 0 2.6rem}
.hh-assure span+span::before{content:"·";margin:0 .6rem;color:#b5bccb}

/* floating capability chips */
.hh-chip{position:absolute;width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid #edf0f6;box-shadow:0 8px 22px -8px rgba(10,15,41,.22);display:grid;place-items:center;color:#060644;animation:hh-float 7s ease-in-out infinite;animation-delay:var(--hd,0s)}
.hh-chip svg{width:22px;height:22px}
.hh-chip.t{color:#0f766e}
.hh-chip span{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.72rem;font-weight:600;color:#667089;letter-spacing:.01em}
@keyframes hh-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* stacked workflow cards */
.hh-stack{position:relative;max-width:540px;margin:0 auto}
.hh-stack::before{content:"";position:absolute;left:50%;top:55%;width:520px;height:260px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(42,63,214,.16),transparent);z-index:-1}
.hh-card{display:flex;align-items:center;gap:.85rem;text-align:left;background:#fff;border:1px solid #edf0f6;border-radius:12px;padding:.8rem 1rem;box-shadow:0 14px 34px -14px rgba(10,15,41,.25)}
.hh-card+.hh-card{margin-top:-.25rem}
.hh-card:nth-child(1){width:100%;position:relative;z-index:3}
.hh-card:nth-child(2){width:92%;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.hh-card:nth-child(3){width:84%;margin-left:auto;margin-right:auto;position:relative;z-index:1}
.hh-ico{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eef1fb;color:#2a3fd6}
.hh-ico.t{background:#e7f6f4;color:#0f766e}
.hh-ico svg{width:18px;height:18px}
.hh-card b{display:block;font-size:.88rem;color:#0a0f29;line-height:1.3}
.hh-card small{display:block;font-size:.76rem;color:#667089;line-height:1.35}
.hh-card .when{margin-left:auto;font-size:.72rem;color:#9aa3b5;white-space:nowrap}
.hh-note{margin:1.1rem 0 0;font-size:.76rem;color:#9aa3b5}

@media (max-width:1100px){.hh-chip.hide-md{display:none}}
@media (max-width:760px){
  .hh{padding:3rem 0 3rem}
  .hh-chip{width:42px;height:42px}.hh-chip svg{width:18px;height:18px}.hh-chip span{display:none}
  .hh-chip.hide-sm{display:none}
  .hh-btn,.hh-btn-alt{width:100%;justify-content:center}
  .hh-card .when{display:none}
  .hh-assure span{display:block}.hh-assure span+span::before{display:none}
}
@media (prefers-reduced-motion:reduce){.hh-spin,.hh-chip{animation:none}.hh *{transition:none!important}}