/* ============================================================
   CLEARWAY — espinha estrutural de backhouse.com
   Tokens medidos em D:\Acervo Extraido\agencias-e-studios-web\backhouse.com
   fundo #171717 · tinta #ececec 15.18:1 · âmbar #a18b6f 5.5:1
   teal #82c7ba 9.24:1 · destaque #ed9002 7.33:1
   escala 112·80·64·48·24·18·16·12 · raios 45px / 1920px
   Roobert (comercial) substituída por General Sans (Fontshare, livre)
   Roobert Mono TRIAL substituída por JetBrains Mono (OFL)
   ============================================================ */

:root{
  --ink:#171717;
  --carbon:#000;
  --fog:#ececec;
  --amber:#a18b6f;
  --pale:#d5cdc3;
  --wash:#fff3e4;
  --teal:#82c7ba;
  --deep-teal:#285c51;
  --electric:#ed9002;
  --electric-2:#db8300;

  --f-display:'General Sans','Helvetica Neue',Arial,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,monospace;

  --s-112:clamp(46px,7.2vw,112px);
  --s-80:clamp(36px,5.1vw,80px);
  --s-64:clamp(30px,4.1vw,64px);
  --s-48:clamp(24px,3.1vw,48px);
  --s-24:clamp(18px,1.55vw,24px);
  --s-18:clamp(15px,1.18vw,18px);
  --s-16:16px;
  --s-12:12px;

  --gut:clamp(20px,2.1vw,40px);
  --r:45px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ink);color:var(--fog);
  font-family:var(--f-display);font-weight:500;
  font-size:var(--s-18);line-height:1.3;letter-spacing:-.025em;
  overflow-x:hidden;
}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol,dl,dd{margin:0;padding:0;list-style:none}
h1,h2,h3,p,figure,blockquote{margin:0}
button,input,textarea{font:inherit;color:inherit}
::selection{background:var(--electric);color:var(--carbon)}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px}

/* ---------- utilitários ---------- */
.eyebrow,.tag,.mono{
  font-family:var(--f-mono);font-size:var(--s-12);font-weight:400;
  letter-spacing:.14em;text-transform:uppercase;line-height:1.3;
}
/* rótulo numerado: [01] ▌▌ NOME — a cápsula do original */
.tag{
  display:inline-flex;align-items:center;gap:8px;font-size:11px;
  border:1px solid currentColor;border-radius:var(--r);
  padding:4px 12px 4px 4px;
}
.tag b{
  border:1px solid currentColor;border-radius:calc(var(--r) - 4px);
  padding:2px 6px;font-weight:400;
}
.tag i{
  width:14px;height:14px;flex:none;background:
    repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 5px);
}

/* ---------- fundo: anéis concêntricos ---------- */
.rings{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  color:rgba(236,236,236,.055);
}
.rings svg{width:100%;height:100%}

/* ---------- canvas da cena 3D ---------- */
#gl{
  position:fixed;inset:0;width:100%;height:100%;
  z-index:1;pointer-events:none;
}

/* ---------- navegação ---------- */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:40;
  display:flex;align-items:flex-start;justify-content:space-between;
  padding:var(--gut);
}
/* scrim do topo: o gradiente medido no original */
.nav::before{
  content:"";position:absolute;top:0;left:0;right:0;z-index:-1;
  height:clamp(120px,19vh,210px);pointer-events:none;
  background:linear-gradient(rgba(23,23,23,.92),rgba(23,23,23,.55) 42%,rgba(23,23,23,0));
  transition:background .25s;
}
.nav__list{display:grid;gap:5px}
.nav__list a{
  font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;display:inline-flex;gap:10px;
  opacity:.9;transition:opacity .15s;
  text-shadow:0 1px 10px rgba(0,0,0,.55);
}
.nav__list a:hover{opacity:.5}
.nav__list i{font-style:normal;opacity:.65}
.nav__mark{position:absolute;left:50%;top:var(--gut);transform:translateX(-50%);color:var(--fog);filter:drop-shadow(0 1px 10px rgba(0,0,0,.55))}
.nav__mark svg{width:42px;height:28px}
.nav__cta{
  background:var(--fog);color:var(--carbon);border-radius:var(--r);
  padding:11px 20px;font-size:var(--s-16);letter-spacing:-.02em;
  display:inline-flex;gap:8px;align-items:center;
  transition:background .15s,transform .15s;
}
.nav__cta:hover{background:var(--teal);transform:translateY(-1px)}
.nav__cta span{transition:transform .15s}
.nav__cta:hover span{transform:translateX(3px)}

