*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Spectral',serif;background:linear-gradient(157deg,#0a0e12 0%,#1a1f26 50%,#0f1419 100%);color:#DFECED;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.topRibbon{background:linear-gradient(113deg,#00677D 0%,#004d5e 100%);padding:12px 0;box-shadow:0 2px 8px #0006}
.ribbonContainer{max-width:1536px;margin:0 auto;padding:0 24px}
.mainNav{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}
.mainNav .navLnk{color:#DFECED;text-decoration:none;font-size:16px;font-weight:400;padding:6px 16px;border-radius:24px;transition:background 200ms ease-in-out}
.mainNav .navLnk:hover{background:#dfeced26}
.brandBanner{background:linear-gradient(147deg,#1a1f26 0%,#0f1419 50%,#1a2129 100%);padding:45px 24px;border-bottom:3px solid #FF271C;box-shadow:0 4px 12px #ff271c33}
.bannerContainer{max-width:1536px;margin:0 auto;display:flex;align-items:center;gap:28px;justify-content:center;flex-wrap:wrap}
.logoWrap{background:#dfeced14;border-radius:28px;padding:16px;box-shadow:0 6px 16px #0000004d inset 0 2px 4px #ffffff0d}
.siteLogo{width:110px;height:110px;display:block}
.companyTitle{text-align:center}
.brandName{font-size:48px;font-weight:700;color:#DFECED;margin-bottom:8px;text-shadow:2px 2px 8px #ff271c66}
.brandTagline{font-size:20px;color:#00677D;font-weight:400}
.ftMainBox{background:linear-gradient(163deg,#0f1419 0%,#1a2129 100%);padding:64px 24px 32px;border-top:4px solid #FF271C}
.ftContainer{max-width:1536px;margin:0 auto}
.ftGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}
.ftBlock{background:#dfeced0a;padding:28px;border-radius:20px;border:1px solid #00677d4d;box-shadow:0 4px 12px #0000004d}
.ftBlock-tall{grid-row:span 2}
.ftBlock-medium{background:#ff271c14;border-color:#ff271c4d}
.ftBlock-short{background:#00677d14;border-color:#00677d66}
.ftHeading{font-size:28px;font-weight:700;color:#FF271C;margin-bottom:16px}
.ftSubheading{font-size:20px;font-weight:700;color:#DFECED;margin-bottom:14px}
.ftText{font-size:15px;color:#DFECED;margin-bottom:20px;line-height:1.7}
.ftContact{display:flex;flex-direction:column;gap:10px}
.ftContactItem{font-size:14px;color:#DFECED;display:flex;align-items:center;gap:10px}
.ftContactItem i{color:#00677D;font-size:18px}
.ftNav{display:flex;flex-direction:column;gap:10px}
.ftLink{color:#DFECED;text-decoration:none;font-size:15px;padding:8px 0;transition:color 150ms ease-in-out;display:inline-block}
.ftLink:hover{color:#FF271C}
.cookieSettingsBtn{background:transparent;border:none;cursor:pointer;padding:8px 0;text-align:left;display:flex;align-items:center;gap:8px}
.cookieSettingsBtn i{font-size:18px}
.ftBottom{background:#0a0e12;padding:20px 24px;border-top:1px solid #00677d33}
.copyrightText{text-align:center;font-size:14px;color:#dfecedb3}
.cookiePopup{position:fixed;bottom:24px;left:24px;max-width:480px;width:calc(100% - 48px);background:linear-gradient(137deg,#1a1f26 0%,#0f1419 100%);border-radius:24px;box-shadow:0 12px 32px #0009;border:2px solid #00677D;z-index:10000;transform:translateY(150%);opacity:0;transition:transform 400ms ease-in-out,opacity 400ms ease-in-out}
.cookiePopup.is-visible{transform:translateY(0);opacity:1}
.cookiePopup.is-hidden{transform:translateY(150%);opacity:0}
.cookieContent{padding:32px}
.cookieHeading{font-size:24px;font-weight:700;color:#DFECED;margin-bottom:12px}
.cookieDesc{font-size:15px;color:#dfecedd9;margin-bottom:24px;line-height:1.6}
.cookieCategories{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}
.cookieCat{background:#dfeced0d;padding:14px 18px;border-radius:16px;border:1px solid #00677d33}
.cookieCatLabel{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:6px}
.cookieCheck{width:20px;height:20px;cursor:pointer;accent-color:#FF271C}
.cookieCatName{font-size:16px;font-weight:700;color:#DFECED}
.cookieCatInfo{font-size:13px;color:#dfecedb3;margin-left:32px;line-height:1.5}
.cookieActions{display:flex;gap:12px;flex-wrap:wrap}
.cookieBtn{flex:1;min-width:120px;padding:12px 20px;border-radius:20px;font-size:15px;font-weight:700;font-family:'Spectral',serif;cursor:pointer;transition:all 200ms ease-in-out;border:2px solid transparent}
.cookieAccept{background:#FF271C;color:#DFECED;border-color:#FF271C}
.cookieAccept:hover{background:#d91f15;box-shadow:0 4px 12px #ff271c66}
.cookieDecline{background:transparent;color:#DFECED;border-color:#00677D}
.cookieDecline:hover{background:#00677d26}
.cookieSave{background:transparent;color:#DFECED;border-color:#DFECED}
.cookieSave:hover{background:#dfeced1a}
@media (max-width: 768px) {
.mainNav{gap:16px}
.mainNav .navLnk{font-size:14px;padding:6px 12px}
.brandBanner{padding:32px 16px}
.bannerContainer{gap:20px}
.siteLogo{width:80px;height:80px}
.brandName{font-size:36px}
.brandTagline{font-size:16px}
.ftMainBox{padding:48px 16px 24px}
.ftGrid{grid-template-columns:1fr;gap:20px}
.ftBlock-tall{grid-row:span 1}
.cookiePopup{left:16px;right:16px;width:calc(100% - 32px);max-width:none}
.cookieContent{padding:24px}
.cookieActions{flex-direction:column}
.cookieBtn{width:100%}
}
@media (max-width: 480px) {
.brandName{font-size:28px}
.brandTagline{font-size:14px}
.cookieHeading{font-size:20px}
}
.doc-box{max-width:1536px;margin:0 auto;padding:80px 24px;background:linear-gradient(142deg,#0a0a0a 0%,#1a1a1a 100%)}
.doc-box h1{font-size:48px;font-weight:700;line-height:1.2;color:#fff;margin:0 0 48px;letter-spacing:-.02em}
.doc-box h2{font-size:36px;font-weight:600;line-height:1.3;color:#DFECED;margin:64px 0 24px;letter-spacing:-.01em}
.doc-box h3{font-size:28px;font-weight:600;line-height:1.4;color:#DFECED;margin:48px 0 20px}
.doc-box h4{font-size:22px;font-weight:600;line-height:1.5;color:#b8c5c7;margin:36px 0 16px}
.doc-box h5{font-size:18px;font-weight:600;line-height:1.5;color:#b8c5c7;margin:28px 0 14px}
.doc-box h6{font-size:16px;font-weight:600;line-height:1.6;color:#9db0b3;margin:24px 0 12px;text-transform:uppercase;letter-spacing:.05em}
.doc-box p{font-size:17px;line-height:1.8;color:#c8d6d9;margin:0 0 24px}
.doc-box ul{margin:0 0 32px;padding:0 0 0 32px;list-style:none}
.doc-box ul li{font-size:17px;line-height:1.8;color:#c8d6d9;margin:0 0 16px;padding:0 0 0 16px;position:relative}
.doc-box ul li::before{content:'';position:absolute;left:-16px;top:12px;width:6px;height:6px;background:linear-gradient(135deg,#FF271C 0%,#00677D 100%);border-radius:50%}
.doc-box ol{margin:0 0 32px;padding:0 0 0 32px;list-style:none;counter-reset:policy-counter}
.doc-box ol li{font-size:17px;line-height:1.8;color:#c8d6d9;margin:0 0 16px;padding:0 0 0 16px;position:relative;counter-increment:policy-counter}
.doc-box ol li::before{content:counter(policy-counter) ".";position:absolute;left:-32px;top:0;font-weight:600;color:#00677D}
.doc-box strong,.doc-box b{font-weight:600;color:#fff}
.doc-box a{color:#00677D;text-decoration:none;border-bottom:1px solid transparent;transition:all 300ms ease-in-out}
.doc-box a:hover{color:#FF271C;border-bottom-color:#FF271C}
.doc-box table{width:100%;border-collapse:collapse;margin:0 0 40px;background:#1a1a1a;border-radius:24px;overflow:hidden;box-shadow:0 4px 12px #0006}
.doc-box thead{background:linear-gradient(135deg,#00677D 0%,#FF271C 100%)}
.doc-box thead tr th{padding:20px 24px;text-align:left;font-size:16px;font-weight:600;color:#fff;letter-spacing:.02em}
.doc-box tbody tr{border-bottom:1px solid #2a2a2a;transition:background 200ms ease-in-out}
.doc-box tbody tr:last-child{border-bottom:none}
.doc-box tbody tr:hover{background:#222}
.doc-box tbody tr td{padding:18px 24px;font-size:16px;line-height:1.6;color:#c8d6d9}
.doc-box hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#00677D 50%,transparent 100%);margin:56px 0}
@media (max-width: 1024px) {
.doc-box{padding:60px 20px}
.doc-box h1{font-size:38px;margin-bottom:36px}
.doc-box h2{font-size:30px;margin:48px 0 20px}
.doc-box h3{font-size:24px;margin:36px 0 16px}
.doc-box table{font-size:15px}
.doc-box thead tr th,.doc-box tbody tr td{padding:14px 16px}
}
@media (max-width: 768px) {
.doc-box{padding:40px 16px}
.doc-box h1{font-size:32px;margin-bottom:28px}
.doc-box h2{font-size:26px;margin:40px 0 16px}
.doc-box h3{font-size:22px;margin:32px 0 14px}
.doc-box h4{font-size:19px}
.doc-box p,.doc-box ul li,.doc-box ol li{font-size:16px;line-height:1.7}
.doc-box ul,.doc-box ol{padding-left:24px}
.doc-box table{display:block;overflow-x:auto;border-radius:16px}
.doc-box thead tr th,.doc-box tbody tr td{padding:12px 14px;font-size:14px}
.doc-box hr{margin:40px 0}
}
.titleBox{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(127deg,#1a1a1a 0%,#0d2228 100%)}
.titleBox .innerWrap{max-width:1536px;margin:0 auto;padding:0 24px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.titleBox .txtZone h1{font-size:3.5rem;line-height:1.1;color:#DFECED;margin:0 0 24px;font-weight:700}
.titleBox .txtZone .accent{color:#FF271C;display:block;margin-top:12px}
.titleBox .txtZone .subline{font-size:1.25rem;line-height:1.6;color:#9db8bd;max-width:520px}
.titleBox .imgZone{position:relative}
.titleBox .imgZone img{width:100%;height:480px;object-fit:cover;border-radius:24px;filter:blur(0);box-shadow:0 8px 32px #0006;position:relative}
.titleBox .imgZone::before{content:'';position:absolute;top:-20px;right:-20px;width:200px;height:200px;background:radial-gradient(circle,#ff271c26 0%,transparent 70%);border-radius:50%;animation:floatPulse 6s ease-in-out infinite}
.titleBox .imgZone::after{content:'';position:absolute;bottom:-30px;left:-30px;width:180px;height:180px;background:radial-gradient(circle,#00677d33 0%,transparent 70%);border-radius:50%;animation:floatPulse 8s ease-in-out infinite 2s}
@keyframes floatPulse {
0%,100%{transform:translate(0,0) scale(1);opacity:.6}
50%{transform:translate(10px,-10px) scale(1.1);opacity:.8}
}
.programWrap{max-width:1536px;margin:80px auto;padding:0 24px}
.programWrap .topHead{text-align:center;margin-bottom:60px}
.programWrap .topHead h2{font-size:2.5rem;color:#DFECED;margin:0 0 16px;font-weight:700}
.programWrap .topHead p{font-size:1.125rem;color:#8fa9af;max-width:680px;margin:0 auto;line-height:1.7}
.programWrap .stageGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}
.programWrap .stageCard{background:linear-gradient(135deg,#1a2428 0%,#0f1a1d 100%);border-radius:20px;padding:36px 28px;position:relative;border:1px solid #00677d33;transition:all 300ms ease-in-out}
.programWrap .stageCard:hover{transform:translateY(-8px);border-color:#00677d80;box-shadow:0 12px 40px #00677d26}
.programWrap .stageCard .numBadge{position:absolute;top:-16px;left:28px;width:48px;height:48px;background:linear-gradient(135deg,#FF271C 0%,#d41f15 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;box-shadow:0 4px 16px #ff271c66}
.programWrap .stageCard h3{font-size:1.5rem;color:#DFECED;margin:24px 0 16px;font-weight:600}
.programWrap .stageCard p{font-size:1rem;color:#8fa9af;line-height:1.6;margin:0 0 20px}
.programWrap .stageCard .detailList{list-style:none;padding:0;margin:0}
.programWrap .stageCard .detailList li{font-size:.9375rem;color:#9db8bd;padding:8px 0;border-bottom:1px solid #dfeced14;position:relative;padding-left:24px}
.programWrap .stageCard .detailList li:last-child{border-bottom:none}
.programWrap .stageCard .detailList li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:linear-gradient(135deg,#00677D 0%,#004d5d 100%);border-radius:50%}
.testimonyBox{background:linear-gradient(157deg,#0d1e22 0%,#1a1a1a 100%);padding:80px 24px;margin-top:80px}
.testimonyBox .innerLimit{max-width:1536px;margin:0 auto}
.testimonyBox .sectionLabel{text-align:center;margin-bottom:48px}
.testimonyBox .sectionLabel h2{font-size:2.25rem;color:#DFECED;margin:0 0 12px;font-weight:700}
.testimonyBox .cardHolder{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.testimonyBox .personCard{background:#1a2428;border-radius:24px;overflow:hidden;border:1px solid #dfeced1a;transition:all 300ms ease-in-out}
.testimonyBox .personCard:hover{border-color:#ff271c4d;box-shadow:0 8px 32px #0000004d}
.testimonyBox .personCard .photoWrap{width:100%;height:280px;overflow:hidden;position:relative}
.testimonyBox .personCard .photoWrap img{width:100%;height:100%;object-fit:cover}
.testimonyBox .personCard .photoWrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#1a2428 0%,transparent 100%)}
.testimonyBox .personCard .txtContent{padding:28px 24px}
.testimonyBox .personCard .txtContent h3{font-size:1.25rem;color:#DFECED;margin:0 0 8px;font-weight:600}
.testimonyBox .personCard .txtContent .role{font-size:.9375rem;color:#00677D;margin-bottom:16px;display:block}
.testimonyBox .personCard .txtContent .quote{font-size:1rem;color:#9db8bd;line-height:1.6;font-style:italic;margin:0}
.testimonyBox .personCard .txtContent .quote::before{content:'"';color:#FF271C;font-size:2rem;font-weight:700;line-height:1;display:block;margin-bottom:8px}
@media (max-width: 1200px) {
.titleBox .innerWrap{gap:40px}
.titleBox .txtZone h1{font-size:3rem}
.programWrap .stageGrid{grid-template-columns:repeat(2,1fr)}
.testimonyBox .cardHolder{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.titleBox{min-height:auto;padding:60px 0}
.titleBox .innerWrap{grid-template-columns:1fr;gap:32px}
.titleBox .txtZone h1{font-size:2.25rem}
.titleBox .txtZone .subline{font-size:1.125rem}
.titleBox .imgZone img{height:320px}
.programWrap{margin:60px auto}
.programWrap .topHead h2{font-size:2rem}
.programWrap .stageGrid{grid-template-columns:1fr;gap:24px}
.testimonyBox{padding:60px 24px}
.testimonyBox .sectionLabel h2{font-size:1.875rem}
.testimonyBox .cardHolder{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 480px) {
.titleBox .txtZone h1{font-size:1.875rem}
.titleBox .imgZone img{height:260px}
.programWrap .topHead h2{font-size:1.75rem}
.programWrap .stageCard{padding:32px 20px}
.testimonyBox .sectionLabel h2{font-size:1.625rem}
.testimonyBox .personCard .photoWrap{height:240px}
}
.heroTilt{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(138deg,#0a1a1e 0%,#1a2d35 48%,#0f1f26 100%)}
.heroTilt .imgLayer{position:absolute;top:-8%;right:-5%;width:62%;height:116%;transform:rotate(-4deg);overflow:hidden;z-index:1}
.heroTilt .imgLayer img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.15);mix-blend-mode:screen;opacity:.24}
.heroTilt .decor1{position:absolute;top:12%;right:18%;width:340px;height:340px;background:linear-gradient(225deg,#ff271c26 0%,#00677d14 100%);border-radius:50%;z-index:2;animation:floatSlow 18s ease-in-out infinite}
.heroTilt .decor2{position:absolute;bottom:8%;right:5%;width:220px;height:220px;background:linear-gradient(45deg,#00677d1f 0%,#dfeced0d 100%);border-radius:28px;transform:rotate(22deg);z-index:2;animation:floatMedium 14s ease-in-out infinite}
@keyframes floatSlow {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(-18px,-24px) rotate(5deg)}
}
@keyframes floatMedium {
0%,100%{transform:translate(0,0) rotate(22deg)}
50%{transform:translate(12px,18px) rotate(28deg)}
}
.heroTilt .contentWrap{position:relative;z-index:3;max-width:1536px;margin:0 auto;padding:0 28px;width:100%}
.heroTilt .txtBox{max-width:640px}
.heroTilt .txtBox h1{font-size:3.2rem;line-height:1.15;color:#DFECED;margin:0 0 24px;font-weight:700}
.heroTilt .txtBox .subline{font-size:1.28rem;line-height:1.6;color:#dfecedd1;margin:0 0 36px}
.heroTilt .txtBox .ctaGrp{display:flex;gap:18px;flex-wrap:wrap}
.heroTilt .btnPrime{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#FF271C 0%,#d91f15 100%);color:#DFECED;font-size:1.05rem;font-weight:600;border-radius:24px;text-decoration:none;transition:transform 180ms ease-in-out,box-shadow 180ms ease-in-out;box-shadow:0 4px 14px #ff271c52;z-index:10;position:relative}
.heroTilt .btnPrime:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ff271c6b}
.heroTilt .btnSec{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:#00677d2e;color:#DFECED;font-size:1.05rem;font-weight:600;border-radius:24px;text-decoration:none;border:2px solid #00677d66;transition:background 180ms ease-in-out,border-color 180ms ease-in-out;z-index:10;position:relative}
.heroTilt .btnSec:hover{background:#00677d47;border-color:#00677da6}
.interactWrap{max-width:1536px;margin:0 auto;padding:92px 28px;background:linear-gradient(172deg,#0f1d23 0%,#1a2f38 100%)}
.interactWrap .secHd{text-align:center;margin-bottom:56px}
.interactWrap .secHd h2{font-size:2.6rem;color:#DFECED;margin:0 0 16px;font-weight:700}
.interactWrap .secHd p{font-size:1.15rem;color:#dfecedbd;max-width:720px;margin:0 auto;line-height:1.65}
.interactWrap .gridFour{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.interactWrap .cardInt{background:#ffffff08;padding:32px 24px;border-radius:20px;border:1px solid #dfeced14;transition:transform 220ms ease-in-out,border-color 220ms ease-in-out;position:relative;overflow:hidden}
.interactWrap .cardInt::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FF271C 0%,#00677D 100%);transform:scaleX(0);transform-origin:left;transition:transform 280ms ease-in-out}
.interactWrap .cardInt:hover{transform:translateY(-5px);border-color:#00677d52}
.interactWrap .cardInt:hover::before{transform:scaleX(1)}
.interactWrap .cardInt .icnBox{width:56px;height:56px;background:linear-gradient(135deg,#ff271c24 0%,#00677d24 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.interactWrap .cardInt .icnBox i{font-size:1.8rem;color:#FF271C}
.interactWrap .cardInt h3{font-size:1.35rem;color:#DFECED;margin:0 0 14px;font-weight:600}
.interactWrap .cardInt p{font-size:.98rem;color:#dfecedad;line-height:1.6;margin:0}
.ecosysSection{background:linear-gradient(195deg,#121f26 0%,#0d1a20 100%);padding:88px 28px;position:relative;overflow:hidden}
.ecosysSection::after{content:'';position:absolute;bottom:-120px;right:-80px;width:380px;height:380px;background:radial-gradient(circle,#00677d1f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.ecosysSection .innerBox{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.ecosysSection .splitLay{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ecosysSection .txtSide h2{font-size:2.5rem;color:#DFECED;margin:0 0 22px;font-weight:700;position:relative;display:inline-block}
.ecosysSection .txtSide h2::before{content:'';position:absolute;bottom:-8px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#FF271C 0%,#00677D 100%);border-radius:8px}
.ecosysSection .txtSide p{font-size:1.08rem;color:#dfecedb8;line-height:1.7;margin:28px 0 0}
.ecosysSection .imgSide{position:relative}
.ecosysSection .imgSide img{width:100%;height:auto;border-radius:24px;box-shadow:0 12px 32px #00000061;object-fit:cover}
.ecosysSection .featList{display:flex;flex-direction:column;gap:18px;margin-top:32px}
.ecosysSection .featItm{display:flex;align-items:flex-start;gap:14px;padding:18px;background:#ffffff05;border-radius:16px;border-left:3px solid #00677D;transition:background 200ms ease-in-out}
.ecosysSection .featItm:hover{background:#ffffff0a}
.ecosysSection .featItm i{font-size:1.5rem;color:#FF271C;flex-shrink:0;margin-top:2px}
.ecosysSection .featItm .ftTxt h4{font-size:1.12rem;color:#DFECED;margin:0 0 6px;font-weight:600}
.ecosysSection .featItm .ftTxt p{font-size:.95rem;color:#dfeceda8;margin:0;line-height:1.55}
.problemSolve{max-width:1536px;margin:0 auto;padding:96px 28px;background:linear-gradient(188deg,#0e1c22 0%,#152730 100%)}
.problemSolve .hdWrap{text-align:center;margin-bottom:64px}
.problemSolve .hdWrap h2{font-size:2.55rem;color:#DFECED;margin:0 0 18px;font-weight:700}
.problemSolve .hdWrap .subTxt{font-size:1.12rem;color:#dfecedb3;max-width:680px;margin:0 auto;line-height:1.65}
.problemSolve .tabWrap{position:relative}
.problemSolve input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.problemSolve .tabNav{display:flex;justify-content:center;gap:16px;margin-bottom:48px;flex-wrap:wrap}
.problemSolve .tabNav label{padding:14px 28px;background:#ffffff08;color:#dfecedad;border-radius:20px;cursor:pointer;font-size:1.05rem;font-weight:600;border:2px solid transparent;transition:background 180ms ease-in-out,color 180ms ease-in-out,border-color 180ms ease-in-out;position:relative;z-index:10}
.problemSolve .tabNav label:hover{background:#ffffff0f;color:#dfecedd9}
.problemSolve input[type="radio"]:checked + label{background:linear-gradient(135deg,#ff271c2e 0%,#00677d2e 100%);color:#DFECED;border-color:#00677d73}
.problemSolve .tabContent{display:none}
.problemSolve #tab1:checked ~ .tabPanels .tabContent.panel1,.problemSolve #tab2:checked ~ .tabPanels .tabContent.panel2,.problemSolve #tab3:checked ~ .tabPanels .tabContent.panel3{display:block;animation:fadeIn 360ms ease-in-out}
@keyframes fadeIn {
from{opacity:0;transform:translateY(12px)}
to{opacity:1;transform:translateY(0)}
}
.problemSolve .tabContent .gridTwo{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.problemSolve .probBox{background:#ff271c14;padding:32px 28px;border-radius:20px;border:1px solid #ff271c33}
.problemSolve .probBox h3{font-size:1.45rem;color:#FF271C;margin:0 0 16px;font-weight:700;display:flex;align-items:center;gap:12px}
.problemSolve .probBox h3 i{font-size:1.6rem}
.problemSolve .probBox p{font-size:1.02rem;color:#dfecedbd;line-height:1.65;margin:0}
.problemSolve .solBox{background:#00677d14;padding:32px 28px;border-radius:20px;border:1px solid #00677d33}
.problemSolve .solBox h3{font-size:1.45rem;color:#00677D;margin:0 0 16px;font-weight:700;display:flex;align-items:center;gap:12px}
.problemSolve .solBox h3 i{font-size:1.6rem}
.problemSolve .solBox p{font-size:1.02rem;color:#dfecedbd;line-height:1.65;margin:0}
.personalizeZone{background:linear-gradient(210deg,#0c1a1f 0%,#162831 100%);padding:88px 28px;position:relative}
.personalizeZone::before{content:'';position:absolute;top:-100px;left:-60px;width:320px;height:320px;background:radial-gradient(circle,#ff271c14 0%,transparent 70%);border-radius:50%;pointer-events:none}
.personalizeZone .innerCont{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.personalizeZone .topHd{text-align:center;margin-bottom:52px}
.personalizeZone .topHd h2{font-size:2.6rem;color:#DFECED;margin:0 0 18px;font-weight:700}
.personalizeZone .topHd p{font-size:1.1rem;color:#dfecedb8;max-width:700px;margin:0 auto;line-height:1.65}
.personalizeZone .cardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.personalizeZone .persCard{background:#ffffff0a;padding:36px 28px;border-radius:24px;border:1px solid #dfeced1a;position:relative;overflow:hidden;transition:transform 240ms ease-in-out,box-shadow 240ms ease-in-out}
.personalizeZone .persCard::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#FF271C 0%,#00677D 100%);transform:scaleX(0);transform-origin:left;transition:transform 320ms ease-in-out}
.personalizeZone .persCard:hover{transform:translateY(-6px);box-shadow:0 10px 26px #0000004d}
.personalizeZone .persCard:hover::after{transform:scaleX(1)}
.personalizeZone .persCard .icnRound{width:64px;height:64px;background:linear-gradient(135deg,#ff271c29 0%,#00677d29 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.personalizeZone .persCard .icnRound i{font-size:2rem;color:#FF271C}
.personalizeZone .persCard h3{font-size:1.4rem;color:#DFECED;margin:0 0 14px;font-weight:600}
.personalizeZone .persCard p{font-size:.98rem;color:#dfecedb3;line-height:1.6;margin:0}
.qualityStand{max-width:1536px;margin:0 auto;padding:92px 28px;background:linear-gradient(185deg,#0f1e24 0%,#1a2d36 100%)}
.qualityStand .mainHd{text-align:center;margin-bottom:58px}
.qualityStand .mainHd h2{font-size:2.65rem;color:#DFECED;margin:0 0 18px;font-weight:700}
.qualityStand .mainHd .desc{font-size:1.12rem;color:#dfecedbd;max-width:720px;margin:0 auto;line-height:1.65}
.qualityStand .statsWrap{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-bottom:56px}
.qualityStand .statCard{background:#ffffff08;padding:32px 24px;border-radius:20px;text-align:center;border:1px solid #dfeced14;position:relative;transition:border-color 200ms ease-in-out}
.qualityStand .statCard:hover{border-color:#00677d4d}
.qualityStand .statCard .numVal{font-size:2.8rem;font-weight:700;color:#FF271C;margin:0 0 10px;display:block}
.qualityStand .statCard .lblTxt{font-size:1.05rem;color:#dfecedc2;margin:0}
.qualityStand .testimGrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.qualityStand .testimonCard{background:#ffffff0a;padding:32px 28px;border-radius:24px;border-left:4px solid #00677D;display:flex;flex-direction:column;gap:20px}
.qualityStand .testimonCard .quoteTxt{font-size:1.08rem;color:#dfecedc7;line-height:1.7;font-style:italic;margin:0}
.qualityStand .testimonCard .authorBox{display:flex;align-items:center;gap:16px}
.qualityStand .testimonCard .authorBox img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #00677d66}
.qualityStand .testimonCard .authorBox .authInfo h4{font-size:1.1rem;color:#DFECED;margin:0 0 4px;font-weight:600}
.qualityStand .testimonCard .authorBox .authInfo p{font-size:.92rem;color:#dfeceda3;margin:0}
@media (max-width: 1200px) {
.heroTilt .imgLayer{width:50%;right:-8%}
.ecosysSection .splitLay{gap:40px}
.problemSolve .tabContent .gridTwo{gap:32px}
.personalizeZone .cardGrid{grid-template-columns:repeat(2,1fr)}
.qualityStand .statsWrap{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 968px) {
.heroTilt{min-height:74vh}
.heroTilt .imgLayer{width:58%;opacity:.4}
.heroTilt .txtBox h1{font-size:2.6rem}
.heroTilt .txtBox .subline{font-size:1.15rem}
.interactWrap .secHd h2{font-size:2.2rem}
.ecosysSection .splitLay{grid-template-columns:1fr;gap:48px}
.ecosysSection .txtSide h2{font-size:2.2rem}
.problemSolve .hdWrap h2{font-size:2.2rem}
.problemSolve .tabContent .gridTwo{grid-template-columns:1fr;gap:28px}
.personalizeZone .topHd h2{font-size:2.3rem}
.qualityStand .mainHd h2{font-size:2.3rem}
.qualityStand .testimGrid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.heroTilt{min-height:68vh}
.heroTilt .imgLayer{display:none}
.heroTilt .txtBox h1{font-size:2rem}
.heroTilt .txtBox .subline{font-size:1.05rem}
.heroTilt .txtBox .ctaGrp{flex-direction:column}
.heroTilt .btnPrime,.heroTilt .btnSec{width:100%;justify-content:center}
.interactWrap{padding:64px 20px}
.interactWrap .secHd h2{font-size:1.9rem}
.interactWrap .gridFour{grid-template-columns:1fr}
.ecosysSection{padding:64px 20px}
.ecosysSection .txtSide h2{font-size:1.9rem}
.problemSolve{padding:68px 20px}
.problemSolve .hdWrap h2{font-size:1.9rem}
.problemSolve .tabNav{flex-direction:column}
.problemSolve .tabNav label{width:100%;text-align:center}
.personalizeZone{padding:64px 20px}
.personalizeZone .topHd h2{font-size:1.9rem}
.personalizeZone .cardGrid{grid-template-columns:1fr}
.qualityStand{padding:68px 20px}
.qualityStand .mainHd h2{font-size:1.9rem}
.qualityStand .statsWrap{grid-template-columns:1fr}
}
.titleBx{position:relative;background:linear-gradient(157deg,#1a1d2e 0%,#0f1118 100%);padding:120px 24px 100px;overflow:hidden}
.titleBx .contentWrp{max-width:1536px;margin:0 auto;position:relative;z-index:3}
.titleBx .imgLeftSd{position:absolute;left:0;top:50%;transform:translateY(-50%);width:280px;height:380px;opacity:.15;z-index:1}
.titleBx .imgLeftSd img{width:100%;height:100%;object-fit:cover;border-radius:24px;filter:grayscale(100%) blur(1px)}
.titleBx .imgRightSd{position:absolute;right:0;top:50%;transform:translateY(-50%);width:320px;height:420px;opacity:.12;z-index:1}
.titleBx .imgRightSd img{width:100%;height:100%;object-fit:cover;border-radius:28px;filter:grayscale(100%) blur(2px)}
.titleBx .geomShape{position:absolute;background:linear-gradient(210deg,#ff271c14,#00677d0f);border-radius:50%;z-index:2}
.titleBx .geomShape:nth-child(1){width:440px;height:440px;top:-120px;left:15%}
.titleBx .geomShape:nth-child(2){width:340px;height:340px;bottom:-80px;right:20%}
.titleBx .centerTxt{text-align:center;max-width:840px;margin:0 auto}
.titleBx .hdgPrimary{font-size:56px;font-weight:700;color:#DFECED;margin:0 0 24px;line-height:1.1}
.titleBx .quteTxt{font-size:21px;color:#dfecedbf;line-height:1.6;margin:0;font-style:italic}
.contactInfoSec{background:linear-gradient(195deg,#15181f 0%,#1e2230 100%);padding:90px 24px;position:relative}
.contactInfoSec::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,#ff271c66 30%,#00677d66 70%,transparent)}
.contactInfoSec .wrapperInr{max-width:1536px;margin:0 auto}
.contactInfoSec .topIntro{max-width:720px;margin:0 auto 60px;text-align:center}
.contactInfoSec .secHdg{font-size:42px;font-weight:700;color:#DFECED;margin:0 0 16px;line-height:1.2}
.contactInfoSec .subTxt{font-size:18px;color:#dfecedb3;line-height:1.7;margin:0}
.contactInfoSec .infoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:50px}
.contactInfoSec .infoCrd{background:#ffffff08;border:1px solid #dfeced1a;border-radius:20px;padding:36px 28px;transition:all 320ms ease-in-out;position:relative}
.contactInfoSec .infoCrd::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#FF271C,#00677D);border-radius:20px 20px 0 0;opacity:0;transition:opacity 300ms ease-in-out}
.contactInfoSec .infoCrd:hover{background:#ffffff0d;border-color:#dfeced33;transform:translateY(-4px);box-shadow:0 12px 28px #00000059}
.contactInfoSec .infoCrd:hover::before{opacity:1}
.contactInfoSec .infoCrd .iconWrp{width:64px;height:64px;background:linear-gradient(135deg,#ff271c26,#00677d26);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.contactInfoSec .infoCrd .iconWrp i{font-size:32px;color:#FF271C}
.contactInfoSec .infoCrd .crdHdg{font-size:22px;font-weight:600;color:#DFECED;margin:0 0 12px}
.contactInfoSec .infoCrd .crdTxt{font-size:16px;color:#dfeceda6;line-height:1.6;margin:0 0 16px}
.contactInfoSec .infoCrd .lnkItem{color:#00677D;text-decoration:none;font-size:16px;display:inline-flex;align-items:center;gap:8px;transition:color 200ms ease-in-out}
.contactInfoSec .infoCrd .lnkItem:hover{color:#FF271C}
.contactInfoSec .infoCrd .lnkItem i{font-size:18px}
.formMainSec{background:linear-gradient(172deg,#0d0f16 0%,#1a1d28 100%);padding:100px 24px;position:relative}
.formMainSec::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,#ff271c0f 0%,transparent 70%);top:-200px;right:-100px;pointer-events:none}
.formMainSec .containerInr{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start}
.formMainSec .leftInfo{position:sticky;top:40px}
.formMainSec .leftInfo .mainHdg{font-size:38px;font-weight:700;color:#DFECED;margin:0 0 20px;line-height:1.2}
.formMainSec .leftInfo .dscTxt{font-size:17px;color:#dfecedad;line-height:1.7;margin:0 0 36px}
.formMainSec .leftInfo .featList{list-style:none;padding:0;margin:0}
.formMainSec .leftInfo .featList li{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;font-size:16px;color:#dfecedb3;line-height:1.6}
.formMainSec .leftInfo .featList li i{color:#FF271C;font-size:20px;margin-top:2px;flex-shrink:0}
.formMainSec .formArea{background:#ffffff0a;border:1px solid #dfeced1f;border-radius:24px;padding:48px 40px;box-shadow:0 8px 32px #0000004d}
.formMainSec .formArea .formHdg{font-size:28px;font-weight:600;color:#DFECED;margin:0 0 32px}
.formMainSec .formBx{display:flex;flex-direction:column;gap:24px}
.formMainSec .formRow{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.formMainSec .formGrp{display:flex;flex-direction:column;gap:8px}
.formMainSec .formGrp label{font-size:15px;font-weight:500;color:#dfecedcc}
.formMainSec .formGrp input[type="text"],.formMainSec .formGrp input[type="email"],.formMainSec .formGrp input[type="tel"]{background:#ffffff0d;border:1px solid #dfeced26;border-radius:12px;padding:16px 18px;font-size:16px;color:#DFECED;transition:all 250ms ease-in-out}
.formMainSec .formGrp input:focus{outline:none;border-color:#00677D;background:#ffffff14;box-shadow:0 0 0 3px #00677d26}
.formMainSec .checkArea{margin-top:8px}
.formMainSec .checkArea .chkHdg{font-size:16px;font-weight:500;color:#dfecedcc;margin:0 0 12px}
.formMainSec .checkArea .optionWrp{display:flex;flex-direction:column;gap:12px}
.formMainSec .checkArea .chkOption{display:flex;align-items:center;gap:10px}
.formMainSec .checkArea .chkOption input[type="checkbox"]{width:20px;height:20px;cursor:pointer;accent-color:#FF271C}
.formMainSec .checkArea .chkOption label{font-size:15px;color:#dfecedb3;cursor:pointer}
.formMainSec .privacyChk{margin-top:16px;display:flex;align-items:flex-start;gap:10px}
.formMainSec .privacyChk input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#FF271C;flex-shrink:0}
.formMainSec .privacyChk label{font-size:14px;color:#dfeceda6;line-height:1.5;cursor:pointer}
.formMainSec .privacyChk label a{color:#00677D;text-decoration:none;transition:color 200ms ease-in-out}
.formMainSec .privacyChk label a:hover{color:#FF271C}
.formMainSec .submitBtnWrp{margin-top:12px}
.formMainSec .submitBt{background:linear-gradient(135deg,#FF271C,#d41f15);border:none;border-radius:16px;padding:18px 48px;font-size:17px;font-weight:600;color:#DFECED;cursor:pointer;transition:all 280ms ease-in-out;box-shadow:0 4px 16px #ff271c4d;position:relative;z-index:10}
.formMainSec .submitBt:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff271c73;background:linear-gradient(135deg,#ff3b2f,#FF271C)}
.formMainSec .submitBt:active{transform:translateY(0)}
.quickLinksSec{background:linear-gradient(165deg,#1a1d2e 0%,#12151d 100%);padding:80px 24px}
.quickLinksSec .wrpInr{max-width:1536px;margin:0 auto}
.quickLinksSec .hdgTop{text-align:center;margin-bottom:48px}
.quickLinksSec .hdgTop h2{font-size:36px;font-weight:700;color:#DFECED;margin:0 0 12px}
.quickLinksSec .hdgTop p{font-size:17px;color:#dfeceda6;margin:0}
.quickLinksSec .linkGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.quickLinksSec .linkCrd{background:#ffffff08;border:1px solid #dfeced1a;border-radius:18px;padding:32px 24px;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:16px;transition:all 300ms ease-in-out;position:relative;overflow:hidden}
.quickLinksSec .linkCrd::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff271c0d,#00677d0d);opacity:0;transition:opacity 300ms ease-in-out}
.quickLinksSec .linkCrd:hover{transform:translateY(-6px);border-color:#dfeced40;box-shadow:0 10px 30px #0006}
.quickLinksSec .linkCrd:hover::before{opacity:1}
.quickLinksSec .linkCrd .iconArea{width:72px;height:72px;background:linear-gradient(135deg,#ff271c1f,#00677d1f);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}
.quickLinksSec .linkCrd .iconArea i{font-size:34px;color:#FF271C}
.quickLinksSec .linkCrd .crdTitle{font-size:20px;font-weight:600;color:#DFECED;margin:0;position:relative;z-index:2}
.quickLinksSec .linkCrd .crdDesc{font-size:15px;color:#dfeced99;line-height:1.5;margin:0;position:relative;z-index:2}
.mapNoteSec{background:#0d0f16;padding:70px 24px;border-top:1px solid #dfeced14}
.mapNoteSec .innerWrp{max-width:1536px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}
.mapNoteSec .noteHdg{font-size:32px;font-weight:700;color:#DFECED;margin:0}
.mapNoteSec .noteTxt{font-size:17px;color:#dfecedb3;line-height:1.7;max-width:700px;margin:0}
.mapNoteSec .addressBox{background:#ffffff0a;border:1px solid #dfeced1f;border-radius:16px;padding:24px 32px;margin-top:12px}
.mapNoteSec .addressBox .addrTxt{font-size:18px;font-weight:500;color:#DFECED;margin:0 0 8px}
.mapNoteSec .addressBox .addrDetail{font-size:16px;color:#dfeceda6;margin:0}
@media (max-width: 1024px) {
.titleBx .imgLeftSd,.titleBx .imgRightSd{display:none}
.titleBx .hdgPrimary{font-size:44px}
.titleBx .quteTxt{font-size:19px}
.formMainSec .containerInr{grid-template-columns:1fr;gap:48px}
.formMainSec .leftInfo{position:static}
}
@media (max-width: 768px) {
.titleBx{padding:80px 20px 70px}
.titleBx .hdgPrimary{font-size:36px}
.titleBx .quteTxt{font-size:18px}
.contactInfoSec{padding:60px 20px}
.contactInfoSec .secHdg{font-size:32px}
.contactInfoSec .infoGrid{grid-template-columns:1fr}
.formMainSec{padding:70px 20px}
.formMainSec .formArea{padding:32px 24px}
.formMainSec .formRow{grid-template-columns:1fr}
.quickLinksSec{padding:60px 20px}
.quickLinksSec .hdgTop h2{font-size:28px}
.quickLinksSec .linkGrid{grid-template-columns:1fr}
.mapNoteSec{padding:50px 20px}
.mapNoteSec .noteHdg{font-size:26px}
}
.hero-intro-wrap{background:linear-gradient(128deg,#1a1a1c 0%,#0d1416 48%,#14191c 100%);padding:120px 24px 80px;position:relative;overflow:hidden}
.hero-intro-wrap::before{content:'';position:absolute;top:0;right:0;width:600px;height:600px;background:radial-gradient(circle,#00677d1f 0%,transparent 70%);pointer-events:none}
.hero-intro-wrap::after{content:'';position:absolute;bottom:0;left:10%;width:1px;height:140px;background:linear-gradient(to bottom,transparent,#dfeced26,transparent)}
.intro-limiter{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.intro-txt-section h1{font-size:3.2rem;font-weight:700;line-height:1.15;color:#DFECED;margin:0 0 24px;position:relative;padding-left:28px}
.intro-txt-section h1::before{content:'';position:absolute;left:0;top:8px;width:4px;height:56px;background:linear-gradient(135deg,#FF271C 0%,#00677D 100%);border-radius:4px}
.intro-txt-section .sub-statement{font-size:1.25rem;line-height:1.7;color:#dfecedd1;margin:0 0 40px;max-width:580px}
.hero-cta-box{display:inline-block;padding:16px 36px;background:linear-gradient(110deg,#FF271C 0%,#d41f15 100%);color:#DFECED;text-decoration:none;border-radius:24px;font-size:1.05rem;font-weight:600;transition:transform 200ms ease-in-out,box-shadow 300ms ease-in-out;box-shadow:0 4px 16px #ff271c40}
.hero-cta-box:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff271c59}
.intro-visual-zone{position:relative}
.intro-visual-zone img{width:100%;height:auto;max-height:460px;object-fit:cover;border-radius:28px;box-shadow:0 12px 48px #00000080;position:relative}
.intro-visual-zone::before{content:'';position:absolute;top:-20px;right:-20px;width:180px;height:180px;border:2px solid #00677d4d;border-radius:28px;z-index:-1}
.narrative-segment{padding:100px 24px;background:linear-gradient(156deg,#0f1314 0%,#1c1f21 100%);position:relative}
.narrative-limiter{max-width:1536px;margin:0 auto;display:flex;gap:72px;align-items:flex-start}
.narrative-txt-box{flex:1.4}
.narrative-txt-box h2{font-size:2.4rem;font-weight:700;color:#DFECED;margin:0 0 32px;line-height:1.25}
.narrative-txt-box h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#00677D 0%,transparent 100%);margin-top:16px;border-radius:4px}
.storyPara{font-size:1.1rem;line-height:1.75;color:#dfecedc7;margin:0 0 28px}
.narrative-image-area{flex:1;position:relative}
.narrative-image-area img{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:24px;box-shadow:0 8px 32px #0006}
.narrative-image-area::after{content:'';position:absolute;bottom:-16px;left:-16px;width:120px;height:120px;background:radial-gradient(circle,#ff271c26 0%,transparent 70%);border-radius:50%;z-index:-1}
.values-display{padding:90px 24px;background:linear-gradient(225deg,#14181a 0%,#0d1214 100%)}
.values-container{max-width:1536px;margin:0 auto}
.values-hd{text-align:center;margin-bottom:64px}
.values-hd h2{font-size:2.6rem;font-weight:700;color:#DFECED;margin:0 0 16px;position:relative;display:inline-block}
.values-hd h2::before{content:'';position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#FF271C 0%,#00677D 100%);border-radius:4px}
.values-hd p{font-size:1.15rem;color:#dfecedb3;margin:0}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.value-item{background:linear-gradient(145deg,#1a1e20 0%,#12161a 100%);padding:44px 32px;border-radius:20px;border:1px solid #dfeced14;position:relative;overflow:hidden;transition:transform 250ms ease-in-out,box-shadow 300ms ease-in-out}
.value-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FF271C 0%,#00677D 100%);transform:scaleX(0);transform-origin:left;transition:transform 400ms ease-in-out}
.value-item:hover::before{transform:scaleX(1)}
.value-item:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000080}
.value-icon-box{width:56px;height:56px;background:linear-gradient(135deg,#00677d33 0%,#ff271c26 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.value-icon-box i{font-size:28px;color:#00677D}
.value-item h3{font-size:1.5rem;font-weight:600;color:#DFECED;margin:0 0 16px}
.value-item p{font-size:1rem;line-height:1.65;color:#dfecedb8;margin:0}
.team-voices-section{padding:100px 24px;background:linear-gradient(192deg,#0d1416 0%,#1a1d20 100%);position:relative}
.team-voices-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#dfeced1f,transparent)}
.voices-limiter{max-width:1536px;margin:0 auto}
.voices-title-zone{margin-bottom:56px}
.voices-title-zone h2{font-size:2.5rem;font-weight:700;color:#DFECED;margin:0 0 20px;line-height:1.2}
.voices-title-zone .subtitle-text{font-size:1.15rem;color:#dfecedbf;margin:0;max-width:720px}
.team-cards-row{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.member-card-box{background:linear-gradient(140deg,#15191c 0%,#0f1315 100%);border-radius:24px;padding:40px;display:flex;gap:32px;align-items:flex-start;border:1px solid #dfeced0f;position:relative;overflow:hidden;transition:border-color 300ms ease-in-out}
.member-card-box::after{content:'';position:absolute;bottom:0;right:0;width:200px;height:200px;background:radial-gradient(circle,#00677d14 0%,transparent 70%);pointer-events:none}
.member-card-box:hover{border-color:#00677d33}
.member-photo-zone img{width:120px;height:120px;border-radius:20px;object-fit:cover;box-shadow:0 6px 24px #0006}
.member-details-zone h3{font-size:1.6rem;font-weight:600;color:#DFECED;margin:0 0 8px}
.member-role-label{font-size:.95rem;color:#00677D;margin:0 0 20px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.member-details-zone p{font-size:1.05rem;line-height:1.7;color:#dfecedbd;margin:0}
.action-bottom-zone{padding:100px 24px;background:linear-gradient(168deg,#12161a 0%,#0d1114 100%);text-align:center;position:relative}
.action-bottom-zone::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,#ff271c0f 0%,transparent 70%);pointer-events:none}
.action-content-box{max-width:1536px;margin:0 auto;position:relative;z-index:1}
.action-content-box h2{font-size:2.8rem;font-weight:700;color:#DFECED;margin:0 0 24px;line-height:1.2}
.action-content-box p{font-size:1.2rem;line-height:1.65;color:#dfecedc7;margin:0 auto 44px;max-width:680px}
.action-btn-row{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.primary-action-btn{display:inline-block;padding:18px 44px;background:linear-gradient(115deg,#FF271C 0%,#d41f15 100%);color:#DFECED;text-decoration:none;border-radius:28px;font-size:1.1rem;font-weight:600;transition:transform 200ms ease-in-out,box-shadow 300ms ease-in-out;box-shadow:0 6px 20px #ff271c4d}
.primary-action-btn:hover{transform:translateY(-3px);box-shadow:0 10px 32px #ff271c66}
.secondary-action-btn{display:inline-block;padding:18px 44px;background:transparent;color:#00677D;text-decoration:none;border-radius:28px;font-size:1.1rem;font-weight:600;border:2px solid #00677D;transition:background 250ms ease-in-out,color 250ms ease-in-out}
.secondary-action-btn:hover{background:#00677D;color:#DFECED}
@media (max-width: 1024px) {
.intro-limiter{grid-template-columns:1fr;gap:48px}
.intro-txt-section h1{font-size:2.6rem}
.narrative-limiter{flex-direction:column;gap:48px}
.values-grid{grid-template-columns:repeat(2,1fr);gap:32px}
.team-cards-row{grid-template-columns:1fr;gap:36px}
.action-content-box h2{font-size:2.2rem}
}
@media (max-width: 768px) {
.hero-intro-wrap{padding:80px 20px 60px}
.intro-txt-section h1{font-size:2.2rem;padding-left:20px}
.intro-txt-section h1::before{height:44px}
.intro-txt-section .sub-statement{font-size:1.1rem}
.narrative-segment{padding:70px 20px}
.narrative-txt-box h2{font-size:2rem}
.values-display{padding:70px 20px}
.values-hd h2{font-size:2.2rem}
.values-grid{grid-template-columns:1fr;gap:28px}
.team-voices-section{padding:70px 20px}
.voices-title-zone h2{font-size:2.1rem}
.member-card-box{flex-direction:column;padding:32px 24px;gap:24px}
.action-bottom-zone{padding:70px 20px}
.action-content-box h2{font-size:1.9rem}
.action-btn-row{flex-direction:column;align-items:center}
.primary-action-btn,.secondary-action-btn{width:100%;max-width:320px}
}
.methodologyHd{background:linear-gradient(142deg,#0a1a1d 0%,#1a0e0d 100%);padding:80px 20px;position:relative;overflow:hidden}
.methodologyHd::before{content:'';position:absolute;top:-50%;right:-10%;width:80%;height:200%;background:repeating-linear-gradient(-45deg,transparent,transparent 40px,#00677d08 40px,#00677d08 80px);pointer-events:none}
.methodologyHd::after{content:'';position:absolute;bottom:-30%;left:-5%;width:60%;height:150%;background:repeating-linear-gradient(135deg,transparent,transparent 50px,#ff271c05 50px,#ff271c05 100px);pointer-events:none}
.methodBox{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.methodTxtWrap h1{font-size:52px;line-height:1.2;color:#DFECED;margin:0 0 24px;font-weight:700}
.methodTxtWrap .hdDesc{font-size:18px;line-height:1.7;color:#b8c5c7;margin:0}
.methodImgBox{position:relative}
.methodImgBox img{width:100%;height:480px;object-fit:cover;border-radius:24px;filter:brightness(0.85) contrast(1.1);box-shadow:0 12px 32px #0006}
.approachWrap{background:linear-gradient(167deg,#121212 0%,#0d1517 100%);padding:100px 20px}
.approachInner{max-width:1536px;margin:0 auto}
.approachInner h2{font-size:42px;color:#DFECED;margin:0 0 16px;font-weight:700}
.approachInner .secIntro{font-size:17px;line-height:1.6;color:#9eabad;margin:0 0 60px;max-width:880px}
.stepsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.stepItem{background:linear-gradient(135deg,#1a1a1a 0%,#141a1c 100%);border-radius:20px;padding:40px 32px;border:1px solid #dfeced14;transition:all 300ms ease-in-out;position:relative}
.stepItem:hover{transform:translateY(-6px);border-color:#00677d4d;box-shadow:0 8px 24px #00677d26}
.stepNum{font-size:64px;font-weight:700;background:linear-gradient(135deg,#FF271C 0%,#00677D 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 20px;line-height:1}
.stepItem h3{font-size:24px;color:#DFECED;margin:0 0 16px;font-weight:600}
.stepItem .stepTxt{font-size:16px;line-height:1.6;color:#9eabad;margin:0}
.frameworkBox{background:#0d1415;padding:100px 20px}
.frameworkInner{max-width:1536px;margin:0 auto;display:flex;gap:80px;align-items:flex-start}
.frameworkLeft{flex:1;position:sticky;top:100px}
.frameworkLeft h2{font-size:40px;color:#DFECED;margin:0 0 20px;font-weight:700}
.frameworkLeft .secNote{font-size:17px;line-height:1.6;color:#9eabad;margin:0}
.frameworkRight{flex:1.4}
.pillarCard{background:linear-gradient(128deg,#181818 0%,#121a1c 100%);border-radius:24px;padding:44px;margin-bottom:28px;border-left:4px solid transparent;transition:all 250ms ease-in-out}
.pillarCard:nth-child(1){border-left-color:#FF271C}
.pillarCard:nth-child(2){border-left-color:#00677D}
.pillarCard:nth-child(3){border-left-color:#DFECED}
.pillarCard:hover{transform:translateX(8px);box-shadow:0 6px 20px #ff271c1f}
.pillarCard h4{font-size:26px;color:#DFECED;margin:0 0 16px;font-weight:600}
.pillarCard .pillarInfo{font-size:16px;line-height:1.7;color:#9eabad;margin:0}
.visualsArea{background:linear-gradient(154deg,#0f0f0f 0%,#0a1316 100%);padding:100px 20px}
.visualsContainer{max-width:1536px;margin:0 auto}
.visualsContainer h2{font-size:42px;color:#DFECED;margin:0 0 60px;text-align:center;font-weight:700}
.dualShowcase{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:60px}
.showcaseUnit{position:relative}
.showcaseUnit img{width:100%;height:420px;object-fit:cover;border-radius:28px;filter:brightness(0.8) contrast(1.15);box-shadow:0 10px 28px #00000059}
.showcaseUnit .caption{margin-top:20px;font-size:16px;color:#9eabad;line-height:1.6}
.testimonialSec{background:linear-gradient(171deg,#121212 0%,#0d1517 100%);padding:100px 20px}
.testimonialBx{max-width:1536px;margin:0 auto}
.testimonialBx h2{font-size:40px;color:#DFECED;margin:0 0 64px;text-align:center;font-weight:700}
.reviewsFlex{display:flex;gap:40px;justify-content:center}
.reviewCard{background:linear-gradient(145deg,#1a1a1a 0%,#141a1c 100%);border-radius:24px;padding:48px 40px;max-width:520px;border:1px solid #dfeced14;position:relative}
.reviewCard::before{content:'';position:absolute;top:32px;left:40px;width:48px;height:48px;background:linear-gradient(135deg,#FF271C 0%,#00677D 100%);border-radius:50%;opacity:.15}
.authorMeta{display:flex;gap:20px;align-items:center;margin-bottom:28px;position:relative;z-index:1}
.authorMeta img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #00677d4d}
.authorInfo h5{font-size:20px;color:#DFECED;margin:0 0 6px;font-weight:600}
.authorInfo .roleLabel{font-size:15px;color:#00677D;margin:0}
.reviewCard .reviewText{font-size:17px;line-height:1.7;color:#b8c5c7;margin:0;position:relative;z-index:1}
@media (max-width: 1200px) {
.methodBox{grid-template-columns:1fr;gap:40px}
.methodTxtWrap h1{font-size:44px}
.stepsGrid{grid-template-columns:repeat(2,1fr)}
.frameworkInner{flex-direction:column;gap:50px}
.frameworkLeft{position:static}
}
@media (max-width: 768px) {
.methodologyHd{padding:60px 20px}
.methodTxtWrap h1{font-size:36px}
.methodImgBox img{height:320px}
.approachWrap,.frameworkBox,.visualsArea,.testimonialSec{padding:70px 20px}
.approachInner h2,.frameworkLeft h2,.visualsContainer h2,.testimonialBx h2{font-size:32px}
.stepsGrid{grid-template-columns:1fr;gap:24px}
.stepItem{padding:32px 24px}
.stepNum{font-size:52px}
.pillarCard{padding:32px 24px}
.dualShowcase{grid-template-columns:1fr;gap:32px}
.showcaseUnit img{height:320px}
.reviewsFlex{flex-direction:column;gap:28px}
.reviewCard{padding:36px 28px}
}
@media (max-width: 480px) {
.methodTxtWrap h1{font-size:30px}
.methodImgBox img{height:280px;border-radius:20px}
.approachInner h2,.frameworkLeft h2,.visualsContainer h2,.testimonialBx h2{font-size:28px}
.stepNum{font-size:44px}
.stepItem h3{font-size:21px}
.pillarCard h4{font-size:23px}
.showcaseUnit img{height:260px;border-radius:20px}
.authorMeta img{width:64px;height:64px}
}
.successWrap{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(147deg,#0a1214 0%,#162328 35%,#1a2d34 70%,#0f1a1f 100%);position:relative;overflow:hidden}
.successWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#00677d26 0%,transparent 70%);border-radius:50%;pointer-events:none}
.successWrap::after{content:'';position:absolute;bottom:-40%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#ff271c14 0%,transparent 65%);border-radius:50%;pointer-events:none}
.confirmBox{max-width:680px;width:100%;background:linear-gradient(135deg,#1a2930 0%,#0f1a20 100%);border-radius:24px;padding:60px 50px;box-shadow:0 12px 40px #00000059 0 0 0 1px #dfeced14;position:relative;z-index:1}
.iconRing{width:96px;height:96px;margin:0 auto 32px;background:linear-gradient(147deg,#00677D 0%,#004d5f 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 24px #00677d66}
.iconRing::before{content:'';position:absolute;inset:-8px;border:2px solid #00677D;border-radius:50%;opacity:.3}
.iconRing .las{font-size:48px;color:#DFECED}
.msgHd{font-size:36px;font-weight:700;color:#DFECED;text-align:center;margin:0 0 16px;letter-spacing:-.02em}
.msgSubline{font-size:18px;color:#a8bfc5;text-align:center;margin:0 0 40px;line-height:1.6}
.detailGrid{background:#dfeced0a;border-radius:16px;padding:28px;margin:0 0 36px;border:1px solid #dfeced14}
.dtRow{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #dfeced0f}
.dtRow:last-child{border-bottom:none;padding-bottom:0}
.dtRow:first-child{padding-top:0}
.dtLbl{font-size:15px;color:#8a9fa6;display:flex;align-items:center;gap:8px}
.dtLbl .las{font-size:20px;color:#00677D}
.dtVal{font-size:15px;color:#DFECED;font-weight:600}
.nextStepBox{background:linear-gradient(135deg,#ff271c14 0%,#00677d0f 100%);border-radius:16px;padding:24px;margin:0 0 36px;border:1px solid #ff271c26}
.nextStepHd{font-size:18px;font-weight:700;color:#DFECED;margin:0 0 14px;display:flex;align-items:center;gap:10px}
.nextStepHd .las{color:#FF271C;font-size:22px}
.nextStepTxt{font-size:15px;color:#a8bfc5;line-height:1.7;margin:0}
.actionRow{display:flex;gap:16px;flex-wrap:wrap}
.btPrimary{flex:1;min-width:180px;padding:16px 32px;background:linear-gradient(135deg,#FF271C 0%,#d61f15 100%);color:#DFECED;text-decoration:none;border-radius:20px;font-size:16px;font-weight:600;text-align:center;transition:all 240ms ease-in-out;box-shadow:0 6px 20px #ff271c4d;border:none;cursor:pointer}
.btPrimary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ff271c73;background:linear-gradient(135deg,#ff3d32 0%,#e6251a 100%)}
.btSecondary{flex:1;min-width:180px;padding:16px 32px;background:#00677d26;color:#00677D;text-decoration:none;border-radius:20px;font-size:16px;font-weight:600;text-align:center;transition:all 240ms ease-in-out;border:2px solid #00677D;cursor:pointer}
.btSecondary:hover{background:#00677d40;transform:translateY(-2px);border-color:#008ca8}
.footNote{text-align:center;font-size:14px;color:#6b8087;margin:28px 0 0;line-height:1.6}
@media (max-width: 768px) {
.successWrap{padding:30px 16px;min-height:80vh}
.confirmBox{padding:40px 28px;border-radius:20px}
.iconRing{width:80px;height:80px;margin-bottom:24px}
.iconRing .las{font-size:40px}
.msgHd{font-size:28px;margin-bottom:12px}
.msgSubline{font-size:16px;margin-bottom:32px}
.detailGrid{padding:20px;margin-bottom:28px}
.dtRow{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 0}
.nextStepBox{padding:20px;margin-bottom:28px}
.nextStepHd{font-size:16px}
.nextStepTxt{font-size:14px}
.actionRow{flex-direction:column}
.btPrimary,.btSecondary{min-width:100%}
.footNote{font-size:13px}
}
@media (max-width: 480px) {
.confirmBox{padding:32px 20px}
.msgHd{font-size:24px}
.detailGrid{padding:16px}
}