.hero{color:var(--text);background:#fafafa;padding:4rem 0;position:relative;overflow:hidden}.hero-content{max-width:600px}.hero-badge{background:#aa00000d;border:1px solid #aa000026;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;animation:2s ease-in-out infinite glow;display:inline-flex}@keyframes glow{0%,to{box-shadow:0 0 10px #a003}50%{box-shadow:0 0 20px #aa00004d}}.hero-stats{background:#fff;border-radius:16px;gap:3rem;margin-bottom:2rem;padding:1.5rem;animation:.8s ease-out .4s both fadeInUp;display:flex;box-shadow:0 4px 20px #0000000f}.stat{text-align:center}.stat-number{color:var(--primary);font-size:2rem;font-weight:700;display:block}.stat-label{color:var(--text-light);font-size:.875rem}.hero-cta{gap:1rem;margin-bottom:1rem;animation:.8s ease-out .6s both fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.iphone-video-frame{z-index:3;aspect-ratio:160/337;filter:drop-shadow(0 30px 42px #0e141c4d)drop-shadow(0 10px 18px #0e141c29);isolation:isolate;width:min(320px,84vw);margin:0 auto;position:relative}.iphone-frame-video{object-fit:cover;z-index:1;background:#050505;border:0;border-radius:12.8%/6%;width:94.7909%;height:97.5268%;position:absolute;top:1.23659%;left:2.60457%}.iphone-frame-svg{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.btn-primary{background:var(--gradient);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:#fff3;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{color:#fff;text-decoration:none;transform:translateY(-3px);box-shadow:0 20px 40px #a006}.btn-primary:visited,.btn-primary:active{color:#fff;text-decoration:none}.btn-secondary{color:var(--primary);border:2px solid var(--primary);cursor:pointer;background:0 0;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:var(--primary);color:#fff;border-color:var(--primary);text-decoration:none;transform:translateY(-3px)}.section-header{text-align:center;max-width:700px;margin:0 auto 3rem}.section-tag{color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:.875rem;font-weight:600}.section-subtitle{color:var(--text-light);font-size:1.125rem}.problem-solution{background:#fff;padding:5rem 0}.problem-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.problem-grid+.problem-grid{margin-top:0}.problem-card{background:#fff;border-radius:20px;flex-direction:row;align-items:flex-start;gap:1.5rem;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #aa00000d}.problem-card-content{flex:1}.problem-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #aa00001a}.problem-icon{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:0;font-size:1.5rem;display:flex;position:relative}.problem-title{color:var(--text);margin-bottom:.5rem;font-size:1.125rem}.testimonials{background:#fafafa;padding:5rem 0}.testimonial-carousel{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:350px;margin:0 auto;display:flex;position:relative;overflow:hidden}.testimonials-container{overflow:hidden}.testimonial{opacity:.3;transform-origin:50%;cursor:pointer;will-change:transform, opacity;background:#fff;border-radius:16px;width:600px;max-width:80%;padding:2.5rem;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;box-shadow:0 4px 15px #00000014}.testimonial.active{opacity:1;z-index:20;transform:translate(0)translateZ(0)scale(1);box-shadow:0 15px 50px #00000026}.testimonial:hover:not(.active){opacity:.6}.testimonial-content{color:var(--text);margin-bottom:2rem;font-size:1.125rem;font-style:italic}.testimonial-author{align-items:center;gap:1rem;display:flex}.author-avatar{background:var(--gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.125rem;font-weight:700;display:flex}.author-info{flex:1}.author-name{color:var(--text);font-weight:600}.author-title{color:var(--text-light);font-size:.875rem}.testimonial-dots{flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:600px;margin-top:3rem;margin-left:auto;margin-right:auto;padding:.5rem 0;display:flex}.dot{cursor:pointer;background:#a003;border-radius:50%;width:8px;height:8px;transition:all .3s}.dot.active{background:var(--primary);transform:scale(1.4);box-shadow:0 0 0 3px #a003}.dot:hover{background:#a006;transform:scale(1.2)}.pricing-features-section{background:linear-gradient(#fff 0%,#f8f9fa 100%);padding:5rem 0;position:relative;overflow:hidden}.pricing-features-section:before{content:"";filter:blur(100px);background:#aa000008;border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.pricing-toggle{justify-content:center;align-items:center;gap:1rem;margin:2rem 0 3rem;display:flex}.toggle-label{color:var(--text);font-weight:500}.toggle-switch{cursor:pointer;background:#e0e0e0;border-radius:50px;width:60px;height:32px;transition:all .3s;position:relative}.toggle-switch.active{background:var(--primary)}.toggle-slider{background:#fff;border-radius:50%;width:26px;height:26px;transition:all .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #00000026}.toggle-switch.active .toggle-slider{transform:translate(28px)}.savings-badge{background:var(--gradient);color:#fff;text-align:center;border-radius:50px;margin-left:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.pricing-comparison{background:#fff;border-radius:24px;max-width:1000px;margin:0 auto;overflow:hidden;box-shadow:0 20px 60px #00000014}.pricing-table-header{background:#f8f9fa;border-bottom:2px solid #e5e7eb;grid-template-columns:2fr 1fr 1fr 1fr;padding:2rem;display:grid}.pricing-table-body{grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.pricing-row{display:contents}.pricing-row:nth-child(2n)>div{background:#fafafa}.pricing-feature-name{color:var(--text);border-right:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem 2rem;font-weight:500;display:flex}.feature-text{flex:1}.pricing-check{border-right:1px solid #e5e7eb;justify-content:center;align-items:center;padding:1.5rem;display:flex}.pricing-check:last-child{border-right:none}.check-icon{color:var(--primary);font-size:1.5rem}.x-icon{color:#aa000040;font-size:1.5rem}.platform-badges{flex-wrap:wrap;align-items:center;gap:.25rem;margin-left:.5rem;display:flex}.platform-badge{letter-spacing:.025em;text-transform:uppercase;cursor:pointer;border:1px solid;border-radius:4px;align-items:center;padding:.125rem .375rem;font-size:.625rem;font-weight:600;line-height:1;transition:all .2s;display:inline-flex;position:relative}.platform-badge:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.platform-badge[data-tooltip]:hover:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;z-index:1000;text-transform:none;letter-spacing:normal;background:#000000e6;border-radius:6px;margin-bottom:5px;padding:.375rem .75rem;font-size:.75rem;font-weight:400;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.platform-badge.ios{color:#7a0000;background:#aa000014;border-color:#aa00002e}.platform-badge.android{color:#7a0000;background:#aa00001f;border-color:#aa000038}.platform-badge.web{color:var(--primary);background:#aa00001a;border-color:#a003}.platform-badge.not-available{color:#aa000073;background:#aa000009;border-color:#aa00001f;-webkit-text-decoration:line-through #000;text-decoration:line-through #000}.plan-header{text-align:center;padding:0 1rem}.plan-header h3{color:var(--text);margin-bottom:.5rem;font-size:1.125rem}.plan-header .price{color:var(--primary);font-size:2rem;font-weight:700}.plan-header .period{color:var(--text-light);font-size:1rem;font-weight:400}.pricing-cta-section{text-align:center;background:#fff;border-top:2px solid #e5e7eb;padding:3rem}.pricing-cards-mobile{display:none}@media (max-width:768px){.pricing-comparison{display:none}.pricing-cards-mobile{gap:1.5rem;display:grid}.mobile-pricing-card{background:#fff;border:2px solid #0000;border-radius:16px;padding:2rem;transition:all .3s;position:relative;box-shadow:0 10px 30px #00000014}.mobile-pricing-card.recommended{border-color:var(--primary);transform:scale(1.02)}.recommended-badge{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:50px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}}.faq{background:#f8f8f8;padding:5rem 0}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:#fff;border-radius:16px;margin-bottom:1rem;transition:all .3s;overflow:hidden}.faq-question{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;padding:1.5rem;font-weight:600;display:flex}.faq-toggle{background:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s;display:flex}.faq-item.active .faq-toggle{background:var(--primary);color:#fff;transform:rotate(180deg)}.faq-answer{max-height:0;padding:0 1.5rem;transition:all .3s;overflow:hidden}.faq-item.active .faq-answer{max-height:500px;padding:0 1.5rem 1.5rem}.downloads{background:#fafafa}.screenshots-container::-webkit-scrollbar{display:none}.fade-in{opacity:0;transition:all .8s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.hero{padding:2rem 0}.hero-grid{grid-template-columns:1fr!important;gap:2rem!important}.hero h1{margin-bottom:.75rem!important;font-size:2rem!important}.hero p[style*="font-size: 1.125rem"]{margin-bottom:2rem!important}.hero-stats{justify-content:center;gap:1.5rem;padding:1rem}.hero-cta{flex-direction:column}.problem-grid{grid-template-columns:1fr!important}.problem-card{padding:1rem!important}.online-sync-text,.memorize-online-btn{display:none}@media (max-width:1200px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}}