:root{--teal:#00ccbb;--blue:#0036bf;--blue-dark:#002a96;--text:#363636;--ink:#0a0a0a;--bg:#fff;--soft:#f5f8fb;--black:#000}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Roboto,Poppins,sans-serif;color:var(--text);background:var(--bg);font-size:16px;line-height:1.7}
h1,h2,h3,h4{font-family:Poppins,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:min(1200px,92%);margin:0 auto}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
/* icônes : un seul jeu, trait 1.75, couleur héritée */
.i{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.i.fill{fill:currentColor;stroke:none}
/* top bar */
.topbar{background:#fff;border-bottom:1px solid #eee;font-size:13px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:42px;gap:16px;flex-wrap:wrap}
.topbar .l,.topbar .r{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.topbar .it{display:flex;align-items:center;gap:8px}
.topbar .it .i{color:var(--teal)}
.soc{display:flex;gap:2px}
.soc a{width:44px;height:44px;display:grid;place-items:center;color:var(--blue);border-radius:50%}
.soc a:hover{background:var(--blue);color:#fff}
.soc .i{width:18px;height:18px}
/* sélecteur de langue */
.lang{display:inline-flex;border:1px solid #cfd8e3;border-radius:999px;overflow:hidden;font-family:Poppins;font-size:12px;font-weight:600}
.lang a{min-height:36px;min-width:44px;padding:0 12px;display:grid;place-items:center;color:var(--blue)}
.lang a:hover{background:#e8eefc}
.lang a[aria-current="true"]{background:var(--blue);color:#fff}
/* nav */
header.nav{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.06)}
header.nav .wrap{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:20px}
.logo img{height:52px;width:auto}
nav ul{list-style:none;display:flex;gap:26px;align-items:center}
nav a.m{display:inline-flex;align-items:center;gap:4px;font-family:Poppins;font-size:12.5px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;padding:8px 0;border-bottom:2px solid transparent}
nav a.m .i{width:14px;height:14px}
nav a.m:hover,nav a.m.on{color:var(--blue);border-color:var(--blue)}
.burger{display:none;background:#fff;border:1px solid #ccc;border-radius:6px;width:44px;height:44px;place-items:center;cursor:pointer;color:var(--ink)}
.burger .i{width:22px;height:22px}
/* boutons : un style principal + un style secondaire */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 28px;border-radius:6px;font-family:Poppins;font-weight:600;font-size:14px;letter-spacing:.01em;border:2px solid var(--blue);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn.primary{background:var(--blue);color:#fff}
.btn.primary:hover{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff}
.btn.ghost{background:transparent;color:var(--blue)}
.btn.ghost:hover{background:var(--blue);color:#fff}
.btn.ghost.light{border-color:#fff;color:#fff}
.btn.ghost.light:hover{background:#fff;color:var(--blue)}
/* consult */
.consult{padding:56px 0 24px}
.consult .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.consult h2{font-size:18px;font-weight:500;color:var(--blue);max-width:640px;line-height:1.5}
.consult h2 b{display:block;font-weight:600}
/* services */
.kick{font-family:Poppins;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#05524c;font-weight:600}
.services{padding:56px 0 90px;text-align:center}
.services h2{font-size:30px;color:var(--blue);font-weight:600;margin:6px 0 40px;text-transform:uppercase}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.card{background:#fff;border-radius:8px;box-shadow:0 10px 40px rgba(20,40,80,.1);padding:34px 14px;min-height:240px;display:flex;flex-direction:column;align-items:center;gap:16px;transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(0,54,191,.18)}
.card img{width:64px;height:64px;object-fit:contain}
.card h3{font-size:15px;font-weight:600;color:var(--ink);line-height:1.4}
/* about */
.about{background:var(--soft);padding:90px 0}
.about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about h2{font-size:28px;color:var(--blue);font-weight:600;margin:4px 0 14px}
.about p{margin-bottom:14px;font-size:15px;max-width:540px}
.about .btn{margin-top:8px}
.about figure img{width:100%;max-width:480px;margin-left:auto;border-radius:4px}
/* skills */
.skills{padding:90px 0}
.skills .box{display:grid;grid-template-columns:1fr 1fr;border-radius:10px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.18);background:#007f75}
.skills .l{padding:46px 40px;color:#fff}
.skills .l small{font-family:Poppins;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.skills h2{font-size:26px;line-height:1.3;margin:12px 0 24px;font-weight:600;color:#fff}
.bar{margin-bottom:18px;font-family:Poppins;font-size:12px;font-weight:600}
.bar div.t{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}
.bar i{display:block;height:6px;background:rgba(255,255,255,.3);border-radius:4px;overflow:hidden}
.bar i b{display:block;height:100%;background:#fff;border-radius:4px;width:0;transition:width 1.4s ease}
.skills .btn{margin-top:12px}
.skills .r{position:relative;min-height:340px;background:#0b2a55 url(../images/extra/aicomputer.jpg) center/cover}
.play{position:absolute;inset:0;margin:auto;width:68px;height:68px;border-radius:50%;background:var(--blue);color:#fff;border:0;cursor:pointer;display:grid;place-items:center;box-shadow:0 0 0 12px rgba(255,255,255,.3);transition:background .2s,color .2s}
.play .i{width:26px;height:26px;margin-left:3px}
.play:hover{background:#fff;color:var(--blue)}
/* team */
.team{padding:20px 0 80px;text-align:center}
.team h2{font-size:26px;font-weight:600;color:var(--ink);margin:6px 0 14px}
.team p.lead{max-width:1000px;margin:0 auto 50px;font-size:14.5px}
.tview{overflow:hidden}
.ttrack{display:flex;transition:transform .5s ease}
.slide{flex:0 0 33.3333%;padding:0 20px}
.gear{width:230px;height:230px;margin:0 auto 20px;border-radius:50%;padding:22px;border:2px dashed #7ed8d2;position:relative}
.gear::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:8px dotted rgba(0,204,187,.35)}
.gear img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;border:6px solid #111}
.slide h3{font-size:16px;color:var(--ink);font-weight:600}
.slide span.role{font-size:13px;display:block}
.slide .in{display:inline-grid;place-items:center;width:44px;height:44px;margin-top:4px;color:var(--blue);border-radius:50%}
.slide .in:hover{background:var(--blue);color:#fff}
.dots{display:flex;justify-content:center;gap:8px;margin-top:40px}
.dots button{width:44px;height:44px;background:none;border:0;cursor:pointer;display:grid;place-items:center}
.dots button i{display:block;width:34px;height:7px;border-radius:4px;background:#8be3dc}
.dots button.on i{background:var(--teal);width:44px}
/* news */
.news{padding:30px 0 70px}
.news .wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.news h2{font-size:26px;font-weight:600;color:var(--ink);margin-top:4px}
.news .kick{display:flex;align-items:center;gap:12px;color:var(--blue)}
.news .kick::after{content:"";width:46px;height:2px;background:var(--teal)}
.newsline{height:4px;width:30px;background:var(--teal);border-radius:3px;margin:60px auto 0}
/* contact */
.contact{background:var(--soft);padding:80px 0}
.contact .box{display:grid;grid-template-columns:1.5fr 1fr;box-shadow:0 20px 50px rgba(0,0,0,.1)}
.contact form{background:#fff;padding:48px 46px}
.contact h2{font-size:26px;color:var(--ink);margin:4px 0 24px;font-weight:600}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fields .full{grid-column:1/-1}
.fields label{display:block}
.fields input,.fields textarea{width:100%;background:#f5f6f8;border:1px solid #e3e6ea;padding:14px;font:inherit;font-size:14px;color:var(--text);border-radius:4px;min-height:48px}
.fields input:focus,.fields textarea:focus{border-color:var(--blue);outline:none;background:#fff}
.fields textarea{min-height:120px;resize:vertical}
.contact .btn{margin-top:20px}
.contact .ok{margin-top:14px;font-weight:600;color:#0a6b61;min-height:24px}
.coord{background:var(--blue);color:#fff;padding:48px 36px}
.coord h3{font-size:22px;margin-bottom:26px;font-weight:600}
.coord li{list-style:none;display:flex;gap:16px;margin-bottom:26px;font-size:14px}
.coord li b{display:block;font-family:Poppins;color:#fff;font-size:14px}
.coord .ic{flex:0 0 40px;height:40px;border:1.5px solid #fff;border-radius:50%;display:grid;place-items:center}
/* footer */
footer{background:var(--black);color:#fff;padding:70px 0 0;font-size:14px}
footer .grid{display:grid;grid-template-columns:1.3fr 1fr 1.1fr;gap:60px}
footer h4{font-size:17px;font-weight:600;margin-bottom:22px}
footer .logo img{height:50px;margin-bottom:18px;filter:brightness(0) invert(1)}
footer p{max-width:340px;margin-bottom:18px}
footer .ct li{list-style:none;margin-bottom:16px;display:flex;gap:12px;align-items:flex-start}
footer .ct .i{color:var(--teal);margin-top:3px}
footer .post{display:flex;gap:12px;margin-bottom:16px;align-items:center}
footer .post img{width:60px;height:52px;object-fit:cover;border-radius:3px}
footer .post a{font-family:Poppins;font-weight:500;font-size:12.5px;line-height:1.4}
footer .post a:hover{color:var(--teal)}
footer .post small{display:block;color:var(--teal);font-size:12px}
.copy{text-align:center;border-top:1px solid #222;margin-top:50px;padding:22px 0;font-size:13px}
@media(max-width:1000px){
 .cards{grid-template-columns:repeat(2,1fr)}
 .hero .wrap,.about .wrap,.skills .box,.contact .box,footer .grid{grid-template-columns:1fr}
 .hero img{margin:0 auto;max-height:340px}.hero{padding:40px 0 120px}
 .slide{flex-basis:50%}.about{padding:60px 0}
}
@media(max-width:760px){
 .burger{display:grid}
 nav{position:absolute;left:0;right:0;top:100%;background:#fff;display:none;box-shadow:0 12px 20px rgba(0,0,0,.08)}
 nav.open{display:block}nav ul{flex-direction:column;align-items:flex-start;padding:16px 4%;gap:6px}
 nav a.m{min-height:44px}
 header.nav .wrap{position:relative}
 .topbar .r .it{display:none}
 .cards{grid-template-columns:1fr 1fr}.slide{flex-basis:100%}.fields{grid-template-columns:1fr}
 .contact form,.coord{padding:32px 22px}.skills .l{padding:32px 22px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}


/* ===== v3 : menu déroulant, bannière, pages internes, animations ===== */
html:not(.js) .reveal{opacity:1}
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js .reveal.in{opacity:1;transform:none}
.js .reveal.left{transform:translateX(-36px)}.js .reveal.right{transform:translateX(36px)}
.js .reveal.left.in,.js .reveal.right.in{transform:none}
/* en-tête : se réduit au scroll */
header.nav .wrap{transition:min-height .25s}
header.nav.stuck{box-shadow:0 6px 24px rgba(10,30,80,.12)}
header.nav.stuck .wrap{min-height:68px}
header.nav.stuck .logo img{height:44px}
.logo img{transition:height .25s}
/* menu déroulant */
nav li{position:relative}
.sub{position:absolute;left:-14px;top:100%;min-width:290px;background:#fff;border-radius:8px;box-shadow:0 18px 40px rgba(10,30,80,.16);padding:10px;list-style:none;display:block;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,transform .2s,visibility .2s;z-index:60}
nav li:hover>.sub,nav li:focus-within>.sub,nav li.open>.sub{opacity:1;visibility:visible;transform:none}
.sub a{display:block;padding:11px 14px;border-radius:6px;font-family:Poppins;font-size:13px;font-weight:500;color:var(--ink)}
.sub a:hover{background:#e8eefc;color:var(--blue)}
.sub a[aria-current="page"]{color:var(--blue);background:#eef2fd}
nav a.m[aria-current="page"]{color:var(--blue);border-color:var(--blue)}
/* hero slider */
.hero{position:relative;min-height:620px;background:#eaf6fb url(../images/smartiadev.com/79-794436_white-blue-background-hd-c0e2604d0e.jpg) center/cover;overflow:hidden}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:110px;background:#fff;clip-path:ellipse(75% 100% at 50% 100%);z-index:3}
.hslide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}
.hslide.on{opacity:1;visibility:visible;position:relative;min-height:620px}
.hslide .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;padding-bottom:70px}
.hero .kick{color:var(--blue)}
.hero h1,.hero h2.ht{font-size:clamp(32px,4.4vw,56px);line-height:1.12;font-weight:700;color:#14213d;margin:14px 0 18px;text-wrap:balance}
.hero h1 em,.hero h2.ht em{font-style:normal;color:var(--blue)}
.hero p.sub2{font-size:18px;max-width:520px;margin-bottom:28px;color:#2c3a55}
.hero .himg{max-height:520px;margin-left:auto;object-fit:contain}
.hw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
.hw>span{display:inline-block;transform:translateY(105%);transition:transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i)*70ms)}
.hch{display:inline-block;opacity:0;transform:translateY(-60px) rotate(-12deg);transition:opacity .5s,transform .8s cubic-bezier(.2,.9,.3,1.2);transition-delay:calc(var(--i)*35ms)}
.hslide.on .hw>span{transform:none}
.hslide.on .hch{opacity:1;transform:none}
.hslide .fx{opacity:0;transform:translateY(24px);transition:opacity .7s .5s,transform .7s .5s}
.hslide.on .fx{opacity:1;transform:none}
.hslide .himg{opacity:0;transform:translateX(60px) scale(.96);transition:opacity .9s .25s,transform .9s .25s cubic-bezier(.2,.7,.2,1)}
.hslide.on .himg{opacity:1;transform:none}
.harrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:var(--blue);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.12);transition:background .2s,color .2s}
.harrow:hover{background:var(--blue);color:#fff}
.harrow.p{left:18px}.harrow.n{right:18px}
.harrow .i{width:22px;height:22px}
.hdots{position:absolute;left:0;right:0;bottom:92px;z-index:4;display:flex;justify-content:center}
.hdots button{width:44px;height:44px;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.hdots button i{display:block;width:12px;height:12px;border-radius:50%;background:rgba(0,54,191,.3);transition:background .2s,transform .2s}
.hdots button.on i{background:var(--blue);transform:scale(1.3)}
/* anneau rotatif équipe */
.gear::before{animation:spin 28s linear infinite}
.slide:hover .gear::before,.tm:hover .gear::before{animation-duration:8s}
@keyframes spin{to{transform:rotate(360deg)}}
.card{position:relative}
a.card:hover h3{color:var(--blue)}
a.card img{transition:transform .35s}
a.card:hover img{transform:scale(1.12) rotate(-3deg)}
/* retour en haut */
.totop{position:fixed;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;border:0;background:var(--blue);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px rgba(0,54,191,.35);opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .25s,transform .25s,background .2s,visibility .25s;z-index:70}
.totop.show{opacity:1;visibility:visible;transform:none}
.totop:hover{background:var(--blue-dark)}
/* bannière de page */
.pbanner{background:#eaf6fb url(../images/smartiadev.com/79-794436_white-blue-background-hd-c0e2604d0e.jpg) center/cover;padding:64px 0 56px;position:relative;overflow:hidden}
.pbanner h1{font-size:clamp(28px,3.6vw,44px);font-weight:700;color:#14213d;line-height:1.2;text-wrap:balance}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;margin-top:12px;color:#2c3a55}
.crumbs a{color:var(--blue);font-weight:500}.crumbs a:hover{text-decoration:underline}
.crumbs span.sep{opacity:.55}
.pbanner .orb{position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;border:2px dashed rgba(0,54,191,.25);animation:spin 40s linear infinite}
/* corps de page */
.psec{padding:80px 0}
.psec.soft{background:var(--soft)}
.pgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.prose{max-width:760px}
.prose h2{font-size:28px;color:var(--blue);font-weight:600;margin:6px 0 16px;text-wrap:balance}
.prose h3{font-size:19px;color:var(--ink);font-weight:600;margin:30px 0 8px}
.prose p{margin-bottom:16px;font-size:16px}
.aside{position:sticky;top:104px;display:grid;gap:22px}
.abox{background:#fff;border-radius:10px;box-shadow:0 10px 36px rgba(20,40,80,.1);padding:26px}
.abox h4{font-size:17px;font-weight:600;margin-bottom:14px;color:var(--ink)}
.abox ul{list-style:none}
.abox li a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 12px;border-radius:6px;font-family:Poppins;font-size:13.5px;font-weight:500}
.abox li a:hover{background:#e8eefc;color:var(--blue)}
.abox li a[aria-current="page"]{background:var(--blue);color:#fff}
.abox li a .i{width:15px;height:15px}
.abox.blue{background:var(--blue);color:#fff}.abox.blue h4{color:#fff}
.abox.blue p{font-size:14px;margin-bottom:16px}
.abox.blue .btn.ghost{border-color:#fff;color:#fff}.abox.blue .btn.ghost:hover{background:#fff;color:var(--blue)}
.cta-band{background:linear-gradient(0deg,rgba(0,34,120,.92),rgba(0,34,120,.92)),url(../images/extra/aicomputer.jpg) center/cover;color:#fff;padding:70px 0;text-align:center}
.cta-band .kick{color:#7ff0e6}
.cta-band h2{font-size:clamp(24px,3vw,34px);font-weight:600;margin:8px auto 12px;max-width:760px;text-wrap:balance}
.cta-band p{max-width:640px;margin:0 auto 26px;font-size:16px}
.cta-band .btn.primary{background:#fff;color:var(--blue);border-color:#fff}
.cta-band .btn.primary:hover{background:#e8eefc;border-color:#e8eefc}
/* listes de cartes */
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.sc{background:#fff;border-radius:10px;box-shadow:0 10px 36px rgba(20,40,80,.1);padding:34px 28px;display:flex;flex-direction:column;gap:12px;transition:transform .25s,box-shadow .25s}
.sc:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(0,54,191,.18)}
.sc img{width:56px;height:56px;object-fit:contain}
.sc h3{font-size:19px;font-weight:600;color:var(--ink);line-height:1.35}
.sc p{font-size:15px;flex:1}
.sc .btn{align-self:flex-start;min-height:44px}
.pgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.post-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 10px 36px rgba(20,40,80,.1);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.post-card:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(0,54,191,.18)}
.post-card .ph{background:#0b2a55;height:200px;width:100%;overflow:hidden}
.post-card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.post-card:hover .ph img{transform:scale(1.07)}
.post-card .pb{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.meta{font-size:13px;color:#4a5568;display:flex;gap:14px;flex-wrap:wrap}
.post-card h3{font-size:18px;line-height:1.35;color:var(--ink);font-weight:600}
.post-card p{font-size:15px;flex:1}
.tlink{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-family:Poppins;font-weight:600;font-size:14px;color:var(--blue)}
.tlink:hover{text-decoration:underline}
.tlink .i{width:16px;height:16px;transition:transform .2s}
.tlink:hover .i{transform:translateX(4px)}
/* équipe */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 30px;text-align:center}
.tm h3{font-size:17px;color:var(--ink);font-weight:600}
.tm .role{display:block;font-size:14px}
.tm .ln{font-size:13.5px;display:block}
.tm .ln a:hover{color:var(--blue);text-decoration:underline}
/* bureaux */
.ogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.office{background:#fff;border-radius:10px;box-shadow:0 10px 36px rgba(20,40,80,.1);padding:30px 26px;display:flex;gap:16px;align-items:flex-start;transition:transform .25s}
.office:hover{transform:translateY(-5px)}
.office .ic{flex:0 0 44px;height:44px;border-radius:50%;background:#e8eefc;color:var(--blue);display:grid;place-items:center}
.office h3{font-size:16px;letter-spacing:.06em;color:var(--blue);font-weight:600;margin-bottom:4px}
.office p{font-size:15px}
.office.soon{opacity:.8}
/* carrières */
.jobs{display:grid;gap:18px;max-width:900px}
.job{background:#fff;border-radius:10px;box-shadow:0 10px 36px rgba(20,40,80,.1);padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;transition:transform .25s,box-shadow .25s}
.job:hover{transform:translateX(6px);box-shadow:0 14px 40px rgba(0,54,191,.16)}
.job h3{font-size:19px;color:var(--ink);font-weight:600}
.job .meta{margin-top:4px}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 22px}
.chip{display:inline-flex;align-items:center;gap:8px;background:#e8eefc;color:var(--blue);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;font-family:Poppins}
.chip .i{width:15px;height:15px}
.prose .btn{margin-top:10px}
.artnav{display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid #e3e6ea;flex-wrap:wrap}
footer .lk a{display:inline-flex;align-items:center;min-height:32px}
footer .lk a:hover{color:var(--teal)}
@media(max-width:1000px){
 .pgrid{grid-template-columns:1fr}.aside{position:static}
 .sgrid,.pgrid3,.ogrid,.tgrid{grid-template-columns:repeat(2,1fr)}
 .hslide .wrap{grid-template-columns:1fr}.hslide .himg{margin:0 auto;max-height:300px}
 .hero,.hslide.on{min-height:560px}
}
@media(max-width:760px){
 .sgrid,.pgrid3,.ogrid,.tgrid{grid-template-columns:1fr}
 .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 0 14px;min-width:0;display:none}
 nav li.open>.sub{display:block}
 .psec{padding:56px 0}
 .harrow{display:none}
 .job:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .js .reveal{opacity:1!important;transform:none!important}
 .hw>span,.hch,.hslide .fx,.hslide .himg{transform:none!important;opacity:1!important}
 .gear::before,.pbanner .orb{animation:none}
}
.news .newscards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:36px auto 0;width:min(1200px,92%)}
.post-card .ph{display:block}
.post-card h3 a:hover{color:var(--blue)}
@media(max-width:1000px){.news .newscards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.news .newscards{grid-template-columns:1fr}}