/* TradeProfy v8 design system */
:root{
 --ink:#0b1220;--ink2:#3d4860;--ink3:#6a7488;--paper:#f5f6fa;--card:#fff;--line:#e2e5ee;--soft:#eef0fb;
 --brand:#4f5bff;--brand2:#3742d9;--up:#0f9d6b;--upbg:#e6f6ef;--down:#d93a55;--downbg:#fdecef;--amber:#e8a33d;
 --navy:#0b1220;--navy2:#141d33;
 --r1:10px;--r2:14px;--r3:20px;--sh:0 1px 2px rgba(11,18,32,.05),0 10px 30px rgba(11,18,32,.07);
 --ease:cubic-bezier(.2,.8,.2,1);
 --fd:"Space Grotesk","Space Grotesk Fallback",ui-sans-serif,system-ui,sans-serif;
 --fb:"Inter","Inter Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
 --fm:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
 --max:1140px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--fb)}
img,svg{max-width:100%}
a{color:var(--brand2)}
h1,h2,h3{font-family:var(--fd);letter-spacing:-.02em;line-height:1.15;margin:0}
h1{font-size:clamp(2rem,4.4vw,3.1rem);font-weight:700}
h2{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:700}
h3{font-size:1.1rem;font-weight:700}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:300;border-radius:8px}.skip:focus{left:8px}

