/* Demo inquiry: the existing Strivo palette and shared site chrome. */
.demo-navigation{padding:18px 28px}
.demo-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:80px;max-width:1250px;margin:0 auto;padding:64px 0 100px}
.demo-intro{position:sticky;top:48px;padding-top:32px}
.demo-intro h1{font-size:clamp(48px,4.5vw,64px);max-width:11ch}
.demo-intro h1 span{background:var(--yellow);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .08em}
.demo-intro>p{max-width:34ch;font-size:20px;line-height:1.5;margin-top:28px}
.demo-direct{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:28px;font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}
.demo-direct svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.demo-form{min-width:0;padding:32px;background:var(--white);border-radius:16px}
.demo-form iframe{display:block;width:100%;border:0;color-scheme:only light}
@media(max-width:1400px){.demo-layout{margin:0 38px;gap:64px}}
@media(max-width:1100px){.demo-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:40px;padding:48px 0 76px}.demo-intro h1{font-size:48px}.demo-intro>p{font-size:18px}.demo-form{padding:28px}}
@media(max-width:850px){.demo-navigation{padding:16px 20px}.demo-layout{grid-template-columns:1fr;gap:32px;margin:0 30px;padding:32px 0 64px}.demo-intro{position:static;padding-top:0}.demo-intro h1{max-width:18ch}.demo-intro>p{max-width:48ch;margin-top:20px}.demo-direct{margin-top:12px}.demo-form{padding:28px}}
@media(max-width:600px){.demo-navigation{padding:12px}.demo-layout{margin:0 13px;gap:24px;padding:24px 0 48px}.demo-intro h1{font-size:36px;line-height:1.08;max-width:16ch}.demo-intro>p{font-size:16px;margin-top:16px}.demo-form{padding:20px 16px}.demo-direct{font-size:14px}}
@media(max-width:360px){.demo-intro h1{font-size:32px}.demo-form{padding:20px 12px}}