/* Home: hero com uma venda acontecendo, números em cadeia, Raio-X do Funil em 4 passos (quiz), peças soltas x operação
   conectada, bento de serviços, Circuito Órus, indústria, segmentos, método em linha do tempo, equipe e CTA final para o quiz. */

.home{background:var(--o-ink)}

/* ---------------------------------------------------------------- hero */
.h-hero{position:relative;overflow:hidden;padding:clamp(48px,7vw,104px) 0 clamp(64px,8vw,112px)}
.h-hero-bg{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 75% 70% at 65% 35%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse 75% 70% at 65% 35%,#000 25%,transparent 75%)}
.h-hero-bg span{position:absolute;border-radius:50%;filter:blur(70px);animation:h-drift 22s ease-in-out infinite}
.h-hero-bg span:first-child{width:620px;height:620px;left:-200px;top:-260px;background:radial-gradient(circle,rgba(204,41,41,.45),transparent 65%)}
.h-hero-bg span:last-child{width:520px;height:520px;right:-160px;top:160px;background:radial-gradient(circle,rgba(204,41,41,.22),transparent 65%);animation-delay:-11s}
@keyframes h-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(36px,28px,0)}}
.h-hero.is-paused .h-hero-bg span{animation-play-state:paused}
.h-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(36px,5vw,80px);align-items:center}
.h-hero h1{font-size:clamp(40px,4.6vw,64px);line-height:1.02;letter-spacing:-.045em;margin-bottom:22px}
.h-hero .o-lede{margin-top:0;font-size:clamp(18px,1.5vw,21px)}
.h-trust{list-style:none;display:flex;flex-wrap:wrap;gap:18px 36px;margin-top:40px;padding-top:26px;border-top:1px solid var(--o-line-d)}
.h-trust li{display:flex;flex-direction:column;gap:2px}
.h-trust b{font-family:var(--font-head);font-size:22px;letter-spacing:-.02em}
.h-trust span{font-size:14px;color:var(--o-muted-l)}

.h-tl{position:relative;padding:22px;border-radius:var(--o-r-l);background:linear-gradient(180deg,#18181c,#111114);border:1px solid rgba(255,255,255,.1);
  box-shadow:0 50px 90px -45px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.06)}
.h-tl-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--o-line-d);font-size:14px;font-weight:500;color:var(--o-muted-l)}
.h-live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--o-ok-hi)}
.h-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#22c55e;animation:h-ping 2.2s ease-out infinite}
@keyframes h-ping{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%,100%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}
.h-tl-list{list-style:none;position:relative}
.h-tl-list::before{content:"";position:absolute;left:18px;top:20px;bottom:20px;width:1px;background:linear-gradient(var(--o-line-d),rgba(255,107,107,.45),var(--o-line-d))}
.h-tl-list li{position:relative;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:10px 0;transition:opacity .45s ease,transform .45s var(--o-ease)}
.js .h-tl-list li{opacity:.18;transform:translateX(-6px)}
.js .h-tl-list li.on{opacity:1;transform:none}
.h-tl-ic{position:relative;z-index:1;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#1d1d22;border:1px solid var(--o-line-d);color:#e4e4e7}
.h-tl-ic svg{width:18px;height:18px}
.h-tl-ic svg:not([stroke]) path{fill:currentColor}
.h-tl-list li.on .h-tl-ic{border-color:rgba(255,107,107,.45)}
.h-tl-list li:last-child .h-tl-ic{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.45);color:var(--o-ok-hi)}
.h-tl-t b{display:block;font-family:var(--font-head);font-size:15px;font-weight:600}
.h-tl-t small{display:block;font-size:13.5px;line-height:1.4;color:var(--o-muted-l)}
.h-tl-list time{font-size:12.5px;color:var(--o-faint-l);font-variant-numeric:tabular-nums}
.h-tl-list li:last-child .h-tl-t b{color:var(--o-ok-hi)}
.h-tl-note{margin-top:10px;font-size:12px;color:var(--o-faint-l);text-align:right}

/* ---------------------------------------------------------------- números em cadeia */
.h-proof-sec{padding:var(--section-sm) 0}
.h-proof-head{max-width:760px;margin-bottom:clamp(32px,4vw,48px)}
.h-proof{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--o-line-l)}
.h-proof li{position:relative;padding:28px 28px 8px 0}
.h-proof li + li{padding-left:28px;border-left:1px solid var(--o-line-l)}
.h-proof b{display:block;white-space:nowrap;font-family:var(--font-head);font-size:clamp(32px,3.6vw,52px);font-weight:800;line-height:1;letter-spacing:-.045em}
.h-proof b .accent{color:var(--o-red-ink)}
.h-proof li > span:last-child{display:block;margin-top:12px;font-size:15px;line-height:1.5;color:var(--o-muted-d)}
.h-proof-arrow{position:absolute;left:-15px;top:-15px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--o-white);border:1px solid var(--o-line-l);color:var(--o-red-ink)}
.h-proof-arrow svg{width:14px;height:14px}

