/* ==========================================================================
   Launchpad — proposta de website 2026-09
   Sistema visual "O documento examinado"
   Papel · grafite · tinta · ferrugem · ocre
   ========================================================================== */

/* Fontes: ver css/fonts.css (embutidas) */

/* ---------- Tokens ---------- */
:root{
  --paper:#F3EFE6;
  --paper-2:#ECE7DC;
  --bone:#FBF9F4;
  --graphite:#23261F;
  --ink:#15170F;
  --slate:#5C6157;
  --slate-2:#7A7E74;
  --rust:#A63B28;
  --rust-deep:#85301F;
  --rust-tint:#F1E1DB;
  --ochre:#B9782A;
  --ochre-tint:#F3E7D3;
  --moss:#3F6350;
  --line:#D9D5C9;
  --line-strong:#8B8E84;
  --on-ink:#F3EFE6;
  --on-ink-muted:#B9B7AD;
  --line-ink:#3A3D35;

  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --fs-d1:clamp(2.75rem,1.2rem + 5.4vw,5.75rem);
  --fs-d2:clamp(2.125rem,1.2rem + 3vw,3.5rem);
  --fs-d3:clamp(1.625rem,1.1rem + 1.6vw,2.25rem);
  --fs-h4:clamp(1.25rem,1.05rem + .6vw,1.5rem);
  --fs-lead:clamp(1.1875rem,1.05rem + .5vw,1.4375rem);
  --fs-body:1.0625rem;
  --fs-small:.9375rem;
  --fs-mono:.8125rem;

  --wrap:1280px;
  --gutter:clamp(20px,4vw,56px);
  --sp-section:clamp(4.5rem,5rem + 3vw,9rem);
  --sp-block:clamp(2.5rem,2rem + 2vw,4rem);
  --radius:2px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --t-fast:160ms;
  --t-med:240ms;
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;background:var(--paper);color:var(--graphite);font-family:var(--sans);font-size:var(--fs-body);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"kern","liga"}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-color:var(--line-strong);text-underline-offset:.16em;text-decoration-thickness:1px;transition:color var(--t-fast) var(--ease),text-decoration-color var(--t-fast) var(--ease)}
a:hover{color:var(--rust);text-decoration-color:var(--rust)}
h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin:0}
ul,ol{padding-left:0}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--rust);outline-offset:3px;border-radius:1px}
::selection{background:var(--rust-tint);color:var(--ink)}
hr{border:0;border-top:1px solid var(--line);margin:0}

.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:var(--gutter);top:-100px;z-index:100;background:var(--ink);color:var(--on-ink);padding:.6rem 1rem;font-family:var(--mono);font-size:var(--fs-mono);text-decoration:none}
.skip:focus{top:.75rem}

/* ---------- Tipografia ---------- */
.d1,.d2,.d3,.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.012em;text-wrap:balance}
.d1{font-size:var(--fs-d1);line-height:1.0;font-variation-settings:"opsz" 72;letter-spacing:-.02em}
.d2{font-size:var(--fs-d2);line-height:1.08;font-variation-settings:"opsz" 48}
.d3{font-size:var(--fs-d3);line-height:1.15;font-variation-settings:"opsz" 32}
.h4{font-family:var(--serif);font-weight:500;font-size:var(--fs-h4);line-height:1.25;letter-spacing:-.005em}
.lead{font-size:var(--fs-lead);line-height:1.5;color:var(--graphite);max-width:34em;text-wrap:pretty}
.lead.serif{font-size:clamp(1.3125rem,1.1rem + .8vw,1.75rem);line-height:1.4;font-variation-settings:"opsz" 24}
.small{font-size:var(--fs-small)}
.muted{color:var(--slate)}
.mono,.eyebrow,.meta{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;line-height:1.5}
.eyebrow{color:var(--rust);display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}
.eyebrow::before{content:"";width:1.5rem;height:1px;background:var(--rust);flex:0 0 auto}
.eyebrow.plain::before{display:none}
.meta{color:var(--slate);text-transform:none;letter-spacing:.02em}
.meta.caps{text-transform:uppercase;letter-spacing:.06em}
.prose p+p{margin-top:1.1em}
.prose{max-width:36em;text-wrap:pretty}
.prose a{text-decoration-color:var(--rust);color:var(--rust)}
.prose a:hover{color:var(--rust-deep)}
.prose strong{font-weight:600;color:var(--ink)}
.prose ul,.prose ol{padding-left:1.25em;margin:1em 0}
.prose li+li{margin-top:.4em}
.prose h2,.prose h3{font-family:var(--serif);font-weight:500;letter-spacing:-.008em;margin:2.2em 0 .7em;text-wrap:balance}
.prose h2{font-size:clamp(1.625rem,1.3rem + 1vw,2rem);line-height:1.2}
.prose h3{font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);line-height:1.3}
.prose blockquote{margin:1.5em 0;padding-left:1.25em;border-left:2px solid var(--rust);font-family:var(--serif);font-size:1.15em;line-height:1.45;color:var(--graphite)}

