/* OIXEN V1.01 visual proposal. Exact logos remain separate from atmosphere. */
@font-face{font-family:Manrope;src:url('Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#fff8eb;--soft:#a6a6a0;--line:rgba(233,215,178,.23);--light:#fff8eb;--gold:#e9d7b2;--void:#050608;--surface:#101214;--focus:#fff0ca;color-scheme:dark}
html,body{background:var(--void);color:var(--ink)}
body{font-family:Manrope,Arial,sans-serif;position:relative;isolation:isolate}
::selection{background:#f6e8cb;color:#10100e}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:6px}
.skip-link{position:fixed;left:24px;top:-70px;padding:15px 20px;background:#faf8f3;color:#060708;z-index:200;border-radius:3px}
.skip-link:focus{top:15px}
.stage{min-height:100svh;background:#060708}
.cosmos{animation:none;opacity:.7;filter:none;object-position:center center}
.stage:before{z-index:0;pointer-events:none;background:linear-gradient(90deg,#060708f7 0%,#060708c2 37%,#06070815 70%),linear-gradient(0deg,#060708,transparent 33%)}
.stage .site-header,.stage .hero,.stage .base{position:relative;z-index:2}
.stage .site-header{z-index:40}
.atmosphere{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.52}
body.interior .atmosphere{position:fixed;height:80svh;opacity:.22;z-index:-1;mask-image:linear-gradient(#000 5%,#0005 55%,transparent)}
.site-header{padding:30px 4.5vw}
.small-logo{width:145px}
.languages{font-size:13px}.languages a{color:#b4b0a8}.languages [aria-current]{color:#faf8f3}
.hero{max-width:1700px;padding:50px 8vw 90px}
.wordmark{width:min(710px,54vw);max-width:100%;height:auto}
.hero h1{font-size:clamp(30px,3.2vw,49px);letter-spacing:.01em;font-weight:400;margin:40px 0 26px;color:#faf8f3}
.lead{color:#c4c0b8;font-size:clamp(16px,1.3vw,20px);max-width:390px}
.more{font-size:14px;letter-spacing:0;border-color:#99876a;gap:35px;margin-top:42px;transition:border-color .2s}
.more:hover{border-color:#f6e8cb}.more span{color:#f6e8cb}
.corporate-channels{gap:14px;margin-top:30px}.channel.active:hover{background:#c5a97120}.corporate-channels .inactive{color:#53534f}
.base{color:#9b958a;padding:0 5vw 32px;font-size:10px}
.site-menu nav{background:#10100ff5;border:1px solid #7a664844;box-shadow:0 24px 80px #000a;backdrop-filter:blur(16px);border-radius:4px}
.site-menu nav a{color:#dad4c8;padding:11px 12px}.site-menu nav a:hover{background:#e2c79117;color:#fff8e9}
.site-menu .menu-group{color:#b7a57f}.site-menu .menu-asset:before{color:#c8b081}
.motion-toggle{position:fixed;left:28px;bottom:24px;z-index:60;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #a18c614d;background:#10100fde;backdrop-filter:blur(12px);color:#e7ddc8;font-family:inherit;font-size:12px;border-radius:3px;cursor:pointer;min-height:44px;box-shadow:0 5px 22px #0005}
.motion-toggle:hover{border-color:#e4cb95}.motion-toggle svg{width:14px;height:14px;flex:none}.motion-toggle[data-paused='true'] .pause-icon{display:none}.motion-toggle[data-paused='false'] .play-icon{display:none}
.interior .motion-toggle{position:absolute;top:104px;bottom:auto;right:7vw;left:auto}
.motion-toggle[hidden],.atmosphere[hidden]{display:none!important}
.motion-toggle[disabled]{cursor:default;opacity:.7}
.story{max-width:1500px;padding:110px 8vw 70px}.intro{gap:65px;padding-bottom:85px}.label{color:#c5ae80;letter-spacing:.17em}.intro h2,.ecosystem h2{font-weight:400;line-height:1.18;letter-spacing:-.035em}
.intro h2{font-size:clamp(32px,4.1vw,60px);max-width:820px}.intro p,.ecosystem>p{color:var(--soft);font-size:17px;line-height:1.9}
.ecosystem{padding-top:85px}.ecosystem h2{font-size:clamp(34px,4.1vw,60px)}
.network-panel{background:radial-gradient(ellipse at 50% 42%,#30282035,#10100f 65%,#090909);border:1px solid var(--line);border-radius:4px;padding:32px}
.network-caption,.network-explanation{color:#c4bcae}.network-caption .label{color:#c5ae80}
.network-engines>a,.network-worlds>a{background:#131311;border-color:#65573966;border-radius:3px;color:#ded5c5}
.network-engines>a:hover,.network-engines>a.lit,.network-worlds>a:hover,.network-worlds>a[aria-current=true]{background:#332a1d;border-color:#d5bd8b;color:#fff8e9}.network-worlds>a small{color:#aaa293}
.engine-grid{gap:1px;background:var(--line);border:1px solid var(--line)}.engine{border:none;border-radius:0;background:#0d0e0d;padding:30px}
.engine h3{font-size:21px}.engine p{color:var(--soft)}.engine small{color:#b4a78d}.engine details{border-color:var(--line)}.engine summary{color:#e9d7b1}
.engine:target{background:#201b13;box-shadow:inset 0 0 0 1px #d1b681}.asset-section a,.connection-details details a{color:#e9d7b1}
.asset-main{max-width:1230px;padding:75px 7vw 100px;position:relative;z-index:1}.asset-hero{padding-bottom:72px;border-color:var(--line)}
.asset-hero h1{font-size:clamp(36px,4.7vw,66px);font-weight:400;line-height:1.13;max-width:940px;margin-left:auto;margin-right:auto}.asset-hero p{font-size:17px;color:var(--soft)}
.asset-section{padding:45px 0;border-color:var(--line)}.asset-section h2{font-size:29px;font-weight:400}.asset-section p,.asset-section li{color:var(--soft)}.asset-hero .status,.status{color:#b8a37d}
.asset-logo{position:relative}.art-atmosphere img{border-radius:0}.capability-description{color:var(--soft)}
.privacy-main{position:relative;z-index:1}.privacy-main p,.privacy-main li{color:var(--soft)}.privacy-main a{color:#e9d7b1}
footer{color:#9f998d;max-width:1500px;padding-bottom:90px}footer span:last-child{color:#aaa394}
@media(min-width:801px) and (max-height:780px){.hero{padding-top:28px;padding-bottom:50px}.hero h1{margin-top:30px;margin-bottom:22px}.more{margin-top:32px}.corporate-channels{margin-top:24px}}
@media(max-width:800px){.hero{padding:70px 8vw 95px}.wordmark{width:82vw;max-width:620px}.hero h1{font-size:34px;margin-top:31px}.stage{min-height:100svh}.site-header{padding:22px 5vw}.small-logo{width:120px}.languages{font-size:12px}.lead{font-size:17px}.stage:before{background:linear-gradient(90deg,#060708eb,#060708a1 55%,#06070845),linear-gradient(0deg,#060708,transparent 50%)}.cosmos{opacity:.5;object-position:75% center}.motion-toggle{left:16px;bottom:16px;padding:11px 12px}.story{padding:75px 8vw 45px}.intro{gap:30px;padding-bottom:50px}.network-panel{padding:22px 14px}.network{gap:27px}.intro h2,.ecosystem h2{font-size:35px}.asset-main{padding:50px 7vw 90px}.asset-hero h1{font-size:38px}.asset-hero p{font-size:16px}.engine{padding:25px}}
@media(max-width:480px){.site-header{gap:8px}.small-logo{width:108px}.header-origin{gap:8px}.languages{font-size:11px;gap:6px}.hero{padding:64px 8vw 100px;margin:auto}.hero h1{font-size:31px}.wordmark{width:84vw}.more{font-size:12px;gap:25px;max-width:100%}.lead{max-width:290px}.corporate-channels{gap:7px}.base{padding-bottom:24px}.motion-toggle span{font-size:11px}.asset-hero h1{font-size:34px}.asset-logo .brand-playfun{max-width:100%}.asset-logo .iox-lockup img{width:120px}.asset-logo .iox-lockup>span{font-size:32px}.network-worlds>a{min-width:0}.network-engines>a{min-width:0}.capability-name{overflow-wrap:anywhere}footer{padding-bottom:95px}}
.interior .motion-toggle{left:auto;right:7vw}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.motion-toggle{backdrop-filter:none}}