html{font-family:'Karla',sans-serif;font-size:16px;line-height:1.6;color:#1a1a1a;box-sizing:border-box}
body{margin:0;padding:0;background:linear-gradient(135deg,#F2F1F1 0%,#fff 100%);min-height:100vh}
*,::before,::after{box-sizing:inherit}
.HeaderFrame{background:linear-gradient(78deg,#2399F8 0%,#1e87db 50%,#F2F1F1 100%);box-shadow:0 8px 16px #2399f826;padding:0}
.NavLayer{max-width:1600px;margin:0 auto;padding:0 20px}
.NavWrapper{display:flex;align-items:center;justify-content:center;gap:48px;padding:28px 0;flex-wrap:wrap}
.NavWrapper .CompanyLink{font-size:26px;font-weight:700;color:#fff;text-decoration:none;text-shadow:2px 2px 8px #0003;transition:color .3s}
.NavWrapper .CompanyLink:hover{color:#F2F1F1}
.NavWrapper .NavLink{font-size:17px;font-weight:400;color:#fff;text-decoration:none;padding:8px 16px;border-radius:6px;transition:background-color 0.3s,color .3s}
.NavWrapper .NavLink:hover{background-color:#ffffff26;color:#F2F1F1}
.FooterStage{background:linear-gradient(78deg,#1a1a1a 0%,#2d2d2d 50%,#3a3a3a 100%);color:#F2F1F1;padding:48px 20px 24px;margin-top:80px}
.FooterCanvas{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:32px}
.LinkColumn{display:flex;flex-direction:column;gap:14px}
.FootLink{color:#F2F1F1;text-decoration:none;font-size:15px;transition:color .3s}
.FootLink:hover{color:#2399F8}
.ContactColumn{display:flex;flex-direction:column;gap:14px}
.ContactItem{display:flex;align-items:center;gap:10px;font-size:15px}
.ContactItem i{color:#2399F8;font-size:18px}
.ContactItem a{color:#F2F1F1;text-decoration:none;transition:color .3s}
.ContactItem a:hover{color:#2399F8}
.CopyrightBar{max-width:1600px;margin:0 auto;padding-top:24px;border-top:1px solid #f2f1f133;text-align:center;font-size:14px;color:#b0b0b0}
.ConsentBox{position:fixed;top:20px;right:20px;width:380px;max-width:calc(100vw - 40px);background:#fff;border-radius:8px;box-shadow:0 12px 32px #2399f840 0 4px 12px #00000026;z-index:10000;display:none}
.ConsentBox.showing{display:block}
.ConsentHeader{padding:20px 24px;border-bottom:1px solid #e0e0e0}
.ConsentHeader h3{margin:0;font-size:19px;font-weight:700;color:#1a1a1a}
.ConsentBody{padding:20px 24px}
.ConsentBody p{margin:0 0 16px;font-size:14px;color:#4a4a4a}
.SettingsAccordion{display:flex;flex-direction:column;gap:12px}
.SettingItem{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}
.ToggleBtn{width:100%;background:#f9f9f9;border:none;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;font-weight:700;color:#1a1a1a;transition:background-color .3s}
.ToggleBtn:hover{background-color:#f0f0f0}
.ToggleBtn i{transition:transform .3s}
.SettingItem.active .ToggleBtn i{transform:rotate(180deg)}
.SettingDetails{display:none;padding:16px;background:#fff}
.SettingItem.active .SettingDetails{display:block}
.SettingDetails p{margin:0 0 12px;font-size:13px;color:#666}
.SwitchLabel{display:flex;align-items:center;cursor:pointer;position:relative}
.SwitchLabel input{position:absolute;opacity:0;width:0;height:0}
.Slider{width:48px;height:24px;background-color:#ccc;border-radius:24px;position:relative;transition:background-color .3s}
.Slider::before{content:'';position:absolute;width:18px;height:18px;background-color:#fff;border-radius:50%;top:3px;left:3px;transition:transform .3s}
.SwitchLabel input:checked + .Slider{background-color:#2399F8}
.SwitchLabel input:checked + .Slider::before{transform:translateX(24px)}
.ConsentActions{padding:16px 24px;display:flex;gap:12px;border-top:1px solid #e0e0e0}
.ActionBtn{flex:1;padding:12px 20px;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color 0.3s,transform .2s}
.ActionBtn:active{transform:scale(0.98)}
.AcceptBtn{background:linear-gradient(135deg,#2399F8 0%,#1e87db 100%);color:#fff;box-shadow:0 4px 12px #2399f84d}
.AcceptBtn:hover{background:linear-gradient(135deg,#1e87db 0%,#1a75c4 100%)}
.DeclineBtn{background:linear-gradient(135deg,#9F3111 0%,#8a2a0e 100%);color:#fff;box-shadow:0 4px 12px #9f31114d}
.DeclineBtn:hover{background:linear-gradient(135deg,#8a2a0e 0%,#75230c 100%)}
@media (max-width: 768px) {
.NavWrapper{gap:24px;padding:20px 0}
.NavWrapper .CompanyLink{font-size:22px;width:100%;text-align:center}
.NavWrapper .NavLink{font-size:15px}
.FooterCanvas{grid-template-columns:1fr;gap:32px}
.ConsentBox{width:340px;top:10px;right:10px}
}
@media (max-width: 480px) {
.NavWrapper{flex-direction:column;gap:16px}
.ConsentBox{width:calc(100vw - 20px);right:10px}
.ConsentActions{flex-direction:column}
}
.legal-wrapper{max-width:1600px;margin:0 auto;padding:60px 20px;background:#fff}
.legal-wrapper p{font-size:16px;line-height:1.8;color:#333;margin:0 0 24px;max-width:800px}
.legal-wrapper p strong,.legal-wrapper p b{color:#2399F8;font-weight:600}
.legal-wrapper ul,.legal-wrapper ol{margin:0 0 28px;padding:0 0 0 28px;max-width:800px}
.legal-wrapper ul li,.legal-wrapper ol li{font-size:16px;line-height:1.7;color:#444;margin:0 0 12px;padding:0 0 0 8px}
.legal-wrapper ul li strong,.legal-wrapper ul li b,.legal-wrapper ol li strong,.legal-wrapper ol li b{color:#2399F8;font-weight:600}
.legal-wrapper ul{list-style-type:disc}
.legal-wrapper ol{list-style-type:decimal}
.legal-wrapper ul ul,.legal-wrapper ol ol,.legal-wrapper ul ol,.legal-wrapper ol ul{margin:12px 0;padding:0 0 0 24px}
.legal-wrapper a{color:#2399F8;text-decoration:underline;transition:color .25s ease}
.legal-wrapper a:hover{color:#9F3111;text-decoration:none}
.legal-wrapper a:focus{outline:2px solid #2399F8;outline-offset:2px}
.legal-wrapper hr{border:0;height:2px;background:linear-gradient(90deg,#2399F8 0%,#F2F1F1 100%);margin:48px 0;max-width:800px}
.legal-wrapper div{margin:0 0 32px}
.legal-wrapper div p:last-child{margin-bottom:0}
.legal-wrapper div ul:last-child,.legal-wrapper div ol:last-child{margin-bottom:0}
@media (max-width: 768px) {
.legal-wrapper{padding:40px 16px}
.legal-wrapper p{font-size:15px;line-height:1.7;margin:0 0 20px}
.legal-wrapper ul,.legal-wrapper ol{padding:0 0 0 20px;margin:0 0 24px}
.legal-wrapper ul li,.legal-wrapper ol li{font-size:15px;line-height:1.6;margin:0 0 10px}
.legal-wrapper hr{margin:36px 0}
}
@media (max-width: 480px) {
.legal-wrapper{padding:32px 12px}
.legal-wrapper p{font-size:14px;margin:0 0 18px}
.legal-wrapper ul,.legal-wrapper ol{padding:0 0 0 16px}
.legal-wrapper ul li,.legal-wrapper ol li{font-size:14px;padding:0 0 0 4px}
}
.PageCanvas{max-width:1600px;margin:0 auto;width:100%}
.HeroStage{display:grid;grid-template-columns:1fr 420px;gap:60px;padding:80px 40px;align-items:center;position:relative}
.HeroStage::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:70%;background:linear-gradient(180deg,transparent 0%,#2399F8 50%,transparent 100%)}
.HeroStage::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px;height:70%;background:linear-gradient(180deg,transparent 0%,#9F3111 50%,transparent 100%)}
.HeroStage .TextLayer h1{font-size:3.2rem;line-height:1.15;margin:0 0 28px;color:#1a1a1a;font-weight:700}
.HeroStage .TextLayer .IntroText{font-size:1.15rem;line-height:1.7;color:#4a4a4a;margin:0 0 20px}
.HeroStage .ImageFrame{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #2399f826}
.HeroStage .ImageFrame::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#2399f826 0%,#9f311126 100%);animation:gradientPulse 8s ease-in-out infinite;pointer-events:none}
@keyframes gradientPulse {
0%,100%{opacity:.3}
50%{opacity:.6}
}
.HeroStage .ImageFrame img{width:100%;height:480px;object-fit:cover;display:block}
.HeroStage .ctaWrapper{margin-top:32px}
.HeroStage .ctaWrapper .PrimaryBtn{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#2399F8 0%,#1b7ac7 100%);color:#fff;text-decoration:none;border-radius:6px;font-size:1.1rem;font-weight:600;box-shadow:0 6px 16px #2399f84d;transition:all .3s ease;position:relative;z-index:10}
.HeroStage .ctaWrapper .PrimaryBtn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #2399f866}
.ApproachCanvas{padding:90px 40px;background:#F2F1F1}
.ApproachCanvas .SectionLabel{text-align:center;margin:0 0 60px}
.ApproachCanvas .SectionLabel h2{font-size:2.6rem;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.ApproachCanvas .SectionLabel .SubText{font-size:1.15rem;color:#5a5a5a;max-width:720px;margin:0 auto;line-height:1.6}
.ApproachCanvas .TypesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;max-width:1400px;margin:0 auto}
.ApproachCanvas .TypesGrid .TypeCard{background:#fff;padding:40px 32px;border-radius:10px;box-shadow:0 4px 12px #0000000f;transition:all .3s ease;border-left:4px solid transparent}
.ApproachCanvas .TypesGrid .TypeCard:nth-child(1){border-left-color:#2399F8}
.ApproachCanvas .TypesGrid .TypeCard:nth-child(2){border-left-color:#9F3111}
.ApproachCanvas .TypesGrid .TypeCard:nth-child(3){border-left-color:#2399F8}
.ApproachCanvas .TypesGrid .TypeCard:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f}
.ApproachCanvas .TypesGrid .TypeCard .IconHolder{font-size:2.4rem;margin-bottom:20px;color:#2399F8}
.ApproachCanvas .TypesGrid .TypeCard h3{font-size:1.5rem;margin:0 0 14px;color:#1a1a1a;font-weight:600}
.ApproachCanvas .TypesGrid .TypeCard p{font-size:1.05rem;line-height:1.65;color:#4a4a4a;margin:0}
.RelevanceZone{padding:90px 40px;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%)}
.RelevanceZone .ContentSplit{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1400px;margin:0 auto;align-items:center}
.RelevanceZone .ContentSplit .TextColumn h2{font-size:2.4rem;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.RelevanceZone .ContentSplit .TextColumn .DetailPara{font-size:1.1rem;line-height:1.7;color:#4a4a4a;margin:0 0 18px}
.RelevanceZone .ContentSplit .VisualColumn img{width:100%;height:420px;object-fit:cover;border-radius:10px;box-shadow:0 10px 30px #0000001a}
.AdaptivePath{padding:90px 40px;background:#1a1a1a;color:#fff}
.AdaptivePath .HeaderZone{text-align:center;margin-bottom:70px}
.AdaptivePath .HeaderZone h2{font-size:2.6rem;margin:0 0 18px;color:#fff;font-weight:700}
.AdaptivePath .HeaderZone .IntroLine{font-size:1.15rem;color:#d0d0d0;max-width:800px;margin:0 auto;line-height:1.6}
.AdaptivePath .PathSteps{max-width:900px;margin:0 auto}
.AdaptivePath .PathSteps .StepRow{display:grid;grid-template-columns:80px 1fr;gap:28px;margin-bottom:48px;position:relative}
.AdaptivePath .PathSteps .StepRow:not(:last-child)::after{content:'';position:absolute;left:40px;top:80px;width:2px;height:calc(100% + 20px);background:linear-gradient(180deg,#2399F8 0%,transparent 100%)}
.AdaptivePath .PathSteps .StepRow .NumberCircle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#2399F8 0%,#1b7ac7 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;box-shadow:0 6px 20px #2399f866}
.AdaptivePath .PathSteps .StepRow .StepContent h3{font-size:1.6rem;margin:0 0 12px;color:#fff;font-weight:600}
.AdaptivePath .PathSteps .StepRow .StepContent p{font-size:1.05rem;line-height:1.65;color:silver;margin:0}
.GuaranteeSection{padding:90px 40px;background:#F2F1F1}
.GuaranteeSection .TitleFrame{text-align:center;margin-bottom:60px}
.GuaranteeSection .TitleFrame h2{font-size:2.6rem;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.GuaranteeSection .TitleFrame .DescLine{font-size:1.15rem;color:#5a5a5a;max-width:740px;margin:0 auto;line-height:1.6}
.GuaranteeSection .PromiseGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1200px;margin:0 auto}
.GuaranteeSection .PromiseGrid .PromiseBlock{background:#fff;padding:36px 32px;border-radius:8px;box-shadow:0 4px 14px #00000014;border-top:3px solid #2399F8}
.GuaranteeSection .PromiseGrid .PromiseBlock:nth-child(2n){border-top-color:#9F3111}
.GuaranteeSection .PromiseGrid .PromiseBlock h3{font-size:1.5rem;margin:0 0 14px;color:#1a1a1a;font-weight:600}
.GuaranteeSection .PromiseGrid .PromiseBlock p{font-size:1.05rem;line-height:1.65;color:#4a4a4a;margin:0}
.SupportHub{padding:90px 40px;background:linear-gradient(135deg,#fff 0%,#f5f7fa 100%)}
.SupportHub .IntroBlock{max-width:800px;margin:0 auto 60px;text-align:center}
.SupportHub .IntroBlock h2{font-size:2.6rem;margin:0 0 18px;color:#1a1a1a;font-weight:700}
.SupportHub .IntroBlock .LeadText{font-size:1.15rem;color:#5a5a5a;line-height:1.6;margin:0}
.SupportHub .ChannelDisplay{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;max-width:1300px;margin:0 auto}
.SupportHub .ChannelDisplay .ChannelBox{background:#fff;padding:40px 28px;border-radius:10px;text-align:center;box-shadow:0 6px 18px #00000012;transition:all .3s ease}
.SupportHub .ChannelDisplay .ChannelBox:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f}
.SupportHub .ChannelDisplay .ChannelBox .IconSpace{font-size:3rem;margin-bottom:20px;color:#2399F8}
.SupportHub .ChannelDisplay .ChannelBox h3{font-size:1.4rem;margin:0 0 12px;color:#1a1a1a;font-weight:600}
.SupportHub .ChannelDisplay .ChannelBox p{font-size:1.05rem;line-height:1.6;color:#4a4a4a;margin:0 0 20px}
.SupportHub .ChannelDisplay .ChannelBox .ContactLink{display:inline-block;color:#2399F8;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .2s ease}
.SupportHub .ChannelDisplay .ChannelBox .ContactLink:hover{color:#1b7ac7;text-decoration:underline}
.InsightFrame{padding:90px 40px;background:#1a1a1a;color:#fff}
.InsightFrame .ProfileGrid{display:grid;grid-template-columns:280px 1fr;gap:50px;max-width:1200px;margin:0 auto 60px;align-items:center}
.InsightFrame .ProfileGrid .AvatarSpace img{width:280px;height:280px;object-fit:cover;border-radius:50%;border:5px solid #2399F8;box-shadow:0 8px 24px #2399f84d}
.InsightFrame .ProfileGrid .QuoteArea blockquote{font-size:1.25rem;line-height:1.7;color:#e0e0e0;margin:0 0 20px;font-style:italic;position:relative;padding-left:30px}
.InsightFrame .ProfileGrid .QuoteArea blockquote::before{content:'"';position:absolute;left:0;top:-10px;font-size:4rem;color:#2399F8;line-height:1}
.InsightFrame .ProfileGrid .QuoteArea .AuthorTag{font-size:1.1rem;color:#b0b0b0;font-weight:600}
.InsightFrame .ProfileGrid .QuoteArea .RoleTag{font-size:1rem;color:#9F3111;margin-top:4px}
.InsightFrame .SecondProfile{display:grid;grid-template-columns:1fr 280px;gap:50px;max-width:1200px;margin:0 auto;align-items:center}
.InsightFrame .SecondProfile .AvatarSpace img{width:280px;height:280px;object-fit:cover;border-radius:50%;border:5px solid #9F3111;box-shadow:0 8px 24px #9f31114d}
.InsightFrame .SecondProfile .QuoteArea blockquote{font-size:1.25rem;line-height:1.7;color:#e0e0e0;margin:0 0 20px;font-style:italic;position:relative;padding-left:30px}
.InsightFrame .SecondProfile .QuoteArea blockquote::before{content:'"';position:absolute;left:0;top:-10px;font-size:4rem;color:#9F3111;line-height:1}
.InsightFrame .SecondProfile .QuoteArea .AuthorTag{font-size:1.1rem;color:#b0b0b0;font-weight:600}
.InsightFrame .SecondProfile .QuoteArea .RoleTag{font-size:1rem;color:#2399F8;margin-top:4px}
@media (max-width: 1024px) {
.HeroStage{grid-template-columns:1fr;gap:40px;padding:60px 30px}
.HeroStage .ImageFrame{order:-1}
.HeroStage .ImageFrame img{height:360px}
.ApproachCanvas .TypesGrid{grid-template-columns:1fr;gap:28px}
.RelevanceZone .ContentSplit{grid-template-columns:1fr;gap:40px}
.GuaranteeSection .PromiseGrid{grid-template-columns:1fr;gap:28px}
.SupportHub .ChannelDisplay{grid-template-columns:1fr;gap:28px}
.InsightFrame .ProfileGrid,.InsightFrame .SecondProfile{grid-template-columns:1fr;gap:30px}
.InsightFrame .ProfileGrid .AvatarSpace,.InsightFrame .SecondProfile .AvatarSpace{text-align:center}
}
@media (max-width: 768px) {
.HeroStage .TextLayer h1{font-size:2.4rem}
.HeroStage .ImageFrame img{height:280px}
.ApproachCanvas .SectionLabel h2,.RelevanceZone .ContentSplit .TextColumn h2,.AdaptivePath .HeaderZone h2,.GuaranteeSection .TitleFrame h2,.SupportHub .IntroBlock h2{font-size:2rem}
.AdaptivePath .PathSteps .StepRow{grid-template-columns:60px 1fr;gap:20px}
.AdaptivePath .PathSteps .StepRow .NumberCircle{width:60px;height:60px;font-size:1.6rem}
.AdaptivePath .PathSteps .StepRow:not(:last-child)::after{left:30px}
}
@media (max-width: 480px) {
.HeroStage{padding:40px 20px}
.HeroStage .TextLayer h1{font-size:2rem}
.ApproachCanvas,.RelevanceZone,.AdaptivePath,.GuaranteeSection,.SupportHub,.InsightFrame{padding:60px 20px}
}
.AboutWrapper{width:100%;max-width:1600px;margin:0 auto}
.TitleFrame{display:flex;align-items:center;gap:48px;padding:80px 40px;background:linear-gradient(135deg,#F2F1F1 0%,#fff 100%);position:relative;overflow:hidden}
.TitleFrame::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#2399f814 0%,transparent 70%);border-radius:50%}
.TitleFrame .TextContent{flex:1;max-width:680px;z-index:2}
.TitleFrame .MainHeading{font-size:3.2rem;line-height:1.2;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.TitleFrame .IntroText{font-size:1.15rem;line-height:1.7;color:#4a4a4a;margin:0 0 32px}
.TitleFrame .PrimaryBtn{display:inline-block;padding:14px 36px;background:#2399F8;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #2399f840}
.TitleFrame .PrimaryBtn:hover{background:#1b7bc7;transform:translateY(-2px);box-shadow:0 6px 18px #2399f859}
.TitleFrame .ImageCard{flex-shrink:0;width:420px;height:480px;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0000001f;position:relative;z-index:2}
.TitleFrame .ImageCard img{width:100%;height:100%;object-fit:cover;animation:FloatImage 6s ease-in-out infinite}
@keyframes FloatImage {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-12px)}
}
.StoryLayer{padding:100px 40px;background:#fff}
.StoryLayer .ContentGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1400px;margin:0 auto;align-items:start}
.StoryLayer .LeftColumn{position:relative}
.StoryLayer .SubHeading{font-size:2.4rem;margin:0 0 28px;color:#1a1a1a;font-weight:600;position:relative;padding-left:24px}
.StoryLayer .SubHeading::before{content:'';position:absolute;left:0;top:8px;width:6px;height:32px;background:linear-gradient(180deg,#2399F8 0%,#9F3111 100%);border-radius:3px}
.StoryLayer .NarrativeText{font-size:1.08rem;line-height:1.8;color:#3a3a3a;margin:0 0 20px}
.StoryLayer .RightColumn{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.StoryLayer .StatBox{background:linear-gradient(145deg,#F2F1F1 0%,#e8e7e7 100%);padding:32px 24px;border-radius:10px;text-align:center;border:2px solid transparent;transition:all .3s ease}
.StoryLayer .StatBox:hover{border-color:#2399F8;transform:translateY(-4px);box-shadow:0 8px 20px #2399f826}
.StoryLayer .StatBox .Number{font-size:3rem;font-weight:700;color:#2399F8;margin:0 0 8px;display:block}
.StoryLayer .StatBox .Label{font-size:1rem;color:#5a5a5a;margin:0}
.TeamSurface{padding:90px 40px;background:linear-gradient(165deg,#fff 0%,#F2F1F1 100%)}
.TeamSurface .SectionTitle{font-size:2.6rem;text-align:center;margin:0 0 60px;color:#1a1a1a;font-weight:700}
.TeamSurface .ProfileGrid{display:flex;justify-content:center;gap:48px;max-width:1200px;margin:0 auto;flex-wrap:wrap}
.TeamSurface .ProfileCard{width:340px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 6px 20px #00000014;transition:all .35s ease}
.TeamSurface .ProfileCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000024}
.TeamSurface .ProfileCard .PhotoContainer{width:100%;height:380px;overflow:hidden;position:relative}
.TeamSurface .ProfileCard .PhotoContainer::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(180deg,transparent 0%,#0000004d 100%)}
.TeamSurface .ProfileCard .PhotoContainer img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.TeamSurface .ProfileCard:hover .PhotoContainer img{transform:scale(1.08)}
.TeamSurface .ProfileCard .InfoBox{padding:24px}
.TeamSurface .ProfileCard .MemberName{font-size:1.5rem;margin:0 0 8px;color:#1a1a1a;font-weight:600}
.TeamSurface .ProfileCard .MemberRole{font-size:1rem;color:#9F3111;margin:0 0 16px;font-weight:500}
.TeamSurface .ProfileCard .MemberBio{font-size:.98rem;line-height:1.6;color:#5a5a5a;margin:0}
.ApproachCanvas{padding:100px 40px;background:#fff;position:relative}
.ApproachCanvas::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1400px;height:4px;background:linear-gradient(90deg,transparent 0%,#2399F8 20%,#9F3111 50%,#2399F8 80%,transparent 100%)}
.ApproachCanvas .CenterHeading{font-size:2.5rem;text-align:center;margin:0 0 56px;color:#1a1a1a;font-weight:700}
.ApproachCanvas .FeaturesLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1400px;margin:0 auto}
.ApproachCanvas .FeatureColumn{position:relative}
.ApproachCanvas .FeatureColumn .IconCircle{width:64px;height:64px;background:linear-gradient(135deg,#2399F8 0%,#1b7bc7 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 20px;box-shadow:0 4px 16px #2399f84d}
.ApproachCanvas .FeatureColumn .IconCircle i{font-size:28px;color:#fff}
.ApproachCanvas .FeatureColumn .FeatureTitle{font-size:1.4rem;margin:0 0 16px;color:#1a1a1a;font-weight:600}
.ApproachCanvas .FeatureColumn .FeatureDesc{font-size:1.02rem;line-height:1.7;color:#4a4a4a;margin:0}
.ApproachCanvas .IllustrationGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:1400px;margin:60px auto 0}
.ApproachCanvas .IllustrationGrid .VisualBox{height:280px;border-radius:8px;overflow:hidden;box-shadow:0 6px 18px #0000001a}
.ApproachCanvas .IllustrationGrid .VisualBox img{width:100%;height:100%;object-fit:cover}
@media (max-width: 1024px) {
.TitleFrame{flex-direction:column;padding:60px 32px}
.TitleFrame .ImageCard{width:100%;max-width:500px;height:420px}
.StoryLayer .ContentGrid{grid-template-columns:1fr;gap:48px}
.ApproachCanvas .FeaturesLayout{grid-template-columns:1fr;gap:36px}
.ApproachCanvas .IllustrationGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.TitleFrame .MainHeading{font-size:2.4rem}
.TitleFrame .IntroText{font-size:1.05rem}
.StoryLayer{padding:70px 24px}
.StoryLayer .SubHeading{font-size:2rem}
.StoryLayer .RightColumn{grid-template-columns:1fr}
.TeamSurface{padding:70px 24px}
.TeamSurface .SectionTitle{font-size:2.2rem}
.TeamSurface .ProfileGrid{gap:32px}
.TeamSurface .ProfileCard{width:100%;max-width:400px}
.ApproachCanvas{padding:70px 24px}
.ApproachCanvas .CenterHeading{font-size:2.1rem}
}
@media (max-width: 480px) {
.TitleFrame{padding:48px 20px}
.TitleFrame .MainHeading{font-size:2rem}
.TitleFrame .ImageCard{height:360px}
.StoryLayer{padding:56px 20px}
.TeamSurface{padding:56px 20px}
.ApproachCanvas{padding:56px 20px}
}
.ContactHeroFrame{max-width:1600px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative}
.ContactHeroFrame::before{content:'';position:absolute;top:40px;left:40px;right:40px;bottom:40px;border:1px solid #2399f826;pointer-events:none}
.ContactHeroFrame::after{content:'';position:absolute;top:44px;left:44px;right:44px;bottom:44px;border:1px solid #9f31111a;pointer-events:none}
.HeroTextSection{padding:20px;z-index:1}
.HeroTextSection h1{font-size:2.8rem;margin:0 0 30px;color:#2399F8;font-weight:700;line-height:1.2}
.HeroPointsList{list-style:none;padding:0;margin:0 0 40px}
.HeroPointsList li{padding:12px 0 12px 30px;position:relative;font-size:1.05rem;line-height:1.6;color:#333}
.HeroPointsList li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background:linear-gradient(135deg,#2399F8 0%,#9F3111 100%);border-radius:3px}
.HeroActionBtn{display:inline-block;padding:16px 40px;background:linear-gradient(78deg,#2399F8 0%,#9F3111 100%);color:#fff;text-decoration:none;border-radius:6px;font-size:1.05rem;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #2399f833}
.HeroActionBtn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #2399f859}
.HeroImageHolder{position:relative;z-index:1}
.HeroImageHolder img{width:100%;height:420px;object-fit:cover;border-radius:8px;opacity:.7;filter:grayscale(20%)}
.ContactDetailsCanvas{max-width:1600px;margin:0 auto;padding:100px 20px;background:linear-gradient(135deg,#2399f808 0%,#f2f1f180 100%)}
.DetailsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto}
.DetailCard{background:#fff;padding:35px 25px;border-radius:8px;box-shadow:0 2px 8px #0000000f;position:relative;transition:transform .3s ease,box-shadow .3s ease;border-top:3px solid transparent}
.DetailCard:nth-child(1){border-top-color:#2399F8}
.DetailCard:nth-child(2){border-top-color:#9F3111}
.DetailCard:nth-child(3){border-top-color:#2399F8}
.DetailCard:hover{transform:translateY(-4px);box-shadow:0 8px 20px #2399f826}
.DetailCard i{font-size:2rem;margin-bottom:16px;display:block}
.DetailCard:nth-child(1) i{color:#2399F8}
.DetailCard:nth-child(2) i{color:#9F3111}
.DetailCard:nth-child(3) i{color:#2399F8}
.DetailCard h3{font-size:1.3rem;margin:0 0 12px;color:#333;font-weight:600}
.DetailCard p{margin:0;font-size:1rem;line-height:1.7;color:#555}
.DetailCard a{color:#2399F8;text-decoration:none;transition:color .3s ease}
.DetailCard a:hover{color:#9F3111}
.FormSection{max-width:1600px;margin:0 auto;padding:100px 20px}
.FormContainer{max-width:720px;margin:0 auto;background:#fff;padding:60px 50px;border-radius:10px;box-shadow:0 4px 16px #00000014}
.FormContainer h2{font-size:2.2rem;margin:0 0 12px;color:#2399F8;font-weight:700}
.FormContainer p{margin:0 0 40px;font-size:1.05rem;color:#666;line-height:1.6}
.InputWrapper{margin-bottom:28px}
.InputWrapper label{display:block;margin-bottom:8px;font-size:.95rem;font-weight:600;color:#333}
.InputWrapper input[type="email"],.InputWrapper select{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;background:#fff;box-sizing:border-box}
.InputWrapper input[type="email"]:focus,.InputWrapper select:focus{outline:none;border-color:#2399F8;box-shadow:0 0 0 3px #2399f81a}
.InputWrapper select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23333' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.PrivacyCheckbox{margin-bottom:28px;display:flex;align-items:flex-start;gap:10px}
.PrivacyCheckbox input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;accent-color:#2399F8;flex-shrink:0}
.PrivacyCheckbox label{font-size:.92rem;color:#555;line-height:1.5;cursor:pointer}
.PrivacyCheckbox label a{color:#2399F8;text-decoration:none;transition:color .3s ease}
.PrivacyCheckbox label a:hover{color:#9F3111}
.SubmitBtn{width:100%;padding:16px;background:linear-gradient(78deg,#2399F8 0%,#9F3111 100%);color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #2399f840}
.SubmitBtn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #2399f866}
.SubmitBtn:active{transform:translateY(0)}
@media (max-width: 1024px) {
.ContactHeroFrame{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.ContactHeroFrame::before,.ContactHeroFrame::after{top:20px;left:20px;right:20px;bottom:20px}
.ContactHeroFrame::after{top:24px;left:24px;right:24px;bottom:24px}
.HeroTextSection h1{font-size:2.2rem}
.DetailsGrid{grid-template-columns:1fr;gap:30px}
.FormContainer{padding:40px 30px}
}
@media (max-width: 768px) {
.ContactHeroFrame{padding:40px 16px}
.HeroTextSection h1{font-size:1.9rem}
.HeroPointsList li{font-size:1rem}
.HeroImageHolder img{height:300px}
.ContactDetailsCanvas{padding:60px 16px}
.FormSection{padding:60px 16px}
.FormContainer{padding:30px 20px}
.FormContainer h2{font-size:1.8rem}
}
@media (max-width: 480px) {
.HeroTextSection h1{font-size:1.6rem}
.HeroActionBtn{padding:14px 30px;font-size:1rem}
.HeroImageHolder img{height:240px}
.FormContainer h2{font-size:1.5rem}
.InputWrapper input[type="email"],.InputWrapper select{padding:12px 14px}
.SubmitBtn{padding:14px;font-size:1rem}
}
.TitleCanvas{max-width:1600px;margin:80px auto 0;padding:0 24px;display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:center;position:relative}
.TitleCanvas::before,.TitleCanvas::after{content:'';position:absolute;width:8px;height:8px;border:2px dotted #2399F8;border-radius:50%}
.TitleCanvas::before{top:-20px;left:0}
.TitleCanvas::after{bottom:-20px;right:0}
.TitleCanvas .TextLayer h1{font-size:56px;line-height:1.1;margin:0 0 16px;color:#1a1a1a;font-weight:700}
.TitleCanvas .TextLayer h2{font-size:32px;line-height:1.3;margin:0 0 12px;color:#2399F8;font-weight:600}
.TitleCanvas .TextLayer .Tagline{font-size:20px;line-height:1.5;color:#5a5a5a;margin:0}
.TitleCanvas .ImageCard{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #2399f826}
.TitleCanvas .ImageCard img{width:100%;height:420px;object-fit:cover;display:block;filter:brightness(1.05) contrast(1.08)}
.ProgramStructure{max-width:1600px;margin:120px auto;padding:0 24px}
.ProgramStructure .SectionLabel{font-size:18px;color:#9F3111;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 16px;font-weight:600}
.ProgramStructure .MainHeading{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 48px;font-weight:700}
.ModuleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ModuleCard{background:linear-gradient(135deg,#F2F1F1 0%,#fff 100%);border-radius:12px;padding:36px 28px;border-left:4px solid #2399F8;box-shadow:0 4px 16px #0000000f;transition:transform 0.3s,box-shadow .3s}
.ModuleCard:hover{transform:translateY(-4px);box-shadow:0 12px 32px #2399f82e}
.ModuleCard .ModuleNumber{font-size:14px;color:#9F3111;font-weight:700;margin:0 0 12px;text-transform:uppercase;letter-spacing:.8px}
.ModuleCard h3{font-size:24px;color:#1a1a1a;margin:0 0 16px;font-weight:600;line-height:1.3}
.ModuleCard .Description{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0 0 20px}
.ModuleCard .TopicsList{list-style:none;padding:0;margin:0}
.ModuleCard .TopicsList li{font-size:15px;color:#5a5a5a;padding:8px 0;padding-left:24px;position:relative;line-height:1.4}
.ModuleCard .TopicsList li::before{content:'';position:absolute;left:0;top:14px;width:12px;height:2px;background:#2399F8}
.EnrollmentSection{background:linear-gradient(78deg,#2399F8 0%,#9F3111 50%,#F2F1F1 100%);padding:80px 24px;margin:0 0 100px}
.EnrollWrapper{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:460px 1fr;gap:80px;align-items:start}
.EnrollForm{background:#fff;border-radius:12px;padding:44px 40px;box-shadow:0 16px 48px #0003}
.EnrollForm h2{font-size:32px;color:#1a1a1a;margin:0 0 28px;font-weight:700}
.FormField{margin-bottom:24px}
.FormField label{display:block;font-size:15px;color:#3a3a3a;margin-bottom:8px;font-weight:600}
.FormField input,.FormField select,.FormField textarea{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;transition:border-color 0.3s,box-shadow .3s;box-sizing:border-box}
.FormField input:focus,.FormField select:focus,.FormField textarea:focus{outline:none;border-color:#2399F8;box-shadow:inset 0 2px 4px #2399f81a}
.FormField textarea{min-height:120px;resize:vertical}
.SubmitButton{width:100%;padding:16px;background:#2399F8;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:background 0.3s,transform .2s;box-shadow:0 4px 12px #2399f84d}
.SubmitButton:hover{background:#1a7ac9;transform:translateY(-2px);box-shadow:0 6px 20px #2399f866}
.EnrollDetails{color:#fff;padding-top:20px}
.EnrollDetails h3{font-size:36px;margin:0 0 24px;font-weight:700;line-height:1.2}
.EnrollDetails .InfoBlock{margin-bottom:32px}
.EnrollDetails .InfoBlock h4{font-size:20px;margin:0 0 12px;font-weight:600;color:#F2F1F1}
.EnrollDetails .InfoBlock p{font-size:17px;line-height:1.6;margin:0 0 8px;color:#fffffff2}
.EnrollDetails .HighlightBox{background:#ffffff26;border-radius:8px;padding:24px;margin-top:40px;border-left:4px solid #F2F1F1}
.EnrollDetails .HighlightBox h5{font-size:22px;margin:0 0 12px;font-weight:600}
.EnrollDetails .HighlightBox p{font-size:16px;line-height:1.7;margin:0}
@media (max-width: 1024px) {
.TitleCanvas{grid-template-columns:1fr;gap:40px}
.TitleCanvas .ImageCard{max-width:500px;margin:0 auto}
.TitleCanvas .ImageCard img{height:360px}
.ModuleGrid{grid-template-columns:1fr}
.EnrollWrapper{grid-template-columns:1fr;gap:48px}
.EnrollForm{max-width:600px;margin:0 auto}
}
@media (max-width: 768px) {
.TitleCanvas{margin-top:60px}
.TitleCanvas .TextLayer h1{font-size:40px}
.TitleCanvas .TextLayer h2{font-size:26px}
.TitleCanvas .TextLayer .Tagline{font-size:18px}
.ProgramStructure{margin:80px auto}
.ProgramStructure .MainHeading{font-size:32px}
.ModuleCard{padding:28px 20px}
.EnrollmentSection{padding:60px 24px}
.EnrollDetails h3{font-size:28px}
}
@media (max-width: 480px) {
.TitleCanvas .TextLayer h1{font-size:32px}
.TitleCanvas .TextLayer h2{font-size:22px}
.TitleCanvas .ImageCard img{height:280px}
.ProgramStructure .MainHeading{font-size:28px}
.ModuleCard h3{font-size:20px}
.EnrollForm{padding:32px 24px}
.EnrollDetails h3{font-size:24px}
}
.SuccessStage{min-height:85vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F2F1F1 0%,#e8f4fd 100%);padding:40px 20px;position:relative;overflow:hidden}
.SuccessStage::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,#2399f814 0%,transparent 50%),radial-gradient(circle at 70% 60%,#9f31110f 0%,transparent 50%);animation:slowDrift 20s ease-in-out infinite alternate}
@keyframes slowDrift {
0%{transform:translate(0,0) rotate(0deg)}
100%{transform:translate(2%,2%) rotate(2deg)}
}
.SuccessWrapper{max-width:720px;width:100%;margin:0 auto;position:relative;z-index:2}
.MessageCanvas{background:#fff;border-radius:8px;padding:60px 50px;box-shadow:0 8px 24px #2399f81f 0 2px 8px #0000000a;text-align:center;position:relative}
.MessageCanvas::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#2399F8 0%,#9F3111 100%);border-radius:0 0 4px 4px}
.IconFrame{width:92px;height:92px;margin:0 auto 30px;background:linear-gradient(135deg,#2399f81a 0%,#9f31110f 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}
.IconFrame::after{content:'';position:absolute;inset:-6px;border:2px solid transparent;border-radius:50%;background:linear-gradient(135deg,#2399F8,#9F3111) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.3}
.IconFrame svg{width:48px;height:48px;fill:none;stroke:#2399F8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.PrimaryHeading{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 18px;line-height:1.2}
.SubMessage{font-size:19px;color:#555;line-height:1.6;margin:0 0 36px;max-width:540px;margin-left:auto;margin-right:auto}
.ActionRow{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:36px}
.PrimaryBtn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:#2399F8;color:#fff;text-decoration:none;border-radius:6px;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #2399f840;position:relative;overflow:hidden}
.PrimaryBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left .5s ease}
.PrimaryBtn:hover::before{left:100%}
.PrimaryBtn:hover{background:#1a88e0;box-shadow:0 6px 16px #2399f859;transform:translateY(-2px)}
.PrimaryBtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.SecondaryBtn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:transparent;color:#2399F8;text-decoration:none;border-radius:6px;font-size:17px;font-weight:600;border:2px solid #2399F8;transition:all .3s ease}
.SecondaryBtn:hover{background:#2399F8;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2399f833}
.SecondaryBtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.DetailNote{margin-top:32px;padding-top:28px;border-top:1px solid #2399f826;font-size:15px;color:#777;line-height:1.6}
.DetailNote a{color:#2399F8;text-decoration:none;font-weight:600;transition:color .2s ease}
.DetailNote a:hover{color:#9F3111}
@media (max-width: 768px) {
.SuccessStage{min-height:75vh;padding:30px 16px}
.MessageCanvas{padding:40px 28px}
.PrimaryHeading{font-size:32px;margin-bottom:14px}
.SubMessage{font-size:17px;margin-bottom:28px}
.ActionRow{flex-direction:column;gap:12px}
.PrimaryBtn,.SecondaryBtn{width:100%;justify-content:center;padding:14px 24px;font-size:16px}
.IconFrame{width:76px;height:76px;margin-bottom:24px}
.IconFrame svg{width:38px;height:38px}
}
@media (max-width: 480px) {
.MessageCanvas{padding:32px 20px;border-radius:6px}
.PrimaryHeading{font-size:28px}
.SubMessage{font-size:16px}
.DetailNote{font-size:14px;margin-top:24px;padding-top:20px}
}