/* ARKO — sistema visual "a travessia".
   Uma só família (Mona Sans), com a largura como voz: larga e leve nos títulos, normal no texto.
   Luz é a única cor: cada produto tem o seu campo; a marca permanece monocromática. */
@font-face{font-family:"Mona Sans";src:url(/assets/mona-sans-var.woff2) format("woff2");font-weight:200 900;font-stretch:75% 125%;font-style:normal;font-display:swap}

:root{
  --noite:#050507;--noite-2:#0d0d12;--gesso:#ebebe6;--gesso-2:#f6f6f2;--tinta:#14141a;--tinta-2:#55565e;--linha:rgba(20,20,26,.14);
  --luz:#f3f1ec;--luz-2:rgba(243,241,236,.66);--luz-3:rgba(243,241,236,.2);
  --m:clamp(20px,5.4vw,96px);
  --inc:-.17;--mola:cubic-bezier(.2,.75,.12,1);--entrada:cubic-bezier(.16,1,.3,1);
  --largo:125%;
  -webkit-tap-highlight-color:transparent;
}
[data-campo=sistemas]{--a:#ffe6c2;--b:#f4763f;--c:#8a1a3c}
[data-campo=automacao]{--a:#ffeede;--b:#86b6f2;--c:#1c2f93}
[data-campo=sites]{--a:#e2ffe2;--b:#25c79d;--c:#05495f}
[data-campo=marca]{--a:#f9efff;--b:#b9a0ff;--c:#3f1e96}
[data-campo=redes]{--a:#fff3ad;--b:#bdbd30;--c:#2e5c1d}
[data-campo=estudio]{--a:#fff0da;--b:#ff4f74;--c:#4a17b0}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--gesso);color:var(--tinta);font-family:"Mona Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
html.tema-escuro body{background:var(--noite);color:var(--luz)}
h1,h2,h3{font-weight:300;font-stretch:var(--largo);letter-spacing:-.03em;line-height:1.05;margin:0;text-wrap:balance}
p{margin:0}
a{color:inherit}
img,svg{display:block;max-width:100%}
[hidden]{display:none!important}
::selection{background:#ffb27c;color:#14141a}
:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.margem{padding-left:var(--m);padding-right:var(--m);margin-left:auto;margin-right:auto;max-width:1760px}
.wrap{padding-left:var(--m);padding-right:var(--m);margin:0 auto;max-width:1760px}
.skip{position:fixed;top:-60px;left:16px;z-index:40;background:var(--tinta);color:#fff;padding:10px 16px;transition:top .25s var(--mola)}
.skip:focus{top:16px}

/* topo */
.topo{position:fixed;z-index:30;top:18px;left:0;right:0;display:flex;justify-content:center;padding:0 clamp(12px,2.4vw,40px);pointer-events:none;transition:transform .6s var(--entrada)}
html.topo-fora .topo{transform:translateY(-130%)}
.topo-ilha{--fg:var(--tinta);--fundo:rgba(246,246,242,.62);--fio:rgba(20,20,26,.1);pointer-events:auto;width:100%;max-width:1680px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--fg);padding:7px 7px 7px 22px;border-radius:999px;background:var(--fundo);box-shadow:inset 0 0 0 1px var(--fio);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);transition:background-color .5s,color .5s,box-shadow .5s}
html[data-topo=escuro] .topo-ilha,html.tema-escuro:not([data-topo]) .topo-ilha{--fg:var(--luz);--fundo:rgba(14,14,18,.42);--fio:rgba(255,255,255,.11)}
html[data-topo=luz] .topo-ilha,html[data-faixa=luz] .topo-ilha{--fg:#14141a;--fundo:rgba(255,255,255,.28);--fio:rgba(20,20,26,.14)}
.brand{display:block;line-height:0}
.brand-logo{display:block;width:96px;height:26px;background:currentColor;-webkit-mask:url(/assets/wordmark.svg) left center/contain no-repeat;mask:url(/assets/wordmark.svg) left center/contain no-repeat}
.nav{display:flex;align-items:center;gap:6px;font-size:14.5px}
.nav a{text-decoration:none;padding:9px 15px;border-radius:999px;transition:background-color .3s}
.nav a:hover{background:color-mix(in srgb,var(--fg) 9%,transparent)}
.nav .contact{background:var(--fg);color:var(--noite);font-weight:500;padding:9px 20px;transition:transform .4s var(--mola)}
html[data-topo=claro] .nav .contact,html[data-topo=luz] .nav .contact,html[data-faixa=luz] .nav .contact{color:var(--gesso-2)}
.nav .contact:hover{background:var(--fg);transform:translateX(2px)}
.nav .contact:active{transform:scale(.98)}
.menu{display:none;align-items:center;gap:12px;background:none;border:0;font:inherit;color:inherit;padding:10px 12px;min-height:44px;cursor:pointer}
.menu-ico{position:relative;width:18px;height:10px}
.menu-ico:before,.menu-ico:after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .5s var(--mola),top .5s var(--mola)}
.menu-ico:before{top:1px}.menu-ico:after{top:8px}
.menu[aria-expanded=true] .menu-ico:before{top:4.5px;transform:rotate(45deg)}
.menu[aria-expanded=true] .menu-ico:after{top:4.5px;transform:rotate(-45deg)}

/* botões: o corte inclinado vem da perna do A */
.botao{--bfundo:var(--tinta);--btxt:var(--gesso-2);position:relative;display:inline-flex;align-items:center;min-height:54px;padding:0 34px;text-decoration:none;color:var(--btxt);font-weight:500;font-size:15.5px;letter-spacing:.002em;isolation:isolate;transition:transform .5s var(--mola)}
.botao:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bfundo);transform:skewX(-9.6deg);transition:transform .5s var(--mola),background-color .4s}
.botao:hover:before{transform:skewX(-9.6deg) scaleX(1.035)}
.botao:active{transform:scale(.96)}
a,button,summary{touch-action:manipulation}
.botao-luz{--bfundo:var(--luz);--btxt:#14141a}
.link{display:inline-block;padding:4px 0;text-decoration:none;font-size:15.5px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;color:var(--luz);transition:background-size .5s var(--mola)}
.link:hover{background-size:0 1px;background-position:100% 100%}
.link-tinta{color:var(--tinta)}
.seta{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.2;flex:none}
.nota{font-size:14px;color:var(--tinta-2);margin-top:16px}

/* luz */
.luz{position:fixed;inset:0;width:100%;height:100vh;height:100lvh;z-index:0;background:var(--noite);opacity:0;transition:opacity 1.6s var(--entrada)}
html.com-luz .luz{opacity:1}
html.luz-oculta .luz{visibility:hidden}
/* a capa aparece na hora, antes do motor de luz acordar */
html.tema-escuro body.home{background:var(--noite) url(/assets/arko-capa.jpg) center top/cover no-repeat}
main{position:relative;z-index:1}
.rodape{position:relative;z-index:2}

/* percurso: um plano contínuo. O palco fica preso e a rolagem é o relógio da cena. */
:root{--t:100vh}
@supports(height:100lvh){:root{--t:100lvh}}
.percurso{position:relative;height:calc(var(--t)*8.65 + 100vh)}
@supports(height:100lvh){.percurso{height:calc(var(--t)*8.65 + 100lvh)}}
.percurso.percurso-curto{height:calc(var(--t) + 100vh)}
@supports(height:100lvh){.percurso.percurso-curto{height:calc(var(--t) + 100lvh)}}
.palco{position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden;contain:layout paint}
.cena-txt>*{--i:0;opacity:clamp(0,calc(var(--e,1)*1.5 - var(--i)*.09),1);transform:translate3d(0,calc(var(--d,1)*(1 - var(--e,1))*(48px + var(--i)*22px)),0);will-change:transform,opacity}
.cena-txt>:nth-child(2){--i:1}.cena-txt>:nth-child(3){--i:2}.cena-txt>:nth-child(4){--i:3}.cena-txt>:nth-child(5){--i:4}.cena-txt>:nth-child(6){--i:5}
.cena-txt{pointer-events:none}
.cena-txt.viva{pointer-events:auto}

.travessia{position:absolute;left:0;right:0;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:flex-end}
.abertura{width:100%;padding-bottom:clamp(44px,8.5vh,96px);pointer-events:auto}
.abertura-sobre{font-size:14.5px;color:var(--luz-2);margin-bottom:26px}
.abertura h1{font-size:clamp(38px,5.05vw,96px);line-height:1.02;font-weight:275;letter-spacing:-.035em;color:#fff}
.abertura h1 span{display:block;animation:abre 1.9s var(--entrada) both}
.abertura h1 span:nth-child(1){animation-delay:.2s}
.abertura h1 span:nth-child(2){animation-delay:.34s}
.abertura h1 span:nth-child(3){animation-delay:.48s}
.abertura-copy{max-width:31em;font-size:clamp(16px,1.25vw,19px);color:var(--luz-2);margin-top:26px}
.abertura-acoes{display:flex;align-items:center;gap:34px;margin-top:36px;flex-wrap:wrap}
.convite{position:absolute;right:var(--m);bottom:clamp(30px,5vh,56px);font-size:14px;color:var(--luz-2);margin:0;display:flex;align-items:center;gap:14px;transition:opacity .5s}
.convite:after{content:"";width:44px;height:1px;background:linear-gradient(90deg,currentColor,transparent);transform-origin:left;animation:respira 2.6s ease-in-out infinite}
.convite.foi{opacity:0}
@keyframes respira{0%,100%{transform:scaleX(.5)}50%{transform:scaleX(1)}}
@keyframes abre{from{font-stretch:75%;opacity:0;letter-spacing:-.06em}to{font-stretch:125%;opacity:1}}

.ponte{position:absolute;left:0;right:0;top:0;height:100vh;height:100svh;display:flex;align-items:center;color:#14141a}
.ponte .margem{width:100%}
.ponte h2{font-size:clamp(42px,7.4vw,142px);line-height:1;font-weight:250;letter-spacing:-.04em}
.ponte p{margin-top:30px;font-size:clamp(17px,1.5vw,22px);max-width:27em}
.ponte-txt{--e:0}

.sala{position:absolute;left:0;right:0;top:0;height:100vh;height:100svh;color:var(--luz)}
.sala-grade{height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.sala-janela{grid-row:1}
.sala-texto{grid-row:1;--e:0;position:relative}
#sistemas .sala-janela{grid-column:7/12;align-self:stretch;margin:11vh 0 5vh}
#sistemas .sala-texto{grid-column:1/6}
#automacao .sala-janela{position:absolute;left:-15vw;right:-15vw;top:11vh;height:40vh}
#automacao .sala-texto{grid-column:1/-1;align-self:end;padding-bottom:8vh;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
#automacao .sala-area{grid-column:1/7;grid-row:1}
#automacao h2{grid-column:1/7;grid-row:2}
#automacao .sala-frase{grid-column:8/13;grid-row:1/3;margin-top:0}
#automacao .sala-desc{grid-column:8/13;grid-row:3;margin-top:14px}
#automacao .sala-para{grid-column:8/13;grid-row:4}
#automacao .sala-acoes{grid-column:1/7;grid-row:3/5;margin-top:24px;align-self:start}
#sites .sala-janela{grid-column:1/8;height:66vh}
#sites .sala-texto{grid-column:9/13}
#marca .sala-janela{grid-column:6/13;justify-self:center;height:min(78vh,50vw);aspect-ratio:1}
#marca .sala-texto{grid-column:1/5}
#redes .sala-janela{position:absolute;left:9%;width:50%;top:9vh;bottom:0}
#redes .sala-texto{grid-column:8/13}
.sala-area{font-size:14.5px;color:var(--luz-2);margin-bottom:16px}
.sala h2,.capa h1{font-size:clamp(40px,5vw,92px);font-weight:275;letter-spacing:-.04em;color:#fff}
.sala-frase{font-size:clamp(20px,1.85vw,29px);line-height:1.28;margin-top:22px;font-weight:350;letter-spacing:-.012em;max-width:19em;text-wrap:balance}
.sala-desc{margin-top:20px;color:var(--luz-2);max-width:29em}
.sala-para{margin-top:10px;color:var(--luz-2);font-size:15.5px;max-width:29em}
.sala-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;margin-top:30px}
.sala .botao{--bfundo:var(--luz);--btxt:#14141a}

/* depois da luz */
.depois-luz{position:relative;z-index:2;margin-top:-14vh;background:var(--gesso);color:var(--tinta);clip-path:polygon(0 14vh,100% 0,100% 100%,0 100%);padding-top:14vh}
.busca{padding-top:clamp(90px,14vh,170px)}
.busca-topo{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;margin-bottom:64px}
.busca-topo h2{grid-column:1/8;font-size:clamp(40px,5.6vw,104px);font-weight:275;letter-spacing:-.04em}
.busca-topo p{grid-column:9/13;color:var(--tinta-2)}
.need-search{margin-bottom:44px;max-width:680px}
.need-search>label{display:block;font-size:15px;margin-bottom:10px}
.need-search-controls{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.need-search input{flex:1 1 280px;min-height:54px;padding:0 18px;background:var(--gesso-2);border:0;box-shadow:inset 0 0 0 1px var(--linha);font:inherit;color:inherit;border-radius:0}
.need-search input:focus{outline:2px solid var(--tinta);outline-offset:1px}
.need-search button{min-height:54px;padding:0 22px;background:var(--tinta);color:var(--gesso-2);border:0;font:inherit;font-weight:500;cursor:pointer}
#clear-search{background:none;color:var(--tinta);box-shadow:inset 0 0 0 1px var(--linha)}
#need-search-hint{font-size:14px;color:var(--tinta-2);margin-top:10px}
#need-search-status{font-size:14px;margin-top:4px}
#need-search-help a{display:inline-block;margin:6px 12px 0 0}
.finder-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(30px,5vw,96px);align-items:start;scroll-margin-top:96px}
.need-choice{position:relative;display:grid;grid-template-columns:18px 1fr 22px;gap:22px;align-items:center;padding:25px 0;text-decoration:none;font-size:clamp(20px,2.1vw,34px);line-height:1.2;letter-spacing:-.018em;font-weight:330;box-shadow:inset 0 -1px 0 var(--linha);transition:padding .6s var(--mola)}
.need-list>.need-choice:first-child{box-shadow:inset 0 -1px 0 var(--linha),inset 0 1px 0 var(--linha)}
.need-luz{height:1.5em;transform:skewX(-9.6deg) scaleY(.26);transform-origin:bottom;background:linear-gradient(0deg,var(--a),var(--b) 55%,var(--c));transition:transform .6s var(--mola)}
.need-choice:hover .need-luz,.need-choice.active .need-luz,.need-choice[aria-current] .need-luz,.need-choice:focus-visible .need-luz{transform:skewX(-9.6deg) scaleY(1)}
.need-choice:hover{padding-left:8px}
.need-choice .seta{opacity:.5;transition:transform .5s var(--mola),opacity .3s}
.need-choice:hover .seta{opacity:1;transform:translate(3px,-3px)}
.other-need{display:inline-flex;gap:10px;align-items:center;margin-top:26px;font-size:16px;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:3px}
.solution-result{position:sticky;top:104px;background:var(--noite);color:var(--luz);padding:clamp(28px,3vw,48px);min-height:440px;overflow:hidden;isolation:isolate}
.solution-result:after{content:"";position:absolute;z-index:-1;right:-9%;bottom:-20%;width:62%;height:90%;transform:skewX(-9.6deg);background:radial-gradient(90% 90% at 50% 100%,#fff4e2,#ffb27c 44%,#b4483a 80%,transparent);opacity:.9}
.solution-result:has(#finder-match:not([hidden])):after{opacity:.16}
#finder-empty p:not(.result-empty-title){max-width:21em;color:var(--luz-2);position:relative}
.result-empty-title{font-size:clamp(30px,3vw,48px);font-stretch:var(--largo);font-weight:275;letter-spacing:-.03em;line-height:1.06;margin-bottom:20px;color:#fff}
.result-eyebrow{font-size:14.5px;color:var(--luz-2);display:block;margin-bottom:8px}
#result-name{font-size:clamp(30px,3vw,48px);color:#fff;margin-bottom:16px;outline:0}
.result-benefit{margin-bottom:8px}
.result-audience{color:var(--luz-2);font-size:15.5px}
#result-cases{list-style:none;padding:0;margin:20px 0}
#result-cases li{padding:9px 0;box-shadow:inset 0 -1px 0 var(--luz-3);font-size:15.5px}
.route-personalization{margin:0 0 24px;box-shadow:inset 0 -1px 0 var(--luz-3)}
.route-personalization summary,.contact-personalization summary{cursor:pointer;padding:12px 0;min-height:44px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.route-personalization summary span,.contact-personalization summary span{font-size:13.5px;opacity:.65}
fieldset{border:0;padding:0;margin:0 0 16px}legend{padding:0;margin-bottom:8px;font-size:14.5px}
.route-options{display:flex;flex-wrap:wrap;gap:8px}
.route-options button,.route-options label{min-height:40px}
.route-options button{background:none;border:0;box-shadow:inset 0 0 0 1px var(--luz-3);color:inherit;font:inherit;font-size:14.5px;padding:7px 14px;cursor:pointer;border-radius:999px;transition:background-color .3s,color .3s}
.route-options button:hover{background:rgba(255,255,255,.08)}
.route-options button[aria-pressed=true]{background:var(--luz);color:#14141a}
.route-summary{font-size:14.5px;color:var(--luz-2);margin-top:6px}
.result-contact{margin-bottom:20px}
.result-details,.result-brief{display:block;font-size:15px;margin:8px 0;min-height:24px}
.change-route{display:block;background:none;border:0;color:inherit;font:inherit;font-size:15px;text-decoration:underline;text-underline-offset:4px;padding:10px 0;min-height:44px;cursor:pointer}
.result-disclaimer{font-size:13.5px;color:var(--luz-2);margin-top:12px}

.perguntas{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding-top:clamp(100px,16vh,190px)}
.perguntas h2{grid-column:1/6;font-size:clamp(32px,3.5vw,62px)}
.question-list{grid-column:7/13}
details{box-shadow:inset 0 -1px 0 var(--linha)}
.question-list summary{cursor:pointer;list-style:none;padding:22px 34px 22px 0;font-size:clamp(18px,1.5vw,23px);line-height:1.3;letter-spacing:-.01em;position:relative;font-weight:350}
.question-list summary::-webkit-details-marker{display:none}
.question-list summary:after{content:"";position:absolute;right:4px;top:50%;width:13px;height:13px;margin-top:-7px;background:linear-gradient(currentColor,currentColor) center/100% 1.3px no-repeat,linear-gradient(currentColor,currentColor) center/1.3px 100% no-repeat;transition:transform .5s var(--mola)}
.question-list details[open] summary:after{transform:rotate(45deg)}
.question-list details p{padding:0 40px 24px 0;color:var(--tinta-2)}
.convite-final{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;padding-top:clamp(100px,16vh,190px);padding-bottom:clamp(100px,16vh,190px)}
.convite-final h2{grid-column:1/8;font-size:clamp(34px,4.6vw,86px);font-weight:275;letter-spacing:-.035em}
.convite-final>div{grid-column:9/13}
.convite-final p{color:var(--tinta-2);margin-bottom:26px}
.convite-final p.nota{margin:16px 0 0}

/* rodapé */
.rodape{background:var(--noite);color:var(--luz);padding-top:clamp(80px,13vh,150px)}
.rodape-frase{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:clamp(60px,10vh,110px)}
.rodape-frase h2{font-size:clamp(38px,6.2vw,118px);font-weight:250;letter-spacing:-.04em;color:#fff}
.rodape-mail{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:clamp(17px,1.5vw,22px);padding-bottom:6px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat}
.placa{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(28px,5vw,84px);padding:clamp(28px,3vw,44px);background:linear-gradient(135deg,#1c1c22,#101014 42%,#17171c);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.05);font-size:15.5px}
.placa-simbolo{display:block;width:84px;height:58px;background:var(--luz);-webkit-mask:url(/assets/simbolo.svg) center/contain no-repeat;mask:url(/assets/simbolo.svg) center/contain no-repeat}
.placa-dados{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px 40px;color:var(--luz-2)}
.placa-dados strong{color:var(--luz);font-weight:500}
.placa-dados a{text-decoration:none}.placa-dados a:hover{text-decoration:underline;text-underline-offset:3px}
.placa-links{display:grid;grid-template-columns:1fr;gap:3px;min-width:200px}
.placa-links a{text-decoration:none;color:var(--luz-2);padding:2px 0;transition:color .3s}
.placa-links a:hover{color:#fff}
.copyright{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:28px 0 34px;font-size:13.5px;color:var(--luz-2)}

/* capa de produto */
.capa{position:absolute;left:0;right:0;top:0;height:100vh;height:100svh;display:flex;align-items:flex-end;padding-bottom:clamp(44px,8vh,90px);color:var(--luz)}
.capa-janela{position:absolute;right:calc(var(--m) + 5%);top:13vh;bottom:9vh;width:42%}

.capa-janela[data-campo=automacao]{left:-15%;right:auto;width:130%;top:10vh;bottom:auto;height:30vh;}
.capa-janela[data-campo=estudio]{top:13vh;bottom:11vh;width:43%}
.capa-janela[data-campo=sites]{top:15vh;bottom:15vh}
.capa-janela[data-campo=marca]{aspect-ratio:1;width:auto;bottom:auto;height:70vh}
.capa-janela[data-campo=redes]{top:12vh;bottom:0}
.capa-txt{width:100%;position:relative}
.capa .trilho{color:var(--luz-2);margin-bottom:auto;padding-bottom:26px}
.capa .sala-frase{max-width:15em}.capa .sala-desc{max-width:26em}
.capa .nota{color:var(--luz-2)}
.bloco{padding-top:clamp(84px,13vh,150px)}
.bloco-duplo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,6vw,110px)}
.bloco h2{font-size:clamp(32px,3.5vw,62px);margin-bottom:20px}
.bloco p{color:var(--tinta-2);max-width:32em}
.bloco-topo{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;flex-wrap:wrap;margin-bottom:44px}
.linhas a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:21px 0;text-decoration:none;font-size:clamp(19px,1.7vw,26px);letter-spacing:-.012em;box-shadow:inset 0 -1px 0 var(--linha);transition:padding .5s var(--mola)}
.linhas a:first-child{box-shadow:inset 0 -1px 0 var(--linha),inset 0 1px 0 var(--linha)}
.linhas a:hover{padding-left:8px}
.tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tres-item{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding:26px;min-height:250px;text-decoration:none;overflow:hidden;isolation:isolate;background:var(--gesso-2)}
.tres-item:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,var(--a),var(--b) 60%,var(--c));opacity:0;transition:opacity .6s var(--mola)}
.tres-item:hover:before{opacity:.92}
.tres-item h3{font-size:clamp(21px,1.9vw,29px);font-stretch:100%;font-weight:380;letter-spacing:-.015em;line-height:1.18}
.tres-item .link{align-self:flex-start}
.lista-traco{list-style:none;padding:0;margin:24px 0 0}
.lista-traco li{padding:13px 0;box-shadow:inset 0 -1px 0 var(--linha)}
.perguntas-prod h3{font-size:clamp(22px,2vw,30px);font-stretch:100%;font-weight:380;letter-spacing:-.015em;margin-bottom:18px}
.perguntas-prod ol{margin:0 0 22px;padding-left:1.2em}
.perguntas-prod li{padding:7px 0}
.bloco-fim{padding-bottom:clamp(90px,14vh,160px)}
.acoes-pilha{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.acoes-pilha .botao{margin-bottom:8px}

/* produtos: a mesma sala escura, com luz própria de cada marca */
.pg-vitrine{background:var(--noite);color:var(--luz);--tinta:var(--luz);--tinta-2:var(--luz-2);--linha:var(--luz-3)}
.pg-vitrine .link-tinta{color:var(--luz)}
.pg-vitrine .botao{--bfundo:var(--luz);--btxt:#14141a}
.cabeca{padding-top:clamp(130px,20vh,210px);padding-bottom:clamp(50px,8vh,90px)}
.trilho,.breadcrumb{font-size:14.5px;color:var(--tinta-2);margin:0 0 26px}
.trilho a,.breadcrumb a{text-underline-offset:3px}
.cabeca h1{font-size:clamp(38px,6vw,112px);font-weight:275;letter-spacing:-.04em;margin-bottom:26px}
.cabeca-lead{max-width:34em;font-size:clamp(17px,1.4vw,21px);margin-bottom:24px;color:var(--tinta-2)}
.vitrine{display:grid;gap:clamp(56px,8vh,96px)}
.vitrine-item{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.vitrine-luz{position:relative;grid-column:1/8;height:clamp(240px,34vw,520px);transform:skewX(-9.6deg) scale(.97);background:radial-gradient(120% 90% at 50% 100%,var(--a),var(--b) 52%,var(--c));box-shadow:0 0 70px -6px color-mix(in srgb,var(--b) 70%,transparent),0 0 220px 10px color-mix(in srgb,var(--c) 75%,transparent);transition:transform .9s var(--mola),box-shadow .9s}
.vitrine-luz:hover{transform:skewX(-9.6deg) scale(1)}
.vitrine-item:nth-child(even) .vitrine-luz{grid-column:6/13;grid-row:1}
.vitrine-txt{grid-column:9/13}
.vitrine-item:nth-child(even) .vitrine-txt{grid-column:1/5;grid-row:1}
.vitrine-txt h2{font-size:clamp(32px,3.2vw,58px);margin-bottom:14px}
.vitrine-txt p{color:var(--tinta-2)}
.vitrine-txt .sala-area{margin-bottom:12px;color:var(--tinta-2)}
.vitrine-para{margin-top:8px;font-size:15.5px}
.vitrine-acoes{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:20px}

/* documentos: empresa e páginas legais */
.page-head{padding-top:clamp(130px,20vh,200px);padding-bottom:clamp(40px,7vh,72px)}
.page-head h1{font-size:clamp(36px,5.2vw,96px);font-weight:275;letter-spacing:-.04em;margin-bottom:22px}
.page-lead{font-size:clamp(17px,1.4vw,21px);line-height:1.5;color:var(--tinta-2);max-width:36em}
.article-grid{display:grid;grid-template-columns:minmax(180px,3fr) minmax(0,8fr);gap:clamp(30px,6vw,110px);padding-bottom:clamp(90px,14vh,160px)}
.toc{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:2px;font-size:14.5px;max-height:calc(100vh - 130px);overflow:auto}
.toc p{margin:0 0 10px;color:var(--tinta-2)}
.toc a{text-decoration:none;padding:5px 0;color:var(--tinta-2);transition:color .25s}
.toc a:hover{color:var(--tinta)}
.prose{max-width:43em;font-size:17.5px;line-height:1.68}
.prose section{padding-top:8px;margin-bottom:46px;scroll-margin-top:100px}
.prose h2{font-size:clamp(24px,2.3vw,36px);font-weight:320;margin:0 0 18px;letter-spacing:-.022em}
.prose h3{font-size:20px;font-stretch:100%;font-weight:500;letter-spacing:-.01em;margin:28px 0 8px}
.prose p{margin:0 0 15px}
.prose ul,.prose ol{padding-left:1.25em;margin:0 0 18px}
.prose li{margin-bottom:7px}
.prose a{text-underline-offset:3px}
.prose table{border-collapse:collapse;width:100%;font-size:16px}
.prose th,.prose td{text-align:left;padding:10px 14px 10px 0;box-shadow:inset 0 -1px 0 var(--linha);vertical-align:top}
.company-data{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);margin:0;box-shadow:inset 0 1px 0 var(--linha)}
.company-data dt,.company-data dd{margin:0;padding:15px 0;box-shadow:inset 0 -1px 0 var(--linha)}
.company-data dt{color:var(--tinta-2);font-size:15px;padding-top:17px}
.label{font-size:14.5px;color:var(--tinta-2);margin:0 0 12px}
.label .num{display:none}
.button,.dark-button{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 32px;text-decoration:none;color:var(--gesso-2);background:var(--tinta);font-weight:500;font-size:15.5px;transform:skewX(-9.6deg);border:0;cursor:pointer}
.button>*{transform:skewX(9.6deg)}
.small-note{font-size:14px;color:var(--tinta-2);margin-top:14px}
.not-found{padding-top:30vh;padding-bottom:22vh}
.not-found h1{font-size:clamp(40px,6vw,110px);margin-bottom:18px}
.not-found p:not(.label){margin-bottom:30px;color:var(--tinta-2)}

/* contato */
.contact-head{padding-bottom:40px}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(36px,6vw,110px);padding-bottom:clamp(90px,14vh,160px);align-items:start}
.contact-workspace>.label{display:none}
.contact-workspace h2{font-size:clamp(26px,2.6vw,42px);margin-bottom:28px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.form-row label,.field>label,.message-ready>label{display:block;font-size:15px;margin-bottom:8px}
.field label span{color:var(--tinta-2);font-size:13.5px;margin-left:6px}
select,textarea{width:100%;min-height:54px;background:var(--gesso-2);color:var(--tinta);border:0;box-shadow:inset 0 0 0 1px var(--linha);border-radius:0;padding:13px 16px;font:inherit;font-size:16px;transition:box-shadow .3s}
select:focus,textarea:focus{outline:2px solid var(--tinta);outline-offset:1px}
textarea{line-height:1.5;resize:vertical}
.field{margin-bottom:18px}
.field-hint{font-size:14px;color:var(--tinta-2);margin:0 0 9px}
#context-safety{margin:9px 0 0}
.contact-personalization{margin-bottom:18px}
.context-summary{font-size:15px;margin-bottom:14px;color:var(--tinta-2)}
.reason-help{background:var(--gesso-2);padding:18px 20px;margin-bottom:18px;font-size:15.5px;box-shadow:inset 0 0 0 1px var(--linha)}
.reason-help h3{font-size:18px;font-stretch:100%;font-weight:500;letter-spacing:-.01em;margin-bottom:8px}
.reason-help ul{margin:6px 0 0;padding-left:1.2em}
.message-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:20px 0 10px}
.copy-button,.review-link{background:none;border:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px;padding:8px 0}
.copy-status{min-height:1.2em;font-size:14px;margin:0;color:var(--tinta-2)}
.contact-brief{display:inline-block;margin-top:8px;font-size:15px}
.live-message-aside{position:sticky;top:104px;min-width:0;background:var(--noite);color:var(--luz);padding:clamp(26px,2.6vw,40px);--tinta-2:var(--luz-2);--linha:var(--luz-3)}
.live-message-aside>.label{color:var(--luz-2)}
.live-message-aside h2{font-size:clamp(26px,2.5vw,40px);color:#fff;margin-bottom:22px}
.live-message-aside h3{font-size:20px;font-stretch:100%;font-weight:500;letter-spacing:-.01em;margin-bottom:6px;outline:0}
.draft-label{font-size:13.5px;color:var(--luz-2);margin-bottom:8px}
.message-subject{font-size:15px;color:var(--luz-2);margin-bottom:12px}
.live-message-aside textarea{background:rgba(255,255,255,.06);color:var(--luz);font-size:15px}
.live-message-aside .button{background:var(--luz);color:#14141a}
.preview-note{font-size:14px;color:var(--luz-2)}
.contact-direct{display:grid;gap:6px;margin-top:26px;padding-top:20px;box-shadow:inset 0 1px 0 var(--luz-3)}
.contact-direct a{text-decoration:none}
.contact-trust{margin-top:22px;font-size:15px;color:var(--luz-2)}
.contact-trust strong{color:var(--luz);font-weight:500}
.contact-trust a{display:block;margin-top:5px;text-underline-offset:3px}
.fallback-contact ul{list-style:none;padding:0}.fallback-contact li{padding:8px 0}

/* resumo */
.brief-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(36px,6vw,110px);padding-bottom:clamp(90px,14vh,160px);align-items:start}
.brief-layout section{margin-bottom:40px}
.brief-layout h2{font-size:clamp(25px,2.5vw,40px);margin-bottom:14px}
.brief-context{display:grid;grid-template-columns:minmax(110px,160px) 1fr;margin:20px 0 0}
.brief-context dt,.brief-context dd{margin:0;padding:11px 0;box-shadow:inset 0 -1px 0 var(--linha)}
.brief-actions{position:sticky;top:104px;background:var(--gesso-2);padding:clamp(24px,2.4vw,36px);display:flex;flex-direction:column;align-items:flex-start;gap:12px;box-shadow:inset 0 0 0 1px var(--linha)}
.brief-actions button{background:none;border:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:6px 0;cursor:pointer}
.brief-actions textarea{min-height:0}
#brief-empty{padding-bottom:120px}

/* sites e marca: comercial */
.capa-estudio .capa-txt>h1{font-size:clamp(34px,3.9vw,74px);line-height:1.04;max-width:11.5em}
.capa-estudio .sala-frase{max-width:17em}
.capa-estudio .capa-txt{--largura:48%}
.capa-estudio .trilho{padding-bottom:18px}
.manifesto h2{font-size:clamp(32px,4.9vw,92px);font-weight:275;letter-spacing:-.038em;line-height:1.05;max-width:17em;margin-bottom:34px}
.manifesto p{font-size:clamp(18px,1.6vw,24px);line-height:1.45;max-width:34em}
.oferta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.oferta-item{position:relative;background:var(--noite);color:var(--luz);padding:clamp(28px,3.4vw,56px);display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;isolation:isolate;--tinta-2:var(--luz-2)}
.oferta-item:before{content:"";position:absolute;z-index:-1;right:-5%;top:0;width:50%;height:clamp(120px,19vh,180px);transform:skewX(-9.6deg);background:radial-gradient(90% 90% at 50% 100%,var(--a),var(--b) 46%,var(--c) 82%,transparent);opacity:.88}
.oferta-tipo{font-size:14.5px;color:var(--luz-2);margin-bottom:16px;max-width:none}
.oferta-item h2{font-size:clamp(28px,3vw,52px);color:#fff;font-weight:300;margin:clamp(110px,18vh,170px) 0 18px;max-width:12em}
.oferta-item>p:not(.oferta-tipo){color:var(--luz-2);max-width:29em}
.oferta-item .link{margin-top:auto}
.lista-luz{list-style:none;padding:0;margin:24px 0 30px;width:100%}
.lista-luz li{padding:11px 0;box-shadow:inset 0 -1px 0 var(--luz-3);font-size:16px}
.rebrand{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,6vw,110px);align-items:end;margin-top:clamp(84px,13vh,150px);padding:clamp(32px,5vw,84px);background:linear-gradient(120deg,#4a17b0,#b22a8e 46%,#ff4f74 76%,#ffb27c);color:#fff}
.rebrand .oferta-tipo{color:rgba(255,255,255,.8)}
.rebrand h2{color:#fff;font-size:clamp(32px,4.4vw,80px);font-weight:275;letter-spacing:-.035em;margin:0}
.rebrand p{color:#fff;max-width:31em}
.rebrand .botao{margin-top:26px}
.etapas{list-style:none;counter-reset:e;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.etapas li{counter-increment:e;box-shadow:inset 0 1px 0 var(--tinta);padding-top:18px}
.etapas li:before{content:counter(e);display:block;font-size:14.5px;color:var(--tinta-2);margin-bottom:34px}
.etapas h3{font-size:clamp(21px,1.8vw,28px);font-stretch:100%;font-weight:380;letter-spacing:-.015em;margin-bottom:8px}
.etapas p{font-size:16px}
.prova,.chamada{position:relative;background:var(--noite);color:var(--luz);--tinta-2:var(--luz-2)}
.prova{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,6vw,110px);align-items:center;margin-top:clamp(84px,13vh,150px);padding:clamp(32px,5vw,84px);overflow:hidden}
.prova h2,.chamada h2{color:#fff;font-size:clamp(32px,4.4vw,80px);font-weight:275;letter-spacing:-.035em;margin-bottom:20px}
.prova p,.chamada p{color:var(--luz-2);max-width:30em}
.prova .link{margin-top:22px}
.chamada{margin-top:clamp(100px,16vh,190px);padding:clamp(70px,12vh,130px) 0;overflow:hidden}
.chamada-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,6vw,110px);align-items:center}
.chamada .botao{margin-top:28px}
.fio-luz{--a:#fff0da;--b:#ff4f74;--c:#4a17b0;display:block;aspect-ratio:16/11;width:100%;max-width:640px;filter:drop-shadow(0 0 34px rgba(255,79,116,.55));background:
  linear-gradient(0deg,var(--a),var(--b) 55%,var(--c)) 0 0/100% 7% no-repeat,
  linear-gradient(0deg,var(--a),var(--b) 42%,var(--c)) 0 14%/65% 52% no-repeat,
  linear-gradient(0deg,var(--b),var(--c)) 100% 14%/32% 52% no-repeat,
  linear-gradient(0deg,var(--a),var(--b)) 0 100%/32% 28% no-repeat,
  linear-gradient(0deg,var(--a),var(--b)) 50% 100%/32% 28% no-repeat,
  linear-gradient(0deg,var(--a),var(--b)) 100% 100%/32% 28% no-repeat}
.tres-item p{color:var(--tinta-2);font-size:16px}
.tres-item:hover p{color:inherit}

/* a página começa na sala escura e abre para a leitura */
.pg-doc main{isolation:isolate}
.page-head{position:relative;color:var(--luz);--tinta-2:var(--luz-2);clip-path:inset(0 -100vw)}
.page-head:before{content:"";position:absolute;z-index:-2;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:var(--noite)}
.page-head:after{content:"";position:absolute;z-index:-1;right:6%;bottom:0;width:clamp(120px,17vw,300px);height:78%;transform:skewX(9.6deg);transform-origin:bottom;background:radial-gradient(120% 90% at 50% 100%,#fff1df,#ff8646 50%,#5c0f42);box-shadow:0 0 60px -6px rgba(255,134,70,.55),0 0 200px 20px rgba(92,15,66,.7)}
.page-head h1{color:#fff;position:relative}
.page-head .breadcrumb{color:var(--luz-2)}
.page-head .page-lead{position:relative;max-width:32em}
.page-head>*{position:relative}
.page-head .button,.page-head .dark-button{background:var(--luz);color:#14141a}
.article-grid,.contact-layout,.brief-layout{padding-top:clamp(50px,8vh,84px)}
.pg-empresa .article-grid{padding-top:clamp(50px,8vh,84px)}
.pg-404{background:var(--noite);color:var(--luz);--tinta-2:var(--luz-2)}
.pg-404 .button{background:var(--luz);color:#14141a}
.pg-404 .not-found h1{color:#fff}
.tres-item:after{content:"";position:absolute;top:26px;right:26px;width:18px;height:28px;transform:skewX(-9.6deg);background:linear-gradient(0deg,var(--a),var(--b) 55%,var(--c))}
.tres-item:hover:after{opacity:0}
.tres-item{transition:color .4s}
.tres-item h3{padding-right:34px}

/* o conteúdo acompanha o dedo: nunca há espera nem tela vazia */
@supports(animation-timeline:view()){
  @keyframes sobe{from{opacity:.18;transform:translate3d(0,56px,0)}to{opacity:1;transform:none}}
  @keyframes abre-titulo{from{opacity:.2;transform:translate3d(-2.5vw,0,0)}to{opacity:1;transform:none}}
  .busca-topo h2,.perguntas h2,.convite-final h2,.bloco h2,.rodape-frase h2,.cabeca h1,.manifesto h2{animation:abre-titulo linear both;animation-timeline:view();animation-range:entry 0% entry 62%}
  .busca-topo p,.need-choice,.other-need,.question-list details,.convite-final>div,.linhas a,.tres-item,.lista-traco li,.perguntas-prod,.acoes-pilha,.vitrine-item,.placa,.prose section,.page-lead,.manifesto p,.oferta-item,.etapas li,.rebrand>div,.prova>div,.chamada-grade>*{animation:sobe linear both;animation-timeline:view();animation-range:entry 0% entry 42%}
}
/* troca de página: a nova tela se abre como a porta da marca */
@view-transition{navigation:auto}
.topo{view-transition-name:topo}
::view-transition-group(topo){z-index:5}
::view-transition-old(root){animation:sai-pagina .5s cubic-bezier(.4,0,.8,.3) both}
::view-transition-new(root){animation:abre-pagina .85s var(--entrada) both}
@keyframes sai-pagina{to{opacity:.35;transform:scale(.975)}}
@keyframes abre-pagina{from{clip-path:polygon(47% 100%,53% 100%,56% 0,50% 0)}to{clip-path:polygon(-20% 100%,120% 100%,120% 0,-20% 0)}}

@media(max-width:1100px){
  .sala-grade{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:calc(env(safe-area-inset-bottom) + 30px);position:relative}
  .sala-janela,#sistemas .sala-janela,#sites .sala-janela,#marca .sala-janela,#redes .sala-janela,#automacao .sala-janela{position:absolute;margin:0;top:84px;height:40vh;left:var(--m);right:var(--m);width:auto;aspect-ratio:auto;bottom:auto}
  #sistemas .sala-janela{left:20%;right:20%;height:42vh}
  #automacao .sala-janela{left:-15vw;right:-15vw;top:88px;height:34vh}
  #marca .sala-janela{left:50%;right:auto;height:min(40vh,76vw);aspect-ratio:1;transform:translateX(-50%)}
  #redes .sala-janela{left:10%;right:10%;height:46vh}
  #automacao .sala-texto{display:block;padding-bottom:0}
  #automacao .sala-frase{margin-top:22px}
  #automacao .sala-acoes{margin-top:26px}
  .sala-area{margin-bottom:10px}
  .sala-frase{margin-top:14px}
  .sala-desc{margin-top:12px}
  .sala-para{margin-top:6px}
  .sala-acoes{margin-top:22px}
  .nav a{padding:9px 11px}
  .capa-janela{width:60%;right:var(--m);top:12vh;bottom:44vh}
  .finder-grid,.brief-layout,.contact-layout{grid-template-columns:1fr}
  .solution-result{position:relative;top:auto}
  .live-message-aside,.brief-actions{position:static}
  .vitrine-luz,.vitrine-item:nth-child(even) .vitrine-luz{grid-column:1/13;grid-row:1}
  .vitrine-txt,.vitrine-item:nth-child(even) .vitrine-txt{grid-column:1/13;grid-row:2}
  .perguntas h2,.question-list,.busca-topo h2,.busca-topo p,.convite-final h2,.convite-final>div{grid-column:1/13}
  .placa{grid-template-columns:1fr}
}
@media(max-width:760px){
  body{font-size:16.5px}
  .abertura:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:70vh;--i:0;background:linear-gradient(180deg,transparent,rgba(5,5,7,.72) 34%,rgba(5,5,7,.92));pointer-events:none;opacity:var(--e,1)}
  .abertura{position:relative}
  :root{--t:82vh}
  @supports(height:100lvh){:root{--t:82lvh}}
  html.tema-escuro body.home{background-image:url(/assets/arko-capa-m.jpg)}
  .topo{top:10px}
  .topo-ilha{padding:5px 5px 5px 18px;flex-wrap:wrap;border-radius:26px;gap:0}
  .menu{display:inline-flex}
  .nav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:6px 8px 12px;font-size:21px;letter-spacing:-.012em}
  .nav.open{display:flex}
  .nav a{padding:13px 8px;border-radius:0;box-shadow:inset 0 -1px 0 var(--fio)}
  .nav .contact{margin-top:12px;background:var(--fg);box-shadow:none;text-align:center;padding:14px;border-radius:999px}
  .abertura{padding-bottom:calc(env(safe-area-inset-bottom) + 32px)}
  .abertura-acoes{gap:18px 24px;margin-top:26px}
  .abertura-copy{margin-top:18px}
  .abertura-sobre{margin-bottom:16px}
  .convite{left:var(--m);right:auto;bottom:calc(env(safe-area-inset-bottom) + 10px);font-size:13px}
  .abertura{padding-bottom:calc(env(safe-area-inset-bottom) + 44px)!important}
  .form-row,.bloco-duplo,.tres,.oferta,.rebrand,.prova,.chamada-grade,.etapas{grid-template-columns:1fr}
  .etapas li:before{margin-bottom:12px}
  .oferta-item h2{margin-top:112px}
  .oferta-item:before{height:96px;width:56%}
  .capa-estudio .capa-txt>h1{font-size:33px}
  .capa-janela[data-campo=estudio]{left:12%;right:12%;width:auto;top:84px;bottom:auto;height:30vh}
  .tres-item{min-height:0;gap:28px}
  .article-grid{grid-template-columns:1fr}
  .toc{position:static;max-height:none;padding-bottom:12px;box-shadow:inset 0 -1px 0 var(--linha)}
  .prose{font-size:17px}
  .company-data{grid-template-columns:1fr}
  .company-data dt{padding-bottom:0;box-shadow:none}
  .need-choice{grid-template-columns:12px 1fr 18px;gap:14px;padding:20px 0}
  .page-head:after{left:calc(50% - 50vw);right:calc(50% - 50vw);width:auto;height:5px;transform:none;background:linear-gradient(90deg,#5c0f42,#ff8646,#fff1df,#ff8646,#5c0f42);box-shadow:0 0 44px 8px rgba(255,134,70,.42)}
  .capa-janela{width:auto;left:calc(var(--m) + 8%);right:calc(var(--m) + 8%);top:13vh;bottom:50vh}
  .botao{min-height:52px;padding:0 28px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}
@media print{
  .topo,.rodape-frase,.luz,.skip,.brief-actions button,.brief-hero-actions,.change-route{display:none!important}
  body{background:#fff;color:#111;font-size:11pt}
  .rodape{background:#fff;color:#111;padding:0}
  .placa{background:none;box-shadow:none}
}