@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Fredoka:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1a2340;background:#fdfaf5;font-family:Nunito,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{font-family:Fredoka,Nunito,sans-serif}.nav{z-index:100;background:0 0;justify-content:center;align-items:center;padding:18px 32px;transition:background .4s,box-shadow .4s,padding .4s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(16px);background:#ffffffeb;padding:12px 32px;box-shadow:0 2px 20px #0000000f}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:#1a2340b3;font-size:.9rem;font-weight:700;transition:color .3s;position:relative}.nav-links a:after{content:"";background:#e67e22;border-radius:2px;width:0;height:2px;transition:width .3s,left .3s;position:absolute;bottom:-4px;left:50%}.nav-links a:hover,.nav-links a.is-active{color:#e67e22}.nav-links a:hover:after,.nav-links a.is-active:after{width:100%;left:0}.hero{text-align:center;background:linear-gradient(160deg,#fce8ce 0%,#fcd4a0 20%,#f7c078 45%,#c5e8d0 70%,#8dd8a8 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:100px 20px 80px;display:flex;position:relative;overflow:hidden}.hero-orb{pointer-events:none;opacity:.15;border-radius:50%;position:absolute}.hero-orb--1{background:radial-gradient(circle,#e67e22,#0000 70%);width:400px;height:400px;animation:8s ease-in-out infinite float1;top:-100px;right:-100px}.hero-orb--2{background:radial-gradient(circle,#27ae60,#0000 70%);width:300px;height:300px;animation:10s ease-in-out infinite float2;bottom:-80px;left:-80px}.hero-orb--3{background:radial-gradient(circle,#f39c12,#0000 70%);width:200px;height:200px;animation:12s ease-in-out infinite float3;top:30%;left:10%}.hero-orb--4{background:radial-gradient(circle,#2ecc71,#0000 70%);width:160px;height:160px;animation:9s ease-in-out infinite reverse float1;top:20%;right:15%}@keyframes float1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30px,20px)scale(1.1)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-30px)scale(1.05)}}@keyframes float3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(15px,-20px)scale(1.08)}66%{transform:translate(-10px,15px)scale(.95)}}.hero-content{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.hero-logo{filter:drop-shadow(0 10px 30px #0000001f);width:90%;max-width:440px;margin:0 auto 20px;animation:1s ease-out both heroIn}.hero-tagline{color:#1a2340;margin-bottom:12px;font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:600;animation:1s ease-out .2s both heroIn}.hero-desc{color:#4a4a4a;max-width:520px;margin:0 auto 36px;font-size:1.1rem;line-height:1.7;animation:1s ease-out .4s both heroIn}@keyframes heroIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:48px;animation:1s ease-out .6s both heroIn;display:flex}.hero-icon-wrap{margin:0 auto;animation:1s ease-out .8s both heroIn;position:relative}.hero-icon{border-radius:32px;width:150px;height:150px;transition:transform .4s;box-shadow:0 24px 60px #0000002e,0 0 0 4px #ffffff80}.hero-icon-wrap:hover .hero-icon{transform:scale(1.05)rotate(-2deg)}.hero-icon-glow{z-index:-1;background:radial-gradient(circle,#e67e2233,#0000 70%);border-radius:50px;animation:3s ease-in-out infinite pulse;position:absolute;inset:-20px}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.scroll-hint{z-index:2;animation:2s ease-in-out infinite bounce;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-hint span{border-bottom:3px solid #1a23404d;border-right:3px solid #1a23404d;width:24px;height:24px;margin:-8px auto 0;display:block;transform:rotate(45deg)}@keyframes bounce{0%,to{opacity:.6;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(10px)}}.store-btn{color:#fff;border-radius:16px;align-items:center;gap:10px;padding:15px 30px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;transition:transform .3s,box-shadow .3s;display:inline-flex;position:relative;overflow:hidden}.store-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .3s;position:absolute;inset:0}.store-btn:hover:before{opacity:1}.store-btn:hover{transform:translateY(-3px)}.store-btn--apple{background:linear-gradient(135deg,#2d2d2d,#0a0a0a);box-shadow:0 8px 24px #00000040}.store-btn--apple:hover{box-shadow:0 12px 36px #00000059}.store-btn--google{background:linear-gradient(135deg,#34a853,#0d8043);box-shadow:0 8px 24px #34a8534d}.store-btn--google:hover{box-shadow:0 12px 36px #34a85366}.store-btn--ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;box-shadow:0 4px 16px #0000001a}.store-btn--ghost:hover{background:#ffffff59;box-shadow:0 8px 24px #00000026}.store-btn svg{fill:#fff;flex-shrink:0;width:22px;height:22px}.section-title{color:#1a2340;text-align:center;margin-bottom:16px;font-size:2.2rem;font-weight:700}.section-subtitle{color:#777;text-align:center;max-width:520px;margin:0 auto 48px;font-size:1.05rem;line-height:1.6}.features{background:#fff;padding:100px 20px;position:relative}.features:before{content:"";background:linear-gradient(90deg,#0000,#e67e22,#0000);height:1px;position:absolute;top:0;left:0;right:0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1040px;margin:0 auto;display:grid}.feature-card{background:#fff;border:1px solid #f0e8dc;border-radius:20px;padding:32px 28px;transition:transform .4s,box-shadow .4s,border-color .4s;position:relative;overflow:hidden}.feature-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#e67e22,#f39c12,#2ecc71);height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{border-color:#f5c88a;transform:translateY(-6px);box-shadow:0 20px 50px #00000014}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{background:linear-gradient(135deg,#fff5eb,#fef0db);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;font-size:1.6rem;display:flex;box-shadow:0 4px 12px #e67e221a}.feature-title{color:#1a2340;margin-bottom:8px;font-size:1.1rem;font-weight:700}.feature-desc{color:#777;font-size:.95rem;line-height:1.6}.screenshots{background:linear-gradient(#fdf8f0 0%,#f0f8f2 100%);padding:100px 20px;position:relative}.screenshots-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;display:grid}.screenshot-card{background:#fff;border-radius:20px;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000000f}.screenshot-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 24px 60px #0000001f}.screenshot-card img{width:100%;transition:transform .6s}.screenshot-card:hover img{transform:scale(1.03)}.screenshot-label{align-items:center;gap:8px;padding:16px 20px;font-size:.9rem;font-weight:700;display:flex}.screenshot-dot{background:#e67e22;border-radius:50%;width:8px;height:8px;display:inline-block}.screenshot-label span{color:#555}.modes{background:#fff;padding:100px 20px;position:relative}.modes-grid{flex-wrap:wrap;justify-content:center;gap:24px;max-width:960px;margin:0 auto;display:flex}.mode-card{text-align:center;background:#fff;border:2px solid #f0e8dc;border-radius:24px;flex:260px;max-width:300px;padding:40px 28px;transition:transform .4s,box-shadow .4s,border-color .4s;position:relative;overflow:hidden}.mode-card:after{content:"";opacity:0;background:linear-gradient(135deg,#e67e2208,#2ecc7108);transition:opacity .4s;position:absolute;inset:0}.mode-card:hover{border-color:#e67e22;transform:translateY(-6px);box-shadow:0 20px 50px #e67e221a}.mode-card:hover:after{opacity:1}.mode-badge{text-transform:uppercase;letter-spacing:.5px;z-index:1;border-radius:30px;margin-bottom:16px;padding:6px 16px;font-size:.75rem;font-weight:800;display:inline-block;position:relative}.mode-badge--p3{color:#e67e22;background:#fff5eb}.mode-badge--p4{color:#27ae60;background:#eef9f1}.mode-badge--bo{color:#d35400;background:#fef0e0}.mode-icon{z-index:1;margin-bottom:16px;font-size:2.8rem;position:relative}.mode-name{color:#1a2340;z-index:1;margin-bottom:10px;font-size:1.3rem;font-weight:700;position:relative}.mode-desc{color:#777;z-index:1;font-size:.9rem;line-height:1.6;position:relative}.mode-patterns{color:#e67e22;z-index:1;margin-top:16px;font-size:.8rem;font-weight:700;position:relative}.how-it-works{background:linear-gradient(#f0f8f2 0%,#fdf8f0 100%);padding:100px 20px}.steps{flex-wrap:wrap;justify-content:center;gap:40px;max-width:900px;margin:0 auto;display:flex}.step{text-align:center;flex:180px;max-width:200px;position:relative}.step-number{color:#fff;background:linear-gradient(135deg,#e67e22,#f39c12);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:700;display:flex;box-shadow:0 8px 20px #e67e2240}.step-title{margin-bottom:6px;font-size:1rem;font-weight:800}.step-desc{color:#777;font-size:.85rem;line-height:1.5}.step-connector{opacity:.3;background:#e67e22;width:16px;height:2px;position:absolute;top:30px;right:-28px}.cta{text-align:center;color:#fff;background:linear-gradient(135deg,#d35400 0%,#e67e22 30%,#f39c12 60%,#27ae60 100%);padding:100px 20px;position:relative;overflow:hidden}.cta:before{content:"";background:radial-gradient(circle at 30%,#ffffff14 0%,#0000 50%);width:200%;height:200%;animation:6s ease-in-out infinite ctaGlow;position:absolute;top:-50%;left:-50%}@keyframes ctaGlow{0%,to{transform:translate(0)}50%{transform:translate(5%,-5%)}}.cta-content{z-index:2;position:relative}.cta h2{text-shadow:0 2px 10px #00000026;margin-bottom:16px;font-size:2.4rem;font-weight:700}.cta p{opacity:.92;max-width:480px;margin:0 auto 36px;font-size:1.15rem;line-height:1.7}.store-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.install-button-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.install-button-wrap .store-btn{cursor:pointer;border:0}.install-button-wrap .store-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.install-helper{color:#ffffffeb;text-align:center;max-width:340px;margin:0;font-size:.92rem;line-height:1.45}.install-helper--warning{color:#ffe08a}.install-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#090e1cb8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.install-modal{color:#1a2340;background:#fff;border-radius:18px;width:min(100%,460px);padding:24px;box-shadow:0 30px 70px #00000040}.install-modal--animated{animation:.24s ease-out installModalIn}@keyframes installModalIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.install-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.install-modal h3{margin:0 0 10px;font-size:1.35rem;line-height:1.25}.install-description{color:#47506a;margin:0;line-height:1.55}.install-steps{color:#1f2a47;margin:16px 0 0;padding-left:20px;line-height:1.6}.install-steps--iconic{padding-left:0;list-style:none}.install-steps--iconic li{align-items:flex-start;gap:10px;display:flex}.install-step-icon{color:#274075;background:#edf3ff;border-radius:999px;flex:none;place-items:center;width:26px;height:26px;font-size:.9rem;display:inline-grid}.install-steps li+li{margin-top:8px}.install-modal-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.install-modal-actions .store-btn{border:0;text-decoration:none}.install-dismiss{color:#1a2340;cursor:pointer}.install-close{color:#1f2b49;cursor:pointer;background:#eef2fb;border:0;border-radius:999px;flex:none;width:34px;height:34px;font-size:1.3rem;line-height:1}.install-close:hover{background:#e1e9fa}.install-close:focus-visible{outline-offset:2px;outline:2px solid #4f7fe7}.footer{color:#8892a4;text-align:center;background:#111827;padding:48px 20px 32px;font-size:.9rem}.footer-logo{filter:brightness(1.8);opacity:.9;width:150px;margin:0 auto 20px}.footer-credit{margin-bottom:12px}.footer-credit strong{color:#e2e8f0}.footer-links{justify-content:center;gap:24px;margin-bottom:16px;display:flex}.footer-links a{color:#7ea4d4;font-weight:600;transition:color .3s}.footer-links a:hover{color:#a5c4ee}.footer-divider{background:linear-gradient(90deg,#0000,#e67e22,#0000);border:none;width:60px;height:2px;margin:20px auto}.footer-copy{opacity:.5;font-size:.8rem}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.from-left{transform:translate(-50px)}.reveal.from-right{transform:translate(50px)}.reveal.from-scale{transform:scale(.9)}.reveal.visible{opacity:1;transform:translateY(0)translate(0)scale(1)}.reveal-child{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal-child.visible{opacity:1;transform:translateY(0)}.reveal-child:first-child{transition-delay:50ms}.reveal-child:nth-child(2){transition-delay:.12s}.reveal-child:nth-child(3){transition-delay:.19s}.reveal-child:nth-child(4){transition-delay:.26s}.reveal-child:nth-child(5){transition-delay:.33s}.reveal-child:nth-child(6){transition-delay:.4s}.policy-page{background:#fef9f2;flex-direction:column;min-height:100vh;display:flex}.policy-header{text-align:center;background:linear-gradient(135deg,#fce4c4,#b8e6c8);padding:24px 20px}.policy-logo{height:50px;margin:0 auto}.policy-content{color:#444;flex:1;max-width:760px;margin:0 auto;padding:48px 20px 80px;font-size:1rem}.policy-content h1{color:#1a2340;margin-bottom:8px;font-size:2rem;font-weight:900}.policy-date{color:#999;margin-bottom:32px}.policy-section h2{color:#1a2340;margin:28px 0 8px;font-size:1.25rem;font-weight:800}.policy-section p{margin-bottom:16px}.policy-section h3{color:#1a2340;margin:20px 0 8px;font-size:1rem;font-weight:700}.policy-section ul{margin:0 0 16px 22px;padding:0}.policy-section li{margin-bottom:8px}.policy-section a{color:#2f5795}.policy-section a:hover{color:#1a3d73}.policy-footer{color:#aab;text-align:center;background:#1a2340;padding:32px 20px;font-size:.85rem}.policy-footer-links{justify-content:center;gap:16px;margin-top:8px;display:flex}.policy-footer-links a{color:#8ad}.policy-footer-links a:hover{color:#acf}.not-found-page{background:radial-gradient(circle at top,#fce4c4 0%,#fef9f2 55%);place-items:center;min-height:100vh;padding:24px;display:grid}.not-found-content{text-align:center;background:#fff;border:1px solid #f0e1cf;border-radius:20px;width:min(100%,520px);padding:36px 26px;box-shadow:0 24px 60px #1a23401a}.not-found-content h1{color:#1a2340;margin:0 0 8px;font-size:2.8rem}.not-found-content p{color:#55607a;margin:0 0 22px;line-height:1.6}.not-found-link{color:#fff;background:linear-gradient(135deg,#34a853,#0d8043);border-radius:12px;justify-content:center;align-items:center;padding:11px 18px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 8px 20px #34a85347}.not-found-link:hover{filter:brightness(1.04)}@media (width<=768px){.screenshots-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:1.7rem}.step-connector{display:none}}@media (width<=600px){.nav{padding:12px 16px}.nav-links{flex-wrap:wrap;justify-content:center;gap:16px}.nav-links a{font-size:.8rem}.hero{padding:90px 16px 50px}.hero-logo{max-width:300px}.hero-tagline{font-size:1.1rem}.hero-desc{font-size:.95rem}.hero-icon{border-radius:26px;width:110px;height:110px}.section-title{font-size:1.5rem}.section-subtitle{font-size:.95rem}.screenshots-grid{grid-template-columns:1fr;max-width:400px}.store-btn{padding:12px 22px;font-size:.9rem}.install-modal{border-radius:20px 20px 0 0;align-self:end;width:min(100%,480px);padding:20px}.install-modal h3{font-size:1.2rem}.install-modal-actions{flex-direction:column}.install-modal-actions .store-btn{justify-content:center;width:100%}.install-helper{max-width:280px;font-size:.88rem}.cta h2{font-size:1.7rem}.features,.screenshots,.modes,.how-it-works,.cta{padding:70px 16px}.steps{gap:24px}.reveal,.reveal-child{transition-duration:.6s}}@media (prefers-reduced-motion:reduce){.reveal,.reveal-child{opacity:1;transition:none;transform:none}}