*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0b;--bg-elevated:#111113;--bg-card:#16161a;--border:#ffffff0f;--text-primary:#ededef;--text-secondary:#8a8a8e;--text-tertiary:#5c5c63;--accent:#fff;--accent-light:#ccc;--accent-glow:#ffffff14;--radius:12px;--radius-lg:20px;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#0a0a0b;background:var(--bg);color:#ededef;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block}.container{margin:0 auto;max-width:1400px;padding:0 24px}.gradient-text{color:#fff;color:var(--accent)}.section-label{color:#a0a0a0;font-size:13px;font-weight:600;letter-spacing:.1em;margin-bottom:16px;text-transform:uppercase}.section-title{font-size:clamp(32px,4vw,48px);font-weight:400;letter-spacing:-.03em;line-height:1.1;margin-bottom:20px}.section-desc{color:#8a8a8e;color:var(--text-secondary);font-size:18px;line-height:1.7;margin-bottom:64px;max-width:540px}.btn-primary{align-items:center;background:#fff;border:none;border-radius:10px;box-shadow:0 0 30px #ffffff14;box-shadow:0 0 30px var(--accent-glow);color:#0a0a0b;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 32px;transition:box-shadow .2s}.btn-primary svg{display:block}.btn-primary:hover{box-shadow:0 0 50px #ffffff14;box-shadow:0 0 50px var(--accent-glow)}.btn-secondary{align-items:center;background:#111113;background:var(--bg-elevated);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:10px;color:#ededef;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 32px;transition:border-color .2s,background .2s}.btn-secondary:hover{background:#16161a;background:var(--bg-card);border-color:#ffffff26}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}nav{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#0a0a0bcc;border-bottom:1px solid var(--border);left:0;position:fixed;right:0;top:0;z-index:100}.nav-inner{height:64px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.nav-inner,.nav-logo{align-items:center;display:flex}.nav-logo svg{height:32px;width:32px}.nav-logo span{font-size:24px;font-weight:700;letter-spacing:-.02em}.nav-links{align-items:center;display:flex;gap:32px}.nav-links a{color:var(--text-secondary);font-size:14px;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-links .nav-cta{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 18px;transition:background .2s}.nav-links .nav-cta,.nav-links .nav-cta:hover{background:var(--text-primary);color:#0a0a0b}@media (max-width:900px){.nav-links{display:none}}.code-editor-container{flex-grow:1;min-height:0}.summary-folder{background-color:#0000003c;border:1px solid #ffffff3b;border-radius:8px;cursor:pointer;font-family:Consolas,monospace;padding:5px 5px 5px 8px;transition:background-color .2s;&:hover{background-color:#ffffff0d}.summary-header{align-items:center;display:flex;.icon-wrapper{align-items:center;cursor:default;display:flex;transition:color .2s,opacity .2s;&.clickable{cursor:pointer;&:hover{opacity:.8}}.icon-stack{align-items:center;display:flex;height:24px;justify-content:center;margin-right:4px;position:relative;width:24px;.folder-icon{left:0;opacity:.7;position:absolute;top:0}.type-icon{bottom:-3px;font-size:14px;position:absolute;right:0;svg{font-size:14px}}}}p{color:#e0e0e0;cursor:pointer;flex:1 1;font-size:14px;margin:0 0 2px;text-align:left;transition:opacity .2s;&:hover{opacity:.8}}}.code-link{margin-right:8px;margin-top:3px}}.summary-folder-container{display:flex;flex-direction:column;gap:10px;padding:4px 4px 4px 0}.collapsible-section{overflow:hidden;transition:height .3s cubic-bezier(.4,0,.2,1),opacity .9s ease}.hero{background:linear-gradient(0deg,#353535,#000);padding:180px 0 120px;position:relative}.hero:before{background:radial-gradient(ellipse at center,var(--accent-glow) 0,#0000 70%);content:"";height:600px;left:20%;opacity:.5;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:900px}.hero h1{font-size:clamp(42px,6vw,72px);font-weight:400;letter-spacing:-.04em;line-height:1.05;margin:0 0 24px;max-width:820px}.hero p{color:var(--text-secondary);font-size:clamp(16px,2vw,20px);line-height:1.7;margin:0 0 48px;max-width:560px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.hero-visual{background:#0a0a0b;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;margin:80px 0 0;max-width:100%;overflow:hidden;position:relative}.hero-visual-bar{align-items:center;background:#111113;border-bottom:1px solid #ffffff1a;display:flex;gap:8px;padding:14px 20px;position:relative}.hero-visual-dot{background:var(--text-tertiary);border-radius:50%;height:12px;opacity:.4;width:12px}.hero-visual-content{display:flex;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;gap:0;height:800px;line-height:1.5;min-height:800px;padding:0}.code-editor{border-right:1px solid #ffffff1a;color:#e0e0e0;display:flex;flex:1 1 50%;min-height:0;overflow:hidden;padding-top:30px}.code-editor .code-editor-container{flex:1 1;min-height:0}.code-line{display:flex;gap:12px;margin:4px 0}.code-line-num{color:#5a7a96;flex-shrink:0;min-width:30px;text-align:right;-webkit-user-select:none;user-select:none}.code-keyword{color:#569cd6}.code-fn-name{color:#dcdcaa}.code-string{color:#ce9178}.code-comment{color:#6a9955;font-style:italic}.semantic-sidebar{display:flex;flex:1 1 50%;flex-direction:column;gap:0;overflow-y:auto;padding:16px}.sidebar-title{color:#666;font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:12px;padding:0 4px;text-transform:uppercase}.semantic-item{align-items:center;border-radius:6px;color:#d4d4d8;cursor:pointer;display:flex;font-size:13px;gap:8px;margin:2px 0;padding:8px;transition:background-color .2s}.semantic-item:hover{background-color:#ffffff14}.semantic-item.active{background-color:#ffffff1f;color:#e0e0e0}.semantic-icon{align-items:center;border-radius:3px;display:flex;flex-shrink:0;font-size:9px;font-weight:700;height:16px;justify-content:center;width:16px}.icon-fn{background:#ffffff14;color:#ccc}.icon-ex,.icon-im{background:#34d39926;color:#34d399}.icon-cl{background:#ffb86f26;color:#ffb86f}.icon-ty{background:#ffe0ad26;color:#ffe0ad}@media (max-width:900px){.hero-visual-content{flex-direction:column;height:auto;min-height:auto}.code-editor{border-bottom:1px solid #ffffff1a;border-right:none;min-height:300px}.semantic-sidebar{flex:none}}@media (max-width:600px){.hero{padding:140px 0 80px}.hero-actions{align-items:center;flex-direction:column}}.how-it-works{border-top:1px solid var(--border);padding:140px 0}.how-it-works .section-label,.how-it-works .section-title{text-align:center}.how-it-works .section-desc{margin-left:auto;margin-right:auto;text-align:center}.steps{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-top:64px;position:relative}.steps:before{background:#fff3;content:"";height:2px;left:calc(16.67% + 16px);opacity:.3;position:absolute;right:calc(16.67% + 16px);top:24px}.step{position:relative;text-align:center}.step-number{align-items:center;background:#fff;border-radius:50%;color:#0a0a0b;display:flex;font-size:18px;font-weight:800;height:48px;justify-content:center;margin:0 auto 24px;position:relative;width:48px;z-index:1}.step h3{font-size:18px;font-weight:700;margin-bottom:12px}.step p{color:var(--text-secondary);font-size:14px;line-height:1.7;margin:0 auto;max-width:280px}@media (max-width:900px){.steps{grid-template-columns:1fr}.steps:before{display:none}}.bento{border-top:1px solid var(--border);padding:140px 0}.bento-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(6,1fr);margin-top:64px}.bento-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);grid-column:span 2;overflow:hidden;padding:32px 28px;position:relative;transition:border-color .3s,transform .3s}.bento-card:hover{border-color:#ffffff1f;transform:translateY(-4px)}.bento-card svg{display:block}.bento-card:after{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.bento-card:hover:after{opacity:1}.bento-icon{align-items:center;background:#ffffff0f;border-radius:12px;color:var(--text-secondary);display:flex;height:48px;justify-content:center;margin-bottom:20px;width:48px}.bento-card h3{font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}.bento-card p{color:var(--text-secondary);font-size:14px;line-height:1.7}.bento-card-hero{background:linear-gradient(180deg,var(--bg-elevated) 0,#11111399 100%);grid-column:span 6;padding:64px 40px;text-align:center}.bento-card-hero .bento-metric{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff,#fff9);-webkit-background-clip:text;background-clip:text;font-size:120px;font-weight:800;letter-spacing:-.05em;line-height:1;margin-bottom:16px}.bento-card-hero h3{font-size:24px;font-weight:600;margin-bottom:12px}.bento-card-hero p{font-size:16px;margin:0 auto;max-width:560px}.bento-card:nth-child(2),.bento-card:nth-child(3){grid-column:span 3}.bento-card-wide{grid-column:span 6;padding:40px}.bento-card-wide-content{align-items:flex-start;display:flex;gap:24px;max-width:800px}.bento-card-wide .bento-icon{flex-shrink:0}.bento-card-wide h3{font-size:20px;margin-bottom:8px}.bento-card-wide p{font-size:15px}@media (max-width:900px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card{grid-column:span 1}.bento-card-hero,.bento-card-wide,.bento-card:nth-child(2),.bento-card:nth-child(3){grid-column:span 2}.bento-card-hero .bento-metric{font-size:80px}}@media (max-width:600px){.bento-grid{grid-template-columns:1fr}.bento-card,.bento-card-hero,.bento-card-wide,.bento-card:nth-child(2),.bento-card:nth-child(3){grid-column:span 1}.bento-card{padding:28px 24px}.bento-card-hero{padding:48px 24px}.bento-card-hero .bento-metric{font-size:64px}.bento-card-wide-content{flex-direction:column;gap:16px}}.cta-section{padding:140px 0;position:relative;text-align:center}.cta-section:before{background:radial-gradient(ellipse at center,var(--accent-glow) 0,#0000 70%);bottom:0;content:"";height:400px;left:50%;opacity:.4;pointer-events:none;position:absolute;transform:translateX(-50%);width:800px}.cta-section h2{font-size:clamp(36px,5vw,56px);font-weight:400;letter-spacing:-.03em;line-height:1.1;margin-bottom:20px}.cta-section p{color:var(--text-secondary);font-size:18px;line-height:1.7;margin:0 auto 40px;max-width:480px}.cta-section svg{display:block}footer{border-top:1px solid var(--border);padding:64px 0 40px}.footer-inner{align-items:flex-start;display:flex;gap:64px;justify-content:space-between}.footer-inner svg{display:block}.footer-brand{max-width:280px}.footer-brand-logo{align-items:center;display:flex;margin-bottom:16px}.footer-brand-logo svg{height:28px;width:28px}.footer-brand-logo span{font-size:16px;font-weight:700}.footer-brand p{color:var(--text-tertiary);font-size:13px;line-height:1.7}.footer-columns{display:flex;gap:80px}.footer-col h4{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.06em;margin-bottom:20px;text-transform:uppercase}.footer-col a{color:var(--text-tertiary);display:block;font-size:14px;padding:6px 0;transition:color .2s}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-top:48px;padding-top:24px}.footer-bottom p{color:var(--text-tertiary);font-size:13px}@media (max-width:900px){.footer-inner{flex-direction:column}.footer-columns{gap:48px}}@media (max-width:600px){.footer-columns{flex-direction:column;gap:32px}}body{margin:0}
/*# sourceMappingURL=main.4bef111f.css.map*/