*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1a1a1a;line-height:1.6;overflow-x:hidden}.hero,.hero-container{position:relative;align-items:center}.hero{min-height:100vh;display:flex;justify-content:center;background:linear-gradient(135deg,#0f1729 0,#1e3a5f 50%,#2d4a6f 100%);overflow:hidden;padding:100px 5% 80px}.hero::after,.hero::before{content:"";position:absolute}.hero::before{top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.5}.hero::after{top:-50%;right:-20%;width:80%;height:150%;background:radial-gradient(ellipse at center,rgba(91,123,255,.15)0,transparent 70%);pointer-events:none}.hero-container{z-index:2;max-width:1400px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:40px}.hero-content{color:#fff}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:50px;font-size:13px;font-weight:500;margin-bottom:24px;backdrop-filter:blur(10px)}.hero-badge i{color:#5b7bff}.hero-title{font-size:clamp(40px,5vw,64px);font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em}.hero-title span{background:linear-gradient(135deg,#5b7bff 0,#00d4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:18px;line-height:1.7;color:rgba(255,255,255,.8);margin-bottom:40px;max-width:520px}.hero-cta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:48px}.hero-btn-primary,.hero-btn-secondary{padding:16px 36px;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;color:#fff;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}.hero-btn-primary{background:linear-gradient(135deg,#5b7bff 0,#4361ee 100%);box-shadow:0 8px 30px rgba(91,123,255,.4)}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(91,123,255,.5)}.hero-btn-secondary{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3)}.hero-btn-secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5)}.hero-stats{display:flex;gap:48px}.stat-item{text-align:left}.stat-number{font-size:36px;font-weight:800;color:#fff;margin-bottom:4px}.stat-label{font-size:14px;color:rgba(255,255,255,.6)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-image{max-width:100%;height:auto}.hero-mockup{position:relative;display:flex;justify-content:center;align-items:center}.phone-mockup{width:280px;height:580px;background:linear-gradient(145deg,#2a2a2a 0,#1a1a1a 100%);border-radius:45px;padding:12px;box-shadow:0 50px 100px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1);position:relative;z-index:2}.phone-mockup.android{position:absolute;left:-60px;top:60px;transform:rotate(-8deg);z-index:1;opacity:.9}.phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#667eea 0,#764ba2 100%);border-radius:35px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.phone-screen i{font-size:48px;margin-bottom:16px;opacity:.9}.phone-screen p{font-size:14px;opacity:.7}.phone-notch{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:120px;height:28px;background:#1a1a1a;border-radius:20px;z-index:10}.floating-badge{position:absolute;background:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#1a1a1a;z-index:10}.floating-badge.swift{top:20%;right:-20px}.floating-badge.kotlin{bottom:25%;left:-40px}.floating-badge i{font-size:24px}.floating-badge.swift i{color:#f05138}.floating-badge.kotlin i{color:#7f52ff}.section{padding:100px 5%}.section-dark{background:#0f1729;color:#fff}.section-light{background:#f8fafc}.section-white{background:#fff}.section-gradient{background:linear-gradient(180deg,#f8fafc 0,#fff 100%)}.container{max-width:1400px;margin:0 auto}.section-header{text-align:center;max-width:800px;margin:0 auto 64px}.section-label{display:inline-block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#5b7bff;margin-bottom:16px}.section-title{font-size:clamp(32px,4vw,48px);font-weight:800;color:#1a1a1a;margin-bottom:20px;letter-spacing:-.02em}.section-dark .section-title{color:#fff}.section-subtitle{font-size:18px;color:#64748b;line-height:1.7}.section-dark .section-subtitle{color:rgba(255,255,255,.7)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{background:#fff;border-radius:20px;padding:40px;border:1px solid #e2e8f0;transition:all .4s ease;position:relative;overflow:hidden}.feature-card::before,.steps-container::before{content:"";position:absolute;background:linear-gradient(90deg,#5b7bff,#00d4ff)}.feature-card::before{top:0;left:0;right:0;height:4px;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(0,0,0,.1);border-color:transparent}.feature-card:hover::before{transform:scaleX(1)}.feature-icon{width:64px;height:64px;background:linear-gradient(135deg,#5b7bff 0,#4361ee 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-icon i{font-size:28px;color:#fff}.feature-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.feature-text{font-size:15px;color:#64748b;line-height:1.7;margin-bottom:20px}.feature-list{list-style:none!important;padding:0!important;margin:0!important}.feature-list li{display:flex!important;align-items:flex-start!important;gap:10px!important;font-size:14px!important;color:#475569!important;margin-bottom:10px!important;padding-left:0!important;position:relative!important}.feature-list li::before{content:none!important;display:none!important}.feature-list li i{color:#22c55e;margin-top:3px;flex-shrink:0}.steps-container{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative}.steps-container::before{top:40px;left:15%;right:15%;height:3px;z-index:0}.step-card,.step-number{align-items:center!important;position:relative!important}.section-dark .step-card,.step-card{background:0 0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important}.step-card{text-align:center!important;z-index:1!important;padding:0!important;gap:0!important}.section-dark .step-card{align-items:center!important}.step-number{border-radius:50%!important;justify-content:center!important;font-size:32px!important;font-weight:800!important;color:#fff!important;margin:0 auto 24px!important;box-shadow:0 10px 40px rgba(91,123,255,.3)!important;flex-shrink:0!important}.step-number::after{content:""!important;position:absolute!important;top:-8px!important;left:-8px!important;right:-8px!important;bottom:-8px!important;width:96px!important;height:96px!important;border-radius:50%!important;border:2px dashed rgba(255,255,255,.4)!important;box-sizing:border-box!important;display:block!important}.section-dark .step-number,.step-number{width:80px!important;height:80px!important;background:linear-gradient(135deg,#5b7bff 0,#4361ee 100%)!important;display:flex!important}.step-text,.step-title{text-align:center!important}.step-title{font-size:20px!important;font-weight:700!important;color:#fff!important;margin-bottom:12px!important;margin-top:0!important}.step-text{font-size:15px!important;color:rgba(255,255,255,.8)!important;line-height:1.6!important;margin:0!important;max-width:250px!important}.integrations-container .section-dark .step-card h3,.integrations-container .section-dark .step-card p,.integrations-container .section-dark .step-text,.integrations-container .section-dark .step-title,.section-dark .step-card h3,.section-dark .step-card p,.section-dark .step-text,.section-dark .step-title{color:#fff!important}.comparison-wrapper{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.08)}.comparison-table{width:100%;border-collapse:collapse;table-layout:fixed}.comparison-table th{background:linear-gradient(135deg,#1e3a5f 0,#2d4a6f 100%);color:#fff;padding:24px 20px;font-size:14px;font-weight:600;text-align:left}.comparison-table th:first-child{padding-left:32px;width:20%}.comparison-table th:nth-child(2){width:20%}.comparison-table th.highlight{background:linear-gradient(135deg,#5b7bff 0,#4361ee 100%)}.comparison-table td{padding:20px;font-size:14px;color:#475569;border-bottom:1px solid #e2e8f0}.comparison-table td:first-child{font-weight:600;color:#1a1a1a;padding-left:32px}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background:#f8fafc}.check-no,.check-partial,.check-yes{font-weight:500;font-size:13px;white-space:nowrap}.check-yes{color:#15803d}.check-no i,.check-yes i{color:#22c55e;margin-right:6px}.check-no{color:#dc2626}.check-no i{color:#ef4444}.check-partial{color:#d97706}.check-partial i{color:#f59e0b;margin-right:6px}.comparison-table td .check-no,.comparison-table td .check-partial,.comparison-table td .check-yes{display:block}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.use-case-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.06);transition:all .4s ease;border:1px solid #e2e8f0}.use-case-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(0,0,0,.12)}.use-case-header{background:linear-gradient(135deg,#5b7bff 0,#4361ee 100%);padding:24px 28px;color:#fff}.use-case-audience{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:8px}.use-case-title{font-size:18px;font-weight:700;line-height:1.4}.use-case-body{padding:28px}.use-case-outcome{font-size:15px;color:#475569;line-height:1.7}.use-case-outcome strong{color:#22c55e;font-weight:600}.capabilities-section{display:grid;grid-template-columns:1fr 1fr;gap:48px}.capability-platform{background:#fff;border-radius:24px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,.06);border:1px solid #e2e8f0}.capability-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e2e8f0}.capability-header i{font-size:40px}.capability-header.ios i{color:#1a1a1a}.capability-header.android i{color:#3ddc84}.capability-header h3{font-size:24px;font-weight:700;color:#1a1a1a}.capabilities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.capability-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f8fafc;border-radius:10px;font-size:14px;color:#475569;transition:all .2s ease}.capability-item:hover{background:#eef2ff;color:#5b7bff}.capability-item i{color:#5b7bff;font-size:16px;width:20px;text-align:center}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.testimonial-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:36px;position:relative;backdrop-filter:blur(10px);display:flex;flex-direction:column}.testimonial-quote{font-size:16px;color:rgba(255,255,255,.9);line-height:1.8;margin-bottom:28px;margin-top:40px;font-style:italic}.quote-mark{font-size:64px;color:#5b7bff;opacity:.3;position:absolute;top:20px;left:24px;font-family:Georgia,serif;line-height:1}.testimonial-author{display:flex;align-items:center;gap:16px;margin-top:auto}.author-avatar{width:52px;height:52px;background:linear-gradient(135deg,#5b7bff 0,#4361ee 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.author-info h4{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.author-info p{font-size:14px;color:rgba(255,255,255,.6)}.testimonial-rating{display:flex;gap:4px;margin-top:16px}.testimonial-rating i{color:#fbbf24;font-size:14px}.faq-container{max-width:900px;margin:0 auto}.faq-item{background:#fff;border-radius:16px;margin-bottom:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.04);border:1px solid #e2e8f0;transition:all .3s ease}.faq-item:hover{box-shadow:0 8px 30px rgba(0,0,0,.08)}.faq-question{padding:24px 28px;font-size:17px;font-weight:600;color:#1a1a1a;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.faq-question:hover{color:#5b7bff}.faq-question i{color:#5b7bff;transition:transform .3s ease;font-size:14px}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:all .3s ease}.faq-item.active .faq-answer{max-height:500px}.faq-answer-content{padding:0 28px 24px;font-size:15px;color:#64748b;line-height:1.8}.faq-answer-content a{color:#5b7bff;text-decoration:none}.faq-answer-content a:hover{text-decoration:underline}.faq-list{list-style:none;padding:0;margin:12px 0}.faq-list li{position:relative;padding-left:20px;margin-bottom:8px;color:#475569}.faq-list li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:#5b7bff;border-radius:50%}.faq-list-columns{column-count:2;column-gap:32px}@media (max-width:768px){.faq-list-columns{column-count:1}}.cta-section{background:linear-gradient(135deg,#5b7bff 0,#4361ee 100%);padding:100px 5%;text-align:center;position:relative;overflow:hidden}.cta-section::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.1)0,transparent 50%);pointer-events:none}.cta-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.cta-title{font-size:clamp(32px,4vw,48px);font-weight:800;color:#fff;margin-bottom:20px}.cta-text{font-size:18px;color:rgba(255,255,255,.9);margin-bottom:40px;line-height:1.7}.cta-btn{display:inline-flex;align-items:center;gap:10px;padding:18px 48px;background:#fff;color:#5b7bff;font-size:17px;font-weight:700;border-radius:12px;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 40px rgba(0,0,0,.2)}.cta-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 50px rgba(0,0,0,.3)}.integrations-container .footer{margin-top:0}@media (max-width:1200px){.hero-container{grid-template-columns:1fr;text-align:center;gap:60px}.hero-content{max-width:700px;margin:0 auto}.hero-description{margin:0 auto 40px}.hero-cta,.hero-stats{justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}.steps-container{gap:48px}.steps-container::before{display:none}.steps-container,.testimonials-grid,.use-cases-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.capabilities-section{grid-template-columns:1fr}}@media (max-width:768px){.hero{padding:80px 20px 60px}.hero-stats{flex-wrap:wrap;gap:32px}.hero-visual{display:none}.section{padding:60px 20px}.capabilities-grid,.features-grid,.steps-container,.testimonials-grid,.use-cases-grid{grid-template-columns:1fr}.comparison-table{font-size:12px}.comparison-table td,.comparison-table th{padding:12px 10px}}@media (max-width:480px){.hero-title{font-size:32px}.hero-btn-primary,.hero-btn-secondary{width:100%;justify-content:center}.section-title{font-size:28px}.feature-card{padding:28px}.comparison-table td:nth-child(4),.comparison-table td:nth-child(5),.comparison-table th:nth-child(4),.comparison-table th:nth-child(5){display:none}}