@font-face{font-family:"Big Shoulders";src:url("../fonts/big-shoulders.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/hanken-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/hanken-latin-ext.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1EFF}

:root{
  --azul:#1f2bff; --cone:#ff4f14; --concreto:#d5d3cc; --preto:#000; --branco:#fff; --cal:#f1efe9;
  --lateral:clamp(16px,3.4vw,52px);
  --display:"Big Shoulders",Impact,sans-serif; --sans:"Hanken Grotesk",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--concreto);color:var(--preto);font:400 1.0625rem/1.6 var(--sans);overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.2em}
h1,h2,h3{font-family:var(--display);font-weight:900;text-transform:uppercase;line-height:.92;margin:0;letter-spacing:0}
h1{font-size:clamp(3.4rem,11vw,10.5rem)}
h2{font-size:clamp(3rem,8.6vw,8.4rem)}
h3{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1}
p{margin:0 0 1em;max-width:60ch}
:focus-visible{outline:3px solid var(--cone);outline-offset:3px}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.salto{position:absolute;left:-999px;top:8px;background:var(--branco);padding:.6em 1em;z-index:40}
.salto:focus{left:16px}

/* Cabeçalho */
.topo{position:absolute;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px var(--lateral);color:var(--branco)}
.marca{font:900 2.1rem/1 var(--display);text-transform:uppercase;text-decoration:none}
.menu{display:flex;align-items:center;gap:clamp(14px,2.2vw,30px);font-weight:600}
.menu a{text-decoration:none}
.menu a:hover,.menu a[aria-current]{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px}
.menu .fale{background:var(--branco);color:var(--preto);padding:.55em .95em}
.menu .fale:hover{background:var(--cone);text-decoration:none}
.abrir{display:none;background:var(--branco);border:0;color:var(--preto);font:600 1rem var(--sans);padding:.5em .9em}

/* Botões */
.botao{display:inline-block;border:0;cursor:pointer;background:var(--cone);color:var(--preto);font:700 1.05rem/1.2 var(--sans);padding:1em 1.4em;text-decoration:none;box-shadow:6px 6px 0 var(--preto);transition:transform .12s,box-shadow .12s}
.botao:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--preto)}
.botao:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--preto)}
.botao.linha{background:var(--branco)}
.acoes{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}

/* Abertura com blocos */
.abertura{position:relative;height:100svh;min-height:640px;background:var(--azul);color:var(--branco);overflow:hidden;touch-action:pan-y}
.abertura .apoio{position:absolute;z-index:6;right:var(--lateral);top:96px;width:min(38ch,40vw)}
.abertura .lide{font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.4;font-weight:500;margin:0;max-width:none}
.abertura h1{position:absolute;inset:auto 0 0 0;padding:0 var(--lateral) 16px;font-size:min(10.6vw,15vh);display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 10px;line-height:1}
.bloco-p{display:inline-block;padding:.03em .12em .05em;background:var(--branco);color:var(--preto);user-select:none;-webkit-user-select:none;white-space:nowrap}
.bloco-p:nth-child(2){background:var(--cone)}
.bloco-p:nth-child(3){background:var(--concreto)}
.bloco-p:nth-child(4){background:var(--preto);color:var(--branco)}
.bloco-p:nth-child(5){background:var(--cone)}
.bloco-p:nth-child(6){background:var(--branco)}
.fisica .abertura h1{inset:0;padding:0;display:block}
.fisica .bloco-p{position:absolute;left:0;top:0;cursor:grab;will-change:transform;touch-action:pan-y}
.fisica .bloco-p.pega{cursor:grabbing}
.dica{position:absolute;z-index:6;left:var(--lateral);top:96px;font-weight:700;background:var(--preto);padding:.4em .8em;transform:rotate(-2deg);display:none;margin:0;font-size:1.1rem}
.fisica .dica{display:block}

/* Faixas que correm */
.faixas{background:var(--cone);padding:clamp(40px,6vw,84px) 0;overflow:hidden}
.faixas>p{max-width:none;margin:0;font:900 clamp(3rem,12.2vw,12rem)/.98 var(--display);text-transform:uppercase;white-space:nowrap}
.faixas>p+p{color:var(--branco)}
.problema{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;padding:0 var(--lateral);margin-top:40px}
.problema div{grid-column:7/-1;font-size:clamp(1.2rem,1.9vw,1.55rem);line-height:1.4;font-weight:500}

