:root{--navy:#1a4480;--deep:#0b1f3f;--red:#d3202f;--gold:#f5a623;--g1:linear-gradient(135deg,#0b1f3f,#1a4480 55%,#d3202f);--g2:linear-gradient(135deg,#f5a623,#d3202f);--g3:linear-gradient(135deg,#1a4480,#d3202f);--bg:#f3f5fb;--mut:#64708a}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'DM Sans',Arial,sans-serif;color:#1c2540;background:#fff;line-height:1.6;overflow-x:hidden}
h1,h2,h3{font-family:Poppins,Arial,sans-serif;line-height:1.15}a{text-decoration:none;color:inherit}
.w{max-width:1150px;margin:auto;padding:0 20px}
.gt{background:var(--g2);-webkit-background-clip:text;background-clip:text;color:transparent}
.gt2{background:var(--g3);-webkit-background-clip:text;background-clip:text;color:transparent}
header{position:sticky;top:0;z-index:50;background:#ffffffd9;backdrop-filter:blur(14px);border-bottom:3px solid transparent;border-image:var(--g2) 1}
.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;height:76px}
.logo{font:800 29px Poppins;line-height:1}.logo small{display:block;font:500 10px 'DM Sans';letter-spacing:3px;color:var(--red);-webkit-text-fill-color:var(--red)}
nav{display:flex;gap:6px}
nav a{font-weight:500;color:#445;padding:8px 14px;border-radius:30px;transition:.25s}
nav a:hover{background:var(--bg)}nav a.on{background:var(--g3);color:#fff}
.btn{display:inline-block;border:0;cursor:pointer;font:700 12px 'DM Sans';letter-spacing:.8px;text-transform:uppercase;padding:14px 28px;border-radius:40px;background:var(--g3);color:#fff;transition:.25s;box-shadow:0 8px 20px #1a448040}
.btn:hover{transform:translateY(-3px) scale(1.03)}
.btn.wa{background:linear-gradient(135deg,#25d366,#0e9f6e)}.btn.gold{background:var(--g2)}.btn.line{background:#fff2;border:2px solid #fff;box-shadow:none}
.burger{display:none;font-size:28px;background:none;border:0;color:var(--navy)}
.page{display:block;animation:in .5s}@keyframes in{from{opacity:0;transform:translateY(14px)}}
/* hero */
.hero{background:var(--g1);color:#fff;position:relative;overflow:hidden;padding:80px 0 110px}
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:fl 9s ease-in-out infinite alternate}
.b1{width:380px;height:380px;background:var(--gold);top:-100px;right:8%}.b2{width:300px;height:300px;background:var(--red);bottom:-80px;left:-60px;animation-delay:-4s}
@keyframes fl{to{transform:translate(40px,30px) scale(1.15)}}
.hero .w{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;position:relative}
.pill{display:inline-block;background:#ffffff22;border:1px solid #fff5;padding:6px 16px;border-radius:30px;font-size:13px;backdrop-filter:blur(8px);margin-bottom:18px}
.hero h1{font-size:56px;margin-bottom:18px}.hero p{opacity:.85;max-width:480px;margin-bottom:26px}
.row{display:flex;gap:12px;flex-wrap:wrap}
.orb{position:relative;width:340px;height:340px;margin:auto}
.orb .ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--gold),var(--red),var(--navy),var(--gold));animation:sp 8s linear infinite;padding:6px;-webkit-mask:radial-gradient(circle,transparent 62%,#000 63%);mask:radial-gradient(circle,transparent 62%,#000 63%)}
@keyframes sp{to{transform:rotate(360deg)}}
.orb .core{position:absolute;inset:34px;border-radius:50%;background:#ffffff1f;backdrop-filter:blur(14px);border:1px solid #fff6;display:grid;place-items:center;text-align:center;font:700 16px Poppins}
.orb big{display:block;font-size:84px;line-height:1;background:var(--g2);-webkit-background-clip:text;background-clip:text;color:transparent}
.chip{position:absolute;background:#fff;color:var(--navy);font:700 12px 'DM Sans';padding:8px 14px;border-radius:30px;box-shadow:0 10px 25px #0004;animation:fl 4s ease-in-out infinite alternate}
.wave{position:absolute;bottom:-1px;left:0;width:100%;height:60px}
/* marquee */
.mq{overflow:hidden;background:#fff;padding:18px 0;border-bottom:1px solid #eef}
.mq div{display:flex;gap:40px;width:max-content;animation:mq 28s linear infinite;font:700 22px Poppins}
@keyframes mq{to{transform:translateX(-50%)}}
/* sections */
.s{padding:80px 0}.s.alt{background:var(--bg)}
.ey{display:inline-block;font:700 12px 'DM Sans';letter-spacing:2px;text-transform:uppercase;background:var(--g3);-webkit-background-clip:text;background-clip:text;color:transparent}
.t{font-size:38px;margin:6px 0 34px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-70px;position:relative;z-index:2}
.stat{background:#fff;border-radius:18px;padding:26px;text-align:center;box-shadow:0 18px 40px #1a448022;border-top:5px solid;border-image:var(--g2) 1}
.stat b{display:block;font:800 32px Poppins}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:24px}
.card{position:relative;background:#fff;border-radius:18px;padding:3px;background:linear-gradient(#fff,#fff) padding-box,var(--g3) border-box;border:2px solid transparent;transition:.3s;overflow:hidden}
.card:hover{transform:translateY(-8px) rotate(-.6deg);box-shadow:0 20px 40px #d3202f2e;background:linear-gradient(#fff,#fff) padding-box,var(--g2) border-box}
.th{height:130px;border-radius:14px;display:grid;place-items:center;font-size:48px;color:#fff;position:relative;overflow:hidden}
.th:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#fff2;right:-30px;top:-40px}
.card .b{padding:14px}.card h3{font:700 16px 'DM Sans';margin-bottom:6px}
.meta{font-size:12px;color:var(--mut);display:flex;gap:12px;flex-wrap:wrap}.tag{display:inline-block;margin-top:8px;font-size:11px;font-weight:700;color:#fff;background:var(--g2);padding:3px 10px;border-radius:20px}
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.tabs button{border:0;background:#fff;color:var(--navy);font:700 13px 'DM Sans';padding:12px 22px;border-radius:30px;cursor:pointer;box-shadow:0 4px 14px #1a448022;transition:.25s}
.tabs button.on,.tabs button:hover{background:var(--g3);color:#fff}
.cta{background:var(--g1);color:#fff;position:relative;overflow:hidden;padding:70px 0}
.cta .w{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;position:relative}
.cta h2{font-size:42px}.cta em{font:italic 30px cursive;display:block;background:var(--g2);-webkit-background-clip:text;background-clip:text;color:transparent}
/* about */
.ab{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ph{aspect-ratio:1;border-radius:30px 120px 30px 120px;background:var(--g1);display:grid;place-items:center;font-size:110px;position:relative;box-shadow:24px 24px 0 #f5a62344}
.bdg{position:absolute;left:-20px;bottom:30px;background:var(--g2);color:#fff;padding:14px 24px;border-radius:16px;font:700 17px Poppins;box-shadow:0 14px 30px #0004}.bdg b{font-size:46px;margin-right:6px}
.tk{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.tk div{display:flex;gap:10px;align-items:center;font-weight:700;font-size:14px;background:var(--bg);padding:12px;border-radius:14px}
.tk i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--g2);color:#fff;display:grid;place-items:center;font-style:normal}
.mv{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.mv div{background:#fff;border-radius:22px;padding:34px;box-shadow:0 14px 34px #1a448018;border-left:6px solid;border-image:var(--g2) 1}
.mv p{color:var(--mut)}
.ph1{background:var(--g1);color:#fff;text-align:center;padding:70px 0;position:relative;overflow:hidden}
.ph1 h1{font-size:46px;position:relative}.ph1 p{opacity:.8;position:relative}
.gal{columns:4 230px;gap:16px}
.gal div{break-inside:avoid;margin-bottom:16px;border-radius:20px;display:grid;place-items:center;color:#fff;font-size:44px;transition:.3s}
.gal div:hover{transform:scale(1.04) rotate(1deg)}
.date{position:absolute;top:10px;right:10px;background:#fff;color:var(--red);font:800 11px Poppins;padding:6px 10px;border-radius:12px;text-align:center}.date b{display:block;font-size:20px}
.cd{position:relative}.num{position:absolute;right:16px;top:8px;font:800 54px Poppins;opacity:.08}
/* contact */
.ct{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}
.info{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.sq{width:60px;height:60px;border-radius:18px;background:var(--g3);color:#fff;display:grid;place-items:center;font-size:24px;flex:none}
.info span{color:var(--mut)}.info b{display:block}
.br{background:var(--bg);border-radius:14px;padding:14px 16px;margin-bottom:12px;font-size:14px;border-left:5px solid var(--red)}
form{background:var(--g1);padding:34px;border-radius:26px;display:grid;gap:14px;box-shadow:0 24px 50px #1a448040}
form h3{color:#fff}
input,select,textarea{width:100%;padding:14px;border:1px solid #fff4;background:#ffffff1f;color:#fff;border-radius:12px;font:inherit}
input::placeholder,textarea::placeholder{color:#fffb}select option,select optgroup{color:#000}
footer{background:var(--g1);color:#fff;padding:60px 0 0;position:relative}
.fg{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.3fr;gap:30px}
footer h3{font-size:19px;margin-bottom:14px;background:var(--g2);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
footer li{list-style:none;font-size:14px;margin-bottom:8px;opacity:.9}footer a:hover{color:var(--gold)}
footer .logo{color:#fff}
.soc{display:flex;gap:10px;margin-top:14px}.soc i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:700 14px Poppins;background:var(--g2)}
.copy{text-align:center;font-size:14px;padding:22px;margin-top:30px;border-top:1px solid #fff3}
.float{position:fixed;right:18px;bottom:18px;z-index:60;background:linear-gradient(135deg,#25d366,#0e9f6e);width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:28px;box-shadow:0 0 0 0 #25d36688;animation:pu 2s infinite}
@keyframes pu{to{box-shadow:0 0 0 22px #25d36600}}
.rv{opacity:0;transform:translateY(30px);transition:.7s}.rv.v{opacity:1;transform:none}
@media(max-width:900px){nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;padding:14px;box-shadow:0 12px 24px #0003}nav.open{display:flex}.burger{display:block}.nav>.btn{display:none}
.hero .w,.ab,.mv,.ct,.fg{grid-template-columns:1fr}.hero h1{font-size:38px}.stats{grid-template-columns:1fr 1fr}.orb{width:260px;height:260px}.orb big{font-size:60px}.chip{display:none}}

/* ---- home additions ---- */
html{scroll-padding-top:90px}
.fc{position:absolute;background:#fff;color:var(--navy);font:700 13px 'DM Sans';padding:10px 16px;border-radius:30px;box-shadow:0 12px 28px #0b1f3f40;display:flex;gap:8px;align-items:center;animation:fl 4s ease-in-out infinite alternate}
.fc i{font-style:normal;font-size:18px}
.fc1{top:28px;right:-14px}.fc2{top:46%;left:-22px;animation-delay:-1.5s}.fc3{bottom:-14px;right:30px;animation-delay:-3s}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wc{background:#fff;border-radius:22px;padding:30px;box-shadow:0 14px 34px #1a448018;transition:.3s;position:relative;overflow:hidden}
.wc:before{content:"";position:absolute;left:0;top:0;height:5px;width:100%;background:var(--g2);transform:scaleX(0);transform-origin:left;transition:.4s}
.wc:hover{transform:translateY(-8px);box-shadow:0 22px 44px #d3202f2a}.wc:hover:before{transform:scaleX(1)}
.wc .sq{margin-bottom:16px}.wc h3{font:700 18px Poppins;margin-bottom:8px}.wc p{color:var(--mut);font-size:14.5px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:s}
.step{text-align:center;padding:10px 14px;position:relative}
.step b{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 16px;border-radius:50%;background:var(--g3);color:#fff;font:800 28px Poppins;box-shadow:0 12px 26px #1a448050;position:relative;z-index:1}
.step:not(:last-child):after{content:"";position:absolute;top:45px;left:calc(50% + 45px);width:calc(100% - 70px);border-top:3px dashed #d3202f55}
.step h3{font:700 17px Poppins;margin-bottom:6px}.step p{color:var(--mut);font-size:14.5px}
.faq{max-width:820px}
.faq details{background:#fff;border-radius:16px;margin-bottom:12px;box-shadow:0 8px 22px #1a448016;border-left:5px solid var(--red);overflow:hidden}
.faq summary{cursor:pointer;list-style:none;padding:18px 22px;font:700 16px Poppins;display:flex;justify-content:space-between;gap:14px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;background:var(--g2);color:#fff;display:grid;place-items:center;font-size:20px;transition:.3s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{padding:0 22px 20px;color:var(--mut)}
.inq .ct{align-items:start}
#cf input:focus,#cf select:focus,#cf textarea:focus{outline:2px solid var(--gold);background:#ffffff33}
@media(max-width:900px){.why{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr;row-gap:30px}.step:not(:last-child):after{display:none}.fc1{right:0}.fc2{left:0}.fc3{right:20px}.ph{width:100%;max-width:380px;margin:0 auto 20px;font-size:90px}.fc{font-size:12px;padding:8px 12px}}
@media(max-width:560px){.why,.steps{grid-template-columns:1fr}.t{font-size:30px}.hero h1{font-size:34px}}

/* ===== CREATIVE UPGRADE (all pages) ===== */
html,body{overflow-x:clip}
::selection{background:var(--red);color:#fff}
#prog{position:fixed;top:0;left:0;height:4px;width:0;background:var(--g2);z-index:100;transition:width .1s}
.glow{position:fixed;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;background:radial-gradient(#f5a62326,transparent 65%);pointer-events:none;z-index:1;transition:transform .15s}
.hero:before,.ph1:before{content:"";position:absolute;inset:0;background:radial-gradient(#ffffff2e 1.5px,transparent 1.5px) 0 0/28px 28px;-webkit-mask:linear-gradient(#000,transparent 92%);mask:linear-gradient(#000,transparent 92%)}
.sym{position:absolute;bottom:-40px;font:700 22px monospace;color:#ffffff40;pointer-events:none;animation:up linear infinite}
@keyframes up{to{transform:translateY(-130vh) rotate(40deg);opacity:0}}
.hero .gt{display:inline-block;transition:.4s}.hero .gt.out{opacity:0;transform:translateY(14px)}
.hero h1:after{content:"";display:block;width:90px;height:6px;border-radius:6px;background:var(--g2);margin-top:14px;animation:bar 2.4s ease-in-out infinite alternate}
@keyframes bar{to{width:190px}}
.ph1 h1:after{content:"";display:block;width:70px;height:5px;border-radius:5px;background:var(--g2);margin:12px auto 0}
.ey:before{content:"";display:inline-block;width:30px;height:3px;border-radius:3px;background:var(--g2);margin-right:10px;vertical-align:middle}
.t{position:relative}
.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,#fff7,transparent);transform:skewX(-20deg);animation:sh 3.5s infinite}
@keyframes sh{60%,100%{left:140%}}
.card:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,#fff9,transparent);transform:skewX(-20deg);transition:.8s;z-index:2;pointer-events:none}
.card:hover:before{left:140%}
.card,.wc,.stat{transform-style:preserve-3d;will-change:transform}
.stat{transition:.3s}.stat:hover{transform:translateY(-8px)}
.mq:hover div{animation-play-state:paused}
.rv.v>*{animation:pop .6s both}
.rv.v>*:nth-child(2){animation-delay:.08s}.rv.v>*:nth-child(3){animation-delay:.16s}.rv.v>*:nth-child(4){animation-delay:.24s}.rv.v>*:nth-child(5){animation-delay:.32s}.rv.v>*:nth-child(6){animation-delay:.4s}
@keyframes pop{from{opacity:0;transform:translateY(26px) scale(.94)}}
.sec{opacity:0;transform:translateY(34px);transition:.8s}.sec.v{opacity:1;transform:none}
.cta{background-image:var(--g1)}.cta:after{content:"";position:absolute;inset:0;background:radial-gradient(#ffffff22 1.5px,transparent 1.5px) 0 0/26px 26px;pointer-events:none}
footer:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--gold),var(--red),var(--navy),var(--gold));background-size:300% 100%;animation:sl 6s linear infinite}
@keyframes sl{to{background-position:300% 0}}
.soc i{transition:.3s;cursor:pointer}.soc i:hover{transform:translateY(-5px) rotate(360deg)}
#top{position:fixed;left:18px;bottom:18px;z-index:60;width:46px;height:46px;border:0;border-radius:50%;background:var(--g3);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 8px 20px #1a448060;opacity:0;pointer-events:none;transition:.3s;transform:translateY(20px)}
#top.on{opacity:1;pointer-events:auto;transform:none}
.mbar{display:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv,.sec{opacity:1;transform:none}}
@media(max-width:900px){
.glow,.sym:nth-child(n+6){display:none}
.nav{height:64px}.logo img{width:118px;height:auto}
header{border-image:none;border-bottom:3px solid var(--red)}
.burger{font-size:30px;line-height:1;padding:6px 10px}
nav{top:64px;max-height:calc(100vh - 64px);overflow:auto;gap:4px;padding:16px;border-radius:0 0 24px 24px;background:#fffffff2;backdrop-filter:blur(16px)}
nav a{padding:14px 18px;font-size:16px;border-radius:14px;background:var(--bg)}
.hero{padding:44px 0 90px}.hero p{max-width:none}.hero h1{font-size:36px}
.row .btn{flex:1;text-align:center;padding:14px 16px}
.orb{width:230px;height:230px}.orb .core{inset:26px}.orb big{font-size:54px}.orb .core span{font-size:13px}
.stats{margin-top:-48px;gap:12px}.stat{padding:18px 10px}.stat b{font-size:26px}.stat{font-size:13px}
.s{padding:56px 0}.t{font-size:28px;margin-bottom:24px}
.mq div{font-size:17px;gap:26px}
.cta{padding:50px 0;text-align:center}.cta .w{flex-direction:column}.cta h2{font-size:30px}.cta em{font-size:24px}
.ph1{padding:48px 0}.ph1 h1{font-size:32px}
.ab{gap:34px}.bdg{left:0;font-size:14px;padding:10px 16px}.bdg b{font-size:34px}
.mv div,.wc{padding:24px}
form{padding:22px;border-radius:20px}
.tabs{flex-wrap:nowrap;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -20px 20px;padding-inline:20px}
.tabs::-webkit-scrollbar{display:none}.tabs button{flex:none;scroll-snap-align:start}
.gal{columns:2 140px;gap:12px}.gal div{margin-bottom:12px;border-radius:16px}
.fg{gap:26px}.copy{padding:18px 12px}
.float{display:none}#top{display:none}
body{padding-bottom:68px}
.mbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:10px;right:10px;bottom:10px;z-index:70;background:#0b1f3ff2;backdrop-filter:blur(14px);border-radius:22px;padding:6px;box-shadow:0 12px 30px #0b1f3f77}
.mbar a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;font:700 11px 'DM Sans';padding:8px 4px;border-radius:16px}
.mbar a span{font-size:20px}.mbar a.hl{background:var(--g2)}
}
@media(max-width:560px){
.grid{grid-template-columns:1fr 1fr;gap:12px}#homeblog,#blogs{grid-template-columns:1fr}
.th{height:100px;font-size:36px}.card .b{padding:10px}.card h3{font-size:14px}.meta{font-size:11px;gap:6px}
.stats{grid-template-columns:1fr 1fr}.hero h1{font-size:33px}.why,.steps{gap:16px}
.cd .b{padding:18px!important}
}

/* ===== dynamic version additions ===== */
a.card{display:block;color:inherit}
.tabs a{border:0;background:#fff;color:var(--navy);font:700 13px 'DM Sans';padding:12px 22px;border-radius:30px;cursor:pointer;box-shadow:0 4px 14px #1a448022;transition:.25s;white-space:nowrap}
.tabs a.on,.tabs a:hover{background:var(--g3);color:#fff}
.cath{font:700 24px Poppins;margin:6px 0 20px;display:flex;align-items:center;gap:12px}.cath span{width:46px;height:46px;border-radius:14px;background:var(--g3);display:grid;place-items:center;font-size:22px}
.steps.n5{grid-template-columns:repeat(5,1fr)}
.paths{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}
.pc{background:#fff;border-radius:22px;padding:26px;box-shadow:0 14px 34px #1a448018;border-left:6px solid;border-image:var(--g2) 1}
.pc h3{font:700 18px Poppins;margin-bottom:2px}.pc small{display:block;color:var(--red);font-weight:700;font-size:12px;letter-spacing:.5px;text-transform:uppercase;margin:4px 0 14px}
.pc ol{list-style:none;counter-reset:p}.pc li{counter-increment:p;position:relative;padding:8px 0 8px 40px;font-weight:500;font-size:14.5px}
.pc li:before{content:counter(p);position:absolute;left:0;top:6px;width:28px;height:28px;border-radius:50%;background:var(--g3);color:#fff;display:grid;place-items:center;font:700 12px Poppins}
.pc li:not(:last-child):after{content:"";position:absolute;left:13px;top:36px;height:calc(100% - 28px);border-left:2px dashed #d3202f55}
.cd2{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:start}
.cimg{width:100%;max-height:360px;object-fit:cover;border-radius:22px;margin-bottom:24px;box-shadow:0 14px 34px #1a448030}
.syl{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:10px}
.sb{background:var(--bg);border-radius:18px;padding:22px}.sb h3{font:700 17px Poppins;margin-bottom:12px;background:var(--g3);-webkit-background-clip:text;background-clip:text;color:transparent}
.sb ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.sb li{background:#fff;border-radius:30px;padding:6px 14px;font-size:13.5px;font-weight:500;box-shadow:0 3px 10px #1a448014}
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:26px}.flow span{background:var(--g3);color:#fff;font:700 13px 'DM Sans';padding:8px 16px;border-radius:30px}.flow i{font-style:normal;color:var(--red);font-weight:800}
.side{position:sticky;top:96px;background:#fff;border-radius:22px;padding:28px;box-shadow:0 18px 40px #1a448022;border-top:5px solid;border-image:var(--g2) 1}
.side h3{font:700 19px Poppins;margin-bottom:14px}.side dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:14px}.side dt{color:var(--mut)}.side dd{font-weight:700;text-align:right}
.side h4{font:700 13px 'DM Sans';text-transform:uppercase;letter-spacing:1.5px;color:var(--red);margin:20px 0 8px}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{background:var(--bg);color:var(--navy);font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:20px}.chips span.g{background:#fff3e0;color:#b45309}
.post p{color:#334;font-size:17px;line-height:1.85;margin-bottom:18px}
.gal .gi{padding:0;display:block;position:relative;overflow:hidden}.gal .gi img{width:100%;display:block;border-radius:20px}
.gal .gi small{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;background:linear-gradient(transparent,#0b1f3fcc);font:600 13px 'DM Sans';border-radius:0 0 20px 20px}
.soc a{display:block}
@media(max-width:900px){.steps.n5{grid-template-columns:1fr 1fr}.cd2{grid-template-columns:1fr}.side{position:static}.cath{font-size:20px}}
@media(max-width:560px){.steps.n5{grid-template-columns:1fr}.paths{grid-template-columns:1fr}}