html{box-sizing:border-box;scroll-behavior:smooth}
*,:before,:after{box-sizing:inherit;margin:0;padding:0}
body{font-family:'Red Hat Display',sans-serif;background:linear-gradient(165deg,#0a0a0a 0%,#1a1a1a 50%,#0d0d0d 100%);color:#FAF1DE;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}
body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#FF2AB6 0%,#304F46 100%);border-radius:4px}
body::-webkit-scrollbar-thumb:hover{background:#FF2AB6;box-shadow:0 0 8px #ff2ab699}
header{background:#0f0f0f;border-bottom:2px solid #ff2ab64d;box-shadow:0 4px 12px #000c}
.topBrand{background:linear-gradient(90deg,#ff2ab626 0%,#304f4626 100%);padding:24px 20px;border-bottom:1px solid #faf1de1a}
.brandContainer{max-width:1200px;margin:0 auto;text-align:center}
.companyTitle{font-size:42px;font-weight:700;color:#FAF1DE;letter-spacing:2px;text-shadow:0 2px 8px #ff2ab680 0 0 20px #ff2ab64d;text-transform:uppercase}
.foundationRow{padding:20px;background:#0a0a0a99}
.foundationContainer{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px}
.logoZone{flex-shrink:0}
.logoLink{display:block;width:110px;height:110px}
.brandLogo{width:100%;height:100%;object-fit:contain;background:#faf1de14;border-radius:3px;padding:8px;box-shadow:0 0 16px #ff2ab666}
.primaryNav{flex:1;display:flex;justify-content:flex-end}
.navList{list-style:none;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.navItem{display:inline-block}
.navLink{display:block;padding:12px 24px;color:#FAF1DE;text-decoration:none;font-size:16px;font-weight:400;border:1px solid #faf1de33;border-radius:2px;transition:all .25s cubic-bezier(0.4,0,0.2,1)}
.navLink:hover{background:#ff2ab626;border-color:#FF2AB6;color:#FF2AB6}
.navLinkAccent{background:linear-gradient(135deg,#ff2ab633 0%,#304f4633 100%);border-color:#FF2AB6}
.navLinkAccent:hover{background:#ff2ab64d}
main{flex:1}
footer{background:#0a0a0a;border-top:2px solid #ff2ab64d;margin-top:60px}
.footerGrid{padding:50px 20px 30px}
.footerContainer{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px}
.footerColumn{display:flex;flex-direction:column;gap:16px}
.footerHeading{font-size:20px;font-weight:700;color:#FF2AB6;margin-bottom:8px;text-shadow:0 0 10px #ff2ab666}
.footerText{font-size:15px;color:#faf1decc;line-height:1.7}
.footerList{list-style:none;display:flex;flex-direction:column;gap:10px}
.footerListItem{font-size:15px;color:#faf1deb3}
.footerLink{color:#faf1ded9;text-decoration:none;transition:color .2s ease}
.footerLink:hover{color:#FF2AB6}
.copyrightBar{background:#00000080;padding:20px;border-top:1px solid #faf1de1a}
.copyrightContainer{max-width:1200px;margin:0 auto;text-align:center}
.copyrightText{font-size:14px;color:#faf1de99}
.cookieOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .35s cubic-bezier(0.4,0,0.2,1),visibility .35s cubic-bezier(0.4,0,0.2,1)}
.cookieOverlay[data-consent="pending"]{opacity:1;visibility:visible}
.cookieBox{background:linear-gradient(145deg,#1a1a1a 0%,#0f0f0f 100%);border:2px solid #ff2ab666;border-radius:4px;padding:40px;max-width:600px;width:90%;box-shadow:0 8px 32px #000000e6 0 0 40px #ff2ab64d;transform:translateY(30px);transition:transform .35s cubic-bezier(0.4,0,0.2,1)}
.cookieOverlay[data-consent="pending"] .cookieBox{transform:translateY(0)}
.cookieTitle{font-size:26px;font-weight:700;color:#FF2AB6;margin-bottom:16px;text-shadow:0 0 12px #ff2ab680}
.cookieDescription{font-size:16px;color:#faf1ded9;margin-bottom:28px;line-height:1.6}
.cookieOptions{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}
.cookieCategory{background:#304f4626;padding:16px;border-radius:3px;border:1px solid #faf1de1a}
.cookieLabel{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:8px}
.cookieCheck{width:20px;height:20px;cursor:pointer;accent-color:#FF2AB6}
.cookieCheck:disabled{cursor:not-allowed;opacity:.6}
.cookieName{font-size:17px;font-weight:700;color:#FAF1DE}
.cookieCategoryInfo{font-size:14px;color:#faf1deb3;margin-left:32px;line-height:1.5}
.cookieActions{display:flex;gap:16px;flex-wrap:wrap}
.cookieBtn{flex:1;min-width:160px;padding:14px 28px;font-size:16px;font-weight:700;font-family:'Red Hat Display',sans-serif;border-radius:3px;cursor:pointer;transition:all .25s cubic-bezier(0.4,0,0.2,1);border:2px solid}
.cookieBtnAccept{background:transparent;color:#FF2AB6;border-color:#FF2AB6}
.cookieBtnAccept:hover{background:#ff2ab626;box-shadow:0 0 16px #ff2ab666}
.cookieBtnDecline{background:transparent;color:#304F46;border-color:#304F46}
.cookieBtnDecline:hover{background:#304f4626;box-shadow:0 0 12px #304f4666}
@media (max-width: 1024px) {
.companyTitle{font-size:36px}
.foundationContainer{flex-direction:column;gap:24px}
.primaryNav{width:100%;justify-content:center}
.navList{justify-content:center}
.footerContainer{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}
}
@media (max-width: 640px) {
.topBrand{padding:18px 16px}
.companyTitle{font-size:28px;letter-spacing:1px}
.foundationRow{padding:16px}
.logoLink{width:90px;height:90px}
.navList{gap:6px}
.navLink{padding:10px 16px;font-size:14px}
.footerGrid{padding:40px 16px 24px}
.footerContainer{grid-template-columns:1fr;gap:28px}
.cookieBox{padding:28px}
.cookieTitle{font-size:22px}
.cookieActions{flex-direction:column}
.cookieBtn{width:100%}
}
.legal-inner-j{max-width:1200px;margin:0 auto;padding:80px 24px 120px;background:#0a0a0a;color:#e8e8e8}
.legal-inner-j h1{font-size:48px;font-weight:700;line-height:1.2;color:#FAF1DE;margin:0 0 32px;letter-spacing:-.02em}
.legal-inner-j h2{font-size:36px;font-weight:600;line-height:1.3;color:#FAF1DE;margin:64px 0 24px;letter-spacing:-.01em}
.legal-inner-j h3{font-size:28px;font-weight:600;line-height:1.4;color:#FF2AB6;margin:48px 0 20px}
.legal-inner-j h4{font-size:22px;font-weight:600;line-height:1.4;color:#FAF1DE;margin:40px 0 16px}
.legal-inner-j h5{font-size:18px;font-weight:600;line-height:1.5;color:#FF2AB6;margin:32px 0 12px}
.legal-inner-j h6{font-size:16px;font-weight:600;line-height:1.5;color:#FAF1DE;margin:24px 0 12px;text-transform:uppercase;letter-spacing:.05em}
.legal-inner-j p{font-size:17px;line-height:1.8;color:#c9c9c9;margin:0 0 24px}
.legal-inner-j a{color:#FF2AB6;text-decoration:none;border-bottom:1px solid #ff2ab64d;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.legal-inner-j a:hover{color:#FAF1DE;border-bottom-color:#FAF1DE;text-shadow:0 0 8px #ff2ab666}
.legal-inner-j table{width:100%;margin:48px 0;border-collapse:collapse;background:#151515;box-shadow:0 4px 12px #0009}
.legal-inner-j thead{background:linear-gradient(135deg,#ff2ab633,#304f4633)}
.legal-inner-j thead tr{border-bottom:2px solid #FF2AB6}
.legal-inner-j tbody tr{border-bottom:1px solid #ffffff14;transition:background .3s cubic-bezier(0.4,0,0.2,1)}
.legal-inner-j tbody tr:hover{background:#ff2ab60d}
.legal-inner-j th{padding:18px 24px;text-align:left;font-size:15px;font-weight:600;color:#FAF1DE;text-transform:uppercase;letter-spacing:.05em}
.legal-inner-j td{padding:16px 24px;font-size:16px;line-height:1.6;color:#c9c9c9}
.legal-inner-j hr{border:none;height:2px;background:linear-gradient(90deg,transparent,#ff2ab680,transparent);margin:64px 0}
@media (max-width: 1024px) {
.legal-inner-j{padding:60px 20px 100px}
.legal-inner-j h1{font-size:38px;margin-bottom:28px}
.legal-inner-j h2{font-size:30px;margin:52px 0 20px}
.legal-inner-j h3{font-size:24px;margin:40px 0 18px}
.legal-inner-j table{display:block;overflow-x:auto;margin:40px 0}
.legal-inner-j th,.legal-inner-j td{padding:14px 18px;font-size:15px}
}
@media (max-width: 640px) {
.legal-inner-j{padding:48px 16px 80px}
.legal-inner-j h1{font-size:32px;margin-bottom:24px}
.legal-inner-j h2{font-size:26px;margin:44px 0 18px}
.legal-inner-j h3{font-size:22px;margin:36px 0 16px}
.legal-inner-j h4{font-size:20px}
.legal-inner-j h5{font-size:17px}
.legal-inner-j p{font-size:16px;line-height:1.7;margin-bottom:20px}
.legal-inner-j th,.legal-inner-j td{padding:12px 14px;font-size:14px}
.legal-inner-j hr{margin:52px 0}
}
.heroWrap{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);padding:80px 20px;position:relative;overflow:hidden}
.heroWrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ff2ab626 0%,transparent 70%);border-radius:50%}
.heroWrap::after{content:'';position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,#304f4633 0%,transparent 70%);border-radius:50%}
.heroInner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.heroText h1{font-size:48px;color:#FAF1DE;margin:0 0 24px;line-height:1.2}
.heroText h1 span{color:#FF2AB6;position:relative}
.heroText h1 span::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FF2AB6 0%,transparent 100%)}
.heroText p{font-size:18px;color:#c7c7c7;line-height:1.6;margin:0 0 32px}
.heroBtn{display:inline-block;background:linear-gradient(135deg,#FF2AB6 0%,#d41f95 100%);color:#FAF1DE;padding:16px 36px;border-radius:4px;text-decoration:none;font-size:16px;transition:all .3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 12px #ff2ab64d}
.heroBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff2ab680}
.heroVisual{position:relative}
.heroVisual img{width:100%;height:420px;object-fit:cover;border-radius:6px;box-shadow:0 8px 24px #0006;border:2px solid #ff2ab64d}
.svgDecor{position:absolute;top:-40px;left:-40px;width:120px;height:120px;opacity:.6}
.qualitySection{background:#0f0f0f;padding:90px 20px;position:relative}
.qualitySection::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,#304F46 50%,transparent 100%)}
.qualityContainer{max-width:1200px;margin:0 auto}
.qualityHeader{text-align:center;margin-bottom:60px}
.qualityHeader h2{font-size:38px;color:#FAF1DE;margin:0 0 16px;position:relative;display:inline-block}
.qualityHeader h2::before{content:'';position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#FF2AB6}
.qualityHeader p{font-size:17px;color:#a8a8a8;margin:0}
.qualityGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.qualityCard{background:linear-gradient(145deg,#1a1a1a 0%,#141414 100%);padding:36px 28px;border-radius:4px;border:1px solid #304f464d;transition:all .3s ease}
.qualityCard:hover{border-color:#ff2ab699;transform:translateY(-4px);box-shadow:0 8px 20px #ff2ab633}
.qualityCard h3{font-size:22px;color:#FF2AB6;margin:0 0 14px}
.qualityCard p{font-size:15px;color:#b5b5b5;line-height:1.7;margin:0}
.problemsWrap{background:#1a1a1a;padding:90px 20px;position:relative;overflow:hidden}
.problemsWrap::after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:400px;height:400px;background:radial-gradient(circle,#304f4626 0%,transparent 70%)}
.problemsInner{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.problemsLayout{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:start}
.problemsContent h2{font-size:36px;color:#FAF1DE;margin:0 0 28px}
.problemItem{margin-bottom:32px;padding-left:32px;position:relative}
.problemItem::before{content:'';position:absolute;left:0;top:6px;width:16px;height:16px;background:#FF2AB6;border-radius:50%}
.problemItem h4{font-size:19px;color:#FF2AB6;margin:0 0 10px}
.problemItem p{font-size:15px;color:#b0b0b0;line-height:1.7;margin:0}
.problemsVisual img{width:100%;height:480px;object-fit:cover;border-radius:4px;box-shadow:0 6px 18px #00000080;border:1px solid #ff2ab633}
.trustArea{background:linear-gradient(180deg,#0f0f0f 0%,#1a1a1a 100%);padding:90px 20px}
.trustBox{max-width:1200px;margin:0 auto}
.trustHeading{text-align:center;margin-bottom:50px}
.trustHeading h2{font-size:36px;color:#FAF1DE;margin:0 0 18px}
.trustHeading p{font-size:17px;color:#a0a0a0;margin:0}
.trustColumns{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.trustLeft img{width:100%;height:460px;object-fit:cover;border-radius:6px;box-shadow:0 6px 18px #0006;border:2px solid #304f4666}
.trustRight{display:flex;flex-direction:column;justify-content:center}
.trustFeature{background:#141414;padding:28px;margin-bottom:24px;border-radius:4px;border-left:4px solid #FF2AB6;transition:all .3s ease}
.trustFeature:hover{background:#1a1a1a;box-shadow:0 4px 12px #ff2ab640}
.trustFeature h3{font-size:20px;color:#FAF1DE;margin:0 0 12px}
.trustFeature p{font-size:15px;color:#b8b8b8;line-height:1.7;margin:0}
.ctaZone{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);padding:80px 20px;position:relative}
.ctaZone::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L30 60M0 30L60 30' stroke='%23304F46' stroke-width='0.5' fill='none' opacity='0.1'/%3E%3C/svg%3E")}
.ctaContent{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}
.ctaContent h2{font-size:42px;color:#FAF1DE;margin:0 0 20px}
.ctaContent p{font-size:18px;color:silver;margin:0 0 36px;line-height:1.6}
.ctaActions{display:flex;gap:20px;justify-content:center}
.ctaActions a{display:inline-block;padding:16px 40px;border-radius:4px;font-size:16px;text-decoration:none;transition:all .3s ease}
.ctaPrimary{background:linear-gradient(135deg,#FF2AB6 0%,#d41f95 100%);color:#FAF1DE;box-shadow:0 4px 12px #ff2ab64d}
.ctaPrimary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff2ab680}
.ctaSecondary{background:transparent;color:#FAF1DE;border:2px solid #304F46}
.ctaSecondary:hover{border-color:#FF2AB6;box-shadow:0 4px 12px #ff2ab633}
@media (max-width: 1024px) {
.heroInner{grid-template-columns:1fr;gap:40px}
.heroText h1{font-size:38px}
.qualityGrid{grid-template-columns:1fr 1fr;gap:30px}
.problemsLayout{grid-template-columns:1fr;gap:50px}
.trustColumns{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 640px) {
.heroWrap{padding:60px 16px}
.heroText h1{font-size:32px}
.heroText p{font-size:16px}
.heroVisual img{height:320px}
.qualitySection{padding:70px 16px}
.qualityHeader h2{font-size:30px}
.qualityGrid{grid-template-columns:1fr;gap:24px}
.problemsWrap{padding:70px 16px}
.problemsContent h2{font-size:28px}
.problemsVisual img{height:360px}
.trustArea{padding:70px 16px}
.trustHeading h2{font-size:28px}
.trustLeft img{height:340px}
.ctaZone{padding:60px 16px}
.ctaContent h2{font-size:32px}
.ctaActions{flex-direction:column}
.ctaActions a{width:100%}
}
.titleBlock{position:relative;background:linear-gradient(135deg,#1a1a1a 0%,#0d1f1c 100%);padding:80px 20px 90px;overflow:hidden}
.titleBlock::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ff2ab640 0%,transparent 70%);border-radius:50%;filter:blur(80px);animation:glowPulse 8s ease-in-out infinite}
.titleBlock::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#304f464d 0%,transparent 70%);border-radius:50%;filter:blur(90px);animation:glowPulse 10s ease-in-out infinite reverse}
@keyframes glowPulse {
0%,100%{transform:scale(1) translateY(0);opacity:.3}
50%{transform:scale(1.2) translateY(-20px);opacity:.5}
}
.titleBlock .contentWrap{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.titleBlock .mainHeading{font-size:56px;font-weight:700;color:#FAF1DE;margin:0 0 20px;line-height:1.1;text-shadow:0 2px 12px #0006}
.titleBlock .tagline{font-size:20px;color:#faf1ded9;margin:0 0 36px;max-width:680px;line-height:1.5}
.titleBlock .actionButtons{display:flex;gap:18px;flex-wrap:wrap}
.titleBlock .primaryBtn{background:linear-gradient(135deg,#FF2AB6 0%,#d4238f 100%);color:#FAF1DE;padding:16px 38px;border-radius:4px;text-decoration:none;font-size:17px;font-weight:600;border:none;box-shadow:0 4px 14px #ff2ab64d;transition:all .3s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:10}
.titleBlock .primaryBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff2ab673}
.titleBlock .secondaryBtn{background:transparent;color:#FF2AB6;padding:16px 38px;border-radius:4px;text-decoration:none;font-size:17px;font-weight:600;border:2px solid #FF2AB6;transition:all .3s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:10}
.titleBlock .secondaryBtn:hover{background:#ff2ab61a;border-color:#d4238f}
.storySection{background:#0f0f0f;padding:90px 20px}
.storySection .containerWrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.storySection .textContent{padding-right:20px}
.storySection .sectionLabel{color:#FF2AB6;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 16px}
.storySection .headingText{font-size:42px;font-weight:700;color:#FAF1DE;margin:0 0 28px;line-height:1.2}
.storySection .descriptionPara{font-size:17px;color:#faf1decc;line-height:1.7;margin:0 0 22px}
.storySection .highlightBox{background:linear-gradient(135deg,#304f464d 0%,#304f4626 100%);border-left:4px solid #304F46;padding:24px 28px;margin-top:32px;border-radius:3px}
.storySection .highlightBox .quoteText{font-size:18px;color:#FAF1DE;line-height:1.6;margin:0;font-style:italic}
.storySection .imageContainer{position:relative}
.storySection .imageContainer::before{content:'';position:absolute;top:-20px;right:-20px;width:100%;height:100%;background:linear-gradient(135deg,#ff2ab633 0%,#304f4633 100%);border-radius:5px;z-index:1}
.storySection .storyImage{width:100%;height:480px;object-fit:cover;border-radius:5px;position:relative;z-index:2;box-shadow:0 8px 24px #00000080}
.approachSection{background:linear-gradient(180deg,#1a1a1a 0%,#0d1f1c 100%);padding:100px 20px;position:relative;overflow:hidden}
.approachSection::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#FF2AB6 50%,transparent 100%)}
.approachSection .mainContainer{max-width:1200px;margin:0 auto}
.approachSection .headingArea{text-align:center;margin-bottom:70px}
.approachSection .mainTitle{font-size:46px;font-weight:700;color:#FAF1DE;margin:0 0 18px;line-height:1.15}
.approachSection .subtitleText{font-size:19px;color:#faf1debf;max-width:720px;margin:0 auto;line-height:1.6}
.approachSection .cardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.approachSection .featureCard{background:#304f4626;border:1px solid #304f464d;border-radius:5px;padding:40px 32px;position:relative;transition:all .4s cubic-bezier(0.4,0,0.2,1)}
.approachSection .featureCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FF2AB6 0%,#304F46 100%);border-radius:5px 5px 0 0;opacity:0;transition:opacity .4s ease}
.approachSection .featureCard:hover{transform:translateY(-6px);border-color:#ff2ab666;box-shadow:0 8px 28px #ff2ab633}
.approachSection .featureCard:hover::before{opacity:1}
.approachSection .iconShape{width:64px;height:64px;background:linear-gradient(135deg,#ff2ab640 0%,#304f4640 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.approachSection .iconShape svg{width:32px;height:32px}
.approachSection .cardTitle{font-size:22px;font-weight:600;color:#FAF1DE;margin:0 0 14px;line-height:1.3}
.approachSection .cardDescription{font-size:16px;color:#faf1debf;line-height:1.6;margin:0}
.approachSection .imageShowcase{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.approachSection .showcaseImg{width:100%;height:280px;object-fit:cover;border-radius:4px;box-shadow:0 4px 16px #0006;transition:transform .4s cubic-bezier(0.4,0,0.2,1)}
.approachSection .showcaseImg:hover{transform:scale(1.03)}
@media (max-width: 1024px) {
.titleBlock .mainHeading{font-size:44px}
.storySection .containerWrap{grid-template-columns:1fr;gap:50px}
.storySection .textContent{padding-right:0}
.approachSection .cardsGrid{grid-template-columns:1fr}
.approachSection .imageShowcase{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.titleBlock{padding:60px 20px 70px}
.titleBlock .mainHeading{font-size:36px}
.titleBlock .tagline{font-size:18px}
.titleBlock .actionButtons{flex-direction:column}
.titleBlock .primaryBtn,.titleBlock .secondaryBtn{width:100%;text-align:center}
.storySection{padding:60px 20px}
.storySection .headingText{font-size:32px}
.storySection .storyImage{height:320px}
.approachSection{padding:70px 20px}
.approachSection .mainTitle{font-size:34px}
.approachSection .showcaseImg{height:240px}
}
.contactHeroWrap{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.contactHeroWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ff2ab626 0%,transparent 70%);border-radius:50%}
.contactHeroWrap::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#304f4633 0%,transparent 65%);border-radius:50%}
.heroInner{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.heroTitle{font-size:3.2em;color:#FAF1DE;margin:0 0 24px;font-weight:700;line-height:1.15}
.heroSubtext{font-size:1.25em;color:#faf1ded9;max-width:680px;line-height:1.6;margin:0}
.contactSplit{max-width:1200px;margin:80px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.infoSide{background:linear-gradient(145deg,#1f1f1f 0%,#141414 100%);padding:50px 40px;border-radius:6px;box-shadow:0 4px 20px #00000080;border:1px solid #ff2ab633}
.infoTitle{font-size:2em;color:#FF2AB6;margin:0 0 32px;font-weight:600}
.contactItem{margin-bottom:32px}
.contactItem:last-child{margin-bottom:0}
.itemLabel{font-size:.9em;color:#faf1de99;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;display:block}
.itemValue{font-size:1.15em;color:#FAF1DE;margin:0;line-height:1.6}
.itemValue a{color:#FAF1DE;text-decoration:none;transition:color .3s ease}
.itemValue a:hover{color:#FF2AB6}
.formSide{background:#1a1a1a;padding:50px 40px;border-radius:6px;box-shadow:0 4px 20px #00000080;border:1px solid #304f464d}
.formTitle{font-size:2em;color:#FAF1DE;margin:0 0 12px;font-weight:600}
.formDesc{font-size:1em;color:#faf1deb3;margin:0 0 36px;line-height:1.5}
.formGroup{margin-bottom:28px}
.formLabel{display:block;font-size:.95em;color:#FAF1DE;margin-bottom:8px;font-weight:500}
.formInput,.formSelect,.formTextarea{width:100%;padding:14px 16px;background:#0d0d0d;border:1px solid #faf1de33;border-radius:4px;color:#FAF1DE;font-size:1em;transition:all .3s ease;box-sizing:border-box}
.formInput:focus,.formSelect:focus,.formTextarea:focus{outline:none;border-color:#FF2AB6;box-shadow:0 0 0 3px #ff2ab626}
.formTextarea{resize:vertical;min-height:140px}
.privacyWrap{margin:24px 0;display:flex;align-items:start;gap:10px}
.privacyCheck{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.privacyText{font-size:.9em;color:#faf1decc;line-height:1.5}
.privacyText a{color:#FF2AB6;text-decoration:none;transition:opacity .3s ease}
.privacyText a:hover{opacity:.8}
.submitBtn{background:linear-gradient(135deg,#FF2AB6 0%,#d0228a 100%);color:#FAF1DE;border:none;padding:16px 48px;border-radius:4px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff2ab64d;width:100%;z-index:10;position:relative}
.submitBtn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff2ab666}
.hoursSection{max-width:1200px;margin:0 auto 80px;padding:0 20px}
.hoursBox{background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 100%);padding:60px 50px;border-radius:6px;text-align:center;border:1px solid #ff2ab626;position:relative;overflow:hidden}
.hoursBox::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ff2ab614,transparent);transition:left .6s ease}
.hoursBox:hover::before{left:100%}
.hoursHeading{font-size:1.8em;color:#FF2AB6;margin:0 0 20px;font-weight:600;position:relative;z-index:2}
.hoursPara{font-size:1.1em;color:#faf1decc;margin:0;line-height:1.6;position:relative;z-index:2}
.whyReachSection{background:linear-gradient(165deg,#0d0d0d 0%,#1a1a1a 100%);padding:80px 20px;position:relative}
.whyReachSection::after{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#304f461f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.whyReachInner{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.whyReachTitle{font-size:2.4em;color:#FAF1DE;margin:0 0 48px;text-align:center;font-weight:600}
.reasonGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.reasonCard{background:#1a1a1a99;padding:36px 28px;border-radius:5px;border:1px solid #faf1de1a;transition:all .3s ease}
.reasonCard:hover{transform:translateY(-4px);border-color:#ff2ab666;box-shadow:0 6px 18px #0006}
.reasonIcon{width:56px;height:56px;margin-bottom:20px}
.reasonIcon svg{width:100%;height:100%;fill:#FF2AB6}
.reasonCardTitle{font-size:1.3em;color:#FF2AB6;margin:0 0 12px;font-weight:600}
.reasonCardText{font-size:1em;color:#faf1debf;line-height:1.6;margin:0}
@media (max-width: 1024px) {
.contactSplit{grid-template-columns:1fr;gap:40px}
.heroTitle{font-size:2.6em}
}
@media (max-width: 640px) {
.contactHeroWrap{padding:80px 20px 60px}
.heroTitle{font-size:2em}
.heroSubtext{font-size:1.1em}
.infoSide,.formSide{padding:36px 24px}
.infoTitle,.formTitle{font-size:1.6em}
.whyReachTitle{font-size:1.9em}
.reasonGrid{grid-template-columns:1fr}
}
.titleWrap{background:linear-gradient(165deg,#1a1a1a 0%,#0d0d0d 100%);padding:80px 20px;position:relative;overflow:hidden}
.titleWrap::before{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#ff2ab626 0%,transparent 70%);border-radius:50%}
.titleContainer{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.titleText h1{font-size:52px;line-height:1.2;color:#FAF1DE;margin:0 0 24px;font-weight:700}
.titleText .subline{font-size:19px;line-height:1.6;color:#faf1decc;margin:0}
.titleImage{position:relative}
.titleImage img{width:100%;height:420px;object-fit:cover;border-radius:4px;position:relative}
.titleImage::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,transparent,#000000b3);border-radius:4px;pointer-events:none}
.dotsDecor{position:absolute;bottom:30px;left:-40px;width:200px;height:3px;display:flex;gap:8px;align-items:center}
.dotsDecor span{width:6px;height:6px;background:#FF2AB6;border-radius:50%;opacity:.6}
.dotsDecor span:nth-child(2){opacity:.8}
.dotsDecor span:nth-child(3){opacity:1}
.processBlock{background:#0d0d0d;padding:100px 20px;position:relative}
.processInner{max-width:1200px;margin:0 auto}
.processBlock h2{font-size:42px;color:#FAF1DE;margin:0 0 60px;text-align:center;font-weight:700}
.stepsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.stepCard{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);padding:40px 30px;border-radius:3px;border:1px solid #ff2ab633;position:relative;transition:all .3s cubic-bezier(0.4,0,0.2,1)}
.stepCard:hover{transform:translateY(-8px);border-color:#ff2ab680;box-shadow:0 12px 24px #ff2ab626}
.stepNum{font-size:64px;color:#ff2ab64d;font-weight:700;line-height:1;margin:0 0 20px}
.stepCard h3{font-size:24px;color:#FAF1DE;margin:0 0 16px;font-weight:600}
.stepCard p{font-size:16px;line-height:1.7;color:#faf1deb3;margin:0}
.offerSection{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 50%,#1a1a1a 100%);padding:100px 20px;position:relative}
.offerSection::before{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#FF2AB6,transparent)}
.offerWrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:45% 55%;gap:80px;align-items:start}
.offerContent h2{font-size:38px;color:#FAF1DE;margin:0 0 28px;font-weight:700}
.offerContent .intro{font-size:18px;line-height:1.8;color:#faf1debf;margin:0 0 40px}
.benefitList{list-style:none;padding:0;margin:0}
.benefitList li{padding:20px 0;border-bottom:1px solid #ff2ab626;font-size:17px;line-height:1.6;color:#faf1decc;position:relative;padding-left:32px}
.benefitList li::before{content:'';position:absolute;left:0;top:24px;width:16px;height:16px;background:#FF2AB6;border-radius:50%}
.benefitList li:last-child{border-bottom:none}
.offerVisual img{width:100%;height:520px;object-fit:cover;border-radius:4px;box-shadow:0 8px 32px #0006}
.ctaZone{background:#0d0d0d;padding:90px 20px;position:relative}
.ctaZone::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#304F46,#FF2AB6,#304F46)}
.ctaInner{max-width:900px;margin:0 auto;text-align:center}
.ctaInner h2{font-size:36px;color:#FAF1DE;margin:0 0 20px;font-weight:700}
.ctaInner .message{font-size:18px;line-height:1.7;color:#faf1debf;margin:0 0 40px}
.actionRow{display:flex;gap:20px;justify-content:center;align-items:center}
.btnPrimary{display:inline-block;padding:16px 36px;background:linear-gradient(135deg,#FF2AB6,#d01691);color:#FAF1DE;text-decoration:none;font-size:17px;font-weight:600;border-radius:3px;transition:all .3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 16px #ff2ab640;position:relative;z-index:10}
.btnPrimary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff2ab666;background:linear-gradient(135deg,#d01691,#FF2AB6)}
.btnSecondary{display:inline-block;padding:16px 36px;background:transparent;color:#FAF1DE;text-decoration:none;font-size:17px;font-weight:600;border-radius:3px;border:2px solid #304F46;transition:all .3s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:10}
.btnSecondary:hover{background:#304f4633;border-color:#FF2AB6;transform:translateY(-2px)}
@media (max-width: 1024px) {
.titleContainer{grid-template-columns:1fr;gap:40px}
.titleText h1{font-size:42px}
.stepsGrid{grid-template-columns:1fr;gap:30px}
.offerWrap{grid-template-columns:1fr;gap:50px}
}
@media (max-width: 640px) {
.titleWrap{padding:60px 20px}
.titleText h1{font-size:34px}
.titleText .subline{font-size:17px}
.titleImage img{height:300px}
.processBlock{padding:70px 20px}
.processBlock h2{font-size:32px}
.stepCard{padding:30px 20px}
.offerSection{padding:70px 20px}
.offerContent h2{font-size:30px}
.offerVisual img{height:360px}
.ctaZone{padding:60px 20px}
.ctaInner h2{font-size:28px}
.actionRow{flex-direction:column;width:100%}
.btnPrimary,.btnSecondary{width:100%;text-align:center}
}
.confirmationPage{background:linear-gradient(165deg,#0a0a0a 0%,#1a1a1a 50%,#0d0d0d 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.confirmationPage::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ff2ab626 0%,transparent 70%);border-radius:50%;animation:floatGlow 8s ease-in-out infinite}
.confirmationPage::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#304f4633 0%,transparent 65%);border-radius:50%;animation:floatGlow 10s ease-in-out infinite reverse}
@keyframes floatGlow {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-30px) scale(1.1)}
}
.successWrapper{max-width:680px;width:100%;background:linear-gradient(145deg,#1a1a1af2 0%,#0f0f0ffa 100%);border:1px solid #ff2ab633;border-radius:6px;padding:70px 50px;position:relative;z-index:2;box-shadow:0 6px 20px #0009 0 0 40px #ff2ab61a;text-align:center}
.iconCircle{width:110px;height:110px;margin:0 auto 35px;background:linear-gradient(135deg,#ff2ab640 0%,#304f4640 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 30px #ff2ab64d}
.iconCircle::before{content:'';position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(90deg,#FF2AB6,#304F46);opacity:.4;z-index:-1;animation:rotateBorder 3s linear infinite}
@keyframes rotateBorder {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.checkmarkSvg{width:56px;height:56px}
.checkmarkPath{fill:none;stroke:#FF2AB6;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:drawCheck .8s ease-out .3s forwards}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.mainHeading{font-size:42px;font-weight:700;color:#FAF1DE;margin:0 0 18px;letter-spacing:-.5px;line-height:1.2}
.descriptionText{font-size:17px;line-height:1.65;color:#faf1debf;margin:0 0 45px;max-width:520px;margin-left:auto;margin-right:auto}
.actionButtons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.primaryBtn{display:inline-block;padding:16px 38px;background:linear-gradient(135deg,#FF2AB6 0%,#d91596 100%);color:#0a0a0a;font-size:16px;font-weight:600;border-radius:4px;text-decoration:none;transition:all .25s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 12px #ff2ab64d;position:relative;z-index:3}
.primaryBtn:hover{background:linear-gradient(135deg,#d91596 0%,#FF2AB6 100%);box-shadow:0 6px 18px #ff2ab680;transform:translateY(-2px)}
.primaryBtn:active{transform:translateY(0)}
.secondaryBtn{display:inline-block;padding:16px 38px;background:transparent;color:#FAF1DE;font-size:16px;font-weight:600;border:2px solid #faf1de4d;border-radius:4px;text-decoration:none;transition:all .25s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:3}
.secondaryBtn:hover{border-color:#FF2AB6;color:#FF2AB6;box-shadow:0 0 20px #ff2ab633}
.decorativeAccent{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,#FF2AB6 50%,transparent 100%);opacity:.6}
@media (max-width: 640px) {
.confirmationPage{padding:40px 16px}
.successWrapper{padding:50px 28px}
.mainHeading{font-size:32px}
.descriptionText{font-size:16px}
.actionButtons{flex-direction:column;gap:12px}
.primaryBtn,.secondaryBtn{width:100%;padding:15px 30px}
.iconCircle{width:90px;height:90px;margin-bottom:28px}
.checkmarkSvg{width:46px;height:46px}
}
@media (min-width: 641px) and (max-width: 1024px) {
.successWrapper{padding:60px 40px}
.mainHeading{font-size:38px}
}