*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--f);-webkit-font-smoothing:antialiased;background:#01150f}:root{--deep:#03241d;--night:#01150f;--em:#008066;--green:#00a383;--mint:#5ce6c4;--tile:#f1f8f5;--ink:#0b0f3b;--line:#d5e3dd;--mute:#4a5b66;--f:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Meiryo",-apple-system,"Segoe UI",system-ui,sans-serif;--mono:"SF Mono",ui-monospace,Menlo,Consolas,monospace;--ease:cubic-bezier(.22,1,.36,1)}svg{flex:none;display:block}.ic{flex:none}.sec{height:900px;padding:120px 120px 0;position:relative;overflow:hidden}.sec.light{background:var(--tile)}.sec.white{background:#fff}.sec.dark{background:var(--deep);color:#fff}.sec.night{background:var(--night);color:#fff}.wrap{z-index:1;height:100%;position:relative}.ey{letter-spacing:.06em;color:var(--em);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.dark .ey,.night .ey{color:var(--mint)}h1,h2,h3,p{margin:0}h2{letter-spacing:-.02em;margin-top:14px;font-size:48px;font-weight:700;line-height:1.18}.lead{color:var(--mute);max-width:620px;margin-top:18px;font-size:18px;line-height:1.75}.dark .lead,.night .lead{color:#f1f8f5bd}.btn{letter-spacing:.02em;height:52px;transition:transform .15s var(--ease);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 26px;font-family:inherit;font-size:16px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.97)}.btn.pri{background:var(--mint);color:var(--deep);box-shadow:0 10px 40px -8px #5ce6c48c}.btn.sec2{color:#fff;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff38}.light .btn.sec2,.white .btn.sec2{color:var(--em);box-shadow:inset 0 0 0 1.5px var(--em);background:0 0}.btn.em{background:var(--em);color:#fff}.liquid:before{content:"";transition:transform .5s var(--ease);z-index:-1;background:#fff;border-radius:40% 40% 0 0;position:absolute;inset:0;transform:translateY(102%)}.liquid{isolation:isolate}.liquid:hover:before,.play .liquid.demo:before{border-radius:0;transform:translateY(0)}.play .liquid.demo:before{animation:liq 4s var(--ease) 1.4s infinite}@keyframes liq{0%,15%{border-radius:40% 40% 0 0;transform:translateY(102%)}40%,70%{border-radius:0;transform:translateY(0)}to{transform:translateY(102%)}}.play [data-rv]{animation:rv .9s var(--ease) both;animation-delay:calc(var(--i,0) * .11s + .15s)}@keyframes rv{0%{opacity:0;transform:translateY(32px)}}.play [data-rs]{animation:rs 1.1s var(--ease) both;animation-delay:calc(var(--i,0) * .11s + .3s)}@keyframes rs{0%{opacity:0;transform:translateY(90px)scale(.94)}}.nav{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(160%);background:#03241d8c;align-items:center;gap:36px;height:68px;padding:0 120px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 -1px #ffffff14}.nav .links{color:#f1f8f5d1;gap:30px;font-size:14px;font-weight:500;display:flex}.nav .sp{flex:1}.nav .btn{height:40px;padding:0 18px;font-size:14px}.nav .op{color:#f1f8f599;align-items:center;gap:8px;font-size:12px;display:flex}.win{background:#0b1915;border-radius:14px;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #5ce6c438,0 40px 120px -20px #000000b3,0 0 140px -30px #5ce6c473}.win .tb{color:#f1f8f5b3;background:#0f211c;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:12px;display:flex}.dots{gap:7px;display:flex}.dots i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.dots i:nth-child(2){background:#febc2e}.dots i:nth-child(3){background:#28c840}.term{font-family:var(--mono);color:#cfe3dc;white-space:pre;font-size:12.5px;line-height:1.75}.term .p{color:var(--mint)}.term .d{color:#7e9891}.term .ok{color:#7ee2b8}.term .a{color:#ffcf70}.term .r{color:#ff8a80}.caret:after{content:"";background:var(--mint);vertical-align:-2px;width:7px;height:14px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.ai{background:var(--mint);height:16px;color:var(--deep);letter-spacing:.04em;border-radius:4px;place-items:center;padding:0 5px;font-size:9.5px;font-weight:800;display:inline-grid}.av{border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.lwin{background:#fff;border-radius:14px;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #cfddd7,0 50px 100px -30px #03241d59}.lwin .tb{color:#5b6d68;background:#f6f8f7;border-bottom:1px solid #dce5e1;align-items:center;gap:10px;height:40px;padding:0 14px;font-size:12px;display:flex}[data-pane]{opacity:0;filter:blur(4px);transition:opacity .45s var(--ease),transform .55s var(--ease),filter .45s;position:absolute;inset:66px 18px 18px;transform:translateY(10px)scale(.985)}[data-pane].on{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}html.rm *,html.rm :before,html.rm :after{transition:none!important;animation:none!important}.hero{background:radial-gradient(1100px 620px at 50% 108%,#5ce6c46b,#00a3832e 38%,transparent 70%), radial-gradient(900px 500px at 8% -10%,#0080668c,transparent 60%),radial-gradient(700px 420px at 100% 0%,#00a38340,transparent 60%),var(--deep);color:#fff;height:900px;padding:0}.lat{z-index:0;position:absolute;top:0;left:0;-webkit-mask:radial-gradient(560px 300px at 50% 34%,#0000 30%,#000 75%);mask:radial-gradient(560px 300px at 50% 34%,#0000 30%,#000 75%)}.lat .ld{fill:#5ce6c438}.lat .rb{stroke:#5ce6c429;stroke-width:3px}.lat .rt{stroke:var(--mint);stroke-width:3px;stroke-dasharray:var(--l) 1;stroke-dashoffset:calc(var(--l) + 1);filter:drop-shadow(0 0 6px #5ce6c4e6)}.play .lat .rt{animation:4.2s linear infinite flow;animation-delay:var(--d)}@keyframes flow{to{stroke-dashoffset:0}}.chip{z-index:2;-webkit-backdrop-filter:blur(10px);color:#e6f6f0;white-space:nowrap;background:#092e26b8;border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 12px 0 6px;font-size:12.5px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #5ce6c459,0 8px 30px #00000059}.chip .cv{width:24px;height:24px;color:var(--mint);background:#5ce6c429;border-radius:50%;place-items:center;display:grid}.play .chip{animation:.7s cubic-bezier(.34,1.56,.64,1) both pop,3.6s ease-in-out 1.5s infinite breath;animation-delay:calc(var(--i) * .16s + .9s),calc(var(--i) * .3s + 1.6s)}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}}@keyframes breath{50%{box-shadow:inset 0 0 0 1px #5ce6c4cc,0 0 28px #5ce6c473}}.hc{z-index:3;text-align:center;position:absolute;top:104px;left:0;right:0}.emb{margin:0 auto 18px;display:block;position:relative}.emb:before{content:"";border-radius:inherit;position:absolute;inset:7%;box-shadow:0 0 0 1px #5ce6c473,0 0 40px #5ce6c473,0 18px 40px #0006}.emb svg{position:relative}.hm path{stroke-dasharray:704;stroke-dashoffset:0}.play .hm path{animation:drawm 1.3s var(--ease) .2s both}@keyframes drawm{0%{stroke-dashoffset:704px}}.play .hm rect{transform-box:fill-box;transform-origin:50%;animation:.9s cubic-bezier(.34,1.4,.64,1) both tilein}@keyframes tilein{0%{opacity:0;transform:scale(.6)}}.play .hm circle{transform-box:fill-box;transform-origin:50%;animation:.6s cubic-bezier(.34,1.56,.64,1) both dot}.play .hm circle:first-of-type{animation-delay:.9s}.play .hm circle:nth-of-type(2){animation-delay:1s}.play .hm circle:nth-of-type(3){animation-delay:1.1s}.play .hm circle:nth-of-type(4){animation-delay:1.2s}@keyframes draw{0%{stroke-dashoffset:1px}}@keyframes dot{0%{fill:#5ce6c4;transform:scale(0)}40%{fill:#5ce6c4}}.h1{letter-spacing:-.035em;font-size:68px;font-weight:800;line-height:1.14}.grad{background:linear-gradient(100deg,#fff 0%,var(--mint) 30%,#b6ffe9 50%,var(--mint) 70%,#fff 100%);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text}.play .grad{animation:7s linear infinite gt}@keyframes gt{to{background-position:-220% 0}}.split span{display:inline-block}.play .split span{animation:sp .8s var(--ease) both;animation-delay:calc(var(--i) * 45ms + .25s)}@keyframes sp{0%{opacity:0;transform:translateY(.45em)}}.hsub{color:#f1f8f5c7;max-width:760px;margin:22px auto 0;font-size:19px;line-height:1.75}.hact{justify-content:center;gap:14px;margin-top:30px;display:flex}.facts{color:#f1f8f5b8;justify-content:center;gap:28px;margin-top:26px;font-size:13.5px;display:flex}.facts span{align-items:center;gap:7px;display:flex}.facts .ic{color:var(--mint)}.hwin{z-index:4;width:1120px;height:560px;top:604px;left:160px}.hwin .bd{height:calc(100% - 40px);display:flex}.side{color:#f1f8f5bf;background:#0d1d19;border-right:1px solid #ffffff0f;width:210px;padding:14px 10px;font-size:12px}.side .h{letter-spacing:.08em;color:#f1f8f573;margin:4px 8px 8px;font-size:10.5px;font-weight:700}.trk{border-radius:7px;align-items:center;gap:8px;height:30px;padding:0 8px;display:flex}.trk.on{color:#fff;background:#5ce6c41f}.trk i{background:#7e9891;border-radius:50%;width:7px;height:7px}.trk i.run{background:var(--mint);box-shadow:0 0 #5ce6c4b3}.play .trk i.run{animation:1.6s ease-out infinite ping}@keyframes ping{to{box-shadow:0 0 0 7px #5ce6c400}}.trk i.rev{background:#ffcf70}.panes{flex:1;grid-template-columns:repeat(3,1fr);display:grid}.pane{border-right:1px solid #ffffff0f;min-width:0}.pane:last-child{border-right:0}.pane .ph{color:#f1f8f5cc;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;height:36px;padding:0 12px;font-size:11.5px;display:flex}.pane .ph b{color:#fff;font-weight:600}.pane .ph .ag{color:#f1f8f58c;margin-left:auto}.pane .term{white-space:pre-wrap;padding:12px 14px;font-size:11.5px}.s2{padding-top:110px}.s2 .hd{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.lwin.app{width:1200px;height:640px;top:330px;left:120px}.app .bd{height:calc(100% - 40px);display:flex}.lside{color:#30443e;background:#f6f8f7;border-right:1px solid #dce5e1;width:220px;padding:14px 10px;font-size:12.5px}.lside .h{letter-spacing:.08em;color:#8a9a95;margin:4px 8px 8px;font-size:10.5px;font-weight:700}.host{border-radius:7px;align-items:center;gap:9px;height:34px;padding:0 9px;display:flex}.host.on{color:var(--deep);background:#e3f2ec;font-weight:600}.host i{background:#00a383;border-radius:50%;width:7px;height:7px;margin-left:auto}.tabs{background:#eef3f1;border-radius:10px;gap:4px;width:max-content;margin:14px 18px 0;padding:4px;display:flex;position:relative}.tabs .hl{background:#fff;border-radius:7px;height:36px;transition:transform .45s cubic-bezier(.34,1.3,.64,1),width .45s cubic-bezier(.34,1.3,.64,1);position:absolute;top:4px;left:0;box-shadow:0 1px 3px #03241d26}.tabs [data-tab]{z-index:1;color:#5b6d68;cursor:pointer;align-items:center;gap:7px;height:36px;padding:0 16px;font-size:13px;font-weight:600;display:flex;position:relative}.tabs [data-tab].on{color:var(--deep)}.stage{flex:1;position:relative}.tpane{background:#0b1915;border-radius:10px;padding:16px 18px}.files{border:1px solid #dce5e1;border-radius:10px;font-size:13px;overflow:hidden}.frow{color:#30443e;border-bottom:1px solid #eef3f1;grid-template-columns:28px 1fr 120px 160px;align-items:center;height:42px;padding:0 14px;display:grid}.frow.h{color:#8a9a95;background:#f6f8f7;height:34px;font-size:11.5px;font-weight:600}.bar{background:#e3ece8;border-radius:3px;height:6px;overflow:hidden}.bar i{background:var(--green);transform-origin:0;border-radius:3px;width:64%;height:100%;display:block}.on .bar i{animation:grow 3.2s var(--ease) infinite}@keyframes grow{0%{transform:scaleX(.15)}to{transform:scaleX(1.45)}}.rdesk{background:linear-gradient(135deg,#0e3b6e,#1c6ba8);border-radius:10px;position:absolute;inset:0;overflow:hidden}.rdesk .w1{background:#fff;border-radius:8px;width:520px;height:300px;position:absolute;top:40px;left:60px;box-shadow:0 20px 50px #00000059}.rdesk .w2{background:#1e1e1e;border-radius:8px;width:420px;height:240px;position:absolute;top:120px;left:380px;box-shadow:0 20px 50px #00000059}.rdesk .tbar{background:#14181ed9;height:40px;position:absolute;bottom:0;left:0;right:0}.cursor{z-index:3;width:18px;height:18px;position:absolute;top:200px;left:300px}.on .cursor{animation:cur 5s var(--ease) infinite}@keyframes cur{0%{transform:translate(0)}40%{transform:translate(260px,60px)}70%{transform:translate(160px,-40px)}to{transform:translate(0)}}.vpn{background:linear-gradient(#f1f8f5,#fff);border:1px solid #dce5e1;border-radius:10px;justify-content:center;align-items:center;gap:28px;height:100%;display:flex}.sw{background:var(--green);border-radius:999px;width:84px;height:48px;position:relative;box-shadow:inset 0 0 0 1px #0000000f}.sw:after{content:"";background:#fff;border-radius:50%;width:40px;height:40px;position:absolute;top:4px;left:40px;box-shadow:0 2px 6px #00000040}.on .sw:after{animation:4s cubic-bezier(.34,1.4,.64,1) infinite knob}@keyframes knob{0%,10%{transform:translate(-36px)}25%,to{transform:none}}.on .sw{animation:4s infinite swbg}@keyframes swbg{0%,10%{background:#c9d6d1}25%,to{background:var(--green)}}.clock{font-family:var(--mono);color:var(--deep);letter-spacing:-.02em;font-size:44px;font-weight:700}.clock .sl{animation:sln .35s var(--ease);display:inline-block}@keyframes sln{0%{opacity:.2;transform:translateY(-40%)}}.s3{padding-top:110px}.flow{z-index:0;width:1440px;height:900px;position:absolute;top:0;left:0}.flow .main{stroke:#f1f8f559;stroke-width:3px}.flow .ln{stroke:var(--mint);stroke-width:3px;fill:none;stroke-dasharray:1;stroke-dashoffset:0}.play .flow .ln{animation:draw 2s var(--ease) both;animation-delay:calc(var(--i) * .25s + .3s)}.flow .pulse{fill:#fff;filter:drop-shadow(0 0 8px var(--mint))}.lane{z-index:2;-webkit-backdrop-filter:blur(12px);color:#e6f6f0;background:#092e26eb;border-radius:14px;width:340px;height:118px;padding:14px 16px;position:absolute;box-shadow:inset 0 0 0 1px #5ce6c447,0 30px 60px -20px #0009}.lane .lh{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.lane .lh .ag{color:#f1f8f599;margin-left:auto;font-size:12px;font-weight:500}.lane .term{white-space:nowrap;flex-direction:column;justify-content:flex-end;height:40px;margin-top:6px;font-size:11.5px;display:flex;overflow:hidden}.lane .lf{font-size:12px;font-family:var(--mono);align-items:center;gap:12px;margin-top:4px;display:flex}.lane .lf .ok{color:#7ee2b8}.lane .lf .r{color:#ff8a80}.st{font-family:var(--f);color:var(--mint);background:#5ce6c426;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:11px;font-weight:700}.st.rv{color:#ffcf70;background:#ffcf7029}.node{z-index:2;height:36px;color:var(--deep);font-size:13px;font-weight:700;font-family:var(--mono);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:flex;position:absolute;transform:translate(-50%,-50%)}.node.merge{background:var(--mint)}.play .node.merge{animation:.7s cubic-bezier(.34,1.56,.64,1) 2.4s both pop}.s4{padding-top:110px}.chat{background:#fff;border-radius:16px;width:640px;height:470px;position:absolute;top:330px;left:120px;overflow:hidden;box-shadow:0 0 0 1px #dce5e1,0 40px 80px -30px #03241d4d}.chat .ch{height:48px;color:var(--deep);border-bottom:1px solid #eef3f1;align-items:center;gap:10px;padding:0 18px;font-size:14px;font-weight:700;display:flex}.ag-grp{margin-left:auto;display:flex}.ag-grp .av{width:26px;height:26px;margin-left:-8px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 0 2px #fff}.ag-grp .av:hover{transform:translateY(-4px)}.play .ag-grp .av{animation:.6s cubic-bezier(.34,1.56,.64,1) both pop;animation-delay:calc(var(--i) * 90ms + .4s)}.msgs{flex-direction:column;gap:14px;padding:16px 18px;display:flex}.msg{transition:opacity .5s var(--ease),transform .6s cubic-bezier(.34,1.3,.64,1);gap:12px;display:flex}.msg .who{color:var(--deep);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.msg .who small{color:#8a9a95;font-weight:500}.msg .tx{color:#30443e;margin-top:2px;font-size:14px;line-height:1.65}.msg .card{background:#f6faf8;border:1px solid #dce5e1;border-radius:10px;align-items:center;gap:14px;margin-top:8px;padding:10px 12px;font-size:12.5px;display:flex}.play [data-seq] [data-step]{opacity:0;transform:translateY(16px)scale(.98)}.play [data-seq] [data-step].shown{opacity:1;transform:none}.typing{gap:4px;padding:8px 0 0 40px;display:flex}.typing i{background:#9fb3ad;border-radius:50%;width:6px;height:6px;animation:1.2s infinite bob}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes bob{30%{background:var(--green);transform:translateY(-4px)}}.gw{width:520px;height:520px;position:absolute;top:330px;left:800px}.gw svg{position:absolute;inset:0}.gw .l{stroke:#b8d3ca;stroke-width:2px;fill:none}.gw .lp{stroke:var(--green);stroke-width:2.5px;fill:none;stroke-dasharray:.08 .92;stroke-dashoffset:1px}.play .gw .lp{animation:2.4s linear infinite pls;animation-delay:var(--d)}@keyframes pls{to{stroke-dashoffset:0}}.gn{color:var(--deep);white-space:nowrap;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #dce5e1,0 10px 30px -10px #03241d33}.gn small{color:#5b6d68;font-size:11.5px;display:block}.gn.core{background:var(--deep);color:#fff;padding:16px 18px;box-shadow:0 0 0 1px #5ce6c466,0 20px 60px -10px #00806699}.gn.core small{color:#f1f8f5b3}.box{border:1.5px dashed #9fc4b7;border-radius:16px;width:400px;height:460px;position:absolute;top:30px;left:-30px}.box b{color:var(--em);background:#fff;padding:0 8px;font-size:12px;position:absolute;top:-11px;left:16px}.particles i{background:var(--mint);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%}.play .particles i{animation:3.4s linear infinite orb;animation-delay:calc(var(--i) * -.42s)}@keyframes orb{0%{transform:rotate(calc(var(--i) * 45deg)) translateX(64px) rotate(0)}to{transform:rotate(calc(var(--i) * 45deg + 360deg)) translateX(64px)}}.s5{padding-top:110px}.bento{grid-template-rows:250px 250px;grid-template-columns:1.55fr 1fr;gap:20px;display:grid;position:absolute;top:330px;left:120px;right:120px}.cell{transition:transform .25s var(--ease),box-shadow .25s;background:#fff;border-radius:18px;padding:20px 22px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #dce5e1}.cell:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #b8d3ca,0 20px 40px -20px #03241d4d}.cell .ct{color:var(--deep);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.cell .ct .ic{color:var(--em)}.cell.big{grid-row:span 2}.board{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid;position:relative}.col{background:#f1f8f5;border-radius:12px;min-height:400px;padding:10px}.col .cn{color:#5b6d68;justify-content:space-between;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.tk{color:#30443e;background:#fff;border-radius:9px;margin-bottom:8px;padding:10px 11px;font-size:12.5px;line-height:1.5;box-shadow:0 1px 2px #03241d1f}.tk .m{color:#8a9a95;align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.tk.mv{z-index:3;width:calc(25% - 29px);box-shadow:0 0 0 2px var(--mint),0 16px 30px -10px #03241d59;position:absolute;top:126px;left:calc(25% + 13px)}.play .tk.mv{animation:5s cubic-bezier(.34,1.2,.64,1) 1s infinite mv}@keyframes mv{0%,20%{transform:none}45%,85%{transform:translate(calc(100% + 32px))rotate(0)}30%{transform:translate(50%)rotate(2deg)scale(1.03)}to{transform:none}}.gantt{flex-direction:column;gap:10px;margin-top:18px;display:flex}.gr{color:#5b6d68;grid-template-columns:110px 1fr;align-items:center;font-size:12px;display:grid}.gb{background:var(--green);transform-origin:0;border-radius:5px;height:18px}.gb.m{background:var(--mint)}.gb.d{background:var(--deep)}.play .gb{animation:gg 1.2s var(--ease) both;animation-delay:calc(var(--i) * .15s + .5s)}@keyframes gg{0%{transform:scaleX(0)}}.page{color:#30443e;margin-top:16px;font-size:13px;line-height:1.8}.page h4{color:var(--deep);margin:0 0 6px;font-size:16px}.hlt{background:linear-gradient(#0000 55%,#5ce6c48c 55%) 0 0/0 100% no-repeat}.play .hlt{animation:hl 1.2s var(--ease) 1.2s both}@keyframes hl{to{background-size:100% 100%}}.cmt{background:var(--deep);color:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:20px;right:20px}.play .cmt{animation:.7s cubic-bezier(.34,1.56,.64,1) 2.2s both pop}.s6{padding-top:110px}.stats{gap:64px;margin-top:56px;display:flex}.stat b{letter-spacing:-.05em;background:linear-gradient(180deg,#fff,var(--mint));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:112px;font-weight:800;line-height:1;display:block}.stat span{color:#f1f8f5bf;margin-top:10px;font-size:15px;display:block}.opt{width:560px;height:330px;position:absolute;top:250px;left:760px}.inside{z-index:2;grid-template-columns:repeat(5,1fr);gap:16px;display:grid;position:absolute;top:690px;left:120px;right:120px}.inside div{color:#e6f6f0;background:#ffffff0a;border-radius:14px;align-items:center;gap:12px;height:72px;padding:0 18px;font-size:14.5px;font-weight:600;display:flex;box-shadow:inset 0 0 0 1px #5ce6c42e}.inside .ic{color:var(--mint)}.inside-h{letter-spacing:.08em;color:#f1f8f580;font-size:12px;font-weight:700;position:absolute;top:650px;left:120px}.opt .win{position:absolute;inset:0}.dbt{background:#ffffff0f;border-radius:10px;gap:4px;width:max-content;margin:14px 16px 0;padding:4px;display:flex;position:relative}.dbt .hl{background:var(--mint);border-radius:7px;height:34px;transition:transform .45s cubic-bezier(.34,1.3,.64,1),width .45s cubic-bezier(.34,1.3,.64,1);position:absolute;top:4px;left:0}.dbt [data-tab]{z-index:1;color:#f1f8f5bf;height:34px;font-size:13px;font-weight:700;font-family:var(--mono);align-items:center;padding:0 16px;transition:color .3s;display:flex;position:relative}.dbt [data-tab].on{color:var(--deep)}.opt .term{padding:16px 18px;font-size:13px}.roll{display:inline-block}.roll.rolling{animation:roll .5s var(--ease)}@keyframes roll{0%{opacity:0;filter:blur(3px);transform:translateY(-70%)}}.glowring{z-index:0;background:radial-gradient(circle,#5ce6c459,#0000 65%);border-radius:50%;width:600px;height:600px;position:absolute;top:560px;left:880px}.play .glowring{animation:6s ease-in-out infinite gl}@keyframes gl{50%{opacity:.7;transform:scale(1.15)}}.s7{padding-top:110px}.sgrid{grid-template-rows:240px 240px;grid-template-columns:repeat(3,1fr);gap:20px;display:grid;position:absolute;top:330px;left:120px;right:120px}.sc{background:var(--tile);transition:transform .25s var(--ease);border-radius:18px;padding:22px;position:relative;overflow:hidden}.sc:hover{transform:translateY(-2px)}.sc h3{color:var(--deep);margin-top:auto;font-size:18px;font-weight:700}.sc p{color:#4a5f59;margin-top:6px;font-size:13.5px;line-height:1.65}.sc .vis{justify-content:center;align-items:center;gap:12px;height:120px;display:flex}.sc:after{content:"";background:linear-gradient(100deg,#0000,#ffffffb3,#0000);width:40%;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-18deg)}.play .sc:after{animation:shine 5s var(--ease) infinite;animation-delay:calc(var(--i) * .6s + 1s)}@keyframes shine{0%,30%{left:-60%}55%,to{left:130%}}.idp{height:40px;color:var(--deep);background:#fff;border-radius:10px;align-items:center;padding:0 14px;font-size:13px;font-weight:700;display:flex;box-shadow:0 0 0 1px #dce5e1}.otp{gap:8px;display:flex}.otp i{width:38px;height:48px;color:var(--deep);font-size:22px;font-style:normal;font-weight:700;font-family:var(--mono);background:#fff;border-radius:9px;place-items:center;display:grid;box-shadow:0 0 0 1px #dce5e1}.play .otp i{animation:otp 4s var(--ease) infinite;animation-delay:calc(var(--i) * .25s)}@keyframes otp{0%,8%{color:#0000;box-shadow:0 0 0 1px #dce5e1}15%{color:var(--deep);box-shadow:0 0 0 2px var(--green)}25%,to{box-shadow:0 0 0 1px #dce5e1}}.fp{width:84px;height:84px;color:var(--em);background:#fff;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 0 1px #dce5e1}.fp:before,.fp:after{content:"";box-shadow:0 0 0 2px var(--green);opacity:0;border-radius:50%;position:absolute;inset:0}.play .fp:before{animation:2.4s ease-out infinite rip}.play .fp:after{animation:2.4s ease-out 1.2s infinite rip}@keyframes rip{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.chipv{background:var(--deep);width:92px;height:92px;color:var(--mint);border-radius:16px;place-items:center;display:grid;box-shadow:0 0 0 6px #0080661f}.sc.wide{flex-direction:row;grid-column:span 2}.clock2{font-family:var(--mono);color:var(--deep);font-size:40px;font-weight:700}.clock2 .sl{animation:sln .35s var(--ease);display:inline-block}.s8{background:radial-gradient(800px 500px at 85% 110%,#00a38359,transparent 70%),var(--deep);padding-top:110px}.dev .win{position:absolute;inset:0}.dev .dbt{margin:14px 16px 0}.dev [data-pane]{filter:none;padding:16px 20px;position:absolute;inset:100px 0 0;transform:translateY(8px)}.dev [data-pane].on{transform:none}.dev .term{font-size:13.5px}.cpy{color:#e6f6f0;z-index:3;background:#ffffff14;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;display:flex;position:absolute;top:14px;right:16px}.play .cpy .ok2{animation:3.8s infinite cpy}.cpy .ok2{color:var(--mint);opacity:0;position:absolute;left:12px}@keyframes cpy{0%,55%{opacity:0}60%,90%{opacity:1}to{opacity:0}}.uses{flex-direction:column;gap:16px;width:390px;display:flex;position:absolute;top:330px;left:930px}.use{transition:transform .25s var(--ease),background .25s;background:#ffffff0d;border-radius:16px;align-items:flex-start;gap:16px;padding:20px;display:flex;box-shadow:inset 0 0 0 1px #5ce6c433}.use:hover{background:#ffffff14;transform:translateY(-2px)}.use .ui{width:44px;height:44px;color:var(--mint);background:#5ce6c424;border-radius:12px;place-items:center;display:grid}.use b{font-size:16px;display:block}.use span{color:#f1f8f5b3;margin-top:4px;font-size:13.5px;line-height:1.65;display:block}.use.on{box-shadow:inset 0 0 0 1.5px var(--mint);background:#5ce6c41a}.s9{background:var(--night);color:#fff;height:900px;padding:0}.cta{text-align:center;background:radial-gradient(700px 360px at 50% 120%,#5ce6c48c,#00806659 40%,transparent 75%),var(--deep);height:520px;padding-top:120px;position:relative;overflow:hidden}.cta .lat{-webkit-mask:linear-gradient(#0000,#000 60%);mask:linear-gradient(#0000,#000 60%)}.cta h2{letter-spacing:-.03em;z-index:2;font-size:56px;position:relative}.cta p{z-index:2;color:#f1f8f5c7;max-width:640px;margin:18px auto 0;font-size:18px;line-height:1.7;position:relative}.cta .hact{z-index:2;justify-content:center;gap:14px;margin-top:34px;display:flex;position:relative}.cta .bm{z-index:2;width:56px;height:56px;margin:0 auto 26px;position:relative}.ft{grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:40px;padding:56px 120px 0;display:grid}.ft h4{letter-spacing:.08em;color:#f1f8f580;margin:0 0 14px;font-size:12px;font-weight:700}.ft a{color:#f1f8f5d1;width:max-content;margin-bottom:10px;font-size:14px;text-decoration:none;display:block;position:relative}.ft a:after{content:"";background:var(--mint);transform-origin:0;height:1px;transition:transform .3s var(--ease);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.ft a:hover:after{transform:none}.opco{background:#ffffff0a;border-radius:16px;padding:20px;box-shadow:inset 0 0 0 1px #ffffff1a}.opco .lbl{letter-spacing:.08em;color:#f1f8f580;font-size:12px;font-weight:700}.opco .nm{color:#f1f8f5d9;margin-top:12px;font-size:14px;line-height:1.7}.legal{color:#f1f8f580;border-top:1px solid #ffffff14;justify-content:space-between;margin-top:34px;margin-left:120px;margin-right:120px;padding:22px 0 0;font-size:12.5px;display:flex}html{scroll-behavior:smooth;background:var(--night);scroll-padding-top:76px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}astro-island{display:contents}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.flex{display:flex}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.w-full{width:100%}.shrink-0{flex-shrink:0}.px-2{padding-left:.5rem;padding-right:.5rem}.h-full{height:100%}:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.sec{height:auto;padding:120px 24px}.sec .wrap{max-width:1200px;height:auto;margin:0 auto}.js .sec:not(.play) [data-rv]{opacity:0}h1,h2,.lead,.hsub,.cta p{word-break:auto-phrase}.nav{background:#03241dd1;padding:0 max(24px,50vw - 600px);position:fixed}.nav .brand{display:flex}.nav .links a{transition:color .2s}.nav .links a:hover{color:#fff}.nav .op{transition:color .2s}.nav .op:hover{color:#fff}.lq{--liquid-button-color:#fff;--liquid-button-background-color:var(--mint);color:var(--deep)}.lq:hover{color:var(--deep)}.nav-cta{height:40px;padding:0 18px;font-size:14px}.menu{display:none;position:relative}.menu summary{color:#fff;cursor:pointer;border-radius:10px;place-items:center;width:40px;height:40px;list-style:none;display:grid}.menu summary::-webkit-details-marker{display:none}.mpanel{background:#03241df5;border-radius:14px;width:220px;padding:8px;position:absolute;top:48px;right:0;box-shadow:inset 0 0 0 1px #5ce6c440,0 20px 40px #0006}.mpanel a{color:#e6f6f0;border-radius:9px;padding:12px 14px;font-size:15px;display:block}.mpanel a:hover{background:#5ce6c41f}.mpanel a:last-child{background:var(--mint);color:var(--deep);text-align:center;margin-top:6px;font-weight:700}.hero{height:auto;padding:0 24px;overflow:hidden}.hstage{pointer-events:none;width:2400px;height:900px;margin-left:-1200px;position:absolute;top:0;left:50%}.hstage .lat{-webkit-mask:radial-gradient(560px 300px at 50% 34%,#0000 30%,#000 75%);mask:radial-gradient(560px 300px at 50% 34%,#0000 30%,#000 75%)}.hc{padding-top:104px;position:relative;top:auto}.hact .btn.sec2,.cta .btn.sec2{text-decoration:none}.hwin{height:560px;margin:56px auto -220px;width:min(1120px,100%)!important;position:relative!important;top:auto!important;left:auto!important}.hero:after{content:"";height:0;display:block}.s2 .hd .lead{flex:0 0 520px;max-width:520px;margin:0 0 6px}.lwin.app{width:100%;height:auto;margin-top:64px;position:relative;top:auto;left:auto}.app .bd{height:auto;min-height:560px}.stage{min-width:0;padding-bottom:18px}.dtabs{flex-direction:column;display:flex}.tabs{gap:4px;display:flex}.tabs-hl{z-index:0;background:#fff;border-radius:7px;position:absolute;inset:0;box-shadow:0 1px 3px #03241d26}.tab{z-index:1;color:#5b6d68;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;height:36px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:color .3s;display:flex;position:relative}.tab[data-state=active]{color:var(--deep)}.tic{display:flex}.dpanes{margin:12px 18px 0;overflow:hidden}.dpane{height:456px}.dpane-in{height:100%;position:relative}.dpane-in>.tpane{height:100%}.dpane-in .term{white-space:pre-wrap}.s3{padding-bottom:0;overflow:hidden}.tstage{height:560px;margin:0 -24px;position:relative}.tin{width:1440px;height:900px;margin-left:-720px;position:absolute;top:-330px;left:50%}.agrow{align-items:flex-start;gap:40px;display:flex;margin-top:56px!important}.chat{flex:0 640px;min-width:0;height:470px;position:relative;top:auto;left:auto}.gw{flex:0 0 520px;position:relative;top:auto;left:auto}.typing{position:absolute;bottom:20px;left:0}.bento{position:relative;top:auto;left:auto;right:auto;margin-top:56px!important}.opgrid{grid-template-columns:minmax(0,1fr) 520px;align-items:start;gap:40px;display:grid}.opt{width:auto;height:330px;margin-top:130px;position:relative;top:auto;left:auto}.inside-h{margin-top:72px;position:static}.inside{margin-top:16px;position:static}.dbt{gap:4px}.dbt-hl{z-index:0;background:var(--mint);border-radius:7px;position:absolute;inset:0}.dtab{z-index:1;color:#f1f8f5bf;height:34px;font-size:13px;font-weight:700;font-family:var(--mono);cursor:pointer;background:0 0;border:0;align-items:center;padding:0 16px;transition:color .3s;display:flex;position:relative}.dtab[data-state=active]{color:var(--deep)}.stats .stat b{min-width:.6em}.glowring{inset:auto -120px -260px auto}.s6 h2{font-size:46px}.sgrid{position:relative;top:auto;left:auto;right:auto;margin-top:56px!important}.dvrow{grid-template-columns:minmax(0,760px) 390px;justify-content:space-between;gap:40px;margin-top:56px;display:grid}.dev{width:auto;height:400px;position:relative;top:auto;left:auto}.uses{width:auto;position:static}.cpy{cursor:pointer;border:0;justify-content:center;width:32px;padding:0}.cpy svg{width:15px;height:15px}.devpanes{margin-top:8px;overflow:hidden}.devpane{padding:12px 20px}.devpane .term{white-space:pre}.s9{height:auto;padding:0 0 40px}.cta{height:auto;padding:120px 24px}.cstage{pointer-events:none;width:2400px;height:520px;margin-left:-1200px;position:absolute;top:0;left:50%}.cstage .lat{-webkit-mask:linear-gradient(#0000,#000 60%);mask:linear-gradient(#0000,#000 60%)}.ft{max-width:1200px;margin:0 auto;padding:56px 24px 0}.ft .flogo{margin-top:14px;display:inline-flex}.legal{max-width:1200px;margin:34px auto 0;padding:22px 24px 0}.legal a{color:inherit}.legal a:hover{color:#fff}.legal{border-top:0;position:relative}.legal:before{content:"";background:#ffffff14;height:1px;position:absolute;top:0;left:24px;right:24px}@media (width<=1240px){.agrow{flex-direction:column;align-items:stretch}.chat{flex:none;width:100%}.gw{align-self:center;margin-top:24px;margin-left:30px}.opgrid{grid-template-columns:1fr}.s2 .hd .lead{flex:none}.opt{width:100%;max-width:620px;margin-top:48px}.dvrow{grid-template-columns:1fr}.chip{display:none}}@media (width<=1024px){.nav .links,.nav .op{display:none}.nav{gap:16px}.menu{display:block}h2{font-size:40px}.h1{font-size:52px}.lat .rt,.lat .rb{display:none}.s2 .hd{flex-direction:column;align-items:flex-start;gap:0}.s2 .hd .lead{margin-top:18px}.lside{display:none}.hwin{height:480px}.side{display:none}.panes{grid-template-columns:1fr 1fr}.pane:nth-child(3){display:none}.pane:nth-child(2){border-right:0}.tstage{height:auto;margin:48px 0 0;padding-bottom:120px}.tin{gap:16px;width:auto;height:auto;margin:0;display:grid;position:static}.tin .flow,.tin .node{display:none}.lane{width:100%;max-width:520px;position:relative!important;top:auto!important;left:auto!important}.lane:nth-of-type(2){margin-left:min(10%,80px)}.lane:nth-of-type(3){margin-left:min(20%,160px)}.bento{grid-template-rows:auto;grid-template-columns:1fr}.cell.big{grid-row:auto}.cell:not(.big){min-height:250px}.sgrid{grid-template-rows:auto;grid-template-columns:1fr 1fr}.sc{min-height:240px}.sc.wide{grid-column:span 2}.ft{grid-template-columns:1fr 1fr;row-gap:36px}}@media (width<=640px){.sec{padding:72px 16px 64px}h2{font-size:30px;line-height:1.3}.lead{margin-top:12px;font-size:15.5px;line-height:1.75}.nav{height:56px;padding:0 12px 0 16px}.nav .lockup{width:auto;height:24px}.nav .nav-cta{display:none}.hero{padding:0 16px}.hc{padding-top:96px}.emb{width:64px!important;height:64px!important}.emb svg{width:64px;height:64px}.h1{font-size:33px;line-height:1.3}.hsub{margin-top:16px;font-size:15px}.hsub .wbr{display:none}.hact{flex-direction:column;align-items:stretch;gap:10px;margin-top:22px}.hact .btn{justify-content:center;width:100%}.facts{flex-wrap:wrap;gap:8px 16px;margin-top:18px;font-size:12px}.hwin{height:320px;margin:28px -6px -24px;width:calc(100% + 12px)!important}.hwin .tb{display:none}.panes{grid-template-columns:1fr}.pane:nth-child(2){display:none}.pane{border-right:0}.lwin.app{margin-top:28px}.app .bd{min-height:0}.tabs{width:auto;margin:12px 10px 0}.tab{flex:1;justify-content:center;padding:0 8px;font-size:12px}.tic{display:none}.dpanes{margin:10px 10px 0}.dpane{height:300px}.tpane{padding:12px}.dpane-in .term{font-size:11px}.frow{grid-template-columns:22px 1fr 64px;padding:0 10px;font-size:12px}.frow>span:nth-child(4){display:none}.rdesk .w1{width:220px;height:150px;top:16px;left:16px}.rdesk .w2{width:180px;height:120px;top:90px;left:120px}.cursor{top:80px;left:80px}.vpn{text-align:center;flex-direction:column;gap:14px;padding:16px}.tstage{margin-top:28px;padding-bottom:64px}.lane{width:100%;height:auto}.lane:nth-of-type(2),.lane:nth-of-type(3){margin-left:0}.lane .term{display:none}.agrow{margin-top:28px}.chat{height:auto;min-height:420px}.chat .ch{padding:0 14px}.msgs{padding:14px}.msg .card{flex-wrap:wrap;gap:8px}.gw{display:none}.bento{gap:14px;margin-top:28px}.cell{padding:16px}.board{scrollbar-width:thin;grid-template-columns:repeat(4,150px);padding-bottom:6px;overflow-x:auto}.tk.mv{width:130px;left:172px}.col{min-height:300px}.gr{grid-template-columns:72px 1fr}.cmt{width:max-content;max-width:100%;margin-top:14px;position:static}.stats{gap:22px;margin-top:26px}.stat b{font-size:64px}.stat span{font-size:12px}.opt{height:300px;margin-top:32px}.opt .term{white-space:pre-wrap;padding:12px 14px;font-size:11.5px}.dbt{margin:12px 12px 0}.dtab{padding:0 10px;font-size:12px}.inside-h{margin-top:40px}.inside{grid-template-columns:1fr 1fr;gap:10px}.inside div{height:56px;padding:0 14px;font-size:13.5px}.sgrid{grid-template-columns:1fr;gap:14px;margin-top:28px}.sc{min-height:0}.sc.wide{flex-direction:column;grid-column:auto}.sc .vis{height:96px}.otp{gap:6px}.otp i{width:34px;height:44px;font-size:19px}.dvrow{margin-top:28px}.dev{height:300px}.devpane .term{white-space:pre-wrap;word-break:break-all;font-size:11px}.s6 h2{font-size:30px}.sec.s9{padding:0 0 40px}.cta{padding:72px 16px}.cta h2{font-size:30px;line-height:1.3}.cta p{font-size:15px}.cta .hact{flex-direction:column;align-items:stretch;max-width:420px;margin-left:auto;margin-right:auto}.cta .btn{justify-content:center;width:100%}.ft{grid-template-columns:1fr;gap:28px;padding:40px 16px 0}.legal{flex-direction:column;gap:8px;padding:22px 16px 0}.legal:before{left:16px;right:16px}}.agrow,.bento,.sgrid{max-width:1200px;margin-left:auto;margin-right:auto}.stat b [data-slot=counting-number]{font-size:inherit;color:inherit;margin:0;display:inline}