@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--ab-bg-primary:#0a0f1a;--ab-bg-secondary:#0f172a;--ab-bg-card:#1e293b80;--ab-teal:#14b8a6;--ab-teal-dark:#0d9488;--ab-teal-glow:#14b8a626;--ab-purple:#8b5cf6;--ab-blue:#3b82f6;--ab-orange:#f97316;--ab-green:#22c55e;--ab-pink:#ec4899;--ab-red:#ef4444;--ab-yellow:#eab308;--ab-text-primary:#f8fafc;--ab-text-secondary:#94a3b8;--ab-text-muted:#64748b;--ab-border:#ffffff0d;--ab-border-hover:#14b8a64d}.ab-section *{box-sizing:border-box;margin:0;padding:0}.ab-section{background:var(--ab-bg-primary);color:var(--ab-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.ab-bg-effects{pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% 0,#14b8a61a,#0000),radial-gradient(50% 30% at 90%,#8b5cf60f,#0000);position:fixed;inset:0}.ab-content{z-index:1;position:relative}.ab-container{max-width:1200px;margin:0 auto;padding:0 40px}.ab-badge{background:var(--ab-teal-glow);color:var(--ab-teal);border:1px solid #14b8a64d;border-radius:100px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;font-size:12px;font-weight:500;display:inline-flex}.ab-badge-dot{background:var(--ab-teal);border-radius:50%;width:6px;height:6px;animation:2s infinite abPulse}@keyframes abPulse{0%,to{opacity:1}50%{opacity:.4}}.ab-hero-new{padding:140px 0 60px;position:relative}.ab-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.ab-hero-content h1{margin-bottom:20px;font-size:52px;font-weight:700;line-height:1.1}.ab-hero-content h1 span{background:linear-gradient(135deg,var(--ab-teal),var(--ab-purple));-webkit-background-clip:text}.ab-hero-subtitle{color:var(--ab-text-secondary);margin-bottom:32px;font-size:18px;line-height:1.7}.ab-hero-cta{gap:16px;display:flex}.ab-hero-btn{border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.ab-hero-btn.primary{background:linear-gradient(135deg,var(--ab-teal),var(--ab-teal-dark));color:#fff}.ab-hero-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #14b8a666}.ab-hero-btn.secondary{background:var(--ab-bg-card);border:1px solid var(--ab-border);color:var(--ab-text-primary)}.ab-hero-btn.secondary:hover{border-color:var(--ab-teal)}.ab-hero-demo{position:relative}.ab-demo-browser{background:var(--ab-bg-secondary);border:1px solid var(--ab-border);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px #0006}.ab-demo-header{border-bottom:1px solid var(--ab-border);background:#0f172ae6;align-items:center;gap:8px;height:40px;padding:0 14px;display:flex}.ab-demo-dot{border-radius:50%;width:10px;height:10px}.ab-demo-dot:first-child{background:#ef4444}.ab-demo-dot:nth-child(2){background:#eab308}.ab-demo-dot:nth-child(3){background:#22c55e}.ab-demo-content{min-height:280px;padding:20px}.ab-demo-metrics{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.ab-demo-metric{background:var(--ab-bg-card);border:1px solid var(--ab-border);text-align:center;opacity:0;border-radius:12px;padding:20px;animation:.6s ease-out forwards metricFadeIn;transform:translateY(20px)}.ab-demo-metric:first-child{animation-delay:.2s}.ab-demo-metric:nth-child(2){animation-delay:.4s}.ab-demo-metric:nth-child(3){animation-delay:.6s}.ab-demo-metric:nth-child(4){animation-delay:.8s}@keyframes metricFadeIn{to{opacity:1;transform:translateY(0)}}.ab-demo-metric-value{margin-bottom:4px;font-size:32px;font-weight:700}.ab-demo-metric:first-child .ab-demo-metric-value{color:var(--ab-teal)}.ab-demo-metric:nth-child(2) .ab-demo-metric-value{color:var(--ab-purple)}.ab-demo-metric:nth-child(3) .ab-demo-metric-value{color:var(--ab-blue)}.ab-demo-metric:nth-child(4) .ab-demo-metric-value{color:var(--ab-orange)}.ab-demo-metric-label{color:var(--ab-text-muted);font-size:12px}.ab-demo-metric-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-top:12px;overflow:hidden}.ab-demo-metric-fill{border-radius:2px;width:0;height:100%;animation:1.5s ease-out forwards barFill}.ab-demo-metric:first-child .ab-demo-metric-fill{background:var(--ab-teal);animation-delay:.8s}.ab-demo-metric:nth-child(2) .ab-demo-metric-fill{background:var(--ab-purple);animation-delay:1s}.ab-demo-metric:nth-child(3) .ab-demo-metric-fill{background:var(--ab-blue);animation-delay:1.2s}.ab-demo-metric:nth-child(4) .ab-demo-metric-fill{background:var(--ab-orange);animation-delay:1.4s}@keyframes barFill{to{width:var(--fill-width,80%)}}.ab-demo-float{background:var(--ab-bg-card);border:1px solid var(--ab-border);border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:12px;animation:3s ease-in-out infinite floatBounce;display:flex;position:absolute;box-shadow:0 10px 30px #0000004d}.ab-demo-float.top-left{animation-delay:0s;top:-20px;left:-30px}.ab-demo-float.bottom-right{animation-delay:1.5s;bottom:-20px;right:-30px}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ab-demo-float-icon{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.ab-demo-float-icon.teal{background:var(--ab-teal-glow)}.ab-demo-float-icon.purple{background:#8b5cf626}.ab-why-section{padding:80px 0}.ab-why-header{text-align:center;margin-bottom:60px}.ab-why-header h2{margin-bottom:16px;font-size:40px;font-weight:700}.ab-why-header p{color:var(--ab-text-secondary);max-width:600px;margin:0 auto;font-size:18px}.ab-why-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:60px;display:grid}.ab-why-card{background:var(--ab-bg-card);border:1px solid var(--ab-border);opacity:0;border-radius:20px;padding:40px;transition:all .3s;position:relative;overflow:hidden;transform:translateY(30px)}.ab-why-card.visible{opacity:1;transform:translateY(0)}.ab-why-card:hover{border-color:var(--ab-border-hover);transform:translateY(-4px)}.ab-why-stat{margin-bottom:16px;font-size:72px;font-weight:700;line-height:1;display:inline-block;position:relative}.ab-why-card:first-child .ab-why-stat{color:var(--ab-red)}.ab-why-card:nth-child(2) .ab-why-stat{color:var(--ab-orange)}.ab-why-card:nth-child(3) .ab-why-stat{color:var(--ab-yellow)}.ab-why-card:nth-child(4) .ab-why-stat{color:var(--ab-teal)}.ab-why-desc{color:var(--ab-text-secondary);margin-bottom:24px;font-size:18px;line-height:1.6}.ab-why-solution{background:#0f172a99;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex}.ab-why-solution-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.ab-why-card:first-child .ab-why-solution-icon{background:#14b8a626}.ab-why-card:nth-child(2) .ab-why-solution-icon{background:#8b5cf626}.ab-why-card:nth-child(3) .ab-why-solution-icon{background:#3b82f626}.ab-why-card:nth-child(4) .ab-why-solution-icon{background:#f9731626}.ab-why-solution-content{flex:1}.ab-why-solution-title{align-items:center;gap:8px;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.ab-why-solution-title span{border-radius:4px;padding:2px 8px;font-size:10px}.ab-why-card:first-child .ab-why-solution-title span{background:var(--ab-teal-glow);color:var(--ab-teal)}.ab-why-card:nth-child(2) .ab-why-solution-title span{color:var(--ab-purple);background:#8b5cf626}.ab-why-card:nth-child(3) .ab-why-solution-title span{color:var(--ab-blue);background:#3b82f626}.ab-why-card:nth-child(4) .ab-why-solution-title span{color:var(--ab-orange);background:#f9731626}.ab-why-solution-text{color:var(--ab-text-muted);font-size:12px}.ab-why-solution-link{border:1px solid var(--ab-border);color:var(--ab-teal);background:0 0;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s}.ab-why-solution-link:hover{background:var(--ab-teal);border-color:var(--ab-teal);color:#fff}.ab-why-card:before{content:"";transform-origin:0;height:4px;transition:transform .6s ease-out;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.ab-why-card:first-child:before{background:var(--ab-red)}.ab-why-card:nth-child(2):before{background:var(--ab-orange)}.ab-why-card:nth-child(3):before{background:var(--ab-yellow)}.ab-why-card:nth-child(4):before{background:var(--ab-teal)}.ab-why-card.visible:before{transform:scaleX(1)}.ab-mission-section{padding:60px 0}.ab-mission-card{background:var(--ab-bg-card);border:1px solid var(--ab-border);text-align:center;border-radius:24px;padding:40px 48px}.ab-mission-title{margin-bottom:20px;font-size:28px;font-weight:700}.ab-mission-text{color:var(--ab-text-secondary);margin-bottom:16px;font-size:16px;line-height:1.8}.ab-mission-highlight{color:var(--ab-teal);font-weight:600}.ab-story-section{padding:60px 0}.ab-section-title{text-align:center;margin-bottom:40px;font-size:36px;font-weight:700}.ab-mythology-card{background:linear-gradient(145deg,var(--ab-bg-card),#0f172a66);border:1px solid var(--ab-border);border-radius:24px;padding:40px;position:relative;overflow:hidden}.ab-mythology-card:before{content:"";background:linear-gradient(90deg,var(--ab-teal),var(--ab-purple),var(--ab-orange),var(--ab-green));height:4px;position:absolute;top:0;left:0;right:0}.ab-mythology-intro{color:var(--ab-text-secondary);text-align:center;margin-bottom:32px;font-size:16px;line-height:1.8}.ab-mythology-intro strong{color:var(--ab-teal)}.ab-siblings-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.ab-sibling-card{border:1px solid var(--ab-border);text-align:center;background:#0f172a99;border-radius:16px;padding:20px;transition:all .3s}.ab-sibling-card:hover{border-color:var(--ab-border-hover);transform:translateY(-4px)}.ab-sibling-icon{margin-bottom:12px;font-size:28px}.ab-sibling-name{margin-bottom:4px;font-size:14px;font-weight:600}.ab-sibling-name.teal{color:var(--ab-teal)}.ab-sibling-name.purple{color:var(--ab-purple)}.ab-sibling-name.blue{color:var(--ab-blue)}.ab-sibling-name.orange{color:var(--ab-orange)}.ab-sibling-meaning{color:var(--ab-text-muted);font-size:11px}.ab-mythology-conclusion{color:var(--ab-text-secondary);text-align:center;border-top:1px solid var(--ab-border);padding-top:24px;font-size:15px;line-height:1.7}.ab-users-section{padding:60px 0}.ab-users-container{background:linear-gradient(135deg,#14b8a608,#0f172a80);border:1px solid #14b8a626;border-radius:24px;padding:40px}.ab-users-header{text-align:center;margin-bottom:32px}.ab-users-header h3{margin-bottom:8px;font-size:24px;font-weight:700}.ab-users-header p{color:var(--ab-text-secondary);font-size:14px}.ab-users-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px;display:flex}.ab-users-tab{background:var(--ab-bg-card);border:1px solid var(--ab-border);color:var(--ab-text-secondary);cursor:pointer;border-radius:100px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .2s}.ab-users-tab:hover{border-color:var(--ab-teal);color:var(--ab-teal)}.ab-users-tab.active{background:var(--ab-teal);border-color:var(--ab-teal);color:#fff}.ab-users-content{animation:.3s fadeIn;display:none}.ab-users-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ab-user-card{border:1px solid var(--ab-border);background:#0f172a80;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:32px;padding:24px;display:grid}.ab-user-avatar{background:linear-gradient(135deg,var(--ab-teal),var(--ab-purple));border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;display:flex}.ab-user-info h4{margin-bottom:4px;font-size:18px;font-weight:600}.ab-user-role{color:var(--ab-teal);margin-bottom:12px;font-size:13px}.ab-user-desc{color:var(--ab-text-secondary);font-size:14px;line-height:1.7}.ab-user-tasks{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.ab-user-task{background:var(--ab-bg-card);border:1px solid var(--ab-border);color:var(--ab-text-muted);border-radius:6px;padding:4px 12px;font-size:11px}.ab-industries-section{padding:60px 0}.ab-industries-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.ab-industry-card{background:var(--ab-bg-card);border:1px solid var(--ab-border);text-align:center;opacity:0;border-radius:16px;padding:28px;transition:all .3s;transform:translateY(20px)}.ab-industry-card.visible{opacity:1;transition:all .5s ease-out;transform:translateY(0)}.ab-industry-card:hover{border-color:var(--ab-border-hover);transform:translateY(-4px)}.ab-industry-icon{background:var(--ab-teal-glow);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:28px;display:flex}.ab-industry-name{margin-bottom:8px;font-size:15px;font-weight:600}.ab-industry-desc{color:var(--ab-text-muted);font-size:12px;line-height:1.5}.ab-comparison-section{padding:60px 0}.ab-table-container{background:var(--ab-bg-card);border:1px solid var(--ab-border);border-radius:20px;position:relative;overflow:hidden}.ab-table-scroll-indicator{background:linear-gradient(to top,var(--ab-bg-card)0%,transparent 100%);pointer-events:none;z-index:20;justify-content:center;align-items:flex-end;height:80px;padding-bottom:16px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.ab-table-scroll-indicator.hidden{opacity:0}.ab-scroll-hint{border:1px solid var(--ab-border);color:var(--ab-text-muted);pointer-events:auto;background:#0f172ae6;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.ab-scroll-hint svg{animation:1.5s ease-in-out infinite scrollBounce}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.ab-table-header{border-bottom:1px solid var(--ab-border);z-index:10;background:#0f172acc;grid-template-columns:2fr repeat(4,1fr);padding:20px 24px;display:grid;position:sticky;top:0}.ab-table-header-cell{text-align:center;color:var(--ab-text-secondary);font-size:12px;font-weight:600}.ab-table-header-cell.highlight{color:var(--ab-teal);position:relative}.ab-table-header-cell.highlight:after{content:"★ BEST";color:var(--ab-teal);margin-top:4px;font-size:8px;display:block}.ab-table-body{max-height:500px;overflow-y:auto}.ab-table-row{border-bottom:1px solid var(--ab-border);grid-template-columns:2fr repeat(4,1fr);padding:14px 24px;transition:background .2s;display:grid}.ab-table-row:hover{background:#14b8a608}.ab-table-feature{color:var(--ab-text-primary);align-items:center;font-size:13px;display:flex}.ab-table-cell{justify-content:center;align-items:center;display:flex}.ab-check{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.ab-check.yes{color:var(--ab-green);background:#22c55e26}.ab-check.no{color:var(--ab-red);background:#ef444426}.ab-check.partial{color:var(--ab-yellow);background:#eab30826}.ab-check.highlight{background:var(--ab-teal);color:#fff}.ab-exclusive{background:linear-gradient(135deg,var(--ab-teal),var(--ab-teal-dark));color:#fff;letter-spacing:.03em;border-radius:6px;padding:4px 10px;font-size:9px;font-weight:700}.ab-cta-section{padding:60px 0 80px}.ab-cta-card{text-align:center;background:linear-gradient(135deg,#14b8a626,#8b5cf61a);border:1px solid #14b8a64d;border-radius:24px;padding:60px}.ab-cta-title{margin-bottom:16px;font-size:32px;font-weight:700}.ab-cta-text{color:var(--ab-text-secondary);margin-bottom:32px;font-size:16px}.ab-cta-btn{background:linear-gradient(135deg,var(--ab-teal),var(--ab-teal-dark));color:#fff;border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.ab-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #14b8a666}@media (max-width:1000px){.ab-hero-grid{text-align:center;grid-template-columns:1fr}.ab-hero-cta{justify-content:center}.ab-hero-demo{margin-top:40px}.ab-demo-float{display:none}.ab-why-grid{grid-template-columns:1fr}.ab-siblings-grid,.ab-industries-grid{grid-template-columns:repeat(2,1fr)}.ab-table-header,.ab-table-row{grid-template-columns:1.5fr repeat(4,1fr)}}@media (max-width:640px){.ab-container{padding:0 24px}.ab-hero-content h1{font-size:36px}.ab-why-stat{font-size:56px}.ab-siblings-grid,.ab-industries-grid{grid-template-columns:1fr}.ab-hero-cta{flex-direction:column}.ab-table-container{overflow-x:auto}.ab-table-header,.ab-table-row{min-width:700px}}