html{box-sizing:border-box}
*,::before,::after{box-sizing:inherit}
body{margin:0;font-family:'Noto Sans',sans-serif;font-size:15px;line-height:1.5;color:#1a1a1a;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;letter-spacing:.01em}
.HdrWrap{background:linear-gradient(135deg,#015E69 0%,#014951 100%);padding:32px 100px;position:relative;box-shadow:0 4px 28px -2px #015e6917}
.HdrInner{max-width:1320px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:48px}
.BrandBlock{display:flex;flex-direction:column;gap:12px}
.LogoHolder{background:#fff;padding:8px 12px;border-radius:8px;box-shadow:0 1px 3px -2px #015e6914;display:inline-flex;align-items:center;gap:12px}
.LogoHolder img{width:38px;height:38px;object-fit:contain}
.CompanyTitle{font-family:'Raleway',sans-serif;font-size:23px;font-weight:700;color:#fff;margin:0;letter-spacing:.02em}
.TaglineText{font-size:15px;color:#FEE5AE;margin:0;max-width:320px}
.MainNav{display:flex;flex-direction:column;gap:16px;padding-top:8px}
.NavList{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px}
.NavList a{color:#fff;text-decoration:none;padding:8px 16px;display:block;border-radius:4px;background:#ffffff14;transition:background-color .28s ease-in-out,box-shadow .32s cubic-bezier(0.4,0,0.2,1);font-weight:400}
.NavList a:hover{background:#fee5ae29;box-shadow:0 1px 3px -2px #9f55c514 inset 0 0 0 1px #fee5ae3d}
.NavList a:focus{outline:2px solid #FEE5AE;outline-offset:2px;animation:focusFade .26s ease-in-out}
@keyframes focusFade {
from{outline-color:transparent}
to{outline-color:#FEE5AE}
}
.FtrWrap{background:#fff;padding:64px 100px 48px;border-top:2px solid #f0f0f0}
.FtrInner{max-width:1320px;margin:0 auto}
.FtrGrid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.FtrBlock h3{font-family:'Raleway',sans-serif;font-size:15px;font-weight:700;color:#015E69;margin:0 0 16px;text-transform:uppercase;letter-spacing:.02em}
.FtrLinks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.FtrLinks a{color:#333;text-decoration:none;padding:6px 12px;border:1px solid transparent;border-radius:4px;display:inline-block;transition:border-color .29s cubic-bezier(0.4,0,0.2,1),color .27s ease-in-out}
.FtrLinks a:hover{border-color:#9F55C5;color:#9F55C5}
.FtrLinks a:focus{outline:2px solid #015E69;outline-offset:2px;animation:focusFade .26s ease-in-out}
.ContactInfo p{margin:0 0 8px;color:#333}
.ContactInfo a{color:#015E69;text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom-color .31s ease-in-out}
.ContactInfo a:hover{border-bottom-color:#9F55C5}
.LogoFtr{background:#fff;padding:12px 16px;border:2px solid #f0f0f0;border-radius:8px;display:inline-flex;align-items:center;gap:12px;margin-bottom:16px}
.LogoFtr img{width:32px;height:32px;object-fit:contain}
.FtrBottom{padding-top:32px;border-top:1px solid #e0e0e0;display:flex;justify-content:center;align-items:center}
.CopyrightText{font-size:15px;color:#666;margin:0}
.ConsentPopup{position:fixed;top:24px;left:24px;background:#fff;border:2px solid #015E69;border-radius:16px;box-shadow:0 8px 44px -2px #015e6924;max-width:420px;z-index:9999;display:none;animation:slideInFromRight .35s cubic-bezier(0.4,0,0.2,1)}
.ConsentPopup.is-visible{display:block}
.ConsentPopup.is-closing{animation:slideOutToRight .35s cubic-bezier(0.4,0,0.2,1)}
@keyframes slideInFromRight {
from{transform:translateX(100vw)}
to{transform:translateX(0)}
}
@keyframes slideOutToRight {
from{transform:translateX(0)}
to{transform:translateX(100vw)}
}
.ConsentTabs{display:flex;border-bottom:1px solid #e0e0e0}
.TabTrigger{flex:1;padding:16px;background:#f8f8f8;border:none;cursor:pointer;font-family:'Noto Sans',sans-serif;font-size:15px;font-weight:700;color:#333;transition:background-color .27s ease-in-out,color .29s ease-in-out;border-radius:14px 14px 0 0}
.TabTrigger.is-active{background:#fff;color:#015E69}
.TabTrigger:hover{background:#FEE5AE}
.TabTrigger:focus{outline:2px solid #9F55C5;outline-offset:-2px;animation:focusFade .26s ease-in-out}
.ConsentContent{padding:24px}
.TabPanel{display:none}
.TabPanel.is-active{display:block}
.ConsentContent h4{font-family:'Raleway',sans-serif;font-size:15px;font-weight:700;color:#015E69;margin:0 0 12px}
.ConsentContent p{margin:0 0 16px;color:#333}
.ConsentCategory{margin-bottom:16px;padding:12px;background:#f8f8f8;border-radius:8px}
.ConsentCategory label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:700;color:#333}
.ConsentCategory input[type="checkbox"]{width:20px;height:20px;cursor:pointer}
.ConsentCategory input[type="checkbox"]:disabled{cursor:not-allowed}
.ConsentCategory p{margin:8px 0 0 32px;font-size:15px;color:#666}
.ConsentActions{display:flex;gap:12px;margin-top:24px}
.BtnConsent{flex:1;padding:12px 24px;border:2px solid #015E69;background:#fff;color:#015E69;font-family:'Noto Sans',sans-serif;font-size:15px;font-weight:700;cursor:pointer;border-radius:4px;transition:background-color .28s cubic-bezier(0.4,0,0.2,1),box-shadow .34s ease-in-out,border-color .29s ease-in-out}
.BtnConsent:hover{background:#015E69;color:#fff;box-shadow:0 4px 28px -2px #015e6917 inset 0 0 0 2px #fee5ae52}
.BtnConsent:focus{outline:2px solid #9F55C5;outline-offset:2px;animation:focusFade .26s ease-in-out}
.BtnConsent.primary-action{background:#015E69;color:#fff}
.BtnConsent.primary-action:hover{background:#014951;border-color:#9F55C5}
::selection{background:#9f55c51a}
@media (max-width: 1024px) {
.HdrWrap{padding:24px 48px}
.HdrInner{flex-direction:column;gap:24px}
.FtrWrap{padding:48px 48px 32px}
.FtrGrid{grid-template-columns:1fr 1fr;gap:32px}
}
@media (max-width: 768px) {
.HdrWrap{padding:20px 24px}
.NavList{flex-direction:column;gap:8px}
.FtrWrap{padding:32px 24px 24px}
.FtrGrid{grid-template-columns:1fr;gap:24px}
.ConsentPopup{left:12px;right:12px;top:12px;max-width:none}
.ConsentActions{flex-direction:column}
}
.content-legal{max-width:1320px;margin:0 auto;padding:48px 120px}
.content-legal h1{font-size:60px;line-height:1.1;letter-spacing:.01em;margin-bottom:48px;color:#015E69}
.content-legal h2{font-size:43px;line-height:1.1;letter-spacing:.015em;margin-top:72px;margin-bottom:32px;color:#9F55C5}
.content-legal h3{font-size:31px;line-height:1.5;letter-spacing:.02em;margin-top:48px;margin-bottom:24px;color:#015E69}
.content-legal h4{font-size:23px;line-height:1.5;letter-spacing:.02em;margin-top:32px;margin-bottom:20px}
.content-legal h5{font-size:15px;line-height:1.5;letter-spacing:.02em;margin-top:24px;margin-bottom:16px;text-transform:uppercase}
.content-legal h6{font-size:15px;line-height:1.5;letter-spacing:.02em;margin-top:24px;margin-bottom:16px}
.content-legal p{font-size:15px;line-height:1.5;letter-spacing:.015em;margin-bottom:24px}
.content-legal em,.content-legal i{font-style:italic;color:#9F55C5}
.content-legal hr{border:none;height:1px;background:linear-gradient(90deg,#9f55c51a 0%,#015e6933 50%,#9f55c51a 100%);margin:64px 0}
.content-legal div{margin-bottom:24px}
.content-legal a{color:#9F55C5;text-decoration:none;border-bottom:1px solid #9f55c54d;transition:border-color .28s cubic-bezier(0.4,0,0.2,1)}
.content-legal a:hover{border-bottom-color:#9F55C5}
.content-legal ul,.content-legal ol{font-size:15px;line-height:1.5;letter-spacing:.015em;margin-bottom:24px;padding-left:32px}
.content-legal li{margin-bottom:12px}
.content-legal strong{color:#015E69;font-weight:600}
@media (max-width: 1024px) {
.content-legal{padding:48px 80px}
.content-legal h1{font-size:43px}
.content-legal h2{font-size:31px;margin-top:56px}
.content-legal h3{font-size:23px;margin-top:40px}
}
@media (max-width: 768px) {
.content-legal{padding:32px 24px}
.content-legal h1{font-size:31px;margin-bottom:32px}
.content-legal h2{font-size:23px;margin-top:48px;margin-bottom:24px}
.content-legal h3{font-size:23px;margin-top:32px}
.content-legal hr{margin:48px 0}
}
.SupportMain{background:#fefefe;color:#1a1a1a;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.SupportMain .HeroGradientHolder{background:linear-gradient(135deg,#9f55c514 0%,#015e690d 100%);padding:120px 100px 100px;max-width:1320px;margin:0 auto;position:relative;overflow:hidden;border-radius:28px;margin-bottom:80px;margin-top:48px}
.SupportMain .AnimatedShapeBack{position:absolute;top:50%;right:10%;width:240px;height:240px;border:3px dashed #9f55c533;border-radius:44px;transform:translateY(-50%) rotate(0deg);animation:slowRotateShape 24s linear infinite;pointer-events:none}
@keyframes slowRotateShape {
from{transform:translateY(-50%) rotate(0deg)}
to{transform:translateY(-50%) rotate(360deg)}
}
.SupportMain .HeroContent{max-width:720px;position:relative;z-index:2}
.SupportMain .NumericAccent{font-size:60px;line-height:1.1;letter-spacing:.01em;font-weight:700;margin-bottom:20px;color:#9F55C5}
.SupportMain .HeroHeading{font-size:43px;line-height:1.1;letter-spacing:.015em;font-weight:700;margin-bottom:24px}
.SupportMain .HeroExplanation{font-size:23px;line-height:1.5;letter-spacing:.02em;color:#3a3a3a;max-width:600px}
.SupportMain .SupportGridBlock{max-width:1320px;margin:0 auto;padding:0 100px 100px}
.SupportMain .SupportGrid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:32px;margin-bottom:80px}
.SupportMain .SupportCard{background:#fff;border-radius:16px;padding:36px 28px;box-shadow:0 4px 28px -2px #9f55c517 0 8px 44px -2px #9f55c524;transition:transform .32s cubic-bezier(0.4,0,0.2,1),box-shadow .32s cubic-bezier(0.4,0,0.2,1)}
.SupportMain .SupportCard:hover{transform:translateY(-6px);box-shadow:0 8px 44px -2px #9f55c524 0 12px 64px -2px #015e6929}
.SupportMain .CardIconTop{width:56px;height:56px;margin-bottom:24px;display:flex;align-items:center;justify-content:center}
.SupportMain .CardIconTop svg{width:40px;height:40px;stroke:#9F55C5;stroke-width:2;fill:none}
.SupportMain .CardLabel{font-size:23px;line-height:1.5;letter-spacing:.015em;font-weight:700;margin-bottom:12px;color:#1a1a1a}
.SupportMain .CardDescription{font-size:15px;line-height:1.5;letter-spacing:.01em;color:#5a5a5a}
.SupportMain .FaqSection{max-width:1320px;margin:0 auto;padding:80px 100px;background:linear-gradient(180deg,#fee5ae26 0%,#015e6914 100%);border-radius:28px}
.SupportMain .FaqHeading{font-size:43px;line-height:1.1;letter-spacing:.015em;font-weight:700;margin-bottom:48px;text-align:center}
.SupportMain .FaqList{display:grid;gap:20px}
.SupportMain .FaqItem{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px -2px #015e6914 0 4px 28px -2px #015e6917}
.SupportMain .FaqToggle{display:none}
.SupportMain .FaqQuestion{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;cursor:pointer;user-select:none;transition:background .28s ease-in-out}
.SupportMain .FaqQuestion:hover{background:#9f55c50a}
.SupportMain .QuestionText{font-size:23px;line-height:1.5;letter-spacing:.015em;font-weight:600;color:#1a1a1a}
.SupportMain .FaqArrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:20px;transition:transform .28s ease-in-out}
.SupportMain .FaqArrow svg{width:20px;height:20px;stroke:#015E69;stroke-width:2;fill:none}
.SupportMain .FaqToggle:checked + .FaqQuestion .FaqArrow{transform:rotate(180deg)}
.SupportMain .FaqAnswer{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(0.4,0,0.2,1),padding .35s cubic-bezier(0.4,0,0.2,1)}
.SupportMain .FaqToggle:checked ~ .FaqAnswer{max-height:600px;padding:0 32px 28px}
.SupportMain .AnswerText{font-size:15px;line-height:1.5;letter-spacing:.01em;color:#3a3a3a}
.SupportMain .ContactInfoRow{max-width:1320px;margin:0 auto;padding:80px 100px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.SupportMain .ContactTextColumn{display:flex;flex-direction:column;gap:24px}
.SupportMain .ContactHeading{font-size:43px;line-height:1.1;letter-spacing:.015em;font-weight:700;margin-bottom:16px}
.SupportMain .ContactIntro{font-size:23px;line-height:1.5;letter-spacing:.02em;color:#3a3a3a;margin-bottom:32px}
.SupportMain .ContactDetail{display:flex;align-items:flex-start;gap:16px}
.SupportMain .ContactDotBullet{width:8px;height:8px;background:#9F55C5;border-radius:999px;flex-shrink:0;margin-top:8px}
.SupportMain .ContactDetailText{font-size:15px;line-height:1.5;letter-spacing:.01em;color:#1a1a1a}
.SupportMain .ContactDetailText a{color:#015E69;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .26s ease-in-out}
.SupportMain .ContactDetailText a:hover{border-bottom-color:#015E69}
.SupportMain .ContactImageColumn{position:relative}
.SupportMain .ContactImageHolder{border-radius:16px;overflow:hidden;box-shadow:0 4px 28px -2px #015e6917 0 8px 44px -2px #015e6924;position:relative}
.SupportMain .ContactImageHolder img{width:100%;height:420px;object-fit:cover;display:block}
.SupportMain .DashedConnector{position:absolute;top:50%;left:-80px;width:80px;height:2px;border-top:2px dashed #9f55c54d;transform:translateY(-50%);pointer-events:none}
@media (max-width: 1200px) {
.SupportMain .HeroGradientHolder{padding:80px 60px 60px}
.SupportMain .SupportGridBlock{padding:0 60px 60px}
.SupportMain .SupportGrid{grid-template-columns:1fr 1fr;gap:24px}
.SupportMain .FaqSection{padding:60px}
.SupportMain .ContactInfoRow{padding:60px;gap:40px}
}
@media (max-width: 768px) {
.SupportMain .HeroGradientHolder{padding:60px 32px 48px;margin-bottom:48px}
.SupportMain .NumericAccent{font-size:43px}
.SupportMain .HeroHeading{font-size:31px}
.SupportMain .HeroExplanation{font-size:15px}
.SupportMain .AnimatedShapeBack{width:160px;height:160px;right:5%}
.SupportMain .SupportGridBlock{padding:0 32px 48px}
.SupportMain .SupportGrid{grid-template-columns:1fr;gap:20px;margin-bottom:48px}
.SupportMain .SupportCard{padding:28px 24px}
.SupportMain .CardLabel{font-size:23px}
.SupportMain .FaqSection{padding:48px 32px}
.SupportMain .FaqHeading{font-size:31px;margin-bottom:32px}
.SupportMain .QuestionText{font-size:15px}
.SupportMain .FaqQuestion{padding:20px 24px}
.SupportMain .FaqToggle:checked ~ .FaqAnswer{padding:0 24px 20px}
.SupportMain .ContactInfoRow{padding:48px 32px;grid-template-columns:1fr;gap:32px}
.SupportMain .ContactHeading{font-size:31px}
.SupportMain .ContactIntro{font-size:15px}
.SupportMain .DashedConnector{display:none!important}
.SupportMain .ContactImageHolder img{height:320px}
}
.PressHub{background:#FEFEFE;color:#1A1A1A;min-height:100vh}
.PressHub .HeroTitle{max-width:1320px;margin:0 auto;padding:88px 100px 72px;text-align:center;position:relative;background:radial-gradient(circle at center,#9f55c50f,transparent 68%)}
.PressHub .HeroTitle h1{font-size:60px;line-height:1.1;letter-spacing:.01em;font-weight:700;margin:0 0 24px;opacity:0;transform:translateY(16px);animation:slideInTitle .38s cubic-bezier(0.4,0,0.2,1) .1s forwards}
.PressHub .HeroTitle p{font-size:23px;line-height:1.5;letter-spacing:.015em;max-width:740px;margin:0 auto;color:#4A4A4A;opacity:0;transform:translateY(16px);animation:slideInTitle .38s cubic-bezier(0.4,0,0.2,1) .28s forwards}
@keyframes slideInTitle {
to{opacity:1;transform:translateY(0)}
}
.PressHub .EdgeDivider{max-width:1320px;margin:0 auto;padding:0 100px;display:flex;justify-content:space-between;align-items:center}
.PressHub .EdgeDivider::before,.PressHub .EdgeDivider::after{content:'';width:88px;height:2px;background:linear-gradient(90deg,#9F55C5,#015E69)}
.PressHub .MainRelease{max-width:1320px;margin:0 auto;padding:96px 100px;display:grid;grid-template-columns:580px 1fr;gap:64px;align-items:start}
.PressHub .ReleaseVisual{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 44px -2px #9f55c524;height:440px}
.PressHub .ReleaseVisual img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.3)}
.PressHub .ReleaseContent h2{font-size:43px;line-height:1.1;letter-spacing:.01em;font-weight:700;margin:0 0 28px;color:#1A1A1A}
.PressHub .ReleaseContent .DateLine{font-size:15px;line-height:1.5;letter-spacing:.02em;color:#015E69;margin:0 0 32px;text-transform:uppercase}
.PressHub .ReleaseContent p{font-size:15px;line-height:1.5;letter-spacing:.015em;color:#2A2A2A;margin:0 0 24px}
.PressHub .ReleaseContent p:last-of-type{margin-bottom:0}
.PressHub .MetricsDisplay{max-width:1320px;margin:0 auto;padding:0 100px 96px;background:linear-gradient(135deg,#fee5ae1f,#9f55c514);position:relative}
.PressHub .MetricsDisplay::before{content:'';position:absolute;top:0;left:100px;right:100px;height:1px;background:linear-gradient(90deg,transparent,#9f55c52e,transparent)}
.PressHub .MetricsInner{padding:88px 0 64px}
.PressHub .MetricsHeader{text-align:center;margin-bottom:68px}
.PressHub .MetricsHeader h3{font-size:43px;line-height:1.1;letter-spacing:.01em;font-weight:300;margin:0 0 16px;color:#1A1A1A}
.PressHub .MetricsHeader .DotsRow{display:flex;justify-content:center;gap:8px;margin-top:24px}
.PressHub .MetricsHeader .DotsRow span{width:6px;height:6px;background:#9F55C5;border-radius:4px;display:block}
.PressHub .StatsGrid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:48px}
.PressHub .StatItem{text-align:center;padding:36px 24px;border-radius:16px;background:#fff9;box-shadow:0 4px 28px -2px #015e6917;transition:transform .32s cubic-bezier(0.4,0,0.2,1),box-shadow .32s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
.PressHub .StatItem::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,#9F55C5,transparent);opacity:0;transition:opacity .32s cubic-bezier(0.4,0,0.2,1)}
.PressHub .StatItem:hover{transform:translateY(-4px);box-shadow:0 8px 44px -2px #015e6924}
.PressHub .StatItem:hover::before{opacity:1}
.PressHub .StatItem .Number{font-size:60px;line-height:1.1;letter-spacing:.01em;font-weight:700;color:#015E69;margin:0 0 12px;display:block}
.PressHub .StatItem .Label{font-size:15px;line-height:1.5;letter-spacing:.015em;color:#4A4A4A}
.PressHub .AdditionalInfo{max-width:1320px;margin:0 auto;padding:0 100px 112px;position:relative}
.PressHub .InfoLayout{display:grid;grid-template-columns:280px 1fr 280px;gap:56px;align-items:start}
.PressHub .SidebarLeft,.PressHub .SidebarRight{padding:44px 28px;border-radius:28px;background:#fee5ae14;box-shadow:inset 0 2px 6px #9f55c50f}
.PressHub .SidebarLeft h4,.PressHub .SidebarRight h4{font-size:23px;line-height:1.1;letter-spacing:.015em;font-weight:700;margin:0 0 20px;color:#1A1A1A}
.PressHub .SidebarLeft p,.PressHub .SidebarRight p{font-size:15px;line-height:1.5;letter-spacing:.015em;color:#4A4A4A;margin:0}
.PressHub .CenterContent{padding:52px 44px;border-radius:16px;background:#FFF;box-shadow:0 4px 28px -2px #9f55c517}
.PressHub .CenterContent h3{font-size:31px;line-height:1.1;letter-spacing:.015em;font-weight:700;margin:0 0 28px;color:#1A1A1A}
.PressHub .TwoColumn{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.PressHub .TwoColumn p{font-size:15px;line-height:1.5;letter-spacing:.015em;color:#2A2A2A;margin:0 0 20px}
.PressHub .TwoColumn p:last-child{margin-bottom:0}
.PressHub .ContactSection{max-width:680px;margin:0 auto;padding:0 100px 96px;text-align:center}
.PressHub .ContactSection h5{font-size:23px;line-height:1.1;letter-spacing:.015em;font-weight:700;margin:0 0 24px;color:#1A1A1A}
.PressHub .ContactGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
.PressHub .ContactCard{padding:28px 24px;border-radius:16px;background:#015e690a;border:1px solid transparent;transition:border-color .28s cubic-bezier(0.4,0,0.2,1),box-shadow .28s cubic-bezier(0.4,0,0.2,1);position:relative}
.PressHub .ContactCard::after{content:'';position:absolute;inset:0;border-radius:16px;border:1px solid #9F55C5;opacity:0;transition:opacity .28s cubic-bezier(0.4,0,0.2,1);pointer-events:none}
.PressHub .ContactCard:hover{border-color:#9f55c533;box-shadow:0 1px 3px -2px #9f55c514}
.PressHub .ContactCard:hover::after{opacity:1}
.PressHub .ContactCard h6{font-size:15px;line-height:1.5;letter-spacing:.02em;font-weight:700;margin:0 0 8px;color:#015E69;text-transform:uppercase}
.PressHub .ContactCard a{font-size:15px;line-height:1.5;letter-spacing:.015em;color:#1A1A1A;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .26s ease-in-out}
.PressHub .ContactCard a:hover{border-bottom-color:#9F55C5}
@media (max-width: 1024px) {
.PressHub .HeroTitle{padding:64px 60px 56px}
.PressHub .EdgeDivider{padding:0 60px}
.PressHub .MainRelease{padding:72px 60px;grid-template-columns:1fr;gap:48px}
.PressHub .ReleaseVisual{height:380px}
.PressHub .MetricsDisplay{padding:0 60px 72px}
.PressHub .MetricsDisplay::before{left:60px;right:60px}
.PressHub .StatsGrid{grid-template-columns:1fr 1fr;gap:32px}
.PressHub .AdditionalInfo{padding:0 60px 88px}
.PressHub .InfoLayout{grid-template-columns:1fr;gap:40px}
.PressHub .ContactSection{padding:0 60px 72px}
}
@media (max-width: 768px) {
.PressHub .HeroTitle{padding:48px 32px 40px}
.PressHub .HeroTitle h1{font-size:43px}
.PressHub .EdgeDivider{padding:0 32px}
.PressHub .EdgeDivider::before,.PressHub .EdgeDivider::after{width:56px}
.PressHub .MainRelease{padding:56px 32px}
.PressHub .ReleaseContent h2{font-size:31px}
.PressHub .MetricsDisplay{padding:0 32px 56px}
.PressHub .MetricsDisplay::before{left:32px;right:32px}
.PressHub .MetricsHeader h3{font-size:31px}
.PressHub .StatsGrid{grid-template-columns:1fr;gap:24px}
.PressHub .AdditionalInfo{padding:0 32px 64px}
.PressHub .CenterContent{padding:36px 28px}
.PressHub .TwoColumn{grid-template-columns:1fr;gap:24px}
.PressHub .ContactSection{padding:0 32px 56px}
.PressHub .ContactGrid{grid-template-columns:1fr;gap:16px}
}
::selection{background:#9f55c51a}
.LearningProgramPage{background:#FFF;min-height:100vh}
.LearningProgramPage .IntroSection{max-width:1320px;margin:0 auto;padding:80px 100px 72px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;position:relative}
.LearningProgramPage .IntroSection::before{content:'';position:absolute;top:120px;left:50%;width:280px;height:280px;border:2px solid #9f55c51f;border-radius:44px;transform:translateX(-50%) rotate(12deg);animation:slowPulseShape 6s ease-in-out infinite}
@keyframes slowPulseShape {
0%,100%{opacity:.6;transform:translateX(-50%) rotate(12deg) scale(1)}
50%{opacity:1;transform:translateX(-50%) rotate(12deg) scale(1.08)}
}
.LearningProgramPage .IntroTextZone{position:relative;z-index:2}
.LearningProgramPage .IntroImageZone{position:relative;z-index:2}
.LearningProgramPage .IntroImageZone::before{content:'';position:absolute;top:-20px;right:-20px;width:100%;height:100%;background:linear-gradient(135deg,#9f55c514 0%,#015e690f 100%);border-radius:28px;z-index:-1}
.LearningProgramPage .ProgramMetric{display:inline-flex;align-items:baseline;gap:12px;margin-bottom:16px}
.LearningProgramPage .MetricNumber{font-size:72px;font-weight:700;color:#9F55C5;line-height:1.1;position:relative;display:inline-block}
.LearningProgramPage .MetricNumber::after{content:'';position:absolute;top:50%;left:50%;width:110px;height:110px;border:4px solid #9f55c533;border-radius:50%;border-top-color:#9F55C5;border-right-color:#9F55C5;transform:translate(-50%,-50%) rotate(-45deg);z-index:-1}
.LearningProgramPage .MetricLabel{font-size:23px;color:#2A2A2A;letter-spacing:.01em}
.LearningProgramPage .TitleMain{font-size:43px;font-weight:700;color:#1A1A1A;line-height:1.3;margin-bottom:20px;letter-spacing:.01em}
.LearningProgramPage .TitleExplanation{font-size:15px;color:#4A4A4A;line-height:1.5;letter-spacing:.02em}
.LearningProgramPage .IntroVisual{width:100%;height:440px;border-radius:16px;object-fit:cover;filter:blur(0);transition:filter .35s cubic-bezier(0.4,0,0.2,1)}
.LearningProgramPage .IntroVisual:hover{filter:blur(2px)}
.LearningProgramPage .StructureBlock{max-width:1320px;margin:0 auto;padding:72px 100px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.LearningProgramPage .ColumnLeft,.LearningProgramPage .ColumnRight{display:flex;flex-direction:column;gap:32px}
.LearningProgramPage .BlockHeading{font-size:31px;font-weight:700;color:#1A1A1A;line-height:1.3;margin-bottom:20px;letter-spacing:.015em}
.LearningProgramPage .BlockText{font-size:15px;color:#3A3A3A;line-height:1.5;letter-spacing:.02em;margin-bottom:16px}
.LearningProgramPage .PhaseSteps{display:flex;flex-direction:column;gap:28px;position:relative;padding-left:48px}
.LearningProgramPage .PhaseSteps::before{content:'';position:absolute;left:15px;top:32px;bottom:32px;width:2px;background:linear-gradient(180deg,#9f55c54d 0%,#015e694d 100%)}
.LearningProgramPage .StepItem{position:relative;display:flex;flex-direction:column;gap:8px}
.LearningProgramPage .StepItem::before{content:'';position:absolute;left:-48px;top:6px;width:32px;height:32px;background:#FFF;border:3px solid #9F55C5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#9F55C5}
.LearningProgramPage .StepItem:nth-child(1)::before{content:'1'}
.LearningProgramPage .StepItem:nth-child(2)::before{content:'2'}
.LearningProgramPage .StepItem:nth-child(3)::before{content:'3'}
.LearningProgramPage .StepItem:nth-child(4)::before{content:'4'}
.LearningProgramPage .StepName{font-size:15px;font-weight:700;color:#1A1A1A;line-height:1.5;letter-spacing:.01em}
.LearningProgramPage .StepDescription{font-size:15px;color:#4A4A4A;line-height:1.5;letter-spacing:.015em}
.LearningProgramPage .MethodsArea{background:#F9F9F9;padding:64px 100px;position:relative;overflow:hidden}
.LearningProgramPage .MethodsArea::before{content:'';position:absolute;top:0;left:0;width:400px;height:100%;background:linear-gradient(90deg,#9f55c50a 0%,transparent 100%);pointer-events:none}
.LearningProgramPage .MethodsInner{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.LearningProgramPage .MethodsTitle{font-size:31px;font-weight:700;color:#1A1A1A;line-height:1.3;margin-bottom:40px;letter-spacing:.015em}
.LearningProgramPage .MethodGrid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:32px}
.LearningProgramPage .MethodCard{background:#FFF;padding:32px 24px;border-radius:16px;box-shadow:0 1px 3px -2px #9f55c514 0 4px 28px -2px #9f55c517;transition:transform .32s cubic-bezier(0.4,0,0.2,1),box-shadow .32s cubic-bezier(0.4,0,0.2,1);opacity:0;transform:rotateY(90deg);animation:cardFlip .6s cubic-bezier(0.4,0,0.2,1) forwards}
.LearningProgramPage .MethodCard:nth-child(1){animation-delay:.1s}
.LearningProgramPage .MethodCard:nth-child(2){animation-delay:.2s}
.LearningProgramPage .MethodCard:nth-child(3){animation-delay:.3s}
.LearningProgramPage .MethodCard:nth-child(4){animation-delay:.4s}
@keyframes cardFlip {
to{opacity:1;transform:rotateY(0deg)}
}
.LearningProgramPage .MethodCard:hover{transform:translateY(-6px);box-shadow:0 8px 44px -2px #9f55c524}
.LearningProgramPage .MethodIcon{width:48px;height:48px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9f55c51a 0%,#015e691a 100%);border-radius:8px}
.LearningProgramPage .MethodIcon svg{width:28px;height:28px;fill:#9F55C5}
.LearningProgramPage .MethodName{font-size:15px;font-weight:700;color:#1A1A1A;line-height:1.5;margin-bottom:12px;letter-spacing:.01em}
.LearningProgramPage .MethodInfo{font-size:15px;color:#4A4A4A;line-height:1.5;letter-spacing:.015em}
.LearningProgramPage .ExpertSection{max-width:1320px;margin:0 auto;padding:80px 100px;display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start;position:relative}
.LearningProgramPage .ExpertSection::after{content:'';position:absolute;bottom:0;left:0;width:60%;height:1px;background:linear-gradient(90deg,#9f55c54d 0%,transparent 100%)}
.LearningProgramPage .ExpertVisual{width:280px;height:360px;border-radius:8px;object-fit:cover;object-position:center 20%;box-shadow:0 4px 28px -2px #9f55c517;transition:box-shadow .28s ease-in-out}
.LearningProgramPage .ExpertVisual:hover{box-shadow:0 8px 44px -2px #9f55c524}
.LearningProgramPage .ExpertContent{padding-top:20px}
.LearningProgramPage .QuoteSymbol{font-size:72px;font-weight:700;color:#9f55c526;line-height:1;margin-bottom:16px;letter-spacing:-.02em}
.LearningProgramPage .ExpertQuote{font-size:23px;color:#2A2A2A;line-height:1.5;margin-bottom:24px;letter-spacing:.01em;font-style:italic}
.LearningProgramPage .ExpertAttribution{font-size:15px;color:#4A4A4A;line-height:1.5;letter-spacing:.015em;border-left:3px solid #9F55C5;padding-left:16px}
.LearningProgramPage .ExpertName{font-weight:700;color:#1A1A1A;display:block;margin-bottom:4px}
.LearningProgramPage .OutcomeZone{background:#9f55c508;padding:72px 100px}
.LearningProgramPage .OutcomeInner{max-width:1320px;margin:0 auto}
.LearningProgramPage .OutcomeTitle{font-size:31px;font-weight:700;color:#1A1A1A;line-height:1.3;margin-bottom:44px;letter-spacing:.015em}
.LearningProgramPage .OutcomeGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px}
.LearningProgramPage .OutcomeItem{display:flex;flex-direction:column;gap:16px;position:relative;opacity:0;transform:translateY(40px);animation:fadeSlideUp .7s cubic-bezier(0.4,0,0.2,1) forwards}
.LearningProgramPage .OutcomeItem:nth-child(1){animation-delay:.1s}
.LearningProgramPage .OutcomeItem:nth-child(2){animation-delay:.25s}
.LearningProgramPage .OutcomeItem:nth-child(3){animation-delay:.4s}
@keyframes fadeSlideUp {
to{opacity:1;transform:translateY(0)}
}
.LearningProgramPage .OutcomeNumber{font-size:60px;font-weight:700;color:#9F55C5;line-height:1.1;letter-spacing:-.01em}
.LearningProgramPage .OutcomeLabel{font-size:15px;font-weight:700;color:#1A1A1A;line-height:1.5;letter-spacing:.01em;margin-bottom:8px}
.LearningProgramPage .OutcomeDetail{font-size:15px;color:#4A4A4A;line-height:1.5;letter-spacing:.015em}
.LearningProgramPage .TeamArea{max-width:1320px;margin:0 auto;padding:80px 100px}
.LearningProgramPage .TeamHeader{margin-bottom:48px}
.LearningProgramPage .TeamTitle{font-size:31px;font-weight:700;color:#1A1A1A;line-height:1.3;margin-bottom:16px;letter-spacing:.015em}
.LearningProgramPage .TeamIntro{font-size:15px;color:#4A4A4A;line-height:1.5;letter-spacing:.015em;max-width:720px}
.LearningProgramPage .TeamGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}
.LearningProgramPage .TeamMember{display:flex;flex-direction:column;gap:20px;transition:transform .3s ease-in-out}
.LearningProgramPage .TeamMember:hover{transform:translateY(-8px)}
.LearningProgramPage .MemberPhoto{width:100%;height:320px;border-radius:4px;object-fit:cover;object-position:center 20%;box-shadow:0 1px 3px -2px #015e6914 0 4px 28px -2px #015e6917}
.LearningProgramPage .MemberInfo{display:flex;flex-direction:column;gap:4px}
.LearningProgramPage .MemberName{font-size:15px;font-weight:700;color:#1A1A1A;line-height:1.5;letter-spacing:.01em}
.LearningProgramPage .MemberRole{font-size:15px;color:#4A4A4A;line-height:1.5;letter-spacing:.015em}
@media (max-width: 1200px) {
.LearningProgramPage .IntroSection,.LearningProgramPage .StructureBlock{grid-template-columns:1fr;gap:48px;padding:60px}
.LearningProgramPage .MethodGrid{grid-template-columns:1fr 1fr}
.LearningProgramPage .OutcomeGrid,.LearningProgramPage .TeamGrid{grid-template-columns:1fr 1fr}
.LearningProgramPage .ExpertSection{grid-template-columns:1fr;padding:60px}
.LearningProgramPage .ExpertVisual{width:100%;max-width:320px;margin:0 auto}
}
@media (max-width: 768px) {
.LearningProgramPage .IntroSection,.LearningProgramPage .StructureBlock,.LearningProgramPage .MethodsArea,.LearningProgramPage .ExpertSection,.LearningProgramPage .OutcomeZone,.LearningProgramPage .TeamArea{padding:48px 32px}
.LearningProgramPage .MetricNumber{font-size:60px}
.LearningProgramPage .MetricNumber::after{width:90px;height:90px}
.LearningProgramPage .TitleMain{font-size:31px}
.LearningProgramPage .BlockHeading,.LearningProgramPage .MethodsTitle,.LearningProgramPage .OutcomeTitle,.LearningProgramPage .TeamTitle{font-size:23px}
.LearningProgramPage .ExpertQuote{font-size:15px}
.LearningProgramPage .MethodGrid,.LearningProgramPage .OutcomeGrid,.LearningProgramPage .TeamGrid{grid-template-columns:1fr}
.LearningProgramPage .IntroVisual{height:320px}
}
::selection{background:#9f55c51a}
.AboutContainer{background:#FAFAFA;color:#1A1A1A;min-height:100vh}
.AboutContainer .PageHead{max-width:1320px;margin:0 auto;padding:80px 100px 60px;position:relative;overflow:hidden}
.AboutContainer .HeadFrame{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative}
.AboutContainer .HeadText{position:relative;z-index:2}
.AboutContainer .PreHeading{font-size:15px;letter-spacing:.02em;line-height:1.5;color:#666;margin-bottom:20px;opacity:0;animation:fadeSlideUp .8s cubic-bezier(0.4,0,0.2,1) .2s forwards}
@keyframes fadeSlideUp {
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
.AboutContainer .MainHeading{font-size:60px;line-height:1.1;letter-spacing:.01em;margin:0 0 24px;font-weight:700;opacity:0;animation:fadeSlideUp .8s cubic-bezier(0.4,0,0.2,1) .4s forwards}
.AboutContainer .HeadDescription{font-size:23px;line-height:1.5;letter-spacing:.01em;color:#444;margin:0;opacity:0;animation:fadeSlideUp .8s cubic-bezier(0.4,0,0.2,1) .6s forwards}
.AboutContainer .HeadVisual{position:relative;height:480px;border-radius:16px;overflow:hidden;box-shadow:0 8px 44px -2px #9f55c524}
.AboutContainer .HeadVisual img{width:100%;height:100%;object-fit:cover;animation:colorWash 6s ease-in-out infinite}
@keyframes colorWash {
0%,100%{filter:sepia(0) hue-rotate(0deg)}
50%{filter:sepia(0.3) hue-rotate(15deg)}
}
.AboutContainer .PatternReveal{position:absolute;top:-40px;right:-40px;width:200px;height:200px;opacity:.06;animation:revealPattern 2s cubic-bezier(0.4,0,0.2,1) forwards}
@keyframes revealPattern {
from{clip-path:circle(0% at 50% 50%)}
to{clip-path:circle(100% at 50% 50%)}
}
.AboutContainer .PatternReveal svg{width:100%;height:100%}
.AboutContainer .MissionSection{max-width:1320px;margin:0 auto;padding:60px 100px;background:#FFF;position:relative}
.AboutContainer .MissionSection::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,#9f55c508 0%,transparent 70%);pointer-events:none}
.AboutContainer .MissionContent{position:relative;z-index:1}
.AboutContainer .MissionTitle{font-size:43px;line-height:1.1;letter-spacing:.01em;margin:0 0 36px;font-weight:700}
.AboutContainer .TwoColumn{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.AboutContainer .ColumnText{font-size:15px;line-height:1.5;letter-spacing:.02em;color:#333}
.AboutContainer .ColumnText p{margin:0 0 20px}
.AboutContainer .ColumnText p:last-child{margin-bottom:0}
.AboutContainer .AccentNotch{border-left:4px solid #9F55C5;padding-left:20px}
.AboutContainer .ApproachSection{max-width:1320px;margin:0 auto;padding:60px 100px;background:linear-gradient(135deg,#F8F8F8 0%,#FFF 100%);position:relative}
.AboutContainer .BlobBackground{position:absolute;top:10%;left:5%;width:400px;height:400px;background:radial-gradient(circle,#fee5ae26 0%,transparent 70%);border-radius:44%;filter:blur(60px);pointer-events:none}
.AboutContainer .ApproachTitle{font-size:43px;line-height:1.1;letter-spacing:.01em;margin:0 0 48px;font-weight:300;position:relative;z-index:1}
.AboutContainer .StepList{list-style:none;margin:0;padding:0;position:relative;z-index:1}
.AboutContainer .StepItem{position:relative;padding-left:60px;margin-bottom:40px}
.AboutContainer .StepItem::before{content:'';position:absolute;left:18px;top:40px;bottom:-40px;width:2px;background:linear-gradient(to bottom,#9F55C5 0%,#015E69 100%)}
.AboutContainer .StepItem:last-child::before{display:none}
.AboutContainer .StepNumber{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:28px;background:#9F55C5;color:#FFF;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;letter-spacing:.02em}
.AboutContainer .StepContent h5{font-size:23px;line-height:1.5;letter-spacing:.01em;margin:0 0 12px;font-weight:700}
.AboutContainer .StepContent p{font-size:15px;line-height:1.5;letter-spacing:.02em;color:#444;margin:0}
.AboutContainer .TeamSection{max-width:1320px;margin:0 auto;padding:60px 100px;background:#FAFAFA;position:relative}
.AboutContainer .VignetteWrap{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}
.AboutContainer .VignetteWrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,#0000001f 100%)}
.AboutContainer .TeamContent{position:relative;z-index:1}
.AboutContainer .TeamTitle{font-size:43px;line-height:1.1;letter-spacing:.01em;margin:0 0 16px;font-weight:700;text-align:center}
.AboutContainer .TeamIntro{font-size:15px;line-height:1.5;letter-spacing:.02em;color:#555;text-align:center;max-width:720px;margin:0 auto 48px}
.AboutContainer .TeamGrid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.AboutContainer .ProfileCard{background:#FFF;border-radius:16px;padding:32px;box-shadow:0 4px 28px -2px #015e6917;transition:transform .35s cubic-bezier(0.4,0,0.2,1),box-shadow .35s ease-in-out}
.AboutContainer .ProfileCard:hover{transform:translateY(-6px);box-shadow:0 8px 44px -2px #015e6924}
.AboutContainer .ProfileLayout{display:flex;gap:24px;align-items:flex-start}
.AboutContainer .ProfileImage{flex-shrink:0;width:80px;height:80px;border-radius:28px;overflow:hidden}
.AboutContainer .ProfileImage img{width:100%;height:100%;object-fit:cover;object-position:center top}
.AboutContainer .ProfileInfo h6{font-size:23px;line-height:1.5;letter-spacing:.01em;margin:0 0 4px;font-weight:700}
.AboutContainer .ProfileRole{font-size:15px;line-height:1.5;letter-spacing:.02em;color:#015E69;margin:0 0 12px}
.AboutContainer .ProfileBio{font-size:15px;line-height:1.5;letter-spacing:.02em;color:#444;margin:0}
.AboutContainer .ComplexSection{max-width:1320px;margin:0 auto;padding:80px 100px;background:#FFF;position:relative}
.AboutContainer .HeroScale{text-align:center;margin-bottom:60px}
.AboutContainer .HeroScale h2{font-size:72px;line-height:1.1;letter-spacing:.01em;margin:0 0 24px;font-weight:700;background:linear-gradient(135deg,#9F55C5 0%,#015E69 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.AboutContainer .HeroSubtext{font-size:23px;line-height:1.5;letter-spacing:.01em;color:#666;margin:0}
.AboutContainer .MicroGrid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:32px}
.AboutContainer .MicroCard{background:#FAFAFA;border-radius:8px;padding:24px;text-align:center;transition:background .28s ease-in-out}
.AboutContainer .MicroCard:hover{background:#F0F0F0}
.AboutContainer .MicroIcon{width:48px;height:48px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:linear-gradient(135deg,#9f55c51a 0%,#015e691a 100%)}
.AboutContainer .MicroIcon svg{width:24px;height:24px;fill:#9F55C5}
.AboutContainer .MicroValue{font-size:31px;line-height:1.1;letter-spacing:.01em;margin:0 0 8px;font-weight:700;color:#015E69}
.AboutContainer .MicroLabel{font-size:15px;line-height:1.5;letter-spacing:.02em;color:#666;margin:0}
.AboutContainer .ImageShowcase{margin-top:48px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.AboutContainer .ShowcaseImage{border-radius:8px;overflow:hidden;height:240px;box-shadow:0 1px 3px -2px #9f55c514}
.AboutContainer .ShowcaseImage img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(0.4,0,0.2,1)}
.AboutContainer .ShowcaseImage:hover img{transform:scale(1.05)}
.AboutContainer .DividerThick{height:1px;background:linear-gradient(to right,transparent 0%,#015E69 50%,transparent 100%);margin:60px 0;border:none}
@media (max-width: 1024px) {
.AboutContainer .PageHead,.AboutContainer .MissionSection,.AboutContainer .ApproachSection,.AboutContainer .TeamSection,.AboutContainer .ComplexSection{padding:60px}
.AboutContainer .HeadFrame{grid-template-columns:1fr;gap:40px}
.AboutContainer .HeadVisual{height:360px}
.AboutContainer .MainHeading{font-size:43px}
.AboutContainer .HeroScale h2{font-size:60px}
.AboutContainer .TeamGrid{grid-template-columns:1fr}
.AboutContainer .MicroGrid{grid-template-columns:1fr 1fr}
.AboutContainer .ImageShowcase{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.AboutContainer .PageHead,.AboutContainer .MissionSection,.AboutContainer .ApproachSection,.AboutContainer .TeamSection,.AboutContainer .ComplexSection{padding:40px 32px}
.AboutContainer .MainHeading{font-size:31px}
.AboutContainer .HeadDescription{font-size:15px}
.AboutContainer .MissionTitle,.AboutContainer .ApproachTitle,.AboutContainer .TeamTitle{font-size:31px}
.AboutContainer .HeroScale h2{font-size:43px}
.AboutContainer .TwoColumn{grid-template-columns:1fr;gap:28px}
.AboutContainer .MicroGrid{grid-template-columns:1fr}
.AboutContainer .ProfileLayout{flex-direction:column}
.AboutContainer .ProfileImage{width:100px;height:100px}
}
::selection{background:#9f55c51a}
.AboutContainer input::placeholder,.AboutContainer textarea::placeholder{color:#1a1a1a66}
.KontaktSeite{background:#fff;min-height:100vh}
.KontaktSeite .HeaderFrame{position:relative;max-width:1320px;margin:0 auto;padding:80px 100px 60px;overflow:hidden}
.KontaktSeite .BgImageHolder{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.06;clip-path:polygon(0 0,75% 0,85% 100%,0 100%);z-index:0}
.KontaktSeite .BgImageHolder img{width:100%;height:100%;object-fit:cover}
.KontaktSeite .TitleContent{position:relative;z-index:1}
.KontaktSeite .MainTitle{font-size:72px;line-height:1.1;letter-spacing:.01em;margin:0 0 12px;font-weight:700;color:#1a1a1a}
.KontaktSeite .TitleAccent{display:block;width:120px;height:3px;background:linear-gradient(90deg,#9F55C5 0%,#015E69 100%);margin-top:24px}
.KontaktSeite .FormSection{max-width:1320px;margin:0 auto;padding:48px 100px 120px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:60px;align-items:start}
.KontaktSeite .InfoBlock{grid-column:span 1;display:flex;flex-direction:column;gap:32px}
.KontaktSeite .InfoSection{background:linear-gradient(135deg,#9f55c508 0%,#015e6905 100%);padding:28px;border-radius:16px;position:relative;box-shadow:0 4px 28px -2px #9f55c517;transition:box-shadow .32s cubic-bezier(0.4,0,0.2,1)}
.KontaktSeite .InfoSection:hover{box-shadow:0 8px 44px -2px #9f55c524}
.KontaktSeite .InfoLabel{font-size:15px;letter-spacing:.02em;color:#666;margin:0 0 8px;font-weight:600}
.KontaktSeite .InfoValue{font-size:23px;letter-spacing:.01em;color:#1a1a1a;margin:0;line-height:1.5}
.KontaktSeite .InfoValue a{color:#015E69;text-decoration:none;position:relative;transition:color .28s ease-in-out}
.KontaktSeite .InfoValue a::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#9F55C5;transform:scaleX(0);transform-origin:right;transition:transform .34s cubic-bezier(0.4,0,0.2,1)}
.KontaktSeite .InfoValue a:hover{color:#9F55C5}
.KontaktSeite .InfoValue a:hover::after{transform:scaleX(1);transform-origin:left}
.KontaktSeite .DecorLines{position:absolute;bottom:8px;right:8px;display:flex;gap:3px}
.KontaktSeite .DecorLines span{width:1px;height:24px;background:linear-gradient(180deg,transparent 0%,#9F55C5 50%,transparent 100%);opacity:.4}
.KontaktSeite .FormWrapper{grid-column:span 3;background:#fefefe;border-radius:28px;padding:48px;box-shadow:0 1px 3px -2px #015e6914 0 8px 44px -2px #015e6924;border:1px solid #015e6914;position:relative}
.KontaktSeite .FormTitle{font-size:43px;line-height:1.1;letter-spacing:.01em;margin:0 0 12px;font-weight:700;color:#1a1a1a}
.KontaktSeite .FormDesc{font-size:15px;letter-spacing:.02em;color:#555;margin:0 0 40px;line-height:1.5}
.KontaktSeite .FormGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.KontaktSeite .InputHolder{display:flex;flex-direction:column;gap:8px}
.KontaktSeite .InputHolder.is-full{grid-column:span 2}
.KontaktSeite .InputLabel{font-size:15px;letter-spacing:.02em;color:#333;font-weight:600}
.KontaktSeite .InputField{width:100%;padding:14px 18px;font-size:15px;letter-spacing:.01em;color:#1a1a1a;background:#fff;border:2px solid #e5e5e5;border-radius:8px;transition:border-color .28s ease-in-out,box-shadow .28s ease-in-out;outline:none}
.KontaktSeite .InputField::placeholder{color:#1a1a1a59}
.KontaktSeite .InputField:focus{border-color:#9F55C5;box-shadow:0 0 0 4px #9f55c514}
.KontaktSeite .SelectWrapper{position:relative}
.KontaktSeite .SelectField{width:100%;padding:14px 42px 14px 18px;font-size:15px;letter-spacing:.01em;color:#1a1a1a;background:#fff;border:2px solid #e5e5e5;border-radius:8px;transition:border-color .28s ease-in-out,box-shadow .28s ease-in-out;outline:none;appearance:none;cursor:pointer}
.KontaktSeite .SelectField:focus{border-color:#015E69;box-shadow:0 0 0 4px #015e6914}
.KontaktSeite .SelectArrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #666;pointer-events:none;transition:border-top-color .28s ease-in-out}
.KontaktSeite .SelectField:focus + .SelectArrow{border-top-color:#015E69}
.KontaktSeite .PrivacyHolder{margin:32px 0 0;display:flex;align-items:start;gap:12px}
.KontaktSeite .CheckboxInput{width:20px;height:20px;min-width:20px;margin:2px 0 0;cursor:pointer;accent-color:#9F55C5}
.KontaktSeite .PrivacyText{font-size:15px;letter-spacing:.01em;color:#555;line-height:1.5;margin:0}
.KontaktSeite .PrivacyText a{color:#015E69;text-decoration:none;position:relative}
.KontaktSeite .PrivacyText a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#9F55C5}
.KontaktSeite .SubmitHolder{margin-top:32px;display:flex;justify-content:flex-end}
.KontaktSeite .SubmitBtn{padding:16px 48px;font-size:15px;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#9F55C5 0%,#015E69 100%);border:2px solid transparent;border-radius:44px;cursor:pointer;transition:box-shadow .32s cubic-bezier(0.4,0,0.2,1),transform .25s ease-in-out;font-weight:600;position:relative;overflow:hidden}
.KontaktSeite .SubmitBtn::before{content:'';position:absolute;inset:0;border-radius:42px;padding:2px;background:linear-gradient(135deg,#FEE5AE 0%,#9F55C5 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .32s cubic-bezier(0.4,0,0.2,1)}
.KontaktSeite .SubmitBtn:hover{box-shadow:0 8px 44px -2px #9f55c54d;transform:translateY(-2px)}
.KontaktSeite .SubmitBtn:hover::before{opacity:1}
.KontaktSeite .SubmitBtn:active{transform:translateY(0)}
@media (max-width: 1200px) {
.KontaktSeite .HeaderFrame{padding:60px 80px 48px}
.KontaktSeite .MainTitle{font-size:60px}
.KontaktSeite .FormSection{padding:48px 80px 100px;gap:48px}
.KontaktSeite .FormWrapper{padding:40px}
}
@media (max-width: 992px) {
.KontaktSeite .HeaderFrame{padding:48px 60px 40px}
.KontaktSeite .MainTitle{font-size:43px}
.KontaktSeite .FormSection{grid-template-columns:1fr;padding:40px 60px 80px;gap:40px}
.KontaktSeite .InfoBlock{grid-column:span 1}
.KontaktSeite .FormWrapper{grid-column:span 1;padding:36px}
.KontaktSeite .FormTitle{font-size:31px}
}
@media (max-width: 768px) {
.KontaktSeite .HeaderFrame{padding:40px 32px 32px}
.KontaktSeite .MainTitle{font-size:31px}
.KontaktSeite .FormSection{padding:32px 32px 60px;gap:32px}
.KontaktSeite .FormGrid{grid-template-columns:1fr}
.KontaktSeite .InputHolder.is-full{grid-column:span 1}
.KontaktSeite .FormWrapper{padding:28px}
.KontaktSeite .FormTitle{font-size:23px}
.KontaktSeite .InfoSection{padding:24px}
}
@media (max-width: 480px) {
.KontaktSeite .HeaderFrame{padding:32px 24px 24px}
.KontaktSeite .MainTitle{font-size:23px}
.KontaktSeite .TitleAccent{width:80px;margin-top:16px}
.KontaktSeite .FormSection{padding:24px 24px 48px}
.KontaktSeite .FormWrapper{padding:24px}
.KontaktSeite .SubmitHolder{justify-content:stretch}
.KontaktSeite .SubmitBtn{width:100%;text-align:center}
}
.PraskorFinancial{background:#fff;color:#1a1a1a;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.PraskorFinancial .HeroTitle{position:relative;min-height:580px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0;padding:80px 40px}
.PraskorFinancial .HeroTitle::before{content:'';position:absolute;inset:0;background-image:url(./visual_directory/post-thumbnail-172024_10_09.jpg);background-size:cover;background-position:center;z-index:1}
.PraskorFinancial .HeroTitle::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#015e69d9 0%,#9f55c5a6 100%);z-index:2}
.PraskorFinancial .AnimatedBlob{position:absolute;width:420px;height:420px;background:radial-gradient(circle at center,#fee5ae4d 0%,#fee5ae00 70%);border-radius:44%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;animation:morph-blob 8s ease-in-out infinite}
@keyframes morph-blob {
0%,100%{border-radius:44% 56% 51% 49% / 48% 45% 55% 52%}
25%{border-radius:56% 44% 48% 52% / 53% 58% 42% 47%}
50%{border-radius:48% 52% 56% 44% / 45% 51% 49% 55%}
75%{border-radius:52% 48% 44% 56% / 58% 46% 54% 42%}
}
.PraskorFinancial .TitleContent{position:relative;z-index:4;text-align:center;max-width:920px;color:#fff}
.PraskorFinancial .MainHeadline{font-size:60px;line-height:1.1;letter-spacing:.01em;margin:0 0 32px;font-weight:700}
.PraskorFinancial .ThesisText{font-size:23px;line-height:1.5;letter-spacing:.015em;margin:0 0 16px;font-weight:300}
.PraskorFinancial .ThesisText:last-child{margin-bottom:0}
.PraskorFinancial .CapabilityDisplay{max-width:1320px;margin:0 auto;padding:96px 100px;display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:start}
.PraskorFinancial .IntroHolder{position:sticky;top:40px}
.PraskorFinancial .SectionLabel{font-size:43px;line-height:1.1;letter-spacing:.012em;margin:0 0 20px;font-weight:700}
.PraskorFinancial .IntroDescription{font-size:15px;line-height:1.5;letter-spacing:.015em;margin:0;color:#444}
.PraskorFinancial .CapabilityGrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.PraskorFinancial .CapabilityCard{background:#fafafa;padding:32px;border-radius:16px;border:2px dashed #e0e0e0;transition:transform .28s cubic-bezier(0.4,0,0.2,1),box-shadow .32s ease-in-out}
.PraskorFinancial .CapabilityCard:hover{transform:translateY(-4px);box-shadow:0 8px 44px -2px #9f55c524}
.PraskorFinancial .CardHeading{font-size:23px;line-height:1.1;letter-spacing:.015em;margin:0 0 14px;font-weight:700;color:#015E69}
.PraskorFinancial .CardText{font-size:15px;line-height:1.5;letter-spacing:.02em;margin:0;color:#555}
.PraskorFinancial .ApproachReveal{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:88px 100px;position:relative;overflow:hidden}
.PraskorFinancial .ApproachReveal::before{content:'';position:absolute;top:0;left:0;right:0;height:100%;background:url(./visual_directory/temp-media-18.jpg) center/cover;opacity:.06;z-index:0}
.PraskorFinancial .ApproachContent{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.PraskorFinancial .ApproachHeading{font-size:43px;line-height:1.1;letter-spacing:.01em;margin:0 0 48px;text-align:center;font-weight:700}
.PraskorFinancial .StepSequence{display:flex;flex-direction:column;gap:0}
.PraskorFinancial .StepItem{display:flex;gap:32px;padding:28px 0;position:relative}
.PraskorFinancial .StepItem::after{content:'';position:absolute;left:19px;top:60px;bottom:-28px;width:2px;background:linear-gradient(180deg,#9F55C5 0%,#015E69 100%)}
.PraskorFinancial .StepItem:last-child::after{display:none}
.PraskorFinancial .StepNumber{flex-shrink:0;width:40px;height:40px;border-radius:28px;background:#9F55C5;color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:700;letter-spacing:.01em;position:relative;z-index:2}
.PraskorFinancial .StepBody{flex:1}
.PraskorFinancial .StepTitle{font-size:23px;line-height:1.1;letter-spacing:.015em;margin:0 0 12px;font-weight:700}
.PraskorFinancial .StepDescription{font-size:15px;line-height:1.5;letter-spacing:.02em;margin:0;color:#555}
.PraskorFinancial .MetricsShowcase{background:#015E69;padding:92px 100px;clip-path:polygon(0 0,100% 5%,100% 100%,0 100%);margin-top:-40px}
.PraskorFinancial .MetricsContainer{max-width:1320px;margin:0 auto}
.PraskorFinancial .MetricsHeading{font-size:43px;line-height:1.1;letter-spacing:.012em;margin:0 0 56px;text-align:center;color:#fff;font-weight:700}
.PraskorFinancial .MetricsGrid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px}
.PraskorFinancial .MetricBox{text-align:center;padding:36px 20px;background:#ffffff14;border-radius:16px;position:relative;overflow:hidden;transition:background .35s cubic-bezier(0.4,0,0.2,1)}
.PraskorFinancial .MetricBox::before{content:'';position:absolute;top:0;left:-100%;width:4px;height:100%;background:#FEE5AE;transition:left .4s ease-in-out}
.PraskorFinancial .MetricBox:hover{background:#ffffff24}
.PraskorFinancial .MetricBox:hover::before{left:0}
.PraskorFinancial .StatShape{width:100px;height:100px;margin:0 auto 20px;border:4px solid #FEE5AE;border-radius:28px;display:flex;align-items:center;justify-content:center;position:relative;transform:rotate(45deg)}
.PraskorFinancial .StatValue{font-size:31px;line-height:1.1;letter-spacing:.01em;font-weight:700;color:#fff;transform:rotate(-45deg)}
.PraskorFinancial .StatLabel{font-size:15px;line-height:1.5;letter-spacing:.02em;color:#FEE5AE;margin:0}
.PraskorFinancial .TestimonialZone{max-width:1320px;margin:0 auto;padding:96px 100px;display:flex;gap:80px;align-items:center}
.PraskorFinancial .TestimonialImage{flex-shrink:0;width:360px;height:460px;border-radius:16px;overflow:hidden;box-shadow:0 4px 28px -2px #015e6917;position:relative}
.PraskorFinancial .TestimonialImage img{width:100%;height:100%;object-fit:cover;object-position:center top}
.PraskorFinancial .TestimonialText{flex:1}
.PraskorFinancial .TestimonialQuote{font-size:23px;line-height:1.5;letter-spacing:.015em;margin:0 0 24px;color:#1a1a1a;font-style:italic;position:relative;padding-left:32px}
.PraskorFinancial .TestimonialQuote::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#9F55C5 0%,#015E69 100%);border-radius:4px}
.PraskorFinancial .AuthorName{font-size:15px;line-height:1.5;letter-spacing:.02em;margin:0 0 4px;font-weight:700;color:#015E69}
.PraskorFinancial .AuthorTitle{font-size:15px;line-height:1.5;letter-spacing:.02em;margin:0;color:#777}
.PraskorFinancial .CalloutPanel{background:linear-gradient(135deg,#9F55C5 0%,#015E69 100%);padding:80px 100px;position:relative;overflow:hidden}
.PraskorFinancial .CalloutPanel::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:url(./visual_directory/btn19-backup.jpg) center/cover;opacity:.15;z-index:0}
.PraskorFinancial .CalloutContent{max-width:1320px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:60px;position:relative;z-index:1}
.PraskorFinancial .CalloutHeading{font-size:43px;line-height:1.1;letter-spacing:.012em;margin:0 0 16px;color:#fff;font-weight:700}
.PraskorFinancial .CalloutSubtext{font-size:23px;line-height:1.5;letter-spacing:.015em;margin:0;color:#FEE5AE}
.PraskorFinancial .CalloutActions{flex-shrink:0}
.PraskorFinancial .PrimaryAction{display:inline-block;padding:18px 44px;background:#fff;color:#015E69;font-size:15px;line-height:1.5;letter-spacing:.02em;text-decoration:none;border-radius:8px;font-weight:700;text-transform:lowercase;border:2px solid transparent;transition:background .3s cubic-bezier(0.4,0,0.2,1),border-color .28s ease-in-out,transform .25s ease-in-out;position:relative}
.PraskorFinancial .PrimaryAction::after{content:'';position:absolute;inset:4px;border:2px solid #015E69;border-radius:4px;opacity:0;transition:opacity .32s ease-in-out}
.PraskorFinancial .PrimaryAction:hover{background:#FEE5AE;transform:translateY(-2px)}
.PraskorFinancial .PrimaryAction:hover::after{opacity:1}
.PraskorFinancial ::selection{background:#9f55c51a}
@media (max-width: 1200px) {
.PraskorFinancial .CapabilityDisplay{padding:80px 60px;grid-template-columns:1fr;gap:48px}
.PraskorFinancial .IntroHolder{position:static}
.PraskorFinancial .MetricsGrid{grid-template-columns:1fr 1fr;gap:32px}
.PraskorFinancial .TestimonialZone{padding:80px 60px;flex-direction:column;gap:48px}
.PraskorFinancial .TestimonialImage{width:100%;max-width:420px}
}
@media (max-width: 768px) {
.PraskorFinancial .MainHeadline{font-size:43px}
.PraskorFinancial .ThesisText{font-size:15px}
.PraskorFinancial .CapabilityDisplay{padding:60px 40px}
.PraskorFinancial .CapabilityGrid{grid-template-columns:1fr;gap:24px}
.PraskorFinancial .ApproachReveal{padding:60px 40px}
.PraskorFinancial .SectionLabel,.PraskorFinancial .ApproachHeading,.PraskorFinancial .MetricsHeading,.PraskorFinancial .CalloutHeading{font-size:31px}
.PraskorFinancial .MetricsShowcase{padding:60px 40px}
.PraskorFinancial .MetricsGrid{grid-template-columns:1fr;gap:24px}
.PraskorFinancial .TestimonialZone{padding:60px 40px}
.PraskorFinancial .CalloutPanel{padding:60px 40px}
.PraskorFinancial .CalloutContent{flex-direction:column;align-items:flex-start;gap:32px}
.PraskorFinancial .CalloutSubtext{font-size:15px}
}
.SubmitOk{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(circle at center,#9f55c508,#fffffff7);padding:48px 24px}
.SubmitOk .ContentHolder{max-width:680px;width:100%;background:#fff;border-radius:16px;padding:72px 60px;box-shadow:0 4px 28px -2px #9f55c517 0 1px 3px -2px #9f55c514;text-align:center}
.SubmitOk .IconFrame{width:92px;height:92px;margin:0 auto 32px;border-radius:44px;background:linear-gradient(135deg,#9f55c514,#015e6914);display:flex;align-items:center;justify-content:center;position:relative}
.SubmitOk .IconFrame::before{content:'';position:absolute;inset:8px;border-radius:44px;background:#fff}
.SubmitOk .IconFrame svg{width:42px;height:42px;position:relative;z-index:1}
.SubmitOk .MainTitle{font-size:43px;line-height:1.1;letter-spacing:.01em;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.SubmitOk .SubTitle{font-size:23px;line-height:1.5;letter-spacing:.01em;color:#4a4a4a;margin:0 0 48px;font-weight:400}
.SubmitOk .DetailsList{background:#fee5ae1f;border-radius:8px;padding:32px 40px;margin:0 0 48px;text-align:left}
.SubmitOk .DetailsList .InfoRow{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}
.SubmitOk .DetailsList .InfoRow:last-child{margin-bottom:0}
.SubmitOk .DetailsList .InfoIcon{width:24px;height:24px;flex-shrink:0;margin-top:2px}
.SubmitOk .DetailsList .InfoIcon svg{width:100%;height:100%}
.SubmitOk .DetailsList .InfoText{flex:1}
.SubmitOk .DetailsList .InfoText .Label{font-size:15px;line-height:1.5;letter-spacing:.01em;color:#6a6a6a;margin:0 0 4px;text-transform:lowercase}
.SubmitOk .DetailsList .InfoText .Value{font-size:15px;line-height:1.5;letter-spacing:.01em;color:#1a1a1a;margin:0;font-weight:500}
.SubmitOk .BtnGroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.SubmitOk .BtnPrimary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 36px;background:#9F55C5;color:#fff;font-size:15px;line-height:1.5;letter-spacing:.02em;text-decoration:none;border-radius:8px;border:2px solid #9F55C5;transition:background .28s cubic-bezier(0.4,0,0.2,1),border-color .28s cubic-bezier(0.4,0,0.2,1),box-shadow .28s cubic-bezier(0.4,0,0.2,1);cursor:pointer;font-weight:500}
.SubmitOk .BtnPrimary:hover{background:#8a4aaf;border-color:#8a4aaf;box-shadow:0 4px 28px -2px #9f55c533}
.SubmitOk .BtnSecondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 36px;background:transparent;color:#015E69;font-size:15px;line-height:1.5;letter-spacing:.02em;text-decoration:none;border-radius:8px;border:2px solid #015E69;transition:background .32s ease-in-out,color .32s ease-in-out,box-shadow .32s ease-in-out;cursor:pointer;font-weight:500}
.SubmitOk .BtnSecondary:hover{background:#015E69;color:#fff;box-shadow:0 4px 28px -2px #015e692e}
.SubmitOk .FootNote{margin-top:40px;padding-top:32px;border-top:1px solid #9f55c51f}
.SubmitOk .FootNote p{font-size:15px;line-height:1.5;letter-spacing:.01em;color:#6a6a6a;margin:0}
.SubmitOk .FootNote a{color:#9F55C5;text-decoration:none;border-bottom:1px solid #9f55c54d;transition:border-color .26s ease-in-out}
.SubmitOk .FootNote a:hover{border-bottom-color:#9F55C5}
@media (max-width: 768px) {
.SubmitOk .ContentHolder{padding:48px 32px}
.SubmitOk .MainTitle{font-size:31px}
.SubmitOk .SubTitle{font-size:15px;margin-bottom:32px}
.SubmitOk .DetailsList{padding:24px 28px;margin-bottom:32px}
.SubmitOk .BtnGroup{flex-direction:column;width:100%}
.SubmitOk .BtnPrimary,.SubmitOk .BtnSecondary{width:100%}
}