/* A proposta usa a linguagem editorial da Synky, com uma capa e capítulos numerados. */
.document-header{position:relative;height:82px;padding:0 max(24px,calc((100vw - 1320px)/2));gap:26px;color:#252a2b;background:#f4f3ef;border-bottom:1px solid #c9cec6}
.document-header .brand{width:110px;height:58px}
.document-header .brand img{width:110px}
.document-header p{display:flex;align-items:baseline;gap:13px;margin-left:15px;font-size:11px;font-weight:800;letter-spacing:.15em;white-space:nowrap}
.document-header p span{font-weight:600;color:#758477}
.header-edition{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.13em;color:#657467;white-space:nowrap}

.hero{height:auto;min-height:0;max-height:none;overflow:visible;background:#f4f3ef;color:#252a2b}
.hero-spread{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:620px;border-bottom:1px solid #c9cec6}
.hero-content{min-height:0;height:auto;display:flex;align-items:flex-start;justify-content:flex-start;padding:76px 65px 43px 0}
.hero .eyebrow{margin:0;color:#6f8271;font-size:11px;font-weight:800;letter-spacing:.17em}
.hero h1{max-width:680px;margin-top:39px;font-size:clamp(3.7rem,5.6vw,5.65rem);font-weight:500;letter-spacing:-.035em;line-height:1.1;overflow-wrap:normal}
.hero-dot{color:#79927c}
.hero-subtitle{max-width:590px;margin-top:27px;font-size:clamp(1.22rem,1.65vw,1.55rem);font-weight:500;letter-spacing:-.015em;line-height:1.48;color:#39483d}
.hero-divider{width:100%;height:1px;margin:36px 0 25px;background:#b9c5b9}
.hero .hero-copy{max-width:580px;margin:0;color:#58655b;font-size:16px;line-height:1.72}
.hero-meta{width:100%;display:flex;justify-content:space-between;gap:15px;margin-top:auto;padding-top:54px;font-size:11px;font-weight:700;letter-spacing:.1em;color:#657467}
.hero-visual{position:relative;min-width:0;min-height:620px;margin:0;overflow:hidden;background:#b8bcb1}
.hero-visual .hero-image{position:absolute;z-index:auto;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-visual figcaption{position:absolute;right:18px;bottom:17px;left:18px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.12em;text-shadow:0 1px 12px rgba(0,0,0,.6)}

.proposal-index{background:#f4f3ef;border-bottom:1px solid #c9cec6}
.proposal-index-inner{display:grid;grid-template-columns:90px repeat(4,minmax(0,1fr));align-items:center;gap:20px;padding:24px 0}
.proposal-index-inner>span{font-size:11px;font-weight:800;letter-spacing:.17em;color:#718573}
.proposal-index-inner a{display:flex;align-items:baseline;gap:9px;min-width:0;font-size:11px;font-weight:700;color:#809282;white-space:nowrap}
.proposal-index-inner a strong{overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:600;color:#364339}
.proposal-index-inner a:hover strong{text-decoration:underline;text-underline-offset:4px}

.section-kicker{margin-bottom:20px}
.funnel-section{padding:84px 0 88px}
.funnel-heading{margin-bottom:42px;gap:6%}
.funnel-heading h2,.plans-heading h2,.offer-heading h2,.crm-copy h2,.somus-band h2,.how-section h2,.contact-section h2,.faq-section h2{max-width:none;font-size:clamp(2.75rem,4vw,4.35rem);font-weight:500;letter-spacing:-.035em;line-height:1.12}
.funnel-heading>p,.plans-heading p,.offer-heading>p,.crm-copy>p:last-child,.somus-layout>p,.contact-layout>div:first-child>p:last-child{font-size:16px;line-height:1.68}
.funnel-heading>p{max-width:490px}
.funnel-handoff{margin-top:41px}

.plans-intro{padding:78px 0 28px}
.plans-heading{gap:6%}
.plans-toolbar{padding-top:44px;border-top:1px solid rgba(235,244,233,.28);margin-top:43px}
.plans-toolbar>p{font-size:13px;color:#d6e2d5}
.offer-section{padding:78px 0 82px}
.offer-heading{margin-bottom:34px;gap:6%}
.pricing-grid{gap:1px}
.price-card,.ai-card{min-height:0;padding:30px 28px 27px}
.price-card.featured{background:#eef1eb}
.card-top h3{margin-top:22px;font-size:clamp(2rem,2.8vw,3rem);letter-spacing:-.04em}
.card-top p{min-height:0;margin-top:12px;font-size:14px;line-height:1.58}
.price-card>.price-line{margin:27px 0 17px}
.price-amount{font-size:clamp(2.2rem,3vw,3.3rem);letter-spacing:-.04em}
.price-card ul,.crm-panel ul{margin-bottom:30px}
.price-card li,.crm-panel li{padding-top:11px;padding-bottom:11px}
.price-card li::before,.crm-panel li::before{top:20px}
.card-button,.ai-section .card-button{align-self:flex-start;width:auto;min-width:0;margin-top:auto;padding:3px 0 6px;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;text-align:left;font-size:13px;font-weight:700}
.card-button::after{content:" ↗";padding-left:5px}
.card-button:hover,.ai-section .card-button:hover{background:transparent;color:#66846c}
.ai-section .card-button:hover{color:#dcebdc}
.ai-section .price-card.featured{background:#405047}
.ai-card .card-top h3{margin-top:22px}
.dual-price{margin:26px 0 22px}
.dual-price .price-amount{font-size:clamp(1.8rem,2.5vw,2.8rem)}
.crm-section{padding:85px 0}
.crm-copy>p:last-child{margin-top:24px}
.crm-panel{border:1px solid #cbd4c9;box-shadow:none}
.crm-panel h3{font-size:clamp(1.8rem,2.5vw,2.7rem);letter-spacing:-.04em}
.diagnostics-section{padding:80px 0 85px}
.diagnostic-card{min-height:300px}
.diagnostic-card h3{font-size:clamp(1.55rem,2vw,2.35rem);letter-spacing:-.035em}
.diagnostic-footer button{font-size:13px}

.somus-band{padding:65px 0;background:#e5ebe3;color:#252a2b}
.somus-band .section-kicker{color:#6c806e}
.somus-band h2 em{color:#54715b}
.somus-layout>p{color:#536256}
.how-section{padding:83px 0 88px}
.how-grid{margin-top:42px}
.how-grid h3{margin-top:18px}
.contact-section{padding:82px 0;background:#344039}
.contact-panel{border-color:#829384}
.faq-section{padding:82px 0 90px}
.site-footer{padding-top:47px}
.site-footer .footer-bottom{margin-top:45px}

@media(max-width:1050px){
  .hero-spread{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
  .hero-content{padding-right:35px}
  .hero h1{font-size:clamp(3.3rem,6vw,5rem)}
  .document-header p span{display:none}
  .proposal-index-inner{gap:12px}
}
@media(max-width:820px){
  .hero-spread{grid-template-columns:1fr;min-height:0}
  .hero-content{padding:60px 0 37px}
  .hero-visual{min-height:360px}
  .hero h1{max-width:680px;margin-top:27px;font-size:clamp(3.1rem,7vw,4.6rem)}
  .hero-meta{margin-top:0;padding-top:45px}
  .proposal-index-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
  .proposal-index-inner>span{grid-column:1/-1;margin-bottom:4px}
  .plans-toolbar{align-items:center;flex-direction:row}
}
@media(max-width:650px){
  .document-header{height:72px;padding:0 18px;gap:12px}
  .document-header .brand,.document-header .brand img{width:95px}
  .document-header p{margin-left:auto;font-size:10px;letter-spacing:.1em}
  .header-edition{display:none}
  .hero-content{padding:49px 0 31px}
  .hero h1{font-size:clamp(2.85rem,11.8vw,4rem);letter-spacing:-.03em;line-height:1.1}
  .hero-subtitle{margin-top:22px;font-size:1.2rem}
  .hero-divider{margin:29px 0 21px}
  .hero .hero-copy{font-size:15px}
  .hero-meta{flex-direction:column;gap:4px;padding-top:42px;font-size:10px}
  .hero-visual{min-height:290px}
  .proposal-index-inner{padding:22px 0}
  .proposal-index-inner a{font-size:10px}
  .proposal-index-inner a strong{font-size:12px}
  .funnel-section,.offer-section,.diagnostics-section,.how-section,.faq-section{padding-top:66px;padding-bottom:68px}
  .funnel-heading h2,.plans-heading h2,.offer-heading h2,.crm-copy h2,.somus-band h2,.how-section h2,.contact-section h2,.faq-section h2{font-size:clamp(2.65rem,9vw,3.6rem);line-height:1.12}
  .plans-intro{padding:67px 0 27px}
  .plans-toolbar{align-items:flex-start;flex-direction:column;margin-top:29px;padding-top:26px;gap:18px}
  .price-card,.ai-card{padding:27px 23px}
  .card-top h3{font-size:2.4rem}
  .price-amount{font-size:2.8rem}
  .dual-price .price-amount{font-size:clamp(1.75rem,7vw,2.5rem)}
  .somus-band,.contact-section{padding:67px 0}
  .diagnostic-card{min-height:300px}
}
@media(max-width:380px){
  .document-header p{max-width:150px;white-space:normal;text-align:right;line-height:1.3}
  .proposal-index-inner{grid-template-columns:1fr}
  .proposal-index-inner>span{grid-column:auto}
}
@media print{
  .document-header{position:relative}
  .hero-visual{min-height:480px}
  .price-card,.diagnostic-card,.crm-panel{break-inside:avoid}
  .card-button,.diagnostic-footer button,.contact-panel .button{display:none}
}