/* InvoiceXpress hero and discount layout. */
.ix-study .ix-hero { background: var(--surface); }
.ix-study .ix-needs { background: #e7f1ec; }
.ix-study .ix-hero-grid { grid-template-columns: minmax(0, .95fr) minmax(0, 1.25fr); gap: var(--space-5); }
.ix-study .ix-brand-line { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); margin-bottom: var(--space-4); }
.ix-study .ix-logo { width: 232px; margin: 0; }
.ix-study .ix-hero-copy h1 { margin: 0 0 var(--space-4); }
.ix-study .ix-hero-copy h1 span { color: var(--muted); }
.ix-study .ix-lead { margin-bottom: 0; }
.ix-study .ix-hero .ix-actions { gap: var(--space-3); margin-top: var(--space-4); }
.ix-study .ix-hero-coupon { margin: var(--space-2) 0 0; font-size: var(--type-body-small); }
.ix-study .ix-hero-coupon code { font-weight: var(--weight-regular); }
.ix-study .ix-hero .ix-caption { margin-top: var(--space-4); }
.ix-study .ix-real-laptop { position: relative; width: 100%; aspect-ratio: 1559 / 1009; }
.ix-study .ix-real-screen { position: absolute; top: 7.75%; left: 11.9%; width: 76.33%; height: 67.3%; overflow: hidden; background: #f4f5f7; clip-path: polygon(.3% 0,99.7% 0,100% 100%,0 100%); }
.ix-study .ix-real-screen img { position: absolute; width: 129.65%; max-width: none; height: 172.96%; left: -17%; top: -34.5%; }
.ix-study .ix-real-screen::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 12px #0004; pointer-events: none; }
.ix-study .ix-real-frame { position: relative; z-index: 1; display: block; width: 100%; height: auto; filter: drop-shadow(0 12px 12px #1818171a); }
.ix-study .ix-start { background: var(--contrast); color: var(--surface); --focus: #65dfbc; --line: #555550; scroll-margin-top: 72px; }
.ix-study .ix-discount-head { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: var(--space-6); align-items: center; }
.ix-study .ix-discount-copy h2 { margin: var(--space-3) 0; font-size: var(--type-heading); line-height: var(--leading-heading); letter-spacing: var(--tracking-heading); }
.ix-study .ix-discount-copy > p { margin-bottom: 0; max-width: 54ch; color: #d1cec6; }
.ix-study .ix-discount-copy .eyebrow { color: #65dfbc; }
.ix-study .ix-coupon { width: 100%; justify-content: space-between; border-color: #64645e; background: #30302d; gap: var(--space-3); }
.ix-study .ix-coupon span { color: #d1cec6; margin-bottom: var(--space-1); }
.ix-study .ix-coupon code { color: var(--surface); font-weight: var(--weight-regular); white-space: nowrap; }
.ix-study .ix-coupon code strong { color: #65dfbc; font-weight: var(--weight-bold); }
.ix-study .ix-coupon .button { background: var(--surface); color: var(--text); border-color: var(--surface); }
.ix-study .ix-copy-status { color: #d1cec6; }
.ix-study .ix-start .ix-steps { border-top: 1px solid var(--line); padding-top: var(--space-5); }
.ix-study .ix-start .ix-step-number { color: #65dfbc; }
.ix-study .ix-start .ix-steps p, .ix-study .ix-start-actions p { color: #d1cec6; }
.ix-study .ix-start-actions .button-primary { background: var(--surface); color: var(--text); }
.ix-study .ix-start-actions .ix-text-link { color: var(--surface); }
@media (max-width: 1100px) and (min-width: 901px) {
  .ix-study .ix-hero-grid { grid-template-columns: 1fr 1fr; }
  .ix-study .ix-coupon { flex-direction: column; align-items: flex-start; }
}
@media (min-width: 901px) and (max-height: 650px) {
  .ix-study .ix-hero { padding-top: var(--space-5); padding-bottom: var(--space-5); }
  .ix-study .ix-brand-line { flex-direction: row; align-items: center; gap: var(--space-3); }
  .ix-study .ix-logo { width: 200px; }
  .ix-study .ix-hero-copy h1 { margin-bottom: var(--space-3); }
}
@media (max-width: 900px) {
  .ix-study .ix-hero-grid, .ix-study .ix-discount-head { grid-template-columns: 1fr; gap: var(--space-5); }
  .ix-study .ix-hero-copy { max-width: 720px; }
  .ix-study .ix-product { max-width: 620px; margin-inline: auto; }
  .ix-study .ix-coupon { width: fit-content; }
}
@media (max-width: 760px) {
  .ix-study .ix-start .ix-steps { border-top: 0; padding-top: 0; }
  .ix-study .ix-real-laptop { aspect-ratio: 1241 / 710; }
  .ix-study .ix-real-screen { inset: 0; width: 100%; height: 100%; clip-path: none; border-radius: var(--radius-small); box-shadow: var(--shadow-media); }
  .ix-study .ix-real-screen::after { display: none; }
  .ix-study .ix-real-frame { display: none; }
}
@media (max-width: 480px) {
  .ix-study .ix-logo { width: 220px; }
  .ix-study .ix-coupon { width: 100%; padding: var(--space-3); }
  .ix-study .ix-coupon .button { width: 100%; }
  .ix-study .ix-hero .ix-actions { align-items: stretch; }
}