@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; }
.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:0; transform:translateY(18px); 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}}