:root{--bg: #05060f;--text: #eef0ff;--dim: #9aa0c0;--green: #22e584;--teal: #00e5a0;--blue: #00d2ff;--border: rgba(255, 255, 255, .1);--card: rgba(255, 255, 255, .04);--mono: "JetBrains Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden;line-height:1.7}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 15%,black 25%,transparent 78%);mask-image:radial-gradient(ellipse 90% 70% at 50% 15%,black 25%,transparent 78%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 120% 90% at 50% 40%,transparent 55%,rgba(2,3,9,.5) 100%)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--green),var(--blue));border-radius:999px;border:2px solid var(--bg)}::selection{background:#22e58459;color:#fff}.aurora{position:fixed;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:-2;background:radial-gradient(42% 42% at 22% 28%,rgba(34,229,132,.16),transparent 60%),radial-gradient(36% 36% at 80% 22%,rgba(0,210,255,.13),transparent 60%),radial-gradient(42% 42% at 55% 88%,rgba(0,229,160,.1),transparent 60%);filter:blur(34px);animation:auroraFloat 16s ease-in-out infinite alternate}@keyframes auroraFloat{0%{transform:translate(0) rotate(0) scale(1)}to{transform:translate(3%,-4%) rotate(5deg) scale(1.08)}}.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px 60px}.badge{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--dim);animation:fadeUp .9s ease both}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:pulse 1.6s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.title{margin-top:28px;font-family:Space Grotesk,sans-serif;font-size:clamp(42px,9vw,96px);font-weight:700;line-height:1.1;letter-spacing:-2px;animation:fadeUp 1s .12s ease both}.hero .title .grad-text,.soon-title .grad-text{filter:drop-shadow(0 0 24px rgba(34,229,132,.3))}.grad-text{background:linear-gradient(120deg,var(--green),var(--teal),var(--blue),var(--green));background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradShift 6s ease infinite}@keyframes gradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.sub{max-width:560px;margin:22px auto 0;color:var(--dim);font-size:17px;font-weight:300;animation:fadeUp 1s .24s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.hero-points{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:30px;animation:fadeUp 1s .32s ease both}.point{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13.5px;color:var(--dim);transition:border-color .3s,box-shadow .3s,transform .3s}.point:hover{transform:translateY(-2px);border-color:#22e58480;box-shadow:0 0 18px #22e58433}.point strong{color:var(--text);font-weight:500}.pt-icon{color:var(--green);font-size:15px}.orbits{position:relative;width:320px;height:320px;margin:40px auto 0;animation:fadeUp 1s .4s ease both}.orbit{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:spin 14s linear infinite}.orbit:before{content:"";position:absolute;top:0;left:50%;width:2px;height:50%;background:linear-gradient(to bottom,transparent,rgba(34,229,132,.45))}.orbit-b{top:36px;right:36px;bottom:36px;left:36px;animation-duration:20s;animation-direction:reverse}.orbit-c{top:72px;right:72px;bottom:72px;left:72px;animation-duration:26s}.orbit-d{top:108px;right:108px;bottom:108px;left:108px;animation-duration:32s;animation-direction:reverse}.orb{position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--blue);box-shadow:0 0 16px var(--blue),0 0 40px #00d2ff80}.orbit-b .orb{background:var(--green);box-shadow:0 0 16px var(--green),0 0 40px #22e58480}.orbit-c .orb{background:var(--teal);box-shadow:0 0 16px var(--teal),0 0 40px #00e5a080}.orbit-d .orb{background:#7cf5c2;box-shadow:0 0 16px #7cf5c2,0 0 40px #7cf5c280}.core{position:absolute;top:50%;left:50%;width:56px;height:56px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 32% 30%,#22e584e6,#00d2ff66);box-shadow:0 0 40px #00e5a099;animation:corePulse 3.5s ease infinite}.core:after{content:"";position:absolute;top:-34px;right:-34px;bottom:-34px;left:-34px;border-radius:50%;background:radial-gradient(circle,rgba(34,229,132,.2),transparent 70%);filter:blur(8px);z-index:-1}@keyframes corePulse{0%,to{box-shadow:0 0 30px #22e58473}50%{box-shadow:0 0 70px #00d2ffa6}}@keyframes spin{to{transform:rotate(360deg)}}.scroll-hint{position:absolute;bottom:26px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--dim);font-size:12px;letter-spacing:2px;text-transform:uppercase;animation:fadeUp 1s .6s ease both}.chevron{font-size:18px;color:var(--green);animation:bounceDown 1.6s ease infinite}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.section{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:120px 24px;text-align:center}.section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(620px,72%);height:1px;background:linear-gradient(90deg,transparent,rgba(34,229,132,.4),rgba(0,210,255,.4),transparent)}.section-title{position:relative;padding-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:clamp(30px,5vw,46px);font-weight:700;letter-spacing:-1px}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:64px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--blue));box-shadow:0 0 12px #22e58480}.section-desc{max-width:560px;margin:18px auto 0;color:var(--dim);font-weight:300}.session-quote{display:inline-block;margin-top:22px;padding:8px 20px;border-radius:999px;background:#22e58412;border:1px solid rgba(34,229,132,.3);font-family:var(--mono);font-size:13.5px;color:var(--green)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal.visible .card{animation:cardIn .7s ease backwards}.reveal.visible .card:nth-child(2){animation-delay:.08s}.reveal.visible .card:nth-child(3){animation-delay:.16s}.reveal.visible .card:nth-child(4){animation-delay:.24s}@keyframes cardIn{0%{opacity:0}to{opacity:1}}.sync-stage{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;width:min(960px,100%);margin:56px auto 0}.panel{position:relative;width:205px;border-radius:18px;background:linear-gradient(180deg,#161a2ceb,#090b16f0);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 60px #00000080,0 0 36px #22e5840d;overflow:hidden;animation:floatY 6s ease-in-out infinite}.panel-web{border-radius:14px}.panel-ios{border-radius:22px;animation-delay:1s}.panel-android{border-radius:16px;animation-delay:2s}.panel-tablet{width:230px;border-radius:20px;animation-delay:3s}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 55% at 50% 0%,rgba(34,229,132,.09),transparent 60%);pointer-events:none}.panel-ios:before{background:radial-gradient(120% 55% at 50% 0%,rgba(0,210,255,.09),transparent 60%)}.panel-android:before{background:radial-gradient(120% 55% at 50% 0%,rgba(34,229,132,.12),transparent 60%)}.panel-tablet:before{background:radial-gradient(120% 55% at 50% 0%,rgba(0,229,160,.09),transparent 60%)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.07);font-family:var(--mono);font-size:11px}.platform{color:var(--text);font-weight:700;letter-spacing:.5px}.panel-ios .platform{color:var(--blue)}.panel-android .platform{color:var(--green)}.panel-web .platform{color:var(--teal)}.p-url{font-size:10px;color:var(--dim);background:#ffffff0f;border-radius:999px;padding:2px 10px;white-space:nowrap}.p-time{font-size:10px;color:#ffffffd9}.panel-screen{padding:14px}.screen{position:relative;display:flex;flex-direction:column}.screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 38%);pointer-events:none;z-index:2}.mini-title{font-family:var(--mono);font-size:10px;color:var(--dim);padding-bottom:6px;margin-bottom:8px;border-bottom:1px solid var(--border);text-align:left}.mini-msg{font-family:var(--mono);font-size:11px;line-height:1.5;padding:6px 9px;margin-bottom:7px;border-radius:9px;border:1px solid var(--border);background:#ffffff0a;color:#9be8c8;text-align:left;align-self:flex-start}.mini-msg.you{align-self:flex-end;border-color:#00d2ff59;color:var(--text)}.mini-msg.claude{border-color:#00d2ff38}.mini-msg.codex{border-color:#22e58440}.mini-status{font-family:var(--mono);font-size:10px;color:var(--green);text-align:left;margin-top:2px}.platform-tag{display:block;margin:12px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);text-align:center}.sync-bar{position:relative;width:min(760px,100%);height:92px;margin:42px auto 0}.sync-bar-line{position:absolute;top:50%;left:0;right:0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--teal),var(--blue));box-shadow:0 0 14px #22e58473,0 0 30px #00d2ff40}.packet{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:50%;background:#0a0c1af2;border:1px solid rgba(34,229,132,.55);box-shadow:0 0 14px #22e58473;animation:packetRight 3.6s linear infinite;z-index:2}.packet-b{animation:packetLeft 3.6s 1.8s linear infinite;border-color:#00d2ff8c;box-shadow:0 0 14px #00d2ff73}.packet-c{width:20px;height:20px;margin-top:-10px;font-size:9px;animation:packetRight 5.2s 2.4s linear infinite;border-color:#00e5a08c}@keyframes packetRight{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}to{left:calc(100% - 30px);opacity:0}}@keyframes packetLeft{0%{left:calc(100% - 30px);opacity:0}12%{opacity:1}88%{opacity:1}to{left:0;opacity:0}}.sync-bar-tag{position:absolute;top:calc(50% + 20px);left:50%;transform:translate(-50%);font-family:var(--mono);font-size:12px;color:var(--dim);white-space:nowrap}.sync-note{margin-top:26px;color:var(--dim);font-size:14px}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes dashFlow{to{stroke-dashoffset:-18}}.local-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:52px;text-align:left}.card{position:relative;overflow:hidden;padding:28px 24px;border-radius:16px;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .3s,box-shadow .3s,transform .3s}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(240px circle at var(--mx, 50%) var(--my, 50%),rgba(34,229,132,.12),transparent 65%);opacity:0;transition:opacity .3s}.card:hover{transform:translateY(-4px);border-color:#22e58480;box-shadow:0 0 26px #22e58433}.card:hover:before{opacity:1}.card-icon{font-size:30px;display:block;margin-bottom:14px}.card h3{font-size:17px;margin-bottom:8px}.card p{color:var(--dim);font-size:14px}.files{max-width:780px;margin:52px auto 0;display:grid;grid-template-columns:230px 1fr;border-radius:14px;border:1px solid var(--border);background:#080a16d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;animation:breatheBlue 6s 2s ease-in-out infinite;text-align:left}@keyframes breatheBlue{0%,to{box-shadow:0 24px 70px #0000008c,0 0 30px #00d2ff0d}50%{box-shadow:0 24px 70px #0000008c,0 0 46px #00d2ff24}}.file-tree{padding:18px 16px;border-right:1px solid var(--border);background:#ffffff05;font-family:var(--mono);font-size:12.5px;line-height:2.1}.tree-root{color:var(--text);font-weight:700}.tree-dir{color:var(--teal)}.tree-file{color:var(--dim)}.tree-file.active{color:var(--blue);background:#00d2ff12;border-radius:4px;padding-left:4px}.indent{padding-left:14px}.editor{display:flex;flex-direction:column;min-width:0}.editor-title{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);background:#22e5840d;font-family:var(--mono);font-size:12px}.editor-file{color:var(--text)}.editor-agent{margin-left:auto;color:var(--green);font-size:11px}.editor-body{flex:1;padding:16px 18px;font-family:var(--mono);font-size:13px;line-height:2;color:#9be8c8;white-space:pre-wrap;min-height:230px;overflow:hidden}.krow.head{color:var(--blue);font-weight:700}.krow.warn{color:#febc2e}.krow.ok{color:var(--green)}.krow.strike{text-decoration:line-through;opacity:.5}.krow.flash{animation:flashIn .7s ease}@keyframes flashIn{0%{background:#22e58459}to{background:transparent}}.kb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:26px;text-align:left}.soon{padding:130px 24px 150px}.soon-title{font-family:Space Grotesk,sans-serif;font-size:clamp(40px,7vw,76px);font-weight:700;letter-spacing:-2px}.soon-sub{margin-top:20px;color:var(--dim);font-size:17px;font-weight:300}.soon-chips{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:30px}.soon-chip{padding:9px 18px;border-radius:999px;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13.5px;color:var(--dim)}.soon-badge{display:inline-flex;align-items:center;gap:10px;margin-top:40px;padding:10px 26px;border-radius:999px;background:linear-gradient(135deg,#22e58426,#00d2ff1f);border:1px solid rgba(34,229,132,.4);font-family:var(--mono);font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--green);animation:badgeGlow 2.6s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 0 22px #22e5842e}50%{box-shadow:0 0 44px #22e58466}}.hub{position:relative;width:min(760px,100%);height:380px;margin:52px auto 0}.hub-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hub-lines path{fill:none;stroke:#22e5844d;stroke-width:1.2;stroke-dasharray:3 6;animation:dashFlow 3.2s linear infinite}.hub-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 30px;border-radius:18px;background:radial-gradient(circle at 32% 30%,#22e5842e,#00d2ff1a);border:1px solid rgba(34,229,132,.45);box-shadow:0 0 36px #00e5a04d;animation:corePulse 3.5s ease infinite}.hub-core-icon{font-size:26px;color:var(--green);animation:spin 6s linear infinite;display:inline-block}.hub-core-label{font-family:var(--mono);font-size:13px;color:var(--text)}.chip{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;background:#0a0c1ae6;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--mono);font-size:14px;transition:border-color .3s,box-shadow .3s;white-space:nowrap}.chip:hover{border-color:#00d2ff99;box-shadow:0 0 24px #00d2ff4d}.chip-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.dim-dot{background:var(--dim);box-shadow:none}.chip-1{top:24%;left:28%;animation:chipFloat 5s ease-in-out infinite}.chip-2{top:24%;left:72%;animation:chipFloat 5s 1.4s ease-in-out infinite}.chip-3{top:80%;left:50%;color:var(--dim);animation:chipFloat 5s 2.8s ease-in-out infinite}@keyframes chipFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}.session{max-width:680px;margin:52px auto 0;text-align:left;border-radius:14px;border:1px solid var(--border);background:#080a16d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;animation:breatheBlue 6s 1s ease-in-out infinite}.session-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff08;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:12.5px}.sess-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.6s ease infinite}.sess-title{color:var(--text)}.sess-meta{margin-left:auto;color:var(--dim);font-size:11.5px}.session-body{display:flex;flex-direction:column;gap:12px;padding:20px;min-height:320px}.msg{max-width:80%;padding:10px 14px;border-radius:12px;border:1px solid var(--border);font-family:var(--mono);font-size:13px;line-height:1.6}.msg-you{align-self:flex-end;background:#00d2ff14;border-color:#00d2ff59;color:var(--text)}.msg-claude{align-self:flex-start;background:#00d2ff0d;border-color:#00d2ff38}.msg-codex{align-self:flex-start;background:#22e5840d;border-color:#22e58438}.msg-status{align-self:center;background:#22e58414;border-color:#22e58459;color:var(--green);font-size:12.5px}.who{display:block;font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px}.who-you,.who-claude{color:var(--blue)}.who-codex{color:var(--green)}.cursor{display:inline-block;width:7px;height:14px;background:var(--green);vertical-align:-2px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.tmux{max-width:780px;margin:52px auto 0;text-align:left;border-radius:14px;border:1px solid var(--border);background:#080a16d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;animation:breathe 6s ease-in-out infinite}@keyframes breathe{0%,to{box-shadow:0 24px 70px #0000008c,0 0 30px #22e5840f}50%{box-shadow:0 24px 70px #0000008c,0 0 46px #22e58429}}.tmux-header{display:flex;gap:6px;padding:10px 14px;background:#ffffff08;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:12px}.tab{padding:4px 12px;border-radius:6px;color:var(--dim);border:1px solid transparent;transition:background .25s,color .25s}.tab.active{background:#22e5841f;border-color:#22e58466;color:var(--green)}.tab-dot{display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--green);animation:pulse 1.4s ease infinite}.tmux-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;background:var(--border)}.pane{background:#080a16e6;min-height:150px;display:flex;flex-direction:column}.pane-wide{grid-column:1 / -1}.pane-title{padding:7px 14px;font-family:var(--mono);font-size:11.5px;color:var(--dim);border-bottom:1px solid var(--border);background:#22e5840d;display:flex;align-items:center;gap:8px}.pane-title:before{content:"›";color:var(--green)}.pane-body{flex:1;padding:14px 16px;font-family:var(--mono);font-size:12.5px;line-height:1.8;color:#9be8c8;white-space:pre-wrap;overflow:hidden}.tmux-status{display:flex;align-items:center;gap:14px;padding:7px 14px;font-family:var(--mono);font-size:11.5px;color:var(--dim);background:#ffffff08;border-top:1px solid var(--border)}.status-green{color:var(--green)}.status-right{margin-left:auto;color:var(--blue)}.pane-body .dim{color:var(--dim)}.pane-body .green{color:var(--green)}.pane-body .cyan{color:var(--blue)}.pane-body .yellow{color:#febc2e}.footer{position:relative;z-index:1;text-align:center;padding:34px 24px 40px;color:var(--dim);font-size:12px;letter-spacing:1px;border-top:1px solid var(--border)}@media(max-width:640px){.orbits{transform:scale(.85)}.sync-stage{gap:12px}.panel,.panel-tablet{width:46%}.hub{height:420px}.chip{font-size:12px;padding:8px 14px}.chip-1{left:24%}.chip-2{left:76%}.session-body{min-height:280px}.files{grid-template-columns:1fr}.file-tree{border-right:none;border-bottom:1px solid var(--border)}.tmux-status{gap:8px;font-size:10px}}