:root{--bg-base:#FBF5EF;--bg-glow:#FFF9F2;--txt:#2D2A32;--mint:#B8E8D8;--lavender:#D8C8E8;--butter:#F5E6A8;--sky:#B8D8E8;--coral:#FF7B6B;--white:#FFF;--f-head:'Zilla Slab',serif;--f-body:'Karla',sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-base);background:radial-gradient(circle at 50% 40%,var(--bg-glow) 0,var(--bg-base) 70%);color:var(--txt);font-family:var(--f-body);min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none;z-index:-1}header{padding:1.5rem 2rem}.logo-wrap img{height:32px;width:auto;display:block}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 1rem 3rem;text-align:center;max-width:1200px;margin:0 auto;width:100%}h1{font-family:var(--f-head);font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin-bottom:.5rem;color:var(--txt)}.color-drift{font-family:var(--f-head);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;margin-bottom:1rem;animation:cd 4s infinite linear}.supporting-line{font-size:clamp(1rem,2vw,1.15rem);max-width:600px;margin:0 auto 2rem;opacity:.9;line-height:1.5}.centerpiece{width:100%;max-width:900px;margin:0 auto 2rem;position:relative}.tiles-wrapper{display:flex;gap:1.5rem;justify-content:center;padding:.5rem;perspective:1000px}.tile{background:var(--white);border-radius:24px;box-shadow:0 8px 24px rgba(45,42,50,.06);flex:1;max-width:280px;aspect-ratio:1;opacity:0;transform:translateY(20px);animation:rev 600ms cubic-bezier(.16,1,.3,1) forwards;overflow:hidden;position:relative}.tile:nth-child(1){animation-delay:150ms}.tile:nth-child(2){animation-delay:300ms}.tile:nth-child(3){animation-delay:450ms}.tile svg{width:100%;height:100%;display:block}.cta-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem}.cta-btn{display:inline-block;background:var(--coral);color:var(--white);font-family:var(--f-body);font-weight:700;font-size:1.1rem;text-decoration:none;padding:1rem 2.5rem;border-radius:50px;box-shadow:0 6px 20px rgba(255,123,107,.3);transition:transform .2s,box-shadow .2s}.cta-btn:hover,.cta-btn:focus{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,123,107,.4);outline:3px solid var(--white);outline-offset:2px}.qan{font-size:.9rem;opacity:0;animation:fi 0s .5s forwards;color:var(--txt);font-weight:700}footer{padding:1.5rem;text-align:center;font-size:.9rem;opacity:.7}@keyframes cd{0%,100%{color:var(--mint)}25%{color:var(--lavender)}50%{color:var(--butter)}75%{color:var(--sky)}}@keyframes rev{to{opacity:1;transform:translateY(0)}}@keyframes fi{to{opacity:.6}}@keyframes bp{0%,100%{fill:var(--coral);filter:drop-shadow(0 0 8px rgba(255,123,107,.6))}33%{fill:var(--mint);filter:drop-shadow(0 0 8px rgba(184,232,216,.6))}66%{fill:var(--lavender);filter:drop-shadow(0 0 8px rgba(216,200,232,.6))}}.b-glow{animation:bp 2.5s infinite}@media(prefers-reduced-motion:reduce){.color-drift{animation:none;color:var(--coral)}.tile{animation:none;opacity:1;transform:none}.qan{animation:none;opacity:.6}.b-glow{animation:none}}@media(max-width:768px){header{padding:1rem}main{padding-top:0}.tiles-wrapper{overflow-x:auto;scroll-snap-type:x mandatory;justify-content:flex-start;padding:1rem;margin:0 -1rem}.tile{scroll-snap-align:center;flex:0 0 75%;max-width:260px}}@media(max-width:430px){h1{font-size:1.8rem}.color-drift{font-size:1.1rem}.tile{flex:0 0 80%}}