html { scroll-behavior: smooth; scroll-padding-top: 96px; }
.landing-header { position: sticky; top: 0; z-index: 30; background: var(--ds-header-glass); border-bottom: var(--ds-border-1) solid var(--ds-line); backdrop-filter: blur(var(--ds-effect-radius-10)); }
.landing-header__inner { display: flex; gap: var(--ds-space-16); align-items: center; min-height: 72px; padding-block: var(--ds-space-14); }
.landing-header .ux-brand { margin-right: auto; }
.desktop-nav { display: flex; gap: var(--ds-space-26-01); font-size: var(--ds-type-sm); font-weight: var(--ds-weight-semibold); }
.desktop-nav a { color: var(--ds-muted); }
.desktop-nav a:hover { color: var(--ds-primary); }
.landing-hero { background: linear-gradient(180deg, var(--ds-tint), var(--ds-white)); border-bottom: var(--ds-border-1) solid var(--ds-line); }
.hero-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; align-items: center; padding-block: var(--ds-space-96) 112px; min-height: 736px; }
.hero-copy h1 { margin: var(--ds-space-22) 0 0; font-size: var(--ds-type-hero); line-height: var(--ds-leading-1-12); font-weight: var(--ds-weight-display); }
.hero-copy__lead { margin: var(--ds-space-24) 0 0; color: var(--ds-text); font-size: var(--ds-type-lg); line-height: var(--ds-leading-1-65); }
.hero-actions { margin-top: var(--ds-space-34); }
.hero-note { margin: var(--ds-space-16) 0 0; color: var(--ds-muted); font-size: var(--ds-type-sm); line-height: var(--ds-leading-1-6); }
.hero-note strong { color: var(--ds-primary); font-weight: var(--ds-weight-bold); }
.hero-chips { margin-top: var(--ds-space-30); }
.report-preview { min-width: 0; overflow: hidden; border: var(--ds-border-1) solid var(--ds-border-card); border-radius: var(--ds-card-radius); background: var(--ds-white); box-shadow: var(--ds-shadow); }
.report-preview__bar { display: flex; align-items: center; gap: var(--ds-space-8); padding: 14px 18px 15px; border-bottom: var(--ds-border-1) solid var(--ds-border-preview); color: var(--ds-muted); font-size: var(--ds-type-xs); font-weight: var(--ds-weight-bold); }
.preview-dots { display: inline-flex; gap: var(--ds-space-8); }
.preview-dots i { width: 9px; height: 9px; border-radius: var(--ds-radius-999); background: var(--ds-line); }
.report-preview__body { display: grid; gap: var(--ds-space-10); padding: var(--ds-space-20); }
.preview-stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--ds-space-8); margin-bottom: var(--ds-space-6); }
.preview-stat { display: grid; gap: var(--ds-space-6); padding: var(--ds-space-14); border: var(--ds-border-1) solid var(--ds-line); border-radius: var(--ds-radius); background: var(--ds-neutral); color: var(--ds-muted); }
.preview-stat span { font-size: var(--ds-type-xs); font-weight: var(--ds-weight-display); }
.preview-stat strong { color: var(--ds-ink); font-size: var(--ds-type-xl); line-height: 1.2; font-weight: var(--ds-weight-display); }
.preview-stat--critical { background: var(--ds-danger-bg); border-color: var(--ds-critical-alert-border); color: var(--ds-danger); }
.preview-stat--high { background: var(--ds-warning-bg); border-color: var(--ds-warning-alert-border); color: var(--ds-warning); }
.preview-finding { padding: var(--ds-space-16); border: var(--ds-border-1) solid var(--ds-line); border-radius: var(--ds-radius); font-size: var(--ds-type-sm); line-height: var(--ds-leading-1-6); }
.preview-finding > div:first-child { display: flex; gap: var(--ds-space-8); align-items: center; }
.preview-finding strong { font-weight: var(--ds-weight-display); }
.preview-finding p { margin: var(--ds-space-8) 0 0; color: var(--ds-muted); }
.preview-finding .ux-chips { margin-top: var(--ds-space-10); gap: var(--ds-space-6); }
.preview-recommendation { display: grid; gap: var(--ds-space-6); padding: var(--ds-space-16); border-radius: var(--ds-radius); background: var(--ds-ink); color: var(--ds-white); font-size: var(--ds-type-sm); font-weight: var(--ds-weight-display); }
.preview-recommendation span { color: var(--ds-accent-soft); font-size: var(--ds-type-xs); }
.problem-grid, .process-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--ds-space-18); margin-top: var(--ds-space-40); }
.problem-card { min-height: 250px; padding: var(--ds-space-30); background: var(--ds-surface); }
.problem-card__number { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: var(--ds-space-18); border: var(--ds-border-1) solid var(--ds-border-card); border-radius: var(--ds-radius-11); background: var(--ds-white); color: var(--ds-primary); font-size: var(--ds-type-sm); font-weight: var(--ds-weight-display); }
.fit-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ds-space-8); margin-top: var(--ds-space-24); color: var(--ds-body); font-size: var(--ds-type-xs); font-weight: var(--ds-weight-bold); }
.fit-row__label { margin-right: var(--ds-space-6); color: var(--ds-text-disabled); font-size: var(--ds-type-sm); }
.fit-row span:not(.fit-row__label) { padding: 6px 12px; border-radius: var(--ds-radius-999); background: var(--ds-neutral); }
.ba { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--ds-space-20); margin-top: var(--ds-space-40); }
.ba__card { display: flex; flex-direction: column; margin: 0; padding: var(--ds-space-22); border: var(--ds-border-1) solid var(--ds-line-soft); border-radius: var(--ds-card-radius); background: var(--ds-surface); }
.ba__card--after { background: var(--ds-tint); border-color: var(--ds-primary-border); }
.ba__card figcaption { display: flex; align-items: center; gap: var(--ds-space-10); min-height: 46px; font-size: var(--ds-type-sm); line-height: var(--ds-leading-1-5); font-weight: var(--ds-weight-bold); }
.ba__tag { padding: 3px 8px; border-radius: var(--ds-radius-6); background: var(--ds-danger-bg); color: var(--ds-danger); font-size: var(--ds-type-xs); font-weight: var(--ds-weight-display); }
.ba__tag--after { background: var(--ds-primary); color: var(--ds-white); }
.ba__screen { display: flex; flex: 1; flex-direction: column; gap: var(--ds-space-8); margin-top: var(--ds-space-16); padding: var(--ds-space-18); border: var(--ds-border-1) solid var(--ds-line); border-radius: var(--ds-radius); background: var(--ds-white); box-shadow: 0 10px 30px var(--ds-shadow-soft); }
.ba__title { margin-bottom: var(--ds-space-4); font-size: var(--ds-type-sm); font-weight: var(--ds-weight-display); }
.ba-opt,.ba-pick { display: flex; flex-direction: column; gap: var(--ds-space-5); padding: 10px 12px; border: var(--ds-border-1) solid var(--ds-line); border-radius: var(--ds-radius-9); }
.ba-opt b,.ba-pick b { font-size: var(--ds-type-xs); font-weight: var(--ds-weight-display); }
.ba-opt i,.ba-pick i { display: block; height: 6px; width: 80%; border-radius: var(--ds-radius-3); background: var(--ds-line); }
.ba-opt i:last-child { width: 55%; }
.ba-pick { flex: 1; justify-content: center; padding: var(--ds-space-14); border: var(--ds-border-2) solid var(--ds-primary); }
.ba-pick__badge { align-self: flex-start; padding: 2px 8px; border-radius: var(--ds-radius-999); background: var(--ds-chip); color: var(--ds-primary); font-size: var(--ds-type-xs); font-weight: var(--ds-weight-display); }
.ba-pick strong { font-size: var(--ds-type-xl); font-weight: var(--ds-weight-display); }
.ba-pick i:nth-last-child(3) { width: 72%; }.ba-pick i:nth-last-child(2) { width: 84%; }.ba-pick i:last-child { width: 58%; }
.ba-btn { margin-top: var(--ds-space-4); padding: var(--ds-space-11); border-radius: var(--ds-radius-9); background: var(--ds-primary); color: var(--ds-white); font-size: var(--ds-type-sm); font-weight: var(--ds-weight-display); text-align: center; }
.ba-btn--muted { background: var(--ds-line); color: var(--ds-muted); }
.ba-more { font-size: var(--ds-type-xs); color: var(--ds-muted); text-align: center; }
.finding-summary-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--ds-space-20); margin-top: var(--ds-space-20); }
.finding-summary-grid .ux-card { min-height: 188px; }
.finding-summary-grid h3 { margin-top: var(--ds-space-16); line-height: var(--ds-leading-1-5); font-weight: var(--ds-weight-display); }
.finding-summary-grid p { margin-top: var(--ds-space-16); font-size: var(--ds-type-base); color: var(--ds-body); }
.summary-warning { background: var(--ds-warning-bg); color: var(--ds-warning); }.summary-dark { background: var(--ds-ink); border-color: var(--ds-ink); }.summary-dark p { color: var(--ds-dark-text); }.summary-primary { background: var(--ds-primary); color: var(--ds-white); }
.example-actions { justify-content: center; margin-top: var(--ds-space-28); }.example-note { margin: var(--ds-space-14) 0 0; text-align: center; color: var(--ds-text-disabled); font-size: var(--ds-type-xs); }
.cmp-wrap { margin-top: var(--ds-space-40); overflow-x: auto; border: var(--ds-border-1) solid var(--ds-line); border-radius: var(--ds-card-radius); }
.cmp { width: 100%; min-width: 900px; border-collapse: collapse; font-size: var(--ds-type-sm); line-height: var(--ds-leading-1-55); }
.cmp :is(th,td) { padding: 16px 18px; border-bottom: var(--ds-border-1) solid var(--ds-border-preview); text-align: left; vertical-align: top; }.cmp thead th { background: var(--ds-surface); color: var(--ds-body); font-weight: var(--ds-weight-display); }.cmp tbody th { min-width: 150px; font-weight: var(--ds-weight-display); }.cmp td { color: var(--ds-muted); }.cmp tbody tr:last-child :is(td,th) { border: 0; }.cmp .cmp__us { background: var(--ds-tint); color: var(--ds-ink); font-weight: var(--ds-weight-bold); }.cmp thead .cmp__us { background: var(--ds-primary); color: var(--ds-white); }
.finding-flow { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ds-space-14); margin-top: var(--ds-space-24); padding: 26px 30px; border-radius: var(--ds-card-radius); background: var(--ds-tint); font-size: var(--ds-type-sm); }.finding-flow strong { color: var(--ds-primary); font-weight: var(--ds-weight-display); }.finding-flow p { margin: 0; font-weight: var(--ds-weight-bold); }.finding-flow i { padding-inline: var(--ds-space-4); color: var(--ds-accent-soft); font-style: normal; }
.process-grid { gap: var(--ds-space-16); }.process-card { padding: var(--ds-space-26); border-radius: var(--ds-radius-14); }.process-card .ux-eyebrow { margin: 0 0 var(--ds-space-14); color: var(--ds-primary); font-size: var(--ds-type-xs); font-weight: var(--ds-weight-display); }.process-card h3 { line-height: var(--ds-leading-1-33); font-weight: var(--ds-weight-display); }.process-card p:last-child { margin-top: var(--ds-space-8); }
.expertise__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 64px; align-items: start; }.expertise .ux-eyebrow { color: var(--ds-accent-soft); }.expertise__intro .ux-title { line-height: var(--ds-leading-1-25); }.expertise__intro > p:not(.ux-eyebrow) { margin: var(--ds-space-22) 0 0; color: var(--ds-dark-muted); font-size: var(--ds-type-base); line-height: var(--ds-leading-1-7); }
.arch { margin: 0; }.arch__steps { margin: 0; padding: 0; list-style: none; }.arch__steps li { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: var(--ds-space-18); padding-block: var(--ds-space-14); }.arch__id { display: grid; place-items: center; width: 36px; height: 36px; border: var(--ds-border-1) solid var(--ds-dark-line); border-radius: var(--ds-radius-10); color: var(--ds-dark-muted); font-size: var(--ds-type-xs); font-weight: var(--ds-weight-bold); }.arch__steps strong { display: block; padding-top: var(--ds-space-6); font-size: var(--ds-type-base); font-weight: var(--ds-weight-display); }.arch__steps p { margin: var(--ds-space-4) 0 0; color: var(--ds-dark-muted); font-size: var(--ds-type-sm); line-height: var(--ds-leading-1-6); }.arch__step--engine > div { padding: 6px 14px 12px; margin-block: -6px; border: var(--ds-border-1) solid var(--ds-primary); border-radius: var(--ds-radius); background: var(--ds-primary-glow); }.arch__step--engine .arch__id { background: var(--ds-primary); color: var(--ds-white); border-color: var(--ds-primary); }.arch figcaption { margin-top: var(--ds-space-18); padding-top: var(--ds-space-18); border-top: var(--ds-border-1) solid var(--ds-dark-panel); color: var(--ds-dark-text); font-size: var(--ds-type-sm); font-weight: var(--ds-weight-bold); line-height: var(--ds-leading-1-6); }
.expertise__lens-title { margin-top: var(--ds-space-64); }.expertise__areas { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--ds-space-24); margin: var(--ds-space-20) 0 0; padding: 0; list-style: none; }.expertise__areas li { padding-top: var(--ds-space-16); border-top: var(--ds-border-1) solid var(--ds-dark-line); }.expertise__areas strong { display: block; font-size: var(--ds-type-sm); font-weight: var(--ds-weight-display); }.expertise__areas span { display: block; margin-top: var(--ds-space-6); color: var(--ds-text-disabled); font-size: var(--ds-type-sm); line-height: var(--ds-leading-1-55); }
.deliverable-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--ds-space-12); margin-top: var(--ds-space-40); }.deliverable-table { border: var(--ds-border-1) solid var(--ds-line-soft); border-radius: var(--ds-card-radius); overflow: hidden; background: var(--ds-white); }.deliverable-table h3 { margin: 0; padding: 20px 26px; border-bottom: var(--ds-border-1) solid var(--ds-border-preview); font-size: var(--ds-type-sm); font-weight: var(--ds-weight-display); }.deliverable-table dl { margin: 0; }.deliverable-table dl > div { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: var(--ds-space-14); padding: 16px 26px; border-bottom: var(--ds-border-1) solid var(--ds-surface-muted); font-size: var(--ds-type-sm); }.deliverable-table dt { font-weight: var(--ds-weight-bold); }.deliverable-table dd { margin: 0; color: var(--ds-muted); }.deliverable-table dl > div:last-child { border: 0; }
.severity-levels { display: grid; gap: var(--ds-space-8); margin: var(--ds-space-22) 0 0; }.severity-levels > div { display: flex; align-items: center; gap: var(--ds-space-12); padding: 13px 16px; border-radius: var(--ds-radius-11); background: var(--ds-neutral); font-size: var(--ds-type-sm); }.severity-levels dt { flex: 0 0 84px; color: var(--ds-muted); font-size: var(--ds-type-xs); font-weight: var(--ds-weight-display); }.severity-levels dd { margin: 0; color: var(--ds-body); }.severity-levels > div:first-child { background: var(--ds-danger-bg); }.severity-levels > div:first-child dt { color: var(--ds-danger); }.severity-levels > div:nth-child(2) { background: var(--ds-warning-bg); }.severity-levels > div:nth-child(2) dt { color: var(--ds-warning); }.severity-levels > div:last-child { background: var(--ds-surface); }.priority-formula { margin-top: var(--ds-space-20); padding: 16px 18px; border-radius: var(--ds-radius-11); background: var(--ds-ink); color: var(--ds-white); font-size: var(--ds-type-sm); font-weight: var(--ds-weight-bold); }.priority-formula small { display: block; margin-top: var(--ds-space-4); color: var(--ds-dark-muted); font-size: var(--ds-type-xs); font-weight: var(--ds-weight-medium); }
.next-steps { grid-column: 1/-1; }.next-steps ol { margin: var(--ds-space-18) 0 0; padding: 0; list-style: none; counter-reset: step; }.next-steps li { position: relative; padding-left: 38px; counter-increment: step; }.next-steps li + li { margin-top: var(--ds-space-12); }.next-steps li::before { content: counter(step); position: absolute; top: 0; left: 0; display: grid; place-items: center; width: 26px; height: 26px; border-radius: var(--ds-radius-8); background: var(--ds-tint); color: var(--ds-primary); font-size: var(--ds-type-xs); font-weight: var(--ds-weight-display); }.next-steps h4 { margin: 0; font-size: var(--ds-type-base); font-weight: var(--ds-weight-bold); }.next-steps p { margin-top: var(--ds-space-4); }
.pricing-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--ds-space-20); margin-top: var(--ds-space-40); }.pricing-card { display: flex; flex-direction: column; padding: var(--ds-space-32); min-height: 398px; }.pricing-card h3 { display: flex; align-items: center; gap: var(--ds-space-10); font-size: var(--ds-type-xl); font-weight: var(--ds-weight-display); }.pricing-card h3 .ux-badge { flex-shrink: 0; font-weight: var(--ds-weight-display); }.pricing-card p { margin-top: var(--ds-space-8); }.pricing-card--featured { border: var(--ds-border-2) solid var(--ds-primary); }.plan-price { margin-top: var(--ds-space-22); font-size: var(--ds-type-4xl); line-height: 1; font-weight: var(--ds-weight-display); }.plan-price small { color: var(--ds-muted); font-size: var(--ds-type-sm); font-weight: var(--ds-weight-bold); }.pricing-card ul { display: grid; gap: var(--ds-space-10); flex: 1; margin: var(--ds-space-24) 0 var(--ds-space-26); padding: 0; list-style: none; color: var(--ds-body); font-size: var(--ds-type-sm); line-height: var(--ds-leading-1-6); }.pricing-card .ux-btn { min-height: 50px; }.pricing-card--dark { background: var(--ds-ink); color: var(--ds-white); border-color: var(--ds-ink); }.pricing-card--dark p { color: var(--ds-dark-muted); }.pricing-card--dark ul { color: var(--ds-dark-text); }
.addon-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--ds-space-20); margin-top: var(--ds-space-20); }.addon-card { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ds-space-16); padding: 22px 26px; border-radius: var(--ds-radius-14); }.addon-card > div { flex: 1; min-width: 180px; }.addon-card h3 { font-size: var(--ds-type-base); font-weight: var(--ds-weight-display); }.addon-card p { margin-top: var(--ds-space-4); }.addon-card > strong { font-size: var(--ds-type-lg); font-weight: var(--ds-weight-display); }.vat-note { margin: var(--ds-space-18) 0 0; color: var(--ds-text-disabled); font-size: var(--ds-type-sm); }
.faq-container { max-width: 812px; }.faq-list { display: grid; gap: var(--ds-space-10); margin-top: var(--ds-space-36); }.faq-item { overflow: hidden; border: var(--ds-border-1) solid var(--ds-line); border-radius: var(--ds-card-radius); }.faq-item summary { display: flex; align-items: center; gap: var(--ds-space-16); padding: 22px 24px; font-size: var(--ds-type-lg); font-weight: var(--ds-weight-bold); line-height: var(--ds-leading-1-5); cursor: pointer; list-style: none; }.faq-item summary::-webkit-details-marker { display: none; }.faq-item summary::after { content: '+'; margin-left: auto; color: var(--ds-subtle); font-size: var(--ds-type-xl); font-weight: var(--ds-weight-semibold); }.faq-item[open] summary::after { content: '−'; }.faq-item summary:hover { background: var(--ds-surface); }.faq-item p { margin: 0; padding: 0 24px 24px; color: var(--ds-muted); font-size: var(--ds-type-base); line-height: var(--ds-leading-1-7); }
.apply-section { padding-block: 112px; border: 0; }.apply-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--ds-space-48); align-items: center; }.apply-grid .ux-title { line-height: var(--ds-leading-1-18); }.apply-grid > div > p { margin: var(--ds-space-22) 0 0; color: var(--ds-dark-muted); font-size: var(--ds-type-lg); line-height: var(--ds-leading-1-7); }.audit-form { min-width: 0; padding: var(--ds-space-32); border: var(--ds-border-1) solid var(--ds-dark-panel-border); border-radius: var(--ds-card-radius); background: var(--ds-dark-surface); }.audit-form > p:first-child { margin: 0; color: var(--ds-dark-text); font-size: var(--ds-type-sm); font-weight: var(--ds-weight-bold); }.audit-form__fields { display: flex; flex-direction: column; gap: var(--ds-space-10); margin-top: var(--ds-space-18); }.audit-form input { min-width: 0; width: 100%; height: 52px; padding-inline: var(--ds-space-16); border: var(--ds-border-1) solid var(--ds-dark-line); border-radius: var(--ds-radius); background: var(--ds-ink); color: var(--ds-white); font-size: var(--ds-type-base); }.audit-form input::placeholder { color: var(--ds-subtle); }.audit-form .audit-form__privacy { margin: var(--ds-space-14) 0 0; color: var(--ds-text-disabled); font-size: var(--ds-type-sm); line-height: var(--ds-leading-1-6); }.audit-form__privacy a { color: var(--ds-dark-muted); text-decoration: underline; }
@media (max-width: 1100px) { .desktop-nav { gap: var(--ds-space-16); }.hero-copy h1 { font-size: 56px; }.problem-grid,.process-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.expertise__grid { gap: var(--ds-space-40); }.pricing-card { padding: var(--ds-space-24); }.pricing-card h3 { flex-wrap: wrap; } }
@media (max-width: 820px) { .desktop-nav { display: none; }.landing-header__inner { min-height: 64px; }.hero-grid,.expertise__grid,.apply-grid,.deliverable-grid { grid-template-columns: minmax(0,1fr); }.hero-grid { padding-block: 64px; gap: var(--ds-space-40); }.hero-copy h1 { font-size: 52px; }.hero-copy__lead { max-width: 600px; }.finding-summary-grid { grid-template-columns: minmax(0,1fr); }.finding-summary-grid .ux-card { min-height: 0; }.next-steps { grid-column: auto; }.pricing-grid { grid-template-columns: minmax(0,1fr); }.pricing-card { min-height: 360px; }.expertise__areas { grid-template-columns: repeat(2,minmax(0,1fr)); }.apply-section { padding-block: 76px; }.ba { gap: var(--ds-space-12); }.ba__card { padding: var(--ds-space-16); }.ba__card figcaption { align-items: flex-start; flex-direction: column; gap: var(--ds-space-6); }.addon-grid { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 520px) { .hero-copy h1 { font-size: 40px; }.hero-copy__lead { font-size: var(--ds-type-base); }.landing-header .ux-btn { padding-inline: var(--ds-space-14); }.problem-grid,.process-grid,.ba { grid-template-columns: minmax(0,1fr); }.problem-card { min-height: 0; }.preview-stat { padding: var(--ds-space-10); }.preview-stat strong { font-size: var(--ds-type-lg); }.preview-finding > div:first-child { align-items: flex-start; }.preview-finding .ux-badge { flex-shrink: 0; }.hero-actions .ux-btn { flex: 1; }.ux-chip { font-size: var(--ds-type-xs); padding-inline: var(--ds-space-10); }.ba__card figcaption { flex-direction: row; }.expertise__areas { gap: 20px 16px; }.severity-levels > div { gap: var(--ds-space-8); }.severity-levels dt { flex-basis: 60px; }.deliverable-table dl > div { grid-template-columns: 110px minmax(0,1fr); padding: 16px; gap: var(--ds-space-8); }.faq-item summary { padding: 18px 20px; font-size: var(--ds-type-base); }.faq-item p { padding: 0 20px 20px; font-size: var(--ds-type-sm); }.audit-form { padding: var(--ds-space-24); } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }