/*
Theme Name: NEOG Platform
Version: 1.0.1
Author: NEOG
Description: NEOG Platform landing page.
*/
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Be Vietnam Pro',sans-serif;color:#f5f6fb;background:#080a10;font-synthesis:none;--accent:#c5ff72;--muted:#989eac;--surface:#10141e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;transition:background .6s,color .6s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.concept-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 4%;background:#181b22;font-size:12px;letter-spacing:1.3px;color:#9da5b4;border-bottom:1px solid #ffffff12}.concepts{display:flex;gap:6px}.concepts button{border:0;background:transparent;color:#89909d;padding:10px 19px;border-radius:5px;font-size:12px}.concepts b{font-size:14px;margin-left:7px}.concepts .active{background:#f0f3f8;color:#141720}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:absolute;z-index:3;width:100%;border-bottom:1px solid #ffffff13}.logo{font-size:34px;font-weight:900;letter-spacing:-3px;font-style:italic}.logo span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:5px}nav{display:flex;gap:38px;font-size:14px;color:#c0c5d0}.nav-download{background:transparent;color:inherit;border:1px solid #ffffff45;padding:13px 20px;border-radius:6px;font-size:14px}.nav-download span{margin-left:24px}.hero{min-height:760px;height:100svh;max-height:1080px;position:relative;isolation:isolate;overflow:hidden;background:#090f19}.hero-image{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center;opacity:.64;animation:drift 24s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080d18 3%,#080d18b8 38%,#080d1820 76%),linear-gradient(0deg,#080a10,transparent 40%);z-index:-2}.hero-content{position:relative;z-index:1;padding:190px 6% 100px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;display:block}.eyebrow>span{display:inline-block;width:7px;height:7px;background:var(--accent);margin-right:9px;box-shadow:0 0 18px var(--accent)}h1{font-size:clamp(48px,5.7vw,90px);letter-spacing:-4px;line-height:1.15;margin:28px 0 24px;font-weight:800}em{font-style:normal;color:var(--accent)}.intro{font-size:16px;line-height:1.9;color:#b4bdcc}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.primary{background:var(--accent);border:0;border-radius:6px;color:#10140b;padding:18px 25px;display:inline-flex;align-items:center;gap:18px;font-weight:700;font-size:14px;transition:transform .25s,box-shadow .25s}.primary:hover{transform:translateY(-4px);box-shadow:0 10px 40px #bfff722a}.primary span:last-child{margin-left:15px;font-size:20px}.windows{font-size:25px}.secondary{font-size:14px}.secondary span{margin-left:10px}.platform{font-size:10px;color:#818b9f;letter-spacing:1.1px;margin-top:20px}.platform span{margin:0 8px}.hero-index{position:absolute;bottom:36px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#b9c2d3;z-index:2}.wordmark{position:absolute;right:6%;bottom:55px;font-size:clamp(100px,22vw,350px);font-weight:900;letter-spacing:-20px;font-style:italic;color:transparent;-webkit-text-stroke:1px #ffffff28;z-index:-1;line-height:1}.visual-caption{position:absolute;right:6%;top:30%;font-size:10px;letter-spacing:2px}.visual-caption b{display:block;font-size:18px;line-height:1.6;margin-top:12px}.orbital{position:absolute;width:650px;height:650px;border:1px solid #d3eeff22;border-radius:50%;right:-110px;top:80px;z-index:-1;transform:rotate(-28deg) scaleX(.6);animation:orbit 35s linear infinite}.orbital-two{width:800px;height:800px;right:-185px;top:5px;animation-direction:reverse}.launcher-section{padding:100px 8% 70px;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-heading .eyebrow{color:#9da8bb}h2{font-size:clamp(30px,3.5vw,54px);letter-spacing:-2px;line-height:1.25;margin:20px 0 0}.section-heading p{font-size:14px;color:var(--muted);line-height:1.9}.launcher-wrap{position:relative;perspective:1300px}.launcher{background:#141923;border:1px solid #ffffff25;border-radius:12px;box-shadow:0 40px 100px #0008;overflow:hidden;transform:rotateX(3deg);transition:transform .5s}.launcher:hover{transform:rotateX(0)}.window-top{height:48px;background:#1c222e;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:12px;color:#838fa1}.window-top strong{color:white;font-style:italic}.app-body{display:flex}aside{width:75px;display:flex;align-items:center;flex-direction:column;gap:28px;padding:25px 0;border-right:1px solid #ffffff0c;font-size:24px;color:#8390a7}.app-avatar{font-size:16px;background:var(--accent);color:#151515;border-radius:10px;padding:12px;font-weight:800}.selected{color:var(--accent)}.gear{margin-top:auto}.app-content{flex:1;min-width:0;padding:28px}.app-nav{display:flex;gap:28px;font-size:13px;align-items:center;margin-bottom:24px;color:#9fa9bb}.app-nav strong{color:white}.app-user{margin-left:auto;font-size:10px}.featured{height:310px;border-radius:7px;background-size:cover;background-position:center;position:relative;overflow:hidden}.featured:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#060d23d9,transparent)}.featured>div{position:relative;padding:40px}.featured span{font-size:10px;letter-spacing:1.5px}.featured h3{font-size:33px;letter-spacing:-1px;margin:16px 0 25px}.featured .mock-play{background:#f0f3fa;color:#182135;padding:12px 18px;border-radius:4px;font-size:11px;letter-spacing:0;display:inline-block}.library-heading{display:flex;justify-content:space-between;font-size:13px;margin:26px 0 14px}.library-heading>span{font-size:10px;color:#7d8b9e}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-grid img{width:100%;aspect-ratio:2.14;object-fit:cover;border-radius:5px;transition:filter .3s,transform .3s}.game-grid article:hover img{filter:brightness(1.2);transform:translateY(-4px)}.game-grid article>div{font-size:12px;margin:10px 0}.game-grid article span{float:right;color:var(--accent)}.float-label{position:absolute;bottom:55px;right:-40px;background:var(--accent);color:#10170a;padding:20px 25px;transform:rotate(-7deg);font-weight:800;font-size:12px;line-height:1.5;box-shadow:0 10px 40px #0004}.float-label>span{float:left;font-size:35px;margin-right:20px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.features article{border-top:1px solid #ffffff20;padding-top:25px;text-align:center}.features article>span{font-size:10px;letter-spacing:2px;color:var(--accent)}.features h3{font-size:19px;margin:18px 0 10px}.features p{font-size:14px;line-height:1.8;color:var(--muted);max-width:320px;margin-left:auto;margin-right:auto}.download-section{text-align:center;padding:100px 20px 110px;background:radial-gradient(ellipse at bottom,#a0ff5e0b,transparent 65%)}.download-section .primary{margin:35px 0 10px}.download-section p{font-size:12px;color:var(--muted)}footer{margin:0 6%;padding:35px 0;border-top:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}dialog{background:#151b25;color:#fff;border:1px solid #ffffff30;border-radius:16px;padding:45px;max-width:480px;width:calc(100% - 36px)}dialog::backdrop{background:#000a;backdrop-filter:blur(10px)}dialog p{color:#abb5c5;line-height:1.8;font-size:15px}dialog .primary{margin-top:15px}.close{position:absolute;right:16px;top:12px;border:0;background:none;color:white;font-size:26px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
body[data-theme=pulse]{--accent:#be8aff;background:#0c0814}body[data-theme=pulse] .hero{background:#150927}body[data-theme=pulse] .hero-image{opacity:.65;background-position:75% center;filter:hue-rotate(15deg)}body[data-theme=pulse] .hero:after{background:linear-gradient(90deg,#130921 0%,#130921cc 35%,#13092110 100%),linear-gradient(0deg,#0c0814,transparent 55%)}body[data-theme=pulse] h1{text-transform:uppercase;font-size:clamp(48px,6vw,92px);max-width:1000px}body[data-theme=pulse] .primary{border-radius:0;background:#ccff00}body[data-theme=pulse] .wordmark{color:#b68cff15;-webkit-text-stroke:1px #be8aff70;right:2%;transform:rotate(-10deg)}body[data-theme=pulse] .orbital{border-radius:0;border-color:#c286ff22}body[data-theme=pulse] .launcher{border-color:#bd89ff55;box-shadow:0 20px 100px #9f24ff13}body[data-theme=pulse] .visual-caption{background:#caff00;color:#13180b;padding:20px;transform:rotate(6deg);top:65%}
body[data-theme=studio]{--accent:#3764dd;--muted:#6d7484;background:#edf0f4;color:#17202e}body[data-theme=studio] header{border-color:#18202f15}body[data-theme=studio] nav{color:#586271}body[data-theme=studio] .nav-download{border-color:#17202e40}body[data-theme=studio] .hero{background:#e7ebf1;min-height:760px}body[data-theme=studio] .hero-image{left:53%;top:160px;bottom:110px;right:5%;border-radius:50% 50% 10px 10px;opacity:1;animation:drift 24s ease-in-out infinite alternate}body[data-theme=studio] .hero:after{display:none}body[data-theme=studio] h1{font-size:clamp(45px,4.8vw,74px);letter-spacing:-3px}body[data-theme=studio] .intro{color:#656f80}body[data-theme=studio] .hero-content{padding-top:220px}body[data-theme=studio] .primary{background:#203043;color:white;border-radius:50px}body[data-theme=studio] .wordmark{display:none}body[data-theme=studio] .orbital{border-color:#3764dd25;z-index:-2}body[data-theme=studio] .visual-caption{top:auto;bottom:130px;right:7%;color:white}body[data-theme=studio] .hero-index{color:#657287}body[data-theme=studio] .launcher{color:white}body[data-theme=studio] .features article,body[data-theme=studio] footer{border-color:#17202e25}body[data-theme=studio] .float-label{color:white}body[data-theme=studio] .download-section{background:#e2e7ef}
@keyframes drift{to{transform:scale(1.08) translateY(-5px)}}@keyframes orbit{to{transform:rotate(332deg) scaleX(.6)}}@media(min-width:1600px){.hero-content{padding-top:230px}}@media(max-width:800px){.concept-bar{justify-content:center}.concept-bar>span{display:none}header{height:78px}nav{display:none}.hero{min-height:730px;height:auto}.hero-content{padding:160px 6% 170px}h1{font-size:52px;letter-spacing:-2.5px}.hero-image{background-position:65% center}.visual-caption{display:none}.wordmark{font-size:200px;right:5%;letter-spacing:-10px;bottom:65px}.hero:after{background:linear-gradient(90deg,#080d18e0,#080d1880),linear-gradient(0deg,#080a10,transparent)}.hero-actions{gap:20px;flex-wrap:wrap}.section-heading{display:block}.section-heading p{margin-top:25px}.launcher-section{padding:65px 6%}.app-content{padding:15px}aside{width:42px;font-size:18px}.app-avatar{padding:8px;font-size:13px}.app-nav{gap:15px;font-size:10px}.app-user{display:none}.featured{height:230px}.featured>div{padding:25px 20px}.featured h3{font-size:25px}.game-grid{gap:10px}.game-grid article>div{font-size:10px}.library-heading>span{display:none}.float-label{display:none}.features{grid-template-columns:1fr;gap:18px}.features p{max-width:none}.window-top>span{font-size:10px}.hero-index{font-size:9px;letter-spacing:1px}.platform{font-size:9px}.download-section{padding:60px 20px}footer{gap:20px;flex-wrap:wrap}footer>span{font-size:10px}body[data-theme=studio] .hero-image{left:46%;top:160px;bottom:80px;right:-30%;opacity:.25}body[data-theme=studio] .hero-content{padding-top:170px}body[data-theme=studio] h1{font-size:49px}body[data-theme=pulse] h1{font-size:49px}.secondary{font-size:13px}.scroll{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* NEOG anchor navigation fix */
html{scroll-padding-top:120px!important}#experience,#launcher{scroll-margin-top:120px}@media(max-width:800px){html{scroll-padding-top:96px!important}#experience,#launcher{scroll-margin-top:96px}}