:root{--color-text-primary: #2e1a47;--color-text-secondary: #5c4b75;--color-accent: #8a4fff;--color-accent-gradient: linear-gradient(135deg, #8a4fff 0%, #c471ed 100%);--color-bg-start: #ffffff;--color-bg-end: #f3e8ff;--font-main: "Outfit", sans-serif;--spacing-unit: 8px;--border-radius-lg: 24px;--border-radius-xl: 40px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);color:var(--color-text-primary);background:var(--color-bg-start);overflow:hidden}.scroll-container{height:100vh;width:100vw;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;position:relative;z-index:2}.section{height:100vh;width:100vw;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem}.content-wrapper{max-width:1200px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:5vh}.content-wrapper.centered{align-items:center;text-align:center}.hero-header{text-align:center;margin-bottom:2rem;width:100%}.hero-body{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4rem;width:100%}.content-wrapper.split-screen{flex-direction:row;align-items:center;justify-content:space-between;gap:4rem}.content-wrapper.split-screen.reversed{flex-direction:row-reverse}.headline-massive{font-size:clamp(4rem,8vw + 1rem,9rem);font-weight:900;line-height:1.05;letter-spacing:-2px;margin-bottom:2rem;background:linear-gradient(90deg,#2e1a47,#6a35c9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-header .headline-massive{font-size:clamp(3rem,6vw + 1rem,7rem);margin-bottom:1rem}.headline-large{font-size:clamp(3rem,5vw,6rem);font-weight:800;line-height:1.1;letter-spacing:-1px;margin-bottom:1.5rem;color:var(--color-text-primary)}.description{font-size:1.5rem;line-height:1.5;color:var(--color-text-secondary);font-weight:500;max-width:550px}.label{display:inline-block;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--color-accent);font-size:1rem;margin-bottom:1rem;background:#8a4fff1a;padding:8px 16px;border-radius:50px}.text-side{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.visual-side{flex:1;display:flex;justify-content:center;align-items:center}.subheadline{font-size:1.8rem;font-weight:600;color:var(--color-text-secondary);max-width:600px;margin-bottom:2.5rem;line-height:1.4}.cta-area{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:3rem;width:100%}.btn-app-store{background:#000;color:#fff;border:none;padding:.5rem 1.2rem;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;min-width:180px;display:flex;align-items:center;gap:12px;text-align:left;text-decoration:none}.btn-app-store img{display:none}.apple-icon{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:2rem;line-height:1;margin-bottom:4px}.btn-app-store:hover{transform:scale(1.05);box-shadow:0 10px 20px #00000026}.btn-text{display:flex;flex-direction:column;line-height:1.1}.btn-text .small-text{font-size:.7rem;font-weight:400}.btn-text .big-text{font-size:1.25rem;font-weight:600;letter-spacing:.5px}.placeholder-qr{width:100px;height:100px;background:#ffffff80;border:2px dashed var(--color-accent);border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.75rem;font-weight:700;color:var(--color-accent);transition:all .3s ease;cursor:default}.placeholder-qr:hover{background:#fffc;transform:scale(1.05) rotate(2deg);box-shadow:0 5px 15px #8a4fff33}.placeholder-phone{background:linear-gradient(180deg,#f0f4f8,#e2e8f0);border:8px solid #ffffff;border-radius:40px;box-shadow:0 20px 40px #8a4fff26;display:flex;align-items:center;justify-content:center;text-align:center;color:#94a3b8;font-weight:700;width:300px;height:600px;max-height:70vh;transition:transform .4s ease,box-shadow .4s ease;overflow:hidden}.phone-screen{width:100%;height:100%;display:block}.placeholder-phone:hover{transform:translateY(-10px);box-shadow:0 30px 60px #8a4fff40}.visual-hero{margin-top:1rem}.background-effects{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;overflow:hidden}.gradient-layer{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 50% 10%,#fff,#f5f0ff 40%,#e8dfff)}.balloon{position:absolute;border-radius:50%/40% 40% 60% 60%;animation:float-balloon ease-in-out infinite;opacity:.8}.balloon:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:2px;height:20px;background:#0000001a}.b1{width:120px;height:140px;top:15%;left:5%;background:radial-gradient(circle at 30% 30%,#8a4fff33,#8a4fff0d);animation-duration:8s}.b2{width:80px;height:95px;top:45%;right:8%;background:radial-gradient(circle at 30% 30%,#c471ed4d,#c471ed1a);animation-duration:12s;animation-delay:-2s}.b3{width:160px;height:190px;bottom:10%;left:15%;background:radial-gradient(circle at 30% 30%,#c8c8ff66,#c8c8ff1a);animation-duration:15s;animation-delay:-5s}.b4{width:60px;height:70px;top:10%;right:25%;background:radial-gradient(circle at 30% 30%,#8a4fff26,#8a4fff0d);animation-duration:10s;animation-delay:-1s}@keyframes float-balloon{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(5deg)}}.confetti{position:absolute;width:10px;height:10px;opacity:.6;animation:float-confetti 6s infinite ease-in-out}.c1{top:20%;left:20%;background:#8a4fff;animation-delay:0s}.c2{top:60%;left:10%;background:#c471ed;animation-delay:-1s;border-radius:50%}.c3{top:30%;right:20%;background:gold;width:8px;height:15px;transform:rotate(45deg);animation-delay:-2s}.c4{top:70%;right:10%;background:#8a4fff;animation-delay:-3s}.c5{bottom:20%;left:40%;background:#c471ed;animation-delay:-4s;border-radius:50%}.c6{top:15%;right:40%;background:#add8e6;width:12px;height:6px;animation-delay:-5s}@keyframes float-confetti{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10px,20px) rotate(180deg)}}.footer-links{position:absolute;bottom:2rem;display:flex;justify-content:center;align-items:center;gap:2rem;width:100%;font-size:.75rem;font-weight:300;letter-spacing:.5px;color:var(--color-text-secondary);opacity:.8}.footer-links a{color:inherit;text-decoration:none;transition:opacity .2s ease}.footer-links a:hover{opacity:1;text-decoration:underline}.copyright{opacity:.6}@media(max-width:768px){.content-wrapper.split-screen{flex-direction:column;text-align:center;gap:2rem}.content-wrapper.split-screen.reversed{flex-direction:column}.headline-massive{font-size:3rem}.placeholder-phone{width:240px;height:480px}.cta-area{flex-direction:column}.hero-body{flex-direction:column;gap:2rem;text-align:center}.hero-body .subheadline{font-size:1.1rem;margin-bottom:1.5rem}}.consent-banner{position:fixed;bottom:0;left:0;width:100vw;background:#fff;box-shadow:0 -4px 20px #2e1a471a;z-index:1000;padding:1rem 2rem;transform:translateY(100%);transition:transform .4s ease-out}.consent-banner.show{transform:translateY(0)}.consent-banner.hidden{display:none}.consent-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}.consent-content p{font-size:.95rem;line-height:1.4;color:var(--color-text-secondary);flex:1}.consent-buttons{display:flex;gap:1rem;flex-shrink:0}.btn-consent{font-family:var(--font-main);font-weight:600;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;border:none;font-size:.95rem;transition:all .2s ease}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:#6a35c9}.btn-secondary{background:#f0f4f8;color:var(--color-text-primary)}.btn-secondary:hover{background:#e2e8f0}@media(max-width:768px){.consent-content{flex-direction:column;text-align:center;gap:1.5rem}.consent-buttons{width:100%;flex-direction:column}}