.dot-grid-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden;background:transparent}.dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#22c55e80;transform-origin:center;will-change:transform,opacity;transition:transform .15s ease-out,opacity .15s ease-out;margin-left:-2px;margin-top:-2px;box-shadow:0 0 2px #22c55e4d}@media (max-width: 768px){.dot{width:3px;height:3px;margin-left:-1.5px;margin-top:-1.5px}.dot-grid-container{opacity:.7}}@media (prefers-reduced-motion: reduce){.dot{transition:none}}.hero{background:#fefdf8;color:#333;text-align:center;padding:6rem 1rem;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:0;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fefdf8d9;z-index:1}.hero-content{position:relative;z-index:2}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:4rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#22c55e,#22c55ecc,#22c55e80 60%,#22c55e33),linear-gradient(90deg,transparent 0%,transparent 25%,rgba(255,255,255,.6) 40%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.6) 60%,transparent 75%,transparent 100%);background-size:100% 100%,200% 100%;background-position:0 0,-200% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;letter-spacing:-.02em;position:relative;display:inline-block;animation:shine 5s ease-in-out infinite}@keyframes shine{0%{background-position:0 0,-200% 0}50%{background-position:0 0,200% 0}to{background-position:0 0,-200% 0}}.hero-subtitle{font-size:1.5rem;margin-bottom:1.5rem;color:#333}.hero-description{font-size:1.2rem;line-height:1.8;margin-bottom:2.5rem;color:#666;max-width:700px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease;display:inline-block;cursor:pointer;border:none}.btn-secondary{background:#fff;color:#16a34a;box-shadow:0 4px 14px #00000026}.btn-secondary:hover{background:#f0fdf4;color:#16a34a;transform:translateY(-2px);box-shadow:0 6px 20px #0003}@media (max-width: 768px){.hero-video{display:block}.hero-overlay{background:#fefdf8e6}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.btn{padding:.8rem 1.5rem;font-size:1rem}}.features{background:#fefdf8b3;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:5rem 1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:#ffffff4d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:2rem;border-radius:12px;text-align:center;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;border:1px solid rgba(233,236,239,.3);box-shadow:0 4px 12px #0000000d}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a;border-color:#22c55e;background:#ffffff80}.feature-icon{width:64px;height:64px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(34,197,94,.2));transition:transform .3s ease,filter .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(34,197,94,.3))}.feature-icon svg{width:100%;height:100%}.feature-title{font-size:1.5rem;margin-bottom:1rem;color:#333}.feature-description{color:#666;line-height:1.6}@media (max-width: 768px){.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}}.power-meter{background:#fefdf8b3;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:5rem 1rem}.power-meter-container{max-width:1200px;margin:0 auto}.power-meter-header{text-align:center;margin-bottom:4rem}.power-meter-subtitle{font-size:1.2rem;color:#666;margin-top:1rem;max-width:700px;margin-left:auto;margin-right:auto}.power-meter-content{display:flex;flex-direction:column;gap:4rem}.power-meter-intro{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.power-meter-description-title{font-size:2rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#22c55e,#22c55ecc,#16a34a80 60%,#15803d33);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;letter-spacing:-.02em;text-align:left}.power-meter-description p{font-size:1.1rem;color:#666;line-height:1.8;margin-bottom:1.5rem}.power-meter-image-container{display:flex;align-items:center;justify-content:center;overflow:visible;background:transparent;padding:0;box-shadow:none;min-height:300px;position:relative}.power-meter-image{width:100%;height:auto;max-width:500px;object-fit:contain;border-radius:0}.power-meter-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0}.power-meter-image-placeholder .placeholder-content{text-align:center;color:#22c55e}.power-meter-image-placeholder .placeholder-icon{font-size:5rem;display:block;margin-bottom:1rem}.power-meter-image-placeholder .placeholder-content p{font-size:1.2rem;font-weight:600;color:#22c55e;margin:.5rem 0}.power-meter-image-placeholder .placeholder-content small{font-size:.9rem;color:#999;font-style:italic}.power-meter-features{margin-top:4rem}.power-meter-features .section-title{margin-bottom:3rem}.power-meter-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.power-meter-feature-card{background:#ffffff4d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:2rem;border-radius:12px;text-align:center;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;border:1px solid rgba(233,236,239,.3);box-shadow:0 4px 12px #0000000d}.power-meter-feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a;border-color:#22c55e;background:#ffffff80}.power-meter-feature-icon{width:64px;height:64px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(34,197,94,.2));transition:transform .3s ease,filter .3s ease}.power-meter-feature-card:hover .power-meter-feature-icon{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(34,197,94,.3))}.power-meter-feature-icon svg{width:100%;height:100%}.power-meter-feature-title{font-size:1.5rem;margin-bottom:1rem;color:#333;font-weight:600}.power-meter-feature-description{color:#666;line-height:1.6;font-size:.95rem}.power-meter-cta{background:linear-gradient(135deg,#22c55e,#16a34a);padding:3rem;border-radius:12px;text-align:center;color:#fff;margin-top:2rem;box-shadow:0 8px 24px #22c55e33;position:relative;overflow:hidden}.power-meter-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(34,197,94,.2) 0%,transparent 70%);pointer-events:none}.power-meter-cta>*{position:relative;z-index:1}.power-meter-cta h3{font-size:2rem;margin-bottom:1rem}.power-meter-cta p{font-size:1.1rem;margin-bottom:2rem;opacity:.95}.power-meter-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.btn-primary{background:#fff;color:#16a34a;box-shadow:0 4px 14px #00000026}.btn-primary:hover{background:#f0fdf4;color:#15803d;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 968px){.power-meter-intro{grid-template-columns:1fr;gap:2rem}.power-meter-image-container{padding:1.5rem}.power-meter-image{max-width:100%}}@media (max-width: 768px){.power-meter{padding:3rem 1rem}.power-meter-header{margin-bottom:2rem}.power-meter-subtitle{font-size:1rem}.power-meter-description h3{font-size:1.5rem}.power-meter-description p{font-size:1rem}.power-meter-features-grid{grid-template-columns:1fr;gap:1.5rem}.power-meter-cta{padding:2rem 1.5rem}.power-meter-cta h3{font-size:1.5rem}.power-meter-cta p{font-size:1rem}.power-meter-cta-buttons{flex-direction:column;align-items:center}.power-meter-cta-buttons .btn{width:100%;max-width:300px}}.calculator{background:#fefdf8b3;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:5rem 1rem}.calculator-container{max-width:1200px;margin:0 auto}.calculator-subtitle{text-align:center;font-size:1.2rem;color:#666;margin-bottom:2rem}.customer-class-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.tab-button{padding:.75rem 1.5rem;background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;font-family:inherit}.tab-button:hover{border-color:#22c55e;color:#22c55e;background:#f0fdf4}.tab-button.active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:#22c55e;box-shadow:0 4px 12px #22c55e4d}@media (max-width: 768px){.customer-class-tabs{gap:.25rem}.tab-button{padding:.5rem 1rem;font-size:.85rem;flex:1;min-width:0}}.calculator-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;align-items:start}.calculator-form{background:#ffffff4d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(233,236,239,.3)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.95rem}.tooltip{margin-left:.5rem;cursor:help;opacity:.6}.form-group input,.form-group select{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease;background-color:#f8f9fa;color:#333;font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:#22c55e;background-color:#fff;box-shadow:0 0 0 3px #22c55e1a}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-group select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2322c55e' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.form-group small{display:block;margin-top:.25rem;color:#666;font-size:.85rem}.btn-calculate{width:100%;padding:1rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;box-shadow:0 4px 14px #22c55e4d}.btn-calculate:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66;background:linear-gradient(135deg,#16a34a,#15803d)}.calculator-disclaimer{background:#ffffff4d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(233,236,239,.3);position:sticky;top:2rem}.calculator-disclaimer h3{margin-bottom:1rem;color:#333;font-size:1.2rem;font-weight:600}.calculator-disclaimer p{margin-bottom:1rem;color:#666;line-height:1.6;font-size:.95rem}.calculator-disclaimer ul{margin-left:1.5rem;margin-bottom:1rem;color:#666;line-height:1.8}.calculator-disclaimer ul li{margin-bottom:.75rem}.calculator-disclaimer ul li strong{color:#333;font-weight:600}.calculator-disclaimer .resource-links{list-style:none;margin-left:0;padding-left:0}.calculator-disclaimer .resource-links li{margin-bottom:.75rem}.calculator-disclaimer .resource-links li a{color:#22c55e;text-decoration:none;font-weight:500}.calculator-disclaimer .resource-links li a:hover{text-decoration:underline;color:#059669}.calculator-disclaimer .disclaimer-note{background:#e3f2fd;padding:1rem;border-radius:6px;margin-top:1.5rem;font-style:italic;color:#1976d2;font-size:.9rem}.calculator-results{background:#ffffff4d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000000d}.results-title{margin-bottom:2rem;color:#333;font-size:1.5rem;font-weight:600}.results-overview{display:flex;gap:2rem;margin-bottom:3rem;align-items:flex-start}.donut-chart-wrapper{flex-shrink:0}.breakdown-list{flex:1;display:flex;flex-direction:column;gap:1rem}.breakdown-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 0;border-bottom:1px solid #e9ecef}.breakdown-item:last-child{border-bottom:none}.breakdown-item.total-bill{padding-top:1rem;margin-top:.5rem;border-top:2px solid #333;border-bottom:none}.breakdown-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:.25rem}.breakdown-dot.energy{background:#ff6b35}.breakdown-dot.delivery{background:#f7931e}.breakdown-dot.regulatory{background:orange}.breakdown-dot.hst{background:#ff8c42}.breakdown-dot.earnings{background:#22c55e}.breakdown-content{flex:1}.breakdown-label{font-weight:600;color:#333;margin-bottom:.25rem}.breakdown-description{font-size:.85rem;color:#666}.breakdown-value{font-weight:600;color:#333;font-size:1.1rem}.breakdown-value.total{font-size:1.3rem;font-weight:700}.charger-details{margin-top:2rem;padding-top:2rem;border-top:2px solid #e9ecef}.charger-details-title{margin-bottom:1.5rem;color:#333;font-size:1.3rem;font-weight:600}.detail-card{margin-bottom:1.5rem;padding:1.5rem;background:#f8f9fa4d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:8px}.detail-card.net-impact{background:linear-gradient(135deg,#f0fdf4,#dcfce7);text-align:center;padding:2rem}.detail-label{font-size:.9rem;color:#666;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:2rem;font-weight:700;color:#333;margin-bottom:.25rem}.detail-value.large{font-size:2.5rem}.detail-value.green{color:#22c55e}.detail-subvalue{font-size:.9rem;color:#666;margin-top:.25rem}.calculator-results h3{margin-bottom:1.5rem;color:#333;text-align:center}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.result-card{background:#f8f9fa;padding:1.5rem;border-radius:8px;text-align:center;border:2px solid #e9ecef}.result-card.highlight{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-color:#22c55e;box-shadow:0 4px 14px #22c55e4d}.result-label{font-size:.9rem;opacity:.8;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.result-value{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.result-detail{font-size:.85rem;opacity:.7}.results-summary{text-align:center;padding-top:1.5rem;border-top:1px solid #e9ecef}.results-summary p{margin-bottom:.5rem;color:#666}.disclaimer{font-size:.85rem;font-style:italic;opacity:.7}@media (max-width: 968px){.calculator-content{grid-template-columns:1fr;gap:2rem}.results-grid{grid-template-columns:1fr}.results-overview{flex-direction:column;align-items:center}.breakdown-list{width:100%}.detail-value.large{font-size:2rem}}.error-message{margin-top:1rem;padding:1rem;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;text-align:center}.btn-calculate:disabled{opacity:.6;cursor:not-allowed}.form-section{margin-bottom:2rem}.form-section-title{font-size:1.2rem;margin-bottom:1rem;color:#333;border-bottom:2px solid #e9ecef;padding-bottom:.5rem}.consumption-section{margin-top:2rem}.consumption-title{color:#22c55e;border-bottom-color:#22c55e;font-weight:700}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.slider{width:100%;height:8px;border-radius:5px;background:#e9ecef;outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#22c55e;cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#22c55e;cursor:pointer;border:none}.slider-labels{display:flex;justify-content:space-between;font-size:.85rem;color:#666;margin-top:.25rem}.charger-speed-input{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease,background-color .3s ease;background-color:#f8f9fa;color:#333}.charger-speed-input:focus{outline:none;border-color:#22c55e;background-color:#fff;box-shadow:0 0 0 3px #22c55e1a}.results-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e9ecef}.results-section:last-child{border-bottom:none}.results-section h4{margin-bottom:1rem;color:#333;font-size:1.1rem}.result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.result-item:last-child{border-bottom:none}.result-item .result-label{color:#666;font-size:.95rem}.result-item .result-value{font-size:1.2rem;font-weight:600;color:#333}.result-item .result-value.highlight{color:#22c55e;font-size:1.4rem}.result-item .result-value.profit{color:#28a745;font-size:1.4rem}.filter-controls{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.filter-controls label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.filter-controls input[type=checkbox]{width:auto;cursor:pointer}.province-filter{padding:.75rem 2.5rem .75rem .75rem;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;cursor:pointer;background-color:#f8f9fa;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:border-color .3s ease,background-color .3s ease}.province-filter:focus{outline:none;border-color:#22c55e;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2322c55e' d='M6 9L1 4h10z'/%3E%3C/svg%3E");box-shadow:0 0 0 3px #22c55e1a}.utility-select{max-height:300px}@media (max-width: 968px){.calculator-content{grid-template-columns:1fr;gap:2rem}.calculator-disclaimer{position:static;order:2}.calculator-form{order:1}.calculator-results{order:3}}@media (max-width: 768px){.calculator-form,.calculator-results,.calculator-disclaimer{padding:1.5rem}.filter-controls{flex-direction:column;align-items:flex-start;gap:.5rem}}.donut-chart-container{display:flex;justify-content:center;align-items:center;margin:1rem 0}.donut-chart{width:200px;height:200px}@media (max-width: 768px){.donut-chart{width:150px;height:150px}}.statistics{background:#fefdf8b3;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:5rem 1rem}.statistics-subtitle{text-align:center;font-size:1.1rem;color:#666;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.statistic-card{background:#ffffff4d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:2.5rem 2rem;border-radius:12px;text-align:center;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;border:1px solid rgba(233,236,239,.3);box-shadow:0 4px 12px #0000000d;position:relative;overflow:hidden}.statistic-card:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#22c55e,#16a34a,#15803d,#16a34a,#22c55e,#16a34a,#15803d,#16a34a,#22c55e);background-size:300% 300%;border-radius:12px;z-index:-1;opacity:0;animation:electric-border 2.5s linear infinite;transition:opacity .3s ease;filter:blur(1px)}.statistic-card:hover:before{opacity:1}@keyframes electric-border{0%{background-position:0% 0%;filter:blur(1px) brightness(1) drop-shadow(0 0 8px rgba(34,197,94,.6))}25%{background-position:100% 0%;filter:blur(1.5px) brightness(1.4) drop-shadow(0 0 12px rgba(34,197,94,.9))}50%{background-position:100% 100%;filter:blur(2px) brightness(1.6) drop-shadow(0 0 16px rgba(34,197,94,1))}75%{background-position:0% 100%;filter:blur(1.5px) brightness(1.4) drop-shadow(0 0 12px rgba(34,197,94,.9))}to{background-position:0% 0%;filter:blur(1px) brightness(1) drop-shadow(0 0 8px rgba(34,197,94,.6))}}.statistic-card:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),rgba(34,197,94,.3),rgba(255,255,255,.6),transparent);animation:electric-sparkle 2s ease-in-out infinite;pointer-events:none;z-index:1}.statistic-card:hover:after{animation:electric-sparkle 1.2s ease-in-out infinite}@keyframes electric-sparkle{0%{left:-100%;opacity:0}50%{opacity:1}to{left:150%;opacity:0}}.statistic-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a;border-color:#22c55e;background:#ffffff80}.statistic-icon{width:64px;height:64px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(34,197,94,.2));transition:transform .3s ease,filter .3s ease;position:relative;z-index:2}.statistic-card:hover .statistic-icon{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(34,197,94,.3))}.statistic-icon svg{width:100%;height:100%}.statistic-value{font-size:2.5rem;font-weight:700;color:#22c55e;margin-bottom:.5rem;line-height:1.2;position:relative;z-index:2}.statistic-title{font-size:1.5rem;margin-bottom:.75rem;color:#333;font-weight:600;position:relative;z-index:2}.statistic-description{color:#666;line-height:1.6;font-size:.95rem;margin:0;position:relative;z-index:2}@media (max-width: 768px){.statistics{padding:3rem 1rem}.statistics-grid{grid-template-columns:1fr;gap:1.5rem}.statistic-card{padding:2rem 1.5rem}.statistic-value{font-size:2rem}.statistic-icon{font-size:3rem}}.app-download{background:#fefdf8b3;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:5rem 1rem;color:#333;position:relative;overflow:hidden}.app-download-content{position:relative;z-index:1}.app-download-container{max-width:1200px;margin:0 auto}.app-download-content{text-align:center}.app-download .section-title{margin-bottom:2rem}.app-download-description{font-size:1.2rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;color:#666;line-height:1.6}.download-buttons{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.download-button{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:#fff;border:2px solid #e9ecef;border-radius:12px;text-decoration:none;color:#333;transition:all .3s ease;min-width:200px;box-shadow:0 2px 8px #0000001a}.download-button:hover{background:#f8f9fa;border-color:#22c55e;transform:translateY(-3px);box-shadow:0 8px 24px #22c55e33}.download-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.download-icon svg{width:100%;height:100%}.download-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.download-label{font-size:.85rem;opacity:.9;line-height:1.2}.download-platform{font-size:1.2rem;font-weight:600;line-height:1.2}.app-download-note{font-size:.9rem;color:#666;font-style:italic;margin-top:1rem}@media (max-width: 768px){.app-download{padding:3rem 1rem}.download-buttons{flex-direction:column;align-items:center;gap:1rem}.download-button{width:100%;max-width:280px;justify-content:center}.app-download-description{font-size:1rem;margin-bottom:2rem}}.faq{padding:80px 20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;overflow:hidden}.faq-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:0;object-fit:cover}.faq-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fefdf8d9;z-index:1}.faq-container{max-width:900px;margin:0 auto;position:relative;z-index:2}.faq-subtitle{text-align:center;font-size:1.1rem;color:#64748b;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#fff9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,255,255,.4)}.faq-item:hover{background:#ffffffbf;box-shadow:0 4px 12px #00000026;border-color:#22c55e66}.faq-item.open{background:#fff9}.faq-question{width:100%;padding:1.5rem;background:transparent;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:1.1rem;font-weight:600;color:#1e293b;transition:color .2s ease}.faq-question:hover{color:#22c55e}.faq-question-text{flex:1}.faq-icon{font-size:1.5rem;font-weight:300;color:#22c55e;min-width:24px;text-align:center;transition:transform .3s ease}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 1.5rem;background:transparent}.faq-item.open .faq-answer{max-height:1000px;padding:0 1.5rem 1.5rem;background:transparent}.faq-answer p{color:#1e293b;line-height:1.7;margin:0;font-size:1rem;font-weight:500}@media (max-width: 768px){.faq{padding:60px 16px}.faq-question{padding:1.25rem;font-size:1rem}.faq-answer{padding:0 1.25rem}.faq-item.open .faq-answer{padding:0 1.25rem 1.25rem}}.footer{background:#fefdf8b3;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);color:#333;padding:3rem 1rem 1rem;margin-top:auto;border-top:none}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:250px 1fr;gap:4rem;margin-bottom:2rem}.footer-left{display:flex;flex-direction:column;align-items:flex-start}.footer-logo{margin-bottom:2rem;position:relative;display:flex;align-items:center}.footer-logo-img{height:120px;width:auto;max-width:100%}.social-icons{display:flex;gap:.75rem;align-items:center}.social-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#333;color:#fff;text-decoration:none;transition:all .3s ease}.social-icon svg{width:18px;height:18px}.social-icon:hover{background:#22c55e;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.footer-right{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-column{display:flex;flex-direction:column}.footer-column-header{margin-bottom:1rem;font-size:1rem;font-weight:600;color:#22c55e}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:.75rem}.footer-column ul li a{color:#666;text-decoration:none;font-size:.95rem;transition:color .3s ease}.footer-column ul li a:hover{color:#22c55e}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid #e9ecef;text-align:left;color:#666;font-size:.9rem}@media (max-width: 968px){.footer-content{grid-template-columns:1fr;gap:2rem}.footer-right{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:2rem}.footer-left{align-items:center}.footer-logo-img{height:100px}.footer-right{grid-template-columns:1fr;gap:2rem}.footer-bottom{text-align:center}}.App{min-height:100vh;display:flex;flex-direction:column;position:relative}.App>*:not(.dot-grid-container){position:relative;z-index:1}html{scroll-behavior:smooth}section{padding:4rem 1rem;max-width:1200px;margin:0 auto;width:100%}@media (max-width: 768px){section{padding:2rem 1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fefdf8;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.section-title{background:linear-gradient(135deg,#22c55e,#22c55ecc,#22c55e80 60%,#22c55e33);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem}@media (max-width: 768px){.section-title{font-size:2rem}}