/* Bitesize Education / Free Demos */
.demo-hub-hero{padding:75px 0 70px;background:linear-gradient(140deg,#0b353c,#106c69 75%,#0a4548);color:#fff}
.demo-hub-hero .eyebrow{color:#d9ffa5}
.demo-hub-hero h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.1;max-width:900px;margin:14px 0 18px;color:#fff}
.demo-hub-hero p{max-width:750px;color:#e5f9f3;font-size:1.1rem;margin:0}
.demo-hub-body{padding:60px 0 90px;background:#f9fcfa}
.demo-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.demo-hub-card{overflow:hidden;border:1px solid #cce5dd;background:white;border-radius:24px;box-shadow:0 16px 45px #123e3815;display:flex;flex-direction:column}
.demo-hub-image{aspect-ratio:16/8.4;background:#dcece6;position:relative}
.demo-hub-image img{width:100%;height:100%;object-fit:cover;display:block}
.demo-hub-bodycopy{padding:26px;display:flex;flex:1;flex-direction:column}
.demo-hub-tag{color:#07766b;font-weight:900;font-size:.76rem;text-transform:uppercase;letter-spacing:.07em}
.demo-hub-card h2{font-size:1.65rem;line-height:1.2;margin:10px 0 10px}
.demo-hub-card p{color:#40616a;margin:0 0 20px}
.demo-hub-action{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.demo-hub-action .btn{padding:12px 17px;font-size:.94rem}
.demo-privacy{margin-top:40px;background:#e8f5ef;border:1px solid #bfddd0;border-radius:18px;padding:22px 25px;color:#214c4c}
.demo-privacy p{margin:8px 0 0}
.demo-spotlight{margin-top:32px;background:#fff;border-radius:22px;border:1px solid #d4e7e2;padding:26px}
.demo-spotlight h2{margin-top:0}
@media(max-width:830px){.demo-hub-grid{grid-template-columns:1fr}.demo-hub-hero{padding:50px 0}.demo-hub-body{padding:40px 0 60px}}