.active-link{color:var(--purple)!important}.breadcrumbs{display:flex;gap:9px;padding-top:25px;font-size:12px;color:#8a8d9b}.how-hero{min-height:590px;display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:center;padding-top:50px;padding-bottom:75px}.how-hero h1{font:800 clamp(47px,5vw,68px)/1.07 Manrope;letter-spacing:-2.8px;margin:0}.how-hero h1 em{font-style:normal;color:var(--purple)}.how-hero p{font-size:18px;color:var(--muted)}.process-preview{border:1px solid var(--line);border-radius:20px;padding:27px;background:#fff;box-shadow:var(--shadow)}.preview-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px;font-size:12px}.preview-head span{font-weight:800}.preview-head b{color:#1ca56e;background:#e8faf2;border-radius:20px;padding:3px 9px;font-size:9px}.preview-step{display:grid;grid-template-columns:40px 1fr;gap:13px;align-items:center}.preview-step>i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);font-style:normal;font-weight:800;font-size:12px}.preview-step.done>i{background:var(--purple);color:#fff;border-color:var(--purple)}.preview-step b,.preview-step span{display:block}.preview-step b{font-size:13px}.preview-step span{font-size:10px;color:var(--muted)}.preview-line{height:25px;border-left:1px dashed #cfd0db;margin-left:19px}.process-list{margin-top:60px}.process-item{display:grid;grid-template-columns:70px 1fr .8fr;gap:45px;align-items:center;padding:50px 0;border-bottom:1px solid var(--line)}.process-number{font:800 12px Manrope;color:var(--purple);align-self:start}.process-copy>span{text-transform:uppercase;letter-spacing:1px;font-size:10px;color:var(--purple);font-weight:800}.process-copy h3{font:700 29px/1.18 Manrope;letter-spacing:-1px;margin:9px 0}.process-copy p{color:var(--muted)}.inline-links{display:flex;gap:20px}.inline-links a{font-size:12px;color:var(--purple);font-weight:800}.mini-card{border:1px solid var(--line);border-radius:15px;padding:22px;background:var(--soft)}.type-card>div{display:grid;grid-template-columns:20px 1fr;align-items:center;padding:11px 0;border-bottom:1px solid #dddde5}.type-card>div:last-child{border:0}.type-card i{grid-row:1/3;width:9px;height:9px;border-radius:50%}.grey-dot{background:#9ea0ac}.green-dot{background:var(--green)}.type-card b,.type-card span{display:block}.type-card b{font-size:12px}.type-card span{font-size:9px;color:var(--muted)}.security-note{padding:12px 14px;background:#fff2f2;color:#8c5055;border-radius:9px;font-size:11px}.invite-card label{display:block;font-size:10px;font-weight:800;margin-bottom:7px}.invite-card>div{display:flex;background:#fff;border:1px solid var(--line);padding:11px;border-radius:8px;font-size:11px}.invite-card span{color:#999baa}.invite-card i{margin-left:auto;color:var(--green);font-style:normal}.invite-card>small{display:block;margin-top:8px;color:#1b9c69}.progress-card>div:first-child{display:flex;justify-content:space-between;font-size:10px}.progress-card>div:first-child b{color:var(--purple)}.progress-track{height:7px;background:#dddde5;border-radius:6px;margin:17px 0}.progress-track i{display:block;width:74%;height:100%;background:linear-gradient(90deg,var(--purple),#8e82f0);border-radius:6px}.progress-card>strong{font:800 24px Manrope}.progress-card>strong small{font:500 10px "DM Sans";color:var(--muted)}.progress-card p{font-size:9px;color:var(--muted);margin-bottom:0}.checklist-section{background:var(--bg);color:#fff}.checklist-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.checklist-grid h2,.support-grid h2{font:800 clamp(38px,4vw,50px)/1.08 Manrope;letter-spacing:-2px;margin:0}.checklist-grid>div:first-child p{color:#aeb1c2}.checklist{background:#fff;color:var(--ink);border-radius:18px;padding:25px}.checklist label{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.checklist input{accent-color:var(--purple);width:17px}.checklist b,.checklist small{display:block}.checklist b{font-size:12px}.checklist small{font-size:9px;color:var(--muted)}.check-status{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:15px;margin-top:18px;font-size:10px;color:var(--muted)}.check-status>i{height:5px;background:#e2e3e9;border-radius:6px}.check-status>i b{display:block;height:100%;width:0;background:var(--green);border-radius:6px;transition:.2s}.timeline{display:grid;grid-template-columns:repeat(5,1fr);margin-top:50px}.timeline>div{display:grid;text-align:center}.timeline strong{font:800 25px Manrope}.timeline span{font-size:10px;color:var(--muted)}.timeline i{height:2px;background:var(--purple);margin:20px 0;position:relative}.timeline i:before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;background:#fff;border:3px solid var(--purple);border-radius:50%;transform:translate(-50%,-50%)}.timeline b{font-size:11px}.timeline-note{text-align:center;color:var(--muted);font-size:10px;margin-top:28px}.support-flow{background:var(--soft)}.support-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.support-grid>div:first-child p{color:var(--muted)}.support-steps article{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid #dddde5}.support-steps article>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#fff;color:var(--purple);font-weight:800}.support-steps h3{font:700 16px Manrope;margin:0}.support-steps p{font-size:12px;color:var(--muted);margin:4px 0}.how-page .final-cta{background:linear-gradient(125deg,#171b33,#6253d8)}.cta-pair{display:flex;align-items:center;gap:18px}.cta-secondary{color:#fff;font-size:12px;font-weight:800}
@media(max-width:900px){.how-hero,.checklist-grid,.support-grid{grid-template-columns:1fr}.how-hero{text-align:center;gap:40px}.process-preview{max-width:520px;margin:auto;width:100%;text-align:left}.process-item{grid-template-columns:45px 1fr}.mini-card{grid-column:2}.checklist-grid,.support-grid{gap:50px}.timeline{grid-template-columns:1fr}.timeline i{width:2px;height:35px;margin:10px auto}.cta-pair{flex-direction:column}}@media(max-width:600px){.how-hero h1{font-size:41px}.process-item{grid-template-columns:1fr;gap:15px}.mini-card{grid-column:auto}.inline-links{flex-direction:column;gap:8px}.timeline{margin-top:30px}.final-cta .cta-pair{width:100%}}