/* Blocos gerais */
.bloco{padding:clamp(64px,9vw,130px) var(--lateral)}
.bloco.escuro{background:var(--preto);color:var(--branco)}
.bloco.branco{background:var(--cal)}
.bloco>h2{max-width:13ch;margin-bottom:.45em}
.duas{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,6vw,96px);align-items:start}
.duas h2{margin:0}
.texto p:last-child{margin-bottom:0}
.grande{font-size:clamp(1.2rem,1.8vw,1.5rem);line-height:1.42}

/* Simulador */
.simulador{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,80px);align-items:center}
.campo{display:block;margin-bottom:16px;font-weight:600}
.campo input,.campo select,.campo textarea{display:block;width:100%;margin-top:6px;padding:.8em .9em;font:400 1.02rem var(--sans);border:2px solid var(--preto);background:var(--branco);color:var(--preto);border-radius:0}
.campo textarea{min-height:120px;resize:vertical}
.etapas{margin-top:22px}
.etapas button{all:unset;box-sizing:border-box;position:relative;display:grid;grid-template-columns:1.1em 1fr auto;align-items:center;gap:.4em;width:100%;padding:10px 12px;margin-bottom:8px;border:2px solid #666;cursor:pointer;color:var(--branco);overflow:hidden;font:900 clamp(1.7rem,2.7vw,2.5rem)/1.04 var(--display);text-transform:uppercase}
.etapas button:focus-visible{outline:3px solid var(--cone)}
.etapas button:hover{border-color:var(--branco)}
.etapas button[aria-selected=true]{background:var(--cone);border-color:var(--cone);color:var(--preto)}
.etapas em{font:600 .9rem var(--sans);text-transform:none}
.etapas button[aria-selected=true] em{visibility:hidden}
.auto .etapas button[aria-selected=true]::after{content:"";position:absolute;left:0;bottom:0;height:5px;background:var(--preto);animation:avanco 4.5s linear forwards}
@keyframes avanco{from{width:0}to{width:100%}}
.rotulo-etapas{font-weight:700;margin:20px 0 8px}
.instrucao{font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:500;margin:-.6em 0 1.6em}
.proxima{position:absolute;right:14px;bottom:14px;z-index:3;border:0;background:var(--preto);color:var(--branco);font:700 1rem var(--sans);padding:.75em 1.1em;cursor:pointer}
.proxima:hover{background:var(--azul)}
.painel{animation:surgir .45s ease}
@keyframes surgir{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.tela{position:relative}
.tilt{perspective:1100px}
.tilt .tela{transition:transform .5s ease-out}
.tela{background:var(--branco);color:var(--preto);min-height:470px;display:flex;flex-direction:column;box-shadow:16px 16px 0 var(--azul);transform:rotate(-1.6deg);will-change:transform}
.tela-barra{display:flex;gap:10px;align-items:center;padding:12px 16px;border-bottom:2px solid var(--preto);font-size:.95rem;font-weight:600;overflow-wrap:anywhere}
.tela-barra b{width:12px;height:12px;background:var(--cone);flex:none}
.painel{padding:clamp(20px,3vw,40px);flex:1}
.painel[hidden]{display:none}
.busca{border:2px solid var(--preto);border-radius:30px;padding:.6em 1.1em;margin-bottom:26px;overflow-wrap:anywhere}
.resultado small{display:block;color:#555;overflow-wrap:anywhere}
.resultado a{display:block;color:#1a3fbf;font-size:1.45rem;line-height:1.2;margin:3px 0 6px}
.resultado p{margin:0}
.painel:not([hidden]):has(.site-falso){padding:0;display:flex}
.site-falso{flex:1;background-color:var(--azul);color:var(--branco);padding:clamp(24px,4vw,48px);min-height:400px;display:flex;flex-direction:column;justify-content:end;background-size:cover;background-position:center}
.site-falso strong{font:900 clamp(2.4rem,5vw,4.6rem)/.95 var(--display);text-transform:uppercase;max-width:12ch}
.site-falso>span{align-self:flex-start;margin-top:16px;background:var(--cone);color:var(--preto);padding:.6em 1em;font-weight:700}
.conversa p{background:#d9f3cf;padding:.7em 1em;max-width:42ch;font-size:1.05rem}
.conversa p:nth-child(2){margin-left:auto;background:var(--concreto)}
.aviso{font-size:.92rem;color:#b5b5b5;margin:30px 0 0}

/* Andares */
.predio{background:var(--concreto);padding:clamp(64px,9vw,130px) 0 0;overflow:hidden}
.predio>h2{padding:0 var(--lateral);margin-bottom:.4em;max-width:11ch}
.andares{list-style:none;margin:0;padding:0}
.andar{width:var(--l,80%);margin-left:var(--m,0);background:var(--c,var(--preto));color:var(--t,var(--branco));border-bottom:6px solid var(--concreto);padding:clamp(16px,2vw,26px) var(--lateral);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 28px;align-items:center}
.andar h3{font-size:clamp(2rem,3.5vw,3.6rem);line-height:.98}
.andar p{margin:0;font-size:1.1rem;line-height:1.38}

/* Planta e obra */
.revelacao{background:var(--preto);color:var(--branco);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 20px;padding:clamp(64px,9vw,130px) var(--lateral);align-items:end}
.revelacao h2{grid-column:1/8;position:relative;z-index:3;margin-bottom:-.32em;mix-blend-mode:difference}
.revela{grid-column:4/-1;grid-row:2;position:relative;aspect-ratio:16/9;overflow:hidden;--p:50%;background:#000;user-select:none;touch-action:pan-y}
.revela img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top}
.revela .planta-img{clip-path:inset(0 calc(100% - var(--p)) 0 0);object-position:center}
.revela i{position:absolute;top:0;bottom:0;left:var(--p);width:4px;margin-left:-2px;background:var(--cone);pointer-events:none;font-style:normal}
.revela i b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--cone);color:var(--preto);padding:.55em .9em;font-weight:700;white-space:nowrap}
.revela i b::before{content:"\2190\00a0"}
.revela i b::after{content:"\00a0\2192"}
.revela input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.revela input:focus-visible~i{background:var(--branco)}
.rotulo{position:absolute;bottom:12px;background:var(--branco);color:var(--preto);padding:.15em .6em;font-weight:700;pointer-events:none}
.rotulo.a{left:12px}.rotulo.b{right:12px}
.resumo-caso{grid-column:1/4;grid-row:2;align-self:start;padding-top:clamp(70px,9vw,130px);padding-right:12px}
.fatos{margin:0 0 26px}
.fatos div{padding:10px 0;border-top:2px solid #444}
.fatos dt{color:#b5b5b5;font-size:.92rem}
.fatos dd{margin:0;font-size:1.08rem;font-weight:600}
.caso{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:center}
.caso figure{margin:0}
.caso img{width:100%;aspect-ratio:1/1;object-fit:cover;box-shadow:16px 16px 0 var(--cone)}
.caso figcaption{font-size:.92rem;margin-top:26px;color:#b5b5b5}

/* Escada */
.passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.passos li{background:var(--preto);color:var(--branco);padding:clamp(18px,2.4vw,30px)}
.passos li:nth-child(1){min-height:240px}
.passos li:nth-child(2){min-height:350px;background:var(--azul)}
.passos li:nth-child(3){min-height:460px;background:var(--cone);color:var(--preto)}
.passos p{margin:.6em 0 0}
.passos h3::before{content:counters(item,"");counter-increment:item;margin-right:.3em;opacity:.55}
.passos{counter-reset:item}

/* Lista de páginas internas */
.lista{margin:0;padding:0;list-style:none;border-top:3px solid currentColor}
.lista li{padding:20px 0;border-bottom:3px solid currentColor}
.lista p{margin:.4em 0 0}

/* Escolha de plano */
.escolha{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:center}
.escolha fieldset{border:0;margin:0 0 24px;padding:0}
.escolha legend{font-weight:700;margin-bottom:8px;padding:0}
.opcoes{display:flex;flex-wrap:wrap;gap:8px}
.opcoes label{cursor:pointer}
.opcoes input{position:absolute;opacity:0}
.opcoes span{display:flex;align-items:center;gap:.5em;padding:.6em .95em;cursor:pointer;border:2px solid var(--preto);background:var(--branco);font-weight:600}
.opcoes span::before{content:"";width:.95em;height:.95em;border:2px solid currentColor;border-radius:50%;flex:none}
.opcoes input:checked+span::before{background:var(--cone);box-shadow:inset 0 0 0 2px var(--preto)}
.opcoes span:hover{background:var(--concreto)}
.opcoes input:checked+span{background:var(--preto);color:var(--branco)}
.opcoes input:focus-visible+span{outline:3px solid var(--cone);outline-offset:2px}
.indicacao{background:var(--azul);color:var(--branco);padding:clamp(24px,3.4vw,46px);transform:rotate(1.4deg);box-shadow:14px 14px 0 var(--preto)}
.indicacao strong{display:block;font:900 clamp(3rem,6vw,5.6rem)/.92 var(--display);text-transform:uppercase;margin-bottom:14px}
.indicacao .valor{font-size:1.3rem;font-weight:700}

/* Planos */
.planos{border-top:4px solid var(--preto)}
.plano{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,3fr);gap:18px clamp(20px,3vw,48px);padding:32px 0;border-bottom:4px solid var(--preto)}
.plano h3{font-size:clamp(2.2rem,4vw,3.8rem)}
.plano ul{margin:0;padding-left:1.1em}
.plano .preco{font:900 clamp(1.8rem,2.6vw,2.4rem)/1.04 var(--display)}
.plano .prazo{font-size:.95rem;margin-top:8px}
.rolagem{overflow-x:auto}
.tabela{width:100%;border-collapse:collapse;min-width:480px}
.tabela th,.tabela td{text-align:left;padding:13px 16px 13px 0;border-bottom:2px solid var(--preto);vertical-align:top}

details{border-bottom:2px solid currentColor}
summary{cursor:pointer;padding:16px 0;font-size:1.15rem;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:900 2rem/1 var(--display);color:var(--azul)}
details[open] summary::after{content:"\2212"}

/* Página interna */
.interna{position:relative;background:var(--azul);color:var(--branco);padding:130px var(--lateral) 60px;overflow:hidden}
.interna h1{font-size:clamp(3.6rem,12vw,11.5rem);max-width:12ch;line-height:1.02}
.interna p{font-size:1.25rem;line-height:1.4;font-weight:500;margin:22px 0 0 auto;max-width:42ch}
.interna .meta{margin-left:0;max-width:none;font-size:1.05rem}
.interna::after{content:"";position:absolute;right:-70px;top:-70px;width:280px;height:280px;background:var(--cone);transform:rotate(45deg)}

/* Sobre */
.pessoa{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start}
.retrato{aspect-ratio:4/5;background:var(--azul);color:var(--branco);display:grid;place-items:center;font:900 7rem var(--display);overflow:hidden;transform:rotate(-2deg);box-shadow:12px 12px 0 var(--cone)}
.retrato img{width:100%;height:100%;object-fit:cover}

/* Blog */
.materias{border-top:4px solid var(--preto)}
.materia{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,7fr);gap:8px 32px;padding:26px 0;border-bottom:4px solid var(--preto);text-decoration:none;transition:padding .15s,background .15s}
.materia:hover{background:var(--cone);padding-left:16px}
.materia p{margin:8px 0 0}
.leitura{max-width:70ch;margin-left:auto;margin-right:clamp(0px,12vw,200px)}
.leitura h2{font-size:clamp(2.2rem,4vw,3.4rem);margin:1.1em 0 .4em}
.leitura ul,.leitura ol{padding-left:1.2em;margin:0 0 1em}
.leitura table{border-collapse:collapse;width:100%;margin:0 0 1.2em}
.leitura th,.leitura td{text-align:left;border-bottom:2px solid var(--preto);padding:9px 12px 9px 0;vertical-align:top}
.chamada{background:var(--cone);padding:clamp(24px,3vw,38px);margin-top:48px}
.chamada h2{margin-top:0}
.chamada .botao{background:var(--branco)}

/* Fim */
.final{background:repeating-linear-gradient(90deg,var(--cone) 0 26px,#f24510 26px 30px,var(--cone) 30px 56px);padding:clamp(56px,8vw,110px) var(--lateral) 0;overflow:hidden}
.final h2{font-size:clamp(4.6rem,19vw,19rem);line-height:.84;margin:0 0 .06em}
.final p{font-size:clamp(1.2rem,1.9vw,1.6rem);font-weight:500;line-height:1.35}
.final .acoes{margin:18px 0 40px}
.final .botao{background:var(--branco)}
.formulario{max-width:560px}
.erro{color:#a11212;font-weight:700}
.rodape{background:var(--preto);color:var(--branco);padding:50px var(--lateral) 30px}
.rodape .colunas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px}
.rodape .marca{display:block;margin-bottom:10px}
.rodape ul{list-style:none;margin:0;padding:0}
.rodape .fim{margin:30px 0 0;font-size:.9rem;max-width:none}
.zap{position:fixed;right:16px;bottom:16px;z-index:25;background:#25d366;color:var(--preto);padding:.75em 1em;font-weight:700;text-decoration:none;box-shadow:4px 4px 0 var(--preto)}
.zap.longe{transform:translateY(90px)}
.zap{transition:transform .2s}
.consentimento{position:fixed;left:16px;bottom:16px;z-index:30;max-width:430px;background:var(--branco);padding:18px;box-shadow:8px 8px 0 var(--preto)}
.consentimento p{font-size:.96rem}
.consentimento button{margin-right:8px;padding:.6em .9em;font:600 .95rem var(--sans);cursor:pointer}

@media (max-width:860px){
  .abrir{display:block}
  .menu{display:none;position:absolute;top:66px;right:16px;left:16px;flex-direction:column;align-items:flex-start;gap:6px;background:var(--branco);color:var(--preto);padding:16px;box-shadow:8px 8px 0 var(--preto)}
  .menu.aberto{display:flex}
  .menu .fale{background:var(--cone)}
  .abertura .apoio{left:var(--lateral);right:var(--lateral);width:auto;top:78px}
  .abertura h1{font-size:min(16vw,10vh)}
  .fisica .dica{top:252px}
  .andar{grid-template-columns:minmax(0,1fr)}
  .revela{aspect-ratio:4/3}
  .problema div{grid-column:1/-1}
  .duas,.simulador,.caso,.escolha,.pessoa,.plano,.materia{grid-template-columns:minmax(0,1fr)}
  .andar{width:calc(var(--l,80%) + 16%);max-width:100%;margin-left:calc(var(--m,0%) * .3)}
  .revelacao{display:block}
  .revelacao h2{margin-bottom:-.2em}
  .resumo-caso{padding-top:28px}
  .passos{grid-template-columns:minmax(0,1fr)}
  .passos li:nth-child(n){min-height:0}
  .passos li:nth-child(2){margin-left:8%}
  .passos li:nth-child(3){margin-left:16%}
  .tela{min-height:380px;transform:rotate(-.8deg);box-shadow:8px 8px 0 var(--azul)}
  .indicacao{transform:none}
  .interna::after{width:150px;height:150px;right:-60px;top:-60px}
  .interna p{margin-left:0}
  .leitura{margin:0}
}
@media print{.zap,.consentimento{display:none}}

html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

@media (min-width:861px) and (min-height:800px){
  .predio{height:100vh;padding-top:84px}
  .predio>h2{font-size:clamp(3rem,6vw,5.6rem);max-width:none;margin-bottom:.35em}
  .andar{padding-top:clamp(12px,1.6vh,22px);padding-bottom:clamp(12px,1.6vh,22px)}
}

.mini-retrato{width:min(200px,45%);aspect-ratio:4/5;object-fit:cover;transform:rotate(2deg);box-shadow:8px 8px 0 var(--cone);margin-bottom:28px}