/* Página pública de divulgação — estilos isolados do painel. */
:root { --sale-ink:#18392d; --sale-green:#154d38; --sale-lime:#d6f285; --sale-muted:#5d6c63; --sale-cream:#f7f7ef; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:95px; }
body.sales-page { margin:0; color:var(--sale-ink); background:#fff; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; font-size:16px; line-height:1.65; }
.sales-page a { color:inherit; text-decoration:none; }
.sales-page img { max-width:100%; }
.sales-page h1,.sales-page h2,.sales-page h3,.sales-page h4,.sales-page p { margin-top:0; }
.sales-page h1,.sales-page h2 { letter-spacing:-.045em; line-height:1.12; }
.sales-page h2 { font-size:clamp(30px,3.5vw,46px); margin-bottom:22px; font-weight:750; }
.sales-page h3 { line-height:1.3; }
.sales-page a:focus-visible,.sales-page summary:focus-visible { outline:3px solid #277fcc; outline-offset:5px; }
.sales-container { width:min(1160px,calc(100% - 64px)); margin-inline:auto; }
.sales-skip { position:fixed; top:-80px; left:16px; z-index:20; padding:12px; background:white; }
.sales-skip:focus { top:12px; }
.sales-header { position:sticky; top:0; z-index:10; background:#fffffff5; border-bottom:1px solid #e5eae3; }
.sales-nav { display:flex; align-items:center; justify-content:space-between; min-height:88px; gap:24px; }
.sales-logo { width:210px; height:54px; object-fit:contain; }
.sales-nav nav { display:flex; align-items:center; gap:30px; font-size:14px; font-weight:600; }
.sales-nav a:hover { color:#258348; }
.sales-nav-login { border:1px solid #a4b7aa; border-radius:8px; padding:9px 19px; }
.sales-hero { position:relative; isolation:isolate; overflow:hidden; background:#102d23; color:#fff; }
.sales-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,35,25,.95),rgba(8,35,25,.83) 33%,rgba(8,35,25,.14) 75%); z-index:-1; }
.sales-hero-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:64% center; z-index:-2; }
.sales-hero-inner { padding-block:90px 86px; }
.sales-hero-copy { max-width:635px; }
.sales-kicker { display:block; font-size:11px; font-weight:800; letter-spacing:.15em; color:#43785b; margin-bottom:20px; }
.sales-kicker-light { color:var(--sale-lime); }
.sales-hero h1 { font-size:clamp(40px,4.9vw,66px); margin-bottom:26px; font-weight:750; }
.sales-hero h1 em { font-family:Georgia,serif; font-weight:400; color:#d8f29e; }
.sales-hero-copy > p { max-width:530px; font-size:17px; color:#e0e9e2; line-height:1.8; }
.sales-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:32px; }
.sales-button { display:inline-flex; justify-content:center; align-items:center; gap:12px; min-height:52px; padding:13px 23px; border:1px solid transparent; border-radius:8px; font-size:15px; font-weight:750; transition:background .2s,transform .2s; }
.sales-button:hover { transform:translateY(-2px); }
.sales-page .sales-button-lime { background:var(--sale-lime); color:#193b27; }
.sales-page .sales-button-lime:hover { background:#e6ffac; }
.sales-page .sales-button-green { background:var(--sale-green); color:#fff; }
.sales-page .sales-button-green:hover { background:#216848; }
.sales-page .sales-button-outline { border-color:#91a690; background:transparent; color:var(--sale-ink); }
.sales-hero-secondary { font-size:13px; border-bottom:1px solid #879c88; padding-bottom:4px; }
.sales-hero-copy > .sales-hero-note { font-size:12px; margin:16px 0 0; color:#c8d8cd; }
.sales-photo-label { position:absolute; right:max(32px,calc((100% - 1160px)/2)); bottom:40px; font-size:12px; line-height:1.7; padding:15px 20px; background:#173a2dda; border:1px solid #6d8775; border-radius:10px; }
.sales-photo-label > span { color:var(--sale-lime); float:left; font-size:30px; margin-right:14px; }
.sales-strip { background:var(--sale-cream); border-bottom:1px solid #e2e7da; }
.sales-strip > div { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:23px; color:#5b6c5b; font-size:14px; }
.sales-strip b { color:var(--sale-green); }
.sales-section { padding-block:90px; }
.sales-section-heading { max-width:720px; margin-bottom:42px; }
.sales-section-heading > p { color:var(--sale-muted); max-width:600px; }
.sales-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.sales-features article { border-top:2px solid #b4c9af; padding-top:26px; }
.sales-feature-number { font-size:10px; letter-spacing:.12em; color:#65805f; font-weight:800; }
.sales-features h3 { font-size:24px; margin:18px 0 15px; letter-spacing:-.025em; }
.sales-features p { color:var(--sale-muted); font-size:15px; }
.sales-feature-tag { display:inline-block; border-radius:5px; padding:6px 10px; background:#f0f4ea; font-size:11px; font-weight:650; }
.sales-workflow { background:#f5f7f3; }
.sales-two-columns { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.sales-steps { list-style:none; padding:0; margin:30px 0; }
.sales-steps li { display:flex; gap:18px; margin:25px 0; }
.sales-steps li > span { display:grid; place-items:center; flex:0 0 32px; height:32px; border:1px solid #b5c7b5; border-radius:50%; color:#3f7050; font-size:14px; }
.sales-steps h3 { font-size:18px; margin-bottom:6px; }
.sales-steps p { font-size:14px; color:var(--sale-muted); margin:0; }
.sales-text-link { font-weight:750; border-bottom:1px solid #7b9e7e; padding-bottom:5px; }
.sales-example { background:#e6eddf; padding:28px; border-radius:16px; }
.sales-example-label { display:flex; align-items:center; gap:8px; font-size:9px; font-weight:750; letter-spacing:.08em; }
.sales-dot { width:7px; height:7px; background:#448454; border-radius:50%; }
.sales-example blockquote { margin:20px 0 26px; font-family:Georgia,serif; font-style:italic; font-size:23px; line-height:1.5; }
.sales-document { background:#fff; border:1px solid #dbe2d5; padding:25px; box-shadow:0 12px 28px #2839230c; border-radius:6px; }
.sales-document-heading { display:flex; align-items:center; gap:13px; font-size:9px; letter-spacing:.05em; }
.sales-document-heading strong { font-size:17px; letter-spacing:-.02em; }
.sales-document-heading img { object-fit:contain; }
.sales-document-chips { display:flex; flex-wrap:wrap; gap:6px; margin:20px 0; }
.sales-document-chips span { padding:3px 7px; border:1px solid #e1e7de; border-radius:4px; font-size:10px; color:#667461; }
.sales-document h4 { font-size:14px; margin-bottom:8px; }
.sales-document p { color:#65715e; font-size:12px; }
.sales-document-row { display:flex; align-items:center; gap:10px; padding:11px 0; border-top:1px solid #edf0e8; font-size:11px; }
.sales-document-row > span { color:#76a176; font-size:10px; }
.sales-document-row small { margin-left:auto; white-space:nowrap; color:#72816a; }
.sales-document-bottom { display:flex; gap:8px; flex-wrap:wrap; margin-top:15px; color:#397449; font-size:10px; font-weight:600; }
.sales-example-caption { display:block; font-size:10px; color:#69765f; margin-top:16px; }
.sales-control { padding-block:65px; display:grid; grid-template-columns:1.2fr 1fr auto; gap:40px; align-items:center; }
.sales-control h2 { font-size:28px; margin:0; }
.sales-control .sales-kicker { font-size:9px; margin-bottom:12px; }
.sales-control p { color:var(--sale-muted); font-size:14px; margin:0; }
.sales-formats { display:flex; gap:8px; }
.sales-formats span { border:1px solid #c6d4c1; border-radius:7px; padding:16px 10px; font-size:11px; font-weight:800; }
.sales-plans { background:var(--sale-cream); }
.sales-centered { text-align:center; margin-inline:auto; }
.sales-centered > p { margin-inline:auto; }
.sales-trial { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:35px 0; padding:24px 30px; border:1px solid #d1dac8; border-radius:10px; }
.sales-trial p { margin:3px 0 0; font-size:13px; color:var(--sale-muted); }
.sales-plan-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:22px; }
.sales-plan { padding:30px; border:1px solid #dce3d4; border-radius:12px; background:#fff; display:flex; flex-direction:column; }
.sales-plan-label { font-size:9px; letter-spacing:.12em; font-weight:750; color:#668065; }
.sales-plan h3 { font-size:24px; margin:12px 0 20px; }
.sales-price { font-size:42px; line-height:1.2; font-weight:750; letter-spacing:-.04em; margin-bottom:12px; }
.sales-price > span { font-size:16px; vertical-align:top; position:relative; top:6px; }
.sales-price > small { font-size:13px; font-weight:400; letter-spacing:0; }
.sales-plan-credits { font-size:14px; border-bottom:1px solid #e2e9da; padding-bottom:22px; }
.sales-plan ul { list-style:none; padding:0; margin:0 0 26px; font-size:13px; flex:1; }
.sales-plan li { margin:10px 0; padding-left:22px; position:relative; }
.sales-plan li::before { content:"✓"; position:absolute; left:0; color:#548447; }
.sales-plan > small { font-size:10px; margin-top:16px; text-align:center; }
.sales-plan-featured { background:var(--sale-green); border-color:var(--sale-green); color:#fff; }
.sales-plan-featured .sales-plan-label,.sales-plan-featured li::before { color:var(--sale-lime); }
.sales-plan-featured .sales-plan-credits { border-color:#47725b; }
.sales-plans-note { color:var(--sale-muted); font-size:13px; text-align:center; max-width:700px; margin:28px auto 0; }
.sales-plans-note a { text-decoration:underline; text-underline-offset:3px; }
.sales-payment-note { text-align:center; font-size:11px; font-weight:700; color:#6d7864; margin:18px 0 0; }
.sales-faq-layout { display:grid; grid-template-columns:1fr 1.4fr; gap:70px; }
.sales-faq details { border-bottom:1px solid #dce4d7; padding:18px 0; }
.sales-faq details:first-child { border-top:1px solid #dce4d7; }
.sales-faq summary { cursor:pointer; font-size:15px; font-weight:650; padding-right:12px; }
.sales-faq details > p { color:var(--sale-muted); font-size:14px; margin:15px 0 0; }
.sales-final { padding:72px 0; text-align:center; background:var(--sale-green); color:#fff; }
.sales-final h2 { font-size:clamp(34px,4vw,50px); }
.sales-final p { color:#d6e3d7; }
.sales-final small { display:block; font-size:11px; margin-top:18px; color:#cadac9; }
.sales-footer { padding:40px 0; background:#f9faf5; }
.sales-footer > div { display:flex; justify-content:space-between; gap:30px; }
.sales-footer strong { font-size:20px; }
.sales-footer p,.sales-footer small { font-size:12px; color:var(--sale-muted); margin:6px 0; }
.sales-footer nav { display:flex; flex-wrap:wrap; align-content:flex-start; gap:24px; font-size:12px; }
@media(max-width:1000px) { .sales-hero-copy { max-width:560px; } .sales-photo-label { display:none; } .sales-two-columns { gap:40px; } .sales-control { grid-template-columns:1fr 1fr; } .sales-formats { grid-column:1/-1; } .sales-plan { padding:24px; } }
@media(max-width:760px) {
 .sales-container { width:calc(100% - 36px); } .sales-nav { min-height:72px; gap:16px; } .sales-logo { width:157px; height:45px; } .sales-nav nav { gap:16px; font-size:12px; } .sales-nav-section { display:none; } .sales-nav-login { padding:7px 12px; }
 .sales-hero-inner { padding-block:64px; } .sales-hero::after { background:linear-gradient(90deg,#0a2519e8,#0a2519b8); } .sales-hero-photo { object-position:68% center; } .sales-hero-copy { max-width:520px; } .sales-hero h1 { font-size:45px; } .sales-hero-copy > p { font-size:16px; }
 .sales-strip > div { flex-wrap:wrap; justify-content:center; font-size:12px; gap:8px 24px; padding-block:18px; } .sales-section { padding-block:60px; } .sales-features { grid-template-columns:1fr; gap:32px; } .sales-two-columns,.sales-faq-layout { grid-template-columns:1fr; gap:32px; }
 .sales-control { grid-template-columns:1fr; gap:20px; padding-block:50px; } .sales-example { padding:22px; } .sales-trial { flex-direction:column; align-items:flex-start; padding:24px; } .sales-trial .sales-button { width:100%; } .sales-plan-grid { grid-template-columns:1fr; } .sales-price { font-size:42px; } .sales-footer > div { flex-direction:column; }
}
@media(max-width:380px) { .sales-hero h1 { font-size:38px; } .sales-nav nav { gap:10px; } .sales-logo { width:135px; } .sales-document { padding:18px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .sales-button { transition:none; } .sales-button:hover { transform:none; } }