:root{--bg-gradient-start:#f3f4f6;--bg-gradient-mid:#e5e7eb;--bg-gradient-end:#fff;--surface-bg:#ffffffd9;--primary:#3b82f6;--primary-soft:#3b82f61a;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--text:#111827;--text-secondary:#6b7280;--border-color:#00000014;--transition:all .25s ease}html,body{width:100%;position:relative;overflow-x:hidden}@media (prefers-color-scheme:dark){:root{--bg-gradient-start:#111827;--bg-gradient-mid:#1f2937;--bg-gradient-end:#000;--surface-bg:#111827b3;--primary:#60a5fa;--primary-soft:#60a5fa33;--text:#fff;--text-secondary:#9ca3af;--border-color:#ffffff1a}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-gradient-start), var(--bg-gradient-mid), var(--bg-gradient-end));color:var(--text);scroll-behavior:smooth;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}.page{max-width:1280px;margin:0 auto;padding:1rem;position:relative}.glass,.glass-nav{background:var(--surface-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:2rem;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #0000000d}.glass:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.glass-nav{z-index:100;background:var(--surface-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:none;border-left:none;border-right:none;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:3rem;padding:.8rem 2rem;transition:all .2s;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #0000000d}.nav-logo{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.fixed-nav{z-index:1000;animation:.2s slideDown;left:0;right:0;border-radius:0!important;margin:0!important;position:fixed!important;top:0!important}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.nav-logo img{width:auto;height:32px}.nav-links{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.nav-links a{color:var(--text);padding:.5rem 0;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--primary)}.nav-links .nav-cta{background:var(--primary);color:#fff;transition:var(--transition);border-radius:9999px;padding:.5rem 1.2rem}.nav-links .nav-cta:hover{color:#fff;background:#2563eb;transform:scale(1.02)}.hero{grid-template-columns:1fr auto;align-items:center;gap:2rem;margin-bottom:4rem;display:grid}.hero-card{padding:2.5rem}.hero-card h1{background:linear-gradient(135deg, var(--primary), #a78bfa);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem}.subtitle{color:var(--text);margin-bottom:1rem;font-size:1.25rem;font-weight:500}.desc{color:var(--text-secondary);margin-bottom:2rem}.buttons{flex-wrap:wrap;gap:1rem;display:flex}.btn{transition:var(--transition);cursor:pointer;border:none;border-radius:3rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-block}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn.primary:hover{background:#2563eb;transform:scale(1.02)}.btn.ghost{border:1px solid var(--primary);color:var(--primary);background:0 0}.btn.ghost:hover{background:var(--primary-soft);transform:scale(1.02)}.btn.big{margin-top:2rem;padding:1rem 2.5rem;font-size:1.1rem}.speedometer-container{text-align:center;width:280px}.speedometer-canvas{width:100%;height:auto}.speedometer-label{color:var(--text-secondary);margin-top:.5rem;font-size:.9rem;font-weight:500}.price-section{flex-wrap:wrap;align-items:center;gap:3rem;margin-bottom:4rem;display:flex}.left-container{flex-direction:column;flex:1.2;align-items:center;gap:1.5rem;min-width:280px;display:flex}.screenshot-stack{justify-content:center;align-items:center;width:100%;min-height:380px;display:flex;position:relative;overflow:hidden}.screenshot{opacity:0;cursor:pointer;filter:brightness(.98);width:300px;max-width:75%;transition:transform .3s,opacity .4s,filter .2s;position:absolute;transform:scale(.75)}.screenshot.visible{opacity:1;transform:scale(1) rotate(var(--rotation)) translateX(var(--shiftX)) translateY(var(--shiftY))}.connect-btn-wrapper{opacity:0;text-align:center;margin-top:2rem;transition:opacity .5s,transform .4s;transform:translateY(15px)}.connect-btn-wrapper.visible{opacity:1;transform:translateY(0)}.connect-btn-wrapper .btn{background:var(--primary);color:#fff;padding:1.9rem 3rem;font-size:1.2rem;box-shadow:0 8px 20px #3b82f666}.right-container{flex:1;min-width:280px}.price-container{justify-content:center;margin-bottom:2rem;display:flex}.price-card{text-align:center;width:100%;max-width:380px;padding:2rem}.price-card h2{justify-content:center;align-items:center;display:flex}.price{color:var(--primary);margin:1rem 0;font-size:2.5rem;font-weight:700}.section{margin-bottom:3rem}.section-title{text-align:center;margin-bottom:1.5rem;font-size:2rem}.features-grid,.devices-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.feature-card,.device-card,.why-card,.cta-card{text-align:center;padding:2rem;font-size:1.1rem;font-weight:500}.advantages{gap:1.2rem}.why-card{text-align:left}.why-card ul{color:var(--text-secondary);margin-top:1rem;padding-left:1.5rem}.why-card li{margin:.5rem 0}.cta-card{text-align:center}@media (width<=900px){.hero{text-align:center;grid-template-columns:1fr}.hero-card{order:1}.speedometer-container{order:2;width:240px;margin:0 auto}.buttons{justify-content:center}.price-section{flex-direction:column}.screenshot-stack{min-height:320px}.screenshot{width:180px;--shiftX:0px!important;--shiftY:10px!important}.screenshot.visible{transform:scale(1) rotate(var(--rotation)) translateX(0) translateY(var(--shiftY))}}@media (width<=640px){.features-grid,.devices-grid{grid-template-columns:1fr}.glass-nav{text-align:center;flex-direction:column}.nav-links{justify-content:center}.section-title{font-size:1.8rem}.hero-card h1{font-size:2.2rem}.price-card{max-width:90%}.screenshot{width:160px}.screenshot-stack{min-height:280px}}.footer{text-align:center;border-top:1px solid var(--border-color);margin-top:4rem;padding:2rem 1rem;font-size:.9rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:1rem;display:flex}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.copyright{color:var(--text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blur-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background-color:#0000004d;width:100%;height:100%;animation:.5s ease-out forwards fadeInBlur;top:0;left:0}@keyframes fadeInBlur{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0000004d}}.feature-icon{width:100%;height:48px}.screenshot.blurred{filter:blur(3px)brightness(.7);transition:filter .4s}.connect-btn-wrapper.visible{z-index:9;position:relative}.connect-btn-wrapper .btn{animation:.5s ease-out 2 pulse;box-shadow:0 0 20px #3b82f6cc}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #3b82f6b3}70%{transform:scale(1.05);box-shadow:0 0 0 15px #3b82f600}to{transform:scale(1);box-shadow:0 0 #3b82f600}}.glass,.section-title,.hero-card{animation:.6s ease-out forwards fadeInUp}.features-grid .card,.devices-grid .card{opacity:0;animation:.5s ease-out forwards fadeInUp}.features-grid .card:first-child{animation-delay:.1s}.features-grid .card:nth-child(2){animation-delay:.2s}.features-grid .card:nth-child(3){animation-delay:.3s}.features-grid .card:nth-child(4){animation-delay:.4s}.devices-grid .card:first-child{animation-delay:.15s}.devices-grid .card:nth-child(2){animation-delay:.25s}.devices-grid .card:nth-child(3){animation-delay:.35s}.devices-grid .card:nth-child(4){animation-delay:.45s}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.devices-grid .reveal:first-child{transition-delay:0s}.devices-grid .reveal:nth-child(2){transition-delay:.1s}.devices-grid .reveal:nth-child(3){transition-delay:.2s}.devices-grid .reveal:nth-child(4){transition-delay:.3s}.cta-card.reveal{transition-delay:.1s}.reveal.revealed{opacity:1;transform:translateY(0)}.features-grid .reveal:nth-child(2){transition-delay:.1s}.features-grid .reveal:nth-child(3){transition-delay:.2s}.features-grid .reveal:nth-child(4){transition-delay:.3s}.burger-btn{cursor:pointer;z-index:102;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;padding:0;display:none;position:relative}.burger-btn span{background-color:var(--text);border-radius:3px;width:100%;height:3px;transition:all .3s;display:block}.burger-btn.active span:first-child{transform:translateY(9px)rotate(45deg)}.burger-btn.active span:nth-child(2){opacity:0;transform:scaleX(0)}.burger-btn.active span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.nav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:98;background-color:#00000080;animation:.3s fadeIn;position:fixed;inset:0}@media (width<=900px){.burger-btn{display:flex}.nav-links{background:var(--surface-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:99;border-left:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:80%;max-width:320px;height:100vh;padding:2rem 1rem;transition:right .3s;position:fixed;top:0;right:-100%;box-shadow:-5px 0 20px #0003}.nav-links.open{right:0}.nav-links a{text-align:center;width:100%;padding:.5rem;font-size:1.2rem}.nav-links .nav-cta{background:var(--primary);border-radius:3rem;margin-top:1rem}.glass-nav{justify-content:space-between;flex-direction:row!important}}