*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Alegreya',serif;font-size:16px;line-height:1.6;color:#2d3748;background-color:#F2FDF5}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.hd-wrapper-v2{background:linear-gradient(135deg,#fff 0%,#41bdf714 100%);box-shadow:0 4px 12px #41bdf726;padding:20px 0}
.hd-container{max-width:1200px;margin:0 auto;padding:0 20px}
.hd-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}
.hd-brand-box{display:flex;align-items:center;gap:25px;flex:1}
.logo-link-v1{display:block;flex-shrink:0}
.logo-img{height:85px;width:85px;object-fit:contain;box-shadow:0 2px 8px #9d29121f;border-radius:6px;background:#fff;padding:8px}
.tagline-v2{flex:1}
.tg-text{font-size:18px;color:#4a5568;font-weight:400;line-height:1.4}
.hd-action-zone{flex-shrink:0}
.cta-bt-v1{display:inline-block;background:linear-gradient(135deg,#41BDF7 0%,#2a9bd8 100%);color:#fff;padding:14px 32px;font-size:17px;font-weight:700;border-radius:4px;box-shadow:0 6px 16px #41bdf74d;transition:all 320ms ease}
.cta-bt-v1:hover{background:linear-gradient(135deg,#2a9bd8 0%,#41BDF7 100%);box-shadow:0 8px 20px #41bdf766}
.hd-bottom-row{border-top:1px solid #41bdf733;padding-top:20px}
.main-nv-v3 .nv-list-v2{display:flex;gap:40px;align-items:center}
.main-nv-v3 .nv-item{position:relative}
.main-nv-v3 .nv-link{font-size:17px;font-weight:700;color:#2d3748;padding:8px 0;display:block;transition:color 300ms ease}
.main-nv-v3 .nv-link:hover{color:#41BDF7}
.main-nv-v3 .nv-dropdown{position:relative}
.main-nv-v3 .sub-nv-v1{position:absolute;top:100%;left:0;background:#fff;box-shadow:0 8px 20px #0000001f;border-radius:6px;min-width:220px;padding:12px 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 320ms ease;margin-top:8px;z-index:100}
.main-nv-v3 .nv-dropdown:hover .sub-nv-v1{opacity:1;visibility:visible;transform:translateY(0)}
.main-nv-v3 .sub-item{padding:0}
.main-nv-v3 .sub-link{display:block;padding:10px 24px;font-size:16px;color:#4a5568;transition:background 280ms ease,color 280ms ease}
.main-nv-v3 .sub-link:hover{background:#41bdf71a;color:#41BDF7}
.ft-wrapper-v1{background:linear-gradient(135deg,#9D2912 0%,#7a1f0d 50%,#41BDF7 100%);color:#fff;padding:60px 0 40px;margin-top:80px}
.ft-container{max-width:1200px;margin:0 auto;padding:0 20px}
.ft-split-layout{display:grid;grid-template-columns:1.2fr 0.8fr;gap:60px}
.ft-left-zone{background:#ffffff14;padding:35px;border-radius:12px;box-shadow:0 6px 18px #0003}
.ft-heading-v2{font-size:28px;font-weight:700;margin-bottom:20px;color:#fff}
.ft-description{font-size:16px;line-height:1.7;margin-bottom:30px;color:#fffffff2}
.ft-contact-info{display:flex;flex-direction:column;gap:15px}
.contact-item-v1{display:flex;align-items:center;gap:12px;font-size:15px}
.contact-item-v1 i{font-size:20px;color:#41BDF7}
.ft-right-zone{display:flex;flex-direction:column;justify-content:space-between;background:#41bdf71f;padding:35px;border-radius:12px;box-shadow:0 6px 18px #00000026}
.ft-nav-v2 .ft-menu-list{display:flex;flex-direction:column;gap:16px}
.ft-nav-v2 .ft-link{font-size:16px;color:#ffffffe6;transition:color 300ms ease;display:inline-block}
.ft-nav-v2 .ft-link:hover{color:#41BDF7}
.ft-copyright-v1{margin-top:30px;padding-top:20px;border-top:1px solid #fff3;font-size:14px;color:#fffc}
.cookie-modal-v1{position:fixed;bottom:20px;right:20px;max-width:70%;width:600px;background:#fff;border-radius:0;box-shadow:0 12px 40px #00000040;padding:35px;z-index:9999;opacity:0;visibility:hidden;transform:translateY(30px);transition:opacity 350ms ease,transform 350ms ease,visibility 350ms}
.cookie-modal--show{opacity:1;visibility:visible;transform:translateY(0)}
.cookie-content-box .cookie-title-v2{font-size:24px;font-weight:700;color:#2d3748;margin-bottom:12px}
.cookie-content-box .cookie-desc{font-size:15px;color:#4a5568;margin-bottom:25px;line-height:1.6}
.cookie-grid-v1{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}
.cookie-card-v2{background:#F2FDF5;padding:20px;border:2px solid #41bdf733;border-radius:8px;transition:border-color 300ms ease}
.cookie-card-v2:hover{border-color:#41BDF7}
.cookie-card-v2 .card-header-v1{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cookie-card-v2 .card-header-v1 i{font-size:24px;color:#41BDF7}
.cookie-card-v2 .card-header-v1 h4{font-size:17px;font-weight:700;color:#2d3748}
.cookie-card-v2 .card-desc{font-size:14px;color:#4a5568;margin-bottom:15px;line-height:1.5}
.status-badge--required{display:inline-block;background:#9D2912;color:#fff;padding:4px 12px;font-size:12px;font-weight:700;border-radius:3px}
.toggle-switch-v1{position:relative;display:inline-block;width:50px;height:26px}
.toggle-switch-v1 input{opacity:0;width:0;height:0}
.slider-v1{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e0;transition:background-color 350ms ease;border-radius:26px}
.slider-v1:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:transform 350ms ease;border-radius:50%}
.toggle-switch-v1 input:checked + .slider-v1{background-color:#41BDF7}
.toggle-switch-v1 input:checked + .slider-v1:before{transform:translateX(24px)}
.cookie-actions-v1{display:flex;gap:15px;justify-content:flex-end}
.cookie-bt{padding:12px 28px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all 320ms ease;font-family:'Alegreya',serif}
.cookie-bt--accept{background:#41BDF7;color:#fff;box-shadow:0 4px 12px #41bdf74d}
.cookie-bt--accept:hover{background:#2a9bd8;box-shadow:0 6px 16px #41bdf766}
.cookie-bt--decline{background:#e2e8f0;color:#2d3748}
.cookie-bt--decline:hover{background:#cbd5e0}
@media (max-width: 1024px) {
.ft-split-layout{grid-template-columns:1fr;gap:40px}
.cookie-modal-v1{max-width:90%;width:auto}
.cookie-grid-v1{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.hd-top-row{flex-direction:column;align-items:flex-start}
.hd-brand-box{flex-direction:column;align-items:flex-start}
.hd-action-zone{width:100%}
.cta-bt-v1{width:100%;text-align:center}
.main-nv-v3 .nv-list-v2{flex-direction:column;align-items:flex-start;gap:20px}
.main-nv-v3 .sub-nv-v1{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding-left:20px;margin-top:10px}
.cookie-modal-v1{bottom:0;right:0;max-width:100%;width:100%;border-radius:0}
.cookie-actions-v1{flex-direction:column}
.cookie-bt{width:100%}
}
@media (max-width: 480px) {
.logo-img{height:70px;width:70px}
.tg-text{font-size:16px}
.ft-wrapper-v1{padding:40px 0 30px}
.ft-left-zone,.ft-right-zone{padding:25px}
}
.qy-terms-block{max-width:1200px;margin:0 auto;padding:60px 24px;background:#fff}
.qy-terms-block h1{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 16px;font-weight:700;letter-spacing:-.5px}
.qy-terms-block h2{font-size:32px;line-height:1.3;color:#2a2a2a;margin:48px 0 20px;font-weight:600;letter-spacing:-.3px}
.qy-terms-block h3{font-size:24px;line-height:1.4;color:#3a3a3a;margin:36px 0 16px;font-weight:600}
.qy-terms-block h4{font-size:20px;line-height:1.4;color:#4a4a4a;margin:28px 0 14px;font-weight:600}
.qy-terms-block h5{font-size:18px;line-height:1.5;color:#5a5a5a;margin:24px 0 12px;font-weight:600}
.qy-terms-block h6{font-size:16px;line-height:1.5;color:#6a6a6a;margin:20px 0 10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.qy-terms-block p{font-size:16px;line-height:1.75;color:#3a3a3a;margin:0 0 20px}
.qy-terms-block ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:disc}
.qy-terms-block ol{margin:0 0 24px;padding:0 0 0 28px;list-style-type:decimal}
.qy-terms-block li{font-size:16px;line-height:1.75;color:#3a3a3a;margin:0 0 12px;padding-left:8px}
.qy-terms-block ul ul,.qy-terms-block ol ol,.qy-terms-block ul ol,.qy-terms-block ol ul{margin:12px 0 0}
.qy-terms-block ul li::marker{color:#41BDF7}
.qy-terms-block ol li::marker{color:#41BDF7;font-weight:600}
.qy-terms-block strong,.qy-terms-block b{font-weight:600;color:#1a1a1a}
.qy-terms-block a{color:#41BDF7;text-decoration:none;border-bottom:1px solid #41bdf74d;transition:all 280ms ease}
.qy-terms-block a:hover{color:#2a9dd7;border-bottom-color:#2a9dd7}
.qy-terms-block a:active{color:#1a7db7}
.qy-terms-block hr{border:none;height:2px;background:linear-gradient(to right,#41bdf71a,#41bdf74d,#41bdf71a);margin:48px 0}
.qy-terms-block h1 + p{font-size:18px;color:#5a5a5a;margin-bottom:32px}
.qy-terms-block table{width:100%;border-collapse:collapse;margin:24px 0}
.qy-terms-block table th,.qy-terms-block table td{padding:12px 16px;text-align:left;border-bottom:1px solid #41bdf726}
.qy-terms-block table th{background:#41bdf714;font-weight:600;color:#1a1a1a}
@media (max-width: 768px) {
.qy-terms-block{padding:40px 20px}
.qy-terms-block h1{font-size:32px}
.qy-terms-block h2{font-size:26px;margin:36px 0 16px}
.qy-terms-block h3{font-size:22px;margin:28px 0 14px}
.qy-terms-block h4{font-size:19px;margin:24px 0 12px}
.qy-terms-block h5{font-size:17px}
.qy-terms-block h6{font-size:15px}
.qy-terms-block p,.qy-terms-block li{font-size:15px}
.qy-terms-block ul,.qy-terms-block ol{padding-left:24px}
}
@media (max-width: 480px) {
.qy-terms-block{padding:32px 16px}
.qy-terms-block h1{font-size:28px}
.qy-terms-block h2{font-size:24px}
.qy-terms-block hr{margin:32px 0}
}
.titleHd-v1{position:relative;height:65vh;overflow:hidden;display:flex;align-items:center;justify-content:center}
.titleHd-v1 .bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./product_gallery/P2041.jpg);background-size:cover;background-position:center;filter:saturate(0.6) blur(2px);z-index:1}
.titleHd-v1 .bg-layer::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#41bdf726;z-index:2}
.titleHd-v1 .decor-shape-1{position:absolute;width:320px;height:320px;border-radius:50%;background:linear-gradient(135deg,#41bdf733,#9d291226);top:10%;left:5%;z-index:3;animation:floatShape1 18s ease-in-out infinite}
.titleHd-v1 .decor-shape-2{position:absolute;width:240px;height:240px;border-radius:50%;background:linear-gradient(225deg,#9d291233,#41bdf71f);bottom:15%;right:8%;z-index:3;animation:floatShape2 22s ease-in-out infinite}
@keyframes floatShape1 {
0%,100%{transform:translate(0,0) rotate(0deg)}
33%{transform:translate(30px,-20px) rotate(120deg)}
66%{transform:translate(-25px,15px) rotate(240deg)}
}
@keyframes floatShape2 {
0%,100%{transform:translate(0,0) rotate(0deg)}
40%{transform:translate(-35px,25px) rotate(-140deg)}
70%{transform:translate(20px,-30px) rotate(-280deg)}
}
.titleHd-v1 .content-wrapper{position:relative;z-index:5;max-width:820px;padding:48px 42px;text-align:center;background:#f2fdf5eb;backdrop-filter:blur(12px);border-radius:18px;box-shadow:0 12px 40px #41bdf72e 0 6px 20px #9d291214;margin:0 24px}
.titleHd-v1 .content-wrapper h1{font-size:2.8rem;font-weight:700;color:#1a1a1a;margin:0 0 22px;line-height:1.25}
.titleHd-v1 .content-wrapper p{font-size:1.15rem;color:#4a4a4a;line-height:1.65;margin:0}
.story-section-v2{padding:95px 0;background:linear-gradient(165deg,#fff 0%,#f2fdf580 100%)}
.story-section-v2 .contain-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.story-section-v2 .grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.story-section-v2 .img-holder{position:relative}
.story-section-v2 .img-holder::before{content:'';position:absolute;width:100%;height:100%;top:-18px;left:-18px;border:3px solid #41BDF7;border-radius:12px;z-index:1}
.story-section-v2 .img-holder img{position:relative;z-index:2;width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 14px 35px #41bdf740}
.story-section-v2 .text-content h2{font-size:2.4rem;font-weight:700;color:#1a1a1a;margin:0 0 28px;line-height:1.3;position:relative;display:inline-block}
.story-section-v2 .text-content h2::after{content:'';position:absolute;bottom:-8px;left:0;width:85px;height:4px;background:linear-gradient(90deg,#41BDF7,#9D2912);border-radius:2px}
.story-section-v2 .text-content p{font-size:1.05rem;color:#3a3a3a;line-height:1.8;margin:0 0 24px}
.story-section-v2 .text-content p:last-of-type{margin-bottom:0}
.values-grid-box{margin-top:48px;display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.value-item-v1{background:#41bdf70f;padding:28px 24px;border-radius:10px;border-left:4px solid #41BDF7;transition:all 320ms ease}
.value-item-v1:hover{background:#41bdf71f;transform:translateX(8px);box-shadow:0 8px 24px #41bdf726}
.value-item-v1 h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.value-item-v1 p{font-size:.98rem;color:#4a4a4a;line-height:1.7;margin:0}
.mission-block-v3{padding:90px 0;background:#fff;position:relative}
.mission-block-v3::before{content:'';position:absolute;top:0;right:0;width:45%;height:100%;background:linear-gradient(270deg,#9d29120a 0%,transparent 100%);pointer-events:none}
.mission-block-v3 .contain-wrap{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.mission-block-v3 .split-layout{display:grid;grid-template-columns:1.2fr 0.8fr;gap:70px;align-items:start}
.mission-block-v3 .content-side h2{font-size:2.3rem;font-weight:700;color:#1a1a1a;margin:0 0 32px;line-height:1.3}
.mission-block-v3 .content-side h2::before{content:'';display:block;width:60px;height:5px;background:#9D2912;border-radius:3px;margin-bottom:18px}
.mission-block-v3 .content-side p{font-size:1.08rem;color:#3a3a3a;line-height:1.75;margin:0 0 26px}
.approach-list{margin-top:38px}
.approach-item{display:flex;gap:18px;margin-bottom:26px;padding-bottom:26px;border-bottom:1px solid #41bdf726}
.approach-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.approach-item .icon-box{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#41BDF7,#41bdf7b3);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem}
.approach-item .text-box h4{font-size:1.15rem;font-weight:600;color:#1a1a1a;margin:0 0 8px}
.approach-item .text-box p{font-size:.98rem;color:#4a4a4a;line-height:1.7;margin:0}
.mission-block-v3 .visual-side{position:relative}
.mission-block-v3 .visual-side .img-stack{position:relative}
.mission-block-v3 .visual-side .img-stack img{width:100%;height:420px;object-fit:cover;border-radius:14px;box-shadow:0 16px 42px #9d291238}
.mission-block-v3 .stat-overlay{position:absolute;bottom:-30px;left:-30px;background:#f2fdf5f2;backdrop-filter:blur(10px);padding:28px 32px;border-radius:12px;box-shadow:0 10px 30px #41bdf733;border:2px solid #41BDF7;min-width:220px}
.mission-block-v3 .stat-overlay .stat-number{font-size:2.5rem;font-weight:700;color:#9D2912;line-height:1;margin:0 0 6px}
.mission-block-v3 .stat-overlay .stat-label{font-size:.95rem;color:#3a3a3a;font-weight:500;margin:0}
@media (max-width: 1024px) {
.titleHd-v1{height:55vh}
.titleHd-v1 .content-wrapper h1{font-size:2.3rem}
.story-section-v2 .grid-layout,.mission-block-v3 .split-layout{grid-template-columns:1fr;gap:45px}
.story-section-v2 .img-holder img,.mission-block-v3 .visual-side .img-stack img{height:360px}
.mission-block-v3 .visual-side{order:-1}
.mission-block-v3 .stat-overlay{bottom:20px;left:20px}
}
@media (max-width: 768px) {
.titleHd-v1{height:50vh}
.titleHd-v1 .content-wrapper{padding:36px 28px}
.titleHd-v1 .content-wrapper h1{font-size:1.9rem}
.titleHd-v1 .content-wrapper p{font-size:1.05rem}
.story-section-v2,.mission-block-v3{padding:65px 0}
.story-section-v2 .text-content h2,.mission-block-v3 .content-side h2{font-size:1.95rem}
.values-grid-box{grid-template-columns:1fr;gap:20px}
.story-section-v2 .img-holder img,.mission-block-v3 .visual-side .img-stack img{height:300px}
.mission-block-v3 .stat-overlay{position:static;margin-top:24px}
}
@media (max-width: 480px) {
.titleHd-v1{height:45vh}
.titleHd-v1 .content-wrapper h1{font-size:1.65rem}
.titleHd-v1 .decor-shape-1,.titleHd-v1 .decor-shape-2{width:180px;height:180px}
.story-section-v2 .text-content h2,.mission-block-v3 .content-side h2{font-size:1.75rem}
}
.hdr-wrp-v1{max-width:1200px;margin:0 auto;padding:80px 20px;text-align:center}
.hdr-wrp-v1 .title-main{font-size:2.8rem;font-weight:700;color:#1a1a1a;margin-bottom:24px;line-height:1.2}
.hdr-wrp-v1 .subtitle-txt{font-size:1.2rem;color:#555;max-width:700px;margin:0 auto 48px;line-height:1.6}
.hdr-wrp-v1 .img-showcase{max-width:900px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #41bdf726;animation:fadeSlideUp .8s ease-out}
.hdr-wrp-v1 .img-showcase img{width:100%;height:auto;display:block}
@keyframes fadeSlideUp {
from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
.approach-grid-v2{background:linear-gradient(135deg,#F2FDF5 0%,#fff 100%);padding:80px 20px}
.approach-grid-v2 .inner-wrap{max-width:1200px;margin:0 auto}
.approach-grid-v2 .section-hd{font-size:2.4rem;font-weight:700;color:#1a1a1a;margin-bottom:16px;text-align:center}
.approach-grid-v2 .intro-p{font-size:1.1rem;color:#555;text-align:center;max-width:800px;margin:0 auto 60px;line-height:1.7}
.approach-grid-v2 .card-collection{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.approach-grid-v2 .method-card{background:#fff;padding:36px 28px;border-radius:12px;box-shadow:0 6px 20px #00000014;transition:all .3s ease;position:relative;border-top:4px solid #41BDF7}
.approach-grid-v2 .method-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #41bdf733}
.approach-grid-v2 .method-card .icon-holder{width:56px;height:56px;background:linear-gradient(135deg,#41BDF7,#35a0d8);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.approach-grid-v2 .method-card .icon-holder i{font-size:26px;color:#fff}
.approach-grid-v2 .method-card .card-title{font-size:1.4rem;font-weight:600;color:#1a1a1a;margin-bottom:12px}
.approach-grid-v2 .method-card .card-desc{font-size:1rem;color:#666;line-height:1.6}
.structure-split-v1{padding:80px 20px}
.structure-split-v1 .content-box{max-width:1200px;margin:0 auto;display:flex;gap:60px;align-items:center}
.structure-split-v1 .txt-side{flex:1}
.structure-split-v1 .txt-side .heading-alt{font-size:2.2rem;font-weight:700;color:#1a1a1a;margin-bottom:24px;position:relative;padding-left:20px}
.structure-split-v1 .txt-side .heading-alt::before{content:'';position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,#41BDF7,#9D2912);border-radius:3px}
.structure-split-v1 .txt-side .para-content{font-size:1.05rem;color:#555;line-height:1.7;margin-bottom:16px}
.structure-split-v1 .visual-side{flex:1}
.structure-split-v1 .phase-tracker{background:#F2FDF5;padding:40px 32px;border-radius:16px;box-shadow:0 8px 24px #0000000f}
.structure-split-v1 .phase-item{display:flex;gap:20px;margin-bottom:32px;position:relative}
.structure-split-v1 .phase-item:last-child{margin-bottom:0}
.structure-split-v1 .phase-item::after{content:'';position:absolute;left:19px;top:48px;width:2px;height:calc(100% + 16px);background:#d0d0d0}
.structure-split-v1 .phase-item:last-child::after{display:none}
.structure-split-v1 .phase-num{width:40px;height:40px;background:linear-gradient(135deg,#41BDF7,#35a0d8);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0;position:relative;z-index:2}
.structure-split-v1 .phase-data{flex:1}
.structure-split-v1 .phase-data .phase-label{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin-bottom:6px}
.structure-split-v1 .phase-data .phase-detail{font-size:.95rem;color:#666;line-height:1.5}
.principles-flow-v3{background:#fff;padding:80px 20px}
.principles-flow-v3 .wrap-center{max-width:1000px;margin:0 auto}
.principles-flow-v3 .main-title{font-size:2.4rem;font-weight:700;color:#1a1a1a;text-align:center;margin-bottom:60px;position:relative}
.principles-flow-v3 .main-title::after{content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#41BDF7,#9D2912);border-radius:2px}
.principles-flow-v3 .principle-box{background:linear-gradient(135deg,#F2FDF5,#fff);padding:32px 36px;border-radius:12px;margin-bottom:24px;border-left:5px solid #41BDF7;transition:all .3s ease}
.principles-flow-v3 .principle-box:nth-child(even){border-left-color:#9D2912;background:linear-gradient(135deg,#fff,#F2FDF5)}
.principles-flow-v3 .principle-box:hover{box-shadow:0 8px 24px #0000001a;transform:translateX(8px)}
.principles-flow-v3 .principle-box .principle-hd{font-size:1.4rem;font-weight:600;color:#1a1a1a;margin-bottom:12px;display:flex;align-items:center;gap:12px}
.principles-flow-v3 .principle-box .principle-hd i{font-size:22px;color:#41BDF7}
.principles-flow-v3 .principle-box:nth-child(even) .principle-hd i{color:#9D2912}
.principles-flow-v3 .principle-box .principle-txt{font-size:1.05rem;color:#555;line-height:1.7}
.outcomes-interactive-v2{background:linear-gradient(180deg,#fff 0%,#F2FDF5 100%);padding:80px 20px 100px}
.outcomes-interactive-v2 .container-main{max-width:1200px;margin:0 auto}
.outcomes-interactive-v2 .header-zone{text-align:center;margin-bottom:56px}
.outcomes-interactive-v2 .header-zone .title-lg{font-size:2.4rem;font-weight:700;color:#1a1a1a;margin-bottom:16px}
.outcomes-interactive-v2 .header-zone .subtitle-info{font-size:1.1rem;color:#555;max-width:700px;margin:0 auto;line-height:1.6}
.outcomes-interactive-v2 .tabs-wrapper{display:flex;justify-content:center;gap:12px;margin-bottom:48px;flex-wrap:wrap}
.outcomes-interactive-v2 .tab-trigger{display:none}
.outcomes-interactive-v2 .tab-label{padding:14px 28px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:1.05rem;font-weight:600;color:#555;transition:all .3s ease;display:inline-block}
.outcomes-interactive-v2 .tab-label:hover{border-color:#41BDF7;color:#41BDF7;background:#F2FDF5}
.outcomes-interactive-v2 .tab-trigger:checked + .tab-label{background:linear-gradient(135deg,#41BDF7,#35a0d8);color:#fff;border-color:#41BDF7;box-shadow:0 4px 16px #41bdf74d}
.outcomes-interactive-v2 .tab-content{display:none;animation:fadeIn .4s ease}
.outcomes-interactive-v2 .tab-trigger:checked ~ .tab-content{display:block}
@keyframes fadeIn {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.outcomes-interactive-v2 .outcome-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}
.outcomes-interactive-v2 .outcome-item{background:#fff;padding:32px 28px;border-radius:12px;box-shadow:0 6px 20px #00000014;border-top:4px solid #41BDF7}
.outcomes-interactive-v2 .outcome-item .item-icon{font-size:32px;color:#41BDF7;margin-bottom:16px}
.outcomes-interactive-v2 .outcome-item .item-title{font-size:1.3rem;font-weight:600;color:#1a1a1a;margin-bottom:12px}
.outcomes-interactive-v2 .outcome-item .item-desc{font-size:1rem;color:#666;line-height:1.6}
@media (max-width: 768px) {
.hdr-wrp-v1{padding:60px 20px}
.hdr-wrp-v1 .title-main{font-size:2rem}
.hdr-wrp-v1 .subtitle-txt{font-size:1.05rem}
.approach-grid-v2{padding:60px 20px}
.approach-grid-v2 .section-hd{font-size:1.9rem}
.approach-grid-v2 .card-collection{grid-template-columns:1fr}
.structure-split-v1{padding:60px 20px}
.structure-split-v1 .content-box{flex-direction:column;gap:40px}
.structure-split-v1 .txt-side .heading-alt{font-size:1.8rem}
.principles-flow-v3{padding:60px 20px}
.principles-flow-v3 .main-title{font-size:1.9rem;margin-bottom:40px}
.outcomes-interactive-v2{padding:60px 20px 80px}
.outcomes-interactive-v2 .header-zone .title-lg{font-size:1.9rem}
.outcomes-interactive-v2 .outcome-grid{grid-template-columns:1fr}
}
@media (min-width: 769px) and (max-width: 1024px) {
.structure-split-v1 .content-box{gap:40px}
.approach-grid-v2 .card-collection{grid-template-columns:repeat(2,1fr)}
.outcomes-interactive-v2 .outcome-grid{grid-template-columns:repeat(2,1fr)}
}
.ttlHero-v2{position:relative;min-height:520px;background:linear-gradient(135deg,#41BDF7 0%,#2A9ED8 50%,#1A7FB5 100%);overflow:hidden;padding:80px 0 60px}
.ttlHero-v2__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,#f2fdf526 0%,transparent 60%);pointer-events:none}
.ttlHero-v2__cntWrap{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;gap:60px;align-items:center;position:relative;z-index:2}
.ttlHero-v2__txtBox{flex:1;max-width:580px}
.ttlHero-v2__mainHd{font-size:3rem;line-height:1.15;color:#fff;margin:0 0 28px;font-weight:700}
.ttlHero-v2__bnftLst{list-style:none;padding:0;margin:0 0 36px}
.ttlHero-v2__bnftItm{font-size:1.1rem;line-height:1.6;color:#fffffff2;padding-left:32px;position:relative;margin-bottom:16px}
.ttlHero-v2__bnftItm::before{content:'';position:absolute;left:0;top:8px;width:18px;height:18px;background:#F2FDF5;border-radius:50%;box-shadow:0 2px 8px #00000026}
.ttlHero-v2__actBtn{display:inline-block;padding:16px 36px;background:#9D2912;color:#fff;text-decoration:none;font-size:1.05rem;font-weight:600;border-radius:6px;transition:all 320ms ease;box-shadow:0 4px 12px #9d29124d}
.ttlHero-v2__actBtn:hover{background:#7D1F0E;transform:translateY(-2px);box-shadow:0 6px 16px #9d291266}
.ttlHero-v2__imgBox{flex:1;max-width:480px}
.ttlHero-v2__mainImg{width:100%;height:auto;border-radius:12px;box-shadow:0 12px 32px #00000040;display:block;position:relative}
.ttlHero-v2__mainImg::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,transparent,#0000004d);border-radius:0 0 12px 12px}
.prcOptns{padding:80px 0;background:#F2FDF5}
.prcOptns__wrapper{max-width:1200px;margin:0 auto;padding:0 24px}
.prcOptns__hdTxt{font-size:2.5rem;line-height:1.2;color:#1a1a1a;margin:0 0 18px;text-align:center}
.prcOptns__introPara{font-size:1.15rem;line-height:1.6;color:#444;text-align:center;max-width:780px;margin:0 auto 56px}
.prcOptns__gridLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.prcOptns__optCard{background:#fff;border-radius:8px;padding:32px;box-shadow:0 2px 12px #41bdf71a;transition:transform 320ms ease,box-shadow 320ms ease}
.prcOptns__optCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #41bdf72e}
.prcOptns__cardHdr{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.prcOptns__icn{font-size:2rem;color:#41BDF7}
.prcOptns__cardTtl{font-size:1.5rem;color:#1a1a1a;margin:0}
.prcOptns__cardBody{display:flex;flex-direction:column;gap:20px}
.prcOptns__cardDesc{font-size:1rem;line-height:1.6;color:#555;margin:0}
.prcOptns__ftrList{list-style:none;padding:0;margin:0}
.prcOptns__ftrItm{font-size:.95rem;line-height:1.5;color:#333;padding-left:28px;position:relative;margin-bottom:12px}
.prcOptns__ftrItm::before{content:'✓';position:absolute;left:0;color:#41BDF7;font-weight:700;font-size:1.1rem}
.cmprsn-v1{padding:80px 0;background:linear-gradient(to bottom,#fff 0%,#f2fdf566 100%)}
.cmprsn-v1__cntBox{max-width:1200px;margin:0 auto;padding:0 24px}
.cmprsn-v1__mainH{font-size:2.4rem;line-height:1.25;color:#1a1a1a;margin:0 0 48px;text-align:center}
.cmprsn-v1__compGrid{display:flex;flex-direction:column;gap:2px;background:#e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:56px}
.cmprsn-v1__aspectRow{display:grid;grid-template-columns:200px 1fr 1fr;gap:2px;background:#e0e0e0}
.cmprsn-v1__labelCell{background:#41BDF7;padding:24px 20px;display:flex;align-items:center}
.cmprsn-v1__aspectName{font-size:1.1rem;color:#fff;margin:0;font-weight:600}
.cmprsn-v1__othersCell,.cmprsn-v1__ourCell{background:#fff;padding:24px 20px;display:flex;align-items:center}
.cmprsn-v1__ourCell{background:#41bdf714;border-left:3px solid #41BDF7}
.cmprsn-v1__cellTxt{font-size:.95rem;line-height:1.5;color:#333;margin:0}
.cmprsn-v1__imgSet{text-align:center}
.cmprsn-v1__showImg{width:100%;max-width:800px;height:auto;border-radius:12px;box-shadow:0 8px 24px #0000001f;display:inline-block}
.actvty-sec{padding:80px 0;background:#fff}
.actvty-sec__wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.actvty-sec__introArea{text-align:center;margin-bottom:56px}
.actvty-sec__header{font-size:2.5rem;line-height:1.2;color:#1a1a1a;margin:0 0 16px}
.actvty-sec__subline{font-size:1.1rem;line-height:1.6;color:#555;max-width:700px;margin:0 auto}
.actvty-sec__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:64px}
.actvty-sec__ftCard{background:#F2FDF5;padding:32px;border-radius:12px;border-left:4px solid #41BDF7;transition:transform 280ms ease}
.actvty-sec__ftCard:hover{transform:translateX(4px)}
.actvty-sec__ftIcon{font-size:2.5rem;color:#9D2912;margin-bottom:16px}
.actvty-sec__ftName{font-size:1.4rem;color:#1a1a1a;margin:0 0 12px}
.actvty-sec__ftInfo{font-size:.98rem;line-height:1.6;color:#444;margin:0}
.actvty-sec__visualData{text-align:center}
.actvty-sec__plateImg{width:100%;max-width:900px;height:auto;border-radius:16px;box-shadow:0 12px 32px #41bdf726;display:inline-block}
.mtvtn-blk{padding:80px 0;background:linear-gradient(135deg,#41bdf70d 0%,#f2fdf599 100%)}
.mtvtn-blk__container{max-width:1200px;margin:0 auto;padding:0 24px}
.mtvtn-blk__ttl{font-size:2.5rem;line-height:1.2;color:#1a1a1a;margin:0 0 48px;text-align:center}
.mtvtn-blk__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;margin-bottom:64px}
.mtvtn-blk__statCard{background:#fff;padding:32px;border-radius:8px;text-align:center;box-shadow:0 4px 16px #00000014}
.mtvtn-blk__numBox{margin-bottom:16px}
.mtvtn-blk__number{font-size:3.5rem;font-weight:700;color:#41BDF7;display:block}
.mtvtn-blk__statLabel{font-size:1.2rem;color:#1a1a1a;margin:0 0 8px;font-weight:600}
.mtvtn-blk__statDetail{font-size:.9rem;line-height:1.5;color:#666;margin:0}
.mtvtn-blk__reasons{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-bottom:64px}
.mtvtn-blk__reasonBox{background:#fff;padding:28px;border-radius:8px;border-top:3px solid #9D2912}
.mtvtn-blk__reasonHd{font-size:1.3rem;color:#1a1a1a;margin:0 0 12px}
.mtvtn-blk__reasonTxt{font-size:.98rem;line-height:1.6;color:#444;margin:0}
.mtvtn-blk__evidence{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:48px}
.mtvtn-blk__proofImg{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 20px #0000001a;display:block}
.mtvtn-blk__evidTxt{display:flex;flex-direction:column;gap:16px}
.mtvtn-blk__evidHd{font-size:1.6rem;color:#1a1a1a;margin:0}
.mtvtn-blk__evidPara{font-size:1rem;line-height:1.6;color:#444;margin:0}
.mtvtn-blk__ctaArea{text-align:center}
.mtvtn-blk__ctaBtn{display:inline-block;padding:18px 44px;background:#41BDF7;color:#fff;text-decoration:none;font-size:1.1rem;font-weight:600;border-radius:8px;transition:all 300ms ease;box-shadow:0 4px 14px #41bdf74d}
.mtvtn-blk__ctaBtn:hover{background:#2A9ED8;transform:translateY(-2px);box-shadow:0 6px 18px #41bdf766}
@media (max-width: 1024px) {
.ttlHero-v2__cntWrap{flex-direction:column;gap:40px}
.ttlHero-v2__mainHd{font-size:2.4rem}
.cmprsn-v1__aspectRow{grid-template-columns:1fr}
.cmprsn-v1__labelCell{border-bottom:none}
.mtvtn-blk__evidence{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 768px) {
.ttlHero-v2{padding:60px 0 40px}
.ttlHero-v2__mainHd{font-size:2rem}
.ttlHero-v2__bnftItm{font-size:1rem}
.prcOptns,.cmprsn-v1,.actvty-sec,.mtvtn-blk{padding:60px 0}
.prcOptns__hdTxt,.cmprsn-v1__mainH,.actvty-sec__header,.mtvtn-blk__ttl{font-size:2rem}
.prcOptns__gridLayout,.actvty-sec__features,.mtvtn-blk__stats,.mtvtn-blk__reasons{grid-template-columns:1fr}
.mtvtn-blk__number{font-size:2.8rem}
}
@media (max-width: 480px) {
.ttlHero-v2__mainHd{font-size:1.75rem}
.ttlHero-v2__actBtn{width:100%;text-align:center}
.prcOptns__hdTxt,.cmprsn-v1__mainH,.actvty-sec__header,.mtvtn-blk__ttl{font-size:1.75rem}
.mtvtn-blk__ctaBtn{width:100%;text-align:center}
}
.ctPageMain{background:linear-gradient(135deg,#F2FDF5 0%,#fff 100%);min-height:600px}
.heroBox-v1{max-width:1200px;margin:0 auto;padding:80px 20px 60px;display:flex;flex-direction:column;gap:40px}
.heroVisual-v1{width:100%;height:380px;background:linear-gradient(120deg,#41bdf726 0%,#9d291214 100%);border-radius:20px;position:relative;overflow:hidden}
.heroVisual-v1::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,#41bdf74d 0%,transparent 70%);border-radius:50%}
.heroVisual-v1::after{content:'';position:absolute;bottom:-30%;left:-15%;width:400px;height:400px;background:radial-gradient(circle,#9d291233 0%,transparent 70%);border-radius:50%}
.heroTxt-v1{text-align:center;max-width:800px;margin:0 auto}
.heroTxt-v1 h1{font-size:42px;color:#1a1a1a;margin:0 0 24px;font-weight:700;line-height:1.2}
.heroTxt-v1 .descList{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:14px}
.heroTxt-v1 .descList li{font-size:18px;color:#4a4a4a;line-height:1.6}
.heroBtns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.heroBtns .btnPrimary-v2{background:#41BDF7;color:#fff;padding:14px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all 280ms ease;border:2px solid #41BDF7;display:inline-block}
.heroBtns .btnPrimary-v2:hover{background:#2da8e0;border-color:#2da8e0;transform:translateY(-2px);box-shadow:0 6px 20px #41bdf759}
.heroBtns .btnSecond-v2{background:transparent;color:#9D2912;padding:14px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;border:2px solid #9D2912;transition:all 280ms ease;display:inline-block}
.heroBtns .btnSecond-v2:hover{background:#9D2912;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #9d29124d}
.contactWrapper{background:#fff;padding:80px 20px}
.contactInner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.infoColumn{display:flex;flex-direction:column;gap:40px}
.infoColumn h2{font-size:36px;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.infoColumn .subHd{font-size:18px;color:#5a5a5a;line-height:1.6;margin:0 0 32px}
.contactCards{display:flex;flex-direction:column;gap:20px}
.ctCard-v1{background:linear-gradient(135deg,#F2FDF5 0%,#fff 100%);padding:28px;border-radius:12px;border-left:4px solid #41BDF7;transition:all 300ms ease}
.ctCard-v1:hover{transform:translateX(8px);box-shadow:0 8px 24px #41bdf726}
.ctCard-v1 h3{font-size:20px;color:#1a1a1a;margin:0 0 12px;font-weight:600;display:flex;align-items:center;gap:10px}
.ctCard-v1 h3 .iconoir{color:#41BDF7;font-size:24px}
.ctCard-v1 p{font-size:16px;color:#4a4a4a;margin:0;line-height:1.6}
.ctCard-v1 a{color:#41BDF7;text-decoration:none;transition:color 250ms ease}
.ctCard-v1 a:hover{color:#2da8e0;text-decoration:underline}
.formColumn{background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 24px #00000014;border:1px solid #41bdf733}
.formColumn h3{font-size:28px;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.formBox-v2{display:flex;flex-direction:column;gap:24px}
.fldGroup{display:flex;flex-direction:column;gap:8px}
.fldGroup label{font-size:14px;font-weight:600;color:#2a2a2a;display:flex;align-items:center;gap:6px}
.fldGroup label .req{color:#9D2912}
.fldGroup input,.fldGroup select{padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;color:#2a2a2a;transition:all 280ms ease;background:#fff;width:100%;box-sizing:border-box}
.fldGroup input:focus,.fldGroup select:focus{outline:none;border-color:#41BDF7;box-shadow:0 0 0 3px #41bdf726}
.fldGroup select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%232a2a2a' d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}
.privacyCheckbox{display:flex;align-items:start;gap:10px;margin-top:8px}
.privacyCheckbox input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#41BDF7;flex-shrink:0}
.privacyCheckbox label{font-size:14px;color:#4a4a4a;line-height:1.5;cursor:pointer}
.privacyCheckbox label a{color:#41BDF7;text-decoration:none;font-weight:600}
.privacyCheckbox label a:hover{text-decoration:underline}
.submitArea{margin-top:8px}
.submitArea button{width:100%;background:#9D2912;color:#fff;padding:16px;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all 300ms ease}
.submitArea button:hover{background:#7a1f0d;transform:translateY(-2px);box-shadow:0 8px 24px #9d291259}
.submitArea button:active{transform:translateY(0)}
.hoursSection{background:linear-gradient(180deg,#fff 0%,#F2FDF5 100%);padding:80px 20px}
.hoursInner{max-width:900px;margin:0 auto;text-align:center}
.hoursInner h2{font-size:36px;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.hoursInner .intro{font-size:18px;color:#5a5a5a;line-height:1.6;margin:0 0 40px}
.scheduleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px}
.dayCard{background:#fff;padding:28px 24px;border-radius:12px;box-shadow:0 4px 16px #0000000f;transition:all 320ms ease;border-top:3px solid #41BDF7}
.dayCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #41bdf733}
.dayCard h4{font-size:20px;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.dayCard .hours{font-size:16px;color:#4a4a4a;margin:0;display:flex;align-items:center;justify-content:center;gap:8px}
.dayCard .hours .la{color:#41BDF7;font-size:20px}
@media (max-width: 1024px) {
.heroBox-v1{padding:60px 20px 40px}
.heroVisual-v1{height:320px}
.heroTxt-v1 h1{font-size:36px}
.contactInner{grid-template-columns:1fr;gap:50px}
.infoColumn h2,.hoursInner h2{font-size:32px}
.formColumn{padding:32px 24px}
}
@media (max-width: 768px) {
.heroBox-v1{padding:40px 16px 30px}
.heroVisual-v1{height:260px;border-radius:16px}
.heroTxt-v1 h1{font-size:30px;margin-bottom:20px}
.heroTxt-v1 .descList li{font-size:16px}
.heroBtns{flex-direction:column;align-items:stretch}
.heroBtns .btnPrimary-v2,.heroBtns .btnSecond-v2{text-align:center;width:100%}
.contactWrapper,.hoursSection{padding:60px 16px}
.infoColumn h2,.hoursInner h2{font-size:28px}
.formColumn{padding:28px 20px}
.formColumn h3{font-size:24px}
.scheduleGrid{grid-template-columns:1fr;gap:16px}
}
@media (max-width: 480px) {
.heroVisual-v1{height:220px}
.heroTxt-v1 h1{font-size:26px}
.infoColumn h2,.hoursInner h2{font-size:24px}
.ctCard-v1{padding:20px}
.formColumn{padding:24px 16px}
}
.progHero{position:relative;overflow:hidden;background:linear-gradient(135deg,#41bdf714 0%,#f2fdf5f2 100%);padding:0;margin:0}
.progHero .heroWrp{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:3rem;padding:4rem 1.5rem;position:relative}
.progHero .txtZone{flex:1;z-index:2}
.progHero .mainHd{font-size:3rem;line-height:1.15;color:#1a1a1a;margin:0 0 1rem;font-weight:700}
.progHero .tagln{font-size:1.15rem;color:#4a4a4a;line-height:1.6;margin:0 0 2rem}
.progHero .ctaGroup{display:flex;gap:1rem;flex-wrap:wrap}
.progHero .btn--primary{background:#41BDF7;color:#fff;padding:.9rem 2rem;border-radius:6px;text-decoration:none;font-weight:600;transition:all 300ms;box-shadow:0 4px 12px #41bdf740;border:none;display:inline-block}
.progHero .btn--primary:hover{background:#2da8e0;transform:translateY(-2px);box-shadow:0 6px 18px #41bdf759}
.progHero .btn--outline{background:transparent;color:#9D2912;padding:.9rem 2rem;border:2px solid #9D2912;border-radius:6px;text-decoration:none;font-weight:600;transition:all 300ms;display:inline-block}
.progHero .btn--outline:hover{background:#9D2912;color:#fff;transform:translateY(-2px)}
.progHero .imgWrp{flex:1;position:relative}
.progHero .heroImg{width:100%;height:450px;object-fit:cover;border-radius:12px;opacity:.75;filter:saturate(0.85);box-shadow:0 8px 24px #0000001f}
.progHero .deco-v1{position:absolute;top:-30px;right:-30px;width:150px;height:150px;border:3px solid #41bdf74d;border-radius:50%;z-index:1}
.progHero .deco-v2{position:absolute;bottom:40px;left:-20px;width:80px;height:80px;background:linear-gradient(135deg,#9d291233,#41bdf733);border-radius:8px;transform:rotate(15deg);z-index:1}
.crseCatalog{background:#fff;padding:5rem 1.5rem;position:relative}
.crseCatalog .contentWrap{max-width:1200px;margin:0 auto}
.crseCatalog .sectionHd{font-size:2.2rem;color:#1a1a1a;margin:0 0 1.2rem;font-weight:700;position:relative;display:inline-block}
.crseCatalog .sectionHd::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#41BDF7,#9D2912);border-radius:2px}
.crseCatalog .introPara{font-size:1.1rem;line-height:1.7;color:#4a4a4a;margin:0 0 3rem;max-width:800px}
.crseCatalog .gridLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}
.crseCatalog .crseBox{background:#F2FDF5;border-radius:10px;padding:2rem;border-left:5px solid #41BDF7;transition:all 320ms;position:relative}
.crseCatalog .crseBox:hover{transform:translateY(-6px);box-shadow:0 12px 28px #41bdf733;border-left-color:#9D2912}
.crseCatalog .boxTitle{font-size:1.5rem;color:#1a1a1a;margin:0 0 .8rem;font-weight:600;display:flex;align-items:center;gap:.6rem}
.crseCatalog .boxTitle .iconoir-book-stack{color:#41BDF7;font-size:1.8rem}
.crseCatalog .boxDesc{font-size:1rem;line-height:1.65;color:#4a4a4a;margin:0 0 1rem}
.crseCatalog .detailList{list-style:none;padding:0;margin:0 0 1.5rem}
.crseCatalog .detailList li{font-size:.95rem;color:#5a5a5a;padding:.4rem 0;padding-left:1.5rem;position:relative}
.crseCatalog .detailList li::before{content:'→';position:absolute;left:0;color:#41BDF7;font-weight:700}
.crseCatalog .accessToggle{display:none}
.crseCatalog .toggleLabel{display:inline-block;background:#41BDF7;color:#fff;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all 280ms}
.crseCatalog .toggleLabel:hover{background:#2da8e0}
.crseCatalog .extraInfo{max-height:0;overflow:hidden;transition:max-height 350ms ease-out;margin-top:1rem}
.crseCatalog .accessToggle:checked ~ .extraInfo{max-height:300px}
.crseCatalog .extraInfo p{font-size:.95rem;line-height:1.6;color:#5a5a5a;margin:0;padding:1rem;background:#fff;border-radius:6px;border:1px solid #41bdf733}
.crseCatalog .imgShowcase{margin-top:3rem;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a}
.crseCatalog .showcaseImg{width:100%;height:500px;object-fit:cover;display:block}
@media (max-width: 768px) {
.progHero .heroWrp{flex-direction:column;padding:3rem 1.5rem}
.progHero .mainHd{font-size:2.2rem}
.progHero .tagln{font-size:1rem}
.progHero .heroImg{height:320px}
.progHero .ctaGroup{flex-direction:column;width:100%}
.progHero .btn--primary,.progHero .btn--outline{width:100%;text-align:center}
.crseCatalog{padding:3rem 1.5rem}
.crseCatalog .sectionHd{font-size:1.8rem}
.crseCatalog .gridLayout{grid-template-columns:1fr}
.crseCatalog .showcaseImg{height:280px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.progHero .mainHd{font-size:2.6rem}
.progHero .heroImg{height:380px}
.crseCatalog .gridLayout{grid-template-columns:repeat(2,1fr)}
.crseCatalog .showcaseImg{height:400px}
}
.scsPg-v1{min-height:70vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F2FDF5 0%,#41bdf714 100%);padding:60px 20px;position:relative;overflow:hidden}
.scsPg-v1::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,#41bdf726 0%,transparent 50%),radial-gradient(circle at 70% 60%,#9d291214 0%,transparent 50%);animation:glowPulse-v2 8s ease-in-out infinite;pointer-events:none}
@keyframes glowPulse-v2 {
0%,100%{transform:translate(0,0) scale(1);opacity:.6}
50%{transform:translate(20px,-20px) scale(1.1);opacity:.8}
}
.successCont-box{max-width:720px;width:100%;position:relative;z-index:2}
.layeredCard-v1{background:#fff;border-radius:24px;padding:0;box-shadow:0 8px 24px #41bdf71f 0 2px 8px #0000000a;position:relative;overflow:hidden}
.layeredCard-v1::before{content:'';position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#41BDF7 0%,#9D2912 100%);opacity:.9}
.cardInr-wrap{padding:64px 48px 56px}
.iconCirc-v2{width:88px;height:88px;margin:0 auto 32px;background:linear-gradient(135deg,#41bdf71f 0%,#41bdf70a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 16px #41bdf733 inset 0 2px 4px #fffc}
.iconCirc-v2::after{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid #41bdf733;border-radius:50%;animation:rippleOut-v1 2s ease-out infinite}
@keyframes rippleOut-v1 {
0%{transform:scale(1);opacity:.6}
100%{transform:scale(1.3);opacity:0}
}
.iconCirc-v2 .iconoir{font-size:44px;color:#41BDF7;animation:checkBounce-v1 .6s cubic-bezier(0.68,-0.55,0.265,1.55)}
@keyframes checkBounce-v1 {
0%{transform:scale(0) rotate(-45deg);opacity:0}
50%{transform:scale(1.15) rotate(5deg)}
100%{transform:scale(1) rotate(0deg);opacity:1}
}
.msgHd-v1{font-size:36px;font-weight:700;line-height:1.2;color:#1a1a1a;text-align:center;margin:0 0 16px;letter-spacing:-.5px}
.msgTxt-v2{font-size:17px;line-height:1.6;color:#4a4a4a;text-align:center;margin:0 0 36px;max-width:520px;margin-left:auto;margin-right:auto}
.detailsGrid-v1{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 40px;padding:32px 0;border-top:1px solid #41bdf726;border-bottom:1px solid #41bdf726}
.dtlItem-box{text-align:center;padding:16px;background:linear-gradient(135deg,#f2fdf599 0%,#41bdf70a 100%);border-radius:12px;transition:all .3s ease}
.dtlItem-box:hover{transform:translateY(-3px);box-shadow:0 4px 12px #41bdf726}
.dtlLbl-v1{font-size:13px;font-weight:600;color:#41BDF7;text-transform:uppercase;letter-spacing:.8px;margin:0 0 8px;display:block}
.dtlVal-v1{font-size:15px;font-weight:500;color:#2a2a2a;line-height:1.4}
.actBtns-wrap{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btnPrim-v2{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;background:linear-gradient(135deg,#41BDF7 0%,#2a9dd4 100%);color:#fff;text-decoration:none;border-radius:12px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 14px #41bdf74d;position:relative;overflow:hidden;z-index:1}
.btnPrim-v2::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left .5s ease;z-index:-1}
.btnPrim-v2:hover::before{left:100%}
.btnPrim-v2:hover{transform:translateY(-2px);box-shadow:0 6px 20px #41bdf766}
.btnPrim-v2 .iconoir{font-size:20px;transition:transform .3s ease}
.btnPrim-v2:hover .iconoir{transform:translateX(4px)}
.btnSec-v2{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;background:transparent;color:#41BDF7;text-decoration:none;border:2px solid #41BDF7;border-radius:12px;font-size:16px;font-weight:600;transition:all .3s ease;position:relative;z-index:1}
.btnSec-v2::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:#41BDF7;transition:width .3s ease;z-index:-1;border-radius:10px}
.btnSec-v2:hover::before{width:100%}
.btnSec-v2:hover{color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #41bdf740}
.btnSec-v2 .iconoir{font-size:20px}
.infoNote-v1{text-align:center;margin:32px 0 0;padding:20px;background:#41bdf70f;border-radius:12px;border-left:4px solid #41BDF7}
.infoNote-v1 p{font-size:14px;line-height:1.6;color:#4a4a4a;margin:0}
.infoNote-v1 a{color:#41BDF7;text-decoration:none;font-weight:600;transition:color .3s ease}
.infoNote-v1 a:hover{color:#2a9dd4;text-decoration:underline}
@media (max-width: 768px) {
.scsPg-v1{padding:40px 16px}
.cardInr-wrap{padding:48px 28px 40px}
.msgHd-v1{font-size:28px}
.msgTxt-v2{font-size:16px}
.detailsGrid-v1{grid-template-columns:1fr;gap:12px}
.actBtns-wrap{flex-direction:column}
.btnPrim-v2,.btnSec-v2{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.iconCirc-v2{width:72px;height:72px;margin-bottom:24px}
.iconCirc-v2 .iconoir{font-size:36px}
.msgHd-v1{font-size:24px}
.cardInr-wrap{padding:40px 24px 32px}
}