.demo-closing { padding:80px 0 38px; background:var(--brand-hero); color:white; scroll-margin-top:90px; }
.demo-closing-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:35px; }
.demo-closing-heading .eyebrow { color:var(--cyan-300); margin:0 0 18px; }
.demo-closing-heading h2 { font-size:clamp(32px,3.7vw,52px); margin:0; line-height:1.08; }
.demo-closing-heading h2 em { color:var(--yellow-500); }
.demo-closing-heading > p { max-width:260px; margin:0 0 3px; font-size:15px; line-height:1.8; color:#d4e3f8; }
.demo-paths { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.demo-path { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:30px 32px; border:1px solid #ffffff4d; border-radius:24px; background:white; color:var(--navy-950); transition:border-color .2s,transform .2s; }
.demo-path:hover { transform:translateY(-3px); border-color:var(--cyan-500); }
.demo-path-school { background:#052454c9; color:white; }
.demo-path-label { display:flex; align-items:center; gap:12px; color:var(--blue-700); font-size:12px; font-weight:750; }
.demo-path-label svg { width:30px; height:30px; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.demo-path-school .demo-path-label { color:var(--cyan-300); }
.demo-path h3 { margin:23px 0 12px; font-size:28px; line-height:1.14; }
.demo-path > p { margin:0 0 28px; max-width:410px; font-size:14px; line-height:1.7; color:var(--muted); }
.demo-path-school > p { color:#c7d8f0; }
.demo-path-action { display:inline-flex; align-items:center; justify-content:space-between; gap:16px; margin-top:auto; min-height:46px; padding:12px 18px; border-radius:999px; background:var(--yellow-500); color:var(--navy-950); font-size:13px; font-weight:800; }
.demo-path-action svg { width:19px; height:19px; }
.demo-closing-bottom { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:7px 14px; margin-top:25px; color:#c7d8f0; font-size:12px; }
.demo-closing-bottom a { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:white; font-weight:700; }
.demo-closing-bottom svg { width:16px; height:16px; }
.demo-closing :focus-visible { outline:3px solid var(--yellow-500); outline-offset:5px; }
@media(max-width:800px) { .demo-closing-heading { display:block; }.demo-closing-heading > p { margin-top:22px; max-width:430px; }.demo-path { padding:25px; }.demo-path h3 { font-size:25px; } }
@media(max-width:600px) { .demo-closing { padding:55px 0 27px; }.demo-closing-heading { margin-bottom:25px; }.demo-closing-heading .eyebrow { font-size:10px; letter-spacing:.1em; }.demo-paths { grid-template-columns:1fr; gap:16px; }.demo-path { padding:24px; }.demo-path h3 { margin-top:18px; }.demo-path > p { margin-bottom:20px; }.demo-path-action { font-size:12px; width:100%; }.demo-closing-bottom { justify-content:flex-start; margin-top:20px; } }
@media(prefers-reduced-motion:reduce) { .demo-path { transition:none; }.demo-path:hover { transform:none; } }