.scroll-container{position:relative;width:100%;background:var(--surface-1)}.scroll-indicator{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:5;text-align:center;color:var(--color-secondary-light);font-size:1rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:bounce 2s infinite;cursor:pointer;transition:opacity .2s ease}.scroll-indicator:hover{opacity:.8}.scroll-indicator .chevrons{display:flex;flex-direction:column;align-items:center;margin-top:5px}.scroll-indicator .chevrons span{font-size:1.5rem;margin:-8px 0;animation:chevronBounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@keyframes chevronBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-2px)}}.content-overlay{position:relative;z-index:10;background:transparent;min-height:100vh;border-radius:20px 20px 0 0;overflow:hidden;width:100%;box-sizing:border-box}.scroll-container--fullscreen-hero .content-overlay{z-index:1}.scroll-container--home .content-overlay{border-radius:0;overflow-x:clip;overflow-y:visible}.hero-logo{position:fixed;top:50%;left:50%;transform:translate(-50%,-150%);z-index:5;transition:opacity .3s ease-out,transform .1s ease-out;pointer-events:none}.content-overlay .categories-section{padding-top:0;background:none}.categories-title{text-align:center;font-size:2.5rem;font-weight:700;color:var(--color-text);margin:40px 0 10px;padding:0 20px}.content-overlay .text-banner{margin:0}.content-overlay .chatbox-section{padding:40px 20px 80px;background-color:var(--color-secondary-light)}@media (max-width:768px){.scroll-indicator{bottom:15px;font-size:.9rem}.scroll-indicator .chevrons span{font-size:1.3rem}.content-overlay{border-radius:15px 15px 0 0}.content-overlay .categories-section{padding-top:40px}.categories-title{font-size:2rem;margin:30px 0 10px}.content-overlay .chatbox-section{padding:30px 0 60px}.hero-logo img{height:120px!important}}@media (max-width:480px){.hero-logo img{height:95px!important;max-width:80vw!important}.categories-title{font-size:1.75rem;margin:20px 0 10px;padding:0 10px}.content-overlay .chatbox-section{padding:20px 0 40px}}html{scroll-behavior:smooth}footer{position:relative;z-index:20;background:white}