/* ---------------------------------------------------------------- Circuito Órus */
.h-circuit-sec{background:radial-gradient(ellipse 60% 55% at 35% 60%,rgba(204,41,41,.14),transparent 70%),var(--o-ink)}
.h-circuit-bg{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(ellipse 55% 55% at 35% 60%,#000,transparent 75%);mask-image:radial-gradient(ellipse 55% 55% at 35% 60%,#000,transparent 75%)}
.h-circuit{position:relative;display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;max-width:1120px;margin:0 auto}
.h-ring{position:relative;grid-column:1;grid-row:1;aspect-ratio:1;width:100%}
.h-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.h-ring-base{fill:none;stroke:rgba(255,255,255,.12);stroke-width:.35;stroke-dasharray:.8 1.6}
.h-ring-fill{fill:none;stroke:var(--o-red-hi);stroke-width:.55;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .9s var(--o-ease)}
.h-pulse{position:absolute;inset:0;transition:transform .9s var(--o-ease)}
.h-pulse i{position:absolute;left:50%;top:8%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#ff8a8a;box-shadow:0 0 0 6px rgba(255,107,107,.15),0 0 24px 6px rgba(255,107,107,.6)}
.h-ring-core{position:absolute;left:50%;top:50%;width:38%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;align-content:center;gap:8px;
  background:radial-gradient(circle at 50% 30%,#1f1f24,#0d0d10 72%);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 90px rgba(204,41,41,.28)}
.h-ring-core img{width:60%;height:auto}
.h-ring-core small{max-width:76%;text-align:center;font-size:10.5px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:var(--o-faint-l)}
.h-c-nodes{list-style:none;position:relative;grid-column:1;grid-row:1;aspect-ratio:1;width:100%}
.h-c-nodes li{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%)}
.h-c-node{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--o-muted-l);cursor:pointer;font-family:var(--font-head);font-size:13.5px;font-weight:600}
.h-c-node svg{box-sizing:content-box;width:20px;height:20px;padding:14px;border-radius:16px;background:#141418;border:1px solid rgba(255,255,255,.12);color:#e4e4e7;
  transition:background-color var(--o-t2),border-color var(--o-t2),color var(--o-t2),transform var(--o-t2) var(--o-ease)}
.h-c-node:hover svg{border-color:rgba(255,255,255,.3)}
.h-c-node.done svg{border-color:rgba(255,107,107,.35);color:#ff8a8a}
.h-c-node[aria-pressed="true"]{color:#fff}
.h-c-node[aria-pressed="true"] svg{background:var(--o-red);border-color:var(--o-red);color:#fff;transform:scale(1.12)}
.h-c-panel{grid-column:2;grid-row:1;min-height:300px;display:flex;flex-direction:column}
.h-c-ctrl{display:flex;align-items:center;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid var(--o-line-d)}
.h-c-play{min-width:206px}
.h-c-play svg{width:18px;height:18px}
.h-c-play:hover svg{transform:none}
.h-c-ic-pause{display:none;gap:4px;align-items:center;height:16px}
.h-c-ic-pause i{width:4px;height:14px;border-radius:2px;background:#fff}
.is-running .h-c-ic-play{display:none}
.is-running .h-c-ic-pause{display:inline-flex}
.h-c-prog{flex:1;max-width:180px;height:3px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.h-c-prog i{display:block;height:100%;background:var(--o-red-hi);transform:scaleX(0);transform-origin:left}
.h-circuit:not(.started) .h-pulse i{animation:h-beacon 1.8s ease-in-out infinite}
@keyframes h-beacon{0%,100%{box-shadow:0 0 0 6px rgba(255,107,107,.15),0 0 24px 6px rgba(255,107,107,.6)}50%{box-shadow:0 0 0 12px rgba(255,107,107,.05),0 0 30px 10px rgba(255,107,107,.75)}}
.h-circuit.is-paused .h-pulse i{animation-play-state:paused}
.h-c-info{animation:o-in .45s var(--o-ease)}
.h-c-info h3{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.035em;line-height:1.05}
.h-c-info > p:not(.o-kicker):not(.h-c-who){margin-top:14px;font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:#d4d4d8;max-width:440px}
.h-c-who{margin-top:26px;margin-bottom:10px;font-family:var(--font-head);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--o-faint-l)}
.h-c-links{display:flex;flex-wrap:wrap;gap:8px}
.h-c-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:border-color var(--o-t1),background-color var(--o-t1)}
.h-c-links a:hover{border-color:var(--o-red-hi);background:rgba(204,41,41,.12)}
.h-c-links svg{width:14px;height:14px}

/* ---------------------------------------------------------------- bento de serviços (cenas animadas) */
.h-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.h-svc{position:relative;display:flex;flex-direction:column;border-radius:var(--o-r-l);overflow:hidden;background:var(--o-card);border:1px solid var(--o-line-l);color:var(--o-text-d);text-decoration:none;
  transition:transform var(--o-t2) var(--o-ease),box-shadow var(--o-t2),border-color var(--o-t1)}
.h-svc:hover{transform:translateY(-4px);box-shadow:0 30px 50px -34px rgba(20,20,22,.55);border-color:rgba(204,41,41,.3)}
.h-svc.big{grid-column:span 2}
.h-svc .scene{margin:0;border-bottom:0;height:270px}
.h-svc.big .scene{height:310px}
.h-svc-txt{display:flex;flex-direction:column;gap:6px;padding:20px 22px 22px;flex:1}
.h-svc-tag{font-family:var(--font-head);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--o-red-ink)}
.h-svc h3{font-size:clamp(19px,1.6vw,23px);line-height:1.2;letter-spacing:-.02em}
.h-svc-txt > p:not(.h-svc-tag){font-size:15px;line-height:1.5;color:var(--o-muted-d)}
.h-svc-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px;font-family:var(--font-head);font-weight:600;font-size:14.5px;color:var(--o-red-ink)}
.h-svc-more svg{width:15px;height:15px;transition:transform var(--o-t1)}
.h-svc:hover .h-svc-more svg{transform:translateX(3px)}
.h-swipe{display:none}
.h-svc-ind{grid-column:span 2;background:var(--o-ink);color:var(--o-text-l);border-color:var(--o-ink);flex-direction:row;align-items:center}
.h-svc-ind::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(204,41,41,.35),transparent 65%)}
.h-svc-ind-ic{display:grid;place-items:center;width:clamp(96px,10vw,140px);align-self:stretch;border-right:1px solid var(--o-line-d)}
.h-svc-ind-ic svg{width:56px;height:56px;color:#fff}
.h-svc-ind .h-svc-tag{color:#ff8a8a}
.h-svc-ind .h-svc-txt > p:not(.h-svc-tag){color:var(--o-muted-l)}
.h-svc-ind .h-svc-more{color:#ff8a8a}

/* ---------------------------------------------------------------- indústria */
.h-ind-bg{position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/44px 44px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 40%,transparent);mask-image:linear-gradient(180deg,transparent,#000 40%,transparent)}
.h-ind-top{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(32px,4vw,48px)}
.h-ind-top .o-head{margin-bottom:0}
.h-ind-search{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 20px;border-radius:999px;background:var(--o-paper);color:var(--o-text-d);font-size:15px}
.h-ind-search svg{width:18px;height:18px;color:var(--o-muted-d)}
.h-typed{white-space:nowrap;overflow:hidden}
.h-typed::after{content:"";display:inline-block;width:1.5px;height:1.05em;margin-left:2px;vertical-align:-2px;background:var(--o-text-d);animation:h-caret 1s steps(1) infinite}
@keyframes h-caret{50%{opacity:0}}
.h-ind-path{position:relative;list-style:none;display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.h-ind-path::before{content:"";position:absolute;z-index:0;left:6%;right:6%;top:29px;height:1px;background:linear-gradient(90deg,rgba(255,107,107,.1),rgba(255,107,107,.6),rgba(255,107,107,.1))}
.h-ind-path li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:14px;font-weight:600;color:var(--o-muted-l);transition:color .35s}
.h-ind-path svg{box-sizing:content-box;width:22px;height:22px;padding:18px;border-radius:16px;background:#18181c;border:1px solid var(--o-line-d);color:#d4d4d8;transition:background-color .35s,border-color .35s,color .35s}
.js .h-ind-path li.on{color:#fff}
.js .h-ind-path li.on svg{background:#2a1517;border-color:rgba(255,107,107,.55);color:#ff8a8a}
.h-ind-path li:last-child.on svg{background:#14281c;border-color:rgba(34,197,94,.5);color:var(--o-ok-hi)}
.h-ind-foot{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:clamp(36px,4vw,56px);padding-top:28px;border-top:1px solid var(--o-line-d)}
.h-ind-foot p{max-width:640px;font-size:15px;line-height:1.6;color:var(--o-muted-l)}

/* ---------------------------------------------------------------- segmentos: um aberto por vez (flex-grow anima a troca) */
.h-seg-sec{padding:var(--section-md) 0}
.h-seg-head{max-width:720px;margin-bottom:32px}
.h-seg-head .o-lede{margin-top:12px}
.h-segs{display:grid;gap:10px}
.h-seg-row{list-style:none;display:flex;gap:10px;min-height:272px}
.h-seg-item{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;border-radius:16px;background:var(--o-paper);border:1px solid var(--o-line-l);overflow:hidden;
  transition:flex-grow .4s var(--o-ease),background-color .3s ease,border-color .3s ease,box-shadow .3s ease}
.h-seg-item:hover:not(.open){border-color:rgba(204,41,41,.35);background:#fff}
.h-seg-item.open{flex-grow:3.2;background:var(--o-ink);border-color:var(--o-ink);box-shadow:0 30px 60px -36px rgba(20,20,22,.6)}
.h-seg-item.open::after{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(204,41,41,.38),transparent 65%);animation:h-seg-glow .8s var(--o-ease) both}
@keyframes h-seg-glow{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.h-seg-btn{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:18px;border:0;background:none;text-align:left;cursor:pointer;color:var(--o-text-d)}
.h-seg-ic{width:40px;height:40px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--o-line-l);color:var(--o-red-ink);transition:background-color .5s,border-color .5s,color .5s,transform .6s var(--o-ease)}
.h-seg-ic svg{width:20px;height:20px}
.h-seg-name{font-family:var(--font-head);font-weight:600;font-size:14.5px;line-height:1.25;overflow-wrap:break-word;hyphens:manual}
.h-seg-plus{position:absolute;right:16px;top:20px;width:14px;height:14px;opacity:.5;transition:transform .5s var(--o-ease),opacity .3s}
.h-seg-plus::before,.h-seg-plus::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;border-radius:2px;background:currentColor}
.h-seg-plus::after{transform:rotate(90deg);transition:transform .5s var(--o-ease)}
.h-seg-item:not(.open):hover .h-seg-plus{opacity:1}
/* aberto: ícone e nome na mesma linha, texto entra depois que o card terminou de crescer */
.h-seg-item.open .h-seg-btn{flex-direction:row;align-items:center;gap:14px;color:#fff;cursor:default;padding-bottom:6px}
.h-seg-item.open .h-seg-ic{background:var(--o-red);border-color:var(--o-red);color:#fff;transform:rotate(-6deg) scale(1.06)}
.h-seg-item.open .h-seg-name{font-size:clamp(20px,1.8vw,24px);letter-spacing:-.02em;white-space:nowrap}
.h-seg-item.open .h-seg-plus{opacity:0}
.h-seg-panel{position:relative;z-index:1;display:none;padding:0 18px 18px;margin-top:auto}
.h-seg-item.open .h-seg-panel{display:block}
.h-seg-item.open .h-seg-inner{animation:h-seg-in .3s var(--o-ease) .12s both}
@keyframes h-seg-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.h-seg-inner{max-width:540px}
.h-seg-inner .o-kicker{margin-bottom:6px;color:#ff8a8a}
.h-seg-text{font-size:15.5px;line-height:1.55;color:#e4e4e7}
.h-seg-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-family:var(--font-head);font-weight:600;font-size:14.5px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:2px}
.h-seg-link svg{width:14px;height:14px;transition:transform var(--o-t1)}
.h-seg-link:hover svg{transform:translateX(3px)}

/* ---------------------------------------------------------------- método */
.h-method{position:relative;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px)}
.h-method::before{content:"";position:absolute;left:0;right:0;top:58px;height:2px;background:var(--o-mist)}
.h-method::after{content:"";position:absolute;left:0;right:0;top:58px;height:2px;background:var(--o-red);transform-origin:left;transform:scaleX(0);transition:transform .8s var(--o-ease)}
.h-method.is-in::after{transform:none}
.h-method li{position:relative;display:flex;flex-direction:column;gap:10px}
.h-m-when{font-family:var(--font-head);font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--o-red-ink);min-height:20px}
.h-m-dot{position:relative;z-index:1;width:44px;height:44px;margin:4px 0 8px;border-radius:50%;display:grid;place-items:center;background:var(--o-ink);color:#fff;font-family:var(--font-head);font-size:13px;font-weight:700;
  box-shadow:0 0 0 6px var(--o-paper-2)}
.h-method h3{font-size:clamp(19px,1.7vw,23px)}
.h-method p{font-size:15.5px;line-height:1.55;color:var(--o-muted-d)}

/* ---------------------------------------------------------------- equipe (ALI_8740) */
.h-team-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.h-team-hands{position:relative}
.h-team-main{aspect-ratio:4/5}
.h-team-hands .h-team-card{position:absolute;right:-24px;bottom:28px;max-width:300px;display:grid;gap:10px;padding:18px 20px;border-radius:16px;background:var(--o-ink);color:var(--o-text-l);
  box-shadow:0 30px 50px -28px rgba(0,0,0,.7)}
.h-team-card span{display:flex;gap:10px;color:#ff8a8a}
.h-team-card svg{width:18px;height:18px}
.h-team-card b{font-family:var(--font-head);font-size:16px;line-height:1.35}
.h-team-copy .o-head{margin-bottom:24px}
.h-quote{margin:0 0 28px;padding-left:18px;border-left:3px solid var(--o-red);font-family:var(--font-head);font-size:clamp(20px,2vw,26px);font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--o-muted-d)}
.h-quote b{color:var(--o-text-d)}
.h-team-pics{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;align-items:end}
.h-pic-wide{aspect-ratio:3/2}

/* ---------------------------------------------------------------- peças soltas x operação conectada */
.h-diff-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;max-width:1040px;margin:0 auto}
.h-diff-col{padding:clamp(22px,3vw,36px);border-radius:var(--o-r-l);border:1px solid var(--o-line-d);background:rgba(255,255,255,.02)}
.h-diff-col.new{border-color:rgba(255,107,107,.35);background:rgba(204,41,41,.06)}
.h-pieces{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-height:150px;align-content:center;margin:8px 0 24px;position:relative}
.h-pieces li{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#17171b;border:1px solid var(--o-line-d);font-size:14px;font-weight:600;color:#d4d4d8}
.h-pieces svg{width:16px;height:16px}
.h-pieces.loose li{transform:translate(var(--dx),var(--dy)) rotate(var(--r));border-style:dashed;color:var(--o-faint-l)}
.h-pieces.linked{display:grid;grid-template-columns:repeat(3,max-content);justify-content:center;gap:14px 20px;padding:14px;border-radius:16px;border:1px dashed rgba(255,107,107,.3)}
.h-pieces.linked li{position:relative;border-color:rgba(255,107,107,.45);color:#fff}
.h-pieces.linked li:not(:nth-child(3n+1))::before{content:"";position:absolute;left:-21px;top:50%;width:20px;height:2px;background:var(--o-red-hi)}
.h-diff-list{list-style:none;display:grid;gap:10px}
.h-diff-list li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.5;color:#d4d4d8}
.h-diff-list svg{width:17px;height:17px;flex-shrink:0;margin-top:3px}
.old .h-diff-list svg{color:var(--o-faint-l)}
.new .h-diff-list svg{color:var(--o-ok-hi)}

/* ---------------------------------------------------------------- responsivo */
@media (max-width:1100px){
  .h-seg-row{min-height:270px}
  .h-seg-item.open{flex-grow:2.6}
  .h-ind-path{grid-template-columns:repeat(4,1fr);row-gap:28px}
  .h-ind-path::before{display:none}
}
@media (max-width:960px){
  .h-hero-grid,.h-ind-top,.h-team-grid{grid-template-columns:1fr}
  .h-tl{max-width:560px}
  .h-proof{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .h-proof li:nth-child(3){padding-left:0;border-left:0}
  .h-proof li:nth-child(n+3){border-top:1px solid var(--o-line-l)}
  .h-circuit{grid-template-columns:1fr;max-width:560px}
  .h-c-panel{grid-column:1;grid-row:2;min-height:0}
  .h-c-ctrl{margin-top:22px}
  .h-method{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:36px}
  .h-method::before,.h-method::after{display:none}
  .h-team-hands .h-team-card{right:12px;bottom:12px;left:12px;max-width:none}
  .h-diff-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  /* celular: vira lista; o aberto mostra o texto embaixo do título */
  .h-segs{gap:8px}
  .h-seg-row{flex-direction:column;min-height:0;gap:8px}
  .h-seg-item{flex:none}
  .h-seg-btn,.h-seg-item.open .h-seg-btn{flex-direction:row;align-items:center;padding:12px 14px}
  .h-seg-plus{top:50%;margin-top:-7px}
  .h-seg-item.open .h-seg-name{font-size:18px;white-space:normal}
  .h-seg-panel{padding:4px 14px 16px}
  .h-hero h1{font-size:clamp(34px,9.6vw,46px)}
  .h-trust{gap:14px 24px}
  .h-trust b{font-size:19px}
  .h-c-node span{font-size:12px}
  .h-c-node svg{width:17px;height:17px;padding:11px;border-radius:13px}
  .h-svc:hover{transform:none}
  .h-svc.big .h-demo .scene,.h-svc.big .h-real{height:270px}
  .h-svc-ind{flex-direction:column;align-items:stretch}
  .h-svc-ind-ic{width:auto;padding:22px 22px 0;justify-items:start;border-right:0}
  .h-seg{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .h-pieces.linked{grid-template-columns:repeat(2,max-content)}
  .h-pieces.linked li:not(:nth-child(3n+1))::before{display:none}
  .h-pieces.linked li:nth-child(2n)::before{display:block}
  .h-ind-path{grid-template-columns:1fr;gap:8px}
  .h-ind-path li{flex-direction:row;text-align:left}
  .h-ind-path svg{padding:12px}
  .h-method{grid-template-columns:1fr}
  .h-team-main{aspect-ratio:1/1}
  .h-team-hands .h-team-card{position:static;margin-top:12px}
  .h-team-pics{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .h-pic-wide{aspect-ratio:4/5}
  .h-proof b{font-size:clamp(30px,9vw,40px)}
  .h-proof li{padding:22px 16px 6px 0}
  .h-proof li + li{padding-left:16px}
}
@media (max-width:400px){.h-proof{grid-template-columns:1fr}.h-proof li,.h-proof li + li{padding-left:0;border-left:0;border-top:1px solid var(--o-line-l)}}

@media (prefers-reduced-motion:reduce){
  .h-hero-bg span,.h-live::before,.h-typed::after{animation:none}
  .h-pulse,.h-ring-fill,.h-method::after{transition:none}
  .h-c-info,.h-circuit:not(.started) .h-pulse i,.h-seg-item.open::after{animation:none}
  .h-seg-item,.h-seg-ic{transition:none!important}
  .h-seg-item.open .h-seg-inner{animation:none}
}


/* ================================================================ refinamento 2 (08/10) */

/* circuito: no celular, linha do tempo vertical; a linha vermelha acompanha a rolagem */
.h-ctl{display:none}
@media (max-width:960px){
  .h-ctl{position:relative;display:grid;gap:4px;list-style:none;max-width:560px;margin:0 auto;padding-left:4px;--p:0}
  .h-ctl-line{position:absolute;left:25px;top:24px;bottom:24px;width:2px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
  .h-ctl-line b{position:absolute;inset:0;background:linear-gradient(var(--o-red-hi),var(--o-red));transform-origin:top;transform:scaleY(var(--p))}
  .h-ctl li{position:relative;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:10px 0}
  .h-ctl-dot{position:relative;z-index:1;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#141418;border:1px solid rgba(255,255,255,.14);color:#a1a1aa;
    transition:background-color .2s,border-color .2s,color .2s,transform .25s var(--o-ease)}
  .h-ctl-dot svg{width:19px;height:19px}
  .h-ctl b{display:block;font-family:var(--font-head);font-size:18px;line-height:1.25;color:#a1a1aa;transition:color .2s}
  .h-ctl p{margin-top:2px;font-size:15px;line-height:1.5;color:var(--o-faint-l);transition:color .2s}
  .h-ctl li.on .h-ctl-dot{background:var(--o-red);border-color:var(--o-red);color:#fff;transform:scale(1.04)}
  .h-ctl li.on b{color:#fff}
  .h-ctl li.on p{color:#d4d4d8}
}

/* 8 frentes: o trilho vira bento no computador */
.h-bento-rail{--rail-w:84%}
.h-bento-rail .o-rail-track > .h-svc{height:auto}
@media (min-width:761px){
  .h-bento-rail .o-rail-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;overflow:visible;padding:0}
  .h-bento-rail .o-rail-track > .h-svc.big{grid-column:span 2}
  .h-bento-rail .o-rail-track > .h-svc:nth-child(7),.h-bento-rail .o-rail-track > .h-svc:nth-child(8){grid-column:span 2}
}
@media (min-width:761px) and (max-width:1100px){
  .h-bento-rail .o-rail-track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h-bento-rail .o-rail-track > .h-svc:nth-child(n){grid-column:auto}
}
.h-ind-card{margin-top:16px}
.h-ind-card .h-svc-ind{display:flex}
.h-svc .h-demo{position:relative}
.h-svc .h-demo .scene{margin:0;border-bottom:0;height:270px}
.h-svc.big .h-demo .scene{height:310px}
.h-demo > .o-tag{position:absolute;left:14px;top:14px;z-index:3}
.h-svc .h-demo .o-tag{background:rgba(255,255,255,.1);color:#e4e4e7;backdrop-filter:blur(6px)}

/* cards com trabalho real: a peça do cliente numa moldura, sobre o mesmo palco escuro das cenas */
.h-real{position:relative;height:270px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(204,41,41,.22),transparent 70%),linear-gradient(180deg,#141418,#0b0b0d)}
.h-svc.big .h-real{height:310px}
.h-rv-who{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:26px 12px 12px;background:linear-gradient(transparent,rgba(11,11,13,.94) 60%);display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;font-weight:600;color:#e4e4e7}
.h-real .o-tag-real{background:rgba(74,222,128,.14);color:var(--o-ok-hi)}
.h-rv-post{margin:0;width:min(58%,210px);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -24px rgba(0,0,0,.8);transform:translateY(-12px) rotate(-2deg)}
.h-svc.big .h-rv-post{width:min(52%,215px)}
.h-rv-post figcaption{display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:10px;color:#141416}
.h-rv-post figcaption b{font-size:10.5px}
.h-rv-post figcaption small{margin-left:auto;font-size:9.5px;color:#6b6b74}
.h-rv-av{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#1d3a8a;color:#f5c000;font-size:7px;font-weight:800}
.h-rv-post img{display:block;width:100%;height:auto}
.h-real-social-media img{position:absolute;display:block;height:auto;border-radius:10px;box-shadow:0 26px 50px -22px rgba(0,0,0,.85)}
.h-rv-a{width:31%;left:9%;top:18%;transform:rotate(-6deg)}
.h-rv-b{width:27%;left:36.5%;top:6%;z-index:2}
.h-rv-c{width:31%;right:9%;top:18%;transform:rotate(6deg)}
.h-rv-desk{position:absolute;left:7%;top:12%;width:78%}
.h-rv-desk .o-browser-bar{height:20px;padding:0 8px}
.h-rv-desk .o-browser-bar i{width:6px;height:6px}
.h-rv-desk .o-browser-bar span{font-size:9px;padding:1px 8px}
.h-rv-phone{position:absolute;right:6%;top:24%;width:24%;padding:4px;border-radius:16px;z-index:2}
.h-rv-phone img{border-radius:12px}
.h-rv-banner{width:84%;transform:translateY(-14px)}
.h-rv-banner .o-browser-bar{height:22px}
.h-rv-banner .o-browser-bar span{font-size:9.5px}
@media (hover:hover){.h-svc:hover .h-rv-post{transform:translateY(-16px) rotate(0)}.h-rv-post{transition:transform .35s var(--o-ease)}}

/* trabalho real: trilho de peças, vídeos e sites */
.h-work-sec{padding:var(--section-md) 0}
.h-work-rail{--rail-w:76%}
@media (min-width:761px){.h-work-rail{--rail-w:calc((100% - 3 * 16px) / 3.4)}.h-work-rail .o-rail-track{--rail-gap:16px}}
.h-work{display:flex;flex-direction:column;border-radius:var(--o-r-l);background:var(--o-paper);border:1px solid var(--o-line-l);overflow:hidden}
.h-work-stage{height:360px;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;overflow:hidden;padding:18px;background:radial-gradient(ellipse 80% 70% at 50% 35%,rgba(204,41,41,.12),transparent 70%),var(--o-paper-2)}
.h-work-stage > img,.h-work-stage .o-vid,.h-work-stage .o-browser,.h-work-stage .o-phone{max-height:100%;max-width:100%}
.h-work-stage > .h-work-img{width:auto!important;max-height:324px;max-width:100%;border-radius:10px;box-shadow:0 24px 44px -26px rgba(20,20,22,.55)}
.h-work-stage .o-vid{height:324px;width:auto;aspect-ratio:9/16}
.h-work-stage .o-vid .o-vid-btn{height:100%;width:auto;aspect-ratio:9/16;border-radius:12px}
.h-work-stage .o-vid video{height:100%;width:auto}
.h-work-stage .o-vid figcaption{display:none}
.h-work-stage .o-browser{width:100%}
.h-work-stage .o-phone{width:150px;padding:6px;border-radius:24px}
.h-work-stage .o-phone img{border-radius:18px}
.h-work-txt{display:flex;flex-direction:column;gap:4px;padding:16px 18px 10px}
.h-work-txt h3{font-size:19px;letter-spacing:-.02em}
.h-work-kind{font-size:15px;line-height:1.45;color:var(--o-muted-d)}
.h-work-txt .o-tlink{margin-top:auto}
@media (max-width:760px){.h-work-stage{height:300px}.h-work-stage > .h-work-img{max-height:264px}.h-work-stage .o-vid{height:264px}}

/* indústria: prova real */
.h-ind-proof{position:relative;display:grid;grid-template-columns:180px 1fr auto;gap:18px;align-items:center;margin-top:clamp(24px,3vw,36px);padding:14px;border-radius:var(--o-r);
  background:rgba(255,255,255,.04);border:1px solid var(--o-line-d);color:var(--o-text-l);text-decoration:none;transition:border-color var(--o-t1),background-color var(--o-t1)}
.h-ind-proof:hover{border-color:rgba(255,107,107,.45);background:rgba(255,255,255,.06)}
.h-ind-proof .o-browser{display:block;box-shadow:none}
.h-ind-proof .o-browser-bar{height:16px;padding:0 6px}
.h-ind-proof .o-browser-bar i{width:5px;height:5px}
.h-ind-proof > span:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.h-ind-proof b{font-family:var(--font-head);font-size:17px}
.h-ind-proof small{font-size:14.5px;line-height:1.45;color:var(--o-muted-l)}
.h-ind-proof > svg{width:18px;height:18px;color:#ff8a8a}
@media (max-width:760px){.h-ind-proof{grid-template-columns:110px 1fr}.h-ind-proof > svg{display:none}}

/* segmentos: cliente real */
.h-seg-client{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:14.5px;color:#fff}
.h-seg-client b{font-family:var(--font-head)}

/* equipe: só a dupla, maior */
.h-team-duo .o-img{aspect-ratio:3/2}

@media (max-width:760px){
  .h-hero{padding:28px 0 48px}
  .h-hero h1{margin-bottom:16px}
  .h-trust{margin-top:28px;padding-top:20px}
  .h-seg-btn,.h-seg-item.open .h-seg-btn{min-height:52px}
  .h-method{row-gap:22px}
  .h-diff-grid{gap:16px}
}
@media (prefers-reduced-motion:reduce){.h-ctl-dot,.h-ctl b,.h-ctl p{transition:none}}
.h-ind-proof .o-tag{align-self:flex-start}


/* ================================================================ rodada de conversão (13/10): topo com resultado, oferta no meio, celular mais curto */

/* sobretítulo em 2 linhas no celular, sem o ponto pendurado */
.h-eb-br{display:none}
.h-eb-dot{font-style:normal}
.h-hero .o-micro-cta{margin-top:14px}
.h-proof-line{margin-top:22px;padding-top:18px;border-top:1px solid var(--o-line-d)}
.h-proof-line li{font-size:14.5px}

/* selo "Cliente Órus" legível no cartão aberto (fundo escuro dentro de seção clara) */
.h-seg-item.open .o-tag-real{background:rgba(74,222,128,.14);color:var(--o-ok-hi)}

.h-svc-price{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--o-text-d)}

@media (max-width:760px){
  .h-eb-dot{display:none}
  .h-eb-br{display:inline}
  .h-hero .eyebrow{align-items:flex-start;line-height:1.5}
  .h-hero .eyebrow::before{margin-top:10px}
  .h-hero .o-lede{font-size:17px}
  .h-proof-line{margin-top:18px;padding-top:14px;gap:4px 14px}
  .h-proof-line li{font-size:13.5px}

  /* linha do tempo do hero: só os títulos no celular */
  .h-tl{padding:16px}
  .h-tl-t small{display:none}
  .h-tl-list li{padding:7px 0}
  .h-tl-head{padding-bottom:10px}

  /* números: sempre 2x2, sem setas */
  .h-proof-sec{padding:40px 0}
  .h-proof-head{margin-bottom:18px}
  .h-proof-arrow{display:none}
  .h-proof li > span:last-child{margin-top:8px;font-size:13.5px;line-height:1.4}
  .h-proof b{font-size:clamp(26px,8vw,34px)}

  /* circuito: grade de 2 colunas */
  .h-ctl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-left:0;max-width:none}
  .h-ctl-line{display:none}
  .h-ctl li{grid-template-columns:1fr;gap:8px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
  .h-ctl li.on{border-color:rgba(255,107,107,.45)}
  .h-ctl-dot{width:38px;height:38px;border-radius:12px}
  .h-ctl b{font-size:16px}
  .h-ctl p{font-size:13.5px;line-height:1.45}

  /* diferença: sem as peças ilustradas */
  .h-pieces{display:none}
  .h-diff-col{padding:18px}

  /* indústria */
  .h-ind-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .h-ind-search{display:none}
  .h-ind-foot{margin-top:24px;padding-top:20px}
  .h-ind-foot p{display:none}

  /* método 2x2 */
  .h-method{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:22px}
  .h-method h3{font-size:17px}
  .h-method p{font-size:14px;line-height:1.5}

  /* equipe */
  .h-team-main{aspect-ratio:16/10}
  .h-team-hands .h-team-card{display:none}
  .h-team-copy .o-head{margin-bottom:16px}
}
@media (max-width:400px){
  .h-proof{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .h-proof li,.h-proof li + li{padding-left:0;border-left:0;border-top:0}
  .h-proof li:nth-child(even){padding-left:14px;border-left:1px solid var(--o-line-l)}
  .h-proof li:nth-child(n+3){border-top:1px solid var(--o-line-l)}
}

@media (max-width:760px){
  .h-proof-head{display:none}
  .h-proof-sec{padding:28px 0}
  .h-ctl p{display:none}
  .h-ctl li{padding:12px;align-items:center;grid-template-columns:38px 1fr;gap:10px}
  .h-ind-path,.h-ind-proof{display:none}
  .h-svc .h-demo .scene,.h-svc.big .h-demo .scene,.h-svc .h-real,.h-svc.big .h-real{height:200px}
  .h-svc.big .h-demo .scene,.h-svc.big .h-real{height:200px}
  #resultados .o-lede,.o-case-did,.o-case-more{display:none}
  .h-seg-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .h-seg-item.open{grid-column:1/-1}
  .h-seg-btn,.h-seg-item.open .h-seg-btn{padding:10px;gap:8px;min-height:48px}
  .h-seg-ic{width:30px;height:30px;border-radius:9px}
  .h-seg-ic svg{width:16px;height:16px}
  .h-seg-name{font-size:13.5px}
  .h-seg-plus{display:none}
  .h-seg-head .o-lede{display:none}
}
@media (max-width:760px){
  .h-tl{display:none}
  .h-hero{padding-bottom:36px}
  .h-team-hands{display:none}
  .h-work-stage{height:270px}
  .h-work-stage > .h-work-img,.h-work-stage .o-vid{max-height:234px;height:auto}
  .h-work-stage .o-vid{height:234px}
}

/* Circuito guiado pela rolagem: a trilha dá o espaço de rolagem e o miolo fica preso na tela */
.h-circuit-track{position:relative;height:calc(100svh + var(--n) * 38svh);margin-top:clamp(8px,2vw,24px)}
.h-circuit-stick{position:sticky;top:var(--o-header,72px);height:calc(100svh - var(--o-header,72px));display:flex;align-items:center}
.h-circuit{width:100%}
.h-c-stack{display:grid}
.h-c-info{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .35s var(--o-ease),transform .35s var(--o-ease),visibility 0s .35s;animation:none}
.h-c-info.on{opacity:1;visibility:visible;transform:none;transition:opacity .35s var(--o-ease),transform .35s var(--o-ease)}
.h-c-ctrl{gap:14px}
.h-c-prog{max-width:220px}
.h-c-prog i{transition:transform .15s linear}
.h-c-hint{font-size:13.5px;color:var(--o-faint-l)}
.h-ring-fill{transition:stroke-dashoffset .2s linear}
.h-pulse{transition:transform .5s var(--o-ease)}
@media (max-width:960px){
  .h-circuit-track{height:calc(100svh + var(--n) * 34svh)}
  .h-circuit{gap:14px;align-content:center}
  .h-ring,.h-c-nodes{width:min(100%,40svh,340px);justify-self:center}
  .h-c-node{font-size:11.5px;gap:4px}
  .h-c-node svg{width:16px;height:16px;padding:10px;border-radius:12px}
  .h-ring-core small{display:none}
  .h-c-panel{text-align:center;align-items:center}
  .h-c-info h3{font-size:26px}
  .h-c-info > p:not(.o-kicker):not(.h-c-who){margin:8px auto 0;font-size:15.5px;line-height:1.45}
  .h-c-who{margin-top:12px;margin-bottom:6px}
  .h-c-links{justify-content:center}
  .h-c-links a{min-height:40px;font-size:14px;padding:0 14px}
  .h-c-ctrl{margin-top:14px;padding-top:12px;justify-content:center;flex-direction:column;gap:8px}
  .h-c-prog{width:160px;flex:none}
}
@media (max-height:700px) and (max-width:960px){.h-c-who,.h-c-links{display:none}}
@media (prefers-reduced-motion:reduce){.h-c-info,.h-c-info.on,.h-ring-fill,.h-pulse,.h-c-prog i{transition:none}}
.h-circuit-sec{overflow:visible}
@media (min-width:961px){.h-circuit{grid-template-columns:minmax(0,min(560px,calc(100svh - 150px))) minmax(0,1fr)}}
@media (max-width:960px){.h-circuit-stick{height:calc(100svh - var(--o-header,72px) - 78px)}.h-c-hint{display:none}.h-c-ctrl{border-top:0;padding-top:0}}


/* ================================================================ Raio-X do Funil em 4 passos (14/10): o quiz substitui o "destravar",
   a oferta do meio e o formulário do fim. Computador: título e entregáveis à esquerda, quiz à direita.
   Celular: título curto, quiz (cada passo cabe inteiro em 390x844) e os entregáveis logo abaixo. */
.h-quiz{padding:clamp(28px,3.4vw,48px) 0 var(--section-sm)}
.h-qz-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"head form" "get form";column-gap:clamp(28px,4vw,56px);align-items:start}
.h-qz-head{grid-area:head;margin-bottom:26px}
.h-qz-head .o-title{font-size:clamp(30px,2.9vw,40px)}
.h-qz-head .o-lede{margin-top:14px;font-size:16.5px}
.h-qz-form{grid-area:form;position:sticky;top:calc(var(--o-header) + 16px)}
.h-qz-get{grid-area:get}
.h-quiz .o-form{background:var(--o-paper);box-shadow:0 40px 80px -50px rgba(20,20,22,.45),0 0 0 1px var(--o-line-l)}
.h-quiz .form-title{display:none}
.h-quiz .o-form.is-steps .o-progress{margin-top:0;font-weight:600;color:var(--o-text-d)}
.h-qz-get .o-kicker{margin-bottom:10px;color:var(--o-text-d)}
.h-qz-list{list-style:none}
.h-qz-list li{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:12px 0;border-top:1px solid var(--o-line-l)}
.h-qz-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--o-ink);color:#fff}
.h-qz-ic svg{width:17px;height:17px}
.h-qz-list b{display:block;font-family:var(--font-head);font-size:15.5px;line-height:1.3}
.h-qz-list li > div > span{display:block;margin-top:2px;font-size:14px;line-height:1.45;color:var(--o-muted-d)}
.h-qz-keep{display:flex;gap:10px;align-items:flex-start;margin-top:6px;padding:12px 14px;border-radius:12px;background:rgba(21,128,61,.08);font-size:14.5px;font-weight:600;line-height:1.4}
.h-qz-keep svg{width:18px;height:18px;flex-shrink:0;margin-top:1px;color:var(--o-ok)}

/* fim da página: CTA curto que volta ao quiz */
.h-end{padding:var(--section-sm) 0}
.h-end-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(640px 320px at 88% 0,rgba(204,41,41,.3),transparent 70%)}
.h-end-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,56px);align-items:end}
.h-end .o-title{max-width:720px}
.h-end-cta{display:grid;justify-items:start}
.h-end-cta .o-micro-cta{max-width:320px;color:var(--o-faint-l)}

@media (max-width:960px){
  .h-qz-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"head" "form" "get"}
  .h-qz-form{position:static}
  .h-qz-head{margin-bottom:18px}
  .h-qz-get{margin-top:24px}
  .h-qz-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
  .h-end-in{grid-template-columns:1fr;align-items:start}
}
@media (max-width:760px){
  .h-quiz{padding:20px 0 40px}
  .h-qz-head{margin-bottom:14px}
  .h-diff .h-pieces.linked{display:none}
  .h-qz-head .o-title{font-size:clamp(24px,6.6vw,28px)}
  .h-qz-head .o-lede{display:none}
  .h-qz-head .eyebrow{margin-bottom:10px}
  .h-quiz .o-form{padding:14px 14px 16px}
  .h-quiz .o-form.is-steps .o-progress{margin-bottom:10px}
  .h-quiz .o-step legend{margin-bottom:10px;font-size:17px}
  .h-quiz .o-hint{margin:-4px 0 10px}
  .h-quiz .o-step-nav{margin-top:10px}
  .h-quiz .o-step-nav .btn{padding:13px 18px}
  .h-quiz .trust-mini{margin-top:12px;padding-top:12px;gap:6px 14px}
  .h-qz-list{grid-template-columns:1fr}
  .h-qz-list li{padding:10px 0}
  .h-end-cta,.h-end-cta .btn{width:100%}
  .h-end-cta .o-micro-cta{max-width:none;text-align:center}
}
/* celulares baixos (iPhone SE, Androids de 640 a 760 px): passo 1 inteiro e o Continuar na tela */
@media (max-width:760px) and (max-height:780px){
  .h-quiz{padding-top:12px}
  .h-quiz .o-head{margin-bottom:10px}
  .h-quiz .o-head h2{font-size:22px}
  .h-quiz .o-hint{display:none}
  .h-quiz .o-tiles{gap:6px}
  .h-quiz .o-tile{padding:7px 10px;min-height:44px;align-items:center}
  .h-quiz .o-tile > span{display:flex;align-items:center;gap:8px;padding-right:20px}
  .h-quiz .o-tile-ic{width:24px;height:24px;margin:0;flex:none;border-radius:7px}
  .h-quiz .o-tile-ic svg{width:13px;height:13px}
  .h-quiz .o-tile b{font-size:13.5px;line-height:1.2}
  .h-quiz .o-tile small{display:none}
  .h-quiz .o-tile > span::before{top:50%;margin-top:-8px}
}
@media (max-width:760px) and (max-height:690px){.h-quiz h2{display:none}.h-quiz .eyebrow,.h-quiz .o-eyebrow{margin-bottom:8px}}