/* Public demo only: the policy and application styles remain independent. */
.demo-page {background:#f7f9fd;color:#142c49;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;}
.demo-page .demo-top {background:radial-gradient(ellipse at 80% 55%,#174b7b55,transparent 58%),#071326;color:#eef5ff;}
.demo-page .demo-nav {max-width:1280px;margin:auto;padding:0 48px;height:132px;background:none;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff14;}
.demo-page .demo-brand {display:block;line-height:0;}
.demo-page .demo-brand img {width:220px;height:62px;object-fit:cover;border-radius:0;}
.demo-page .demo-nav nav {display:flex;align-items:center;gap:30px;}
.demo-page .demo-nav nav a {font-size:13px;font-weight:500;color:#d1e0f2;min-height:44px;display:inline-flex;align-items:center;gap:22px;}
.demo-page .demo-nav .demo-signin {border:1px solid #6383a8;border-radius:9px;padding:9px 16px;}
.demo-page #content {max-width:none;padding:0;margin:0;}
.demo-page .demo-hero-container {max-width:1280px;padding:0 48px;margin:auto;}
.demo-page .demo-hero {display:grid;grid-template-columns:1.08fr 1fr;gap:68px;align-items:center;padding:62px 0 58px;}
.demo-page .demo-eyebrow {display:flex;gap:9px;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:1.7px;color:#a7d5ff;margin:0 0 24px;}
.demo-page .demo-eyebrow>span {width:6px;height:6px;border-radius:50%;background:#80c9ff;box-shadow:0 0 12px #80c9ff77;}
.demo-page h1 {font-size:clamp(40px,4.5vw,60px);font-weight:700;letter-spacing:-2.3px;line-height:1.08;margin:0 0 22px;}
.demo-page h1 em {font-style:normal;color:#74c9ff;}
.demo-page .demo-lead {font-size:20px;font-weight:500;color:#e1edfc;margin:0 0 10px;letter-spacing:-.4px;}
.demo-page .demo-intro {font-size:15px;color:#b9cde5;line-height:1.8;margin:0 0 26px;max-width:480px;}
.demo-page .cta {gap:24px;align-items:center;justify-content:center;background:#1c70df;border:1px solid #6aacff;border-radius:9px;padding:14px 21px;font-size:14px;font-weight:600;box-shadow:0 7px 22px #0065ee26;transition:background .18s,transform .18s;}
.demo-page .cta:hover {background:#1266d6;transform:translateY(-2px);}
.demo-page .demo-no-expertise {font-size:11px;line-height:1.9;color:#a5bdd8;margin:20px 0 0;}
.demo-page .demo-example {min-width:0;border:1px solid #5e86b36b;background:#122842;border-radius:17px;overflow:hidden;box-shadow:0 28px 65px #0005,0 0 0 9px #6ab0ff06;}
.demo-page .demo-example-top {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;color:#cee2fa;font-size:8px;letter-spacing:1px;}
.demo-page .demo-example-tag {letter-spacing:0;font-size:9px;white-space:nowrap;border:1px solid #5e86b36b;padding:4px 8px;border-radius:20px;}
.demo-page .demo-document {padding:29px 23px;background:#f3f7fd;display:grid;grid-template-columns:1fr 155px;gap:20px;align-items:center;overflow:hidden;color:#142c49;}
.demo-page .demo-file-label {font-size:8px;font-weight:700;color:#3f699a;letter-spacing:1.2px;}
.demo-page .demo-document h2 {font-size:27px;line-height:1.2;letter-spacing:-.9px;margin:11px 0 15px;font-weight:700;}
.demo-page .demo-document-copy>p {font-size:15px;line-height:1.5;color:#4d6783;margin:0;}
.demo-page .demo-document img {display:block;width:155px;height:auto;transform:rotate(5deg);box-shadow:0 12px 25px #153c682b;border:1px solid #c6d7ec;border-radius:4px;}
.demo-page .demo-example-stats {display:flex;gap:23px;margin-top:22px;}
.demo-page .demo-example-stats span {font-size:9px;color:#526b88;line-height:1.6;}
.demo-page .demo-example-stats strong {display:block;font-size:30px;font-weight:700;color:#125cb4;line-height:1.25;}
.demo-page .demo-document-copy>.demo-example-assumption {font-size:9px;line-height:1.6;margin-top:15px;}
.demo-page .demo-package-files {display:flex;justify-content:space-between;gap:10px;padding:17px 20px;font-size:10px;color:#c6d9f0;}
.demo-page .demo-package-files b {font-weight:600;color:#fff;}
.demo-page .demo-preview-link {display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#1b3b5d;border-top:1px solid #81abdb33;color:#e7f3ff;text-decoration:none;font-size:12px;font-weight:550;}
.demo-page .demo-preview-link:hover {background:#244a72;}
.demo-page .demo-journey {display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 0 28px;border-top:1px solid #ffffff1f;color:#78bfff;font-size:10px;letter-spacing:1px;}
.demo-page .demo-journey b {font-size:12px;font-weight:500;letter-spacing:0;color:#d2e4f9;margin-left:10px;}
.demo-page .demo-content {max-width:1280px;margin:auto;padding:66px 48px 60px;}
.demo-page h2 {letter-spacing:-.9px;}
.demo-page .kicker {font-size:10px;letter-spacing:1.8px;color:#1a65b3;font-weight:700;margin:0 0 13px;}
.demo-page .demo-request-intro {text-align:center;margin-bottom:32px;}
.demo-page .demo-request-intro h2 {font-size:38px;font-weight:650;line-height:1.2;margin:0 0 13px;}
.demo-page .demo-request-intro>p:last-child {font-size:14px;color:#536b85;margin:0;line-height:1.8;}
.demo-page .demo-contact-grid {display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.demo-page .demo-contact-grid article {min-width:0;padding:32px 34px;border:1px solid #d3e0ef;border-radius:15px;}
.demo-page .demo-email-card {background:#fff;box-shadow:0 12px 40px #153c6809;border-top:3px solid #3485ef!important;}
.demo-page .demo-card-icon {display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e6f1ff;color:#1966c1;font-size:21px;margin-bottom:18px;}
.demo-page .demo-contact-grid h3 {font-size:22px;font-weight:650;line-height:1.3;letter-spacing:-.5px;margin:0 0 11px;}
.demo-page .demo-contact-grid p {font-size:14px;line-height:1.8;color:#526b87;margin:0 0 22px;max-width:420px;}
.demo-page .demo-contact-grid .demo-contact-address {margin:20px 0 10px;overflow-wrap:anywhere;font-size:13px;}
.demo-page .demo-contact-address a {text-underline-offset:4px;}
.demo-page .demo-contact-grid .demo-small {font-size:11px;color:#60758e;margin:13px 0 0;line-height:1.8;}
.demo-page .demo-copy-card {background:#edf4fd;}
.demo-page .demo-webmail-label {display:inline-block;font-size:10px;font-weight:600;letter-spacing:.4px;color:#315f91;border:1px solid #b9d2ef;border-radius:20px;padding:4px 10px;margin-bottom:23px;}
.demo-page .contact-actions {display:grid;gap:10px;margin:18px 0;}
.demo-page .contact-actions button {display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border-radius:8px;min-height:48px;background:#ffffffb3;padding:11px 16px;font-size:13px;border-color:#bdd2eb;color:#18569e;}
.demo-page .contact-actions button:hover {background:#fff;border-color:#6c9cd8;}
.demo-page [data-contact-copy-status] {padding:12px 14px;background:#fff;border:1px solid #a8c5e8;border-radius:7px;font-size:12px!important;color:#244c7a!important;margin:15px 0 0!important;}
.demo-page .demo-experience {margin-top:76px;}
.demo-page .demo-experience-heading {display:flex;justify-content:space-between;align-items:center;gap:60px;margin-bottom:30px;}
.demo-page .demo-experience-heading h2 {font-size:35px;line-height:1.2;font-weight:650;margin:0;}
.demo-page .demo-experience-heading>p {max-width:340px;font-size:13px;line-height:1.8;color:#526b87;margin:0;}
.demo-page .demo-experience-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;}
.demo-page .demo-experience-grid article {border-top:1px solid #c1d3e9;padding:23px 0 0;}
.demo-page .demo-experience-grid article>span {font-size:9px;letter-spacing:1px;color:#2c6db6;font-weight:650;}
.demo-page .demo-experience-grid h3 {font-size:19px;letter-spacing:-.4px;line-height:1.4;font-weight:650;margin:14px 0 10px;}
.demo-page .demo-experience-grid p {font-size:13px;line-height:1.85;margin:0;color:#526b87;}
.demo-page .demo-sample-link {display:inline-flex;align-items:center;gap:30px;font-size:13px;font-weight:600;margin-top:26px;min-height:44px;text-decoration:none;color:#1b65b9;}
.demo-page .demo-sample-link:hover {text-decoration:underline;text-underline-offset:5px;}
.demo-page .demo-before-call {display:flex;gap:18px;align-items:flex-start;margin-top:55px;padding:25px 28px;background:#eaf1fa;border:1px solid #d3e0ef;border-radius:12px;}
.demo-page .demo-before-icon {display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:50%;border:1px solid #9bb9dc;color:#2b5e97;font-size:13px;font-weight:650;margin-top:3px;}
.demo-page .demo-before-call h2 {font-size:16px;letter-spacing:-.2px;margin:0 0 7px;line-height:1.5;}
.demo-page .demo-before-call p {font-size:12px;margin:0;color:#526b87;line-height:1.8;}
.demo-page .demo-before-call p+p {margin-top:8px;}
.demo-page .demo-footer {max-width:1184px;margin:auto;padding:25px 0 32px;border-color:#d5e2f0;gap:26px;align-items:center;font-size:11px;}
.demo-page .demo-footer a {text-decoration:none;color:#416386;min-height:40px;display:inline-flex;align-items:center;}
.demo-page .demo-footer a:hover {color:#125cb4;text-decoration:underline;}
.demo-page .demo-footer>span {margin-left:auto;font-size:10px;color:#60758e;}
.demo-page #request-demo {scroll-margin-top:30px;}
.demo-page a:focus-visible,.demo-page button:focus-visible {outline:3px solid #1576d2;outline-offset:5px;}
.demo-page .demo-top a:focus-visible {outline-color:#91d1ff;}
.demo-page .skip:focus {z-index:10;}
@media(max-width:1100px){
 .demo-page .demo-hero {gap:32px;}
 .demo-page h1 {font-size:50px;letter-spacing:-2px;}
 .demo-page .demo-document {grid-template-columns:1fr 125px;padding:25px 20px;gap:15px;}
 .demo-page .demo-document img {width:125px;}
 .demo-page .demo-document h2 {font-size:24px;}
 .demo-page .demo-example-top {padding:14px;font-size:7px;}
 .demo-page .demo-example-tag {font-size:8px;}
 .demo-page .demo-package-files {font-size:9px;}
 .demo-page .demo-footer {margin:0 48px;}
}
@media(max-width:800px){
 .demo-page .demo-hero {grid-template-columns:1fr;gap:38px;padding:45px 0;}
 .demo-page h1 {max-width:620px;font-size:57px;}
 .demo-page .demo-example {max-width:560px;}
 .demo-page .demo-document {grid-template-columns:1fr 160px;padding:28px;}
 .demo-page .demo-document img {width:160px;}
 .demo-page .demo-document h2 {font-size:29px;}
 .demo-page .demo-example-top {font-size:9px;padding:17px 20px;}
 .demo-page .demo-contact-grid article {padding:26px;}
 .demo-page .demo-experience-heading {align-items:flex-start;gap:24px;flex-direction:column;}
 .demo-page .demo-experience-heading>p {max-width:550px;}
 .demo-page .demo-experience-grid {gap:22px;}
}
@media(max-width:600px){
 .demo-page .demo-nav {padding:0 24px;height:108px;}
 .demo-page .demo-brand img {width:165px;height:48px;}
 .demo-page .demo-nav nav {gap:15px;}
 .demo-page .demo-nav nav a {font-size:11px;gap:12px;}
 .demo-page .demo-nav .demo-signin {padding:7px 12px;}
 .demo-page .demo-hero-container {padding:0 24px;}
 .demo-page .demo-hero {padding:32px 0;gap:32px;}
 .demo-page h1 {font-size:43px;letter-spacing:-1.7px;}
 .demo-page .demo-eyebrow {font-size:8px;letter-spacing:1.1px;margin-bottom:20px;}
 .demo-page .demo-lead {font-size:18px;}
 .demo-page .demo-intro {font-size:14px;}
 .demo-page .demo-hero .cta {width:100%;}
 .demo-page .demo-no-expertise {font-size:10px;}
 .demo-page .demo-document {grid-template-columns:1fr 120px;gap:16px;padding:23px 18px;}
 .demo-page .demo-document img {width:120px;}
 .demo-page .demo-file-label {font-size:7px;letter-spacing:.7px;}
 .demo-page .demo-document h2 {font-size:24px;margin:10px 0 12px;}
 .demo-page .demo-document-copy>p {font-size:13px;}
 .demo-page .demo-example-stats {gap:16px;margin-top:17px;}
 .demo-page .demo-example-stats strong {font-size:26px;}
 .demo-page .demo-example-stats span {font-size:8px;}
 .demo-page .demo-document-copy>.demo-example-assumption {font-size:8px;}
 .demo-page .demo-example-top {font-size:7px;padding:14px 15px;letter-spacing:.6px;gap:7px;}
 .demo-page .demo-example-tag {font-size:8px;padding:3px 6px;}
 .demo-page .demo-package-files {font-size:8px;padding:15px;}
 .demo-page .demo-preview-link {font-size:11px;padding:15px;}
 .demo-page .demo-journey {gap:7px;padding:22px 0;font-size:8px;align-items:flex-start;}
 .demo-page .demo-journey b {display:block;font-size:9px;line-height:1.5;margin:5px 0 0;letter-spacing:0;}
 .demo-page .demo-journey>span:nth-child(even) {margin-top:14px;}
 .demo-page .demo-content {padding:46px 24px;}
 .demo-page .demo-request-intro {text-align:left;margin-bottom:26px;}
 .demo-page .demo-request-intro h2 {font-size:32px;letter-spacing:-1px;}
 .demo-page .demo-request-intro>p:last-child {font-size:13px;}
 .demo-page .demo-contact-grid {grid-template-columns:1fr;gap:18px;}
 .demo-page .demo-contact-grid article {padding:26px;}
 .demo-page .demo-contact-grid .cta {width:100%;font-size:13px;padding:13px 16px;}
 .demo-page .demo-contact-grid h3 {font-size:21px;}
 .demo-page .demo-contact-grid p {font-size:13px;}
 .demo-page .demo-experience {margin-top:50px;}
 .demo-page .demo-experience-heading h2 {font-size:31px;}
 .demo-page .demo-experience-heading {gap:17px;}
 .demo-page .demo-experience-grid {grid-template-columns:1fr;gap:25px;}
 .demo-page .demo-experience-grid article {padding-top:19px;}
 .demo-page .demo-experience-grid h3 {margin-top:11px;}
 .demo-page .demo-before-call {margin-top:35px;padding:22px 20px;gap:12px;}
 .demo-page .demo-before-call p {font-size:11px;}
 .demo-page .demo-before-call h2 {font-size:15px;}
 .demo-page .demo-before-icon {width:21px;height:21px;font-size:11px;}
 .demo-page .demo-footer {margin:0 24px;padding:20px 0 25px;gap:4px 22px;}
 .demo-page .demo-footer>span {flex-basis:100%;margin-left:0;margin-top:8px;}
}
@media(max-width:360px){
 .demo-page .demo-document {grid-template-columns:1fr 100px;gap:12px;}
 .demo-page .demo-document img {width:100px;}
 .demo-page .demo-document h2 {font-size:21px;}
 .demo-page .demo-nav nav {gap:10px;}
 .demo-page .demo-nav nav a {font-size:10px;}
}
@media(prefers-reduced-motion:reduce){.demo-page .cta {transition:none;transform:none;}}

/* Native public intake reuses the homepage palette and remains usable on narrow screens. */
.demo-page .demo-form-card {background:white;border:1px solid #c8dbf2;border-radius:18px;padding:32px;margin-bottom:28px;}
.demo-page .demo-form-card h3 {font-size:26px;margin:8px 0 12px;color:#102d50;}
.demo-page .demo-form-card>p {color:#526984;line-height:1.7;}
.demo-page .demo-form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0;}
.demo-page .demo-form-grid label {display:flex;flex-direction:column;gap:8px;font-weight:600;color:#17385e;}
.demo-page .demo-form-grid input,.demo-page .demo-form-grid select {box-sizing:border-box;min-width:0;width:100%;padding:12px;border:1px solid #b7cce5;border-radius:8px;background:#fff;color:#14314e;font:inherit;}
.demo-page .demo-form-grid :focus-visible,.demo-page .demo-form-consent input:focus-visible {outline:3px solid #80b4f2;outline-offset:2px;}
.demo-page .demo-form-consent {display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6;}
.demo-page .demo-form-consent input {flex:none;margin-top:5px;width:18px;height:18px;}
.demo-page .demo-form-honeypot {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.demo-page [data-demo-form-status] {overflow-wrap:anywhere;padding-top:12px;}
.demo-page .demo-form-card [hidden] {display:none!important;}
@media(max-width:640px){.demo-page .demo-form-card{padding:24px}.demo-page .demo-form-grid{grid-template-columns:1fr;gap:16px}.demo-page .demo-form-card .cta{width:100%}}


/* Match the flat homepage identity without placing dark wordmark text on a dark surface. */
.demo-page .demo-brand {background:#fff;border-radius:6px;padding:10px 14px;max-width:65%;}
.demo-page .demo-brand img {width:220px;max-width:100%;height:auto;object-fit:contain;}