.demo-page{width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.demo-page.dark{color:#fff;background-color:#000}.demo-page.light{color:#1d1d1f;background-color:#f5f5f7}.hero-section{text-align:center;z-index:10;background:inherit;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.hero-title{letter-spacing:-.02em;background:linear-gradient(#fff 0%,#888 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:5rem;font-weight:700}.demo-page.light .hero-title{background:linear-gradient(#1d1d1f 0%,#86868b 100%);-webkit-background-clip:text}.hero-subtitle{color:#86868b;margin-top:1rem;font-size:2rem}.scroll-indicator{animation:2s infinite bounce;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.arrow-down{border-bottom:2px solid #86868b;border-right:2px solid #86868b;width:20px;height:20px;transform:rotate(45deg)}.horizontal-scroll-container{position:relative}.sticky-viewport{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.slides-container{will-change:opacity;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.image-display-area{border-radius:20px;justify-content:center;align-items:center;width:45vw;max-width:60vh;height:45vw;max-height:60vh;margin-right:5vw;display:flex;position:relative;overflow:hidden}.slide-image-wrapper{will-change:transform, opacity;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.slide-image{object-fit:cover;width:100%;height:100%}.text-overlay-container{justify-content:flex-start;align-items:center;width:40vw;height:60vh;display:flex;position:relative}.slide-text-overlay{text-align:left;will-change:opacity, transform;width:100%;position:absolute}.slide-type{color:#2997ff;text-transform:uppercase;margin-bottom:1rem;font-size:1.2rem;font-weight:600;display:block}.slide-title{margin:0 0 1rem;font-size:3.5rem;font-weight:700;line-height:1.1}.slide-desc{color:#86868b;margin-bottom:2rem;font-size:1.5rem;line-height:1.4}.slide-specs{flex-wrap:wrap;gap:1rem;display:flex}.spec-badge{color:#86868b;border:1px solid #424245;border-radius:20px;padding:.5rem 1rem;font-size:.9rem}.cta-section{background:inherit;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.cta-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:1200px;padding:0 2rem;display:flex}.cta-sticky-title{background:linear-gradient(#fff 0%,#888 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:4rem;font-weight:800}.demo-page.light .cta-sticky-title{background:linear-gradient(#1d1d1f 0%,#86868b 100%);-webkit-background-clip:text}.cta-button{color:#fff;cursor:pointer;background-color:#0071e3;border:none;border-radius:980px;padding:1.2rem 3rem;font-size:1.5rem;font-weight:600;transition:all .3s;box-shadow:0 4px 20px #0071e366}.cta-button:hover{background-color:#0077ed;transform:scale(1.05);box-shadow:0 6px 25px #0071e399}.gallery{width:100%;height:800px;margin-top:2rem;margin-left:0;margin-right:0;position:relative;overflow:hidden}.cards{perspective:1000px;width:350px;height:650px;margin:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cards li{text-align:center;width:350px;height:650px;transform-style:preserve-3d;border-radius:16px;justify-content:center;align-items:center;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:0;left:0}.cards li .suggestion-card{box-sizing:border-box;background:inherit;width:100%;height:100%;margin:0;transform:none!important}.cards li .card-image-container{width:100%}.cards li .card-content{flex-direction:column;justify-content:space-between;height:calc(100% - 312px);padding-bottom:10px;display:flex}.gallery-actions{z-index:100;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.gallery-btn{color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:.5rem 1.5rem;font-weight:600;transition:all .3s}.gallery-btn:hover{background:#fff3;transform:scale(1.05)}.drag-proxy{visibility:hidden;position:absolute}@media (max-width:768px){.sticky-viewport{flex-direction:column;justify-content:flex-start;padding-top:0}.slides-container{flex-direction:column;justify-content:flex-start;padding-top:10vh}.image-display-area{width:90vw;height:40vh;margin-bottom:2rem;margin-right:0}.text-overlay-container{justify-content:center;width:90vw;height:40vh}.slide-text-overlay{text-align:center}.slide-specs{justify-content:center}.slide-title{font-size:2.5rem}.slide-desc{font-size:1.2rem}.hero-title,.cta-sticky-title{font-size:3rem}.cards,.cards li{width:300px;height:550px}.cards li .card-image-container{height:300px}.cards li .card-content{height:calc(100% - 312px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,10px)}}.fade-in-up{animation:1s ease-out forwards fadeIn}