@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--bg-color:#050b08;--surface-color:#0a140f;--surface-color-light:#121f17;--surface-gradient:linear-gradient(180deg, #16241c99 0%, #0d1612e6 100%);--surface-hover-gradient:linear-gradient(180deg, #1c2e24cc 0%, #101c16f2 100%);--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#10b981;--primary-hover:#059669;--primary-light:#10b98126;--border-color:#ffffff14;--border-highlight:#ffffff26;--error:#ef4444;--success:#10b981;--glow:0 0 20px #10b98166}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.ambient-bg-container{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.ambient-orb{filter:blur(140px);border-radius:50%;animation:25s ease-in-out infinite alternate float;position:absolute}.orb-1{background:radial-gradient(circle,#10b98126 0%,#10b98100 70%);width:60vw;height:60vw;top:-10%;left:-10%}.orb-2{background:radial-gradient(circle,#34d3991a 0%,#34d39900 70%);width:50vw;height:50vw;animation-delay:-5s;top:40%;right:-10%}.orb-3{background:radial-gradient(circle,#10b98114 0%,#10b98100 70%);width:70vw;height:70vw;animation-delay:-10s;bottom:-20%;left:10%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(5%,10%)scale(1.1)}}.float-animation{animation:6s ease-in-out infinite hoverFloat}@keyframes hoverFloat{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.page-wrapper{flex-direction:column;min-height:100vh;display:flex;position:relative}.top-nav{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#050b08b3;justify-content:space-between;align-items:center;padding:1.25rem 5%;display:flex;position:sticky;top:0}.logo-container{align-items:center;gap:.75rem;display:flex}.logo{width:36px;height:36px;box-shadow:var(--glow);border-radius:8px}.brand-name{letter-spacing:-.5px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:800}.nav-badges{align-items:center;display:flex}.android-badge{color:var(--primary);cursor:default;background:#10b9811a;border:1px solid #10b9814d;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:flex}.icon-tiny{width:16px;height:16px}.main-content{flex:1}.interactive-card{background:var(--surface-gradient);border:1px solid var(--border-color);transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px 1px #ffffff0d,0 10px 30px #0006}.interactive-card:hover{background:var(--surface-hover-gradient);border-color:#10b98166;transform:translateY(-5px);box-shadow:inset 0 1px 1px #ffffff1a,0 20px 40px #0009,0 0 30px #10b98126}.info-section{z-index:10;padding:6rem 5%;position:relative}.info-section.alternate-bg{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a140f66}.info-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;max-width:700px;margin-bottom:4rem;margin-left:auto;margin-right:auto}.section-header h2{letter-spacing:-1px;margin-bottom:1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:2.75rem;font-weight:800}.section-header p{color:var(--text-muted);font-size:1.15rem}.icon-wrapper{background:var(--primary-light);width:72px;height:72px;color:var(--primary);box-shadow:var(--glow);border:1px solid #10b9814d;border-radius:20px;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.large-icon{width:36px;height:36px}.hero-section{grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:6rem 5%;display:grid;position:relative}@media (width<=968px){.hero-section{grid-template-columns:1fr;gap:4rem;padding:4rem 5%}}.version-badge{background:var(--surface-color-light);color:var(--text-muted);border:1px solid var(--border-color);border-radius:100px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-2px;margin-bottom:1.5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:4.5rem;font-weight:800;line-height:1.05}.text-gradient{background:linear-gradient(135deg,#10b981 0%,#6ee7b7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-muted);max-width:90%;margin-bottom:3rem;font-size:1.25rem}.download-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#121f1799;border-radius:32px;padding:3rem;box-shadow:inset 0 1px 1px #ffffff1a,0 30px 60px #00000080}.card-title{margin-bottom:.5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.75rem}.card-desc{color:var(--text-muted);margin-bottom:2rem;font-size:1rem}.agreements-list{flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;display:flex}.checkbox-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:1rem;display:flex}.checkbox-item input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.custom-checkbox{border:1px solid var(--border-color);background:#0000004d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;transition:all .2s;display:flex;box-shadow:inset 0 1px 3px #00000080}.checkbox-item input:checked~.custom-checkbox{background:var(--primary);border-color:var(--primary);box-shadow:0 0 15px #10b98180}.checkbox-item input:checked~.custom-checkbox:after{content:"";border:2px solid #050b08;border-width:0 2px 2px 0;width:6px;height:12px;margin-bottom:2px;transform:rotate(45deg)}.checkbox-label{color:var(--text-muted);font-size:1rem;line-height:1.4;transition:color .2s}.checkbox-item:hover .checkbox-label{color:var(--text-main)}.checkbox-label a{color:var(--primary);font-weight:500;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.action-area{min-height:60px;position:relative}.download-btn{background:linear-gradient(135deg, var(--primary) 0%, #0d9488 100%);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1.25rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.15rem;font-weight:700;display:flex;box-shadow:inset 0 1px 1px #ffffff4d,0 10px 20px #10b98133}.download-btn.disabled{background:var(--surface-color-light);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.icon{width:24px;height:24px}.icon-small{width:18px;height:18px}.spinning{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.text-primary{color:var(--primary)}.status-box{background:var(--surface-color-light);text-align:center;border:1px solid;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem;display:flex}.status-box.loading{color:var(--text-main);border-color:#10b9814d}.status-box.error{color:var(--error);border-color:#ef44444d}.status-box.success{color:var(--success);background:#10b9810d;border-color:#10b98166}.status-subtext{color:var(--text-muted);margin-top:.5rem;font-size:.85rem}.retry-btn{color:var(--error);cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;font-weight:500;transition:background .2s;display:flex}.retry-btn:hover{background:#ef444433}.text-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:500;text-decoration:underline}.hero-mockup{perspective:1000px;justify-content:center;align-items:center;display:flex}.android-phone-frame{background:#000;border:8px solid #1a2329;border-radius:36px;width:320px;height:680px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #334155,0 40px 80px #000c,0 0 100px #10b98126}.punch-hole-camera{z-index:10;background:#000;border-radius:50%;width:16px;height:16px;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 4px #ffffff4d,0 0 4px #00000080}.android-phone-frame img{object-fit:cover;border-radius:28px;width:100%;height:100%}.image-loader-container{z-index:5;background:#0d1612;border-radius:28px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.pulse-loader{background:var(--primary);border-radius:50%;width:40px;height:40px;animation:1.5s ease-in-out infinite imgPulse}@keyframes imgPulse{0%{opacity:.5;transform:scale(.8);box-shadow:0 0 #10b981b3}70%{opacity:1;transform:scale(1);box-shadow:0 0 0 20px #10b98100}to{opacity:.5;transform:scale(.8);box-shadow:0 0 #10b98100}}.phone-glare{pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff0d 50%,#fff0 100%);width:50%;height:100%;animation:8s infinite shine;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.diagnosis-grid,.features-grid,.install-grid,.contact-grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1000px;margin:0 auto;display:grid}.diag-card,.feature-card,.install-card,.contact-card,.timeline-step,.faq-item{border-radius:28px;padding:3rem 2.5rem}.diag-icon-wrapper,.feature-icon-box,.contact-icon-wrapper{width:64px;height:64px;color:var(--primary);background:#10b9811a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.75rem;display:flex;box-shadow:inset 0 0 10px #10b98133}.diag-icon,.feature-icon,.contact-icon{width:32px;height:32px}h3{margin-bottom:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem}p{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.timeline-steps{flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;display:flex}.timeline-step{align-items:center;gap:2.5rem;display:flex}.step-num{color:#10b98126;font-family:Plus Jakarta Sans,sans-serif;font-size:4rem;font-weight:800;line-height:1}.step-content{flex:1}.step-header{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.step-icon{color:var(--primary);width:28px;height:28px}.payment-banner{background:linear-gradient(135deg,#10b98126 0%,#0d1612cc 100%);border:1px solid #10b98166;border-radius:32px;justify-content:space-between;align-items:center;padding:4rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080,inset 0 1px 1px #ffffff1a}.payment-content{z-index:2;max-width:600px;position:relative}.payment-content h2{align-items:center;gap:.75rem;margin-bottom:1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:2.25rem;display:flex}.inline-icon{color:var(--primary);width:32px;height:32px}.payment-methods{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.pay-badge{background:var(--surface-color);border:1px solid var(--border-highlight);color:#fff;border-radius:12px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .3s}.pay-badge:hover{border-color:var(--primary);background:#10b98126;transform:translateY(-3px);box-shadow:0 5px 15px #10b98133}.payment-icon-bg{opacity:.05;z-index:1;position:absolute;top:50%;right:-5%;transform:translateY(-50%)}.bg-lock{width:350px;height:350px;color:var(--primary)}@media (width<=768px){.payment-banner{text-align:center;flex-direction:column;padding:2.5rem}.payment-content h2,.payment-methods{justify-content:center}.payment-icon-bg{display:none}}.install-icon{color:var(--primary);width:40px;height:40px;margin-bottom:1.5rem}.install-card{text-align:center;flex-direction:column;align-items:center;display:flex}.faq-list{flex-direction:column;gap:1.25rem;max-width:800px;margin:0 auto;display:flex}.faq-item{cursor:pointer;padding:0}.faq-question{justify-content:space-between;align-items:center;padding:2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:600;display:flex}.faq-chevron{color:var(--primary);transition:transform .3s}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer-container{overflow:hidden}.faq-answer{color:var(--text-muted);padding:0 2rem 2rem}.contact-card{text-align:center}.contact-icon-wrapper{margin:0 auto 1.5rem}.contact-link{background:var(--surface-color);border:1px solid var(--border-highlight);color:var(--text-main);border-radius:100px;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:inset 0 1px 1px #ffffff0d}.contact-link:hover{border-color:var(--primary);color:#fff;background:var(--primary);box-shadow:0 10px 25px #10b98166}.page-footer{text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);z-index:10;background:#020504;padding:3rem 5%;font-size:.95rem;position:relative}.page-footer p{margin:.5rem 0}@media (width<=900px){.diagnosis-grid,.features-grid,.install-grid,.contact-grid{grid-template-columns:1fr}}@media (width<=768px){.timeline-step{flex-direction:column;align-items:flex-start;gap:1.5rem}}.scroll-to-top-btn{background:var(--surface-gradient);border:1px solid var(--primary);color:#fff;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;outline:none;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:fixed;bottom:2.5rem;right:2.5rem;box-shadow:0 10px 30px #0009,inset 0 0 15px #10b98166}@media (width<=768px){.scroll-to-top-btn{width:50px;height:50px;bottom:1.5rem;right:1.5rem}}
