.okx-calcpage__hero{padding:clamp(28px, 4vw, 52px) 0 var(--okx-section-pad-compact);background:linear-gradient(180deg, var(--okx-cream), var(--okx-cream) 62%, var(--okx-paper))}.okx-calcpage__intro{max-width:760px;margin-top:22px}.okx-calcpage__intro h1{max-width:18ch;color:var(--okx-ink);letter-spacing:-.05em;text-wrap:balance;font-size:clamp(2.3rem,1.3rem + 2.4vw,3.4rem);font-weight:720;line-height:1.04}.okx-calcpage__lead{max-width:60ch;color:var(--okx-text-2);font-size:clamp(1.02rem,.96rem + .25vw,1.15rem);line-height:1.65;margin-top:18px!important}.okx-calcpage__next{border-top:1px solid var(--okx-line);flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:clamp(24px,3vw,36px);padding-top:clamp(20px,2.6vw,28px);display:flex}.okx-calcpage__next p{max-width:52ch;color:var(--okx-text-2);flex:28ch;font-size:.98rem;line-height:1.55}.okx-planner{align-items:start;gap:32px var(--okx-gap-xl);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);margin-top:clamp(28px,4vw,44px);display:grid}.okx-planner__form{border:1px solid var(--okx-line);border-radius:var(--okx-radius-lg);background:var(--okx-paper);box-shadow:var(--okx-shadow-raised);gap:18px;padding:clamp(20px,2.6vw,30px);display:grid}.okx-planner__label{color:var(--okx-muted);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:750}.okx-planner__pair{grid-template-columns:minmax(0,1fr) minmax(0,8.5rem);align-items:end;gap:14px;display:grid}.okx-planner__share{border-top:1px dashed var(--okx-line-strong);padding-top:6px}.okx-planner__range{align-items:center;gap:16px;min-height:54px;display:flex}.okx-planner__range input{min-width:0;height:28px;accent-color:var(--okx-primary);cursor:pointer;background:0 0;flex:1;margin:0}.okx-planner__range input:focus-visible{outline:3px solid var(--okx-focus);outline-offset:4px;border-radius:99px}.okx-planner__range output{border-radius:var(--okx-radius-sm);background:var(--okx-primary-soft);min-width:4.4rem;min-height:40px;color:var(--okx-primary);font-variant-numeric:tabular-nums;place-items:center;padding:0 10px;font-size:1.05rem;font-weight:750;display:grid}.okx-page .okx-planner__ticket{top:calc(var(--okx-sticky-top,96px) + 8px);width:100%;max-width:470px;margin:0 0 0 auto;padding:28px 26px 22px;font-size:.94rem;position:sticky;transform:rotate(.8deg)}.okx-planner__period{color:var(--okx-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:750;margin-top:14px!important}.okx-planner__ticket .okx-ticket__rows{margin-top:8px}.okx-planner__ticket .okx-ticket__rows dt{font-weight:560}.okx-planner__year{border-top:0!important;margin-top:0!important}.okx-planner__year dd{color:var(--okx-signal-ink)}.okx-planner__result{gap:4px;padding:18px 0 14px;display:grid}.okx-planner__moved{color:var(--okx-text-2);font-size:.86rem;font-weight:600}.okx-planner__result strong{color:var(--okx-signal-ink);letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:clamp(2rem,1.5rem + 1.4vw,2.7rem);font-weight:780;line-height:1.08}.okx-planner__result>span:last-child{color:var(--okx-ink);font-size:.92rem;font-weight:600;line-height:1.45}.okx-planner__result b{font-weight:760}.okx-planner__result [data-scenario-pending]{color:var(--okx-text-2);font-weight:500}.okx-planner__orderkick{margin-top:0!important}.okx-planner__orderkick dd{text-align:right;white-space:normal!important}.okx-calcpage__read{padding:var(--okx-section-pad-compact) 0;background:var(--okx-paper)}.okx-calcpage__read h2{max-width:20ch}.okx-calcpage__read ol{counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:34px;display:grid}.okx-calcpage__read li{border-top:2px solid var(--okx-ink);align-content:start;gap:8px;padding-top:18px;display:grid}.okx-calcpage__read li b{background:var(--okx-accent);width:30px;height:30px;color:var(--okx-deep);border-radius:50%;place-items:center;font-size:.86rem;font-weight:780;display:grid}.okx-calcpage__read li strong{color:var(--okx-ink);font-size:1.08rem;font-weight:680;line-height:1.35}.okx-calcpage__read li p{color:var(--okx-text-2);font-size:.95rem;line-height:1.65}.okx-calcpage__habits{padding:var(--okx-section-pad) 0;background:var(--okx-cream)}.okx-calcpage__habits-grid{align-items:center;gap:40px var(--okx-gap-xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.okx-calcpage__reach{margin:0;position:relative}.okx-calcpage__reach .okx-fit-mock{width:min(100%,560px);margin-inline:auto}.okx-calcpage__reach figcaption{text-align:center;margin-top:14px}.okx-calcpage__habits-lead{color:var(--okx-text-2);font-size:1.04rem;margin-top:14px!important}.okx-calcpage__habits ul{gap:16px;margin:26px 0 18px;display:grid}.okx-calcpage__habits li{grid-template-columns:24px minmax(0,1fr);gap:12px;display:grid}.okx-page .okx-calcpage__habits li svg{width:22px;height:22px;color:var(--okx-success);stroke-width:2.2px;margin-top:2px}.okx-calcpage__habits li span{color:var(--okx-text-2);font-size:.95rem;line-height:1.6}.okx-calcpage__habits li strong{color:var(--okx-ink);font-size:1.02rem;font-weight:680;display:block}.okx-calcpage__compare{padding:var(--okx-section-pad-compact) 0;background:var(--okx-paper)}.okx-calcpage__compare ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.okx-calcpage__compare a{border:1px solid var(--okx-line);border-left:4px solid var(--okx-primary);border-radius:var(--okx-radius-sm);background:var(--okx-paper);height:100%;color:var(--okx-text-2);transition:border-color var(--okx-dur-fast) var(--okx-ease), background var(--okx-dur-fast) var(--okx-ease);gap:6px;padding:20px 22px;font-size:.94rem;line-height:1.55;text-decoration:none;display:grid}.okx-calcpage__compare a:hover{border-color:var(--okx-primary);background:var(--okx-surface-sage)}.okx-calcpage__compare strong{color:var(--okx-ink);font-size:1.05rem;font-weight:700}@media (width<=1023px){.okx-planner{grid-template-columns:minmax(0,1fr)}.okx-page .okx-planner__ticket{max-width:560px;margin:0 auto;position:relative;top:auto;transform:none}.okx-calcpage__read ol{grid-template-columns:minmax(0,1fr);gap:22px}.okx-calcpage__habits-grid,.okx-calcpage__compare ul{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.okx-planner__pair{grid-template-columns:minmax(0,1fr) minmax(0,6.5rem);gap:10px}.okx-page .okx-planner__ticket{padding:24px 16px 18px;font-size:.9rem}.okx-planner__range{gap:12px}.okx-planner__range output{min-width:3.8rem}}