.trial-callout{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:10px 15px;border:1px solid #cfe1fb;border-radius:999px;background:#f2f7ff;color:#154a98;font-size:14px;font-weight:650}
.trial-callout strong{color:#123e82}
.pricing-note{max-width:680px;margin:0 auto 22px;color:var(--muted);font-size:15px;line-height:1.55}
.feature-grid{max-width:960px;margin-left:auto;margin-right:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
.pricing-section .pricing-grid{max-width:1000px;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.price-card{display:flex;flex-direction:column}
.price-description{flex:1;line-height:1.5}
.price-savings{margin:0 0 14px;color:#16804a;font-size:14px;font-weight:750}
.price-card .btn{margin-top:auto}
.hero-actions{flex-wrap:wrap}
.hero-actions .btn{justify-content:center}
.hero-demo{padding:0;overflow:hidden;transform:none;background:#fff;border:1px solid #d5e0ef;box-shadow:0 24px 60px #1736651c}
.hero-demo .window-top{background:#0e1c31;color:#e6eefb}
.hero-demo .window-top small{color:#d9e7ff}
.demo-flow{padding:20px 22px 16px;background:linear-gradient(180deg,#fff,#f6f9ff)}
.demo-flow-heading{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}
.demo-flow-heading small{color:#285aa9;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.demo-flow-heading strong{font-size:17px;letter-spacing:-.025em}
.demo-stage{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid #dce5f2;border-radius:12px;background:#fff;box-shadow:0 4px 12px #142d4b0b;animation:demo-enter .5s ease both}
.demo-stage:nth-child(4){animation-delay:.12s}
.demo-stage:nth-child(6){animation-delay:.24s}
.demo-stage>div:not(.demo-label){display:grid;gap:2px;min-width:0}
.demo-stage strong{font-size:13px;color:#0c1c33}
.demo-stage small{font-size:11px;color:#53637a}
.demo-step-number{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eaf2ff;color:#164b99;font-size:11px;font-weight:800}
.demo-state{padding:4px 7px;border-radius:999px;background:#eaf2ff;color:#194c86;font-size:10px;font-weight:700;white-space:nowrap}
.demo-state-ready{background:#e8f7ef;color:#176842}
.demo-connector{height:14px;margin-left:26px;border-left:2px solid #aec8ed;position:relative}
.demo-connector::after{content:"";position:absolute;bottom:0;left:-4px;width:5px;height:5px;border-right:2px solid #5e8ccd;border-bottom:2px solid #5e8ccd;transform:rotate(45deg)}
.demo-stage-label{background:#f0f6ff;border-color:#c9ddf7}
.demo-label{display:grid;gap:3px;width:78px;padding:5px;border:1px solid #d0dbea;border-radius:6px;background:#fff;box-shadow:0 2px 6px #17366517}
.demo-label span{font-size:9px;font-weight:800;letter-spacing:.02em}
.demo-label small{font-size:8px}
.demo-barcode{height:17px;background:repeating-linear-gradient(90deg,#15243b 0 2px,#fff 2px 4px,#15243b 4px 5px,#fff 5px 7px)}
.demo-footnote{margin:12px 0 0;color:#52627a;font-size:11px}
.hero .eyebrow,.section .kicker,.price-card .price-label{color:#1d4d9e}
.site-header .nav a:hover,.feature-card a{color:#1d4d9e}
.feature-card a{text-decoration:underline;text-underline-offset:3px}
.hero .btn-primary,.pricing-section .btn-primary{background:#1e53b6;color:#fff}
.cta{background:linear-gradient(115deg,#193f9e,#2452b7)}
.cta .kicker,.cta p{color:#fff}
.cta .btn-light{background:#fff;color:#112957}
.feature-card,.price-card{transition:transform .2s ease,box-shadow .2s ease}
.feature-card:hover,.price-card:hover{transform:translateY(-3px);box-shadow:0 18px 32px #152c4717}
.hero .btn:focus-visible,.price-card .btn:focus-visible,.cta .btn:focus-visible{outline:3px solid #102754;outline-offset:3px}
@keyframes demo-enter{from{transform:translateY(8px)}to{transform:translateY(0)}}
@media(max-width:860px){.pricing-section .pricing-grid{max-width:520px;grid-template-columns:1fr}}
@media(max-width:680px){.trial-callout{flex-wrap:wrap;justify-content:center;border-radius:14px;font-size:13px}.hero-actions .btn{width:100%}.feature-grid{grid-template-columns:1fr}.demo-flow{padding:16px}.demo-stage{gap:7px;padding:9px}.demo-label{width:68px}}
@media(prefers-reduced-motion:reduce){.demo-stage,.feature-card,.price-card{animation:none;transition:none}.feature-card:hover,.price-card:hover{transform:none}}