@font-face{font-family:Poppins;src:url('../fonts/Poppins-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('../fonts/Poppins-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('../fonts/Poppins-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('../fonts/Poppins-Bold.ttf') format('truetype');font-weight:700;font-display:swap}

:root{
  --ink:#0f0f10;
  --ink-2:#18181a;
  --paper:#f5f2ec;
  --paper-2:#ebe6dc;
  --cream:#f5f2ec;
  --white:#fffefa;
  --muted:#726f68;
  --line:#d7d1c7;
  --line-dark:#343438;
  --coral:#ff5a47;
  --coral-dark:#c93421;
  --max:1560px;
  --pad:clamp(24px,4.5vw,76px);
  --radius:26px;
  --st-corner:clamp(54px,8vw,124px);
  --header-height:84px;
  --header-compact:68px;
  --section-y:clamp(56px,7vh,96px);
  --ease:cubic-bezier(.22,1,.36,1);
  --mono:ui-monospace,"SF Mono","Cascadia Mono","Segoe UI Mono","Roboto Mono",Menlo,Consolas,monospace;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
/* CUIDADO: isto pinta o <main> de TODAS as paginas. Entrou em 504dfd8, numa
   rodada que so' olhava a /sobre-a-sia, e derrubou a /tree em silencio — ela
   tambem e' um <main>, declara body escuro, e passou a mostrar logo branco e
   titulo branco sobre creme, por dias. Pagina que queira fundo proprio no
   <main> tem de dizer, como a /sobre-a-sia e a /tree agora dizem. */
main{background:var(--paper)}
body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--ink);background:var(--ink);font-size:16px;line-height:1.55;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
main section{scroll-margin-top:var(--header-compact)}
::selection{background:var(--coral);color:var(--white)}

.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;padding:12px 18px;background:var(--coral);color:var(--ink);border-radius:12px;transition:top .2s}
.skip-link:focus{top:16px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.section-dark{background:var(--ink);color:var(--white)}
.section-light{background:var(--white)}
.section-cream{background:var(--paper)}
.eyebrow{margin:0 0 20px;font-size:.7rem;line-height:1.2;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--coral)}
.eyebrow::before{content:"";display:inline-block;width:42px;height:2px;margin:0 14px 3px 0;background:currentColor}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.02;letter-spacing:-.055em}
h1{font-size:clamp(3rem,4.7vw,5.75rem);max-width:12ch;margin-bottom:24px}
h2{font-size:clamp(2.65rem,4.35vw,4.95rem);margin-bottom:24px}
h3{font-size:clamp(1.3rem,2vw,2.15rem)}
.st-frame{border-radius:var(--st-corner) 12px 12px 12px;overflow:hidden}

.site-header{position:fixed;z-index:100;top:0;left:0;right:0;height:var(--header-height);display:flex;align-items:center;gap:clamp(24px,3vw,56px);padding:0 var(--pad);color:var(--white);background:linear-gradient(180deg,rgba(15,15,16,.94),rgba(15,15,16,.64),transparent);transition:height .22s var(--ease),background .22s}
.site-header.is-scrolled{height:var(--header-compact);background:rgba(15,15,16,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:block;flex:0 0 auto;line-height:0}
.brand img{display:block;width:clamp(184px,12vw,214px);height:auto;object-fit:contain;transition:width .22s var(--ease)}
.site-header.is-scrolled .brand img{width:184px}
.site-header nav{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:clamp(24px,2.7vw,48px);font-size:.82rem;font-weight:500}
.nav-links,.nav-actions{display:flex;align-items:center}
.nav-links{gap:clamp(20px,2vw,34px)}
.nav-actions{gap:12px}
.site-header nav a{transition:color .2s,border-color .2s,background .2s}
.nav-links a{color:#d6d2cb}
.site-header nav a:hover{color:var(--white)}
.nav-login,.nav-contact{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:15px;border:1px solid rgba(255,90,71,.45);white-space:nowrap}
.nav-login span{color:var(--coral);margin-left:10px}
.nav-contact{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.05)}
.nav-sia{position:relative}
.nav-sia .nav-login{background:none;color:inherit;cursor:pointer}
.nav-sia .nav-login span{display:inline-flex;margin-left:10px}
.nav-sia .nav-login svg{width:10px;height:6px;fill:none;stroke:var(--coral);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s var(--ease)}
.nav-sia .nav-login:hover{background:rgba(255,90,71,.1)}
.nav-sia .nav-login:focus-visible{outline:2px solid var(--coral);outline-offset:2px}
.nav-sia .nav-login[aria-expanded="true"]{background:rgba(255,90,71,.14)}
.nav-sia .nav-login[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav-sia-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:120;display:grid;gap:2px;min-width:252px;padding:7px;border:1px solid #34343a;border-radius:15px;background:#171719;box-shadow:0 26px 60px rgba(0,0,0,.5);animation:navSiaAbre .18s var(--ease)}
.nav-sia-menu[hidden]{display:none}
.nav-sia-menu a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 12px;padding:11px 13px;border-radius:11px;transition:background .16s}
.nav-sia-menu a:hover,.nav-sia-menu a:focus-visible{background:#232327;outline:none}
.nav-sia-menu a:focus-visible{box-shadow:inset 0 0 0 1px rgba(255,90,71,.6)}
.nav-sia-menu b{font-size:.86rem;font-weight:600;letter-spacing:-.02em}
.nav-sia-menu small{grid-column:1;color:#8f8b84;font-size:.72rem;line-height:1.35;margin-top:2px}
.nav-sia-menu i{grid-row:1/3;font-style:normal;color:#5c5955;transition:color .16s,transform .16s var(--ease)}
.nav-sia-menu a:hover i,.nav-sia-menu a:focus-visible i{color:var(--coral);transform:translate(2px,-2px)}
@keyframes navSiaAbre{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.nav-sia-menu{animation:none}.nav-sia .nav-login svg{transition:none}}
.menu-toggle{display:none;background:none;color:var(--white);border:0;padding:10px}

.hero{height:clamp(720px,100svh,900px);min-height:720px;position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);align-items:stretch;padding:var(--header-height) 0 0 var(--pad);overflow:hidden}
.hero-copy{position:relative;z-index:3;align-self:center;min-height:0;padding:clamp(42px,5.5vh,66px) clamp(30px,3.5vw,58px) clamp(46px,6vh,72px) 0}
.hero h1{font-size:clamp(3rem,min(4.7vw,8vh),5.2rem)}
.hero-summary{max-width:650px;margin-bottom:28px;color:#c8c4bd;font-size:clamp(.96rem,1.08vw,1.12rem);line-height:1.62}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;padding:0 23px;border-radius:17px;font-weight:600;font-size:.88rem;transition:transform .2s var(--ease),box-shadow .2s,background .2s}
.button:hover{transform:translateY(-3px)}
.button-coral{background:var(--coral);color:#111;box-shadow:0 18px 40px rgba(255,90,71,.16)}
.button-coral:hover{box-shadow:0 22px 52px rgba(255,90,71,.28)}
.button-ghost{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.04);color:var(--white)}
.button-dark{background:var(--ink);color:var(--white)}
.hero-media{position:relative;min-height:0;height:100%;isolation:isolate;border-left:1px solid rgba(255,255,255,.14)}
.hero-media video,.hero-media-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-media video{z-index:1}
.hero-media-fallback{z-index:0;background:url('../images/wtc-goiania-drone-night.jpg') center/cover no-repeat}
.hero-media.is-fallback video{display:none}
.media-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(15,15,16,.6),transparent 35%),linear-gradient(0deg,rgba(15,15,16,.86),transparent 45%)}
.media-caption{position:absolute;z-index:3;left:clamp(28px,4vw,64px);right:28px;bottom:40px;color:var(--white)}
.media-caption span{display:block;margin-bottom:9px;font-size:.66rem;letter-spacing:.2em;color:#d8d3cb}
.media-caption strong{font-size:clamp(1.1rem,1.8vw,1.8rem)}
.video-toggle{position:absolute;z-index:4;right:24px;top:24px;width:48px;height:48px;border-radius:15px;border:1px solid rgba(255,255,255,.25);background:rgba(15,15,16,.62);color:var(--white);cursor:pointer;backdrop-filter:blur(12px)}
.hero-line{position:absolute;z-index:2;left:-12vw;bottom:-35vw;width:75vw;height:75vw;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:rotate(-14deg);pointer-events:none}
.hero-line::before{content:"";position:absolute;inset:8%;border:1px dashed rgba(255,90,71,.18);border-radius:50%}
.hero-line i{position:absolute;right:12%;top:23%;width:9px;height:9px;border-radius:50%;background:var(--coral);box-shadow:0 0 25px rgba(255,90,71,.9)}

.founders{padding:var(--section-y) var(--pad);display:grid;grid-template-columns:minmax(300px,.72fr) minmax(600px,1.28fr);gap:clamp(44px,6vw,96px);align-items:center;position:relative;overflow:hidden}
.founders::after{content:"";position:absolute;right:-16vw;top:5%;width:60vw;height:60vw;border:1px solid var(--line);border-radius:50%;pointer-events:none}
.section-heading{position:relative;z-index:2;align-self:start}
.section-heading h2{max-width:8ch}
.section-heading>p:last-child{max-width:620px;color:var(--muted);font-size:clamp(1rem,1.3vw,1.23rem);line-height:1.75}
.founder-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,38px)}
.founder-card{position:relative;min-height:clamp(480px,34vw,570px);border:1px solid #c8c1b6;background:#171719;box-shadow:0 35px 70px rgba(40,31,24,.14)}
.founder-card img{width:100%;height:100%;object-fit:cover;object-position:center top}
.founder-card::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(10,10,11,.88))}
.founder-card div{position:absolute;z-index:2;left:30px;right:30px;bottom:28px;color:var(--white)}
.founder-card h3{margin:0 0 7px;font-size:clamp(1.35rem,2vw,2rem)}
.founder-card p{margin:0;color:#c4beb5;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.founder-proof{position:relative;z-index:2;grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:18px;margin-top:14px;color:#5e5a54;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.founder-proof i{display:block;width:45px;height:1px;background:var(--coral)}

.question{padding:var(--section-y) var(--pad);display:grid;grid-template-columns:minmax(250px,.55fr) minmax(470px,.95fr) minmax(390px,.85fr);column-gap:clamp(24px,3vw,54px);row-gap:0;align-items:start;position:relative}
.question-heading{grid-column:1;position:sticky;top:calc(var(--header-compact) + 24px);align-self:start}
.question-heading h2{max-width:7ch}
.question-heading>p:last-child{max-width:440px;color:var(--muted);font-size:1.02rem;line-height:1.65}
.question-picker{grid-column:2;min-width:0}
.question-search{position:relative;display:flex;align-items:center;margin:0 0 6px}
.question-search-lupa{position:absolute;left:2px;width:19px;height:19px;fill:none;stroke:var(--muted);stroke-width:1.7;stroke-linecap:round;pointer-events:none;transition:stroke .18s}
.question-search input{width:100%;min-height:52px;padding:0 40px 0 30px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font-size:1rem;font-family:inherit;-webkit-appearance:none;appearance:none;transition:border-color .18s}
.question-search input::-webkit-search-cancel-button{display:none}
.question-search input::placeholder{color:var(--muted)}
.question-search input:focus{outline:none;border-bottom-color:var(--coral)}
.question-search input:focus~.question-search-lupa,.question-search:focus-within .question-search-lupa{stroke:var(--coral)}
.question-search-limpa{position:absolute;right:0;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:999px;background:var(--paper-2);color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer;transition:background .18s,color .18s}
.question-search-limpa:hover{background:var(--coral);color:var(--white)}
.question-search-vazio{margin:22px 0 0;color:var(--muted);font-size:.9rem;line-height:1.6}
.question-search-vazio button{border:0;background:none;padding:0;color:var(--coral-dark);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.question-search-vazio a{color:var(--coral-dark);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.problem-option[hidden]{display:none}
.sentence-label{margin:0 0 18px;padding-top:9px;border-top:1px solid var(--ink);color:var(--muted);font-size:clamp(1.1rem,1.45vw,1.45rem)}
.problem-list{border-bottom:1px solid var(--line)}
.problem-option{width:100%;display:grid;grid-template-columns:44px 1fr 34px;gap:14px;align-items:center;padding:22px 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer;scroll-margin-top:calc(var(--header-compact) + 16px);transition:color .18s,background .18s,padding .2s var(--ease),box-shadow .2s}
.problem-option b{font-size:.72rem;color:var(--coral);letter-spacing:.12em}
.problem-option span{font-size:clamp(1.08rem,1.55vw,1.6rem);line-height:1.18;letter-spacing:-.04em}
.problem-option i{font-style:normal;font-size:1.35rem;transition:transform .18s var(--ease)}
.problem-option:hover,.problem-option.is-active{color:var(--coral-dark);padding-left:16px;padding-right:12px;background:rgba(255,90,71,.055);box-shadow:inset 3px 0 var(--coral)}
.problem-option:hover i,.problem-option.is-active i{transform:translateX(8px)}
.answer-stage{grid-column:3;position:sticky;top:calc(var(--header-compact) + 24px);align-self:start;min-width:0}
.answer-stage-label{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--coral-dark);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.answer-stage-label span{width:28px;height:2px;background:var(--coral)}
.problem-answer{display:grid;grid-template-columns:1fr;gap:22px;padding:clamp(28px,2.35vw,42px);border-radius:22px;background:var(--paper);border:1px solid var(--line);box-shadow:0 30px 70px rgba(44,35,25,.1);scroll-margin-top:calc(var(--header-compact) + 16px)}
.answer-copy h3{font-size:clamp(2rem,2.65vw,3.2rem);max-width:11ch;margin-bottom:18px}
.answer-copy>p:last-child{max-width:620px;margin-bottom:0;color:var(--muted);font-size:.96rem;line-height:1.62}
.problem-answer ol{list-style:none;padding:0;margin:0;align-self:center}
.problem-answer li{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.problem-answer li b{color:var(--coral);font-size:.75rem}
.text-link{justify-self:start;display:inline-flex;gap:22px;padding-bottom:7px;border-bottom:1px solid var(--ink);font-size:.88rem;font-weight:600}
.answer-copy,.problem-answer ol{transition:opacity .16s,transform .22s var(--ease)}
.problem-answer.is-changing .answer-copy,.problem-answer.is-changing ol{opacity:.12;transform:translateY(8px)}

.method{position:relative;padding:var(--section-y) var(--pad);overflow:clip;contain:paint}
.method::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.065) .8px,transparent .8px);background-size:15px 15px;mask-image:linear-gradient(90deg,#000,transparent 75%)}
.method-heading{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px;width:min(100%,1000px);margin:0 auto 56px;text-align:center}
.method-heading h2{max-width:10ch;margin:0 auto;text-wrap:balance}
.method-heading>p:last-child{max-width:680px;margin:0 auto;color:#aaa59d;font-size:1.08rem;line-height:1.75}
.method-route{position:absolute;right:-5vw;top:3vw;width:55vw;height:55vw;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:rotate(12deg)}
.method-route::before,.method-route::after{content:"";position:absolute;border:1px solid rgba(255,90,71,.15);border-radius:50%}
.method-route::before{inset:12% -10%}
.method-route::after{inset:24% -22%}
.method-route i{position:absolute;right:7%;top:32%;width:8px;height:8px;border-radius:50%;background:var(--coral)}
.floor-plan{position:relative;z-index:2;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(150px,auto);gap:12px;padding:12px;background:#242427;border:1px solid #38383c}
.method-room{position:relative;min-height:220px;margin:0;padding:clamp(26px,2.6vw,42px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:var(--paper);color:var(--ink);transition:transform .24s var(--ease),background .2s,color .2s}
.method-room:focus-visible{outline:3px solid var(--coral);outline-offset:-7px}
.method-room:hover{transform:translateY(-4px)}
.method-room p{font-size:.68rem;font-weight:600;letter-spacing:.18em;color:var(--coral-dark)}
.method-room h3{max-width:18ch;margin:38px 0 0;font-size:clamp(1.38rem,2.25vw,2.55rem)}
.room-understand{grid-column:1/5;grid-row:1}
.room-organize{grid-column:5/13;grid-row:1;background:var(--paper-2)}
.room-image{grid-column:1/8;grid-row:2/4;padding:0;min-height:480px;color:var(--white)}
.room-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.room-image::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(15,15,16,.84))}
.room-image figcaption{position:absolute;z-index:2;left:38px;right:38px;bottom:32px;font-size:clamp(1.3rem,2.2vw,2.35rem);font-weight:600;line-height:1.15}
.room-check{grid-column:8/13;grid-row:2;background:var(--coral)}
.room-check p{color:#692014}
.room-compare{grid-column:8/13;grid-row:3;background:#1c1c1f;color:var(--white);border:1px solid #44444a}
.room-compare p{color:var(--coral)}
.room-decide{grid-column:1/6;grid-row:4;background:var(--paper-2)}
.room-conduct{grid-column:6/13;grid-row:4}

.team{padding:var(--section-y) var(--pad);border-top:1px solid var(--line-dark)}
.team-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:54px}
.team-heading h2{max-width:12ch;margin-bottom:0}
.team-heading>p:last-child{max-width:620px;color:#aaa59d;font-size:1.08rem;line-height:1.75}
.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.person{position:relative;height:clamp(400px,29vw,480px);min-height:0;border:1px solid #39393e;border-radius:44px 12px 12px 12px;overflow:hidden;background:#1b1b1e;color:var(--white);transition:transform .26s var(--ease),border-color .2s}
.person:hover{transform:translateY(-9px);border-color:rgba(255,90,71,.7)}
.person>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.88)}
.person:nth-child(5)>img{object-position:center center}
.person::after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(10,10,11,.92))}
.person>div:last-child{position:absolute;z-index:2;left:25px;right:25px;bottom:24px}
.person h3{margin:0 0 7px;font-size:clamp(1.15rem,1.45vw,1.55rem);letter-spacing:-.035em}
.person p{margin:0;color:#bbb6af;font-size:.66rem;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}
.person-pending{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#29292d,#18181b 62%)}
.person-pending::before{content:"";position:absolute;width:270px;height:270px;border:1px solid #35353a;border-radius:50%}
.person-pending::after{background:linear-gradient(transparent 54%,rgba(10,10,11,.74))}
.pending-mark{position:static!important;width:108px;height:108px;border:1px solid #47474d;border-radius:50%;display:grid;place-items:center!important;color:#777!important}
.pending-mark span{font-size:1.35rem;letter-spacing:.14em}

.sia{position:relative;padding:var(--section-y) var(--pad);overflow:clip}
.sia::before{content:"";position:absolute;left:-18vw;top:-25vw;width:80vw;height:70vw;border:1px solid rgba(15,15,16,.11);border-radius:50%;transform:rotate(-12deg)}
.sia-heading{position:relative;z-index:2;max-width:1120px;margin:0 auto 48px;text-align:center}
.sia-heading .eyebrow::before{display:none}
.sia-heading h2{max-width:15ch;margin-left:auto;margin-right:auto}
.sia-heading h2 span{display:block;color:#74706a}
.sia-heading>p{max-width:850px;margin-left:auto;margin-right:auto;color:var(--muted);font-size:1.02rem;line-height:1.68}
.sia-dual-reading{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:980px;margin:38px auto 0;padding:0;background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}
.sia-dual-reading article{min-height:0;padding:24px 28px 26px 0;background:transparent}
.sia-dual-reading article+article{padding-left:28px;border-left:1px solid var(--line)}
.sia-dual-reading article.sia-dual-reading-insider{background:transparent;color:var(--ink)}
.sia-dual-reading b{display:block;margin-bottom:13px;color:var(--coral-dark);font-size:.65rem;line-height:1.4;letter-spacing:.16em}
.sia-dual-reading p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.62}
.sia-dual-reading-insider p{color:var(--muted)}
.sia-stage{position:relative;z-index:2;max-width:1320px;margin:0 auto 58px}
.sia-browser-shell{position:relative;padding:1px;border-radius:clamp(34px,3.5vw,54px) 18px 18px 18px;background:linear-gradient(145deg,#48484e 0,#1d1d20 34%,#0f0f11 100%);box-shadow:0 50px 110px rgba(34,27,21,.18);isolation:isolate}
.sia-browser-shell::before{content:"";position:absolute;inset:18% -4% -8% 48%;z-index:-1;border:1px solid rgba(255,90,71,.2);border-radius:50%;transform:rotate(-11deg)}
.sia-browser{position:relative;background:#151518;padding:16px;border-radius:calc(clamp(34px,3.5vw,54px) - 1px) 17px 17px 17px;overflow:hidden}
.sia-browser-bar{height:66px;display:flex;align-items:center;gap:18px;padding:0 20px;color:var(--white)}
.sia-browser-bar span{display:flex;align-items:center;gap:12px;font-size:.75rem;font-weight:600;letter-spacing:.14em}
.sia-browser-bar span img{width:36px;height:36px}
.sia-browser-bar span em{padding-left:12px;border-left:1px solid #404045;color:#aaa69f;font-size:.56rem;font-style:normal;font-weight:500;white-space:nowrap}
.sia-browser-bar p{margin-left:auto;margin-bottom:0;font-size:.62rem;letter-spacing:.16em;color:#aaa69f}
.sia-browser-bar i{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 6px rgba(255,90,71,.12)}
.sia-screen{display:block;width:100%;aspect-ratio:1.885/1;object-fit:cover;border-radius:14px}
.sia-quadro{margin:0;position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:var(--ink-2);box-shadow:0 40px 90px rgba(24,18,10,.16)}
.sia-quadro img{display:block;width:100%;height:auto}
.sia-quadro figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:26px clamp(18px,2.4vw,30px) 16px;background:linear-gradient(180deg,transparent,rgba(15,15,16,.86) 58%);color:#c8c4bd;font-size:.76rem;line-height:1.5}
.sia-quadro figcaption span{padding:4px 10px;border-radius:999px;background:var(--coral);color:#111;font-size:.62rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase}
.problem-answer[hidden]{display:none}
.sia-caption{position:relative;display:grid;gap:7px;width:min(780px,82%);margin:-26px auto 0;padding:17px 28px 19px;border:1px solid #303034;border-radius:20px;background:var(--ink);color:var(--white);text-align:center;box-shadow:0 22px 50px rgba(15,15,16,.2)}
.sia-caption small{color:var(--coral);font-size:.58rem;font-weight:700;letter-spacing:.17em}
.sia-caption span{font-size:.9rem;line-height:1.45;font-weight:500}

.sia-anatomy{position:relative;z-index:2;max-width:1320px;margin:86px auto 58px;padding:clamp(30px,4vw,58px);overflow:hidden;border:1px solid #313136;border-radius:clamp(42px,4vw,62px) 18px 18px 18px;background:#111113;color:var(--white);box-shadow:0 42px 95px rgba(18,15,13,.16)}
.sia-anatomy::before,.sia-anatomy::after{content:"";position:absolute;pointer-events:none;border:1px solid #2c2c30;border-radius:50%;opacity:.78}
.sia-anatomy::before{width:76%;height:88%;right:-21%;top:-37%;transform:rotate(15deg)}
.sia-anatomy::after{width:57%;height:58%;left:-18%;bottom:-31%;border-color:rgba(255,90,71,.2);transform:rotate(-13deg)}
.sia-anatomy>header{position:relative;z-index:2;display:grid;grid-template-columns:.62fr 1.1fr .8fr;gap:clamp(24px,3.6vw,58px);align-items:start;margin-bottom:clamp(34px,4.8vw,64px)}
.sia-anatomy>header .eyebrow{margin:8px 0 0;color:var(--coral)}
.sia-anatomy>header h3{max-width:14ch;margin:0;font-size:clamp(2.2rem,3.7vw,4.45rem);line-height:.95;letter-spacing:-.065em}
.sia-anatomy>header h3 span{display:block;color:#85817b}
.sia-anatomy>header>p:last-child{max-width:390px;margin:5px 0 0;color:#aaa59f;font-size:.95rem;line-height:1.68}
.sia-system-map{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);gap:18px;align-items:stretch}
.sia-module-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid #333337;border-radius:24px 10px 10px 10px;overflow:hidden;background:#333337}
.sia-module{position:relative;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:5px 10px;min-height:132px;padding:24px 22px;border:0;background:#19191c;color:var(--white);text-align:left;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}
.sia-module::after{content:"\2197";position:absolute;right:19px;top:18px;color:#5c5955;font-size:.95rem;transition:transform .2s var(--ease),color .2s var(--ease)}
.sia-module:hover{z-index:2;background:#202024}
.sia-module:hover::after{color:var(--coral);transform:translate(2px,-2px)}
.sia-module:focus-visible{z-index:3;outline:2px solid var(--coral);outline-offset:-3px}
.sia-module b{grid-row:1/3;margin-top:3px;color:var(--coral);font:600 .66rem/1 var(--mono);letter-spacing:.12em}
.sia-module span{align-self:end;padding-right:24px;font-size:clamp(.92rem,1.05vw,1.08rem);font-weight:700;letter-spacing:-.025em}
.sia-module small{color:#8f8b84;font-size:.72rem;line-height:1.45}
.sia-module.is-active{background:var(--cream);color:var(--ink);transform:translateZ(0)}
.sia-module.is-active::after{color:var(--coral-dark)}
.sia-module.is-active small{color:#736f69}
.sia-module-panel{position:relative;min-height:100%;padding:clamp(32px,3.5vw,50px);overflow:hidden;border:1px solid #37373c;border-radius:24px 10px 10px 10px;background:radial-gradient(circle at 78% 18%,rgba(255,90,71,.13),transparent 34%),#1a1a1d;color:var(--white);transition:opacity .18s ease,transform .18s ease}
.sia-module-panel.is-changing{opacity:.2;transform:translateY(7px)}
.sia-module-panel>p:first-of-type{position:relative;z-index:2;margin:0 0 clamp(42px,6vw,84px);color:var(--coral);font:600 .64rem/1.4 var(--mono);letter-spacing:.16em}
.sia-module-panel h4{position:relative;z-index:2;max-width:10ch;margin:0 0 24px;font-size:clamp(2rem,3vw,3.6rem);line-height:.97;letter-spacing:-.06em}
.sia-module-panel>p:nth-of-type(2){position:relative;z-index:2;max-width:36ch;margin:0 0 34px;color:#aaa59f;font-size:.9rem;line-height:1.65}
.sia-module-panel ul{position:relative;z-index:2;margin:0;padding:0;border-top:1px solid #36363b;list-style:none}
.sia-module-panel li{display:flex;align-items:center;min-height:48px;border-bottom:1px solid #303035;color:#e9e5df;font-size:.76rem}
.sia-module-panel li::before{content:"";width:6px;height:6px;margin-right:12px;border-radius:50%;background:var(--coral)}
.sia-panel-orbit{position:absolute;right:-22%;top:-8%;width:82%;aspect-ratio:1;opacity:.72}
.sia-panel-orbit i{position:absolute;inset:0;border:1px solid #38383d;border-radius:50%;transform:rotate(18deg)}
.sia-panel-orbit i:nth-child(2){inset:18%;border-color:rgba(255,90,71,.28);transform:rotate(-22deg)}
.sia-panel-orbit i:nth-child(3){inset:40%;border-color:#47474c;transform:none}
.sia-panel-orbit{animation:sia-orbit 24s linear infinite}
@keyframes sia-orbit{to{transform:rotate(360deg)}}
.sia-pretende{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(24px,4vw,64px);margin-top:clamp(38px,5vh,58px);padding-top:clamp(30px,4vh,46px);border-top:1px solid var(--line)}
.sia-pretende ul{grid-column:1;display:grid;gap:0;margin:0;padding:0;list-style:none}
.sia-pretende .eyebrow{grid-column:1;margin-bottom:18px}
.sia-pretende li{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--line);font-size:clamp(.95rem,1.25vw,1.12rem);font-weight:500;letter-spacing:-.02em}
.sia-pretende li:last-child{border-bottom:0}
.sia-pretende li b{color:var(--coral);font:600 .7rem/1 var(--mono);letter-spacing:.12em}
.sia-pretende .button{grid-column:2;grid-row:2}
@media (max-width:820px){.sia-pretende{grid-template-columns:1fr}.sia-pretende .button{grid-column:1;grid-row:auto;width:100%;margin-top:22px}}
.sia-thesis{position:relative;z-index:2;display:grid;grid-template-columns:.72fr 1.4fr 1fr;gap:clamp(28px,4vw,66px);align-items:start;max-width:1320px;margin:72px auto 48px;padding-top:34px;border-top:1px solid var(--line)}
.sia-thesis .eyebrow{margin:7px 0 0}
.sia-thesis h3{max-width:18ch;margin:0;font-size:clamp(1.8rem,2.7vw,3.15rem);line-height:1.02;letter-spacing:-.05em}
.sia-thesis>p:last-child{max-width:440px;margin:2px 0 0;color:var(--muted);font-size:.96rem;line-height:1.7}
.sia-benefits{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sia-benefits article{min-height:200px;padding:30px;border-right:1px solid var(--line)}
.sia-benefits article:last-child{border-right:0}
.sia-benefits b{display:block;margin-bottom:32px;color:var(--coral-dark);font-size:.72rem}
.sia-benefits h3{font-size:1.25rem;margin-bottom:12px}
.sia-benefits p{margin:0;color:var(--muted);font-size:.9rem}

.contact{padding:var(--section-y) var(--pad);display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(54px,7vw,118px);align-items:center;border-top:1px solid var(--line-dark)}
.contact h2{max-width:13ch;margin-bottom:0}
.contact-action p{max-width:560px;margin-bottom:34px;color:#aaa59d;font-size:1.02rem;line-height:1.75}
.contact-email{display:block;width:max-content;margin-top:26px;padding-bottom:7px;border-bottom:1px solid #6e6b66;color:#d7d2cb}
.site-footer{min-height:160px;display:grid;grid-template-columns:1.2fr .35fr 1fr .65fr;gap:24px;align-items:center;padding:34px var(--pad);background:#0a0a0b;color:#8f8b84;border-top:1px solid #29292c;font-size:.78rem}
.footer-brand{display:flex;align-items:center;color:var(--white)}
.footer-brand img{width:clamp(188px,14vw,224px);height:auto}
.site-footer p{margin:0}
.site-footer address{font-style:normal}
/* O RODAPÉ. MEDIDO: a última coluna recebe 239 px e os quatro links precisam
   de 250 px de texto mais 60 px de vãos = 310 px. Item de flex tem
   min-width:auto, então cada <a> encolhia até a sua palavra mais longa, e
   "Todos os canais" ficava com 42 px quebrado em QUATRO linhas — o bloco ia
   de 19 px para 77 px de altura.
   São duas correções que fazem coisas diferentes, e por isso ficam as duas:
   `nowrap` impede que um link parta no meio em QUALQUER largura, e é a rede
   de segurança; o envelope de 1181 dá à coluna os 310 px de que ela precisa,
   para que nem chegue a envolver na largura em que o dono trabalha.
   Abaixo de 1181 as media queries de sempre continuam governando sozinhas. */
.footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;
  column-gap:20px;row-gap:6px;color:#d7d2cb}
.footer-links a{white-space:nowrap}
@media (min-width:1181px){
  .site-footer{grid-template-columns:minmax(0,1.2fr) auto minmax(0,1fr) auto}
}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .38s var(--ease),transform .38s var(--ease)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.team-grid .reveal:nth-child(2),.sia-benefits .reveal:nth-child(2),.founder-grid .reveal:nth-child(2){transition-delay:45ms}
.team-grid .reveal:nth-child(3),.sia-benefits .reveal:nth-child(3),.founder-grid .reveal:nth-child(3){transition-delay:90ms}
.team-grid .reveal:nth-child(4),.sia-benefits .reveal:nth-child(4),.founder-grid .reveal:nth-child(4){transition-delay:135ms}
.team-grid .reveal:nth-child(5),.sia-benefits .reveal:nth-child(5),.founder-grid .reveal:nth-child(5){transition-delay:180ms}
.team-grid .reveal:nth-child(6),.sia-benefits .reveal:nth-child(6),.founder-grid .reveal:nth-child(6){transition-delay:225ms}
.team-grid .reveal:nth-child(7),.sia-benefits .reveal:nth-child(7),.founder-grid .reveal:nth-child(7){transition-delay:270ms}
.team-grid .reveal:nth-child(8),.sia-benefits .reveal:nth-child(8),.founder-grid .reveal:nth-child(8){transition-delay:315ms}
.floor-plan .reveal:nth-child(2){transition-delay:.08s}
.floor-plan .reveal:nth-child(3){transition-delay:.12s}
.floor-plan .reveal:nth-child(4){transition-delay:.16s}
.floor-plan .reveal:nth-child(5){transition-delay:.2s}
.floor-plan .reveal:nth-child(6){transition-delay:.24s}
.floor-plan .reveal:nth-child(7){transition-delay:.28s}

@media (max-width:1280px){
  .question{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);column-gap:clamp(34px,5vw,68px);row-gap:42px}
  .question-heading{grid-column:1/-1;position:static;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}
  .question-heading .eyebrow{grid-column:1/-1}.question-heading h2{margin-bottom:0}.question-heading>p:last-child{margin-bottom:0}
  .question-picker{grid-column:1}.answer-stage{grid-column:2}.answer-copy h3{font-size:clamp(2rem,3.5vw,3.3rem)}
}

@media (min-width:1281px){
  .question{min-height:calc(100svh - var(--header-compact))}
  .question-picker{display:flex;flex-direction:column;min-height:0;height:clamp(540px,calc(100svh - var(--header-compact) - var(--section-y) - var(--section-y)),820px)}
  .sentence-label{flex:0 0 auto}
  .problem-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:clamp(8px,.8vw,14px);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(201,52,33,.72) transparent}
  .problem-list::-webkit-scrollbar{width:5px}
  .problem-list::-webkit-scrollbar-track{background:transparent}
  .problem-list::-webkit-scrollbar-thumb{background:rgba(201,52,33,.58);border-radius:999px}
  .problem-list::-webkit-scrollbar-thumb:hover{background:var(--coral-dark)}
  .problem-list:focus-visible{outline:2px solid var(--coral);outline-offset:6px}
}

@media (max-width:1180px){
  .site-header nav{gap:14px}.nav-links{display:none}.nav-actions{gap:10px}
  .menu-toggle{display:block;width:48px;height:48px;position:relative;color:var(--white);cursor:pointer}.menu-toggle b{position:absolute;width:1px;height:1px;overflow:hidden}.menu-toggle span{display:block;width:23px;height:1px;margin:5px auto;background:currentColor;transition:transform .2s,opacity .2s}
  .site-header.is-menu-open nav{position:absolute;left:12px;right:12px;top:68px;display:grid;gap:8px;padding:18px;border:1px solid #333339;border-radius:22px;background:#171719;box-shadow:0 30px 70px rgba(0,0,0,.4)}.site-header.is-menu-open .nav-links,.site-header.is-menu-open .nav-actions{display:grid;gap:4px}.site-header.is-menu-open .nav-actions{margin-top:6px}.site-header.is-menu-open nav a{display:flex!important;padding:14px;border-radius:13px}.site-header.is-menu-open .nav-sia,.site-header.is-menu-open .nav-sia .nav-login{display:flex;width:100%}.site-header.is-menu-open .nav-sia{display:block}.site-header.is-menu-open .nav-sia-menu{position:static;margin-top:6px;min-width:0;box-shadow:none;background:#101012;animation:none}.site-header.is-menu-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-header.is-menu-open .menu-toggle span:nth-child(2){opacity:0}.site-header.is-menu-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .hero{grid-template-columns:.9fr 1.1fr}.hero-copy{padding-right:30px;transform:translateY(-6px)}h1{font-size:clamp(3rem,5.6vw,5.15rem)}
  .founders{grid-template-columns:1fr}.section-heading{text-align:center}.section-heading h2,.section-heading>p:last-child{margin-left:auto;margin-right:auto}
  .founder-card{min-height:520px}
  .team-grid{grid-template-columns:repeat(3,1fr)}
  .sia-anatomy>header{grid-template-columns:.55fr 1.2fr}.sia-anatomy>header>p:last-child{grid-column:2}
  .sia-system-map{grid-template-columns:1fr minmax(300px,.75fr)}.sia-module-list{grid-template-columns:1fr}.sia-module{min-height:102px}
  .sia-benefits{grid-template-columns:repeat(2,1fr)}.sia-benefits article:nth-child(2){border-right:0}.sia-benefits article:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .site-footer{grid-template-columns:1fr 1fr}.footer-links{justify-content:flex-start}
}

@media (max-width:820px){
  :root{--pad:22px;--st-corner:62px}
  .site-header{height:72px;background:rgba(15,15,16,.94);backdrop-filter:blur(16px)}
  .brand img,.site-header.is-scrolled .brand img{width:166px}
  .menu-toggle{margin-left:auto}
  .site-header nav{display:none;position:absolute;left:12px;right:12px;top:68px;padding:18px;border:1px solid #333339;border-radius:22px;background:#171719;box-shadow:0 30px 70px rgba(0,0,0,.4)}
  .site-header.is-menu-open nav{display:grid;gap:8px}.site-header.is-menu-open .nav-links,.site-header.is-menu-open .nav-actions{display:grid;gap:4px}.site-header.is-menu-open .nav-actions{margin-top:6px}.site-header.is-menu-open nav a{display:flex!important;padding:14px;border-radius:13px}.site-header.is-menu-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-header.is-menu-open .menu-toggle span:nth-child(2){opacity:0}.site-header.is-menu-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .hero{height:auto;min-height:0;display:flex;flex-direction:column;padding:72px 0 0}.hero-copy{padding:72px var(--pad) 52px;transform:none}.hero-media{min-height:62svh;height:auto;margin-left:var(--pad);border-left:0}.hero-line{display:none}
  .hero-actions{display:grid}.button{width:100%}
  .founders{padding-top:var(--section-y)}.founder-grid{grid-template-columns:1fr 1fr}.founder-card{min-height:440px}.founder-card div{left:20px;right:20px;bottom:20px}.founder-proof{flex-wrap:wrap;font-size:.64rem}.founder-proof i{width:24px}
  .question{grid-template-columns:1fr;row-gap:38px}.question-heading{grid-column:1;display:block}.question-picker{grid-column:1;min-width:0}.answer-stage{grid-column:1;position:static}.answer-stage-label{display:none}
  .problem-option{grid-template-columns:40px 1fr 30px;padding:21px 0}.problem-option span{font-size:1.16rem}.problem-option.is-active i{transform:rotate(90deg)}
  .problem-answer{grid-template-columns:1fr;padding:32px 24px}.problem-answer.is-inline{margin:0 0 22px;border-radius:22px;box-shadow:0 18px 45px rgba(44,35,25,.09)}
  .method-heading,.team-heading{grid-template-columns:1fr;gap:18px;margin-bottom:54px}.method-heading{justify-items:start;width:100%;margin-left:0;margin-right:0;text-align:left}.method-heading h2,.method-heading>p:last-child{margin-left:0;margin-right:0}.method-heading h2,.team-heading h2{margin-bottom:0}
  .floor-plan{display:flex;flex-direction:column}.method-room,.room-image{min-height:280px}.room-image{order:3}.room-image img{position:absolute}.room-check{order:4}.room-compare{order:5}.room-decide{order:6}.room-conduct{order:7}
  .team-grid{grid-template-columns:repeat(2,1fr)}.person{height:400px;min-height:0}
  .sia-dual-reading{grid-template-columns:1fr}.sia-dual-reading article{padding:22px 0}.sia-dual-reading article+article{padding-left:0;border-top:1px solid var(--line);border-left:0}.sia-browser{padding:8px;border-radius:38px 14px 14px 14px}.sia-browser-shell{border-radius:39px 15px 15px 15px}.sia-browser-bar{height:52px;padding:0 10px}.sia-browser-bar p{display:none}.sia-browser-bar span{font-size:.62rem}.sia-browser-bar span img{width:30px;height:30px}.sia-browser-bar span em{font-size:.5rem}.sia-caption{width:calc(100% - 20px);margin-top:10px}.sia-anatomy{margin-top:58px;padding:28px 22px;border-radius:46px 14px 14px 14px}.sia-anatomy>header{grid-template-columns:1fr;gap:18px}.sia-anatomy>header>p:last-child{grid-column:auto}.sia-anatomy>header h3{max-width:13ch}.sia-system-map{grid-template-columns:1fr}.sia-module-list{grid-template-columns:1fr 1fr}.sia-module{min-height:112px}.sia-module-panel{min-height:410px}.sia-thesis{grid-template-columns:1fr;gap:18px;margin-top:46px}.sia-thesis .eyebrow{margin-top:0}.sia-thesis h3{max-width:18ch}.sia-thesis>p:last-child{max-width:620px}
  .sia-benefits{grid-template-columns:1fr}.sia-benefits article,.sia-benefits article:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.sia-benefits article:last-child{border-bottom:0}
  .contact{grid-template-columns:1fr;gap:38px}.contact h2{margin-bottom:0}
}

@media (max-width:520px){
  h1{font-size:clamp(2.75rem,13vw,4.2rem)}h2{font-size:clamp(2.35rem,10.5vw,3.55rem)}
  .hero-copy{padding-top:56px}.hero-media{min-height:55svh;margin-left:12px}.media-caption{left:22px;bottom:24px}.video-toggle{right:14px;top:14px}
  .founder-grid{grid-template-columns:1fr}.founder-card{min-height:520px}.founder-proof{display:none}
  .question{row-gap:38px}.problem-option{padding:19px 0}.problem-option:hover,.problem-option.is-active{padding-left:10px;padding-right:7px}
  .team-grid{grid-template-columns:1fr}.person{height:540px;min-height:0}
  .sia-heading{text-align:left}.sia-heading .eyebrow::before{display:inline-block}.sia-heading h2{margin-left:0}.sia-heading>p{margin-left:0}.sia-browser-bar span em{display:none}.sia-caption{text-align:left}.sia-anatomy{margin-left:-10px;margin-right:-10px;padding:26px 16px;border-radius:42px 12px 12px 12px}.sia-anatomy>header h3{font-size:clamp(2.35rem,10.5vw,3.3rem)}.sia-module-list{grid-template-columns:1fr}.sia-module{min-height:94px;padding:20px 18px}.sia-module-panel{min-height:390px;padding:30px 24px}.sia-module-panel>p:first-of-type{margin-bottom:54px}.sia-thesis h3{font-size:clamp(2rem,9.5vw,3rem)}
  .site-footer{grid-template-columns:1fr;gap:16px}.footer-links{flex-direction:column}.site-footer address{max-width:260px}
  .method-route{display:none}
}

@media (min-width:821px) and (max-height:850px){
  .founder-card{min-height:clamp(400px,52svh,470px)}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}[data-parallax]{transform:none!important}.sia-panel-orbit{animation:none!important}
}

/* ══════════════════════════════════════════════════════════════════════════
   PAGINAS INTERNAS — sobre, contato, equipe, atuacao e as doze situacoes.
   Escritas uma vez aqui; o HTML delas sai de ferramentas/monta-as-paginas.py.
   Raios 22 / 14 / 11 e transicoes de 160-240 ms, como o resto da casa.
   ══════════════════════════════════════════════════════════════════════════ */
.pagina-topo{padding:calc(var(--header-height) + clamp(46px,8vh,92px)) var(--pad) clamp(44px,6vh,74px);background:var(--ink);color:var(--white)}
.pagina-topo h1{font-size:clamp(2.5rem,5vw,4.4rem);max-width:16ch;margin-bottom:22px}
.pagina-resumo{max-width:64ch;color:#c8c4bd;font-size:clamp(.98rem,1.15vw,1.16rem);line-height:1.64}
.resposta-curta{max-width:70ch;padding-left:18px;border-left:2px solid var(--coral)}
.pagina-topo .hero-actions{margin-top:30px}
.trilha{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:26px;font-size:.72rem;letter-spacing:.06em;color:#726f68}
.trilha a{color:#a8a49d;transition:color .18s}
.trilha a:hover{color:var(--coral)}
.trilha i{font-style:normal;color:#4a4843}
.trilha span:last-child{color:var(--white)}
.pagina-numeros{display:flex;flex-wrap:wrap;gap:clamp(20px,4vw,58px);margin-top:38px;padding-top:28px;border-top:1px solid var(--line-dark)}
.pagina-numeros b{display:block;font-size:clamp(1rem,1.5vw,1.32rem);letter-spacing:-.03em}
.pagina-numeros span{display:block;margin-top:5px;color:#8f8b84;font-size:.75rem}
.aviso-sigilo{max-width:60ch;margin-top:26px;padding:14px 18px;border-radius:11px;background:rgba(255,90,71,.1);border:1px solid rgba(255,90,71,.28);color:#e8e4dd;font-size:.85rem;line-height:1.55}

.pagina-corpo{padding:clamp(50px,7vh,90px) var(--pad);background:var(--paper);color:var(--ink)}
.pagina-corpo>*{max-width:var(--max);margin-left:auto;margin-right:auto}
/* `.blocos` e `.bloco` sairam com a grade que os usava. Era ELA a causa da
   laje cinza: a grade PINTAVA FUNDO e usava vao de 1px para desenhar as
   divisorias, entao toda vez que a contagem de cartoes nao fosse multipla
   do numero de colunas a pista que sobra deixava de ser fio e virava laje
   de 830x297 px. Quatro colunas fecharia HOJE e o defeito voltaria no
   quinto item do JSON. `.principio` fica: continua em uso. */
.principio{margin-top:32px;color:var(--muted);font-size:.9rem;line-height:1.6}
.principio a{color:var(--coral-dark);font-weight:600;text-decoration:underline;text-underline-offset:3px}

.canais{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin-bottom:clamp(38px,5vh,60px)}
.canal{position:relative;display:block;padding:clamp(22px,2.4vw,32px);border:1px solid var(--line);border-radius:22px;background:var(--white);transition:border-color .18s,transform .18s var(--ease),box-shadow .18s}
.canal:hover{border-color:var(--coral);transform:translateY(-2px);box-shadow:0 16px 40px rgba(44,35,25,.08)}
.canal b{display:block;color:var(--coral-dark);font-size:.68rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px}
.canal strong{display:block;font-size:clamp(1.02rem,1.4vw,1.22rem);letter-spacing:-.03em;margin-bottom:7px}
.canal small{display:block;color:var(--muted);font-size:.8rem;line-height:1.5}
.canal i{position:absolute;right:22px;top:22px;font-style:normal;color:#b3ada2;transition:color .18s,transform .18s var(--ease)}
.canal:hover i{color:var(--coral);transform:translate(2px,-2px)}

.expectativa ol{list-style:none;padding:0;margin:0;display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.expectativa li{display:grid;grid-template-columns:54px 1fr;gap:16px;padding:22px clamp(20px,2.4vw,32px);background:var(--white)}
.expectativa li b{color:var(--coral);font:600 .74rem/1.6 var(--mono);letter-spacing:.12em}
.expectativa h3{font-size:1.02rem;margin-bottom:6px}
.expectativa p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}
.endereco-completo{margin-top:clamp(38px,5vh,60px);padding-top:30px;border-top:1px solid var(--line)}
.endereco-completo address{font-style:normal;font-size:1.02rem;line-height:1.8;margin-bottom:16px}

/* ══════════════════════════════════════════════════════════════════════
   /equipe — PROPOSTA · 24/08/2026
   Substitui o bloco `.pessoas` … `.pessoa p:last-child` de
   01_HTML_CANONICO_PRONTO_PARA_ABRIR/styles.css (hoje linhas 452–459).
   Nada mais da folha é tocado.

   POR QUE O NOME MUDA
   ===================
   MEDIDO a 1366 px, no navegador, na página no ar em localhost:4321:
   a moldura vazia de Isabela Sene e Lailla Ribeiro sai 286×108 px com
   border-radius 50% — uma ELIPSE de 2,65:1 — onde as outras seis saem
   286×357 retangulares; e sobram 250 px de branco embaixo do texto delas.

   A causa NÃO está no bloco da /equipe. Está em styles.css:214:

     .pending-mark{position:static!important;width:108px;height:108px;
       border:1px solid #47474d;border-radius:50%;display:grid;
       place-items:center!important;color:#777!important}

   Essa regra foi escrita para o MEDALHÃO da home — o círculo de 108 px
   dentro do cartão escuro `.person-pending`. O gerador
   (monta-as-paginas.py:376) emitia a MESMA classe `pending-mark` na
   /equipe, que é outro componente, em outro fundo, com outra geometria.
   `.pessoa .pending-mark` (linha 455) só derrubava `width` e `background`.
   Quatro declarações vazavam:

     height:108px      → a moldura ficou 249 px mais baixa que uma foto
     border-radius:50% → com width:100%, 108 px de altura viram elipse
     border:1px #47474d→ linha de tema escuro sobre cartão creme
     color:#777!important → iniciais a 3,60:1 sobre #ebe6dc (piso 4,5)

   e uma quinta por `.pending-mark span` (linha 215): font-size 1,35rem
   vencia o 2rem que o bloco da /equipe pedia.

   PROVA DA CAUSA (feita no navegador, na página real):
   desligando SÓ height, border-radius e border em `.pessoa .pending-mark`,
   a moldura passou de 286×108 / radius 50% para 286×357 / radius 0 —
   idêntica a uma foto — e o vão de 250 px fechou. Religando, o defeito
   voltou. É a regra da home, e mais nada.

   O CONSERTO É DE NOME, e é por isso que ele é de raiz: a /equipe passa a
   ter classes `.eq-*`, que não existem em nenhuma outra página. A home
   fica intocada — `.pending-mark` volta a ser dela, e só dela.

   O QUE QUEBRA NAS OUTRAS 18 PÁGINAS: nada, e foi conferido por leitura.
     · `class="pessoa`  aparece em 1 dos 20 HTML publicados (equipe)
     · `class="person`  aparece em 1 (a home)
     · `eq-`            aparece em 0
   Nenhum seletor abaixo casa com as outras 18. E a linha 214 continua
   exatamente como está — quem a lê é só a home.
   ═══════════════════════════════════════════════════════════════════ */

/* ── os blocos ──────────────────────────────────────────────────────── */
.eq-bloco{padding:clamp(50px,7vh,90px) var(--pad)}
.eq-bloco>*{max-width:var(--max);margin-left:auto;margin-right:auto}
.eq-banca{background:var(--paper);color:var(--ink)}
.eq-porta{background:var(--ink);color:var(--white)}
.eq-apoio{background:var(--white);color:var(--ink)}
/* MEDIDO nesta bancada: `.eyebrow` da casa e' --coral #ff5a47, que sobre
   --paper da 2,76:1 e sobre --white 3,06:1 -- abaixo do piso de 4,5 para
   11,2 px. NAO e' defeito que eu esteja criando: a home ja' tem eyebrow
   coral sobre creme em `.sia-heading`. Mas eu tambem nao vou plantar mais
   um. Dentro dos blocos claros da /equipe a cor passa a --coral-dark
   #c93421: 4,70:1 sobre --paper e 5,21:1 sobre --white. Nos blocos
   escuros o coral fica, que la' da' 6,21:1.
   O conserto do `.eyebrow` GLOBAL nao esta aqui de proposito: mexer nele
   e' mexer em 19 paginas, e a decisao nao e' desta frente. Fica anotado. */
.eq-banca .eyebrow,.eq-apoio .eyebrow{color:var(--coral-dark)}

/* #67645d e nao --muted: --muted #726f68 a 16,3 px sobre --paper da'
   4,49:1, que erra o piso por um centesimo. #67645d da' 5,28:1. */
.eq-abre{max-width:62ch;margin:0 0 clamp(34px,4vh,52px);color:#67645d;font-size:1.02rem;line-height:1.68}
.eq-porta .eq-abre{color:#c8c4bd}

/* ── as fichas de quem responde pelo caso ───────────────────────────── */
/* A grade é FIXA em duas colunas, e isso é escolha, não descuido.
   MEDIDO: a grade antiga — repeat(auto-fit,minmax(min(100%,280px),1fr)) —
   vira TRÊS colunas entre 1024 e ~1230 px de janela, e com 8 pessoas
   deixa UM buraco cinza na última fileira. É o mesmo defeito que a /sobre
   tem com 4 cartões em 3 colunas, latente aqui e visível em qualquer
   notebook de 1280. Contagem fixa contra número par não tem buraco. */
.eq-fichas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,28px)}
.eq-ficha{display:grid;grid-template-columns:clamp(200px,21vw,300px) 1fr;
  border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--white)}
/* height:100% é o que fecha a família do vão branco: a moldura acompanha
   a altura do cartão em vez de parar onde a imagem acaba. */
.eq-ficha img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.88)}
.eq-ficha>div:last-child{display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,2vw,30px)}
.eq-ficha h3{margin:0 0 6px;font-size:clamp(1.2rem,1.5vw,1.55rem)}
.eq-cargo{margin:0 0 14px;color:var(--coral-dark);font-size:.76rem;font-weight:600;letter-spacing:.04em}
.eq-ficha p:last-child{margin:0;max-width:46ch;color:var(--muted);font-size:.9rem;line-height:1.62}
/* A inscrição só existe no HTML quando o campo `oab` do JSON estiver
   preenchido. Hoje ele está vazio nas oito pessoas, de propósito — ver a
   nota em site.equipe.json. */
.eq-oab{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:.74rem;letter-spacing:.04em;color:var(--muted)}

/* ── a porta de entrada: uma pessoa só, em bloco escuro ─────────────── */
/* O `max-width:920px` no bloco inteiro e' conserto de coisa que eu VI
   depois de montar, e que nenhuma regua minha pegaria: com a largura
   cheia de 1.228 px para uma pessoa so' e tres linhas de texto, sobravam
   ~430 px de vazio preto a' direita da Daniela — parecia bloco quebrado,
   nao respiro. Numa coluna de 920 px o mesmo conteudo le' como escolha.
   Nao ha' regua para 'sobra'; houve retrato. */
.eq-porta>*{max-width:920px;margin-left:0;margin-right:auto}
/* margin-left:0 e' obrigatorio: `.eq-bloco>*` centra com margem
   automatica, e o bloco de 920 px saia recuado 165 px enquanto banca e
   apoio comecam na mesma vertical do titulo. Vi no retrato. */
.eq-porta-corpo{display:grid;grid-template-columns:clamp(220px,22vw,300px) 1fr;
  gap:clamp(26px,3vw,48px);align-items:center}
.eq-porta-corpo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px;filter:saturate(.88)}
.eq-porta-corpo h3{margin:0 0 6px}
.eq-porta-corpo .eq-cargo{color:var(--coral)}
.eq-porta-corpo p:last-of-type{margin:0;max-width:54ch;color:#c8c4bd;font-size:1rem;line-height:1.68}

/* ── o rol de apoio: três pessoas, UMA frase para as três ───────────── */
/* Aqui o círculo está certo — é rol, não retrato de capa. E as duas sem
   foto entram na MESMA moldura das que têm: deixa de parecer defeito
   porque a forma é a mesma, e a ausência passa a ser dita por escrito. */
.eq-rol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,30px);
  margin:0;padding:0;list-style:none}
.eq-rol li{display:flex;align-items:center;gap:16px}
.eq-rol img,.eq-rol .eq-iniciais{width:88px;height:88px;flex:0 0 88px;border-radius:50%}
/* O enquadramento do rol NAO herda o `foco` do JSON, e e' de proposito:
   `foco` foi medido para o quadro 4/5, e num quadro QUADRADO a mesma
   porcentagem cai em outro lugar. MEDIDO na fonte de 720x1280 da Maria
   Luiza: o recorte quadrado com 31% poe o rosto encostado no topo do
   circulo; 20% centra. O gerador deixa de emitir object-position
   inline para o grupo `apoio`, e quem manda aqui e' esta linha. */
.eq-rol img{object-fit:cover;object-position:50% 20%;filter:saturate(.88)}
.eq-iniciais{display:grid;place-items:center;background:var(--paper-2);border:1px solid var(--line);
  font-size:1.3rem;font-weight:600;letter-spacing:.08em;color:#4f4c45}
.eq-rol b{display:block;font-size:1rem;font-weight:600;letter-spacing:-.02em}
.eq-rol .eq-cargo{margin:3px 0 0;display:block}
.eq-rol small{display:block;margin-top:4px;color:var(--muted);font-size:.72rem}
.eq-nota{margin:clamp(28px,3.5vh,44px) 0 0;max-width:70ch;color:var(--muted);font-size:.84rem;line-height:1.62}

/* Uma pessoa da banca sem foto herda a moldura do CONTEXTO, e não a da
   home: retângulo 4/5 aqui, círculo no rol. É a mesma peça mudando de
   forma conforme onde está — que era exatamente o que faltava. */
.eq-ficha .eq-iniciais{width:100%;height:100%;flex:none;border-radius:0;border:0;
  aspect-ratio:4/5;font-size:2rem}

/* OS CORTES SAO MEDIDOS, e nao redondos.
   1180: abaixo disso a ficha de duas colunas fica com 231 px de coluna de
   texto (medido a 1024), que da' ~28 caracteres por linha. Uma coluna so',
   limitada a 780 px, le' melhor do que duas apertadas.
   900: abaixo disso o rol de tres reparte 699 px em tres, e sobra ~110 px
   para "Maria Luiza de Azevedo" — o nome quebra em quatro linhas.
   640: abaixo disso nao cabe retrato ao lado de texto; a foto sobe para
   cima da ficha e vira 4/3, que e' o que a coluna estreita comporta. */
@media (max-width:1180px){
  .eq-fichas{grid-template-columns:minmax(0,1fr);max-width:780px}
}
@media (max-width:900px){
  .eq-rol{grid-template-columns:minmax(0,1fr);max-width:520px}
}
@media (max-width:640px){
  .eq-ficha{grid-template-columns:1fr}
  .eq-ficha img,.eq-ficha .eq-iniciais{aspect-ratio:4/3;height:auto}
  .eq-porta-corpo{grid-template-columns:1fr}
}
/* A CORRECAO QUE A SINTESE MEDIU E A FRENTE NAO TINHA VISTO.
   MEDIDO no navegador com sonda de rect: a 1180 px o titulo de capitulo
   comeca em x=52 e a grade de fichas em x=187 — 135 px de recuo. Causa:
   `.eq-bloco>*` da margin auto, e quando a media query encolhe a grade
   para 780 px ela CENTRA. E' o mesmo defeito que a folha ja conserta em
   `.eq-porta` com margin-left:0; este caminho ficou aberto.
   (`.eq-rol` escapa por acaso: o `margin:0` da regra base desfaz o auto.)
   ANTES/DEPOIS provados no navegador: 187 -> 52. */
@media (max-width:1180px){
  .eq-fichas{grid-template-columns:minmax(0,1fr);max-width:780px;
    margin-left:0;margin-right:auto}
}

.areas-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}
.area-cartao{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px 15px;align-items:start;padding:clamp(22px,2.4vw,30px);border:1px solid var(--line);border-radius:22px;background:var(--white);transition:border-color .18s,transform .18s var(--ease),box-shadow .18s}
.area-cartao:hover{border-color:var(--coral);transform:translateY(-2px);box-shadow:0 16px 40px rgba(44,35,25,.08)}
.area-cartao b{grid-row:1/3;color:var(--coral);font:600 .72rem/1.5 var(--mono);letter-spacing:.12em}
.area-nome{font-size:clamp(1.04rem,1.4vw,1.2rem);font-weight:600;letter-spacing:-.03em;line-height:1.3;padding-right:26px}
.area-cartao small{color:var(--muted);font-size:.76rem}
.area-cartao i{position:absolute;right:24px;top:24px;font-style:normal;color:#b3ada2;transition:color .18s,transform .18s var(--ease)}
.area-cartao:hover i{color:var(--coral);transform:translateX(3px)}

.artigo{display:grid;gap:clamp(34px,4.5vh,54px)}
.artigo h2{font-size:clamp(1.4rem,2.2vw,2rem);margin-bottom:18px}
.artigo-texto{max-width:70ch}
.artigo-texto p{color:var(--muted);font-size:clamp(.96rem,1.1vw,1.06rem);line-height:1.75;margin-bottom:18px}
.lista-marcada{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:0 clamp(20px,3vw,44px)}
.lista-marcada li{position:relative;padding:14px 0 14px 24px;border-bottom:1px solid var(--line);font-size:.94rem;line-height:1.5}
.lista-marcada li::before{content:"";position:absolute;left:0;top:22px;width:7px;height:7px;border-radius:50%;background:var(--coral)}
.artigo-limites{max-width:74ch;padding:clamp(22px,2.4vw,30px);border:1px solid var(--line);border-left:2px solid var(--coral);border-radius:0 22px 22px 0;background:var(--paper-2)}
.artigo-limites h2{font-size:clamp(1.05rem,1.4vw,1.25rem);margin-bottom:11px}
.artigo-limites p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.68}
.pergunta{border-bottom:1px solid var(--line)}
.pergunta summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 0;font-size:1rem;font-weight:500;letter-spacing:-.02em;cursor:pointer;list-style:none;transition:color .18s}
.pergunta summary::-webkit-details-marker{display:none}
.pergunta summary::after{content:"+";color:var(--coral);font-size:1.3rem;line-height:1;transition:transform .2s var(--ease)}
.pergunta[open] summary::after{transform:rotate(45deg)}
.pergunta summary:hover{color:var(--coral-dark)}
.pergunta p{margin:0 0 20px;padding-right:38px;color:var(--muted);font-size:.93rem;line-height:1.68}
.revisao{max-width:74ch;color:#8b877f;font-size:.78rem;line-height:1.6}
.relacionadas-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:11px}
.relacionada{position:relative;display:block;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:var(--white);transition:border-color .18s,transform .18s var(--ease)}
.relacionada:hover{border-color:var(--coral);transform:translateY(-2px)}
.relacionada b{display:block;color:var(--coral-dark);font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.relacionada span{display:block;font-size:.96rem;font-weight:500;letter-spacing:-.02em;padding-right:22px}
.relacionada i{position:absolute;right:20px;bottom:20px;font-style:normal;color:#b3ada2;transition:color .18s,transform .18s var(--ease)}
.relacionada:hover i{color:var(--coral);transform:translateX(3px)}

.pagina-chamada{padding:clamp(50px,7vh,86px) var(--pad);background:var(--ink);color:var(--white)}
.pagina-chamada>div{max-width:var(--max);margin:0 auto}
.pagina-chamada h2{font-size:clamp(2rem,3.4vw,3.2rem);max-width:14ch;margin-bottom:16px}
.pagina-chamada p{max-width:52ch;margin-bottom:28px;color:#c8c4bd;line-height:1.62}

@media (max-width:820px){
  .pagina-topo{padding-top:116px}
  .expectativa li{grid-template-columns:40px 1fr;gap:12px}
  .artigo-limites{border-radius:0 14px 14px 0}
}

/* ══════════════════════════════════════════════════════════════════════════
   A POLITICA DE PRIVACIDADE — documento juridico, e nao pagina de venda

   Ela e' lida de tres jeitos, e o layout tem de servir aos tres:
     . a pessoa que quer UMA resposta ("voces guardam meus dados?") — por isso
       o sumario numerado fica fixo ao lado, e nao enterrado no topo;
     . o revisor do Google, que procura a frase do Uso Limitado no item 7;
     . o cliente que le' inteiro, e para quem a medida de leitura importa mais
       que a largura da tela.

   Por isso a coluna de texto trava em 68ch, e nao no --max de 1560px do
   resto do site: linha de 1400px em corpo 17px e' cansativa de acompanhar.

   O bloco mora em styles.css, e nao numa folha propria, DE PROPOSITO: folha
   nova precisa de regra nova em _headers, e foi exatamente assim que a
   /sobre-a-sia e a /sobre saíram carimbadas e sem cache. Aqui nao ha' o que
   esquecer.
   ══════════════════════════════════════════════════════════════════════════ */
.doc-data{margin:0 0 26px;font-size:.82rem;letter-spacing:.04em;color:#a29d95}
.doc-abertura{max-width:64ch;margin:0 0 16px;color:#c8c4bd;font-size:clamp(.98rem,1.15vw,1.1rem);line-height:1.68}
.doc-abertura:last-of-type{margin-bottom:0}

.doc{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:clamp(30px,5vw,86px);align-items:start}
.doc>*{max-width:none;margin-left:0;margin-right:0}

.doc-sumario{position:sticky;top:calc(var(--header-height) + 22px)}
.doc-sumario .eyebrow{margin-bottom:14px;color:var(--coral-dark)}
.doc-sumario ol{list-style:none;display:flex;flex-direction:column;gap:2px;margin:0;padding:0}
.doc-sumario a{display:grid;grid-template-columns:26px 1fr;gap:6px;align-items:baseline;padding:7px 10px 7px 4px;border-radius:9px;font-size:.83rem;line-height:1.35;color:#4a473f;transition:background .16s var(--ease),color .16s var(--ease)}
.doc-sumario a b{font-variant-numeric:tabular-nums;font-weight:600;color:#6b675f}
.doc-sumario a:hover,.doc-sumario a:focus-visible{background:var(--paper-2);color:var(--ink)}
.doc-sumario a:hover b,.doc-sumario a:focus-visible b{color:var(--coral-dark)}

.doc-texto{max-width:68ch}
.doc-item{scroll-margin-top:calc(var(--header-height) + 26px)}
.doc-item+.doc-item{margin-top:clamp(34px,4.6vh,54px);padding-top:clamp(34px,4.6vh,54px);border-top:1px solid var(--line)}
.doc-item h2{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:baseline;margin:0 0 18px;font-size:clamp(1.28rem,2vw,1.68rem);line-height:1.25;text-wrap:balance}
.doc-item h2 b{font-variant-numeric:tabular-nums;font-size:.72em;font-weight:600;color:var(--coral-dark)}
.doc-item p{margin:0 0 15px;font-size:1.02rem;line-height:1.72}
.doc-item p:last-child{margin-bottom:0}
.doc-item ul{margin:0 0 15px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:11px}
.doc-item ul:last-child{margin-bottom:0}
.doc-item li{position:relative;padding-left:22px;font-size:1.02rem;line-height:1.68}
.doc-item li::before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:1px;background:var(--coral-dark)}
.doc-item .doc-sub{margin:10px 0 0;gap:7px}
.doc-item .doc-sub li{padding-left:19px;font-size:.96rem}
.doc-item .doc-sub li::before{left:1px;top:.66em;width:4px;height:4px;border-radius:50%;background:#8b867c}
.doc-item strong{font-weight:600}
.doc-item code{padding:2px 6px;border-radius:5px;background:var(--paper-2);border:1px solid var(--line);font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:.85em;word-break:break-all}
.doc-item a{border-bottom:1px solid var(--coral-dark);color:var(--coral-dark);font-weight:500}
.doc-item a:hover,.doc-item a:focus-visible{background:var(--coral-dark);color:var(--white);border-bottom-color:transparent}

@media (max-width:900px){
  /* O sumario deixa de ser coluna e vira cartao — sticky numa tela estreita
     comeria a altura util da leitura. */
  .doc{grid-template-columns:1fr;gap:30px}
  .doc-sumario{position:static;padding:20px 18px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
  .doc-sumario ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px}
  .doc-sumario a:hover,.doc-sumario a:focus-visible{background:var(--paper-2)}
}
@media (max-width:560px){
  .doc-sumario ol{grid-template-columns:1fr}
}