@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--bg:#080b20;--panel:#111936;--text:#f2f5ff;--muted:#9aa6c7;--cyan:#5de6ef;--violet:#8b70ff;--pink:#ff62b1;--line:#a3b7ff25;--font:'DM Sans','Noto Sans SC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(ellipse at 80% 20%,#654adc24,transparent 32%),var(--bg);color:var(--text);font-family:var(--font)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:radial-gradient(#c6d7ff .6px,transparent .6px);background-size:29px 29px}.top{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:9;background:#080b20d9;backdrop-filter:blur(18px);border-bottom:1px solid #fff1}.brand{color:var(--text);text-decoration:none}.brand b{display:block;font-size:16px}.brand b:first-letter{color:var(--cyan)}.brand small{display:block;font-size:8px;letter-spacing:.18em;color:#8491b5;margin-top:4px}.top nav{display:flex;gap:32px;margin-left:auto;margin-right:38px}.top nav a,footer a{font-size:12px;color:#a7b2d1;text-decoration:none}.top nav a:hover,footer a:hover{color:var(--cyan)}button,.pill{font:600 13px var(--font);cursor:pointer;border:0;border-radius:100px}.pill{padding:14px 21px;background:var(--cyan);color:#07101f;transition:.2s}.pill:hover{transform:translateY(-2px);box-shadow:0 8px 30px #5de6ef25}.wrap{width:min(1200px,calc(100% - 56px));margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding-top:75px;padding-bottom:100px;min-height:650px}label{font-size:11px;letter-spacing:.12em;color:var(--cyan);font-weight:600}.hero h1{font-size:clamp(43px,5.2vw,70px);letter-spacing:-.055em;line-height:1.23;margin:24px 0}.hero h1 span{background:linear-gradient(100deg,#fff,#a9b4ff 55%,#70eaf0);color:transparent;background-clip:text}.hero p,.try p,.about p{color:var(--muted);font-size:13px;line-height:2}.actions{display:flex;gap:12px;margin-top:30px}.ghost{background:#151d40;color:var(--text);border:1px solid var(--line);text-decoration:none}.status{display:block;margin-top:26px;color:#8795b9;font-size:11px}.status:first-letter{color:#56e4ad}.micro{font-size:9px;letter-spacing:.15em;color:#59678e;margin-top:42px}.universe{height:460px;position:relative;overflow:hidden;border:1px solid #a4b7ff30;border-radius:26px;background:radial-gradient(ellipse at 50% 45%,#24205d,#121738 42%,#0d132c 78%);box-shadow:0 30px 100px #0004}.topline{position:absolute;top:22px;left:23px;right:23px;display:flex;justify-content:space-between;z-index:2;font-size:9px;letter-spacing:.1em;color:#8794ba}.topline span:first-child{color:var(--cyan)}canvas{width:100%;height:100%;display:block;cursor:crosshair}.float{position:absolute;top:88px;padding:9px 12px;border:1px solid #a3b5ff22;background:#0a1027bb;border-radius:30px;font-size:10px;color:#b7c2ed}.f1{left:20px}.f2{right:16px;top:135px}.readout{position:absolute;bottom:18px;left:18px;right:18px;display:flex;align-items:center;gap:13px;padding:14px;background:#070b1dcc;border:1px solid #a3b5ff27;border-radius:16px;backdrop-filter:blur(15px)}.readout>strong{width:40px;height:40px;border-radius:12px;background:#1d2851;display:grid;place-items:center;font-size:22px;color:var(--cyan)}.readout small,.readout b,.readout span{display:block}.readout small{font-size:9px;color:#7e8bb0;margin-bottom:4px}.readout b{font-size:13px}.readout span{font-size:10px;color:#8e9bbd;margin-top:4px}.readout i{font-style:normal;color:var(--cyan);margin-left:auto}.preview{display:none;position:absolute;right:16px;top:48px;width:110px;aspect-ratio:4/3;border-radius:12px;overflow:hidden;border:1px solid #5de6ef77;z-index:3}.preview.active{display:block}.preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.preview small{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#080b20cc;font-size:7px}.gestures{padding:10px 0 100px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.heading h2,.try h2,.about h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.04em;line-height:1.4;margin:13px 0}.heading p{font-size:12px;color:var(--muted)}.heading>small{font-size:9px;line-height:2;letter-spacing:.15em;color:#5b688e;text-align:right}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tile{position:relative;text-align:left;min-height:245px;padding:23px;border:1px solid var(--line);border-radius:20px;color:var(--text);background:linear-gradient(145deg,#141c3e,#0c1129);transition:.22s;overflow:hidden}.tile:hover,.tile.active{transform:translateY(-5px);border-color:#5de6ef80}.tile>small{display:block;font-size:9px;letter-spacing:.15em;color:#7180a7}.symbol{display:grid;place-items:center;width:54px;height:54px;margin:20px 0 14px;border-radius:16px;background:#fff08;font-size:27px}.cyan{color:var(--cyan)}.violet{color:var(--violet)}.pink{color:var(--pink)}.tile h3{margin:0 0 8px;font-size:17px}.tile p{color:var(--muted);font-size:12px;line-height:1.8}.tile>span{font-size:11px;color:#c6d1f2}.try{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-bottom:100px}.try p{max-width:470px}.try>div:first-child>.pill{margin-top:12px}.try>div:first-child>small{display:block;color:#7887ac;font-size:10px;margin-top:18px}.camera-art{min-height:340px;position:relative;border-radius:20px;background:radial-gradient(ellipse at center,#24235b,#0c1431 65%);display:grid;place-items:center;overflow:hidden}.ring{position:absolute;width:250px;aspect-ratio:1;border:1px solid #8a7cff45;border-radius:50%;animation:spin 18s linear infinite}.r2{width:180px;border-color:#5de6ef55;animation-direction:reverse;animation-duration:12s}.camera-art>strong{font-size:90px;filter:drop-shadow(0 0 30px #5de6ef55);animation:float 4s ease-in-out infinite}.camera-art>small{position:absolute;top:18px;left:18px;color:#a3b2d5;font-size:10px}.mini{position:absolute;bottom:15px;border:1px solid #a3b5ff35;background:#0a1028bd;color:#c5d0f2;padding:9px 12px;font-size:10px}.mini:nth-of-type(1){left:calc(50% - 125px)}.mini:nth-of-type(2){left:calc(50% + 12px)}.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;padding:30px 0 85px;border-top:1px solid #fff1}.about>small{font-size:9px;letter-spacing:.15em;color:#637198;padding-top:22px}.about h2 span{color:#8795bc}.footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #fff1}.footer>small{font-size:8px;letter-spacing:.12em;color:#5e6a8c}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(8px)}}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:35px}.hero h1{font-size:60px}.try{gap:24px}.top nav{gap:15px;margin-right:18px}}@media(max-width:650px){.top{height:68px;padding:0 20px}.top nav{display:none;position:absolute;top:67px;left:0;right:0;padding:22px;background:#0b1028;flex-direction:column}.top.menu-open nav{display:flex}.top>.pill{display:none}.top:after{content:'☰';font-size:22px;cursor:pointer}.wrap{width:calc(100% - 38px)}.hero{padding-top:44px;padding-bottom:70px}.hero h1{font-size:clamp(40px,10vw,56px)}.hero p{font-size:12px}.universe{height:390px}.float{font-size:9px}.f2{top:122px}.readout{left:10px;right:10px;bottom:10px;padding:10px}.readout span{max-width:210px;line-height:1.5}.gestures{padding-bottom:70px}.heading h2{font-size:27px}.heading>small{display:none}.grid{grid-template-columns:1fr}.tile{min-height:200px}.try{grid-template-columns:1fr;padding-bottom:70px}.camera-art{min-height:300px}.about{grid-template-columns:1fr;gap:12px;padding-bottom:55px}.about>small{padding-top:0}.about h2{font-size:27px}.footer{gap:12px;flex-wrap:wrap;padding:22px 0}.footer>small{order:3;width:100%}}