@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4F00F8;--secondary: #EA4335;--accent: #FBBC04;--green: #34A853;--purple: #4F00F8;--pink: #EC4899;--dark: #1a1a2e;--light: #ffffff;--text-dark: #1a1a1a}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;overflow-y:scroll}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:var(--light);color:var(--text-dark);overflow-x:hidden}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center}.header-logo{height:32px;width:auto}.header-nav{display:flex;gap:2rem}.nav-link{background:none;border:none;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:1rem;font-weight:600;color:#1e293b;cursor:pointer;padding:.5rem 1rem;position:relative;transition:color .3s}.nav-link:hover{color:#4f00f8}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#4f00f8;transition:width .3s}.nav-link:hover:after{width:100%}.section{min-height:80vh;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:5rem 2.4rem}.hero{min-height:100vh;background:linear-gradient(135deg,#fff,#f8fafc,#f1f5f9);padding-top:80px}.hero-content{text-align:center;z-index:2}.hero-logo{width:clamp(336px,70vw,720px);height:auto;margin-bottom:1.5rem}.hero-badge{display:inline-block;background:linear-gradient(135deg,#4f00f8,#7c3aed);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:500;margin-bottom:.8rem;letter-spacing:2px}.hero-title{font-size:clamp(1.25rem,4vw,3rem);font-weight:700;line-height:1.1;margin-bottom:1rem;color:#4f00f8}.hero-subtitle{font-size:clamp(1.56rem,3.9vw,2.6rem);font-weight:700;margin-bottom:3rem;color:#4f00f8}.scroll-indicator{position:absolute;bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.8rem;opacity:.5;color:#64748b}.scroll-arrow{width:16px;height:16px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:rotate(45deg) translateY(-4px)}.stats-section{background:linear-gradient(180deg,#fff,#f8fafc)}.stat-container{text-align:center;max-width:900px}.stat-label{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:#1e293b;margin-bottom:1rem}.stat-number{font-size:clamp(4rem,15vw,12rem);font-weight:900;line-height:1;margin-bottom:1rem;color:#1e293b}.stat-unit{font-size:clamp(1.5rem,4vw,3rem);font-weight:300;opacity:.8}.stat-description{font-size:clamp(1rem,2vw,1.5rem);color:#64748b;max-width:600px;margin:0 auto}.graph-container{width:100%;max-width:600px;margin:2rem auto;padding:1rem}.graph-bars{display:flex;align-items:flex-end;justify-content:space-between;height:150px;gap:.5rem}.graph-bar-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;justify-content:flex-end}.graph-bar{width:100%;max-width:40px;background:linear-gradient(180deg,#4f00f8,#7c3aed);border-radius:4px 4px 0 0;min-height:4px}.graph-year{font-size:.7rem;color:#64748b;margin-top:.5rem}.gradient-blue{background:#fff}.gradient-blue .stat-number{color:#4f00f8}.gradient-purple{background:#fff}.gradient-purple .stat-number{color:#4f00f8}.gradient-pink{background:#fff}.gradient-pink .stat-number{color:#4f00f8}.gradient-green{background:#fff}.gradient-green .stat-number{color:#4f00f8}.seoul-coverage-container{text-align:center;max-width:900px;width:100%}.seoul-content{display:flex;align-items:center;justify-content:center;gap:4rem;margin-top:2rem;flex-wrap:wrap}.seoul-map-wrapper{flex:1;min-width:280px;max-width:400px}.seoul-map-container{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #4f00f81a;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1.5rem}.seoul-map{width:100%;height:auto;filter:grayscale(100%) opacity(.3);transition:filter .3s}.seoul-map-overlay{position:absolute;inset:1.5rem;background:linear-gradient(135deg,#4f00f899,#7c3aed66);mix-blend-mode:multiply;border-radius:8px}.seoul-map-container:before{content:"";position:absolute;inset:1.5rem;background:url(/seoul-map.png) center/contain no-repeat;filter:grayscale(0%) brightness(1);opacity:0;animation:mapReveal 2s ease-out 1s forwards}@keyframes mapReveal{to{opacity:1}}.seoul-stat{flex:1;min-width:200px;text-align:left}.seoul-stat .stat-number{font-size:clamp(4rem,12vw,8rem);line-height:1;margin-bottom:1rem}.seoul-stat .stat-description{text-align:left}.gradient-orange{background:#fff}.gradient-orange .stat-number{color:#4f00f8}.multi-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1200px;width:100%;padding:2rem}.multi-stat-item{text-align:center;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05)}.multi-stat-number{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;margin-bottom:.5rem}.multi-stat-label{font-size:1rem;color:#64748b}.video-section{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.video-description{font-size:1.1rem;color:#64748b;text-align:center;margin-bottom:2rem}.video-container{width:100%;max-width:800px;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #0000001a}.video-container iframe{width:100%;height:100%}.rankings-section{background:linear-gradient(180deg,#f1f5f9,#e2e8f0)}.rankings-container{max-width:800px;width:100%}.section-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;text-align:center;margin-bottom:3rem;color:#1e293b}.ranking-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;margin-bottom:1rem;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.05)}.ranking-number{font-size:2.5rem;font-weight:900;min-width:60px;color:#1e293b}.ranking-bar{flex:1;height:40px;background:#f1f5f9;border-radius:8px;overflow:hidden;position:relative}.ranking-fill{height:100%;border-radius:8px;display:flex;align-items:center;padding-left:1rem;font-weight:500;color:#fff}.ranking-1 .ranking-fill{background:linear-gradient(90deg,#4f00f8,#7c3aed)}.ranking-2 .ranking-fill{background:linear-gradient(90deg,var(--secondary),var(--pink))}.ranking-3 .ranking-fill{background:linear-gradient(90deg,var(--accent),var(--green))}.demographics-section{background:linear-gradient(180deg,#f1f5f9,#e2e8f0)}.demo-container{display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;align-items:center;max-width:1000px}.age-chart{display:flex;align-items:flex-end;gap:1rem;height:300px;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014}.age-bar{width:60px;display:flex;flex-direction:column;align-items:center;gap:.5rem}.age-bar-fill{width:100%;border-radius:8px 8px 0 0;transition:height 1s ease-out}.age-label{font-size:.9rem;color:#64748b}.age-value{font-weight:700;color:#1e293b}.gender-chart{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;min-width:300px}.gender-bar{display:flex;align-items:center;gap:1rem}.gender-label{min-width:50px;font-weight:500;color:#1e293b}.gender-fill{height:30px;border-radius:8px;display:flex;align-items:center;justify-content:flex-end;padding-right:1rem;font-weight:700}.news-section{background:#fff}.news-list{max-width:800px;width:100%;padding:0 1rem}.news-item{display:flex;align-items:center;gap:1.5rem;padding:1rem 0;border-bottom:1px solid #f1f5f9;text-decoration:none;color:inherit;transition:all .3s ease}.news-item:hover{background:#f8fafc;padding-left:1rem;margin-left:-1rem;margin-right:-1rem;padding-right:1rem}.news-item-date{font-size:.9rem;color:#94a3b8;min-width:100px}.news-item-title{flex:1;font-size:1rem;font-weight:500;color:#1e293b}.news-item-source{font-size:.85rem;color:#4f00f8;font-weight:600}.final-section{background:linear-gradient(180deg,#f8fafc,#fff)}.final-content{text-align:center}.final-title{font-size:clamp(2rem,6vw,4rem);font-weight:900;margin-bottom:1rem;background:linear-gradient(135deg,#4f00f8,#7c3aed,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-subtitle{font-size:clamp(1rem,2vw,1.5rem);color:#64748b;margin-bottom:3rem}.cta-button{display:inline-block;padding:1rem 3rem;background:linear-gradient(135deg,#4f00f8,#7c3aed);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:transform .3s,box-shadow .3s}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 40px #4f00f866}.social-links{display:flex;gap:1.5rem;margin-top:3rem;justify-content:center}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#4f00f81a;color:#4f00f8;transition:all .3s ease}.social-link:hover{background:#4f00f8;color:#fff;transform:translateY(-3px)}.social-link svg{width:24px;height:24px}.floating-element{position:absolute;border-radius:50%;opacity:.15;pointer-events:none;filter:blur(40px)}.floating-circle{position:absolute;border-radius:50%;background-size:cover;background-position:center;background-color:#4f00f826;pointer-events:none;opacity:.9;box-shadow:0 4px 20px #4f00f826;z-index:1;overflow:hidden}.floating-circle:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#4f00f880,#a78bfa66);mix-blend-mode:color}.floating-dot{position:absolute;border-radius:50%;background:#4f00f8;pointer-events:none;z-index:1}.progress-bar{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,#4f00f8,#7c3aed,#a855f7);z-index:1001;transform-origin:left}@media(max-width:768px){.section{padding:1rem}.multi-stats-grid{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.demo-container{flex-direction:column;gap:2rem}.age-chart{width:100%;height:200px;padding:1rem}.age-bar{width:40px}.gender-chart{width:100%;min-width:auto}}