@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp.min.css");

*{margin:0; padding:0; border:0; outline:0; font-family:'Pretendard JP', sans-serif; line-height:normal; vertical-align:top; letter-spacing:-0.025em;box-sizing:border-box;appearance:none;scroll-behavior:smooth;word-break:keep-all;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance:none;}

.m-only{display:none;}

body{position:relative; background-color:#000;}

section{overflow:hidden;position:relative;opacity:0;transition:0.25s ease-in-out;background-color: #000;}
.loaded section{opacity:1;}

section:before, section:after{display:none; position:absolute; left:0; z-index:1; width:100%; height:217px; content:'';}
section:before{top:0; background:linear-gradient(0deg, rgba(0, 0, 0, 0.00) 4.05%, #000 94.1%);}
section:after{bottom:0; background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 4.05%, #000 94.1%);}
section .bg{position:absolute; top:0; left:50%; bottom:0; width:100%; min-width:1480px; height:100%; transform:translateX(-50%); object-fit:cover;}
section .wrap{position:relative; max-width:1480px; min-height:100%; margin-right:auto; margin-left:auto; padding:0 20px;}
section .purple{color:#785CFE; line-height:inherit;}
section .orange{color:#FF8C00; line-height:inherit;}
section .sky{color:#82ECFF; line-height:inherit;}

/* ========== SEC1: Hero ========== */
.sec1{height:839px;}
.sec1:before{display:block;}
.sec1:after{display:block;}
.sec1 .wrap img{position:absolute; top:0; left:-180px; width:764px;}
.sec1 .wrap .text{padding:192px 0 0 680px;}
.sec1 .wrap .text div{color:#FFF; font-style:normal; font-size:182px; font-weight:900; text-shadow:10px 10px 10px rgba(189, 175, 255, 0.70); line-height:163px; letter-spacing:-1.82px;}
.sec1 .wrap .text .btn{display:flex; width:665px; height:66px; margin:50px 0 0 20px; padding:20px 50px; border-radius:1000px; background:#FFF; box-shadow:4px 4px 4px 0 #AE9DFF; color:#823CFE; font-size:24px; font-weight:800; cursor:pointer; flex-direction:column; justify-content:center; align-items:center; gap:10px; letter-spacing:-0.72px;}

/* ========== SEC2 ========== */
.sec2{height:900px; background:url(../img/sec2_bg.png) no-repeat center top; background-color:#101010;}
.sec2:before{display:block;}
.sec2 .wrap{padding-top:317px; text-align:center;}
.sec2 .wrap div{color:#FFF; font-style:normal; font-size:64px; font-weight:600; letter-spacing:-0.64px;}
.sec2 .wrap div span{font-weight:900;}
.sec2 .wrap p{margin-top:52px; color:#FFF; font-size:40px; font-weight:600; letter-spacing:-1.2px;}
.sec2 .wrap:after{display:block; width:4px; height:195px; margin:29px auto 0; background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 4.05%, #FFF 100%); content:'';}

/* ========== SEC-SERVICE-LINEUP (sec2b) ========== */
.sec-service-lineup{height:661px; background:#000;}
.sec-service-lineup .wrap{padding-top:80px; text-align:center;}
.sec-service-lineup .badge-pill{display:inline-block; padding:10px 28px; border-radius:100px; background:linear-gradient(270deg, #775DFE 0%, #823CFE 100%); color:#FFF; font-size:16px; font-weight:700; letter-spacing:-0.48px;}
.sec-service-lineup .sub-title{margin-top:28px; color:rgba(255,255,255,0.7); font-size:24px; font-weight:600; letter-spacing:-0.72px;}
.sec-service-lineup .sub-title .sky{color:#82ECFF;}
.sec-service-lineup .headline{margin-top:24px; color:#FFF; font-size:96px; font-weight:900; letter-spacing:-2.88px;}
.sec-service-lineup .sub-desc{margin-top:12px; color:rgba(255,255,255,0.7); font-size:24px; font-weight:600; letter-spacing:-0.72px;}
.sec-service-lineup .headline2{color:#FFF; font-size:48px; font-weight:700; letter-spacing:-1.44px; margin-top:8px;}
.sec-service-lineup .platform-icons{display:flex; justify-content:center; align-items:center; gap:32px; margin-top:40px;}
.sec-service-lineup .platform-icons img{width:56px; height:56px; border-radius:12px;}
.sec-service-lineup .bottom-text{margin-top:24px; color:rgba(255,255,255,0.5); font-size:18px; font-weight:600; letter-spacing:-0.54px;}

/* ========== SEC-SERVICE-TYPES (sec2c) ========== */
.sec-service-types{min-height:956px; background:#000;}
.sec-service-types .wrap{max-width:1100px; padding-top:80px; padding-bottom:80px;}
.sec-service-types .service-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;}
.sec-service-types .service-card{display:flex; flex-direction:column; gap:20px; padding:36px 28px; border:1px solid rgba(255,255,255,0.1); border-radius:16px; background:rgba(255,255,255,0.05); align-items:center; justify-content:center; text-align:center;}
.sec-service-types .service-grid .service-card:nth-child(-n+3){min-height:301px;}
.sec-service-types .service-grid .service-card:nth-child(n+4){min-height:284px;}
.sec-service-types .card-label{display:inline-flex; width:235px; height:57px; border-radius:14px; color:#FFF; font-size:22px; font-weight:800; justify-content:center; align-items:center; letter-spacing:-0.66px;}
.sec-service-types .card-label.purple-gradient{background:linear-gradient(270deg, #775DFE 0%, #823CFE 100%);}
.sec-service-types .card-label.orange-gradient{background:linear-gradient(270deg, #FF8C00 0%, #FFA533 100%);}
.sec-service-types .card-label.sky-gradient{background:linear-gradient(270deg, #5AD4E6 0%, #82ECFF 100%); color:#000;}
.sec-service-types .card-desc{color:rgba(255,255,255,0.7); font-size:20px; font-weight:600; line-height:30px; letter-spacing:-0.6px;}
.sec-service-types .card-platforms{display:flex; gap:8px; margin-top:auto;}
.sec-service-types .card-platform-img{height:32px; width:auto;}

/* ========== SEC-PRICING (sec2d) ========== */
.sec-pricing{height:auto; padding:120px 0; background:#000; display:flex; align-items:center; overflow:visible;}
.sec-pricing .wrap{max-width:1100px; width:100%;}
.sec-pricing .pricing-card{display:flex; gap:60px; padding:60px; border-radius:21px; background:#1F1F1F; box-shadow:0 0 200px 0 #823CFE; align-items:center;}
.sec-pricing .pricing-left{flex:0 0 auto;}
.sec-pricing .pricing-title{display:flex; align-items:center; gap:10px; color:#FFF; font-size:30px; font-weight:700; letter-spacing:-0.9px;}
.sec-pricing .pricing-title .star-icon{width:32px; height:32px;}
.sec-pricing .pricing-old{margin-top:16px; color:#C8C8C8; font-size:40px; font-weight:600; letter-spacing:-1.2px;}
.sec-pricing .pricing-old s{color:#C8C8C8; text-decoration:line-through;}
.sec-pricing .pricing-price{color:#FF8C00; font-size:64px; font-weight:900; letter-spacing:-1.92px;}
.sec-pricing .pricing-tooltip-wrap{display:flex; flex-direction:column; align-items:center; margin-top:8px; width:200px;}
.sec-pricing .pricing-tooltip{display:flex; width:100%; padding:6px 12px; border-radius:8px; background:#464646; color:#FFF; font-size:11px; font-weight:800; letter-spacing:-0.7px; justify-content:center; align-items:center;}
.sec-pricing .pricing-tooltip-arrow{width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid #464646;}
.sec-pricing .pricing-cta{display:flex; width:100%; max-width:380px; height:48px; margin-top:2px; border-radius:12px; background:#FF8C00; color:#FFF; font-size:16px; font-weight:800; cursor:pointer; justify-content:center; align-items:center; text-decoration:none; letter-spacing:-0.7px;}
.sec-pricing .pricing-right{flex:1; display:flex; flex-direction:column; gap:12px;}
.sec-pricing .feature-item{display:flex; gap:8px; align-items:flex-start;}
.sec-pricing .feature-icon{flex-shrink:0; width:16px; height:13px;}
.sec-pricing .feature-icon img{width:100%; height:100%;}
.sec-pricing .feature-name{color:#FF8C00; font-size:20px; font-weight:800; letter-spacing:-0.7px;}
.sec-pricing .feature-desc{margin-top:4px; color:rgba(255,255,255,0.6); font-size:16px; font-weight:500; line-height:24px; letter-spacing:-0.48px;}

/* ========== SEC-BRAND (sec2e) ========== */
.sec-brand{height:704px; background:linear-gradient(180deg, #000 0%, #0A0A0A 50%, #000 100%);}
.sec-brand .wrap{display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; text-align:center;}
.sec-brand .brand-sub{color:rgba(255,255,255,0.7); font-size:24px; font-weight:600; letter-spacing:-0.72px;}
.sec-brand .brand-title{margin-top:16px; color:#FFF; font-size:96px; font-weight:900; text-shadow:10px 10px 10px rgba(189, 175, 255, 0.70); letter-spacing:-2.88px;}
.sec-brand .googleplay-badge{display:inline-block; margin-top:40px; background:#fff; border-radius:10px; overflow:hidden;}
.sec-brand .googleplay-badge img{height:64px; width:auto; display:block;}

/* ========== SEC-DEVICE (sec2f) ========== */
.sec-device{height:913px; background:#000; overflow:hidden;}
.sec-device .wrap{padding-top:80px; text-align:center; position:relative; z-index:2;}
.sec-device .device-blur{position:absolute; border-radius:50%; filter:blur(80px); z-index:1;}
.sec-device .device-blur-left{width:325px; height:325px; background:#823CFE; opacity:0.4; left:10%; top:50%; transform:translate(-50%, -50%) rotate(-28deg);}
.sec-device .device-blur-right{width:213px; height:213px; background:#823CFE; opacity:0.4; right:0; bottom:10%; transform:rotate(112deg);}
.sec-device .device-text{position:relative; z-index:2; text-shadow:0 20px 25px rgba(0,0,0,0.5);}
.sec-device .device-light{color:rgba(255,255,255,0.7); font-size:32px; font-weight:300; letter-spacing:-0.5px;}
.sec-device .device-bold{margin-top:8px; color:#FFF; font-size:48px; font-weight:700; letter-spacing:-0.5px;}
.sec-device .device-highlight{position:relative; display:inline; z-index:1;}
.sec-device .device-highlight:before{position:absolute; left:-8px; right:-8px; bottom:4px; height:53px; background:#823CFE; content:''; z-index:-1;}
.sec-device .device-mockups{position:relative; margin-top:60px; height:640px; display:flex; justify-content:center; align-items:flex-start;}
.sec-device .mockup-main{max-width:100%; max-height:100%; object-fit:contain;}

/* ========== SEC5 ========== */
.sec5{height:1157px;}
.sec5 .wrap{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; text-align:center;}
.sec5 .wrap .video{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:612px; height:612px; padding:22px; z-index:0;}
.sec5 .wrap .video video{width:100%; height:100%; object-fit:cover; opacity:0.5;}
.sec5 .wrap .video:after{position:absolute;top:0;left:0;right:0;bottom:0;background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0) 0%, #000 100%);content:'';}
.sec5 .wrap .text{position:relative; z-index:1;}
.sec5 .wrap .text{margin-top:0;}
.sec5 .wrap .text > div{display:flex; flex-direction:column; gap:12px;}
.sec5 .wrap .text > div p{color:#FFF; font-size:64px; font-weight:600; line-height:98%; letter-spacing:-1.92px;}
.sec5 .wrap .text > div p span{font-weight:900;}
.sec5 .wrap .text > p{margin-top:74px; color:#FFF; font-size:48px; font-weight:700; line-height:66px; letter-spacing:-1.44px;}
.sec5 .wrap .text > p span{font-weight:900;}

/* ========== SEC6 ========== */
.sec6{height:1429px;}
.sec6 .wrap{padding:0; text-align:center;}
.sec6 .wrap .text{font-size:48px; font-weight:700; line-height:123px; letter-spacing:-1.44px;}
.sec6 .wrap .video{position:relative; height:1306px; padding-top:592px;}
.sec6 .wrap .video video{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; -webkit-mask-image:radial-gradient(ellipse 80% 70% at center, #000 50%, transparent 100%); mask-image:radial-gradient(ellipse 80% 70% at center, #000 50%, transparent 100%);}
.sec6 .wrap .video:after{content:''; position:absolute; bottom:0; left:0; right:0; height:150px; background:linear-gradient(0deg, #000 0%, transparent 100%); z-index:1;}
.sec6 .wrap .video div{display:flex; position:relative; flex-direction:column; gap:8px;}
.sec6 .wrap .video div p{color:#FFF; font-size:48px; font-weight:700; letter-spacing:-1.44px;}

/* ========== SEC7 ========== */
.sec7{height:728px;}
.sec7:before{display:block;position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(180deg, #000 0%, transparent 100%);content:'';z-index:2;}
.sec7:after{display:block;position:absolute;top: -1px;left:0;right:0;bottom: -1px;height: auto;background:radial-gradient(37.75% 50% at 50% 50%, rgba(0, 0, 0, 0.00) 48.56%, #000 100%);content:'';}
.sec7 .wrap{padding-top:311px; text-align:center;}
.sec7 .wrap .text{display:flex; position:relative; flex-direction:column; gap:8px;}
.sec7 .wrap .text p{color:#FFF; font-size:48px; font-weight:700; letter-spacing:-1.44px;}

/* ========== SEC8 ========== */
.sec8{height:1050px;}
.sec8 .wrap{padding-top:104px;}
.sec8 .wrap .card{display:flex; gap:22px; justify-content:center;}
.sec8 .wrap .card-box{display:flex; width:269px; flex-direction:column; gap:20px;}
.sec8 .wrap .card-item{overflow:hidden; border:1px solid rgba(255, 255, 255, 0.10); border-radius:10px; background:rgba(255, 255, 255, 0.10);}
.sec8 .wrap .card-item .text{display:flex; padding:27px 20px; color:#FFF; flex-direction:column; gap:14px;}
.sec8 .wrap .card-item .text div{font-size:24px; font-weight:700; letter-spacing:-0.72px;}
.sec8 .wrap .card-item .text ul{display:flex; list-style:none; flex-direction:column; gap:8px;}
.sec8 .wrap .card-item .text ul li{display:flex; font-size:13px; font-weight:700; letter-spacing:-0.39px; gap:6px;}
.sec8 .wrap .card-item .text ul li:before{width:14px; height:14px; background:url(../img/sec8_icon.png) no-repeat center / cover; content:'';}
.sec8 .wrap .card-item .text p{font-size:12px; font-weight:700; line-height:20px; letter-spacing:-0.36px;}
.sec8 .wrap .card-item .img{margin-bottom:-8px;}
.sec8 .wrap .card-item .img video{width:100%; height:100%; object-fit:cover;}
.sec8 .wrap .card-item .img img{width:100%; height:100%; object-fit:cover;}
.sec8 .wrap .card-box:nth-child(1) .card-item:nth-child(2) .img{aspect-ratio:1/1;}
.sec8 .wrap .card-box:nth-child(2) .card-item:nth-child(3) .img{height:169px;}
.sec8 .wrap .card-box:nth-child(3) .card-item:nth-child(1) .img{height:231px;}
.sec8 .wrap .card-box:nth-child(3) .card-item:nth-child(2) .img{height:181px;}

/* ========== SEC9: REVIEW ========== */
.sec9{height:840px;}
.sec9:before{display:block;}
.sec9:after{display:block;}
.sec9 .bg{top:0;left: calc(50% - 674px);right:auto;object-fit:contain;}
.sec9 .wrap{padding-top:86px;}
.sec9 .wrap:before{position:absolute; top:0; right:0; bottom:0; width:1065px; background:linear-gradient(270deg, #000 65.53%, rgba(0, 0, 0, 0.00) 101.68%); content:'';}
.sec9 .wrap .card{position:relative; width:520px; height:520px; margin:0 0 0 -230px; transition:0.5s ease-in-out;}
.sec9 .wrap .card-item{display:flex;position:absolute;top:175px;left:598px;gap:15px;align-items:center;padding-left: 135px;}
.sec9 .wrap .card-item .text{display:flex; width:646px; padding:20px; border:1px solid #823CFE; border-radius:8px; background:linear-gradient(90deg, rgba(120, 92, 254, 0.10) 0%, rgba(255, 140, 0, 0.10) 100%); box-shadow:0 0 4px 0 rgba(130, 60, 254, 0.40), 0 0 20px 0 rgba(255, 140, 0, 0.50); flex-direction:column; justify-content:center; align-items:flex-end; gap:27px;}
.sec9 .wrap .card-item .text p{color:#FFF; font-size:20px; font-weight:700; line-height:28px; letter-spacing:-0.6px; word-break:break-all;}

/* ========== SEC10 ========== */
.sec10{height:764px; padding-top:118px; text-align:center;}
.sec10 .text{color:#FFF;}
.sec10 .text div{font-size:48px; font-weight:700; letter-spacing:-1.44px;}
.sec10 .text p{font-size:36px; font-weight:700; line-height:85px; letter-spacing:-1.08px;}
.sec10 .swiper{margin-top:15px;}
.sec10 .swiper-slide{overflow:hidden; width:auto; width:448px; border-radius:21px;}
.sec10 .swiper-slide img{width:100%;}

/* ========== SEC11 ========== */
.sec11{height:1051px;}
.sec11:after{display:block;position: absolute;top: -1px;left: 0;right: 0;bottom: -1px;height: auto;background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%), radial-gradient(40.82% 35.32% at 48.33% 50%, rgba(0, 0, 0, 0.00) 0%, #000 100%);content: '';}
.sec11 .wrap{z-index:3; padding-top:429px; text-align:center;}
.sec11 .wrap .text{position:relative; color:#FFF; text-shadow:10px 10px 10px #000;}
.sec11 .wrap .text div{font-size:48px; font-weight:700; letter-spacing:-1.44px;}
.sec11 .wrap .text p{margin-top:44px; font-size:24px; font-weight:700; line-height:37px; letter-spacing:-0.72px;}

/* ========== SEC12 ========== */
.sec12{height:858px;}
.sec12:after{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 49.83%, #000 98.72%);}
.sec12 .wrap{z-index:2; padding:89px 0 0 91px;}
.sec12 .wrap .bg2{position:relative; width:1199px; height:680px; padding:102px 0 0 66px; background:url(../img/sec12_bg_02.png) no-repeat center / cover;}
.sec12 .wrap .bg2 .text > span{color:#EB8100; font-size:24px; font-weight:700; letter-spacing:-0.72px;}
.sec12 .wrap .bg2 .text > div{margin-top:25px; color:#FFF; font-size:40px; font-weight:700; text-shadow:10px 10px 10px rgba(0, 0, 0, 0.80); letter-spacing:-1.2px;}
.sec12 .wrap .bg2 .text > div span{display:block; color:#EB8100;}
.sec12 .wrap .bg2 .text > p{margin-top:19px; color:#FFF; font-size:20px; font-weight:700; line-height:31px; letter-spacing:-0.6px;}
.sec12 .wrap .bg2 .text > .submit{display:flex; width:298px; height:64px; margin:66px 0 0 -10px; border-radius:12px; background-color:#EB8100; color:#FFF; font-size:20px; font-weight:700; cursor:pointer; justify-content:center; align-items:center; gap:10px; letter-spacing:-0.6px; text-decoration:none;}
.sec12 .wrap .bg2 .text > ul{margin:68px 0 0 -10px; list-style:none;}
.sec12 .wrap .bg2 .text > ul li{display:flex; color:#FFF; font-size:20px; font-weight:700; line-height:44px; letter-spacing:-0.6px; gap:10px; align-items:center;}
.sec12 .wrap .bg2 .text > ul li:before{display:block; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:cover; content:'';}
.sec12 .wrap .bg2 .text > ul li:nth-child(1):before{background-image:url(../img/sec12_icon_01.png);}
.sec12 .wrap .bg2 .text > ul li:nth-child(2):before{background-image:url(../img/sec12_icon_02.png);}
.sec12 .wrap .bg2 .form{display:flex; position:absolute; right:-63px; bottom:-2px; width:598px; height:602px; padding:32px 54px; background:url(../img/sec12_bg_03.png) no-repeat center / 100%; flex-direction:column; gap:21px;}
.sec12 .wrap .bg2 .form .form-box{display:flex; flex-direction:column; gap:13px;}
.sec12 .wrap .bg2 .form .form-list{display:flex; gap:13px;}
.sec12 .wrap .bg2 .form .form-item{position:relative; flex:1 0 0;}
.sec12 .wrap .bg2 .form .form-item input{display:flex; width:100%; height:41px; padding:10px; border:1px solid #82ECFF; border-radius:18px 0; background:rgba(255, 255, 255, 0.10); color:#FFF; font-size:14px; font-weight:700; align-items:center; gap:10px; letter-spacing:-0.42px;}
.sec12 .wrap .bg2 .form .form-item input::placeholder{color:#B7B7B7;}
.sec12 .wrap .bg2 .form .form-item .btn-select{position:absolute; top:0; left:0; right:0; bottom:0; background:transparent; font-size:0; cursor:pointer;}
.sec12 .wrap .bg2 .form .form-item .btn-select:after{position:absolute; top:7px; right:9px; width:24px; height:24px; background:url(../img/sec12_arrow.png) no-repeat center / cover; content:''; transition:0.25s ease-in-out;}
.sec12 .wrap .bg2 .form .form-item .select-list{display:flex; opacity:0; visibility:hidden; position:absolute; top:100%; left:0; right:0; z-index:2; padding:8px; border:1px solid #82ECFF; border-radius:16px; background-color:#FFF; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.04); list-style:none; transition:0.25s ease-in-out; flex-direction:column; gap:4px;}
.sec12 .wrap .bg2 .form .form-item .select-list li button{display:flex; width:100%; height:48px; padding:0 12px; border-radius:12px; background:transparent; font-size:16px; font-weight:400; cursor:pointer; align-items:center; letter-spacing:-0.091px;}
.sec12 .wrap .bg2 .form .form-item.active .select-list{opacity:1; visibility:visible; top:calc(100% + 8px);}
.sec12 .wrap .bg2 .form .form-item.active .btn-select:after{transform:rotate(180deg);}
.sec12 .wrap .bg2 .form .form-item .select-list li.active button{background-color:#f7f7f7;}
.sec12 .wrap .bg2 .form .form-item textarea{display:flex; width:100%; height:77px; padding:10px; border:1px solid #82ECFF; border-radius:18px 0; background:rgba(255, 255, 255, 0.10); color:#FFF; font-size:14px; font-weight:700; align-items:center; gap:10px; letter-spacing:-0.42px; resize:none;}
.sec12 .wrap .bg2 .form .form-item textarea::placeholder{color:#B7B7B7;}
.sec12 .wrap .bg2 .form .form-agree{display:flex; gap:10px;}
.sec12 .wrap .bg2 .form .form-agree p{color:#FFF; font-size:14px; font-weight:700; letter-spacing:-0.42px;}
.sec12 .wrap .bg2 .form .form-agree input{opacity:0; position:absolute; top:0; left:0;}
.sec12 .wrap .bg2 .form .form-agree label{display:flex; color:#FFF; font-size:14px; font-weight:700; cursor:pointer; gap:8px;}
.sec12 .wrap .bg2 .form .form-agree label:before{width:28px; height:28px; margin:-6px; background:url(../img/check_icon.png) no-repeat center / cover; content:'';}
.sec12 .wrap .bg2 .form .form-agree input:checked + label:before{background-image:url(../img/check_icon_on.png);}
.sec12 .wrap .bg2 .form .form-text{display:flex; width:491px; padding:20px; border-radius:12px; background:rgba(255, 255, 255, 0.10); flex-direction:column; align-items:flex-start; gap:10px;}
.sec12 .wrap .bg2 .form .form-text p{color:#B7B7B7; font-size:14px; font-weight:700; line-height:21px; letter-spacing:-0.42px;}
.sec12 .wrap .bg2 .form .form-text p span{color:#FFF; line-height:inherit;}
.sec12 .wrap .bg2 .form .form-submit{display:flex; width:100%; height:64px; border:0; border-radius:18px 0; background:linear-gradient(270deg, #775DFE 0%, #823CFE 100%); color:#FFF; font-size:18px; font-weight:700; cursor:pointer; justify-content:center; align-items:center; letter-spacing:-0.42px;}
.sec12 .wrap .bg2 .form .form-submit:active{background:linear-gradient(270deg, #6648e0 0%, #6c2ed6 100%);}
.sec12 .wrap .bg2 .form .form-submit:disabled{background:#555; cursor:not-allowed;}

/* ========== FLOATING ========== */
.floating{display:flex; position:fixed; right:39px; bottom:43px; z-index:9999; flex-direction:column;gap:18px;align-items:end;}
.floating button{position:relative; background-color:transparent; cursor:pointer;}
.floating button div{position:relative; width:50px; height:50px; border-radius:50%; background-repeat:no-repeat; background-position:center; font-size:0;}
.floating .top div{background-image:url(../img/top_icon.png); background-size:19px; background-color:rgba(255, 255, 255, 0.10);}
.floating .kakao{position:relative; text-decoration:none; cursor:pointer;}
.floating .kakao div{position:relative; width:50px; height:50px; border-radius:50%; background-repeat:no-repeat; background-position:center; font-size:0; z-index:1; background-image:url(../img/kakao_icon.png); background-size:17px; background-color:#FEE500;}
.floating .kakao span{display:flex;position:absolute;top:0;right:0;bottom:0;width:122px;height: 50px;margin:auto 0;padding:13px;border-radius:25px;background:#FFF;color:#000;font-size:16px;font-weight:500;align-items:center;gap:10px;letter-spacing:-0.5px;}

/* ========== RESPONSIVE: 1480px ========== */
@media (max-width:1480px){
    section .wrap{max-width:1040px;}

    .sec1 .wrap img{left:-280px;}
    .sec1 .wrap .text{padding-left:455px;}
    .sec1 .wrap .text div{font-size:130px; text-shadow:8px 8px 8px rgba(189, 175, 255, 0.70); line-height:98%; letter-spacing:-1.44px;}
    .sec1 .wrap .text .btn{width:491px;}

    .sec2 .wrap div{font-size:48px;}
    .sec2 .wrap p{font-size:30px;}

    .sec-service-lineup .headline{font-size:72px;}
    .sec-service-lineup .headline2{font-size:38px;}

    .sec-service-types .wrap{max-width:1040px;}
    .sec-pricing .wrap{max-width:1040px;}

    .sec-brand .brand-title{font-size:72px;}

    .sec-device .device-bold{font-size:40px;}
    .sec-device .device-highlight:before{height:44px;}
    .sec-device .device-light{font-size:26px;}
    .sec-device .mockup-laptop{width:700px;}
    .sec-device .mockup-iphone{width:180px; left:calc(50% - 300px);}
    .sec-device .mockup-arrow{width:220px; right:calc(50% - 440px);}

    .sec5 .wrap .text > div p{font-size:48px;}
    .sec5 .wrap .text > p{font-size:30px; line-height:1.4;}

    .sec6 .wrap .text{font-size:38px;}
    .sec6 .wrap .video div p{font-size:38px;}

    .sec7 .wrap .text p{font-size:38px;}

    .sec9 .bg{left:-794px;}
    .sec9 .wrap{transform:translateX(-178px);}
    .sec9 .wrap:before{right:-253px;}

    .sec10 .text div{font-size:38px;}
    .sec10 .text p{font-size:30px;}
    .sec10 .swiper-slide{width:auto;}

    .sec11 .wrap .text div{font-size:38px;}
    .sec11 .wrap .text p{font-size:20px; line-height:30px;}

    .sec12 .wrap{padding-left:0;}
    .sec12 .wrap .bg2{width:1000px; padding:130px 0 0 36px; background-size:contain;}
    .sec12 .wrap .bg2 .text > span{font-size:20px; letter-spacing:-0.6px;}
    .sec12 .wrap .bg2 .text > div{margin-top:15px; font-size:32px;}
    .sec12 .wrap .bg2 .text > p{margin-top:12px; font-size:18px;}
    .sec12 .wrap .bg2 .text > ul{margin-top:60px;}
    .sec12 .wrap .bg2 .text > ul li{font-size:18px;}
    .sec12 .wrap .bg2 .form{right:0; width:560px; height:564px; padding:32px;}
    .sec12 .wrap .bg2 .form .form-item textarea{height:55px;}
}

@media (min-width:1001px){
    .sec9 .wrap .card.active2{margin:-12px 0 0 -243px; transform:rotate(-30deg);}
    .sec9 .wrap .card.active3{margin:-16px 0 0 -262px; transform:rotate(-60deg);}
    .sec9 .wrap .card.active4{margin:-12px 0 0 -281px; transform:rotate(-90deg);}
    .sec9 .wrap .card.active5{margin:8px 0 0 -288px; transform:rotate(-120deg);}
    .sec9 .wrap .card-item:nth-child(2){top:553px; left:495px; transform:rotate(30deg);}
    .sec9 .wrap .card-item:nth-child(3){top:830px; left:218px; transform:rotate(60deg);}
    .sec9 .wrap .card-item:nth-child(4){top:932px; left:-161px; transform:rotate(90deg);}
    .sec9 .wrap .card-item:nth-child(5){top:828px; left:-531px; transform:rotate(120deg);}
    .sec9 .wrap .card-item:before{width:120px;height:120px;margin:5px 0 0 -4px;background:url(../img/sec9_img.png) no-repeat center / cover;content:'';flex-shrink:0;display:none;}
}

/* ========== RESPONSIVE: Mobile (max 1000px) ========== */
@media (max-width:1000px){
    .pc-only{display:none;}
    .m-only{display:block;}
    span.m-only{display:inline;}

    section:before, section:after{height:110px;}
    section .wrap{max-width:392px; padding:0 16px;}

    /* SEC1 Mobile */
    .sec1{height:369px;}
    .sec1:before{height:94px;}
    .sec1:after{height:153px;}
    .sec1 .wrap{max-width:360px;}
    .sec1 .wrap img{top:16px; left:-88px; width:254px;}
    .sec1 .wrap .text{padding-top:98px; padding-left:151px;}
    .sec1 .wrap .text div{font-size:48px; font-weight:700;}
    .sec1 .wrap .text .btn{position:absolute; left:0; right:0; bottom:8px; z-index:3; width:290px; height:37px; margin:0 auto; padding:0; font-size:16px; letter-spacing:-0.48px;}

    /* SEC2 Mobile */
    .sec2{height:auto; padding-bottom:80px; background-position:center top -125px; background-color:#101010;}
    .sec2:before{height:94px;}
    .sec2 .wrap{max-width:100%; padding-top:157px; padding-right:0; padding-left:0;}
    .sec2 .wrap div{font-size:20px; line-height:1.4;}
    .sec2 .wrap p{max-width:230px; margin:15px auto 0; font-size:16px;}
    .sec2 .wrap:after{display:none;}

    /* SEC2 Mobile Card Swiper */
    .sec2 .card{margin-top:40px; padding:0 16px 52px;}
    .sec2 .card-box{padding-right:0; padding-left:0;}
    .sec2 .card-item{overflow:hidden; width:auto; border:1px solid rgba(255, 255, 255, 0.10); border-radius:10px; background:rgba(255, 255, 255, 0.10);}
    .sec2 .card-item .text{display:flex; width:258px; padding:28px 21px; color:#FFF; text-align:left; flex-direction:column; gap:12px;}
    .sec2 .card-item .text div{font-size:24px; font-weight:700; letter-spacing:-0.72px;}
    .sec2 .card-item .text ul{display:flex; list-style:none; flex-direction:column; gap:8px;}
    .sec2 .card-item .text ul li{display:flex; font-size:13px; font-weight:700; letter-spacing:-0.39px; gap:6px;}
    .sec2 .card-item .text ul li:before{width:14px; height:14px; background:url(../img/sec8_icon.png) no-repeat center / cover; content:'';}
    .sec2 .card-item .text p{margin-top:0; font-size:12px; font-weight:700; line-height:20px; letter-spacing:-0.36px;}
    .sec2 .swiper-pagination{bottom:0;}
    .sec2 .swiper-pagination-bullet{opacity:0.2; width:10px; height:10px; background:#FFF;}
    .sec2 .swiper-pagination-bullet-active{opacity:1; background:#FFF;}

    /* SEC-SERVICE-LINEUP Mobile */
    .sec-service-lineup{height:auto; padding-bottom:60px;}
    .sec-service-lineup .wrap{padding-top:60px;}
    .sec-service-lineup .badge-pill{font-size:14px; padding:8px 20px;}
    .sec-service-lineup .sub-title{font-size:16px; margin-top:20px;}
    .sec-service-lineup .headline{font-size:36px; margin-top:16px; letter-spacing:-1.08px;}
    .sec-service-lineup .sub-desc{font-size:16px; margin-top:8px;}
    .sec-service-lineup .headline2{font-size:24px; margin-top:6px;}
    .sec-service-lineup .platform-icons{gap:16px; margin-top:28px; flex-wrap:wrap; padding:0 16px;}
    .sec-service-lineup .platform-icons img{width:40px; height:40px; border-radius:8px;}
    .sec-service-lineup .bottom-text{font-size:13px; margin-top:16px; padding:0 16px;}

    /* SEC-SERVICE-TYPES Mobile */
    .sec-service-types{min-height:auto; padding-bottom:60px;}
    .sec-service-types .wrap{max-width:392px; padding-top:40px; padding-bottom:0;}
    .sec-service-types .service-grid{grid-template-columns:repeat(2, 1fr); gap:10px;}
    .sec-service-types .service-grid .service-card:nth-child(-n+3),
    .sec-service-types .service-grid .service-card:nth-child(n+4){min-height:auto;}
    .sec-service-types .service-card{padding:16px; gap:12px; align-items:flex-start; text-align:left;}
    .sec-service-types .card-label{width:auto; height:32px; padding:0 14px; font-size:13px; border-radius:999px;}
    .sec-service-types .card-desc{font-size:12px; line-height:18.6px;}
    .sec-service-types .card-platform-img{height:28px;}

    /* SEC-PRICING Mobile */
    .sec-pricing{padding:60px 0; overflow:visible;}
    .sec-pricing .wrap{max-width:392px;}
    .sec-pricing .pricing-card{flex-direction:column; gap:40px; padding:36px 24px; box-shadow:0 0 100px 0 #823CFE;}
    .sec-pricing .pricing-title{font-size:22px;}
    .sec-pricing .pricing-title .star-icon{width:24px; height:24px;}
    .sec-pricing .pricing-old{font-size:28px;}
    .sec-pricing .pricing-price{font-size:44px;}
    .sec-pricing .pricing-cta{max-width:100%; height:48px; font-size:16px;}
    .sec-pricing .feature-name{font-size:17px;}
    .sec-pricing .feature-desc{font-size:14px; line-height:20px;}

    /* SEC-BRAND Mobile */
    .sec-brand{height:366px;}
    .sec-brand .brand-sub{font-size:18px;}
    .sec-brand .brand-title{font-size:48px;}
    .sec-brand .googleplay-badge{margin-top:24px;}
    .sec-brand .googleplay-badge img{height:48px;}

    /* SEC-DEVICE Mobile */
    .sec-device{height:439px; padding-bottom:0;}
    .sec-device .wrap{padding-top:60px;}
    .sec-device .device-light{font-size:18px;}
    .sec-device .device-bold{font-size:24px; margin-top:6px;}
    .sec-device .device-mockups{height:360px; margin-top:40px;}
    .sec-device .mockup-laptop{width:340px; transform:translateX(-50%);}
    .sec-device .device-highlight:before{height:28px;}
    .sec-device .device-blur-left{width:160px; height:160px; left:5%;}
    .sec-device .device-blur-right{width:100px; height:100px;}
    .sec-device .mockup-laptop{width:340px; transform:translateX(-30%);}
    .sec-device .mockup-iphone{width:100px; left:calc(50% - 180px); top:80px;}
    .sec-device .mockup-arrow{width:120px; right:calc(50% - 220px); top:20px;}

    /* SEC5 Mobile */
    .sec5{height:366px;}
    .sec5 .wrap{padding-top:39px;}
    .sec5 .wrap .video{width:242px; height:242px; padding:9px;}
    .sec5 .wrap .video:after{background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 50%) 0%, #000 100%);}
    .sec5 .wrap .text{position:absolute; top:117px; left:16px; right:16px; margin-top:0;}
    .sec5 .wrap .text > div{gap:8px;}
    .sec5 .wrap .text > div p{font-size:24px;}
    .sec5 .wrap .text > div p .purple{color:#82ECFF;}
    .sec5 .wrap .text > p{margin-top:21px; font-size:18px; line-height:28px; letter-spacing:-0.54px;}

    /* SEC6 Mobile */
    .sec6{height:467px;}
    .sec6 .wrap .text{padding-top:54px; padding-bottom:32px; font-size:20px; line-height:28px;}
    .sec6 .wrap .video{width:286px; height:298px; margin:0 auto; padding-top:125px;}
    .sec6 .wrap .video div{gap:4px;}
    .sec6 .wrap .video div p{font-size:16px;}

    /* SEC7 Mobile */
    .sec7{height:354px; padding:40px 0;}
    .sec7:after{top:40px;bottom:40px;}
    .sec7 .bg{top:40px;bottom:40px;min-width:484px;height: 274px;}
    .sec7 .wrap{padding-top:106px;}
    .sec7 .wrap .text{z-index:3; gap:4px;}
    .sec7 .wrap .text p{font-size:24px;}

    /* SEC-REVIEW Mobile */
    .sec-review{padding:40px 0 60px;}
    .sec-review .wrap{max-width:100%; padding:0;}
    .sec-review .title{color:#FFF; font-size:32px; font-weight:700; text-align:center; letter-spacing:-0.96px;}
    .sec-review .card{margin-top:24px; padding:0 16px 52px;}
    .sec-review .card-item .text{width:320px; padding:20px; border:1px solid #823CFE; border-radius:8px; background:linear-gradient(90deg, rgba(120, 92, 254, 0.10) 0%, rgba(255, 140, 0, 0.10) 100%); box-shadow:0 0 4px 0 rgba(130, 60, 254, 0.40), 0 0 20px 0 rgba(255, 140, 0, 0.50);}
    .sec-review .card-item .text p{color:#FFF; font-size:11px; font-weight:600; line-height:18px; letter-spacing:-0.33px;}
    .sec-review .card-item .text p:last-child{margin-top:12px; opacity:0.6;}
    .sec-review .swiper-pagination{bottom:0;}
    .sec-review .swiper-pagination-bullet{opacity:0.2; width:10px; height:10px; background:#FFF;}
    .sec-review .swiper-pagination-bullet-active{opacity:1; background:#FFF;}

    /* SEC9 Mobile */
    .sec9{height:auto;}
    .sec9:before{display:none;}
    .sec9:after{display:none;}
    .sec9 .title{color:#FFF; font-size:40px; font-weight:600; text-align:center; letter-spacing:-0.8px;}
    .sec9 .bg{display:none;}
    .sec9 .wrap{max-width:100%;padding-top:63px;padding-right:0;padding-left:0;transform:none;}
    .sec9 .wrap:before{display:none;}
    .sec9 .wrap .card{width:100%; height:auto; margin:33px 0 0 0; padding:0 16px 52px;}
    .sec9 .wrap .card-box{display:flex;}
    .sec9 .wrap .card-item{position:relative;top:auto;left:auto;width:auto;gap:0;padding-left:0;}
    .sec9 .swiper-pagination{bottom:0;}
    .sec9 .swiper-pagination-bullet{opacity:0.2; width:10px; height:10px; background:#FFF;}
    .sec9 .swiper-pagination-bullet-active{opacity:1; background:#FFF;}
    .sec9 .wrap .card-item .text{width:320px; gap:12px;}
    .sec9 .wrap .card-item .text p{font-size:11px; font-weight:600; line-height:18px; letter-spacing:-0.33px;}
    .sec9 .wrap .card-item .text p br{display:none;}

    /* SEC10 Mobile */
    .sec10{height:auto; padding-top:120px; padding-bottom:61px;}
    .sec10 .text div{font-size:32px; line-height:44px; letter-spacing:-0.96px;}
    .sec10 .text p{font-size:20px; line-height:27px; letter-spacing:-0.6px;}
    .sec10 .swiper{margin-top:55px; padding:0 16px;}
    .sec10 .swiper-slide{width:235px;}

    /* SEC11 Mobile */
    .sec11{height:407px;}
    .sec11 .wrap{padding-top:168px;}
    .sec11 .wrap .text div{font-size:20px; letter-spacing:-0.6px;}
    .sec11 .wrap .text p{margin-top:20px; font-size:12px; line-height:17px; letter-spacing:-0.36px;}

    /* SEC12 Mobile */
    .sec12{height:auto;}
    .sec12 .bg{display:none;}
    .sec12 .wrap{padding:0 16px 124px;}
    .sec12 .wrap .bg2{width:100%; height:auto; padding:0; background:none;}
    .sec12 .wrap .bg2 .text > div{margin-top:19px; font-size:16px; line-height:21px; letter-spacing:-0.48px;}
    .sec12 .wrap .bg2 .text > p{margin-top:8px; font-size:14px; font-weight:500; line-height:18px; letter-spacing:-0.42px;}
    .sec12 .wrap .bg2 .text > .submit{width:100%; height:44px; margin:35px 0 0 0; border-radius:10px; font-size:14px; letter-spacing:-0.42px;}
    .sec12 .wrap .bg2 .text > ul{display:none;}
    .sec12 .wrap .bg2 .form{position:relative; right:auto; bottom:auto; width:100%; height:auto; margin-top:54px; padding:0; background:none;}
    .sec12 .wrap .bg2 .form .form-text{width:100%;}
    .sec12 .wrap .bg2 .form .form-text p br{display:none;}

    /* Floating Mobile */
    .floating{right:16px; bottom:16px;}
    .floating .top{display:none;}
    .floating .kakao div{width:40px; height:40px;}
    .floating .kakao span{display:none;}
}