:root{color-scheme:dark;--bg:#08090b;--panel:#101114;--raised:#191b20;--text:#f5f5f7;--muted:#a2a4ad;--subtle:#7f828d;--line:#24262d;--blue:#9baeff;--radius:14px;--ease:cubic-bezier(.2,.7,.2,1);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.6;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0}body:has(dialog[open]){overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:not-allowed}button,a,input,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #a6b6ff;outline-offset:5px}button:active,.button:active{transform:translateY(1px)}button,a{transition:background .18s,color .18s,border-color .18s,transform .18s,opacity .18s}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'OptionMesh Brand',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:500;letter-spacing:-.035em;line-height:1.13}h2{font-size:clamp(32px,4vw,52px)}h3{font-size:23px}p{color:var(--muted)}[hidden]{display:none!important}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:16px;left:24px;z-index:5;padding:12px 20px;background:var(--text);color:var(--bg);border-radius:8px;transform:translateY(-180%)}.skip-link:focus{transform:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;padding:10px 22px;background:#f0f0f1;color:#17181b;border:1px solid #fbfbfc;border-radius:8px;font-size:14px;font-weight:600;line-height:1.45;white-space:nowrap;box-shadow:0 0 0 3px #ffffff09,0 3px 12px #0002}.button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 0 0 3px #ffffff12,0 3px 16px #0003}.button span{font-size:19px;line-height:1}.button-small{min-height:36px;padding:7px 13px;gap:12px;font-size:13px}.button-outline{background:#ffffff05;border-color:#3d404b;color:var(--text);box-shadow:inset 0 1px #ffffff05}.button-outline:hover{background:#ffffff0d;border-color:#686c79}.text-link{display:inline-flex;align-items:center;gap:12px;color:#e3e4e9;font-size:14px;font-weight:500;background:none;padding:0}.text-link span{font-size:19px;transition:transform .18s}.text-link:hover{color:var(--blue)}.text-link:hover span{transform:translateX(4px)}.eyebrow{display:block;margin-bottom:20px;font-size:11px;font-weight:600;letter-spacing:.2em;color:#b1b9df}.platform-note{display:block;font-size:12px;color:#c6c6d0;margin-top:17px}.section-heading{margin-bottom:48px}.section-heading p{margin-top:18px;font-size:19px;line-height:1.5;max-width:610px}.section-heading.center{text-align:center}.section-heading.center p{margin-inline:auto}.capture-note{font-size:11px;line-height:1.7;color:#9699a5;margin-top:18px}.center{text-align:center}
/* Layers: sticky navigation 3, search shortcut 2; native dialogs use the top layer. */
.navbar{position:fixed;z-index:3;left:24px;right:24px;top:16px;height:72px;display:flex;align-items:center;gap:24px;padding:0 26px;border:1px solid #ffffff12;border-radius:16px;background:#101113d9;backdrop-filter:blur(22px);box-shadow:inset 0 1px 1px #ffffff16,0 8px 30px #0002}.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}.brand-emblem{width:25px;height:29px;object-fit:contain}.brand-wordmark{width:131px;height:auto}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:28px;flex:1}.desktop-nav a,.nav-signin{font-size:13px;font-weight:500;color:#a6a7af;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a[aria-current],.nav-signin:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:24px}.nav-signin{background:none;padding:8px 0}.menu-toggle{display:none;background:none;width:34px;height:40px;padding:8px}.menu-toggle span{display:block;height:1px;width:20px;background:#ddd;margin:6px auto;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{position:absolute;left:-1px;right:-1px;top:calc(100% + 8px);background:#111217fa;border:1px solid #30323b;border-radius:14px;padding:14px;box-shadow:0 16px 48px #0007}.mobile-nav a,.mobile-nav button{display:block;text-align:left;width:100%;padding:13px 16px;font-size:15px;background:none;border-radius:7px}.mobile-nav a:hover,.mobile-nav button:hover{background:#ffffff0a}.command-trigger{position:fixed;z-index:2;bottom:22px;right:24px;display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid #ffffff1e;border-radius:9px;background:#14151bdf;backdrop-filter:blur(12px);box-shadow:0 4px 20px #0005;color:#b3b6c3;font-size:11px}.command-trigger:hover{background:#252733;color:#fff}kbd{font-family:inherit;font-size:10px;border:1px solid #3b3e48;border-radius:4px;padding:1px 5px;color:#bec0cd}
.hero{min-height:960px;min-height:max(860px,100svh);position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;padding:180px 24px 90px}.hero-art{position:absolute;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;inset:0}.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#08090b15 0%,#08090b08 24%,#08090b22 55%,#08090b4d 78%,var(--bg) 100%),linear-gradient(90deg,#08090b30,#08090b00 40%,#08090b10)}.hero-content{padding-top:86px;text-shadow:0 3px 18px #0006}.hero h1{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:600;letter-spacing:-.045em;font-size:clamp(52px,5.6vw,76px);line-height:1.02}.hero p{font-size:18px;line-height:1.45;color:#e9e9f0;margin:34px auto 28px;max-width:520px;text-shadow:0 2px 12px #0009}.hero .button{text-shadow:none;min-height:45px}.hero .platform-note{font-size:11px;letter-spacing:.02em;color:#c3c3d2}.hero-pill{display:inline-flex;align-items:center;gap:15px;padding:6px 14px;border:1px solid #9aabf33a;box-shadow:0 0 0 3px #777fff08,inset 0 1px #ffffff08;border-radius:30px;background:#08090b88;font-size:12px;margin-top:36px}.hero-pill:hover{border-color:#b0bfff70;background:#161a35}.hero-pill span{font-size:18px}
.showcase{padding-top:98px;padding-bottom:120px}.showcase .section-heading h2{font-size:clamp(28px,3.1vw,40px)}.showcase .section-heading p{font-size:19px;color:#8f919c;margin-top:8px}.product-stage{border:1px solid #363943;border-radius:16px;background:#0f1015;overflow:hidden;padding:10px 10px 0;box-shadow:inset 0 1px #ffffff16,0 24px 80px #0005}.stage-heading{display:flex;align-items:center;justify-content:space-between;padding:9px 11px 16px;font-size:9px;letter-spacing:.12em;color:#8f92a1}.stage-heading span:first-child{display:flex;align-items:center;gap:8px}.showcase-panels{border:1px solid #ffffff10;border-radius:8px;overflow:hidden;background:#050506}.capture-button{display:block;position:relative;width:100%;padding:0;background:#050506;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-align:initial}.capture-button>img{width:100%;height:auto}.capture-button:hover{border-color:#7883b4}.showcase-panels .capture-button{border:0;border-radius:0}.enlarge{position:absolute;bottom:13px;right:13px;display:grid;place-items:center;width:32px;height:32px;background:#171a25e6;border:1px solid #ffffff26;border-radius:7px;color:#e4e5f0;font-size:20px;opacity:0;transform:translateY(3px);transition:opacity .18s,transform .18s}.capture-button:hover .enlarge,.capture-button:focus-visible .enlarge{opacity:1;transform:none}.showcase-tabs{display:flex;justify-content:center;gap:12px;padding:24px 14px}.showcase-tabs button{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:118px;padding:12px 16px 10px;background:transparent;border:1px solid transparent;border-radius:10px;color:#9699a6;font-size:11px}.showcase-tabs img{width:28px;height:28px;opacity:.65}.showcase-tabs button:hover{background:#ffffff05;color:#f5f5f7}.showcase-tabs button[aria-selected=true]{background:#ffffff07;box-shadow:inset 0 1px 2px #ffffff08;border-color:#ffffff10;color:#e8e9f0}.showcase-tabs button[aria-selected=true] img{opacity:1}.showcase>.capture-note{text-align:center}
.perspective{padding-block:100px 120px}.perspective .section-heading h2{font-size:clamp(38px,4.2vw,56px)}.perspective-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:auto auto;gap:14px}.perspective-grid article{padding:34px;background:linear-gradient(145deg,#15171d,#101114 70%);border:1px solid #262831;border-radius:var(--radius);min-height:210px;box-shadow:inset 0 1px #ffffff05}.perspective-grid .perspective-main{grid-row:span 2;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 15% 15%,#1a225c50,transparent 70%),#101114}.perspective-grid article:last-child{grid-column:2/4;display:grid;grid-template-columns:auto 1fr;column-gap:24px;align-content:center;min-height:160px}.perspective-grid article:last-child .keycap{grid-row:span 2;margin:0}.perspective-grid article:last-child p{max-width:100%}.perspective-grid h3{font-size:21px;letter-spacing:-.02em;margin-bottom:10px}.perspective-grid p{font-size:14px;line-height:1.6;max-width:280px}.perspective-grid .text-link{margin-top:24px}.keycap{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;border:1px solid #383b46;background:linear-gradient(145deg,#242731,#16171e);box-shadow:inset 0 1px #ffffff12,0 3px #07080a;margin-bottom:27px}.keycap img{width:26px;height:26px}
.tools-section{padding-block:115px}.tool-filters{display:flex;justify-content:center;gap:6px;margin-bottom:32px;flex-wrap:wrap}.tool-filters button{font-size:13px;padding:7px 18px;border:1px solid transparent;border-radius:7px;color:#9295a2;background:none}.tool-filters button:hover{color:#fff;background:#ffffff04}.tool-filters button[aria-pressed=true]{color:#eceef6;border-color:#383d4c;background:#1a1d29;box-shadow:inset 0 1px #ffffff09}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-card{display:flex;gap:17px;text-align:left;min-height:126px;padding:22px 20px;background:#101114;border:1px solid #202229;border-radius:12px;position:relative}.tool-card:hover{border-color:#515b83;background:#151821;transform:translateY(-2px)}.tool-card>img{flex-shrink:0;width:30px;height:30px;margin-top:4px}.tool-card>.tool-copy>strong{font-size:13px;font-weight:600;display:block;color:#e5e6ed;margin-bottom:7px;line-height:1.5}.tool-card>.tool-copy>small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.6;color:#9a9da9;padding-right:4px}.tool-arrow{position:absolute;right:15px;top:14px;opacity:0;color:#bac8ff}.tool-card:hover .tool-arrow{opacity:1}.tools-section>.text-link,.more-tools{display:flex;width:max-content;margin:32px auto 0}.tool-browser>.text-link{font-size:13px}.tool-empty{text-align:center}.exposure-section{padding-block:110px}.exposure-stage{display:grid;grid-template-columns:1.8fr 1fr;gap:0;align-items:center;background:radial-gradient(ellipse at 20% 15%,#17205066,transparent 60%),#101114;border:1px solid #2b2d37;border-radius:16px;padding:40px 0 40px 36px;overflow:hidden}.exposure-stage .capture-button{border-radius:10px;border-color:#414557;transform:perspective(1800px) rotateY(5deg);box-shadow:0 16px 42px #0004}.exposure-copy{padding:32px}.exposure-copy h3{font-size:29px}.exposure-copy p{font-size:14px;line-height:1.7;margin:18px 0 25px}.exposure-section>.capture-note{text-align:center}.sources-section{text-align:center;padding-block:110px 125px}.venue-logos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:40px 48px;margin-block:65px 35px}.venue-logos img{object-fit:contain;width:128px;max-height:32px;filter:grayscale(1);opacity:.68}.venue-logos img[alt=Bybit]{max-height:38px}.venue-logos img[alt=Aevo]{max-width:86px}.venue-logos img[alt=OKX]{max-width:87px}.source-disclosure{font-size:11px;max-width:580px;margin:0 auto 25px}.academy-section{display:grid;grid-template-columns:1fr 1.45fr;gap:65px;align-items:center;padding-block:110px}.academy-copy h2{font-size:clamp(38px,4vw,54px)}.academy-copy>p{margin:24px 0;font-size:16px;max-width:320px;line-height:1.7}.academy-visual{padding:30px 24px 20px;background:radial-gradient(ellipse at 75% 10%,#2630a055,transparent 75%),#11121a;border:1px solid #2e3143;border-radius:15px}.academy-visual .capture-button{box-shadow:0 15px 40px #0005}.academy-visual .capture-note{font-size:10px}.workflow-section{text-align:center;padding-block:125px}.workflow-links{max-width:890px;margin:0 auto 36px;line-height:1.65}.workflow-word{display:inline;background:none;padding:0 4px;color:#7c7f8a;font-family:Futura,sans-serif;font-size:clamp(30px,3.7vw,48px);font-weight:500;letter-spacing:-.025em;line-height:1.5}.workflow-word:hover{color:#edf0ff}.home-pricing{padding-block:100px 120px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.price-card{padding:30px;background:#101114;border:1px solid #282b34;border-radius:14px;position:relative}.price-card.featured{background:linear-gradient(145deg,#1d2245,#11121c 65%);border-color:#5b6290;box-shadow:inset 0 1px #ffffff16}.price-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px}.price-card h3{font-family:inherit;font-size:16px;font-weight:600;letter-spacing:-.015em}.price-tag{font-size:9px;white-space:nowrap;background:#667cff17;color:#b9c4ff;border:1px solid #7386c846;border-radius:5px;padding:4px 7px}.price-intro{font-size:12px;margin-top:11px}.price{font-family:Futura,sans-serif;font-size:65px;letter-spacing:-.04em;color:#f2f3f6;margin:30px 0 0;line-height:1.1}.price>span{font-size:32px;vertical-align:top;display:inline-block;padding-top:7px;margin-right:4px;color:#c1c3cd}.cadence{font-size:12px;margin-top:7px}.billing{font-size:11px;min-height:42px;margin:24px 0 13px}.price-card .button{width:100%;font-size:12px}.pricing-footnote{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;font-size:12px;color:var(--muted)}.pricing-footnote .text-link{font-size:12px}.home-faq{max-width:820px;padding-block:90px 140px}.home-faq>.text-link{display:flex;width:max-content;margin:30px auto 0}.faq-list details,.license-conditions details{border-bottom:1px solid #252831}.faq-list summary,.license-conditions summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0;list-style:none;cursor:pointer;font-size:15px;font-weight:500}.faq-list summary::-webkit-details-marker,.license-conditions summary::-webkit-details-marker{display:none}.faq-list summary:hover,.license-conditions summary:hover{color:var(--blue)}.faq-list summary>span,.license-conditions summary>span{font-weight:400;font-size:23px;color:#858a9b;line-height:1}.faq-list details[open] summary>span,.license-conditions details[open] summary>span{transform:rotate(45deg)}.faq-list details>div,.license-conditions details>div{padding:0 35px 23px 0}.faq-list p,.license-conditions details p{font-size:14px;line-height:1.8}.ending{position:relative;min-height:590px;isolation:isolate;overflow:hidden;display:grid;place-items:center;text-align:center;padding:80px 24px}.ending>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;opacity:.5;z-index:-2}.ending:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(var(--bg),#08090b30 40%,#08090b66 80%,var(--bg))}.ending-emblem{width:48px;height:52px;object-fit:contain;margin:0 auto 30px}.ending h2{font-size:clamp(42px,5vw,64px)}.ending p{margin:20px 0 28px;color:#cacbd8;font-size:16px}.ending .platform-note{font-size:11px}.footer{padding-block:70px 34px}.footer-links{display:grid;grid-template-columns:1.55fr repeat(4,1fr);gap:30px}.footer-brand .brand{gap:7px}.footer-brand .brand-emblem{width:19px;height:23px}.footer-brand .brand-wordmark{width:111px}.footer-brand>p{font-size:12px;line-height:1.8;margin-top:24px;color:#777d8c}.footer nav h2{font-family:inherit;font-size:12px;font-weight:600;letter-spacing:0;margin-bottom:18px;color:#d0d2dc}.footer nav a{display:block;font-size:11px;color:#8f93a2;margin-bottom:10px}.footer nav a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:46px;margin-top:50px;border-top:1px solid #1e2027;color:#8b909e;font-size:10px}.footer-bottom a:hover{color:#e7e9f7}
.page-intro{padding-top:220px;padding-bottom:90px;text-align:center}.page-intro h1{font-size:clamp(42px,5.3vw,68px);line-height:1.08}.page-intro>p{max-width:630px;margin:26px auto 0;font-size:18px;line-height:1.6}.page-intro>.button{margin-top:30px}body:not([data-page='']) .showcase{padding-top:10px}body:not([data-page='']) .showcase .section-heading{display:none}.product-detail{padding-block:70px 110px}.product-detail .section-heading p{font-size:17px;max-width:650px}.product-detail .capture-button{box-shadow:0 20px 60px #0005}.fact-band{padding:75px 0 95px;border-top:1px solid #22252e}.fact-band h2{font-size:clamp(30px,3.6vw,46px)}.fact-band>p{max-width:680px;margin:22px 0 25px;font-size:16px}.data-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:70px}.data-card{padding:42px;border:1px solid #30333f;border-radius:14px;background:#111217}.data-card.agg{background:radial-gradient(ellipse at top left,#27348a50,transparent 80%),#111217}.data-mode{display:inline-block;font-family:Futura,sans-serif;font-size:21px;letter-spacing:.04em;padding:10px 17px;border:1px solid #3f4353;border-radius:8px;color:#c3c8db;margin-bottom:40px}.agg .data-mode{color:#dde4ff;background:#242e6555;border-color:#616fae}.data-card h2{font-size:31px}.data-card>p{font-size:15px;line-height:1.8;margin-top:20px}.reading-data{padding-block:65px 120px}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 70px}.reading-grid article{border-top:1px solid #30333e;padding-top:25px}.reading-grid h3{font-size:23px}.reading-grid p{font-size:15px;margin-top:14px}.academy-full{margin-bottom:100px}.academy-full .capture-button{border-color:#39415a}.programs{padding-block:30px 110px}.program-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.program-grid article{padding:40px;border:1px solid #2a2e3b;border-radius:14px;background:linear-gradient(130deg,#161b32,#101114 80%)}.program-grid h3{font-size:30px;margin-top:30px}.program-grid p{margin-top:18px;font-size:15px}.program-grid ul{padding-left:18px;color:#b7bbcc;font-size:14px;line-height:2.2;margin:26px 0 35px}.program-grid .text-link{font-size:13px}.program-symbol{display:grid;place-items:center;width:58px;height:58px;background:#242943;border:1px solid #424b6d;border-radius:12px}.program-symbol img{width:32px;height:32px}.pricing-page{padding-bottom:80px}.pricing-page>.capture-note{text-align:center;margin-top:24px}.included{padding-block:55px 100px}.included-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.included-grid p{font-size:15px;color:#c1c4d2;display:flex;gap:16px}.included-grid span{color:#b1bfff}.license-conditions{padding-block:40px 120px;max-width:820px}.support-contact{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;padding:45px 40px;background:#111319;border:1px solid #2d3240;border-radius:14px;align-items:center;margin-bottom:100px}.support-contact h2{font-size:31px}.support-contact p{font-size:13px;margin-top:12px}.contact-email{font-size:clamp(17px,2.5vw,27px);letter-spacing:-.03em;color:#c8d0fa}.contact-email:hover{color:#fff}.support-faq{max-width:850px;padding-bottom:100px}.preview-info{max-width:850px;padding-block:40px 100px}.preview-info h2{font-size:34px}.preview-info p{font-size:14px;line-height:1.8;margin-top:22px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:110px}.download-grid article{padding:45px;text-align:center;border:1px solid #303545;border-radius:14px;background:radial-gradient(ellipse at top,#1f2e613d,transparent 75%),#111216}.os-symbol{display:block;font-size:55px;color:#c7cee3;line-height:1;margin-bottom:32px}.download-grid h2{font-size:28px}.download-grid p{font-size:14px;margin:20px auto 30px;max-width:330px}.download-grid .button{font-size:13px}.download-status{display:block;color:#a3a8b8;font-size:11px;margin-top:20px}.installation{max-width:820px;padding-bottom:100px}.installation ol{list-style:none;padding:0;margin:0}.installation li{display:flex;gap:30px;padding:30px 0;border-bottom:1px solid #272b36}.installation li>span{font-size:13px;color:#8c9bd3;padding-top:7px}.installation h3{font-size:25px}.installation p{font-size:14px;margin-top:12px}
dialog{color:var(--text);background:#121419;border:1px solid #3e4353;border-radius:16px;padding:28px;box-shadow:0 30px 120px #000a;max-height:calc(100dvh - 48px);max-width:calc(100% - 32px)}dialog::backdrop{background:#020309d9;backdrop-filter:blur(10px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:24px}.dialog-top h2{font-family:inherit;font-size:18px;letter-spacing:-.02em;line-height:1.4}.close-button{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;border:1px solid #383e4d;background:#ffffff05;font-size:25px;color:#c1c6d6;line-height:1;flex-shrink:0}.close-button:hover{background:#303749;color:#fff}.image-dialog{width:min(1440px,calc(100vw - 40px));padding:20px}.image-dialog .dialog-top{margin-bottom:16px}.image-scroll{overflow:auto;max-height:calc(100dvh - 200px);border:1px solid #303543;border-radius:8px}.image-scroll img{width:100%;max-width:none;min-width:760px}.image-dialog .capture-note{font-size:11px}.module-dialog{width:980px}.module-dialog>p:not(.capture-note){font-size:14px;max-width:700px;margin:-4px 0 25px}.module-dialog .capture-button{max-height:55dvh;overflow:auto}.module-dialog .text-link{margin-top:22px;font-size:13px}.info-dialog{width:510px;padding:30px}.info-dialog p{font-size:14px;line-height:1.8;margin:16px 0 24px}.info-dialog strong{color:#f4f5fa}.info-dialog .button{margin-top:6px;font-size:12px}.plan-summary{padding:20px;background:#1b1f2e;border:1px solid #3a4360;border-radius:10px;margin-bottom:20px}.plan-summary>strong{display:block;font-size:30px;letter-spacing:-.03em}.plan-summary>span{font-size:13px;color:#acb3cd}.command-dialog{width:620px;padding:23px}.command-dialog .dialog-top{margin-bottom:18px}.command-dialog input{width:100%;padding:13px 15px;color:#f0f2ff;background:#0b0e15;border:1px solid #434b62;border-radius:8px;font-size:14px}.command-dialog input::placeholder{color:#9ba2b7}.command-results{margin-top:15px;max-height:50dvh;overflow:auto}.command-results>button{display:flex;align-items:center;gap:14px;width:100%;padding:13px 12px;text-align:left;border-radius:7px;background:none;font-size:13px}.command-results>button:hover{background:#252e4a}.command-results img{width:23px;height:23px}.command-results small{margin-left:auto;font-size:10px;color:#939cb5}.command-hint{display:flex;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid #303644;font-size:10px}.command-hint>span{margin-left:auto}.command-empty{font-size:13px;padding:25px 10px}
img[src^='/assets/icons/']{filter:invert(1)}
@media(prefers-reduced-motion:no-preference){.hero-art{animation:hero-in 1.8s var(--ease) both}.hero-content{animation:content-in .9s .12s var(--ease) both}[data-enter]{transition:opacity .7s var(--ease),transform .7s var(--ease)}[data-enter=pending]{opacity:0;transform:translateY(22px)}@keyframes hero-in{from{opacity:.35;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}@keyframes content-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-enter]{opacity:1;transform:none}}
@media(prefers-reduced-transparency:reduce){.navbar,.mobile-nav,.command-trigger{background:#11131a;backdrop-filter:none}dialog::backdrop{background:#08090bf5;backdrop-filter:none}}
@media(min-width:1600px){.hero{min-height:1000px}.hero-art{object-position:center 58%}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.tool-card{padding:20px 16px;gap:13px}.tool-card>.tool-copy>strong{font-size:12px}.exposure-stage{padding-left:24px}.exposure-copy{padding:24px}.exposure-copy h3{font-size:26px}.academy-section{gap:36px}.price-card{padding:26px}.price-tag{font-size:8px;padding-inline:5px}.footer-links{grid-template-columns:1.25fr repeat(4,1fr);gap:20px}}
@media(max-width:900px){.perspective-grid{grid-template-columns:1fr 1fr}.perspective-grid .perspective-main{grid-row:span 2}.perspective-grid article:last-child{grid-column:1/3;min-height:150px}.exposure-stage{grid-template-columns:1.6fr 1fr}.exposure-copy h3{font-size:23px}.exposure-copy p{font-size:12px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-card{padding:23px}.price-card-top{align-items:flex-start;flex-direction:column;min-height:55px}.price-card:not(.featured) .price-card-top{justify-content:flex-start}.price{font-size:53px}.footer-links{grid-template-columns:repeat(4,1fr);gap:35px 20px}.footer-brand{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.footer-brand>p{margin:0}.showcase-tabs{gap:4px}.showcase-tabs button{min-width:100px}.venue-logos{gap:35px 40px}.academy-copy>p{font-size:14px}.academy-visual{padding:20px 16px 16px}.program-grid article{padding:30px}.support-contact{gap:30px;padding:35px}}
@media(max-width:760px){html{scroll-padding-top:100px}.wrap{width:calc(100% - 40px)}.hero{min-height:800px;min-height:100svh;padding:120px 24px 90px}.hero-art{object-position:57% center}.hero-content{padding-top:30px}.hero:after{background:linear-gradient(180deg,#08090b20,#08090b20 55%,#08090b55 82%,var(--bg)),linear-gradient(90deg,#08090b10,#08090b10)}.hero h1{font-size:clamp(47px,8.5vw,64px);line-height:1.08}.hero p{font-size:15px;line-height:1.6;margin-top:28px;max-width:340px}.hero p br{display:none}.hero .button{font-size:13px;min-height:44px}.hero .platform-note{font-size:10px}.hero-pill{font-size:11px;margin-top:30px}.showcase{padding-top:60px;padding-bottom:65px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:clamp(30px,6vw,42px)}.section-heading p{font-size:16px;margin-top:14px}.showcase .section-heading h2{font-size:29px}.showcase .section-heading p{font-size:15px}.product-stage{padding:7px 7px 0;border-radius:11px}.stage-heading{padding:5px 5px 10px;font-size:7px}.stage-heading img{width:11px;height:13px}.stage-heading span:last-child{font-size:6px}.showcase-tabs{gap:0;padding:14px 0;justify-content:space-between}.showcase-tabs button{padding:8px 3px;min-width:0;width:20%;font-size:8px;gap:7px;border-radius:6px}.showcase-tabs img{width:22px;height:22px}.capture-note{font-size:10px;line-height:1.65}.enlarge{opacity:1;transform:none;width:25px;height:25px;font-size:17px;bottom:8px;right:8px}.perspective{padding-block:70px}.perspective .section-heading h2{font-size:37px}.perspective-grid{grid-template-columns:1fr 1fr;gap:10px}.perspective-grid .perspective-main{grid-row:auto;grid-column:1/-1;display:grid;grid-template-columns:1fr 1.15fr;column-gap:26px;align-items:center;padding:28px}.perspective-grid article{padding:24px;min-height:200px}.perspective-grid h3{font-size:20px}.perspective-grid p{font-size:12px}.perspective-grid .text-link{font-size:12px;margin-top:18px}.perspective-grid article:last-child{grid-column:1/-1;min-height:140px}.keycap{width:43px;height:44px;margin-bottom:25px}.keycap img{width:24px;height:24px}.tools-section{padding-block:75px}.tool-filters{gap:3px;margin-bottom:24px;flex-wrap:nowrap}.tool-filters button{font-size:11px;padding:7px 11px;white-space:nowrap}.tool-grid{gap:9px}.tool-card{padding:18px 14px;gap:10px;min-height:122px;border-radius:9px;flex-direction:column}.tool-card>img{width:26px;height:26px;margin:0}.tool-card>.tool-copy>strong{font-size:11px;margin-bottom:5px}.tool-card>.tool-copy>small{font-size:10px;-webkit-line-clamp:2}.tools-section>.text-link,.more-tools{font-size:12px;margin-top:25px}.exposure-section{padding-block:70px}.eyebrow{font-size:9px;margin-bottom:17px}.exposure-stage{grid-template-columns:1fr;padding:20px}.exposure-stage .capture-button{transform:none;box-shadow:none}.exposure-copy{padding:25px 5px 8px}.exposure-copy h3{font-size:27px}.exposure-copy p{font-size:14px;margin-top:15px;margin-bottom:22px}.exposure-copy .text-link{font-size:13px}.sources-section{padding-block:70px}.venue-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px;justify-items:center;margin:40px 0 25px}.venue-logos img{width:90px;max-height:26px}.venue-logos img[alt=OKX]{width:68px}.venue-logos img[alt=Aevo]{width:64px}.venue-logos img[alt=Bybit]{max-height:29px}.source-disclosure{font-size:10px;max-width:320px}.sources-section>.text-link{font-size:13px}.academy-section{grid-template-columns:1fr;gap:30px;padding-block:75px}.academy-copy h2{font-size:42px}.academy-copy>p{max-width:390px;font-size:15px;margin:20px 0}.academy-copy .text-link{font-size:13px}.academy-visual{padding:22px 16px 18px}.workflow-section{padding-block:75px}.workflow-links{line-height:1.3;max-width:590px;margin-bottom:28px}.workflow-word{font-size:34px;line-height:1.45}.workflow-section>.text-link{font-size:13px}.home-pricing{padding-block:65px}.pricing-grid{grid-template-columns:1fr;gap:14px;max-width:480px;margin-inline:auto}.price-card{padding:27px}.price-card-top{flex-direction:row;align-items:center;min-height:30px}.price-card h3{font-size:16px}.price-tag{font-size:9px;padding:4px 7px}.price-intro{font-size:12px}.price{font-size:60px;margin-top:23px}.billing{min-height:0;margin-top:20px}.price-card .button{margin-top:4px;min-height:43px}.pricing-footnote{flex-direction:column;text-align:center;font-size:11px;gap:14px}.home-faq{padding-block:65px 85px}.faq-list summary,.license-conditions summary{font-size:14px;padding-block:21px}.faq-list p,.license-conditions details p{font-size:13px}.ending{min-height:490px;padding:65px 24px}.ending>img{object-position:64% center}.ending h2{font-size:39px}.ending p{font-size:14px;margin-top:16px}.ending-emblem{width:40px;height:44px}.footer{padding-top:50px;padding-bottom:80px}.footer-links{grid-template-columns:1fr 1fr;gap:35px 24px}.footer-brand{grid-column:1/-1;gap:25px}.footer-brand>p{font-size:10px;text-align:right}.footer-brand .brand-wordmark{width:107px}.footer nav h2{font-size:12px}.footer nav a{font-size:11px;margin-bottom:12px}.footer-bottom{flex-direction:column;gap:12px;font-size:9px;padding-top:30px;margin-top:35px}.command-trigger{bottom:14px;right:14px;padding:8px 10px}.command-trigger>span{font-size:10px}.command-trigger kbd{display:none}.page-intro{padding-top:155px;padding-bottom:65px}.page-intro h1{font-size:clamp(36px,7.5vw,52px)}.page-intro>p{font-size:16px;max-width:470px}.page-intro .eyebrow{font-size:9px}.page-intro .button{font-size:12px}.product-detail{padding-block:45px 65px}.product-detail .section-heading p{font-size:15px}.fact-band{padding-block:55px 65px}.fact-band h2{font-size:32px}.fact-band>p{font-size:14px;margin-top:20px}.fact-band>.text-link{font-size:12px}.data-comparison{grid-template-columns:1fr;gap:14px;margin-bottom:35px}.data-card{padding:30px}.data-mode{margin-bottom:25px;font-size:19px}.data-card h2{font-size:28px}.data-card>p{font-size:14px}.reading-data{padding-block:40px 70px}.reading-grid{grid-template-columns:1fr;gap:30px}.reading-grid h3{font-size:24px}.reading-grid p{font-size:14px}.academy-full{margin-bottom:55px}.programs{padding-bottom:70px}.program-grid{grid-template-columns:1fr;gap:16px}.program-grid article{padding:30px}.program-grid h3{font-size:29px}.program-grid p{font-size:14px}.program-grid ul{font-size:13px}.pricing-page{padding-bottom:45px}.included{padding-block:35px 60px}.included-grid{grid-template-columns:1fr 1fr;gap:20px}.included-grid p{font-size:12px;gap:9px}.license-conditions{padding-block:30px 70px}.support-contact{grid-template-columns:1fr;padding:30px;gap:26px;margin-bottom:65px}.support-contact h2{font-size:30px}.contact-email{font-size:19px;overflow-wrap:anywhere}.support-contact p{font-size:12px}.support-faq{padding-bottom:60px}.preview-info{padding-block:30px 65px}.preview-info h2{font-size:30px}.preview-info p{font-size:13px}.download-grid{grid-template-columns:1fr;gap:15px;margin-bottom:60px}.download-grid article{padding:35px 26px}.download-grid h2{font-size:28px}.download-grid p{font-size:13px}.installation{padding-bottom:65px}.installation li{gap:20px}.installation h3{font-size:24px}.installation p{font-size:13px}dialog{padding:20px;max-height:calc(100dvh - 28px);max-width:calc(100% - 24px);border-radius:12px}.dialog-top{gap:20px;margin-bottom:18px}.dialog-top h2{font-size:15px}.image-dialog{padding:14px;width:calc(100% - 24px)}.image-dialog .capture-note{font-size:10px}.image-scroll{max-height:calc(100dvh - 170px)}.module-dialog>p:not(.capture-note){font-size:12px;margin-bottom:19px}.module-dialog .capture-button{max-height:50dvh}.module-dialog .text-link{font-size:12px}.info-dialog p{font-size:13px}.command-dialog{padding:18px}.command-dialog input{font-size:13px}.command-results>button{font-size:12px;padding:12px 7px}.command-results small{font-size:9px}}
@media(max-width:430px){.hero{min-height:780px;min-height:max(700px,100svh)}.hero h1{font-size:49px}.hero-content{padding-top:8px}.hero p{max-width:300px;font-size:14px}.hero-pill{font-size:10px}.perspective-grid .perspective-main{display:flex;align-items:flex-start}.perspective-grid article:last-child{column-gap:17px}.perspective-grid article{padding:21px}.perspective-grid p{font-size:11px}.perspective-grid article:last-child p{font-size:12px}.tool-filters button{padding:7px 8px;font-size:10px}.tool-card{min-height:140px}.workflow-word{font-size:30px}.footer-brand .brand-wordmark{width:97px}.source-disclosure{max-width:300px}}

/* Motion and product staging derived from the OptionMesh emblem and actual replicas. */
:root{--bg:#090a0c;--panel:#111215;--line:#282a30;--blue:#c0cbed}
.module-icon{display:block;flex-shrink:0;width:30px;height:30px;color:#e7eaf2;stroke:currentColor;fill:none;filter:none!important}
.tool-card>.module-icon{width:39px;height:39px;padding:7px;border:1px solid #474b56;border-radius:9px;background:linear-gradient(145deg,#323640,#16191f);box-shadow:inset 0 1px #ffffff17,0 3px 8px #0004;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .2s}
.tool-card:hover>.module-icon{transform:translateY(-2px) rotate(-5deg);border-color:#7a849a}
.tool-card{background:linear-gradient(130deg,#141518,#101114);border-color:#282a30}
.tool-card:hover{background:#191b20;border-color:#4a4f5a;transform:translateY(-3px)}
.hero{min-height:940px;padding-top:150px;padding-bottom:110px;background:#090a0c}
.hero-art{display:none}
.hero:after{background:linear-gradient(180deg,#090a0c00 45%,#090a0c33 70%,#090a0c 100%),radial-gradient(ellipse at 50% 56%,#090a0c55,transparent 58%)}
.hero-content{padding-top:85px;position:relative;z-index:1;text-shadow:0 2px 25px #0009}
.hero h1{font-size:clamp(48px,5.2vw,70px);font-weight:600;letter-spacing:-.045em;line-height:1.05}
.hero p{font-size:17px;line-height:1.55;color:#e3e3e6;max-width:550px;margin-top:32px}
.hero-pill{background:#121315b3;border-color:#767c8f4d;box-shadow:0 0 0 3px #ffffff04,inset 0 1px #ffffff07}
.hero-pill:hover{background:#22252c;border-color:#a3acbf66}
.hero-motion{position:absolute;right:32px;bottom:45px;display:grid;place-items:center;width:35px;height:35px;background:#121418b3;border:1px solid #494d5855;border-radius:50%;font-size:12px;color:#c4c8d1}
.hero-motion:hover{background:#2c3038;color:#fff}
.footer-motion{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;margin-top:-8px;background:#14161b;border:1px solid #343945;border-radius:50%;color:#b6bdcd;font-size:11px}
.footer-motion:hover{background:#292e39;color:#fff}
.sculpture-stage{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;isolation:isolate}
.sculpture-orbit{position:absolute;top:43%;left:50%;width:min(1550px,137vw);aspect-ratio:1;transform:translate(-50%,-50%) rotate(-32deg) rotateX(25deg);transform-origin:50% 50%;animation:sculpture-orbit 22s ease-in-out infinite alternate;animation-play-state:paused}
.brand-sculpture{display:block;width:100%;height:100%;max-width:none;overflow:visible;filter:drop-shadow(0 30px 24px #0009)}
.sculpture-trace{opacity:.62;animation:edge-trace 14s linear infinite;animation-play-state:paused}
.sculpture-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 56% 23%,#aebbd30a,transparent 48%);mix-blend-mode:screen}
.sculpture-stage.is-visible .sculpture-orbit,.sculpture-stage.is-visible .sculpture-trace{animation-play-state:running}
.hero>.sculpture-stage{z-index:-2}
.showcase{padding-top:55px;padding-bottom:95px}
.section-heading h2{font-family:'OptionMesh Brand',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:600;letter-spacing:-.04em;line-height:1.16}
.showcase .section-heading h2{font-size:32px}
.showcase .section-heading p{font-size:18px}
.product-stage.interactive-stage{padding:14px 14px 0;border-color:#34373f;background:linear-gradient(160deg,#1a1c22,#111215 40%);box-shadow:inset 0 1px #ffffff15,0 40px 90px #0006}
.native-window{border:1px solid #353842;border-radius:10px;overflow:hidden;background:#090a0c;box-shadow:0 15px 40px #0005}
.native-chrome{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border-bottom:1px solid #262930;background:linear-gradient(#1d1f24,#16181d);min-height:44px;gap:15px}
.native-chrome>span:nth-child(2){display:flex;align-items:center;gap:8px;font-size:11px;color:#ccd0da}
.native-chrome b{font-weight:500;letter-spacing:.01em}
.native-chrome .module-icon{width:15px;height:15px;color:#c4cad9}
.window-dots{display:flex;gap:6px;width:70px}
.window-dots i{width:8px;height:8px;border-radius:50%;background:#585b64;box-shadow:inset 0 1px #ffffff20}
.window-dots i:nth-child(2){background:#494c55}.window-dots i:nth-child(3){background:#3c4048}
.native-chrome>button{background:none;color:#adb4c6;font-size:19px;line-height:1;padding:0 4px;min-width:28px;min-height:23px}
.native-chrome>button:hover{color:#fff;background:#ffffff0a;border-radius:4px}
.native-viewport{height:590px;position:relative;overflow:hidden;background:#090a0c;isolation:isolate}
.native-viewport iframe{display:block;width:100%;height:590px;border:0;transform-origin:0 0;color-scheme:dark}
.native-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#0b0c0e;color:#9299ab;font-size:12px;transition:opacity .4s,visibility .4s;pointer-events:none}
.native-loading img{opacity:.7}
[data-ready=true] .native-loading{opacity:0;visibility:hidden}
.demo-transition{position:absolute;inset:0;background:#131720;opacity:0;pointer-events:none}
.native-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 2px;color:#a2a6b2;font-size:10px}
.native-toolbar button{padding:5px 7px;display:flex;align-items:center;gap:7px;background:none;color:#b9becb;font-size:10px;border-radius:5px;white-space:nowrap}
.native-toolbar button:hover{background:#ffffff08;color:#fff}
.native-toolbar button[aria-pressed=true]{background:#2b2f3a;color:#fff}
.showcase-tabs{gap:30px;padding:10px 15px 22px}
.showcase-tabs button{position:relative;min-width:165px;font-size:12px;gap:12px;padding:18px 16px 15px;overflow:hidden}
.showcase-tabs .module-icon{width:25px;height:25px;color:#9b9faa;transition:color .25s,transform .3s}
.showcase-tabs button[aria-selected=true] .module-icon{color:#eef1f9;transform:translateY(-2px)}
.showcase-tabs button[aria-selected=true]{background:#ffffff06;border-color:#494d5a;color:#f0f2f8}
.showcase-tabs button:hover .module-icon{color:#fff}
.tab-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#b4c1e8;transform:scaleX(0);transform-origin:0 50%}
.interactive-stage:has([data-playing=true][data-touring=true]) [aria-selected=true] .tab-progress{animation:tab-progress 9.6s linear both}
.demo-footnote{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;font-size:11px;color:#8f95a3}
.demo-footnote .text-link{font-size:12px}
.market-story{padding-block:110px 100px;text-align:center}
.market-story .section-heading{margin-bottom:12px}
.market-story h2{font-size:clamp(36px,4vw,50px)}
.market-weave{display:block;width:100%;height:auto;max-height:360px;overflow:visible;margin:0 auto}
.weave-signal{animation:weave-travel 9s linear infinite;animation-delay:calc(var(--line)*-.9s);animation-play-state:paused;opacity:.65}
.market-story.is-visible .weave-signal{animation-play-state:running}
.weave-line{opacity:.5}
.story-captions{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;text-align:center;margin:5px 0 35px}
.story-captions strong{display:block;font-size:16px;font-weight:500;letter-spacing:-.02em;color:#eceef4}
.story-captions span{display:block;font-size:12px;margin-top:9px;color:#9297a6}
.market-story>.text-link{font-size:13px}
.exposure-stage{display:block;position:relative;padding:32px;background:linear-gradient(145deg,#181a20,#101114 65%);border-color:#34373e}
.exposure-stage>.native-demo{width:100%;}
.exposure-stage .native-viewport{height:590px}
.exposure-copy{padding:34px 15px 5px;display:grid;grid-template-columns:1fr 1.05fr;column-gap:80px;align-items:start}
.exposure-copy h3{font-size:30px;max-width:320px;grid-row:span 2}
.exposure-copy>p{font-size:14px;margin:0 0 20px;max-width:420px}
.exposure-copy>.text-link{grid-column:2;font-size:13px}
.exposure-copy .exposure-limit{font-size:10px;grid-column:2;margin-top:16px;color:#858b9a}
.academy-section{grid-template-columns:1fr 1.65fr;gap:48px;padding-block:120px}
.academy-visual{padding:18px;background:#14161c;border-color:#373b47;overflow:hidden}
.academy-visual .native-viewport{height:500px!important}
.academy-visual iframe{min-height:500px}
.academy-visual .native-chrome{padding:10px}
.academy-visual .window-dots{width:30px;gap:4px}.academy-visual .window-dots i{width:6px;height:6px}
.academy-visual .native-toolbar{font-size:9px;flex-direction:column;align-items:flex-start;padding:10px 0 0;gap:5px}
.native-demo[data-initial-module=academy] [data-pause-demo]{display:none}
.academy-copy h2{font-family:'OptionMesh Brand',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:600;letter-spacing:-.045em;font-size:48px}
.ending>.sculpture-stage{opacity:.55;inset:-20% -10%}
.ending .sculpture-orbit{width:1150px;top:39%;left:52%}
.ending:after{background:linear-gradient(var(--bg),#090a0c30 30%,#090a0c70 85%,var(--bg))}
.ending-content{position:relative;z-index:1}
.ending h2{font-family:'OptionMesh Brand',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:600}
.demo-dialog{width:min(1300px,calc(100vw - 30px));padding:20px;overflow:auto}
.demo-dialog .native-toolbar{padding-inline:6px}
.demo-dialog [data-expand-demo]{visibility:hidden}
.demo-dialog .native-viewport{height:min(65dvh,650px)!important}
.demo-dialog .native-main{padding:0}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@keyframes sculpture-orbit{0%{transform:translate(-50%,-50%) rotate(-37deg) rotateX(24deg) scale(1)}100%{transform:translate(-49%,-51%) rotate(-27deg) rotateX(15deg) scale(1.035)}}
@keyframes edge-trace{to{stroke-dashoffset:-264}}
@keyframes weave-travel{from{stroke-dashoffset:1053}to{stroke-dashoffset:0}}
@keyframes tab-progress{to{transform:scaleX(1)}}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.hero>.sculpture-stage{animation:hero-recede linear both;animation-timeline:view();animation-range:exit 0% exit 100%}@keyframes hero-recede{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12%) scale(.9)}}}}
@media(min-width:1600px){.hero{min-height:1000px}.sculpture-orbit{width:1700px}.hero h1{font-size:76px}}
@media(max-width:900px){.sculpture-orbit{width:1400px;left:49%;top:40%}.hero{min-height:900px}.exposure-copy{column-gap:35px}.academy-section{gap:30px}.academy-copy h2{font-size:39px}.academy-section{grid-template-columns:1fr 1.35fr}.story-captions{gap:25px}}
@media(max-width:760px){.hero{min-height:max(740px,100svh);padding:120px 22px 90px}.hero-content{padding-top:45px}.hero h1{font-size:clamp(43px,7vw,57px);line-height:1.08}.hero p{font-size:14px;max-width:310px}.hero p br{display:none}.hero>.sculpture-stage{opacity:.8}.sculpture-orbit{width:1040px;top:44%;left:48%}.hero:after{background:linear-gradient(180deg,#090a0c00,#090a0c20 50%,#090a0c 100%)}.hero-motion{bottom:32px;right:22px;width:32px;height:32px}.hero-pill{margin-top:30px}.showcase{padding-top:55px;padding-bottom:65px}.showcase .section-heading h2{font-size:30px}.showcase .section-heading p{font-size:15px}.product-stage.interactive-stage{padding:7px 7px 0}.native-window{border-radius:7px}.native-chrome{padding:9px 10px;min-height:40px;gap:8px}.native-chrome>span:nth-child(2){font-size:10px;gap:5px}.native-chrome .module-icon{width:13px;height:13px}.window-dots{width:35px;gap:4px}.window-dots i{width:6px;height:6px}.native-chrome>button{min-width:28px;min-height:25px}.native-toolbar{align-items:flex-start;font-size:9px;padding:12px 3px;gap:12px}.native-toolbar .demo-caption{max-width:190px}.native-toolbar button{font-size:9px;padding:0;gap:5px}.native-viewport{height:510px}.showcase-tabs{gap:2px;padding:4px 0 13px}.showcase-tabs button{min-width:0;width:33.333%;font-size:9px;padding:13px 5px 12px;gap:9px}.showcase-tabs .module-icon{width:21px;height:21px}.demo-footnote{font-size:10px;flex-direction:column;text-align:center;gap:11px;padding-top:18px}.demo-footnote .text-link{font-size:11px}.market-story{padding-block:65px}.market-story h2{font-size:32px}.market-story .section-heading p{font-size:14px}.market-weave{width:calc(100% + 32px);max-width:none;margin-inline:-16px;min-height:165px}.story-captions{grid-template-columns:1fr;gap:20px;text-align:left;margin:15px 0 28px}.story-captions>div{padding-left:18px;border-left:1px solid #4b536a;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.story-captions strong{font-size:13px;white-space:nowrap}.story-captions span{font-size:11px;margin:0;text-align:right}.market-story>.text-link{font-size:12px}.tool-card>.module-icon{width:37px;height:37px;padding:7px}.exposure-stage{padding:14px}.exposure-copy{display:block;padding:22px 8px 8px}.exposure-copy h3{font-size:26px;margin-bottom:16px}.exposure-copy>p{font-size:13px}.exposure-copy .exposure-limit{font-size:9px;margin-top:15px}.exposure-copy>.text-link{font-size:12px}.academy-section{grid-template-columns:1fr;padding-block:70px;gap:30px}.academy-copy h2{font-size:40px}.academy-visual{padding:11px}.academy-visual .native-toolbar{flex-direction:row;align-items:flex-start}.academy-visual .native-viewport{height:510px!important}.ending .sculpture-orbit{width:950px;top:42%;left:50%}.ending>.sculpture-stage{opacity:.5}.ending h2{font-size:37px}.demo-dialog{padding:12px;max-width:calc(100% - 16px);width:calc(100% - 16px)}.demo-dialog .dialog-top{margin-bottom:14px}.demo-dialog .native-viewport{height:60dvh!important}.demo-dialog .native-toolbar{font-size:9px}}
@media(max-width:390px){.hero h1{font-size:42px}.hero-content{padding-top:30px}.sculpture-orbit{width:980px;left:48%}.hero p{max-width:280px;font-size:13px}.story-captions>div{display:block}.story-captions span{text-align:left;margin-top:4px}.native-chrome{gap:5px}.native-chrome>span:nth-child(2){font-size:9px}.window-dots{width:28px}.native-toolbar{font-size:8px}.native-toolbar button{font-size:8px}.showcase-tabs button{font-size:8px}.market-story h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.sculpture-orbit,.sculpture-trace,.weave-signal,.tab-progress{animation:none!important}.weave-signal{stroke-dasharray:none;opacity:.15}.sculpture-orbit{transform:translate(-50%,-50%) rotate(-32deg) rotateX(20deg)}.hero>.sculpture-stage{transform:none!important;opacity:.8!important}.hero-content{animation:none!important}.hero-motion{display:none}}

/* The Chain's existing section title is part of the preserved composition. */
.showcase .section-heading h2{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}

/* Iteration 03: refracted materials and composed, unscaled product interfaces. */
:root{--bg:#09090c;--panel:#101014;--line:#27272f;--blue:#c5b6eb;--scene-accent:#b4a1df;--scene-call:#9cd6c5;--scene-put:#dba7ba}
body{background:var(--bg)}h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:600;letter-spacing:-.045em}p{text-wrap:pretty}.wrap{width:min(1140px,calc(100% - 64px))}.navbar{background:#111114e8;border-color:#ffffff15;box-shadow:inset 0 1px #ffffff12,0 8px 30px #0002}.brand-wordmark{width:125px}.desktop-nav{gap:25px}.navbar .button{box-shadow:0 0 0 3px #ffffff08}.platform-icon{display:inline-block;width:17px;height:17px;object-fit:contain;flex-shrink:0}.platform-marks{display:flex;align-items:center;justify-content:center;gap:20px;font-size:11px!important;color:#b7b5c1!important;margin-top:20px!important}.platform-marks>span{display:flex;align-items:center;gap:7px}.platform-marks .platform-icon{width:14px;height:14px}.os-symbol>.platform-icon{width:43px;height:43px}.download-grid article{position:relative;background:linear-gradient(130deg,#17161e,#101014);border-color:#34303e}.download-grid article:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 0%,#8e6fbe0a,transparent 65%)}
.hero.hero-refined{min-height:900px;min-height:max(820px,100svh);padding:155px 24px 115px;background:#09090c}.hero-refined .hero-content{padding-top:80px}.hero-kicker{display:block;font-size:10px;letter-spacing:.2em;font-weight:500;color:#c5bfd1;margin-bottom:26px}.hero-refined h1{font-size:clamp(60px,6.2vw,84px);line-height:1.02;letter-spacing:-.052em;font-weight:600}.hero-refined p{font-size:17px;margin:28px auto 28px;line-height:1.55;color:#ccc8d4}.hero-refined .button{font-size:13px;min-height:43px;padding-inline:20px}.hero-pill{font-size:11px;margin-top:30px;background:#131219a6;border-color:#ffffff17;box-shadow:none}.hero:after{background:linear-gradient(180deg,#09090c00 65%,var(--bg) 100%)}.hero-motion{z-index:1;bottom:32px;width:32px;height:32px;border-color:#ffffff1c;background:#15131a}.brand-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;isolation:isolate;z-index:-1}.hero>.brand-field{z-index:-2}.field-variant{position:absolute;inset:0;display:none}.field-variant>svg{display:block;width:100%;height:100%;max-width:none}.brand-field>.field-refraction{display:block}html[data-direction=relief] .brand-field>.field-refraction,html[data-direction=signal] .brand-field>.field-refraction{display:none}html[data-direction=relief] .brand-field>.field-relief,html[data-direction=signal] .brand-field>.field-signal{display:block}.brand-field.field-refraction>.field-variant,.brand-field.field-relief>.field-variant,.brand-field.field-signal>.field-variant{display:none}.brand-field.field-refraction>.field-refraction,.brand-field.field-relief>.field-relief,.brand-field.field-signal>.field-signal{display:block}.field-shade{position:absolute;inset:0;background:linear-gradient(90deg,#09090c 0%,#09090c00 30%,#09090c00 75%,#09090c9c),radial-gradient(ellipse at 50% 51%,#09090c35 0%,#09090c00 40%,#09090c5c 100%)}.refracted-planes{transform-origin:50% 50%;animation:refraction-drift 18s ease-in-out infinite alternate;animation-play-state:paused}.relief-lines{transform-origin:50% 50%;animation:relief-drift 22s ease-in-out infinite alternate;animation-play-state:paused}.signal-paths{animation:signal-drift 16s ease-in-out infinite alternate;animation-play-state:paused}.brand-field.is-visible .refracted-planes,.brand-field.is-visible .relief-lines,.brand-field.is-visible .signal-paths{animation-play-state:running}.ending{isolation:isolate;min-height:610px}.ending>.brand-field{opacity:.6}.ending:after{background:linear-gradient(var(--bg),#09090c44 30%,#09090c66 85%,var(--bg))}.directions-link{position:fixed;z-index:2;bottom:22px;left:24px;font-size:10px;color:#d2c8e1;background:#17131fd9;border:1px solid #51425d80;border-radius:7px;padding:8px 12px;backdrop-filter:blur(12px)}.directions-link:hover{background:#2b2335;color:#fff}.directions-link span{padding-left:6px}
.showcase{padding-top:65px;padding-bottom:95px}.showcase .section-heading{margin-bottom:68px}.showcase .section-heading h2{font-size:clamp(35px,4.2vw,53px);line-height:1.1}.showcase .section-heading p{font-size:17px;color:#aaa6b3}.showcase-composition{position:relative;isolation:isolate;max-width:950px;margin:auto;perspective:1400px}.scene-backplate{position:absolute;inset:0 16px 28px;border:1px solid #39313e;background:linear-gradient(140deg,#201a29,#111115 65%);border-radius:13px;z-index:-1;overflow:hidden;opacity:.7}.backplate-one{transform:translate(-36px,-16px) rotate(-3.5deg)}.backplate-two{transform:translate(36px,-17px) rotate(3.5deg);z-index:-2;background:linear-gradient(140deg,#171823,#0d0e13)}.scene-backplate>span{font-size:8px;letter-spacing:.16em;padding:14px 22px;display:block;color:#bdb0d0}.backplate-lines{margin:50px 30px;height:75%;background:repeating-linear-gradient(0deg,#b7acd508 0 1px,transparent 1px 43px)}.showcase-tabs{justify-content:center;gap:8px;margin-top:24px;padding:12px 0 10px}.showcase-tabs button{width:auto;min-width:175px;display:flex;flex-direction:row;gap:10px;padding:13px 22px;font-size:12px;color:#8c8998;background:transparent;border:1px solid transparent;border-radius:8px}.showcase-tabs button[aria-selected=true]{background:#1a1720;border-color:#52445f;color:#eee8fa}.showcase-tabs .module-icon{width:20px;height:20px;color:inherit}
.product-scene{position:relative;isolation:isolate;background:#111115;border:1px solid #45404f;border-radius:11px;overflow:hidden;text-align:left;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:inset 0 1px #ffffff12,0 30px 75px #0004;color:#d8d5e0;font-variant-numeric:tabular-nums}.scene-window-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:45px;padding:10px 16px;border-bottom:1px solid #ffffff0c;background:linear-gradient(180deg,#222026,#19171e);font-size:10px;color:#bdb7c8;white-space:nowrap}.scene-window-bar>span:nth-child(2){display:flex;align-items:center;gap:8px}.scene-window-bar b{font-weight:500;color:#e5dfef}.scene-window-bar img{width:12px;height:14px}.window-divider{color:#5f596b}.scene-traffic{display:flex;gap:5px;width:48px;flex-shrink:0}.scene-traffic i{width:6px;height:6px;border-radius:50%;border:1px solid #ffffff16;background:#514b5a}.scene-traffic i:first-child{background:#79626b}.scene-traffic i:nth-child(2){background:#78705b}.scene-traffic i:nth-child(3){background:#5a7367}.scene-demo-label{font-size:7px;letter-spacing:.13em;color:#8d8798}.scene-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:18px 20px;border-bottom:1px solid #ffffff08;min-height:71px}.scene-segment{display:flex;align-items:center;gap:2px;padding:3px;background:#09090c;border:1px solid #39323f;border-radius:7px}.scene-segment button{background:transparent;color:#8d8899;font-size:10px;line-height:1;padding:8px 12px;border-radius:4px;min-height:29px;white-space:nowrap}.scene-segment button[aria-pressed=true]{background:#35303e;color:#f1e9ff;box-shadow:inset 0 1px #ffffff14}.scene-segment button:hover{color:#fff;background:#26222e}.scene-price{font-size:15px;font-weight:500;letter-spacing:-.02em;color:#ebe6f1}.scene-price small{font-size:8px;color:#8f879f;margin-left:5px;font-weight:400}.scene-expiry{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:9px;color:#aaa2b7}.scene-expiry select{font:inherit;font-size:10px;background:#1d1924;border:1px solid #463d52;color:#e2d8ee;padding:7px 8px;border-radius:5px;cursor:pointer}.scene-table-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#52435f #111115}.scene-table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap;text-align:right;line-height:1.3}.scene-table caption{text-align:left}.scene-table thead{color:#8d869a;background:#151219}.scene-table th{font-weight:500}.scene-table th,.scene-table td{padding:12px 15px;border-bottom:1px solid #ffffff06}.scene-table thead th{font-size:8px;letter-spacing:.02em;padding-block:13px}.chain-table tbody th{background:#ffffff03;text-align:center;width:15%;border-inline:1px solid #ffffff07;padding:0}.chain-table thead th:nth-child(4){text-align:center}.chain-table tbody th button{background:transparent;color:#e7dff1;font-size:11px;font-weight:500;min-height:38px;padding:7px 13px;width:100%}.chain-table tbody tr.selected{background:#b398d514}.chain-table tbody tr.selected th{background:#6851794a}.chain-table tbody tr:hover{background:#b398d510}.chain-table tbody tr.selected th button{color:#f2e9ff}.call-ink{color:var(--scene-call)}.put-ink{color:var(--scene-put)}.scene-selection{display:flex;align-items:center;gap:10px;min-height:43px;padding:12px 20px;font-size:9px;color:#a69db3;background:#16121d;border-top:1px solid #ffffff08;flex-wrap:wrap}.scene-selection strong{font-weight:500;color:#ddd1ed}.selection-dot{width:5px;height:5px;background:#b7a0d4;border-radius:50%;flex-shrink:0}.selection-hint{margin-left:auto;color:#82778f;font-size:8px}.scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 15px;min-height:33px;font-size:7px;color:#77717f;border-top:1px solid #ffffff08;background:#0e0c12}.scene-bottom>span:first-child{display:flex;align-items:center;gap:5px}.status-led{width:4px;height:4px;border-radius:50%;background:#8aa99e}.scene-bottom button{padding:2px 5px;font-size:8px;background:transparent;color:#b9accc}.scene-key-hint{color:#8c8199}.feature-scenes{padding-block:55px 100px}.feature-scenes>.section-heading{margin-bottom:45px}.feature-scenes .section-heading p{font-size:16px}.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.feature-scene{overflow:hidden;border:1px solid #2e2935;border-radius:12px;background:linear-gradient(135deg,#131117,#0c0b0f);display:flex;flex-direction:column;isolation:isolate}.feature-copy{padding:32px 30px}.feature-copy h3{font-size:25px;line-height:1.15;color:#e4ddec}.feature-copy p{font-size:12px;line-height:1.6;margin-top:13px;max-width:420px;color:#938a9e}.feature-scene .product-scene{border-radius:9px;border-color:#42364c;box-shadow:0 20px 50px #0005}.feature-flow{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;padding:35px 0 35px 15px}.feature-flow .product-scene{margin-right:-55px}.feature-flow .scene-table{font-size:10px}.feature-flow .scene-price{font-size:12px}.feature-flow .scene-price small{display:none}.feature-flow .scene-controls{padding:13px 17px;gap:14px}.feature-flow .scene-segment button{padding-inline:9px}.feature-oi .product-scene{margin:28px 25px 0}.feature-oi .scene-window-bar>span:nth-child(2){font-size:8px}.feature-oi .scene-demo-label,.feature-oi .scene-key-hint,.feature-oi .scene-price small{display:none}.feature-volatility .product-scene{margin:0 25px 28px}.feature-volatility .scene-demo-label,.feature-volatility .scene-key-hint,.feature-volatility .scene-price small{display:none}.feature-oi .scene-controls,.feature-volatility .scene-controls{padding:12px 15px;gap:12px}.feature-oi .scene-price,.feature-volatility .scene-price{font-size:12px}.feature-volatility .feature-copy{padding-bottom:22px}.flow-summary{display:flex;align-items:center;gap:35px;padding:23px 20px 18px}.flow-summary>div>span{display:block;font-size:8px;color:#9d92a9;margin-bottom:5px}.flow-summary strong{font-size:24px;font-weight:500;line-height:1.1;letter-spacing:-.04em;color:#ede4f6}.flow-summary strong small{font-size:9px;color:#8e819c;font-weight:400;letter-spacing:0}.replay-trade{display:flex;align-items:center;gap:10px;margin-left:auto;background:none;color:#bda7d5;font-size:9px;padding:8px 0;white-space:nowrap}.replay-trade span{font-size:18px}.flow-table{text-align:left}.flow-table th,.flow-table td{padding:13px 16px}.flow-table tbody th{font-weight:400;color:#cfc2dd}.flow-table td:nth-child(4),.flow-table td:nth-child(5){text-align:right}.trade-side{padding:3px 7px;border-radius:4px;font-size:8px;display:inline-block}.trade-side.call{color:#aad1c3;background:#628b7d1c}.trade-side.put{color:#d4a8ba;background:#a96c811c}.latest-print{background:#ac8ec708}.plot-top{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 22px 0;gap:10px}.plot-top>div>span{display:block;font-size:9px;color:#a89bb7;margin-bottom:7px}.plot-top strong{display:block;font-size:18px;line-height:1.2;font-weight:500;color:#ddd1e9;letter-spacing:-.03em;max-width:280px}.plot-unit{font-size:8px;color:#796c88;text-align:right;padding-top:2px}.bar-chart{height:238px;position:relative;display:grid;grid-template-columns:repeat(9,1fr);gap:11px;padding:27px 22px 15px;isolation:isolate;overflow:hidden}.chart-grid{position:absolute;inset:15px 20px 42px;background:repeating-linear-gradient(0deg,#a99ab510 0 1px,transparent 1px 42px);z-index:-1}.plot-bar{display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:12px;background:transparent;padding:0;color:#81768f;min-width:0;position:relative}.bar-track{display:block;position:relative;width:100%;max-width:47px;height:100%;border-bottom:1px solid #b6a1d649}.bar-track i{position:absolute;inset:0;transform:scaleY(var(--bar));transform-origin:bottom;background:linear-gradient(0deg,#74638a,#b3a0cc);border:1px solid #c6b8d229;border-radius:3px 3px 0 0;transition:opacity .2s}.plot-bar:nth-child(even) .bar-track i{background:linear-gradient(0deg,#413750,#88769e)}.plot-bar:hover .bar-track i,.plot-bar.selected .bar-track i{background:linear-gradient(0deg,#8b729f,#e0c9f6);opacity:1}.plot-bar.selected .bar-strike{color:#ede0fa}.bar-strike{font-size:8px;white-space:nowrap}.exposure-chart{height:285px;padding-top:25px}.exposure-chart .bar-track{border-bottom:0}.exposure-chart .bar-track:after{content:'';position:absolute;top:50%;left:-10px;right:-10px;border-top:1px solid #b5a5c846}.exposure-chart .bar-track i{inset:0 0 50%;transform:scaleY(var(--bar));transform-origin:bottom}.exposure-chart .negative .bar-track i{inset:50% 0 0;transform-origin:top;background:linear-gradient(180deg,#8a617b,#c295af);border-radius:0 0 3px 3px}.smile-chart{width:100%;display:block;height:auto;padding:14px 15px 0;min-height:220px;overflow:visible}.exposure-stage{padding:30px;background:linear-gradient(145deg,#19151f,#0e0d12);border-color:#332c3b}.exposure-copy{grid-template-columns:1fr 1fr;column-gap:70px;padding:32px 10px 6px}.exposure-copy h3{font-size:29px}.exposure-copy>p{font-size:13px}.exposure-copy .exposure-limit{font-size:9px}.market-story{padding-block:80px}.market-story .section-heading p{font-size:16px}.market-weave{opacity:.7;max-height:280px}.story-captions strong{font-size:14px}.story-captions span{font-size:11px}.tools-section{padding-block:75px}.tool-grid{gap:12px}.tool-card{background:linear-gradient(120deg,#151219,#100e14);border-color:#2d2735;min-height:130px}.tool-card>.module-icon{background:linear-gradient(145deg,#3a3045,#1b1721);border-color:#5c4c6b;color:#e2d4f0}.tool-card:hover{background:#1e1726;border-color:#5c456e}.academy-section{display:block;padding-block:100px}.academy-copy{display:grid;grid-template-columns:1fr 1fr;gap:14px 80px;align-items:start;margin-bottom:34px}.academy-copy .eyebrow{grid-column:1;margin-bottom:8px}.academy-copy h2{grid-column:1;font-size:43px;grid-row:2/4}.academy-copy>p{grid-column:2;font-size:15px;margin:0 0 8px}.academy-copy>.text-link{grid-column:2;font-size:13px}.academy-visual{padding:0;background:none;border:0;border-radius:0;overflow:visible}.lesson-scene{display:grid;grid-template-columns:.8fr 1.2fr;min-height:345px}.lesson-scene aside{padding:32px;border-right:1px solid #ffffff09;background:linear-gradient(130deg,#201728,#17121c);display:flex;align-items:flex-start;flex-direction:column}.lesson-scene aside>span{font-size:10px;letter-spacing:.03em;color:#a193ad;margin-top:15px}.lesson-scene aside>strong{font-size:20px;letter-spacing:-.03em;line-height:1.2;margin-top:10px;color:#e1d3eb;font-weight:500}.lesson-scene aside>div{margin-top:25px;display:grid;gap:6px;width:100%}.lesson-scene aside button{background:transparent;text-align:left;color:#9d8aa9;padding:10px 12px;font-size:10px;border:1px solid transparent;border-radius:5px}.lesson-scene aside button[aria-pressed=true]{background:#9271aa1a;border-color:#614473;color:#e4cef3}.lesson-scene aside button>span{margin-right:14px;color:#937aa7;font-size:8px}.lesson-scene aside small{font-size:8px;color:#796686;margin-top:22px}.lesson-content{padding:40px}.lesson-label{display:block;font-size:9px;color:#a38fb3;letter-spacing:.06em;margin-bottom:21px}.lesson-content h3{font-size:30px;line-height:1.1;max-width:350px;color:#e7ddec}.lesson-content p{font-size:12px;line-height:1.7;color:#a297ab;max-width:350px;margin-top:20px}.lesson-equation{font-size:22px;font-weight:400;letter-spacing:-.03em;color:#d9c8e6;margin-block:25px}.lesson-equation span{padding-inline:12px;color:#786183}.lesson-content a{font-size:10px;color:#b9a1cb}.lesson-content a>span{margin-left:12px}.module-dialog{width:min(1020px,calc(100% - 32px))}.module-dialog>p{max-width:620px!important}.related-scene-note{font-size:10px;color:#a497b2;margin:16px 0}.module-dialog .text-link{margin-top:20px}.directions-intro{padding-top:175px;padding-bottom:65px}.directions-intro h1{font-size:clamp(38px,5vw,65px);line-height:1.08}.directions-intro>p{font-size:16px;max-width:600px;margin-top:25px;color:#b0a8bc}.direction-options{padding-bottom:100px;display:grid;gap:65px}.direction-option{border-top:1px solid #332b3d;padding-top:24px}.direction-preview{position:relative;isolation:isolate;height:470px;border:1px solid #3f334b;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:#09090c;text-align:center}.direction-preview>.brand-field{z-index:-1}.direction-preview h2{font-size:51px;line-height:1.05;letter-spacing:-.05em;color:#f2edf7}.direction-preview>div:not(.brand-field)>img{margin:0 auto 18px}.direction-number{position:absolute;top:22px;left:25px;font-size:10px;letter-spacing:.1em;color:#b5a6c2}.direction-preview-cta{display:inline-block;margin-top:22px;font-size:10px;padding:8px 13px;background:#e6dfed;color:#211c27;border-radius:5px}.direction-description{display:flex;justify-content:space-between;align-items:center;gap:50px;padding-top:24px}.direction-description h2{font-size:24px;letter-spacing:-.035em}.direction-description p{font-size:13px;line-height:1.65;max-width:610px;margin-top:12px;color:#9a8ea6}.direction-description .button{font-size:11px;flex-shrink:0}.directions-intro .eyebrow{font-size:9px}.direction-options .field-shade{background:linear-gradient(0deg,#09090c66,#09090c11)}
.brand-field:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:url('/assets/grain.svg');opacity:.07;mix-blend-mode:soft-light}.scene-table{font-size:12px}.chain-table tbody th button{font-size:12px}.scene-table thead th{font-size:9px}.showcase{overflow:clip}.product-scene:not([data-scene=flow]) [data-scene-pause]{display:none}.product-scene[data-scene=flow] .scene-key-hint{display:none}.scene-visible .latest-print{animation:print-arrives .5s cubic-bezier(.16,1,.3,1) both}.scene-visible .plot-bar{animation:bar-arrives .5s cubic-bezier(.16,1,.3,1) both}.scene-visible .plot-bar:nth-child(3n){animation-delay:.07s}.scene-visible .plot-bar:nth-child(3n + 1){animation-delay:.12s}.weave-signal{stroke-dasharray:none;animation-name:weave-pulse;animation-duration:6s;opacity:.15}@keyframes weave-pulse{0%,100%{opacity:.05}50%{opacity:.32}}@keyframes print-arrives{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-arrives{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes refraction-drift{from{transform:translate(0,0) scale(1)}to{transform:translate(18px,-16px) scale(1.035)}}@keyframes relief-drift{from{transform:translateY(-7px)}to{transform:translateY(10px)}}@keyframes signal-drift{from{transform:translate(-10px,3px)}to{transform:translate(12px,-6px)}}
.data-comparison .data-card,.data-comparison .data-card.agg{background:linear-gradient(140deg,#1b1621,#101014);border-color:#393040}.data-comparison .data-mode{font-size:12px;color:#b9a5ca;letter-spacing:.06em}.page-inactive *,.page-inactive *:before,.page-inactive *:after{animation-play-state:paused!important}
@media(min-width:761px){.direction-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.direction-option{display:flex;flex-direction:column;padding-top:16px}.direction-preview{height:350px}.direction-preview h2{font-size:clamp(25px,2.5vw,34px)}.direction-preview-cta{font-size:8px;margin-top:20px}.direction-number{left:15px;top:15px;font-size:8px}.direction-description{flex:1;display:flex;align-items:flex-start;flex-direction:column;gap:20px;padding-top:22px}.direction-description>div{flex:1}.direction-description h2{font-size:22px}.direction-description p{font-size:11px;line-height:1.65}.direction-description .button{font-size:10px;min-height:39px;padding-inline:14px}.direction-preview .field-variant>svg{width:160%;margin-left:-30%}}
@media(hover:hover){.feature-scene .product-scene{transition:transform .6s cubic-bezier(.16,1,.3,1)}.feature-scene:hover .product-scene{transform:translateY(-3px)}}
@media(min-width:1600px){.hero.hero-refined{min-height:940px}.hero-refined h1{font-size:88px}}
@media(max-width:1050px){.feature-flow{grid-template-columns:.65fr 1.35fr}.feature-copy{padding:27px 23px}.feature-copy h3{font-size:22px}.scene-price small{display:none}.scene-table th,.scene-table td{padding-inline:10px}.feature-flow .scene-traffic{width:22px}.scene-controls{gap:11px}.scene-segment button{padding-inline:10px}.exposure-copy{column-gap:35px}.lesson-content{padding:32px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.hero.hero-refined{min-height:max(750px,100svh);padding:130px 22px 100px}.hero-refined .hero-content{padding-top:35px}.hero-kicker{font-size:8px;letter-spacing:.15em;margin-bottom:25px}.hero-refined h1{font-size:clamp(48px,12vw,69px);line-height:1.04}.hero-refined p{font-size:14px;margin:25px auto 27px;max-width:310px;line-height:1.6}.hero-refined p br{display:none}.hero-refined .button{font-size:12px}.hero-refined .platform-marks{font-size:10px!important}.hero-pill{font-size:10px;margin-top:28px}.hero-motion{bottom:28px;right:21px}.field-variant>svg{width:155%;margin-left:-27.5%}.field-shade{background:radial-gradient(ellipse at 50% 50%,#09090c22,transparent 75%),linear-gradient(0deg,#09090c80,transparent 70%)}.directions-link{bottom:15px;left:12px;font-size:9px;padding:8px 10px}.command-trigger{bottom:15px;right:12px}.showcase{padding-top:35px;padding-bottom:65px}.showcase .section-heading h2{font-size:34px}.showcase .section-heading p{font-size:14px}.showcase .section-heading{margin-bottom:45px}.scene-backplate{inset:0 6px 10px}.backplate-one{transform:translate(-7px,-12px) rotate(-2deg)}.backplate-two{transform:translate(7px,-12px) rotate(2deg)}.scene-window-bar{padding:10px 12px;gap:8px;min-height:41px}.scene-window-bar>span:nth-child(2){font-size:9px;gap:6px}.scene-traffic{width:27px;gap:4px}.scene-traffic i{width:5px;height:5px}.scene-demo-label{display:none}.scene-window-bar>span:nth-child(2){margin-right:auto}.scene-controls{padding:12px;gap:10px;min-height:65px}.scene-segment button{font-size:10px;padding:8px 9px;min-height:29px}.scene-price{font-size:13px;margin-left:auto}.scene-expiry{margin-left:0;flex:1;justify-content:flex-end}.scene-table{font-size:10px;min-width:650px}.scene-table th,.scene-table td{padding:12px 15px}.scene-table thead th{font-size:8px}.chain-table tbody th button{font-size:10px;min-height:40px}.scene-selection{padding:12px;font-size:9px;gap:8px}.selection-hint{display:none}.scene-bottom{padding:10px 12px;font-size:6px;gap:9px}.scene-key-hint{display:none}.showcase-tabs{gap:4px;margin-top:17px;justify-content:space-between}.showcase-tabs button{min-width:0;font-size:8px;padding:10px 8px;gap:6px;flex:1;justify-content:center;white-space:nowrap}.showcase-tabs .module-icon{width:16px;height:16px}.feature-scenes{padding-block:30px 65px}.feature-scenes .section-heading h2{font-size:32px}.feature-scenes .section-heading p{font-size:14px}.scene-grid{display:block}.feature-scene{margin-bottom:16px}.feature-flow{display:flex;padding:0}.feature-flow .product-scene{margin:0 16px 20px;max-width:calc(100% - 32px)}.feature-flow .scene-table{min-width:570px}.feature-copy{padding:27px 23px}.feature-copy h3{font-size:24px}.feature-copy p{font-size:12px;max-width:290px}.flow-summary{padding:20px 13px 16px;gap:20px;flex-wrap:wrap}.flow-summary strong{font-size:22px}.flow-summary strong small{display:none}.replay-trade{font-size:8px}.feature-flow .scene-controls{padding:12px;gap:8px}.feature-flow .scene-price{font-size:11px}.feature-flow .scene-segment button{padding-inline:9px}.feature-flow .scene-segment:nth-of-type(2){margin-left:0}.feature-flow .scene-bottom{font-size:6px}.feature-oi .product-scene{margin:20px 16px 0}.feature-volatility .product-scene{margin:0 16px 20px}.plot-top{padding:20px 15px 0}.plot-top strong{font-size:17px;max-width:210px}.plot-top>div>span{font-size:8px}.plot-unit{font-size:7px;max-width:70px}.bar-chart{height:220px;padding:24px 15px 13px;gap:8px}.bar-strike{font-size:7px}.exposure-chart{height:260px}.smile-chart{padding:12px 8px 0;min-height:190px}.exposure-stage{padding:11px}.exposure-copy{display:block;padding:24px 12px 10px}.exposure-copy h3{font-size:26px;margin-bottom:14px}.exposure-copy>p{font-size:12px}.exposure-copy .exposure-limit{font-size:9px}.market-story{padding-block:60px}.market-story h2{font-size:32px}.market-story .section-heading p{font-size:14px}.story-captions strong{font-size:12px}.story-captions span{font-size:10px}.market-weave{max-height:200px}.tools-section{padding-block:60px}.tool-card{min-height:145px;padding:19px 14px}.tool-card strong{font-size:11px}.tool-card small{font-size:10px}.tool-card>.module-icon{width:35px;height:35px}.academy-section{padding-block:65px}.academy-copy{display:block;margin-bottom:26px}.academy-copy h2{font-size:37px;margin-bottom:18px}.academy-copy>p{font-size:14px;max-width:330px;margin-bottom:18px}.lesson-scene{grid-template-columns:1fr}.lesson-scene aside{padding:23px;border-right:0;border-bottom:1px solid #ffffff0c}.lesson-scene aside>img,.lesson-scene aside>strong,.lesson-scene aside>small{display:none}.lesson-scene aside>span{margin:0;font-size:11px}.lesson-scene aside>div{margin-top:15px;gap:4px}.lesson-scene aside button{padding:11px 10px;font-size:10px}.lesson-content{padding:28px 25px}.lesson-content h3{font-size:29px}.lesson-content p{font-size:12px}.lesson-label{margin-bottom:17px}.lesson-equation{font-size:20px}.lesson-equation span{padding-inline:5px}.ending{min-height:540px}.ending h2{font-size:36px}.ending .field-variant>svg{width:170%;margin-left:-35%}.module-dialog{padding:16px;max-width:calc(100% - 20px);width:calc(100% - 20px)}.module-dialog .scene-controls{padding:10px}.module-dialog .scene-price{font-size:11px}.related-scene-note{font-size:9px}.directions-intro{padding-top:145px;padding-bottom:40px}.directions-intro h1{font-size:35px}.directions-intro>p{font-size:13px}.direction-options{gap:35px;padding-bottom:65px}.direction-preview{height:380px}.direction-preview h2{font-size:39px}.direction-number{font-size:9px;top:17px;left:18px}.direction-description{display:block;padding-top:20px}.direction-description h2{font-size:22px}.direction-description p{font-size:12px}.direction-description .button{margin-top:20px;font-size:11px}.feature-scenes .eyebrow{font-size:8px}.direction-options .field-variant>svg{width:150%;margin-left:-25%}}
@media(max-width:760px){.chain-table,.flow-table,.feature-flow .scene-table{min-width:0;font-size:10px}.chain-table :is(th,td):nth-child(1),.chain-table :is(th,td):nth-child(3),.chain-table :is(th,td):nth-child(6),.flow-table :is(th,td):nth-child(1),.flow-table :is(th,td):nth-child(6){display:none}.scene-table th,.scene-table td{padding-inline:9px}.chain-table tbody th button{padding-inline:8px}.scene-table thead th{font-size:7px}.flow-table tbody th{font-size:9px}.flow-table th,.flow-table td{padding-inline:8px;font-size:9px}.flow-table td:nth-child(4){font-size:8px}.flow-table thead th{font-size:7px}}
@media(max-width:370px){.hero-refined h1{font-size:45px}.hero-refined p{font-size:13px}.showcase-tabs button{font-size:7px;padding-inline:6px}.scene-price{font-size:12px}.scene-segment button{font-size:9px;padding-inline:8px}.feature-flow .scene-price{font-size:10px}.scene-window-bar>span:nth-child(2){font-size:8px}.scene-table{font-size:9px}.feature-copy{padding-inline:20px}.plot-top strong{font-size:15px}.bar-chart{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-field *,.product-scene *{animation:none!important;transition:none!important}.feature-scene:hover .product-scene{transform:none}.refracted-planes,.relief-lines,.signal-paths{transform:none!important}.hero-content{animation:none!important}}


:root{--bg:#08090b;--panel:#101114;--line:#282a30;--blue:#9eafff;--scene-accent:#9eafff;--scene-call:#b3d0c5;--scene-put:#d9b7bf;font-family:'OptionMesh Brand',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{background:var(--bg)}h1,h2,h3,button,input,select{font-family:'OptionMesh Brand',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}h1,h2,h3{letter-spacing:-.035em}.wrap{width:min(1140px,calc(100% - 64px))}
.navbar{left:50%;right:auto;transform:translateX(-50%);width:min(1200px,calc(100% - 48px));height:74px;background:#101112e8;border-radius:16px}.brand-wordmark{width:125px}.desktop-nav{gap:25px}.desktop-nav a,.nav-signin{font-size:12px}.directions-link{display:none}
.hero.hero-refined{min-height:860px;min-height:max(820px,100svh);padding:180px 24px 94px;background:#08090b}.hero-refined .hero-content{padding-top:100px;position:relative;z-index:1;animation:none;opacity:1;transform:none}.hero-refined .hero-content>*{animation:none}.hero-refined h1{font-family:'OptionMesh Brand',sans-serif;font-size:clamp(48px,5vw,68px);font-weight:600;line-height:1.08;letter-spacing:-.04em}.hero-refined p{font-size:17px;line-height:1.5;color:#e1e2e6;max-width:500px;margin:30px auto 28px}.hero-refined .button{min-height:44px;padding-inline:22px;font-size:13px}.hero-refined .platform-marks{font-size:10px!important;opacity:.8}.hero.hero-refined:after{z-index:0;background:linear-gradient(180deg,transparent 65%,#08090b 100%);pointer-events:none}.hero-motion{z-index:2;bottom:28px;right:32px;border-radius:50%;background:#14161bd9}.hero-logo{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.hero-logo-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}.hero-logo-canvas[data-renderer=webgl]{opacity:1}.hero-logo-fallback{position:absolute;inset:-7% 0 0;background:linear-gradient(125deg,#172c5d 12%,#3f64b4 40%,#a8bfe0 49%,#244582 60%,#11224a 82%);mask:url('/assets/hero-logo-mask.svg') center/auto 90% no-repeat;-webkit-mask:url('/assets/hero-logo-mask.svg') center/auto 90% no-repeat;transform:rotate(-14deg);opacity:.55}.hero-logo-canvas[data-renderer=webgl]+.hero-logo-fallback{opacity:0}.hero-refined .hero-pill{margin-top:28px;font-size:10px;border-color:#ffffff1a;background:#111318a6;box-shadow:none}
.showcase{padding-top:135px;padding-bottom:105px;overflow:visible}.showcase .section-heading{margin-bottom:80px}.showcase .section-heading h2{font-size:28px;line-height:1.18;font-weight:550;letter-spacing:-.025em}.showcase .section-heading p{font-size:18px;line-height:1.4;margin-top:10px;color:#858990}.showcase-scene-stack{perspective:1400px}.scene-backplate{background:linear-gradient(155deg,#1b1d24,#0c0e12);border-color:#ffffff1e;box-shadow:0 15px 50px #0005}.backplate-one{transform:translate(-20px,-19px) rotate(-2deg);opacity:.65}.backplate-two{transform:translate(18px,-34px) rotate(2.5deg);opacity:.35}.scene-backplate>span{color:#b6bbc4;font-size:10px}
.product-scene{background:#101215;border-color:#363940;box-shadow:inset 0 1px #ffffff0e,0 32px 90px #0005;}.scene-window-bar{min-height:46px;background:linear-gradient(180deg,#25272c,#1b1e23);font-size:11px;color:#bfc3cb}.scene-window-bar b{color:#eceef2}.scene-demo-label{font-size:8px;color:#b1b7c1}.scene-controls{padding:20px 24px;gap:18px;min-height:75px}.scene-segment button{font-size:12px;min-height:34px;padding:7px 13px}.scene-price{font-size:16px;color:#f0f2f7}.scene-price small{color:#9fa6b1}.scene-expiry{font-size:11px;color:#a6acb6}.scene-expiry select{font-size:12px;min-height:34px;color:#e2e7ef;border-color:#444a55}.scene-table{font-size:13px}.chain-table thead th{font-size:11px;font-weight:450;color:#a6adb8}.chain-table .chain-side-labels th{text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.13em;padding:11px 10px;background:#0d1013;border-bottom:1px solid #2b3038}.chain-side-labels th:first-child{color:#a7c7bb}.chain-side-labels th:last-child{color:#d5b2bb}.chain-table td,.chain-table tbody th{height:40px;padding:5px 12px;border-bottom-color:#ffffff08}.chain-table tbody th button{font-size:13px;min-height:28px;padding:6px 9px;min-width:86px;border-radius:5px;color:#ecf0f7}.chain-table tbody tr.selected{background:#829ee910}.chain-table tbody tr.selected th button{background:#c3d0f1;color:#141b2b;box-shadow:0 0 0 1px #e1e9ff30}.chain-table tbody tr:hover{background:#a8bce80a}.chain-table .call-ink,.chain-table .put-ink{color:#dde5ef}.chain-table .delta-cell{color:#a6afbb}.scene-selection{min-height:59px;font-size:11px;padding:15px 23px;background:#15191f;color:#a4adba}.scene-selection strong{color:#e3e8f1}.scene-selection .selection-dot{background:#a7b9e7}.scene-bottom{font-size:9px;color:#99a1ad;min-height:36px}.showcase-tabs{margin:28px auto 18px;width:min(620px,100%);gap:8px;background:none;border:0}.showcase-tabs button{font-size:12px;padding:13px 16px;border:1px solid transparent;border-radius:9px;background:transparent;color:#9299a6}.showcase-tabs button[aria-selected=true]{background:#171a20;border-color:#343a45;color:#edf0f6;box-shadow:inset 0 1px #ffffff10}.showcase-tabs .module-icon{width:18px;height:18px}.showcase:has([data-scene-id=workspace-scene]:not([data-scene=chain])) .chain-playback{visibility:hidden}
.matrix-section{position:relative;isolation:isolate;overflow:hidden;margin:75px 0 135px;min-height:770px;background:#08090b}.matrix-layout{width:min(1140px,calc(100% - 64px));min-height:770px;margin:auto;display:grid;grid-template-columns:36% 64%;align-items:center;gap:0}.matrix-copy{position:relative;z-index:1;padding-bottom:20px}.matrix-copy h2{font-size:24px;font-weight:550;line-height:1.25;max-width:320px;letter-spacing:-.02em}.matrix-copy>p{font-size:24px;line-height:1.25;font-weight:450;color:#797e87;letter-spacing:-.02em;margin-top:5px}.matrix-copy .button{margin-top:40px;font-size:12px;min-height:40px}.matrix-object{position:relative;width:760px;max-width:calc(100% + 50px);padding:28px 4px 22px 20px;perspective:1400px}.matrix-board{position:relative;width:100%;padding:23px 22px 17px;transform:rotateY(-8deg) rotateX(6deg) rotateZ(-1.5deg);transform-origin:50% 50%;border:1px solid #ffffff06;border-radius:22px;background:linear-gradient(130deg,#10131877,#08090b40 75%);box-shadow:inset 0 1px #ffffff04,20px 35px 65px #0002}.matrix-object:after{content:'';position:absolute;inset:0 -20% -20px;pointer-events:none;background:linear-gradient(180deg,#08090b 0%,transparent 12%,transparent 85%,#08090b 100%)}.matrix-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;font-size:11px;color:#8c949f}.matrix-name{display:flex;align-items:center;gap:8px;color:#c3c9d2}.matrix-name img{opacity:.75}.matrix-sample{font-size:9px;color:#858e99}.matrix-controls{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.matrix-segment{display:flex;gap:2px;padding:3px;background:#11151a;border:1px solid #2b3038;border-radius:7px}.matrix-segment button{padding:7px 10px;font-size:10px;color:#969eaa;background:none;border-radius:4px;min-height:31px}.matrix-segment button[aria-pressed=true]{color:#f0f3f9;background:linear-gradient(#353b46,#272d37);box-shadow:inset 0 1px #ffffff13,0 2px 4px #0004}.exposure-matrix{width:100%;border-collapse:separate;border-spacing:9px 9px;table-layout:fixed;font-variant-numeric:tabular-nums}.exposure-matrix th{padding:0 1px 6px;font-size:9px;font-weight:450;color:#818b99;text-align:center;white-space:nowrap}.exposure-matrix .matrix-axis{width:57px;text-align:right;padding-right:6px;color:#8d96a4}.exposure-matrix thead .matrix-axis{font-size:8px;text-transform:uppercase;letter-spacing:.09em}.exposure-matrix td{padding:0;height:60px}.matrix-cell{isolation:isolate;position:relative;display:block;width:100%;height:100%;min-height:60px;padding:0 4px;border:1px solid #282e36;border-top-color:#3a4049;border-radius:10px;background:linear-gradient(145deg,#171c22,#0d1116 78%);box-shadow:inset 0 1px #ffffff0a,inset 0 -2px #0008,0 3px 0 #040608,0 6px 8px #0006;color:#c5d5ce;font-size:16px;font-weight:500;letter-spacing:-.04em;transition:transform .16s,background-color .2s,border-color .2s}.matrix-cell:before{content:'';position:absolute;inset:1px;border-radius:9px;background:radial-gradient(ellipse at 50% 100%,#72a48b3b,transparent 80%);opacity:calc(var(--heat) * .5);z-index:-1}.matrix-cell.negative{color:#d4bec3}.matrix-cell.negative:before{background:radial-gradient(ellipse at 50% 100%,#b47c8e3d,transparent 80%)}.matrix-cell.unavailable{color:#707985;font-size:11px;letter-spacing:0}.matrix-cell:hover,.matrix-cell.is-selected{transform:translateY(-2px);border-color:#78879c;background:linear-gradient(145deg,#2b333f,#161e2b);color:#f2f6fc;box-shadow:inset 0 1px #ffffff22,0 3px 0 #080b10,0 8px 20px #0008}.matrix-cell.is-selected:after{content:'';position:absolute;inset:5px;border:1px solid #9ebaff25;border-radius:6px;pointer-events:none}.matrix-cell:focus-visible{outline:2px solid #c6d8ff;outline-offset:3px}.matrix-cell:active{transform:translateY(1px)}.matrix-inspector{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;margin:12px 9px 0 72px;padding:15px 4px 8px;border-top:1px solid #ffffff0c}.matrix-inspector>span{display:flex;flex-direction:column;gap:5px}.matrix-inspector strong{font-weight:500;color:#d5dce7;font-size:12px}.matrix-inspector small{color:#838e9f;font-size:9px}.matrix-reading{text-align:right}.matrix-reading strong{font-size:18px;letter-spacing:-.035em}.matrix-reading.positive strong{color:#c5dccf}.matrix-reading.negative strong{color:#d8bcc5}.matrix-reading.unavailable strong{color:#8e98a7}.matrix-board .matrix-inspector{display:none}.matrix-desktop-detail{display:flex;margin:30px 0 0;max-width:290px;min-height:65px;padding:15px 0 0;gap:20px}.matrix-desktop-detail strong{font-size:12px}.matrix-desktop-detail .matrix-reading strong{font-size:22px}.matrix-desktop-detail small{font-size:9px}.matrix-desktop-detail .matrix-reading{text-align:right}.matrix-bottom{display:flex;justify-content:space-between;align-items:center;margin:8px 9px 0 72px}.matrix-legend{display:flex;align-items:center;gap:8px;color:#858e9b;font-size:8px}.matrix-legend i{width:48px;height:3px;display:block;background:linear-gradient(90deg,#b08291,#2d353c,#87af9a);border-radius:3px}.matrix-play{font-size:9px;color:#aab5c4;background:none;padding:5px 1px}.matrix-help{text-align:right;margin:12px 13px 0 0;font-size:9px;color:#8792a1;position:relative;z-index:1}
.tools-section.v5-tools{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:40px;padding-top:55px;margin-bottom:100px}.v5-tools .section-heading{grid-area:1/1;text-align:left;margin:0 0 54px}.v5-tools .section-heading h2{font-size:22px;letter-spacing:-.02em}.v5-tools .section-heading p{margin-left:0;margin-right:0;font-size:18px;line-height:1.3;color:#858990;max-width:350px;margin-top:5px}.v5-tools .tool-browser{display:contents}.v5-tools .tool-filters{grid-area:1/2;justify-self:end;display:flex;flex-wrap:nowrap;border:1px solid #25292f;background:#101215;padding:5px;border-radius:30px;margin:0 0 54px;gap:0}.v5-tools .tool-filters button{border:0;background:none;border-radius:24px;font-size:10px;padding:11px 13px;color:#858b96;white-space:nowrap}.v5-tools .tool-filters button[aria-pressed=true]{background:linear-gradient(#35393f,#1a1e25);color:#e9edf3;box-shadow:inset 0 1px #ffffff12,0 4px 9px #0004}.v5-tools .tool-grid{grid-column:1/-1;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1px;overscroll-behavior-x:contain;padding:3px 2px 22px;scrollbar-width:thin;scrollbar-color:#353b46 transparent}.v5-tools .tool-card{position:relative;flex:0 0 calc((100% - 48px)/3);min-height:270px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;text-align:left;padding:24px 22px;border:1px solid #373d5c;border-radius:18px;background:radial-gradient(ellipse at 50% 100%,#40509533,transparent 75%),linear-gradient(150deg,#1d2348,#101524);scroll-snap-align:start;overflow:hidden;gap:19px}.v5-tools .tool-card[data-group=Flow]{border-color:#2e4c49;background:radial-gradient(ellipse at 50% 100%,#386d6233,transparent 75%),linear-gradient(150deg,#122f2c,#0d1c1c)}.v5-tools .tool-card[data-group=Exposure]{border-color:#4b3849;background:radial-gradient(ellipse at 50% 100%,#75405d33,transparent 75%),linear-gradient(150deg,#302231,#17131d)}.v5-tools .tool-card[data-group=Volatility]{border-color:#3e3c57;background:radial-gradient(ellipse at 50% 100%,#5a559333,transparent 75%),linear-gradient(150deg,#28243e,#14141e)}.v5-tools .tool-card>.module-icon{width:38px;height:38px;flex:0 0 38px;padding:7px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff08}.v5-tools .tool-card>span:nth-of-type(1){display:contents}.v5-tools .tool-card>.tool-copy>strong{font-size:15px;font-weight:500;max-width:calc(100% - 72px);margin-top:8px}.v5-tools .tool-card>.tool-copy>small{display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;flex:0 0 100%;font-size:13px;line-height:1.65;color:#d3d8e4;margin-top:2px}.v5-tools .tool-arrow{position:absolute;right:16px;bottom:20px;top:auto;color:#bdc9de}.v5-tools .tool-card:after{content:'';position:absolute;height:1px;left:22px;right:22px;bottom:51px;background:#ffffff0b}.v5-tools .tool-card:hover{transform:translateY(-2px);border-color:#7785a2}.v5-tools .more-tools{grid-column:1/-1;justify-self:start;margin-top:15px}.v5-tools>.text-link{grid-column:1/-1;justify-self:end;font-size:12px;margin-top:18px}.feature-scenes{padding-top:80px;padding-bottom:90px}.feature-scenes .section-heading h2,.sources-section .section-heading h2{font-size:30px}.feature-scenes .eyebrow{display:none}.feature-copy h3{font-size:22px}.feature-copy p{font-size:14px;line-height:1.6}.source-disclosure{color:#979eaa}.scene-controls button:focus-visible,.matrix-segment button:focus-visible{outline:2px solid #c6d8ff;outline-offset:3px}
@media(min-width:1600px){.hero.hero-refined{min-height:940px}.hero-refined h1{font-size:72px}}
@media(max-width:1050px){.matrix-layout{grid-template-columns:31% 69%}.matrix-copy h2,.matrix-copy>p{font-size:21px}.matrix-object{padding-left:5px;max-width:calc(100% + 25px)}.matrix-board{padding-inline:13px}.matrix-segment button{padding-inline:8px}.matrix-cell{font-size:14px;min-height:60px}.exposure-matrix td{height:60px}.v5-tools{column-gap:15px}.v5-tools .tool-filters button{padding:10px 9px;font-size:9px}.v5-tools .section-heading p{font-size:16px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.hero.hero-refined{min-height:max(750px,100svh);padding:135px 20px 80px}.hero-refined .hero-content{padding-top:80px}.hero-refined h1{font-size:clamp(42px,11.5vw,60px);line-height:1.09;letter-spacing:-.045em}.hero-refined p{font-size:15px;line-height:1.5;margin:24px auto 25px;max-width:320px}.hero-refined p br{display:none}.hero-refined .platform-marks{font-size:10px!important;margin-top:18px!important}.hero-refined .hero-pill{font-size:10px}.hero-motion{right:20px;bottom:24px}.hero-logo-fallback{inset:0 -20%;mask-size:auto 72%;-webkit-mask-size:auto 72%}.showcase{padding-top:85px;padding-bottom:65px;overflow:clip}.showcase .section-heading{margin-bottom:55px}.showcase .section-heading h2{font-size:25px}.showcase .section-heading p{font-size:15px}.scene-backplate{inset:0 6px 10px}.backplate-one{transform:translate(-6px,-12px) rotate(-2deg)}.backplate-two{transform:translate(5px,-24px) rotate(2deg)}.scene-window-bar{font-size:10px;min-height:42px;padding-inline:12px}.scene-window-bar>span:nth-child(2){font-size:10px}.scene-demo-label{font-size:6px}.scene-controls{padding:13px 12px;gap:9px;flex-wrap:wrap}.scene-segment button{min-height:40px;font-size:11px;padding-inline:12px}.scene-price{font-size:13px}.scene-price small{font-size:8px}.scene-expiry{margin-left:auto;font-size:10px}.scene-expiry select{min-height:40px;font-size:11px}.chain-table .chain-side-labels{display:none}.chain-table thead tr:not(.chain-side-labels) th:nth-child(2),.chain-table thead tr:not(.chain-side-labels) th:nth-child(4),.chain-table thead tr:not(.chain-side-labels) th:nth-child(6),.chain-table tbody td:nth-child(2),.chain-table tbody th:nth-child(4),.chain-table tbody td:nth-child(6){display:table-cell}.chain-table thead tr:not(.chain-side-labels) th:nth-child(1),.chain-table thead tr:not(.chain-side-labels) th:nth-child(3),.chain-table thead tr:not(.chain-side-labels) th:nth-child(5),.chain-table thead tr:not(.chain-side-labels) th:nth-child(7),.chain-table tbody td:nth-child(1),.chain-table tbody td:nth-child(3),.chain-table tbody td:nth-child(5),.chain-table tbody td:nth-child(7){display:none}.chain-table thead th,.chain-table tbody td,.chain-table tbody th{padding:4px 5px;font-size:12px;height:43px}.chain-table thead tr:not(.chain-side-labels) th:nth-child(2):before{content:'Call ';color:#b3d0c5}.chain-table thead tr:not(.chain-side-labels) th:nth-child(6):before{content:'Put ';color:#d9b7bf}.chain-table tbody th button{font-size:12px;min-height:44px;min-width:76px;padding:8px}.scene-table-scroll{overflow-x:auto}.scene-selection{min-height:65px;padding:14px 12px;font-size:10px;flex-wrap:wrap;gap:7px 10px}.selection-hint{display:none}.scene-bottom{font-size:8px;padding-inline:11px}.scene-bottom .scene-key-hint{display:none}.showcase-tabs{gap:3px;margin-top:20px}.showcase-tabs button{font-size:9px;padding:11px 7px;gap:5px}.showcase-tabs .module-icon{width:15px;height:15px}
.matrix-board .matrix-inspector{display:flex}.matrix-desktop-detail{display:none}.matrix-section{margin:35px 0 85px;min-height:0}.matrix-layout{width:calc(100% - 36px);min-height:0;display:grid;grid-template-columns:1fr;gap:30px}.matrix-copy{padding:20px 4px 0}.matrix-copy h2,.matrix-copy>p{font-size:22px;line-height:1.3}.matrix-copy .button{margin-top:24px;font-size:11px;min-height:39px}.matrix-object{width:100%;max-width:100%;padding:0 0 15px;perspective:none}.matrix-board{transform:none;border-radius:14px;padding:17px 8px 12px;background:linear-gradient(140deg,#11161c77,#08090b);border-color:#ffffff08}.matrix-topline{padding-inline:6px;font-size:10px;margin-bottom:16px}.matrix-sample{font-size:8px}.matrix-controls{padding-inline:3px;gap:6px;margin-bottom:14px;flex-wrap:wrap}.matrix-segment{gap:0;padding:2px}.matrix-segment button{font-size:9px;min-height:40px;padding:6px 9px}.exposure-matrix{border-spacing:5px 7px}.exposure-matrix .matrix-axis{width:42px;font-size:8px;padding-right:3px}.exposure-matrix thead th{font-size:9px;padding-bottom:3px}.exposure-matrix td{height:46px}.matrix-cell{min-height:46px;border-radius:7px;font-size:12px;font-weight:500;padding:0 1px}.matrix-cell:before{border-radius:6px}.matrix-cell.is-selected:after{inset:3px;border-radius:4px}.matrix-cell.unavailable{font-size:8px}.matrix-inspector{margin:12px 6px 0 49px;min-height:70px;padding-top:10px;gap:10px}.matrix-inspector strong{font-size:10px}.matrix-inspector small{font-size:8px;line-height:1.4}.matrix-reading strong{font-size:17px}.matrix-bottom{margin-left:49px;margin-right:5px}.matrix-play{font-size:9px;min-height:36px;padding-inline:4px}.matrix-legend{font-size:7px;gap:5px}.matrix-legend i{width:32px}.matrix-help{font-size:8px;text-align:left;padding-left:7px;line-height:1.7;margin-top:8px}.matrix-object:after{display:none}
.tools-section.v5-tools{display:block;padding-top:35px;margin-bottom:55px}.v5-tools .section-heading{margin-bottom:25px}.v5-tools .section-heading h2{font-size:22px}.v5-tools .section-heading p{font-size:16px}.v5-tools .tool-browser{display:block}.v5-tools .tool-filters{width:max-content;max-width:100%;overflow-x:auto;margin-bottom:24px;padding:4px}.v5-tools .tool-filters button{font-size:9px;padding:11px 9px;min-height:40px}.v5-tools .tool-grid{gap:14px;padding-bottom:16px}.v5-tools .tool-card{flex-basis:86%;min-height:250px;padding:23px 20px;gap:17px}.v5-tools .tool-card>.tool-copy>strong{font-size:15px}.v5-tools .tool-card>.tool-copy>small{font-size:13px}.v5-tools .more-tools{font-size:12px;margin-top:15px}.v5-tools>.text-link{font-size:12px;display:flex;justify-content:flex-end;margin-top:20px}.feature-scenes{padding-top:55px;padding-bottom:55px}.feature-scenes .section-heading h2,.sources-section .section-heading h2{font-size:26px}.feature-copy h3{font-size:21px}.feature-copy p{font-size:13px}.command-trigger{bottom:15px;right:16px}}
@media(max-width:370px){.hero-refined h1{font-size:41px}.matrix-segment button{padding-inline:7px;font-size:8px}.matrix-cell{font-size:11px}.exposure-matrix .matrix-axis{width:37px;font-size:7px}.exposure-matrix thead th{font-size:8px}.scene-price small{display:none}.scene-bottom{font-size:7px}.showcase-tabs button{font-size:8px}.v5-tools .tool-filters button{font-size:8px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-logo-fallback{transform:rotate(-14deg)}.matrix-cell,.v5-tools .tool-card{transition:none}.backplate-one,.backplate-two{animation:none}.v5-in-view{animation:none}}
.motion-paused .hero-logo-fallback{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){[data-motion-toggle]{display:none}.matrix-play:disabled,.chain-playback button:disabled{color:#9ca6b5;cursor:default}}
@media(max-width:760px){.command-trigger{display:none}}

body:has([data-matrix].v5-in-view) .command-trigger{visibility:hidden}

/* One responsive header contract; product panels and hero scenes are unchanged. */
@media(max-width:980px){
  .navbar{width:calc(100% - 24px);height:64px;top:12px;padding-inline:12px;gap:8px;border-radius:13px}
  .navbar .desktop-nav,.navbar .nav-signin{display:none}
  .navbar .nav-actions{margin-left:auto;gap:8px;flex-shrink:0}
  .navbar .menu-toggle{display:block;width:44px;height:44px;padding:10px;flex-shrink:0}
  .navbar .button-small{min-height:44px;font-size:12px;padding:8px 12px;gap:9px}
  .navbar .brand-wordmark{width:114px}
  .navbar .brand-emblem{width:25px;height:28px}
  .navbar .brand{gap:8px}
  .mobile-nav{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
  .mobile-nav a,.mobile-nav button{min-height:44px}
}
@media(max-width:600px){
  .navbar .brand-wordmark{width:clamp(76px,20vw,114px)}
  .navbar .button-small{font-size:10px;padding-inline:10px;gap:8px}
}
@media(max-width:360px){.navbar .brand-wordmark{display:none}}
/* Terminal selector refinement */
 .showcase.wrap .showcase-tabs{display:grid;grid-template-columns:repeat(6,auto);width:fit-content;max-width:100%;gap:3px;padding:5px;margin:26px auto 0;border:1px solid #ffffff14;border-radius:30px;background:#101114;box-shadow:inset 0 1px #ffffff04;overflow:visible}
 .showcase.wrap .showcase-tabs button{width:auto;min-width:0;min-height:44px;padding:11px 18px;gap:0;border:0;border-radius:24px;background:transparent;color:#a1a5ae;font-family:'OptionMesh Brand',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:13px;font-weight:500;line-height:1.3;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
 .showcase.wrap .showcase-tabs button:after,.showcase.wrap .showcase-tabs .module-icon{display:none}
 .showcase.wrap .showcase-tabs button:hover{background:#ffffff06;color:#f2f3f5}
 .showcase.wrap .showcase-tabs button[aria-selected=true]{background:linear-gradient(180deg,#303338,#202227);box-shadow:inset 0 1px #ffffff1f,0 2px 5px #0003;color:#fff}
 .showcase.wrap .showcase-tabs button:focus-visible{outline:2px solid #b6c1ff;outline-offset:3px}
 @media(max-width:760px){.showcase.wrap .showcase-tabs{grid-template-columns:repeat(3,minmax(0,1fr));width:min(420px,100%);border-radius:21px;margin-top:20px;gap:3px}.showcase.wrap .showcase-tabs button{padding:11px 6px;font-size:12px;border-radius:16px;white-space:normal}}
 @media(prefers-reduced-motion:reduce){.showcase.wrap .showcase-tabs button{transition:none}}
/* Presentation controls are omitted across public pages and module dialogs. */
body .product-scene .scene-bottom [data-scene-pause],body [data-matrix-play],body [data-expand-demo],body [data-pause-demo],body [data-scene-expand],body .hero-motion,body .chart-scrubber{display:none!important}
.footer .footer-motion{width:auto;height:auto;padding:6px 10px;border:1px solid #ffffff20;border-radius:6px;font:inherit;min-height:36px;color:#b8bdc7;background:transparent}
.footer .footer-motion[aria-pressed=true]{color:#fff;background:#ffffff0a}

/* Plot inspection uses the chart itself, without a visible range control. */
.chart-inspector{border-radius:3px;outline-offset:-2px;touch-action:pan-y}
.chart-inspector:focus-visible{outline:2px solid #a9b6ff}

.product-catalogue .tool-card[data-catalogue-tool=overview]:has(.card-preview){--preview-height:358px}
.product-catalogue .tool-card[data-catalogue-tool=overview] .panel-plot-heading{padding-block:8px 6px}

/* Presentation chrome stays outside the financial data and the page scrollbar. */
.product-scene .scene-content,.product-scene .scene-content *,#module-scene-host{scrollbar-width:none}
.product-scene ::-webkit-scrollbar,#module-scene-host::-webkit-scrollbar{display:none;width:0;height:0}
.product-scene .scene-demo-label,.matrix-bottom>small,.matrix-context>small:last-child,.matrix-controls>span{display:none}
.matrix-object>.matrix-help{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.showcase.wrap .showcase-composition{position:relative}
.showcase.wrap .showcase-composition>.showcase-tabs{position:sticky;left:auto;bottom:16px;transform:none;z-index:8;margin:-76px auto 0;width:max-content;max-width:calc(100% - 32px);padding:6px;border-color:#ffffff1f;background:#111316e8;backdrop-filter:blur(16px);box-shadow:0 5px 24px #0005}
.showcase.wrap .showcase-composition>.showcase-tabs button{min-height:46px;font-size:14px;padding:12px 17px}
.showcase.wrap #workspace-panel .scene-content{padding-bottom:100px;scrollbar-width:none}
.tools-section.v5-tools .tool-filters{padding:6px;max-width:100%;scrollbar-width:none}
.tools-section.v5-tools .tool-filters::-webkit-scrollbar{display:none}
.tools-section.v5-tools .tool-filters button{font-size:14px;min-height:46px;padding:12px 17px}
@media(max-width:760px){
 .showcase.wrap .showcase-composition>.showcase-tabs{width:calc(100% - 24px);max-width:420px;bottom:12px;margin-top:-72px;border-radius:30px;gap:3px;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 .showcase.wrap .showcase-composition>.showcase-tabs button{font-size:13px;min-height:44px;padding:10px 13px;flex:0 0 auto;white-space:nowrap}
 .showcase.wrap #workspace-panel .scene-content{padding-bottom:92px}
 .tools-section.v5-tools .tool-filters button{font-size:13px;min-height:44px;padding:11px 13px}
}

.showcase.wrap .showcase-composition>.showcase-tabs::-webkit-scrollbar{display:none}

/* Product surfaces follow the supplied OptionMesh screenshots; the marketing shell stays unchanged. */
@font-face{font-family:OptionMesh Product;src:url('/assets/book.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:OptionMesh Product;src:url('/assets/medium.woff2') format('woff2');font-weight:500 700;font-display:swap}
.product-scene,.matrix-section{--scene-call:#00d5a0;--scene-put:#ff416c;--scene-accent:#453bff}
.product-scene{background:#030405;border:1px solid #30343c;border-radius:9px;color:#f0f2f8;box-shadow:none;font-family:'OptionMesh Product',sans-serif}
.product-scene :is(button,select,h3,h4){font-family:inherit}
.product-scene .scene-window-bar{min-height:62px;padding:12px 20px;background:#050607;border-color:#24272d;gap:18px;font-size:14px;justify-content:flex-start}
.product-scene .scene-product-brand{display:flex;align-items:center;gap:15px;border-right:1px solid #353942;padding-right:20px;flex-shrink:0}
.product-scene .scene-product-brand>img:first-child{width:25px;height:28px}
.product-scene .scene-product-brand>.scene-wordmark{width:108px;height:16px}
.product-scene .scene-module-name{display:flex;align-items:center;gap:11px;min-width:0;font-size:14px;color:#b9c6d9}
.product-scene .scene-module-name strong{font-weight:500;color:#fff}
.product-scene .scene-module-name b{font-weight:400;color:#b9c6d9;white-space:nowrap}
.product-scene .window-divider{color:#b9c6d9}
.product-scene .scene-demo-label{margin-left:auto;letter-spacing:.05em;color:#8f9db2;font-size:9px}
.product-scene .scene-window-bar>.scene-segment{margin-left:auto;flex-shrink:0;padding:0;gap:0;overflow:hidden}
.product-scene .scene-window-bar>.scene-segment button{min-width:54px;min-height:36px;border-radius:0;font-size:12px}
.product-scene .scene-controls{min-height:56px;padding:10px 17px;background:#050607;border-color:#22252b;gap:16px}
.product-scene .scene-segment{border:1px solid #303642;background:#05070a;border-radius:5px;padding:2px;gap:2px}
.product-scene .scene-segment button{min-height:33px;font-size:12px;padding:7px 12px;color:#b7c2d5;border:1px solid transparent;border-radius:3px;background:none;box-shadow:none}
.product-scene .scene-segment button[aria-pressed=true]{background:linear-gradient(115deg,#071861,#22158c);border-color:#5651dc;color:#fff;box-shadow:none}
.product-scene .scene-price{font-size:15px;letter-spacing:0;color:#f4f6fa}
.product-scene .scene-price small{font-size:10px;color:#9baac0}
.product-scene .scene-source-context{margin-left:auto;font-size:10px;color:#a2b0c4}
.product-scene .scene-expiry-strip{display:flex;margin:10px 16px 15px;border:1px solid #262b33;border-radius:4px;overflow:hidden}
.product-scene .scene-expiry-strip button{flex:1;min-width:0;min-height:54px;padding:10px 4px;background:#030405;border:0;border-right:1px solid #262b33;color:#e8ebf4;font-size:12px;white-space:nowrap}
.product-scene .scene-expiry-strip button:last-child{border-right:0}
.product-scene .scene-expiry-strip button[aria-pressed=true]{background:linear-gradient(110deg,#15103e,#04112b);box-shadow:inset 0 0 0 1px #4336d5;color:#fff}
.product-scene .scene-table-scroll{padding:0 16px;scrollbar-color:#414b61 #030405}
.product-scene .scene-table{width:100%;min-width:0;border-collapse:collapse;line-height:1.3;color:#f1f3f9;font-size:13px;text-align:center;font-variant-numeric:tabular-nums}
.product-scene .scene-table thead{background:#050607;color:#b9c6d9}
.product-scene .scene-table th,.product-scene .scene-table td{padding:9px 7px;border-bottom:1px solid #20242a;height:43px;font-weight:400}
.product-scene .scene-table thead th{font-size:11px;letter-spacing:0;color:#b9c6d9}
.product-scene .chain-table .chain-side-labels{display:table-row}
.product-scene .chain-table .chain-side-labels th{padding:10px 6px;font-size:15px;letter-spacing:.025em;text-transform:uppercase;background:#030405}
.product-scene .chain-table .chain-side-labels th:first-child{color:#00e5a8}
.product-scene .chain-table .chain-side-labels th:last-child{color:#ff416c}
.product-scene .chain-table .chain-side-labels .strike-column{color:#eaf0fa;font-size:15px}
.product-scene .chain-table :is(th,td).strike-column{background:#0d1014;border-inline:1px solid #23272f;width:10%;padding:0 7px;text-align:center}
.product-scene .chain-table tbody th button{min-width:66px;min-height:44px;width:100%;font-size:18px;font-weight:400;color:#f2f4fc;background:transparent;border-radius:0;padding:6px 0;box-shadow:none}
.product-scene .chain-table tbody tr.selected{background:#1b2028}
.product-scene .chain-table tbody tr.selected th button{background:none;box-shadow:none;color:#fff}
.product-scene .scene-table tbody tr:hover{background:#141820}
.product-scene .chain-table :is(td,th).quote-column{padding-inline:4px}
.quote-pair{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.quote-bid,.quote-ask{display:inline-block;min-width:54px;padding:5px 6px;color:#020304;border-radius:3px;font-size:12px;line-height:1.1}
.quote-bid{background:#ff355f}.quote-ask{background:#00c990}.quote-divider{font-size:12px;color:#afbacb}
.compact-side{display:none}
.product-scene .chain-table .compact-strike{display:none}
.product-scene .scene-selection{min-height:51px;padding:12px 18px;gap:14px;background:#06080b;border-top:1px solid #22262d;font-size:11px;color:#afbdd2;flex-wrap:wrap}
.product-scene .scene-selection strong{font-weight:400;color:#f4f6ff}
.product-scene .scene-bottom{padding:11px 18px;background:#030405;border-top:1px solid #22262d;font-size:10px;color:#95a3b9;gap:15px}
.product-scene .call-ink,.product-scene .chain-table .call-ink{color:#00e0a2}.product-scene .put-ink,.product-scene .chain-table .put-ink{color:#ff416c}
.product-scene .trade-side{background:none;border:0;padding:0;font-size:12px}.product-scene .trade-side.call{color:#00e0a2}.product-scene .trade-side.put{color:#ff416c}
.product-scene .flow-summary{padding:19px 20px;border-bottom:1px solid #20242a;background:#030405;gap:28px}
.product-scene .flow-summary>div>span{color:#9baac0;font-size:10px}.product-scene .flow-summary strong{font-size:24px;font-weight:400;color:#f2f6ff}.product-scene .flow-summary small{color:#98a7bd;font-size:10px}
.product-scene .replay-trade{border:1px solid #343b48;border-radius:4px;color:#e6eaf4;background:#06080b;padding:9px 12px;font-size:11px}
.product-scene .latest-print{background:#14161d}.product-scene .scene-table tbody tr:nth-child(even):not(.selected):not(:hover){background:#0b0d11}
.product-scene .oi-table button{color:#eef2ff;background:none;padding:5px;min-height:36px;font-size:14px}
.product-scene .oi-table tr.selected{background:#171b25}
.product-scene .plot-top{padding:20px 20px 5px;gap:20px}.product-scene .plot-top strong{font-size:18px;font-weight:400;color:#e7edf9}.product-scene .plot-top>div>span,.product-scene .plot-unit{color:#94a5c1;font-size:10px}
.product-scene .smile-chart{background:#030405;margin:0;padding:15px 16px 0;min-height:210px}
.product-scene .bar-chart{background:#030405}.product-scene .bar-track i{background:#00cc96;border-radius:0}.product-scene .negative .bar-track i{background:#ff416c}.product-scene .bar-strike{color:#b8c5da}
.product-scene .exposure-chart{grid-template-columns:repeat(7,1fr)}.product-scene .exposure-chart .plot-bar .bar-track i{background:#00cc96;border:0}.product-scene .exposure-chart .plot-bar.negative .bar-track i{background:#ff416c}.product-scene .exposure-chart .plot-bar.selected .bar-track i{box-shadow:inset 0 0 0 1px #fff}.product-scene .exposure-chart .bar-strike{font-size:11px}
.showcase .showcase-composition{max-width:1140px}.showcase .scene-backplate{display:none}
.showcase .section-heading h2{font-size:36px;font-weight:600}.showcase .section-heading{margin-bottom:43px}
.showcase .showcase-tabs{width:min(700px,100%);gap:28px;border:0;margin-top:25px}
.showcase .showcase-tabs button{min-width:0;border:0;border-bottom:1px solid transparent;border-radius:0;background:none;box-shadow:none;padding:12px 6px;color:#9dabc0;font-size:13px}
.showcase .showcase-tabs button[aria-selected=true]{border-bottom-color:#fff;background:none;color:#fff;box-shadow:none}
.feature-scenes .feature-scene{background:none;border-color:#272d37}.feature-scenes .product-scene{min-width:0;max-width:100%}
.feature-scenes .scene-product-brand>.scene-wordmark{display:none}.feature-scenes .scene-window-bar{gap:12px;padding-inline:15px}.feature-scenes .scene-product-brand{padding-right:15px}.feature-scenes .scene-table{font-size:12px}.feature-scenes .scene-table th,.feature-scenes .scene-table td{padding-inline:6px}
.academy-product{padding:28px 30px;background:#030405}.academy-product-title h3{font-size:28px;font-weight:600;letter-spacing:-.02em;color:#fff}.academy-product-title p{font-size:12px;color:#a8b7cb;margin:9px 0 23px}
.academy-programs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.academy-programs article{position:relative;padding:24px;border:1px solid #303640;border-radius:7px;background:linear-gradient(120deg,#080a18,#030405 60%)}.academy-programs article:before{content:'';position:absolute;left:-1px;top:25px;bottom:25px;width:2px;background:#453bff}
.academy-programs h4{font-size:23px;line-height:1.1;font-weight:600;color:#fff}.academy-programs p{font-size:12px;color:#a7b5c9;margin:13px 0 24px}.academy-programs dl{display:flex;gap:25px;margin:0 0 26px}.academy-programs dt{font-size:9px;color:#99a8be;text-transform:uppercase}.academy-programs dd{font-size:12px;color:#eef2fc;margin:6px 0 0}.academy-programs a{font-size:11px;color:#fff;border:1px solid #373e4b;border-radius:4px;padding:7px 11px;display:inline-block}
.academy-lesson-tabs{display:flex;gap:5px;border-block:1px solid #222832;margin:24px 0 0;padding:12px 0}.academy-lesson-tabs button{background:#030405;border:1px solid #343b48;border-radius:4px;color:#acb9ce;font-size:12px;padding:8px 12px}.academy-lesson-tabs button[aria-pressed=true]{background:#111444;border-color:#5b51e5;color:#fff}
.academy-lesson-detail{padding-top:22px}.academy-lesson-detail strong{font-size:21px;font-weight:400;color:#fff}.academy-lesson-detail p{color:#adb9cf;font-size:13px;line-height:1.6;margin-top:12px;max-width:600px}.academy-lesson-detail small{color:#91a1b9;font-size:10px;display:block;margin-top:15px}
.matrix-section{background:#08090b;margin:60px 0 130px;min-height:0;overflow:visible}
.matrix-section .matrix-layout{width:min(1240px,calc(100% - 64px));min-height:0;grid-template-columns:29% 71%;gap:0;align-items:center}
.matrix-section .matrix-copy{padding:0 28px 90px 0}.matrix-section .matrix-copy h2{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.025em;color:#f5f5f7;max-width:340px}.matrix-section .matrix-copy>p{font-size:18px;line-height:1.5;letter-spacing:0;color:#aebed1;margin-top:30px}.matrix-section .matrix-copy>.text-link{font-size:14px;color:#d1dce9;display:inline-block;margin-top:65px;border-bottom:1px solid #7f8996;padding-bottom:5px}
.matrix-section .matrix-object{width:100%;max-width:100%;padding:0;perspective:none}.matrix-section .matrix-object:after{display:none}
.matrix-section .matrix-board{width:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;font-family:'OptionMesh Product',sans-serif;font-variant-numeric:tabular-nums;--selected-column:1}
.matrix-section .matrix-board button{font-family:inherit}.matrix-section .matrix-surface{border:1px solid #30363e;border-radius:6px;overflow:hidden;background:#030405}
.matrix-section .matrix-topline{min-height:73px;margin:0;padding:15px 20px;gap:15px;border-bottom:1px solid #282d34;color:#c2cfe0;font-size:17px}.matrix-section .matrix-name{gap:10px;color:#c3cfe0;white-space:nowrap}.matrix-section .matrix-name strong{font-weight:500;color:#fff;font-size:20px}.matrix-section .matrix-name>span{color:#c4cfdf}
.matrix-section .matrix-controls{min-height:47px;margin:0;padding:6px 13px;border-bottom:1px solid #262c34;align-items:center;gap:15px}.matrix-section .matrix-controls>span{font-size:11px;color:#9aaac2}
.matrix-section .matrix-segment{background:none;gap:6px;padding:0;border:0;border-radius:0}.matrix-section .matrix-segment button{min-height:38px;padding:8px 13px;border:1px solid #303846;border-radius:5px;font-size:12px;color:#c6d1e2;background:#070a0f;box-shadow:none}.matrix-section .matrix-segment button[aria-pressed=true]{color:#fff;border-color:#504de2;background:linear-gradient(110deg,#071863,#211480);box-shadow:none}
.matrix-section .matrix-controls .matrix-segment button{min-height:30px;font-size:10px;padding:5px 10px}
.matrix-section .exposure-matrix{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}.matrix-section .exposure-matrix :is(th,td){border-right:1px solid #242a32;border-bottom:1px solid #242a32;padding:0;text-align:center;white-space:nowrap}.matrix-section .exposure-matrix tr:last-child :is(th,td){border-bottom:0}.matrix-section .exposure-matrix tr :last-child{border-right:0}
.matrix-section .exposure-matrix thead th{height:62px;font-size:13px;color:#e3eaf7;font-weight:400;background:#05070a}.matrix-section .exposure-matrix thead th small{display:block;font-size:10px;color:#8f9fb6;margin-top:4px}
.matrix-section .exposure-matrix .matrix-axis{width:15%;padding:0 4px;text-align:center;font-size:17px;color:#f0f4ff;background:#05070a}.matrix-section .exposure-matrix thead .matrix-axis{font-size:12px;letter-spacing:0;text-transform:uppercase;color:#b5c3d9}
.matrix-section .exposure-matrix td{height:57px}
.matrix-section .matrix-cell{display:block;isolation:isolate;width:100%;height:57px;min-height:57px;padding:0 2px;border:0;border-radius:0;background:#030506;box-shadow:none;color:#f4f7fc;font-size:16px;font-weight:400;letter-spacing:0;transform:none;transition:none;position:relative}
.matrix-section .matrix-cell:before{content:'';position:absolute;inset:0;border-radius:0;background:#00d997;opacity:calc(.08 + var(--heat) * .32);z-index:-1}.matrix-section .matrix-cell.negative:before{background:#f34364;opacity:calc(.1 + var(--heat) * .3)}.matrix-section .matrix-cell:is(.unavailable,.zero):before{opacity:0}.matrix-section .matrix-cell.unavailable{color:#7d8796;font-size:16px}
.matrix-section .matrix-cell:hover{background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff55;color:#fff;transform:none}.matrix-section .matrix-cell.is-selected{transform:none;background:#ffffff04;box-shadow:inset 0 0 0 2px #eaf6f1;color:#fff;border-radius:3px}.matrix-section .matrix-cell.is-selected:after{display:none}.matrix-section .matrix-cell:active{transform:none}
.matrix-section .matrix-board .matrix-inspector{display:flex;margin:19px 0 0;padding:15px 18px;min-height:124px;width:260px;max-width:100%;position:relative;left:clamp(0px,calc((var(--selected-column) + 1.5)*100%/6 - 130px),calc(100% - 260px));border:1px solid #303842;border-radius:5px;background:#080b0e;box-shadow:none;gap:0}
.matrix-section .matrix-inspector:before{content:'';position:absolute;width:14px;height:14px;top:-8px;left:calc(50% - 7px);transform:rotate(45deg);background:#080b0e;border-left:1px solid #303842;border-top:1px solid #303842}
.matrix-section .matrix-context{display:flex;flex-direction:column;gap:8px;width:100%}.matrix-section .matrix-context>strong{font-size:14px;font-weight:400;color:#f6f7fa}.matrix-section .matrix-context>span{font-size:15px;color:#e7ecf6}.matrix-section .matrix-context small{font-size:11px;color:#a5b5ca}.matrix-section .matrix-context .matrix-reading{font-size:19px;font-weight:500;margin-left:9px}.matrix-section .matrix-reading.positive{color:#00e0a4}.matrix-section .matrix-reading.negative{color:#ff416c}.matrix-section .matrix-reading.unavailable{color:#8c99aa}
.matrix-section .matrix-bottom{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 16px;margin:18px 0 0;min-height:39px;align-items:center}.matrix-section .matrix-legend{font-size:11px;gap:16px;color:#acbdd2;display:flex}.matrix-section .matrix-legend>span{display:flex;gap:7px;align-items:center}.matrix-section .matrix-legend i{display:block;width:18px;height:12px;border-radius:2px;background:none;border:1px solid #3b4048}.matrix-section .matrix-legend i.negative{background:#69232f;border-color:#69232f}.matrix-section .matrix-legend i.positive{background:#009e73;border-color:#009e73}.matrix-section .matrix-legend i.unavailable{background:#12171e}.matrix-section .matrix-bottom>small{font-size:10px;color:#8f9fb5}.matrix-section .matrix-play{font-size:11px;color:#c8d5e7;min-height:34px;padding:5px 10px;border:1px solid #323b49;border-radius:4px;background:#06090d}.matrix-section .matrix-help{font-size:10px;color:#91a0b6;margin:12px 0 0;text-align:right}
.module-dialog{background:#080a0e;border-color:#303846}.module-dialog #module-capture{margin:20px 0 12px}.module-dialog #module-capture img{display:block;width:100%;height:auto;border:1px solid #333b48;border-radius:6px;background:#000}.module-dialog #module-capture a{display:block;cursor:zoom-in}.module-dialog #module-capture figcaption{font-size:11px;color:#9badc6;margin-top:11px;line-height:1.6}.module-dialog #module-scene-host{border-top:1px solid #303846;margin-top:20px;padding-top:16px}.module-dialog #module-scene-host>summary{cursor:pointer;font-size:12px;color:#d1dcec}.module-dialog .related-scene-note{color:#9bacbf;font-size:11px}
.native-demo .native-chrome{background:#050607;border-color:#303642}.native-demo .native-chrome .window-dots{display:none}.native-demo .native-window{border-color:#303642;border-radius:6px;box-shadow:none}
.product-scene :is(button,a):focus-visible,.matrix-section button:focus-visible{outline:2px solid #d4d7ff;outline-offset:2px}
@media(max-width:1100px){.product-scene .scene-table{font-size:11px}.product-scene .scene-table :is(th,td){padding-inline:4px}.quote-bid,.quote-ask{min-width:46px;font-size:10px;padding:5px 4px}.quote-pair{gap:4px}.product-scene .chain-table tbody th button{font-size:16px;min-width:64px}.matrix-section .matrix-layout{grid-template-columns:27% 73%}.matrix-section .matrix-copy h2{font-size:26px}.matrix-section .matrix-copy>p{font-size:16px}.matrix-section .matrix-topline{padding:13px}.matrix-section .matrix-segment button{font-size:11px;padding-inline:9px}.matrix-section .matrix-name{font-size:14px}.matrix-section .matrix-name strong{font-size:17px}.matrix-section .exposure-matrix thead th{font-size:11px}.matrix-section .exposure-matrix .matrix-axis{font-size:15px}.matrix-section .matrix-cell{font-size:14px}.feature-scenes .scene-module-name b{font-size:12px}}
@media(max-width:760px){
 .showcase .section-heading h2{font-size:27px}.showcase .showcase-tabs{gap:10px}.showcase .showcase-tabs button{font-size:11px;padding-inline:5px}
 .product-scene .scene-window-bar{padding:12px;min-height:57px;gap:12px;flex-wrap:wrap}.product-scene .scene-product-brand{padding-right:12px;gap:10px}.product-scene .scene-product-brand>img:first-child{width:20px;height:23px}.product-scene .scene-product-brand>.scene-wordmark{width:86px;height:13px}.product-scene .scene-module-name{gap:8px;font-size:12px;margin-right:0}.product-scene .scene-module-name b{font-size:12px}.product-scene .scene-window-bar>.scene-segment{min-height:31px;margin-left:auto}.product-scene .scene-window-bar>.scene-segment button{font-size:10px;min-height:32px;min-width:42px;padding:5px 7px}.product-scene .scene-demo-label{display:none}
 .product-scene .scene-controls{padding:10px 11px;gap:12px;min-height:55px}.product-scene .scene-controls .scene-segment button{min-height:38px;padding:7px 9px;font-size:11px}.product-scene .scene-price{font-size:13px;margin-left:0}.product-scene .scene-price small{font-size:9px;display:inline}.product-scene .scene-source-context{width:100%;margin-left:0;font-size:9px}.product-scene .scene-expiry-strip{margin:8px 10px 12px}.product-scene .scene-expiry-strip button{font-size:10px;min-height:49px;padding-inline:2px}.product-scene .scene-expiry-strip button span{display:block;font-size:9px;margin-top:4px;color:#9eabc2}
 .product-scene .scene-table-scroll{padding:0 10px}.product-scene .chain-table{font-size:12px;min-width:0;table-layout:fixed}.product-scene .chain-table :is(th,td){display:table-cell!important;padding:6px 3px;font-size:11px}.product-scene .chain-table :is(th,td).chain-extra{display:none!important}.product-scene .chain-table .chain-side-labels th:not(.strike-column){display:none!important}.product-scene .chain-table .chain-side-labels{display:table-row}.product-scene .chain-table .chain-side-labels .strike-column{width:23%;font-size:12px}.product-scene .chain-table .chain-fields th{font-size:10px;height:43px}.product-scene .chain-table .compact-side{display:inline}.product-scene .chain-table .chain-fields th:nth-child(3):before,.product-scene .chain-table .chain-fields th:nth-child(8):before{content:none}.product-scene .chain-table tbody th button{min-width:0;min-height:48px;font-size:16px;padding:5px 0}.product-scene .chain-table tbody :is(th,td){height:58px}
 .product-scene .chain-table .chain-side-labels{display:none!important}.product-scene .chain-table .compact-strike{display:table-cell!important;width:23%;background:#0d1014}
 .quote-pair{display:flex;flex-direction:column;gap:3px;align-items:center}.quote-bid,.quote-ask{min-width:67px;max-width:100%;font-size:11px;padding:4px 6px}.quote-divider{display:none}
 .product-scene .scene-selection{padding:12px;gap:7px 10px;font-size:10px}.product-scene .selection-hint{display:block;width:100%}.product-scene .scene-bottom{padding:11px 12px;font-size:9px}.product-scene .scene-key-hint{display:none}
 .product-scene .flow-table{min-width:0;font-size:10px}.product-scene .flow-table :is(th,td){font-size:10px;padding:10px 5px}.product-scene .flow-table :is(th,td):nth-child(1),.product-scene .flow-table :is(th,td):nth-child(6){display:none}.product-scene .trade-side{font-size:10px}.product-scene .flow-summary{padding:16px 12px;gap:16px}.product-scene .flow-summary strong{font-size:21px}.product-scene .flow-summary strong small{display:none}.product-scene .replay-trade{font-size:10px}.product-scene .oi-table :is(td,th){font-size:10px;padding:10px 5px}.product-scene .oi-table button{font-size:12px}.product-scene .oi-table :is(th,td):nth-child(5){display:none}
 .feature-scenes .product-scene{margin:0 12px 18px;max-width:calc(100% - 24px)}.feature-scenes .scene-window-bar .scene-wordmark{display:none}.feature-scenes .feature-oi .product-scene{margin-top:18px}.feature-scenes .scene-module-name b{font-size:12px}
 .academy-product{padding:23px 17px}.academy-programs{grid-template-columns:1fr;gap:13px}.academy-programs article{padding:22px}.academy-programs h4{font-size:24px}.academy-lesson-tabs{gap:4px;justify-content:space-between}.academy-lesson-tabs button{font-size:10px;padding:9px 7px}
 .matrix-section{margin:35px 0 85px}.matrix-section .matrix-layout{width:calc(100% - 36px);grid-template-columns:1fr;gap:31px}.matrix-section .matrix-copy{padding:10px 0 0}.matrix-section .matrix-copy h2{font-size:29px;max-width:none}.matrix-section .matrix-copy>p{font-size:16px;margin-top:19px}.matrix-section .matrix-copy>.text-link{font-size:12px;margin-top:24px}
 .matrix-section .matrix-topline{padding:15px 11px;flex-wrap:wrap;gap:13px;min-height:0}.matrix-section .matrix-name{font-size:14px;gap:9px}.matrix-section .matrix-name strong{font-size:18px}.matrix-section .matrix-segment{gap:5px}.matrix-section .matrix-segment button{font-size:11px;padding:9px 12px;min-height:41px}.matrix-section .matrix-controls{padding:6px 10px;gap:10px}.matrix-section .matrix-controls>span{font-size:9px}.matrix-section .matrix-controls .matrix-segment button{min-height:35px}
 .matrix-section .exposure-matrix thead th{font-size:9px;height:49px}.matrix-section .exposure-matrix thead th small{font-size:8px}.matrix-section .exposure-matrix .matrix-axis{width:16%;font-size:12px;padding:0 1px}.matrix-section .exposure-matrix thead .matrix-axis{font-size:9px}.matrix-section .exposure-matrix td,.matrix-section .matrix-cell{height:49px;min-height:49px}.matrix-section .matrix-cell{font-size:12px}.matrix-section .matrix-cell.unavailable{font-size:12px}
 .matrix-section .matrix-board .matrix-inspector{min-height:121px;width:248px;padding:14px;left:clamp(0px,calc((var(--selected-column) + 1.5)*100%/6 - 124px),calc(100% - 248px));margin-top:18px}.matrix-section .matrix-context>strong{font-size:13px}.matrix-section .matrix-context>span{font-size:14px}.matrix-section .matrix-context small{font-size:10px}.matrix-section .matrix-context .matrix-reading{font-size:18px}
 .matrix-section .matrix-bottom{margin:17px 0 0;justify-content:flex-start;gap:12px}.matrix-section .matrix-legend{font-size:10px;gap:12px}.matrix-section .matrix-legend i{width:15px;height:11px}.matrix-section .matrix-bottom>small{font-size:9px}.matrix-section .matrix-play{font-size:10px;min-height:37px}.matrix-section .matrix-help{text-align:left;font-size:9px;padding:0}
 .module-dialog #module-capture{margin-inline:0}.module-dialog #module-capture figcaption{font-size:10px}
}
@media(max-width:390px){.product-scene .scene-product-brand>.scene-wordmark{display:none}.product-scene .scene-window-bar{gap:9px}.product-scene .scene-module-name{font-size:11px}.product-scene .scene-module-name b{font-size:11px}.matrix-section .matrix-segment button{padding-inline:10px}.matrix-section .exposure-matrix .matrix-axis{font-size:11px}.matrix-section .matrix-cell{font-size:11px}.matrix-section .matrix-legend{gap:9px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.product-scene .smile-line,.product-scene .plot-bar,.product-scene .latest-print{animation:none}}

/* Motion changes the product state; the OptionMesh surface, type and colors stay intact. */
.showcase .showcase-composition{height:760px;perspective:1400px}
#workspace-panel,#workspace-panel>.product-scene{height:100%}
#workspace-panel>.product-scene{display:flex;flex-direction:column}
#workspace-panel .scene-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3d4657 #030405}
#workspace-panel .scene-bottom{flex-shrink:0}
.showcase .scene-backplate{display:block;pointer-events:none;background:#05070a;border:1px solid #343b49;border-radius:9px;inset:0 12px 0;box-shadow:none}
.showcase .backplate-one{transform:translateY(-12px) scale(.98) rotate(-.6deg);opacity:.64}
.showcase .backplate-two{transform:translateY(-24px) scale(.955) rotate(.7deg);opacity:.32}
.showcase .scene-backplate>span{font-family:'OptionMesh Product',sans-serif;font-size:9px;color:#9caac3;padding:12px 17px}
.showcase .backplate-lines{opacity:.3}
.showcase .showcase-tabs{position:relative;display:flex;flex-wrap:nowrap;justify-content:center;width:100%;max-width:100%;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:3px}
.showcase .showcase-tabs button{flex:0 0 auto;min-width:96px;font-size:12px;min-height:44px}
.showcase .showcase-tabs button[aria-selected=true]{border-bottom-color:#dce6f5}
.product-scene .scene-table-scroll{position:relative}
.panel-row-cursor{position:absolute;left:0;top:0;display:block;background:#d4e0f903;border-block:1px solid #d4e0f91f;pointer-events:none;z-index:1}
.product-scene .scene-table button{font:inherit;color:inherit;background:none;min-height:36px;padding:4px}
.product-scene .chain-table .quote-pair button{min-height:27px;min-width:54px;padding:5px 6px;font-size:12px;line-height:1.1;border:0;border-radius:3px;color:#020304}
.product-scene .chain-table .quote-pair .quote-bid{background:#ff355f}
.product-scene .chain-table .quote-pair .quote-ask{background:#00c990}
.product-scene .chain-table .quote-pair button:hover{filter:brightness(1.12)}
.product-scene .scene-table tr.selected{background:#1b2028}
.product-scene .scene-bottom [data-scene-pause]{display:inline-flex!important;align-items:center;justify-content:center;background:#080b10;border:1px solid #323a48;border-radius:4px;padding:5px 10px;min-height:32px;font-size:10px;color:#cbd8ed;white-space:nowrap;margin-left:auto}
#workspace-panel .scene-bottom [data-scene-pause],.product-scene[data-scene=exposure] .scene-bottom [data-scene-pause]{display:none!important}
.product-scene .scene-bottom .scene-key-hint{display:none}
.product-scene .scene-content{scrollbar-width:thin;scrollbar-color:#3d4657 #030405}
.product-scene .scene-visible .latest-print,.scene-visible .latest-print,.scene-visible .plot-bar{animation:none}
.product-scene .panel-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 17px;border-bottom:1px solid #242a33;background:#050607;min-height:57px}
.product-scene .panel-toolbar .scene-segment{flex-shrink:0}
.product-scene .panel-toolbar .scene-segment button{min-height:34px;font-size:11px;white-space:nowrap}
.product-scene .panel-toolbar label{color:#9bacc6;font-size:10px}
.panel-search{display:flex;align-items:center;gap:10px;flex:1;min-width:180px;max-width:340px}
.panel-search>span{white-space:nowrap;font-size:10px}
.panel-search input,.panel-select select{font:inherit;min-width:0;min-height:35px;background:#030506;border:1px solid #333c4a;border-radius:4px;color:#e9eef9;padding:8px 10px}
.panel-search input{width:100%;font-size:12px}.panel-search input::placeholder{color:#8c9bb2}
.panel-select{display:flex;align-items:center;gap:9px;margin-left:auto}.panel-select select{font-size:11px}
.product-scene .panel-action,.product-scene .panel-empty button{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:11px;min-height:35px;padding:8px 12px;border:1px solid #353f4f;border-radius:4px;background:#06090e;color:#dce6f5;white-space:nowrap}
.product-scene .panel-toolbar>.panel-action{margin-left:auto}
.panel-stat-strip{display:flex;align-items:stretch;margin:0;background:#040506;border-block:1px solid #20262e;overflow-x:auto;scrollbar-width:thin;font-variant-numeric:tabular-nums}
.panel-stat-strip>div{flex:1;min-width:100px;padding:13px 17px;border-right:1px solid #20262e}
.panel-stat-strip>div:last-child{border-right:0}
.panel-stat-strip dt{color:#91a5c4;text-transform:uppercase;letter-spacing:.025em;font-size:9px;font-weight:400;white-space:nowrap}
.panel-stat-strip dd{font-size:15px;margin:7px 0 0;color:#f0f4fb;white-space:nowrap}
.panel-stat-strip dd.call-ink{color:#00d5a0}.panel-stat-strip dd.put-ink{color:#ff416c}
.product-scene .module-table{font-size:12px;text-align:left}
.product-scene .module-table :is(th,td){padding:9px 11px;height:44px}
.product-scene .module-table thead th{font-size:10px;color:#a7b6cd;font-weight:400}
.product-scene .module-table tbody th button{font-size:12px;min-height:31px;color:#dbe4ff;text-align:left;white-space:nowrap}
.panel-detail{border-top:1px solid #39445a;border-bottom:1px solid #252e3c;background:#090d13;padding:16px 19px;margin-top:4px;color:#c1cee2;font-size:12px}
.panel-detail>strong,.panel-detail>div>strong{display:block;color:#ecf2fe;font-size:17px;font-weight:400;margin-top:9px}
.panel-detail p{font-size:12px;line-height:1.7;margin:9px 0 0;color:#a7b9d2}
.panel-detail .panel-stat-strip{margin:15px -19px -16px;background:#06090e}
.panel-detail-label{font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:#8fa7cc}
.contract-inline{position:sticky;bottom:0;z-index:3;display:grid;grid-template-columns:1fr auto;box-shadow:0 -15px 24px #0007}
.contract-inline>.panel-stat-strip{grid-column:1/-1}
.contract-inline>[data-scene-close-detail]{color:#a9bbd6;background:none;min-width:34px;min-height:34px;font-size:20px;padding:0}
.panel-hint{font-size:11px;color:#94a7c4;margin:15px 18px;line-height:1.65}
.panel-empty{padding:55px 25px;text-align:center;min-height:220px;color:#c0cee5}
.panel-empty strong{font-size:20px;font-weight:400}.panel-empty p{font-size:12px;margin:12px 0 22px;color:#97aac6}
.contract-workspace{display:grid;grid-template-columns:165px minmax(0,1fr);min-height:390px}
.contract-picker{display:flex;flex-direction:column;gap:1px;border-right:1px solid #2b3340;padding:7px;max-height:490px;overflow:auto;scrollbar-width:thin;background:#040609}
.contract-picker button{padding:11px 10px;background:none;border:1px solid transparent;border-radius:3px;color:#adbed9;text-align:left}
.contract-picker button[aria-pressed=true]{border-color:#4845b6;background:#111332;color:#fff}
.contract-picker strong{display:block;font-size:13px;font-weight:400;white-space:nowrap}.contract-picker small{display:block;color:#849abf;font-size:10px;margin-top:5px}
.contract-focus{min-width:0}.contract-focus>.panel-detail{border-top:0;margin-top:0}.contract-focus .panel-stat-strip{flex-wrap:wrap}.contract-focus .panel-stat-strip>div{min-width:115px}
.panel-two-up{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid #242b35;align-items:stretch}
.panel-two-up>*{min-width:0}.panel-two-up>:first-child{border-right:1px solid #242b35}
.panel-overview{grid-template-columns:minmax(0,3fr) minmax(190px,1fr)}.panel-tide{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr)}
.panel-context{padding:19px 16px;background:#040609}
.panel-context h4{font-size:17px;font-weight:400;color:#e2eafa;margin:0 0 17px}
.panel-context p{font-size:11px;color:#97abc9;line-height:1.7;margin:13px 0}
.panel-context .panel-stat-strip{display:block;background:none;border:0}
.panel-context .panel-stat-strip>div{border:0;border-bottom:1px solid #232c39;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.panel-context .panel-stat-strip dd{font-size:13px;margin:0}.panel-context .panel-stat-strip dt{font-size:9px;white-space:normal}
.panel-context .panel-action{margin:10px 0 0;width:100%;font-size:10px}
.panel-plot-heading{padding:16px 19px 11px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#becde4}
.panel-plot-heading>strong{font-size:14px;font-weight:400;color:#edf3fc}
.panel-plot-heading>span{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;font-size:9px;color:#a5b7d3}
.panel-plot-heading>span>span{display:flex;gap:5px;align-items:center;white-space:nowrap}
.panel-plot-heading>span>span:before{content:'';width:13px;height:2px;background:var(--series-color);display:block}
.panel-chart{min-width:0;background:#030405;padding-bottom:6px;touch-action:pan-y}
.panel-chart svg{display:block;width:100%;height:auto;max-height:370px;min-height:150px;overflow:visible;font-family:'OptionMesh Product',sans-serif;touch-action:pan-y}
.panel-chart .plot-axes text{fill:#9cafd0;font-size:10px}
.plot-watermark{fill:#b5c5df0c;font-family:'OptionMesh Brand',sans-serif;font-size:32px;font-weight:800;letter-spacing:-1px;pointer-events:none}
.plot-crosshair{pointer-events:none}
.panel-chart-readout{padding:8px 19px 6px;min-height:38px;color:#b6c7e2;font-size:11px;line-height:1.6;font-variant-numeric:tabular-nums}
.panel-chart-split .panel-chart+ .panel-chart{border-top:1px solid #232c39}.panel-chart-split .panel-chart svg{max-height:210px}
.panel-profile{background:#030405;min-width:0}.profile-rows{position:relative;padding:15px 17px 20px}
.profile-row{display:grid;grid-template-columns:70px minmax(0,1fr) 47px;gap:10px;align-items:center;width:100%;min-height:39px;background:none;border:1px solid transparent;border-bottom-color:#1b222c;font:inherit;font-size:11px;text-align:left;color:#a8bcd9;padding:7px 5px}
.profile-row.selected{border-color:#535c7b;background:#121925;color:#ecf4ff}.profile-row b{font-weight:400;font-size:10px;text-align:right}
.profile-track{display:block;position:relative;height:17px}.profile-track:before{content:'';position:absolute;left:50%;top:-14px;bottom:-14px;border-left:1px dashed #9aafca55}
.profile-track i{position:absolute;left:50%;top:4px;bottom:4px;width:50%;background:#00d5a0;transform:scaleX(var(--amount));transform-origin:left center;border-radius:1px}
.profile-track.negative i{left:0;background:#ff416c;transform-origin:right center}
.matrix-section .matrix-surface{position:relative}
.matrix-selection-ring{position:absolute;left:0;top:0;border:2px solid #eaf6f1;border-radius:3px;pointer-events:none;z-index:2}
.matrix-section .matrix-board[data-animated=true] .matrix-cell.is-selected{box-shadow:none}
.matrix-section .matrix-inspector:before{left:calc(var(--arrow-x,50%) - 7px)}
.product-scene .matrix-module{margin:0;padding:13px 17px 14px;min-height:0;background:#030405;overflow:hidden}
.product-scene .matrix-module .matrix-topline{min-height:55px;padding-block:10px}.product-scene .matrix-module .matrix-controls{min-height:40px}
.product-scene .matrix-module .exposure-matrix thead th{height:45px}.product-scene .matrix-module .exposure-matrix td,.product-scene .matrix-module .matrix-cell{height:43px;min-height:43px}
.product-scene .matrix-module .matrix-board .matrix-inspector{min-height:112px;padding:13px 16px}.product-scene .matrix-module .matrix-bottom{margin-top:12px}.product-scene .matrix-module .matrix-help{font-size:9px}
.module-dialog[open]{display:flex;flex-direction:column;width:min(1160px,calc(100% - 40px));height:min(890px,calc(100svh - 36px));max-height:calc(100svh - 36px);overflow:hidden;padding:22px 25px;border-radius:11px;background:#080a0e}
.module-dialog .dialog-top{flex-shrink:0;align-items:center;gap:15px}
.module-dialog .dialog-top h2{font-size:23px;font-weight:500}
.module-dialog #module-description{font-size:12px;line-height:1.6;max-width:750px!important;margin:12px 0 16px;flex-shrink:0}
.module-picker{display:flex;align-items:center;gap:13px;padding-bottom:15px;font-size:11px;color:#9dacce;flex-shrink:0}
.module-picker select{font-family:'OptionMesh Product',sans-serif;color:#eaf1fe;background:#070a10;border:1px solid #3b465a;border-radius:4px;font-size:12px;max-width:270px;min-width:160px;min-height:37px;padding:8px 12px}
.module-picker>span{margin-left:auto;font-size:10px;color:#8d9fbf}
.module-dialog #module-scene-host{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border:0;margin:0;padding:0;scrollbar-color:#3d4657 #080a0e}
.module-dialog #module-scene-host>.product-scene{min-height:100%;border-radius:7px}
.module-dialog .product-scene .scene-bottom{position:sticky;bottom:0;z-index:4}
.module-dialog .product-scene .scene-content{overflow:visible}
.module-dialog .matrix-module .matrix-surface{overflow:hidden}
.module-dialog[open]{animation:module-opens .35s cubic-bezier(.22,1,.36,1) both}
@keyframes module-opens{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1050px){.panel-overview,.panel-tide{grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr)}.panel-plot-heading{padding-inline:14px;gap:10px}.panel-plot-heading>strong{font-size:12px}.panel-plot-heading>span{font-size:8px;gap:7px}.product-scene .module-table{font-size:11px}.product-scene .module-table :is(td,th){padding-inline:7px}.product-scene .chain-table .quote-pair button{min-width:46px;font-size:10px;padding-inline:4px}.profile-row{grid-template-columns:57px minmax(0,1fr) 40px;gap:6px}.panel-stat-strip>div{padding-inline:13px}}
@media(max-width:760px){
 .showcase .showcase-composition{height:780px}.showcase .showcase-tabs{justify-content:flex-start;gap:9px;padding-inline:2px;margin-top:20px}.showcase .showcase-tabs button{font-size:11px;min-width:87px;min-height:43px}.showcase .showcase-tabs .module-icon{width:15px;height:15px}
 .product-scene .chain-table .quote-pair button{min-width:67px;font-size:11px;min-height:23px;padding:4px 6px}
 .product-scene .scene-bottom{font-size:9px;gap:8px}.product-scene .scene-bottom [data-scene-pause]{font-size:9px;min-height:34px;padding-inline:9px}
 .product-scene .panel-toolbar{padding:11px 10px;gap:9px}.product-scene .panel-toolbar .scene-segment button{font-size:10px;min-height:38px;padding-inline:8px}.product-scene .panel-toolbar>.panel-action{margin-left:0;font-size:10px}
 .panel-search{max-width:none;min-width:100%;flex-basis:100%;gap:10px}.panel-search input{font-size:12px;min-height:41px}.panel-search>span{font-size:10px}.panel-select{margin-left:0}.panel-select select{min-height:38px;font-size:11px}
 .panel-stat-strip>div{min-width:103px;padding:11px 12px}.panel-stat-strip dt{font-size:8px}.panel-stat-strip dd{font-size:13px}
 .product-scene .module-table{min-width:560px}.product-scene .module-table :is(th,td){font-size:10px;padding:8px;min-height:42px}.product-scene .module-table tbody th button{font-size:11px}
 .panel-detail{padding:14px 12px;font-size:11px}.panel-detail>strong,.panel-detail>div>strong{font-size:15px}.panel-detail p{font-size:11px}.panel-detail .panel-stat-strip{margin-inline:-12px;margin-bottom:-14px}.panel-detail-label{font-size:8px}
 .panel-hint{font-size:10px;margin-inline:12px}.panel-empty{min-height:220px;padding:40px 18px}
 .contract-workspace{grid-template-columns:1fr}.contract-picker{flex-direction:row;max-height:none;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid #2b3340}.contract-picker button{min-width:100px;padding:10px 9px;flex-shrink:0}.contract-picker strong{font-size:12px}.contract-picker small{font-size:9px}.contract-focus .panel-stat-strip>div{min-width:100px}
 .panel-two-up,.panel-overview,.panel-tide{grid-template-columns:1fr}.panel-two-up>:first-child{border-right:0;border-bottom:1px solid #242b35}
 .panel-plot-heading{padding:15px 12px 9px;gap:12px;flex-wrap:wrap}.panel-plot-heading>strong{font-size:13px}.panel-plot-heading>span{font-size:9px;justify-content:flex-start}
 .panel-chart svg{min-height:170px;max-height:none}.panel-chart-readout{font-size:10px;padding-inline:12px;min-height:42px}
 .panel-chart .plot-axes text{font-size:20px}.plot-watermark{font-size:30px}.panel-context{padding:17px 12px}.panel-context h4{font-size:17px}.panel-context p{font-size:11px}
 .profile-row{grid-template-columns:65px minmax(0,1fr) 40px;min-height:42px;font-size:12px}.profile-rows{padding:12px}.profile-row b{font-size:11px}
 .product-scene .matrix-module{padding:10px}.product-scene .matrix-module .matrix-topline{gap:10px}.product-scene .matrix-module .matrix-segment button{font-size:10px;padding-inline:9px;min-height:38px}.product-scene .matrix-module .exposure-matrix td,.product-scene .matrix-module .matrix-cell{height:47px;min-height:47px}
 .product-scene .matrix-module .matrix-controls>span{font-size:8px}.product-scene .matrix-module .matrix-board .matrix-inspector{width:238px;max-width:100%;left:clamp(0px,calc((var(--selected-column) + 1.5)*100%/6 - 119px),calc(100% - 238px));min-height:116px}.product-scene .matrix-module .matrix-legend{font-size:9px;gap:9px}
 .module-dialog[open]{width:calc(100% - 14px);max-width:calc(100% - 14px);height:calc(100svh - 18px);max-height:calc(100svh - 18px);padding:15px 10px;border-radius:9px}.module-dialog .dialog-top h2{font-size:19px}.module-dialog #module-description{font-size:11px;margin-block:8px 12px;line-height:1.55}.module-picker{gap:8px;font-size:10px;padding-bottom:12px}.module-picker select{font-size:11px;max-width:calc(100% - 50px);min-width:0;flex:1;min-height:40px}.module-picker>span{display:none}.module-dialog #module-scene-host>.product-scene{border-radius:5px}
}
@media(prefers-reduced-motion:reduce){.module-dialog[open]{animation:none}.showcase .scene-backplate{transform:none}.panel-chart svg,.matrix-selection-ring,.panel-row-cursor{transition:none;animation:none}}
.motion-paused .module-dialog[open]{animation:none}

/* Full mobile tools share one vertical scroller; cards and protected scenes keep their framing. */
.panel-secondary>summary,.contract-selection>summary{padding:12px;font-size:12px;color:#bbc7db;cursor:pointer;min-height:44px;border-bottom:1px solid #242a33}
.module-dialog .close-button{width:44px;height:44px;min-width:44px;min-height:44px}
.panel-secondary>summary:focus-visible,.contract-selection>summary:focus-visible{outline:2px solid #8f9fff;outline-offset:-3px}
.scene-controls>.panel-secondary>.scene-segment{padding:8px}
@media(max-width:760px){
 .module-dialog:has([data-scene=screener],[data-scene=flow],[data-scene=contract]) #module-description{margin-block:5px 8px;font-size:11px}
 #module-detail :is(.panel-secondary,.contract-selection){min-width:0}
 .module-dialog :is([data-scene=screener],[data-scene=flow],[data-scene=contract]) .scene-window-bar{padding:10px;min-height:44px}
 .module-dialog :is([data-scene=screener],[data-scene=flow],[data-scene=contract]) .scene-controls{padding:8px 10px;min-height:58px;gap:8px}
 .module-dialog :is([data-scene=screener],[data-scene=flow],[data-scene=contract]) .scene-price{font-size:12px}
 .module-dialog :is([data-scene=screener],[data-scene=flow],[data-scene=contract]) .panel-toolbar{padding:8px 10px}
 .module-dialog :is([data-scene=screener],[data-scene=flow],[data-scene=contract]) :is(button,select,input){min-height:44px}
 .module-dialog :is([data-scene=screener],[data-scene=flow],[data-scene=contract]) .panel-stat-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
 .module-dialog :is([data-scene=screener],[data-scene=flow],[data-scene=contract]) .panel-stat-strip>div{min-width:0;padding:9px 10px}
 .module-dialog :is([data-scene=screener],[data-scene=flow],[data-scene=contract]) .panel-stat-strip :is(dt,dd){white-space:normal;overflow-wrap:anywhere}
 .module-dialog :is([data-scene=screener],[data-scene=flow],[data-scene=contract]) .scene-table-scroll{overflow:visible;max-height:none}
 .module-dialog :is([data-scene=screener],[data-scene=flow],[data-scene=contract]) .scene-table{display:block;min-width:0;width:100%}
 .module-dialog :is([data-scene=screener],[data-scene=flow],[data-scene=contract]) .scene-table thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 .module-dialog :is([data-scene=screener],[data-scene=flow],[data-scene=contract]) .scene-table tbody{display:block}
 .module-dialog :is([data-scene=screener],[data-scene=flow],[data-scene=contract]) .scene-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 10px;border-bottom:1px solid #242a33}
 .module-dialog :is([data-scene=screener],[data-scene=flow],[data-scene=contract]) .scene-table :is(th,td){text-align:left;border:0;padding:5px 4px;min-width:0;white-space:normal;font-size:11px;height:auto}
 .module-dialog :is([data-scene=screener],[data-scene=flow],[data-scene=contract]) .scene-table tbody th{grid-column:1/-1}
 .module-dialog :is([data-scene=screener],[data-scene=flow],[data-scene=contract]) .scene-table td:before{content:attr(data-label);display:block;font-size:9px;color:#99aac5;margin-bottom:4px}
 .module-dialog [data-scene=flow] .flow-table th{grid-row:1}
 .module-dialog [data-scene=contract] .contract-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;max-height:none}
 .module-dialog [data-scene=contract] .contract-picker button{min-width:0}
 .module-dialog [data-scene=contract] .panel-stat-strip>div:first-child{grid-column:1/-1}
 .module-dialog [data-scene=contract] .module-table td:first-of-type{grid-column:1/-1}
 .module-dialog [data-scene=contract] .quote-pair{flex-direction:row;flex-wrap:wrap}
 .module-dialog :is([data-scene=screener],[data-scene=flow],[data-scene=contract]) .scene-bottom{position:static}
}

.ribbon{min-width:0}
.ribbon-viewport{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:auto;scrollbar-width:none}
.ribbon-viewport::-webkit-scrollbar{display:none;width:0;height:0}
.ribbon-track,.ribbon-group{display:flex;flex-wrap:nowrap;gap:24px;width:max-content;align-items:stretch}
.ribbon-group{flex:0 0 auto}
.ribbon-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;min-height:36px}
.ribbon-viewport .tool-card:focus-visible{outline:2px solid #b7c7ff;outline-offset:3px}
.ribbon-nav{display:flex;align-items:center;gap:8px;margin-left:auto}
.ribbon-nav button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#101216;border:1px solid #30353e;border-radius:50%;color:#cbd1dc;cursor:pointer}
.ribbon-nav button:hover{color:#fff;border-color:#656e7f}
.ribbon-nav button:focus-visible{outline:2px solid #b7c7ff;outline-offset:3px}
.ribbon-nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.v5-tools .tool-carousel{grid-column:1/-1;width:100%}
.v5-tools .ribbon-viewport{padding:4px 2px 20px;scroll-snap-type:x proximity}
.v5-tools .ribbon-track>.tool-grid{overflow:visible;padding:0;gap:24px;scroll-snap-type:none;scrollbar-width:none}
.v5-tools .ribbon-track .tool-card{flex:0 0 var(--ribbon-card-width,364px);width:var(--ribbon-card-width,364px);min-height:270px;cursor:pointer}
.v5-tools .ribbon-actions .more-tools{margin:0;font-size:12px}
.venue-logos.ribbon{display:block;position:relative;justify-items:normal;margin:60px 0 24px;isolation:isolate}
.venue-logos .ribbon-viewport{padding:18px 0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.venue-logos .ribbon-track,.venue-logos .ribbon-group{align-items:center;gap:64px}
.venue-logo{display:flex;align-items:center;justify-content:center;width:174px;min-height:64px;flex:0 0 174px}
.venue-logos.ribbon img{display:block;width:150px;height:44px;max-height:44px;filter:none;opacity:1;object-fit:contain}
.venue-logos.ribbon img[alt=Bybit]{max-height:38px}
.venue-logos.ribbon img[alt=Aevo]{width:106px;max-width:106px}
.venue-logos.ribbon img[alt=OKX]{width:112px;max-width:112px}
.venue-logo:has(small){flex-direction:column;gap:4px}
.venue-logo small{font-size:10px;line-height:1.2;color:#a6b3c9;letter-spacing:.08em}
.venue-logos.ribbon .venue-logo:has(small) img{height:32px;max-height:32px;width:145px}
@media(max-width:760px){
  .v5-tools .ribbon-track,.v5-tools .ribbon-track>.tool-grid{gap:14px}
  .v5-tools .ribbon-track .tool-card{min-height:250px;flex-direction:row}
  .v5-tools .ribbon-actions .more-tools{font-size:11px}
  .ribbon-nav button{width:44px;height:44px}
  .venue-logos.ribbon{margin-top:38px}
  .venue-logos .ribbon-track,.venue-logos .ribbon-group{gap:36px}
  .venue-logo{width:140px;flex-basis:140px;min-height:56px}
  .venue-logos.ribbon img{width:128px;height:38px;max-height:38px}
  .venue-logos.ribbon img[alt=Aevo]{width:90px;max-width:90px}
  .venue-logos.ribbon img[alt=OKX]{width:96px;max-width:96px}
}
@media(max-width:400px){
  .ribbon-actions{gap:10px}
}
@media(prefers-reduced-motion:reduce){
  .ribbon-track>[data-ribbon-copy]{display:none}
  .venue-logos .ribbon-viewport{mask-image:none}
}

/* Product excerpts stay at native text size; the full hero, Chain and matrix are unchanged. */
.tool-card:has(.card-preview),.v5-tools .ribbon-track .tool-card:has(.card-preview){display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:40px 85px 1fr;align-content:start;gap:16px;height:506px;min-height:506px;padding:25px 22px;overflow:hidden;isolation:isolate;cursor:pointer}
.tool-card>.tool-copy{display:contents}
.tool-card>.module-icon{width:38px;height:38px;padding:7px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff08;grid-column:1;grid-row:1}
.tool-card>.tool-copy>strong,.v5-tools .tool-card>.tool-copy>strong{grid-column:2;grid-row:1;align-self:center;max-width:none;margin:0;font-size:15px;line-height:1.35;font-weight:500}
.tool-card>.tool-copy>small,.v5-tools .tool-card>.tool-copy>small{grid-column:1/-1;grid-row:2;display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;font-size:13px;line-height:1.65;color:#d3d8e4;margin:0;padding:0}
.tool-card:has(.card-preview):after{display:none}
.tool-card-action{position:absolute;inset:0;z-index:3;border:0;border-radius:inherit;background:transparent;cursor:pointer}
.tool-card-action:focus-visible{outline:2px solid #d3dcff;outline-offset:-3px}
.tool-card:focus-within{border-color:#8a96ad}
.tool-card:has(.card-preview)>.tool-arrow{top:17px;right:15px;bottom:auto;font-size:14px;z-index:2}
.card-preview{position:absolute;top:185px;left:18px;right:18px;bottom:18px;overflow:hidden;pointer-events:none;contain:layout paint;mask-image:linear-gradient(#000 97%,transparent)}
.card-preview-stage.product-scene{width:100%;min-width:0;min-height:265px;transform:none;border-radius:6px;background:#030405;box-shadow:0 10px 25px #0004}
.card-preview *{animation:none!important;transition:none!important}
.card-preview .scene-window-bar{height:36px;min-height:36px;flex-wrap:nowrap;padding:5px 8px;font-size:11px;gap:10px}
.card-preview .scene-product-brand{padding:0;border:0;gap:7px}
.card-preview .scene-product-brand>img:first-child{width:14px;height:16px}
.card-preview .scene-product-brand>.scene-wordmark{display:block;width:79px;height:12px}
.card-preview .scene-module-name,.card-preview .scene-demo-label,.card-preview .scene-controls,.card-preview .panel-detail,.card-preview .panel-hint,.card-preview .chart-scrubber,.card-preview .matrix-bottom,.card-preview .matrix-help{display:none}
.card-preview .scene-window-bar>.scene-module-name{display:none}
.card-preview .scene-window-bar>.scene-segment{min-height:24px}
.card-preview .scene-window-bar>.scene-segment button{min-width:29px;min-height:23px;font-size:9px;padding:4px 6px}
.card-preview .scene-expiry-strip{margin:8px 8px 9px}
.card-preview .scene-expiry-strip button{min-height:33px;font-size:9px;padding:5px 2px}
.card-preview .scene-expiry-strip button span{display:block;font-size:8px;margin-top:2px}
.card-preview .scene-table-scroll{overflow:hidden;padding-inline:7px}
.card-preview .scene-table{min-width:0;width:100%;font-size:11px;table-layout:fixed}
.card-preview .scene-table :is(th,td){height:35px;padding:6px 3px;font-size:11px;line-height:1.25;overflow:hidden}
.card-preview .scene-table thead th{font-size:9px;height:27px}
.card-preview .scene-table button{font-size:11px;min-width:0;min-height:26px;white-space:normal;line-height:1.2}
.card-preview .chain-table .chain-side-labels,.card-preview .chain-table :is(th,td).chain-extra{display:none!important}
.card-preview .chain-table .compact-strike{display:table-cell!important;width:25%}
.card-preview .chain-table .compact-side{display:inline}
.card-preview .chain-table .chain-fields th{font-size:9px;height:27px}
.card-preview .chain-table thead th:before{content:none!important}
.card-preview .chain-table .chain-fields th:nth-child(3){color:#00d5a0}
.card-preview .chain-table .chain-fields th:nth-child(9){color:#ff416c}
.card-preview .chain-table :is(td,th).quote-column{padding-inline:2px;width:37.5%}
.card-preview .quote-pair{display:inline-flex;flex-direction:row;gap:3px;align-items:center}
.card-preview .quote-divider{display:inline;font-size:9px}
.card-preview .quote-pair :is(.quote-bid,.quote-ask){min-width:0;font-size:10px;padding:5px 3px}
.card-preview .chain-table .quote-pair button{min-width:0;min-height:21px;font-size:10px;padding:5px 3px}
.card-preview .chain-table tbody th button{font-size:13px;min-width:0;min-height:28px;padding:4px 0}
.card-preview :is(.chain-table,.oi-table) tbody tr:nth-child(-n+2),.card-preview :is(.chain-table,.oi-table) tbody tr:nth-child(n+6){display:none}
.card-preview .chain-table tbody :is(th,td){height:39px}
.card-preview .scene-selection{display:flex;min-height:31px;padding:8px 10px;gap:5px 10px;font-size:10px}
.card-preview .scene-selection>strong{font-size:11px}
[data-card-preview=chain] .scene-selection>span{display:none}
.card-preview .scene-selection .selection-hint,.card-preview .scene-selection>span:last-child{display:none}
.card-preview .flow-summary{padding:12px 10px;gap:20px;min-height:58px}
.card-preview .flow-summary>div>span{font-size:9px}
.card-preview .flow-summary strong{font-size:18px}
.card-preview .flow-summary small,.card-preview .replay-trade{display:none}
.card-preview .flow-table tbody tr:nth-child(n+5),.card-preview .module-table tbody tr:nth-child(n+5){display:none}
.card-preview .flow-table :is(th,td):nth-child(4),.card-preview .flow-table :is(th,td):nth-child(6){display:none}
.card-preview .flow-table :is(th,td):nth-child(1){display:table-cell;width:20%;font-size:9px}
.card-preview .flow-table :is(th,td):nth-child(2){width:34%}
.card-preview .flow-table :is(th,td):nth-child(3){width:16%}
.card-preview .flow-table :is(th,td):nth-child(5){width:30%}
.card-preview .trade-side{font-size:10px}
.card-preview .oi-table :is(th,td):nth-child(2),.card-preview .oi-table :is(th,td):nth-child(5){display:none}
.card-preview .panel-toolbar{flex-wrap:nowrap;gap:6px;padding:8px;min-height:37px}
.card-preview .scene-segment{display:flex;gap:1px;max-width:100%;padding:1px}
.card-preview .scene-segment button,.card-preview .panel-toolbar .scene-segment button{flex:1;min-width:0;font-size:10px;min-height:25px;padding:5px 6px}
.card-preview .panel-toolbar>.panel-action,.card-preview .panel-search{display:none}
.card-preview .panel-toolbar label{font-size:9px}
.card-preview .panel-select{margin-left:auto;font-size:9px;min-width:0;gap:4px}
.card-preview .panel-select select{min-height:27px;font-size:10px;padding:4px;max-width:100px}
.card-preview .panel-stat-strip{flex-wrap:nowrap;overflow:hidden}
.card-preview .panel-stat-strip>div{min-width:0;padding:10px;flex:1}
.card-preview .panel-stat-strip dt{font-size:8px}
.card-preview .panel-stat-strip dd{font-size:16px;margin-top:5px}
.card-preview .panel-stat-strip>div:nth-child(n+3){display:none}
.card-preview .panel-two-up{grid-template-columns:1fr}
.card-preview .panel-context,.card-preview .panel-two-up>.panel-profile{display:none}
.card-preview .panel-two-up>:first-child{border:0}
.card-preview .panel-plot-heading{padding:12px 10px 8px;flex-wrap:wrap;gap:6px;min-width:0}
.card-preview .panel-plot-heading>strong{font-size:12px;font-weight:400}
.card-preview .panel-plot-heading>span{font-size:9px;gap:8px;flex-wrap:wrap}
.card-preview .panel-chart svg{width:100%;min-height:0;max-height:none;height:auto;overflow:hidden}
.card-preview .panel-chart .plot-axes text{font-size:26px}
.card-preview .plot-watermark{font-size:30px}
.card-preview .market-line{stroke-width:3}
.card-preview .plot-crosshair{transform-box:view-box;transform-origin:0 0}
.card-preview .plot-crosshair circle{r:6}
.card-preview .panel-chart-readout{font-size:10px;line-height:1.4;min-height:36px;padding:8px 10px;white-space:normal}
.card-preview .plot-top{padding:10px 10px 4px;gap:7px}
.card-preview .plot-top strong{font-size:13px}
.card-preview .plot-top>div>span,.card-preview .plot-unit{font-size:9px}
.card-preview .exposure-chart{min-height:155px;height:155px;padding:10px;gap:5px}
.card-preview .exposure-chart .bar-strike{font-size:9px}
.card-preview .contract-workspace{display:block}
.card-preview .contract-picker,.card-preview .contract-focus>.panel-plot-heading,.card-preview .contract-focus>.scene-table-scroll{display:none}
.card-preview .contract-focus .panel-detail{display:block;padding:12px 10px;margin:0;font-size:10px}
.card-preview .contract-focus .panel-detail>strong{font-size:13px;line-height:1.4}
.card-preview .contract-focus .panel-stat-strip{display:grid;grid-template-columns:1fr 1fr;margin:12px -10px -12px}
.card-preview .contract-focus .panel-stat-strip>div{display:block;min-width:0;padding:11px 10px}
.card-preview .contract-focus .panel-stat-strip dd{font-size:14px}
.card-preview .contract-focus .panel-stat-strip>div:first-child{grid-column:1/-1}
.card-preview .contract-focus .panel-stat-strip>div:nth-child(n+5){display:none}
.card-preview .matrix-module{margin:0;padding:7px;overflow:hidden}
.card-preview .matrix-module .matrix-topline{flex-wrap:wrap;min-height:37px;padding:7px;gap:6px}
.card-preview .matrix-module .matrix-name{font-size:10px;gap:4px}
.card-preview .matrix-module .matrix-name strong{font-size:12px}
.card-preview .matrix-module .matrix-segment{gap:3px}
.card-preview .matrix-module .matrix-segment button{font-size:9px;min-height:24px;padding:4px 6px}

.card-preview .matrix-module .matrix-controls{display:none}
.card-preview .matrix-module .exposure-matrix thead th{height:29px;font-size:9px}
.card-preview .matrix-module .exposure-matrix thead th small{font-size:8px}
.card-preview .matrix-module .exposure-matrix .matrix-axis{font-size:11px;width:25%}
.card-preview .matrix-module .exposure-matrix td,.card-preview .matrix-module .matrix-cell{height:36px;min-height:36px;font-size:12px}
.card-preview .matrix-module .exposure-matrix tr>:nth-child(2),.card-preview .matrix-module .exposure-matrix tr>:nth-child(6),.card-preview .matrix-module .exposure-matrix tbody tr:first-child,.card-preview .matrix-module .exposure-matrix tbody tr:nth-child(n+5){display:none}
.card-preview .matrix-module .matrix-board .matrix-inspector{display:flex;left:0;width:100%;max-width:100%;min-height:0;margin-top:8px;padding:8px;gap:0}
.card-preview .matrix-module .matrix-inspector:before{display:none}
.card-preview .matrix-module .matrix-context{gap:4px}
.card-preview .matrix-module .matrix-context>strong,.card-preview .matrix-module .matrix-context>span{font-size:11px}
.card-preview .matrix-module .matrix-context .matrix-reading{font-size:14px;margin-left:4px}
.card-preview .matrix-module .matrix-context small{font-size:8px}
.card-preview .matrix-module .matrix-context small:last-child{display:none}
.card-preview .matrix-cell.is-selected{box-shadow:none}
.card-preview .scene-table tr.selected{background:transparent!important}
.card-preview .profile-rows{position:relative;padding:8px}
.card-preview .profile-row{min-height:37px;font-size:11px;grid-template-columns:49px minmax(0,1fr) 32px;gap:5px}
.card-preview .profile-row b{font-size:10px}
.card-preview .profile-row:nth-child(-n+2),.card-preview .profile-row:nth-child(n+6){display:none}
.card-selection-ring{display:block;position:absolute;left:0;top:0;pointer-events:none;z-index:2}
.card-selection-ring.row{background:#c4d0eb0b;border-block:1px solid #bac6dd2a}
.card-selection-ring.cell{border:2px solid #eaf6f1;border-radius:3px}
[data-card-preview=screener] .panel-toolbar:nth-of-type(4),[data-card-preview=screener] .panel-toolbar .scene-segment:last-child{display:none}
[data-card-preview=screener] .module-table :is(th,td):nth-child(4),[data-card-preview=screener] .module-table :is(th,td):nth-child(n+6){display:none}
[data-card-preview=screener] .module-table :is(th,td):first-child{width:37%}
[data-card-preview=screener] .module-table :is(th,td):nth-child(2){width:16%}
[data-card-preview=screener] .module-table :is(th,td):nth-child(3){width:23%;font-size:10px}
[data-card-preview=screener] .module-table :is(th,td):nth-child(5){width:24%}
[data-card-preview=alerts] .module-table :is(th,td):nth-child(1),[data-card-preview=alerts] .module-table :is(th,td):nth-child(5),[data-card-preview=alerts] .module-table :is(th,td):nth-child(6){display:none}
[data-card-preview=interval] .module-table :is(th,td):nth-child(1),[data-card-preview=interval] .module-table :is(th,td):nth-child(4),[data-card-preview=interval] .module-table :is(th,td):nth-child(6){display:none}
[data-card-preview=periscope] .panel-two-up>.panel-chart{display:none}
[data-card-preview=periscope] .panel-two-up>.panel-profile{display:block}
[data-card-preview=periscope] .panel-toolbar>.scene-segment:first-child{display:none}
[data-card-preview=delta] .panel-chart-split>.panel-chart:first-child{display:none}
[data-card-preview=gex] .scene-controls{display:flex;padding:8px;min-height:37px}
[data-card-preview=gex] .scene-controls>:not(:last-child){display:none}
[data-card-preview=gex] .scene-controls>.scene-segment:last-child{display:flex;width:100%}
.module-dialog.card-preview-open{animation:none}
.module-dialog[data-closing]::backdrop{opacity:0;transition:opacity 150ms ease-out}
@media(max-width:760px){.tool-grid:has(.card-preview):not(.ribbon-group){grid-template-columns:1fr}.tool-card:has(.card-preview),.v5-tools .ribbon-track .tool-card:has(.card-preview){height:500px;min-height:500px;padding:24px 20px;grid-template-rows:40px 85px 1fr}.card-preview{top:185px;left:13px;right:13px;bottom:15px}.card-preview .chain-table .quote-pair{flex-direction:column;gap:2px}.card-preview .chain-table .quote-divider{display:none}.card-preview .chain-table .quote-pair button{min-width:52px;min-height:19px;padding:4px;font-size:10px}.card-preview .chain-table tbody :is(th,td){height:48px;padding-block:4px}.card-preview .chain-table tbody th button{min-height:40px}.card-preview .scene-window-bar{flex-wrap:nowrap}.card-preview .flow-table :is(th,td){font-size:10px}.card-preview .flow-table :is(th,td):nth-child(1){font-size:9px}}
@media(prefers-reduced-motion:reduce){.tool-card:has(.card-preview):hover{transform:none}.module-dialog[data-closing]::backdrop{transition:none}}

/* Native product excerpts; these rules never reach the full Chain or exposure matrix. */
.tool-card:has([data-card-preview=screener]) .card-preview{top:148px;mask-image:none}
.tool-card:has([data-card-preview=flow]) .card-preview{top:164px;left:14px;right:14px;mask-image:none}
.tool-card:has([data-card-preview=contract]) .card-preview{top:174px;left:22px;right:12px;mask-image:none}
.card-preview:has(.card-story) .card-preview-stage{height:100%;min-height:0}
.card-preview:has(.card-story) .scene-content{height:100%;display:flex;flex-direction:column;overflow:hidden}
.card-story{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.card-story-caption{flex:none;margin:0;padding:9px 10px;min-height:38px;border-top:1px solid #29313d;background:#070a0e;color:#b7c5d9;font-size:11px;line-height:1.5}
.card-story>.scene-table-scroll{flex:1;min-height:0}
.card-story .scene-table tbody tr:nth-child(n+3){display:none}
.card-story .scene-table :is(th,td){height:46px;padding:6px 4px;font-size:13px}
.card-story .scene-table thead th{height:29px;font-size:11px}
.card-story .scene-table tbody th button{min-height:32px;padding:2px 0;font-size:14px}
.card-story .panel-detail{display:block;margin:0;padding:10px}
.card-story .panel-detail-label,.card-story .panel-detail p{display:none}
.card-story .panel-detail>strong{font-size:13px;line-height:1.45;margin:0}
[data-card-preview=screener] .card-story>.scene-window-bar,[data-card-preview=contract] .card-story>.scene-window-bar{display:none}
[data-card-preview=screener] .card-story>.panel-toolbar{display:flex;flex:none;min-height:40px;padding:4px 9px}
[data-card-preview=screener] .card-story [aria-label="Screener venue"]{display:none}
[data-card-preview=screener] .card-story [aria-label="Screener option type"] button{min-height:29px;font-size:12px;padding:5px 10px}
[data-card-preview=screener] .panel-select{margin:0;width:100%;justify-content:space-between;font-size:11px}
[data-card-preview=screener] .panel-select select{font-size:12px;max-width:138px;min-height:29px}
[data-card-preview=screener] .card-story>.panel-stat-strip>div:nth-child(n+2){display:none}
[data-card-preview=screener] .card-story>.panel-stat-strip{height:54px;flex:none}
[data-card-preview=screener] .card-story>.panel-stat-strip>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px}
[data-card-preview=screener] .card-story>.panel-stat-strip dt{font-size:10px}
[data-card-preview=screener] .card-story>.panel-stat-strip dd{font-size:30px;margin:0}
[data-card-preview=screener] .module-table :is(th,td):nth-child(3){display:none}
[data-card-preview=screener] .module-table :is(th,td):first-child{width:44%}
[data-card-preview=screener] .module-table :is(th,td):nth-child(2){width:20%}
[data-card-preview=screener] .module-table :is(th,td):nth-child(5){width:36%}
[data-card-preview=screener] .card-story>:is(.panel-detail,.panel-hint){display:none}
[data-card-preview=screener] .panel-detail .panel-stat-strip{display:none}
[data-card-preview=flow] .card-story>.scene-window-bar{flex:none}
[data-card-preview=flow] .card-story .flow-summary{padding:12px 10px;min-height:70px;flex:none}
[data-card-preview=flow] .flow-summary strong{font-size:28px}
[data-card-preview=flow] .flow-summary>div>span{font-size:10px}
[data-card-preview=flow] .card-story>:is(.panel-detail,.card-story-reserve){flex:none;height:54px;min-height:54px}
[data-card-preview=flow] .flow-table :is(th,td):first-child{display:none}
[data-card-preview=flow] .flow-table :is(th,td):nth-child(2){width:39%;white-space:normal}
[data-card-preview=flow] .flow-table :is(th,td):nth-child(3){width:13%}
[data-card-preview=flow] .flow-table :is(th,td):nth-child(5){width:29%}
[data-card-preview=flow] .flow-table :is(th,td):last-child{display:table-cell;width:19%;font-size:11px}
[data-card-preview=flow] .card-story .flow-table td{height:48px;font-size:12px}
[data-card-preview=flow] .card-story .flow-table thead th{font-size:10px}
[data-card-preview=flow] .card-story .trade-side{font-size:11px}
[data-card-preview=flow] .card-story .latest-print td:nth-child(5){font-size:14px}
[data-card-preview=flow] .story-step-1 .latest-print{box-shadow:inset 2px 0 #748cff}
[data-card-preview=flow] :is(.story-step-0,.story-step-1) .card-selection-ring{display:none}
[data-card-preview=flow] .story-step-3+.card-story-caption{color:#eaf0fa}
[data-card-preview=contract] .card-story>.panel-toolbar{padding:10px;min-height:56px;flex:none}
[data-card-preview=contract] .card-story .panel-search{display:flex;min-width:0;max-width:none;width:100%;margin:0}
[data-card-preview=contract] .panel-search>span,[data-card-preview=contract] .panel-toolbar>.scene-segment{display:none}
[data-card-preview=contract] .panel-search input{font-size:14px;min-height:36px;padding:8px 10px}
[data-card-preview=contract] .contract-workspace{min-height:0;flex:1}
[data-card-preview=contract] :is(.story-step-0,.story-step-1) .contract-picker{display:flex;max-height:none;padding:9px;border:0}
[data-card-preview=contract] :is(.story-step-0,.story-step-1) .contract-focus{display:none}
[data-card-preview=contract] .contract-picker>button:nth-child(n+3){display:none}
[data-card-preview=contract] .contract-picker>button{min-height:66px;padding:10px}
[data-card-preview=contract] .contract-picker strong{font-size:18px}
[data-card-preview=contract] .contract-picker small{font-size:12px}
[data-card-preview=contract] .contract-focus .panel-detail{padding:15px 12px}
[data-card-preview=contract] .contract-focus .panel-detail>strong{font-size:16px;line-height:1.5}
[data-card-preview=contract] .contract-focus .panel-stat-strip{display:block;margin-top:18px}
[data-card-preview=contract] .contract-focus .panel-stat-strip>div{padding:15px 10px}
[data-card-preview=contract] .contract-focus .panel-stat-strip>div:nth-child(n+2){display:none}
[data-card-preview=contract] .contract-focus .panel-stat-strip dt{font-size:11px}
[data-card-preview=contract] .contract-focus .quote-pair{gap:7px;flex-wrap:wrap}
[data-card-preview=contract] .contract-focus :is(.quote-bid,.quote-ask){font-size:21px;padding:9px 10px}
[data-card-preview=contract] .story-step-1 .panel-search input{outline:1px solid #748cff;outline-offset:-1px}

.workflow-preview{position:relative;padding-block:100px 120px}
.workflow-sticky{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.8fr);gap:55px;align-items:center}
.workflow-preview-copy h2{font-size:35px;line-height:1.15;letter-spacing:-.035em;font-weight:550}
.workflow-preview-copy>p{font-size:15px;line-height:1.7;color:#929cac;margin:23px 0 30px}
.workflow-context{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 12px;min-height:78px;margin:0;padding:12px 14px;border:1px solid #30343c;border-bottom:0;border-radius:9px 9px 0 0;background:#050607;font-family:'OptionMesh Product',sans-serif}
.workflow-context>span{display:block;font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:#91a5c4}
.workflow-context>strong{display:block;margin:0;font-size:13px;line-height:1.6;font-weight:450;color:#ecf2fe;border-left:2px solid #453bff;padding-left:10px}
.workflow-context>small{display:block;grid-column:1/-1;min-height:16px;color:#91a5c4;font-size:10px;line-height:1.6}
.workflow-context [hidden]{display:block;visibility:hidden}
.workflow-contract-handoff{position:absolute;left:0;top:0;z-index:5;pointer-events:none;padding:5px 8px;border:1px solid #748cff;border-radius:3px;background:#080b0f;color:#f0f2f8;font:12px/1.5 'OptionMesh Product',sans-serif;white-space:nowrap}
.workflow-contract-handoff[hidden]{display:none}
.workflow-linked-target{outline:1px solid #748cff;outline-offset:3px;border-radius:2px}
body:has(.workflow-preview.workflow-in-view) .command-trigger{visibility:hidden;pointer-events:none}
.workflow-preview-tabs{display:flex;flex-direction:column;align-items:stretch;gap:3px}
.workflow-preview-tabs button{text-align:left;padding:13px 0;font-size:24px;line-height:1.3;letter-spacing:-.03em;color:#727b8a;background:none;border:0;border-bottom:1px solid #ffffff09;cursor:pointer}
.workflow-preview-tabs button[aria-selected=true]{color:#f1f4f9}
.workflow-preview-tabs button[aria-selected=true]:after{content:'↗';float:right;margin-left:10px;color:#c3c9df;font-size:17px}
.workflow-preview-tabs button:focus-visible{outline:2px solid #8c9cff;outline-offset:4px;border-radius:2px}
.workflow-preview-copy>.text-link{margin-top:28px;font-size:12px}
.workflow-preview-stage{min-width:0}
.workflow-preview-stage .product-scene{margin:0;max-width:100%;min-width:0;border-radius:0 0 9px 9px}
.workflow-preview-stage .scene-content{height:590px;max-height:none;overflow:auto;overscroll-behavior:auto}
.workflow-preview-stage .scene-bottom [data-scene-pause]{display:none!important}
.workflow-preview-stage .scene-window-bar{padding-inline:14px;gap:12px}
.workflow-preview-stage .scene-product-brand{gap:9px;padding-right:14px}
.workflow-preview-stage .scene-wordmark{width:94px}
.workflow-preview-stage .scene-module-name{font-size:12px}
.workflow-preview-stage .scene-demo-label{display:none}
.workflow-preview-stage .panel-toolbar{padding:9px 12px;gap:8px}
.workflow-preview-stage .panel-search{min-width:140px}
.workflow-preview-stage .panel-search>span{display:none}
.workflow-preview-stage .scene-table{min-width:0;font-size:11px}
.workflow-preview-stage .module-table :is(th,td){padding-inline:6px}
.workflow-preview-stage .workflow-match{box-shadow:inset 2px 0 #748cff}
.workflow-preview[data-workflow-mode=guided][data-workflow-phase="1"] .latest-print{box-shadow:inset 2px 0 #748cff}
.workflow-preview-stage .contract-focus .panel-stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.workflow-preview-stage .contract-focus .panel-stat-strip>div{min-width:0}
.workflow-preview-stage .contract-focus .panel-stat-strip>div:first-child{grid-column:span 2}
.workflow-preview-stage :is([data-scene=screener],[data-scene=flow]) .panel-detail{position:sticky;bottom:0;z-index:2;box-shadow:0 -12px 24px #0008}
.workflow-preview-stage [data-scene=screener] .panel-detail .panel-stat-strip{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr))}
.workflow-preview-stage [data-scene=screener] .panel-detail .panel-stat-strip>div{min-width:0}
.workflow-preview-footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:15px}
.workflow-preview-caption{flex:1;min-width:200px;color:#aebcd1;font-size:12px;line-height:1.6;margin:0}
.workflow-preview-footer button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 10px;font-size:11px;background:#080b0f;border:1px solid #303844;border-radius:5px;color:#d8e0ed;cursor:pointer}
.workflow-preview-footer button:focus-visible{outline:2px solid #8c9cff;outline-offset:3px}
@media(max-width:1000px){.workflow-sticky{grid-template-columns:minmax(190px,.7fr) minmax(0,1.8fr);gap:28px}.workflow-preview-copy h2{font-size:29px}.workflow-preview-tabs button{font-size:21px}.workflow-preview-stage .scene-product-brand>.scene-wordmark{display:none}.workflow-preview-stage .scene-product-brand{padding-right:10px}}
.workflow-step-compact{display:none}
@media(max-width:760px){
  .workflow-preview{padding-block:48px 64px}.workflow-sticky{grid-template-columns:1fr;gap:16px}
  .workflow-preview-copy h2{font-size:28px}
  .workflow-preview-copy>p{font-size:14px;line-height:1.5;margin:12px 0 18px}
  .workflow-preview-copy>.text-link{display:none}
  .workflow-preview-tabs{flex-direction:row;gap:4px;border-bottom:1px solid #30343c}
  .workflow-preview-tabs button{flex:1;min-width:0;min-height:44px;text-align:center;padding:10px 3px;font-size:14px;border:0;border-bottom:2px solid transparent}
  .workflow-preview-tabs button[aria-selected=true]{border-bottom-color:#716eff}
  .workflow-preview-tabs button[aria-selected=true]:after,.workflow-step-label{display:none}
  .workflow-step-compact{display:inline}
  .workflow-context{grid-template-columns:1fr;gap:4px;min-height:78px;padding:10px 12px}
  .workflow-context>span{font-size:10px}
  .workflow-context>small{font-size:11px;line-height:1.4}
  .workflow-preview-stage .product-scene{min-height:0}
  .workflow-preview-stage .scene-content{height:auto;min-height:350px;overflow:visible}
  .workflow-preview-stage .scene-window-bar{min-height:44px;padding:8px 10px;gap:10px}
  .workflow-preview-stage .scene-product-brand{padding-right:9px}
  .workflow-preview-stage .scene-controls{display:none}
  .workflow-preview-stage .panel-toolbar{flex-wrap:nowrap;min-height:50px;padding:8px 10px;gap:6px}
  .workflow-preview-stage .panel-search{min-width:0;flex-basis:0;gap:0}
  .workflow-preview-stage .panel-search input{min-height:36px;font-size:13px}
  .workflow-preview-stage .scene-segment button{min-height:36px;padding-inline:8px;font-size:12px}
  .workflow-preview-stage [data-scene=screener] :is([aria-label="Sort contracts"],[aria-label="Screener venue"]){display:none}
  .workflow-preview-stage [data-scene=screener] .panel-select{width:100%;margin:0;justify-content:space-between}
  .workflow-preview-stage [data-scene=screener] .scene-content>.panel-stat-strip>div:nth-child(n+2){display:none}
  .workflow-preview-stage [data-scene=screener] .scene-content>.panel-stat-strip>div:first-child{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px}
  .workflow-preview-stage [data-scene=screener] .scene-content>.panel-stat-strip dd{font-size:25px;margin:0}
  .workflow-preview-stage .panel-stat-strip dt{font-size:10px}
  .workflow-preview-stage .scene-table-scroll{overflow:visible;padding-inline:10px}
  .workflow-preview-stage .scene-table{table-layout:fixed;min-width:0;font-size:13px}
  .workflow-preview-stage .scene-table :is(th,td){font-size:13px;padding:8px 5px;height:44px}
  .workflow-preview-stage .scene-table thead th{font-size:11px}
  .workflow-preview-stage .scene-table tbody th button{font-size:13px;white-space:normal;min-height:36px}
  .workflow-preview-stage .scene-table tbody tr:nth-child(n+3):not(.selected){display:none}
  .workflow-preview-stage [data-scene=screener] .module-table :is(th,td):nth-child(4),.workflow-preview-stage [data-scene=screener] .module-table :is(th,td):nth-child(n+6){display:none}
  .workflow-preview-stage [data-scene=flow] .flow-table :is(th,td):first-child,.workflow-preview-stage [data-scene=flow] .flow-table :is(th,td):nth-child(4){display:none}
  .workflow-preview-stage [data-scene=flow] .flow-table :is(th,td):nth-child(2){width:36%;white-space:normal}
  .workflow-preview-stage [data-scene=flow] .flow-table :is(th,td):nth-child(3){width:13%}
  .workflow-preview-stage [data-scene=flow] .flow-table :is(th,td):nth-child(5){width:29%}
  .workflow-preview-stage [data-scene=flow] .flow-table :is(th,td):last-child{display:table-cell;width:22%}
  .workflow-preview-stage .flow-summary{padding:12px;min-height:68px}
  .workflow-preview-stage :is([data-scene=screener],[data-scene=flow]) .panel-detail{position:static;box-shadow:none}
  .workflow-preview-stage :is([data-scene=screener],[data-scene=flow]) .panel-detail .panel-stat-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .workflow-preview-stage .panel-stat-strip>div{min-width:0;padding:10px}
  .workflow-preview-stage .panel-stat-strip dd{font-size:15px}
  .workflow-preview-stage :is([data-scene=screener],[data-scene=flow]) .panel-detail .panel-stat-strip>div:nth-child(n+3){display:none}
  .workflow-preview-stage [data-scene=contract] .contract-picker,.workflow-preview-stage .contract-focus>.panel-plot-heading,.workflow-preview-stage .contract-focus>.scene-table-scroll,.workflow-preview-stage .contract-focus>.panel-hint{display:none}
  .workflow-preview-stage [data-scene=contract] .contract-workspace{min-height:0;display:block}
  .workflow-preview-stage .contract-focus .panel-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workflow-preview-stage .contract-focus .panel-stat-strip>div:first-child{grid-column:1/-1}
  .workflow-preview-stage .contract-focus .quote-pair{flex-wrap:wrap;flex-direction:row}
  .workflow-preview-footer{gap:10px}
  .workflow-preview-caption{flex-basis:100%;font-size:12px;min-width:0}
  .workflow-preview-footer button{min-height:44px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.workflow-preview-tabs button{transition:none}}

/* The page carries the three stages; timers only demonstrate the action inside each stage. */
.workflow-preview[data-scroll-story]{--workflow-inset:108px;min-height:calc(100svh + 1120px)}
[data-scroll-story]>.workflow-sticky{position:sticky;top:var(--workflow-inset)}
[data-scroll-story] .workflow-preview-stage .scene-content{height:clamp(300px,calc(100svh - 330px),590px)}
[data-scroll-story][data-workflow-mode=guided] .scene-content{overflow:hidden}
.showcase .showcase-tabs{display:grid;grid-template-columns:repeat(6,auto);width:min(780px,100%);padding:0;gap:8px;margin:28px auto 18px;overflow:visible;border:0;background:none}
.showcase .showcase-tabs button{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:12px 6px;border:0;border-radius:0;background:none;box-shadow:none;color:#97a2b4;font-size:13px;white-space:nowrap}
.showcase .showcase-tabs button:after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:2px;background:#eff3fa;opacity:0;transform:scaleX(.5);transition:transform .2s,opacity .2s}
.showcase .showcase-tabs button:hover{color:#ecf1fa;background:none}
.showcase .showcase-tabs button[aria-selected=true]{color:#f4f6fb;background:none;border-color:transparent;box-shadow:none}
.showcase .showcase-tabs button[aria-selected=true]:after{opacity:1;transform:scaleX(1)}
.showcase .showcase-tabs button:focus-visible{outline:2px solid #9daeff;outline-offset:3px}
.showcase .showcase-tabs .module-icon{width:18px;height:18px;opacity:.7;flex-shrink:0}
.showcase .showcase-tabs [aria-selected=true] .module-icon{opacity:1}
@media(max-width:760px){
 .workflow-preview[data-scroll-story]{--workflow-inset:94px;min-height:calc(100svh + 900px)}
 [data-scroll-story] .workflow-preview-copy h2{font-size:25px}
 [data-scroll-story] .workflow-preview-copy>p{margin:9px 0 12px;font-size:13px}
 [data-scroll-story] .workflow-sticky{gap:12px}
 [data-scroll-story] .workflow-preview-stage .scene-content{height:clamp(180px,calc(100svh - 480px),400px);min-height:0;overflow:auto}
 [data-scroll-story][data-workflow-mode=guided] .scene-content{overflow:hidden}
 [data-scroll-story] .workflow-context{min-height:65px;padding-block:8px;gap:2px}
 [data-scroll-story] .workflow-context>span{font-size:9px}
 [data-scroll-story] .workflow-context>strong{font-size:13px}
 [data-scroll-story] .workflow-context>small{font-size:10px;min-height:14px}
 .workflow-preview-tabs .workflow-step-label{display:inline}
 .workflow-preview-tabs .workflow-step-compact{display:none}
 .workflow-preview-tabs button{font-size:12px;line-height:1.3;white-space:normal}
 .showcase .showcase-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px;margin-top:22px}
 .showcase .showcase-tabs button{font-size:12px;min-height:44px;padding:10px 3px;gap:6px;white-space:normal;line-height:1.3}
 .showcase .showcase-tabs .module-icon{width:16px;height:16px}
}
@media(prefers-reduced-motion:reduce){.showcase .showcase-tabs button:after{transition:none}}

/* Marketing typography stays separate from the protected product panels. */
:is(.tools-section,.sources-section,.programs,.reading-data,.included,.license-conditions,.installation,.support-faq,.support-activation,.academy-concepts,.home-pricing,.home-faq) .section-heading h2,.academy-copy h2{font-family:'OptionMesh Brand',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.catalogue-hint{font-size:12px;line-height:1.5;color:#a3adbf;max-width:30ch}
.section-anchor{display:block;scroll-margin-top:100px}
.program-grid article,.academy-concepts,.support-activation{scroll-margin-top:110px}
.academy-concepts .academy-product-title,.academy-concepts .academy-programs{display:none}
.academy-concepts .section-heading p{max-width:650px;font-size:16px}
.academy-concepts .academy-lesson-tabs{margin-top:0}
.support-activation{max-width:850px;padding-block:40px 75px}
.support-activation>.section-heading{margin-bottom:25px}
.support-activation>p{font-size:15px;line-height:1.75;max-width:70ch;margin-bottom:20px}
.support-activation .support-preview-note{font-size:13px;color:#a3adbf}
.preview-info summary{cursor:pointer;font-size:14px;color:#d5dce9;padding-block:18px;min-height:44px}
.preview-info summary:focus-visible{outline:2px solid #b7c7ff;outline-offset:4px}

.aggregation-section{padding-block:10px 85px}
.aggregation-section .section-heading{margin-bottom:25px}
.aggregation-section .section-heading h2{font-family:'OptionMesh Brand',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(28px,3.5vw,42px);line-height:1.15}
.aggregation-section .section-heading p{max-width:530px;font-size:16px;line-height:1.65}
.aggregation-diagram{margin:0;min-width:0}
.aggregation-art{display:block;width:100%;height:auto;overflow:visible}
.aggregation-art-mobile{display:none}
.aggregation-particles{pointer-events:none}
.aggregation-emblem,.aggregation-reception{pointer-events:none}
.aggregation-art-labels{font:11px/1.3 'OptionMesh Brand',sans-serif;letter-spacing:1.2px}
.aggregation-diagram figcaption{font-size:11px;line-height:1.6;color:#929fb3;text-align:center;margin-top:12px}
.aggregation-notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #272e3a;margin-top:35px;padding-top:30px}
.aggregation-notes h3{font-size:16px;font-weight:550;color:#e0e5ee}
.aggregation-notes p{font-size:14px;line-height:1.75;max-width:470px;margin-top:12px;color:#9ca8bb}
@media(max-width:760px){
  .catalogue-hint{font-size:12px;max-width:20ch}
  .academy-concepts{margin-bottom:55px}
  .support-activation{padding-block:20px 55px}
  .aggregation-section{padding-bottom:55px}
  .aggregation-section .section-heading{margin-bottom:20px}
  .aggregation-section .section-heading p{font-size:14px}
  .aggregation-art-desktop{display:none}
  .aggregation-art-mobile{display:block}
  .aggregation-source-line{vector-effect:non-scaling-stroke;stroke-width:.7px}
  .aggregation-output-line{vector-effect:non-scaling-stroke;stroke-width:1.4px}
  .aggregation-art-labels{font-size:27px;letter-spacing:.5px}
  .aggregation-notes{grid-template-columns:1fr;gap:25px;padding-top:28px}
  .aggregation-diagram figcaption{font-size:11px;text-align:left}
}
@media(prefers-reduced-motion:reduce){.aggregation-source-line,.aggregation-output-line{stroke-dashoffset:0}.aggregation-particles,.aggregation-reception{display:none}}

.license-access{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:60px}
.license-access article{padding:28px;border:1px solid #2b3038;border-radius:10px;background:#0a0c10}
.license-access h2{font-size:24px;letter-spacing:-.035em;font-weight:600}
.license-access p{font-size:15px;line-height:1.65;margin:15px 0 24px;max-width:52ch}
.button:disabled{cursor:not-allowed;color:#a4adbd;background:#161a21;border-color:#323a48;box-shadow:none;opacity:1}
@media(max-width:760px){.license-access{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.license-access article{padding:24px}.license-access .button{font-size:13px;min-height:44px}}

.tool-index{grid-column:1/-1;border-top:1px solid #292e38;margin-top:32px;padding-top:30px;width:100%}
.tool-index h3{font-size:18px;font-weight:550;letter-spacing:-.025em;margin:0 0 24px}
.tool-index-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.tool-index h4{color:#9aa8bf;font-size:12px;font-weight:500;margin:0 0 12px}
.tool-index ul{list-style:none;margin:0;padding:0}
.tool-index a{display:flex;align-items:center;min-height:44px;padding:6px 0;color:#dce2ed;font-size:13px;line-height:1.4}
.tool-index a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.tool-index a:focus-visible{outline:2px solid #99aaff;outline-offset:4px}
.program-reference{margin-top:28px;color:#a3adbf;font-size:12px;line-height:1.6}
@media(max-width:760px){.tool-index-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.tool-index a{font-size:12px}.tool-index{margin-top:24px}}
@media(max-width:360px){.tool-index-groups{grid-template-columns:1fr}}

.coverage-section{padding-block:30px 75px}
.coverage-section>.section-heading{margin-bottom:24px}
.coverage-section .section-heading h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.035em}
.coverage-section .section-heading p{max-width:65ch;font-size:16px;line-height:1.6}
.coverage-date,.coverage-section details>p{font-size:12px;line-height:1.7;color:#a3afc2;margin:18px 0}
.coverage-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6;text-align:left}
.coverage-table caption{text-align:left;color:#dce3ee;font-size:15px;padding:18px 0}
.coverage-table :is(th,td){padding:16px 12px;border-bottom:1px solid #252b35;vertical-align:top;font-weight:400}
.coverage-table thead th{font-size:11px;color:#a4b1c8;background:#0d1016}
.coverage-table tbody th{color:#ecf0f6;font-weight:500;min-width:110px}
.coverage-table td{color:#b8c2d3}
.coverage-table a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.coverage-section details{border-bottom:1px solid #29303b}
.coverage-section summary{padding:22px 0;min-height:44px;cursor:pointer;font-size:14px;color:#dce3ee}
.coverage-section summary:focus-visible{outline:2px solid #99aaff;outline-offset:4px}
@media(max-width:760px){
 .coverage-table,.coverage-table tbody{display:block;width:100%}
 .coverage-table thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 .coverage-table tr{display:block;border-bottom:1px solid #303744;padding:15px 0}
 .coverage-table :is(th,td){display:block;border:0;padding:6px 0;min-width:0}
 .coverage-table td:before{content:attr(data-label);display:block;font-size:10px;color:#94a4bf;margin-bottom:3px}
 .coverage-table tbody th{font-size:15px}
 .coverage-section{padding-bottom:45px}
}

/* Product has a stable catalogue; the home keeps its existing moving ribbon. */
.product-catalogue{padding-block:70px 85px}
.catalogue-intro{max-width:690px;margin-bottom:30px}
.catalogue-intro h2{font:550 clamp(30px,4vw,43px)/1.15 'OptionMesh Brand',sans-serif;letter-spacing:-.04em;margin:14px 0 20px}
.catalogue-intro>p,.catalogue-family-heading p{font-size:15px;line-height:1.7;color:#a6b0c0}
.catalogue-family-nav{display:flex;flex-wrap:wrap;gap:10px 30px;border-bottom:1px solid #282d36;padding:0 0 20px}
.catalogue-family-nav a{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;color:#e7ebf3}
.catalogue-family-nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:6px}
.catalogue-family-nav a>span{font-size:11px;color:#8e9bb0}
.catalogue-jump{margin:0 0 55px;border-bottom:1px solid #282d36}
.catalogue-jump>summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;cursor:pointer;color:#b2bed1;font-size:13px;list-style:none}
.catalogue-jump>summary::-webkit-details-marker{display:none}
.catalogue-jump[open]>summary>span{transform:rotate(45deg)}
.catalogue-jump .tool-index{border:0;margin:0;padding:15px 0 28px}
.catalogue-jump .tool-index>h3{display:none}
.catalogue-family{padding-block:0 70px;scroll-margin-top:0}
.catalogue-family-heading{display:flex;gap:20px;align-items:flex-start;margin-bottom:26px;max-width:760px}
.catalogue-family-number{font:12px/1.7 'OptionMesh Brand',sans-serif;color:#7c8aa3;margin-top:2px;padding-top:7px;border-top:1px solid #4b566b;min-width:26px}
.catalogue-family-heading .eyebrow{font-size:10px;letter-spacing:.13em}
.catalogue-family-heading h2{font:500 clamp(25px,3vw,32px)/1.2 'OptionMesh Brand',sans-serif;letter-spacing:-.035em;margin:9px 0 12px}
.product-catalogue .catalogue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;overflow:visible;padding:0;border-top:1px solid #252c37;border-left:1px solid #252c37}
.product-catalogue .tool-card:has(.card-preview){--art-scale:.83;--preview-width:350px;--preview-height:340px;position:relative;grid-column:span 1;display:flex;flex-direction:column;min-width:0;width:auto;height:auto;min-height:600px;padding:0;border:0;border-right:1px solid #252c37;border-bottom:1px solid #252c37;border-radius:0;background:transparent;box-shadow:none;transform:none;overflow:hidden;isolation:isolate}
.product-catalogue .tool-card[data-card-width=wide]{--art-scale:.93;--preview-width:380px;--preview-height:340px;grid-column:span 2;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:auto;min-height:400px}
.product-catalogue .tool-card:hover,.product-catalogue .tool-card:focus-within{background:#0b0f1750;transform:none}
.catalogue-art{display:grid;place-items:center;position:relative;isolation:isolate;height:360px;flex:none;min-width:0;perspective:1100px;overflow:hidden}
.catalogue-art:before{content:'';position:absolute;inset:12px;background-image:radial-gradient(#697b9a45 .7px,transparent .8px);background-size:17px 17px;mask-image:radial-gradient(ellipse at center,#0008,transparent 76%);pointer-events:none}
.product-catalogue .catalogue-art .card-preview{position:relative;inset:auto;left:auto;top:auto;width:min(var(--preview-width),calc(100% - 32px));height:var(--preview-height);z-index:1;mask-image:none;transform:rotateX(48deg) rotateZ(-30deg) scale(var(--art-scale));transform-origin:center;transition:transform 600ms cubic-bezier(.22,1,.36,1);box-shadow:0 20px 28px #0007;border-radius:6px}
.product-catalogue .catalogue-art .card-preview-stage.product-scene{width:100%;min-height:0;height:100%;margin:0;box-shadow:none}
.product-catalogue .catalogue-art .card-preview .scene-content{height:100%;overflow:hidden}
.catalogue-layers{position:absolute;inset:0;pointer-events:none;opacity:.65;transition:opacity 500ms}
.catalogue-layers i{position:absolute;left:50%;top:50%;width:min(var(--preview-width),calc(100% - 32px));height:var(--preview-height);border:1px solid #6a7d9d60;border-radius:6px;background:#090d15;transform:translate(-50%,calc(-50% + 25px)) rotateX(48deg) rotateZ(-30deg) scale(var(--art-scale))}
.catalogue-layers i:last-child{transform:translate(-50%,calc(-50% + 46px)) rotateX(48deg) rotateZ(-30deg) scale(var(--art-scale));background:none;border-color:#61718c50}
.catalogue-card-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;position:relative;z-index:1;padding:22px 30px 25px;min-width:0}
.catalogue-card-label{display:flex;align-items:center;gap:13px;min-height:40px;width:100%}
.catalogue-card-label>.module-icon{flex:0 0 26px;width:26px;height:26px;color:#c1cbe0}
.catalogue-card-label h3{font:500 23px/1.3 'OptionMesh Brand',sans-serif;letter-spacing:-.03em;margin:0;max-width:calc(100% - 39px)}
.catalogue-card-description{font:14px/1.75 'OptionMesh Brand',sans-serif;color:#9eaac0;margin:15px 0 20px;max-width:47ch}
.catalogue-card-open{display:flex;align-items:center;gap:14px;min-height:44px;color:#d7e0ef;font-size:12px;margin-top:auto}
.catalogue-card-open>span{font-size:15px;color:#91a3c2}
.product-catalogue .tool-card[data-card-width=wide] .catalogue-art{grid-column:2;grid-row:1;height:400px}
.product-catalogue .tool-card[data-card-width=wide] .catalogue-card-content{grid-column:1;grid-row:1;justify-content:center;padding:45px 38px}
.product-catalogue .tool-card[data-card-width=wide] .catalogue-card-label{align-items:flex-start;flex-direction:column;gap:20px}
.product-catalogue .tool-card[data-card-width=wide] h3{font-size:30px;max-width:none}
.product-catalogue .tool-card[data-card-width=wide] .catalogue-card-description{font-size:15px;max-width:34ch}
.product-catalogue .tool-card[data-card-width=wide] .catalogue-card-open{margin-top:8px}
.product-catalogue .tool-card:focus-within .catalogue-art .card-preview{transform:none}
.product-catalogue .tool-card:focus-within .catalogue-layers{opacity:.14}
@media(hover:hover){
 .product-catalogue .tool-card:hover .catalogue-art .card-preview{transform:none}
 .product-catalogue .tool-card:hover .catalogue-layers{opacity:.14}
}
@media(max-width:1050px){
 .product-catalogue .tool-card:has(.card-preview){--art-scale:.8}
 .product-catalogue .tool-card[data-card-width=wide]{--art-scale:.93}
 .catalogue-card-content{padding-inline:25px}.catalogue-card-label h3{font-size:21px}
 .product-catalogue .tool-card[data-card-width=wide] .catalogue-card-content{padding-inline:30px}
 .product-catalogue .tool-card[data-card-width=wide] h3{font-size:27px}
}
@media(max-width:760px){
 .product-catalogue .catalogue-grid{grid-template-columns:1fr}
 .product-catalogue .tool-card:has(.card-preview),.product-catalogue .tool-card[data-card-width=wide]{--art-scale:.7;--preview-width:350px;--preview-height:340px;grid-column:1;display:flex;flex-direction:column;min-height:0;height:auto}
 .catalogue-art,.product-catalogue .tool-card[data-card-width=wide] .catalogue-art{height:360px;flex:none}
 .product-catalogue .catalogue-art .card-preview{transition:transform 450ms cubic-bezier(.22,1,.36,1)}
 .catalogue-card-content,.product-catalogue .tool-card[data-card-width=wide] .catalogue-card-content{padding:20px 23px 22px}
 .catalogue-card-label,.product-catalogue .tool-card[data-card-width=wide] .catalogue-card-label{flex-direction:row;align-items:center;gap:12px}
 .catalogue-card-label h3,.product-catalogue .tool-card[data-card-width=wide] h3{font-size:22px;max-width:calc(100% - 38px)}
 .catalogue-card-description,.product-catalogue .tool-card[data-card-width=wide] .catalogue-card-description{font-size:14px;line-height:1.7;max-width:42ch}
 .catalogue-card-open,.product-catalogue .tool-card[data-card-width=wide] .catalogue-card-open{margin-top:0}
}
@media(max-width:359px){.product-catalogue .tool-card:has(.card-preview){--art-scale:.65}.catalogue-art,.product-catalogue .tool-card[data-card-width=wide] .catalogue-art{height:360px}}
@media(prefers-reduced-motion:reduce){.product-catalogue .catalogue-art .card-preview{transform:none;transition:none}.catalogue-layers{transition:none;opacity:.14}}
html.motion-paused .product-catalogue .catalogue-art .card-preview{transform:none;transition:none}
.catalogue-note{font-size:12px;line-height:1.7;color:#9caac1;max-width:85ch}
.catalogue-note a{color:#dde5f3;text-decoration:underline;text-underline-offset:4px}
.product-catalogue :is(a,summary):focus-visible{outline:2px solid #a6b8ec;outline-offset:4px}

/* Data & Coverage: show the meaning first, keep the dated record accessible. */
[data-page=data-coverage] .page-intro{padding-top:160px;padding-bottom:24px;max-width:950px}
[data-page=data-coverage] .page-intro h1{font-size:clamp(42px,6vw,66px)}
[data-page=data-coverage] .page-intro>p{font-size:17px;line-height:1.65;max-width:590px}
.coverage-page-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 26px;padding-block:0 36px}
.coverage-page-nav a{display:flex;align-items:center;min-height:44px;font-size:12px;color:#a7b4c9;border-bottom:1px solid #303949}
[data-page=data-coverage] .aggregation-section{padding-bottom:75px}
[data-page=data-coverage] .aggregation-section .section-heading h2{font-size:28px}
[data-page=data-coverage] .aggregation-section .section-heading p{font-size:15px}
.coverage-sources,.coverage-underlyings,.coverage-explorer,.coverage-reading,.coverage-measures{padding-block:65px 85px;scroll-margin-top:0;border-top:1px solid #252c36}
.coverage-section-heading{max-width:760px;margin-bottom:35px}
.coverage-section-heading h2,.coverage-reading-copy h2{font:550 clamp(28px,3.5vw,40px)/1.17 'OptionMesh Brand',sans-serif;letter-spacing:-.035em;margin:14px 0 19px}
.coverage-section-heading>p,.coverage-reading-copy>p{font-size:16px;line-height:1.7;color:#aab6c8;max-width:65ch}
.coverage-source-grid{list-style:none;padding:0;margin:35px 0 22px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-left:1px solid #242b35;border-top:1px solid #242b35}
.coverage-source-grid li{min-width:0;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 12px;border-right:1px solid #242b35;border-bottom:1px solid #242b35}
.coverage-source-grid img{width:145px;max-width:100%;height:38px;object-fit:contain;filter:none}
.coverage-source-grid li>span{font-size:11px;color:#a2afc4}
.coverage-footnote{font-size:12px;line-height:1.7;color:#9cabc1;max-width:85ch}
/* Asset identity stays full-colour, with room for the official mark. */
.underlying-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:32px 0 42px;border-left:1px solid #29303a;border-top:1px solid #29303a}
.underlying-primary li{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;min-height:210px;padding:28px;border-right:1px solid #29303a;border-bottom:1px solid #29303a;background:#090b0f;min-width:0}
.underlying-primary .underlying-logo{position:absolute;right:26px;top:30px;width:80px;height:80px;max-width:31%;object-fit:contain}
.underlying-code{font:12px/1.4 'OptionMesh Brand',sans-serif;letter-spacing:.08em;color:#acb8cc}
.underlying-primary h3{font:500 25px/1.2 'OptionMesh Brand',sans-serif;letter-spacing:-.025em;margin:13px 0 25px;max-width:calc(100% - 85px)}
.underlying-primary a{display:flex;align-items:center;justify-content:space-between;min-height:44px;width:100%;margin-top:auto;font-size:12px;color:#e0e8f5}
.underlying-primary a:focus-visible{outline:2px solid #afbfeb;outline-offset:4px}
.underlying-catalogue{display:block;padding:0;margin:0 0 26px}
.underlying-catalogue h3{font:500 18px/1.4 'OptionMesh Brand',sans-serif;letter-spacing:-.02em;margin:0 0 20px}
.underlying-catalogue ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-left:1px solid #252d38;border-top:1px solid #252d38}
.underlying-catalogue li{position:relative;display:flex;align-items:center;min-height:90px;padding:18px;border-right:1px solid #252d38;border-bottom:1px solid #252d38;background:#080a0d;min-width:0}
.underlying-catalogue [data-underlying-symbol=ADA] .underlying-logo{background:#f1f4fa;border-radius:50%;padding:4px}
.underlying-catalogue .underlying-logo{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:34px;height:34px;object-fit:contain}
.underlying-catalogue li>div{display:grid;gap:6px;max-width:calc(100% - 48px)}
.underlying-catalogue strong{font:500 14px/1.3 'OptionMesh Brand',sans-serif;color:#eef2f8}
.underlying-catalogue li span{font:12px/1.4 'OptionMesh Brand',sans-serif;color:#aab7ca}
.underlying-market-codes{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:12px 0 24px}
.underlying-market-codes h3{font:13px/1.5 'OptionMesh Brand',sans-serif;color:#aab7ca;margin:0}
.underlying-market-codes ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.underlying-market-codes li{display:flex;align-items:center;min-height:36px;padding:7px 11px;border:1px solid #29323f;font:12px/1.4 'OptionMesh Brand',sans-serif;color:#c8d4e5}
.underlying-scope{border-top:1px solid #252d38;padding-top:16px;color:#aab7ca}
.underlying-scope>p{font:12px/1.7 'OptionMesh Brand',sans-serif;margin:0 0 8px}
.underlying-scope summary{display:flex;align-items:center;gap:22px;min-height:44px;width:max-content;cursor:pointer;list-style:none;font:12px/1.5 'OptionMesh Brand',sans-serif;color:#dbe4f3}
.underlying-scope summary::-webkit-details-marker{display:none}
.underlying-scope details[open] summary>span{transform:rotate(45deg)}
.underlying-scope details p{font:13px/1.7 'OptionMesh Brand',sans-serif;max-width:85ch;margin:10px 0}
@media(max-width:1100px){.underlying-catalogue ul{grid-template-columns:repeat(3,minmax(0,1fr))}.underlying-primary li{padding:24px}.underlying-primary .underlying-logo{width:66px;height:66px;right:20px}.underlying-primary h3{font-size:22px;max-width:calc(100% - 70px)}}
@media(max-width:760px){.underlying-primary{grid-template-columns:1fr}.underlying-primary li{min-height:172px}.underlying-primary .underlying-logo{width:78px;height:78px;right:28px;top:26px}.underlying-primary h3{max-width:calc(100% - 110px);margin-bottom:14px}.underlying-catalogue ul{grid-template-columns:repeat(2,minmax(0,1fr))}.underlying-catalogue li{padding:14px 12px;min-height:82px}.underlying-catalogue .underlying-logo{right:12px;width:28px;height:28px}.underlying-catalogue li>div{max-width:calc(100% - 40px)}.underlying-catalogue li span{font-size:11px}.underlying-market-codes{gap:12px}}
.coverage-explorer-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:50px;align-items:start}
.coverage-selection{display:grid;gap:22px}
.coverage-selection label{display:grid;gap:10px;font-size:13px;color:#d2dced}
.coverage-selection select{width:100%;min-width:0;min-height:48px;border:1px solid #364052;border-radius:5px;background:#080b10;color:#edf2fa;font:14px 'OptionMesh Brand',sans-serif;padding:10px 12px}
.coverage-selection>p{color:#97a9c2;font-size:12px;line-height:1.8}
.coverage-selection>a{font-size:12px;color:#d0ddf3;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:flex;align-items:center;gap:10px}
.coverage-result{border:1px solid #344052;border-radius:9px;overflow:hidden;background:#070a0f}
.coverage-result-top{display:flex;align-items:center;gap:10px;padding:19px 23px;border-bottom:1px solid #293342;color:#a5b6d0;font-size:10px;line-height:1.5}
.coverage-result-top>span:last-child{margin-left:auto;color:#e0e8f8;text-align:right}
.coverage-result-body{padding:29px;min-height:395px}
.coverage-result-status{display:inline-block;border-left:2px solid #7773ff;padding:4px 10px;background:#27245e35;color:#cbc9ff;font-size:11px;line-height:1.6}
.coverage-result h3{font:500 25px/1.3 'OptionMesh Brand',sans-serif;letter-spacing:-.03em;margin:24px 0 27px}
.coverage-result h4{font:500 12px/1.5 'OptionMesh Brand',sans-serif;color:#e5ecf8;margin:0 0 9px}
.coverage-result p{font-size:14px;line-height:1.8;color:#aab9ce}
.coverage-result-limit{border-top:1px solid #293240;padding-top:22px;margin-top:24px}
.coverage-result a{display:inline-flex;align-items:center;gap:20px;min-height:44px;margin-top:18px;color:#dbe6f9;font-size:12px}
.coverage-reading{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:65px;align-items:center}
.reading-controls{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0 18px}
.reading-controls button{min-height:44px;padding:10px 13px;font:12px 'OptionMesh Brand',sans-serif;background:none;border:1px solid #303b4d;border-radius:4px;color:#a7b7d0;cursor:pointer}
.reading-controls button[aria-pressed=true]{background:#211e554d;border-color:#6d6cff;color:#ecebff}
.coverage-reading-copy .reading-caption{font-size:13px;line-height:1.8;min-height:115px;color:#b1c0d7}
.coverage-reading-copy .text-link{font-size:12px}
.coverage-reading-figure{position:relative;height:440px;min-width:0;margin:0}
.coverage-reading-figure .coverage-native{top:0;left:0;right:0;bottom:100px;mask-image:none;border:1px solid #323d4f;border-radius:7px}
.coverage-native .card-preview-stage.product-scene{height:100%;min-height:0;border:0}
.coverage-native .card-story>.scene-window-bar{display:flex}
.coverage-native .flow-table :is(th,td):nth-child(3),.coverage-native .flow-table :is(th,td):nth-child(4){display:none}
.coverage-native .flow-table :is(th,td):first-child{width:19%;font-size:10px}
.coverage-native .flow-table :is(th,td):nth-child(2){width:32%;white-space:normal}
.coverage-native .flow-table :is(th,td):nth-child(5){width:29%;font-size:12px}
.coverage-native .flow-table :is(th,td):last-child{display:table-cell;width:20%;font-size:11px}
.coverage-native .flow-table tbody tr:nth-child(n+4){display:none}
.coverage-native .card-story>.panel-detail{display:none}
.coverage-native .card-story-caption{min-height:38px;font-size:10px}
.coverage-native .card-story .scene-table :is(th,td){height:43px;font-size:11px}
[data-reading-context=source] .coverage-native .flow-table :is(th,td):last-child,[data-reading-context=time] .coverage-native .flow-table :is(th,td):first-child,[data-reading-context=units] .coverage-native .flow-table :is(th,td):nth-child(5){background:#4a4bd222;color:#e0e5ff}
.coverage-missing-example{position:absolute;bottom:33px;left:0;right:0;display:flex;align-items:center;gap:16px;border:1px solid #303b4d;padding:13px 16px;font:11px/1.6 'OptionMesh Brand',sans-serif;color:#a5b6d0;min-height:54px;border-radius:5px}
.coverage-missing-example strong{font-size:20px;color:#eff4fc;margin-left:auto}
.coverage-missing-example>span:last-child{font-size:10px}
[data-reading-context=missing] .coverage-missing-example{background:#29245840;border-color:#7773ff}
.coverage-reading-figure figcaption{position:absolute;bottom:0;left:0;font-size:10px;color:#95a7c1;line-height:1.6}
.coverage-measure-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.coverage-measure-grid article{padding:32px;border:1px solid #2c3543;border-radius:8px;background:#0a0d12;min-width:0}
.measure-kind{font:10px/1.5 'OptionMesh Brand',sans-serif;letter-spacing:.12em;color:#a0b2d3}
.coverage-measure-grid h3{font:500 28px/1.2 'OptionMesh Brand',sans-serif;letter-spacing:-.035em;margin:15px 0 20px}
.coverage-measure-grid p{font-size:14px;line-height:1.8;color:#acb9cd;max-width:50ch;min-height:100px}
.measure-example{display:grid;gap:10px;padding:24px 0 0;margin-top:20px;border-top:1px solid #2a3341;font-family:'OptionMesh Product',sans-serif}
.measure-example>span{font-size:13px;color:#b1c3dc}.measure-example>strong{font-size:26px;font-weight:400;color:#eef3fc}.measure-example>small{font:11px/1.7 'OptionMesh Brand',sans-serif;color:#9baec9}
.coverage-history{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:36px;margin-top:36px;border-top:1px solid #2b3441}
.coverage-history h3{font:500 22px/1.35 'OptionMesh Brand',sans-serif;letter-spacing:-.025em;max-width:30ch;margin:0 0 14px}
.coverage-history p{font-size:13px;line-height:1.8;color:#a6b8d2}
.coverage-history ol{list-style:none;padding:0;margin:0;display:grid;gap:0}
.coverage-history li{display:flex;align-items:center;gap:20px;border-bottom:1px solid #283240;min-height:52px;font-size:13px;color:#c5d4ec}.coverage-history li>span{font-size:10px;color:#8b9db9}
#verification{padding-block:65px 70px;border-top:1px solid #29313e;scroll-margin-top:0}
#verification .section-heading h2{font:550 36px/1.2 'OptionMesh Brand',sans-serif;letter-spacing:-.035em}
.coverage-questions{padding-top:35px}.coverage-questions h3{font:500 22px/1.4 'OptionMesh Brand',sans-serif;margin-bottom:20px;letter-spacing:-.025em}
.coverage-questions>p{margin-top:25px;font-size:13px;line-height:1.8;color:#a4b4ce}.coverage-questions a{color:#dde8fb;text-decoration:underline;text-underline-offset:5px}
:is(.coverage-page-nav,.coverage-selection,.reading-controls,.coverage-result) :is(a,button,select):focus-visible{outline:2px solid #a5b8ef;outline-offset:4px}
@media(max-width:1050px){
 .coverage-source-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.coverage-reading{gap:32px;grid-template-columns:1fr 1fr}.coverage-explorer-layout{gap:28px}
}
@media(max-width:760px){
 [data-page=data-coverage] .page-intro{padding-top:125px;padding-bottom:20px}
 [data-page=data-coverage] .page-intro>p{font-size:15px}
 .coverage-page-nav{justify-content:flex-start;gap:4px 18px;padding-bottom:26px}.coverage-page-nav a{font-size:11px}
 [data-page=data-coverage] .aggregation-section .section-heading h2{font-size:24px}
 .coverage-sources,.coverage-underlyings,.coverage-explorer,.coverage-reading,.coverage-measures{padding-block:40px 50px}
 .coverage-section-heading>p,.coverage-reading-copy>p{font-size:14px}.coverage-section-heading{margin-bottom:25px}
 .coverage-source-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px}.coverage-source-grid li{min-height:116px;padding:20px 12px}.coverage-source-grid img{width:130px;height:34px}
 .coverage-explorer-layout,.coverage-reading,.coverage-measure-grid,.coverage-history{grid-template-columns:1fr;gap:26px}
 .coverage-selection{grid-template-columns:1fr;gap:16px}.coverage-selection>p,.coverage-selection>a{grid-column:1/-1}.coverage-selection>p{font-size:11px}.coverage-selection select{font-size:13px;padding-inline:10px}
 .coverage-result-top{padding:15px;gap:8px;font-size:10px;flex-wrap:wrap}.coverage-result-top>span:last-child{font-size:11px;margin-left:30px;flex-basis:100%;text-align:left}
 .coverage-result-body{padding:22px 20px;min-height:0}.coverage-result h3{font-size:23px;margin:23px 0}.coverage-result p{font-size:13px}
 .coverage-reading-copy .reading-caption{font-size:13px;min-height:100px}.coverage-reading-figure{height:415px}
 .coverage-reading-figure .coverage-native{bottom:100px}.coverage-native .card-story .scene-table :is(th,td){font-size:10px;height:43px}.coverage-native .card-story-caption{font-size:9px}
 .coverage-missing-example{padding:10px 12px;gap:10px;font-size:10px}.coverage-reading-figure figcaption{font-size:9px}
 .coverage-measure-grid article{padding:25px 23px}.coverage-measure-grid p{min-height:0}.measure-example>strong{font-size:24px}
 .coverage-history{gap:22px}.coverage-history h3{font-size:21px}.coverage-history li{font-size:12px}
 #verification{padding-block:40px 50px}#verification .section-heading h2{font-size:29px}
}

/* Documented exposure views; the full Chain and matrix keep their existing styles. */
.scene-segment[aria-label="Exposure views"]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;min-width:0}
.scene-segment[aria-label="Exposure views"] button{min-width:0;padding-inline:6px}
.gex-summary-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:16px;padding:16px}
.gex-summary-chart{min-width:0}
.gex-summary-chart svg{background:linear-gradient(0deg,transparent 18%,#00d5a017 20%,transparent 23%,#f5af0036 43%,transparent 48%,#ff416c29 73%,transparent 78%)}
.gex-summary-chart>p{font-size:11px;line-height:1.5;color:#9baac0;margin:10px 0}
.gex-summary-readings{border:1px solid #30363e;border-radius:6px;background:#030405;padding:18px;min-width:0}
.gex-summary-readings h3{font-size:17px;font-weight:400;margin:0 0 10px}
.gex-summary-readings p,.gex-summary-readings small{font-size:11px;line-height:1.6;color:#9baac0}
.gex-summary-readings dl{margin:12px 0}
.gex-summary-readings dl>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #262d38;padding:13px 0;font-size:13px}
.gex-summary-readings dd{margin:0;font-variant-numeric:tabular-nums}
@media(max-width:760px){.gex-summary-layout{grid-template-columns:1fr}.gex-summary-readings dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}[data-scene=gex] .scene-segment[aria-label="Exposure views"] button{min-height:44px}}
@media(max-width:520px){.scene-segment[aria-label="Exposure views"]{grid-template-columns:repeat(3,minmax(0,1fr))}}
.card-preview .scene-segment[aria-label="Exposure views"]{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}
.card-preview .scene-segment[aria-label="Exposure views"] button{font-size:9px;padding-inline:3px}
.card-preview .gex-summary-layout{display:block;padding:6px}
.card-preview .gex-summary-readings{display:none}
.card-preview .gex-summary-chart>.panel-chart{margin:0}
.card-preview .gex-summary-chart>p{font-size:9px}

/* Volatility uses native panels and on-demand 3D; the marketing excerpt stays compact. */
.volatility-toolbar .vol-view-select{display:flex;align-items:center;gap:12px;flex:1 1 280px;max-width:100%;min-width:0}
.vol-view-select select{width:100%;max-width:100%;min-width:0;min-height:44px;background:#080b10;color:#e8eef8;border:1px solid #354053;border-radius:4px;padding:10px;font:inherit}
.vol-panel-preview{min-width:0;padding-bottom:14px}
.vol-panel-note,.vol-axis-context{font-size:12px;line-height:1.7;color:#a8b7ce;margin:14px 18px 20px;max-width:90ch}
.vol-matrix,.vol-surface{margin:16px;border:1px solid #2d3541;border-radius:6px;overflow:hidden;background:#030405}
.vol-matrix h3,.vol-surface h3{font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:16px;border-bottom:1px solid #29323f}
.vol-matrix table{border-collapse:collapse;width:100%;table-layout:fixed;font-variant-numeric:tabular-nums}
.vol-matrix th{font-size:11px;font-weight:400;color:#b0bfd5;height:40px;border:1px solid #212934;padding:6px}
.vol-matrix th small{display:block;font-size:9px;margin-top:3px}
.vol-matrix td{padding:0;border:1px solid #030405}
.vol-iv-cell{display:block;width:100%;min-height:40px;background:var(--iv-colour);color:var(--iv-ink,#fff);font-size:12px;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px #ffffff08}
.vol-iv-cell.is-selected{box-shadow:inset 0 0 0 2px #fff}
.vol-iv-cell:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.vol-matrix-reading{margin:0;border-top:1px solid #29323f;padding:14px;font-size:12px;color:#dae3f3;line-height:1.6}
.vol-surface-stage{height:330px;position:relative;background:#030405}
.vol-surface-stage svg,.vol-surface-stage canvas{display:block;width:100%;height:100%;position:absolute;inset:0}
.vol-surface-stage canvas[hidden]{display:none}
.vol-surface-stage canvas{touch-action:none;cursor:grab}
.vol-surface-stage canvas:active{cursor:grabbing}
.vol-surface[data-surface-state=ready] .vol-surface-fallback{visibility:hidden}
.vol-surface-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid #29323f;padding:14px 16px}
.vol-surface-controls label{display:grid;gap:8px;font-size:11px;min-width:140px;flex:1}
.vol-surface-controls input{width:100%;min-height:28px;accent-color:#716eff}
.vol-surface-controls>span{font-size:10px;color:#a4b3c9}
.vol-surface-points{border-top:1px solid #29323f;padding:0 16px;font-size:12px}
.vol-surface-points summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
.vol-surface-points table{width:100%;border-collapse:collapse;margin-bottom:16px;font-variant-numeric:tabular-nums}
.vol-surface-points :is(th,td){text-align:left;border-bottom:1px solid #202734;padding:9px}
.card-preview .volatility-toolbar{padding:5px 7px;min-height:36px}
.card-preview .volatility-toolbar .scene-segment,.card-preview .vol-view-select>span,.card-preview .vol-panel-note{display:none}
.card-preview .vol-view-select{flex-basis:100%;margin:0}
.card-preview .vol-view-select select{min-height:26px;padding:3px 6px;font-size:10px;max-width:none}
.card-preview .vol-matrix,.card-preview .vol-surface{margin:6px}
.card-preview .vol-matrix h3,.card-preview .vol-surface h3{font-size:10px;padding:7px}
.card-preview .vol-matrix th{font-size:9px;padding:3px;height:26px}
.card-preview .vol-matrix th small{font-size:7px}
.card-preview .vol-iv-cell{font-size:9px;min-height:26px}
.card-preview .vol-matrix tbody tr:last-child{display:none}
.card-preview .vol-matrix-reading{font-size:10px;padding:7px}
.card-preview .vol-surface-stage{height:220px}
.card-preview .vol-surface-controls,.card-preview .vol-surface-points,.card-preview .vol-axis-context{display:none}
@media(max-width:760px){[data-scene=volatility] .panel-toolbar .scene-segment button{min-height:44px}.vol-matrix,.vol-surface{margin:10px}.vol-matrix th{padding:3px;font-size:9px}.vol-iv-cell{font-size:10px;min-height:44px}.vol-surface-stage{height:260px}.vol-surface-controls{gap:12px;padding:12px}.vol-surface-controls input{min-height:44px}.vol-panel-note{margin-inline:12px;font-size:11px}}

.ending.ending-logo {
  min-height: 600px;
  padding: 96px 24px;
  background: #08090b;
}
.ending-assembly {
  position: relative;
  width: min(900px, calc(100vw - 32px));
  height: 260px;
  margin: -50px 0 10px 50%;
  transform: translateX(-50%);
  overflow: hidden;
  pointer-events: none;
  background: radial-gradient(ellipse 24% 45% at 50% 52%, #1b265629, transparent);
}
.ending-assembly svg {
  position: absolute;
  width: max(680px, 100%);
  max-width: none;
  height: auto;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.ending-tile { opacity: 0; transform-origin: 0 0; }
.ending-reflection { opacity: 0; }
.ending-assembly[data-motion="pending"] .ending-mark { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .ending-assembly[data-motion="pending"] .ending-mark { opacity: 1; }
}
.ending.ending-logo::after {
  background: linear-gradient(180deg, #08090b, #08090b33 26%, #08090b55 72%, #08090b);
  pointer-events: none;
}
.ending-logo .ending-content { max-width: 680px; }
.ending-logo h2 {
  font-family: 'OptionMesh Brand', sans-serif;
  font-size: clamp(36px, 4.8vw, 62px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.04em;
}
.ending-logo p {
  max-width: 440px;
  margin: 22px auto 28px;
  font-size: 15px;
  line-height: 1.5;
}
@media (max-width: 760px) {
  .ending.ending-logo { min-height: 540px; padding: 72px 24px; }
  .ending-assembly { height: 220px; margin-top: -45px; margin-bottom: 0; }
  .ending-logo h2 { max-width: 330px; font-size: 38px; margin-inline: auto; }
  .ending-logo p { max-width: 290px; font-size: 14px; }
}

.hero-logo-canvas { transition: opacity 700ms ease; }
.hero-logo-fallback { transition: opacity 700ms ease; }
.hero-refined .hero-logo-fallback { opacity: 0; }
.hero-refined .hero-logo-canvas[data-renderer="fallback"] + .hero-logo-fallback { opacity: .55; }
.hero.hero-refined::after {
  background: radial-gradient(ellipse 52% 30% at 50% 52%, #08090b88 10%, #08090b38 66%, transparent 100%),
    linear-gradient(180deg, #08090b22, transparent 25%, transparent 56%, #08090b 100%),
    linear-gradient(90deg, #08090b66, transparent 20%, transparent 80%, #08090b66);
}
.hero.hero-refined .hero-content > * {
  animation: hero-copy-in 700ms cubic-bezier(.22,1,.36,1) both;
}
.hero.hero-refined .hero-content > h1 { animation-delay: 160ms; }
.hero.hero-refined .hero-content > p { animation-delay: 340ms; }
.hero.hero-refined .hero-content > .button { animation-delay: 500ms; }
.hero.hero-refined .hero-content > .platform-marks { animation-delay: 620ms; }
.hero.hero-refined .hero-content > .hero-pill { animation-delay: 740ms; }
@keyframes hero-copy-in {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-logo-canvas, .hero-logo-fallback { transition: none; }
  .hero.hero-refined .hero-content > * { animation: none; }
}

.hero.hero-refined.hero-iv .hero-content {
  position: relative;
  z-index: 3;
}
.hero.hero-refined.hero-iv .hero-content > * {
  animation: none;
  opacity: 1;
  transform: none;
}
.hero.hero-iv .hero-motion { left: 32px; right: auto; }
.hero.hero-refined.hero-iv::after {
  background: radial-gradient(ellipse 44% 46% at 50% 50%, #08090be8, #08090b5c 70%, transparent),
    linear-gradient(180deg, #08090b 0%, transparent 25%, transparent 82%, #08090b 100%),
    linear-gradient(90deg, #08090bb8, transparent 20%, transparent 85%, #08090b80);
}
.iv-hero-visual {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.iv-hero-scene {
  position: absolute;
  bottom: 3%;
  left: 50%;
  width: max(980px,115%);
  height: auto;
  transform: translateX(-50%);
  z-index: -1;
  mask-image: linear-gradient(180deg, transparent, #000 12%, #000 78%, transparent);
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 12%, #000 78%, transparent);
}
.iv-hero-cells { opacity: .72; }
.iv-hero-cell {
  transform-box: fill-box;
  transform-origin: center;
  shape-rendering: geometricPrecision;
}
.iv-hero-sweep { opacity: 0; }
.iv-hero-visual[data-motion=pending] .iv-hero-cell { opacity: 0; }
@media(max-width:760px) {
  .hero.hero-iv .hero-motion { left: 20px; }
  .iv-hero-scene { transform: translateX(-68%); bottom: 3%; }
  .iv-hero-cells { opacity: .6; }
  .hero.hero-refined.hero-iv::after {
    background: radial-gradient(ellipse 90% 45% at 50% 46%, #08090bf0, #08090b38 75%, transparent),
      linear-gradient(180deg, #08090b, transparent 28%, transparent 82%, #08090b);
  }
}
@media(prefers-reduced-motion:reduce) {
  .iv-hero-visual[data-motion=pending] .iv-hero-cell { opacity: 1; }
}

.flow-core-canvas{display:block;width:100%;height:100%;opacity:0}
.flow-art[data-core-renderer="webgl"] .flow-core-canvas{opacity:1}
.flow-art[data-core-renderer="webgl"] .flow-emblem{opacity:0}
.flow-art[data-core-renderer="webgl"] .reaction{visibility:hidden}
.flow-art[data-core-renderer="webgl"] .flow-vector-layer{visibility:hidden}
.flow-art{overflow:hidden}
.flow-art .flow-output-guide,.flow-art .output-line{filter:drop-shadow(0 0 3px #b7ceff40)}
.edition-v2 #mesh .art-host{aspect-ratio:1000/380}
.aggregation-preview{margin:0;min-width:0}
.aggregation-preview .art-host{overflow:hidden}
.aggregation-preview .study-svg{display:block;width:100%;height:auto;overflow:hidden}
.aggregation-preview .svg-labels{font:11px/1.3 'OptionMesh Brand',sans-serif;letter-spacing:1.2px}
.aggregation-preview figcaption{font-size:11px;line-height:1.6;color:#929fb3;text-align:center;margin-top:12px}
.aggregation-preview .input-point,.aggregation-preview .output-point{pointer-events:none}
@media(max-width:760px){
  .aggregation-preview .flow-art{width:130%;max-width:none;margin-left:-15%}
  .flow-art .source-line{vector-effect:non-scaling-stroke;stroke-width:.65}
  .flow-art .flow-trail{vector-effect:non-scaling-stroke;stroke-width:1}
  .flow-art .flow-trail-soft{vector-effect:non-scaling-stroke;stroke-width:2}
  .flow-art .output-line{vector-effect:non-scaling-stroke;stroke-width:3.2}
  .flow-art .flow-output-guide{vector-effect:non-scaling-stroke;stroke-width:2.8}
  .flow-art .svg-labels{font-size:24px;letter-spacing:.5px}
  .aggregation-preview figcaption{text-align:left}
}
@media(prefers-reduced-motion:reduce){.flow-core-canvas,.flow-emblem{transition:none}}
.intro-actions{display:flex;align-items:center;justify-content:center;gap:18px 30px;flex-wrap:wrap;margin-top:28px}
.intro-actions .button,.intro-actions .text-link{margin-top:0}
:is([data-page=academy],[data-page=pricing],[data-page=support]) .page-intro{padding-bottom:40px}
:is([data-page=academy],[data-page=pricing],[data-page=support]) .page-intro>p{max-width:650px;line-height:1.65}
.information-section{padding-block:80px 100px;border-top:1px solid #262d37;scroll-margin-top:112px}
.information-section-heading{max-width:740px;margin-bottom:38px}
.information-section-heading h2,.academy-context-copy h2{font:550 clamp(30px,3.5vw,44px)/1.15 'OptionMesh Brand',sans-serif;letter-spacing:-.04em;text-wrap:balance;margin:15px 0 20px}
.information-section-heading>p,.academy-context-copy>p{max-width:62ch;font-size:15px;line-height:1.8;color:#aab5c7}
.information-note{font-size:12px;line-height:1.75;color:#9daec5;max-width:80ch}
:is(.information-nav,.information-section,.support-help,.support-contact-expanded) :is(a,button,input,summary):focus-visible{outline:2px solid #a7b9e4;outline-offset:4px}
.information-section :is(h3,h4),.support-help :is(h2,h3),.support-contact-expanded h3{font-family:'OptionMesh Brand',sans-serif;font-weight:500;letter-spacing:-.025em}
.academy-context{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.5fr);gap:60px;align-items:center;padding-block:60px 90px;margin-bottom:0;scroll-margin-top:115px}
.academy-context-copy .information-note{font-size:12px;margin-top:22px}
.academy-context-copy .text-link{margin-top:26px;font-size:13px}
.academy-context-window{min-width:0}
.academy-context-window>.product-scene{margin:0;border-radius:10px;border-color:#303949;box-shadow:0 20px 60px #0003}
.academy-context-window>.product-scene>.scene-content{height:340px;overflow:auto;overscroll-behavior:contain}
[data-page=academy] .programs{padding-top:75px}
[data-page=academy] .program-grid{gap:20px}
[data-page=academy] .program-grid article{display:flex;flex-direction:column;padding:34px;background:#0a0d12;border:1px solid #2a323e;border-radius:12px;box-shadow:inset 0 1px #ffffff04;scroll-margin-top:120px}
.program-card-top{display:flex;align-items:center;gap:14px;color:#b7c2d4;font-size:11px;margin-bottom:32px}
.program-card-top>span:last-child{margin-left:auto;color:#8fa2bf;font-size:10px}
[data-page=academy] .program-card-top .program-symbol{margin:0;display:grid;place-items:center;width:42px;height:42px;border:1px solid #354156;border-radius:9px;background:#101622}
.program-card-top .module-icon{width:24px;height:24px}
[data-page=academy] .program-grid h3{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin-bottom:18px}
[data-page=academy] .program-grid p{font-size:14px;line-height:1.8;color:#b7c1d0;max-width:48ch}
[data-page=academy] .program-grid .program-focus{font-size:12px;color:#94a6c0;margin:24px 0 20px}
[data-page=academy] .program-grid .text-link{font-size:13px;margin-top:auto;min-height:44px;display:flex;align-items:center;gap:12px;width:max-content}
.course-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #30394a;margin-bottom:25px;gap:12px}
.course-tabs[hidden],.course-outline[hidden]{display:none}
.course-outline:focus-visible{outline:2px solid #a7b9e4;outline-offset:6px}
.course-tabs button{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;background:none;border:0;border-bottom:2px solid transparent;padding:18px 16px;color:#98a7bd;font-size:14px;transition:color 180ms,background 180ms,border-color 180ms}
.course-tabs button span{font-size:11px;white-space:nowrap}
.course-tabs button[aria-selected=true]{color:#f0f3f9;background:#111723;border-color:#9baee0}
.course-tabs button:hover{color:#edf2fb;background:#0d121b}
.course-outline>h3{font-size:18px;line-height:1.5;margin:28px 0 18px}
.curriculum-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.curriculum-list li{min-width:0;border-top:1px solid #28313f}
.curriculum-list summary{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;gap:12px;align-items:center;min-height:92px;padding:19px 0;list-style:none;font-size:14px;line-height:1.6;cursor:pointer;color:#dce4f2}
.curriculum-list summary::-webkit-details-marker,.help-guide summary::-webkit-details-marker{display:none}
.topic-number{font-size:10px;letter-spacing:.06em;color:#8295b4;align-self:start;padding-top:6px;font-variant-numeric:tabular-nums}
.topic-expand{font-size:21px;color:#9fb0cc;transition:transform 180ms}
.curriculum-list details[open] .topic-expand{transform:rotate(45deg)}
.curriculum-list details>p{font-size:13px;line-height:1.8;max-width:55ch;color:#a9b9d0;padding:0 22px 22px 36px;margin:0}
.curriculum-section .program-reference{font-size:11px;line-height:1.8;color:#95a6c1;max-width:90ch;margin-top:28px}
.excerpt-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.excerpt-grid article{display:flex;flex-direction:column;min-width:0;border:1px solid #2b3443;border-radius:10px;background:#0a0d12;padding:32px}
.excerpt-source{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:10px;color:#9dafc9;line-height:1.6;margin:0 0 25px}
.excerpt-grid h3{font-size:23px;line-height:1.4;margin-bottom:22px;text-wrap:balance}
.excerpt-glossary,.excerpt-label{font-size:11px;line-height:1.7;color:#8fa3c3}
.excerpt-grid blockquote{margin:14px 0 22px;padding-left:20px;border-left:2px solid #657ba8;color:#d5deeb}
.excerpt-grid blockquote p{font-size:14px;line-height:1.85;margin:0 0 16px}
.excerpt-grid blockquote p:last-child{margin-bottom:0}
.excerpt-grid .excerpt-label{margin-top:auto;margin-bottom:12px}
.excerpt-grid .text-link{font-size:12px;min-height:44px;display:flex;align-items:center;gap:12px}
.academy-access-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:70px;align-items:start}
.academy-access-layout h3{font-size:21px;margin:0 0 25px}
.information-steps{list-style:none;margin:0;padding:0}
.information-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:18px;border-top:1px solid #29323f;padding:23px 0}
.information-steps li>span{font-size:11px;color:#8b9fbe;padding-top:4px}
.information-steps h4{font-size:15px;line-height:1.5;margin:0 0 9px}
.information-steps p{font-size:13px;line-height:1.8;color:#a9b7cb;max-width:51ch;margin:0}
.academy-access-note{padding:32px;background:#0c1017;border:1px solid #303a4b;border-radius:12px}
.academy-access-note>img{margin-bottom:24px}
.academy-access-note>p{font-size:14px;line-height:1.85;color:#adbad0;margin-bottom:25px}
.academy-access-note .text-link{display:flex;align-items:center;gap:12px;min-height:44px;font-size:13px}
[data-page=pricing] .page-intro{padding-top:150px;padding-bottom:24px}
[data-page=pricing] .page-intro h1{font-size:clamp(38px,4vw,54px)}
[data-page=pricing] .page-intro>p{font-size:16px}
[data-page=pricing] .pricing-page{padding-top:25px;padding-bottom:85px;scroll-margin-top:110px}
.service-preview{display:flex;align-items:baseline;justify-content:center;gap:10px;font-size:11px;line-height:1.7;color:#a9b6ca;margin-bottom:25px}
.service-preview>span{flex:none;width:5px;height:5px;border-radius:50%;background:#a0b0cd}
[data-page=pricing] .price-card{background:#0b0e13;border-color:#303745;box-shadow:inset 0 1px #ffffff06}
[data-page=pricing] .price-card.featured{background:#101620;border-color:#7484a8}
[data-page=pricing] .price-tag{background:#1d2940;border-color:#4b6084;color:#d9e5fc}
.included-symbol{display:grid;place-items:center;width:44px;height:44px;background:#111824;border:1px solid #31415a;border-radius:8px;margin-bottom:26px}
.included-symbol .module-icon{width:24px;height:24px}
.duration-table :is(th,td):nth-child(3){background:#121a27}
.duration-comparison>.information-note{margin-top:12px}
[data-page=pricing] .license-conditions{padding-top:65px;border-top:1px solid #29323f}
.support-help{padding-block:12px 70px;scroll-margin-top:115px}
.help-search{max-width:950px;padding:27px 30px;border:1px solid #344056;border-radius:11px;background:#0b1018;margin:0 auto 65px}
.help-search>label{display:block;font-size:13px;color:#cbd8eb;margin-bottom:13px}
.help-search>div{display:flex;min-width:0;border:1px solid #3a4962;border-radius:7px;background:#06090e;align-items:center}
.help-search input{flex:1;min-width:0;border:0;color:#edf3fd;background:transparent;font:15px/1.5 'OptionMesh Brand',sans-serif;min-height:54px;padding:14px 17px}
.help-search input::placeholder{color:#8fa2bf;opacity:1}
.help-search button{font-size:11px;min-height:44px;margin-right:7px;padding:10px;color:#dbe6f8;border:1px solid #3d4d67;border-radius:4px;background:#131d2d}
.help-search [hidden]{display:none}
.help-search>p{font-size:11px;line-height:1.7;color:#9eb1cd;margin:14px 0 0;min-height:19px}
.help-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:70px;align-items:start}
.help-sidebar{position:sticky;top:120px}
.help-sidebar>h2{font-size:14px;color:#c1d0e7;margin:0 0 16px}
.help-topic-nav{display:flex;flex-direction:column}
.help-topic-nav a{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:48px;padding:12px 0;border-bottom:1px solid #273040;color:#9fadc3;font-size:13px}
.help-topic-nav a:hover,.help-topic-nav a[aria-current=location]{color:#f0f5ff}
.help-topic-nav a>span{font-size:10px;color:#7e92b1}
.help-contact-shortcut{margin-top:28px}
.help-contact-shortcut p{font-size:12px;line-height:1.8;color:#91a5c3;margin-bottom:8px}
.help-contact-shortcut .text-link{font-size:12px;min-height:44px;display:flex;align-items:center;gap:10px}
.help-topic{padding-bottom:52px;scroll-margin-top:118px}
.help-topic[hidden],.help-topic [hidden],.help-empty[hidden]{display:none}
.help-topic-heading h2{font-size:27px;line-height:1.25;margin:0 0 10px}
.help-topic-heading p{font-size:12px;line-height:1.8;color:#96aac8;margin:0 0 22px}
.help-topic .faq-list summary{font-family:'OptionMesh Brand',sans-serif;font-size:14px;line-height:1.65;padding:22px 32px 22px 0;color:#d7e1f0;min-height:64px}
.help-topic .faq-list p{font-size:13px;line-height:1.9;max-width:67ch;color:#abbcd4}
.help-topic .faq-list p a{color:#e0eafd;text-decoration:underline;text-underline-offset:4px}
.help-empty{min-height:240px;padding:35px;border:1px solid #303d51;border-radius:9px;background:#0b1018}
.help-empty h2{font-size:25px;margin:0 0 18px}
.help-empty p{font-size:14px;line-height:1.8;max-width:53ch;color:#a7bad6;margin-bottom:25px}
.help-empty .text-link{font-size:13px}
.support-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.help-guide{border:1px solid #2e394b;border-radius:10px;background:#0b0f16;min-width:0;scroll-margin-top:115px}
.help-guide summary{position:relative;list-style:none;display:flex;flex-direction:column;gap:14px;cursor:pointer;min-height:215px;padding:27px}
.guide-number{font-size:10px;color:#829bbe;letter-spacing:.1em;margin-bottom:10px}
.help-guide summary strong{font-size:20px;line-height:1.4;font-weight:500;letter-spacing:-.03em;color:#e4ecfa;padding-right:15px}
.help-guide summary>span:not(.guide-number,.guide-expand){font-size:12px;line-height:1.7;color:#9fb2ce;max-width:25ch}
.guide-expand{position:absolute;right:23px;top:23px;color:#b2c4e0;font-size:24px;transition:transform 180ms}
.help-guide[open] .guide-expand{transform:rotate(45deg)}
.help-guide>div{padding:0 27px 25px}
.help-guide ol{padding-left:18px;margin:0 0 20px}
.help-guide li,.help-guide>div>p{font-size:12px;line-height:1.85;color:#adbed7;margin-bottom:14px}
.help-guide .text-link{font-size:12px;line-height:1.7;min-height:44px;display:flex;align-items:center;gap:10px}
.support-guides>.information-note{margin-top:25px}
.support-contact-expanded{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;margin-block:30px 85px;padding:40px;background:#0c1017;border-color:#344055;border-radius:12px;scroll-margin-top:115px}
.support-contact-expanded h2{font:550 39px/1.2 'OptionMesh Brand',sans-serif;letter-spacing:-.04em;margin:16px 0 22px}
.support-contact-expanded p{font-size:13px;line-height:1.85;color:#a7b8d1;max-width:50ch}
.support-contact-expanded .contact-email{display:inline-flex;align-items:center;gap:12px;font-size:21px;line-height:1.5;margin:25px 0 12px;overflow-wrap:anywhere;max-width:100%}
.support-request-context h3{font-size:17px;line-height:1.6;margin-bottom:22px}
.support-request-context ul{list-style:none;margin:0 0 24px;padding:0}
.support-request-context li{border-bottom:1px solid #2a3445;padding:12px 0;font-size:13px;line-height:1.8;color:#ccd9ed}
.support-request-context>p{font-size:11px;line-height:1.9;color:#93a9ca}
.support-request-context .text-link{font-size:13px;min-height:44px;display:flex;align-items:center;gap:12px;margin-top:20px}
[data-page=support] .preview-info{border-top:1px solid #2b3545;padding-top:45px}

@media(max-width:1050px){
 .academy-context{grid-template-columns:minmax(200px,.65fr) minmax(0,1.3fr);gap:30px}.academy-context-copy h2{font-size:31px}.academy-context-copy>p{font-size:13px}.academy-context-window>.product-scene>.scene-content{height:340px}
 .program-card-top{flex-wrap:wrap;gap:10px}.program-card-top>span:last-child{margin-left:0;flex-basis:100%}[data-page=academy] .program-grid article{padding:27px}[data-page=academy] .program-grid h3{font-size:27px}
 .help-layout{grid-template-columns:210px minmax(0,1fr);gap:38px}.support-guide-grid{gap:14px}.help-guide summary{padding:23px;min-height:225px}.help-guide summary strong{font-size:18px}.help-guide>div{padding-inline:23px}
 .academy-access-layout{gap:38px}.support-contact-expanded{gap:35px}
}
@media(max-width:900px){
 .academy-context{grid-template-columns:1fr;gap:30px}.academy-context-copy{max-width:650px}.academy-context-copy h2{font-size:34px}.academy-context-copy>p{font-size:14px}.academy-context-copy .text-link{margin-top:16px}.academy-context-window>.product-scene>.scene-content{height:340px}
 .help-layout{grid-template-columns:1fr;gap:30px}.help-sidebar{position:static}.help-topic-nav{display:flex;flex-direction:row;gap:0 24px;flex-wrap:wrap}.help-topic-nav a{min-height:44px;gap:12px}.help-contact-shortcut{display:none}.help-search{margin-bottom:35px}
 .support-guide-grid{grid-template-columns:1fr}.help-guide summary{min-height:150px}.help-guide summary>span:not(.guide-number,.guide-expand){max-width:none}.help-guide>div{max-width:75ch}
}
@media(max-width:760px){
 :is([data-page=academy],[data-page=pricing],[data-page=support]) .page-intro{padding-bottom:25px}.intro-actions{gap:12px 22px;margin-top:22px}.intro-actions .text-link{font-size:12px;min-height:44px;display:flex;align-items:center;gap:10px}.information-section{padding-block:50px 60px;scroll-margin-top:95px}.information-section-heading{margin-bottom:28px}.information-section-heading h2{font-size:32px;margin:14px 0 18px}.information-section-heading>p{font-size:14px}
 .academy-context{padding-block:40px 50px;scroll-margin-top:95px}.academy-context-copy h2{font-size:30px}.academy-context-window>.product-scene>.scene-content{height:350px}.academy-context-window .academy-lesson-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.academy-context-window .academy-lesson-tabs button{min-height:44px;font-size:11px;padding:8px 5px;white-space:normal}
 [data-page=academy] .programs{padding-top:50px}.program-card-top{margin-bottom:23px}[data-page=academy] .program-grid article{padding:26px}[data-page=academy] .program-grid h3{font-size:27px}[data-page=academy] .program-grid .program-focus{margin-block:18px}
 .course-tabs{gap:6px}.course-tabs button{display:block;min-height:75px;padding:14px 10px;font-size:12px;line-height:1.7}.course-tabs button span{display:block;font-size:10px;margin-top:4px}.course-outline>h3{font-size:17px}.curriculum-list{grid-template-columns:1fr}.curriculum-list summary{min-height:76px;font-size:13px}.curriculum-list details>p{font-size:12px;padding-left:36px}
 .excerpt-grid{grid-template-columns:1fr;gap:18px}.excerpt-grid article{padding:25px}.excerpt-grid h3{font-size:21px}.excerpt-grid blockquote p{font-size:13px}.excerpt-source{font-size:10px}.excerpt-grid blockquote{padding-left:15px}
 .academy-access-layout{grid-template-columns:1fr;gap:30px}.academy-access-note{padding:27px}.academy-access-note>p{font-size:13px}
 [data-page=pricing] .page-intro{padding-top:140px}[data-page=pricing] .page-intro h1{font-size:clamp(34px,6.6vw,46px)}[data-page=pricing] .pricing-page{padding-block:20px 55px}.service-preview{justify-content:flex-start;font-size:10px}.duration-table :is(th,td):nth-child(3){background:transparent}
 .support-help{padding-block:8px 35px;scroll-margin-top:95px}.help-search{padding:20px;margin-bottom:30px}.help-search input{min-height:52px;font-size:12px;padding:13px}.help-search button{font-size:10px;padding:8px}.help-search>p{font-size:10px}.help-topic-nav{gap:0 20px}.help-topic-nav a{font-size:12px}.help-topic-heading h2{font-size:24px}.help-topic{padding-bottom:35px;scroll-margin-top:95px}.help-topic .faq-list summary{font-size:13px}.help-topic .faq-list p{font-size:12px}.help-empty{padding:25px}.help-empty h2{font-size:22px}
 .help-guide{scroll-margin-top:95px}.help-guide summary{min-height:155px;padding:25px}.help-guide summary strong{font-size:20px}.help-guide>div{padding-inline:25px}.support-contact-expanded{grid-template-columns:1fr;gap:32px;padding:27px;margin-block:10px 55px;scroll-margin-top:95px}.support-contact-expanded h2{font-size:32px}.support-contact-expanded .contact-email{font-size:18px;gap:8px}.support-contact-expanded p{font-size:12px}.support-request-context li{font-size:12px}.support-request-context>p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.information-nav a,.course-tabs button,.topic-expand,.guide-expand{transition:none}}

/* Public V5 corrections; archived explorations retain their previous stylesheet. */
.panel-chart svg.compact-plot{min-height:0;max-height:none;height:auto}
.panel-chart svg.compact-plot .plot-axes text{font-size:12px}
.panel-chart svg.compact-plot .plot-watermark{font-size:25px}
.rc-mobile-comparison{display:none}
@media(max-width:760px){
 [data-scene]:not([data-scene=chain]):not([data-scene=exposure]) .panel-stat-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
 [data-scene]:not([data-scene=chain]):not([data-scene=exposure]) .panel-stat-strip>div{min-width:0;padding:12px;border-bottom:1px solid #20262e}
 [data-scene]:not([data-scene=chain]):not([data-scene=exposure]) .panel-stat-strip :is(dt,dd){white-space:normal;overflow-wrap:anywhere}
 [data-scene]:not([data-scene=chain]):not([data-scene=exposure]) .panel-stat-strip dt{font-size:12px;line-height:1.4}
 [data-scene]:not([data-scene=chain]):not([data-scene=exposure]) .panel-stat-strip dd{font-size:16px}
 :is([data-scene=alerts],[data-scene=interval]) .scene-table-scroll{overflow:visible;max-height:none}
 :is([data-scene=alerts],[data-scene=interval]) .module-table{display:block;width:100%;min-width:0}
 :is([data-scene=alerts],[data-scene=interval]) .module-table thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 :is([data-scene=alerts],[data-scene=interval]) .module-table tbody{display:block}
 :is([data-scene=alerts],[data-scene=interval]) .module-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 12px;border-bottom:1px solid #242a33}
 :is([data-scene=alerts],[data-scene=interval]) .module-table :is(th,td){padding:6px 4px;border:0;white-space:normal;height:auto;font-size:14px;text-align:left;min-width:0}
 :is([data-scene=alerts],[data-scene=interval]) .module-table th{grid-column:1/-1;grid-row:1}
 :is([data-scene=alerts],[data-scene=interval]) .module-table td:before{content:attr(data-label);display:block;font-size:12px;color:#99aac5;margin-bottom:4px}
 :is([data-scene=alerts],[data-scene=interval]) .module-table th button{min-height:44px;font-size:15px}
 .panel-context .panel-stat-strip{grid-template-columns:1fr}
 .panel-context .panel-stat-strip dd{flex-shrink:0;overflow-wrap:normal!important}
 .rc-pricing[data-license-page] .rc-table-wrap{display:none}
 .rc-mobile-comparison{display:grid;gap:16px;margin-top:30px;text-align:left}
 .rc-mobile-comparison article{padding:20px;border:1px solid #303238;border-radius:12px;background:#101114}
 .rc-mobile-comparison h3{margin:0 0 16px;font-size:22px}
 .rc-mobile-comparison dl{margin:0}
 .rc-mobile-comparison dl>div{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1fr);gap:16px;padding:12px 0;border-top:1px solid #ffffff12;font-size:14px;line-height:1.5}
 .rc-mobile-comparison dt{color:#a7a9b3}.rc-mobile-comparison dd{margin:0}
}

/* Catalogue excerpts show one result; full panels keep their original controls. */
.product-catalogue .tool-card:has(.card-preview){min-height:0;--preview-height:242px;--preview-width:420px;gap:0}
.product-catalogue .tool-card[data-card-width=wide]{min-height:330px}
.product-catalogue .catalogue-art{height:270px}
.product-catalogue .catalogue-card-content{padding:20px 26px 24px}
.product-catalogue .catalogue-card-description{margin:12px 0;line-height:1.6}
.product-catalogue .catalogue-card-open{min-height:32px}
.product-catalogue .tool-card[data-card-width=wide] .catalogue-art{height:330px}
.product-catalogue .card-preview:not([data-card-preview=chain]):not([data-card-preview=exposure]) .scene-window-bar{display:none}
.product-catalogue :is([data-card-preview=overview],[data-card-preview=chart],[data-card-preview=index],[data-card-preview=delta],[data-card-preview=tide],[data-card-preview=odte],[data-card-preview=volatility]) :is(.panel-stat-strip,.panel-toolbar,.scene-expiry-strip,.volatility-toolbar,.volatility-view-select,.vol-panel-preview>.scene-expiry-strip){display:none}
.product-catalogue .card-preview .panel-plot-heading{padding:8px 10px;font-size:12px}
.product-catalogue .card-preview .panel-chart-readout{font-size:12px}
.product-catalogue [data-card-preview=flow] .flow-summary{display:none}
.product-catalogue [data-card-preview=flow] .card-story :is(.panel-detail,.card-story-reserve){height:42px;min-height:42px;padding:8px}
.product-catalogue .card-story .scene-table :is(th,td){height:37px}
.product-catalogue [data-card-preview=screener] .card-story>.panel-toolbar:has(.panel-select){display:none}
.product-catalogue [data-card-preview=screener] .card-story>.panel-stat-strip{height:40px}
.product-catalogue [data-card-preview=screener] .card-story>.panel-stat-strip dd{font-size:24px}
.product-catalogue [data-card-preview=contract] .card-story .contract-picker{display:none}
.product-catalogue [data-card-preview=contract] .card-story .contract-focus{display:block}
.product-catalogue [data-card-preview=contract] .contract-focus .panel-detail{padding:10px}
.product-catalogue [data-card-preview=contract] .contract-focus .panel-stat-strip{margin-top:8px}
.product-catalogue [data-card-preview=contract] .contract-focus .panel-stat-strip>div{padding:8px}
.product-catalogue [data-card-preview=contract] .contract-focus :is(.quote-bid,.quote-ask){font-size:18px;padding:7px}
.product-catalogue .card-story-caption{font-size:12px;min-height:34px;padding:7px 10px}
@media(max-width:760px){
 .product-catalogue{padding-block:35px 45px}
 .catalogue-intro{margin-bottom:16px}
 .catalogue-intro h2{font-size:28px;margin-block:10px 14px}
 .catalogue-family-nav{gap:2px 20px;padding-bottom:10px}
 .catalogue-jump{margin-bottom:28px}
 .catalogue-family{padding-bottom:32px}
 .catalogue-family-heading{gap:12px;margin-bottom:18px}
 .catalogue-family-heading h2{font-size:23px;margin:6px 0 8px}
 .catalogue-family-heading p{font-size:14px;line-height:1.55}
 .product-catalogue .tool-card:has(.card-preview){--preview-height:210px;height:auto;min-height:0;gap:0}
 .product-catalogue .catalogue-art,.product-catalogue .tool-card[data-card-width=wide] .catalogue-art{height:224px}
 .product-catalogue .catalogue-art .card-preview{width:calc(100% - 24px);transform:none;transition:none}
 .product-catalogue .catalogue-layers,.product-catalogue .catalogue-art:before{display:none}
 .product-catalogue .catalogue-card-content,.product-catalogue .tool-card[data-card-width=wide] .catalogue-card-content{padding:14px 16px 16px}
 .product-catalogue .catalogue-card-label,.product-catalogue .tool-card[data-card-width=wide] .catalogue-card-label{min-height:28px;gap:10px}
 .product-catalogue .catalogue-card-label h3,.product-catalogue .tool-card[data-card-width=wide] h3{font-size:20px;line-height:1.25}
 .product-catalogue .catalogue-card-description,.product-catalogue .tool-card[data-card-width=wide] .catalogue-card-description{font-size:14px;line-height:1.55;margin:10px 0 6px}
 .product-catalogue .catalogue-card-open,.product-catalogue .tool-card[data-card-width=wide] .catalogue-card-open{margin-top:0;font-size:12px;min-height:28px}

 .product-catalogue [data-card-preview=overview] .card-preview-stage,.product-catalogue [data-card-preview=overview] .scene-content{height:210px}
}

.product-catalogue .card-preview .panel-chart .panel-plot-heading{display:none}
.card-preview .panel-chart svg.compact-plot .plot-axes text{font-size:12px}

@media(max-width:760px){
 body:has(.product-catalogue) .page-intro{padding-block:135px 30px}
 body:has(.product-catalogue) .page-intro h1{font-size:36px;line-height:1.15}
 body:has(.product-catalogue) .page-intro>p{font-size:15px;line-height:1.6;margin-block:18px}
 body:has(.product-catalogue) .fact-band{padding-block:25px 30px}
 .catalogue-family{padding-bottom:24px}
 .product-catalogue .tool-card:has(.card-preview){--preview-height:180px}
 .product-catalogue .catalogue-art,.product-catalogue .tool-card[data-card-width=wide] .catalogue-art{height:182px}
 .product-catalogue [data-card-preview=overview] :is(.card-preview-stage,.scene-content){height:180px}
}

.product-catalogue [data-card-preview=flow] .card-story .flow-table tbody tr:nth-child(n+2){display:none}
.product-catalogue [data-card-preview=screener] .card-story .module-table tbody tr:nth-child(2){display:none}
.product-catalogue [data-card-preview=screener] .story-step-3 .module-table tbody tr:not(.selected){display:none}
.product-catalogue [data-card-preview=screener] .story-step-3 .module-table tbody tr.selected{display:table-row}

/* Each information page leads with the task it serves. */
.home-pricing .section-heading{max-width:680px;margin-inline:auto}
.home-pricing :is(.price-tag,.billing){font-size:12px}
.home-pricing .price-card{position:relative}
.home-pricing .price-card .button{position:static;min-height:44px}
.home-pricing .price-card-action{border-radius:inherit;outline-offset:-3px}
.home-pricing .pricing-footnote{font-size:12px;align-items:flex-start}
.home-pricing .pricing-footnote>a{flex-shrink:0;min-height:44px}
.coverage-data-families{border-top:1px solid #282d36;padding-top:22px;margin-top:26px}
.coverage-data-families h3{font-size:17px;font-weight:500}
.coverage-data-families ul{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;padding:0;margin:16px 0}
.coverage-data-families li{font-size:14px;line-height:1.6;color:#bac4d4}
[data-page=data-coverage] .coverage-sources{padding-top:32px}
[data-page=data-coverage] .coverage-source-grid li{min-height:104px;padding:18px 12px;gap:10px}
[data-page=academy] .academy-context-window :is(.academy-product-title,.academy-programs){display:none}
[data-page=academy] .academy-context-window>.product-scene>.scene-content{height:auto;min-height:255px}
[data-page=academy] .academy-context-copy>p{max-width:48ch}
[data-page=academy] .information-section{padding-block:65px}
.information-references{border-top:1px solid #303238;padding-block:20px 36px}
.information-references summary{min-height:44px;cursor:pointer;font-size:14px;color:#c4cede}
.information-references p{font-size:13px;line-height:1.7;max-width:80ch;color:#aab6c8}
[data-page=support] .page-intro{padding-bottom:20px;text-align:left;max-width:1140px}
[data-page=support] .page-intro h1{font-size:clamp(38px,4vw,54px)}
[data-page=support] .page-intro>p{margin-left:0;max-width:52ch}
[data-page=support] .page-intro>.text-link{margin-top:20px;font-size:14px}
[data-page=support] .help-search{max-width:none;margin-top:16px}
[data-page=download] .installation ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
[data-page=download] .installation li{display:block;padding:22px 0;border-top:1px solid #303238}
[data-page=download] .installation li>span{display:block;margin-bottom:18px}
[data-page=download] .installation h3{font-size:20px;line-height:1.3;margin-bottom:14px}
[data-page=download] .installation p{font-size:14px;line-height:1.7}
@media(max-width:760px){
 .home-pricing{padding-block:60px}
 .home-pricing .pricing-footnote{display:grid;gap:14px}
 [data-page=academy] .information-section{padding-block:40px}
 [data-page=support] .page-intro{padding-top:130px}
 [data-page=support] .page-intro h1{font-size:36px}
 [data-page=support] .page-intro>p{font-size:16px;line-height:1.6}
 [data-page=support] .help-search{margin-bottom:24px;padding:18px}
 [data-page=download] .installation ol{grid-template-columns:1fr;gap:0}
 [data-page=download] .installation li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;padding:22px 0}
 [data-page=download] .installation h3{font-size:19px}
}

/* Marketing navigation and useful small print share one readable scale. */
.navbar{gap:20px;padding-inline:22px}
.navbar .desktop-nav{gap:18px}
.navbar .desktop-nav a,.navbar .nav-signin{font-size:14px}
.navbar .nav-actions{gap:12px}
.footer-motion:focus-visible{outline:2px solid #a7b7ec;outline-offset:3px}
body .footer [data-motion-toggle]{display:inline-flex}
.footer :is(h2,a,p,span,button),.footer nav a,.footer .footer-motion{font-size:12px}
.eyebrow,.catalogue-family-heading .eyebrow,.catalogue-family-number,.catalogue-family-nav a>span,.program-card-top>span:last-child,.program-reference,.information-note,.excerpt-source,.excerpt-label,.excerpt-glossary,.topic-number,.course-tabs button span,.guide-number,.support-request-context>p,.help-search>p,.help-search button,.help-topic-nav a>span,.help-topic-heading p,.source-disclosure,.workflow-preview-caption,.workflow-context>small,.coverage-footnote,.coverage-source-grid li>span,.reading-caption,.command-hint,.command-results>button>small{font-size:12px}
.page-intro>.eyebrow,.underlying-catalogue li span,[data-scroll-story] .workflow-context>span,.coverage-result-top>span:last-child,.coverage-missing-example>span:last-child,.coverage-history li>span,.information-steps li>span,.rc-pricing[data-license-page] .rc-selector small,.venue-logo small,.workflow-context>span,.coverage-result-top>span,.coverage-result-status,.coverage-missing-example>span,.coverage-reading-figure>figcaption,.measure-kind,.measure-example>small,.program-card-top>span,.download-status,.command-trigger kbd,.command-hint kbd{font-size:12px}
.v5-tools .tool-filters button{font-size:14px;min-height:44px}
.command-trigger{font-size:12px}
[data-page=data-coverage] :is(.coverage-sources,.coverage-underlyings,.coverage-explorer,.coverage-reading,.coverage-measures,.coverage-section),.catalogue-family{scroll-margin-top:112px}
.motion-paused [data-enter]{opacity:1;transform:none;transition:none}
@media(max-width:1100px) and (min-width:1025px){
 .navbar{gap:14px;padding-inline:18px}
 .navbar .desktop-nav{gap:14px}
 .navbar .brand-wordmark{width:112px}
 .navbar .nav-actions{gap:10px}
 .navbar .button-small{padding-inline:12px;font-size:12px}
}
@media(max-width:1024px){
 .navbar{width:calc(100% - 24px);height:64px;top:12px;padding-inline:12px;gap:8px;border-radius:13px}
 .navbar .desktop-nav,.navbar .nav-signin{display:none}
 .navbar .nav-actions{margin-left:auto;gap:8px;flex-shrink:0}
 .navbar .menu-toggle{display:block;width:44px;height:44px;padding:10px;flex-shrink:0}
 .navbar .button-small{min-height:44px;font-size:12px;padding:8px 12px;gap:9px}
 .navbar .brand-wordmark{width:114px}
 .navbar .brand-emblem{width:25px;height:28px}
 .navbar .brand{gap:8px}
 .navbar .mobile-nav{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
 .navbar .mobile-nav :is(a,button){min-height:44px;font-size:14px}
}
@media(max-width:600px){.navbar .brand-wordmark{width:clamp(76px,20vw,114px)}}
@media(max-width:359px){.navbar .brand-wordmark{display:none}.navbar .brand{gap:0}}
@media(prefers-reduced-motion:reduce){
 body .footer [data-motion-toggle]{opacity:.75;cursor:default}
}

.panel-chart svg.plot .plot-axes text{font-size:12px}

/* Keep the scroll stage fixed while the native content changes inside it. */
.workflow-preview[data-scroll-story]>.workflow-sticky{height:calc(100svh - var(--workflow-inset) - 24px);max-height:720px;min-height:0}
.workflow-preview[data-scroll-story] .workflow-preview-stage{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center}
.workflow-preview[data-scroll-story] .workflow-preview-stage>[role=tabpanel]{display:flex;flex:1;flex-direction:column;min-height:0}
.workflow-preview[data-scroll-story] .workflow-context{flex:none;height:88px;min-height:88px}
.workflow-preview[data-scroll-story] .workflow-preview-stage .product-scene{display:flex;flex:1;flex-direction:column;min-height:0}
.workflow-preview[data-scroll-story] .workflow-preview-stage .scene-content{flex:1;height:auto;min-height:0;max-height:none}
.workflow-preview[data-scroll-story][data-workflow-mode=guided] .scene-content{overflow:hidden;overscroll-behavior:auto}
.workflow-preview[data-scroll-story] .workflow-preview-footer{flex:none;height:64px;min-height:64px;align-items:flex-start}
@media(max-width:760px){
 .workflow-preview[data-scroll-story]>.workflow-sticky{grid-template-rows:auto minmax(0,1fr);align-items:stretch}
 .workflow-preview[data-scroll-story] .workflow-context{height:108px;min-height:108px}
 .workflow-preview[data-scroll-story] .workflow-preview-footer{height:92px;min-height:92px;align-content:start}
}
.screener-back{display:none}
@media(max-width:760px){#module-scene-host [data-screener-detail] .screener-back{display:inline-flex;margin-top:24px}}
/* Complete panels only: the native Chain, matrices and decorative excerpts stay unchanged. */
@media(max-width:760px){
 #module-dialog:not(:has([data-scene=chain],[data-scene=exposure],.vol-matrix)) :is(#module-description,.module-picker,.module-picker select){font-size:13px}
 #module-dialog [data-scene-id=module-detail]:not([data-scene=chain]):not([data-scene=exposure]):not(:has(.vol-matrix)) :is(.scene-module-name,.scene-module-name b,.scene-price small,.scene-source-context,.scene-expiry-strip button,.scene-expiry-strip button span,.scene-segment button,.panel-select,.panel-select select,.panel-search span,.panel-search input,.panel-stat-strip dt,.module-table th,.module-table td,.module-table button,.oi-table td,.oi-table thead th,.contract-picker small,.panel-detail-label,.panel-detail p,.panel-plot-heading span,.panel-hint,.panel-action,.panel-chart-readout,.flow-summary span,.vol-panel-note,.vol-legend,.quote-bid,.quote-ask){font-size:12px}
 #module-dialog [data-scene-id=module-detail]:not([data-scene=chain]):not([data-scene=exposure]):not(:has(.vol-matrix)) .module-table td:before{font-size:12px}
 #module-dialog [data-scene-id=module-detail]:not([data-scene=chain]):not([data-scene=exposure]):not(:has(.vol-matrix)) :is(.scene-segment,.panel-toolbar){flex-wrap:wrap;min-width:0}
 #module-dialog [data-scene-id=module-detail]:not([data-scene=chain]):not([data-scene=exposure]):not(:has(.vol-matrix)) .scene-segment{max-width:100%}
 #module-dialog [data-scene-id=module-detail]:not([data-scene=chain]):not([data-scene=exposure]):not(:has(.vol-matrix)) :is(.module-table th,.module-table td,.panel-stat-strip dt){white-space:normal;overflow-wrap:anywhere}
 #module-dialog :is([data-scene=alerts],[data-scene=interval]) .module-table :is(th,td){font-size:14px}
 #module-dialog :is([data-scene=alerts],[data-scene=interval]) .module-table th button{font-size:15px}
}

/* Readable Futura in complete panels; protected surfaces and decorative excerpts retain their scale. */
#module-dialog [data-scene-id=module-detail]:not([data-scene=chain]):not([data-scene=exposure]):not(:has(.vol-matrix)) :is(.scene-module-name,.scene-module-name b,.scene-price small,.scene-source-context,.scene-segment button,.panel-select,.panel-select select,.panel-search span,.panel-stat-strip dt,.module-table thead th,.panel-detail-label,.panel-detail p,.panel-hint,.panel-action,.panel-chart-readout,.flow-summary span,.vol-panel-note,.vol-legend,.flow-row-context){font-size:13px;line-height:1.5}
#module-dialog [data-scene-id=module-detail]:not([data-scene=chain]):not([data-scene=exposure]):not(:has(.vol-matrix)) :is(.module-table tbody td,.module-table tbody th,.module-table button,.flow-table tbody td,.flow-table th button,.oi-table td,.oi-table button,.contract-picker small,.quote-bid,.quote-ask){font-size:14px;line-height:1.5}
#module-dialog .flow-row-context{display:none}
#module-dialog .vol-secondary{margin:0 12px 8px}
#module-dialog .vol-secondary>summary{min-height:44px;display:list-item;align-content:center;font-size:13px;color:#c5cee0;cursor:pointer}
#module-dialog .vol-secondary>.scene-segment{display:flex;width:max-content;max-width:100%;flex-wrap:wrap;margin:8px 0}
#module-dialog .vol-secondary>.scene-expiry-strip{margin:8px 0}
@media(max-width:760px){
 #module-dialog:not(:has([data-scene=chain],[data-scene=exposure],.vol-matrix)){padding:12px}
 #module-dialog:not(:has([data-scene=chain],[data-scene=exposure],.vol-matrix))>.dialog-top{margin-bottom:6px;gap:12px}
 #module-dialog:not(:has([data-scene=chain],[data-scene=exposure],.vol-matrix))>#module-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #module-dialog:not(:has([data-scene=chain],[data-scene=exposure],.vol-matrix))>.module-picker{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:0 0 8px;padding:0;font-size:13px}
 #module-dialog:not(:has([data-scene=chain],[data-scene=exposure],.vol-matrix))>.module-picker select{min-height:44px;font-size:13px;min-width:0}
 #module-dialog:not(:has([data-scene=chain],[data-scene=exposure],.vol-matrix)) #module-scene-host{margin-top:0;padding-top:0}
 #module-dialog [data-scene-id=module-detail]:not([data-scene=chain]):not([data-scene=exposure]):not(:has(.vol-matrix)) .scene-window-bar{min-height:44px;padding:8px 10px;gap:10px;flex-wrap:wrap}
 #module-dialog [data-scene-id=module-detail]:not([data-scene=chain]):not([data-scene=exposure]):not(:has(.vol-matrix)) .scene-product-brand{gap:6px;padding-right:8px}
 #module-dialog [data-scene-id=module-detail]:not([data-scene=chain]):not([data-scene=exposure]):not(:has(.vol-matrix)) .scene-wordmark{width:80px}
 #module-dialog [data-scene-id=module-detail]:not([data-scene=chain]):not([data-scene=exposure]):not(:has(.vol-matrix)) .scene-controls{min-height:44px;padding:6px 10px;gap:10px}
 #module-dialog [data-scene=volatility]:not(:has(.vol-matrix)) .volatility-toolbar{display:block;padding:8px 10px}
 #module-dialog [data-scene=volatility]:not(:has(.vol-matrix)) .vol-view-select{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;width:100%}
 #module-dialog [data-scene=volatility]:not(:has(.vol-matrix)) .vol-view-select select{min-width:0;width:100%;min-height:44px}
 #module-dialog [data-scene=volatility]:not(:has(.vol-matrix)) .vol-panel-preview{padding-top:0}
 #module-dialog [data-scene=flow] .flow-row-context{display:block;font-weight:400;color:#b8c5d8;white-space:normal;margin-top:5px}
 #module-dialog [data-scene=flow] .flow-table th{width:auto;text-align:left}
 #module-dialog [data-scene=flow] .flow-table :is(th,td){padding:10px 5px;white-space:normal;overflow-wrap:anywhere}
}

.product-tool-access{padding-bottom:40px}
.product-tool-access .catalogue-jump{margin-bottom:0}
.product-tool-access .catalogue-family-nav a>span{font-size:12px}
.product-tool-access .tool-index a{font-size:14px}

.venue-logo[data-venue=coincall]>img{max-width:106px;width:106px;height:auto}

@media(max-width:760px){#module-dialog [data-scene=flow] .flow-table tbody th button{text-align:left}#module-dialog [data-scene=flow] .trade-side{font-size:14px}#module-dialog [data-scene-id=module-detail]:not([data-scene=chain]):not([data-scene=exposure]):not(:has(.vol-matrix)) :is(.module-table,.flow-table) td::before{font-size:13px;line-height:1.5}}

.blog-index,.blog-related,.home-blog{max-width:1080px}
.blog-index{padding-top:160px;padding-bottom:120px}
.blog-index>h1{font-size:48px;line-height:1.15;margin-bottom:42px;font-weight:600}
.blog-featured{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);overflow:hidden;border:1px solid #24262d;border-radius:12px;background:#101114;transition:background-color .18s,border-color .18s}
.blog-featured:hover{background:#14161b;border-color:#474b59}
.blog-featured-copy{padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:36px}
.blog-featured-copy h2{font-size:23px;line-height:1.35;letter-spacing:-.025em;font-weight:550;margin-top:12px;text-wrap:balance}
.blog-featured-copy p{font-size:15px;line-height:1.65;margin-top:14px;color:#b2b5c1}
.blog-featured-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.5;color:#b0b3be}
.blog-featured-meta>span:last-child{white-space:nowrap}
.blog-featured-meta [aria-hidden]{margin-left:6px;font-size:16px}
.blog-preview-note{font-size:12px;line-height:1.65;color:#a7aab7;margin-top:20px;max-width:740px}
.blog-library{margin-top:52px}
.blog-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.blog-filters a{display:flex;align-items:center;min-height:44px;padding:8px 13px;border-radius:8px;font-size:15px;line-height:1.4;color:#b5b7c1;transition:color .18s,background-color .18s}
.blog-filters a:hover{color:#fff;background:#15171c}
.blog-filters a[aria-current]{color:#fff;background:#22252c}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-card{display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-width:0;padding:25px;border:1px solid #24262d;border-radius:12px;background:#101114;transition:background-color .18s,border-color .18s}
.blog-card:hover{background:#16181e;border-color:#484d5c}
.blog-card h3{font-size:21px;line-height:1.4;letter-spacing:-.025em;font-weight:550;margin-top:12px;text-wrap:pretty}
.blog-card p{font-size:15px;line-height:1.65;margin-top:12px;color:#b2b5c1}
.blog-card-category,.blog-article-category{font-size:12px;line-height:1.5;color:#acb9e5}
.blog-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#b0b3be;font-size:12px;line-height:1.5}
.blog-card-bottom>[aria-hidden]{font-size:19px;transition:transform .18s;color:#dde3f5}
.blog-card:hover .blog-card-bottom>[aria-hidden]{transform:translate(2px,-2px)}
.blog-empty{font-size:16px;padding:24px 0}
.home-blog{padding-top:90px;padding-bottom:120px}
.home-blog-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:36px}
.home-blog-heading h2{font-size:clamp(30px,3.6vw,40px);line-height:1.2}
.home-blog-heading .text-link{flex-shrink:0;font-size:14px;min-height:44px}
.blog-article{padding-top:148px;padding-bottom:96px}
.blog-article-header,.blog-article-body{width:min(700px,calc(100% - 64px));margin-inline:auto}
.blog-back{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-bottom:30px;font-size:14px;color:#bdc3d5}
.blog-back:hover{color:#fff}
.blog-article-category{display:block;margin-bottom:16px}
.blog-article h1{font-size:clamp(34px,4.3vw,48px);font-weight:600;letter-spacing:-.035em;line-height:1.2;text-wrap:balance}
.blog-article-lead{font-size:20px;line-height:1.6;color:#b9bdc9;margin-top:22px}
.blog-byline{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;line-height:1.6;color:#b2b5c1;margin-top:28px}
.blog-byline a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.blog-article-header>.blog-preview-note{padding-top:18px;border-top:1px solid #282b34;margin-top:25px}
.blog-article-figure{width:min(1080px,calc(100% - 64px));margin:54px auto 50px}
.blog-article-figure .blog-cover{border:1px solid #252b38;border-radius:12px}
.blog-article-figure>img{width:100%;height:auto;border:1px solid #252b38;border-radius:12px}
.coverage-blog-link{margin-top:24px;margin-bottom:48px;text-align:center}
.coverage-blog-link a{font-size:15px;color:#afbeff;text-decoration:underline;text-underline-offset:4px}
.blog-runtime-error{position:fixed;bottom:90px;right:24px;z-index:4;max-width:calc(100% - 48px);padding:16px;background:#171a21;border:1px solid #555d70;border-radius:8px;color:#e3e7f0;font-size:14px}
.blog-runtime-error a{text-decoration:underline;text-underline-offset:3px}
.blog-article-figure figcaption{font-size:12px;line-height:1.6;color:#afb3c2;margin-top:14px;text-align:center}
.blog-article-body{font-size:20px;line-height:1.75;color:#d9dce6}
.blog-article-body p{font-size:inherit;line-height:inherit;color:inherit;margin-top:22px}
.blog-article-body section{margin-top:54px}
.blog-article-body h2{font-size:28px;line-height:1.3;letter-spacing:-.025em;color:#f5f5f7;scroll-margin-top:120px;text-wrap:pretty}
.blog-article-body ul{padding-left:23px;margin:22px 0 0}
.blog-article-body li+li{margin-top:12px}
.blog-article-body a:not(.blog-product-link){color:#afbeff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#6979aa;transition:color .18s}
.blog-article-body a:not(.blog-product-link):hover{color:#e4e9ff}
.blog-toc{padding:16px 20px;border:1px solid #2c303b;border-radius:10px;margin:40px 0}
.blog-toc summary{cursor:pointer;min-height:30px;line-height:30px;font-size:15px;color:#e4e7f0}
.blog-toc ol{font-size:15px;line-height:1.7;padding-left:22px;margin-top:18px}
.blog-example{margin-top:26px;max-width:100%}
.blog-example table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.blog-example caption{text-align:left;font-size:13px;color:#b3bed8;padding-bottom:14px}
.blog-example :is(th,td){padding:13px 14px;border-bottom:1px solid #2b303b;text-align:left;font-weight:400}
.blog-example :is(th,td):last-child{text-align:right}
.blog-example thead{font-size:13px;color:#b3bed8;background:#11151e}
.blog-example tfoot{background:#111b31;color:#dce5ff}
.blog-example tfoot :is(th,td){font-weight:600}
.blog-references{padding-top:32px;border-top:1px solid #282b34}
.blog-references h2{font-size:23px}
.blog-references ul{font-size:15px;line-height:1.75}
.blog-references p{font-size:13px;line-height:1.7;color:#afb3c2}
.blog-product-link{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:60px;padding:18px 0;border-top:1px solid #282b34;border-bottom:1px solid #282b34;margin-top:36px;font-size:16px;color:#e5e9f5}
.blog-related{margin-top:88px}
.blog-related>h2{font-size:30px;margin-bottom:30px}
.blog-related .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.blog-cover{position:relative;container-type:inline-size;aspect-ratio:1.7;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 62% 46%,#142b57 0,transparent 57%),#080c14;isolation:isolate}
.blog-cover-panels{position:absolute;inset:0;font-family:'OptionMesh Product',Futura,'Trebuchet MS',sans-serif;line-height:1.4;color:#e8edf9;user-select:none}
.blog-cover-window{position:absolute;width:45%;border:1px solid #303847;border-radius:1cqw;background:#050a12;box-shadow:0 2cqw 4cqw #0008;overflow:hidden}
.blog-cover-raw{left:3%;top:18%;z-index:1}
.blog-cover-agg{right:3%;top:12%;z-index:2}
.blog-cover-brand{display:flex;align-items:center;gap:1cqw;padding:1.3cqw 1.5cqw;border-bottom:1px solid #252c3b;background:linear-gradient(90deg,#11118422,transparent 65%);white-space:nowrap}
.blog-cover-brand img:first-child{width:2cqw;height:2.2cqw}
.blog-cover-brand img:nth-child(2){width:12cqw;height:auto}
.blog-cover-brand>span{font-size:1.45cqw;color:#a9b9d9;margin-left:.4cqw;padding-left:1cqw;border-left:1px solid #3b455b}
.blog-cover-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.7cqw;padding:1.3cqw 1.5cqw;font-size:1.8cqw;border-bottom:1px solid #242e40}
.blog-cover-toolbar>span{display:flex;align-items:center;gap:.55cqw;white-space:nowrap}
.blog-cover-toolbar .blog-cover-btc{width:1.8cqw;height:1.8cqw;object-fit:contain;flex-shrink:0}
.blog-cover-toolbar i{color:#91a5c8;font-style:normal;margin:0 .1cqw}
.blog-cover-toolbar b{font-weight:400;font-size:1.4cqw;line-height:1;padding:.85cqw 1cqw;border:1px solid #455887;border-radius:.45cqw;background:#141e35;color:#dfe7ff}
.blog-cover-agg .blog-cover-toolbar b{background:linear-gradient(110deg,#2129b7,#21178b);border-color:#5658d8;color:#fff}
.blog-cover-contract{display:flex;justify-content:space-between;gap:1cqw;font-size:1.35cqw;color:#c4d1e9;padding:1.2cqw 1.5cqw;border-bottom:1px solid #242e40}
.blog-cover-contract>span{color:#96abcd}
.blog-cover-columns{display:flex;justify-content:space-between;font-size:1.5cqw;color:#96abcd;padding:1.1cqw 1.5cqw}
.blog-cover-row{display:flex;justify-content:space-between;align-items:center;padding:1.4cqw 1.5cqw;font-size:1.85cqw;border-top:1px solid #202938}
.blog-cover-row>span{display:flex;align-items:center;gap:1cqw}
.blog-cover-row i{width:.6cqw;height:.6cqw;border-radius:50%;background:#849ed7}
.blog-cover-row strong{font-weight:400;font-variant-numeric:tabular-nums}
.blog-cover-row:nth-last-child(2){background:#101b2e}
.blog-cover-foot{padding:1.25cqw 1.5cqw;border-top:1px solid #293346;color:#96abcd;font-size:1.35cqw;white-space:nowrap}
.blog-cover-total{padding:3.5cqw 2cqw 3cqw;background:linear-gradient(135deg,#111c30,#080e18)}
.blog-cover-total>span{font-size:1.65cqw;color:#b2c3e6}
.blog-cover-total>strong{display:block;font-size:7cqw;line-height:1.2;letter-spacing:-.035em;font-weight:400;margin-top:1cqw;color:#f5f7ff;font-variant-numeric:tabular-nums}
.blog-cover-total small{font-size:2.1cqw;letter-spacing:0;color:#b8c9e9}
.blog-cover-total>div{display:flex;gap:.65cqw;align-items:center;margin-top:2.2cqw}
.blog-cover-total i{display:block;width:.65cqw;height:.65cqw;background:#a3baff;border-radius:50%}
.blog-cover-total>div>span{font-size:1.6cqw;color:#b5c7e7;margin-left:.7cqw}
.blog-featured-no-art{grid-template-columns:1fr}
.blog-featured>img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.blog-featured{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.blog-featured-copy{padding:23px}.blog-featured-copy h2{font-size:21px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-featured-meta{flex-wrap:wrap;gap:7px}.home-blog-heading{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:600px){.blog-index{padding-top:132px;padding-bottom:72px}.blog-index>h1{font-size:40px;margin-bottom:28px}.blog-featured{grid-template-columns:1fr}.blog-featured-copy{padding:24px;gap:30px}.blog-featured-copy h2{font-size:23px}.blog-featured-meta{justify-content:space-between}.blog-grid,.blog-related .blog-grid{grid-template-columns:1fr;gap:18px}.blog-library{margin-top:34px}.blog-filters{gap:4px}.blog-filters a{font-size:14px;padding-inline:11px}.blog-card{padding:24px;gap:28px}.blog-card h3{font-size:21px}.home-blog{padding-top:52px;padding-bottom:72px}.home-blog-heading{margin-bottom:24px}.blog-article{padding-top:122px;padding-bottom:70px}.blog-article-header,.blog-article-body{width:calc(100% - 40px)}.blog-article h1{font-size:34px;line-height:1.2}.blog-back{margin-bottom:22px}.blog-article-lead{font-size:18px}.blog-byline{flex-wrap:wrap;gap:8px}.blog-article-figure{width:calc(100% - 32px);margin-top:32px;margin-bottom:32px}.blog-article-body{font-size:17px;line-height:1.8}.blog-article-body h2{font-size:25px}.blog-article-body section{margin-top:40px}.blog-example :is(th,td){padding:12px 8px;font-size:14px}.blog-example thead th{font-size:12px}.blog-toc{padding:14px 16px}.blog-related{margin-top:60px}.blog-related>h2{font-size:28px}}
@media(prefers-reduced-motion:no-preference){.blog-featured{animation:blog-enter .3s cubic-bezier(.16,1,.3,1) both}@keyframes blog-enter{from{opacity:.8;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
.motion-paused :is(.blog-featured,.blog-card,.blog-card-bottom>[aria-hidden]){animation:none;transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.blog-featured,.blog-card,.blog-card-bottom>[aria-hidden]{animation:none;transition:none;transform:none!important}}

@media(max-width:760px){.blog-article-body{font-size:19px;line-height:1.75}}

@font-face{font-family:'OptionMesh Brand';src:url('/assets/book.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'OptionMesh Brand';src:url('/assets/medium.woff2') format('woff2');font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:'OptionMesh Brand';src:url('/assets/bold.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}
.showcase .section-heading h2{font-family:'OptionMesh Brand',Futura,sans-serif}