/* ---------- header ---------- */
.tp-hdr{position:sticky;top:0;z-index:100;background:rgba(11,18,32,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#dfe4f2}
.tp-hdr-in{max-width:var(--max);margin:0 auto;padding:0 20px;height:62px;display:flex;align-items:center;gap:16px}
.tp-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 1.18rem/1 var(--fd);letter-spacing:-.02em;margin-right:auto}
.tp-brand b{color:#8f98ff;font-weight:700}
.tp-logo{width:32px;height:32px;border-radius:9px;background:linear-gradient(140deg,#4f5bff,#2a34c7);display:grid;place-items:center;box-shadow:0 6px 18px rgba(79,91,255,.4)}
.tp-logo svg{width:20px;height:20px}
.tp-logo .tl{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;animation:tpDraw 3.6s var(--ease) infinite}
@keyframes tpDraw{0%{stroke-dashoffset:40}30%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-40}}
.tp-nav{display:flex;align-items:center;gap:2px}
.tp-nav a,.tp-navbtn{color:#c5cce0;text-decoration:none;font:600 .92rem/1 var(--fb);padding:10px 12px;border-radius:9px;border:0;background:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s,color .15s}
.tp-nav a:hover,.tp-navbtn:hover,.tp-navbtn[aria-expanded=true],.tp-nav a.on{background:rgba(255,255,255,.08);color:#fff}
.tp-navbtn svg{width:11px;height:11px;transition:transform .2s var(--ease)}.tp-navbtn[aria-expanded=true] svg{transform:rotate(180deg)}
.tp-nav a.tp-cta{background:var(--brand);color:#fff;margin-left:6px;padding:10px 15px}.tp-nav a.tp-cta:hover{background:#6470ff}
.tp-burger{display:none;width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:none;cursor:pointer;place-items:center}
.tp-burger span,.tp-burger span::before,.tp-burger span::after{display:block;width:18px;height:2px;background:#fff;border-radius:2px;position:relative;transition:transform .2s var(--ease)}
.tp-burger span::before,.tp-burger span::after{content:"";position:absolute;left:0}.tp-burger span::before{top:-6px}.tp-burger span::after{top:6px}
.tp-burger[aria-expanded=true] span{background:transparent}.tp-burger[aria-expanded=true] span::before{transform:translateY(6px) rotate(45deg)}.tp-burger[aria-expanded=true] span::after{transform:translateY(-6px) rotate(-45deg)}
.tp-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,#4f5bff,#22c58b);transform:scaleX(0);transform-origin:0 50%}
/* rates ticker */
.tp-ticker{background:var(--navy2);border-top:1px solid rgba(255,255,255,.06);overflow:hidden;height:32px;position:relative}
.tp-ticker::before,.tp-ticker::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2}
.tp-ticker::before{left:0;background:linear-gradient(90deg,var(--navy2),transparent)}.tp-ticker::after{right:0;background:linear-gradient(270deg,var(--navy2),transparent)}
.tp-track{display:flex;gap:34px;white-space:nowrap;width:max-content;animation:tpTick 55s linear infinite;padding-left:20px;line-height:32px;font:500 .8rem/32px var(--fm);color:#9aa4c2}
.tp-ticker:hover .tp-track{animation-play-state:paused}
.tp-track b{color:#fff;font-weight:600;margin-left:6px}.tp-track em{font-style:normal;color:#6ee7b7;margin-left:6px}
@keyframes tpTick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* mega */
.tp-mega{position:absolute;left:0;right:0;top:62px;background:#fff;color:var(--ink);box-shadow:0 30px 60px rgba(11,18,32,.25);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s,transform .35s var(--ease),visibility 0s linear .35s;border-bottom:1px solid var(--line)}
.tp-mega.open{opacity:1;visibility:visible;transform:none;transition:opacity .18s,transform .35s var(--ease)}
.tp-mega-in{max-width:var(--max);margin:0 auto;padding:22px 20px;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:26px}
.tp-mega h3{font:700 .8rem/1.2 var(--fb);color:var(--ink3);margin:0 0 10px}
.tp-mega a{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;margin:0 -10px;border-radius:10px;text-decoration:none;color:var(--ink)}
.tp-mega a:hover{background:var(--soft)}
.tp-mega a i{width:30px;height:30px;border-radius:8px;background:var(--soft);display:grid;place-items:center;flex:none;font-style:normal;color:var(--brand2)}
.tp-mega a i svg{width:16px;height:16px}
.tp-mega a b{display:block;font-size:.93rem}.tp-mega a small{display:block;color:var(--ink3);font-size:.8rem;line-height:1.35}
.tp-mega-m{display:none}
@media(max-width:920px){
 .tp-nav>a:not(.tp-cta),.tp-navbtn{display:none}.tp-burger{display:grid}
 .tp-mega{max-height:calc(100vh - 62px);overflow:auto}.tp-mega-in{grid-template-columns:1fr}
 .tp-mega-m{display:flex;flex-wrap:wrap;gap:8px;max-width:var(--max);margin:0 auto;padding:16px 20px 0}
 .tp-mega-m a{flex:1 1 28%;justify-content:center;background:var(--soft);font-weight:700;margin:0}
}
@media(max-width:480px){.tp-nav a.tp-cta{padding:9px 11px;font-size:.84rem}.tp-hdr-in{gap:8px;padding:0 14px}}
.tp-disc{background:#fff7e8;color:#6b4a12;font-size:.84rem;border-bottom:1px solid #f1e2c2}
.tp-disc .wrap{padding-top:8px;padding-bottom:8px}

/* ---------- page heads ---------- */
.tp-main{padding:0 0 60px}
.tp-crumbs{font-size:.85rem;color:var(--ink3);padding:22px 0 0}
.tp-crumbs a{color:var(--ink2);text-decoration:none}.tp-crumbs a:hover{text-decoration:underline}
.tp-head{padding:14px 0 6px;max-width:860px}
.tp-head h1{margin:6px 0 12px}
.tp-lede{font-size:1.12rem;color:var(--ink2);margin:0;max-width:760px}
.tp-by{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 4px;font-size:.88rem;color:var(--ink2)}
.tp-by img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 4px #c9cdff}
.tp-by a{color:var(--ink);font-weight:700;text-decoration:none}.tp-by a:hover{text-decoration:underline}
.tp-by .dot{width:4px;height:4px;border-radius:50%;background:#b9bfd0}
.tp-by .rv{background:var(--upbg);color:#0a6b49;border-radius:20px;padding:3px 10px;font-weight:600}

/* ---------- calculator shell ---------- */
.tp-calc{background:var(--card);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--sh);margin:22px 0 10px;overflow:hidden}
.tp-calc-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fbfbff,#fff)}
.tp-calc-h b{font:700 1rem/1.2 var(--fd)}
.tp-calc-h span{font:500 .78rem/1 var(--fm);color:var(--ink3)}
.tp-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--up);margin-right:8px;box-shadow:0 0 0 0 rgba(15,157,107,.5);animation:tpPulse 1.6s infinite}
@keyframes tpPulse{70%{box-shadow:0 0 0 8px rgba(15,157,107,0)}100%{box-shadow:0 0 0 0 rgba(15,157,107,0)}}
.tp-calc-b{padding:20px 22px 24px}
.tp-tabs{display:flex;flex-wrap:wrap;gap:6px;background:var(--soft);padding:5px;border-radius:12px;margin-bottom:18px}
.tp-tabs button{flex:1 1 auto;border:0;background:none;padding:10px 14px;border-radius:9px;font:600 .9rem/1 var(--fb);color:var(--ink2);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.tp-tabs button:hover{color:var(--ink)}
.tp-tabs button.on{background:#fff;color:var(--brand2);box-shadow:0 2px 8px rgba(11,18,32,.1)}
.tp-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px 16px}
.tp-f label{display:block;font:600 .8rem/1.3 var(--fb);color:var(--ink2);margin-bottom:6px}
.tp-ip{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;background:#fbfbfd;transition:border-color .15s,box-shadow .15s,background .15s}
.tp-ip:focus-within{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px rgba(79,91,255,.14)}
.tp-ip span{padding-left:13px;color:var(--ink3);font:500 .95rem var(--fm)}
.tp-ip input,.tp-ip select{flex:1;min-width:0;height:48px;border:0;background:none;padding:0 13px;font:500 1rem var(--fm);color:var(--ink);outline:none}
.tp-ip select{font-family:var(--fb);cursor:pointer}
.tp-hint{display:block;font-size:.78rem;color:var(--ink3);margin-top:5px}
[hidden]{display:none!important}

/* ---------- live result ---------- */
.tp-result{margin-top:20px}
.tp-live{animation:tpIn .55s var(--ease) both}
.tp-live>*{animation:tpRise .55s var(--ease) both}
.tp-live>*:nth-child(2){animation-delay:.05s}.tp-live>*:nth-child(3){animation-delay:.1s}.tp-live>*:nth-child(4){animation-delay:.15s}.tp-live>*:nth-child(5){animation-delay:.2s}
@keyframes tpIn{from{opacity:.4}to{opacity:1}}
@keyframes tpRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.tp-empty{border:1.5px dashed var(--line);border-radius:var(--r2);padding:26px;text-align:center;color:var(--ink3)}
.tp-note{border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;background:#fff}
.tp-note-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;align-items:flex-end;padding:20px 22px;background:linear-gradient(135deg,#0b1220,#18223f);color:#fff;position:relative}
.tp-note-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#4f5bff,#22c58b);transform-origin:0 50%;animation:tpSweep .9s var(--ease) both}
@keyframes tpSweep{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.tp-cap{font:500 .78rem/1.4 var(--fm);color:var(--ink3);letter-spacing:.01em}
.tp-note-top .tp-cap{color:#9aa4c2}
.tp-big{font:700 clamp(2.2rem,5vw,3.2rem)/1.05 var(--fm);letter-spacing:-.03em;margin-top:6px;font-variant-numeric:tabular-nums}
.tp-big small{font-size:.4em;font-weight:500;color:var(--ink3);letter-spacing:0}
.tp-note-top .tp-big.up{color:#4be3a6}.tp-note-top .tp-big.down{color:#ff8197}.tp-note-top .tp-big.flat{color:#fff}
.tp-trio{display:flex;flex-wrap:wrap;gap:10px}
.tp-trio .tp-kpi{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);min-width:150px}
.tp-trio .tp-kpi .k{color:#9aa4c2}.tp-trio .tp-kpi .v{color:#fff}
.tp-msg{margin:14px 22px 0;padding:11px 14px;border-radius:10px;font-size:.92rem;background:var(--soft);color:var(--ink2)}
.tp-msg.good{background:var(--upbg);color:#0a6b49}.tp-msg.warn{background:#fff4e2;color:#8a5a0c}
.tp-result>.tp-msg{margin:14px 0 0}
.tp-cols{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;padding:18px 22px 4px}
@media(max-width:780px){.tp-cols{grid-template-columns:1fr}}
.tp-lines .ln{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:.94rem}
.tp-lines .ln b{font:600 .95rem var(--fm);font-variant-numeric:tabular-nums}
.tp-lines .ln.tot{border-bottom:0;border-top:2px solid var(--ink);margin-top:4px;padding-top:12px;font-weight:700}
.tp-lines .ln.tot b{color:var(--down)}
.tp-bar{display:flex;height:12px;border-radius:12px;overflow:hidden;background:var(--soft);margin:8px 0 8px}
.tp-bar i{display:block;height:100%;transition:width .8s var(--ease)}
.tp-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.8rem;color:var(--ink2)}
.tp-legend em{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px;vertical-align:0}
.tp-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:14px}
.tp-kpi{border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:#fff}
.tp-kpi .k{font-size:.78rem;color:var(--ink3);line-height:1.3}
.tp-kpi .v{font:700 1.15rem/1.3 var(--fm);margin-top:3px;font-variant-numeric:tabular-nums}
.tp-kpi .v small{font-size:.7em;color:var(--ink3);font-weight:500}
.tp-kpi .s{font-size:.78rem;color:var(--ink3);margin-top:2px}
.tp-kpi.loss .v{color:var(--down)}.tp-kpi.profit .v{color:var(--up)}
.tp-cmp{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 22px 0}
.tp-note>.tp-cap{padding:0 22px}
@media(max-width:780px){.tp-cmp{grid-template-columns:1fr 1fr}}
.tp-cmp .sc{text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;transition:border-color .15s,transform .2s var(--ease)}
.tp-cmp .sc:hover{border-color:var(--brand);transform:translateY(-2px)}
.tp-cmp .sc.cur{border-color:var(--brand);background:#f6f7ff}
.tp-cmp .sc span{display:block;font-size:.78rem;color:var(--ink3)}
.tp-cmp .sc b{display:block;font:700 1rem var(--fm)}.tp-cmp .sc b.up{color:var(--up)}.tp-cmp .sc b.down{color:var(--down)}
.tp-cmp .sc small{display:block;font-size:.74rem;color:var(--ink3)}
.tp-actions{display:flex;flex-wrap:wrap;gap:8px;padding:16px 22px 0}
.tp-act{border:0;background:var(--ink);color:#fff;border-radius:10px;padding:11px 16px;font:600 .9rem var(--fb);cursor:pointer}
.tp-act.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.tp-act:hover{background:var(--brand2)}.tp-act.ghost:hover{background:var(--soft)}
.tp-fine{font-size:.78rem;color:var(--ink3);padding:12px 22px 18px;margin:0}
.tp-hero-k{background:linear-gradient(135deg,#0b1220,#18223f);color:#fff;border-radius:var(--r2);padding:20px 22px;position:relative;overflow:hidden}
.tp-hero-k::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#4f5bff,#22c58b);transform-origin:0 50%;animation:tpSweep .9s var(--ease) both}
.tp-hero-k .tp-cap{color:#9aa4c2}.tp-hero-k .tp-big small{color:#9aa4c2}.tp-hero-k .s{color:#c5cce0;font-size:.9rem;margin-top:6px}
.tp-rr,.tp-split{display:flex;height:14px;border-radius:14px;overflow:hidden;margin-top:16px;background:var(--soft)}
.tp-rr i,.tp-split i{display:block;height:100%;transition:width .8s var(--ease)}
.tp-rr .r{background:var(--down)}.tp-rr .g{background:var(--up)}.tp-split .a{background:var(--brand)}.tp-split .b{background:var(--up)}
.tp-rr-l{display:flex;justify-content:space-between;font-size:.8rem;color:var(--ink3);margin-top:6px}
.tp-spark{width:100%;height:120px;margin-top:14px;display:block}
.tp-spark .a{fill:rgba(79,91,255,.1)}.tp-spark .l{fill:none;stroke:var(--brand);stroke-width:2.5;stroke-dasharray:2000;stroke-dashoffset:2000;animation:tpLine 1.4s var(--ease) forwards;vector-effect:non-scaling-stroke}
@keyframes tpLine{to{stroke-dashoffset:0}}
.tp-btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}

/* ---------- content ---------- */
.tp-sec{margin-top:46px}
.tp-prose{max-width:780px}
.tp-prose h2{margin:42px 0 12px}.tp-prose h3{margin:26px 0 8px}
.tp-prose p,.tp-prose li{color:#2b354b;font-size:1.02rem}
.tp-prose li{margin-bottom:6px}
.tp-prose table,.tp-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;background:#fff;margin:14px 0 8px;font-size:.94rem}
.tp-prose th,.tp-table th{background:var(--soft);text-align:left;font-weight:700}
.tp-prose td,.tp-prose th,.tp-table td,.tp-table th{padding:10px 13px;border-bottom:1px solid var(--line);vertical-align:top}
.tp-prose tr:last-child td,.tp-table tr:last-child td{border-bottom:0}
.tp-prose td.n,.tp-table td.n{font-family:var(--fm);white-space:nowrap}
.tp-wide{max-width:none}
.tp-formula{font:500 .98rem/1.6 var(--fm);background:#fff;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:10px;padding:12px 16px;margin:12px 0}
.tp-callout{background:#fff;border:1px solid var(--line);border-left:4px solid var(--up);border-radius:12px;padding:14px 16px;margin:16px 0}
.tp-callout.warn{border-left-color:var(--amber);background:#fffdf7}
.tp-toc{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:14px 18px;margin:20px 0;max-width:780px}
.tp-toc b{display:block;margin-bottom:6px}.tp-toc ol{margin:0;padding-left:20px}.tp-toc a{text-decoration:none}
.tp-faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin:0 0 10px;max-width:820px}
.tp-faq summary{cursor:pointer;padding:14px 16px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}
.tp-faq summary::-webkit-details-marker{display:none}
.tp-faq summary::after{content:"+";color:var(--brand);font-size:1.25rem;line-height:1;transition:transform .2s var(--ease)}
.tp-faq details[open] summary::after{transform:rotate(45deg)}
.tp-faq details[open]{box-shadow:0 10px 26px rgba(11,18,32,.07)}
.tp-faq details p{margin:0;padding:0 16px 14px;color:var(--ink2);animation:tpRise .35s var(--ease)}
.tp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:16px 0}
.tp-card{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:16px;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .25s var(--ease),box-shadow .25s var(--ease)}
.tp-card:hover{border-color:#b9bfff;transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,18,32,.09)}
.tp-card i{width:40px;height:40px;border-radius:11px;background:var(--soft);display:grid;place-items:center;flex:none;color:var(--brand2);font-style:normal}
.tp-card i svg{width:20px;height:20px}
.tp-card b{display:block}.tp-card small{display:block;color:var(--ink3);font-size:.86rem;line-height:1.45;margin-top:2px}
.tp-sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:46px 0 8px}
.tp-sec-h p{margin:0;color:var(--ink3)}
.tp-author{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:18px;margin:34px 0;max-width:900px}
.tp-author img{width:110px;height:110px;border-radius:18px;object-fit:cover}
.tp-author h3{margin:0 0 4px}.tp-author p{margin:0 0 8px;color:var(--ink2);font-size:.95rem}
@media(max-width:560px){.tp-author{grid-template-columns:1fr}.tp-author img{width:90px;height:90px}}
.tp-profile{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;margin:14px 0}
.tp-profile img{width:200px;height:200px;border-radius:26px;object-fit:cover;box-shadow:0 22px 44px rgba(11,18,32,.18)}
@media(max-width:700px){.tp-profile{grid-template-columns:1fr}.tp-profile img{width:150px;height:150px}}
.tp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:12px;background:var(--brand);color:#fff;font-weight:700;text-decoration:none}
.tp-btn:hover{background:var(--brand2)}.tp-btn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.tp-hero{background:radial-gradient(900px 380px at 100% 0%,rgba(79,91,255,.12),transparent 60%),radial-gradient(700px 300px at 0% 100%,rgba(34,197,139,.08),transparent 60%);border-bottom:1px solid var(--line)}
.tp-hero .tp-head{padding:26px 0 18px;max-width:none}
.tp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tp-chips span{background:#fff;border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:.84rem;color:var(--ink2)}
.tp-rates{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0}
.tp-rates div{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:14px}
.tp-rates b{display:block;font:700 1.25rem var(--fm);color:var(--brand2)}
.tp-rates span{font-size:.86rem;color:var(--ink2)}

/* ---------- footer ---------- */
.tp-ftr{background:var(--navy);color:#a9b2ca;margin-top:30px}
.tp-ftr-in{max-width:var(--max);margin:0 auto;padding:46px 20px 26px}
.tp-ftr-g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
@media(max-width:900px){.tp-ftr-g{grid-template-columns:1fr 1fr}.tp-ftr-b{grid-column:1/-1}}
.tp-ftr h3{font:700 .86rem/1.2 var(--fb);color:#fff;margin:0 0 10px}
.tp-ftr ul{list-style:none;margin:0;padding:0}.tp-ftr li{margin:0 0 7px}
.tp-ftr a{color:#a9b2ca;text-decoration:none;font-size:.9rem}.tp-ftr a:hover{color:#fff;text-decoration:underline}
.tp-ftr-b p{font-size:.9rem;margin:12px 0}
.tp-ftr-au{display:flex;align-items:center;gap:10px;margin-top:12px}
.tp-ftr-au img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.tp-ftr-au span{font-size:.84rem;line-height:1.35}.tp-ftr-au a{color:#fff;font-weight:700}
.tp-ftr-d{border-top:1px solid #1e2944;margin-top:30px;padding-top:16px;font-size:.8rem;line-height:1.6;color:#8691ad}
.tp-ftr-bt{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.82rem;margin-top:12px;color:#8691ad}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;scroll-behavior:auto!important}.tp-track{animation:none}}
@media print{.tp-hdr,.tp-ftr,.tp-disc{display:none}}
/* scrollable tables on small screens */
.tp-tw,.tp-wide{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0 8px;border-radius:var(--r2)}
.tp-tw>table,.tp-wide>table{margin:0}
@media (max-width:640px){.tp-prose table,.tp-table{font-size:.86rem}.tp-prose td,.tp-prose th,.tp-table td,.tp-table th{padding:8px 10px}.tp-tw table{min-width:520px}}
@media(max-width:560px){.tp-trio{display:grid;grid-template-columns:1fr 1fr;width:100%}.tp-trio .tp-kpi{min-width:0}.tp-trio .tp-kpi:nth-child(3):last-child{grid-column:1/-1}.tp-note-top{padding:18px 16px}}
@media(max-width:480px){.tp-cta .tp-cta-l{display:none}}
/* ================= v9: colourful animated result heroes ================= */
.tp-hero-k,.tp-note-top{--hg:linear-gradient(135deg,#1e1b4b 0%,#3b45d6 55%,#0891b2 100%);--acc:#a5f3fc;background:var(--hg)!important;isolation:isolate;overflow:hidden}
.tp-hero-k.t-up,.tp-note-top.t-up{--hg:linear-gradient(135deg,#052e2b 0%,#047857 50%,#10b981 100%);--acc:#6ee7b7}
.tp-hero-k.t-down,.tp-note-top.t-down{--hg:linear-gradient(135deg,#3f0d1a 0%,#be123c 55%,#f43f5e 100%);--acc:#fecdd3}
.tp-hero-k.t-warn{--hg:linear-gradient(135deg,#451a03 0%,#b45309 50%,#f59e0b 100%);--acc:#fde68a}
.tp-note-top.t-flat{--hg:linear-gradient(135deg,#0b1220 0%,#334155 60%,#64748b 100%);--acc:#e2e8f0}
.tp-hero-k{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px 26px;padding:24px 26px!important;border-radius:20px!important;box-shadow:0 20px 40px -18px rgba(15,23,42,.55)}
.tp-note-top{align-items:center!important;padding:22px 24px!important}
.hk-glow{position:absolute;inset:-45%;z-index:-1;background:radial-gradient(closest-side at 28% 30%,rgba(255,255,255,.2),transparent 70%),radial-gradient(closest-side at 80% 75%,rgba(255,255,255,.12),transparent 70%);animation:tpFloat 9s ease-in-out infinite alternate;pointer-events:none}
@keyframes tpFloat{from{transform:translate(-4%,-3%) rotate(0)}to{transform:translate(5%,4%) rotate(8deg)}}
.hk-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--acc);margin-right:8px;vertical-align:1px;animation:tpPing 1.6s infinite}
@keyframes tpPing{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.tp-hero-k .tp-cap,.tp-note-top .tp-cap{color:rgba(255,255,255,.82)!important;letter-spacing:.06em}
.tp-hero-k .tp-big{color:#fff;font-size:clamp(2.4rem,5.4vw,3.8rem)!important;text-shadow:0 6px 22px rgba(0,0,0,.2);animation:tpPop .6s var(--ease) both}
.tp-hero-k .tp-big small{color:rgba(255,255,255,.8)!important}
.tp-hero-k .s{color:rgba(255,255,255,.9)!important;font-size:.95rem!important;max-width:620px}
.tp-note-top .tp-big{font-size:clamp(2.4rem,5.4vw,3.6rem)!important;animation:tpPop .6s var(--ease) both}
.tp-note-top .tp-big.up,.tp-note-top .tp-big.down,.tp-note-top .tp-big.flat{color:#fff!important;text-shadow:0 6px 22px rgba(0,0,0,.22)}
.tp-note-top .tp-trio .tp-kpi{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.26)!important}
.tp-note-top .tp-trio .tp-kpi .k{color:rgba(255,255,255,.8)!important}
@keyframes tpPop{from{opacity:.3;transform:scale(.94)}to{opacity:1;transform:none}}
.tp-ring{position:relative;width:132px;height:132px;flex:0 0 auto;animation:tpZoom .7s var(--ease) both}
.tp-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.tp-ring .trk{fill:rgba(255,255,255,.08);stroke:rgba(255,255,255,.22);stroke-width:10}
.tp-ring .arc{fill:none;stroke:var(--acc);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease);filter:drop-shadow(0 0 6px rgba(255,255,255,.45))}
.tp-ring .rv{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff;padding:0 14px}
.tp-ring .rv b{font:700 1.45rem/1 var(--fm);letter-spacing:-.02em}
.tp-ring .rv small{font-size:.62rem;line-height:1.25;margin-top:4px;color:rgba(255,255,255,.82)}
@keyframes tpZoom{from{opacity:0;transform:scale(.75) rotate(-15deg)}to{opacity:1;transform:none}}
.tp-kpis .tp-kpi{position:relative;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s}
.tp-kpis .tp-kpi::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--kc,#4f5bff)}
.tp-kpis .tp-kpi:nth-child(2){--kc:#06b6d4}.tp-kpis .tp-kpi:nth-child(3){--kc:#f59e0b}.tp-kpis .tp-kpi:nth-child(4){--kc:#ec4899}.tp-kpis .tp-kpi:nth-child(5){--kc:#10b981}
.tp-kpis .tp-kpi.loss{--kc:#d93a55}.tp-kpis .tp-kpi.profit{--kc:#0f9d6b}
.tp-kpis .tp-kpi:hover{transform:translateY(-3px);box-shadow:0 14px 26px -16px rgba(15,23,42,.35)}
.tp-live .tp-kpis .tp-kpi{animation:tpRise .55s var(--ease) both}
.tp-live .tp-kpis .tp-kpi:nth-child(2){animation-delay:.06s}.tp-live .tp-kpis .tp-kpi:nth-child(3){animation-delay:.12s}.tp-live .tp-kpis .tp-kpi:nth-child(4){animation-delay:.18s}
@keyframes tpRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:640px){.tp-hero-k{grid-template-columns:1fr;padding:20px 18px!important}.tp-hero-k .tp-ring{position:absolute;top:14px;right:12px;width:84px;height:84px}.tp-hero-k .tp-ring .rv small{display:none}.tp-hero-k .tp-ring .rv b{font-size:1.05rem}.tp-hero-k .hk-main{padding-right:86px}
 .tp-note-top .tp-ring{width:96px;height:96px}.tp-note-top .tp-ring .rv small{display:none}.tp-note-top .tp-ring .rv b{font-size:1.1rem}.tp-note-top .nt-main{flex:1 1 60%}}
@media(prefers-reduced-motion:reduce){.hk-glow,.hk-dot,.tp-ring,.tp-hero-k .tp-big,.tp-note-top .tp-big,.tp-live .tp-kpis .tp-kpi{animation:none!important}.tp-ring .arc{transition:none}}
@media(max-width:640px){.tp-hero-k .tp-big,.tp-note-top .tp-big{font-size:clamp(1.7rem,8.4vw,2.3rem)!important;word-break:break-word}.tp-hero-k .hk-main{min-width:0}
 .tp-note-top{position:relative}.tp-note-top .tp-ring{position:absolute;top:14px;right:12px;width:78px;height:78px}.tp-note-top .tp-ring .rv b{font-size:1rem}.tp-note-top .nt-main{padding-right:84px;min-width:0}
 .tp-hero-k .tp-ring{width:76px;height:76px}.tp-hero-k .hk-main{padding-right:80px}}
.tp-note-top .tp-kpi small,.tp-note-top .tp-kpi .v small{color:rgba(255,255,255,.75)!important}