/* Anotação marginal: a marca do examinador */
.annot{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.0625rem;line-height:1.45;color:var(--rust);position:relative;padding-left:1.5rem;max-width:22em;font-variation-settings:"opsz" 16}
.annot::before{content:"";position:absolute;left:0;top:.75em;width:1rem;height:1px;background:var(--rust)}
.dark .annot{color:#E39A85}
.dark .annot::before{background:#E39A85}

/* ---------- Layout ---------- */
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.wrap-narrow{max-width:880px;margin-inline:auto;padding-inline:var(--gutter)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);row-gap:2rem}
.col-1{grid-column-end:span 1}.col-2{grid-column-end:span 2}.col-3{grid-column-end:span 3}.col-4{grid-column-end:span 4}.col-5{grid-column-end:span 5}.col-6{grid-column-end:span 6}.col-7{grid-column-end:span 7}.col-8{grid-column-end:span 8}.col-9{grid-column-end:span 9}.col-10{grid-column-end:span 10}.col-12{grid-column-end:span 12}
.start-2{grid-column-start:2}.start-3{grid-column-start:3}.start-4{grid-column-start:4}.start-5{grid-column-start:5}.start-6{grid-column-start:6}.start-7{grid-column-start:7}.start-8{grid-column-start:8}.start-9{grid-column-start:9}.start-10{grid-column-start:10}.start-11{grid-column-start:11}
@media (max-width:900px){
  .grid>[class*="col-"]{grid-column:1 / -1}
  .grid>[class*="start-"]{grid-column-start:1}
}
.section{padding-block:var(--sp-section)}
.section-tight{padding-block:var(--sp-block)}
.section+.section{padding-top:0}
.section.dark,.section+.section.dark{padding-top:var(--sp-section)}
.section.dark+.section{padding-top:var(--sp-section)}
.rule{border-top:1px solid var(--line)}
.rule-strong{border-top:1px solid var(--graphite)}
.dark .rule{border-color:var(--line-ink)}
.dark{background:var(--ink);color:var(--on-ink)}
.dark .muted,.dark .meta{color:var(--on-ink-muted)}
.dark .eyebrow{color:#E39A85}.dark .eyebrow::before{background:#E39A85}
.dark a:hover{color:#E39A85}
.dark .lead{color:var(--on-ink)}
.bone{background:var(--bone)}
.stack>*+*{margin-top:1.25rem}
.flow>*+*{margin-top:var(--sp-block)}

/* Cabeçalho de seção padrão: rótulo + título + texto de apoio */
.sec-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);row-gap:1.25rem;align-items:end;padding-top:1.5rem;border-top:1px solid var(--graphite);margin-bottom:var(--sp-block)}
.dark .sec-head{border-top-color:var(--on-ink)}
.sec-head .label{grid-column:1 / span 2;font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate);align-self:start}
.dark .sec-head .label{color:var(--on-ink-muted)}
.sec-head h2{grid-column:3 / span 6}
.sec-head .support{grid-column:9 / span 4;color:var(--slate);font-size:var(--fs-body);text-wrap:pretty}
.dark .sec-head .support{color:var(--on-ink-muted)}
@media (max-width:900px){
  .sec-head .label,.sec-head h2,.sec-head .support{grid-column:1 / -1}
}

