*{margin:0;padding:0}
.TopBanner,.FooterOrganic,.BannerContent,.PanelContent{box-sizing:border-box}
body{font-family:'Figtree',sans-serif;font-size:16px;line-height:1.6;color:#1a1a1a;background-color:#fefefe}
.TopBanner{background:linear-gradient(135deg,#DDEBC9 0%,#f8f8f8 100%);border-bottom:3px solid #CD73FB;padding:20px 0}
.BannerInner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.LogoWrap{flex-shrink:0}
.LogoLink{display:block;background-color:#ffffffe6;padding:12px;border-radius:24px;box-shadow:0 6px 16px #cd73fb26;transition:all 320ms ease}
.LogoLink:hover{box-shadow:0 8px 20px #cd73fb40}
.LogoImage{display:block;height:90px;width:90px;object-fit:contain}
.MainNav{display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex:1;justify-content:center}
.MainNav .NavLink{font-family:'IBM Plex Serif',serif;font-size:15px;font-weight:700;color:#1a1a1a;text-decoration:none;padding:12px 20px;border-radius:20px;background-color:#fff9;border:2px solid transparent;transition:all 280ms ease;white-space:nowrap}
.MainNav .NavLink:hover{background-color:#CD73FB;color:#fff;border-color:#CD73FB}
.UtilityLinks{display:flex;gap:12px;flex-shrink:0}
.UtilityLinks .UtilityItem{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:#C25309;color:#fff;border-radius:22px;text-decoration:none;font-size:20px;transition:all 300ms ease;box-shadow:0 4px 12px #c2530933}
.UtilityLinks .UtilityItem:hover{background-color:#CD73FB;box-shadow:0 6px 16px #cd73fb4d}
.FooterOrganic{background:linear-gradient(165deg,#f8f8f8 0%,#DDEBC9 100%);border-top:3px solid #C25309;padding:64px 0 32px;margin-top:80px}
.FooterInner{max-width:1200px;margin:0 auto;padding:0 24px}
.FooterColumns{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px}
.FooterCol--primary{background-color:#ffffffb3;padding:32px;border-radius:28px;box-shadow:0 8px 20px #ddebc966}
.FooterCol--secondary,.FooterCol--tertiary{padding:24px}
.FooterHeading{font-family:'IBM Plex Serif',serif;font-size:28px;font-weight:700;color:#C25309;margin-bottom:16px}
.FooterText{font-size:15px;color:#3a3a3a;margin-bottom:24px;line-height:1.7}
.FooterContact{display:flex;flex-direction:column;gap:12px}
.FooterContact .ContactItem{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#1a1a1a}
.FooterContact .ContactItem i{font-size:18px;color:#CD73FB;flex-shrink:0;margin-top:2px}
.FooterContact .ContactItem a{color:#1a1a1a;text-decoration:none;transition:color 260ms ease}
.FooterContact .ContactItem a:hover{color:#C25309}
.FooterSubheading{font-family:'IBM Plex Serif',serif;font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:16px}
.FooterNav{display:flex;flex-direction:column;gap:10px}
.FooterNav .FooterNavLink{font-size:15px;color:#3a3a3a;text-decoration:none;transition:color 280ms ease;padding:6px 0}
.FooterNav .FooterNavLink:hover{color:#CD73FB}
.SocialLinks{display:flex;gap:12px}
.SocialLinks .SocialIcon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:#CD73FB;color:#fff;border-radius:22px;text-decoration:none;font-size:20px;transition:all 300ms ease;box-shadow:0 4px 12px #cd73fb40}
.SocialLinks .SocialIcon:hover{background-color:#C25309;box-shadow:0 6px 16px #c253094d}
.FooterBottom{text-align:center;padding-top:32px;border-top:2px solid #c2530933}
.FooterBottom .CopyrightText{font-size:14px;color:#5a5a5a}
.CookieBanner{position:fixed;top:24px;right:24px;width:380px;background-color:#fff;border:3px solid #CD73FB;border-radius:24px;box-shadow:0 12px 32px #cd73fb4d;padding:28px;z-index:9999;animation:slideInRight 400ms ease-out}
@keyframes slideInRight {
from{transform:translateX(450px);opacity:0}
to{transform:translateX(0);opacity:1}
}
.CookieBanner.hide{animation:slideOutRight 350ms ease-in forwards}
@keyframes slideOutRight {
from{transform:translateX(0);opacity:1}
to{transform:translateX(450px);opacity:0}
}
.BannerContent .BannerTitle{font-family:'IBM Plex Serif',serif;font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:12px}
.BannerContent .BannerDescription{font-size:14px;color:#3a3a3a;line-height:1.6;margin-bottom:20px}
.BannerContent .PolicyLink{color:#C25309;text-decoration:underline;transition:color 260ms ease}
.BannerContent .PolicyLink:hover{color:#CD73FB}
.BannerActions{display:flex;flex-direction:column;gap:10px}
.BannerActions .BannerBtn{font-family:'Figtree',sans-serif;font-size:15px;font-weight:700;padding:14px 24px;border:none;border-radius:20px;cursor:pointer;transition:all 300ms ease}
.BannerActions .BannerBtn--primary{background-color:#CD73FB;color:#fff;box-shadow:0 6px 16px #cd73fb4d}
.BannerActions .BannerBtn--primary:hover{background-color:#b55ce0;box-shadow:0 8px 20px #cd73fb66}
.BannerActions .BannerBtn--secondary{background-color:transparent;color:#3a3a3a;border:2px solid #DDEBC9}
.BannerActions .BannerBtn--secondary:hover{background-color:#DDEBC9;border-color:#DDEBC9}
.SettingsToggle{position:fixed;bottom:32px;right:32px;width:56px;height:56px;background-color:#C25309;color:#fff;border:none;border-radius:28px;font-size:24px;cursor:pointer;box-shadow:0 8px 20px #c253094d;transition:all 320ms ease;z-index:9998;display:flex;align-items:center;justify-content:center}
.SettingsToggle:hover{background-color:#CD73FB;box-shadow:0 10px 24px #cd73fb66;transform:rotate(90deg)}
.PreferencesPanel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:440px;background-color:#fff;border:3px solid #C25309;border-radius:28px;box-shadow:0 16px 48px #c2530940;padding:36px;z-index:10000}
.PanelContent{position:relative}
.PanelContent .PanelClose{position:absolute;top:-12px;right:-12px;width:40px;height:40px;background-color:#CD73FB;color:#fff;border:none;border-radius:20px;font-size:20px;cursor:pointer;transition:all 280ms ease;display:flex;align-items:center;justify-content:center}
.PanelContent .PanelClose:hover{background-color:#C25309;transform:rotate(90deg)}
.PanelContent .PanelTitle{font-family:'IBM Plex Serif',serif;font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:24px}
.PreferenceOption{margin-bottom:16px}
.PreferenceOption .OptionLabel{display:flex;align-items:center;gap:12px;font-size:15px;color:#1a1a1a;cursor:pointer}
.PreferenceOption .OptionCheckbox{width:20px;height:20px;cursor:pointer;accent-color:#CD73FB}
.PanelContent .SavePreferences{width:100%;margin-top:24px}
@media (max-width: 1024px) {
.BannerInner{flex-direction:column;align-items:stretch;gap:24px}
.MainNav{justify-content:center;order:2}
.UtilityLinks{justify-content:center;order:3}
.FooterColumns{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 768px) {
.LogoImage{height:70px;width:70px}
.MainNav{gap:6px}
.MainNav .NavLink{font-size:14px;padding:10px 16px}
.CookieBanner{width:90%;right:5%}
.PreferencesPanel{width:90%}
.SettingsToggle{width:52px;height:52px;bottom:24px;right:24px}
.FooterOrganic{padding:48px 0 24px}
}
@media (max-width: 480px) {
.BannerInner{padding:0 16px}
.MainNav .NavLink{font-size:13px;padding:8px 14px}
.FooterInner{padding:0 16px}
.FooterCol--primary{padding:24px}
}
.j-text-policy{max-width:800px;margin:0 auto;padding:80px 24px;background:#FFF}
.j-text-policy h1{font-size:48px;line-height:1.2;font-weight:700;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.02em}
.j-text-policy h2{font-size:36px;line-height:1.3;font-weight:700;color:#1a1a1a;margin:64px 0 24px;letter-spacing:-.01em}
.j-text-policy h3{font-size:28px;line-height:1.4;font-weight:600;color:#2a2a2a;margin:48px 0 20px}
.j-text-policy h4{font-size:22px;line-height:1.4;font-weight:600;color:#2a2a2a;margin:40px 0 16px}
.j-text-policy h5{font-size:18px;line-height:1.5;font-weight:600;color:#3a3a3a;margin:32px 0 12px}
.j-text-policy h6{font-size:16px;line-height:1.5;font-weight:600;color:#3a3a3a;margin:28px 0 12px;text-transform:uppercase;letter-spacing:.05em}
.j-text-policy p{font-size:17px;line-height:1.7;color:#2a2a2a;margin:0 0 20px}
.j-text-policy p + p{margin-top:20px}
.j-text-policy ul{margin:24px 0;padding:0 0 0 28px;list-style:none}
.j-text-policy ul li{font-size:17px;line-height:1.7;color:#2a2a2a;margin:0 0 12px;position:relative;padding-left:8px}
.j-text-policy ul li::before{content:'';position:absolute;left:-20px;top:12px;width:6px;height:6px;background:#CD73FB;border-radius:50%}
.j-text-policy ol{margin:24px 0;padding:0 0 0 28px;list-style:none;counter-reset:policy-counter}
.j-text-policy ol li{font-size:17px;line-height:1.7;color:#2a2a2a;margin:0 0 12px;position:relative;padding-left:12px;counter-increment:policy-counter}
.j-text-policy ol li::before{content:counter(policy-counter) ".";position:absolute;left:-28px;top:0;font-weight:600;color:#C25309}
.j-text-policy ul ul,.j-text-policy ol ol,.j-text-policy ul ol,.j-text-policy ol ul{margin:12px 0}
.j-text-policy em,.j-text-policy i{font-style:italic;color:#3a3a3a}
.j-text-policy table{width:100%;margin:32px 0;border-collapse:separate;border-spacing:0;border:2px solid #DDEBC9;border-radius:20px;overflow:hidden}
.j-text-policy thead{background:#DDEBC9}
.j-text-policy thead tr th{font-size:16px;line-height:1.5;font-weight:600;color:#1a1a1a;text-align:left;padding:16px 20px;border-bottom:2px solid #c5d4b0}
.j-text-policy tbody tr{background:#FFF;transition:background 300ms ease}
.j-text-policy tbody tr:nth-child(even){background:#fafbf8}
.j-text-policy tbody tr:hover{background:#f5f8ec}
.j-text-policy tbody tr td{font-size:16px;line-height:1.6;color:#2a2a2a;padding:16px 20px;border-bottom:1px solid #e8edd9}
.j-text-policy tbody tr:last-child td{border-bottom:none}
.j-text-policy hr{height:2px;border:none;background:linear-gradient(to right,#CD73FB,#DDEBC9);margin:56px 0;border-radius:2px;opacity:.3}
.j-text-policy div{margin:20px 0}
.j-text-policy a{color:#C25309;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:color 300ms ease,text-decoration-color 300ms ease}
.j-text-policy a:hover{color:#9a3f07;text-decoration-color:#CD73FB}
.j-text-policy strong,.j-text-policy b{font-weight:600;color:#1a1a1a}
@media (max-width: 768px) {
.j-text-policy{padding:48px 20px}
.j-text-policy h1{font-size:36px;margin-bottom:12px}
.j-text-policy h2{font-size:28px;margin:48px 0 20px}
.j-text-policy h3{font-size:24px;margin:40px 0 16px}
.j-text-policy h4{font-size:20px;margin:32px 0 14px}
.j-text-policy h5{font-size:17px;margin:28px 0 12px}
.j-text-policy h6{font-size:15px;margin:24px 0 10px}
.j-text-policy p,.j-text-policy ul li,.j-text-policy ol li{font-size:16px}
.j-text-policy table{font-size:14px;border-radius:16px}
.j-text-policy thead tr th,.j-text-policy tbody tr td{padding:12px 16px;font-size:14px}
.j-text-policy hr{margin:40px 0}
}
@media (max-width: 480px) {
.j-text-policy{padding:40px 16px}
.j-text-policy h1{font-size:30px}
.j-text-policy h2{font-size:24px}
.j-text-policy table{display:block;overflow-x:auto;border-radius:12px}
}
.DetailWrap{max-width:1200px;margin:0 auto;padding:60px 24px}
.ArticleHeader{margin-bottom:48px}
.CategoryLabel{display:inline-block;background:linear-gradient(135deg,#CD73FB 0%,#C25309 100%);color:#fff;padding:8px 20px;border-radius:24px;font-size:14px;font-weight:600;margin-bottom:24px;letter-spacing:.5px}
.ArticleHeader h1{font-size:48px;line-height:1.2;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.SubtitleText{font-size:22px;color:#4a4a4a;line-height:1.5;margin:0 0 32px}
.MetaRow{display:flex;gap:32px;align-items:center;flex-wrap:wrap;padding:24px 0;border-top:2px solid #DDEBC9;border-bottom:2px solid #DDEBC9}
.MetaItem{display:flex;align-items:center;gap:10px;color:#666;font-size:15px}
.MetaItem i{color:#CD73FB;font-size:20px}
.AuthorName{font-weight:600;color:#2a2a2a}
.HeroVisual{width:100%;height:480px;background:linear-gradient(135deg,#f8f8f8 0%,#DDEBC9 100%);border-radius:28px;margin:48px 0 64px;overflow:hidden;position:relative}
.HeroVisual img{width:100%;height:100%;object-fit:cover}
.ContentZone{max-width:840px;margin:0 auto}
.ContentZone p{font-size:18px;line-height:1.8;color:#333;margin:0 0 24px}
.ContentZone h2{font-size:36px;color:#1a1a1a;margin:48px 0 24px;font-weight:700;position:relative;padding-left:24px}
.ContentZone h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:calc(100% - 16px);background:linear-gradient(180deg,#CD73FB 0%,#C25309 100%);border-radius:3px}
.ContentZone h3{font-size:28px;color:#2a2a2a;margin:36px 0 20px;font-weight:600}
.ContentZone abbr{text-decoration:none;border-bottom:2px dotted #CD73FB;cursor:help;color:#C25309;font-weight:500}
.ContentZone mark{background:#DDEBC9;color:#2a2a2a;padding:3px 8px;border-radius:6px}
.ContentZone blockquote{background:#f9f9f9;border-left:5px solid #CD73FB;margin:32px 0;padding:28px 32px;border-radius:0 20px 20px 0;font-size:20px;line-height:1.7;color:#4a4a4a;font-style:italic}
.ContentZone table{width:100%;border-collapse:separate;border-spacing:0;margin:32px 0;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #cd73fb14}
.ContentZone caption{font-size:16px;font-weight:600;color:#4a4a4a;text-align:left;padding:16px;background:#f9f9f9}
.ContentZone thead{background:linear-gradient(135deg,#CD73FB 0%,#C25309 100%)}
.ContentZone th{padding:18px 20px;text-align:left;color:#fff;font-weight:600;font-size:15px;letter-spacing:.3px}
.ContentZone td{padding:18px 20px;border-bottom:1px solid #f0f0f0;color:#444;font-size:16px}
.ContentZone tr:last-child td{border-bottom:none}
.ContentZone tbody tr{background:#fff;transition:background 320ms}
.ContentZone tbody tr:nth-child(even){background:#fafafa}
.ContentZone tbody tr:hover{background:#f5f5f5}
.ReactionSection{max-width:840px;margin:64px auto 0;padding:40px;background:linear-gradient(135deg,#f9f9f9 0%,#DDEBC9 30%);border-radius:24px;border:2px solid #DDEBC9}
.ReactionTitle{font-size:22px;font-weight:600;color:#2a2a2a;margin:0 0 28px;text-align:center}
.EmojiGrid{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.EmojiOption{position:relative}
.EmojiOption input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.EmojiLabel{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:#fff;border:3px solid #e0e0e0;border-radius:20px;cursor:pointer;font-size:36px;transition:all 300ms;box-shadow:0 4px 8px #0000000a}
.EmojiLabel:hover{transform:scale(1.15);border-color:#CD73FB;box-shadow:0 8px 16px #cd73fb33}
.EmojiOption input[type="radio"]:checked + .EmojiLabel{background:linear-gradient(135deg,#CD73FB 0%,#C25309 100%);border-color:#CD73FB;transform:scale(1.15);box-shadow:0 12px 24px #cd73fb4d}
.ActionZone{max-width:840px;margin:64px auto 0;padding:48px;background:#fff;border-radius:28px;text-align:center;border:2px solid #DDEBC9;box-shadow:0 8px 20px #cd73fb14}
.ActionZone h3{font-size:32px;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.ActionZone p{font-size:18px;color:#666;margin:0 0 32px;line-height:1.6}
.PrimaryBtn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#CD73FB 0%,#C25309 100%);color:#fff;padding:16px 40px;border-radius:28px;text-decoration:none;font-size:17px;font-weight:600;transition:all 320ms;box-shadow:0 6px 16px #cd73fb4d;position:relative;z-index:10}
.PrimaryBtn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #cd73fb66}
.PrimaryBtn i{font-size:20px}
@media (max-width: 768px) {
.DetailWrap{padding:40px 16px}
.ArticleHeader h1{font-size:32px}
.SubtitleText{font-size:18px}
.HeroVisual{height:280px;border-radius:20px}
.MetaRow{gap:20px}
.ContentZone p{font-size:16px}
.ContentZone h2{font-size:28px;padding-left:18px}
.ContentZone h3{font-size:22px}
.ContentZone blockquote{padding:20px 24px;font-size:18px}
.ContentZone table{font-size:14px}
.ContentZone th,.ContentZone td{padding:12px 14px}
.ReactionSection{padding:28px 20px}
.EmojiGrid{gap:12px}
.EmojiLabel{width:60px;height:60px;font-size:30px}
.ActionZone{padding:32px 24px}
.ActionZone h3{font-size:26px}
.PrimaryBtn{padding:14px 32px;font-size:16px}
}
@media (max-width: 480px) {
.ArticleHeader h1{font-size:26px}
.SubtitleText{font-size:16px}
.MetaRow{flex-direction:column;align-items:flex-start;gap:12px}
.HeroVisual{height:220px}
.ContentZone h2{font-size:24px}
.EmojiLabel{width:56px;height:56px;font-size:28px}
}
.HeroTitle{position:relative;overflow:hidden;background:#DDEBC9;min-height:520px;display:flex;align-items:center}
.TitleContainer{width:100%;max-width:1200px;margin:0 auto;padding:60px 24px;position:relative;z-index:2}
.HeroTitle .ImageWrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.HeroTitle .BackdropImage{width:100%;height:100%;object-fit:cover;clip-path:polygon(0 0,100% 0,100% 85%,0 100%);filter:sepia(100%) hue-rotate(260deg) saturate(3);mix-blend-mode:multiply;opacity:.4}
.HeroTitle .PulseLayer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#CD73FB 0%,#C25309 100%);opacity:.15;animation:slowPulse 8s ease-in-out infinite}
@keyframes slowPulse {
0%,100%{opacity:.15}
50%{opacity:.25}
}
.HeroTitle .ContentZone{position:relative;z-index:3;max-width:780px}
.HeroTitle .MainHeading{font-size:42px;line-height:1.3;margin:0 0 28px;color:#1a1a1a}
.HeroTitle .AccentedPhrase{color:#C25309;font-weight:700;display:inline;position:relative}
.HeroTitle .AccentedPhrase::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#CD73FB,#C25309);border-radius:20px}
.HeroTitle .SubText{font-size:18px;line-height:1.6;color:#2a2a2a;margin:0 0 36px;max-width:680px}
.HeroTitle .ActionButtons{display:flex;gap:16px;flex-wrap:wrap}
.HeroTitle .MainCTA,.HeroTitle .SecondaryCTA{padding:16px 32px;border-radius:24px;text-decoration:none;font-size:17px;font-weight:600;transition:all 320ms ease;display:inline-block}
.HeroTitle .MainCTA{background:#C25309;color:#fff;box-shadow:0 6px 16px #c253094d}
.HeroTitle .MainCTA:hover{background:#a84507;transform:translateY(-2px);box-shadow:0 10px 24px #c2530966}
.HeroTitle .SecondaryCTA{background:#fff;color:#C25309;border:2px solid #C25309}
.HeroTitle .SecondaryCTA:hover{background:#C25309;color:#fff;transform:translateY(-2px)}
.OutcomesBlock{background:#f8f8f8;padding:80px 24px}
.OutcomesInner{max-width:1200px;margin:0 auto}
.OutcomesBlock .HeaderSection{max-width:760px;margin:0 auto 56px;text-align:center}
.OutcomesBlock .BlockTitle{font-size:38px;color:#1a1a1a;margin:0 0 20px;line-height:1.2}
.OutcomesBlock .IntroText{font-size:18px;line-height:1.7;color:#3a3a3a;margin:0}
.OutcomeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.OutcomeCard{background:#fff;padding:32px 28px;border-radius:20px;border:2px solid #DDEBC9;transition:all 280ms ease}
.OutcomeCard:hover{border-color:#CD73FB;transform:translateY(-4px);box-shadow:0 12px 28px #cd73fb2e}
.OutcomeCard .IconHolder{width:56px;height:56px;background:linear-gradient(135deg,#CD73FB,#C25309);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.OutcomeCard .IconHolder i{font-size:28px;color:#fff}
.OutcomeCard .CardHead{font-size:20px;color:#1a1a1a;margin:0 0 14px;line-height:1.3}
.OutcomeCard .CardBody{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0}
.GuaranteesZone{background:#fff;padding:80px 24px}
.GuaranteesWrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.GuaranteesZone .SectionLabel{font-size:36px;color:#1a1a1a;margin:0 0 24px;line-height:1.2;position:relative;padding-left:20px}
.GuaranteesZone .SectionLabel::before{content:'';position:absolute;left:0;top:6px;width:6px;height:80%;background:linear-gradient(180deg,#CD73FB,#C25309);border-radius:10px}
.GuaranteesZone .PolicyParagraph{font-size:17px;line-height:1.7;color:#3a3a3a;margin:0 0 20px}
.PolicyList{margin-top:36px;display:flex;flex-direction:column;gap:24px}
.PolicyItem{display:flex;gap:18px;padding:20px;background:#DDEBC9;border-radius:18px;border:2px solid transparent;transition:all 300ms ease}
.PolicyItem:hover{border-color:#CD73FB;box-shadow:0 8px 20px #cd73fb26}
.PolicyIcon{width:48px;height:48px;background:#C25309;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.PolicyIcon i{font-size:24px;color:#fff}
.PolicyContent .PolicyName{font-size:18px;color:#1a1a1a;margin:0 0 8px;font-weight:600}
.PolicyContent .PolicyDetail{font-size:15px;line-height:1.6;color:#4a4a4a;margin:0}
.GuaranteesZone .PolicyImage{width:100%;height:100%;object-fit:cover;border-radius:28px;box-shadow:0 16px 40px #0000001f;min-height:480px}
.ObstaclesSection{background:linear-gradient(135deg,#f8f8f8 0%,#DDEBC9 100%);padding:80px 24px}
.ObstaclesContainer{max-width:1200px;margin:0 auto}
.ObstaclesHeader{max-width:800px;margin:0 auto 52px;text-align:center}
.ObstaclesTitle{font-size:38px;color:#1a1a1a;margin:0 0 20px;line-height:1.2}
.ObstaclesIntro{font-size:18px;line-height:1.7;color:#3a3a3a;margin:0}
.SolutionsDisplay{background:#fff;border-radius:28px;padding:40px;box-shadow:0 12px 32px #00000014}
.SolutionsDisplay input[type="radio"]{display:none}
.TabNavigation{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:40px;border-bottom:3px solid #DDEBC9;padding-bottom:16px}
.TabButton{padding:18px 20px;background:#f8f8f8;border-radius:18px;border:2px solid transparent;cursor:pointer;transition:all 280ms ease;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.TabButton i{font-size:26px;color:#C25309}
.TabButton span{font-size:15px;font-weight:600;color:#3a3a3a}
.TabButton:hover{background:#DDEBC9;border-color:#CD73FB}
.SolutionsDisplay input[type="radio"]:checked + label.TabButton,.SolutionsDisplay input[type="radio"]:checked ~ .TabNavigation label.TabButton:nth-of-type(2),.SolutionsDisplay input[type="radio"]:checked ~ .TabNavigation label.TabButton:nth-of-type(3),.SolutionsDisplay input[type="radio"]:checked ~ .TabNavigation label.TabButton:nth-of-type(4){background:linear-gradient(135deg,#CD73FB,#C25309);border-color:#CD73FB}
.SolutionsDisplay input[type="radio"]:checked + label.TabButton i,.SolutionsDisplay input[type="radio"]:checked + label.TabButton span,.SolutionsDisplay input[type="radio"]:checked ~ .TabNavigation label.TabButton:nth-of-type(2) i,.SolutionsDisplay input[type="radio"]:checked ~ .TabNavigation label.TabButton:nth-of-type(2) span,.SolutionsDisplay input[type="radio"]:checked ~ .TabNavigation label.TabButton:nth-of-type(3) i,.SolutionsDisplay input[type="radio"]:checked ~ .TabNavigation label.TabButton:nth-of-type(3) span,.SolutionsDisplay input[type="radio"]:checked ~ .TabNavigation label.TabButton:nth-of-type(4) i,.SolutionsDisplay input[type="radio"]:checked ~ .TabNavigation label.TabButton:nth-of-type(4) span{color:#fff}
#tab-time:checked ~ .TabNavigation label[for="tab-time"],#tab-feedback:checked ~ .TabNavigation label[for="tab-feedback"],#tab-progress:checked ~ .TabNavigation label[for="tab-progress"],#tab-isolation:checked ~ .TabNavigation label[for="tab-isolation"]{background:linear-gradient(135deg,#CD73FB,#C25309);border-color:#CD73FB}
#tab-time:checked ~ .TabNavigation label[for="tab-time"] i,#tab-time:checked ~ .TabNavigation label[for="tab-time"] span,#tab-feedback:checked ~ .TabNavigation label[for="tab-feedback"] i,#tab-feedback:checked ~ .TabNavigation label[for="tab-feedback"] span,#tab-progress:checked ~ .TabNavigation label[for="tab-progress"] i,#tab-progress:checked ~ .TabNavigation label[for="tab-progress"] span,#tab-isolation:checked ~ .TabNavigation label[for="tab-isolation"] i,#tab-isolation:checked ~ .TabNavigation label[for="tab-isolation"] span{color:#fff}
.TabContent{position:relative}
.ContentPanel{display:none}
#tab-time:checked ~ .TabContent .ContentPanel:nth-of-type(1),#tab-feedback:checked ~ .TabContent .ContentPanel:nth-of-type(2),#tab-progress:checked ~ .TabContent .ContentPanel:nth-of-type(3),#tab-isolation:checked ~ .TabContent .ContentPanel:nth-of-type(4){display:block}
.PanelLayout{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.PanelHeading{font-size:28px;color:#1a1a1a;margin:0 0 20px;line-height:1.3}
.PanelParagraph{font-size:17px;line-height:1.7;color:#3a3a3a;margin:0 0 18px}
.FeatureList{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:12px}
.FeatureList li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.6;color:#2a2a2a}
.FeatureList li i{color:#C25309;font-size:20px;margin-top:2px;flex-shrink:0}
.PanelVisual img{width:100%;height:360px;object-fit:cover;border-radius:24px;box-shadow:0 10px 28px #0000001f}
.NextStepsWrapper{background:#fff;padding:80px 24px;text-align:center}
.NextStepsContent{max-width:720px;margin:0 auto}
.FinalHeading{font-size:36px;color:#1a1a1a;margin:0 0 24px;line-height:1.2}
.FinalText{font-size:18px;line-height:1.7;color:#3a3a3a;margin:0 0 40px}
.FinalActions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.PrimaryAction,.SecondaryAction,.TertiaryAction{padding:16px 32px;border-radius:24px;text-decoration:none;font-size:17px;font-weight:600;transition:all 320ms ease;display:inline-block}
.PrimaryAction{background:#C25309;color:#fff;box-shadow:0 6px 16px #c253094d}
.PrimaryAction:hover{background:#a84507;transform:translateY(-2px);box-shadow:0 10px 24px #c2530966}
.SecondaryAction{background:#CD73FB;color:#fff;box-shadow:0 6px 16px #cd73fb4d}
.SecondaryAction:hover{background:#b55fe8;transform:translateY(-2px);box-shadow:0 10px 24px #cd73fb66}
.TertiaryAction{background:transparent;color:#C25309;border:2px solid #C25309}
.TertiaryAction:hover{background:#C25309;color:#fff;transform:translateY(-2px)}
@media (max-width: 1024px) {
.OutcomeGrid{grid-template-columns:repeat(2,1fr)}
.GuaranteesWrap{grid-template-columns:1fr;gap:40px}
.TabNavigation{grid-template-columns:repeat(2,1fr)}
.PanelLayout{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 768px) {
.HeroTitle{min-height:420px}
.HeroTitle .MainHeading{font-size:32px;margin-bottom:20px}
.HeroTitle .SubText{font-size:16px;margin-bottom:28px}
.HeroTitle .ActionButtons{flex-direction:column}
.HeroTitle .MainCTA,.HeroTitle .SecondaryCTA{width:100%;text-align:center}
.OutcomesBlock,.GuaranteesZone,.ObstaclesSection,.NextStepsWrapper{padding:60px 20px}
.OutcomesBlock .BlockTitle,.GuaranteesZone .SectionLabel,.ObstaclesTitle,.FinalHeading{font-size:28px}
.OutcomeGrid{grid-template-columns:1fr;gap:20px}
.PolicyList{gap:16px}
.PolicyItem{flex-direction:column;gap:12px}
.TabNavigation{grid-template-columns:1fr;gap:8px}
.TabButton{padding:14px 16px;flex-direction:row;justify-content:flex-start}
.SolutionsDisplay{padding:24px}
.PanelVisual img{height:280px}
.FinalActions{flex-direction:column}
.PrimaryAction,.SecondaryAction,.TertiaryAction{width:100%;text-align:center}
}
.IntroZone{background:linear-gradient(135deg,#DDEBC9 0%,#f9f9f9 100%);padding:80px 20px 90px;position:relative;overflow:hidden}
.IntroZone::before{content:'';position:absolute;top:-50%;right:40%;width:600px;height:600px;background:radial-gradient(circle,#cd73fb14 0%,transparent 70%);border-radius:50%;z-index:1}
.IntroLayout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;position:relative;z-index:2}
.IntroText{padding-right:20px}
.IntroText h1{font-size:52px;line-height:1.15;margin:0 0 28px;color:#1a1a1a;animation:blurReveal 1.2s ease-out forwards}
@keyframes blurReveal {
0%{filter:blur(12px);opacity:0}
100%{filter:blur(0);opacity:1}
}
.IntroText p{font-size:18px;line-height:1.7;color:#333;margin:0 0 20px}
.IntroImageWrap{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 12px 32px #c253091f}
.IntroImageWrap img{width:100%;height:520px;object-fit:cover;display:block;animation:duotoneShift 3s ease-in-out infinite alternate}
@keyframes duotoneShift {
0%{filter:sepia(0.3) hue-rotate(0deg) saturate(1.2)}
100%{filter:sepia(0.5) hue-rotate(15deg) saturate(1.4)}
}
.DetailGrid{background:#f9f9f9;padding:100px 20px}
.DetailContainer{max-width:1200px;margin:0 auto}
.DetailHeader{text-align:center;margin-bottom:70px;position:relative}
.DetailHeader::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#CD73FB,#C25309);margin:24px auto 0;border-radius:20px}
.DetailHeader h2{font-size:44px;line-height:1.2;margin:0 0 18px;color:#1a1a1a}
.DetailHeader p{font-size:19px;line-height:1.6;color:#444;max-width:720px;margin:0 auto}
.ProfileMatrix{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ProfileCard{background:#fff;border-radius:28px;padding:0;box-shadow:0 6px 24px #0000000f;border:2px solid #DDEBC9;transition:transform 350ms ease,box-shadow 350ms ease;overflow:hidden}
.ProfileCard:hover{transform:translateY(-8px);box-shadow:0 16px 48px #cd73fb26}
.ProfileImgBox{width:100%;height:280px;overflow:hidden;position:relative}
.ProfileImgBox img{width:100%;height:100%;object-fit:cover;transition:transform 400ms ease}
.ProfileCard:hover .ProfileImgBox img{transform:scale(1.08)}
.ProfileContent{padding:32px 28px}
.ProfileContent h3{font-size:24px;line-height:1.3;margin:0 0 10px;color:#1a1a1a}
.RoleTag{display:inline-block;background:linear-gradient(120deg,#DDEBC9,#e8f3d1);color:#4a5a28;font-size:13px;font-weight:600;padding:6px 14px;border-radius:16px;margin-bottom:18px;text-transform:uppercase;letter-spacing:.5px}
.ProfileContent p{font-size:16px;line-height:1.65;color:#555;margin:0}
.DataBlock{background:#fff;border-radius:28px;padding:36px;box-shadow:0 8px 28px #00000012;border:2px solid #f0f0f0}
.DataBlock h4{font-size:20px;margin:0 0 24px;color:#1a1a1a;display:flex;align-items:center;gap:10px}
.DataBlock h4 i{color:#CD73FB;font-size:24px}
.DataBlock ul{list-style:none;padding:0;margin:0}
.DataBlock li{padding:12px 0;border-bottom:1px solid #f0f0f0;font-size:16px;color:#444;display:flex;align-items:center;gap:12px}
.DataBlock li:last-child{border-bottom:none}
.DataBlock li i{color:#C25309;font-size:18px}
.ProfileCard:nth-child(3){grid-column:span 3;display:grid;grid-template-columns:320px 1fr;gap:0}
.ProfileCard:nth-child(3) .ProfileImgBox{height:100%}
.ProfileCard:nth-child(3) .ProfileContent{padding:40px 48px;display:flex;flex-direction:column;justify-content:center}
@media (max-width: 1024px) {
.IntroLayout{grid-template-columns:1fr;gap:50px}
.IntroText{padding-right:0}
.IntroText h1{font-size:42px}
.ProfileMatrix{grid-template-columns:repeat(2,1fr);gap:32px}
.ProfileCard:nth-child(3){grid-column:span 2;grid-template-columns:280px 1fr}
.DetailHeader h2{font-size:38px}
}
@media (max-width: 768px) {
.IntroZone{padding:60px 20px 70px}
.IntroText h1{font-size:36px;margin-bottom:22px}
.IntroText p{font-size:17px}
.IntroImageWrap img{height:380px}
.DetailGrid{padding:70px 20px}
.DetailHeader{margin-bottom:50px}
.DetailHeader h2{font-size:32px}
.DetailHeader p{font-size:17px}
.ProfileMatrix{grid-template-columns:1fr;gap:28px}
.ProfileCard:nth-child(3){grid-column:span 1;grid-template-columns:1fr}
.ProfileCard:nth-child(3) .ProfileImgBox{height:280px}
.ProfileCard:nth-child(3) .ProfileContent{padding:32px 28px}
.ProfileContent{padding:28px 24px}
.ProfileContent h3{font-size:22px}
}
.TitleHero{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(to bottom,#CD73FB 0%,#cd73fb33 40%,#cd73fb00 100%);padding:80px 24px 120px}
.TitleHero .BackgroundImage{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.TitleHero .BackgroundImage img{width:100%;height:100%;object-fit:cover;opacity:.15}
.TitleHero .FrostedPanel{position:absolute;top:30%;right:8%;width:420px;height:300px;background:#ffffff1a;backdrop-filter:blur(20px);border:2px solid #ffffff40;border-radius:24px;z-index:2;animation:slideInFromRight 1.2s ease-out}
.TitleHero .DecorShape1{position:absolute;top:15%;left:10%;width:140px;height:140px;background:linear-gradient(135deg,#DDEBC9 0%,#ddebc966 100%);border-radius:50%;z-index:3;animation:fadeInScale .8s ease-out .2s backwards}
.TitleHero .DecorShape2{position:absolute;bottom:20%;right:15%;width:100px;height:100px;background:#C25309;border-radius:20px;transform:rotate(45deg);z-index:3;animation:fadeInScale .8s ease-out .5s backwards}
.TitleHero .DecorShape3{position:absolute;top:40%;left:20%;width:60px;height:60px;border:4px solid #CD73FB;border-radius:50%;z-index:3;animation:fadeInScale .8s ease-out .8s backwards}
.TitleHero .ContentInner{position:relative;z-index:4;text-align:center;max-width:720px}
.TitleHero .MainHeading{font-size:64px;font-weight:700;color:#1a1a1a;line-height:1.1;margin:0}
@keyframes slideInFromRight {
from{transform:translateX(100px);opacity:0}
to{transform:translateX(0);opacity:1}
}
@keyframes fadeInScale {
from{transform:scale(0.5);opacity:0}
to{transform:scale(1);opacity:1}
}
.ContactLayout{padding:100px 24px;max-width:1200px;margin:0 auto}
.IntroText{max-width:680px;margin:0 auto 80px}
.IntroText h2{font-size:36px;font-weight:600;color:#1a1a1a;margin:0 0 20px;line-height:1.3}
.IntroText p{font-size:18px;line-height:1.7;color:#333;margin:0}
.TwoColumn{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.ContactDetails h3{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 32px;position:relative;padding-left:20px}
.ContactDetails h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:32px;background:linear-gradient(to bottom,#CD73FB,#C25309);border-radius:3px}
.InfoGroup{margin-bottom:40px}
.InfoGroup h4{font-size:16px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}
.InfoGroup p{font-size:18px;line-height:1.6;color:#1a1a1a;margin:0}
.InfoGroup a{color:#C25309;text-decoration:none;transition:color .3s ease}
.InfoGroup a:hover{color:#CD73FB}
.FormBlock{background:linear-gradient(135deg,#ddebc94d 0%,#cd73fb1a 100%);border:2px solid #DDEBC9;border-radius:28px;padding:48px}
.FormBlock h3{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 32px}
.FormInput{margin-bottom:24px}
.FormInput label{display:block;font-size:15px;font-weight:600;color:#333;margin-bottom:8px}
.FormInput input[type="text"],.FormInput input[type="email"],.FormInput input[type="tel"]{width:100%;padding:16px 20px;font-size:16px;color:#1a1a1a;background:#fff;border:2px solid #DDEBC9;border-radius:16px;outline:none;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}
.FormInput input[type="text"]:focus,.FormInput input[type="email"]:focus,.FormInput input[type="tel"]:focus{border-color:#CD73FB;box-shadow:0 0 0 4px #cd73fb26}
.CheckboxArea{margin-bottom:28px}
.CheckboxArea h4{font-size:15px;font-weight:600;color:#333;margin:0 0 16px}
.CheckboxItem{display:flex;align-items:center;margin-bottom:12px}
.CheckboxItem input[type="checkbox"]{width:22px;height:22px;margin-right:12px;cursor:pointer;accent-color:#C25309}
.CheckboxItem label{font-size:16px;color:#333;cursor:pointer;line-height:1.5}
.PrivacyCheck{margin-bottom:32px;display:flex;align-items:start}
.PrivacyCheck input[type="checkbox"]{width:20px;height:20px;margin-right:10px;cursor:pointer;flex-shrink:0;margin-top:2px;accent-color:#C25309}
.PrivacyCheck label{font-size:14px;color:#555;line-height:1.6;cursor:pointer}
.PrivacyCheck label a{color:#C25309;text-decoration:underline}
.PrivacyCheck label a:hover{color:#CD73FB}
.SubmitBtn{width:100%;padding:18px 32px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#C25309 0%,#CD73FB 100%);border:none;border-radius:20px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 8px 20px #c253094d}
.SubmitBtn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #c2530966}
.SubmitBtn:active{transform:translateY(0)}
.HoursSection{padding:80px 24px;background:#DDEBC9}
.HoursSection .InnerWrap{max-width:1200px;margin:0 auto}
.HoursSection h2{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 48px;text-align:center}
.HoursGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.TimeCard{background:#fff;border-radius:24px;padding:36px 28px;text-align:center;border:3px solid transparent;transition:border-color .3s ease,transform .3s ease}
.TimeCard:hover{border-color:#CD73FB;transform:translateY(-6px)}
.TimeCard h4{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 16px}
.TimeCard p{font-size:16px;line-height:1.6;color:#555;margin:0}
.MapSection{padding:100px 24px;background:linear-gradient(to bottom,#fff 0%,#cd73fb0d 100%)}
.MapSection .InnerWrap{max-width:1200px;margin:0 auto;text-align:center}
.MapSection h2{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 24px}
.MapSection p{font-size:18px;line-height:1.7;color:#333;max-width:640px;margin:0 auto 48px}
.AddressCard{background:#fff;border:3px solid #C25309;border-radius:28px;padding:48px 40px;max-width:560px;margin:0 auto;box-shadow:0 12px 40px #c2530926}
.AddressCard h3{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 20px}
.AddressCard p{font-size:18px;line-height:1.6;color:#333;margin:0}
.FaqSection{padding:100px 24px;background:#fff}
.FaqSection .InnerWrap{max-width:880px;margin:0 auto}
.FaqSection h2{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 56px;text-align:center;position:relative}
.FaqSection h2::after{content:'';display:block;width:100px;height:5px;background:linear-gradient(to right,#CD73FB,#C25309);margin:20px auto 0;border-radius:3px}
.FaqItem{margin-bottom:20px;border:2px solid #DDEBC9;border-radius:20px;overflow:hidden}
.FaqItem input[type="checkbox"]{display:none}
.FaqQuestion{display:block;padding:24px 28px;font-size:19px;font-weight:600;color:#1a1a1a;background:#ddebc933;cursor:pointer;transition:background .3s ease;position:relative}
.FaqQuestion::after{content:'+';position:absolute;right:28px;top:50%;transform:translateY(-50%);font-size:28px;font-weight:700;color:#C25309;transition:transform .3s ease}
.FaqItem input[type="checkbox"]:checked + .FaqQuestion::after{transform:translateY(-50%) rotate(45deg)}
.FaqQuestion:hover{background:#ddebc966}
.FaqAnswer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;background:#fff}
.FaqItem input[type="checkbox"]:checked ~ .FaqAnswer{max-height:400px;padding:24px 28px}
.FaqAnswer p{font-size:16px;line-height:1.7;color:#555;margin:0}
@media (max-width: 900px) {
.TitleHero{min-height:420px;padding:60px 20px 80px}
.TitleHero .MainHeading{font-size:48px}
.TitleHero .FrostedPanel{width:280px;height:200px}
.TitleHero .DecorShape1{width:100px;height:100px}
.TitleHero .DecorShape2{width:70px;height:70px}
.TwoColumn{grid-template-columns:1fr;gap:60px}
.HoursGrid{grid-template-columns:1fr;gap:24px}
.ContactLayout{padding:60px 20px}
.MapSection{padding:60px 20px}
.FaqSection{padding:60px 20px}
.FormBlock{padding:32px 24px}
}
@media (max-width: 600px) {
.TitleHero .MainHeading{font-size:36px}
.IntroText h2{font-size:28px}
.ContactDetails h3,.FormBlock h3{font-size:24px}
.HoursSection h2,.MapSection h2,.FaqSection h2{font-size:32px}
.FaqQuestion{font-size:17px;padding:20px 24px}
}
.LandingHero{position:relative;overflow:hidden;padding:120px 20px 100px;background:linear-gradient(135deg,#DDEBC9 0%,#f8f8f8 100%)}
.LandingHero .BlobContainer{position:absolute;top:-10%;right:-5%;width:600px;height:600px;pointer-events:none;z-index:1}
.LandingHero .BlobShape{width:100%;height:100%;background:linear-gradient(45deg,#cd73fb26,#c253091a);border-radius:45% 55% 60% 40% / 50% 45% 55% 50%;animation:morphBlob 12s ease-in-out infinite}
@keyframes morphBlob {
0%,100%{border-radius:45% 55% 60% 40% / 50% 45% 55% 50%;transform:rotate(0deg) scale(1)}
33%{border-radius:60% 40% 45% 55% / 45% 60% 40% 55%;transform:rotate(120deg) scale(1.1)}
66%{border-radius:40% 60% 55% 45% / 55% 40% 60% 45%;transform:rotate(240deg) scale(0.95)}
}
.LandingHero .GeometricBg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}
.LandingHero .Shape1,.LandingHero .Shape2,.LandingHero .Shape3{position:absolute;background:#cd73fb14;animation:floatSlow 25s ease-in-out infinite}
.LandingHero .Shape1{width:150px;height:150px;border-radius:24px;top:15%;left:10%;animation-delay:0s}
.LandingHero .Shape2{width:200px;height:200px;border-radius:50%;bottom:20%;left:5%;background:#c253090f;animation-delay:8s}
.LandingHero .Shape3{width:120px;height:120px;border-radius:20px;top:40%;right:15%;transform:rotate(45deg);animation-delay:4s}
@keyframes floatSlow {
0%,100%{transform:translateY(0px) translateX(0px)}
50%{transform:translateY(-30px) translateX(20px)}
}
.LandingHero .ContentWrapper{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.LandingHero .TextSide h1{font-size:56px;line-height:1.2;color:#1a1a1a;margin:0 0 24px}
.LandingHero .TextSide .Subtitle{font-size:18px;line-height:1.7;color:#444;margin:0 0 32px;max-width:520px}
.LandingHero .ImageSide{position:relative}
.LandingHero .ImageSide img{width:100%;height:480px;object-fit:cover;border-radius:28px;filter:sepia(0.15) saturate(0.9) hue-rotate(-5deg);box-shadow:0 12px 40px #c2530926}
.LandingHero .ActionBtn{display:inline-block;padding:16px 38px;background:linear-gradient(135deg,#CD73FB,#C25309);color:#fff;text-decoration:none;border-radius:24px;font-size:16px;font-weight:600;transition:all 320ms ease;box-shadow:0 8px 24px #cd73fb4d;z-index:10;position:relative}
.LandingHero .ActionBtn:hover{transform:translateY(-3px);box-shadow:0 14px 32px #cd73fb66}
.ModuleOverview{padding:90px 20px;background:#fff}
.ModuleOverview .Container{max-width:1200px;margin:0 auto}
.ModuleOverview h2{font-size:42px;color:#1a1a1a;margin:0 0 48px;text-align:center}
.ModuleOverview .TabSystem{display:flex;flex-direction:column}
.ModuleOverview .TabInput{display:none}
.ModuleOverview .TabNav{display:flex;gap:12px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}
.ModuleOverview .TabLabel{padding:14px 28px;border:2px solid #DDEBC9;border-radius:20px;cursor:pointer;transition:all 280ms ease;font-size:16px;color:#444;background:#fff}
.ModuleOverview .TabLabel:hover{border-color:#CD73FB;background:#cd73fb0d}
.ModuleOverview .TabInput:checked + .TabLabel{background:linear-gradient(135deg,#CD73FB,#C25309);color:#fff;border-color:transparent;box-shadow:0 6px 20px #cd73fb4d}
.ModuleOverview .TabContent{display:none;padding:40px;background:linear-gradient(135deg,#ddebc933,#f8f8f880);border-radius:24px;border:2px solid #DDEBC9}
.ModuleOverview .TabInput:checked ~ .TabContentWrapper .TabContent:nth-of-type(1){display:block}
.ModuleOverview .TabInput:nth-of-type(2):checked ~ .TabContentWrapper .TabContent:nth-of-type(2){display:block}
.ModuleOverview .TabInput:nth-of-type(3):checked ~ .TabContentWrapper .TabContent:nth-of-type(3){display:block}
.ModuleOverview .TabInput:nth-of-type(4):checked ~ .TabContentWrapper .TabContent:nth-of-type(4){display:block}
.ModuleOverview .TabContent h3{font-size:28px;color:#1a1a1a;margin:0 0 20px}
.ModuleOverview .TabContent p{font-size:16px;line-height:1.8;color:#444;margin:0 0 16px}
.ModuleOverview .TabContent ul{list-style:none;padding:0;margin:20px 0 0}
.ModuleOverview .TabContent ul li{padding:10px 0 10px 32px;position:relative;font-size:15px;color:#333}
.ModuleOverview .TabContent ul li::before{content:"";position:absolute;left:0;top:16px;width:16px;height:16px;background:#CD73FB;border-radius:50%}
.ProcessFlow{padding:90px 20px;background:linear-gradient(180deg,#fff 0%,#DDEBC9 100%)}
.ProcessFlow .Container{max-width:1200px;margin:0 auto}
.ProcessFlow h2{font-size:42px;color:#1a1a1a;margin:0 0 24px}
.ProcessFlow .Intro{font-size:17px;line-height:1.7;color:#444;margin:0 0 50px;max-width:740px}
.ProcessFlow .StepGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ProcessFlow .StepCard{background:#fff;padding:32px;border-radius:24px;border:2px solid transparent;transition:all 300ms ease;position:relative}
.ProcessFlow .StepCard::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#CD73FB,#C25309);border-radius:24px;opacity:0;z-index:-1;transition:opacity 300ms ease}
.ProcessFlow .StepCard:hover::before{opacity:1}
.ProcessFlow .StepCard:hover{transform:translateY(-5px);box-shadow:0 12px 32px #cd73fb33}
.ProcessFlow .StepNum{display:inline-block;width:48px;height:48px;background:linear-gradient(135deg,#CD73FB,#C25309);color:#fff;border-radius:50%;text-align:center;line-height:48px;font-size:20px;font-weight:700;margin-bottom:20px}
.ProcessFlow .StepCard h3{font-size:22px;color:#1a1a1a;margin:0 0 12px}
.ProcessFlow .StepCard p{font-size:15px;line-height:1.7;color:#555;margin:0}
.TeacherSection{padding:90px 20px;background:#fff}
.TeacherSection .Container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:60px;align-items:start}
.TeacherSection .ProfileCard{background:linear-gradient(135deg,#ddebc94d,#f8f8f880);padding:32px;border-radius:28px;border:2px solid #DDEBC9;text-align:center}
.TeacherSection .ProfileCard img{width:180px;height:180px;border-radius:50%;object-fit:cover;margin:0 auto 20px;border:4px solid #CD73FB;box-shadow:0 8px 24px #cd73fb40}
.TeacherSection .ProfileCard h3{font-size:24px;color:#1a1a1a;margin:0 0 8px}
.TeacherSection .ProfileCard .Role{font-size:15px;color:#C25309;margin:0 0 16px;font-weight:600}
.TeacherSection .ProfileCard .Bio{font-size:14px;line-height:1.6;color:#555;margin:0}
.TeacherSection .ContentSide h2{font-size:42px;color:#1a1a1a;margin:0 0 24px}
.TeacherSection .ContentSide p{font-size:16px;line-height:1.8;color:#444;margin:0 0 18px}
.TeacherSection .HighlightBox{background:#cd73fb14;padding:24px 28px;border-radius:20px;border-left:4px solid #CD73FB;margin:28px 0}
.TeacherSection .HighlightBox p{margin:0;font-size:15px;line-height:1.7;color:#333;font-style:italic}
.EnrollmentBlock{padding:100px 20px;background:linear-gradient(135deg,#CD73FB 0%,#C25309 100%);position:relative;overflow:hidden}
.EnrollmentBlock::before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#ffffff1a;border-radius:50%}
.EnrollmentBlock::after{content:"";position:absolute;bottom:-40%;left:-15%;width:500px;height:500px;background:#ffffff14;border-radius:50%}
.EnrollmentBlock .Container{max-width:1200px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center}
.EnrollmentBlock .TextArea h2{font-size:48px;color:#fff;margin:0 0 20px;line-height:1.2}
.EnrollmentBlock .TextArea p{font-size:17px;line-height:1.7;color:#fffffff2;margin:0 0 16px}
.EnrollmentBlock .TextArea ul{list-style:none;padding:0;margin:28px 0}
.EnrollmentBlock .TextArea ul li{padding:10px 0 10px 36px;position:relative;font-size:16px;color:#fff}
.EnrollmentBlock .TextArea ul li::before{content:"";position:absolute;left:0;top:16px;width:20px;height:20px;background:#DDEBC9;border-radius:50%}
.EnrollmentBlock .FormCard{background:#fff;padding:36px;border-radius:28px;box-shadow:0 16px 48px #0003}
.EnrollmentBlock .FormCard h3{font-size:26px;color:#1a1a1a;margin:0 0 24px;text-align:center}
.EnrollmentBlock .FormCard .FormField{margin-bottom:20px}
.EnrollmentBlock .FormCard label{display:block;font-size:14px;color:#333;margin-bottom:8px;font-weight:600}
.EnrollmentBlock .FormCard input,.EnrollmentBlock .FormCard select{width:100%;padding:14px 16px;border:2px solid #DDEBC9;border-radius:16px;font-size:15px;color:#333;transition:all 280ms ease;background:#fff;box-sizing:border-box}
.EnrollmentBlock .FormCard input:focus,.EnrollmentBlock .FormCard select:focus{outline:none;border-color:#CD73FB;box-shadow:0 0 0 4px #cd73fb1a}
.EnrollmentBlock .FormCard .SubmitBtn{width:100%;padding:16px;background:linear-gradient(135deg,#CD73FB,#C25309);color:#fff;border:none;border-radius:20px;font-size:16px;font-weight:700;cursor:pointer;transition:all 300ms ease;margin-top:8px}
.EnrollmentBlock .FormCard .SubmitBtn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #cd73fb59}
@media (max-width: 992px) {
.LandingHero .ContentWrapper{grid-template-columns:1fr;gap:40px}
.LandingHero .TextSide h1{font-size:44px}
.LandingHero .ImageSide img{height:380px}
.ProcessFlow .StepGrid{grid-template-columns:1fr}
.TeacherSection .Container{grid-template-columns:1fr;gap:40px}
.EnrollmentBlock .Container{grid-template-columns:1fr}
.ModuleOverview .TabNav{flex-direction:column}
}
@media (max-width: 768px) {
.LandingHero{padding:80px 20px 70px}
.LandingHero .TextSide h1{font-size:36px}
.LandingHero .TextSide .Subtitle{font-size:16px}
.LandingHero .ImageSide img{height:320px}
.ModuleOverview,.ProcessFlow,.TeacherSection,.EnrollmentBlock{padding:60px 20px}
.ModuleOverview h2,.ProcessFlow h2,.TeacherSection .ContentSide h2{font-size:32px}
.EnrollmentBlock .TextArea h2{font-size:36px}
.LandingHero .BlobContainer{width:400px;height:400px}
}
.ExpertPageHeader{background:linear-gradient(135deg,#DDEBC9 0%,#CD73FB 100%);padding:80px 20px 60px;text-align:center;border-radius:0 0 28px 28px}
.ExpertPageHeader h1{font-size:48px;line-height:1.2;margin:0 0 16px;color:#1a1a1a}
.ExpertPageHeader p{font-size:18px;line-height:1.6;max-width:680px;margin:0 auto;color:#2d2d2d}
.PostsGridWrap{max-width:1200px;margin:80px auto;padding:0 20px}
.GridLayoutPosts{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px;margin-bottom:80px}
.SinglePostCard{background:#fff;border:2px solid #DDEBC9;border-radius:24px;overflow:hidden;transition:all 320ms ease;display:flex;flex-direction:column}
.SinglePostCard:hover{transform:translateY(-8px);box-shadow:0 12px 28px #cd73fb33;border-color:#CD73FB}
.PostImageBox{width:100%;height:240px;overflow:hidden;background:linear-gradient(45deg,#DDEBC9,#CD73FB);position:relative}
.PostImageBox img{width:100%;height:100%;object-fit:cover;transition:transform 400ms ease}
.SinglePostCard:hover .PostImageBox img{transform:scale(1.08)}
.PostContentBox{padding:28px;display:flex;flex-direction:column;flex-grow:1}
.PostMetaRow{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.AuthorNameBadge{font-size:14px;color:#C25309;font-weight:600}
.ReadTimeBadge{font-size:13px;color:#666;display:flex;align-items:center;gap:4px}
.ReadTimeBadge i{font-size:16px}
.PublishDateBadge{font-size:13px;color:#888;margin-left:auto}
.PostContentBox h3{font-size:24px;line-height:1.3;margin:0 0 12px;color:#1a1a1a}
.PostContentBox h4{font-size:16px;line-height:1.4;margin:0 0 14px;color:#C25309;font-weight:500}
.PostShortText{font-size:15px;line-height:1.6;color:#4a4a4a;margin:0 0 24px;flex-grow:1}
.LinkToPost{display:inline-flex;align-items:center;gap:8px;color:#CD73FB;font-size:15px;font-weight:600;text-decoration:none;transition:gap 280ms ease}
.LinkToPost:hover{gap:14px}
.LinkToPost i{font-size:18px}
.InsightSectionWrap{max-width:1200px;margin:0 auto 80px;padding:0 20px}
.TwoColumnInsight{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:60px;background:linear-gradient(165deg,#DDEBC9 0%,#fff 100%);border-radius:28px;border:3px solid #C25309}
.LeftContentSide h2{font-size:36px;line-height:1.3;margin:0 0 20px;color:#1a1a1a;position:relative;padding-left:24px}
.LeftContentSide h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:80%;background:linear-gradient(180deg,#CD73FB,#C25309);border-radius:3px}
.LeftContentSide p{font-size:16px;line-height:1.7;color:#3a3a3a;margin:0 0 28px}
.RightFeaturesSide{display:flex;flex-direction:column;gap:20px}
.FeatureItem{background:#fff;padding:24px;border-radius:20px;border:2px solid #DDEBC9;display:flex;align-items:flex-start;gap:16px;transition:all 300ms ease}
.FeatureItem:hover{border-color:#CD73FB;box-shadow:0 8px 20px #c2530926}
.FeatureIconBox{width:48px;height:48px;background:linear-gradient(135deg,#CD73FB,#C25309);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.FeatureIconBox i{font-size:24px;color:#fff}
.FeatureTextBox h4{font-size:18px;margin:0 0 8px;color:#1a1a1a}
.FeatureTextBox p{font-size:14px;line-height:1.5;color:#555;margin:0}
.ProcessStepSection{max-width:1200px;margin:0 auto 80px;padding:0 20px}
.ProcessStepSection h2{font-size:38px;text-align:center;margin:0 0 56px;color:#1a1a1a}
.StepsFlowContainer{display:flex;flex-direction:column;gap:32px;position:relative}
.StepsFlowContainer::before{content:'';position:absolute;left:39px;top:60px;bottom:60px;width:3px;background:linear-gradient(180deg,#CD73FB,#C25309,#DDEBC9);border-radius:2px}
.StepItemRow{display:flex;gap:24px;align-items:flex-start;position:relative}
.StepNumberCircle{width:80px;height:80px;background:linear-gradient(135deg,#C25309,#CD73FB);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;flex-shrink:0;z-index:2;box-shadow:0 6px 16px #cd73fb4d}
.StepContentCard{flex:1;background:#fff;border:2px solid #DDEBC9;border-radius:24px;padding:32px;transition:all 320ms ease}
.StepContentCard:hover{border-color:#C25309;box-shadow:0 10px 24px #c253092e}
.StepContentCard h3{font-size:24px;margin:0 0 14px;color:#1a1a1a}
.StepContentCard p{font-size:15px;line-height:1.7;color:#4a4a4a;margin:0}
.CallActionBanner{max-width:1200px;margin:0 auto 80px;padding:0 20px}
.BannerInnerBox{background:linear-gradient(120deg,#C25309 0%,#CD73FB 100%);border-radius:28px;padding:64px 48px;text-align:center;position:relative;overflow:hidden}
.BannerInnerBox::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:#ffffff1a;border-radius:50%}
.BannerInnerBox::after{content:'';position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;background:#ffffff14;border-radius:50%}
.BannerInnerBox h2{font-size:40px;color:#fff;margin:0 0 18px;position:relative;z-index:2}
.BannerInnerBox p{font-size:18px;color:#fff;margin:0 0 32px;max-width:700px;margin-left:auto;margin-right:auto;position:relative;z-index:2;opacity:.95}
.BannerButtonWrap{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;position:relative;z-index:2}
.BannerButton{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:20px;font-size:16px;font-weight:600;text-decoration:none;transition:all 300ms ease}
.BannerButtonPrimary{background:#fff;color:#C25309;border:3px solid #fff}
.BannerButtonPrimary:hover{background:transparent;color:#fff;transform:translateY(-4px);box-shadow:0 8px 20px #0003}
.BannerButtonSecondary{background:transparent;color:#fff;border:3px solid #fff}
.BannerButtonSecondary:hover{background:#fff;color:#CD73FB;transform:translateY(-4px);box-shadow:0 8px 20px #0003}
@media (max-width: 900px) {
.ExpertPageHeader{padding:60px 20px 48px}
.ExpertPageHeader h1{font-size:36px}
.GridLayoutPosts{grid-template-columns:1fr;gap:28px}
.TwoColumnInsight{grid-template-columns:1fr;gap:32px;padding:40px 28px}
.ProcessStepSection h2{font-size:32px}
.StepsFlowContainer::before{left:28px}
.StepNumberCircle{width:60px;height:60px;font-size:24px}
.BannerInnerBox{padding:48px 28px}
.BannerInnerBox h2{font-size:32px}
.BannerButtonWrap{flex-direction:column;align-items:stretch}
.BannerButton{justify-content:center}
}
@media (max-width: 600px) {
.ExpertPageHeader h1{font-size:28px}
.ExpertPageHeader p{font-size:16px}
.GridLayoutPosts{grid-template-columns:1fr}
.PostContentBox h3{font-size:20px}
.StepContentCard{padding:24px}
.LeftContentSide h2{font-size:28px}
}
.TitleWrap{position:relative;max-width:1200px;margin:0 auto;padding:80px 20px;overflow:hidden}
.TitleWrap::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#CD73FB33,transparent);animation:waveSlide 2s ease-out forwards;z-index:1}
@keyframes waveSlide {
to{left:100%}
}
.TitleWrap .ContentGrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;position:relative;z-index:2}
.TitleWrap .TextBlock h1{font-size:56px;line-height:1.1;margin:0 0 24px;color:#1a1a1a}
.TitleWrap .TextBlock .Accent{color:#C25309;position:relative;display:inline-block}
.TitleWrap .TextBlock .Accent::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#CD73FB,#C25309);border-radius:2px}
.TitleWrap .TextBlock p{font-size:18px;line-height:1.7;color:#444;margin:0}
.TitleWrap .ImageMosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.TitleWrap .ImageMosaic .ImgBox{position:relative;overflow:hidden;border-radius:24px;background:#f5f5f5}
.TitleWrap .ImageMosaic .ImgBox:first-child{grid-column:span 2;height:280px}
.TitleWrap .ImageMosaic .ImgBox:nth-child(2),.TitleWrap .ImageMosaic .ImgBox:nth-child(3){height:200px}
.TitleWrap .ImageMosaic .ImgBox img{width:100%;height:100%;object-fit:cover;animation:driftRotate 20s ease-in-out infinite}
@keyframes driftRotate {
0%,100%{transform:scale(1.05) rotate(0deg)}
50%{transform:scale(1.1) rotate(2deg)}
}
.MethodSection{max-width:1200px;margin:100px auto;padding:0 20px}
.MethodSection .SectionHeader{text-align:center;margin-bottom:60px}
.MethodSection .SectionHeader h2{font-size:42px;margin:0 0 16px;color:#1a1a1a;position:relative;display:inline-block}
.MethodSection .SectionHeader h2::before{content:'';position:absolute;top:-12px;left:-20px;width:40px;height:4px;background:#CD73FB;border-radius:2px}
.MethodSection .SectionHeader p{font-size:18px;line-height:1.7;color:#555;max-width:700px;margin:0 auto}
.MethodSection .StepsContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.MethodSection .StepCard{background:linear-gradient(135deg,#DDEBC9 0%,#f9f9f9 100%);padding:40px 32px;border-radius:28px;border:2px solid #e0e0e0;position:relative;transition:all 350ms ease}
.MethodSection .StepCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #cd73fb26;border-color:#CD73FB}
.MethodSection .StepCard .StepNum{position:absolute;top:-16px;left:32px;width:48px;height:48px;background:#C25309;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;box-shadow:0 4px 12px #c253094d}
.MethodSection .StepCard h3{font-size:24px;margin:24px 0 16px;color:#1a1a1a}
.MethodSection .StepCard p{font-size:16px;line-height:1.7;color:#555;margin:0}
.AnalysisZone{background:linear-gradient(180deg,#f9f9f9 0%,#fff 100%);padding:100px 20px;margin:100px 0}
.AnalysisZone .InnerWrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.AnalysisZone .ImageSide{position:relative}
.AnalysisZone .ImageSide img{width:100%;height:500px;object-fit:cover;border-radius:32px;box-shadow:0 16px 48px #0000001a}
.AnalysisZone .ImageSide::after{content:'';position:absolute;bottom:-20px;right:-20px;width:200px;height:200px;background:radial-gradient(circle,#CD73FB44,transparent);border-radius:50%;z-index:-1}
.AnalysisZone .ContentSide h2{font-size:38px;margin:0 0 24px;color:#1a1a1a}
.AnalysisZone .ContentSide h2 .Highlight{color:#C25309;position:relative}
.AnalysisZone .ContentSide h2 .Highlight::before{content:'';position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:6px;height:30px;background:#CD73FB;border-radius:3px}
.AnalysisZone .ContentSide p{font-size:17px;line-height:1.8;color:#444;margin:0 0 20px}
.AnalysisZone .ContentSide .FeatureList{list-style:none;padding:0;margin:32px 0 0}
.AnalysisZone .ContentSide .FeatureList li{padding:16px 0 16px 44px;position:relative;font-size:16px;color:#555;border-bottom:1px dashed #e0e0e0}
.AnalysisZone .ContentSide .FeatureList li:last-child{border-bottom:none}
.AnalysisZone .ContentSide .FeatureList li::before{content:'\eb7a';font-family:'remixicon';position:absolute;left:0;top:16px;width:32px;height:32px;background:linear-gradient(135deg,#CD73FB,#C25309);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}
.InteractiveHub{max-width:1200px;margin:100px auto;padding:0 20px}
.InteractiveHub .HubTitle{text-align:center;margin-bottom:60px}
.InteractiveHub .HubTitle h2{font-size:40px;margin:0 0 16px;color:#1a1a1a}
.InteractiveHub .HubTitle p{font-size:17px;color:#555;margin:0}
.InteractiveHub .TabSystem{background:#f9f9f9;border-radius:28px;padding:48px;border:2px solid #e5e5e5}
.InteractiveHub .TabSystem input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.InteractiveHub .TabNav{display:flex;gap:12px;margin-bottom:40px;border-bottom:2px solid #e0e0e0;padding-bottom:0}
.InteractiveHub .TabNav label{padding:16px 32px;font-size:18px;color:#666;cursor:pointer;border-radius:16px 16px 0 0;transition:all 300ms ease;position:relative;background:transparent}
.InteractiveHub .TabNav label:hover{color:#C25309;background:#fff}
.InteractiveHub .TabSystem input[type="radio"]:checked + label{color:#1a1a1a;background:#fff;border:2px solid #CD73FB;border-bottom:2px solid #fff;margin-bottom:-2px}
.InteractiveHub .TabPanel{display:none;animation:fadeSlide 400ms ease}
@keyframes fadeSlide {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.InteractiveHub .TabSystem input[type="radio"]:nth-of-type(1):checked ~ .TabPanels .TabPanel:nth-of-type(1),.InteractiveHub .TabSystem input[type="radio"]:nth-of-type(2):checked ~ .TabPanels .TabPanel:nth-of-type(2),.InteractiveHub .TabSystem input[type="radio"]:nth-of-type(3):checked ~ .TabPanels .TabPanel:nth-of-type(3){display:block}
.InteractiveHub .TabPanel h3{font-size:28px;margin:0 0 20px;color:#1a1a1a}
.InteractiveHub .TabPanel p{font-size:16px;line-height:1.8;color:#555;margin:0 0 16px}
.InteractiveHub .TabPanel .InsightGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:32px}
.InteractiveHub .TabPanel .InsightCard{background:#fff;padding:28px;border-radius:20px;border:2px solid #DDEBC9;transition:all 300ms ease}
.InteractiveHub .TabPanel .InsightCard:hover{border-color:#C25309;box-shadow:0 8px 24px #c253091f}
.InteractiveHub .TabPanel .InsightCard .IconBox{width:56px;height:56px;background:linear-gradient(135deg,#CD73FB,#C25309);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff;font-size:28px}
.InteractiveHub .TabPanel .InsightCard h4{font-size:20px;margin:0 0 12px;color:#1a1a1a}
.InteractiveHub .TabPanel .InsightCard p{font-size:15px;margin:0;color:#666;line-height:1.6}
@media (max-width: 968px) {
.TitleWrap .ContentGrid{grid-template-columns:1fr;gap:48px}
.TitleWrap .TextBlock h1{font-size:42px}
.AnalysisZone .InnerWrap{grid-template-columns:1fr;gap:40px}
.AnalysisZone .ImageSide img{height:400px}
.InteractiveHub .TabNav{flex-wrap:wrap}
.InteractiveHub .TabNav label{font-size:16px;padding:12px 24px}
}
@media (max-width: 640px) {
.TitleWrap{padding:60px 20px}
.TitleWrap .TextBlock h1{font-size:36px}
.TitleWrap .ImageMosaic .ImgBox:first-child{height:200px}
.TitleWrap .ImageMosaic .ImgBox:nth-child(2),.TitleWrap .ImageMosaic .ImgBox:nth-child(3){height:160px}
.MethodSection{margin:60px auto}
.MethodSection .SectionHeader h2{font-size:32px}
.MethodSection .StepsContainer{grid-template-columns:1fr}
.AnalysisZone{padding:60px 20px;margin:60px 0}
.AnalysisZone .ContentSide h2{font-size:30px}
.AnalysisZone .ImageSide img{height:300px}
.InteractiveHub{margin:60px auto}
.InteractiveHub .HubTitle h2{font-size:32px}
.InteractiveHub .TabSystem{padding:32px 24px}
.InteractiveHub .TabPanel .InsightGrid{grid-template-columns:1fr}
}
.SuccessWrapper{background:linear-gradient(135deg,#DDEBC9 0%,#fff 50%,#CD73FB 100%);padding:80px 20px;min-height:85vh;display:flex;align-items:center;justify-content:center}
.ConfirmationCard{background:#fff;max-width:680px;width:100%;margin:0 auto;padding:60px 50px;border-radius:28px;box-shadow:0 12px 40px #cd73fb26;text-align:center;position:relative}
.ConfirmationCard::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,#CD73FB,#C25309,#DDEBC9);border-radius:28px;z-index:-1;opacity:.4}
.IconHolder{width:120px;height:120px;margin:0 auto 32px;background:linear-gradient(135deg,#CD73FB 0%,#C25309 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #cd73fb4d}
.IconHolder i{font-size:64px;color:#fff}
.SuccessTitle{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.2}
.NumberAccent{color:#C25309;font-weight:800}
.MessageText{font-size:18px;color:#4a4a4a;line-height:1.7;margin:0 0 36px}
.MessageText strong{color:#CD73FB;font-weight:600}
.DetailsList{background:#DDEBC9;padding:32px;border-radius:20px;margin:0 0 40px;text-align:left}
.DetailsList h3{font-size:20px;color:#1a1a1a;margin:0 0 20px;font-weight:600}
.DetailsList ul{list-style:none;padding:0;margin:0}
.DetailsList li{font-size:16px;color:#2a2a2a;line-height:1.8;margin:0 0 12px;padding-left:32px;position:relative}
.DetailsList li:last-child{margin-bottom:0}
.DetailsList li::before{content:'\eb7a';font-family:'remixicon';position:absolute;left:0;color:#C25309;font-size:20px;font-weight:700}
.ActionRow{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.PrimaryBtn{background:linear-gradient(135deg,#CD73FB 0%,#C25309 100%);color:#fff;padding:16px 36px;border-radius:24px;text-decoration:none;font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all 320ms ease;box-shadow:0 6px 20px #cd73fb4d;border:none;cursor:pointer}
.PrimaryBtn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #cd73fb66}
.PrimaryBtn i{font-size:20px}
.SecondaryBtn{background:#fff;color:#C25309;padding:16px 36px;border-radius:24px;text-decoration:none;font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all 320ms ease;border:2px solid #C25309;cursor:pointer}
.SecondaryBtn:hover{background:#C25309;color:#fff;transform:translateY(-2px)}
.SecondaryBtn i{font-size:20px}
@media (max-width: 768px) {
.SuccessWrapper{padding:50px 16px}
.ConfirmationCard{padding:40px 28px}
.IconHolder{width:100px;height:100px;margin-bottom:24px}
.IconHolder i{font-size:52px}
.SuccessTitle{font-size:32px;margin-bottom:16px}
.MessageText{font-size:16px;margin-bottom:28px}
.DetailsList{padding:24px 20px;margin-bottom:32px}
.DetailsList h3{font-size:18px;margin-bottom:16px}
.DetailsList li{font-size:15px;padding-left:28px}
.ActionRow{flex-direction:column;gap:12px}
.PrimaryBtn,.SecondaryBtn{width:100%;justify-content:center;padding:14px 28px;font-size:16px}
}
@media (max-width: 480px) {
.SuccessWrapper{padding:40px 12px}
.ConfirmationCard{padding:32px 20px;border-radius:20px}
.IconHolder{width:90px;height:90px}
.IconHolder i{font-size:46px}
.SuccessTitle{font-size:28px}
.DetailsList{padding:20px 16px}
}
.InfoPanel{background:#fff;max-width:1200px;margin:0 auto 60px;padding:0 20px}
.GridCompare{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.CompareBox{background:linear-gradient(180deg,#DDEBC9 0%,#fff 100%);padding:36px 28px;border-radius:24px;border:2px solid transparent;transition:all 350ms ease;position:relative}
.CompareBox::before{content:'';position:absolute;inset:0;border-radius:24px;padding:2px;background:linear-gradient(135deg,#CD73FB,#C25309);-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 350ms ease}
.CompareBox:hover::before{opacity:1}
.CompareBox:hover{transform:translateY(-6px);box-shadow:0 14px 32px #cd73fb33}
.BoxIcon{width:64px;height:64px;background:#CD73FB;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 0 20px}
.BoxIcon i{font-size:32px;color:#fff}
.CompareBox:nth-child(2) .BoxIcon{background:#C25309}
.CompareBox:nth-child(3) .BoxIcon{background:linear-gradient(135deg,#CD73FB 0%,#C25309 100%)}
.CompareBox h4{font-size:22px;color:#1a1a1a;margin:0 0 14px;font-weight:700}
.CompareBox p{font-size:15px;color:#3a3a3a;line-height:1.6;margin:0}
@media (max-width: 968px) {
.GridCompare{grid-template-columns:1fr;gap:20px}
.InfoPanel{margin-bottom:40px}
.CompareBox{padding:28px 24px}
}
@media (max-width: 480px) {
.CompareBox{padding:24px 20px}
.BoxIcon{width:56px;height:56px;margin-bottom:16px}
.BoxIcon i{font-size:28px}
.CompareBox h4{font-size:20px;margin-bottom:12px}
.CompareBox p{font-size:14px}
}