/* sobre a folha clara, o nav inverte */
body.on-light .nav{color:var(--carbon)}
body.on-light .nav::before{
  background:linear-gradient(rgba(255,243,228,.95),rgba(255,243,228,.62) 42%,rgba(255,243,228,0));
}
body.on-light .nav__list a{text-shadow:none}
body.on-light .nav__mark{color:var(--carbon);filter:none}
body.on-light .nav__cta{background:var(--carbon);color:var(--wash)}
body.on-light .nav__cta:hover{background:var(--deep-teal);color:var(--fog)}

/* ---------- 01 · HERO ---------- */
main{position:relative;z-index:2}

.hero{
  min-height:100svh;position:relative;
  display:flex;flex-direction:column;justify-content:center;
  padding:0 0 clamp(40px,7vh,90px);
}
.hero__line{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;padding:0 var(--gut);gap:var(--gut);
}
.hero__stage{flex:0 1 clamp(220px,34vw,660px);height:1px}
.hero__word{
  font-size:var(--s-112);font-weight:500;line-height:1;letter-spacing:-.04em;
  white-space:nowrap;
}
.hero__word--rot{text-align:right;position:relative}
.rot{display:inline-block;will-change:filter,transform,opacity}
.hero__foot{
  position:absolute;left:0;right:0;bottom:clamp(28px,5vh,56px);
  display:grid;justify-items:center;gap:clamp(14px,3vh,34px);
}
.hero__arrow{font-size:var(--s-16);opacity:.85;animation:bob 2.4s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}
.hero__sub{
  font-size:var(--s-48);line-height:1.05;letter-spacing:-.025em;text-align:center;
}

/* ---------- citação + aviso ---------- */
.strip{position:relative;padding:clamp(130px,22vh,260px) 0 0}
.quote{
  max-width:845px;margin:0 auto;padding:0 var(--gut);text-align:center;
}
.quote p{
  font-size:var(--s-24);line-height:1.3;letter-spacing:-.025em;
  text-shadow:0 2px 18px rgba(0,0,0,.55);
}
.quote cite{
  display:block;margin-top:14px;font-style:normal;
  font-family:var(--f-mono);font-size:var(--s-12);letter-spacing:.14em;
  text-transform:uppercase;color:rgba(236,236,236,.78);
  text-shadow:0 2px 14px rgba(0,0,0,.6);
}
.warn{
  margin-top:clamp(50px,9vh,110px);overflow:hidden;
  border-top:1px solid rgba(236,236,236,.16);
  border-bottom:1px solid rgba(236,236,236,.16);
  padding:13px 0;background:rgba(23,23,23,.55);backdrop-filter:blur(6px);
}
.warn__track{display:flex;gap:64px;width:max-content;animation:slide 34s linear infinite}
.warn__track span{
  font-family:var(--f-mono);font-size:var(--s-12);letter-spacing:.12em;
  text-transform:uppercase;color:var(--electric);white-space:nowrap;
}
@keyframes slide{to{transform:translateX(-50%)}}

/* ---------- 04 · MÉTRICA + SOBRE ---------- */
.about{padding:clamp(90px,16vh,190px) 0 clamp(70px,12vh,150px)}
.about__grid{
  display:grid;grid-template-columns:1fr 1.18fr;gap:0;
  padding:0 var(--gut);align-items:start;
}
.about__body{border-left:1px solid rgba(236,236,236,.28);padding-left:clamp(24px,3vw,56px)}
.stat{padding-right:clamp(24px,3vw,56px)}
.stat__num{font-size:var(--s-112);line-height:1;letter-spacing:-.04em}
.stat__label{margin-top:8px;font-size:var(--s-24);line-height:1.3;max-width:20ch}
.stat__src{
  margin-top:22px;font-family:var(--f-mono);font-size:var(--s-12);
  letter-spacing:.14em;text-transform:uppercase;color:var(--pale);
}
.about__prose{margin-top:clamp(26px,4vh,48px);display:grid;gap:clamp(20px,3vh,38px)}
.about__prose p{font-size:var(--s-48);line-height:1.05;letter-spacing:-.025em;max-width:22ch}
.about__prose p:first-child{max-width:18ch}
.partners{margin-top:clamp(50px,9vh,110px)}
.partners .eyebrow{color:var(--pale)}
.partners ul{
  margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(16px,2.4vw,40px) clamp(10px,2vw,32px);
}
.partners li{
  font-size:var(--s-24);letter-spacing:-.03em;text-align:center;
  opacity:.9;transition:opacity .15s;
}
.partners li:hover{opacity:.5}

