*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:'DM Sans',system-ui,-apple-system,sans-serif;background:#F2F8FF;color:#102A43;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;line-height:1.5}.bg-decor{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bg-decor .ring{position:absolute;border-radius:50%;border:2px solid rgba(0,184,148,.12);filter:blur(3px)}.ring-1{width:420px;height:420px;top:-120px;right:-100px;border-color:rgba(0,184,148,.1)}.ring-2{width:320px;height:320px;bottom:-80px;left:-90px;border-color:rgba(80,160,255,.12)}.ring-3{width:180px;height:180px;top:35%;left:8%;border-color:rgba(0,184,148,.08);filter:blur(6px)}.bg-decor .lens{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35}.lens-peach{width:300px;height:300px;top:15%;right:10%;background:radial-gradient(circle,rgba(255,200,170,.5),transparent 70%)}.lens-lavender{width:260px;height:260px;bottom:12%;left:15%;background:radial-gradient(circle,rgba(190,170,255,.35),transparent 70%)}.bg-decor .dots{position:absolute;width:120px;height:120px;background-image:radial-gradient(rgba(0,184,148,.18) 1.5px,transparent 1.5px);background-size:14px 14px;opacity:.5}.dots-tl{top:18px;left:18px}.dots-br{bottom:18px;right:18px}.grain-overlay{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.header{position:relative;z-index:2;display:flex;align-items:center;padding:16px 20px 8px;flex-shrink:0}.header img{height:36px;width:auto;display:block}.main{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;padding:0 16px;width:100%;max-width:100%}.countdown-pill{display:flex;align-items:center;gap:8px;background:#FFF;border:1px solid rgba(0,184,148,.25);border-radius:999px;padding:6px 16px;font-size:12px;font-weight:500;color:#5B6B7C;box-shadow:0 2px 8px rgba(16,42,67,.06);opacity:0;transform:translateY(-14px);animation:pillIn .7s ease-out .15s forwards}.countdown-pill .live-dot{width:7px;height:7px;border-radius:50%;background:#00B894;flex-shrink:0;animation:dotPulse 2s ease-in-out infinite}.countdown-timer{font-weight:600;color:#102A43;font-variant-numeric:tabular-nums;letter-spacing:.5px}.countdown-pill.pulse-zero{animation:pillIn .7s ease-out .15s forwards,zeroPulse 1.2s ease-in-out 3}@keyframes pillIn{to{opacity:1;transform:translateY(0)}}@keyframes zeroPulse{0%,100%{box-shadow:0 2px 8px rgba(16,42,67,.06)}50%{box-shadow:0 0 22px rgba(0,184,148,.5)}}@keyframes dotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.headline{font-family:'Outfit',system-ui,sans-serif;font-weight:700;font-size:clamp(1.7rem,5.8vw,2.8rem);line-height:1.15;text-align:center;color:#102A43;margin-top:14px;opacity:0;filter:blur(8px);transform:translateY(12px);animation:blurSharp .6s cubic-bezier(.22,1.4,.36,1) .35s forwards;max-width:560px}@keyframes blurSharp{0%{opacity:0;filter:blur(8px);transform:translateY(12px)}60%{opacity:1;filter:blur(0);transform:translateY(-2px)}80%{transform:translateY(1px)}100%{opacity:1;filter:blur(0);transform:translateY(0)}}.supporting{font-size:clamp(.9rem,2.6vw,1.05rem);color:#5B6B7C;text-align:center;margin-top:8px;max-width:430px;font-weight:400}.collage-wrapper{position:relative;width:100%;display:flex;justify-content:center;margin-top:20px;flex-shrink:0}.access-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(620px,90%);height:2px;z-index:0;pointer-events:none;display:none}.access-line svg{width:100%;height:20px;overflow:visible}.access-line .glow-dot{position:absolute;top:50%;left:8%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#00B894;box-shadow:0 0 12px 3px rgba(0,184,148,.55);animation:dotTravel 4.5s ease-in-out infinite}@keyframes dotTravel{0%{left:8%;opacity:.4}15%{opacity:1}50%{left:50%;opacity:1}85%{opacity:1}100%{left:90%;opacity:.4}}.card-collage{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 4px 12px;width:100%;justify-content:flex-start;position:relative;z-index:1}.card-collage::-webkit-scrollbar{display:none}.card{flex-shrink:0;scroll-snap-align:start;border-radius:18px;background:#FFF;box-shadow:0 8px 28px rgba(16,42,67,.1),0 2px 8px rgba(16,42,67,.06);overflow:hidden;position:relative;width:150px;height:190px;opacity:0;transform:translateY(28px)}.card-front{animation:cardIn .7s ease-out .55s forwards}.card-back{animation:cardIn .7s ease-out .75s forwards}.card-saved{animation:cardIn .7s ease-out .95s forwards}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}.card-inner{position:absolute;inset:0;display:flex;flex-direction:column}.card-view{flex:1;position:relative;overflow:hidden}.card-front .card-view{background:linear-gradient(160deg,#FFF5EE,#FFE8DC)}.card-back .card-view{background:linear-gradient(180deg,#B8DDF8 0,#CFE8F8 45%,#B8E0C8 70%,#8CC9A0 100%)}.card-saved .card-view{background:#F7FAFD}.card-chip{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:3}.chip-live{background:#00B894;color:#FFF}.chip-live .chip-dot{width:5px;height:5px;border-radius:50%;background:#FFF;animation:dotPulse 2s ease-in-out infinite}.chip-rear{background:rgba(0,120,180,.75);color:#FFF}.chip-saved{background:#FF8A5B;color:#FFF}.card-timestamp{position:absolute;bottom:6px;right:8px;font-size:8px;font-weight:500;color:rgba(16,42,67,.55);z-index:3;font-variant-numeric:tabular-nums}.face-silhouette{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:80px}.face-silhouette svg{width:100%;height:100%}.outdoor-scene{position:absolute;inset:0}.outdoor-scene .sun{position:absolute;top:16px;right:18px;width:22px;height:22px;border-radius:50%;background:#FFE08A;box-shadow:0 0 18px 5px rgba(255,224,138,.5)}.outdoor-scene .tree{position:absolute;bottom:18px;width:0;height:0;border-style:solid}.outdoor-scene .tree-1{left:18px;border-width:0 10px 26px 10px;border-color:transparent transparent #4A9E6B transparent}.outdoor-scene .tree-2{right:22px;border-width:0 8px 20px 8px;border-color:transparent transparent #3D8A5A transparent}.outdoor-scene .ground{position:absolute;bottom:0;left:0;right:0;height:22px;background:linear-gradient(180deg,#8CC9A0,#5FAF7A)}.thumbnails{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:28px 14px 12px}.thumb{width:100%;height:32px;border-radius:8px;background:linear-gradient(135deg,#E8EEF5,#D5E0EA);position:relative}.thumb.highlighted{background:linear-gradient(135deg,#FFD4C2,#FFB89A);border:2px solid #FF8A5B;box-shadow:0 2px 10px rgba(255,138,91,.3)}.thumb .thumb-inner{position:absolute;inset:0;border-radius:6px;background:inherit}.thumb .thumb-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent rgba(255,255,255,.85)}.clock-icon{position:absolute;top:8px;right:8px;width:14px;height:14px;z-index:3}.clock-icon svg{width:100%;height:100%}.timestamp-accent{position:absolute;bottom:6px;left:8px;font-size:8px;font-weight:600;color:#FF8A5B;z-index:3;opacity:0;transform:translateX(-8px)}.card-saved .timestamp-accent{animation:accentIn .5s ease-out 1.6s forwards}@keyframes accentIn{to{opacity:1;transform:translateX(0)}}.live-glow{position:absolute;top:8px;left:8px;width:8px;height:8px;border-radius:50%;background:#00B894;z-index:4;animation:liveBreath 2.8s ease-in-out infinite}@keyframes liveBreath{0%,100%{box-shadow:0 0 4px 1px rgba(0,184,148,.35)}50%{box-shadow:0 0 14px 5px rgba(0,184,148,.6)}}.cta-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FF6B4A,#FF8A5B);color:#FFF;font-family:'Outfit',system-ui,sans-serif;font-weight:600;font-size:clamp(1rem,3vw,1.15rem);text-decoration:none;border-radius:999px;padding:14px 32px;box-shadow:0 6px 20px rgba(255,107,74,.35);margin-top:16px;transition:transform .25s ease,box-shadow .25s ease;flex-shrink:0}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,107,74,.45)}.cta-button:active{transform:translateY(0);box-shadow:0 4px 14px rgba(255,107,74,.3)}.cta-button:focus-visible{outline:3px solid #00B894;outline-offset:3px}.cta-reassurance{font-size:12px;color:#5B6B7C;margin-top:6px;text-align:center;font-weight:400}.footer{position:relative;z-index:2;text-align:center;padding:12px 16px;font-family:'Outfit',system-ui,sans-serif;font-weight:600;font-size:14px;color:#5B6B7C;flex-shrink:0}@media(min-width:480px){.card{width:160px;height:200px}.card-collage{gap:12px}}@media(min-width:768px){.header{padding:20px 32px 10px}.header img{height:40px}.main{padding:0 24px}.countdown-pill{font-size:13px;padding:7px 20px}.headline{margin-top:18px}.supporting{margin-top:10px}.collage-wrapper{margin-top:24px}.access-line{display:block}.card-collage{overflow:visible;gap:0;justify-content:center;padding:12px 0;scroll-snap-type:none}.card{width:190px;height:250px;border-radius:20px}.card-front{transform:translateY(28px) translateX(18px);animation:cardInDesktop .7s ease-out .55s forwards}.card-back{transform:translateY(28px) translateY(-14px);animation:cardInDesktopBack .7s ease-out .75s forwards;z-index:2}.card-saved{transform:translateY(28px) translateX(-18px);animation:cardInDesktop .7s ease-out .95s forwards}@keyframes cardInDesktop{to{opacity:1;transform:translateY(0) translateX(18px)}}@keyframes cardInDesktopBack{to{opacity:1;transform:translateY(-14px) translateY(0)}}.card-back{transform:translateY(28px);animation:cardInDesktopBack .7s ease-out .75s forwards}.card-front{animation:cardInDesktopFront .7s ease-out .55s forwards}.card-saved{animation:cardInDesktopSaved .7s ease-out .95s forwards}@keyframes cardInDesktopFront{to{opacity:1;transform:translateX(18px) translateY(0)}}@keyframes cardInDesktopSaved{to{opacity:1;transform:translateX(-18px) translateY(0)}}.card-back{animation:cardInDesktopBack .7s ease-out .75s forwards}@keyframes cardInDesktopBack{to{opacity:1;transform:translateY(-14px)}}.cta-button{margin-top:20px;padding:15px 38px}.footer{padding:14px 16px;font-size:15px}}@media(min-width:1024px){.card{width:210px;height:270px}.headline{font-size:clamp(2rem,4.5vw,3rem)}.supporting{font-size:1.05rem}.cta-button{font-size:1.15rem;padding:16px 42px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.headline{opacity:1;filter:none;transform:none}.card{opacity:1;transform:none}.card-front,.card-back,.card-saved{opacity:1;transform:none}.countdown-pill{opacity:1;transform:none}.timestamp-accent{opacity:1;transform:none}}