/* ---------- tema moderno 2026 (tinta, papel e latão; inspirado em crosby.ai) ---------- */
:root{
  --mx-ink:#0A1525; --mx-ink-2:#111F35; --mx-ink-3:#17283F;
  --mx-paper:#F8F7F3; --mx-paper-2:#F0EDE6; --mx-cream:#F2EDE3; --mx-cream-2:#B8BDC6;
  --mx-brass:#B8935A; --mx-brass-2:#D3B27C; --mx-brass-ink:#7E5F2E; --mx-brass-panel:#94733F;
  --mx-line:#E3DED4; --mx-line-d:rgba(242,237,227,.12);
  --mx-ease:cubic-bezier(.2,.7,.2,1);
  --navy:#0B2140; --navy-2:#13294A; --navy-3:var(--mx-ink);
  --gold:var(--mx-brass); --gold-2:var(--mx-brass-2); --gold-ink:var(--mx-brass-ink); --gold-ink-2:#5E461F;
  --ink:#121A26; --ink-2:#2A323D; --muted:#5A616B; --muted-2:#7A808A;
  --line:var(--mx-line); --line-2:#CFC8BA; --soft:var(--mx-paper-2);
  --on-navy:#C3C8D0; --on-navy-2:#8F97A3;
  --serif:"Source Serif 4","Iowan Old Style",Georgia,serif;
  --sans:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --r:6px; --sh:none; --sh-2:none;
}
@view-transition{navigation:auto}
::view-transition-old(root){animation:mx-out .32s var(--mx-ease) both}
::view-transition-new(root){animation:mx-in .7s var(--mx-ease) both}
@keyframes mx-out{to{opacity:0;transform:translateY(-10px)}}
@keyframes mx-in{from{opacity:0;transform:translateY(18px)}}
.site-header{view-transition-name:mx-header}

html{scroll-behavior:auto}
body{background:var(--mx-paper);color:var(--ink);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:3px;background:var(--mx-brass);z-index:200;pointer-events:none}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.025em;color:var(--mx-ink);font-optical-sizing:auto}
.h2{font-size:clamp(34px,4.1vw,56px)!important;line-height:1.06;letter-spacing:-.032em}
.lead{font-size:19px;line-height:1.6;color:var(--muted)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:none;letter-spacing:0;font-weight:500;font-size:15px;color:var(--muted)}
.eyebrow::before{content:"";width:7px;height:7px;background:var(--mx-brass);flex:none}
.eyebrow.light,.on-navy .eyebrow{color:var(--mx-cream-2)}
a{color:var(--mx-brass-ink)}
main p a:not(.btn):not(.more),.faq a,.leis a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.more{font-weight:500;color:var(--mx-ink);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .5s var(--mx-ease)}
.more:hover,a:hover .more{background-size:100% 1px;color:var(--mx-ink)}

