:root{--navy:#142240;--navy2:#1d2f55;--navy3:#0d1730;--or:#fa8604;--or2:#e07600;--am:#fba311;--bg:#fff;--alt:#f5f7fc;--tx:#1a2540;--mu:#5c6985;--bd:#e3e8f2;--r:16px;--sh:0 10px 34px rgba(20,34,64,.09);--hf:"Poppins",sans-serif;--bf:"Poppins",sans-serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.65 var(--bf);color:var(--tx);background:var(--bg);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--hf);line-height:1.2;margin:0 0 .5em;color:var(--navy);letter-spacing:-.01em}
h1{font-size:clamp(2rem,4.2vw,3.2rem);font-weight:800}h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700}h3{font-size:1.15rem;font-weight:700}p{margin:0 0 1em}ul{margin:0;padding:0}
.ic{flex:none}.wrap{width:100%;max-width:1220px;margin:0 auto;padding:0 20px}.narrow{max-width:860px}.c{text-align:center}.mt{margin-top:34px}.pt0{padding-top:0!important}
.skip{position:absolute;left:-999px;top:0;background:var(--or);color:#fff;padding:10px 16px;z-index:200}.skip:focus{left:10px;top:10px}
:focus-visible{outline:3px solid rgba(250,134,4,.55);outline-offset:2px}
.hp{position:absolute;left:-5000px;height:0;overflow:hidden}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 15px/1 var(--hf);padding:15px 26px;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:.18s;white-space:nowrap}
.btn.sm{padding:10px 16px;font-size:13.5px}.btn.block{width:100%;margin-top:10px}
.btn-or{background:var(--or);color:#fff;box-shadow:0 8px 20px rgba(250,134,4,.28)}.btn-or:hover{background:var(--or2);transform:translateY(-2px)}
.btn-line{border-color:rgba(255,255,255,.55);color:#fff}.btn-line:hover{background:#fff;color:var(--navy)}
.btn-line-d{border-color:var(--navy);color:var(--navy);background:transparent}.btn-line-d:hover{background:var(--navy);color:#fff}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.c .btns{justify-content:center}
/* top bar & header */
.topbar{background:var(--navy3);color:#b9c4de;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.topbar a{display:inline-flex;align-items:center;gap:6px;margin-right:18px}.topbar a:hover{color:#fff}.tb-r a{margin:0 0 0 18px}
.hdr{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd);transition:box-shadow .2s}.hdr.stuck{box-shadow:0 6px 24px rgba(20,34,64,.1)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand img{height:42px;width:auto}
.mnav{display:flex;align-items:center;gap:18px}.mnav>ul{display:flex;align-items:center;list-style:none;gap:2px}
.mnav>ul>li{position:relative}.mnav>ul>li>a{display:flex;align-items:center;gap:4px;padding:28px 12px;font:600 14.5px var(--hf);color:var(--navy);position:relative}
.mnav>ul>li>a:after{content:"";position:absolute;left:12px;right:12px;bottom:18px;height:3px;border-radius:3px;background:var(--or);transform:scaleX(0);transition:.2s}
.mnav>ul>li:hover>a:after,.mnav a[aria-current]:after{transform:scaleX(1)}.mnav>ul>li>a svg{display:none}.mnav>ul>li>a.dd svg{display:inline;width:15px;height:15px}
.mob-only{display:none}.burger{display:none;background:0;border:0;padding:8px;cursor:pointer;color:var(--navy)}
.mega{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);opacity:0;visibility:hidden;transition:.18s;background:#fff;border:1px solid var(--bd);border-radius:18px;box-shadow:0 24px 60px rgba(20,34,64,.16);padding:10px;min-width:300px}
.has:hover>.mega,.has:focus-within>.mega,.has.open>.mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega-in{display:grid;gap:2px;padding:8px}.cols-2{grid-template-columns:repeat(2,minmax(220px,1fr))}.cols-3{grid-template-columns:repeat(2,minmax(250px,1fr))}
.mega a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14.5px;font-weight:500;color:var(--tx)}.mega a svg{color:var(--or)}.mega a:hover{background:var(--alt);color:var(--navy)}
.mcol{display:grid;gap:2px;align-content:start}.mcol .mh{font:700 15px var(--hf);color:var(--navy)}.mcol a:not(.mh){padding-left:42px;color:var(--mu)}.mega .more{font-weight:700;color:var(--or);grid-column:1/-1}
.has:nth-last-child(n+6) .mega{left:0;transform:translate(0,8px)}.has:nth-last-child(n+6):hover>.mega{transform:none}
/* hero */
.hero{background:radial-gradient(1200px 500px at 85% -10%,rgba(250,134,4,.22),transparent 60%),linear-gradient(135deg,var(--navy),var(--navy3));color:#fff;padding:84px 0 92px;overflow:hidden}
.hero h1{color:#fff;max-width:15ch}.hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.hero .lead{color:#cbd5ee;font-size:1.15rem;max-width:56ch}
.eyebrow{font:700 12.5px var(--hf);letter-spacing:.14em;text-transform:uppercase;color:var(--or);margin-bottom:14px}
.hero-pts{list-style:none;display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;color:#dbe3f6;font-weight:500}.hero-pts li{display:flex;gap:8px;align-items:center}.hero-pts svg{color:var(--am)}
.hero-v{position:relative;min-height:360px;display:grid;place-items:center}.orbit{width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.07);border:1px dashed rgba(255,255,255,.25);display:grid;place-items:center;animation:spin 40s linear infinite}.orbit img{width:210px;height:auto;animation:spin 40s linear infinite reverse;background:#fff;border-radius:50%;padding:14px}
@keyframes spin{to{transform:rotate(360deg)}}.chip{position:absolute;display:flex;gap:8px;align-items:center;background:#fff;color:var(--navy);font:700 13.5px var(--hf);padding:10px 16px;border-radius:99px;box-shadow:0 14px 34px rgba(0,0,0,.28)}.chip svg{color:var(--or)}
.c1{top:14px;left:2%}.c2{top:60px;right:0}.c3{bottom:50px;left:0}.c4{bottom:10px;right:8%}
.stats{background:#fff;margin-top:-42px;position:relative;z-index:2}.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:20px;box-shadow:var(--sh);border:1px solid var(--bd);overflow:hidden;padding:0}
.stats .wrap>div{padding:26px 22px;text-align:center;border-right:1px solid var(--bd)}.stats .wrap>div:last-child{border:0}.stats b{display:block;font:800 2rem var(--hf);color:var(--or)}.stats span{color:var(--mu);font-size:.93rem}
/* sections */
.sec{padding:84px 0}.sec.alt{background:var(--alt)}.sec.navy{background:linear-gradient(135deg,var(--navy),var(--navy3));color:#cfd9f1}.sec.navy h2,.sec.navy h3{color:#fff}.sec.navy .eyebrow{color:var(--am)}
.shead{max-width:720px;margin:0 0 44px}.shead.c{margin-left:auto;margin-right:auto}.shead p:not(.eyebrow){color:var(--mu);font-size:1.07rem}.navy .shead p{color:#b9c6e4}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ibox{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#fff3e2,#ffe4c2);color:var(--or);margin-bottom:16px}.ibox.lg{width:80px;height:80px;border-radius:22px;margin:0;flex:none}
.icard,.fcard{display:block;background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:28px 24px;transition:.22s;height:100%}.icard:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:transparent}
.icard p,.fcard p{color:var(--mu);font-size:.96rem}.more{display:inline-flex;align-items:center;gap:6px;font:700 14px var(--hf);color:var(--or)}.icard:hover .more svg{transform:translateX(4px)}.more svg{transition:.2s}
.catcard{display:flex;gap:24px;align-items:center;padding:30px;background:linear-gradient(135deg,#fff,var(--alt));border:1px solid var(--bd);border-radius:22px;transition:.22s}.catcard:hover{box-shadow:var(--sh);transform:translateY(-4px)}.catcard h2,.catcard h3{margin-bottom:6px}.catcard p{color:var(--mu);margin-bottom:10px}.catcard.big{padding:38px}
.why>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:28px 24px}.why svg{color:var(--am);margin-bottom:14px}.why p{color:#b9c6e4;margin:0}
.tag{display:inline-block;font:700 11.5px var(--hf);letter-spacing:.06em;text-transform:uppercase;background:#fff3e2;color:var(--or2);padding:4px 10px;border-radius:99px}
/* products */
.pcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;transition:.22s;height:100%}.pcard:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.pimg,.dimg{aspect-ratio:4/3;background:#f4f6fb;display:grid;place-items:center;padding:14px}.pimg img,.fit,.dimg img{width:100%;height:100%;object-fit:contain}.noimg{display:grid;place-items:center;color:#b6c0d8;width:100%;height:100%;min-height:140px}
.pbody{padding:20px;display:flex;flex-direction:column;gap:6px;flex:1}.pbody h3{margin:6px 0 0}.pbody p{color:var(--mu);font-size:.93rem;margin:0;flex:1}.price{font:700 14px var(--hf);color:var(--or2);margin-top:8px}.price.lg{font-size:1.4rem;margin:12px 0}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.tabs a{padding:10px 18px;border-radius:99px;background:var(--alt);font:600 14px var(--hf);color:var(--navy);border:1px solid var(--bd)}.tabs a.on,.tabs a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.pdetail{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:start}.gal-main{aspect-ratio:4/3;background:#f4f6fb;border-radius:20px;display:grid;place-items:center;padding:18px;border:1px solid var(--bd)}.gal-main img{width:100%;height:100%;object-fit:contain}
.gal-th{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.gal-th button{width:84px;height:64px;padding:4px;background:#f4f6fb;border:2px solid var(--bd);border-radius:12px;cursor:pointer}.gal-th button.on,.gal-th button:hover{border-color:var(--or)}.gal-th img{width:100%;height:100%;object-fit:contain}
.pinfo h1{font-size:clamp(1.7rem,3vw,2.4rem);margin-top:12px}.brand-l{color:var(--mu)}.pinfo .lead{color:var(--mu)}.feat{list-style:none;display:grid;gap:10px;margin-top:26px;padding-top:22px;border-top:1px solid var(--bd)}.feat li{display:flex;gap:10px;align-items:center;font-weight:500}.feat svg{color:var(--or)}
.dcard{margin:0;background:#fff;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden}.dcard figcaption{padding:18px 20px}.dcard h3{display:flex;gap:8px;align-items:center}.dcard h3 svg{color:var(--or)}.dcard p{color:var(--mu);margin:0;font-size:.95rem}
/* page hero & content */
.phero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:54px 0 58px}.phero.slim{padding:18px 0;background:var(--alt);color:var(--tx)}.phero h1{color:#fff;font-size:clamp(1.9rem,3.6vw,2.8rem);margin-bottom:10px}.phero .lead{color:#c5d0ea;max-width:62ch;font-size:1.1rem;margin:0}
.crumbs ol{list-style:none;display:flex;gap:8px;flex-wrap:wrap;font-size:13.5px;margin:0 0 16px;padding:0;color:#aab7d6}.crumbs li+li:before{content:"/";margin-right:8px;opacity:.6}.crumbs a:hover{color:var(--or)}.slim .crumbs ol{margin:0;color:var(--mu)}
.byline{color:#b9c6e4;font-size:.95rem}.byline b{color:#fff}
.prose{font-size:1.06rem;line-height:1.8}.prose h2{margin-top:1.8em;font-size:1.65rem}.prose h3{margin-top:1.5em;font-size:1.25rem}.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.2em}.prose li{margin-bottom:.4em}.prose ul li::marker{color:var(--or)}
.prose img{border-radius:14px;margin:1.4em 0}.prose a{color:var(--or2);text-decoration:underline}.prose blockquote{border-left:4px solid var(--or);margin:1.5em 0;padding:6px 20px;background:var(--alt);border-radius:0 12px 12px 0;color:var(--mu)}
.prose.intro{max-width:860px;margin:0 0 40px}.hero-img{background:var(--alt);border-radius:20px;padding:10px;margin-bottom:26px}.hero-img img{width:100%;max-height:520px;object-fit:contain}
.two{display:grid;grid-template-columns:1fr 360px;gap:46px;align-items:start}.side{display:grid;gap:20px;position:sticky;top:100px}.box{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:26px;box-shadow:0 4px 18px rgba(20,34,64,.05)}.box h2{font-size:1.5rem}.box.c{text-align:center}
.plain{list-style:none}.plain li{margin-bottom:8px}.plain a{display:flex;gap:10px;align-items:center;color:var(--tx);font-weight:500}.plain a:hover{color:var(--or)}.plain svg{color:var(--or)}.ct li{display:flex;gap:12px;margin-bottom:12px;align-items:flex-start}.ct svg{color:var(--or);margin-top:3px}
.share{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:36px;padding-top:20px;border-top:1px solid var(--bd)}.share a{padding:8px 16px;border:1px solid var(--bd);border-radius:99px;font-weight:600;font-size:14px}.share a:hover{background:var(--navy);color:#fff}
.map iframe{width:100%;height:260px;border:0;border-radius:12px}.map{padding:12px}
/* cards: blog, jobs, clients, gallery */
.bcard{background:#fff;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;transition:.22s;display:flex;flex-direction:column}.bcard:hover{box-shadow:var(--sh);transform:translateY(-5px)}.bimg{aspect-ratio:16/9;background:#f4f6fb;display:block;overflow:hidden}.bimg img{width:100%;height:100%;object-fit:contain}
.bbody{padding:22px;display:flex;flex-direction:column;gap:6px}.bbody h3 a:hover{color:var(--or)}.bbody p{color:var(--mu);font-size:.95rem;margin:0}.meta{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--mu)}
.pager{display:flex;gap:8px;justify-content:center;margin-top:40px}.pager a{min-width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--bd);border-radius:10px;font-weight:700}.pager a.on,.pager a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.job{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:24px;margin-bottom:16px;transition:.2s}.job:hover{box-shadow:var(--sh);border-color:var(--or)}.job h3{margin-bottom:4px}.job p{color:var(--mu);margin:0 0 10px}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{display:inline-flex;gap:6px;align-items:center;background:var(--alt);padding:6px 12px;border-radius:99px;font-size:13px;font-weight:600;color:var(--navy)}.chips svg{color:var(--or)}.chips.lg span{font-size:14px;padding:8px 14px}.chips.lg{margin-bottom:24px}
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}.logo-i{background:#fff;border:1px solid var(--bd);border-radius:14px;height:110px;display:grid;place-items:center;padding:16px;filter:grayscale(1);opacity:.8;transition:.2s}.logo-i:hover{filter:none;opacity:1}.logo-i img{max-height:70px;width:auto;object-fit:contain}.logos.big .logo-i{height:130px}
.quote{margin:0;background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:28px}.quote svg{color:var(--or)}.quote cite{font:700 14px var(--hf);font-style:normal;color:var(--navy)}
.masonry{columns:3 280px;column-gap:18px}.masonry figure{margin:0 0 18px;break-inside:avoid;background:#fff;border:1px solid var(--bd);border-radius:14px;overflow:hidden}.masonry img{width:100%;height:auto}.masonry figcaption{padding:10px 14px;font-weight:600;font-size:14px}.masonry a{display:block;background:#f4f6fb;cursor:zoom-in}
.lb{position:fixed;inset:0;background:rgba(8,14,30,.92);z-index:300;display:grid;place-items:center;padding:30px}.lb img{max-width:100%;max-height:86vh;object-fit:contain;border-radius:8px}.lb button{position:absolute;top:18px;right:22px;background:0;border:0;color:#fff;font-size:38px;cursor:pointer}.lb p{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#dfe6f7;margin:0}
/* showcase slider (images shown whole, never cropped) */
.showcase{padding:20px 0 0;background:#fff}.slides{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:12/5;max-height:560px;background:var(--navy);box-shadow:var(--sh)}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s;background:var(--bg) center/cover no-repeat}.slide:before{content:"";position:absolute;inset:0;backdrop-filter:blur(28px);background:rgba(20,34,64,.35)}.slide.on{opacity:1;visibility:visible}
.slide-a{position:absolute;inset:0;display:block}.slide img{position:relative;width:100%;height:100%;object-fit:contain}
.sl-btn{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.88);font-size:28px;line-height:1;cursor:pointer;color:var(--navy);z-index:3}.sl-btn.prev{left:14px}.sl-btn.next{right:14px}
.sl-dots{position:absolute;bottom:14px;left:0;right:0;display:flex;gap:8px;justify-content:center;z-index:3}.sl-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.6);cursor:pointer;padding:0}.sl-dots button.on{background:var(--or);width:28px;border-radius:6px}
/* faq, cta, forms */
.faq-list{display:grid;gap:12px}details{background:#fff;border:1px solid var(--bd);border-radius:14px;overflow:hidden}summary{cursor:pointer;padding:18px 22px;font:700 1.02rem var(--hf);color:var(--navy);list-style:none;display:flex;justify-content:space-between;gap:14px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--or);font-size:1.5rem;line-height:1}details[open] summary:after{content:"\2212"}details[open]{border-color:var(--or)}.ans{padding:0 22px 20px;color:var(--mu)}
.cta{background:linear-gradient(135deg,var(--or),var(--am));color:#fff;padding:54px 0}.cta-in{display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap}.cta h2{color:#fff;margin-bottom:6px}.cta p{margin:0;color:#fff4e3}.cta-b{display:flex;gap:12px;flex-wrap:wrap}.cta .btn-or{background:var(--navy);box-shadow:none}.cta .btn-or:hover{background:var(--navy3)}.cta .btn-line:hover{color:var(--or)}
.form{display:grid;gap:14px}.form label{display:block;font-weight:600;font-size:14px}.form label small{font-weight:400;color:var(--mu)}.form input,.form textarea,.form select{width:100%;margin-top:6px;padding:13px 14px;border:1px solid #cdd5e6;border-radius:11px;font:inherit;background:#fff;color:var(--tx)}.form input:focus,.form textarea:focus{outline:3px solid rgba(250,134,4,.25);border-color:var(--or)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fine{font-size:12.5px;color:var(--mu);margin:0}.alert{padding:12px 16px;border-radius:11px;margin-bottom:14px;font-size:14.5px}.alert.ok{background:#e9f8ef;color:#126b34;border:1px solid #bfe8cd}.alert.err{background:#fdecec;color:#9b1c1c;border:1px solid #f5c2c2}
/* footer */
.ftr{background:var(--navy3);color:#aab7d6;padding-top:64px}.ftr-grid{display:grid;grid-template-columns:1.5fr 1fr 1.1fr 1.1fr 1.3fr;gap:34px}.ftr h2{font:700 15px var(--hf);color:#fff;margin-bottom:16px}.ftr h2.mt{margin-top:24px}.ftr ul{list-style:none}.ftr li{margin-bottom:9px;font-size:14.5px}.ftr a:hover{color:var(--or)}
.ftr-logo{background:#fff;padding:10px 14px;border-radius:12px;margin-bottom:16px;height:auto;width:200px}.ftr-brand p{font-size:14.5px}.soc{display:flex;gap:8px}.soc a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;font:700 12px var(--hf);color:#fff}.soc a:hover{background:var(--or);color:#fff}
.ftr .ct li{display:flex;gap:10px}.ftr .ct svg{color:var(--or)}.ftr-bar{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding:20px 0;font-size:13.5px}.ftr-bar .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.wa{position:fixed;left:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.25);z-index:90}.wa:hover{transform:scale(1.07)}
/* chatbot */
.chat{position:fixed;right:18px;bottom:18px;z-index:120;--chat:#fa8604}.chat[hidden]{display:block!important}.chat-fab{position:relative;width:62px;height:62px;border-radius:50%;border:0;background:var(--chat);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.28);transition:.2s}.chat-fab:hover{transform:scale(1.07)}.chat-dot{position:absolute;top:4px;right:4px;width:13px;height:13px;border-radius:50%;background:#22c55e;border:2px solid #fff}
.chat-panel{position:absolute;right:0;bottom:78px;width:min(392px,calc(100vw - 28px));height:min(580px,calc(100vh - 130px));background:#fff;border-radius:20px;box-shadow:0 28px 70px rgba(10,20,50,.35);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--bd)}.chat-panel[hidden]{display:none}
.chat-panel header{display:flex;gap:12px;align-items:center;padding:16px 18px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff}.chat-panel header b{display:block;font-family:var(--hf)}.chat-panel header small{opacity:.75}.chat-av{width:40px;height:40px;border-radius:50%;background:var(--chat);display:grid;place-items:center}.chat-x{margin-left:auto;background:0;border:0;color:#fff;cursor:pointer;padding:6px}
.chat-body{flex:1;overflow-y:auto;padding:16px;background:#f5f7fc;display:flex;flex-direction:column;gap:10px}.cm{max-width:84%;padding:11px 14px;border-radius:16px;font-size:14.5px;line-height:1.5;word-wrap:break-word;animation:pop .2s ease}@keyframes pop{from{opacity:0;transform:translateY(6px)}}
.cm.bot{background:#fff;border:1px solid var(--bd);align-self:flex-start;border-bottom-left-radius:4px}.cm.user{background:var(--chat);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.cm.err{background:#fdecec;color:#9b1c1c;align-self:flex-start;font-size:13px}
.typing{display:flex;gap:4px;padding:14px}.typing i{width:7px;height:7px;border-radius:50%;background:#a7b2cc;animation:bl 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes bl{50%{opacity:.25}}
.chips-c{display:flex;flex-wrap:wrap;gap:8px;align-self:flex-start}.chips-c button{border:1.5px solid var(--chat);background:#fff;color:var(--navy);padding:8px 14px;border-radius:99px;font:600 13.5px var(--bf);cursor:pointer}.chips-c button:hover{background:var(--chat);color:#fff}
.chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--bd);background:#fff;align-items:flex-end}.chat-input{flex:1}.chat-input input,.chat-input textarea{width:100%;border:1px solid #cdd5e6;border-radius:12px;padding:11px 13px;font:15px var(--bf);resize:none}.chat-input input:focus,.chat-input textarea:focus{outline:2px solid var(--chat);border-color:transparent}.chat-input .skipb{background:0;border:0;color:var(--mu);font-size:12.5px;cursor:pointer;margin-top:4px;text-decoration:underline}
.chat-send{width:46px;height:46px;border-radius:12px;border:0;background:var(--chat);color:#fff;cursor:pointer;display:grid;place-items:center;flex:none}.chat-send:disabled{opacity:.4}
/* responsive */
@media(max-width:1100px){.grid-4{grid-template-columns:repeat(3,1fr)}.ftr-grid{grid-template-columns:1fr 1fr 1fr}.ftr-brand{grid-column:1/-1}.mnav>ul>li>a{padding:28px 8px;font-size:14px}.hdr-cta{display:none}}
@media(max-width:960px){
.burger{display:block}.mnav{position:fixed;top:0;right:0;bottom:0;width:min(86vw,380px);background:#fff;flex-direction:column;align-items:stretch;padding:84px 20px 30px;gap:14px;overflow-y:auto;transform:translateX(105%);transition:.28s;box-shadow:-20px 0 60px rgba(0,0,0,.25);z-index:110}.mnav.open{transform:none}.burger{position:relative;z-index:120}
.mnav>ul{flex-direction:column;align-items:stretch;gap:0}.mnav>ul>li>a{padding:15px 6px;border-bottom:1px solid var(--bd);justify-content:space-between}.mnav>ul>li>a:after{display:none}.mnav>ul>li>a.dd svg{display:inline}
.mega{position:static;transform:none!important;opacity:1;visibility:visible;display:none;box-shadow:none;border:0;padding:0;min-width:0;border-radius:0}.has.open>.mega{display:block}.has:hover>.mega{display:none}.has.open:hover>.mega{display:block}.cols-2,.cols-3{grid-template-columns:1fr}.mega-in{padding:4px 0 8px 8px}.mob-only{display:block}.hdr-cta{display:inline-flex}.has.open>a svg{transform:rotate(180deg)}
.hero-in,.pdetail,.two{grid-template-columns:1fr}.hero-v{display:none}.hero{padding:56px 0 78px}.side{position:static}.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.stats .wrap{grid-template-columns:repeat(2,1fr)}.stats .wrap>div:nth-child(2){border-right:0}.stats .wrap>div:nth-child(-n+2){border-bottom:1px solid var(--bd)}
.slides{aspect-ratio:16/9}.topbar .tb-r{display:none}}
@media(max-width:640px){body{font-size:15.5px}.sec{padding:58px 0}.grid-3,.grid-4,.row2{grid-template-columns:1fr}.ftr-grid{grid-template-columns:1fr 1fr}.job{flex-direction:column;align-items:flex-start}.catcard{flex-direction:column;align-items:flex-start}.tb-l a:nth-child(2){display:none}.cta-in{text-align:center;justify-content:center}.slides{border-radius:14px;aspect-ratio:4/3}.chat-panel{bottom:72px;height:min(560px,calc(100vh - 110px))}.btn{padding:14px 20px}.ftr-bar .wrap{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ============================================================
   DESIGN LAYER v2 - premium look: depth, glass, gradients, motion
   (overrides the base rules above; safe to remove to go back)
   ============================================================ */
:root{--sh:0 1px 2px rgba(20,34,64,.04),0 14px 40px rgba(20,34,64,.09);--sh-lg:0 30px 80px rgba(20,34,64,.18);--grad:linear-gradient(135deg,#fb9a1d,#fa7a04);--r:20px;--ease:cubic-bezier(.2,.7,.2,1)}
body{background:#fff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
::selection{background:rgba(250,134,4,.25)}
h1,h2{letter-spacing:-.025em}
/* buttons */
.btn{border-radius:14px;position:relative;overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s,background .2s,color .2s}
.btn-or{background:var(--grad);box-shadow:0 10px 24px rgba(250,122,4,.32),inset 0 1px 0 rgba(255,255,255,.28)}
.btn-or:hover{background:var(--grad);filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 16px 32px rgba(250,122,4,.4)}
.btn-or:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s}
.btn-or:hover:before{transform:translateX(120%)}
.btn-line{backdrop-filter:blur(6px);background:rgba(255,255,255,.06)}
.btn:active{transform:translateY(0) scale(.98)}
/* header */
.topbar{background:linear-gradient(90deg,#0a1226,#0d1730)}
.hdr{background:rgba(255,255,255,.82);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid rgba(20,34,64,.07)}
.hdr-in{min-height:72px}.brand img{height:44px}
.mnav>ul>li>a{font-weight:600;color:#26345a;transition:color .15s}.mnav>ul>li:hover>a,.mnav a[aria-current]{color:var(--or2)}
.mnav>ul>li>a:after{height:3px;bottom:16px;background:var(--grad)}
.mega{border-radius:20px;border:1px solid rgba(20,34,64,.07);box-shadow:var(--sh-lg);backdrop-filter:blur(14px);background:rgba(255,255,255,.97)}
.mega a{transition:background .15s,transform .15s}.mega a:hover{transform:translateX(3px);background:linear-gradient(90deg,#fff4e6,#fff)}
/* hero */
.hero{position:relative;isolation:isolate;padding:104px 0 128px;background:radial-gradient(900px 520px at 88% -8%,rgba(250,134,4,.34),transparent 62%),radial-gradient(700px 480px at -8% 108%,rgba(61,110,255,.28),transparent 60%),linear-gradient(140deg,#142240 0%,#0b1430 100%)}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 30%,#000,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 60% 30%,#000,transparent 75%)}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:70px;background:linear-gradient(transparent,rgba(255,255,255,.0));pointer-events:none}
.hero h1{max-width:16ch;font-size:clamp(2.3rem,5vw,3.9rem);line-height:1.07;background:linear-gradient(180deg,#fff 40%,#c9d6f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero .lead{font-size:1.2rem;color:#c3d0ee}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.16em}.eyebrow:before{content:"";width:28px;height:2px;border-radius:2px;background:var(--grad)}
.hero .eyebrow{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:7px 14px;border-radius:99px;color:#ffc27a;letter-spacing:.1em;backdrop-filter:blur(6px)}.hero .eyebrow:before{display:none}
.hero-pts li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:8px 14px;border-radius:99px;font-size:.93rem}
.orbit{width:320px;height:320px;background:radial-gradient(circle,rgba(255,255,255,.14),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.22);box-shadow:0 0 90px rgba(250,134,4,.25),inset 0 0 60px rgba(255,255,255,.06)}
.orbit img{box-shadow:0 20px 50px rgba(0,0,0,.35)}
.chip{background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);animation:float 6s ease-in-out infinite}.c2{animation-delay:-1.5s}.c3{animation-delay:-3s}.c4{animation-delay:-4.5s}
@keyframes float{50%{transform:translateY(-10px)}}
/* stats */
.stats{margin-top:-60px}.stats .wrap{border-radius:24px;box-shadow:var(--sh-lg);border:1px solid rgba(20,34,64,.06)}
.stats b{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:2.2rem}
/* sections + headings */
.sec{padding:96px 0}.sec.alt{background:linear-gradient(180deg,#f6f8fd,#f1f4fb)}
.shead h2{margin-bottom:.4em}.shead p:not(.eyebrow){font-size:1.1rem}
.sec.navy{background:radial-gradient(800px 400px at 90% 0,rgba(250,134,4,.2),transparent 60%),linear-gradient(135deg,#142240,#0b1430)}
/* cards */
.ibox{background:linear-gradient(135deg,#fff4e4,#ffe2bd);box-shadow:inset 0 0 0 1px rgba(250,134,4,.12);transition:.3s var(--ease)}
.icard,.fcard,.pcard,.bcard,.catcard,.job,.quote,.box,.dcard{border-color:rgba(20,34,64,.08);transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.icard{position:relative;overflow:hidden}.icard:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.icard:hover{transform:translateY(-8px);box-shadow:var(--sh-lg)}.icard:hover:before{transform:scaleX(1)}
.icard:hover .ibox,.catcard:hover .ibox{background:var(--grad);color:#fff;box-shadow:0 12px 26px rgba(250,122,4,.35);transform:rotate(-4deg) scale(1.06)}
.pcard:hover,.bcard:hover,.catcard:hover{transform:translateY(-8px);box-shadow:var(--sh-lg);border-color:transparent}
.pimg,.dimg,.bimg{background:linear-gradient(160deg,#f7f9fe,#eef2fa)}.pcard img,.bcard img{transition:transform .5s var(--ease)}.pcard:hover img,.bcard:hover .bimg img{transform:scale(1.05)}
.catcard{background:linear-gradient(135deg,#fff 40%,#f3f6fd);border-radius:24px}
.why>div{background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));backdrop-filter:blur(6px);transition:.3s var(--ease)}.why>div:hover{transform:translateY(-6px);border-color:rgba(250,163,17,.5)}
.tag{background:linear-gradient(135deg,#fff3e2,#ffe7c9)}
.tabs a{transition:.2s}
.logo-i{border-radius:16px}
/* page hero */
.phero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(700px 300px at 90% 0,rgba(250,134,4,.28),transparent 60%),linear-gradient(135deg,#142240,#1d2f55);padding:64px 0 68px}
.phero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}
.phero.slim{background:var(--alt)}.phero.slim:before{display:none}
/* prose / content polish */
.prose{color:#2a3658}.prose h2{position:relative;padding-top:.2em}.prose a{text-decoration-thickness:1.5px;text-underline-offset:3px}
.box{box-shadow:var(--sh);border-radius:20px}
.side .box.c{background:linear-gradient(160deg,#142240,#1d2f55);color:#cfd9f1;border:0}.side .box.c h2,.side .box.c h3{color:#fff}.side .box.c p{color:#b9c6e4}
/* forms */
.form input,.form textarea,.form select{border-radius:12px;border-color:#d3dbea;transition:border-color .15s,box-shadow .15s}.form input:hover,.form textarea:hover{border-color:#b6c2dc}
.form input:focus,.form textarea:focus,.form select:focus{outline:0;border-color:var(--or);box-shadow:0 0 0 4px rgba(250,134,4,.16)}
details{border-radius:16px;transition:box-shadow .2s,border-color .2s}details[open]{box-shadow:var(--sh)}summary{transition:color .15s}summary:hover{color:var(--or2)}
/* CTA + footer */
.cta{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#fa8604,#fbb02a)}.cta:before{content:"";position:absolute;right:-80px;top:-120px;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.14);z-index:-1}.cta:after{content:"";position:absolute;left:12%;bottom:-160px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.1);z-index:-1}
.ftr{background:linear-gradient(180deg,#0d1730,#080f20);position:relative}.ftr:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#fa8604,#fba311,transparent)}
.ftr a{transition:color .15s}.soc a{transition:.2s var(--ease)}.soc a:hover{transform:translateY(-3px)}
/* chatbot */
.chat-fab{background:var(--grad);box-shadow:0 14px 34px rgba(250,122,4,.45)}.chat-fab:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(250,134,4,.4);animation:ping 2.4s ease-out infinite}@keyframes ping{from{transform:scale(.9);opacity:.9}to{transform:scale(1.35);opacity:0}}
.chat-panel{border-radius:24px;border:0;box-shadow:0 34px 90px rgba(10,20,50,.4)}
.chat-panel header{background:radial-gradient(300px 120px at 100% 0,rgba(250,134,4,.4),transparent 70%),linear-gradient(135deg,#142240,#1d2f55);padding:18px 20px}
.cm{border-radius:18px}.cm.user{background:var(--grad)}
/* slider */
.slides{border-radius:26px;box-shadow:var(--sh-lg)}.sl-btn{backdrop-filter:blur(8px);box-shadow:0 6px 18px rgba(0,0,0,.2);transition:.2s}.sl-btn:hover{transform:translateY(-50%) scale(1.08);background:#fff}
/* scroll reveal (only active when JS adds .js - content is never hidden without JS) */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
@media(max-width:960px){.hero{padding:68px 0 96px}.stats{margin-top:-44px}.sec{padding:68px 0}}
@media(max-width:640px){.hero{padding:52px 0 84px}.hero h1{font-size:2.1rem}.sec{padding:56px 0}.icard:hover,.pcard:hover,.bcard:hover,.catcard:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none}}
/* mobile: backdrop-filter on the header would trap the fixed slide-in menu inside it and widen the page */
@media(max-width:960px){.hdr{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}.mnav{visibility:hidden}.mnav.open{visibility:visible}}

/* ============================================================
   DESIGN LAYER v3 - light, airy, creative (Poppins)
   pastel colour accents, soft blobs, dotted textures, floating cards
   ============================================================ */
:root{--bg:#fff;--alt:#f6f8fe;--mu:#5a6785;--bd:#e6ebf5;--p-or:#fff1de;--p-bl:#e7eeff;--p-gr:#def7ea;--p-vi:#efe7ff;--c-bl:#3d6eff;--c-gr:#12a150;--c-vi:#7c4dff;--sh:0 1px 2px rgba(20,34,64,.04),0 12px 34px rgba(20,34,64,.07)}
body{font-size:15.5px;line-height:1.75;background:#fff;color:#27345a}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;color:#142240}h1{font-weight:800;line-height:1.12}h3{font-size:1.08rem}
.btn{font-weight:600;letter-spacing:0;font-size:14.5px}.btn-line{background:#fff;border-color:#d6deef;color:#142240;backdrop-filter:none}.btn-line:hover{background:#142240;color:#fff;border-color:#142240}
.btn-line-d{border-color:#d6deef;color:#142240;background:#fff}.btn-line-d:hover{background:#142240;color:#fff;border-color:#142240}
/* top bar + header */
.topbar{background:#f4f7fd;color:#586685;border-bottom:1px solid var(--bd)}.topbar a:hover{color:var(--or2)}
.hdr{background:rgba(255,255,255,.86)}.mnav>ul>li>a{font-weight:500;font-size:14px;color:#2a3961}
.mnav>ul>li>a:after{height:3px;border-radius:3px}
/* eyebrow pill (all sections) */
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--p-or);color:var(--or2);padding:6px 14px;border-radius:99px;font:600 12px var(--hf);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;border:1px solid rgba(250,134,4,.18)}
.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--or);box-shadow:0 0 0 4px rgba(250,134,4,.18)}
/* hero: light, with soft colour blobs and a floating-card composition */
.hero{background:radial-gradient(620px 420px at 92% 8%,rgba(250,134,4,.17),transparent 65%),radial-gradient(560px 420px at 62% 100%,rgba(61,110,255,.13),transparent 65%),radial-gradient(520px 380px at 0% 0%,rgba(18,161,80,.1),transparent 65%),linear-gradient(180deg,#fffaf3 0%,#f7f9ff 100%);color:#27345a;padding:92px 0 140px}
.hero:before{background-image:radial-gradient(rgba(20,34,64,.14) 1.3px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 85% 20%,#000,transparent 70%);mask-image:radial-gradient(ellipse 70% 80% at 85% 20%,#000,transparent 70%)}
.hero h1{background:none;-webkit-text-fill-color:#142240;color:#142240;max-width:15ch;font-size:clamp(2.2rem,4.8vw,3.7rem)}
.hl-w{position:relative;white-space:nowrap;background:linear-gradient(120deg,#fa8604,#f5a623);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hl-w:after{content:"";position:absolute;left:0;right:0;bottom:-.08em;height:.16em;border-radius:99px;background:linear-gradient(90deg,rgba(250,134,4,.35),rgba(245,166,35,.1))}
.hero .lead{color:#55637f;font-size:1.1rem}
.hero .eyebrow{background:#fff;border:1px solid var(--bd);color:#27345a;letter-spacing:.04em;text-transform:none;font-weight:500;font-size:13px;box-shadow:var(--sh);backdrop-filter:none}
.hero .eyebrow:before{display:block}
.hero-pts li{background:#fff;border:1px solid var(--bd);color:#27345a;box-shadow:0 2px 8px rgba(20,34,64,.04);font-weight:500}.hero-pts svg{color:var(--c-gr)}
.hero-v{min-height:420px}
.hv-ring{position:absolute;width:360px;height:360px;border-radius:50%;border:2px dashed rgba(250,134,4,.4);animation:spin 50s linear infinite}
.hv-dots{position:absolute;right:2%;bottom:6%;width:120px;height:120px;background-image:radial-gradient(var(--or) 2px,transparent 2.4px);background-size:16px 16px;opacity:.35}
.hv-card{position:relative;z-index:2;background:#fff;border-radius:32px;padding:34px 38px 28px;text-align:center;box-shadow:0 30px 70px rgba(20,34,64,.16),0 0 0 1px rgba(20,34,64,.05);transform:rotate(-3deg);animation:bob 7s ease-in-out infinite}
.hv-card img{width:112px;height:auto;margin:0 auto 12px}.hv-card b{display:block;font:700 1.2rem var(--hf);color:#142240}.hv-card small{color:var(--mu);font-size:.8rem}
@keyframes bob{50%{transform:rotate(-3deg) translateY(-12px)}}
.chip{background:#fff;border:1px solid var(--bd);box-shadow:0 14px 34px rgba(20,34,64,.12);font-weight:600;font-size:13px}.c1 svg{color:var(--or)}.c2 svg{color:var(--c-bl)}.c3 svg{color:var(--c-gr)}.c4 svg{color:var(--c-vi)}
.hv-mini{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;background:#fff;border-radius:14px;padding:10px 14px;font:600 12.5px var(--hf);color:#27345a;box-shadow:0 14px 34px rgba(20,34,64,.14);animation:float 6s ease-in-out infinite}.hv-mini i{width:9px;height:9px;border-radius:50%;background:var(--c-gr);box-shadow:0 0 0 4px rgba(18,161,80,.18)}
.hv-mini.m1{left:-2%;top:46%;animation-delay:-2s}.hv-mini.m2{right:-2%;top:54%;animation-delay:-4s}
/* stats: separate soft cards */
.stats{margin-top:-74px}.stats .wrap{background:transparent;box-shadow:none;border:0;gap:18px;overflow:visible}
.stats .wrap>div{background:#fff;border:1px solid var(--bd)!important;border-radius:22px;box-shadow:var(--sh);padding:26px 20px;transition:transform .3s var(--ease)}.stats .wrap>div:hover{transform:translateY(-5px)}
.stats .wrap>div:nth-child(1){border-top:4px solid var(--or)!important}.stats .wrap>div:nth-child(2){border-top:4px solid var(--c-bl)!important}.stats .wrap>div:nth-child(3){border-top:4px solid var(--c-gr)!important}.stats .wrap>div:nth-child(4){border-top:4px solid var(--c-vi)!important}
.stats .wrap>div:nth-child(2) b{background:linear-gradient(135deg,#3d6eff,#6a8dff);-webkit-background-clip:text;background-clip:text}.stats .wrap>div:nth-child(3) b{background:linear-gradient(135deg,#12a150,#34c77b);-webkit-background-clip:text;background-clip:text}.stats .wrap>div:nth-child(4) b{background:linear-gradient(135deg,#7c4dff,#a07dff);-webkit-background-clip:text;background-clip:text}
/* sections */
.sec{position:relative}.sec.alt{background:linear-gradient(180deg,#f6f8fe,#f1f5fd)}
.shead h2{font-size:clamp(1.55rem,2.8vw,2.25rem)}.shead p:not(.eyebrow){color:var(--mu);font-size:1.02rem}
.sec.navy{background:radial-gradient(520px 320px at 100% 0,rgba(61,110,255,.1),transparent 65%),radial-gradient(520px 320px at 0 100%,rgba(250,134,4,.1),transparent 65%),#fbfcff;color:var(--mu)}
.sec.navy h2,.sec.navy h3{color:#142240}.sec.navy .eyebrow{color:var(--or2)}.navy .shead p{color:var(--mu)}
.why>div{background:#fff;border:1px solid var(--bd);box-shadow:var(--sh);backdrop-filter:none;border-top:4px solid var(--or);color:var(--mu)}
.why>div:nth-child(2){border-top-color:var(--c-bl)}.why>div:nth-child(3){border-top-color:var(--c-gr)}.why>div:nth-child(4){border-top-color:var(--c-vi)}
.why svg{color:var(--or);background:var(--p-or);width:54px;height:54px;padding:13px;border-radius:16px;margin-bottom:16px}.why>div:nth-child(2) svg{color:var(--c-bl);background:var(--p-bl)}.why>div:nth-child(3) svg{color:var(--c-gr);background:var(--p-gr)}.why>div:nth-child(4) svg{color:var(--c-vi);background:var(--p-vi)}
.why p{color:var(--mu)}.why>div:hover{border-color:var(--bd);transform:translateY(-6px)}
/* cards: pastel icon tiles that rotate through four colours */
.icard,.fcard,.pcard,.bcard,.catcard,.job,.quote,.dcard{border-radius:24px;border:1px solid var(--bd);background:#fff;box-shadow:0 1px 2px rgba(20,34,64,.03)}
.ibox{border-radius:18px;background:var(--p-or);color:var(--or);box-shadow:none}
.grid-4>*:nth-child(4n+2) .ibox,.grid-3>*:nth-child(3n+2) .ibox{background:var(--p-bl);color:var(--c-bl)}
.grid-4>*:nth-child(4n+3) .ibox,.grid-3>*:nth-child(3n+3) .ibox{background:var(--p-gr);color:var(--c-gr)}
.grid-4>*:nth-child(4n+4) .ibox{background:var(--p-vi);color:var(--c-vi)}
.icard:before{background:linear-gradient(90deg,var(--or),#f5a623)}
.grid-4>*:nth-child(4n+2):before{background:linear-gradient(90deg,#3d6eff,#6a8dff)}.grid-4>*:nth-child(4n+3):before{background:linear-gradient(90deg,#12a150,#34c77b)}.grid-4>*:nth-child(4n+4):before{background:linear-gradient(90deg,#7c4dff,#a07dff)}
.icard:hover .ibox,.catcard:hover .ibox{background:var(--grad);color:#fff;box-shadow:0 12px 26px rgba(250,122,4,.3)}
.icard h3{margin-bottom:.35em}.more{font-weight:600}
.catcard{background:linear-gradient(135deg,#fff 30%,#fff7ec);border-radius:28px}.catcard:nth-child(2){background:linear-gradient(135deg,#fff 30%,#eef3ff)}
.pimg,.dimg,.bimg{background:linear-gradient(160deg,#fafbff,#eff3fb)}
.price{color:var(--or2);font-weight:700}
.tag{background:var(--p-or);color:var(--or2);font-weight:600}
.tabs a{background:#fff;font-weight:500}.tabs a.on,.tabs a:hover{background:#142240}
.logo-i{background:#fff;border-radius:20px}
/* page hero: light with soft gradient + dots */
.phero{background:radial-gradient(520px 260px at 95% 0,rgba(250,134,4,.16),transparent 65%),radial-gradient(480px 260px at 0 100%,rgba(61,110,255,.1),transparent 65%),linear-gradient(180deg,#fffaf3,#f6f8ff);color:#27345a;border-bottom:1px solid var(--bd)}
.phero:before{background-image:radial-gradient(rgba(20,34,64,.13) 1.3px,transparent 1.4px);background-size:24px 24px;-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000);mask-image:linear-gradient(90deg,transparent 40%,#000)}
.phero h1{color:#142240}.phero .lead{color:var(--mu)}.crumbs ol{color:var(--mu)}.crumbs a:hover{color:var(--or2)}.byline{color:var(--mu)}.byline b{color:#142240}
.phero .tag{background:#fff;border:1px solid var(--bd)}
.phero.slim{background:#f6f8fe}
/* side boxes + CTA */
.side .box.c{background:linear-gradient(160deg,#fff7ec,#eef3ff);border:1px solid var(--bd);color:var(--mu)}.side .box.c h2,.side .box.c h3{color:#142240}.side .box.c p{color:var(--mu)}
.box{border-radius:24px}
.cta{background:linear-gradient(120deg,#fa8604,#f9a825)}
.cta .btn-or{background:#142240;color:#fff}.cta .btn-line{background:transparent;border-color:rgba(255,255,255,.7);color:#fff}.cta .btn-line:hover{background:#fff;color:var(--or2)}
/* footer: light */
.ftr{background:#f4f7fd;color:#586685}.ftr:before{background:linear-gradient(90deg,transparent,#fa8604,#3d6eff,transparent)}
.ftr h2{color:#142240}.ftr a:hover{color:var(--or2)}.ftr-logo{background:#fff;border:1px solid var(--bd);box-shadow:var(--sh)}
.soc a{background:#fff;color:#142240;border:1px solid var(--bd)}.soc a:hover{background:var(--or);color:#fff;border-color:var(--or)}
.ftr-bar{border-top:1px solid var(--bd);color:#6a7794}
/* misc */
details{border-radius:18px}summary{font-weight:600}
.chat-panel header{background:linear-gradient(135deg,#fa8604,#f9a825)}.chat-panel header small{opacity:.9}.chat-av{background:#fff;color:var(--or)}
.pager a{border-radius:12px;font-weight:600}
@media(max-width:960px){.hero{padding:64px 0 108px}.stats{margin-top:-52px}.stats .wrap{gap:12px}}
@media(max-width:640px){.hero{padding:44px 0 92px}.hero h1{font-size:2rem}}
.stats{background:transparent}

/* ============================================================
   HOME v4 - dashboard hero mock, pillars, industries, steps, mobile bar
   ============================================================ */
.hero-in{align-items:center}.hero h1{max-width:18ch;font-size:clamp(2rem,4.3vw,3.4rem)}
.hero .hero-pts{flex-direction:column;align-items:flex-start;gap:10px}
.hero .hero-pts li{background:transparent;border:0;box-shadow:none;padding:0;font-size:.95rem}.hero .hero-pts svg{background:var(--p-gr);color:var(--c-gr);border-radius:50%;padding:3px;width:22px;height:22px}
/* hero dashboard mock */
.hv-dash{position:relative;z-index:2;width:min(360px,92%);background:#fff;border-radius:26px;box-shadow:0 34px 80px rgba(20,34,64,.18),0 0 0 1px rgba(20,34,64,.05);padding:18px;transform:rotate(-2deg);animation:bob 8s ease-in-out infinite}
.hd-top{display:flex;align-items:center;gap:8px;margin-bottom:14px}.hd-top b{font:600 .95rem var(--hf);color:#142240}.hd-top small{margin-left:auto;color:var(--mu);font-size:.72rem}.hd-dot{width:9px;height:9px;border-radius:50%;background:var(--c-gr);box-shadow:0 0 0 4px rgba(18,161,80,.18)}
.hd-body{display:grid;grid-template-columns:104px 1fr;gap:14px;align-items:center}
.hd-ring{width:104px;height:104px;border-radius:50%;background:conic-gradient(var(--or) 0 92%,#eef1f8 0);display:grid;place-items:center;align-content:center;position:relative}
.hd-ring:before{content:"";position:absolute;inset:11px;background:#fff;border-radius:50%}.hd-ring span,.hd-ring small{position:relative;line-height:1.1}.hd-ring span{font:700 1.35rem var(--hf);color:#142240}.hd-ring small{font-size:.66rem;color:var(--mu)}
.hd-body ul{list-style:none;display:grid;gap:7px}.hd-body li{display:flex;align-items:center;gap:8px;font-size:.74rem;color:#4b5877;background:#f6f8fe;border-radius:10px;padding:6px 8px}
.hd-body li i{width:24px;height:24px;border-radius:50%;background:var(--p-or);color:var(--or2);display:grid;place-items:center;font:700 .62rem var(--hf);font-style:normal;flex:none}
.hd-body li span{flex:1}.hd-body li em{font-style:normal;font-weight:600;color:var(--c-gr)}.hd-body li em.warn{color:#c76a00}
.hd-foot{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}.hd-foot span{display:inline-flex;gap:5px;align-items:center;font-size:.7rem;font-weight:600;color:#3a4a73;background:var(--p-bl);border-radius:99px;padding:5px 10px}
.hero-v .c1{top:2%;left:4%}.hero-v .c2{top:12%;right:-2%}.hero-v .c3{bottom:12%;left:-2%}.hero-v .hv-mini.m1{right:2%;bottom:2%;left:auto;top:auto}
/* counters */
.stats b{font-variant-numeric:tabular-nums}
/* pillars */
.pillar{padding:88px 0}.pl-in{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}.pl-in.rev .pl-t{order:2}
.pl-t h2{font-size:clamp(1.55rem,2.9vw,2.3rem)}.pl-body{color:var(--mu);font-size:1.03rem}.pl-chips{margin:22px 0 0}.pl-chips span{background:#fff;border:1px solid var(--bd);font-weight:600;font-size:12.5px}
.pl-c{display:grid;gap:14px}
.pl-card{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--bd);border-radius:22px;padding:22px;box-shadow:0 1px 2px rgba(20,34,64,.03);transition:transform .3s var(--ease),box-shadow .3s}
.pl-card:hover{transform:translateX(6px);box-shadow:var(--sh)}.pl-card h3{margin:0 0 .3em;font-size:1.02rem}.pl-card p{margin:0;color:var(--mu);font-size:.93rem}
.pl-i{flex:none;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--p-or);color:var(--or)}
.tone-bl .pl-i{background:var(--p-bl);color:var(--c-bl)}.tone-gr .pl-i{background:var(--p-gr);color:var(--c-gr)}
.tone-bl .eyebrow{background:var(--p-bl);color:var(--c-bl);border-color:rgba(61,110,255,.2)}.tone-bl .eyebrow:before{background:var(--c-bl);box-shadow:0 0 0 4px rgba(61,110,255,.18)}
.tone-gr .eyebrow{background:var(--p-gr);color:var(--c-gr);border-color:rgba(18,161,80,.2)}.tone-gr .eyebrow:before{background:var(--c-gr);box-shadow:0 0 0 4px rgba(18,161,80,.18)}
.pillar .eyebrow svg{display:none}
.phero .btns{margin-top:18px}
/* industries */
.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ind{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--bd);border-radius:20px;padding:18px 20px;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.ind:hover{transform:translateY(-4px);box-shadow:var(--sh)}.ind h3{margin:0;font-size:.98rem}.ind span{flex:none;width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:var(--p-or);color:var(--or)}
.ind.t1 span{background:var(--p-bl);color:var(--c-bl)}.ind.t2 span{background:var(--p-gr);color:var(--c-gr)}.ind.t3 span{background:var(--p-vi);color:var(--c-vi)}
/* steps */
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s;position:relative}
.steps li{background:#fff;border:1px solid var(--bd);border-radius:22px;padding:26px 22px;position:relative;box-shadow:0 1px 2px rgba(20,34,64,.03)}
.steps li b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--grad);color:#fff;font:700 1rem var(--hf);margin-bottom:14px;box-shadow:0 8px 18px rgba(250,122,4,.3)}
.steps li:not(:last-child):after{content:"";position:absolute;top:47px;right:-18px;width:18px;border-top:2px dashed #cfd8ec}
.steps h3{margin-bottom:.3em}.steps p{margin:0;color:var(--mu);font-size:.92rem}
/* mobile quick-action bar */
.mbar{display:none}
@media(max-width:960px){.pl-in{grid-template-columns:1fr;gap:30px}.pl-in.rev .pl-t{order:0}.ind-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.steps li:after{display:none}.pillar{padding:64px 0}.hero-v{min-height:380px;margin-top:10px}.hero-v{display:grid}}
@media(max-width:640px){
 .ind-grid,.steps{grid-template-columns:1fr}.ind{padding:14px 16px}.hv-dash{transform:none;animation:none}.hero-v{min-height:330px}.hero-v .c2{right:0}.hero-v .c3{left:0}.hero .btns .btn{flex:1 1 100%}.hero .hero-pts{margin-top:22px}
 .pl-card{padding:18px}.pl-card:hover{transform:none}.btns .btn{flex:1 1 auto}
 body{padding-bottom:64px}
 .mbar{position:fixed;left:0;right:0;bottom:0;z-index:95;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-top:1px solid var(--bd);box-shadow:0 -10px 30px rgba(20,34,64,.08)}
 .mbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;border-radius:12px;font:600 11.5px var(--hf);color:#27345a}.mbar a svg{width:20px;height:20px;color:var(--or)}
 .mbar a.q{background:var(--grad);color:#fff;box-shadow:0 8px 18px rgba(250,122,4,.3)}.mbar a.q svg{color:#fff}
 .wa{bottom:78px}.chat{bottom:78px}
}
/* mobile fixes */
.hero-in>*,.pl-in>*{min-width:0}
@media(max-width:640px){.hl-w{white-space:normal}.stats .wrap{padding:0 20px}.hero .btns .btn{white-space:normal;text-align:center}.hero h1{font-size:1.95rem}}

/* ============================================================
   ABOUT page
   ============================================================ */
.ab-hero{position:relative;isolation:isolate;overflow:hidden;padding:84px 0 120px;background:radial-gradient(560px 380px at 95% 0,rgba(250,134,4,.17),transparent 65%),radial-gradient(520px 360px at 0 100%,rgba(61,110,255,.12),transparent 65%),linear-gradient(180deg,#fffaf3,#f6f8ff);border-bottom:1px solid var(--bd)}
.ab-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(20,34,64,.13) 1.3px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 60% 80% at 90% 30%,#000,transparent 70%);mask-image:radial-gradient(ellipse 60% 80% at 90% 30%,#000,transparent 70%)}
.ab-hero-in{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center}.ab-hero-in>*{min-width:0}
.ab-hero h1{font-size:clamp(1.75rem,3.5vw,2.7rem);line-height:1.18;max-width:24ch}.ab-hero .lead{color:#55637f;font-size:1.06rem;max-width:58ch}
.ab-art{position:relative;min-height:340px;display:grid;place-items:center}
.ab-badge{position:relative;z-index:2;width:190px;height:190px;border-radius:50%;background:#fff;box-shadow:0 30px 70px rgba(20,34,64,.16),0 0 0 10px rgba(250,134,4,.1),0 0 0 22px rgba(250,134,4,.06);display:grid;place-items:center;align-content:center;text-align:center}
.ab-badge b{font:800 3.4rem/1 var(--hf);background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ab-badge span{font-size:.82rem;color:var(--mu);margin-top:4px}
.ab-tile{position:absolute;width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:#fff;box-shadow:0 14px 32px rgba(20,34,64,.14);animation:float 6s ease-in-out infinite}
.ab-tile.t1{left:4%;top:8%;color:var(--or)}.ab-tile.t2{right:2%;top:16%;color:var(--c-bl);animation-delay:-2s}.ab-tile.t3{left:8%;bottom:8%;color:var(--c-gr);animation-delay:-3.5s}.ab-tile.t4{right:6%;bottom:6%;color:var(--c-vi);animation-delay:-1s}
.ab-hero+.stats{margin-top:-60px}
/* who we are */
.ab-who{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.ab-who>*{min-width:0}
.ab-who p{color:#44526f}.ab-who-t a{color:var(--or2);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.ab-merge{display:flex;align-items:center;gap:14px;justify-content:center}
.ab-many{display:grid;gap:12px}.ab-many span{display:flex;align-items:center;gap:8px;background:#fff;border:1px dashed #c9d3ea;color:#6b7896;border-radius:14px;padding:12px 16px;font-weight:500;font-size:.88rem;white-space:nowrap}.ab-many svg{color:#9aa7c5}
.ab-arrow{color:var(--or);display:grid;place-items:center;animation:nudge 2s ease-in-out infinite}@keyframes nudge{50%{transform:translateX(6px)}}
.ab-one{background:#fff;border-radius:26px;padding:26px 22px;text-align:center;box-shadow:0 26px 60px rgba(20,34,64,.15),0 0 0 2px rgba(250,134,4,.35);min-width:170px}
.ab-one img{margin:0 auto 10px}.ab-one b{display:block;font:700 1.05rem var(--hf);color:#142240}.ab-one small{color:var(--c-gr);font-weight:600}
/* vision / mission / values */
.ab-vmv .vm{background:#fff;border:1px solid var(--bd);border-radius:26px;padding:30px 26px;box-shadow:0 1px 2px rgba(20,34,64,.03);transition:transform .3s var(--ease),box-shadow .3s}.ab-vmv .vm:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.ab-vmv .vm.t1 .ibox{background:var(--p-bl);color:var(--c-bl)}.ab-vmv .vm.t2 .ibox{background:var(--p-gr);color:var(--c-gr)}
.ab-vmv p{color:var(--mu);margin:0}.vals{list-style:none;display:grid;gap:12px}.vals li{display:flex;gap:10px;align-items:flex-start;color:var(--mu);font-size:.93rem}.vals svg{flex:none;margin-top:4px;color:var(--c-gr);background:var(--p-gr);border-radius:50%;padding:3px;width:22px;height:22px}.vals b{color:#142240}
/* pillars */
.ab-pill{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ab-pc{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--bd);border-radius:26px;padding:28px 24px;transition:transform .3s var(--ease),box-shadow .3s;position:relative;overflow:hidden}
.ab-pc:hover{transform:translateY(-8px);box-shadow:var(--sh-lg)}.ab-pc:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--or),#f5a623)}.ab-pc.tone-bl:after{background:linear-gradient(90deg,#3d6eff,#6a8dff)}.ab-pc.tone-gr:after{background:linear-gradient(90deg,#12a150,#34c77b)}
.ab-pc .pl-i{margin-bottom:12px}.ab-pc.tone-bl .pl-i{background:var(--p-bl);color:var(--c-bl)}.ab-pc.tone-gr .pl-i{background:var(--p-gr);color:var(--c-gr)}.ab-pc h3{font-size:1.04rem}.ab-pc p{color:var(--mu);font-size:.93rem;flex:1}
/* advantage */
.ab-adv{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}.ab-adv>*{min-width:0}.ab-adv-t{position:sticky;top:100px}
.ab-cap{font:600 .78rem var(--hf);letter-spacing:.08em;text-transform:uppercase;color:#7b88a6;margin:24px 0 10px}.ab-chips span{background:#fff;border:1px solid var(--bd);font-weight:600}
.ab-adv-c{display:grid;gap:14px}.ab-adv-c .pl-card.t1 .pl-i{background:var(--p-bl);color:var(--c-bl)}.ab-adv-c .pl-card.t2 .pl-i{background:var(--p-gr);color:var(--c-gr)}.ab-adv-c .pl-card.t3 .pl-i{background:var(--p-vi);color:var(--c-vi)}
/* steps with long titles */
.ab-hero~.sec .steps h3{font-size:.98rem}
@media(max-width:960px){.ab-hero{padding:56px 0 96px}.ab-hero-in,.ab-who,.ab-adv{grid-template-columns:1fr;gap:34px}.ab-art{min-height:220px}.ab-badge{width:150px;height:150px}.ab-badge b{font-size:2.6rem}.ab-pill{grid-template-columns:1fr}.ab-adv-t{position:static}.ab-hero+.stats{margin-top:-50px}}
@media(max-width:640px){.ab-hero h1{font-size:1.65rem}.ab-merge{flex-direction:column}.ab-arrow{transform:rotate(90deg);animation:none}.ab-many{width:100%}.ab-many span{white-space:normal}.ab-one{width:100%}.ab-tile{width:50px;height:50px;border-radius:16px}.ab-hero .btns .btn{flex:1 1 100%;white-space:normal;text-align:center}}
.ab-hero .hl-w{white-space:normal}.ab-hero h1{max-width:none}.ab-hero-in>div:first-child{max-width:720px}

/* ===== LEGAL (Terms) ===== */
.lg-hero{position:relative;isolation:isolate;overflow:hidden;padding:44px 0 56px;background:radial-gradient(520px 320px at 96% 0,rgba(250,134,4,.16),transparent 65%),radial-gradient(480px 320px at 0 100%,rgba(61,110,255,.10),transparent 65%),linear-gradient(180deg,#fffaf3,#f6f8ff);border-bottom:1px solid var(--bd)}
.lg-hero h1{font-size:clamp(1.8rem,4vw,2.9rem);line-height:1.15;margin:6px 0 16px;max-width:22ch}
.lg-hero .lead{max-width:72ch;color:#4a5878;font-size:1.05rem}.lg-hero .lead a{color:#d96f00;text-decoration:underline}
.lg-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.lg-b{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;background:#fff;border:1px solid var(--bd);font-size:.85rem;font-weight:500;color:#3a4766;box-shadow:0 2px 8px rgba(20,34,64,.05)}.lg-b svg{color:#fa8604}
.lg-sec{padding-top:44px}
.lg-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:36px;align-items:start}
.lg-toc{position:sticky;top:96px}.lg-toc-in{max-height:calc(100vh - 120px);overflow-y:auto}.lg-toc-in{background:#fff;border:1px solid var(--bd);border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(20,34,64,.06)}
.lg-toc-h{font-weight:600;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#7a869f;margin:0 0 12px}
.lg-toc ol{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:2px}
.lg-toc a{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:12px;color:#33405f;font-size:.9rem;line-height:1.35;text-decoration:none;transition:background .2s,color .2s}
.lg-toc a b{flex:none;width:24px;height:24px;border-radius:8px;background:#fff3e3;color:#d96f00;font-size:.78rem;display:grid;place-items:center}
.lg-toc a:hover,.lg-toc a.on{background:#fff6ea;color:#142240}.lg-toc a.on b{background:#fa8604;color:#fff}
.lg-print{width:100%;justify-content:center}
.lg-main{display:grid;gap:18px;min-width:0}
.lg-card{background:#fff;border:1px solid var(--bd);border-radius:22px;padding:30px 32px;box-shadow:0 8px 26px rgba(20,34,64,.05);scroll-margin-top:100px}
.lg-card h2{display:flex;gap:14px;align-items:center;font-size:clamp(1.2rem,2.2vw,1.55rem);line-height:1.25;margin:0 0 14px}
.lg-n{flex:none;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#fa8604,#ffae4d);color:#fff;font-size:1rem;display:grid;place-items:center;box-shadow:0 6px 14px rgba(250,134,4,.3)}
.lg-body{color:#44516f;line-height:1.75}.lg-body p{margin:0 0 12px}.lg-body h3{font-size:1.05rem;margin:20px 0 6px;color:#142240}
.lg-body ul{margin:6px 0 4px;padding:0;list-style:none;display:grid;gap:10px}
.lg-body li{position:relative;padding:12px 14px 12px 40px;background:#f8faff;border:1px solid #e8edf8;border-radius:14px}
.lg-body li:before{content:"";position:absolute;left:15px;top:19px;width:10px;height:10px;border-radius:50%;background:#fa8604;box-shadow:0 0 0 4px #ffeacc}
.lg-body b{color:#142240}
.lg-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.lg-contact>div{background:linear-gradient(135deg,#fff8ef,#f4f7ff);border:1px solid var(--bd);border-radius:16px;padding:18px;display:grid;gap:4px;min-width:0}
.lg-contact .ibox{margin-bottom:6px}.lg-contact small{color:#7a869f;text-transform:uppercase;letter-spacing:.07em;font-size:.72rem}.lg-contact b{overflow-wrap:anywhere}.lg-contact a{color:#d96f00}
.lg-note{display:flex;gap:8px;align-items:center;color:#7a869f;font-size:.85rem;margin:4px 4px 0}.lg-note svg{flex:none;color:#fa8604}
@media(max-width:900px){
 .lg-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .lg-toc{position:static}.lg-toc-in{padding:14px}.lg-toc ol{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:10px;-webkit-overflow-scrolling:touch}
 .lg-toc li{flex:none}.lg-toc a{border:1px solid var(--bd);background:#fff;white-space:nowrap}.lg-toc a span{max-width:190px;overflow:hidden;text-overflow:ellipsis}
 .lg-print{display:none}
}
@media(max-width:640px){.lg-card{padding:22px 18px;border-radius:18px}.lg-contact{grid-template-columns:1fr}.lg-n{width:32px;height:32px;border-radius:10px}.lg-hero{padding:30px 0 40px}}
@media print{.hdr,.topbar,.ftr,.mbar,.lg-toc,.cta,.crumbs,.chat-w,#chatw{display:none!important}.lg-hero{background:none;padding:0}.lg-card{box-shadow:none;break-inside:avoid;border-color:#ccc}.lg-grid{display:block}}
.lg-hl{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lg-hl li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--bd);border-radius:18px;padding:16px;box-shadow:0 8px 22px rgba(20,34,64,.06)}
.lg-hl .ibox{flex:none;width:42px;height:42px;border-radius:13px}.lg-hl b{display:block;color:#142240;font-size:.95rem;margin-bottom:2px}.lg-hl small{display:block;color:#5a6786;font-size:.82rem;line-height:1.45}
.lg-hl li:nth-child(2) .ibox{background:#eaf0ff;color:#3d6eff}.lg-hl li:nth-child(3) .ibox{background:#e6f7ee;color:#1d9a5b}.lg-hl li:nth-child(4) .ibox{background:#f3ecff;color:#7a4de0}
@media(max-width:960px){.lg-hl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.lg-hl{grid-template-columns:1fr}}

/* ===== CONTACT ===== */
.ct-hero h1{max-width:24ch}
.ct-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ct-card{background:#fff;border:1px solid var(--bd);border-radius:22px;padding:26px;box-shadow:0 10px 30px rgba(20,34,64,.06);display:flex;flex-direction:column;gap:12px;min-width:0;transition:transform .25s,box-shadow .25s}
.ct-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,34,64,.1)}
.ct-card h3{margin:4px 0 0;font-size:1.15rem;line-height:1.3}.ct-card p{margin:0;color:#5a6786;font-size:.95rem;line-height:1.6}
.ct-card .ibox{width:52px;height:52px;border-radius:16px}.ct-card.t1 .ibox{background:#eaf0ff;color:#3d6eff}.ct-card.t2 .ibox{background:#e6f7ee;color:#1d9a5b}
.ct-card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ct-card li{display:flex;gap:10px;align-items:center;font-weight:600;min-width:0;overflow-wrap:anywhere}.ct-card li svg{flex:none;color:#fa8604}.ct-card li a{color:#142240;text-decoration:none}.ct-card li a:hover{color:#d96f00}
.ct-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:6px}.ct-act .btn{padding:11px 16px;font-size:.9rem}
.ct-hrs{margin:0;display:grid;gap:10px}.ct-hrs div{display:grid;gap:2px;padding:10px 12px;background:#f6faf8;border-radius:12px}.ct-hrs dt{font-weight:600;color:#142240;font-size:.92rem}.ct-hrs dd{margin:0;color:#5a6786;font-size:.88rem}
.ct-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}
.ct-form{padding:34px;border-radius:24px}.ct-form h2{margin:0 0 6px;font-size:clamp(1.4rem,2.6vw,1.9rem)}.ct-form .muted{color:#5a6786;margin:0 0 20px}
.ct-form select{width:100%;margin-top:6px;padding:13px 14px;border:1px solid #cdd5e6;border-radius:11px;font:inherit;background:#fff;color:var(--tx)}
.ct-form .btn-lg{width:100%;justify-content:center;padding:16px 22px;font-size:1.02rem}
.ct-form .fine{display:flex;gap:6px;align-items:center}.ct-form .fine svg{color:#1d9a5b;flex:none}
.ct-side{display:grid;gap:18px;position:sticky;top:96px}
.ct-off h3{margin:0 0 4px}.ct-co{font-weight:600;color:#d96f00;margin:0 0 14px}
.ct-office{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--bd)}.ct-office .ibox{flex:none;width:44px;height:44px;border-radius:14px}
.ct-office b{display:block;color:#142240}.ct-office p{margin:3px 0 6px;color:#5a6786;font-size:.94rem;line-height:1.55}.ct-office .more{font-size:.9rem}
.ct-off .fine{margin-top:6px}
@media(max-width:960px){.ct-cards{grid-template-columns:1fr 1fr}.ct-grid{grid-template-columns:minmax(0,1fr)}.ct-side{position:static}}
@media(max-width:640px){.ct-cards{grid-template-columns:1fr}.ct-form{padding:22px 18px;border-radius:18px}}

/* ===== SERVICE DETAIL (cards built from the page text) ===== */
.sv-main{display:grid;gap:22px;min-width:0}
.sv-intro{font-size:1.1rem;line-height:1.75;color:#44516f;background:linear-gradient(135deg,#fff8ef,#f4f7ff);border:1px solid var(--bd);border-radius:22px;padding:26px 28px}.sv-intro p{margin:0}
.sv-sec{background:#fff;border:1px solid var(--bd);border-radius:24px;padding:30px 32px;box-shadow:0 10px 30px rgba(20,34,64,.06);scroll-margin-top:100px;position:relative;overflow:hidden}
.sv-sec:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#fa8604,#ffc27a)}
.sv-sec:nth-of-type(even):before{background:linear-gradient(180deg,#3d6eff,#9db8ff)}.sv-sec:nth-of-type(3n):before{background:linear-gradient(180deg,#1d9a5b,#8fd9b3)}
.sv-h{display:flex;gap:16px;align-items:center;margin-bottom:14px}.sv-h small{display:block;color:#fa8604;font-weight:700;letter-spacing:.1em;font-size:.78rem}.sv-h h2{margin:2px 0 0;font-size:clamp(1.2rem,2.3vw,1.6rem);line-height:1.25}
.sv-i{flex:none;width:56px;height:56px;border-radius:18px;background:#fff3e3;color:#d96f00;display:grid;place-items:center}
.sv-sec:nth-of-type(even) .sv-i{background:#eaf0ff;color:#3d6eff}.sv-sec:nth-of-type(3n) .sv-i{background:#e6f7ee;color:#1d9a5b}
.sv-b>p{color:#44516f;line-height:1.8;margin:0 0 16px}
.sv-del{background:#f8faff;border:1px solid #e8edf8;border-radius:18px;padding:18px 20px;margin:0 0 16px}
.sv-del>b{display:flex;gap:8px;align-items:center;color:#142240;font-size:.92rem;margin-bottom:10px}.sv-del>b svg{color:#1d9a5b}
.sv-del ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.sv-del li{position:relative;padding-left:30px;color:#44516f;line-height:1.6}
.sv-del li:before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#e6f7ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d9a5b' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.sv-kw{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sv-kw small{width:100%;color:#7a869f;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:600}
.sv-kw span{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--bd);font-size:.8rem;color:#3a4766}
.sv-call{display:flex;flex-direction:column;gap:6px;background:linear-gradient(135deg,#142240,#1d2f55);color:#c5d0ea;border-radius:24px;padding:30px 32px;position:relative;overflow:hidden}
.sv-call:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(250,134,4,.45),transparent 70%)}
.sv-call h3{color:#fff;margin:0;font-size:1.3rem}.sv-call p{margin:0;max-width:60ch;position:relative;z-index:1}.sv-call a{display:inline-block;margin-top:10px;padding:12px 22px;border-radius:12px;background:#fa8604;color:#fff;font-weight:600;text-decoration:none;position:relative;z-index:1}
.sv-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}.sv-toc a{display:flex;gap:10px;align-items:flex-start;padding:9px 8px;border-radius:12px;color:#33405f;text-decoration:none;font-size:.9rem;line-height:1.35}
.sv-toc a b{flex:none;width:24px;height:24px;border-radius:8px;background:#fff3e3;color:#d96f00;font-size:.78rem;display:grid;place-items:center}.sv-toc a:hover{background:#fff6ea}
@media(max-width:640px){.sv-sec{padding:22px 18px;border-radius:18px}.sv-intro,.sv-call{padding:20px 18px;border-radius:18px}.sv-i{width:46px;height:46px;border-radius:14px}.sv-toc{display:none}}
.sv-call a+a{margin-left:10px;background:transparent;border:1.5px solid rgba(255,255,255,.5)}
@media(max-width:640px){.sv-call a{display:block;text-align:center}.sv-call a+a{margin:10px 0 0}}

/* service hero art + section watermark icons */
.phero.has-art{padding-bottom:56px}
.phero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:center}.phero-in>*{min-width:0}
.phero-a{display:grid;place-items:center}.svc-art{width:100%;max-width:520px;height:auto;overflow:visible}
.svc-art .fl1{animation:svfl 6s ease-in-out infinite}.svc-art .fl2{animation:svfl 7.5s ease-in-out infinite .6s}.svc-art .fl3{animation:svfl 5.5s ease-in-out infinite 1.2s}
@keyframes svfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(prefers-reduced-motion:reduce){.svc-art .fl1,.svc-art .fl2,.svc-art .fl3{animation:none}}
.sv-wm{position:absolute;right:-18px;bottom:-26px;color:#fa8604;opacity:.07;pointer-events:none}.sv-wm svg{stroke-width:1.2}
.sv-sec:nth-of-type(even) .sv-wm{color:#3d6eff}.sv-sec:nth-of-type(3n) .sv-wm{color:#1d9a5b}
.sv-i svg{width:28px;height:28px}
@media(max-width:900px){.phero-in{grid-template-columns:minmax(0,1fr)}.phero-a{order:2;max-width:440px;margin:6px auto 0}}
@media(max-width:640px){.sv-wm svg{width:110px;height:110px}.phero-a{max-width:340px}}

/* ---------- SOLUTION DETAIL (.sol-*) ---------- */
.sol-ico svg,.sol-wm svg,.sol-eb svg{color:#fff;stroke:#fff}.sol-eb svg{color:#ffc98b;stroke:#ffc98b}.sol-feat i svg{color:var(--a);stroke:var(--a)}
.sol-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:56px 0 110px;background:radial-gradient(620px 340px at 88% 8%,rgba(250,134,4,.34),transparent 62%),radial-gradient(520px 320px at 0 100%,rgba(61,110,255,.3),transparent 65%),linear-gradient(150deg,#0d1730,#142240 55%,#1b2d57)}
.sol-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000,transparent 75%);mask-image:radial-gradient(ellipse at 70% 40%,#000,transparent 75%)}
.sol-hero-in{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:36px;align-items:center}.sol-hero-in.noart{grid-template-columns:1fr}
.sol-hero .crumbs ol,.sol-hero .crumbs a{color:#9fb0d6}.sol-hero .crumbs li:last-child{color:#fff}.sol-hero .crumbs a:hover{color:#ffb25c}
.sol-eb{display:inline-flex;align-items:center;gap:8px;margin:18px 0 14px;padding:6px 14px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font:600 12px/1 var(--hf);letter-spacing:.08em;text-transform:uppercase;color:#ffc98b}
.sol-hero h1{color:#fff;font-size:clamp(1.9rem,3.5vw,2.85rem);margin-bottom:16px}.sol-hero .lead{color:#c9d4ef;font-size:1.05rem;max-width:60ch;margin:0 0 26px}
.sol-hero .btns{display:flex;gap:12px;flex-wrap:wrap}.sol-hero .btn.btn-line{background:rgba(255,255,255,.08);color:#fff;border:2px solid rgba(255,255,255,.38);box-shadow:none}.sol-hero .btn.btn-line:hover{background:#fff;color:var(--navy)}
.sol-ha{min-width:0}.sol-art{display:block;width:100%;height:auto;max-width:600px;margin-left:auto}
.sol-stats{position:relative;z-index:2;margin-top:-62px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sol-stats div{background:#fff;border:1px solid var(--bd);border-radius:20px;padding:22px 20px;box-shadow:0 18px 50px rgba(20,34,64,.14);text-align:center}
.sol-stats b{display:block;font:800 clamp(1.5rem,2.6vw,2.1rem)/1.1 var(--hf);background:linear-gradient(135deg,#fa8604,#e04e00);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px}.sol-stats span{font-size:13.5px;color:var(--mu);line-height:1.4;display:block}
.sol-nav{position:sticky;top:var(--hh,76px);z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd);margin-top:34px}
.sol-nav ul{list-style:none;display:flex;gap:8px;overflow-x:auto;padding:10px 0;margin:0;scrollbar-width:none}.sol-nav ul::-webkit-scrollbar{display:none}
.sol-nav a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 14px;border-radius:99px;background:var(--alt);font:600 12.5px/1 var(--hf);color:#27345a;border:1px solid transparent;transition:.2s}.sol-nav a:hover,.sol-nav a.on{background:#fff3e3;color:#c76500;border-color:#ffd9a8}.sol-nav .ic{color:var(--or)}
.sol-intro{text-align:center;font-size:1.12rem;color:#3a4766}.sol-intro p{margin:0}
.pb0{padding-bottom:0!important}
.sol-rows{padding:46px 0 24px}
.sol-row{--a:#fa8604;--b:#ffb25c;--s:#fff3e3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;padding:34px 0;scroll-margin-top:150px}
.sol-row.c1{--a:#3d6eff;--b:#7fa0ff;--s:#eaf0ff}.sol-row.c2{--a:#12a150;--b:#52d08b;--s:#e6f7ee}.sol-row.c3{--a:#7c4dff;--b:#ad8cff;--s:#f1eaff}.sol-row.c4{--a:#142240;--b:#3f5894;--s:#e9edf6}
.sol-row.flip .sol-vis{order:2}
.sol-vis{position:relative;overflow:hidden;border-radius:28px;padding:34px 28px 28px;min-height:340px;background:linear-gradient(145deg,var(--a),var(--b));color:#fff;box-shadow:0 28px 60px -20px var(--a)}
.sol-vis:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.2) 1.4px,transparent 1.5px);background-size:22px 22px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 65%);mask-image:linear-gradient(135deg,#000,transparent 65%)}
.sol-wm{position:absolute;right:-30px;bottom:-40px;opacity:.14;color:#fff;line-height:0}.sol-wm .ic{width:220px;height:220px}
.sol-no{position:absolute;right:26px;top:20px;font:800 54px/1 var(--hf);color:rgba(255,255,255,.22);letter-spacing:-.03em}
.sol-ico{position:relative;display:inline-flex;width:64px;height:64px;border-radius:20px;align-items:center;justify-content:center;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);margin-bottom:20px}
.sol-feat{position:relative;display:grid;gap:10px}.sol-feat small{font:700 11px/1 var(--hf);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.sol-feat div{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.96);color:#27345a;border-radius:16px;padding:13px 15px;font-size:13.5px;line-height:1.5;box-shadow:0 10px 24px rgba(0,0,0,.14)}
.sol-feat i{flex:none;width:24px;height:24px;border-radius:50%;background:var(--s);color:var(--a);display:flex;align-items:center;justify-content:center;margin-top:1px;font-style:normal}
.sol-k{font:700 12px/1 var(--hf);letter-spacing:.12em;text-transform:uppercase;color:var(--a);margin:0 0 12px}
.sol-tx h2{font-size:clamp(1.35rem,2.3vw,1.85rem);margin-bottom:14px}.sol-tx p{color:#4a5877}
.sol-kw{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.sol-kw span{font-size:12px;padding:6px 12px;border-radius:99px;background:var(--s);color:var(--a);font-weight:600}.sol-row.c4 .sol-kw span{color:#142240}
.sol-call{position:relative;overflow:hidden;border-radius:30px;padding:48px 44px;text-align:center;color:#fff;background:radial-gradient(500px 240px at 85% 0,rgba(250,134,4,.4),transparent 60%),linear-gradient(135deg,#0d1730,#1d2f55)}
.sol-call h3{color:#fff;font-size:clamp(1.4rem,2.6vw,2rem);margin-bottom:10px}.sol-call p{color:#c9d4ef;max-width:62ch;margin:0 auto 14px}.sol-call p:last-child{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:22px 0 0}
.sol-call a{display:inline-flex;padding:14px 24px;border-radius:14px;font:700 15px/1 var(--hf);background:linear-gradient(135deg,#fb9a1d,#fa7a04);color:#fff;box-shadow:0 10px 24px rgba(250,122,4,.32)}.sol-call a+a{background:transparent;border:2px solid rgba(255,255,255,.4);box-shadow:none}.sol-call a+a:hover{background:#fff;color:var(--navy)}
@media(max-width:980px){.sol-hero{padding:40px 0 96px}.sol-hero-in{grid-template-columns:1fr}.sol-art{margin:8px auto 0;max-width:520px}.sol-stats{grid-template-columns:repeat(2,1fr)}.sol-row{grid-template-columns:1fr;gap:26px}.sol-row.flip .sol-vis{order:0}}
@media(max-width:560px){.sol-hero .btns .btn{flex:1 1 100%}.sol-stats{gap:10px;margin-top:-56px}.sol-stats div{padding:16px 12px}.sol-vis{padding:26px 18px 20px;min-height:0}.sol-call{padding:34px 20px;border-radius:22px}.sol-no{font-size:42px}}
@media(prefers-reduced-motion:reduce){.sol-art *{animation:none!important}}

/* payroll theme */
.sol-t2 .sol-hero{background:radial-gradient(620px 340px at 90% 6%,rgba(47,208,160,.34),transparent 62%),radial-gradient(520px 320px at 0 100%,rgba(124,77,255,.3),transparent 65%),linear-gradient(150deg,#081a1c,#0e2a30 55%,#14323d)}
.sol-t2 .sol-eb{color:#8df0cd}.sol-t2 .sol-eb svg{color:#8df0cd;stroke:#8df0cd}
.sol-t2 .sol-stats b{background:linear-gradient(135deg,#0f9d74,#0b6f9c);-webkit-background-clip:text;background-clip:text}
.sol-t2 .sol-nav .ic{color:#0f9d74}.sol-t2 .sol-nav a:hover,.sol-t2 .sol-nav a.on{background:#e3f7f0;color:#0b7a5a;border-color:#9fe0c8}
.sol-t2 .sol-row.c0{--a:#0f9d74;--b:#46d3a8;--s:#e3f7f0}.sol-t2 .sol-row.c1{--a:#6a3df0;--b:#9d7bff;--s:#f1eaff}.sol-t2 .sol-row.c2{--a:#0b6f9c;--b:#3fb0e0;--s:#e4f4fb}.sol-t2 .sol-row.c3{--a:#fa8604;--b:#ffb25c;--s:#fff3e3}.sol-t2 .sol-row.c4{--a:#142240;--b:#3f5894;--s:#e9edf6}
.sol-t2 .sol-call{background:radial-gradient(500px 240px at 85% 0,rgba(47,208,160,.35),transparent 60%),linear-gradient(135deg,#081a1c,#12333b)}

/* e-learning theme */
.sol-t3 .sol-hero{background:radial-gradient(620px 340px at 90% 6%,rgba(139,92,255,.42),transparent 62%),radial-gradient(520px 320px at 0 100%,rgba(250,134,4,.22),transparent 65%),linear-gradient(150deg,#120d2e,#1d1445 55%,#2a1a5e)}
.sol-t3 .sol-eb{color:#cdb8ff}.sol-t3 .sol-eb svg{color:#cdb8ff;stroke:#cdb8ff}
.sol-t3 .sol-stats b{background:linear-gradient(135deg,#6a3df0,#c13fb5);-webkit-background-clip:text;background-clip:text}
.sol-t3 .sol-nav .ic{color:#6a3df0}.sol-t3 .sol-nav a:hover,.sol-t3 .sol-nav a.on{background:#f1eaff;color:#5226cf;border-color:#d4c3ff}
.sol-t3 .sol-row.c0{--a:#6a3df0;--b:#a083ff;--s:#f1eaff}.sol-t3 .sol-row.c1{--a:#e5334f;--b:#ff7a8e;--s:#fde8ec}.sol-t3 .sol-row.c2{--a:#fa8604;--b:#ffb25c;--s:#fff3e3}.sol-t3 .sol-row.c3{--a:#0b8f9c;--b:#3fd0d8;--s:#e1f7f8}.sol-t3 .sol-row.c4{--a:#142240;--b:#3f5894;--s:#e9edf6}
.sol-t3 .sol-call{background:radial-gradient(500px 240px at 85% 0,rgba(139,92,255,.45),transparent 60%),linear-gradient(135deg,#120d2e,#2a1a5e)}

/* job portal theme */
.sol-t4 .sol-hero{background:radial-gradient(620px 340px at 90% 6%,rgba(79,140,255,.42),transparent 62%),radial-gradient(520px 320px at 0 100%,rgba(250,134,4,.2),transparent 65%),linear-gradient(150deg,#071634,#0d2557 55%,#123a7a)}
.sol-t4 .sol-eb{color:#a9c6ff}.sol-t4 .sol-eb svg{color:#a9c6ff;stroke:#a9c6ff}
.sol-t4 .sol-stats b{background:linear-gradient(135deg,#1f5cf0,#0b8fb0);-webkit-background-clip:text;background-clip:text}
.sol-t4 .sol-nav .ic{color:#1f5cf0}.sol-t4 .sol-nav a:hover,.sol-t4 .sol-nav a.on{background:#eaf0ff;color:#1747c2;border-color:#bdd0ff}
.sol-t4 .sol-row.c0{--a:#1f5cf0;--b:#6f9bff;--s:#eaf0ff}.sol-t4 .sol-row.c1{--a:#0b8fb0;--b:#3fcbe0;--s:#e1f6fa}.sol-t4 .sol-row.c2{--a:#7c4dff;--b:#ab8cff;--s:#f1eaff}.sol-t4 .sol-row.c3{--a:#fa8604;--b:#ffb25c;--s:#fff3e3}.sol-t4 .sol-row.c4{--a:#12a150;--b:#52d08b;--s:#e6f7ee}
.sol-t4 .sol-call{background:radial-gradient(500px 240px at 85% 0,rgba(79,140,255,.45),transparent 60%),linear-gradient(135deg,#071634,#123a7a)}

/* school theme */
.sol-t5 .sol-hero{background:radial-gradient(620px 340px at 90% 6%,rgba(255,107,129,.34),transparent 62%),radial-gradient(520px 320px at 0 100%,rgba(250,134,4,.28),transparent 65%),linear-gradient(150deg,#240d19,#3b132c 55%,#52183a)}
.sol-t5 .sol-eb{color:#ffb3c0}.sol-t5 .sol-eb svg{color:#ffb3c0;stroke:#ffb3c0}
.sol-t5 .sol-stats b{background:linear-gradient(135deg,#e5334f,#fa8604);-webkit-background-clip:text;background-clip:text}
.sol-t5 .sol-nav .ic{color:#e5334f}.sol-t5 .sol-nav a:hover,.sol-t5 .sol-nav a.on{background:#fde8ec;color:#c2203b;border-color:#ffc2cc}
.sol-t5 .sol-row.c0{--a:#e5334f;--b:#ff7a8e;--s:#fde8ec}.sol-t5 .sol-row.c1{--a:#fa8604;--b:#ffb25c;--s:#fff3e3}.sol-t5 .sol-row.c2{--a:#1f5cf0;--b:#6f9bff;--s:#eaf0ff}.sol-t5 .sol-row.c3{--a:#12a150;--b:#52d08b;--s:#e6f7ee}.sol-t5 .sol-row.c4{--a:#7c4dff;--b:#ab8cff;--s:#f1eaff}
.sol-t5 .sol-call{background:radial-gradient(500px 240px at 85% 0,rgba(255,107,129,.4),transparent 60%),linear-gradient(135deg,#240d19,#52183a)}

/* college theme */
.sol-t6 .sol-hero{background:radial-gradient(620px 340px at 90% 6%,rgba(139,107,255,.38),transparent 62%),radial-gradient(520px 320px at 0 100%,rgba(250,134,4,.24),transparent 65%),linear-gradient(150deg,#120d2e,#1d1450 55%,#2b1a73)}
.sol-t6 .sol-eb{color:#cbbdff}.sol-t6 .sol-eb svg{color:#cbbdff;stroke:#cbbdff}
.sol-t6 .sol-stats b{background:linear-gradient(135deg,#7c4dff,#fa8604);-webkit-background-clip:text;background-clip:text}
.sol-t6 .sol-nav .ic{color:#5b3ae0}.sol-t6 .sol-nav a:hover,.sol-t6 .sol-nav a.on{background:#f1eaff;color:#4b2fd0;border-color:#d4c7ff}
.sol-t6 .sol-row.c0{--a:#5b3ae0;--b:#9a80ff;--s:#f1eaff}.sol-t6 .sol-row.c1{--a:#e5334f;--b:#ff7a8e;--s:#fde8ec}.sol-t6 .sol-row.c2{--a:#fa8604;--b:#ffb25c;--s:#fff3e3}.sol-t6 .sol-row.c3{--a:#12a150;--b:#52d08b;--s:#e6f7ee}.sol-t6 .sol-row.c4{--a:#1f5cf0;--b:#6f9bff;--s:#eaf0ff}
.sol-t6 .sol-call{background:radial-gradient(500px 240px at 85% 0,rgba(139,107,255,.45),transparent 60%),linear-gradient(135deg,#120d2e,#2b1a73)}

/* travelite theme */
.sol-t7 .sol-hero{background:radial-gradient(620px 340px at 90% 6%,rgba(45,212,191,.32),transparent 62%),radial-gradient(520px 320px at 0 100%,rgba(250,134,4,.26),transparent 65%),linear-gradient(150deg,#04201f,#073b3a 55%,#0b4f4c)}
.sol-t7 .sol-eb{color:#8fe9db}.sol-t7 .sol-eb svg{color:#8fe9db;stroke:#8fe9db}
.sol-t7 .sol-stats b{background:linear-gradient(135deg,#0f9d8a,#fa8604);-webkit-background-clip:text;background-clip:text}
.sol-t7 .sol-nav .ic{color:#0f9d8a}.sol-t7 .sol-nav a:hover,.sol-t7 .sol-nav a.on{background:#e3f8f4;color:#0b7f70;border-color:#a8e8dd}
.sol-t7 .sol-row.c0{--a:#0f9d8a;--b:#3fd4c0;--s:#e3f8f4}.sol-t7 .sol-row.c1{--a:#e5334f;--b:#ff7a8e;--s:#fde8ec}.sol-t7 .sol-row.c2{--a:#fa8604;--b:#ffb25c;--s:#fff3e3}.sol-t7 .sol-row.c3{--a:#1f5cf0;--b:#6f9bff;--s:#eaf0ff}.sol-t7 .sol-row.c4{--a:#7c4dff;--b:#ab8cff;--s:#f1eaff}
.sol-t7 .sol-call{background:radial-gradient(500px 240px at 85% 0,rgba(45,212,191,.38),transparent 60%),linear-gradient(135deg,#04201f,#0b4f4c)}

/* path lab theme */
.sol-t8 .sol-hero{background:radial-gradient(620px 340px at 90% 6%,rgba(79,140,255,.36),transparent 62%),radial-gradient(520px 320px at 0 100%,rgba(229,51,79,.22),transparent 65%),linear-gradient(150deg,#06142e,#0c2557 55%,#12357a)}
.sol-t8 .sol-eb{color:#a9c7ff}.sol-t8 .sol-eb svg{color:#a9c7ff;stroke:#a9c7ff}
.sol-t8 .sol-stats b{background:linear-gradient(135deg,#1f5cf0,#e5334f);-webkit-background-clip:text;background-clip:text}
.sol-t8 .sol-nav .ic{color:#1f5cf0}.sol-t8 .sol-nav a:hover,.sol-t8 .sol-nav a.on{background:#eaf0ff;color:#1747c2;border-color:#bdd0ff}
.sol-t8 .sol-row.c0{--a:#1f5cf0;--b:#6f9bff;--s:#eaf0ff}.sol-t8 .sol-row.c1{--a:#7c4dff;--b:#ab8cff;--s:#f1eaff}.sol-t8 .sol-row.c2{--a:#12a150;--b:#52d08b;--s:#e6f7ee}.sol-t8 .sol-row.c3{--a:#fa8604;--b:#ffb25c;--s:#fff3e3}.sol-t8 .sol-row.c4{--a:#e5334f;--b:#ff7a8e;--s:#fde8ec}
.sol-t8 .sol-call{background:radial-gradient(500px 240px at 85% 0,rgba(79,140,255,.42),transparent 60%),linear-gradient(135deg,#06142e,#12357a)}

/* canteen theme */
.sol-t9 .sol-hero{background:radial-gradient(620px 340px at 90% 6%,rgba(52,211,153,.30),transparent 62%),radial-gradient(520px 320px at 0 100%,rgba(250,134,4,.30),transparent 65%),linear-gradient(150deg,#06231a,#0a3b2a 55%,#0f5238)}
.sol-t9 .sol-eb{color:#9ef0c9}.sol-t9 .sol-eb svg{color:#9ef0c9;stroke:#9ef0c9}
.sol-t9 .sol-stats b{background:linear-gradient(135deg,#0e9f6e,#fa8604);-webkit-background-clip:text;background-clip:text}
.sol-t9 .sol-nav .ic{color:#0e9f6e}.sol-t9 .sol-nav a:hover,.sol-t9 .sol-nav a.on{background:#e6f8ef;color:#0a7a54;border-color:#a9e8cb}
.sol-t9 .sol-row.c0{--a:#0e9f6e;--b:#4cd9a6;--s:#e6f8ef}.sol-t9 .sol-row.c1{--a:#e5334f;--b:#ff7a8e;--s:#fde8ec}.sol-t9 .sol-row.c2{--a:#1f5cf0;--b:#6f9bff;--s:#eaf0ff}.sol-t9 .sol-row.c3{--a:#fa8604;--b:#ffb25c;--s:#fff3e3}.sol-t9 .sol-row.c4{--a:#7c4dff;--b:#ab8cff;--s:#f1eaff}
.sol-t9 .sol-call{background:radial-gradient(500px 240px at 85% 0,rgba(52,211,153,.36),transparent 60%),linear-gradient(135deg,#06231a,#0f5238)}

/* ===== product catalogue: worlds, category tree, models & accessories ===== */
.a-or{--a:#fa8604;--b:#ffb25c;--s:#fff3e3}.a-bl{--a:#1f5cf0;--b:#6f9bff;--s:#eaf0ff}.a-gr{--a:#12a150;--b:#52d08b;--s:#e6f7ee}.a-vi{--a:#7c4dff;--b:#ab8cff;--s:#f1eaff}.a-rd{--a:#e5334f;--b:#ff7a8e;--s:#fde8ec}.a-tl{--a:#0b8fb0;--b:#3fcbe0;--s:#e1f6fa}
.pc-worlds{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.pc-world{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:20px;padding:32px;border-radius:28px;background:linear-gradient(150deg,#fff 45%,var(--s));border:1px solid var(--bd);box-shadow:var(--sh)}
.pc-world:before{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,var(--b),transparent 68%);opacity:.35}
.pc-w-top{display:flex;gap:18px;align-items:flex-start;position:relative}.pc-w-top h2{margin:0 0 6px;font-size:1.7rem}.pc-w-top h2 a:hover{color:var(--a)}.pc-w-top p{margin:0;color:var(--mu)}
.pc-w-ic{display:grid;place-items:center;flex:none;width:68px;height:68px;border-radius:20px;background:linear-gradient(135deg,var(--b),var(--a));color:#fff;box-shadow:0 14px 28px -10px var(--a)}.pc-w-ic svg{stroke:#fff}
.pc-w-chips{display:flex;flex-wrap:wrap;gap:9px;position:relative}.pc-w-chips a{display:inline-flex;gap:7px;align-items:center;padding:8px 14px;border-radius:99px;background:#fff;border:1px solid var(--bd);font:600 13px var(--hf);color:var(--navy);transition:.2s}.pc-w-chips a:hover{border-color:var(--a);color:var(--a);transform:translateY(-2px)}.pc-w-chips svg{color:var(--a)}.pc-w-chips b{background:var(--s);color:var(--a);border-radius:99px;padding:0 8px;font-size:12px}
.pc-world .btn{align-self:flex-start;position:relative}.pc-w-n{position:absolute;right:26px;bottom:26px;font:600 13px var(--hf);color:var(--mu)}
.pc-nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd)}
.pc-nav .wrap{display:flex;gap:8px;overflow-x:auto;padding-top:12px;padding-bottom:12px;scrollbar-width:none}.pc-nav .wrap::-webkit-scrollbar{display:none}
.pc-nav a{display:inline-flex;gap:7px;align-items:center;white-space:nowrap;padding:8px 15px;border-radius:99px;background:var(--alt);border:1px solid var(--bd);font:600 13.5px var(--hf);color:var(--navy);transition:.2s}.pc-nav a svg{color:var(--or)}.pc-nav a b{font-size:12px;background:#fff;border-radius:99px;padding:0 8px;color:var(--mu)}.pc-nav a:hover,.pc-nav a.on{background:var(--navy);color:#fff;border-color:var(--navy)}.pc-nav a:hover svg,.pc-nav a.on svg{color:#ffb25c}.pc-nav a:hover b,.pc-nav a.on b{background:rgba(255,255,255,.16);color:#fff}
.pc-sec .shead{margin-bottom:26px}.pc-ph{text-align:left;margin-bottom:26px}.pc-ph p:last-child{color:var(--mu);margin:0}
.pc-groups{display:grid;gap:22px;margin-bottom:56px}
.pc-group{padding:24px;border-radius:26px;background:linear-gradient(160deg,#fff 55%,var(--s));border:1px solid var(--bd);box-shadow:0 1px 2px rgba(20,34,64,.04)}
.pc-group header{display:flex;gap:16px;align-items:center;margin-bottom:18px}.pc-group header>div{flex:1;min-width:0}.pc-group h3{margin:0 0 3px;font-size:1.25rem}.pc-group h3 a:hover{color:var(--a)}.pc-group header p{margin:0;color:var(--mu);font-size:.92rem}
.pc-g-ic{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--b),var(--a));color:#fff}.pc-g-ic svg{stroke:#fff}
.pc-g-all{display:inline-flex;gap:6px;align-items:center;white-space:nowrap;font:700 13px var(--hf);color:var(--a);padding:8px 14px;border-radius:99px;background:#fff;border:1px solid var(--bd)}.pc-g-all:hover{background:var(--a);color:#fff;border-color:var(--a)}
.pc-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.pc-tile{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;background:#fff;border:1px solid var(--bd);transition:.25s var(--ease)}.pc-tile span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--s);color:var(--a);margin-bottom:6px;transition:.25s}.pc-tile b{font:700 14.5px/1.3 var(--hf);color:var(--navy)}.pc-tile small{color:var(--mu);font-size:12.5px}
.pc-tile:hover{transform:translateY(-5px);border-color:var(--a);box-shadow:0 16px 30px -14px var(--a)}.pc-tile:hover span{background:var(--a);color:#fff;transform:rotate(-6deg)}.pc-tile:hover span svg{stroke:#fff}
.pc-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.pc-filter button{cursor:pointer;display:inline-flex;gap:7px;align-items:center;padding:9px 16px;border-radius:99px;background:#fff;border:1px solid var(--bd);font:600 13.5px var(--hf);color:var(--navy);transition:.2s}.pc-filter button b{font-size:12px;background:var(--alt);border-radius:99px;padding:0 8px;color:var(--mu)}.pc-filter button:hover{border-color:var(--or)}.pc-filter button.on{background:var(--navy);color:#fff;border-color:var(--navy)}.pc-filter button.on b{background:rgba(255,255,255,.16);color:#fff}
.pc-item[hidden]{display:none}.pc-grid .pc-item{height:100%}
.pc-empty{text-align:center;padding:56px 20px;border:2px dashed var(--bd);border-radius:24px;color:var(--mu)}.pc-empty svg{color:#b6c0d8}.pc-empty h3{margin:10px 0 6px}
/* models showcase */
.pm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.pm-card{position:relative;display:flex;flex-direction:column;border-radius:28px;background:#fff;border:1px solid var(--bd);box-shadow:var(--sh);overflow:hidden;transition:.3s var(--ease)}.pm-card:hover{transform:translateY(-8px);box-shadow:var(--sh-lg)}
.pm-img{position:relative;display:grid;place-items:center;aspect-ratio:4/3;padding:22px;background:radial-gradient(circle at 50% 40%,#fff 0,#eef3ff 60%,#e3ebff 100%)}.pm-img img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease)}.pm-card:hover .pm-img img{transform:scale(1.07) rotate(-1deg)}
.pm-brand{position:absolute;left:16px;top:16px;background:var(--navy);color:#fff;font:700 11.5px var(--hf);letter-spacing:.05em;text-transform:uppercase;padding:5px 12px;border-radius:99px}
.pm-flag{position:absolute;right:16px;top:16px;display:inline-flex;gap:5px;align-items:center;background:linear-gradient(135deg,#fb9a1d,#fa7a04);color:#fff;font:700 11.5px var(--hf);padding:5px 12px;border-radius:99px}.pm-flag svg{stroke:#fff}
.pm-body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px;flex:1}.pm-body h3{margin:0;font-size:1.2rem}.pm-body h3 a:hover{color:var(--or2)}.pm-body p{margin:0;color:var(--mu);font-size:.93rem}
.pm-chips{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 0;padding:0}.pm-chips li{display:inline-flex;gap:5px;align-items:center;padding:5px 11px;border-radius:99px;background:#eefaf3;color:#0f7a43;font:600 12px var(--hf)}.pm-chips svg{stroke:#12a150}
.pm-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:14px;border-top:1px dashed var(--bd)}.pm-foot .price{margin:0}.pm-btns{display:flex;gap:8px}
.pm-card.spot{grid-column:1/-1;flex-direction:row;background:linear-gradient(135deg,#142240,#1d3a78);border:0}.pm-card.spot .pm-img{flex:0 0 46%;aspect-ratio:auto;min-height:340px;background:radial-gradient(circle at 50% 45%,#fff 0,#e8efff 70%)}
.pm-card.spot .pm-body{justify-content:center;padding:40px;color:#c9d6f2}.pm-card.spot h3{font-size:1.9rem;color:#fff}.pm-card.spot h3 a:hover{color:#ffb25c}.pm-card.spot p{color:#c9d6f2;font-size:1.02rem}.pm-card.spot .pm-chips li{background:rgba(255,255,255,.1);color:#d9f6e6}.pm-card.spot .pm-foot{border-color:rgba(255,255,255,.2)}.pm-card.spot .price{color:#ffb25c;font-size:1.5rem}.pm-card.spot .btn-line-d{color:#fff;border-color:rgba(255,255,255,.4);background:transparent}
/* accessories rail */
.pc-acc{background:linear-gradient(180deg,#f5f7fc,#fff)}
.pa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pa-card{display:flex;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:20px;background:#fff;border:1px solid var(--bd);transition:.25s var(--ease)}.pa-card:hover{transform:translateX(6px);border-color:var(--or);box-shadow:0 14px 30px -16px rgba(250,134,4,.6)}
.pa-img{display:grid;place-items:center;flex:none;width:74px;height:74px;border-radius:16px;background:#f1f5fd;padding:6px;overflow:hidden}.pa-img img{width:100%;height:100%;object-fit:contain}.pa-no{color:#9aa8cb}
.pa-t{flex:1;min-width:0;display:flex;flex-direction:column}.pa-t b{font:700 14.5px/1.3 var(--hf);color:var(--navy)}.pa-t small{color:var(--mu);font-size:12.5px;margin-top:2px}
.pa-go{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--alt);color:var(--or);transition:.25s}.pa-card:hover .pa-go{background:var(--or);color:#fff;transform:rotate(-45deg)}.pa-card:hover .pa-go svg{stroke:#fff}
@media(max-width:1000px){.pm-grid{grid-template-columns:repeat(2,1fr)}.pa-grid{grid-template-columns:repeat(2,1fr)}.pc-worlds{grid-template-columns:1fr}.pm-card.spot{flex-direction:column}.pm-card.spot .pm-img{flex:none;min-height:0;aspect-ratio:4/3}.pm-card.spot .pm-body{padding:26px}}
@media(max-width:640px){.pm-grid,.pa-grid{grid-template-columns:1fr}.pc-world{padding:24px}.pc-w-n{position:static}.pc-group header{display:grid;grid-template-columns:54px 1fr;gap:12px 14px}.pc-g-all{grid-column:1/-1;justify-self:start}.pc-tiles{grid-template-columns:1fr 1fr}.pm-card:hover,.pc-tile:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.pm-card,.pm-img img,.pc-tile,.pa-card{transition:none!important}}

/* dental theme */
.sol-t10 .sol-hero{background:radial-gradient(620px 340px at 90% 6%,rgba(34,184,232,.36),transparent 62%),radial-gradient(520px 320px at 0 100%,rgba(255,107,129,.22),transparent 65%),linear-gradient(150deg,#062638,#0a3d58 55%,#0d5272)}
.sol-t10 .sol-eb{color:#9fe3f7}.sol-t10 .sol-eb svg{color:#9fe3f7;stroke:#9fe3f7}
.sol-t10 .sol-stats b{background:linear-gradient(135deg,#0b8fb0,#ff6b81);-webkit-background-clip:text;background-clip:text}
.sol-t10 .sol-nav .ic{color:#0b8fb0}.sol-t10 .sol-nav a:hover,.sol-t10 .sol-nav a.on{background:#e4f6fb;color:#087391;border-color:#aee0ef}
.sol-t10 .sol-row.c0{--a:#0b8fb0;--b:#3fcbe0;--s:#e4f6fb}.sol-t10 .sol-row.c1{--a:#12a150;--b:#52d08b;--s:#e6f7ee}.sol-t10 .sol-row.c2{--a:#ff5470;--b:#ff9aab;--s:#fde8ec}.sol-t10 .sol-row.c3{--a:#7c4dff;--b:#ab8cff;--s:#f1eaff}.sol-t10 .sol-row.c4{--a:#fa8604;--b:#ffb25c;--s:#fff3e3}
.sol-t10 .sol-call{background:radial-gradient(500px 240px at 85% 0,rgba(34,184,232,.4),transparent 60%),linear-gradient(135deg,#062638,#0d5272)}

/* ---- category page: hero CTA, disabled pills, browse head, rich sections ---- */
.pc-herocta{background:linear-gradient(180deg,var(--alt),#fff);padding:22px 0 6px}.pc-herocta .wrap{display:flex;gap:12px;flex-wrap:wrap}
.pc-nav .off{display:inline-flex;gap:7px;align-items:center;white-space:nowrap;padding:8px 15px;border-radius:99px;border:1px dashed #cdd5e6;background:transparent;font:600 13.5px var(--hf);color:#9aa5be;cursor:not-allowed;opacity:.8}
.pc-nav .off b{background:#eef1f8;color:#9aa5be}.pc-nav .pc-jump{margin-left:auto;background:#fff}.pc-nav .pc-jump~.pc-jump{margin-left:0}
.pc-browse{max-width:820px;margin:0 0 30px}.pc-browse h2{font-size:clamp(1.4rem,2.6vw,2rem);margin-bottom:8px}.pc-browse p{color:var(--mu);margin:0}
.pr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:8px}.pr-grid.c3{grid-template-columns:repeat(3,1fr)}
.pr-card{position:relative;background:#fff;border:1px solid var(--bd);border-radius:22px;padding:26px 24px 22px;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.pr-card:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:#fcd9a8}
.pr-card:before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:var(--grad);transform:scaleX(.18);transform-origin:left;transition:transform .35s var(--ease)}.pr-card:hover:before{transform:scaleX(1)}
.pr-ic{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#fff3e2,#ffe2bd);color:var(--or2);margin-bottom:14px}
.pr-n{position:absolute;right:20px;top:14px;font:800 44px/1 var(--hf);color:#f0f3fa}
.pr-card h3{font-size:1.1rem;margin-bottom:8px;position:relative}.pr-t{color:var(--mu);font-size:.96rem}.pr-t p{margin:0 0 .6em}
.pr-kw{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.pr-kw li{font:600 11.5px var(--hf);padding:5px 10px;border-radius:99px;background:var(--alt);border:1px solid var(--bd);color:#4a5880}
.pr-lead{max-width:820px}
@media(max-width:900px){.pr-grid.c3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.pr-grid,.pr-grid.c3{grid-template-columns:1fr}.pc-nav .pc-jump{margin-left:0}}
.pr-grid:not(.c3)>.pr-card:last-child:nth-child(odd){grid-column:1/-1}@media(max-width:640px){.pr-grid>.pr-card:last-child{grid-column:auto}}
.pc-group.off{opacity:.72;background:#fafbfe}.pc-group.off .pc-g-ic{filter:grayscale(1);opacity:.6}.pc-g-all.soon{font:600 12.5px var(--hf);color:#9aa5be;padding:6px 12px;border:1px dashed #cdd5e6;border-radius:99px;white-space:nowrap}
.pc-tile.off{cursor:not-allowed;background:transparent;border-style:dashed;box-shadow:none}.pc-tile.off:hover{transform:none;border-color:var(--bd);box-shadow:none}.pc-tile.off>span,.pc-tile.off b,.pc-tile.off small{color:#9aa5be}.pc-tile.off>span{background:#f0f2f8}.pc-tile.off:hover>span{background:#f0f2f8;color:#9aa5be;transform:none}

/* ---- biometric: animated scenes ---- */
.bs-sec{background:linear-gradient(180deg,#fff,var(--alt))}
.bs-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.bs-card{background:#fff;border:1px solid var(--bd);border-radius:28px;padding:24px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:16px}
.bs-card header{display:flex;gap:14px;align-items:flex-start}.bs-card h3{margin:0 0 4px}.bs-card header p{margin:0;color:var(--mu);font-size:.95rem}
.bs-n{flex:none;width:38px;height:38px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;font:800 17px var(--hf)}
.bs-art{border-radius:22px;background:linear-gradient(160deg,#f5f7fc,#eaf0fb);padding:8px;border:1px solid var(--bd)}.bs-art svg{display:block;width:100%;height:auto;font-family:var(--bf)}
.bs-card ol{list-style:none;counter-reset:s;display:grid;gap:8px;margin:0;padding:0}.bs-card li{counter-increment:s;display:flex;gap:10px;align-items:center;font-size:.93rem;color:var(--tx)}
.bs-card li:before{content:counter(s);flex:none;width:24px;height:24px;border-radius:50%;background:#fff3e2;color:var(--or2);font:800 12px var(--hf);display:grid;place-items:center}
/* animation: 9s credential rotation, 3s door cycle */
.bs-chip,.bs-scr{opacity:.3;animation:bsOn 9s infinite}.bs-scr{opacity:0;animation-name:bsScr}
.m1{animation-delay:0s}.m2{animation-delay:-6s}.m3{animation-delay:-3s}
@keyframes bsOn{0%,31%{opacity:1}35%,100%{opacity:.3}}
@keyframes bsScr{0%,31%{opacity:1}35%,100%{opacity:0}}
.bs-beam{animation:bsBeam 1.5s ease-in-out infinite alternate}@keyframes bsBeam{from{transform:translateY(0)}to{transform:translateY(85px)}}
.bs-flow{animation:bsDash 1s linear infinite}@keyframes bsDash{to{stroke-dashoffset:-24}}
.bs-spin{transform-box:fill-box;transform-origin:center;animation:bsSpin 12s linear infinite}@keyframes bsSpin{to{transform:rotate(360deg)}}
.bs-row{opacity:0;animation:bsRow1 9s infinite}.bs-row.r2{animation-name:bsRow2}.bs-row.r3{animation-name:bsRow3}
@keyframes bsRow1{0%,8%{opacity:0;transform:translateY(8px)}14%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes bsRow2{0%,40%{opacity:0;transform:translateY(8px)}46%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes bsRow3{0%,72%{opacity:0;transform:translateY(8px)}78%,94%{opacity:1;transform:none}100%{opacity:0}}
.bs-door.dl{animation:bsDL 3s ease-in-out infinite}.bs-door.dr{animation:bsDR 3s ease-in-out infinite}
@keyframes bsDL{0%,38%{transform:translateX(0)}54%,80%{transform:translateX(-116px)}94%,100%{transform:translateX(0)}}
@keyframes bsDR{0%,38%{transform:translateX(0)}54%,80%{transform:translateX(116px)}94%,100%{transform:translateX(0)}}
.bs-arm .al{animation:bsAL 3s ease-in-out infinite}.bs-arm .ar{animation:bsAR 3s ease-in-out infinite}
@keyframes bsAL{0%,38%{transform:translateX(0)}54%,80%{transform:translateX(-116px)}94%,100%{transform:translateX(0)}}
@keyframes bsAR{0%,38%{transform:translateX(0)}54%,80%{transform:translateX(116px)}94%,100%{transform:translateX(0)}}
.bs-led.on,.bs-tag.un,.bs-okd{opacity:0;animation:bsUn 3s infinite}.bs-led.off,.bs-tag.lk{animation:bsLk 3s infinite}
@keyframes bsUn{0%,34%{opacity:0}40%,88%{opacity:1}94%,100%{opacity:0}}
@keyframes bsLk{0%,34%{opacity:1}40%,88%{opacity:0}94%,100%{opacity:1}}
@media(max-width:900px){.bs-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.bs-chip,.bs-scr,.bs-beam,.bs-flow,.bs-spin,.bs-row,.bs-door,.bs-arm rect,.bs-led,.bs-tag,.bs-okd{animation:none!important}.bs-chip{opacity:1}.bs-scr.m1,.bs-row,.bs-tag.lk,.bs-led.off{opacity:1}.bs-tag.un,.bs-led.on,.bs-okd{opacity:0}}
@media(max-width:640px){.bs-art{overflow-x:auto}.bs-art svg{min-width:560px}.bs-card{padding:18px}}

/* ---- product detail page (px-) ---- */
.px-hero{background:radial-gradient(900px 420px at 85% -10%,#ffe9cc,transparent 60%),radial-gradient(700px 400px at -5% 10%,#e6efff,transparent 55%),#fff;padding:18px 0 56px;overflow:hidden}
.px-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;margin-top:18px}
.px-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.px-tag{display:inline-flex;gap:6px;align-items:center;padding:6px 13px;border-radius:99px;background:var(--grad);color:#fff;font:700 12.5px var(--hf)}.px-tag.ghost{background:#fff;color:#4a5880;border:1px solid var(--bd)}
.px-copy h1{font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1.15;margin:0 0 14px}
.px-lead{color:var(--mu);font-size:1.05rem;max-width:620px;margin:0 0 18px}
.px-price{display:inline-flex;gap:8px;align-items:center;margin:0 0 20px;padding:8px 16px;border-radius:14px;background:#fff;border:1px dashed #f5c07a;font:700 1.05rem var(--hf);color:var(--or2)}
.px-cta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.btn-ghost{background:transparent;border:1px solid var(--bd);color:var(--tx)}.btn-ghost:hover{border-color:var(--or);color:var(--or2)}
.px-stats{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0}
.px-stats li{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.8);border:1px solid var(--bd);backdrop-filter:blur(6px)}
.px-stats li span{flex:none;width:38px;height:38px;border-radius:12px;background:#fff3e2;color:var(--or2);display:grid;place-items:center}.px-stats b{font:700 13.5px/1.3 var(--hf);color:#142240}
.px-media .gal{background:#fff;border-radius:28px;border:1px solid var(--bd);box-shadow:var(--sh);padding:14px}
.px-art svg{width:100%;height:auto;display:block;font-family:var(--bf);filter:drop-shadow(0 30px 40px rgba(20,34,64,.18))}
.px-ring{transform-box:fill-box;transform-origin:center;animation:bsSpin 40s linear infinite}
.px-pulse{transform-box:fill-box;transform-origin:center;animation:pxP 2.4s ease-out infinite}@keyframes pxP{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.px-fl{animation:pxF 6s ease-in-out infinite}.px-fl.b{animation-delay:-2s}.px-fl.c{animation-delay:-4s}@keyframes pxF{50%{transform:translateY(-8px)}}
.px-nav{position:sticky;top:var(--hh,68px);z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-block:1px solid var(--bd)}
.px-nav .wrap{display:flex;gap:6px;align-items:center;overflow-x:auto;padding-block:10px;scrollbar-width:none}.px-nav .wrap::-webkit-scrollbar{display:none}
.px-nav a{display:inline-flex;gap:7px;align-items:center;white-space:nowrap;padding:8px 15px;border-radius:99px;font:600 13.5px var(--hf);color:#4a5880;transition:.2s}.px-nav a:hover{background:var(--alt);color:#142240}
.px-nav .px-nav-cta{margin-left:auto;background:#142240;color:#fff}.px-nav .px-nav-cta:hover{background:var(--or2);color:#fff}
.px-dark{background:linear-gradient(160deg,#0f1a36,#1b2c55);color:#fff;position:relative;overflow:hidden}
.px-dark:before{content:"";position:absolute;width:520px;height:520px;right:-160px;top:-200px;background:radial-gradient(circle,rgba(250,134,4,.28),transparent 65%)}
.px-dark .shead h2{color:#fff}.px-dark .eyebrow{background:rgba(255,255,255,.1);color:#ffcf94}
.px-fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}
.px-f{padding:24px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:.3s var(--ease)}.px-f:hover{transform:translateY(-5px);background:rgba(255,255,255,.1);border-color:rgba(250,134,4,.6)}
.px-fi{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--grad);color:#fff;margin-bottom:14px;box-shadow:0 12px 24px -10px rgba(250,134,4,.7)}
.px-f h3{color:#fff;font-size:1.05rem;margin:0 0 6px}.px-f p{margin:0;color:#b9c6e6;font-size:.94rem}
.px-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}
.px-side{position:sticky;top:140px}.px-side h2{margin:6px 0 10px}.px-side>p{color:var(--mu)}
.px-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 22px}.px-quick div{padding:12px 14px;border-radius:16px;background:var(--alt);border:1px solid var(--bd)}.px-quick small{display:block;color:var(--mu);font-size:11.5px;margin-bottom:2px}.px-quick b{font:700 13.5px/1.3 var(--hf);color:#142240}
.px-table{border:1px solid var(--bd);border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--sh)}
.px-tr{display:grid;grid-template-columns:.8fr 1.2fr}.px-tr:nth-child(odd){background:#fafbfe}.px-tr+.px-tr{border-top:1px solid var(--bd)}
.px-th{padding:15px 20px;font:600 14px var(--hf);color:#4a5880;border-right:1px solid var(--bd)}.px-td{padding:15px 20px;font-weight:600;color:#142240;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.px-yn{display:inline-flex;gap:5px;align-items:center;padding:4px 11px;border-radius:99px;font:700 12px var(--hf)}.px-yn.y{background:#dcfce7;color:#15803d}.px-yn.n{background:#eef1f8;color:#6b7694}.px-note{font-weight:500;color:var(--mu);font-size:.92rem}
.px-uses{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.px-use{padding:24px;border-radius:24px;background:#fff;border:1px solid var(--bd);position:relative;overflow:hidden;transition:.3s var(--ease)}
.px-use:hover{transform:translateY(-5px);box-shadow:var(--sh)}.px-use:after{content:"";position:absolute;right:-30px;bottom:-30px;width:110px;height:110px;border-radius:50%;background:var(--a);opacity:.08}
.px-use>span{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--a);color:#fff;margin-bottom:14px}.px-use h3{font-size:1.02rem;margin:0 0 6px}.px-use p{margin:0;color:var(--mu);font-size:.93rem}
@media(max-width:980px){.px-grid,.px-split{grid-template-columns:1fr}.px-side{position:static}.px-fgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.px-stats,.px-fgrid{grid-template-columns:1fr}.px-tr{grid-template-columns:1fr}.px-th{border-right:0;padding-bottom:2px}.px-td{padding-top:2px}.px-nav{top:0}}
@media(prefers-reduced-motion:reduce){.px-ring,.px-pulse,.px-fl{animation:none!important}}

/* product page theme 2 (wireless / blue) */
.px-t2{--grad:linear-gradient(135deg,#1f5cf0,#5b8cff);--or:#1f5cf0;--or2:#1a4fd1}
.px-t2 .px-hero{background:radial-gradient(900px 420px at 10% -10%,#dfe9ff,transparent 60%),radial-gradient(700px 400px at 105% 10%,#e9f7ff,transparent 55%),#fff}
.px-t2 .px-grid{grid-template-columns:.95fr 1.05fr}.px-t2 .px-media{order:-1}
.px-t2 .px-tag{box-shadow:0 8px 18px -8px rgba(31,92,240,.6)}.px-t2 .px-price{border-color:#b9ccff;color:#1a4fd1}
.px-t2 .px-stats li span,.px-t2 .pr-ic,.px-t2 .pr-kw li:hover{background:#eaf0ff;color:#1f5cf0}.px-t2 .pr-ic{background:linear-gradient(135deg,#eaf0ff,#d4e1ff)}
.px-t2 .px-dark{background:linear-gradient(160deg,#0b2a5c,#1346a8)}.px-t2 .px-dark:before{background:radial-gradient(circle,rgba(111,160,255,.35),transparent 65%)}
.px-t2 .px-fi{box-shadow:0 12px 24px -10px rgba(31,92,240,.8)}.px-t2 .px-f:hover{border-color:rgba(143,180,255,.8)}.px-t2 .px-dark .eyebrow{color:#cfe0ff}
.px-t2 .px-split{grid-template-columns:1.2fr .8fr}.px-t2 .px-table{order:-1}
.px-t2 .px-use{border-radius:30px 30px 8px 30px}.px-t2 .pr-card:hover{border-color:#b9ccff}
.px-t2 .px-nav .px-nav-cta{background:#1f5cf0}.px-t2 .px-nav .px-nav-cta:hover{background:#1a4fd1}
.px-wv{animation:pxW 2.4s ease-in-out infinite}.px-wv.w2{animation-delay:.25s}.px-wv.w3{animation-delay:.5s}@keyframes pxW{0%,100%{opacity:.25}50%{opacity:1}}
@media(max-width:980px){.px-t2 .px-split{grid-template-columns:1fr}.px-t2 .px-table{order:0}.px-t2 .px-media{order:0}}
@media(prefers-reduced-motion:reduce){.px-wv{animation:none!important}}

/* product page theme 3 (face / multi-biometric: violet, dark hero) */
.px-t3{--grad:linear-gradient(135deg,#6a3df0,#a083ff);--or:#7c4dff;--or2:#5b2fd6}
.px-t3 .px-hero{background:radial-gradient(800px 440px at 82% 5%,rgba(124,77,255,.5),transparent 60%),radial-gradient(500px 300px at 0 100%,rgba(63,176,224,.2),transparent 60%),linear-gradient(160deg,#0d1030,#1a1450);color:#fff}
.px-t3 .crumbs ol,.px-t3 .crumbs a{color:#b9b3e6}.px-t3 .crumbs [aria-current]{color:#fff}
.px-t3 .px-copy h1{color:#fff}.px-t3 .px-lead{color:#cfc9f2}
.px-t3 .px-tag.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#d9d3ff}
.px-t3 .px-price{background:rgba(255,255,255,.08);border:1px dashed rgba(255,255,255,.35);color:#fff}
.px-t3 .btn-line,.px-t3 .btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff}.px-t3 .btn-line:hover,.px-t3 .btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff}
.px-t3 .px-stats li{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}.px-t3 .px-stats li span{background:rgba(160,131,255,.22);color:#d9ccff}.px-t3 .px-stats b{color:#fff}
.px-t3 .px-art svg{filter:drop-shadow(0 30px 50px rgba(0,0,0,.45))}
.px-led{animation:pxL 2.4s ease-in-out infinite}.px-led:nth-child(odd){animation-delay:-1.2s}@keyframes pxL{50%{opacity:.25}}
.px-scan{animation:pxS 2.6s ease-in-out infinite alternate}@keyframes pxS{to{transform:translateY(128px)}}
.px-t3 .px-dark{background:#f6f3ff;color:#142240}.px-t3 .px-dark:before{display:none}.px-t3 .px-dark .shead h2{color:#142240}.px-t3 .px-dark .eyebrow{background:#ece4ff;color:#5b2fd6}
.px-t3 .px-fgrid{grid-template-columns:repeat(4,1fr);grid-auto-flow:dense}.px-t3 .px-f{background:#fff;border:1px solid #e4dcff;box-shadow:0 10px 30px -18px rgba(91,47,214,.5)}.px-t3 .px-f h3{color:#142240}.px-t3 .px-f p{color:var(--mu)}
.px-t3 .px-f:first-child{grid-column:span 2;grid-row:span 2;background:linear-gradient(150deg,#2d1d8a,#6a3df0);border:0;display:flex;flex-direction:column;justify-content:flex-end;min-height:260px}.px-t3 .px-f:first-child h3{color:#fff;font-size:1.5rem}.px-t3 .px-f:first-child p{color:#e1d9ff;font-size:1rem}.px-t3 .px-f:first-child .px-fi{background:rgba(255,255,255,.18);margin-bottom:auto}
.px-t3 .px-f:hover{border-color:#a083ff}
.px-t3 .px-split{grid-template-columns:.7fr 1.3fr}.px-t3 .px-th{background:#faf8ff}
.px-t3 .px-uses{grid-template-columns:repeat(2,1fr)}.px-t3 .px-use{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center;border-radius:24px}.px-t3 .px-use>span{grid-row:1/3;margin:0}.px-t3 .px-use h3{margin:0}
.px-t3 .px-nav .px-nav-cta{background:#5b2fd6}.px-t3 .pr-ic,.px-t3 .px-quick div{background:#f1eaff;color:#5b2fd6}
@media(max-width:980px){.px-t3 .px-fgrid{grid-template-columns:repeat(2,1fr)}.px-t3 .px-split{grid-template-columns:1fr}}
@media(max-width:640px){.px-t3 .px-fgrid,.px-t3 .px-uses{grid-template-columns:1fr}.px-t3 .px-f:first-child{grid-column:auto;grid-row:auto;min-height:0}.px-t3 .px-use{grid-template-columns:1fr}.px-t3 .px-use>span{grid-row:auto;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.px-led,.px-scan{animation:none!important}}
.px-t3 .px-f:last-child:nth-child(6){grid-column:1/-1}@media(max-width:980px){.px-t3 .px-f:last-child:nth-child(6){grid-column:auto}}

/* product page theme 4 (access control: teal / emerald, centred hero with door scene) */
.px-t4{--grad:linear-gradient(135deg,#0f9d74,#3fd4a8);--or:#0f9d74;--or2:#0b7d5c}
.px-t4 .px-hero{background:radial-gradient(800px 380px at 50% -10%,#d6f5ea,transparent 65%),#fff;text-align:center}
.px-t4 .crumbs ol{justify-content:flex-start;text-align:left}
.px-t4 .px-grid{grid-template-columns:1fr;gap:24px}
.px-t4 .px-tags,.px-t4 .px-cta{justify-content:center}.px-t4 .px-lead{margin-inline:auto;max-width:760px}.px-t4 .px-copy h1{max-width:980px;margin-inline:auto}
.px-t4 .px-price{border-color:#9fe0c9;color:#0b7d5c;background:#f2fbf7}
.px-t4 .px-stats{grid-template-columns:repeat(4,1fr);text-align:left}.px-t4 .px-stats li span{background:#e6f7ee;color:#0b7d5c}
.px-t4 .px-media{max-width:860px;margin:0 auto;width:100%}
.px-art.wide svg{filter:none}
.px-scan.s4{animation-name:pxS4}@keyframes pxS4{to{transform:translateY(86px)}}
.px-t4 .px-dark{background:linear-gradient(160deg,#08302f,#0f5a50)}.px-t4 .px-dark:before{background:radial-gradient(circle,rgba(63,212,168,.3),transparent 65%)}
.px-t4 .px-dark .eyebrow{color:#aef0da}
.px-t4 .px-fgrid{grid-template-columns:repeat(2,1fr)}
.px-t4 .px-f{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center;padding:20px 22px}.px-t4 .px-fi{grid-row:1/3;margin:0}.px-t4 .px-f h3{margin:0 0 2px}.px-t4 .px-f:hover{border-color:rgba(63,212,168,.7)}
.px-t4 .px-fi{box-shadow:0 12px 24px -10px rgba(15,157,116,.8)}
.px-t4 .px-use{border-radius:8px 30px 30px 30px}.px-t4 .px-uses{grid-template-columns:repeat(4,1fr)}
.px-t4 .pr-ic,.px-t4 .px-quick div{background:#e6f7ee;color:#0b7d5c}.px-t4 .pr-card:hover{border-color:#9fe0c9}.px-t4 .px-nav .px-nav-cta{background:#0b7d5c}
@media(max-width:980px){.px-t4 .px-stats{grid-template-columns:repeat(2,1fr)}.px-t4 .px-uses{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.px-t4 .px-stats,.px-t4 .px-fgrid,.px-t4 .px-uses{grid-template-columns:1fr}.px-t4 .px-art.wide svg{min-width:560px}.px-t4 .px-media{overflow-x:auto}}

/* product photo carousel + full-screen viewer */
.pxc{background:#fff;border:1px solid var(--bd);border-radius:28px;box-shadow:var(--sh);padding:14px;max-width:100%}
.pxc-view{position:relative;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fff,#eef2fa);aspect-ratio:4/3;touch-action:pan-y}
.pxc-track{display:flex;height:100%;transition:transform .6s cubic-bezier(.65,0,.25,1)}
.pxc-slide{flex:0 0 100%;height:100%;border:0;background:transparent;padding:22px;display:grid;place-items:center;cursor:zoom-in;position:relative}
.pxc-slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(20,34,64,.18));user-select:none;-webkit-user-drag:none}
.pxc-zoom{position:absolute;right:14px;bottom:14px;width:38px;height:38px;border-radius:12px;background:rgba(20,34,64,.78);color:#fff;display:grid;place-items:center;opacity:0;transform:translateY(6px);transition:.2s}
.pxc-slide:hover .pxc-zoom,.pxc-slide:focus-visible .pxc-zoom{opacity:1;transform:none}.pxc-slide:focus-visible{outline:3px solid var(--or);outline-offset:-6px;border-radius:20px}
.pxc-nav{position:absolute;top:50%;translate:0 -50%;width:42px;height:42px;border-radius:50%;border:1px solid var(--bd);background:rgba(255,255,255,.92);color:#142240;display:grid;place-items:center;cursor:pointer;opacity:0;transition:.2s;box-shadow:0 8px 20px -10px rgba(20,34,64,.5)}
.pxc-nav.prev{left:12px}.pxc-nav.prev svg{transform:scaleX(-1)}.pxc-nav.next{right:12px}.pxc-view:hover .pxc-nav,.pxc-nav:focus-visible{opacity:1}.pxc-nav:hover{background:#142240;color:#fff}
.pxc-count{position:absolute;left:14px;top:14px;padding:5px 11px;border-radius:99px;background:rgba(20,34,64,.78);color:#fff;font:700 12px var(--hf)}
.pxc-prog{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(20,34,64,.08)}.pxc-prog i{display:block;height:100%;width:0;background:var(--grad)}
.pxc-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
.pxc-thumbs button{flex:0 0 84px;height:64px;padding:4px;background:#f4f6fb;border:2px solid transparent;border-radius:12px;cursor:pointer;opacity:.65;transition:.2s}
.pxc-thumbs button.on{border-color:var(--or);opacity:1;box-shadow:0 8px 18px -10px var(--or)}.pxc-thumbs button:hover{opacity:1}.pxc-thumbs img{width:100%;height:100%;object-fit:contain}
.px-t3 .pxc{background:rgba(255,255,255,.96)}
.dcard[data-lb-open]{cursor:zoom-in}.dcard[data-lb-open]:focus-visible{outline:3px solid var(--or);outline-offset:3px}
body.pxlb-on{overflow:hidden}
.pxlb{position:fixed;inset:0;z-index:300;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;align-items:center;opacity:0;transition:opacity .2s}.pxlb[hidden]{display:none}.pxlb.show{opacity:1}
.pxlb-bg{position:absolute;inset:0;background:rgba(8,12,28,.9);backdrop-filter:blur(8px)}
.pxlb-top{grid-column:1/-1;grid-row:1;position:relative;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;color:#fff}.pxlb-n{font:700 14px var(--hf);opacity:.85}
.pxlb-close{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font-size:28px;line-height:1;cursor:pointer}.pxlb-close:hover{background:#fff;color:#142240}
.pxlb-fig{grid-column:2;grid-row:2;position:relative;margin:0;display:grid;justify-items:center;gap:12px;min-height:0;max-height:100%}
.pxlb-fig img{max-width:100%;max-height:calc(100vh - 230px);object-fit:contain;border-radius:18px;background:#fff;padding:16px;box-shadow:0 40px 80px -30px #000;opacity:0;transform:scale(.97)}.pxlb-fig img.in{opacity:1;transform:none;transition:.3s}
.pxlb-fig figcaption{text-align:center;color:#fff;max-width:640px}.pxlb-fig figcaption b{display:block;font:700 1.05rem var(--hf)}.pxlb-fig figcaption span{display:block;color:#c3cbe4;font-size:.92rem;margin-top:2px}
.pxlb-nav{position:relative;grid-row:2;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font-size:18px;cursor:pointer;margin:0 14px}.pxlb-nav.prev{grid-column:1}.pxlb-nav.next{grid-column:3}.pxlb-nav:hover{background:#fff;color:#142240}
.pxlb-strip{grid-column:1/-1;grid-row:3;position:relative;display:flex;gap:8px;justify-content:center;padding:14px 20px 20px;overflow-x:auto}
.pxlb-strip button{flex:0 0 64px;height:50px;padding:3px;background:#fff;border:2px solid transparent;border-radius:10px;opacity:.55;cursor:pointer}.pxlb-strip button.on{border-color:var(--or);opacity:1}.pxlb-strip img{width:100%;height:100%;object-fit:contain}
@media(max-width:700px){.pxlb{grid-template-columns:1fr}.pxlb-fig{grid-column:1;padding:0 12px}.pxlb-nav{position:absolute;top:50%;margin:0 8px;z-index:2}.pxlb-nav.prev{left:0}.pxlb-nav.next{right:0}.pxlb-fig img{max-height:calc(100vh - 250px)}.pxc-nav{opacity:1;width:36px;height:36px}.pxc-thumbs button{flex-basis:68px;height:52px}}
@media(prefers-reduced-motion:reduce){.pxc-track,.pxlb-fig img,.pxlb{transition:none}}
.mcol .msub{padding:10px 12px 2px 42px;font:700 10.5px var(--hf);letter-spacing:.09em;text-transform:uppercase;color:#9aa5be}
.mcol a.mall{color:var(--or);font-weight:700;font-size:.92em}

/* products page notice */
.pcn{position:fixed;right:18px;bottom:96px;z-index:110;width:min(372px,calc(100vw - 28px));padding:22px 22px 18px 26px;border-radius:24px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid var(--bd);box-shadow:0 30px 70px -22px rgba(20,34,64,.45),0 4px 14px rgba(20,34,64,.08);transform:translateY(24px) scale(.98);opacity:0;transition:transform .5s var(--ease),opacity .4s;overflow:hidden}
.pcn[hidden]{display:none}.pcn.show{transform:none;opacity:1}
.pcn-bar{position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#ef4444,#fa8604)}
.pcn-x{position:absolute;right:10px;top:10px;width:32px;height:32px;border-radius:50%;border:0;background:transparent;color:#6b7694;display:grid;place-items:center;cursor:pointer;transition:.15s}.pcn-x:hover{background:#eef1f8;color:#142240}
.pcn-h{display:flex;gap:10px;align-items:center;margin:0 28px 10px 0}.pcn-h b{font:800 1.12rem var(--hf);color:#d92d3a}
.pcn-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fee2e2;color:#d92d3a;flex:none;animation:pcnP 2.8s ease-in-out infinite}@keyframes pcnP{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.35)}50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}}
.pcn p{margin:0 0 10px;color:#2b3550;font-size:.95rem;line-height:1.6}
.pcn-btn{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;padding:13px 16px;border-radius:14px;background:#25d366;color:#fff!important;font:700 15px var(--hf);box-shadow:0 12px 24px -12px rgba(37,211,102,.9);transition:.2s}.pcn-btn:hover{transform:translateY(-2px);background:#1fb858}
.pcn-ok{display:block;margin:10px auto 0;padding:6px 14px;border:0;background:transparent;color:var(--mu);font:600 13px var(--hf);cursor:pointer;border-radius:8px}.pcn-ok:hover{color:#142240;background:#eef1f8}
@media(max-width:700px){.pcn{right:10px;left:10px;width:auto;bottom:150px;padding:16px 16px 12px 20px}.pcn p{font-size:.88rem;margin-bottom:8px}.pcn-btn{padding:11px}}
@media(prefers-reduced-motion:reduce){.pcn,.pcn-ic{transition:none;animation:none}}

/* ===== Product page theme 5 (OU-F22): cyan, dark slim art panel, tile specs ===== */
.px-t5{--grad:linear-gradient(135deg,#0891b2,#22d3ee);--or:#0891b2;--or2:#0e7490}
.px-t5 .px-hero{background:linear-gradient(180deg,#ecfeff,#fff 70%)}
.px-t5 .px-price{border-color:#a5e8f5;color:#0e7490;background:#f0fcff}
.px-t5 .px-stats li span{background:#e0f7fb;color:#0e7490}
.px-t5 .px-art.slim{border-radius:28px;overflow:hidden;box-shadow:0 30px 60px -28px rgba(8,50,80,.7)}
.px-t5 .px-art.slim svg{display:block;width:100%;height:auto}
.px-scan.s5{animation-name:pxS5}@keyframes pxS5{to{transform:translateY(80px)}}
.px-wave{animation:pxW 2.2s ease-in-out infinite}@keyframes pxW{0%,100%{opacity:.35}50%{opacity:1}}
.px-t5 .px-dark{background:#f3fbfd;color:#0b2540}.px-t5 .px-dark:before{display:none}
.px-t5 .px-dark .eyebrow{color:#0e7490}.px-t5 .px-dark h2{color:#0b2540}
.px-t5 .px-fgrid{grid-template-columns:repeat(3,1fr)}
.px-t5 .px-f{background:#fff;border:1px solid #d3eef4;border-top:4px solid #0891b2;color:#0b2540;box-shadow:0 14px 30px -20px rgba(8,145,178,.6)}
.px-t5 .px-f h3{color:#0b2540}.px-t5 .px-f p{color:#4a6278}
.px-t5 .px-f:hover{border-color:#22d3ee}
.px-t5 .px-table{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;border:0;box-shadow:none;background:transparent}
.px-t5 .px-tr{display:block;background:#fff;border:1px solid #d3eef4;border-radius:14px;padding:12px 16px}
.px-t5 .px-th{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#0e7490;background:none;padding:0;width:auto}
.px-t5 .px-td{display:block;padding:2px 0 0;font-weight:600;color:#0b2540;background:none}
.px-t5 .px-uses{counter-reset:u;grid-template-columns:repeat(4,1fr)}
.px-t5 .px-use{position:relative;counter-increment:u;border-radius:20px}
.px-t5 .px-use:after{content:"0" counter(u);position:absolute;right:16px;top:10px;font-size:1.6rem;font-weight:800;color:#d3eef4}
.px-t5 .pr-ic,.px-t5 .px-quick div{background:#e0f7fb;color:#0e7490}.px-t5 .px-nav .px-nav-cta{background:#0e7490}
@media(max-width:980px){.px-t5 .px-fgrid{grid-template-columns:repeat(2,1fr)}.px-t5 .px-uses{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.px-t5 .px-fgrid,.px-t5 .px-uses,.px-t5 .px-table{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.px-wave{animation:none!important}}

/* ===== Accessories hub (.ah) ===== */
.ah-hero{background:#0f1523;color:#e5ebf7;padding:28px 0 64px;position:relative;overflow:hidden}.ah-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 85% 10%,rgba(245,158,11,.22),transparent 60%)}
.ah-hero .wrap{position:relative}.ah-hero .crumbs,.ah-hero .crumbs a{color:#9fb0cc}
.ah-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;margin-top:18px}
.ah-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fbbf24;margin:0 0 14px}
.ah-copy h1{font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.12;color:#fff;margin:0 0 16px}.ah-lead{color:#b8c5de;font-size:1.02rem;line-height:1.7;margin:0 0 24px}
.ah-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.btn-ghost-l{background:transparent;border:1.5px solid #3a4a6a;color:#e5ebf7}.btn-ghost-l:hover{border-color:#fbbf24;color:#fbbf24}
.ah-stats{display:flex;gap:28px;list-style:none;margin:0;padding:0}.ah-stats b{display:block;font-size:1.6rem;color:#fbbf24}.ah-stats span{font-size:.8rem;color:#9fb0cc}
.ah-diagram svg{display:block;width:100%;height:auto;border-radius:26px;box-shadow:0 30px 60px -30px #000}
.ah-legend{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ah-legend li{display:flex;gap:10px;align-items:center;font-size:.82rem;font-weight:600;color:#e5ebf7}.ah-legend li b{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#f59e0b;color:#1a1204;font-size:.78rem}.ah-legend small{display:block;font-weight:400;color:#8ea0c0;font-size:.72rem}
.ah-blink{animation:ahB 1.6s infinite}@keyframes ahB{50%{opacity:.25}}.ah-ring{animation:ahR 2s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes ahR{50%{opacity:.35;transform:scale(1.25)}}.ah-flow{animation:ahF 1.4s linear infinite}@keyframes ahF{to{stroke-dashoffset:-24}}
.ah-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.ah-chips button{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--bd);background:#fff;font:600 .85rem Poppins,sans-serif;color:#334155;cursor:pointer;transition:.2s}.ah-chips button:hover{border-color:#f59e0b}.ah-chips button.on{background:#0f1523;border-color:#0f1523;color:#fff}.ah-chips b{background:#f59e0b;color:#1a1204;border-radius:99px;padding:0 7px;font-size:.72rem}
.ah-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ah-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bd);border-radius:22px;overflow:hidden;transition:.25s var(--ease)}.ah-card:hover{transform:translateY(-5px);border-color:#f59e0b;box-shadow:0 22px 40px -22px rgba(245,158,11,.7)}.ah-card.big{grid-column:span 2;flex-direction:row}
.ah-vis{position:relative;display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(135deg,#fff7e6,#ffeccb);color:#d97706}.ah-card.big .ah-vis{flex:0 0 46%;aspect-ratio:auto}.ah-vis img{width:100%;height:100%;object-fit:contain}.ah-vis em{position:absolute;left:12px;top:12px;font-style:normal;font-size:.7rem;font-weight:700;background:#0f1523;color:#fbbf24;border-radius:99px;padding:3px 10px}
.ah-ico svg{width:56px;height:56px}.ah-body{display:flex;flex-direction:column;gap:8px;padding:20px;flex:1}.ah-body b{font-size:1.02rem;line-height:1.35;color:#0f1523}.ah-body small{color:#5b6b85;font-size:.85rem;line-height:1.6}
.ah-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:8px}.ah-foot i{font-style:normal;font-weight:700;color:#b45309;font-size:.85rem}.ah-go{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff3d6;color:#d97706;transition:.25s}.ah-card:hover .ah-go{background:#f59e0b;color:#fff;transform:rotate(-45deg)}
.ah-card[hidden]{display:none}.ah-empty{padding:40px;text-align:center;color:#64748b}
.ah-steps{counter-reset:s;display:grid;grid-template-columns:repeat(5,1fr);gap:0;list-style:none;margin:0;padding:0;position:relative}.ah-steps li{position:relative;text-align:center;padding:0 12px}.ah-steps li:not(:last-child):after{content:"";position:absolute;top:26px;left:calc(50% + 32px);right:calc(-50% + 32px);border-top:2px dashed #f59e0b}
.ah-steps span{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:#f59e0b;color:#1a1204;font-weight:800;font-size:1.1rem}.ah-steps b{display:block;color:#0f1523}.ah-steps small{display:block;color:#5b6b85;font-size:.82rem;line-height:1.5;margin-top:4px}
@media(max-width:980px){.ah-grid{grid-template-columns:1fr}.ah-bento{grid-template-columns:repeat(2,1fr)}.ah-steps{grid-template-columns:1fr 1fr;gap:26px 0}.ah-steps li:after{display:none}}
@media(max-width:640px){.ah-bento{grid-template-columns:1fr}.ah-card.big{grid-column:auto;flex-direction:column}.ah-card.big .ah-vis{flex:none;aspect-ratio:4/3}.ah-steps{grid-template-columns:1fr}.ah-stats{gap:18px}.ah-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.ah-blink,.ah-ring,.ah-flow{animation:none!important}}

/* ===== Product page theme 6 (accessories): warm cream + amber datasheet look ===== */
.px-t6{--grad:linear-gradient(135deg,#d97706,#fbbf24);--or:#d97706;--or2:#b45309}
.px-t6 .px-hero{background:linear-gradient(180deg,#fffaf0,#fff 75%)}
.px-t6 .px-art.accp{border-radius:28px;overflow:hidden;border:1px solid #f1d9a8;box-shadow:0 26px 50px -30px rgba(180,83,9,.55)}.px-t6 .px-art.accp svg{display:block;width:100%;height:auto}
.px-t6 .px-price{border-color:#f1d9a8;background:#fff7e6;color:#b45309}
.px-t6 .px-dark{background:#0f1523;color:#e5ebf7}.px-t6 .px-fgrid{grid-template-columns:repeat(4,1fr);gap:0}.px-t6 .px-f{background:transparent;border:0;border-left:1px solid #26324a;border-radius:0;box-shadow:none;padding:6px 24px}.px-t6 .px-f:first-child{border-left:0}
.px-t6 .px-table .px-tr:nth-child(odd){background:#fffaf0}.px-t6 .px-th{color:#b45309}
.px-t6 .px-uses{grid-template-columns:repeat(4,1fr)}.px-t6 .px-use{border-radius:999px 999px 22px 22px;text-align:center;border-color:#f1d9a8}
.px-t6 .px-use .pr-ic,.px-t6 .px-f .pr-ic{background:#fff3d6;color:#d97706}
@media(max-width:980px){.px-t6 .px-fgrid,.px-t6 .px-uses{grid-template-columns:repeat(2,1fr)}.px-t6 .px-f{border-left:0;padding:14px 8px}}
@media(max-width:640px){.px-t6 .px-fgrid,.px-t6 .px-uses{grid-template-columns:1fr}}

/* ===== Products mega menu: Models + Accessories columns with every product name ===== */
.mega-pm{width:min(840px,calc(100vw - 48px));padding:14px}.has:nth-child(3) .mega-pm{left:0}
.cols-pm{grid-template-columns:1.9fr 1fr;gap:6px 22px;padding:6px}
.mcol-bio{min-width:0}.mega .mh{padding:6px 8px 10px}
.msplit{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.msc{display:grid;gap:1px;align-content:start;min-width:0}
.mcol .msub{display:flex;align-items:center;gap:7px;padding:8px 10px;margin-bottom:4px;border-radius:10px;background:#f4f6fb;font:700 11px var(--hf);letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.mcol .msub i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#fff3e1;color:var(--or)}.mcol .msub i svg{width:13px;height:13px}.mcol .msub b{margin-left:auto;background:#fff;border-radius:99px;padding:1px 8px;font-size:10.5px;color:var(--navy)}
.mcol .msc a:not(.mh){display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;font-size:13.5px;line-height:1.35;color:#334155;border-radius:9px}
.mcol .msc a:not(.mh):before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:#f0c27a;transition:.15s}.mcol .msc a:not(.mh):hover:before{background:var(--or);transform:scale(1.5)}
.mcol .msc a span{flex:1}.mcol .msc a.mall{margin-top:4px;color:var(--or);font-weight:700;background:#fff7ec}.mcol .msc a.mall:before{display:none}.mcol .msc a.mall svg{flex:none}
.mfoot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid var(--bd)}.mfoot a{flex:1;justify-content:center;font-weight:600;font-size:13.5px;background:#f4f6fb;color:var(--navy)}
@media(max-width:1100px){.has:nth-child(3) .mega-pm{left:-120px}}
@media(max-width:960px){.mega-pm{width:auto;padding:0}.cols-pm,.msplit{grid-template-columns:1fr}.mega-in.cols-pm{padding:4px 0 8px 4px}.mcol .msc a:not(.mh){padding:9px 10px;font-size:14px}.msplit{gap:8px}.mfoot{display:none}.has:nth-child(3) .mega-pm{left:auto}}
@media(min-width:961px){.mega-pm{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}

/* ===== Get-a-quote popup (.qm) ===== */
html.qm-lock,html.qm-lock body{overflow:hidden}
.qm{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .22s}.qm[hidden]{display:none}.qm.open{opacity:1}
.qm-ov{position:absolute;inset:0;background:rgba(10,18,36,.62);backdrop-filter:blur(6px)}
.qm-card{position:relative;display:grid;grid-template-columns:330px 1fr;width:min(1000px,100%);max-height:min(780px,calc(100dvh - 40px));grid-template-rows:minmax(0,1fr);background:#fff;border-radius:28px;box-shadow:0 40px 90px -20px rgba(0,0,0,.55);overflow:hidden;transform:translateY(24px) scale(.98);transition:transform .28s var(--ease,ease);outline:0}.qm.open .qm-card{transform:none}
.qm-x{position:absolute;right:14px;top:14px;z-index:5;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#f1f4fa;color:#334155;cursor:pointer;transition:.2s}.qm-x:hover{background:#fee2e2;color:#b91c1c;transform:rotate(90deg)}
.qm-side{position:relative;display:flex;flex-direction:column;gap:16px;padding:34px 28px;background:linear-gradient(160deg,#15213d,#1f3566 70%);color:#dbe5f7;overflow:auto}.qm-side:before{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(250,134,4,.55),transparent 70%)}
.qm-side>*{position:relative}.qm-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:1.05rem}.qm-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#fa8604,#ffb347);color:#fff}
.qm-side h2{margin:6px 0 0;font-size:1.55rem;line-height:1.2;color:#fff}.qm-sub{margin:0;font-size:.9rem;line-height:1.6;color:#b7c4df}
.qm-ctx{display:grid;gap:6px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.qm-ctx-l{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffb347}.qm-ctx b{color:#fff;font-size:.98rem;line-height:1.4}.qm-ctx.gen b{font-weight:500;font-size:.9rem;color:#dbe5f7}
.qm-ctx-c,.qm-ctx-p{justify-self:start;font-size:.75rem;font-weight:600;border-radius:99px;padding:3px 10px;background:rgba(255,255,255,.14);color:#fff}.qm-ctx-p{background:#fa8604}
.qm-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px}.qm-steps li{display:flex;align-items:center;gap:12px;font-size:.88rem;color:#8fa2c6;font-weight:500}.qm-steps i{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;border:2px solid #4b5f8c;font-style:normal;font-weight:700;font-size:.8rem;transition:.25s}
.qm-steps li.on{color:#fff}.qm-steps li.on i{background:#fa8604;border-color:#fa8604;color:#fff;box-shadow:0 0 0 5px rgba(250,134,4,.25)}.qm-steps li.done i{background:#22c55e;border-color:#22c55e;color:#fff}.qm-steps li.done i{font-size:0}.qm-steps li.done i:after{content:"\2713";font-size:.85rem}
.qm-trust{list-style:none;margin:auto 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:10px;font-size:.78rem;color:#9fb0cf}.qm-trust li{display:flex;gap:9px;align-items:flex-start}.qm-trust svg{flex:none;color:#4ade80;margin-top:1px}
.qm-main{position:relative;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:34px 36px 30px;scroll-behavior:smooth}
.qm-step{display:none}.qm-step.on{display:block;animation:qmIn .35s var(--ease,ease)}@keyframes qmIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.qm-head h3{margin:0;font-size:1.35rem;color:var(--navy,#15213d)}.qm-head p{margin:4px 0 18px;color:#64748b;font-size:.88rem}.qm-head.c{text-align:center}.qm-head.c p{font-size:.95rem}
.qm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.qf{position:relative;min-width:0;margin-bottom:14px}.qm-grid .qf{margin:0}.qf.wide{grid-column:1/-1}
.qf label{display:block;margin:0 0 6px;font-size:.8rem;font-weight:600;color:#334155}
.qi{position:relative;display:flex;align-items:center;gap:10px;padding:0 14px;border:1.5px solid #d5dcec;border-radius:14px;background:#fff;transition:.2s}.qi>svg{flex:none;color:#94a3b8}.qi:focus-within{border-color:#fa8604;box-shadow:0 0 0 4px rgba(250,134,4,.15)}.qi:focus-within>svg{color:#fa8604}
.qi input,.qi textarea{flex:1;min-width:0;width:100%;border:0;outline:0;background:transparent;font:500 16px Poppins,sans-serif;color:#15213d;padding:13px 0}.qi textarea{resize:vertical;min-height:64px;line-height:1.5}.qi-ta{align-items:flex-start}.qi-ta>svg{margin-top:14px}
.qi input::placeholder,.qi textarea::placeholder{color:#a3aec4;font-weight:400}
.qf.bad .qi{border-color:#ef4444;background:#fff7f7}.qf.bad .qi:focus-within{box-shadow:0 0 0 4px rgba(239,68,68,.14)}.qe{margin:5px 2px 0;font-size:.78rem;color:#dc2626;min-height:0}.qe:empty{display:none}
.qh{display:flex;align-items:center;gap:6px;margin:6px 2px 0;font-size:.76rem;color:#0f766e}.qh svg{flex:none}.qh[hidden]{display:none}
.qi-phone{padding-left:6px}.qcc{display:flex;align-items:center;gap:6px;flex:none;padding:8px 10px;border:0;border-radius:10px;background:#f1f4fa;cursor:pointer;font:600 .9rem Poppins,sans-serif;color:#15213d}.qcc b{font-size:.7rem;background:#fa8604;color:#fff;border-radius:6px;padding:2px 6px}.qcc svg{color:#64748b}
.qcc-list{position:absolute;left:0;top:calc(100% + 6px);z-index:20;width:min(320px,100%);background:#fff;border:1px solid #d5dcec;border-radius:14px;box-shadow:0 24px 50px -12px rgba(15,23,42,.35);overflow:hidden}.qcc-list[hidden]{display:none}
.qcc-list>input{display:block;width:100%;padding:12px 14px;border:0;border-bottom:1px solid #e6eaf3;font:500 16px Poppins,sans-serif;outline:0}.qcc-list ul{list-style:none;margin:0;padding:6px;max-height:230px;overflow:auto}
.qcc-list li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer;font-size:.88rem}.qcc-list li:hover,.qcc-list li[aria-selected]{background:#fff4e6}.qcc-list li b{flex:none;width:28px;font-size:.7rem;color:#fa8604}.qcc-list li span{flex:1;color:#15213d}.qcc-list li em{font-style:normal;color:#64748b;font-weight:600}.qcc-list li.none{cursor:default;color:#94a3b8}
.qm-chips{display:flex;flex-wrap:wrap;gap:8px}.qm-chips button{padding:8px 16px;border:1.5px solid #d5dcec;border-radius:99px;background:#fff;font:600 .84rem Poppins,sans-serif;color:#334155;cursor:pointer;transition:.18s}.qm-chips button:hover{border-color:#fa8604}.qm-chips button.on{background:#15213d;border-color:#15213d;color:#fff}
.qm-sug{margin:2px 0 16px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#fff8ee,#f4f7ff);border:1px solid #f3dfbf}.qm-sug[hidden]{display:none}.qm-sug-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px}.qm-ai{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.85rem;color:#b45309}.qm-sug-h small{color:#64748b;font-size:.76rem}
.qm-sug-l{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qm-it{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1.5px solid #e6eaf3;border-radius:14px;background:#fff;text-align:left;cursor:pointer;font-family:inherit;transition:.18s}.qm-it:hover{border-color:#fa8604}.qm-it.on{border-color:#22c55e;background:#f0fdf4}
.qm-it-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:11px;background:#fff3d6;color:#d97706;overflow:hidden;font-weight:700}.qm-it-ic img{width:100%;height:100%;object-fit:cover}.qm-it-ic i{font-style:normal}.qm-it-t{flex:1;min-width:0;display:grid}.qm-it-t b{font-size:.82rem;line-height:1.3;color:#15213d;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.qm-it-t small{font-size:.7rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qm-it-c{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #cbd5e1;color:transparent;transition:.18s}.qm-it.on .qm-it-c{background:#22c55e;border-color:#22c55e;color:#fff}
.qm-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.qm-err{margin:0 0 12px;padding:11px 14px;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:.85rem}.qm-err[hidden]{display:none}.qm-err.c{text-align:center}
.qm-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 22px;border:0;border-radius:16px;background:linear-gradient(135deg,#fa8604,#ff9f2e);color:#fff;font:700 1rem Poppins,sans-serif;cursor:pointer;box-shadow:0 16px 30px -14px rgba(250,134,4,.9);transition:.2s}.qm-btn:hover{transform:translateY(-2px);box-shadow:0 20px 34px -14px rgba(250,134,4,.95)}.qm-btn:disabled{opacity:.7;cursor:progress;transform:none}
.qm-btn.load svg{display:none}.qm-btn.load span:after{content:"";display:inline-block;width:16px;height:16px;margin-left:10px;vertical-align:-3px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:qmSp .7s linear infinite}@keyframes qmSp{to{transform:rotate(360deg)}}
.qm-btn.light{background:#15213d;box-shadow:none;max-width:260px;margin:22px auto 0}
.qm-otp-ic{display:grid;place-items:center;width:76px;height:76px;margin:6px auto 14px;border-radius:50%;background:#fff3d6;color:#fa8604;animation:qmPop .5s}@keyframes qmPop{from{transform:scale(.5);opacity:0}}
.qm-otp{display:flex;justify-content:center;gap:10px;margin:6px 0 16px}.qm-otp input{width:52px;height:62px;border:2px solid #d5dcec;border-radius:14px;text-align:center;font:700 1.6rem Poppins,sans-serif;color:#15213d;outline:0;transition:.18s;background:#fff}.qm-otp input:focus{border-color:#fa8604;box-shadow:0 0 0 4px rgba(250,134,4,.16);transform:translateY(-2px)}.qm-otp input:not(:placeholder-shown),.qm-otp input[value]:not([value=""]){border-color:#fa8604}
.qm-otp.shake{animation:qmSh .4s}@keyframes qmSh{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
.qm-resend{margin:14px 0 0;text-align:center;font-size:.86rem;color:#64748b}.qm-resend button{border:0;background:0;padding:0;font:700 .86rem Poppins,sans-serif;color:#fa8604;cursor:pointer;text-decoration:underline}.qm-resend button:disabled{color:#a3aec4;text-decoration:none;cursor:default}.qm-resend svg{transform:rotate(180deg);vertical-align:-2px}.qm-note{margin:14px 0 0;text-align:center;font-size:.76rem;color:#94a3b8}
.qm-done{display:grid;justify-items:center;text-align:center;padding:30px 6px}.qm-done svg{width:96px;height:96px}.qd-c{stroke-dasharray:226;stroke-dashoffset:226;animation:qmDraw .7s .1s forwards}.qd-p{stroke-dasharray:60;stroke-dashoffset:60;animation:qmDraw .5s .7s forwards}@keyframes qmDraw{to{stroke-dashoffset:0}}
.qm-done h3{margin:18px 0 6px;font-size:1.5rem;color:#15213d}.qm-ref{margin:0 0 10px;padding:4px 14px;border-radius:99px;background:#f1f4fa;color:#475569;font-weight:600;font-size:.85rem}.qm-ref:empty{display:none}.qm-thanks{margin:6px 0 0;font-size:1.05rem;line-height:1.7;color:#334155}
@media(max-width:860px){
.qm{padding:0;place-items:end stretch}.qm-card{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);width:100%;max-height:100dvh;height:100dvh;border-radius:0;transform:translateY(40px)}
.qm-side{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:16px 64px 14px 18px}.qm-side:before{display:none}.qm-sub,.qm-trust,.qm-side h2{display:none}.qm-brand{font-size:.95rem}.qm-logo{width:34px;height:34px;border-radius:10px}
.qm-ctx{order:3;flex:1 1 100%;padding:9px 12px;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px}.qm-ctx-l{grid-column:1/-1}.qm-ctx b{font-size:.88rem}
.qm-steps{order:2;margin:0 0 0 auto;display:flex;gap:6px}.qm-steps span{display:none}.qm-steps li.on span{display:inline;font-size:.8rem}.qm-steps i{width:24px;height:24px;font-size:.72rem;border-width:1.5px}
.qm-main{padding:20px 16px 28px}.qm-grid{grid-template-columns:1fr}.qm-sug-l{grid-template-columns:1fr}.qm-otp{gap:7px}.qm-otp input{width:44px;height:56px;font-size:1.4rem;border-radius:12px}.qcc-list{width:100%}.qm-x{right:12px;top:12px}}
@media(max-width:380px){.qm-otp input{width:40px;height:52px}}
@media(prefers-reduced-motion:reduce){.qm,.qm-card,.qm-step.on,.qm-otp.shake,.qm-otp-ic,.qd-c,.qd-p{animation:none!important;transition:none!important}.qd-c,.qd-p{stroke-dashoffset:0}}

/* blog tags under an article */
.btags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding-top:20px;border-top:1px solid #e6eaf3}.btags a{padding:6px 14px;border-radius:99px;background:#fff4e5;color:#b45309;font-weight:600;font-size:.85rem;text-decoration:none;transition:.2s}.btags a:hover{background:#fa8604;color:#fff}

/* ===== Blog v2: listing ===== */
.bl-hero{position:relative;isolation:isolate;overflow:hidden;padding:30px 0 0;background:radial-gradient(620px 280px at 92% 0,rgba(250,134,4,.16),transparent 65%),radial-gradient(520px 280px at 0 100%,rgba(47,111,237,.1),transparent 65%),#f8faff;border-bottom:1px solid var(--bd)}
.bl-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(20,34,64,.1) 1.2px,transparent 1.3px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.bl-hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:30px;align-items:end;padding:14px 0 28px}.bl-hero h1{font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.12;margin:6px 0 12px;color:#142240}.bl-hero .lead{color:var(--mu);max-width:56ch;margin:0}
.bl-search{display:flex;align-items:center;gap:10px;padding:7px 7px 7px 18px;border-radius:99px;background:#fff;border:1px solid var(--bd);box-shadow:0 14px 34px -18px rgba(20,34,64,.35);color:var(--mu);transition:.2s}.bl-search:focus-within{border-color:var(--or);box-shadow:0 0 0 4px rgba(250,134,4,.14),0 14px 34px -18px rgba(20,34,64,.35)}
.bl-search input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:15px;color:var(--navy);padding:10px 0}.bl-search button{border:0;border-radius:99px;background:var(--or);color:#fff;font:600 14px inherit;font-family:inherit;padding:11px 22px;cursor:pointer;transition:.2s}.bl-search button:hover{background:var(--or2)}
.bl-cats{display:flex;gap:8px;overflow-x:auto;padding:0 0 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bl-cats::-webkit-scrollbar{display:none}
.bl-cats a{flex:none;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;background:#fff;border:1px solid var(--bd);color:#44526f;font-weight:600;font-size:14px;text-decoration:none;transition:.18s}.bl-cats a em{font-style:normal;font-size:12px;padding:1px 8px;border-radius:99px;background:#eef2fa;color:var(--mu)}
.bl-cats a:hover{border-color:var(--or);color:var(--or2)}.bl-cats a.on{background:var(--navy);border-color:var(--navy);color:#fff}.bl-cats a.on em{background:rgba(255,255,255,.18);color:#fff}
.bl-sec{padding-top:36px}.bl-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:26px}.bl-tags b{font-size:13px;color:var(--mu);margin-right:4px}.bl-tags a{padding:5px 13px;border-radius:99px;background:#fff4e5;color:#b45309;font-weight:600;font-size:13px;text-decoration:none;transition:.18s}.bl-tags a:hover{background:var(--or);color:#fff}
.bl-empty{text-align:center;padding:70px 20px;color:var(--mu)}.bl-empty svg{color:#c4cde0}.bl-empty h2{margin:14px 0 6px;color:var(--navy)}.bl-empty .btn{margin-top:12px}
.bcard{position:relative;border-radius:22px;border:1px solid rgba(20,34,64,.08);background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(20,34,64,.04)}.bcard:hover{transform:translateY(-6px);box-shadow:0 24px 48px -22px rgba(20,34,64,.28);border-color:rgba(250,134,4,.35)}
.bcard .bimg{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#f3f6fd,#e8eefb)}.bcard .bimg img{object-fit:cover;transition:transform .5s ease}.bcard:hover .bimg img{transform:scale(1.05)}
.bcard .noimg{display:grid;place-items:center;height:100%;color:#b6c2dc}
.bchip{position:absolute;left:14px;top:14px;padding:5px 13px;border-radius:99px;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);color:#b45309;font-weight:700;font-size:12px;letter-spacing:.02em;box-shadow:0 6px 16px -8px rgba(20,34,64,.4)}
.bcard .bbody{padding:20px 22px 20px;gap:10px;flex:1}.bcard .meta{gap:8px;font-size:12.5px}.dotsep{width:4px;height:4px;border-radius:50%;background:#c4cde0;display:inline-block}
.bcard h3{font-size:1.14rem;line-height:1.4;margin:0}.bcard h3 a{color:#142240;background-image:linear-gradient(var(--or),var(--or));background-size:0 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s}.bcard:hover h3 a{background-size:100% 2px}
.bcard p{margin:0;color:var(--mu);font-size:.93rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #eef1f8}.bau{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#44526f;min-width:0}.bau i,.ar-au i,.ar-box>i{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#fa8604,#ffb347);color:#fff;font:700 11.5px inherit;font-family:inherit;font-style:normal}
.bgo{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;color:var(--or2);text-decoration:none}.bgo svg{transition:transform .2s}.bcard:hover .bgo svg{transform:translateX(4px)}
.bnew{padding:2px 10px;border-radius:99px;background:#e7f8ef;color:#12a150;font-weight:700;font-size:11.5px}
.bfeat{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin-bottom:28px;border-radius:28px}.bfeat .bimg{aspect-ratio:auto;min-height:340px;height:100%}.bfeat .bbody{padding:34px 36px;justify-content:center;gap:14px}.bfeat h3{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.25}.bfeat p{-webkit-line-clamp:4;font-size:1.02rem}
.bfeat .bimg img{position:absolute;inset:0}
.bl-cta{padding:10px 0 70px}.bl-cta-in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:34px 40px;border-radius:28px;color:#fff;background:radial-gradient(500px 220px at 100% 0,rgba(250,134,4,.45),transparent 70%),linear-gradient(135deg,#142240,#1d3466)}.bl-cta h2{color:#fff;margin:0 0 6px;font-size:1.6rem}.bl-cta p{margin:0;color:#c3cfe9}
.pager{align-items:center}.pager a{background:#fff;color:#142240;transition:.18s}
@media(max-width:900px){.bl-hero-in{grid-template-columns:1fr;gap:18px}.bfeat{grid-template-columns:1fr}.bfeat .bimg{min-height:0;aspect-ratio:16/10}.bfeat .bbody{padding:22px}}
@media(max-width:640px){.bl-cta-in{padding:26px 22px}.bl-search button{padding:11px 16px}}

/* ===== Blog v2: article ===== */
.rd-bar{position:fixed;left:0;top:0;right:0;height:4px;z-index:1000;background:transparent;pointer-events:none}.rd-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#fba311,#fa8604);border-radius:0 4px 4px 0;transition:width .1s linear}
.ar-hero{position:relative;isolation:isolate;overflow:hidden;padding:26px 0 56px;background:radial-gradient(640px 300px at 95% 0,rgba(250,134,4,.16),transparent 65%),radial-gradient(520px 280px at 0 100%,rgba(47,111,237,.09),transparent 65%),#f8faff;border-bottom:1px solid var(--bd)}
.ar-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(20,34,64,.1) 1.2px,transparent 1.3px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 90%);mask-image:linear-gradient(180deg,#000,transparent 90%)}
.ar-hero .wrap>*{max-width:860px}.ar-hero .wrap>.crumbs{max-width:none}.ar-cat{display:inline-block;margin:14px 0 14px;padding:6px 16px;border-radius:99px;background:#fff4e5;color:#b45309;font-weight:700;font-size:13px;text-decoration:none}.ar-cat:hover{background:var(--or);color:#fff}
.ar-hero h1{font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.15;letter-spacing:-.015em;color:#142240;margin:0 0 14px}.ar-lead{font-size:1.14rem;line-height:1.65;color:#51607f;margin:0 0 22px;max-width:62ch}
.ar-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;color:var(--mu);font-size:14px}.ar-au{display:flex;align-items:center;gap:11px}.ar-au i{width:42px;height:42px;font-size:14px}.ar-au span{display:grid;line-height:1.3}.ar-au b{color:#142240}.ar-au small{color:var(--mu)}.ar-m{display:inline-flex;align-items:center;gap:7px}
.ar-wrap{padding:0 0 30px}.ar-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;align-items:start}.ar-main{min-width:0;margin-top:-34px;position:relative}
.ar-cover{margin:0 0 30px;border-radius:26px;overflow:hidden;background:#e8eefb;box-shadow:0 30px 60px -30px rgba(20,34,64,.45);aspect-ratio:16/9}.ar-cover img{width:100%;height:100%;object-fit:cover;display:block}
.ar-main:not(:has(.ar-cover)){margin-top:34px}
.ar-prose{font-size:1.08rem;line-height:1.85;color:#2a3658}.ar-prose>p:first-of-type{font-size:1.2rem;color:#1c2a4d}
.ar-prose h2{font-size:1.7rem;line-height:1.3;margin:2.1em 0 .6em;color:#142240;scroll-margin-top:96px}.ar-prose h3{font-size:1.3rem;margin:1.7em 0 .5em;color:#142240;scroll-margin-top:96px}
.ar-prose h2:before{content:"";display:block;width:42px;height:4px;border-radius:4px;background:linear-gradient(90deg,#fa8604,#ffb347);margin-bottom:.55em}
.ar-prose ul,.ar-prose ol{padding-left:1.3em}.ar-prose li{margin:.4em 0}.ar-prose li::marker{color:var(--or);font-weight:700}
.ar-prose blockquote{margin:1.8em 0;padding:18px 24px;border:0;border-left:5px solid var(--or);border-radius:0 18px 18px 0;background:#fff8ef;color:#5b4425;font-size:1.12rem;font-style:italic}
.ar-prose img{border-radius:18px;box-shadow:0 18px 40px -24px rgba(20,34,64,.4)}.ar-prose a{color:var(--or2);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.ar-prose pre,.ar-prose code{font-size:.92em}.ar-prose :not(pre)>code{padding:2px 7px;border-radius:7px;background:#eef2fa;color:#b3261e}.ar-prose pre{padding:18px 20px;border-radius:16px;background:#0f1b36;color:#e3ebff;overflow:auto}
.ar-main .tbl-wrap{margin:1.6em 0}
.ar-main .btags{margin-top:34px}
.ar-share{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:30px;padding:18px 22px;border-radius:20px;background:#f6f8fd;border:1px solid var(--bd)}.ar-share b{color:#142240}
.ar-sh{display:flex;gap:8px;flex-wrap:wrap}.ar-sh a,.ar-sh button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:40px;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--bd);background:#fff;color:#44526f;font:600 13px inherit;font-family:inherit;cursor:pointer;text-decoration:none;transition:.18s}
.ar-sh a:hover,.ar-sh button:hover{transform:translateY(-2px);color:#fff;border-color:transparent}.sh-wa:hover{background:#25d366!important}.sh-li:hover{background:#0a66c2!important}.sh-x:hover{background:#111!important}.sh-fb:hover{background:#1877f2!important}.sh-cp:hover{background:var(--or)!important}.sh-cp.done{background:#12a150!important;color:#fff!important;border-color:transparent}
.ar-box{display:flex;gap:16px;align-items:center;margin-top:22px;padding:22px;border-radius:22px;background:linear-gradient(135deg,#fff8ef,#fff);border:1px solid #fde3c0}.ar-box>i{width:58px;height:58px;font-size:19px}.ar-box small{color:var(--mu)}.ar-box b{display:block;font-size:1.1rem;color:#142240}.ar-box p{margin:3px 0 0;color:var(--mu);font-size:.93rem}
.ar-side{min-width:0;align-self:stretch}.ar-stick{position:sticky;top:96px;display:grid;gap:16px;margin-top:34px}
.toc{padding:20px 20px 14px;border-radius:20px;background:#fff;border:1px solid var(--bd);box-shadow:0 14px 30px -22px rgba(20,34,64,.35)}.toc>b{display:block;margin-bottom:10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.toc ol{list-style:none;margin:0;padding:0;max-height:46vh;overflow:auto;border-left:2px solid #eef1f8}.toc li{margin:0}.toc a{display:block;padding:7px 12px;margin-left:-2px;border-left:2px solid transparent;color:#51607f;font-size:14px;line-height:1.45;text-decoration:none;transition:.15s}.toc li.l3 a{padding-left:26px;font-size:13.5px}
.toc a:hover{color:var(--or2)}.toc a.on{color:#142240;font-weight:700;border-left-color:var(--or);background:linear-gradient(90deg,rgba(250,134,4,.1),transparent)}
.ar-sc{padding:16px 20px 18px;border-radius:20px;background:#fff;border:1px solid var(--bd)}.ar-sc>b{display:block;margin-bottom:10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}.ar-sc .ar-sh a,.ar-sc .ar-sh button{min-width:38px;height:38px}.ar-sc .sh-cp span{display:none}
.ar-quote{padding:24px;border-radius:22px;color:#fff;background:radial-gradient(260px 160px at 100% 0,rgba(250,134,4,.5),transparent 70%),linear-gradient(135deg,#142240,#1d3466)}.ar-quote h3{color:#fff;margin:0 0 6px;font-size:1.15rem}.ar-quote p{margin:0 0 16px;color:#c3cfe9;font-size:.93rem}.ar-quote .btn{width:100%;justify-content:center}
@media(max-width:1000px){.ar-grid{grid-template-columns:1fr}.ar-side{order:-1}.ar-stick{position:static;margin-top:0}.ar-main{margin-top:0}.toc ol{max-height:none}.ar-sc{display:none}.ar-quote{display:none}.toc{margin-top:26px}}
@media(max-width:640px){.ar-hero{padding-bottom:36px}.ar-cover{border-radius:18px}.ar-prose{font-size:1.02rem}.ar-share{padding:16px}.ar-box{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.bcard,.bcard img,.bgo svg,.rd-bar i{transition:none!important}}

/* blog v3: topics cloud, author pages, author box */
.tg-box{margin:0 0 30px;padding:22px 24px;border-radius:24px;background:#fff;border:1px solid var(--bd);box-shadow:0 18px 40px -30px rgba(20,34,64,.4)}
.tg-h{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.tg-h b{display:block;font-size:1.1rem;color:#142240}.tg-h span{display:block;font-size:13px;color:var(--mu);margin-top:2px}
.tg-more{border:1px solid var(--bd);background:#f6f8fd;border-radius:99px;padding:8px 18px;font:600 13px inherit;font-family:inherit;color:#142240;cursor:pointer;transition:.18s}.tg-more:hover{border-color:var(--or);color:var(--or2)}
.tg-list{display:flex;flex-wrap:wrap;gap:9px}.tg{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:99px;background:#fff4e5;color:#b45309;font-weight:600;font-size:13.5px;text-decoration:none;border:1px solid transparent;transition:.18s}
.tg i{font-style:normal;opacity:.55}.tg em{font-style:normal;font-size:11.5px;padding:1px 7px;border-radius:99px;background:rgba(255,255,255,.8);color:#8a5a14}
.tg.t4{font-size:15px;padding:9px 17px;background:linear-gradient(135deg,#ffe7c7,#ffd9a3);color:#9a4a00}.tg.t3{font-size:14.5px;padding:8px 16px;background:#ffeed8}.tg.t1{background:#f3f5fb;color:#44526f}.tg.t1 em{color:#6b778f}
.tg:hover{background:var(--or);color:#fff;transform:translateY(-1px)}.tg:hover em{background:rgba(255,255,255,.25);color:#fff}
.tg-x{display:none}.tg-list.open .tg-x{display:inline-flex}
.bl-count{margin:14px 0 0;font-weight:600;color:#44526f;font-size:14px}
.au-head{display:flex;align-items:center;gap:20px;margin-bottom:14px}.au-head h1{margin:2px 0 4px}.au-role{margin:0;color:var(--or2);font-weight:600}
.au-ph{display:grid;place-items:center;flex:none;width:92px;height:92px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--or),#ffb347);color:#fff;font-weight:700;font-size:28px;box-shadow:0 12px 26px -12px rgba(250,134,4,.7)}.au-ph img{width:100%;height:100%;object-fit:cover;display:block}
.au-soc{display:flex;gap:8px;margin-top:10px}.au-soc a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--bd);color:#142240;transition:.18s}.au-soc a:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.au-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.au-card{display:grid;justify-items:center;text-align:center;gap:4px;padding:26px 18px;border-radius:22px;background:#fff;border:1px solid var(--bd);text-decoration:none;color:#142240;transition:.2s}.au-card:hover{transform:translateY(-4px);box-shadow:0 24px 40px -26px rgba(20,34,64,.5);border-color:#ffd9a3}
.au-card .au-ph{width:84px;height:84px;margin-bottom:8px;font-size:24px}.au-card small{color:var(--or2);font-weight:600}.au-card em{font-style:normal;font-size:12.5px;color:var(--mu);margin-top:4px}
.ar-box .ph,.ar-au .ph{overflow:hidden;padding:0}.ar-box .ph img,.ar-au .ph img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.ar-box b a{color:inherit;text-decoration:none}.ar-box b a:hover{color:var(--or2)}.ar-au b a{color:inherit;text-decoration:none}.ar-au b a:hover{color:var(--or2)}
.ar-role{display:block;color:var(--or2);font-weight:600;font-size:13.5px;margin-top:1px}.ar-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ar-links a{padding:5px 13px;border-radius:99px;background:#fff;border:1px solid #fde3c0;font-size:12.5px;font-weight:600;color:#b45309;text-decoration:none}.ar-links a:hover{background:var(--or);border-color:var(--or);color:#fff}
@media(max-width:640px){.au-head{flex-direction:column;align-items:flex-start}.tg-box{padding:18px}}

/* blog v4: 16:9 images, scalable category strip and topics panel */
.bcard .bimg{aspect-ratio:16/9}.bcard .bimg img{object-fit:cover}
.bfeat{align-items:center}.bfeat .bimg{aspect-ratio:16/9;min-height:0;height:auto;align-self:center}
.ar-cover{aspect-ratio:16/9;overflow:hidden}.ar-cover img{width:100%;height:100%;object-fit:cover;display:block}
.bl-catwrap{position:relative}.bl-catwrap .bl-cats{padding:0 0 18px;scroll-behavior:smooth}
.bl-catwrap:before,.bl-catwrap:after{content:"";position:absolute;top:0;bottom:18px;width:46px;z-index:1;pointer-events:none;opacity:0;transition:.2s}
.bl-catwrap:before{left:0;background:linear-gradient(90deg,#f8faff 30%,transparent)}.bl-catwrap:after{right:0;background:linear-gradient(270deg,#f8faff 30%,transparent)}
.bl-catwrap.fade-l:before,.bl-catwrap.fade-r:after{opacity:1}
.cat-nav{position:absolute;top:0;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--bd);background:#fff;color:#142240;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px -8px rgba(20,34,64,.4);transition:.18s}.cat-nav[hidden]{display:none}.cat-nav:hover{background:var(--navy);border-color:var(--navy);color:#fff}.cat-nav.prev{left:0}.cat-nav.next{right:0}
.tg-box{margin:0 0 28px;padding:12px 14px 12px 20px;border-radius:20px;background:#fff;border:1px solid var(--bd);box-shadow:0 14px 34px -28px rgba(20,34,64,.4)}
.tg-row{display:flex;align-items:center;gap:14px}.tg-lab{display:inline-flex;align-items:center;gap:7px;flex:none;font-size:14px;color:#142240}.tg-lab svg{color:var(--or)}
.tg-top{display:flex;gap:8px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px 0}.tg-top::-webkit-scrollbar{display:none}
.tg{flex:none;display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:99px;background:#fff4e5;color:#b45309;font-weight:600;font-size:13.5px;text-decoration:none;border:1px solid transparent;transition:.18s}
.tg i{font-style:normal;opacity:.55}.tg em{font-style:normal;font-size:11.5px;padding:0 7px;border-radius:99px;background:rgba(255,255,255,.85);color:#8a5a14}.tg:hover{background:var(--or);color:#fff}.tg:hover em{background:rgba(255,255,255,.25);color:#fff}
.tg-more{flex:none;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--bd);background:#f6f8fd;border-radius:99px;padding:8px 14px;font:600 13px inherit;font-family:inherit;color:#142240;cursor:pointer;transition:.18s}.tg-more em{font-style:normal;font-size:11.5px;padding:0 7px;border-radius:99px;background:#fff;color:var(--mu)}.tg-more svg{transition:transform .2s}.tg-box.open .tg-more{background:var(--navy);border-color:var(--navy);color:#fff}.tg-box.open .tg-more svg{transform:rotate(180deg)}.tg-more:hover{border-color:var(--or)}
.tg-panel{margin:12px 6px 4px 0;padding-top:14px;border-top:1px dashed var(--bd)}.tg-panel[hidden]{display:none}
.tg-find{display:flex;align-items:center;gap:8px;max-width:340px;padding:8px 14px;border-radius:99px;background:#f6f8fd;border:1px solid var(--bd);color:var(--mu);margin-bottom:14px}.tg-find:focus-within{border-color:var(--or);background:#fff}.tg-find input{flex:1;min-width:0;border:0;background:none;outline:0;font:inherit;font-size:14px;color:#142240}
.tg-all{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 14px;max-height:260px;overflow:auto;padding-right:6px;scrollbar-width:thin}
.tg-all a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;color:#2a3752;text-decoration:none;font-size:14px;font-weight:500;transition:.15s}.tg-all a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-all a em{font-style:normal;flex:none;font-size:11.5px;color:var(--mu);background:#eef1f8;padding:1px 8px;border-radius:99px}.tg-all a:hover{background:#fff4e5;color:#b45309}
.tg-none{color:var(--mu);margin:6px 0 0;font-size:14px}.tg-none[hidden]{display:none}
@media(max-width:700px){.tg-row{flex-wrap:wrap}.tg-top{order:3;flex-basis:100%}.tg-more{margin-left:auto}.tg-box{padding:12px 14px}.cat-nav{display:none!important}}

/* blog v5: All + category dropdown */
.cat-bar{display:flex;align-items:center;gap:10px;padding:0 0 20px;flex-wrap:wrap}
.cb-all,.cb-btn{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border-radius:99px;background:#fff;border:1px solid var(--bd);color:#2a3752;font:600 14px inherit;font-family:inherit;text-decoration:none;cursor:pointer;transition:.18s}
.cb-all em,.cb-btn em{font-style:normal;font-size:12px;padding:1px 8px;border-radius:99px;background:#eef1f8;color:#6b778f}
.cb-all:hover,.cb-btn:hover{border-color:var(--or);color:var(--or2)}
.cb-all.on,.cb-btn.on,.cb-dd.open .cb-btn{background:var(--navy);border-color:var(--navy);color:#fff}.cb-all.on em,.cb-btn.on em,.cb-dd.open .cb-btn em{background:rgba(255,255,255,.18);color:#fff}
.cb-btn span{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-btn svg:last-child{transition:transform .2s}.cb-dd.open .cb-btn svg:last-child{transform:rotate(180deg)}
.cb-dd{position:relative}
.cb-panel{position:absolute;z-index:30;top:calc(100% + 8px);left:0;width:min(360px,86vw);padding:12px;border-radius:18px;background:#fff;border:1px solid var(--bd);box-shadow:0 28px 60px -22px rgba(20,34,64,.45)}.cb-panel[hidden]{display:none}
.cb-find{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;background:#f6f8fd;border:1px solid var(--bd);color:var(--mu);margin-bottom:8px}.cb-find:focus-within{border-color:var(--or);background:#fff}.cb-find input{flex:1;min-width:0;border:0;background:none;outline:0;font:inherit;font-size:14px;color:#142240}
.cb-list{max-height:290px;overflow:auto;display:grid;gap:2px;scrollbar-width:thin}
.cb-list a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#2a3752;text-decoration:none;font-size:14.5px;font-weight:500}.cb-list a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-list a em{font-style:normal;flex:none;font-size:11.5px;color:var(--mu);background:#eef1f8;padding:1px 8px;border-radius:99px}
.cb-list a:hover{background:#fff4e5;color:#b45309}.cb-list a.on{background:#fff4e5;color:#b45309;font-weight:700}.cb-none{margin:8px 4px 2px;color:var(--mu);font-size:14px}.cb-none[hidden]{display:none}
@media(max-width:640px){.cb-panel{position:fixed;left:16px;right:16px;top:auto;width:auto;bottom:16px}.cb-list{max-height:50vh}}
.bl-hero{overflow:visible;z-index:5}.bl-hero:before{border-radius:0}