*{box-sizing:inherit}
html{box-sizing:border-box;scroll-behavior:smooth}
body{margin:0;padding:0;font-family:'Inconsolata',monospace;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);color:#EBEBEB;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.topBar{background:radial-gradient(ellipse at top,#08385A 0%,#0a0a0a 70%);padding:18px 0;box-shadow:0 4px 12px #00000080}
.topBar__inner{max-width:1440px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
.logoBlock{display:flex;align-items:center}
.logoLink{display:block;width:110px;height:110px;border-radius:8px;background:#07c48714;padding:12px;box-shadow:0 6px 16px #07c48726 inset 0 2px 4px #ffffff0d;transition:transform 280ms ease,box-shadow 280ms ease}
.logoLink:hover{transform:translateY(-2px);box-shadow:0 8px 20px #07c48740 inset 0 2px 4px #ffffff14}
.logoImg{width:100%;height:100%;display:block;object-fit:contain}
.mainNav{display:flex;gap:32px;align-items:center}
.navLink{color:#EBEBEB;text-decoration:none;font-size:16px;font-weight:400;padding:8px 14px;border-radius:6px;transition:background 280ms ease,color 280ms ease;white-space:nowrap}
.navLink:hover{background:#07c4871f;color:#07C487}
.brandBar{background:linear-gradient(90deg,#08385a4d 0%,#07c48726 50%,#08385a4d 100%);padding:28px 0;box-shadow:inset 0 3px 8px #0006}
.brandBar__inner{max-width:1440px;margin:0 auto;padding:0 20px;text-align:center}
.companyTitle{font-size:42px;font-weight:700;color:#07C487;margin:0;text-shadow:0 2px 8px #07c48780 0 4px 16px #07c4874d;letter-spacing:1px}
.footerWrap{background:linear-gradient(135deg,#EBEBEB 0%,#d4d4d4 100%);padding:48px 20px 24px;margin-top:60px;box-shadow:0 -8px 24px #0000004d}
.footerGrid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:32px}
.footerCol{display:flex;flex-direction:column}
.footerHead{font-size:20px;font-weight:700;color:#08385A;margin:0 0 16px}
.footerLinks{display:flex;flex-direction:column;gap:10px}
.footLink{color:#08385A;text-decoration:none;font-size:15px;transition:color 280ms ease}
.footLink:hover{color:#07C487}
.footerText{color:#08385A;font-size:15px;margin:0 0 8px;line-height:1.7}
.footerBottom{max-width:1440px;margin:0 auto;padding-top:24px;border-top:2px solid #08385a33;text-align:center}
.copyrightText{color:#08385A;font-size:14px;margin:0}
.cookieBox{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:90%;max-width:720px;background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 100%);border:1px solid #07c4874d;border-radius:10px;box-shadow:0 12px 32px #000000b3 0 0 20px #07c48733;padding:28px;z-index:10000;opacity:0;transition:opacity 350ms ease-out}
.cookieBox[data-state="visible"]{opacity:1}
.cookieBox[data-state="hidden"]{display:none}
.cookieBox__content{display:flex;flex-direction:column;gap:20px}
.cookieBox__main{display:flex;flex-direction:column;gap:12px}
.cookieBox__title{font-size:22px;font-weight:700;color:#07C487;margin:0}
.cookieBox__desc{font-size:15px;color:#EBEBEB;margin:0;line-height:1.5}
.cookieBox__details{margin-top:8px}
.detailsToggle{background:transparent;border:none;color:#07C487;font-family:'Inconsolata',monospace;font-size:14px;cursor:pointer;padding:0;text-decoration:underline;transition:color 280ms ease}
.detailsToggle:hover{color:#05a36f}
.detailsPanel{display:none;margin-top:16px;padding:16px;background:#08385a26;border-radius:6px;border-left:3px solid #07C487}
.detailsItem{margin-bottom:12px}
.detailsItem:last-child{margin-bottom:0}
.detailsItem__head{font-size:16px;font-weight:700;color:#07C487;margin:0 0 4px}
.detailsItem__text{font-size:14px;color:#EBEBEB;margin:0;line-height:1.4}
.cookieBox__actions{display:flex;gap:16px;justify-content:flex-end}
.cookieBtn{background:transparent;border:none;color:#EBEBEB;font-family:'Inconsolata',monospace;font-size:15px;cursor:pointer;padding:8px 16px;text-decoration:underline;transition:color 280ms ease}
.cookieBtn:hover{color:#07C487}
.cookieBtn--accept{font-weight:700}
.cookieBtn--decline{font-weight:400}
@media (max-width: 768px) {
.topBar__inner{flex-direction:column;gap:20px}
.mainNav{flex-wrap:wrap;justify-content:center;gap:16px}
.companyTitle{font-size:32px}
.footerGrid{grid-template-columns:1fr;gap:28px}
.cookieBox{width:95%;padding:20px}
.cookieBox__actions{flex-direction:column;gap:12px}
.cookieBtn{width:100%;text-align:center}
}
@media (max-width: 480px) {
.logoLink{width:80px;height:80px}
.navLink{font-size:14px;padding:6px 10px}
.companyTitle{font-size:26px}
.cookieBox__title{font-size:18px}
.cookieBox__desc{font-size:14px}
}
.policy-details{max-width:1440px;margin:0 auto;padding:80px 24px;background:linear-gradient(180deg,#0a0a0a 0%,#121212 100%);color:#EBEBEB}
.policy-details p{font-size:16px;line-height:1.75;margin:0 0 24px;color:#d4d4d4;font-weight:400}
.policy-details p:last-child{margin-bottom:0}
.policy-details p strong{color:#EBEBEB;font-weight:600}
.policy-details ul{margin:0 0 28px;padding:0 0 0 28px;list-style-type:none}
.policy-details ul li{position:relative;font-size:16px;line-height:1.7;margin:0 0 14px;color:#d4d4d4;padding-left:12px}
.policy-details ul li:before{content:'';position:absolute;left:-16px;top:11px;width:6px;height:6px;background:linear-gradient(135deg,#07C487 0%,#08385A 100%);border-radius:50%}
.policy-details ol{margin:0 0 28px;padding:0 0 0 28px;counter-reset:policy-counter;list-style:none}
.policy-details ol li{position:relative;font-size:16px;line-height:1.7;margin:0 0 14px;color:#d4d4d4;counter-increment:policy-counter;padding-left:12px}
.policy-details ol li:before{content:counter(policy-counter) ".";position:absolute;left:-28px;color:#07C487;font-weight:600}
.policy-details table{width:100%;margin:0 0 32px;border-collapse:collapse;background:#08385a26;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0006}
.policy-details table thead{background:linear-gradient(135deg,#07c48733 0%,#08385a4d 100%)}
.policy-details table thead tr{border-bottom:2px solid #07c4874d}
.policy-details table thead th{padding:18px 20px;text-align:left;font-size:15px;font-weight:600;color:#EBEBEB;text-transform:uppercase;letter-spacing:.5px}
.policy-details table tbody tr{border-bottom:1px solid #ebebeb1a;transition:background 280ms ease}
.policy-details table tbody tr:hover{background:#07c4870d}
.policy-details table tbody tr:last-child{border-bottom:none}
.policy-details table tbody td{padding:16px 20px;font-size:15px;color:#d4d4d4;line-height:1.6}
.policy-details hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#07c48766 50%,transparent 100%);margin:48px 0}
.policy-details div{margin:0 0 24px}
.policy-details div p{margin-bottom:16px}
.policy-details div ul{margin-bottom:20px}
.policy-details div ol{margin-bottom:20px}
@media (max-width: 1024px) {
.policy-details{padding:64px 20px}
.policy-details p{font-size:15px}
.policy-details ul li{font-size:15px}
.policy-details ol li{font-size:15px}
.policy-details table{font-size:14px}
.policy-details table thead th{padding:14px 16px;font-size:14px}
.policy-details table tbody td{padding:12px 16px;font-size:14px}
}
@media (max-width: 768px) {
.policy-details{padding:48px 16px}
.policy-details p{font-size:14px;margin-bottom:20px}
.policy-details ul{padding-left:20px;margin-bottom:24px}
.policy-details ul li{font-size:14px;margin-bottom:12px}
.policy-details ol{padding-left:20px;margin-bottom:24px}
.policy-details ol li{font-size:14px;margin-bottom:12px}
.policy-details table{display:block;overflow-x:auto;margin-bottom:28px}
.policy-details table thead th{padding:12px 14px;font-size:13px;white-space:nowrap}
.policy-details table tbody td{padding:10px 14px;font-size:13px}
.policy-details hr{margin:36px 0}
.policy-details div{margin-bottom:20px}
}
@media (max-width: 480px) {
.policy-details{padding:40px 12px}
.policy-details p{font-size:14px;line-height:1.65}
.policy-details ul{padding-left:16px}
.policy-details ol{padding-left:16px}
.policy-details table thead th{padding:10px 12px;font-size:12px}
.policy-details table tbody td{padding:8px 12px;font-size:12px}
}
.heroWrap{background:linear-gradient(135deg,#08385A 0%,#07C487 100%);position:relative;overflow:hidden;padding:80px 20px}
.heroWrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:200%;background:repeating-linear-gradient(45deg,#ebebeb08,#ebebeb08 20px,transparent 20px,transparent 40px);transform:rotate(15deg)}
.heroInner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.heroText h1{font-size:3.2rem;line-height:1.2;color:#EBEBEB;margin:0 0 20px;font-weight:700}
.heroText h1 span{color:#07C487;display:inline-block;position:relative}
.heroText h1 span::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:#07C487}
.heroText p{font-size:1.15rem;line-height:1.7;color:#EBEBEB;margin:0;opacity:.95}
.heroVisual{position:relative}
.heroVisual img{width:100%;height:450px;object-fit:cover;border-radius:8px;filter:brightness(0.75) contrast(1.1);box-shadow:0 12px 32px #0006}
@media (max-width: 768px) {
.heroInner{grid-template-columns:1fr;gap:40px}
.heroText h1{font-size:2.2rem}
.heroVisual img{height:300px}
}
.motivationSection{background:#0f1419;padding:100px 20px}
.motivationContainer{max-width:1440px;margin:0 auto}
.motivationHeader{text-align:center;margin-bottom:70px}
.motivationHeader h2{font-size:2.6rem;color:#EBEBEB;margin:0 0 16px;font-weight:600}
.motivationHeader p{font-size:1.1rem;color:#EBEBEB;opacity:.8;max-width:680px;margin:0 auto;line-height:1.6}
.motivationGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.motivationCard{background:linear-gradient(145deg,#1a2128 0%,#111820 100%);border:1px solid #07c48726;border-radius:10px;padding:40px 32px;transition:all 320ms ease;position:relative;overflow:hidden}
.motivationCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#07C487 0%,#08385A 100%);transform:scaleX(0);transform-origin:left;transition:transform 350ms ease}
.motivationCard:hover::before{transform:scaleX(1)}
.motivationCard:hover{transform:translateY(-6px);border-color:#07c48766;box-shadow:0 16px 40px #07c48726}
.motivationIcon{width:56px;height:56px;margin-bottom:24px}
.motivationIcon svg{width:100%;height:100%;fill:#07C487}
.motivationCard h3{font-size:1.5rem;color:#EBEBEB;margin:0 0 14px;font-weight:600}
.motivationCard p{font-size:1rem;line-height:1.65;color:#EBEBEB;opacity:.85;margin:0}
@media (max-width: 992px) {
.motivationGrid{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px) {
.motivationGrid{grid-template-columns:1fr}
}
.businessBlock{background:#151d24;padding:90px 20px}
.businessInner{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:80px}
.businessContent{flex:1}
.businessContent h2{font-size:2.4rem;color:#EBEBEB;margin:0 0 24px;font-weight:600;position:relative;display:inline-block}
.businessContent h2::before{content:'';position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:6px;height:60%;background:#07C487;border-radius:3px}
.businessContent p{font-size:1.05rem;line-height:1.7;color:#EBEBEB;opacity:.88;margin:0 0 28px}
.businessList{list-style:none;padding:0;margin:0 0 32px}
.businessList li{font-size:1rem;color:#EBEBEB;opacity:.9;padding:12px 0 12px 36px;position:relative;line-height:1.6}
.businessList li::before{content:'';position:absolute;left:0;top:18px;width:20px;height:20px;background:radial-gradient(circle,#07C487 0%,#08385A 100%);border-radius:50%}
.businessList li::after{content:'✓';position:absolute;left:6px;top:15px;color:#0f1419;font-size:.85rem;font-weight:700}
.businessImage{flex:1}
.businessImage img{width:100%;height:480px;object-fit:cover;border-radius:10px;box-shadow:0 14px 36px #00000073}
@media (max-width: 968px) {
.businessInner{flex-direction:column;gap:50px}
.businessImage img{height:360px}
}
.developmentZone{background:linear-gradient(160deg,#08385A 0%,#0f1419 100%);padding:100px 20px;position:relative}
.developmentZone::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#07C487 50%,transparent 100%)}
.developmentWrap{max-width:1440px;margin:0 auto}
.developmentHeader{text-align:center;margin-bottom:60px}
.developmentHeader h2{font-size:2.5rem;color:#EBEBEB;margin:0 0 18px;font-weight:600}
.developmentHeader p{font-size:1.08rem;color:#EBEBEB;opacity:.83;max-width:720px;margin:0 auto;line-height:1.65}
.pathwayContainer{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#07c4871a;border-radius:8px;overflow:hidden}
.pathwayStep{background:#1a2128;padding:42px 28px;text-align:center;position:relative;transition:all 300ms ease}
.pathwayStep:hover{background:#1f2830;transform:scale(1.03);z-index:10}
.stepNumber{width:48px;height:48px;background:linear-gradient(135deg,#07C487 0%,#08385A 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.3rem;color:#0f1419;font-weight:700}
.pathwayStep h3{font-size:1.3rem;color:#EBEBEB;margin:0 0 12px;font-weight:600}
.pathwayStep p{font-size:.95rem;line-height:1.6;color:#EBEBEB;opacity:.82;margin:0}
@media (max-width: 1024px) {
.pathwayContainer{grid-template-columns:1fr 1fr}
}
@media (max-width: 580px) {
.pathwayContainer{grid-template-columns:1fr}
}
.trustArea{background:#0f1419;padding:90px 20px}
.trustBox{max-width:1440px;margin:0 auto}
.trustIntro{text-align:center;margin-bottom:70px}
.trustIntro h2{font-size:2.5rem;color:#EBEBEB;margin:0 0 16px;font-weight:600}
.trustIntro p{font-size:1.06rem;color:#EBEBEB;opacity:.84;max-width:680px;margin:0 auto;line-height:1.65}
.trustMetrics{display:flex;justify-content:space-around;align-items:stretch;gap:50px;margin-bottom:60px}
.metricBox{flex:1;background:linear-gradient(135deg,#1a2128 0%,#111820 100%);border-radius:12px;padding:50px 30px;text-align:center;border:1px solid #07c4871f;position:relative;overflow:hidden}
.metricBox::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#07C487 0%,#08385A 100%)}
.metricValue{font-size:3.2rem;color:#07C487;font-weight:700;margin:0 0 10px;line-height:1}
.metricLabel{font-size:1.15rem;color:#EBEBEB;opacity:.88;margin:0;font-weight:500}
.credentialsList{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.credItem{background:#151d24;border-left:4px solid #07C487;padding:28px 32px;border-radius:6px;transition:all 280ms ease}
.credItem:hover{background:#1a2128;transform:translateX(8px)}
.credItem h4{font-size:1.35rem;color:#EBEBEB;margin:0 0 10px;font-weight:600}
.credItem p{font-size:.98rem;line-height:1.65;color:#EBEBEB;opacity:.83;margin:0}
@media (max-width: 968px) {
.trustMetrics{flex-direction:column;gap:30px}
.credentialsList{grid-template-columns:1fr}
}
.trialSection{background:linear-gradient(145deg,#151d24 0%,#0f1419 100%);padding:100px 20px}
.trialLayout{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.trialVisuals img{width:100%;height:500px;object-fit:cover;border-radius:10px;box-shadow:0 18px 48px #00000080}
.trialDetails h2{font-size:2.6rem;color:#EBEBEB;margin:0 0 22px;font-weight:600}
.trialDetails p{font-size:1.08rem;line-height:1.7;color:#EBEBEB;opacity:.86;margin:0 0 32px}
.benefitGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}
.benefitItem{background:#07c4870f;border:1px solid #07c4872e;border-radius:8px;padding:20px 24px;transition:all 270ms ease}
.benefitItem:hover{background:#07c4871a;border-color:#07c48759}
.benefitItem h5{font-size:1.1rem;color:#07C487;margin:0 0 8px;font-weight:600}
.benefitItem p{font-size:.94rem;line-height:1.6;color:#EBEBEB;opacity:.85;margin:0}
.trialCta{display:inline-block;background:linear-gradient(135deg,#07C487 0%,#08385A 100%);color:#EBEBEB;font-size:1.1rem;font-weight:600;padding:16px 48px;border-radius:8px;text-decoration:none;transition:all 300ms ease;box-shadow:0 8px 24px #07c48740}
.trialCta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #07c48766}
@media (max-width: 968px) {
.trialLayout{grid-template-columns:1fr;gap:50px}
.trialVisuals img{height:380px}
.benefitGrid{grid-template-columns:1fr}
}
.inspirationZone{background:#08385A;padding:90px 20px;position:relative}
.inspirationZone::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,#07c48714 0%,transparent 50%);pointer-events:none}
.inspirationContainer{max-width:1440px;margin:0 auto;position:relative;z-index:2}
.inspirationTop{text-align:center;margin-bottom:60px}
.inspirationTop h2{font-size:2.5rem;color:#EBEBEB;margin:0 0 18px;font-weight:600}
.inspirationTop p{font-size:1.08rem;color:#EBEBEB;opacity:.88;max-width:700px;margin:0 auto;line-height:1.7}
.storyCards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.storyCard{background:#0f141999;border:1px solid #ebebeb1a;border-radius:10px;padding:36px 30px;transition:all 310ms ease}
.storyCard:hover{background:#0f1419d9;border-color:#07c4874d;transform:translateY(-6px)}
.storyQuote{font-size:1.05rem;line-height:1.7;color:#EBEBEB;opacity:.9;margin:0 0 24px;font-style:italic;position:relative;padding-left:20px}
.storyQuote::before{content:'"';position:absolute;left:0;top:-8px;font-size:3rem;color:#07C487;line-height:1}
.storyAuthor{display:flex;align-items:center;gap:16px;padding-top:20px;border-top:1px solid #ebebeb14}
.authorIcon{width:48px;height:48px;background:linear-gradient(135deg,#07C487 0%,#08385A 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.authorIcon svg{width:24px;height:24px;fill:#EBEBEB}
.authorInfo h6{font-size:1.05rem;color:#EBEBEB;margin:0 0 4px;font-weight:600}
.authorInfo p{font-size:.9rem;color:#EBEBEB;opacity:.7;margin:0}
@media (max-width: 992px) {
.storyCards{grid-template-columns:1fr;gap:28px}
}
.contactHeroLayout{background:linear-gradient(135deg,#08385A 0%,#0a2738 100%);padding:80px 20px;position:relative;overflow:hidden}
.contactHeroLayout::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,#07c48726,transparent 50%);animation:pulseGlow 8s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{opacity:.3;transform:scale(1)}
50%{opacity:.6;transform:scale(1.1)}
}
.heroContentWrapper{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.titleSplitSection h1{font-size:58px;line-height:1.1;color:#EBEBEB;margin:0 0 30px;position:relative}
.titleSplitSection h1::before{content:'';position:absolute;left:-20px;top:10px;width:4px;height:80%;background:linear-gradient(180deg,#07C487,transparent)}
.titleSplitSection .subheadText{font-size:18px;color:#ebebebcc;line-height:1.6;max-width:520px}
.visualMosaicGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,80px);gap:12px}
.mosaicCell{background:linear-gradient(45deg,#07C487,#08385A);border-radius:8px;position:relative;overflow:hidden;animation:gradientShift 6s ease-in-out infinite}
.mosaicCell:nth-child(1){grid-column:1 / 3;grid-row:1 / 2;animation-delay:0s}
.mosaicCell:nth-child(2){grid-column:3 / 4;grid-row:1 / 3;animation-delay:.5s}
.mosaicCell:nth-child(3){grid-column:1 / 2;grid-row:2 / 4;animation-delay:1s}
.mosaicCell:nth-child(4){grid-column:2 / 4;grid-row:3 / 4;animation-delay:1.5s}
@keyframes gradientShift {
0%,100%{background-position:0 50%}
50%{background-position:100% 50%}
}
.mosaicCell::after{content:'';position:absolute;inset:1px;background:#08385a4d;border-radius:7px}
.detailsContactBlock{background:#0f1b28;padding:100px 20px}
.detailsInnerWrap{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:80px}
.infoDisplayZone h2{font-size:42px;color:#07C487;margin:0 0 40px;position:relative;display:inline-block}
.infoDisplayZone h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#07C487,transparent)}
.contactMethodList{display:flex;flex-direction:column;gap:32px}
.methodItem{display:flex;align-items:flex-start;gap:20px;padding:24px;background:#07c4870d;border-radius:10px;border-left:3px solid #07C487;transition:all .3s ease}
.methodItem:hover{background:#07c4871a;transform:translateX(8px)}
.methodIcon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#07C487,#08385A);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.methodIcon i{font-size:22px;color:#EBEBEB}
.methodContent h3{font-size:18px;color:#EBEBEB;margin:0 0 8px}
.methodContent p{font-size:15px;color:#ebebebb3;margin:0;line-height:1.5}
.methodContent a{color:#07C487;text-decoration:none;transition:color .3s ease}
.methodContent a:hover{color:#05a16d}
.formContainer{background:#08385a4d;padding:50px;border-radius:12px;border:1px solid #07c48733;box-shadow:0 12px 36px #0000004d}
.formContainer h3{font-size:28px;color:#EBEBEB;margin:0 0 30px}
.formFieldGroup{margin-bottom:24px}
.formFieldGroup label{display:block;font-size:14px;color:#07C487;margin-bottom:8px;font-weight:500}
.formFieldGroup input[type="email"]{width:100%;padding:16px 20px;background:#08385a80;border:1px solid #07c4874d;border-radius:8px;color:#EBEBEB;font-size:16px;transition:all .3s ease}
.formFieldGroup input[type="email"]:focus{outline:none;border-color:#07C487;background:#08385ab3}
.timePreferenceWrap{margin-bottom:28px}
.timePreferenceWrap label{display:block;font-size:14px;color:#07C487;margin-bottom:12px;font-weight:500}
.timeOptionsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.timeOption{position:relative}
.timeOption input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.timeOption label{display:block;padding:14px 20px;background:#08385a80;border:1px solid #07c4874d;border-radius:8px;color:#ebebebb3;text-align:center;cursor:pointer;transition:all .3s ease;font-size:14px;margin:0}
.timeOption input[type="radio"]:checked + label{background:linear-gradient(135deg,#07c48733,#08385a99);border-color:#07C487;color:#EBEBEB}
.timeOption label:hover{border-color:#07C487;background:#07c48714}
.privacyCheckWrap{margin-bottom:28px;display:flex;align-items:flex-start;gap:12px}
.privacyCheckWrap input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0}
.privacyCheckWrap label{font-size:14px;color:#ebebebb3;line-height:1.5;cursor:pointer;margin:0}
.privacyCheckWrap a{color:#07C487;text-decoration:none}
.privacyCheckWrap a:hover{text-decoration:underline}
.submitButtonArea{text-align:center}
.submitBtn{padding:18px 60px;background:linear-gradient(135deg,#07C487,#05a16d);border:none;border-radius:8px;color:#EBEBEB;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #07c4874d;position:relative;z-index:10}
.submitBtn:hover{background:linear-gradient(135deg,#05a16d,#048759);box-shadow:0 8px 28px #07c48780;transform:translateY(-2px)}
.operatingHoursZone{background:linear-gradient(180deg,#0a2738 0%,#08385A 100%);padding:100px 20px}
.hoursContainer{max-width:1440px;margin:0 auto;text-align:center}
.hoursContainer h2{font-size:38px;color:#07C487;margin:0 0 50px;position:relative;display:inline-block}
.hoursContainer h2::before{content:'';position:absolute;width:80px;height:2px;background:#07C487;top:-15px;left:50%;transform:translateX(-50%)}
.scheduleDisplay{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:900px;margin:0 auto}
.dayCard{background:#08385a66;padding:32px 24px;border-radius:10px;border:1px solid #07c48733;transition:all .35s ease}
.dayCard:hover{border-color:#07C487;transform:translateY(-6px);box-shadow:0 10px 30px #07c48733}
.dayCard h4{font-size:18px;color:#EBEBEB;margin:0 0 12px}
.dayCard p{font-size:15px;color:#ebebebcc;margin:0}
.locationAccessSection{background:#0f1b28;padding:100px 20px}
.locationWrapper{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.addressDetailsArea h2{font-size:42px;color:#07C487;margin:0 0 35px}
.addressBlock{background:#07c4870d;padding:32px;border-radius:10px;border-left:4px solid #07C487;margin-bottom:30px}
.addressBlock h3{font-size:20px;color:#EBEBEB;margin:0 0 16px}
.addressBlock p{font-size:16px;color:#ebebebcc;margin:0;line-height:1.6}
.directionsInfo{padding:28px;background:#08385a4d;border-radius:10px;border:1px solid #07c48733}
.directionsInfo h4{font-size:18px;color:#07C487;margin:0 0 16px}
.directionsInfo ul{list-style:none;padding:0;margin:0}
.directionsInfo li{font-size:15px;color:#ebebebbf;padding:10px 0;padding-left:28px;position:relative;line-height:1.5}
.directionsInfo li::before{content:'';position:absolute;left:0;top:16px;width:8px;height:8px;background:#07C487;border-radius:50%}
.visualAccessGraphic{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.accessGraphicBox{aspect-ratio:1;background:linear-gradient(135deg,#07c48726,#08385a80);border-radius:10px;border:1px solid #07c4874d;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.accessGraphicBox::before{content:'';position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,#07c48733,transparent 70%);animation:radiateEffect 4s ease-in-out infinite}
@keyframes radiateEffect {
0%,100%{transform:scale(0.8);opacity:.3}
50%{transform:scale(1.2);opacity:.6}
}
.accessGraphicBox i{font-size:42px;color:#07C487;position:relative;z-index:2}
@media (max-width: 1024px) {
.heroContentWrapper{grid-template-columns:1fr;gap:50px}
.titleSplitSection h1{font-size:46px}
.detailsInnerWrap{grid-template-columns:1fr;gap:60px}
.locationWrapper{grid-template-columns:1fr;gap:50px}
}
@media (max-width: 768px) {
.contactHeroLayout{padding:60px 20px}
.titleSplitSection h1{font-size:36px}
.visualMosaicGrid{grid-template-rows:repeat(3,60px);gap:10px}
.detailsContactBlock{padding:70px 20px}
.infoDisplayZone h2{font-size:32px}
.formContainer{padding:30px 20px}
.timeOptionsGrid{grid-template-columns:1fr}
.operatingHoursZone{padding:70px 20px}
.hoursContainer h2{font-size:30px}
.scheduleDisplay{grid-template-columns:1fr}
.locationAccessSection{padding:70px 20px}
.addressDetailsArea h2{font-size:32px}
}
@media (max-width: 480px) {
.titleSplitSection h1{font-size:28px}
.titleSplitSection .subheadText{font-size:16px}
.methodItem{flex-direction:column;text-align:center}
.submitBtn{width:100%;padding:16px 30px}
}
.heroModule{background:linear-gradient(165deg,#08385A 0%,#0a2438 100%);padding:68px 24px 0;position:relative;overflow:hidden}
.heroFrame{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-bottom:72px}
.heroText{padding-right:32px}
.heroTitle{font-size:3.2rem;font-weight:700;line-height:1.15;color:#EBEBEB;margin:0 0 24px;letter-spacing:-.02em}
.heroDesc{font-size:1.15rem;line-height:1.7;color:#b8c9d4;margin:0}
.heroVisual{position:relative}
.heroImg{width:100%;height:480px;object-fit:cover;border-radius:8px;box-shadow:0 12px 32px #00000059;filter:contrast(1.05) brightness(0.95)}
.heroWave{position:absolute;bottom:0;left:0;width:100%;line-height:0}
.heroWave svg{width:100%;height:80px;fill:#0f1419}
.pathwayGrid{background:#0f1419;padding:92px 24px}
.pathwayWrap{max-width:1440px;margin:0 auto}
.pathwayHead{font-size:2.4rem;font-weight:700;color:#EBEBEB;text-align:center;margin:0 0 64px}
.pathwayItems{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.pathCard{background:linear-gradient(135deg,#1a2632 0%,#0d1821 100%);border:1px solid #07c48726;border-radius:10px;padding:36px 28px;transition:transform 280ms,box-shadow 280ms,border-color 280ms}
.pathCard:hover{transform:translateY(-6px);box-shadow:0 16px 48px #07c4871f;border-color:#07c48759}
.pathIcon{width:56px;height:56px;margin-bottom:22px;color:#07C487}
.pathIcon svg{width:100%;height:100%}
.pathLabel{font-size:1.5rem;font-weight:600;color:#EBEBEB;margin:0 0 14px}
.pathInfo{font-size:1rem;line-height:1.65;color:#9ba8b3;margin:0 0 24px}
.pathMeta{display:flex;gap:18px;padding-top:18px;border-top:1px solid #07c4871f}
.pathDur,.pathLvl{font-size:.9rem;color:#07C487;font-weight:500}
.curriculumLayout{background:linear-gradient(180deg,#0f1419 0%,#1a2632 100%);padding:96px 24px}
.currWrap{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:72px}
.currContent{padding-right:32px}
.currTitle{font-size:2.6rem;font-weight:700;color:#EBEBEB;margin:0 0 20px}
.currIntro{font-size:1.1rem;line-height:1.7;color:#9ba8b3;margin:0 0 48px}
.currAccord{display:flex;flex-direction:column;gap:16px}
.currToggle{display:none}
.currLabel{display:flex;align-items:center;gap:20px;background:#1a2632;border:1px solid #07c48733;border-radius:8px;padding:24px 28px;cursor:pointer;transition:background 250ms,border-color 250ms}
.currLabel:hover{background:#20303f;border-color:#07c48766}
.currNum{font-size:1.3rem;font-weight:700;color:#07C487;min-width:42px}
.currName{flex:1;font-size:1.2rem;font-weight:600;color:#EBEBEB}
.currArrow{width:24px;height:24px;color:#07C487;transition:transform 280ms}
.currArrow svg{width:100%;height:100%}
.currToggle:checked + .currLabel .currArrow{transform:rotate(180deg)}
.currBody{max-height:0;overflow:hidden;transition:max-height 320ms,padding 320ms;background:#0d1821;border-radius:0 0 8px 8px;margin-top:-8px}
.currToggle:checked ~ .currBody{max-height:400px;padding:28px 28px 28px 90px}
.currBody p{font-size:1rem;line-height:1.7;color:#9ba8b3;margin:0}
.currStats{display:flex;flex-direction:column;gap:36px;padding-top:148px}
.statCard{background:#1a2632;border:1px solid #07c48726;border-radius:8px;padding:28px;position:relative}
.statBar{height:8px;background:#07c48726;border-radius:4px;margin-bottom:16px;position:relative;overflow:hidden}
.statBar::before{content:'';position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#07C487 0%,#05a56f 100%);border-radius:4px}
.statCard:nth-child(1) .statBar::before{width:92%}
.statCard:nth-child(2) .statBar::before{width:85%}
.statCard:nth-child(3) .statBar::before{width:78%}
.statLabel{display:block;font-size:.95rem;color:#9ba8b3;margin-bottom:8px}
.statValue{font-size:2rem;font-weight:700;color:#07C487}
.enrollArea{background:#0f1419;padding:88px 24px}
.enrollBox{max-width:1440px;margin:0 auto}
.enrollSplit{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:start}
.enrollLeft{padding-right:24px}
.enrollTitle{font-size:2.5rem;font-weight:700;color:#EBEBEB;margin:0 0 22px}
.enrollText{font-size:1.05rem;line-height:1.7;color:#9ba8b3;margin:0 0 36px}
.enrollFeatures{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}
.enrollItem{display:flex;align-items:flex-start;gap:14px;font-size:1rem;line-height:1.6;color:#b8c9d4}
.enrollCheck{font-size:1.4rem;color:#07C487;flex-shrink:0}
.enrollRight{position:sticky;top:24px}
.enrollCard{background:linear-gradient(135deg,#1a2632 0%,#0d1821 100%);border:2px solid #07c48740;border-radius:12px;padding:42px 36px;box-shadow:0 12px 48px #0000004d}
.enrollPrice{display:flex;flex-direction:column;align-items:center;padding-bottom:28px;border-bottom:1px solid #07c48726;margin-bottom:28px}
.priceAmount{font-size:3.2rem;font-weight:700;color:#07C487;line-height:1;margin-bottom:8px}
.priceNote{font-size:.95rem;color:#9ba8b3}
.enrollIncl{margin-bottom:32px}
.inclHead{font-size:1.1rem;font-weight:600;color:#EBEBEB;margin:0 0 18px}
.inclList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.inclList li{font-size:.95rem;line-height:1.5;color:#9ba8b3;padding-left:24px;position:relative}
.inclList li::before{content:'→';position:absolute;left:0;color:#07C487;font-weight:700}
.enrollBtn{display:block;width:100%;background:linear-gradient(135deg,#07C487 0%,#05a56f 100%);color:#0f1419;font-size:1.1rem;font-weight:600;text-align:center;padding:18px 32px;border-radius:8px;text-decoration:none;transition:transform 260ms,box-shadow 260ms;box-shadow:0 6px 24px #07c48740;margin-bottom:20px}
.enrollBtn:hover{transform:translateY(-3px);box-shadow:0 10px 36px #07c48759}
.enrollCta{text-align:center;font-size:.95rem;color:#9ba8b3;margin:0}
.enrollPhone{color:#07C487;text-decoration:none;font-weight:600;transition:color 250ms}
.enrollPhone:hover{color:#05a56f}
.outcomeZone{background:linear-gradient(180deg,#1a2632 0%,#0f1419 100%);padding:92px 24px}
.outcomeFrame{max-width:1440px;margin:0 auto}
.outcomeTitle{font-size:2.5rem;font-weight:700;color:#EBEBEB;text-align:center;margin:0 0 68px}
.outcomeGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:36px}
.outcomeBox{background:#1a2632;border:1px solid #07c48726;border-radius:10px;padding:32px 28px;transition:transform 280ms,border-color 280ms}
.outcomeBox:hover{transform:translateY(-4px);border-color:#07c48759}
.outcomeTop{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.outcomeIcon{width:44px;height:44px;color:#07C487;flex-shrink:0}
.outcomeIcon svg{width:100%;height:100%}
.outcomeLabel{font-size:1.35rem;font-weight:600;color:#EBEBEB;margin:0}
.outcomeDesc{font-size:.98rem;line-height:1.65;color:#9ba8b3;margin:0}
@media (max-width: 1024px) {
.heroFrame{grid-template-columns:1fr;gap:42px}
.heroText{padding-right:0}
.heroTitle{font-size:2.6rem}
.heroImg{height:380px}
.currWrap{grid-template-columns:1fr;gap:56px}
.currContent{padding-right:0}
.currStats{padding-top:0}
.enrollSplit{grid-template-columns:1fr;gap:48px}
.enrollLeft{padding-right:0}
.enrollRight{position:static}
}
@media (max-width: 768px) {
.heroModule{padding:52px 20px 0}
.heroFrame{gap:32px;padding-bottom:56px}
.heroTitle{font-size:2.2rem}
.heroDesc{font-size:1.05rem}
.heroImg{height:320px}
.pathwayGrid{padding:72px 20px}
.pathwayHead{font-size:2rem;margin-bottom:48px}
.pathwayItems{grid-template-columns:1fr;gap:24px}
.curriculumLayout{padding:72px 20px}
.currTitle{font-size:2.1rem}
.currToggle:checked ~ .currBody{padding:24px 20px}
.enrollArea{padding:68px 20px}
.enrollTitle{font-size:2rem}
.enrollCard{padding:32px 24px}
.priceAmount{font-size:2.6rem}
.outcomeZone{padding:72px 20px}
.outcomeTitle{font-size:2rem;margin-bottom:52px}
.outcomeGrid{grid-template-columns:1fr;gap:24px}
}
.titleArea{position:relative;background:linear-gradient(145deg,#0a0f14 0%,#08385A 100%);padding:0;overflow:hidden;margin:0}
.titleArea .imageHolder{position:relative;width:100%;height:520px;overflow:hidden}
.titleArea .imageHolder::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#08385aeb 0%,#08385aa6 50%,#08385ad9 100%);z-index:1}
.titleArea .imageHolder img{width:100%;height:100%;object-fit:cover;filter:grayscale(0.3)}
.titleArea .contentBox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;max-width:920px;width:90%;background:#0a0f14bf;backdrop-filter:blur(12px);padding:52px 48px;border-radius:8px;border:1px solid #07c48726}
.titleArea .questionText{font-size:1.05rem;color:#07C487;font-weight:500;margin:0 0 18px;letter-spacing:.3px}
.titleArea .answerText{font-size:2.15rem;color:#EBEBEB;line-height:1.45;margin:0;font-weight:600}
.titleArea .accentLine{position:absolute;bottom:-2px;right:48px;width:140px;height:4px;background:linear-gradient(90deg,transparent 0%,#07C487 100%)}
.storySegment{background:#0d1419;padding:92px 0;position:relative}
.storySegment::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1440px;height:1px;background:linear-gradient(90deg,transparent 0%,#07c4874d 50%,transparent 100%)}
.storySegment .wrapContent{max-width:1440px;margin:0 auto;padding:0 32px}
.storySegment .gridTwo{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}
.storySegment .textColumn h2{font-size:2.4rem;color:#EBEBEB;margin:0 0 28px;font-weight:700;line-height:1.3}
.storySegment .textColumn p{font-size:1.05rem;color:#b8c2cc;line-height:1.75;margin:0 0 24px}
.storySegment .textColumn p:last-of-type{margin-bottom:0}
.storySegment .imageColumn{position:relative}
.storySegment .imageColumn img{width:100%;height:460px;object-fit:cover;border-radius:6px;border:1px solid #07c4871f}
.storySegment .imageColumn::after{content:'';position:absolute;bottom:-18px;right:-18px;width:180px;height:180px;background:radial-gradient(circle,#07c48726 0%,transparent 70%);pointer-events:none;z-index:-1}
.methodBlock{background:linear-gradient(180deg,#08385A 0%,#0a1520 100%);padding:86px 0;position:relative}
.methodBlock .innerWrap{max-width:1440px;margin:0 auto;padding:0 32px}
.methodBlock .headingZone{text-align:center;margin-bottom:64px}
.methodBlock .headingZone h2{font-size:2.25rem;color:#EBEBEB;margin:0 0 18px;font-weight:700}
.methodBlock .headingZone p{font-size:1.08rem;color:#9eaab5;margin:0;max-width:680px;margin-left:auto;margin-right:auto;line-height:1.65}
.methodBlock .threeCol{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}
.methodBlock .stepCard{background:#0a0f1499;padding:38px 32px;border-radius:7px;border:1px solid #07c4872e;position:relative;transition:transform 0.3s,border-color .3s}
.methodBlock .stepCard:hover{transform:translateY(-6px);border-color:#07c48766}
.methodBlock .stepCard .numLabel{display:inline-block;width:52px;height:52px;background:linear-gradient(135deg,#07C487 0%,#08385A 100%);border-radius:50%;text-align:center;line-height:52px;font-size:1.5rem;font-weight:700;color:#0a0f14;margin-bottom:24px}
.methodBlock .stepCard h3{font-size:1.4rem;color:#EBEBEB;margin:0 0 16px;font-weight:600}
.methodBlock .stepCard p{font-size:.98rem;color:#a4b0bc;line-height:1.7;margin:0}
.valuesSpace{background:#0d1419;padding:88px 0;position:relative}
.valuesSpace .containerWrap{max-width:1440px;margin:0 auto;padding:0 32px}
.valuesSpace .splitLayout{display:grid;grid-template-columns:0.9fr 1.1fr;gap:76px;align-items:start}
.valuesSpace .imageSection{position:relative}
.valuesSpace .imageSection img{width:100%;height:540px;object-fit:cover;border-radius:6px;border:1px solid #07c4871a}
.valuesSpace .imageSection::before{content:'';position:absolute;top:-16px;left:-16px;width:120px;height:120px;background:radial-gradient(circle,#07c48733 0%,transparent 70%);z-index:-1}
.valuesSpace .textSection h2{font-size:2.3rem;color:#EBEBEB;margin:0 0 32px;font-weight:700;line-height:1.35}
.valuesSpace .valueItem{margin-bottom:36px;padding-left:42px;position:relative}
.valuesSpace .valueItem::before{content:'';position:absolute;left:0;top:4px;width:28px;height:28px;background:linear-gradient(135deg,#07C487 0%,#08385A 100%);border-radius:4px}
.valuesSpace .valueItem h3{font-size:1.3rem;color:#07C487;margin:0 0 12px;font-weight:600}
.valuesSpace .valueItem p{font-size:1.02rem;color:#b0bac4;line-height:1.7;margin:0}
.resultsShowcase{background:linear-gradient(165deg,#0a1520 0%,#08385A 100%);padding:90px 0;position:relative;overflow:hidden}
.resultsShowcase::before{content:'';position:absolute;top:-200px;right:-200px;width:500px;height:500px;background:radial-gradient(circle,#07c48714 0%,transparent 70%);pointer-events:none}
.resultsShowcase .mainContainer{max-width:1440px;margin:0 auto;padding:0 32px;position:relative;z-index:1}
.resultsShowcase .headerArea{text-align:center;margin-bottom:58px}
.resultsShowcase .headerArea h2{font-size:2.35rem;color:#EBEBEB;margin:0 0 20px;font-weight:700}
.resultsShowcase .headerArea p{font-size:1.06rem;color:#9aa6b2;margin:0;line-height:1.65}
.resultsShowcase .statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px}
.resultsShowcase .statBox{background:#0a0f14b3;padding:40px 28px;border-radius:7px;text-align:center;border:1px solid #07c48726;position:relative;transition:border-color 0.35s,transform .35s}
.resultsShowcase .statBox:hover{border-color:#07c48773;transform:translateY(-8px)}
.resultsShowcase .statBox::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:linear-gradient(90deg,transparent 0%,#07C487 50%,transparent 100%);transition:width .35s}
.resultsShowcase .statBox:hover::after{width:80%}
.resultsShowcase .statBox .numberDisplay{font-size:3rem;font-weight:700;color:#07C487;margin:0 0 12px;line-height:1.1}
.resultsShowcase .statBox .labelText{font-size:1.05rem;color:#b4bec8;margin:0;line-height:1.5}
.ctaZone{background:#0d1419;padding:78px 0;position:relative}
.ctaZone::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:1440px;height:1px;background:linear-gradient(90deg,transparent 0%,#07c48740 50%,transparent 100%)}
.ctaZone .wrapBox{max-width:1440px;margin:0 auto;padding:0 32px}
.ctaZone .centerContent{text-align:center;max-width:780px;margin:0 auto}
.ctaZone .centerContent h2{font-size:2.2rem;color:#EBEBEB;margin:0 0 26px;font-weight:700;line-height:1.35}
.ctaZone .centerContent p{font-size:1.08rem;color:#a8b4c0;line-height:1.7;margin:0 0 38px}
.ctaZone .buttonRow{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}
.ctaZone .btnPrimary{display:inline-block;padding:16px 42px;background:linear-gradient(135deg,#07C487 0%,#08385A 100%);color:#0a0f14;font-size:1.05rem;font-weight:600;text-decoration:none;border-radius:6px;transition:transform 0.3s,box-shadow .3s;border:none;cursor:pointer;z-index:10;position:relative}
.ctaZone .btnPrimary:hover{transform:translateY(-3px);box-shadow:0 8px 24px #07c4874d}
.ctaZone .btnSecondary{display:inline-block;padding:16px 42px;background:transparent;color:#07C487;font-size:1.05rem;font-weight:600;text-decoration:none;border-radius:6px;border:2px solid #07C487;transition:background 0.3s,color .3s;cursor:pointer;z-index:10;position:relative}
.ctaZone .btnSecondary:hover{background:#07C487;color:#0a0f14}
@media (max-width: 1024px) {
.titleArea .imageHolder{height:420px}
.titleArea .contentBox{padding:42px 36px}
.titleArea .answerText{font-size:1.85rem}
.storySegment .gridTwo{grid-template-columns:1fr;gap:48px}
.methodBlock .threeCol{grid-template-columns:1fr;gap:32px}
.valuesSpace .splitLayout{grid-template-columns:1fr;gap:52px}
.resultsShowcase .statsGrid{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media (max-width: 768px) {
.titleArea .imageHolder{height:360px}
.titleArea .contentBox{padding:32px 24px}
.titleArea .questionText{font-size:.95rem}
.titleArea .answerText{font-size:1.5rem}
.titleArea .accentLine{right:24px;width:100px}
.storySegment{padding:68px 0}
.storySegment .textColumn h2{font-size:1.9rem}
.storySegment .imageColumn img{height:340px}
.methodBlock{padding:64px 0}
.methodBlock .headingZone h2{font-size:1.85rem}
.valuesSpace{padding:64px 0}
.valuesSpace .textSection h2{font-size:1.85rem}
.valuesSpace .imageSection img{height:380px}
.resultsShowcase{padding:68px 0}
.resultsShowcase .headerArea h2{font-size:1.9rem}
.resultsShowcase .statsGrid{grid-template-columns:1fr}
.resultsShowcase .statBox .numberDisplay{font-size:2.5rem}
.ctaZone{padding:58px 0}
.ctaZone .centerContent h2{font-size:1.8rem}
.ctaZone .buttonRow{flex-direction:column;align-items:center}
.ctaZone .btnPrimary,.ctaZone .btnSecondary{width:100%;max-width:320px}
}
.successContainer{min-height:85vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#08385A 0%,#0a1f2e 50%,#07C487 100%);position:relative;overflow:hidden;padding:60px 20px}
.successContainer::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#07c48726 0%,transparent 70%);animation:pulseEffect 8s ease-in-out infinite}
@keyframes pulseEffect {
0%,100%{transform:scale(1) rotate(0deg);opacity:.3}
50%{transform:scale(1.2) rotate(180deg);opacity:.6}
}
.successContainer::after{content:'';position:absolute;bottom:-30%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#08385a66 0%,transparent 70%);border-radius:50%}
.successInner{max-width:680px;width:100%;background:#0a1f2ed9;border-radius:12px;padding:70px 50px;box-shadow:0 16px 48px #0009 0 0 80px #07c48733;position:relative;z-index:2;border:1px solid #07c48733;text-align:center}
.checkmarkWrap{margin:0 auto 35px;width:90px;height:90px;background:linear-gradient(135deg,#07C487 0%,#05a36f 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #07c48766;animation:scaleIn .5s ease-out}
@keyframes scaleIn {
0%{transform:scale(0) rotate(-180deg);opacity:0}
100%{transform:scale(1) rotate(0deg);opacity:1}
}
.checkmarkWrap svg{width:48px;height:48px;stroke:#0a1f2e;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none;animation:drawCheck .8s ease-out .3s forwards;stroke-dasharray:100;stroke-dashoffset:100}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.successHeading{font-size:38px;font-weight:700;color:#07C487;margin:0 0 20px;line-height:1.2;letter-spacing:-.5px}
.successText{font-size:17px;line-height:1.7;color:#EBEBEB;margin:0 0 40px}
.successText strong{color:#07C487;font-weight:600}
.actionRow{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.primaryBtn{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;background:linear-gradient(135deg,#07C487 0%,#05a36f 100%);color:#0a1f2e;font-size:16px;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #07c4874d;border:none;position:relative;overflow:hidden}
.primaryBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff4d,transparent);transition:left .5s ease}
.primaryBtn:hover::before{left:100%}
.primaryBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #07c48780}
.secondaryBtn{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;background:transparent;color:#07C487;font-size:16px;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease;border:2px solid #07C487}
.secondaryBtn:hover{background:#07c4871a;transform:translateY(-2px);box-shadow:0 4px 16px #07c48733}
.infoNote{margin-top:45px;padding-top:35px;border-top:1px solid #07c48726}
.infoNote p{font-size:14px;line-height:1.6;color:#a8b2c1;margin:0 0 12px}
.infoNote p:last-child{margin:0}
.contactLink{color:#07C487;text-decoration:none;font-weight:600;transition:color .3s ease}
.contactLink:hover{color:#05a36f;text-decoration:underline}
@media (max-width: 768px) {
.successContainer{padding:40px 15px;min-height:80vh}
.successInner{padding:50px 30px}
.successHeading{font-size:30px}
.successText{font-size:16px}
.actionRow{flex-direction:column;gap:12px}
.primaryBtn,.secondaryBtn{width:100%;justify-content:center}
.checkmarkWrap{width:75px;height:75px;margin-bottom:28px}
.checkmarkWrap svg{width:40px;height:40px}
}
@media (max-width: 480px) {
.successInner{padding:40px 20px}
.successHeading{font-size:26px}
.infoNote{margin-top:35px;padding-top:28px}
}