html,body{height:auto!important;overflow-y:auto!important}:root[data-surface=landing]{--bg: #0b0d10;--bg-elev: #12161b;--panel: #151a21;--panel-alt: #1a2029;--text: #e7ebf0;--text-subtle: #b7c2ce;--muted: #8b99aa;--line: #243040;--border-subtle: color-mix(in srgb, var(--line) 45%, transparent);--border-strong: color-mix(in srgb, var(--line) 80%, transparent);--accent-subtle: #bfa35a;color-scheme:dark!important}html[data-surface=landing],html[data-surface=landing] body,html[data-surface=landing] #root{background:var(--bg)!important;color:var(--text)!important}.landing-page{position:relative;min-height:100dvh;color:#e7ebf0;background:linear-gradient(180deg,#070a0e29,#070a0e47),radial-gradient(circle at top left,rgba(255,208,88,.08),transparent 32%),radial-gradient(circle at top right,rgba(110,168,254,.1),transparent 28%),radial-gradient(circle at 55% 18%,rgba(255,255,255,.025),transparent 18%);background-position:center,top left,top right,center top;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:cover,auto,auto,auto;overflow:hidden}.landing-page:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 85%);mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 85%);pointer-events:none}.landing-shell{position:relative;width:min(1360px,calc(100% - 48px));margin:0 auto;padding:8px 0 48px}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:stretch;padding:8px 0 88px}.landing-hero-top{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:stretch}.landing-hero-panel,.landing-card,.landing-metric-card,.landing-footer{border:1px solid color-mix(in srgb,var(--border-subtle) 80%,transparent);background:linear-gradient(180deg,#141a21eb,#0b0d10eb);box-shadow:var(--shadow-3);border-radius:24px}.landing-page,.landing-page p,.landing-page li,.landing-page strong,.landing-page h1,.landing-page h2,.landing-page h3{color:#e7ebf0}.landing-hero-copy{position:relative;padding:36px 32px 0;width:100%;border:0;background:transparent;box-shadow:none}.landing-hero-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.landing-hero-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.landing-hero-copy:after,.landing-hero-panel:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.landing-badge,.landing-eyebrow{display:inline-flex;align-items:center;letter-spacing:.08em;text-transform:uppercase}.landing-kicker-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.landing-brand-logo{display:block;width:clamp(118px,11vw,162px);height:auto;object-fit:contain;filter:drop-shadow(0 12px 26px rgba(0,0,0,.32))}.landing-badge{padding:6px 12px;border-radius:999px;color:#1e1402;background:linear-gradient(135deg,#ffd05833,#ffd05812);border:1px solid rgba(255,208,88,.18);font-size:12px;box-shadow:inset 0 1px #ffffff0d}.landing-eyebrow{margin:0;color:#bfa35a;font-size:12px;gap:10px;letter-spacing:.12em}.landing-eyebrow:before{content:"";display:inline-block;width:18px;height:2px;border-radius:2px;background:var(--brand);opacity:.8;flex-shrink:0}.landing-hero h1,.landing-section h2{margin:0;line-height:1.02;letter-spacing:-.03em}.landing-section h2{font-weight:760;letter-spacing:-.025em}.landing-hero h1{max-width:none;font-size:clamp(3.1rem,5.35vw,5.75rem);text-wrap:normal;text-shadow:0 8px 24px rgba(0,0,0,.18)}.landing-headline-line{display:block}.landing-headline-accent{background:linear-gradient(118deg,#fff,color-mix(in srgb,var(--brand) 55%,#fff 45%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-headline-line--accent-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.landing-headline-line:first-of-type,.landing-headline-accent,.landing-card h3,.landing-signal-card strong,.landing-metric-card strong,.landing-section h2,.landing-closing-copy h3{color:#e7ebf0;-webkit-text-fill-color:currentColor}@media(min-width:1200px){.landing-hero h1{max-width:24ch;margin-inline:auto;font-size:clamp(2.9rem,4.9vw,5.2rem)}.landing-headline-line:first-child{white-space:nowrap}}.landing-lead,.landing-card p,.landing-footer p{color:#b7c2ce;line-height:1.6}.landing-lead--compact{max-width:62ch;margin-top:0}.landing-lead{max-width:42rem;margin-top:8px;font-size:clamp(.98rem,1.2vw,1.08rem);line-height:1.45;color:color-mix(in srgb,var(--text-subtle) 86%,transparent)}.landing-headline-addon{display:inline-block;font-size:.22em;color:color-mix(in srgb,var(--text-subtle) 78%,transparent);font-weight:440;letter-spacing:0;line-height:1.2;vertical-align:baseline;white-space:nowrap}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.landing-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:14px;text-decoration:none;font-weight:600;transition:transform .32s var(--ease, cubic-bezier(.2,.7,.2,1)),box-shadow .32s var(--ease, cubic-bezier(.2,.7,.2,1)),border-color .32s var(--ease, cubic-bezier(.2,.7,.2,1))}.landing-button-primary{color:var(--tab-active-text);background:linear-gradient(135deg,#ffd058,#e6b93d);box-shadow:0 14px 28px #e6b93d33,inset 0 1px #ffffff24}.landing-button-topbar{min-height:42px;padding:0 16px}.landing-button-secondary{color:var(--text);background:#ffffff0a;border:1px solid var(--border-subtle)}.landing-button:hover{transform:translateY(-1px)}.landing-hero-panel{position:relative;padding:0;display:grid;gap:14px;align-content:start;border:0;background:transparent;box-shadow:none}.landing-signal-card,.landing-metric-card{position:relative;overflow:hidden;padding:18px 20px;border-radius:20px;background:linear-gradient(180deg,#ffffff0b,#ffffff03),linear-gradient(180deg,#141a21e6,#0b0d10eb);border:1px solid rgba(255,255,255,.07);box-shadow:0 18px 40px #0003,inset 0 1px #ffffff0d}.landing-signal-card:before,.landing-metric-card:before,.landing-card:before,.landing-flow-card:before,.landing-showcase-panel:before,.landing-closing-panel:before,.landing-footer:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 26%)}.landing-signal-card strong{max-width:26ch}.landing-signal-card__body{margin:12px 0 0;color:#b7c2ce;font-size:.98rem;line-height:1.65}.landing-signal-card span,.landing-metric-card span{display:block;color:#8b99aa;font-size:13px;margin-bottom:6px}.landing-signal-card strong,.landing-metric-card strong{font-size:1.12rem;line-height:1.35}.landing-section{padding:96px 0}.landing-section+.landing-section{margin-top:0}.landing-section-heading{max-width:760px;margin-bottom:18px}.landing-story-layout{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:44px;align-items:start}.landing-story-copy{max-width:38rem}.landing-lead--story{max-width:none;margin-top:16px}.landing-promise-grid,.landing-preview-strip{display:grid;gap:16px}.landing-promise-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto}.landing-card--promise-wide{grid-column:1 / -1;flex-direction:row!important;align-items:center;gap:32px;min-height:110px!important}.landing-card--promise-wide h3{min-width:200px;flex-shrink:0;margin:0!important}.landing-card--promise-wide .landing-card__microcopy{border-left:1px solid rgba(255,255,255,.09);padding-left:32px;color:var(--text-subtle)}.landing-card{position:relative;overflow:hidden;padding:24px;transition:transform .34s var(--ease, cubic-bezier(.2,.7,.2,1)),box-shadow .34s var(--ease, cubic-bezier(.2,.7,.2,1)),border-color .34s var(--ease, cubic-bezier(.2,.7,.2,1))}.landing-card--promise{min-height:160px;display:flex;flex-direction:column;justify-content:space-between}.landing-card h3{margin:0 0 12px;font-size:1.12rem}.landing-card__microcopy{max-width:none;margin:0;font-size:1rem;line-height:1.6}.landing-card:hover,.landing-highlight-list li:hover,.landing-metric-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 28%,rgba(255,255,255,.07));box-shadow:0 22px 44px #0000003d,inset 0 1px #ffffff0d}.landing-step-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:80px;position:relative}.landing-step-rail:before{content:"";position:absolute;top:22px;left:calc(100% / 6);right:calc(100% / 6);height:1px;background:linear-gradient(90deg,transparent,rgba(255,208,88,.22) 15%,rgba(255,208,88,.22) 85%,transparent);pointer-events:none}.landing-step-card{padding:0 32px 0 0;position:relative}.landing-step-card:last-child{padding-right:0}.landing-step-card__number{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:750;letter-spacing:.12em;color:color-mix(in srgb,var(--brand) 80%,transparent);margin-bottom:20px}.landing-step-card__number:before{content:"";width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--brand) 75%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--brand) 45%,transparent);flex-shrink:0}.landing-step-card h3{margin:0 0 10px;font-size:1.05rem;font-weight:650}.landing-step-card p{margin:0;color:var(--text-subtle);line-height:1.6;font-size:.9rem}.landing-closing-panel{border-radius:24px;border:1px solid color-mix(in srgb,var(--border-subtle) 80%,transparent);background:linear-gradient(180deg,#141a21e0,#0b0d10e6);box-shadow:var(--shadow-3)}.landing-preview-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-showcase-copy .landing-lead{margin-top:0}.landing-product-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:56px;align-items:center}.landing-showcase-copy{padding-top:0;display:flex;flex-direction:column;gap:28px}.landing-showcase-copy .landing-section-heading{gap:10px}.landing-feature-list{display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--border-subtle) 70%,transparent);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#141a2199,#0b0d10b3)}.landing-feature-row{display:flex;align-items:center;gap:18px;padding:18px 22px;border-bottom:1px solid color-mix(in srgb,var(--border-subtle) 55%,transparent);transition:background-color .24s var(--ease, cubic-bezier(.2,.7,.2,1))}.landing-feature-row:last-child{border-bottom:none}.landing-feature-row:hover{background:#ffffff08}.landing-feature-row__index{font-size:10px;font-weight:750;letter-spacing:.1em;color:color-mix(in srgb,var(--brand) 65%,transparent);min-width:22px;flex-shrink:0}.landing-feature-row__body{display:flex;flex-direction:column;gap:3px}.landing-feature-row__label{font-size:11px;font-weight:500;letter-spacing:.04em;color:#e7ebf080;text-transform:uppercase}.landing-feature-row__value{font-size:1rem;font-weight:650;color:#e7ebf0;line-height:1.25}.landing-showcase-panel{position:relative;overflow:hidden;display:grid;gap:18px;padding:22px;border-radius:24px;border:1px solid color-mix(in srgb,var(--border-subtle) 80%,transparent);background:radial-gradient(circle at top right,rgba(255,208,88,.12),transparent 28%),linear-gradient(180deg,#141a21eb,#0b0d10eb);box-shadow:0 26px 54px #00000042,inset 0 1px #ffffff0d}.landing-highlight-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.landing-highlight-list--inline{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.landing-highlight-list li{padding:11px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border-subtle) 60%,transparent);background:#ffffff08;color:#e7ebf09e;font-size:13px;font-weight:500;text-align:center;transition:transform .24s var(--ease, cubic-bezier(.2,.7,.2,1)),color .24s var(--ease, cubic-bezier(.2,.7,.2,1)),border-color .24s var(--ease, cubic-bezier(.2,.7,.2,1))}.landing-highlight-list li:hover{color:#e7ebf0e6;border-color:color-mix(in srgb,var(--brand) 22%,var(--border-subtle) 78%)}.landing-app-screenshot{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 32px 80px #0000009e,0 0 0 1px #ffffff0a inset;background:#0a0d12;max-height:420px}.landing-app-screenshot:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,transparent 55%,rgba(6,9,14,.55) 80%,rgba(6,9,14,.88) 100%);pointer-events:none}.landing-app-screenshot__img{display:block;width:100%;height:auto;border-radius:inherit;object-fit:cover}.landing-closing-panel{margin-top:80px;position:relative;overflow:hidden;padding:28px 30px;display:flex;align-items:end;justify-content:space-between;gap:28px}.landing-closing-copy h3{margin:12px 0 16px;font-size:clamp(1.55rem,2.6vw,2.2rem);line-height:1.08;letter-spacing:-.03em}.landing-closing-copy p{margin:0;max-width:44rem;color:var(--text-subtle);line-height:1.6}.landing-footer{margin-top:96px;position:relative;overflow:hidden;padding:22px 24px}.landing-footer-links{display:flex;flex-wrap:wrap;gap:16px}.landing-footer-links a{color:#e7ebf0d6;text-decoration:none;transition:color var(--motion-fast, .14s) var(--ease, cubic-bezier(.2,.7,.2,1))}.landing-footer-links a:hover{color:#e7ebf0}@media(max-width:920px){.landing-section{padding:64px 0}.landing-hero,.landing-hero-top,.landing-story-layout,.landing-product-layout,.landing-promise-grid,.landing-step-rail,.landing-preview-strip,.landing-highlight-list--inline{grid-template-columns:1fr}.landing-card--promise-wide{flex-direction:column!important;gap:12px}.landing-card--promise-wide .landing-card__microcopy{border-left:none;padding-left:0;border-top:1px solid rgba(255,255,255,.09);padding-top:12px}.landing-step-rail:before{display:none}.landing-step-card{padding:0 0 28px;border-bottom:1px solid rgba(255,255,255,.06)}.landing-step-card:last-child{padding-bottom:0;border-bottom:none}.landing-shell{width:min(100% - 24px,1180px);padding-top:20px}.landing-hero-copy,.landing-hero-panel,.landing-card,.landing-metric-card,.landing-footer{border-radius:20px}.landing-hero-topbar{justify-content:flex-start}.landing-hero-header{align-items:flex-start;flex-direction:column;margin-bottom:24px}.landing-hero-panel{grid-template-columns:1fr}.landing-closing-panel{align-items:start;flex-direction:column}.landing-headline-addon{display:inline}}@media(max-width:720px){.landing-shell{width:min(100% - 16px,1180px);padding-top:12px;padding-bottom:32px}.landing-hero{gap:20px;padding:4px 0 56px}.landing-hero-copy{padding:20px 16px 0}.landing-hero-header{gap:16px;margin-bottom:18px}.landing-kicker-row{gap:10px;flex-wrap:nowrap;align-items:center}.landing-brand-logo{width:112px;flex:0 0 auto}.landing-badge,.landing-eyebrow{font-size:11px;letter-spacing:.08em}.landing-eyebrow:before{width:12px}.landing-eyebrow{min-width:0;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-hero-topbar,.landing-actions{width:100%}.landing-button,.landing-button-topbar{width:100%;min-height:44px}.landing-hero h1{font-size:clamp(2.2rem,10vw,3.15rem);line-height:1.04;overflow-wrap:anywhere}.landing-headline-line{display:block}.landing-headline-line--accent-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.landing-headline-accent{display:block;line-height:1.02}.landing-headline-addon{display:block;max-width:26ch;white-space:normal;line-height:1.35;font-size:.22em}.landing-lead,.landing-card__microcopy,.landing-step-card p,.landing-closing-copy p{font-size:.95rem;line-height:1.55}.landing-section-heading{margin-bottom:14px}.landing-card,.landing-signal-card,.landing-metric-card,.landing-showcase-panel,.landing-closing-panel,.landing-footer{border-radius:18px}.landing-card,.landing-signal-card,.landing-metric-card,.landing-showcase-panel{padding:18px 16px}.landing-card--promise-wide h3{min-width:0}.landing-step-rail{margin-top:44px}.landing-step-card{padding:0 0 22px}.landing-product-layout{gap:28px}.landing-highlight-list--inline{grid-template-columns:1fr}.landing-highlight-list li{padding:10px 12px;font-size:12px}.landing-feature-row{align-items:flex-start;gap:12px;padding:14px}.landing-feature-row__label{font-size:10px}.landing-feature-row__value{font-size:.95rem;overflow-wrap:anywhere}.landing-app-screenshot{max-height:260px}.landing-closing-panel{margin-top:48px;padding:20px 16px;gap:18px}.landing-footer{margin-top:64px;padding:18px 16px}.landing-footer-links{gap:12px}.landing-footer-links a{font-size:.92rem}}.legal-page{min-height:100vh;min-height:100svh;background:radial-gradient(840px 520px at 15% 10%,rgba(110,168,254,.08),transparent 68%),linear-gradient(180deg,#0b0d10,#0f141a);color:#e7ebf0;padding:clamp(var(--space-4),5vw,var(--space-6));box-sizing:border-box;position:relative;z-index:0}.legal-page__inner{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4);position:relative;z-index:1}.legal-page__header{display:flex;flex-direction:column;gap:var(--space-2)}.legal-page__title{margin:0;font-size:26px;font-weight:700}.legal-page__intro{margin:0;color:#e7ebf0b8}.legal-page__nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.legal-page__nav-link{padding:6px 12px;border-radius:999px;border:1px solid rgba(76,94,118,.72);background:#151a21e0;color:#e7ebf0d1;font-size:13px;font-weight:600;text-decoration:none}.legal-page__nav-link--active{background:#6ea8fe29;color:#e7ebf0;border-color:#6ea8fe6b}.legal-page__content{display:flex;flex-direction:column;gap:var(--space-4);background:#151a21f5;border:1px solid rgba(76,94,118,.45);border-radius:18px;padding:clamp(var(--space-4),4vw,var(--space-6));box-shadow:0 14px 40px #00000040;position:relative;z-index:1}.legal-page__section h2{margin:0 0 var(--space-2) 0;font-size:18px}.legal-page__section p{margin:0;color:#e7ebf0d1;line-height:1.6}.legal-page__section+.legal-page__section{padding-top:var(--space-2);border-top:1px solid rgba(76,94,118,.35)}.legal-page__footer{display:flex;flex-wrap:wrap;gap:var(--space-2)}.legal-page__footer-link{color:#6ea8fe;font-weight:600;text-decoration:none}.legal-page__footer-link:hover{color:#8ab9ff}:root{--theme-bg-duration: .42s;--theme-bg-easing: ease-in-out;--theme-bg-delay: 0ms;--theme-text-duration: .12s;--theme-text-easing: ease-out;--theme-text-delay: 0ms;--status-transition-duration: .24s;--status-transition-easing: cubic-bezier(.2, .7, .2, 1);--theme-transition-duration: var(--theme-bg-duration);--theme-transition-easing: var(--theme-bg-easing)}:where(html,body,body *){transition-property:background-color,border-color,box-shadow,color,fill,stroke;transition-duration:var(--theme-bg-duration, .42s),var(--theme-bg-duration, .42s),var(--theme-bg-duration, .42s),var(--theme-text-duration, .12s),var(--theme-text-duration, .12s),var(--theme-text-duration, .12s);transition-timing-function:var(--theme-bg-easing, ease-in-out),var(--theme-bg-easing, ease-in-out),var(--theme-bg-easing, ease-in-out),var(--theme-text-easing, ease-out),var(--theme-text-easing, ease-out),var(--theme-text-easing, ease-out);transition-delay:var(--theme-bg-delay, 0ms),var(--theme-bg-delay, 0ms),var(--theme-bg-delay, 0ms),var(--theme-text-delay, 0ms),var(--theme-text-delay, 0ms),var(--theme-text-delay, 0ms)}html{background-color:var(--bg, #0b0d10);color:var(--text, #e7ebf0)}@media(prefers-color-scheme:light){html:not([data-surface=landing]){background-color:#eef1f7;color:#0c1116}}@media(prefers-reduced-motion:reduce){:root{--theme-bg-duration: 0ms;--theme-text-duration: 0ms;--theme-bg-delay: 0ms;--theme-text-delay: 0ms;--status-transition-duration: 0ms}}@layer base{:root{--content-pad-inline: 140px;--content-pad-inline-mobile: var(--space-4, 16px)}}:root{--bg: #0b0d10;--bg-elev: #12161b;--panel: #151a21;--panel-alt: #1a2029;--panel-hover: color-mix(in srgb, var(--panel) 88%, transparent);--text: #e7ebf0;--text-subtle: #b7c2ce;--muted: #8b99aa;--home-panel-height: 20rem;--compact-width-cutoff: 1366px;--compact-height-cutoff: 900px;color-scheme:dark;transition:background-color var(--theme-bg-duration) var(--theme-bg-easing) var(--theme-bg-delay),border-color var(--theme-bg-duration) var(--theme-bg-easing) var(--theme-bg-delay),box-shadow var(--theme-bg-duration) var(--theme-bg-easing) var(--theme-bg-delay),color var(--theme-text-duration) var(--theme-text-easing) var(--theme-text-delay);--brand: #6ea8fe;--brand-contrast: #0b1220;--tab-active-bg: rgba(255, 208, 88, .22);--tab-active-text: #1e1402;--tab-active-border: rgba(255, 208, 88, .55);--tab-active-glow-color: rgba(255, 208, 88, .45);--tab-active-glow-blur: 4px;--tab-active-glow-spread: 0;--tab-active-glow-alpha: 1;--brand-glow: rgba(255, 208, 88, .28);--brand-glow-strong: rgba(255, 208, 88, .45);--badge-blue: #1d4ed8;--badge-blue-hover: #1e3a8a;--badge-green: #047857;--badge-green-hover: #065f46;--badge-red: #b91c1c;--badge-red-hover: #991b1b;--badge-yellow: #aa4f05;--badge-yellow-hover: #8f2c08;--badge-neutral: #334155;--badge-neutral-hover: #1f2937;--badge-text-light: #e7ebf0;--badge-text-dark: #0b0d10;--line: #243040;--border-subtle: color-mix(in srgb, var(--line) 45%, transparent);--border-strong: color-mix(in srgb, var(--line) 80%, transparent);--border: color-mix(in srgb, var(--line) 64%, var(--panel) 36%);--surf-1: color-mix(in srgb, var(--panel) 88%, var(--bg-elev) 12%);--surf-2: color-mix(in srgb, var(--panel-alt) 82%, var(--panel) 18%);--surf-3: color-mix(in srgb, var(--panel-alt) 74%, var(--bg) 26%);--r-card: 18px;--r-pill: 999px;--tooltip-bg: color-mix(in srgb, var(--panel-hover) 88%, black 12%);--tooltip-text: var(--muted);--tooltip-radius: 12px;--tooltip-shadow: 0 16px 44px rgba(0, 0, 0, .45);--z-overlay: 900;--sh-1: var(--shadow-1);--sh-2: var(--shadow-2);--sh-3: var(--shadow-3);--badge-font: 11px;--badge-height: 20px;--good: #19c37d;--bad: #ef4444;--warn: #f59e0b;--neutral: #4a78d6;--neutral-contrast: #f4f7ff;--macro-sparkline-stroke-width: 2;--macro-sparkline-stroke-color: color-mix(in srgb, var(--brand) 55%, var(--good) 45%);--macro-sparkline-glow-up-start: var(--ok-500);--macro-sparkline-glow-up-mid: var(--ok-400);--macro-sparkline-glow-down-start: var(--bad-500);--macro-sparkline-glow-down-mid: color-mix(in srgb, var(--bad-500) 65%, var(--bad) 35%);--macro-sparkline-glow-blur: 8;--surface-2: var(--surf-2);--success-bg: color-mix(in srgb, var(--good) 22%, transparent);--success-text: color-mix(in srgb, var(--good) 88%, #08150d);--danger-bg: color-mix(in srgb, var(--bad) 22%, transparent);--danger-text: color-mix(in srgb, var(--bad) 88%, #19090c);--green-400: var(--ok-400);--red-400: var(--bad-500);--pulse-up: var(--green-400);--pulse-down: var(--red-400);--ok-500: #22c55e;--ok-400: #16a34a;--bad-500: #ef4444;--accent-warn: #f5c744;--accent-warn-hover: #e9ba36;--accent-panel: #e6b93d;--accent-panel-hover: #d7aa33;--accent-subtle: #bfa35a;--gm-cell-size: 20px;--gm-cell-gap: 12px;--gm-cell-radius: 14px;--gm-cell-border: rgba(255, 255, 255, .12);--gm-color-pos: #7fd0ff;--gm-color-neg: #ff8d8d;--gm-color-neutral: rgba(255, 255, 255, .72);--gm-color-hover-bg: rgba(255, 255, 255, .04);--gm-color-active-border: rgba(255, 255, 255, .45);--gm-grid-line-horizontal: color-mix(in srgb, var(--line, rgba(255, 255, 255, .24)) 55%, transparent);--gm-grid-line-vertical: rgba(255, 255, 255, .08);--gm-grid-line-boundary: rgba(255, 255, 255, .45);--gm-zero-line: rgba(255, 255, 255, .18);--gm-tooltip-bg: rgba(5, 10, 20, .92);--gm-tooltip-text: var(--text, #eef2ff);--gm-tooltip-border: rgba(255, 255, 255, .12);--gm-tooltip-shadow: 0 18px 40px rgba(0, 0, 0, .55);--gm-tooltip-radius: 16px;--gm-tooltip-padding: 12px 16px;--gm-transition-duration: .2s;--gm-transition-ease: ease;--chart-axis-color: color-mix(in srgb, var(--text, #eef2ff) 68%, transparent);--chart-axis-label: color-mix(in srgb, var(--text, #eef2ff) 90%, transparent);--chart-axis-secondary-color: color-mix(in srgb, var(--text, #eef2ff) 80%, transparent);--chart-grid-line: color-mix(in srgb, var(--line, rgba(255, 255, 255, .24)) 55%, transparent);--chart-grid-dashed: rgba(255, 255, 255, .08);--chart-line-primary: color-mix(in srgb, #ffffff 80%, #d4d7e5 20%);--chart-line-secondary: color-mix(in srgb, #c7d3ff 40%, #ffffff 60%);--chart-line-price: #f4f7ff;--chart-line-ema-fast: #7fbeff;--chart-line-ema-slow: #ffd54f;--chart-line-score: #8ed6ff;--chart-line-volatility: #ffb347;--chart-line-ratio: #d084fe;--chart-line-muted: rgba(227, 233, 245, .55);--macro-cluster-energy-line: #ffda79;--macro-cluster-industrial-line: #40c9ff;--macro-cluster-precious-line: #fba1dd;--macro-cluster-agriculture-line: #9bffb0;--macro-cluster-strategic-line: #6ff2b0;--macro-cluster-fx-usd-line: #5ea1ff;--macro-cluster-fx-jpy-line: #c084fc;--macro-cluster-fx-cny-line: #7ae5ff;--macro-cluster-fx-euro-line: #ffd966;--macro-cluster-fx-emfx-line: #ff9fb3;--chart-line-width: 2.1;--chart-hover-dot-size: 4;--chart-hover-dot-color: color-mix(in srgb, #0b162a 80%, #111827 20%);--chart-hover-line: rgba(255, 255, 255, .35);--chart-tooltip-bg: color-mix(in srgb, var(--panel-alt, #1a2029) 92%, rgba(4, 9, 17, .85) 8%);--chart-tooltip-text: #eef2ff;--chart-tooltip-shadow: 0 18px 40px rgba(0, 0, 0, .55);--chart-tooltip-radius: 16px;--chart-tooltip-padding: 12px 16px;--chart-tooltip-border: color-mix(in srgb, var(--border-subtle) 80%, transparent);--chart-tooltip-delay: 0ms;--chart-transition-duration: .2s;--chart-transition-ease: ease;--chart-padding-left: 60px;--chart-band-fill: color-mix(in srgb, var(--chart-line-ema-fast, #7fbeff) 60%, var(--chart-line-ema-slow, #ffd54f) 40%);--chart-band-opacity: .18;--chart-band-soft-opacity: .1;--macro-reversion-high: var(--accent-warn);--macro-reversion-mid: var(--neutral);--macro-reversion-low: var(--good);--sidebar-icon-color: color-mix(in srgb, var(--text) 82%, transparent);--sidebar-icon-color-hover: color-mix(in srgb, var(--text) 96%, transparent);--sidebar-icon-color-active: color-mix(in srgb, var(--brand) 70%, transparent);--panel-title-h: 56px;--panel-colheader-h: 44px;--panel-header-bg: color-mix(in srgb, var(--panel-alt) 96%, transparent);--panel-header-border: color-mix(in srgb, var(--border-subtle) 80%, transparent);--barchart-bar-long: #7fb2ff;--barchart-bar-short: #4dd7c5;--barchart-bar-neutral: #a9b7ff;--barchart-bar-negative: #f97371;--barchart-axis: color-mix(in srgb, var(--text, #eef2ff) 60%, transparent);--barchart-grid: color-mix(in srgb, var(--line, rgba(255, 255, 255, .24)) 30%, transparent);--barchart-tooltip-bg: color-mix(in srgb, var(--panel-alt, #1a2029) 92%, rgba(4, 9, 17, .7) 8%);--barchart-tooltip-border: rgba(255, 255, 255, .08);--barchart-tooltip-shadow: 0 18px 40px rgba(0, 0, 0, .55);--barchart-tooltip-text: var(--text, #eef2ff);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--radius: 12px;--ring: 0 0 0 2px rgba(110,168,254,.35);--shadow-1: 0 1px 3px rgba(0,0,0,.4);--shadow-2: 0 8px 26px rgba(0,0,0,.45);--shadow-3: 0 16px 44px rgba(0,0,0,.48);--se3-gap: 18px;--se3-section-gap: 18px;--se3-card-radius: 18px;--se3-chip-gap: 10px;--se3-chip-pad: 6px 14px;--se3-anim-fast: .16s;--z-card-active: 60;--notif-min-width: 280px;--notif-max-width: 460px;--notif-padding-y: 14px;--notif-padding-x: 18px;--notif-gap: 12px;--notif-radius: 16px;--notif-icon-size: 22px;--notif-font-size: 14px;--notif-line-height: 1.45;--notif-shadow: var(--shadow-2);--notif-bg-default: color-mix(in srgb, var(--panel) 88%, var(--panel-alt) 12%);--notif-text-default: var(--text);--notif-info-bg: color-mix(in srgb, var(--panel) 82%, var(--brand) 18%);--notif-success-bg: color-mix(in srgb, var(--panel) 78%, var(--good) 22%);--notif-warn-bg: color-mix(in srgb, var(--panel) 76%, var(--warn) 24%);--notif-error-bg: color-mix(in srgb, var(--panel) 74%, var(--bad) 26%);--notif-border: color-mix(in srgb, var(--border-strong) 65%, var(--panel) 35%);--notif-border-info: color-mix(in srgb, var(--brand) 50%, var(--notif-border) 50%);--notif-border-success: color-mix(in srgb, var(--good) 55%, var(--notif-border) 45%);--notif-border-warn: color-mix(in srgb, var(--warn) 65%, var(--notif-border) 35%);--notif-border-error: color-mix(in srgb, var(--bad) 70%, var(--notif-border) 30%);--notif-motion-in: .32s;--notif-motion-out: .26s;--ease: cubic-bezier(.2,.7,.2,1);--motion-fast: .56s;--motion-normal: .88s;--motion-exit: .75s;--ease-nav: cubic-bezier(.22, 1, .36, 1);--motion-nav-fast: .16s;--motion-nav-medium: .24s;--motion-nav-slow: .32s;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Apple Color Emoji","Segoe UI Emoji";--font-xs: 12px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--num-ch-price: 12ch;--num-ch-pct: 7ch;--num-ch-vol: 10ch;--bg-glow-a: rgba(110,168,254,.08);--bg-glow-b: rgba(120,90,255,.07);--bg-glow-c: rgba(0,210,170,.06);--bg-glow-a-size: 1100px 700px;--bg-glow-a-pos: 12% -8%;--bg-glow-b-size: 900px 600px;--bg-glow-b-pos: 88% -6%;--bg-glow-c-size: 1000px 650px;--bg-glow-c-pos: 50% 120%;--bg-top-shade: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.1));--bg-anim-speed: 60s}*{box-sizing:border-box}html,body,#root{height:100%}body{position:relative;isolation:isolate;margin:0;color:var(--text);font:400 var(--fs-14)/1.4 var(--font);overflow:hidden;background:radial-gradient(var(--bg-glow-a-size) at var(--bg-glow-a-pos),var(--bg-glow-a),transparent 60%),radial-gradient(var(--bg-glow-b-size) at var(--bg-glow-b-pos),var(--bg-glow-b),transparent 60%),radial-gradient(var(--bg-glow-c-size) at var(--bg-glow-c-pos),var(--bg-glow-c),transparent 60%),var(--bg-top-shade),var(--bg);background-position:var(--bg-glow-a-pos),var(--bg-glow-b-pos),var(--bg-glow-c-pos),0 0,0 0;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:auto,auto,auto,auto,auto;background-attachment:fixed,fixed,fixed,fixed,fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#070a0eb8,#070a0ed6),url(/assets/backround001-D3aZTTMA.png);background-position:center center,center center;background-repeat:no-repeat,no-repeat;background-size:cover,cover;background-attachment:fixed,fixed}:root[data-theme=light] body:before{background:linear-gradient(180deg,#ffffffa3,#eef1f7d1),url(/assets/backround002-DVvJIjql.png);background-position:center center,center center;background-repeat:no-repeat,no-repeat;background-size:cover,cover;background-attachment:fixed,fixed}.app-root{position:relative;z-index:1;background:transparent!important;isolation:isolate}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}:where(button,[href],input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:var(--ring);border-color:var(--brand)}.u-muted{color:var(--muted)}.u-row{display:flex;gap:var(--space-2);align-items:center}.u-col{display:flex;flex-direction:column;gap:var(--space-2)}@keyframes bgDrift{0%{background-position:var(--bg-glow-a-pos),var(--bg-glow-b-pos),var(--bg-glow-c-pos),0 0,0 0}50%{background-position:18% -10%,82% -4%,52% 116%,0 0,0 0}to{background-position:var(--bg-glow-a-pos),var(--bg-glow-b-pos),var(--bg-glow-c-pos),0 0,0 0}}.bg-animate{animation:bgDrift var(--bg-anim-speed) ease-in-out infinite}@media(prefers-reduced-motion:reduce){.bg-animate{animation:none!important}}:root[data-theme=light]{--bg: #eef1f7;--bg-elev: #fbfcff;--panel: #ffffff;--panel-alt: #f4f6fb;--panel-hover: color-mix(in srgb, var(--panel) 92%, #0c11160f);--text: #0c1116;--text-subtle: #475464;--muted: #596977;--home-panel-height: 20rem;--brand: #246bff;--brand-contrast: #eff4ff;--tab-active-bg: color-mix(in srgb, #ffd058 60%, #ffffff 40%);--tab-active-text: #201400;--tab-active-border: color-mix(in srgb, #ffd058 70%, transparent);--tab-active-glow-color: rgba(255, 208, 88, .55);--tab-active-glow-blur: 6px;--tab-active-glow-spread: 0;--tab-active-glow-alpha: 1;--badge-blue: #1d4ed8;--badge-blue-hover: #1e3a8a;--badge-green: #047857;--badge-green-hover: #065f46;--badge-red: #b91c1c;--badge-red-hover: #991b1b;--badge-yellow: #aa4f05;--badge-yellow-hover: #8f2c08;--badge-neutral: #334155;--badge-neutral-hover: #1f2937;--badge-text-light: #e7ebf0;--badge-text-dark: #0b0d10;--chart-line-primary: #111827;--chart-line-secondary: #475569;--chart-line-price: #0f172a;--chart-line-ema-fast: #2563eb;--chart-line-ema-slow: #d97706;--chart-line-score: #2563eb;--chart-line-volatility: #d97706;--chart-line-ratio: #7c3aed;--chart-line-muted: rgba(55, 65, 81, .55);--macro-cluster-energy-line: #d97706;--macro-cluster-industrial-line: #1d4ed8;--macro-cluster-precious-line: #c026d3;--macro-cluster-agriculture-line: #16a34a;--macro-cluster-strategic-line: #15803d;--macro-cluster-fx-usd-line: #1d4ed8;--macro-cluster-fx-jpy-line: #7c3aed;--macro-cluster-fx-cny-line: #0284c7;--macro-cluster-fx-euro-line: #d97706;--macro-cluster-fx-emfx-line: #be123c;--chart-hover-line: rgba(15, 23, 42, .45);--chart-hover-dot-color: #111827;--chart-tooltip-bg: #ffffff;--chart-tooltip-text: #0c1116;--chart-tooltip-border: rgba(12, 17, 22, .08);--chart-tooltip-shadow: 0 10px 30px rgba(15, 20, 30, .15);--chart-band-fill: color-mix(in srgb, var(--chart-line-ema-fast, #2563eb) 70%, #ffffff 30%);--chart-band-opacity: .25;--chart-band-soft-opacity: .14;--chart-axis-color: #111827;--chart-axis-label: color-mix(in srgb, var(--text, #0c1116) 80%, transparent);--chart-axis-secondary-color: color-mix(in srgb, var(--text, #0c1116) 60%, transparent);--barchart-bar-long: #4f46e5;--barchart-bar-short: #22c55e;--barchart-bar-neutral: #64748b;--barchart-bar-negative: #ef4444;--barchart-axis: color-mix(in srgb, var(--text, #0c1116) 60%, transparent);--barchart-grid: color-mix(in srgb, var(--line, rgba(0, 0, 0, .15)) 30%, transparent);--barchart-tooltip-bg: #ffffff;--barchart-tooltip-border: rgba(12, 17, 22, .08);--barchart-tooltip-shadow: 0 18px 40px rgba(12, 17, 22, .15);--barchart-tooltip-text: var(--text, #0c1116);--line: #d8deea;--border-subtle: color-mix(in srgb, var(--line) 45%, transparent);--border-strong: color-mix(in srgb, var(--line) 75%, transparent);--border: color-mix(in srgb, var(--line) 55%, var(--panel) 45%);--surf-1: color-mix(in srgb, var(--panel) 92%, var(--panel-alt) 8%);--surf-2: color-mix(in srgb, var(--panel-alt) 88%, var(--bg) 12%);--surf-3: color-mix(in srgb, var(--panel-alt) 82%, var(--bg-elev) 18%);--r-card: 16px;--r-pill: 999px;--sh-1: var(--shadow-light-1, var(--shadow-1));--sh-2: var(--shadow-light-2, var(--shadow-2));--sh-3: var(--shadow-3);--badge-font: 11px;--badge-height: 20px;--good: #0e8a5a;--bad: #c43434;--warn: #c07a0f;--neutral: #2658ad;--neutral-contrast: #f4f7ff;--surface-2: var(--surf-2);--gm-tooltip-bg: rgba(255, 255, 255, .95);--gm-tooltip-text: var(--text, #0c1116);--gm-tooltip-border: color-mix(in srgb, var(--border, rgba(0, 0, 0, .12)) 70%, transparent);--gm-tooltip-shadow: 0 18px 40px rgba(12, 17, 22, .15);--success-bg: color-mix(in srgb, var(--good) 20%, #ffffff 80%);--success-text: color-mix(in srgb, var(--good) 65%, #0b1c13);--danger-bg: color-mix(in srgb, var(--bad) 20%, #ffffff 80%);--danger-text: color-mix(in srgb, var(--bad) 65%, #1e0c11);--ok-500: #22c55e;--ok-400: #16a34a;--bad-500: #ef4444;--accent-warn: #e0a900;--accent-warn-hover: #c99600;--accent-panel: #c89b1f;--accent-panel-hover: #b08819;--accent-subtle: #a38526;--sidebar-icon-color: color-mix(in srgb, var(--text) 74%, transparent);--sidebar-icon-color-hover: color-mix(in srgb, var(--text) 92%, transparent);--sidebar-icon-color-active: color-mix(in srgb, var(--brand) 55%, transparent);--panel-title-h: 56px;--panel-colheader-h: 44px;--panel-header-bg: color-mix(in srgb, var(--panel-alt) 96%, transparent);--panel-header-border: color-mix(in srgb, var(--border-subtle) 75%, transparent);--bg-glow-a: rgba(36,107,255,.12);--bg-glow-b: rgba(136,92,255,.1);--bg-glow-c: rgba(0,160,130,.1);--ring: 0 0 0 2px rgba(36,107,255,.28);--shadow-1: 0 2px 6px rgba(52,66,92,.18);--shadow-2: 0 12px 36px rgba(52,66,92,.2);--shadow-3: 0 20px 56px rgba(40,52,78,.24);--shadow-light-1: 0 2px 6px rgba(52,66,92,.18);--shadow-light-2: 0 14px 38px rgba(52,66,92,.22);--ease: cubic-bezier(.2,.7,.2,1);--motion-fast: .56s;--motion-normal: .88s;--motion-exit: .75s;--ease-nav: cubic-bezier(.22, 1, .36, 1);--motion-nav-fast: .16s;--motion-nav-medium: .24s;--motion-nav-slow: .32s;color-scheme:light;transition:background-color var(--theme-bg-duration) var(--theme-bg-easing) var(--theme-bg-delay),border-color var(--theme-bg-duration) var(--theme-bg-easing) var(--theme-bg-delay),box-shadow var(--theme-bg-duration) var(--theme-bg-easing) var(--theme-bg-delay),color var(--theme-text-duration) var(--theme-text-easing) var(--theme-text-delay)}@layer base{:root{--bg: #0b0b0b;--text: #f5f5f5;--radius-sm: 6px;--radius-md: 12px;--gap-sm: 8px;--gap-md: 16px;--sidebar-collapsed-width: 55px;--sidebar-expanded-width: 220px;--home-content-offset: 110px;--home-panels-gap: 50px;--app-safe-area-top: env(safe-area-inset-top, 0px);--app-safe-area-bottom: env(safe-area-inset-bottom, 0px);--app-header-height: calc(64px + var(--app-safe-area-top));--app-footer-height: calc(37px + var(--app-safe-area-bottom));--panel-scroll-bg: color-mix(in srgb, var(--panel) 78%, rgba(0, 0, 0, .22))}@media(max-width:960px){:root{--sidebar-collapsed-width: 48px;--sidebar-expanded-width: 208px;--home-content-offset: 68px;--home-panels-gap: 24px;--app-header-height: calc(58px + var(--app-safe-area-top))}}@media(max-width:640px){:root{--sidebar-collapsed-width: 44px;--sidebar-expanded-width: min(280px, 86vw);--home-content-offset: 56px;--home-panels-gap: 18px;--app-header-height: calc(54px + var(--app-safe-area-top))}}body{font-family:var(--font-sans, Inter, system-ui);color:var(--text);background:var(--bg);margin:0;padding:0}html,body,#root{position:static;width:100%;height:auto;min-height:100%;margin:0;color:var(--text, #e8eaee);background:radial-gradient(800px 480px at 10% 5%,rgba(108,200,255,.06),transparent 60%),radial-gradient(700px 420px at 85% 15%,rgba(140,120,255,.05),transparent 65%),var(--bg, #0b0b0f)}.panel-title{color:var(--accent-panel)}.panel-title:hover{color:var(--accent-panel-hover);text-decoration:underline;text-decoration-thickness:.5px;text-underline-offset:2px}.label-warn{color:var(--accent-warn);font-weight:500}.hint-subtle{color:var(--accent-subtle)}body,.app-root,.app-header,.app-footer,.app-header__clock,.toast,.ui-card,.ui-button,.ui-input,.ui-feedback,.ui-table__container,.app-status-item{transition:background-color .14s var(--ease, cubic-bezier(.2, .7, .2, 1)),color .14s var(--ease, cubic-bezier(.2, .7, .2, 1)),border-color .14s var(--ease, cubic-bezier(.2, .7, .2, 1)),box-shadow .14s var(--ease, cubic-bezier(.2, .7, .2, 1))}:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in oklab,var(--brand, #6cc8ff) 70%,transparent),0 0 0 6px color-mix(in oklab,var(--brand, #6cc8ff) 25%,transparent);border-radius:8px}html,body{letter-spacing:.025em}h1,h2,h3,.panel-title{letter-spacing:.05em}@media(prefers-reduced-motion:reduce){*{animation:none!important}:root,body,.app-root,.app-header,.app-footer,.app-header__clock,.toast,.ui-card,.ui-button,.ui-input,.ui-feedback,.ui-table__container,.app-status-item{transition:none!important}.panel-title,.panel-title:hover{transition:none!important}}}
