.how-page{background:var(--paper)}.how-hero{padding:145px 0 90px;border-bottom:1px solid var(--line)}.how-hero h1{color:var(--ink);font-size:clamp(55px,7vw,88px)}.how-hero>p:last-child{max-width:420px;color:var(--muted);font-size:17px}.how-content{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;padding:105px 0 125px}.how-intro h2,.how-bottom h2{font-size:clamp(39px,4.5vw,58px)}.how-intro>p:last-child,.how-bottom>p:last-of-type{max-width:440px;color:var(--muted);font-size:14px}.plain-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plain-steps article{padding:23px;border:1px solid var(--line);background:var(--white)}.plain-steps b{color:var(--gold);font:28px var(--display)}.plain-steps h3{margin:32px 0 11px;font-size:23px}.plain-steps p{margin:0;color:var(--muted);font-size:12px}.plain-steps strong{color:var(--ink)}.how-dark{padding:110px 0;background:var(--navy);color:var(--white)}.concept-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.concept-grid h2{font-size:clamp(39px,4.5vw,58px)}.concept-list{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.2)}.concept-list article{display:grid;grid-template-columns:42px 1fr;gap:19px;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.2)}.concept-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--teal);border-radius:50%;color:var(--teal);font:13px var(--mono)}.concept-list h3{margin:0 0 5px;font-size:24px}.concept-list p{margin:0;color:#abc2c8;font-size:13px}.concept-list code{color:var(--teal)}.how-bottom{padding:115px 0 125px}.how-bottom>p:last-of-type{max-width:570px}.how-actions{display:flex;gap:25px;align-items:center;margin-top:32px}.how-actions .text-button{color:var(--ink)}@media(max-width:800px){.how-hero{padding:110px 0 65px}.how-content,.concept-grid{display:block;padding:75px 0}.plain-steps{grid-template-columns:1fr;margin-top:45px}.concept-list{margin-top:45px}.how-dark{padding:75px 0}.how-bottom{padding:75px 0 85px}.how-actions{align-items:flex-start;flex-direction:column}}