@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;--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}}#root{width:100%;min-height:100vh}.hero{min-height:90vh;display:flex;align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.hero-content{max-width:800px;margin:0 auto;text-align:center;padding:var(--spacing-xl) 0}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-bg-card);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)}.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)}.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:var(--color-accent);color:#fff;font-size:1rem;font-weight:600;border-radius:var(--border-radius);transition:var(--transition);border:none;cursor:pointer}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px #58a6ff4d}.btn-primary svg{transition:transform .3s ease}.btn-primary:hover svg{transform:translate(3px)}.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}.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)}@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}}.problem{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.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:var(--transition)}.comparison-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.comparison-card.negative{border-left:3px solid var(--color-warning)}.comparison-card.warning{border-left:3px solid #F85149}.card-icon{width:48px;height:48px;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)}.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:.5rem 0 .5rem 1.5rem}.comparison-card ul li:before{content:"•";position:absolute;left:0;color:var(--color-accent)}.comparison-arrow{display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.problem-conclusion{text-align:center;padding:var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius);max-width:600px;margin:0 auto}.problem-conclusion p{font-size:1.3rem;color:var(--color-text-secondary);margin:0}.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)}.solutions-header{text-align:center;margin-bottom:var(--spacing-xl)}.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}.solution-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:var(--transition)}.solution-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 8px 24px #58a6ff1a}.solution-icon{width:48px;height:48px;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);color:var(--color-accent)}.solution-icon svg{width:24px;height:24px}.solution-card h3{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--color-text)}.solution-card p{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;margin:0}@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}}.cta{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.cta-content{max-width:700px;margin:0 auto;text-align:center}.cta-icon{width:80px;height:80px;background:var(--color-bg-card);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)}.cta h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-md)}.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:var(--color-accent);color:#fff;font-size:1.1rem;font-weight:600;border-radius:var(--border-radius);border:none;cursor:pointer;transition:var(--transition);margin-bottom:var(--spacing-md)}.cta-button:hover{background:var(--color-accent-hover);transform:translateY(-3px);box-shadow:0 10px 30px #58a6ff4d}.cta-button svg{transition:transform .3s ease}.cta-button:hover svg{transform:translate(5px)}.cta-footer{font-size:.95rem;color:var(--color-text-secondary);margin:0}@media(max-width:768px){.cta-icon{width:64px;height:64px}.cta h2{font-size:2rem}.cta-text{font-size:1.05rem}.cta-button{width:100%;justify-content:center;padding:1rem 2rem;font-size:1rem}}.footer{background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0 var(--spacing-md)}.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)}.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:var(--transition);text-decoration:none;display:inline-block}.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}}
