:root{--bg:#000000;--glass-bg: rgba(255,255,255,.03);--glass-border: rgba(255,255,255,.06);--cyan:#00e5ff;--muted:#9fb0b5;--max-w:1200px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Poppins,system-ui,Segoe UI,Roboto,Arial;background:#000 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><rect fill="%23000" width="40" height="40"/><path stroke="%23ffffff" stroke-width="0.5" opacity="0.04" d="M0 0h40v40H0z"/><circle cx="20" cy="20" r="1" fill="%23ffffff" opacity="0.08"/></svg>');color:#e8fcff}.container{max-width:var(--max-w);margin:0 auto;padding:0 20px}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px}.site-header .glass{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.fade{opacity:0;transform:translateY(10px);animation:fadeUp .64s cubic-bezier(.2,.9,.2,1) var(--delay,0s) both}.delay-1{--delay:.06s}.delay-2{--delay:.14s}.delay-3{--delay:.22s}.delay-4{--delay:.3s}.delay-5{--delay:.38s}.delay-6{--delay:.46s}.stagger>*{opacity:0;transform:translateY(8px);animation:fadeUp .64s cubic-bezier(.2,.9,.2,1) var(--delay,0s) both}.notify{position:fixed;left:18px;right:18px;top:18px;padding:8px;z-index:60;display:flex;justify-content:center}.notify-inner{display:flex;align-items:center;gap:12px;padding:8px 14px}.notify-msg{color:var(--cyan);font-weight:600}.icon-btn{background:transparent;border:0;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px}.site-header{position:sticky;top:12px;padding:12px 0;z-index:40;left:0;right:0;display:block}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:720px;margin:0 auto;padding:8px 18px}.header-inner.compact{max-width:720px}.site-header{opacity:0;transform:translateY(-8px);animation:headerFade .64s cubic-bezier(.2,.9,.2,1) .12s forwards}.hero-title{opacity:0;transform:translateY(8px) scale(.98);animation:titleFade .9s cubic-bezier(.2,.9,.2,1) .28s forwards}@keyframes headerFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes titleFade{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.brand{display:flex;align-items:center;gap:10px}.logo-icon{color:var(--cyan);font-size:26px}.logo-text{font-weight:700}.nav{display:flex;gap:18px}.nav a{color:var(--muted);text-decoration:none;padding:8px;border-radius:8px}.nav a:hover{color:var(--cyan)}.cta .btn{padding:8px 12px}.btn{font-weight:600;border-radius:12px;cursor:pointer;border:0;padding:10px 18px;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(90deg,var(--cyan),#7ef2ff);color:#012;border-radius:12px;box-shadow:0 8px 30px #00e5ff14}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.04);color:var(--muted)}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--muted)}.hero{padding:140px 0 60px;text-align:center}.hero-inner{max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-badge{display:inline-block;padding:8px 14px;margin-bottom:18px;color:var(--muted)}.hero-title{font-size:64px;margin:0;line-height:1;font-weight:800;display:inline-flex;align-items:center;gap:0;color:inherit}.hero-title-gradient{background:linear-gradient(90deg,var(--cyan),#7ef2ff);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-flex;align-items:center}.hero-bolt{font-size:64px;margin-left:-8px;margin-right:-8px;color:inherit}.hero-sub{color:var(--muted);margin:14px 0 22px}.hero-ctas{display:flex;gap:12px;justify-content:center}.section{padding:44px 0;border-bottom:1px solid rgba(255,255,255,.02)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat-card{padding:32px 24px;text-align:center;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:all .3s ease;background:transparent}.stat-card:hover{border-color:#00e5ff1f;background:#00e5ff05}.stat-icon{font-size:44px;color:var(--cyan);margin-bottom:12px;display:block}.stat-card h3{margin:12px 0 8px;font-size:18px;font-weight:600;color:#eafafc}.muted{color:var(--muted);font-size:14px}.products-section{padding:40px 0;border-bottom:1px solid rgba(255,255,255,.02)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.section-head h2{margin:0;font-size:32px;font-weight:700}.tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-family:Inter,SF Mono,monospace;font-size:13px}.tabs.clean-tabs{gap:6px}.tab{background:transparent;border:1px solid rgba(255,255,255,.05);padding:10px 16px;border-radius:8px;color:var(--muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.tab .material-icons{font-size:16px}.tab:hover{border-color:#00e5ff14;background:#00e5ff03}.tab.active{border-color:var(--cyan);color:var(--cyan);background:transparent;box-shadow:0 0 12px #00e5ff14}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.product-grid.clean-grid{gap:18px}.product-card{border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:140px;transition:all .24s ease;padding:0;background:transparent}.product-card.clean-card{background:transparent}.product-card:hover{border-color:#00e5ff1f;box-shadow:0 8px 30px #00e5ff0d}.card-banner{height:86px;background-size:cover;background-position:center;position:relative;display:block}.card-banner .banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000038,#0000006b);mix-blend-mode:multiply}.card-banner .banner-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:20px;letter-spacing:.2px;text-shadow:0 6px 20px rgba(0,0,0,.6);text-align:center;padding:0 12px}.card-banner .banner-accent{color:var(--cyan);text-shadow:0 10px 32px rgba(0,229,255,.22);font-weight:800}.card-body{padding:14px 18px 18px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:auto}.card-info{flex:1;min-width:0}.card-body h4{margin:0 0 8px;color:#eafafc;font-size:15px;font-weight:600}.card-body p{margin:0;font-size:13px}.product-price{color:var(--cyan);font-weight:800;font-size:32px;margin:0;text-align:right;line-height:1;white-space:nowrap}.card-actions{display:flex;gap:8px;margin-top:12px}.reviews-viewport{overflow:hidden;border-radius:12px;padding:14px;margin-top:18px}.reviews-track{display:flex;gap:14px;align-items:stretch;animation:scrollReviews 10s linear infinite}.reviews-viewport:hover .reviews-track{animation-play-state:paused}.reviews-track>.review-card{flex:0 0 auto}.review-card{min-width:260px;padding:14px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);border-radius:10px}.review-card .rating{color:var(--cyan);font-weight:700}.review-card .date{color:var(--muted);font-size:13px;margin-bottom:8px}@keyframes scrollReviews{0%{transform:translate(0)}to{transform:translate(-50%)}}.site-footer{padding:36px 0;margin-top:30px}.footer-redesign{padding-top:48px}.footer-top{display:grid;grid-template-columns:1fr 340px 360px;gap:20px;align-items:start}.footer-top .footer-brand{padding:20px}.footer-top .footer-links-panel,.footer-top .footer-policies{padding:18px}.hover-lift{transition:all .28s ease;cursor:pointer}.hover-lift:hover{transform:translateY(-6px)}.policy-links{list-style:none;padding:0;margin:8px 0}.policy-links li{margin-bottom:8px}.policy-links a{color:var(--muted);text-decoration:none;transition:color .2s}.policy-links a:hover{color:var(--cyan)}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.footer-links{list-style:none;padding:0;margin:8px 0}.footer-links li{margin-bottom:8px}.footer-links a{color:var(--muted);text-decoration:none}.social .material-icons{color:var(--muted);margin-right:8px}.social-large{display:flex;gap:8px;margin-top:12px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid rgba(255,255,255,.02);margin-top:20px}.copyright{margin-top:18px;color:var(--muted);font-size:13px}.newsletter-form{display:flex;gap:8px;margin-top:10px}.newsletter-form input{flex:1;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.04);background:transparent;color:inherit}html{scroll-behavior:smooth}.faq-container{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-box{border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;background:transparent;transition:all .28s ease}.faq-box:hover{border-color:#00e5ff1f;background:#00e5ff05}.faq-box.active{border-color:#00e5ff2e;background:#00e5ff08;box-shadow:0 4px 20px #00e5ff0f}.faq-question-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:transparent;border:0;cursor:pointer;text-align:left;color:inherit;transition:all .24s ease}.faq-question-btn:hover{background:#ffffff05}.faq-question{margin:0;font-size:16px;font-weight:600;color:#eafafc;transition:color .24s ease}.faq-box.active .faq-question{color:var(--cyan)}.faq-icon{flex-shrink:0;color:var(--muted);transition:transform .28s cubic-bezier(.2,.9,.2,1),color .24s ease}.faq-box.active .faq-icon{transform:rotate(180deg);color:var(--cyan)}.faq-answer-container{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.2,.9,.2,1)}.faq-answer-container.open{max-height:300px}.faq-answer{margin:0;padding:0 24px 20px;color:var(--muted);line-height:1.6;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .3s ease}.modal-content{max-width:680px;width:100%;max-height:90vh;overflow-y:auto;border-radius:16px;animation:modalSlideUp .3s cubic-bezier(.2,.9,.2,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.06)}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:#eafafc}.modal-close{background:transparent;border:0;color:var(--muted);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:#ffffff0f;color:var(--cyan)}.modal-close .material-icons{font-size:24px}.modal-body{padding:24px 28px}.modal-banner{height:140px;background-size:cover;background-position:center;position:relative;border-radius:12px;overflow:hidden;margin-bottom:20px}.modal-banner .banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000038,#0000006b);mix-blend-mode:multiply}.modal-banner .banner-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:24px;letter-spacing:.2px;text-shadow:0 6px 20px rgba(0,0,0,.6);text-align:center;padding:0 12px;width:calc(100% - 24px)}.modal-pricing{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.04);text-align:left}.modal-pricing p{font-size:16px;margin:0;color:var(--cyan);font-weight:600}.modal-price{font-size:42px;margin:0 0 8px;color:var(--cyan);font-weight:800;text-align:left}.modal-description h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#eafafc}.modal-description p{margin:0;line-height:1.8;color:var(--muted)}.modal-footer{display:flex;gap:12px;padding:20px 28px;border-top:1px solid rgba(255,255,255,.06)}.modal-footer .btn{flex:1}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.policy-page{padding:60px 0;min-height:100vh}.policy-content{max-width:820px;margin:0 auto;padding:20px}.policy-content h1{font-size:48px;margin:0 0 12px;color:#eafafc}.policy-content h2{font-size:24px;margin:28px 0 14px;color:#c8f4ff}.policy-content h3{font-size:18px;margin:16px 0 12px;color:#a0e5eb}.policy-content p{line-height:1.8;margin:0 0 14px;color:var(--muted)}.policy-content ul{margin:12px 0 18px;padding-left:28px}.policy-content ul li{margin-bottom:8px;line-height:1.6}.policy-content a{color:var(--cyan);text-decoration:none}.policy-content a:hover{text-decoration:underline}.faq-title-centered{justify-content:center!important;text-align:center}@media (max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.hero-title,.hero-bolt{font-size:48px}.stats-grid{grid-template-columns:1fr}}@media (max-width:560px){.product-grid{grid-template-columns:1fr}.nav{display:none}.hero{padding:80px 0}.hero-title,.hero-bolt{font-size:36px}}
