/* Finance extends the established studio typography and contact components. */
:root{--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
.finance-page{background:var(--paper)}
.finance-page>.site-header{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1700px,calc(100% - 112px));height:100px}
.finance-page .desktop-nav{gap:20px;padding:9px 10px 9px 24px;background:#faf8f2e8;border:1px solid var(--line);border-radius:50px;font-size:12px;backdrop-filter:blur(12px)}
.finance-page .desktop-nav .button{min-height:48px;padding:10px 20px;font-size:12px;gap:18px}
.finance-page [aria-current=page]{text-decoration:underline;text-underline-offset:7px}
.finance-room{max-width:1900px;margin:auto;position:relative;isolation:isolate}
.finance-scene{position:relative;aspect-ratio:3/2;overflow:hidden;background:#d8d0c1;container-type:inline-size}
.finance-scene>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:right center;transition:filter .5s}
.finance-intro{position:absolute;z-index:3;left:4.4%;top:17%;width:28.5%;max-width:540px}
.finance-intro .eyebrow{font-size:clamp(8px,.7vw,11px);letter-spacing:.13em;margin-bottom:22px}
.finance-intro h1{font-size:clamp(40px,4.25vw,78px);line-height:1.025;letter-spacing:-.06em;margin-bottom:24px}
.finance-intro>p:not(.eyebrow){font-size:clamp(14px,1.1vw,19px);line-height:1.65;max-width:35ch;margin-bottom:25px;color:#465142}
.finance-intro .button{font-size:clamp(13px,1.05vw,18px);min-height:52px;padding:13px 23px;gap:25px}
.finance-intro>p.intro-local{font-size:clamp(10px,.85vw,13px);margin-top:14px}
.finance-screen{position:absolute;overflow:hidden;background:#102c26;color:#f3f0e7;text-align:left;transform-origin:0 0;border:0;padding:0;border-radius:2px;cursor:pointer;box-shadow:inset 0 0 25px #051910;container-type:inline-size;opacity:0}
.finance-screen.ready{opacity:1}.finance-screen:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
.screen-heading{font:550 4cqw/1.4 var(--mono);letter-spacing:.07em;display:flex;justify-content:space-between;align-items:center;padding:6cqw 6cqw 0;color:#cfdcb6}
.screen-heading b{font-size:3cqw;font-weight:400;border:1px solid #b8cdb75c;border-radius:20px;padding:1cqw 2cqw}
.screen-balance{padding:2cqw 6cqw 0;font-size:11cqw;font-weight:550;line-height:1.2;letter-spacing:-.045em}
.screen-subtitle{display:block;padding:1cqw 6cqw 0;font-size:3.5cqw;color:#bacbbe}
.screen-chart{width:100%;height:35%;padding:2cqw 6cqw 0}.screen-chart polyline{stroke:#deecbc;stroke-width:2.5;fill:none;stroke-dasharray:400;animation:draw-line 9s ease-in-out infinite}.screen-chart line{stroke:#c6dcbb25;stroke-width:1}
@keyframes draw-line{0%{stroke-dashoffset:400}35%,100%{stroke-dashoffset:0}}
.screen-foot{position:absolute;bottom:0;left:0;right:0;background:#153a2f;padding:2cqw 6cqw;display:flex;justify-content:space-between;font:3cqw/1.4 var(--mono);color:#d5dfcf}
.api-map{display:flex;align-items:center;justify-content:space-between;padding:3cqw 6cqw 0;font-size:3.8cqw;line-height:1.3;gap:2cqw}.api-map span{padding:3cqw 3cqw;border:1px solid #c6dcbb60;border-radius:2cqw}.api-map i{font-style:normal;color:var(--lime)}
.api-trace{margin:4cqw 6cqw 0;height:1px;background:#b6d09b35;position:relative;overflow:hidden}.api-trace:after{content:'';position:absolute;width:30%;height:100%;background:var(--lime);animation:trace 6s ease-in-out infinite}
@keyframes trace{from{left:-30%}to{left:100%}}
.room-links{position:absolute;inset:0;pointer-events:none}.room-link{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;min-height:48px;padding:12px 20px;display:flex;align-items:center;gap:18px;border:1px solid #42564095;border-radius:40px;background:#faf8f2f5;color:#1b362a;font-size:clamp(12px,1.08vw,19px);font-weight:550;line-height:1.3;white-space:nowrap;box-shadow:0 5px 20px #10251c25;transition:transform .2s,background .2s}
.room-link:hover{background:var(--lime);transform:translate(-50%,-55%)}.room-link:focus-visible{outline:3px solid #183d2f;outline-offset:4px}
.room-link-apps{left:57%;top:74%}.room-link-api{left:70.5%;top:44%}.room-link-mcp{left:84%;top:80%}.room-link-cash{left:29%;top:83%}
.scene-controls{position:absolute;bottom:3%;left:4.4%;right:4.4%;display:flex;justify-content:space-between;align-items:center;gap:16px;pointer-events:none}.scene-controls p,.scene-controls button{pointer-events:auto;margin:0;background:#faf8f2ed;color:#24392c;border:1px solid #c6d0b8;border-radius:30px;padding:11px 17px;font-size:11px;min-height:44px}.scene-controls button{margin-right:160px;background:#203c2ef2;color:#f5f1e7;border-color:#deecbc70}
.finance-motion-paused .screen-chart polyline,.finance-motion-paused .api-trace:after{animation-play-state:paused}
.room-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;border-bottom:1px solid var(--line);font-size:11px}.room-caption p{max-width:44ch}.lighting-control{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.lighting-control select{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;font:inherit;min-height:44px;padding:9px 12px}
.finance-guide{display:flex;flex-wrap:wrap;gap:30px;border-bottom:1px solid var(--line);padding-block:8px;font-size:12px}.finance-guide a{display:flex;min-height:44px;align-items:center;gap:24px}
.applications{padding-top:90px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.app-card{padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--panel);display:flex;flex-direction:column;gap:17px;min-width:0}.card-index{font:10px/1.5 var(--mono);letter-spacing:.08em;color:var(--muted)}.app-card h3{font-size:25px;line-height:1.2;letter-spacing:-.04em}.app-card p{font-size:14px;line-height:1.75}.app-card .text-link{font-size:13px;margin-top:auto;min-height:44px;justify-content:space-between}.card-graphic{height:90px;border-block:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:15px 0;margin-bottom:9px}.card-graphic i{display:block;flex:1;background:var(--green);opacity:.8;border-radius:3px;align-self:flex-end;height:var(--h);min-height:6px}.card-graphic.rows{display:grid;gap:7px;grid-template-columns:1fr 3fr}.card-graphic.rows i{height:8px;align-self:center}.card-graphic.rows i:nth-child(2n){background:#99af7a}.card-graphic.flow{justify-content:space-between;font:12px/1.5 var(--mono);color:var(--green)}.card-graphic.flow span{padding:10px;border:1px solid var(--line);border-radius:7px}
.scope-note{font-size:12px;margin-top:25px;color:var(--muted);max-width:95ch}
.cash-section{background:var(--panel);border-block:1px solid var(--line)}.cash-bench{display:grid;grid-template-columns:.8fr 1.2fr;gap:6%;padding:36px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.cash-form{display:grid;gap:16px;align-content:start}.cash-form label{font-size:12px;display:grid;gap:7px}.cash-form label span{color:var(--muted);font-size:11px}.cash-form input{width:100%;min-height:48px;background:var(--panel);color:var(--ink);font:500 18px/1.3 Inter,Arial,sans-serif;padding:12px 14px;border:1px solid var(--line);border-radius:8px}.cash-form button{justify-content:center;min-height:48px;font-size:13px;margin-top:5px}.demo-label{font:10px/1.6 var(--mono);letter-spacing:.08em;color:var(--muted);margin:0 0 18px}
.cash-result>span{font-size:13px;color:var(--muted)}.cash-result>strong{display:block;font-size:clamp(35px,4vw,56px);line-height:1.2;font-weight:550;letter-spacing:-.05em;color:var(--green);margin:6px 0 18px}.cash-result .negative{color:#a54732}.cash-bars{display:flex;gap:12px;align-items:center;height:130px;border-bottom:1px solid var(--line);margin:15px 0}.cash-bar{flex:1;display:grid;align-items:end;height:100%;min-width:0}.cash-bar i{height:var(--bar);min-height:3px;max-height:110px;background:var(--green);border-radius:4px 4px 0 0;display:block}.cash-bar.negative i{background:#a54732}.cash-bar span{font:10px/1.3 var(--mono);text-align:center;margin:8px 0;color:var(--muted)}.cash-result p{font-size:12px;line-height:1.7;margin-top:12px}.cash-error{font-size:12px;color:#a54732;min-height:0}.cash-error:empty{display:none}.cash-table{margin-top:22px;border-top:1px solid var(--line)}.cash-table summary{min-height:44px;font-size:13px;padding:10px 0;cursor:pointer}.cash-table table{width:100%;border-collapse:collapse;font-size:12px}.cash-table th,.cash-table td{padding:10px 4px;text-align:right;border-bottom:1px solid var(--line)}.cash-table th:first-child,.cash-table td:first-child{text-align:left}.cash-table caption{text-align:left;font-size:11px;padding:8px 0;color:var(--muted)}
.integration-layout{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start}.architecture{border:1px solid var(--line);border-radius:16px;padding:30px;background:var(--green);color:#f5f1e7}.architecture .demo-label{color:#c2d2b9}.architecture-node{padding:20px;border:1px solid #d2e2c040;border-radius:9px}.architecture-node h3{font-size:19px;margin-bottom:5px}.architecture-node p{font-size:12px;color:#d2dfcb}.architecture-arrow{font-size:24px;text-align:center;color:var(--lime);line-height:1.6}.api-list article{padding:20px 0;border-bottom:1px solid var(--line)}.api-list article:first-child{padding-top:0}.api-list h3{font-size:20px;margin:0 0 10px}.api-list p{font-size:14px;margin-bottom:10px}.api-list a{font-size:12px;text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}.api-list small{display:block;font-size:11px;color:var(--muted)}
.mcp-section{background:var(--green);color:#f6f2e8}.mcp-section em{color:var(--lime)}.mcp-section p,.mcp-section .eyebrow{color:#d1decc}.mcp-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%}.mcp-copy h3{font-size:27px;margin-bottom:18px}.mcp-copy p{font-size:14px;margin-bottom:18px}.mcp-copy a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:12px}.mcp-example{background:#102e24;border:1px solid #cde0bb40;padding:30px;border-radius:16px}.mcp-example .demo-label{color:#bfceaf}.mcp-steps{display:flex;justify-content:space-between;gap:10px;list-style:none;margin:0 0 28px;padding:0}.mcp-steps li{font:10px/1.5 var(--mono);flex:1;border-top:2px solid #c3d6b630;padding-top:10px;color:#b0c0a5}.mcp-steps li.active{border-color:var(--lime);color:var(--lime)}.mcp-output{min-height:190px}.mcp-output h3{font-size:23px;line-height:1.2;margin-bottom:15px}.mcp-output p{font-size:13px;line-height:1.75}.mcp-output code{display:block;margin-top:20px;font:11px/1.6 var(--mono);color:#deecbc;overflow-wrap:anywhere}.mcp-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:26px}.mcp-actions .button{min-height:48px;font-size:13px}.mcp-reset{min-height:44px;color:#f0f4e9;background:transparent;border:0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.mcp-example .scope-note{color:#becdb9;font-size:11px}
.finance-process .steps{margin:0;color:var(--ink)}.finance-process .steps li{border-top-color:var(--line)}.finance-process .steps li>span{color:var(--accent)}.finance-process .steps p{color:var(--muted)}
.finance-detail{width:min(950px,calc(100% - 32px));max-height:calc(100dvh - 32px);background:var(--paper);color:var(--ink);padding:0;border:1px solid var(--line);border-radius:20px;overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 120px #0006}.finance-detail::backdrop{background:#0a201bdc;backdrop-filter:blur(9px)}.finance-detail[open]{animation:station-enter .4s cubic-bezier(.2,.8,.3,1) both;transform-origin:var(--origin-x,50%) var(--origin-y,50%)}
@keyframes station-enter{from{opacity:0;transform:scale(.88) translateY(24px)}to{opacity:1;transform:none}}
.detail-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;background:var(--paper);padding:15px 26px;border-bottom:1px solid var(--line);font:10px/1.5 var(--mono)}.detail-close{min-height:44px;background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:8px 15px;border-radius:30px;font:12px/1.3 Inter,Arial,sans-serif}.detail-content{padding:45px}.detail-content h2{font-size:clamp(32px,4vw,50px);margin-bottom:25px}.detail-content>p{font-size:16px;max-width:65ch;line-height:1.8;margin-bottom:24px}.detail-content ul{padding-left:20px;font-size:14px;line-height:1.8;margin-bottom:28px}.detail-content li{padding-bottom:9px}.detail-content .button{min-height:52px}
html[data-room=night]{--paper:#17221e;--panel:#23342a;--ink:#f5f1e7;--muted:#c0c9bb;--line:#c6d3b92b;--accent:#deecbc;color-scheme:dark}
html[data-room=night] .finance-scene>img{filter:brightness(.48) saturate(.65)}
html[data-room=night] .finance-intro{color:#f8f4e9}html[data-room=night] .finance-intro h1 em{color:var(--lime)}html[data-room=night] .finance-intro>p:not(.eyebrow){color:#e0e2d3}
html[data-room=night] .brand>img{mix-blend-mode:normal;border-radius:8px}html[data-room=night] .desktop-nav{background:#17291eed;color:var(--ink)}html[data-room=night] .room-link{background:#1b3228f2;color:#f8f4e8;border-color:#deecbcaa}html[data-room=night] .room-link:hover{background:var(--lime);color:#17362a}
html[data-room=night] .cash-result>strong,html[data-room=night] .card-graphic.flow{color:var(--lime)}html[data-room=night] .cash-result>.negative{color:#f2ab93}html[data-room=night] .cash-bar:not(.negative) i,html[data-room=night] .card-graphic i{background:#a9c480}html[data-room=night] .cash-error{color:#f2ab93}html[data-room=night] .finance-process .steps h3{color:var(--ink)}html[data-room=night] .secondary{color:var(--ink)}html[data-room=night] .secondary:hover{background:#334636}
@media(min-width:1901px){.finance-intro{top:16%}}
@media(max-width:1150px){.finance-page .desktop-nav{display:none}.finance-page .menu-toggle{display:block;background:var(--panel)}.finance-page .site-menu{top:84px}.finance-intro{top:19%}.finance-intro h1{font-size:4.1vw}.finance-intro .eyebrow{margin-bottom:14px;font-size:8px}.finance-intro>p:not(.eyebrow){font-size:12px;margin-bottom:18px}.finance-intro h1{margin-bottom:18px}.finance-intro .button{font-size:12px;min-height:46px;padding:11px 18px;gap:15px}.finance-intro>p.intro-local{font-size:10px}.room-link{padding:10px 15px;min-height:44px;gap:12px}}
@media(max-width:850px){.finance-page>.site-header{position:relative;left:auto;transform:none;height:82px;width:auto;margin-inline:24px}.finance-room{display:flex;flex-direction:column}.finance-intro{position:relative;left:auto;top:auto;width:auto;max-width:650px;padding:20px 24px 28px}.finance-intro h1{font-size:clamp(42px,8.4vw,65px);max-width:520px;line-height:1.06;margin-bottom:20px}.finance-intro .eyebrow{font-size:9px;margin-bottom:18px}.finance-intro>p:not(.eyebrow){font-size:15px;max-width:38ch;margin-bottom:22px}.finance-intro .button{min-height:54px;font-size:15px;gap:25px}.finance-intro>p.intro-local{font-size:11px;margin:13px 0 0}.finance-scene{aspect-ratio:1/1.2}.room-link{font-size:12px;min-height:46px;padding:11px 15px}.room-link-api{left:47%;top:43%}.room-link-apps{left:28%;top:73%}.room-link-mcp{left:75%;top:76%}.room-link-cash{left:28%;top:88%}.scene-controls{left:18px;right:18px;bottom:3%}.scene-controls p{display:none}.scene-controls button{margin-left:auto;margin-right:0;font-size:10px;padding:9px 13px}.room-caption{display:block;padding-block:22px;font-size:11px}.lighting-control{margin-top:18px}.finance-guide{gap:5px 25px}.app-grid{grid-template-columns:1fr}.app-card{padding:27px;gap:12px}.card-graphic{height:75px}.app-card h3{font-size:26px}.cash-bench{grid-template-columns:1fr;padding:27px;gap:35px}.cash-result>strong{font-size:clamp(25px,8.5vw,45px)}.integration-layout,.mcp-layout{grid-template-columns:1fr;gap:30px}.mcp-output{min-height:180px}.finance-process .steps{grid-template-columns:1fr 1fr}.detail-content{padding:28px}.detail-bar{padding:12px 20px}.detail-content>p{font-size:15px}}
@media(max-width:480px){.finance-intro .button{width:100%}.finance-intro h1{font-size:clamp(38px,10.8vw,50px)}.room-link{font-size:11px;gap:10px;padding:10px 13px}.room-link-mcp{left:75%;top:76%}.cash-bench,.mcp-example,.architecture{padding:22px}.app-card{padding:24px}.finance-process .steps{grid-template-columns:1fr}.mcp-steps{gap:8px}.mcp-steps li{font-size:9px}.cash-table th,.cash-table td{font-size:10px}.detail-content .button{width:100%;font-size:14px}}
@media(prefers-reduced-motion:reduce){.screen-chart polyline,.api-trace:after{animation:none}.finance-detail[open]{animation:none}}

.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cash-table table{min-width:500px}

.cash-bench>*{min-width:0}

.table-hint{display:none}@media(max-width:850px){.table-hint{display:block;font-size:11px;color:var(--muted);margin:5px 0 12px}}