/* ---------- Botões e links de ação ---------- */
.btn{display:inline-flex;align-items:center;gap:.75rem;padding:.9rem 1.35rem;background:var(--rust);color:#fff;font-family:var(--sans);font-weight:500;font-size:1rem;line-height:1.2;text-decoration:none;border-radius:var(--radius);border:1px solid var(--rust);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}
.btn:hover{background:var(--rust-deep);border-color:var(--rust-deep);color:#fff}
.btn:active{transform:translateY(1px)}
.btn .arrow{transition:transform var(--t-fast) var(--ease)}
.btn:hover .arrow{transform:translateX(3px)}
.btn-ghost{background:transparent;color:var(--graphite);border-color:var(--graphite)}
.btn-ghost:hover{background:var(--graphite);color:var(--paper);border-color:var(--graphite)}
.dark .btn-ghost{color:var(--on-ink);border-color:var(--on-ink)}
.dark .btn-ghost:hover{background:var(--on-ink);color:var(--ink)}
.btn-lg{padding:1.05rem 1.6rem;font-size:1.0625rem}
.arrow{width:1em;height:1em;flex:0 0 auto}
.link{display:inline-flex;align-items:center;gap:.5rem;font-weight:500;color:var(--rust);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}
.link:hover{border-bottom-color:var(--rust);color:var(--rust-deep)}
.link .arrow{transition:transform var(--t-fast) var(--ease)}
.link:hover .arrow{transform:translateX(3px)}
.dark .link{color:#E39A85}.dark .link:hover{color:#F0B7A6;border-bottom-color:#F0B7A6}
.actions{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center}

/* ---------- Estados / etiquetas ---------- */
.tag{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;max-width:100%;font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .55rem;border:1px solid var(--line-strong);color:var(--graphite);border-radius:var(--radius);line-height:1.2}
.tag::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--slate)}
.tag.ok::before{background:var(--moss)}
.tag.soon{border-color:var(--ochre);color:#7D4F14}.tag.soon::before{background:var(--ochre)}
.tag.live{border-color:var(--moss);color:var(--moss)}.tag.live::before{background:var(--moss)}
.tag.closed{color:var(--slate)}.tag.closed::before{background:var(--line-strong)}
.tag.demo{border-color:var(--rust);color:var(--rust)}.tag.demo::before{background:var(--rust)}
.dark .tag{border-color:var(--line-ink);color:var(--on-ink)}

/* ---------- Cabeçalho do site ---------- */
.site-head{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}
.site-head .bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:4.5rem}
.brand{display:flex;align-items:center;text-decoration:none}
.brand img{height:1.5rem;width:auto}
.nav{display:flex;align-items:center;gap:.25rem}
.nav>ul{display:flex;list-style:none;align-items:center;gap:.25rem}
.nav a,.nav .navbtn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .8rem;font-size:.95rem;font-weight:500;color:var(--graphite);text-decoration:none;border-radius:var(--radius);position:relative}
.nav a:hover,.nav .navbtn:hover{color:var(--rust)}
.nav a[aria-current="page"]::after,.nav .navbtn.is-current::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.3rem;height:1px;background:var(--rust)}
.nav .navbtn svg{width:.75rem;height:.75rem;transition:transform var(--t-fast) var(--ease)}
.nav .navbtn[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav .cta{margin-left:.75rem;padding:.65rem 1.05rem;background:var(--graphite);color:var(--paper);border-radius:var(--radius)}
.nav .cta:hover{background:var(--rust);color:#fff}
.menu-toggle{display:none;align-items:center;gap:.6rem;font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;padding:.5rem .25rem}
.menu-toggle .bars{width:22px;height:12px;position:relative}
.menu-toggle .bars::before,.menu-toggle .bars::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform var(--t-fast) var(--ease),top var(--t-fast) var(--ease)}
.menu-toggle .bars::before{top:0}.menu-toggle .bars::after{top:10px}
.menu-toggle[aria-expanded="true"] .bars::before{top:5px;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] .bars::after{top:5px;transform:rotate(-45deg)}

/* Painel Soluções */
.panel{position:absolute;left:0;right:0;top:100%;background:var(--bone);border-bottom:1px solid var(--line);box-shadow:0 24px 48px -24px rgba(21,23,15,.25);display:none}
.panel.is-open{display:block}
.panel .inner{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:clamp(16px,2vw,40px);padding-block:2.25rem 2.5rem}
.panel .intro{padding-right:1.5rem;border-right:1px solid var(--line)}
.panel .intro p{color:var(--slate);font-size:var(--fs-small);margin-top:.75rem;max-width:26em}
.panel h3{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--rust);font-weight:500;margin-bottom:1rem}
.panel ul{list-style:none}
.panel li+li{margin-top:.15rem}
.panel .item{display:block;padding:.55rem .6rem .6rem;margin-left:-.6rem;text-decoration:none;border-radius:var(--radius);transition:background var(--t-fast) var(--ease)}
.panel .item:hover{background:var(--paper)}
.panel .item strong{display:block;font-weight:500;color:var(--graphite);font-size:1rem}
.panel .item span{display:block;color:var(--slate);font-size:var(--fs-small);line-height:1.45;margin-top:.1rem}
.panel .item .tag{margin-top:.45rem}
.panel .all{margin-top:1.25rem}
@media (max-width:1024px){
  .nav{display:none}
  .menu-toggle{display:inline-flex}
  .panel{display:none!important}
}

