/* Dedicated short demo request page; matches the homepage blue/aurora theme. */
.demo-page {min-height:100vh;display:flex;flex-direction:column;background:#f9fbff;}
.demo-page .brand span {color:#2563eb;}
.demo-page .site-header {background:rgba(255,255,255,.94);}
.back-home {display:inline-flex;align-items:center;gap:8px;color:#2957a4;font-size:13px;font-weight:800;white-space:nowrap;border:1px solid #d5e2fa;background:#fff;border-radius:100px;padding:11px 17px;transition:background .15s ease;}
.back-home:hover,.back-home:focus-visible {background:#f1f6ff;}
.demo-main {flex:1;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding:85px 0 110px;min-height:660px;background:linear-gradient(130deg,#ffffff 0%,#f9fbff 58%,#fbf9ff 100%);}
.demo-aurora {position:absolute;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(ellipse 46% 62% at 10% 72%,rgba(155,217,251,.36),transparent 78%),radial-gradient(ellipse 43% 62% at 100% 22%,rgba(174,146,254,.28),transparent 80%),radial-gradient(ellipse 39% 48% at 57% 79%,rgba(115,165,255,.17),transparent 78%);}
.demo-layout {width:100%;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(38px,7vw,110px);align-items:center;}
.demo-intro {max-width:565px;}
.demo-overline {font-weight:800;color:#245cd8;font-size:11px;letter-spacing:.13em;margin:0 0 23px;}
.demo-intro h1 {font-size:clamp(43px,4.45vw,70px);line-height:1.08;letter-spacing:-.067em;margin:0 0 24px;color:#17233d;}
.demo-intro h1 span {color:#2563eb;display:inline-block;padding-right:.08em;}
.demo-lead {font-size:clamp(16px,1.3vw,18px);line-height:1.7;color:#556780;margin:0 0 28px;max-width:490px;}
.demo-promise {display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.65;color:#56657d;}
.demo-promise strong {color:#223657;}
.demo-check {width:21px;height:21px;flex:none;display:grid;place-items:center;color:#fff;font-size:13px;border-radius:50%;background:#2563eb;margin-top:1px;}
.demo-local {margin:38px 0 0;color:#7b8ba3;font-size:12px;line-height:1.5;}
.demo-card {position:relative;width:100%;max-width:570px;margin-left:auto;padding:clamp(25px,3.2vw,43px);background:#fff;border:1px solid #e8ecf8;border-radius:25px;box-shadow:0 23px 70px rgba(48,77,139,.12),0 3px 12px rgba(48,77,139,.035);}
.demo-card h2 {font-size:clamp(23px,2.1vw,28px);letter-spacing:-.045em;color:#172441;margin:0 0 9px;line-height:1.22;}
.demo-card-intro {color:#6d7b93;font-size:13px;margin:0 0 26px;line-height:1.6;}
.demo-field {display:flex;flex-direction:column;gap:8px;min-width:0;margin-bottom:18px;}
.demo-field-row {display:grid;grid-template-columns:.94fr 1.06fr;gap:14px;}
.demo-field label {font-size:12px;font-weight:800;color:#34415d;}
.demo-field label span:not(.demo-optional) {color:#2563eb;}
.demo-optional {font-size:11px;color:#8491a4;font-weight:500;}
.demo-field input,.demo-field textarea {display:block;width:100%;background:#fbfcff;border:1px solid #dce3f0;border-radius:12px;color:#15213a;outline:0;padding:14px 15px;font:500 14px/1.45 'DM Sans',Inter,ui-sans-serif,system-ui,sans-serif;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;}
.demo-field input {min-height:48px;}
.demo-field textarea {min-height:135px;resize:vertical;}
.demo-field input::placeholder,.demo-field textarea::placeholder {color:#96a3b7;font-weight:400;}
.demo-field input:focus,.demo-field textarea:focus {border-color:#678cf5;box-shadow:0 0 0 4px rgba(67,111,243,.11);background:#fff;}
.demo-field input[aria-invalid="true"],.demo-field textarea[aria-invalid="true"] {border-color:#d24a5c;}
.demo-submit {display:flex;width:100%;min-height:51px;border:0;cursor:pointer;background:#2563eb;color:#fff;font-size:13px;border-radius:12px;margin-top:3px;}
.demo-submit:disabled {opacity:.7;cursor:wait;transform:none;}
.demo-privacy {text-align:center;font-size:11px;line-height:1.55;color:#8490a4;margin:15px 0 0;}
.demo-error {background:#fff1f3;border:1px solid #ffd5db;color:#a22b42;font-size:12px;line-height:1.6;padding:12px;border-radius:10px;margin:0 0 15px;}
.demo-honeypot {position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}
.demo-success {text-align:center;padding:42px 12px;}
.demo-success-icon {display:grid;place-items:center;width:58px;height:58px;border-radius:50%;margin:0 auto 21px;background:#eaf3ff;color:#2563eb;font-size:28px;font-weight:900;}
.demo-success p {color:#63738e;font-size:15px;line-height:1.6;max-width:350px;margin:12px auto 25px;}
.demo-success .btn {width:fit-content;margin:auto;}
.demo-footer {background:#fff;border-top:1px solid #edf0f6;}
.demo-footer-inner {min-height:87px;display:flex;align-items:center;justify-content:space-between;gap:25px;}
.demo-footer-inner .brand {font-size:20px;}
.demo-footer p {font-size:12px;color:#8895a8;margin:0;}
[hidden] {display:none!important;}
@media(max-width:900px){
  .demo-main {padding:60px 0 80px;}
  .demo-layout {grid-template-columns:1fr;gap:33px;max-width:690px;}
  .demo-intro {max-width:100%;}
  .demo-intro h1 {max-width:640px;}
  .demo-card {max-width:none;}
  .demo-local {margin-top:24px;}
}
@media(max-width:680px){
  .demo-page .nav-row {height:68px;}
  .back-home {padding:9px 13px;font-size:11px;}
  .demo-main {padding:46px 0 70px;min-height:0;}
  .demo-layout {gap:25px;}
  .demo-intro h1 {font-size:clamp(39px,10vw,51px);margin-bottom:16px;}
  .demo-lead {font-size:15px;margin-bottom:19px;}
  .demo-card {padding:27px 20px;border-radius:21px;}
  .demo-card-intro {margin-bottom:21px;}
  .demo-field-row {grid-template-columns:1fr;gap:0;}
  .demo-field textarea {min-height:125px;}
  .demo-footer-inner {flex-wrap:wrap;justify-content:center;text-align:center;padding:24px 0;gap:12px;}
  .demo-footer-inner .brand {width:100%;}
}
@media(prefers-reduced-motion:reduce){.demo-field input,.demo-field textarea,.back-home{transition:none;}}