.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(110deg,#102537,#0d1726);border:1px solid #284b61;border-radius:14px;padding:13px 18px;margin-bottom:24px}.demo-banner strong{color:#63def6;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.demo-banner p{margin:4px 0 0;font-size:12px;color:#a7bbce}.demo-banner a{white-space:nowrap;font-size:12px}.demo-story{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;position:relative;isolation:isolate;overflow:hidden;border:1px solid #29465a;background:radial-gradient(ellipse at 90% 20%,#163448 0,transparent 60%),linear-gradient(120deg,#101e30,#080f1b);padding:42px;border-radius:24px;margin-bottom:20px}.demo-story:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(#257e9733 1px,transparent 1px),linear-gradient(90deg,#257e9733 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000)}.demo-story h1{font-size:clamp(32px,3.4vw,54px);line-height:1.08;letter-spacing:-.045em;margin:15px 0 20px}.demo-story-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#b3c7d9;max-width:540px}.demo-story-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 18px}.demo-story-copy>small{display:block;color:#91a6ba;font-size:11px;line-height:1.6}.demo-story-visual{background:#07101ad9;border:1px solid #29485d;border-radius:19px;padding:24px;box-shadow:0 25px 60px #0005}.demo-visual-head{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.12em;color:#63def6}.demo-visual-head small{display:block;color:#a0b1c2;font-size:11px;letter-spacing:0;margin-top:6px}.demo-live-dot{margin-left:auto;background:#63def6;width:7px;height:7px;border-radius:50%;box-shadow:0 0 20px #31d7f6}.demo-story-visual svg{display:block;width:100%;height:auto;margin:22px 0 6px}.demo-grid{stroke:#28475b;stroke-width:1;fill:none;opacity:.5}.demo-trace{fill:none;stroke:#50ddf8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;stroke-dashoffset:600;animation:demoTrace 2.5s ease forwards}.demo-visual-labels{display:flex;justify-content:space-between;font-size:9px;color:#829bb1;gap:12px}.demo-stat-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #243b4d;margin-top:22px;padding-top:18px;gap:12px}.demo-stat-strip small{display:block;color:#9db0c3;font-size:10px}.demo-stat-strip strong{display:block;color:#eaf7ff;font-size:27px;margin-top:5px}.demo-trail{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 28px}.demo-trail>a{display:flex;gap:14px;align-items:center;padding:19px 16px;background:#0d1928;border:1px solid #233d50;border-radius:14px;transition:transform .2s,border-color .2s}.demo-trail>a:hover{transform:translateY(-3px);border-color:#40bedb}.demo-trail>a>span{font-size:21px;color:#53d8f2;font-weight:700}.demo-trail strong{display:block;color:#eef8ff;font-size:13px}.demo-trail small{display:block;font-size:11px;color:#9db0c3;margin-top:5px;line-height:1.4}.demo-preview{max-width:760px;margin:30px auto;padding:44px}.demo-preview>p:not(.eyebrow){line-height:1.8;color:#a5b9cc}.demo-readonly-fields{border:0;padding:0;margin:0;min-width:0;opacity:.6}.demo-form-note{font-size:12px;color:#72c9e2;border-left:2px solid #3bcce8;padding-left:10px}.demo-nav-cta{color:#67e4fa!important}.demo-access{max-width:600px!important}.demo-consent{display:flex!important;align-items:flex-start;gap:12px;font-size:12px!important;line-height:1.65}.demo-consent input{width:18px!important;min-width:18px;margin-top:4px}.demo-access h1{letter-spacing:-.04em}.demo-access .brand-wordmark{margin-bottom:24px}.demo-access .eyebrow{margin-top:16px}.demo-access .fineprint{line-height:1.65}.demo-callout{background:linear-gradient(120deg,#102b40,#0d1626);border:1px solid #285167;border-radius:22px;padding:32px!important;display:flex;align-items:center;justify-content:space-between;gap:28px}.demo-callout p{max-width:600px}.demo-callout .btn{white-space:nowrap}
@keyframes demoTrace{to{stroke-dashoffset:0}}
@media(max-width:1100px){.demo-story{gap:24px;padding:28px;grid-template-columns:1fr}.demo-story-visual{max-width:600px;width:100%}.demo-trail{grid-template-columns:1fr}}
@media(max-width:600px){.demo-banner{align-items:flex-start;gap:12px;padding:13px;flex-direction:column}.demo-banner a{align-self:stretch;text-align:center}.demo-story{padding:23px 19px;border-radius:18px}.demo-story-actions{flex-direction:column}.demo-story-actions a{width:100%;text-align:center}.demo-story-visual{padding:18px}.demo-visual-labels{font-size:8px}.demo-preview{padding:26px 20px;margin:15px 0}.demo-callout{flex-direction:column;align-items:stretch;padding:24px!important}.demo-callout .btn{text-align:center}}
@media(prefers-reduced-motion:reduce){.demo-trace{animation:none;stroke-dashoffset:0}.demo-trail>a{transition:none}}

.demo-film{border:1px solid #27485b;background:#0e1c2d;border-radius:14px;margin:0 0 20px;overflow:hidden}.demo-film summary{padding:17px 20px;cursor:pointer;font-weight:650;font-size:14px;color:#dff7ff;list-style:none}.demo-film summary small{font-weight:400;font-size:11px;color:#94b0c5;margin-left:14px}.demo-film summary>span{color:#4bd8f3;margin-right:12px}.demo-film video{display:block;width:100%;max-height:620px;background:#080f1b}.demo-film[open] summary{border-bottom:1px solid #27485b}@media(max-width:600px){.demo-film summary small{display:block;margin:7px 0 0 25px}}