.logo{letter-spacing:-.02em;color:var(--fg);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.badge{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--white);color:var(--fg);align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #0000000a}.badge .dot{background:var(--black);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.65)}}.hl{white-space:nowrap;position:relative}.hl:after{content:"";z-index:-1;transform-origin:0;background:#00000014;border-radius:3px;height:12px;animation:.7s cubic-bezier(.65,0,.35,1) .45s forwards growLine;position:absolute;bottom:6px;left:-2px;right:-2px;transform:scaleX(0)}@keyframes growLine{to{transform:scaleX(1)}}.icon-box{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--white);width:42px;height:42px;transition:transform var(--fast), background var(--fast), border-color var(--fast);justify-content:center;align-items:center;display:flex}.icon-box svg{fill:none;width:20px;height:20px;stroke:var(--fg);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--normal)}.icon-box svg *{stroke-dasharray:120;stroke-dashoffset:120px;animation:1.1s .2s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.card:hover .icon-box,.step:hover .icon-box{background:var(--black);border-color:var(--black);transform:translateY(-3px)rotate(-5deg)}.card:hover .icon-box svg,.step:hover .icon-box svg{stroke:var(--white)}.steps{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px;display:flex}.step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:10px;min-width:200px;padding:24px 16px;display:flex}.step h4{font-size:15px;font-weight:600}.step p{color:var(--muted);max-width:220px;font-size:13px}.step-arrow{color:var(--border);align-items:center;animation:1.6s ease-in-out infinite nudge;display:flex}.step-arrow svg{stroke:currentColor;stroke-width:1.8px;fill:none;width:22px;height:22px}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.features .card{animation:.55s backwards fadeIn}.features .card:first-child{animation-delay:50ms}.features .card:nth-child(2){animation-delay:.13s}.features .card:nth-child(3){animation-delay:.21s}.features .card:nth-child(4){animation-delay:.29s}.features .card h3{margin-top:4px;font-size:16px;font-weight:600}.hero-title{letter-spacing:-.02em;max-width:760px;font-size:54px;font-weight:700;line-height:1.08}.hero-sub{max-width:600px;color:var(--muted);margin-top:16px;font-size:16px;line-height:1.6}@media (prefers-reduced-motion:reduce){.badge .dot,.hl:after,.icon-box svg *,.step-arrow,.features .card{animation:none}.hl:after{transform:scaleX(1)}.icon-box svg *{stroke-dashoffset:0}}@media (max-width:720px){.hero-title{font-size:36px}.step-arrow{transform:rotate(90deg)}}