:root{--bg:#F6F1E7;--surf:#FFF;--text:#1F3D2B;--sect:#5C6B5A;--sky:#4FC3F7;--sig:#FF5A5F;--sun:#FFD166;--fh:'Baloo 2',sans-serif;--fb:'Nunito Sans',sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--fb);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}.bg-l{position:fixed;inset:0;z-index:-1;pointer-events:none}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(92,107,90,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(92,107,90,0.06) 1px,transparent 1px);background-size:40px 40px}.bg-con{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,transparent 20%,rgba(79,195,247,0.06) 21%,transparent 22%),radial-gradient(circle at 80% 20%,transparent 30%,rgba(79,195,247,0.05) 31%,transparent 32%)}.bg-dot{position:absolute;inset:0;background-image:radial-gradient(circle at 30% 40%,var(--sig) 2px,transparent 3px),radial-gradient(circle at 70% 60%,var(--sun) 2px,transparent 3px);opacity:.3}.bg-grn{position:absolute;inset:0;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.7" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity="0.04"/></svg>');mix-blend-mode:multiply}.wrap{display:grid;gap:20px;padding:24px;max-width:430px;margin:0 auto;flex:1}.hdr{grid-area:h}.logo{height:32px;width:auto}.tit{grid-area:t;display:flex;gap:12px;align-items:flex-start}h1{font-family:var(--fh);font-size:clamp(2rem,7vw,3.5rem);line-height:1.1;color:var(--text)}.vs{position:relative;overflow:hidden;width:32px;height:32px;border-radius:10px;flex-shrink:0;background:linear-gradient(135deg,var(--sky),var(--sun),var(--sig));display:flex;align-items:center;justify-content:center;margin-top:8px;box-shadow:0 4px 10px rgba(255,90,95,.3)}.vs-tr{position:absolute;inset:-50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:rotate(45deg);animation:shm 2.5s infinite}.dsc{grid-area:d;font-size:clamp(1rem,2vw,1.125rem);color:var(--sect);line-height:1.5}.vis{grid-area:v;position:relative;display:flex;justify-content:center;width:100%;height:38vh;min-height:300px;max-height:450px}.ph-w{position:relative;height:100%;width:auto;aspect-ratio:13/23}.ph-s{height:100%;width:100%;filter:drop-shadow(0 12px 24px rgba(31,61,43,.1))}.f-joy{position:absolute;bottom:8%;left:-20%;display:flex;flex-direction:column;align-items:center;z-index:10}.j-bdg{background:var(--surf);color:var(--text);font-weight:700;font-size:.75rem;padding:4px 10px;border-radius:12px;border:2px solid var(--sky);margin-top:6px;box-shadow:0 4px 12px rgba(79,195,247,.2);white-space:nowrap;opacity:0;animation:fdBdg .4s ease 4s forwards,bob 2.5s ease-in-out 4.4s infinite}.f-crt{position:absolute;top:25%;right:-10%;z-index:10}.act{grid-area:a;display:flex;flex-direction:column;gap:12px;margin-top:8px}.cta{position:relative;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(90deg,var(--sky),var(--sun),var(--sig));color:var(--surf);text-decoration:none;font-weight:700;font-size:1.25rem;padding:16px 32px;border-radius:99px;overflow:hidden;box-shadow:0 8px 24px rgba(255,90,95,.3);transition:transform .2s;width:fit-content;text-shadow:0 1px 3px rgba(31,61,43,.9),0 0 8px rgba(31,61,43,.5)}.cta:hover,.cta:focus{transform:translateY(-2px);outline:none}.cta:focus-visible{box-shadow:0 0 0 4px var(--bg),0 0 0 8px var(--text)}.cta-t{position:relative;z-index:2}.cta-sh{position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg) translateX(-200%);z-index:1;animation:swp 3s infinite linear}.cta-n{font-size:.875rem;color:var(--sect)}.chp-w{display:flex;gap:8px;margin-top:4px}.chp{background:rgba(255,255,255,.7);color:var(--sect);font-weight:700;font-size:.75rem;padding:4px 12px;border-radius:12px;border:1px solid rgba(92,107,90,.2);opacity:0;transform:translateY(10px);box-shadow:inset 0 0 8px rgba(255,90,95,.05)}.c-ios{animation:cRs .6s ease forwards .2s}.c-and{animation:cRs .6s ease forwards .4s,cPls .8s ease forwards 1.2s}.ftr{grid-area:f;font-weight:700;font-size:.875rem;color:var(--sect);padding-top:16px}@keyframes shm{0%{transform:translateX(-100%) rotate(45deg)}100%{transform:translateX(100%) rotate(45deg)}}@keyframes fdBdg{to{opacity:1}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes swp{0%{transform:skewX(-20deg) translateX(-200%)}100%{transform:skewX(-20deg) translateX(300%)}}@keyframes cRs{to{opacity:1;transform:translateY(0)}}@keyframes cPls{50%{transform:scale(1.05);background:var(--surf);border-color:var(--sig)}}@keyframes mkD{0%{transform:translateY(-20px);opacity:0}15%{transform:translateY(0);opacity:1}80%{opacity:1}90%,100%{opacity:0}}@keyframes rEx{15%{transform:scale(1);opacity:0}16%{opacity:.8}45%,100%{transform:scale(2.5);opacity:0}}.mk{animation:mkD 4s infinite}.r1{animation:rEx 4s infinite}.r2{animation:rEx 4s infinite;animation-delay:.3s}@media(min-width:1024px){.wrap{max-width:1200px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"h v" "t v" "d v" "a v" "f v";align-items:start;padding:64px;gap:24px 64px}.hdr{margin-bottom:32px}.vis{align-self:center;justify-self:center;height:550px;max-height:none}.f-joy{left:-10%}.f-crt{right:-5%}.dsc{max-width:480px}}@media(prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.mk,.r1,.r2{opacity:1!important}.mk{transform:translateY(0)!important}}