.home-nav{border-bottom:1px solid var(--gray-main);z-index:9;background-color:var(--bg-main);justify-content:space-between;width:100%;height:auto;padding:12px 15rem;display:flex;position:sticky;top:0}.home-nav-logo,.home-nav-btns{min-width:30%;display:flex}.home-nav-logo img{aspect-ratio:3.78;width:auto;height:45px}.home-nav-list{justify-content:center;align-items:center;gap:2.2rem;min-width:40%;height:auto;list-style:none;display:flex}.home-nav-list a{color:var(--gray-secondary);font-size:15px;text-decoration:none;transition:all .2s ease-in-out}.home-nav-list a:hover{color:var(--text-main);transition:all .2s ease-in}.home-nav-btns,.home-nav-btns-auth{justify-content:flex-end;align-items:center;gap:8px;display:flex}.home-nav-btns-auth{gap:12px}.home-nav-btns a,.home-nav-btns button{border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:9px 22px;font-size:15px;text-decoration:none;transition:all .2s ease-in-out;display:flex}.home-nav-btns button{background-color:var(--bg-main);color:var(--gray-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;gap:5px;padding:8px 10px;transition:all .2s ease-in-out}.home-nav-btns button:hover,.home-nav-login-btn:hover{background-color:var(--seagreen-dark);color:var(--text-main);transition:all .2s ease-in}.home-nav-btns button svg,.home-nav-dashboard-btn svg,.home-banner-txt-btns a svg{width:18px;height:18px}.home-nav-dashboard-btn{color:var(--text-main)}.home-nav-login-btn{color:var(--seagreen-main)}.home-nav-dashboard-btn{background-color:var(--seagreen-dark);opacity:1;transition:all .15s ease-in-out}.home-nav-dashboard-btn:hover{opacity:.8;transition:all .15s ease-in}.home-nav-register-btn{color:var(--bg-main);background-color:var(--seagreen-main);font-weight:600;transition:all .15s ease-in-out}.home-nav-register-btn:hover,.home-banner-txt-btns a:hover{filter:drop-shadow(0 2px 12px var(--seagreen-dark));transition:all .15s ease-in;transform:scale(1.05)}.home-banner{justify-content:space-between;align-items:center;width:100%;height:auto;padding:12rem 15rem;display:flex}.home-banner-txt,.home-banner-editor{width:50%;height:auto;display:flex}.home-banner-txt{flex-direction:column}.home-banner-txt h1{width:90%;color:var(--text-main);letter-spacing:2px;text-transform:capitalize;font-size:3.8rem;font-weight:600}.home-banner-txt h2{width:90%;color:var(--seagreen-main);letter-spacing:2px;font-size:3.8rem;font-weight:700;line-height:1.15}.home-banner-txt p{width:90%;color:var(--gray-secondary);margin-top:10px;font-size:1.2rem;font-weight:400;line-height:30px}.home-banner-txt-btns{gap:1rem;width:auto;height:auto;margin-top:1.5rem;display:flex}.home-banner-txt-btns a{text-align:center;border-radius:5px;align-items:center;gap:7px;width:auto;height:auto;padding:10px 1.5rem;font-size:15px;font-weight:600;text-decoration:none;transition:all .15s ease-in-out;display:flex}.home-banner-txt-btns-register{color:var(--bg-main);background-color:var(--seagreen-main)}.home-banner-txt-btns-login{color:var(--text-main);background-color:var(--bg-secondary);border:1px solid var(--gray-main)}.home-banner-editor{justify-content:flex-end;align-items:center;display:flex}.code-window{background:var(--bg-main);border:1px solid var(--gray-main);width:100%;max-width:640px;font-family:var(--font-mono);box-shadow:10px 10px 4rem var(--seagreen-dark);border-radius:10px;overflow:hidden auto}.code-window-bar{background:var(--bg-main);border-bottom:1px solid var(--gray-main);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.code-window-dots{gap:8px;display:flex}.dot{border-radius:50%;width:14px;height:14px;display:inline-block}.dot.red{background:#ff5f57}.dot.yellow{background:#ffbd2e}.dot.green{background:#28c840}.code-window-filename{color:var(--gray-secondary);font-size:15px}.code-window-run{background:var(--seagreen-main);color:var(--bg-main);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-mono);border:none;border-radius:6px;justify-content:center;align-items:center;gap:3px;padding:5px 14px;transition:opacity .2s;display:flex}.code-window-run.running,.code-window-run:disabled{opacity:.5;cursor:not-allowed}.code-window-panels{grid-template-columns:1fr 1fr;height:280px;display:grid}.code-window-editor,.code-window-terminal{flex-direction:column;gap:8px;padding:14px 16px;display:flex;overflow:hidden}.code-window-editor ::-webkit-scrollbar{width:6px;height:6px}.code-window-terminal ::-webkit-scrollbar{width:6px;height:6px}.code-window-editor{border-right:1px solid var(--gray-main);background-color:var(--bg-secondary)}.panel-label{color:var(--gray-secondary);font-size:13px;font-family:var(--font-mono);flex-shrink:0}.terminal-cmd{color:var(--gray-secondary);font-size:13px;font-family:var(--font-mono);margin:0}.terminal-output{color:var(--seagreen-main);font-size:14px;line-height:1.9;font-family:var(--font-mono);flex-direction:column;margin:0;padding:8px 14px;display:flex;overflow:auto}.terminal-line{animation:.1s forwards fadeIn}.cm-scroller::-webkit-scrollbar-track{background:0 0}.cm-scroller::-webkit-scrollbar-thumb{background:var(--gray-main);border-radius:999px}@keyframes fadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.home-diagram,.home-audience{text-align:center;background-color:var(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:auto;padding:5rem 15rem;display:flex}.home-diagram h1,.home-features h1,.home-audience h1{color:var(--text-main);font-size:35px;font-weight:500}.home-diagram h2,.home-features h2,.home-audience h2{color:var(--gray-secondary);font-size:19px;font-weight:300}.home-diagram-cont{justify-content:space-between;align-items:center;width:100%;height:auto;margin-top:4rem;display:flex}.home-diagram-code,.home-diagram-result{background-color:var(--bg-main);border:1px solid var(--gray-main);border-radius:1rem;flex-direction:column;width:380px;padding:1.5rem 1.5rem 1rem;transition:all .25s ease-in-out;display:flex}.home-diagram-code h1,.home-diagram-result h1{color:var(--gray-secondary);margin-bottom:0;font-size:16px;display:flex}.home-diagram-code pre{white-space:pre;font-family:var(--font-mono);color:var(--text-main);text-align:start;background:0 0;border:none;margin:0;font-size:15px;line-height:1.5}.code-keyword{color:#c792ea}.code-string{color:#c3e88d}.home-diagram-ai{flex-direction:column;flex-shrink:0;align-items:center;gap:.75rem;display:flex}.home-diagram-ai-badge{color:var(--seagreen-main);white-space:nowrap;background-color:#07b8630f;border:1px solid #07b86347;border-radius:999px;align-items:center;gap:.5rem;padding:10px 1.5rem;font-size:16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 0 18px #07b8631f,0 10px 35px #00000073}.home-diagram-ai-badge:before{content:"";background:linear-gradient(90deg, transparent, var(--seagreen-main), transparent);height:1px;animation:2.5s ease-in-out infinite shimmer-line;position:absolute;inset:0 0 auto}@keyframes shimmer-line{0%{transform:translate(-100%)}to{transform:translate(100%)}}.home-diagram-ai-arrow{color:var(--seagreen-main);align-items:center;gap:.25rem;display:flex}.home-diagram-ai-arrow svg{stroke-width:2.2px;width:24px;height:24px}.home-diagram-ai-line{background:var(--seagreen-main);width:40px;height:2px;display:inline-block}.home-diagram-result{text-align:start;justify-content:center;gap:1rem;width:450px;padding-bottom:2rem}.home-diagram-result img{align-self:center;width:75%;height:auto}.home-features{grid-template-columns:1fr 1fr;gap:1rem;width:100%;padding:5rem 15rem;display:grid}.home-features-header{text-align:center;flex-direction:column;grid-column:1/-1;gap:10px;margin-bottom:4rem;display:flex}.home-features-card{background-color:var(--bg-secondary);border:1px solid var(--gray-main);border-radius:12px;flex-direction:column;gap:12px;padding:1.75rem;display:flex}.home-features-icon{width:45px;height:45px;color:var(--seagreen-main);background-color:#07b8631f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.home-features-icon svg{width:50%;height:50%}.home-features-card h3{color:var(--text-main);font-size:17px;font-weight:700}.home-features-card p{color:var(--gray-secondary);font-size:14.5px;font-weight:400;line-height:1.5}.home-features-runtime{justify-content:space-between;min-height:260px}.home-features-langs{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.home-features-lang-badge{color:var(--text-main);border:1px solid var(--gray-main);border-radius:999px;padding:5px 1rem;font-size:13px}.home-features-group{flex-direction:column;gap:1rem;display:flex}.home-features-card--wide{width:100%}.home-features-tags-list{flex-wrap:wrap;gap:.5rem;display:flex}.home-features-tag-badge{color:var(--seagreen-main);font-size:.8rem;font-family:var(--font-mono);background-color:#07b8630f;border:1px solid #07b8634d;border-radius:999px;padding:5px 1rem}.home-features-bottom{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.home-audience-tabs{gap:.75rem;margin-top:1.5rem;display:flex}.home-audience-tab{border:1px solid var(--gray-main);color:var(--gray-secondary);cursor:pointer;text-align:center;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 1.5rem;font-size:15px;font-weight:600;transition:all .2s ease-in-out;display:flex}.home-audience-tab svg{width:18px;height:18px}.home-audience-tab:hover{color:var(--text-main);border-color:var(--seagreen-dark);background-color:var(--seagreen-dark)}.home-audience-tab--active{color:var(--seagreen-main);background-color:#07b8630f;border-color:#07b86366}.home-audience-card{background-color:var(--bg-main);border:1px solid var(--gray-main);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:560px;margin-top:2rem;padding:2.5rem 3rem;display:flex}.home-audience-card-icon{color:var(--seagreen-main);margin-bottom:.25rem}.home-audience-card h3{color:var(--text-main);font-size:18px;font-weight:700}.home-audience-card p{color:var(--gray-secondary);font-size:14px;font-weight:400;line-height:1.6}.home-examples{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;padding:5rem 15rem;display:flex}.home-examples h1{color:var(--text-main);font-size:35px;font-weight:500}.home-examples h2{color:var(--gray-secondary);font-size:19px;font-weight:300}.home-examples-grid{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;margin-top:2.5rem;display:grid}.home-examples-card{background-color:var(--bg-secondary);border:1px solid var(--gray-main);text-align:start;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .2s ease-in-out;display:flex}.home-examples-card:hover{border-color:var(--seagreen-dark);transition:all .2s ease-in}.home-examples-card-header{align-items:center;gap:.5rem;display:flex}.home-examples-card-icon{width:28px;height:28px;color:var(--seagreen-main);background-color:#07b8631f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.home-examples-card-tag{color:var(--seagreen-main);font-size:13px;font-family:var(--font-mono)}.home-examples-card h3{color:var(--text-main);font-size:17px;font-weight:700}.home-examples-card p{color:var(--gray-secondary);font-size:14px;font-weight:400}.home-footer{border-top:1px solid var(--gray-main);justify-content:space-between;align-items:center;width:100%;padding:1.25rem 15rem;display:flex}.home-footer-logo{color:var(--text-main);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.home-footer-logo-icon{color:var(--seagreen-main);font-family:var(--font-mono);font-weight:700}.home-footer p{color:var(--gray-secondary);font-size:14px;font-family:var(--font-mono)}.home-footer-logo img{width:auto;height:35px}.home-footer-link{color:var(--seagreen-main);text-decoration:none;transition:all .2s ease-in-out}.home-footer-link:hover{color:var(--seagreen-main);text-decoration:underline;transition:all .2s ease-in}.home-nav-menu-btn{width:50px;height:50px;color:var(--gray-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:none!important}.home-nav-mobile-menu{display:none}@media (width<=1440px){.home-nav,.home-banner,.home-diagram,.home-audience,.home-features,.home-examples,.home-footer{padding-left:6rem;padding-right:6rem}.home-banner-txt h1,.home-banner-txt h2{font-size:3rem}.home-banner-txt p{font-size:1rem;line-height:1.5}.home-banner-txt-btns{margin-top:1.2rem}.home-banner-txt-btns a{font-size:14px}.code-window{max-width:610px}.dot{width:12px;height:12px}.code-window-filename,.terminal-output{font-size:13px}.terminal-output{padding:7px 14px}.code-window-panels{height:270px}.home-banner{padding:8rem 6rem}.home-title{font-size:1.8rem!important}.home-subtitle{font-size:1.1rem!important}}@media (width<=1280px){.home-nav,.home-banner,.home-diagram,.home-audience,.home-features,.home-examples,.home-footer{padding-left:4rem;padding-right:4rem}.home-nav-list{display:none}.home-banner{flex-direction:column;gap:4rem;padding-top:6rem;padding-bottom:6rem}.home-diagram,.home-features,.home-audience,.home-examples{padding-top:4.5rem;padding-bottom:4.5rem}.home-banner-txt,.home-banner-editor{width:100%}.home-banner-txt{text-align:center;justify-content:center;align-items:center}.home-banner-editor{justify-content:center}.home-diagram-cont{flex-direction:column;gap:2rem}.home-diagram-code,.home-diagram-result{width:100%;max-width:480px}.home-diagram-code h1,.home-diagram-result h1{font-size:15px!important}.home-diagram-ai-arrow{margin:1.5rem auto;transform:rotate(90deg)}.home-features{grid-template-columns:1fr}.home-features-runtime{min-height:auto}.home-examples-grid{grid-template-columns:1fr 1fr}.home-nav-menu-btn{width:50px;height:50px;display:flex!important}.home-nav-mobile-menu{background-color:var(--bg-main);z-index:8;border-bottom:1px solid var(--gray-main);width:100%;box-shadow:0 8px 16px -4px var(--seagreen-dark);flex-direction:column;gap:1.5rem;display:flex;position:absolute;top:100%;left:0;padding:auto 4rem 0!important}.home-nav-mobile-list{flex-direction:column;gap:12px;padding:0 1rem;font-size:15px;list-style:none;display:flex}.home-nav-mobile-list a{cursor:pointer;color:var(--text-main);font-size:15px;text-decoration:none;transition:color .2s}.home-nav-mobile-list li:hover{color:var(--text-main)}.home-nav-mobile-auth{gap:.75rem;padding:0 1rem;display:flex}.home-nav-btns-auth{display:none}.home-nav-mobile-auth{gap:2rem}.home-nav-mobile-auth a{border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:9px 1rem;font-size:15px;text-decoration:none;display:flex}.home-nav-mobile-auth .home-nav-login-btn{padding:8px 0}}@media (width<=768px){.home-nav,.home-banner,.home-diagram,.home-audience,.home-features,.home-examples,.home-footer{padding-left:2.5rem;padding-right:2.5rem}.home-banner-txt h1,.home-banner-txt h2{width:95%;font-size:2.8rem}.home-banner-txt p{width:95%;font-size:1rem}.home-diagram h1,.home-features h1,.home-audience h1,.home-examples h1{font-size:26px}.home-diagram h2,.home-features h2,.home-audience h2,.home-examples h2{font-size:16px}.home-audience-tabs{flex-wrap:wrap;justify-content:center}.home-audience-card{padding:1.75rem 1.25rem}.home-features-bottom,.home-examples-grid{grid-template-columns:1fr}.home-footer{text-align:center;flex-direction:column;gap:1rem;padding-top:1.5rem;padding-bottom:1.5rem}.code-window{max-width:90%;height:auto}.code-window-panels{grid-template-columns:1fr;height:auto}.code-window-editor{border-right:none;border-bottom:1px solid var(--gray-main);height:220px}.code-window-terminal{height:160px}}@media (width<=480px){.home-nav,.home-banner,.home-diagram,.home-audience,.home-features,.home-examples,.home-footer{padding-left:1.7rem;padding-right:1.7rem}.code-window-run{padding:7px 8px}.code-window-run svg{stroke-width:3.5px}.code-window-run-label{display:none}.home-banner-txt h1,.home-banner-txt h2,.home-banner-txt p{width:100%}.home-banner-txt h1,.home-banner-txt h2{font-size:2.7rem}.home-banner-txt h2{line-height:1.2}.home-banner-txt-btns{flex-direction:column}.home-banner-txt-btns a{justify-content:center}.home-nav-btns button{display:none}.home-diagram-code,.home-diagram-result{width:100%}.home-audience-tab{padding:8px 1rem;font-size:13px}.home-nav-mobile-menu{padding:1.5rem 1rem}.home-title,.home-subtitle{width:90%!important}}