@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400&family=Inter:wght@400;500;600&family=Inter+Tight:wght@400;500;600&display=swap');

:root { --ink:#000; --paper:#fff; --soft:#fbfbfb; --muted:#868686; --line:#e0e0e0; --gold:#ffb433; --gold-pale:#fad371; --gold-deep:#aa7625; --dark:#121212; --display:"Inter Tight","Inter",sans-serif; --text:"Inter",sans-serif; --max:1224px; --pill:999px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--text); font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.shell { max-width:var(--max); margin:auto; padding:0 24px; }
header { position:fixed; top:0; left:0; right:0; z-index:60; background:#ffffffeb; backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
main { padding-top:74px; }
.nav { height:74px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.logo { color:inherit; }
.logo-lockup { display:inline-flex; align-items:center; gap:8px; font:500 18px/1 var(--display); letter-spacing:-.06em; }
.logo-mark { display:block; width:24px; height:24px; object-fit:contain; }
.footer-lockup { color:var(--paper); font-size:20px; }
.nav-logo { display:block; height:30px; max-width:112px; width:auto; object-fit:contain; object-position:left center; }
.navlinks { display:flex; gap:28px; color:#555; font-size:14px; }
.navlinks a:hover { color:var(--ink); }
.button { display:inline-flex; align-items:center; gap:10px; padding:16px 24px; border-radius:var(--pill); background:var(--ink); color:var(--paper); font-size:16px; font-weight:500; }
.button:after { content:'↗'; font-size:17px; line-height:0; }
.button.ghost { background:transparent; color:inherit; border:1px solid currentColor; }
.hero .button { background:var(--gold); color:var(--ink); }
.tlink { display:inline-flex; margin-top:18px; color:var(--ink); font-size:14px; font-weight:500; text-decoration:underline; text-underline-offset:4px; }
.eyebrow { color:var(--muted); font-size:14px; font-weight:500; }
.hero { background:var(--ink); color:var(--paper); padding:116px 24px 100px; border-bottom:1px solid var(--line); }
.home-hero { background-image:linear-gradient(90deg,#0a0a0beb,#0a0a0bb8 38%,#0a0a0b47 70%,#0a0a0b6b),linear-gradient(180deg,rgba(10,10,11,.78),transparent 32%,rgba(10,10,11,.9)),url('/hero-lamna.webp'); background-size:cover; background-position:center right; }
.home-hero { background-image:radial-gradient(700px 460px at 78% 32%,#242424 0%,#000 66%); overflow:hidden; }
.home-hero:before { content:''; position:absolute; top:44px; right:max(24px,calc((100vw - var(--max))/2 + 24px)); bottom:132px; width:min(39vw,520px); border:1px solid #ffffff24; border-radius:18px; background:linear-gradient(180deg,#0000001a,#0000008c),url('/hero-lamna.webp') center/cover; opacity:.9; }
.home-hero .hero-grid { position:relative; z-index:1; grid-template-columns:1.08fr .92fr; min-height:520px; align-items:center; }
.home-hero h1 { max-width:14ch; font-size:clamp(48px,5.2vw,84px); line-height:.98; }
.home-hero .hero-copy { max-width:360px; margin-left:auto; padding:28px; border:1px solid #ffffff24; border-radius:16px; background:#0000009c; backdrop-filter:blur(8px); }
.home-hero .hero-copy p { margin:0; }
.home-hero .eyebrow { color:var(--gold); }
.home-hero .eyebrow:before { content:''; display:inline-block; width:7px; height:7px; margin:0 10px 1px 0; border-radius:50%; background:var(--gold); }
.home-hero .stats { position:relative; z-index:1; }
.hero-grid { display:grid; grid-template-columns:1.5fr 1fr; gap:80px; align-items:end; }
.hero-grid,.section > .section-head,.section > .cards,.section > .two-col,.section > .process,.section > .split-list,.section > .service-group,.section > .faq { max-width:var(--max); margin-left:auto; margin-right:auto; }
h1,h2,h3 { font-family:var(--display); font-weight:400; letter-spacing:0; margin:0; }
h1 { max-width:850px; font-size:clamp(44px,6.4vw,100px); font-weight:300; line-height:1.02; }
h2 { font-size:clamp(36px,3.6vw,55px); font-weight:300; line-height:1.08; }
h3 { font-size:24px; line-height:1.15; }
.hero-copy { max-width:370px; color:#c2c1bc; font-size:16px; line-height:1.55; }
.service-price { margin:28px 0 20px; padding-top:16px; border-top:1px solid #ffffff24; }
.service-price .eyebrow { display:block; color:#c6c6c6; }
.service-price strong { display:block; margin-top:6px; color:var(--paper); font:500 24px/1.2 var(--display); }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.stats { display:grid; grid-template-columns:repeat(3,1fr); gap:0; max-width:var(--max); margin:78px auto 0; border-top:1px solid #ffffff24; }
.stat { background:transparent; padding:28px 32px 4px 0; color:#868686; font-size:14px; border-right:0; }
.stat:last-child { border-right:0; }
.stat strong { display:block; color:var(--paper); font:300 36px var(--display); min-height:32px; margin-bottom:8px; }
.stat-icon { width:28px; height:28px; display:block; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.stat strong:not(:has(svg)) { font-size:0; position:relative; width:30px; }
.stat strong:not(:has(svg)):before { content:''; display:block; width:22px; height:22px; border:1.5px solid currentColor; border-radius:50%; }
.stat:nth-child(2) strong:not(:has(svg)):before { border-radius:3px; transform:rotate(45deg); }
.stat:nth-child(3) strong:not(:has(svg)):before { width:24px; height:12px; border-width:1.5px 0 0; border-radius:0; transform:translateY(8px) rotate(-35deg); }
.stat:nth-child(3) strong:not(:has(svg)):after { content:''; position:absolute; left:18px; top:3px; width:7px; height:7px; border-top:1.5px solid currentColor; border-right:1.5px solid currentColor; }
.section { padding:104px 0; border-bottom:1px solid var(--line); }
.section-head { display:flex; justify-content:space-between; gap:40px; margin-bottom:48px; }
.section-head p { max-width:340px; color:#555; line-height:1.6; margin:0; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; background:transparent; }
.card { min-height:230px; padding:32px; border:1px solid var(--line); border-radius:16px; background:var(--paper); display:flex; flex-direction:column; justify-content:space-between; }
.card img { width:calc(100% + 64px); height:180px; object-fit:cover; margin:-32px -32px 18px; border-radius:16px 16px 0 0; }
.card p { color:var(--muted); line-height:1.5; font-size:14px; max-width:290px; }
.card a { color:var(--ink); font-size:14px; font-weight:500; text-decoration:underline; text-underline-offset:4px; }
.service-group { margin-bottom:62px; }
.service-group:last-child { margin-bottom:0; }
.group-label { border-top:1px solid var(--line); padding:15px 0; color:var(--muted); font-size:14px; font-weight:500; text-transform:uppercase; }
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.prose { color:#555; font-size:17px; line-height:1.65; max-width:570px; }
.list { list-style:none; padding:0; margin:0; border-top:1px solid var(--line); }
.list li { padding:16px 0; border-bottom:1px solid var(--line); color:#555; font-size:14px; }
.list li:before { content:'+'; color:var(--gold-deep); margin-right:14px; }
.process { display:grid; grid-template-columns:repeat(4,1fr); gap:32px; }
.step { padding:24px 0; border-top:1px solid var(--line); min-height:170px; }
.step span { color:var(--muted); font:14px var(--display); }
.step h3 { margin-top:42px; font-size:20px; }
.step p { color:var(--muted); font-size:13px; line-height:1.5; }
.cta { padding:100px 0; background:var(--ink); color:var(--paper); }
.cta h2 { max-width:760px; }
.cta p { max-width:440px; line-height:1.5; color:#c6c6c6; }
.cta .button { background:var(--gold); color:var(--ink); margin-top:20px; }
footer { background:var(--ink); color:var(--paper); padding:80px 0 32px; }
.foot { display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:48px; }
.foot-brand p { color:var(--muted); font-size:14px; line-height:1.5; max-width:34ch; margin-top:20px; }
.foot-col h5 { font-size:14px; font-weight:500; margin:0 0 18px; }
.foot-col a,.foot-col span { display:block; color:var(--muted); font-size:14px; margin-bottom:12px; }
.foot-col a:hover { color:var(--paper); }
.foot-bottom { grid-column:1 / -1; border-top:1px solid #ffffff24; margin-top:8px; padding-top:26px; display:flex; justify-content:space-between; gap:16px; color:var(--muted); font-size:14px; }
.crumbs { max-width:var(--max); margin:0 auto; padding:25px 24px; color:var(--muted); font:12px 'DM Mono'; }
.tag { display:inline-block; padding:6px 12px; border:1px solid var(--line); border-radius:var(--pill); color:var(--muted); font-size:12px; }
.split-list { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); }
.split-list > div { padding:32px; background:var(--paper); border:1px solid var(--line); border-radius:16px; }
.reveal { opacity:1; transform:none; }
.motion-ready .reveal { opacity:1; transform:none; transition:opacity .55s ease, transform .55s ease; }
.motion-ready .reveal.in { opacity:1; transform:none; }
.delay-1 { transition-delay:.08s; } .delay-2 { transition-delay:.16s; } .delay-3 { transition-delay:.24s; }
details { border-bottom:1px solid var(--line); }
summary { padding:24px 0; cursor:pointer; display:flex; justify-content:space-between; gap:24px; font:400 18px var(--display); list-style:none; }
summary::-webkit-details-marker { display:none; }
summary:after { content:'+'; color:var(--muted); font-size:24px; font-weight:300; }
details[open] summary:after { content:'−'; }
details p { max-width:680px; margin:0 0 24px; color:#555; font-size:15px; }
@media (prefers-reduced-motion: reduce) { .motion-ready .reveal { opacity:1; transform:none; transition:none; } }
.split-list h3 { margin-bottom:20px; }
.split-list p { color:var(--muted); line-height:1.55; font-size:14px; }
@media (max-width:840px) { .navlinks{display:none}.nav .button{padding:10px 16px;font-size:14px}.foot{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1 / -1} }
@media (max-width:760px) { .shell{padding:0 20px}.hero{padding:75px 0}.hero-grid,.two-col{grid-template-columns:1fr;gap:38px}.home-hero .hero-grid{min-height:auto;gap:42px}.home-hero:before{top:30px;right:20px;bottom:auto;width:calc(100% - 40px);height:250px;opacity:.3}.home-hero .hero-copy{margin:0;max-width:100%}.home-hero h1{max-width:10ch;font-size:clamp(48px,14vw,72px)}.stats,.cards,.process,.split-list{grid-template-columns:1fr}.section{padding:70px 0}.section-head{display:block}.section-head p{margin-top:22px}.hero-copy{max-width:520px}.foot{grid-template-columns:1fr}.foot-bottom{grid-column:auto;display:block}.foot-bottom span{display:block;margin-top:8px} }

/* Hero principal: composição editorial clara, sem sobreposição excessiva. */
.home-hero { background:var(--off); color:var(--ink); padding-bottom:0; }
.home-hero:before { top:0; right:0; bottom:0; width:46%; border:0; border-radius:0 0 0 24px; background:linear-gradient(90deg,#00000012,#0000003d),url('/hero-lamna.webp') center/cover; opacity:1; }
.home-hero .hero-grid { min-height:610px; padding-top:70px; padding-bottom:70px; grid-template-columns:1fr 1fr; align-items:center; }
.home-hero h1 { max-width:12ch; color:var(--ink); font-size:clamp(48px,5vw,80px); }
.home-hero .eyebrow { color:var(--gold-deep); }
.home-hero .hero-copy { position:relative; z-index:2; max-width:380px; margin-left:auto; padding:32px; border:0; border-radius:16px; background:#121212; color:var(--paper); box-shadow:0 18px 50px #0000002b; }
.home-hero .hero-copy p { color:#c6c6c6; }
.home-hero .hero-copy .button.ghost { color:var(--paper); border-color:#ffffff55; }
.home-hero .stats { position:relative; z-index:2; margin-top:0; border-top:1px solid #00000024; padding-bottom:28px; }
.home-hero .stat { color:#555; }
.home-hero .stat strong { color:var(--ink); }
.home-hero .stat:nth-child(3) { color:#c6c6c6; }
.home-hero .stat:nth-child(3) strong { color:var(--paper); }
.home-hero .stat-icon { stroke:currentColor; }
@media (max-width:760px) { .home-hero { padding-bottom:0; }.home-hero:before { top:auto; right:20px; bottom:150px; width:calc(100% - 40px); height:260px; border-radius:16px; opacity:.22; }.home-hero .hero-grid { min-height:auto; padding-top:70px; padding-bottom:110px; grid-template-columns:1fr; }.home-hero h1 { max-width:10ch; color:var(--ink); }.home-hero .hero-copy { margin:0; max-width:100%; }.home-hero .stats { padding-bottom:24px; }.home-hero .stat { color:#555; } }

/* Retorno à composição original do hero; somente o eyebrow foi atualizado. */
.home-hero { background-image:linear-gradient(90deg,#0a0a0beb,#0a0a0bb8 38%,#0a0a0b47 70%,#0a0a0b6b),linear-gradient(180deg,rgba(10,10,11,.78),transparent 26%,transparent 62%,rgba(10,10,11,.9)),url('/hero-lamna.webp'); background-size:cover; background-position:center right; color:var(--paper); padding:116px 24px 100px; }
.home-hero:before { display:none; }
.home-hero .hero-grid { min-height:0; padding:0; grid-template-columns:1.5fr 1fr; align-items:end; }
.home-hero h1 { max-width:14ch; color:var(--paper); font-size:clamp(48px,5.2vw,84px); }
.home-hero .eyebrow { color:#c6c6c6; }
.home-hero .eyebrow:before { background:var(--gold); }
.home-hero .hero-copy { max-width:360px; margin-left:auto; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; color:#c6c6c6; }
.home-hero .hero-copy p { color:#c6c6c6; }
.home-hero .stats { margin-top:78px; padding-bottom:0; }
.home-hero .stat,.home-hero .stat:nth-child(3) { color:#868686; }
.home-hero .stat strong,.home-hero .stat:nth-child(3) strong { color:var(--paper); }
@media (max-width:760px) { .home-hero { padding:75px 0; }.home-hero:before { display:none; }.home-hero .hero-grid { min-height:0; padding:0; grid-template-columns:1fr; gap:38px; }.home-hero h1 { max-width:10ch; color:var(--paper); }.home-hero .hero-copy { margin:0; max-width:520px; }.home-hero .stats { padding-bottom:0; margin-top:56px; } }

/* Direção editorial da nova Home, inspirada na referência aprovada. */
.reference-hero { background:var(--soft); color:var(--ink); padding:74px 24px 0; overflow:hidden; }
.reference-hero .hero-grid { min-height:620px; grid-template-columns:1fr 1fr; align-items:center; gap:64px; }
.reference-copy { max-width:560px; }
.reference-copy .eyebrow { color:var(--muted); letter-spacing:.12em; font-size:12px; }
.reference-copy h1 { max-width:11ch; font-size:clamp(58px,6.8vw,112px); line-height:.92; font-weight:300; }
.reference-copy h1 span { font-weight:500; position:relative; z-index:0; display:inline-block; white-space:nowrap; }
.reference-copy h1 span:after { content:''; position:absolute; left:0; right:0; bottom:-4px; height:7px; background:var(--gold); z-index:-1; }
.reference-lead { max-width:450px; margin:30px 0 32px; color:#555; font-size:18px; line-height:1.55; }
.reference-hero .button { background:var(--gold); color:var(--ink); }
.light-link { color:var(--ink); border-bottom:1px solid var(--ink); margin-left:18px; }
.browser-mockup { position:relative; width:100%; max-width:590px; justify-self:end; transform:rotate(-2deg); filter:drop-shadow(0 24px 34px #00000022); }
.browser-bar { height:42px; padding:0 16px; display:flex; align-items:center; gap:7px; border:1px solid #d5d5d5; border-bottom:0; border-radius:12px 12px 0 0; background:#f8f8f8; color:#777; }
.browser-bar > span { width:9px; height:9px; border-radius:50%; background:#e3e3e3; }.browser-bar > span:nth-child(1){background:#ff6257}.browser-bar > span:nth-child(2){background:#ffbd2e}.browser-bar > span:nth-child(3){background:#28c840}
.browser-address { height:22px; flex:1; max-width:260px; margin:auto; display:grid; place-items:center; border-radius:5px; background:#e7e7e7; font-size:10px; }
.browser-bar b { font-size:18px; font-weight:300; }
.browser-image { height:500px; overflow:hidden; border:1px solid #d5d5d5; background:#111; }
.browser-image img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.75); }
.browser-note { position:absolute; right:-22px; bottom:32px; padding:16px 18px; border-left:3px solid var(--gold); background:var(--paper); color:#555; font:11px/1.65 'DM Mono',monospace; letter-spacing:.12em; }
.reference-metrics { max-width:var(--max); margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #d5d5d5; }
.reference-metrics > div { padding:24px 32px 28px 0; border-right:1px solid #d5d5d5; }.reference-metrics > div:last-child{border-right:0}
.reference-metrics strong { display:block; font:300 42px/1 var(--display); margin-bottom:8px; }.reference-metrics span{color:#555;font-size:14px}
.legacy-bullets strong { display:flex; align-items:center; min-height:32px; margin-bottom:18px; }.legacy-bullets .stat-icon { width:24px; height:24px; stroke:var(--ink); stroke-width:1.5; fill:none; }.legacy-bullets span { display:block; color:#777; }
.dark-band { background:var(--ink); color:var(--paper); }.dark-band .section-head p{color:#c6c6c6}.dark-band .eyebrow{color:var(--gold)}
.service-strip { max-width:var(--max); margin:56px auto 0; display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid #ffffff33; }
.service-tile { min-height:250px; padding:26px 24px 22px 0; margin-right:24px; border-right:1px solid #ffffff33; display:flex; flex-direction:column; }.service-tile:last-child{border-right:0}
.tile-icon { color:var(--gold); font-size:27px; line-height:1; margin-bottom:40px; }.service-tile h3{color:var(--paper);font-size:20px}.service-tile p{color:#c6c6c6;font-size:14px;line-height:1.5;max-width:24ch;flex:1}.service-tile a{color:var(--paper);font-size:14px}
@media(max-width:760px){.reference-hero{padding:50px 20px 0}.reference-hero .hero-grid{min-height:0;grid-template-columns:1fr;gap:52px}.reference-copy h1{font-size:clamp(52px,15vw,78px)}.reference-lead{font-size:16px}.browser-mockup{justify-self:center;transform:none}.browser-image{height:280px}.browser-note{right:10px;bottom:18px}.reference-metrics{grid-template-columns:1fr}.reference-metrics>div{border-right:0;border-bottom:1px solid #d5d5d5;padding:18px 0}.reference-metrics>div:last-child{border-bottom:0}.service-strip{grid-template-columns:1fr 1fr;gap:0}.service-tile{min-height:220px;margin-right:16px;padding-right:16px}.service-tile:nth-child(2){border-right:0}.service-tile:nth-child(3){border-top:1px solid #ffffff33;padding-top:24px}.service-tile:nth-child(4){border-top:1px solid #ffffff33;padding-top:24px}}

/* Página de posicionamento do LAMNA OS para agências. */
.agency-hero { background:var(--ink); color:var(--paper); padding:86px 24px 72px; }
.agency-hero .hero-grid { align-items:center; gap:64px; }
.agency-hero .eyebrow { color:#c6c6c6; }
.agency-hero h1 { max-width:11ch; color:var(--paper); }
.agency-hero .hero-copy { max-width:440px; color:#c6c6c6; }
.agency-hero .hero-copy { box-sizing:border-box; }
.agency-hero .hero-copy p { color:#c6c6c6; }
.agency-hero .button { background:var(--gold); color:var(--ink); }
.agency-hero .tlink { color:var(--paper); margin-left:18px; }
.agency-dashboard { box-sizing:border-box; width:100%; max-width:620px; justify-self:end; padding:16px; border:1px solid #ffffff44; border-radius:14px; background:var(--paper); color:var(--ink); }
.agency-dashboard-top { display:flex; align-items:center; gap:9px; padding:4px 0 16px; border-bottom:1px solid var(--line); font-size:12px; }
.agency-dashboard-top > span:last-child { margin-left:auto; color:var(--muted); }
.agency-dot { width:8px; height:8px; border-radius:50%; background:var(--gold); }
.agency-dashboard-grid { display:grid; grid-template-columns:170px 1fr; gap:20px; padding-top:18px; }
.agency-dashboard-grid aside { display:flex; flex-direction:column; gap:7px; padding-right:18px; border-right:1px solid var(--line); }
.agency-kicker { display:block; color:var(--muted); font-size:11px; letter-spacing:.12em; }
.agency-dashboard-grid aside strong { font-size:15px; }
.agency-dashboard-grid aside small { color:var(--muted); line-height:1.45; }
.agency-dashboard-grid hr { width:100%; margin:12px 0; border:0; border-top:1px solid var(--line); }
.agency-metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.agency-metric-row div { display:flex; flex-direction:column; gap:6px; }
.agency-metric-row span,.agency-task small { color:var(--muted); font-size:11px; }
.agency-metric-row strong { font-size:22px; font-weight:500; }
.agency-task-list { padding-top:9px; }
.agency-task { display:grid; grid-template-columns:8px 1fr auto; align-items:center; gap:9px; padding:12px 0; border-bottom:1px solid var(--line); font-size:12px; }
.agency-task:last-child { border-bottom:0; }
.agency-status { width:7px; height:7px; border-radius:50%; background:#222; }
.agency-status.is-yellow { background:var(--gold); }
.agency-status.is-muted { background:#bcbcbc; }
.agency-reasons { margin-top:30px; border-top:1px solid var(--line); }
.agency-reasons div { display:grid; grid-template-columns:38px 1fr; gap:12px; padding:16px 0; border-bottom:1px solid var(--line); }
.agency-reasons strong { font-weight:500; }
.agency-reasons span { color:var(--muted); font-size:14px; line-height:1.45; }
.agency-modules { padding-top:88px; padding-bottom:96px; }
.agency-feature-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:56px; border-top:1px solid #ffffff33; }
.agency-feature { min-height:220px; padding:24px 24px 20px 0; margin-right:24px; border-right:1px solid #ffffff33; display:flex; flex-direction:column; }
.agency-feature:nth-child(4n) { border-right:0; margin-right:0; }
.agency-feature:nth-child(n+5) { border-top:1px solid #ffffff33; }
.agency-feature > span { color:var(--gold); font-size:24px; line-height:1; margin-bottom:36px; }
.agency-feature h3 { color:var(--paper); font-size:18px; }
.agency-feature p { color:#c6c6c6; font-size:14px; line-height:1.5; max-width:24ch; margin-top:auto; }
.agency-ai-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.agency-ai-grid .list { margin-top:16px; }
.agency-ai-grid .list li { padding:11px 0; }
.agency-white-label { background:var(--soft); }
.agency-flow { display:grid; grid-template-columns:repeat(8,1fr); gap:0; border-top:1px solid var(--line); }
.agency-flow-step { min-height:130px; padding:20px 12px 16px 0; margin-right:12px; border-right:1px solid var(--line); display:flex; flex-direction:column; gap:25px; }
.agency-flow-step:last-child { border-right:0; margin-right:0; }
.agency-flow-step strong { color:var(--muted); font-size:12px; font-weight:500; }
.agency-flow-step span { font-size:14px; }
.agency-role-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.agency-role-grid .card { min-height:230px; display:flex; flex-direction:column; }
.agency-role-grid .card p { margin-top:auto; }
.agency-cta { background:var(--ink); color:var(--paper); }
.agency-cta h2 { max-width:14ch; color:var(--paper); }
.agency-cta p { max-width:45ch; color:#c6c6c6; }
.agency-cta .eyebrow { color:var(--gold); }
@media (max-width:760px) {
  .agency-hero { padding:70px 0 56px; }
  .agency-hero .hero-grid { gap:44px; }
  .agency-hero .hero-copy { width:calc(100vw - 40px); max-width:calc(100vw - 40px); }
  .agency-hero .tlink { display:block; margin:18px 0 0; }
  .agency-dashboard { width:calc(100vw - 40px); max-width:calc(100vw - 40px); justify-self:start; margin-top:8px; padding:12px; }
  .agency-dashboard-top > span:last-child { display:none; }
  .agency-hero .hero-copy p { max-width:300px; overflow-wrap:anywhere; }
  .agency-dashboard-grid { grid-template-columns:1fr; gap:18px; }
  .agency-dashboard-grid aside { padding:0 0 18px; border-right:0; border-bottom:1px solid var(--line); }
  .agency-metric-row { gap:8px; }
  .agency-metric-row strong { font-size:18px; }
  .agency-task { grid-template-columns:8px minmax(0,1fr); }
  .agency-task small { grid-column:2; }
  .agency-feature-grid,.agency-role-grid { grid-template-columns:1fr 1fr; }
  .agency-feature { min-height:230px; margin-right:16px; padding-right:16px; }
  .agency-feature:nth-child(4n) { border-right:1px solid #ffffff33; margin-right:16px; }
  .agency-feature:nth-child(2n) { border-right:0; margin-right:0; }
  .agency-feature:nth-child(n+3) { border-top:1px solid #ffffff33; }
  .agency-flow { grid-template-columns:1fr 1fr; }
  .agency-flow-step:nth-child(2n) { border-right:0; margin-right:0; }
  .agency-flow-step:nth-child(n+3) { border-top:1px solid var(--line); }
  .agency-ai-grid { grid-template-columns:1fr; gap:32px; }
  .agency-role-grid .card { min-height:220px; }
}

/* Segunda direção: demonstração do produto, com narrativa e interação. */
.agency-hero-v2 { background:var(--ink); color:var(--paper); padding:72px 24px 0; overflow:hidden; }
.agency-hero-v2-inner { max-width:var(--max); margin:0 auto; display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:center; }
.agency-hero-v2-copy { padding:42px 0 82px; }
.agency-hero-v2-copy .eyebrow { color:#c6c6c6; }
.agency-hero-v2-copy h1 { max-width:10ch; color:var(--paper); font-size:clamp(54px,6.5vw,92px); }
.agency-hero-v2-copy > p { max-width:30ch; margin:28px 0 0; color:#c6c6c6; font-size:18px; line-height:1.5; }
.agency-hero-v2 .button { background:var(--gold); color:var(--ink); }
.agency-hero-v2 .tlink { color:var(--paper); margin-left:16px; }
.agency-nav .logo-lockup span { letter-spacing:-.04em; }
.agency-nav .button { white-space:nowrap; }
.agency-hero-v2-art { position:relative; align-self:stretch; min-height:540px; margin:0; background:var(--ink); overflow:hidden; }
.agency-hero-v2-art img { width:100%; height:100%; min-height:540px; object-fit:contain; object-position:center; display:block; mix-blend-mode:normal; opacity:1; }
.agency-hero-v2-art figcaption { position:absolute; left:24px; bottom:26px; padding-top:10px; border-top:1px solid #ffffff66; color:#c6c6c6; font-size:12px; }
.section-lead { max-width:32ch; margin-top:24px; color:var(--muted); }
.agency-friction-list { border-top:1px solid var(--line); }
.agency-friction-list > div { display:grid; grid-template-columns:38px 1fr 1.15fr; gap:16px; align-items:baseline; padding:18px 0; border-bottom:1px solid var(--line); }
.agency-friction-list span { color:var(--muted); font-size:12px; }
.agency-friction-list strong { font-size:16px; font-weight:500; }
.agency-friction-list p { margin:0; color:var(--muted); font-size:14px; line-height:1.45; }
.agency-vision { background:var(--surface, var(--soft)); }
.agency-module-layout { display:grid; grid-template-columns:280px 1fr; margin-top:52px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.agency-tabs { display:flex; flex-direction:column; border-right:1px solid var(--line); }
.agency-tab { appearance:none; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--ink); padding:18px 20px; text-align:left; cursor:pointer; display:grid; grid-template-columns:30px 1fr; gap:4px 12px; min-height:92px; }
.agency-tab:last-child { border-bottom:0; }
.agency-tab span { color:var(--muted); font-size:12px; grid-row:span 2; }
.agency-tab strong { font-size:16px; font-weight:500; }
.agency-tab small { color:var(--muted); font-size:12px; line-height:1.4; }
.agency-tab.is-active { border-left:3px solid var(--gold); padding-left:17px; background:var(--paper); }
.agency-tab:focus-visible,.agency-flow-v2-step:focus-visible { outline:2px solid var(--gold); outline-offset:-2px; }
.agency-module-panels { min-width:0; }
.agency-module-panel { display:none; grid-template-columns:1.2fr .8fr; gap:48px; align-items:center; min-height:368px; padding:40px 48px; }
.agency-module-panel.is-active { display:grid; animation:agency-panel-in .4s ease both; }
.agency-panel-copy h3 { margin-top:12px; font-size:32px; }
.agency-panel-copy p { max-width:36ch; margin-top:18px; color:var(--muted); line-height:1.55; }
.agency-panel-metric { padding-left:28px; border-left:1px solid var(--line); }
.agency-panel-metric strong { display:block; font:300 72px/1 var(--display); font-variant-numeric:tabular-nums; }
.agency-panel-metric span,.agency-panel-metric small { display:block; margin-top:8px; color:var(--muted); font-size:14px; }
.agency-progress { height:8px; margin-top:32px; background:var(--line); border-radius:999px; overflow:hidden; }
.agency-progress i { display:block; height:100%; background:var(--gold); border-radius:inherit; }
.agency-workflow { background:var(--paper); }
.agency-flow-v2 { position:relative; display:grid; grid-template-columns:repeat(8,1fr); gap:0; max-width:var(--max); margin:52px auto 0; border-top:1px solid var(--line); }
.agency-flow-rail { position:absolute; left:0; right:0; top:-5px; height:8px; background:var(--line); border-radius:999px; overflow:hidden; }
.agency-flow-rail i { display:block; height:100%; width:12.5%; background:var(--gold); transition:width .45s ease; }
.agency-flow-v2-step { position:relative; min-height:180px; padding:28px 16px 18px 0; margin-right:16px; border:0; border-right:1px solid var(--line); background:transparent; color:var(--ink); text-align:left; cursor:pointer; display:flex; flex-direction:column; align-items:flex-start; gap:22px; }
.agency-flow-v2-step:last-child { border-right:0; margin-right:0; }
.agency-flow-v2-step strong { color:var(--muted); font-size:12px; font-weight:500; }
.agency-flow-v2-step span { font-size:15px; font-weight:500; }
.agency-flow-v2-step small { color:var(--muted); font-size:12px; line-height:1.4; }
.agency-flow-v2-step.is-active span { font-weight:700; }
.agency-flow-status { display:grid; grid-template-columns:110px 1fr 2fr; gap:16px; align-items:baseline; max-width:var(--max); margin:26px auto 0; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.agency-flow-status strong { font-size:18px; font-weight:500; }
.agency-flow-status p { margin:0; color:var(--muted); font-size:14px; }
.agency-image-section { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.agency-image-section img { width:100%; height:auto; max-height:460px; object-fit:contain; object-position:center; display:block; border:0; }
.agency-image-section h2 { max-width:12ch; margin-top:14px; }
.agency-image-section p { max-width:40ch; margin-top:22px; color:var(--muted); line-height:1.55; }
.agency-ai-v2 { background:var(--soft); }
.agency-ai-columns { display:grid; grid-template-columns:1fr 1fr; gap:64px; margin-top:52px; }
.agency-ai-columns .list { margin-top:16px; }
.agency-ai-columns .list li { padding:12px 0; }
.agency-white-label-v2 { background:var(--soft); }
.agency-white-label-v2 .agency-image-section { grid-template-columns:1fr 1.1fr; }
.agency-white-label-v2 .agency-image-section img { order:2; }
.agency-model-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:52px; border-top:1px solid var(--line); }
.agency-module-layout,
.agency-image-section,
.agency-ai-columns,
.agency-model-grid { max-width:var(--max); margin-left:auto; margin-right:auto; }
.agency-model-grid article { min-height:220px; padding:24px 24px 20px 0; margin-right:24px; border-right:1px solid var(--line); display:flex; flex-direction:column; }
.agency-model-grid article:last-child { border-right:0; margin-right:0; }
.agency-model-grid span { color:var(--muted); font-size:12px; }
.agency-model-grid h3 { margin-top:42px; font-size:20px; }
.agency-model-grid p { max-width:28ch; margin-top:auto; color:var(--muted); font-size:14px; line-height:1.5; }
.agency-cta-v2 { background:var(--ink); color:var(--paper); }
.agency-cta-v2 h2 { max-width:14ch; color:var(--paper); }
.agency-cta-v2 p { max-width:42ch; color:#c6c6c6; }
.agency-cta-v2 .eyebrow { color:var(--gold); }
@keyframes agency-panel-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) { .agency-module-panel.is-active { animation:none; }.agency-flow-rail i { transition:none; } }

/* Ajuste de leitura para telas estreitas. */
@media (max-width:760px) {
  html, body { max-width:100%; overflow-x:hidden; }
  .nav { width:calc(100vw - 40px); min-width:0; gap:12px; }
  .nav .logo-lockup { min-width:0; }
  .nav .button { display:none; }
  .hero-grid { width:100%; max-width:100%; min-width:0; padding-inline:20px; }
  .hero:not(.reference-hero) .hero-grid { display:block; }
  .hero-grid > * { min-width:0; }
  .hero { max-width:100vw; overflow:hidden; }
  .hero h1 { width:350px !important; max-width:350px !important; font-size:40px; line-height:1.05; overflow-wrap:anywhere; word-break:break-word; }
  .hero-copy { width:350px; max-width:350px; min-width:0; }
  .hero-copy .button { width:100%; white-space:normal; text-align:center; }
}

@media (max-width:760px) {
  .agency-hero-v2 { padding:48px 0 0; }
  .agency-hero-v2-inner { display:block; }
  .agency-hero-v2-copy { padding:42px 20px 56px; }
  .agency-hero-v2-copy h1 { font-size:clamp(48px,13vw,68px); }
  .agency-hero-v2-copy > p { font-size:16px; }
  .agency-hero-v2 .hero-actions { display:block; }
  .agency-hero-v2 .hero-actions .button { width:100%; justify-content:center; }
  .agency-hero-v2 .tlink { display:block; margin:18px 0 0; }
  .agency-hero-v2-art { min-height:300px; margin-inline:20px; border-top:0; }
  .agency-hero-v2-art img { min-height:300px; object-position:62% center; }
  .agency-hero-v2-art figcaption { left:20px; right:20px; }
  .agency-friction-list > div { grid-template-columns:30px 1fr; gap:8px 12px; }
  .agency-friction-list p { grid-column:2; }
  .agency-module-layout { display:block; margin-top:36px; }
  .agency-tabs { border-right:0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; }
  .agency-tab { min-height:108px; padding:16px 14px; }
  .agency-tab.is-active { padding-left:11px; }
  .agency-module-panel,.agency-module-panel.is-active { grid-template-columns:1fr; gap:32px; min-height:0; padding:32px 20px 36px; }
  .agency-panel-copy h3 { font-size:28px; }
  .agency-panel-metric { padding:24px 0 0; border-left:0; border-top:1px solid var(--line); }
  .agency-panel-metric strong { font-size:58px; }
  .agency-flow-v2 { grid-template-columns:1fr 1fr; margin-top:36px; }
  .agency-flow-v2-step { min-height:168px; padding:24px 12px 16px 0; margin-right:12px; }
  .agency-flow-v2-step:nth-child(2n) { border-right:0; margin-right:0; }
  .agency-flow-v2-step:nth-child(n+4) { border-top:1px solid var(--line); }
  .agency-flow-rail { display:none; }
  .agency-flow-status { grid-template-columns:1fr; gap:6px; }
  .agency-image-section,.agency-white-label-v2 .agency-image-section { display:flex; flex-direction:column; gap:32px; align-items:stretch; }
  .agency-image-section img,.agency-white-label-v2 .agency-image-section img { order:0; max-height:300px; }
  .agency-image-section h2 { max-width:14ch; }
  .agency-ai-columns { grid-template-columns:1fr; gap:32px; margin-top:36px; }
  .agency-model-grid { grid-template-columns:1fr; }
  .agency-model-grid article { min-height:180px; margin-right:0; padding:20px 0; border-right:0; border-bottom:1px solid var(--line); }
  .agency-model-grid article:last-child { border-bottom:0; }
  .agency-model-grid h3 { margin-top:26px; }
  .agency-friction > .two-col,
  .agency-vision > .section-head,
  .agency-vision > .agency-module-layout,
  .agency-workflow > .section-head,
  .agency-workflow > .agency-flow-v2,
  .agency-workflow > .agency-flow-status,
  .agency-ai-v2 > .agency-image-section,
  .agency-ai-v2 > .agency-ai-columns,
  .agency-white-label-v2 > .agency-image-section,
  .agency-model > .section-head,
  .agency-model > .agency-model-grid { width:calc(100% - 40px); }
}

.tech-bridge { border-bottom:1px solid var(--line); background:var(--soft); }
.tech-bridge .shell { min-height:56px; display:flex; align-items:center; justify-content:space-between; gap:24px; color:var(--muted); font-size:14px; }
.tech-bridge a { color:var(--ink); font-weight:500; text-decoration:underline; text-underline-offset:4px; white-space:nowrap; }
@media (max-width:760px) { .tech-bridge .shell { min-height:0; display:block; padding-top:12px; padding-bottom:12px; }.tech-bridge a { display:inline-block; margin-top:4px; } }