:root{--primary-color: #3366FF;--primary-dark: #2952CC;--secondary-color: #6C5CE7;--accent-color: #FF6B35;--success-color: #00D084;--warning-color: #FDCB6E;--danger-color: #E17055;--text-primary: #2D3748;--text-secondary: #4A5568;--text-muted: #718096;--text-white: #FFFFFF;--bg-primary: #FFFFFF;--bg-secondary: #F7FAFC;--bg-dark: #1A202C;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--border-light: #E2E8F0;--border-medium: #CBD5E0;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);font-size:16px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);transition:all 0.3s ease}.header.scrolled{background:rgba(255,255,255,0.98);box-shadow:var(--shadow-md)}.header .header-content{display:flex;justify-content:space-between;align-items:center;height:70px}.header .logo img{height:40px;width:auto}.header .nav{display:flex;gap:32px}.header .nav .nav-link{text-decoration:none;color:var(--text-secondary);font-weight:500;transition:color 0.3s ease}.header .nav .nav-link:hover{color:var(--primary-color)}@media (max-width: 768px){.header .nav{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:white;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 20px;gap:24px;transition:left 0.3s ease;z-index:999;box-shadow:var(--shadow-lg)}.header .nav.active{left:0}.header .nav .nav-link{font-size:18px;padding:12px 0;width:100%;text-align:center;border-bottom:1px solid var(--border-light)}.header .nav .nav-link:last-child{border-bottom:none}}.header .header-actions{display:flex;align-items:center;gap:16px}.header .cta-button{background:var(--primary-color);color:white;padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.3s ease}.header .cta-button:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (max-width: 768px){.header .cta-button{padding:10px 20px;font-size:12px}}.header .mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;justify-content:space-between;width:30px;height:24px}.header .mobile-menu-toggle .hamburger-line{width:100%;height:3px;background:var(--text-primary);transition:all 0.3s ease;transform-origin:center}.header .mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.header .mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.header .mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 768px){.header .mobile-menu-toggle{display:flex}}.hero{padding:120px 0 80px;background:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)}.hero .hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero .hero-text .hero-logo{margin-bottom:24px}.hero .hero-text h1{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:16px;color:var(--text-primary)}.hero .hero-text h1 strong{color:var(--primary-color)}.hero .hero-text h2{font-size:24px;font-weight:600;margin-bottom:24px;color:var(--text-secondary)}.hero .hero-text h2 strong{color:var(--primary-color)}.hero .hero-text .hero-subtitle{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.hero .hero-text .hero-description{font-size:18px;color:var(--text-secondary);margin-bottom:32px}.hero .hero-text .hero-cta{display:inline-block;background:var(--primary-color);color:white;padding:16px 32px;border-radius:30px;text-decoration:none;font-weight:600;font-size:18px;transition:all 0.3s ease;box-shadow:var(--shadow-md)}.hero .hero-text .hero-cta:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero .hero-visual{text-align:center}.hero .hero-visual img{max-width:100%;height:auto}.features{padding:80px 0;background:var(--bg-primary)}.features .features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:40px}.features .feature-item{text-align:center;padding:32px 20px;border-radius:12px;background:var(--bg-secondary);transition:all 0.3s ease}.features .feature-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.features .feature-item .feature-icon{margin-bottom:20px}.features .feature-item .feature-icon svg{width:80px;height:80px}.features .feature-item h3{font-size:18px;font-weight:600;color:var(--text-primary)}.channels{padding:100px 0;background:var(--bg-secondary)}.channels h2{font-size:36px;font-weight:700;text-align:center;margin-bottom:24px;color:var(--text-primary)}.channels .channels-description{font-size:18px;text-align:center;color:var(--text-secondary);margin-bottom:60px;line-height:1.8}.channels .channels-description strong{color:var(--primary-color);font-weight:700}.channels .channels-visual{text-align:center;margin-bottom:60px}.channels .channels-visual .channels-main{max-width:800px;width:100%;height:auto}.channels .channels-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:20px}.channels .channels-grid img{width:100%;height:auto;border-radius:8px;box-shadow:var(--shadow-sm);transition:all 0.3s ease}.channels .channels-grid img:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.global{padding:100px 0;background:var(--bg-primary)}.global h2{font-size:36px;font-weight:700;text-align:center;margin-bottom:24px;color:var(--text-primary)}.global p{font-size:18px;text-align:center;color:var(--text-secondary);margin-bottom:60px;line-height:1.8}.global .global-stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.global .global-stats img{max-width:300px;height:auto;border-radius:12px;box-shadow:var(--shadow-md)}.revenue{padding:100px 0;background:var(--bg-secondary)}.revenue h2{font-size:36px;font-weight:700;text-align:center;margin-bottom:24px;color:var(--text-primary)}.revenue p{font-size:18px;text-align:center;color:var(--text-secondary);margin-bottom:60px;line-height:1.8}.revenue .revenue-features{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:60px}.revenue .revenue-feature{text-align:center}.revenue .revenue-feature h3{font-size:24px;font-weight:600;margin-bottom:32px;color:var(--text-primary)}.revenue .revenue-feature img{max-width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow-md)}.smart-management{padding:100px 0;background:var(--bg-primary)}.smart-management h2{font-size:36px;font-weight:700;text-align:center;margin-bottom:24px;color:var(--text-primary)}.smart-management>p{font-size:18px;text-align:center;color:var(--text-secondary);margin-bottom:80px;line-height:1.8}.smart-management .management-features{display:grid;grid-template-columns:repeat(auto-fit, minmax(500px, 1fr));gap:80px}.smart-management .management-feature{display:flex;align-items:center;gap:40px}.smart-management .management-feature:nth-child(even){flex-direction:row-reverse}.smart-management .management-feature .feature-content{flex:1}.smart-management .management-feature .feature-content h3{font-size:24px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.smart-management .management-feature .feature-content p{font-size:16px;color:var(--text-secondary);line-height:1.6}.smart-management .management-feature .feature-visual{flex:1;max-width:400px}.smart-management .management-feature .feature-visual .phone-mockup{width:200px;height:350px;background:var(--text-primary);border-radius:20px;padding:10px;margin:0 auto}.smart-management .management-feature .feature-visual .phone-mockup .phone-screen{width:100%;height:100%;background:white;border-radius:15px;padding:20px}.smart-management .management-feature .feature-visual .phone-mockup .phone-screen .app-header{font-size:18px;font-weight:600;color:var(--primary-color);text-align:center;margin-bottom:20px}.smart-management .management-feature .feature-visual .phone-mockup .phone-screen .app-content .dashboard-item{background:var(--bg-secondary);padding:12px 16px;border-radius:8px;margin-bottom:10px;font-size:14px;color:var(--text-secondary)}.smart-management .management-feature .feature-visual .zero-duplicate{text-align:center}.smart-management .management-feature .feature-visual .zero-duplicate .calendar-grid{display:flex;gap:8px;margin-bottom:16px;justify-content:center}.smart-management .management-feature .feature-visual .zero-duplicate .calendar-grid .day{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600}.smart-management .management-feature .feature-visual .zero-duplicate .calendar-grid .day.booked{background:var(--primary-color);color:white}.smart-management .management-feature .feature-visual .zero-duplicate .calendar-grid .day.available{background:var(--bg-secondary);color:var(--text-secondary)}.smart-management .management-feature .feature-visual .zero-duplicate .zero-badge{background:var(--success-color);color:white;padding:8px 16px;border-radius:20px;font-weight:600;display:inline-block}.smart-management .management-feature .feature-visual .room-block{text-align:center}.smart-management .management-feature .feature-visual .room-block .room-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.smart-management .management-feature .feature-visual .room-block .room-grid .room{padding:12px;border-radius:8px;font-weight:600}.smart-management .management-feature .feature-visual .room-block .room-grid .room.available{background:var(--success-color);color:white}.smart-management .management-feature .feature-visual .room-block .room-grid .room.blocked{background:var(--danger-color);color:white}.smart-management .management-feature .feature-visual .room-block .block-label{color:var(--danger-color);font-weight:600;font-size:14px}.smart-management .management-feature .feature-visual .booking-sources{display:flex;flex-direction:column;gap:16px}.smart-management .management-feature .feature-visual .booking-sources .source-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:8px}.smart-management .management-feature .feature-visual .booking-sources .source-item .icon{font-size:24px}.smart-management .management-feature .feature-visual .booking-sources .source-item span{font-weight:500;color:var(--text-primary)}.website-service{padding:100px 0;background:var(--bg-secondary)}.website-service h2{font-size:36px;font-weight:700;text-align:center;margin-bottom:24px;color:var(--text-primary)}.website-service p{font-size:18px;text-align:center;color:var(--text-secondary);margin-bottom:60px;line-height:1.8}.website-service .website-examples{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.website-service .website-examples img{max-width:500px;width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow-md)}.cta-section{padding:120px 0;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white}.cta-section .cta-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.cta-section .cta-text h2{font-size:36px;font-weight:700;margin-bottom:24px;line-height:1.3}.cta-section .cta-text .cta-subtitle{font-size:20px;font-weight:600;margin-bottom:16px;opacity:0.95}.cta-section .cta-text .cta-description{font-size:16px;opacity:0.85;margin-bottom:0}.cta-section .cta-actions{text-align:center}.cta-section .cta-actions .cta-primary{display:inline-block;background:white;color:var(--primary-color);padding:20px 40px;border-radius:50px;text-decoration:none;font-weight:700;font-size:18px;transition:all 0.3s ease;box-shadow:var(--shadow-lg);margin-bottom:32px}.cta-section .cta-actions .cta-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.cta-section .cta-actions .cta-primary span{margin-right:8px}.cta-section .cta-actions .contact-info .phone-link{display:block;color:white;text-decoration:none;font-size:28px;font-weight:700;margin-bottom:8px;transition:all 0.3s ease}.cta-section .cta-actions .contact-info .phone-link:hover{opacity:0.8;transform:scale(1.05)}.cta-section .cta-actions .contact-info .hours{font-size:14px;opacity:0.8;margin:0}.footer{padding:80px 0 40px;background:var(--bg-dark);color:var(--text-white)}.footer .footer-content{display:grid;grid-template-columns:1fr 2fr;gap:80px;margin-bottom:60px}.footer .footer-brand .footer-logo{margin-bottom:24px;filter:brightness(0) invert(1)}.footer .footer-brand .footer-description{color:#A0AEC0;line-height:1.6;font-size:16px}.footer .footer-info{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:40px}.footer .footer-contact h4{font-size:18px;font-weight:600;margin-bottom:20px;color:white}.footer .footer-contact .contact-item{margin-bottom:16px}.footer .footer-contact .contact-item .contact-label{font-size:14px;color:#A0AEC0;margin-bottom:4px}.footer .footer-contact .contact-item .contact-value{font-size:16px;color:white;font-weight:500;text-decoration:none;transition:color 0.3s ease}.footer .footer-contact .contact-item .contact-value:hover{color:var(--primary-color)}.footer .footer-services h4,.footer .footer-company h4{font-size:18px;font-weight:600;margin-bottom:20px;color:white}.footer .footer-services a,.footer .footer-company a{display:block;color:#A0AEC0;text-decoration:none;margin-bottom:8px;transition:color 0.3s ease}.footer .footer-services a:hover,.footer .footer-company a:hover{color:white}.footer .footer-services p,.footer .footer-company p{color:#A0AEC0;margin-bottom:4px;font-size:14px}.footer .footer-services p strong,.footer .footer-company p strong{color:white;font-weight:600}.footer .footer-services .footer-social,.footer .footer-company .footer-social{margin-top:16px;display:flex;gap:16px}.footer .footer-services .footer-social a,.footer .footer-company .footer-social a{display:inline-block;padding:8px 16px;background:#2D3748;border-radius:20px;font-size:14px}.footer .footer-services .footer-social a:hover,.footer .footer-company .footer-social a:hover{background:var(--primary-color)}.footer .footer-bottom{padding-top:40px;border-top:1px solid #2D3748;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer .footer-bottom .footer-legal-left p{color:#A0AEC0;margin:0;font-size:14px}.footer .footer-bottom .footer-legal-right{display:flex;gap:24px}.footer .footer-bottom .footer-legal-right a{color:#A0AEC0;text-decoration:none;font-size:14px;transition:color 0.3s ease}.footer .footer-bottom .footer-legal-right a:hover{color:white}@media (max-width: 1024px){.hero .hero-content{gap:40px}.hero .hero-text h1{font-size:42px}.management-features{grid-template-columns:1fr;gap:60px}.management-features .management-feature{gap:30px}.management-features .management-feature .feature-visual{max-width:350px}.cta-section .cta-content{gap:50px}}@media (max-width: 768px){.container{padding:0 16px}.header .header-content{height:60px}.hero{padding:100px 0 60px}.hero .hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.hero .hero-text h1{font-size:32px}.hero .hero-text h2{font-size:20px}.features{padding:60px 0}.features .features-grid{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:30px}.channels,.global,.revenue,.smart-management,.website-service{padding:80px 0}.channels h2,.global h2,.revenue h2,.smart-management h2,.website-service h2{font-size:28px;line-height:1.3}.channels p,.global p,.revenue p,.smart-management p,.website-service p{font-size:16px;line-height:1.6}.channels-grid{grid-template-columns:repeat(auto-fit, minmax(100px, 1fr))}.revenue-features{grid-template-columns:1fr}.management-features{grid-template-columns:1fr;gap:60px}.management-features .management-feature{flex-direction:column;text-align:center;gap:30px}.management-features .management-feature:nth-child(even){flex-direction:column}.management-features .management-feature .feature-visual{max-width:300px;margin:0 auto}.management-features .management-feature .feature-visual .phone-mockup{width:160px;height:280px}.management-features .management-feature .feature-visual .phone-mockup .phone-screen{padding:15px}.management-features .management-feature .feature-visual .phone-mockup .phone-screen .app-header{font-size:16px;margin-bottom:15px}.management-features .management-feature .feature-visual .phone-mockup .phone-screen .app-content .dashboard-item{font-size:12px;padding:10px 12px}.global-stats{flex-direction:column;align-items:center}.global-stats img{max-width:280px}.website-examples{flex-direction:column}.website-examples img{max-width:350px}.cta-section{padding:80px 0}.cta-section .cta-content{grid-template-columns:1fr;gap:40px;text-align:center}.cta-section .cta-text h2{font-size:28px}.cta-section .cta-text .cta-subtitle{font-size:18px}.cta-section .cta-actions .cta-primary{padding:16px 32px;font-size:16px}.cta-section .cta-actions .contact-info .phone-link{font-size:24px}.footer{padding:60px 0 30px}.footer .footer-content{grid-template-columns:1fr;gap:40px}.footer .footer-info{grid-template-columns:1fr;gap:30px}.footer .footer-bottom{flex-direction:column;text-align:center;gap:16px}.footer .footer-bottom .footer-legal-right{justify-content:center}}@media (max-width: 480px){.hero{padding:80px 0 40px}.hero .hero-text h1{font-size:28px}.hero .hero-text h2{font-size:18px}.hero .hero-text .hero-subtitle{font-size:16px}.hero .hero-text .hero-cta{padding:14px 28px;font-size:16px}.features{padding:50px 0}.features .features-grid{grid-template-columns:1fr;gap:20px}.features .feature-item{padding:24px 16px}.features .feature-item .feature-icon svg{width:60px;height:60px}.features .feature-item h3{font-size:16px}.channels,.global,.revenue,.smart-management,.website-service{padding:60px 0}.channels h2,.global h2,.revenue h2,.smart-management h2,.website-service h2{font-size:24px}.header .logo img{height:32px}.header .cta-button{font-size:12px;padding:8px 16px}}