ul,ol,h1,h2,h3,h4,h5,h6,figure,blockquote,p{margin:0;padding:0}
ul,ol{list-style:none}
*{box-sizing:border-box}
body{font-family:'JetBrains Mono',monospace;margin:0;padding:0;background:linear-gradient(158deg,#f8fcfe 0%,#fef9f5 100%);color:#2a2a2a;line-height:1.6}
a{text-decoration:none;color:inherit}
.header-wrapper{max-width:1400px;margin:0 auto;padding:28px 40px;display:grid;grid-template-columns:280px 1fr;gap:64px;align-items:start;background:linear-gradient(127deg,#8bd9fe14 0%,#164e3d0d 100%);border-radius:32px;margin-top:20px;box-shadow:0 8px 24px #0000000a}
.brand-stack{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.logo-link{display:block}
.site-logo{width:110px;height:110px;object-fit:contain;background:#fff9;padding:12px;border-radius:24px;box-shadow:0 4px 16px #8bd9fe33}
.company-label{font-size:22px;font-weight:700;color:#164E3D;letter-spacing:.5px}
.navigation-column{display:flex;flex-direction:column;gap:28px;padding-top:12px}
.main-nav .nav-list{display:flex;gap:38px;flex-wrap:wrap;align-items:center}
.main-nav .nav-list > li{position:relative}
.main-nav .nav-list > li > a,.main-nav .menu-parent{font-size:16px;font-weight:400;color:#164E3D;padding:8px 0;display:inline-block;transition:color .2s;cursor:pointer}
.main-nav .nav-list > li > a:hover,.main-nav .menu-parent:hover{color:#B75709}
.has-submenu{position:relative}
.sub-nav{position:absolute;top:100%;left:0;background:#fffffffa;padding:16px 0;border-radius:20px;box-shadow:0 12px 32px #0000001a;min-width:200px;z-index:100;margin-top:8px}
.sub-nav[data-state="hidden"]{display:none}
.sub-nav[data-state="visible"]{display:block}
.sub-nav li{padding:0}
.sub-nav li a{display:block;padding:10px 24px;font-size:15px;color:#164E3D;transition:background .2s}
.sub-nav li a:hover{background:#8bd9fe26}
.contact-details{display:flex;gap:32px;flex-wrap:wrap;margin-top:8px}
.contact-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#164E3D}
.contact-icon{font-size:16px}
.contact-item a{color:#164E3D;transition:color .2s}
.contact-item a:hover{color:#8BD9FE}
.footer-grid-container{max-width:1400px;margin:80px auto 0;padding:56px 40px;display:grid;grid-template-columns:2fr 1.3fr 1.5fr 1.2fr;gap:48px;background:linear-gradient(142deg,#164e3d14 0%,#b757090d 100%);border-radius:36px;box-shadow:0 -4px 24px #00000008}
.footer-block{display:flex;flex-direction:column;gap:16px}
.footer-heading{font-size:24px;font-weight:700;color:#164E3D;margin-bottom:8px}
.footer-subhead{font-size:17px;font-weight:700;color:#164E3D;margin-bottom:4px}
.footer-text{font-size:14px;line-height:1.7;color:#4a4a4a}
.footer-menu,.footer-quick-links{display:flex;flex-direction:column;gap:10px}
.footer-menu li a,.footer-quick-links li a{font-size:14px;color:#164E3D;transition:color .2s;display:inline-block}
.footer-menu li a:hover,.footer-quick-links li a:hover{color:#B75709}
.footer-address{font-style:normal;font-size:14px;line-height:1.8;color:#4a4a4a}
.footer-phone{font-size:14px;margin-top:8px}
.footer-phone a{color:#164E3D;transition:color .2s}
.footer-phone a:hover{color:#8BD9FE}
.footer-copyright-area{grid-column:1 / -1;padding-top:24px;border-top:1px solid #164e3d26;margin-top:16px}
.copyright-text{font-size:13px;color:#6a6a6a;text-align:center}
.consent-popup{position:fixed;top:20px;right:20px;width:340px;background:#fffffffa;border-radius:28px;padding:28px;box-shadow:0 16px 48px #00000026;z-index:9999;transform:translateY(-120%);transition:transform .4s}
.consent-popup[data-visible="true"]{transform:translateY(0)}
.consent-popup[data-visible="false"]{transform:translateY(-120%)}
.consent-title{font-size:19px;font-weight:700;color:#164E3D;margin-bottom:12px}
.consent-description{font-size:13px;line-height:1.6;color:#4a4a4a;margin-bottom:20px}
.consent-categories{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.consent-option{display:flex;align-items:center;gap:10px;font-size:14px;color:#2a2a2a;cursor:pointer}
.consent-option input[type="checkbox"]{width:18px;height:18px;cursor:pointer}
.consent-actions{display:flex;gap:12px;margin-bottom:16px}
.consent-btn{flex:1;padding:12px 16px;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:background 0.2s,transform .1s}
.accept-btn{background:linear-gradient(135deg,#8BD9FE 0%,#5fc4ed 100%);color:#164E3D}
.accept-btn:hover{background:linear-gradient(135deg,#5fc4ed 0%,#8BD9FE 100%)}
.decline-btn{background:linear-gradient(135deg,#e5e5e5 0%,#ccc 100%);color:#4a4a4a}
.decline-btn:hover{background:linear-gradient(135deg,#ccc 0%,#e5e5e5 100%)}
.consent-btn:active{transform:scale(0.98)}
.consent-policy-link{font-size:12px;color:#8BD9FE;text-align:center;display:block;transition:color .2s}
.consent-policy-link:hover{color:#164E3D}
.consent-trigger{cursor:pointer}
@media (max-width: 1024px) {
.header-wrapper{grid-template-columns:1fr;gap:32px;padding:24px 32px}
.brand-stack{align-items:center}
.navigation-column{align-items:center}
.main-nav .nav-list{justify-content:center;gap:24px}
.contact-details{justify-content:center}
.footer-grid-container{grid-template-columns:1fr 1fr;gap:32px;padding:40px 32px}
.footer-copyright-area{grid-column:1 / -1}
}
@media (max-width: 640px) {
.header-wrapper{padding:20px}
.site-logo{width:90px;height:90px}
.company-label{font-size:18px}
.main-nav .nav-list{flex-direction:column;align-items:center;gap:16px}
.contact-details{flex-direction:column;gap:12px;align-items:center}
.footer-grid-container{grid-template-columns:1fr;gap:28px;padding:32px 20px}
.consent-popup{width:calc(100% - 40px);left:20px;right:20px}
}
.legal-info{max-width:1400px;margin:0 auto;padding:80px 40px 120px;background:linear-gradient(165deg,#8bd9fe08 0%,#fffffffa 35%,#b7570905 100%)}
.legal-info h1{font-size:3.2rem;line-height:1.2;color:#164E3D;margin:0 0 32px;padding-bottom:24px;border-bottom:3px solid #8bd9fe66;font-weight:700;letter-spacing:-.5px}
.legal-info h2{font-size:2.4rem;line-height:1.3;color:#164E3D;margin:72px 0 28px;font-weight:600;letter-spacing:-.3px}
.legal-info h3{font-size:1.8rem;line-height:1.4;color:#B75709;margin:56px 0 24px;font-weight:600}
.legal-info h4{font-size:1.4rem;line-height:1.45;color:#164E3D;margin:40px 0 20px;font-weight:600}
.legal-info h5{font-size:1.2rem;line-height:1.5;color:#333;margin:32px 0 16px;font-weight:600}
.legal-info h6{font-size:1.1rem;line-height:1.5;color:#555;margin:28px 0 14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.legal-info p{font-size:1.1rem;line-height:1.8;color:#2c2c2c;margin:0 0 24px;max-width:850px}
.legal-info ul{margin:0 0 32px;padding:0 0 0 28px;list-style:none}
.legal-info ul li{font-size:1.1rem;line-height:1.8;color:#2c2c2c;margin:0 0 16px;padding-left:20px;position:relative}
.legal-info ul li:before{content:'';position:absolute;left:-8px;top:12px;width:8px;height:8px;background:linear-gradient(135deg,#8BD9FE 0%,#164E3D 100%);border-radius:50%;box-shadow:0 2px 8px #8bd9fe4d}
.legal-info ol{margin:0 0 32px;padding:0 0 0 32px;counter-reset:policy-counter;list-style:none}
.legal-info ol li{font-size:1.1rem;line-height:1.8;color:#2c2c2c;margin:0 0 16px;padding-left:16px;position:relative;counter-increment:policy-counter}
.legal-info ol li:before{content:counter(policy-counter) ".";position:absolute;left:-32px;color:#B75709;font-weight:700;font-size:1.05rem}
.legal-info ul ul,.legal-info ul ol,.legal-info ol ul,.legal-info ol ol{margin:16px 0}
.legal-info ul ul li:before{width:6px;height:6px;top:13px;background:linear-gradient(135deg,#B75709 0%,#164E3D 100%)}
.legal-info em,.legal-info i{font-style:italic;color:#164E3D}
.legal-info strong{font-weight:700;color:#164E3D}
.legal-info hr{border:none;height:2px;background:linear-gradient(90deg,#8bd9fe00 0%,#8bd9fe99 50%,#8bd9fe00 100%);margin:64px 0;border-radius:40px}
.legal-info div{margin:0 0 24px}
.legal-info a{color:#8BD9FE;text-decoration:none;border-bottom:2px solid #8bd9fe4d;transition:all .3s ease;font-weight:500}
.legal-info a:hover{color:#164E3D;border-bottom-color:#164E3D}
.legal-info h1:first-child{margin-top:0}
.legal-info p:last-child,.legal-info ul:last-child,.legal-info ol:last-child{margin-bottom:0}
@media (max-width: 1200px) {
.legal-info{padding:64px 32px 96px}
.legal-info h1{font-size:2.8rem}
.legal-info h2{font-size:2.1rem;margin-top:64px}
}
@media (max-width: 768px) {
.legal-info{padding:48px 24px 72px}
.legal-info h1{font-size:2.2rem;margin-bottom:24px;padding-bottom:20px}
.legal-info h2{font-size:1.8rem;margin-top:56px;margin-bottom:24px}
.legal-info h3{font-size:1.5rem;margin-top:48px;margin-bottom:20px}
.legal-info h4{font-size:1.3rem;margin-top:36px}
.legal-info p,.legal-info ul li,.legal-info ol li{font-size:1.05rem;line-height:1.75}
.legal-info ul{padding-left:20px}
.legal-info ol{padding-left:28px}
.legal-info hr{margin:48px 0}
}
@media (max-width: 480px) {
.legal-info{padding:40px 16px 56px}
.legal-info h1{font-size:1.9rem;margin-bottom:20px}
.legal-info h2{font-size:1.6rem;margin-top:48px}
.legal-info h3{font-size:1.35rem;margin-top:40px}
.legal-info p,.legal-info ul li,.legal-info ol li{font-size:1rem}
.legal-info ul li{padding-left:16px}
.legal-info ul li:before{width:7px;height:7px;top:11px}
}
.page-about-hero{background:linear-gradient(137deg,#8BD9FE 0%,#E8F9FF 45%,#F5FCFE 100%);padding:95px 30px 105px;position:relative;overflow:hidden}
.page-about-hero::before{content:'';position:absolute;top:-15%;right:-8%;width:420px;height:420px;background:radial-gradient(circle,#164e3d0f 0%,transparent 70%);border-radius:50%}
.page-about-hero::after{content:'';position:absolute;bottom:-12%;left:-5%;width:340px;height:340px;background:radial-gradient(circle,#b757090a 0%,transparent 65%);border-radius:50%}
.hero-inner-wrap{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.hero-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.hero-text-area h1{font-size:52px;line-height:1.2;color:#164E3D;margin:0 0 24px;font-weight:700}
.hero-text-area .lead-text{font-size:19px;line-height:1.65;color:#164E3D;opacity:.85;margin:0 0 32px}
.hero-visual-zone{position:relative}
.hero-visual-zone img{width:100%;height:auto;border-radius:32px;box-shadow:0 18px 48px #164e3d24;display:block}
.hero-deco-shape{position:absolute;width:140px;height:140px;background:linear-gradient(125deg,#B75709,#E07A1F);border-radius:28px;bottom:-22px;right:-22px;opacity:.15;z-index:-1}
.story-section-outer{padding:90px 30px;background:#FAFBFC;position:relative}
.story-section-container{max-width:1400px;margin:0 auto}
.story-header{text-align:center;margin-bottom:70px}
.story-header h2{font-size:44px;color:#164E3D;margin:0 0 18px;font-weight:700}
.story-header .subtitle{font-size:18px;color:#164E3D;opacity:.7;max-width:720px;margin:0 auto;line-height:1.6}
.story-layout-asymmetric{display:grid;grid-template-columns:0.95fr 1.05fr;gap:80px;align-items:start}
.story-visual-panel{position:relative}
.story-visual-panel img{width:100%;height:auto;border-radius:28px;box-shadow:0 12px 36px #164e3d1c}
.story-visual-panel::before{content:'';position:absolute;top:-18px;left:-18px;width:200px;height:200px;border:3px solid #8BD9FE;border-radius:28px;opacity:.4;z-index:-1}
.story-content-panel{padding-top:20px}
.story-content-panel h3{font-size:36px;color:#164E3D;margin:0 0 26px;font-weight:700}
.story-content-panel p{font-size:17px;line-height:1.7;color:#164E3D;opacity:.8;margin:0 0 22px}
.story-content-panel p:last-of-type{margin-bottom:0}
.approach-zone{padding:95px 30px;background:linear-gradient(158deg,#F8FDFE 0%,#E6F8FC 100%);position:relative}
.approach-zone::before{content:'';position:absolute;top:15%;left:5%;width:280px;height:280px;background:radial-gradient(circle,#8bd9fe1f 0%,transparent 70%);border-radius:50%}
.approach-container{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.approach-intro{text-align:center;margin-bottom:65px}
.approach-intro h2{font-size:42px;color:#164E3D;margin:0 0 20px;font-weight:700}
.approach-intro .desc{font-size:18px;color:#164E3D;opacity:.75;max-width:680px;margin:0 auto;line-height:1.65}
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}
.method-card{background:#FFF;border-radius:26px;padding:42px 36px;box-shadow:0 8px 28px #164e3d14;transition:all .35s ease;position:relative;overflow:hidden}
.method-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#8BD9FE,#164E3D);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.method-card:hover::before{transform:scaleX(1)}
.method-card:hover{transform:translateY(-8px);box-shadow:0 16px 42px #164e3d24}
.method-icon-wrapper{width:72px;height:72px;background:linear-gradient(135deg,#8BD9FE,#A8E3FD);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.method-icon-wrapper svg{width:36px;height:36px}
.method-card h4{font-size:24px;color:#164E3D;margin:0 0 16px;font-weight:700}
.method-card p{font-size:16px;line-height:1.7;color:#164E3D;opacity:.78;margin:0}
.value-section{padding:88px 30px;background:#FFF}
.value-container{max-width:1400px;margin:0 auto}
.value-split{display:grid;grid-template-columns:1.1fr 0.9fr;gap:70px;align-items:center}
.value-text-block h2{font-size:40px;color:#164E3D;margin:0 0 24px;font-weight:700}
.value-text-block .highlight-phrase{color:#B75709;position:relative;display:inline-block}
.value-text-block .highlight-phrase::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#B75709,#E07A1F);opacity:.5}
.value-text-block p{font-size:17px;line-height:1.75;color:#164E3D;opacity:.82;margin:0 0 20px}
.value-image-stack{position:relative}
.value-image-stack img{width:100%;height:auto;border-radius:30px;box-shadow:0 14px 40px #164e3d1f}
.value-image-stack::after{content:'';position:absolute;bottom:-16px;right:-16px;width:180px;height:180px;background:linear-gradient(135deg,#8BD9FE,#A8E3FD);border-radius:30px;opacity:.18;z-index:-1}
.cta-band{background:linear-gradient(145deg,#164E3D 0%,#1F6950 100%);padding:75px 30px;text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;top:-25%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,#8bd9fe1a 0%,transparent 70%);border-radius:50%}
.cta-band::after{content:'';position:absolute;bottom:-30%;left:-8%;width:350px;height:350px;background:radial-gradient(circle,#b7570914 0%,transparent 65%);border-radius:50%}
.cta-content{max-width:800px;margin:0 auto;position:relative;z-index:2}
.cta-content h2{font-size:38px;color:#FFF;margin:0 0 18px;font-weight:700}
.cta-content p{font-size:18px;color:#FFF;opacity:.88;margin:0 0 35px;line-height:1.6}
.cta-button{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#8BD9FE,#A8E3FD);color:#164E3D;font-size:17px;font-weight:700;text-decoration:none;border-radius:28px;transition:all .3s ease;box-shadow:0 10px 30px #8bd9fe40;position:relative;z-index:5}
.cta-button:hover{transform:translateY(-4px);box-shadow:0 16px 40px #8bd9fe59;background:linear-gradient(135deg,#A8E3FD,#8BD9FE)}
@media (max-width: 1024px) {
.hero-content-grid{grid-template-columns:1fr;gap:50px}
.hero-text-area h1{font-size:44px}
.story-layout-asymmetric{grid-template-columns:1fr;gap:55px}
.method-grid{grid-template-columns:1fr;gap:35px}
.value-split{grid-template-columns:1fr;gap:50px}
}
@media (max-width: 768px) {
.page-about-hero{padding:70px 20px 80px}
.hero-text-area h1{font-size:36px}
.hero-text-area .lead-text{font-size:17px}
.story-section-outer{padding:65px 20px}
.story-header h2{font-size:34px}
.story-content-panel h3{font-size:28px}
.approach-zone{padding:70px 20px}
.approach-intro h2{font-size:32px}
.method-card{padding:32px 28px}
.value-section{padding:65px 20px}
.value-text-block h2{font-size:32px}
.cta-band{padding:60px 20px}
.cta-content h2{font-size:30px}
.cta-button{padding:16px 38px;font-size:16px}
}
@media (max-width: 480px) {
.hero-text-area h1{font-size:30px}
.story-header h2{font-size:28px}
.approach-intro h2{font-size:28px}
.value-text-block h2{font-size:28px}
.cta-content h2{font-size:26px}
}
.hero-wrap{position:relative;background:linear-gradient(135deg,#8BD9FE 0%,#164E3D 100%);padding:180px 0 140px;overflow:hidden}
.hero-wrap::before{content:'';position:absolute;top:0;left:-50%;width:200%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 60px,#ffffff08 60px,#ffffff08 120px);animation:stripeMove 40s linear infinite}
@keyframes stripeMove {
0%{transform:translateX(0)}
100%{transform:translateX(120px)}
}
.hero-content-box{max-width:1400px;margin:0 auto;padding:0 30px;display:flex;align-items:center;gap:80px;position:relative;z-index:2}
.hero-text-section{flex:1}
.hero-text-section h1{font-size:62px;line-height:1.1;color:#fff;margin:0 0 28px;text-shadow:2px 4px 12px #00000026}
.hero-text-section p{font-size:19px;line-height:1.7;color:#fffffff2;margin:0 0 40px;max-width:580px}
.hero-btn-group{display:flex;gap:20px;flex-wrap:wrap}
.hero-btn-group .button{padding:16px 38px;border-radius:30px;font-size:17px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 20px #0000001f;display:inline-block}
.hero-btn-group .button-primary-action{background:#B75709;color:#fff;border:2px solid #B75709}
.hero-btn-group .button-primary-action:hover{background:#9a4a07;transform:translateY(-3px);box-shadow:0 12px 28px #b757094d}
.hero-btn-group .button-secondary-outline{background:transparent;color:#fff;border:2px solid #fffc}
.hero-btn-group .button-secondary-outline:hover{background:#ffffff26;border-color:#fff;transform:translateY(-3px)}
.hero-img-container{flex:1;position:relative}
.hero-img-container img{width:100%;height:480px;object-fit:cover;border-radius:32px;box-shadow:0 20px 60px #00000040;transition:transform .4s ease}
.hero-img-container:hover img{transform:scale(1.02)}
.platform-purpose-area{background:linear-gradient(160deg,#f8f9fa 0%,#e9ecef 100%);padding:120px 0}
.platform-purpose-area .content-holder{max-width:1400px;margin:0 auto;padding:0 30px}
.platform-purpose-area .intro-header{text-align:center;margin-bottom:70px}
.platform-purpose-area .intro-header h2{font-size:48px;color:#164E3D;margin:0 0 20px}
.platform-purpose-area .intro-header p{font-size:18px;color:#495057;line-height:1.7;max-width:720px;margin:0 auto}
.platform-purpose-area .dual-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.platform-purpose-area .info-card-block{background:#fff;padding:45px;border-radius:28px;box-shadow:0 12px 32px #00000014;transition:all .3s ease}
.platform-purpose-area .info-card-block:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001f}
.platform-purpose-area .info-card-block h3{font-size:28px;color:#164E3D;margin:0 0 18px;position:relative;padding-left:24px}
.platform-purpose-area .info-card-block h3::before{content:'';position:absolute;left:0;top:6px;width:6px;height:26px;background:linear-gradient(180deg,#8BD9FE 0%,#164E3D 100%);border-radius:3px}
.platform-purpose-area .info-card-block p{font-size:17px;line-height:1.7;color:#495057;margin:0}
.tech-foundation-zone{padding:100px 0;background:#fff}
.tech-foundation-zone .main-container{max-width:1400px;margin:0 auto;padding:0 30px}
.tech-foundation-zone .section-heading{margin-bottom:50px}
.tech-foundation-zone .section-heading h2{font-size:46px;color:#164E3D;margin:0 0 16px}
.tech-foundation-zone .section-heading p{font-size:18px;color:#495057;line-height:1.7;max-width:800px}
.tech-foundation-zone .tech-grid-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.tech-foundation-zone .tech-item-card{background:linear-gradient(135deg,#f1f9ff 0%,#e8f5fb 100%);padding:40px 32px;border-radius:24px;border:1px solid #8bd9fe4d;transition:all .3s ease}
.tech-foundation-zone .tech-item-card:hover{border-color:#8BD9FE;transform:translateY(-4px);box-shadow:0 12px 28px #8bd9fe33}
.tech-foundation-zone .tech-item-card h4{font-size:24px;color:#164E3D;margin:0 0 14px}
.tech-foundation-zone .tech-item-card p{font-size:16px;line-height:1.6;color:#495057;margin:0}
.tracking-metrics-section{background:linear-gradient(145deg,#164E3D 0%,#0d2e24 100%);padding:110px 0;position:relative;overflow:hidden}
.tracking-metrics-section::after{content:'';position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#8bd9fe1a 0%,transparent 70%);border-radius:50%}
.tracking-metrics-section .container-box{max-width:1400px;margin:0 auto;padding:0 30px;position:relative;z-index:2}
.tracking-metrics-section .title-block-area{text-align:center;margin-bottom:60px}
.tracking-metrics-section .title-block-area h2{font-size:44px;color:#fff;margin:0 0 18px}
.tracking-metrics-section .title-block-area p{font-size:18px;color:#ffffffe6;line-height:1.7;max-width:700px;margin:0 auto}
.tracking-metrics-section .metrics-display-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.tracking-metrics-section .metric-stat-box{background:#ffffff14;padding:38px 28px;border-radius:26px;border:1px solid #8bd9fe26;text-align:center;transition:all .3s ease}
.tracking-metrics-section .metric-stat-box:hover{background:#ffffff1f;border-color:#8bd9fe66;transform:translateY(-5px)}
.tracking-metrics-section .metric-stat-box .stat-number{font-size:52px;font-weight:700;color:#8BD9FE;margin:0 0 12px;line-height:1}
.tracking-metrics-section .metric-stat-box .stat-label{font-size:17px;color:#ffffffd9;margin:0}
.quality-standards-block{padding:100px 0;background:#f8f9fa}
.quality-standards-block .wrapper-container{max-width:1400px;margin:0 auto;padding:0 30px}
.quality-standards-block .content-split-layout{display:grid;grid-template-columns:45% 55%;gap:70px;align-items:center}
.quality-standards-block .image-side img{width:100%;height:520px;object-fit:cover;border-radius:32px;box-shadow:0 16px 48px #0000001a}
.quality-standards-block .text-side h2{font-size:46px;color:#164E3D;margin:0 0 24px}
.quality-standards-block .text-side p{font-size:17px;line-height:1.7;color:#495057;margin:0 0 20px}
.quality-standards-block .text-side .standards-list{margin:30px 0 0}
.quality-standards-block .text-side .standards-list .list-item{display:flex;align-items:start;gap:18px;margin-bottom:24px;padding:20px;background:#fff;border-radius:20px;border-left:4px solid #8BD9FE;transition:all .3s ease}
.quality-standards-block .text-side .standards-list .list-item:hover{transform:translateX(8px);box-shadow:0 8px 24px #00000014}
.quality-standards-block .text-side .standards-list .list-item .icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,#8BD9FE 0%,#164E3D 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.quality-standards-block .text-side .standards-list .list-item .icon-wrapper svg{width:24px;height:24px;fill:#fff}
.quality-standards-block .text-side .standards-list .list-item .text-content h5{font-size:20px;color:#164E3D;margin:0 0 8px}
.quality-standards-block .text-side .standards-list .list-item .text-content p{font-size:16px;color:#495057;margin:0;line-height:1.6}
.learning-resources-area{padding:110px 0;background:linear-gradient(150deg,#fff 0%,#f1f9ff 100%)}
.learning-resources-area .container-wrapper{max-width:1400px;margin:0 auto;padding:0 30px}
.learning-resources-area .header-section{text-align:center;margin-bottom:65px}
.learning-resources-area .header-section h2{font-size:48px;color:#164E3D;margin:0 0 20px}
.learning-resources-area .header-section p{font-size:18px;color:#495057;line-height:1.7;max-width:750px;margin:0 auto}
.learning-resources-area .resource-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.learning-resources-area .resource-card-item{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 12px 32px #00000014;transition:all .3s ease}
.learning-resources-area .resource-card-item:hover{transform:translateY(-8px);box-shadow:0 20px 48px #0000001f}
.learning-resources-area .resource-card-item .card-image img{width:100%;height:280px;object-fit:cover}
.learning-resources-area .resource-card-item .card-body{padding:38px 35px}
.learning-resources-area .resource-card-item .card-body h4{font-size:26px;color:#164E3D;margin:0 0 16px}
.learning-resources-area .resource-card-item .card-body p{font-size:17px;line-height:1.7;color:#495057;margin:0 0 24px}
.learning-resources-area .resource-card-item .card-body .resource-link{display:inline-flex;align-items:center;gap:10px;color:#B75709;font-size:17px;text-decoration:none;font-weight:600;transition:all .3s ease}
.learning-resources-area .resource-card-item .card-body .resource-link:hover{gap:14px;color:#8BD9FE}
.learning-resources-area .resource-card-item .card-body .resource-link svg{width:20px;height:20px;fill:currentColor}
.expertise-source-segment{background:linear-gradient(140deg,#164E3D 0%,#0a1f18 100%);padding:120px 0;position:relative}
.expertise-source-segment::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h60v60H0z' fill='none'/%3E%3Cpath d='M30 0L30 60M0 30L60 30' stroke='#8bd9fe08' stroke-width='1'/%3E%3C/svg%3E")}
.expertise-source-segment .main-content-wrapper{max-width:1400px;margin:0 auto;padding:0 30px;position:relative;z-index:2}
.expertise-source-segment .top-intro-block{text-align:center;margin-bottom:70px}
.expertise-source-segment .top-intro-block h2{font-size:46px;color:#fff;margin:0 0 22px}
.expertise-source-segment .top-intro-block p{font-size:18px;color:#ffffffe6;line-height:1.7;max-width:720px;margin:0 auto}
.expertise-source-segment .experts-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.expertise-source-segment .expert-profile-card{background:#ffffff0f;border-radius:32px;padding:45px;border:1px solid #8bd9fe26;display:flex;gap:35px;align-items:start;transition:all .3s ease}
.expertise-source-segment .expert-profile-card:hover{background:#ffffff1a;border-color:#8bd9fe4d;transform:translateY(-5px)}
.expertise-source-segment .expert-profile-card .profile-img img{width:140px;height:140px;object-fit:cover;border-radius:50%;border:4px solid #8bd9fe4d}
.expertise-source-segment .expert-profile-card .profile-details h4{font-size:26px;color:#fff;margin:0 0 8px}
.expertise-source-segment .expert-profile-card .profile-details .role-label{font-size:16px;color:#8BD9FE;margin:0 0 18px;font-weight:600}
.expertise-source-segment .expert-profile-card .profile-details p{font-size:16px;line-height:1.7;color:#ffffffd9;margin:0 0 20px}
.expertise-source-segment .expert-profile-card .profile-details .credentials-list{display:flex;flex-wrap:wrap;gap:12px}
.expertise-source-segment .expert-profile-card .profile-details .credentials-list .credential-tag{background:#b7570940;color:#fff;padding:8px 18px;border-radius:16px;font-size:14px;border:1px solid #b7570966}
@media (max-width: 1200px) {
.hero-content-box{gap:50px}
.hero-text-section h1{font-size:52px}
.platform-purpose-area .dual-column-layout{gap:40px}
.tech-foundation-zone .tech-grid-wrapper{grid-template-columns:repeat(2,1fr)}
.tracking-metrics-section .metrics-display-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 968px) {
.hero-wrap{padding:120px 0 100px}
.hero-content-box{flex-direction:column;gap:50px}
.hero-text-section h1{font-size:44px}
.hero-img-container img{height:380px}
.platform-purpose-area .dual-column-layout{grid-template-columns:1fr;gap:30px}
.quality-standards-block .content-split-layout{grid-template-columns:1fr;gap:50px}
.quality-standards-block .image-side img{height:420px}
.learning-resources-area .resource-cards-grid{grid-template-columns:1fr}
.expertise-source-segment .experts-showcase{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.hero-text-section h1{font-size:36px}
.hero-text-section p{font-size:17px}
.hero-btn-group{flex-direction:column}
.hero-btn-group .button{width:100%;text-align:center}
.platform-purpose-area{padding:80px 0}
.platform-purpose-area .intro-header h2{font-size:38px}
.tech-foundation-zone .tech-grid-wrapper{grid-template-columns:1fr}
.tracking-metrics-section .metrics-display-grid{grid-template-columns:1fr}
.quality-standards-block .text-side h2{font-size:36px}
.learning-resources-area .header-section h2{font-size:38px}
.expertise-source-segment .expert-profile-card{flex-direction:column;text-align:center;align-items:center}
}
@media (max-width: 480px) {
.hero-wrap{padding:100px 0 80px}
.hero-text-section h1{font-size:32px}
.platform-purpose-area .intro-header h2,.tech-foundation-zone .section-heading h2,.learning-resources-area .header-section h2{font-size:32px}
.platform-purpose-area .info-card-block,.tech-foundation-zone .tech-item-card{padding:30px 24px}
.quality-standards-block .image-side img,.hero-img-container img{height:300px}
}
.contact-page-wrapper{max-width:1400px;margin:0 auto;padding:0;background:linear-gradient(157deg,#f8fcfe 0%,#fff 45%,#fef9f6 100%)}
.hero-contact-immersive{position:relative;padding:0;margin:0 0 80px;overflow:hidden;background:linear-gradient(219deg,#8BD9FE 0%,#164E3D 100%);min-height:520px;display:flex;align-items:center;border-radius:0 0 35px 35px}
.hero-contact-immersive .image-layer-back{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.25;object-fit:cover}
.hero-contact-immersive .decorative-circles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
.hero-contact-immersive .circle-shape{position:absolute;border-radius:50%;background:#ffffff14;border:2px solid #ffffff26}
.hero-contact-immersive .circle-shape[data-position="top-left"]{width:340px;height:340px;top:-120px;left:-80px}
.hero-contact-immersive .circle-shape[data-position="mid-right"]{width:220px;height:220px;top:45%;right:-60px}
.hero-contact-immersive .circle-shape[data-position="bottom"]{width:180px;height:180px;bottom:-70px;left:30%}
.hero-contact-immersive .text-content-hero{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:80px 40px;text-align:center}
.hero-contact-immersive .main-heading-split{font-size:3.8rem;font-weight:700;color:#fff;line-height:1.15;margin:0 0 25px;text-shadow:0 4px 18px #00000026}
.hero-contact-immersive .pause-line{display:block;margin-top:18px}
.hero-contact-immersive .subtitle-hero{font-size:1.35rem;color:#ffffffeb;line-height:1.6;max-width:680px;margin:0 auto}
.contact-info-block{max-width:1200px;margin:0 auto 90px;padding:0 40px}
.contact-info-block .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:35px}
.contact-info-block .info-card{background:#fff;padding:40px 35px;border-radius:28px;box-shadow:0 8px 24px #164e3d0f;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}
.contact-info-block .info-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px #164e3d1c;border-color:#8bd9fe4d}
.contact-info-block .info-card .icon-wrapper{width:70px;height:70px;background:linear-gradient(135deg,#8BD9FE 0%,#164E3D 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 22px}
.contact-info-block .info-card .icon-wrapper svg{width:34px;height:34px;fill:#fff}
.contact-info-block .info-card h3{font-size:1.5rem;font-weight:600;color:#164E3D;margin:0 0 14px}
.contact-info-block .info-card .detail-text{font-size:1.05rem;color:#555;line-height:1.7;margin:0}
.contact-info-block .info-card .detail-text a{color:#164E3D;text-decoration:none;transition:color .2s ease}
.contact-info-block .info-card .detail-text a:hover{color:#8BD9FE}
.form-section-elegant{max-width:850px;margin:0 auto 85px;padding:0 40px}
.form-section-elegant .intro-text{text-align:center;margin:0 0 50px}
.form-section-elegant .intro-text h2{font-size:2.8rem;font-weight:700;color:#164E3D;margin:0 0 18px;position:relative;display:inline-block}
.form-section-elegant .intro-text h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#8BD9FE 0%,#B75709 100%);border-radius:2px}
.form-section-elegant .intro-text p{font-size:1.15rem;color:#666;line-height:1.65;max-width:620px;margin:20px auto 0}
.form-section-elegant .elegant-form{background:#fff;padding:55px 50px;border-radius:32px;box-shadow:0 12px 32px #164e3d14;border:1px solid #8bd9fe33}
.form-section-elegant .field-group{margin:0 0 32px}
.form-section-elegant .field-group label{display:block;font-size:1.05rem;font-weight:600;color:#164E3D;margin:0 0 10px}
.form-section-elegant .field-group input[type="text"],.form-section-elegant .field-group input[type="email"],.form-section-elegant .field-group textarea{width:100%;padding:16px 20px;font-size:1.05rem;color:#333;border:2px solid #e0e0e0;border-radius:18px;background:#fafafa;transition:border-color .3s ease,background .3s ease;outline:none}
.form-section-elegant .field-group input[type="text"]:focus,.form-section-elegant .field-group input[type="email"]:focus,.form-section-elegant .field-group textarea:focus{border-color:#8BD9FE;background:#fff}
.form-section-elegant .field-group textarea{min-height:150px;resize:vertical}
.form-section-elegant .radio-select-group{margin:0 0 35px}
.form-section-elegant .radio-select-group .label-main{display:block;font-size:1.05rem;font-weight:600;color:#164E3D;margin:0 0 16px}
.form-section-elegant .radio-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.form-section-elegant .radio-option{position:relative}
.form-section-elegant .radio-option input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.form-section-elegant .radio-option label{display:block;padding:18px 24px;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:22px;font-size:1.05rem;color:#555;text-align:center;cursor:pointer;transition:all .3s ease;font-weight:500}
.form-section-elegant .radio-option input[type="radio"]:checked + label{background:linear-gradient(135deg,#8BD9FE 0%,#164E3D 100%);border-color:#164E3D;color:#fff;box-shadow:0 6px 20px #164e3d33}
.form-section-elegant .radio-option label:hover{border-color:#8BD9FE;background:#fff}
.form-section-elegant .privacy-checkbox{margin:0 0 30px;display:flex;align-items:flex-start;gap:12px}
.form-section-elegant .privacy-checkbox input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;accent-color:#8BD9FE}
.form-section-elegant .privacy-checkbox label{font-size:.95rem;color:#666;line-height:1.6}
.form-section-elegant .privacy-checkbox label a{color:#164E3D;text-decoration:none;font-weight:600;transition:color .2s ease}
.form-section-elegant .privacy-checkbox label a:hover{color:#8BD9FE}
.form-section-elegant .submit-btn{width:100%;padding:18px 40px;font-size:1.15rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#164E3D 0%,#B75709 100%);border:none;border-radius:24px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 8px 24px #164e3d40;position:relative;z-index:5}
.form-section-elegant .submit-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #164e3d59}
.form-section-elegant .submit-btn:active{transform:translateY(-1px)}
.working-hours-section{max-width:1100px;margin:0 auto 90px;padding:0 40px}
.working-hours-section .hours-container{background:linear-gradient(215deg,#fefefe 0%,#f9fcfe 100%);padding:50px 45px;border-radius:30px;box-shadow:0 10px 28px #164e3d12;border:2px solid #8bd9fe26}
.working-hours-section h2{font-size:2.4rem;font-weight:700;color:#164E3D;text-align:center;margin:0 0 38px}
.working-hours-section .hours-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.working-hours-section .day-item{background:#fff;padding:22px 28px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 14px #0000000a;transition:transform .2s ease}
.working-hours-section .day-item:hover{transform:translateX(5px);box-shadow:0 6px 18px #164e3d14}
.working-hours-section .day-name{font-size:1.05rem;font-weight:600;color:#164E3D}
.working-hours-section .day-time{font-size:1rem;color:#666;font-weight:500}
.quick-contact-strip{max-width:1200px;margin:0 auto 70px;padding:0 40px}
.quick-contact-strip .strip-content{background:linear-gradient(128deg,#164E3D 0%,#B75709 100%);padding:45px 50px;border-radius:32px;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 12px 32px #164e3d33}
.quick-contact-strip .text-side h3{font-size:2rem;font-weight:700;color:#fff;margin:0 0 12px}
.quick-contact-strip .text-side p{font-size:1.1rem;color:#ffffffe0;line-height:1.6;margin:0}
.quick-contact-strip .action-side a{display:inline-block;padding:16px 42px;font-size:1.1rem;font-weight:600;color:#164E3D;background:#fff;text-decoration:none;border-radius:22px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 20px #00000026}
.quick-contact-strip .action-side a:hover{transform:translateY(-4px);box-shadow:0 10px 28px #00000038}
@media (max-width: 768px) {
.hero-contact-immersive{min-height:420px;border-radius:0 0 25px 25px}
.hero-contact-immersive .text-content-hero{padding:60px 30px}
.hero-contact-immersive .main-heading-split{font-size:2.6rem}
.hero-contact-immersive .subtitle-hero{font-size:1.15rem}
.contact-info-block{padding:0 30px;margin:0 auto 70px}
.contact-info-block .info-grid{grid-template-columns:1fr;gap:25px}
.form-section-elegant{padding:0 30px;margin:0 auto 70px}
.form-section-elegant .intro-text h2{font-size:2.2rem}
.form-section-elegant .elegant-form{padding:40px 30px}
.form-section-elegant .radio-options{grid-template-columns:1fr}
.working-hours-section{padding:0 30px;margin:0 auto 70px}
.working-hours-section .hours-container{padding:40px 30px}
.working-hours-section h2{font-size:2rem}
.working-hours-section .hours-grid{grid-template-columns:1fr}
.quick-contact-strip{padding:0 30px;margin:0 auto 60px}
.quick-contact-strip .strip-content{flex-direction:column;text-align:center;padding:40px 30px}
.quick-contact-strip .text-side h3{font-size:1.7rem}
}
@media (max-width: 480px) {
.hero-contact-immersive .main-heading-split{font-size:2.2rem}
.hero-contact-immersive .subtitle-hero{font-size:1.05rem}
.form-section-elegant .intro-text h2{font-size:1.9rem}
.working-hours-section h2{font-size:1.8rem}
.quick-contact-strip .text-side h3{font-size:1.5rem}
}
.methodology-lead{max-width:1400px;margin:0 auto;padding:80px 20px;position:relative}
.methodology-lead .circular-wrap{position:relative;width:100%;max-width:900px;margin:0 auto;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.methodology-lead .pattern-dots{position:absolute;inset:0;background-image:radial-gradient(circle,#8BD9FE 2px,transparent 2px);background-size:40px 40px;opacity:.12;border-radius:50%}
.methodology-lead .center-text-box{position:relative;z-index:2;text-align:center;padding:40px;max-width:500px}
.methodology-lead .center-text-box h1{font-size:3.2rem;line-height:1.2;margin:0 0 20px;color:#164E3D}
.methodology-lead .center-text-box h1 .accent-word{background:linear-gradient(135deg,#8BD9FE,#164E3D);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}
.methodology-lead .center-text-box h1 .accent-word::after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#8BD9FE,transparent)}
.methodology-lead .orbital-image-1{position:absolute;top:15%;right:10%;width:180px;height:180px;border-radius:50%;overflow:hidden;box-shadow:0 12px 32px #8bd9fe4d;border:4px solid #8BD9FE}
.methodology-lead .orbital-image-1 img{width:100%;height:100%;object-fit:cover;filter:contrast(1.15) saturate(1.1)}
.methodology-lead .orbital-image-2{position:absolute;bottom:12%;left:8%;width:160px;height:160px;border-radius:50%;overflow:hidden;box-shadow:0 12px 32px #164e3d40;border:4px solid #164E3D}
.methodology-lead .orbital-image-2 img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1)}
.approach-container{max-width:1400px;margin:0 auto;padding:100px 20px;background:linear-gradient(165deg,#f8fdff 0%,#fff 50%,#f9f9f9 100%)}
.approach-container .intro-segment{max-width:800px;margin:0 auto 60px}
.approach-container .intro-segment h2{font-size:2.4rem;color:#164E3D;margin:0 0 24px;position:relative;padding-left:20px}
.approach-container .intro-segment h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:60%;background:linear-gradient(180deg,#8BD9FE,#B75709);border-radius:20px}
.approach-container .intro-segment p{font-size:1.1rem;line-height:1.8;color:#333}
.approach-container .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}
.approach-container .step-card{background:#fff;padding:35px 28px;border-radius:28px;box-shadow:0 8px 24px #0000000f;position:relative;transition:transform 0.3s,box-shadow .3s}
.approach-container .step-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #8bd9fe33}
.approach-container .step-card .step-number{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,#8BD9FE,#164E3D);color:#fff;font-size:1.4rem;font-weight:700;border-radius:50%;margin-bottom:20px}
.approach-container .step-card h3{font-size:1.4rem;color:#164E3D;margin:0 0 14px}
.approach-container .step-card p{font-size:1rem;line-height:1.7;color:#555;margin:0}
.principles-section{max-width:1400px;margin:0 auto;padding:100px 20px}
.principles-section .header-with-visual{display:flex;flex-direction:row;align-items:center;gap:50px;margin-bottom:70px}
.principles-section .header-content{flex:1}
.principles-section .header-content h2{font-size:2.6rem;color:#164E3D;margin:0 0 20px}
.principles-section .header-content .subtitle-line{font-size:1.2rem;color:#B75709;font-weight:500}
.principles-section .header-image-box{flex:0 0 320px;height:320px;border-radius:40px;overflow:hidden;box-shadow:0 16px 48px #164e3d26;position:relative}
.principles-section .header-image-box::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#8bd9fe4d,transparent);z-index:1}
.principles-section .header-image-box img{width:100%;height:100%;object-fit:cover}
.principles-section .principles-list{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.principles-section .principle-item{background:linear-gradient(135deg,#f0fbff 0%,#fff 100%);padding:32px;border-radius:30px;border-left:5px solid #8BD9FE;box-shadow:0 6px 20px #0000000a}
.principles-section .principle-item h4{font-size:1.3rem;color:#164E3D;margin:0 0 16px;display:flex;align-items:center;gap:12px}
.principles-section .principle-item h4::before{content:'';width:12px;height:12px;background:#B75709;border-radius:50%;flex-shrink:0}
.principles-section .principle-item p{font-size:1.05rem;line-height:1.75;color:#444;margin:0}
.feedback-framework{max-width:1400px;margin:0 auto;padding:100px 20px;background:linear-gradient(145deg,#164E3D 0%,#0a2d23 100%);border-radius:50px}
.feedback-framework .section-intro{text-align:center;margin-bottom:60px}
.feedback-framework .section-intro h2{font-size:2.5rem;color:#8BD9FE;margin:0 0 20px}
.feedback-framework .section-intro p{font-size:1.15rem;color:#ffffffd9;line-height:1.7;max-width:700px;margin:0 auto}
.feedback-framework .interactive-tabs{display:flex;flex-direction:column;gap:0}
.feedback-framework .tab-input{display:none}
.feedback-framework .tab-label{background:#ffffff14;padding:24px 32px;cursor:pointer;font-size:1.25rem;color:#ffffffb3;border-left:4px solid transparent;transition:all .3s;user-select:none}
.feedback-framework .tab-label:hover{background:#8bd9fe1f;color:#8BD9FE}
.feedback-framework .tab-input:checked + .tab-label{background:#8bd9fe26;color:#8BD9FE;border-left-color:#8BD9FE;font-weight:600}
.feedback-framework .tab-content-box{max-height:0;overflow:hidden;opacity:0;transition:all .4s;background:#ffffff0d;padding:0 32px}
.feedback-framework .tab-input:checked ~ .tab-content-box{max-height:600px;opacity:1;padding:32px}
.feedback-framework .tab-content-box h4{font-size:1.3rem;color:#fff;margin:0 0 18px}
.feedback-framework .tab-content-box p{font-size:1.05rem;line-height:1.8;color:#fffc;margin:0 0 16px}
.feedback-framework .tab-content-box ul{list-style:none;padding:0;margin:20px 0 0}
.feedback-framework .tab-content-box ul li{padding:10px 0 10px 28px;position:relative;color:#ffffffbf;font-size:1.02rem;line-height:1.6}
.feedback-framework .tab-content-box ul li::before{content:'';position:absolute;left:0;top:18px;width:8px;height:8px;background:#B75709;border-radius:50%}
@media (max-width: 1024px) {
.methodology-lead .circular-wrap{max-width:700px}
.methodology-lead .center-text-box h1{font-size:2.4rem}
.methodology-lead .orbital-image-1,.methodology-lead .orbital-image-2{width:140px;height:140px}
.approach-container .steps-grid{grid-template-columns:repeat(2,1fr)}
.principles-section .header-with-visual{flex-direction:column}
.principles-section .header-image-box{flex:0 0 auto;width:100%;max-width:400px}
}
@media (max-width: 768px) {
.methodology-lead{padding:60px 20px}
.methodology-lead .circular-wrap{aspect-ratio:auto;min-height:500px}
.methodology-lead .center-text-box h1{font-size:2rem}
.methodology-lead .orbital-image-1{top:5%;right:5%;width:110px;height:110px}
.methodology-lead .orbital-image-2{bottom:8%;left:5%;width:100px;height:100px}
.approach-container{padding:70px 20px}
.approach-container .intro-segment h2{font-size:2rem}
.approach-container .steps-grid{grid-template-columns:1fr}
.principles-section{padding:70px 20px}
.principles-section .header-content h2{font-size:2rem}
.principles-section .principles-list{grid-template-columns:1fr;gap:30px}
.feedback-framework{padding:70px 20px;border-radius:35px}
.feedback-framework .section-intro h2{font-size:2rem}
.feedback-framework .tab-label{padding:20px 24px;font-size:1.1rem}
}
@media (max-width: 480px) {
.methodology-lead .center-text-box h1{font-size:1.7rem}
.approach-container .intro-segment h2{font-size:1.7rem}
.principles-section .header-content h2{font-size:1.7rem}
.feedback-framework .section-intro h2{font-size:1.7rem}
}
.title-hero-container{max-width:1400px;margin:4rem auto 0;padding:0 2rem;display:grid;grid-template-columns:1fr 380px;gap:3rem;align-items:start}
.title-text-zone{padding:2.5rem 0}
.title-text-zone .label-tag{display:inline-block;font-size:.82rem;text-transform:uppercase;letter-spacing:1.8px;color:#164E3D;background:linear-gradient(135deg,#8bd9fe26,#164e3d1a);padding:.5rem 1.3rem;border-radius:24px;margin-bottom:1.8rem}
.title-text-zone h1{font-size:3.2rem;line-height:1.15;color:#1a1a1a;margin:0 0 1.5rem;font-weight:700}
.title-text-zone h1::before{content:'';display:block;width:65px;height:4px;background:linear-gradient(95deg,#8BD9FE,#164E3D);margin-bottom:1.2rem;border-radius:4px}
.title-text-zone .intro-desc{font-size:1.15rem;line-height:1.75;color:#444;margin:1.8rem 0 2rem}
.title-text-zone .meta-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.5rem}
.meta-info-grid .info-item{background:#f9f9f9;padding:1.3rem;border-radius:16px;border-left:3px solid #8BD9FE}
.meta-info-grid .info-item .label{font-size:.78rem;text-transform:uppercase;letter-spacing:1.2px;color:#164E3D;margin-bottom:.5rem}
.meta-info-grid .info-item .value{font-size:1.1rem;font-weight:600;color:#222}
.title-image-zone{position:relative}
.title-image-zone::before{content:'';position:absolute;top:-15px;left:-15px;right:15px;bottom:15px;border:2px solid #8BD9FE;border-radius:28px;z-index:1}
.title-image-zone::after{content:'';position:absolute;top:15px;left:15px;right:-15px;bottom:-15px;border:2px solid #164e3d4d;border-radius:28px;z-index:1}
.title-image-zone img{width:100%;height:480px;object-fit:cover;border-radius:24px;position:relative;z-index:2;filter:brightness(0.92) contrast(1.05)}
.courses-catalog-wrapper{max-width:1400px;margin:7rem auto 6rem;padding:0 2rem}
.catalog-header{text-align:center;margin-bottom:4rem}
.catalog-header h2{font-size:2.5rem;color:#1a1a1a;margin:0 0 1rem;position:relative;display:inline-block}
.catalog-header h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#B75709,#8BD9FE);border-radius:3px}
.catalog-header .subtitle{font-size:1.08rem;color:#555;line-height:1.7;max-width:680px;margin:2rem auto 0}
.course-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.5rem}
.course-card-item{background:linear-gradient(145deg,#fff,#f8f8f8);border-radius:28px;overflow:hidden;box-shadow:0 8px 24px #0000000f;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}
.course-card-item:hover{transform:translateY(-6px);box-shadow:0 16px 40px #8bd9fe33}
.course-card-item .image-holder{width:100%;height:240px;overflow:hidden;position:relative}
.course-card-item .image-holder::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,#164e3d66,transparent)}
.course-card-item .image-holder img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.course-card-item:hover .image-holder img{transform:scale(1.08)}
.course-card-item .content-holder{padding:2rem;flex-grow:1;display:flex;flex-direction:column}
.course-card-item .content-holder .category-badge{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:1.4px;background:linear-gradient(120deg,#8BD9FE,#164E3D);color:#fff;padding:.4rem 1rem;border-radius:20px;margin-bottom:1rem;align-self:flex-start}
.course-card-item .content-holder h3{font-size:1.45rem;color:#1a1a1a;margin:0 0 .8rem;line-height:1.3}
.course-card-item .content-holder .description{font-size:.95rem;color:#555;line-height:1.65;margin-bottom:1.5rem;flex-grow:1}
.course-card-item .content-holder .details-row{display:flex;justify-content:space-between;align-items:center;padding-top:1.2rem;border-top:1px solid #164e3d1f}
.course-card-item .content-holder .details-row .detail-item{display:flex;flex-direction:column;gap:.3rem}
.course-card-item .content-holder .details-row .detail-item .label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#888}
.course-card-item .content-holder .details-row .detail-item .value{font-size:.95rem;font-weight:600;color:#164E3D}
.course-card-item .content-holder .instructor-info{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid #164e3d1f}
.course-card-item .content-holder .instructor-info img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #8BD9FE}
.course-card-item .content-holder .instructor-info .instructor-details .name{font-size:.92rem;font-weight:600;color:#222;margin:0}
.course-card-item .content-holder .instructor-info .instructor-details .role{font-size:.8rem;color:#777}
.course-card-item .content-holder .enroll-action-btn{margin-top:1.5rem;padding:.85rem 1.8rem;background:linear-gradient(125deg,#B75709,#8BD9FE);color:#fff;border:none;border-radius:28px;font-size:.95rem;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;display:block;transition:transform .2s ease,box-shadow .2s ease}
.course-card-item .content-holder .enroll-action-btn:hover{transform:scale(1.04);box-shadow:0 6px 18px #b757094d}
@media (max-width: 1024px) {
.title-hero-container{grid-template-columns:1fr;gap:2.5rem;margin-top:2rem}
.title-image-zone{max-width:500px;margin:0 auto}
.title-text-zone h1{font-size:2.5rem}
.title-text-zone .meta-info-grid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.title-hero-container{padding:0 1.5rem}
.title-text-zone h1{font-size:2rem}
.title-text-zone .intro-desc{font-size:1rem}
.catalog-header h2{font-size:2rem}
.course-grid-container{grid-template-columns:1fr;gap:2rem}
.courses-catalog-wrapper{margin:4rem auto;padding:0 1.5rem}
}
@media (max-width: 480px) {
.title-text-zone h1{font-size:1.75rem}
.title-image-zone img{height:320px}
.catalog-header h2{font-size:1.65rem}
}
.success-wrap{max-width:1400px;margin:3rem auto;padding:0 2rem}
.success-hero-zone{display:flex;align-items:center;gap:3rem;margin:0 0 4rem;position:relative}
.img-accent-left,.img-accent-right{flex:0 0 220px;height:280px;border-radius:28px;position:relative;overflow:hidden;background:linear-gradient(135deg,#8BD9FE 0%,#164E3D 100%);animation:gradientShift 8s ease-in-out infinite alternate}
@keyframes gradientShift {
0%{background:linear-gradient(135deg,#8BD9FE 0%,#164E3D 100%)}
50%{background:linear-gradient(225deg,#164E3D 0%,#B75709 100%)}
100%{background:linear-gradient(315deg,#B75709 0%,#8BD9FE 100%)}
}
.img-accent-left::before,.img-accent-right::before{content:'';position:absolute;width:60px;height:60px;background:#ffffff26;border-radius:50%;top:20%;left:15%}
.img-accent-right::before{top:60%;left:auto;right:15%;width:80px;height:80px}
.success-text-center{flex:1;text-align:center;padding:2rem 0}
.success-text-center h1{font-size:3.2rem;line-height:1.2;margin:0 0 1.5rem;color:#164E3D;font-weight:700}
.success-text-center h1 .highlight-term{color:#B75709;position:relative;display:inline-block}
.success-text-center h1 .highlight-term::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8BD9FE,#B75709);border-radius:2px}
.success-text-center p{font-size:1.25rem;line-height:1.7;color:#2d3e50;margin:0 auto;max-width:600px}
.decor-shape-top{position:absolute;top:-40px;right:10%;width:90px;height:90px;border:3px solid #8BD9FE;border-radius:50%;opacity:.4}
.decor-shape-bottom{position:absolute;bottom:-30px;left:15%;width:70px;height:70px;background:linear-gradient(45deg,#B75709,transparent);border-radius:12px;opacity:.3;transform:rotate(15deg)}
.confirmation-box{background:linear-gradient(135deg,#8bd9fe14,#164e3d14);border-radius:32px;padding:3.5rem 3rem;margin:0 0 3.5rem;box-shadow:0 12px 48px #164e3d1f;text-align:center}
.confirm-icon-wrapper{width:120px;height:120px;margin:0 auto 2rem;position:relative}
.confirm-icon-wrapper svg{width:100%;height:100%}
.confirm-icon-wrapper .check-circle{fill:none;stroke:#164E3D;stroke-width:3;stroke-linecap:round}
.confirm-icon-wrapper .check-mark{fill:none;stroke:#8BD9FE;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:drawCheck .8s ease-out .3s forwards}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.confirmation-box h2{font-size:2.2rem;color:#164E3D;margin:0 0 1.2rem;font-weight:600}
.confirmation-box .confirm-message{font-size:1.15rem;line-height:1.8;color:#3a4d5f;margin:0 auto 2.5rem;max-width:700px}
.confirmation-box .confirm-message strong{color:#B75709;font-weight:600}
.details-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}
.detail-card[data-state="visible"]{background:#fff;border-radius:24px;padding:2.5rem 2rem;border:2px solid #8bd9fe4d;box-shadow:0 8px 24px #0000000f;transition:all .3s ease}
.detail-card[data-state="visible"]:hover{transform:translateY(-6px);box-shadow:0 16px 40px #164e3d26;border-color:#8BD9FE}
.detail-card .card-icon-area{width:64px;height:64px;margin:0 0 1.5rem;background:linear-gradient(135deg,#8BD9FE,#164E3D);border-radius:16px;display:flex;align-items:center;justify-content:center}
.detail-card .card-icon-area svg{width:36px;height:36px;fill:#fff}
.detail-card h3{font-size:1.4rem;color:#164E3D;margin:0 0 .8rem;font-weight:600}
.detail-card p{font-size:1rem;line-height:1.7;color:#4a5d6f;margin:0}
.next-steps-section{background:linear-gradient(180deg,#b757090f,#8bd9fe0f);border-radius:32px;padding:3.5rem 3rem;margin:3rem 0}
.next-steps-section h2{font-size:2rem;color:#164E3D;text-align:center;margin:0 0 3rem;font-weight:600;position:relative;display:inline-block;width:100%}
.next-steps-section h2::before{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#8BD9FE,#B75709);border-radius:2px}
.steps-timeline{display:flex;flex-direction:column;gap:2rem;max-width:900px;margin:0 auto}
.timeline-step[data-visible="true"]{display:flex;gap:2rem;align-items:flex-start;position:relative}
.timeline-step[data-visible="true"]:not(:last-child)::before{content:'';position:absolute;left:29px;top:60px;width:3px;height:calc(100% + 2rem);background:linear-gradient(180deg,#8BD9FE,#8bd9fe33)}
.step-number{flex:0 0 60px;width:60px;height:60px;background:linear-gradient(135deg,#B75709,#164E3D);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 6px 20px #b757094d;z-index:2;position:relative}
.step-content-area{flex:1;padding:.5rem 0}
.step-content-area h3{font-size:1.35rem;color:#164E3D;margin:0 0 .7rem;font-weight:600}
.step-content-area p{font-size:1.05rem;line-height:1.7;color:#3a4d5f;margin:0}
.cta-buttons-group{display:flex;justify-content:center;gap:1.5rem;margin:3.5rem 0 0;flex-wrap:wrap}
.btn-primary-action{padding:1rem 2.5rem;background:linear-gradient(135deg,#8BD9FE,#164E3D);color:#fff;text-decoration:none;border-radius:28px;font-size:1.1rem;font-weight:600;box-shadow:0 8px 24px #164e3d40;transition:all .3s ease;display:inline-block;border:none;cursor:pointer}
.btn-primary-action:hover{transform:translateY(-3px);box-shadow:0 12px 32px #164e3d59}
.btn-secondary-link{padding:1rem 2.5rem;background:transparent;color:#164E3D;text-decoration:none;border-radius:28px;font-size:1.1rem;font-weight:600;border:2px solid #164E3D;transition:all .3s ease;display:inline-block;cursor:pointer}
.btn-secondary-link:hover{background:#164E3D;color:#fff;transform:translateY(-3px)}
@media (max-width: 1024px) {
.success-hero-zone{gap:2rem}
.img-accent-left,.img-accent-right{flex:0 0 180px;height:240px}
.success-text-center h1{font-size:2.6rem}
}
@media (max-width: 768px) {
.success-wrap{padding:0 1.5rem;margin:2rem auto}
.success-hero-zone{flex-direction:column;gap:1.5rem;margin:0 0 3rem}
.img-accent-left,.img-accent-right{flex:0 0 auto;width:100%;max-width:300px;height:200px}
.success-text-center h1{font-size:2.2rem}
.success-text-center p{font-size:1.1rem}
.confirmation-box{padding:2.5rem 1.5rem}
.confirmation-box h2{font-size:1.8rem}
.details-grid-container{grid-template-columns:1fr;gap:1.5rem}
.next-steps-section{padding:2.5rem 1.5rem}
.timeline-step[data-visible="true"]{flex-direction:column;gap:1rem}
.timeline-step[data-visible="true"]:not(:last-child)::before{display:none}
.cta-buttons-group{flex-direction:column;align-items:stretch}
.btn-primary-action,.btn-secondary-link{width:100%;text-align:center}
}