/* FinYo / Event Horizon — the warm accent belongs to the horizon. */
:root{--bg:#000;--panel:#080a0d;--line:#282c32;--text:#eef1f5;--muted:#9ca3ae;--subtle:#747d8a;--green:#47d49a;--red:#f17b84;--blue:#a6bcdf}
body{background:#000}body>.starfield{opacity:.19;filter:saturate(.2)}.shell{max-width:1512px;padding:0 58px}.topbar{height:80px;background:#000;border-bottom:1px solid #202126}.header-inner{max-width:1512px;padding:0 58px;gap:46px}.wordmark{gap:9px}.wordmark b{font-size:25px;letter-spacing:-1.2px}.wordmark>i{background:#383a3e;height:17px;margin:0 4px 0 7px}.wordmark small{color:#747b87;font-size:9px;letter-spacing:2.5px}.brand-symbol{width:29px;height:29px}.brand-symbol svg{stroke:#c1c8d2}.brand-symbol circle{fill:#f5af6d}.desktop-nav{margin-left:24px;gap:29px}.desktop-nav button{font-size:12px;color:#818995}.desktop-nav button.active{color:#e1e6ed}.desktop-nav button.active:after{background:#d7dce5;height:1px}.header-actions{gap:20px}.manual{font-size:10px;color:#929aa7;gap:8px}.manual i{background:#62c6a0;box-shadow:0 0 7px #3baf7b26}.header-actions .icon-btn{color:#8c96a5}.header-actions .icon-btn:hover{color:#e4ebf7;background:#151b24}.avatar{width:29px;height:29px;border-color:#343c47;background:#0b1018;color:#b6c1d0}
.hero{min-height:698px;height:calc(100svh - 80px);max-height:850px;padding:78px 0 108px;display:flex;align-items:center;position:relative;overflow:visible;isolation:isolate}.hero:after{background:linear-gradient(90deg,#000 0%,#000e 18%,#0007 34%,transparent 54%);z-index:1}.hero-copy{max-width:56%;padding-bottom:23px;z-index:4}.hero .eyebrow{font:9px var(--mono);letter-spacing:1.8px;color:#888f99;gap:11px}.hero .eyebrow-line{background:#5b606a;width:21px;opacity:.8}.edition-dot{width:5px;height:5px;background:#efa664;box-shadow:0 0 10px #ff8d2d44}.hero h1{font:500 clamp(68px,5.8vw,91px) Manrope,var(--font);line-height:1.04;letter-spacing:-3.5px;margin:31px 0 23px;color:#f2f3f5}.hero h1 em{font:italic clamp(81px,6.85vw,109px)/1.03 'Instrument Serif',Georgia,serif;letter-spacing:-2px;color:#eeb27c;text-shadow:none}.hero-copy>p{font-size:14px;line-height:1.85;color:#949ba6;max-width:420px;margin:0}.hero-cta{margin-top:31px;gap:23px}.hero-cta .primary{height:47px;min-width:189px;padding:0 18px;border:1px solid #ece5dc;border-radius:7px;background:#efe8de;color:#20160e;font-size:12px;box-shadow:0 2px 0 #fff1 inset,0 8px 24px #0005;transition:background .2s,transform .2s}.hero-cta .primary:hover{background:#fff7ed;transform:translateY(-1px)}.hero-cta .primary span{font-size:19px;margin-left:13px}.hero-model{font-size:12px;color:#9da5b1;gap:10px}.hero-model:hover{color:#e7ecf3}.hero-meta{margin-top:29px;gap:15px;font:8px var(--mono);letter-spacing:1.4px;color:#727b88}.hero-meta i{width:4px;height:4px;background:#7c8899;box-shadow:none}.hero-meta span+span{font:10px var(--font);color:#5c6674;letter-spacing:0}.blackhole{width:1060px;right:-175px;top:50%;transform:translateY(-51%);opacity:.96}.blackhole img{filter:saturate(.82)}.hero-bottom{bottom:31px;font:8px var(--mono);letter-spacing:1.3px;color:#4d596a;gap:15px}.hero-bottom>span{gap:10px}.hero-bottom i{color:#a0856b}.hero-scroll{color:#9da6b4!important;font-size:15px}.hero-scroll span{font-size:8px;letter-spacing:1.5px}.hero-oled i{background:#8693a8;box-shadow:none;width:4px;height:4px}.hero.bh-ready .bh-hint{z-index:3}
/* Keep supporting pages in the same neutral family as the work area. */
.bottom-note{padding-top:23px;padding-bottom:31px;color:#758194;line-height:1.8}.bottom-note button{color:#a7b7ce}.bottom-note>.icon{color:#687992}.bottom-note p{font-size:11px}footer{border-color:#23282f;padding:26px 0 31px;color:#677487}footer .footer-brand{color:#d9dfe9}footer .footer-brand span{color:#68778d}footer>div>a{color:#a1afc1}footer>div>span{color:#4e5d72}.page-heading{padding:57px 0 35px}.page-heading .eyebrow{color:#79889f}.page-heading h1{font-size:50px;color:#e7edf5;letter-spacing:-1.8px}.page-heading h1 em{font-size:64px;color:#bac9df}.page-heading p{font-size:13px;color:#7f91ae}.page-heading .primary,.empty-state .primary{background:#d5e1f3;border-color:#d5e1f3;color:#101e34;border-radius:7px}.page-heading .primary:hover,.empty-state .primary:hover{background:#edf3fd}.page-heading .secondary,.position-actions .secondary{background:#101822;border-color:#35455d;color:#b2c4e1;border-radius:7px}.page-heading .secondary:hover,.position-actions .secondary:hover{background:#1b293c}.portfolio-info{border-color:#252f40;background:#070b11;color:#8f9eb5;border-radius:8px}.portfolio-info>.icon{color:#718bad}.portfolio-totals{border-color:#303b4d;background:#0c131e;border-radius:8px}.portfolio-totals span{color:#90a0b9}.position-card{border-color:#283345;background:#05090f;border-radius:10px;padding:24px}.position-card .eyebrow{color:#7d91ae;font-size:8px}.position-card h3{color:#dbe5f3;font-size:19px}.position-card p{color:#7588a5;font-size:11px}.position-numbers small{color:#647b9e}.position-numbers b{color:#b5c5df}.position-actions .icon-btn{color:#627b9f}.position-actions .icon-btn:hover{color:#ccd9ee;background:#182438}.portfolio-disclaimer{color:#607491;line-height:1.9}.empty-state{background:#04070b;border:1px dashed #2c3c53;border-radius:12px;min-height:340px}.empty-state>.icon{color:#6a86af}.empty-state h2{font-size:23px;color:#dce7f7}.empty-state p{color:#7188aa;line-height:1.9}.mobile-nav{background:#090e16ed;border-color:#2b394c}.mobile-nav button{color:#7f94b4}.mobile-nav button.active{background:#202d40;color:#cbd9ee}
@media(min-width:1550px){.shell,.header-inner{padding-left:64px;padding-right:64px}.hero{min-height:750px}.blackhole{width:1200px;right:-170px}.hero-copy{max-width:57%}.hero h1{font-size:94px}.hero h1 em{font-size:114px}}
@media(max-width:1150px){.shell,.header-inner{padding-left:34px;padding-right:34px}.hero{min-height:640px;height:calc(100svh - 80px);max-height:790px}.hero h1{font-size:67px;letter-spacing:-2.6px}.hero h1 em{font-size:82px;letter-spacing:-1.6px}.hero-copy{max-width:61%}.hero-copy>p{font-size:13px;max-width:375px}.blackhole{width:960px;right:-213px;top:47%}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-meta{font-size:7px;gap:12px;letter-spacing:1.1px}.hero-meta span+span{font-size:9px}.hero-bottom{font-size:7px}.hero-oled{display:flex!important}.desktop-nav{margin-left:8px}.header-inner{gap:27px}}
@media(max-width:900px){.shell,.header-inner{padding-left:25px;padding-right:25px}.hero{min-height:610px;height:calc(100svh - 80px);max-height:740px}.hero h1{font-size:58px;letter-spacing:-2.3px}.hero h1 em{font-size:74px}.hero-copy{max-width:65%}.hero-copy>p{font-size:12px;max-width:340px}.blackhole{width:845px;right:-232px;top:48%}.hero-cta{gap:19px}.hero-cta .primary{min-width:169px;font-size:11px;padding:0 15px;height:44px}.hero-model{font-size:11px}.hero-meta span+span,.hero-oled{display:none!important}.hero-bottom{font-size:7px}.hero-bottom>span:nth-child(2){font-size:6px}.desktop-nav{gap:22px;margin-left:0}.header-inner{gap:25px}.header-actions{gap:14px}.manual{font-size:9px}}
@media(max-width:700px){.shell{padding:0 20px}.topbar{height:67px}.header-inner{padding:0 20px;gap:12px}.wordmark b{font-size:23px}.wordmark>i{margin-left:5px}.wordmark small{font-size:8px}.brand-symbol{width:26px;height:26px}.manual{font-size:8px;gap:6px}.header-actions{gap:13px}.hero{height:auto;min-height:728px;max-height:none;margin:0 -20px;align-items:flex-start;padding:39px 20px 77px;overflow:hidden}.hero:after{background:linear-gradient(180deg,#0000 38%,transparent 72%,#000 98%)}.hero-copy{max-width:100%;padding:0}.hero .eyebrow{font-size:7px;letter-spacing:1.15px;gap:9px}.hero .eyebrow-line{width:17px}.hero h1{font-size:53px;line-height:1.04;letter-spacing:-2px;margin:25px 0 18px}.hero h1 em{font-size:68px;letter-spacing:-1.1px}.hero-copy>p{font-size:12px;line-height:1.85;max-width:330px}.hero-cta{margin-top:23px;gap:21px}.hero-cta .primary{height:44px;font-size:11px;min-width:169px}.hero-model{font-size:11px}.hero-meta{margin-top:23px;font-size:7px;letter-spacing:1.15px}.blackhole{width:680px;right:calc(50% - 368px);top:242px;transform:none;opacity:.9}.hero-bottom{bottom:22px;left:20px;right:20px;font-size:6px;gap:10px;letter-spacing:1px}.hero-scroll{font-size:14px}.hero-scroll span{font-size:7px;letter-spacing:1.3px}.hero-bottom>span:nth-child(2){font-size:6px}.hero .bh-hint{margin-top:-5px}.bottom-note{padding:23px 0 29px;gap:9px}.bottom-note p{font-size:10px;line-height:1.8}.bottom-note button{font-size:10px}.page-heading{padding:36px 0 25px}.page-heading h1{font-size:36px}.page-heading h1 em{font-size:47px}.page-heading p{font-size:12px}.actions .button{font-size:10px;padding:0 11px}.portfolio-info{font-size:10px}.position-card{padding:20px}.position-card h3{font-size:18px}.position-card p{font-size:10px}.empty-state h2{font-size:21px}.empty-state p{font-size:12px}.portfolio-disclaimer{font-size:10px}.mobile-nav{bottom:max(13px,env(safe-area-inset-bottom))}footer{padding-bottom:28px}.footer-brand+span{font-size:8px}footer>div>a{font-size:9px}}
@media(max-width:380px){.shell{padding:0 17px}.header-inner{padding:0 17px}.wordmark{gap:6px}.wordmark b{font-size:22px}.wordmark small{font-size:7px;letter-spacing:2px}.wordmark>i{margin-left:4px}.header-actions{gap:10px}.header-actions .manual{font-size:7px}.hero{margin:0 -17px;padding-left:17px;padding-right:17px;min-height:710px}.hero h1{font-size:48px}.hero h1 em{font-size:63px}.hero-copy>p{font-size:11px}.hero-cta{gap:17px}.hero-cta .primary{min-width:158px;font-size:10px}.hero-model{font-size:10px}.blackhole{width:635px;right:calc(50% - 345px);top:250px}.hero .eyebrow{font-size:6px;letter-spacing:1.2px}.hero-bottom{left:17px;right:17px}.hero-meta{font-size:6px}.hero-scroll span{font-size:6px}}
@media(prefers-reduced-motion:reduce){.hero-cta .primary{transition:none}.hero-cta .primary:hover{transform:none}}

/* Calculator entry points have their own instrument layout. */
body:not(.work-focus) #workspace{display:none}
.skip-link{position:fixed;left:24px;top:14px;z-index:150;transform:translateY(-160%);padding:12px 18px;border-radius:8px;background:#eef3fb;color:#101720;font-size:13px}
.skip-link:focus{transform:none}
.hero-bottom a{display:flex;align-items:center;gap:10px;text-decoration:none}
@media(max-width:700px){.hero h1{font-size:50px}.hero h1 em{font-size:65px}.hero .eyebrow{font-size:6.6px}}
@media(max-width:380px){.hero h1{font-size:46px}.hero h1 em{font-size:60px}.hero .eyebrow{font-size:6px}}

/* Pricing details live in the model guide. */
#guide-dialog .pricing-reference{padding:25px 0 29px;border-top:1px solid #293445;border-bottom:1px solid #293445;margin-top:20px}
#guide-dialog .reference-heading>span{font:9px var(--mono);letter-spacing:1.6px;color:#8d9eb6}
#guide-dialog .reference-heading h3{font:550 21px/1.4 Manrope,var(--font);letter-spacing:-.4px;color:#e0e8f4;margin:11px 0}
#guide-dialog .reference-heading p{font-size:12px;line-height:1.8;margin-bottom:22px}
.formula-model{padding:19px 20px;border:1px solid #303d50;border-radius:9px;background:#0c131e;margin:14px 0}
.formula-model-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.formula-model-heading h4{font:500 14px var(--font);letter-spacing:-.2px;color:#d1dff1;margin:0}
.formula-model-heading>span{font:8px var(--mono);letter-spacing:1.1px;color:#7086a7}
.formula-line{display:flex;align-items:center;gap:18px;margin:15px 0;min-width:0}
.formula-line>small{font:8px var(--mono);letter-spacing:1px;color:#6d87ab;flex:0 0 32px}
.formula-line math{font-size:20px;color:#d6e3f6;margin:0;min-width:0}
.formula-parameters{border-top:1px solid #263246;padding:17px 0 2px;margin-top:19px;overflow-x:auto;color:#a5bbd9}
.formula-parameters math{font-size:16px;margin:0;width:max-content}
.formula-common{display:flex;align-items:center;gap:18px;margin:19px 1px 17px;color:#c2d2e9}
.formula-common math{font-size:18px}.formula-common p{font-size:10px!important;margin:0!important;color:#6f87a9!important}
#guide-dialog .formula-definitions{margin:19px 0 17px;border-color:#2d3a4e;padding:13px 0}
#guide-dialog .formula-definitions summary{font-size:12px;color:#9cb6da;padding:3px 0}
.formula-symbols{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px;padding:18px 0 0;margin:0}
.formula-symbols>div{display:flex;align-items:baseline;gap:12px}.formula-symbols dt{flex:0 0 40px;font:italic 16px Georgia,serif;color:#c4d4ec}.formula-symbols dd{margin:0;font:11px/1.6 var(--font);color:#8097b9}
#guide-dialog .formula-definitions>p{font-size:11px;line-height:1.85;color:#8097b9}
#guide-dialog .formula-assumptions{font-size:11px;line-height:1.9;color:#7e93b0}
.formula-sources{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:19px;padding-top:17px;border-top:1px solid #28364a}
.formula-sources>span{flex:1 0 100%;font:8px var(--mono);letter-spacing:1.5px;color:#607b9f}
.formula-sources>a{font-size:10px;color:#b4c9e8;text-decoration:none}.formula-sources>a:hover{text-decoration:underline;color:#e4efff}
@media(max-width:700px){#guide-dialog .reference-heading h3{font-size:19px}#guide-dialog .reference-heading p{font-size:11px}.formula-model{padding:15px 12px}.formula-model-heading{gap:8px}.formula-model-heading h4{font-size:12px}.formula-model-heading>span{font-size:7px;letter-spacing:.7px}.formula-line{gap:9px;margin:15px 0}.formula-line>small{font-size:7px;flex-basis:24px}.formula-line math{font-size:16px}.formula-parameters math{font-size:14px}.formula-common{display:block}.formula-common math{font-size:16px}.formula-common p{margin-top:9px!important}.formula-symbols{grid-template-columns:1fr;gap:13px}.formula-symbols dd{font-size:11px}.formula-sources{gap:14px}.formula-sources a{font-size:10px}}
@media(max-width:380px){.formula-line math{font-size:14px}.formula-parameters math{font-size:12.5px}.formula-model-heading h4{font-size:11px}}

.formula-parameters{padding-bottom:10px;overflow-y:hidden}
#guide-dialog .dialog-head{position:sticky;top:0;z-index:2;background:#080d15}
@media(max-width:700px){.formula-line{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.formula-line>small{flex:none}.formula-line math{flex:none}}

/* A clear signature under the event horizon, independent of image rotation. */
.horizon-signature{position:absolute;z-index:3;left:75%;top:75%;width:max-content;max-width:calc(100% - 40px);text-align:center;pointer-events:none;transform:translateX(-50%)}
.horizon-signature>span{display:block;font:500 12px/1.5 var(--mono);letter-spacing:2.5px;color:#ebc4a3;text-shadow:0 0 18px #e69a5633;text-transform:uppercase}
.horizon-signature i{font-style:normal;color:#aa7954;margin:0 5px}
.horizon-signature small{display:block;margin-top:7px;font:8px/1.5 var(--mono);letter-spacing:2.1px;color:#a49588}
@media(max-width:700px){.horizon-signature>span{font-size:10px;letter-spacing:1.9px}.horizon-signature small{font-size:7px;letter-spacing:1.8px;margin-top:5px}}

/* Keep the product name on one line within narrow hero columns. */
@media(max-width:700px){.hero h1 em{font-size:clamp(48px,15.4vw,65px)}}

@media (min-width: 1101px) {
  .shell,
  .header-inner {
    max-width: none;
    padding-inline: clamp(32px, 3.33vw, 88px);
  }
}

@media (min-width: 1550px) {
  .hero .blackhole {
    right: clamp(-135px, calc(40vw - 755px), 0px);
  }
}

.header-actions .product-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 42px;
  color: var(--text);
  font: 500 12px var(--font);
  text-decoration: none;
  white-space: nowrap;
}
.header-actions .product-link:hover { color: var(--accent); }
.header-actions .product-link:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
@media (max-width: 700px) {
  .header-inner { flex-wrap: wrap; height: auto; min-height: 67px; padding-block: 8px; }
  .topbar { height: auto; min-height: 67px; }
  .header-actions { margin-left: auto; flex-wrap: wrap; gap: 8px; }
  .header-actions .product-link { font-size: 11px; }
  .header-actions .manual { display: none; }
}