:root{--primary-teal:#2ca6b2;--primary-teal-dark:#238a94;--primary-teal-light:#4db8c2;--secondary-coral:#ff6b47;--secondary-coral-light:#ff8a6b;--accent-gold:#ffd700;--accent-purple:#8b5cf6;--white:#ffffff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gradient-primary:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-teal-dark) 100%);--gradient-secondary:linear-gradient(135deg,var(--secondary-coral) 0%,var(--secondary-coral-light) 100%);--gradient-hero:linear-gradient(135deg,var(--primary-teal) 0%,var(--accent-purple) 100%);--gradient-card:linear-gradient(145deg,var(--white) 0%,var(--gray-50) 100%);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out}html{scroll-behavior:smooth}body{font-family:var(--font-family);line-height:1.6;color:var(--gray-800);background-color:var(--white);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.header{right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);z-index:1000;transition:all var(--transition-normal)}.nav-container{justify-content:space-between;padding:var(--space-4) var(--space-6);max-width:1200px;margin:0 auto}.logo,.nav-container{display:flex;align-items:center}.logo{gap:var(--space-3);text-decoration:none}.logo h1{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-teal)}.nav-links{display:flex;align-items:center;gap:var(--space-8)}.nav-link{font-weight:500;color:var(--gray-600);text-decoration:none;transition:color var(--transition-fast);position:relative}.nav-link:hover{color:var(--primary-teal)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-fast)}.nav-link:hover:after{width:100%}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:var(--space-1)}.mobile-menu-toggle span{width:24px;height:3px;background:var(--gray-600);border-radius:var(--radius-full);transition:all var(--transition-fast)}@media (max-width:768px){.nav-links{position:fixed;top:100%;left:0;right:0;background:rgba(255,255,255,.98);backdrop-filter:blur(20px);border-top:1px solid var(--gray-200);flex-direction:column;gap:0;padding:var(--space-6);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:999;box-shadow:var(--shadow-lg)}.nav-links.active{transform:translateY(0);opacity:1;visibility:visible}.nav-link{padding:var(--space-4) 0;border-bottom:1px solid var(--gray-100);text-align:center;font-size:var(--font-size-lg);width:100%}.nav-link:last-of-type{border-bottom:none}.nav-links .cta-button{margin-top:var(--space-4);width:100%;justify-content:center}.mobile-menu-toggle{display:flex;z-index:1001}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}body.menu-open{overflow:hidden}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.mobile-overlay.active{opacity:1;visibility:visible}}@media (min-width:769px){.nav-links{display:flex!important;position:static;transform:none;opacity:1;visibility:visible;background:none;backdrop-filter:none;border:none;flex-direction:row;padding:0;box-shadow:none}.mobile-menu-toggle,.mobile-overlay{display:none!important}}.cta-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-family:inherit;font-weight:600;font-size:var(--font-size-base);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.cta-button.primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-lg)}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.cta-button.secondary{background:var(--white);color:var(--primary-teal);border:2px solid var(--primary-teal)}.cta-button.secondary:hover{background:var(--primary-teal);color:var(--white)}.cta-button.large{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.cta-button.extra-large{padding:var(--space-5) var(--space-10);font-size:var(--font-size-xl)}.cta-button.mega{padding:var(--space-6) var(--space-12);font-size:var(--font-size-2xl);border-radius:var(--radius-2xl)}.cta-button:hover .button-icon{transform:translateX(4px)}.part-button{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--gradient-primary);color:var(--white);border:none;border-radius:var(--radius-lg);font-family:inherit;font-weight:600;font-size:var(--font-size-base);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;width:100%;justify-content:center;box-shadow:var(--shadow-md)}.part-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);background:var(--gradient-secondary)}.part-button:active{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.button-arrow{font-size:var(--font-size-lg);transition:transform var(--transition-fast)}.part-button:hover .button-arrow{transform:translateX(6px)}.part-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.part-button:hover:before{left:100%}.hero{min-height:100vh;display:flex;align-items:center;position:relative;background:var(--gradient-hero);overflow:hidden;padding:120px 0 80px}.hero-bg{z-index:1}.hero-bg,.hero-pattern{position:absolute;inset:0}.hero-pattern{background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.1) 0,transparent 50%);background-size:100px 100px;animation:patternMove 20s linear infinite}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.floating-elements{position:absolute;inset:0}.element-1{top:20%;left:10%;animation-delay:0s}.element-2{top:60%;right:15%;animation-delay:1s}.element-3{top:80%;left:20%;animation-delay:2s}.element-4{top:30%;right:30%;animation-delay:3s}.element-5{top:10%;left:60%;animation-delay:4s}@keyframes floatAnimation{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:600px}.hero-content{animation:slideInUp 1s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50px;font-size:14px;font-weight:500}.hero-badge,.hero-title{color:white;margin-bottom:24px}.hero-title{font-size:clamp(2.5rem,4vw,4rem);font-weight:800;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.3)}.title-highlight{background:linear-gradient(135deg,var(--accent-gold),var(--secondary-coral));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:18px;color:rgba(255,255,255,.9);margin-bottom:32px;line-height:1.6;max-width:500px}.hero-features{display:flex;flex-direction:column;gap:12px;margin-bottom:40px;max-width:400px}.feature-item{display:flex;align-items:center;gap:12px;color:white;font-weight:500;font-size:16px;background:rgba(255,255,255,.15);padding:12px 16px;border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;width:100%}.feature-item:hover{background:rgba(255,255,255,.2);transform:translateX(8px)}.hero-actions{display:flex;gap:16px;margin-bottom:48px;flex-wrap:wrap}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:400px}.stat-item{text-align:center;padding:16px 12px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;transition:transform .3s ease}.stat-item:hover{transform:translateY(-4px)}.stat-number{display:block;font-size:1.8rem;font-weight:800;color:var(--accent-gold);margin-bottom:4px}.stat-label{font-size:12px;color:rgba(255,255,255,.8);font-weight:500;white-space:nowrap}.hero-visual{display:flex;justify-content:center;align-items:center;animation:slideInRight 1s ease-out .5s both}.phone-mockup{position:relative}.phone-frame{width:300px;height:600px;background:linear-gradient(145deg,var(--gray-800),var(--gray-900));border-radius:40px;padding:8px;box-shadow:var(--shadow-2xl);animation:phoneFloat 3s ease-in-out infinite}@keyframes phoneFloat{0%,to{transform:translateY(0) rotateY(0deg)}50%{transform:translateY(-10px) rotateY(5deg)}}.phone-screen{width:100%;height:100%;background:var(--white);border-radius:32px;overflow:hidden;position:relative}.screen-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:var(--gray-900);color:var(--white)}.screen-time{font-weight:600;font-size:var(--font-size-sm)}.screen-battery{width:24px;height:12px;border:1px solid var(--white);border-radius:2px;position:relative}.battery-level{width:80%;height:100%;background:var(--accent-gold);border-radius:1px}.screen-content{padding:var(--space-6);height:calc(100% - 60px);display:flex;flex-direction:column;gap:var(--space-6)}.app-header{display:flex;justify-content:space-between;align-items:center}.app-header h3{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-teal)}.score-badge{padding:var(--space-1) var(--space-3);background:var(--gradient-secondary);color:var(--white);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.question-card{padding:var(--space-6);background:var(--gradient-card);border-radius:var(--radius-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-md)}.question-card p{color:var(--gray-700);font-weight:500;line-height:1.5}.progress-section{flex:1}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);font-weight:600;color:var(--gray-700)}.progress-percent{color:var(--primary-teal);font-weight:700}.progress-container{position:relative;margin-bottom:16px}.progress-track{width:100%;height:8px;background:var(--gray-200);overflow:hidden}.progress-bar-fill,.progress-track{border-radius:50px;position:relative}.progress-bar-fill{height:100%;width:0;background:var(--gradient-primary);transition:width 2s cubic-bezier(.4,0,.2,1)}.progress-bar-fill.animate{width:var(--progress-width,75%)}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:progressShine 2s ease-in-out 1s infinite;transform:translateX(-100%)}.mini-progress{flex:1;height:6px;background:var(--gray-200);overflow:hidden}.mini-progress,.mini-progress-fill{border-radius:50px;position:relative}.mini-progress-fill{height:100%;width:0;background:var(--gradient-primary);transition:width 1.5s cubic-bezier(.4,0,.2,1)}.mini-progress-fill.animate{width:var(--progress-width,90%)}.mini-progress-fill:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:miniProgressShine 1.5s ease-in-out .5s infinite;transform:translateX(-100%)}.part-progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:50px;overflow:hidden;margin-bottom:8px;position:relative}.part-progress-fill{height:100%;background:var(--gradient-primary);border-radius:50px;width:0;position:relative;transition:width 2s cubic-bezier(.4,0,.2,1)}.part-progress-fill.animate{width:var(--progress-width,75%)}.part-progress-fill:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:partProgressShine 2s ease-in-out 1s infinite;transform:translateX(-100%)}.metric-bar{flex:1;height:8px;background:var(--gray-200);border-radius:50px;overflow:hidden}.metric-fill{height:100%;background:var(--gradient-primary);border-radius:50px;width:0;position:relative;transition:width 2s cubic-bezier(.4,0,.2,1)}.metric-fill.animate{width:var(--progress-width,85%)}.metric-fill:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:metricProgressShine 1.8s ease-in-out .8s infinite;transform:translateX(-100%)}@keyframes progressShine{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes miniProgressShine{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes partProgressShine{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes metricProgressShine{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.action-buttons{display:flex;justify-content:center}.record-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--gradient-secondary);color:var(--white);border:none;border-radius:var(--radius-full);font-weight:600;animation:recordPulse 2s ease-in-out infinite}@keyframes recordPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.phone-shadow{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:200px;height:40px;background:radial-gradient(ellipse,rgba(0,0,0,.3),transparent);border-radius:50%;filter:blur(10px)}.features{padding:var(--space-24) 0;background:var(--gray-50)}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--primary-teal);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.section-title{font-size:var(--font-size-5xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--font-size-xl);color:var(--gray-600);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.feature-card{background:var(--white);padding:var(--space-8);border-radius:var(--radius-2xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.feature-card.featured{border:2px solid var(--primary-teal);transform:scale(1.02)}.feature-badge{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--gradient-secondary);color:var(--white);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.feature-card h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-4)}.feature-card p{color:var(--gray-600);line-height:1.6;margin-bottom:var(--space-6)}.progress-text{font-size:var(--font-size-sm);font-weight:600;color:var(--primary-teal)}.test-parts{padding:var(--space-24) 0;background:var(--white)}.parts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.part-card{background:var(--gradient-card);padding:var(--space-8);border-radius:var(--radius-2xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.part-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.part-card.featured{border:2px solid var(--primary-teal);transform:scale(1.05)}.part-header{justify-content:space-between;margin-bottom:var(--space-6)}.part-header,.part-number{display:flex;align-items:center}.part-number{width:60px;height:60px;background:var(--gradient-primary);color:var(--white);justify-content:center;font-size:var(--font-size-2xl);font-weight:800;box-shadow:var(--shadow-lg)}.part-duration,.part-number{border-radius:var(--radius-full)}.part-duration{padding:var(--space-2) var(--space-4);background:var(--gray-100);color:var(--gray-700);font-size:var(--font-size-sm);font-weight:600}.part-card h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-4)}.part-card p{color:var(--gray-600);line-height:1.6;margin-bottom:var(--space-6)}.part-features{list-style:none;margin-bottom:var(--space-8)}.part-features li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;color:var(--gray-700);font-weight:500}.part-features li:before{content:"✅";font-size:var(--font-size-base)}.benefits{padding:var(--space-24) 0;background:var(--gray-50)}.benefits-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.benefits-text h2{font-size:var(--font-size-5xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--space-6)}.benefits-text p{font-size:var(--font-size-xl);color:var(--gray-600);line-height:1.6;margin-bottom:var(--space-8)}.benefits-list{margin-bottom:var(--space-10)}.benefit-item{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);transition:all var(--transition-normal)}.benefit-item:hover{transform:translateX(8px);box-shadow:var(--shadow-lg)}.benefit-content h4{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-900);margin-bottom:var(--space-1)}.benefit-content p{font-size:var(--font-size-base);color:var(--gray-600);margin:0}.score-dashboard{background:var(--white);padding:var(--space-8);border-radius:var(--radius-2xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-2xl)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.dashboard-header h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--gray-900)}.dashboard-badge{padding:var(--space-1) var(--space-3);background:var(--gradient-secondary);color:var(--white);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.score-display{display:flex;justify-content:space-around;margin-bottom:var(--space-8)}.current-score,.target-score{text-align:center}.score-number{font-size:var(--font-size-5xl);font-weight:800;margin-bottom:var(--space-2)}.current-score .score-number{color:var(--primary-teal)}.target-score .score-number{color:var(--secondary-coral)}.score-label{font-size:var(--font-size-base);color:var(--gray-600);font-weight:500}.progress-metrics{flex-direction:column}.metric,.progress-metrics{display:flex;gap:var(--space-4)}.metric{align-items:center}.metric-label{width:100px;color:var(--gray-700)}.metric-label,.metric-value{font-size:var(--font-size-sm);font-weight:600}.metric-value{width:40px;text-align:right;color:var(--primary-teal)}.final-cta{padding:var(--space-24) 0;background:var(--gradient-hero);text-align:center;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.1) 0,transparent 50%);background-size:200px 200px;animation:patternMove 15s linear infinite}.cta-content{position:relative;z-index:2}.cta-content h2{font-size:var(--font-size-5xl);font-weight:800;color:var(--white);margin-bottom:var(--space-6);text-shadow:0 4px 20px rgba(0,0,0,.3)}.cta-content p{font-size:var(--font-size-xl);color:rgba(255,255,255,.9);margin-bottom:var(--space-10);max-width:600px;margin-left:auto;margin-right:auto}.cta-features{display:flex;justify-content:center;gap:var(--space-8);margin-top:var(--space-8)}.cta-feature{display:flex;align-items:center;gap:var(--space-2);color:var(--white);font-weight:500}.footer{background:var(--gray-900);color:var(--white);padding:var(--space-20) 0 var(--space-8)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.footer-logo h3{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-teal)}.footer-section p{color:var(--gray-400);line-height:1.6;margin-bottom:var(--space-6)}.social-links{display:flex;gap:var(--space-4)}.footer-section h4{font-size:var(--font-size-lg);font-weight:600;color:var(--white);margin-bottom:var(--space-4)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:var(--space-2)}.footer-section ul li a{color:var(--gray-400);text-decoration:none;transition:color var(--transition-fast)}.footer-section ul li a:hover{color:var(--primary-teal)}.footer-bottom{border-top:1px solid var(--gray-800);padding-top:var(--space-8)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:var(--gray-400);margin:0}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{color:var(--gray-400);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary-teal)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.hero-container{text-align:center}.benefits-content,.hero-container{grid-template-columns:1fr;gap:var(--space-12)}.footer-content{grid-template-columns:1fr 1fr;gap:var(--space-8)}}@media (max-width:768px){.benefits-text h2{font-size:var(--font-size-2xl)}.dashboard-header{gap:10px;flex-direction:column}.mobile-menu-toggle{display:flex}.hero-title{font-size:var(--font-size-4xl)}.hero-actions{flex-direction:column;align-items:center}.hero-stats{display:flex;justify-content:center;flex-wrap:wrap}.section-title{font-size:var(--font-size-3xl)}.features-grid,.parts-container{grid-template-columns:1fr}.part-card.featured{transform:none}.cta-features{flex-direction:column;gap:var(--space-4)}.footer-content{grid-template-columns:1fr;text-align:center}.footer-bottom-content{flex-direction:column;gap:var(--space-4);text-align:center}}@media (max-width:480px){.container{padding:0 var(--space-4)}.hero-title{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-lg)}.phone-frame{width:250px;height:500px}.cta-content h2{font-size:var(--font-size-3xl)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s ease}.animate-on-scroll.animated{opacity:1;transform:translateY(0)}.loading{opacity:.7;pointer-events:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cta-button:focus,.nav-link:focus,.part-button:focus{outline-offset:2px}@media print{.cta-button,.floating-elements,.header{display:none}}@media (max-width:1024px){.hero-container{grid-template-columns:1fr;gap:40px;text-align:center}.hero-features{max-width:100%;align-items:center}.hero-stats{max-width:100%;justify-content:center}}@media (max-width:768px){.hero-container{padding:0 20px}.hero-features{gap:8px}.feature-item{font-size:14px;padding:10px 14px}.hero-actions{flex-direction:column;align-items:center;width:100%}.hero-actions .cta-button{width:100%;max-width:300px}.hero-stats{grid-template-columns:repeat(3,1fr);gap:12px}.stat-number{font-size:1.5rem}.stat-label{font-size:11px}}@media (max-width:480px){.hero-features{gap:6px}.feature-item{font-size:13px;padding:8px 12px}.hero-stats{gap:8px}.stat-item{padding:12px 8px}}.logo-icon{font-size:var(--font-size-2xl);color:var(--primary-teal)}.badge-icon{color:var(--accent-gold)}.float-element{position:absolute;font-size:2rem;color:rgba(255,255,255,.4);animation:floatAnimation 6s ease-in-out infinite}.feature-item .feature-icon{font-size:18px;color:var(--accent-gold);flex-shrink:0}.button-icon{transition:transform var(--transition-fast);color:inherit}.feature-icon,.section-badge .badge-icon{color:var(--primary-teal)}.feature-icon{font-size:var(--font-size-5xl);margin-bottom:var(--space-6);display:block;transition:color var(--transition-normal)}.feature-card:hover .feature-icon{color:var(--secondary-coral)}.feature-card.featured .feature-icon{color:var(--accent-gold)}.benefit-icon{width:48px;height:48px;background:var(--gradient-primary);color:var(--white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);flex-shrink:0}.benefit-item:hover .benefit-icon{background:var(--gradient-secondary);transform:scale(1.1)}.cta-icon{font-size:var(--font-size-6xl);margin-bottom:var(--space-6);color:var(--accent-gold)}.feature-check{font-size:var(--font-size-lg);color:var(--accent-gold)}.footer-logo .logo-icon{color:var(--primary-teal)}.social-link{width:40px;height:40px;background:var(--gray-800);color:var(--gray-400);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all var(--transition-normal)}.social-link:hover{background:var(--primary-teal);color:var(--white);transform:translateY(-2px)}.record-icon{font-size:var(--font-size-lg);color:var(--white)}.fab,.fas{transition:all var(--transition-fast)}.icon-primary{color:var(--primary-teal)}.icon-secondary{color:var(--secondary-coral)}.icon-accent{color:var(--accent-gold)}.icon-white{color:var(--white)}.icon-gray{color:var(--gray-600)}.icon-hover-primary:hover{color:var(--primary-teal)}.icon-hover-secondary:hover{color:var(--secondary-coral)}.icon-hover-accent:hover{color:var(--accent-gold)}.icon-pulse{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.icon-bounce{animation:iconBounce 1s ease-in-out infinite}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.icon-rotate{animation:iconRotate 2s linear infinite}@keyframes iconRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon-glow{filter:drop-shadow(0 0 8px currentColor)}.icon-shadow{text-shadow:0 2px 4px rgba(0,0,0,.3)}:root{--white-100:hsl(206,5%,100%);--white-200:hsl(206,5%,90%);--white-300:hsl(206,5%,80%);--white-400:hsl(206,5%,65%);--white-500:hsl(206,5%,45%);--black-100:hsl(210,21%,12%);--black-200:hsl(210,21%,9%);--black-300:hsl(210,21%,6%);--black-400:hsl(210,21%,3%);--black-500:hsl(210,21%,1%);--night-100:hsl(217,27%,20%);--night-200:hsl(217,27%,16%);--night-300:hsl(217,27%,12%);--night-400:hsl(215,27%,8%);--night-500:hsl(215,27%,4%);--pink-100:hsl(326,85%,90%);--pink-200:hsl(327,87%,80%);--pink-300:hsl(329,86%,70%);--pink-400:hsl(330,81%,60%);--pink-500:hsl(333,71%,50%);--blue-100:hsl(186,57%,90%);--blue-200:hsl(186,57%,80%);--blue-300:hsl(186,57%,70%);--blue-400:hsl(186,57%,60%);--blue-500:hsl(186,57%,50%);--shadow-small:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-medium:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-large:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}#header svg{font-family:boxicons!important;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;display:inline-block;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.logo{width:attr(data-width);height:attr(data-height);position:relative}body.darkmode{color:var(--white-100);background-color:var(--night-400)}main{overflow:hidden}@keyframes slideLeft{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.section{margin:0 auto;padding:6rem 0 2rem}.nav-container{max-width:75rem;height:auto;margin-inline:auto;padding-inline:1.5rem}.centered{margin-bottom:1rem}.btn,.centered{text-align:center;vertical-align:middle}.btn{display:inline-block;font-family:inherit;font-size:inherit;font-weight:500;line-height:1.5;white-space:nowrap;user-select:none;border-radius:.25rem;text-transform:capitalize;transition:all .3s ease}.btn-primary{background-color:var(--blue-500)}.btn-darken,.btn-primary{padding:.75rem 1.5rem;color:var(--white-100);box-shadow:var(--shadow-medium)}.btn-darken{background-color:var(--night-300)}.header{position:fixed;top:0;left:0;width:100%;height:auto;z-index:100;margin:0 auto;background-color:var(--white-100);box-shadow:var(--shadow-medium)}.darkmode .header{background-color:var(--night-300)}.brand{font-family:inherit;font-size:1.6rem;font-weight:700;line-height:1.5;color:var(--blue-500);text-transform:uppercase;order:1}.darkmode .brand{color:var(--blue-300)}.navbar{flex-wrap:wrap;align-content:center;align-items:center;justify-content:space-between;width:100%;height:4rem;margin:0 auto}.navbar,.navbar-center{display:flex}.navbar-right{display:flex;flex:0 0 17%;align-items:center;justify-content:flex-end;column-gap:1.5rem}@media only screen and (max-width:992px){.navbar-left,.navbar-right{flex:0 0 auto}.navbar-center,.navbar-right{align-items:center}.navbar-center{flex:0 0 100%;order:3}.menu{position:fixed;top:0;left:0;width:75%;height:100vh;z-index:100;overflow:hidden;transform:translate(-100%);background-color:var(--white-100);transition:all .4s ease-in-out}.menu.is-active{transform:translate(0)}.darkmode .menu{background-color:var(--night-300)}}.menu-header{display:none;box-shadow:var(--shadow-medium)}.menu-item{display:inline-block;line-height:1.5;padding-right:1.25rem}.menu-link{text-transform:capitalize;transition:all .25s ease}.menu-link:hover svg{rotate:180deg}.menu-link>svg{font-size:1.35rem;margin-left:.25rem;transform:rotate(90deg);transition:all .25s ease}.darkmode .menu-link{color:var(--white-100)}.menu-icon{display:flex;align-items:center;justify-content:center;margin-top:6px;font-size:1.45rem;color:var(--black-300);transition:all .25s ease}.darkmode .menu-icon{color:var(--white-100)}@media only screen and (min-width:993px){.menu-dropdown:hover>.submenu{opacity:1;visibility:visible;margin-top:1rem}.menu-dropdown-position{position:relative}.menu-dropdown-position>.submenu{width:fit-content}}@media only screen and (max-width:992px){.navbar-left{flex:0 0 calc(100% - 90px)}.menu-header,.navbar-left{display:flex;align-items:center}.menu-header{position:relative;top:0;justify-content:flex-start;height:4rem;z-index:99999;visibility:hidden;background:transparent}.menu-header.is-active{visibility:visible;background-color:var(--white-100)}.menu-header.is-active>.menu-arrow{display:block}.darkmode .menu-header.is-active{background-color:var(--night-100)}.menu-arrow{display:none;cursor:pointer;width:3rem;height:4rem;text-align:center}.menu-arrow>svg{font-size:1.5rem;height:4rem;color:var(--black-300);transition:all .25s ease}.darkmode .menu-arrow>svg{color:var(--white-100)}.menu-title{font-family:inherit;font-size:inherit;font-weight:500;line-height:inherit;text-transform:capitalize;color:var(--black-300)}.darkmode .menu-title{color:var(--white-100)}.menu-inner{height:100%;margin-top:-3rem;overflow-y:auto;overflow-x:hidden}.menu-item{display:block;line-height:1;padding-inline:0}.menu-link{justify-content:space-between;height:2.5rem;line-height:2.5rem;padding-inline:1.25rem}.menu-link>svg{margin-left:.5rem;transform:rotate(0deg)}}.submenu{position:absolute;width:100%;height:auto;margin-top:1.75rem;padding:1rem 2rem;z-index:9999;opacity:0;visibility:hidden;border-radius:.25rem;border-top:2px solid var(--blue-400);background-color:var(--white-100);box-shadow:var(--shadow-medium);transition:all .25s ease-in-out}.darkmode .submenu{border-top:2px solid var(--blue-300);background-color:var(--night-300)}.submenu-inner{flex:0 0 25%;padding:0 1rem}.submenu-title{font-family:inherit;font-size:inherit;font-weight:500;line-height:1;padding:.75rem 0;color:var(--blue-500);text-transform:uppercase;transition:all .3s ease}.darkmode .submenu-title{color:var(--blue-300)}.submenu-item{display:block;line-height:1;margin:0 auto}.submenu-link{display:inline-block;font-family:Merriweather,serif;font-weight:300;line-height:inherit;padding:.5rem 0;white-space:nowrap;text-transform:capitalize;color:var(--black-300);transition:all .25s ease-in-out}.submenu-link:hover{color:var(--blue-500);font-weight:400}.darkmode .submenu-link{color:var(--white-100)}.submenu-image{display:block;width:100%;height:auto;margin-block:.5rem;object-fit:cover}@media only screen and (max-width:992px){.submenu{position:absolute;display:none;top:0;left:0;width:100%;height:100%;max-width:none;min-width:auto;margin:0;padding:4rem 1rem 1rem;opacity:1;overflow-y:auto;visibility:visible;box-shadow:none;transform:translateX(0)}.submenu.is-active{display:block}.submenu-inner{flex:0 0 100%;padding:0}.submenu-list{margin-bottom:1rem}.submenu-link{display:block}.submenu-image{margin-top:0}}.megamenu{left:50%;width:100%;height:auto;margin:0 auto;transform:translateX(-50%)}.megamenu-column-1{left:65%;width:100%;height:auto}.megamenu-column-4{display:flex;flex-wrap:wrap;max-width:62rem;height:auto;margin:0 auto}@media only screen and (max-width:992px){.megamenu{position:absolute;display:none;top:0;left:0;width:100%;height:100%;max-width:none;min-width:auto;margin:0;padding:4rem 1rem 1rem;opacity:1;overflow-y:auto;visibility:visible;transform:translateX(0);box-shadow:none}}.switch{position:relative;display:block;cursor:pointer;user-select:none;margin-right:.5rem}.switch-dark,.switch-light{position:absolute;top:50%;left:50%;transform-origin:center;transform:translate(-50%,-50%);transition:all .3s ease-in}.switch-light{font-size:1.3rem;visibility:visible;color:var(--black-300)}.darkmode .switch-light,.switch-dark{font-size:0;visibility:hidden}.switch-dark{color:var(--white-100)}.darkmode .switch-dark{font-size:1.3rem;visibility:visible}.overlay{position:fixed;display:block;top:0;left:0;width:100%;height:100vh;z-index:9;opacity:0;visibility:hidden;background-color:rgba(0,0,0,.7);transition:all .45s ease-in-out}@media only screen and (max-width:992px){.overlay.is-active{opacity:1;visibility:visible}}.burger{position:relative;display:block;cursor:pointer;width:1.6rem;height:1rem;margin-right:1rem;opacity:0;visibility:hidden;background:transparent}@media only screen and (max-width:992px){.burger{opacity:1;visibility:visible}}.burger-line{position:absolute;display:block;left:0;width:100%;height:2px;opacity:1;border-radius:1rem;background:var(--black-400)}.darkmode .burger-line{background:var(--white-100)}.burger-line:first-child{top:0}.burger-line:nth-child(2){top:.5rem;width:70%}.burger-line:nth-child(3){top:1rem}