/* ---------- 05 · O QUE MUDA ---------- */
.problem{height:210vh;position:relative}
.problem__pin{
  height:100svh;display:grid;place-items:center;position:relative;
  overflow:hidden;
}
.tag--float{position:absolute;top:clamp(90px,13vh,140px);left:50%;transform:translateX(-50%);z-index:3}
.problem__title{
  position:relative;z-index:3;font-size:var(--s-64);line-height:1.05;
  letter-spacing:-.025em;text-align:center;text-wrap:balance;
}
.problem__title em{font-style:normal;color:rgba(236,236,236,.45)}
.problem__field{
  position:absolute;inset:0;z-index:2;
  perspective:1200px;transform-style:preserve-3d;
}
.problem__field span{
  position:absolute;left:calc(50% + var(--x));top:calc(50% + var(--y));
  transform:translate(-50%,-50%) translateZ(var(--z)) rotate(var(--r));
  font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  white-space:nowrap;padding:7px 12px;
  background:rgba(236,236,236,.9);color:var(--carbon);
  box-shadow:0 18px 44px rgba(0,0,0,.5);
  opacity:0;filter:blur(14px);
}
.problem__field span:nth-child(3n){background:rgba(23,23,23,.92);color:var(--fog);outline:1px solid rgba(236,236,236,.22)}
.problem__field span:nth-child(4n){background:rgba(161,139,111,.92);color:var(--carbon)}

/* ---------- 07 · CORTE ---------- */
.cut{
  min-height:100svh;display:grid;place-items:center;
  background:var(--ink);position:relative;z-index:3;
}
.cut h2{
  font-size:var(--s-112);line-height:1;letter-spacing:-.04em;text-align:center;
}
.cut em{font-style:normal;color:var(--electric)}

/* ---------- 08 · O MÉTODO ---------- */
.method{
  background:var(--ink);position:relative;z-index:3;
  padding:clamp(70px,12vh,150px) var(--gut) clamp(90px,16vh,190px);
}
.method__head{display:grid;justify-items:center;gap:22px;text-align:center}
.method__head h2{font-size:var(--s-64);line-height:1;letter-spacing:-.025em}
.method__stack{
  margin:clamp(40px,7vh,90px) auto 0;max-width:1180px;position:relative;
  display:grid;grid-template-columns:repeat(12,1fr);
}
.mcard{
  padding:clamp(22px,2.4vw,40px);min-height:clamp(260px,34vh,380px);
  display:flex;flex-direction:column;
}
.mcard h3{font-size:var(--s-24);line-height:1.3;letter-spacing:-.025em;font-weight:500}
.mcard ul{margin-top:auto;display:grid;gap:7px;justify-items:start}
.mcard li{
  font-size:var(--s-16);letter-spacing:-.02em;padding:5px 11px;line-height:1.3;
}
.mcard--light{
  grid-column:1/8;grid-row:1;background:var(--fog);color:var(--carbon);z-index:1;
}
.mcard--light .eyebrow{color:rgba(0,0,0,.45)}
.mcard--light h3{margin-top:6px}
.mcard--light li{background:var(--carbon);color:var(--fog)}
.mcard--dark{
  grid-column:6/11;grid-row:1;margin-top:clamp(40px,7vh,90px);
  background:var(--carbon);color:var(--fog);z-index:2;text-align:right;
}
.mcard--dark h3{border-bottom:1px dashed rgba(236,236,236,.4);padding-bottom:12px}
.mcard--dark ul{justify-items:start}
.mcard--dark li{background:var(--pale);color:var(--carbon)}
.mcard--mid{
  grid-column:9/13;grid-row:1;margin-top:clamp(90px,15vh,190px);
  background:var(--deep-teal);color:var(--fog);z-index:3;
}
.mcard--mid li{background:rgba(236,236,236,.14);outline:1px solid rgba(236,236,236,.2)}

