/* Product presentation: clear hierarchy, quiet surfaces, real work examples. */
.gpt-hero { padding: 1.5rem 0; background: #f4f7fc; border-bottom: 1px solid var(--bf-border); }
.gpt-hero-grid { display: grid; grid-template-columns: 1.12fr 1fr; gap: 2rem; align-items: start; }
.gpt-hero-grid > *, .gpt-two-column > *, .gpt-usecase > * { min-width: 0; }
.product-label { display: flex; flex-wrap: wrap; gap: .35rem .65rem; margin-bottom: 1rem; color: var(--bf-accent); font-size: .85rem; font-weight: 700; }
.product-label span { color: var(--bf-muted); font-weight: 450; border-left: 1px solid #b2bfd7; padding-left: .65rem; }
.gpt-hero h1 { font-size: clamp(2.4rem, 3.75vw, 3.5rem); line-height: 1.13; letter-spacing: -.045em; margin-bottom: 1rem; overflow-wrap: break-word; text-wrap: initial; }
.gpt-hero h1 span { color: #154cc1; }
.gpt-hero-description { color: #526078; font-size: 1.04rem; line-height: 1.8; max-width: 34rem; margin-bottom: 0; }
.gpt-hero-description strong { color: var(--bf-primary); font-weight: 600; }
.gpt-hero .hero-actions { gap: .65rem 1.25rem; margin-top: 1.25rem; }
.gpt-hero .text-link { font-size: .85rem; }
.gpt-trial-note { margin: .8rem 0 0; font-size: .79rem; color: var(--bf-muted); max-width: 28rem; }
.gpt-trial-note strong { font-weight: 600; color: #334467; }
.gpt-product-preview { background: #fff; border: 1px solid #c6d2e6; border-radius: .65rem; box-shadow: 0 18px 50px #15336a0b; overflow: hidden; }
.gpt-preview-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .6rem; border-bottom: 1px solid var(--bf-border); padding: .9rem 1.3rem; }
.gpt-preview-header .demo-logo { font-size: .9rem; }
.preview-label { font-size: .65rem; color: var(--bf-muted); padding: .2rem .5rem; border: 1px solid var(--bf-border); border-radius: .2rem; }
.gpt-preview-body { padding: 1rem 1.25rem; }
.preview-overline { font-size: .65rem; color: var(--bf-muted); margin-bottom: .5rem; }
.gpt-preview-body h2 { font-size: 1.2rem; letter-spacing: -.02em; margin-bottom: 1rem; }
.gpt-preview-body .example-switcher { margin: 0 0 1.1rem; gap: .4rem; }
.gpt-preview-body .example-button { min-height: 40px; padding: .45rem .7rem; font-size: .72rem; border-radius: .25rem; }
.gpt-preview-body .example-button[aria-pressed="true"] { border-color: #174ec0; background: #eaf0fc; color: #143f96; }
.gpt-preview-prompt { padding: .9rem 1rem; background: #f3f5f9; border-left: 2px solid #b2c2dc; }
.preview-speaker { display: block; font-size: .65rem; color: #5b6b85; font-weight: 600; margin-bottom: .4rem; }
.gpt-preview-prompt p { font-size: .79rem; line-height: 1.65; margin: 0; }
.gpt-preview-answer { margin-top: .8rem; }
.preview-answer-heading { display: flex; justify-content: space-between; gap: .5rem; color: #1b417d; font-weight: 600; font-size: .71rem; margin-bottom: .65rem; }
.gpt-preview-answer > p { margin: 0; font-size: .78rem; line-height: 1.65; white-space: pre-line; }
.preview-footnote { font-size: .63rem; color: #61708a; margin: 1rem 0 0; }
.gpt-preview-bottom { display: flex; align-items: center; gap: .5rem; padding: .8rem 1.4rem; background: #f1f5fb; border-top: 1px solid var(--bf-border); color: #465879; font-size: .69rem; }
.gpt-usecases { padding-top: 1.5rem; }
.gpt-usecase { display: grid; grid-template-columns: .55fr 1.5fr 1fr; gap: 1.75rem; padding: 1.5rem 0; border-top: 1px solid var(--bf-border); }
.usecase-index { font-size: .72rem; color: #486187; font-weight: 600; padding-top: .3rem; }
.gpt-usecase h3 { font-size: 1.45rem; line-height: 1.25; margin-bottom: .9rem; }
.gpt-usecase p { font-size: .91rem; color: var(--bf-muted); }
.plain-checks { list-style: none; margin: .75rem 0 0; padding: 0; }
.plain-checks li { font-size: .8rem; margin-bottom: .45rem; padding-left: 1.2rem; position: relative; }
.plain-checks li::before { content: "✓"; position: absolute; left: 0; color: #1a51a4; font-size: .8rem; }
.usecase-example { background: #f4f7fb; border-radius: .35rem; padding: 1.1rem; align-self: start; }
.usecase-example > span:first-child { color: #536b8b; font-size: .67rem; text-transform: uppercase; letter-spacing: .1em; font-weight: 650; }
.usecase-example p { color: #354c70; font-size: .88rem; line-height: 1.8; margin: .7rem 0 1rem; }
.usecase-example .usecase-output { display: block; padding-top: .8rem; border-top: 1px solid #d5dfed; font-size: .71rem; color: #315483; }
.section-footnote { font-size: .74rem; color: var(--bf-muted); margin: .5rem 0 0; }
.gpt-two-column { display: grid; grid-template-columns: 1.05fr 1fr; gap: 3rem; }
.section-lead { font-size: 1.12rem; line-height: 1.75; }
.gpt-knowledge { background: #122b50; color: #c6d3e4; }
.gpt-knowledge h2 { color: #fff; margin-bottom: 1rem; }
.gpt-knowledge .section-label { color: #a7c4f3; }
.gpt-knowledge p { color: #c6d3e4; }
.gpt-knowledge .text-link { color: #d8e7ff; margin-top: .8rem; }
.gpt-capabilities { margin: 0; }
.gpt-capabilities > div { padding: 1rem 0; border-bottom: 1px solid #ffffff29; }
.gpt-capabilities > div:first-child { padding-top: .3rem; }
.gpt-capabilities > div:last-child { border-bottom: 0; }
.gpt-capabilities dt { color: #fff; font-weight: 600; font-size: 1.05rem; }
.gpt-capabilities dt span { font-size: .72rem; color: #99b4da; margin-right: 1rem; }
.gpt-capabilities dd { margin: .7rem 0 0 2.1rem; font-size: .88rem; color: #c6d3e4; }
.gpt-practice-note { border-top: 1px solid #ffffff29; padding-top: .75rem; margin-top: 1rem; font-size: .85rem; }
.gpt-decision { background: #f4f7fb; border-top: 1px solid var(--bf-border); border-bottom: 1px solid var(--bf-border); }
.gpt-decision-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem; }
.gpt-decision-grid article { border-top: 2px solid #9fb5d9; padding-top: 1rem; }
.gpt-decision-grid article > i { color: #2458a5; font-size: 1.4rem; display: block; margin-bottom: .75rem; }
.gpt-decision-grid h3 { font-size: 1.2rem; margin-bottom: .9rem; }
.gpt-decision-grid p { font-size: .88rem; color: var(--bf-muted); margin: 0; }
.gpt-checklist-panel { display: grid; grid-template-columns: 1.2fr 1fr; gap: 2.5rem; align-items: center; }
.gpt-checklist-panel > div > p { color: var(--bf-muted); margin: .9rem 0 1rem; }
.gpt-checklist-preview { background: #f4f7fb; border: 1px solid var(--bf-border); border-radius: .4rem; padding: 1.25rem; }
.gpt-checklist-preview > p { color: var(--bf-primary) !important; font-weight: 600; font-size: .9rem; margin: 0 0 1rem !important; }
.gpt-checklist-preview ol { list-style: none; padding: 0; margin: 0; }
.gpt-checklist-preview li { display: flex; align-items: flex-start; gap: 1rem; padding: 1rem 0; border-top: 1px solid var(--bf-border); }
.gpt-checklist-preview li > span { color: #315991; font-size: .75rem; padding-top: .15rem; }
.gpt-checklist-preview strong, .gpt-checklist-preview small { display: block; }
.gpt-checklist-preview strong { font-size: .88rem; font-weight: 600; }
.gpt-checklist-preview small { color: var(--bf-muted); font-size: .72rem; margin-top: .3rem; }
.gpt-checklist-preview > small { font-size: .64rem; }
.gpt-trial { background: #173c74; color: #d1dff3; }
.trial-intro { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-bottom: 1.5rem; }
.gpt-trial .section-label { color: #b3d0ff; }
.gpt-trial h2, .gpt-trial h3 { color: #fff; }
.trial-number { width: 21rem; max-width: 100%; flex-shrink: 0; padding: 1.1rem 1.25rem; border: 1px solid #d7e4f7; border-top: 3px solid #a9c9ff; border-radius: .5rem; background: #f5f8ff; color: #153b71; }
.trial-offer-title { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .65rem; margin: 0 0 .45rem; }
.trial-offer-title strong { font-size: 2rem; letter-spacing: -.04em; line-height: 1.15; font-weight: 700; }
.trial-offer-title span { font-size: .92rem; font-weight: 600; }
.trial-offer-description { margin: 0; font-size: .79rem; line-height: 1.6; color: #526681; }
.trial-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; list-style: none; padding: 0; margin: 0 0 1.5rem; }
.trial-steps li { padding-top: 1rem; border-top: 1px solid #ffffff40; }
.trial-steps li > span { display: block; color: #aac9f5; font-size: .75rem; margin-bottom: .65rem; }
.trial-steps h3 { font-size: 1.1rem; margin-bottom: .7rem; }
.trial-steps p { font-size: .86rem; margin: 0; }
.gpt-trial .btn-light { color: #143868; background: #fff; border-color: #fff; }
.gpt-trial .btn-light:hover { background: #dce9fa; border-color: #dce9fa; }
.gpt-municipal { padding: 1.5rem 0; border-top: 1px solid var(--bf-border); background: #fafbfd; }
.gpt-municipal .section-label { font-size: .65rem; }
.municipal-row { display: flex; align-items: center; justify-content: space-between; gap: 3rem; }
.municipal-row h2 { font-size: 1.5rem; letter-spacing: -.025em; }
.municipal-row p { font-size: .87rem; color: var(--bf-muted); max-width: 44rem; margin: .8rem 0 0; }
.municipal-row > a { flex-shrink: 0; font-size: .83rem; }
.site-nav .navbar-nav { gap: .1rem; }
.site-nav .nav-link { padding-right: .65rem; padding-left: .65rem; }
.aufenthg-hero { padding: 1.5rem 0; }
.aufenthg-hero h1 { font-size: clamp(2.5rem, 3.8vw, 3.6rem); }
.aufenthg-hero .row { align-items: center !important; }
.thank-you { max-width: 850px; }
.ai-page .row.g-5, .aufenthg-page .row.g-5 { --bs-gutter-y: 1.5rem; --bs-gutter-x: 2rem; }
.contact-form .mb-4 { margin-bottom: 1rem !important; }
.aufenthg-process .row.mb-5 { margin-bottom: 1.5rem !important; }

@media (max-width: 1199.98px) {
  .gpt-hero-grid { gap: 2rem; grid-template-columns: 1fr 1fr; }
  .gpt-hero h1 { font-size: 2.6rem; }
  .gpt-usecase { grid-template-columns: .5fr 1.5fr 1.1fr; gap: 1.8rem; }
  .gpt-two-column { gap: 3rem; }
  .brand-logo { width: 220px; }
  .site-nav .nav-link { font-size: .78rem; padding-right: .5rem; padding-left: .5rem; }
  .nav-cta { margin-left: .4rem; }
}
@media (max-width: 991.98px) {
  .gpt-hero { padding: 1.5rem 0; }
  .gpt-hero-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .gpt-hero-copy { max-width: 650px; }
  .gpt-hero h1 { font-size: clamp(2.5rem, 6vw, 3.5rem); }
  .gpt-product-preview { max-width: 650px; width: 100%; }
  .gpt-usecase { grid-template-columns: 1.3fr 1fr; gap: 1rem 2rem; }
  .usecase-index { grid-column: 1 / -1; }
  .gpt-checklist-panel { gap: 1.5rem; }
  .gpt-decision-grid { gap: 1.5rem; }
  .trial-number { width: 19rem; }
  .trial-steps { gap: 1.5rem; }
  .municipal-row { align-items: flex-start; flex-direction: column; gap: 1rem; }
  .site-nav .nav-link { font-size: .88rem; padding: .8rem .2rem; }
  .aufenthg-hero { padding-top: 1.5rem; }
}
@media (max-width: 767.98px) {
  .gpt-two-column, .gpt-checklist-panel { grid-template-columns: 1fr; gap: 1.25rem; }
  .gpt-decision-grid { grid-template-columns: 1fr; gap: 1.25rem; }
  .gpt-decision-grid article > i { float: left; margin: 0 1rem .5rem 0; }
  .gpt-decision-grid p { clear: both; }
  .trial-intro { align-items: flex-start; flex-direction: column; gap: 1.25rem; }
  .trial-number { width: 100%; }
  .trial-steps { grid-template-columns: 1fr; gap: 1.25rem; }
}
@media (max-width: 575.98px) {
  .gpt-hero { padding: 1.25rem 0; }
  .product-label { font-size: .75rem; margin-bottom: .9rem; }
  .gpt-hero h1 { font-size: clamp(1.85rem, 7.8vw, 2.7rem); line-height: 1.18; letter-spacing: -.04em; }
  .gpt-hero-description { font-size: .94rem; line-height: 1.8; }
  .gpt-hero .hero-actions { gap: .5rem; }
  .gpt-hero .hero-actions .text-link { justify-content: center; width: 100%; }
  .gpt-preview-header { padding: .8rem 1rem; }
  .gpt-preview-body { padding: 1rem; }
  .gpt-preview-body .example-button { padding: .4rem .6rem; }
  .gpt-preview-bottom { padding: .8rem 1rem; }
  .gpt-usecase { grid-template-columns: 1fr; gap: .75rem; padding: 1.25rem 0; }
  .gpt-usecase h3 { font-size: 1.35rem; }
  .usecase-example { padding: 1rem; }
  .gpt-checklist-preview { padding: 1.1rem; }
  .section-lead { font-size: 1.02rem; }
  .gpt-capabilities dd { margin-left: 0; }
  .gpt-trial .btn { width: 100%; }
  .brand-logo { width: 200px; }
  .aufenthg-hero { padding-top: 1.25rem; }
  .aufenthg-hero h1 { font-size: clamp(2rem, 8vw, 2.8rem); }
}