/* Menu móvel */
.mobile-nav{display:none;background:var(--bone);border-bottom:1px solid var(--line)}
.mobile-nav.is-open{display:block}
.mobile-nav ul{list-style:none}
.mobile-nav .primary>li{border-top:1px solid var(--line)}
.mobile-nav .primary>li>a,.mobile-nav .primary>li>span{display:block;padding:1rem 0;font-family:var(--serif);font-size:1.5rem;text-decoration:none;color:var(--graphite)}
.mobile-nav .primary>li>span{color:var(--slate);font-size:var(--fs-mono);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;padding-bottom:.25rem}
.mobile-nav .sub{padding:0 0 1rem 0}
.mobile-nav .sub li a{display:block;padding:.45rem 0;text-decoration:none;color:var(--graphite);font-size:1.0625rem}
.mobile-nav .sub li a small{display:block;color:var(--slate);font-size:var(--fs-small)}
.mobile-nav .cta-row{padding:1.25rem 0 1.75rem;border-top:1px solid var(--line)}

/* ---------- Hero (home) ---------- */
.hero{padding-top:clamp(2.5rem,3vw,4.5rem);padding-bottom:var(--sp-block);position:relative}
.hero .grid{align-items:start}
.hero .copy{grid-column:1 / span 7;position:relative;z-index:2}
.hero .figure{grid-column:8 / span 5;position:relative}
.hero .d1{margin-top:1rem}
.hero .lead{margin-top:2rem}
.hero .actions{margin-top:2.5rem}
.hero .figure img{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:62% 50%}
.hero .figure .cap{margin-top:.9rem;display:flex;justify-content:space-between;gap:1rem;color:var(--slate);font-family:var(--mono);font-size:.75rem;letter-spacing:.05em}
.hero .tese-note{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:1.25rem;max-width:40em}
.hero .tese-note .k{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate);padding-top:.2rem}
.hero .tese-note p{color:var(--slate);font-size:var(--fs-small);line-height:1.55}
@media (max-width:900px){
  .hero .copy,.hero .figure{grid-column:1 / -1}
  .hero .figure{order:-1}
  .hero .figure img{aspect-ratio:16 / 10;object-position:60% 55%}
  .hero .d1{margin-top:.5rem}
}

/* Hero de página interna */
.page-hero{padding-top:clamp(2.5rem,3vw,4rem);padding-bottom:var(--sp-block)}
.page-hero+.section,.article-hero+.section{padding-top:var(--sp-block)}
.page-hero .crumbs{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate);display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.75rem}
.page-hero .crumbs a{text-decoration:none;color:var(--slate)}
.page-hero .crumbs a:hover{color:var(--rust)}
.page-hero .crumbs span{color:var(--line-strong)}
.page-hero .d1{font-size:clamp(2.5rem,1.4rem + 4vw,4.75rem)}
.page-hero .lead{margin-top:1.75rem}
.page-hero .actions{margin-top:2.25rem}
.page-hero .side{padding-top:.5rem}
.facts{list-style:none;border-top:1px solid var(--graphite)}
.facts li{display:grid;grid-template-columns:minmax(7rem,.8fr) 1.4fr;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line);font-size:var(--fs-small)}
.facts .k{font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);padding-top:.15rem}
.facts .v{color:var(--graphite);min-width:0;overflow-wrap:anywhere}
.facts .v strong{font-family:var(--serif);font-weight:500;font-size:1.35rem;letter-spacing:-.01em;display:block;line-height:1.1;margin-bottom:.1rem}
.facts .v s{color:var(--slate);text-decoration-thickness:1px;font-weight:400;font-size:.95rem;font-family:var(--sans);margin-left:.4rem}

