.okx-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:44px;align-items:center;padding:62px 0 34px}.okx-hero h1{max-width:18ch}.okx-hero-card{background:linear-gradient(145deg,#153329,#122139);border:1px solid #355950;padding:30px;border-radius:20px}.okx-hero-card p:last-child{margin:0}.okx-wordmark{font-size:2.7rem;font-weight:800;letter-spacing:-.06em;color:#fff;margin-bottom:8px}.okx-hero-card .badge{display:inline-block;margin-bottom:18px}.okx-status{padding:18px 24px;background:#142434;border:1px solid #365272;border-radius:12px;line-height:1.6}.okx-status p{margin:0}.okx-nav{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 36px}.okx-nav a{border:1px solid var(--line);padding:8px 15px;border-radius:30px;text-decoration:none;font-size:.84rem}.okx-section{border-top:1px solid var(--line);padding-top:40px;margin:50px 0}.okx-section h2{max-width:30ch}.okx-section>p{max-width:76ch}.okx-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0}.okx-tile{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px}.okx-tile p:last-child{margin-bottom:0}.okx-tile .label{display:block;color:var(--accent);font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px}.okx-tile h3{font-size:1.2rem}.okx-tile p{font-size:.93rem}.okx-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:28px 0}.okx-shot{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);min-width:0}.okx-shot>a{display:flex;background:#f5f6f7;align-items:center;justify-content:center;padding:12px;min-height:210px}.okx-shot img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain}.okx-shot figcaption{padding:22px;font-size:.9rem;line-height:1.65}.okx-shot figcaption strong{display:block;font-size:1rem;margin-bottom:6px}.okx-shot .credit{display:block;margin-top:10px;color:#a2b2c6;font-size:.79rem;overflow-wrap:anywhere}.okx-wide{grid-column:1/-1}.okx-note{font-size:.89rem;color:#a2b2c6;max-width:80ch}.okx-step-list{counter-reset:step;list-style:none;padding:0;margin:26px 0}.okx-step-list>li{position:relative;padding:3px 0 22px 52px;margin:0}.okx-step-list>li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:32px;height:32px;display:grid;place-items:center;background:#19372b;border:1px solid #345f4b;border-radius:10px;color:var(--accent);font-weight:750;font-size:.9rem}.okx-step-list p{margin:6px 0 0;max-width:78ch}.okx-permissions{margin:26px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.okx-permissions>div{display:grid;grid-template-columns:minmax(130px,.65fr) minmax(0,2fr);gap:22px;padding:18px 24px;border-bottom:1px solid var(--line)}.okx-permissions>div:last-child{border:0}.okx-permissions p{margin:0}.okx-permissions strong{overflow-wrap:anywhere}.okx-source-list{padding-left:24px}.okx-source-list li{font-size:.9rem}.okx-foot{margin:50px 0}.archive-guide{max-width:760px;margin:70px auto}.archive-guide h1{max-width:22ch}.okx-status a{color:#93c5fd}@media(max-width:800px){.okx-hero{grid-template-columns:1fr;gap:24px;padding-top:38px}.okx-hero-card{display:none}.okx-trio{grid-template-columns:1fr}.okx-gallery{grid-template-columns:1fr}.okx-wide{grid-column:auto}.okx-shot>a{min-height:0}.okx-permissions>div{grid-template-columns:1fr;gap:6px}.okx-section{margin:38px 0;padding-top:28px}}@media(max-width:480px){.okx-status{padding:18px}.okx-shot figcaption{padding:18px}.okx-nav{gap:8px}.okx-nav a{padding:7px 12px}.okx-step-list>li{padding-left:44px}.okx-tile{padding:20px}}

.okx-balance-shot{max-width:820px;margin:28px auto}