.ap-faturacao h1, .ap-faturacao h2, .ap-faturacao h3, .ap-faturacao p { margin-top: 0; }
.ix-hero { padding: var(--hero-space) 0; }
.ix-hero-grid { display: grid; grid-template-columns: 1fr 1.15fr; gap: var(--space-6); align-items: center; }
.ix-logo { display: block; width: 280px; max-width: 100%; height: auto; margin: var(--space-4) 0; }
.ix-hero-copy h1 { margin: var(--space-4) 0; font-size: var(--type-display); line-height: var(--leading-display); letter-spacing: var(--tracking-display); }
.ix-hero-copy > p { max-width: 56ch; }
.ix-lead { font-size: var(--type-lead); line-height: var(--leading-lead); }
.ix-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-4); margin-top: var(--space-5); }
.ix-text-link { display: inline-flex; align-items: center; gap: var(--space-2); font-weight: var(--weight-semibold); text-decoration: underline; text-underline-offset: 5px; }
.ix-text-link:focus-visible, .ix-faq a:focus-visible, .ix-faq summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; }
.ix-caption { margin: var(--space-4) 0 0; color: var(--muted); font-size: var(--type-body-small); }
.ix-product { min-width: 0; margin: 0; }
.ix-product img { display: block; width: 100%; height: auto; }
.ix-product figcaption { margin-top: var(--space-3); text-align: center; font-size: var(--type-body-small); color: var(--muted); }
.ix-offer { border-left: 3px solid #0ebd89; padding: var(--space-2) var(--space-3); background: var(--surface); }
.ix-offer strong { display: block; font-size: var(--type-subheading); line-height: var(--leading-heading); }
.ix-offer p { margin: var(--space-1) 0 0; }
.ap-faturacao code { font-family: var(--font-sans); font-weight: var(--weight-semibold); overflow-wrap: anywhere; }
.ix-coupon { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-small); width: fit-content; max-width: 100%; }
.ix-coupon span { display: block; font-size: var(--type-body-small); color: var(--muted); }
.ix-coupon code { display: block; font-size: var(--type-subheading); user-select: all; }
.ix-copy-status { flex-basis: 100%; margin-bottom: 0; font-size: var(--type-body-small); }
.ix-copy-status:empty { display: none; }
.ix-coupon .button { cursor: pointer; font-family: inherit; }
.ix-coupon .button[hidden] { display: none; }
.ix-needs, .ix-start { background: var(--surface); }
.ix-section-heading { max-width: 720px; margin-bottom: var(--space-5); }
.ix-section-heading h2 { margin: var(--space-3) 0; font-size: var(--type-heading); line-height: var(--leading-heading); letter-spacing: var(--tracking-heading); }
.ix-section-heading > p { color: var(--muted); }
.ix-needs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); }
.ix-needs-grid article { border-top: 1px solid var(--line); padding-top: var(--space-4); }
.ix-label { color: var(--muted); font-size: var(--type-body-small); }
.ix-needs h3, .ix-steps h3, .ix-start-actions h3 { font-size: var(--type-subheading); line-height: var(--leading-heading); margin: var(--space-3) 0; }
.ix-needs-grid p, .ix-steps p { margin-bottom: 0; color: var(--muted); }
.ix-features-grid, .ix-faq-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: var(--space-7); }
.ix-feature-list { margin: 0; }
.ix-feature-list > div { border-top: 1px solid var(--line); padding: var(--space-4) 0; }
.ix-feature-list dt { font-weight: var(--weight-semibold); }
.ix-feature-list dd { color: var(--muted); margin: var(--space-1) 0 0; }
.ix-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); list-style: none; padding: 0; margin: var(--space-6) 0; }
.ix-step-number { font-size: var(--type-heading); letter-spacing: var(--tracking-heading); color: var(--muted); }
.ix-start-actions { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); border-top: 1px solid var(--line); padding-top: var(--space-5); }
.ix-start-actions p { color: var(--muted); margin-bottom: 0; }
.ix-start-actions .ix-actions { margin-top: 0; }
.ix-faq details { border-top: 1px solid var(--line); }
.ix-faq details:last-child { border-bottom: 1px solid var(--line); }
.ix-faq summary { padding: var(--space-4) 0; font-weight: var(--weight-semibold); cursor: pointer; }
.ix-faq details p { padding-bottom: var(--space-4); margin-bottom: 0; color: var(--muted); }
.ix-faq a { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 900px) {
  .ix-hero-grid, .ix-features-grid, .ix-faq-grid { grid-template-columns: 1fr; gap: var(--space-5); }
  .ix-hero-copy { max-width: 720px; }
  .ix-product { max-width: 720px; width: 100%; }
}
@media (max-width: 760px) {
  .ix-needs-grid, .ix-steps { grid-template-columns: 1fr; }
  .ix-start-actions { align-items: flex-start; flex-direction: column; }
  .ix-steps { gap: var(--space-4); margin: var(--space-5) 0; }
  .ix-steps li { border-top: 1px solid var(--line); padding-top: var(--space-4); }
}
@media (max-width: 480px) {
  .ix-actions { align-items: flex-start; flex-direction: column; }
  .ix-actions .button, .ix-start-actions .button { width: 100%; }
}
