/* Three complete visual directions, shared by marketing, login and account. */
.design-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 24px;background:var(--surface,#11120f);color:var(--ink,#f5f0e8);border-bottom:1px solid var(--line,#292820);font-family:Inter,-apple-system,sans-serif;position:relative;z-index:101}
.design-label{font-size:9px;letter-spacing:.16em;color:var(--muted,#aaa99b)}
.design-choices{display:flex;gap:4px}.design-choices button{font:400 11px Inter,-apple-system,sans-serif;display:flex;gap:8px;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;background:transparent;border:1px solid transparent;color:var(--muted,#aaa99b);border-radius:2px;cursor:pointer}.design-choices button[aria-pressed=true]{color:var(--ink,#f5f0e8);border-color:var(--line,#494431);background:var(--bg,#090a08)}.design-choices button:focus-visible{outline:2px solid var(--gold,#c9a84c);outline-offset:2px}.design-swatch{width:12px;height:12px;border-radius:50%;border:1px solid #8a8062}.design-swatch.onyx{background:#14130d}.design-swatch.ivory{background:#f4edda}.design-swatch.forest{background:#295749}
.nav-account{display:flex;gap:14px;align-items:center}.login-link{font-size:12px;min-height:44px;display:flex;align-items:center;white-space:nowrap;color:var(--ink,#f5f0e8);text-decoration:none}.session-actions{display:flex;align-items:center;gap:12px}.session-actions .text-link{background:none;border:0;cursor:pointer}.session-identity{color:var(--muted);font-size:11px}
.session-actions{margin-left:auto}.session-actions [hidden]{display:none!important}#chartEnd{fill:var(--gold)}
:root[data-theme=ivory]{--bg:#f6f3eb;--black:#f6f3eb;--black-light:#eeeadf;--black-card:#fffdf7;--surface:#fffdf7;--ink:#28291f;--white:#28291f;--white-dim:#666456;--muted:#666456;--gold:#846223;--gold-light:#846223;--gold-dim:#846223;--line:#dcd8cc;--up:#376447;--down:#9b442c}
:root[data-theme=forest]{--bg:#102c26;--black:#102c26;--black-light:#16372e;--black-card:#183930;--surface:#183930;--ink:#f8f3e7;--white:#f8f3e7;--white-dim:#b9cbbc;--muted:#b9cbbc;--gold:#e1c68d;--gold-light:#e1c68d;--gold-dim:#d4b675;--line:#36564a;--up:#b6d6ba;--down:#f2b19c}
:root[data-theme=ivory] body,:root[data-theme=forest] body{background:var(--bg);color:var(--ink)}
:root[data-theme=ivory] nav,:root[data-theme=ivory] nav.scrolled,:root[data-theme=forest] nav,:root[data-theme=forest] nav.scrolled{background:var(--bg);border-color:var(--line)}
:root[data-theme=ivory] .nav-links.open,:root[data-theme=forest] .nav-links.open{background:var(--surface);border-color:var(--line)}
:root[data-theme=ivory] .stats,:root[data-theme=ivory] .product-section,:root[data-theme=forest] .stats,:root[data-theme=forest] .product-section{background:var(--surface);border-color:var(--line)}
:root[data-theme=ivory] .mini-account,:root[data-theme=forest] .mini-account{background:var(--bg);border-color:var(--line)}
:root[data-theme=ivory] .mini-change,:root[data-theme=ivory] .positive,:root[data-theme=ivory] .result>span:first-child{color:#376447}
:root[data-theme=ivory] .negative{color:#a44730}
:root[data-theme=ivory] .mini-chart path:first-child{stroke:#dcd8cc}
:root[data-theme=ivory] .mini-chart path+path{stroke:#846223}
:root[data-theme=ivory] .btn-primary,:root[data-theme=ivory] .button:not(.outline){background:#d8bd78;color:#282419;border-color:#d8bd78}
:root[data-theme=ivory] .btn-secondary,:root[data-theme=ivory] .nav-cta,:root[data-theme=ivory] .button.outline{border-color:#aa9662;color:#76551c}
:root[data-theme=ivory] .btn-primary:hover,:root[data-theme=ivory] .button:not(.outline):hover{background:#cdb06a}
:root[data-theme=ivory] .button.outline:hover,:root[data-theme=ivory] .btn-secondary:hover{background:#e9e2cf}
:root[data-theme=ivory] .badge,:root[data-theme=ivory] .avatar,:root[data-theme=ivory] .filters button[aria-pressed=true]{background:#eee6d1;color:#76551c;border-color:#cfc099}
:root[data-theme=ivory] .demo-banner{background:#e9e1ce;color:#625022}
:root[data-theme=ivory] .next-event,:root[data-theme=ivory] .notice{background:#ebe6d7;border-color:#d3cbb3}
:root[data-theme=ivory] .entry-icon{background:#ebe9de;color:#666456}
:root[data-theme=ivory] .amount-input,:root[data-theme=ivory] .apply-form input[type=email]{background:#fffdf7;color:var(--ink);border-color:#b5ad96}
:root[data-theme=ivory] .timeline-dot{background:#ebe6d7}
:root[data-theme=ivory] .timeline-dot.completed{background:var(--gold)}
:root[data-theme=ivory] .timeline>div,:root[data-theme=ivory] .calendar-date{border-color:#c8c0a7}
:root[data-theme=ivory] .img-band img,:root[data-theme=ivory] .cta-bg,:root[data-theme=ivory] .hero-canvas-fallback{filter:grayscale(1) invert(1) sepia(.35);mix-blend-mode:multiply}
:root[data-theme=ivory] .band-scrim,:root[data-theme=ivory] .cta-scrim{background:none}
:root[data-theme=ivory] .band-cap{background:rgba(246,243,235,.92);max-width:460px}
:root[data-theme=ivory] .cta-section p,:root[data-theme=ivory] .band-cap p{color:var(--muted)}
:root[data-theme=ivory] .hero-art::before{border-color:#c9bd9e}
:root[data-theme=ivory] .grain-overlay{opacity:.02}
:root[data-theme=ivory] #particles-canvas{display:none}
:root[data-theme=ivory] .portfolio{border-top:3px solid #aa8a45}
:root[data-theme=ivory] .big-number{font-family:var(--sans);font-weight:400;letter-spacing:-.06em}
:root[data-theme=ivory] .app-nav a[aria-current]{border-color:#846223}
:root[data-theme=ivory] .app-footer a,:root[data-theme=ivory] .text-link{color:#76551c}
:root[data-theme=ivory] .result>span+span,:root[data-theme=ivory] .mini-header{color:var(--muted)}
:root[data-theme=ivory] .apply-toast.error,:root[data-theme=ivory] #quoteStatus{color:#9b442c}
:root[data-theme=forest] .panel{border-radius:12px}
:root[data-theme=forest] .next-event{background:#24473a;border-color:#49614a}
:root[data-theme=forest] .badge,:root[data-theme=forest] .avatar,:root[data-theme=forest] .filters button[aria-pressed=true]{background:#2a4939;color:var(--gold);border-color:#647252}
:root[data-theme=forest] .demo-banner{background:#2c4937;color:#e6d6b0}
:root[data-theme=forest] .notice,:root[data-theme=forest] .entry-icon{background:#244637;color:var(--muted)}
:root[data-theme=forest] .amount-input,:root[data-theme=forest] .apply-form input[type=email]{background:#102c26;color:var(--ink);border-color:#698071}
:root[data-theme=forest] .timeline-dot{background:#24473a}
:root[data-theme=forest] .timeline-dot.completed{background:var(--gold)}
:root[data-theme=forest] .button.outline,:root[data-theme=forest] .btn-secondary,:root[data-theme=forest] .nav-cta{border-color:#778066}
:root[data-theme=forest] .button.outline:hover{background:#2b4b3d}
:root[data-theme=forest] .btn-primary,:root[data-theme=forest] .btn-secondary,:root[data-theme=forest] .button{border-radius:6px}
:root[data-theme=forest] .hero h1{font-weight:400;letter-spacing:-.025em}
:root[data-theme=forest] .hero-art::before{border-color:#63745a}
:root[data-theme=forest] .hero-art{background:#16372e;border-radius:50% 50% 3px 3px}
:root[data-theme=forest] .art-caption{background:var(--bg);padding:14px 0 0}
:root[data-theme=forest] .hero-canvas-fallback,:root[data-theme=forest] .img-band img,:root[data-theme=forest] .cta-bg{mix-blend-mode:screen}
:root[data-theme=forest] .band-scrim,:root[data-theme=forest] .cta-scrim{background:none}
:root[data-theme=forest] .band-cap{background:rgba(16,44,38,.92);max-width:460px;border-radius:8px}
:root[data-theme=forest] .portfolio{border-color:#54684d}
@media(min-width:769px){.design-bar{padding-left:48px;padding-right:48px}:root[data-theme=ivory] .hero{grid-template-columns:1.2fr 1fr;min-height:620px}:root[data-theme=ivory] .hero h1{font-size:clamp(60px,5.9vw,82px)}:root[data-theme=ivory] .hero-art{border-left:1px solid var(--line)}:root[data-theme=ivory] .hero-art::before{border-radius:0;transform:none;width:80%;height:90%}:root[data-theme=ivory] .product-layout{grid-template-columns:1.1fr 1fr}:root[data-theme=forest] .hero{gap:44px;grid-template-columns:1.15fr 1fr}:root[data-theme=forest] .hero-art{height:460px}:root[data-theme=forest] .stats .container{padding:8px 0}:root[data-theme=forest] .dashboard-grid{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:768px){.design-bar{padding:4px 12px;justify-content:center}.design-label{display:none}.design-choices{width:100%;justify-content:center}.design-choices button{flex:1;min-height:44px;max-width:140px}.nav-account{gap:10px}.nav-account .nav-cta{display:none}.login-link{padding:0 8px}.session-identity{display:none}.profile-name{max-width:90px}.session-actions{gap:8px}:root[data-theme=ivory] .hero-art{border:1px solid var(--line);border-radius:2px}:root[data-theme=forest] .hero-art{height:290px}}
@media(max-width:450px){.app-header .profile-name{display:none}.app-header{gap:10px}.app-header .avatar{width:30px;height:30px;font-size:12px}.app-header>.text-link{font-size:10px}}

/* The artwork is a real transparent metal sculpture, shared across palettes. */
.hero-art,.hero-art::before{isolation:isolate}
.hero-art::before{display:none}
.hero-sculpture{display:block;width:100%;height:100%;object-fit:contain;padding:0 0 36px;filter:drop-shadow(0 24px 20px rgba(0,0,0,.14));animation:sculpture-enter 1.2s cubic-bezier(.2,.7,.2,1) both}
:root[data-theme=ivory] .hero-art,:root[data-theme=forest] .hero-art{background:transparent;border:0;border-radius:0}
.hero-art,:root[data-theme=forest] .hero-art{height:340px;margin-top:20px}
@keyframes sculpture-enter{from{opacity:0;transform:translateY(18px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(min-width:769px){.hero-art,:root[data-theme=forest] .hero-art{height:510px;margin-top:0}.hero-sculpture{width:112%;max-width:none;height:112%;margin-top:-45px;padding-bottom:42px}.hero-art .art-caption{z-index:2}:root[data-theme=ivory] .hero-art{border:0}}
@media(prefers-reduced-motion:reduce){.hero-sculpture{animation:none}}

.hero-sculpture{position:absolute;inset:0;width:100%;height:calc(100% - 40px);padding:0;margin:0;max-width:none;min-height:0}
@media(min-width:769px){.hero-sculpture{width:112%;height:calc(100% - 30px);left:-6%;top:-15px}}

/* Release 03: monochrome editorial direction. */
.design-swatch.monochrome{background:#fff;border-color:#333;box-shadow:inset 5px 0 #151515}
:root[data-theme=monochrome]{--bg:#fafafa;--black:#fafafa;--black-light:#f0f0f0;--black-card:#fff;--surface:#fff;--ink:#161616;--white:#161616;--white-dim:#606060;--muted:#606060;--gold:#242424;--gold-light:#242424;--gold-dim:#555;--line:#d9d9d9;--up:#242424;--down:#555}
:root[data-theme=monochrome] body{background:var(--bg);color:var(--ink)}
:root[data-theme=monochrome] nav,:root[data-theme=monochrome] nav.scrolled,:root[data-theme=monochrome] .nav-links.open{background:var(--bg);border-color:var(--line)}
:root[data-theme=monochrome] .stats,:root[data-theme=monochrome] .product-section,:root[data-theme=monochrome] .mini-account{background:var(--surface);border-color:var(--line)}
:root[data-theme=monochrome] .hero-sculpture{filter:grayscale(1) drop-shadow(0 24px 20px rgba(0,0,0,.12))}
:root[data-theme=monochrome] img:not(.hero-sculpture),:root[data-theme=monochrome] canvas,:root[data-theme=monochrome] svg{filter:grayscale(1)}
:root[data-theme=monochrome] .img-band img,:root[data-theme=monochrome] .cta-bg{filter:grayscale(1) invert(1);mix-blend-mode:multiply}
:root[data-theme=monochrome] .band-scrim,:root[data-theme=monochrome] .cta-scrim{background:none}
:root[data-theme=monochrome] .band-cap{background:rgba(250,250,250,.95);max-width:460px}
:root[data-theme=monochrome] .cta-section p,:root[data-theme=monochrome] .band-cap p{color:var(--muted)}
:root[data-theme=monochrome] .button,:root[data-theme=monochrome] .btn-primary{background:#171717;color:#fff;border-color:#171717;border-radius:0}
:root[data-theme=monochrome] .button:hover,:root[data-theme=monochrome] .btn-primary:hover{background:#353535}
:root[data-theme=monochrome] .button.outline,:root[data-theme=monochrome] .btn-secondary,:root[data-theme=monochrome] .nav-cta{background:transparent;color:#171717;border-color:#737373;border-radius:0}
:root[data-theme=monochrome] .button.outline:hover,:root[data-theme=monochrome] .btn-secondary:hover{background:#eee}
:root[data-theme=monochrome] .badge,:root[data-theme=monochrome] .avatar,:root[data-theme=monochrome] .filters button[aria-pressed=true],:root[data-theme=monochrome] .demo-banner,:root[data-theme=monochrome] .notice,:root[data-theme=monochrome] .entry-icon,:root[data-theme=monochrome] .next-event{background:#ededed;color:#303030;border-color:#c8c8c8}
:root[data-theme=monochrome] .positive,:root[data-theme=monochrome] .negative,:root[data-theme=monochrome] .mini-change,:root[data-theme=monochrome] .result>span:first-child,:root[data-theme=monochrome] .login-status.error,:root[data-theme=monochrome] #quoteStatus,:root[data-theme=monochrome] .apply-toast.error{color:#303030}
:root[data-theme=monochrome] .amount-input,:root[data-theme=monochrome] .apply-form input[type=email]{background:#fff;color:var(--ink);border-color:#999}
:root[data-theme=monochrome] .allocation-track span:first-child,:root[data-theme=monochrome] .allocated,:root[data-theme=monochrome] .available{background:#303030}
:root[data-theme=monochrome] .allocation-track span+span,:root[data-theme=monochrome] .pending{background:#aaa}
:root[data-theme=monochrome] .reserved{border-color:#777}
:root[data-theme=monochrome] .timeline-dot{background:#ededed}
:root[data-theme=monochrome] .timeline-dot.completed{background:#303030}
:root[data-theme=monochrome] .calendar-date,:root[data-theme=monochrome] .timeline>div,:root[data-theme=monochrome] .currency{border-color:#aaa}
:root[data-theme=monochrome] .globe-stat{background:#f0f0f0;border-color:#ddd}
:root[data-theme=monochrome] .portfolio{border-top:3px solid #171717}
:root[data-theme=monochrome] .panel,:root[data-theme=monochrome] .mini-account{border-radius:0}
:root[data-theme=monochrome] .big-number{font-family:var(--sans);letter-spacing:-.06em}
:root[data-theme=monochrome] .grain-overlay{opacity:.018}
:root[data-theme=monochrome] #particles-canvas{display:none}
/* Formatting corrections shared by every design. */
.app-nav{background:var(--surface);border-color:var(--line)}
.text-link:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.design-choices button{gap:6px}
.art-caption{gap:16px;align-items:flex-start;line-height:1.5}
.art-caption span:last-child{text-align:right}
.globe-section .container{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.globe-section .container>*{min-width:0}
#globe-canvas{width:100%!important;height:auto!important;max-width:500px}
.globe-content{padding-right:0}
.hero-copy,.product-layout>*,.fees-layout>*{min-width:0}
.mini-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.mini-breakdown strong{font-variant-numeric:tabular-nums;white-space:nowrap}
@media(min-width:769px) and (max-width:1100px){.dashboard-grid,:root[data-theme=forest] .dashboard-grid{grid-template-columns:minmax(0,1fr)}nav,nav.scrolled{padding-left:24px;padding-right:24px}.nav-links{gap:16px}.nav-links a{letter-spacing:.04em}.hero,:root[data-theme=ivory] .hero,:root[data-theme=forest] .hero{padding:64px 32px;gap:24px;grid-template-columns:1.15fr 1fr}.hero h1,:root[data-theme=ivory] .hero h1{font-size:58px}.hero-actions{flex-direction:column}.product-layout{gap:32px}.mini-account{padding:24px}.mini-value{font-size:48px}}
@media(max-width:768px){.globe-section .container{grid-template-columns:minmax(0,1fr)}.globe-section{padding:64px 24px}.art-caption{font-size:8px;letter-spacing:.06em}.page-heading{align-items:flex-start}.app-header{flex-wrap:wrap}.mini-breakdown strong{font-size:14px}.mini-account{padding:22px}}
@media(max-width:480px){.design-choices button{flex-direction:column;gap:4px;padding:6px 3px;font-size:10px;min-height:48px}.design-number{display:none}.design-swatch{width:10px;height:10px}.design-bar{padding:4px 8px}.login-panel h1{font-size:34px}.demo-access dl>div{flex-wrap:wrap;gap:4px 12px}.demo-access .row{flex-wrap:wrap}}
@media(max-width:359px){.mini-account{padding:18px}.mini-breakdown strong{font-size:12px}.mini-header{font-size:9px}.hero-badge{font-size:9px;letter-spacing:.13em}}

@media(max-width:600px){.section-heading{align-items:flex-start;flex-direction:column}.section-heading .button{width:100%}.section-heading h2{font-size:25px}}

button.btn-primary{border:1px solid transparent}
:root[data-theme=monochrome] .ic{background:#eee;color:#222}
:root[data-theme=monochrome] .login-panel input:autofill{box-shadow:inset 0 0 0 1000px #fff;-webkit-text-fill-color:#161616}
@media(min-width:769px) and (max-width:1000px){.product-layout,:root[data-theme=ivory] .product-layout{grid-template-columns:minmax(0,1fr)}.mini-account{width:100%;max-width:none}}