@layer base{*{box-sizing:border-box}}:root{--accent-color:#ed4e01;--accent-color-hover:#ff6a1f;--accent-color-light:#ed4e011a;--bg-primary:#0a0a0a;--bg-secondary:#222;--bg-tertiary:#1a1a1a;--text-primary:#fff;--text-secondary:#fffc;--text-muted:#d5d5d5;--border-light:#ffffff1a;--border-lighter:#fff3;--border-dark:#0003;--particle-color:#ff8c4d;--particle-color-light:#ff8c4d99;--particle-color-lighter:#ff8c4d33;--glow-color:#ff8c4d40;--glow-secondary:#ed4e0126;--card-bg:#222;--card-hover-bg:#ed4e010d;--navbar-bg:#0a0a0ab3;--code-input-bg:#0000004d;--code-input-border:#ffffff0f;--navbar-bg-scrolled:#0a0a0af2;--cube-bg:linear-gradient(135deg,#141414f2 0%,#0a0a0ae6 100%);--cube-border:#ff8c4d66;--cube-shadow:#0009;--scrollbar-thumb:#fff3;--scrollbar-thumb-hover:#ffffff4d;--selection-bg:#ed4e014d;--selection-text:white;--icon-filter:none;--logo-filter:none}[data-theme=light]{--bg-primary:#fffbf7;--bg-secondary:#fff9f5;--bg-tertiary:#fef6f0;--text-primary:#1a1a1a;--text-secondary:#000000b3;--text-muted:#4a4a4a;--border-light:#c8966433;--border-lighter:#c896644d;--border-dark:#b4825026;--particle-color:#ed4e01e6;--particle-color-light:#ed4e0180;--particle-color-lighter:#ed4e0126;--glow-color:#ed4e0126;--glow-secondary:#ed4e0114;--card-bg:#fff;--card-hover-bg:#ed4e0108;--navbar-bg:#fffc;--code-input-bg:#0000000a;--code-input-border:#c8966433;--navbar-bg-scrolled:#fffffff2;--cube-bg:linear-gradient(135deg,#fffffff2 0%,#f5f5f5e6 100%);--cube-border:#ed4e014d;--cube-shadow:#0000001a;--scrollbar-thumb:#0003;--scrollbar-thumb-hover:#0000004d;--selection-bg:#ed4e0133;--selection-text:#1a1a1a;--icon-filter:brightness(0)saturate(100%);--logo-filter:brightness(0)saturate(100%)}html{overflow:hidden scroll}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(#ff8c4d0d 1px,#0000 1px),linear-gradient(90deg,#ff8c4d0d 1px,#0000 1px);background-size:40px 40px;font-family:Noto Sans,sans-serif;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden;margin-right:0!important}[data-theme=light] body{background-image:linear-gradient(#ed4e010a 1px,#0000 1px),linear-gradient(90deg,#ed4e010a 1px,#0000 1px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 30px}.container>*,section{box-sizing:border-box}.header-container{z-index:1000;flex-direction:column;width:100%;display:flex;position:fixed;top:0;left:0;right:0}.navbar{width:100%;z-index:inherit;background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-light);box-sizing:border-box;padding:15px 0;transition:top .3s,background-color .3s,border-color .3s;position:relative;top:0;left:0;right:0;box-shadow:0 4px 30px #0000001a}.nav-wrapper{justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.nav-left{align-items:center;gap:16px;display:flex}.nav-center{position:absolute;left:50%;transform:translate(-50%)}.logo{align-items:center;gap:12px;display:flex}.logo img,.footer-logo img{filter:var(--logo-filter);transition:filter .3s}[data-theme=light] .logo img,[data-theme=light] .footer-logo img,[data-theme=light] .vm0-logo-large img{filter:none}.logo-text{color:var(--text-primary);font-family:Noto Sans,sans-serif;font-size:24px;font-weight:700}.logo-zero{color:var(--accent-color)}.tagline{color:var(--text-secondary);letter-spacing:.5px;opacity:.9;font-family:Fira Code,monospace;font-size:16px;font-weight:400}.nav-right{align-items:center;gap:16px;display:flex}.hamburger-btn{border:1px solid var(--border-lighter);cursor:pointer;background:0 0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:34px;height:34px;padding:6px;transition:all .2s;display:none}.hamburger-btn:hover{background:var(--card-hover-bg);border-color:var(--accent-color)}.hamburger-line{background:var(--text-primary);border-radius:1px;width:16px;height:2px;transition:all .3s;display:block}.hamburger-line.open:first-child{transform:rotate(45deg)translate(4px,4px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg)translate(4px,-4px)}.mobile-menu{background:var(--card-bg);border-left:1px solid var(--border-light);z-index:999;width:280px;height:calc(100vh - 61px);transition:transform .3s;display:none;position:fixed;top:61px;right:0;overflow-y:auto;transform:translate(100%)}.mobile-menu.open{transform:translate(0)}.mobile-menu-content{flex-direction:column;gap:32px;padding:24px;display:flex}.mobile-menu-links{flex-direction:column;gap:8px;display:flex}.mobile-menu-link{color:var(--text-primary);border-radius:8px;padding:12px 16px;font-family:Noto Sans,sans-serif;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-menu-link:hover{background:var(--card-hover-bg);color:var(--accent-color)}.mobile-menu-controls{border-top:1px solid var(--border-light);align-items:center;gap:12px;padding-top:16px;display:flex}.mobile-menu-overlay{z-index:998;background:#00000080;display:none;position:fixed;inset:61px 0 0}.nav-desktop{display:flex}.nav-link{color:var(--text-secondary);font-family:Noto Sans,sans-serif;font-size:14px;font-weight:400;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--accent-color)}.nav-github{opacity:.8;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.nav-github:hover{opacity:1}.theme-toggle{border:1px solid var(--border-lighter);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--card-hover-bg);color:var(--accent-color);border-color:var(--accent-color)}.theme-toggle svg{transition:transform .3s}.theme-toggle:hover svg{transform:rotate(15deg)}.btn-try-demo,.btn-get-access{letter-spacing:-.14px;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:500;line-height:1.2;transition:all .2s;display:inline-flex}.btn-try-demo{color:var(--accent-color);border:1px solid var(--accent-color);background:0 0}.btn-try-demo:hover{background:var(--accent-color-light)}.btn-get-access{background:var(--accent-color);color:#fff}.btn-get-access:hover{background:var(--accent-color-hover)}.btn-primary-large,.btn-secondary-large{letter-spacing:0;cursor:pointer;box-sizing:border-box;border:none;border-radius:4px;min-width:0;padding:12px 24px;font-family:Noto Sans,sans-serif;font-size:22px;font-weight:500;line-height:28px;transition:all .2s}.btn-primary-large{background:var(--accent-color);color:#fff}.btn-primary-large:hover{background:var(--accent-color-hover)}.btn-secondary-large{background:var(--accent-color-light);color:var(--accent-color);border:1px solid var(--accent-color)}.btn-secondary-large:hover{background:#ed4e0126}.hero-section{padding:calc(var(--total-header-height) + 90px)0 140px;position:relative}.hero-grid{box-sizing:border-box;grid-template-columns:minmax(0,1fr);align-items:center;gap:40px;width:100%;max-width:100%;display:grid;overflow:visible}@media (min-width:1200px){.hero-grid{grid-template-columns:611px 1fr;max-width:1200px;overflow:visible}.hero-visual{width:100%;min-width:800px}.sandbox-container{left:20%}}.hero-text{box-sizing:border-box;grid-column:1;width:100%;max-width:100%;overflow:hidden;min-width:0!important}.hero-title{letter-spacing:-.6px;color:var(--text-primary);box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;width:100%;max-width:100%;margin-bottom:20px;font-family:Noto Sans,sans-serif;font-size:60px;font-weight:400;line-height:1.1}.hero-description{letter-spacing:.5px;color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;width:100%;max-width:100%;margin-bottom:20px;font-family:Noto Sans,sans-serif;font-size:20px;font-weight:300;line-height:32px}.hero-buttons{box-sizing:border-box;align-items:flex-start;gap:20px;width:100%;max-width:100%;display:flex}.hero-visual{justify-content:center;align-items:center;width:100%;min-width:800px;min-height:600px;display:flex;position:relative;overflow:visible}.sandbox-container{perspective:1200px;perspective-origin:50%;--tiltX:0deg;--tiltY:0deg;justify-content:center;align-items:center;width:800px;height:800px;margin-top:-400px;margin-left:-400px;display:flex;position:absolute;top:50%;left:25%;overflow:visible}.sandbox-grid{background-image:linear-gradient(var(--particle-color-lighter)1px,transparent 1px),linear-gradient(90deg,var(--particle-color-lighter)1px,transparent 1px);opacity:.3;pointer-events:none;background-size:40px 40px;animation:20s linear infinite gridMove;position:absolute;inset:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.cube-wrapper{width:300px;height:300px;transform-style:preserve-3d;transform:rotateX(calc(20deg + var(--tiltY)*1.2))rotateY(calc(-35deg + var(--tiltX)*1.2));transition:transform .6s cubic-bezier(.23,1,.32,1);animation:20s linear infinite cubeRotate;position:relative}@keyframes cubeRotate{0%{transform:rotateX(calc(20deg + var(--tiltY)*1.2))rotateY(calc(-35deg + var(--tiltX)*1.2))rotateZ(0deg)}to{transform:rotateX(calc(20deg + var(--tiltY)*1.2))rotateY(calc(-35deg + var(--tiltX)*1.2))rotateZ(360deg)}}.cube{width:300px;height:300px;transform-style:preserve-3d;position:relative;transform:translateZ(-150px)}.cube-face{border:2px solid var(--cube-border);background:var(--cube-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #ff8c4d33,0 0 30px #ed4e0133}.cube-front{border-color:#ff8c4d99;transform:rotateY(0)translateZ(150px)}.cube-back{border-color:#ff8c4d4d;transform:rotateY(180deg)translateZ(150px)}.cube-right{border-color:#ff8c4d66;transform:rotateY(90deg)translateZ(150px)}.cube-left{border-color:#ff8c4d66;transform:rotateY(-90deg)translateZ(150px)}.cube-top{background:linear-gradient(#ff8c4d33 0%,#141414f2 100%);border-color:#ff8c4d80;transform:rotateX(90deg)translateZ(150px)}[data-theme=light] .cube-top{background:linear-gradient(#ff8c4d26 0%,#f5f5f5f2 100%)}.cube-bottom{background:linear-gradient(#141414f2 0%,#ff8c4d26 100%);border-color:#ff8c4d4d;transform:rotateX(-90deg)translateZ(150px)}[data-theme=light] .cube-bottom{background:linear-gradient(#f5f5f5f2 0%,#ff8c4d1a 100%)}.cube-pattern{background-image:linear-gradient(var(--particle-color-lighter)1px,transparent 1px),linear-gradient(90deg,var(--particle-color-lighter)1px,transparent 1px);opacity:.5;background-size:30px 30px;animation:10s linear infinite patternMove;position:absolute;inset:0}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.cube-content{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.particles{pointer-events:none;z-index:0;position:absolute;inset:-300px;overflow:visible}.particle{background:radial-gradient(circle,var(--particle-color)0%,var(--particle-color-light)40%,var(--particle-color-lighter)70%,transparent 100%);border-radius:50%;animation:45s ease-in-out infinite particleTech;position:absolute}.particle-large{width:8px;height:8px;box-shadow:0 0 12px var(--particle-color),0 0 24px var(--particle-color-light),0 0 40px #ed4e014d}.particle-medium{width:5px;height:5px;box-shadow:0 0 8px #ff8c4de6,0 0 16px var(--particle-color-light),0 0 24px #ed4e0133}.particle-small{width:3px;height:3px;box-shadow:0 0 6px #ff8c4dcc,0 0 12px var(--particle-color-light)}@keyframes particleTech{0%,to{opacity:.3;transform:translate(0)scale(1)rotate(0)}25%{transform:translate(var(--tx,40px),var(--ty,-30px))scale(1.05)rotate(15deg);opacity:.5}50%{transform:translate(var(--tx2,50px),var(--ty2,35px))scale(.95)rotate(25deg);opacity:.4}75%{transform:translate(var(--tx3,-30px),var(--ty3,40px))scale(1.08)rotate(35deg);opacity:.48}}.particle:first-child{--tx:35px;--ty:-40px;--tx2:50px;--ty2:30px;--tx3:-30px;--ty3:45px;animation-delay:0s;top:10%;left:15%}.particle:nth-child(2){--tx:-40px;--ty:35px;--tx2:30px;--ty2:-45px;--tx3:-35px;--ty3:50px;animation-delay:1s;top:25%;right:20%}.particle:nth-child(3){--tx:45px;--ty:30px;--tx2:-35px;--ty2:50px;--tx3:40px;--ty3:-30px;animation-delay:2s;bottom:30%;left:10%}.particle:nth-child(4){--tx:-50px;--ty:-25px;--tx2:35px;--ty2:45px;--tx3:30px;--ty3:-35px;animation-delay:.5s;top:50%;right:15%}.particle:nth-child(5){--tx:50px;--ty:30px;--tx2:-40px;--ty2:-50px;--tx3:-30px;--ty3:40px;animation-delay:3s;bottom:20%;right:30%}.particle:nth-child(6){--tx:40px;--ty:-35px;--tx2:50px;--ty2:30px;--tx3:-30px;--ty3:45px;animation-delay:1.5s;top:70%;left:25%}.particle:nth-child(7){--tx:-45px;--ty:40px;--tx2:40px;--ty2:-30px;--tx3:25px;--ty3:50px;animation-delay:2.5s;top:15%;left:50%}.particle:nth-child(8){--tx:50px;--ty:25px;--tx2:-45px;--ty2:-40px;--tx3:-25px;--ty3:35px;animation-delay:.8s;bottom:40%;right:10%}.particle:nth-child(9){--tx:35px;--ty:-30px;--tx2:50px;--ty2:30px;--tx3:-40px;--ty3:40px;animation-delay:4s;top:60%;left:5%}.particle:nth-child(10){--tx:-40px;--ty:35px;--tx2:45px;--ty2:-35px;--tx3:30px;--ty3:45px;animation-delay:1.2s;bottom:15%;left:40%}.particle:nth-child(11){--tx:50px;--ty:-30px;--tx2:-35px;--ty2:40px;--tx3:40px;--ty3:-30px;animation-delay:3.5s;top:35%;right:5%}.particle:nth-child(12){--tx:-50px;--ty:-30px;--tx2:40px;--ty2:45px;--tx3:30px;--ty3:-35px;animation-delay:2.2s;bottom:50%;left:30%}.particle:nth-child(13){--tx:110px;--ty:90px;--tx2:-100px;--ty2:-110px;--tx3:-80px;--ty3:100px;animation-delay:.3s;top:80%;right:25%}.particle:nth-child(14){--tx:-120px;--ty:-90px;--tx2:130px;--ty2:80px;--tx3:-70px;--ty3:110px;animation-delay:4.5s;top:5%;right:40%}.particle:nth-child(15){--tx:100px;--ty:-100px;--tx2:-110px;--ty2:90px;--tx3:90px;--ty3:-80px;animation-delay:1.8s;bottom:10%;left:20%}.particle:nth-child(16){--tx:-90px;--ty:110px;--tx2:120px;--ty2:-70px;--tx3:-100px;--ty3:100px;animation-delay:.6s;top:20%;left:35%}.particle:nth-child(17){--tx:130px;--ty:60px;--tx2:-100px;--ty2:-90px;--tx3:80px;--ty3:110px;animation-delay:2.8s;bottom:25%;right:35%}.particle:nth-child(18){--tx:110px;--ty:-80px;--tx2:-90px;--ty2:100px;--tx3:100px;--ty3:-60px;animation-delay:1.4s;top:45%;left:8%}.particle:nth-child(19){--tx:-120px;--ty:100px;--tx2:110px;--ty2:-80px;--tx3:-90px;--ty3:120px;animation-delay:3.2s;bottom:35%;right:8%}.particle:nth-child(20){--tx:100px;--ty:90px;--tx2:-110px;--ty2:-100px;--tx3:70px;--ty3:110px;animation-delay:.9s;top:55%;right:30%}.particle:nth-child(21){--tx:-100px;--ty:-80px;--tx2:120px;--ty2:90px;--tx3:-80px;--ty3:100px;animation-delay:4.2s;bottom:45%;left:45%}.particle:nth-child(22){--tx:110px;--ty:-90px;--tx2:-100px;--ty2:110px;--tx3:90px;--ty3:-70px;animation-delay:1.7s;top:30%;left:28%}.particle:nth-child(23){--tx:-130px;--ty:80px;--tx2:100px;--ty2:-100px;--tx3:-70px;--ty3:110px;animation-delay:2.4s;bottom:55%;right:20%}.particle:nth-child(24){--tx:90px;--ty:100px;--tx2:-110px;--ty2:-90px;--tx3:100px;--ty3:80px;animation-delay:3.8s;top:65%;left:12%}.particle:nth-child(25){--tx:-100px;--ty:-110px;--tx2:130px;--ty2:70px;--tx3:-80px;--ty3:100px;animation-delay:.4s;bottom:60%;right:15%}.particle:nth-child(26){--tx:120px;--ty:-100px;--tx2:-90px;--ty2:110px;--tx3:100px;--ty3:-60px;animation-delay:2.1s;top:40%;left:18%}.particle:nth-child(27){--tx:-110px;--ty:90px;--tx2:100px;--ty2:-110px;--tx3:-90px;--ty3:120px;animation-delay:3.6s;bottom:40%;right:25%}.particle:nth-child(28){--tx:100px;--ty:110px;--tx2:-120px;--ty2:-80px;--tx3:80px;--ty3:100px;animation-delay:1.1s;top:75%;left:38%}.particle:nth-child(29){--tx:-100px;--ty:-90px;--tx2:110px;--ty2:100px;--tx3:-70px;--ty3:110px;animation-delay:4.8s;bottom:70%;right:12%}.particle:nth-child(30){--tx:110px;--ty:-80px;--tx2:-100px;--ty2:90px;--tx3:90px;--ty3:-70px;animation-delay:2.7s;top:85%;left:22%}.particle-connections{pointer-events:none;z-index:0;opacity:.3;width:calc(100% + 600px);height:calc(100% + 600px);position:absolute;inset:-300px}.particle-connections line{stroke:url(#lineGradient);stroke-width:1px;stroke-dasharray:3 6;opacity:0;animation:8s linear infinite lineFlow}@keyframes lineFlow{0%{stroke-dashoffset:0;opacity:0}10%{opacity:.6}90%{opacity:.6}to{stroke-dashoffset:20px;opacity:0}}.code-fragments{pointer-events:none;z-index:1;position:absolute;inset:-200px}.code-fragment{color:var(--particle-color-light);text-transform:lowercase;opacity:0;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:500;animation:25s ease-in-out infinite codeFragmentFloat;position:absolute}.code-fragment:first-child{animation-delay:0s;top:15%;left:20%}.code-fragment:nth-child(2){animation-delay:6s;top:60%;right:25%}.code-fragment:nth-child(3){animation-delay:12s;bottom:30%;left:15%}.code-fragment:nth-child(4){animation-delay:18s;top:40%;right:15%}@keyframes codeFragmentFloat{0%,20%{opacity:0;transform:translate(0)scale(.8)}25%,35%{opacity:.6;transform:translate(30px,-20px)scale(1)}40%,50%{opacity:.4;transform:translate(60px,40px)scale(.9)}55%,65%{opacity:.6;transform:translate(-20px,50px)scale(1)}70%,80%{opacity:.3;transform:translate(-40px,-30px)scale(.8)}85%,to{opacity:0;transform:translate(0)scale(.8)}}.sandbox-glow{background:radial-gradient(circle at 30% 30%,var(--glow-color)0%,transparent 50%),radial-gradient(circle at 70% 70%,var(--glow-secondary)0%,transparent 50%);filter:blur(60px);pointer-events:none;z-index:-1;width:800px;height:800px;animation:4s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sandbox-container:after{content:"";background:radial-gradient(ellipse,var(--cube-shadow)0%,transparent 70%);filter:blur(40px);pointer-events:none;z-index:-2;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.9;transform:translate(-50%,-50%)scale(1.15)}}.section-spacing{box-sizing:border-box;padding:80px 0}.section-title{letter-spacing:-.6px;color:var(--text-primary);text-align:left;margin-bottom:40px;font-family:Noto Sans,sans-serif;font-size:60px;font-weight:400;line-height:1.1}.section-description{letter-spacing:.5px;color:var(--text-secondary);text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:40px;font-family:Noto Sans,sans-serif;font-size:20px;font-weight:300;line-height:32px}.comparison-wrapper{width:100%;position:relative}.comparison-content{box-sizing:border-box;width:100%;max-width:100%;height:272px;margin:0;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #0000001a}.comparison-content:after{content:"";background:var(--card-bg);pointer-events:none;z-index:1;width:20px;height:100%;position:absolute;top:0;left:calc(50% - 20px)}.comparison-content:before{content:"";opacity:.5;pointer-events:none;z-index:2;background-image:url(/assets/diagonal-pattern.png);background-repeat:repeat;background-size:6px 6px;width:20px;height:100%;position:absolute;top:0;left:calc(50% - 20px)}[data-theme=light] .comparison-content:before{opacity:.15}.comparison-left{background:var(--card-bg);z-index:3;border-radius:0 20px 20px 0;justify-content:center;align-items:center;width:50%;padding:40px 0;display:flex;position:relative}.comparison-left:before{content:"";background:linear-gradient(to right,transparent 0%,var(--accent-color)100%);-webkit-mask-composite:xor;pointer-events:none;border-radius:0 20px 20px 0;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.old-tools-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:32px;width:406px;height:191.5px;display:grid}.tool-logo{justify-content:center;align-items:center;display:flex}.tool-logo img{object-fit:contain;opacity:.85;width:auto;max-width:100%;height:auto;max-height:100%;transition:opacity .3s}[data-theme=light] .tool-logo img{opacity:1}.comparison-divider{z-index:10;pointer-events:none;justify-content:center;align-items:center;gap:0;width:100%;max-width:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.comparison-divider:before{content:"";background:linear-gradient(90deg,#70b5f700 0%,#70b5f780 20%,#82c084b3 50%,#ed4e01 100%);width:min(150px,60%);height:1px;position:relative}.comparison-divider:after{content:"";background:var(--accent-color);border-radius:50%;width:10px;height:10px}.comparison-right{background:var(--card-bg);flex-direction:column;justify-content:center;align-items:center;gap:12px;width:50%;padding:40px;display:flex;position:relative;overflow:hidden}.comparison-right:before{content:"";opacity:.5;pointer-events:none;z-index:0;background-image:url(/assets/diagonal-pattern.png);background-repeat:repeat;background-size:6px 6px;width:calc(100% + 20px);height:100%;position:absolute;top:0;left:-20px;right:0}[data-theme=light] .comparison-right:before{opacity:.15}.vm0-logo-large{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.vm0-logo-large img{height:60px}.vm0-tagline{letter-spacing:.5px;color:var(--text-primary);text-align:center;z-index:1;max-width:393px;font-family:Fira Code,monospace;font-size:12px;font-weight:400;line-height:24px;position:relative}.cli-section-wrapper{padding:0;position:relative}.cli-tools-row{border-top:1px solid var(--border-lighter);z-index:1;grid-template-columns:repeat(5,1fr);display:grid;position:relative}.cli-tool-item{background:var(--card-bg);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);flex-direction:column;align-items:center;gap:32px;padding:40px;transition:all .3s;display:flex;position:relative}.cli-tool-item:hover{background:var(--card-hover-bg);transform:translateY(-2px)}.cli-tool-item:last-child{border-right:none}.cli-icon-wrapper{justify-content:center;align-items:center;width:auto;min-width:40px;height:40px;display:flex}.cli-icon-img{object-fit:contain;width:40px;height:40px}.cli-icon-img.full-height{width:auto;height:40px}.cli-tool-name{letter-spacing:-.2px;color:var(--text-primary);text-align:center;font-family:Noto Sans,sans-serif;font-size:20px;font-weight:400;line-height:1.1}.use-cases-row{z-index:1;grid-template-columns:repeat(5,1fr);display:grid;position:relative}.use-case-item{background:var(--card-bg);border-right:1px solid var(--border-light);flex-direction:column;align-items:center;gap:30px;padding:40px 30px;transition:all .3s;display:flex;position:relative}.use-case-item:hover{background:var(--card-hover-bg);transform:translateY(-2px)}.use-case-item:last-child{border-right:none}.use-case-icon-wrapper{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.use-case-icon-wrapper img{filter:var(--icon-filter);transition:filter .3s}[data-theme=light] .use-case-icon-wrapper img{filter:brightness(0)saturate()invert(30%)sepia(95%)saturate(1500%)hue-rotate(10deg)brightness(95%)}.use-case-svg{object-fit:contain;width:100%;height:100%}.use-case-title{letter-spacing:-.22px;color:var(--text-primary);text-align:center;font-family:Noto Sans,sans-serif;font-size:22px;font-weight:400;line-height:1.1}.use-case-desc{color:var(--text-secondary);text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans,sans-serif;font-size:16px;font-weight:300;line-height:1.2}.features-stack{flex-direction:column;gap:40px;display:flex}.feature-card{background:var(--card-bg);border:none;border-radius:16px;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:80px 50px;transition:transform .3s,box-shadow .3s;display:grid;overflow:hidden}.feature-card:first-child,.feature-card:nth-child(2),.feature-card:nth-child(3),.feature-card:nth-child(4){border:none;border-radius:10px;gap:0;height:480px;padding:0}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px #00000026}[data-theme=dark] .feature-card:hover{box-shadow:0 20px 60px #00000059}[data-theme=light] .feature-card{border:1px solid var(--border-light)}.feature-card.reverse{direction:rtl}.feature-card.reverse>*{direction:ltr}.feature-card:first-child .feature-content,.feature-card:nth-child(2) .feature-content,.feature-card:nth-child(3) .feature-content,.feature-card:nth-child(4) .feature-content{background:var(--card-bg);border-radius:10px 0 0 10px;flex-direction:column;justify-content:center;height:100%;padding:50px;display:flex}.feature-card:nth-child(2) .feature-content,.feature-card:nth-child(3) .feature-content,.feature-card:nth-child(4) .feature-content{text-align:left;align-items:flex-start}.feature-card:first-child .feature-visual,.feature-card:nth-child(2) .feature-visual,.feature-card:nth-child(3) .feature-visual,.feature-card:nth-child(4) .feature-visual{border:none;border-radius:0 10px 10px 0;justify-content:center;align-items:center;height:100%;display:flex}.feature-title{color:var(--text-primary);margin-bottom:24px;font-family:Noto Sans,sans-serif;font-size:32px;font-weight:400;line-height:1.3}.feature-text{color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans,sans-serif;font-size:16px;font-weight:300;line-height:1.8}.feature-visual{background:linear-gradient(135deg,#ed4e011a 0%,#ed4e010d 100%);border:1px solid #fb73;border-radius:12px;height:300px;position:relative;overflow:hidden}.prompt-visual{border:none;position:relative;background:url(/assets/bg_1.webp) 50%/cover!important;justify-content:center!important;align-items:center!important;display:flex!important}.prompt-visual .code-illustration{padding-bottom:0!important}.code-illustration,.agent-illustration,.persistent-illustration{object-fit:contain;object-position:center;width:100%;height:auto;max-height:100%;padding:36px;align-self:center!important}.observable-illustration{object-fit:contain;object-position:center;width:100%;height:auto;max-height:100%;padding:24px;align-self:center!important}.agent-visual{border:none;position:relative;background:url(/assets/bg_1.webp) 50%/cover!important;justify-content:center!important;align-items:center!important;display:flex!important}.observable-visual{border:none;position:relative;background:url(/assets/bg_2.webp) 50%/cover!important;justify-content:center!important;align-items:center!important;display:flex!important}.persistent-visual{background:url(/assets/bg_4.webp) 50%/cover;border:none;position:relative;justify-content:center!important;align-items:center!important;display:flex!important}.infra-grid{isolation:isolate;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:0;padding:40px;display:grid;position:relative}.infra-grid:before{content:"";opacity:.5;pointer-events:none;z-index:-1;background-image:url(/assets/diagonal-pattern.png);background-repeat:repeat;background-size:6px 6px;width:397px;height:397px;position:absolute;top:.5px;left:0}.infra-grid:after{content:"";opacity:.5;pointer-events:none;z-index:-1;background-image:url(/assets/diagonal-pattern.png);background-repeat:repeat;background-size:6px 6px;width:376px;height:375px;position:absolute;top:.5px;right:0}[data-theme=light] .infra-grid:before,[data-theme=light] .infra-grid:after{opacity:.15}.infra-item{background:var(--card-bg);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);z-index:1;flex-direction:column;gap:10px;padding:40px;display:flex;position:relative}.infra-item:nth-child(2n){border-right:none}.infra-item:nth-child(3),.infra-item:nth-child(4){border-bottom:none}.infra-title{letter-spacing:-.3px;color:var(--text-primary);margin-bottom:20px;font-family:Noto Sans,sans-serif;font-size:30px;font-weight:400;line-height:1.1}.infra-desc{letter-spacing:-.18px;color:var(--text-muted);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans,sans-serif;font-size:18px;font-weight:400;line-height:1.2}.cta-final{padding:80px 0}.cta-card{background:var(--card-bg);border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:30px;padding:60px;display:flex;position:relative;overflow:hidden}.cta-ellipse{opacity:.3;filter:blur(60px);pointer-events:none;z-index:0;background-image:url(/assets/cta-ellipse.webp);background-size:cover;width:700px;height:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(79.758deg)}[data-theme=light] .cta-ellipse{opacity:.15}.cta-title{letter-spacing:-.6px;color:var(--text-primary);z-index:1;max-width:100%;font-family:Noto Sans,sans-serif;font-size:60px;font-weight:400;line-height:1.1;position:relative}.cta-subtitle{letter-spacing:.5px;color:var(--text-muted);z-index:1;font-family:Noto Sans,sans-serif;font-size:24px;font-weight:400;line-height:24px;position:relative}.cta-final button{z-index:1;position:relative}.footer{background:var(--card-bg);border-top:1px solid var(--border-light);margin-top:80px;padding:80px 0 40px}.footer-content{grid-template-columns:1.5fr 2fr;gap:60px;margin-bottom:60px;display:grid}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-logo{align-items:center;margin-bottom:8px;display:flex}.footer-tagline{color:var(--text-secondary);max-width:300px;font-family:Noto Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5}.footer-links{align-items:center;gap:24px;display:flex}.footer-controls{align-items:center;gap:12px;display:flex}.footer-right{align-items:center;gap:24px;display:flex}.footer-column{flex-direction:column;gap:16px;display:flex}.footer-title{color:var(--text-primary);margin-bottom:4px;font-family:Noto Sans,sans-serif;font-size:16px;font-weight:400}.footer-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-link{color:var(--text-secondary);align-items:center;gap:8px;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.5;text-decoration:none;transition:color .2s,opacity .2s;display:flex}.footer-link img{opacity:.7;filter:var(--icon-filter);transition:opacity .2s,filter .3s}[data-theme=light] .footer-link img{filter:brightness(0)saturate()}.footer-link:hover{color:var(--accent-color)}.footer-link:hover img{opacity:1}.footer-bottom{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:40px;display:flex}.footer-left{flex-direction:column;gap:16px;display:flex}.footer-copyright{color:var(--text-secondary);margin:0;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:400}.footer-legal-links{align-items:center;gap:12px;margin-top:12px;display:flex}.footer-legal-link{color:var(--text-secondary);font-family:Noto Sans,sans-serif;font-size:13px;font-weight:400;text-decoration:none;transition:color .2s}.footer-legal-link:hover{color:var(--accent-color)}.footer-legal-separator{color:var(--text-secondary);opacity:.5;font-size:13px}.footer-legal{gap:24px;display:flex}.footer-language-switcher{align-items:center;gap:12px;font-family:Noto Sans,sans-serif;font-size:14px;display:flex}.footer-language-label{color:var(--text-secondary);font-weight:400}.footer-language-options{gap:8px;display:flex}.footer-language-option{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:400;transition:all .2s}.footer-language-option:hover{color:var(--text-primary);background:#ff8c4d1a}.footer-language-option.active{color:var(--brand-orange);font-weight:500}.btn-primary-large:active,.btn-get-access:active,.btn-secondary-large:active,.btn-try-demo:active{transform:scale(.95)}::selection{background:var(--selection-bg);color:var(--selection-text)}@media (max-width:1200px){.hero-grid{box-sizing:border-box;grid-template-columns:1fr;gap:60px;width:100%;max-width:100%}.hero-text{overflow:hidden;width:100%!important;min-width:0!important;max-width:100%!important}.hero-visual{width:100%;min-width:600px;max-width:100%;min-height:500px;margin:0 auto;overflow:visible}.sandbox-container{width:600px;height:600px;margin-top:-300px;margin-left:-300px;left:25%}.comparison-content{width:100%;max-width:100%;height:auto;min-height:240px}.comparison-left,.comparison-right{width:50%}.comparison-divider{transform:translate(-50%,-50%)}.comparison-divider:before{width:min(120px,50%)}.cli-tools-row{grid-template-columns:repeat(3,1fr)}.use-cases-row{grid-template-columns:repeat(2,1fr)}.feature-card{grid-template-columns:1fr}.feature-card:first-child,.feature-card:nth-child(2),.feature-card:nth-child(3),.feature-card:nth-child(4){height:auto;min-height:400px}.feature-card.reverse{direction:ltr}.infra-grid{padding:20px}.infra-grid:before,.infra-grid:after{display:none}}@media (max-width:768px){.section-spacing,.cta-final{padding:60px 0}.container{padding:0 24px}.hero-grid{box-sizing:border-box;width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)!important}.hero-text{box-sizing:border-box;overflow:hidden;width:100%!important;min-width:0!important;max-width:100%!important}.comparison-wrapper{width:100%}.comparison-divider:before{width:min(100px,40%)}.navbar{padding:12px 0}.nav-desktop{display:none!important}.hamburger-btn{display:flex}.mobile-menu,.mobile-menu-overlay{display:block}.nav-right{gap:12px}.btn-get-access{padding:8px 16px;font-size:13px}.tagline{display:none}.hero-section{padding:calc(var(--total-header-height) + 50px)0 80px}.hero-title{box-sizing:border-box;width:100%;max-width:100%;font-size:36px;line-height:1.2}.hero-description{box-sizing:border-box;width:100%;max-width:100%;font-size:16px}.section-title{font-size:32px;line-height:1.2}.section-description{font-size:16px}.hero-buttons{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;width:100%!important;max-width:100%!important}.hero-buttons button,.hero-buttons .btn-primary-large,.hero-buttons .btn-secondary-large{box-sizing:border-box;padding:11px 20px;font-size:20px;width:100%!important;min-width:0!important;max-width:100%!important}.cube-wrapper{width:250px;height:250px}.cube{width:250px;height:250px;transform:translateZ(-125px)}.cube-face{width:250px;height:250px}.cube-front{transform:rotateY(0)translateZ(125px)}.cube-back{transform:rotateY(180deg)translateZ(125px)}.cube-right{transform:rotateY(90deg)translateZ(125px)}.cube-left{transform:rotateY(-90deg)translateZ(125px)}.cube-top{transform:rotateX(90deg)translateZ(125px)}.cube-bottom{transform:rotateX(-90deg)translateZ(125px)}.comparison-content{width:100%;max-width:100%;height:auto;min-height:200px}.comparison-left{padding:30px 0}.old-tools-grid{grid-template-columns:repeat(2,1fr);gap:24px;width:100%;height:auto;padding:0 20px}.comparison-right{padding:30px 20px}.vm0-logo-large img{height:50px}.vm0-tagline{margin-top:16px;font-size:11px}.cli-tools-row{grid-template-columns:repeat(2,1fr)}.cli-tool-item{padding:30px 20px}.use-cases-row{grid-template-columns:1fr}.use-case-item{padding:30px 24px}.infra-grid{grid-template-columns:1fr;padding:20px}.infra-item{padding:30px 24px}.feature-card{gap:40px;padding:40px 24px}.feature-card:first-child,.feature-card:nth-child(2),.feature-card:nth-child(3),.feature-card:nth-child(4){height:auto;min-height:350px}.feature-card:first-child .feature-content,.feature-card:nth-child(2) .feature-content,.feature-card:nth-child(3) .feature-content,.feature-card:nth-child(4) .feature-content{padding:30px 24px}.feature-title{font-size:28px}.feature-text{font-size:15px}.cta-card{padding:40px 24px}.cta-title{font-size:36px}.cta-subtitle{font-size:18px}.footer{margin-top:60px;padding:60px 0 30px}.footer-content{grid-template-columns:1fr;gap:40px;margin-bottom:40px}.footer-links{grid-template-columns:repeat(2,1fr);gap:30px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}.footer-right{flex-direction:column;align-items:flex-start;gap:16px;width:100%}.footer-controls{justify-content:flex-start;width:100%}}@media (max-width:480px){.section-spacing,.cta-final{padding:50px 0}.container{padding:0 16px}.hero-grid{box-sizing:border-box;width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)!important}.comparison-wrapper{width:100%}.comparison-divider:before{max-width:50%}.navbar{padding:12px 0}.hero-text{box-sizing:border-box;overflow:hidden;width:100%!important;min-width:0!important;max-width:100%!important}.hero-section{padding:100px 0 60px}.hero-visual{min-width:500px;min-height:400px;overflow:visible}.sandbox-container{width:500px;height:500px;margin-top:-250px;margin-left:-250px;left:25%}.hero-title{box-sizing:border-box;width:100%;max-width:100%;font-size:28px}.hero-description{box-sizing:border-box;width:100%;max-width:100%}.hero-buttons{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;width:100%!important;max-width:100%!important}.hero-buttons button,.hero-buttons .btn-primary-large,.hero-buttons .btn-secondary-large{box-sizing:border-box;padding:10px 12px;font-size:16px;width:100%!important;min-width:0!important;max-width:100%!important}.section-title{font-size:28px}.section-description{font-size:15px}.cube-wrapper{width:200px;height:200px}.cube{width:200px;height:200px;transform:translateZ(-100px)}.cube-face{width:200px;height:200px}.cube-front{transform:rotateY(0)translateZ(100px)}.cube-back{transform:rotateY(180deg)translateZ(100px)}.cube-right{transform:rotateY(90deg)translateZ(100px)}.cube-left{transform:rotateY(-90deg)translateZ(100px)}.cube-top{transform:rotateX(90deg)translateZ(100px)}.cube-bottom{transform:rotateX(-90deg)translateZ(100px)}.old-tools-grid{grid-template-columns:1fr;gap:20px;padding:0 16px}.comparison-content{width:100%;max-width:100%;height:auto;min-height:180px}.comparison-left{padding:24px 0}.comparison-divider:before{width:min(80px,30%)}.comparison-right{padding:24px 16px}.vm0-logo-large img{height:40px}.cli-tools-row{grid-template-columns:1fr}.cli-tool-item{padding:24px 16px}.use-case-item,.infra-item{padding:24px 20px}.infra-title{font-size:24px}.infra-desc{font-size:16px}.feature-card{gap:30px;padding:30px 20px}.feature-card:first-child,.feature-card:nth-child(2),.feature-card:nth-child(3),.feature-card:nth-child(4){min-height:300px}.feature-card:first-child .feature-content,.feature-card:nth-child(2) .feature-content,.feature-card:nth-child(3) .feature-content,.feature-card:nth-child(4) .feature-content{padding:24px 20px}.feature-title{font-size:24px}.feature-text{font-size:14px}.cta-card{padding:30px 20px}.cta-title{font-size:28px}.cta-subtitle{font-size:16px}.cta-ellipse{width:500px;height:500px}.footer{margin-top:50px;padding:50px 0 24px}.footer-content{gap:30px;margin-bottom:30px}.footer-links{grid-template-columns:1fr;gap:24px}.footer-tagline{max-width:100%}}@media (max-width:360px){.hero-buttons{width:100%!important;max-width:100%!important}.hero-buttons button,.hero-buttons .btn-primary-large,.hero-buttons .btn-secondary-large{box-sizing:border-box;padding:8px 10px;font-size:14px;width:100%!important;min-width:0!important;max-width:100%!important}}.navbar-edge-controls{z-index:100;align-items:center;gap:8px;display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.language-switcher{display:inline-block;position:relative}.language-switcher-button{border:1px solid var(--border-lighter);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.language-switcher-button:hover{background:var(--card-hover-bg);color:var(--accent-color);border-color:var(--accent-color)}.language-switcher-dropdown{background:var(--card-bg);border:1px solid var(--border-light);z-index:1000;border-radius:12px;min-width:160px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #0006}.language-switcher-dropdown.dropdown-up{animation:.2s fadeIn;top:auto;bottom:calc(100% + 8px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-switcher-option{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:400;transition:all .2s;display:flex}.language-switcher-option:hover{background:var(--card-hover-bg);color:var(--accent-color)}.language-switcher-option.active{color:var(--accent-color);font-weight:500}.language-switcher-option.active svg{flex-shrink:0}[data-theme=light] .language-switcher-dropdown{background:#fff;box-shadow:0 8px 32px #00000026}@media (max-width:768px){.navbar-edge-controls{gap:6px;right:16px}.language-switcher-button,.theme-toggle{width:32px;height:32px}.language-switcher-button svg,.theme-toggle svg{width:16px;height:16px}.language-switcher-dropdown,.language-switcher-dropdown.dropdown-up{width:max-content;min-width:auto;max-width:calc(100vw - 32px);right:0}.language-switcher-option{padding:8px 10px;font-size:13px}}
:root{--primary-light:#ed4e011a;--card-bg:#222;--border-light:#ffffff1a;--text-secondary:#fffc;--text-primary:#fff;--text-muted:#d5d5d5;--accent-color:#ed4e01;--bg-primary:#0a0a0a}[data-theme=light]{--primary-light:#ed4e011a;--card-bg:#fff;--border-light:#c8966433;--text-secondary:#000000b3;--text-primary:#1a1a1a;--text-muted:#4a4a4a;--accent-color:#ed4e01;--bg-primary:#fffbf7}.blog-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.blog-card{background:var(--card-bg);z-index:1;border:1px solid var(--border-light);border-radius:16px;flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden}.blog-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000059}[data-theme=light] .blog-card:hover{box-shadow:0 20px 60px #0000001a}.blog-card-cover{width:100%;height:200px;position:relative;overflow:hidden}.blog-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-card-cover img{transform:scale(1.05)}.blog-card-cover:after{content:"";background:linear-gradient(#0000 0%,#0000001a 100%);position:absolute;inset:0}.blog-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.blog-card-meta{align-items:center;gap:12px;margin-bottom:12px;display:flex}.blog-card-category{color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:600}.blog-card-date{color:var(--text-muted);font-family:Noto Sans,sans-serif;font-size:12px}.blog-card-title{color:var(--text-primary);margin-bottom:12px;font-family:Noto Sans,sans-serif;font-size:22px;font-weight:600;line-height:1.3;transition:color .2s}.blog-card:hover .blog-card-title{color:var(--accent-color)}.blog-card-excerpt{color:var(--text-secondary);flex:1;margin-bottom:20px;font-family:Noto Sans,sans-serif;font-size:14px;line-height:1.6}.blog-card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.blog-card-author{align-items:center;gap:10px;display:flex}.blog-card-avatar{background:linear-gradient(135deg,var(--accent-color)0%,#ff6a1f 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:600;display:flex}.blog-card-author-name{color:var(--text-secondary);font-family:Noto Sans,sans-serif;font-size:13px}.blog-card-read-more{color:var(--accent-color);align-items:center;gap:6px;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:500;display:inline-flex}.blog-card-read-more svg{width:16px;height:16px;transition:transform .2s}.blog-card:hover .blog-card-read-more svg{transform:translate(4px)}.featured-post{background:var(--card-bg);border:1px solid var(--border-light);z-index:1;border-radius:10px;grid-template-columns:1fr 1fr;gap:0;margin-bottom:60px;transition:transform .3s,box-shadow .3s;display:grid;position:relative;overflow:hidden}.featured-post:hover{transform:translateY(-5px);box-shadow:0 20px 60px #00000059}[data-theme=light] .featured-post:hover{box-shadow:0 20px 60px #0000001a}.featured-post-content{background:var(--bg-secondary);border-radius:10px 0 0 10px;flex-direction:column;justify-content:center;padding:50px;display:flex}.featured-badge{background:var(--primary-light);color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;border-radius:4px;align-items:center;gap:6px;width:fit-content;margin-bottom:20px;padding:6px 12px;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.featured-badge svg{width:14px;height:14px}.featured-post-meta{align-items:center;gap:16px;margin-bottom:16px;display:flex}.featured-post-category{color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px;font-family:Noto Sans,sans-serif;font-size:13px;font-weight:600}.featured-post-date{color:var(--text-muted);font-family:Noto Sans,sans-serif;font-size:13px}.featured-post-title{color:var(--text-primary);margin-bottom:24px;font-family:Noto Sans,sans-serif;font-size:32px;font-weight:400;line-height:1.3;transition:color .2s}.featured-post:hover .featured-post-title{color:var(--accent-color)}.featured-post-excerpt{color:var(--text-secondary);font-family:Noto Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.8}.featured-post-visual{background:var(--bg-secondary);border-radius:0 10px 10px 0;justify-content:center;align-items:center;display:flex;overflow:hidden}.featured-post-visual img{object-fit:contain;width:100%;height:auto}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.category-filter{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.category-btn{color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;background:0 0;border-radius:4px;padding:8px 16px;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:400;transition:all .2s}.category-btn:hover,.category-btn.active{color:var(--accent-color);border-color:var(--accent-color);background:var(--primary-light)}.blog-post-header{z-index:1;padding:160px 0 60px;position:relative}.blog-post-back{color:var(--text-secondary);align-items:center;gap:8px;width:fit-content;margin-bottom:32px;font-family:Noto Sans,sans-serif;font-size:14px;transition:color .2s;display:flex}.blog-post-back:hover{color:var(--accent-color)}.blog-post-back svg{width:16px;height:16px}.blog-post-category{color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:600;display:inline-block}.blog-post-title{letter-spacing:-.6px;color:var(--text-primary);margin-bottom:24px;font-family:Noto Sans,sans-serif;font-size:60px;font-weight:400;line-height:1.1}.blog-post-meta{align-items:center;gap:24px;margin-bottom:40px;display:flex}.blog-post-author{align-items:center;gap:12px;display:flex}.blog-post-avatar{background:linear-gradient(135deg,var(--accent-color)0%,#ff6a1f 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-family:Noto Sans,sans-serif;font-size:16px;font-weight:600;display:flex}.blog-post-author-info{flex-direction:column;gap:2px;display:flex}.blog-post-author-name{color:var(--text-primary);font-family:Noto Sans,sans-serif;font-size:15px;font-weight:600}.blog-post-date{color:var(--text-muted);font-family:Noto Sans,sans-serif;font-size:13px}.blog-post-read-time{color:var(--text-muted);align-items:center;gap:6px;font-family:Noto Sans,sans-serif;font-size:14px;display:flex}.blog-post-read-time svg{width:16px;height:16px}.blog-post-content{z-index:1;padding-bottom:80px;position:relative}.blog-post-content h2{letter-spacing:-.3px;color:var(--text-primary);margin:48px 0 20px;font-family:Noto Sans,sans-serif;font-size:30px;font-weight:400;line-height:1.1}.blog-post-content h3{letter-spacing:-.22px;color:var(--text-primary);margin:36px 0 16px;font-family:Noto Sans,sans-serif;font-size:22px;font-weight:400;line-height:1.1}.blog-post-content p{color:var(--text-secondary);margin-bottom:24px;font-family:Noto Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.8}.blog-post-content a{color:var(--accent-color);text-underline-offset:3px;text-decoration:underline;transition:opacity .2s}.blog-post-content a:hover{opacity:.8}.blog-post-content ul,.blog-post-content ol{margin:24px 0;padding-left:24px}.blog-post-content ul{list-style-type:disc;list-style-position:outside}.blog-post-content ol{list-style-type:decimal;list-style-position:outside}.blog-post-content li{color:var(--text-secondary);margin-bottom:12px;padding-left:8px;font-family:Noto Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.8}.blog-post-content code{background:var(--code-input-bg);color:var(--accent-color);border:1px solid var(--code-input-border);border-radius:4px;padding:2px 8px;font-family:Fira Mono,monospace;font-size:14px}.blog-post-content pre{background:var(--code-input-bg);border:1px solid var(--code-input-border);border-radius:6px;margin:32px 0;padding:20px 24px;overflow-x:auto}.blog-post-content pre code{color:var(--text-secondary);background:0 0;border:none;padding:0;font-family:Fira Mono,monospace;font-size:14px;line-height:1.6}.blog-post-content blockquote{border-left:4px solid var(--accent-color);margin:32px 0;padding-left:24px}.blog-post-content blockquote p{font-size:18px;font-style:italic}.blog-post-content hr{background:var(--border-light);border:none;height:1px;margin:48px 0}.blog-post-content strong{color:var(--text-primary);font-weight:600}.blog-post-content table{border-collapse:collapse;width:100%;margin:32px 0;font-size:14px}.blog-post-content th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.blog-post-content td{color:var(--text-secondary)}.blog-post-content tr:hover td{background:var(--card-hover-bg)}.blog-post-content img{border-radius:8px;max-width:100%;height:auto;margin:32px 0}.blog-post-content input[type=checkbox]{accent-color:var(--accent-color);margin-right:8px}.blog-post-content del{color:var(--text-muted)}.blog-post-content .footnotes{border-top:1px solid var(--border-light);margin-top:48px;padding-top:24px;font-size:14px}.blog-post-content .footnotes ol{padding-left:20px}.blog-post-content .footnotes li{margin-bottom:8px}.blog-post-share{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);justify-content:center;align-items:center;gap:16px;margin-top:60px;padding:40px 0;display:flex}.share-label{color:var(--text-muted);font-family:Noto Sans,sans-serif;font-size:14px}.share-btn{background:var(--bg-secondary);border:1px solid var(--border-light);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.share-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.share-btn svg{width:18px;height:18px}.container-narrow{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding:0 30px}@media (max-width:1024px){.featured-post{grid-template-columns:1fr;height:auto}.featured-post-content{border-radius:10px 10px 0 0;padding:40px}.featured-post-visual{border-radius:0 0 10px 10px}.featured-post-title{font-size:28px}}@media (max-width:900px){.blog-grid{grid-template-columns:1fr}}@media (max-width:768px){.featured-post-content{padding:30px}.featured-post-title{font-size:24px}.featured-post-excerpt{font-size:14px}.blog-post-header{padding:120px 0 40px}.blog-post-title{font-size:36px}.blog-post-meta{flex-direction:column;align-items:flex-start;gap:16px}.blog-post-content h2{font-size:24px}.blog-post-content h3{font-size:20px}.container-narrow{padding:0 24px}}@media (max-width:480px){.featured-post-content{padding:24px}.featured-post-title{font-size:20px}.blog-card-body{padding:16px}.blog-card-title{font-size:18px}.blog-post-title{font-size:28px}.container-narrow{padding:0 16px}}.blog-post-content pre{border:1px solid #ffffff1a;border-radius:12px;margin:24px 0;padding:20px;overflow-x:auto;background:#0d1117!important}.blog-post-content pre code{padding:0;font-family:Fira Code,Fira Mono,monospace;font-size:14px;line-height:1.6;background:0 0!important}.blog-post-content code{color:var(--accent);background:#ff8c4d26;border-radius:4px;padding:2px 6px;font-family:Fira Code,Fira Mono,monospace;font-size:.9em}.blog-post-content pre code{color:#e6edf3}.hljs-comment,.hljs-quote{color:#8b949e}.hljs-keyword,.hljs-selector-tag,.hljs-addition{color:#ff7b72}.hljs-number,.hljs-string,.hljs-meta .hljs-meta-string,.hljs-literal,.hljs-doctag,.hljs-regexp{color:#a5d6ff}.hljs-title,.hljs-section,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#d2a8ff}.hljs-attribute,.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-class .hljs-title,.hljs-type{color:#7ee787}.hljs-symbol,.hljs-bullet,.hljs-subst,.hljs-meta,.hljs-meta .hljs-keyword,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-link{color:#ffa657}.hljs-built_in,.hljs-deletion{color:#ffa198}.hljs-formula{background:#161b22}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}[data-theme=light] .blog-post-content pre{border:1px solid #d0d7de;background:#f6f8fa!important}[data-theme=light] .blog-post-content code{color:#cf222e;background:#afb8c133}[data-theme=light] .blog-post-content pre code{color:#24292f}[data-theme=light] .hljs-comment,[data-theme=light] .hljs-quote{color:#6e7781}[data-theme=light] .hljs-keyword,[data-theme=light] .hljs-selector-tag,[data-theme=light] .hljs-addition{color:#cf222e}[data-theme=light] .hljs-number,[data-theme=light] .hljs-string,[data-theme=light] .hljs-meta .hljs-meta-string,[data-theme=light] .hljs-literal,[data-theme=light] .hljs-doctag,[data-theme=light] .hljs-regexp{color:#0a3069}[data-theme=light] .hljs-title,[data-theme=light] .hljs-section,[data-theme=light] .hljs-name,[data-theme=light] .hljs-selector-id,[data-theme=light] .hljs-selector-class{color:#8250df}[data-theme=light] .hljs-attribute,[data-theme=light] .hljs-attr,[data-theme=light] .hljs-variable,[data-theme=light] .hljs-template-variable,[data-theme=light] .hljs-class .hljs-title,[data-theme=light] .hljs-type{color:#116329}[data-theme=light] .hljs-symbol,[data-theme=light] .hljs-bullet,[data-theme=light] .hljs-subst,[data-theme=light] .hljs-meta,[data-theme=light] .hljs-meta .hljs-keyword,[data-theme=light] .hljs-selector-attr,[data-theme=light] .hljs-selector-pseudo,[data-theme=light] .hljs-link{color:#953800}[data-theme=light] .hljs-built_in,[data-theme=light] .hljs-deletion{color:#82071e}[data-theme=light] .hljs-formula{background:#f6f8fa}.blog-post-content blockquote{border-left:4px solid var(--accent);background:#ff8c4d0d;border-radius:0 12px 12px 0;margin:24px 0;padding:16px 24px;font-style:italic}.blog-post-content blockquote p{margin:0}.blog-post-content table{border-collapse:collapse;width:100%;margin:24px 0}.blog-post-content th,.blog-post-content td{border:1px solid var(--border-light);text-align:left;padding:12px 16px}.blog-post-content th{background:#ff8c4d1a;font-weight:600}.blog-post-content tr:nth-child(2n){background:#ffffff05}[data-theme=light] .blog-post-content tr:nth-child(2n){background:#00000005}
/*# sourceMappingURL=d9e4c7d1aa8c6628.css.map*/