@import "https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Bitter:wght@400;700&display=swap";
*,::before,::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Fira Sans',sans-serif;background:#f8f9fa;color:#2c2c2c;line-height:1.6;font-size:16px}
.MainContentWrapper{max-width:1536px;margin:0 auto;padding:0 20px}
.HeaderBase{background:linear-gradient(135deg,#13621b08 0%,#87540d05 100%);position:relative;padding:0;box-shadow:0 4px 2px #0000000a}
.HeaderBase::before{content:'Domain';position:absolute;top:50%;left:5%;transform:translateY(-50%);font-size:120px;font-weight:700;color:#13621b0a;font-family:'Bitter',serif;z-index:1;pointer-events:none;letter-spacing:-2px}
.TopHeaderRow{position:relative;z-index:3;padding:18px 0;background:#ffffffeb}
.TopHeaderRow .MainContentWrapper{display:flex;align-items:center;justify-content:space-between;gap:40px}
.LogoBox{display:flex;align-items:center;flex-shrink:0;background:#fff;padding:12px 20px;border-radius:24px;box-shadow:0 3px 8px #13621b1f;position:relative;z-index:4}
.LogoBox img{height:85px;width:85px;object-fit:contain}
.BottomHeaderRow{position:relative;z-index:2;background:linear-gradient(to right,#13621b0f,#87540d0a);padding:16px 0}
.PrimaryNavigation{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.PrimaryNavigation a{color:#2c2c2c;text-decoration:none;padding:12px 28px;border-radius:20px;font-weight:600;font-size:15px;transition:background .2s ease,color .2s ease;background:#ffffffb3}
.PrimaryNavigation a:hover{background:#13621b1f;color:#13621B}
.NavItemWithSubmenu{position:relative}
.SubmenuDropdown{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 6px 3px #0000001f;border-radius:18px;min-width:200px;padding:12px 0;margin-top:8px;z-index:100}
.NavItemWithSubmenu:hover .SubmenuDropdown{display:block}
.SubmenuDropdown a{display:block;padding:10px 24px;border-radius:0;background:transparent}
.SubmenuDropdown a:hover{background:#13621b14}
.FooterSection{background:linear-gradient(135deg,#13621B 0%,#0d4514 100%);color:#fff;padding:60px 0 30px;margin-top:80px}
.FooterContentGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px;margin-bottom:50px}
.FooterColumnAbout h3,.FooterColumnServices h3,.FooterColumnContacts h3{font-family:'Bitter',serif;font-size:20px;margin-bottom:18px;font-weight:700;color:#fff}
.FooterColumnAbout p{line-height:1.8;opacity:.9;font-size:15px}
.FooterColumnServices ul{list-style:none}
.FooterColumnServices ul li{margin-bottom:10px}
.FooterColumnServices ul li a{color:#ffffffd9;text-decoration:none;transition:color .2s ease;font-size:15px}
.FooterColumnServices ul li a:hover{color:#fff}
.FooterColumnContacts p{margin-bottom:12px;opacity:.9;font-size:15px;line-height:1.7}
.FooterColumnContacts a{color:#ffffffe6;text-decoration:none;transition:color .2s ease}
.FooterColumnContacts a:hover{color:#fff}
.CopyrightBar{border-top:1px solid #ffffff26;padding-top:25px;text-align:center;font-size:14px;opacity:.8}
.ConsentOverlay{position:fixed;top:50%;right:40px;transform:translateY(-50%) translateX(150%);background:#fff;box-shadow:0 8px 4px #0000002e;border-radius:26px;width:420px;max-width:calc(100vw - 40px);z-index:10000;padding:32px;transition:transform .4s ease}
.ConsentOverlay.showing{transform:translateY(-50%) translateX(0)}
.ConsentOverlay.hiding{transform:translateY(-50%) translateX(150%)}
.ConsentTabBar{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid #e8e8e8}
.ConsentTabButton{background:transparent;border:none;padding:10px 18px;cursor:pointer;font-size:14px;font-weight:600;color:#666;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .2s ease,border-color .2s ease}
.ConsentTabButton.active{color:#13621B;border-bottom-color:#13621B}
.ConsentTabContent{display:none}
.ConsentTabContent.active{display:block}
.ConsentTabContent h3{font-family:'Bitter',serif;font-size:18px;margin-bottom:12px;color:#2c2c2c}
.ConsentTabContent p{font-size:14px;line-height:1.6;color:#555;margin-bottom:16px}
.ConsentButtonGroup{display:flex;gap:10px;margin-top:24px}
.ConsentActionButton{flex:1;padding:14px 20px;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease}
.ConsentActionButton:active{transform:scale(0.98)}
.ConsentActionButton.accept{background:#13621B;color:#fff}
.ConsentActionButton.accept:hover{background:#0f4f16}
.ConsentActionButton.decline{background:#87540D;color:#fff}
.ConsentActionButton.decline:hover{background:#6d4309}
.DetailedConsentList{margin:20px 0}
.ConsentOption{margin-bottom:16px;padding:12px;background:#f5f5f5;border-radius:16px}
.ConsentOption label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:600}
.ConsentOption input[type="checkbox"]{width:20px;height:20px;cursor:pointer}
.ConsentOption p{margin:8px 0 0 30px;font-size:13px;color:#666}
@media (max-width: 768px) {
.HeaderBase::before{font-size:60px;left:50%;transform:translate(-50%,-50%)}
.TopHeaderRow .MainContentWrapper{flex-direction:column;gap:20px}
.LogoBox{margin:0 auto}
.PrimaryNavigation{flex-direction:column;width:100%}
.PrimaryNavigation a{width:100%;text-align:center}
.FooterContentGrid{grid-template-columns:1fr;gap:35px}
.ConsentOverlay{right:20px;left:20px;width:auto;max-width:none}
}
@media (min-width: 769px) and (max-width: 1024px) {
.HeaderBase::before{font-size:90px}
.PrimaryNavigation a{padding:10px 20px;font-size:14px}
}
.doc-info{max-width:1536px;margin:0 auto;padding:80px 24px;background:#fff}
.doc-info p{font-size:17px;line-height:1.8;color:#2c2c2c;margin:0 0 24px;font-weight:400}
.doc-info p strong,.doc-info p b{font-weight:600;color:#13621B}
.doc-info ul,.doc-info ol{margin:0 0 32px;padding:0 0 0 28px}
.doc-info ul li,.doc-info ol li{font-size:17px;line-height:1.8;color:#2c2c2c;margin:0 0 16px;padding-left:8px}
.doc-info ul li strong,.doc-info ul li b,.doc-info ol li strong,.doc-info ol li b{font-weight:600;color:#13621B}
.doc-info ul{list-style-type:disc}
.doc-info ol{list-style-type:decimal}
.doc-info ul ul,.doc-info ol ul{margin:12px 0 0;padding-left:28px}
.doc-info ul ol,.doc-info ol ol{margin:12px 0 0;padding-left:28px}
.doc-info table{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 40px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 2px #00000014}
.doc-info thead{background:#13621b14}
.doc-info thead tr{border-bottom:2px solid #13621B}
.doc-info thead th{padding:20px 24px;text-align:left;font-size:16px;font-weight:600;color:#13621B;border-bottom:2px solid #13621B}
.doc-info tbody{background:#fff}
.doc-info tbody tr{border-bottom:1px solid #13621b1f}
.doc-info tbody tr:last-child{border-bottom:none}
.doc-info tbody td{padding:18px 24px;font-size:16px;line-height:1.7;color:#2c2c2c;vertical-align:top}
.doc-info tbody td strong,.doc-info tbody td b{font-weight:600;color:#13621B}
.doc-info hr{border:none;height:2px;background:#13621b26;margin:48px 0;border-radius:2px}
@media (max-width: 1024px) {
.doc-info{padding:64px 20px}
.doc-info p,.doc-info ul li,.doc-info ol li{font-size:16px;line-height:1.75}
.doc-info table{border-radius:12px}
.doc-info thead th,.doc-info tbody td{padding:16px 20px;font-size:15px}
}
@media (max-width: 768px) {
.doc-info{padding:48px 16px}
.doc-info p{margin:0 0 20px}
.doc-info p,.doc-info ul li,.doc-info ol li{font-size:15px;line-height:1.7}
.doc-info ul,.doc-info ol{padding-left:20px;margin:0 0 28px}
.doc-info ul li,.doc-info ol li{margin:0 0 12px}
.doc-info table{display:block;overflow-x:auto;border-radius:8px}
.doc-info thead th,.doc-info tbody td{padding:14px 16px;font-size:14px}
.doc-info hr{margin:36px 0}
}
@media (max-width: 480px) {
.doc-info{padding:40px 12px}
.doc-info p,.doc-info ul li,.doc-info ol li{font-size:14px}
.doc-info thead th,.doc-info tbody td{padding:12px 14px;font-size:13px}
}
.TitleHero{position:relative;max-width:1536px;margin:0 auto;padding:80px 24px;overflow:hidden}
.TitleHero .ContentGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.TitleHero .TextData{position:relative;z-index:3}
.TitleHero .TextData::before{content:'';position:absolute;left:-40px;top:0;width:3px;height:100%;background:linear-gradient(180deg,#13621B 0%,#87540D 50%,#412FC4 100%)}
.TitleHero .MainHeading{font-size:56px;font-weight:700;line-height:1.1;color:#13621B;margin:0 0 20px;letter-spacing:-.02em}
.TitleHero .TaglineText{font-size:19px;line-height:1.7;color:#2d2d2d;margin:0 0 36px}
.TitleHero .ActionWrapper{display:flex;gap:16px;flex-wrap:wrap}
.TitleHero .PrimaryBtn{padding:16px 32px;background:#13621B;color:#fff;text-decoration:none;border-radius:24px;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 8px #13621b33;border:none;cursor:pointer}
.TitleHero .PrimaryBtn:hover{background:#0f4e16;box-shadow:0 6px 12px #13621b4d;transform:translateY(-2px)}
.TitleHero .SecondaryBtn{padding:16px 32px;background:transparent;color:#87540D;text-decoration:none;border-radius:24px;font-size:17px;font-weight:600;border:2px solid #87540D;transition:all .3s ease;cursor:pointer}
.TitleHero .SecondaryBtn:hover{background:#87540d1a;transform:translateY(-2px)}
.TitleHero .ImageContainer{position:relative;z-index:2}
.TitleHero .HeroImage{width:100%;height:500px;object-fit:cover;border-radius:28px;box-shadow:0 8px 24px #0000001f;position:relative;right:-60px}
.TitleHero .ImageContainer::after{content:'';position:absolute;top:30px;right:30px;width:100%;height:100%;border:2px solid #412FC4;border-radius:28px;z-index:-1}
.PartnershipGrid{max-width:1536px;margin:0 auto;padding:100px 24px;background:linear-gradient(135deg,#13621b08 0%,#87540d08 100%)}
.PartnershipGrid .SectionLabel{text-align:center;font-size:15px;font-weight:600;color:#87540D;letter-spacing:.1em;text-transform:uppercase;margin:0 0 16px}
.PartnershipGrid .SectionHeading{text-align:center;font-size:42px;font-weight:700;line-height:1.2;color:#13621B;margin:0 0 60px;max-width:800px;margin-left:auto;margin-right:auto}
.PartnershipGrid .CardLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.PartnershipGrid .PartnerBox{background:#fff;padding:40px 32px;border-radius:20px;box-shadow:0 4px 16px #0000000f;transition:all .4s ease;border-top:4px solid transparent}
.PartnerBox:nth-child(1){border-top-color:#13621B}
.PartnerBox:nth-child(2){border-top-color:#87540D}
.PartnerBox:nth-child(3){border-top-color:#412FC4}
.PartnerBox:nth-child(4){border-top-color:#412FC4}
.PartnerBox:nth-child(5){border-top-color:#13621B}
.PartnerBox:nth-child(6){border-top-color:#87540D}
.PartnershipGrid .PartnerBox:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001f}
.PartnerBox .IconWrapper{width:64px;height:64px;margin:0 0 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#13621b1a,#87540d1a);border-radius:16px}
.PartnerBox .IconWrapper svg{width:32px;height:32px}
.PartnerBox .PartnerTitle{font-size:22px;font-weight:700;color:#13621B;margin:0 0 12px;line-height:1.3}
.PartnerBox .PartnerDetail{font-size:16px;line-height:1.7;color:#4d4d4d;margin:0}
.BenefitsWrapper{max-width:1536px;margin:0 auto;padding:100px 24px}
.BenefitsWrapper .LayoutDual{display:grid;grid-template-columns:45% 50%;gap:5%;align-items:start}
.BenefitsWrapper .ImagePanel{position:relative}
.BenefitsWrapper .PanelImage{width:100%;height:620px;object-fit:cover;border-radius:28px;box-shadow:0 6px 20px #0000001a}
.BenefitsWrapper .ImagePanel::before{content:'';position:absolute;bottom:-20px;left:-20px;width:200px;height:200px;background:#412fc426;border-radius:50%;z-index:-1}
.BenefitsWrapper .ContentPanel{padding:40px 0}
.BenefitsWrapper .PanelHeading{font-size:38px;font-weight:700;line-height:1.2;color:#13621B;margin:0 0 32px}
.BenefitsWrapper .PanelHeading::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#87540D,#412FC4);margin-top:16px;border-radius:8px}
.BenefitsWrapper .BenefitList{display:flex;flex-direction:column;gap:24px}
.BenefitList .BenefitItem{display:flex;gap:20px;align-items:start}
.BenefitItem .CheckIcon{width:28px;height:28px;flex-shrink:0;margin-top:4px}
.BenefitItem .BenefitText{flex:1}
.BenefitItem .BenefitTitle{font-size:20px;font-weight:700;color:#13621B;margin:0 0 8px;line-height:1.3}
.BenefitItem .BenefitDesc{font-size:16px;line-height:1.7;color:#4d4d4d;margin:0}
@media (max-width: 1024px) {
.TitleHero .ContentGrid{grid-template-columns:1fr;gap:40px}
.TitleHero .HeroImage{right:0;height:400px}
.TitleHero .MainHeading{font-size:44px}
.PartnershipGrid .CardLayout{grid-template-columns:repeat(2,1fr);gap:24px}
.BenefitsWrapper .LayoutDual{grid-template-columns:1fr;gap:40px}
.BenefitsWrapper .PanelImage{height:400px}
}
@media (max-width: 768px) {
.TitleHero{padding:60px 20px}
.TitleHero .MainHeading{font-size:36px}
.TitleHero .TaglineText{font-size:17px}
.TitleHero .ActionWrapper{flex-direction:column}
.TitleHero .PrimaryBtn,.TitleHero .SecondaryBtn{width:100%;text-align:center}
.PartnershipGrid{padding:80px 20px}
.PartnershipGrid .SectionHeading{font-size:32px;margin-bottom:40px}
.PartnershipGrid .CardLayout{grid-template-columns:1fr}
.BenefitsWrapper{padding:80px 20px}
.BenefitsWrapper .PanelHeading{font-size:30px}
.BenefitItem .BenefitTitle{font-size:18px}
}
.TitleZone{background:linear-gradient(135deg,#13621b14 0%,#87540d0d 100%);position:relative;overflow:hidden;padding:0;margin:0 auto;max-width:1536px}
.DiagonalSplit{display:grid;grid-template-columns:1fr 1fr;min-height:620px;position:relative}
.TextPortion{padding:84px 64px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:3}
.TextPortion .MainStatement{font-size:48px;line-height:1.15;color:#13621B;margin:0 0 28px;font-weight:700}
.TextPortion .DialogueText{font-size:19px;line-height:1.7;color:#2a2a2a;margin:0 0 36px}
.TextPortion .ActionButton{background:linear-gradient(135deg,#13621B 0%,#0d4513 100%);color:#fff;padding:18px 42px;border:none;border-radius:24px;font-size:17px;font-weight:600;cursor:pointer;display:inline-block;text-decoration:none;align-self:flex-start;box-shadow:0 6px 18px #13621b38;transition:all .3s ease;z-index:10;position:relative}
.TextPortion .ActionButton:hover{transform:translateY(-3px);box-shadow:0 10px 28px #13621b52;background:linear-gradient(135deg,#0d4513 0%,#13621B 100%)}
.ImagePortion{position:relative;display:flex;align-items:center;justify-content:center;padding:48px}
.ImagePortion .DepthFrame{position:relative;width:100%;max-width:520px;z-index:2}
.ImagePortion .DepthFrame img{width:100%;height:auto;border-radius:28px;box-shadow:0 24px 64px #0000002e 0 8px 24px #13621b1f;display:block;object-fit:cover}
.BackgroundMotion{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}
.BackgroundMotion::before{content:'';position:absolute;top:-20%;right:-10%;width:480px;height:480px;background:radial-gradient(circle,#412fc414 0%,transparent 70%);border-radius:50%}
.BackgroundMotion::after{content:'';position:absolute;bottom:-15%;left:5%;width:360px;height:360px;background:radial-gradient(circle,#87540d0f 0%,transparent 70%);border-radius:50%}
.NumbersBlock{max-width:1536px;margin:0 auto;padding:96px 64px;background:#fff}
.NumbersBlock .BlockHeader{text-align:center;margin:0 0 68px}
.NumbersBlock .BlockHeader h2{font-size:42px;color:#13621B;margin:0 0 18px;font-weight:700}
.NumbersBlock .BlockHeader .Description{font-size:18px;line-height:1.6;color:#555;max-width:720px;margin:0 auto}
.StatsDisplay{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin:0 auto;max-width:1200px}
.StatCard{background:linear-gradient(135deg,#13621b0a 0%,#87540d05 100%);padding:48px 36px;border-radius:24px;text-align:center;border:2px solid #13621b14;transition:all .4s ease;position:relative;overflow:hidden}
.StatCard::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#13621b0f,transparent);transition:left .6s ease}
.StatCard:hover::before{left:100%}
.StatCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #13621b24;border-color:#13621b2e}
.StatCard .BigNumber{font-size:58px;font-weight:800;color:#13621B;margin:0 0 12px;display:block}
.StatCard .MetricLabel{font-size:20px;color:#87540D;font-weight:600;margin:0 0 16px}
.StatCard .MetricDetail{font-size:15px;line-height:1.5;color:#666}
.TechSection{background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%);padding:102px 64px;max-width:1536px;margin:0 auto}
.TechSection .SectionIntro{max-width:840px;margin:0 auto 78px;text-align:center}
.TechSection .SectionIntro h2{font-size:44px;color:#412FC4;margin:0 0 22px;font-weight:700}
.TechSection .SectionIntro .IntroText{font-size:18px;line-height:1.7;color:#444}
.TechGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:54px;max-width:1280px;margin:0 auto}
.TechItem{display:grid;grid-template-columns:200px 1fr;gap:32px;background:#fff;padding:42px;border-radius:28px;box-shadow:0 4px 16px #0000000f;transition:all .35s ease;border:2px solid transparent}
.TechItem:hover{border-color:#412fc41f;box-shadow:0 8px 28px #0000001a;transform:translateX(6px)}
.TechItem .ImageContainer{width:200px;height:200px;border-radius:20px;overflow:hidden}
.TechItem .ImageContainer img{width:100%;height:100%;object-fit:cover}
.TechItem .ContentArea{display:flex;flex-direction:column;justify-content:center}
.TechItem .ContentArea h3{font-size:26px;color:#13621B;margin:0 0 16px;font-weight:700}
.TechItem .ContentArea .TechDescription{font-size:16px;line-height:1.65;color:#555;margin:0}
.ProblemsWrapper{max-width:1536px;margin:0 auto;padding:94px 64px;background:#fff}
.ProblemsWrapper .HeaderZone{text-align:center;margin:0 0 72px}
.ProblemsWrapper .HeaderZone h2{font-size:46px;color:#87540D;margin:0 0 20px;font-weight:700}
.ProblemsWrapper .HeaderZone .Subtitle{font-size:19px;line-height:1.6;color:#555;max-width:760px;margin:0 auto}
.SolutionCards{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;max-width:1280px;margin:0 auto}
.SolutionCard{background:linear-gradient(135deg,#87540d08 0%,#412fc405 100%);padding:52px 38px;border-radius:26px;border:2px solid #87540d1a;transition:all .4s ease;position:relative}
.SolutionCard::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#87540D 0%,#412FC4 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.SolutionCard:hover::after{transform:scaleX(1)}
.SolutionCard:hover{transform:translateY(-10px);box-shadow:0 16px 42px #87540d26;border-color:#87540d33}
.SolutionCard .ProblemTitle{font-size:24px;color:#13621B;margin:0 0 20px;font-weight:700}
.SolutionCard .SolutionText{font-size:16px;line-height:1.7;color:#444;margin:0}
.DevelopmentPath{background:linear-gradient(135deg,#13621b0f 0%,#412fc40a 100%);padding:108px 64px;max-width:1536px;margin:0 auto}
.DevelopmentPath .PathIntro{max-width:880px;margin:0 auto 84px;text-align:center}
.DevelopmentPath .PathIntro h2{font-size:48px;color:#412FC4;margin:0 0 24px;font-weight:700}
.DevelopmentPath .PathIntro .IntroStatement{font-size:19px;line-height:1.7;color:#3a3a3a}
.LevelStructure{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;max-width:1360px;margin:0 auto}
.LevelCard{background:#fff;padding:46px 32px;border-radius:24px;box-shadow:0 6px 20px #00000014;border:3px solid transparent;transition:all .35s ease;position:relative}
.LevelCard::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,#13621B,#87540D,#412FC4);border-radius:24px;opacity:0;transition:opacity .35s ease;z-index:-1}
.LevelCard:hover::before{opacity:1}
.LevelCard:hover{transform:scale(1.05);box-shadow:0 12px 36px #00000024}
.LevelCard .LevelNumber{font-size:64px;font-weight:800;background:linear-gradient(135deg,#13621B,#412FC4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 18px;display:block}
.LevelCard .LevelName{font-size:22px;color:#87540D;font-weight:700;margin:0 0 18px}
.LevelCard .LevelInfo{font-size:15px;line-height:1.65;color:#555;margin:0}
@media (max-width: 1200px) {
.DiagonalSplit{grid-template-columns:1fr}
.ImagePortion{padding:64px 48px}
.TextPortion{padding:64px 48px}
.StatsDisplay{grid-template-columns:repeat(2,1fr);gap:36px}
.TechGrid{grid-template-columns:1fr;gap:42px}
.SolutionCards{grid-template-columns:repeat(2,1fr);gap:36px}
.LevelStructure{grid-template-columns:repeat(2,1fr);gap:32px}
}
@media (max-width: 768px) {
.TextPortion .MainStatement{font-size:36px}
.TextPortion .DialogueText{font-size:17px}
.NumbersBlock{padding:72px 32px}
.NumbersBlock .BlockHeader h2{font-size:34px}
.StatsDisplay{grid-template-columns:1fr;gap:28px}
.TechSection{padding:72px 32px}
.TechSection .SectionIntro h2{font-size:34px}
.TechItem{grid-template-columns:1fr;gap:24px;padding:32px}
.TechItem .ImageContainer{width:100%;height:240px}
.ProblemsWrapper{padding:72px 32px}
.ProblemsWrapper .HeaderZone h2{font-size:36px}
.SolutionCards{grid-template-columns:1fr;gap:28px}
.DevelopmentPath{padding:72px 32px}
.DevelopmentPath .PathIntro h2{font-size:36px}
.LevelStructure{grid-template-columns:1fr;gap:24px}
}
.ContactWrapper{width:100%;max-width:1536px;margin:0 auto}
.IntroSplash{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:60px 20px;margin-bottom:80px}
.IntroSplash .ImageGrid{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);opacity:.15;filter:blur(1px)}
.IntroSplash .ImageGrid .FragmentOne{grid-column:2 / 5;grid-row:1 / 4;background:url(./profile_pictures/blog-2-5.jpg) center/cover;border-radius:24px}
.IntroSplash .ImageGrid .FragmentTwo{grid-column:8 / 11;grid-row:3 / 6;background:url(./profile_pictures/main-blog10.jpg) center/cover;border-radius:24px}
.IntroSplash .ImageGrid .FragmentThree{grid-column:3 / 6;grid-row:5 / 8;background:url(./profile_pictures/blog-2-5.jpg) center/cover;border-radius:24px;opacity:.6}
.IntroSplash .ImageGrid .FragmentFour{grid-column:9 / 12;grid-row:6 / 9;background:url(./profile_pictures/main-blog10.jpg) center/cover;border-radius:24px;opacity:.7}
.IntroSplash .PatternDots{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,#13621b14 2px,transparent 2px);background-size:40px 40px;pointer-events:none}
.IntroSplash .TitleContainer{position:relative;z-index:2;text-align:center;max-width:900px}
.IntroSplash .TitleContainer .TopLine{font-size:1.1rem;color:#87540D;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}
.IntroSplash .TitleContainer .MainHeading{font-size:4.2rem;color:#13621B;font-weight:800;line-height:1.1;margin-bottom:20px}
.IntroSplash .TitleContainer .SubHeading{font-size:1.8rem;color:#412FC4;font-weight:500;line-height:1.4}
.ContactMethodsArea{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1400px;margin:0 auto 100px;padding:0 20px}
.ContactMethodsArea .MethodCard{background:linear-gradient(145deg,#fff 0%,#f8f9fa 100%);padding:48px 36px;border-radius:28px;box-shadow:0 6px 0 #0000000f;transition:transform .3s ease,box-shadow .3s ease;border:2px solid #e9ecef}
.ContactMethodsArea .MethodCard:hover{transform:translateY(-8px);box-shadow:0 12px 0 #00000014}
.ContactMethodsArea .MethodCard .IconWrapper{width:72px;height:72px;background:linear-gradient(135deg,#13621b1a 0%,#13621b33 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.ContactMethodsArea .MethodCard .IconWrapper svg{width:36px;height:36px;fill:#13621B}
.ContactMethodsArea .MethodCard .MethodTitle{font-size:1.4rem;color:#212529;font-weight:700;margin-bottom:16px}
.ContactMethodsArea .MethodCard .MethodDetail{font-size:1.05rem;color:#495057;line-height:1.7;margin-bottom:8px}
.ContactMethodsArea .MethodCard .MethodDetail a{color:#13621B;text-decoration:none;font-weight:600;transition:color .3s ease}
.ContactMethodsArea .MethodCard .MethodDetail a:hover{color:#87540D}
.FormSectionWrapper{background:linear-gradient(180deg,#fff 0%,#f8f9fa 100%);padding:100px 20px;margin-bottom:80px}
.FormSectionWrapper .FormContainer{max-width:800px;margin:0 auto;background:#fff;padding:60px;border-radius:32px;box-shadow:0 8px 0 #0000000d;border:3px solid #e9ecef}
.FormSectionWrapper .FormContainer .FormHeading{font-size:2.4rem;color:#13621B;font-weight:800;margin-bottom:12px;text-align:center}
.FormSectionWrapper .FormContainer .FormSubtext{font-size:1.1rem;color:#6c757d;text-align:center;margin-bottom:48px;line-height:1.6}
.FormSectionWrapper .FormContainer .InputGroup{margin-bottom:32px}
.FormSectionWrapper .FormContainer .InputGroup label{display:block;font-size:1.05rem;color:#212529;font-weight:600;margin-bottom:12px}
.FormSectionWrapper .FormContainer .InputGroup input[type="email"]{width:100%;padding:18px 24px;font-size:1.05rem;border:2px solid #dee2e6;border-radius:16px;background:#f8f9fa;transition:all .3s ease;box-sizing:border-box}
.FormSectionWrapper .FormContainer .InputGroup input[type="email"]:focus{outline:none;border-color:#13621B;background:#fff;box-shadow:0 4px 0 #13621b1a}
.FormSectionWrapper .FormContainer .CheckboxArea{margin-bottom:32px}
.FormSectionWrapper .FormContainer .CheckboxArea .SectionLabel{font-size:1.1rem;color:#212529;font-weight:600;margin-bottom:20px;display:block}
.FormSectionWrapper .FormContainer .CheckboxArea .OptionWrapper{margin-bottom:16px}
.FormSectionWrapper .FormContainer .CheckboxArea .OptionWrapper input[type="checkbox"]{display:none}
.FormSectionWrapper .FormContainer .CheckboxArea .OptionWrapper label{display:flex;align-items:center;cursor:pointer;font-size:1.02rem;color:#495057;font-weight:500}
.FormSectionWrapper .FormContainer .CheckboxArea .OptionWrapper label::before{content:'';width:28px;height:28px;border:2px solid #dee2e6;border-radius:8px;margin-right:14px;background:#f8f9fa;transition:all .3s ease;flex-shrink:0}
.FormSectionWrapper .FormContainer .CheckboxArea .OptionWrapper input[type="checkbox"]:checked + label::before{background:#13621B;border-color:#13621B;box-shadow:inset 0 0 0 4px #fff}
.FormSectionWrapper .FormContainer .CheckboxArea .OptionWrapper input[type="checkbox"]:focus + label::before{box-shadow:0 0 0 4px #13621b33}
.FormSectionWrapper .FormContainer .PrivacyCheck{margin-bottom:32px}
.FormSectionWrapper .FormContainer .PrivacyCheck input[type="checkbox"]{display:none}
.FormSectionWrapper .FormContainer .PrivacyCheck label{display:flex;align-items:flex-start;cursor:pointer;font-size:.95rem;color:#6c757d;line-height:1.6}
.FormSectionWrapper .FormContainer .PrivacyCheck label::before{content:'';width:24px;height:24px;border:2px solid #dee2e6;border-radius:6px;margin-right:12px;background:#f8f9fa;transition:all .3s ease;flex-shrink:0;margin-top:2px}
.FormSectionWrapper .FormContainer .PrivacyCheck input[type="checkbox"]:checked + label::before{background:#412FC4;border-color:#412FC4;box-shadow:inset 0 0 0 3px #fff}
.FormSectionWrapper .FormContainer .PrivacyCheck label a{color:#13621B;text-decoration:underline;font-weight:600}
.FormSectionWrapper .FormContainer .SubmitButton{width:100%;padding:20px 40px;font-size:1.15rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#13621B 0%,#0f4d15 100%);border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 0 #13621b4d;text-transform:uppercase;letter-spacing:1px}
.FormSectionWrapper .FormContainer .SubmitButton:hover{transform:translateY(-4px);box-shadow:0 10px 0 #13621b4d;background:linear-gradient(135deg,#0f4d15 0%,#13621B 100%)}
.FormSectionWrapper .FormContainer .SubmitButton:active{transform:translateY(-2px);box-shadow:0 4px 0 #13621b4d}
@media (max-width: 1024px) {
.ContactMethodsArea{grid-template-columns:repeat(2,1fr);gap:32px}
.IntroSplash .TitleContainer .MainHeading{font-size:3.2rem}
.IntroSplash .TitleContainer .SubHeading{font-size:1.5rem}
}
@media (max-width: 768px) {
.ContactMethodsArea{grid-template-columns:1fr;gap:24px}
.IntroSplash{min-height:420px;padding:40px 20px}
.IntroSplash .TitleContainer .MainHeading{font-size:2.4rem}
.IntroSplash .TitleContainer .SubHeading{font-size:1.2rem}
.FormSectionWrapper .FormContainer{padding:40px 28px}
.FormSectionWrapper .FormContainer .FormHeading{font-size:2rem}
}
@media (max-width: 480px) {
.IntroSplash .TitleContainer .MainHeading{font-size:1.9rem}
.IntroSplash .TitleContainer .TopLine{font-size:.95rem}
.ContactMethodsArea .MethodCard{padding:36px 24px}
.FormSectionWrapper{padding:60px 20px}
}
.TitleHeroContainer{max-width:1536px;margin:0 auto;display:flex;align-items:center;gap:64px;padding:96px 48px}
.TitleHeroContainer .text-data{flex:1;position:relative}
.TitleHeroContainer .text-data::before{content:'';position:absolute;left:-32px;top:50%;transform:translateY(-50%);width:4px;height:80%;background:linear-gradient(180deg,#13621b1a,#13621bcc,#13621b1a);border-radius:16px}
.TitleHeroContainer .text-data h1{font-size:56px;line-height:1.2;color:#13621B;margin:0 0 24px;font-weight:700;letter-spacing:-.02em}
.TitleHeroContainer .text-data .quote-statement{font-size:20px;line-height:1.7;color:#2a2a2a;margin:0 0 40px;padding-left:24px;border-left:3px solid #87540D;font-style:italic}
.TitleHeroContainer .action-wrapper{display:flex;gap:20px;align-items:center}
.TitleHeroContainer .action-wrapper .PrimaryActionButton{padding:18px 40px;background:linear-gradient(135deg,#13621B,#0f4d16);color:#fff;border:none;border-radius:24px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:4px 4px 8px #00000026;z-index:10;position:relative}
.TitleHeroContainer .action-wrapper .PrimaryActionButton:hover{transform:translateY(-2px);box-shadow:6px 6px 12px #0003;background:linear-gradient(135deg,#0f4d16,#13621B)}
.TitleHeroContainer .action-wrapper .SecondaryLinkButton{padding:18px 40px;background:transparent;color:#412FC4;border:2px solid #412FC4;border-radius:24px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;z-index:10;position:relative}
.TitleHeroContainer .action-wrapper .SecondaryLinkButton:hover{background:#412FC4;color:#fff;transform:translateY(-2px)}
.TitleHeroContainer .image-wrapper{flex:1;position:relative}
.TitleHeroContainer .image-wrapper::before{content:'';position:absolute;top:-16px;right:-16px;width:120px;height:120px;background:radial-gradient(circle,#87540D 2px,transparent 2px);background-size:20px 20px;opacity:.3;z-index:1}
.TitleHeroContainer .image-wrapper img{width:100%;height:520px;object-fit:cover;border-radius:32px;box-shadow:8px 8px 24px #0000001f;animation:gentleFloat 6s ease-in-out infinite;position:relative;z-index:2}
@keyframes gentleFloat {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(-12px)}
}
.OriginNarrativeSection{background:linear-gradient(135deg,#13621b0d,#87540d0d);padding:112px 48px;position:relative;overflow:hidden}
.OriginNarrativeSection::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#13621B,transparent)}
.OriginNarrativeSection .content-container{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:64px;align-items:start}
.OriginNarrativeSection .story-column h2{font-size:42px;line-height:1.3;color:#13621B;margin:0 0 32px;font-weight:700}
.OriginNarrativeSection .story-column p{font-size:18px;line-height:1.8;color:#3a3a3a;margin:0 0 24px}
.OriginNarrativeSection .story-column p:last-child{margin-bottom:0}
.OriginNarrativeSection .visual-column{position:relative}
.OriginNarrativeSection .visual-column img{width:100%;height:460px;object-fit:cover;border-radius:28px;box-shadow:6px 6px 16px #0000001a}
.OriginNarrativeSection .visual-column::after{content:'';position:absolute;bottom:-24px;right:-24px;width:180px;height:180px;background:linear-gradient(135deg,#412fc426,transparent);border-radius:28px;z-index:-1}
.PrinciplesGridArea{padding:104px 48px;background:#fafafa}
.PrinciplesGridArea .grid-container{max-width:1536px;margin:0 auto}
.PrinciplesGridArea .section-heading{text-align:center;margin-bottom:72px}
.PrinciplesGridArea .section-heading h2{font-size:48px;line-height:1.2;color:#13621B;margin:0 0 20px;font-weight:700}
.PrinciplesGridArea .section-heading .subtitle-text{font-size:20px;line-height:1.6;color:#555;margin:0}
.PrinciplesGridArea .principles-layout{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.PrinciplesGridArea .principle-card{background:#fff;padding:40px 32px;border-radius:24px;box-shadow:4px 4px 12px #00000014;transition:all .4s ease;position:relative}
.PrinciplesGridArea .principle-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#13621B,#87540D);border-radius:24px 0 0 24px;opacity:0;transition:opacity .4s ease}
.PrinciplesGridArea .principle-card:hover{transform:translateY(-8px);box-shadow:6px 6px 20px #00000024}
.PrinciplesGridArea .principle-card:hover::before{opacity:1}
.PrinciplesGridArea .principle-card .icon-shape{width:64px;height:64px;background:linear-gradient(135deg,#13621b1a,#87540d1a);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.PrinciplesGridArea .principle-card .icon-shape svg{width:32px;height:32px;fill:#13621B}
.PrinciplesGridArea .principle-card h3{font-size:22px;line-height:1.4;color:#2a2a2a;margin:0 0 16px;font-weight:600}
.PrinciplesGridArea .principle-card p{font-size:16px;line-height:1.7;color:#555;margin:0}
.ApproachShowcaseBlock{padding:96px 48px;background:#fff;position:relative}
.ApproachShowcaseBlock .showcase-wrapper{max-width:1536px;margin:0 auto;display:flex;gap:80px;align-items:center}
.ApproachShowcaseBlock .images-cluster{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative}
.ApproachShowcaseBlock .images-cluster img{width:100%;height:280px;object-fit:cover;border-radius:24px;box-shadow:5px 5px 14px #0000001a;transition:transform .4s ease}
.ApproachShowcaseBlock .images-cluster img:hover{transform:scale(1.03)}
.ApproachShowcaseBlock .images-cluster::after{content:'';position:absolute;top:-16px;left:-16px;width:100px;height:100px;background:linear-gradient(135deg,#412fc433,transparent);border-radius:24px;z-index:-1}
.ApproachShowcaseBlock .content-data{flex:1}
.ApproachShowcaseBlock .content-data h2{font-size:44px;line-height:1.3;color:#13621B;margin:0 0 28px;font-weight:700}
.ApproachShowcaseBlock .content-data .description-text{font-size:18px;line-height:1.8;color:#3a3a3a;margin:0 0 32px}
.ApproachShowcaseBlock .content-data .feature-items{display:flex;flex-direction:column;gap:20px}
.ApproachShowcaseBlock .content-data .feature-items .feature-row{display:flex;align-items:start;gap:16px}
.ApproachShowcaseBlock .content-data .feature-items .feature-row .check-icon{width:28px;height:28px;background:#13621B;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.ApproachShowcaseBlock .content-data .feature-items .feature-row .check-icon svg{width:16px;height:16px;fill:#fff}
.ApproachShowcaseBlock .content-data .feature-items .feature-row p{font-size:17px;line-height:1.7;color:#3a3a3a;margin:0}
.JourneyPathArea{padding:112px 48px;background:linear-gradient(180deg,#fafafa,#f0f0f0);position:relative}
.JourneyPathArea::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#87540D,transparent)}
.JourneyPathArea .path-container{max-width:1536px;margin:0 auto}
.JourneyPathArea .heading-section{text-align:center;margin-bottom:64px}
.JourneyPathArea .heading-section h2{font-size:46px;line-height:1.3;color:#13621B;margin:0 0 18px;font-weight:700}
.JourneyPathArea .heading-section p{font-size:19px;line-height:1.7;color:#555;margin:0;max-width:820px;margin-left:auto;margin-right:auto}
.JourneyPathArea .timeline-wrapper{position:relative;padding:40px 0}
.JourneyPathArea .timeline-wrapper::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#13621B,#87540D,#412FC4);transform:translateX(-50%)}
.JourneyPathArea .phase-item{display:flex;align-items:center;margin-bottom:56px;position:relative}
.JourneyPathArea .phase-item:nth-child(odd){flex-direction:row}
.JourneyPathArea .phase-item:nth-child(even){flex-direction:row-reverse}
.JourneyPathArea .phase-item .phase-content{width:calc(50% - 40px);background:#fff;padding:32px 36px;border-radius:24px;box-shadow:5px 5px 14px #00000017;position:relative}
.JourneyPathArea .phase-item:nth-child(odd) .phase-content{margin-right:80px;text-align:right}
.JourneyPathArea .phase-item:nth-child(even) .phase-content{margin-left:80px;text-align:left}
.JourneyPathArea .phase-item .phase-number{position:absolute;left:50%;transform:translateX(-50%);width:56px;height:56px;background:linear-gradient(135deg,#13621B,#87540D);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;box-shadow:4px 4px 12px #00000026;z-index:2}
.JourneyPathArea .phase-item .phase-content h3{font-size:26px;line-height:1.4;color:#2a2a2a;margin:0 0 14px;font-weight:600}
.JourneyPathArea .phase-item .phase-content p{font-size:17px;line-height:1.7;color:#555;margin:0}
@media (max-width: 1200px) {
.TitleHeroContainer{flex-direction:column;padding:72px 32px;gap:48px}
.TitleHeroContainer .text-data h1{font-size:44px}
.OriginNarrativeSection .content-container{grid-template-columns:1fr;gap:48px}
.PrinciplesGridArea .principles-layout{grid-template-columns:repeat(2,1fr);gap:32px}
.ApproachShowcaseBlock .showcase-wrapper{flex-direction:column;gap:56px}
.JourneyPathArea .phase-item{flex-direction:column!important}
.JourneyPathArea .phase-item .phase-content{width:100%;margin:0!important;text-align:left!important}
.JourneyPathArea .phase-item .phase-number{position:relative;left:0;transform:none;margin-bottom:20px}
.JourneyPathArea .timeline-wrapper::before{display:none}
}
@media (max-width: 768px) {
.TitleHeroContainer{padding:56px 24px}
.TitleHeroContainer .text-data h1{font-size:36px}
.TitleHeroContainer .text-data .quote-statement{font-size:18px}
.TitleHeroContainer .action-wrapper{flex-direction:column;width:100%}
.TitleHeroContainer .action-wrapper .PrimaryActionButton,.TitleHeroContainer .action-wrapper .SecondaryLinkButton{width:100%;text-align:center}
.OriginNarrativeSection{padding:80px 24px}
.OriginNarrativeSection .story-column h2{font-size:32px}
.PrinciplesGridArea{padding:80px 24px}
.PrinciplesGridArea .section-heading h2{font-size:36px}
.PrinciplesGridArea .principles-layout{grid-template-columns:1fr}
.ApproachShowcaseBlock{padding:72px 24px}
.ApproachShowcaseBlock .content-data h2{font-size:34px}
.ApproachShowcaseBlock .images-cluster{grid-template-columns:1fr}
.JourneyPathArea{padding:80px 24px}
.JourneyPathArea .heading-section h2{font-size:34px}
}
.SuccessHero{min-height:520px;background:linear-gradient(135deg,#13621B 0%,#87540D 100%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:80px 24px}
.SuccessHero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#412fc44d,transparent);animation:gradShift 8s ease-in-out infinite}
@keyframes gradShift {
0%,100%{opacity:.3;transform:translateX(0)}
50%{opacity:.5;transform:translateX(20px)}
}
.SuccessHero .ContentWrap{max-width:880px;margin:0 auto;text-align:center;position:relative;z-index:2;transform:rotate(-1.5deg)}
.SuccessHero .MainTitle{font-size:56px;font-weight:700;color:#fff;margin:0 0 32px;line-height:1.2;text-shadow:2px 4px 8px #00000040}
.SuccessHero .DividerLine{width:180px;height:4px;background:#fff9;margin:0 auto 32px;border-radius:24px}
.SuccessHero .DescText{font-size:20px;color:#fff;line-height:1.7;margin:0;opacity:.95}
.ConfirmSection{padding:96px 24px;background:#f8f9fa}
.ConfirmSection .InnerContainer{max-width:1536px;margin:0 auto}
.ConfirmSection .GridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ConfirmSection .DataCard{background:#fff;padding:48px 32px;border-radius:24px;box-shadow:3px 5px 12px #13621b1f;position:relative;transition:all .3s ease}
.ConfirmSection .DataCard:hover{transform:translateY(-6px);box-shadow:4px 8px 20px #13621b2e}
.ConfirmSection .DataCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#13621B,#87540D);border-radius:24px 24px 0 0}
.ConfirmSection .IconBox{width:72px;height:72px;background:linear-gradient(135deg,#13621b1a,#87540d1a);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 0 24px}
.ConfirmSection .IconBox svg{width:36px;height:36px}
.ConfirmSection .CardHeading{font-size:24px;font-weight:600;color:#13621B;margin:0 0 16px;line-height:1.3}
.ConfirmSection .CardText{font-size:16px;color:#495057;line-height:1.8;margin:0 0 24px}
.ConfirmSection .ActionBtn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:#13621B;color:#fff;text-decoration:none;font-size:16px;font-weight:500;border-radius:20px;transition:all .3s ease;box-shadow:2px 4px 8px #13621b33;z-index:10;position:relative}
.ConfirmSection .ActionBtn:hover{background:#0f4f16;transform:scale(1.05);box-shadow:3px 6px 14px #13621b4d}
.ConfirmSection .ActionBtn svg{width:18px;height:18px}
.ConfirmSection .SecondaryBtn{background:transparent;color:#87540D;border:2px solid #87540D;box-shadow:none}
.ConfirmSection .SecondaryBtn:hover{background:#87540D;color:#fff}
@media (max-width: 1200px) {
.ConfirmSection .GridLayout{grid-template-columns:repeat(2,1fr);gap:32px}
}
@media (max-width: 768px) {
.SuccessHero{min-height:420px;padding:60px 20px}
.SuccessHero .MainTitle{font-size:38px;margin:0 0 24px}
.SuccessHero .DescText{font-size:17px}
.SuccessHero .ContentWrap{transform:rotate(-0.8deg)}
.ConfirmSection{padding:64px 20px}
.ConfirmSection .GridLayout{grid-template-columns:1fr;gap:24px}
.ConfirmSection .DataCard{padding:36px 24px}
.ConfirmSection .CardHeading{font-size:21px}
}
@media (max-width: 480px) {
.SuccessHero .MainTitle{font-size:32px}
.SuccessHero .DescText{font-size:16px}
.ConfirmSection .ActionBtn{width:100%;justify-content:center;padding:16px 24px}
}