.kgc-how-page{background:var(--kgc-surface-page,#0c1017);color:var(--kgc-text-primary,#f3f6fc);min-height:100vh}.kgc-how-page .how-page-content{box-sizing:border-box;width:100%;max-width:1120px;margin:auto;padding:112px 24px 42px}.kgc-how-page .how-breadcrumb{color:var(--kgc-text-secondary);align-items:center;gap:9px;margin-bottom:26px;font-size:11px;display:flex}.kgc-how-page .how-breadcrumb svg{width:12px;height:12px}.kgc-how-page .how-breadcrumb a:hover{color:var(--kgc-text-link)}.kgc-how-page .how-page-heading>span,.kgc-how-page .how-eyebrow{color:var(--kgc-text-secondary);letter-spacing:.13em;font-size:10px;font-weight:600}.kgc-how-page .how-page-heading h1{letter-spacing:-.6px;margin:9px 0 10px;line-height:1.3;font-family:var(--font-body)!important;text-transform:none!important;font-size:32px!important;font-weight:650!important}.kgc-how-page .how-page-heading p{color:var(--kgc-text-secondary);margin:0;font-size:13px;line-height:1.7}.kgc-how-page .how-flow-tabs{border-bottom:1px solid var(--kgc-border-subtle);gap:4px;margin:26px 0 6px;display:flex}.kgc-how-page .how-flow-tabs button{color:var(--kgc-text-primary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:9px;padding:13px 20px;font-size:13px;display:flex;position:relative}.kgc-how-page .how-flow-tabs button svg{color:#a6b2c7;width:17px;height:17px}.kgc-how-page .how-flow-tabs button[aria-selected=true]{background:#ffa43b0a}.kgc-how-page .how-flow-tabs button[aria-selected=true]:after{content:"";background:#ffa43b;height:2px;position:absolute;bottom:-1px;left:16px;right:16px}.kgc-how-page .how-flow-tabs button[aria-selected=true] svg{color:#ffb86b}.kgc-how-page .how-flow-tabs button:hover{background:#ffffff06}.kgc-how-page .how-steps{outline-offset:4px}.kgc-how-page .how-step{border-bottom:1px solid #3d465880;grid-template-columns:minmax(230px,.85fr) minmax(0,1.15fr);align-items:center;gap:64px;padding:29px 22px;display:grid}.kgc-how-page .how-step:nth-child(2n){grid-template-columns:minmax(0,1.15fr) minmax(230px,.85fr)}.kgc-how-page .how-step:nth-child(2n) .how-art{order:2}.kgc-how-page .how-step:last-child{border-bottom:0}.kgc-how-page .how-step-number{color:#ffbe88;background:#ffa43b13;border:1px solid #ffac5055;border-radius:8px;justify-content:center;align-items:center;width:29px;height:29px;margin-bottom:10px;font-size:11px;font-weight:600;display:inline-flex}.kgc-how-page .how-step-copy h2{letter-spacing:-.3px;margin:0 0 10px;font-size:21px;font-weight:600;line-height:1.4}.kgc-how-page .how-step-copy p{color:var(--kgc-text-secondary);margin:0;font-size:13px;line-height:1.8}.kgc-how-page .how-step-copy small{color:#c4cede;align-items:flex-start;gap:7px;margin-top:12px;font-size:11px;line-height:1.6;display:flex}.kgc-how-page .how-step-copy small svg{color:#ffbe88;flex:none;width:13px;height:15px}.kgc-how-page .how-art{isolation:isolate;place-items:center;min-height:190px;display:grid;position:relative}.kgc-how-page .how-art-orbit{z-index:-1;border:1px solid #3d465855;border-radius:50%;width:235px;height:156px;position:absolute;transform:rotate(-16deg)}.kgc-how-page .how-art-window{box-sizing:border-box;background:var(--kgc-surface-card);border:1px solid var(--kgc-border-subtle);border-radius:10px;justify-items:center;width:220px;padding:0 20px 17px;transition:transform .2s,border-color .2s;display:grid;position:relative;transform:rotate(-3deg);box-shadow:0 14px 38px #00000024}.kgc-how-page .how-art-window-top{box-sizing:border-box;border-bottom:1px solid #3d465870;align-items:center;gap:4px;width:calc(100% + 40px);height:24px;padding:0 10px;display:flex}.kgc-how-page .how-art-window-top i{background:#718098;border-radius:50%;width:4px;height:4px}.kgc-how-page .how-art-icon{color:#ffbe88;background:#ffa43b0d;border:1px solid #ffbe8838;border-radius:12px;place-items:center;width:45px;height:45px;margin:14px 0 11px;display:grid}.kgc-how-page .how-art-icon svg{width:24px;height:24px}.kgc-how-page .how-art-window strong{color:#dce4f0;text-align:center;font-size:12px;font-weight:500}.kgc-how-page .how-art-lines{gap:6px;width:112px;margin-top:13px;display:grid}.kgc-how-page .how-art-lines i{background:#3d465870;border-radius:4px;width:100%;height:4px}.kgc-how-page .how-art-lines i:last-child{width:72%;margin:auto}.kgc-how-page .how-art-badge{color:#ffbe88;background:#292117;border:1px solid #ffbe8850;border-radius:12px;place-items:center;width:43px;height:43px;display:grid;position:absolute;bottom:8px;right:calc(50% - 137px);transform:rotate(6deg)}.kgc-how-page .how-art-badge svg{width:20px;height:20px}.kgc-how-page .how-art-1 .how-art-window{transform:rotate(3deg)}.kgc-how-page .how-art-2 .how-art-window{transform:rotate(-2deg)}.kgc-how-page .how-step:hover .how-art-window{border-color:#718098;transform:rotate(0)}.kgc-how-page .how-trust{border-block:1px solid var(--kgc-border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 35px;padding:18px 0;display:flex}.kgc-how-page .how-trust strong{font-size:13px;font-weight:500}.kgc-how-page .how-trust>div{flex-wrap:wrap;gap:22px;display:flex}.kgc-how-page .how-trust span{color:var(--kgc-text-secondary);align-items:center;gap:8px;font-size:11px;display:flex}.kgc-how-page .how-trust svg{color:#a6b2c7;width:16px;height:16px}.kgc-how-page .how-faq{grid-template-columns:.8fr 1.2fr;gap:55px;margin-bottom:32px;display:grid}.kgc-how-page .how-faq header h2{margin:9px 0;font-size:22px;font-weight:600}.kgc-how-page .how-faq header p{color:var(--kgc-text-secondary);font-size:12px;line-height:1.7}.kgc-how-page .how-faq details{border-bottom:1px solid #3d465880}.kgc-how-page .how-faq details:first-child{border-top:1px solid #3d465880}.kgc-how-page .how-faq summary{color:var(--kgc-text-primary);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;font-size:12px;line-height:1.6;list-style:none;display:flex}.kgc-how-page .how-faq summary::-webkit-details-marker{display:none}.kgc-how-page .how-faq summary svg{color:#a6b2c7;flex:none;width:15px;height:15px;transition:transform .16s}.kgc-how-page .how-faq details[open] summary svg{transform:rotate(180deg)}.kgc-how-page .how-faq details[open] summary{color:#ffbe88}.kgc-how-page .how-faq details p{color:var(--kgc-text-secondary);margin:0 0 16px;font-size:12px;line-height:1.8}.kgc-how-page .how-start{background:var(--kgc-surface-card);border:1px solid var(--kgc-border-subtle);border-radius:8px;justify-content:space-between;align-items:center;gap:24px;padding:20px;display:flex}.kgc-how-page .how-start>div{align-items:center;gap:14px;display:flex}.kgc-how-page .how-start>div>svg{color:#a6b2c7;width:25px;height:25px}.kgc-how-page .how-start h2{margin:0 0 5px;font-size:17px;font-weight:600}.kgc-how-page .how-start p{color:var(--kgc-text-secondary);margin:0;font-size:12px;line-height:1.6}.kgc-how-page .how-start a{box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:10px 13px;font-size:12px;display:flex}.kgc-how-page .how-start a svg{width:15px;height:15px}.kgc-how-page .how-primary-link{color:#20160e;background:#ffa43b}.kgc-how-page .how-primary-link:hover{background:#ffb86b}.kgc-how-page .how-support-link{color:#f3f6fc;border:1px solid #3d4658}.kgc-how-page .how-support-link:hover{background:#242a36}.kgc-how-page :is(a,button,summary,[role=tabpanel]):focus-visible{outline-offset:4px;outline:2px solid #91a5c1}@media (max-width:760px){.kgc-how-page .how-step{gap:28px;padding:25px 0}.kgc-how-page .how-faq{grid-template-columns:1fr;gap:24px}.kgc-how-page .how-start{flex-direction:column;align-items:flex-start}}@media (max-width:580px){.kgc-how-page .how-page-content{padding:104px 16px 30px}.kgc-how-page .how-breadcrumb{margin-bottom:22px}.kgc-how-page .how-page-heading h1{font-size:27px!important}.kgc-how-page .how-flow-tabs button{flex:1;padding-inline:9px}.kgc-how-page .how-step,.kgc-how-page .how-step:nth-child(2n){grid-template-columns:1fr;gap:10px;padding:23px 0 25px}.kgc-how-page .how-step:nth-child(2n) .how-art{order:0}.kgc-how-page .how-art{min-height:185px}.kgc-how-page .how-step-copy h2{font-size:19px}.kgc-how-page .how-trust{margin-bottom:28px}.kgc-how-page .how-trust>div{gap:13px}.kgc-how-page .how-start{padding:17px}.kgc-how-page .how-start>div:last-child{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.kgc-how-page *,.kgc-how-page :after{transition:none!important;animation:none!important}.kgc-how-page .how-art-window{transform:none!important}}
