/* ============================================================
   Visual novo em comparação (30/09/2026) · código próprio da VOUAR
   Tema claro com faixa escura; título grande sem serifa; cartões em grade.
   Carregado só pela página de comparação.
   ============================================================ */
body:has(.rx){background:#FFFFFF;color:#33475B}
.rx{--ink:#0A1B2E;--txt:#33475B;--mut:#5E6E7E;--line:rgba(10,27,46,.09);--soft:#F7F5EF;--gold:#C49A2A;--blue:#2D6BE4;
  font-family:var(--font);color:var(--txt)}
.rx *{letter-spacing:normal}

.rx-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.rx-wrap--wide{max-width:1240px}
.rx-eyebrow{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8A6A18;margin-bottom:14px}
.rx-eyebrow--dark{color:#D9AE4B}
.rx h1,.rx-h2,.rx h3{font-family:var(--font);color:var(--ink)}
.rx-h2{font-size:clamp(34px,4.6vw,58px);font-weight:600;line-height:1.02;letter-spacing:-.035em!important;max-width:18ch}
.rx h3{font-size:19px;font-weight:600;letter-spacing:-.01em!important;margin:0 0 6px}
.rx-lead{font-size:18px;line-height:1.6;color:var(--mut);max-width:58ch;margin-top:18px}

/* botões em pílula */
.rx-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;background:var(--ink);color:#fff!important;font-weight:600;font-size:15.5px;text-decoration:none!important;box-shadow:0 1px 2px rgba(10,27,46,.25);transition:transform .15s,background .2s}
.rx-btn:hover{transform:translateY(-1px);background:#16324F}
.rx-btn--ghost{background:rgba(255,255,255,.6);color:var(--ink)!important;box-shadow:inset 0 0 0 1px rgba(10,27,46,.14)}
.rx-btn--ghost:hover{background:#fff}
.rx-btn--light{background:#F5F2EA;color:var(--ink)!important}
.rx-btn--light:hover{background:#fff}
.rx-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.rx-link{display:inline-block;margin-top:22px;font-weight:600;color:var(--blue);text-decoration:none!important}
.rx-link::after{content:" →"}

/* 1 · topo em cartão com gradiente */
.rx-hero{padding:10px 10px 0}
.rx-hero__card{border-radius:28px;padding:clamp(72px,11vw,150px) 0 clamp(64px,9vw,120px);position:relative;overflow:hidden;
  background:
    radial-gradient(60% 80% at 100% 100%, rgba(45,107,228,.55), transparent 60%),
    radial-gradient(50% 70% at 85% 20%, rgba(111,161,247,.45), transparent 65%),
    radial-gradient(60% 70% at 25% 80%, rgba(217,174,75,.55), transparent 60%),
    linear-gradient(115deg,#FBF7EC 0%,#F6E7BE 40%,#E8D3A1 55%,#C9D8F3 80%,#9DB9F0 100%);
  box-shadow:inset 0 0 0 1px rgba(10,27,46,.05)}
.rx-hero h1{font-size:clamp(46px,8.4vw,112px);font-weight:600;line-height:.95;letter-spacing:-.045em!important;max-width:14ch;margin:26px 0 0}
.rx-hero__sub{font-size:clamp(18px,2vw,22px);line-height:1.5;color:#26384B;max-width:40ch;margin-top:28px}
.rx-pill{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:999px;background:rgba(10,27,46,.10);color:var(--ink);font-size:13.5px;font-weight:500;text-decoration:none!important}
.rx-pill b{background:var(--ink);color:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}
.rx-pill:hover{background:rgba(10,27,46,.16)}

.rx-marquee{overflow:hidden;padding:30px 0;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.rx-marquee__track{display:flex;gap:56px;width:max-content;animation:rx-slide 38s linear infinite}
.rx-marquee span{font-weight:600;font-size:17px;color:#7A8896;white-space:nowrap}
@keyframes rx-slide{to{transform:translateX(-50%)}}

/* seções */
.rx-sec{padding:clamp(72px,9vw,128px) 0}
.rx-sec--soft{background:var(--soft)}

/* 2 · a tela do produto */
.rx-app{margin-top:44px;border-radius:18px;background:#fff;overflow:hidden;
  box-shadow:0 0 0 1px rgba(10,27,46,.08),0 30px 80px -20px rgba(45,107,228,.35),0 20px 50px -30px rgba(196,154,42,.45)}
.rx-app__bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:#FBFBFA}
.rx-app__bar i{width:11px;height:11px;border-radius:50%;background:#E2E5E9}
.rx-app__bar span{margin-left:10px;font-size:12.5px;color:#7A8896}
.rx-app__body{display:grid;grid-template-columns:240px 1fr;min-height:360px}
.rx-app__side{border-right:1px solid var(--line);padding:18px 12px;background:#FCFBF8;display:flex;flex-direction:column;gap:4px}
.rx-app__side p{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#8A96A3;padding:0 10px 8px}
.rx-app__side button{font:inherit;text-align:left;cursor:pointer;border:0;background:transparent;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:1px;color:var(--ink)}
.rx-app__side button span{font-weight:600;font-size:15px}
.rx-app__side button small{font-size:12.5px;color:#2D6BE4}
.rx-app__side button:hover{background:#F2F0EA}
.rx-app__side button[aria-selected="true"]{background:#fff;box-shadow:0 0 0 1px rgba(10,27,46,.08),0 4px 12px -6px rgba(10,27,46,.2)}
.rx-app__side .rx-dono small{color:#8A6A18}
.rx-app__side .rx-dono{margin-top:auto;border:1px dashed rgba(196,154,42,.5)}
.rx-app__main{padding:clamp(20px,3vw,34px)}
.rx-app__main.on{animation:rx-in .35s ease-out}
@keyframes rx-in{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
.rx-app__meta{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8A96A3}
.rx-q{margin:12px 0 22px;display:inline-block;background:#EEF3FB;color:#16324F;border-radius:14px 14px 14px 4px;padding:12px 16px;font-size:17px;line-height:1.45;max-width:560px}
.rx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rx-steps div{border:1px solid var(--line);border-radius:12px;padding:14px}
.rx-steps div:first-child{background:#FBF5E3;border-color:rgba(196,154,42,.35)}
.rx-steps span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#8A96A3;margin-bottom:6px}
.rx-steps b{font-weight:500;font-size:15px;line-height:1.5;color:#22313F}
.rx-app__src{margin-top:16px;font-size:13px;color:#8A6A18}
.rx-caption{margin-top:14px;font-size:13.5px;color:#8A96A3;text-align:center}

/* 3 · cartões em grade */
.rx-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.rx-card{background:#fff;border-radius:22px;padding:14px 14px 26px;box-shadow:0 0 0 1px rgba(10,27,46,.06),0 12px 30px -18px rgba(10,27,46,.25)}
.rx-card>.rx-eyebrow,.rx-card>h3,.rx-card>p{padding:0 12px}
.rx-card>.rx-eyebrow{margin:20px 0 8px}
.rx-card>p{font-size:15.5px;line-height:1.55;color:var(--mut)}
.rx-card--tall{grid-row:span 2}
.rx-card__shot{border-radius:14px;background:linear-gradient(160deg,#F7F2E4,#EEF3FB);padding:18px;min-height:170px}
.rx-sheet{background:#fff;border-radius:10px;padding:16px;box-shadow:0 0 0 1px rgba(10,27,46,.06),0 10px 24px -14px rgba(10,27,46,.3)}
.rx-sheet__code{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#8A96A3}
.rx-sheet__code em{font-style:normal;color:#1E6B52}
.rx-sheet__title{font-weight:600;font-size:18px;color:var(--ink);margin:6px 0 10px}
.rx-sheet__row{font-size:14px;line-height:1.5;color:#33475B;padding:9px 0;border-top:1px solid var(--line)}
.rx-sheet__row span,.rx-sheet__yours>span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8A96A3;margin-bottom:3px}
.rx-sheet__yours{background:#FBF5E3;border-radius:8px;padding:10px 12px;margin:4px 0}
.rx-sheet__yours>span{color:#8A6A18}
.rx-sheet__yours label{display:block;font-size:13px;color:#5E6E7E;margin:8px 0 5px}
.rx-seg{display:flex;flex-wrap:wrap;gap:6px}
.rx-seg button{font:inherit;font-weight:600;font-size:13.5px;min-width:38px;padding:5px 10px;border-radius:999px;cursor:pointer;background:#fff;color:#5E6E7E;border:1px solid #DDD3B8}
.rx-seg button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.rx-card__shot--chat{display:flex;flex-direction:column;justify-content:center;gap:8px}
.rx-msg{font-size:14px;line-height:1.45;padding:10px 13px;border-radius:14px;max-width:90%;margin:0}
.rx-msg--in{background:#fff;color:#22313F;border-bottom-left-radius:4px;box-shadow:0 0 0 1px rgba(10,27,46,.06)}
.rx-msg--out{background:var(--ink);color:#F5F2EA;margin-left:auto;border-bottom-right-radius:4px}
.rx-msg--warn{background:#FBF5E3;color:#6A4E0C;box-shadow:0 0 0 1px rgba(196,154,42,.4)}
.rx-msg.pulse{animation:rx-pulse .5s ease-out}
@keyframes rx-pulse{0%{transform:scale(.97);opacity:.6}100%{transform:none;opacity:1}}
.rx-card__shot--nums{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center}
.rx-card__shot--nums div{background:#fff;border-radius:10px;padding:14px 8px;text-align:center;box-shadow:0 0 0 1px rgba(10,27,46,.06)}
.rx-card__shot--nums b{display:block;font-size:30px;font-weight:600;letter-spacing:-.03em;color:var(--ink)}
.rx-card__shot--nums span{font-size:12px;color:#5E6E7E}
.rx-card__shot--depth{display:flex;flex-direction:column;justify-content:center;gap:8px}
.rx-card__shot--depth p{background:#fff;border-radius:10px;padding:10px 12px;font-size:14px;color:#33475B;box-shadow:0 0 0 1px rgba(10,27,46,.06)}
.rx-card__shot--depth span{display:inline-block;min-width:74px;font-weight:600;color:var(--ink)}

/* 4 · faixa escura */
.rx-dark{padding:0 10px}
.rx-dark__card{border-radius:28px;background:radial-gradient(70% 60% at 90% 0%,rgba(45,107,228,.22),transparent 60%),#0A1B2E;padding:clamp(72px,9vw,120px) 0;color:#C9D4DF}
.rx-dark .rx-h2,.rx-dark h3{color:#F5F2EA}
.rx-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}
.rx-stages article{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px}
.rx-stages article span{font-family:var(--mono);font-size:12px;color:#D9AE4B}
.rx-stages article h3{font-size:19px;margin:8px 0 10px}
.rx-stages article p{font-size:15px;line-height:1.5;color:#DCE6EF}
.rx-stages article small{display:block;margin-top:12px;font-size:13.5px;line-height:1.5;color:#93A5B5}
.rx-stages .rx-now{border-color:rgba(217,174,75,.55);background:rgba(217,174,75,.07)}
.rx-dark__note{margin-top:22px;font-size:15px;color:#93A5B5;max-width:72ch}
.rx-impl{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,5vw,64px);margin-top:clamp(64px,8vw,104px);padding-top:clamp(48px,6vw,72px);border-top:1px solid rgba(255,255,255,.08)}
.rx-impl__head p:not(.rx-eyebrow){margin:18px 0 28px;font-size:17px;line-height:1.6;color:#B7C4D1;max-width:48ch}
.rx-impl__cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rx-impl__cols div{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px}
.rx-impl__cols ul{list-style:none;display:grid;gap:10px;margin-top:12px}
.rx-impl__cols li{font-size:15px;line-height:1.45;color:#DCE6EF;padding-left:16px;position:relative}
.rx-impl__cols li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:#6FA1F7}
.rx-impl__cols div:last-child li::before{background:#D9AE4B}

/* 5 · depoimentos */
.rx-people{display:grid;grid-template-columns:1fr 1fr .8fr;gap:16px;margin-top:44px}
.rx-people figure{margin:0;border-radius:22px;overflow:hidden;background:#0A1B2E;position:relative}
.rx-people video{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}
.rx-people figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 16px;background:linear-gradient(transparent,rgba(10,27,46,.9));color:#fff;pointer-events:none}
.rx-people figcaption b{display:block;font-size:16px}
.rx-people figcaption span{font-size:13.5px;color:#C9D4DF}
.rx-people__more{border-radius:22px;background:var(--soft);padding:26px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;text-decoration:none!important;color:var(--ink);box-shadow:0 0 0 1px rgba(10,27,46,.06)}
.rx-people__more b{font-size:20px;font-weight:600;letter-spacing:-.02em}
.rx-people__more span{font-size:14.5px;color:var(--mut)}
.rx-people__more i{font-style:normal;font-size:22px;color:var(--blue);margin-top:8px}

/* 6 · Empresário 5D */
.rx-owner{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(32px,5vw,72px);align-items:center}
.rx-owner__photo{margin:0}
.rx-owner__photo img{width:100%;max-width:380px;border-radius:24px;display:block;box-shadow:0 30px 60px -30px rgba(10,27,46,.5)}
.rx-owner__items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.rx-owner__items div{background:#fff;border-radius:16px;padding:18px;box-shadow:0 0 0 1px rgba(10,27,46,.06)}
.rx-owner__items h3{font-size:16px}
.rx-owner__items p{font-size:14px;line-height:1.5;color:var(--mut)}

/* 7 · fecho */
.rx-end{padding:0 10px 10px}
.rx-end__card{border-radius:28px;text-align:center;padding:clamp(80px,10vw,140px) 0;
  background:radial-gradient(60% 80% at 0% 100%,rgba(217,174,75,.45),transparent 60%),radial-gradient(60% 80% at 100% 0%,rgba(111,161,247,.45),transparent 60%),linear-gradient(135deg,#FBF7EC,#EEF3FB)}
.rx-end .rx-h2{margin:0 auto}
.rx-end .rx-lead{margin:18px auto 30px}
.rx-end__thesis{font-family:var(--font-display);font-style:italic;font-size:clamp(22px,2.6vw,30px);color:#8A6A18;margin-bottom:18px}

/* entrada ao rolar */
.rx-rise{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.rx-rise.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rx-marquee__track{animation:none}.rx-app__main.on,.rx-msg.pulse{animation:none}}

@media(max-width:1000px){
  .rx-bento{grid-template-columns:1fr 1fr}
  .rx-stages{grid-template-columns:1fr 1fr}
  .rx-impl,.rx-owner{grid-template-columns:1fr}
  .rx-people{grid-template-columns:1fr 1fr}
  .rx-people__more{grid-column:1/-1}
  .rx-steps{grid-template-columns:1fr}
}
@media(max-width:700px){
  .rx-wrap{padding:0 16px}
  .rx-hero,.rx-dark,.rx-end{padding-left:6px;padding-right:6px}
  .rx-bento,.rx-stages,.rx-impl__cols,.rx-owner__items,.rx-people{grid-template-columns:1fr}
  .rx-card--tall{grid-row:auto}
  .rx-app__body{grid-template-columns:1fr}
  .rx-app__side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px}
  .rx-app__side p{display:none}
  .rx-app__side button{flex:none}
  .rx-app__side .rx-dono{margin-top:0}
  .rx-owner__photo img{max-width:240px}
}

/* ===== v3: uma pergunta por faixa ===== */
.rx-center{text-align:center}
.rx-center .rx-h2,.rx-center .rx-lead{margin-left:auto;margin-right:auto}
.rx-small{margin-top:22px;font-size:14px;color:#8A96A3}
.rx-demo{margin-top:44px;border-radius:24px;background:#fff;overflow:hidden;
  box-shadow:0 0 0 1px rgba(10,27,46,.08),0 30px 80px -24px rgba(45,107,228,.35),0 20px 50px -30px rgba(196,154,42,.45)}
.rx-demo__tabs{display:flex;gap:6px;padding:12px;border-bottom:1px solid var(--line);background:#FBFBFA;overflow-x:auto}
.rx-demo__tabs button{font:inherit;font-weight:600;font-size:15px;white-space:nowrap;cursor:pointer;border:0;background:transparent;color:#5E6E7E;border-radius:999px;padding:9px 16px}
.rx-demo__tabs button:hover{background:#F2F0EA}
.rx-demo__tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.rx-demo__body{display:grid;grid-template-columns:1.1fr .9fr}
.rx-demo__manual{padding:clamp(22px,3vw,40px)}
.rx-demo__phone{padding:clamp(22px,3vw,40px);background:linear-gradient(160deg,#F7F2E4,#EEF3FB);display:flex;flex-direction:column;gap:10px}
.rx-demo__label{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8A96A3;margin-bottom:10px}
.rx-demo__label--gold{color:#8A6A18}
.rx-demo__title{font-size:clamp(22px,2.4vw,28px);font-weight:600;letter-spacing:-.02em;color:var(--ink);margin-bottom:10px}
.rx-demo__written{font-size:15.5px;line-height:1.55;color:#5E6E7E;max-width:48ch}
.rx-demo__yours{margin-top:22px;background:#FBF5E3;border-radius:16px;padding:18px 18px 8px}
.rx-field{margin-bottom:14px}
.rx-field p{font-size:14.5px;color:#33475B;margin-bottom:8px}
.rx-demo .rx-seg button{font-size:14.5px;padding:7px 14px}
.rx-demo__phone .rx-msg{font-size:16px;max-width:92%}
.rx-demo__phone .rx-msg--out{min-height:3em}
.rx-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.rx-nums div{background:#fff;border-radius:22px;padding:clamp(24px,3vw,40px);box-shadow:0 0 0 1px rgba(10,27,46,.06)}
.rx-nums b{display:block;font-size:clamp(56px,7vw,96px);font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--ink)}
.rx-nums p{margin-top:10px;font-size:17px;color:#5E6E7E}
.rx-path{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;counter-reset:none}
.rx-path li{border-top:2px solid var(--ink);padding-top:20px}
.rx-path li span{font-family:var(--mono);font-size:12px;color:#8A6A18}
.rx-path h3{font-size:24px!important;margin:6px 0 8px!important}
.rx-path p{font-size:16.5px;line-height:1.5;color:#5E6E7E;max-width:28ch}
.rx-stages--simple{grid-template-columns:repeat(4,1fr)}
.rx-stages--simple a{display:block;text-decoration:none!important;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px;transition:background .2s,border-color .2s}
.rx-stages--simple a:hover{background:rgba(255,255,255,.08);border-color:rgba(217,174,75,.5)}
.rx-stages--simple span{font-family:var(--mono);font-size:12px;color:#D9AE4B}
.rx-stages--simple p{margin-top:12px;font-size:17px;line-height:1.45;color:#F5F2EA}
.rx-stages--simple .rx-now{border-color:rgba(217,174,75,.55);background:rgba(217,174,75,.07)}
@media(max-width:1000px){.rx-stages--simple{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.rx-demo__body,.rx-nums,.rx-path{grid-template-columns:1fr}}
@media(max-width:700px){.rx-stages--simple{grid-template-columns:1fr}}
.rx-owner__line{margin-top:22px;font-weight:600;font-size:16px;color:var(--ink)}

/* ===== v5: ritmo mais junto e página fechada ===== */
.rx-sec{padding:clamp(56px,6.5vw,92px) 0}
.rx-hero__card{padding:clamp(64px,9vw,120px) 0 clamp(56px,7vw,96px)}
.rx-marquee{padding:22px 0 6px}
.rx-demo,.rx-flow3,.rx-people{margin-top:32px}
.rx-lead{margin-top:14px}
.rx-dark__card{padding:clamp(56px,6.5vw,92px) 0}
.rx-stages{margin-top:32px}
.rx-end__card{padding:clamp(64px,8vw,112px) 0}
.rx-flow3{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rx-flow3 li{background:#fff;border-radius:22px;padding:clamp(22px,2.6vw,34px);box-shadow:0 0 0 1px rgba(10,27,46,.06);position:relative}
.rx-flow3 li b{display:block;font-size:clamp(52px,6vw,84px);font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--ink)}
.rx-flow3 li h3{position:absolute;top:clamp(22px,2.6vw,34px);right:clamp(22px,2.6vw,34px);font-family:var(--mono)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase;color:#8A6A18!important}
.rx-flow3 li p{margin-top:12px;font-size:16.5px;line-height:1.5;color:#5E6E7E;max-width:30ch}
.rx-flow3 li:nth-child(2){background:linear-gradient(160deg,#FBF5E3,#fff 70%)}
.rx-small a{color:var(--blue);font-weight:600;text-decoration:none!important;white-space:nowrap}
.rx-small a::after{content:" →"}
.rx-owner__photo img{max-width:320px}
.rx-people video{aspect-ratio:3/4}
@media(max-width:800px){.rx-flow3{grid-template-columns:1fr}}
.rx-owner{grid-template-columns:auto 1fr}
.rx-owner__photo img{width:clamp(200px,24vw,300px);height:auto;max-width:none;aspect-ratio:1/1;object-fit:cover;object-position:50% 18%}
@media(max-width:1000px){.rx-owner{grid-template-columns:1fr}.rx-owner__photo img{width:220px}}

/* ===== v8: título em duas linhas; vídeos no formato deles (16:9) ===== */
.rx-hero h1{max-width:none;font-size:clamp(40px,6.2vw,86px)}
.rx-hero h1 span{display:block;white-space:nowrap}
@media(max-width:700px){.rx-hero h1 span{white-space:normal;display:inline}}
.rx-people{grid-template-columns:1fr 1fr}
.rx-people figure{background:transparent;overflow:visible;border-radius:0}
.rx-people video{aspect-ratio:16/9;object-fit:cover;border-radius:18px;background:#0A1B2E;box-shadow:0 20px 40px -24px rgba(10,27,46,.5)}
.rx-people figcaption{position:static;background:none;color:var(--mut);padding:12px 4px 0;font-size:15px;pointer-events:auto}
.rx-people figcaption b{display:inline;color:var(--ink);font-size:15px}
@media(max-width:700px){.rx-people{grid-template-columns:1fr}}
.rx-hero__ex{margin-top:10px;font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8A6A18}

/* ===== fotos (C-122): topo com foto de fundo e faixa de foto entre seções ===== */
.rx-hero__card--foto{
  background:linear-gradient(95deg,rgba(10,27,46,.94) 0%,rgba(10,27,46,.80) 42%,rgba(10,27,46,.35) 100%),var(--foto) var(--foto-pos,center)/cover no-repeat;
  box-shadow:none;color:#DCE6EF}
.rx-hero__card--foto h1,.rx-hero__card--foto h1 *{color:#F5F2EA}
.rx-hero__card--foto p{color:#DCE6EF}
.rx-hero__card--foto .rx-hero__ex{color:#D9AE4B}
.rx-hero__card--foto .rx-pill{background:rgba(255,255,255,.12);color:#F5F2EA}
.rx-hero__card--foto .rx-pill b{background:#F5F2EA;color:#0A1B2E}
.rx-hero__card--foto .rx-btn{background:#F5F2EA;color:#0A1B2E!important}
.rx-hero__card--foto .rx-btn:hover{background:#fff}
.rx-hero__card--foto .rx-btn--ghost{background:rgba(255,255,255,.08);color:#F5F2EA!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.rx-hero__card--foto a:not(.rx-btn):not(.rx-pill){color:#9DBDF5}
@media(max-width:700px){.rx-hero__card--foto{background:linear-gradient(180deg,rgba(10,27,46,.78),rgba(10,27,46,.93)),var(--foto-m,var(--foto)) center/cover no-repeat}}
.rx-strip-wrap{padding-top:clamp(24px,3vw,40px)}
.rx-strip{margin:0;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -34px rgba(10,27,46,.45)}
.rx-strip img{display:block;width:100%;height:auto;aspect-ratio:5/2;object-fit:cover}
@media(max-width:700px){.rx-strip img{aspect-ratio:4/3}}

/* ============================================================
   ESCALA TIPOGRÁFICA ÚNICA (C-125, 30/09/2026)
   Vale para todas as páginas; ganha dos arquivos de cada grupo.
   ============================================================ */
html body .rx-hero h1,html body .rx-hero h1 *{font-size:clamp(30px,4.4vw,60px)!important;line-height:1.04!important;letter-spacing:-.035em!important}
html body .rx-h2,html body .rx h2{font-size:clamp(24px,3vw,40px)!important;line-height:1.08!important;letter-spacing:-.03em!important}
html body .rx h3{font-size:clamp(16px,1.3vw,18px)}
html body .rx-hero__sub{font-size:clamp(16px,1.4vw,19px)!important;line-height:1.5;margin-top:20px}
html body .rx-hero__ex{font-size:11.5px!important;letter-spacing:.14em}
html body .rx-lead{font-size:clamp(15.5px,1.2vw,17px)!important}
html body .rx-pill{font-size:12.5px!important;padding:4px 12px 4px 4px}
html body .rx-pill b{font-size:11px!important;padding:2px 9px}
html body .rx-btn{font-size:14.5px!important;padding:11px 19px!important}
html body .rx-ctas{margin-top:26px}
html body .rx-flow3 li b,html body .r5-nums b,html body .rxc-card>b,html body .rxc-letters b{font-size:clamp(36px,4vw,56px)!important}
html body .rxc-grid--4 .rxc-card>b{font-size:clamp(30px,3vw,44px)!important}
html body .rxc-word p{font-size:clamp(40px,5.4vw,76px)!important}
html body .r5-quote,html body .rxp-promise{font-size:clamp(20px,2.4vw,30px)!important}
html body .rx-end__thesis{font-size:clamp(18px,2vw,24px)!important}
html body .rx-marquee span{font-size:15px}
html body .rx-demo__title{font-size:clamp(19px,2vw,24px)!important}
/* páginas antigas e artigos */
html body h1{font-size:clamp(30px,4.2vw,56px)}
html body h2{font-size:clamp(24px,3vw,40px)}
html body .article h1{font-size:clamp(28px,3.6vw,42px)!important}
html body .article h2{font-size:clamp(21px,2.4vw,28px)!important}
/* cabeçalho */
html body .btn--nav{font-size:13.5px;padding:9px 16px}
html body .nav{height:64px}
@media(max-width:700px){
  html body .rx-hero h1,html body .rx-hero h1 *{font-size:30px!important}
  html body .rx-h2,html body .rx h2{font-size:25px!important}
  html body .rx-hero__card{padding:44px 0 40px!important}
  html body .btn--nav{font-size:13px;padding:8px 14px}
  html body .rx-btn{font-size:14px!important;padding:10px 16px!important}
}

/* topo com foto em todas as páginas: o texto claro ganha dos arquivos de cada grupo */
html body .rx-hero__card--foto h1,html body .rx-hero__card--foto h1 *,html body .rx-hero__card--foto h2{color:#F5F2EA!important}
html body .rx-hero__card--foto p,html body .rx-hero__card--foto li,html body .rx-hero__card--foto small{color:#DCE6EF!important}
html body .rx-hero__card--foto .rx-eyebrow,html body .rx-hero__card--foto [class*="eyebrow"],html body .rx-hero__card--foto .rx-hero__ex{color:#D9AE4B!important}
html body .rx-hero__card--foto .rx-pill,html body .rx-hero__card--foto .rx-pill *{color:#F5F2EA!important}
html body .rx-hero__card--foto .rx-pill b{color:#0A1B2E!important}
html body .rx-hero__card--foto .rx-btn:not(.rx-btn--ghost){background:#F5F2EA!important;color:#0A1B2E!important}
html body .rx-hero__card--foto .rx-btn--ghost{background:rgba(255,255,255,.08)!important;color:#F5F2EA!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)!important}
html body .rx-hero__card--foto img{box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
@media(max-width:700px){html body .rx-small a{white-space:normal}}
/* Nossa história: véu mais claro, para a foto aparecer (C-130) */
.rx-hero__card--foto.rx-hero__card--veu-leve{
  background:linear-gradient(95deg,rgba(10,27,46,.86) 0%,rgba(10,27,46,.55) 45%,rgba(10,27,46,.08) 100%),var(--foto) var(--foto-pos,center)/cover no-repeat}
/* Home: tese do fecho maior; abas da demonstração quebram linha no celular */
html body .rx-end__thesis{font-size:clamp(26px,3.4vw,40px)!important;line-height:1.2}
@media (max-width:700px){.rx-demo__tabs{flex-wrap:wrap;overflow:visible}.rx-demo__tabs button{font-size:14px;padding:8px 13px}}
/* O que temos: a imagem oficial dos três arcos */
.rx-arcos{margin:28px 0 32px;background:#fff;border-radius:20px;padding:clamp(8px,2vw,20px);box-shadow:0 1px 0 rgba(10,27,46,.06)}
.rx-arcos img{display:block;width:100%;height:auto;border-radius:12px}
@media (max-width:700px){.rx-arcos{background:transparent;box-shadow:none;padding:0;margin:20px auto 28px;max-width:340px}.rx-arcos img{border-radius:0}}

/* Velocidade (30/09/2026): no celular, o topo usa a versão de 720 px da foto (-m.webp), já recortada no enquadramento certo */
@media(max-width:700px){.rx-hero__card--foto.rx-hero__card--veu-leve{background:linear-gradient(180deg,rgba(10,27,46,.72),rgba(10,27,46,.88)),var(--foto-m,var(--foto)) center/cover no-repeat}}
/* ===== Demonstração animada da home (30/09/2026): o caminho da regra + início automático ===== */
.rx-demo{position:relative}
.dm-typing{display:inline-flex!important;gap:4px;align-items:center;padding:12px 14px!important;min-height:0!important;width:auto!important}
.dm-typing i{width:7px;height:7px;border-radius:50%;background:#8FA0B3;animation:dm-dot 1s infinite ease-in-out}
.dm-typing i:nth-child(2){animation-delay:.15s}.dm-typing i:nth-child(3){animation-delay:.3s}
@keyframes dm-dot{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}
.dm-new{background:rgba(217,174,75,.62);color:#fff;border-radius:4px;padding:0 2px;transition:background 1.6s ease}
.dm-new.off{background:transparent}
.dm-civ{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin:4px 0 -4px;font-size:12px;color:#5E6E7E}
.dm-civ img{width:18px;height:18px}
.dm-in{animation:dm-in .35s ease-out both}
@keyframes dm-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#dA{display:flex;flex-direction:column;gap:6px;min-height:5.5em}
.dm-rule{transition:background .4s,box-shadow .4s;border-radius:10px}
.dm-rule.lit{background:#FFF6DC;box-shadow:0 0 0 6px #FFF6DC}
.rx-demo .rx-field{border-radius:12px}
.rx-demo .rx-field.lit{animation:dm-lit 1.2s ease-out}
@keyframes dm-lit{20%{box-shadow:0 0 0 6px rgba(196,154,42,.35)}100%{box-shadow:0 0 0 0 rgba(196,154,42,0)}}
.dm-flow{position:absolute;left:calc(55% - 18px);top:55%;width:36px;height:2px;background:linear-gradient(90deg,transparent,#C49A2A,transparent);opacity:0;z-index:3;pointer-events:none}
.dm-flow.go{animation:dm-go .7s ease-out}
@keyframes dm-go{0%{opacity:0;transform:translateX(-30px)}40%{opacity:1}100%{opacity:0;transform:translateX(30px)}}
.dm-steps{margin:-2px 0 6px}
.dm-step{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8A96A3;display:flex;gap:8px;align-items:center;margin:2px 0}
.dm-step b{display:inline-block;width:8px;height:8px;border-radius:50%;background:#D8DEE5;transition:background .3s}
.dm-step.on b{background:#C49A2A}
.dm-step.ok b{background:#2E8B57}
.dm-cursor{position:absolute;left:0;top:0;width:26px;height:26px;pointer-events:none;z-index:5;transition:transform .8s cubic-bezier(.4,.1,.2,1),opacity .3s;opacity:0}
.dm-cursor svg{filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.dm-cursor.click::after{content:"";position:absolute;left:-8px;top:-8px;width:26px;height:26px;border-radius:50%;border:2px solid #C49A2A;animation:dm-ring .5s ease-out}
@keyframes dm-ring{from{transform:scale(.4);opacity:1}to{transform:scale(1.4);opacity:0}}
.dm-hint{position:absolute;right:14px;top:62px;font-size:12px;color:#8A6A18;background:#FBF5E3;border-radius:999px;padding:4px 10px;opacity:0;transition:opacity .3s;pointer-events:none;z-index:4}
.dm-hint.on{opacity:1}
@media(max-width:800px){.dm-flow{display:none}.dm-hint{top:auto;bottom:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.dm-typing i,.dm-in,.dm-flow.go,.rx-demo .rx-field.lit,.dm-cursor,.dm-hint{animation:none!important;transition:none!important}.dm-cursor,.dm-hint{display:none}}