*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Source Code Pro',monospace;background:#f8f9fa;color:#1a1a1a;line-height:1.6;scroll-behavior:smooth}
.TopRibbon{background:linear-gradient(225deg,#4D30BB 0%,#06523E 50%,#781B31 100%);padding:12px 0;box-shadow:0 3px 8px #4d30bb26}
.TopRibbon-inner{max-width:1400px;margin:0 auto;padding:0 20px}
.MainNav{display:flex;gap:35px;justify-content:center;flex-wrap:wrap}
.MainNav .NavLink{color:#fff;text-decoration:none;font-weight:400;font-size:15px;padding:8px 14px;border-radius:6px;transition:background-color .25s ease}
.MainNav .NavLink:hover{background-color:#ffffff26}
.BrandBanner{background:#fff;padding:40px 0;border-bottom:2px solid #e8e9eb;box-shadow:0 4px 12px #06523e14}
.BrandBanner-inner{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.LogoWrap{flex-shrink:0}
.SiteLogo{width:110px;height:110px;border-radius:8px;box-shadow:0 4px 14px #781b311f;background:#fff;padding:8px}
.CompanyTitle{flex-grow:1}
.BrandName{font-size:42px;font-weight:700;color:#4D30BB;margin-bottom:6px;line-height:1.2}
.BrandTagline{font-size:17px;color:#06523E;font-weight:400}
.FooterMain{background:linear-gradient(135deg,#06523E 0%,#4D30BB 100%);padding:50px 0;color:#fff}
.FooterMain-inner{max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.FooterBlock{padding:0}
.FooterHeading{font-size:20px;font-weight:600;margin-bottom:20px;color:#fff}
.ContactDetail{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:15px}
.ContactDetail .lnr{font-size:18px;color:#fff}
.ContactDetail a{color:#fff;text-decoration:none;transition:opacity .25s ease}
.ContactDetail a:hover{opacity:.8}
.FooterNav{display:flex;flex-direction:column;gap:10px}
.FooterNavLink{color:#fff;text-decoration:none;font-size:15px;transition:opacity .25s ease}
.FooterNavLink:hover{opacity:.8}
.FooterBase{background:#781B31;padding:18px 0}
.FooterBase-inner{max-width:1400px;margin:0 auto;padding:0 20px;text-align:center}
.CopyrightText{color:#fff;font-size:14px;margin:0}
.CookiePanel{position:fixed;bottom:0;left:0;right:0;z-index:9999;transform:translateX(-100%);transition:transform .45s cubic-bezier(0.68,-0.55,0.265,1.55);pointer-events:none}
.CookiePanel.CookiePanel--visible{transform:translateX(0);pointer-events:all}
.CookiePanel-inner{max-width:1400px;margin:0 auto;padding:0 20px 20px}
.CookieContent{background:#fff;border-radius:12px 12px 0 0;padding:30px;box-shadow:0 -8px 24px #4d30bb2e;border-top:4px solid #4D30BB}
.CookieTitle{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:10px}
.CookieDesc{font-size:15px;color:#4a4a4a;margin-bottom:24px}
.CookieGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:26px}
.CookieCard{background:linear-gradient(135deg,#f8f9fa 0%,#e8e9eb 100%);padding:20px;border-radius:8px;border:1px solid #d0d1d3;box-shadow:0 2px 6px #06523e14}
.CookieCard .CardHeader{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:#06523E}
.CookieCard .CardHeader .lnr{font-size:22px}
.CookieCard .CardHeader strong{font-size:16px;font-weight:600}
.CookieCard .CardDesc{font-size:13px;color:#5a5a5a;margin-bottom:14px;line-height:1.4}
.ToggleLabel{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#1a1a1a}
.ToggleLabel input[disabled]{cursor:not-allowed}
.ToggleInput{position:absolute;opacity:0;pointer-events:none}
.ToggleSwitch{position:relative;width:44px;height:24px;background:#d0d1d3;border-radius:24px;transition:background-color .3s ease}
.ToggleSwitch::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}
.ToggleInput:checked + .ToggleSwitch{background:#4D30BB}
.ToggleInput:checked + .ToggleSwitch::after{transform:translateX(20px)}
.ToggleInput:disabled + .ToggleSwitch{background:#06523E;opacity:.7}
.CookieActions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.BtnPrimary,.BtnSecondary{padding:14px 32px;border-radius:8px;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:all .3s ease;font-family:'Source Code Pro',monospace}
.BtnPrimary{background:linear-gradient(135deg,#4D30BB 0%,#06523E 100%);color:#fff;box-shadow:0 4px 12px #4d30bb4d}
.BtnPrimary:hover{box-shadow:0 6px 16px #4d30bb66}
.BtnSecondary{background:#e8e9eb;color:#1a1a1a;border:1px solid #d0d1d3}
.BtnSecondary:hover{background:#d8d9db}
@media (max-width: 768px) {
.BrandName{font-size:32px}
.BrandTagline{font-size:15px}
.SiteLogo{width:85px;height:85px}
.MainNav{gap:20px}
.MainNav .NavLink{font-size:14px;padding:7px 12px}
.CookieGrid{grid-template-columns:1fr}
.CookieContent{padding:22px}
.CookieActions{flex-direction:column}
.BtnPrimary,.BtnSecondary{width:100%}
}
@media (max-width: 480px) {
.BrandBanner-inner{justify-content:center;text-align:center}
.BrandName{font-size:26px}
.FooterMain-inner{grid-template-columns:1fr;gap:30px}
}
.legal-body{max-width:1400px;margin:0 auto;padding:80px 40px;background:#fff}
.legal-body h1{font-size:42px;line-height:1.2;color:#4D30BB;margin:0 0 40px;font-weight:700;letter-spacing:-.5px}
.legal-body h2{font-size:32px;line-height:1.3;color:#06523E;margin:60px 0 24px;font-weight:600;letter-spacing:-.3px}
.legal-body h3{font-size:24px;line-height:1.4;color:#781B31;margin:40px 0 20px;font-weight:600}
.legal-body h4{font-size:20px;line-height:1.5;color:#333;margin:32px 0 16px;font-weight:600}
.legal-body h5{font-size:18px;line-height:1.5;color:#444;margin:28px 0 14px;font-weight:600}
.legal-body h6{font-size:16px;line-height:1.5;color:#555;margin:24px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.legal-body p{font-size:17px;line-height:1.8;color:#333;margin:0 0 20px;font-weight:400}
.legal-body strong,.legal-body b{font-weight:600;color:#222}
.legal-body hr{border:none;height:2px;background:linear-gradient(90deg,#4D30BB 0%,#06523E 50%,#781B31 100%);margin:48px 0;border-radius:6px;opacity:.3}
.legal-body table{width:100%;border-collapse:separate;border-spacing:0;margin:32px 0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #4d30bb14}
.legal-body thead{background:linear-gradient(135deg,#4D30BB 0%,#06523E 100%)}
.legal-body thead tr th{padding:18px 20px;text-align:left;font-size:15px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid #781B31}
.legal-body tbody tr{transition:background .3s ease}
.legal-body tbody tr:nth-child(odd){background:#fafafa}
.legal-body tbody tr:nth-child(even){background:#fff}
.legal-body tbody tr:hover{background:#f0edfc}
.legal-body tbody tr td{padding:16px 20px;font-size:16px;line-height:1.6;color:#333;border-bottom:1px solid #e8e8e8}
.legal-body tbody tr:last-child td{border-bottom:none}
.legal-body thead tr th:first-child{border-top-left-radius:8px}
.legal-body thead tr th:last-child{border-top-right-radius:8px}
.legal-body div{margin:0;padding:0}
@media (max-width: 1024px) {
.legal-body{padding:60px 30px}
.legal-body h1{font-size:36px;margin-bottom:32px}
.legal-body h2{font-size:28px;margin:48px 0 20px}
.legal-body h3{font-size:22px;margin:36px 0 18px}
.legal-body table{font-size:15px}
.legal-body thead tr th{padding:14px 16px;font-size:14px}
.legal-body tbody tr td{padding:14px 16px;font-size:15px}
}
@media (max-width: 768px) {
.legal-body{padding:40px 20px}
.legal-body h1{font-size:30px;margin-bottom:28px}
.legal-body h2{font-size:24px;margin:40px 0 18px}
.legal-body h3{font-size:20px;margin:32px 0 16px}
.legal-body h4{font-size:18px}
.legal-body p{font-size:16px;line-height:1.7}
.legal-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.legal-body thead tr th{padding:12px 14px;font-size:13px;white-space:nowrap}
.legal-body tbody tr td{padding:12px 14px;font-size:14px}
.legal-body hr{margin:36px 0}
}
@media (max-width: 480px) {
.legal-body{padding:32px 16px}
.legal-body h1{font-size:26px;margin-bottom:24px}
.legal-body h2{font-size:22px;margin:36px 0 16px}
.legal-body h3{font-size:18px;margin:28px 0 14px}
.legal-body p{font-size:15px}
.legal-body hr{margin:28px 0}
}
.ContactWrapper{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}
.TopBannerOuter{position:relative;padding:80px 0 100px;overflow:hidden;background:linear-gradient(135deg,#4D30BB 0%,#06523E 50%,#781B31 100%)}
.TopBannerOuter::before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:#ffffff14;top:-120px;right:10%;z-index:1}
.TopBannerOuter::after{content:'';position:absolute;width:280px;height:280px;border-radius:50%;background:#ffffff0d;bottom:-80px;left:5%;z-index:1}
.TopBannerInner{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 20px}
.IntroTitle{font-size:3.2rem;color:#fff;font-weight:700;margin:0 0 16px;line-height:1.2;transform:translateX(-4px)}
.IntroTitle span{color:#ffffffd9;font-weight:400}
.IntroSub{font-size:1.2rem;color:#ffffffe6;max-width:600px;line-height:1.6;transform:translateX(12px)}
.MainFormSection{padding:90px 0;background:#f8f9fb}
.FormLayoutGrid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}
.ContactInfoSide{background:#fff;padding:48px;border-radius:8px;box-shadow:0 8px 24px #4d30bb14}
.ContactInfoSide h2{font-size:1.9rem;color:#2a2a2a;margin:0 0 32px;font-weight:600}
.InfoItemBlock{display:flex;align-items:flex-start;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #e8e8e8}
.InfoItemBlock:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.InfoItemBlock .lnr{font-size:1.6rem;color:#4D30BB;margin-right:18px;margin-top:4px;flex-shrink:0}
.InfoTextPart{flex:1}
.InfoTextPart h3{font-size:1.1rem;color:#4a4a4a;margin:0 0 6px;font-weight:600}
.InfoTextPart p{font-size:1rem;color:#666;margin:0;line-height:1.5}
.InfoTextPart a{color:#4D30BB;text-decoration:none;transition:color .3s ease}
.InfoTextPart a:hover{color:#06523E}
.FormContainerSide{background:#fff;padding:56px;border-radius:8px;box-shadow:0 12px 32px #4d30bb1a}
.FormContainerSide h2{font-size:2rem;color:#2a2a2a;margin:0 0 12px;font-weight:600}
.FormContainerSide .FormIntroText{font-size:1rem;color:#666;margin:0 0 40px;line-height:1.6}
.InputRow{margin-bottom:26px}
.InputRow label{display:block;font-size:.95rem;color:#3a3a3a;margin-bottom:8px;font-weight:500}
.InputRow input[type="text"],.InputRow input[type="email"],.InputRow input[type="tel"],.InputRow textarea{width:100%;padding:14px 18px;font-size:1rem;border:2px solid #e0e0e0;border-radius:6px;transition:all .3s ease;background:#fafafa}
.InputRow input[type="text"]:focus,.InputRow input[type="email"]:focus,.InputRow input[type="tel"]:focus,.InputRow textarea:focus{outline:none;border-color:#4D30BB;background:#fff;box-shadow:0 4px 12px #4d30bb1f}
.InputRow textarea{min-height:140px;resize:vertical}
.SelectWrapper{position:relative}
.SelectWrapper::after{content:'\e874';font-family:'Linearicons';position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none;color:#666;font-size:.9rem}
.SelectWrapper select{width:100%;padding:14px 18px;font-size:1rem;border:2px solid #e0e0e0;border-radius:6px;background:#fafafa;appearance:none;cursor:pointer;transition:all .3s ease}
.SelectWrapper select:focus{outline:none;border-color:#4D30BB;background:#fff;box-shadow:0 4px 12px #4d30bb1f}
.RadioGroupRow{display:flex;gap:24px;flex-wrap:wrap}
.RadioItemBox{display:flex;align-items:center}
.RadioItemBox input[type="radio"]{appearance:none;width:20px;height:20px;border:2px solid #d0d0d0;border-radius:50%;margin-right:10px;cursor:pointer;position:relative;transition:all .3s ease}
.RadioItemBox input[type="radio"]:checked{border-color:#4D30BB;background:#fff}
.RadioItemBox input[type="radio"]:checked::before{content:'';position:absolute;width:10px;height:10px;background:#4D30BB;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.RadioItemBox label{font-size:.95rem;color:#4a4a4a;cursor:pointer;margin:0}
.PrivacyCheckboxRow{margin:32px 0;display:flex;align-items:flex-start}
.PrivacyCheckboxRow input[type="checkbox"]{appearance:none;width:20px;height:20px;border:2px solid #d0d0d0;border-radius:4px;margin-right:12px;cursor:pointer;position:relative;flex-shrink:0;transition:all .3s ease;margin-top:2px}
.PrivacyCheckboxRow input[type="checkbox"]:checked{border-color:#4D30BB;background:#4D30BB}
.PrivacyCheckboxRow input[type="checkbox"]:checked::before{content:'\e86c';font-family:'Linearicons';position:absolute;color:#fff;font-size:.85rem;top:50%;left:50%;transform:translate(-50%,-50%)}
.PrivacyCheckboxRow label{font-size:.9rem;color:#555;line-height:1.6;cursor:pointer;margin:0}
.PrivacyCheckboxRow label a{color:#4D30BB;text-decoration:underline}
.PrivacyCheckboxRow label a:hover{color:#06523E}
.SubmitButtonRow{text-align:left}
.SubmitBtn{padding:16px 48px;font-size:1.05rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#4D30BB 0%,#781B31 100%);border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #4d30bb40}
.SubmitBtn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #4d30bb59}
.SubmitBtn:active{transform:translateY(0)}
.QuickLinksArea{padding:80px 0;background:#fff}
.QuickLinksArea h2{font-size:2.2rem;color:#2a2a2a;text-align:center;margin:0 0 48px;font-weight:600}
.LinkCardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.LinkCardBox{background:linear-gradient(135deg,#f8f9fb 0%,#fff 100%);padding:40px 32px;border-radius:8px;text-align:center;border:2px solid #e8e8e8;transition:all .3s ease}
.LinkCardBox:hover{border-color:#4D30BB;box-shadow:0 8px 24px #4d30bb26;transform:translateY(-4px)}
.LinkCardBox .lnr{font-size:2.8rem;color:#4D30BB;margin-bottom:20px;display:block}
.LinkCardBox h3{font-size:1.4rem;color:#2a2a2a;margin:0 0 12px;font-weight:600}
.LinkCardBox p{font-size:.95rem;color:#666;margin:0 0 24px;line-height:1.6}
.LinkCardBox a{display:inline-block;padding:10px 24px;font-size:.95rem;font-weight:600;color:#4D30BB;background:#fff;border:2px solid #4D30BB;border-radius:6px;text-decoration:none;transition:all .3s ease}
.LinkCardBox a:hover{color:#fff;background:#4D30BB}
@media (max-width: 992px) {
.FormLayoutGrid{grid-template-columns:1fr;gap:50px}
.LinkCardsGrid{grid-template-columns:1fr}
.IntroTitle{font-size:2.6rem}
.TopBannerOuter::before{width:300px;height:300px}
.TopBannerOuter::after{width:200px;height:200px}
}
@media (max-width: 768px) {
.TopBannerOuter{padding:60px 0 70px}
.IntroTitle{font-size:2.2rem}
.IntroSub{font-size:1.1rem}
.ContactInfoSide,.FormContainerSide{padding:36px 24px}
.MainFormSection{padding:60px 0}
.QuickLinksArea{padding:60px 0}
.RadioGroupRow{flex-direction:column;gap:16px}
}
@media (max-width: 480px) {
.IntroTitle{font-size:1.8rem}
.FormContainerSide h2{font-size:1.6rem}
.ContactInfoSide h2{font-size:1.6rem}
.QuickLinksArea h2{font-size:1.8rem}
.SubmitBtn{width:100%;padding:14px 32px}
}
.OpeningHero{background:linear-gradient(225deg,#4D30BB 0%,#06523E 50%,#781B31 100%);position:relative;overflow:hidden;padding:0}
.OpeningHero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);animation:rotateGradient 20s linear infinite}
@keyframes rotateGradient {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.OpeningHero .inner-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0;position:relative;z-index:2}
.TextZone{padding:80px 60px;display:flex;flex-direction:column;justify-content:center}
.TextZone .QuestionLine{font-size:18px;color:#ffffffd9;margin-bottom:12px;font-weight:400;letter-spacing:.5px}
.TextZone .AnswerLine{font-size:46px;color:#fff;font-weight:700;line-height:1.2;margin-bottom:28px}
.TextZone .DescriptionText{font-size:17px;color:#ffffffe6;line-height:1.7;margin-bottom:36px}
.TextZone .ActionBtn{display:inline-block;padding:16px 38px;background:#fff;color:#4D30BB;text-decoration:none;border-radius:6px;font-weight:600;font-size:16px;transition:all .35s ease;box-shadow:0 6px 18px #00000026;align-self:flex-start}
.TextZone .ActionBtn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000040;background:#f8f8f8}
.ImageZone{position:relative;min-height:520px}
.ImageZone::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#4D30BB 0%,transparent 40%);z-index:1;pointer-events:none}
.ImageZone img{width:100%;height:100%;object-fit:cover;display:block}
.TrialBlock{padding:90px 30px;background:#f9f9f9}
.TrialBlock .content-holder{max-width:1400px;margin:0 auto}
.TrialBlock .SectionLabel{font-size:15px;color:#06523E;text-transform:uppercase;letter-spacing:1.8px;margin-bottom:14px;font-weight:600}
.TrialBlock .MainHeading{font-size:38px;color:#1a1a1a;font-weight:700;margin-bottom:48px;line-height:1.25}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:60px}
.process-step{background:#fff;padding:36px 28px;border-radius:8px;box-shadow:0 4px 12px #4d30bb14;transition:all .4s ease;position:relative}
.process-step::before{content:'';position:absolute;top:0;left:0;width:5px;height:0;background:linear-gradient(180deg,#4D30BB 0%,#06523E 100%);border-radius:8px 0 0 8px;transition:height .4s ease}
.process-step:hover::before{height:100%}
.process-step:hover{transform:translateY(-6px);box-shadow:0 12px 28px #4d30bb2e}
.step-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#4D30BB 0%,#06523E 100%);color:#fff;font-size:20px;font-weight:700;border-radius:50%;margin-bottom:20px}
.process-step h3{font-size:22px;color:#2a2a2a;margin-bottom:14px;font-weight:600}
.process-step p{font-size:15px;color:#555;line-height:1.65;margin:0}
.illustration-area{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.visual-side img{width:100%;height:auto;border-radius:10px;box-shadow:0 8px 24px #0000001f}
.text-side h3{font-size:28px;color:#1a1a1a;margin-bottom:18px;font-weight:600}
.text-side p{font-size:16px;color:#444;line-height:1.7;margin-bottom:16px}
.text-side .highlight-box{background:#fff;padding:22px 26px;border-left:4px solid #781B31;border-radius:6px;margin-top:24px}
.text-side .highlight-box p{margin:0;color:#2a2a2a;font-weight:500}
.InteractiveSection{padding:100px 30px;background:#fff}
.InteractiveSection .wrapper-inner{max-width:1400px;margin:0 auto}
.InteractiveSection .top-intro{text-align:center;margin-bottom:56px}
.InteractiveSection .top-intro h2{font-size:40px;color:#1a1a1a;font-weight:700;margin-bottom:16px}
.InteractiveSection .top-intro p{font-size:17px;color:#555;line-height:1.65;max-width:720px;margin:0 auto}
.tabs-container{position:relative}
.tabs-container input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.tab-nav{display:flex;gap:8px;margin-bottom:42px;border-bottom:2px solid #e0e0e0}
.tab-nav label{padding:14px 32px;font-size:16px;font-weight:600;color:#666;cursor:pointer;border-radius:6px 6px 0 0;transition:all .3s ease;position:relative;bottom:-2px}
.tab-nav label:hover{color:#4D30BB;background:#4d30bb0d}
.tabs-container input[type="radio"]:checked + label{color:#4D30BB;border-bottom:3px solid #4D30BB}
.tab-panel{display:none;animation:fadePanel .5s ease}
@keyframes fadePanel {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.tabs-container input[type="radio"]:nth-of-type(1):checked ~ .tab-panel:nth-of-type(1),.tabs-container input[type="radio"]:nth-of-type(2):checked ~ .tab-panel:nth-of-type(2),.tabs-container input[type="radio"]:nth-of-type(3):checked ~ .tab-panel:nth-of-type(3){display:block}
.panel-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}
.panel-content h3{font-size:30px;color:#1a1a1a;margin-bottom:20px;font-weight:600}
.panel-content p{font-size:16px;color:#444;line-height:1.7;margin-bottom:18px}
.feature-list{list-style:none;padding:0;margin:28px 0}
.feature-list li{padding:12px 0 12px 36px;font-size:15px;color:#333;position:relative;line-height:1.6}
.feature-list li::before{content:'';position:absolute;left:0;top:16px;width:20px;height:20px;background:linear-gradient(135deg,#4D30BB 0%,#06523E 100%);border-radius:50%;box-shadow:0 2px 6px #4d30bb4d}
.feature-list li::after{content:'✓';position:absolute;left:5px;top:14px;color:#fff;font-size:12px;font-weight:700}
.panel-visual img{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 32px #00000024}
.stat-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:36px}
.stat-item{background:linear-gradient(135deg,#f8f8f8 0%,#fff 100%);padding:24px 28px;border-radius:8px;border:2px solid #ececec;transition:all .3s ease}
.stat-item:hover{border-color:#4D30BB;box-shadow:0 6px 18px #4d30bb1f}
.stat-number{font-size:36px;font-weight:700;color:#4D30BB;margin-bottom:8px}
.stat-label{font-size:14px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.8px}
.TrustSection{padding:90px 30px;background:linear-gradient(180deg,#fafafa 0%,#f4f4f4 100%)}
.TrustSection .container-wrap{max-width:1400px;margin:0 auto}
.TrustSection .heading-area{text-align:center;margin-bottom:60px}
.TrustSection .heading-area h2{font-size:38px;color:#1a1a1a;font-weight:700;margin-bottom:14px}
.TrustSection .heading-area p{font-size:17px;color:#555;max-width:680px;margin:0 auto;line-height:1.65}
.reviews-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;margin-bottom:56px}
.review-card{background:#fff;padding:32px 36px;border-radius:10px;box-shadow:0 6px 20px #00000014;position:relative;transition:all .35s ease}
.review-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000024}
.review-card::before{content:'"';position:absolute;top:20px;left:30px;font-size:80px;color:#4d30bb1a;font-family:Georgia,serif;line-height:1}
.reviewer-info{display:flex;align-items:center;gap:16px;margin-bottom:20px;position:relative;z-index:2}
.reviewer-initials{width:56px;height:56px;background:linear-gradient(135deg,#06523E 0%,#4D30BB 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}
.reviewer-details h4{font-size:18px;color:#2a2a2a;margin-bottom:4px;font-weight:600}
.rating-stars{font-size:14px;color:#f5a623;letter-spacing:2px}
.review-text{font-size:15px;color:#444;line-height:1.75;position:relative;z-index:2}
.credentials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.credential-box{text-align:center;padding:28px 20px;background:#fff;border-radius:8px;box-shadow:0 4px 14px #0000000f;transition:all .3s ease}
.credential-box:hover{box-shadow:0 8px 24px #0000001f}
.credential-icon{width:64px;height:64px;margin:0 auto 18px;background:linear-gradient(135deg,#4D30BB 0%,#781B31 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.credential-icon svg{width:32px;height:32px;fill:#fff}
.credential-box h3{font-size:32px;color:#4D30BB;font-weight:700;margin-bottom:6px}
.credential-box p{font-size:14px;color:#666;line-height:1.5;margin:0}
@media (max-width: 1024px) {
.OpeningHero .inner-wrapper{grid-template-columns:1fr}
.ImageZone{min-height:400px}
.steps-grid{grid-template-columns:1fr;gap:28px}
.illustration-area{grid-template-columns:1fr;gap:36px}
.panel-layout{grid-template-columns:1fr;gap:36px}
.reviews-layout{grid-template-columns:1fr}
.credentials-grid{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width: 768px) {
.TextZone{padding:60px 30px}
.TextZone .AnswerLine{font-size:34px}
.tab-nav{flex-direction:column;border-bottom:none}
.tab-nav label{border-bottom:2px solid #e0e0e0;border-radius:6px;bottom:0}
.tabs-container input[type="radio"]:checked + label{border:2px solid #4D30BB}
.stat-cards{grid-template-columns:1fr}
.credentials-grid{grid-template-columns:1fr}
}
.HeroOuter{background:linear-gradient(225deg,#4D30BB 0%,#06523E 50%,#781B31 100%);padding:80px 20px;position:relative;overflow:hidden}
.HeroInner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.HeroText h1{font-size:48px;color:#fff;margin:0 0 16px;line-height:1.2}
.HeroText h2{font-size:26px;color:#ffffffe6;margin:0 0 24px;font-weight:400}
.HeroText p{font-size:18px;color:#ffffffd9;line-height:1.7;margin:0}
.HeroVisual{position:relative}
.HeroVisual img{width:100%;height:420px;object-fit:cover;border-radius:8px;box-shadow:0 12px 28px #0000004d}
.ParticleField{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.15}
.Particle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;animation:FloatDrift 8s infinite ease-in-out}
.Particle:nth-child(1){top:20%;left:15%;animation-delay:0s}
.Particle:nth-child(2){top:60%;left:35%;animation-delay:1.5s}
.Particle:nth-child(3){top:40%;left:70%;animation-delay:3s}
.Particle:nth-child(4){top:80%;left:50%;animation-delay:4.5s}
.Particle:nth-child(5){top:25%;left:85%;animation-delay:2s}
@keyframes FloatDrift {
0%,100%{transform:translateY(0px) translateX(0px);opacity:.2}
50%{transform:translateY(-20px) translateX(10px);opacity:.6}
}
.CompareWrapper{max-width:1400px;margin:0 auto;padding:90px 20px}
.CompareIntro{text-align:center;margin-bottom:70px}
.CompareIntro h3{font-size:38px;color:#4D30BB;margin:0 0 20px;position:relative;display:inline-block}
.CompareIntro h3::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#4D30BB,#06523E);border-radius:2px}
.CompareIntro p{font-size:18px;color:#555;line-height:1.7;max-width:720px;margin:0 auto}
.CompareGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:80px}
.PlanCard{background:#fff;border:2px solid #e8e8e8;border-radius:10px;padding:40px 30px;transition:all .3s ease;position:relative}
.PlanCard:hover{transform:translateY(-8px);box-shadow:0 16px 32px #4d30bb26;border-color:#4D30BB}
.PlanCard h4{font-size:26px;color:#06523E;margin:0 0 12px}
.PlanCard .PlanPrice{font-size:42px;color:#4D30BB;font-weight:700;margin:0 0 8px}
.PlanCard .PlanPeriod{font-size:15px;color:#888;margin:0 0 30px;display:block}
.PlanCard ul{list-style:none;padding:0;margin:0 0 35px}
.PlanCard ul li{font-size:16px;color:#555;padding:12px 0;border-bottom:1px solid #f0f0f0;position:relative;padding-left:28px}
.PlanCard ul li::before{content:'✓';position:absolute;left:0;color:#06523E;font-weight:700}
.PlanCard ul li:last-child{border-bottom:none}
.PlanCard .PlanBtn{display:block;width:100%;padding:14px 24px;background:linear-gradient(135deg,#4D30BB,#06523E);color:#fff;text-align:center;text-decoration:none;border-radius:6px;font-size:16px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}
.PlanCard .PlanBtn:hover{transform:scale(1.05);box-shadow:0 8px 20px #4d30bb4d}
.FeatureSection{background:linear-gradient(180deg,#f9f9f9 0%,#fff 100%);padding:80px 20px;margin-bottom:80px;border-radius:12px}
.FeatureContent{max-width:1400px;margin:0 auto}
.FeatureContent h3{font-size:36px;color:#781B31;margin:0 0 50px;text-align:center}
.FeatureMatrix{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 6px 24px #00000014}
.FeatureMatrix .MatrixHeader{background:linear-gradient(135deg,#4D30BB,#06523E);color:#fff;padding:20px;font-weight:700;font-size:17px;text-align:center}
.FeatureMatrix .MatrixHeader:first-child{text-align:left}
.FeatureMatrix .MatrixCell{padding:18px 20px;border-bottom:1px solid #e8e8e8;font-size:15px;color:#555}
.FeatureMatrix .MatrixCell:nth-child(4n+1){font-weight:600;color:#333}
.FeatureMatrix .MatrixCell.CellYes{text-align:center;color:#06523E;font-weight:700}
.FeatureMatrix .MatrixCell.CellNo{text-align:center;color:#ccc;font-weight:700}
.TestimonialOuter{max-width:1400px;margin:0 auto;padding:0 20px 90px}
.TestimonialOuter h3{font-size:36px;color:#4D30BB;margin:0 0 60px;text-align:center}
.TestimonialFlex{display:flex;gap:50px;align-items:flex-start}
.TestimonialCard{flex:1;background:#fff;border-left:4px solid #06523E;padding:35px 30px;border-radius:8px;box-shadow:0 8px 20px #0000000f;transition:all .3s ease}
.TestimonialCard:hover{box-shadow:0 12px 32px #781b311f}
.TestimonialCard p{font-size:17px;color:#444;line-height:1.8;margin:0 0 24px;font-style:italic}
.TestimonialCard .TestiAuthor{font-size:16px;color:#06523E;font-weight:700;margin:0;font-style:normal}
.TestimonialCard .TestiRole{font-size:14px;color:#888;margin:6px 0 0;font-style:normal}
@media (max-width: 1024px) {
.HeroInner{grid-template-columns:1fr;gap:40px}
.HeroText h1{font-size:38px}
.CompareGrid{grid-template-columns:1fr;gap:30px}
.FeatureMatrix{grid-template-columns:1fr}
.FeatureMatrix .MatrixHeader:first-child{text-align:center}
.FeatureMatrix .MatrixCell:nth-child(4n+1){background:#f5f5f5}
.TestimonialFlex{flex-direction:column;gap:30px}
}
@media (max-width: 768px) {
.HeroOuter{padding:60px 20px}
.HeroText h1{font-size:32px}
.HeroText h2{font-size:22px}
.HeroVisual img{height:300px}
.CompareWrapper{padding:60px 20px}
.CompareIntro h3{font-size:30px}
.FeatureSection{padding:60px 20px}
.FeatureContent h3{font-size:28px}
}
.TitleHeroSection{position:relative;min-height:480px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}
.TitleHeroSection .BackgroundLayer{position:absolute;right:0;top:0;width:55%;height:100%;z-index:1}
.TitleHeroSection .BackgroundLayer img{width:100%;height:100%;object-fit:cover;opacity:.15}
.TitleHeroSection .ContentWrapper{position:relative;z-index:2;max-width:1400px;width:100%;margin:0 auto;padding:60px 20px}
.TitleHeroSection .TextBlock{max-width:580px;background:#ffffffeb;padding:48px;border-radius:8px;box-shadow:0 8px 24px #4d30bb1f 0 2px 8px #06523e14}
.TitleHeroSection .MainHeading{font-size:42px;line-height:1.2;color:#4D30BB;margin:0 0 20px;font-weight:600}
.TitleHeroSection .LeadText{font-size:18px;line-height:1.6;color:#2c3e50;margin:0}
.StorySection{padding:80px 20px;background:#fff}
.StorySection .InnerContainer{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.StorySection .ImageColumn img{width:100%;height:auto;border-radius:6px;box-shadow:0 6px 20px #781b3126}
.StorySection .ContentColumn h2{font-size:36px;color:#06523E;margin:0 0 24px;line-height:1.3}
.StorySection .ContentColumn p{font-size:17px;line-height:1.7;color:#495057;margin:0 0 18px}
.ApproachGrid{padding:90px 20px;background:linear-gradient(225deg,#4D30BB 0%,#06523E 50%,#781B31 100%)}
.ApproachGrid .GridWrapper{max-width:1400px;margin:0 auto}
.ApproachGrid .SectionTitle{font-size:38px;color:#fff;text-align:center;margin:0 0 60px;font-weight:600}
.ApproachGrid .CardsLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ApproachGrid .PrincipleCard{background:#fffffff2;padding:36px 28px;border-radius:10px;box-shadow:0 4px 16px #0003;transition:transform .3s ease,box-shadow .3s ease}
.ApproachGrid .PrincipleCard:hover{transform:translateY(-6px);box-shadow:0 8px 28px #00000047}
.ApproachGrid .CardIcon{width:54px;height:54px;background:linear-gradient(135deg,#4D30BB 0%,#781B31 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 20px}
.ApproachGrid .CardIcon .lnr{font-size:26px;color:#fff}
.ApproachGrid .CardTitle{font-size:22px;color:#06523E;margin:0 0 14px;font-weight:600}
.ApproachGrid .CardText{font-size:16px;line-height:1.6;color:#495057;margin:0}
.JourneyTimeline{padding:80px 20px;background:#f8f9fa}
.JourneyTimeline .TimelineContainer{max-width:980px;margin:0 auto}
.JourneyTimeline .TimelineHeading{font-size:34px;color:#781B31;text-align:center;margin:0 0 50px}
.JourneyTimeline .PhaseItem{display:grid;grid-template-columns:140px 1fr;gap:32px;margin:0 0 40px;position:relative}
.JourneyTimeline .PhaseNumber{font-size:64px;font-weight:700;color:#4D30BB;opacity:.25;line-height:1}
.JourneyTimeline .PhaseContent h3{font-size:24px;color:#06523E;margin:0 0 12px}
.JourneyTimeline .PhaseContent p{font-size:16px;line-height:1.65;color:#495057;margin:0}
.TeamValues{padding:85px 20px;background:#fff}
.TeamValues .ValuesWrapper{max-width:1400px;margin:0 auto}
.TeamValues .ValuesIntro{text-align:center;max-width:720px;margin:0 auto 55px}
.TeamValues .ValuesIntro h2{font-size:36px;color:#4D30BB;margin:0 0 20px}
.TeamValues .ValuesIntro p{font-size:17px;line-height:1.7;color:#495057;margin:0}
.TeamValues .SplitDisplay{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.TeamValues .ImageBlock img{width:100%;height:auto;border-radius:8px;box-shadow:0 5px 18px #06523e2e}
.TeamValues .ListBlock ul{list-style:none;padding:0;margin:0}
.TeamValues .ListBlock li{padding:20px 0 20px 60px;position:relative;font-size:17px;line-height:1.6;color:#2c3e50;border-bottom:1px solid #dee2e6}
.TeamValues .ListBlock li:last-child{border-bottom:none}
.TeamValues .ListBlock li::before{content:'';position:absolute;left:0;top:18px;width:40px;height:40px;background:linear-gradient(135deg,#781B31 0%,#4D30BB 100%);border-radius:50%;box-shadow:0 3px 10px #781b3140}
.TeamValues .ListBlock li::after{content:'✓';position:absolute;left:13px;top:23px;color:#fff;font-size:18px;font-weight:700}
@media (max-width: 992px) {
.TitleHeroSection{min-height:400px}
.TitleHeroSection .BackgroundLayer{width:100%;opacity:.08}
.TitleHeroSection .MainHeading{font-size:36px}
.StorySection .InnerContainer{grid-template-columns:1fr;gap:40px}
.ApproachGrid .CardsLayout{grid-template-columns:1fr;gap:24px}
.JourneyTimeline .PhaseItem{grid-template-columns:1fr;gap:16px}
.JourneyTimeline .PhaseNumber{font-size:48px}
.TeamValues .SplitDisplay{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.TitleHeroSection{min-height:360px}
.TitleHeroSection .TextBlock{padding:32px 24px}
.TitleHeroSection .MainHeading{font-size:30px}
.TitleHeroSection .LeadText{font-size:16px}
.StorySection{padding:60px 20px}
.StorySection .ContentColumn h2{font-size:28px}
.ApproachGrid{padding:60px 20px}
.ApproachGrid .SectionTitle{font-size:30px}
.JourneyTimeline{padding:60px 20px}
.JourneyTimeline .TimelineHeading{font-size:28px}
.TeamValues{padding:60px 20px}
.TeamValues .ValuesIntro h2{font-size:28px}
}
.SuccessWrap{background:linear-gradient(225deg,#4D30BB 0%,#06523E 50%,#781B31 100%);padding:80px 20px;min-height:85vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.SuccessWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#ffffff14;border-radius:50%;filter:blur(80px)}
.SuccessWrap::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:#ffffff0f;border-radius:50%;filter:blur(90px)}
.SuccessContent{max-width:680px;margin:0 auto;text-align:center;position:relative;z-index:2}
.SuccessIcon{width:120px;height:120px;margin:0 auto 32px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000026;backdrop-filter:blur(10px)}
.SuccessIcon svg{width:64px;height:64px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.SuccessContent h1{color:#fff;font-size:42px;font-weight:700;margin:0 0 20px;line-height:1.2}
.SuccessContent .SuccessText{color:#ffffffeb;font-size:19px;line-height:1.7;margin:0 0 40px}
.SuccessActions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.BtnPrimary{background:#fff;color:#4D30BB;padding:14px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;display:inline-block;transition:all .3s ease;box-shadow:0 6px 16px #00000026}
.BtnPrimary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003;background:#f8f8f8}
.BtnSecondary{background:transparent;color:#fff;padding:14px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;display:inline-block;border:2px solid #fff6;transition:all .3s ease}
.BtnSecondary:hover{border-color:#fff;background:#ffffff1a;transform:translateY(-2px)}
.InfoBlock{background:#f9f9fb;padding:60px 20px;position:relative}
.InfoBlock::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4D30BB 0%,#06523E 50%,#781B31 100%)}
.InfoInner{max-width:1400px;margin:0 auto}
.InfoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin:0 auto;max-width:900px}
.InfoCard{background:#fff;padding:32px;border-radius:10px;box-shadow:0 4px 12px #4d30bb14;border:1px solid #4d30bb1a;transition:all .3s ease}
.InfoCard:hover{transform:translateY(-4px);box-shadow:0 8px 20px #4d30bb26}
.InfoCard .CardIcon{width:56px;height:56px;background:linear-gradient(135deg,#4D30BB 0%,#06523E 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 0 20px}
.InfoCard .CardIcon .lnr{font-size:28px;color:#fff}
.InfoCard h3{color:#4D30BB;font-size:22px;font-weight:600;margin:0 0 12px}
.InfoCard p{color:#555;font-size:16px;line-height:1.6;margin:0}
@media (max-width: 768px) {
.SuccessWrap{padding:60px 20px;min-height:auto}
.SuccessIcon{width:100px;height:100px;margin-bottom:24px}
.SuccessIcon svg{width:52px;height:52px}
.SuccessContent h1{font-size:32px}
.SuccessContent .SuccessText{font-size:17px}
.SuccessActions{flex-direction:column;gap:12px}
.BtnPrimary,.BtnSecondary{width:100%;text-align:center}
.InfoGrid{grid-template-columns:1fr;gap:24px}
.InfoBlock{padding:50px 20px}
}
@media (max-width: 480px) {
.SuccessContent h1{font-size:28px}
.InfoCard{padding:24px}
.InfoCard h3{font-size:20px}
}