@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.MOT0tq_className{font-family:Inter,Inter Fallback;font-style:normal}.MOT0tq_variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.2f7nqdagzwx2-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.176arc174-8zp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.0bp8oijd_gu96.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.1fby2rem9ngyr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.0vfdmo25voy_0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}._5Hl15a_className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}._5Hl15a_variable{--font-jetbrains-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root,[data-theme=light]{--surface-0:#f8f9fc;--surface-1:#fff;--surface-2:#f1f3f7;--surface-3:#e8ebf2;--surface-alt:#eff2f7;--surface-card:#fff;--surface-dark:#111215;--surface-dark-card:#1c1d22;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-dim:#94a3b8;--text-dark-primary:#fafafa;--text-dark-secondary:#e4e4e7;--text-dark-muted:#a1a1aa;--border-subtle:#e2e8f0;--border-default:#cbd5e1;--border-strong:#94a3b8;--border-dark:#334155;--brand-primary:#3b66de;--brand-hover:#2952c8;--brand-subtle:#3b66de14;--accent:#3b66de;--accent-hover:#2952c8;--accent-subtle:#3b66de14;--accent-border:#3b66de47;--accent-text:#2554d7;--green:#15803d;--green-bg:#15803d12;--green-border:#15803d38;--red:#b91c1c;--red-bg:#b91c1c12;--red-border:#b91c1c38;--amber:#b45309;--amber-bg:#b4530912;--amber-border:#b4530938;--purple:#4338ca;--purple-bg:#4338ca12;--purple-border:#4338ca38;--cyan:var(--accent);--cyan-bg:var(--accent-subtle);--cyan-border:var(--accent-border);--skill-diagram-line:#64748b;--project-fade-gradient:linear-gradient(to bottom, #eff2f700 0%, #eff2f799 35%, #eff2f7f2 75%, var(--surface-alt) 100%);--project-btn-shadow:0 6px 20px #0f172a26;--font-sans:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:var(--font-jetbrains-mono), "Fira Code", monospace;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-full:9999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--ease-smooth:cubic-bezier(.16, 1, .3, 1);--transition:.2s var(--ease-smooth)}[data-theme=dark]{--surface-0:#18181b;--surface-1:#27272a;--surface-2:#202023;--surface-3:#2c2c31;--surface-alt:#141416;--surface-card:#27272a;--border-subtle:#2e2e33;--border-default:#3f3f46;--border-strong:#52525b;--text-primary:#fafafa;--text-secondary:#e4e4e7;--text-muted:#a1a1aa;--text-dim:#71717a;--brand-primary:#6b8cf0;--brand-hover:#829df2;--brand-subtle:#6b8cf026;--accent:#6b8cf0;--accent-hover:#829df2;--accent-subtle:#6b8cf026;--accent-border:#6b8cf059;--accent-text:#6b8cf0;--green:#4ade80;--green-bg:#4ade8014;--green-border:#4ade8038;--red:#f87171;--red-bg:#f8717114;--red-border:#f8717138;--amber:#fbbf24;--amber-bg:#fbbf2414;--amber-border:#fbbf2438;--purple:#818cf8;--purple-bg:#818cf814;--purple-border:#818cf838;--cyan:var(--accent);--cyan-bg:var(--accent-subtle);--cyan-border:var(--accent-border);--skill-diagram-line:#8e8e99;--project-fade-gradient:linear-gradient(to bottom, #14141600 0%, #14141673 35%, #141416f0 75%, var(--surface-alt) 100%);--project-btn-shadow:0 6px 24px #00000080}.faq-content-wrapper{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1),opacity .25s;display:grid}.faq-content-wrapper.open{opacity:1;grid-template-rows:1fr}.faq-content-inner{overflow:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%;scroll-padding-top:72px}[id]{scroll-margin-top:72px}#hero{scroll-margin-top:0!important}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--surface-0);min-height:100vh;color:var(--text-primary);transition:background-color var(--transition), color var(--transition);font-size:15px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}code,pre{font-family:var(--font-mono);-webkit-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.015em;color:var(--text-primary);font-weight:500;line-height:1.3}h1{font-size:clamp(1.6rem,2.4vw,2.1rem)}h2{font-size:clamp(1.3rem,2vw,1.65rem)}h3{font-size:1.05rem}h4{font-size:.95rem}.highlight-text{color:var(--accent);font-weight:600}.heading-shine{display:inline-block;background:linear-gradient(160deg,#0f172a 0%,#1e293b 30%,#334155 65%,#64748b 100%)!important;-webkit-text-fill-color:transparent!important;letter-spacing:-.03em!important;-webkit-background-clip:text!important;background-clip:text!important;font-weight:700!important}[data-theme=dark] .heading-shine{background:linear-gradient(160deg,#fff 0%,#f8f8f8 25%,#c8c8d0 55%,#8e8e9a 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.container{max-width:1200px;padding:0 var(--sp-6);margin:0 auto}.container-fluid{width:100%;padding:0 clamp(1.25rem,4vw,3.5rem)}.btn{align-items:center;gap:var(--sp-2);border-radius:var(--r-sm);font-family:var(--font-sans);cursor:pointer;transition:background-color var(--transition), border-color var(--transition), color var(--transition);white-space:nowrap;border:1px solid #0000;outline:none;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:inline-flex}.btn-primary,.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover,.btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--surface-1);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--accent-border);color:var(--accent)}.btn-ghost{color:var(--text-secondary);border-color:var(--border-subtle);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-default)}.card,.glass-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--r-md);transition:border-color var(--transition)}.card:hover,.glass-card:hover{border-color:var(--border-strong)}.card-interactive{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--r-md);transition:border-color var(--transition), background-color var(--transition)}.card-interactive:hover{border-color:var(--accent)}.project-card-split{background:var(--surface-1);border:1px solid var(--border-default);cursor:pointer;border-radius:16px;grid-template-columns:200px 1fr;min-height:230px;transition:all .25s cubic-bezier(.16,1,.3,1);display:grid;overflow:hidden}.project-card-split:hover{background:var(--surface-2);border-color:var(--border-strong);transform:translateY(-2px)}@media (max-width:960px){.qb-projects-grid{grid-template-columns:1fr!important}}@media (max-width:600px){.project-card-split{grid-template-columns:1fr}.project-card-visual{border-bottom:1px solid var(--border-subtle);min-height:140px;border-right:none!important;width:100%!important}}.badge{letter-spacing:.015em;border:1px solid var(--border-default);background:var(--surface-2);color:var(--text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:all var(--transition);border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.69rem;font-weight:600;line-height:1.25;display:inline-flex}.badge-pill{border-radius:var(--r-full);padding:3px 9px}.badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.badge-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.badge-subtle{border-color:var(--border-default);color:var(--text-primary);background:0 0}.badge-success{color:#fff;background:#10b981;border-color:#10b981}.badge-warning{color:#0f172a;background:#f59e0b;border-color:#f59e0b;font-weight:700}.badge-purple{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.badge-cyan{color:#fff;background:#06b6d4;border-color:#06b6d4}.badge-danger{color:#fff;background:#ef4444;border-color:#ef4444}.eyebrow{letter-spacing:.01em;color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--r-full);background:0 0;align-items:center;gap:6px;padding:4px 12px;font-size:.76rem;font-weight:600;display:inline-flex}.code-editor{border-radius:var(--r-lg);background:#18181b;border:1px solid #3f3f46;overflow:hidden}.reveal-on-scroll{opacity:1;transform:none}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-0)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.faq-body{max-height:0;transition:max-height .3s var(--ease-smooth);overflow:hidden}.faq-body.open{max-height:400px}.workspace-main-container{height:520px;max-height:540px}.workspace-mobile-toggle{display:none!important}.workspace-doc-tabs{scrollbar-width:none;-ms-overflow-style:none}.workspace-doc-tabs::-webkit-scrollbar{display:none}@media (max-width:960px){.desktop-nav,.nav-desktop-btn{display:none!important}.mobile-nav-toggle{display:inline-flex!important}.status-badge{display:none!important}.workspace-main-container{height:auto!important;min-height:auto!important;max-height:none!important}.workspace-mobile-toggle{background:var(--surface-3)!important;border-radius:var(--r-sm)!important;gap:4px!important;width:100%!important;margin-top:8px!important;padding:3px!important;display:flex!important}.workspace-mobile-toggle .workspace-tab-btn{color:var(--text-muted);text-align:center;white-space:nowrap;background:0 0;font-weight:500;transition:all .15s;cursor:pointer!important;border:none!important;border-radius:4px!important;flex:1!important;padding:7px 12px!important;font-size:.78rem!important}.workspace-mobile-toggle .workspace-tab-btn.active{box-shadow:0 1px 3px #0003;background:var(--surface-1)!important;color:var(--accent)!important;font-weight:600!important}.workspace-columns-wrap{flex-direction:column!important;grid-template-columns:1fr!important;height:auto!important;min-height:auto!important;display:flex!important}.workspace-col-doc{border-right:none!important;border-bottom:1px solid var(--border-subtle)!important;display:none!important}.workspace-col-code{display:none!important}.workspace-col-doc.active-mobile{width:100%!important;height:auto!important;min-height:320px!important;max-height:480px!important;display:flex!important}.workspace-col-code.active-mobile{width:100%!important;height:auto!important;min-height:auto!important;display:flex!important}.workspace-code-container{-webkit-overflow-scrolling:touch!important;min-height:200px!important;max-height:300px!important;overflow:auto!important}.workspace-code-table{font-size:.74rem!important;line-height:1.58!important}.workspace-line-num{width:32px!important;min-width:32px!important;padding-left:6px!important;padding-right:8px!important;font-size:.7rem!important}.workspace-line-content{padding-left:8px!important;padding-right:14px!important}.workspace-terminal-drawer{z-index:10!important;width:100%!important;height:auto!important;max-height:none!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important}.workspace-terminal-body{max-height:180px!important;overflow-y:auto!important}.workspace-doc-tabs button{padding:8px 12px!important;font-size:.76rem!important}.desktop-roadmap-svg,.roadmap-node-dot{display:none!important}.roadmap-flex-wrap{flex-direction:column!important;align-items:stretch!important;gap:16px!important;min-height:auto!important}.roadmap-hub-center{order:1!important;width:100%!important;max-width:440px!important;margin:0 auto!important}.roadmap-col-node{order:2!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))!important;gap:10px!important;width:100%!important;display:grid!important}.roadmap-node-label{white-space:normal!important;text-overflow:clip!important;font-size:.78rem!important;line-height:1.3!important;overflow:visible!important}.skill-node-btn{height:auto!important;min-height:48px!important;padding:8px 10px!important}.footer-links-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px 16px!important;display:grid!important}.footer-brand-col{width:100%!important;max-width:100%!important}.footer-columns-wrapper{gap:20px!important}}@media (max-width:768px){.container,.container-fluid{padding:0 16px!important}h1{font-size:clamp(1.6rem,7vw,2.2rem)!important}h2{font-size:clamp(1.35rem,5.5vw,1.8rem)!important}.mobile-hide{display:none!important}.mobile-full-width{width:100%!important}.mobile-stack{flex-direction:column!important;align-items:stretch!important}.hero-cta-buttons{flex-wrap:nowrap!important;gap:8px!important;width:100%!important;display:flex!important}.hero-cta-buttons a,.hero-cta-buttons button{white-space:nowrap!important;text-align:center!important;flex:50%!important;justify-content:center!important;padding:10px 8px!important;font-size:.76rem!important}.hero-ide-grid{grid-template-columns:1fr!important;min-height:auto!important}.hero-code-pane{border-bottom:1px solid #2e2c2a!important;border-right:none!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:hidden!important}.hero-result-pane{height:auto!important;min-height:240px!important}.evaluator-code-box{height:240px!important;min-height:240px!important;max-height:240px!important;padding-left:28px!important;overflow-x:hidden!important}.evaluator-pre-scroll{overflow-x:hidden!important}.evaluator-pre-scroll pre{white-space:pre-wrap!important;word-break:break-word!important;font-size:.64rem!important;line-height:1.48!important;overflow-x:hidden!important}.project-card-split{flex-direction:column!important}.project-card-thumb-wrap{border-right:none!important;border-bottom:1px solid var(--border-subtle)!important;width:100%!important;min-width:100%!important;height:175px!important}.project-card-body{padding:16px 18px!important}.footer-cta-banner{padding:24px 0!important}.footer-main-container{padding:20px 16px 16px!important}.footer-columns-wrapper{gap:16px!important}.footer-links-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px 12px!important;display:grid!important}.footer-bottom-bar{gap:8px!important;margin-top:14px!important;padding-top:12px!important}}.qb-filter-pills-row{flex-wrap:wrap!important;gap:8px!important;display:flex!important;overflow-x:hidden!important}@media (max-width:640px){.qb-filter-pills-row{white-space:normal!important;flex-wrap:wrap!important;gap:6px!important;padding-bottom:0!important;overflow-x:hidden!important}.qb-filter-pills-row button{flex-shrink:1!important;padding:5px 12px!important;font-size:.75rem!important}}@media (max-width:480px){.container,.container-fluid{padding:0 12px!important}.nav-desktop-btn{display:none!important}.workspace-header-bar{padding:6px 12px!important}.workspace-mobile-toggle .workspace-tab-btn{padding:6px 8px!important;font-size:.74rem!important}.workspace-doc-tabs button{padding:7px 10px!important;font-size:.74rem!important}.workspace-code-container{max-height:260px!important}.workspace-code-table{font-size:.7rem!important;line-height:1.54!important}.workspace-line-num{width:28px!important;min-width:28px!important;padding-left:4px!important;padding-right:6px!important;font-size:.67rem!important}.workspace-line-content{padding-left:6px!important;padding-right:10px!important}.footer-cta-banner{padding:18px 0!important}.footer-main-container{padding:16px 12px 12px!important}.footer-columns-wrapper{gap:12px!important}.footer-links-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px 10px!important;display:grid!important}.footer-bottom-bar{margin-top:12px!important;padding-top:10px!important}}.qb-container-grid{grid-template-columns:200px 1fr;align-items:start;gap:32px;display:grid}.qb-topics-list{flex-direction:column;gap:4px;display:flex}.qb-topic-item{color:var(--text-muted);cursor:pointer;text-align:left;font-size:.84rem;font-weight:400;font-family:var(--font-sans);transition:color var(--transition), border-color var(--transition);background:0 0;border:none;border-left:2px solid #0000;align-items:center;padding:6px 12px;display:flex}.qb-topic-item:hover{color:var(--text-primary)}.qb-topic-item.active{color:var(--text-primary);border-left:2px solid #fff;font-weight:600}[data-theme=light] .qb-topic-item.active{border-left:2px solid var(--accent);color:var(--accent)}@media (max-width:860px){.qb-container-grid{grid-template-columns:1fr!important;gap:18px!important}.qb-topics-list{-webkit-overflow-scrolling:touch;white-space:nowrap!important;border-bottom:1px solid var(--border-subtle)!important;flex-direction:row!important;gap:6px!important;padding-bottom:8px!important;overflow-x:auto!important}.qb-topic-item{border-bottom:2px solid #0000!important;border-left:none!important;flex-shrink:0!important;padding:6px 14px!important}.qb-topic-item.active{border-bottom:2px solid #fff!important;border-left:none!important}[data-theme=light] .qb-topic-item.active{border-bottom:2px solid var(--accent)!important;border-left:none!important}}.qb-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;display:grid!important}.project-card-split{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--r-lg);cursor:pointer;flex-direction:row;min-height:195px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;position:relative;overflow:hidden;display:flex!important}.project-card-split:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 12px 30px -4px #00000040}.project-card-split:hover .qb-blueprint-cta{transform:translate(4px)}.project-card-thumb-wrap{background:var(--surface-2);border-right:1px solid var(--border-subtle);justify-content:center;align-items:center;width:200px;min-width:200px;display:flex;position:relative;overflow:hidden}.project-card-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.project-card-split:hover .project-card-thumb-img{transform:scale(1.05)}.project-card-body{background:var(--surface-1);flex-direction:column;flex:1;justify-content:space-between;min-width:0;padding:22px 24px 20px;display:flex}@media (max-width:860px){.qb-projects-grid{grid-template-columns:1fr!important}}@keyframes cursorRipple{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.6)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes submitPulse{0%,to{box-shadow:0 0 #3b66de80}50%{box-shadow:0 0 0 7px #3b66de00}}.hero-layout-grid{gap:clamp(1.5rem, 4vw, var(--sp-10));grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:center;display:grid}@media (min-width:1024px){.hero-layout-grid{gap:clamp(2rem, 4vw, var(--sp-12));grid-template-columns:minmax(360px,.95fr) minmax(560px,1.4fr)}}.hero-ide-grid{grid-template-columns:minmax(0,1.48fr) minmax(0,1fr);min-height:auto;display:grid}@media (max-width:768px){.hero-ide-grid{grid-template-columns:1fr;min-height:auto}}.hero-code-pane{font-family:var(--font-mono);color:#f4f4f5;-webkit-user-select:none;user-select:none;background:#171615;border-right:1px solid #2e2c2a;gap:12px;height:auto;min-height:380px;padding:18px 18px 18px 12px;font-size:.84rem;line-height:1.65;display:flex;overflow:hidden!important}@media (max-width:768px){.hero-code-pane{height:auto!important;min-height:auto!important;max-height:none!important;font-size:.75rem!important;overflow:hidden!important}}.hero-result-pane{background:#11100f;flex-direction:column;justify-content:space-between;height:auto;min-height:380px;padding:24px 20px;display:flex}@media (max-width:768px){.hero-result-pane{height:auto;min-height:280px;padding:18px 16px}}