@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-title: "Outfit", sans-serif;--color-bg: #030712;--color-bg-darker: #020617;--color-card: rgba(15, 23, 42, .6);--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(0, 194, 80, .3);--color-text-primary: #f9fafb;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280;--color-primary: #00c250;--color-primary-rgb: 0, 194, 80;--color-primary-hover: #00a844;--color-secondary: #3b82f6;--color-accent: #60a5fa;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;background-color:var(--color-bg)}body{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-bg);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,#3b82f6 50%,#8b5cf6 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-flow 6s linear infinite}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}header{position:fixed;top:0;left:0;width:100%;z-index:100;background-color:#030712b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-b:1px solid var(--color-border);transition:var(--transition-normal)}header.scrolled{background-color:#020617e6;box-shadow:0 10px 30px -10px #00000080;border-color:#ffffff0d}.header-container{display:flex;justify-content:space-between;align-items:center;height:5rem}.logo{font-size:1.75rem;font-weight:900;font-family:var(--font-title);color:var(--color-text-primary);display:flex;align-items:center}.logo span{color:var(--color-primary)}nav{display:flex;gap:2.5rem}nav a{font-size:.95rem;font-weight:500;color:var(--color-text-secondary)}nav a:hover{color:var(--color-text-primary)}.nav-actions{display:flex;align-items:center;gap:1.25rem}.lang-switch{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:.5rem 1rem;border-radius:9999px;cursor:pointer;font-family:var(--font-sans);font-size:.85rem;font-weight:500;transition:var(--transition-fast)}.lang-switch:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;border-radius:9999px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 20px #00c25040}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 24px #00c25059}.btn-secondary{background-color:#ffffff0d;color:var(--color-text-primary);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background-color:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.hero{position:relative;padding-top:11rem;padding-bottom:7rem;min-height:95vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 10% 20%,#030712,#020617)}.hero:after{content:"";position:absolute;top:15%;left:50%;transform:translate(-50%,-50%);width:50rem;height:50rem;background:radial-gradient(circle,rgba(0,194,80,.08) 0%,rgba(59,130,246,.03) 50%,transparent 100%);z-index:1;pointer-events:none}.grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:60px 60px;background-position:center top;mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,#000 70%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,#000 70%,transparent 100%);z-index:2;pointer-events:none}.hero-content{position:relative;z-index:10;text-align:center;max-width:900px;margin:0 auto}.badge{display:inline-flex;align-items:center;gap:.5rem;background:#00c2501a;border:1px solid rgba(0,194,80,.2);color:var(--color-primary);padding:.5rem 1.25rem;border-radius:9999px;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:2rem}.hero h1{font-size:4rem;line-height:1.15;font-weight:900;margin-bottom:1.5rem}.hero p{font-size:1.25rem;color:var(--color-text-secondary);max-width:750px;margin:0 auto 3rem;line-height:1.75}.hero-btns{display:flex;justify-content:center;gap:1.5rem}section{padding:7rem 0;position:relative;border-bottom:1px solid rgba(255,255,255,.03)}.section-bg-dark{background-color:var(--color-bg-darker)}.section-header{text-align:center;max-width:800px;margin:0 auto 5rem}.section-tag{color:var(--color-primary);text-transform:uppercase;font-size:.85rem;font-weight:700;letter-spacing:.2em;margin-bottom:1rem;display:block}.section-header h2{font-size:2.5rem;margin-bottom:1.25rem}.section-header p{color:var(--color-text-secondary);font-size:1.125rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.feature-card{background-color:var(--color-card);border:1px solid var(--color-border);padding:3rem 2.5rem;border-radius:1.5rem;transition:all var(--transition-normal);position:relative;overflow:hidden}.feature-card:hover{border-color:var(--color-border-hover);transform:translateY(-5px);box-shadow:0 20px 40px -15px #00c2501a}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(0,194,80,.05) 0%,transparent 50%);pointer-events:none}.feature-icon-wrapper{background:#ffffff08;border:1px solid var(--color-border);width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;transition:var(--transition-fast)}.feature-card:hover .feature-icon-wrapper{background:#00c2501a;border-color:#00c2504d}.feature-icon-wrapper svg{width:2rem;height:2rem;color:var(--color-primary);stroke-width:1.75}.feature-card h3{font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.compare-container{overflow-x:auto;border-radius:1.5rem;border:1px solid var(--color-border);background-color:var(--color-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);max-width:900px;margin:0 auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:1.5rem;border-bottom:1px solid var(--color-border)}th{font-family:var(--font-title);font-weight:700;color:var(--color-text-secondary)}tr:last-child td{border-bottom:none}.highlight-col{background-color:#00c25008;font-weight:600;text-align:center}.regular-col{text-align:center}.pwa-col-header{color:var(--color-primary);font-size:1.25rem;background-color:#00c2500d;border-bottom:2px solid rgba(0,194,80,.2);text-align:center}.store-col-header{font-size:1.15rem;text-align:center}.text-success{color:var(--color-primary)}.text-danger{color:#ef4444}.text-neutral{color:var(--color-text-secondary)}.detail-feature{display:flex;align-items:center;gap:5rem}.detail-feature.reverse{flex-direction:row-reverse}.detail-info{flex:1}.detail-graphics{flex:1;position:relative;background:#ffffff05;border:1px solid var(--color-border);border-radius:2rem;padding:3rem;display:flex;align-items:center;justify-content:center;min-height:400px;overflow:hidden}.detail-graphics:before{content:"";position:absolute;width:150%;height:150%;background:radial-gradient(circle,rgba(0,194,80,.03) 0%,transparent 60%);animation:rotate-bg 20s linear infinite}@keyframes rotate-bg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.detail-info h3{font-size:2.25rem;margin-bottom:1.5rem}.detail-info p{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:2rem;line-height:1.7}.detail-list{list-style:none}.detail-list li{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:500}.detail-list li svg{width:1.5rem;height:1.5rem;color:var(--color-primary);flex-shrink:0}.flow-diagram{position:relative;z-index:10;display:flex;flex-direction:column;gap:1.5rem;width:100%}.flow-step{background:#0f172acc;border:1px solid var(--color-border);padding:1.25rem;border-radius:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 25px -5px #0000004d;transition:var(--transition-fast)}.flow-step:hover{border-color:var(--color-primary);transform:translate(5px)}.flow-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;background:#00c2501a;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.flow-info h4{font-size:1rem;margin-bottom:.15rem}.flow-info p{font-size:.8rem;color:var(--color-text-secondary)}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.faq-item{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:1rem;overflow:hidden;transition:var(--transition-normal)}.faq-item:hover{border-color:#ffffff26}.faq-question{width:100%;background:transparent;border:none;padding:1.5rem 2rem;text-align:left;color:var(--color-text-primary);font-size:1.15rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-title)}.faq-question svg{width:1.5rem;height:1.5rem;color:var(--color-text-secondary);transition:transform var(--transition-normal)}.faq-item.active{border-color:var(--color-border-hover)}.faq-item.active .faq-question svg{transform:rotate(180deg);color:var(--color-primary)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-normal) ease-in-out;background-color:#02061766}.faq-answer-inner{padding:0 2rem 1.5rem;color:var(--color-text-secondary);font-size:.975rem;line-height:1.6}.cta{background:radial-gradient(circle at bottom right,rgba(0,194,80,.12) 0%,transparent 60%);text-align:center;position:relative;overflow:hidden}.cta-box{background-color:#0f172a80;border:1px solid var(--color-border);padding:5rem 3rem;border-radius:2.5rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);max-width:900px;margin:0 auto;position:relative;z-index:10}.cta h2{font-size:3rem;margin-bottom:1.5rem}.cta p{color:var(--color-text-secondary);font-size:1.25rem;max-width:600px;margin:0 auto 3rem;line-height:1.7}.email-contact{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-title);font-size:1.5rem;color:var(--color-primary);font-weight:700;border-bottom:2px solid transparent;padding-bottom:.25rem}.email-contact:hover{border-color:var(--color-primary);color:#fff}footer{background-color:#020617;padding:4rem 0 3rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.9rem}.footer-container{display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family:var(--font-title);font-size:1.5rem;font-weight:800;color:var(--color-text-primary);margin-bottom:.5rem}.footer-logo span{color:var(--color-primary)}.footer-links{display:flex;gap:2rem}.footer-links a:hover{color:var(--color-text-primary)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.reveal.active{opacity:1;transform:translateY(0)}@media (max-width: 968px){.detail-feature,.detail-feature.reverse{flex-direction:column;gap:3rem}.detail-graphics{width:100%;min-height:350px}.hero h1{font-size:2.75rem}nav{display:none}}@media (max-width: 640px){header{height:4.5rem}.header-container{height:4.5rem}.hero h1{font-size:2.25rem}.hero p{font-size:1.05rem}.hero-btns{flex-direction:column;gap:1rem;padding:0 2rem}.btn{width:100%}.section-header h2{font-size:1.85rem}.cta h2{font-size:2.25rem}.cta p{font-size:1.05rem}.email-contact{font-size:1.2rem}.footer-container{flex-direction:column;gap:2rem;text-align:center}.footer-links{justify-content:center}}