:root{color-scheme:dark;--bg:#080912;--text:#eeedf5;--muted:#9797b0;--line:#ffffff13;--accent:#bea5ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased}button,select{font:inherit}a{color:inherit;text-decoration:none}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #e4c7ff;outline-offset:6px}svg{display:block}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;z-index:10;top:12px;left:12px;background:#fff;color:#111;padding:12px}.ambient{position:absolute;inset:0 0 auto;height:1000px;pointer-events:none;background:radial-gradient(ellipse at 76% 39%,#2613474a,transparent 52%),radial-gradient(ellipse at 0 0,#11273a33,transparent 42%)}
.shell{max-width:1320px;padding:0 56px;margin:auto;position:relative}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:700;letter-spacing:-.7px}.brand img{width:40px;height:40px}nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#c4c1d3}.language{display:flex;align-items:center;gap:5px}.language select{background:transparent;border:0;color:inherit;padding:8px 3px;cursor:pointer}.language option{background:#141322;color:#fff}.nav-download{display:flex;gap:18px;border:1px solid #ffffff24;border-radius:6px;padding:10px 16px}.nav-download:hover{border-color:var(--accent)}
.hero{min-height:665px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.hero-copy{position:relative;z-index:1;pointer-events:none;padding:60px 0}.hero-copy a{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2.3px;color:#b4a4cf;margin:0 0 28px}.eyebrow>span:first-child{width:5px;height:5px;background:#e9bfa1;border-radius:50%;box-shadow:0 0 14px #efa774;flex-shrink:0}h1{font-size:clamp(42px,4.6vw,65px);font-weight:650;letter-spacing:-3.7px;line-height:1.28;margin:0 0 28px;word-break:keep-all}h1 em{font-style:normal;background:linear-gradient(105deg,#ffe7c0 0%,#efb6cf 35%,#ad90f0 80%);background-clip:text;-webkit-background-clip:text;color:transparent}.intro{font-size:15px;line-height:1.95;max-width:405px;color:var(--muted);word-break:keep-all;white-space:pre-line;margin:0 0 30px}.cta{display:inline-flex;align-items:center;gap:25px;background:#eeebf8;color:#242033;border:1px solid white;border-radius:7px;padding:16px 20px;font-size:13px;font-weight:650;box-shadow:0 0 30px #b08dff12;transition:background .2s,box-shadow .2s}.cta:hover{background:#fff;box-shadow:0 0 30px #b08dff40}.platform{font-size:10px;color:#7b778e;margin-top:16px;letter-spacing:.15px}
.universe{height:620px;position:relative;min-width:0;isolation:isolate;background:radial-gradient(ellipse at 50% 47%,#aa605921 0,#68399a16 28%,transparent 62%);touch-action:pan-y}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.coordinate{position:absolute;top:60px;right:2px;color:#797183;font:8px/1.9 ui-monospace,monospace;letter-spacing:1.5px;pointer-events:none}.ignite{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:110px;height:110px;border:0;border-radius:50%;background:transparent;cursor:pointer}.ignite:focus-visible{outline-offset:12px}.orbit-label{position:absolute;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.3px;color:#c6b9d0;pointer-events:none;text-shadow:0 1px 8px #000}.orbit-label i{width:4px;height:4px;background:#c7a4df;box-shadow:0 0 9px #ba92ff;border-radius:50%}.label-one{top:27%;left:19%}.label-two{top:37%;right:0}.label-three{top:68%;left:19%}.scene-controls{position:absolute;bottom:44px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:13px;color:#8a8099;font-size:10px}.scene-controls button{width:30px;height:30px;padding:0;border:1px solid #ffffff25;border-radius:50%;background:#12101e;color:#bcb4cd;cursor:pointer}.scene-controls button:hover{border-color:#baa3d5;color:#fff}
.features{border-top:1px solid var(--line);padding:30px 0 54px}.section-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}.section-kicker{font:9px ui-monospace,monospace;letter-spacing:1.8px;color:#8d7f9f}.section-intro p{font-size:12px;color:#a59bb6;margin:0;word-break:keep-all}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-grid article{padding:12px 30px 0 0;border-right:1px solid var(--line)}.feature-grid article:last-child{border:0;padding-right:0}.feature-top{display:flex;align-items:center;justify-content:space-between;color:#766c8d;font:10px ui-monospace,monospace}.feature-top span:last-child{font-size:21px;color:#ad91d1}h2{font-size:17px;font-weight:550;letter-spacing:-.5px;line-height:1.5;margin:22px 0 10px;word-break:keep-all}.feature-grid p{font-size:12px;line-height:1.9;color:#90899f;margin:0;word-break:keep-all}
footer{border-top:1px solid var(--line);padding:25px 0 30px;display:flex;align-items:center;justify-content:space-between;color:#8f869f;font-size:11px}.footer-note{margin-left:22px;color:#645c72}.social{display:flex;align-items:center;gap:10px;padding:7px}.social:hover{color:#eee}.social svg{width:18px;height:18px;fill:currentColor}html[lang=en] h1{letter-spacing:-2px;font-size:clamp(40px,4.3vw,59px)}
@media(min-width:1100px){.universe{width:calc(100% + 45px);margin-left:-20px}}
@media(max-width:900px){.shell{padding:0 30px}.hero{min-height:590px}h1{font-size:43px;letter-spacing:-2px}.universe{height:540px}.eyebrow{font-size:8px;letter-spacing:1.4px}.intro{font-size:14px}.label-one{left:4%}.label-three{left:8%}.coordinate{top:40px}nav{gap:20px}.feature-grid{gap:20px}.feature-grid article{padding-right:20px}}
@media(max-width:680px){.shell{padding:0 24px}header{height:78px}.brand{font-size:17px;gap:5px}.brand img{width:31px;height:31px}nav{gap:12px}.about-link,.nav-download{display:none}.language{font-size:12px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:58px 0 0}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:24px}h1{font-size:44px;letter-spacing:-2.5px;margin-bottom:22px}html[lang=en] h1{font-size:43px;letter-spacing:-1.7px}.intro{max-width:420px;font-size:14px;margin-bottom:25px}.cta{font-size:12px;padding:15px 18px}.platform{font-size:9px}.universe{height:400px;margin-top:4px}.coordinate{top:30px;font-size:7px}.label-one{left:12%;top:25%}.label-two{top:39%;right:0}.label-three{left:12%;top:68%}.orbit-label{font-size:9px}.scene-controls{bottom:8px;font-size:9px}.ignite{width:90px;height:90px}.section-intro{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:22px}.section-intro p{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:25px}.feature-grid article,.feature-grid article:last-child{padding:0 0 22px;border:0;border-bottom:1px solid var(--line)}.feature-grid article:last-child{padding:0;border:0}.feature-top{justify-content:flex-start;gap:18px}h2{margin-top:12px}.feature-grid p{font-size:13px}.features{padding-bottom:36px}.footer-note{display:block;margin:7px 0 0;font-size:9px}.social{gap:8px;font-size:10px}.social>span:last-child{display:none}}
@media(max-width:360px){.shell{padding:0 18px}h1{font-size:38px}html[lang=en] h1{font-size:38px}.eyebrow{letter-spacing:1px}.brand{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}}