:root{--color-white: #ffffff;--color-charcoal: #1a1a1a;--color-navy: #0a192f;--color-navy-light: #112240;--color-electric-blue: #00f0ff;--color-teal: #14b8a6;--color-text-main: #e6f1ff;--color-text-muted: #8892b0;--color-border: #233554;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--transition-fast: .2s ease;--transition-normal: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-navy);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.text-gradient{background:linear-gradient(90deg,var(--color-white),var(--color-text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-accent{color:var(--color-electric-blue)}.section{padding:var(--spacing-xl) 0;animation:fadeIn .8s ease-out forwards;opacity:0;animation-delay:.2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-content>*{opacity:0;animation:fadeIn .8s ease-out forwards}.hero-title{animation-delay:.1s}.hero-subtitle{animation-delay:.3s}.hero-actions{animation-delay:.5s}.hero-visual{opacity:0;animation:fadeIn 1s ease-out forwards;animation-delay:.6s}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;font-family:var(--font-sans);gap:.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-white);color:var(--color-navy);border:1px solid var(--color-white)}.btn-primary:hover:not(:disabled){background-color:#f0f0f0;transform:translateY(-1px)}.btn-secondary{background-color:var(--color-electric-blue);color:var(--color-navy);border:1px solid var(--color-electric-blue)}.btn-secondary:hover:not(:disabled){background-color:#00dbe8;transform:translateY(-1px)}.btn-outline{background-color:transparent;color:var(--color-white);border:1px solid rgba(255,255,255,.2)}.btn-outline:hover:not(:disabled){border-color:var(--color-white);background-color:#ffffff0d}.btn-ghost{background-color:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){color:var(--color-white);background-color:#ffffff0d}.btn-small{padding:.4rem .8rem;font-size:.875rem}.btn-medium{padding:.6rem 1.2rem;font-size:1rem}.btn-large{padding:.8rem 1.6rem;font-size:1.125rem}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem 0;transition:all var(--transition-normal);background-color:transparent}.navbar.scrolled{padding:1rem 0;background-color:#0a192fd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.navbar-container{display:flex;align-items:center;justify-content:space-between}.navbar-logo a{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-white)}.navbar-links{display:none}@media(min-width:768px){.navbar-links{display:flex;gap:2rem}.navbar-links a{color:var(--color-text-muted);font-size:.9rem;font-weight:500;transition:color var(--transition-fast)}.navbar-links a:hover{color:var(--color-white)}}.navbar-actions{display:flex;align-items:center;gap:1rem}.hero-section{padding-top:8rem;padding-bottom:4rem;min-height:90vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-container{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media(min-width:992px){.hero-container{grid-template-columns:1fr 1fr}}.hero-content{max-width:600px;z-index:2}.hero-title{font-size:2.5rem;line-height:1.1;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.03em}@media(min-width:768px){.hero-title{font-size:3.5rem}}.hero-subtitle{font-size:1.125rem;color:var(--color-text-muted);margin-bottom:2.5rem;line-height:1.6;max-width:480px}.hero-actions{display:flex;flex-direction:column;gap:1rem}@media(min-width:480px){.hero-actions{flex-direction:row}}.hero-visual{position:relative;perspective:1000px}.dashboard-mockup{background:var(--color-navy);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 20px 50px -10px #00000080;transform:rotateY(-5deg) rotateX(5deg);transition:transform .5s ease;position:relative;overflow:hidden;display:flex;height:400px}.dashboard-mockup:hover{transform:rotateY(0) rotateX(0)}.mockup-sidebar{width:60px;border-right:1px solid var(--color-border);background:#0003;display:flex;flex-direction:column;align-items:center;padding:1rem 0;gap:1.5rem}.sidebar-logo{width:32px;height:32px;background:var(--color-electric-blue);border-radius:8px;margin-bottom:1rem}.sidebar-item{width:24px;height:24px;border-radius:6px;background:#ffffff1a}.sidebar-item.active{background:var(--color-white)}.mockup-main{flex:1;display:flex;flex-direction:column}.mockup-header{height:50px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:#0000001a}.header-search{width:200px;height:24px;background:#ffffff0d;border-radius:4px}.header-profile{width:28px;height:28px;border-radius:50%;background:var(--color-teal)}.mockup-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-card{background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem}.stat-label{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.5rem}.stat-value{font-size:1.25rem;font-weight:700;color:var(--color-white);margin-bottom:.25rem}.stat-trend{font-size:.75rem;font-weight:600}.stat-trend.positive{color:#27c93f}.stat-trend.negative{color:#ff5f56}.stat-trend.neutral{color:var(--color-text-muted)}.chart-container{flex:1;background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-title{font-size:.9rem;font-weight:600;color:var(--color-white)}.chart-legend{display:flex;gap:1rem;font-size:.75rem;color:var(--color-text-muted)}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px}.legend-dot.actual{background:var(--color-electric-blue)}.legend-dot.projected{background:var(--color-text-muted);border:1px dashed var(--color-text-muted)}.chart-visual{flex:1;position:relative;border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-left:10px;margin-bottom:10px}.chart-line{position:absolute;bottom:20%;left:0;width:100%;height:40%;border-top:2px solid var(--color-electric-blue);background:linear-gradient(180deg,#00f0ff1a,#0000);transform:skewY(-5deg);transform-origin:bottom left}.bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-card{background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem}.info-title{font-size:.8rem;font-weight:600;color:var(--color-white);margin-bottom:.75rem}.info-bar-group{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.info-bar-label{font-size:.75rem;color:var(--color-text-muted);width:30px}.info-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px}.info-bar .fill{height:100%;background:var(--color-teal);border-radius:3px}.alert-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;margin-bottom:.5rem;color:var(--color-text-muted)}.alert-dot{width:6px;height:6px;border-radius:50%}.alert-item.warning .alert-dot{background:#ffbd2e}.alert-item.success .alert-dot{background:#27c93f}.mockup-glow{position:absolute;top:50%;left:50%;width:150%;height:150%;background:radial-gradient(circle,#00f0ff1a,#0000 60%);transform:translate(-50%,-50%);pointer-events:none;z-index:-1}.problem-section{background-color:var(--color-navy)}.problem-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--color-white)}.section-subtitle{font-size:1.125rem;color:var(--color-text-muted);max-width:600px;margin:0 auto}.problem-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.problem-grid{grid-template-columns:repeat(3,1fr)}}.problem-card{background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;transition:all var(--transition-normal)}.problem-card:hover{transform:translateY(-5px);background:#ffffff0d;border-color:var(--color-text-muted)}.problem-icon{color:var(--color-electric-blue);margin-bottom:1.5rem}.problem-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--color-white)}.problem-card p{color:var(--color-text-muted);line-height:1.6}.how-it-works-section{background-color:var(--color-navy);position:relative}.section-header{text-align:center;margin-bottom:4rem}.steps-container{display:grid;grid-template-columns:1fr;gap:3rem;position:relative}@media(min-width:768px){.steps-container{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.step-item{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.step-number{position:absolute;top:-10px;right:20%;font-size:4rem;font-weight:800;color:#ffffff08;z-index:0;pointer-events:none}.step-icon-wrapper{width:64px;height:64px;background:#14b8a61a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-teal);margin-bottom:1.5rem;position:relative;z-index:1;border:1px solid rgba(20,184,166,.2)}.step-title{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:var(--color-white)}.step-description{font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.step-connector{display:none}@media(min-width:768px){.step-connector{display:block;position:absolute;top:32px;left:50%;width:100%;height:1px;background:linear-gradient(90deg,#14b8a633,#14b8a600);z-index:0;transform:translate(50%)}.step-item:last-child .step-connector{display:none}}.benchmarks-section{background-color:var(--color-navy-light)}.benchmarks-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:992px){.benchmarks-grid{grid-template-columns:repeat(3,1fr)}}.benchmark-card{background:var(--color-navy);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;transition:transform var(--transition-normal)}.benchmark-card:hover{transform:translateY(-5px);border-color:var(--color-electric-blue)}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.card-icon{color:var(--color-text-muted)}.benchmark-card h3{font-size:1.125rem;font-weight:600;color:var(--color-white)}.ratio-visual{margin-bottom:1rem;position:relative;padding-bottom:1.5rem}.ratio-bar{display:flex;height:24px;border-radius:12px;overflow:hidden;background:#ffffff1a}.ratio-segment{display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--color-navy)}.segment-rd{background-color:var(--color-electric-blue)}.segment-gtm{background-color:var(--color-teal)}.benchmark-marker{position:absolute;bottom:0;transform:translate(-50%);font-size:.75rem;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center}.benchmark-marker:before{content:"";width:2px;height:8px;background-color:var(--color-text-muted);margin-bottom:2px}.metric-large{font-size:2.5rem;font-weight:700;color:var(--color-white);margin-bottom:.5rem}.metric-trend{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.metric-trend.positive{background-color:#27c93f26;color:#27c93f}.mini-chart{display:flex;align-items:flex-end;gap:.5rem;height:60px}.bar{flex:1;background-color:#ffffff1a;border-radius:2px 2px 0 0}.bar.active{background-color:var(--color-electric-blue)}.span-visual{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.span-node{width:12px;height:12px;border-radius:50%;background-color:var(--color-electric-blue)}.span-node.root{width:16px;height:16px;margin-bottom:.5rem}.span-lines{width:80%;height:10px;border-top:1px solid var(--color-text-muted);border-left:1px solid var(--color-text-muted);border-right:1px solid var(--color-text-muted);margin-bottom:.5rem}.span-children{display:flex;gap:.5rem}.span-node.warning{background-color:#ff5f56;box-shadow:0 0 0 4px #ff5f5633}.text-warning{color:#ff5f56}.card-insight{font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.scenarios-section{background-color:var(--color-navy);padding:6rem 0}.scenarios-content{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media(min-width:992px){.scenarios-content{grid-template-columns:1fr 1fr}}.scenarios-text{max-width:500px}.control-label{font-size:.9rem;color:var(--color-text-muted);margin-bottom:1rem}.control-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.scenario-btn{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.9rem;transition:all var(--transition-fast);background:transparent}.scenario-btn:hover{border-color:var(--color-white);color:var(--color-white)}.scenario-btn.active{background-color:var(--color-electric-blue);border-color:var(--color-electric-blue);color:var(--color-navy);font-weight:600}.scenario-features{list-style:none;display:flex;flex-direction:column;gap:.75rem}.scenario-features li{display:flex;align-items:center;gap:.75rem;color:var(--color-text-main);font-size:1rem}.scenarios-visual{display:flex;justify-content:center}.comparison-card{background:var(--color-navy-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:500px;box-shadow:0 20px 40px -10px #0000004d}.comparison-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.badge{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge.base{background-color:#ffffff1a;color:var(--color-text-muted)}.badge.scenario{background-color:#14b8a626;color:var(--color-teal)}.arrow-icon{color:var(--color-text-muted)}.metric-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.metric-label{color:var(--color-text-muted);font-size:.9rem}.metric-values{display:flex;align-items:center;gap:1rem;font-family:monospace;font-size:1.1rem}.val-base{color:var(--color-text-muted)}.val-arrow{color:var(--color-border);font-size:.9rem}.val-scenario{color:var(--color-white);font-weight:700}.impact-banner{margin-top:2rem;background:linear-gradient(90deg,#00f0ff1a,#00f0ff00);padding:1rem;border-radius:var(--radius-md);border-left:3px solid var(--color-electric-blue);display:flex;align-items:center;gap:.5rem}.impact-label{font-size:.8rem;text-transform:uppercase;color:var(--color-electric-blue);font-weight:700}.impact-value{font-weight:600;color:var(--color-white)}.ai-insights-section{background-color:var(--color-navy-light)}.insights-container{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto}.insight-card{display:flex;gap:1.5rem;padding:1.5rem;background:var(--color-navy);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.insight-card:hover{transform:translate(10px);border-color:var(--color-text-muted)}.insight-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.insight-card.warning:before{background-color:#ffbd2e}.insight-card.success:before{background-color:#27c93f}.insight-card.info:before{background-color:var(--color-electric-blue)}.insight-icon-wrapper{display:flex;align-items:flex-start;padding-top:.25rem}.insight-card.warning .insight-icon-wrapper{color:#ffbd2e}.insight-card.success .insight-icon-wrapper{color:#27c93f}.insight-card.info .insight-icon-wrapper{color:var(--color-electric-blue)}.insight-content{flex:1}.insight-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.8rem}.insight-type{text-transform:uppercase;font-weight:600;letter-spacing:.05em;color:var(--color-text-muted)}.insight-time{color:var(--color-text-muted);opacity:.6}.insight-title{font-size:1.125rem;font-weight:600;color:var(--color-white);margin-bottom:.5rem}.insight-description{color:var(--color-text-muted);font-size:.95rem;line-height:1.5;margin-bottom:1rem}.insight-action{display:flex;align-items:center;gap:.5rem;color:var(--color-electric-blue);font-size:.9rem;font-weight:500;padding:0;transition:gap var(--transition-fast)}.insight-action:hover{gap:.75rem;text-decoration:underline}.why-section{background-color:var(--color-navy)}.why-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.why-grid{grid-template-columns:repeat(3,1fr)}}.why-card{padding:2rem;background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.why-card:hover{background:#ffffff0a;transform:translateY(-5px)}.why-icon{color:var(--color-electric-blue);margin-bottom:1.5rem;width:48px;height:48px;background:#00f0ff1a;border-radius:12px;display:flex;align-items:center;justify-content:center}.why-title{font-size:1.25rem;font-weight:600;color:var(--color-white);margin-bottom:.75rem}.why-description{color:var(--color-text-muted);line-height:1.6;font-size:.95rem}.roadmap-section{background-color:var(--color-navy-light)}.roadmap-timeline{position:relative;max-width:800px;margin:0 auto;padding:2rem 0}.timeline-line{position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--color-electric-blue) 0%,rgba(20,184,166,.2) 100%)}@media(min-width:768px){.timeline-line{left:50%;transform:translate(-50%)}}.roadmap-item{display:flex;margin-bottom:3rem;position:relative}.roadmap-item:last-child{margin-bottom:0}.timeline-dot{width:16px;height:16px;background-color:var(--color-navy);border:3px solid var(--color-electric-blue);border-radius:50%;position:absolute;left:13px;top:0;z-index:2}.roadmap-item.upcoming .timeline-dot{border-color:var(--color-text-muted);background-color:var(--color-navy)}.roadmap-item.vision .timeline-dot{border-color:var(--color-teal);border-style:dashed}.roadmap-content{margin-left:3rem;background:var(--color-navy);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;width:100%;max-width:500px}@media(min-width:768px){.roadmap-item:nth-child(odd){flex-direction:row-reverse}.roadmap-item:nth-child(odd) .roadmap-content{margin-left:0;margin-right:3rem;text-align:right}.roadmap-item:nth-child(odd) .roadmap-list{align-items:flex-end}.timeline-dot{left:50%;transform:translate(-50%)}}.roadmap-quarter{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--color-electric-blue);margin-bottom:.5rem;letter-spacing:.05em}.roadmap-item.upcoming .roadmap-quarter{color:var(--color-text-muted)}.roadmap-title{font-size:1.25rem;font-weight:600;color:var(--color-white);margin-bottom:1rem}.roadmap-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.roadmap-list li{color:var(--color-text-muted);font-size:.95rem}.cta-section{background:linear-gradient(180deg,var(--color-navy-light) 0%,var(--color-navy) 100%);padding:8rem 0}.cta-container{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media(min-width:992px){.cta-container{grid-template-columns:1fr 1fr}}.cta-title{font-size:2.5rem;font-weight:700;color:var(--color-white);margin-bottom:1.5rem;line-height:1.2}.cta-subtitle{font-size:1.125rem;color:var(--color-text-muted);max-width:480px;line-height:1.6}.cta-form-wrapper{background:var(--color-navy);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:0 20px 50px -10px #00000080}.cta-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--color-text-main)}.form-group input,.form-group select{padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-white);font-family:var(--font-sans);font-size:1rem;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-electric-blue);background:#ffffff14}.form-group input::placeholder{color:#fff3}.cta-submit{margin-top:1rem;width:100%}.footer{background-color:var(--color-navy);border-top:1px solid var(--color-border);padding:3rem 0}.footer-container{display:flex;flex-direction:column;align-items:center;gap:2rem}@media(min-width:768px){.footer-container{flex-direction:row;justify-content:space-between}}.footer-logo{font-size:1.5rem;font-weight:700;color:var(--color-white);margin-bottom:.5rem;display:block}.footer-copyright{color:var(--color-text-muted);font-size:.875rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--color-text-muted);font-size:.9rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-white)}.footer-social{display:flex;gap:1.5rem}.footer-social a{color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-social a:hover{color:var(--color-electric-blue)}