/* ---------- Tese: três dimensões ---------- */
.dims{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);row-gap:2.5rem;align-items:center}
.dims .fig{grid-column:1 / span 5}
.dims.top{align-items:start}
.dims .fig.wide{grid-column:1 / span 6}
.dims .list{grid-column:7 / span 6}
.dims .list ol{list-style:none;counter-reset:none;border-top:1px solid var(--graphite)}
.dims .list li{display:grid;grid-template-columns:minmax(9rem,.55fr) 1fr;gap:1.25rem;padding:1.4rem 0;border-bottom:1px solid var(--line)}
.dims .list h3{font-family:var(--serif);font-weight:500;font-size:1.5rem;letter-spacing:-.01em;line-height:1.1}
.dims .list h3 small{display:block;font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);font-weight:400;margin-top:.5rem}
.dims .list p{color:var(--slate)}
@media (max-width:900px){.dims .fig,.dims .list{grid-column:1 / -1}.dims .list li{grid-template-columns:1fr}}
.diagram{width:100%;height:auto;font-family:var(--sans)}
.diagram text{fill:var(--graphite)}
.diagram .mono{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;fill:var(--slate)}
.diagram .serif{font-family:var(--serif);font-size:22px;fill:var(--graphite)}
.diagram .line{stroke:var(--graphite);stroke-width:1;fill:none}
.diagram .line-soft{stroke:var(--line-strong);stroke-width:.75;fill:none}
.diagram .rust{stroke:var(--rust);fill:none;stroke-width:1.25}
.diagram .rust-fill{fill:var(--rust)}
.diagram .dot{fill:var(--graphite)}
.diagram .paper{fill:var(--bone);stroke:var(--graphite);stroke-width:1}
.dark .diagram text{fill:var(--on-ink)}
.dark .diagram .mono{fill:var(--on-ink-muted)}
.dark .diagram .serif{fill:var(--on-ink)}
.dark .diagram .line{stroke:var(--on-ink)}
.dark .diagram .line-soft{stroke:var(--line-ink)}
.dark .diagram .dot{fill:var(--on-ink)}
.dark .diagram .rust{stroke:#E39A85}.dark .diagram .rust-fill{fill:#E39A85}
.dark .diagram .paper{fill:#1D2018;stroke:var(--on-ink)}

/* ---------- Ciclo de trabalho ---------- */
.cycle{border-top:1px solid var(--graphite)}
.cycle ol{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.cycle li{padding:1.5rem 1.25rem 1.75rem 0;border-right:1px solid var(--line);position:relative}
.cycle li:last-child{border-right:0}
.cycle li+li{padding-left:1.25rem}
.cycle .n{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.06em;color:var(--rust)}
.cycle h3{font-family:var(--serif);font-weight:500;font-size:1.5rem;letter-spacing:-.01em;margin-top:1rem;line-height:1.1}
.cycle p{color:var(--slate);font-size:var(--fs-small);margin-top:.75rem;text-wrap:pretty}
.cycle .back{margin-top:0;padding:1.25rem 0 0;border-top:1px dashed var(--line-strong);display:flex;gap:1rem;align-items:flex-start;color:var(--slate);font-size:var(--fs-small)}
.cycle .back svg{flex:0 0 auto;width:2.75rem;height:1.5rem;margin-top:.1rem}
@media (max-width:900px){
  .cycle ol{grid-template-columns:1fr 1fr}
  .cycle li{border-right:0;border-bottom:1px solid var(--line);padding-left:0!important}
}
@media (max-width:560px){.cycle ol{grid-template-columns:1fr}.tag{white-space:normal;line-height:1.35}}

/* ---------- Ofertas por modo (linhas editoriais) ---------- */
.modes{display:grid;gap:0}
.mode{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);row-gap:1.5rem;padding:var(--sp-block) 0;border-top:1px solid var(--graphite)}
.mode .verb{grid-column:1 / span 3}
.mode .verb h2{font-family:var(--serif);font-size:clamp(2.25rem,1.6rem + 2.4vw,3.75rem);line-height:.95;letter-spacing:-.02em;font-weight:400}
.mode .verb .eyebrow{margin-bottom:1rem}
.mode .verb p{color:var(--slate);margin-top:1.25rem;font-size:var(--fs-small);max-width:20em}
.mode .verb .mode-img{margin-top:1.75rem;width:min(100%,220px);aspect-ratio:1/1;object-fit:cover;filter:saturate(.85)}
.mode .offers{grid-column:4 / span 9;display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.5vw,48px)}
.mode .offers.single{grid-template-columns:1fr}
.offer{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 0 0;border-top:1px solid var(--line);position:relative}
.offer .top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.offer h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,1.2rem + .9vw,1.9rem);line-height:1.15;letter-spacing:-.01em}
.offer h3 a{text-decoration:none;color:var(--graphite)}
.offer h3 a:hover{color:var(--rust)}
.offer .q{font-family:var(--serif);font-style:italic;font-size:1.125rem;color:var(--slate);line-height:1.4}
.offer p{color:var(--graphite);text-wrap:pretty}
.offer .deliv{list-style:none;margin-top:.25rem;border-top:1px solid var(--line)}
.offer .deliv li{display:grid;grid-template-columns:auto 1fr;gap:.9rem;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:var(--fs-small);color:var(--graphite)}
.offer .deliv li::before{content:"";width:.5rem;height:.5rem;border:1px solid var(--rust);margin-top:.5rem;flex:0 0 auto}
.offer .deliv .k{font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);padding-top:.2rem}
.offer .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding-top:.5rem}
.offer .foot .meta{font-size:.8rem}
@media (max-width:1024px){.mode .verb{grid-column:1 / -1}.mode .offers{grid-column:1 / -1}}
@media (max-width:700px){.mode .offers{grid-template-columns:1fr}}

