:root{--bg:#F4F2EC;--yellow:#FFFC00;--dark:#0F0F0F;--white:#FFF;--blue:#7DE3F4}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:'Quicksand',sans-serif;background-color:var(--bg);color:var(--dark);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;padding-top:28px}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");mix-blend-mode:multiply;pointer-events:none;z-index:0}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.bg-shape{position:absolute;opacity:.1;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.notice-bar{position:fixed;top:0;left:0;width:100%;background:var(--dark);color:var(--white);font-family:'Varela Round',sans-serif;font-size:.75rem;text-align:center;padding:6px;z-index:100;transform:translateY(-100%);animation:slideDown .4s .1s ease-out forwards}.notice-bar::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--yellow);opacity:.2;animation:pulseUnderline 3s infinite ease-in-out}@keyframes slideDown{to{transform:translateY(0)}}@keyframes pulseUnderline{50%{opacity:1}100%,0%{opacity:.2}}.page-wrapper{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:space-between}.top-band{background:var(--yellow);position:relative;z-index:10}.band-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;gap:1rem;max-width:1200px;margin:0 auto}.logo{height:auto;width:130px;object-fit:contain}h1{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;line-height:1.2;color:var(--dark);margin-bottom:.4rem}.sub-line{font-size:clamp(0.95rem,2.5vw,1.1rem);font-weight:400;color:var(--dark);opacity:.9;line-height:1.4}.centerpiece-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:1rem 0}.visual-signature{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;max-width:600px;height:auto;z-index:0;pointer-events:none;opacity:.7}.visual-signature path{stroke:var(--yellow);stroke-width:4;stroke-dasharray:8 8;fill:none;stroke-linecap:round}.visual-signature circle{fill:var(--blue)}.phone-mockup{position:relative;z-index:2;display:flex;width:100%;gap:12px;padding:0 1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth}.phone-mockup::-webkit-scrollbar{display:none}.tile{flex:0 0 82vw;scroll-snap-align:center;background:var(--white);border:3px solid var(--dark);border-radius:20px;height:140px;position:relative;overflow:hidden;opacity:0;transform:translateY(30px)}.tile.animate{animation:tileReveal .5s cubic-bezier(0.175,0.885,0.32,1.275) forwards}.tile-1{animation-delay:.3s!important}.tile-2{animation-delay:.6s!important}.tile-3{animation-delay:.9s!important}@keyframes tileReveal{to{opacity:1;transform:translateY(0)}}.tile::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.8),transparent);transform:skewX(-20deg);z-index:10}.tile.animate::after{animation:sparkleSweep 1.2s ease-in-out forwards}.tile-1::after{animation-delay:.5s}.tile-2::after{animation-delay:.8s}.tile-3::after{animation-delay:1.1s}@keyframes sparkleSweep{0%{left:-100%}100%{left:200%}}.tile-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1}.action-area{text-align:center;padding:1.5rem 1rem 2rem;position:relative;z-index:10}.cta-wrap{position:relative;display:inline-block;margin-bottom:.75rem}.cta-glow{position:absolute;inset:-8px;background:var(--blue);border-radius:60px;opacity:0;filter:blur(14px);z-index:0;transform:scale(1)}.cta-glow.active{animation:breathePulse 2.4s infinite alternate ease-in-out}@keyframes breathePulse{0%{opacity:.35;transform:scale(1)}100%{opacity:.7;transform:scale(1.02)}}.cta-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--dark);font-family:'Varela Round',sans-serif;font-size:1.15rem;font-weight:700;text-decoration:none;padding:1rem 2.2rem;border-radius:50px;border:3px solid var(--dark);position:relative;z-index:2;transition:transform .1s ease;white-space:nowrap}.cta-btn:active{transform:scale(0.97)}.cta-btn:focus-visible{outline:3px dashed var(--blue);outline-offset:4px}.cta-sub{font-size:.85rem;color:var(--dark);opacity:.8;font-weight:700}footer{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg);position:relative;z-index:10}.updated-stamp{display:flex;align-items:center;gap:6px;font-family:'Varela Round',sans-serif;font-size:.7rem;color:var(--dark);opacity:0;animation:fadeIn .5s 1.2s forwards}.dot{width:6px;height:6px;background:var(--yellow);border-radius:50%;border:1px solid var(--dark);animation:dotPulse 2s infinite ease-in-out}@keyframes fadeIn{to{opacity:.7}}@keyframes dotPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}}.footer-logo{font-family:'Varela Round',sans-serif;font-weight:700;color:var(--dark);font-size:.9rem;opacity:.9}@media(min-width:768px){.top-band{border-radius:0 0 24px 24px;box-shadow:0 10px 30px rgba(0,0,0,0.03)}.band-content{flex-direction:row;justify-content:space-between;text-align:left;padding:1.5rem 3rem}.logo{width:150px}.phone-mockup{flex-direction:column;width:340px;margin:0 auto;background:var(--dark);border:4px solid var(--dark);border-radius:32px;padding:6px;gap:6px;overflow:hidden;transform:rotate(-1deg);box-shadow:0 0 60px rgba(255,252,0,0.15)}.tile{flex:none;width:100%;height:100px;border:none;border-radius:12px;transform:translateY(20px)}.tile:first-child{border-top-left-radius:24px;border-top-right-radius:24px}.tile:last-child{border-bottom-left-radius:24px;border-bottom-right-radius:24px}.visual-signature{width:800px;transform:translate(-50%,-45%)}}