@import url("https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap");.banani-features{--background:#fff;--foreground:#0a0a0a;--border:#bdbdbd;--input:#f7f7f7;--primary:#000;--primary-foreground:#fff;--secondary:#f2f2f2;--secondary-foreground:#3a3a3a;--muted:#fafafa;--muted-foreground:#9b9b9b;--success:#e6f3ea;--success-foreground:#2b7a3a;--accent:#d9d9d9;--accent-foreground:#2b2b2b;--destructive:#fff;--destructive-foreground:#404040;--warning:#fff7e6;--warning-foreground:#8a5a00;--card:#fff;--card-foreground:#111;--sidebar:#fff;--sidebar-foreground:#3f3f3f;--sidebar-primary:#595959;--sidebar-primary-foreground:#fff;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:48px;--font-family-body:"Shantell Sans",sans-serif;font-family:var(--font-family-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif);background-color:var(--background,#fff);color:var(--foreground,#09090b);line-height:1.5;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:1248px;margin:0 auto;padding:0 24px}section{padding:120px 0}.navbar{position:absolute;top:0;left:0;right:0;height:80px;border-bottom:1px solid var(--border,#e4e4e7);background-color:var(--background,#fff);z-index:10}.navbar,.navbar-container{display:flex;align-items:center}.navbar-container{justify-content:space-between;width:100%}.logo{gap:12px;font-size:20px;font-weight:700;letter-spacing:-.01em}.logo,.nav-links{display:flex;align-items:center}.nav-links{gap:32px}.nav-link{font-size:14px;font-weight:500;color:var(--foreground,#09090b);cursor:pointer}.nav-actions{display:flex;align-items:center;gap:16px}.btn-outline{padding:0 16px;border:1px solid var(--border,#e4e4e7);background-color:transparent;color:var(--foreground,#09090b)}.btn-outline,.btn-primary{display:flex;align-items:center;justify-content:center;height:40px;border-radius:var(--radius-md,6px);font-size:14px;font-weight:500;cursor:pointer}.btn-primary{gap:8px;padding:0 20px;background-color:var(--primary,#18181b);color:var(--primary-foreground,#fafafa);border:none}.page-header{padding-top:180px;padding-bottom:64px;background:linear-gradient(180deg,var(--secondary,#f4f4f5) 0,var(--background,#fff) 100%);text-align:center}.page-title{font-size:56px;font-weight:800;letter-spacing:-.03em;margin-bottom:24px;color:var(--foreground,#09090b)}.page-subtitle{font-size:20px;color:var(--muted-foreground,#71717a);max-width:640px;margin:0 auto;line-height:1.6}.features-section{padding-top:40px;padding-bottom:120px}.features-layout{display:flex;gap:64px;align-items:flex-start}.features-sidebar{width:280px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.tab-item{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-md,6px);font-size:16px;font-weight:500;color:var(--muted-foreground,#71717a);cursor:pointer;border:1px solid transparent}.tab-item.active{background-color:var(--secondary,#f4f4f5);color:var(--foreground,#09090b);font-weight:600}.features-content{flex:1}.content-title{font-size:40px;font-weight:700;letter-spacing:-.02em;margin-bottom:20px;color:var(--foreground,#09090b)}.content-description{font-size:18px;color:var(--muted-foreground,#71717a);margin-bottom:48px;line-height:1.6;max-width:800px}.content-graphic-wrapper{width:100%;border-radius:var(--radius-xl,12px);border:1px solid var(--border,#e4e4e7);background-color:var(--card,#fff);padding:16px;box-shadow:0 12px 32px rgba(0,0,0,.03);margin-bottom:64px}.content-graphic-wrapper img{width:100%;height:auto;display:block;border-radius:var(--radius-md,6px)}.sub-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 32px}.sub-feature-card{display:flex;flex-direction:column;gap:16px}.sub-feature-icon{width:48px;height:48px;border-radius:var(--radius-md,6px);background-color:var(--secondary,#f4f4f5);display:flex;align-items:center;justify-content:center}.sub-feature-title{font-size:18px;font-weight:600;color:var(--foreground,#09090b)}.sub-feature-desc{font-size:15px;color:var(--muted-foreground,#71717a);line-height:1.6}.contact-section{background-color:var(--secondary,#f4f4f5);padding:120px 0}.contact-wrapper{max-width:600px;margin:0 auto;background-color:var(--card,#fff);border:1px solid var(--border,#e4e4e7);border-radius:var(--radius-xl,12px);padding:64px 48px}.contact-header{text-align:center;margin-bottom:48px}.contact-title{font-size:32px;font-weight:700;letter-spacing:-.01em;margin-bottom:12px}.contact-subtitle{font-size:16px;color:var(--muted-foreground,#71717a)}.form-grid{gap:24px}.form-grid,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{font-size:14px;font-weight:500;color:var(--foreground,#09090b)}.form-input{height:48px;border:1px solid var(--border,#e4e4e7);padding:0 16px;background-color:var(--input,#fff);font-size:15px;color:var(--muted-foreground,#71717a)}.btn-submit,.form-input{border-radius:var(--radius-md,6px);display:flex;align-items:center}.btn-submit{margin-top:16px;height:52px;width:100%;background-color:var(--primary,#18181b);color:var(--primary-foreground,#fafafa);justify-content:center;font-size:16px;font-weight:600;cursor:pointer}.footer{background-color:var(--background,#fff);border-top:1px solid var(--border,#e4e4e7);padding:80px 0 40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:64px;margin-bottom:80px}.footer-brand{max-width:320px}.footer-description{margin-top:24px;font-size:15px;color:var(--muted-foreground,#71717a);line-height:1.6}.footer-col-title{font-size:14px;font-weight:600;color:var(--foreground,#09090b);margin-bottom:24px}.footer-links{display:flex;flex-direction:column;gap:16px}.footer-link{font-size:15px;color:var(--muted-foreground,#71717a);cursor:pointer}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:32px;border-top:1px solid var(--border,#e4e4e7)}.footer-copyright{font-size:14px;color:var(--muted-foreground,#71717a)}.footer-socials{display:flex;align-items:center;gap:24px}.social-icon{color:var(--muted-foreground,#71717a);cursor:pointer}@media (max-width:768px){.features-layout{flex-direction:column;gap:32px}.features-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.features-sidebar::-webkit-scrollbar{display:none}.tab-item{white-space:nowrap}.page-header{padding-top:120px;padding-bottom:48px}.page-title{font-size:40px}.sub-features-grid{grid-template-columns:1fr;gap:32px}.content-title{font-size:28px}.content-description{font-size:16px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.contact-wrapper{padding:32px 24px}section{padding:64px 0}}