/* ---------- Documento como prova ---------- */
.doc{background:var(--bone);border:1px solid var(--line);box-shadow:0 30px 60px -36px rgba(21,23,15,.35),0 2px 0 rgba(21,23,15,.04);position:relative}
.doc img{width:100%}
.doc-cap{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:.9rem;flex-wrap:wrap}
.doc-cap .tag{font-size:.7rem}
.doc-wrap{position:relative}
.doc-notes{list-style:none;display:grid;gap:1.25rem}
.doc-notes li{display:grid;grid-template-columns:2.25rem 1fr;gap:1rem;align-items:start}
.doc-notes .n{font-family:var(--mono);font-size:.8rem;color:var(--rust);border:1px solid var(--rust);width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:50%;margin-top:.1rem}
.doc-notes h3{font-family:var(--sans);font-weight:600;font-size:1rem;letter-spacing:0}
.doc-notes p{color:var(--slate);font-size:var(--fs-small);margin-top:.25rem}
.callout{position:absolute;transform:translate(-50%,-50%);width:1.75rem;height:1.75rem;border-radius:50%;background:var(--rust);color:#fff;font-family:var(--mono);font-size:.8rem;display:grid;place-items:center;box-shadow:0 0 0 4px var(--bone)}
@media (max-width:900px){.callout{display:none}}

/* ---------- Seção escura: como trabalhamos ---------- */
.how{position:relative;overflow:hidden}
.how .bg{position:absolute;inset:0;background:url("../assets/img/materiais-ink.webp") center/cover no-repeat;opacity:.22;mix-blend-mode:luminosity;pointer-events:none}
.how .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,rgba(21,23,15,.85) 45%,rgba(21,23,15,.35) 100%)}
.how .wrap{position:relative}
.how .principles{list-style:none;border-top:1px solid var(--line-ink)}
.how .principles li{display:grid;grid-template-columns:minmax(10rem,.5fr) 1fr;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--line-ink)}
.how .principles h3{font-family:var(--serif);font-weight:400;font-size:1.5rem;letter-spacing:-.01em;line-height:1.15}
.how .principles p{color:var(--on-ink-muted);max-width:34em}
@media (max-width:700px){.how .principles li{grid-template-columns:1fr;gap:.5rem}}

/* ---------- Founder ---------- */
.founder{align-items:center}
.founder .portrait{grid-column:1 / span 5}
.founder .portrait img{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:50% 20%}
.founder .portrait figcaption{margin-top:.75rem}
.founder .text{grid-column:7 / span 6}
.founder .text .name{font-family:var(--serif);font-size:clamp(2.25rem,1.6rem + 2.4vw,3.75rem);line-height:1;letter-spacing:-.02em;margin-top:.75rem}
.founder .text .role{margin-top:1rem;font-size:var(--fs-lead);color:var(--slate);font-family:var(--serif);font-style:italic}
.founder .text .prose{margin-top:1.75rem}
.founder .text .actions{margin-top:2rem}
@media (max-width:900px){.founder .portrait,.founder .text{grid-column:1 / -1}.founder .portrait{max-width:420px}}

