:root{--container:1240px;--gutter:24px;--edge:max(var(--gutter),calc((100% - var(--container))/2 + var(--gutter)));--ink:#102321;--muted:#5b6d68;--paper:#f4f8f5;--white:#fff;--teal:#0f766e;--dark:#08161a;--gold:#f5a524;--line:#d8e4df;--display:'Space Grotesk',sans-serif;--sans:'DM Sans',sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 var(--edge);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(244,248,245,.94)}.brand{display:inline-flex;align-items:center;gap:10px;font:700 21px var(--display);letter-spacing:-.04em}.mark{width:26px;height:26px;position:relative;display:inline-block}.mark i{position:absolute;inset:2px 1px 2px 1px;border:4px solid var(--teal);border-right-color:transparent;border-radius:50%;transform:rotate(-25deg)}.mark b{position:absolute;width:13px;height:7px;left:8px;top:6px;border-top:3px solid var(--gold);border-radius:50%}.brand-sep{color:#9cadA7;font-weight:400;margin-left:3px}.brand-sub{font:500 13px var(--mono);letter-spacing:0;color:#63736f}.site-link{font:500 12px var(--mono);color:var(--muted)}.site-link span{color:var(--teal)}.hero{background:var(--dark);color:#eef5f1;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(245,165,36,.12);border-radius:50%;right:-120px;top:-250px;box-shadow:0 0 0 60px rgba(245,165,36,.025),0 0 0 125px rgba(245,165,36,.02)}.hero-inner{max-width:var(--container);margin:auto;padding:100px var(--gutter) 105px;position:relative}.eyebrow{font:500 11px var(--mono);letter-spacing:.16em;color:var(--gold);text-transform:uppercase;margin:0 0 24px}.hero h1{font:600 clamp(45px,7vw,82px)/.99 var(--display);letter-spacing:-.065em;max-width:840px;margin:0}.hero h1 em{font-style:normal;color:#90c3b8}.hero-copy{font-size:18px;color:#b6c8c1;max-width:640px;margin:28px 0 30px}.text-link{font:500 13px var(--mono);color:var(--gold);display:inline-flex;gap:12px;align-items:center}.hero-orbit{position:absolute;right:12%;top:35%;width:190px;height:190px;border:1px solid rgba(15,118,110,.7);border-radius:50%}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(245,165,36,.4);border-radius:50%;inset:25px;transform:rotate(45deg) scaleX(.45)}.hero-orbit:after{transform:rotate(-45deg) scaleX(.45)}.hero-orbit span{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--gold);top:25px;left:33px;box-shadow:0 0 28px rgba(245,165,36,.6)}.hero-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:#73b7a8;bottom:32px;right:25px}.content{max-width:var(--container);padding:82px var(--gutter) 104px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px}.eyebrow.dark{color:var(--teal);margin-bottom:12px}.section-head h2,.newsletter h2{font:600 clamp(30px,4vw,46px)/1.08 var(--display);letter-spacing:-.05em;margin:0}.section-note{color:var(--muted);max-width:330px;margin:0 0 4px;font-size:14px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:36px 0 23px}.filter{border:1px solid var(--line);background:transparent;border-radius:30px;padding:9px 15px;font:500 12px var(--mono);color:#5e716b;cursor:pointer}.filter:hover,.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.article-card{border:1px solid var(--line);background:#fff;border-radius:5px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.article-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(16,35,33,.09)}.card-link{display:block;height:100%}.article-card.feature{grid-row:span 2}.card-art{height:200px;position:relative;overflow:hidden;background:#e3eee8}.feature .card-art{height:278px}.card-art>span{font:500 12px var(--mono);color:rgba(16,35,33,.5);position:absolute;top:18px;left:20px}.art-1{background:linear-gradient(135deg,#dcebe5,#eaf0e9)}.flow{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:20px}.flow i,.flow b{width:58px;height:58px;border:1px solid #80a89b;border-radius:50%;background:rgba(255,255,255,.56);position:relative}.flow i:after,.flow b:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:var(--teal);transform:translate(-50%,-50%)}.flow b{border-color:var(--gold);width:72px;height:72px;box-shadow:0 0 0 9px rgba(245,165,36,.08)}.flow b:after{background:var(--gold)}.flow:before,.flow:after{content:"";width:42px;height:1px;background:#a6c2b7}.art-2{background:#dce9eb}.nodes{position:absolute;inset:0}.nodes i,.nodes b{position:absolute;width:36px;height:36px;border-radius:50%;border:1px solid #548f89;background:#f3f8f5;top:46%;left:26%}.nodes i:nth-child(2){left:65%;top:25%}.nodes i:nth-child(3){left:68%;top:70%}.nodes b{width:62px;height:62px;left:46%;top:41%;background:var(--dark);border:7px solid #a7c9bf;box-shadow:0 0 0 10px rgba(15,118,110,.08)}.nodes:before,.nodes:after{content:"";position:absolute;width:180px;height:1px;background:#9db8b4;left:29%;top:49%;transform:rotate(-22deg)}.nodes:after{transform:rotate(25deg)}.art-3{background:#ebe8dc}.rings{position:absolute;width:130px;height:130px;border:1px solid #abb5a4;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.rings:before,.rings:after{content:"";position:absolute;inset:18px;border:1px solid #bdc5ae;border-radius:50%}.rings:after{inset:38px;border-color:var(--gold)}.rings i,.rings b{position:absolute;width:8px;height:8px;background:var(--teal);border-radius:50%;left:21px;top:30px}.rings b{left:auto;right:9px;top:71px;background:var(--gold)}.card-body{padding:24px 25px 26px}.meta{font:500 10px var(--mono);letter-spacing:.07em;color:var(--teal);margin:0 0 13px}.meta span{color:#9eaaa3;padding:0 5px}.card-body h3{font:600 23px/1.17 var(--display);letter-spacing:-.035em;margin:0 0 12px}.article-card:not(.feature) .card-body h3{font-size:20px}.card-body>p:not(.meta){font-size:14px;color:var(--muted);margin:0}.read-link{display:inline-flex;gap:10px;align-items:center;font:500 12px var(--mono);color:var(--ink);margin-top:22px}.read-link b{color:var(--teal);font-size:17px}.empty{padding:32px;color:var(--muted)}.newsletter{background:#e5efe9;padding:58px var(--edge);display:flex;align-items:center;justify-content:space-between;gap:32px}.newsletter>div{max-width:630px}.newsletter h2{font-size:clamp(28px,3.5vw,40px)}.newsletter p:not(.eyebrow){color:var(--muted);margin:14px 0 0;max-width:550px}.button{white-space:nowrap;background:var(--teal);color:#fff;padding:13px 18px;border-radius:3px;font:500 12px var(--mono)}.button:hover{background:#0b5b55}.button span{margin-left:9px;color:#f5c566}footer{padding:28px var(--edge);display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:var(--dark);color:#b9c9c3;font-size:12px}footer p{margin:0;flex:1}footer>span{font:11px var(--mono);color:#7b918a}.footer-brand{color:#f4f8f5;font-size:18px}.footer-brand .mark{transform:scale(.8);transform-origin:left center}
@media(max-width:760px){.hero-inner{padding:74px var(--gutter) 78px}.hero-orbit{opacity:.45;right:-64px;top:48%;transform:scale(.78)}.content{padding:60px var(--gutter) 72px}.section-head{display:block}.section-note{margin-top:15px}.article-grid{grid-template-columns:1fr}.article-card.feature{grid-row:auto}.feature .card-art,.card-art{height:205px}.newsletter{align-items:flex-start;flex-direction:column;padding:48px var(--edge)}.topbar{height:66px}.brand-sub,.brand-sep{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.article-page{background:#fff}.article{max-width:var(--container);margin:0 auto;padding:54px var(--gutter) 86px}.back-link{font:500 12px var(--mono);color:var(--teal);display:inline-block;margin-bottom:36px}.article>.meta{margin-bottom:17px}.article h1{font:600 clamp(38px,6vw,64px)/1.04 var(--display);letter-spacing:-.06em;margin:0;max-width:800px}.dek{font-size:20px;line-height:1.5;color:var(--muted);max-width:740px;margin:22px 0 34px}.article-art{height:290px;border-radius:5px;position:relative;overflow:hidden;margin-bottom:42px}.article-art .flow{gap:26px}.article-art .flow i{width:74px;height:74px}.article-art .flow b{width:92px;height:92px}.article-art .nodes i{width:48px;height:48px}.article-art .nodes b{width:78px;height:78px}.prose{max-width:760px;margin:0;font-size:17px;line-height:1.8;color:#263d38}.prose p{margin:0 0 21px}.prose h2{font:600 30px/1.15 var(--display);letter-spacing:-.04em;color:var(--ink);margin:43px 0 15px}.prose ul,.prose ol{padding-left:23px;margin:0 0 24px}.prose li{padding-left:5px;margin:0 0 10px}.prose strong{color:var(--ink)}.callout{background:#edf4ef;border-left:3px solid var(--gold);padding:22px 25px;margin:35px 0;color:var(--ink)}.callout strong{font:600 16px var(--display)}.callout p{margin:8px 0 0}.prose .references{background:#f4f8f5;border:1px solid var(--line);padding:2px 24px 10px;margin:36px 0}.prose .references h2{font-size:22px;margin:20px 0 12px}.prose .references a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}.prose .references a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.prose .editorial-note{font-size:13px;color:#72827c;border-top:1px solid var(--line);padding-top:17px;margin-top:36px}@media(max-width:760px){.article{padding:35px var(--gutter) 60px}.article h1{font-size:42px}.dek{font-size:18px}.article-art{height:210px}.article-art .flow{gap:12px}.article-art .flow i{width:54px;height:54px}.article-art .flow b{width:68px;height:68px}.prose{font-size:16px}.prose h2{font-size:26px;margin-top:34px}}
.card-art{background:#e3eee8}.card-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.article-art{height:auto;aspect-ratio:3/2}.article-art img{display:block;width:100%;height:100%;object-fit:cover}.article-art{margin-left:0;margin-right:0}@media(max-width:760px){.article-art{height:auto}}

/* ==== Padrao visual compartilhado com a landing (site/index.html) ====
   Mesmos tokens, tipografia, rotulos, botoes, cabecalho, rodape e faixa final.
   Mantido no fim do arquivo para prevalecer sobre as regras anteriores. */
:root{--paper:#F5FAF8;--ink:#0E1F1D;--muted:rgba(14,31,29,.62);--line:#D3E3DF;--dark:#08161A;--dark2:#10252A;--teal:#0F766E;--teal-dark:#0B5750;--gold:#F5A524;
  --display:'Space Grotesk','Helvetica Neue',Arial,sans-serif;--sans:'Inter',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--mono:var(--sans);
  --mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M 48.38 43.47 A 20 20 0 1 1 48.38 20.53' fill='none' stroke='%230F766E' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M 21.66 28.24 A 11 11 0 0 1 42.34 28.24' fill='none' stroke='%23F5A524' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}
body{font:16px/1.6 var(--sans)}
h1,h2,h3{font-family:var(--display)}
/* cabecalho: simbolo + nome, botoes arredondados como na landing */
.topbar{position:sticky;top:0;z-index:50;height:75px;background:rgba(245,250,248,.9);backdrop-filter:blur(10px)}
.brand{font:800 20px var(--display);letter-spacing:-.01em;gap:10px}
.brand::before{content:"";width:28px;height:28px;background:var(--mark) center/contain no-repeat;flex-shrink:0}
.brand-sep{color:#9cadA7}.brand-sub{font:500 13px var(--sans);letter-spacing:0;color:var(--muted)}
.site-link{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;font:700 14px var(--sans);background:linear-gradient(135deg,#08161A,#050d10);color:#E8F3F1}
.site-link span{color:var(--gold)}
.site-link:not(:last-child){background:#E8F2EF;border:1px solid rgba(15,118,110,.35);color:var(--teal-dark)}
/* titulos */
.hero h1{font-size:clamp(32px,5vw,54px);font-weight:800;letter-spacing:-.01em;line-height:1.15;max-width:820px}
.section-head h2,.newsletter h2{font-size:clamp(26px,3.5vw,38px);font-weight:800;letter-spacing:-.01em;line-height:1.15}
.article h1{font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-.01em;line-height:1.15}
.prose h2{font-size:clamp(24px,3vw,30px);font-weight:800;letter-spacing:-.01em}
.card-body h3,.article-card:not(.feature) .card-body h3{font-weight:700;letter-spacing:-.01em;line-height:1.25}
.card-body h3{font-size:22px}.article-card:not(.feature) .card-body h3{font-size:20px}
/* rotulos: pilula ambar nos fundos escuros, texto teal nos claros */
.eyebrow{display:inline-block;font:700 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(245,165,36,.35);padding:6px 14px;border-radius:30px;margin:0 0 24px}
.eyebrow.dark{font-weight:700;letter-spacing:.1em;color:var(--teal);border:0;padding:0;border-radius:0;margin-bottom:12px}
.meta{font:700 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.meta span{color:#9eaaa3}
/* botoes e links de acao */
.button{display:inline-block;padding:14px 28px;border-radius:10px;font:700 15px var(--sans);background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:#fff;box-shadow:0 6px 18px rgba(15,118,110,.35);transition:transform .15s ease,box-shadow .15s ease}
.button:hover{background:linear-gradient(135deg,var(--teal),var(--teal-dark));transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,118,110,.45)}
.text-link,.read-link,.back-link{font:700 14px var(--sans)}
.filter{font:600 13px var(--sans);color:#46605b}
/* cartoes */
.article-card{border-radius:16px;border-color:var(--line);transition:transform .18s ease,box-shadow .18s ease}
.article-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(14,31,29,.10)}
.card-body>p:not(.meta){font-size:15.5px;color:var(--muted)}
.dek,.section-note{color:var(--muted)}
/* faixa final: mesmo tratamento do bloco de contato da landing */
.newsletter{background:linear-gradient(135deg,var(--dark),var(--dark2));color:#E8F3F1;flex-direction:column;align-items:center;text-align:center;gap:28px;padding:72px var(--edge)}
.newsletter h2{color:#E8F3F1}
.newsletter p:not(.eyebrow){color:rgba(232,243,241,.75);margin:14px auto 0;font-size:19px}
.newsletter>div{max-width:720px}
/* rodape */
footer{background:var(--dark2);color:#a3b1b1;font:14px var(--sans);padding:44px var(--edge)}
footer>span,.footer-privacy{font:14px var(--sans);color:#a3b1b1}
.footer-privacy{text-decoration:underline}
.footer-brand{color:#E8F3F1;font:800 20px var(--display)}
.footer-brand::before{width:26px;height:26px}
@media(max-width:600px){.brand-sub{display:none}.site-link{padding:8px 14px;font-size:13px}.site-link:not(:last-child)+.site-link{display:none}.newsletter{padding:56px var(--edge)}}