/* ---------- 09 · NOSSO MODELO ---------- */
.model{
  background:var(--ink);position:relative;z-index:3;
  padding:0 0 clamp(70px,12vh,150px);
}
.sheet{
  position:relative;margin:0 auto;width:min(1360px,94vw);
  background:var(--wash);color:var(--carbon);
  padding:clamp(28px,3.4vw,64px) clamp(24px,3vw,56px) clamp(90px,15vh,200px);
  box-shadow:0 -40px 120px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.08);
  transform:rotate(-.6deg);
  background-image:
    radial-gradient(1px 1px at 20% 30%,rgba(0,0,0,.05) 50%,transparent 51%),
    radial-gradient(1px 1px at 70% 60%,rgba(0,0,0,.04) 50%,transparent 51%),
    radial-gradient(1px 1px at 45% 85%,rgba(0,0,0,.05) 50%,transparent 51%);
}
.sheet__clip{
  position:absolute;top:-22px;left:50%;width:14px;height:64px;
  border:3px solid #9a9a9a;border-radius:8px;transform:translateX(-50%) rotate(7deg);
  border-bottom-color:transparent;
}
.sheet__top{
  display:flex;align-items:center;justify-content:space-between;
  padding-bottom:18px;border-bottom:1px solid rgba(0,0,0,.18);
}
.sheet__brand{display:flex;align-items:center;gap:8px;font-size:var(--s-24);letter-spacing:-.025em}
.sheet__brand b{
  width:26px;height:26px;border-radius:50%;background:var(--carbon);color:var(--wash);
  display:grid;place-items:center;font-size:11px;font-family:var(--f-mono);font-weight:400;
}
.sheet__brand b:nth-child(2){margin-left:-14px;background:#3a3a3a}
.sheet__note{font-family:var(--f-mono);font-size:var(--s-12);letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.sheet__lede{
  margin-top:clamp(26px,4vh,48px);max-width:28ch;
  font-size:var(--s-48);line-height:1.05;letter-spacing:-.025em;
}
.cases{
  margin-top:clamp(26px,4vh,48px);
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,24px);
}
.cases__thumb{
  aspect-ratio:16/10;background:#101010;position:relative;overflow:hidden;
}
.cases__thumb[data-t=a]{background:radial-gradient(120% 120% at 30% 20%,#2e3b46,#0b0e11)}
.cases__thumb[data-t=b]{background:radial-gradient(120% 120% at 70% 30%,#6d4a2a,#120c06)}
.cases__thumb[data-t=c]{background:radial-gradient(120% 120% at 40% 70%,#1f4a43,#06100e)}
.cases__thumb[data-t=d]{background:radial-gradient(120% 120% at 60% 40%,#4a1f24,#120607)}
.cases__thumb::after{
  content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 2px,transparent 2px 9px);
}
.cases dl{margin:10px 0 0;font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.cases dt{
  font-family:var(--f-display);font-size:var(--s-16);letter-spacing:-.02em;
  text-transform:none;padding-bottom:7px;border-bottom:1px dotted rgba(0,0,0,.4);
}
.cases dd{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dotted rgba(0,0,0,.25)}
.cases dd span{opacity:.5}
.cases dd b{font-weight:400}
.empower{
  position:relative;margin-top:clamp(24px,3.4vh,44px);margin-left:auto;
  width:min(420px,100%);background:var(--electric);color:var(--carbon);
  padding:clamp(20px,2.2vw,34px);overflow:hidden;
}
.empower__t{font-size:var(--s-18);letter-spacing:-.02em}
.empower__n{
  position:absolute;right:16px;top:44%;transform:translateY(-50%);
  font-size:var(--s-64);line-height:1;color:rgba(0,0,0,.14);
}
.empower ul{margin-top:26px;display:grid;gap:11px;position:relative}
.empower li{font-size:var(--s-18);letter-spacing:-.02em;padding-left:18px;position:relative}
.empower li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:rgba(0,0,0,.45)}
.sheet__h{
  margin-top:clamp(46px,8vh,100px);font-size:var(--s-64);line-height:1;letter-spacing:-.025em;
}
.models{margin-top:clamp(20px,3vh,38px);border-top:1px solid rgba(0,0,0,.25)}
.models li{
  display:grid;grid-template-columns:70px 1.05fr 1fr;gap:clamp(14px,2vw,40px);
  padding:clamp(20px,3vh,38px) 0;border-bottom:1px solid rgba(0,0,0,.18);align-items:start;
}
.models span{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;opacity:.55;padding-top:.5em}
.models h3{font-size:var(--s-24);line-height:1.15;letter-spacing:-.03em;font-weight:600}
.models p{font-size:var(--s-16);line-height:1.45;letter-spacing:-.02em;max-width:44ch}
.sheet__ghost{
  position:absolute;left:0;right:0;bottom:clamp(10px,2vh,30px);
  font-size:clamp(70px,15.5vw,300px);line-height:.8;letter-spacing:-.05em;
  text-align:center;color:rgba(0,0,0,.05);pointer-events:none;user-select:none;
}

/* ---------- 10 · HISTÓRICO ---------- */
.proof{
  background:var(--ink);position:relative;z-index:3;
  display:grid;grid-template-columns:1fr 1fr;gap:var(--gut);
  padding:clamp(80px,14vh,170px) var(--gut);align-items:start;
}
.proof__text{display:grid;gap:clamp(16px,2.4vh,26px);max-width:58ch}
.proof__text p{font-size:var(--s-16);line-height:1.5;letter-spacing:-.02em}
.proof__text p b{font-weight:600}
.proof__text .tag{margin-bottom:10px}
.folio{
  margin-top:clamp(24px,4vh,48px);width:min(380px,100%);position:relative;
  background:var(--deep-teal);padding:14px 14px 70px;transform:rotate(-1.2deg);
  box-shadow:0 30px 70px rgba(0,0,0,.5);transition:transform .3s;
}
.folio:hover{transform:rotate(0deg) translateY(-4px)}
.folio__img{
  aspect-ratio:16/9;
  background:radial-gradient(130% 130% at 50% 30%,#d8b48a,#2a1c12 70%);
  border-top:16px solid #000;border-bottom:16px solid #000;
}
.folio__tab{
  position:absolute;left:14px;right:14px;bottom:36px;
  background:var(--teal);color:var(--carbon);padding:9px 14px;
  font-size:var(--s-16);letter-spacing:-.02em;
}
.proof__names{
  position:sticky;top:12vh;height:76vh;overflow:hidden;
  -webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);
  mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);
}
.proof__names ul{display:grid;gap:clamp(2px,.6vh,10px);text-align:center;will-change:transform}
.proof__names li{
  font-size:var(--s-80);line-height:1;letter-spacing:-.025em;color:rgba(236,236,236,.42);
}

/* ---------- formulário ---------- */
.contact{
  background:var(--ink);position:relative;z-index:3;
  padding:clamp(60px,10vh,120px) var(--gut) clamp(80px,14vh,170px);
}
.form{
  max-width:845px;margin:0 auto;display:grid;gap:0;
  grid-template-columns:1fr 1fr;
}
.form label{
  display:flex;align-items:center;gap:14px;
  border-bottom:1px solid rgba(236,236,236,.25);padding:18px 4px;
}
.form__wide{grid-column:1/-1}
.form label span{
  font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;color:var(--amber);flex:none;
}
.form input,.form textarea{
  width:100%;background:none;border:0;padding:0;resize:none;
  font-size:var(--s-24);letter-spacing:-.025em;
}
.form input::placeholder,.form textarea::placeholder{color:rgba(236,236,236,.38)}
.form input:focus,.form textarea:focus{outline:none}
.form button{
  grid-column:1/-1;justify-self:start;margin-top:28px;cursor:pointer;
  background:var(--fog);color:var(--carbon);border:0;border-radius:var(--r);
  padding:14px 26px;font-size:var(--s-16);letter-spacing:-.02em;
  display:inline-flex;gap:8px;align-items:center;transition:background .15s;
}
.form button:hover{background:var(--teal)}
.form__ok{
  grid-column:1/-1;margin-top:16px;color:var(--teal);
  font-family:var(--f-mono);font-size:var(--s-12);letter-spacing:.12em;text-transform:uppercase;
}

/* ---------- 11 · RODAPÉ ---------- */
.foot{
  position:relative;z-index:3;background:#1c1c1c;overflow:hidden;
  padding:clamp(60px,10vh,120px) var(--gut) clamp(20px,3vh,34px);
  display:grid;justify-items:center;
  clip-path:polygon(0 12%,52% 0,100% 26%,100% 100%,0 100%);
}
.foot__bars{position:absolute;inset:0;pointer-events:none}
.foot__bars i{position:absolute;display:block;height:34px;width:150%}
.foot__bars i:nth-child(1){
  top:9%;left:-25%;transform:rotate(15deg);
  background:linear-gradient(90deg,#1c4fa1,#3aa7d8,#82c7ba);
}
.foot__bars i:nth-child(2){
  top:2%;left:-10%;transform:rotate(-14deg);
  background:linear-gradient(90deg,#f0b552,#ed9002,#d43a3a,#5a1320);
}
.foot__meta{
  position:absolute;top:var(--gut);left:0;right:0;
  display:flex;justify-content:space-between;padding:0 var(--gut);
  font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
}
.foot__meta a{opacity:.85;transition:opacity .15s}
.foot__meta a:hover{opacity:.5}
.foot__h{
  margin-top:clamp(50px,9vh,110px);
  font-size:var(--s-112);line-height:1;letter-spacing:-.04em;text-align:center;
}
.btn{
  margin-top:clamp(24px,4vh,44px);background:var(--fog);color:var(--carbon);
  border-radius:var(--r);padding:14px 26px;font-size:var(--s-16);letter-spacing:-.02em;
  display:inline-flex;gap:8px;align-items:center;transition:background .15s,transform .15s;
}
.btn:hover{background:var(--teal);transform:translateY(-2px)}
.foot__word{
  margin-top:clamp(40px,7vh,90px);width:100%;text-align:center;
  font-size:clamp(58px,14.6vw,286px);line-height:.82;letter-spacing:-.045em;
  background:linear-gradient(101deg,#1c4fa1 6%,#3aa7d8 20%,#82c7ba 32%,#f3d9a8 44%,#ed9002 58%,#d43a3a 72%,#7a1226 86%,#241014 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  user-select:none;
}
.foot__bottom{
  width:100%;margin-top:clamp(14px,2.4vh,26px);
  display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:var(--gut);
  font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(236,236,236,.75);
}
.foot__geo i{font-style:normal;opacity:.55}
.foot__stamp{display:flex;align-items:center;gap:8px;justify-self:center;line-height:1.35}
.foot__stamp b{background:var(--fog);color:var(--carbon);padding:3px 5px;font-weight:400}
.bars{
  width:66px;height:17px;display:block;
  background:repeating-linear-gradient(90deg,var(--fog) 0 2px,transparent 2px 4px,var(--fog) 4px 5px,transparent 5px 8px);
}
.foot__copy{justify-self:end;text-align:right}

/* ---------- entrada por scroll ---------- */
[data-rise]{opacity:0;transform:translateY(28px)}

/* ---------- responsivo ---------- */
@media (max-width:1100px){
  .about__grid{grid-template-columns:1fr;gap:clamp(34px,6vh,64px)}
  .about__body{border-left:0;padding-left:0;border-top:1px solid rgba(236,236,236,.28);padding-top:28px}
  .stat{padding-right:0}
  .proof{grid-template-columns:1fr}
  .proof__names{position:relative;top:0;height:46vh;order:-1}
  .method__stack{display:grid;grid-template-columns:1fr;gap:18px}
  .mcard--light,.mcard--dark,.mcard--mid{grid-column:1;grid-row:auto;margin-top:0;text-align:left}
  .mcard--dark ul{justify-items:start}
  .models li{grid-template-columns:48px 1fr;}
  .models p{grid-column:2}
  .cases{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .nav__list{display:none}
  .nav{justify-content:flex-end}
  .nav__mark{left:var(--gut);transform:none}
  .hero__line{flex-direction:column;align-items:flex-start;gap:8px}
  .hero__word--rot{text-align:left;align-self:flex-end}
  .hero__stage{flex:none;width:100%;height:clamp(180px,34vh,300px)}
  .partners ul{grid-template-columns:repeat(2,1fr)}
  .form{grid-template-columns:1fr}
  .empower{width:100%}
  .foot{clip-path:polygon(0 6%,52% 0,100% 13%,100% 100%,0 100%)}
  .foot__bottom{grid-template-columns:1fr;gap:14px;text-align:left}
  .foot__stamp,.foot__copy{justify-self:start;text-align:left}
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important}
  [data-rise]{opacity:1;transform:none}
  .problem__field span{opacity:1;filter:none}
}