.how-grid{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1240px;margin:0 auto;display:grid}.how-step{flex-direction:column;align-items:center;gap:16px;display:flex}.how-num{color:var(--turquoise);font-size:3rem;font-weight:900;line-height:1}.how-card{background:var(--bg);border:1px solid var(--turquoise);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:380px;padding:44px 40px;transition:border-color .2s;display:flex}.how-card h3{letter-spacing:-.01em;margin-bottom:18px;font-size:1.3rem;font-weight:800}.how-card p{color:var(--white);text-wrap:balance;max-width:32ch;font-size:1rem;line-height:1.7}@media (hover:hover){.how-card:hover{border-color:var(--turquoise)}}@media (width<=900px){.how-grid{grid-template-columns:1fr;gap:32px}}@media (width<=600px){.how-card{padding:28px 24px}.how-num{font-size:2.4rem}.snippet-pre{padding:16px 12px;line-height:1.6}}.how-deploy{text-align:center;max-width:740px;margin:80px auto 0}.how-deploy-title{letter-spacing:-.01em;margin-bottom:16px;font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:900}.how-deploy-sub{color:var(--white);margin-bottom:32px;font-size:1.05rem;line-height:1.75}.snippet-block{max-width:740px;margin:0 auto;position:relative}.snippet-pre{background:var(--bg);border:1px solid var(--turquoise);color:var(--white);white-space:pre;text-align:center;padding:22px 26px;font-family:monospace;font-size:clamp(.42rem,2.1vw,.95rem);line-height:1.8;overflow-x:auto}.snippet-pre code{text-align:left;display:inline-block}.snippet-note{color:var(--white);margin-top:28px;font-size:1rem;line-height:1.7}