/* MaintWiz STO lean template: shell (header, footer) + home-page palette overrides.
   Palette and gradients are the New Home Page 1 tokens (#0033E0 blue, #22187C indigo, #200A43 deep, #F36D34 orange, #F5F7FF bg, #E3E8FB line, Nunito). */
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;font-family:"Nunito","Satoshi",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:#1A1633}
.mwskip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:10px 16px;border-radius:8px;z-index:200;font-weight:800}
.mwskip:focus{left:12px}
/* hero: same layered gradient as the new home page */
.mwp .hero{background:radial-gradient(at 0% 0%,#C558B6 0,rgba(197,88,182,0) 42%),radial-gradient(at 100% 100%,rgba(0,176,255,.45) 0,rgba(0,176,255,0) 50%),linear-gradient(135deg,#5A22C9,#180EE8)}
.mwp .ans+.by{margin:1rem 0 1.2rem}
/* header: one markup copy serves desktop and mobile */
.mwh{position:relative;z-index:80;background:#fff;border-bottom:1px solid #E3E8FB;font-family:inherit}
.mwh *{box-sizing:border-box}
.mwh .in{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:16px;min-height:76px}
.mwh .lg{display:block;flex:none}
.mwh .lg img{display:block;height:46px;width:auto}
.mwh nav{margin-left:auto}
.mwh ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.mwh .g{position:relative}
.mwh .g>button{font:inherit;font-weight:800;font-size:15.5px;color:#22187C;background:none;border:0;padding:12px 11px;cursor:pointer;border-radius:10px;display:inline-flex;align-items:center;gap:7px}
.mwh .g>button:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.mwh .g>button:hover,.mwh .g.o>button{background:#F5F7FF;color:#0033E0}
.mwh .p{display:none;position:absolute;left:0;top:calc(100% + 4px);min-width:270px;max-height:72vh;overflow:auto;background:#fff;border:1px solid #E3E8FB;border-radius:16px;box-shadow:0 20px 44px rgba(34,24,124,.18);padding:10px}
.mwh .p.w{min-width:520px;column-count:2;column-gap:8px}
.mwh .g:hover>.p,.mwh .g.o>.p,.mwh .g:focus-within>.p{display:block}
.mwh .g:nth-last-child(-n+4)>.p{left:auto;right:0}
.mwh .p a{display:block;break-inside:avoid;padding:8px 12px;border-radius:9px;color:#1A1633;text-decoration:none;font-weight:600;font-size:15px;line-height:1.35}
.mwh .p a:hover,.mwh .p a:focus-visible{background:#F5F7FF;color:#0033E0}
.mwh .p a.hl{color:#0033E0;font-weight:800}
.mwh .cta{display:inline-flex;align-items:center;padding:11px 20px;border-radius:12px;background:linear-gradient(132deg,#0033E0,#3358FF);color:#fff;text-decoration:none;font-weight:800;font-size:15.5px;white-space:nowrap;margin-left:6px;box-shadow:0 8px 20px rgba(0,51,224,.28)}
.mwh .cta:hover{box-shadow:0 12px 26px rgba(0,51,224,.4)}
.mwh .tg{display:none;margin-left:auto;width:46px;height:46px;border:0;border-radius:10px;background:#0033E0;cursor:pointer;position:relative}
.mwh .tg span,.mwh .tg span:before,.mwh .tg span:after{position:absolute;left:12px;width:22px;height:2px;background:#fff;content:"";border-radius:2px}
.mwh .tg span{top:22px}.mwh .tg span:before{left:0;top:-7px}.mwh .tg span:after{left:0;top:7px}
.mwh a:focus-visible,.mwh button:focus-visible{outline:3px solid #F36D34;outline-offset:2px}
@media(max-width:1060px){
 .mwh .tg{display:block}
 .mwh nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;background:#fff;border-bottom:1px solid #E3E8FB;box-shadow:0 18px 30px rgba(34,24,124,.14);max-height:calc(100vh - 80px);overflow:auto;padding:8px 20px 20px}
 .mwh.open nav{display:block}
 .mwh ul{display:block}
 .mwh .g>button{width:100%;justify-content:space-between;padding:14px 8px;font-size:16.5px}
 .mwh .g:hover>.p{display:none}
 .mwh .g.o>.p{display:block}
 .mwh .p,.mwh .p.w{position:static;min-width:0;max-height:none;column-count:1;box-shadow:none;border:0;padding:0 0 8px 8px}
 .mwh .cta{display:flex;justify-content:center;margin:12px 0 0}
}
/* footer */
.mwf{background:linear-gradient(135deg,#22187C,#200A43);color:#D7DEF7;font-size:15.5px;line-height:1.6;padding:54px 0 28px;margin-top:0}
.mwf .in{max-width:1160px;margin:0 auto;padding:0 22px}
.mwf .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}
.mwf h2{margin:0 0 12px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#5EEAD4;font-weight:900}
.mwf ul{list-style:none;margin:0;padding:0}
.mwf li{margin:0 0 7px}
.mwf a{color:#fff;text-decoration:none;font-weight:600}
.mwf a:hover,.mwf a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.mwf .about p{margin:0 0 14px;max-width:30em}
.mwf .about img{height:40px;width:auto;display:block;margin-bottom:14px;background:#fff;border-radius:10px;padding:6px 10px}
.mwf .fine{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between;font-size:14px}
.mwf .fine ul{display:flex;flex-wrap:wrap;gap:6px 18px}
.mwf .fine li{margin:0}
@media(max-width:860px){.mwf .cols{grid-template-columns:1fr 1fr}.mwf .about{grid-column:1/-1}}
@media(max-width:520px){.mwf .cols{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.mwh .g>button:after{transition:none}}

.mwp .by.by-end{color:var(--mut);margin:2.2rem 0 0;padding-top:1rem;border-top:1px solid var(--line)}
.mwp .by.by-end a{color:var(--blue)}
/* sticky site header; the in-page nav sticks just below it */
.mwh{position:sticky;top:0}
.mwp{--top:77px}
.mwp .mwp-nav{background:#fff;backdrop-filter:none}
.mwp [id]{scroll-margin-top:136px}
@media(max-width:1060px){.mwh .in{min-height:62px}.mwh .lg img{height:36px}.mwp{--top:63px}.mwp [id]{scroll-margin-top:118px}.mwh nav{max-height:calc(100vh - 66px)}}

.mwh .p.w3{min-width:800px;column-count:3}
.mwh .p .ph{display:block;break-after:avoid;break-inside:avoid;padding:12px 12px 4px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4F4A75}
.mwh .p .ph:first-child{padding-top:4px}
@media(max-width:1000px){.mwh .p.w3{min-width:0;column-count:1}}
.mwh .p .pg{break-inside:avoid;margin-bottom:6px}
.mwh .p>a.hl{break-after:avoid}
/* direct top-level link (Industrial AI) */
.mwh .tl{display:inline-flex;font-weight:800;font-size:15.5px;color:#0033E0;padding:12px 11px;border-radius:10px;text-decoration:none}
.mwh .tl:hover,.mwh .tl:focus-visible{background:#F5F7FF}
@media(max-width:1060px){.mwh .tl{display:block;padding:14px 8px;font-size:16.5px}}
@media(min-width:1061px) and (max-width:1180px){.mwh .g>button,.mwh .tl{padding:12px 7px;font-size:14.5px}.mwh .cta{padding:11px 14px;font-size:14.5px}.mwh .in{gap:10px}}
/* grouped footer (2026-10-28) */
.mwf .top{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;padding-bottom:26px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.18)}
.mwf .top .about{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.mwf .top .about img{margin:0}.mwf .top .about p{margin:0;max-width:36em}
.mwf .fdemo{background:#F36D34;color:#fff;padding:12px 22px;border-radius:999px;font-weight:800;white-space:nowrap}
.mwf .fcols{display:grid;grid-template-columns:repeat(5,1fr);gap:30px 28px}
.mwf .fh{margin:0 0 10px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#5EEAD4;font-weight:900}
.mwf .fg+.fg{margin-top:24px}.mwf .fcols li{margin:0 0 7px;font-size:15px;line-height:1.4}
@media(max-width:1060px){.mwf .fcols{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.mwf .fcols{grid-template-columns:repeat(2,1fr)}}
@media(max-width:440px){.mwf .fcols{grid-template-columns:1fr}}

/* MaintWiz CMMS home, lean page styles (12 Nov 2026). Tokens as _shell.css: #0033E0 blue, #22187C indigo, #200A43 deep, #F36D34 orange, #F5F7FF bg, #E3E8FB line, Nunito. */
main{display:block;color:#1A1633;font-size:17px;line-height:1.6}
.hw{max-width:1200px;margin:0 auto;padding:0 20px}
.hs{padding:56px 0}
.hs.alt{background:#F5F7FF}
.hs h2{font-size:clamp(26px,3.4vw,38px);line-height:1.2;color:#22187C;margin:0 0 14px;font-weight:900}
.hs h3{font-size:clamp(19px,2.2vw,24px);line-height:1.3;color:#22187C;margin:0 0 8px;font-weight:800}
.hs p{margin:0 0 14px;max-width:78ch}
.hs a{color:#0033E0}
a:focus-visible,button:focus-visible{outline:3px solid #F36D34;outline-offset:2px}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border-radius:12px;background:linear-gradient(132deg,#0033E0,#3358FF);color:#fff!important;text-decoration:none;font-weight:800;font-size:17px;min-height:48px}
.btn:hover{box-shadow:0 12px 26px rgba(0,51,224,.4)}
.btn.btn-o{background:#F36D34;background-image:none}
.btn.btn-o:hover{box-shadow:0 12px 26px rgba(243,109,52,.45)}
/* hero: height of the typed line is reserved so the rotating phrase cannot shift the page */
.hh{background:radial-gradient(at 0% 0%,#C558B6 0,rgba(197,88,182,0) 42%),radial-gradient(at 100% 100%,rgba(0,176,255,.45) 0,rgba(0,176,255,0) 50%),linear-gradient(135deg,#5A22C9,#180EE8);color:#fff;padding:48px 0 40px}
.hhg{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}
.hht{min-width:0}
.hpre{font-size:clamp(30px,4.6vw,52px);font-weight:900;line-height:1.1;margin:0!important;color:#fff}
.hty{font-size:clamp(26px,4vw,44px);font-weight:900;line-height:1.15;margin:4px 0 18px!important;color:#FFD0B8;min-height:2.3em;transition:opacity .3s}
.hlead{font-size:clamp(18px,2vw,23px);font-weight:600;color:#fff;max-width:36em}
.hhi img{display:block;width:100%;height:auto;border-radius:14px}
/* intro and bullet lists */
.intro .sub{font-size:20px;font-weight:700;color:#0033E0}
.hs h1{font-size:clamp(28px,3.8vw,44px);line-height:1.15;color:#22187C;margin:0 0 8px;font-weight:900}
.bl{list-style:none;margin:18px 0;padding:0;display:grid;gap:12px}
.bl li{display:flex;gap:12px;align-items:flex-start}
.bl .bul{width:28px;height:28px;flex:none;margin-top:2px}
.lead2{font-weight:700}
/* video */
.vf{margin-top:12px;border-radius:14px;overflow:hidden;background:#200A43;max-width:960px}
.vf video{display:block;width:100%;height:auto}
/* logos */
.logos{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px;align-items:center}
.logos li{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #E3E8FB;border-radius:12px;padding:10px;aspect-ratio:1.4}
.logos img{max-width:100%;height:auto;max-height:70px;width:auto}
/* five icon cards */
.cards5{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.cards5 li{background:#fff;border:1px solid #E3E8FB;border-radius:14px;padding:18px 12px;text-align:center;font-weight:800;color:#22187C}
.cards5 .ci{display:block;margin:0 auto 10px;width:64px;height:64px}
/* banner */
.ban{background:linear-gradient(135deg,#22187C,#200A43);color:#fff}
.bang{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.ban h2{color:#fff}.ban p{color:#fff}.ban .kick{font-weight:800;color:#FFD0B8;margin:0 0 4px}
.bani img{display:block;width:100%;height:auto;border-radius:14px}
/* testimonials */
.tes{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.tes blockquote{margin:0;height:100%;background:#fff;border:1px solid #E3E8FB;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px}
.tes blockquote p{margin:0;font-size:16px}
.tes footer{margin-top:auto;font-weight:800;color:#22187C}
/* modules */
.mods{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.mods a{display:block;padding:14px 16px;border:1px solid #E3E8FB;border-radius:12px;background:#fff;text-decoration:none;font-weight:800;color:#22187C}
.mods a:hover{border-color:#0033E0;color:#0033E0}
/* stats */
.stats{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.stats a{display:block;background:#fff;border:1px solid #E3E8FB;border-radius:16px;padding:20px 14px;text-align:center;text-decoration:none}
.stats strong{display:block;font-size:34px;font-weight:900;color:#0033E0;line-height:1.1}
.stats span{display:block;margin-top:6px;font-weight:700;color:#22187C}
/* topics */
.tp{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin-top:36px;scroll-margin-top:90px}
.tp.flip .tpi{order:2}
.tpi img{display:block;width:100%;height:auto}
.tpt .ti{width:44px;height:44px;margin-bottom:8px}
/* counters */
.cnt{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}
.cnt li{background:#fff;border:1px solid #E3E8FB;border-radius:16px;padding:22px 12px;text-align:center}
.cnt strong{display:block;font-size:36px;font-weight:900;color:#0033E0;line-height:1.1}
.cnt span{font-weight:700;color:#22187C}
/* industries */
.inds{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:20px}
.ind{background:#fff;border:1px solid #E3E8FB;border-radius:16px;padding:22px}
.ind ul{margin:0;padding-left:20px}.ind li{margin:0 0 6px}
.mi{margin-top:34px!important}
.more{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.more li{background:#F5F7FF;border:1px solid #E3E8FB;border-radius:999px;padding:7px 14px;font-weight:700;color:#22187C}
/* review platforms */
.rev{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.rev li{background:#fff;border:1px solid #E3E8FB;border-radius:12px;padding:12px 18px;display:flex;align-items:center;justify-content:center;min-width:140px;min-height:70px}
.rev img{display:block;height:auto;max-height:48px;width:auto;max-width:150px}
/* blogs */
.blog{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.blog li{background:#fff;border:1px solid #E3E8FB;border-radius:16px;padding:16px}
.blog .bi img{display:block;width:100%;height:auto;border-radius:10px;margin-bottom:12px}
.blog h3 a{text-decoration:none;color:#22187C}
.blog p{font-size:15.5px;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
/* closing CTA */
.endcta{background:linear-gradient(135deg,#22187C,#200A43);color:#fff}
.endcta h2,.endcta p{color:#fff}
.endg{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.endg img{display:block;width:100%;height:auto;border-radius:14px}
/* mobile */
@media(max-width:860px){
 .hhg,.bang,.endg,.tp{grid-template-columns:1fr}
 .tp.flip .tpi{order:0}
 .hs{padding:40px 0}
 .hty{min-height:2.4em}
}
@media(prefers-reduced-motion:reduce){.hty{transition:none}}

.itabs{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.itabs a{display:block;padding:9px 16px;border:1px solid #E3E8FB;border-radius:999px;background:#fff;text-decoration:none;font-weight:800;color:#22187C}
.itabs a:hover{border-color:#0033E0;color:#0033E0}
.ind,.mi{scroll-margin-top:90px}

/* ---- fidelity pass (13 Nov 2026) ---- */
main{--hf:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
main.hf-s{--hf:"Satoshi","Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
.hs h1,.hs h2,.hs h3,.hs h4,.hpre,.hty{font-family:var(--hf)}
main.hf-s .hs h1,main.hf-s .hs h2,main.hf-s .hs h3,main.hf-s .hpre,main.hf-s .hty{font-weight:700}
.ac{color:#4B2DE0}
@supports((-webkit-background-clip:text) or (background-clip:text)){.ac{background:linear-gradient(90deg,#5A22C9,#0033E0);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}
.acall{background:linear-gradient(90deg,#D9418C,#7B3FE4);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ctr{margin-left:auto;margin-right:auto;text-align:center;color:#5A22C9;font-weight:600}
.hs.alt h2,.hs.why h2,.hs h2{text-align:left}
.hs h2{text-align:center}
.hs.intro h1{text-align:center}.hs.intro .sub{text-align:center;margin-left:auto;margin-right:auto}
.hs.why h2,.hs.vid h2,.hs.vid p{text-align:left}
.hs.vid h2,.hs.trust h2{text-align:center}.hs.vid p{text-align:center;margin-left:auto;margin-right:auto}
/* video */
.vf{margin:16px auto 0}
/* why choose */
.why{background:#fff;position:relative;overflow:hidden}
.whyg{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start}
.whyt h2{text-align:left}
.cards5{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cards5 li{border:0;border-radius:18px;padding:26px 14px;color:#fff;text-align:center;font-weight:800;font-size:18px;line-height:1.25;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:190px;box-shadow:0 14px 30px rgba(34,24,124,.18)}
.cards5 li:nth-child(even){transform:translateY(26px)}
.cards5 .ci{width:64px;height:64px;margin:0 auto 12px}
.cards5 .t1{background:linear-gradient(160deg,#7B3FE4,#3358FF)}.cards5 .t2{background:linear-gradient(160deg,#C558B6,#7B3FE4)}
.cards5 .t3{background:linear-gradient(160deg,#0033E0,#4B7BFF)}.cards5 .t4{background:linear-gradient(160deg,#4B5BF5,#A04DE0)}.cards5 .t5{background:linear-gradient(160deg,#B24FD0,#5A22C9)}
.fac{display:block;margin:32px 0 0 auto;max-width:560px;width:100%;height:auto;opacity:.9}
/* banner */
.bansec{padding:24px 0}
.ban{display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;align-items:center;border:1px solid #BFD0FF;border-radius:18px;background:radial-gradient(at 0% 0%,#FBE3F1,rgba(251,227,241,0) 55%),radial-gradient(at 100% 100%,#DDE8FF,rgba(221,232,255,0) 60%),#fff;padding:20px 28px;box-shadow:0 10px 30px rgba(51,88,255,.12)}
.bani .bw{display:block;width:100%;max-width:330px;height:auto;margin:0 auto}
.bant{text-align:center}
.bant h2{font-size:clamp(24px,3vw,34px);margin:0 0 10px;text-align:center}
.bant p{margin:0 auto 16px;max-width:36em;color:#1A1633}
/* testimonials */
.tes{margin-top:26px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.tes li blockquote{border:0;color:#fff;text-align:center;align-items:center;padding:26px 24px;border-radius:16px}
.tes .c1 blockquote{background:linear-gradient(160deg,#6B5CE8,#5A82F0)}.tes .c2 blockquote{background:linear-gradient(160deg,#EE5F8A,#F58A9B)}.tes .c3 blockquote{background:linear-gradient(160deg,#5B82E3,#7B63E8)}
.tes footer{color:#fff;order:0;font-size:19px;margin:0}
.tes .stars{color:#FFD24A;letter-spacing:4px;font-size:20px;order:1}
.tes blockquote p{order:2;color:#fff;font-size:15.5px;text-align:center}
/* modules */
.mods{justify-content:center;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.mods a{border:0;border-radius:12px;padding:14px 16px;text-align:center;color:#fff;box-shadow:0 8px 18px rgba(51,88,255,.18)}
.mods .p1 a{background:linear-gradient(135deg,#2F6BEA,#5A8BF5)}.mods .p2 a{background:linear-gradient(135deg,#A24DD8,#C865E0)}
.mods a:hover{color:#fff;transform:translateY(-2px)}
/* stats */
.stats strong{background:linear-gradient(90deg,#5A22C9,#0033E0);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* topics */
.tp{margin-top:44px}
.tpt{text-align:center}
.tpt p{margin-left:auto;margin-right:auto}
.tpt .ti{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 12px;display:block;border:4px solid #fff;box-shadow:0 8px 22px rgba(34,24,124,.22)}
/* counters */
.cnt strong{background:linear-gradient(90deg,#5A22C9,#0033E0);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* closing CTA */
.endcta{background:#fff;color:#1A1633;padding:36px 0}
.endcta h2,.endcta p{color:#1A1633}
.endbox{display:grid;grid-template-columns:.55fr 1.2fr .45fr;gap:20px;align-items:center;border:1px solid #BFD0FF;border-radius:18px;background:radial-gradient(at 0% 100%,#FBE3F1,rgba(251,227,241,0) 55%),radial-gradient(at 100% 0%,#DDE8FF,rgba(221,232,255,0) 60%),#fff;padding:12px 28px 12px 8px;overflow:hidden}
.endbox .cw{display:block;width:100%;height:auto}
.endt h2{font-size:clamp(26px,3.2vw,38px);margin:0 0 10px;text-align:left}
.endbox .cm{display:block;width:100%;max-width:200px;height:auto;margin:0 auto}
@media(max-width:860px){
 .whyg,.ban,.endbox{grid-template-columns:1fr}
 .cards5 li:nth-child(even){transform:none}
 .bant h2,.endt h2{text-align:center}.endt{text-align:center}
 .endbox .cw{max-width:320px;margin:0 auto}.endbox .cm{max-width:120px}
 .endcta .endt .btn{margin:0 auto}
}

.cnt svg{display:block;width:44px;height:44px;margin:0 auto 8px;stroke:#0033E0;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* home footer (live home footer retained) */
.mwhf{background:radial-gradient(at top left,#C558B6 13%,#180EE8 97%);color:#fff;padding:48px 0 22px;font-size:15.5px;line-height:1.55}
.mwhf .hfg{display:grid;grid-template-columns:repeat(5,1fr);gap:28px}
.mwhf .hfh{font-weight:800;font-size:18px;margin:0 0 12px;color:#fff}
.mwhf ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mwhf a{color:#fff;text-decoration:none}.mwhf a:hover{text-decoration:underline}
.mwhf p{margin:0 0 10px}
.mwhf .hfs{display:flex;gap:12px;margin-top:14px}
.mwhf .hfs a{display:flex;width:36px;height:36px;border:1px solid rgba(255,255,255,.55);border-radius:50%;align-items:center;justify-content:center}
.mwhf .hfs svg{width:18px;height:18px}
.mwhf .hfapps{display:grid;gap:16px}
.mwhf .hst{display:flex;align-items:center;gap:12px}
.mwhf .hst img:first-child{width:120px;height:auto}.mwhf .hst img+img{width:84px;height:84px;border-radius:8px;background:#fff;padding:4px}
.mwhf .hfb{margin:34px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.3);font-size:14.5px}
@media(max-width:1000px){.mwhf .hfg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.mwhf .hfg{grid-template-columns:1fr}}

/* ---- fidelity round 2 (13 Nov 2026): sizes, centring, tabs, counters, rows ---- */
main{font-size:18px;line-height:1.625;color:#000}
.hs p{color:#000}
.hs h1,.hs h2{font-size:clamp(28px,4.4vw,40px);line-height:1.2}
.hs h2,.hs.alt h2,.hs.vid h2,.hs.trust h2{text-align:center}
.hs.why h2,.endt h2{text-align:left}
.hs .sub,.hs .ctr{font-size:20px;line-height:1.625;color:#6961F5;font-weight:600}
.hs.endcta p,.ban p{color:#000}
.btn{padding:15px 30px;min-height:0;line-height:1.2;border-radius:10px}
/* module pill rows: 4, 3, 3, 3 */
.mods{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.mods li{grid-column:span 4}.mods li:nth-child(-n+4){grid-column:span 3}
/* testimonials: three visible, scroll for the rest */
.tes{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:4px 2px 14px;-webkit-overflow-scrolling:touch}
.tes li{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start}
.tes:focus-visible{outline:3px solid #F36D34;outline-offset:2px}
/* industries tabs */
.itabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 22px}
.itabs button{font:inherit;font-weight:800;padding:10px 20px;border:1px solid #E3E8FB;border-radius:999px;background:#fff;color:#22187C;cursor:pointer}
.itabs button[aria-selected=true]{background:linear-gradient(135deg,#5A22C9,#0033E0);border-color:transparent;color:#fff}
.itabs button:hover{border-color:#0033E0}
.inds{display:block}
.inds .ind{max-width:980px;margin:0 auto}
.inds .ip[hidden]{display:none}
.mi{margin:0 0 12px!important;text-align:center}
/* counters: white heading on the brand gradient */
.hs.cn{background:radial-gradient(at top left,#C558B6 13%,#180EE8 97%);color:#fff}
.hs.cn h2{color:#fff;font-weight:600}.hs.cn .ac{background:none;-webkit-text-fill-color:#fff;color:#fff}
.hs.cn .cnt li{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:#fff}
.hs.cn .cnt strong{background:none;-webkit-text-fill-color:#fff;color:#fff}
.hs.cn .cnt span{color:#fff}
.hs.cn .cnt svg{stroke:#fff}
@media(max-width:860px){
 .mods{grid-template-columns:1fr 1fr}.mods li,.mods li:nth-child(-n+4){grid-column:auto}
 .tes li{flex-basis:86%}
 .hs .sub,.hs .ctr{font-size:18px}
}
@media(max-width:520px){.mods{grid-template-columns:1fr}}

/* Plus Jakarta Sans Bold (SIL Open Font Licence), self-hosted, headings of the home page */
@font-face{font-family:"Plus Jakarta Sans";src:url(/wp-content/mw-lean/assets/fonts/plus-jakarta-sans-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
main.hf-j{--hf:"Plus Jakarta Sans","Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
main.hf-j .hs h1,main.hf-j .hs h2,main.hf-j .hs h3,main.hf-j .hpre,main.hf-j .hty{font-weight:700}

/* ---- Lighthouse fixes (13 Nov 2026): Nunito self-hosted, contrast, testimonial region ---- */
@font-face{font-family:"Nunito";src:url(/wp-content/mw-lean/assets/fonts/nunito-var-latin.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
.btn.btn-o{background:#C94515}
.btn.btn-o:hover{box-shadow:0 12px 26px rgba(201,69,21,.45)}
.hs .sub,.hs .ctr{color:#5F57EE}
.tesw{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-top:26px}
.tesw:focus-visible{outline:3px solid #F36D34;outline-offset:2px}
.tesw .tes{display:flex;gap:18px;margin:0;padding:4px 2px 14px;overflow:visible;list-style:none}
.tesw .tes li{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start}
@media(max-width:860px){.tesw .tes li{flex-basis:86%}}

/* MaintWiz blog post, lean page styles (13 Nov 2026). Builds on _shell.css and mw-home.css. */
.bpost{padding:40px 0 20px}
.bw{max-width:820px;margin:0 auto;padding:0 20px}
.crumbs{font-size:15px;margin:0 0 14px;color:#5A52E8}
.crumbs a{color:#0033E0;text-decoration:none}.crumbs a:hover{text-decoration:underline}
.bpost h1{font-family:var(--hf);font-size:clamp(28px,4.4vw,40px);line-height:1.2;color:#22187C;margin:0 0 10px;font-weight:700;text-align:left}
.bmeta{margin:0 0 22px;color:#5F57EE;font-weight:700;font-size:16px}
.bhero{margin:0 0 26px}.bhero img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 12px 30px rgba(34,24,124,.15)}
.toc{background:#F5F7FF;border:1px solid #E3E8FB;border-radius:14px;padding:18px 22px;margin:0 0 30px}
.toc .toct{font-weight:800;color:#22187C;margin:0 0 8px;font-size:18px}
.toc ol{margin:0;padding-left:22px}.toc li{margin:4px 0}.toc a{color:#0033E0;text-decoration:none;font-weight:600}.toc a:hover{text-decoration:underline}
.bbody{font-size:18px;line-height:1.7;color:#000}
.bbody h2,.bbody h3,.bbody h4{font-family:var(--hf);color:#22187C;line-height:1.3;margin:34px 0 12px;font-weight:700;scroll-margin-top:90px}
.bbody h2{font-size:clamp(24px,3vw,30px)}.bbody h3{font-size:clamp(20px,2.4vw,24px)}.bbody h4{font-size:19px}
.bbody p{margin:0 0 16px}.bbody ul,.bbody ol{margin:0 0 18px;padding-left:24px}.bbody li{margin:0 0 8px}
.bbody a{color:#0033E0}.bbody img{display:block;max-width:100%;height:auto;border-radius:12px;margin:18px auto}
.bbody table{border-collapse:collapse;width:100%;margin:0 0 20px;font-size:16px}.bbody th,.bbody td{border:1px solid #E3E8FB;padding:9px 12px;text-align:left}.bbody th{background:#F5F7FF}
.bbody blockquote{margin:0 0 18px;padding:6px 18px;border-left:4px solid #5A22C9;background:#F5F7FF}
@media(max-width:700px){.bbody{font-size:17px}.toc{padding:14px 16px}}

.abox{margin:34px 0 0;padding:20px 22px;border:1px solid #E3E8FB;border-radius:14px;background:#fff}
.abox .an{margin:0 0 6px;font-family:var(--hf);font-weight:700;font-size:20px}.abox .an a{color:#22187C;text-decoration:none}
.abox p{margin:0 0 10px;font-size:16px;line-height:1.6}
.asoc{display:flex;gap:10px;flex-wrap:wrap;margin:0}
.asoc a{display:flex;width:36px;height:36px;border-radius:50%;border:1px solid #BFD0FF;align-items:center;justify-content:center;color:#3358FF}.asoc svg{width:18px;height:18px}
.pnav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 0}
.pn{display:block;padding:14px 16px;border:1px solid #E3E8FB;border-radius:12px;text-decoration:none;color:#22187C;font-weight:700;line-height:1.35}
.pn span{display:block;font-size:13px;color:#5F57EE;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.pn:hover{border-color:#0033E0}
@media(max-width:600px){.pnav{grid-template-columns:1fr}}

/* ---- template v2 (13 Nov 2026): grid with sticky rail, takeaways, share, related cards ---- */
.bpost{padding:36px 0 20px}.bgrid{max-width:820px;margin:0 auto;padding:0 20px}
@media(min-width:1100px){.bgrid{max-width:1180px;display:grid;grid-template-columns:minmax(0,760px) 270px;column-gap:56px;justify-content:center;grid-template-areas:"head side" "main side"}.bhead{grid-area:head}.bmain{grid-area:main}.bside{grid-area:side;padding-top:8px}.bside .toc{position:sticky;top:104px;max-height:calc(100vh - 130px);overflow:auto}}
.bhead,.bmain{min-width:0}
.bmeta{margin:0 0 14px;color:#5F57EE;font-weight:600;font-size:15px;line-height:1.5}.bmeta a{color:#5F57EE}
.shr{display:flex;align-items:center;gap:8px;margin:0 0 22px;font-size:14px;color:#5A52E8;font-weight:700}.shr a,.shr .cpl{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:34px;border:1px solid #D6DCF7;border-radius:999px;background:#fff;color:#22187C;cursor:pointer;font:inherit;font-size:13px;font-weight:700}.shr a svg{width:18px;height:18px}.shr .cpl{padding:0 14px}.shr a:hover,.shr .cpl:hover{background:#F5F7FF;border-color:#5A52E8}
.bmain>.shr{margin:30px 0 26px}
.keyt{background:#F5F7FF;border:1px solid #E3E8FB;border-left:4px solid #5A52E8;border-radius:0 12px 12px 0;padding:16px 22px 6px;margin:0 0 26px}.keyt .kth{margin:0 0 8px;font-weight:800;color:#22187C;font-size:17px}.keyt ul{margin:0 0 10px;padding-left:20px}.keyt li{margin:0 0 8px;line-height:1.55}
.toc{background:#F5F7FF;border:1px solid #E3E8FB;border-radius:14px;padding:6px 18px;margin:0 0 30px}.toc summary{font-weight:800;color:#22187C;font-size:16px;padding:10px 0;cursor:pointer;list-style:none}.toc summary::-webkit-details-marker{display:none}
.toc ol{margin:0 0 12px;padding-left:20px;font-size:15px;line-height:1.4}.toc li{margin:7px 0}.toc a{color:#22187C;text-decoration:none;font-weight:600}.toc a:hover{text-decoration:underline}.toc a[aria-current]{color:#0033E0;text-decoration:underline}
@media(min-width:1100px){.toc{margin:0}.toc summary{cursor:default;pointer-events:none}.toc summary::after{content:none}}
@media(max-width:1099px){.toc summary::after{content:"+";float:right;font-size:20px;line-height:1}.toc[open] summary::after{content:"\2212"}}
.bbody{max-width:760px}
.bbody h2{margin:52px 0 14px;padding-top:26px;border-top:1px solid #E3E8FB;font-size:clamp(24px,3vw,30px)}.bbody>h2:first-child{margin-top:8px;padding-top:0;border-top:0}
.bbody h3{margin:34px 0 10px;font-size:clamp(19px,2.2vw,22px);color:#3A33B0}
.tw{overflow-x:auto;margin:0 0 20px}.tw table{margin:0;min-width:520px}
.abox{margin:0 0 40px;padding:18px 22px;background:#F5F7FF;border:1px solid #E3E8FB;border-radius:14px}.abox .an{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5F57EE}.abox .anm{margin:0 0 6px;font-size:18px;font-weight:800}.abox .anm a{color:#22187C;text-decoration:none}.abox p:last-child{margin:0;font-size:16px;line-height:1.6}
.rel{margin:0 0 20px}.rel h2{margin:0 0 16px;font-family:var(--hf);color:#22187C;font-size:clamp(22px,2.6vw,26px);text-align:left}
.rg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:900px){.rg{grid-template-columns:1fr}}
.rc{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid #E3E8FB;border-radius:14px;background:#fff;text-decoration:none;color:#000;transition:box-shadow .2s,border-color .2s}.rc:hover{border-color:#5A52E8;box-shadow:0 8px 22px rgba(34,24,124,.12)}
.rcc{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5F57EE}.rct{font-family:var(--hf);font-weight:700;color:#22187C;font-size:17px;line-height:1.3}.rcd{font-size:14px;line-height:1.5;color:#333;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rcm{margin-top:auto;font-size:14px;font-weight:700;color:#0033E0}
.bhead h1{text-align:left}.bbody h2,.bbody h3,.bbody h4{text-align:left}
.bhero img{max-height:340px;object-fit:cover}
.res{margin:28px 0 0;padding:16px 22px;border:1px solid #E3E8FB;border-radius:12px;background:#fff}.res .resh{margin:0 0 8px;font-weight:800;color:#22187C;font-size:16px}.res ul{margin:0;padding-left:20px}.res li{margin:6px 0}.res a{color:#0033E0;font-weight:600}
.crumbs a,.bmeta a,.bbody a,.res a,.abox .anm a{text-decoration:underline;text-underline-offset:2px}
.bhero img{max-height:430px;object-fit:cover;object-position:50% 40%}

/* MaintWiz blog home v1 "premium" (/blog-lean1/, 14 Nov 2026). Builds on _shell.css, mw-home.css, mw-blog.css. Light theme only. All classes prefixed bz- */
.bz{--ink:#16123F;--ink2:#4A4768;--line:#E6E8F7;--pri:#5C00C9;--navy:#22187C;--sh1:0 1px 2px rgba(34,24,124,.06),0 4px 14px rgba(34,24,124,.06);--sh2:0 2px 4px rgba(34,24,124,.06),0 18px 44px rgba(34,24,124,.16);padding:0 0 28px;background:#fff;color:var(--ink)}
.bz .bz-w{max-width:1240px;margin:0 auto;padding:0 24px}
.bz a{text-decoration:none}
.bz :focus-visible{outline:3px solid #8B5CF6;outline-offset:3px;border-radius:10px}

/* ---------- cover thumbnails ---------- */
.bz-th{position:relative;display:block;overflow:hidden;border-radius:18px;aspect-ratio:16/10;background:var(--a);isolation:isolate}
.bz-tk{position:absolute;inset:0;transition:transform .7s cubic-bezier(.2,.7,.2,1);background:
 radial-gradient(60% 85% at var(--x) var(--y),color-mix(in srgb,var(--c) 75%,transparent) 0,transparent 62%),
 radial-gradient(45% 65% at var(--x2) var(--y2),rgba(255,255,255,.30),transparent 70%),
 linear-gradient(135deg,var(--a),var(--b))}
.bz-tk::after{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.42) 1px,transparent 1.4px) 0 0/16px 16px;-webkit-mask-image:linear-gradient(135deg,#000 0,transparent 62%);mask-image:linear-gradient(135deg,#000 0,transparent 62%)}
.bz-gl,.bz-gh{position:absolute;fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round}
.bz-gl{right:7%;bottom:9%;width:46%;height:auto;max-height:78%;stroke-width:.85;filter:drop-shadow(0 10px 18px rgba(20,10,70,.28));transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.bz-gh{right:-12%;top:-26%;width:78%;height:auto;stroke-width:.35;opacity:.28}
.bz-tp{position:absolute;left:14px;top:14px;z-index:2;font:800 11px/1 var(--hf);letter-spacing:.07em;text-transform:uppercase;color:#fff;background:rgba(24,12,80,.34);border:1px solid rgba(255,255,255,.38);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 11px;border-radius:999px;max-width:calc(100% - 28px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bz-th::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);pointer-events:none}
a:hover>.bz-th .bz-tk,a:hover .bz-th .bz-tk{transform:scale(1.07)}
a:hover>.bz-th .bz-gl,a:hover .bz-th .bz-gl{transform:translateY(-5px) rotate(-3deg)}

/* ---------- hero ---------- */
.bz-hero{position:relative;overflow:hidden;padding:6px 0 54px;background:
 radial-gradient(900px 420px at 88% -10%,rgba(139,92,246,.20),transparent 62%),
 radial-gradient(700px 380px at -5% 10%,rgba(56,189,248,.16),transparent 60%),
 radial-gradient(600px 320px at 55% 110%,rgba(244,114,182,.12),transparent 60%),#FBFBFF}
.bz-hero .crumbs{padding-top:24px;margin-bottom:6px}
.bz-hg{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:48px;align-items:center}
.bz-eye{display:inline-flex;align-items:center;gap:9px;font:800 12.5px/1 var(--hf);letter-spacing:.09em;text-transform:uppercase;color:var(--pri);background:#fff;border:1px solid #E4D9FB;border-radius:999px;padding:9px 15px 9px 12px;box-shadow:var(--sh1)}
.bz-eye i{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#8B5CF6,#38BDF8);box-shadow:0 0 0 4px rgba(139,92,246,.18)}
.bz-hero h1{font-family:var(--hf);font-weight:800;color:var(--navy);font-size:clamp(33px,4.5vw,56px);line-height:1.06;letter-spacing:-.02em;margin:18px 0 18px;text-align:left}
.bz-hero h1 em{font-style:normal;background:linear-gradient(100deg,#5C00C9,#3B82F6 70%);-webkit-background-clip:text;background-clip:text;color:transparent}
.bz-lede{font-size:clamp(17px,1.6vw,19.5px);line-height:1.62;color:var(--ink2);max-width:640px;margin:0 0 26px}
.bz-search{position:relative;max-width:640px}
.bz-search input{width:100%;height:64px;border:1.5px solid #DCD9F5;border-radius:18px;padding:0 20px 0 58px;font:inherit;font-size:18px;color:var(--ink);background:#fff;box-shadow:var(--sh2);transition:border-color .2s,box-shadow .2s}
.bz-search input::placeholder{color:#7C7A99}
.bz-search input:focus{outline:none;border-color:var(--pri);box-shadow:0 0 0 5px rgba(92,0,201,.14),var(--sh2)}
.bz-search svg{position:absolute;left:20px;top:20px;width:24px;height:24px;color:var(--pri)}
.bz-pop{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;max-width:640px}
.bz-pop span{font-size:14px;font-weight:700;color:var(--ink2);margin-right:4px}
.bz-pop button{font:inherit;font-size:14.5px;font-weight:700;color:var(--navy);background:#fff;border:1px solid #DCD9F5;border-radius:999px;padding:7px 14px;cursor:pointer;transition:all .2s}
.bz-pop button:hover{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-1px)}
.bz-stat{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px 34px;list-style:none;margin:30px 0 0;padding:0}
.bz-stat li{font-size:14.5px;font-weight:600;color:var(--ink2);line-height:1.2}
.bz-stat b{display:block;font:800 30px/1.05 var(--hf);color:var(--navy);letter-spacing:-.02em}
.bz-stat a{color:var(--navy);font-weight:800}
.bz-stat .by b{font-size:19px;padding-top:11px}

/* hero collage: three real featured covers */
.bz-col{position:relative;height:560px}
.bz-col a{position:absolute;display:block;width:54%;border-radius:22px;background:#fff;padding:9px;box-shadow:var(--sh2);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.bz-col a .bz-th{border-radius:15px}
.bz-col a b{display:block;font:700 15px/1.3 var(--hf);color:var(--navy);padding:11px 6px 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bz-col a:nth-child(1){left:0;top:14px;transform:rotate(-4deg);z-index:2}
.bz-col a:nth-child(2){right:0;top:214px;transform:rotate(3.5deg);z-index:3}
.bz-col a:nth-child(3){left:5%;bottom:0;transform:rotate(-1.5deg);z-index:1}
.bz-col a:hover{transform:rotate(0) translateY(-8px) scale(1.03);z-index:5}
.bz-badge{position:absolute;right:2%;top:-6px;z-index:6;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 15px;font-size:13.5px;font-weight:800;color:var(--navy);box-shadow:var(--sh1)}
.bz-badge i{width:9px;height:9px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 4px rgba(34,197,94,.2)}

/* ---------- sticky topic bar ---------- */
.bz-bar{position:sticky;top:77px;z-index:30;background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(34,24,124,.05)}
.bz-bar .bz-w{display:flex;align-items:center;gap:14px;padding-top:12px;padding-bottom:12px}
.bz-chips{display:flex;gap:8px;overflow-x:auto;flex:1;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:3px 2px}
.bz-chips::-webkit-scrollbar{display:none}
.bz-chip{flex:none;display:inline-flex;align-items:center;gap:7px;border:1px solid #DCD9F5;background:#fff;color:var(--navy);font:inherit;font-weight:700;font-size:14.5px;border-radius:999px;padding:9px 15px;cursor:pointer;white-space:nowrap;transition:all .18s}
.bz-chip small{font-size:12px;font-weight:800;color:var(--pri);background:#F0E9FD;border-radius:999px;padding:2px 8px}
.bz-chip:hover{border-color:var(--pri);transform:translateY(-1px)}
.bz-chip[aria-pressed=true]{background:linear-gradient(135deg,#5C00C9,#3F2BD8);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(92,0,201,.32)}
.bz-chip[aria-pressed=true] small{background:rgba(255,255,255,.22);color:#fff}
.bz-rs{flex:none;font-size:14.5px;font-weight:700;color:var(--pri);margin:0;white-space:nowrap}

/* ---------- sections ---------- */
.bz-sec{padding:60px 0 6px;scroll-margin-top:150px}
.bz-k{font:800 12.5px/1 var(--hf);letter-spacing:.1em;text-transform:uppercase;color:var(--pri);margin:0 0 12px}
.bz-sec h2.bz-h{font-family:var(--hf);font-weight:800;color:var(--navy);font-size:clamp(27px,3.2vw,38px);line-height:1.12;letter-spacing:-.015em;margin:0 0 10px;text-align:left}
.bz-sub{font-size:17.5px;line-height:1.6;color:var(--ink2);margin:0 0 30px;max-width:720px}

/* featured */
.bz-fg{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px}
.bz-lead{display:flex;flex-direction:column;gap:18px;padding:12px 12px 26px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh1);color:inherit;transition:transform .35s,box-shadow .35s;grid-row:1/3}
.bz-lead:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.bz-lead .bz-th{border-radius:20px;aspect-ratio:16/10.2}
.bz-lead .bz-tp{left:18px;top:18px;font-size:12px;padding:8px 13px}
.bz-lead .bz-ti{font:800 clamp(24px,2.5vw,32px)/1.18 var(--hf);color:var(--navy);letter-spacing:-.01em;padding:0 16px}
.bz-lead .bz-ds{padding:0 16px;font-size:17px;-webkit-line-clamp:3}
.bz-lead .bz-mt{padding:0 16px}
.bz-side{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:center;padding:11px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh1);color:inherit;transition:transform .35s,box-shadow .35s}
.bz-side:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.bz-side .bz-th{aspect-ratio:1/1;border-radius:16px}
.bz-side .bz-tp{display:none}
.bz-side>span{display:flex;flex-direction:column;gap:8px;padding:6px 10px 6px 0}
.bz-ti{font:700 19px/1.28 var(--hf);color:var(--navy)}
.bz-ds{font-size:15.5px;line-height:1.55;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bz-mt{font-size:13.5px;font-weight:600;color:#6E6B8C}
.bz-go{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:14.5px;color:var(--pri)}
.bz-go::after{content:"→";transition:transform .25s}
a:hover>.bz-go::after,a:hover .bz-go::after{transform:translateX(5px)}

/* topic tiles */
.bz-tg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bz-tc{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px 20px 18px;border:1px solid var(--line);border-radius:22px;background:#fff;color:inherit;overflow:hidden;box-shadow:var(--sh1);transition:transform .3s,box-shadow .3s,border-color .3s}
.bz-tc::before{content:"";position:absolute;right:-36px;top:-36px;width:130px;height:130px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--b));opacity:.10;transition:opacity .3s,transform .5s}
.bz-tc:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:#CFC4F5}
.bz-tc:hover::before{opacity:.2;transform:scale(1.25)}
.bz-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 10px 20px color-mix(in srgb,var(--a) 38%,transparent);margin-bottom:4px}
.bz-ic svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bz-tc b{font:700 18.5px/1.25 var(--hf);color:var(--navy)}
.bz-tc>span{font-size:14.5px;line-height:1.5;color:var(--ink2)}
.bz-tc em{font-style:normal;font-weight:800;font-size:13.5px;color:var(--pri);margin-top:auto;padding-top:6px}

/* latest cards */
.bz-cg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}
.bz-cd{display:flex;flex-direction:column;gap:14px;color:inherit}
.bz-cd .bz-th{box-shadow:var(--sh1);transition:box-shadow .35s,transform .35s}
.bz-cd:hover .bz-th{box-shadow:var(--sh2);transform:translateY(-4px)}
.bz-cd .bz-ti{padding:0 4px;transition:color .2s}
.bz-cd:hover .bz-ti{color:var(--pri)}
.bz-cd .bz-ds,.bz-cd .bz-mt{padding:0 4px}

/* all guides by topic */
.bz-cs{padding:44px 0 6px;scroll-margin-top:150px;content-visibility:auto;contain-intrinsic-size:1px 640px}
.bz-ch{display:flex;align-items:center;gap:16px;margin:0 0 8px}
.bz-ch .bz-ic{flex:none;width:52px;height:52px}
.bz-ch h2{font:800 clamp(24px,2.8vw,31px)/1.15 var(--hf);color:var(--navy);margin:0;text-align:left;letter-spacing:-.01em}
.bz-ch h2 small{display:inline-block;font:800 13px/1 var(--hf);color:var(--pri);background:#F0E9FD;border-radius:999px;padding:6px 11px;margin-left:12px;vertical-align:middle;white-space:nowrap}
.bz-cdsc{font-size:16.5px;color:var(--ink2);margin:0 0 20px;max-width:760px;padding-left:68px}
.bz-lg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.bz-lg li{margin:0}
.bz-lg a{display:grid;grid-template-columns:92px minmax(0,1fr);gap:15px;align-items:center;height:100%;padding:10px;border:1px solid var(--line);border-radius:20px;background:#fff;color:inherit;box-shadow:var(--sh1);transition:transform .3s,box-shadow .3s,border-color .3s}
.bz-lg a:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:#CFC4F5}
.bz-lg .bz-th{aspect-ratio:1/1;border-radius:14px}
.bz-lg .bz-tp{display:none}
.bz-lg .bz-gl{width:58%;right:12%;bottom:14%}
.bz-lg a>span{display:flex;flex-direction:column;gap:5px;padding:2px 6px 2px 0;min-width:0}
.bz-lg .bz-ti{font-size:16.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bz-lg a:hover .bz-ti{color:var(--pri)}

/* FAQ */
.bz-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bz-fq{border:1px solid var(--line);border-radius:22px;padding:24px 26px;background:linear-gradient(180deg,#fff,#FAF9FF);box-shadow:var(--sh1)}
.bz-fq h3{font:700 19.5px/1.32 var(--hf);color:var(--navy);margin:0 0 10px}
.bz-fq p{font-size:16.5px;line-height:1.65;color:#2B2A4A;margin:0}
.bz-fq a{color:#0033E0;font-weight:800}

.bz-none{padding:50px 0;font-size:18px;color:var(--ink2)}
.bz-none a{color:#0033E0;font-weight:800}
.bz .hide{display:none!important}

@media(max-width:1060px){.bz-bar{top:63px}.bz-sec,.bz-cs{scroll-margin-top:130px}}
@media(max-width:1100px){.bz-tg{grid-template-columns:repeat(2,minmax(0,1fr))}.bz-lg{grid-template-columns:repeat(2,minmax(0,1fr))}.bz-hg{gap:28px}}
@media(max-width:960px){.bz-hg{grid-template-columns:1fr}.bz-col{display:none}.bz-hero{padding-bottom:40px}.bz-fg{grid-template-columns:1fr}.bz-lead{grid-row:auto}.bz-cg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .bz .bz-w{padding:0 16px}
 .bz-hero h1{font-size:32px}
 .bz-search input{height:58px;font-size:16.5px;border-radius:16px;padding-left:52px}.bz-search svg{top:17px;left:17px}
 .bz-stat{gap:12px 26px}.bz-stat b{font-size:26px}
 .bz-bar .bz-w{padding-left:16px;padding-right:0}.bz-rs{display:none}
 .bz-sec{padding-top:46px}
 .bz-tg,.bz-cg,.bz-lg,.bz-faq{grid-template-columns:1fr}
 .bz-side{grid-template-columns:104px minmax(0,1fr)}
 .bz-lead .bz-ti{padding:0 8px}.bz-lead .bz-ds,.bz-lead .bz-mt{padding:0 8px}
 .bz-cdsc{padding-left:0}
 .bz-ch .bz-ic{width:46px;height:46px}
}
@media(prefers-reduced-motion:reduce){.bz *{transition:none!important}}