.how{color:#fff;background:radial-gradient(circle at top,#1a1b28 0,#05050a 45%,#272935 100%);width:100%;min-height:100vh;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;overflow-x:hidden}.how-hero{text-align:center;max-width:100%;margin:0 auto 2rem;padding:0 .5rem}.how-hero h1{letter-spacing:-.02em;color:#fff;margin-bottom:.75rem;font-size:clamp(2rem,6vw,3.2rem);font-weight:700;line-height:1.2}.how-hero p{color:#b0b5bd;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.5}.how-filter{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0003;flex-wrap:wrap;gap:.5rem;max-width:100%;margin:0 auto 2rem;padding:.5rem;display:flex;position:sticky;top:.5rem}@media (min-width:768px){.how-filter{gap:.25rem;max-width:700px;padding:.4rem;top:1rem}}.filter-btn{color:#cbd5f5;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;flex:1 0 auto;justify-content:center;align-items:center;min-width:0;min-height:44px;padding:.6rem 1rem;font-size:.9rem;font-weight:500;transition:background .2s,color .2s;display:inline-flex}@media (min-width:768px){.filter-btn{flex:1;padding:.7rem 1rem}}.filter-btn.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#1e0dde);border-color:#0000;box-shadow:0 4px 12px #3b82f64d}.filter-btn:hover{background:#ffffff14}.filter-btn.active:hover{background:linear-gradient(135deg,#3b82f6,#a855f7)}.how-sections{grid-template-columns:1fr;gap:1.5rem;max-width:100%;margin:0 auto;display:grid}@media (min-width:640px){.how-sections{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media (min-width:1024px){.how-sections{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px}}.how-card{background:linear-gradient(#1e293be6,#0f172af2);border:1px solid #ffffff1a;border-radius:1.5rem;flex-direction:column;height:100%;padding:1.5rem;display:flex;position:relative;box-shadow:0 10px 30px #0006}@media (min-width:768px){.how-card{padding:2rem}}@supports not ((-webkit-backdrop-filter:blur(28px)) or (backdrop-filter:blur(28px))){.how-card{background:linear-gradient(#1e293bf2,#0f172afa)}}.how-card.pricing{border-color:#a855f780;box-shadow:0 0 0 1px #a855f733,0 20px 40px #a855f726}.icon{flex-shrink:0;margin-bottom:1rem;font-size:2rem}.how-card h2{color:#fff;margin-bottom:.75rem;font-size:1.35rem;font-weight:600;line-height:1.3}.how-card p{color:#cbd5e1;margin-bottom:1rem;font-size:.95rem;line-height:1.5}.how-card ul{flex-grow:1;margin-bottom:1.5rem;padding:0;list-style:none}.how-card ul li{color:#e5e7eb;margin-bottom:.6rem;padding-left:1.25rem;font-size:.9rem;line-height:1.45;position:relative}.how-card ul li:before{content:"";background:#3b82f6;border-radius:50%;width:6px;height:6px;position:absolute;top:.55rem;left:0}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:48px;padding:.8rem 1.2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.primary-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#300be7)}.primary-btn:hover{background:linear-gradient(135deg,#2563eb,#9333ea);transform:translateY(-1px)}.secondary-btn{color:#e5e7eb;background:#ffffff0d;border:1px solid #ffffff26}.secondary-btn:hover{background:#ffffff1a;transform:translateY(-1px)}@media (max-width:480px){.how{padding:1.5rem .75rem}.how-hero h1{font-size:1.8rem}.how-hero p{font-size:1rem}.how-filter{border-radius:2rem}.filter-btn{padding:.5rem .9rem;font-size:.85rem}.how-card{padding:1.25rem}.how-card h2{font-size:1.25rem}.how-card ul li{font-size:.875rem}}@media (max-width:380px){.filter-btn{padding:.4rem .7rem;font-size:.8rem}.how-sections{gap:1.25rem}}@media (prefers-reduced-motion:reduce){.how-card,.filter-btn,.primary-btn,.secondary-btn{transition:none}.how-card:hover,.primary-btn:hover,.secondary-btn:hover{transform:none}}.how,.how-sections,.how-card{opacity:1!important;visibility:visible!important}