/* ---------- Artigos ---------- */
.articles{list-style:none;border-top:1px solid var(--graphite)}
.articles li{display:grid;grid-template-columns:minmax(8rem,2fr) 7fr 3fr;gap:clamp(16px,2vw,32px);padding:1.75rem 0;border-bottom:1px solid var(--line);align-items:start}
.articles .k{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate);line-height:1.6}
.articles .k b{display:block;font-weight:500;color:var(--rust)}
.articles h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.375rem,1.15rem + .9vw,1.875rem);line-height:1.2;letter-spacing:-.01em}
.articles h3 a{text-decoration:none;color:var(--graphite)}
.articles h3 a:hover{color:var(--rust)}
.articles p{color:var(--slate);margin-top:.6rem;max-width:40em;text-wrap:pretty}
.articles .dates{font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;color:var(--slate);line-height:1.7;text-align:right}
@media (max-width:900px){.articles li{grid-template-columns:1fr}.articles .dates{text-align:left}}
.article-hero{padding-top:clamp(2.5rem,3vw,4rem);padding-bottom:var(--sp-block)}
.article-hero .grid{align-items:end}
.article-hero h1{font-size:clamp(2.25rem,1.3rem + 3.4vw,4.25rem);line-height:1.02}
.article-hero .lead{margin-top:1.5rem;font-family:var(--serif);font-size:clamp(1.25rem,1.1rem + .7vw,1.625rem);line-height:1.4;color:var(--slate)}
.article-hero .byline{display:grid;grid-template-columns:auto 1fr;gap:.75rem 1.25rem;font-size:var(--fs-small);color:var(--slate);padding-top:1rem;border-top:1px solid var(--graphite);align-self:end}
.article-hero .byline .k{font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;padding-top:.2rem}
.article-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px)}
.article-body .toc{grid-column:1 / span 3;position:sticky;top:5.5rem;align-self:start}
.article-body .toc h2{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate);font-weight:500;margin-bottom:1rem}
.article-body .toc ol{list-style:none;border-top:1px solid var(--line)}
.article-body .toc li{border-bottom:1px solid var(--line)}
.article-body .toc a{display:block;padding:.6rem 0;font-size:var(--fs-small);text-decoration:none;color:var(--graphite);line-height:1.4}
.article-body .toc a:hover{color:var(--rust)}
.article-body .text{grid-column:4 / span 7;font-size:1.1875rem;line-height:1.7}
.article-body .text.prose{max-width:none}
.article-body .text:not(.no-cap)>p:first-child::first-letter{font-family:var(--serif);font-size:3.4em;float:left;line-height:.8;padding:.08em .1em 0 0;color:var(--rust)}
.article-body .text table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.45;margin:1.5em 0}
.article-body .text th,.article-body .text td{text-align:left;vertical-align:top;padding:.7rem .75rem .7rem 0;border-bottom:1px solid var(--line)}
.article-body .text th{font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);font-weight:500;border-bottom:1px solid var(--graphite)}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.prose>table,.text>table{display:block;overflow-x:auto}
.table-scroll table{min-width:640px}
.article-body .text .flow-chain{font-family:var(--mono);font-size:.9rem;letter-spacing:.02em;padding:1.25rem 1.5rem;background:var(--bone);border:1px solid var(--line);margin:1.5em 0;line-height:1.7;text-wrap:balance}
.article-body .aside{grid-column:4 / span 7;margin-top:var(--sp-block)}
@media (max-width:900px){.article-body .toc{grid-column:1 / -1;position:static}.article-body .text,.article-body .aside{grid-column:1 / -1;font-size:1.125rem}}
.article-cta{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center;padding:1.75rem 0;border-top:1px solid var(--graphite);border-bottom:1px solid var(--line)}
.article-cta p{color:var(--slate);max-width:38em}
@media (max-width:700px){.article-cta{grid-template-columns:1fr}}
.sources{list-style:none;border-top:1px solid var(--graphite);margin-top:1rem}
.sources li{padding:.75rem 0;border-bottom:1px solid var(--line);font-size:var(--fs-small)}
.sources a{color:var(--rust);text-decoration-color:var(--rust);word-break:break-word}

