:root{--font:"Be Vietnam Pro", "Segoe UI", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--r:22px;--r-sm:14px;--wrap:1200px;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.56,.64,1)}:root[data-theme=dark]{--bg:#0b0b12;--bg-2:#12121b;--bg-3:#1a1a25;--card:#ffffff09;--card-2:#ffffff0f;--line:#ffffff14;--line-2:#ffffff24;--text:#f3f3fb;--text-hi:#fff;--muted:#a6a6bb;--dim:#6f6f86;--accent:#ff7a3c;--accent-2:#ffab81;--accent-deep:#e85d1f;--accent-ink:#ffab81;--accent-wash:#ff6b2b1a;--accent-line:#ff824352;--violet:#8b5cf6;--violet-ink:#c4a8ff;--violet-wash:#8b5cf624;--green:#34d399;--on-accent:#1a0d05;--shadow:0 30px 80px -30px #000000bf;--glass:#14141e9e;--grid:#ffffff0b;--shot-filter:none}:root[data-theme=light]{--bg:#fbf9f7;--bg-2:#fff;--bg-3:#f5f1ec;--card:#3c2a1808;--card-2:#3c2a180e;--line:#3c2a181a;--line-2:#3c2a182e;--text:#1c1a24;--text-hi:#08060e;--muted:#5d5868;--dim:#8c8696;--accent:#e85d1f;--accent-2:#ff7a3c;--accent-deep:#c2410c;--accent-ink:#b4430d;--accent-wash:#e85d1f14;--accent-line:#e85d1f4d;--violet:#7c3aed;--violet-ink:#6d28d9;--violet-wash:#7c3aed17;--green:#059669;--on-accent:#fff;--shadow:0 30px 70px -34px #46280a59;--glass:#ffffffb8;--grid:#3c2a180f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;transition:background .5s var(--ease), color .5s var(--ease);margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--accent);color:var(--on-accent)}.wrap{width:min(var(--wrap), calc(100% - 40px));margin:0 auto}.ico{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em}.ico.fill{fill:currentColor;stroke:none}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.progress{z-index:100;transform-origin:0;background:linear-gradient(90deg, var(--accent-deep), var(--accent), #ffc36b);height:3px;box-shadow:0 0 14px var(--accent);position:fixed;inset:0 0 auto;transform:scaleX(0)}.nav{z-index:90;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,backdrop-filter .3s;position:fixed;inset:0 0 auto}.nav.solid{background:color-mix(in srgb, var(--bg) 78%, transparent);backdrop-filter:blur(16px)saturate(1.4);border-bottom-color:var(--line)}.nav .wrap{align-items:center;gap:28px;height:68px;display:flex}.brand{letter-spacing:.06em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.brand svg{width:30px;height:30px;transition:transform .6s var(--spring)}.brand:hover svg{transform:rotate(-14deg)scale(1.12)}.brand b{color:var(--accent);font-weight:700}.brand span{color:var(--muted);font-weight:400}.nav-links{gap:4px;margin-left:12px;display:flex}.nav-links a{color:var(--muted);border-radius:10px;padding:8px 12px;font-size:14.5px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:var(--card-2)}.nav-right{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--line);background:var(--card);border-radius:11px;place-items:center;width:38px;height:38px;font-size:17px;transition:border-color .2s,transform .2s,background .2s;display:grid}.icon-btn:hover{border-color:var(--accent-line);transform:translateY(-1px)}.lang-btn{border:1px solid var(--line);background:var(--card);letter-spacing:.05em;border-radius:11px;align-items:center;gap:6px;height:38px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.lang-btn:hover{border-color:var(--accent-line)}.theme-btn .sun{display:none}:root[data-theme=light] .theme-btn .sun{display:block}:root[data-theme=light] .theme-btn .moon{display:none}.theme-btn svg{transition:transform .6s var(--spring)}.theme-btn:hover svg{transform:rotate(40deg)}.gh-btn{border:1px solid var(--line);background:var(--card);border-radius:11px;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:14px;font-weight:600;display:flex}.gh-btn:hover{border-color:var(--accent-line)}.btn{height:54px;transition:transform .25s var(--ease), box-shadow .3s, background .3s, border-color .3s;isolation:isolate;white-space:nowrap;border-radius:16px;align-items:center;gap:10px;padding:0 26px;font-size:16px;font-weight:600;display:inline-flex;position:relative}.btn .ico{transition:transform .3s var(--spring);font-size:19px}.btn:hover .ico.go{transform:translate(4px)}.btn-primary{color:var(--on-accent);background:linear-gradient(135deg, #ff9a5c, var(--accent) 45%, var(--accent-deep));overflow:hidden;box-shadow:0 10px 30px -8px #ff6b2b99,inset 0 1px #ffffff59}:root[data-theme=light] .btn-primary{color:#fff}.btn-primary:after{content:"";transition:transform .9s var(--ease);z-index:-1;background:linear-gradient(110deg,#0000 30%,#ffffff73 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.btn-primary:hover:after{transform:translate(120%)}.btn-primary:hover{box-shadow:0 16px 40px -8px #ff6b2bbf,inset 0 1px #ffffff59}.btn-ghost{border:1px solid var(--line-2);background:var(--card);backdrop-filter:blur(8px)}.btn-ghost:hover{border-color:var(--accent-line);background:var(--accent-wash)}.play-dot{background:var(--accent);width:28px;height:28px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:12px;animation:2.2s infinite ping;display:grid;box-shadow:0 0 #ff7a3c99}:root[data-theme=light] .play-dot{color:#fff}@keyframes ping{0%{box-shadow:0 0 #ff7a3c8c}80%,to{box-shadow:0 0 0 14px #ff7a3c00}}section{position:relative}.sec{padding:110px 0}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink);align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);border-radius:2px;width:22px;height:2px}h1,h2,h3{color:var(--text-hi);letter-spacing:-.035em;margin:0;font-weight:700;line-height:1.04}h2{margin-top:18px;font-size:clamp(34px,4.4vw,60px)}h3{letter-spacing:-.02em;font-size:22px;line-height:1.2}.lead{color:var(--muted);max-width:640px;margin:22px 0 0;font-size:clamp(17px,1.5vw,20px)}.grad{background:linear-gradient(100deg, #ffc36b 0%, var(--accent) 35%, #ff5f6d 60%, var(--violet) 90%);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite alternate shimmer}:root[data-theme=light] .grad{background-image:linear-gradient(100deg, #f59e0b 0%, var(--accent) 35%, #e11d48 62%, var(--violet) 92%)}@keyframes shimmer{to{background-position:100% 0}}.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:var(--d,0s);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.glow-card{border:1px solid var(--line);background:var(--card);border-radius:var(--r);isolation:isolate;position:relative;overflow:hidden}.glow-card:before{content:"";z-index:-1;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), #ff7a3c24, transparent 60%);transition:opacity .4s;position:absolute;inset:0}.glow-card:hover:before{opacity:1}.glow-card:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%), var(--accent), transparent 65%);-webkit-mask-composite:xor;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.glow-card:hover:after{opacity:1}.chip{border:1px solid var(--line);background:var(--card-2);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:13px;display:inline-flex}.chip svg{width:15px;height:15px}.chip .dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:140px 0 60px;display:flex;overflow:hidden}.hero-bg{z-index:-1;position:absolute;inset:0;overflow:hidden}.hero-bg .gridlines{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:-2px;-webkit-mask:radial-gradient(80% 70% at 60% 40%,#000 30%,#0000 75%);mask:radial-gradient(80% 70% at 60% 40%,#000 30%,#0000 75%)}.blob{filter:blur(80px);opacity:.55;border-radius:50%;animation:18s ease-in-out infinite alternate drift;position:absolute}.blob.b1{background:radial-gradient(circle,#ff7a3cbf,#0000 65%);width:560px;height:560px;top:-120px;right:-60px}.blob.b2{background:radial-gradient(circle,#8b5cf68c,#0000 65%);width:480px;height:480px;animation-duration:22s;bottom:-160px;left:10%}.blob.b3{background:radial-gradient(circle,#ffc36b80,#0000 65%);width:340px;height:340px;animation-duration:26s;top:30%;left:40%}:root[data-theme=light] .blob{opacity:.32}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(-60px,40px)scale(1.15)}}.spot{pointer-events:none;background:radial-gradient(600px circle at var(--sx,70%) var(--sy,30%), #ff7a3c1a, transparent 60%);position:absolute;inset:0}#stars{width:100%;height:100%;position:absolute;inset:0}.hero-grid{grid-template-columns:1.12fr .88fr;align-items:center;gap:40px;display:grid}.pill{border:1px solid var(--accent-line);background:var(--accent-wash);color:var(--accent-ink);border-radius:999px;align-items:center;gap:10px;padding:7px 14px 7px 8px;font-size:13.5px;font-weight:500;display:inline-flex}.pill .new{background:var(--accent);color:var(--on-accent);letter-spacing:.06em;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700}:root[data-theme=light] .pill .new{color:#fff}.hero h1{letter-spacing:-.05em;margin-top:26px;font-size:clamp(44px,4.7vw,72px);line-height:.98}.hero h1 .line{text-wrap:balance;padding-bottom:.08em;display:block;overflow:hidden}.hero h1 .line.tag{margin-top:.06em;font-size:.8em}.hero h1 .line>span{animation:rise 1.1s var(--ease) forwards;animation-delay:var(--d,.1s);display:inline-block;transform:translateY(105%)}@keyframes rise{to{transform:none}}:lang(vi) h1,:lang(vi) h2{letter-spacing:-.02em;line-height:1.2}:lang(vi) .hero h1{letter-spacing:-.03em;line-height:1.16}:lang(vi) .hero h1 .line{padding-top:.06em}.hero .lead{margin-top:28px;font-size:clamp(17px,1.45vw,20px)}.hero .lead b{color:var(--text);font-weight:600}.cta-row{flex-wrap:wrap;gap:14px;margin-top:38px;display:flex}.micro{color:var(--dim);flex-wrap:wrap;gap:18px;margin-top:22px;font-size:14px;display:flex}.micro span{align-items:center;gap:7px;display:inline-flex}.micro svg{color:var(--green);font-size:16px}.fade-up{opacity:0;animation:fadeUp 1s var(--ease) forwards;animation-delay:var(--d,.4s);transform:translateY(18px)}@keyframes fadeUp{to{opacity:1;transform:none}}.orbit{aspect-ratio:1;width:min(560px,100%);margin-left:auto;position:relative}.ring{border:1px dashed var(--line-2);inset:var(--in);animation:spin var(--t) linear infinite;animation-direction:var(--dir,normal);border-radius:50%;position:absolute}.ring .node{left:calc(50% + 50% * cos(var(--a)));top:calc(50% + 50% * sin(var(--a)));width:var(--s,58px);height:var(--s,58px);margin:calc(var(--s,58px) / -2);position:absolute}.ring .node>div{background:var(--glass);border:1px solid var(--line-2);backdrop-filter:blur(10px);width:100%;height:100%;animation:spin var(--t) linear infinite;animation-direction:var(--cdir,reverse);color:var(--text-hi);transition:transform .3s var(--spring);border-radius:18px;place-items:center;display:grid;box-shadow:0 10px 30px -10px #00000073}.ring .node>div:hover{transform:scale(1.18)}.ring .node svg{width:52%;height:52%}@keyframes spin{to{transform:rotate(360deg)}}.core{place-items:center;display:grid;position:absolute;inset:31%}.core:before{content:"";background:radial-gradient(circle,#ff7a3c6b,#0000 68%);border-radius:50%;animation:4s ease-in-out infinite breathe;position:absolute;inset:-18%}.core:after{content:"";border:1px solid var(--accent-line);border-radius:50%;animation:3s ease-out infinite pulse-ring;position:absolute;inset:4%}@keyframes breathe{50%{opacity:.75;transform:scale(1.12)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.7)}}.mascot{filter:drop-shadow(0 18px 30px #ff610073);cursor:pointer;width:100%;height:100%;animation:4.5s ease-in-out infinite bob;position:relative}.mascot svg{width:100%;height:100%;transition:transform .5s var(--spring)}.mascot:hover svg{transform:rotate(-10deg)scale(1.06)}.mascot.wiggle svg{animation:wiggle .7s var(--ease)}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(2deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-16deg)scale(1.1)}45%{transform:rotate(12deg)scale(1.05)}70%{transform:rotate(-6deg)}}.bubble{background:var(--text-hi);color:var(--bg);white-space:nowrap;opacity:0;transform-origin:0 100%;transition:all .45s var(--spring);border-radius:14px 14px 14px 4px;padding:8px 14px;font-size:13.5px;font-weight:600;position:absolute;top:-26%;left:58%;transform:scale(.6)translateY(10px)}.bubble.show{opacity:1;transform:none}.float-card{z-index:3;background:var(--glass);border:1px solid var(--line-2);backdrop-filter:blur(14px);box-shadow:var(--shadow);animation:6s ease-in-out infinite floaty;animation-delay:var(--fd,0s);white-space:nowrap;border-radius:16px;align-items:center;gap:10px;padding:10px 14px 10px 10px;font-size:13.5px;display:flex;position:absolute}.float-card .av{background:var(--bg-3);border:1px solid var(--line);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.float-card .av svg{width:19px;height:19px}.float-card b{color:var(--text-hi);font-size:13.5px;line-height:1.25;display:block}.float-card small{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.float-card .ok{color:var(--green)}.typing{gap:3px;display:inline-flex}.typing i{background:var(--accent);border-radius:50%;width:4px;height:4px;animation:1.2s infinite blink}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fc1{top:2%;left:-10%}.fc2{--fd:-2s;top:30%;right:-12%}.fc3{--fd:-4s;bottom:0;left:-4%}.brains-strip{margin-top:70px}.brains-strip p{text-align:center;color:var(--dim);letter-spacing:.14em;text-transform:uppercase;margin:0 0 22px;font-size:13px}.marquee{position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{width:max-content;animation:scroll var(--t,40s) linear infinite;animation-direction:var(--dir,normal);gap:14px;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes scroll{to{transform:translate(-50%)}}.brain-chip{border:1px solid var(--line);background:var(--card);color:var(--text);white-space:nowrap;border-radius:14px;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:600;transition:border-color .25s,transform .25s;display:flex}.brain-chip:hover{border-color:var(--accent-line);transform:translateY(-2px)}.brain-chip svg,.brain-chip img{object-fit:contain;width:22px;height:22px}.pain-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;display:grid}.pain-list{gap:14px;margin:36px 0 0;padding:0;list-style:none;display:grid}.pain-list li{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);gap:16px;padding:18px 20px;display:flex}.pain-list .n{color:#ff8b8b;background:#f4565a1f;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:grid}:root[data-theme=light] .pain-list .n{color:#dc2626}.pain-list b{color:var(--text-hi);font-weight:600;display:block}.pain-list span{color:var(--muted);font-size:15px}.chaos{border:1px solid var(--line);background:radial-gradient(ellipse at 50% 40%, var(--card-2), transparent 70%), var(--bg-2);border-radius:28px;height:500px;position:relative;overflow:hidden}.chaos .gridlines{background-image:radial-gradient(var(--grid) 1.4px, transparent 1.4px);background-size:22px 22px;position:absolute;inset:0}.tab{border:1px solid var(--line-2);background:var(--bg-3);width:210px;box-shadow:var(--shadow);transform:translate(-50%,-50%) translate(var(--x), var(--y)) rotate(var(--rot));transition:transform 1.1s var(--spring), opacity .8s var(--ease);transition-delay:var(--dl,0s);border-radius:14px;position:absolute;top:50%;left:50%}.tab-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:9px 11px;font-size:13px;font-weight:600;display:flex}.tab-head svg,.tab-head img{object-fit:contain;width:16px;height:16px}.tab-head .x{color:var(--dim);margin-left:auto;font-weight:400}.tab-body{gap:6px;padding:11px;display:grid}.tab-body i{background:var(--card-2);border-radius:4px;height:7px;display:block}.tab-body i:nth-child(2){width:80%}.tab-body i:nth-child(3){width:55%}.chaos:not(.merged) .tab{animation:3.6s ease-in-out infinite jitter;animation-delay:var(--dl)}@keyframes jitter{0%,to{margin-top:0}50%{margin-top:-8px}}.chaos.merged .tab{opacity:0;transform:translate(-50%,-50%)translate(0)rotate(0)scale(.35)}.hub{opacity:0;width:330px;transition:all .9s var(--spring) .55s;border:1px solid var(--accent-line);background:var(--bg-3);border-radius:20px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.6);box-shadow:0 30px 90px -20px #ff6b2b73}.chaos.merged .hub{opacity:1;transform:translate(-50%,-50%)}.hub-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;font-weight:700;display:flex}.hub-head svg{width:26px;height:26px}.hub-head .chip{margin-left:auto;padding:4px 9px;font-size:11.5px}.hub-body{gap:10px;padding:14px 16px;display:grid}.hub-row{background:var(--card-2);border-radius:12px;align-items:center;gap:10px;padding:9px 11px;font-size:13.5px;display:flex}.hub-row svg{width:18px;height:18px}.hub-row em{color:var(--muted);margin-left:auto;font-size:12px;font-style:normal}.hub-logos{gap:8px;padding:2px 0 4px;display:flex}.hub-logos span{background:var(--card-2);border:1px solid var(--line);width:34px;height:34px;color:var(--text-hi);border-radius:10px;place-items:center;display:grid}.hub-logos span svg{width:18px;height:18px}.chaos-toggle{background:var(--glass);border:1px solid var(--line-2);backdrop-filter:blur(10px);z-index:4;border-radius:12px;padding:4px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.chaos-toggle button{color:var(--muted);border-radius:9px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .25s}.chaos-toggle button.on{background:var(--accent);color:var(--on-accent)}:root[data-theme=light] .chaos-toggle button.on{color:#fff}.video-frame{aspect-ratio:16/9;border:1px solid var(--line-2);box-shadow:var(--shadow);background:radial-gradient(ellipse at 30% 20%, #ff7a3c47, transparent 55%), radial-gradient(ellipse at 80% 90%, #8b5cf640, transparent 55%), var(--bg-2);border-radius:28px;place-items:center;margin-top:56px;display:grid;position:relative;overflow:hidden}.video-frame:before{content:"";background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0}.vf-inner{text-align:center;justify-items:center;gap:18px;display:grid;position:relative}.vf-play{background:var(--accent);width:96px;height:96px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:30px;animation:2.4s infinite ping;display:grid;box-shadow:0 0 #ff7a3c80}:root[data-theme=light] .vf-play{color:#fff}.vf-inner b{color:var(--text-hi);font-size:20px}.vf-inner span{color:var(--muted);font-size:15px}.vf-tag{position:absolute;top:20px;left:20px}.yt-lite{z-index:1;display:block;position:absolute;inset:0}.yt-lite img{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .3s;display:block}.yt-lite .vf-play{transition:transform .25s;position:absolute;top:50%;left:50%;translate:-50% -50%}.yt-lite:hover img{filter:brightness(.92);transform:scale(1.03)}.yt-lite:hover .vf-play{transform:scale(1.08)}.yt-lite:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.video-frame iframe{z-index:1;border:0;width:100%;height:100%;position:absolute;inset:0}@media (width<=640px){.yt-lite .vf-play{width:68px;height:68px;font-size:22px}}.demo-grid{grid-template-columns:.82fr 1.18fr;align-items:center;gap:60px;margin-top:60px;display:grid}.steps{gap:10px;display:grid}.step{border-radius:var(--r-sm);transition:all .4s var(--ease);cursor:default;border:1px solid #0000;gap:16px;padding:18px 20px;display:flex}.step .num{border:1px solid var(--line-2);width:36px;height:36px;color:var(--muted);border-radius:11px;flex:none;place-items:center;font-size:14px;font-weight:700;transition:all .4s;display:grid}.step b{color:var(--text-hi);font-size:17px;display:block}.step span{color:var(--muted);font-size:15px}.step.on{border-color:var(--accent-line);background:var(--accent-wash)}.step.on .num{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 0 20px #ff7a3c80}:root[data-theme=light] .step.on .num{color:#fff}.app{border:1px solid var(--line-2);background:var(--bg-2);box-shadow:var(--shadow);border-radius:22px;overflow:hidden}.app-bar{border-bottom:1px solid var(--line);background:var(--card);align-items:center;gap:8px;padding:12px 16px;display:flex}.app-bar i{background:var(--line-2);border-radius:50%;width:11px;height:11px}.app-bar i:first-child{background:#ff5f57}.app-bar i:nth-child(2){background:#febc2e}.app-bar i:nth-child(3){background:#28c840}.app-bar span{color:var(--dim);font-size:12.5px;font-family:var(--mono);margin-left:10px}.app-main{grid-template-columns:190px 1fr;min-height:470px;display:grid}.roster{border-right:1px solid var(--line);align-content:start;gap:6px;padding:14px 10px;display:grid}.roster h4{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:2px 8px 8px;font-size:11px}.mate{border-radius:12px;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;transition:background .3s;display:flex}.mate .mav{background:var(--bg-3);border:1px solid var(--line);width:32px;height:32px;color:var(--text-hi);border-radius:10px;place-items:center;display:grid;position:relative}.mate .mav svg{width:17px;height:17px}.mate .mav:after{content:"";background:var(--dim);border:2px solid var(--bg-2);border-radius:50%;width:10px;height:10px;transition:background .3s;position:absolute;bottom:-3px;right:-3px}.mate.busy{background:var(--accent-wash)}.mate.busy .mav:after{background:var(--accent);box-shadow:0 0 8px var(--accent);animation:1s infinite blink}.mate.done .mav:after{background:var(--green)}.mate b{color:var(--text-hi);font-weight:600;line-height:1.2;display:block}.mate small{color:var(--dim);font-size:11.5px}.stream{flex-direction:column;justify-content:flex-end;gap:12px;height:470px;padding:18px;display:flex;overflow:hidden}.msg{opacity:0;max-width:92%;animation:msgIn .5s var(--ease) forwards;gap:10px;display:flex;transform:translateY(10px)}@keyframes msgIn{to{opacity:1;transform:none}}.msg .mav{background:var(--bg-3);border:1px solid var(--line);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.msg .mav svg{width:16px;height:16px}.msg .bub{background:var(--card-2);border:1px solid var(--line);border-radius:14px;padding:10px 13px;font-size:14px;line-height:1.5}.msg .bub small{color:var(--dim);letter-spacing:.02em;margin-bottom:2px;font-size:11.5px;font-weight:600;display:block}.msg.me{flex-direction:row-reverse;align-self:flex-end}.msg.me .bub{background:var(--accent);color:var(--on-accent);border-color:#0000}:root[data-theme=light] .msg.me .bub{color:#fff}.msg.me .bub small{color:inherit;opacity:.75}.msg.file .bub{border-color:var(--accent-line);background:var(--accent-wash);align-items:center;gap:10px;display:flex}.msg.file .bub svg{width:22px;height:22px;color:var(--accent)}.msg.sys{align-self:center;max-width:100%}.msg.sys .bub{color:var(--muted);background:0 0;border-style:dashed;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;display:flex}.msg.sys .bub svg{width:14px;height:14px;color:var(--green)}.illus{color:var(--dim);align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.swap{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.picker{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.pick{border:1px solid var(--line);background:var(--card);transition:all .3s var(--ease);border-radius:13px;align-items:center;gap:9px;padding:10px 16px;font-size:14.5px;font-weight:600;display:flex}.pick svg{width:19px;height:19px}.pick:hover{border-color:var(--accent-line);transform:translateY(-2px)}.pick.on{border-color:var(--accent);background:var(--accent-wash);box-shadow:0 0 0 1px var(--accent), 0 10px 30px -10px #ff6b2b80}.kept{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.kept .chip svg{color:var(--green)}.engine{aspect-ratio:1;width:min(520px,100%);margin:0 auto;position:relative}.engine svg.wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wires line{stroke:var(--accent-line);stroke-width:1.5px;stroke-dasharray:4 6;animation:1.4s linear infinite flow}.wires line.hot{stroke:var(--accent);stroke-width:2px}@keyframes flow{to{stroke-dashoffset:-20px}}.tool{text-align:center;width:112px;color:var(--text);justify-items:center;gap:7px;font-size:12.5px;font-weight:600;display:grid;position:absolute;transform:translate(-50%,-50%)}.tool span{background:var(--bg-2);border:1px solid var(--accent-line);width:56px;height:56px;color:var(--accent);transition:transform .4s var(--spring), box-shadow .4s;border-radius:17px;place-items:center;font-size:24px;display:grid;box-shadow:0 0 24px -6px #ff7a3c73}.engine.flash .tool span{transform:scale(1.12);box-shadow:0 0 36px -2px #ff7a3cbf}.socket{aspect-ratio:1;background:radial-gradient(circle at 50% 35%, var(--bg-3), var(--bg-2));border:1px solid var(--accent-line);width:34%;box-shadow:0 0 0 10px var(--accent-wash), 0 0 80px -10px #ff7a3c99;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.socket:before{content:"";border:2px solid #0000;border-top-color:var(--accent);border-right-color:#ff7a3c4d;border-radius:50%;animation:2.6s linear infinite spin;position:absolute;inset:-16px}.socket .cur{width:46%;height:46%;color:var(--text-hi);transition:transform .5s var(--spring), opacity .3s;place-items:center;display:grid}.socket .cur svg{width:100%;height:100%}.socket .cur.out{opacity:0;transform:scale(.3)rotate(-90deg)}.socket .lbl{letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:700;position:absolute;bottom:14%}.socket .badge{width:46px;height:46px;animation:4s ease-in-out infinite bob;position:absolute;top:-12px;right:-12px}.socket .badge svg{width:100%;height:100%}.bento{grid-template-columns:repeat(6,1fr);gap:18px;margin-top:60px;display:grid}.tile{flex-direction:column;min-height:300px;padding:28px;display:flex}.tile .ti{width:46px;height:46px;color:var(--accent);background:var(--accent-wash);border:1px solid var(--accent-line);border-radius:14px;place-items:center;margin-bottom:18px;font-size:22px;display:grid}.tile.v .ti{color:var(--violet-ink);background:var(--violet-wash);border-color:#8b5cf659}.tile h3{font-size:23px}.tile p{color:var(--muted);margin:10px 0 0;font-size:15px}.tile .viz{margin-top:auto;padding-top:24px}.t-mem{grid-area:span 2/span 4;min-height:620px}.t-team,.t-bg{grid-column:span 2}.t-pr,.t-talk{grid-column:span 3}.t-loop,.t-skill,.t-perm{grid-column:span 2}.mem-shot{border-top:1px solid var(--line);flex:1;min-height:340px;margin:26px -28px -28px;position:relative;overflow:hidden}.mem-shot img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;transition:transform 1.2s var(--ease);position:absolute;inset:0;transform:scale(1.02)}.t-mem:hover .mem-shot img{transform:scale(1.07)}.mem-shot:after{content:"";background:linear-gradient(180deg, transparent 55%, var(--bg) 100%);opacity:.6;position:absolute;inset:0}.mem-stats{z-index:2;flex-wrap:wrap;gap:10px;display:flex;position:absolute;bottom:22px;left:24px}.mem-stats .chip{background:var(--glass);backdrop-filter:blur(12px);color:var(--text);font-weight:600}.avatars{display:flex}.avatars span{background:var(--bg-3);border:2px solid var(--bg);width:46px;height:46px;color:var(--text-hi);transition:transform .35s var(--spring);border-radius:15px;place-items:center;margin-left:-10px;display:grid;box-shadow:0 6px 18px -6px #0006}.avatars span:first-child{margin-left:0}.avatars span svg{width:22px;height:22px}.t-team:hover .avatars span{transform:translateY(-6px)}.t-team:hover .avatars span:nth-child(2){transition-delay:50ms}.t-team:hover .avatars span:nth-child(3){transition-delay:.1s}.t-team:hover .avatars span:nth-child(4){transition-delay:.15s}.roles{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.kanban{grid-template-columns:repeat(3,1fr);gap:8px;height:128px;display:grid;position:relative}.kcol{background:var(--card-2);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);border-radius:10px;padding:7px;font-size:10.5px;font-weight:700}.kcard{background:var(--bg-2);border:1px solid var(--line-2);text-overflow:ellipsis;width:calc(33.3333% - 15.3333px);height:30px;color:var(--text);white-space:nowrap;animation:kmove 9s var(--ease) infinite;animation-delay:var(--kd);border-radius:8px;align-items:center;gap:5px;padding:0 6px;font-size:10.5px;font-weight:600;display:flex;position:absolute;top:38px;left:5px;overflow:hidden;box-shadow:0 6px 16px -8px #00000080}.kcard span{text-overflow:ellipsis;overflow:hidden}.kcard i{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.kcard.k2{top:78px}@keyframes kmove{0%{opacity:0;left:5px}5%,18%{opacity:1;left:5px}30%,52%{border-color:var(--accent);opacity:1;left:calc(33.33% + 3px)}64%,88%{border-color:var(--green);opacity:1;left:calc(66.66% + 1px)}96%,to{opacity:0;left:calc(66.66% + 1px)}}.gitviz{margin:6px 0 4px;position:relative}.gitviz svg{width:100%;height:auto;display:block;overflow:visible}.gitviz path{fill:none;stroke-width:3px;stroke-linecap:round}.gitviz .main{stroke:var(--line-2)}.gitviz .br{stroke:var(--accent);stroke-dasharray:300;stroke-dashoffset:300px;animation:gdraw 7s var(--ease) infinite}.gitviz circle{fill:var(--bg-2);stroke-width:3px;transform-box:fill-box;transform-origin:50%}.gitviz .cm{stroke:var(--line-2)}.gitviz .cb{stroke:var(--accent);animation:gpop 7s var(--spring) infinite;animation-delay:var(--pd);opacity:0}.gitviz .cg{stroke:var(--green);fill:var(--green);animation:gpop 7s var(--spring) infinite;opacity:0;animation-delay:2.6s}.gitviz text{font:600 11px var(--font);fill:var(--dim);letter-spacing:.02em}.gitviz .tb{fill:var(--accent-ink)}.gitviz .tg{fill:var(--green);opacity:0;animation:7s 2.8s infinite gpop}@keyframes gdraw{0%{stroke-dashoffset:300px}35%,88%{stroke-dashoffset:0;opacity:1}96%,to{stroke-dashoffset:0;opacity:0}}@keyframes gpop{0%{opacity:0;transform:scale(0)}6%,60%{opacity:1;transform:scale(1)}66%,to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.gitviz .br{stroke-dashoffset:0}.gitviz .cb,.gitviz .cg,.gitviz .tg{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.gitviz circle{transform-box:fill-box;transform-origin:50%}.git-tags{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.git-tags .chip:first-child svg{color:var(--accent)}.git-tags .chip:nth-child(2) svg{color:var(--green)}.git-tags .chip:nth-child(3) svg{color:var(--violet-ink)}.wave{align-items:center;gap:4px;height:56px;display:flex}.wave i{background:linear-gradient(var(--accent), var(--violet));max-width:6px;animation:1.2s ease-in-out infinite wave;animation-delay:calc(var(--i) * -.09s);border-radius:6px;flex:1;height:30%}@keyframes wave{50%{height:100%}}.channels{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.channels .chip img{object-fit:contain;border-radius:4px;width:16px;height:16px}.clock{border:2px solid var(--line-2);border-radius:50%;width:96px;height:96px;margin-bottom:12px;position:relative}.clock:before,.clock:after{content:"";transform-origin:50% 100%;background:var(--accent);border-radius:3px;width:3px;position:absolute;bottom:50%;left:50%}.clock:before{height:32%;margin-left:-1.5px;animation:12s linear infinite spin}.clock:after{background:var(--text);width:2px;height:42%;margin-left:-1px;animation:2s linear infinite spin}.clock span{background:var(--accent);border-radius:50%;position:absolute;inset:44%}.loop-row{align-items:flex-end;gap:16px;display:flex}.loop-chips{gap:6px;display:grid}.files{font-family:var(--mono);gap:6px;font-size:12.5px;display:grid}.files div{background:var(--card-2);color:var(--muted);transition:transform .3s var(--ease), color .3s;border-radius:9px;align-items:center;gap:8px;padding:7px 10px;display:flex}.files div:hover{color:var(--text);transform:translate(6px)}.files svg{width:15px;height:15px;color:var(--accent)}.perm{gap:8px;display:grid}.perm button{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;transition:all .3s;display:flex}.perm button svg{width:17px;height:17px;color:var(--dim)}.perm button em{color:var(--dim);margin-left:auto;font-size:11.5px;font-style:normal}.perm button.on{border-color:var(--accent);background:var(--accent-wash)}.perm button.on svg{color:var(--accent)}.screens-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px;display:flex}.stab{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14.5px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.stab svg{width:17px;height:17px}.stab.on{color:var(--text-hi);border-color:var(--accent-line);background:var(--accent-wash)}.stab .bar{background:var(--accent);width:0;height:2px;position:absolute;bottom:0;left:0}.stab.on .bar{animation:fill var(--dur,5s) linear forwards}@keyframes fill{to{width:100%}}.stage{perspective:1800px;margin-top:30px;position:relative}.browser{border:1px solid var(--line-2);background:var(--bg-2);transform:rotateX(var(--tilt,14deg)) scale(var(--sc,.94));transform-origin:50% 0;transition:transform 1.2s var(--ease);border-radius:22px;position:relative;overflow:hidden;box-shadow:0 50px 120px -40px #000000b3,0 0 0 1px #ff7a3c14}.stage.in .browser{--tilt:0deg;--sc:1}.browser-bar{border-bottom:1px solid var(--line);background:var(--card);align-items:center;gap:8px;padding:12px 16px;display:flex}.browser-bar i{border-radius:50%;width:11px;height:11px}.browser-bar i:first-child{background:#ff5f57}.browser-bar i:nth-child(2){background:#febc2e}.browser-bar i:nth-child(3){background:#28c840}.url{background:var(--card-2);color:var(--dim);font-size:12.5px;font-family:var(--mono);border-radius:9px;align-items:center;gap:8px;margin:0 auto;padding:5px 18px;display:flex}.url svg{width:12px;height:12px;color:var(--green)}.shots{aspect-ratio:16/10;position:relative}.shots img{object-fit:cover;object-position:top center;opacity:0;width:100%;height:100%;transition:opacity .8s var(--ease), transform 1.2s var(--ease);position:absolute;inset:0;transform:scale(1.03)}.shots img.on{opacity:1;transform:none}.phone{opacity:0;width:210px;transition:all 1.2s var(--spring) .4s;background:#0d0d12;border:1px solid #ffffff26;border-radius:34px;padding:9px;position:absolute;bottom:-50px;right:-30px;transform:translateY(40px)rotate(4deg);box-shadow:0 40px 80px -20px #000000b3}.stage.in .phone{opacity:1;transform:rotate(4deg)}.phone img{border-radius:26px;width:100%}.phone:before{content:"";z-index:2;background:#000;border-radius:10px;width:60px;height:16px;margin-left:-30px;position:absolute;top:15px;left:50%}.cap{text-align:center;color:var(--dim);margin-top:70px;font-size:13px}.fs-head{max-width:760px}.fs .stage{margin-top:44px}.fs .shots img{opacity:1;transform:none}.fs .browser{--tilt:10deg}.pins{pointer-events:none;position:absolute;inset:0}.pin{left:var(--x);top:var(--y);opacity:0;transition:opacity .5s var(--ease), scale .7s var(--spring);transition-delay:calc(.7s + var(--i,0) * .35s);align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-14px,-50%)scale(.6)}.pin.l{flex-direction:row-reverse;transform:translate(calc(14px - 100%),-50%)}.stage.in .pin{opacity:1;scale:1}.pin b{width:28px;height:28px;color:var(--on-accent);background:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid;position:relative;box-shadow:0 0 0 4px #ff7a3c40,0 8px 20px -6px #00000080}.pin b:after{content:"";border:2px solid var(--accent);animation:ping 2.4s var(--ease) infinite;animation-delay:calc(1.4s + var(--i,0) * .35s);border-radius:50%;position:absolute;inset:-4px}.pin span{white-space:nowrap;color:#fff;backdrop-filter:blur(8px);background:#121018e0;border:1px solid #ffffff1f;border-radius:10px;padding:7px 12px;font-size:13px;font-weight:600;box-shadow:0 12px 30px -10px #0009}.fs-points{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;display:grid}.fs-points .glow-card{border-radius:18px;padding:22px 22px 20px}.fs-points .n{background:var(--accent-wash);border:1px solid var(--accent-line);width:26px;height:26px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:12px;font-size:13px;font-weight:800;display:inline-grid}.fs-points h3{color:var(--text-hi,var(--text));margin:0 0 6px;font-size:17px}.fs-points p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.55}.fs .channels{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.fs-note{text-align:center;color:var(--dim);margin-top:18px;font-size:13px}@media (width<=720px){.pin span{display:none}.pin,.pin.l{flex-direction:row;transform:translate(-50%,-50%)}.pin b{width:22px;height:22px;font-size:11px}.fs-points{grid-template-columns:1fr}}.conn-rows{gap:14px;margin-top:54px;display:grid}.conn{border:1px solid var(--line);background:var(--card);white-space:nowrap;border-radius:16px;align-items:center;gap:12px;padding:14px 22px 14px 14px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.conn:hover{border-color:var(--accent-line);transform:translateY(-3px)}.conn img{object-fit:contain;background:#fff;border-radius:9px;width:34px;height:34px;padding:3px}.conn.mcp{border-style:dashed;border-color:var(--accent-line);color:var(--accent-ink)}.conn.mcp span{background:var(--accent-wash);border-radius:9px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.stats{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.stat{padding:30px 26px}.stat b{letter-spacing:-.04em;color:var(--text-hi);font-size:clamp(42px,4.6vw,62px);line-height:1;display:block}.stat b em{color:var(--accent);font-style:normal}.stat>span{color:var(--muted);margin-top:12px;font-size:15px;display:block}.own{border:1px solid var(--line);background:radial-gradient(ellipse at 100% 0%, #ff7a3c2e, transparent 50%), radial-gradient(ellipse at 0% 100%, #8b5cf624, transparent 50%), var(--bg-2);border-radius:34px;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:70px;display:grid;overflow:hidden}.term{box-shadow:var(--shadow);color:#d6d6e4;font-family:var(--mono);background:#0a0a10;border:1px solid #ffffff1a;border-radius:18px;font-size:13.5px;overflow:hidden}.term-bar{border-bottom:1px solid #ffffff14;align-items:center;gap:7px;padding:12px 14px;display:flex}.term-bar i{background:#3a3a48;border-radius:50%;width:10px;height:10px}.term-bar span{color:#7b7b92;margin-left:10px;font-size:12px}.term pre{white-space:pre;min-height:330px;margin:0;padding:18px 20px;line-height:1.85;overflow-x:auto}@media (width<=560px){.term{font-size:11px}.term pre{padding:14px}}.term .c{color:#7b7b92}.term .o{color:#ffab81}.term .g{color:#34d399}.term .v{color:#c4a8ff}.cursor{vertical-align:-3px;background:#ff7a3c;width:8px;height:16px;animation:1s step-end infinite cblink;display:inline-block}@keyframes cblink{50%{opacity:0}}.own-list{gap:18px;margin:30px 0 0;padding:0;list-style:none;display:grid}.own-list li{gap:14px;display:flex}.own-list .oi{background:var(--accent-wash);width:40px;height:40px;color:var(--accent);border:1px solid var(--accent-line);border-radius:12px;flex:none;place-items:center;font-size:19px;display:grid}.own-list b{color:var(--text-hi);display:block}.own-list span{color:var(--muted);font-size:15px}.os-tabs{border:1px solid var(--line);background:var(--card);border-radius:16px;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:40px;padding:5px;display:inline-flex}.os-tabs button{color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14.5px;font-weight:600;transition:all .3s;display:flex}.os-tabs button svg{width:17px;height:17px}.os-tabs button.on{background:var(--accent);color:var(--on-accent);box-shadow:0 8px 20px -8px #ff6b2b99}:root[data-theme=light] .os-tabs button.on{color:#fff}.install-box{text-align:left;max-width:900px;margin:26px auto 0}.ipanel{display:none}.ipanel.on{animation:fadeUp .5s var(--ease);display:block}.dl-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;display:flex}.dl-row small{color:var(--dim);font-size:13.5px}.vps-partner{justify-content:center;margin-bottom:14px;display:flex}.vps-partner .hostinger-badge{border-radius:10px;line-height:0;display:block}.vps-partner img{width:140px;height:auto;display:block}.cmd{font-family:var(--mono);color:#e4e4ef;background:#0a0a10;border:1px solid #ffffff1a;border-radius:16px;align-items:flex-start;padding:18px 64px 18px 20px;font-size:14px;line-height:1.7;display:flex;position:relative}.cmd code{white-space:pre-wrap;word-break:break-word}.cmd .p{color:#ff7a3c;user-select:none;margin-right:10px}.copy{color:#b8b8cc;background:#ffffff0f;border-radius:10px;place-items:center;width:40px;height:40px;font-size:17px;transition:all .25s;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.copy:hover{color:#fff;background:#ff7a3c40}.copy.done{color:#34d399}.os-tabs button .tab-logo{object-fit:contain;width:17px;height:17px}.ipanel-note{color:var(--muted);text-align:center;margin:12px 0 0;font-size:14px;line-height:1.6}.tip{color:var(--muted);text-align:center;justify-content:center;align-items:flex-start;gap:10px;margin-top:14px;font-size:14px;display:flex}.tip svg{color:var(--accent);margin-top:3px;font-size:17px}.first-steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px;display:grid;position:relative}.fs{padding:26px}.fs .k{color:var(--accent-ink);letter-spacing:.12em;font-size:13px;font-weight:700}.fs h3{margin-top:10px;font-size:20px}.fs p{color:var(--muted);margin:8px 0 0;font-size:15px}.faq-grid{grid-template-columns:.8fr 1.2fr;gap:60px;display:grid}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;color:var(--text-hi);align-items:center;gap:16px;padding:22px 0;font-size:18px;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary .pm{border:1px solid var(--line-2);width:30px;height:30px;transition:transform .35s var(--spring), background .3s;border-radius:9px;flex:none;place-items:center;margin-left:auto;display:grid}details[open] summary .pm{background:var(--accent);border-color:var(--accent);color:var(--on-accent);border-radius:50%;transform:rotate(45deg)}details p{color:var(--muted);max-width:640px;margin:0 0 22px}.founder{flex-wrap:wrap;align-items:center;gap:26px;padding:32px;display:flex}.founder-photo{aspect-ratio:1;border:1px solid var(--line-2);border-radius:24px;flex:none;width:112px;display:block;overflow:hidden}.founder-photo img{object-fit:cover;width:100%;height:100%}.founder-bio{flex:320px;min-width:0}.founder h3{font-size:24px}.founder p{color:var(--muted);max-width:560px;margin:6px 0 0;font-size:15px}.founder .links{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}.final{text-align:center;padding:150px 0 140px;overflow:hidden}.final .big-star{filter:drop-shadow(0 20px 40px #ff610080);cursor:pointer;width:150px;height:150px;margin:0 auto 30px;animation:4s ease-in-out infinite bob}.final .big-star svg{width:100%;height:100%}.final h2{font-size:clamp(42px,6.4vw,88px)}.final .cta-row{justify-content:center}.confetti{pointer-events:none;z-index:200;border-radius:2px;width:10px;height:10px;position:fixed}footer{border-top:1px solid var(--line);color:var(--dim);padding:40px 0;font-size:14px}footer .wrap{flex-wrap:wrap;align-items:center;gap:20px;display:flex}footer .fl{flex-wrap:wrap;gap:20px;margin-left:auto;display:flex}footer a:hover{color:var(--accent)}.blog-sec{padding-top:40px}.blog-note{color:var(--dim);margin:14px auto 0;font-size:14px}.posts{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px;display:grid}.post{color:inherit;transition:transform .4s var(--spring), border-color .3s;flex-direction:column;text-decoration:none;display:flex}.post:hover{border-color:var(--accent-line);transform:translateY(-6px)}.post-cover{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:var(--bg-3);place-items:center;display:grid;position:relative;overflow:hidden}.post-cover img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.post-cover:before{content:"";background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:26px 26px;position:absolute;inset:0}.post-cover.c0{background:radial-gradient(120% 90% at 20% 10%, #ff9a5c73, transparent 60%), radial-gradient(90% 90% at 90% 100%, #8b5cf64d, transparent 60%), var(--bg-3)}.post-cover.c1{background:radial-gradient(110% 90% at 85% 15%, #8b5cf66b, transparent 60%), radial-gradient(90% 80% at 10% 100%, #ff7a3c52, transparent 60%), var(--bg-3)}.post-cover.c2{background:radial-gradient(100% 90% at 50% 0%, #ff5f6d5c, transparent 60%), radial-gradient(90% 80% at 50% 110%, #ffc36b5c, transparent 60%), var(--bg-3)}.post-cover:has(img):before{display:none}.post-star{filter:drop-shadow(0 14px 26px #ff610073);width:84px;height:84px;transition:transform .5s var(--spring);position:relative}.post-star svg{width:100%;height:100%}.post:hover .post-star{transform:rotate(-8deg)scale(1.08)}.post:hover .post-cover img{transform:scale(1.04)}.post-body{flex-direction:column;flex:1;gap:12px;padding:22px 24px 24px;display:flex}.post-meta{color:var(--dim);align-items:center;gap:10px;font-size:13px;display:flex}.post-meta i{background:currentColor;border-radius:50%;width:4px;height:4px}.post h3{letter-spacing:-.015em;font-size:20px;line-height:1.3}.post-desc{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.post-go{color:var(--accent-ink);align-items:center;gap:8px;margin-top:auto;padding-top:6px;font-size:14px;font-weight:600;display:inline-flex}.post-go .ico{transition:transform .3s var(--spring)}.post:hover .post-go .ico{transform:translate(4px)}.blog-more{justify-content:center;margin-top:40px}@media (width<=1080px){.posts{grid-template-columns:repeat(2,1fr)}.posts .post:nth-child(3){display:none}}@media (width<=720px){.posts{grid-template-columns:1fr;margin-top:40px}.posts .post:nth-child(3){display:flex}}.community{grid-template-columns:repeat(2,1fr);gap:22px;max-width:920px;margin:48px auto 0;display:grid}.cm-card{color:inherit;transition:transform .4s var(--spring), border-color .3s;align-items:flex-start;gap:18px;padding:26px;text-decoration:none;display:flex}.cm-card:hover{border-color:var(--accent-line);transform:translateY(-6px)}.cm-ico{color:#fff;background:#1877f2;border-radius:16px;flex:none;place-items:center;width:52px;height:52px;font-size:26px;display:grid;box-shadow:0 12px 24px #1877f247}.cm-body{flex-direction:column;gap:8px;min-width:0;display:flex}.cm-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);align-self:flex-start;font-size:12px;font-weight:600}.cm-card h3{font-size:20px;line-height:1.3}.cm-desc{color:var(--muted);font-size:15px;line-height:1.6}.cm-go{color:var(--accent-ink);align-items:center;gap:8px;margin-top:4px;font-size:14px;font-weight:600;display:inline-flex}.cm-go .ico{transition:transform .3s var(--spring)}.cm-card:hover .cm-go .ico{transform:translate(4px)}@media (width<=720px){.community{grid-template-columns:1fr;margin-top:36px}.cm-card{padding:22px}}@media (width<=1080px){.nav-links{display:none}.hero-grid,.pain-grid,.demo-grid,.swap,.own,.faq-grid{grid-template-columns:1fr}.orbit{width:min(500px,100%);margin:30px auto 0}.t-mem{grid-column:span 6;min-height:560px}.t-team,.t-bg,.t-loop,.t-skill,.t-perm{grid-column:span 3}.t-pr,.t-talk{grid-column:span 6}.own{padding:44px}.phone{width:160px;right:-10px}}@media (width<=720px){body{font-size:16px}.sec{padding:90px 0}.gh-btn span{display:none}.hero{padding-top:110px}.fc1{top:0;left:0}.fc2{display:none}.fc3{bottom:0;left:0}.float-card{padding:8px 10px 8px 8px;font-size:12px}.float-card .av{width:28px;height:28px}.bento{grid-template-columns:1fr}.bento>*{grid-column:auto!important}.t-mem{min-height:500px}.chaos{height:440px}.tab{width:160px}.hub{width:290px}.app-main{grid-template-columns:1fr}.roster{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr)}.roster h4{grid-column:1/-1}.stream{height:400px}.stats{grid-template-columns:repeat(2,1fr)}.first-steps{grid-template-columns:1fr}.own{border-radius:26px;padding:30px 22px}.phone{display:none}.cap{margin-top:24px}.founder .links{margin-left:0}.btn{height:50px;padding:0 20px}.cta-row .btn{flex:auto;justify-content:center}.tool{width:84px;font-size:11px}.tool span{border-radius:13px;width:44px;height:44px;font-size:19px}}section.off *,section.off :before,section.off :after{animation-play-state:paused!important}.inapp *,.inapp :before,.inapp :after{backdrop-filter:none!important}.inapp .nav.solid{background:var(--bg)}.inapp .blob{filter:none;opacity:.4;animation:none}:root[data-theme=light].inapp .blob{opacity:.24}.inapp .mascot,.inapp .final .big-star,.inapp .post-star{filter:none}.inapp .play-dot,.inapp .grad,.inapp .ring,.inapp .ring .node>div,.inapp .core:before,.inapp .core:after,.inapp .mascot,.inapp .float-card,.inapp .typing i,.inapp .marquee-track,.inapp .chaos:not(.merged) .tab,.inapp .vf-play,.inapp .mate.busy .mav:after,.inapp .wires line,.inapp .socket:before,.inapp .socket .badge,.inapp .kcard,.inapp .gitviz .br,.inapp .gitviz .cb,.inapp .gitviz .cg,.inapp .gitviz .tg,.inapp .wave i,.inapp .clock:before,.inapp .clock:after,.inapp .pin b:after,.inapp .cursor,.inapp .final .big-star{animation:none}.inapp .core:after{opacity:.5}.inapp .pin b:after{opacity:.35}.inapp .marquee{scrollbar-width:none;overflow-x:auto;-webkit-mask:none;mask:none}.inapp .marquee::-webkit-scrollbar{display:none}.inapp .kcard.k2{border-color:var(--accent);left:calc(33.33% + 3px)}.inapp .gitviz .br{stroke-dashoffset:0}.inapp .gitviz .cb,.inapp .gitviz .cg,.inapp .gitviz .tg{opacity:1}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.hero h1 .line>span{transform:none}}
