@font-face{font-family:'STIX Two Text';src:url('/fonts/STIX.ttf') format('truetype');font-weight:400 700;font-display:swap}@font-face{font-family:'IBM Plex Sans';src:url('/fonts/PlexSans.ttf') format('truetype');font-weight:100 700;font-display:swap}@font-face{font-family:'IBM Plex Mono';src:url('/fonts/PlexMono.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--bg:#09131C;--panel:#10212D;--text:#E7F0F4;--muted:#A7BAC6;--line:#304B5B;--border:#466170;--accent:#75D4D0;--loss:#F29B91;--sans:'IBM Plex Sans',sans-serif;--mono:'IBM Plex Mono',monospace;--serif:'STIX Two Text',Georgia,serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a{touch-action:manipulation}button{border:0;color:inherit;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:1px solid var(--accent);border-color:var(--accent)}h1,h2,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400}h1{font-size:48px;line-height:1.1;letter-spacing:-1.3px}h2{font-size:24px;line-height:1.3}em{color:var(--accent);font-weight:400}small{font-size:11px}.mono{font-family:var(--mono);font-size:12px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:1.3px}.accent{color:var(--accent)}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.brand{display:flex;align-items:center;gap:10px;font:28px var(--serif)}.brand-tag{font:9px var(--sans);letter-spacing:1.5px;border-left:1px solid var(--line);margin-left:22px;padding-left:22px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:28px}.local{font-size:12px;color:var(--muted)}.local i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:8px}.quiet{font-size:12px;color:var(--muted);padding:6px 0}.quiet:hover,.text-button:hover{color:var(--accent)}.layout{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:calc(100vh - 80px)}.sidebar{border-right:1px solid var(--line);padding:35px 18px 22px;display:flex;flex-direction:column;justify-content:space-between}.sidebar-label{margin:0 15px 18px;color:var(--muted);font-size:9px}.nav{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:13px 14px;margin:5px 0;border-radius:4px;color:var(--muted);font-size:13px}.nav>span:first-child{font-size:18px;width:20px}.nav.active{background:#19303D;color:var(--accent)}.nav:hover{background:var(--panel)}.nav-no,.count{margin-left:auto;font:10px var(--mono)}.sidebar-rule{height:1px;background:var(--line);margin:30px 14px}.method-list{list-style:none;counter-reset:method;padding:0 14px;margin:0}.method-list li{counter-increment:method;color:var(--muted);font-size:11px;margin:18px 0}.method-list li:before{content:'0' counter(method);font:10px var(--mono);color:var(--accent);margin-right:12px}.sidebar-bottom{padding:20px 14px 0}.sidebar-bottom p{color:var(--muted);font:16px/1.5 var(--serif);margin:10px 0 20px}.sidebar-bottom .mono{font-size:8px;color:var(--muted)}main{min-width:0;padding:28px 38px 0;max-width:1660px;width:100%;margin:auto;outline:none}.page-kicker{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:var(--muted);padding-bottom:23px;border-bottom:1px solid var(--line)}.page-kicker .mono{font-size:9px;letter-spacing:.4px}.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:24px;align-items:center;padding:44px 0 40px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:18px}.hero h1{font-size:64px;line-height:.98;letter-spacing:-1.8px}.hero-description{max-width:370px;color:var(--muted);font-size:14px;line-height:1.75;margin:22px 0 25px}.primary{background:var(--accent);color:var(--bg);padding:12px 18px;border:1px solid var(--accent);border-radius:3px;font-weight:500;font-size:12px;display:inline-flex;gap:30px;align-items:center;justify-content:space-between}.primary:hover{background:#9DE2DF;border-color:#9DE2DF}.hero-figure{margin-top:12px}.figure-top{display:flex;justify-content:space-between;gap:10px;padding:0 0 24px;border-bottom:1px solid var(--line);color:var(--muted)}.figure-top .eyebrow{font-size:8px}.figure-top .mono{font-size:9px;color:var(--accent)}.hero-figure svg{width:100%;margin:18px 0 3px}.svg-label{font:10px var(--sans);letter-spacing:.6px}.svg-number{font:27px var(--mono)}.svg-small{font:11px var(--mono)}.figure-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:10px}.figure-bottom strong{color:var(--accent);font-weight:400;font-size:17px}.figure-bottom small{display:block;font:8px var(--sans);color:var(--muted);letter-spacing:.8px;margin-top:2px}.overview-bottom{display:grid;grid-template-columns:1.04fr 1fr;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:5px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 23px}.panel-heading .eyebrow{color:var(--muted);font-size:8px}.panel-heading h2{font-size:22px;margin-top:4px}.step{color:var(--accent);font:12px var(--mono)}.quick-panel form{padding:0 23px 20px}.quick-inputs{display:grid;grid-template-columns:1fr .7fr;gap:14px}label{display:block;font-size:11px;color:var(--muted)}label>span{float:right;color:var(--muted);font-size:9px}input,select,textarea{display:block;border:1px solid var(--border);background:#0C1A25;color:var(--text);border-radius:3px;padding:11px 12px;width:100%;margin-top:8px;min-width:0}input{font-family:var(--mono);font-size:13px}textarea{resize:vertical;font-size:12px;min-height:78px}.quick-result{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:6px 0 13px;font-size:11px;color:var(--muted)}.quick-result strong{font:23px var(--mono);color:var(--loss)}.text-button{display:flex;width:100%;align-items:center;justify-content:space-between;font-size:12px;padding:14px 0 0}.badge{font:9px var(--mono);padding:4px 7px;border:1px solid var(--border);border-radius:2px;color:var(--muted);white-space:nowrap}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-weight:400;color:var(--muted);font-size:9px;padding:0 20px 12px;border-bottom:1px solid var(--line)}td{padding:12px 20px;border-bottom:1px solid var(--line)}td b{font-weight:500;font-size:12px}td small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.icon-button{border:1px solid var(--border);width:26px;height:26px;border-radius:3px;color:var(--accent)}.icon-button:hover{background:#254552}.table-note{font-size:9px;color:var(--muted);padding:14px 22px}.principles{display:flex;justify-content:space-between;padding:27px 0;font-size:10px;color:var(--muted);gap:15px}.principles b{font:10px var(--mono);color:var(--accent);margin-right:10px}footer{display:flex;justify-content:space-between;gap:15px;padding:19px 0;border-top:1px solid var(--line);color:var(--muted);font-size:9px;margin-top:16px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0}.section-title h1{font-size:42px}.section-title p{color:var(--muted);margin-top:12px;font-size:13px}.trade-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.form-panel form{padding:0 24px 23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cost-settings{border-top:1px solid var(--line);margin-top:24px;padding-top:15px}summary{cursor:pointer;font-size:12px;color:var(--text)}.cost-settings summary span{font-size:9px;color:var(--muted);margin-left:10px}.cost-settings .form-grid{margin-top:20px}.cost-settings p,.form-foot{font-size:10px;line-height:1.6;color:var(--muted);margin-top:13px}.wide{width:100%}.error{font-size:12px;color:var(--loss);margin:16px 0}.error:empty{margin:18px 0 0}.form-foot{margin-top:16px}.result-panel .panel-heading{border-bottom:1px solid var(--line)}.result-hero{padding:24px;border-bottom:1px solid var(--line)}.result-hero>span{font-size:10px;color:var(--muted)}.result-hero strong{display:block;font:34px var(--mono);margin:6px 0}.result-hero strong small{font:13px var(--sans);color:var(--muted);margin-left:8px}.result-hero p{font-size:11px;color:var(--muted)}.result-metrics{display:grid;grid-template-columns:1fr 1fr}.result-metrics>div{padding:20px 23px;border-bottom:1px solid var(--line)}.result-metrics>div:first-child{border-right:1px solid var(--line)}.result-metrics span{font-size:10px;color:var(--muted)}.result-metrics strong{display:block;font:23px var(--mono);margin-top:7px}.loss{color:var(--loss)}.gain{color:var(--accent)}.result-lines{padding:15px 23px}.result-line{display:flex;justify-content:space-between;font-size:11px;padding:8px 0;color:var(--muted)}.result-line strong{font:11px var(--mono);color:var(--text)}.check-message{padding:10px 12px;background:#17343B;color:var(--accent);font-size:10px;margin-top:8px;line-height:1.6}.save-block{padding:5px 23px 23px}.save-block button{margin-top:14px}.save-block>p{font-size:9px;text-align:center;color:var(--muted);margin-top:9px}.methodology{margin:24px 0}.methodology p{color:var(--muted);font-size:12px;max-width:900px;margin-top:15px;line-height:1.8}.research-grid{display:grid;grid-template-columns:290px 1fr;gap:20px;min-height:440px}.record-list .panel-heading{border-bottom:1px solid var(--line);padding:19px}.record-list h2{font-size:20px}.record-button{display:block;width:100%;text-align:left;border-bottom:1px solid var(--line);padding:18px 20px}.record-button.active{background:#193640;border-left:2px solid var(--accent)}.record-button strong{font-size:13px;font-weight:500}.record-button p{font-size:10px;color:var(--muted);margin-top:6px}.record-button .mono{font-size:10px;color:var(--accent);display:block;margin-top:10px}.empty{padding:45px 25px;text-align:center;color:var(--muted)}.empty h2{color:var(--text);margin:20px 0 12px}.empty p{font-size:12px;max-width:320px;margin:auto}.empty button{margin-top:23px}.record-detail{padding:25px}.record-detail h2{font-size:27px}.record-meta{font-size:10px;color:var(--muted);margin:7px 0 18px}.record-detail .result-hero{padding:15px 0}.record-detail .result-lines{padding:15px 0}.record-detail .result-metrics>div{padding:18px 0}.record-detail .result-metrics>div:nth-child(2){padding-left:20px}.record-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.secondary{border:1px solid var(--border);padding:8px 12px;border-radius:3px;font-size:11px}.secondary:hover{background:#203B49}.record-details{padding:16px 0;border-top:1px solid var(--line)}.record-details pre{font:11px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}.attest{margin-top:18px;display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 0;border-top:1px solid var(--line);font-size:12px;color:var(--accent)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;padding:13px 22px;background:var(--accent);color:var(--bg);border-radius:4px;z-index:10;font-size:12px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:34px;max-width:460px;width:calc(100% - 40px)}dialog::backdrop{background:#040B12CC}dialog h2{font-size:52px;margin:17px 0}dialog p{font-size:13px;color:var(--muted);margin:12px 0 20px}dialog button{margin-top:10px}[hidden]{display:none!important}#intro{display:none}.opening #intro{display:flex;position:fixed;inset:0;background:var(--bg);z-index:20;flex-direction:column;justify-content:space-between;padding:35px 48px}.opening #site{visibility:hidden}.intro-top,.intro-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:10px var(--mono);letter-spacing:1px}.intro-top button{border:1px solid var(--border);padding:10px 16px;font:12px var(--sans);letter-spacing:0;color:var(--text)}.intro-stage{width:min(800px,100%);margin:auto}.intro-stage svg{width:100%;max-height:60vh}.draw{stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 3s ease forwards}.price{animation-delay:.5s}.risk-fill,.reward-fill{opacity:0;animation:appear 1s 2s forwards}.reward-fill{animation-delay:2.8s}.intro-levels{animation:vanish .6s 4.8s forwards;transform-origin:center}.intro-sheet{opacity:0;animation:sheet 3s 4.7s forwards}.intro-brand{opacity:0;animation:appear .8s 7.5s forwards}.brand-reveal{font:70px var(--serif)}.intro-caption{height:35px;position:relative;text-align:center;color:var(--muted);font:14px var(--serif)}.intro-caption span{position:absolute;left:0;right:0;opacity:0}.caption-one{animation:caption 4.8s forwards}.caption-two{animation:caption 3s 4.8s forwards}.caption-three{animation:appear 1s 7.8s forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes appear{to{opacity:1}}@keyframes vanish{to{opacity:0;transform:scale(.75)}}@keyframes sheet{0%{opacity:0;transform:translateY(30px)}20%,80%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-15px)}}@keyframes caption{10%,85%{opacity:1}100%{opacity:0}}.noscript{padding:20px;background:var(--panel);text-align:center;color:var(--muted)}
@media(min-width:1500px){main{padding-left:55px;padding-right:55px}.hero{padding:60px 0}.hero h1{font-size:76px}.hero-description{font-size:16px;max-width:420px}.hero-figure{max-width:600px}.overview-bottom{gap:24px}}
@media(max-width:1150px){.layout{grid-template-columns:178px 1fr}.sidebar{padding-left:10px;padding-right:10px}main{padding:24px 25px 0}.brand-tag{display:none}.hero h1{font-size:56px}.hero{gap:18px}.hero-description{font-size:13px}.figure-top{flex-direction:column;gap:6px}.panel-heading{padding:18px}.panel-heading h2{font-size:20px}.quick-panel form{padding:0 18px 16px}td,th{padding-left:14px;padding-right:14px}.research-grid{grid-template-columns:235px 1fr}.trade-grid{grid-template-columns:1fr 1fr}.form-panel form{padding:0 18px 20px}.form-grid{gap:14px}.cost-settings summary span{display:block;margin:5px 0}.result-panel .badge{font-size:8px}}
@media(max-width:850px){header{padding:0 22px;height:68px}.layout{display:block}.sidebar{padding:10px 22px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>div:first-child>p,.sidebar-rule,.method-list,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:9px}.nav{justify-content:center;margin:0;padding:10px}.nav-no,.count{margin-left:7px}.sidebar-label{display:none}.hero{padding-top:32px}.hero h1{font-size:55px}.hero-copy .eyebrow{font-size:8px}.hero-description{margin:18px 0}.overview-bottom{gap:16px}.principles{font-size:9px}.principles b{display:block;margin-bottom:4px}.trade-grid{gap:15px}.result-panel .panel-heading{flex-wrap:wrap}.section-title h1{font-size:36px}.research-grid{grid-template-columns:205px 1fr}footer>span:last-child{display:none}}
@media(max-width:620px){header{padding:0 16px}.brand{font-size:25px}.brand img{width:30px;height:30px}.header-right{gap:15px}.local{display:none}.sidebar{padding:8px 12px}.nav{font-size:12px;gap:6px;padding:8px}.nav-no{display:none}.nav>span:first-child{font-size:16px}main{padding:20px 18px 0}.page-kicker{font-size:8px;padding-bottom:17px}.page-kicker .mono{font-size:8px}.hero{grid-template-columns:1fr;padding:28px 0 24px;gap:28px}.hero h1{font-size:60px}.hero-description{max-width:360px;font-size:14px}.hero-figure{margin:0}.figure-top{flex-direction:row;padding-bottom:13px}.hero-figure svg{margin:8px 0 0}.figure-bottom{padding-top:9px}.overview-bottom,.trade-grid,.research-grid{grid-template-columns:1fr}.quick-result{padding-top:4px}.principles{flex-wrap:wrap;padding:22px 0;gap:15px;font-size:10px}.principles b{display:inline}.principles span{width:100%}.section-title{align-items:flex-start;padding:25px 0;flex-wrap:wrap}.section-title h1{font-size:36px}.section-title p{font-size:12px}.form-grid{gap:17px 13px}.result-panel .panel-heading{flex-wrap:nowrap}.record-list{max-height:280px;overflow:auto}footer{font-size:8px}.opening #intro{padding:20px}.intro-top>span{font-size:8px;max-width:150px}.intro-bottom{font-size:8px;gap:25px}.intro-caption{font-size:13px}.intro-stage svg{min-height:250px}.record-detail{padding:20px}.brand-reveal{font-size:65px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.opening #intro{display:none}.opening #site{visibility:visible}}
@media print{body{background:white;color:black}.sidebar,header,.page-kicker,.section-title,.record-list,footer,.record-actions,.attest,#toast,#intro,.view:not(#research),.record-detail label,.record-detail button{display:none!important}.layout,.research-grid{display:block}main{padding:0}.panel{border:0;background:white}.record-detail{color:black}.record-detail *{color:black!important}#research{display:block!important}.record-details{display:block}.record-details pre{display:block}.record-details:not([open])>pre{display:block}}

.resources{border-top:1px solid var(--line);padding:22px 0;display:flex;align-items:center;gap:25px}.resources .eyebrow{color:var(--muted)}.resources a,.resources button{font-size:11px;color:var(--accent)}.resources video{width:100%;max-width:520px;display:block;margin-top:15px}#video-dialog{max-width:800px}.print-note{display:none}@media print{.print-note{display:block;white-space:pre-wrap;margin-top:15px}.resources{display:none!important}}