:root{--bg:#F7F7F5;--surf:#FFF;--text:#0A0A0A;--muted:#6B6B66;--yellow:#FFFC00;--blue:#A6E3FF;--pink:#FFC1E3;--black:#0A0A0A;--head-f:'M PLUS Rounded 1c',sans-serif;--body-f:'M PLUS 1p',sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--body-f);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}.bg-layer{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.bg-layer svg{width:100%;height:100%;opacity:.6}.bg-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.04;mix-blend-mode:multiply}.layout{display:flex;flex-direction:column;flex:1;width:100%;max-width:1400px;margin:0 auto}.visuals{position:relative;width:100%;height:40vh;min-height:300px;overflow:hidden;flex-shrink:0}.content{display:flex;flex-direction:column;padding:24px;flex:1;justify-content:center}.logo{height:40px;width:auto;align-self:flex-start;margin-bottom:24px}.trend-tag{background:var(--yellow);color:var(--black);font-family:var(--head-f);font-size:.875rem;font-weight:800;padding:6px 12px;border-radius:99px;align-self:flex-start;margin-bottom:16px;opacity:0;animation:popIn .5s cubic-bezier(0.175,0.885,0.32,1.275) forwards}.h1{font-family:var(--head-f);font-size:clamp(2.25rem,6vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-0.02em;margin-bottom:16px;opacity:0;filter:blur(10px);animation:blurRev .6s ease-out forwards}.support{font-size:clamp(1.125rem,2.5vw,1.375rem);color:var(--muted);line-height:1.4;margin-bottom:32px;max-width:540px}.cta-wrap{position:relative;align-self:flex-start;margin-bottom:12px}.cta{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--black);font-family:var(--head-f);font-weight:800;font-size:1.25rem;text-decoration:none;padding:18px 40px;border:3px solid var(--black);border-radius:99px;box-shadow:4px 4px 0 var(--black);transition:transform .1s;position:relative;z-index:2}.cta:focus-visible{outline:2px solid var(--black);outline-offset:4px}.cta:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black)}.cta-glow{position:absolute;inset:-4px;background:var(--yellow);border-radius:99px;z-index:1;opacity:.4;filter:blur(8px);animation:breathe 2s infinite ease-in-out}.under-cta{font-size:.9375rem;color:var(--muted);font-weight:700}.footer{margin-top:auto;padding-top:40px;font-size:.875rem;color:var(--muted);font-weight:700;text-align:left}.collage{position:absolute;inset:10%;width:80%;height:80%;margin:auto}.card{position:absolute;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,0.06);background:var(--surf)}.c-prof{top:0;left:0;width:55%;height:45%;padding:10%;display:flex;flex-direction:column;justify-content:center;z-index:2;transform:rotate(-2deg)}.av{width:35%;aspect-ratio:1;border-radius:50%;background:#F0F0EE;margin-bottom:12%}.line{height:12%;width:70%;background:#E0E0DE;border-radius:4px;margin-bottom:8%}.line.s{width:40%}.hearts{display:flex;gap:6%;margin-top:auto}.hearts svg{width:15%;height:auto;fill:#FF3B30}.c-score{bottom:15%;left:5%;width:35%;aspect-ratio:1;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:var(--head-f);font-weight:800;font-size:clamp(1.5rem,4vw,2.5rem);border-radius:24px;box-shadow:4px 4px 0 rgba(0,0,0,0.15);z-index:3;transform:rotate(-6deg)}.c-bf{top:5%;right:0;width:50%;height:35%;background:transparent;box-shadow:none;z-index:1;opacity:0;animation:slideBF 1s cubic-bezier(0.2,0.8,0.2,1) .6s forwards}.bf-avs{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.bf-avs div{width:28%;aspect-ratio:1;border-radius:50%;background:var(--surf);border:3px solid var(--bg);box-shadow:0 4px 12px rgba(0,0,0,0.08);position:relative;z-index:2}.bf-line{position:absolute;top:50%;left:10%;width:80%;height:2px;border-top:3px dotted var(--yellow);z-index:1;transform:translateY(-50%)}.c-memb{top:35%;right:5%;width:35%;aspect-ratio:3/4;background:var(--blue);z-index:4;opacity:0;animation:slideMem 1s cubic-bezier(0.2,0.8,0.2,1) .7s forwards;backdrop-filter:blur(2px)}.c-memp{bottom:25%;right:0;width:30%;aspect-ratio:3/4;background:var(--pink);z-index:1;transform:rotate(-8deg);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.c-memp svg{width:30%;height:auto;fill:var(--black);opacity:.7}.c-meo{bottom:0;right:25%;width:42%;aspect-ratio:3/4;background:var(--black);z-index:5;display:flex;align-items:center;justify-content:center;overflow:hidden;transform:rotate(3deg)}.c-meo::after{content:'';position:absolute;bottom:0;right:0;border-width:0 0 24px 24px;border-style:solid;border-color:transparent transparent var(--bg) #2A2A2A}.keyhole{width:20%;height:30%;position:relative;display:flex;flex-direction:column;align-items:center}.keyhole::before{content:'';width:100%;aspect-ratio:1;background:var(--yellow);border-radius:50%}.keyhole::after{content:'';width:60%;height:60%;background:var(--yellow);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);margin-top:-10%}@keyframes popIn{0%{opacity:0;transform:translateY(10px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes blurRev{0%{opacity:0;filter:blur(10px)}100%{opacity:1;filter:blur(0)}}@keyframes slideBF{0%{opacity:0;transform:translate(20px,-20px) rotate(-15deg)}100%{opacity:1;transform:translate(0,0) rotate(6deg)}}@keyframes slideMem{0%{opacity:0;transform:translate(-20px,20px) rotate(15deg)}100%{opacity:1;transform:translate(0,0) rotate(4deg)}}@keyframes breathe{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.05);opacity:.8}}@media(min-width:768px){.layout{flex-direction:row-reverse}.visuals{height:100vh;flex:1.2;min-height:unset}.content{flex:1;padding:60px 40px 60px 8vw}.collage{inset:15%;width:70%;height:70%}@media(prefers-reduced-motion:reduce){.trend-tag,.h1,.c-bf,.c-memb{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}.cta-glow{animation:none!important}}