*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b1110;color:#eee9df;font-family:Arial,Helvetica,sans-serif}.topbar{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:20;background:linear-gradient(#08100fe8,#08100fa8,transparent);border-bottom:1px solid #ffffff18}.logo img,.footer-logo img{display:block;width:220px;filter:invert(1)}.topbar nav{display:flex;gap:30px}.topbar nav a{color:#eee9df;text-decoration:none;font-size:12px;letter-spacing:.05em}.hero{height:100vh;min-height:720px;position:relative;background:url('assets/hero.jpg') center/cover no-repeat;display:flex;flex-direction:column;justify-content:center;padding:100px 7vw 60px;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,8,.94) 0%,rgba(4,9,8,.76) 32%,rgba(4,9,8,.25) 68%,rgba(4,9,8,.56) 100%)}.hero-content{position:relative;z-index:2;max-width:950px}.kicker,.index{font-size:10px;font-weight:700;letter-spacing:.22em;color:#b69050}.hero h1,.section h2,.statement h2,.contact h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}.hero h1{font-size:clamp(54px,7.2vw,108px);line-height:.93;margin:24px 0 30px}.hero h1 em{font-weight:400;color:#cbbca6}.lead{max-width:620px;font-size:18px;line-height:1.65;color:#d2d3ce}.cta{display:inline-flex;gap:35px;margin-top:28px;padding:17px 22px;border:1px solid #b69050;color:#eee9df;text-decoration:none;font-size:11px;letter-spacing:.14em}.cta span{color:#d2a75d}.hero-foot{position:absolute;z-index:2;bottom:0;left:7vw;right:7vw;border-top:1px solid #ffffff35;padding:23px 0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.24em;color:#d0cbc0}.section{padding:115px 7vw}.about{background:#e7e1d5;color:#18201d;display:grid;grid-template-columns:1fr 3fr;gap:50px}.about .index,.services-section .index,.method-section .index{padding-top:15px}.about-copy{max-width:900px}.section h2,.statement h2,.contact h2{font-size:clamp(42px,5vw,72px);line-height:1.03;margin:10px 0 35px}.about p{color:#4e5852;line-height:1.75;font-size:17px;max-width:800px}.services-section{background:#0b1110;border-top:1px solid #ffffff1d}.section-head{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end}.section-head>p{color:#aeb5b0;line-height:1.7;max-width:430px;margin-bottom:42px}.services{display:grid;grid-template-columns:1fr 1fr;margin-top:55px;border-top:1px solid #ffffff24}.service{min-height:610px;position:relative;overflow:hidden;border-bottom:1px solid #ffffff24}.service:nth-child(odd){border-right:1px solid #ffffff24}.photo{height:310px;background-size:cover;background-position:center;filter:saturate(.65) brightness(.68);transition:.6s}.service:hover .photo{transform:scale(1.025);filter:saturate(.8) brightness(.78)}.service-copy{padding:32px 42px 45px}.service-copy>span{font-family:Georgia,serif;color:#c49b58;font-size:25px;display:block;margin-bottom:26px}.service-copy small{font-size:9px;letter-spacing:.17em;color:#c49b58}.service h3{font-family:Georgia,serif;font-size:29px;font-weight:400;line-height:1.2;margin:13px 0 17px}.service p{color:#aeb5b0;line-height:1.65;max-width:570px}.statement{padding:115px 7vw;background:linear-gradient(110deg,#111917,#202823);border-top:1px solid #b690504d;border-bottom:1px solid #b690504d}.statement>div{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center}.statement p:last-child{color:#bac0bb;line-height:1.8;font-size:17px}.method-section{background:#e7e1d5;color:#18201d}.method-section .section-head>p{color:#536059}.method{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #a9aaa3}.method>div{padding:35px 28px 15px 0;border-right:1px solid #a9aaa3}.method>div+div{padding-left:28px}.method>div:last-child{border-right:0}.method b{font-family:Georgia,serif;color:#a47837;font-size:25px;font-weight:400}.method h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin-top:42px}.method p{color:#59625d;line-height:1.65}.contact{padding:120px 7vw;background:#08100e}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end}.contact-grid>div p{color:#aeb5b0;line-height:1.7}.contact-grid a{display:inline-block;margin-top:28px;color:#eee9df;text-decoration:none;border:1px solid #b69050;padding:18px 22px;font-family:Georgia,serif;font-size:20px}.contact-grid a span{color:#d2a75d;margin-left:25px}footer{padding:32px 5vw;background:#050908;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9fa7a2}footer a{color:#c8cec9;text-decoration:none}.footer-logo img{width:175px}@media(max-width:850px){.topbar nav a:not(:last-child){display:none}.logo img{width:180px}.hero{min-height:650px}.hero-foot{gap:10px;flex-wrap:wrap}.about,.section-head,.statement>div,.contact-grid,.services,.method{grid-template-columns:1fr}.service:nth-child(odd){border-right:0}.about{gap:25px}.section,.statement,.contact{padding:80px 7vw}.method>div,.method>div+div{padding:30px 0;border-right:0;border-bottom:1px solid #a9aaa3}.service{min-height:auto}.photo{height:260px}.service-copy{padding:30px 0 45px}.topbar{padding:0 6vw}.topbar nav{gap:0}}