/* botões: retângulo de tinta, seta que desliza */
.btn{border-radius:4px;min-height:50px;padding:0 24px;font-weight:500;font-size:15px;letter-spacing:-.005em;box-shadow:none!important;transform:none!important;transition:background .45s var(--mx-ease),color .45s var(--mx-ease),border-color .45s var(--mx-ease)}
.btn::after{content:"→";display:inline-block;max-width:0;opacity:0;overflow:hidden;margin-left:-10px;transition:max-width .45s var(--mx-ease),opacity .45s var(--mx-ease),margin .45s var(--mx-ease)}
.btn:hover::after{max-width:1.2em;opacity:1;margin-left:0}
.btn-gold{background:var(--mx-brass);color:var(--mx-ink)}.btn-gold:hover{background:var(--mx-brass-2);color:var(--mx-ink)}
.btn-navy{background:var(--mx-ink);color:var(--mx-cream)}.btn-navy:hover{background:var(--mx-ink-3);color:#fff}
.btn-line{border:1px solid rgba(242,237,227,.28);background:transparent;color:var(--mx-cream)}.btn-line:hover{border-color:var(--mx-cream);background:rgba(242,237,227,.06);color:#fff}
.btn-wa{background:transparent;color:var(--mx-ink);border:1px solid var(--mx-ink)}.btn-wa:hover{background:var(--mx-ink);color:var(--mx-cream)}

/* topo */
.alert{background:#4E1E14;font-size:13px;padding:8px 16px;letter-spacing:.005em}
.access{background:var(--mx-ink);border-bottom:1px solid var(--mx-line-d)}
.access a{color:var(--mx-cream-2)}.access a:hover{color:var(--mx-cream)}
.site-header{background:var(--mx-ink);border-bottom:1px solid transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .6s var(--mx-ease),border-color .6s var(--mx-ease),color .6s var(--mx-ease);color:var(--mx-cream)}
.site-header .wrap{height:84px}
.logo{color:var(--mx-cream);transition:color .6s var(--mx-ease)}
.logo .lg{height:30px;width:auto;display:block}
.lg .lg-mark{fill:var(--mx-brass);transition:fill .6s var(--mx-ease)}
.nav{gap:22px;font-size:14.5px;font-weight:400}
.nav a,.head-cta .btn,.head-cta .tel{white-space:nowrap}
@media (max-width:1400px){.head-cta .tel{display:none}.nav{gap:18px}}
.nav a{color:inherit;opacity:.78;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:3px;transition:opacity .3s,background-size .5s var(--mx-ease)}
.nav a:hover{opacity:1;background-size:100% 1px;color:inherit}
.nav a[aria-current=page]{opacity:1;color:inherit;background-size:100% 1px}
.head-cta .tel{color:var(--mx-brass-2);font-weight:500}
.head-cta .btn{min-height:42px;font-size:14px}
.site-header .btn-gold{background:var(--mx-cream);color:var(--mx-ink)}.site-header .btn-gold:hover{background:#fff}
.menu-btn{color:inherit}
.site-header.mx-solid{background:rgba(248,247,243,.86);-webkit-backdrop-filter:saturate(140%) blur(16px);backdrop-filter:saturate(140%) blur(16px);border-bottom-color:var(--mx-line);color:var(--mx-ink)}
.site-header.mx-solid .logo{color:var(--navy)}
.site-header.mx-solid .lg .lg-mark{fill:var(--navy)}
.site-header.mx-solid .btn-gold{background:var(--mx-ink);color:var(--mx-cream)}
.site-header.mx-solid .btn-gold:hover{background:var(--mx-ink-3)}
.site-header.mx-solid .head-cta .tel{color:var(--mx-brass-ink)}

/* hero: tinta com meio-tom animado */
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--mx-ink)!important;padding:112px 0 132px;min-height:min(64vh,640px);display:flex;align-items:center}
.hero:has(.pill){min-height:min(86vh,820px)}
.hero>.wrap{width:100%}
.hero::before{display:none}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(180deg,transparent,rgba(10,21,37,.85));z-index:-1;pointer-events:none}
.mx-halftone{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:0;transition:opacity 1.6s var(--mx-ease)}
.mx-halftone.on{opacity:1}
.hero h1{font-size:clamp(42px,5.5vw,80px)!important;line-height:1.02;letter-spacing:-.038em;color:var(--mx-cream);max-width:15ch;font-weight:400}
.hero:not(:has(.grid12)) h1{max-width:18ch}
.hero:has(.pill) h1{max-width:21ch;font-size:clamp(40px,4.7vw,70px)!important}
.hero .toc{background:rgba(242,237,227,.04);border:1px solid var(--mx-line-d);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero .toc a{color:var(--mx-cream-2)}.hero .toc a:hover{color:var(--mx-cream)}
.hero h1 em,.hero h1 i{color:var(--mx-brass-2);font-weight:300}
.hero .sub{color:var(--mx-cream-2);font-size:19px;max-width:620px}
.hero .grid12:has(.hero-card){display:block}
.hero .span8{max-width:860px}
.hero-card{display:none!important}
.pill{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin:0;padding:7px 14px;border-radius:999px;font-size:13px;background:transparent;border:1px solid var(--mx-line-d);color:var(--mx-cream-2);font-weight:400}
.pill .dot{border-radius:0;width:7px;height:7px;background:var(--mx-brass);box-shadow:none}
.crumbs,.crumbs a{color:var(--mx-cream-2)}

/* faixas e números */
.novidades{background:var(--mx-paper);border-bottom:1px solid var(--mx-line)}
.novidades .lbl,.novidades .d{color:var(--mx-brass-ink);font-weight:500}
.novidades .itens a{border-left-color:var(--mx-line)}
.stats{background:var(--mx-paper);border-bottom:1px solid var(--mx-line);padding:64px 0}
.stat{border-left:1px solid var(--mx-line);padding-left:22px}
.stat .n{font-family:var(--serif);font-size:clamp(28px,3vw,44px);letter-spacing:-.03em;color:var(--mx-ink);line-height:1.05}
.stat .l{margin-top:10px;font-size:14.5px}
.mx-odo{display:inline-flex;overflow:hidden;height:1.05em;vertical-align:top}
.mx-col{display:flex;flex-direction:column;transition:transform 2.2s cubic-bezier(.16,.84,.24,1);transition-delay:calc(var(--k,0)*120ms)}
.mx-col span{height:1.05em;line-height:1.05}

/* seções */
.sec{padding:clamp(72px,9vw,136px) 0}
.sec.soft{background:var(--mx-paper-2)}
.sec-head{gap:18px;margin-bottom:56px;max-width:820px}
.prose p{font-size:19px;line-height:1.7;color:var(--ink-2)}
.card,.area,.pa,.box,.docs,.cta-box,.form,.form-ok,.step{border-radius:var(--r)}
.card,.area,.pa{background:#fff;border:1px solid var(--mx-line);transition:border-color .5s var(--mx-ease),transform .7s var(--mx-ease),background .5s var(--mx-ease)!important;box-shadow:none!important}
a.card:hover,.area:hover,.pa:hover{border-color:var(--mx-brass);transform:translateY(-4px)}
.card h3,.pa h3{font-size:26px}
.area .t{font-size:23px;color:var(--mx-ink);letter-spacing:-.02em}
.area .ic,.pa .ic{border-radius:4px;background:var(--mx-paper-2);color:var(--mx-brass-ink);transition:background .5s var(--mx-ease),color .5s var(--mx-ease)}
.area:hover .ic,.pa:hover .ic{background:var(--mx-ink);color:var(--mx-brass-2)}
.area.cta{background:var(--mx-ink);border-color:var(--mx-ink)}.area.cta .more{color:var(--mx-brass-2)}
.cards3 .card ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--mx-line);padding-top:14px;margin-top:8px}

/* valores: régua editorial numerada */
.values{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid var(--mx-line);border-bottom:1px solid var(--mx-line);counter-reset:v}
.values .card{counter-increment:v;background:transparent;border:0;border-right:1px solid var(--mx-line);border-radius:0;min-height:240px;padding:24px 24px 28px!important;justify-content:space-between}
.values .card:last-child{border-right:0}
.values .card::before{content:counter(v,decimal-leading-zero);font-size:13px;color:var(--mx-brass-ink);font-weight:500}
.values .card h3{font-size:clamp(24px,2.2vw,32px)!important;letter-spacing:-.03em}
.values .card:hover{background:#fff;transform:none}

/* passos (lista simples quando não vira camadas) */
.step{background:#fff;border:1px solid var(--mx-line);padding:28px}
.step .n{color:var(--mx-brass-ink);font-size:44px}

/* camadas que acompanham a rolagem (Como atuamos / Tecnologia) */
.mx-plates{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;gap:0 64px!important;border:0!important;counter-reset:none}
.mx-plates>.mx-vis{grid-column:1;grid-row:1/span 20;align-self:start;position:sticky;top:120px;height:min(72vh,620px);border-radius:var(--r);background:var(--mx-ink);overflow:hidden;border:1px solid var(--mx-line-d)}
.mx-plates>.mx-vis svg{width:100%;height:100%;display:block}
.mx-plates>:not(.mx-vis){grid-column:2;min-height:min(46vh,420px);display:flex;flex-direction:column;justify-content:center;gap:12px;background:transparent!important;border:0!important;border-top:1px solid var(--mx-line)!important;border-radius:0!important;padding:40px 0!important;opacity:.32;transition:opacity .7s var(--mx-ease)}
.mx-plates>:not(.mx-vis):last-child{border-bottom:1px solid var(--mx-line)!important}
.mx-plates>.on{opacity:1}
.mx-plates h3{font-size:clamp(26px,2.4vw,34px)!important;letter-spacing:-.03em}
.mx-plates p{font-size:17px!important;max-width:460px}
.mx-plates .n{font-family:var(--sans)!important;font-size:14px!important;font-weight:500;color:var(--mx-brass-ink)!important}
.mx-plates .n::before{content:"0"}
.tech .mx-plates>:not(.mx-vis){border-top-color:var(--mx-line-d)!important;border-bottom-color:var(--mx-line-d)!important}
.mx-plate polygon{transition:fill .8s var(--mx-ease),stroke .8s var(--mx-ease),opacity .8s var(--mx-ease)}
.mx-plate{transition:transform 1s var(--mx-ease),opacity .8s var(--mx-ease)}
.mx-plate text{font-family:var(--sans);font-size:13px;fill:var(--mx-cream-2);transition:fill .8s}
.mx-plate.on text{fill:var(--mx-cream)}

/* tecnologia */
.tech-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:56px}
.tech-tit,.tech-txt{display:flex;flex-direction:column;gap:18px}
.tecs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.tec{display:flex;flex-direction:column;gap:10px}
.tec h3{font-size:22px}.tec p{margin:0;font-size:15.5px;line-height:1.6}
.tec .ic{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px}
.tech-cta{margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.tech-cta>div{display:flex;flex-direction:column;gap:6px}
.tech-cta .t{font-family:var(--serif);font-size:24px;color:var(--mx-cream);letter-spacing:-.02em}.tech-cta .d{color:var(--mx-cream-2)}
.tech{background:var(--mx-ink)!important;color:var(--mx-cream)}
.tech h2,.tech h3{color:var(--mx-cream)}
.tech .lead{color:var(--mx-cream-2)}
.tecs:not(.mx-plates){gap:0;border:1px solid var(--mx-line-d);border-radius:var(--r);overflow:hidden}
.tecs:not(.mx-plates) .tec{border:0;border-radius:0;border-right:1px solid var(--mx-line-d);border-bottom:1px solid var(--mx-line-d);background:transparent;padding:36px 32px}
.tec .ic{border-radius:4px;background:rgba(184,147,90,.12);color:var(--mx-brass-2)}
.tec:hover{background:rgba(242,237,227,.03)}
.tec p{color:var(--mx-cream-2)}
.tech-cta{background:transparent;border:0;border-top:1px solid var(--mx-line-d);border-radius:0;padding:36px 0 0}

/* "Duas gerações": anéis de luz */
.mx-media{position:relative;isolation:isolate;overflow:hidden;background:var(--mx-ink)!important;color:var(--mx-cream)}
.mx-media .mx-ribbon{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:0;transition:opacity 2s var(--mx-ease)}
.mx-media .mx-ribbon.on{opacity:1}
.mx-media h2,.mx-media h3{color:var(--mx-cream)}
.mx-media .eyebrow{color:var(--mx-cream-2)}
.mx-media .lead,.mx-media .prose p{color:var(--mx-cream-2)}
.mx-media .more{color:var(--mx-cream)}
.mx-media .grid12{display:flex;flex-direction:column;gap:28px}
.mx-media .grid12>*{max-width:640px}
.mx-media.sec{padding:clamp(96px,12vw,180px) 0}
.mx-media .person{border-top:1px solid rgba(184,147,90,.5)}
.mx-media .person .nm{color:var(--mx-cream)}.mx-media .person .rl{color:var(--mx-cream-2)}
.mx-media .person:hover .nm{color:var(--mx-brass-2)}
.mx-media .sec-head{max-width:620px}
.mx-media .sec-head.row{flex-direction:column;align-items:flex-start}
.sec-head.row .more{white-space:nowrap;flex:none}

/* painel de apresentação com letras em cascata */
.apres-band{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r);background:var(--mx-brass-panel)!important;min-height:520px;padding:96px 48px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:28px!important}
.apres-band::before,.apres-band::after{display:none!important}
.apres-band>div:not(.mx-casc){align-items:center!important;max-width:720px!important}
.apres-band .eyebrow{color:rgba(250,246,235,.78)}
.apres-band .eyebrow::before{background:var(--mx-cream)}
.apres-band .h2{color:#FBF7EE!important}
.apres-band .lead{color:#FFF9EE!important}
.apres-band span{color:rgba(250,246,235,.75)!important}
.apres-band .btn-gold{background:var(--mx-ink);color:var(--mx-cream)}.apres-band .btn-gold:hover{background:var(--mx-ink-3);color:#fff}
.mx-casc{position:absolute;z-index:-1;display:flex;flex-direction:column;gap:2px;font:500 14px/1 var(--sans);letter-spacing:0;color:rgba(250,246,235,.62);pointer-events:none}
.mx-casc .l{display:flex;gap:0}
.mx-casc i{font-style:normal;width:22px;height:18px;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:translateY(-6px);transition:opacity .6s var(--mx-ease),transform .6s var(--mx-ease);transition-delay:calc(var(--d)*38ms)}
.mx-casc.tr{top:22px;right:22px;align-items:flex-end}
.mx-casc.bl{bottom:22px;left:22px;align-items:flex-start}
.mx-casc.in i{opacity:1;transform:none}

/* artigos: imagens geradas em meio-tom quando não há capa */
.post-card .noimg{position:relative;overflow:hidden;background:var(--mx-ink);color:var(--mx-cream);border-radius:var(--r);font-size:20px}
.post-card .noimg canvas{position:absolute;inset:0;width:100%;height:100%;transition:transform 1.4s var(--mx-ease)}
.post-card:hover .noimg canvas,.post-card:hover img{transform:scale(1.04)}
.post-card img{transition:transform 1.4s var(--mx-ease)!important}
.post-card .noimg{isolation:isolate}.post-card .noimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,21,37,.75));z-index:1}
.post-card .noimg canvas{z-index:0}.post-card .noimg>span{position:relative;z-index:2}
.post-card .t{color:var(--mx-ink);letter-spacing:-.02em;font-size:24px}
.post-card:hover .t{color:var(--mx-brass-ink)}

/* equipe, FAQ, formulários */
.person{border-top:1px solid var(--mx-brass)}
.person .nm{color:var(--mx-ink);font-weight:500}
.faq details{transition:background .4s}
.faq summary{font-family:var(--serif);font-weight:400;font-size:22px;letter-spacing:-.015em;color:var(--mx-ink)}
.faq summary::after{color:var(--mx-brass-ink);transition:transform .5s var(--mx-ease)}
.faq details[open] summary::after{transform:rotate(180deg)}
.form{background:#fff;border:1px solid var(--mx-line);box-shadow:none!important}
.field{font-weight:500}
.field input,.field select,.field textarea{border-radius:4px;border-color:var(--line-2);background:var(--mx-paper)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mx-ink);box-shadow:0 0 0 3px rgba(184,147,90,.25);background:#fff}
.contact-list .t{font-family:var(--serif);font-weight:400;font-size:24px;letter-spacing:-.02em}
.contact-list .t a{color:var(--mx-ink)}
.summary,.box.navy,.toc{background:var(--mx-ink)}
.chip{border-radius:4px;background:#fff}
.byline .av{background:var(--mx-ink);color:var(--mx-brass-2)}
.article h1{font-size:clamp(36px,4.4vw,60px);letter-spacing:-.035em;line-height:1.05}

/* rodapé */
.site-footer{background:var(--mx-ink);color:var(--mx-cream-2);padding:104px 0 40px;border-top:1px solid var(--mx-line-d)}
.site-footer a{color:var(--mx-cream-2)}.site-footer a:hover{color:var(--mx-cream)}
.foot-logo{width:auto!important;height:62px!important;margin-bottom:28px}
.foot-grid h2{font-family:var(--sans);font-size:13px;letter-spacing:0;text-transform:none;font-weight:500;color:var(--mx-cream)}
.foot-bottom{border-top-color:var(--mx-line-d);color:#7D8592}
.mobile-bar{background:rgba(248,247,243,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

/* seletor de idioma (faixa de acesso) */
.access .lang{display:inline-flex;align-items:center;gap:2px;margin-right:auto;font-size:12.5px;letter-spacing:.04em}
.access .lang a,.access .lang [aria-current]{padding:2px 7px;border-radius:3px;color:var(--mx-cream-2)}
.access .lang [aria-current]{color:var(--mx-ink);background:var(--mx-brass-2)}
.access .lang a:hover{color:var(--mx-cream)}

/* chinês: fontes do sistema (nada extra para baixar), sem espaçamento negativo */
html[lang^="zh"] body{font-family:Inter,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif}
html[lang^="zh"] h1,html[lang^="zh"] h2,html[lang^="zh"] h3,html[lang^="zh"] .stat .n,html[lang^="zh"] .tech-cta .t,html[lang^="zh"] .contact-list .t{font-family:"Source Serif 4","Songti SC","STSong","Noto Serif SC","SimSun",serif;letter-spacing:0!important}
html[lang^="zh"] .hero h1{max-width:14em!important;line-height:1.22}
html[lang^="zh"] .h2{line-height:1.25}
html[lang^="zh"] .prose p,html[lang^="zh"] .lead,html[lang^="zh"] .card p{line-height:1.85}
html[lang^="zh"] .eyebrow,html[lang^="zh"] .nav{letter-spacing:.02em}

/* revelação ao rolar (só com JS ativo) */
.mx-js [data-r]{opacity:0;transform:translateY(24px);transition:opacity .9s var(--mx-ease),transform 1.1s var(--mx-ease);transition-delay:calc(var(--i,0)*80ms)}
.mx-js [data-r].in{opacity:1;transform:none}
.mx-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.mx-w>span{display:inline-block;transform:translateY(108%);transition:transform 1.15s var(--mx-ease);transition-delay:calc(var(--i,0)*45ms + var(--b,0ms))}
.in .mx-w>span,.mx-w.in>span{transform:none}

@media (max-width:1180px){
  .site-header .mobile-nav[data-open=true]{background:var(--mx-ink)}
  .site-header.mx-solid .mobile-nav[data-open=true]{background:var(--mx-paper)}
  .site-header.mx-solid .mobile-nav a{color:var(--mx-ink);border-bottom-color:var(--mx-line)}
  .values{grid-template-columns:repeat(3,minmax(0,1fr))}
  .values .card:nth-child(3){border-right:0}
  .values .card:nth-child(n+4){border-top:1px solid var(--mx-line)}
  .mx-plates{gap:0 36px!important}
}
@media (max-width:1180px){.tech-head{grid-template-columns:1fr;gap:20px}.tecs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.tecs{grid-template-columns:1fr}.tech-cta{flex-direction:column;align-items:flex-start}}
@media (max-width:900px){
  .mx-plates{grid-template-columns:1fr!important}
  .mx-plates>.mx-vis{display:none}
  .mx-plates>:not(.mx-vis){grid-column:1;min-height:0;opacity:1;padding:28px 0!important}
}
@media (max-width:760px){
  .site-header .wrap{height:66px}
  .logo .lg{height:24px}
  .hero{padding:72px 0 96px;min-height:0}
  .hero:has(.pill){min-height:min(88svh,720px)}
  .hero h1{font-size:40px!important}
  .values{grid-template-columns:1fr 1fr}
  .values .card{min-height:150px;border-right:1px solid var(--mx-line)!important;border-top:1px solid var(--mx-line)}
  .values .card:nth-child(2n){border-right:0!important}
  .tecs:not(.mx-plates) .tec{border-right:0}
  .apres-band{min-height:0;padding:150px 22px 136px!important}
  .mx-casc{transform:scale(.68);transform-origin:top right}.mx-casc.tr{top:16px;right:16px}.mx-casc.bl{transform-origin:bottom left;bottom:16px;left:16px}
}
@media (prefers-reduced-motion:reduce){
  .mx-js [data-r],.mx-w>span,.mx-col,.mx-casc i{transition:none!important;opacity:1!important;transform:none!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none}
}