html,body,h1,h2,h3,h4,p,ul,li,a,button,input{margin:0;padding:0}
body{color:#2a2a2a;background:#F7F7F7;font:16px/1.6 'Work Sans',sans-serif}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.content-wrapper{max-width:1140px;margin:0 auto;padding:0 20px}
header .hd-row1{background:linear-gradient(97deg,#D32402 0%,#FCBB23 50%,#F7F7F7 100%);padding:24px 0}
header .hd-row1 .content-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
header .brand-box{display:flex;align-items:center;gap:16px}
header .logo-img{width:90px;height:90px;object-fit:contain;background:#ffffffd9;padding:8px;border-radius:18px;box-shadow:0 4px 12px #00000026}
header .company-txt{font-size:28px;font-weight:700;color:#fff;text-shadow:2px 2px 4px #0003}
header .hours-txt{font-size:14px;color:#fff;font-weight:400;background:#00000026;padding:10px 18px;border-radius:20px}
header .hd-row2{background:#fff;border-bottom:3px solid #D32402;padding:18px 0}
header .main-nv{display:flex;gap:40px;align-items:center}
header .nv-link{font-size:17px;font-weight:600;color:#2a2a2a;padding:8px 0;transition:color 400ms linear}
header .nv-link:hover{color:#D32402}
footer .ft-primary{background:linear-gradient(97deg,#2a2a2a 0%,#444 50%,#5a5a5a 100%);padding:60px 0 40px}
footer .ft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
footer .ft-col{display:flex;flex-direction:column;gap:18px}
footer .ft-logo{width:110px;height:110px;object-fit:contain;background:#ffffffe6;padding:12px;border-radius:24px}
footer .ft-description{font-size:15px;line-height:1.7;color:#e0e0e0}
footer .ft-heading{font-size:20px;font-weight:700;color:#FCBB23;margin-bottom:8px}
footer .ft-list{display:flex;flex-direction:column;gap:12px}
footer .ft-link{font-size:15px;color:#e0e0e0;transition:color 500ms linear}
footer .ft-link:hover{color:#FCBB23}
footer .contact-item{font-size:15px;line-height:1.8;color:#e0e0e0}
footer .contact-item strong{color:#FCBB23;font-weight:600}
footer .ft-secondary{background:#1a1a1a;padding:24px 0}
footer .copyright-txt{text-align:center;font-size:14px;color:#b0b0b0}
.consent-overlay{position:fixed;bottom:30px;right:30px;z-index:9999;max-width:480px;display:none}
.consent-overlay.showing{display:block;animation:slideUpFade 600ms linear}
@keyframes slideUpFade {
from{opacity:0;transform:translateY(40px)}
to{opacity:1;transform:translateY(0)}
}
.consent-container{background:#fff;border-radius:28px;padding:32px;box-shadow:0 6px 24px #00000040;border:2px solid #D32402}
.consent-heading{font-size:22px;font-weight:700;color:#D32402;margin-bottom:14px}
.consent-description{font-size:14px;line-height:1.6;color:#4a4a4a;margin-bottom:24px}
.consent-categories{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}
.category-item{background:#F7F7F7;padding:16px;border-radius:18px;border:1px solid #e0e0e0}
.category-label{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:8px}
.category-checkbox{width:20px;height:20px;cursor:pointer}
.category-name{font-size:16px;font-weight:600;color:#2a2a2a}
.category-desc{font-size:13px;color:#666;margin-left:32px;line-height:1.5}
.consent-actions{display:flex;gap:14px}
.consent-btn{flex:1;padding:14px 20px;border:none;border-radius:22px;font-size:15px;font-weight:600;cursor:pointer;transition:all 500ms linear}
.btn-accept{background:linear-gradient(97deg,#D32402 0%,#FCBB23 100%);color:#fff}
.btn-accept:hover{background:linear-gradient(97deg,#b01f02 0%,#e0a920 100%)}
.btn-decline{background:#e0e0e0;color:#4a4a4a}
.btn-decline:hover{background:#d0d0d0}
@media (max-width: 768px) {
header .hd-row1 .content-wrapper{flex-direction:column;text-align:center}
header .brand-box{flex-direction:column}
header .main-nv{flex-direction:column;gap:20px}
footer .ft-grid{grid-template-columns:1fr;gap:40px}
.consent-overlay{bottom:20px;right:20px;left:20px;max-width:none}
.consent-actions{flex-direction:column}
}
.abt-Cnt{width:100%;max-width:1140px;margin:0 auto;padding:0 20px}
.hroBox{background:linear-gradient(97deg,#D32402 0%,#FCBB23 50%,#F7F7F7 100%);padding:80px 0;margin-bottom:0}
.hroBox .innr-wrp{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
.hroBox .hdng-txt{font-size:48px;font-weight:700;color:#FCBB23;line-height:1.2;margin:0}
.hroBox .sbt-txt{font-size:20px;color:#F7F7F7;max-width:720px;line-height:1.6;margin:0}
.stryBlk{padding:100px 0;background:#F7F7F7}
.stryBlk .gridLyt{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.stryBlk .txtCol h2{font-size:36px;font-weight:700;color:#D32402;margin:0 0 24px;line-height:1.3}
.stryBlk .txtCol h2::before{content:'';display:inline-block;width:4px;height:36px;background:#FCBB23;margin-right:16px;vertical-align:middle}
.stryBlk .txtCol .prgrph{font-size:16px;color:#333;line-height:1.7;margin-bottom:18px}
.stryBlk .txtCol h4{font-size:22px;font-weight:600;color:#D32402;margin:32px 0 16px}
.stryBlk .imgCol img{width:100%;height:auto;border-radius:24px;box-shadow:8px 8px 0 #d3240233}
.aprchSec{padding:90px 0;background:#fff;position:relative}
.aprchSec::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#D32402 0%,#FCBB23 50%,#F7F7F7 100%)}
.aprchSec .hdngWrp{text-align:center;margin-bottom:70px}
.aprchSec .hdngWrp h2{font-size:40px;font-weight:700;color:#D32402;margin:0 0 20px}
.aprchSec .hdngWrp h2::after{content:'';display:block;width:120px;height:4px;background:#FCBB23;margin:20px auto 0}
.aprchSec .hdngWrp .desc{font-size:18px;color:#555;max-width:680px;margin:0 auto;line-height:1.6}
.cardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.crdBx{background:#F7F7F7;border-radius:20px;padding:40px 32px;transition:all 400ms linear;position:relative;overflow:hidden}
.crdBx::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#D32402 0%,#FCBB23 100%);transform:translateX(-100%);transition:transform 500ms linear}
.crdBx:hover::before{transform:translateX(0)}
.crdBx:hover{background:#fff;box-shadow:4px 4px 0 #fcbb2366;transform:translateY(-8px)}
.crdBx .icnWrp{width:70px;height:70px;background:#D32402;border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.crdBx .icnWrp svg{width:36px;height:36px;fill:#F7F7F7}
.crdBx h5{font-size:22px;font-weight:600;color:#D32402;margin:0 0 14px}
.crdBx .txtCnt{font-size:15px;color:#444;line-height:1.6;margin:0}
.mssn-blk{padding:110px 0;background:linear-gradient(180deg,#F7F7F7 0%,#fff 100%)}
.mssn-blk .flxLyt{display:flex;gap:80px;align-items:stretch}
.mssn-blk .imgSd{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px}
.mssn-blk .imgSd .mainImg{grid-column:1 / -1;grid-row:1}
.mssn-blk .imgSd .mainImg img{width:100%;height:380px;object-fit:cover;border-radius:28px;box-shadow:6px 6px 0 #d3240226}
.mssn-blk .imgSd .subImg img{width:100%;height:240px;object-fit:cover;border-radius:20px;box-shadow:4px 4px 0 #fcbb2333}
.mssn-blk .cntSd{flex:1;display:flex;flex-direction:column;justify-content:center}
.mssn-blk .cntSd h3{font-size:38px;font-weight:700;color:#D32402;margin:0 0 28px;line-height:1.3;position:relative;padding-left:24px}
.mssn-blk .cntSd h3::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#D32402 0%,#FCBB23 100%);border-radius:16px}
.mssn-blk .cntSd .prgrf{font-size:16px;color:#333;line-height:1.7;margin-bottom:20px}
.mssn-blk .cntSd h6{font-size:20px;font-weight:600;color:#D32402;margin:32px 0 18px}
.mssn-blk .cntSd .lstBox{list-style:none;padding:0;margin:0}
.mssn-blk .cntSd .lstBox li{font-size:15px;color:#444;line-height:1.7;margin-bottom:12px;padding-left:32px;position:relative}
.mssn-blk .cntSd .lstBox li::before{content:'';position:absolute;left:0;top:8px;width:18px;height:18px;background:#FCBB23;border-radius:50%;box-shadow:inset 2px 2px 0 #d324024d}
.btnWrp{margin-top:40px;display:flex;gap:20px}
.btnPrm{display:inline-block;padding:16px 36px;background:#D32402;color:#F7F7F7;text-decoration:none;border-radius:28px;font-size:16px;font-weight:600;transition:all 500ms linear;box-shadow:4px 4px 0 #fcbb234d;position:relative;z-index:10}
.btnPrm:hover{background:#FCBB23;color:#D32402;box-shadow:6px 6px 0 #d3240233;transform:translateY(-4px)}
.btnSec{display:inline-block;padding:16px 36px;background:none;color:#D32402;text-decoration:none;border-radius:28px;font-size:16px;font-weight:600;border:2px solid #D32402;transition:all 400ms linear;position:relative;z-index:10}
.btnSec:hover{background:#D32402;color:#F7F7F7;border-color:#D32402}
@media (max-width: 1024px) {
.stryBlk .gridLyt{grid-template-columns:1fr;gap:40px}
.cardGrid{grid-template-columns:repeat(2,1fr);gap:30px}
.mssn-blk .flxLyt{flex-direction:column;gap:50px}
.hroBox .hdng-txt{font-size:40px}
.aprchSec .hdngWrp h2{font-size:34px}
}
@media (max-width: 768px) {
.hroBox{padding:60px 0}
.hroBox .hdng-txt{font-size:32px}
.hroBox .sbt-txt{font-size:18px}
.stryBlk{padding:70px 0}
.stryBlk .txtCol h2{font-size:28px}
.aprchSec{padding:70px 0}
.aprchSec .hdngWrp h2{font-size:30px}
.cardGrid{grid-template-columns:1fr;gap:24px}
.mssn-blk{padding:70px 0}
.mssn-blk .cntSd h3{font-size:30px}
.mssn-blk .imgSd{grid-template-columns:1fr}
.mssn-blk .imgSd .mainImg{grid-column:1}
.btnWrp{flex-direction:column}
.btnPrm,.btnSec{text-align:center}
}
@media (max-width: 480px) {
.hroBox .hdng-txt{font-size:26px}
.hroBox .sbt-txt{font-size:16px}
.stryBlk .txtCol h2{font-size:24px}
.aprchSec .hdngWrp h2{font-size:26px}
.mssn-blk .cntSd h3{font-size:26px}
.crdBx{padding:32px 24px}
}
.lp-hero-box{background:linear-gradient(97deg,#D32402 0%,#FCBB23 50%,#F7F7F7 100%);padding:80px 20px;position:relative;overflow:hidden}
.lp-hero-box::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#ffffff1a;border-radius:50%;z-index:1}
.hero-ct-wrap{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.hero-ct-wrap .main-hd{font-size:48px;color:#fff;margin:0 0 20px;font-weight:700;text-shadow:2px 4px 6px #0003}
.hero-ct-wrap .sub-txt{font-size:20px;color:#fff;margin:0 0 35px;max-width:650px;line-height:1.6}
.hero-ct-wrap .enroll-bt{display:inline-block;background:#fff;color:#D32402;padding:16px 40px;border-radius:24px;text-decoration:none;font-weight:600;font-size:18px;box-shadow:4px 6px 8px #00000026;transition:all 400ms linear;position:relative;z-index:10}
.hero-ct-wrap .enroll-bt:hover{background:#FCBB23;color:#fff;box-shadow:6px 8px 12px #00000040}
.curriculum-sec{padding:90px 20px;background:#F7F7F7}
.curriculum-wrap{max-width:1140px;margin:0 auto}
.curriculum-wrap .sec-hd{font-size:38px;color:#D32402;margin:0 0 50px;text-align:center;position:relative}
.curriculum-wrap .sec-hd::after{content:'';display:block;width:80px;height:4px;background:#FCBB23;margin:20px auto 0;border-radius:16px}
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.module-card-box{background:#fff;padding:35px 28px;border-radius:20px;box-shadow:3px 5px 7px #00000014;transition:all 500ms linear}
.module-card-box:hover{box-shadow:5px 8px 14px #00000026;transform:translateY(-8px)}
.module-card-box .mod-num{font-size:16px;color:#FCBB23;font-weight:700;margin:0 0 12px}
.module-card-box .mod-title{font-size:22px;color:#333;margin:0 0 15px;font-weight:600}
.module-card-box .mod-desc{font-size:15px;color:#666;line-height:1.6;margin:0}
.instructor-section{padding:85px 20px;background:#fff}
.instructor-container{max-width:1140px;margin:0 auto;display:flex;gap:60px;align-items:center}
.instructor-img-box{flex:0 0 45%}
.instructor-img-box img{width:100%;height:520px;object-fit:cover;border-radius:28px;box-shadow:4px 6px 10px #0000001f}
.instructor-data{flex:1}
.instructor-data .section-heading{font-size:36px;color:#D32402;margin:0 0 25px;font-weight:700}
.instructor-data .inst-name{font-size:26px;color:#333;margin:0 0 10px;font-weight:600}
.instructor-data .inst-role{font-size:18px;color:#FCBB23;margin:0 0 20px;font-weight:500}
.instructor-data .bio-txt{font-size:16px;color:#555;line-height:1.7;margin:0 0 18px}
.instructor-data .credential-list{list-style:none;padding:0;margin:25px 0 0}
.instructor-data .credential-list li{font-size:15px;color:#666;margin:0 0 12px;padding-left:28px;position:relative}
.instructor-data .credential-list li::before{content:'';position:absolute;left:0;top:6px;width:12px;height:12px;background:#FCBB23;border-radius:50%}
.schedule-wrapper{padding:80px 20px;background:linear-gradient(180deg,#F7F7F7 0%,#fff 100%)}
.schedule-inner{max-width:1140px;margin:0 auto}
.schedule-inner .schedule-title{font-size:34px;color:#D32402;margin:0 0 45px;text-align:center}
.schedule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.sched-item{background:#fff;padding:30px;border-left:6px solid #FCBB23;border-radius:18px;box-shadow:2px 4px 8px #0000000f}
.sched-item .week-label{font-size:14px;color:#FCBB23;font-weight:700;margin:0 0 10px;text-transform:uppercase;letter-spacing:1px}
.sched-item .week-heading{font-size:20px;color:#333;margin:0 0 15px;font-weight:600}
.sched-item .week-topics{list-style:none;padding:0;margin:0}
.sched-item .week-topics li{font-size:15px;color:#666;margin:0 0 8px;padding-left:20px;position:relative}
.sched-item .week-topics li::before{content:'→';position:absolute;left:0;color:#D32402}
.enrollment-box{padding:70px 20px;background:linear-gradient(97deg,#FCBB23 0%,#D32402 70%,#333 100%);text-align:center}
.enrollment-content-wrap{max-width:1140px;margin:0 auto}
.enrollment-content-wrap .final-hd{font-size:40px;color:#fff;margin:0 0 20px;font-weight:700}
.enrollment-content-wrap .price-display{font-size:48px;color:#fff;margin:0 0 15px;font-weight:700}
.enrollment-content-wrap .price-detail{font-size:18px;color:#ffffffe6;margin:0 0 35px}
.enrollment-content-wrap .cta-showing{display:inline-block;background:#fff;color:#D32402;padding:18px 50px;border-radius:28px;text-decoration:none;font-weight:700;font-size:20px;box-shadow:4px 6px 10px #00000040;transition:all 500ms linear;position:relative;z-index:10}
.enrollment-content-wrap .cta-showing:hover{background:#F7F7F7;transform:scale(1.05);box-shadow:6px 8px 14px #00000059}
.enrollment-content-wrap .support-txt{font-size:15px;color:#ffffffd9;margin:25px 0 0}
@media (max-width: 992px) {
.module-grid{grid-template-columns:repeat(2,1fr);gap:25px}
.instructor-container{flex-direction:column;gap:40px}
.instructor-img-box{flex:0 0 100%}
.instructor-img-box img{height:420px}
.schedule-grid{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 768px) {
.lp-hero-box{padding:60px 20px}
.hero-ct-wrap .main-hd{font-size:36px}
.hero-ct-wrap .sub-txt{font-size:18px}
.module-grid{grid-template-columns:1fr}
.curriculum-wrap .sec-hd{font-size:32px}
.instructor-data .section-heading{font-size:30px}
.instructor-img-box img{height:350px}
.enrollment-content-wrap .final-hd{font-size:32px}
.enrollment-content-wrap .price-display{font-size:38px}
}
@media (max-width: 480px) {
.hero-ct-wrap .main-hd{font-size:28px}
.hero-ct-wrap .sub-txt{font-size:16px}
.hero-ct-wrap .enroll-bt{padding:14px 32px;font-size:16px}
.curriculum-wrap .sec-hd{font-size:26px}
.module-card-box{padding:25px 20px}
.instructor-data .section-heading{font-size:26px}
.schedule-inner .schedule-title{font-size:28px}
.enrollment-content-wrap .final-hd{font-size:26px}
.enrollment-content-wrap .price-display{font-size:32px}
.enrollment-content-wrap .cta-showing{padding:14px 36px;font-size:18px}
}
.meth-hero-box{background:linear-gradient(97deg,#D32402 0%,#FCBB23 50%,#F7F7F7 100%);padding:80px 20px;position:relative;overflow:hidden}
.meth-hero-box::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#ffffff1a;border-radius:50%;z-index:1}
.meth-hero-box .ct-wrap{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.meth-hero-box .hd-main{font-size:48px;color:#fff;margin:0 0 24px;font-weight:700;text-shadow:2px 4px 6px #0003}
.meth-hero-box .intro-txt{font-size:20px;color:#fff;line-height:1.6;max-width:680px;text-shadow:1px 2px 4px #00000026}
.approach-grid-box{padding:90px 20px;background:#F7F7F7}
.approach-grid-box .ct-wrap{max-width:1140px;margin:0 auto}
.approach-grid-box .section-hd{font-size:38px;color:#D32402;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.approach-grid-box .section-hd::after{content:'';position:absolute;bottom:-8px;left:0;width:120px;height:4px;background:linear-gradient(90deg,#FCBB23 0%,#D32402 100%)}
.approach-grid-box .intro-para{font-size:18px;color:#333;line-height:1.7;margin:0 0 50px;max-width:820px}
.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.grid-container .card-item{background:#fff;padding:36px 28px;border-radius:24px;box-shadow:4px 6px 8px #0000001f;transition:all 500ms linear;position:relative}
.grid-container .card-item::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#D32402 0%,#FCBB23 100%);border-radius:24px 0 0 24px;opacity:0;transition:opacity 500ms linear}
.grid-container .card-item:hover{transform:translateY(-8px);box-shadow:6px 10px 12px #0000002e}
.grid-container .card-item:hover::before{opacity:1}
.grid-container .card-item .step-num{font-size:48px;color:#FCBB23;font-weight:700;margin:0 0 16px;line-height:1}
.grid-container .card-item .card-hd{font-size:22px;color:#D32402;margin:0 0 14px;font-weight:600}
.grid-container .card-item .card-txt{font-size:16px;color:#555;line-height:1.6;margin:0}
.visual-split-box{background:#fff;padding:0;overflow:hidden}
.visual-split-box .split-layout{display:flex;max-width:1140px;margin:0 auto;align-items:stretch}
.visual-split-box .img-side{flex:1;position:relative;min-height:520px}
.visual-split-box .img-side img{width:100%;height:100%;object-fit:cover;display:block}
.visual-split-box .content-side{flex:1;padding:70px 60px;background:linear-gradient(135deg,#F7F7F7 0%,#fff 100%);display:flex;flex-direction:column;justify-content:center}
.visual-split-box .content-side .side-hd{font-size:34px;color:#D32402;margin:0 0 24px;font-weight:700}
.visual-split-box .content-side .benefit-list{list-style:none;padding:0;margin:0 0 28px}
.visual-split-box .content-side .benefit-list li{font-size:17px;color:#333;line-height:1.7;margin:0 0 18px;padding-left:32px;position:relative}
.visual-split-box .content-side .benefit-list li::before{content:'';position:absolute;left:0;top:6px;width:16px;height:16px;background:#FCBB23;border-radius:50%;box-shadow:2px 2px 4px #0000001a}
.visual-split-box .content-side .highlight-txt{font-size:16px;color:#D32402;font-weight:600;margin:0;padding:20px;background:#fcbb2326;border-left:4px solid #FCBB23;border-radius:0 16px 16px 0}
.masonry-block-box{padding:90px 20px;background:linear-gradient(180deg,#F7F7F7 0%,#fff 100%)}
.masonry-block-box .ct-wrap{max-width:1140px;margin:0 auto}
.masonry-block-box .main-title{font-size:38px;color:#D32402;margin:0 0 20px;font-weight:700;text-align:center}
.masonry-block-box .subtitle-txt{font-size:18px;color:#555;line-height:1.6;margin:0 auto 60px;text-align:center;max-width:760px}
.masonry-layout{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.masonry-layout .col-1{grid-column:span 2}
.masonry-layout .col-2{grid-column:span 2}
.masonry-layout .col-3{grid-column:span 1}
.masonry-layout .col-4{grid-column:span 1}
.masonry-layout .col-5{grid-column:span 2}
.masonry-layout .feature-box{background:#fff;padding:32px;border-radius:20px;box-shadow:3px 5px 8px #0000001a;transition:transform 500ms linear,box-shadow 500ms linear;position:relative;overflow:hidden}
.masonry-layout .feature-box::after{content:'';position:absolute;bottom:0;right:0;width:80px;height:80px;background:radial-gradient(circle,#fcbb2333 0%,transparent 70%);z-index:1}
.masonry-layout .feature-box:hover{transform:scale(1.03);box-shadow:5px 8px 14px #00000029}
.masonry-layout .feature-box .icon-shape{width:56px;height:56px;background:linear-gradient(135deg,#D32402 0%,#FCBB23 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 20px;position:relative;z-index:2}
.masonry-layout .feature-box .icon-shape svg{width:28px;height:28px;fill:#fff}
.masonry-layout .feature-box .feature-title{font-size:20px;color:#D32402;margin:0 0 12px;font-weight:600;position:relative;z-index:2}
.masonry-layout .feature-box .feature-desc{font-size:15px;color:#555;line-height:1.6;margin:0;position:relative;z-index:2}
.masonry-layout .img-feature-box{position:relative;border-radius:20px;overflow:hidden;box-shadow:3px 5px 8px #0000001a;transition:transform 500ms linear,box-shadow 500ms linear}
.masonry-layout .img-feature-box:hover{transform:scale(1.03);box-shadow:5px 8px 14px #00000029}
.masonry-layout .img-feature-box img{width:100%;height:280px;object-fit:cover;display:block}
.masonry-layout .img-feature-box .overlay-txt{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000c 0%,transparent 100%);padding:28px 24px;color:#fff}
.masonry-layout .img-feature-box .overlay-title{font-size:22px;margin:0 0 8px;font-weight:700}
.masonry-layout .img-feature-box .overlay-desc{font-size:15px;margin:0;line-height:1.5}
@media (max-width: 1024px) {
.grid-container{grid-template-columns:repeat(2,1fr);gap:24px}
.masonry-layout{grid-template-columns:repeat(2,1fr);gap:20px}
.masonry-layout .col-1,.masonry-layout .col-2,.masonry-layout .col-3,.masonry-layout .col-4,.masonry-layout .col-5{grid-column:span 1}
.visual-split-box .split-layout{flex-direction:column}
.visual-split-box .img-side{min-height:400px}
.visual-split-box .content-side{padding:50px 40px}
}
@media (max-width: 768px) {
.meth-hero-box{padding:60px 20px}
.meth-hero-box .hd-main{font-size:36px}
.meth-hero-box .intro-txt{font-size:17px}
.grid-container{grid-template-columns:1fr;gap:20px}
.approach-grid-box{padding:60px 20px}
.approach-grid-box .section-hd{font-size:30px}
.masonry-block-box{padding:60px 20px}
.masonry-block-box .main-title{font-size:30px}
.masonry-layout{grid-template-columns:1fr;gap:16px}
.visual-split-box .img-side{min-height:300px}
.visual-split-box .content-side{padding:40px 24px}
.visual-split-box .content-side .side-hd{font-size:28px}
}
@media (max-width: 480px) {
.meth-hero-box .hd-main{font-size:28px}
.approach-grid-box .section-hd{font-size:26px}
.masonry-block-box .main-title{font-size:26px}
.grid-container .card-item{padding:28px 20px}
}
.hdr-blr{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:80px}
.hdr-blr .bg-img-wrp{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.hdr-blr .bg-img-wrp img{width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.1)}
.hdr-blr .bg-img-wrp::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(97deg,#d32402bf 0%,#fcbb23a6 50%,#f7f7f773 100%)}
.hdr-blr .crcl-deco{position:absolute;border-radius:50%;opacity:.15;z-index:2}
.hdr-blr .crcl-deco:nth-child(1){width:280px;height:280px;background:#FCBB23;top:-100px;left:10%}
.hdr-blr .crcl-deco:nth-child(2){width:180px;height:180px;background:#D32402;bottom:-60px;right:15%}
.hdr-blr .crcl-deco:nth-child(3){width:120px;height:120px;background:#F7F7F7;top:30%;right:8%}
.hdr-blr .ct-wrp{position:relative;z-index:3;max-width:840px;text-align:center;padding:50px 25px;background:#ffffffeb;border-radius:24px;box-shadow:0 6px 2px #0000001f;margin:0 20px}
.hdr-blr .ct-wrp .ttl-main{font-size:48px;font-weight:700;color:#D32402;margin:0 0 18px;line-height:1.2}
.hdr-blr .ct-wrp .dsc-txt{font-size:19px;color:#333;line-height:1.6;margin:0 0 32px;max-width:680px;margin-left:auto;margin-right:auto}
.hdr-blr .ct-wrp .bt-grp{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.hdr-blr .ct-wrp .bt-primary{display:inline-block;padding:16px 36px;background:linear-gradient(135deg,#D32402 0%,#FCBB23 100%);color:#fff;text-decoration:none;font-size:17px;font-weight:600;border-radius:28px;transition:all 450ms linear;box-shadow:0 4px 2px #d3240240;z-index:10;position:relative}
.hdr-blr .ct-wrp .bt-primary:hover{transform:scale(1.05);box-shadow:0 6px 4px #d3240259}
.hdr-blr .ct-wrp .bt-secondary{display:inline-block;padding:16px 36px;background:none;color:#D32402;text-decoration:none;font-size:17px;font-weight:600;border:3px solid #D32402;border-radius:28px;transition:all 500ms linear;z-index:10;position:relative}
.hdr-blr .ct-wrp .bt-secondary:hover{background:#D32402;color:#fff}
.pltfrm-info{max-width:1140px;margin:0 auto 90px;padding:0 20px}
.pltfrm-info .rw-split{display:flex;gap:60px;align-items:center}
.pltfrm-info .rw-split .ct-side{flex:1}
.pltfrm-info .rw-split .img-side{flex:1}
.pltfrm-info .rw-split .img-side img{width:100%;height:auto;border-radius:20px;box-shadow:0 5px 3px #0000002e;object-fit:cover}
.pltfrm-info .hdng-sect{font-size:38px;font-weight:700;color:#333;margin:0 0 22px;line-height:1.3;position:relative;padding-left:22px}
.pltfrm-info .hdng-sect::before{content:'';position:absolute;left:0;top:6px;width:6px;height:calc(100% - 12px);background:linear-gradient(180deg,#D32402 0%,#FCBB23 100%);border-radius:3px}
.pltfrm-info .txt-para{font-size:17px;color:#555;line-height:1.7;margin:0 0 16px}
.pltfrm-info .lst-items{margin:24px 0;padding:0;list-style:none}
.pltfrm-info .lst-items li{font-size:16px;color:#444;line-height:1.6;margin-bottom:14px;padding-left:32px;position:relative}
.pltfrm-info .lst-items li::before{content:'→';position:absolute;left:0;color:#FCBB23;font-weight:700;font-size:20px}
.partners-showing{background:#F7F7F7;padding:75px 20px;margin-bottom:85px}
.partners-showing .innr-bx{max-width:1140px;margin:0 auto}
.partners-showing .hdng-ctr{text-align:center;margin-bottom:50px}
.partners-showing .hdng-ctr h2{font-size:42px;font-weight:700;color:#D32402;margin:0 0 16px;position:relative;display:inline-block}
.partners-showing .hdng-ctr h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#FCBB23;border-radius:2px}
.partners-showing .hdng-ctr .sub-line{font-size:18px;color:#666;margin:20px 0 0}
.partners-showing .grd-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.partners-showing .crd-item{background:#fff;padding:32px 28px;border-radius:18px;box-shadow:0 4px 2px #00000014;transition:all 550ms linear}
.partners-showing .crd-item:hover{transform:translateY(-8px);box-shadow:0 8px 4px #00000024}
.partners-showing .crd-item h5{font-size:22px;font-weight:700;color:#333;margin:0 0 14px}
.partners-showing .crd-item h6{font-size:17px;font-weight:600;color:#FCBB23;margin:0 0 12px}
.partners-showing .crd-item .desc-small{font-size:15px;color:#555;line-height:1.6;margin:0}
.transparency-zone{max-width:1140px;margin:0 auto 75px;padding:0 20px}
.transparency-zone .grd-asym{display:grid;grid-template-columns:1fr 1.4fr;gap:55px;align-items:start}
.transparency-zone .img-col img{width:100%;height:auto;border-radius:24px;box-shadow:0 6px 3px #00000029;object-fit:cover}
.transparency-zone .ct-col h3{font-size:36px;font-weight:700;color:#333;margin:0 0 20px;line-height:1.3}
.transparency-zone .ct-col .highlight-term{color:#D32402;font-weight:700}
.transparency-zone .ct-col .content-para{font-size:17px;color:#555;line-height:1.7;margin:0 0 18px}
.transparency-zone .ct-col .metric-display{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px}
.transparency-zone .ct-col .stat-box{background:linear-gradient(135deg,#d3240214 0%,#fcbb2314 100%);padding:22px 18px;border-radius:16px;text-align:center;border:2px solid #d3240226;transition:all 500ms linear}
.transparency-zone .ct-col .stat-box:hover{border-color:#FCBB23;transform:scale(1.03)}
.transparency-zone .ct-col .stat-box .num-big{font-size:32px;font-weight:700;color:#D32402;margin:0 0 6px;line-height:1}
.transparency-zone .ct-col .stat-box .lbl-small{font-size:14px;color:#666;margin:0}
@media (max-width: 1024px) {
.hdr-blr .ct-wrp .ttl-main{font-size:38px}
.pltfrm-info .rw-split{flex-direction:column;gap:40px}
.partners-showing .grd-cards{grid-template-columns:repeat(2,1fr);gap:28px}
.transparency-zone .grd-asym{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.hdr-blr{min-height:420px;margin-bottom:60px}
.hdr-blr .ct-wrp{padding:35px 20px;margin:0 15px}
.hdr-blr .ct-wrp .ttl-main{font-size:32px;margin-bottom:14px}
.hdr-blr .ct-wrp .dsc-txt{font-size:17px;margin-bottom:26px}
.hdr-blr .ct-wrp .bt-grp{flex-direction:column;gap:14px}
.hdr-blr .ct-wrp .bt-primary,.hdr-blr .ct-wrp .bt-secondary{width:100%;text-align:center}
.pltfrm-info{margin-bottom:65px}
.pltfrm-info .hdng-sect{font-size:30px}
.partners-showing{padding:55px 20px;margin-bottom:65px}
.partners-showing .hdng-ctr h2{font-size:34px}
.partners-showing .grd-cards{grid-template-columns:1fr;gap:22px}
.transparency-zone{margin-bottom:55px}
.transparency-zone .ct-col h3{font-size:28px}
.transparency-zone .ct-col .metric-display{grid-template-columns:1fr;gap:18px}
}
@media (max-width: 480px) {
.hdr-blr .ct-wrp .ttl-main{font-size:26px}
.hdr-blr .ct-wrp .dsc-txt{font-size:16px}
.hdr-blr .ct-wrp .bt-primary,.hdr-blr .ct-wrp .bt-secondary{padding:14px 28px;font-size:16px}
.pltfrm-info .hdng-sect{font-size:26px}
.partners-showing .hdng-ctr h2{font-size:28px}
.transparency-zone .ct-col h3{font-size:24px}
}
.ct-wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.hero-ct{padding:80px 0 60px;background:linear-gradient(97deg,#D32402 0%,#FCBB23 50%,#F7F7F7 100%);position:relative}
.hero-ct .hd-bx{max-width:720px}
.hero-ct .main-ttl{font-size:48px;line-height:1.2;color:#F7F7F7;margin:0 0 20px;font-weight:700}
.hero-ct .desc-txt{font-size:19px;line-height:1.6;color:#F7F7F7;margin:0}
.info-grid-sec{padding:70px 0;background:#F7F7F7}
.info-grid-sec .sec-hdr{text-align:center;margin-bottom:50px}
.info-grid-sec .sec-hdr h2{font-size:36px;color:#D32402;margin:0 0 15px;font-weight:700}
.info-grid-sec .sec-hdr .sub-hdr{font-size:18px;color:#333;margin:0;line-height:1.5}
.grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.info-card{background:#fff;padding:35px 25px;border-radius:24px;box-shadow:0 4px 8px #d324021a;transition:all 500ms linear}
.info-card:hover{transform:translateY(-8px);box-shadow:0 8px 16px #d3240233}
.info-card .icon-bx{width:60px;height:60px;background:linear-gradient(135deg,#D32402 0%,#FCBB23 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.info-card .icon-bx svg{width:30px;height:30px;fill:#F7F7F7}
.info-card h3{font-size:22px;color:#D32402;margin:0 0 12px;font-weight:700}
.info-card .detail-txt{font-size:16px;color:#555;line-height:1.6;margin:0}
.info-card .detail-txt a{color:#D32402;text-decoration:none;transition:color 400ms linear}
.info-card .detail-txt a:hover{color:#FCBB23}
.form-visual-sec{padding:70px 0;background:#fff}
.form-visual-sec .split-layout{display:flex;gap:60px;align-items:flex-start}
.form-visual-sec .form-col{flex:1}
.form-visual-sec .visual-col{flex:1}
.form-visual-sec .form-col h2{font-size:34px;color:#D32402;margin:0 0 12px;font-weight:700}
.form-visual-sec .form-col .intro-txt{font-size:17px;color:#555;line-height:1.6;margin:0 0 35px}
.contact-frm{display:flex;flex-direction:column;gap:20px}
.form-row{display:flex;flex-direction:row;gap:20px}
.form-group{flex:1;display:flex;flex-direction:column}
.form-group.full-wd{width:100%}
.form-group label{font-size:15px;color:#333;margin-bottom:8px;font-weight:600}
.form-group input[type="text"],.form-group input[type="email"],.form-group select{padding:14px 16px;border:2px solid #e0e0e0;border-radius:16px;font-size:16px;color:#333;transition:all 500ms linear;background:#F7F7F7;width:100%;box-sizing:border-box}
.form-group input[type="text"]:focus,.form-group input[type="email"]:focus,.form-group select:focus{outline:none;border-color:#D32402;background:#fff;box-shadow:0 0 0 3px #d324021a}
.form-group select{appearance:none;padding-right:45px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23D32402' d='M6 8L0 0h12z'/%3E%3C/svg%3E") no-repeat right 16px center}
.privacy-chk{display:flex;align-items:flex-start;gap:10px;margin-top:10px}
.privacy-chk input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#D32402}
.privacy-chk label{font-size:14px;color:#555;line-height:1.5;cursor:pointer}
.privacy-chk label a{color:#D32402;text-decoration:underline;transition:color 400ms linear}
.privacy-chk label a:hover{color:#FCBB23}
.submit-bt{padding:16px 40px;background:linear-gradient(135deg,#D32402 0%,#FCBB23 100%);color:#fff;border:none;border-radius:24px;font-size:18px;font-weight:700;cursor:pointer;transition:all 500ms linear;box-shadow:0 4px 8px #d3240233;margin-top:10px}
.submit-bt:hover{transform:translateY(-3px);box-shadow:0 8px 16px #d324024d}
.visual-col .img-wrap{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 6px 20px #00000026}
.visual-col .img-wrap img{width:100%;height:auto;display:block;object-fit:cover}
.visual-col .img-caption{margin-top:20px;padding:20px;background:#F7F7F7;border-radius:20px;border-left:4px solid #FCBB23}
.visual-col .img-caption h4{font-size:19px;color:#D32402;margin:0 0 10px;font-weight:700}
.visual-col .img-caption p{font-size:15px;color:#555;line-height:1.6;margin:0}
.hours-sec{padding:70px 0;background:linear-gradient(180deg,#F7F7F7 0%,#fff 100%)}
.hours-sec .ct-wrap{max-width:900px}
.hours-sec h2{font-size:36px;color:#D32402;text-align:center;margin:0 0 40px;font-weight:700}
.hours-sec h2::before{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#D32402 0%,#FCBB23 100%);margin:0 auto 15px;border-radius:2px}
.hours-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.hours-bx{background:#fff;padding:30px;border-radius:24px;box-shadow:0 3px 12px #00000014;border-top:4px solid #FCBB23}
.hours-bx h5{font-size:20px;color:#D32402;margin:0 0 15px;font-weight:700;display:flex;align-items:center;gap:10px}
.hours-bx h5::before{content:'';width:8px;height:8px;background:#FCBB23;border-radius:50%;display:block}
.hours-bx p{font-size:16px;color:#555;line-height:1.7;margin:0}
.hours-bx .highlight-time{color:#D32402;font-weight:600}
@media (max-width: 1024px) {
.grid-3col{grid-template-columns:repeat(2,1fr);gap:30px}
.form-visual-sec .split-layout{gap:40px}
.hours-grid{gap:25px}
}
@media (max-width: 768px) {
.hero-ct{padding:60px 0 40px}
.hero-ct .main-ttl{font-size:36px}
.hero-ct .desc-txt{font-size:17px}
.grid-3col{grid-template-columns:1fr;gap:25px}
.info-grid-sec{padding:50px 0}
.info-grid-sec .sec-hdr h2{font-size:30px}
.form-visual-sec{padding:50px 0}
.form-visual-sec .split-layout{flex-direction:column;gap:40px}
.form-visual-sec .form-col h2{font-size:28px}
.form-row{flex-direction:column;gap:20px}
.hours-sec{padding:50px 0}
.hours-sec h2{font-size:30px}
.hours-grid{grid-template-columns:1fr;gap:20px}
}
@media (max-width: 480px) {
.hero-ct .main-ttl{font-size:28px}
.hero-ct .desc-txt{font-size:16px}
.info-grid-sec .sec-hdr h2{font-size:26px}
.form-visual-sec .form-col h2{font-size:24px}
.submit-bt{width:100%;padding:14px 30px}
.hours-sec h2{font-size:26px}
}
.policy-hd{background:linear-gradient(97deg,#D32402 0%,#FCBB23 50%,#F7F7F7 100%);padding:80px 20px 60px;text-align:center}
.policy-hd h1{font-size:42px;color:#FCFCFC;margin:0 0 16px;text-shadow:2px 2px 4px #0003}
.policy-hd .upd-dt{font-size:16px;color:#F7F7F7;margin:0}
.pol-wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.intro-bx{padding:60px 20px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.intro-bx .txt-side h2{font-size:32px;color:#1A1A1A;margin:0 0 20px;position:relative;padding-left:20px}
.intro-bx .txt-side h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:24px;background:linear-gradient(180deg,#D32402,#FCBB23);border-radius:16px}
.intro-bx .txt-side p{font-size:17px;line-height:1.6;color:#333;margin:0 0 16px}
.intro-bx .visual-side{background:#F7F7F7;padding:40px;border-radius:24px;box-shadow:4px 4px 6px #00000014;position:relative}
.intro-bx .visual-side::after{content:'';position:absolute;bottom:-10px;right:-10px;width:80px;height:80px;background:radial-gradient(circle,#FCBB23 0%,transparent 70%);border-radius:32px;opacity:.4;z-index:-1}
.intro-bx .key-pnt{display:flex;flex-direction:column;gap:16px}
.intro-bx .pnt-itm{display:flex;align-items:flex-start;gap:12px}
.intro-bx .pnt-itm svg{flex-shrink:0;margin-top:2px}
.intro-bx .pnt-itm h6{font-size:16px;color:#D32402;margin:0 0 4px;font-weight:600}
.intro-bx .pnt-itm p{font-size:15px;line-height:1.5;color:#555;margin:0}
.ck-types-sec{padding:50px 20px;background:#FAFAFA}
.ck-types-sec h3{font-size:28px;color:#1A1A1A;text-align:center;margin:0 0 40px;position:relative;display:inline-block;width:100%}
.ck-types-sec h3::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#D32402,#FCBB23);border-radius:16px}
.ck-grd{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1140px;margin:0 auto}
.ck-crd{background:#FFF;padding:32px 24px;border-radius:20px;border:2px solid #F0F0F0;transition:transform 500ms linear,box-shadow 500ms linear;position:relative}
.ck-crd:hover{transform:translateY(-4px);box-shadow:6px 6px 8px #d324021f}
.ck-crd h5{font-size:20px;color:#D32402;margin:0 0 16px;font-weight:600}
.ck-crd p{font-size:15px;line-height:1.6;color:#444;margin:0 0 12px}
.ck-crd .dur-tag{display:inline-block;background:#F7F7F7;color:#666;font-size:13px;padding:6px 14px;border-radius:20px;margin-top:8px}
.usage-sec{padding:60px 20px;max-width:1140px;margin:0 auto}
.usage-sec h3{font-size:28px;color:#1A1A1A;margin:0 0 12px;text-align:left}
.usage-sec .sub-intro{font-size:17px;color:#555;margin:0 0 40px;line-height:1.5}
.usage-grd{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.usage-itm{background:linear-gradient(135deg,#F7F7F7 0%,#FFF 100%);padding:28px 20px;border-radius:16px;border-left:4px solid #FCBB23;transition:border-color 500ms linear}
.usage-itm:hover{border-left-color:#D32402}
.usage-itm h6{font-size:16px;color:#1A1A1A;margin:0 0 10px;font-weight:600}
.usage-itm p{font-size:14px;line-height:1.5;color:#666;margin:0}
.control-sec{padding:60px 20px;background:linear-gradient(180deg,#FFF 0%,#F7F7F7 100%)}
.control-wrap{max-width:1140px;margin:0 auto;display:flex;flex-direction:row;gap:60px;align-items:flex-start}
.control-wrap .txt-area{flex:1}
.control-wrap .txt-area h3{font-size:28px;color:#1A1A1A;margin:0 0 20px}
.control-wrap .txt-area p{font-size:16px;line-height:1.6;color:#444;margin:0 0 16px}
.control-wrap .txt-area h5{font-size:18px;color:#D32402;margin:24px 0 12px;font-weight:600}
.control-wrap .txt-area ul{list-style:none;padding:0;margin:0}
.control-wrap .txt-area ul li{font-size:15px;color:#555;padding:8px 0 8px 28px;position:relative;line-height:1.5}
.control-wrap .txt-area ul li::before{content:'→';position:absolute;left:0;color:#FCBB23;font-weight:700}
.control-wrap .visual-area{flex:0 0 380px;background:#FFF;padding:32px;border-radius:28px;box-shadow:4px 4px 6px #00000014}
.browser-demo{background:#F9F9F9;border-radius:16px;padding:20px;border:2px solid #E8E8E8}
.browser-demo .demo-hd{display:flex;align-items:center;gap:6px;margin-bottom:16px}
.browser-demo .demo-hd span{width:10px;height:10px;border-radius:32px;display:block}
.browser-demo .demo-hd span:nth-child(1){background:#D32402}
.browser-demo .demo-hd span:nth-child(2){background:#FCBB23}
.browser-demo .demo-hd span:nth-child(3){background:#28A745}
.browser-demo h6{font-size:14px;color:#666;margin:0 0 12px;text-align:center}
.ck-toggle{display:flex;align-items:center;justify-content:space-between;background:#FFF;padding:14px 18px;border-radius:12px;margin-bottom:10px;border:1px solid #E0E0E0}
.ck-toggle span{font-size:14px;color:#333}
.toggle-sw{width:48px;height:24px;background:#28A745;border-radius:24px;position:relative;cursor:pointer;transition:background 400ms linear}
.toggle-sw::after{content:'';position:absolute;top:3px;right:3px;width:18px;height:18px;background:#FFF;border-radius:24px;transition:transform 400ms linear}
.ck-toggle.disabled .toggle-sw{background:#CCC}
.ck-toggle.disabled .toggle-sw::after{transform:translateX(-24px)}
.third-party-sec{padding:60px 20px;max-width:1140px;margin:0 auto}
.third-party-sec h3{font-size:28px;color:#1A1A1A;margin:0 0 32px}
.third-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.third-card{background:#FFF;padding:28px 24px;border-radius:20px;border:2px solid #E8E8E8;position:relative;overflow:hidden}
.third-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#D32402,#FCBB23)}
.third-card h5{font-size:20px;color:#D32402;margin:0 0 14px;font-weight:600}
.third-card p{font-size:15px;line-height:1.6;color:#555;margin:0 0 16px}
.third-card .link-ext{font-size:14px;color:#FCBB23;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:color 500ms linear}
.third-card .link-ext:hover{color:#D32402}
.changes-sec{padding:60px 20px;background:linear-gradient(97deg,#F7F7F7 0%,#FFF 50%,#F7F7F7 100%)}
.changes-wrap{max-width:900px;margin:0 auto;text-align:center}
.changes-wrap h3{font-size:28px;color:#1A1A1A;margin:0 0 20px}
.changes-wrap p{font-size:17px;line-height:1.6;color:#444;margin:0 0 32px}
.changes-wrap .timeline-bx{background:#FFF;padding:32px;border-radius:24px;box-shadow:4px 4px 6px #0000000f;text-align:left;margin-bottom:32px}
.changes-wrap .timeline-bx h5{font-size:18px;color:#D32402;margin:0 0 16px;font-weight:600}
.changes-wrap .timeline-bx ul{list-style:none;padding:0;margin:0}
.changes-wrap .timeline-bx ul li{font-size:15px;color:#555;padding:10px 0 10px 32px;position:relative;line-height:1.5;border-left:2px solid #F0F0F0}
.changes-wrap .timeline-bx ul li::before{content:'';position:absolute;left:-6px;top:16px;width:10px;height:10px;background:#FCBB23;border-radius:16px}
.contact-footer{padding:50px 20px;background:#1A1A1A;text-align:center}
.contact-footer h4{font-size:24px;color:#F7F7F7;margin:0 0 20px}
.contact-footer p{font-size:16px;color:#CCC;margin:0 0 28px;line-height:1.5}
.contact-footer .ct-btn{display:inline-block;background:linear-gradient(97deg,#D32402 0%,#FCBB23 100%);color:#FFF;font-size:16px;font-weight:600;padding:14px 36px;border-radius:28px;text-decoration:none;transition:transform 500ms linear,box-shadow 500ms linear;box-shadow:4px 4px 6px #0003;position:relative;z-index:10}
.contact-footer .ct-btn:hover{transform:scale(1.05);box-shadow:6px 6px 8px #0000004d}
@media (max-width: 1024px) {
.intro-bx{grid-template-columns:1fr;gap:40px}
.ck-grd{grid-template-columns:repeat(2,1fr)}
.usage-grd{grid-template-columns:repeat(2,1fr)}
.control-wrap{flex-direction:column;gap:40px}
.control-wrap .visual-area{flex:1;width:100%}
}
@media (max-width: 768px) {
.policy-hd{padding:60px 20px 40px}
.policy-hd h1{font-size:32px}
.intro-bx{padding:40px 20px}
.intro-bx .txt-side h2{font-size:26px}
.ck-grd{grid-template-columns:1fr}
.usage-grd{grid-template-columns:1fr}
.third-grid{grid-template-columns:1fr}
.ck-types-sec h3,.usage-sec h3,.control-wrap .txt-area h3,.third-party-sec h3,.changes-wrap h3{font-size:24px}
}
.prv-hd{background:linear-gradient(97deg,#D32402 0%,#FCBB23 50%,#F7F7F7 100%);padding:80px 20px;text-align:center;margin-bottom:60px}
.prv-hd .ct-wrap{max-width:1140px;margin:0 auto}
.prv-hd h1{font-size:48px;color:#fff;margin:0 0 16px;text-shadow:2px 2px 6px #0003}
.prv-hd .upd-date{font-size:18px;color:#1a1a1a;font-weight:500}
.doc-ct{max-width:1140px;margin:0 auto 80px;padding:0 20px}
.intro-txt{background:#F7F7F7;padding:40px;border-radius:24px;margin-bottom:50px;box-shadow:4px 4px 8px #0000001a}
.intro-txt p{font-size:18px;line-height:1.7;color:#2d2d2d;margin:0}
.sec-blk{margin-bottom:50px}
.sec-blk h2{font-size:32px;color:#D32402;margin:0 0 20px;position:relative;padding-bottom:12px}
.sec-blk h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:#FCBB23;border-radius:24px}
.sec-blk p{font-size:16px;line-height:1.8;color:#3a3a3a;margin:0 0 16px}
.sec-blk ul{list-style:none;padding:0;margin:20px 0}
.sec-blk ul li{font-size:16px;line-height:1.8;color:#3a3a3a;padding-left:30px;margin-bottom:12px;position:relative}
.sec-blk ul li::before{content:'';position:absolute;left:0;top:8px;width:12px;height:12px;background:#FCBB23;border-radius:50%}
.dt-collect-grd{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin:30px 0}
.dt-card{background:#F7F7F7;padding:32px;border-radius:20px;border-left:6px solid #D32402;box-shadow:2px 2px 6px #00000014;transition:all 400ms linear}
.dt-card:hover{transform:translateY(-4px);box-shadow:4px 4px 12px #00000026}
.dt-card h3{font-size:22px;color:#D32402;margin:0 0 12px}
.dt-card p{font-size:15px;line-height:1.7;color:#3a3a3a;margin:0}
.usage-tbl-wrap{background:#fff;border-radius:20px;overflow:hidden;box-shadow:4px 4px 8px #0000001a;margin:30px 0}
.usage-tbl{width:100%;border-collapse:collapse}
.usage-tbl thead{background:linear-gradient(97deg,#D32402 0%,#FCBB23 100%)}
.usage-tbl thead th{padding:20px;text-align:left;font-size:18px;color:#fff;font-weight:600}
.usage-tbl tbody tr{border-bottom:1px solid #e8e8e8;transition:all 400ms linear}
.usage-tbl tbody tr:hover{background:#F7F7F7}
.usage-tbl tbody td{padding:18px 20px;font-size:15px;color:#3a3a3a;vertical-align:top}
.usage-tbl tbody td:first-child{font-weight:600;color:#D32402}
.sharing-grid{display:flex;flex-direction:row;gap:40px;margin:40px 0;align-items:flex-start}
.sharing-txt-box{flex:1}
.sharing-txt-box h3{font-size:24px;color:#D32402;margin:0 0 16px}
.sharing-txt-box p{font-size:16px;line-height:1.8;color:#3a3a3a;margin:0 0 12px}
.sharing-vis{flex:0 0 320px;background:linear-gradient(135deg,#F7F7F7 0%,#fff 100%);padding:30px;border-radius:24px;box-shadow:4px 4px 8px #00000014;position:relative}
.sharing-vis::before{content:'';position:absolute;top:-10px;right:-10px;width:60px;height:60px;background:#FCBB23;border-radius:50%;opacity:.3}
.sharing-vis::after{content:'';position:absolute;bottom:-10px;left:-10px;width:80px;height:80px;background:#D32402;border-radius:50%;opacity:.2}
.sharing-vis h4{font-size:18px;color:#D32402;margin:0 0 16px;position:relative;z-index:2}
.sharing-vis ul{list-style:none;padding:0;margin:0;position:relative;z-index:2}
.sharing-vis ul li{font-size:15px;color:#3a3a3a;padding:8px 0 8px 24px;position:relative}
.sharing-vis ul li::before{content:'';position:absolute;left:0;top:14px;width:10px;height:10px;background:#D32402;transform:rotate(45deg)}
.rights-sec{background:#F7F7F7;padding:50px 40px;border-radius:28px;margin:50px 0;position:relative;overflow:hidden}
.rights-sec::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#D32402 0%,#FCBB23 100%)}
.rights-sec h2{font-size:32px;color:#D32402;margin:0 0 24px}
.rights-sec h3{font-size:22px;color:#2d2d2d;margin:32px 0 16px}
.rights-sec p{font-size:16px;line-height:1.8;color:#3a3a3a;margin:0 0 16px}
.rights-sec ul{list-style:none;padding:0;margin:20px 0}
.rights-sec ul li{font-size:16px;line-height:1.8;color:#3a3a3a;padding-left:30px;margin-bottom:12px;position:relative}
.rights-sec ul li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:#D32402;border-radius:50%}
.security-wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:40px 0}
.security-item{background:#fff;padding:36px;border-radius:24px;box-shadow:2px 2px 6px #00000014;border-top:4px solid #FCBB23;transition:all 500ms linear}
.security-item:hover{box-shadow:6px 6px 16px #0000001f}
.security-item h4{font-size:20px;color:#D32402;margin:0 0 16px;display:flex;flex-direction:row;align-items:center;gap:12px}
.security-item h4::before{content:'';display:block;width:32px;height:32px;background:linear-gradient(135deg,#D32402 0%,#FCBB23 100%);border-radius:50%;flex-shrink:0}
.security-item p{font-size:15px;line-height:1.8;color:#3a3a3a;margin:0}
.contact-final{background:linear-gradient(135deg,#D32402 0%,#FCBB23 100%);padding:60px 40px;border-radius:28px;text-align:center;margin:60px 0 0}
.contact-final h2{font-size:36px;color:#fff;margin:0 0 20px}
.contact-final p{font-size:18px;color:#1a1a1a;line-height:1.7;margin:0 0 32px;max-width:700px;margin-left:auto;margin-right:auto}
.contact-final .ct-bt{display:inline-block;padding:16px 48px;background:#fff;color:#D32402;text-decoration:none;font-size:18px;font-weight:600;border-radius:28px;transition:all 500ms linear;box-shadow:4px 4px 8px #00000026;position:relative;z-index:10}
.contact-final .ct-bt:hover{transform:scale(1.05);box-shadow:6px 6px 16px #00000040;background:#F7F7F7}
@media (max-width: 768px) {
.prv-hd{padding:60px 20px}
.prv-hd h1{font-size:36px}
.intro-txt{padding:28px}
.dt-collect-grd{grid-template-columns:1fr}
.usage-tbl-wrap{overflow-x:auto}
.usage-tbl thead th,.usage-tbl tbody td{padding:12px;font-size:14px}
.sharing-grid{flex-direction:column}
.sharing-vis{flex:1;width:100%}
.security-wrap{grid-template-columns:1fr}
.contact-final{padding:40px 24px}
.contact-final h2{font-size:28px}
}
@media (max-width: 480px) {
.prv-hd h1{font-size:28px}
.sec-blk h2{font-size:26px}
.rights-sec{padding:32px 24px}
.security-item{padding:24px}
}
.success-outer{max-width:1140px;margin:60px auto;padding:0 20px}
.success-content-wrapper{background:linear-gradient(135deg,#F7F7F7 0%,#FCBB23 100%);border-radius:24px;padding:80px 60px;text-align:center;position:relative;overflow:hidden}
.success-content-wrapper::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#d3240214 0%,transparent 70%);animation:rotating 20s linear infinite}
@keyframes rotating {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.success-icon-container{position:relative;width:120px;height:120px;margin:0 auto 40px;z-index:2}
.success-icon-container svg{width:100%;height:100%;filter:drop-shadow(0 8px 16px #d3240233)}
.success-icon-container .outer-ring{fill:none;stroke:#D32402;stroke-width:3;stroke-dasharray:350;stroke-dashoffset:350;animation:drawCircle 600ms ease-out forwards}
.success-icon-container .checkmark{fill:none;stroke:#D32402;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:drawCheck 400ms 400ms ease-out forwards}
@keyframes drawCircle {
to{stroke-dashoffset:0}
}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.success-main-heading{font-size:48px;font-weight:700;color:#D32402;margin:0 0 24px;position:relative;z-index:2;letter-spacing:-.5px}
.success-sub-message{font-size:20px;color:#2d2d2d;margin:0 0 16px;line-height:1.6;position:relative;z-index:2}
.success-details-text{font-size:16px;color:#4a4a4a;margin:0 0 48px;line-height:1.7;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.success-next-steps-box{background:#ffffffe6;border-radius:20px;padding:40px;margin:0 auto 40px;max-width:700px;position:relative;z-index:2;box-shadow:0 4px 12px #0000000d}
.success-next-steps-box h4{font-size:24px;color:#D32402;margin:0 0 28px;font-weight:600}
.steps-list-container{display:flex;flex-direction:column;gap:20px;text-align:left}
.single-step-item{display:flex;gap:16px;align-items:flex-start}
.step-number-badge{background:linear-gradient(135deg,#D32402 0%,#FCBB23 100%);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}
.step-content-text{flex:1}
.step-content-text h5{font-size:18px;color:#2d2d2d;margin:0 0 8px;font-weight:600}
.step-content-text p{font-size:15px;color:#5a5a5a;margin:0;line-height:1.6}
.btn-group-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.btn-primary-action{background:#D32402;color:#fff;padding:16px 40px;border-radius:28px;text-decoration:none;font-size:17px;font-weight:600;transition:all 400ms linear;display:inline-block;box-shadow:0 6px 16px #d324024d}
.btn-primary-action:hover{background:#a81d01;transform:translateY(-2px);box-shadow:0 8px 20px #d3240266}
.btn-secondary-action{background:none;color:#D32402;padding:16px 40px;border-radius:28px;text-decoration:none;font-size:17px;font-weight:600;border:2px solid #D32402;transition:all 400ms linear;display:inline-block}
.btn-secondary-action:hover{background:#D32402;color:#fff;transform:translateY(-2px)}
.decorative-shapes-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}
.shape-circle-one{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#fcbb234d 0%,transparent 70%);top:10%;right:5%;animation:floating 6s ease-in-out infinite}
.shape-circle-two{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#d3240233 0%,transparent 70%);bottom:15%;left:8%;animation:floating 8s ease-in-out infinite;animation-delay:1s}
.shape-triangle{position:absolute;width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:104px solid #fcbb2326;top:50%;left:10%;animation:floating 7s ease-in-out infinite;animation-delay:2s}
@keyframes floating {
0%,100%{transform:translateY(0px) rotate(0deg)}
50%{transform:translateY(-20px) rotate(5deg)}
}
@media (max-width: 768px) {
.success-outer{margin:40px auto;padding:0 16px}
.success-content-wrapper{padding:60px 30px;border-radius:20px}
.success-icon-container{width:100px;height:100px;margin-bottom:32px}
.success-main-heading{font-size:36px;margin-bottom:20px}
.success-sub-message{font-size:18px}
.success-details-text{font-size:15px;margin-bottom:36px}
.success-next-steps-box{padding:30px 24px}
.success-next-steps-box h4{font-size:22px;margin-bottom:24px}
.step-content-text h5{font-size:17px}
.step-content-text p{font-size:14px}
.btn-group-actions{flex-direction:column;gap:12px}
.btn-primary-action,.btn-secondary-action{width:100%;text-align:center}
.shape-circle-one,.shape-circle-two{width:120px;height:120px}
.shape-triangle{border-left-width:40px;border-right-width:40px;border-bottom-width:70px}
}
@media (max-width: 480px) {
.success-content-wrapper{padding:40px 20px}
.success-main-heading{font-size:28px}
.success-sub-message{font-size:16px}
.success-next-steps-box{padding:24px 20px}
.single-step-item{gap:12px}
.step-number-badge{width:32px;height:32px;font-size:14px}
}