/* ---------- Painéis de detalhe de oferta ---------- */
.spec{list-style:none;border-top:1px solid var(--graphite)}
.spec li{display:grid;grid-template-columns:minmax(10rem,.45fr) 1fr;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}
.spec h3{font-family:var(--serif);font-weight:500;font-size:1.375rem;letter-spacing:-.01em;line-height:1.2}
.spec p,.spec ul{color:var(--graphite);text-wrap:pretty}
.spec ul{list-style:none}
.spec ul li{display:block;padding:.35rem 0;border:0;grid-template-columns:none}
.spec ul li::before{content:"·";color:var(--rust);margin-right:.6rem}
@media (max-width:700px){.spec li{grid-template-columns:1fr;gap:.5rem}}
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,32px);border-top:1px solid var(--graphite)}
.steps li{padding-top:1.25rem;border-top:0;position:relative}
.steps .n{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.06em;color:var(--rust)}
.steps h3{font-family:var(--serif);font-weight:500;font-size:1.375rem;margin-top:.75rem;letter-spacing:-.01em}
.steps p{color:var(--slate);margin-top:.5rem;font-size:var(--fs-small)}
@media (max-width:700px){.steps{grid-template-columns:1fr}}
.faq{border-top:1px solid var(--graphite)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center;padding:1.25rem 0;font-family:var(--serif);font-weight:500;font-size:1.25rem;letter-spacing:-.005em;line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{width:1.5rem;height:1.5rem;position:relative;flex:0 0 auto}
.faq summary .pm::before,.faq summary .pm::after{content:"";position:absolute;background:var(--graphite);left:50%;top:50%;transform:translate(-50%,-50%)}
.faq summary .pm::before{width:1rem;height:1px}
.faq summary .pm::after{width:1px;height:1rem;transition:transform var(--t-fast) var(--ease)}
.faq details[open] summary .pm::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq summary:hover{color:var(--rust)}
.faq .a{padding:0 0 1.5rem;color:var(--graphite);max-width:40em}
.price-box{background:var(--bone);border:1px solid var(--graphite);padding:1.75rem;display:grid;gap:1rem}
.price-box .from{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}
.price-box .from s{color:var(--slate)}
.price-box .price{font-family:var(--serif);font-size:clamp(2.5rem,2rem + 2vw,3.5rem);line-height:1;letter-spacing:-.02em}
.price-box .price small{font-family:var(--sans);font-size:1rem;letter-spacing:0;color:var(--slate);margin-left:.5rem}
.price-box .cond{color:var(--graphite);font-size:var(--fs-small)}
.price-box .actions{margin-top:.5rem}
.price-box .note{color:var(--slate);font-size:.85rem}
.two-col{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);row-gap:2rem}
.two-col .a{grid-column:1 / span 5}
.two-col .b{grid-column:7 / span 6}
.two-col.rev .a{grid-column:8 / span 5;order:2}
.two-col.rev .b{grid-column:1 / span 6}
@media (max-width:900px){.two-col .a,.two-col .b,.two-col.rev .a,.two-col.rev .b{grid-column:1 / -1;order:0}}

/* Cards comparáveis (formação, ofertas relacionadas) */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(16px,2vw,32px)}
.card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 0 0;border-top:1px solid var(--graphite)}
.card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.card h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.375rem,1.15rem + .8vw,1.75rem);line-height:1.15;letter-spacing:-.01em}
.card h3 a{text-decoration:none;color:var(--graphite)}
.card h3 a:hover{color:var(--rust)}
.card p{color:var(--graphite);text-wrap:pretty}
.card .meta{font-size:.8rem}
.card .foot{margin-top:auto;padding-top:.5rem}
.card.is-closed h3,.card.is-closed p{color:var(--slate)}

/* Fechamento */
.closing .grid{align-items:end}
.closing h2{font-size:clamp(2.25rem,1.4rem + 3.4vw,4.25rem);line-height:1}
.closing p{color:var(--slate)}
.closing .contact-line{font-size:var(--fs-small);color:var(--slate)}
.closing .contact-line a{color:var(--graphite)}

/* ---------- Rodapé ---------- */
.site-foot{background:var(--ink);color:var(--on-ink);padding:var(--sp-block) 0 2.5rem;margin-top:var(--sp-section)}
.site-foot .top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);row-gap:2.5rem;padding-bottom:3rem;border-bottom:1px solid var(--line-ink)}
.site-foot .brandcol{grid-column:1 / span 4}
.site-foot .brandcol img{height:1.6rem;width:auto}
.site-foot .brandcol p{color:var(--on-ink-muted);margin-top:1.25rem;max-width:26em;font-size:var(--fs-small)}
.site-foot .col{grid-column:span 2}
.site-foot .col.contact{grid-column:span 4}
.site-foot h3{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-ink-muted);font-weight:500;margin-bottom:1rem}
.site-foot ul{list-style:none}
.site-foot li+li{margin-top:.5rem}
.site-foot a{text-decoration:none;color:var(--on-ink);font-size:var(--fs-small)}
.site-foot a:hover{color:#E39A85}
.site-foot .bottom{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding-top:1.5rem;color:var(--on-ink-muted);font-size:.8rem}
.site-foot .bottom a{font-size:.8rem;color:var(--on-ink-muted)}
@media (max-width:900px){.site-foot .brandcol,.site-foot .col,.site-foot .col.contact{grid-column:1 / -1}}
@media (min-width:600px) and (max-width:900px){.site-foot .col{grid-column:span 6}.site-foot .col.contact{grid-column:span 6}}

/* ---------- Revelação suave (respeita redução de movimento) ---------- */
.reveal{opacity:0;transform:translateY(12px);transition:opacity 480ms var(--ease),transform 480ms var(--ease)}
.reveal.is-in{opacity:1;transform:none}
html.no-js .reveal,html.reduce-motion .reveal{opacity:1;transform:none;transition:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}

/* ---------- Impressão ---------- */
@media print{.site-head,.site-foot,.skip,.mobile-nav,.panel{display:none!important}body{background:#fff}}