@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--color-bg: #0D1117;--color-bg-secondary: #161B22;--color-bg-card: #21262D;--color-text: #E6EDF3;--color-text-secondary: #8B949E;--color-accent: #58A6FF;--color-accent-hover: #79C0FF;--color-border: #30363D;--color-success: #3FB950;--color-warning: #D29922;--color-purple: #a78bfa;--color-pink: #ec4899;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 3rem;--spacing-xl: 5rem;--spacing-xxl: 7rem;--border-radius: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--color-bg);color:var(--color-text);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);letter-spacing:-.02em;color:var(--color-text)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.3rem,3vw,1.8rem)}p{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-size:clamp(1rem,2vw,1.125rem);line-height:1.7}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0;position:relative}.section-large{padding:var(--spacing-xxl) 0;position:relative}@media(max-width:768px){.section{padding:var(--spacing-lg) 0}.section-large{padding:var(--spacing-xl) 0}}::selection{background:#58a6ff4d;color:var(--color-text)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.gradient-text{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-purple) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass{background:#21262dcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border)}.glow{box-shadow:0 0 20px #58a6ff33}.glow-strong{box-shadow:0 0 40px #58a6ff4d}#root{width:100%;min-height:100vh}.hero{min-height:100vh;display:flex;align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:relative;overflow:hidden}.hero-bg-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(88,166,255,.3) 0%,transparent 70%);top:-200px;right:-100px}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.25) 0%,transparent 70%);bottom:-150px;left:-100px}.orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{max-width:800px;margin:0 auto;text-align:center;padding:var(--spacing-xl) 0;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#21262dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:50px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--spacing-lg);transition:all .3s ease}.hero-badge:hover{border-color:var(--color-accent);box-shadow:0 0 20px #58a6ff33}.hero-badge svg{color:var(--color-accent)}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:var(--spacing-md);line-height:1.1}.accent-text{color:var(--color-accent);background:linear-gradient(90deg,var(--color-accent),#a78bfa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:100% 100%;background-repeat:no-repeat}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.7;max-width:600px;margin-left:auto;margin-right:auto}.hero-ctas{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-xl)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--color-accent) 0%,#a78bfa 100%);color:#fff;font-size:1rem;font-weight:600;border-radius:var(--border-radius);transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-accent-hover) 0%,#c4b5fd 100%);opacity:0;transition:opacity .3s ease}.btn-primary:hover:before{opacity:1}.btn-primary span,.btn-primary svg{position:relative;z-index:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #58a6ff66}.btn-primary svg{transition:transform .3s ease}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);max-width:700px;margin:0 auto;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.stat-item{display:flex;align-items:center;gap:var(--spacing-sm);text-align:left;padding:var(--spacing-sm);border-radius:var(--border-radius);transition:all .3s ease}.stat-item:hover{background:#58a6ff0d}.stat-item svg{color:var(--color-accent);flex-shrink:0}.stat-item strong{display:block;font-size:1.1rem;color:var(--color-text);font-weight:600}.stat-item span{display:block;font-size:.875rem;color:var(--color-text-secondary)}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:var(--color-text-secondary);opacity:.6;transition:opacity .3s ease}.scroll-indicator:hover{opacity:1}@media(max-width:768px){.hero{min-height:auto}.hero-content{padding:var(--spacing-lg) 0}.hero-title{font-size:2.5rem}.hero-ctas{flex-direction:column}.btn-primary{width:100%;justify-content:center}.hero-stats{grid-template-columns:1fr;gap:var(--spacing-md)}.stat-item{justify-content:center;text-align:center}.gradient-orb{opacity:.3}.orb-1{width:300px;height:300px}.orb-2{width:250px;height:250px}.scroll-indicator{display:none}}.problem{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:relative;overflow:hidden}.problem:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.3}.problem-header{text-align:center;margin-bottom:var(--spacing-xl)}.problem-header h2{margin-bottom:var(--spacing-sm)}.problem-intro{font-size:1.2rem;color:var(--color-text-secondary)}.problem-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-lg);align-items:center;max-width:1000px;margin:0 auto var(--spacing-xl)}.comparison-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.comparison-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.02) 100%);opacity:0;transition:opacity .3s ease}.comparison-card:hover:before{opacity:1}.comparison-card.negative{border-left:3px solid var(--color-warning)}.comparison-card.negative:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,rgba(210,153,34,.08) 0%,transparent 50%);pointer-events:none}.comparison-card.warning{border-left:3px solid #F85149}.comparison-card.warning:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,rgba(248,81,73,.08) 0%,transparent 50%);pointer-events:none}.card-icon{width:56px;height:56px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);transition:all .3s ease}.comparison-card:hover .card-icon{transform:scale(1.1)}.comparison-card.negative .card-icon svg{color:var(--color-warning)}.comparison-card.warning .card-icon svg{color:#f85149}.comparison-card h3{font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--color-text)}.comparison-card ul{list-style:none;padding:0;margin:0}.comparison-card ul li{color:var(--color-text-secondary);font-size:1rem;position:relative;padding:.6rem 0 .6rem 1.5rem;transition:all .3s ease}.comparison-card ul li:hover{color:var(--color-text);padding-left:1.8rem}.comparison-card ul li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--color-accent);transition:all .3s ease}.comparison-card ul li:hover:before{width:8px;height:8px;box-shadow:0 0 10px var(--color-accent)}.comparison-arrow{display:flex;align-items:center;justify-content:center;color:var(--color-accent);background:var(--color-bg-card);width:60px;height:60px;border-radius:50%;border:1px solid var(--color-border)}.problem-conclusion{text-align:center;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-bg-card) 0%,rgba(88,166,255,.05) 100%);border:1px solid var(--color-border);border-radius:var(--border-radius);max-width:600px;margin:0 auto;position:relative;overflow:hidden}.problem-conclusion:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.problem-conclusion p{font-size:1.3rem;color:var(--color-text-secondary);margin:0;background:linear-gradient(90deg,var(--color-warning),#F85149);background-position:left bottom;background-repeat:no-repeat;padding-bottom:4px}.problem-conclusion strong{color:var(--color-text);font-weight:700}@media(max-width:968px){.problem-comparison{grid-template-columns:1fr;gap:var(--spacing-md)}.comparison-arrow{transform:rotate(90deg)}}@media(max-width:768px){.comparison-card{padding:var(--spacing-md)}.problem-conclusion p{font-size:1.1rem}}.solutions{background:var(--color-bg);border-bottom:1px solid var(--color-border);position:relative;overflow:hidden}.solutions-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.solutions-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(88,166,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(88,166,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,black 40%,transparent 100%)}.solutions-header{text-align:center;margin-bottom:var(--spacing-xl);position:relative;z-index:1}.solutions-header h2{margin-bottom:var(--spacing-sm)}.solutions-header p{font-size:1.2rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.solutions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);max-width:1000px;margin:0 auto;position:relative;z-index:1}.solution-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.solution-card:before{content:"";position:absolute;inset:0;background:var(--card-gradient, linear-gradient(135deg, rgba(88, 166, 255, .1) 0%, transparent 100%));opacity:0;transition:opacity .4s ease}.solution-card:hover:before{opacity:1}.solution-card:hover{border-color:var(--color-accent);box-shadow:0 8px 32px #58a6ff26,0 0 0 1px #58a6ff1a}.card-shine{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);pointer-events:none}.solution-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg) 100%);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);color:var(--color-accent);position:relative;z-index:1;transition:all .3s ease}.solution-card:hover .solution-icon{border-color:var(--color-accent);box-shadow:0 0 20px #58a6ff33}.solution-icon svg{width:28px;height:28px}.solution-card h3{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--color-text);position:relative;z-index:1}.solution-card p{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;margin:0;position:relative;z-index:1}.solution-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle at top right,rgba(88,166,255,.08) 0%,transparent 70%);pointer-events:none}@media(max-width:768px){.solutions-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.solution-card{padding:var(--spacing-md)}.solution-card h3{font-size:1.3rem}.solutions-grid-bg{background-size:40px 40px}}.cta{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:relative;overflow:hidden}.cta-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cta-glow{position:absolute;border-radius:50%;filter:blur(100px)}.cta-glow-1{width:400px;height:400px;background:radial-gradient(circle,rgba(88,166,255,.3) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}.cta-glow-2{width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);top:30%;right:20%}.cta-content{max-width:700px;margin:0 auto;text-align:center;position:relative;z-index:1}.cta-icon{width:90px;height:90px;background:linear-gradient(135deg,var(--color-bg-card) 0%,rgba(88,166,255,.1) 100%);border:2px solid var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);color:var(--color-accent);box-shadow:0 0 30px #58a6ff33;position:relative}.cta-icon:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(88,166,255,.3);animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.cta h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-text) 0%,var(--color-accent) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cta-text{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.7}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1.2rem 2.5rem;background:transparent;color:#fff;font-size:1.1rem;font-weight:600;border-radius:var(--border-radius);border:none;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-bottom:var(--spacing-md);position:relative;overflow:hidden}.button-bg{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-accent),#a78bfa,var(--color-accent));background-size:200% 100%;z-index:0;border-radius:var(--border-radius)}.button-content{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.cta-button:hover{transform:translateY(-3px)}.cta-button svg{transition:transform .3s ease}.cta-footer{font-size:.95rem;color:var(--color-text-secondary);margin:0;margin-top:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:.5rem}.cta-footer:before{content:"";width:6px;height:6px;background:var(--color-success);border-radius:50%;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:768px){.cta-icon{width:70px;height:70px}.cta h2{font-size:2rem}.cta-text{font-size:1.05rem}.cta-button{width:100%;justify-content:center;padding:1rem 2rem;font-size:1rem}.cta-glow-1{width:250px;height:250px}.cta-glow-2{display:none}}.footer{background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0 var(--spacing-md);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.3}.footer-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-md)}.footer-brand h3{font-size:1.3rem;margin-bottom:var(--spacing-sm);color:var(--color-text);background:linear-gradient(135deg,var(--color-text) 0%,var(--color-accent) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.footer-brand p{font-size:.95rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.footer-contact{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:var(--spacing-xs);font-weight:600}.contact-link{color:var(--color-text-secondary);font-size:.95rem;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;padding:.3rem 0}.contact-link svg{flex-shrink:0}.contact-link:hover{color:var(--color-accent)}.footer-bottom{padding-top:var(--spacing-md);border-top:1px solid var(--color-border);text-align:center}.footer-bottom p{font-size:.85rem;color:var(--color-text-secondary);margin:0}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-md)}.footer-brand h3{font-size:1.15rem}}