@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f3f4f0;--ink:#1b221e;--muted:#626b64;--green:#136842;--bright:#a5e9b1;--border:#d9ded7;--white:#fff;--display:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #328b55;outline-offset:5px}::selection{background:var(--bright);color:var(--ink)}.section-width{width:min(1240px,calc(100% - 112px));margin-inline:auto}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;letter-spacing:.065em}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.13em;line-height:1.5;margin:0 0 24px}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;width:min(1360px,calc(100% - 112px));margin:auto;border-bottom:1px solid var(--border);gap:32px}.brand{font-family:var(--display);font-size:1.8rem;letter-spacing:-1.4px;font-weight:800;display:inline-flex;align-items:center;line-height:1;white-space:nowrap}.brand-mark{background:var(--ink);color:var(--bright);border-radius:6px;height:32px;width:32px;text-align:center;font-size:2.15rem;line-height:36px;font-weight:800;margin-right:11px;overflow:hidden}.brand-lab{font-weight:500;margin-left:5px}.brand-period{color:var(--green)}nav{display:flex;gap:32px;margin-left:auto;margin-right:28px}nav a{font-size:.875rem;font-weight:500}nav a:hover,.text-link:hover,.engine-link:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;padding:15px 24px;border-radius:5px;font-size:.875rem;font-weight:600;line-height:1.4;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.button.dark{background:var(--ink);color:white}.button.dark:hover{background:#315340}.button.light{background:var(--bright);color:var(--ink)}.button.light:hover{background:#bdf3c6}.button.small{padding:12px 18px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding:92px 0 105px}.hero-copy .eyebrow{display:flex;align-items:center;gap:12px}.line{height:1px;width:24px;background:var(--green)}h1,h2,h3,p{overflow-wrap:break-word}h1{font-family:var(--display);font-size:clamp(3.3rem,4.7vw,4.65rem);letter-spacing:-.065em;line-height:1.08;font-weight:650;margin:0 0 28px}.edge-word{color:var(--green)}.hero-description{color:var(--muted);font-size:1.0625rem;line-height:1.8;max-width:440px;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.text-link{font-size:.875rem;font-weight:600;border-bottom:1px solid #a5afa6;padding-bottom:2px}.hero-footnote{display:flex;align-items:center;gap:9px;font-size:.8125rem;color:var(--muted);margin-top:30px}.mini-cross{font-size:1.5rem;line-height:1;color:var(--green)}.hero-visual{position:relative;background:#fff;border:1px solid #dfe5dc;border-radius:8px;box-shadow:0 16px 50px #23493008;margin-bottom:22px;min-width:0}.visual-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ece5;padding:20px 23px;gap:12px;flex-wrap:wrap}.visual-top .mono{font-size:.75rem}.visual-tag{font-size:.75rem;letter-spacing:.07em;color:#64766a}.chart-heading{padding:27px 27px 20px;display:flex;justify-content:space-between}.chart-heading .eyebrow{font-size:.75rem;color:var(--muted);margin-bottom:10px}.chart-heading h2{font-family:var(--display);font-size:1.75rem;line-height:1.25;letter-spacing:-.055em;margin:0;font-weight:600}.chart-symbol{font-size:2rem;color:#267745;font-weight:400}.hero-chart{display:block;width:100%;padding:0 25px;height:auto}.visual-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 25px 65px;gap:18px;font-size:.75rem;color:var(--muted)}.visual-bottom .mono{font-size:.75rem;max-width:160px;text-align:right}.floating-note{position:absolute;bottom:-27px;left:28px;right:28px;padding:15px 20px;background:#e8f2e6;border:1px solid #d6e6d3;border-radius:6px;display:flex;gap:14px;align-items:center}.note-icon{font-size:2rem;color:var(--green);line-height:1}.floating-note strong{display:block;font-size:.8125rem;font-weight:600}.floating-note div>span{font-size:.75rem;color:#58705d}.scope-strip{border-block:1px solid var(--border)}.scope-strip>div{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-block:24px;flex-wrap:wrap}.scope-strip .mono{font-size:.75rem;color:var(--muted)}.scope-strip span:not(.mono){font-size:.8125rem;font-weight:550}.engine-section,.preview-section{padding-top:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:44px}.section-heading h2,.faq-section h2{font-family:var(--display);font-size:clamp(2rem,3vw,2.75rem);letter-spacing:-.055em;line-height:1.2;font-weight:600;margin:0}.section-heading>p{max-width:360px;color:var(--muted);font-size:1rem;margin:0 0 3px}.section-heading .eyebrow{color:var(--muted);margin-bottom:16px}.engine-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--border)}.engine{padding:28px 32px 32px}.engine:first-child{padding-left:0}.engine:last-child{padding-right:0}.engine+.engine{border-left:1px solid var(--border)}.engine-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.engine-number{color:var(--muted)}.pill{font-size:.75rem;letter-spacing:.06em;border:1px solid #cdd6cb;border-radius:3px;padding:4px 6px;color:#4c6251}.engine-glyph{display:flex;align-items:center;gap:6px;height:68px;margin-top:17px}.engine-glyph i{display:block;width:7px;background:#80bc8e;border-radius:1px}.engine-glyph i:nth-child(1){height:13px}.engine-glyph i:nth-child(2){height:27px}.engine-glyph i:nth-child(3){height:41px;background:#15643d}.engine-glyph i:nth-child(4){height:24px}.engine-glyph i:nth-child(5){height:12px}.daily-glyph i{width:4px}.daily-glyph i:nth-child(1){height:27px}.daily-glyph i:nth-child(2){height:14px}.daily-glyph i:nth-child(4){height:37px}.daily-glyph i:nth-child(5){height:22px}.risk-glyph i:nth-child(1){height:36px}.risk-glyph i:nth-child(2){height:30px}.risk-glyph i:nth-child(3){height:23px}.risk-glyph i:nth-child(4){height:16px}.risk-glyph i:nth-child(5){height:10px}.engine h3{font-family:var(--display);font-size:1.375rem;font-weight:600;letter-spacing:-.04em;margin:12px 0}.engine p{font-size:1rem;color:var(--muted);margin:0 0 27px;line-height:1.75}.engine-link{font-size:.875rem;font-weight:600;display:inline-block;border-bottom:1px solid #a6b4a6}.preview-section{padding-bottom:100px}.preview-shell{background:#fff;border:1px solid var(--border);border-radius:7px;overflow:hidden}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);gap:18px;flex-wrap:wrap;background:#f9faf7}.tabs{display:flex;gap:4px;background:#e9eee7;padding:4px;border-radius:5px}.tabs button{border:0;background:transparent;border-radius:3px;padding:9px 19px;font-size:.875rem;color:#626d63}.tabs button[aria-selected=true]{background:white;box-shadow:0 1px 4px #1b221e10;color:var(--ink);font-weight:600}.tabs button:hover{color:var(--green)}.preview-label{font-size:.75rem;color:var(--muted)}.sample-panel{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:44px}.sample-overview .eyebrow{color:var(--green);font-size:.75rem;margin-bottom:16px}.sample-overview h3{font-family:var(--display);font-size:1.75rem;line-height:1.3;letter-spacing:-.05em;font-weight:600;margin:0 0 16px}.sample-overview>p:not(.eyebrow){font-size:1rem;color:var(--muted);margin:0 0 24px}.sample-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.sample-chips span{background:#f0f4ed;color:#566650;padding:5px 9px;border-radius:3px;font-size:.75rem}.sample-details{border-left:1px solid var(--border);padding-left:40px}.sample-details div{padding:15px 0;border-bottom:1px solid #e8ece5}.sample-details div:first-child{padding-top:0}.sample-details div:last-child{border-bottom:0;padding-bottom:0}.sample-details span{display:block;font-size:.75rem;color:var(--muted);letter-spacing:.09em;margin-bottom:6px}.sample-details strong{font-size:.875rem;line-height:1.6;font-weight:500;display:block}.approach-section{background:#1b251f;color:#fff;padding:85px 0}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.approach-layout>.eyebrow,.approach-layout>div>.eyebrow{color:#a7b2a7}.approach-layout h2{font-family:var(--display);font-size:clamp(2.6rem,3.6vw,3.4rem);letter-spacing:-.055em;line-height:1.15;font-weight:550;margin:0 0 26px}.approach-layout h2 span{color:var(--bright)}.approach-intro{max-width:390px;color:#bac5ba;font-size:1rem;line-height:1.8;margin:0 0 28px}.principles article{display:flex;gap:26px;padding:24px 0;border-top:1px solid #39463b}.principles article:last-child{padding-bottom:0}.principles article>.mono{color:var(--bright);margin-top:4px}.principles h3{font-family:var(--display);font-size:1.0625rem;font-weight:600;letter-spacing:-.02em;margin:0 0 9px}.principles p{color:#bac5ba;font-size:1rem;line-height:1.8;margin:0}.faq-section{display:grid;grid-template-columns:.85fr 1.3fr;gap:100px;padding:95px 0}.faq-section .eyebrow{color:var(--muted);margin-bottom:16px}.faq-list{border-top:1px solid var(--border)}details{border-bottom:1px solid var(--border);padding:22px 0}summary{cursor:pointer;font-weight:550;font-size:1rem;list-style:none;position:relative;padding-right:32px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:1.5rem;font-weight:400;top:-6px;color:var(--muted)}details[open] summary:after{content:'−'}details p{font-size:1rem;color:var(--muted);line-height:1.8;margin:15px 32px 0 0}.closing{border:1px solid #d0ddcc;background:#e6efdf;text-align:center;padding:55px 24px;margin-bottom:75px;border-radius:7px}.closing .eyebrow{color:var(--green);margin-bottom:18px}.closing h2{font-family:var(--display);font-size:clamp(2rem,3.2vw,3rem);font-weight:600;letter-spacing:-.055em;line-height:1.2;margin:0 0 28px}.site-footer{padding-bottom:30px}.footer-main{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--border);padding-bottom:30px}.footer-main>.brand{font-size:1.5rem}.footer-main>span{font-size:.8125rem;color:var(--muted)}.footer-main>a:last-child{font-size:.8125rem;margin-left:auto}.footer-bottom{display:flex;justify-content:space-between;gap:36px;padding-top:20px;color:var(--muted);font-size:.75rem}.footer-bottom>span{white-space:nowrap}.footer-bottom p{max-width:570px;margin:0;text-align:right}dialog{border:1px solid #d2dccf;border-radius:10px;padding:32px;max-width:570px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 25px 100px #0003}dialog::backdrop{background:#15271bd0;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:28px}.dialog-top>.mono{font-size:.75rem;color:var(--muted)}#close-alert{background:none;border:0;font-size:1.75rem;line-height:1;padding:0 5px}dialog .eyebrow{color:var(--green);margin-bottom:12px}dialog h2{font-family:var(--display);font-size:1.75rem;letter-spacing:-.04em;line-height:1.2;margin:0 0 18px}dialog>p:not(.eyebrow){font-size:1rem;color:var(--muted)}.alert-meta{padding:18px 0;border-block:1px solid var(--border);margin:25px 0}.alert-meta>div{display:flex;justify-content:space-between;gap:20px;font-size:.8125rem;padding:5px 0}.alert-meta strong{font-weight:500}.dialog-note{font-size:.8125rem!important;margin-bottom:26px}
@media(min-width:1600px){.hero{padding-top:110px;padding-bottom:120px}}@media(max-width:1100px){.section-width,.site-header{width:calc(100% - 64px)}.hero{gap:32px;padding:70px 0 85px}h1{font-size:3.5rem}.hero-description{font-size:1rem}.hero-actions{gap:18px}.hero-actions .button{padding-inline:18px}.engine{padding-inline:22px}.engine-top{flex-wrap:wrap}.sample-panel{gap:35px;padding:32px}.sample-details{padding-left:30px}.approach-layout{gap:60px}.faq-section{gap:60px}nav{gap:22px;margin-right:0}.visual-top{padding-inline:18px}.visual-top .mono{font-size:.75rem}.floating-note{left:18px;right:18px;padding:12px}.hero-footnote{font-size:.75rem}}
@media(max-width:800px){.site-header{height:84px;gap:18px}.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:52px;padding:55px 0 70px}.hero-description{max-width:530px}h1{font-size:clamp(3rem,8vw,4.5rem)}.hero-visual{max-width:600px;width:100%;margin:auto}.hero-footnote{font-size:.8125rem}.visual-top .mono{font-size:.75rem}.chart-heading{padding-top:24px}.hero-chart{max-height:270px}.engine-section,.preview-section{padding-top:65px}.section-heading{align-items:start;gap:24px;flex-direction:column;margin-bottom:30px}.section-heading>p{max-width:530px}.engine-grid{grid-template-columns:1fr}.engine,.engine:first-child,.engine:last-child{padding:26px 0}.engine+.engine{border-left:0;border-top:1px solid var(--border)}.engine-glyph{margin-top:10px;height:48px}.engine p{max-width:550px;margin-bottom:16px}.engine-top{flex-wrap:nowrap}.sample-panel{grid-template-columns:1fr;gap:32px}.sample-details{border-left:0;border-top:1px solid var(--border);padding:25px 0 0}.preview-section{padding-bottom:65px}.approach-section{padding:60px 0}.approach-layout{grid-template-columns:1fr;gap:45px}.approach-intro{max-width:550px}.faq-section{grid-template-columns:1fr;gap:32px;padding:65px 0}.closing{margin-bottom:50px}.footer-main{flex-wrap:wrap;gap:18px}.footer-main>span{margin-left:auto}.footer-main>a:last-child{margin-left:0;flex-basis:100%}.footer-bottom{flex-direction:column;gap:12px}.footer-bottom p{text-align:left}.scope-strip>div{justify-content:start;gap:14px 25px}.scope-strip .mono{flex-basis:100%}}
@media(max-width:480px){.section-width,.site-header{width:calc(100% - 36px)}.brand{font-size:1.5rem}.brand-mark{width:27px;height:28px;font-size:1.8rem;line-height:30px;margin-right:8px}.site-header>.button{font-size:.75rem;padding:11px 12px}.hero{padding-top:42px}.hero-copy .eyebrow{font-size:.75rem;gap:8px;letter-spacing:.1em}.hero-copy .line{width:16px}h1{font-size:3.1rem}.hero-actions{gap:20px}.hero-description{font-size:1rem}.hero-footnote{font-size:.75rem;gap:7px}.visual-tag{font-size:.75rem}.chart-heading h2{font-size:1.5rem}.visual-bottom{padding-bottom:65px;gap:8px;font-size:.75rem}.visual-bottom .mono{font-size:.75rem}.floating-note div>span{font-size:.75rem}.floating-note strong{font-size:.75rem}.section-heading h2,.faq-section h2{font-size:2.05rem}.preview-toolbar{padding:14px}.tabs{width:100%;justify-content:space-between}.tabs button{padding:9px 12px;font-size:.8125rem;flex:1;white-space:nowrap}.preview-label{font-size:.75rem}.sample-panel{padding:25px 20px}.sample-overview h3{font-size:1.5rem}.closing{padding:40px 18px}.closing h2{font-size:2rem}.closing .eyebrow{font-size:.75rem}.footer-main>span{flex-basis:100%;margin-left:0}dialog{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Return comparison */
.return-hero .chart-heading{padding-bottom:16px}.hero-comparison{padding:0 27px 10px}.hero-comparison>div{margin:18px 0 26px}.hero-comparison span{display:block;font-size:.875rem;color:var(--muted)}.hero-comparison strong{font-family:var(--display);font-size:2.3rem;letter-spacing:-.05em;font-weight:650}.return-bar{height:12px;border-radius:2px;margin-top:10px}.weekly-bar{background:var(--green);width:100%}.benchmark-bar{background:#89938b;width:37.54%}.return-hero .visual-bottom{padding-bottom:65px;align-items:start}.return-hero .visual-bottom>span{max-width:180px}.returns-section{padding-top:90px}.benchmark-story{display:grid;grid-template-columns:1fr;gap:0;padding:40px 0 50px;border-top:1px solid var(--border)}.benchmark-story .eyebrow{color:var(--green);margin-bottom:12px}.benchmark-story h3{font:600 1.75rem/1.25 var(--display);letter-spacing:-.045em;margin:0 0 18px}.benchmark-story p:not(.eyebrow){color:var(--muted);margin:0 0 16px}.benchmark-stat{border-left:1px solid var(--border);padding-left:40px}.benchmark-stat>strong{font:600 4rem/1.2 var(--display);letter-spacing:-.06em;color:var(--green);display:block;margin-bottom:12px}.benchmark-stat .text-link{font-size:.8125rem}.performance-shell{background:#fff;border:1px solid var(--border);border-radius:7px;overflow:hidden}.performance-toolbar{padding:20px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f9faf7;border-bottom:1px solid var(--border);flex-wrap:wrap}.performance-toolbar label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:6px}.performance-toolbar select{font:500 .875rem var(--body);background:#fff;color:var(--ink);border:1px solid #bfcabd;padding:10px 36px 10px 12px;border-radius:4px;max-width:100%}.performance-toolbar select:focus-visible{outline:3px solid #328b55;outline-offset:3px}.performance-content{padding:30px}.performance-period{font-size:.8125rem;color:var(--muted);margin:0 0 24px}.return-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:30px}.return-highlights span{display:block;font-size:.8125rem;color:var(--muted)}.return-highlights strong{font:600 clamp(1.8rem,3vw,2.65rem)/1.5 var(--display);letter-spacing:-.05em}.return-highlights>div:first-child strong{color:var(--green)}.performance-chart svg{display:block;width:100%;height:auto}.chart-legend{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:.8125rem;margin:12px 0 0}.chart-legend span{display:flex;align-items:center;gap:8px}.chart-legend i{height:3px;width:20px;background:var(--series)}.chart-caption{font-size:.75rem;color:var(--muted);margin:14px 0 28px}.performance-table-wrap{overflow-x:auto}.performance-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:right;white-space:nowrap}.performance-table caption{text-align:left;font-size:.8125rem;color:var(--muted);margin-bottom:14px}.performance-table th,.performance-table td{padding:14px 12px;border-bottom:1px solid var(--border)}.performance-table th:first-child{text-align:left}.performance-table thead th{font-size:.75rem;color:var(--muted);font-weight:500}.performance-table tbody th{font-weight:500}.performance-table .featured{background:#edf5e8;color:var(--green)}.performance-insight{font-size:1rem;font-weight:500;max-width:850px;margin:24px 0 14px}.performance-note{font-size:.8125rem;color:var(--muted);margin:0;max-width:880px}.methodology{margin-top:16px}.methodology p{max-width:1000px}.chart-grid-label{font:12px var(--body);fill:#626b64}
@media(max-width:800px){.returns-section{padding-top:60px}.benchmark-story{grid-template-columns:1fr;gap:26px;padding:28px 0 35px}.benchmark-stat{border-left:0;border-top:1px solid var(--border);padding:26px 0 0}.benchmark-stat>strong{font-size:3.3rem}.performance-content{padding:22px}.return-highlights{gap:18px}.return-highlights span{font-size:.75rem}.performance-toolbar{padding:18px 22px}.performance-toolbar>.mono{font-size:.6875rem}.performance-table th,.performance-table td{padding-inline:10px}.performance-chart svg{min-height:220px}.chart-legend{font-size:.75rem}}
@media(max-width:480px){.hero-comparison strong{font-size:2rem}.return-highlights{grid-template-columns:1fr 1fr}.return-highlights>div:last-child{grid-column:1/-1}.return-highlights strong{font-size:2rem}.performance-content{padding:20px 14px}.performance-toolbar{padding:18px 14px}.chart-legend{gap:10px 16px}.performance-table{font-size:.8125rem}}
@media(max-width:800px){.chart-grid-label{font-size:22px}}
.benchmark-bar{width:40.83%}.investment-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:30px 0 24px}.investment-controls .eyebrow{color:var(--green);margin-bottom:10px}.investment-controls h3{font:600 1.75rem/1.25 var(--display);letter-spacing:-.045em;margin:0}.investment-tabs{flex-shrink:0}.investment-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:#edf5e8;padding:28px;border:1px solid #d4e4ce;border-radius:6px}.investment-outcomes span,.investment-outcomes small{display:block;font-size:.8125rem;color:var(--muted)}.investment-outcomes strong{display:block;font:650 clamp(2rem,4vw,3.3rem)/1.5 var(--display);letter-spacing:-.055em}.investment-outcomes>div:first-child strong{color:var(--green)}#investment-caption{font-size:.8125rem;color:var(--muted);margin:12px 0 24px}.leverage-note{font-size:.8125rem;color:var(--muted);border-left:3px solid #a9c9a3;padding-left:14px;margin:24px 0 28px;max-width:900px}
@media(max-width:800px){.investment-controls{align-items:start;flex-direction:column;gap:18px}.investment-outcomes{padding:22px;gap:20px}.investment-outcomes strong{font-size:2.3rem}}
@media(max-width:480px){.investment-outcomes{grid-template-columns:1fr;padding:20px}.investment-outcomes>div+div{border-top:1px solid #cfdec9;padding-top:16px}.investment-tabs{width:100%}.investment-controls h3{font-size:1.5rem}}
/* Hero: performance as a visual journey. */
.hero{grid-template-columns:1fr 1.1fr;gap:64px}.trajectory-hero{margin:0;background:#172a22;color:#f5f8f2;border:1px solid #294338;border-radius:12px;box-shadow:0 30px 65px #172a221c;overflow:hidden;position:relative}.trajectory-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 10%,#5c9b7430,transparent 65%)}.trajectory-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 25px;border-bottom:1px solid #ffffff14}.trajectory-top .mono{font-size:.65rem;display:flex;gap:8px;align-items:center;color:#c0d1c5}.observatory-dot{width:6px;height:6px;border-radius:50%;background:#b0f1bc;box-shadow:0 0 12px #b0f1bc88}.trajectory-badge{font-size:.625rem;letter-spacing:.08em;color:#b0f1bc;border:1px solid #75988155;padding:4px 7px;border-radius:3px;white-space:nowrap}.trajectory-heading{position:relative;padding:28px 30px 0}.trajectory-heading .eyebrow{font-size:.625rem;letter-spacing:.12em;color:#94ae9e;margin:0 0 12px}.trajectory-heading h2{font:550 2.1rem/1.15 var(--display);letter-spacing:-.055em;margin:0}.trajectory-multiple{position:absolute;right:30px;top:40px;font:500 3rem/1 var(--display);letter-spacing:-.065em;color:#b0f1bc}.trajectory-multiple>span{font-size:1.9rem}.trajectory-multiple>small{display:block;font:400 .625rem/1.6 var(--body);letter-spacing:0;color:#a3bcac;max-width:145px;margin-top:10px}.trajectory-chart{position:relative;display:block;width:100%;height:auto;margin-top:8px}.trajectory-axis{font:16px var(--body);fill:#8da99a}.trajectory-axis text:last-child{font:12px ui-monospace,monospace;letter-spacing:1px}.trajectory-end-label{font:600 13px var(--body);letter-spacing:1px}.trajectory-line{animation:trace-trajectory 1.8s ease-out both}.trajectory-readout{position:relative;display:grid;grid-template-columns:1fr 1fr auto;gap:22px;padding:0 30px 20px}.trajectory-readout span{display:flex;align-items:center;gap:7px;color:#a7c0b0;font-size:.75rem}.trajectory-readout strong{display:block;font:550 1.9rem/1.6 var(--display);letter-spacing:-.04em;color:#b0f1bc}.trajectory-readout>div:nth-child(2) strong{color:#dae3dc}.trajectory-readout .trajectory-year strong{font-size:1.25rem;padding-top:7px;color:#a7c0b0}.trajectory-readout i{width:6px;height:6px;border-radius:50%;display:inline-block}.engine-dot{background:#b0f1bc}.market-dot{background:#8faaa0}.trajectory-scrubber{position:relative;display:flex;align-items:center;gap:22px;padding:17px 30px;border-top:1px solid #ffffff12;background:#ffffff03}.trajectory-scrubber label{font-size:.75rem;color:#bed1c3;white-space:nowrap}.trajectory-scrubber label span{margin-left:5px;color:#b0f1bc}.trajectory-scrubber input{width:100%;accent-color:#b0f1bc;cursor:ew-resize;height:4px}.trajectory-scrubber input:focus-visible{outline:2px solid #b0f1bc;outline-offset:7px}.trajectory-hero figcaption{position:relative;padding:14px 30px 18px;font-size:.65rem;line-height:1.7;color:#94ae9e;border-top:1px solid #ffffff0d}.hero-copy .edge-word{position:relative;display:inline-block}.hero-copy .edge-word:after{content:'';display:block;position:absolute;width:95%;height:9px;bottom:-7px;left:2px;border-top:2px solid #89b98d;border-radius:50%;transform:rotate(-3deg)}
@keyframes trace-trajectory{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@media(max-width:1100px){.hero{gap:32px}.trajectory-heading{padding-inline:24px}.trajectory-heading h2{font-size:1.8rem}.trajectory-multiple{right:24px;font-size:2.6rem}.trajectory-multiple>small{max-width:115px}.trajectory-readout{gap:14px;padding-inline:24px}.trajectory-readout strong{font-size:1.6rem}.trajectory-top{padding-inline:20px}.trajectory-top .mono{font-size:.6rem}.trajectory-scrubber{padding-inline:24px;gap:14px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:46px}.trajectory-hero{max-width:600px;width:100%;margin:auto}.trajectory-heading h2{font-size:2.1rem}.trajectory-readout strong{font-size:1.9rem}.trajectory-multiple{font-size:3rem}.trajectory-multiple>small{max-width:145px}}
@media(max-width:480px){.trajectory-top{flex-wrap:wrap;padding:18px 20px}.trajectory-heading{padding:24px 20px 0}.trajectory-heading h2{font-size:1.75rem}.trajectory-multiple{right:20px;top:39px;font-size:2.4rem}.trajectory-multiple>small{max-width:118px;font-size:.6rem}.trajectory-readout{padding:0 20px 18px;gap:12px}.trajectory-readout strong{font-size:1.5rem}.trajectory-readout span{font-size:.65rem}.trajectory-readout .trajectory-year strong{font-size:1.1rem}.trajectory-scrubber{padding:18px 20px;gap:12px}.trajectory-scrubber label{font-size:.65rem}.trajectory-hero figcaption{padding-inline:20px}.trajectory-axis{font-size:20px}.trajectory-end-label{font-size:16px}}
@media(prefers-reduced-motion:reduce){.trajectory-line{animation:none}}
.trajectory-line{animation:none}.trajectory-multiple #hero-multiple{font-size:inherit;letter-spacing:inherit}
.hero{padding-top:65px;align-items:start}.hero h1{font-size:clamp(2.7rem,3.7vw,3.5rem);line-height:1.12}.hero-description{max-width:510px;margin-bottom:24px;line-height:1.7}.hero-investment{margin:0 0 26px}.hero-investment .performance-toolbar{padding:0;background:none;border:0;gap:12px}.hero-investment .performance-toolbar>div{width:100%}.hero-investment .performance-toolbar select{width:100%;background:#f9faf7}.hero-investment #investment-context{font-size:.625rem;color:var(--muted)}.hero-investment .investment-controls{margin:18px 0 14px;align-items:center;flex-direction:row;gap:12px}.hero-investment .investment-controls .eyebrow{margin:0;font-size:.625rem}.hero-investment .investment-tabs button{padding:8px 14px;font-size:.8125rem}.hero-investment .investment-outcomes{padding:17px 18px;gap:18px;background:#e8f0e3}.hero-investment .investment-outcomes strong{font-size:2.05rem;line-height:1.5}.hero-investment .investment-outcomes span,.hero-investment .investment-outcomes small{font-size:.7rem}.hero-investment #investment-caption{font-size:.7rem;line-height:1.5;margin:10px 0}.hero-investment .leverage-note{font-size:.7rem;line-height:1.5;margin:12px 0 0;padding-left:10px}.hero-footnote{margin-top:18px}.hero-actions .button{padding-inline:18px}.hero-actions{gap:20px}.trajectory-hero{align-self:center}
@media(max-width:1100px){.hero h1{font-size:2.8rem}.hero-investment .investment-outcomes strong{font-size:1.65rem}.hero-investment .investment-tabs button{padding-inline:10px}.hero-investment .investment-controls{flex-wrap:wrap}}
@media(max-width:800px){.hero h1{font-size:clamp(2.65rem,7vw,3.8rem)}.hero-investment .investment-outcomes strong{font-size:2.05rem}.hero-investment{max-width:600px}.hero-investment .investment-controls{flex-direction:row}.trajectory-hero{margin:0}.hero{padding-top:45px}}
@media(max-width:480px){.hero-investment .investment-controls{align-items:start;flex-direction:column}.hero-investment .investment-outcomes{grid-template-columns:1fr 1fr;gap:12px;padding:16px}.hero-investment .investment-outcomes>div+div{border:0;padding:0}.hero-investment .investment-outcomes strong{font-size:1.65rem}.hero-investment .investment-outcomes small{font-size:.65rem}}
/* One green canvas for the entire hero. */
.hero-band{background:radial-gradient(ellipse at 85% 15%,#294c38 0,transparent 60%),#172a22;color:#f5f8f2}.hero-band .hero{--ink:#f5f8f2;--muted:#bdd0c2;--green:#b0f1bc;--border:#ffffff20;padding-block:64px 76px}.hero-copy .eyebrow{color:#b0f1bc}.hero-band .hero-copy .line{background:#b0f1bc}.hero-band .hero-description{color:#c0d2c5}.hero-band .hero-investment .performance-toolbar label,.hero-band .hero-investment #investment-context{color:#b3c9bb}.hero-band .hero-investment .performance-toolbar select{background:#203a2d;color:#f5f8f2;border-color:#577362;color-scheme:dark}.hero-band .investment-tabs{background:#ffffff0b;border:1px solid #ffffff16}.hero-band .investment-tabs button{color:#bfd3c5}.hero-band .investment-tabs button[aria-selected=true]{background:#b0f1bc;color:#172a22;box-shadow:none}.hero-band .investment-tabs button:hover{color:#f5f8f2}.hero-band .investment-tabs button[aria-selected=true]:hover{color:#172a22}.hero-band .hero-investment .investment-outcomes{background:#ffffff06;border-color:#ffffff20}.hero-band .investment-outcomes>div:first-child strong{color:#b0f1bc}.hero-band .hero-investment .investment-outcomes span,.hero-band .hero-investment .investment-outcomes small,.hero-band #investment-caption,.hero-band .leverage-note,.hero-band .hero-footnote{color:#b3c9bb}.hero-band .leverage-note{border-color:#6c977c}.hero-band .hero-actions .button.dark{background:#b0f1bc;color:#172a22}.hero-band .hero-actions .button.dark:hover{background:#c8f7d0}.hero-band .hero-actions .text-link{color:#e2ece4;border-color:#789882}.hero-band .hero-actions .text-link:hover{color:#b0f1bc}.hero-band a:focus-visible,.hero-band button:focus-visible,.hero-band select:focus-visible,.hero-band [tabindex]:focus-visible{outline-color:#b0f1bc}.hero-band .trajectory-hero{background:transparent;border:0;border-left:1px solid #ffffff16;border-radius:0;box-shadow:none;overflow:visible}.hero-band .trajectory-hero:before{display:none}.hero-band .trajectory-top{padding-top:0;border-bottom-color:#ffffff16}.hero-band .trajectory-scrubber{background:none}.hero-band .trajectory-hero figcaption{color:#b3c9bb}
@media(max-width:800px){.hero-band .hero{padding-block:44px 50px}.hero-band .trajectory-hero{border-left:0;border-top:1px solid #ffffff20;padding-top:25px;max-width:600px}.hero-band .trajectory-top{padding-inline:0}.hero-band .trajectory-heading,.hero-band .trajectory-readout,.hero-band .trajectory-scrubber,.hero-band .trajectory-hero figcaption{padding-left:0;padding-right:0}.hero-band .trajectory-multiple{right:0}.hero-band .investment-outcomes>div+div{border-color:#ffffff20}}

/* The observatory now fills the hero, with one call to action. */
.hero-band .hero{display:block;padding-block:32px 40px}.hero-band .trajectory-hero{width:100%;max-width:none;border:0;padding:0;margin:0}.hero-band .trajectory-top{padding:0 0 18px}.hero-band .trajectory-heading{padding:26px 0 0}.hero-band .trajectory-heading h1{font:550 clamp(2.2rem,4vw,3.6rem)/1.1 var(--display);letter-spacing:-.055em;margin:0;padding-right:240px}.hero-band .trajectory-heading .eyebrow{font-size:.7rem}.hero-band .trajectory-multiple{top:30px;right:0;font-size:3.6rem}.hero-band .trajectory-multiple>small{font-size:.7rem;max-width:180px}.hero-band .trajectory-chart{margin-top:12px}.hero-band .trajectory-readout{padding:0 0 18px;grid-template-columns:1fr 1fr auto}.hero-band .trajectory-readout strong{font-size:2.5rem}.hero-band .trajectory-scrubber{padding:18px 0}.hero-band .trajectory-hero figcaption{padding:14px 0 0}.hero-band .hero-actions{justify-content:center;margin-top:24px}.returns-investment{margin:36px 0}.returns-investment .performance-toolbar{margin-bottom:24px}.returns-investment .investment-controls h3{margin:0}.returns-investment .investment-outcomes{margin-top:20px}
@media(max-width:800px){.hero-band .hero{padding-block:26px 32px}.hero-band .trajectory-heading h1{padding-right:160px;font-size:2.4rem;max-width:530px}.hero-band .trajectory-multiple{font-size:2.8rem}.hero-band .trajectory-multiple>small{max-width:130px;font-size:.65rem}.hero-band .trajectory-readout strong{font-size:1.9rem}}
@media(max-width:480px){.hero-band .trajectory-top .mono{font-size:.55rem}.hero-band .trajectory-heading h1{padding-right:125px;font-size:2rem}.hero-band .trajectory-multiple{font-size:2.4rem}.hero-band .trajectory-multiple>small{max-width:115px;font-size:.6rem}.hero-band .trajectory-readout strong{font-size:1.5rem}.hero-band .trajectory-readout .trajectory-year strong{font-size:1.1rem}}

/* Compact navigation and copy layered over the open side of the chart. */
.site-header{height:68px;gap:24px}.site-header .brand{font-size:1.5rem}.site-header .brand-mark{width:27px;height:28px;font-size:1.8rem;line-height:30px;margin-right:8px}.site-header nav{gap:26px;margin-right:12px}.site-header nav a{font-size:.8rem}.site-header>.button{padding:9px 15px;font-size:.78rem}html{scroll-padding-top:76px}.hero-band .hero{padding-top:24px}.hero-band .trajectory-hero{position:relative}.hero-band .trajectory-top{padding-bottom:18px;padding-right:220px}.hero-band .trajectory-multiple{top:0;right:0;font-size:2.3rem;display:flex;align-items:baseline;gap:2px}.hero-band .trajectory-multiple>span{font-size:1.25rem}.hero-band .trajectory-multiple #hero-multiple{font-size:inherit}.hero-band .trajectory-multiple>small{font-size:.6rem;max-width:96px;margin:0 0 0 12px;line-height:1.4}.trajectory-stage{position:relative}.hero-band .trajectory-heading{position:absolute;top:42px;left:4%;z-index:2;padding:0;max-width:450px;width:43%}.hero-band .trajectory-heading h1{font-size:clamp(2.4rem,4.1vw,3.5rem);padding:0;line-height:1.06}.hero-band .trajectory-heading .eyebrow{margin-bottom:14px}.trajectory-support{font-size:.95rem;line-height:1.65;color:#c0d2c5;max-width:365px;margin:18px 0 20px}.hero-band .trajectory-heading .button.dark{background:#b0f1bc;color:#172a22;padding:13px 23px}.hero-band .trajectory-heading .button.dark:hover{background:#c8f7d0}.hero-band .trajectory-axis text:last-child{display:none}.hero-band .trajectory-chart{margin-top:10px}
@media(max-width:800px){.site-header{height:62px}.hero-band .trajectory-heading{top:30px;width:48%;max-width:320px}.hero-band .trajectory-heading h1{font-size:2.4rem}.trajectory-support{font-size:.85rem;margin:14px 0 18px}.hero-band .trajectory-top{padding-right:185px}.hero-band .trajectory-multiple{font-size:1.9rem}.hero-band .trajectory-multiple>small{font-size:.55rem;max-width:82px;margin-left:8px}}
@media(max-width:480px){.site-header{height:58px;gap:12px}.site-header .brand{font-size:1.25rem}.site-header>.button{font-size:.65rem;padding:8px 10px}.hero-band .trajectory-top{padding-right:0;padding-bottom:13px}.hero-band .trajectory-top .mono{font-size:.5rem}.hero-band .trajectory-multiple{position:relative;justify-content:flex-end;margin-top:12px}.hero-band .trajectory-heading{top:15px;left:2%;width:59%;max-width:245px}.hero-band .trajectory-heading h1{font-size:1.9rem}.hero-band .trajectory-heading .eyebrow{font-size:.5rem;margin-bottom:10px}.trajectory-support{font-size:.72rem;line-height:1.5;margin:10px 0 12px}.hero-band .trajectory-heading .button.dark{font-size:.7rem;padding:10px 14px}.hero-band .trajectory-chart{margin-top:20px}}

@media(min-width:801px){.hero-band .trajectory-heading{top:22px}.hero-band .trajectory-heading h1{font-size:clamp(2.4rem,3.8vw,3.2rem)}}
@media(max-width:480px){.hero-band .trajectory-chart{height:330px}}

.hero-band button.trajectory-badge{background:#ffffff05;cursor:pointer;transition:background .18s,border-color .18s;padding:6px 10px;font-family:var(--body)}.hero-band button.trajectory-badge:hover{background:#b0f1bc18;border-color:#b0f1bc}.hero-band button.trajectory-badge[aria-pressed=true]{background:#b0f1bc;color:#172a22;border-color:#b0f1bc}.hero-band button.trajectory-badge:disabled{opacity:.5;cursor:default}

@media(min-width:481px){.hero-band .trajectory-top{padding-right:290px}}

.engine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:800px){.engine-grid{grid-template-columns:1fr}}

.engine-grid{grid-template-columns:1fr}.engine-grid .engine{max-width:none}

.trader-context{padding:30px 0 20px;border-top:1px solid var(--border)}.trader-context>.eyebrow{color:var(--green);margin-bottom:10px}.trader-context>h3{font:600 clamp(1.8rem,3vw,2.5rem)/1.2 var(--display);letter-spacing:-.045em;margin:0 0 28px}.trader-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.trader-context-grid article{border:1px solid var(--border);border-radius:7px;background:#fff;padding:25px;display:flex;flex-direction:column}.trader-context-grid .mono{font-size:.6rem;color:var(--muted)}.trader-context-grid strong{font:550 clamp(2.8rem,4vw,4rem)/1.2 var(--display);letter-spacing:-.055em;color:var(--green);margin:22px 0 14px}.trader-context-grid h4{font:600 1.15rem/1.3 var(--display);letter-spacing:-.025em;margin:0 0 14px}.trader-context-grid p{font-size:.85rem;color:var(--muted);margin:0 0 20px}.trader-context-grid a{font-size:.7rem;align-self:start;margin-top:auto}.trader-context-grid .trader-engine-stat{background:#eaf3e7;border-color:#bbd3b9}.trader-context-note{font-size:.75rem;color:var(--muted);max-width:960px;margin:16px 0 0}@media(max-width:800px){.trader-context-grid{grid-template-columns:1fr}.trader-context-grid strong{font-size:3.5rem}}

/* The green observatory header is now the site's navigation bar. */
.hero-band .hero-navbar.trajectory-top{display:flex;align-items:center;gap:24px;flex-wrap:nowrap;padding:0 0 20px;min-height:56px}.hero-navbar .brand{font-size:1.5rem;color:#f5f8f2}.hero-navbar .brand-mark{background:#b0f1bc;color:#172a22;width:28px;height:29px;font-size:1.85rem;line-height:31px;margin-right:9px}.hero-navbar .brand-period{color:#b0f1bc}.hero-navbar nav{display:flex;gap:24px;margin:0 0 0 auto}.hero-navbar nav a{font-size:.8rem;color:#c0d2c5;white-space:nowrap}.hero-navbar nav a:hover{color:#b0f1bc}.hero-band .hero-navbar .trajectory-multiple{position:static;margin:0;white-space:nowrap;font-size:2rem}.hero-band .hero-navbar .trajectory-multiple small{font-size:.6rem;max-width:none;white-space:nowrap;margin-left:8px}.hero-navbar .trajectory-badge{flex-shrink:0}.hero-band .trajectory-chart{min-height:440px}.hero-band .trajectory-heading{top:18px}
@media(max-width:1100px){.hero-navbar nav{display:none}.hero-band .hero-navbar{justify-content:space-between;gap:18px}.hero-band .hero-navbar .trajectory-multiple{font-size:1.85rem}.hero-navbar .brand{font-size:1.4rem}}
@media(max-width:800px){.hero-band .trajectory-chart{min-height:480px}.hero-band .trajectory-heading{top:24px}.hero-band .hero-navbar.trajectory-top{padding-bottom:16px;gap:14px}.hero-band .hero-navbar .trajectory-multiple{font-size:1.7rem}.hero-band .hero-navbar .trajectory-multiple small{font-size:.55rem;margin-left:6px}}
@media(max-width:480px){.hero-band .hero-navbar.trajectory-top{flex-wrap:wrap;gap:14px}.hero-navbar .brand{font-size:1.35rem}.hero-navbar .trajectory-badge{margin-left:auto}.hero-band .hero-navbar .trajectory-multiple{flex-basis:100%;justify-content:flex-end}.hero-band .trajectory-chart{height:390px;min-height:390px}.hero-band .trajectory-heading{top:18px}}

/* Keep the logo, comparison, and exposure control together on phones. */
.hero-band .hero-navbar .trajectory-multiple{align-items:baseline}
@media(max-width:480px){
 .hero-band .hero-navbar.trajectory-top{flex-wrap:nowrap;gap:10px;justify-content:space-between}
 .hero-navbar .brand{font-size:1.1rem;flex-shrink:0;letter-spacing:-.05em}
 .hero-navbar .brand-mark{width:23px;height:25px;font-size:1.6rem;line-height:27px;margin-right:6px}
 .hero-band .hero-navbar .trajectory-multiple{flex-basis:auto;display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:center;font-size:1.35rem;line-height:1;letter-spacing:-.04em;gap:0}
 .hero-band .hero-navbar .trajectory-multiple>span:nth-child(2){font-size:.65em;align-self:baseline}
 .hero-band .hero-navbar .trajectory-multiple small{grid-column:1 / -1;text-align:center;margin:5px 0 0;font-size:.48rem;letter-spacing:0}
 .hero-band .hero-navbar .trajectory-badge{margin:0;padding:7px 8px;font-size:.58rem;white-space:nowrap}
}

.hero-band .hero-navbar .trajectory-multiple>span:nth-child(2){position:relative;top:.13em}

.notification-section{padding-block:85px}.notification-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.notification-plan{padding:36px;border:1px solid var(--border);border-radius:8px;background:#fff;display:flex;flex-direction:column}.notification-plan>.mono{font-size:.7rem;color:var(--green)}.notification-plan h3{font:600 1.7rem/1.2 var(--display);letter-spacing:-.04em;margin:18px 0}.notification-plan>strong{font:500 1.5rem/1.3 var(--display);margin-bottom:18px}.notification-plan p,.notification-plan li{color:var(--muted);font-size:.95rem}.notification-plan ul{padding-left:18px;margin:0 0 28px}.notification-plan li{margin-bottom:9px}.notification-plan .text-link{margin-top:auto;align-self:start}.notification-paid{background:#eaf3e7;border-color:#bbd3b9}@media(max-width:800px){.notification-section{padding-block:55px}.notification-plans{grid-template-columns:1fr}.notification-plan{padding:26px}}

.brand img.brand-mark,.hero-navbar img.brand-mark{display:block;object-fit:contain;background:transparent;line-height:normal;flex-shrink:0;height:auto;aspect-ratio:1;border-radius:0}

@media(max-width:480px){.hero-band .trajectory-chart{height:435px;min-height:435px}}

.hero-headline-term{white-space:normal}@media(max-width:800px){.hero-band .trajectory-heading h1{font-size:1.85rem}}@media(max-width:480px){.hero-band .trajectory-heading h1{font-size:1.6rem}}

/* The tile and central dot stay still as the two i forms change state. */
.brand .flux-icon{display:inline-grid;flex-shrink:0;aspect-ratio:1;height:auto;background:transparent;border-radius:0;overflow:visible;line-height:normal}
.flux-icon svg{display:block;width:100%;height:100%}
.flux-icon .flux-stem-left,.flux-icon .flux-stem-right,.flux-icon .flux-dot-left,.flux-icon .flux-dot-right{transition:transform 850ms cubic-bezier(.22,.61,.36,1)}
.flux-icon.is-inverted .flux-stem-left{transform:translateY(14px)}
.flux-icon.is-inverted .flux-dot-left{transform:translateY(-31px)}
.flux-icon.is-inverted .flux-stem-right{transform:translateY(-14px)}
.flux-icon.is-inverted .flux-dot-right{transform:translateY(31px)}
.notification-placeholder{background:transparent;border-style:dashed}
.notification-placeholder>.mono{color:var(--muted)}
.offer-status{align-self:start;margin-top:auto;padding:7px 11px;border-radius:4px;background:#e7ebe5;color:var(--muted);font-size:.8rem}
@media(prefers-reduced-motion:reduce){.flux-icon svg *{transition:none}}
@media(min-width:801px){.hero-band .trajectory-chart{min-height:480px}}

.hero-headline-word{white-space:nowrap}

/* Thorium evidence and the complete membership share the existing Flux Lab palette. */
.hero-offer-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.hero-band .trajectory-heading>.eyebrow{color:#b0f1bc;font-size:.75rem;letter-spacing:.08em}
.classic-section{padding-top:85px}
.classic-section .section-heading>p{max-width:400px}
.classic-period{font-size:.875rem;color:var(--muted);margin:0 0 28px}
.classic-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:30px 0;border-block:1px solid var(--border);margin-bottom:28px}
.classic-proof>div{display:flex;flex-direction:column;gap:8px}
.classic-proof strong{font:550 clamp(2.4rem,4vw,3.7rem)/1.15 var(--display);letter-spacing:-.055em;color:var(--green)}
.classic-proof span{font-size:.875rem;color:var(--muted)}
.classic-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:7px;background:#fff;scrollbar-width:thin}
.classic-table{min-width:760px;width:100%;margin:0}
.classic-table caption{text-align:left;padding:18px 22px;font-size:.875rem;color:var(--muted);border-bottom:1px solid var(--border)}
.classic-table th,.classic-table td{font-size:.875rem;padding:15px 20px;white-space:nowrap}
.classic-table thead th{white-space:normal;max-width:180px}
.classic-table tbody tr.featured{background:#e5f2e1}
.classic-table tbody tr.featured th,.classic-table tbody tr.featured td{color:var(--green);font-weight:650}
.classic-note{font-size:.875rem;color:var(--muted);margin:18px 0 12px;max-width:1000px}
.classic-membership-link{margin-top:24px;display:inline-block}
.classic-tabs{width:fit-content;margin-bottom:24px;flex-wrap:wrap}
.success-definitions{display:flex;gap:16px 36px;flex-wrap:wrap;margin:0 0 18px}
.success-definitions p{font-size:1rem;color:var(--muted);margin:0}
.success-definitions strong{color:var(--ink)}
.success-summary{font-size:1rem;margin:0 0 24px;color:var(--muted)}
.success-summary strong{color:var(--green)}
.success-table .success-cell strong{font:600 1.05rem/1.5 var(--body);display:block}
.success-table .success-cell span{display:block;font-size:.8125rem;font-weight:400;color:var(--muted)}
.success-table .featured .success-cell span{color:var(--green)}
.membership-status{font-size:.875rem;color:var(--muted);padding:14px 18px;background:#e7ece4;border-left:3px solid #9ab79a;margin:0 0 28px;border-radius:0 4px 4px 0}
.membership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);border-left:1px solid var(--border)}
.membership-feature{padding:30px;display:flex;flex-direction:column;border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:#fff}
.membership-feature>.mono,.membership-feature .engine-top>.mono{font-size:.75rem;color:var(--green)}
.membership-feature h3{font:600 1.45rem/1.25 var(--display);letter-spacing:-.035em;margin:22px 0 16px}
.membership-feature p{font-size:1rem;color:var(--muted);line-height:1.75;margin:0 0 24px}
.membership-feature .engine-link{margin-top:auto;align-self:start}
.membership-flagship{background:#172a22;color:#fff}
.membership-flagship .mono,.membership-flagship p{color:#c0d2c5}
.membership-flagship .pill{color:#b0f1bc;border-color:#496454;font-size:.7rem}
.membership-flagship .engine-top>.mono{color:#b0f1bc}
.membership-flagship .engine-link{color:#b0f1bc;border-color:#729582}
.notification-plan>strong.membership-price{font:550 3.4rem/1.2 var(--display);letter-spacing:-.055em;margin-bottom:0}
.membership-price>span{font:400 1rem/1.6 var(--body);color:var(--muted);letter-spacing:0}
.notification-plan .billing-detail{font-size:.875rem;margin:12px 0 28px;min-height:3.2em}
.notification-plan .button{align-self:start;margin-top:auto}
.notification-plan .plan-footnote{font-size:.875rem;margin:18px 0 0}
.plan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.plan-heading .mono{font-size:.75rem;color:var(--green)}
.plan-saving{font-size:.8125rem;font-weight:600;background:#b0e5b7;color:#172a22;border-radius:4px;padding:4px 9px}
.free-research{display:flex;align-items:center;justify-content:space-between;gap:40px;border-block:1px solid var(--border);padding:30px 0;margin-top:32px}
.free-research .eyebrow{color:var(--green);margin:0 0 10px}
.free-research h3{font:600 1.6rem/1.2 var(--display);letter-spacing:-.04em;margin:0 0 14px}
.free-research p:not(.eyebrow){font-size:1rem;color:var(--muted);margin:0;max-width:600px}
.free-research .button{flex-shrink:0}
.membership-dialog-benefits{padding-left:22px;color:var(--muted);font-size:1rem;line-height:1.8}
#membership-billing{font-size:1rem}
#alert-body{white-space:pre-line}
@media(max-width:1000px){.membership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-band .trajectory-heading .trajectory-support{max-width:330px}}
@media(max-width:800px){.classic-section{padding-top:55px}.classic-proof{gap:16px;padding:24px 0}.classic-proof strong{font-size:2.4rem}.classic-proof span{font-size:.8125rem}.hero-band .trajectory-heading{position:relative;top:auto;left:auto;width:100%;max-width:none;margin-top:24px}.hero-band .trajectory-heading h1{font-size:clamp(2.3rem,7vw,3.4rem)}.hero-band .trajectory-heading .trajectory-support{max-width:550px;font-size:1rem;line-height:1.65;margin:18px 0 22px}.hero-offer-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:16px}.hero-band .trajectory-heading .button.dark{font-size:.875rem;padding:13px 20px}.hero-band .trajectory-chart{height:auto;min-height:0;margin-top:20px}.free-research{flex-direction:column;align-items:start;gap:24px}}
@media(max-width:600px){.membership-grid{grid-template-columns:1fr}.membership-feature{padding:26px}.membership-feature h3{font-size:1.5rem}.classic-proof{grid-template-columns:1fr;gap:20px}.classic-proof>div{flex-direction:row;align-items:baseline;justify-content:space-between;gap:16px}.classic-proof strong{font-size:2.5rem}.classic-proof span{text-align:right;max-width:160px;font-size:.875rem}.notification-plan>strong.membership-price{font-size:3rem}.hero-offer-actions{flex-direction:column;align-items:flex-start}.notification-plan .billing-detail{min-height:0}.membership-flagship .engine-top{flex-wrap:wrap}}
@media(min-width:801px){.hero-band .trajectory-heading{width:48%;max-width:520px}.hero-band .trajectory-heading h1{font-size:clamp(2.2rem,3.4vw,2.9rem)}}

.hero-market-switch{display:flex;gap:8px;padding:18px 0 0}
.hero-market-switch button{font:500 .78rem var(--body);color:#b4c9bd;border:1px solid transparent;background:transparent;border-radius:5px;padding:8px 13px;cursor:pointer}
.hero-market-switch button[aria-pressed="true"]{background:rgba(176,241,188,.12);border-color:rgba(176,241,188,.35);color:#b0f1bc}
.hero-market-switch button:hover{color:#d1f9d9;border-color:rgba(176,241,188,.35)}
.hero-market-switch button:focus-visible{outline:2px solid #b0f1bc;outline-offset:3px}
@media(max-width:480px){.hero-market-switch{padding-top:12px}.hero-market-switch button{font-size:.7rem;padding:7px 10px}}
/* Market views and historical execution markers in the detailed comparison. */
.performance-market-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.performance-market-switch button{font:500 .8rem var(--body);padding:8px 13px;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--muted);cursor:pointer}
.performance-market-switch button[aria-pressed="true"]{background:#edf5e8;border-color:#b7ceb4;color:var(--green)}
.performance-market-switch button:hover{color:var(--green);border-color:#b7ceb4}
.performance-market-switch button:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.performance-chart{position:relative}
.trade-marker{cursor:pointer;outline:none;--marker-color:#136842}
.trade-sell{--marker-color:#aa592c}
.trade-marker-stem{stroke:var(--marker-color);stroke-width:1;fill:none}
.trade-marker-point{fill:var(--marker-color);stroke:#fff;stroke-width:1}
.trade-marker-hit{fill:transparent;pointer-events:all}
.trade-marker-badge{fill:#fff;stroke:var(--marker-color);stroke-width:1.5}
.trade-marker-arrow{fill:var(--marker-color)}
.trade-marker:hover .trade-marker-badge,.trade-marker:focus .trade-marker-badge,.trade-marker.is-active .trade-marker-badge{stroke-width:3;fill:#f3f4f0}
.signal-chart-hint{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;color:var(--muted);font-size:.73rem;line-height:1.5;margin:13px 0 0}
.signal-buy-key{color:#136842}.signal-sell-key{color:#aa592c}
.signal-tooltip{position:absolute;z-index:5;width:300px;max-width:calc(100% - 8px);background:#172a22;color:#f5f8f2;border:1px solid #395848;border-radius:8px;padding:16px;box-shadow:0 12px 35px #172a2233;font-size:.75rem;line-height:1.45}
.signal-tooltip[hidden]{display:none}
.signal-tooltip .signal-buy-key{color:#b0f1bc}.signal-tooltip .signal-sell-key{color:#ffbf92}
.signal-tooltip-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.signal-tooltip-heading strong{font-size:.86rem}
.signal-tooltip-close{border:0;background:transparent;color:#c0d2c5;cursor:pointer;font-size:1.1rem;line-height:1;padding:0 2px}
.signal-tooltip dl{margin:0}.signal-tooltip dt{font-size:.65rem;color:#94ae9e;margin-top:8px}.signal-tooltip dd{margin:2px 0 0}.signal-tooltip p{font-size:.62rem;color:#94ae9e;margin:12px 0 0}
@media(max-width:480px){.performance-market-switch{gap:4px}.performance-market-switch button{font-size:.7rem;padding:7px 9px}.signal-tooltip{font-size:.73rem;padding:13px}.signal-chart-hint{font-size:.65rem;gap:7px 14px}}

.signal-chart-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding-block:3px}
@media(max-width:800px){.signal-chart-scroll svg{min-width:760px}.signal-chart-scroll{scrollbar-width:thin;scrollbar-color:#b7ceb4 #f3f4f0}}
/* Signal prices reveal the market moves hidden by a cash balance. */
.chart-view-note{font-size:.75rem;line-height:1.55;color:var(--muted);margin:12px 0 18px;max-width:680px}
/* The detailed market picker includes a synchronized exposure toggle. */
.performance-chart-toolbar{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.performance-chart-toolbar .performance-market-switch{margin:0;padding:0;border:0;flex:1;min-width:0}
.performance-exposure{font:500 .72rem var(--mono);padding:9px 12px;white-space:nowrap;flex-shrink:0;border:1px solid #b7ceb4;border-radius:5px;color:var(--green);background:#edf5e8;cursor:pointer}
.performance-exposure[aria-pressed="true"]{color:#b0f1bc;background:#172a22;border-color:#172a22}
.performance-exposure:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.signal-chart-title{font-size:1rem;letter-spacing:-.02em;margin:24px 0 0}
@media(max-width:480px){.performance-chart-toolbar{gap:6px}.performance-exposure{padding:8px 10px}.performance-exposure .exposure-word{display:none}}

@media(max-width:480px){.hero-band .trajectory-heading h1{font-size:clamp(1.7rem,8vw,2rem)}}


.investor-context{padding-block:70px}
.investor-context>h2{font:600 clamp(1.8rem,3vw,2.5rem)/1.2 var(--display);letter-spacing:-.045em;margin:0 0 28px}
.investor-context .trader-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.investor-context .trader-context-grid h3{font:600 1.15rem/1.3 var(--display);letter-spacing:-.025em;margin:0 0 14px}
@media(max-width:800px){.investor-context{padding-block:44px}.investor-context .trader-context-grid{grid-template-columns:1fr}}

.how-engine-works{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding-block:64px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:64px}
.how-engine-works .eyebrow{color:var(--green)}
.how-engine-description{font-size:1.1rem;line-height:1.85;color:var(--muted);margin:0;align-self:center;max-width:660px}
@media(max-width:800px){.how-engine-works{grid-template-columns:1fr;gap:24px;padding-block:40px;margin-top:40px}.how-engine-description{font-size:1rem;line-height:1.75}}

.hero-band .trajectory-heading>.hero-introduction{color:rgb(176 241 188 / 60%)}
.hero-introduction strong{font-weight:800;color:#baffca;text-shadow:0 0 6px #91f5ac55,0 0 16px #91f5ac33}

/* Header navigation and the separate market/exposure control row. */
.hero-band .hero-navbar.trajectory-top{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding-bottom:20px}
.hero-menu-toggle{width:42px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #75988155;border-radius:5px;background:transparent;color:#b0f1bc}
.hero-menu-toggle span{display:block;width:19px;height:2px;background:currentColor;transition:transform .18s,opacity .18s}
.hero-menu-toggle:hover{background:#b0f1bc12}
.hero-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}
.hero-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.hero-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
.hero-navbar #hero-site-nav{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 24px;margin:0;padding:14px 0 0;border-top:1px solid #ffffff14}
.hero-navbar #hero-site-nav[hidden]{display:none}
.hero-navbar #hero-site-nav a{padding:10px 12px;border-radius:4px;white-space:normal;font-size:.85rem}
.hero-navbar #hero-site-nav a:hover{background:#b0f1bc12;color:#b0f1bc}
.hero-controls{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:18px 0 0}
.hero-controls .hero-market-switch{padding:0;gap:8px;min-width:0}
.hero-band .hero-controls .trajectory-multiple{position:static;display:flex;align-items:baseline;justify-content:center;gap:2px;margin:0;white-space:nowrap;font-size:1.4rem;line-height:1;letter-spacing:-.04em}
.hero-band .hero-controls .trajectory-multiple>span:nth-child(2){font-size:.7em}
.hero-band .hero-controls .trajectory-multiple>small{font-size:.6rem;margin-left:7px;max-width:none;white-space:nowrap}
.hero-controls .trajectory-badge{justify-self:end;margin:0;font-size:.625rem;padding:7px 10px;white-space:nowrap}
.hero-data-controls{display:flex;align-items:center;gap:24px;justify-self:end}
@media(max-width:800px){.hero-controls{grid-template-columns:1fr;row-gap:18px}.hero-controls .hero-market-switch{grid-column:1;grid-row:1}.hero-data-controls{grid-column:1;grid-row:2;justify-self:center}}
@media(max-width:600px){.hero-navbar #hero-site-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px}.hero-navbar #hero-site-nav a{font-size:.8rem;padding:9px 6px}.hero-controls{gap:12px 8px;padding-top:14px}.hero-controls .hero-market-switch{gap:4px;flex-wrap:wrap}.hero-controls .trajectory-badge{font-size:.55rem;padding:7px}.hero-band .hero-controls .trajectory-multiple{font-size:1.15rem}.hero-band .hero-controls .trajectory-multiple>small{font-size:.5rem;margin-left:5px}}
@media(prefers-reduced-motion:reduce){.hero-menu-toggle span{transition:none}}

@media(max-width:600px){.hero-data-controls{gap:18px}}

/* Mobile presentation: center focal content, retain readable detailed text. */
@media(max-width:800px){
  .hero-controls .hero-market-switch{justify-content:center}
  .hero-band .trajectory-heading{text-align:center}
  .hero-band .trajectory-heading h1{margin-inline:auto}
  .hero-band .trajectory-heading .trajectory-support{margin-inline:auto}
  .hero-offer-actions{align-items:center;justify-content:center}
  .trajectory-readout>div{text-align:center}
  .trajectory-readout span{justify-content:center}
  .section-heading>div{width:100%;text-align:center}
  .section-heading>p{width:100%;text-align:center;align-self:center;margin-inline:auto}
  .how-engine-works>div:first-child,.faq-section>div:first-child{text-align:center}
  .approach-layout>div:first-child>.eyebrow,.approach-layout>div:first-child>h2{text-align:center}
  .investor-context>.eyebrow,.investor-context>h2{text-align:center}
  .classic-proof>div{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}
  .classic-proof span{max-width:none;text-align:center}
  .return-highlights>div,.investment-outcomes>div{text-align:center}
  .investment-controls>div:first-child{width:100%;text-align:center}
  .benchmark-story h3,.benchmark-story .eyebrow,.signal-chart-title{text-align:center}
  .trader-context-grid article>.mono,.trader-context-grid article>strong,.trader-context-grid article>h3{text-align:center;align-self:center}
  .notification-plan>.mono,.notification-plan>h3,.notification-plan>.membership-price,.notification-plan>.billing-detail{text-align:center}
  .notification-plan .plan-heading{justify-content:center;flex-wrap:wrap}
  .notification-plan .button{align-self:center}
  .free-research>div{width:100%}
  .free-research .eyebrow,.free-research h3{text-align:center}
}

/* Keep hero controls secondary to the headline and chart. */
.hero-controls .hero-market-switch button{font-size:.72rem;font-weight:400;color:#a5b8ac;padding:7px 11px}
.hero-controls .hero-market-switch button[aria-pressed=true]{color:#b5d2bd;font-weight:500;background:#b0f1bc08;border-color:#b0f1bc29}
.hero-controls .hero-market-switch button:hover{color:#c7dfcd;background:#b0f1bc0c;border-color:#b0f1bc33}
.hero-band .hero-controls .trajectory-multiple{font-size:1.1rem;color:#a9c6b2}
.hero-band .hero-controls .trajectory-multiple>small{font-size:.55rem;color:#97ada0}
.hero-controls .trajectory-badge{font-size:.6rem;color:#a5bcae;border-color:#b0f1bc29;background:transparent}
.hero-controls .trajectory-badge:hover{color:#c7dfcd;border-color:#b0f1bc44;background:#b0f1bc08}
@media(max-width:800px){.hero-controls .hero-market-switch button{min-height:44px}.hero-controls .trajectory-badge{min-height:44px}.hero-band .hero-controls .trajectory-multiple{font-size:1.05rem}}
@media(max-width:480px){.hero-controls .hero-market-switch button{font-size:.68rem;padding-inline:9px}.hero-controls .trajectory-badge{font-size:.55rem}}

/* Compact secondary hero controls. */
.hero-controls .hero-market-switch button{font-size:.66rem;padding:5px 9px}
.hero-band .hero-controls .trajectory-multiple{font-size:.95rem}
.hero-band .hero-controls .trajectory-multiple>small{font-size:.5rem}
.hero-controls .trajectory-badge{font-size:.53rem;padding:5px 8px}
.hero-data-controls{gap:18px}
@media(max-width:800px){.hero-band .hero-controls .trajectory-multiple{font-size:.95rem}.hero-controls .hero-market-switch button,.hero-controls .trajectory-badge{min-height:44px}}
@media(max-width:480px){.hero-controls .hero-market-switch button{font-size:.64rem;padding-inline:8px}.hero-data-controls{gap:14px}}

/* Shorter visible controls; mobile touch area extends beyond the border. */
.hero-controls{padding-top:12px}
.hero-controls .hero-market-switch button,.hero-controls .trajectory-badge{position:relative;min-height:28px;padding-block:3px;line-height:1.35}
@media(max-width:800px){.hero-controls{row-gap:18px}}
@media(max-width:800px){
  .hero-controls .hero-market-switch button,.hero-controls .trajectory-badge{min-height:28px}
  .hero-controls .hero-market-switch button::after,.hero-controls .trajectory-badge::after{content:'';position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
}

.hero-controls .hero-market-switch button,.hero-controls .trajectory-badge{min-height:24px;padding-block:2px}
@media(max-width:800px){
  .hero-controls .hero-market-switch button,.hero-controls .trajectory-badge{min-height:24px}
  .hero-controls{row-gap:20px}
  .hero-navbar #hero-site-nav a{text-align:center}
}
.hero-band .hero-controls .trajectory-badge{height:24px;padding-block:2px}

/* Center the mobile editorial flow, including section introductions and cards. */
@media(max-width:800px){
  .classic-period,.classic-note,.success-definitions,.success-summary,
  .benchmark-story p,.how-engine-description,.membership-status,
  .membership-feature,.sample-overview,.sample-details,.approach-intro,
  .principles article,.trader-context-grid article,.trader-context-note,
  .notification-plan .plan-footnote,.free-research p,
  .performance-period,.performance-insight,.performance-note,
  .chart-view-note,.chart-caption,.leverage-note,#investment-caption{text-align:center}
  .classic-note,.benchmark-story p,.how-engine-description,.approach-intro,
  .trader-context-note,.free-research p{margin-inline:auto}
  .classic-tabs,.investment-tabs{margin-inline:auto}
  .success-definitions{justify-content:center}
  .classic-membership-link{display:table;margin-inline:auto}
  .membership-feature .engine-top{justify-content:center;flex-wrap:wrap}
  .membership-feature .engine-link,.trader-context-grid .engine-link{align-self:center}
  .sample-chips,.preview-toolbar{justify-content:center}
  .approach-layout>div:first-child{text-align:center}
  .principles article{flex-direction:column;align-items:center;gap:12px}
  .free-research{align-items:center}
  .faq-list summary{text-align:center;padding-inline:32px}
  .faq-list details p{text-align:center;margin-inline:0}
  .footer-main{align-items:center;text-align:center}
  .footer-main>a:last-child{margin-inline:auto}
  .footer-bottom{text-align:center;align-items:center}
  .footer-bottom p{text-align:center}
}

/* Balance the mobile hero statistics and tighten its control strip. */
@media(max-width:800px){
  .hero-band .trajectory-readout{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:center}
  .hero-band .trajectory-readout>div{min-width:0;justify-self:stretch}
  .hero-band .trajectory-readout>div>span{justify-content:center;min-height:2.5em}
  .hero-band .trajectory-readout>div>span>span{display:inline}
  .hero-band .trajectory-readout .trajectory-year strong{padding-top:0}
  .hero-band .hero-controls{padding-top:4px}
  .hero-band .hero-controls .trajectory-multiple>small{margin-top:0}
}

@media(max-width:800px){
  .hero-band .trajectory-heading .hero-controls{margin-top:20px;width:100%}
}

/* Remove the mobile gap above the plot. */
@media(max-width:800px){
  .hero-band .trajectory-heading .hero-controls{padding:0;margin-bottom:0}
  .hero-band .trajectory-chart{margin-top:0;padding:0}
}

/* Inbox previews and complete research messages. */
#sample-title,#alert-heading{white-space:pre-line}
.research-chart{margin:24px 0 0;padding:20px 16px;background:#f7f9f5;border:1px solid var(--border);border-radius:6px}
.research-chart h4{font:600 1rem/1.4 var(--display);margin:0 0 16px;letter-spacing:-.02em}
.research-chart svg{display:block;width:100%;height:auto;overflow:visible}
.research-chart-grid{stroke:#dce4d9;stroke-width:1}
.research-chart-reference{stroke:#78887c;stroke-width:1.5;stroke-dasharray:5 5}
.research-chart-reference-key{color:var(--muted);flex-basis:100%;justify-content:center}
.research-chart-window{font-size:.75rem!important;color:var(--muted);margin:-6px 0 16px!important;line-height:1.6}
.research-chart-readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--border)}
.research-chart-readouts dt{font-size:.7rem;color:var(--muted);margin-bottom:4px}
.research-chart-readouts dd{font-size:.75rem;font-weight:550;line-height:1.5;margin:0}
.research-chart-axis{fill:#626d63;font:13px var(--body)}
.research-chart-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;font-size:.75rem;margin-top:6px}
.research-chart-legend span{display:inline-flex;align-items:center;gap:7px}
.research-chart-legend i{width:16px;height:3px;border-radius:2px}
.research-chart-legend i.dashed{background:none!important;border-top:3px dashed currentColor}
.research-chart figcaption{font-size:.75rem;line-height:1.6;color:var(--muted);margin-top:16px}
#sample-chart{margin-bottom:24px}
@media(max-width:800px){.research-chart h4,.research-chart figcaption,.research-chart-window,.research-chart-readouts{text-align:center}}
@media(max-width:480px){.research-chart{padding:16px 12px}.research-chart-axis{font-size:15px}}
/* Land sample links on the eyebrow, allowing for section padding and the page anchor offset. */
#preview{scroll-margin-top:calc(16px - 76px - 100px)}
@media(max-width:800px){#preview{scroll-margin-top:calc(16px - 76px - 65px)}}
.preview-toolbar .tabs{flex-wrap:wrap}
.preview-toolbar .preview-label{letter-spacing:.04em}
#sample-panel[data-tone=recovery] .sample-chips span:first-child{background:#ddf1e1;color:#136842}
#sample-panel[data-tone=caution] .sample-chips span:first-child{background:#fae7d5;color:#96542e}
#sample-panel[data-tone=research] .sample-chips span:first-child{background:#e4ebe9;color:#35564c}
#sample-panel .sample-details div{padding-block:16px}
#sample-panel .sample-details span{font-size:.65rem}
#alert-dialog{max-width:760px;max-height:90dvh;padding:32px;overflow-y:auto;overscroll-behavior:contain}
#alert-dialog .dialog-top{margin-bottom:20px}
.message-envelope{display:grid;grid-template-columns:68px 1fr;gap:6px 12px;padding-bottom:22px;color:var(--muted);font-size:.8rem}
.message-envelope>span{font-size:.65rem;letter-spacing:.08em;padding-top:3px}
.message-envelope strong{font-weight:500;color:var(--ink)}
.message-heading{padding:26px;background:#edf4e9;border:1px solid #d1e1cf;border-radius:6px}
.message-heading .eyebrow{margin-bottom:14px;font-size:.65rem}
.message-status{display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.05em;color:#136842;background:#d9ecda;padding:5px 9px;border-radius:3px;margin-bottom:18px}
#alert-dialog[data-tone=caution] .message-heading{background:#fcf0e5;border-color:#ead7c6}
#alert-dialog[data-tone=caution] .message-status{background:#f4ddc5;color:#96542e}
#alert-dialog[data-tone=research] .message-heading{background:#eaf0ec;border-color:#d3dfd8}
#alert-dialog h2{font-size:clamp(1.7rem,4vw,2.2rem);margin-bottom:14px}
#alert-lead{font-size:1rem;line-height:1.75;color:var(--muted);margin:0}
#alert-body{white-space:normal}
.message-sections>section{padding:24px 0;border-bottom:1px solid var(--border)}
.message-sections h3{font:600 1.1rem/1.4 var(--display);letter-spacing:-.025em;margin:0 0 10px}
.message-sections p,.message-sections li{font-size:.95rem;line-height:1.75;color:var(--muted)}
.message-sections p{margin:0}
.message-sections ul{margin:0;padding-left:20px}
.message-sections li+li{margin-top:8px}
#alert-dialog .message-closing{font-size:.95rem;line-height:1.75;color:var(--ink);margin:24px 0}
#alert-dialog .dialog-note{border-top:1px solid var(--border);padding-top:18px;color:var(--muted);font-size:.75rem!important;line-height:1.7}
@media(max-width:800px){
  #alert-dialog{padding:24px}
  .message-heading,.message-sections h3,.message-sections p,.message-closing,#alert-dialog .dialog-note{text-align:center}
  #alert-dialog .message-heading .eyebrow{text-align:center}
  .message-heading{padding:22px 18px}
  #alert-dialog #done-alert{display:flex;margin-inline:auto}
}
@media(max-width:480px){
  #alert-dialog{padding:20px;max-height:92dvh}
  .message-envelope{grid-template-columns:56px 1fr;gap:6px 8px}
  .preview-toolbar .tabs button{padding-inline:8px;font-size:.75rem}
}

/* Traceable technical context for the reconstructed alert. */
.message-indicators{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0;text-align:left}
.message-indicators>div{padding:16px;border:1px solid #d2e2d2;border-radius:5px;background:#edf5ec;min-width:0}
.message-indicators>div[data-state=mixed]{background:#fcf0e5;border-color:#ead7c6}
.message-indicators dt{font-size:.7rem;font-weight:500;letter-spacing:.025em;color:var(--muted);margin-bottom:8px}
.message-indicators dd{margin:0}
.message-indicators strong{display:block;font:600 1.15rem/1.35 var(--display);color:#136842;letter-spacing:-.02em}
.message-indicators [data-state=mixed] strong{color:#96542e}
.message-indicators small{display:block;font-size:.75rem;line-height:1.6;color:var(--muted);margin-top:8px}
#sample-evidence{margin-bottom:24px}
#sample-evidence .message-indicators{grid-template-columns:1fr}
#sample-evidence[hidden]{display:none}
@media(max-width:800px){.message-indicators{text-align:center}#sample-evidence .message-indicators{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.message-indicators{gap:8px}.message-indicators>div{padding:12px}.message-indicators strong{font-size:1rem}}
.message-indicators>div:last-child:nth-child(odd){grid-column:1 / -1}

/* Editorial research alongside the archived signal. */
.message-scenarios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.message-scenarios article{padding:20px;background:#edf5ec;border:1px solid #d2e2d2;border-radius:5px}
.message-scenarios article[data-state=mixed]{background:#fcf0e5;border-color:#ead7c6}
.message-scenarios h4{font:600 1rem/1.4 var(--display);margin:0 0 10px;color:#136842}
.message-scenarios [data-state=mixed] h4{color:#96542e}
.message-scenarios p{font-size:.875rem}
.message-sources{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.message-sources a{font-size:.75rem;line-height:1.6;color:var(--green);text-decoration:underline;text-underline-offset:3px}
.message-sections>.research-crosscheck{padding:22px 0;border-bottom:1px solid var(--border)}
.research-crosscheck summary{font:600 1.1rem/1.4 var(--display);letter-spacing:-.025em}
.research-crosscheck[open] summary{margin-bottom:16px}
#alert-dialog .dialog-top{position:sticky;top:-32px;z-index:3;background:#fff;padding-top:12px}
@media(max-width:800px){
  .message-scenarios h4,.message-sources,.research-crosscheck summary{text-align:center}
  .research-crosscheck summary{padding-inline:32px}
  #alert-dialog .dialog-top{top:-24px}
}
@media(max-width:480px){.message-scenarios{grid-template-columns:1fr}#alert-dialog .dialog-top{top:-20px}}