.ug-page-body{margin:0!important;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
.container-sec{width:100%;max-width:100vw;overflow-x:hidden}
.ug-sec2-content.animate,.ug-sec2-content .animate{animation:fadeInUp .8s ease forwards}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
.container-sec.ug-sec1{width:100%;height:100vh;min-height:46.875rem;background:url('../images/1-1.jpg') no-repeat center center;background-size:cover;display:flex;align-items:flex-start;justify-content:center;position:relative}
.ug-sec1-content{text-align:center;color:#fff;padding-top:8vh}
.ug-sec1-content h2{font-size:var(--font-4xl);font-weight:700;letter-spacing:.05em;margin-bottom:1.25rem;background:linear-gradient(135deg,#f5d799,#e8c078);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}
.badge-tag{display:inline-block;font-size:var(--font-md);font-weight:500;letter-spacing:.125em;color:#fff;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);border-radius:.25rem;padding:.125rem .625rem;vertical-align:super;margin-left:.625rem;-webkit-text-fill-color:#fff}
.ug-sec1-content p{font-size:var(--font-xl);font-weight:600;letter-spacing:.1875em;color:#fff;opacity:.95}
@media screen and (max-width:1024px){.ug-sec1-content{padding-top:12vh}
}
@media screen and (max-width:768px){.container-sec.ug-sec1{min-height:50vh;height:60vh}
.ug-sec1-content{padding-top:6vh;padding-left:1.25rem;padding-right:1.25rem}
.ug-sec1-content h2{letter-spacing:.15em;font-size:var(--font-4xl)}
.badge-tag{margin-left:.375rem}
}
@media screen and (max-width:480px){.ug-sec1-content{padding-top:1vh}
}
.container-sec.ug-sec2{background:#000;padding:6rem 4rem 8rem}
.ug-sec2-content{text-align:center;color:#fff;margin-bottom:3.5rem}
.ug-sec2-content h2{font-size:var(--font-3xl);font-weight:700;letter-spacing:.1em;margin-bottom:1.25rem;color:#f5d799}
.ug-sec2-content p{font-size:var(--font-base);line-height:1.9;letter-spacing:.06em;color:rgba(255,255,255,0.7);max-width:62.5rem;margin:0 auto}
.ug-sec2-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto auto;gap:1rem;max-width:1300px;margin:0 auto}
.card-row1-col1{grid-column:span 7}
.card-row1-col2{grid-column:span 5}
.card-row2-col1,.card-row2-col2,.card-row2-col3{grid-column:span 4}
.card-row3-col1{grid-column:span 5}
.card-row3-col2{grid-column:span 7}
.ug-card{position:relative;border-radius:.75rem;overflow:hidden;min-height:20rem;cursor:pointer;transition:transform .35s ease,box-shadow .35s ease}
.ug-card:hover{transform:translateY(-4px);box-shadow:0 1.25rem 3rem rgba(245,215,153,0.15)}
.ug-card img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}
.ug-card .card-text{position:absolute;top:0.5rem;left:1.5rem;z-index:2;color:#fff}
.ug-card .card-text h3{font-size:var(--font-md);font-weight:700;letter-spacing:.05em;margin-bottom:.625rem;line-height:1.4}
.ug-card .card-text p,.ug-card .card-text li{font-size:var(--font-xs);color:rgba(255,255,255,0.75);line-height:1.8;letter-spacing:.03em}
.ug-card .card-text ul{list-style:none;padding:0;margin:0}
.ug-card .card-text li::before{content:"· ";color:#f5d799;font-weight:bold}
@media screen and (max-width:1024px){.container-sec.ug-sec2{padding:4rem 2rem 6rem;gap:.75rem}
.card-row1-col1{grid-column:span 7}
.card-row1-col2{grid-column:span 5}
.card-row2-col1,.card-row2-col2,.card-row2-col3{grid-column:span 4}
.card-row3-col1{grid-column:span 5}
.card-row3-col2{grid-column:span 7}
}
@media screen and (max-width:768px){.container-sec.ug-sec2{padding:3rem 1.25rem 4rem}
.ug-sec2-content p br{display:none}
.ug-sec2-grid{gap:.75rem}
.card-row1-col1,.card-row1-col2,.card-row2-col1,.card-row2-col2,.card-row2-col3,.card-row3-col1,.card-row3-col2{grid-column:span 12;min-height:16rem}
.ug-card .card-text{top:1rem;left:1rem}
.ug-card .card-text h3{font-size:var(--font-lg)}
.ug-sec2-content p{font-size:var(--font-lg);}
.ug-card .card-text p,.ug-card .card-text li{font-size:var(--font-md);}

}
.container-sec.ug-sec3{position:relative;width:100%;height:100vh;min-height:46.875rem;overflow:hidden;display:flex;align-items:center}
.ug-sec3-video-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.ug-sec3-bg-video{width:100%;height:100%;object-fit:cover}
.ug-sec3-content{position:absolute;z-index:2;max-width:37.5rem;padding-left:8rem;color:#fff;top:9vh;left:0}
.ug-sec3 h3{display:inline-block;font-size:var(--font-2xl);font-weight:500;letter-spacing:.15em;color:#f5d799;margin-bottom:0rem}
.ug-sec3-content h2{font-size:var(--font-3xl);font-weight:700;letter-spacing:.08em;line-height:1.4;margin-bottom:1rem;color:#fff;margin-top:.25rem}
.ug-sec3-content p{font-size:var(--font-base);line-height:1.9;letter-spacing:.05em;color:rgba(255,255,255,0.75)}
@media screen and (max-width:1024px){.container-sec.ug-sec3{min-height:50vh;height:60vh}
.ug-sec3-content{padding-left:5rem}
}
@media screen and (max-width:768px){.container-sec.ug-sec3{min-height:45vh;height:auto;padding-top:6rem;padding-bottom:6rem;align-items:flex-start}
.ug-sec3-content{padding-left:2rem;padding-right:2rem}
.ug-sec3-content h2{font-size:var(--font-2xl)}
.ug-sec3-content p{font-size:var(--font-lg);}
}
.container-sec.ug-sec4{background:url('../images/4-1.png') no-repeat center bottom;background-size:cover;padding:6rem 5rem 8rem;height:90vh}
.ug-sec4-inner{display:flex;align-items:center;justify-content:space-between;gap:4rem}
.ug-sec4-text{flex:0 0 50%;color:#fff;max-width:700px}
.ug-sec4-text h2{font-size:var(--font-3xl);font-weight:700;letter-spacing:.05em;line-height:1.4;margin-bottom:1.25rem;color:#fff}
.ug-sec4-text h2 .highlight{background:linear-gradient(135deg,#f5d799,#e8c078);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ug-sec4-text p{font-size:var(--font-base);line-height:2;letter-spacing:.04em;color:rgba(255,255,255,0.75);margin-bottom:3rem}
.ug-sec4-data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 4rem;max-width:400px}
.data-item{display:flex;flex-direction:column}
.data-num{font-size:var(--font-xl);font-weight:700;color:#fff;letter-spacing:.03em}
.data-desc{font-size:var(--font-md);color:rgba(255,255,255,0.6);letter-spacing:.04em;margin-top:.25rem}
.ug-sec4-visual{flex:0 0 45%;position:relative;text-align:center}
.capacity-number{font-size:clamp(4rem,6vw,7rem);font-weight:900;color:rgba(255,255,255,0.9);letter-spacing:.02em;position:relative;display:inline-block;line-height:1}
.capacity-label{position:absolute;right:-3.5rem;top:50%;transform:translateY(-50%);font-size:var(--font-lg);font-weight:600;color:rgba(255,255,255,0.85);letter-spacing:.15em;line-height:1.4;white-space:nowrap}
@media screen and (max-width:1024px){.container-sec.ug-sec4{padding:4rem 3rem 6rem}
.ug-sec4-inner{gap:2.5rem}
.ug-sec4-data-grid{gap:1.5rem 3rem}
}
@media screen and (max-width:768px){.container-sec.ug-sec4{padding:3rem 1.5rem 4rem;padding:3rem 1.5rem 4rem;background:url(../images/4-1.png) no-repeat 85% bottom;background-size:230%;background-color:#010916;height:70vh}
.ug-sec4-inner{flex-direction:column;gap:2rem}
.ug-sec4-text{flex:auto;width:100%}
.ug-sec4-text h2{font-size:var(--font-2xl)}
.ug-sec4-text p{margin-bottom:2rem}
.ug-sec4-data-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem 2rem;max-width:100%}
.ug-sec4-visual{flex:auto;width:100%}
.capacity-label{right:-2.5rem;font-size:var(--font-base)}
.ug-sec4-text p{font-size:var(--font-lg);}

}
.container-sec.ug-sec5{background:#fff;padding:4rem 3rem 3rem;text-align:center}
.ug-sec5-content{margin-bottom:2.5rem}
.ug-sec5 h3{display:inline-block;font-size:var(--font-3xl);font-weight:600;letter-spacing:.08em;background:linear-gradient(to right top,#c28a3d,#c28a3d,#f8ddae,#f8ddae,#f8ddae);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}
.ug-sec5-content h2{font-size:var(--font-4xl);font-weight:700;letter-spacing:.05em;color:#1a1a1a;margin-top:.25rem}
.ug-sec5-video-wrap{width:100%;max-width:75rem;margin:0 auto;border-radius:.75rem;overflow:hidden;transform:scale(0.85);opacity:0;transition:none}
.ug-sec5-video-wrap.is-visible{animation:videoScaleIn .8s cubic-bezier(0.16,1,0.3,1) forwards}
@keyframes videoScaleIn{from{transform:scale(0.85);opacity:0}
to{transform:scale(1);opacity:1}
}
.ug-sec5-video{width:100%;height:auto;display:block;background:#000}
@media screen and (max-width:1024px){.container-sec.ug-sec5{padding:3rem 2rem 2rem}
}
@media screen and (max-width:768px){.container-sec.ug-sec5{padding:2.5rem 1.25rem 1.5rem}
.ug-sec5-content h2{font-size:var(--font-2xl)}
.ug-sec5-video-wrap{border-radius:.5rem}
}
.container-sec.ug-sec6{padding:4rem 4rem 4rem;text-align:center;background-color:#000;position:relative}
.ug-sec6-content h2{font-size:var(--font-3xl);font-weight:700;letter-spacing:.08em;color:#fff;margin-bottom:1rem}
.ug-sec6-content{margin-top:auto;z-index:2;position:relative}
.ug-sec6-content p{font-size:var(--font-base);line-height:1.9;letter-spacing:.04em;color:rgba(255,255,255,0.75);max-width:60rem;margin:0 auto 2.5rem}
.ug-sec6-chip{display:flex;justify-content:center;align-items:center;max-width:50rem;margin-left:auto;margin-right:auto;margin-top:-100px}
.ug-sec6-chip img{width:100%;height:auto;display:block}
.ug-sec6-features{display:flex;justify-content:center;gap:3rem;max-width:70rem;margin:0 auto}
.feature-item{flex:1;min-width:0;text-align:center}
.feature-item h4{font-size:var(--font-md);font-weight:600;letter-spacing:.05em;color:#fff;margin-bottom:.35rem}
.feature-item p{font-size:var(--font-base);color:rgba(255,255,255,0.55);letter-spacing:.03em;line-height:1.7}
@media screen and (max-width:1024px){.container-sec.ug-sec6{padding:4rem 2.5rem 3rem}
.ug-sec6-features{gap:2rem}
.ug-sec6-chip{max-width:30rem}
}
@media screen and (max-width:768px){.container-sec.ug-sec6{padding:3rem 1.25rem 2.5rem;background-position:center top}
.ug-sec6-content h2{font-size:var(--font-2xl)}
.ug-sec6-content p{font-size:var(--font-lg);margin-bottom:2rem}
.ug-sec6-features{grid-template-columns:repeat(2,1fr);gap:1.5rem 1.25rem;display:grid}
.feature-item h4{font-size:var(--font-lg)}
.feature-item p{font-size:var(--font-md)}
}
.container-sec.ug-sec6-u1{width:100%;overflow:hidden}
.container-sec.ug-sec6-u1 img{width:100%;height:auto;display:block}
.container-sec.ug-sec7{background:#fff;padding:5rem 4rem}
.ug-sec7-inner{display:flex;align-items:stretch;gap:3rem;max-width:70rem;margin:0 auto}
.ug-sec7-col{display:flex;flex-direction:column;gap:1.25rem}
.ug-sec7-left{flex:0 0 38%}
.ug-sec7-right{flex:0 0 55%}
.ug-sec7-text h2{font-size:var(--font-2xl);font-weight:700;letter-spacing:.05em;color:#1a1a1a;margin-bottom:.5rem}
.ug-sec7-text p{font-size:var(--font-base);line-height:1.8;letter-spacing:.04em;color:rgba(0,0,0,0.6)}
.ug-sec7-img{border-radius:.75rem;overflow:hidden;background:#f5f5f5;flex:1;min-height:0}
.ug-sec7-img img{width:100%;height:100%;object-fit:cover;display:block}
.ug-sec7-col{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}
.ug-sec7-col.animate-in{opacity:1;transform:translateY(0)}
.ug-sec7-right.animate-in{transition-delay:.15s}
@media screen and (max-width:1024px){.container-sec.ug-sec7{padding:4rem 2rem}
.ug-sec7-inner{gap:2rem}
}
@media screen and (max-width:768px){.container-sec.ug-sec7{padding:3rem 1.25rem}
.ug-sec7-inner{flex-direction:column;gap:2.5rem}
.ug-sec7-left,.ug-sec7-right{flex:auto;width:100%}
.ug-sec7-text h2{font-size:var(--font-xl)}
.ug-sec7-img{border-radius:.5rem}
.ug-sec7-right{order:1}
.ug-sec7-text p{font-size:var(--font-lg);}

}
.container-sec.ug-sec8{background:#0a0a0a;padding:5rem 4rem}
.ug-sec8-content{text-align:center;margin-bottom:4rem}
.ug-sec8-content h2{font-size:var(--font-3xl);font-weight:700;letter-spacing:.08em;color:#fff}
.ug-sec8-blocks{display:flex;flex-direction:column;gap:4rem;max-width:70rem;margin:0 auto}
.ug-sec8-block{display:flex;align-items:center;gap:3.5rem}
.ug-sec8-block1 .block-img{flex:0 0 55%}
.ug-sec8-block1 .block-text{flex:1}
.ug-sec8-block2 .block-text{flex:1}
.ug-sec8-block2 .block-img{flex:0 0 55%}
.block-img img{width:100%;height:auto;display:block;border-radius:.75rem}
.block-text h3{font-size:var(--font-xl);font-weight:700;letter-spacing:.05em;color:#fff;margin-bottom:.75rem}
.block-text p{font-size:var(--font-base);line-height:1.9;letter-spacing:.04em;color:rgba(255,255,255,0.6)}
.ug-sec8-block{opacity:0;transform:translateY(35px);transition:opacity .7s ease,transform .7s ease}
.ug-sec8-block.animate-in{opacity:1;transform:translateY(0)}
@media screen and (max-width:1024px){.container-sec.ug-sec8{padding:4rem 2.5rem}
.ug-sec8-content{margin-bottom:3rem}
.ug-sec8-blocks{gap:3rem}
.ug-sec8-block{gap:2.5rem}
.ug-sec8-block1 .block-img,.ug-sec8-block2 .block-img{flex:0 0 44%}
}
@media screen and (max-width:768px){.container-sec.ug-sec8{padding:3rem 1.25rem}
.ug-sec8-content h2{font-size:var(--font-3xl)}
.ug-sec8-blocks{gap:3.5rem}
.ug-sec8-block{flex-direction:column;gap:1.25rem}
.ug-sec8-block1 .block-img,.ug-sec8-block1 .block-text,.ug-sec8-block2 .block-img,.ug-sec8-block2 .block-text{flex:auto;width:100%}
.ug-sec8-block2{flex-direction:column-reverse}
.block-text h3{font-size:var(--font-xl)}
.block-text p{font-size:var(--font-lg)}
.block-img img{border-radius:.5rem}
}
.container-sec.ug-sec9{width:100%;overflow:hidden}
.ug-sec9-slider{position:relative;width:100%}
.ug-sec9-track{display:flex;transition:transform .5s ease}
.ug-sec9-slide{flex:0 0 100%;min-width:0}
.ug-sec9-slide img{width:100%;height:auto;display:block}
.ug-sec9-dots{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);display:flex;gap:.625rem;z-index:3}
.ug-sec9-dots .dot{width:.5rem;height:.5rem;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;transition:background .3s ease,width .3s ease}
.ug-sec9-dots .dot.active{background:#fff;width:1.5rem;border-radius:.25rem}
@media screen and (max-width:768px){.ug-sec9-dots{bottom:1rem;gap:.5rem}
.ug-sec9-dots .dot{width:.4rem;height:.4rem}
.ug-sec9-dots .dot.active{width:1.25rem}
}
.container-sec.ug-sec10{background:url('../images/11-2.png') no-repeat center center;background-size:cover;padding:5rem 4rem;color:#fff}
.ug-sec10-inner{max-width:60rem;margin:0 auto}
.ug-sec10-left{width:100%}
.ug-sec10-header h3{font-size:var(--font-2xl);font-weight:600;letter-spacing:.12em;color:#c9a96e;margin-bottom:.35rem}
.ug-sec10-header h2{font-size:var(--font-3xl);font-weight:700;letter-spacing:.06em;color:#fff;margin-bottom:.75rem;margin-top:.25rem}
.ug-sec10-header p{font-size:var(--font-base);line-height:1.8;letter-spacing:.04em;color:rgba(255,255,255,0.65);margin-bottom:2.5rem}
.ug-sec10-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 4rem}
.grid-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.grid-icon{width:1.75rem;height:1.75rem;margin-bottom:0}
.grid-icon svg{width:100%;height:100%;display:block}
.grid-item h4{font-size:var(--font-md);font-weight:700;letter-spacing:.03em;color:#fff;margin-bottom:0;margin-top:.25rem;line-height:1.3}
.grid-item p{font-size:var(--font-base);line-height:1.7;letter-spacing:.02em;color:rgba(255,255,255,0.55);margin-top:.25rem}
.ug-sec10-left{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.ug-sec10-left.animate-in{opacity:1;transform:translateY(0);max-width:550px}
@media screen and (max-width:1024px){.container-sec.ug-sec10{padding:4rem 2.5rem}
.ug-sec10-grid{gap:1.5rem 2.5rem}
}
@media screen and (max-width:768px){.container-sec.ug-sec10{padding:3rem 1.25rem;background-position:center top;background:url(../images/11-2.png) no-repeat 70% bottom;background-size:250%;background-color:#0b141f}
.ug-sec10-header p{margin-bottom:1.75rem}
.ug-sec10-grid{grid-template-columns:1fr;gap:1.5rem}
.grid-item p{font-size:var(--font-lg);}
.ug-sec10-header p{font-size:var(--font-lg);}

}
.container-sec.ug-sec11{background:#000;padding:4rem 0 3rem;overflow:hidden}
.ug-sec11-header{text-align:center;color:#fff;max-width:50rem;margin:0 auto 3rem;padding:0 2rem}
.ug-sec11-header h2{font-size:var(--font-3xl);font-weight:700;letter-spacing:.06em;margin-bottom:.75rem}
.ug-sec11-header p{font-size:var(--font-base);line-height:1.8;color:rgba(255,255,255,0.65);letter-spacing:.04em}
.ug-sec11-carousel-wrap{position:relative;width:100%}
.ug-sec11-carousel{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:0 calc(50vw - 160px) 1rem;cursor:grab;-ms-overflow-style:none;scrollbar-width:none}
.ug-sec11-carousel::-webkit-scrollbar{display:none}
.ug-sec11-card{flex:0 0 320px;height:400px;border-radius:16px;overflow:hidden;position:relative;background:#343434 no-repeat center center / cover;margin:0 15px 40px;scroll-snap-align:center;transition:all .4s ease-in-out;cursor:pointer}
.ug-sec11-card::after{content:"";display:block;position:absolute;height:100%;width:100%;left:0;top:0;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));pointer-events:none}
.ug-sec11-card.active{flex:0 0 500px;box-shadow:12px 40px 40px rgba(0,0,0,0.25)}
.ug-sec11-card-desc{position:absolute;left:0;right:0;bottom:0;padding:0 24px 16px;color:#fff;z-index:1;overflow:hidden;max-height:54px;transition:max-height .4s ease-in-out,padding .4s ease-in-out}
.ug-sec11-card.active .ug-sec11-card-desc{max-height:280px}
.ug-sec11-card-desc h3{font-size:1.15rem;font-weight:700;letter-spacing:.03em;margin-bottom:.5rem;line-height:1.3}
.ug-sec11-card-desc p{font-size:.85rem;line-height:1.7;letter-spacing:.03em;color:rgba(255,255,255,0.7);opacity:0;transform:translateY(20px);transition:opacity .35s ease-in-out .15s,transform .35s ease-in-out .15s}
.ug-sec11-card.active .ug-sec11-card-desc p{opacity:1;transform:translateY(0)}
.ug-sec11-dots{display:flex;justify-content:center;gap:.5rem;margin-top:-10px;position:relative;z-index:5}
.ug-sec11-dots .dot{width:.5rem;height:.5rem;border-radius:50%;background:rgba(255,255,255,0.3);cursor:pointer;transition:all .3s ease}
.ug-sec11-dots .dot.active{background:#c9a96e;width:1.5rem;border-radius:.25rem}
@media screen and (max-width:1024px){.container-sec.ug-sec11{padding:3rem 0 2.5rem}
.ug-sec11-header{margin-bottom:2rem}
.ug-sec11-carousel{padding:0 calc(50vw - 130px) 1rem}
.ug-sec11-card{flex:0 0 260px;height:360px;margin:0 12px 40px}
.ug-sec11-card.active{flex:0 0 400px}
.ug-sec11-card-desc{padding:0 18px 12px;max-height:46px}
.ug-sec11-card.active .ug-sec11-card-desc{max-height:240px}
}
@media screen and (max-width:768px){.container-sec.ug-sec11{padding:2.5rem 0 2rem}
.ug-sec11-header h2{font-size:var(--font-2xl)}
.ug-sec11-header{margin-bottom:1.5rem}
.ug-sec11-carousel{padding:0 1rem 1rem}
.ug-sec11-card{flex:0 0 200px;height:280px;margin:0 10px 30px}
.ug-sec11-card.active{flex:0 0 85vw;box-shadow:6px 10px 10px rgba(0,0,0,0.25)}
.ug-sec11-card-desc{padding:0 14px 8px;max-height:42px}
.ug-sec11-card.active .ug-sec11-card-desc{max-height:180px}
.ug-sec11-card-desc h3{font-size:1.5rem}
.ug-sec11-card-desc p{font-size:1.2rem}
.ug-sec11-header p{font-size:var(--font-lg);}

}
.container-sec.ug-sec12{background:#000;padding:5rem 0 4rem;overflow:hidden}
.ug-sec12-inner{text-align:center;color:#fff;max-width:64rem;margin:0 auto;padding:0 2rem}
.ug-sec12-inner h2{font-size:var(--font-3xl);font-weight:700;letter-spacing:.06em;margin-bottom:1rem}
.ug-sec12-inner p{font-size:var(--font-base);line-height:1.9;color:rgba(255,255,255,0.65);letter-spacing:.04em;margin-bottom:3rem}
.ug-sec12-img-wrap{width:100%;display:flex;justify-content:center;position:relative}
.ug-sec12-img-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:30%;background:linear-gradient(to top,#000 0,transparent 100%);pointer-events:none}
.ug-sec12-img-wrap img{width:100%;max-width:900px;height:auto;border-radius:8px;object-fit:contain}
@media screen and (max-width:1024px){.container-sec.ug-sec12{padding:3.5rem 0 3rem}
.ug-sec12-inner h2{font-size:var(--font-2xl)}
.ug-sec12-inner p{margin-bottom:2rem}
.ug-sec12-img-wrap img{max-width:100%}
}
@media screen and (max-width:768px){.container-sec.ug-sec12{padding:2.5rem 0 2rem}
.ug-sec12-inner{padding:0 1rem}
.ug-sec12-inner h2{font-size:var(--font-2xl)}
.ug-sec12-inner p{font-size:1.5rem;line-height:1.75;margin-bottom:1.5rem}
}
.ug-sec12-apps{margin-top:3rem;overflow:hidden}
.ug-sec12-apps-title{text-align:center;margin-bottom:1.5rem}
.ug-sec12-apps-title h3{font-size:var(--font-2xl);font-weight:700;letter-spacing:.06em;color:#fff}
.ug-sec12-marquee{width:100%}
.ug-sec12-marquee-container{position:relative;overflow:hidden;height:80px;margin:10px 0}
.ug-sec12-marquee-track{display:flex;height:100%;align-items:center}
.ug-sec12-marquee-left{animation:ug-sec12-scroll-left 30s linear infinite}
.ug-sec12-marquee-right{animation:ug-sec12-scroll-right 30s linear infinite}
@keyframes ug-sec12-scroll-left{0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
@keyframes ug-sec12-scroll-right{0%{transform:translateX(-50%)}
100%{transform:translateX(0)}
}
.ug-sec12-marquee-item{flex:0 0 auto;margin:0 12px}
.ug-sec12-marquee-content{display:flex;align-items:center;background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);padding:10px 20px;border-radius:12px;border:1px solid rgba(255,255,255,0.1);transition:all .3s ease;white-space:nowrap}
.ug-sec12-marquee-content:hover{background:rgba(255,255,255,0.15);border-color:rgba(201,169,110,0.4)}
.ug-sec12-marquee-content img{width:36px;height:36px;margin-right:10px;object-fit:contain}
.ug-sec12-marquee-content span{font-size:.9rem;font-weight:500;color:rgba(255,255,255,0.9);letter-spacing:.03em}
.ug-sec12-apps-note{text-align:center;color:rgba(255,255,255,0.4);font-size:.85rem;padding:1.5rem 0 0;letter-spacing:.03em}
@media screen and (max-width:768px){.ug-sec12-apps{margin-top:2rem}
.ug-sec12-apps-title h3{font-size:var(--font-2xl)}
.ug-sec12-marquee-container{height:64px;margin:8px 0}
.ug-sec12-marquee-content{padding:8px 14px}
.ug-sec12-marquee-content img{width:50px;height:50px;margin-right:8px}
.ug-sec12-marquee-content span{font-size:1.3rem}
.ug-sec12-marquee-item{margin:0 8px}
.ug-sec12-apps-note{font-size:1rem;padding:1rem 0 0}
}