
:root{--verde:#06341A;--verde2:#264E34;--verde-card:#0B4224;--cinza:#95A88E;--creme:#F5F5DC;--creme-txt:#D9DEC9;--linha:#E3E6D2;--acento:#2FBF71;--branco:#fff}
.autogie-landing *{box-sizing:border-box}
html{scroll-behavior:smooth}
.autogie-landing{margin:0;background:var(--creme);color:var(--verde);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.autogie-landing a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.logo{display:inline-flex;align-items:center;gap:6px;text-decoration:none;letter-spacing:-.03em;line-height:1}
.logo .l{font-weight:300}.logo .b{font-weight:800}
.btn{display:inline-block;text-decoration:none;font-weight:700;border-radius:999px;padding:16px 28px;font-size:17px;text-align:center;transition:transform .15s ease,opacity .15s}
.btn:hover{transform:translateY(-1px);opacity:.92}
.btn-acento{background:var(--acento);color:var(--verde)}
.btn-borda{color:var(--creme);border:2px solid var(--cinza);font-weight:600}
.eyebrow{font-size:13px;letter-spacing:.2em;font-weight:700;color:var(--verde2)}
.autogie-landing :is(h1,h2,h3,p){margin:0}

/* nav */
.nav{background:var(--verde)}
.nav .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:20px}
.nav .logo{color:var(--creme);font-size:28px}
.nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.nav-links a.txt{color:var(--creme);text-decoration:none;font-size:15px;font-weight:600;padding:12px 14px}
.nav-links .btn{padding:12px 20px;font-size:15px}

/* hero */
.hero{background:var(--verde);color:var(--creme)}
.hero .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:56px;padding-top:72px;padding-bottom:104px}
.hero-txt{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:24px}
.hero .eyebrow{color:var(--acento)}
.hero h1{font-size:clamp(38px,6vw,60px);line-height:1.05;font-weight:800;letter-spacing:-.03em}
.hero p{font-size:19px;line-height:1.6;color:var(--creme-txt);max-width:560px}
.ctas{display:flex;flex-wrap:wrap;gap:12px;padding-top:8px}
.hero-logo{flex:1 1 340px;min-width:0;display:flex;justify-content:center}
.hero-logo img{width:100%;max-width:520px;height:auto;display:block}

/* seções */
.autogie-landing section{padding:96px 0}
.head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}
.head > div{display:flex;flex-direction:column;gap:12px;max-width:640px}
.autogie-landing h2{font-size:clamp(30px,4vw,42px);line-height:1.1;font-weight:800;letter-spacing:-.02em}
.selo{font-size:15px;font-weight:700;background:var(--branco);border:1px solid var(--cinza);border-radius:999px;padding:10px 18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:var(--branco);border-radius:16px;padding:32px 28px;display:flex;flex-direction:column;gap:16px}
.card h3{font-size:22px;font-weight:800}
.card p{font-size:16px;line-height:1.6;color:var(--verde2)}
.ico{width:52px;height:52px;border-radius:14px;background:var(--verde);display:flex;align-items:center;justify-content:center}
.card.escuro{background:var(--verde);color:var(--creme)}
.card.escuro p{color:var(--creme-txt)}
.card.escuro .ico{background:var(--acento)}

.passos{background:var(--branco);padding:88px 0}
.passos h2{font-size:36px;margin-bottom:40px}
.passos .grid{gap:32px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.passo{display:flex;flex-direction:column;gap:12px}
.passo .n{font-size:44px;font-weight:800;color:var(--acento);line-height:1}
.passo h3{font-size:20px;font-weight:800}
.passo p{font-size:16px;line-height:1.6;color:var(--verde2)}

.site{text-decoration:none;background:var(--branco);border:1px solid var(--linha);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s,transform .15s}
.site:hover{border-color:var(--acento);transform:translateY(-2px)}
.site .cat{font-size:13px;font-weight:700;color:var(--verde2);letter-spacing:.08em}
.site .nome{font-size:22px;font-weight:800}
.site .desc{font-size:15px;line-height:1.6;color:var(--verde2)}
.site .url{font-size:14px;font-weight:700;padding-top:6px;word-break:break-all}

.cta{padding:0 0 96px}
.cta-box{background:var(--verde);color:var(--creme);border-radius:24px;padding:64px 40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px}
.cta-box > div:first-child{flex:999 1 420px;min-width:0;display:flex;flex-direction:column;gap:12px}
.cta-box h2{font-size:clamp(30px,4vw,40px)}
.cta-box p{font-size:18px;line-height:1.6;color:var(--creme-txt)}
.cta-box > div:last-child{flex:1 1 260px;display:flex;flex-direction:column;gap:12px}
.cta-box .btn-borda{font-size:16px;padding:14px 28px}

.autogie-landing footer{border-top:1px solid var(--creme-txt)}
.autogie-landing footer .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:32px;padding-bottom:32px;font-size:14px;color:var(--verde2)}
.autogie-landing footer .logo{font-size:20px;color:var(--verde)}

.wa-float{position:fixed;right:20px;bottom:20px;width:60px;height:60px;border-radius:30px;background:var(--acento);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(6,52,26,.25);z-index:10}

@media (max-width:600px){
  .hero .wrap{padding-top:48px;padding-bottom:72px;gap:40px}
  .autogie-landing section{padding:72px 0}
  .cta-box{padding:44px 24px}
  .nav-links a.txt{display:none}
}

.autogie-landing .wp-block-group{box-sizing:border-box}
.autogie-landing .wp-block-image{margin:0}
.autogie-landing .hero-logo .wp-block-image{width:100%}
.autogie-landing :is(a,button):focus-visible{outline:3px solid #2FBF71;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.autogie-landing *{transition:none!important}}

.autogie-landing .is-layout-flow > * {margin-block-start:0}
