:root{--yellow:#FFFC00;--black:#000;--white:#FFF;--bg-base:#F5F5F5;--gray-light:#E8E8E8;--red:#FF3B30;--font-head:'M PLUS Rounded 1c',sans-serif;--font-body:'Quicksand',sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-base);color:var(--black);font-family:var(--font-body);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}@media(prefers-reduced-motion:reduce){*,::before,::after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}.bg-pattern{position:fixed;inset:0;z-index:-1;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath d='M20,30 Q20,10 40,10 Q60,10 60,30 L60,50 L50,45 L40,50 L30,45 L20,50 Z' fill='none' stroke='%23FFFC00' stroke-width='1.5' opacity='0.5'/%3E%3Cpath d='M100,100 L105,115 L120,120 L105,125 L100,140 L95,125 L80,120 L95,115 Z' fill='none' stroke='%23E8E8E8' stroke-width='1.5'/%3E%3Ccircle cx='130' cy='30' r='2' fill='%23000' opacity='0.15'/%3E%3Ccircle cx='30' cy='120' r='2' fill='%23000' opacity='0.15'/%3E%3Cpath d='M110,40 C130,40 140,50 140,65 C140,80 120,85 110,85 L100,95 L105,82 C95,80 85,75 85,65 C85,50 95,40 110,40 Z' fill='none' stroke='%23E8E8E8' stroke-width='1.5'/%3E%3Cpolygon points='30,80 35,70 45,75 40,85 35,95 30,80' fill='none' stroke='%23FFFC00' opacity='0.4' stroke-width='1'/%3E%3C/svg%3E");background-size:160px 160px}.main-grid{display:grid;grid-template-columns:1fr;grid-template-areas:"hd" "tx" "ar" "ct" "ft";gap:1.5rem;padding:1.5rem;min-height:100vh;max-width:1400px;margin:0 auto;align-content:start}@media(min-width:768px){.main-grid{grid-template-columns:minmax(350px,45%) 1fr;grid-template-rows:auto auto auto 1fr;grid-template-areas:"hd ar" "tx ar" "ct ar" "ft ar";padding:4rem;gap:2rem 4rem;align-content:center}}.header{grid-area:hd;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;z-index:10;opacity:0;animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards}.logo{height:40px;width:auto;display:block}.badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--white);padding:.35rem .75rem;border-radius:20px;border:1px solid var(--gray-light);font-size:.85rem;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.04);opacity:0;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}.badge svg{width:16px;height:16px}.badge-check{stroke-dasharray:15;stroke-dashoffset:15;animation:drawCheck .4s .3s forwards}.hero-text{grid-area:tx;z-index:10}h1{font-family:var(--font-head);font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.1;font-weight:800;margin-bottom:.75rem;opacity:0;animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards}.support{font-size:clamp(1.05rem,1.5vw,1.25rem);font-weight:500;line-height:1.4;color:#333;opacity:0;animation:slideUp .8s cubic-bezier(.16,1,.3,1) .15s forwards}.cta-section{grid-area:ct;z-index:10;transform:translateY(15px);animation:settleIn .8s .3s cubic-bezier(.16,1,.3,1) forwards}.cta-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--black);border:2px solid var(--black);border-radius:50px;padding:1rem 2rem;font-family:var(--font-head);font-weight:800;font-size:1.2rem;text-decoration:none;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 0 var(--black)}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--black)}.cta-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--black)}.cta-btn:focus-visible{outline:3px solid var(--black);outline-offset:4px}.cta-arrow{width:20px;height:20px;margin-left:12px;animation:arrowNudge 3s infinite ease-in-out}.cta-sub{font-size:.9rem;font-weight:700;color:#555;margin-top:.75rem;padding-left:.5rem}.footer-section{grid-area:ft;align-self:end;display:flex;flex-direction:column;gap:1.5rem;z-index:10;padding-bottom:1rem}@media(min-width:768px){.footer-section{padding-bottom:0}}.chips{display:flex;gap:.5rem;align-items:center;opacity:0;animation:fadeIn .5s 1s forwards}.chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--white);border:1px solid var(--gray-light);padding:.3rem .6rem;border-radius:12px;font-size:.75rem;font-weight:700;color:#444}.chip svg{width:14px;height:14px}.footer-text{font-size:.85rem;font-weight:700;color:#888}.centerpiece{grid-area:ar;display:flex;align-items:center;justify-content:center;position:relative;height:35vh;max-height:400px;opacity:0;transform:scale(.95);animation:scaleIn .8s .6s cubic-bezier(.175,.885,.32,1.275) forwards;z-index:1}@media(min-width:768px){.centerpiece{height:100%;max-height:none;align-self:stretch}}.cp-svg{width:100%;height:100%;max-width:600px;overflow:visible}.cp-loop{fill:none;stroke:var(--gray-light);stroke-width:24;stroke-linecap:round}.cp-loop-inner{fill:none;stroke:var(--white);stroke-width:14;stroke-linecap:round}.cp-bubble-tail{fill:var(--gray-light)}.cp-layer-back{fill:none;stroke:var(--black);stroke-width:8;stroke-linejoin:round}.cp-layer-mid{fill:rgba(255,252,0,0.85);stroke:var(--black);stroke-width:1.5}.cp-layer-front{fill:var(--white);stroke:var(--black);stroke-width:1.5}.cp-ghost-sig{fill:var(--white);stroke:var(--black);stroke-width:1.5}.pulse-star{opacity:0;transform-origin:center;animation:pulseRevealStar 4s infinite ease-in-out}.pulse-lock{opacity:0;animation:pulseRevealLock 4s infinite ease-in-out}.pulse-trail{stroke-dasharray:40;stroke-dashoffset:40;opacity:0;animation:pulseRevealTrail 4s infinite ease-in-out}.pulse-flame{opacity:0;transform-origin:bottom center;animation:pulseRevealFlame 4s infinite ease-in-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}@keyframes settleIn{0%{transform:translateY(15px)}100%{transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes drawCheck{to{stroke-dashoffset:0}}@keyframes arrowNudge{0%,80%,100%{transform:translateX(0)}90%{transform:translateX(6px)}}@keyframes fadeIn{to{opacity:1}}@keyframes pulseRevealStar{0%,70%,100%{opacity:0;transform:scale(.5) rotate(-20deg)}80%,90%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes pulseRevealLock{0%,70%,100%{opacity:0;transform:translate(10px,10px)}80%,90%{opacity:1;transform:translate(-5px,-15px)}}@keyframes pulseRevealTrail{0%,70%,100%{stroke-dashoffset:40;opacity:0}80%,90%{stroke-dashoffset:0;opacity:1}}@keyframes pulseRevealFlame{0%,70%,100%{opacity:0;transform:scale(.5) translateY(10px)}80%,90%{opacity:1;transform:scale(1) translateY(-10px)}}