/* Cross Trade public site. Trading workspace styles are independent. */
:root{color-scheme:light;--ink:#141921;--muted:#646d7c;--paper:#fff;--line:#e1e4e9;--blue:#255cf4;--night:#121820;--night-text:#f5f7fc;--gutter:clamp(24px,5vw,96px);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #4a7aff;outline-offset:5px}h1,h2,h3,h4,p,figure{margin:0}[hidden]{display:none!important}::selection{background:#dbe6ff;color:#183675}.skip-link{position:absolute;left:18px;top:-100px;background:#fff;color:var(--ink);padding:12px 20px;z-index:20}.skip-link:focus{top:8px}
.site-header{height:86px;background:#f6f7f9;display:flex;align-items:center;gap:54px;padding:0 var(--gutter);border-bottom:1px solid #dce0e7;position:relative;z-index:5}.wordmark{display:inline-flex;align-items:center;gap:12px;font-size:17px;font-weight:800;letter-spacing:-.025em;white-space:nowrap;line-height:1}.wordmark-light{font-weight:500;margin-left:5px}.brand-mark{width:32px;height:32px;fill:var(--blue);stroke:none}.brand-symbol{color:var(--blue);font-size:25px;margin-right:6px}.site-header nav{margin-left:auto;display:flex;gap:32px;font-size:13px;color:#636b78}.site-header nav a{position:relative;padding-block:12px;transition:color .18s}.site-header nav a:after{content:'';position:absolute;bottom:7px;height:1px;background:var(--ink);left:0;right:100%;transition:right .25s}.site-header nav a:hover{color:var(--ink)}.site-header nav a:hover:after{right:0}.nav-login{font-size:13px;display:inline-flex;align-items:center;gap:24px;border:1px solid #c8cdd5;min-height:42px;padding:8px 18px;border-radius:5px;font-weight:600;transition:border-color .2s,background .2s;max-width:230px;overflow-wrap:anywhere}.nav-login:hover{border-color:var(--ink);background:#fff}
.hero{background:#f6f7f9;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(32px,5vw,84px);padding:clamp(36px,5vh,64px) var(--gutter) 48px;min-height:630px;max-height:none}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:650;line-height:1.6}.hero .eyebrow{color:#666f7e;display:flex;align-items:center;gap:12px}.eyebrow-line{width:22px;height:2px;background:var(--blue)}.hero h1{font-size:clamp(52px,5.15vw,87px);line-height:1.02;font-weight:580;letter-spacing:-.064em;margin:26px 0 27px}.hero h1>span{color:var(--blue)}.hero-description{font-size:16px;line-height:1.7;color:#68707e;max-width:470px;letter-spacing:-.015em}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:31px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:52px;padding:13px 22px;border:1px solid transparent;border-radius:5px;font-size:13px;font-weight:600;transition:transform .22s,background .22s,box-shadow .22s}.button-blue{background:var(--blue);color:white}.button-blue:hover:not(:disabled){background:#144bdc;transform:translateY(-2px);box-shadow:0 7px 20px #255cf420}.button>span:last-child:not(:first-child){font-size:20px;line-height:1;transition:transform .2s}.button:hover>span:last-child:not(:first-child){transform:translate(2px,-2px)}.demo-link-short{display:none}.demo-link{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:550;min-height:44px}.play-icon{font-size:8px;width:26px;height:26px;display:grid;place-items:center;border:1px solid #cdd2db;border-radius:50%;padding-left:2px;transition:background .2s}.demo-link:hover .play-icon{background:var(--ink);border-color:var(--ink);color:white}.access-note{font-size:11px;color:#737c8b;margin-top:17px;max-width:430px;line-height:1.6;min-height:18px}.hero-bottom{padding:21px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dce0e7;color:#7a8391;font-size:9px;letter-spacing:.075em}.hero-bottom b{font-weight:550;color:#414a58}.hero-bottom a{font-size:11px;letter-spacing:0;color:#646e7f}.hero-bottom a span{margin-left:26px}
/* One continuous product canvas: a route, its price difference and a threshold. */
.market-visual{background:var(--night);color:#eaf0fc;border-radius:10px;padding:26px 28px 18px;min-width:0;position:relative;box-shadow:0 30px 65px -35px #111e4140;isolation:isolate;transform:none;transform-origin:center}.market-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:25px;border-bottom:1px solid #ffffff14;font-size:8px;letter-spacing:.12em;color:#8b9bb3}.market-brand{color:#b7c1d2;font-weight:600;white-space:nowrap}.market-brand>span{color:#43516a;margin-inline:8px}.demo-tag{font-size:7px;letter-spacing:.08em;color:#9ca9bf;white-space:nowrap}.market-title{display:flex;align-items:center;justify-content:space-between;padding-top:22px;gap:12px}.market-pair{font-size:23px;font-weight:600;letter-spacing:-.035em}.market-pair>span{color:#77859d;font-weight:400}.market-title p{font-size:10px;color:#8a97ac;margin-top:3px}.market-type{font-size:9px;color:#9ca9bd}.quote-pair{display:grid;grid-template-columns:1fr 1fr 1.05fr;margin:26px 0 29px;gap:16px}.quote-pair>div{min-width:0}.quote-side{height:18px;line-height:18px;color:#9daabd;font-size:9px;letter-spacing:.05em;display:flex;gap:9px;align-items:center}.quote-side>span{color:#dce5f5;letter-spacing:0}.quote-pair strong{display:block;font-size:clamp(23px,2.5vw,39px);font-weight:500;letter-spacing:-.05em;line-height:1.2;margin-top:8px;font-variant-numeric:tabular-nums}.quote-pair strong>span{color:#a9b5c9}.quote-pair small{font-size:9px;color:#91a0b7;display:block;margin-top:6px;white-space:nowrap}.spread-readout{border-left:1px solid #ffffff1a;padding-left:20px}.spread-readout>span{display:block;height:18px;line-height:18px;color:#96a3ba;font-size:9px}.spread-readout strong,.spread-readout strong>span{color:#82a8ff}.spread-readout strong>span{font-size:1em}.chart-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8c9bb2;gap:10px}.chart-heading b{font-weight:500;color:#c1cbe1;margin-left:5px}.market-chart{width:100%;display:block;margin-top:14px;overflow:visible}.chart-grid{stroke:#ffffff0c;stroke-width:1;fill:none}.chart-axis{fill:#75849d;font:9px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.chart-area{fill:url(#market-fill);animation:chart-fill 1.5s ease both}.chart-line{stroke:#85aaff;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;animation:chart-draw 1.8s .35s cubic-bezier(.22,.6,.3,1) both}.chart-target{stroke:#9bb0d3;stroke-dasharray:3 5;stroke-width:.8;fill:none;opacity:.65}.chart-point{fill:#dae5ff;stroke:#4876e0;stroke-width:2}.chart-point-ring{fill:#85aaff16;stroke:#85aaff50;stroke-width:1;animation:chart-fill 1.2s 1.2s both}.market-visual figcaption{display:flex;align-items:center;gap:11px;border-top:1px solid #ffffff15;margin-top:0;padding-top:17px}.signal-symbol{color:#8dacf5;background:#8dacf512;font-size:22px;display:grid;place-items:center;width:34px;height:34px;border-radius:7px}.market-visual figcaption strong{font-size:11px;letter-spacing:-.01em;font-weight:550}.market-visual figcaption p{font-size:9px;color:#8a9ab4;margin-top:1px}.caption-arrow{margin-left:auto;color:#94a5be;font-size:18px}.market-note{font-size:9px;color:#7f8da5;margin-top:16px}
.section{max-width:1512px;margin:0 auto;padding:108px var(--gutter)}.section h2{font-size:clamp(32px,3.7vw,54px);line-height:1.12;letter-spacing:-.05em;font-weight:550;margin:20px 0 0}.section h2>span{color:#818895}.section .eyebrow{color:#697382}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:end}.section-heading .eyebrow{grid-column:1/-1}.section-lead{font-size:15px;color:var(--muted);line-height:1.75;letter-spacing:-.01em}.section-heading .section-lead{padding-bottom:3px;justify-self:end}.feature-columns{display:grid;grid-template-columns:repeat(3,1fr);margin-top:68px;border-top:1px solid var(--line)}.feature-columns article{padding:24px 35px 0 0}.feature-columns article+article{padding-left:35px;border-left:1px solid var(--line)}.feature-index{font-size:9px;letter-spacing:.09em;color:#7c8798}.feature-icon{display:block;width:38px;height:38px;fill:none;stroke:var(--blue);stroke-width:1.5;stroke-linecap:square;margin:32px 0 23px}.feature-columns h3{font-size:20px;line-height:1.3;letter-spacing:-.025em;font-weight:560;margin-bottom:13px}.feature-columns p{font-size:13px;line-height:1.85;color:var(--muted);max-width:310px}.text-link{font-size:13px;border:0;background:transparent;padding:0 0 5px;display:inline-flex;gap:22px;align-items:center;border-bottom:1px solid #b7c1d0;color:var(--ink);min-height:36px;transition:border-color .2s,color .2s}.text-link:hover{color:var(--blue);border-color:var(--blue)}
.tour-section{background:#f5f6f8}.tour-intro{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:45px}.tour-intro .section-lead{padding-bottom:4px}.product-tour{background:#fff;border:1px solid #dce1e8;border-radius:10px;overflow:hidden}.tour-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:0 26px;gap:20px}.tour-tabs button{position:relative;border:0;background:none;padding:22px 4px;font-size:12px;color:#798392;text-align:left;display:flex;align-items:center;gap:13px;transition:color .2s}.tour-tabs button>span{font-size:9px;font-variant-numeric:tabular-nums;color:#98a2b2}.tour-tabs button>b{margin-left:auto;font-size:16px;font-weight:400;opacity:0;transition:opacity .2s}.tour-tabs button:after{content:'';position:absolute;height:2px;bottom:-1px;left:0;right:100%;background:var(--blue);transition:right .25s}.tour-tabs button[aria-selected=true]{color:var(--blue);font-weight:600}.tour-tabs button[aria-selected=true]>b{opacity:1}.tour-tabs button[aria-selected=true]>span{color:var(--blue)}.tour-tabs button[aria-selected=true]:after{right:0}.tour-tabs button:hover{color:var(--blue)}.tour-panel{display:grid;grid-template-columns:.87fr 1.13fr;gap:60px;padding:44px 40px;min-height:510px;align-items:center;animation:panel-appear .3s ease both}.tour-panel:focus:not(:focus-visible){outline:0}.micro-label{font-size:8px;letter-spacing:.12em;color:#7e8898}.tour-explanation h3{font-size:32px;line-height:1.2;letter-spacing:-.04em;font-weight:550;margin:18px 0 22px}.tour-explanation p{font-size:13px;color:var(--muted);line-height:1.85;max-width:340px}.tour-explanation p+p{margin-top:15px}.tour-explanation .text-link{margin-top:24px;font-size:12px}.example-disclaimer{font-size:10px;display:block;color:#8b94a3;margin-top:30px}.demo-registry{border:1px solid #e2e6ed;border-radius:7px;overflow:hidden;box-shadow:0 16px 38px -27px #1730574d}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;padding:21px 21px 18px}.demo-toolbar>span:first-child{display:flex;gap:12px;align-items:baseline}.demo-toolbar b{font-size:15px;font-weight:600}.demo-toolbar small{color:#8b94a3;font-size:9px}.demo-toolbar-icon{font-size:22px;color:#78859a}.demo-row{display:grid;grid-template-columns:1.25fr 1fr 45px;align-items:center;gap:12px;padding:18px 21px;border-top:1px solid #e8ebf0}.demo-row-head{font-size:8px;color:#8c95a3;padding-block:12px;background:#fafbfc}.demo-row-head>span:last-child{text-align:center}.demo-row strong{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}.coin-symbol{display:inline-grid;place-items:center;background:#eff2f8;color:#748097;font-size:11px;font-weight:650;width:25px;height:25px;border-radius:50%;flex-shrink:0}.demo-row small{display:block;margin-top:5px;font-size:10px;color:#78879c}.demo-row small>span{color:#acb5c4;margin-inline:4px}.demo-row div:nth-child(2)>b{font-size:17px;font-weight:550;letter-spacing:-.02em}.demo-row-featured{background:#f5f8ff}.demo-row-featured div:nth-child(2)>b{color:var(--blue)}.demo-row-featured .coin-symbol{background:#e4ecff;color:#456ce1}.demo-row-muted{color:#6e798b}.demo-row-muted>span:last-child{text-align:center;font-size:22px;color:#b6c0d0}.demo-star{background:white;border:1px solid #cbd9fa;color:var(--blue);border-radius:6px;width:42px;height:42px;display:grid;place-items:center;transition:background .2s,transform .2s}.demo-star svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5}.demo-star:hover{background:var(--blue);color:white;transform:translateY(-2px)}.demo-star:hover svg{fill:currentColor}.registry-hint{display:flex;justify-content:center;gap:10px;padding:14px;font-size:9px;color:#7a879b;border-top:1px solid var(--line)}.registry-hint>span{color:var(--blue);font-size:13px}
.example-form{max-width:470px;width:100%;justify-self:center}.form-title{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.form-title .coin-symbol{width:35px;height:35px;background:#eef3ff;color:var(--blue)}.form-title strong{display:block;font-weight:550;font-size:13px}.form-title div>span{display:block;color:#8690a0;font-size:10px;margin-top:2px}.form-title>span:last-child{margin-left:auto;color:var(--blue);font-size:23px}.example-form label,.example-form legend{font-size:11px;color:#768296}.example-input{display:flex;align-items:center;gap:15px;border-bottom:1px solid #abb8cf;max-width:165px;margin-top:4px}.example-input input{border:0;background:transparent;color:var(--ink);width:125px;min-width:0;font-size:29px;font-weight:500;letter-spacing:-.03em;padding:2px 0 6px}.example-input>span{color:#96a0b0;font-size:21px}.example-form fieldset{border:0;padding:0;margin:21px 0}.example-form legend{margin-bottom:10px}.example-presets{display:flex;gap:8px}.example-presets button{width:64px;min-height:41px;font-size:12px;color:#66758c;border:1px solid #d5dde9;background:#fff;border-radius:4px;transition:background .2s,color .2s,border-color .2s}.example-presets button[aria-pressed=true]{color:var(--blue);border-color:#89aaff;background:#f0f5ff}.example-presets button:hover{border-color:var(--blue)}.example-result{display:grid;grid-template-columns:1fr auto;gap:7px 15px;padding-top:19px;border-top:1px solid var(--line);align-items:center}.example-result>span{font-size:11px;color:#6b788e}.example-result output{color:var(--blue);font-size:29px;font-weight:550;line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.example-result p{grid-column:1/-1;color:#7b879a;font-size:11px;font-variant-numeric:tabular-nums}.example-error{color:#a13636;font-size:11px;margin-top:7px;min-height:0}.example-next{display:flex;width:100%;margin-top:22px;font-size:12px;min-height:46px}.small-note{font-size:9px;color:#8590a1;margin-top:10px;line-height:1.6}.example-form .small-note{text-align:center}.telegram-preview{max-width:460px;width:100%;justify-self:center;background:#eef2f8;border-radius:8px;padding:23px}.telegram-header{display:flex;align-items:center;gap:12px;margin-bottom:25px}.telegram-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;font-size:24px}.telegram-header strong{font-size:12px;font-weight:600;display:block}.telegram-header small{font-size:9px;color:#8692a5;display:block;margin-top:2px}.telegram-message{background:#fff;padding:22px;border-radius:0 10px 10px 10px}.notification-title{display:flex;align-items:center;gap:8px;font-size:12px}.notification-title>span{font-size:19px;color:var(--blue)}.notification-title strong{font-weight:600}.telegram-message h4{font-size:13px;font-weight:550;margin:17px 0 19px}.telegram-message dl{display:grid;gap:9px;margin:0}.telegram-message dl>div{display:flex;justify-content:space-between;gap:10px;font-size:11px}.telegram-message dt{color:#8190a5}.telegram-message dd{margin:0;font-weight:550;font-variant-numeric:tabular-nums}.telegram-message dl>div:nth-child(2)>dd{color:var(--blue)}.telegram-message>p{font-size:10px;color:#8590a1;margin-top:22px}.telegram-demo-action{padding:13px 10px;font-size:11px;font-weight:550;text-align:center;background:#e3e9f3;border-radius:5px;margin-top:5px}.telegram-demo-action>span{margin-left:9px;font-size:8px;font-weight:400;color:#7c8ca5}.telegram-preview .small-note{text-align:center}.tour-restart{display:flex;margin:15px auto 0;min-height:30px;font-size:10px;color:#67768f;border-bottom-color:transparent}
.method-section{display:grid;grid-template-columns:1fr 1fr;gap:85px}.method-intro .section-lead{margin-top:24px}.method-intro .text-link{margin-top:27px}.method-list article{display:flex;gap:24px;padding:29px 0;border-bottom:1px solid var(--line)}.method-list article:first-child{padding-top:0}.method-list article>span{color:#8a97ad;font-size:10px;padding-top:5px}.method-list h3{font-size:18px;font-weight:550;letter-spacing:-.025em;margin-bottom:10px}.method-list p{font-size:13px;color:var(--muted);line-height:1.85}.start-section{background:var(--night);color:#f3f6fc}.start-section .eyebrow{color:#8897af}.start-section h2>span{color:#8897b0}.start-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:62px 0 38px;gap:45px}.start-steps li{border-top:1px solid #ffffff25;padding-top:23px}.start-steps li>span{font-size:10px;color:#88aafa;letter-spacing:.05em}.start-steps h3{font-size:18px;font-weight:500;margin:27px 0 13px;letter-spacing:-.02em}.start-steps p{font-size:13px;color:#9ba8be;line-height:1.85;max-width:300px}.start-steps a{color:#c4d5ff}.start-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ffffff19;padding-top:25px;color:#8e9cb2;font-size:11px;align-items:center}.start-bottom .text-link{color:#c4d0e7;border-color:#5c6b81;font-size:11px}
.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{font-size:14px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px;padding:21px 0;line-height:1.6}.faq-list details:first-child summary{padding-top:0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:21px;line-height:1.1;color:#8c98ab;font-weight:300;transition:transform .2s}.faq-list summary:hover{color:var(--blue)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:13px;line-height:1.9;padding-bottom:22px;color:var(--muted);max-width:560px}.faq-list details a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.final-cta{background:#f3f5f9;border-block:1px solid var(--line)}.final-cta .section{display:flex;justify-content:space-between;align-items:center;gap:60px;padding-block:73px}.final-cta h2{font-size:clamp(30px,3.2vw,46px)}.final-cta h2>span{color:var(--blue)}.final-actions{flex-shrink:0;max-width:280px}.final-actions .button{min-width:210px}.final-actions p{font-size:10px;color:#7a8597;margin-top:17px;max-width:250px}.site-footer{max-width:1512px;margin:auto;padding:40px var(--gutter) 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:29px;border-bottom:1px solid var(--line)}.site-footer .wordmark{font-size:14px;gap:9px}.site-footer nav{display:flex;gap:28px;font-size:11px;color:#6f7b8d}.site-footer nav a:hover{color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:21px;color:#8992a0;font-size:9px;flex-wrap:wrap}.footer-bottom small{font-size:9px}.site-footer>p,.site-footer>small{font-size:11px;color:var(--muted);display:block;margin-top:12px}
.hero-copy{animation:hero-appear .75s cubic-bezier(.16,1,.3,1) both}.market-visual{animation:market-appear 1s .12s cubic-bezier(.16,1,.3,1) both}.reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1)}.reveal.is-pending{opacity:0;transform:translateY(22px)}@keyframes hero-appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes market-appear{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes chart-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes chart-fill{from{opacity:0}to{opacity:1}}@keyframes panel-appear{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
/* Methodology: readable, anchored document instead of another dashboard. */
.guide-layout{display:grid;grid-template-columns:210px minmax(0,760px);gap:75px;max-width:1200px;margin:auto;padding:64px 32px 100px}.guide-nav{position:sticky;top:30px;align-self:start;display:grid;gap:14px;font-size:13px;color:var(--muted)}.guide-nav strong{color:var(--ink);margin-bottom:8px}.guide-nav a:hover{color:var(--blue)}.guide-content h1{font-size:clamp(34px,4vw,54px);letter-spacing:-.05em;line-height:1.12;margin:16px 0 22px;font-weight:600}.guide-content .lead{font-size:18px;color:#66758a;line-height:1.65}.guide-content section{margin-top:55px;padding-top:28px;border-top:1px solid var(--line)}.guide-content h2{font-size:27px;line-height:1.25;letter-spacing:-.035em;margin-bottom:22px;font-weight:600}.guide-content h3{font-size:18px;margin:24px 0 12px}.guide-content p,.guide-content li{font-size:15px;color:#536176;line-height:1.8}.guide-content p+p{margin-top:14px}.guide-content ul,.guide-content ol{padding-left:22px;margin:18px 0}.guide-content li{margin-bottom:10px}.guide-content a:not(.button){color:var(--blue);text-decoration:underline;text-underline-offset:4px}.guide-content .formula{padding:20px 22px;background:#f1f5fb;margin:22px 0;font-size:16px;color:#233d63;overflow-wrap:anywhere}.guide-content .formula small{display:block;font-size:12px;color:var(--muted);margin-top:10px}.guide-content table{border-collapse:collapse;width:100%;font-size:14px}.guide-content th,.guide-content td{padding:14px 12px 14px 0;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.guide-content td{color:#536176}.guide-content .eyebrow{color:#738196}.guide-content .button{margin-top:26px;color:#fff}
@media(min-width:1600px){.hero-layout{min-height:700px;padding-block:65px;gap:6vw}.market-visual{padding:32px 34px 22px}.market-header{font-size:9px}.market-title{padding-top:28px}.market-pair{font-size:28px}.market-title p,.market-type{font-size:11px}.quote-pair{margin:30px 0}.quote-side,.spread-readout>span{font-size:11px}.quote-pair small,.chart-heading{font-size:10px}.market-visual figcaption strong{font-size:13px}.market-visual figcaption p{font-size:11px}.market-note{font-size:9px}.hero-description{font-size:18px}.hero-actions .button{font-size:14px;min-height:56px}.demo-link{font-size:13px}.access-note{font-size:12px}}
@media(max-width:1100px){:root{--gutter:32px}.site-header{gap:30px}.site-header nav{gap:23px}.hero-layout{gap:32px;min-height:600px}.hero h1{font-size:58px}.hero-description{font-size:14px}.hero-actions{gap:16px}.hero-actions .button{font-size:12px;padding-inline:17px;gap:17px}.demo-link{font-size:11px;gap:7px}.market-visual{padding:21px 20px 16px}.market-brand{font-size:7px}.demo-tag{font-size:6px}.quote-pair{gap:11px}.quote-pair strong{font-size:27px}.spread-readout{padding-left:13px}.quote-pair small{font-size:7px}.market-type{font-size:8px}.section{padding-block:84px}.tour-panel{gap:36px;padding:35px 30px}.tour-explanation h3{font-size:29px}.demo-toolbar{padding-inline:16px}.demo-row{padding-inline:16px;gap:9px}.method-section,.faq-section{gap:55px}.guide-layout{grid-template-columns:170px 1fr;gap:40px}}
@media(max-width:800px){:root{--gutter:24px}.site-header{height:72px;gap:20px}.site-header nav{gap:17px;font-size:11px}.wordmark{font-size:15px;gap:9px}.brand-mark{width:27px;height:27px}.nav-login{font-size:12px;min-height:38px;padding:7px 12px;gap:16px}.hero-layout{grid-template-columns:.9fr 1.1fr;gap:22px;min-height:560px;padding-block:40px}.hero h1{font-size:45px;margin:22px 0}.hero .eyebrow{font-size:8px;gap:8px}.eyebrow-line{width:15px}.hero-description{font-size:13px;line-height:1.75}.desktop-break{display:none}.hero-actions{gap:12px;margin-top:24px}.hero-actions .button{min-height:46px}.access-note{font-size:9px;margin-top:10px}.market-visual{padding:18px 15px 14px}.market-header{padding-bottom:17px}.market-brand{font-size:6px;letter-spacing:.04em}.market-brand>span{margin-inline:4px}.demo-tag{font-size:5px;letter-spacing:.02em}.market-title{padding-top:17px}.market-type{display:none}.market-pair{font-size:20px}.quote-pair{margin:21px 0;gap:9px}.quote-pair strong{font-size:23px}.quote-side{font-size:8px;gap:5px}.spread-readout{padding-left:10px}.spread-readout>span{font-size:8px}.quote-pair small{font-size:6px}.chart-heading{font-size:8px}.market-visual figcaption strong{font-size:10px}.market-visual figcaption p{font-size:8px}.signal-symbol{width:29px;height:29px}.market-note{font-size:6px}.hero-bottom{font-size:8px;padding-block:18px}.hero-bottom a{font-size:10px}.section h2{font-size:36px}.section-lead{font-size:13px}.feature-columns article{padding-right:22px}.feature-columns article+article{padding-left:22px}.feature-columns h3{font-size:17px}.feature-columns p{font-size:12px}.tour-intro{gap:25px}.tour-tabs{gap:14px;padding-inline:20px}.tour-tabs button{font-size:11px;gap:8px}.tour-panel{grid-template-columns:.8fr 1.2fr;gap:25px;padding:28px 22px;min-height:495px}.tour-explanation h3{font-size:26px}.tour-explanation p{font-size:12px}.demo-row{padding:16px 12px;grid-template-columns:1.2fr 1fr 36px}.demo-row strong{font-size:12px;gap:6px}.demo-row small{font-size:8px}.demo-row div:nth-child(2)>b{font-size:15px}.demo-star{width:36px;height:38px}.coin-symbol{width:21px;height:21px}.demo-toolbar{padding:17px 12px}.demo-toolbar small{font-size:8px}.example-result output{font-size:25px}.example-presets{gap:6px}.example-presets button{font-size:11px}.telegram-preview{padding:18px}.telegram-message{padding:17px}.method-section,.faq-section{gap:40px}.method-list h3{font-size:16px}.method-list p{font-size:12px}.start-steps{gap:28px}.start-steps h3{font-size:16px}.start-steps p{font-size:12px}.final-cta .section{gap:30px}.final-cta h2{font-size:31px}.final-actions .button{min-width:190px;padding-inline:18px}.site-footer nav{gap:20px;font-size:10px}}
@media(max-width:600px){html{scroll-padding-top:24px}:root{--gutter:22px}.site-header{height:66px}.site-header nav{display:none}.nav-login{margin-left:auto;font-size:11px;max-width:170px}.wordmark{font-size:14px}.brand-mark{width:26px;height:26px}.hero-layout{display:block;padding-top:33px;padding-bottom:28px;min-height:0}.hero .eyebrow{font-size:8px}.hero h1{font-size:clamp(33px,8.9vw,50px);line-height:1.08;margin:19px 0 18px}.hero h1 br:nth-of-type(1){display:none}.hero h1 br:nth-of-type(1):after{content:' '}.hero-description{max-width:360px;font-size:13px;line-height:1.7}.hero-actions{margin-top:23px;gap:16px;flex-wrap:nowrap}.demo-link-full{display:none}.demo-link-short{display:inline}.hero-actions .button{font-size:12px;padding-inline:18px;min-height:46px}.demo-link{font-size:11px}.access-note{font-size:9px;max-width:320px;margin-top:11px}.market-visual{margin:27px 0 0;padding:17px 18px 12px;transform:none;border-radius:7px;animation:hero-appear .85s .1s both;box-shadow:0 12px 35px -25px #14295955}.market-header{padding-bottom:12px;font-size:7px}.market-brand{font-size:7px}.demo-tag{font-size:6px}.market-title{padding-top:13px}.market-pair{font-size:19px}.market-title p{display:none}.market-type{display:block;font-size:8px}.quote-pair{margin:16px 0 18px;gap:13px}.quote-side,.spread-readout>span{font-size:8px}.quote-pair strong{font-size:27px;margin-top:5px}.quote-pair small{font-size:7px}.spread-readout{padding-left:18px}.market-chart{height:118px;margin-top:9px;object-fit:fill}.chart-heading{font-size:8px}.market-visual figcaption{padding-top:12px;gap:10px}.market-visual figcaption strong{font-size:10px}.market-visual figcaption p{font-size:8px}.signal-symbol{width:29px;height:29px}.market-note{font-size:7px;margin-top:10px}.hero-bottom{padding-block:17px;font-size:7px;letter-spacing:.03em}.hero-bottom a{font-size:9px}.hero-bottom a span{margin-left:5px}.hero-bottom>span{max-width:170px}.hero-bottom b{display:block}.section{padding-block:65px}.section-heading{display:block}.section h2{font-size:35px;line-height:1.12;margin-top:17px}.section-lead{font-size:13px}.section-heading .section-lead{margin-top:21px}.eyebrow{font-size:9px}.feature-columns{grid-template-columns:1fr;margin-top:37px}.feature-columns article,.feature-columns article+article{padding:25px 0;border-left:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:45px 1fr;gap:0 17px;align-items:start}.feature-index{grid-column:2;font-size:8px;margin-bottom:12px}.feature-icon{grid-column:1;grid-row:1/4;margin:2px 0 0;width:33px;height:33px}.feature-columns h3{font-size:18px;margin-bottom:10px}.feature-columns p{grid-column:2;font-size:12px;max-width:100%}.feature-columns article:last-child{padding-bottom:0;border:0}.tour-intro{display:block;margin-bottom:30px}.tour-intro .section-lead{margin-top:22px}.tour-intro .section-lead br{display:none}.tour-tabs{padding:0 13px;gap:10px}.tour-tabs button{display:block;font-size:10px;padding:14px 0;line-height:1.4}.tour-tabs button>span{display:block;font-size:8px;margin-bottom:6px}.tour-tabs button>b{display:none}.tour-panel{display:flex;flex-direction:column;align-items:stretch;padding:25px 19px;gap:28px;min-height:0}.tour-explanation h3{font-size:24px;margin:13px 0 15px}.tour-explanation h3 br{display:none}.tour-explanation p{max-width:none;font-size:12px;line-height:1.8}.tour-explanation p+p{margin-top:10px}.example-disclaimer{margin-top:15px;font-size:9px}.demo-toolbar>span:first-child{gap:9px}.demo-toolbar b{font-size:14px}.demo-row{grid-template-columns:1.2fr 1fr 35px;padding:16px 13px}.demo-row-head{padding-block:10px;font-size:7px}.demo-row strong{font-size:12px}.demo-row small{font-size:8px}.demo-row div:nth-child(2)>b{font-size:15px}.demo-star{width:35px;height:37px}.demo-star svg{width:20px;height:20px}.registry-hint{font-size:8px;padding:11px}.tour-explanation .text-link{margin-top:15px;font-size:11px}.example-form{padding-top:5px}.form-title{padding-bottom:18px}.form-title strong{font-size:12px}.example-presets button{flex:1;min-height:42px}.example-result output{font-size:27px}.example-next{font-size:11px}.telegram-preview{padding:18px}.telegram-header{margin-bottom:20px}.telegram-message{padding:20px}.method-section{display:block}.method-intro .section-lead{margin-top:22px}.method-intro .text-link{margin-top:20px;font-size:12px}.method-list{margin-top:35px}.method-list article{padding:23px 0;gap:20px}.method-list h3{font-size:17px}.method-list p{font-size:12px}.start-steps{display:block;margin:35px 0 24px}.start-steps li{padding:22px 0;display:grid;grid-template-columns:28px 1fr;gap:0 18px}.start-steps li>span{grid-row:1/3;padding-top:3px}.start-steps h3{margin:0 0 10px;font-size:17px}.start-steps p{grid-column:2;max-width:none;font-size:12px}.start-steps li:last-child{padding-bottom:0}.start-bottom{align-items:start;flex-direction:column;gap:15px;padding-top:23px;font-size:10px}.start-bottom .text-link{font-size:11px}.faq-section{display:block}.faq-list{margin-top:36px}.faq-list summary{font-size:13px;padding:20px 0}.faq-list details p{font-size:12px}.final-cta .section{display:block;padding-block:55px}.final-cta h2{font-size:clamp(26px,7vw,37px)}.final-actions{margin-top:28px;max-width:none}.final-actions .button{font-size:12px;min-width:205px}.final-actions p{max-width:320px;font-size:10px}.final-actions p br{display:none}.site-footer{padding:32px var(--gutter) 25px}.footer-top{display:block;padding-bottom:23px}.site-footer nav{margin-top:23px;gap:22px;flex-wrap:wrap;font-size:10px}.footer-bottom{display:block;font-size:9px;line-height:1.6}.footer-bottom small,.footer-bottom>span{display:block;margin-top:10px}.site-footer>.wordmark{margin-bottom:5px}.guide-layout{display:block;padding:32px 22px 65px}.guide-nav{position:static;display:flex;gap:20px;overflow:auto;white-space:nowrap;padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:35px;font-size:12px}.guide-nav strong{display:none}.guide-content h1{font-size:40px}.guide-content .lead{font-size:16px}.guide-content section{margin-top:40px}.guide-content h2{font-size:25px}.guide-content p,.guide-content li{font-size:14px}.guide-content .formula{font-size:14px;padding:17px}.guide-content table{font-size:12px}}
@media(max-width:360px){:root{--gutter:18px}.site-header{gap:10px}.wordmark{font-size:12px}.nav-login{padding:7px 10px;gap:10px}.hero h1{font-size:31px}.hero-actions{gap:12px}.demo-link{font-size:10px;gap:5px}.hero-actions .button{font-size:11px;padding-inline:14px}.market-visual{padding-inline:14px}.demo-tag{font-size:5px}.quote-pair strong{font-size:24px}.spread-readout{padding-left:12px}.tour-panel{padding:24px 13px}.section h2{font-size:31px}.market-chart{height:106px}.demo-toolbar small{font-size:7px}.final-cta h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.is-pending{opacity:1;transform:none}.market-visual{transform:none}}
/* Keep the introduction and the route example together on a phone screen. */
@media(max-width:600px){.hero-layout{padding-top:26px;padding-bottom:22px}.hero h1{margin-top:16px;margin-bottom:15px}.market-visual{margin-top:22px}.market-header{padding-bottom:10px}.market-title{padding-top:10px}.quote-pair{margin-top:13px;margin-bottom:14px}.market-chart{height:100px}}
@media(min-width:601px) and (max-height:850px){.hero-layout{padding-top:28px;padding-bottom:28px;min-height:0}.hero h1{font-size:clamp(45px,4.65vw,68px);margin-top:20px;margin-bottom:22px}.hero-description{font-size:14px}.hero-actions{margin-top:24px}.market-visual{padding-top:20px;padding-bottom:15px}.market-header{padding-bottom:17px}.market-title{padding-top:17px}.quote-pair{margin-top:20px;margin-bottom:21px}.market-chart{height:165px}.market-note{margin-top:12px}}

.telegram-avatar .brand-mark{width:25px;height:25px;fill:white}

/* Public radar preview: stable observations, no blinking refresh or price animations. */
.market-section{background:#fff;border-bottom:1px solid var(--line)}
.market-section .section{padding-block:64px}
.live-market-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:36px}
.market-section h2{font-size:clamp(32px,3.5vw,50px);margin-top:15px}
.market-intro{max-width:630px;margin-top:18px;color:var(--muted);font-size:15px;line-height:1.65}
.market-connection{display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding-top:39px;min-width:215px}
.market-status{display:flex;align-items:center;gap:9px;color:#646d7c;font-size:12px;font-weight:600;white-space:nowrap}
.market-status:before{content:'';width:7px;height:7px;border-radius:50%;background:#99a2b0}
[data-state=live] .market-status{color:#247150}
[data-state=live] .market-status:before{background:#31926b}
[data-state=stale] .market-status,[data-state=unavailable] .market-status{color:#8a642c}
[data-state=stale] .market-status:before,[data-state=unavailable] .market-status:before{background:#b08b4e}
[data-state=demo] .market-status{color:#866220}
.market-connection>span:last-child{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;min-height:18px}
.market-overview{display:flex;align-items:center;justify-content:space-between;gap:28px;border-block:1px solid var(--line);margin-top:32px;padding-block:23px}
.market-counts{display:flex;gap:clamp(26px,5vw,74px);margin:0;padding:0}
.market-counts>div{display:flex;flex-direction:column-reverse;gap:7px}
.market-counts dt{font-size:11px;color:var(--muted)}
.market-counts dd{margin:0;font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-.045em;font-weight:550;font-variant-numeric:tabular-nums;min-width:3ch}
.market-counts>div:last-child dd{min-width:6ch}
.market-observes{font-size:11px;color:var(--muted);text-align:right;max-width:180px;line-height:1.7}
.market-table-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:27px 0 14px}
.market-table-title h3{font-size:17px;font-weight:550;letter-spacing:-.02em}
.market-table-title p{font-size:11px;color:var(--muted);margin-top:4px}
.market-table-title>span{font-size:10px;color:var(--muted);white-space:nowrap}
.market-notice{min-height:40px;padding:9px 13px;margin-bottom:8px;background:#f5f7fb;color:#65738a;border-left:2px solid #c5d2eb;font-size:11px;line-height:1.7}
[data-state=stale] .market-notice,[data-state=unavailable] .market-notice{background:#faf8f3;color:#7e663f;border-color:#ceba95}
.market-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-variant-numeric:tabular-nums}
.market-table th,.market-table td{padding:19px 12px;border-bottom:1px solid #e8ecf2;font-size:14px;font-weight:400;vertical-align:middle}
.market-table th:first-child{padding-left:0;width:18%}
.market-table th:nth-child(4){width:22%}
.market-table th:last-child{width:21%}
.market-table th:last-child,.market-table td:last-child{padding-right:0}
.market-table thead th{padding-block:13px;color:#687383;font-size:10px;line-height:1.5}
.market-table thead th span{display:block;font-size:10px;font-weight:400;color:#87909e;margin-top:3px}
.market-table thead b{font-weight:600;color:#4e607c;letter-spacing:.04em}
.market-table tbody th strong{font-size:18px;font-weight:600;letter-spacing:-.025em;overflow-wrap:anywhere}
.market-table tbody tr{height:110px;transition:background-color .18s}
.market-table tbody tr:hover{background:#f7f9fd}
.market-table .market-main{display:block;font-size:14px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}
.market-table .market-detail{display:block;font-size:12px;color:#485363;margin-top:4px;overflow-wrap:anywhere}
.market-table .market-caption{display:block;font-size:10px;color:var(--muted);font-weight:400;line-height:1.6;margin-top:4px}
.market-table .market-spread{display:block;font-size:25px;font-weight:550;letter-spacing:-.04em;line-height:1.2}
.market-table .market-spread-positive{color:var(--blue)}
.market-table .market-funding{font-size:11px;line-height:1.7;white-space:nowrap;display:block}
.market-funding b{display:inline-block;width:15px;color:#87909e;font-size:9px;font-weight:600}
.market-table tr[data-fresh=false] .market-spread,.market-table tr[data-fresh=false] .market-detail{color:#7d8796}
.market-table .market-row-state{font-size:9px;line-height:1.4;color:#826a43;display:block;min-height:13px;margin-top:5px;font-weight:400}
.market-table-wrap{min-height:610px}
.market-empty{min-height:500px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:14px;padding:30px}
.market-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:45px;margin-top:24px}
.market-bottom p{font-size:11px;line-height:1.8;color:var(--muted);max-width:680px}
.market-bottom .button{flex-shrink:0;font-size:12px;gap:24px}
.market-help{margin-top:10px;max-width:680px}.market-help summary{cursor:pointer;font-size:11px;color:#425c89;width:fit-content;padding-block:5px;transition:color .18s}.market-help summary:hover{color:var(--blue)}.market-help p{margin-top:9px}
@media(max-width:1000px){.market-connection{min-width:180px}.market-table th,.market-table td{padding-inline:8px}.market-table .market-spread{font-size:22px}.market-table .market-funding{font-size:10px}.market-bottom{gap:20px}.market-observes{display:none}}
@media(max-width:700px){.market-section .section{padding-block:42px}.live-market-heading{flex-direction:column;gap:20px}.market-intro{font-size:13px;margin-top:13px}.market-connection{padding-top:0;align-items:flex-start;gap:5px;min-height:43px}.market-overview{margin-top:22px;padding-block:20px}.market-counts{width:100%;justify-content:space-between;gap:13px}.market-counts dd{font-size:30px;min-width:0}.market-counts>div:last-child dd{min-width:0}.market-counts dt{font-size:9px;max-width:85px;line-height:1.5}.market-table-title{margin-top:22px;align-items:flex-start}.market-table-title h3{font-size:16px}.market-table-title p{max-width:240px}.market-table-title>span{display:none}.market-notice{min-height:55px;font-size:10px}.market-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.market-table,.market-table tbody{display:block;width:100%}.market-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:auto;gap:13px 18px;padding:19px 0;border-bottom:1px solid var(--line)}.market-table th,.market-table td{display:block;border:0;padding:0!important;width:auto!important}.market-table th:first-child{grid-column:1;grid-row:1}.market-table td:nth-child(4){grid-column:2;grid-row:1;text-align:right}.market-table td:nth-child(2){grid-column:1;grid-row:2}.market-table td:nth-child(3){grid-column:2;grid-row:2;text-align:right}.market-table td:nth-child(2):before,.market-table td:nth-child(3):before{display:block;font-size:9px;color:#87909e;letter-spacing:.04em;margin-bottom:4px}.market-table td:nth-child(2):before{content:'LONG · buy'}.market-table td:nth-child(3):before{content:'SHORT · sell'}.market-table td:nth-child(5){grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;column-gap:18px;border-top:1px solid #f0f2f6;padding-top:9px!important}.market-table td:nth-child(5):before{content:'Funding · rate / period';grid-column:1/-1;font-size:9px;color:#87909e;margin-bottom:4px}.market-funding:nth-child(2){text-align:right}.market-table .market-funding{font-size:11px}.market-table .market-detail{font-size:13px;margin-top:1px}.market-table .market-caption{font-size:10px}.market-table .market-row-state{min-height:13px}.market-table-wrap{min-height:1160px}.market-empty{min-height:380px}.market-table-wrap:has(tbody:empty){min-height:420px}.market-bottom{flex-direction:column;gap:19px}.market-bottom .button{width:100%}.market-bottom p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.market-table tbody tr,.market-help summary{transition:none}}

/* Public product design, October 2026. Scoped to the landing page; guide and
   trading workspace keep their existing layout and shared language controls. */
.landing { --gutter:clamp(24px,5vw,88px); --night:#101722; --muted:#667085; }
.landing .section,.landing .hero-layout,.landing .hero-bottom { max-width:1512px; margin-inline:auto; }
.landing .site-header { position:sticky; top:0; height:76px; gap:32px; background:#fafbfcee; backdrop-filter:blur(14px); border-color:#e8ebf0; z-index:20; }
.landing .site-header nav { margin-left:auto; gap:28px; font-size:12px; }
.landing .site-header nav a { position:relative; padding-block:10px; }
.landing .site-header nav a:after { content:''; position:absolute; bottom:4px; left:0; right:0; height:1px; background:var(--blue); transform:scaleX(0); transform-origin:left; transition:transform .2s ease; }
.landing .site-header nav a:hover:after { transform:scaleX(1); }
.landing .nav-login { margin-left:0; max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-height:40px; border-radius:5px; font-size:12px; }
.landing .menu-toggle { display:none; border:0; background:none; width:38px; height:40px; padding:10px 7px; }
.menu-toggle span { display:block; height:1px; background:var(--ink); margin-block:6px; }
.landing .hero { background:#f7f8fa; }
.landing .hero-layout { grid-template-columns:.92fr 1.18fr; gap:clamp(32px,4.5vw,72px); padding-block:58px 48px; min-height:650px; }
.landing .hero h1 { font-size:clamp(52px,5.25vw,78px); line-height:1.035; letter-spacing:-.065em; margin:25px 0; font-weight:550; }
.landing .hero-description { font-size:16px; line-height:1.75; max-width:410px; }
.landing .hero-actions { gap:22px; margin-top:28px; }
.landing .button { min-height:50px; border-radius:5px; font-size:13px; transition:background .2s,transform .2s; }
.landing .button:hover { transform:translateY(-2px); }
.landing .hero-actions .button { padding-inline:24px; gap:22px; }
.landing .demo-link { font-size:12px; white-space:nowrap; }
.landing .access-note { font-size:11px; margin-top:16px; color:var(--muted); }
.landing .hero-bottom { font-size:9px; padding-block:23px; border-top:1px solid var(--line); }
.landing .hero-bottom a { font-size:11px; }
.landing .hero-bottom b { font-weight:500; }
/* The hero is one analytical surface, with separate price and spread scales. */
.landing .terminal-hero { margin:0; padding:0; border:1px solid #263141; border-radius:10px; background:var(--night); color:#e8edf6; box-shadow:0 24px 60px -30px #11294b60; overflow:hidden; transform:none; }
.terminal-chrome { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 24px; border-bottom:1px solid #ffffff13; font-size:9px; letter-spacing:.08em; color:#a8b3c5; }
.terminal-chrome>span:first-child { display:flex; align-items:center; gap:9px; }
.terminal-chrome i { width:6px; height:6px; background:#71819c; border-radius:50%; }
.terminal-slash { color:#65738b; }
.terminal-hero .demo-tag { border:0; background:transparent; color:#a4afc0; font-size:8px; padding:0; letter-spacing:.07em; }
.terminal-heading { display:flex; justify-content:space-between; align-items:center; padding:22px 24px 18px; }
.terminal-heading strong { font-size:23px; font-weight:600; letter-spacing:-.03em; }
.terminal-heading strong span { color:#8b9aae; font-weight:400; }
.terminal-heading small { display:block; margin-top:3px; font-size:8px; color:#98a6ba; letter-spacing:.1em; }
.chart-replay { display:flex; align-items:center; gap:6px; min-height:36px; padding:6px 8px; border:1px solid transparent; border-radius:4px; background:transparent; color:#a8b3c5; font:inherit; font-size:10px; cursor:pointer; }
.chart-replay span { font-size:17px; }
.chart-replay:hover { background:#ffffff07; color:#dce5f4; }
.chart-replay:focus-visible { outline:2px solid #93b4ff; outline-offset:2px; }
.terminal-quotes { display:grid; grid-template-columns:1fr 1fr .8fr; gap:12px; padding:0 24px 10px; font-variant-numeric:tabular-nums; }
.terminal-quotes>div { display:grid; grid-template-columns:14px 1fr; align-items:center; column-gap:6px; }
.terminal-quotes>div>span { font-size:11px; font-weight:500; white-space:nowrap; }
.terminal-quotes small { font-size:8px; color:#a1afc2; margin-left:6px; }
.terminal-quotes strong { grid-column:2; font-size:20px; font-weight:500; margin-top:2px; line-height:1.5; }
.line-key { width:11px; height:2px; background:#6796ff; border-radius:1px; }
.line-key-long { background:#3dbbac; }
.terminal-quotes .terminal-spread { display:block; text-align:right; padding-left:12px; border-left:1px solid #ffffff17; }
.terminal-spread>span { color:#a8b3c5; }
.terminal-quotes .terminal-spread strong { display:block; color:#93b4ff; font-size:24px; line-height:1.25; margin-top:5px; }
.chart-stage { position:relative; }
.price-chart { display:block; width:calc(100% - 28px); height:auto; margin:0 14px; overflow:visible; }
.terminal-grid path { stroke:#d7e4ff; opacity:.065; stroke-width:1; fill:none; }
.terminal-axis { fill:#92a1b7; font-size:10px; font-variant-numeric:tabular-nums; }
.price-line { stroke-width:2; fill:none; stroke-linejoin:round; stroke-linecap:round; }
.price-line-long { stroke:#3dbbac; }
.price-line-short { stroke:#6796ff; }
.price-point { stroke:var(--night); stroke-width:1.5; }
.price-point-long { fill:#3dbbac; }
.price-point-short { fill:#6796ff; }
.spread-path { stroke:#86aaff; stroke-width:2; stroke-linejoin:round; fill:none; }
.spread-fill { fill:#426ddb; opacity:.09; }
.spread-target { stroke:#b4c5e2; opacity:.5; stroke-width:1; stroke-dasharray:3 5; }
.target-label text { font-size:9px; fill:#b4c5e2; letter-spacing:.05em; }
.chart-crosshair { fill:none; stroke:#d0ddf5; opacity:.2; stroke-width:1; stroke-dasharray:2 4; }
.spread-dot { fill:#c4d6ff; stroke:var(--night); stroke-width:2; }
.target-halo { fill:#87aaff; opacity:.16; transition:opacity .35s; }
.terminal-hero[data-target-reached="false"] .target-halo { opacity:0; transition:none; }
.chart-tooltip { position:absolute; top:12px; z-index:1; width:193px; padding:11px 13px; border:1px solid #35445c; border-radius:5px; background:#141e2c; box-shadow:0 8px 24px #050a1230; color:#e1e9f6; pointer-events:none; font-size:10px; font-variant-numeric:tabular-nums; }
.chart-tooltip>strong { display:block; font-size:10px; color:#aab8cd; margin-bottom:7px; font-weight:500; }
.chart-tooltip dl { margin:0; }
.chart-tooltip dl>div { display:flex; justify-content:space-between; gap:12px; line-height:1.9; }
.chart-tooltip dt { color:#aab8cd; }
.chart-tooltip dd { margin:0; }
.chart-tooltip .tooltip-long { color:#3dbbac; }
.chart-tooltip .tooltip-short { color:#8aadff; }
.chart-tooltip dl>div:last-child { border-top:1px solid #ffffff12; margin-top:5px; padding-top:5px; }
.chart-tooltip dl>div:last-child dd { color:#a5c0ff; font-weight:600; }
.chart-announcement { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.chart-scrubber { display:flex; align-items:center; gap:12px; padding:7px 24px 13px; }
.chart-scrubber label { font-size:9px; color:#99a8bd; white-space:nowrap; }
.chart-scrubber input { flex:1; min-width:30px; height:18px; accent-color:#87aaff; cursor:ew-resize; }
.chart-scrubber output { width:122px; font-size:9px; text-align:right; color:#b9c6da; font-variant-numeric:tabular-nums; white-space:nowrap; }
.is-inspecting .chart-scrubber output { visibility:hidden; }
.landing .terminal-hero figcaption { margin:0; padding:14px 24px; border-top:1px solid #ffffff13; background:#ffffff03; gap:12px; }
.terminal-hero figcaption .target-check { color:#9eb9f0; font-size:20px; }
.landing .terminal-hero figcaption strong { color:#dce5f4; font-size:11px; font-weight:500; }
.landing .terminal-hero figcaption p { color:#9aa9bf; font-size:10px; margin-top:2px; }
.terminal-hero figcaption a { color:#c2d1eb; margin-left:auto; padding:8px; }
.hero-notification { opacity:1; transform:translateY(0); visibility:visible; transition:opacity .35s ease,transform .35s ease,visibility .35s; }
.terminal-hero[data-target-reached="false"] .hero-notification { opacity:0; transform:translateY(6px); visibility:hidden; pointer-events:none; transition:none; }
/* Bounded live preview. Rows retain their identity during updates. */
.landing .market-section .section { padding-block:92px 70px; }
.landing .market-section h2 { font-size:clamp(36px,4vw,56px); }
.landing .market-intro { max-width:610px; }
.landing .market-overview { margin-top:34px; padding-block:27px; }
.landing .market-counts { gap:clamp(35px,7vw,100px); }
.landing .market-counts dd { font-size:46px; font-weight:500; }
.landing .market-table-title { margin-top:30px; }
.landing .market-notice { border:0; background:transparent; padding:0; font-size:11px; min-height:36px; }
.landing [data-state=stale] .market-notice,.landing [data-state=unavailable] .market-notice { color:#89622e; }
.landing .market-table-wrap { min-height:580px; }
.landing .market-table tbody tr { height:102px; }
.landing .market-table tbody th strong { font-size:19px; }
.landing .market-table .market-main { font-size:13px; display:flex; align-items:center; gap:7px; }
.market-main:before { content:attr(data-mark); display:inline-grid; place-items:center; width:20px; height:20px; border:1px solid #e0e5ed; border-radius:4px; color:#546072; font-size:9px; font-weight:700; }
.landing .market-table .market-detail { font-size:14px; font-weight:500; margin-left:27px; }
.landing .market-table .market-spread { font-size:26px; }
.market-route-link { display:inline-block; color:var(--blue); font-size:10px; padding-block:4px; margin-top:3px; }
@media(hover:hover) and (min-width:701px) { .market-route-link { opacity:0; transition:opacity .18s; } tr:hover .market-route-link,tr:focus-within .market-route-link { opacity:1; } }
.landing .exchanges-section { padding-block:38px 46px; display:grid; grid-template-columns:1fr 1.6fr; gap:65px; align-items:center; border-bottom:1px solid var(--line); }
.landing .exchanges-section h2 { font-size:25px; letter-spacing:-.035em; margin-top:12px; }
.exchanges-section p:not(.eyebrow) { color:var(--muted); font-size:11px; line-height:1.8; margin-top:10px; max-width:320px; }
.exchange-wordmarks { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,1fr); gap:23px 36px; color:#4a5361; align-items:center; }
.exchange-wordmarks li { font-size:17px; font-weight:650; letter-spacing:-.035em; white-space:nowrap; }
.landing .section h2 { font-weight:500; }
.landing .section-heading { gap:0 80px; }
.landing .section h2>span { color:#7c8593; }
.landing .feature-columns { margin-top:56px; }
.landing .feature-columns article { padding-right:40px; }
.landing .feature-columns article+article { padding-left:40px; }
.landing .feature-columns h3 { font-size:22px; line-height:1.3; }
.landing .feature-columns p { font-size:14px; }
.feature-icon { transition:transform .3s ease; }
.feature-columns article:hover .feature-icon { transform:translateY(-4px); }
.landing .tour-section { background:#f5f7fa; border-block:1px solid #e8ebf0; }
.landing .tour-intro .section-lead { max-width:390px; }
.landing .product-tour { border:1px solid #dce2ec; box-shadow:0 16px 45px -30px #233c6930; border-radius:8px; }
.showcase-chrome { display:flex; align-items:center; justify-content:space-between; gap:20px; background:#fbfcfe; border-bottom:1px solid var(--line); padding:13px 25px; color:#788398; font-size:10px; }
.showcase-chrome>span:last-child { font-size:8px; letter-spacing:.1em; }
.window-dots { color:#c6cedb; letter-spacing:3px; font-size:8px; }
.landing .tour-tabs { grid-template-columns:repeat(4,1fr); padding-inline:28px; gap:22px; background:#fff; }
.landing .tour-tabs button { display:grid; grid-template-columns:22px 1fr; column-gap:8px; text-align:left; padding:23px 0; font-size:14px; line-height:1.5; }
.landing .tour-tabs button>span { grid-row:1/3; padding-top:2px; }
.tour-tabs small { display:block; grid-column:2; font-size:10px; font-weight:400; color:var(--muted); }
.landing .tour-panel { grid-template-columns:.8fr 1.2fr; min-height:565px; padding:46px; gap:55px; }
.landing .tour-panel[hidden] { display:none; }
.landing .tour-explanation h3 { font-size:34px; letter-spacing:-.045em; line-height:1.13; }
.landing .tour-explanation p { font-size:14px; max-width:350px; }
.landing .micro-label { font-size:9px; letter-spacing:.09em; }
.landing .demo-registry { border-radius:5px; box-shadow:none; }
.landing .demo-toolbar { padding:20px 22px; }
.landing .demo-toolbar>span:first-child { display:flex; gap:10px; align-items:center; }
.landing .demo-toolbar b { font-size:17px; }
.landing .demo-row { min-height:87px; }
.landing .demo-row-head { min-height:0; }
.landing .demo-row strong { font-size:15px; }
.landing .demo-row div:nth-child(2)>b { font-size:21px; }
.landing .registry-hint { font-size:10px; }
.landing .example-form { max-width:none; }
.landing .example-presets button { min-height:42px; }
.calculation-demo { border:1px solid var(--line); border-radius:5px; overflow:hidden; background:#fff; font-variant-numeric:tabular-nums; }
.calculation-demo .demo-toolbar>span:first-child { align-items:flex-start; flex-direction:column; gap:3px; }
.calculation-tag { font-size:8px; color:#667085; letter-spacing:.1em; }
.calculation-body { padding:23px; }
.calculation-total>span { color:var(--muted); font-size:11px; }
.calculation-total strong { display:block; font-size:37px; font-weight:500; color:#278064; letter-spacing:-.04em; line-height:1.3; margin-top:7px; }
.calculation-total strong small { font-size:14px; font-weight:400; color:var(--muted); letter-spacing:0; }
.calculation-total p { color:var(--muted); font-size:10px; margin-top:4px; }
.calculation-lines { margin:22px 0 16px; font-size:12px; }
.calculation-lines>div { display:flex; justify-content:space-between; gap:20px; padding-block:11px; border-top:1px solid #edf0f5; }
.calculation-lines dt { color:var(--muted); }
.calculation-lines dd { margin:0; white-space:nowrap; }
.calculation-assumptions summary { font-size:11px; color:#45628f; cursor:pointer; }
.calculation-assumptions p { font-size:11px; line-height:1.75; color:var(--muted); margin-top:12px; }
.calculation-caption { font-size:10px; line-height:1.7; color:var(--muted); margin-top:18px; padding-top:14px; border-top:1px solid var(--line); }
.landing .method-section { gap:90px; padding-block:105px; }
.landing .method-intro .text-link { font-size:12px; }
.landing .method-list h3 { font-size:20px; }
.landing .method-list p { font-size:14px; }
.telegram-section { background:#f4f7fb; border-block:1px solid #e7ecf3; }
.telegram-layout { display:grid; grid-template-columns:1.1fr 1fr; gap:100px; align-items:center; }
.telegram-layout .section-lead { margin-top:24px; max-width:460px; }
.telegram-layout .text-link { display:inline-flex; margin-top:27px; font-size:13px; }
.telegram-account-note { font-size:11px; color:var(--muted); max-width:370px; margin-top:17px; line-height:1.8; }
.telegram-message-demo { background:#fff; border:1px solid #dde5ef; border-radius:12px; padding:27px 30px 0; box-shadow:0 15px 40px -27px #344d7855; max-width:450px; width:100%; justify-self:end; }
.message-demo-header { display:flex; gap:12px; align-items:center; font-size:12px; }
.message-demo-icon { width:36px; height:36px; display:grid; place-items:center; background:var(--blue); color:#fff; border-radius:50%; font-size:22px; }
.message-demo-header div span { display:block; font-size:10px; color:var(--muted); margin-top:2px; }
.message-demo-header>span:last-child { margin-left:auto; color:var(--muted); font-size:10px; }
.telegram-message-demo h3 { font-size:20px; letter-spacing:-.025em; margin:27px 0 10px; }
.telegram-message-demo>p { font-size:13px; }
.telegram-message-demo>p span { color:var(--muted); margin-left:12px; font-size:11px; }
.message-demo-spread { display:flex; gap:25px; align-items:center; margin-block:20px 25px; }
.message-demo-spread strong { font-size:37px; font-weight:500; letter-spacing:-.04em; color:var(--blue); }
.message-demo-spread span { font-size:10px; line-height:1.8; color:var(--muted); }
.telegram-message-demo>a { display:flex; justify-content:space-between; margin-inline:-30px; padding:16px 30px; border-top:1px solid var(--line); color:#3f6096; font-size:12px; }
.landing .start-section { background:#fff; }
.landing .start-steps h3 { font-size:20px; }
.landing .start-steps p { font-size:14px; }
.landing .faq-section { border-top:1px solid var(--line); }
.landing .final-cta { background:var(--night); color:#f0f4fa; border:0; }
.landing .final-cta .section { padding-block:80px; }
.landing .final-cta h2 { font-size:clamp(35px,4vw,54px); color:#f0f4fa; }
.landing .final-cta h2 span { color:#a5b3c9; }
.landing .final-cta .eyebrow { color:#a5b3c9; }
.landing .final-actions { max-width:300px; }
.landing .final-actions .button { min-width:250px; }
.landing .final-actions p { color:#a5b3c9; font-size:10px; }
.final-market-link { display:block; margin-block:16px; font-size:12px; color:#d3def1; }
.landing .site-footer { padding-block:50px 25px; }
.landing .footer-top { align-items:flex-start; padding-bottom:40px; }
.landing .footer-links { display:grid; grid-template-columns:repeat(3,1fr); gap:70px; margin-top:0; }
.footer-links>div { display:flex; flex-direction:column; gap:9px; font-size:12px; }
.footer-links>div>span { font-size:8px; color:var(--muted); letter-spacing:.12em; margin-bottom:8px; }
.landing .footer-bottom { font-size:10px; }
@media(min-width:1600px) { .landing .hero-layout { min-height:720px; } }
@media(max-width:1200px) {
 .landing .site-header { gap:20px; } .landing .site-header nav { gap:18px; }
 .landing .hero-layout { gap:30px; min-height:610px; } .landing .hero h1 { font-size:59px; }
 .landing .hero-description { font-size:14px; } .landing .hero-actions { gap:15px; } .landing .hero-actions .button { padding-inline:17px; }
 .landing .hero-actions .demo-link { font-size:11px; } .landing .hero-actions .play-icon { display:none; }
 .landing .tour-panel { padding:35px; gap:35px; } .landing .tour-explanation h3 { font-size:29px; }
 .landing .feature-columns article { padding-right:28px; } .landing .feature-columns article+article { padding-left:28px; }
 .telegram-layout { gap:60px; } .landing .exchanges-section { gap:40px; }
 .terminal-chrome,.terminal-heading { padding-inline:18px; } .terminal-quotes { padding-inline:18px; } .terminal-quotes strong { font-size:18px; }
 .terminal-quotes small { font-size:7px; margin-left:4px; } .chart-scrubber { padding-inline:18px; gap:8px; }
}
@media(max-width:1000px) and (min-width:701px) {
 .landing .site-header nav a:nth-child(3) { display:none; } .landing .wordmark { font-size:15px; }
 .landing .hero-layout { gap:28px; grid-template-columns:.9fr 1.1fr; } .landing .hero h1 { font-size:49px; }
 .landing .hero-actions { flex-wrap:wrap; } .landing .hero-description { font-size:14px; } .terminal-quotes small { display:block; margin:0; }
 .terminal-quotes>div>span { font-size:10px; } .terminal-quotes strong { font-size:17px; }
 .chart-scrubber label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .landing .feature-columns h3 { font-size:19px; } .landing .feature-columns p { font-size:13px; }
 .landing .tour-tabs { padding-inline:20px; gap:14px; } .landing .tour-tabs button { font-size:12px; } .tour-tabs small { font-size:9px; }
 .landing .tour-panel { gap:25px; padding:28px; } .landing .tour-explanation h3 { font-size:25px; } .landing .tour-explanation p { font-size:12px; }
 .landing .method-section { gap:40px; } .telegram-layout { gap:35px; } .telegram-message-demo { padding-inline:20px; } .telegram-message-demo>a { margin-inline:-20px; padding-inline:20px; }
 .landing .footer-links { gap:35px; } .landing .exchanges-section { grid-template-columns:1fr 1.4fr; gap:25px; } .exchange-wordmarks { gap:20px; } .exchange-wordmarks li { font-size:14px; }
}
@media(max-width:700px) {
 .landing { --gutter:22px; } .landing .site-header { height:68px; min-height:68px; padding-block:0; flex-wrap:nowrap; gap:9px; }
 .landing .wordmark { font-size:12px; gap:7px; margin-right:auto; } .landing .brand-mark { width:24px; height:24px; } .wordmark-light { margin-left:3px; }
 .landing .nav-login { font-size:11px; border:0; padding:5px 0 5px 5px; min-width:0; max-width:86px; margin-left:0; gap:6px; }
 .landing .language-switch { padding:2px; font-size:10px; } .landing .language-switch a { min-width:26px; min-height:30px; padding:4px; }
 .landing .menu-toggle { display:block; order:4; flex-shrink:0; width:30px; padding-inline:5px; }
 .landing .site-header nav { display:none; position:absolute; left:0; right:0; top:100%; background:#fafbfc; margin:0; padding:12px var(--gutter) 20px; border-bottom:1px solid var(--line); }
 .landing .menu-open nav { display:grid; grid-template-columns:1fr 1fr; gap:8px 20px; }
 .landing .site-header nav a { padding:12px 0; font-size:13px; }
 .landing .hero-layout { display:block; padding-block:30px 25px; min-height:0; }
 .landing .hero h1 { font-size:clamp(41px,11vw,65px); line-height:1.02; margin:20px 0; letter-spacing:-.055em; }
 .landing .hero h1 br { display:block; } .landing .hero h1 br:after { content:none; }
 .landing .hero .eyebrow { font-size:8px; } .landing .hero-description { font-size:13px; line-height:1.7; max-width:420px; }
 .landing .hero-actions { margin-top:22px; gap:20px; flex-wrap:nowrap; }
 .landing .hero-actions .button { min-height:45px; font-size:12px; padding-inline:20px; gap:15px; }
 .landing .demo-link { font-size:11px; } .landing .access-note { margin-top:12px; font-size:10px; }
 .landing .terminal-hero { margin-top:27px; border-radius:8px; }
 .terminal-chrome { font-size:8px; padding:12px 17px; } .terminal-hero .demo-tag { font-size:7px; }
 .terminal-heading { padding:14px 17px 12px; } .terminal-heading strong { font-size:20px; } .terminal-heading small { font-size:7px; }
 .terminal-quotes { padding:0 17px 7px; gap:10px; } .terminal-quotes strong { font-size:17px; } .terminal-quotes>div>span { font-size:10px; }
 .terminal-quotes small { font-size:7px; display:block; margin:0; } .terminal-quotes .terminal-spread { padding-left:10px; }
 .price-chart { margin-inline:9px; width:calc(100% - 18px); } .terminal-axis { font-size:12px; } .target-label text { font-size:11px; }
 .chart-scrubber { padding:5px 17px 10px; gap:8px; } .chart-scrubber label { font-size:8px; } .chart-scrubber output { font-size:8px; width:107px; }
 .terminal-quotes .terminal-spread strong { font-size:22px; }
 .chart-tooltip { display:none; } .is-inspecting .chart-scrubber output { visibility:visible; }
 .chart-replay { font-size:9px; padding-right:0; }
 .landing .terminal-hero figcaption { padding:11px 17px; } .landing .terminal-hero figcaption strong { font-size:10px; } .landing .terminal-hero figcaption p { font-size:8px; }
 .landing .hero-bottom { padding-block:20px; font-size:7px; } .landing .hero-bottom a { font-size:9px; }
 .landing .section { padding-block:65px; } .landing .section h2 { font-size:36px; line-height:1.1; }
 .landing .market-section .section { padding-block:60px 40px; } .landing .market-section h2 { font-size:36px; }
 .landing .market-overview { margin-top:22px; padding-block:23px; } .landing .market-counts { gap:16px; } .landing .market-counts dd { font-size:31px; }
 .landing .market-notice { font-size:11px; min-height:75px; line-height:1.65; }
 .landing .market-table-wrap { min-height:0; }
 .landing .market-table tbody tr { height:auto; border:1px solid #e2e7ef; border-radius:6px; padding:19px 17px; margin-bottom:12px; gap:16px; }
 .landing .market-table tbody tr:hover { background:#fff; }
 .landing .market-table .market-main { font-size:12px; } .landing .market-table td:nth-child(3) .market-main { justify-content:flex-end; }
 .landing .market-table .market-detail { margin-left:0; margin-top:5px; } .landing .market-table tbody th strong { font-size:18px; }
 .landing .market-table .market-spread { font-size:25px; } .landing .market-table .market-caption { font-size:9px; }
 .market-route-link { grid-column:1/-1; font-size:11px; border-top:1px solid #edf0f4; padding-top:12px; margin-top:10px; }
 .landing .exchanges-section { display:block; padding-top:30px; padding-bottom:42px; } .landing .exchanges-section h2 { font-size:27px; }
 .exchange-wordmarks { margin-top:29px; gap:23px 20px; } .exchange-wordmarks li { font-size:14px; }
 .landing .feature-columns { margin-top:30px; } .landing .feature-columns article,.landing .feature-columns article+article { padding:25px 0; }
 .landing .feature-columns h3 { font-size:21px; } .landing .feature-columns p { font-size:13px; }
 .showcase-chrome { padding:12px 15px; gap:10px; font-size:9px; } .showcase-chrome>span:last-child { font-size:6px; } .window-dots { display:none; }
 .landing .tour-tabs { padding-inline:14px; gap:9px; } .landing .tour-tabs button { display:block; font-size:9px; padding:15px 0; white-space:nowrap; }
 .landing .tour-tabs button>span { display:block; font-size:8px; margin-bottom:4px; } .tour-tabs small { display:none; }
 .landing .tour-panel { display:flex; flex-direction:column; align-items:stretch; gap:26px; padding:24px 18px; min-height:620px; }
 .landing .tour-explanation h3 { font-size:26px; } .landing .tour-explanation p { font-size:12px; max-width:none; }
 .landing .demo-toolbar { padding:17px 13px; } .landing .demo-toolbar b { font-size:15px; } .landing .demo-toolbar small { font-size:8px; }
 .landing .demo-row { min-height:76px; } .landing .demo-row-head { min-height:0; } .landing .demo-row strong { font-size:13px; }
 .landing .demo-row div:nth-child(2)>b { font-size:18px; } .landing .registry-hint { font-size:9px; }
 .calculation-body { padding:18px; } .calculation-total strong { font-size:33px; } .calculation-lines { font-size:11px; }
 .landing .method-section { display:block; padding-block:65px; } .landing .method-list h3 { font-size:19px; } .landing .method-list p { font-size:13px; }
 .telegram-layout { display:flex; flex-direction:column; align-items:stretch; gap:38px; } .telegram-layout .section-lead { font-size:14px; }
 .telegram-message-demo { max-width:450px; align-self:center; padding:22px 22px 0; } .telegram-message-demo>a { margin-inline:-22px; padding-inline:22px; }
 .landing .start-steps h3 { font-size:19px; } .landing .start-steps p { font-size:13px; }
 .landing .final-cta .section { padding-block:60px; } .landing .final-cta h2 { font-size:35px; } .landing .final-actions { max-width:none; }
 .landing .final-actions .button { min-width:230px; } .landing .footer-top { display:block; }
 .landing .footer-links { margin-top:35px; gap:25px 18px; } .footer-links>div { font-size:10px; }
 .footer-links>div>span { font-size:7px; } .landing .site-footer { padding-top:35px; }
}
@media(prefers-reduced-motion:reduce) {
 .landing *, .landing *:before, .landing *:after { animation:none!important; transition:none!important; }
 .landing .reveal.is-pending { opacity:1; transform:none; }
 .landing .button:hover,.landing .feature-columns article:hover .feature-icon { transform:none; }
}
/* An explicit result breakdown: position notionals, gross, costs, net. */
.landing .calculation-demo { padding:24px; border-radius:6px; }
.calculation-head { display:flex; justify-content:space-between; align-items:center; gap:15px; }
.calculation-head .micro-label { color:var(--muted); font-size:8px; }
.calculation-head h4 { font-size:23px; letter-spacing:-.03em; margin-top:5px; font-weight:600; }
.calculation-head h4 span { color:#8a93a2; font-weight:400; }
.demo-notional { padding:0; border:0; margin:22px 0 20px; display:flex; justify-content:space-between; gap:20px; align-items:center; }
.demo-notional legend { float:left; font-size:11px; color:var(--muted); padding:7px 0; }
.demo-notional>div { display:flex; gap:4px; margin-left:auto; }
.demo-notional button { background:#f5f7fa; border:1px solid transparent; color:#657084; border-radius:4px; font-size:11px; padding:6px 11px; min-height:32px; }
.demo-notional button[aria-pressed=true] { background:#edf2ff; color:var(--blue); border-color:#b8ccff; }
.calculation-legs { display:grid; grid-template-columns:1fr 1fr; border-block:1px solid #e9edf3; padding-block:18px; gap:22px; }
.calculation-legs>div+div { border-left:1px solid #e9edf3; padding-left:22px; }
.calculation-legs>div>span { display:flex; align-items:center; gap:7px; font-size:10px; color:#5b677a; }
.calculation-legs b { display:inline-grid; place-items:center; font-size:8px; width:18px; height:18px; border-radius:3px; background:#edf2ff; color:#5273ad; }
.calculation-legs strong { display:block; margin:8px 0 4px; font-weight:500; font-size:22px; letter-spacing:-.025em; }
.calculation-legs small { color:#8c96a5; font-size:10px; letter-spacing:0; font-weight:400; }
.calculation-legs p { color:var(--muted); font-size:9px; white-space:nowrap; }
.calculation-waterfall { display:flex; height:6px; margin-top:24px; gap:3px; border-radius:2px; overflow:hidden; }
.calculation-waterfall span { flex:93; background:#659287; }.calculation-waterfall i { flex:7; background:#c49d80; }
.landing .calculation-lines { margin:12px 0; }
.landing .calculation-lines>div { border:0; padding-block:8px; }
.calculation-lines dt { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.calculation-lines dt>small { width:100%; margin-left:14px; font-size:9px; color:#8a93a2; }
.calculation-lines dd { font-size:13px; }
.calculation-lines dd small { color:#8a93a2; font-size:9px; }
.breakdown-dot { width:6px; height:6px; border-radius:50%; background:#b9c4d4; }
.breakdown-dot.gross { background:#659287; }.breakdown-dot.fees { background:#c49d80; }
.landing .calculation-total { display:flex; justify-content:space-between; align-items:center; gap:15px; padding-block:18px; border-block:1px solid #e9edf3; }
.calculation-total>div>span { font-size:12px; font-weight:500; }
.landing .calculation-total strong { font-size:32px; margin:0; white-space:nowrap; }
.calculation-total strong>span { color:inherit; font-size:inherit; }
.landing .calculation-total p { margin-top:3px; font-size:9px; }
.calculation-assumptions { margin-top:16px; }
.landing .calculation-caption { margin-top:12px; padding-top:0; border:0; font-size:9px; }
@media(max-width:1000px) { .landing .calculation-demo { padding:18px; } .calculation-legs { gap:12px; }.calculation-legs>div+div { padding-left:12px; } .calculation-legs p { font-size:8px; } .demo-notional { gap:10px; } .demo-notional button { padding-inline:8px; } .landing .calculation-total strong { font-size:27px; } }
@media(max-width:700px) { .landing .calculation-demo { padding:16px; } .demo-notional { display:block; } .demo-notional legend { float:none; padding:0; margin-bottom:8px; }.demo-notional>div { margin:0; }.demo-notional button { flex:1; min-height:36px; } .calculation-tag { font-size:7px; }.calculation-legs strong { font-size:20px; }.calculation-legs p { font-size:8px; } .calculation-legs>div>span { font-size:9px; gap:4px; }.calculation-lines dt { font-size:10px; }.landing .calculation-total strong { font-size:26px; }.calculation-total strong small { font-size:10px; }.calculation-total>div>span { font-size:11px; } }
/* Keep the first composition compact enough for ordinary laptop and phone screens. */
.landing .terminal-chrome { padding-block:12px; }
.landing .terminal-heading { padding-block:16px 12px; }
.landing .terminal-quotes { padding-bottom:4px; }
.landing .terminal-quotes strong { line-height:1.35; }
.landing .chart-scrubber { padding-block:5px 10px; }
.landing .terminal-hero figcaption { padding-block:10px; }
@media(max-width:700px) {
 .landing .hero-layout { padding-top:24px; } .landing .hero h1 { font-size:clamp(39px,10.6vw,62px); margin-block:14px 17px; }
 .landing .hero-actions { margin-top:17px; } .landing .terminal-hero { margin-top:21px; }
 .landing .terminal-chrome { padding-block:9px; } .landing .terminal-heading { padding-block:12px 9px; }
 .landing .terminal-hero figcaption { padding-block:8px; } .landing .terminal-axis { font-size:16px; }
 .landing .target-label text { font-size:13px; }
}
.landing .site-header { padding-inline:max(var(--gutter),calc((100% - 1512px)/2 + var(--gutter))); }
.chart-scrubber input { appearance:none; -webkit-appearance:none; background:transparent; height:20px; margin:0; }
.chart-scrubber input::-webkit-slider-runnable-track { height:2px; border-radius:1px; background:#46566f; }
.chart-scrubber input::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:10px; height:10px; border-radius:50%; background:#a5c0ff; margin-top:-4px; }
.chart-scrubber input::-moz-range-track { height:2px; border-radius:1px; background:#46566f; }
.chart-scrubber input::-moz-range-thumb { width:10px; height:10px; border:0; border-radius:50%; background:#a5c0ff; }
@media(min-width:701px) and (max-width:1000px) { .terminal-axis { font-size:16px; }.target-label text { font-size:13px; } }
/* Text contrast on light surfaces, including the former dark onboarding section. */
.landing .hero-bottom,.landing .footer-bottom,.landing .site-footer nav { color:var(--muted); }
.landing .wordmark-light { margin-left:0; }
.landing .start-section { color:var(--ink); }
.landing .start-section .eyebrow,.landing .start-steps p,.landing .start-bottom { color:var(--muted); }
.landing .start-steps li,.landing .start-bottom { border-color:var(--line); }
.landing .start-steps li>span { color:#5575aa; }
.landing .start-steps a,.landing .start-bottom .text-link { color:#315caa; }
.landing .feature-index,.landing .method-list article>span,.landing .micro-label,.landing .example-disclaimer,.landing .small-note,.landing .registry-hint { color:var(--muted); }
.landing .tour-tabs button>span,.landing .demo-row small,.landing .demo-row-head,.landing .demo-toolbar small,.landing .demo-row-muted { color:var(--muted); }
.landing .calculation-legs small,.landing .calculation-lines small { color:var(--muted); }

/* Product polish: one spacing and motion system, using the existing surface tokens. */
.landing { --section-space:clamp(72px,6.2vw,94px); --section-inner:48px; --motion-enter:600ms; --motion-fast:180ms; --ease-product:cubic-bezier(.2,.7,.2,1); }
.landing .section { padding-block:var(--section-space); }
.landing .market-section .section { padding-block:var(--section-space) 54px; }
.landing .method-section { padding-block:var(--section-space); }
.landing .section h2>span { color:#737e8e; }
.landing .section-lead,.landing .hero-description,.landing .feature-columns p { color:#616c7d; }
.landing .eyebrow { font-size:10px; }
.visually-hidden,.exchange-symbols { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.exchange-mark { width:25px; height:25px; fill:currentColor; flex-shrink:0; color:#626f81; }
.data-status { display:inline-flex; align-items:center; gap:6px; color:#647185; font-size:9px; font-weight:550; letter-spacing:.06em; white-space:nowrap; }
.data-status:before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; flex-shrink:0; }
.data-status[data-status=live] { color:#257251; }
.data-status[data-status=demo] { color:#8a652e; }
.data-status[data-status=stale],.data-status[data-status=offline] { color:#896029; }
.terminal-hero .data-status { color:#a5b2c7; font-weight:400; }
.landing .market-status { font-size:10px; min-height:18px; }
.landing .market-status:before { width:5px; height:5px; box-shadow:none; }
.landing .terminal-hero { box-shadow:0 28px 70px -33px #1023476b,0 2px 5px #11223712; }
.landing .terminal-hero.is-depth-ready { animation:none; transform:perspective(1400px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg)); transition:transform 250ms ease-out; }
.landing .market-table tbody tr { transition:background var(--motion-fast); cursor:pointer; }
.landing .market-table tbody tr:hover,.landing .market-table tbody tr:focus-within { background:#f5f8ff; }
.landing .market-table tbody tr[data-selected=true] { background:#eef3ff; box-shadow:inset 2px 0 var(--blue); }
.landing .market-table .market-main:before { content:none; }
.landing .market-table .market-main .exchange-mark { width:17px; height:17px; margin-right:3px; }
.landing .market-table .market-main { gap:7px; }
.market-main[data-side=long]:after,.market-main[data-side=short]:after { content:attr(data-side); text-transform:uppercase; font-size:7px; letter-spacing:.04em; color:#637486; margin-left:3px; }
.market-detail,.market-spread { transition:color 350ms; }
.market-route-link { min-height:28px; font-size:10px; }
.market-route-link:after { display:inline-block; content:'→'; margin-left:6px; transition:transform var(--motion-fast); }
.market-route-link:hover:after { transform:translateX(3px); }
.landing .exchanges-section { padding-block:42px 50px; gap:70px; }
.exchange-wordmarks { gap:0; }
.exchange-wordmarks li { display:flex; align-items:center; gap:13px; font-size:15px; min-height:78px; padding:15px 12px; border-bottom:1px solid #e9edf3; transition:background var(--motion-fast),color var(--motion-fast); }
.exchange-wordmarks li>span { min-width:0; }
.exchange-wordmarks li small { display:block; font-size:8px; font-weight:400; letter-spacing:0; color:#68768b; opacity:0; transform:translateY(3px); transition:opacity 220ms,transform 220ms; }
.exchange-wordmarks li:hover { color:#18243a; background:#f7f9fc; }
.exchange-wordmarks li:hover .exchange-mark { color:#243959; }
.exchange-wordmarks li:hover small { opacity:1; transform:none; }
.landing .feature-columns { margin-top:var(--section-inner); gap:0; }
.landing .feature-columns article { display:flex; flex-direction:column; padding-right:28px; }
.landing .feature-columns article+article { padding-left:28px; }
.landing .feature-columns h3 { font-size:21px; margin-block:23px 11px; }
.landing .feature-columns p { font-size:13px; line-height:1.8; }
.feature-index { margin-bottom:18px; color:#566780; }
.feature-visual { width:100%; height:210px; padding:17px 19px; background:#f5f7fb; border:1px solid #e8edf5; border-radius:5px; font-variant-numeric:tabular-nums; transition:border-color 250ms; }
.feature-columns article:hover .feature-visual { border-color:#b5c7ed; }
.mini-visual-head { display:flex; justify-content:space-between; gap:8px; align-items:center; font-size:9px; color:#5f6c80; }
.mini-visual-head .data-status { font-size:7px; }
.mini-quotes { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:20px; }
.mini-quotes>div>span { display:block; font-size:8px; color:#5f6d80; }
.mini-quotes strong { display:block; font-size:23px; font-weight:500; letter-spacing:-.035em; margin-top:3px; }
.mini-connector { color:#a0adc2; }
.feature-pair>svg { width:100%; height:39px; display:block; margin-top:5px; }
.feature-pair>svg path { fill:none; stroke-width:1.5; transition:transform 350ms; }
.mini-price-short { stroke:#477ce2; }.mini-price-long { stroke:#339d92; }
.feature-pair:hover .mini-price-short { transform:translateY(2px); }.feature-pair:hover .mini-price-long { transform:translateY(-2px); }
.mini-summary { display:flex; justify-content:space-between; align-items:center; font-size:9px; color:#5f6d80; }
.mini-summary strong { font-size:19px; color:var(--blue); font-weight:550; }
.feature-terms dl { margin:17px 0 0; }
.feature-terms dl>div { display:flex; justify-content:space-between; align-items:center; font-size:11px; border-bottom:1px solid #e1e7f1; padding:7px 0; }
.feature-terms dl>div:last-child { border:0; }.feature-terms dt { color:#5f6c80; }.feature-terms dd { margin:0; font-weight:550; }.feature-terms dd small { color:#6b778a; font-size:8px; font-weight:400; }
.feature-terms dl>div:first-child dd { color:var(--blue); }
.mini-target-track { position:relative; height:1px; background:#d6deeb; margin:24px 0 21px; }
.mini-target-track>span { position:absolute; inset:0 28% 0 0; background:#7298e7; }
.mini-target-track>span:after { content:''; position:absolute; right:0; top:-3px; width:7px; height:7px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 4px #255cf40c; }
.mini-target-track>i { position:absolute; right:15%; top:-5px; height:11px; border-right:1px dashed #788eae; }
.mini-watch-note { display:flex; align-items:center; gap:7px; font-size:9px; color:#5f6c80; }
.mini-watch-note svg { width:17px; height:17px; stroke:#507ac2; stroke-width:1.3; fill:none; transition:transform 250ms; }
.feature-watch:hover .mini-watch-note svg { transform:translateY(-2px); }
.feature-columns .text-link { align-self:flex-start; margin-top:auto; padding-top:19px; font-size:11px; }
/* Default is a fully readable sequence. JS enhances wide, tall viewports to sticky storytelling. */
.walkthrough { display:grid; grid-template-columns:.8fr 1.2fr; gap:65px 60px; position:relative; }
.walkthrough-story,.walkthrough .product-tour { display:contents; }
.walkthrough .tour-header-track { display:none; }
.walkthrough .showcase-chrome,.walkthrough .tour-tabs { display:none; }
.walkthrough-step { grid-column:1; align-self:center; min-width:0; scroll-margin-top:130px; }
.walkthrough .tour-panel { grid-column:2; display:block; min-height:0; padding:24px; border:1px solid #dce2ec; border-radius:8px; background:#fff; box-shadow:0 14px 35px -28px #233c6930; align-self:center; scroll-margin-top:95px; }
.walkthrough-step:nth-child(1),.walkthrough #tour-panel-1 { grid-row:1; }
.walkthrough-step:nth-child(2),.walkthrough #tour-panel-2 { grid-row:2; }
.walkthrough-step:nth-child(3),.walkthrough #tour-panel-3 { grid-row:3; }
.walkthrough-step:nth-child(4),.walkthrough #tour-panel-4 { grid-row:4; }
.story-step-label { border:0; background:none; padding:6px 0; display:flex; align-items:center; gap:12px; color:#5e6d83; font-size:10px; margin-bottom:18px; }
.story-step-label>span { display:grid; place-items:center; height:24px; width:24px; border:1px solid #d2dbea; border-radius:50%; color:#536c8d; font-size:9px; }
.walkthrough-step .micro-label { display:none; }
.walkthrough-step .tour-explanation h3 { font-size:31px; margin-top:0; }
.walkthrough-step .tour-explanation p { font-size:13px; max-width:310px; }
.walkthrough-step .text-link { font-size:11px; }
.walkthrough[data-layout=sticky] { align-items:start; gap:60px; }
.walkthrough[data-layout=sticky] .walkthrough-story { display:block; grid-column:1; grid-row:1; }
.walkthrough[data-layout=sticky] .product-tour { --tour-overflow:max(0px,calc(var(--tour-height,650px) - (100dvh - 112px))); display:block; position:sticky; top:min(96px,calc(100dvh - var(--tour-height,650px) - 16px)); grid-column:2; grid-row:1; overflow:visible; background:#fff; }
/* The header may travel only the height that a long preview exceeds the viewport.
   A short preview moves as one unit; both leave with the section at its boundary. */
.walkthrough[data-layout=sticky] .tour-header-track { display:block; position:relative; z-index:2; height:calc(var(--tour-header-height,114px) + var(--tour-overflow)); margin-bottom:calc(-1 * var(--tour-overflow)); }
.walkthrough[data-layout=sticky] .tour-shell-header { display:block; position:sticky; top:96px; z-index:2; border-radius:8px 8px 0 0; overflow:hidden; background:#fff; box-shadow:0 1px 0 #dce2ec; }
.walkthrough[data-layout=sticky] .showcase-chrome { display:flex; padding:11px 20px; }
.walkthrough[data-layout=sticky] .tour-tabs { display:grid; padding-inline:20px; gap:14px; }
.walkthrough[data-layout=sticky] .tour-tabs button { font-size:11px; padding:16px 0; column-gap:4px; grid-template-columns:18px 1fr; }
.walkthrough[data-layout=sticky] .tour-tabs small { font-size:8px; }
.walkthrough[data-layout=sticky] .tour-panel { min-height:515px; display:grid; grid-template-columns:minmax(0,1fr); align-items:center; border:0; border-radius:0; box-shadow:none; padding:23px; }
.walkthrough[data-layout=sticky] .walkthrough-step { min-height:345px; display:flex; flex-direction:column; justify-content:center; position:relative; padding-left:22px; border-left:1px solid #dbe2ed; color:#4d596d; }
.walkthrough[data-layout=sticky] .walkthrough-step[data-active=true] { border-color:var(--blue); color:var(--ink); }
.walkthrough[data-layout=sticky] .walkthrough-step[data-active=true] .story-step-label { color:var(--blue); }
.walkthrough[data-layout=sticky] .walkthrough-step[data-active=true] .story-step-label>span { border-color:#a9c0f4; color:var(--blue); background:#eaf0ff; }
.walkthrough[data-layout=sticky] .walkthrough-step:last-child { min-height:515px; justify-content:flex-start; padding-top:55px; }
.walkthrough .demo-row { min-height:96px; }.walkthrough .demo-row-head { min-height:0; }
.walkthrough .calculation-demo { padding:20px; width:100%; }.walkthrough .demo-registry { width:100%; }
.walkthrough .telegram-preview { max-width:none; padding:22px; }
.watch-plot { padding:14px 16px; margin:18px 0; border-radius:4px; background:#f3f6fb; font-variant-numeric:tabular-nums; }
.watch-plot>div { display:flex; justify-content:space-between; gap:8px; align-items:center; color:#5c6e86; font-size:9px; }
.watch-plot strong { font-weight:500; color:#345eaa; }
.watch-plot svg { display:block; width:100%; height:72px; margin-block:8px; overflow:visible; }
.watch-grid { fill:none; stroke:#dce4f0; stroke-width:1; }.watch-line { fill:none; stroke:#547fea; stroke-width:1.8; stroke-linejoin:round; }.watch-goal { fill:none; stroke:#8099be; stroke-dasharray:3 4; stroke-width:1; }
.walkthrough .example-form fieldset { margin-block:15px; }.walkthrough .example-next { margin-top:15px; }
.walkthrough .example-result { padding-top:14px; }
/* Read-only projection of the real profile; no inputs that suggest unsaved settings. */
.landing .method-section { align-items:center; column-gap:90px; row-gap:50px; }
.profile-preview { border:1px solid #dce3ed; border-radius:7px; background:#fff; box-shadow:0 18px 48px -34px #27446a40; padding:0 25px; font-variant-numeric:tabular-nums; }
.profile-preview-head { display:flex; align-items:center; justify-content:space-between; padding:17px 0; border-bottom:1px solid #e8edf4; }
.profile-preview-head>span:first-child { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:550; }
.profile-preview-head svg { width:18px; height:18px; fill:none; stroke:#5f7491; stroke-width:1.4; }
.profile-capital { padding-top:24px; }.profile-capital>span { display:block; font-size:11px; color:#647185; }.profile-capital strong { display:block; font-size:34px; font-weight:500; letter-spacing:-.035em; margin-top:5px; }.profile-capital small { font-size:12px; color:#67768c; font-weight:400; }
.profile-venues { margin-block:21px; font-size:11px; color:#627088; }.profile-venues>div { display:flex; gap:9px; margin-top:9px; flex-wrap:wrap; }.profile-venues>div>span { padding:4px 10px; background:#f1f5fc; border:1px solid #e3eaf5; color:#426498; border-radius:3px; font-size:10px; }
.profile-conditions { margin:0; }.profile-conditions>div { display:flex; justify-content:space-between; gap:20px; padding:13px 0; border-top:1px solid #e8edf4; font-size:12px; }.profile-conditions dt { color:#5f6e84; }.profile-conditions dt small { display:block; font-size:9px; color:#69778b; margin-top:2px; }.profile-conditions dd { margin:0; text-align:right; font-weight:500; }
.profile-preview-note { display:flex; gap:10px; align-items:flex-start; margin-inline:-25px; padding:17px 25px; background:#f6f8fc; border-radius:0 0 7px 7px; border-top:1px solid #e8edf4; }
.profile-preview-note>span { color:#6c89be; font-size:19px; line-height:1; }.profile-preview-note p { font-size:11px; color:#50617a; }.profile-preview-note small { display:block; color:#66758c; font-size:9px; margin-top:5px; }
.landing .method-list { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.landing .method-list article { padding:20px 0 0; border:0; border-top:1px solid #dfe5ef; position:relative; gap:15px; }
.method-list article:before { content:''; position:absolute; left:0; top:-1px; height:2px; width:25px; background:var(--blue); transform:scaleX(0); transform-origin:left; transition:transform 220ms; }
.method-list article:hover:before { transform:none; }
.landing .method-list h3 { font-size:16px; line-height:1.4; margin-bottom:9px; }.landing .method-list p { font-size:12px; line-height:1.8; }
.news-channel { display:flex; align-items:center; gap:13px; margin-top:28px; padding-top:22px; border-top:1px solid #dce3ee; max-width:375px; }
.news-channel-icon { width:32px; height:32px; display:grid; place-items:center; color:#567296; flex-shrink:0; }.news-channel svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.35; }
.news-channel strong { display:block; font-size:12px; font-weight:550; }.news-channel small { display:block; color:#63738a; font-size:10px; margin-top:3px; }.news-channel>span:last-child { margin-left:auto; color:#6a7d9b; transition:transform 220ms; }.news-channel:hover>span:last-child { transform:translate(2px,-2px); }
.telegram-message-demo { position:relative; border:1px solid #d5dfef; box-shadow:0 24px 65px -30px #28528b30; }
.message-demo-icon svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.3; }
.telegram-message-demo h3 { font-size:29px; margin:29px 0 14px; font-weight:550; }.telegram-message-demo h3>span { color:#7d8ba0; font-weight:400; }
.telegram-message-demo .message-event-title { font-size:16px; margin-bottom:10px; }.telegram-message-demo .message-event-route { font-size:12px; }.message-event-route span { font-size:8px!important; margin-inline:8px!important; }
.message-demo-spread { margin-block:22px 28px; }.message-demo-spread strong { font-size:47px; }.message-demo-spread span { font-size:11px; }
.telegram-event.is-revealed .message-demo-icon { animation:event-icon 500ms 120ms both var(--ease-product); }.telegram-event.is-revealed .message-demo-spread { animation:event-number 550ms 220ms both var(--ease-product); }
@keyframes event-icon { from{opacity:0;transform:translateY(5px) scale(.9)}to{opacity:1;transform:none} }
@keyframes event-number { from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none} }
.landing .start-section .section { padding-block:68px 60px; }
.landing .start-steps { margin:35px 0 25px; gap:35px; }
.landing .start-steps li { border-color:#d9e1ed; padding-top:15px; }
.start-marker { display:flex; justify-content:space-between; align-items:center; }.start-marker b { font-size:10px; font-weight:500; }.start-marker svg { width:21px; height:21px; fill:none; stroke:#6480a9; stroke-width:1.4; }
.landing .start-steps h3 { font-size:18px; margin:16px 0 10px; }.landing .start-steps p { font-size:12px; line-height:1.8; }.landing .start-bottom { padding-top:18px; }
.landing .faq-section { padding-block:65px 75px; }.faq-guide { margin-top:25px; font-size:12px; }
.landing .faq-list summary { padding-block:17px; font-size:13px; }.landing .faq-list details p { font-size:12px; line-height:1.85; }
.faq-content { overflow:hidden; }
.landing .final-cta .section { padding-block:72px; }.landing .site-footer { padding-block:38px 24px; }.landing .footer-top { padding-bottom:27px; }
.landing .reveal { transition:opacity var(--motion-enter) var(--ease-product),transform var(--motion-enter) var(--ease-product); transition-delay:var(--reveal-delay,0ms); }
.landing .reveal.is-pending { transform:translateY(20px); }.feature-columns .reveal:nth-child(2) { --reveal-delay:80ms; }.feature-columns .reveal:nth-child(3) { --reveal-delay:160ms; }
@media(max-width:1200px) {
 .landing .feature-columns article { padding-right:18px; }.landing .feature-columns article+article { padding-left:18px; }.feature-visual { padding-inline:14px; }.mini-quotes strong { font-size:21px; }
 .landing .method-section { column-gap:45px; }.walkthrough { column-gap:35px; }.exchange-wordmarks li { gap:8px; padding-inline:7px; font-size:13px; }.exchange-mark { width:22px; height:22px; }
}
@media(max-width:1000px) {
 .landing .section { --section-space:72px; }.landing .exchanges-section { gap:30px; }.exchange-wordmarks li { min-height:75px; }.exchange-wordmarks li small { font-size:7px; }
 .mini-visual-head { font-size:8px; }.mini-quotes>div>span { font-size:7px; }.mini-quotes strong { font-size:18px; }.mini-connector { display:none; }
 .feature-visual { height:202px; padding-inline:12px; }.feature-terms dl>div { font-size:10px; }.feature-index { font-size:8px; }.landing .feature-columns h3 { font-size:19px; }
 .walkthrough { grid-template-columns:.75fr 1.25fr; gap:55px 28px; }.walkthrough .tour-panel { padding:17px; }.walkthrough-step .tour-explanation h3 { font-size:26px; }.walkthrough-step .tour-explanation p { font-size:12px; }
 .walkthrough .calculation-demo { padding:16px; }.walkthrough .demo-row { min-height:83px; }.walkthrough .demo-row-head { min-height:0; }.watch-plot { padding:12px; }
 .landing .method-list { gap:20px; }.landing .method-list h3 { font-size:15px; }.landing .method-list article { gap:11px; }
}
@media(max-width:700px) {
 .landing { --section-space:76px; --section-inner:32px; }.landing .section { --section-space:76px; }.landing .eyebrow { font-size:9px; }
 .landing .hero-layout { padding-bottom:27px; }.landing .market-section .section { padding-block:70px 40px; }
 .landing .exchanges-section { display:block; padding-block:32px 42px; }.exchange-wordmarks { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:23px; gap:0 18px; }.exchange-wordmarks li { min-height:72px; font-size:14px; padding-inline:0; }.exchange-wordmarks li small { font-size:8px; opacity:1; transform:none; }.exchange-mark { width:22px; height:22px; }
 .landing .feature-columns article,.landing .feature-columns article+article { display:flex; padding:0; border:0; margin-bottom:35px; }.landing .feature-columns article:last-child { margin-bottom:0; }
 .feature-index { font-size:9px; margin-bottom:14px; }.feature-visual { height:211px; padding:17px 22px; }.mini-visual-head { font-size:10px; }.mini-quotes>div>span { font-size:9px; }.mini-quotes strong { font-size:25px; }.mini-connector { display:block; }.feature-terms dl>div { font-size:12px; }.mini-watch-note { font-size:10px; }
 .landing .feature-columns h3 { margin-block:18px 9px; font-size:22px; }.landing .feature-columns p { font-size:13px; }.feature-columns .text-link { padding-top:13px; font-size:12px; }
 .walkthrough { grid-template-columns:minmax(0,1fr); row-gap:20px; }.walkthrough-step { grid-column:1; margin-top:30px; }.walkthrough-step:first-child { margin-top:0; }.walkthrough .tour-panel { grid-column:1; padding:15px; margin-bottom:10px; }
 .walkthrough-step:nth-child(1) { grid-row:1; }.walkthrough #tour-panel-1 { grid-row:2; }.walkthrough-step:nth-child(2) { grid-row:3; }.walkthrough #tour-panel-2 { grid-row:4; }.walkthrough-step:nth-child(3) { grid-row:5; }.walkthrough #tour-panel-3 { grid-row:6; }.walkthrough-step:nth-child(4) { grid-row:7; }.walkthrough #tour-panel-4 { grid-row:8; }
 .story-step-label { margin-bottom:12px; font-size:10px; }.walkthrough-step .tour-explanation h3 { font-size:26px; margin-bottom:14px; }.walkthrough-step .tour-explanation p { max-width:none; font-size:13px; }.walkthrough-step .tour-explanation p+p { display:none; }
 .walkthrough .demo-row { min-height:78px; }.walkthrough .demo-row-head { min-height:0; }.walkthrough .calculation-demo { border:0; padding:0; }.walkthrough .telegram-preview { padding:12px; }.walkthrough .example-presets { gap:5px; }.walkthrough .example-presets button { min-width:0; width:auto; }.watch-plot>div { font-size:8px; }.walkthrough .form-title { padding-bottom:14px; }
 .landing .method-section { display:block; }.profile-preview { margin-top:30px; padding-inline:19px; }.profile-preview-note { margin-inline:-19px; padding-inline:19px; }.profile-conditions>div { font-size:11px; }
 .landing .method-list { display:block; margin-top:28px; }.landing .method-list article { display:flex; padding-block:20px; border-top:1px solid #dfe5ef; }.landing .method-list h3 { font-size:17px; }.landing .method-list p { font-size:12px; }
 .news-channel { margin-top:24px; padding-top:19px; max-width:none; }.news-channel strong { font-size:13px; }.news-channel small { font-size:11px; }
 .telegram-message-demo { margin-top:34px; }.telegram-message-demo h3 { font-size:27px; }.telegram-message-demo .message-event-title { font-size:14px; }.message-demo-spread strong { font-size:41px; }.message-demo-spread { gap:17px; }.message-demo-spread span { font-size:10px; }
 .landing .start-section .section { padding-block:66px 50px; }.landing .start-steps { margin-top:27px; }.landing .start-steps li { display:grid; grid-template-columns:30px 1fr; gap:0 16px; padding-block:18px; }.start-marker { display:flex; flex-direction:column; justify-content:flex-start; gap:14px; }.landing .start-steps h3 { margin-top:0; }.landing .start-steps p { font-size:12px; }
 .landing .faq-section { padding-block:62px; }.faq-guide { margin-top:20px; }.landing .faq-list { margin-top:27px; }.landing .faq-list summary { font-size:13px; }
 .landing .final-cta .section { padding-block:58px; }.landing .footer-links { gap:24px; }.landing .footer-links>div { font-size:11px; }.landing .site-footer { padding-block:31px 23px; }.landing .footer-top { padding-bottom:23px; }
 .market-main[data-side]:after { display:none; }.market-route-link { opacity:1; }
}
@media(hover:none) { .exchange-wordmarks li small { opacity:1; transform:none; } }
@media(prefers-reduced-motion:reduce) {
 .landing .terminal-hero.is-depth-ready { transform:none; }
 .landing .reveal.is-pending { opacity:1; transform:none; }
 .telegram-event .message-demo-icon,.telegram-event .message-demo-spread { animation:none!important; }
}

/* Inline monochrome venue geometry is shared with the exchange grid; no remote icon loads. */
.landing .market-table .market-main:before { content:""; width:17px; height:17px; flex-shrink:0; border:0; border-radius:0; background:currentColor; mask-size:contain; mask-position:center; mask-repeat:no-repeat; }
.market-main[data-venue="binanceusdm"]:before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16.624%2013.9202l2.7175%202.7154-7.353%207.353-7.353-7.352%202.7175-2.7164%204.6355%204.6595%204.6356-4.6595zm4.6366-4.6366L24%2012l-2.7154%202.7164L18.5682%2012l2.6924-2.7164zm-9.272.001l2.7163%202.6914-2.7164%202.7174v-.001L9.2721%2012l2.7164-2.7154zm-9.2722-.001L5.4088%2012l-2.6914%202.6924L0%2012l2.7164-2.7164zM11.9885.0115l7.353%207.329-2.7174%202.7154-4.6356-4.6356-4.6355%204.6595-2.7174-2.7154%207.353-7.353z%22%2F%3E%3C%2Fsvg%3E"); }
.market-main[data-venue="okx"]:before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M%207.15%208.685%20C%207.18%208.705%207.2%208.745%207.2%208.785%20L%207.2%2015.225%20C%207.2%2015.265%207.18%2015.305%207.15%2015.325%20C%207.121%2015.355%207.082%2015.372%207.04%2015.375%20L%200.16%2015.375%20C%200.118%2015.372%200.079%2015.355%200.05%2015.325%20C%200.02%2015.3%200.002%2015.264%200%2015.225%20L%200%208.785%20C%200%208.745%200.02%208.705%200.05%208.685%20C%200.079%208.655%200.118%208.638%200.16%208.635%20L%207.04%208.635%20C%207.08%208.635%207.12%208.655%207.15%208.685%20Z%20M%204.8%2011.035%20C%204.798%2010.996%204.78%2010.96%204.75%2010.935%20C%204.721%2010.905%204.682%2010.887%204.64%2010.885%20L%202.56%2010.885%20C%202.52%2010.885%202.481%2010.899%202.45%2010.925%20C%202.42%2010.95%202.402%2010.986%202.4%2011.025%20L%202.4%2012.975%20C%202.4%2013.015%202.42%2013.055%202.45%2013.075%20C%202.48%2013.115%202.52%2013.125%202.56%2013.125%20L%204.64%2013.125%20C%204.68%2013.125%204.72%2013.115%204.75%2013.085%20C%204.78%2013.06%204.798%2013.024%204.8%2012.985%20L%204.8%2011.035%20Z%20M%2021.6%2011.035%20L%2021.6%2012.975%20C%2021.6%2013.065%2021.53%2013.125%2021.44%2013.125%20L%2019.36%2013.125%20C%2019.27%2013.125%2019.2%2013.065%2019.2%2012.975%20L%2019.2%2011.035%20C%2019.2%2010.955%2019.27%2010.885%2019.36%2010.885%20L%2021.44%2010.885%20C%2021.53%2010.885%2021.6%2010.945%2021.6%2011.035%20Z%20M%2019.2%208.785%20L%2019.2%2010.735%20C%2019.2%2010.815%2019.13%2010.885%2019.04%2010.885%20L%2016.96%2010.885%20C%2016.87%2010.885%2016.8%2010.815%2016.8%2010.735%20L%2016.8%208.785%20C%2016.8%208.705%2016.87%208.635%2016.96%208.635%20L%2019.04%208.635%20C%2019.13%208.635%2019.2%208.705%2019.2%208.785%20Z%20M%2024%208.785%20L%2024%2010.735%20C%2024%2010.815%2023.93%2010.885%2023.84%2010.885%20L%2021.76%2010.885%20C%2021.67%2010.885%2021.6%2010.815%2021.6%2010.735%20L%2021.6%208.785%20C%2021.6%208.705%2021.67%208.635%2021.76%208.635%20L%2023.84%208.635%20C%2023.93%208.635%2024%208.705%2024%208.785%20Z%20M%2019.2%2013.285%20L%2019.2%2015.225%20C%2019.2%2015.305%2019.13%2015.375%2019.04%2015.375%20L%2016.96%2015.375%20C%2016.87%2015.375%2016.8%2015.305%2016.8%2015.225%20L%2016.8%2013.275%20C%2016.8%2013.195%2016.87%2013.125%2016.96%2013.125%20L%2019.04%2013.125%20C%2019.13%2013.125%2019.2%2013.195%2019.2%2013.275%20L%2019.2%2013.285%20Z%20M%2024%2013.285%20L%2024%2015.225%20C%2024%2015.305%2023.93%2015.375%2023.84%2015.375%20L%2021.76%2015.375%20C%2021.67%2015.375%2021.6%2015.305%2021.6%2015.225%20L%2021.6%2013.275%20C%2021.6%2013.195%2021.67%2013.125%2021.76%2013.125%20L%2023.84%2013.125%20C%2023.93%2013.125%2024%2013.195%2024%2013.275%20L%2024%2013.285%20Z%20M%2015.6%208.785%20L%2015.6%2010.735%20C%2015.6%2010.815%2015.53%2010.885%2015.44%2010.885%20L%2013.36%2010.885%20C%2013.27%2010.885%2013.2%2010.815%2013.2%2010.735%20L%2013.2%208.785%20C%2013.2%208.705%2013.27%208.635%2013.36%208.635%20L%2015.44%208.635%20C%2015.53%208.635%2015.6%208.705%2015.6%208.785%20Z%20M%2015.6%2013.285%20L%2015.6%2015.225%20C%2015.6%2015.305%2015.53%2015.375%2015.44%2015.375%20L%2013.36%2015.375%20C%2013.27%2015.375%2013.2%2015.305%2013.2%2015.225%20L%2013.2%2013.275%20C%2013.2%2013.195%2013.27%2013.125%2013.36%2013.125%20L%2015.44%2013.125%20C%2015.53%2013.125%2015.6%2013.195%2015.6%2013.275%20L%2015.6%2013.285%20Z%20M%2013.2%2012.985%20C%2013.195%2013.069%2013.125%2013.135%2013.04%2013.135%20L%2010.8%2013.135%20L%2010.8%2015.215%20C%2010.8%2015.255%2010.78%2015.295%2010.75%2015.325%20C%2010.719%2015.351%2010.68%2015.365%2010.64%2015.365%20L%208.56%2015.365%20C%208.516%2015.368%208.473%2015.353%208.44%2015.325%20C%208.414%2015.298%208.399%2015.262%208.4%2015.225%20L%208.4%208.775%20C%208.4%208.735%208.41%208.695%208.44%208.675%20C%208.472%208.643%208.515%208.625%208.56%208.625%20L%2010.64%208.625%20C%2010.68%208.625%2010.72%208.645%2010.75%208.675%20C%2010.78%208.695%2010.8%208.735%2010.8%208.775%20L%2010.8%2010.875%20L%2013.04%2010.875%20C%2013.08%2010.875%2013.12%2010.885%2013.15%2010.915%20C%2013.18%2010.945%2013.2%2010.985%2013.2%2011.015%20L%2013.2%2012.965%20L%2013.2%2012.985%20Z%22%2F%3E%3C%2Fsvg%3E"); }
.market-main[data-venue="kucoinfutures"]:before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m7.928%2011.996%207.122%207.122%204.49-4.49a2.004%202.004%200%200%201%202.865%200%202.004%202.004%200%200%201%200%202.865l-5.918%205.918a2.058%202.058%200%200%201-2.883%200l-8.541-8.542v5.07a2.034%202.034%200%201%201-4.07%200V4.043a2.034%202.034%200%201%201%204.07%200v5.088L13.604.589a2.058%202.058%200%200%201%202.883%200l5.918%205.918c.785.803.785%202.088%200%202.865-.804.785-2.089.785-2.865%200l-4.49-4.49zM15.05%209.96a2.038%202.038%200%200%200-2.053%202.035c0%201.133.902%202.052%202.035%202.052a2.038%202.038%200%200%200%202.053-2.035v-.018a2.07%202.07%200%200%200-2.035-2.034z%22%2F%3E%3C%2Fsvg%3E"); }
.market-main[data-venue="bybit"]:before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%204h5a4%204%200%200%201%203%207%204%204%200%200%201-3%208H3V4Zm3%203v3h2a1.5%201.5%200%200%200%200-3H6Zm0%206v3h2a1.5%201.5%200%200%200%200-3H6ZM13%204h3l2.5%206L21%204h3l-4%209v6h-3v-6l-4-9Z%22%2F%3E%3C%2Fsvg%3E"); }
.market-main[data-venue="mexc"]:before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M1%2018%207%207a3%203%200%200%201%205%200l2%204-4%207H1Zm11%200%205-9a2%202%200%200%201%203%200l4%209H12Z%22%2F%3E%3C%2Fsvg%3E"); }
.market-main[data-venue="gate"]:before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202a10%2010%200%201%200%2010%2010h-5a5%205%200%201%201-5-5V2Zm2%200h8v8h-8V2Z%22%2F%3E%3C%2Fsvg%3E"); }
.market-main[data-venue="bitget"]:before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M2%205h12L9%200h6l9%209H10l5%205H9L0%205h2Zm20%2014H10l5%205H9l-9-9h14l-5-5h6l9%209h-2Z%22%2F%3E%3C%2Fsvg%3E"); }
.market-main[data-venue="bingx"]:before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m1%202%2010%207v6L1%2022v-6l6-4-6-4V2Zm22%200v6l-6%204%206%204v6l-10-7V9l10-7Z%22%2F%3E%3C%2Fsvg%3E"); }
.market-main[data-venue="htx"]:before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13%201c1%205-6%208-6%2013%200%204%202%207%206%209-7-1-11-5-9-11%201-3%206-7%209-11Zm3%207c6%205%207%2012%200%2015%203-5-4-7%200-15Z%22%2F%3E%3C%2Fsvg%3E"); }
.landing .market-main[data-venue=""]:before { content:attr(data-mark); background:transparent; font-size:9px; }
.market-spread[data-tick=a] { animation:quote-update-a 360ms ease-out; }
.market-spread[data-tick=b] { animation:quote-update-b 360ms ease-out; }
@keyframes quote-update-a { from{opacity:.8}to{opacity:1} }
@keyframes quote-update-b { from{opacity:.8}to{opacity:1} }
.watch-plot[data-valid=false] .watch-line,.watch-plot[data-valid=false] .watch-goal { visibility:hidden; }

/* Scanner entry and Telegram are distinct actions in every auth state. */
.landing .nav-telegram { display:inline-flex; align-items:center; gap:7px; min-height:40px; padding:8px 17px; border:1px solid #c7d0de; border-radius:5px; white-space:nowrap; font-size:12px; transition:border-color 180ms,color 180ms; }
.landing .nav-telegram:hover { color:var(--blue); border-color:var(--blue); }
.landing .scanner-entry { display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; gap:11px; min-height:40px; max-width:none; padding:8px 17px; border:1px solid var(--blue); background:var(--blue); color:#fff; }
.landing .scanner-entry:hover { background:#204de5; border-color:#204de5; color:#fff; }
.entry-short,.landing .site-header nav .mobile-telegram { display:none; }
@media(max-width:1100px) { .landing .nav-telegram { display:none; } }
@media(max-width:700px) {
 .landing .scanner-entry { padding:7px 10px; font-size:10px; gap:6px; min-height:34px; }
 .scanner-entry .entry-label { display:none; }.scanner-entry .entry-short { display:inline; }
 .landing .site-header nav .mobile-telegram { display:block; }
}

.analytics-privacy-link{display:block;text-align:center;padding:18px;color:#69758b;font-size:12px;text-decoration:none}