/* =====================================================================
   Sineris — estilo da home (index.html)
   Os 15 blocos <style> que a home tinha, num arquivo só, na mesma ordem.
   Saíram os seletores que não se aplicam a nenhum elemento e as declarações
   sobrescritas mais adiante pelo mesmo seletor. Tokens de cor e fonte: os
   mesmos de guias-assets/sineris.css.
   ===================================================================== */
*{ box-sizing:border-box }
html{ scroll-behavior:smooth }
body{ margin:0; color:var(--ink); -webkit-font-smoothing:antialiased }
a{ color:inherit; text-decoration:none }
button{ font:inherit }
.wrap{ margin:0 auto }
.eyebrow{ display:inline-flex; align-items:center; gap:10px; text-transform:uppercase }
.eyebrow::before{ content:""; height:1px; background:currentColor; opacity:.55 }
.muted{ color:var(--muted) }
.btn{ display:inline-flex; align-items:center; justify-content:center; border:1px solid transparent; transition:transform .2s ease, background .2s ease, color .2s ease }
.btn:hover{ transform:translateY(-2px) }
.btn-ghost{ color:var(--white); border-color:rgba(255,255,255,.38) }
.btn-dark{ color:var(--white) }
header{ position:absolute; inset:0 0 auto; z-index:20; border-bottom:1px solid rgba(255,255,255,.16) }
.nav{ display:flex; align-items:center; justify-content:space-between; gap:24px }
.brand{ color:var(--white) }
.brand small{ font-family:var(--sans); text-transform:uppercase; display:block; opacity:.68 }
.navlinks{ display:flex; align-items:center; color:rgba(255,255,255,.78) }
.navlinks a:hover{ color:var(--white) }
.hero{ color:var(--white) }
.hero::before{ content:""; position:absolute; right:-8vw; top:-5vw }
.hero::after{ content:""; position:absolute; inset:0; opacity:.08; background-image:linear-gradient(rgba(255,255,255,.4) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.4) 1px, transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to left, #000, transparent 78%) }
.hero h1 em{ font-weight:400 }
.micro{ color:rgba(255,255,255,.58) }
.signal{ border-bottom:1px solid var(--line) }
.signal-grid{ display:grid; grid-template-columns:.9fr 1.1fr }
.signal-title{ border-right:1px solid var(--line) }
.signal-title h2{ margin:18px 0 0 }
.signal-list{ display:grid; grid-template-columns:repeat(3, 1fr) }
.signal-item{ border-right:1px solid var(--line) }
.signal-item:last-child{ border-right:0 }
.signal-item span{ display:block; font-family:var(--serif); color:var(--accent) }
.signal-item h3{ line-height:1.25; margin:0 0 12px }
.signal-item p{ margin:0; color:var(--muted); font-size:14px }
.clarity-grid{ display:grid; grid-template-columns:1fr 1fr }
.clarity-card{ position:relative; background:#fff }
.clarity-card.featured{ border-color:transparent }
.clarity-card .num{ font-family:var(--serif); color:var(--accent); opacity:.8 }
.clarity-card h3{ max-width:440px; margin:50px 0 15px }
.clarity-card p{ color:var(--muted); max-width:520px }
.pricing-head{ display:grid; grid-template-columns:1fr .72fr; gap:60px; align-items:end }
.pricing-head h2{ margin:18px 0 0 }
.pricing-grid{ display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid var(--line); border-left:1px solid var(--line) }
.price-card{ background:#fff; border-right:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; flex-direction:column }
.price-card.featured{ color:var(--white) }
.price-card.featured .muted{ color:rgba(255,255,255,.66) }
.price-kicker{ font-weight:800; text-transform:uppercase }
.price{ line-height:1; margin:20px 0 16px }
.price small{ display:block; font-family:var(--sans); font-size:13px; letter-spacing:0; margin-bottom:8px }
.price-card ul{ list-style:none; margin:28px 0 34px; padding:24px 0 0; border-top:1px solid currentColor; border-color:rgba(21,32,29,.15) }
.price-card.featured ul{ border-color:rgba(255,255,255,.18) }
.price-card li{ padding:8px 0 8px 23px; position:relative; font-size:14px }
.price-card li::before{ content:"✓"; position:absolute; left:0; color:var(--accent); font-weight:800 }
.price-card .btn{ margin-top:auto }
.note{ font-size:11px; margin-top:14px; opacity:.72 }
.process-head{ max-width:800px }
.process-head h2{ margin:18px 0 18px }
.work-head{ display:flex; justify-content:space-between; align-items:end; gap:40px }
.work-head h2{ margin:18px 0 0 }
.case{ border:1px solid var(--line); background:#fff; overflow:hidden }
.case-meta{ padding:24px; justify-content:space-between; gap:20px }
.case-meta h3{ margin:0 0 6px; font-size:19px }
.case-meta p{ margin:0; color:var(--muted); font-size:13px }
.maintenance{ color:var(--white) }
.maint-grid{ display:grid; grid-template-columns:.75fr 1.25fr; gap:80px; align-items:start }
.maint-grid h2{ margin:18px 0 }
.maint-cards{ display:grid; grid-template-columns:1fr 1fr; gap:18px }
.maint-card{ border:1px solid rgba(255,255,255,.2); padding:32px; display:flex; flex-direction:column }
.maint-card h3{ font-size:14px; text-transform:uppercase; letter-spacing:.13em; margin:0 }
.maint-card .price{ color:var(--accent-soft) }
.maint-card ul{ list-style:none; margin:26px 0; padding:24px 0 0; border-top:1px solid rgba(255,255,255,.18) }
.maint-card li{ padding:7px 0; font-size:14px; color:rgba(255,255,255,.76) }
.maint-card .btn{ margin-top:auto }
.cta-grid{ display:grid; grid-template-columns:1.2fr .8fr; gap:80px; align-items:end }
.cta h2{ margin:18px 0 0 }
.cta p{ font-size:18px; max-width:480px }
.cta-box{ border-left:1px solid rgba(21,32,29,.28); padding-left:36px }
footer{ background:#0b1713; color:rgba(255,255,255,.68) }
.footer-grid{ display:flex; justify-content:space-between; gap:30px }
footer p{ margin:8px 0 0; font-size:12px }
@media (max-width: 980px){
  .navlinks{ display:none }
  .signal-grid, .pricing-head, .maint-grid, .cta-grid{ grid-template-columns:1fr }
  .signal-title{ border-right:0; padding-right:0 }
  .signal-list, .pricing-grid{ grid-template-columns:1fr }
  .signal-item{ border-right:0; border-top:1px solid var(--line) }
  .price-card.featured{ transform:none }
  .work-grid{ grid-template-columns:1fr }
  .case:nth-child(1){ grid-row:auto }
  .case:nth-child(1) .case-visual{ min-height:480px }
}
@media (max-width: 640px){
  .wrap{ width:min(calc(100% - 28px), var(--max)) }
  .section{ padding:82px 0 }
  .hero{ min-height:760px; padding-bottom:54px }
  .hero h1{ font-size:52px }
  .btn{ width:100% }
  .signal-list, .clarity-grid, .maint-cards{ grid-template-columns:1fr }
  .work-head, .footer-grid{ display:block }
  .clarity-card{ min-height:280px }
  .case:nth-child(1) .case-visual, .case-visual{ min-height:360px }
}
.clarity-grid.three{ grid-template-columns:repeat(3, 1fr) }
.clarity-grid.three .clarity-card{ min-height:360px }
.clarity-grid.three .clarity-card h3{ margin-top:42px }
.price-card .plan-description p{ margin:0 0 12px }
.copy-details{ margin:24px 0 30px; border-top:1px solid rgba(21,32,29,.17); border-bottom:1px solid rgba(21,32,29,.17) }
.featured .copy-details{ border-color:rgba(255,255,255,.2) }
.copy-details summary{ list-style:none; cursor:pointer; padding:17px 28px 17px 0; position:relative; font-size:12px; font-weight:800; letter-spacing:.11em; text-transform:uppercase }
.copy-details summary::-webkit-details-marker{ display:none }
.copy-details summary::after{ content:"+"; position:absolute; right:2px; top:12px; font-family:var(--serif); font-size:27px; font-weight:400; line-height:1 }
.copy-details[open] summary::after{ content:"−" }
.copy-details .details-body{ padding:0 0 20px }
.copy-details ul{ margin:0 !important; padding:0 !important; border:0 !important }
.copy-details p{ font-size:14px; margin:0 0 12px }
.copy-details .details-label{ font-weight:750; margin-bottom:9px }
.deadline{ margin:18px 0 0; padding-top:16px; border-top:1px solid rgba(21,32,29,.13); font-size:12px; line-height:1.55 }
.featured .deadline{ border-color:rgba(255,255,255,.17) }
.case-meta{ align-items:flex-start }
.case-meta .case-copy{ max-width:86% }
.case-meta .case-type{ font-size:11px; text-transform:uppercase; letter-spacing:.1em; font-weight:750; color:var(--muted); margin-bottom:8px }
.case-meta .case-description{ margin-top:10px; line-height:1.5 }
.case-meta .case-link{ display:inline-block; margin-top:14px; font-size:12px; text-transform:uppercase; letter-spacing:.1em; font-weight:800 }
.maint-card .plan-intro{ color:rgba(255,255,255,.73); font-size:14px }
.maint-card .copy-details{ border-color:rgba(255,255,255,.2) }
.maint-card .copy-details li{ color:rgba(255,255,255,.78); padding-left:0 }
.maint-card .copy-details li::before{ display:none }
.maintenance-note{ margin-top:24px; color:rgba(255,255,255,.66); font-size:13px }
@media (max-width: 1080px){
  .clarity-grid.three{ grid-template-columns:1fr }
  .clarity-grid.three .clarity-card{ min-height:280px }
  .price-card .plan-description{ min-height:0 }
}
@media (max-width: 760px){
  .price-card{ min-height:0 }
  .case-meta .case-copy{ max-width:100% }
}
:root{ --silver:#cbd1ce; --white:#fcfbf7; --max:1280px }
body{ background:var(--paper) }
.wrap{ width:min(calc(100% - clamp(36px, 6vw, 96px)), var(--max)) }
.eyebrow{ font-size:10px; letter-spacing:.19em }
.eyebrow::before{ width:44px }
.brand{ display:inline-flex; align-items:center; gap:13px; font-family:var(--sans); font-size:19px }
.brand-word{ display:block }
.brand small{ margin-top:4px; font-size:8px; letter-spacing:.16em; line-height:1.2 }
.brand-mark{ width:30px; height:30px; border:1px solid currentColor; border-radius:50%; position:relative; display:inline-block; flex:0 0 auto }
.brand-mark::before{ content:""; position:absolute; left:5px; right:5px; top:14px; height:1px; background:currentColor; transform:rotate(-38deg); transform-origin:center }
.brand-mark::after{ content:""; position:absolute; width:5px; height:5px; border-radius:50%; background:var(--accent); right:4px; top:4px }
header{ border-color:rgba(255,255,255,.24) }
.nav{ min-height:96px }
.navlinks{ gap:30px; font-size:11px; text-transform:uppercase; letter-spacing:.12em }
.navlinks .btn{ min-height:46px; padding:0 17px }
.hero{ align-items:stretch; isolation:isolate }
.hero::before{ inset:0; width:auto; aspect-ratio:auto; border:0; border-radius:0; box-shadow:none; background:linear-gradient(90deg, transparent calc(50% - .5px), rgba(255,255,255,.11) 50%, transparent calc(50% + .5px)), linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px); background-size:100% 100%, 100% 92px; opacity:.7; z-index:-1 }
.hero::after{ display:none }
.hero h1 em{ display:block }
.hero-copy{ font-size:clamp(17px, 1.35vw, 20px) }
.micro{ margin-top:30px; padding-top:22px; border-top:1px solid rgba(255,255,255,.2); font-size:11px; text-transform:uppercase; letter-spacing:.08em; line-height:1.5 }
.btn{ min-height:54px; padding:0 23px; font-size:11px; text-transform:uppercase }
.btn-dark{ background:var(--forest) }
.identity-section{ position:relative }
.identity-section::before{ content:attr(data-section); position:absolute; left:max(18px, calc((100vw - var(--max))/2 - 54px)); top:45px; font-size:10px; letter-spacing:.18em; font-weight:700; opacity:.42; writing-mode:vertical-rl }
.maintenance.identity-section::before{ color:#fff }
.signal{ background:var(--cream) }
.signal-item{ display:flex; flex-direction:column }
.signal-item span{ font-size:28px }
.signal-item h3{ font-family:var(--serif); font-size:28px; font-weight:400 }
.clarity-grid{ gap:0; border:1px solid var(--line) }
.clarity-card{ border:0; padding:44px }
.clarity-card + .clarity-card{ border-left:1px solid var(--line) }
.clarity-card .num{ font-size:34px }
.clarity-card h3{ font-family:var(--serif); font-size:34px; font-weight:400 }
.pricing-grid{ gap:14px; border:0 }
.price-card{ border:1px solid var(--line); padding:38px }
.price-card.featured{ transform:translateY(-20px); background:var(--forest); box-shadow:0 32px 74px rgba(7,17,14,.19) }
.price{ font-size:60px }
.price-kicker{ font-size:10px; letter-spacing:.18em }
.process{ background:var(--cream) }
.case{ border-color:var(--line) }
.case-visual{ background:linear-gradient(135deg, #81908a, #d3d8d5) }
.case:nth-child(2) .case-visual{ background:linear-gradient(135deg, #cab7aa, #ead9cd) }
.case:nth-child(3) .case-visual{ background:linear-gradient(135deg, #66736e, #bfc6c2) }
.case-meta{ min-height:106px }
.maintenance{ background:var(--forest) }
.maint-card:nth-child(2){ background:rgba(255,255,255,.055) }
.cta{ background:var(--accent-soft) }
footer .brand{ font-size:19px }
.reveal-item{ opacity:0; transition:opacity .8s cubic-bezier(.2,.65,.2,1), transform .8s cubic-bezier(.2,.65,.2,1) }
.reveal-item.is-visible{ opacity:1; transform:none }
@media print{
  .reveal-item{ opacity:1 !important; transform:none !important }
}
.price-card, .case, .maint-card{ will-change:transform }
@media (max-width: 1080px){
  .hero{ min-height:auto }
  .identity-section::before{ display:none }
}
@media (max-width: 760px){
  .wrap{ width:min(calc(100% - 32px), var(--max)) }
  header{ position:absolute }
  .nav{ min-height:82px }
  .brand{ font-size:15px; gap:9px }
  .brand-mark{ width:25px; height:25px }
  .brand-mark::before{ top:11px }
  .hero{ padding-top:128px; padding-bottom:44px }
  .hero h1{ font-size:clamp(52px, 15vw, 72px) }
  .hero h1 em{ display:inline }
  .signal-title{ padding:70px 0 50px }
  .signal-item{ min-height:300px; padding:50px 22px }
  .clarity-card + .clarity-card{ border-left:0; border-top:1px solid var(--line) }
  .clarity-card h3{ padding-top:80px }
  .price-card.featured, .price-card.featured:hover{ transform:none }
  .price-card:hover, .case:hover, .maint-card:hover{ transform:none }
}
@media (prefers-reduced-motion: reduce){
  .reveal-item{ opacity:1; transform:none; transition:none }
}
:root{ --ink:#0a1512; --forest:#0a2b24; --forest-2:#123b31; --paper:#f4f4ee; --cream:#e8e6db; --muted:#55615c; --line:rgba(10,21,18,.16); --accent:#b1803a; --accent-2:#8f6528; --accent-soft:#e4d7bb; --sage:#b8c9bd }
html{ font-optical-sizing:auto }
body{ font-size:16px }
.eyebrow, .navlinks, .brand, .price-kicker, .btn, .case-type, .case-link, .details-label, .copy-details summary, .maint-card h3{ font-family:var(--sans) }
.eyebrow{ color:var(--accent-2); font-weight:700 }
.maintenance .eyebrow, .hero .eyebrow{ color:var(--accent-soft) }
.pricing-head h2{ font-size:clamp(38px,4.6vw,62px) }
.process-head h2{ font-size:clamp(38px,4.6vw,62px) }
.work-head h2{ font-size:clamp(36px,4.4vw,58px) }
.maint-grid h2{ font-size:clamp(38px,4.6vw,60px) }
.cta h2{ font-size:clamp(48px,5.4vw,84px) }
.price, .maint-card .price{ font-family:var(--serif); font-weight:500; font-variation-settings:"opsz" 34; letter-spacing:-.012em }
.hero-copy{ line-height:1.55 }
.btn{ border-radius:0; font-weight:650; letter-spacing:.1em }
.btn-primary{ background:var(--accent); color:#17130c }
.btn-primary:hover{ background:#c28f45 }
.brand{ font-weight:600; letter-spacing:.17em }
.identity-section::before{ display:none !important }
.price-card{ min-height:0 }
.price-card .plan-description{ min-height:0 }
.pricing-grid{ align-items:stretch }
.clarity-card.featured{ background:var(--accent-soft) }
.case{ height:100% }
.case:nth-child(1){ grid-row:auto }
.case-meta{ margin-top:0 }
.maint-card{ min-height:0 }
.maint-card .plan-intro{ min-height:0 }
.reveal-item{ transform:translateY(18px) }
.price-card:hover, .case:hover, .maint-card:hover{ transform:translateY(-4px) }
.price-card.featured:hover{ transform:translateY(-24px) }
@media (max-width:760px){
  .hero h1{ font-size:clamp(44px,12vw,64px) }
  .case:nth-child(1) .case-visual{ min-height:360px }
}
.hero{ position:relative; display:block; overflow:hidden; min-height:min(92vh, 900px); padding:0; background:var(--forest); --hero-image:url('../assets/hero.jpg') }
.hero::before{ display:none !important }
.hero-media{ position:absolute; inset:0; z-index:0; background:var(--hero-image) center/cover no-repeat; background-color:#0c2721 }
.hero-scrim{ position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg, rgba(6,15,12,.90) 0%, rgba(6,15,12,.80) 26%, rgba(6,15,12,.50) 54%, rgba(6,15,12,.14) 82%, rgba(6,15,12,0) 100%), linear-gradient(0deg, rgba(6,15,12,.88) 0%, rgba(6,15,12,.30) 30%, rgba(6,15,12,0) 60%), linear-gradient(180deg, rgba(6,15,12,.52) 0%, rgba(6,15,12,0) 20%) }
.hero-inner{ position:relative; z-index:2; min-height:inherit; display:flex; flex-direction:column; justify-content:flex-end; padding:150px 0 40px; gap:46px }
.hero-lead{ max-width:840px }
.hero-lead .eyebrow{ color:var(--accent-soft) }
.hero h1{ max-width:840px; margin:26px 0 26px }
.hero-copy{ max-width:600px; color:rgba(255,255,255,.82) }
.micro{ max-width:600px }
@media (max-width:760px){
  .hero{ min-height:auto }
  .hero-inner{ padding:120px 0 30px; gap:30px }
}
.section{ padding:clamp(42px, 4vw, 72px) 0 }
.signal-title{ padding:clamp(42px, 4vw, 62px) 72px clamp(42px, 4vw, 62px) 0 }
.signal-item{ padding:clamp(42px, 4vw, 58px) 30px; min-height:0 }
.cta{ padding:clamp(54px, 5vw, 84px) 0 }
footer{ padding:clamp(40px, 3.4vw, 52px) 0 }
.pricing-head{ margin-bottom:clamp(30px, 3vw, 40px) }
.process-head{ margin-bottom:clamp(30px, 3vw, 42px) }
.work-head{ margin-bottom:clamp(26px, 2.6vw, 36px) }
@media (max-width:760px){
  .signal-title{ padding:40px 0 34px }
  .signal-item{ padding:38px 22px }
}
:root{ --serif:"neue-haas-grotesk-display", "Helvetica Neue", Arial, sans-serif; --sans:"neue-haas-grotesk-text", "Helvetica Neue", Arial, sans-serif }
body{ font-family:var(--sans); font-weight:400; letter-spacing:-.006em; line-height:1.6 }
.display{ font-family:var(--serif); font-weight:700; font-variation-settings:normal; letter-spacing:-.022em; line-height:1.02 }
.display em{ font-style:normal; font-weight:inherit }
.hero h1{ font-weight:700 }
.hero h1 em{ color:var(--accent-soft) }
.signal-item h3, .clarity-card h3{ font-family:var(--serif); font-weight:400; font-variation-settings:normal; letter-spacing:-.012em }
.price{ font-family:var(--serif); font-weight:700; font-variation-settings:normal; letter-spacing:-.02em }
.clarity-card .num, .signal-item span{ font-family:var(--serif); font-weight:700 }
.eyebrow, .price-kicker, .details-label, .case-type, .btn, .brand, .maint-card h3, .copy-details summary{ font-family:var(--sans); font-weight:700 }
.navlinks{ font-family:var(--sans); font-weight:400 }
.hero-copy, .muted, .price small, .plan-description p, .plan-intro, .copy-details p, .deadline, .maintenance-note, .micro, .case-description{ font-family:var(--sans) }
.signal-item{ justify-content:flex-start }
.signal-item span{ margin-bottom:14px }
.clarity-card{ display:flex; flex-direction:column; justify-content:flex-start; min-height:0 }
.clarity-card .num{ margin-bottom:16px; line-height:1 }
.clarity-card h3{ margin-top:0 !important; padding-top:0 !important; margin-bottom:12px }
.process-pillars{ display:grid; grid-template-columns:repeat(2,1fr); gap:34px 26px; position:relative }
@media (min-width:680px){
  .process-pillars{ grid-template-columns:repeat(3,1fr) }
}
@media (min-width:1040px){
  .process-pillars{ grid-template-columns:repeat(6,1fr); gap:26px }
}
.pillar{ text-align:left }
.pillar-ico{ width:58px; height:58px; border-radius:50%; border:0; background:var(--forest); color:var(--paper); display:flex; align-items:center; justify-content:center; position:relative; z-index:1 }
.pillar:last-child .pillar-ico{ background:var(--accent); color:#17130c }
.pillar-ico svg{ width:30px; height:30px; display:block }
.pillar-num{ display:block; font-family:var(--serif); font-weight:700; font-size:15px; color:var(--accent); margin:16px 0 4px }
.pillar h3{ font-family:var(--serif); font-weight:700; letter-spacing:-.01em; line-height:1.15; margin:0 0 8px }
.pillar p{ font-family:var(--sans); font-size:14px; line-height:1.5; color:var(--muted); margin:0 }
@media (min-width:1040px){
  .process-pillars::before{ content:""; position:absolute; top:29px; left:29px; right:calc((100% - 130px)/6 - 29px); height:2px; background:var(--accent); z-index:0 }
}
.maintenance .muted{ color:rgba(255,255,255,.82) }
.signal-title h2{ font-size:clamp(30px, 3.1vw, 44px); line-height:1.05 }
.hero h1{ font-size:clamp(48px, 6vw, 92px); line-height:.98; letter-spacing:-.028em }
.signal-title h2, .pricing-head h2, .process-head h2, .work-head h2, .maint-grid h2, .cta h2{ font-family:var(--serif) !important; font-weight:700 !important; font-size:clamp(32px, 3.9vw, 54px) !important; line-height:1.07 !important; letter-spacing:-.022em !important; font-variation-settings:normal !important; margin:18px 0 0 !important }
@media (min-width:961px){
  .signal-grid{ grid-template-columns:1.12fr .88fr }
  .signal-title{ padding-right:44px }
}
.signal-item h3, .clarity-card h3{ font-size:26px !important; line-height:1.18 }
.pillar h3{ font-size:19px }
.hero-analyze{ display:flex; max-width:580px; margin-top:34px }
.hero-analyze .btn{ height:56px; display:inline-flex; align-items:center; white-space:nowrap }
@media (max-width:560px){
  .hero-analyze{ flex-direction:column }
  .hero-analyze .btn{ width:100% }
}
.case-link{ text-decoration:none }
a.case-link:hover{ color:var(--accent) }
.work-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px }
@media (max-width:900px){
  .work-grid{ grid-template-columns:repeat(2,1fr) }
}
@media (max-width:600px){
  .work-grid{ grid-template-columns:1fr }
}
.case{ display:flex; flex-direction:column }
.case-visual{ flex:none; min-height:0; aspect-ratio:16/10; overflow:hidden; border:1px solid var(--line) }
.case:nth-child(1) .case-visual{ min-height:0 }
.case-shot{ width:100%; height:100%; object-fit:cover; object-position:top; display:block }
.case-meta{ padding-top:18px }
.nav-toggle{ display:none }
footer a{ color:inherit; text-decoration:underline; text-underline-offset:2px }
footer a:hover{ color:var(--accent-soft) }
@media (max-width:980px){
  .nav-toggle{ display:inline-flex; flex-direction:column; justify-content:center; gap:5px; width:44px; height:44px; padding:0 9px; background:transparent; border:0; cursor:pointer }
  .nav-toggle span{ display:block; height:2px; width:100%; background:#fcfbf7; border-radius:2px; transition:transform .25s ease, opacity .2s ease }
  header.nav-open .nav-toggle span:nth-child(1){ transform:translateY(7px) rotate(45deg) }
  header.nav-open .nav-toggle span:nth-child(2){ opacity:0 }
  header.nav-open .nav-toggle span:nth-child(3){ transform:translateY(-7px) rotate(-45deg) }
  header.nav-open .navlinks{ display:flex; flex-direction:column; align-items:stretch; gap:2px; position:absolute; top:100%; left:0; right:0; background:var(--forest); padding:12px 24px 20px; border-top:1px solid rgba(255,255,255,.14); box-shadow:0 22px 44px rgba(0,0,0,.28) }
  header.nav-open .navlinks a{ padding:13px 0; font-size:15px; text-transform:none; letter-spacing:0; color:rgba(255,255,255,.9) }
  header.nav-open .navlinks a.btn{ margin-top:10px; justify-content:center; text-transform:uppercase; letter-spacing:.1em; font-size:12px }
}
.work-grid{ align-items:stretch }
.case-meta{ flex:1; display:flex; flex-direction:column }
.case-copy{ flex:1; display:flex; flex-direction:column; height:100% }
.case-link{ margin-top:auto; padding-top:14px }
.case-visual{ position:relative }
.hero-analyze{ align-items:center; flex-wrap:wrap; gap:14px 22px }
.hero-link{ color:rgba(255,255,255,.88); font-size:14px; font-weight:700; letter-spacing:.02em; text-decoration:underline; text-underline-offset:3px; white-space:nowrap }
.hero-link:hover{ color:var(--accent-soft) }
.hero .micro a{ color:inherit; text-decoration:underline; text-underline-offset:2px }
.price{ white-space:nowrap }
.footer-grid{ align-items:flex-start; flex-wrap:wrap }
.footer-brand{ flex:1 1 260px }
.footer-col{ display:grid; gap:8px; align-content:start; min-width:180px }
.footer-col b{ font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#fcfbf7; margin-bottom:4px }
footer .footer-col a{ font-size:14px; text-decoration:none }
footer .footer-col a:hover{ color:#fcfbf7; text-decoration:underline }
.footer-legal{ margin-top:34px; padding-top:20px; border-top:1px solid rgba(255,255,255,.14) }
.footer-legal p{ font-size:12.5px; margin:0; color:rgba(255,255,255,.55) }
@media (max-width:640px){
  .footer-grid{ display:flex; gap:28px }
}
.passos .clarity-card{ display:flex; flex-direction:column; min-height:0; padding:38px 34px }
.passos .clarity-card h3{ margin:30px 0 0; padding-top:0; font-size:clamp(26px,2.3vw,32px) }
.passos .passo-preco{ margin:10px 0 0; font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--accent-2) }
.passos .clarity-card p:not(.passo-preco){ margin:16px 0 28px; font-size:15.5px; line-height:1.55; color:var(--ink) }
.passos .clarity-card .btn{ margin-top:auto; align-self:flex-start }
.passos-trilhas{ margin:26px 0 0; font-size:15px; color:var(--muted) }
.passos-trilhas a{ color:inherit }
.cta-site{ margin-top:30px; padding-top:24px; border-top:1px solid rgba(10,21,18,.2) }
.cta-site p{ font-size:16px; margin:0 0 16px }
.btn-ghost-dark{ background:transparent; color:var(--ink); border:1px solid rgba(10,21,18,.45) }
.btn-ghost-dark:hover{ border-color:var(--ink) }
@media (max-width: 760px){
  .passos .clarity-card{ padding:30px 22px }
  .passos .clarity-card + .clarity-card{ border-left:0; border-top:1px solid var(--line) }
}
/* Unificação com as outras páginas (29/10/2026): rodapé igual ao de guias-assets/sineris.css */
footer{ padding:64px 0; line-height:1.5 }
.navlinks{ line-height:1.5 }
footer p{ font-size:14px; margin:14px 0 0 }
footer a{ color:rgba(255,255,255,.85) }