@import "https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,300;1,300;0,400;1,400;0,600;1,600;0,700;1,700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;1,300;0,400;1,400;0,600;1,600;0,700;1,700&display=swap";
html{box-sizing:border-box;scroll-behavior:smooth}
*,:before,:after{box-sizing:inherit}
body{margin:0;padding:0;font-family:'Public Sans',sans-serif;background:#FAFAF9;color:#1F1B17;line-height:1.6;overflow-x:hidden}
.mainHdr{background:linear-gradient(142deg,#F4F3F0 0%,#7f775914 100%);padding:0;position:relative}
.hdrTop{background:#fff9;backdrop-filter:blur(12px);border-bottom:1px solid #7f775926}
.hdrTop .container3{max-width:1024px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:center;gap:48px}
.logoWrap{display:flex;flex-direction:column;align-items:center;gap:8px}
.logoWrap img{width:92px;height:92px;object-fit:contain;background:#ffffffe6;padding:12px;border-radius:24px;box-shadow:0 4px 12px #1f1b1714}
.brandTxt{font-family:'Source Serif Pro',serif;font-size:18px;font-weight:600;color:#1F1B17;letter-spacing:.5px}
.navMain{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.navMain > li{list-style:none;position:relative}
.navMain a{display:flex;align-items:center;gap:10px;padding:14px 20px;text-decoration:none;color:#1F1B17;font-size:15px;font-weight:500;border-radius:18px;transition:all .25s ease}
.navMain a:hover{background:#7f77591f;color:#7F7759}
.navMain .iconNav{width:24px;height:24px;flex-shrink:0}
.navMain .iconNav svg{width:100%;height:100%;fill:currentColor}
.navMain .itemDesc{font-size:12px;color:#7F7759;font-weight:400;display:block;margin-top:-2px}
.navMain .hasSubmenu{position:relative}
.navMain .subMenu{display:none;position:absolute;top:calc(100% + 8px);left:0;background:#FFF;border-radius:20px;box-shadow:0 8px 24px #1f1b1726;padding:12px;min-width:220px;z-index:100}
.navMain .hasSubmenu:hover .subMenu{display:block}
.navMain .subMenu li{list-style:none}
.navMain .subMenu a{padding:12px 16px;border-radius:14px}
.hdrBtm{padding:16px 0}
.hdrBtm .container3{max-width:1024px;margin:0 auto;padding:0 24px;text-align:center}
.tagline7{font-family:'Source Serif Pro',serif;font-size:16px;color:#7F7759;font-style:italic}
.ft{background:linear-gradient(127deg,#1F1B17 0%,#3A3530 100%);color:#F4F3F0;padding:56px 0 32px;margin-top:80px}
.ft .container3{max-width:1024px;margin:0 auto;padding:0 24px}
.ftGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;margin-bottom:48px}
.ftCol h3{font-family:'Source Serif Pro',serif;font-size:18px;margin:0 0 20px;color:#F4F3F0;font-weight:600}
.ftCol p,.ftCol a{font-size:14px;line-height:1.8;color:#f4f3f0d9;margin:8px 0}
.ftCol a{display:inline-block;text-decoration:none;transition:color .25s ease}
.ftCol a:hover{color:#F4F3F0}
.ftNav{display:flex;gap:20px;flex-wrap:wrap;margin:16px 0}
.ftNav a{color:#f4f3f0d9;text-decoration:none;font-size:14px;padding:8px 0;border-bottom:1px solid transparent;transition:all .25s ease}
.ftNav a:hover{color:#F4F3F0;border-bottom-color:#f4f3f080}
.ftBtm{border-top:1px solid #f4f3f033;padding-top:28px;text-align:center}
.copyrightTxt{font-size:13px;color:#f4f3f0b3}
.cookiePopup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#1f1b17b3;z-index:9999;align-items:center;justify-content:center}
.cookiePopup[data-state="visible"]{display:flex}
.cookieBox{background:#FFF;border-radius:24px;padding:36px 40px;max-width:480px;box-shadow:0 12px 48px #1f1b1733}
.cookieBox h4{font-family:'Source Serif Pro',serif;font-size:22px;margin:0 0 16px;color:#1F1B17}
.cookieBox p{font-size:15px;line-height:1.6;color:#7F7759;margin:0 0 24px}
.cookieActions{display:flex;gap:16px;justify-content:center}
.cookieBtn{background:none;border:none;font-family:'Public Sans',sans-serif;font-size:15px;color:#1F1B17;text-decoration:underline;cursor:pointer;padding:8px 16px;transition:color .25s ease}
.cookieBtn:hover{color:#7F7759}
@media (max-width: 768px) {
.hdrTop .container3{flex-direction:column;gap:24px}
.navMain{justify-content:center}
.navMain a{padding:12px 16px;font-size:14px}
.logoWrap img{width:76px;height:76px}
.ftGrid{grid-template-columns:1fr;gap:32px}
.cookieBox{margin:20px;padding:28px 32px}
.cookieActions{flex-direction:column}
}
@media (max-width: 480px) {
.navMain{flex-direction:column;width:100%}
.navMain > li{width:100%}
.navMain a{justify-content:flex-start}
}
.policy-wrapper-nin{max-width:1024px;margin:0 auto;padding:80px 24px;background:linear-gradient(168deg,#F4F3F0 0%,#fff 100%)}
.policy-wrapper-nin h1{font-size:48px;font-weight:700;color:#1F1B17;margin:0 0 16px;line-height:1.2;letter-spacing:-.02em}
.policy-wrapper-nin h2{font-size:36px;font-weight:600;color:#1F1B17;margin:64px 0 24px;line-height:1.3;letter-spacing:-.01em}
.policy-wrapper-nin h3{font-size:28px;font-weight:600;color:#1F1B17;margin:48px 0 20px;line-height:1.4}
.policy-wrapper-nin h4{font-size:22px;font-weight:600;color:#7F7759;margin:36px 0 16px;line-height:1.4}
.policy-wrapper-nin h5{font-size:18px;font-weight:600;color:#7F7759;margin:28px 0 12px;line-height:1.5}
.policy-wrapper-nin h6{font-size:16px;font-weight:600;color:#7F7759;margin:24px 0 12px;line-height:1.5;text-transform:uppercase;letter-spacing:.05em}
.policy-wrapper-nin p{font-size:17px;line-height:1.8;color:#1F1B17;margin:0 0 24px;font-weight:400}
.policy-wrapper-nin p + p{margin-top:20px}
.policy-wrapper-nin ul{margin:0 0 28px;padding:0 0 0 28px;list-style-type:none}
.policy-wrapper-nin ol{margin:0 0 28px;padding:0 0 0 28px;list-style-position:outside}
.policy-wrapper-nin ul li{font-size:17px;line-height:1.8;color:#1F1B17;margin:0 0 12px;padding-left:16px;position:relative}
.policy-wrapper-nin ul li::before{content:'';position:absolute;left:-12px;top:12px;width:6px;height:6px;background:#7F7759;border-radius:50%}
.policy-wrapper-nin ol li{font-size:17px;line-height:1.8;color:#1F1B17;margin:0 0 12px;padding-left:8px}
.policy-wrapper-nin ul ul{margin:12px 0;padding-left:24px}
.policy-wrapper-nin ol ol{margin:12px 0;padding-left:24px}
.policy-wrapper-nin em,.policy-wrapper-nin i{font-style:italic;color:#7F7759}
.policy-wrapper-nin hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#7F7759 50%,transparent 100%);margin:56px 0;opacity:.3}
.policy-wrapper-nin div{margin:0 0 24px}
.policy-wrapper-nin h1 + p{font-size:19px;color:#7F7759;margin-bottom:48px;line-height:1.7}
.policy-wrapper-nin h2:first-of-type{margin-top:48px}
@media (max-width: 768px) {
.policy-wrapper-nin{padding:60px 20px}
.policy-wrapper-nin h1{font-size:36px;margin-bottom:12px}
.policy-wrapper-nin h2{font-size:28px;margin:48px 0 20px}
.policy-wrapper-nin h3{font-size:22px;margin:36px 0 16px}
.policy-wrapper-nin h4{font-size:19px;margin:28px 0 14px}
.policy-wrapper-nin h5{font-size:17px;margin:24px 0 12px}
.policy-wrapper-nin h6{font-size:15px}
.policy-wrapper-nin p{font-size:16px;line-height:1.75;margin-bottom:20px}
.policy-wrapper-nin ul li,.policy-wrapper-nin ol li{font-size:16px;line-height:1.75}
.policy-wrapper-nin h1 + p{font-size:17px;margin-bottom:36px}
.policy-wrapper-nin hr{margin:40px 0}
}
@media (max-width: 480px) {
.policy-wrapper-nin{padding:48px 16px}
.policy-wrapper-nin h1{font-size:30px}
.policy-wrapper-nin h2{font-size:24px;margin:40px 0 16px}
.policy-wrapper-nin h3{font-size:20px;margin:32px 0 14px}
.policy-wrapper-nin p{font-size:15px;margin-bottom:18px}
.policy-wrapper-nin ul,.policy-wrapper-nin ol{padding-left:24px;margin-bottom:24px}
.policy-wrapper-nin ul li,.policy-wrapper-nin ol li{font-size:15px;margin-bottom:10px}
}
.rdmp{background:linear-gradient(168deg,#F4F3F0 0%,#fff 45%,#F4F3F0 100%);padding:0;margin:0}
.rdmp .titleWrap{max-width:1024px;margin:0 auto;padding:4rem 1.5rem 5rem;display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}
.rdmp .titleWrap .txtArea{position:relative}
.rdmp .titleWrap .txtArea::before{content:'';position:absolute;top:-1rem;left:-.5rem;width:4px;height:60px;background:linear-gradient(180deg,#7F7759 0%,#1F1B17 100%);border-radius:12px}
.rdmp .titleWrap h1{font-size:2.8rem;line-height:1.15;color:#1F1B17;margin:0 0 1.2rem;font-weight:700}
.rdmp .titleWrap .subline{font-size:1.15rem;line-height:1.7;color:#2a2520;margin:0 0 2rem}
.rdmp .titleWrap .btnGroup{display:flex;gap:1rem;flex-wrap:wrap}
.rdmp .titleWrap .btnPrimary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#1F1B17 0%,#3d3830 100%);color:#F4F3F0;text-decoration:none;border-radius:24px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #1f1b1726}
.rdmp .titleWrap .btnPrimary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1f1b1740;background:linear-gradient(135deg,#3d3830 0%,#1F1B17 100%)}
.rdmp .titleWrap .btnSecondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;color:#1F1B17;text-decoration:none;border-radius:24px;font-weight:600;font-size:1rem;border:2px solid #7F7759;transition:all .3s ease}
.rdmp .titleWrap .btnSecondary:hover{background:#7F7759;color:#F4F3F0;transform:translateY(-2px)}
.rdmp .visualBox{position:relative;padding:2rem;background:linear-gradient(225deg,#7f775914 0%,#1f1b170a 100%);border-radius:32px;border:1px solid #7f775933}
.rdmp .visualBox::after{content:'';position:absolute;bottom:-10px;right:-10px;width:100px;height:100px;background:radial-gradient(circle,#7f775926 0%,transparent 70%);border-radius:50%;z-index:-1}
.rdmp .stageMap{max-width:1024px;margin:0 auto;padding:5rem 1.5rem}
.rdmp .stageMap .secHead{text-align:center;margin-bottom:4rem}
.rdmp .stageMap .secHead h2{font-size:2.2rem;color:#1F1B17;margin:0 0 1rem;font-weight:700}
.rdmp .stageMap .secHead .intro{font-size:1.05rem;line-height:1.7;color:#4a423a;max-width:680px;margin:0 auto}
.rdmp .phaseGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;position:relative}
.rdmp .phaseCard{position:relative;padding:2rem;background:#fff;border-radius:28px;border:2px solid #F4F3F0;transition:all .4s ease}
.rdmp .phaseCard:hover{transform:translateY(-6px);border-color:#7F7759;box-shadow:0 12px 32px #1f1b171f}
.rdmp .phaseCard .phaseNum{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#7F7759 0%,#5c5441 100%);color:#F4F3F0;font-size:1.5rem;font-weight:700;border-radius:50%;margin-bottom:1.5rem}
.rdmp .phaseCard h3{font-size:1.4rem;color:#1F1B17;margin:0 0 1rem;font-weight:700}
.rdmp .phaseCard .phaseDesc{font-size:.95rem;line-height:1.6;color:#4a423a;margin-bottom:1.5rem}
.rdmp .phaseCard .taskList{list-style:none;padding:0;margin:0}
.rdmp .phaseCard .taskList li{position:relative;padding-left:1.8rem;margin-bottom:.8rem;font-size:.9rem;color:#5a5248;line-height:1.5}
.rdmp .phaseCard .taskList li::before{content:'';position:absolute;left:0;top:.4rem;width:8px;height:8px;background:#7F7759;border-radius:50%}
.rdmp .phaseCard .duration{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#7f77591a 0%,#1f1b170d 100%);border-radius:16px;font-size:.85rem;color:#1F1B17;font-weight:600}
.rdmp .phaseCard .duration i{font-size:1rem;color:#7F7759}
@media (min-width: 768px) {
.rdmp .titleWrap{grid-template-columns:1fr 1fr;padding:6rem 2rem 7rem;gap:4rem}
.rdmp .titleWrap h1{font-size:3.4rem}
.rdmp .stageMap{padding:7rem 2rem}
.rdmp .phaseGrid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 767px) {
.rdmp .titleWrap h1{font-size:2.2rem}
.rdmp .titleWrap .subline{font-size:1rem}
.rdmp .stageMap .secHead h2{font-size:1.8rem}
}
.heroWrap{position:relative;background:linear-gradient(142deg,#F4F3F0 0%,#F4F3F0 40%,#7F7759 100%);padding:92px 24px 88px;overflow:hidden}
.heroWrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(-37deg,transparent,transparent 18px,#1f1b170a 18px,#1f1b170a 36px);pointer-events:none;animation:bgDrift 28s linear infinite}
@keyframes bgDrift {
0%{transform:translateX(0)}
100%{transform:translateX(72px)}
}
.heroInner{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.heroInner h1{font-size:3.2rem;line-height:1.15;color:#1F1B17;margin:0 0 18px;font-weight:700}
.heroInner h1 .keyTerm{background:linear-gradient(to right,#7F7759 0%,#1F1B17 100%);background-position:0 100%;background-size:100% 3px;background-repeat:no-repeat;padding-bottom:6px}
.heroInner p{font-size:1.15rem;line-height:1.7;color:#1F1B17;margin:0 0 32px;max-width:640px}
.heroCta{display:inline-block;background:#1F1B17;color:#F4F3F0;padding:16px 42px;border-radius:28px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease;box-shadow:0 6px 18px #1f1b1726}
.heroCta:hover{transform:translateY(-3px);box-shadow:0 10px 26px #1f1b1738;background:#2d2820}
.contentHub{padding:84px 24px;background:#F4F3F0}
.contentHub .wrapInner{max-width:1024px;margin:0 auto}
.contentHub h2{font-size:2.4rem;color:#1F1B17;margin:0 0 14px;font-weight:700}
.contentHub .intro{font-size:1.1rem;line-height:1.75;color:#1F1B17;margin:0 0 52px;max-width:720px}
.resourceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:64px}
.resCard{background:#fff;border-radius:24px;padding:36px 28px;box-shadow:0 4px 14px #1f1b1714;transition:all .35s ease;position:relative}
.resCard::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#7F7759 0%,#1F1B17 100%);border-radius:24px 0 0 24px;opacity:0;transition:opacity .35s ease}
.resCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #1f1b1724}
.resCard:hover::before{opacity:1}
.resCard h3{font-size:1.45rem;color:#1F1B17;margin:0 0 12px;font-weight:600}
.resCard p{font-size:1rem;line-height:1.65;color:#4a4238;margin:0}
.resCard .iconBox{width:56px;height:56px;background:linear-gradient(135deg,#F4F3F0 0%,#e8e6e0 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.resCard .iconBox svg{width:28px;height:28px;fill:#1F1B17}
.imageShowcase{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.imageShowcase img{width:100%;height:280px;object-fit:cover;border-radius:20px;box-shadow:0 6px 18px #1f1b171a}
.ecosystemSec{padding:88px 24px;background:linear-gradient(168deg,#1F1B17 0%,#3d3630 100%);position:relative;overflow:hidden}
.ecosystemSec::after{content:'';position:absolute;bottom:-120px;right:-120px;width:380px;height:380px;background:radial-gradient(circle,#7f775926 0%,transparent 70%);border-radius:50%;pointer-events:none}
.ecosystemSec .wrapInner{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.ecosystemSec h2{font-size:2.6rem;color:#F4F3F0;margin:0 0 16px;font-weight:700}
.ecosystemSec .leadText{font-size:1.15rem;line-height:1.7;color:#e0ddd6;margin:0 0 56px;max-width:680px}
.pathGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.pathCard{background:#f4f3f00f;border:1px solid #f4f3f01f;border-radius:22px;padding:32px 24px;transition:all .35s ease}
.pathCard:hover{background:#f4f3f01a;border-color:#7f775966;transform:scale(1.03)}
.pathCard .num{font-size:2.8rem;font-weight:800;color:#7F7759;margin:0 0 12px;line-height:1}
.pathCard h3{font-size:1.35rem;color:#F4F3F0;margin:0 0 10px;font-weight:600}
.pathCard p{font-size:.98rem;line-height:1.6;color:#c9c5bc;margin:0}
.tabSystem{margin-top:68px}
.tabNav{display:flex;gap:12px;margin-bottom:36px;border-bottom:2px solid #f4f3f01a;padding-bottom:8px}
.tabNav input[type="radio"]{display:none}
.tabNav label{padding:12px 28px;background:transparent;color:#c9c5bc;border-radius:16px 16px 0 0;cursor:pointer;font-weight:600;font-size:1.05rem;transition:all .3s ease;border:2px solid transparent}
.tabNav input[type="radio"]:checked + label{background:#f4f3f014;color:#F4F3F0;border-color:#7F7759}
.tabNav label:hover{background:#f4f3f00d}
.tabContent{display:none;animation:fadeSlide .5s ease}
#tab1:checked ~ .tabPanels .panel1,#tab2:checked ~ .tabPanels .panel2,#tab3:checked ~ .tabPanels .panel3{display:block}
@keyframes fadeSlide {
from{opacity:0;transform:translateY(12px)}
to{opacity:1;transform:translateY(0)}
}
.tabContent h4{font-size:1.6rem;color:#F4F3F0;margin:0 0 18px;font-weight:600}
.tabContent p{font-size:1.05rem;line-height:1.75;color:#d6d2c9;margin:0 0 24px}
.tabContent ul{list-style:none;padding:0;margin:0 0 28px}
.tabContent ul li{padding:14px 0 14px 36px;position:relative;color:#d6d2c9;font-size:1.02rem;line-height:1.6}
.tabContent ul li::before{content:'';position:absolute;left:0;top:20px;width:18px;height:18px;background:linear-gradient(135deg,#7F7759 0%,#5a5341 100%);border-radius:50%}
.tabContent .ctaBtn{display:inline-block;background:#7F7759;color:#1F1B17;padding:14px 36px;border-radius:24px;text-decoration:none;font-weight:600;font-size:1.02rem;transition:all .3s ease}
.tabContent .ctaBtn:hover{background:#9a8f6d;transform:translateX(4px)}
.imageRow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:42px}
.imageRow img{width:100%;height:240px;object-fit:cover;border-radius:18px;box-shadow:0 8px 20px #00000040}
@media (max-width: 968px) {
.heroInner h1{font-size:2.4rem}
.pathGrid{grid-template-columns:1fr;gap:20px}
.tabNav{flex-direction:column}
.imageRow{grid-template-columns:1fr}
.imageShowcase{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.heroInner h1{font-size:2rem}
.heroWrap{padding:64px 20px}
.contentHub,.ecosystemSec{padding:56px 20px}
.resourceGrid{grid-template-columns:1fr;gap:24px}
.contentHub h2,.ecosystemSec h2{font-size:1.9rem}
}
.heroAbout{background:linear-gradient(158deg,#F4F3F0 0%,#7F7759 100%);padding:110px 20px 90px;position:relative;overflow:hidden}
.heroAbout::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#1f1b1714 0%,transparent 70%);border-radius:50%}
.heroAbout .containerHero{max-width:1024px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}
.heroAbout .hdngMain{font-size:3.2rem;font-weight:700;color:#1F1B17;margin-bottom:24px;line-height:1.15;letter-spacing:-.02em}
.heroAbout .descLead{font-size:1.25rem;line-height:1.7;color:#1F1B17;max-width:680px;margin-bottom:50px;opacity:.88}
.heroAbout .imgShowcase{width:100%;max-width:840px;height:auto;border-radius:24px;box-shadow:0 12px 40px #1f1b172e;object-fit:cover}
.sectionStory{padding:95px 20px;background:#fff}
.sectionStory .wrapperContent{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.sectionStory .colText{display:flex;flex-direction:column}
.sectionStory .labelTop{font-size:.9rem;text-transform:uppercase;letter-spacing:.12em;color:#7F7759;margin-bottom:16px;font-weight:600}
.sectionStory .titleSec{font-size:2.5rem;font-weight:700;color:#1F1B17;margin-bottom:28px;line-height:1.2}
.sectionStory .txtBlock{font-size:1.05rem;line-height:1.75;color:#1F1B17;margin-bottom:20px}
.sectionStory .txtBlock:last-child{margin-bottom:0}
.sectionStory .colImages{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sectionStory .imgBox{border-radius:20px;overflow:hidden;box-shadow:0 6px 20px #1f1b171f}
.sectionStory .imgBox img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.sectionStory .imgBox:hover img{transform:scale(1.05)}
.sectionStory .imgBox:nth-child(1){grid-row:span 2}
.sectionStory .imgBox:nth-child(1) img{height:100%;min-height:400px}
.sectionStory .imgBox:nth-child(2) img,.sectionStory .imgBox:nth-child(3) img{height:190px}
@media (max-width: 960px) {
.heroAbout{padding:80px 20px 70px}
.heroAbout .hdngMain{font-size:2.4rem}
.heroAbout .descLead{font-size:1.1rem;margin-bottom:40px}
.sectionStory{padding:70px 20px}
.sectionStory .wrapperContent{grid-template-columns:1fr;gap:50px}
.sectionStory .titleSec{font-size:2rem}
}
@media (max-width: 640px) {
.heroAbout{padding:60px 20px 50px}
.heroAbout .hdngMain{font-size:1.9rem}
.heroAbout .descLead{font-size:1rem}
.sectionStory{padding:50px 20px}
.sectionStory .colImages{grid-template-columns:1fr;gap:16px}
.sectionStory .imgBox:nth-child(1){grid-row:span 1}
.sectionStory .imgBox:nth-child(1) img{min-height:280px}
.sectionStory .imgBox:nth-child(2) img,.sectionStory .imgBox:nth-child(3) img{height:220px}
.sectionStory .titleSec{font-size:1.75rem}
.sectionStory .txtBlock{font-size:1rem}
}
.ctWrap{width:100%;max-width:1024px;margin:0 auto;padding:0 20px}
.pgTop{padding:80px 0 60px;background:linear-gradient(127deg,#F4F3F0 0%,#e8e5dc 100%);position:relative;overflow:hidden}
.pgTop::before{content:'';position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:linear-gradient(217deg,#7f775914 0%,transparent 70%);transform:rotate(-15deg)}
.pgTop .ctWrap{position:relative;z-index:2}
.hdSet{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hdTxt h1{font-size:3.2rem;line-height:1.1;color:#1F1B17;margin:0 0 16px;font-weight:700}
.hdTxt .sub{font-size:1.3rem;color:#7F7759;margin:0 0 12px;font-weight:500}
.hdTxt p{font-size:1.05rem;line-height:1.6;color:#4a4537;margin:0}
.hdVis{position:relative;padding:30px}
.hdVis::before{content:'';position:absolute;top:0;left:20px;right:20px;bottom:0;background:linear-gradient(145deg,#7F7759 0%,#5a5340 100%);border-radius:24px;opacity:.12}
.hdVis::after{content:'';position:absolute;top:20px;left:0;right:40px;bottom:20px;background:linear-gradient(325deg,#1F1B17 0%,#3d3830 100%);border-radius:24px;opacity:.08}
.infoStack{position:relative;z-index:1;background:#F4F3F0;border-radius:20px;padding:28px;box-shadow:0 4px 20px #1f1b171a}
.infoStack .item{padding:16px 0;border-bottom:1px solid #7f775926}
.infoStack .item:last-child{border-bottom:none;padding-bottom:0}
.infoStack .item .lbl{font-size:.85rem;color:#7F7759;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:600}
.infoStack .item .val{font-size:1.1rem;color:#1F1B17;font-weight:500}
.infoStack .item .val a{color:#1F1B17;text-decoration:none;transition:color .3s ease}
.infoStack .item .val a:hover{color:#7F7759}
.formSec{padding:90px 0;background:#fdfcfa;position:relative}
.formSec::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#7F7759 50%,transparent 100%);opacity:.3}
.formBox{max-width:680px;margin:0 auto}
.formBox h2{font-size:2.4rem;color:#1F1B17;margin:0 0 12px;text-align:center;font-weight:700}
.formBox .intro{font-size:1.05rem;line-height:1.6;color:#5a5340;text-align:center;margin:0 0 48px}
.frmWrap{background:#fff;border-radius:28px;padding:48px;box-shadow:0 8px 32px #1f1b1714}
.fldGrp{margin-bottom:32px}
.fldGrp label{display:block;font-size:.95rem;color:#1F1B17;margin-bottom:10px;font-weight:600}
.fldGrp input[type="text"],.fldGrp input[type="tel"]{width:100%;padding:16px 20px;border:2px solid #e8e5dc;border-radius:16px;font-size:1rem;color:#1F1B17;transition:all .3s ease;background:#fdfcfa}
.fldGrp input[type="text"]:focus,.fldGrp input[type="tel"]:focus{outline:none;border-color:#7F7759;background:#fff;box-shadow:0 0 0 4px #7f775914}
.chkSet{margin-bottom:28px}
.chkSet .title{font-size:.95rem;color:#1F1B17;margin-bottom:16px;font-weight:600}
.chkOpt{display:flex;align-items:center;margin-bottom:12px;cursor:pointer}
.chkOpt input[type="checkbox"]{width:20px;height:20px;margin:0 12px 0 0;cursor:pointer;accent-color:#7F7759}
.chkOpt label{font-size:.98rem;color:#4a4537;cursor:pointer;margin:0;font-weight:400}
.privacyChk{margin-bottom:32px;padding:20px;background:#fdfcfa;border-radius:16px;border:1px solid #e8e5dc}
.privacyChk input[type="checkbox"]{width:18px;height:18px;margin:0 10px 0 0;cursor:pointer;accent-color:#7F7759;vertical-align:middle}
.privacyChk label{font-size:.9rem;color:#5a5340;cursor:pointer;vertical-align:middle;line-height:1.5;display:inline;font-weight:400}
.privacyChk a{color:#7F7759;text-decoration:underline}
.privacyChk a:hover{color:#1F1B17}
.sbmBtn{width:100%;padding:18px 32px;background:linear-gradient(135deg,#1F1B17 0%,#3d3830 100%);color:#F4F3F0;border:none;border-radius:18px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #1f1b1733}
.sbmBtn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #1f1b174d;background:linear-gradient(135deg,#2d2820 0%,#1F1B17 100%)}
.sbmBtn:active{transform:translateY(0)}
.extraInfo{padding:80px 0;background:linear-gradient(165deg,#F4F3F0 0%,#fdfcfa 100%)}
.extraInfo .ctWrap{max-width:900px}
.extraInfo h2{font-size:2.2rem;color:#1F1B17;margin:0 0 48px;text-align:center;font-weight:700}
.cardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{background:#fff;border-radius:24px;padding:32px 24px;text-align:center;transition:all .4s ease;border:2px solid transparent;box-shadow:0 4px 16px #1f1b170f}
.card:hover{transform:translateY(-8px);border-color:#7F7759;box-shadow:0 12px 32px #1f1b171f}
.card .icn{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#7F7759 0%,#5a5340 100%);border-radius:18px;display:flex;align-items:center;justify-content:center}
.card .icn svg{width:32px;height:32px;fill:#F4F3F0}
.card h3{font-size:1.3rem;color:#1F1B17;margin:0 0 12px;font-weight:700}
.card p{font-size:.95rem;line-height:1.6;color:#5a5340;margin:0}
@media (max-width: 768px) {
.hdSet{grid-template-columns:1fr;gap:32px}
.hdTxt h1{font-size:2.4rem}
.hdTxt .sub{font-size:1.1rem}
.formBox h2{font-size:2rem}
.frmWrap{padding:32px 24px}
.cardGrid{grid-template-columns:1fr;gap:20px}
.pgTop{padding:60px 0 40px}
.formSec,.extraInfo{padding:60px 0}
}
@media (max-width: 480px) {
.hdTxt h1{font-size:2rem}
.formBox h2{font-size:1.7rem}
.frmWrap{padding:24px 20px}
.sbmBtn{font-size:1rem;padding:16px 28px}
}
.heroWrap{background:linear-gradient(168deg,#F4F3F0 0%,#7F7759 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.heroWrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#1f1b1714 0%,transparent 70%);animation:float 20s ease-in-out infinite}
@keyframes float {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(-30px,30px) rotate(5deg)}
}
.heroWrap .hCont{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.heroWrap .leftTxt h1{font-size:3.2rem;line-height:1.15;color:#1F1B17;margin:0 0 24px;font-weight:700}
.heroWrap .leftTxt h1 span{display:block;margin-top:12px;color:#7F7759}
.heroWrap .leftTxt .subLine{font-size:1.15rem;color:#1F1B17;opacity:.85;line-height:1.6;margin:0 0 36px}
.heroWrap .rtImg{position:relative;animation:gentleSlide 3s ease-out}
@keyframes gentleSlide {
0%{opacity:0;transform:translateX(40px)}
100%{opacity:1;transform:translateX(0)}
}
.heroWrap .rtImg img{width:100%;height:auto;border-radius:24px;box-shadow:0 12px 40px #1f1b1726}
.heroWrap .decorDots{position:absolute;bottom:20px;left:-40px;width:120px;height:120px}
.heroWrap .decorDots svg{width:100%;height:100%;opacity:.3}
.pathBlock{background:#FFF;padding:90px 20px}
.pathBlock .pCont{max-width:1024px;margin:0 auto}
.pathBlock .secHdr{text-align:center;margin-bottom:70px}
.pathBlock .secHdr h2{font-size:2.4rem;color:#1F1B17;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.pathBlock .secHdr h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#7F7759,#1F1B17)}
.pathBlock .secHdr p{font-size:1.1rem;color:#7F7759;margin:20px 0 0;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.6}
.pathBlock .trackWrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pathBlock .trackCard{background:#F4F3F0;border-radius:20px;padding:32px 24px;text-align:center;position:relative;transition:transform .3s ease,box-shadow .3s ease}
.pathBlock .trackCard:hover{transform:translateY(-6px);box-shadow:0 8px 24px #7f775933}
.pathBlock .trackCard .stepNum{width:56px;height:56px;background:linear-gradient(135deg,#1F1B17,#7F7759);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#F4F3F0;font-size:1.5rem;font-weight:700;margin:0 auto 20px}
.pathBlock .trackCard h3{font-size:1.25rem;color:#1F1B17;margin:0 0 12px;font-weight:600}
.pathBlock .trackCard .desc{font-size:.95rem;color:#7F7759;line-height:1.5;margin:0}
.pathBlock .trackCard .statusBadge{position:absolute;top:16px;right:16px;background:#1F1B17;color:#F4F3F0;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}
.flexContent{background:linear-gradient(215deg,#1F1B17 0%,#7F7759 100%);padding:100px 20px;position:relative}
.flexContent::before{content:'';position:absolute;width:100%;height:2px;top:0;left:0;background:linear-gradient(90deg,transparent,#F4F3F0,transparent)}
.flexContent .fcCont{max-width:1024px;margin:0 auto;display:flex;gap:80px;align-items:flex-start}
.flexContent .leftCol{flex:1}
.flexContent .leftCol h2{font-size:2.6rem;color:#F4F3F0;margin:0 0 28px;font-weight:700;line-height:1.2}
.flexContent .leftCol .introPara{font-size:1.05rem;color:#F4F3F0;opacity:.9;line-height:1.7;margin:0 0 36px}
.flexContent .leftCol .benefitList{list-style:none;margin:0;padding:0}
.flexContent .leftCol .benefitList li{padding-left:40px;margin-bottom:20px;position:relative;color:#F4F3F0;font-size:1rem;line-height:1.6}
.flexContent .leftCol .benefitList li::before{content:'';position:absolute;left:0;top:4px;width:24px;height:24px;background:#F4F3F0;border-radius:50%;display:flex;align-items:center;justify-content:center}
.flexContent .leftCol .benefitList li::after{content:'✓';position:absolute;left:7px;top:4px;color:#1F1B17;font-weight:700;font-size:.9rem}
.flexContent .rightCol{flex:1}
.flexContent .rightCol .tabWrap{background:#f4f3f01a;border-radius:24px;padding:32px;backdrop-filter:blur(10px)}
.flexContent .tabWrap input[type="radio"]{display:none}
.flexContent .tabWrap .tabNav{display:flex;gap:8px;margin-bottom:28px}
.flexContent .tabWrap .tabNav label{flex:1;padding:12px 20px;background:#f4f3f026;color:#F4F3F0;border-radius:16px;text-align:center;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500}
.flexContent .tabWrap .tabNav label:hover{background:#f4f3f040}
.flexContent .tabWrap input[type="radio"]:checked + label{background:#F4F3F0;color:#1F1B17;box-shadow:0 4px 12px #f4f3f04d}
.flexContent .tabWrap .tabPanel{display:none}
.flexContent .tabWrap #tab1:checked ~ .panelWrap .panel1,.flexContent .tabWrap #tab2:checked ~ .panelWrap .panel2,.flexContent .tabWrap #tab3:checked ~ .panelWrap .panelWrap .panel3{display:block}
.flexContent .tabWrap .tabPanel h4{font-size:1.3rem;color:#F4F3F0;margin:0 0 16px;font-weight:600}
.flexContent .tabWrap .tabPanel p{font-size:.95rem;color:#F4F3F0;opacity:.85;line-height:1.6;margin:0 0 20px}
.flexContent .tabWrap .tabPanel .highlight{background:#f4f3f033;padding:16px;border-radius:12px;border-left:3px solid #F4F3F0}
.flexContent .tabWrap .tabPanel .highlight strong{color:#F4F3F0;display:block;margin-bottom:8px;font-weight:600}
.flexContent .tabWrap .tabPanel .highlight span{font-size:.9rem;opacity:.8}
.metricsArea{background:#F4F3F0;padding:80px 20px}
.metricsArea .mCont{max-width:1024px;margin:0 auto}
.metricsArea .gridStat{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}
.metricsArea .statBox{text-align:center;padding:40px 24px;background:#FFF;border-radius:24px;position:relative;overflow:hidden}
.metricsArea .statBox::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#1F1B17,#7F7759)}
.metricsArea .statBox .bigNum{font-size:3.2rem;color:#1F1B17;font-weight:700;margin:0 0 8px;line-height:1}
.metricsArea .statBox .label{font-size:1.05rem;color:#7F7759;margin:0;font-weight:500}
.metricsArea .progWrap{margin-top:50px}
.metricsArea .progWrap h3{font-size:1.8rem;color:#1F1B17;margin:0 0 32px;text-align:center;font-weight:600}
.metricsArea .progItem{margin-bottom:28px}
.metricsArea .progItem .progHead{display:flex;justify-content:space-between;margin-bottom:10px}
.metricsArea .progItem .progHead .progLabel{font-size:1rem;color:#1F1B17;font-weight:600}
.metricsArea .progItem .progHead .progPct{font-size:.95rem;color:#7F7759;font-weight:600}
.metricsArea .progItem .progBar{width:100%;height:12px;background:#FFF;border-radius:20px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #1f1b171a}
.metricsArea .progItem .progBar .progFill{height:100%;background:linear-gradient(90deg,#1F1B17,#7F7759);border-radius:20px;transition:width 1s ease}
.ctaFinal{background:#1F1B17;padding:90px 20px;text-align:center;position:relative;overflow:hidden}
.ctaFinal::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#7f775926 0%,transparent 70%);top:-100px;left:-100px;animation:pulse 8s ease-in-out infinite}
.ctaFinal::after{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,#7f775926 0%,transparent 70%);bottom:-150px;right:-150px;animation:pulse 8s ease-in-out infinite 4s}
@keyframes pulse {
0%,100%{transform:scale(1);opacity:.5}
50%{transform:scale(1.1);opacity:.8}
}
.ctaFinal .cfCont{max-width:720px;margin:0 auto;position:relative;z-index:2}
.ctaFinal h2{font-size:2.8rem;color:#F4F3F0;margin:0 0 24px;font-weight:700;line-height:1.2}
.ctaFinal .finalPara{font-size:1.15rem;color:#F4F3F0;opacity:.9;line-height:1.7;margin:0 0 40px}
.ctaFinal .btnGroup{display:flex;gap:20px;justify-content:center;align-items:center}
.ctaFinal .btnPrim{display:inline-block;padding:16px 42px;background:#F4F3F0;color:#1F1B17;text-decoration:none;border-radius:28px;font-weight:600;font-size:1.05rem;transition:all .3s ease;box-shadow:0 6px 20px #f4f3f04d;position:relative;z-index:10}
.ctaFinal .btnPrim:hover{transform:translateY(-3px);box-shadow:0 10px 30px #f4f3f066;background:#FFF}
.ctaFinal .btnSec{display:inline-block;padding:16px 42px;background:transparent;color:#F4F3F0;text-decoration:none;border-radius:28px;font-weight:600;font-size:1.05rem;border:2px solid #F4F3F0;transition:all .3s ease;position:relative;z-index:10}
.ctaFinal .btnSec:hover{background:#f4f3f01a;border-color:#FFF;color:#FFF}
@media (max-width: 960px) {
.heroWrap .hCont{grid-template-columns:1fr;gap:40px}
.heroWrap .leftTxt h1{font-size:2.4rem}
.pathBlock .trackWrap{grid-template-columns:repeat(2,1fr);gap:20px}
.flexContent .fcCont{flex-direction:column;gap:50px}
.metricsArea .gridStat{grid-template-columns:1fr;gap:24px}
.ctaFinal h2{font-size:2.2rem}
.ctaFinal .btnGroup{flex-direction:column}
}
@media (max-width: 640px) {
.heroWrap{padding:60px 16px 70px}
.heroWrap .leftTxt h1{font-size:2rem}
.heroWrap .leftTxt .subLine{font-size:1rem}
.pathBlock{padding:60px 16px}
.pathBlock .secHdr h2{font-size:1.8rem}
.pathBlock .trackWrap{grid-template-columns:1fr}
.flexContent{padding:70px 16px}
.flexContent .leftCol h2{font-size:2rem}
.flexContent .tabWrap .tabNav{flex-direction:column}
.metricsArea{padding:60px 16px}
.metricsArea .statBox .bigNum{font-size:2.4rem}
.ctaFinal{padding:70px 16px}
.ctaFinal h2{font-size:1.8rem}
.ctaFinal .btnGroup{width:100%}
.ctaFinal .btnPrim,.ctaFinal .btnSec{width:100%;text-align:center}
}
.successWrap{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#F4F3F0 0%,#e8e6e0 100%);position:relative;overflow:hidden}
.successWrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,#7f775908 39px,#7f775908 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#7f775908 39px,#7f775908 40px);pointer-events:none}
.successContainer{max-width:680px;width:100%;margin:0 auto;position:relative;z-index:2}
.successCard{background:linear-gradient(145deg,#fff 0%,#fafaf8 100%);border-radius:24px;padding:60px 48px;box-shadow:0 8px 24px #1f1b1714 0 2px 8px #1f1b170a;text-align:center;position:relative}
.successCard::after{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#7F7759 0%,#1F1B17 100%);border-radius:24px;z-index:-1;opacity:.1}
.iconSuccess{width:88px;height:88px;margin:0 auto 32px;position:relative}
.iconSuccess svg{width:100%;height:100%;display:block}
.checkCircle{fill:none;stroke:#7F7759;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;animation:drawCircle .8s ease-out forwards}
.checkMark{fill:none;stroke:#1F1B17;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50;animation:drawCheck .6s .3s ease-out forwards}
@keyframes drawCircle {
from{stroke-dasharray:0 251}
to{stroke-dasharray:251 251}
}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.successCard h1{font-size:36px;font-weight:700;color:#1F1B17;margin:0 0 16px;line-height:1.2}
.successTxt{font-size:18px;color:#7F7759;line-height:1.6;margin:0 0 40px}
.actionsBox{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btnPrimary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:linear-gradient(135deg,#1F1B17 0%,#3a3530 100%);color:#F4F3F0;text-decoration:none;border-radius:18px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #1f1b1733;position:relative;overflow:hidden;z-index:5}
.btnPrimary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#f4f3f026,transparent);transition:left .5s ease}
.btnPrimary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #1f1b1747}
.btnPrimary:hover::before{left:100%}
.btnSecondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:transparent;color:#1F1B17;text-decoration:none;border-radius:18px;font-size:16px;font-weight:600;border:2px solid #7F7759;transition:all .3s ease;position:relative;z-index:5}
.btnSecondary:hover{background:#7F7759;color:#F4F3F0;transform:translateY(-2px);box-shadow:0 4px 12px #7f775940}
.decorElement{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#7f775914 0%,transparent 70%);pointer-events:none}
.decorElement:nth-child(1){top:-100px;right:-100px}
.decorElement:nth-child(2){bottom:-100px;left:-100px;background:radial-gradient(circle,#1f1b170d 0%,transparent 70%)}
@media (max-width: 768px) {
.successWrap{padding:24px 16px;min-height:75vh}
.successCard{padding:40px 28px;border-radius:20px}
.iconSuccess{width:72px;height:72px;margin-bottom:24px}
.successCard h1{font-size:28px;margin-bottom:12px}
.successTxt{font-size:16px;margin-bottom:32px}
.actionsBox{flex-direction:column;gap:12px}
.btnPrimary,.btnSecondary{width:100%;padding:13px 24px;font-size:15px}
.decorElement{width:140px;height:140px}
.decorElement:nth-child(1){top:-70px;right:-70px}
.decorElement:nth-child(2){bottom:-70px;left:-70px}
}
@media (max-width: 480px) {
.successCard{padding:32px 20px}
.successCard h1{font-size:24px}
.successTxt{font-size:15px}
}