/* ===== Revenue Chasers — microinterações V3 ===== */
.topbar{
  transition:background .45s ease,border-color .45s ease,box-shadow .45s ease,backdrop-filter .45s ease;
}
.topbar.scrolled{
  background:rgba(5,9,8,.88);
  border-bottom-color:#b690503d;
  box-shadow:0 10px 30px rgba(0,0,0,.16);
  backdrop-filter:blur(14px);
}
.topbar nav a{position:relative;transition:color .25s ease}
.topbar nav a::after{
  content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:#b69050;
  transition:right .32s cubic-bezier(.22,.61,.36,1)
}
.topbar nav a:hover{color:#d7b474}
.topbar nav a:hover::after{right:0}

.hero{background-position:center calc(50% + var(--parallax-y,0px));animation:heroBreath 14s ease-out both}
.hero-content>*{opacity:0;transform:translateY(22px);animation:heroIn .9s cubic-bezier(.2,.7,.2,1) forwards}
.hero-content .kicker{animation-delay:.15s}
.hero-content h1{animation-delay:.28s}
.hero-content .lead{animation-delay:.43s}
.hero-content .cta{animation-delay:.58s}
.hero-foot{opacity:0;animation:fadeIn 1s ease .85s forwards}
@keyframes heroIn{to{opacity:1;transform:none}}
@keyframes fadeIn{to{opacity:1}}
@keyframes heroBreath{from{background-size:103% auto}to{background-size:106% auto}}

.cta,.contact-grid a{position:relative;overflow:hidden;isolation:isolate;transition:color .32s ease,transform .32s ease,border-color .32s ease}
.cta::before,.contact-grid a::before{
  content:"";position:absolute;inset:0;background:#b69050;transform:translateX(-102%);
  transition:transform .38s cubic-bezier(.22,.61,.36,1);z-index:-1
}
.cta:hover::before,.contact-grid a:hover::before{transform:none}
.cta:hover,.contact-grid a:hover{color:#07100d;border-color:#b69050}
.cta span,.contact-grid a span{display:inline-block;transition:transform .3s ease}
.cta:hover span{transform:translateX(5px)}
.contact-grid a:hover span{transform:translate(4px,-3px)}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease var(--delay,0ms),transform .75s cubic-bezier(.2,.7,.2,1) var(--delay,0ms)}
.reveal.visible{opacity:1;transform:none}

.service .photo{position:relative;overflow:hidden}
.service{transition:background .35s ease}
.service:hover{background:#111917}
.service-copy>span{transition:color .3s ease,transform .3s ease}
.service:hover .service-copy>span{color:#e0b66f;transform:translateX(4px)}
.service h3{transition:color .3s ease}
.service:hover h3{color:#fff}

.method{position:relative}
.method::before{
  content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:#a47837;
  transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)
}
.method:has(.visible)::before{transform:scaleX(1)}
.method-step b{display:inline-block;transition:transform .35s ease,color .35s ease}
.method-step:hover b{transform:translateY(-4px);color:#c59449}

.logo img,.footer-logo img{transition:opacity .3s ease,transform .35s ease}
.logo:hover img,.footer-logo:hover img{opacity:.82;transform:translateY(-1px)}

@media(max-width:850px){
  .hero{animation:none;background-size:cover;background-position:center}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal,.hero-content>*{opacity:1!important;transform:none!important}
}