.full-site-demo { min-height: 100vh; }
.full-demo-header { position: sticky; }
.full-demo-header .main-nav a.is-active { color: var(--blue); }
.site-view[hidden], .guide-panel[hidden] { display: none !important; }
.site-view.is-active { display: block; }

.home-proofs { padding: 104px 0; background: #fff; border-top: 1px solid var(--confidence-line); }
.home-proof-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 58px 42px; margin-top: 54px; }
.home-proof { min-width: 0; margin: 0; }
.home-proof > img { width: 100%; aspect-ratio: 1.78 / 1; object-fit: cover; object-position: top left; background: #e8edf1; border: 1px solid #b7c3ca; border-radius: 6px; box-shadow: 0 20px 42px rgba(24, 47, 61, .11); }
.home-proof figcaption { display: block; padding: 22px 2px 0; }
.home-proof figcaption span, .home-proof figcaption strong { display: block; }
.home-proof figcaption span { color: var(--confidence-blue); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.home-proof figcaption strong { margin-top: 8px; color: #142027; font-size: 20px; line-height: 1.3; }
.home-proof figcaption p { margin: 8px 0 0; color: #607078; font-size: 12px; line-height: 1.65; }
.home-guide-bridge { display: flex; align-items: center; justify-content: space-between; gap: 42px; margin-top: 66px; padding: 28px 0; border-top: 1px solid #cfd8dd; border-bottom: 1px solid #cfd8dd; }
.home-guide-bridge span, .home-guide-bridge strong { display: block; }
.home-guide-bridge span { color: #66757d; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.home-guide-bridge strong { margin-top: 7px; color: #142027; font-size: 14px; line-height: 1.5; }
.home-guide-bridge a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 9px; color: var(--confidence-blue); font-size: 13px; font-weight: 800; }
.home-guide-bridge a svg { width: 18px; }

.view-hero { min-height: 440px; display: flex; align-items: center; padding: 80px 0; }
.view-hero .confidence-shell { display: flex; flex-direction: column; align-items: flex-start; }
.view-hero h1 { max-width: 930px; margin: 0; font-size: clamp(44px, 6vw, 76px); line-height: 1.04; font-weight: 800; }
.view-hero p:last-child { max-width: 720px; margin: 22px 0 0; font-size: 16px; line-height: 1.75; }
.guide-view-hero { position: relative; min-height: 520px; overflow: hidden; color: #fff; background: #071b26; }
.guide-view-hero::after { content: ""; position: absolute; inset: 0 0 0 50%; background: #eaf2f8 url("guide-blueprint.png") center center / cover no-repeat; }
.guide-view-hero .confidence-shell { position: relative; z-index: 1; }
.guide-view-hero h1 { max-width: 560px; }
.guide-view-hero p:last-child { max-width: 520px; }
.guide-view-hero .confidence-kicker { color: #8db7ff; }
.guide-view-hero p:last-child { color: #c6d4db; }
.license-view-hero { color: #fff; background: #0f334b; border-top: 6px solid #f5bc2e; }
.license-view-hero .confidence-kicker { color: #a9c6ff; }
.license-view-hero p:last-child { color: #c5d4dc; }
.support-view-hero { color: #142027; background: #eef3f6; border-bottom: 1px solid #d5dce1; }

.guide-workspace, .license-workspace, .support-workspace-demo { padding-top: 76px; padding-bottom: 104px; }
.guide-tabs { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #c4cfd6; border-radius: 6px; overflow: hidden; }
.guide-tabs button { min-height: 62px; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 10px 14px; color: #44525a; background: #fff; border: 0; border-right: 1px solid #c4cfd6; font-size: 12px; font-weight: 800; cursor: pointer; }
.guide-tabs button:last-child { border-right: 0; }
.guide-tabs button svg { width: 18px; }
.guide-tabs button[aria-selected="true"] { color: #fff; background: #0b61e8; }
.guide-panel { display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(380px, .84fr); gap: 68px; align-items: center; padding: 62px 0; border-bottom: 1px solid #d5dce1; }
.guide-panel figure { margin: 0; overflow: hidden; background: #e8edf1; border: 1px solid #b7c3ca; border-radius: 6px; box-shadow: 0 24px 52px rgba(24, 47, 61, .12); }
.guide-panel figure img { width: 100%; aspect-ratio: 1.78 / 1; object-fit: cover; object-position: top left; }
.guide-panel figcaption { padding: 13px 15px; color: #526069; background: #f5f8fa; border-top: 1px solid #cbd4da; font-size: 11px; font-weight: 700; }
.guide-panel > div > span { color: #0b61e8; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.guide-panel h2 { margin: 13px 0 24px; font-size: clamp(30px, 3.8vw, 48px); line-height: 1.12; }
.guide-panel ol { list-style: none; margin: 0; padding: 0; border-top: 1px solid #d5dce1; }
.guide-panel li { display: grid; grid-template-columns: 30px 1fr; gap: 12px; padding: 15px 0; border-bottom: 1px solid #d5dce1; }
.guide-panel li b { color: #0b61e8; font-size: 11px; }
.guide-panel li p { margin: 0; color: #5c6971; font-size: 11px; line-height: 1.55; }
.guide-panel li strong { display: block; margin-bottom: 3px; color: #142027; font-size: 12px; }
.guide-report-note { display: grid; grid-template-columns: 38px 1fr; gap: 16px; align-items: center; margin-top: 34px; padding: 20px; background: #edf5ff; border: 1px solid #bdd3f5; border-radius: 6px; }
.guide-report-note svg { width: 26px; color: #0b61e8; }
.guide-report-note strong, .guide-report-note span { display: block; }
.guide-report-note strong { font-size: 13px; }
.guide-report-note span { margin-top: 4px; color: #5a6a73; font-size: 11px; line-height: 1.5; }

.embedded-manual { margin-top: 88px; padding-top: 80px; border-top: 1px solid #bfcad0; }
.embedded-manual-head { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); gap: 70px; align-items: end; }
.embedded-manual-head h2 { max-width: 780px; margin: 10px 0 0; font-size: clamp(36px, 4.7vw, 60px); line-height: 1.08; }
.embedded-manual-head > p { margin: 0; color: #5c6971; font-size: 14px; line-height: 1.75; }
.manual-flow { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 54px; border-top: 1px solid #c8d2d8; border-left: 1px solid #c8d2d8; }
.manual-flow article { min-height: 176px; display: grid; grid-template-columns: 1fr auto; align-content: start; gap: 13px; padding: 24px; border-right: 1px solid #c8d2d8; border-bottom: 1px solid #c8d2d8; }
.manual-flow article b { color: #0b61e8; font-size: 11px; }
.manual-flow article svg { width: 23px; color: #0b61e8; }
.manual-flow article strong, .manual-flow article span { grid-column: 1 / -1; display: block; }
.manual-flow article strong { margin-top: 10px; color: #142027; font-size: 15px; }
.manual-flow article span { color: #637179; font-size: 11px; line-height: 1.55; }
.manual-result, .manual-report { display: grid; grid-template-columns: minmax(340px, .78fr) minmax(0, 1.22fr); gap: 68px; align-items: center; margin-top: 82px; }
.manual-result-copy h3, .manual-checks h3 { margin: 10px 0 17px; color: #142027; font-size: clamp(28px, 3.2vw, 42px); line-height: 1.14; }
.manual-result-copy > p:not(.confidence-kicker) { margin: 0; color: #5c6971; font-size: 13px; line-height: 1.75; }
.manual-result-copy ul { list-style: none; margin: 24px 0 0; padding: 0; border-top: 1px solid #d3dbe0; }
.manual-result-copy li { display: grid; grid-template-columns: 20px 1fr; gap: 10px; padding: 12px 0; color: #45535b; border-bottom: 1px solid #d3dbe0; font-size: 11px; line-height: 1.5; }
.manual-result-copy li svg { width: 16px; color: #17815d; }
.manual-result figure, .manual-report figure { margin: 0; overflow: hidden; background: #e8edf1; border: 1px solid #b7c3ca; border-radius: 6px; box-shadow: 0 24px 52px rgba(24, 47, 61, .12); }
.manual-result figure img, .manual-report figure img { width: 100%; aspect-ratio: 1.78 / 1; object-fit: cover; object-position: top left; }
.manual-result figcaption, .manual-report figcaption { display: block; padding: 16px; background: #f5f8fa; border-top: 1px solid #cbd4da; }
.manual-result figcaption strong, .manual-result figcaption span, .manual-report figcaption strong, .manual-report figcaption span { display: block; }
.manual-result figcaption strong, .manual-report figcaption strong { color: #142027; font-size: 12px; }
.manual-result figcaption span, .manual-report figcaption span { margin-top: 5px; color: #5c6971; font-size: 10px; line-height: 1.5; }
.manual-report { grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr); align-items: start; padding-top: 82px; border-top: 1px solid #c8d2d8; }
.manual-checks { min-width: 0; }
.manual-checks label { display: grid; grid-template-columns: 20px 1fr; gap: 12px; align-items: start; padding: 13px 0; border-bottom: 1px solid #d3dbe0; cursor: pointer; }
.manual-checks input { width: 16px; height: 16px; margin-top: 2px; accent-color: #0b61e8; }
.manual-checks label span, .manual-checks label strong { display: block; }
.manual-checks label strong { margin-bottom: 3px; color: #142027; font-size: 11px; }
.manual-checks label span { color: #66747c; font-size: 10px; line-height: 1.5; }
.manual-checks > aside { display: grid; grid-template-columns: 24px 1fr; gap: 10px; margin-top: 18px; padding: 16px; color: #694d09; background: #fff8e5; border: 1px solid #e5ca78; border-radius: 5px; }
.manual-checks > aside svg { width: 20px; }
.manual-checks > aside span { font-size: 10px; line-height: 1.55; }
.manual-checks > aside strong { display: block; margin-bottom: 3px; font-size: 11px; }

.license-selector { display: grid; grid-template-columns: minmax(300px, .7fr) minmax(0, 1.3fr); gap: 72px; align-items: start; }
.license-selector h2, .support-faq h2 { margin: 0; font-size: clamp(34px, 4.4vw, 54px); line-height: 1.1; }
.license-selector > div:first-child > p:last-child { margin: 18px 0 0; color: #5c6971; font-size: 14px; line-height: 1.75; }
.license-module-buttons { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid #d5dce1; border-left: 1px solid #d5dce1; }
.license-module-buttons button { min-height: 128px; display: grid; grid-template-columns: 34px 1fr 24px; align-items: center; gap: 12px; padding: 20px; color: #142027; background: #fff; border: 0; border-right: 1px solid #d5dce1; border-bottom: 1px solid #d5dce1; text-align: left; cursor: pointer; }
.license-module-buttons button > svg:first-child { width: 25px; color: #0b61e8; }
.license-module-buttons button > svg:last-child { width: 19px; padding: 3px; color: #fff; background: #bcc7cd; border-radius: 50%; }
.license-module-buttons button.is-selected { background: #edf5ff; box-shadow: inset 0 0 0 2px #0b61e8; }
.license-module-buttons button.is-selected > svg:last-child { background: #17815d; }
.license-module-buttons span, .license-module-buttons strong { display: block; }
.license-module-buttons strong { margin-bottom: 5px; font-size: 13px; }
.license-module-buttons span { color: #66747c; font-size: 10px; line-height: 1.45; }
.license-config { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .68fr); gap: 54px; align-items: stretch; margin-top: 64px; padding: 42px; background: #eef3f6; border: 1px solid #d1dbe1; border-radius: 6px; }
.license-config-fields { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; align-content: center; }
.license-config-fields label { display: grid; gap: 8px; color: #3f4e56; font-size: 11px; font-weight: 800; }
.license-config-fields select { width: 100%; min-height: 48px; padding: 0 13px; color: #142027; background: #fff; border: 1px solid #b9c6ce; border-radius: 5px; font: inherit; }
.license-live-summary { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-left: 38px; border-left: 1px solid #c6d1d8; }
.license-live-summary > span { color: #607079; font-size: 10px; text-transform: uppercase; }
.license-live-summary > strong { margin-top: 8px; font-size: 19px; line-height: 1.35; }
.license-live-summary small { margin-top: 8px; color: #69777f; }
.license-live-summary .button { margin-top: 22px; }
.license-explainer { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 64px; border-top: 1px solid #d5dce1; border-bottom: 1px solid #d5dce1; }
.license-explainer > div { min-height: 170px; padding: 25px 22px; border-right: 1px solid #d5dce1; }
.license-explainer > div:last-child { border-right: 0; }
.license-explainer b, .license-explainer strong, .license-explainer span { display: block; }
.license-explainer b { color: #0b61e8; font-size: 11px; }
.license-explainer strong { margin-top: 25px; font-size: 13px; }
.license-explainer span { margin-top: 7px; color: #66747c; font-size: 11px; line-height: 1.55; }

.inline-license-request, .inline-support-request { margin-top: 82px; padding-top: 72px; border-top: 1px solid #bdc9d0; }
.license-workspace > .inline-license-request { margin-top: 0; padding-top: 0; border-top: 0; }
.inline-license-request > header, .inline-support-request > header { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr); gap: 68px; align-items: end; }
.inline-license-request > header h2, .inline-support-request > header h2 { margin: 9px 0 0; font-size: clamp(34px, 4.4vw, 54px); line-height: 1.1; }
.inline-license-request > header > p, .inline-support-request > header > p { margin: 0; color: #5c6971; font-size: 13px; line-height: 1.7; }
.inline-license-request > form, .inline-support-request > form { margin-top: 42px; padding: 38px; background: #eef3f6; border: 1px solid #cbd6dc; border-radius: 6px; }
.inline-license-modules { min-width: 0; margin: 0 0 26px; padding: 0; border: 0; }
.inline-license-modules legend { margin-bottom: 11px; color: #394850; font-size: 11px; font-weight: 800; }
.inline-license-modules > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #b9c6ce; border-left: 1px solid #b9c6ce; }
.inline-license-modules label { min-height: 108px; display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-content: center; padding: 17px; color: #142027; background: #fff; border-right: 1px solid #b9c6ce; border-bottom: 1px solid #b9c6ce; cursor: pointer; }
.inline-license-modules label:has(input:checked) { background: #e8f2ff; box-shadow: inset 0 0 0 2px #0b61e8; }
.inline-license-modules input { width: 16px; height: 16px; margin: 2px 0 0; accent-color: #0b61e8; }
.inline-license-modules label > svg { display: none; }
.inline-license-modules span, .inline-license-modules strong { display: block; }
.inline-license-modules strong { margin-bottom: 4px; font-size: 12px; }
.inline-license-modules span { color: #64727a; font-size: 9px; line-height: 1.45; }
.inline-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.inline-form-grid label { display: grid; gap: 8px; color: #394850; font-size: 11px; font-weight: 800; }
.inline-form-grid label.is-wide { grid-column: 1 / -1; }
.inline-form-grid label small { color: #748188; font-weight: 500; }
.inline-form-grid input, .inline-form-grid select, .inline-form-grid textarea { width: 100%; min-height: 48px; padding: 11px 13px; color: #142027; background: #fff; border: 1px solid #b9c6ce; border-radius: 5px; font: inherit; }
.inline-form-grid textarea { min-height: 126px; resize: vertical; }
.inline-form-grid input:focus, .inline-form-grid select:focus, .inline-form-grid textarea:focus { outline: 2px solid rgba(11, 97, 232, .22); border-color: #0b61e8; }
.inline-consent { display: grid; grid-template-columns: 20px 1fr; gap: 10px; align-items: start; margin-top: 20px; color: #5d6b73; font-size: 10px; line-height: 1.5; cursor: pointer; }
.inline-consent input { width: 16px; height: 16px; margin-top: 1px; accent-color: #0b61e8; }
.inline-submit-row { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 25px; padding-top: 22px; border-top: 1px solid #cbd6dc; }
.inline-submit-row p { display: flex; align-items: center; gap: 9px; margin: 0; color: #5b6a72; font-size: 10px; }
.inline-submit-row p svg { width: 19px; color: #17815d; }
.inline-submit-row button { flex: 0 0 auto; }
.inline-form-feedback { min-height: 20px; margin: 14px 0 0; color: #9a2f35; font-size: 11px; font-weight: 700; }
.inline-form-feedback.is-success { color: #08704e; }
.inline-success { display: grid; grid-template-columns: 54px 1fr auto; gap: 24px; align-items: center; margin-top: 42px; padding: 34px; color: #fff; background: #0f334b; border-top: 5px solid #32c391; }
.inline-success > svg { width: 42px; color: #54d6a8; }
.inline-success p, .inline-success h3, .inline-success span, .inline-success strong, .inline-success small { display: block; margin: 0; }
.inline-success p { color: #8fd6bd; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.inline-success h3 { margin-top: 5px; font-size: 22px; }
.inline-success span { margin-top: 13px; color: #b9cad3; font-size: 10px; }
.inline-success strong { margin-top: 3px; font-size: 18px; }
.inline-success small { margin-top: 5px; color: #c5d3da; }
.inline-success .button-outline { color: #fff; border-color: #78909d; }
.inline-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

.support-routes-demo { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid #d5dce1; border-left: 1px solid #d5dce1; }
.support-routes-demo button { min-height: 140px; display: grid; grid-template-columns: 40px 1fr 24px; align-items: center; gap: 14px; padding: 24px; color: #142027; background: #fff; border: 0; border-right: 1px solid #d5dce1; border-bottom: 1px solid #d5dce1; text-align: left; cursor: pointer; }
.support-routes-demo button:hover, .support-routes-demo button:focus-visible { background: #f4f8fb; }
.support-routes-demo > button > svg:first-child { width: 28px; color: #0b61e8; }
.support-routes-demo > button > svg:last-child { width: 18px; color: #0b61e8; }
.support-routes-demo span, .support-routes-demo strong { display: block; }
.support-routes-demo strong { margin-bottom: 6px; font-size: 14px; }
.support-routes-demo span { color: #66747c; font-size: 11px; line-height: 1.5; }
.support-faq { display: grid; grid-template-columns: minmax(280px, .68fr) minmax(0, 1.32fr); gap: 74px; margin-top: 82px; }
.faq-list { border-top: 1px solid #142027; }
.faq-list details { border-bottom: 1px solid #d5dce1; }
.faq-list summary { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #142027; font-size: 13px; font-weight: 800; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary svg { width: 18px; color: #0b61e8; transition: transform .2s ease; }
.faq-list details[open] summary svg { transform: rotate(45deg); }
.faq-list details p { margin: -2px 0 20px; color: #5c6971; font-size: 12px; line-height: 1.65; }
.full-demo-footer { display: grid; }

@media (max-width: 1040px) {
  .guide-panel { grid-template-columns: 1fr; gap: 38px; }
  .embedded-manual-head, .manual-result, .manual-report { grid-template-columns: 1fr; gap: 38px; }
  .license-selector { grid-template-columns: 1fr; gap: 38px; }
  .inline-license-request > header, .inline-support-request > header { grid-template-columns: 1fr; gap: 24px; }
  .license-config { grid-template-columns: 1fr; }
  .license-live-summary { padding: 30px 0 0; border-top: 1px solid #c6d1d8; border-left: 0; }
}

@media (max-width: 800px) {
  .home-proofs { padding: 72px 0; }
  .home-proof-grid { grid-template-columns: 1fr; gap: 44px; margin-top: 40px; }
  .home-guide-bridge { align-items: flex-start; flex-direction: column; gap: 20px; margin-top: 50px; }
  .view-hero { min-height: 390px; padding: 62px 0; }
  .view-hero h1 { font-size: 42px; }
  .view-hero p:last-child { font-size: 14px; }
  .guide-view-hero { min-height: 640px; align-items: flex-end; padding-top: 300px; background: #071b26; }
  .guide-view-hero::after { inset: 0 0 auto; height: 270px; background-position: center 48%; }
  .guide-view-hero h1, .guide-view-hero p:last-child { max-width: 100%; }
  .guide-workspace, .license-workspace, .support-workspace-demo { padding-top: 54px; padding-bottom: 72px; }
  .guide-tabs { grid-template-columns: repeat(2, 1fr); }
  .guide-tabs button { border-bottom: 1px solid #c4cfd6; }
  .guide-tabs button:nth-child(2) { border-right: 0; }
  .guide-report-note { grid-template-columns: 34px 1fr; }
  .embedded-manual { margin-top: 64px; padding-top: 60px; }
  .manual-flow { grid-template-columns: repeat(2, 1fr); }
  .manual-result, .manual-report { margin-top: 60px; }
  .manual-report { padding-top: 60px; }
  .license-module-buttons { grid-template-columns: 1fr; }
  .license-config { padding: 26px; }
  .license-config-fields { grid-template-columns: 1fr; }
  .license-explainer { grid-template-columns: repeat(2, 1fr); }
  .license-explainer > div:nth-child(2) { border-right: 0; }
  .license-explainer > div:nth-child(-n+2) { border-bottom: 1px solid #d5dce1; }
  .support-routes-demo { grid-template-columns: 1fr; }
  .support-faq { grid-template-columns: 1fr; gap: 34px; margin-top: 60px; }
  .inline-license-request, .inline-support-request { margin-top: 60px; padding-top: 54px; }
  .inline-license-request > form, .inline-support-request > form { padding: 26px; }
  .inline-license-modules > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inline-submit-row { align-items: flex-start; flex-direction: column; }
  .inline-success { grid-template-columns: 44px 1fr; }
  .inline-success .button { grid-column: 2; }
}

@media (max-width: 520px) {
  .guide-tabs { grid-template-columns: 1fr; }
  .guide-tabs button { border-right: 0; }
  .guide-panel h2 { font-size: 32px; }
  .embedded-manual-head h2 { font-size: 34px; }
  .manual-flow { grid-template-columns: 1fr; }
  .manual-flow article { min-height: 142px; }
  .manual-result-copy h3, .manual-checks h3 { font-size: 28px; }
  .inline-form-grid { grid-template-columns: 1fr; }
  .inline-license-modules > div { grid-template-columns: 1fr; }
  .inline-form-grid label.is-wide { grid-column: auto; }
  .inline-submit-row button, .inline-success .button { width: 100%; }
  .inline-success { grid-template-columns: 1fr; }
  .inline-success .button { grid-column: auto; }
  .license-explainer { grid-template-columns: 1fr; }
  .license-explainer > div { min-height: 138px; border-right: 0; border-bottom: 1px solid #d5dce1; }
  .license-live-summary .button { width: 100%; }
}