*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Pretendard,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#212121;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff}#root{width:100%;min-height:100vh}.landing-page{min-height:100vh;background:linear-gradient(180deg,#fff,#fff5f5,#fff);color:#212121;position:relative}.landing-page:before{content:"";position:absolute;top:0;left:0;right:0;height:600px;background:radial-gradient(ellipse at top,rgba(254,187,187,.15) 0%,transparent 70%);pointer-events:none;z-index:0}.header{padding:80px 20px 60px;text-align:center;max-width:1200px;margin:0 auto;position:relative;z-index:1}.main-title{font-size:3.5rem;font-weight:700;margin:0 0 20px;letter-spacing:-.02em;color:#1a1a1a;position:relative;display:inline-block}.main-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60%;height:4px;background:linear-gradient(90deg,transparent 0%,#FEBBBB 50%,transparent 100%);border-radius:2px}.subtitle{font-size:1.25rem;color:#666;margin:0;font-weight:400}.intro-section{padding:40px 20px;text-align:center;max-width:800px;margin:0 auto 80px;position:relative;z-index:1}.intro-text{font-size:1.125rem;line-height:1.8;color:#555;margin:0;background:#febbbb0d;padding:32px 40px;border-radius:20px;border:2px solid rgba(254,187,187,.2);box-shadow:0 4px 20px #febbbb1a}.demo-section{padding:20px 20px 60px;text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.demo-link-button{display:inline-block;padding:16px 48px;font-size:1.125rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#febbbb,#fd9b9b);text-decoration:none;border-radius:50px;transition:all .3s ease;box-shadow:0 4px 15px #febbbb66}.demo-link-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #febbbb99}.demo-link-button:active{transform:translateY(0);box-shadow:0 2px 10px #febbbb66}.ui-sections{max-width:1600px;margin:0 auto;padding:0 20px 100px;display:flex;flex-direction:column;gap:150px;position:relative;z-index:1}.ui-series-section{display:flex;align-items:center;gap:60px;min-height:400px;position:relative}.ui-series-section:before{content:"";position:absolute;width:100px;height:100px;background:radial-gradient(circle,rgba(254,187,187,.15) 0%,transparent 70%);border-radius:50%;z-index:-1}.ui-series-section.left-content{flex-direction:row}.ui-series-section.left-content:before{left:-50px;top:50%;transform:translateY(-50%)}.ui-series-section.right-content{flex-direction:row-reverse}.ui-series-section.right-content:before{right:-50px;top:50%;transform:translateY(-50%)}.series-content{flex:0 0 300px;padding:40px 20px;display:flex;flex-direction:column;justify-content:center}.series-title{font-size:2.25rem;font-weight:700;margin:0 0 20px;color:#1a1a1a;letter-spacing:-.02em;line-height:1.2;position:relative;padding-left:20px}.series-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:80%;background:linear-gradient(180deg,#febbbb,#fd9b9b);border-radius:3px}.series-description{font-size:1.125rem;line-height:1.8;color:#555;margin:0;padding-left:20px}.series-images-container{flex:1 1 600px;overflow:hidden;position:relative;min-height:300px;max-height:80vh;background:linear-gradient(135deg,#fafafa,#fff5f5);border-radius:16px;width:100%;max-width:720px;margin:0 auto;border:2px solid rgba(254,187,187,.15);box-shadow:0 8px 30px #febbbb1f}.series-images-track{display:flex;gap:24px;height:100%;width:fit-content;align-items:center;will-change:transform;transition:transform .6s cubic-bezier(.4,0,.2,1)}.series-images-track:has(.series-image-item:only-child){justify-content:center;width:100%}.series-image-item{flex:0 0 auto;height:100%;background:transparent;border-radius:16px;overflow:visible;box-shadow:0 4px 20px #0000000f;transition:transform .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:center;position:relative}.series-image-item:hover{transform:translateY(-6px);box-shadow:0 8px 30px #0000001f}.series-image-item img{width:auto;height:100%;display:block;object-fit:contain;border-radius:16px;overflow:hidden}.image-caption-fixed{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;white-space:nowrap;pointer-events:none;z-index:5;max-width:90%;overflow:hidden;text-overflow:ellipsis}.series-image-item img:not([src]){display:none}.series-image-item img[src=""]{display:none}.footer{padding:60px 20px;text-align:center;border-top:2px solid rgba(254,187,187,.2);margin-top:80px;background:linear-gradient(180deg,transparent 0%,rgba(254,187,187,.03) 100%);position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:32px}.footer p{margin:0;color:#888;font-size:.9rem}@media(max-width:968px){.ui-series-section{flex-direction:column!important;gap:40px;min-height:auto}.series-content{flex:0 0 auto;width:100%;padding:20px 0;text-align:center}.series-images-container{width:100%;max-width:100%;min-height:260px}.series-images-track{gap:12px}.series-image-item{width:450px}.series-image-item img{max-height:100%}}@media(max-width:768px){.main-title{font-size:2.5rem}.main-title:after{bottom:-6px;height:3px}.subtitle{font-size:1.125rem}.intro-text{padding:24px 28px;font-size:1rem}.demo-section{padding:16px 20px 40px}.demo-link-button{padding:14px 36px;font-size:1rem}.ui-sections{gap:80px}.header{padding:60px 20px 40px}.series-content{padding:16px 0;text-align:center}.series-title{font-size:1.75rem;padding-left:0}.series-title:before{display:none}.series-description{font-size:1rem;padding-left:0}.series-images-container{max-width:100%;min-height:220px}.series-images-track{gap:8px}.series-image-item{width:280px}.series-image-item img{max-height:100%}}