@font-face{font-family:Qidian Sans;src:url('assets/fonts/qidian-sans.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#101211;--surface:#171a18;--raised:#1e221f;--ink:#f5f6f3;--muted:#a6aca7;--faint:#858c86;--line:#343a35;--strong-line:#626b63;--accent:#d6fa7b;--accent-hover:#e2ff9e;--button-ink:#17200e;--error:#ffa89c;--icon-filter:invert(1);color-scheme:dark}
:root[data-theme=light]{--bg:#f5f6f2;--surface:#ecefe7;--raised:#e3e8dc;--ink:#1b231c;--muted:#596256;--faint:#636c61;--line:#d0d7ca;--strong-line:#a0ac99;--accent:#d6fa7b;--accent-hover:#c9ed70;--button-ink:#17200e;--error:#a22e1b;--icon-filter:none;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Qidian Sans,'Microsoft YaHei','PingFang SC',Arial,sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button{color:inherit}a,button{touch-action:manipulation}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#d6fa7b;color:#17200e}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 128px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-100px;background:var(--accent);color:#17200e;padding:12px 20px;z-index:100}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:14px;flex-shrink:0;line-height:1.4}.brand-mark{display:grid;place-items:center;width:49px;height:49px;border-radius:7px;background:var(--ink);color:var(--bg);font-size:28px;font-weight:800}.brand strong{font-size:22px;font-weight:720;letter-spacing:-.5px}.brand-divider{font-weight:350;margin:0 11px;opacity:.5}.brand small{display:block;font-size:12px;color:var(--muted);letter-spacing:1px;margin-top:5px}.desktop-nav{display:flex;gap:36px;margin-left:auto;margin-right:21px;font-size:16px}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:22px}.icon-button{display:grid;place-items:center;width:42px;height:42px;background:transparent;border-radius:7px}.icon-button img,.text-link img,.copy-button img,.invitation-notes>article>img,.explore-symbol,.card-heading>img,.copy-code-wide img,.registration-checks img,.faq-list summary img,.sources summary img{filter:var(--icon-filter)}.icon-button:hover{background:var(--raised)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--accent);color:var(--button-ink);font-size:19px;font-weight:680;line-height:1.5;padding:18px 30px;min-height:66px;border:1px solid transparent;border-radius:9px;transition:background .2s,transform .2s;white-space:nowrap}.button img{flex-shrink:0;filter:none}.button:hover{background:var(--accent-hover);transform:translateY(-2px)}.button-small{min-height:51px;font-size:17px;padding:12px 23px;gap:17px}.menu-toggle,.mobile-menu,.mobile-cta{display:none}.text-link{display:inline-flex;align-items:center;gap:17px;font-size:16px;font-weight:500}.text-link:hover{text-decoration:underline;text-underline-offset:6px}.copy-button{display:grid;place-items:center;min-width:42px;min-height:42px;background:transparent;border-radius:6px}.copy-button:hover{background:var(--raised)}
.hero{position:relative;isolation:isolate;min-height:754px;overflow:hidden;background:#101211;color:#f5f6f3}.hero-art{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;max-width:none}.hero-inner{position:relative;pointer-events:none}.hero-copy{width:750px;max-width:60%;padding:78px 0 52px;pointer-events:auto}.hero-label{font-size:18px;color:#b8bfb8;margin-bottom:25px;letter-spacing:1px}.hero h1{font-size:clamp(45px,4.7vw,68px);line-height:1.4;letter-spacing:-2.5px;font-weight:780;white-space:nowrap}.hero-intro{font-size:25px;line-height:1.65;color:#c1c5bf;margin-top:29px;font-weight:380}.hero-intro strong{color:#d6fa7b;font-weight:550}.hero-actions{display:flex;align-items:center;gap:40px;margin-top:42px}.hero .text-link img,.hero .copy-button img{filter:invert(1)}.inline-code{display:flex;align-items:center;gap:19px;max-width:490px;border-block:1px solid #3f4540;margin-top:33px;padding:9px 0;min-height:62px;font-size:16px;color:#b3b9b3}.inline-code strong{font-family:Arial,sans-serif;font-weight:500;font-size:28px;letter-spacing:1px;color:#f4f5f1}.inline-code .copy-button{margin-left:auto}.hero-terms{font-size:13px;color:#a3aaa4;margin-top:12px}.entry-note{font-size:11px;line-height:1.7;color:#929a94;margin-top:7px;max-width:510px}.entry-note a{text-decoration:underline;text-underline-offset:3px}.hero-visual{position:absolute;z-index:0;right:0;top:0;width:47%;height:100%}.hero-visual:focus-visible{outline-offset:-10px}
.fee-section{border-top:1px solid var(--strong-line)}.fee-layout{display:grid;grid-template-columns:410px minmax(0,1fr);gap:55px;align-items:center;padding:52px 0 42px}.fee-heading h2{font-size:48px;line-height:1.43;font-weight:750;letter-spacing:-1.5px}.fee-heading h2 em{font-family:Arial,sans-serif;font-size:1.1em;font-style:normal;color:var(--accent);letter-spacing:-2px}.fee-heading p{font-size:15px;color:var(--muted);margin-top:17px;line-height:1.85}.fee-equation{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr);gap:17px;align-items:center}.fee-original label,.amount-label{font-size:15px;color:var(--muted);white-space:nowrap}.amount{display:flex;align-items:baseline;gap:8px;margin-top:10px;font-family:Arial,sans-serif;line-height:1.3}.amount output,.amount input{font-family:Arial,sans-serif;font-size:59px;font-weight:700;letter-spacing:-1px;line-height:1.3}.amount>span{font-size:16px;color:var(--muted)}.amount input{width:3.1ch;max-width:100%;border:0;border-bottom:1px solid var(--strong-line);background:transparent;color:var(--ink);padding:0;border-radius:0;appearance:textfield;-moz-appearance:textfield}.amount input::-webkit-inner-spin-button,.amount input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.equation-sign{font-family:Arial,sans-serif;font-size:32px;color:var(--muted);padding-top:31px}.fee-saving output,.fee-saving .amount-label,.fee-saving .amount>span{color:var(--accent)}.fee-presets{display:flex;align-items:center;gap:20px;margin-top:19px;font-size:12px;color:var(--faint)}.fee-presets button{padding:4px 0;background:transparent;color:var(--muted);border-bottom:1px solid transparent}.fee-presets button.selected{border-color:var(--accent);color:var(--ink)}.fee-presets button:hover{color:var(--ink)}.fine-print{font-size:12px;line-height:1.8;color:var(--faint);margin-top:15px}.input-error{font-size:12px;color:var(--error);margin-top:12px}.large-amounts .amount{flex-wrap:wrap;gap:3px}.large-amounts .amount input,.large-amounts .amount output{font-size:32px}.large-amounts .amount input{width:7.2ch}.large-amounts .amount>span{font-size:12px}.benefits-footer{min-height:67px;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:22px;padding:10px 0}.benefits-footer>div{display:flex;align-items:center;gap:18px;font-size:13px;color:var(--muted)}.benefits-footer strong{font-family:Arial,sans-serif;font-size:18px;color:var(--ink);font-weight:500;letter-spacing:.5px}.benefits-footer p{font-size:11px;color:var(--faint)}
.section{padding-block:96px}.section-label{font-size:13px;color:var(--muted);letter-spacing:1.5px;margin-bottom:18px}.section h2{font-size:36px;font-weight:720;letter-spacing:-1px;line-height:1.5}.section h3{font-size:19px;font-weight:620;line-height:1.6}.invitation-detail,.explore-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.invitation-heading .text-link{margin-top:31px}.invitation-notes>article{display:flex;gap:21px;padding:23px 0;border-bottom:1px solid var(--line)}.invitation-notes>article:first-child{padding-top:0}.invitation-notes>article>img{flex:0 0 28px;margin-top:5px}.invitation-notes p{font-size:15px;color:var(--muted);line-height:1.9;margin-top:12px}.explore-section{background:var(--surface);border-block:1px solid var(--line)}.explore-intro>p:not(.section-label):not(.fine-print){font-size:16px;color:var(--muted);max-width:410px;margin-top:22px}.explore-intro .button{margin-top:30px;font-size:16px;min-height:56px;padding:14px 23px}.explore-items article{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}.explore-items article:first-child{padding-top:0}.explore-items article:last-child{padding-bottom:0;border-bottom:0}.explore-symbol{flex-shrink:0;margin-top:5px}.explore-items h3{font-size:18px}.explore-items p{font-size:14px;color:var(--muted);margin-top:10px}.feature-tag{display:inline-block;color:var(--faint);font-size:11px;letter-spacing:1px;margin-top:13px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted)}.steps-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:100px;align-items:start}.steps{margin:0;padding:0;list-style:none}.steps li{display:flex;align-items:flex-start;gap:29px;padding:27px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li:last-child{border:0;padding-bottom:0}.step-number{font-family:Arial,sans-serif;color:var(--accent);font-size:23px;font-weight:400;line-height:1.6}.steps p{font-size:15px;color:var(--muted);line-height:1.95;margin-top:11px}.steps p strong{color:var(--ink);font-weight:500}.steps .text-link{font-size:14px;margin-top:15px}.registration-card{background:var(--surface);border:1px solid var(--strong-line);border-radius:10px;padding:30px}.card-heading{display:flex;align-items:center;gap:13px;font-weight:550;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:23px}.muted{color:var(--muted);font-size:13px}.large-code{display:block;font-family:Arial,sans-serif;font-size:40px;font-weight:500;line-height:1.6;letter-spacing:2px;margin-top:3px}.copy-code-wide{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:6px;background:transparent;width:100%;min-height:44px;margin-top:13px;font-size:13px}.copy-code-wide:hover{background:var(--raised)}.registration-checks{margin:21px 0}.registration-checks p{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);margin-block:8px}.registration-checks img{flex-shrink:0}.registration-card .button{width:100%;font-size:16px;min-height:57px;padding:14px 17px;gap:15px}.registration-card .fine-print{text-align:center;font-size:11px}.download-section{border-block:1px solid var(--strong-line);padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.download-copy{display:flex;align-items:center;gap:22px}.download-mark{font-family:Arial,sans-serif;font-size:19px;font-weight:850;display:grid;place-items:center;flex-shrink:0;width:60px;height:60px;border:1px solid var(--line);border-radius:10px;background:var(--ink);color:var(--bg)}.download-copy h2{font-size:21px;font-weight:600;line-height:1.5}.download-copy p{font-size:14px;margin-top:6px;color:var(--muted)}.button-outline{border-color:var(--strong-line);background:transparent;color:var(--ink);min-height:49px;padding:12px 19px;font-size:14px}.button-outline img{filter:var(--icon-filter)}.button-outline:hover{background:var(--raised)}.faq-section{display:grid;grid-template-columns:1fr 1.7fr;gap:110px}.faq-intro>p:last-child{color:var(--muted);font-size:15px;margin-top:22px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;font-size:16px;font-weight:500;cursor:pointer}.faq-list summary::-webkit-details-marker,.sources summary::-webkit-details-marker{display:none}.faq-list summary img{flex-shrink:0;transition:transform .2s}.faq-list details[open] summary img{transform:rotate(45deg)}.faq-answer{font-size:14px;color:var(--muted);line-height:2;padding:0 25px 24px 0}.faq-answer p+p{margin-top:10px}.faq-answer a{text-decoration:underline;text-underline-offset:3px}.final-section{border-block:1px solid var(--strong-line);padding-block:50px 58px;display:flex;align-items:center;justify-content:space-between;gap:35px}.final-section .section-label{color:var(--accent)}.final-section h2{font-size:40px;font-weight:700;line-height:1.55;letter-spacing:-1px}.final-section p:last-child{font-size:14px;color:var(--muted);margin-top:19px}.final-section p strong{color:var(--ink);font-weight:500}.final-action{text-align:center}.final-action .button{font-size:17px}.final-action>span{display:block;color:var(--faint);font-size:11px;margin-top:13px}.site-footer{padding-block:45px 30px;font-size:12px;color:var(--faint)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px}.site-footer .brand{color:var(--ink)}.site-footer .brand-mark{width:37px;height:37px;font-size:22px}.site-footer .brand strong{font-size:16px}.site-footer .brand small{font-size:10px;margin-top:3px}.site-footer>p{margin-block:8px;line-height:1.9}.sources{margin-top:21px}.sources summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;color:var(--muted);width:fit-content;min-height:32px}.sources>div{padding-top:12px}.sources ul{display:flex;flex-wrap:wrap;gap:10px 25px;padding-left:17px}.sources a{text-decoration:underline;text-underline-offset:3px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:24px;padding-top:19px}.toast{position:fixed;z-index:40;bottom:28px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--bg);font-size:14px;padding:13px 23px;border-radius:7px;opacity:0;pointer-events:none;max-width:calc(100% - 32px);width:max-content;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
[data-theme=light] .fee-heading h2 em,[data-theme=light] .fee-saving output,[data-theme=light] .fee-saving .amount-label,[data-theme=light] .fee-saving .amount>span,[data-theme=light] .step-number,[data-theme=light] .final-section .section-label{color:#466714}[data-theme=light] .desktop-nav a:hover{color:#466714}
@media(min-width:1600px){.hero-art{object-position:center 58%}.hero-copy{max-width:60%}}
@media(max-width:1199px){.wrap{width:calc(100% - 80px)}.header-inner{height:98px;gap:20px}.brand strong{font-size:18px}.brand-mark{width:44px;height:44px}.desktop-nav{gap:23px;font-size:14px;margin-right:4px}.header-actions{gap:12px}.button-small{font-size:14px;min-height:47px;padding:11px 18px}.hero{min-height:673px}.hero-copy{max-width:65%;padding:59px 0 42px}.hero h1{font-size:clamp(42px,4.9vw,58px);letter-spacing:-2px}.hero-label{font-size:15px;margin-bottom:23px}.hero-intro{font-size:22px;margin-top:26px}.hero-actions{gap:30px;margin-top:32px}.hero .button{font-size:17px;min-height:59px;padding:15px 23px}.hero .text-link{font-size:14px;gap:13px}.inline-code{max-width:450px;margin-top:29px}.fee-layout{grid-template-columns:330px minmax(0,1fr);gap:35px;padding:44px 0 36px}.fee-heading h2{font-size:40px}.fee-heading p{font-size:13px}.amount input,.amount output{font-size:44px}.amount>span{font-size:13px}.fee-equation{gap:12px}.fee-original label,.amount-label{font-size:13px}.benefits-footer{gap:12px}.benefits-footer>div{font-size:11px;gap:10px}.benefits-footer p{font-size:10px}.invitation-detail,.explore-layout,.steps-layout{gap:64px}.section{padding-block:78px}.section h2{font-size:33px}.faq-section{gap:70px}.final-section h2{font-size:35px}.final-action .button{font-size:15px;padding:16px 22px}.large-amounts .amount input,.large-amounts .amount output{font-size:28px}}
@media(max-width:900px){.wrap{width:calc(100% - 56px)}html{scroll-padding-top:91px}.header-inner{height:84px}.desktop-nav{display:none}.menu-toggle{display:grid}.mobile-menu:not([hidden]){display:flex;flex-wrap:wrap;gap:12px 26px;padding-block:9px 21px;font-size:14px}.hero{min-height:637px}.hero-copy{max-width:68%;padding-top:48px}.hero h1{font-size:41px;letter-spacing:-1.6px}.hero-intro{font-size:20px}.hero-art{opacity:.82;object-position:58% center}.hero-actions{gap:23px}.hero .button{font-size:15px;padding:15px 20px}.hero .text-link{font-size:12px;gap:10px}.hero-terms{font-size:11px}.entry-note{font-size:10px}.fee-layout{grid-template-columns:1fr;gap:32px}.fee-heading{display:flex;align-items:center;gap:50px}.fee-heading h2{font-size:38px}.fee-heading p{margin-top:0}.fee-equation{gap:25px}.amount input,.amount output{font-size:53px}.fee-original label,.amount-label{font-size:14px}.amount>span{font-size:15px}.benefits-footer{align-items:flex-start;flex-direction:column;gap:0;padding-block:9px 17px}.benefits-footer>div{font-size:12px;gap:17px}.benefits-footer p{font-size:11px}.section{padding-block:68px}.section h2{font-size:30px}.invitation-detail,.explore-layout,.steps-layout{gap:40px}.section-heading>p{font-size:12px}.section h3{font-size:17px}.steps li{gap:20px}.steps p,.invitation-notes p{font-size:14px}.registration-card{padding:23px}.large-code{font-size:32px}.registration-card .button{font-size:13px;gap:10px;padding-inline:12px}.download-copy h2{font-size:17px}.download-copy p{font-size:12px}.download-mark{width:50px;height:50px}.download-copy{gap:17px}.button-outline{font-size:12px;padding:11px 13px;gap:8px}.faq-section{grid-template-columns:1fr 1.6fr;gap:45px}.faq-list summary{font-size:14px}.faq-answer{font-size:13px}.final-section h2{font-size:30px}.final-section p:last-child{font-size:12px}.final-action .button{font-size:13px;gap:12px;padding:14px 18px;min-height:58px}.footer-top>span{font-size:10px}}
@media(max-width:767px){.wrap{width:calc(100% - 40px)}html{scroll-padding-top:84px}.header-inner{height:76px;gap:10px}.brand{gap:9px}.brand-mark{width:35px;height:35px;font-size:22px;border-radius:5px}.brand strong{font-size:14px;letter-spacing:-.3px}.brand-divider{margin-inline:6px}.brand small{font-size:9px;letter-spacing:.6px;margin-top:3px}.header-actions{gap:6px}.icon-button{width:32px;height:38px}.theme-toggle img{width:21px;height:21px}.button-small{font-size:12px;min-height:40px;padding:10px 12px;gap:7px;border-radius:6px}.button-small img{width:15px;height:15px}.menu-toggle{width:29px}.hero{min-height:0;padding-bottom:315px}.hero-inner{z-index:1}.hero-copy{width:100%;max-width:100%;padding:36px 0 27px}.hero-label{font-size:13px;letter-spacing:1px;margin-bottom:20px}.hero h1{font-size:clamp(29px,7.75vw,53px);line-height:1.5;letter-spacing:-1.25px}.hero-intro{font-size:18px;line-height:1.8;margin-top:20px}.hero-actions{margin-top:26px;gap:23px}.hero .button{font-size:15px;min-height:55px;padding:15px 19px;gap:18px;border-radius:7px}.hero .button img{width:22px;height:22px}.hero .text-link{font-size:12px;gap:8px}.hero .text-link img{width:18px;height:18px}.inline-code{width:100%;max-width:none;margin-top:25px;font-size:13px;min-height:58px;padding:7px 0;gap:17px}.inline-code strong{font-size:25px}.inline-code .copy-button img{width:20px;height:20px}.hero-terms{font-size:11px;margin-top:11px}.entry-note{font-size:10px;margin-top:6px}.hero-art{inset:auto 0 0;width:100%;height:340px;object-fit:cover;object-position:100% center;opacity:1}.hero-visual{inset:auto 0 0;width:100%;height:315px}.fee-layout{padding-block:34px;gap:25px}.fee-heading{display:block}.fee-heading h2{font-size:33px;line-height:1.5;letter-spacing:-1px}.fee-heading h2 br{display:none}.fee-heading p{font-size:12px;margin-top:12px}.fee-heading p br{display:none}.fee-equation{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:20px 17px}.fee-original{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid var(--line)}.fee-original .amount{margin-top:0}.fee-original .amount input{font-size:40px}.fee-original label,.amount-label{font-size:12px}.fee-original+.equation-sign{display:none}.fee-saving{grid-column:1}.fee-saving+.equation-sign{grid-column:2}.fee-after{grid-column:3}.amount{gap:6px;margin-top:8px}.amount input,.amount output{font-size:42px}.amount>span{font-size:13px}.equation-sign{font-size:28px;padding-top:24px}.fee-presets{font-size:11px;gap:18px;margin-top:17px}.fine-print{font-size:11px}.fee-calculator .fine-print{margin-top:13px}.large-amounts .amount input,.large-amounts .amount output{font-size:28px}.large-amounts .fee-original .amount input{font-size:32px}.large-amounts .amount>span{font-size:11px}.benefits-footer{padding-block:9px 17px}.benefits-footer>div{font-size:11px;gap:14px}.benefits-footer strong{font-size:18px}.benefits-footer p{font-size:10px;line-height:1.8}.section{padding-block:57px}.section-label{font-size:11px;letter-spacing:1px;margin-bottom:16px}.section h2{font-size:28px;line-height:1.55;letter-spacing:-.7px}.section h3{font-size:17px}.invitation-detail,.explore-layout,.steps-layout{grid-template-columns:1fr;gap:34px}.invitation-heading .text-link{font-size:14px;margin-top:21px}.invitation-notes>article{gap:17px;padding-block:22px}.invitation-notes>article>img{width:24px;height:24px;flex-basis:24px}.invitation-notes p{font-size:14px;margin-top:10px}.explore-intro>p:not(.section-label):not(.fine-print){font-size:14px;margin-top:17px}.explore-intro .button{font-size:14px;min-height:51px;margin-top:25px;padding:13px 20px}.explore-intro .fine-print{font-size:10px;margin-top:12px}.explore-items article{gap:18px;padding-block:25px}.explore-symbol{width:27px;height:27px}.explore-items p{font-size:13px}.feature-tag{font-size:10px}.section-heading{display:block;margin-bottom:29px}.section-heading>p{font-size:12px;margin-top:18px}.steps li{gap:20px;padding-block:25px}.step-number{font-size:21px}.steps p{font-size:14px}.steps .text-link{font-size:13px}.registration-card{padding:26px 23px;border-radius:8px}.card-heading{font-size:15px}.large-code{font-size:40px}.registration-card .button{font-size:15px;min-height:54px}.registration-checks p{font-size:12px}.download-section{display:block;padding-block:25px}.download-copy{align-items:flex-start;gap:15px}.download-mark{width:46px;height:46px;font-size:15px}.download-copy h2{font-size:16px;line-height:1.65}.download-copy p{font-size:12px;line-height:1.8;margin-top:8px}.download-section .button{margin-top:20px;margin-left:61px;font-size:12px;min-height:43px;padding:10px 14px;gap:18px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-intro>p:last-child{font-size:13px;margin-top:16px}.faq-intro h2 br{display:none}.faq-list summary{font-size:14px;padding-block:21px;gap:16px}.faq-list summary img{width:18px;height:18px}.faq-answer{font-size:13px;padding-right:5px;padding-bottom:21px;line-height:1.95}.final-section{display:block;padding-block:32px 35px}.final-section .section-label{font-size:11px}.final-section h2{font-size:30px;letter-spacing:-.7px}.final-section p:last-child{font-size:13px;margin-top:16px}.final-action{margin-top:24px}.final-action .button{width:100%;font-size:15px;min-height:56px;gap:28px}.final-action>span{font-size:10px;margin-top:11px}.site-footer{padding-block:31px 110px;font-size:11px}.footer-top{display:block;margin-bottom:22px}.site-footer .brand strong{font-size:14px}.footer-top>span{display:block;margin-top:18px;font-size:10px}.sources ul{display:block}.sources li{margin-block:8px}.footer-bottom{font-size:10px}.mobile-cta{display:flex;position:fixed;z-index:30;inset:auto 0 0;background:var(--bg);border-top:1px solid var(--strong-line);align-items:center;justify-content:space-between;gap:15px;padding:12px 20px calc(12px + env(safe-area-inset-bottom))}.mobile-cta strong{display:block;font-size:13px;font-weight:600}.mobile-cta span{display:block;font-size:10px;color:var(--muted);margin-top:1px}.mobile-cta .button{min-height:45px;padding:11px 15px;gap:11px;font-size:13px;border-radius:6px}.toast{bottom:90px;font-size:12px;padding:12px 17px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.brand strong{font-size:12px}.brand small{font-size:8px}.brand-mark{width:31px;height:31px;font-size:19px}.header-actions{gap:4px}.theme-toggle{display:none}.hero h1{font-size:28px}.hero-intro{font-size:17px}.hero .button{font-size:13px;padding:14px 15px;gap:13px}.hero .text-link{font-size:11px;gap:6px}.hero-actions{gap:20px}.hero{padding-bottom:285px}.hero-art{height:310px}.hero-visual{height:285px}.hero-terms{font-size:10px}.amount output{font-size:37px}.amount>span{font-size:11px}.fee-equation{column-gap:12px}.fee-presets{gap:15px}.mobile-cta{padding-inline:16px;gap:10px}.mobile-cta .button{font-size:12px;padding-inline:12px;gap:9px}.mobile-cta strong{font-size:12px}.mobile-cta span{font-size:9px}.benefits-footer>div{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.site-header,.mobile-cta,.toast,.hero-visual,.hero-art{display:none}.hero{padding:0;min-height:0;color:#111;background:white}.hero-copy{max-width:none}.wrap{width:100%}body{color:#111;background:white}.section{padding-block:25px}a{color:inherit}.button{border:1px solid #111}}
/* Final composition aligned to the selected graphite concept. */
@media(min-width:1200px){.hero{min-height:702px}.hero-copy{padding-top:70px;padding-bottom:40px}.hero-art{top:-113px;height:calc(100% + 113px)}.hero h1{font-size:clamp(64px,5.42vw,78px);line-height:1.3;letter-spacing:-2px}.hero-intro{margin-top:22px}.hero-actions{margin-top:38px}.hero .button{font-size:22px;padding:18px 35px;gap:20px;min-height:68px}.hero .text-link{font-size:17px}.inline-code{max-width:340px;margin-top:32px}.inline-code strong{font-weight:650}.fee-layout{grid-template-columns:430px minmax(0,1fr);gap:55px}.fee-heading h2{font-size:52px}.desktop-nav{position:absolute;left:39%;margin:0;gap:42px}.header-inner{position:relative}.desktop-nav{left:38%}.header-actions{margin-left:auto}}
@media(min-width:1200px){.hero-copy{padding-bottom:10px}.hero-art{top:-93px;height:calc(100% + 93px)}}
@media(max-width:767px){.amount{flex-wrap:wrap;row-gap:1px}.fee-original .amount{flex-wrap:nowrap}}
@media(min-width:1200px){.fee-layout{padding-block:44px 24px}.fee-heading h2{line-height:1.35}}
.hero h1 em{font-style:normal;color:#d6fa7b;font-family:Arial,sans-serif;letter-spacing:-1px}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.okx-logo{--logo-h:20px;display:block;flex-shrink:0;height:var(--logo-h);width:calc(var(--logo-h)*3.336)}.hero-label{display:flex;align-items:center;gap:14px}.hero-label .okx-logo{--logo-h:19px;color:#f5f6f3}.section-logo{--logo-h:24px;color:var(--ink);margin-bottom:22px}.card-logo{--logo-h:14px;margin-left:auto;color:var(--ink)}.okx-app-mark{border:0;background:none;padding:0}.names-section{border-top:0}.mobile-cta-info{display:flex;align-items:center;gap:10px;min-width:0}.mobile-cta-icon{width:36px;height:36px;flex-shrink:0}
@media(max-width:767px){.hero-label .okx-logo{--logo-h:15px}.section-logo{--logo-h:20px;margin-bottom:18px}.names-section .button{margin-left:61px}}
@media(max-width:370px){.mobile-cta-icon{display:none}}
.calc-products{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;margin-bottom:24px}.calc-products button{background:transparent;color:var(--muted);font-size:14px;font-weight:550;padding:7px 18px;border-radius:6px}.calc-products button:hover{color:var(--ink)}.calc-products button.selected{background:var(--accent);color:var(--button-ink)}.calc-v2 .amount output,.calc-v2 .amount input{font-size:46px}.calc-v2 .amount input{min-width:3.4ch}.calc-v2 .equation-sign{font-size:28px}
.loss-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:16px 16px 16px 22px;border:1px solid var(--accent);border-radius:10px;background:rgba(214,250,123,.06)}.loss-line p{font-size:17px;font-weight:550}.loss-line strong{font-family:Arial,sans-serif;font-size:30px;font-weight:700;color:var(--accent);margin-left:4px;white-space:nowrap}.loss-line .button{min-height:50px;padding:12px 20px;font-size:15px;gap:12px}
.compare-wrap{border:1px solid var(--line);border-radius:10px;overflow:hidden}.compare-table{width:100%;border-collapse:collapse;font-size:15px}.compare-table th,.compare-table td{padding:15px 24px;text-align:left;border-bottom:1px solid var(--line)}.compare-table tbody tr:last-child>*{border-bottom:0}.compare-table thead th{font-size:13px;font-weight:500;color:var(--muted);background:var(--surface)}.compare-table tbody th{font-weight:500}.compare-table td{color:var(--muted);font-family:Arial,'Qidian Sans',sans-serif}.compare-table .compare-win{color:var(--accent);font-weight:650;background:rgba(214,250,123,.06)}.compare-table thead .compare-win{color:var(--accent);font-weight:650}.compare-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px}.compare-footer p{font-size:16px;color:var(--muted)}.compare-footer strong{color:var(--ink);font-weight:600}.compare-footer .button{font-size:16px;min-height:56px;padding:14px 24px;gap:14px}.compare-section .fine-print{margin-top:18px}.compare-section{border-bottom:1px solid var(--line)}
.proof{margin:34px 0 0;max-width:340px}.proof img{width:100%;height:auto;border:1px solid var(--strong-line);border-radius:14px}.proof figcaption{font-size:12px;color:var(--faint);margin-top:12px;line-height:1.7}
[data-theme=light] .loss-line strong,[data-theme=light] .compare-table .compare-win,[data-theme=light] .compare-table thead .compare-win{color:#466714}[data-theme=light] .loss-line{border-color:#9fc24a}
@media(max-width:1199px){.calc-v2 .amount output,.calc-v2 .amount input{font-size:36px}.compare-table th,.compare-table td{padding:14px 18px}}
@media(max-width:900px){.loss-line{flex-wrap:wrap}.compare-footer{flex-direction:column;align-items:flex-start;gap:18px}}
@media(max-width:767px){.calc-products{margin-bottom:18px}.calc-products button{font-size:13px;padding:6px 14px}.calc-v2 .fee-after{grid-column:1}.calc-v2 .fee-after+.equation-sign{grid-column:2}.calc-v2 .fee-saving{grid-column:3}.calc-v2 .amount output{font-size:30px}.calc-v2 .fee-original .amount input{font-size:36px}.loss-line{display:block;padding:16px}.loss-line p{font-size:15px}.loss-line strong{font-size:26px}.loss-line .button{width:100%;margin-top:14px;min-height:50px}.compare-table{font-size:13px}.compare-table th,.compare-table td{padding:12px 10px}.compare-table thead th{font-size:11px}.compare-footer p{font-size:14px}.compare-footer .button{width:100%;font-size:15px}.proof{max-width:260px;margin-top:26px}}
@media(max-width:370px){.compare-table{font-size:12px}.compare-table th,.compare-table td{padding:11px 7px}.calc-v2 .amount output{font-size:26px}}
