*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'PT Sans',sans-serif;background:linear-gradient(158deg,#0a0a0f 0%,#1a1a2e 100%);color:#e8e8f0;line-height:1.6}
h1,h2,h3,h4,h5,h6{font-family:'Noto Serif',serif}
.siteheader-v1{position:relative;width:100%;padding:28px 0;background:#0c0c14bf;backdrop-filter:blur(18px);box-shadow:0 6px 28px #fcd32614;border-bottom:1px solid #fcd3261f}
.headerbackdrop{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}
.brand-company-name-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:92px;font-weight:700;font-family:'Noto Serif',serif;color:#fcd3260a;white-space:nowrap;letter-spacing:8px}
.headercontent-container{max-width:1400px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.logonavwrap{display:flex;align-items:center;justify-content:space-between;gap:48px}
.logobox-v2{flex-shrink:0}
.logolink{display:block;width:110px;height:110px;padding:8px;background:linear-gradient(135deg,#261d8766 0%,#fcd32626 100%);border-radius:24px;box-shadow:0 4px 16px #fcd32633 inset 0 1px 2px #ffffff1a;transition:all 300ms ease-in}
.logolink:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fcd32659}
.logoimgstyle{width:100%;height:100%;object-fit:contain}
.mainnavarea-v3{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mainnavarea-v3 .navitem{padding:14px 28px;font-size:17px;font-weight:400;color:#e8e8f0;text-decoration:none;background:#261d874d;border-radius:20px;border:1px solid #fcd32626;transition:all 200ms ease-in}
.mainnavarea-v3 .navitem:hover{background:#fcd3262e;border-color:#fcd32666;color:#FCD326}
.mainnavarea-v3 .navitem.active{background:linear-gradient(125deg,#fcd32640 0%,#261d8773 100%);border-color:#FCD326;color:#FCD326;box-shadow:0 3px 12px #fcd32640}
.sitefooter-v2{background:linear-gradient(165deg,#0f0f18 0%,#1a1a2e 100%);padding:56px 24px 32px;border-top:2px solid #fcd32633;margin-top:80px}
.footercontent-wrapper{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:32px}
.footerdesc-area{max-width:880px}
.footerdesctext{font-size:15px;line-height:1.7;color:#c4c4d8}
.footerlinks-section{display:flex;gap:16px;flex-wrap:wrap}
.footerlink-pill{padding:12px 32px;background:#261d8759;color:#e8e8f0;text-decoration:none;border-radius:50px;font-size:15px;border:1px solid #fcd32633;transition:all 180ms ease-in}
.footerlink-pill:hover{background:#fcd32626;color:#FCD326;border-color:#FCD326}
.contactinfo-footer{display:flex;flex-direction:column;gap:14px}
.contactitem-v1{display:flex;align-items:center;gap:12px;font-size:15px;color:#c4c4d8}
.contactitem-v1 i{font-size:20px;color:#FCD326}
.copyrighttext-v3{padding-top:24px;border-top:1px solid #fcd3261f}
.copyrighttext-v3 p{font-size:14px;color:#9898b0;text-align:center}
.cookiepopup-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;z-index:9999;align-items:center;justify-content:center;opacity:0;transition:opacity 400ms ease-in}
.cookiepopup-modal.shown{opacity:1}
.cookiecard-container{background:linear-gradient(145deg,#1a1a2e 0%,#0f0f18 100%);border-radius:28px;padding:42px;max-width:640px;width:90%;box-shadow:0 12px 48px #0009 0 0 2px #fcd32666;border:2px solid #fcd32640;transform:translateY(40px);transition:transform 400ms ease-in}
.cookiepopup-modal.shown .cookiecard-container{transform:translateY(0)}
.cookieheader-section{margin-bottom:28px}
.cookietitle-v2{font-size:26px;color:#FCD326;margin-bottom:12px;font-family:'Noto Serif',serif}
.cookiedesc-text{font-size:15px;color:#c4c4d8;line-height:1.6}
.cookiecategories-list{display:flex;flex-direction:column;gap:18px;margin-bottom:24px}
.cookiecat-item{padding:16px;background:#261d8733;border-radius:18px;border:1px solid #fcd32626}
.cookielabel-row{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:6px}
.cookieradio-input{width:20px;height:20px;cursor:pointer;accent-color:#FCD326}
.cookielabel-text{font-size:16px;font-weight:700;color:#e8e8f0}
.cookiecat-desc{font-size:13px;color:#9898b0;margin-left:32px}
.customoptions-area{padding:20px;background:#261d8726;border-radius:16px;margin-bottom:24px;display:flex;flex-direction:column;gap:12px}
.customcheck-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;color:#e8e8f0}
.customcheck-input{width:18px;height:18px;cursor:pointer;accent-color:#FCD326}
.cookiebuttons-row{display:flex;gap:16px}
.cookiebtn-accept,.cookiebtn-decline{flex:1;padding:16px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all 200ms ease-in;font-family:'PT Sans',sans-serif}
.cookiebtn-accept{background:linear-gradient(135deg,#FCD326 0%,#e0b820 100%);color:#0f0f18;box-shadow:0 4px 16px #fcd32666}
.cookiebtn-accept:hover{background:linear-gradient(135deg,#e0b820 0%,#FCD326 100%);box-shadow:0 6px 20px #fcd32699}
.cookiebtn-decline{background:#261d8780;color:#e8e8f0;border:1px solid #fcd3264d}
.cookiebtn-decline:hover{background:#261d87b3;border-color:#FCD326}
@media (max-width: 768px) {
.brand-company-name-bg{font-size:48px;letter-spacing:4px}
.logonavwrap{flex-direction:column;gap:24px;align-items:center}
.mainnavarea-v3{justify-content:center}
.mainnavarea-v3 .navitem{padding:12px 20px;font-size:15px}
.cookiecard-container{padding:28px}
.cookiebuttons-row{flex-direction:column}
.footercontent-wrapper{gap:24px}
}
.text-policy{max-width:1400px;margin:0 auto;padding:80px 24px;background:linear-gradient(155deg,#0a0a0f 0%,#1a1520 100%)}
.text-policy p{font-size:16px;line-height:1.8;color:#e8e8f0;margin:0 0 24px}
.text-policy p + p{margin-top:16px}
.text-policy ul,.text-policy ol{margin:0 0 32px;padding:0 0 0 32px;color:#e8e8f0}
.text-policy ul li,.text-policy ol li{font-size:16px;line-height:1.8;margin:0 0 12px;padding-left:8px}
.text-policy ul li::marker{color:#FCD326}
.text-policy ol li::marker{color:#FCD326;font-weight:600}
.text-policy em,.text-policy i{font-style:italic;color:#f5f5fa}
.text-policy a{color:#FCD326;text-decoration:underline;text-decoration-color:#fcd32666;text-underline-offset:3px;transition:all 200ms ease-in}
.text-policy a:hover{color:#ffd940;text-decoration-color:#FCD326}
.text-policy a:focus{outline:2px solid #FCD326;outline-offset:4px;border-radius:4px}
.text-policy table{width:100%;margin:0 0 40px;border-collapse:collapse;background:#261d8714;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0006}
.text-policy thead{background:linear-gradient(135deg,#261D87 0%,#1a1560 100%)}
.text-policy thead tr{border-bottom:2px solid #FCD326}
.text-policy tbody{background:#0a0a0f99}
.text-policy tr{border-bottom:1px solid #eef7f81a}
.text-policy tbody tr:last-child{border-bottom:none}
.text-policy tbody tr:hover{background:#fcd3260d}
.text-policy th,.text-policy td{padding:16px 20px;text-align:left;font-size:15px;line-height:1.6}
.text-policy th{color:#FCD326;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}
.text-policy td{color:#e8e8f0}
.text-policy hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#261D87 20%,#FCD326 50%,#261D87 80%,transparent 100%);margin:48px 0;opacity:.6}
.text-policy div{margin:0 0 24px}
@media (max-width: 768px) {
.text-policy{padding:48px 20px}
.text-policy p,.text-policy ul li,.text-policy ol li{font-size:15px;line-height:1.7}
.text-policy ul,.text-policy ol{padding-left:24px}
.text-policy table{font-size:14px;border-radius:12px}
.text-policy th,.text-policy td{padding:12px 16px;font-size:14px}
.text-policy th{font-size:13px}
}
@media (max-width: 480px) {
.text-policy{padding:40px 16px}
.text-policy table{display:block;overflow-x:auto;white-space:nowrap}
.text-policy th,.text-policy td{padding:10px 12px;font-size:13px}
}
.blogwrapper{max-width:1400px;margin:0 auto;padding:0 20px}
.bloghero-v1{background:linear-gradient(142deg,#1a1338 0%,#0d0a1f 100%);padding:80px 0 60px;position:relative;overflow:hidden}
.bloghero-v1::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fcd32614 0%,transparent 70%);border-radius:50%}
.bloghero-v1::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#261d871f 0%,transparent 70%);border-radius:50%}
.blogtitle-v2{max-width:920px;margin:0 auto;text-align:center;position:relative;z-index:2}
.blogtitle-v2 h1{font-size:3.2rem;color:#fff;line-height:1.2;margin:0 0 24px;font-weight:700}
.blogmeta-strip{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:28px}
.metaitem-v1{display:flex;align-items:center;gap:10px;color:#EEF7F8;font-size:.95rem}
.metaitem-v1 i{color:#FCD326;font-size:1.1rem}
.featuredimg-container-v3{max-width:1200px;margin:-40px auto 0;position:relative;z-index:3;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0006}
.featuredimg-container-v3 img{width:100%;height:auto;display:block}
.blogcontent-zone{background:#0f0d1d;padding:100px 0 120px}
.articletext-v1{max-width:820px;margin:0 auto;background:#1a1736;padding:80px 60px;border-radius:28px;box-shadow:0 12px 40px #0000004d;position:relative}
.articletext-v1::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#FCD326 0%,#261D87 100%);border-radius:28px 0 0 28px}
.articletext-v1 p{color:#e8e8f0;font-size:1.15rem;line-height:1.8;margin:0 0 28px}
.articletext-v1 p:last-child{margin-bottom:0}
.articletext-v1 strong{color:#FCD326;font-weight:600}
.articletext-v1 em{color:#EEF7F8;font-style:italic}
.a11ytoggle-v1{position:fixed;bottom:40px;right:40px;z-index:100;background:linear-gradient(135deg,#261D87 0%,#1a1464 100%);border:2px solid #FCD326;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 300ms ease-in;box-shadow:0 8px 24px #fcd32640}
.a11ytoggle-v1:hover{transform:scale(1.1);box-shadow:0 12px 32px #fcd32666}
.a11ytoggle-v1 i{font-size:1.7rem;color:#FCD326}
body.lowvisionmode .bloghero-v1{background:#000}
body.lowvisionmode .articletext-v1{background:#000;border:3px solid #FCD326}
body.lowvisionmode .blogtitle-v2 h1{color:#FCD326;font-size:3.6rem}
body.lowvisionmode .articletext-v1 p{color:#fff;font-size:1.3rem;line-height:2}
body.lowvisionmode .metaitem-v1{color:#FCD326;font-size:1.1rem}
body.lowvisionmode .blogcontent-zone{background:#000}
@media (max-width: 1024px) {
.blogtitle-v2 h1{font-size:2.6rem}
.articletext-v1{padding:60px 45px}
.featuredimg-container-v3{margin-top:-30px}
}
@media (max-width: 768px) {
.bloghero-v1{padding:60px 0 40px}
.blogtitle-v2 h1{font-size:2rem}
.blogmeta-strip{gap:20px;font-size:.9rem}
.featuredimg-container-v3{margin-top:-20px;border-radius:16px}
.blogcontent-zone{padding:60px 0 80px}
.articletext-v1{padding:40px 28px;border-radius:20px}
.articletext-v1 p{font-size:1.05rem}
.a11ytoggle-v1{width:56px;height:56px;bottom:24px;right:24px}
.a11ytoggle-v1 i{font-size:1.5rem}
body.lowvisionmode .blogtitle-v2 h1{font-size:2.4rem}
}
@media (max-width: 480px) {
.blogtitle-v2 h1{font-size:1.7rem}
.blogmeta-strip{flex-direction:column;gap:12px}
.articletext-v1{padding:32px 20px}
.articletext-v1 p{font-size:1rem}
}
.blogarchivev1{background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 100%);padding:80px 20px 100px;min-height:100vh}
.blogarchivev1 .pagetopv2{maxwidth:1400px;margin:0 auto 60px;textalign:center}
.blogarchivev1 .pageheadingmain{fontsize:48px;fontweight:800;color:#FCD326;marginbottom:16px;letterspacing:-1px}
.blogarchivev1 .pagesubline{fontsize:18px;color:#EEF7F8;opacity:.85;maxwidth:600px;margin:0 auto;lineheight:1.6}
.contentcontainerv3{maxwidth:1400px;margin:0 auto}
.bloglistingwrap{display:grid;gridtemplatecolumns:repeat(auto-fit,minmax(340px,1fr));gap:32px;marginbottom:80px}
.postitembox{background:linear-gradient(160deg,#1a1a2e 0%,#0f0f1a 100%);borderradius:24px;overflow:hidden;transition:all 300ms ease-in;border:1px solid #fcd3261a;position:relative;zindex:1}
.postitembox::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fcd32614 0%,#261d871f 100%);opacity:0;transition:opacity 300ms ease-in;zindex:-1;borderradius:24px}
.postitembox:hover{transform:translateY(-8px);boxshadow:0 16px 40px #fcd32633;bordercolor:#fcd32666}
.postitembox:hover::before{opacity:1}
.postimgarea{width:100%;height:240px;overflow:hidden;position:relative;background:linear-gradient(45deg,#261D87 0%,#1a1560 100%)}
.postimgarea img{width:100%;height:100%;objectfit:cover;transition:transform 500ms ease-in}
.postitembox:hover .postimgarea img{transform:scale(1.08)}
.postcontentzone{padding:28px}
.postheadingtext{fontsize:22px;fontweight:700;color:#FCD326;marginbottom:14px;lineheight:1.4;display:-webkit-box;-webkitlineclamp:2;-webkitboxorient:vertical;overflow:hidden}
.postdesctext{fontsize:15px;color:#EEF7F8;opacity:.8;lineheight:1.6;marginbottom:20px;display:-webkit-box;-webkitlineclamp:3;-webkitboxorient:vertical;overflow:hidden}
.postreadlink{display:inlineflex;alignitems:center;gap:8px;color:#FCD326;textdecoration:none;fontsize:15px;fontweight:600;transition:all 200ms ease-in}
.postreadlink:hover{gap:12px;textdecoration:underline}
.postreadlink::after{content:'→';fontsize:18px}
.extrablock{maxwidth:1400px;margin:0 auto 80px;background:linear-gradient(125deg,#261d8726 0%,#fcd32614 100%);borderradius:32px;padding:60px 40px;border:2px solid #fcd32633;position:relative;overflow:hidden}
.extrablock::before{content:'';position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,#fcd32626 0%,transparent 70%);borderradius:50%;zindex:0}
.extrablock > *{position:relative;zindex:1}
.blockheadingv2{fontsize:36px;fontweight:800;color:#FCD326;marginbottom:20px;textalign:center}
.blocktextcontent{fontsize:17px;color:#EEF7F8;lineheight:1.7;maxwidth:900px;margin:0 auto 32px;textalign:center;opacity:.9}
.ctabuttonrow{display:flex;justifycontent:center;gap:16px;flexwrap:wrap}
.primaryctabtn{display:inlineflex;alignitems:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#FCD326 0%,#e5be1f 100%);color:#261D87;textdecoration:none;fontsize:16px;fontweight:700;borderradius:28px;transition:all 200ms ease-in;border:none;boxshadow:0 4px 16px #fcd3264d;zindex:10}
.primaryctabtn:hover{transform:translateY(-3px);boxshadow:0 8px 24px #fcd32680;background:linear-gradient(135deg,#ffde3d 0%,#FCD326 100%)}
.featuregridblock{maxwidth:1400px;margin:0 auto 80px}
.featuregridblock .blockheadingv2{marginbottom:50px}
.featuregridlayout{display:grid;gridtemplatecolumns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.featureitemcard{background:linear-gradient(155deg,#1a1a2e 0%,#12121d 100%);padding:36px 28px;borderradius:20px;border:1px solid #fcd32626;transition:all 300ms ease-in;position:relative}
.featureitemcard::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FCD326 0%,#261D87 100%);borderradius:0 0 20px 20px;transform:scaleX(0);transformorigin:left;transition:transform 300ms ease-in}
.featureitemcard:hover{transform:translateY(-6px);bordercolor:#fcd32666;boxshadow:0 12px 32px #fcd32626}
.featureitemcard:hover::after{transform:scaleX(1)}
.featureiconv3{width:56px;height:56px;background:linear-gradient(135deg,#FCD326 0%,#e5be1f 100%);borderradius:16px;display:flex;alignitems:center;justifycontent:center;marginbottom:20px;fontsize:28px;color:#261D87}
.featuretitletext{fontsize:20px;fontweight:700;color:#FCD326;marginbottom:12px}
.featuredesctext{fontsize:15px;color:#EEF7F8;opacity:.85;lineheight:1.6}
.statsshowcasev1{maxwidth:1400px;margin:0 auto 80px;background:linear-gradient(140deg,#261d8733 0%,#fcd3260d 100%);borderradius:32px;padding:60px 40px;border:2px solid #261d874d}
.statsshowcasev1 .blockheadingv2{marginbottom:50px}
.statsgridlayout{display:grid;gridtemplatecolumns:repeat(auto-fit,minmax(200px,1fr));gap:40px}
.statitemv2{textalign:center;position:relative;padding:20px}
.statitemv2::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,#FCD326,transparent);borderradius:4px}
.statnumberv2{fontsize:52px;fontweight:900;color:#FCD326;marginbottom:8px;letterspacing:-2px;display:block}
.statlabelv2{fontsize:16px;color:#EEF7F8;opacity:.8;fontweight:600;texttransform:uppercase;letterspacing:1px}
@media (maxwidth: 768px) {
.blogarchivev1{padding:60px 16px 80px}
.blogarchivev1 .pageheadingmain{fontsize:36px}
.blogarchivev1 .pagesubline{fontsize:16px}
.bloglistingwrap{gridtemplatecolumns:1fr;gap:24px}
.extrablock{padding:40px 24px;marginbottom:60px}
.blockheadingv2{fontsize:28px}
.blocktextcontent{fontsize:15px}
.featuregridlayout{gridtemplatecolumns:1fr}
.statsgridlayout{gridtemplatecolumns:repeat(2,1fr);gap:32px}
.statnumberv2{fontsize:42px}
}
@media (minwidth: 769px) and (maxwidth: 1024px) {
.bloglistingwrap{gridtemplatecolumns:repeat(2,1fr)}
.featuregridlayout{gridtemplatecolumns:repeat(2,1fr)}
}
.herozone{position:relative;min-height:680px;background:linear-gradient(127deg,#1a1450 0%,#0d0a2e 48%,#261D87 100%);overflow:hidden;display:flex;align-items:center;padding:80px 20px}
.herozone::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#fcd32626 0%,transparent 70%);animation:floatpulse 8s ease-in-out infinite}
@keyframes floatpulse {
0%,100%{transform:translate(0,0) scale(1);opacity:.15}
50%{transform:translate(-30px,20px) scale(1.1);opacity:.22}
}
.herozone::after{content:'';position:absolute;bottom:-30%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,#eef7f814 0%,transparent 65%);animation:driftglow 10s ease-in-out infinite reverse}
@keyframes driftglow {
0%,100%{transform:translate(0,0)}
50%{transform:translate(40px,-25px)}
}
.herocontainer{max-width:1400px;margin:0 auto;width:100%;position:relative;z-index:2;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}
.herotextzone{padding-right:40px}
.herolabel{display:inline-block;background:linear-gradient(95deg,#fcd32633 0%,#fcd3260d 100%);color:#FCD326;padding:10px 22px;border-radius:24px;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:24px;border:1px solid #fcd3264d}
.heromaintitle{font-size:58px;line-height:1.15;color:#fff;margin:0 0 28px;font-weight:700}
.heromaintitle .accentword{background:linear-gradient(135deg,#FCD326 0%,#f0c000 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
.heromaintitle .accentword::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FCD326 0%,transparent 100%);border-radius:2px}
.herodescription{font-size:19px;line-height:1.7;color:#d4d9e0;margin:0 0 40px;max-width:540px}
.herobuttonwrap{display:flex;gap:18px;align-items:center}
.heromaincta{background:linear-gradient(135deg,#FCD326 0%,#e6c020 100%);color:#261D87;padding:16px 36px;border-radius:28px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:transform 200ms ease-in,box-shadow 200ms ease-in;border:none;box-shadow:0 8px 24px #fcd32640}
.heromaincta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #fcd32659}
.heromaincta i{font-size:20px}
.herosecondarycta{color:#EEF7F8;padding:16px 32px;border-radius:28px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:2px solid #eef7f84d;background:#eef7f80d;transition:background 200ms ease-in,border-color 200ms ease-in}
.herosecondarycta:hover{background:#eef7f81f;border-color:#eef7f880}
.heroimgzone{position:relative}
.heroimgmainwrapper{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 24px 64px #0006;transform:perspective(1000px) rotateY(-8deg);transition:transform 300ms ease-in}
.heroimgmainwrapper:hover{transform:perspective(1000px) rotateY(0deg)}
.heroimgmainwrapper img{width:100%;height:auto;display:block;object-fit:cover}
.floatingcard1{position:absolute;top:20%;left:-60px;background:#140f37d9;backdrop-filter:blur(12px);padding:18px 24px;border-radius:20px;border:1px solid #fcd32633;box-shadow:0 12px 32px #0000004d;animation:floatup 4s ease-in-out infinite}
@keyframes floatup {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-15px)}
}
.floatingcard1 .cardnumber{font-size:32px;font-weight:700;color:#FCD326;margin:0 0 4px}
.floatingcard1 .cardlabel{font-size:13px;color:#d4d9e0;margin:0}
.floatingcard2{position:absolute;bottom:15%;right:-50px;background:#140f37d9;backdrop-filter:blur(12px);padding:16px 22px;border-radius:18px;border:1px solid #eef7f833;box-shadow:0 12px 32px #0000004d;animation:floatdown 5s ease-in-out infinite}
@keyframes floatdown {
0%,100%{transform:translateY(0)}
50%{transform:translateY(12px)}
}
.floatingcard2 .cardicon{font-size:28px;color:#EEF7F8;margin-bottom:8px}
.floatingcard2 .cardtext{font-size:14px;color:#d4d9e0;margin:0;font-weight:600}
.benefitzone{background:linear-gradient(158deg,#0f0c38 0%,#1a1450 100%);padding:100px 20px;position:relative}
.benefitzone::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,#FCD326 50%,transparent 100%)}
.benefitcontainer{max-width:1400px;margin:0 auto}
.benefitheader{text-align:center;margin-bottom:70px}
.benefittitle{font-size:46px;color:#fff;margin:0 0 20px;font-weight:700}
.benefittitle::before{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#FCD326 0%,#261D87 100%);margin:0 auto 24px;border-radius:3px}
.benefitsubtitle{font-size:18px;color:#b8c1d0;margin:0;max-width:620px;margin:0 auto;line-height:1.6}
.benefitgridv1{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.benefititemv2{background:linear-gradient(145deg,#261d8726 0%,#261d870d 100%);border:1px solid #fcd32626;border-radius:24px;padding:36px 28px;position:relative;overflow:hidden;transition:transform 300ms ease-in,border-color 300ms ease-in}
.benefititemv2::before{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,#fcd32614 0%,transparent 70%);transition:transform 500ms ease-in}
.benefititemv2:hover{transform:translateY(-8px);border-color:#fcd32666}
.benefititemv2:hover::before{transform:translate(-20px,20px)}
.benefiticonv1{font-size:42px;color:#FCD326;margin-bottom:20px;display:block}
.benefititemtitlev3{font-size:22px;color:#fff;margin:0 0 14px;font-weight:700}
.benefititemdescv2{font-size:16px;color:#c2cbd8;margin:0;line-height:1.65}
.platformzone{background:#0a0825;padding:100px 20px;position:relative}
.platformcontainer{max-width:1400px;margin:0 auto}
.platformlayout{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}
.platformcontent{padding-right:20px}
.platformtagv1{display:inline-block;background:#eef7f81a;color:#EEF7F8;padding:8px 18px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px;border:1px solid #eef7f833}
.platformtitle{font-size:44px;color:#fff;margin:0 0 24px;font-weight:700;line-height:1.25}
.platformdescription{font-size:17px;color:#b8c1d0;margin:0 0 36px;line-height:1.7}
.platformfeaturelist{list-style:none;padding:0;margin:0 0 40px}
.platformfeatureitem{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;padding:16px;background:#fcd32608;border-radius:16px;border-left:3px solid #FCD326;transition:background 200ms ease-in}
.platformfeatureitem:hover{background:#fcd32614}
.platformfeatureitem i{font-size:24px;color:#FCD326;margin-top:2px;flex-shrink:0}
.platformfeaturetext{color:#d4d9e0;font-size:16px;line-height:1.6;margin:0}
.platformfeaturetext strong{color:#fff;font-weight:700}
.platformctabtn{background:linear-gradient(135deg,#261D87 0%,#1a1450 100%);color:#FCD326;padding:16px 34px;border-radius:28px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:2px solid #fcd3264d;transition:border-color 200ms ease-in,transform 200ms ease-in}
.platformctabtn:hover{border-color:#fcd32699;transform:translateX(5px)}
.platformimagegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.platformimgwrapper{border-radius:20px;overflow:hidden;box-shadow:0 16px 48px #0006;position:relative}
.platformimgwrapper img{width:100%;height:280px;object-fit:cover;display:block;transition:transform 400ms ease-in}
.platformimgwrapper:hover img{transform:scale(1.08)}
.platformimgwrapper:nth-child(1){grid-column:1 / 2;grid-row:1 / 2}
.platformimgwrapper:nth-child(2){grid-column:2 / 3;grid-row:1 / 3}
.platformimgwrapper:nth-child(2) img{height:580px}
.platformimgwrapper:nth-child(3){grid-column:1 / 2;grid-row:2 / 3}
@media (max-width: 1024px) {
.herocontainer{grid-template-columns:1fr;gap:50px}
.herotextzone{padding-right:0}
.heromaintitle{font-size:48px}
.heroimgmainwrapper{transform:none}
.floatingcard1,.floatingcard2{display:none}
.benefitgridv1{grid-template-columns:repeat(2,1fr)}
.platformlayout{grid-template-columns:1fr;gap:60px}
.platformcontent{padding-right:0}
}
@media (max-width: 768px) {
.herozone{min-height:auto;padding:60px 20px}
.heromaintitle{font-size:36px}
.herobuttonwrap{flex-direction:column;align-items:stretch}
.heromaincta,.herosecondarycta{justify-content:center}
.benefitgridv1{grid-template-columns:1fr;gap:24px}
.benefittitle{font-size:34px}
.platformtitle{font-size:34px}
.platformimagegrid{grid-template-columns:1fr}
.platformimgwrapper:nth-child(2){grid-column:1 / 2;grid-row:auto}
.platformimgwrapper:nth-child(2) img{height:280px}
}
@media (max-width: 480px) {
.heromaintitle{font-size:30px}
.herodescription{font-size:16px}
.benefitzone,.platformzone{padding:70px 20px}
.benefittitle,.platformtitle{font-size:28px}
}
.herocontactv1{position:relative;background:linear-gradient(142deg,#1a1442 0%,#0d0a24 45%,#261D87 100%);padding:120px 20px 80px;overflow:hidden}
.herocontactv1::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fcd32626 0%,transparent 70%);animation:pulseglowv1 8s ease-in-out infinite}
@keyframes pulseglowv1 {
0%,100%{transform:scale(1) translateY(0);opacity:.6}
50%{transform:scale(1.2) translateY(-30px);opacity:.9}
}
.herocontactv1 .wrappercontentv2{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.herocontactv1 .titleblockv3{max-width:900px}
.herocontactv1 .pretitlev1{font-size:15px;color:#FCD326;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-weight:600}
.herocontactv1 .maintitlev2{font-size:72px;font-weight:700;color:#EEF7F8;line-height:1.1;margin-bottom:14px}
.herocontactv1 .subtitlelinev1{font-size:42px;font-weight:500;color:#eef7f8d9;line-height:1.3;margin-bottom:28px}
.herocontactv1 .descriptiontextv1{font-size:19px;color:#eef7f8b3;line-height:1.6;max-width:650px}
.infocardsectionv1{background:linear-gradient(217deg,#0f0c2e 0%,#1b1554 100%);padding:90px 20px}
.infocardsectionv1 .contentareav3{max-width:1400px;margin:0 auto}
.infocardsectionv1 .sectionheaderv2{text-align:center;margin-bottom:60px}
.infocardsectionv1 .sectionheaderv2 h2{font-size:38px;color:#EEF7F8;font-weight:700;margin-bottom:16px}
.infocardsectionv1 .sectionheaderv2 p{font-size:18px;color:#eef7f8a6;max-width:600px;margin:0 auto}
.infocardsectionv1 .cardsgridv1{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.infocardsectionv1 .infocardv2{background:linear-gradient(135deg,#261d874d 0%,#261d871a 100%);border:1px solid #fcd32633;border-radius:24px;padding:40px 32px;transition:transform 200ms ease-in,border-color 300ms ease-in}
.infocardsectionv1 .infocardv2:hover{transform:translateY(-6px);border-color:#fcd32680}
.infocardsectionv1 .infocardv2 .iconcircle{width:64px;height:64px;background:linear-gradient(135deg,#FCD326 0%,#f0c000 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.infocardsectionv1 .infocardv2 .iconcircle i{font-size:28px;color:#261D87}
.infocardsectionv1 .infocardv2 h3{font-size:22px;color:#EEF7F8;font-weight:600;margin-bottom:12px}
.infocardsectionv1 .infocardv2 p{font-size:16px;color:#eef7f8b3;line-height:1.5;margin-bottom:16px}
.infocardsectionv1 .infocardv2 .contactdetail{font-size:17px;color:#FCD326;font-weight:500}
.infocardsectionv1 .infocardv2 .contactdetail a{color:#FCD326;text-decoration:none;transition:color 200ms ease-in}
.infocardsectionv1 .infocardv2 .contactdetail a:hover{color:#f0c000}
.formsectionv2{background:linear-gradient(298deg,#1a1442 0%,#0f0b2a 100%);padding:100px 20px}
.formsectionv2 .formcontainerv1{max-width:800px;margin:0 auto;background:linear-gradient(145deg,#261d8740 0%,#261d870d 100%);border:2px solid #fcd32626;border-radius:28px;padding:60px 48px}
.formsectionv2 .formtitlev1{font-size:34px;color:#EEF7F8;font-weight:700;margin-bottom:12px;text-align:center}
.formsectionv2 .formsubtitlev1{font-size:17px;color:#eef7f8a6;text-align:center;margin-bottom:44px}
.formsectionv2 .formgroupv1{margin-bottom:28px}
.formsectionv2 .formgroupv1 label{display:block;font-size:15px;color:#EEF7F8;font-weight:500;margin-bottom:10px}
.formsectionv2 .formgroupv1 input[type="text"],.formsectionv2 .formgroupv1 input[type="email"],.formsectionv2 .formgroupv1 textarea{width:100%;padding:16px 20px;background:#0e0a2499;border:1px solid #fcd32633;border-radius:16px;font-size:16px;color:#EEF7F8;transition:border-color 300ms ease-in,background 300ms ease-in}
.formsectionv2 .formgroupv1 input[type="text"]:focus,.formsectionv2 .formgroupv1 input[type="email"]:focus,.formsectionv2 .formgroupv1 textarea:focus{outline:none;border-color:#FCD326;background:#0e0a24cc}
.formsectionv2 .formgroupv1 textarea{resize:vertical;min-height:140px}
.formsectionv2 .ratinggroupv1{margin-bottom:32px}
.formsectionv2 .ratinggroupv1 .ratinglabelv1{display:block;font-size:15px;color:#EEF7F8;font-weight:500;margin-bottom:16px}
.formsectionv2 .ratingoptionsv1{display:flex;gap:12px;flex-wrap:wrap}
.formsectionv2 .ratingoptionsv1 input[type="radio"]{display:none}
.formsectionv2 .ratingoptionsv1 label{display:flex;align-items:center;justify-content:center;padding:12px 24px;background:#261d874d;border:2px solid #fcd32633;border-radius:20px;color:#eef7f8b3;font-size:15px;cursor:pointer;transition:all 200ms ease-in}
.formsectionv2 .ratingoptionsv1 input[type="radio"]:checked + label{background:linear-gradient(135deg,#FCD326 0%,#f0c000 100%);border-color:#FCD326;color:#261D87;font-weight:600}
.formsectionv2 .ratingoptionsv1 label:hover{border-color:#fcd32680}
.formsectionv2 .privacycheckv1{margin-bottom:32px;display:flex;align-items:flex-start;gap:12px}
.formsectionv2 .privacycheckv1 input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;accent-color:#FCD326}
.formsectionv2 .privacycheckv1 label{font-size:14px;color:#eef7f8b3;line-height:1.5}
.formsectionv2 .privacycheckv1 label a{color:#FCD326;text-decoration:none;transition:color 200ms ease-in}
.formsectionv2 .privacycheckv1 label a:hover{color:#f0c000}
.formsectionv2 .submitbtnv1{width:100%;padding:18px 40px;background:linear-gradient(135deg,#FCD326 0%,#f0c000 100%);border:none;border-radius:20px;font-size:17px;font-weight:700;color:#261D87;cursor:pointer;transition:transform 200ms ease-in,box-shadow 300ms ease-in}
.formsectionv2 .submitbtnv1:hover{transform:translateY(-3px);box-shadow:0 12px 32px #fcd32666}
.formsectionv2 .submitbtnv1:active{transform:translateY(-1px)}
.faqsectionv1{background:linear-gradient(189deg,#0f0c2e 0%,#1b1554 100%);padding:90px 20px}
.faqsectionv1 .faqcontainerv1{max-width:900px;margin:0 auto}
.faqsectionv1 .faqheaderv1{text-align:center;margin-bottom:60px}
.faqsectionv1 .faqheaderv1 h2{font-size:38px;color:#EEF7F8;font-weight:700;margin-bottom:16px}
.faqsectionv1 .faqheaderv1 p{font-size:18px;color:#eef7f8a6}
.faqsectionv1 .faqitemv1{margin-bottom:20px}
.faqsectionv1 .faqitemv1 input[type="checkbox"]{display:none}
.faqsectionv1 .faqitemv1 label{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:linear-gradient(135deg,#261d874d 0%,#261d871a 100%);border:1px solid #fcd32633;border-radius:20px;cursor:pointer;transition:border-color 300ms ease-in}
.faqsectionv1 .faqitemv1 label:hover{border-color:#fcd32666}
.faqsectionv1 .faqitemv1 label h3{font-size:19px;color:#EEF7F8;font-weight:600;margin:0}
.faqsectionv1 .faqitemv1 label .icontoggles{font-size:24px;color:#FCD326;transition:transform 300ms ease-in}
.faqsectionv1 .faqitemv1 input[type="checkbox"]:checked ~ label .icontoggles{transform:rotate(180deg)}
.faqsectionv1 .faqitemv1 .faqanswerv1{max-height:0;overflow:hidden;transition:max-height 500ms ease-in}
.faqsectionv1 .faqitemv1 input[type="checkbox"]:checked ~ .faqanswerv1{max-height:500px}
.faqsectionv1 .faqitemv1 .faqanswerv1 p{padding:24px 28px;font-size:16px;color:#eef7f8b3;line-height:1.6;background:#0e0a2466;border-radius:0 0 20px 20px;margin-top:-10px}
.ctasectionv3{background:linear-gradient(156deg,#261D87 0%,#1a1442 100%);padding:100px 20px;position:relative;overflow:hidden}
.ctasectionv3::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#fcd32633 0%,transparent 70%);animation:floatgentlev1 10s ease-in-out infinite}
@keyframes floatgentlev1 {
0%,100%{transform:translateX(0) scale(1)}
50%{transform:translateX(40px) scale(1.1)}
}
.ctasectionv3 .ctacontentv2{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}
.ctasectionv3 .ctatitlev1{font-size:42px;color:#EEF7F8;font-weight:700;margin-bottom:20px;line-height:1.2}
.ctasectionv3 .ctadescriptionv1{font-size:19px;color:#eef7f8b3;margin-bottom:40px;line-height:1.6}
.ctasectionv3 .ctabuttonsv1{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctasectionv3 .ctabuttonsv1 .primarybtnv1{padding:16px 40px;background:linear-gradient(135deg,#FCD326 0%,#f0c000 100%);border:none;border-radius:20px;font-size:17px;font-weight:700;color:#261D87;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:transform 200ms ease-in,box-shadow 300ms ease-in}
.ctasectionv3 .ctabuttonsv1 .primarybtnv1:hover{transform:translateY(-4px);box-shadow:0 14px 36px #fcd32666}
.ctasectionv3 .ctabuttonsv1 .secondarybtnv1{padding:16px 40px;background:transparent;border:2px solid #FCD326;border-radius:20px;font-size:17px;font-weight:700;color:#FCD326;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all 300ms ease-in}
.ctasectionv3 .ctabuttonsv1 .secondarybtnv1:hover{background:#fcd3261a;transform:translateY(-4px)}
@media (max-width: 768px) {
.herocontactv1{padding:80px 20px 60px}
.herocontactv1 .maintitlev2{font-size:48px}
.herocontactv1 .subtitlelinev1{font-size:28px}
.infocardsectionv1 .cardsgridv1{grid-template-columns:1fr}
.formsectionv2 .formcontainerv1{padding:40px 28px}
.formsectionv2 .formtitlev1{font-size:28px}
.formsectionv2 .ratingoptionsv1{flex-direction:column}
.formsectionv2 .ratingoptionsv1 label{width:100%}
.ctasectionv3 .ctatitlev1{font-size:32px}
.ctasectionv3 .ctabuttonsv1{flex-direction:column;align-items:stretch}
.ctasectionv3 .ctabuttonsv1 a{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.herocontactv1 .maintitlev2{font-size:36px}
.herocontactv1 .subtitlelinev1{font-size:22px}
.infocardsectionv1{padding:60px 20px}
.formsectionv2{padding:70px 20px}
.faqsectionv1{padding:60px 20px}
.ctasectionv3{padding:70px 20px}
}
.abouttitlehero{position:relative;min-height:460px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(143deg,#1a1545 0%,#0d0a2b 100%)}
.abouttitlehero .bgphoto{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.18;filter:sepia(0.25) contrast(1.1)}
.abouttitlehero .particledecor{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:radial-gradient(circle,#fcd32614 1px,transparent 1px);background-size:42px 42px;animation:particledrift 28s linear infinite}
@keyframes particledrift {
0%{transform:translateY(0) translateX(0)}
100%{transform:translateY(-42px) translateX(21px)}
}
.abouttitlehero .contentlayer{position:relative;z-index:2;max-width:1400px;width:90%;margin:0 auto;padding:68px 0}
.abouttitlehero .maintitle{font-size:3.2rem;font-weight:700;color:#FCD326;margin:0 0 24px;line-height:1.2}
.abouttitlehero .keylist{list-style:none;padding:0;margin:0 0 32px}
.abouttitlehero .keylist li{color:#EEF7F8;font-size:1.15rem;line-height:1.6;padding:12px 0 12px 34px;position:relative}
.abouttitlehero .keylist li::before{content:'';position:absolute;left:0;top:18px;width:18px;height:18px;background:linear-gradient(135deg,#FCD326 0%,#f5a623 100%);border-radius:24px}
.abouttitlehero .ctabtn{display:inline-block;padding:16px 42px;background:linear-gradient(112deg,#261D87 0%,#1a1461 100%);color:#FCD326;text-decoration:none;border-radius:28px;font-weight:600;font-size:1.05rem;transition:320ms ease-in;box-shadow:0 6px 18px #261d8766;border:2px solid #261D87}
.abouttitlehero .ctabtn:hover{background:linear-gradient(112deg,#1f1669 0%,#14103d 100%);box-shadow:0 10px 28px #261d8799;transform:translateY(-2px)}
.storyblock{background:linear-gradient(178deg,#0d0a26 0%,#1a1545 100%);padding:88px 0}
.storyblock .contentwrap{max-width:1400px;width:90%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.storyblock .textcol h2{font-size:2.6rem;font-weight:700;color:#FCD326;margin:0 0 28px;line-height:1.25;position:relative;padding-left:24px}
.storyblock .textcol h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:80%;background:linear-gradient(180deg,#FCD326 0%,#261D87 100%);border-radius:16px}
.storyblock .textcol p{font-size:1.08rem;line-height:1.75;color:#d8dfe8;margin:0 0 18px}
.storyblock .textcol p:last-of-type{margin-bottom:0}
.storyblock .imagecol{position:relative}
.storyblock .imagecol img{width:100%;height:auto;border-radius:24px;box-shadow:0 14px 42px #00000080;display:block}
.storyblock .imagecol::after{content:'';position:absolute;top:-18px;right:-18px;width:140px;height:140px;background:radial-gradient(circle,#fcd32626 0%,transparent 70%);border-radius:50%;z-index:-1}
.valuesection{background:linear-gradient(225deg,#1f1767 0%,#0f0c2f 100%);padding:82px 0;position:relative;overflow:hidden}
.valuesection::before{content:'';position:absolute;top:-120px;right:-80px;width:380px;height:380px;background:radial-gradient(circle,#261d874d 0%,transparent 65%);border-radius:50%}
.valuesection .containerv1{max-width:1400px;width:90%;margin:0 auto;position:relative;z-index:2}
.valuesection .sectionhead{text-align:center;margin-bottom:64px}
.valuesection .sectionhead h2{font-size:2.8rem;font-weight:700;color:#FCD326;margin:0 0 16px}
.valuesection .sectionhead p{font-size:1.12rem;color:#d1dae5;max-width:680px;margin:0 auto;line-height:1.65}
.valuesection .valuegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.valuesection .valuecard{background:#eef7f80a;border:1px solid #fcd32626;border-radius:20px;padding:38px 32px;transition:280ms ease-in;position:relative}
.valuesection .valuecard:hover{background:#eef7f814;border-color:#fcd32659;transform:translateY(-6px);box-shadow:0 12px 32px #0006}
.valuesection .valuecard .iconarea{width:68px;height:68px;background:linear-gradient(135deg,#261D87 0%,#1a1461 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:2rem;color:#FCD326}
.valuesection .valuecard h3{font-size:1.5rem;font-weight:700;color:#EEF7F8;margin:0 0 14px}
.valuesection .valuecard p{font-size:1.02rem;line-height:1.7;color:#c3d0dd;margin:0}
.approachsection{background:linear-gradient(167deg,#0a0820 0%,#1a1445 100%);padding:90px 0}
.approachsection .wrapv2{max-width:1400px;width:90%;margin:0 auto}
.approachsection .headinggroup{margin-bottom:58px}
.approachsection .headinggroup h2{font-size:2.7rem;font-weight:700;color:#FCD326;margin:0 0 20px;text-align:left}
.approachsection .headinggroup p{font-size:1.1rem;line-height:1.7;color:#d5dfe8;max-width:820px}
.approachsection .methodgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:42px}
.approachsection .methoditem{background:#fcd32608;border-left:4px solid #261D87;padding:32px 36px;border-radius:16px;transition:240ms ease-in;position:relative}
.approachsection .methoditem:hover{background:#fcd3260f;border-left-color:#FCD326;transform:translateX(8px)}
.approachsection .methoditem .stepnumber{position:absolute;top:24px;right:28px;font-size:3.5rem;font-weight:900;color:#fcd3261a;line-height:1}
.approachsection .methoditem h3{font-size:1.45rem;font-weight:700;color:#FCD326;margin:0 0 16px;position:relative;z-index:2}
.approachsection .methoditem p{font-size:1.03rem;line-height:1.68;color:#c8d4e0;margin:0;position:relative;z-index:2}
.approachsection .visualdivider{margin:68px auto 0;max-width:600px;height:2px;background:linear-gradient(90deg,transparent 0%,#261D87 50%,transparent 100%);position:relative}
.approachsection .visualdivider::after{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:14px;height:14px;background:#FCD326;border-radius:50%;box-shadow:0 0 18px #fcd32699}
@media (max-width: 1024px) {
.abouttitlehero .maintitle{font-size:2.6rem}
.storyblock .contentwrap{grid-template-columns:1fr;gap:48px}
.valuesection .valuegrid{grid-template-columns:1fr;gap:32px}
.approachsection .methodgrid{grid-template-columns:1fr;gap:28px}
}
@media (max-width: 768px) {
.abouttitlehero{min-height:380px}
.abouttitlehero .maintitle{font-size:2rem}
.abouttitlehero .keylist li{font-size:1.05rem;padding-left:28px}
.abouttitlehero .ctabtn{padding:14px 32px;font-size:1rem}
.storyblock{padding:64px 0}
.storyblock .textcol h2{font-size:2rem}
.valuesection{padding:64px 0}
.valuesection .sectionhead h2{font-size:2.2rem}
.approachsection{padding:68px 0}
.approachsection .headinggroup h2{font-size:2.1rem}
}
.successwrappercontainer{max-width:1400px;margin:0 auto;padding:0}
.successherozone{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0a0a12 0%,#1a1625 50%,#0f0d1a 100%)}
.successherozone::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(-47deg,transparent 0%,transparent 45%,#fcd32614 48%,#261d871f 52%,transparent 55%,transparent 100%);animation:gradientdrift 12s ease-in-out infinite}
@keyframes gradientdrift {
0%,100%{transform:translate(0,0) rotate(-47deg)}
50%{transform:translate(-15%,10%) rotate(-47deg)}
}
.successherozone::after{content:'';position:absolute;inset:24px;border:2px solid #fcd32626;border-radius:20px;pointer-events:none}
.successmanifestocontent{position:relative;z-index:2;max-width:720px;padding:60px 40px;text-align:center}
.successiconv1{width:84px;height:84px;margin:0 auto 32px;background:linear-gradient(135deg,#FCD326 0%,#f4a623 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #fcd32640}
.successiconv1 .ph{font-size:42px;color:#0a0a12}
.successtitlemain{font-size:48px;font-weight:700;color:#EEF7F8;margin:0 0 20px;line-height:1.2}
.successmessagepara{font-size:19px;color:#b8c5d1;line-height:1.65;margin:0 0 16px}
.successmessagepara:last-of-type{margin-bottom:0}
.successactioncontainer{margin-top:48px;display:flex;flex-direction:column;gap:16px;align-items:center}
.successbtnprimary{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:linear-gradient(135deg,#FCD326 0%,#f4a623 100%);color:#0a0a12;font-size:17px;font-weight:600;border:none;border-radius:24px;text-decoration:none;transition:all 300ms ease-in;box-shadow:0 4px 16px #fcd3264d;z-index:10;position:relative}
.successbtnprimary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fcd32673}
.successbtnsecondary{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:transparent;color:#EEF7F8;font-size:17px;font-weight:600;border:2px solid #fcd32666;border-radius:24px;text-decoration:none;transition:all 300ms ease-in;z-index:10;position:relative}
.successbtnsecondary:hover{border-color:#FCD326;background:#fcd32614}
.successinfogrid{background:linear-gradient(165deg,#0f0d1a 0%,#1a1428 50%,#12111d 100%);padding:100px 40px}
.successinfogridinner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.successinfocard{background:linear-gradient(145deg,#fcd3260d 0%,#261d8714 100%);border:1px solid #fcd3261f;border-radius:20px;padding:40px 32px;transition:all 300ms ease-in;position:relative;overflow:hidden}
.successinfocard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FCD326 0%,#261D87 100%);transform:scaleX(0);transform-origin:left;transition:transform 300ms ease-in}
.successinfocard:hover::before{transform:scaleX(1)}
.successinfocard:hover{transform:translateY(-4px);box-shadow:0 12px 32px #fcd32626;border-color:#fcd3264d}
.successcardiconv2{width:56px;height:56px;background:#fcd3261f;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.successcardiconv2 .ph{font-size:28px;color:#FCD326}
.successcardtitle{font-size:22px;font-weight:700;color:#EEF7F8;margin:0 0 12px;line-height:1.3}
.successcardtext{font-size:16px;color:#a3b4c4;line-height:1.6;margin:0}
@media (max-width: 1024px) {
.successinfogridinner{grid-template-columns:repeat(2,1fr);gap:24px}
.successmanifestocontent{padding:50px 32px}
.successtitlemain{font-size:40px}
}
@media (max-width: 768px) {
.successherozone{min-height:440px}
.successmanifestocontent{padding:40px 24px}
.successtitlemain{font-size:32px}
.successmessagepara{font-size:17px}
.successiconv1{width:68px;height:68px;margin-bottom:24px}
.successiconv1 .ph{font-size:34px}
.successinfogrid{padding:70px 24px}
.successinfogridinner{grid-template-columns:1fr;gap:20px}
.successinfocard{padding:32px 24px}
.successactioncontainer{margin-top:36px}
.successbtnprimary,.successbtnsecondary{width:100%;justify-content:center;padding:14px 32px}
}
@media (max-width: 480px) {
.successherozone::after{inset:16px}
.successtitlemain{font-size:28px}
.successmessagepara{font-size:16px}
.successcardtitle{font-size:20px}
}