.asn-section-heading { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(280px,.65fr); gap: 55px; align-items: end; margin-bottom: 42px; }
.asn-section-heading h2 { margin-bottom: 0; }
.asn-section-heading > p { margin: 0; color: var(--asn-muted); font-size: 17px; }
.asn-audience-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.asn-audience-grid article { position: relative; min-height: 250px; padding: 26px; overflow: hidden; background: #fff; border: 1px solid var(--asn-line); border-radius: 18px; box-shadow: 0 10px 32px rgba(0,63,115,.08); transition: .25s; }
.asn-audience-grid article:hover { transform: translateY(-5px); border-color: rgba(35,175,227,.65); box-shadow: var(--asn-shadow); }
.asn-audience-grid article > span { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 42px; color: var(--asn-navy); background: var(--asn-soft); border-radius: 11px; font-size: 12px; font-weight: 850; }
.asn-audience-grid h3 { color: var(--asn-dark); font-size: 20px; line-height: 1.2; }
.asn-audience-grid p { color: var(--asn-muted); }
.asn-process { padding: clamp(75px,9vw,120px) 0; color: #dff5ff; background: radial-gradient(circle at 10% 10%,rgba(35,175,227,.2),transparent 30%),#001f38; }
.asn-section-heading-light h2 { color: #fff; }
.asn-section-heading-light > p { color: #b9dce9; }
.asn-process-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.asn-process-grid li { position: relative; padding: 24px 20px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 16px; }
.asn-process-grid li::after { content: ""; position: absolute; top: 42px; left: calc(100% + 1px); width: 20px; height: 1px; background: rgba(141,227,255,.5); }
.asn-process-grid li:last-child::after { display: none; }
.asn-process-grid li > span { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-bottom: 26px; color: #001f38; background: #8de3ff; border-radius: 999px; font-weight: 900; }
.asn-process-grid h3 { margin: 0 0 8px; color: #fff; font-size: 20px; }
.asn-process-grid p { margin: 0; color: #b9dce9; font-size: 14px; }
.asn-value-panel { display: grid; grid-template-columns: minmax(0,1fr) minmax(330px,.8fr); overflow: hidden; background: #fff; border: 1px solid var(--asn-line); border-radius: 24px; box-shadow: var(--asn-shadow); }
.asn-value-copy { padding: clamp(32px,5vw,65px); background: linear-gradient(145deg,#f8fdff,#eaf8fe); }
.asn-value-copy h2 { font-size: clamp(34px,4vw,52px); }
.asn-value-list { display: grid; padding: 20px 38px; background: #fff; }
.asn-value-list div { display: flex; flex-direction: column; justify-content: center; padding: 20px 0; border-bottom: 1px solid var(--asn-line); }
.asn-value-list div:last-child { border-bottom: 0; }
.asn-value-list strong { margin-bottom: 5px; color: var(--asn-navy); font-size: 17px; }
.asn-value-list span { color: var(--asn-muted); font-size: 14px; }
.asn-faq-list { max-width: 900px; margin-inline: auto; }
.asn-faq-list details { margin-bottom: 12px; overflow: hidden; background: #fff; border: 1px solid var(--asn-line); border-radius: 13px; box-shadow: 0 7px 22px rgba(0,63,115,.06); }
.asn-faq-list summary { position: relative; padding: 20px 55px 20px 22px; color: var(--asn-dark); cursor: pointer; font-size: 16px; font-weight: 800; list-style: none; }
.asn-faq-list summary::-webkit-details-marker { display: none; }
.asn-faq-list summary::after { content: "+"; position: absolute; top: 50%; right: 20px; width: 27px; height: 27px; display: inline-flex; align-items: center; justify-content: center; color: var(--asn-navy); background: var(--asn-soft); border-radius: 999px; transform: translateY(-50%); }
.asn-faq-list details[open] summary::after { content: "−"; color: #fff; background: var(--asn-cyan); }
.asn-faq-list details p { margin: 0; padding: 0 22px 22px; color: var(--asn-muted); }
.asn-inner-hero { padding: clamp(65px,9vw,115px) 0; color: #dff5ff; background: radial-gradient(circle at 85% 10%,rgba(35,175,227,.35),transparent 28%),linear-gradient(125deg,var(--asn-dark),var(--asn-navy)); }
.asn-inner-hero h1 { max-width: 850px; margin: 0; color: #fff; font-size: clamp(42px,6vw,72px); line-height: 1.03; letter-spacing: -.045em; }
.asn-breadcrumbs { display: flex; align-items: center; gap: 9px; margin-bottom: 24px; color: #9cdcf3; font-size: 12px; font-weight: 700; }
.asn-breadcrumbs a { color: #fff; }
.asn-breadcrumbs a:hover { color: #8de3ff; }
.asn-inner-hero > .asn-shell > p:last-child { max-width: 720px; margin-top: 18px; color: #dff5ff; font-size: 18px; }
.asn-inner-main { min-height: 60vh; background: #f8fcfe; }
.asn-page-card { position: relative; margin-top: -34px; margin-bottom: 82px; padding: clamp(28px,5vw,60px); background: #fff; border: 1px solid var(--asn-line); border-radius: 20px; box-shadow: var(--asn-shadow); }
.asn-page-card .entry-content { max-width: 900px; margin-inline: auto; }
.asn-article-hero { padding-bottom: 105px; }
.asn-article-meta { color: #aadaee !important; font-size: 14px !important; }
.asn-article-card { max-width: 980px; }
.asn-featured-image { margin: -30px -30px 45px; }
.asn-featured-image img { width: 100%; max-height: 540px; object-fit: cover; border-radius: 16px; }
.asn-error-page { min-height: 72vh; display: grid; place-items: center; padding: 80px 0; color: #dff5ff; text-align: center; background: radial-gradient(circle at 50% 25%,rgba(35,175,227,.3),transparent 28%),#001f38; }
.asn-error-panel { max-width: 800px; }
.asn-error-code { margin: 0; color: rgba(141,227,255,.2); font-size: clamp(100px,20vw,210px); font-weight: 950; line-height: .8; letter-spacing: -.07em; }
.asn-error-panel h1 { margin: 20px 0; color: #fff; font-size: clamp(35px,5vw,58px); line-height: 1.06; }
.asn-error-panel > p:not(.asn-error-code):not(.asn-eyebrow) { max-width: 650px; margin-inline: auto; }
.asn-error-panel .asn-actions { justify-content: center; }
@media (max-width: 1020px) {
  .asn-audience-grid, .asn-process-grid { grid-template-columns: repeat(2,1fr); }
  .asn-process-grid li:nth-child(2)::after { display: none; }
}
@media (max-width: 760px) {
  .asn-section-heading, .asn-value-panel { grid-template-columns: 1fr; gap: 22px; }
  .asn-section-heading { align-items: start; }
  .asn-value-list { padding-inline: 28px; }
  .asn-page-card { width: min(calc(100% - 24px),1180px); padding: 26px 20px; border-radius: 15px; }
  .asn-featured-image { margin: -8px -2px 32px; }
}
@media (max-width: 520px) {
  .asn-audience-grid, .asn-process-grid { grid-template-columns: 1fr; }
  .asn-process-grid li::after { display: none; }
  .asn-audience-grid article { min-height: 0; }
  .asn-audience-grid article > span { margin-bottom: 20px; }
}
