*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Source Code Pro',monospace;background:#fafafa;color:#1a1a1a;line-height:1.6;overflow-x:hidden}
.site-hd{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);border-bottom:3px solid #ECB100;position:relative;box-shadow:0 8px 16px #ecb1001f}
.hd-top-ribbon{background:linear-gradient(95deg,#ecb10026 0%,#45ddf21a 100%);padding:12px 0;clip-path:polygon(0 0,100% 0,100% 80%,0 100%)}
.hd-top-ribbon .cnt-wrapper{max-width:1366px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
.brnd-section{display:flex;align-items:center;gap:18px}
.lg-holder{width:85px;height:85px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014 0 0 0 2px #ecb10033;padding:10px}
.lg-holder img{width:100%;height:100%;object-fit:contain}
.brnd-txt{display:flex;flex-direction:column}
.brnd-txt .cmp-name{font-family:'Cormorant',serif;font-size:32px;font-weight:700;color:#1a1a1a;letter-spacing:-.5px;line-height:1.1}
.brnd-txt .tagline-secondary{font-size:13px;color:#666;margin-top:4px;font-weight:400}
.hd-main-row{padding:20px 0}
.hd-main-row .cnt-wrapper{max-width:1366px;margin:0 auto;padding:0 20px;display:flex;justify-content:flex-end;align-items:center}
.main-nv{display:flex;gap:6px;align-items:center}
.main-nv a{font-family:'Source Code Pro',monospace;font-size:15px;font-weight:400;color:#2a2a2a;text-decoration:none;padding:12px 22px;border-radius:10px;transition:all .45s ease-out;position:relative;background:transparent;border:1.5px solid transparent}
.main-nv a:hover{background:#ecb10014;border-color:#ecb1004d;color:#1a1a1a}
.ft-site{background:linear-gradient(180deg,#f8f8f8 0%,#ececec 100%);border-top:2px solid #ECB100;padding:45px 0 30px;margin-top:80px}
.ft-site .cnt-wrapper{max-width:1366px;margin:0 auto;padding:0 20px}
.ft-divider{height:1px;background:linear-gradient(90deg,transparent 0%,#ecb1004d 50%,transparent 100%);margin:30px 0}
.ft-nav-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-bottom:25px}
.ft-nav-links a{font-size:14px;color:#4a4a4a;text-decoration:none;transition:color .4s ease-out;position:relative}
.ft-nav-links a:hover{color:#ECB100}
.ft-nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:2px;background:#ECB100;transition:width .5s ease-out}
.ft-nav-links a:hover::after{width:100%}
.ft-submenu-area{display:flex;justify-content:center;gap:20px;margin-bottom:25px}
.ft-submenu-area a{font-size:13px;color:#666;text-decoration:none;padding:6px 14px;border-radius:6px;background:#ecb1000d;transition:all .4s ease-out}
.ft-submenu-area a:hover{background:#ecb10026;color:#2a2a2a}
.ft-copyright{text-align:center;font-size:13px;color:#666;padding-top:20px}
.ft-contact-info{text-align:center;margin-bottom:20px;font-size:13px;color:#555}
.ft-contact-info a{color:#555;text-decoration:none;margin:0 12px;transition:color .4s ease-out}
.ft-contact-info a:hover{color:#ECB100}
.cookie-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;z-index:9998;opacity:0;transition:opacity .55s ease-out}
.cookie-overlay.active-state{display:block;opacity:1}
.cookie-modal-box{position:fixed;top:50%;left:-100%;transform:translate(0,-50%);background:#fff;border-radius:14px;box-shadow:0 12px 40px #00000040 0 0 0 3px #ecb10033;max-width:520px;width:90%;padding:35px;z-index:9999;transition:left .6s ease-out}
.cookie-modal-box.active-state{left:50%;transform:translate(-50%,-50%)}
.cookie-modal-box h3{font-family:'Cormorant',serif;font-size:26px;font-weight:700;color:#1a1a1a;margin-bottom:16px}
.cookie-modal-box p{font-size:14px;color:#444;line-height:1.7;margin-bottom:24px}
.cookie-toggle-group{margin-bottom:24px}
.cookie-toggle-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e5e5}
.cookie-toggle-item label{font-size:14px;color:#2a2a2a;font-weight:400}
.toggle-switch-container{position:relative;width:50px;height:26px}
.toggle-switch-container input{opacity:0;width:0;height:0}
.toggle-slider-track{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;transition:background .45s ease-out;border-radius:26px}
.toggle-slider-track::before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;transition:transform .45s ease-out;border-radius:50%;box-shadow:0 2px 6px #0003}
.toggle-switch-container input:checked + .toggle-slider-track{background:#ECB100}
.toggle-switch-container input:checked + .toggle-slider-track::before{transform:translateX(24px)}
.cookie-action-buttons{display:flex;gap:12px;justify-content:flex-end}
.cookie-btn-outline{padding:11px 26px;background:transparent;border:2px solid #ECB100;color:#ECB100;font-family:'Source Code Pro',monospace;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .5s ease-out}
.cookie-btn-outline:hover{background:#ecb1001a;transform:translateY(-2px);box-shadow:0 6px 14px #ecb10040}
@media (max-width: 1024px) {
.hd-top-ribbon .cnt-wrapper{flex-direction:column;gap:18px}
.hd-main-row .cnt-wrapper{justify-content:center}
.main-nv{flex-wrap:wrap;justify-content:center}
}
@media (max-width: 768px) {
.brnd-txt .cmp-name{font-size:26px}
.lg-holder{width:70px;height:70px}
.main-nv{flex-direction:column;width:100%;gap:8px}
.main-nv a{width:100%;text-align:center}
.ft-nav-links{flex-direction:column;align-items:center;gap:15px}
.ft-submenu-area{flex-direction:column;align-items:center}
.cookie-modal-box{padding:25px;max-width:95%}
.cookie-action-buttons{flex-direction:column}
.cookie-btn-outline{width:100%}
}
@media (max-width: 480px) {
.brnd-section{gap:12px}
.brnd-txt .cmp-name{font-size:22px}
.brnd-txt .tagline-secondary{font-size:12px}
.lg-holder{width:60px;height:60px}
.ft-contact-info a{display:block;margin:8px 0}
}
.terms-body{max-width:1366px;margin:0 auto;padding:60px 20px;background:#fff}
@media (min-width: 768px) {
.terms-body{padding:80px 40px}
}
@media (min-width: 1024px) {
.terms-body{padding:100px 60px}
}
.terms-body p{font-size:16px;line-height:1.8;color:#333;margin:0 0 24px;max-width:800px}
@media (min-width: 768px) {
.terms-body p{font-size:17px;line-height:1.85;margin:0 0 28px}
}
.terms-body ul,.terms-body ol{margin:0 0 28px;padding:0 0 0 28px;max-width:800px}
@media (min-width: 768px) {
.terms-body ul,.terms-body ol{padding:0 0 0 32px;margin:0 0 32px}
}
.terms-body ul{list-style-type:disc}
.terms-body ol{list-style-type:decimal}
.terms-body li{font-size:16px;line-height:1.75;color:#333;margin:0 0 12px;padding-left:8px}
@media (min-width: 768px) {
.terms-body li{font-size:17px;line-height:1.8;margin:0 0 14px;padding-left:10px}
}
.terms-body ul li::marker{color:#ECB100}
.terms-body ol li::marker{color:#ECB100;font-weight:600}
.terms-body strong,.terms-body b{font-weight:700;color:#1a1a1a}
.terms-body em,.terms-body i{font-style:italic;color:#444}
.terms-body a{color:#45DDF2;text-decoration:none;font-weight:500;border-bottom:2px solid #45ddf24d;transition:all .5s ease-out;padding-bottom:2px}
.terms-body a:hover{color:#ECB100;border-bottom-color:#ecb10099}
.terms-body a:focus{outline:2px solid #ECB100;outline-offset:4px;border-radius:4px}
.terms-body hr{border:none;height:2px;background:linear-gradient(to right,#ecb10033,#45ddf24d,#ecb10033);margin:48px 0;max-width:800px}
@media (min-width: 768px) {
.terms-body hr{margin:60px 0}
}
.terms-body ul ul,.terms-body ul ol,.terms-body ol ul,.terms-body ol ol{margin:12px 0 16px;padding-left:24px}
.terms-body p + ul,.terms-body p + ol{margin-top:-8px}
.terms-body ul + p,.terms-body ol + p{margin-top:32px}
@media (min-width: 480px) {
.terms-body{padding:70px 30px}
}
@media (min-width: 1280px) {
.terms-body{padding:120px 80px}
.terms-body p{font-size:18px;line-height:1.9}
.terms-body li{font-size:18px;line-height:1.85}
}
@media (min-width: 1920px) {
.terms-body{padding:140px 100px}
}
.lrn-pg-hd{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 20px}
.lrn-pg-hd::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#ecb10008 1px,transparent 1px),linear-gradient(90deg,#ecb10008 1px,transparent 1px);background-size:40px 40px;z-index:1}
.lrn-pg-hd .ct-wrapper{max-width:1366px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;gap:60px}
.lrn-pg-hd .txt-area{flex:1}
.lrn-pg-hd h1{font-size:3.2rem;line-height:1.2;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.lrn-pg-hd h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#ECB100 0%,#45DDF2 100%);margin-top:16px}
.lrn-pg-hd .desc-primary{font-size:1.2rem;line-height:1.8;color:#4a4a4a;margin:0 0 20px}
.lrn-pg-hd .desc-secondary{font-size:1.05rem;line-height:1.7;color:#666;margin:0}
.lrn-pg-hd .img-insert{flex:0 0 380px;position:relative}
.lrn-pg-hd .img-insert img{width:100%;height:320px;object-fit:cover;border-radius:12px;filter:blur(0.5px);opacity:.85;box-shadow:0 12px 32px #ecb10026}
.crse-structure{padding:90px 20px;background:#fff}
.crse-structure .ct-wrapper{max-width:1366px;margin:0 auto}
.crse-structure h2{font-size:2.6rem;color:#1a1a1a;margin:0 0 50px;text-align:center;font-weight:700}
.crse-structure h2::before{content:'';display:inline-block;width:40px;height:40px;background:linear-gradient(135deg,#ECB100 0%,#45DDF2 100%);border-radius:8px;margin-right:16px;vertical-align:middle}
.mdl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.mdl-card{background:#f8f9fa;border-radius:12px;padding:40px 30px;position:relative;border:2px solid transparent;transition:all 480ms ease-out}
.mdl-card:hover{border-color:#ECB100;transform:translateY(-6px);box-shadow:0 16px 40px #45ddf233}
.mdl-card .num{font-size:3rem;font-weight:700;color:#ECB100;margin:0 0 16px;line-height:1}
.mdl-card h3{font-size:1.5rem;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.mdl-card p{font-size:1.05rem;line-height:1.7;color:#4a4a4a;margin:0}
.lrn-path{padding:100px 20px;background:linear-gradient(180deg,#fff 0%,#f8f9fa 100%);position:relative}
.lrn-path::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent 0%,#ECB100 50%,transparent 100%)}
.lrn-path .ct-wrapper{max-width:1366px;margin:0 auto}
.lrn-path h2{font-size:2.6rem;color:#1a1a1a;margin:0 0 60px;text-align:center;font-weight:700;position:relative}
.lrn-path h2::after{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:100px;height:3px;background:#45DDF2}
.timeline-wrapper{position:relative;padding-left:60px}
.timeline-wrapper::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ECB100 0%,#45DDF2 50%,#D42E3D 100%)}
.timeline-step{position:relative;margin-bottom:50px;padding:30px 35px;background:#fff;border-radius:12px;border-left:4px solid #ECB100;box-shadow:0 8px 24px #00000014;transition:all 520ms ease-out}
.timeline-step:hover{transform:translateX(10px);box-shadow:0 12px 32px #ecb1002e}
.timeline-step::before{content:'';position:absolute;left:-63px;top:40px;width:16px;height:16px;background:#ECB100;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 4px #ecb10033}
.timeline-step h4{font-size:1.6rem;color:#1a1a1a;margin:0 0 12px;font-weight:600}
.timeline-step .stage-label{display:inline-block;font-size:.9rem;color:#ECB100;background:#ecb1001a;padding:4px 12px;border-radius:6px;margin-bottom:12px;font-weight:500}
.timeline-step p{font-size:1.05rem;line-height:1.7;color:#4a4a4a;margin:0}
.testimonial-sec{padding:90px 20px;background:#1a1a1a;position:relative;overflow:hidden}
.testimonial-sec::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#ecb1001a 0%,transparent 70%);border-radius:50%}
.testimonial-sec .ct-wrapper{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.testimonial-sec h2{font-size:2.6rem;color:#fff;margin:0 0 60px;text-align:center;font-weight:700}
.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.testimonial-item{background:#ffffff0d;border-radius:12px;padding:40px;border:1px solid #ecb10033;transition:all 500ms ease-out;display:flex;flex-direction:column;gap:24px}
.testimonial-item:hover{background:#ffffff14;border-color:#ECB100;transform:scale(1.02)}
.testimonial-author{display:flex;align-items:center;gap:20px}
.testimonial-author img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #ECB100}
.author-info h5{font-size:1.2rem;color:#fff;margin:0 0 6px;font-weight:600}
.author-info .role{font-size:.95rem;color:#45DDF2;margin:0}
.testimonial-item .quote{font-size:1.1rem;line-height:1.8;color:#e9ecef;margin:0;font-style:italic}
.testimonial-item .quote::before{content:'"';font-size:2.5rem;color:#ECB100;line-height:0;vertical-align:-10px;margin-right:8px}
.cta-final{padding:90px 20px;background:linear-gradient(135deg,#ECB100 0%,#45DDF2 100%);text-align:center}
.cta-final .ct-wrapper{max-width:1366px;margin:0 auto}
.cta-final h2{font-size:2.8rem;color:#fff;margin:0 0 20px;font-weight:700}
.cta-final .subdesc{font-size:1.2rem;line-height:1.7;color:#fffffff2;margin:0 0 40px;max-width:700px;margin-left:auto;margin-right:auto}
.bt-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.bt--primary{display:inline-block;padding:16px 40px;background:#1a1a1a;color:#fff;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:600;transition:all 440ms ease-out;border:2px solid #1a1a1a;z-index:10;position:relative}
.bt--primary:hover{background:transparent;color:#1a1a1a;transform:translateY(-3px);box-shadow:0 10px 28px #0003}
.bt--secondary{display:inline-block;padding:16px 40px;background:transparent;color:#fff;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:600;transition:all 440ms ease-out;border:2px solid #fff;z-index:10;position:relative}
.bt--secondary:hover{background:#fff;color:#ECB100;transform:translateY(-3px);box-shadow:0 10px 28px #ffffff4d}
@media (max-width: 1024px) {
.lrn-pg-hd .ct-wrapper{flex-direction:column;gap:40px}
.lrn-pg-hd .img-insert{flex:0 0 auto;width:100%;max-width:500px}
.mdl-grid{grid-template-columns:repeat(2,1fr)}
.timeline-wrapper{padding-left:50px}
}
@media (max-width: 768px) {
.lrn-pg-hd{padding:60px 20px}
.lrn-pg-hd h1{font-size:2.4rem}
.lrn-pg-hd .desc-primary{font-size:1.1rem}
.mdl-grid{grid-template-columns:1fr}
.crse-structure,.lrn-path,.testimonial-sec,.cta-final{padding:60px 20px}
.crse-structure h2,.lrn-path h2,.testimonial-sec h2,.cta-final h2{font-size:2rem}
.testimonial-grid{grid-template-columns:1fr}
.timeline-wrapper{padding-left:40px}
.timeline-step::before{left:-53px}
.bt-row{flex-direction:column;align-items:center}
.bt--primary,.bt--secondary{width:100%;max-width:300px;text-align:center}
}
@media (max-width: 480px) {
.lrn-pg-hd h1{font-size:2rem}
.lrn-pg-hd .img-insert img{height:260px}
.mdl-card{padding:30px 24px}
.timeline-step{padding:24px 28px}
.testimonial-item{padding:30px 24px}
}
.intro-wrapper{max-width:1366px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.intro-wrapper .txt-area h1{font-size:42px;line-height:1.2;color:#1a1a1a;margin-bottom:24px;font-weight:700}
.intro-wrapper .txt-area .q-block{margin-bottom:32px}
.intro-wrapper .txt-area .q-block .qst{font-size:20px;color:#ECB100;font-weight:600;margin-bottom:12px}
.intro-wrapper .txt-area .q-block .answ{font-size:16px;line-height:1.65;color:#333}
.intro-wrapper .img-zone{position:relative}
.intro-wrapper .img-zone img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #ecb10026}
.intro-wrapper .img-zone::before{content:'';position:absolute;top:-20px;right:-20px;width:180px;height:180px;background:linear-gradient(135deg,#45ddf24d,#ecb1004d);border-radius:50%;z-index:-1}
.intro-wrapper .img-zone::after{content:'';position:absolute;bottom:-30px;left:-30px;width:140px;height:140px;background:#d42e3d33;border-radius:12px;z-index:-1;transform:rotate(15deg)}
.adv-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:90px 20px}
.adv-section .container-wrap{max-width:1366px;margin:0 auto}
.adv-section .sc-hd{text-align:center;margin-bottom:70px}
.adv-section .sc-hd h2{font-size:38px;color:#1a1a1a;margin-bottom:16px;font-weight:700}
.adv-section .sc-hd .sub{font-size:18px;color:#555;line-height:1.6}
.adv-section .grd-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}
.adv-section .grd-items .card-item{background:#fff;padding:40px 32px;border-radius:16px;box-shadow:0 4px 16px #00000014;transition:all 450ms ease-out;position:relative;overflow:hidden}
.adv-section .grd-items .card-item::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#ECB100,#45DDF2);transition:height 450ms ease-out}
.adv-section .grd-items .card-item:hover{transform:translateY(-8px);box-shadow:0 12px 32px #ecb10033}
.adv-section .grd-items .card-item:hover::before{height:100%}
.adv-section .grd-items .card-item .ic{font-size:48px;color:#ECB100;margin-bottom:20px;display:block}
.adv-section .grd-items .card-item h3{font-size:22px;color:#1a1a1a;margin-bottom:16px;font-weight:600}
.adv-section .grd-items .card-item .desc{font-size:15px;line-height:1.7;color:#555;margin-bottom:20px}
.adv-section .grd-items .card-item .highlight-point{font-size:14px;color:#45DDF2;font-weight:600;display:flex;align-items:center;gap:8px}
.adv-section .grd-items .card-item .highlight-point::before{content:'';width:6px;height:6px;background:#45DDF2;border-radius:50%}
.audience-module{padding:90px 20px;background:#fff}
.audience-module .cnt-hold{max-width:1366px;margin:0 auto}
.audience-module .split-layout{display:grid;grid-template-columns:40% 60%;gap:50px;align-items:start}
.audience-module .split-layout .left-col h2{font-size:36px;color:#1a1a1a;margin-bottom:24px;font-weight:700;line-height:1.3}
.audience-module .split-layout .left-col .intro-txt{font-size:16px;line-height:1.7;color:#555;margin-bottom:32px}
.audience-module .split-layout .left-col .visual-elem{width:100%;height:auto;border-radius:12px;box-shadow:0 6px 20px #45ddf226}
.audience-module .split-layout .right-col .persona-grid{display:grid;gap:28px}
.audience-module .split-layout .right-col .persona-card{background:linear-gradient(135deg,#fefefe 0%,#f8f9fa 100%);padding:32px;border-radius:12px;border-left:4px solid #ECB100;box-shadow:0 3px 12px #0000000f;transition:transform 400ms ease-out}
.audience-module .split-layout .right-col .persona-card:hover{transform:translateX(8px)}
.audience-module .split-layout .right-col .persona-card h4{font-size:20px;color:#1a1a1a;margin-bottom:12px;font-weight:600;display:flex;align-items:center;gap:10px}
.audience-module .split-layout .right-col .persona-card h4::before{content:'';width:8px;height:8px;background:#ECB100;border-radius:50%}
.audience-module .split-layout .right-col .persona-card .details{font-size:15px;line-height:1.7;color:#555;margin-bottom:16px}
.audience-module .split-layout .right-col .persona-card .trait-list{display:flex;flex-wrap:wrap;gap:10px}
.audience-module .split-layout .right-col .persona-card .trait-badge{background:#45ddf226;color:#45DDF2;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}
.career-section{background:linear-gradient(180deg,#1a1a1a 0%,#2d2d2d 100%);padding:90px 20px;position:relative;overflow:hidden}
.career-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(./artwork/wide-11.jpg) center/cover no-repeat;opacity:.08;z-index:0}
.career-section .inner-container{max-width:1366px;margin:0 auto;position:relative;z-index:1}
.career-section .ttl-zone{text-align:center;margin-bottom:60px}
.career-section .ttl-zone h2{font-size:38px;color:#fff;margin-bottom:18px;font-weight:700}
.career-section .ttl-zone .desc{font-size:17px;color:#fffc;line-height:1.6;max-width:700px;margin:0 auto}
.career-section .path-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:35px}
.career-section .path-display .path-box{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid #ecb1004d;border-radius:16px;padding:36px 28px;transition:all 500ms ease-out;position:relative}
.career-section .path-display .path-box::after{content:'';position:absolute;top:0;left:0;width:100%;height:0;background:linear-gradient(180deg,#ecb10026,transparent);border-radius:16px;transition:height 500ms ease-out;z-index:-1}
.career-section .path-display .path-box:hover{transform:scale(1.05);border-color:#ECB100}
.career-section .path-display .path-box:hover::after{height:100%}
.career-section .path-display .path-box .stage-label{display:inline-block;background:#ECB100;color:#1a1a1a;font-size:12px;font-weight:700;padding:6px 12px;border-radius:6px;margin-bottom:18px;text-transform:uppercase;letter-spacing:.5px}
.career-section .path-display .path-box h3{font-size:22px;color:#fff;margin-bottom:14px;font-weight:600}
.career-section .path-display .path-box .info{font-size:15px;line-height:1.7;color:#ffffffbf;margin-bottom:20px}
.career-section .path-display .path-box .metrics{display:flex;gap:20px;padding-top:20px;border-top:1px solid #ffffff1a}
.career-section .path-display .path-box .metrics .metric-item{flex:1}
.career-section .path-display .path-box .metrics .metric-item .val{font-size:24px;color:#45DDF2;font-weight:700;display:block;margin-bottom:4px}
.career-section .path-display .path-box .metrics .metric-item .lbl{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}
.career-section .cta-zone{text-align:center;margin-top:60px}
.career-section .cta-zone .primary-btn{display:inline-block;background:linear-gradient(135deg,#ECB100 0%,#d4a100 100%);color:#1a1a1a;font-size:16px;font-weight:700;padding:16px 48px;border-radius:8px;text-decoration:none;transition:all 450ms ease-out;box-shadow:0 6px 20px #ecb1004d;position:relative;z-index:2}
.career-section .cta-zone .primary-btn:hover{transform:translateY(-4px);box-shadow:0 12px 32px #ecb10080}
@media (max-width: 1024px) {
.intro-wrapper{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.intro-wrapper .txt-area h1{font-size:36px}
.audience-module .split-layout{grid-template-columns:1fr;gap:40px}
.career-section .path-display{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.intro-wrapper .txt-area h1{font-size:30px}
.intro-wrapper .txt-area .q-block .qst{font-size:18px}
.adv-section{padding:60px 20px}
.adv-section .sc-hd h2{font-size:30px}
.adv-section .grd-items{grid-template-columns:1fr;gap:30px}
.audience-module{padding:60px 20px}
.audience-module .split-layout .left-col h2{font-size:28px}
.career-section{padding:60px 20px}
.career-section .ttl-zone h2{font-size:30px}
.career-section .path-display .path-box .metrics{flex-direction:column;gap:12px}
}
@media (max-width: 480px) {
.intro-wrapper{padding:40px 15px}
.intro-wrapper .txt-area h1{font-size:26px}
.adv-section .grd-items .card-item{padding:28px 20px}
.audience-module .split-layout .right-col .persona-card{padding:24px}
.career-section .cta-zone .primary-btn{padding:14px 32px;font-size:15px}
}
.ct-page{background:#f8f9fa}
.bnr-top{position:relative;max-width:1366px;margin:60px auto 80px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #ecb1001f}
.bnr-top .img-ct{position:relative;width:100%;height:420px;overflow:hidden}
.bnr-top .img-ct img{width:100%;height:100%;object-fit:cover;display:block}
.bnr-top .img-ct::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,#0000 0%,#0009 100%)}
.bnr-top .img-ct::before{content:'• • •';position:absolute;top:20px;left:20px;color:#ecb100cc;font-size:28px;letter-spacing:8px;z-index:2}
.bnr-top .img-ct .dcr-btm{position:absolute;bottom:20px;right:20px;color:#ecb100cc;font-size:28px;letter-spacing:8px;z-index:2}
.bnr-top .txt-wr{padding:50px 60px 60px;text-align:center}
.bnr-top .txt-wr h1{font-size:42px;color:#1a1a1a;margin:0 0 30px;font-weight:700;line-height:1.3}
.bnr-top .bt-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.bnr-top .bt-row .cta-primary{padding:16px 36px;background:linear-gradient(135deg,#ECB100 0%,#d9a400 100%);color:#1a1a1a;border:none;border-radius:10px;font-size:17px;font-weight:600;cursor:pointer;transition:all 480ms ease-out;box-shadow:0 6px 20px #ecb1004d;text-decoration:none;display:inline-block}
.bnr-top .bt-row .cta-primary:hover{transform:translateY(-3px);box-shadow:0 10px 28px #ecb10073}
.bnr-top .bt-row .cta-secondary{padding:16px 36px;background:transparent;color:#45DDF2;border:2px solid #45DDF2;border-radius:10px;font-size:17px;font-weight:600;cursor:pointer;transition:all 480ms ease-out;text-decoration:none;display:inline-block}
.bnr-top .bt-row .cta-secondary:hover{background:#45ddf21a;border-color:#45DDF2;transform:translateY(-2px)}
.info-grid{max-width:1366px;margin:0 auto 80px;padding:0 30px}
.info-grid .grd{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.info-grid .crd{background:#fff;padding:40px 32px;border-radius:12px;text-align:center;transition:all 520ms ease-out;box-shadow:0 4px 16px #0000000f;position:relative}
.info-grid .crd::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ECB100,#45DDF2);border-radius:12px 12px 0 0;opacity:0;transition:opacity 480ms ease-out}
.info-grid .crd:hover::before{opacity:1}
.info-grid .crd:hover{transform:translateY(-6px);box-shadow:0 12px 32px #ecb1002e}
.info-grid .crd .icn{font-size:48px;color:#ECB100;margin-bottom:24px;display:inline-block;transition:transform 480ms ease-out}
.info-grid .crd:hover .icn{transform:scale(1.1) rotate(5deg)}
.info-grid .crd h3{font-size:22px;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.info-grid .crd .dtl{font-size:16px;color:#555;line-height:1.7;margin:0}
.info-grid .crd .dtl a{color:#45DDF2;text-decoration:none;transition:color 400ms ease-out;font-weight:600}
.info-grid .crd .dtl a:hover{color:#ECB100}
.frm-section{max-width:1366px;margin:0 auto 80px;padding:0 30px}
.frm-section .wr{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:16px;padding:60px;box-shadow:0 12px 40px #00000014;position:relative;overflow:hidden}
.frm-section .wr::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,#45ddf214 0%,transparent 70%);pointer-events:none}
.frm-section .wr .hdr{text-align:center;margin-bottom:50px;position:relative;z-index:1}
.frm-section .wr .hdr h2{font-size:38px;color:#1a1a1a;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.frm-section .wr .hdr h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#ECB100,#45DDF2);border-radius:2px}
.frm-section .wr .hdr .sub{font-size:17px;color:#666;line-height:1.6;margin:0}
.frm-section .wr form{max-width:720px;margin:0 auto;position:relative;z-index:1}
.frm-section .wr form .fld-grp{margin-bottom:28px}
.frm-section .wr form .fld-grp label{display:block;font-size:15px;color:#333;margin-bottom:10px;font-weight:600}
.frm-section .wr form .fld-grp input[type="text"],.frm-section .wr form .fld-grp input[type="email"]{width:100%;padding:16px 20px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all 400ms ease-out;background:#fff;box-sizing:border-box}
.frm-section .wr form .fld-grp input[type="text"]:focus,.frm-section .wr form .fld-grp input[type="email"]:focus{outline:none;border-color:#45DDF2;box-shadow:0 4px 16px #45ddf233}
.frm-section .wr form .fld-grp .slct-wr{position:relative}
.frm-section .wr form .fld-grp select{width:100%;padding:16px 20px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all 400ms ease-out;background:#fff;appearance:none;cursor:pointer;box-sizing:border-box;padding-right:50px}
.frm-section .wr form .fld-grp .slct-wr::after{content:'\25BC';position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#ECB100;pointer-events:none;font-size:14px}
.frm-section .wr form .fld-grp select:focus{outline:none;border-color:#45DDF2;box-shadow:0 4px 16px #45ddf233}
.frm-section .wr form .prv-chk{margin:32px 0;display:flex;align-items:flex-start;gap:12px}
.frm-section .wr form .prv-chk input[type="checkbox"]{width:20px;height:20px;cursor:pointer;accent-color:#ECB100;flex-shrink:0;margin-top:2px}
.frm-section .wr form .prv-chk label{font-size:14px;color:#555;cursor:pointer;line-height:1.6;margin:0}
.frm-section .wr form .prv-chk label a{color:#45DDF2;text-decoration:none;transition:color 400ms ease-out;font-weight:600}
.frm-section .wr form .prv-chk label a:hover{color:#ECB100}
.frm-section .wr form .sb-bt{width:100%;padding:18px;background:linear-gradient(135deg,#ECB100 0%,#d9a400 100%);color:#1a1a1a;border:none;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;transition:all 480ms ease-out;box-shadow:0 6px 24px #ecb10059}
.frm-section .wr form .sb-bt:hover{transform:translateY(-3px);box-shadow:0 12px 36px #ecb10080}
.why-reach{max-width:1366px;margin:0 auto 100px;padding:0 30px}
.why-reach .container{background:#fff;border-radius:16px;padding:70px 60px;box-shadow:0 8px 32px #d42e3d1f;position:relative;overflow:hidden}
.why-reach .container::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#D42E3D,#ECB100,#45DDF2)}
.why-reach .container .txt-area{text-align:center;margin-bottom:50px}
.why-reach .container .txt-area h2{font-size:36px;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.why-reach .container .txt-area .dsc{font-size:18px;color:#555;line-height:1.7;max-width:820px;margin:0 auto}
.why-reach .lst-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.why-reach .lst-grid .itm{display:flex;gap:20px;align-items:flex-start;padding:28px;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-radius:12px;transition:all 520ms ease-out;border:2px solid transparent}
.why-reach .lst-grid .itm:hover{border-color:#ecb1004d;transform:translateX(8px);box-shadow:0 6px 20px #00000014}
.why-reach .lst-grid .itm .icn-box{width:56px;height:56px;background:linear-gradient(135deg,#ecb10026,#45ddf226);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 480ms ease-out}
.why-reach .lst-grid .itm:hover .icn-box{transform:rotate(10deg) scale(1.1)}
.why-reach .lst-grid .itm .icn-box i{font-size:28px;color:#ECB100}
.why-reach .lst-grid .itm .txt{flex:1}
.why-reach .lst-grid .itm .txt h3{font-size:20px;color:#1a1a1a;margin:0 0 10px;font-weight:700}
.why-reach .lst-grid .itm .txt p{font-size:15px;color:#666;line-height:1.7;margin:0}
@media (max-width: 1024px) {
.bnr-top{margin:40px 20px 60px}
.bnr-top .txt-wr{padding:40px 40px 50px}
.bnr-top .txt-wr h1{font-size:36px}
.info-grid .grd{grid-template-columns:repeat(2,1fr);gap:24px}
.frm-section .wr{padding:50px 40px}
.why-reach .lst-grid{gap:28px}
.why-reach .container{padding:50px 40px}
}
@media (max-width: 768px) {
.bnr-top{margin:30px 15px 50px}
.bnr-top .img-ct{height:300px}
.bnr-top .txt-wr{padding:30px 25px 40px}
.bnr-top .txt-wr h1{font-size:28px}
.bnr-top .bt-row{flex-direction:column}
.bnr-top .bt-row .cta-primary,.bnr-top .bt-row .cta-secondary{width:100%;text-align:center}
.info-grid{padding:0 15px;margin-bottom:60px}
.info-grid .grd{grid-template-columns:1fr;gap:20px}
.frm-section{padding:0 15px;margin-bottom:60px}
.frm-section .wr{padding:40px 25px}
.frm-section .wr .hdr h2{font-size:30px}
.why-reach{padding:0 15px;margin-bottom:70px}
.why-reach .container{padding:40px 25px}
.why-reach .container .txt-area h2{font-size:28px}
.why-reach .lst-grid{grid-template-columns:1fr;gap:20px}
.why-reach .lst-grid .itm:hover{transform:translateX(0) translateY(-4px)}
}
@media (max-width: 480px) {
.bnr-top .img-ct{height:240px}
.bnr-top .txt-wr h1{font-size:24px}
.bnr-top .bt-row .cta-primary,.bnr-top .bt-row .cta-secondary{padding:14px 28px;font-size:15px}
.info-grid .crd{padding:30px 20px}
.info-grid .crd .icn{font-size:40px}
.frm-section .wr{padding:30px 20px}
.frm-section .wr .hdr h2{font-size:26px}
.why-reach .container{padding:30px 20px}
.why-reach .container .txt-area h2{font-size:24px}
.why-reach .lst-grid .itm{padding:20px;gap:16px}
}
.abt-hero-outer{background:linear-gradient(135deg,#ecb100eb 0%,#45ddf2e0 100%);position:relative;overflow:hidden;padding:88px 0 92px}
.abt-hero-outer::before{content:'';position:absolute;top:-15%;right:-8%;width:420px;height:420px;background:#d42e3d2e;border-radius:50%;filter:blur(60px)}
.abt-hero-outer::after{content:'';position:absolute;bottom:-12%;left:-6%;width:380px;height:380px;background:#ffffff1f;border-radius:50%;filter:blur(70px)}
.abt-hero-container{max-width:1366px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center;position:relative;z-index:2}
.abt-hero-txt-wrapper{display:flex;flex-direction:column;gap:24px}
.abt-hero-heading-main{font-size:58px;font-weight:700;line-height:1.12;color:#1a1a1a;margin:0}
.abt-hero-heading-main .num-accent{display:inline-block;color:#D42E3D;font-size:72px;font-weight:800;margin-right:8px;text-shadow:2px 3px 6px #00000026}
.abt-hero-description{font-size:19px;line-height:1.68;color:#2d2d2d;margin:0}
.abt-hero-img-wrapper{position:relative;height:460px}
.abt-hero-img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 12px 38px #00000038 0 4px 12px #0000001f;mix-blend-mode:multiply;opacity:.88}
.abt-hero-img-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(./artwork/third-1x.jpg);background-size:cover;background-position:center;border-radius:12px;opacity:.24;mix-blend-mode:screen;z-index:1}
.abt-hero-img-wrapper::after{content:'';position:absolute;top:-18px;right:-18px;width:140px;height:140px;background:#d42e3d47;border-radius:50%;z-index:-1}
.story-outer-wrapper{background:#f9f9f9;padding:96px 0;position:relative}
.story-container{max-width:1366px;margin:0 auto;padding:0 24px}
.story-header-section{text-align:center;margin-bottom:68px}
.story-header-section h2{font-size:44px;font-weight:700;color:#1a1a1a;margin:0 0 18px;position:relative;display:inline-block}
.story-header-section h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#ECB100 0%,#45DDF2 100%);border-radius:2px}
.story-header-section p{font-size:18px;line-height:1.72;color:#4a4a4a;max-width:720px;margin:0 auto}
.story-grid-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:76px}
.story-card-item{background:#fff;padding:38px 28px;border-radius:10px;box-shadow:0 6px 18px #00000014;transition:transform 480ms ease-out,box-shadow 480ms ease-out;border-top:4px solid transparent}
.story-card-item:nth-child(1){border-top-color:#ECB100}
.story-card-item:nth-child(2){border-top-color:#45DDF2}
.story-card-item:nth-child(3){border-top-color:#D42E3D}
.story-card-item:hover{transform:translateY(-6px);box-shadow:0 14px 32px #00000024}
.story-card-item .card-icon-area{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px;font-size:32px}
.story-card-item:nth-child(1) .card-icon-area{background:#ecb10026;color:#ECB100}
.story-card-item:nth-child(2) .card-icon-area{background:#45ddf226;color:#45DDF2}
.story-card-item:nth-child(3) .card-icon-area{background:#d42e3d26;color:#D42E3D}
.story-card-item h3{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 14px}
.story-card-item p{font-size:16px;line-height:1.64;color:#5a5a5a;margin:0}
.team-showcase-area{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;background:#fff;padding:56px;border-radius:12px;box-shadow:0 8px 24px #0000001a}
.team-member-profile{display:flex;flex-direction:column;gap:24px}
.team-profile-img-container{position:relative;width:100%;height:420px;overflow:hidden;border-radius:10px}
.team-profile-img-container img{width:100%;height:100%;object-fit:cover;transition:transform 480ms ease-out}
.team-profile-img-container:hover img{transform:scale(1.06)}
.team-profile-img-container::before{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,#1a1a1ab8,transparent);z-index:1;pointer-events:none}
.team-member-details{position:absolute;bottom:24px;left:24px;z-index:2;color:#fff}
.team-member-details h4{font-size:26px;font-weight:700;margin:0 0 6px;color:#fff}
.team-member-details p{font-size:16px;margin:0;color:#f0f0f0}
.team-text-content h3{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 16px}
.team-text-content p{font-size:16px;line-height:1.72;color:#4a4a4a;margin:0 0 18px}
.values-grid-system{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;margin-top:48px}
.values-column-left,.values-column-right{display:flex;flex-direction:column;gap:32px}
.value-item-box{background:#f4f4f4;padding:32px 28px;border-radius:10px;border-left:5px solid #ECB100;transition:background 480ms ease-out,border-color 480ms ease-out}
.value-item-box:hover{background:#fff;border-left-color:#45DDF2}
.value-item-box h5{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.value-item-box h5 i{font-size:24px;color:#D42E3D}
.value-item-box p{font-size:15px;line-height:1.64;color:#5a5a5a;margin:0}
.cta-section-wrapper{margin-top:76px;text-align:center;background:linear-gradient(135deg,#45ddf21f 0%,#ecb1001f 100%);padding:52px 40px;border-radius:12px}
.cta-section-wrapper h3{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 18px}
.cta-section-wrapper p{font-size:17px;line-height:1.68;color:#4a4a4a;margin:0 0 28px;max-width:640px;margin-left:auto;margin-right:auto}
.btn-cta-primary{display:inline-block;padding:16px 42px;background:linear-gradient(135deg,#ECB100 0%,#45DDF2 100%);color:#1a1a1a;font-size:17px;font-weight:600;text-decoration:none;border-radius:10px;box-shadow:0 8px 20px #ecb10052;transition:transform 480ms ease-out,box-shadow 480ms ease-out;position:relative;z-index:5}
.btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 14px 32px #ecb10070}
.timeline-visual-section{margin-top:88px;position:relative}
.timeline-visual-section h3{font-size:36px;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 56px}
.timeline-track-container{position:relative;padding:0 0 0 80px}
.timeline-track-container::before{content:'';position:absolute;left:38px;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#ECB100,#45DDF2,#D42E3D);border-radius:2px}
.timeline-item-node{position:relative;margin-bottom:48px;padding-left:48px}
.timeline-item-node::before{content:'';position:absolute;left:-48px;top:6px;width:20px;height:20px;background:#ECB100;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #ecb10066;z-index:3}
.timeline-item-node:nth-child(2)::before{background:#45DDF2;box-shadow:0 4px 12px #45ddf266}
.timeline-item-node:nth-child(3)::before{background:#D42E3D;box-shadow:0 4px 12px #d42e3d66}
.timeline-item-node:nth-child(4)::before{background:#ECB100;box-shadow:0 4px 12px #ecb10066}
.timeline-item-node h4{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 8px}
.timeline-item-node .timeline-year-label{font-size:14px;font-weight:600;color:#ECB100;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;display:block}
.timeline-item-node:nth-child(2) .timeline-year-label{color:#45DDF2}
.timeline-item-node:nth-child(3) .timeline-year-label{color:#D42E3D}
.timeline-item-node p{font-size:15px;line-height:1.68;color:#5a5a5a;margin:0}
.metrics-dashboard-area{margin-top:76px;background:#1a1a1a;padding:68px 48px;border-radius:12px;color:#fff}
.metrics-dashboard-area h3{font-size:32px;font-weight:700;text-align:center;margin:0 0 48px;color:#fff}
.metrics-grid-display{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.metric-card-single{text-align:center;padding:32px 20px;background:#ffffff0f;border-radius:10px;border:1px solid #ffffff1a;transition:background 480ms ease-out,transform 480ms ease-out}
.metric-card-single:hover{background:#ffffff1a;transform:translateY(-4px)}
.metric-card-single .metric-number{font-size:42px;font-weight:800;color:#ECB100;margin:0 0 8px;display:block}
.metric-card-single:nth-child(2) .metric-number{color:#45DDF2}
.metric-card-single:nth-child(3) .metric-number{color:#D42E3D}
.metric-card-single:nth-child(4) .metric-number{color:#ECB100}
.metric-card-single .metric-label{font-size:16px;color:#d0d0d0;margin:0}
.additional-images-gallery{margin-top:76px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gallery-img-wrapper{height:280px;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px #0000001f;transition:transform 480ms ease-out}
.gallery-img-wrapper:hover{transform:scale(1.04)}
.gallery-img-wrapper img{width:100%;height:100%;object-fit:cover}
@media (max-width: 1024px) {
.abt-hero-container{grid-template-columns:1fr;gap:48px}
.abt-hero-heading-main{font-size:48px}
.abt-hero-heading-main .num-accent{font-size:58px}
.story-grid-layout{grid-template-columns:1fr}
.team-showcase-area{grid-template-columns:1fr;padding:40px}
.values-grid-system{grid-template-columns:1fr}
.metrics-grid-display{grid-template-columns:repeat(2,1fr)}
.additional-images-gallery{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.abt-hero-outer{padding:64px 0 68px}
.abt-hero-heading-main{font-size:38px}
.abt-hero-heading-main .num-accent{font-size:46px}
.abt-hero-description{font-size:17px}
.abt-hero-img-wrapper{height:320px}
.story-header-section h2{font-size:34px}
.team-showcase-area{padding:28px 20px}
.team-profile-img-container{height:360px}
.timeline-track-container{padding-left:60px}
.timeline-track-container::before{left:28px}
.timeline-item-node::before{left:-38px}
.metrics-grid-display{grid-template-columns:1fr}
.metrics-dashboard-area{padding:48px 24px}
}
@media (max-width: 480px) {
.abt-hero-outer{padding:48px 0 52px}
.abt-hero-container{padding:0 16px}
.abt-hero-heading-main{font-size:32px}
.abt-hero-heading-main .num-accent{font-size:38px}
.story-outer-wrapper{padding:64px 0}
.story-container{padding:0 16px}
.story-card-item{padding:28px 20px}
.cta-section-wrapper{padding:40px 24px}
.btn-cta-primary{padding:14px 32px;font-size:16px}
}
.success-title-wrapper{max-width:1366px;margin:0 auto;padding:80px 20px 60px;background:linear-gradient(135deg,#ecb10014 0%,#45ddf20f 100%);position:relative;overflow:hidden}
.success-title-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,#ecb10008 0%,transparent 50%),radial-gradient(circle at 80% 70%,#45ddf208 0%,transparent 50%);pointer-events:none}
.ttl-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;position:relative;z-index:2}
.ttl-inner h1{font-size:52px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.2;position:relative}
.ttl-inner h1::after{content:'';display:block;width:100px;height:4px;background:linear-gradient(90deg,#ECB100 0%,#45DDF2 100%);margin:20px auto 0;border-radius:2px}
.ttl-desc{font-size:19px;line-height:1.7;color:#444;max-width:780px}
.ttl-visual{width:100%;max-width:920px;margin-top:40px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001f 0 2px 8px #ecb10014;transition:transform 480ms ease-out}
.ttl-visual:hover{transform:translateY(-6px) scale(1.01)}
.ttl-visual img{width:100%;height:auto;display:block}
.story-grid-section{max-width:1366px;margin:80px auto;padding:0 20px}
.story-grid-section h2{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 16px;text-align:center}
.story-grid-section h2::before{content:'';display:inline-block;width:8px;height:8px;background:#45DDF2;border-radius:50%;margin-right:12px;vertical-align:middle}
.story-grid-intro{text-align:center;font-size:18px;color:#555;max-width:680px;margin:0 auto 60px;line-height:1.6}
.story-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}
.story-cd{background:#fafafa;border-radius:14px;padding:36px;box-shadow:0 4px 16px #0000000f;border-left:4px solid #ECB100;transition:all 520ms ease-out;position:relative}
.story-cd:hover{transform:translateX(8px);box-shadow:0 8px 28px #ecb10026}
.story-cd h3{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 14px}
.story-cd .cd-meta{font-size:14px;color:#888;margin-bottom:20px;font-style:italic}
.story-cd p{font-size:16px;line-height:1.7;color:#444;margin:0}
.story-cd .cd-stat{display:inline-block;margin-top:20px;padding:8px 16px;background:#45ddf21f;color:#0a8b9e;border-radius:6px;font-size:14px;font-weight:600}
.journey-timeline{max-width:1366px;margin:100px auto;padding:0 20px;position:relative}
.journey-timeline h2{font-size:40px;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 80px}
.timeline-track{position:relative;padding:0 0 40px}
.timeline-track::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ECB100 0%,#45DDF2 100%);transform:translateX(-50%)}
.timeline-item{display:flex;align-items:center;margin-bottom:60px;position:relative}
.timeline-item:nth-child(odd){flex-direction:row}
.timeline-item:nth-child(even){flex-direction:row-reverse}
.timeline-content{width:calc(50% - 40px);background:#fff;padding:32px;border-radius:12px;box-shadow:0 6px 20px #00000014;position:relative}
.timeline-item:nth-child(odd) .timeline-content{margin-right:40px}
.timeline-item:nth-child(even) .timeline-content{margin-left:40px}
.timeline-dot{width:20px;height:20px;background:#ECB100;border:4px solid #fff;border-radius:50%;position:absolute;left:50%;transform:translateX(-50%);box-shadow:0 0 0 4px #ecb10033;z-index:3}
.timeline-content h3{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.timeline-content .phase-label{font-size:13px;color:#D42E3D;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}
.timeline-content p{font-size:16px;line-height:1.7;color:#555;margin:0}
.metrics-showcase{max-width:1366px;margin:80px auto;padding:60px 20px;background:linear-gradient(135deg,#d42e3d0d 0%,#ecb10014 100%);border-radius:16px;position:relative}
.metrics-showcase h2{font-size:36px;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 50px}
.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}
.metric-box{background:#fff;padding:40px 28px;border-radius:10px;text-align:center;box-shadow:0 4px 16px #0000000f;transition:all 450ms ease-out;position:relative;overflow:hidden}
.metric-box::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ECB100 0%,#45DDF2 100%);transform:scaleX(0);transition:transform 450ms ease-out}
.metric-box:hover::before{transform:scaleX(1)}
.metric-box:hover{transform:translateY(-8px);box-shadow:0 12px 32px #45ddf22e}
.metric-num{font-size:48px;font-weight:700;color:#ECB100;margin:0 0 12px;line-height:1}
.metric-label{font-size:16px;color:#444;font-weight:500;margin:0}
.testimonial-feature{max-width:1366px;margin:100px auto;padding:0 20px}
.testimonial-container{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center;background:#fff;padding:60px;border-radius:16px;box-shadow:0 10px 40px #00000014;position:relative}
.testimonial-container::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,#ECB100 0%,#45DDF2 50%,#D42E3D 100%);border-radius:16px;z-index:-1;opacity:.3}
.testimonial-profile{display:flex;flex-direction:column;align-items:center;text-align:center}
.testimonial-profile img{width:200px;height:200px;border-radius:50%;object-fit:cover;box-shadow:0 8px 24px #0000001f;margin-bottom:24px;border:5px solid #fff}
.testimonial-name{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 8px}
.testimonial-role{font-size:15px;color:#888;margin:0}
.testimonial-content{position:relative}
.testimonial-content::before{content:'\201C';font-size:120px;color:#ecb10026;position:absolute;top:-40px;left:-20px;line-height:1}
.testimonial-content h3{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 20px}
.testimonial-content p{font-size:17px;line-height:1.8;color:#444;margin:0 0 20px}
.testimonial-highlight{background:#45ddf214;padding:20px;border-left:4px solid #45DDF2;border-radius:8px;font-size:16px;color:#333;font-style:italic;margin-top:24px}
.cta-final{max-width:1366px;margin:80px auto 60px;padding:80px 20px;text-align:center;background:linear-gradient(135deg,#ECB100 0%,#45DDF2 100%);border-radius:16px;position:relative;overflow:hidden}
.cta-final::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 30% 40%,#ffffff26 0%,transparent 50%),radial-gradient(circle at 70% 60%,#ffffff1a 0%,transparent 50%)}
.cta-final h2{font-size:42px;font-weight:700;color:#fff;margin:0 0 20px;position:relative;z-index:2}
.cta-final p{font-size:19px;color:#fffffff2;max-width:700px;margin:0 auto 40px;line-height:1.6;position:relative;z-index:2}
.cta-btns{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.btn-primary{display:inline-block;padding:16px 40px;background:#fff;color:#ECB100;font-size:17px;font-weight:600;text-decoration:none;border-radius:8px;transition:all 420ms ease-out;box-shadow:0 4px 16px #00000026}
.btn-primary:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000040;background:#1a1a1a;color:#fff}
.btn-secondary{display:inline-block;padding:16px 40px;background:transparent;color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:8px;border:2px solid #fff;transition:all 420ms ease-out}
.btn-secondary:hover{background:#fff;color:#45DDF2;transform:translateY(-4px)}
@media (max-width: 1024px) {
.story-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.timeline-track::before{left:30px}
.timeline-item,.timeline-item:nth-child(even){flex-direction:row;padding-left:60px}
.timeline-content,.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(even) .timeline-content{width:100%;margin:0}
.timeline-dot{left:30px}
.testimonial-container{grid-template-columns:1fr;gap:40px;padding:40px}
}
@media (max-width: 768px) {
.ttl-inner h1{font-size:36px}
.ttl-desc{font-size:17px}
.story-grid-section h2{font-size:30px}
.story-cards-grid{grid-template-columns:1fr}
.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.metric-num{font-size:36px}
.testimonial-container{padding:30px 20px}
.testimonial-profile img{width:160px;height:160px}
.testimonial-content h3{font-size:24px}
.cta-final h2{font-size:32px}
.cta-btns{flex-direction:column;align-items:center}
.btn-primary,.btn-secondary{width:100%;max-width:300px}
}
@media (max-width: 480px) {
.success-title-wrapper{padding:60px 16px 40px}
.ttl-inner h1{font-size:28px}
.story-cd{padding:24px}
.timeline-item{padding-left:40px}
.timeline-dot{left:20px}
.timeline-track::before{left:20px}
}
.sx-pg{max-width:1366px;margin:0 auto;padding:0 20px}
.ttp-blk{background:linear-gradient(135deg,#ecb10014 0%,#45ddf21f 100%);padding:140px 0 120px;position:relative;overflow:hidden}
.ttp-blk::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#d42e3d26 0%,transparent 70%);border-radius:50%;animation:flt-shp 20s ease-in-out infinite}
.ttp-blk::after{content:'';position:absolute;bottom:-40%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,#45ddf22e 0%,transparent 70%);border-radius:50%;animation:flt-shp 15s ease-in-out infinite reverse}
@keyframes flt-shp {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,40px) scale(1.1)}
}
.ttp-cntnr{position:relative;z-index:2;text-align:center;max-width:840px;margin:0 auto}
.cks-icn{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:linear-gradient(135deg,#ECB100 0%,#45DDF2 100%);border-radius:50%;margin-bottom:48px;box-shadow:0 12px 32px #ecb10040 0 6px 16px #45ddf233;position:relative;animation:pls-effect 2s ease-out infinite}
@keyframes pls-effect {
0%,100%{transform:scale(1);box-shadow:0 12px 32px #ecb10040 0 6px 16px #45ddf233}
50%{transform:scale(1.05);box-shadow:0 16px 48px #ecb10059 0 8px 24px #45ddf24d}
}
.cks-icn svg{width:64px;height:64px;fill:#fff}
.ttp-hdng{font-size:52px;font-weight:700;line-height:1.2;color:#1a1a1a;margin:0 0 28px}
.ttp-hdng::after{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#ECB100 0%,#45DDF2 100%);margin:32px auto 0;border-radius:3px}
.ttp-txt{font-size:20px;line-height:1.7;color:#4a4a4a;margin:0 0 44px}
.ttp-meta{display:flex;flex-direction:column;gap:16px;align-items:center}
.rf-num{display:inline-flex;align-items:center;gap:12px;font-size:16px;color:#6a6a6a;background:#ffffffd9;padding:12px 28px;border-radius:50px;border:2px solid #ecb10033}
.rf-num strong{color:#ECB100;font-weight:600;letter-spacing:.5px}
.dtls-sct{padding:100px 0;background:linear-gradient(180deg,#fff 0%,#45ddf20d 100%)}
.dtls-grd{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-top:60px}
.inf-crd{background:#fff;padding:44px 36px;border-radius:16px;border:2px solid #45ddf226;box-shadow:0 8px 24px #0000000f;transition:all 500ms ease-out;position:relative;overflow:hidden}
.inf-crd::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#ECB100 0%,#45DDF2 50%,#D42E3D 100%);transform:scaleX(0);transform-origin:left;transition:transform 500ms ease-out}
.inf-crd:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0000001f;border-color:#ecb1004d}
.inf-crd:hover::before{transform:scaleX(1)}
.crd-icn{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ecb1001f 0%,#45ddf21f 100%);border-radius:12px;margin-bottom:24px}
.crd-icn i{font-size:28px;background:linear-gradient(135deg,#ECB100 0%,#45DDF2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.crd-ttl{font-size:24px;font-weight:600;color:#2a2a2a;margin:0 0 16px}
.crd-dsc{font-size:16px;line-height:1.7;color:#5a5a5a;margin:0}
.ac-btns{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:52px}
.btn--primary{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#ECB100 0%,#45DDF2 100%);color:#fff;font-size:17px;font-weight:600;padding:16px 40px;border-radius:10px;text-decoration:none;box-shadow:0 8px 20px #ecb1004d;transition:all 450ms ease-out;position:relative;z-index:5;overflow:hidden}
.btn--primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#45DDF2 0%,#ECB100 100%);transition:left 450ms ease-out;z-index:-1}
.btn--primary:hover::before{left:0}
.btn--primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #45ddf266}
.btn--secondary{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#ECB100;font-size:17px;font-weight:600;padding:16px 40px;border-radius:10px;text-decoration:none;border:2px solid #ECB100;transition:all 450ms ease-out;position:relative;z-index:5}
.btn--secondary:hover{background:#ECB100;color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #ecb10040}
@media (max-width: 1024px) {
.ttp-blk{padding:100px 0 80px}
.ttp-hdng{font-size:42px}
.ttp-txt{font-size:18px}
.dtls-sct{padding:80px 0}
.dtls-grd{gap:32px}
}
@media (max-width: 768px) {
.ttp-blk{padding:80px 0 60px}
.cks-icn{width:100px;height:100px;margin-bottom:36px}
.cks-icn svg{width:52px;height:52px}
.ttp-hdng{font-size:36px;margin-bottom:20px}
.ttp-txt{font-size:17px;margin-bottom:32px}
.dtls-sct{padding:60px 0}
.dtls-grd{grid-template-columns:1fr;gap:24px;margin-top:40px}
.inf-crd{padding:32px 24px}
.ac-btns{flex-direction:column;gap:16px}
.btn--primary,.btn--secondary{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.sx-pg{padding:0 16px}
.ttp-hdng{font-size:30px}
.ttp-txt{font-size:16px}
.rf-num{font-size:14px;padding:10px 20px}
.crd-ttl{font-size:21px}
.crd-dsc{font-size:15px}
}