.carousel-section{width:100%;max-width:850px;margin-top:1.5rem}.carousel-label{font-size:1.25rem;font-weight:800;color:var(--text-main);margin:0 0 .75rem .25rem}.carousel-wrapper{position:relative;overflow:hidden}.carousel-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:.5rem .25rem 1rem;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-card{flex:0 0 180px;scroll-snap-align:start;cursor:pointer;border-radius:18px;background:#fff;box-shadow:0 4px 16px #00000014;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.carousel-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000024}.carousel-card__img-wrap{width:100%;aspect-ratio:1;overflow:hidden;background:#f1f5f9}.carousel-card__img{width:100%;height:100%;object-fit:cover;display:block}.carousel-card__title{margin:0;padding:.6rem .75rem;font-size:.85rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.carousel-arrow{position:absolute;top:50%;transform:translateY(-60%);z-index:10;width:36px;height:36px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 10px #00000026;font-size:1.4rem;font-weight:800;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.carousel-arrow:hover{background:#f1f5f9}.carousel-arrow--left{left:-12px}.carousel-arrow--right{right:-12px}html{scroll-snap-type:y proximity;scroll-behavior:smooth}.landing>section{scroll-snap-align:start}.sticky-header{position:fixed;top:0;left:0;right:0;z-index:999;background:#fffefaeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:2px solid rgba(241,245,249,.8);transform:translateY(-100%);opacity:0;transition:transform .3s ease,opacity .3s ease;pointer-events:none}.sticky-header--visible{transform:translateY(0);opacity:1;pointer-events:auto}.sticky-header .header{margin-bottom:0}.landing{width:100%}.landing-container{max-width:1000px;margin:0 auto;padding:0 1.5rem}.landing-section{padding:5rem 0;text-align:center}.landing-section__title{font-size:2.5rem;color:var(--text-main);margin-bottom:1rem}.landing-section__subtitle{font-size:1.15rem;color:var(--text-muted);max-width:600px;margin:0 auto 2rem;line-height:1.7}.landing-hero{padding:0}.landing-hero__video{width:100%;aspect-ratio:16 / 9;overflow:hidden;position:relative;background:#1e293b url(/we-love-sparky.webp) center / cover no-repeat}.landing-hero__media{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:0}.landing-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000001a,#00000026 60%,#fffefae6);z-index:1;pointer-events:none}.landing-intro{background:var(--card-bg)}.landing-features{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2.5rem}.landing-feature-card{position:relative;border-radius:24px;padding:0;overflow:hidden;aspect-ratio:1;background-size:cover;background-position:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.landing-feature-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 32px #0003}.landing-feature-card__overlay{position:absolute;inset:0;background:#00000080;transition:background .4s ease;z-index:1}.landing-feature-card:hover .landing-feature-card__overlay{background:#00000014}.landing-feature-card__text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem;z-index:2;transition:opacity .4s ease}.landing-feature-card:hover .landing-feature-card__text{opacity:0}.landing-feature-card h3{font-size:1.15rem;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.4)}.landing-feature-card p{font-size:.9rem;color:#ffffffd9;line-height:1.55;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.4)}.landing-cta-simple{background:linear-gradient(160deg,#1e293b,#0f172a);padding:3.5rem 0}.landing-cta-simple .landing-section__title{color:#fff}.landing-cta-btn{font-size:1.5rem!important;padding:1.2rem 3rem!important;border-radius:24px!important}.landing-cta__stories{margin-top:3rem;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;padding:0 2rem;box-sizing:border-box}.landing-cta__stories .carousel-section{max-width:none;margin:0 auto}.landing-cta__stories .carousel-label{color:#fff}.landing-cta__stories .carousel-card{flex:0 0 220px;background:#ffffff1a;box-shadow:0 4px 16px #0000004d}.landing-cta__stories .carousel-card:hover{box-shadow:0 8px 24px #0006}.landing-cta__stories .carousel-card__title{color:#ffffffe6}.landing-mobile__photo{margin-top:4rem;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;position:relative}.landing-mobile__photo img{width:100%;height:auto;display:block}.landing-sparky{padding:4rem 0 5rem}.landing-sparky .landing-section__title{color:var(--secondary);font-size:3rem;text-shadow:0 4px 0 #dbeafe}.landing-mobile{background:linear-gradient(160deg,#1e293b,#0f172a);padding:5rem 0 0;overflow:hidden}.landing-mobile>.landing-container{max-width:1100px}.landing-mobile .landing-section__title{color:#fff}.landing-mobile .landing-section__subtitle{color:#ffffffa6}.landing-mobile__grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;text-align:left}.landing-mobile__about{display:flex;flex-direction:column;gap:.5rem}.landing-mobile__heading{font-size:2rem;color:#fff;margin:0 0 .5rem}.landing-mobile__subheading{font-size:1.4rem;color:var(--primary);margin:1.5rem 0 .25rem}.landing-mobile__text{font-size:1rem;color:#fff9;line-height:1.7;margin:0}.landing-mobile__about .landing-store-badges{margin-top:2rem;justify-content:flex-start}.landing-mobile__phones-col{display:flex;flex-direction:column;align-items:center;text-align:center}.landing-mobile__phones-heading{font-size:1.6rem;color:#fff;margin:0 0 .5rem}.landing-mobile__phones-sub{font-size:.95rem;color:#ffffff8c;line-height:1.6;margin:0;max-width:360px}.landing-phones{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin:2rem 0 0;perspective:1200px}.phone-mockup{transition:transform .4s ease;display:flex;flex-direction:column;align-items:center}.phone-mockup--tilt-right{transform:rotateY(-12deg) rotateX(4deg)}.phone-mockup--tilt-left{transform:rotateY(12deg) rotateX(4deg)}.phone-mockup--tilt-right:hover,.phone-mockup--tilt-left:hover{transform:rotateY(0) rotateX(0) translateY(-8px) scale(1.04)}.phone-mockup__frame{width:170px;height:340px;background:#111827;border-radius:28px;border:3px solid #374151;overflow:hidden;position:relative;box-shadow:0 25px 50px #00000080,inset 0 1px #ffffff0d;transition:border-color .3s ease,box-shadow .3s ease}.phone-mockup:hover .phone-mockup__frame{border-color:var(--primary);box-shadow:0 25px 60px #f9731640,0 0 30px #f9731614,inset 0 1px #ffffff0d}.phone-mockup__notch{width:72px;height:18px;background:#111827;border-radius:0 0 12px 12px;margin:0 auto;position:relative;z-index:2}.phone-mockup__screen{position:absolute;inset:0;background:linear-gradient(180deg,#f8fafc,#e2e8f0);display:flex;align-items:center;justify-content:center}.phone-mockup__img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-mockup__label{margin:.75rem 0 0;font-size:.9rem;font-weight:700;color:#ffffffd9;text-align:center;letter-spacing:.01em}.landing-store-badges{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem}a.store-badge{text-decoration:none}.store-badge{display:flex;flex-direction:row;align-items:center;gap:.75rem;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:14px;padding:.75rem 1.5rem;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.store-badge:hover{background:#ffffff24;transform:translateY(-2px);border-color:#ffffff4d}.store-badge__icon{width:28px;height:28px;flex-shrink:0}.store-badge__text{display:flex;flex-direction:column}.store-badge__text span{font-size:.7rem;opacity:.65;line-height:1.2}.store-badge__text strong{font-size:1.1rem;line-height:1.2}.landing-footer{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 0;text-align:center;font-size:1.8rem;font-weight:700;letter-spacing:.03em;color:#ffffffb3;background:#0f172a73;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.1)}.contact-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:900;background:var(--primary);color:#fff;border:none;border-radius:999px;padding:.85rem 1.5rem;font-size:1rem;font-weight:800;font-family:inherit;cursor:pointer;box-shadow:0 6px 20px #f9731666;transition:transform .2s ease,box-shadow .2s ease}.contact-fab:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f9731680}.contact-fab:active{transform:translateY(1px);box-shadow:0 3px 12px #f973164d}.landing-fadein{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.landing-fadein.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.landing-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.landing-section{padding:3rem 0}.landing-section__title{font-size:1.8rem}.landing-section__subtitle{font-size:1rem}.landing-sparky .landing-section__title{font-size:2.2rem}.landing-cta-btn{font-size:1.2rem!important;padding:1rem 2rem!important}.landing-phones{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 1rem;perspective:none}.phone-mockup--tilt-right,.phone-mockup--tilt-left{transform:none}.phone-mockup--tilt-right:hover,.phone-mockup--tilt-left:hover{transform:translateY(-6px) scale(1.02)}.phone-mockup__frame{width:100%;height:auto;aspect-ratio:9 / 17;border-radius:18px}.phone-mockup__notch{width:44px;height:12px;border-radius:0 0 8px 8px}.phone-mockup__label{font-size:.8rem}.landing-store-badges{flex-direction:column;align-items:center}.landing-mobile__grid{grid-template-columns:1fr;text-align:center}.landing-mobile__about .landing-store-badges{justify-content:center}.landing-mobile__heading{font-size:1.6rem}.landing-mobile{padding:3.5rem 0 0}.landing-footer{font-size:.95rem;text-align:left;padding:1rem 1.25rem}}@media(max-width:480px){.landing-features{grid-template-columns:1fr;gap:1rem}.landing-feature-card{padding:1.5rem 1rem}}.hamburger-btn{background:#fff;border:2px solid #f1f5f9;padding:.5rem .6rem;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 3px #e2e8f0;transition:all .1s;width:40px;height:36px}.hamburger-btn:hover{background:#fff7ed}.hamburger-btn:active{transform:translateY(2px);box-shadow:0 1px #e2e8f0}.hamburger-line{display:block;width:18px;height:2.5px;background:var(--text-main);border-radius:2px}.dropdown-menu--left{left:0;right:auto;transform-origin:top left}.settings-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.settings-card{background:#fff;border-radius:32px;padding:2.5rem 2rem;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.settings-row{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem}.settings-label{font-weight:800;font-size:1rem;color:var(--text-main)}.settings-toggle-group{display:flex;gap:.5rem;background:#f1f5f9;border-radius:16px;padding:.3rem}.settings-toggle-btn{padding:.6rem 1.25rem;border-radius:12px;border:none;font-weight:800;font-size:.95rem;font-family:inherit;cursor:pointer;background:transparent;color:var(--text-muted);transition:all .2s ease}.settings-toggle-btn--active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #0000001a}.settings-auth-btn{padding:.6rem 1.5rem;border-radius:12px;border:none;font-weight:800;font-size:.95rem;font-family:inherit;cursor:pointer;background:var(--primary);color:#fff;transition:all .2s ease;box-shadow:0 3px color-mix(in srgb,var(--primary) 80%,black)}.settings-auth-btn:hover{filter:brightness(1.05)}.settings-auth-btn:active{transform:translateY(2px);box-shadow:0 1px color-mix(in srgb,var(--primary) 80%,black)}.settings-auth-btn--logout{background:#ef4444;box-shadow:0 3px #b91c1c}.settings-auth-btn--logout:active{box-shadow:0 1px #b91c1c}.settings-close-btn{background:none;border:none;color:var(--text-muted);font-weight:700;font-size:.9rem;cursor:pointer;text-decoration:underline;font-family:inherit}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.pulse{animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.typing-indicator{display:flex;align-items:center;gap:4px}.typing-indicator span{width:8px;height:8px;background:var(--text-muted);border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-main{width:100%;flex:1;display:flex;justify-content:center;align-items:center}.app-footer{margin-top:2rem;padding-bottom:2rem;color:var(--text-muted);font-size:.875rem}.idle-layout{display:flex;flex-direction:column;gap:2rem;width:100%;align-items:center}.draft-toast{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:1000}.header-left{display:flex;gap:.75rem;align-items:center}.header-right{display:flex;align-items:center;gap:1.25rem}.progress-card-title{font-size:2.5rem;margin-bottom:1rem}.sparky-scale-up{transform:scale(1.3);margin-top:3rem}.sparky-scale-down{transform:scale(.65);margin:-40px 0}.register-google-btn{background:#4285f4!important;color:#fff!important;box-shadow:0 8px #2a62c4!important;width:100%;margin-bottom:.75rem}.register-google-btn:disabled{opacity:.6;cursor:not-allowed}.register-divider{display:flex;align-items:center;gap:1rem;margin:.75rem 0;color:var(--text-muted);font-weight:700;font-size:.85rem}.register-divider:before,.register-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.register-input{width:100%;padding:.85rem 1.25rem;border-radius:16px;border:2px solid #e2e8f0;font-size:1rem;font-weight:600;font-family:inherit;outline:none;margin-bottom:.5rem;box-sizing:border-box;transition:border-color .2s}.register-input:focus{border-color:var(--primary)}.register-input:disabled{opacity:.6}.register-submit-btn{background:var(--secondary)!important;color:#fff!important;box-shadow:0 8px 0 var(--secondary-shadow, #6d28d9)!important;width:100%;margin-bottom:.75rem}.register-submit-btn:disabled{opacity:.6;cursor:not-allowed}.contact-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.contact-card{background:#fff;border-radius:32px;padding:2.5rem 2rem;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.contact-card h2{font-size:1.6rem;color:var(--text-main);margin:0 0 .25rem}.contact-card .contact-subtitle{font-size:.95rem;color:var(--text-muted);margin:0 0 1.5rem}.contact-form{display:flex;flex-direction:column;gap:.5rem;text-align:left}.contact-row{display:flex;gap:.5rem}.contact-row .contact-input{flex:1}.contact-input{width:100%;padding:.85rem 1.25rem;border-radius:16px;border:2px solid #e2e8f0;font-size:1rem;font-weight:600;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .2s}.contact-input:focus{border-color:var(--primary)}.contact-input:disabled{opacity:.6}.contact-textarea{resize:vertical;min-height:100px}.contact-submit-btn{background:var(--primary)!important;color:#fff!important;box-shadow:0 8px color-mix(in srgb,var(--primary) 80%,black)!important;width:100%;margin-top:.5rem}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed}.contact-close-btn{background:none;border:none;color:var(--text-muted);font-weight:700;font-size:.9rem;cursor:pointer;text-decoration:underline;font-family:inherit;margin-top:.75rem}.contact-success{color:#16a34a;font-weight:700;font-size:1rem;margin:1rem 0}.contact-error{color:#ef4444;font-size:.9rem;margin-bottom:.5rem}.teaser-card{text-align:center;animation:teaser-fade-in .6s ease-out both}@keyframes teaser-fade-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.teaser-image-wrap{width:min(55vw,280px);height:min(55vw,280px);margin:0 auto 1.2rem;border-radius:18px;overflow:hidden;box-shadow:0 8px 32px #00000026;animation:teaser-image-float 3s ease-in-out infinite}@keyframes teaser-image-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.teaser-image{width:100%;height:100%;object-fit:cover}.teaser-headline{font-size:1.3rem;color:var(--primary);margin:0 0 .5rem;animation:teaser-fade-in .8s ease-out .2s both}