@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/anton-latin-400-normal-d0fa07ff63dd.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url('/assets/jetbrains-mono-latin-wght-normal-18be452724bf.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url('/assets/space-grotesk-latin-wght-normal-0640890476fc.woff2') format('woff2')}
html{scroll-behavior:smooth;scroll-padding-top:84px;color-scheme:light}
html,body{margin:0;padding:0;background:#0F0D0B}
body{-webkit-font-smoothing:antialiased;font-family:'Space Grotesk',sans-serif;color:#17140F}
*{box-sizing:border-box}
a{color:#79551A;text-decoration:none}a:hover{color:#5C4213}
button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{font:inherit}button,summary{cursor:pointer}
:focus-visible{outline:3px solid #B57012;outline-offset:5px}
.site-header :focus-visible,footer :focus-visible,#top :focus-visible,.film-dialog :focus-visible{outline-color:#F5CE6B}
.landing{--nav-display:flex;--papertrade-columns:minmax(0,auto) minmax(0,1fr) auto;--papertrade-cta-align:end;--side-wrap:nowrap;--side-wrap-reverse:nowrap;--window-columns:1.4fr repeat(4,minmax(0,1fr));--window-intro-column:auto;--how-columns:4;--how-line-display:block;--bridge-columns:minmax(0,1fr) auto minmax(0,1fr);--market-columns:3}
.papertrade-detail{grid-template-columns:minmax(0,210px) minmax(0,1fr)}
.engine-detail{grid-template-columns:minmax(0,190px) minmax(0,1fr)}
.brand-mark{display:block;object-fit:contain;flex-shrink:0}
.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:12px 18px;background:#F4EFE4;color:#17140F;transform:translateY(-160%);border-radius:8px;font-weight:700}
.skip-link:focus{transform:translateY(0)}
#main-content:focus,main [tabindex="-1"]:focus{outline:none}
.marquee{display:flex;width:max-content;white-space:nowrap;font-family:Anton,sans-serif;font-size:22px;letter-spacing:.06em;padding:14px 0;animation:marquee 56s linear infinite}
.marquee>span{display:inline-flex;align-items:center;gap:28px;padding-right:28px}.marquee>span>span{font-size:14px;opacity:.7}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.motion-toggle{position:absolute;bottom:12px;right:clamp(16px,5vw,48px);background:rgba(15,13,11,.72);color:#DDD5C4;border:1px solid rgba(244,239,228,.3);border-radius:24px;padding:10px 16px;min-height:44px;font-size:12px;margin:0}
.mobile-nav{display:none}.mobile-nav summary{list-style:none;min-width:44px;min-height:44px;border:1px solid rgba(227,179,74,.35);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#F4EFE4;font-size:22px}.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav nav{position:absolute;top:68px;left:16px;right:16px;padding:12px;background:#1A1712;border:1px solid #5C4825;border-radius:12px;box-shadow:0 20px 40px #0008;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mobile-nav nav a{padding:12px;color:#F4EFE4;min-height:44px;border-radius:6px}.mobile-nav nav a:hover{background:#30281B}
.mobile-nav:not([open]) nav{display:none}
.share-links{max-width:1280px;margin:auto;padding:0 clamp(16px,5vw,48px) 32px;display:flex;gap:12px 24px;flex-wrap:wrap;font-size:13px}.share-links a{color:#DDD5C4;display:inline-flex;min-height:44px;align-items:center}
.film-dialog{padding:0;border:0;width:min(1100px,calc(100% - 32px));max-width:1100px;max-height:calc(100dvh - 32px);border-radius:14px;background:#0F0D0B;color:#F4EFE4;box-shadow:0 40px 100px #0009;overflow:auto}
.film-dialog::backdrop{background:rgba(10,8,6,.92)}
.film-panel{border:1px solid rgba(227,179,74,.3);border-radius:14px;overflow:hidden}
.film-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:16px}.film-toolbar h2{font:14px 'JetBrains Mono',monospace;letter-spacing:.08em;margin:0}.film-toolbar button{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#F4EFE4;border:none;color:#17140F;font-size:20px}
.film-dialog video{display:block;width:100%;aspect-ratio:16/9;max-height:calc(100dvh - 160px);object-fit:contain;background:#000}
.film-share-actions{display:flex;flex-wrap:wrap;gap:8px 24px;padding:0 16px 12px}.film-share-actions a{display:inline-flex;align-items:center;min-height:44px;color:#F5CE6B;font-size:14px}
.film-description,.film-fallback{margin:0;padding:12px 16px;font-size:13px;line-height:1.5;color:#DDD5C4}.film-fallback a{color:#F5CE6B;text-decoration:underline}
@media(max-width:1099px){.landing{--papertrade-columns:minmax(0,1fr);--papertrade-cta-align:start}}
@media(max-width:1079px){.landing{--how-columns:2;--how-line-display:none}}
@media(max-width:999px){.landing{--window-columns:repeat(4,minmax(0,1fr));--window-intro-column:1 / -1}}
@media(max-width:899px){.landing{--market-columns:1}}
@media(max-width:1079px){.landing{--nav-display:none}.mobile-nav{display:block;margin-left:auto}.site-header>div{gap:10px!important}}
@media(max-width:699px){.landing{--bridge-columns:1fr}}
@media(max-width:599px){.engine-detail,.papertrade-detail{grid-template-columns:minmax(0,1fr)}.landing{--window-columns:repeat(2,minmax(0,1fr))}.brand-word{display:none}}
@media(max-width:559px){.landing{--side-wrap:wrap;--side-wrap-reverse:wrap-reverse;--how-columns:1}.film-toolbar h2{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.hover-0:hover{color:#F5CE6B!important}
.hover-1:hover{color:#F4EFE4!important}
.hover-2:hover{color:#F4EFE4!important}
.hover-3:hover{color:#F4EFE4!important}
.hover-4:hover{color:#F4EFE4!important}
.hover-5:hover{background:#F5CE6B!important;color:#17140F!important}
.hover-6:hover{background:rgba(60,45,20,.85)!important;color:#F4EFE4!important}
.hover-7:hover{background:#F5CE6B!important;color:#17140F!important}
.hover-8:hover{border-color:#E3B34A!important}
.hover-9:hover{background:#E3B34A!important;color:#17140F!important}
.hover-10:hover{background:#F5CE6B!important;color:#17140F!important}
.hover-11:hover{color:#E3B34A!important}
.hover-12:hover{background:#231D17!important;color:#F4EFE4!important}
.hover-13:hover{background:#F5CE6B!important;color:#17140F!important}
.hover-14:hover{color:#E3B34A!important}
.hover-15:hover{color:#E3B34A!important}
.hover-16:hover{color:#E3B34A!important}