@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#fff;font-family:Noto Sans KR,sans-serif;line-height:1.6}.container{max-width:1200px}@media (width<=768px){.container{max-width:768px}}@media (width>=1440px){.container{max-width:1400px}}.container{margin:0 auto;padding:0 20px}ul{list-style:none}a{color:inherit;text-decoration:none}.btn{cursor:pointer;border-radius:4px;padding:12px 24px;font-weight:500;display:inline-block}.btn-primary{color:#fff;background:#5d3fd3;border:none}.btn-outline{color:#333;background:0 0;border:1px solid #ddd}.reveal{opacity:0;transition:all .8s ease-out;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}.delay-3{transition-delay:.6s}.insight{height:0}.insight a{font-size:0}.header{z-index:1000;background:#fff;border-bottom:1px solid #0000;align-items:center;width:100%;height:80px;transition:all .3s;display:flex;position:fixed;top:0;left:0}.header--scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #eee;height:65px;box-shadow:0 2px 10px #0000001a}.header__container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.header__logo{color:#5d3fd3;font-size:1.5rem;font-weight:700;text-decoration:none}@media (width<=768px){.header .nav{opacity:0;visibility:hidden;background:#fff;width:100%;padding:20px;transition:all .3s;position:absolute;top:100%;left:0;transform:translateY(-10px);box-shadow:0 5px 10px #0000001a}.header .nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}}.header .nav__list{gap:30px;list-style:none;display:flex}@media (width<=768px){.header .nav__list{flex-direction:column;gap:15px}}.header .nav__list a{color:inherit;font-weight:500;text-decoration:none}.header .nav__list a:hover{color:#5d3fd3}.header .menu-toggle{display:none}@media (width<=768px){.header .menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;display:flex}.header .menu-toggle span{background:#4834d4;width:25px;height:2px;transition:all .3s}.header .menu-toggle.active span:first-child{transform:translateY(7px)rotate(45deg)}.header .menu-toggle.active span:nth-child(2){opacity:0}.header .menu-toggle.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}}.section-title{font-size:3rem}@media (width<=768px){.section-title{font-size:2rem}}@media (width>=1440px){.section-title{font-size:4rem}}.section-title{color:#222;margin-bottom:30px;font-weight:700}.hero{background-color:#fff;padding:80px 0}.hero__content{justify-content:space-between;align-items:center;gap:40px;display:flex}@media (width<=768px){.hero__content{text-align:center;flex-direction:column}}.hero__text{flex:1}.hero__title{color:#222;margin-bottom:20px;font-size:2.5rem;font-weight:700;line-height:1.2}.hero__description{color:#777;max-width:500px;margin-bottom:30px;font-size:1.1rem}@media (width<=768px){.hero__description{margin:0 auto 30px}}.hero__actions{gap:15px;display:flex}@media (width<=768px){.hero__actions{justify-content:center}}.hero__image{flex:1}.hero__image img{border-radius:8px;width:100%;height:auto;box-shadow:0 20px 40px #0000001a}.news{background-color:#f8f9fa;padding:80px 0}.news__header{justify-content:space-between;align-items:flex-end;margin-bottom:40px;display:flex}.news__more{color:#5d3fd3;font-size:.9rem;font-weight:500}.news__more:hover{text-decoration:underline}.news__grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}@media (width<=1024px){.news__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.news__grid{grid-template-columns:1fr}}.news-card{background:#fff;border-radius:8px;flex-direction:column;padding:30px;transition:transform .3s;display:flex;box-shadow:0 4px 15px #0000000d}.news-card:hover{transform:translateY(-5px)}.news-card__category{color:#5d3fd3;text-transform:uppercase;margin-bottom:15px;font-size:.8rem;font-weight:700;display:block}.news-card__title{color:#222;margin-bottom:15px;font-size:1.25rem;font-weight:700;line-height:1.4}.news-card__excerpt{color:#777;flex-grow:1;margin-bottom:20px;font-size:.95rem}.news-card__date{color:#666;font-size:.85rem}.features{background-color:#fff;padding:80px 0}.features .section-title{text-align:center;margin-bottom:60px}.features__grid{grid-template-columns:repeat(2,1fr);gap:60px 40px;display:grid}@media (width<=768px){.features__grid{grid-template-columns:1fr;gap:40px}}.feature-item{flex-direction:column;align-items:flex-start;display:flex}.feature-item__icon{background-color:#e91e631a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;padding:10px;display:flex}.feature-item__icon .feature-icon{color:#e91e63;width:24px;height:24px}.feature-item__title{color:#222;margin-bottom:12px;font-size:1.25rem;font-weight:700}.feature-item__text{color:#777;font-size:1rem;line-height:1.5}.screenshots{background-color:#f8faff;padding:80px 0}.screenshots .section-header{text-align:center;margin-bottom:50px}.screenshots .section-header .section-subtitle{color:#777;margin-top:10px}.screenshots__grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1024px){.screenshots__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.screenshots__grid{grid-template-columns:1fr}}.screenshot-card__image{aspect-ratio:16/10;background-color:#fff;border-radius:12px;width:100%;margin-bottom:15px;transition:transform .3s;overflow:hidden;box-shadow:0 10px 30px #00000014}.screenshot-card__image img{object-fit:cover;width:100%;height:100%;display:block}.screenshot-card__image:hover{transform:translateY(-8px)}.screenshot-card__caption{text-align:center;color:#222;font-size:.95rem;font-weight:500}.opc-servers{background-color:#fff;padding:80px 0}.opc-servers__wrapper{align-items:center;gap:60px;display:flex}@media (width<=1024px){.opc-servers__wrapper{text-align:center;flex-direction:column}}.opc-servers__content{flex:1}.opc-servers__content .section-title{margin-bottom:20px}.opc-servers__content .section-description{color:#777;margin-bottom:40px;line-height:1.6}.opc-servers__image{border-radius:24px;flex:1;overflow:hidden;box-shadow:0 20px 40px #512da826}.opc-servers__image img{object-fit:cover;width:100%;height:100%;display:block}.opc-cards{flex-direction:column;gap:20px;display:flex}.opc-card{background-color:#f3f0ff;border-left:4px solid #6c5ce7;border-radius:8px;padding:24px;transition:all .3s}.opc-card:hover{background-color:#6c5ce7;transform:translate(10px)}.opc-card:hover .opc-card__title,.opc-card:hover .opc-card__text{color:#fff}.opc-card__title{color:#6c5ce7;margin-bottom:8px;font-size:1.15rem;font-weight:700}.opc-card__text{color:#777;font-size:.95rem;line-height:1.5}.download{background-color:#f0f7ff;padding:80px 0}.download__grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;display:grid}@media (width<=1024px){.download__grid{grid-template-columns:1fr;gap:40px}}.download__main .section-title{color:#4834d4;margin-bottom:20px}.download__main .section-description{color:#777;margin-bottom:30px;font-size:1.1rem;line-height:1.6}.download__actions{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.download__actions .btn{width:fit-content;padding:16px 40px;font-size:1.1rem;box-shadow:0 10px 20px #512da833}.download__actions .version-info{color:#777;font-size:.85rem;font-weight:500}.download .system-req{color:#888;font-size:.8rem}.feature-box{color:#fff;background-color:#3b82f6;border-radius:20px;padding:40px;box-shadow:0 15px 35px #3b82f633}.feature-box__title{border-bottom:1px solid #fff3;margin-bottom:24px;padding-bottom:15px;font-size:1.25rem;font-weight:700}.feature-list{padding:0;list-style:none}.feature-list li{margin-bottom:15px;padding-left:30px;font-size:1rem;position:relative}.feature-list li:before{content:"✓";color:#fff;font-weight:700;position:absolute;left:0}.feature-list li:last-child{margin-bottom:0}.purchase{text-align:center;background-color:#fff;padding:80px 0}.purchase .section-subtitle{color:#777;margin-bottom:60px}.purchase__steps{grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:60px;display:grid;position:relative}@media (width>=1024px){.purchase__steps:before{content:"";z-index:0;background:repeating-linear-gradient(90deg,#ddd,#ddd 5px,#0000 5px 10px);height:2px;position:absolute;top:25px;left:15%;right:15%}}@media (width<=1024px){.purchase__steps{grid-template-columns:1fr;gap:40px}}.purchase__footer{background-color:#f9fafb;border-radius:12px;margin-top:40px;padding:30px;display:inline-block}.purchase__footer p{color:#777;margin-bottom:15px}.purchase-step{z-index:1;background:#fff;padding:20px;position:relative}.purchase-step__header{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.purchase-step__header .step-number{color:#fff;background-color:#6c5ce7;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:15px;font-size:1.25rem;font-weight:700;display:flex;box-shadow:0 4px 10px #512da84d}.purchase-step__title{color:#222;font-size:1.2rem;font-weight:700}.purchase-step__text{color:#777;font-size:.95rem;line-height:1.5}.live-demo{background-color:#fff;padding:80px 0}.live-demo__card{background-color:#0f172a;border-radius:30px;min-height:450px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (width<=1024px){.live-demo__card{flex-direction:column}}.live-demo__content{flex-direction:column;flex:1;justify-content:center;padding:60px;display:flex}.live-demo__content .badge{color:#818cf8;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-weight:700;display:inline-block}.live-demo__content .section-title{color:#fff;text-align:left;margin-bottom:20px}.live-demo__content .section-text{color:#94a3b8;margin-bottom:30px;line-height:1.7}.live-demo__content .demo-info{color:#64748b;margin-top:15px;font-size:.85rem}.live-demo__preview{background-color:#000;flex:1;position:relative}.live-demo__preview img{object-fit:cover;opacity:.8;width:100%;height:100%}.live-demo__preview .play-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;background-color:#fff3;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.live-demo__preview .play-button .play-icon{color:#fff;margin-left:5px;font-size:24px}.live-demo__preview .play-button:hover{background-color:#6c5ce7;transform:translate(-50%,-50%)scale(1.1)}.about-us{background-color:#fcfcfd;padding:80px 0}.about-us__grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;display:grid}@media (width<=1024px){.about-us__grid{grid-template-columns:1fr;gap:50px}}.about-us__content .section-title{text-align:left;color:#4834d4;margin-bottom:20px}.about-us__content .section-intro{color:#222;margin-bottom:40px;font-size:1.25rem;font-weight:500;line-height:1.6}.about-us__details{flex-direction:column;gap:30px;margin-bottom:40px;display:flex}.about-us__commitment{background-color:#f3f0ff;border-left:4px solid #6c5ce7;border-radius:0 12px 12px 0;padding:20px}.about-us__commitment p{color:#777;font-size:.95rem}.detail-item__title{color:#6c5ce7;align-items:center;margin-bottom:10px;font-size:1.1rem;font-weight:700;display:flex}.detail-item__title:before{content:"";background-color:#6c5ce7;width:12px;height:2px;margin-right:10px}.detail-item__text{color:#777;font-size:1rem;line-height:1.6}.about-us__visual .image-wrapper{border-radius:20px;position:relative;overflow:hidden;box-shadow:20px 20px 60px #0000001a}.about-us__visual .image-wrapper img{width:100%;height:auto;display:block}.about-us__visual .image-wrapper:after{content:"";z-index:-1;background-color:#e1e1f8;border-radius:20px;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.get-started{color:#fff;text-align:center;background-color:#4834d4;padding:100px 0}.get-started__main{margin-bottom:80px}.get-started__main .section-title{color:#fff;margin-bottom:20px;font-size:2.5rem}.get-started__main .section-subtitle{color:#ffffffb3;margin-bottom:40px;font-size:1.2rem}.get-started__actions{justify-content:center;gap:20px;display:flex}.get-started__actions .btn--outline{color:#fff;border-color:#fff}.get-started__actions .btn--outline:hover{color:#4834d4;background-color:#fff}@media (width<=768px){.get-started__actions{flex-direction:column;align-items:center}}.get-started__stats{border-top:1px solid #ffffff1a;grid-template-columns:repeat(4,1fr);gap:30px;padding-top:60px;display:grid}@media (width<=1024px){.get-started__stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.get-started__stats{grid-template-columns:1fr}}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-item__number{color:#e1e1f8;margin-bottom:8px;font-size:2.5rem;font-weight:700}.stat-item__label{color:#fff9;text-transform:uppercase;letter-spacing:1px;font-size:1rem}.footer{color:#94a3b8;background-color:#0a0f1d;padding:80px 0 40px}.footer__grid{grid-template-columns:1.5fr repeat(3,1fr);gap:40px;margin-bottom:60px;display:grid}@media (width<=1024px){.footer__grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.footer__grid{grid-template-columns:1fr}}.footer__info .footer__logo{width:150px;margin-bottom:25px}.footer__info .footer__logo img{width:100%;height:auto}.footer__info .footer__description{margin-bottom:25px;font-size:.95rem;line-height:1.6}.footer__info .footer__social{gap:15px;display:flex}.footer__info .footer__social .social-link{color:#fff;opacity:.7;font-size:.9rem;text-decoration:none;transition:opacity .3s}.footer__info .footer__social .social-link:hover{opacity:1}.footer__title{color:#fff;margin-bottom:25px;font-size:1.1rem;font-weight:700}.footer__nav ul{padding:0;list-style:none}.footer__nav ul li{margin-bottom:12px}.footer__nav ul li a{color:inherit;font-size:.95rem;text-decoration:none;transition:color .3s}.footer__nav ul li a:hover{color:#e1e1f8}.footer__bottom{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:30px;font-size:.85rem;display:flex}.footer__bottom-links{gap:20px;display:flex}.footer__bottom-links a{color:inherit;text-decoration:none}.footer__bottom-links a:hover{text-decoration:underline}@media (width<=768px){.footer__bottom{text-align:center;flex-direction:column;gap:15px}}