.trading-toolkit{box-sizing:border-box;max-width:1384px;margin-inline:auto;padding:110px 56px 0;color:var(--ink);scroll-margin-top:100px}.trading-toolkit *{box-sizing:border-box;min-width:0}.tk-heading{text-align:center;max-width:810px;margin:0 auto 34px}.tk-kicker{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--brand-label);margin:0 0 17px}.tk-kicker:before{content:'';width:22px;height:1px;background:currentColor}.trading-toolkit .tk-title{font-family:'Inter Tight',Inter,system-ui,sans-serif;font-size:clamp(32px,3.6vw,49px);line-height:1.12;letter-spacing:-.035em;font-weight:600;margin:0!important;text-wrap:balance}.tk-title>span{color:var(--accent-readable)}.tk-intro{font-size:15px;line-height:1.85;color:var(--ink-muted);max-width:715px;margin:20px auto 0}
.tk-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0;margin:0 0 26px;list-style:none}.tk-tab{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:58px;padding:12px 17px;border:1px solid var(--line);border-radius:10px;background:var(--surface-100);color:var(--ink-muted);font-family:inherit;font-size:12px;font-weight:500;line-height:1.6;text-align:start;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.tk-tab>svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.tk-tab[aria-selected=true]{color:var(--ink);border-color:var(--accent-border);background:var(--selected-surface);box-shadow:inset 0 -2px var(--brand-amber)}.tk-tab[aria-selected=true]>svg{color:var(--accent-readable)}.tk-tab:hover{border-color:var(--line-strong);color:var(--ink)}.tk-tab:focus-visible,.tk-panel:focus-visible,.tk-link:focus-visible{outline:2px solid var(--accent-readable);outline-offset:4px}
.tk-panel{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:24px;min-height:442px;overflow:hidden;padding:38px 42px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(125deg,var(--surface-100),var(--bg))}.tk-panel:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 85% 45%,var(--accent-a100),transparent 60%);pointer-events:none}.tk-panel[hidden]{display:none!important}.tk-copy{position:relative;z-index:1;max-width:510px}.tk-overline{display:flex;gap:10px;align-items:center;font:500 10px 'JetBrains Mono',monospace;color:var(--ink-muted);letter-spacing:.06em;margin-bottom:18px}.tk-overline>bdi{font-size:10px;padding:4px 7px;background:var(--surface-200);border:1px solid var(--line);border-radius:4px;color:var(--brand-label)}.trading-toolkit .tk-panel-title{font-family:'Inter Tight',Inter,system-ui,sans-serif;font-weight:600;font-size:clamp(25px,2.5vw,34px);line-height:1.2;letter-spacing:-.025em;margin:0;text-wrap:balance;max-width:460px}.tk-body{font-size:14px;color:var(--ink-muted);line-height:1.9;margin:17px 0 0;max-width:440px}.tk-benefits{padding:0;list-style:none;margin:20px 0 25px;display:grid;gap:9px}.tk-benefits li{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.7;color:var(--ink-soft)}.tk-benefits svg{width:14px;height:14px;flex-shrink:0;color:var(--accent-readable);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tk-link{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:43px;padding:11px 17px;background:var(--ink);border:1px solid var(--ink);border-radius:7px;color:var(--bg);font-size:12px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s}.tk-link:hover{transform:translateY(-2px);background:var(--ink-soft)}.tk-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tk-figure{position:relative;display:flex;align-items:center;justify-content:center;margin:0;aspect-ratio:3/2;width:100%;min-width:0}.tk-figure:before{content:'';position:absolute;inset:8% 0;border-radius:50%;background:radial-gradient(ellipse,var(--accent-a100),transparent 70%);pointer-events:none}.tk-figure img{position:relative;display:block;max-width:none;width:115%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:drop-shadow(0 16px 24px var(--ink-a08))}.tk-caption{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink-subtle);font-size:10px;line-height:1.8;text-align:center;margin:15px 0 0}.tk-caption svg{width:13px;height:13px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.5}.trading-toolkit .tk-panel-title,.trading-toolkit .tk-title{text-transform:none}.tk-panel[aria-hidden=true]{display:none!important}html[dir=rtl] .tk-link svg{transform:rotate(180deg)}html[dir=rtl] .tk-title,html[dir=rtl] .tk-panel-title{letter-spacing:0;line-height:1.45}html[dir=rtl] .tk-kicker{letter-spacing:0}html[dir=rtl] .tk-overline{font-family:inherit;letter-spacing:0}
.tk-title>span:first-child{color:var(--ink)}
@keyframes tk-appear{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.trading-toolkit{padding-inline:32px}.tk-panel{padding:30px;gap:12px}.tk-tab{padding:11px 13px;font-size:11px;gap:9px}.tk-panel-title{font-size:28px}.tk-figure img{width:113%}.tk-body{font-size:13px}.tk-benefits li{font-size:10px}}
@media(max-width:760px){.trading-toolkit{padding:72px 20px 0}.tk-heading{margin-bottom:25px;text-align:start}.tk-kicker{justify-content:flex-start;font-size:9px;margin-bottom:14px}.trading-toolkit .tk-title{font-size:34px;line-height:1.15;max-width:520px}.tk-intro{font-size:13px;line-height:1.9;margin:15px 0 0}.tk-tabs{display:flex;overflow-x:auto;gap:8px;padding:2px 2px 11px;margin-bottom:15px;scrollbar-width:thin;scroll-padding-inline:2px;scrollbar-color:var(--line-strong) transparent}.tk-tab{flex:0 0 auto;min-width:145px;max-width:185px;min-height:49px;padding:11px 13px;font-size:11px;white-space:nowrap}.tk-tab>svg{width:16px;height:16px}.tk-panel{grid-template-columns:minmax(0,1fr);padding:25px 23px 13px;gap:4px;min-height:0;border-radius:17px}.tk-copy{max-width:none}.tk-overline{font-size:9px;margin-bottom:14px}.trading-toolkit .tk-panel-title{font-size:28px;max-width:520px}.tk-body{font-size:13px;margin-top:14px;line-height:1.9}.tk-benefits{gap:7px;margin:17px 0 21px}.tk-benefits li{font-size:11px}.tk-link{font-size:11px;min-height:42px;padding:10px 15px;gap:18px}.tk-figure{max-width:520px;justify-self:center;margin-top:7px}.tk-figure img{width:112%}.tk-caption{font-size:9px;align-items:flex-start;padding-inline:10px;margin-top:12px}.tk-caption svg{margin-top:2px}html[dir=rtl] .tk-title,html[dir=rtl] .tk-panel-title{line-height:1.45}}
@media(prefers-reduced-motion:reduce){.tk-panel{animation:none}.tk-link,.tk-tab{transition:none}}
/* ---- Motion (scoped to this section; enabled by trading-toolkit.js adding .tk-motion) ---- */
.tk-motion .tk-heading>*,.tk-motion .tk-panels,.tk-motion .tk-caption{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.tk-motion.tk-inview .tk-heading>*,.tk-motion.tk-inview .tk-panels,.tk-motion.tk-inview .tk-caption{opacity:1;transform:none}
.tk-motion.tk-inview .tk-heading>:nth-child(2){transition-delay:.08s}.tk-motion.tk-inview .tk-heading>:nth-child(3){transition-delay:.16s}
.tk-motion .tk-tabs>.tk-tab{opacity:0}.tk-motion.tk-inview .tk-tabs>.tk-tab{opacity:1;animation:tk-rise .7s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(.2s + var(--i,0) * .05s)}
.tk-motion.tk-inview .tk-panels{transition-delay:.45s}.tk-motion.tk-inview .tk-caption{transition-delay:.7s}
/* tab switch choreography: panels re-run their animations whenever they become visible */
.tk-motion .tk-panel:not([hidden]) .tk-copy>*{animation:tk-rise .7s cubic-bezier(.2,.7,.2,1) both}
.tk-motion .tk-panel:not([hidden]) .tk-copy>:nth-child(2){animation-delay:.06s}.tk-motion .tk-panel:not([hidden]) .tk-copy>:nth-child(3){animation-delay:.12s}.tk-motion .tk-panel:not([hidden]) .tk-copy>:nth-child(4){animation:none}.tk-motion .tk-panel:not([hidden]) .tk-copy>:nth-child(5){animation-delay:.36s}
.tk-motion .tk-panel:not([hidden]) .tk-benefits li{animation:tk-rise .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.18s + var(--i,0) * .07s)}
.tk-motion .tk-panel:not([hidden]) .tk-figure{animation:tk-depth 1s cubic-bezier(.2,.7,.2,1) both .05s}
.tk-motion .tk-panel:not([hidden]):before{animation:tk-glow-in 1.2s ease both}
/* idle life: floating devices, breathing glow, pointer tilt */
.tk-motion .tk-figure{perspective:1200px}
.tk-motion .tk-figure img{transform:rotateX(var(--tk-rx,0deg)) rotateY(var(--tk-ry,0deg));transition:transform .5s cubic-bezier(.2,.7,.2,1);animation:tk-float 8s ease-in-out infinite;will-change:transform}
.tk-motion .tk-figure:before{animation:tk-breathe 6s ease-in-out infinite}
.tk-motion .tk-figure:after{content:'';position:absolute;inset:18% 14%;border-radius:50%;border:1px solid var(--accent-border);opacity:0;pointer-events:none;animation:tk-ring 4.5s ease-out infinite 1s}
/* active tab: growing amber rule */
.tk-motion .tk-tab{transition:border-color .3s,color .3s,background .3s,transform .3s cubic-bezier(.2,.7,.2,1)}
.tk-motion .tk-tab:hover{transform:translateY(-2px)}
.tk-motion .tk-tab[aria-selected=true]{box-shadow:none}
.tk-motion .tk-tab:after{content:'';position:absolute;inset:auto 10px 0;height:2px;border-radius:2px;background:var(--brand-amber);transform:scaleX(0);transform-origin:var(--tk-origin,left);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.tk-motion .tk-tab[aria-selected=true]:after{transform:scaleX(1)}
/* auto-advance: the amber rule fills over the interval; it freezes while paused */
.tk-motion.tk-autoplay .tk-tab[aria-selected=true].tk-tick:after{transform:scaleX(0);animation:tk-progress var(--tk-interval,4s) linear forwards}
.tk-motion.tk-autoplay.tk-paused .tk-tab[aria-selected=true]:after{animation-play-state:paused}
@keyframes tk-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
html[dir=rtl] .tk-motion .tk-tab:after{--tk-origin:right}
@keyframes tk-rise{from{opacity:0;transform:translateY(16px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes tk-depth{from{opacity:0;transform:translateY(24px) scale(.94) rotateX(8deg);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes tk-glow-in{from{opacity:0}to{opacity:1}}
@keyframes tk-float{0%,100%{translate:0 0;rotate:y -4deg;scale:1}25%{translate:0 -9px;rotate:y 0deg;scale:1.015}50%{translate:0 -16px;rotate:y 4deg;scale:1.025}75%{translate:0 -7px;rotate:y 0deg;scale:1.01}}
@keyframes tk-breathe{0%,100%{opacity:.75;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes tk-ring{0%{opacity:.5;transform:scale(.85)}100%{opacity:0;transform:scale(1.25)}}
@media(max-width:760px){.tk-motion .tk-tab:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.tk-motion .tk-heading>*,.tk-motion .tk-tabs>.tk-tab,.tk-motion .tk-panels,.tk-motion .tk-caption,.tk-motion .tk-panel *,.tk-motion .tk-panel:before,.tk-motion .tk-figure:before,.tk-motion .tk-figure:after{animation:none!important;transition:none!important;opacity:1!important;transform:none!important;filter:none!important}}