.hero{text-align:center;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;padding:40px 20px 80px;display:flex}@media screen and (max-width:400px){.hero{padding:10px 10px 80px}main.home-page{padding:50px 10px}}.badge{background:var(--bg-secondary);color:var(--text-main);border:1px solid var(--border);border-radius:99px;align-items:center;gap:6px;margin-bottom:32px;padding:6px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.badge span{color:var(--primary)}.hero h1{letter-spacing:-.04em;color:var(--text-main);margin-bottom:24px;font-size:clamp(2rem,6vw,4rem);font-weight:800;line-height:1.1}.hero p{color:var(--text-muted);max-width:600px;margin-bottom:40px;font-size:1.125rem}.hero-btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.btn-primary{background-color:var(--text-main);color:var(--bg-body);border-color:var(--text-main)}.btn-primary:hover{opacity:.9}.btn-secondary{color:var(--text-main);border-color:var(--border);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-secondary)}.visual-container{width:100%;max-width:800px;margin-top:80px}.code-window{box-shadow:var(--shadow-float);text-align:left;background:#0f0f10;border:1px solid #ffffff1a;border-radius:10px;overflow:hidden}.window-header{background:#18181b;border-bottom:1px solid #27272a;gap:8px;padding:12px 16px;display:flex}.dots{gap:8px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.red{background:#ef4444}.yellow{background:#eab308}.green{background:#22c55e}.window-body{color:#d4d4d8;padding:24px;font-family:Menlo,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.7}.k{color:#c084fc}.f{color:#60a5fa}.s{color:#4ade80}.c{color:#71717a}.v{color:#f472b6}.home-page section{max-width:1200px;margin:0 auto;padding:100px 24px}.section-header{margin-bottom:60px}.section-header h2{letter-spacing:-.03em;margin-bottom:10px;font-size:2rem;font-weight:700}.section-header p{color:var(--text-muted);font-size:1.1rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;display:grid}.feature-icon-wrapper{background-color:var(--primary-light);width:48px;height:48px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-item h3{margin-bottom:10px;font-size:1.1rem;font-weight:600}.feature-item p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.bento-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.bento-card{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:space-between;padding:32px;transition:all .3s;display:flex;position:relative}.bento-card:hover{border-color:var(--text-muted);transform:translateY(-2px)}.bento-title{margin-top:20px;margin-bottom:8px;font-size:1.25rem;font-weight:600}.bento-desc{color:var(--text-muted);font-size:.95rem}.span-2{grid-column:span 2}.span-3{grid-column:span 3}@media (max-width:900px){.bento-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}}