@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-base:#f4f4f5;--bg-surface:#fff;--bg-surface-hover:#fafafa;--text-main:#09090b;--text-muted:#52525b;--accent:#2563eb;--accent-hover:#1d4ed8;--border:#e4e4e7;--shape-1:#2563eb14;--shape-2:#0ea5e914;--shape-3:#8b5cf614;--code-bg:#09090b;--code-text:#f4f4f5;--header-bg:#fffffff2;--selection-bg:#2563eb;--selection-text:#fff;--token-keyword:#8b5cf6;--token-entity:#2563eb;--token-property:#e11d48;--token-operator:#0891b2}[data-theme=dark]{--bg-base:#09090b;--bg-surface:#18181b;--bg-surface-hover:#27272a;--text-main:#fafafa;--text-muted:#a1a1aa;--accent:#3b82f6;--accent-hover:#60a5fa;--border:#27272a;--shape-1:#3b82f626;--shape-2:#0ea5e91a;--shape-3:#8b5cf61a;--code-bg:#000;--code-text:#fafafa;--header-bg:#09090bf2;--selection-bg:#3b82f6;--selection-text:#fff;--token-keyword:#c678dd;--token-entity:#61afef;--token-property:#e06c75;--token-operator:#56b6c2}*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--selection-bg);color:var(--selection-text)}html{background-color:var(--bg-base);color:var(--text-main);max-width:100%;transition:background-color .3s,color .3s;overflow-x:hidden}body{color:inherit;-webkit-font-smoothing:antialiased;background-color:#0000;max-width:100%;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,.brand-text{letter-spacing:-.04em;margin:0;font-weight:800}a{color:inherit;text-decoration:none}p{color:var(--text-muted)}main{width:100%;margin:0 auto}header{background-color:var(--header-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;width:100%;position:fixed;top:0;left:0}nav{justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.logo{letter-spacing:-.05em;text-transform:uppercase;font-size:1.5rem;font-weight:800}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.theme-toggle{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--text-main);color:var(--bg-base)}.hero{border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;min-height:100svh;padding:calc(72px + 4rem) 2rem 12rem;display:flex}.hero-content{width:100%;max-width:1200px;margin:0 auto}.hero h1{text-transform:uppercase;margin-bottom:2rem;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1}.hero p{max-width:600px;margin-bottom:2.5rem;font-size:clamp(1rem,1.5vw,1.25rem)}.cta-group{gap:1rem;display:flex}.btn{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:1px solid var(--border);color:var(--text-main);background:0 0;justify-content:center;align-items:center;padding:1rem 2.5rem;font-size:.85rem;font-weight:600;transition:all .1s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{color:var(--accent);background:0 0}.btn-secondary:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.split-section{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;min-height:100svh;display:grid}.split-content{border-right:1px solid var(--border);flex-direction:column;justify-content:center;padding:4rem 2rem;display:flex}.split-content h2{text-transform:uppercase;margin-bottom:1.5rem;font-size:clamp(2rem,4vw,4rem);line-height:1}.split-content p{max-width:400px;font-size:1.2rem}.code-panel{background:var(--code-bg);border:1px solid var(--border);flex-direction:column;justify-content:center;max-width:100%;padding:4rem 2rem;display:flex;overflow:auto hidden}.code-panel pre{color:var(--code-text);max-width:100%;margin:0;font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.5;overflow-x:auto}.token-keyword{color:var(--token-keyword);font-weight:700}.token-entity{color:var(--text-main);font-weight:700}.token-operator{color:var(--text-muted)}.token-property{color:var(--text-main)}.token-comment{color:var(--text-muted);font-style:italic}@media (max-width:968px){.split-section{grid-template-columns:1fr}.split-content{border-right:none;border-bottom:1px solid var(--border)}}.feature-list{border-bottom:1px solid var(--border);flex-direction:column;display:flex}.feature-item{border-bottom:1px solid var(--border);grid-template-columns:100px 1fr 2fr;align-items:start;gap:2rem;padding:3rem 2rem;transition:background .3s;display:grid}.feature-item:last-child{border-bottom:none}.feature-item:hover{background:var(--bg-surface)}.feature-num{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:1.5rem}.feature-item h3{text-transform:uppercase;font-size:1.5rem}.feature-item p{margin:0;font-size:1.1rem}@media (max-width:768px){.feature-item{grid-template-columns:1fr;gap:1rem}.feature-num{display:none}}footer{background-color:var(--bg-surface);border-top:1px solid var(--border);color:var(--text-muted);padding:3rem 2rem;font-size:.85rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.footer-links{text-transform:uppercase;letter-spacing:.05em;gap:1.5rem;font-weight:500;display:flex}.footer-links a{transition:color .1s}.footer-links a:hover{color:var(--text-main)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-base);border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mobile-menu-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;display:none}@media (max-width:768px){.mobile-menu-btn{display:block}.nav-links{background:var(--bg-base);border-bottom:1px solid var(--border);z-index:-1;flex-direction:column;width:100%;padding:2rem;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:72px;left:0;transform:translateY(-150%)}.nav-links.open{transform:translateY(0)}}.bg-shapes{z-index:-1;pointer-events:none;width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.shape{border-radius:50%;transition:background-color .4s;position:absolute}.shape-1{background-color:var(--shape-1);width:800px;height:800px;top:-200px;right:-200px}.shape-2{background-color:var(--shape-2);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:600px;height:600px;bottom:-100px;left:-150px}.shape-3{background-color:var(--shape-3);border-radius:10%;width:400px;height:400px;top:40%;left:60%;transform:rotate(45deg)}.logo-dot{background-color:var(--accent);border-radius:50%;width:12px;height:12px;display:inline-block}.underlined-link{color:var(--fg);border-bottom:1px solid var(--border);padding-bottom:2px;text-decoration:none;transition:all .2s}.underlined-link:hover{color:var(--fg-accent);border-bottom-color:var(--fg-accent)}.hero-section{box-sizing:border-box;z-index:10;align-items:flex-end;min-height:100svh;padding:8rem 4rem 6rem;display:flex;position:relative}@media (max-width:768px){.hero-section{padding:8rem 2rem 4rem}}.hero-grid{width:100%;max-width:1600px;margin:0 auto}.hero-text{max-width:900px;margin-left:10%}.hero-text h1{text-transform:uppercase;letter-spacing:-.04em;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05}.sub-text{color:var(--text-muted);letter-spacing:-.01em;max-width:700px;margin-bottom:2rem;font-size:clamp(1.1rem,1.5vw,1.25rem);line-height:1.5}.tagline{text-transform:uppercase;color:var(--text-main);letter-spacing:.05em;opacity:.8;margin-bottom:3rem;font-family:JetBrains Mono,monospace;font-size:.8rem}.content-section,.execution-loop-section,.code-split-section,.footer-cta-section{border-top:1px solid var(--border);padding:8rem 4rem}@media (max-width:768px){.content-section,.execution-loop-section,.code-split-section,.footer-cta-section{padding:6rem 2rem}}.two-col-grid{grid-template-columns:1fr 1fr;gap:6rem;max-width:1600px;margin:0 auto;display:grid}.two-col-grid>*{min-width:0;max-width:100%}@media (max-width:1024px){.two-col-grid{grid-template-columns:1fr;gap:4rem}}.two-col-grid.align-top{align-items:start}.col-text h2{letter-spacing:-.04em;text-transform:uppercase;margin-bottom:2rem;font-size:clamp(2rem,4.5vw,4rem);line-height:1.05}.col-text h3{text-transform:uppercase;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:1.5rem}.col-text p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.25rem;line-height:1.6}.brutalist-list{border-left:2px solid var(--text-main);margin:0 0 2rem;padding:0;list-style:none}.brutalist-list li{border-bottom:1px solid var(--border);color:var(--text-main);padding:1rem 0 1rem 1.5rem;font-size:1.25rem;font-weight:500}.brutalist-list.check li{position:relative}.brutalist-list li:last-child{border-bottom:none}.execution-loop-section{background:var(--bg-surface-hover)}.loop-container{max-width:1600px;margin:0 auto}.loop-container h2{text-transform:uppercase;letter-spacing:-.03em;margin-bottom:3rem;font-size:clamp(2rem,4vw,3rem)}.loop-track{color:var(--accent);background:var(--bg-base);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-bottom:3rem;padding:3rem;font-family:JetBrains Mono,monospace;font-size:1.25rem;display:flex}.loop-track .arrow{color:var(--text-muted);opacity:.5}.loop-container p{max-width:800px;color:var(--text-muted);font-size:1.25rem;line-height:1.6}.code-block-wrapper h3{text-transform:uppercase;letter-spacing:-.01em;margin-bottom:1rem;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:600}.code-panel.runtime-output{background:var(--bg-surface-hover);border:1px solid var(--border)}.primary-code code{color:var(--code-text);font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:1.6}.runtime-output code{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:1.8}.runtime-output .hl-accent{color:var(--accent);font-weight:700}.runtime-output .hl-success{color:#10b981;font-weight:700}.caption{color:var(--text-muted);margin-top:1.5rem;font-size:1rem}.token-dim{color:var(--text-muted);opacity:.5}.final-tagline{text-transform:uppercase;color:var(--text-muted);text-align:center;letter-spacing:.05em;max-width:1000px;margin:0 auto;font-family:JetBrains Mono,monospace;font-size:clamp(1.2rem,3vw,2rem)}.large-ctas{flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.large-link{text-transform:uppercase;letter-spacing:-.01em;border-bottom:2px solid var(--text-main);padding-bottom:.1em;font-size:1.5rem;font-weight:600;transition:opacity .2s}.large-link:hover{opacity:.5}.hero,.split-section{display:none}@media (max-width:900px){.hero-text{max-width:100%;margin-left:0;padding:0 1rem}.hero-text h1{font-size:clamp(2rem,8vw,3rem);line-height:1.1}.sub-text{max-width:100%;padding-right:1rem;font-size:1rem}.cta-group{flex-direction:column;width:100%;margin-top:1.5rem}.cta-group .btn{text-align:center;width:100%}.nav-links{gap:1rem}.two-col-grid{grid-template-columns:1fr;gap:3rem}.content-section,.execution-loop-section,.code-split-section,.footer-cta-section{padding:4rem 1.5rem}.code-panel{padding:1.5rem;overflow-x:auto}.loop-track{flex-wrap:wrap;justify-content:center;padding:1.5rem;font-size:1rem}.loop-container h2,.col-text h2,.hero-text h1{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(1.8rem,6vw,2.5rem)}.large-ctas{text-align:left;flex-direction:column;align-items:flex-start;gap:1.5rem}.large-link{width:100%;padding-bottom:.5rem;font-size:1.25rem;display:block}.final-tagline{text-align:left;margin-top:2rem;font-size:1rem}}@media (max-width:480px){header nav{padding:1rem 1.5rem}.hero-section{padding:6rem 1rem 3rem}.brutalist-list li{padding-left:1rem;font-size:1.1rem}}