/* ═══════════════════════════════════════════════════════════════ CHAOZCODE LANDING PAGE - ENHANCED DESIGN SYSTEM v7.0 Maximum Visual Impact | Industry-Standard Conversion Layout ═══════════════════════════════════════════════════════════════ */ @keyframes float{0%,100%{transform:translateY(0px);}50%{transform:translateY(-15px);}}@keyframes float-delayed{0%,100%{transform:translateY(0px) rotate(0deg);}25%{transform:translateY(-8px) rotate(1deg);}75%{transform:translateY(5px) rotate(-1deg);}}@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px oklch(50% 0.17 265 / 0.3);}50%{box-shadow:0 0 50px oklch(50% 0.17 265 / 0.6);}}@keyframes gradient-shift{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@keyframes fade-in-up{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}@keyframes fade-in-down{from{opacity:0;transform:translateY(-30px);}to{opacity:1;transform:translateY(0);}}@keyframes glow-border{0%,100%{border-color:var(--border);}50%{border-color:var(--primary-7);}}@keyframes rotate-slow{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden;}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;}/* ═══════════════════════════════════════════════════════════════ CSS VARIABLES ═══════════════════════════════════════════════════════════════ */:root{--primary-5:oklch(78% 0.10 265);--primary-7:oklch(62% 0.15 265);--primary-9:oklch(50% 0.17 265);--secondary-9:oklch(50% 0.18 300);--accent-cyan:oklch(70% 0.15 200);--accent-gold:oklch(75% 0.15 85);--accent-green:oklch(65% 0.2 160);--accent-orange:oklch(70% 0.18 50);--accent-pink:oklch(65% 0.2 350);--success-9:oklch(55% 0.16 145);--bg-darkest:oklch(6% 0 0);--bg-dark:oklch(10% 0.005 265);--bg-surface:oklch(14% 0.008 265);--bg-elevated:oklch(18% 0.01 265);--bg-hover:oklch(22% 0.012 265);--bg-glass:oklch(12% 0.008 265 / 0.7);--text-primary:oklch(95% 0.01 265);--text-secondary:oklch(75% 0.02 265);--text-muted:oklch(55% 0.02 265);--border:oklch(30% 0.03 265 / 0.5);--border-hover:oklch(50% 0.10 265 / 0.5);--border-glow:oklch(50% 0.17 265 / 0.3);--gradient:linear-gradient(135deg,var(--primary-9),var(--secondary-9));--gradient-gold:linear-gradient(135deg,oklch(70% 0.15 85),oklch(65% 0.18 45));--gradient-cyan:linear-gradient(135deg,var(--accent-cyan),var(--primary-9));--gradient-green:linear-gradient(135deg,oklch(60% 0.18 160),oklch(55% 0.15 145));--gradient-pink:linear-gradient(135deg,var(--accent-pink),var(--secondary-9));--gradient-radial:radial-gradient(ellipse at center,var(--primary-9),transparent 70%);--fluid-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--fluid-sm:clamp(0.875rem,0.8rem + 0.4vw,1rem);--fluid-base:clamp(1rem,0.9rem + 0.5vw,1.125rem);--fluid-lg:clamp(1.125rem,1rem + 0.75vw,1.375rem);--fluid-xl:clamp(1.5rem,1.25rem + 1.25vw,2rem);--fluid-2xl:clamp(2rem,1.5rem + 2.5vw,3rem);--fluid-3xl:clamp(2.5rem,2rem + 3vw,4rem);--fluid-4xl:clamp(3rem,2.5rem + 4vw,5.5rem);--fluid-5xl:clamp(4rem,3rem + 5vw,7rem);--space-xs:clamp(0.25rem,0.2rem + 0.25vw,0.5rem);--space-sm:clamp(0.5rem,0.4rem + 0.5vw,0.75rem);--space-md:clamp(0.75rem,0.6rem + 0.75vw,1rem);--space-lg:clamp(1rem,0.8rem + 1vw,1.5rem);--space-xl:clamp(1.5rem,1rem + 2vw,2.5rem);--space-2xl:clamp(2rem,1.5rem + 2.5vw,3.5rem);--space-3xl:clamp(3rem,2rem + 4vw,6rem);--space-4xl:clamp(4rem,3rem + 5vw,8rem);--radius:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-3xl:32px;--shadow-sm:0 2px 8px oklch(0% 0 0 / 0.3);--shadow-md:0 4px 16px oklch(0% 0 0 / 0.4);--shadow-lg:0 8px 32px oklch(0% 0 0 / 0.5);--shadow-xl:0 16px 64px oklch(0% 0 0 / 0.6);--shadow-glow:0 0 50px var(--primary-9);--shadow-glow-lg:0 0 100px oklch(50% 0.17 265 / 0.4);}/* ═══════════════════════════════════════════════════════════════════════════ LIGHT THEME OVERRIDE ═══════════════════════════════════════════════════════════════════════════ */ [data-theme="light"]{--bg-darkest:oklch(100% 0 0);--bg-dark:oklch(98% 0.005 265);--bg-surface:oklch(96% 0.008 265);--bg-elevated:oklch(100% 0 0);--bg-hover:oklch(94% 0.01 265);--bg-glass:oklch(100% 0 0 / 0.7);--text-primary:oklch(15% 0.01 265);--text-secondary:oklch(35% 0.02 265);--text-muted:oklch(50% 0.02 265);--border:oklch(85% 0.02 265 / 0.5);--border-hover:oklch(70% 0.05 265 / 0.5);--border-glow:oklch(50% 0.17 265 / 0.15);--shadow-sm:0 1px 3px oklch(0% 0 0 / 0.06),0 1px 2px oklch(0% 0 0 / 0.12);--shadow-md:0 4px 6px oklch(0% 0 0 / 0.06),0 2px 4px oklch(0% 0 0 / 0.06);--shadow-lg:0 10px 15px oklch(0% 0 0 / 0.06),0 4px 6px oklch(0% 0 0 / 0.04);--shadow-xl:0 20px 40px oklch(0% 0 0 / 0.08);--shadow-glow:0 0 40px oklch(50% 0.17 265 / 0.15);--shadow-glow-lg:0 0 100px oklch(50% 0.17 265 / 0.12);}body{background:var(--bg-dark);color:var(--text-primary);}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);}.container-lg{max-width:1400px;margin:0 auto;padding:0 var(--space-lg);}.container-xl{max-width:1600px;margin:0 auto;padding:0 var(--space-lg);}/* ═══════════════════════════════════════════════════════════════ BUTTONS - Enhanced with more effects ═══════════════════════════════════════════════════════════════ */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-weight:600;font-size:var(--fluid-base);border-radius:var(--radius-lg);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;border:none;text-decoration:none;position:relative;overflow:hidden;}.btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,white,transparent);opacity:0;transition:opacity 0.3s;}.btn:hover::before{opacity:0.15;}.btn-primary{background:var(--gradient);color:white;box-shadow:0 4px 20px oklch(50% 0.17 265 / 0.4);}.btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px oklch(50% 0.17 265 / 0.5);}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--primary-7);transform:translateY(-3px);box-shadow:var(--shadow-md);}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--fluid-lg);border-radius:var(--radius-xl);}.btn-xl{padding:var(--space-xl) var(--space-3xl);font-size:var(--fluid-xl);border-radius:var(--radius-2xl);}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent;}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border);}.btn-glow{animation:pulse-glow 2s ease-in-out infinite;}.btn-ripple{position:relative;overflow:hidden;}.btn-ripple::after{content:'';position:absolute;width:100%;height:100%;background:radial-gradient(circle,white 10%,transparent 10.01%);transform:scale(10);opacity:0;transition:transform 0.5s,opacity 1s;}.btn-ripple:active::after{transform:scale(0);opacity:0.3;transition:0s;}/* ═══════════════════════════════════════════════════════════════ HERO SECTION - Full viewport cinematic impact ═══════════════════════════════════════════════════════════════ */ .hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--space-4xl) 0;overflow:hidden;}.hero-bg{position:absolute;inset:0;z-index:0;}.hero-bg::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,var(--bg-dark) 0deg,oklch(15% 0.03 265) 60deg,var(--bg-dark) 120deg,oklch(15% 0.02 300) 180deg,var(--bg-dark) 240deg,oklch(15% 0.03 200) 300deg,var(--bg-dark) 360deg);animation:rotate-slow 60s linear infinite;will-change:transform;opacity:0.5;}.hero-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 30%,oklch(50% 0.17 265 / 0.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 30% 70%,oklch(50% 0.18 300 / 0.1) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 80%,oklch(70% 0.15 200 / 0.1) 0%,transparent 50%);}#hero-sparkles{position:absolute;inset:0;pointer-events:none;contain:strict;will-change:contents;}.hero-content{position:relative;z-index:1;text-align:center;max-width:1000px;padding:0 var(--space-lg);}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--bg-glass);backdrop-filter:blur(4px);padding:var(--space-sm) var(--space-lg);border-radius:50px;border:1px solid var(--border-glow);margin-bottom:var(--space-xl);animation:fade-in-down 0.8s ease-out,glow-border 3s ease-in-out infinite;}.badge-icon{font-size:1.2rem;animation:float 3s ease-in-out infinite;}.badge-text{font-size:var(--fluid-sm);color:var(--text-secondary);}.badge-highlight{color:var(--accent-cyan);font-weight:600;}.hero-title{font-size:var(--fluid-5xl);font-weight:800;line-height:1.1;margin-bottom:var(--space-xl);animation:fade-in-up 1s ease-out;color:var(--text-primary);text-shadow:0 2px 20px oklch(0% 0 0 / 0.5);}.hero-title .gradient-text{background:linear-gradient(135deg,var(--primary-5) 0%,var(--accent-cyan) 25%,var(--primary-7) 50%,var(--secondary-9) 75%,var(--primary-5) 100%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 6s ease-in-out infinite;}.hero-subtitle{font-size:var(--fluid-xl);color:var(--text-secondary);max-width:700px;margin:0 auto var(--space-2xl);animation:fade-in-up 1s ease-out 0.2s backwards;line-height:1.5;}.hero-cta{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-3xl);animation:fade-in-up 1s ease-out 0.4s backwards;}.hero-stats{display:flex;justify-content:center;gap:var(--space-2xl);flex-wrap:wrap;animation:fade-in-up 1s ease-out 0.6s backwards;}.hero-stat{text-align:center;padding:var(--space-lg);background:var(--bg-glass);backdrop-filter:blur(4px);border-radius:var(--radius-xl);border:1px solid var(--border);min-width:140px;transition:all 0.3s;}.hero-stat:hover{transform:translateY(-5px);border-color:var(--primary-7);box-shadow:0 10px 40px oklch(50% 0.17 265 / 0.2);}.hero-stat .number{font-size:var(--fluid-2xl);font-weight:800;background:var(--gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block;}.hero-stat .label{font-size:var(--fluid-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:var(--space-xs);}/* ═══════════════════════════════════════════════════════════════ SOCIAL PROOF - Animated logos ═══════════════════════════════════════════════════════════════ */ .social-proof{padding:var(--space-3xl) 0;background:linear-gradient(180deg,var(--bg-darkest) 0%,var(--bg-dark) 100%);overflow:hidden;}.social-proof-inner{text-align:center;}.social-proof-label{font-size:var(--fluid-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-xl);}.tech-logos{display:flex;justify-content:center;gap:var(--space-2xl);flex-wrap:wrap;}.tech-logo{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--fluid-lg);color:var(--text-secondary);padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);transition:all 0.4s;animation:float-delayed 6s ease-in-out infinite;}.tech-logo:nth-child(2){animation-delay:1s;}.tech-logo:nth-child(3){animation-delay:2s;}.tech-logo:nth-child(4){animation-delay:3s;}.tech-logo:nth-child(5){animation-delay:4s;}.tech-logo:hover{transform:translateY(-5px) scale(1.05);border-color:var(--primary-7);color:var(--text-primary);box-shadow:var(--shadow-glow);}/* ═══════════════════════════════════════════════════════════════ SECTION COMMON STYLES ═══════════════════════════════════════════════════════════════ */ .section{padding:var(--space-4xl) 0;position:relative;}.section-dark{background:var(--bg-darkest);}.section-gradient{background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-surface) 50%,var(--bg-dark) 100%);}.section-header{text-align:center;max-width:800px;margin:0 auto var(--space-3xl);}.section-label{display:inline-block;font-size:var(--fluid-xs);font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--primary-5);background:oklch(50% 0.17 265 / 0.1);padding:var(--space-xs) var(--space-lg);border-radius:50px;margin-bottom:var(--space-lg);border:1px solid oklch(50% 0.17 265 / 0.2);}.section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2;margin-bottom:var(--space-lg);}.section-subtitle{font-size:var(--fluid-lg);color:var(--text-secondary);line-height:1.6;}.gradient-text{background:var(--gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.highlight{color:var(--accent-cyan);}/* ═══════════════════════════════════════════════════════════════ CORE FEATURES - Enhanced cards with more detail ═══════════════════════════════════════════════════════════════ */ .features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl);}.feature-card{background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-elevated) 100%);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-xl);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;text-align:center;}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient);transform:scaleX(0);transition:transform 0.4s;}.feature-card::after{content:'';position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle at top right,oklch(50% 0.17 265 / 0.1) 0%,transparent 70%);opacity:0;transition:opacity 0.4s;}.feature-card:hover{transform:translateY(-10px);border-color:var(--primary-7);box-shadow:0 20px 60px oklch(0% 0 0 / 0.4),var(--shadow-glow);}.feature-card:hover::before{transform:scaleX(1);}.feature-card:hover::after{opacity:1;}.feature-icon{font-size:3rem;margin-bottom:var(--space-lg);display:block;filter:drop-shadow(0 4px 8px oklch(0% 0 0 / 0.3));transition:transform 0.3s;}.feature-card:hover .feature-icon{transform:scale(1.15) rotate(5deg);}.feature-card h3{font-size:var(--fluid-xl);font-weight:700;margin-bottom:var(--space-md);}.feature-card p{font-size:var(--fluid-sm);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.7;}.feature-highlights{list-style:none;margin-bottom:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border);text-align:left;}.feature-highlights li{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--fluid-xs);color:var(--text-secondary);padding:var(--space-xs) 0;}.feature-highlights li::before{content:'✦';color:var(--accent-cyan);font-size:0.7rem;}.feature-stat{display:flex;align-items:baseline;justify-content:center;gap:var(--space-sm);background:var(--bg-dark);padding:var(--space-md);border-radius:var(--radius-lg);margin-top:auto;}.feature-stat .value{font-size:var(--fluid-xl);font-weight:800;background:var(--gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.feature-stat span:last-child{font-size:var(--fluid-xs);color:var(--text-muted);}/* ═══════════════════════════════════════════════════════════════ CAPABILITIES SHOWCASE - Detailed breakdown ═══════════════════════════════════════════════════════════════ */ .capabilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-2xl);}.capability-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border);transition:all 0.3s;}.capability-item:hover{border-color:var(--primary-7);transform:translateX(5px);}.capability-icon{font-size:1.5rem;background:var(--bg-elevated);padding:var(--space-sm);border-radius:var(--radius-lg);}.capability-content h4{font-size:var(--fluid-base);font-weight:600;margin-bottom:var(--space-xs);}.capability-content p{font-size:var(--fluid-xs);color:var(--text-muted);}/* ═══════════════════════════════════════════════════════════════ NLC SECTION - Revolutionary Technology (Keeping as requested) ═══════════════════════════════════════════════════════════════ */ .nlc-section{padding:var(--space-4xl) 0;background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-dark) 100%);position:relative;overflow:hidden;}.nlc-section::before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:600px;background:radial-gradient(ellipse 50% 50% at 20% 50%,oklch(50% 0.17 265 / 0.08) 0%,transparent 50%);pointer-events:none;}.nlc-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;position:relative;z-index:1;}.nlc-text h2{font-size:var(--fluid-3xl);font-weight:800;margin-bottom:var(--space-lg);line-height:1.2;}.nlc-text > p{font-size:var(--fluid-lg);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.7;}.nlc-benefits{display:flex;flex-direction:column;gap:var(--space-md);}.nlc-benefit{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);transition:all 0.3s;}.nlc-benefit:hover{border-color:var(--accent-green);transform:translateX(8px);}.nlc-benefit .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent-green);color:white;border-radius:50%;font-size:0.75rem;font-weight:bold;flex-shrink:0;}.nlc-benefit span{font-size:var(--fluid-sm);color:var(--text-primary);}.nlc-demo{background:var(--bg-darkest);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl),0 0 60px oklch(50% 0.17 265 / 0.1);border:1px solid var(--border);animation:float 6s ease-in-out infinite;}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--primary-7) 0%,var(--primary-8) 100%);border-bottom:1px solid var(--border);}.chat-header-left{display:flex;align-items:center;gap:var(--space-md);}.chat-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--primary-6) 100%);display:flex;align-items:center;justify-content:center;font-size:1.2rem;}.chat-info h4{font-size:var(--fluid-sm);font-weight:600;color:var(--text-primary);margin:0;}.chat-info span{font-size:var(--fluid-xs);color:var(--accent-green);display:flex;align-items:center;gap:4px;}.chat-info span::before{content:'';width:8px;height:8px;background:var(--accent-green);border-radius:50%;animation:pulse-glow 2s infinite;}.chat-header-dots{display:flex;gap:6px;}.chat-dot{width:10px;height:10px;border-radius:50%;opacity:0.8;}.chat-dot.red{background:#ff5f56;}.chat-dot.yellow{background:#ffbd2e;}.chat-dot.green{background:#27c93f;}.chat-body{padding:var(--space-lg);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:var(--fluid-sm);max-height:400px;overflow-y:auto;}.chat-message{margin-bottom:var(--space-md);display:flex;flex-direction:column;}.chat-message.user{align-items:flex-end;}.chat-message.assistant{align-items:flex-start;}.chat-bubble{max-width:85%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);line-height:1.5;}.chat-message.user .chat-bubble{background:linear-gradient(135deg,var(--primary-7) 0%,var(--primary-8) 100%);color:var(--text-primary);border-bottom-right-radius:4px;}.chat-message.assistant .chat-bubble{background:var(--bg-surface);border:1px solid var(--border);border-bottom-left-radius:4px;}.chat-processing{display:flex;flex-direction:column;gap:var(--space-sm);font-size:var(--fluid-xs);color:var(--text-secondary);padding:var(--space-sm) 0;}.chat-step{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;}.chat-step.complete{color:var(--accent-green);}.chat-result{background:var(--bg-dark);padding:var(--space-md);border-radius:var(--radius-lg);margin-top:var(--space-sm);font-family:'Monaco','Menlo',monospace;font-size:var(--fluid-xs);border-left:3px solid var(--accent-green);}.chat-result-item{color:var(--text-secondary);padding:2px 0;}.chat-result-item.success{color:var(--accent-green);font-weight:600;}.chat-input-area{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border-top:1px solid var(--border);}.chat-input{flex:1;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-md) var(--space-lg);color:var(--text-muted);font-size:var(--fluid-sm);}.chat-send-btn{width:44px;height:44px;border-radius:50%;background:var(--gradient);border:none;color:white;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;}/* ═══════════════════════════════════════════════════════════════ COMPARISON TABLE - Enhanced visuals ═══════════════════════════════════════════════════════════════ */ .comparison-section{padding:var(--space-4xl) 0;background:var(--bg-darkest);}.comparison-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-2xl);border:1px solid var(--border);}.comparison-table{width:100%;min-width:700px;border-collapse:collapse;background:var(--bg-surface);}.comparison-table th,.comparison-table td{padding:var(--space-sm) var(--space-md);text-align:center;border-bottom:1px solid var(--border);}.comparison-table th{background:var(--bg-elevated);font-weight:700;font-size:var(--fluid-base);position:sticky;top:0;}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left;font-weight:600;}.comparison-table th.highlight-col,.comparison-table td.highlight-col{background:oklch(50% 0.17 265 / 0.1);border-left:2px solid var(--primary-9);border-right:2px solid var(--primary-9);}.comparison-table th.highlight-col{background:var(--gradient);color:white;}.comparison-table tr:hover td{background:var(--bg-elevated);}.comparison-table tr:hover td.highlight-col{background:oklch(50% 0.17 265 / 0.15);}.check-yes{color:var(--accent-green);font-size:1.25rem;}.check-partial{color:var(--accent-gold);font-size:1.25rem;}.check-no{color:var(--text-muted);font-size:1.25rem;}/* ═══════════════════════════════════════════════════════════════ AGENTS SHOWCASE - Expanded with more agents ═══════════════════════════════════════════════════════════════ */ .agents-section{padding:var(--space-4xl) 0;background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-surface) 50%,var(--bg-dark) 100%);}.agents-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl);}.agent-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-lg);text-align:center;transition:all 0.3s;position:relative;overflow:hidden;}.agent-card::before{content:'';position:absolute;inset:0;background:var(--gradient);opacity:0;transition:opacity 0.3s;}.agent-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--primary-7);box-shadow:0 15px 40px oklch(0% 0 0 / 0.4);}.agent-card:hover::before{opacity:0.05;}.agent-card .content{position:relative;z-index:1;}.agent-card .icon{font-size:2.5rem;margin-bottom:var(--space-sm);display:block;}.agent-card .name{font-size:var(--fluid-base);font-weight:700;margin-bottom:var(--space-xs);}.agent-card .desc{font-size:var(--fluid-xs);color:var(--text-muted);line-height:1.5;}.agent-card .category{position:absolute;top:var(--space-sm);right:var(--space-sm);font-size:0.65rem;padding:2px 8px;background:var(--bg-dark);border-radius:50px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;}.agents-cta{text-align:center;}.agents-count{font-size:var(--fluid-xl);color:var(--text-secondary);margin-bottom:var(--space-lg);}.agents-count strong{color:var(--accent-cyan);font-weight:800;}/* ═══════════════════════════════════════════════════════════════ PRICING SECTION - All 6 tiers from pricing page ═══════════════════════════════════════════════════════════════ */ .pricing-section{padding:var(--space-4xl) 0;background:var(--bg-darkest);}.pricing-toggle{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-3xl);}.pricing-toggle-label{font-size:var(--fluid-sm);color:var(--text-secondary);}.pricing-toggle-label.active{color:var(--text-primary);font-weight:600;}.pricing-toggle-switch{width:60px;height:30px;background:var(--bg-elevated);border-radius:50px;position:relative;cursor:pointer;border:1px solid var(--border);transition:all 0.3s;}.pricing-toggle-switch::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;background:var(--gradient);border-radius:50%;transition:transform 0.3s;}.pricing-toggle-switch.annual::after{transform:translateX(30px);}.pricing-save-badge{background:var(--accent-green);color:white;padding:4px 12px;border-radius:50px;font-size:var(--fluid-xs);font-weight:600;}.pricing-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-md);margin-bottom:var(--space-2xl);}.pricing-card{background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-dark) 100%);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-lg);display:flex;flex-direction:column;position:relative;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);overflow:visible;}.pricing-card::after{content:'';position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle at top right,var(--primary-9) 0%,transparent 70%);opacity:0.05;transition:opacity 0.4s;}.pricing-card:hover{transform:translateY(-8px);border-color:var(--primary-7);box-shadow:var(--shadow-lg),0 0 30px oklch(50% 0.17 265 / 0.15);}.pricing-card:hover::after{opacity:0.1;}.pricing-card.featured{border:2px solid var(--primary-9);background:linear-gradient(180deg,oklch(16% 0.015 265) 0%,var(--bg-dark) 100%);transform:scale(1.03);box-shadow:0 8px 40px oklch(50% 0.17 265 / 0.2);z-index:2;}.pricing-card.featured:hover{transform:scale(1.03) translateY(-8px);}.plan-icon{font-size:2rem;text-align:center;margin-bottom:var(--space-sm);}.plan-header{text-align:center;margin-bottom:var(--space-md);}.plan-name{font-size:var(--fluid-lg);font-weight:700;margin-bottom:var(--space-xs);}.plan-desc{font-size:var(--fluid-xs);color:var(--text-muted);}.price-box{text-align:center;padding:var(--space-md) 0;margin-bottom:var(--space-md);}.price-original{text-decoration:line-through;color:var(--text-muted);font-size:var(--fluid-sm);}.price-value{font-size:var(--fluid-2xl);font-weight:800;background:var(--gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.price-currency{font-size:0.5em;font-weight:600;vertical-align:super;background:none;-webkit-text-fill-color:var(--text-muted);opacity:0.9;}.price-period{font-size:var(--fluid-xs);color:var(--text-muted);}.pricing-features{list-style:none;flex-grow:1;margin-bottom:var(--space-lg);text-align:center;}.pricing-features li{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:var(--fluid-xs);color:var(--text-secondary);width:100%;}.pricing-features li::before{content:'✓';color:var(--accent-green);font-weight:bold;flex-shrink:0;}.pricing-features li.highlight{color:var(--text-primary);font-weight:600;}.pricing-features li.highlight::before{content:'★';color:var(--accent-gold);}.pricing-card .btn{width:100%;margin-top:auto;}.pricing-expand-btn{display:none;}.pricing-features.expandable{max-height:none;}/* ═══════════════════════════════════════════════════════════════ TESTIMONIALS ═══════════════════════════════════════════════════════════════ */ .testimonials-section{padding:var(--space-4xl) 0;background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-surface) 100%);}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);}.testimonial-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-xl);transition:all 0.3s;}.testimonial-card:hover{transform:translateY(-5px);border-color:var(--primary-7);}.testimonial-stars{color:var(--accent-gold);font-size:1.25rem;margin-bottom:var(--space-md);}.testimonial-text{font-size:var(--fluid-base);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-lg);font-style:italic;}.testimonial-author{display:flex;align-items:center;gap:var(--space-md);}.testimonial-avatar{width:48px;height:48px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;}.testimonial-info h4{font-size:var(--fluid-sm);font-weight:600;}.testimonial-info p{font-size:var(--fluid-xs);color:var(--text-muted);}/* ═══════════════════════════════════════════════════════════════ FINAL CTA SECTION - Maximum impact ═══════════════════════════════════════════════════════════════ */ .cta-section{padding:var(--space-4xl) 0;text-align:center;background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-dark) 100%);position:relative;overflow:hidden;}.cta-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:1000px;background:radial-gradient(circle,oklch(50% 0.17 265 / 0.15) 0%,transparent 50%);pointer-events:none;animation:pulse-glow 4s ease-in-out infinite;}.cta-content{position:relative;z-index:1;max-width:800px;margin:0 auto;}.cta-section h2{font-size:var(--fluid-3xl);font-weight:800;margin-bottom:var(--space-lg);}.cta-section p{font-size:var(--fluid-xl);color:var(--text-secondary);margin-bottom:var(--space-2xl);line-height:1.6;}.cta-buttons{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap;margin-bottom:var(--space-2xl);}.cta-trust{display:flex;justify-content:center;gap:var(--space-2xl);flex-wrap:wrap;color:var(--text-muted);font-size:var(--fluid-sm);}.cta-trust span{display:flex;align-items:center;gap:var(--space-sm);}/* ═══════════════════════════════════════════════════════════════ BACK TO TOP BUTTON ═══════════════════════════════════════════════════════════════ */ .back-to-top{position:fixed;bottom:var(--space-xl);right:var(--space-xl);width:50px;height:50px;background:var(--gradient);border:none;border-radius:50%;color:white;font-size:1.25rem;cursor:pointer;opacity:0;visibility:hidden;transition:all 0.3s;z-index:1000;box-shadow:var(--shadow-lg);}.back-to-top.visible{opacity:1;visibility:visible;}.back-to-top:hover{transform:translateY(-5px) scale(1.1);box-shadow:var(--shadow-glow);}/* ═══════════════════════════════════════════════════════════════ SECURITY BADGES SECTION ═══════════════════════════════════════════════════════════════ */ .security-section{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-md);flex-wrap:wrap;max-width:900px;margin:0 auto;}.security-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fluid-xs);color:var(--text-secondary);transition:all 0.3s ease;}.security-badge:hover{border-color:var(--primary-7);transform:translateY(-2px);}.security-badge .badge-icon{font-size:1.25rem;}/* ═══════════════════════════════════════════════════════════════ FAQ SECTION ═══════════════════════════════════════════════════════════════ */ .faq-section{background:linear-gradient(180deg,var(--bg-darkest) 0%,var(--bg-dark) 100%);padding:var(--space-3xl) var(--space-lg);position:relative;}.faq-section-inner{max-width:900px;margin:0 auto;}.faq-header{text-align:center;margin-bottom:var(--space-2xl);}.faq-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:var(--space-sm);background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.faq-subtitle{font-size:var(--fluid-base);color:var(--text-muted);max-width:600px;margin:0 auto;}.faq-grid{display:flex;flex-direction:column;gap:var(--space-md);}.faq-item{background:linear-gradient(135deg,var(--bg-surface) 0%,oklch(14% 0.01 265) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all 0.3s ease;}.faq-item:hover{border-color:var(--primary-7);box-shadow:0 8px 30px oklch(50% 0.17 265 / 0.15);}.faq-item.open{border-color:var(--primary-9);box-shadow:0 8px 30px oklch(50% 0.17 265 / 0.2);}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);cursor:pointer;font-weight:600;font-size:var(--fluid-base);color:var(--text-primary);background:transparent;border:none;width:100%;text-align:left;transition:all 0.2s ease;gap:var(--space-md);}.faq-question:hover{background:var(--bg-hover);}.faq-question span:first-child{flex:1;}.faq-icon{width:28px;height:28px;border-radius:50%;background:var(--gradient);color:white;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;transition:transform 0.3s ease;flex-shrink:0;}.faq-item.open .faq-icon{transform:rotate(45deg);}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease;}.faq-item.open .faq-answer{max-height:500px;}.faq-answer-content{padding:0 var(--space-lg) var(--space-lg);color:var(--text-secondary);font-size:var(--fluid-sm);line-height:1.8;}.faq-answer-content p{margin-bottom:var(--space-sm);}.faq-answer-content p:last-child{margin-bottom:0;}.faq-answer-content strong{color:var(--text-primary);}.faq-answer-content ul{margin:var(--space-sm) 0;padding-left:var(--space-lg);}.faq-answer-content li{margin-bottom:var(--space-xs);}.faq-answer-content a{color:var(--accent-cyan);text-decoration:none;font-weight:500;}.faq-answer-content a:hover{text-decoration:underline;}/* ═══════════════════════════════════════════════════════════════ RESPONSIVE DESIGN ═══════════════════════════════════════════════════════════════ */ @media (max-width:1400px){.pricing-grid{grid-template-columns:repeat(3,1fr);}}@media (max-width:1100px){.features-grid{grid-template-columns:repeat(2,1fr);}.agents-grid{grid-template-columns:repeat(3,1fr);}.capabilities-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:900px){.nlc-content{grid-template-columns:1fr;gap:var(--space-2xl);}.pricing-grid{grid-template-columns:repeat(2,1fr);}.testimonials-grid{grid-template-columns:1fr;}.hero-title{font-size:var(--fluid-3xl);}}@media (max-width:768px){.section{padding:var(--space-2xl) 0;}.section-header{margin-bottom:var(--space-xl);}.features-grid{grid-template-columns:1fr;gap:var(--space-lg);}.agents-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-lg);}.pricing-grid{grid-template-columns:1fr;gap:var(--space-lg);}.pricing-card.featured{transform:none;}.pricing-card.featured:hover{transform:translateY(-8px);}.hero-stats{gap:var(--space-md);}.hero-stat{min-width:120px;padding:var(--space-md);background:oklch(18% 0.01 265 / 0.9);}.tech-logos{gap:var(--space-md);}.tech-logo{font-size:var(--fluid-sm);padding:var(--space-sm) var(--space-md);}.capabilities-grid{grid-template-columns:1fr;gap:var(--space-lg);}.cta-trust{flex-direction:column;gap:var(--space-md);}.nlc-section{padding:var(--space-2xl) 0;}.comparison-section{padding:var(--space-2xl) 0;}.pricing-section{padding:var(--space-2xl) 0;}.chat-body{padding:var(--space-md);}.chat-bubble{max-width:92%;padding:var(--space-sm) var(--space-md);}.chat-input-area{padding:var(--space-sm) var(--space-md);}.feature-card{background:linear-gradient(180deg,oklch(22% 0.015 265) 0%,oklch(18% 0.01 265) 100%);}.pricing-card{background:linear-gradient(180deg,oklch(22% 0.015 265) 0%,oklch(16% 0.01 265) 100%);}.capability-card{background:oklch(22% 0.015 265);}.agent-card{background:oklch(20% 0.015 265);}.pricing-features{text-align:center;}.pricing-features li{justify-content:center;}.feature-card.expandable .feature-card-content{max-height:0;overflow:hidden;transition:max-height 0.4s ease-out;}.feature-card.expandable.expanded .feature-card-content{max-height:500px;}.feature-card.expandable .expand-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-top:var(--space-md);padding:var(--space-sm);background:var(--bg-dark);border-radius:var(--radius-md);font-size:var(--fluid-xs);color:var(--text-secondary);cursor:pointer;transition:all 0.3s;}.feature-card.expandable .expand-toggle:hover{background:var(--primary-9);color:var(--text-primary);}.feature-card.expandable .expand-toggle .arrow{transition:transform 0.3s;}.feature-card.expandable.expanded .expand-toggle .arrow{transform:rotate(180deg);}.pricing-card .pricing-features.expandable{max-height:120px;overflow:hidden;position:relative;transition:max-height 0.4s ease-out;}.pricing-card .pricing-features.expandable::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,oklch(16% 0.01 265),transparent);pointer-events:none;transition:opacity 0.3s;}.pricing-card .pricing-features.expandable.expanded{max-height:1000px;}.pricing-card .pricing-features.expandable.expanded::after{opacity:0;}.pricing-expand-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;padding:var(--space-sm);margin-bottom:var(--space-md);background:transparent;border:1px dashed var(--border);border-radius:var(--radius-md);font-size:var(--fluid-xs);color:var(--text-secondary);cursor:pointer;transition:all 0.3s;}.pricing-expand-btn:hover{border-color:var(--primary-7);color:var(--primary-5);}.pricing-expand-btn .arrow{transition:transform 0.3s;}.pricing-card .pricing-features.expanded + .pricing-expand-btn .arrow{transform:rotate(180deg);}.security-section{gap:var(--space-sm);padding:var(--space-lg) var(--space-md);}.security-badge{padding:var(--space-xs) var(--space-sm);font-size:0.7rem;}.security-badge .badge-icon{font-size:1rem;}.faq-section{padding:var(--space-2xl) var(--space-md);}.faq-question{padding:var(--space-md);font-size:var(--fluid-sm);}.faq-answer-content{padding:0 var(--space-md) var(--space-md);}.faq-icon{width:24px;height:24px;font-size:0.85rem;}}@media (max-width:480px){.hero-cta{flex-direction:column;align-items:center;}.hero-cta .btn{width:100%;max-width:300px;}.agents-grid{grid-template-columns:1fr;}.hero-badge{flex-direction:column;text-align:center;}.back-to-top{width:44px;height:44px;bottom:var(--space-lg);right:var(--space-lg);}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all 0.6s ease-out;}.animate-on-scroll.visible{opacity:1;transform:translateY(0);}/* ═══════════════════════════════════════════════════════════════════════════ LIGHT THEME — Section & Component Overrides Overrides hardcoded dark oklch values for light mode ═══════════════════════════════════════════════════════════════════════════ */ [data-theme="light"] .hero-bg::before{background:conic-gradient(from 0deg at 50% 50%,var(--bg-dark) 0deg,oklch(92% 0.03 265) 60deg,var(--bg-dark) 120deg,oklch(92% 0.02 300) 180deg,var(--bg-dark) 240deg,oklch(92% 0.03 200) 300deg,var(--bg-dark) 360deg);opacity:0.3;}[data-theme="light"] .hero-title{text-shadow:0 2px 20px oklch(0% 0 0 / 0.08);}[data-theme="light"] .comparison-table td.highlight-col{background:oklch(50% 0.17 265 / 0.06);}[data-theme="light"] .comparison-table tr:hover td.highlight-col{background:oklch(50% 0.17 265 / 0.1);}[data-theme="light"] .pricing-card.featured{background:linear-gradient(180deg,oklch(96% 0.01 265) 0%,var(--bg-dark) 100%);}[data-theme="light"] .cta-section::before{background:radial-gradient(circle,oklch(50% 0.17 265 / 0.08) 0%,transparent 50%);}[data-theme="light"] .faq-item{background:linear-gradient(135deg,var(--bg-surface) 0%,oklch(96% 0.008 265) 100%);}[data-theme="light"] .pricing-card .pricing-features.expandable::after{background:linear-gradient(to top,oklch(98% 0.005 265),transparent);}[data-theme="light"] .pricing-card:hover{box-shadow:0 20px 60px oklch(0% 0 0 / 0.08),var(--shadow-glow);}[data-theme="light"] .feature-icon{filter:drop-shadow(0 4px 8px oklch(0% 0 0 / 0.08));}[data-theme="light"] .capability-card:hover{box-shadow:0 15px 40px oklch(0% 0 0 / 0.08);}@media (max-width:768px){[data-theme="light"] .hero-stat{background:oklch(100% 0 0 / 0.9);}[data-theme="light"] .feature-card{background:linear-gradient(180deg,oklch(100% 0 0) 0%,oklch(96% 0.008 265) 100%);}[data-theme="light"] .pricing-card{background:linear-gradient(180deg,oklch(100% 0 0) 0%,oklch(97% 0.005 265) 100%);}[data-theme="light"] .capability-card{background:oklch(100% 0 0);}[data-theme="light"] .agent-card{background:oklch(100% 0 0);}[data-theme="light"] .pricing-card .pricing-features.expandable::after{background:linear-gradient(to top,oklch(100% 0 0),transparent);}}