*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}html{scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.btn-primary{display:inline-block;font-size:1.1rem;padding:1rem 2rem;text-align:center;text-decoration:none}.btn-primary:hover{box-shadow:0 10px 20px #667eea4d}.btn-secondary{background:#0000;border:2px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.fade-in-up{animation:fadeInUp .8s ease-out}.float{animation:float 3s ease-in-out infinite}.gradient-bg-1{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-bg-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-bg-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}@media (max-width:768px){.container{padding:0 1rem}.btn-primary,.btn-secondary{font-size:1rem;padding:.8rem 1.5rem}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-bottom:1px solid #333;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.nav-container{justify-content:space-between;padding:1rem 0}.logo,.nav-container{align-items:center;display:flex}.logo{color:#fff;font-size:1.5rem;font-weight:700;gap:.5rem;text-decoration:none}.nav{align-items:center;display:flex;gap:2rem}.nav-link{background:none;border:none;color:#ccc;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;transition:all .3s ease}.nav-link:hover{color:#667eea}.nav-link:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;padding:.5rem}@media (max-width:768px){.menu-toggle{display:block}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0afa;border-top:1px solid #333;flex-direction:column;gap:1rem;left:0;opacity:0;padding:2rem;position:fixed;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.nav-open{opacity:1;transform:translateY(0);visibility:visible}.nav-link{font-size:1.1rem;padding:1rem 0;text-align:center;width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 4px 20px #667eea4d}50%{box-shadow:0 4px 30px #667eea80}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.hero{align-items:center;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);display:flex;min-height:100vh;overflow:hidden;padding:120px 0 80px;position:relative}.hero:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#764ba21a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero .container{position:relative;z-index:1}.hero-content{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:1fr 1fr;margin-bottom:80px}.hero-text{max-width:600px}.hero-title{animation:fadeInLeft .8s ease-out;color:#fff;font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:32px}.text-gradient{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#667eea);background-size:200% 100%}.hero-subtitle{animation:fadeInLeft .8s ease-out .2s both;color:#cbd5e1;font-size:1.25rem;line-height:1.6;margin-bottom:40px}.hero-buttons{animation:fadeInLeft .8s ease-out .4s both;display:flex;gap:16px}.btn-primary{align-items:center;animation:glow 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 20px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:8px;padding:16px 32px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 30px #667eea66;transform:translateY(-2px)}.btn-icon{height:20px;width:20px}.hero-visual{align-items:center;display:flex;justify-content:center}.stats-grid{grid-gap:24px;animation:fadeInRight .8s ease-out .3s both;display:grid;gap:24px;grid-template-columns:1fr 1fr;max-width:400px;width:100%}.stat-card{animation:scaleIn .6s ease-out both,float 4s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:32px;position:relative;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#fff3;transform:translateY(-8px)}.stat-card:before{border-radius:20px;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.gradient-bg-1{animation-delay:.5s,0s;background:#667eea26;border-color:#667eea4d}.gradient-bg-1:before{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-bg-2{animation-delay:.7s,1.5s;background:#ec489926;border-color:#ec48994d}.gradient-bg-2:before{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.gradient-bg-3{animation-delay:.9s,3s;background:#3b82f626;border-color:#3b82f64d;grid-column:1/-1}.gradient-bg-3:before{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.stat-icon{color:#fff;height:32px;margin-bottom:16px;width:32px}.stat-number{color:#fff;text-shadow:0 2px 10px #0000004d}.stat-label{color:#fff;opacity:.9;text-shadow:0 1px 3px #0000004d}.hero-features{grid-gap:2rem;animation:fadeInUp .8s ease-out 1s both;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin-top:4rem}.feature-card{animation:fadeInUp .6s ease-out both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:first-child{animation-delay:1.2s}.feature-card:nth-child(2){animation-delay:1.4s}.feature-card:nth-child(3){animation-delay:1.6s}.feature-card:nth-child(4){animation-delay:1.8s}.feature-card:hover{border-color:#667eea4d;box-shadow:0 20px 40px #667eea1a;transform:translateY(-8px)}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:flex;height:4rem;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease;width:4rem}.feature-card:hover .feature-icon-wrapper{animation:pulse .6s ease-in-out}.feature-icon{height:2rem;width:2rem}.feature-content{color:#fff}.feature-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.feature-description{color:#888;font-size:.9rem;line-height:1.4;margin:0}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #4755694d;box-shadow:0 25px 50px #00000080}.modal-header{justify-content:between;margin-bottom:24px;padding:32px 32px 0}.modal-title{flex:1 1}.modal-close{color:#94a3b8;margin-left:16px;padding:8px}.modal-close:hover{background:#4755694d}.demo-form{padding:0 32px 32px}.form-group{margin-bottom:24px}.form-group label{color:#f1f5f9;font-size:.875rem;margin-bottom:8px}.form-group input{background:#1e293b80;border:1px solid #4755694d;border-radius:12px;box-sizing:border-box;padding:16px}.form-group input::placeholder{color:#64748b}.form-actions{margin-top:32px;text-align:center}.btn-submit{justify-content:center;margin-bottom:16px}.form-note{color:#94a3b8;font-size:.875rem;line-height:1.5}@media (max-width:1024px) and (min-width:769px){.hero-features{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero{padding:100px 0 60px}.hero-content{gap:48px;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.stats-grid{margin:0 auto;max-width:300px}.hero-features{gap:1rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}.feature-icon-wrapper{height:3rem;margin-bottom:1rem;width:3rem}.feature-icon{height:1.5rem;width:1.5rem}.feature-title{font-size:1rem}.feature-description{font-size:.8rem}.hero-subtitle,.hero-title{animation-duration:.6s}.hero-subtitle{animation-delay:.1s}.hero-buttons,.stats-grid{animation-delay:.2s;animation-duration:.6s}.stat-card{animation:scaleIn .5s ease-out both}.gradient-bg-1{animation-delay:.3s}.gradient-bg-2{animation-delay:.4s}.gradient-bg-3{animation-delay:.5s}.hero-features{animation-delay:.6s;animation-duration:.6s}.feature-card{animation-duration:.5s}.feature-card:first-child{animation-delay:.8s}.feature-card:nth-child(2){animation-delay:.9s}.feature-card:nth-child(3){animation-delay:1s}.feature-card:nth-child(4){animation-delay:1.1s}.modal-content{margin:20px;max-width:calc(100vw - 40px)}.demo-form,.modal-header{padding-left:24px;padding-right:24px}.modal-title{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn-primary{animation:none}.stat-card{animation:fadeInUp .3s ease-out both}.hero:before{animation:none}.text-gradient{animation:none;background:linear-gradient(135deg,#667eea,#764ba2)}}.features{background:#111}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:4rem}.feature-card{overflow:hidden;position:relative}.feature-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.feature-icon{color:#667eea;flex-shrink:0}.feature-title{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0}.feature-description{color:#ccc;line-height:1.6;margin-bottom:1.5rem}.feature-benefits{list-style:none;margin:0;padding:0}.benefit-item{align-items:center;border-bottom:1px solid #333;color:#ccc;display:flex;gap:.75rem;padding:.5rem 0}.benefit-item:last-child{border-bottom:none}.benefit-check{align-items:center;background:#4ade801a;border-radius:50%;color:#4ade80;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:1.2rem;justify-content:center;width:1.2rem}.metrics-section{background:#667eea0d;border:1px solid #667eea33;border-radius:20px;overflow:hidden;padding:3rem;position:relative}.metrics-section:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#667eea1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.metrics-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.metrics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.metric-item{align-items:center;background:#ffffff0d;border-radius:15px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.metric-item:hover{background:#ffffff1a;transform:translateY(-2px)}.metric-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.metric-content{flex:1 1}.metric-value{color:#667eea;font-size:1.8rem;font-weight:800;line-height:1;margin-bottom:.25rem}.metric-label{color:#888;font-size:.9rem;line-height:1.3}@media (max-width:1024px) and (min-width:769px){.metrics-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-header{flex-direction:column;gap:.5rem;text-align:center}.metrics-section{padding:2rem}.metrics-grid{gap:1rem;grid-template-columns:1fr}.metric-item{padding:1rem}.metric-value{font-size:1.5rem}}.tech-stack{background:#0a0a0a}.tech-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.tech-category{overflow:hidden;padding:2rem;position:relative;text-align:center}.tech-category:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tech-category:hover:before{opacity:1}.category-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.category-icon{height:2rem;width:2rem}.category-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.technologies-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.tech-tag{background:#667eea1a;border:1px solid #667eea33;border-radius:25px;color:#fff;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.tech-tag:hover{background:#667eea33;border-color:#667eea66;transform:translateY(-2px)}.architecture-highlights{background:#667eea08;border:1px solid #667eea1a;border-radius:20px;overflow:hidden;padding:3rem;position:relative}.architecture-highlights:before{animation:gradient-shift 8s ease infinite;background:linear-gradient(45deg,#667eea,#764ba2,#667eea);background-size:400% 400%;border-radius:20px;bottom:-2px;content:"";left:-2px;opacity:.1;position:absolute;right:-2px;top:-2px;z-index:-1}.highlight-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.highlight-item{background:#ffffff05;border-radius:15px;padding:1.5rem;text-align:center;transition:all .3s ease}.highlight-item:hover{background:#ffffff0d;transform:translateY(-3px)}.highlight-number{color:#667eea;display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.highlight-text{color:#aaa;display:block;font-size:1rem;font-weight:500}@media (max-width:1024px) and (min-width:769px){.tech-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.tech-grid{gap:1rem;grid-template-columns:1fr}.tech-category{padding:1.5rem}.category-icon-wrapper{height:3rem;width:3rem}.category-icon{height:1.5rem;width:1.5rem}.architecture-highlights{padding:2rem}.highlight-grid{gap:1rem;grid-template-columns:1fr}.highlight-number{font-size:2rem}}.why-git-approach{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);overflow:hidden;padding:120px 0;position:relative}.why-git-approach:before{background:radial-gradient(circle at 20% 50%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#764ba21a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.why-git-approach .container{position:relative;z-index:1}.section-header{margin-bottom:80px}.section-title{color:#fff;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:24px}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.section-subtitle{color:#94a3b8;font-size:1.25rem;line-height:1.6}.traditional-problems{margin-bottom:100px}.subsection-title{align-items:center;color:#fff;display:flex;font-size:2.25rem;font-weight:700;gap:16px;justify-content:center;margin-bottom:48px;text-align:center}.subsection-icon{color:#667eea;height:32px;width:32px}.problems-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.problem-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #ef444433;border-radius:16px;padding:32px;transition:all .3s ease}.problem-card:hover{border-color:#ef444466;box-shadow:0 20px 40px #ef44441a;transform:translateY(-8px)}.problem-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.method-icon.negative{color:#ef4444;height:28px;width:28px}.problem-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.problem-list{list-style:none;margin:0 0 24px;padding:0}.problem-item{align-items:flex-start;color:#cbd5e1;display:flex;gap:12px;line-height:1.5;margin-bottom:16px}.problem-mark{color:#ef4444;flex-shrink:0;height:18px;margin-top:2px;width:18px}.stress-indicator{background:#ef44441a;border-left:4px solid #ef4444;border-radius:8px;padding:16px}.stress-label{color:#94a3b8;font-weight:500;margin-right:8px}.stress-value{color:#ef4444;font-weight:600}.git-advantages{margin-bottom:100px}.advantages-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.advantage-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #667eea33;border-radius:16px;padding:32px;transition:all .3s ease}.advantage-card:hover{border-color:#667eea66;box-shadow:0 20px 40px #667eea1a;transform:translateY(-8px)}.advantage-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.advantage-icon{color:#667eea;height:28px;width:28px}.advantage-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.advantage-description{color:#94a3b8;line-height:1.6;margin-bottom:24px}.advantage-benefits{list-style:none;margin:0;padding:0}.advantage-benefit{align-items:flex-start;color:#cbd5e1;display:flex;gap:12px;line-height:1.5;margin-bottom:12px}.benefit-mark{color:#10b981;flex-shrink:0;height:18px;margin-top:2px;width:18px}.comparison-table{margin-bottom:80px}.comparison-grid{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #4755694d;border-radius:16px;overflow:hidden}.comparison-header{background:#667eea1a;border-bottom:1px solid #4755694d;color:#fff;font-weight:600;padding:24px}.comparison-header,.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr}.comparison-row{border-bottom:1px solid #47556933;padding:20px 24px;transition:background-color .2s ease}.comparison-row:hover{background:#667eea0d}.comparison-row:last-child{border-bottom:none}.metric-name{color:#fff;font-weight:500}.gitkarma-value,.traditional-value{align-items:center;display:flex;gap:8px}.traditional-value span{color:#ef4444;font-weight:500}.gitkarma-value span{color:#10b981;font-weight:500}.metric-bad{color:#ef4444;height:18px;width:18px}.metric-good{color:#10b981;height:18px;width:18px}.conclusion{text-align:center}.conclusion-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea1a;border:1px solid #667eea33;border-radius:20px;margin:0 auto;max-width:800px;padding:48px}.conclusion-title{color:#fff;font-size:2.25rem;font-weight:700;margin-bottom:24px}.conclusion-description{color:#cbd5e1;font-size:1.125rem;line-height:1.7;margin-bottom:40px}.conclusion-stats{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:8px}.stat-label{color:#94a3b8;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.why-git-approach{padding:80px 0}.section-title{font-size:2.5rem}.subsection-title{flex-direction:column;font-size:1.75rem;gap:8px}.advantages-grid,.problems-grid{gap:24px;grid-template-columns:1fr}.comparison-header,.comparison-row{gap:12px;grid-template-columns:1fr}.comparison-header>div,.comparison-row>div{padding:8px 0}.conclusion-content{padding:32px 24px}.conclusion-title{font-size:1.75rem}.conclusion-stats{gap:24px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-number{font-size:2rem}}.business-cases{background:#111}.results-grid,.results-showcase{margin-bottom:4rem}.results-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.result-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.result-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.result-card:hover{border-color:#667eea4d;box-shadow:0 20px 40px #667eea1a;transform:translateY(-8px)}.result-card:hover:before{opacity:1}.result-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:flex;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.result-icon-wrapper svg{height:2rem;width:2rem}.result-content{color:#fff}.result-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.5rem}.result-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.result-description{color:#888;font-size:.9rem;line-height:1.4}.achievements-section{background:#667eea0d;border:1px solid #667eea1a;border-radius:24px;margin-bottom:4rem;padding:3rem}.achievements-title{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center}.achievements-list{grid-gap:1.5rem;display:grid;gap:1.5rem;margin:0 auto;max-width:900px}.achievement-item{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.achievement-item:hover{background:#667eea1a;border-color:#667eea4d;transform:translateX(10px)}.achievement-check{color:#4ade80;flex-shrink:0;height:1.5rem;margin-top:.1rem;width:1.5rem}.achievement-item span{color:#ccc;font-size:1rem;line-height:1.6}.cta-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:24px;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.cta-section:before{background:linear-gradient(135deg,#667eea0d,#764ba20d);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.cta-title{font-size:2.2rem;margin-bottom:1rem}.cta-description{color:#888;font-size:1.1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.btn-large{font-size:1.1rem;font-weight:600;padding:1rem 2.5rem}.modal-overlay{padding:1rem}.modal-content{border:1px solid #ffffff1a}.modal-header{border-bottom:1px solid #ffffff1a;padding:1.5rem 2rem}.modal-title{font-size:1.5rem;font-weight:600}.modal-close{transition:all .2s ease}.demo-form{padding:2rem}.form-group label{font-weight:500}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder{color:#666}.form-actions{margin-bottom:1rem}.btn-submit{font-size:1rem;font-weight:600;padding:1rem;width:100%}.form-note{color:#888;font-size:.85rem;line-height:1.4;margin:0;text-align:center}@media (max-width:1024px){.results-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.results-grid{gap:1rem;grid-template-columns:1fr}.result-card{padding:1.5rem}.result-value{font-size:2.5rem}.achievements-section{padding:2rem 1.5rem}.achievement-item{padding:1rem}.cta-section{padding:3rem 1.5rem}.cta-title{font-size:1.8rem}.modal-content{margin:1rem;max-width:none}.demo-form,.modal-header{padding:1.5rem}}.pricing{background:#0a0a0a}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:4rem}.pricing-card{height:-webkit-fit-content;height:fit-content;overflow:hidden;position:relative;transition:all .3s ease}.pricing-card:hover{transform:translateY(-5px)}.popular-plan{border:2px solid #667eea;box-shadow:0 0 30px #667eea33}.popular-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;left:-1px;padding:.75rem;position:absolute;right:-1px;text-align:center;top:-1px}.badge-icon{height:1rem;width:1rem}.plan-header{border-bottom:1px solid #333;padding:2rem 2rem 1.5rem;text-align:center}.popular-plan .plan-header{padding-top:3rem}.plan-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;height:4rem;justify-content:center;margin:0 auto 1rem;width:4rem}.plan-icon{height:2rem;width:2rem}.plan-name{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.plan-range{color:#667eea;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.plan-description{color:#ccc;line-height:1.5;margin:0}.plan-features{padding:1.5rem 2rem 2rem}.features-list{list-style:none;margin:0;padding:0}.feature-item{align-items:flex-start;border-bottom:1px solid #222;color:#ccc;display:flex;gap:.75rem;line-height:1.5;padding:.75rem 0}.feature-item:last-child{border-bottom:none}.feature-check{color:#4ade80;flex-shrink:0;height:1.2rem;margin-top:.1rem;width:1.2rem}.pricing-factors{background:#ffffff05;border:1px solid #333;border-radius:20px;margin-bottom:4rem;padding:3rem}.factors-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.factors-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.factor-item{align-items:flex-start;background:#ffffff05;border-radius:15px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.factor-item:hover{background:#ffffff0d;transform:translateY(-3px)}.factor-icon{align-items:center;background:linear-gradient(135deg,#667eea20,#764ba220);border-radius:12px;color:#667eea;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.factor-content{flex:1 1}.factor-title{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.factor-description{color:#aaa;font-size:.9rem;line-height:1.5;margin:0}.pricing-cta{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:20px;overflow:hidden;padding:4rem;position:relative;text-align:center}.pricing-cta:before{animation:gradient-shift 8s ease infinite;background:linear-gradient(45deg,#667eea,#764ba2,#667eea);background-size:400% 400%;border-radius:20px;bottom:-2px;content:"";left:-2px;opacity:.1;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.cta-content{position:relative;z-index:1}.cta-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 1rem}.cta-description{color:#ccc;font-size:1.2rem;line-height:1.6;margin:0 0 2rem}.calculate-btn{align-items:center;display:inline-flex;font-size:1.2rem;gap:.75rem;padding:1.2rem 2.5rem}.btn-icon{height:1.5rem;width:1.5rem}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1a1a1a;border:1px solid #333;border-radius:20px;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.modal-title{color:#fff;font-size:1.8rem;font-weight:700;margin:0}.modal-close{background:none;border:none;border-radius:8px;color:#888;cursor:pointer;padding:.5rem;transition:all .3s ease}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.input-wrapper{position:relative}.input-icon{color:#888;height:1.2rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.2rem}.input-wrapper input,.input-wrapper select{background:#ffffff0d;border:1px solid #333;border-radius:12px;box-sizing:border-box;color:#fff;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.input-wrapper input:focus,.input-wrapper select:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-wrapper input::placeholder{color:#666}.submit-btn{font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;width:100%}@media (max-width:1024px) and (min-width:769px){.factors-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pricing-grid{gap:1.5rem;grid-template-columns:1fr}.pricing-factors{padding:2rem}.factors-grid{gap:1rem;grid-template-columns:1fr}.factor-item{flex-direction:column;padding:1rem;text-align:center}.pricing-cta{padding:2rem}.cta-title{font-size:2rem}.cta-description{font-size:1rem}.modal-overlay{padding:1rem}.modal-content{margin:0}.modal-form,.modal-header{padding:1.5rem}}.footer{background:#0a0a0a;border-top:1px solid #333;padding:3rem 0 1rem}.footer-content{margin:0 auto;max-width:1200px}.footer-main{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 3fr 1fr;margin-bottom:2rem}.footer-brand{max-width:350px}.footer-logo{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.logo-icon{color:#667eea;height:2rem;width:2rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text}.footer-description{color:#aaa;line-height:1.6;margin-bottom:1.5rem}.footer-social{display:flex;gap:1rem}.social-link{align-items:center;background:#ffffff0d;border-radius:50%;color:#aaa;display:flex;height:2.5rem;justify-content:center;text-decoration:none;transition:all .3s ease;width:2.5rem}.social-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px)}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.link-group-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.link-list{list-style:none;margin:0;padding:0}.link-list li{margin-bottom:.5rem}.footer-link{background:none;border:none;color:#aaa;cursor:pointer;font-family:inherit;font-size:.9rem;padding:0;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#667eea}.footer-contact{min-width:250px}.contact-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.contact-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.contact-item{align-items:center;color:#aaa;display:flex;gap:.75rem;text-decoration:none;transition:color .3s ease}.contact-item:hover{color:#667eea}.contact-icon{flex-shrink:0;height:1.2rem;width:1.2rem}.contact-text{font-size:.9rem}.cta-footer{background:#667eea0d;border:1px solid #667eea33;border-radius:12px;padding:1.5rem;text-align:center}.cta-footer-text{color:#fff;font-weight:600;margin-bottom:1rem}.footer-bottom{border-top:1px solid #333;padding-top:1.5rem}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.copyright{color:#666;font-size:.9rem;margin:0}.footer-bottom-links{align-items:center;color:#666;display:flex;font-size:.9rem;gap:1rem}.footer-separator{color:#444}.footer-version{background:#667eea1a;border-radius:4px;color:#667eea;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.footer-status{align-items:center;display:flex;gap:.5rem}.status-dot{border-radius:50%;height:.5rem;width:.5rem}.status-online{background:#4ade80;box-shadow:0 0 4px #4ade8080}@media (max-width:1024px){.footer-main{gap:2rem;grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-contact{min-width:auto}}@media (max-width:768px){.footer{padding:2rem 0 1rem}.footer-main{gap:1.5rem}.footer-links{gap:1.5rem;grid-template-columns:1fr}.footer-bottom-content{flex-direction:column;gap:.5rem;text-align:center}.footer-bottom-links{flex-wrap:wrap;justify-content:center}.cta-footer{padding:1rem}}.App{background:#0a0a0a;min-height:100vh}main{flex:1 1}section{padding:5rem 0;position:relative}section:nth-child(2n){background:#111}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}p{color:#ccc;margin-bottom:1rem}.card{background:#1a1a1a;border:1px solid #333;border-radius:20px;height:100%;padding:2rem;transition:all .3s ease}.card:hover{border-color:#667eea;box-shadow:0 20px 40px #667eea1a;transform:translateY(-5px)}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.icon{height:2rem;margin-bottom:1rem;width:2rem}.icon-large{height:3rem;margin-bottom:1.5rem;width:3rem}.accent-text{color:#667eea;font-weight:600}.highlight{background:linear-gradient(135deg,#667eea20,#764ba220);border-radius:6px;display:inline-block;padding:.2rem .5rem}.section-header{margin-bottom:4rem;text-align:center}.section-title{font-size:3rem;margin-bottom:1rem}.section-subtitle{color:#888;font-size:1.2rem;margin:0 auto;max-width:600px}@media (max-width:768px){section{padding:3rem 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.card{padding:1.5rem}}