:root{--bg:#F9F8F4;--card1:#FFF;--card2:#F0EFEA;--text:#1A1A1A;--sec:#6B6B65;--yellow:#FFFC00;--pat:#EFEEE8;--glow:#FFFDE0}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);font-family:'Karla',sans-serif;color:var(--text);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}@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-layer{position:fixed;inset:0;background-image:radial-gradient(var(--pat) 1.5px,transparent 1.5px);background-size:24px 24px;z-index:-1}.ghost-pat{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.4;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cpath d='M75 50 C75 35,105 35,105 50 v20 l-7 -5 l-8 5 l-8 -5 l-7 5 Z' fill='none' stroke='%23EFEEE8' stroke-width='2'/%3E%3C/svg%3E");background-size:300px 300px;background-position:center}.page-layout{display:flex;flex-direction:column;flex-grow:1;position:relative;width:100%;max-width:1440px;margin:0 auto;padding:1.5rem}header{position:relative;z-index:10;display:flex;justify-content:center;margin-bottom:1.5rem}header img{height:36px;width:auto}.main-content{display:flex;flex-direction:column;flex-grow:1;gap:1.5rem}.left-visual{position:relative;width:100%;display:flex;justify-content:center;align-items:center;min-height:35vh;z-index:1}.vignette{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;max-width:600px;max-height:600px;background:radial-gradient(circle,var(--glow) 0,transparent 60%);z-index:0;opacity:0;animation:fadeInGlow 1s ease-out forwards,breatheGlow 6s ease-in-out infinite 1s}.visual-svg{width:100%;max-width:480px;height:auto;position:relative;z-index:2;filter:drop-shadow(0 4px 24px rgba(26,26,26,.04))}.right-text{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:5;max-width:500px;margin:0 auto}h1{font-family:'M PLUS Rounded 1c',sans-serif;font-weight:800;font-size:clamp(2rem,6vw,3.2rem);line-height:1.1;color:var(--text);margin-bottom:1rem;letter-spacing:-.02em}p.supp{font-size:clamp(1.125rem,3vw,1.35rem);color:var(--sec);line-height:1.4;margin-bottom:2.5rem}.cta-area{position:relative;display:inline-flex;flex-direction:column;align-items:center}.cta-halo{position:absolute;inset:-12px;background:var(--yellow);border-radius:99px;filter:blur(16px);opacity:.4;animation:breatheHalo 2.4s infinite ease-in-out;z-index:0}.cta-btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--text);font-family:'M PLUS Rounded 1c',sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;padding:1.1rem 2.5rem;border-radius:99px;border:2px solid var(--text);box-shadow:4px 4px 0 0 var(--text);transition:transform .2s,box-shadow .2s;white-space:nowrap}.cta-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--text)}.cta-btn:focus-visible{outline:3px solid var(--text);outline-offset:4px}.ribbon{position:absolute;top:-16px;right:-10px;background:#FFF;color:var(--text);border:1.5px solid var(--text);padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:700;z-index:3;opacity:0;box-shadow:2px 2px 0 0 rgba(26,26,26,.15);transform-origin:right center;animation:slideRibbon .6s cubic-bezier(.175,.885,.32,1.275) .4s forwards;overflow:hidden}.ribbon::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,252,0,.6),transparent);animation:shimmer 10s linear infinite}.reassurance{margin-top:1.2rem;font-size:.9rem;color:var(--sec);font-weight:600}footer{margin-top:auto;text-align:center;padding:2rem 0 1rem;font-size:.8rem;color:var(--sec);opacity:.7}@media(min-width:768px){.page-layout{padding:2rem 4rem;min-height:100vh}header{position:absolute;top:2.5rem;left:4rem;justify-content:flex-start;margin:0}header img{height:42px}.main-content{flex-direction:row;align-items:center;justify-content:space-between;flex-grow:1;margin-top:2rem}.left-visual{width:60%;min-height:70vh;justify-content:flex-start;align-items:center}.visual-svg{max-width:650px;transform:translateX(-5%)}.vignette{left:40%;width:100%;height:100%;max-width:800px;max-height:800px}.right-text{width:40%;align-items:flex-start;text-align:left;margin:0;padding-left:2rem}.cta-area{align-items:flex-start}footer{position:absolute;bottom:1.5rem;right:4rem;padding:0;text-align:right}}@keyframes fadeInGlow{from{opacity:0}to{opacity:1}}@keyframes breatheGlow{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}@keyframes breatheHalo{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.6}}@keyframes slideRibbon{from{transform:translateX(20px) scale(.9);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}@keyframes shimmer{0%{left:-100%}15%,100%{left:200%}}@keyframes tilt1{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(1%,1%) rotate(-1deg)}}@keyframes tilt2{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(-1%,-1%) rotate(1.5deg)}}.g-tilt1{animation:tilt1 9s infinite alternate ease-in-out;transform-origin:center}.g-tilt2{animation:tilt2 11s infinite alternate-reverse ease-in-out;transform-origin:center}.g-tilt3{animation:tilt1 13s infinite alternate ease-in-out;transform-origin:center}html,body{max-width:100%;overflow-x:clip}