/* ===== OCTOMIND DESIGN SYSTEM ===== */ :root { --octo-dark: #13142b; --octo-card: #19233B; --octo-purple: #5c5bdb; --octo-purple-light: #8E8EE7; --octo-purple-dark: #41419b; --octo-teal: #15D7AB; --octo-blue: #0BA4E3; --octo-text: #C3C9D3; --octo-text-muted: #94A3B8; --white: #ffffff; --border: rgba(255,255,255,0.1); --border-hover: rgba(255,255,255,0.2); } /* Reset & Base */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif; background: var(--octo-dark); color: var(--octo-text); line-height: 1.6; min-height: 100vh; overflow-x: hidden; } ::-moz-selection { background: rgba(21, 215, 171, 0.3); color: var(--white); } ::selection { background: rgba(21, 215, 171, 0.3); color: var(--white); } a { color: var(--octo-teal); text-decoration: none; transition: all 0.2s ease; } a:hover { opacity: 0.85; } img { max-width: 100%; height: auto; } /* Background Glow Effects */ .bg-glow { position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: -1; } .glow-orb { position: absolute; border-radius: 50%; filter: blur(120px); } .glow-purple { width: 400px; height: 400px; background: rgba(92, 91, 219, 0.15); top: 15%; left: 20%; } .glow-blue { width: 350px; height: 350px; background: rgba(11, 164, 227, 0.12); bottom: 20%; right: 20%; } /* Container */ .container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; } .container-wide { max-width: 1400px; margin: 0 auto; padding: 0 1.5rem; } /* Header / Navigation */ header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(19, 20, 43, 0.9); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid var(--border); padding: 1rem 0; } header .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; } .logo { display: flex; align-items: center; text-decoration: none; } .logo img { height: 32px; width: auto; } nav { display: flex; align-items: center; gap: 2rem; flex-wrap: wrap; } nav a { color: var(--octo-text); font-size: 0.75rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.02em; transition: color 0.2s; } nav a:hover { color: var(--white); opacity: 1; } .nav-buttons { display: flex; align-items: center; gap: 0.75rem; } /* Buttons */ .btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.75rem 1.5rem; border-radius: 0.75rem; font-weight: 400; font-size: 0.75rem; text-transform: uppercase; transition: all 0.25s ease; text-decoration: none; border: none; cursor: pointer; } .btn-primary { background: var(--octo-purple); color: var(--white); box-shadow: 0 4px 20px rgba(92, 91, 219, 0.25); } .btn-primary:hover { background: var(--octo-purple-dark); transform: translateY(-2px); box-shadow: 0 8px 30px rgba(92, 91, 219, 0.35); opacity: 1; } .btn-secondary { background: rgba(255, 255, 255, 0.1); color: var(--white); border: 1px solid var(--border); } .btn-secondary:hover { background: rgba(255, 255, 255, 0.15); border-color: var(--border-hover); opacity: 1; } .btn-outline { background: transparent; color: var(--white); border: 1px solid var(--border-hover); } .btn-outline:hover { background: rgba(255, 255, 255, 0.1); opacity: 1; } .btn-gradient { background: linear-gradient(135deg, var(--octo-purple), var(--octo-blue)); color: var(--white); box-shadow: 0 4px 20px rgba(92, 91, 219, 0.25); } .btn-gradient:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 8px 30px rgba(92, 91, 219, 0.35); opacity: 1; } .btn-lg { padding: 1rem 2.5rem; font-size: 0.875rem; } .btn-group { display: flex; gap: 1rem; flex-wrap: wrap; } /* Main */ main { padding-top: 80px; } section { padding: 5rem 0; position: relative; } /* Typography */ h1 { font-size: clamp(2.5rem, 5vw, 3.5rem); font-weight: 900; color: var(--white); line-height: 1.1; margin-bottom: 1.5rem; letter-spacing: -0.02em; } h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 900; color: var(--white); line-height: 1.15; margin-bottom: 1rem; } h3 { font-size: 1.25rem; font-weight: 700; color: var(--white); margin-bottom: 0.75rem; } h4 { font-size: 1rem; font-weight: 600; color: var(--white); margin-bottom: 0.5rem; } .text-gradient { background: linear-gradient(135deg, var(--octo-teal), var(--octo-purple)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .text-teal { color: var(--octo-teal); } .text-purple { color: var(--octo-purple); } .text-muted { color: var(--octo-text-muted); } .text-white { color: var(--white); } .text-center { text-align: center; } .text-sm { font-size: 0.875rem; } .text-xs { font-size: 0.75rem; } .text-xl { font-size: 1.25rem; } .text-lead { font-size: 1.25rem; color: var(--octo-text); line-height: 1.7; } .font-bold { font-weight: 700; } .font-black { font-weight: 900; } /* Cards */ .card { background: rgba(25, 35, 59, 0.6); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid var(--border); border-radius: 1rem; padding: 1.5rem; transition: all 0.3s ease; } .card:hover { border-color: var(--border-hover); transform: translateY(-4px); } .card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; } .card-icon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; font-size: 1.5rem; } .card-icon svg { width: 24px; height: 24px; color: var(--octo-teal); } /* Section Header */ .section-header { text-align: center; max-width: 800px; margin: 0 auto 4rem; } .section-header p { max-width: 600px; margin: 0 auto; } /* Hero Section */ .hero { min-height: calc(100vh - 80px); display: flex; align-items: center; padding: 4rem 0; } .hero-content { display: flex; flex-direction: column; align-items: center; gap: 2rem; } .hero-headline { text-align: center; max-width: 900px; width: 100%; } .hero-main { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; width: 100%; } .hero-left { text-align: left; } .hero-bullets { display: flex; flex-direction: column; gap: 0.75rem; text-align: left; } .hero-bullet { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.75rem; border-radius: 0.5rem; transition: background 0.2s; } .hero-bullet:hover { background: rgba(255, 255, 255, 0.05); } .hero-bullet-icon { width: 20px; height: 20px; color: var(--octo-teal); flex-shrink: 0; margin-top: 2px; } .hero-bullet-text { font-size: 0.875rem; color: var(--white); } .hero-bullet-text strong { font-weight: 700; } .btn-group { display: flex; justify-content: center; gap: 1rem; margin-top: 1rem; } .hero-testimonials { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 2rem; width: 100%; max-width: 800px; } .hero-testimonial { background: rgba(25, 35, 59, 0.6); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border: 1px solid var(--border); border-radius: 0.75rem; padding: 1rem; text-align: left; } .hero-testimonial-1 { transform: none; } .hero-testimonial-2 { position: relative; bottom: auto; right: auto; max-width: 100%; transform: none; } .hero-testimonial-quote { font-size: 0.875rem; font-style: italic; color: var(--octo-text); margin-bottom: 0.75rem; } .hero-testimonial-author { display: flex; align-items: center; gap: 0.75rem; } .hero-testimonial-avatar { width: 32px; height: 32px; border-radius: 50%; background: var(--octo-purple); display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 600; color: var(--white); } .hero-testimonial-name { font-size: 0.75rem; font-weight: 500; color: var(--white); } .hero-testimonial-role { font-size: 0.75rem; color: var(--octo-text); } .hero-right { background: var(--octo-dark); border-radius: 1.5rem; padding: 2rem; border: 1px solid var(--border); width: 100%; max-width: 600px; } .hero-widget-title { font-size: 1.5rem; font-weight: 400; color: var(--white); margin-bottom: 0.5rem; } .hero-widget-subtitle { color: var(--octo-text); font-size: 0.875rem; margin-bottom: 1.5rem; } .hero-widget-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; } .hero-widget-percentage { font-size: 3.5rem; font-weight: 900; color: #00AF93; line-height: 1; } .hero-widget-legend { display: flex; justify-content: center; gap: 1.5rem; margin-bottom: 1.5rem; font-size: 0.875rem; } .hero-widget-legend-item { display: flex; align-items: center; gap: 0.5rem; color: var(--white); } .hero-widget-legend-dot { width: 12px; height: 12px; border-radius: 2px; } .hero-widget-legend-dot.passed { background: #00AF93; } .hero-widget-legend-dot.failed { background: #BC344B; } .hero-widget-chart { display: flex; align-items: flex-end; } .hero-widget-yaxis { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; padding-right: 0.75rem; height: 160px; font-size: 0.7rem; color: var(--octo-text-muted); } .hero-widget-bars { display: flex; gap: 4px; align-items: flex-end; height: 160px; flex: 1; } .hero-widget-bar { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; border-radius: 2px 2px 0 0; overflow: visible; min-width: 10px; background: transparent; } .hero-widget-bar-segment { width: 100%; border-radius: 2px 2px 0 0; } .hero-widget-bar-segment.passed { background-color: #00AF93; } .hero-widget-bar-segment.failed { background-color: #BC344B; border-radius: 2px 2px 0 0; } .hero-meta { text-align: center; margin-top: 1rem; font-size: 0.75rem; color: var(--octo-text-muted); } /* Logos Section */ .logos-section { padding: 4rem 0; border-top: 1px solid rgba(255, 255, 255, 0.03); border-bottom: 1px solid rgba(255, 255, 255, 0.03); background: linear-gradient(180deg, rgba(25, 35, 59, 0.4), transparent); } .logos-title { text-align: center; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--octo-text-muted); margin-bottom: 2rem; } .logos-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 3rem; align-items: center; justify-items: center; } .logos-grid span { font-size: 1.25rem; font-weight: 600; color: var(--octo-text-muted); opacity: 0.6; transition: opacity 0.2s; } .logos-grid span:hover { opacity: 1; } /* Four Pillars */ .pillars-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; } .pillar-card { background: rgba(25, 35, 59, 0.6); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border: 1px solid var(--border); border-radius: 1rem; padding: 1.5rem 2rem; transition: all 0.3s; } .pillar-card:hover { border-color: var(--border-hover); } .pillar-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem; } .pillar-icon { color: var(--octo-teal); } .pillar-subtitle { color: var(--octo-teal); font-weight: 500; margin-bottom: 0.5rem; } .pillar-desc { font-size: 0.875rem; color: var(--octo-text); line-height: 1.6; } /* Testimonials */ .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; } .testimonial { background: rgba(25, 35, 59, 0.8); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border: 1px solid var(--border); border-radius: 1rem; padding: 1.5rem 2rem; } .testimonial-quote { font-size: 1rem; font-style: italic; color: var(--white); line-height: 1.7; margin-bottom: 1.5rem; } .testimonial-author { display: flex; align-items: center; gap: 1rem; } .testimonial-avatar { width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, var(--octo-teal), var(--octo-purple)); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.25rem; color: var(--octo-dark); border: 2px solid var(--border); } .testimonial-name { font-weight: 700; color: var(--white); } .testimonial-role { font-size: 0.875rem; color: var(--octo-text); } /* Trust Section */ .trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } .trust-card { background: rgba(25, 35, 59, 0.6); border: 1px solid var(--border); border-radius: 1rem; padding: 2rem; transition: all 0.3s; text-decoration: none; display: block; } .trust-card:hover { border-color: rgba(21, 215, 171, 0.5); background: rgba(25, 35, 59, 0.8); opacity: 1; } .trust-icon { width: 64px; height: 64px; margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: center; } .trust-icon-soc2 { width: 64px; height: 64px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.625rem; color: rgba(255, 255, 255, 0.8); } .trust-title { color: var(--octo-teal); font-size: 1.25rem; font-weight: 700; margin-bottom: 0.75rem; } .trust-desc { font-size: 0.875rem; color: var(--octo-text); } /* FAQ */ .faq-list { max-width: 800px; margin: 0 auto; } .faq-item { background: rgba(25, 35, 59, 0.4); border: 1px solid var(--border); border-radius: 0.75rem; margin-bottom: 1rem; overflow: hidden; } .faq-item summary { padding: 1.25rem 1.5rem; cursor: pointer; font-weight: 600; color: var(--white); display: flex; justify-content: space-between; align-items: center; list-style: none; } .faq-item summary::-webkit-details-marker { display: none; } .faq-item summary::after { content: '+'; font-size: 1.5rem; color: var(--octo-teal); transition: transform 0.25s; } .faq-item[open] summary::after { transform: rotate(45deg); } .faq-item[open] summary { border-bottom: 1px solid var(--border); } .faq-content { padding: 1.25rem 1.5rem; color: var(--octo-text); line-height: 1.7; } /* Pricing */ .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; align-items: stretch; } .pricing-card { background: rgba(25, 35, 59, 0.6); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border: 1px solid var(--border); border-radius: 1rem; padding: 2rem; position: relative; display: flex; flex-direction: column; } .pricing-features { flex: 1; } .pricing-card.featured { border-color: var(--octo-purple); border-width: 2px; } .pricing-card.featured::before { content: 'Most Popular'; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--octo-purple); color: var(--white); padding: 0.25rem 1rem; border-radius: 1rem; font-size: 0.75rem; font-weight: 600; } .pricing-name { font-size: 1.5rem; font-weight: 900; color: var(--white); margin-bottom: 0.5rem; } .pricing-price { font-size: 3rem; font-weight: 900; color: var(--white); line-height: 1; margin-bottom: 0.25rem; } .pricing-price span { font-size: 1rem; font-weight: 400; color: var(--octo-text); } .pricing-desc { font-size: 0.875rem; color: var(--octo-text); margin-bottom: 1.5rem; } .pricing-features { list-style: none; margin-bottom: 2rem; flex: 1; } .pricing-features li { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.5rem 0; font-size: 0.875rem; color: var(--white); } .pricing-features li::before { content: '✓'; color: var(--octo-purple); font-weight: 700; flex-shrink: 0; } /* Case Studies - Expandable */ .case-studies-list { display: flex; flex-direction: column; gap: 1rem; } .case-study-expandable { background: rgba(25, 35, 59, 0.6); border: 1px solid var(--border); border-radius: 1rem; overflow: hidden; transition: all 0.3s; } .case-study-expandable:hover { border-color: var(--border-hover); } .case-study-expandable[open] { border-color: var(--octo-teal); background: rgba(25, 35, 59, 0.8); } .case-study-summary { padding: 1.5rem; cursor: pointer; list-style: none; } .case-study-summary::-webkit-details-marker { display: none; } .case-study-tags { display: flex; gap: 0.5rem; margin-bottom: 0.75rem; flex-wrap: wrap; } .tag { display: inline-flex; padding: 0.25rem 0.75rem; background: rgba(92, 91, 219, 0.1); border: 1px solid rgba(92, 91, 219, 0.2); border-radius: 1rem; font-size: 0.75rem; color: var(--octo-purple); } .case-study-title { font-size: 1.125rem; font-weight: 700; color: var(--white); margin-bottom: 0.75rem; line-height: 1.4; } .case-study-excerpt { font-size: 0.875rem; color: var(--octo-text); line-height: 1.6; margin-bottom: 0.5rem; } .case-study-meta { font-size: 0.75rem; color: var(--octo-teal); font-style: italic; } .case-study-full { padding: 0 1.5rem 1.5rem 1.5rem; border-top: 1px solid var(--border); margin-top: 1rem; padding-top: 1.5rem; } .case-study-full h5 { font-size: 1rem; font-weight: 700; color: var(--octo-teal); margin-bottom: 0.75rem; margin-top: 1.25rem; } .case-study-full h5:first-child { margin-top: 0; } .case-study-full p { font-size: 0.875rem; color: var(--octo-text); line-height: 1.7; margin-bottom: 0.75rem; } .case-study-full ul { list-style: none; margin: 1rem 0; padding-left: 0; } .case-study-full ul li { display: flex; align-items: flex-start; gap: 0.5rem; padding: 0.35rem 0; font-size: 0.875rem; color: var(--octo-text); } .case-study-full ul li::before { content: '✓'; color: var(--octo-teal); font-weight: 700; flex-shrink: 0; } .case-study-full ul li strong { color: var(--white); } .case-study-quote { font-style: italic; padding: 1rem; background: rgba(21, 215, 171, 0.05); border-left: 3px solid var(--octo-teal); border-radius: 0 0.5rem 0.5rem 0; margin-top: 1rem; font-size: 0.875rem; color: var(--octo-text); } .case-study-quote em { color: var(--octo-teal); font-style: normal; } /* Blog - Expandable */ .blog-list { display: flex; flex-direction: column; gap: 0.75rem; } .blog-expandable { background: rgba(25, 35, 59, 0.6); border: 1px solid var(--border); border-radius: 0.75rem; overflow: hidden; transition: all 0.3s; } .blog-expandable:hover { border-color: var(--border-hover); } .blog-expandable[open] { border-color: var(--octo-purple); background: rgba(25, 35, 59, 0.8); } .blog-summary { padding: 1.25rem; cursor: pointer; list-style: none; } .blog-summary::-webkit-details-marker { display: none; } .blog-title { font-size: 1rem; font-weight: 700; color: var(--white); margin-bottom: 0.5rem; line-height: 1.4; } .blog-excerpt { font-size: 0.8rem; color: var(--octo-text-muted); line-height: 1.5; margin-bottom: 0.5rem; } .blog-meta { font-size: 0.75rem; color: var(--octo-purple); font-style: italic; } .blog-full { padding: 0 1.25rem 1.25rem 1.25rem; border-top: 1px solid var(--border); margin-top: 0.75rem; padding-top: 1rem; } .blog-full h5 { font-size: 0.95rem; font-weight: 700; color: var(--octo-purple-light); margin-bottom: 0.5rem; margin-top: 1rem; } .blog-full h5:first-child { margin-top: 0; } .blog-full p { font-size: 0.85rem; color: var(--octo-text); line-height: 1.6; margin-bottom: 0.5rem; } .blog-full ul { list-style: none; margin: 0.75rem 0; padding-left: 0; } .blog-full ul li { display: flex; align-items: flex-start; gap: 0.5rem; padding: 0.25rem 0; font-size: 0.85rem; color: var(--octo-text); } .blog-full ul li::before { content: '→'; color: var(--octo-purple); flex-shrink: 0; } .mb-2 { margin-bottom: 0.5rem; } /* About */ .about-values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-bottom: 4rem; } .about-value-card { background: rgba(25, 35, 59, 0.6); border: 1px solid var(--border); border-radius: 1rem; padding: 1.5rem 2rem; } .about-value-title { font-size: 1.25rem; font-weight: 900; color: var(--white); margin-bottom: 1rem; } .about-value-desc { font-size: 0.875rem; color: var(--octo-text); line-height: 1.6; } .investors-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; } .investor-card { background: rgba(25, 35, 59, 0.6); border: 1px solid var(--border); border-radius: 1rem; padding: 0.75rem; display: flex; align-items: center; gap: 0.75rem; transition: all 0.2s; text-decoration: none; } .investor-card:hover { border-color: var(--border-hover); background: rgba(25, 35, 59, 0.8); opacity: 1; } .investor-avatar { width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, var(--octo-purple), var(--octo-teal)); display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--white); flex-shrink: 0; } .investor-name { font-weight: 700; color: var(--white); font-size: 1rem; } .investor-title { font-size: 0.75rem; color: var(--octo-text); margin-top: 0.25rem; } .founders-section { background: linear-gradient(135deg, rgba(92, 91, 219, 0.1), rgba(11, 164, 227, 0.1)); padding: 4rem 0; margin-top: 4rem; } .founders-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; } .founders-image { width: 100%; border-radius: 1rem; } .founders-text p { color: var(--white); line-height: 1.8; margin-bottom: 1rem; } /* CTA Section */ .cta-section { position: relative; padding: 5rem 0; text-align: center; overflow: hidden; } .cta-section::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(92, 91, 219, 0.2), rgba(11, 164, 227, 0.2)); z-index: -1; } .cta-section h2 { margin-bottom: 1rem; } .cta-section p { font-size: 1.25rem; color: var(--white); margin-bottom: 2rem; } /* Footer */ footer { background: var(--octo-dark); border-top: 1px solid var(--border); padding: 3rem 0; } .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 3rem; margin-bottom: 2rem; } .footer-brand p { font-size: 0.75rem; color: var(--octo-text); margin-top: 1rem; } .footer-col h4 { font-size: 0.875rem; font-weight: 400; color: var(--white); margin-bottom: 1rem; text-transform: uppercase; } .footer-col ul { list-style: none; } .footer-col li { margin: 0.5rem 0; } .footer-col a { font-size: 0.75rem; color: var(--octo-text); } .footer-col a:hover { color: var(--white); } .footer-bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 2rem; border-top: 1px solid var(--border); flex-wrap: wrap; gap: 1rem; } .footer-copyright { font-size: 0.75rem; color: var(--octo-text); } .footer-social { display: flex; gap: 1rem; } .footer-social a { display: flex; align-items: center; justify-content: center; opacity: 0.7; transition: opacity 0.2s; } .footer-social a:hover { opacity: 1; } .footer-social img { width: 20px; height: 20px; } /* Utility */ .mb-2 { margin-bottom: 0.5rem; } .mb-4 { margin-bottom: 1rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-8 { margin-bottom: 2rem; } .mt-4 { margin-top: 1rem; } .mt-8 { margin-top: 2rem; } .mt-12 { margin-top: 3rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } /* Responsive */ @media (max-width: 1024px) { .hero-main { grid-template-columns: 1fr; } .hero-right { max-width: 100%; } .hero-testimonials { grid-template-columns: 1fr; } .pillars-grid { grid-template-columns: 1fr; } .trust-grid { grid-template-columns: 1fr; } .pricing-grid { grid-template-columns: 1fr; } .about-values-grid { grid-template-columns: 1fr; } .founders-grid { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .container { padding: 0 1rem; } section { padding: 3rem 0; } nav { display: none; } .logos-grid { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } .hero-main { grid-template-columns: 1fr; } .hero-testimonials { grid-template-columns: 1fr; } .btn-group { flex-direction: column; } .btn-group .btn { width: 100%; } .testimonials-grid { grid-template-columns: 1fr; } .case-studies-grid { grid-template-columns: 1fr; } .blog-grid { grid-template-columns: 1fr; } .investors-grid { grid-template-columns: 1fr; } }

automated e2e-tests at scale
catch bugs before your users do

Everything your e2e setup needs - smarter runs, clearer insights, and dependable results starting on day one.

✓ Tired of stepping through broken logs? Persistent traces cut debugging time by 50%.

✓ Sick of flaky tests? Self-healing reduces false positives by 78%.

✓ Struggling with coverage? AI helps your whole team add and adapt tests.

TRY FOR FREE 📅 BOOK A DEMO

SOC-2 compliant · integrates with GitHub and Azure Devops · connects with Testrail & XRay · MCP ready

"It is what sets Octomind apart from other LLM-based tools. It's repeatable and reliable."

Mark O'Donnell

Principal Engineer, Deriv

"Auto-fix and maintenance is why I buy Octomind."

Fabian Frank

CTO & co-founder, BRM

Trusted by hundreds of teams around the world

BRM Deriv Fixify Wingrep Hadrian Lennar

all you need for stable, scalable e2e tests

in your workflow

You get fast creation, stable execution, instant debugging, and self-healing maintenance so your tests stay reliable and your pipeline stays green.

✨

Creation

Instant test code from simple actions.

Product, QA, and engineering can all create test cases visually, while Octomind handles the code, structure, and best practices. Supports visual editor, recording mode, and natural language prompts.

▶

Execution

Local or cloud — your choice.

Run tests seamlessly across your preferred environment while Octomind ensures stable, reproducible results. Parallel execution across browsers with detailed reporting and trace collection.

🔍

Debugging

See exactly what went wrong.

Octomind highlights failures with screenshots, logs, and visual diffs so you can pinpoint issues instantly. Persistent traces let you compare failed and successful runs side-by-side.

🔧

Maintenance

Your tests fix themselves.

Octomind automatically updates selectors and flows, keeping your test suite stable without manual effort. AI-powered auto-fix for broken selectors with one-click approval.

loved by engineering teams

"It is what sets Octomind apart from other LLM-based tools. It's repeatable and reliable."

Mark O'Donnell

Principal Engineer, Deriv

"The visual test history is incredibly helpful, I can quickly confirm test health and debug failures fast."

Anom Chavez

QA Engineer, WingRep

"Auto-fix and maintenance is why I buy Octomind."

Fabian Frank

CTO & co-founder, BRM

"I love how quickly Octomind evolves and improves. It saves QA time and directs us right to the bugs with AI-generated executable test cases."

Klaus Krogmann

Director AI & Software Engineering, GoTo

"Awesome product! Even handles obscure OTP code libraries! Now I hate tests a bit less :)"

Georgi Urumov

CTO, Mentalyc

full transparency, full control over your tests

AICPA SOC-2

privacy and security

We do not train on your data. We are SOC-2 compliant. You can test private apps behind firewalls.

open source on your machine

Everything that runs locally is fully open source. Review the code on GitHub anytime and verify exactly what's happening.

the code is yours

All test code is standard Playwright and fully portable. You can access it at any time. We don't lock you in.

frequently asked questions

What is Octomind?

Octomind is an AI-powered QA platform that creates, runs, and auto-fixes end-to-end tests for your web app — no coding or QA engineer required. It integrates directly into your CI/CD workflow and ensures every core user journey stays intact across releases.

Who is Octomind built for?

Octomind is designed for early-stage and fast-growing SaaS or AI startups with small engineering teams that ship multiple times a week. If you're moving fast, don't have dedicated QA, and are tired of firefighting production bugs, Octomind is for you.

How long does it take to set up and see results?

Setup takes under 5 minutes, and you'll start seeing automated test results immediately after your next pull request. No complex configuration or test scripting required.

How does Octomind improve product quality and speed?

Octomind automatically protects your core user flows with stable, self-healing tests that run on every deploy. As coverage increases, it catches regressions before they reach users — reducing bugs, support tickets, and sleepless nights while helping your team ship faster and more confidently.

Why should I trust Octomind?

Octomind is trusted by thousands of engineering teams worldwide, integrates seamlessly with Playwright, Cypress, and modern CI/CD pipelines, and is SOC-2 certified. There's no vendor lock-in — your code and tests remain fully yours.

simple, transparent pricing

Choose the plan that fits your team. All plans include our core AI-powered testing features.

Basic

$89/month

For small teams getting serious

START FREE TRIAL

80 test cases
240 cloud runs/month
3 parallel executions
3 projects/URLs
20 AI test creations/month
max 15 steps per test case
email support

Pro

$589/month

For growing teams shipping fast

START FREE TRIAL

300 test cases
1,800 cloud runs/month
12 parallel executions
10 projects/URLs
75 AI test creations/month
max 30 steps per test case
priority support

Enterprise

Custom

For organizations at scale

CONTACT SALES

unlimited test cases
custom cloud runs
custom parallel execution
unlimited projects/URLs
custom AI test creations/month
custom max steps per test case
dedicated support
custom SLA
SOC2 compliance

octomind used in the real world

Projects, customer testimonials and use cases of Octomind tests deployed in the wild. See examples of ROI on using AI-powered end-to-end testing.

product real world use

Leaping AI ships faster with reliable e2e tests - without hiring a QA

Leaping AI builds self-improving voice AI agents for phone support. But while their product evolves autonomously, their internal QA did not.

December 3, 2025 · Case Study · Click to expand

The Challenge

Leaping AI, a startup building voice AI agents for phone support, faced a common scaling dilemma: their product was evolving rapidly, but their QA process couldn't keep up. With a small engineering team focused on building features, manual testing became a bottleneck that threatened their release velocity.

The Solution

By implementing Octomind's AI-powered e2e testing, Leaping AI was able to automate their critical user flows without hiring dedicated QA engineers. The platform's intelligent test generation understood their complex voice AI interfaces and created reliable, maintainable tests.

The Results

50% faster release cycles - Tests run automatically on every PR
Zero QA hires needed - Engineering team handles testing with AI assistance
95%+ test stability - Self-healing tests reduce maintenance burden
Caught 12 critical bugs before production in the first month

"Octomind let us scale our QA without scaling our team. It's like having a QA engineer that never sleeps." — CTO, Leaping AI

product enterprise

Scaling QA to match the speed of engineering innovation at Deriv

How Deriv, one of the world's largest online brokers, transformed testing with Octomind to build a scalable, resilient QA framework.

August 7, 2025 · Case Study · Click to expand

The Challenge

Deriv, serving millions of traders globally, needed their QA to match their engineering velocity. Traditional testing approaches were creating bottlenecks, with test maintenance consuming 40% of QA resources. Their complex trading platform required testing across multiple browsers, devices, and market conditions.

The Solution

Deriv partnered with Octomind to build a scalable testing infrastructure. The AI-powered platform automated test creation for their most critical trading flows, while the auto-fix feature kept tests stable as their UI evolved rapidly.

The Results

70% reduction in test maintenance time - Auto-fix handles UI changes automatically
3x more test coverage - AI generates tests faster than manual scripting
Cross-browser confidence - Tests run on Chrome, Firefox, Safari, and Edge
CI/CD integration - Tests block deploys only when real issues are found

"It is what sets Octomind apart from other LLM-based tools. It's repeatable and reliable." — Mark O'Donnell, Principal Engineer, Deriv

product startup

Faster QA for early movers in AI sales coaching at WingRep

Octomind automated QA so WingRep could scale the development of their sales coaching app without the risk of buggy experience.

July 16, 2025 · Case Study · Click to expand

The Challenge

WingRep, building AI-powered sales coaching software, was shipping features weekly but lacked the QA resources to ensure quality. Their sales coaching platform had complex user flows involving video analysis, feedback generation, and progress tracking that were difficult to test manually.

The Solution

WingRep adopted Octomind to automate their e2e testing. Within days, they had tests covering their core coaching workflows. The visual test history helped them quickly identify and debug failures, while the AI-powered test generation saved hours of scripting time.

The Results

80% of critical flows covered in the first two weeks
5 hours saved weekly on manual regression testing
Faster debugging with visual test history and trace comparison
Confident weekly releases with automated quality gates

"The visual test history is incredibly helpful, I can quickly confirm test health and debug failures fast." — Anom Chavez, QA Engineer, WingRep

product enterprise

Big SaaS cuts test maintenance by 83% with Octomind auto-fix

Enterprise platform SaaS solved test maintenance thanks to Octomind advanced debugging and auto-fix features.

May 15, 2025 · Case Study · Click to expand

The Challenge

A large enterprise SaaS company was drowning in test maintenance. Every UI update broke dozens of tests, and their QA team spent more time fixing tests than writing new ones. With a complex application spanning multiple modules, test flakiness was undermining confidence in their CI/CD pipeline.

The Solution

Octomind's auto-fix feature automatically updated selectors and test steps when the UI changed. The advanced debugging tools with persistent traces helped the team quickly identify whether failures were real bugs or test issues.

The Results

83% reduction in test maintenance - Auto-fix handles most UI changes
95% test stability - Down from 70% before Octomind
2x faster bug detection - Persistent traces speed up debugging
QA team refocused on exploratory testing and new coverage

"We went from dreading UI updates to embracing them. Octomind's auto-fix handles the maintenance so we can focus on quality." — Senior QA Engineer

product cost savings

Big SaaS cut $300K in QA costs & quadrupled automation

High volume test automation of a large app - a rapidly scaling B2B SaaS company was stuck in a costly and slow testing cycle.

April 12, 2025 · Case Study · Click to expand

The Challenge

A rapidly scaling B2B SaaS company was spending $400K annually on QA, primarily on manual testing contractors. Their twice-weekly releases were consistently delayed by testing bottlenecks, and automation attempts with traditional tools required dedicated test engineers they couldn't hire fast enough.

The Solution

Octomind enabled their existing QA team to create automated tests without coding. The AI-powered platform understood their complex enterprise workflows and generated reliable tests that could run in parallel across browsers.

The Results

$300K annual savings - Reduced contractor dependency
4x more automated tests - From 50 to 200+ automated scenarios
Test execution time cut by 75% - Parallel execution in the cloud
Release cycles shortened from 3 days to same-day
Non-engineers creating tests - QA team fully autonomous

"Octomind paid for itself in the first month. The ROI is undeniable." — VP of Engineering

blogtopus

Insights, tutorials, and best practices for modern software testing

testingLLMs

Where ChatGPT helps automate tests (and where it still falls short)

While ChatGPT can be immensely helpful, it's not a full test automation engine.

November 28, 2025 · Click to read more

Where ChatGPT Excels

ChatGPT is excellent at generating boilerplate test code, explaining testing concepts, and helping you understand complex testing patterns. It can write Playwright or Cypress snippets quickly and suggest assertions based on your requirements.

Where It Falls Short

Cannot actually run tests or interact with your application
Has no knowledge of your specific DOM structure or selectors
Cannot maintain tests when your UI changes
Lacks context about your test history and flakiness patterns

The Takeaway

ChatGPT is a great coding assistant, but it's not a replacement for a purpose-built testing platform that can generate, run, and maintain tests with full context of your application.

testingenterprise

11 enterprise-ready end-to-end testing tools (built for scale)

Large orgs need more than a cool demo. You need coverage, stability, and low maintenance.

November 10, 2025 · Click to read more

What Makes a Tool Enterprise-Ready?

Scalable execution across thousands of tests
Enterprise security controls (SSO, audit logs, SOC-2)
Stable test results with low flakiness
Low maintenance overhead as apps evolve
Integration with existing CI/CD pipelines

Top Contenders

The article covers tools like Playwright, Cypress, TestCafe, Selenium Grid, BrowserStack, Sauce Labs, LambdaTest, Octomind, Mabl, Testim, and Rainforest QA — each evaluated for enterprise readiness.

AI agentscoding

Why agents DO NOT write most of our code - a reality check

Despite all the hype, we're nowhere near "agents writing most of our code."

October 29, 2025 · Click to read more

The Reality at Octomind

We love LLMs and use them everywhere we can — from our product to internal workflows. But our engineers still write the vast majority of our code. Here's why:

Complex architectural decisions require human judgment
LLMs struggle with large codebases and context limits
Code review and quality control still needs humans
Edge cases and security considerations are hard for AI

Where AI Does Help

AI excels at boilerplate generation, documentation, test scaffolding, and explaining unfamiliar code. It's a productivity multiplier, not a replacement.

testingAI

9 agentic end-to-end testing tools to consider in 2025

Tools that generate or maintain tests with AI, cover real-world use cases, and integrate with CI/CD.

August 14, 2025 · Click to read more

Selection Criteria

We focused on tools that use AI or agentic approaches for test creation or maintenance, work with real web applications, and integrate into modern CI/CD workflows.

Tools Covered

Octomind - AI-powered test generation and auto-fix
Mabl - Low-code with AI-assisted healing
Testim - AI-based element locators
Functionize - NLP-driven test creation
Katalon with AI - Traditional tool with AI features
Plus 4 more emerging players in the space

AIdevelopment

Why devs need AI-powered e2e test automation

6 reasons why automated, AI-powered e2e tests belong in every development pipeline.

August 4, 2025 · Click to read more

The 6 Reasons

Speed: AI generates tests in minutes, not days
Coverage: Automatically discover and test user flows
Maintenance: Self-healing tests reduce upkeep burden
Reliability: AI-powered locators are more stable
Accessibility: Non-coders can create and modify tests
Integration: Seamless CI/CD integration for continuous quality

testinggenerative AI

AI doesn't belong in test runtime

Not all AI in e2e testing is created equal. Deploy AI to testing successfully by addressing brittleness.

February 13, 2025 · Click to read more

The Problem with Runtime AI

Some testing tools use AI during test execution to "figure out" what to do next. This introduces non-determinism — the same test can behave differently each run.

A Better Approach

AI should be used for test generation and maintenance, not execution. Generated tests should be deterministic Playwright/Cypress code that runs reliably every time.

AI generates the test code (creation time)
Standard framework executes the code (runtime)
AI fixes broken tests when UI changes (maintenance time)

testingautomation

Stop automating manual test cases

There's more to test automation than scripting what you'd execute manually.

January 16, 2025 · Click to read more

The Problem

Many teams try to automate their manual test cases 1:1. This leads to inefficient, hard-to-maintain test suites that don't leverage automation's strengths.

Better Practices

Design tests specifically for automation (AAA pattern)
Use test chaining to reduce setup overhead
Separate test cases from test scripts
Optimize for parallel execution
Focus on user journeys, not individual actions

agentsLLMs

Why we no longer use LangChain for our AI agents

When abstractions do more harm than good - lessons learned in production.

June 13, 2024 · Click to read more

The Honeymoon Phase

LangChain seemed perfect — it promised to simplify building AI agents with ready-made abstractions and chains. We built our initial agents on top of it.

What Went Wrong

Abstractions leaked and required deep diving into internals
Type safety issues in production caused hard-to-debug errors
Rapid version changes broke our code frequently
Performance overhead from unnecessary abstractions

Our Solution

We moved to a modular, building-block approach using the raw OpenAI SDK with our own thin wrappers. More code, but more control and reliability.

testinginvestor news

We got funded! $4.8M to reinvent testing with AI

Led by Cherry Ventures, the round supports our mission to make e2e testing accessible to everyone.

April 23, 2024 · Click to read more

The Announcement

We're thrilled to announce our $4.8M seed round led by Cherry Ventures, with participation from incredible angel investors who believe in our vision.

What This Means

Expanded R&D on AI test generation capabilities
Growing our engineering and customer success teams
Enterprise features and integrations
Continued commitment to developer experience

Thank you to everyone who believed in us. We're just getting started!

testingsoftware development

Why we built an e2e testing tool on top of Playwright

To build a better way of testing, we needed a framework to complement our AI agents.

March 7, 2024 · Click to read more

Why Playwright?

Multi-browser: Chrome, Firefox, Safari, Edge out of the box
Auto-waiting: Built-in intelligent waiting reduces flakiness
Trace viewer: Powerful debugging with full execution traces
TypeScript-first: Great developer experience with type safety
Active development: Microsoft's backing ensures longevity

Our Philosophy

We generate standard Playwright code — no proprietary DSL or lock-in. Your tests are portable and you can run them anywhere Playwright runs.

we help build better software

We are on a mission to make quality software testing accessible to every development team

we care

deeply about the code quality and the value our app delivers to our users and to their users.

we believe

that only end-to-end tests can give you the confidence to ship a product your users will love.

we are on a mission

to eliminate the annoying parts of end-to-end testing and speed you up.

backed by incredible investors

Jasper Masemann

partner, Cherry Ventures

Sean Mullaney

CTO, Algolia

Lutz Finger

angel investor, ex-Linkedin, ex-Snap

Alan Hamlett

founder & CEO, WakaTime

Elias Schneider

co-founder & CEO, Codesphere

angel investor, ex-Microsoft

the founders' story

Marc Mengler and Daniel Rödler, founders of Octomind

Octomind was born from Marc Mengler and Daniel Rödler's shared frustration with slow, manual QA. Marc had been building ML-powered web apps since 2015, and Daniel had run GoTo Meeting's massively scaled web client. They met at Marc's startup, Understand.ai, where testing bottlenecks kept draining time and money.

When genAI breakthroughs hit in early 2023, the solution clicked: combine Daniel's product vision with Marc's ML chops to finally automate the painful parts of end-to-end testing. Octomind is the result.

release confidence starts here

Try Octomind and instantly get stable runs, visual debugging, and self-healing tests.

TRY FOR FREE