.container{padding:0}@media (max-width:1200px){.container{padding:0 100px}}@media (max-width:479px){.container{width:100%;padding:0 24px}}section.mobile{display:none}@media (max-width:479px){section.mobile{display:block}}.header{padding:20px 0 80px}.header img{width:150px}@media (max-width:479px){.header{text-align:center;padding:32px 0 40px}}.hero{justify-content:space-between;gap:100px;display:flex}.hero p{color:#64748b;font-size:14px;line-height:20px}.hero h1{color:#0f172a;margin:12px 0 48px;font-size:48px;font-weight:600;line-height:64px}.hero .perks{flex-wrap:wrap;justify-content:space-between;gap:32px;display:flex}.hero .perk{text-align:center;color:#334155;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;align-items:center;max-width:200px;padding:32px 24px;font-size:18px;font-weight:500;line-height:26px;display:flex;box-shadow:0 1px 3px #1018281a}.hero .perk .perk-icon{color:#475569;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:max-content;margin-bottom:16px;padding:14px;display:flex}.hero .trust-grid{flex-wrap:wrap;gap:76px;margin-top:48px;display:flex}.hero .trust-grid img{margin-left:10px}.hero .demo-details{align-items:center;display:flex}.hero .mobile{display:none}@media (max-width:479px){.hero{flex-direction:column;gap:0}.hero p{text-align:center}.hero h1{color:#0f172a;text-align:center;margin:12px 0 36px;font-size:24px;font-weight:600;line-height:36px}.hero .demo-details{flex-direction:column}.hero .desktop{display:none}.hero .mobile{flex-direction:column;display:flex}}.brands{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:128px 0;display:flex}.brands .large{height:60px}.brands .small{height:40px}@media (max-width:479px){.brands{justify-content:center;padding:64px 0}.brands .large{height:36px}.brands .small{height:24px}.trust-grid{flex-direction:column;align-items:center;gap:42px;padding:20px 0;display:flex}.trust-grid img{width:200px}}.cta{text-align:center;background-image:url(/assets/images/ad-pages/cta-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;margin:60px auto;padding:60px 32px}.cta h2{color:#fff;margin-top:0;font-size:36px;font-weight:600;line-height:44px}.cta .cta-buttons{justify-content:center;gap:24px;display:flex}.cta .cta-buttons .button{cursor:pointer;border:none;border-radius:8px;outline:none;justify-content:center;padding:12px 24px;font-size:16px;font-weight:600;line-height:22px;text-decoration:none}.cta .cta-buttons .primary{color:#475569;background-color:#fff;border:1px solid #fff}.cta .cta-buttons .secondary{color:#fff;background-color:#0000;border:1px solid #fff}.cta .mobile{display:none}.cta .desktop{display:flex}@media (max-width:479px){.cta{padding:32px}.cta .mobile{width:100%;display:flex}.cta .desktop{display:none}}
.explore-demo{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:440px;height:max-content;padding:32px;display:flex;box-shadow:0 12px 16px -4px #10182814}@media (max-width:479px){.explore-demo{width:100%;padding:24px}}.explore-demo .text{text-align:center}.explore-demo .heading{color:#0f172a;font-size:24px;font-weight:600;line-height:32px}.explore-demo .subtext{color:#64748b;margin-top:8px;font-size:14px;font-weight:400;line-height:20px}.explore-demo .email-form,.explore-demo .profile-selection{flex-direction:column;margin-top:24px;display:flex}.explore-demo .profile-card{cursor:pointer;border-radius:12px;outline:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.explore-demo .profile-card .profile{align-items:center;display:flex}.explore-demo .profile-card .profile-icon{border-radius:8px;margin-right:12px;padding:8px;display:flex}.explore-demo .profile-card .profile-name{color:#334155;font-size:14px;font-weight:500;line-height:20px}.explore-demo .profile-card .profile-description{color:#64748b;font-size:12px;font-weight:400;line-height:18px}.explore-demo .profile-card.owner.active{background-color:#f0f9ff;outline:2px solid #026aa2}.explore-demo .profile-card.owner.active .profile-name,.explore-demo .profile-card.owner.active .profile-description{color:#026aa2}.explore-demo .profile-card.owner .profile-icon{color:#0086c9;background-color:#f0f9ff;border:1px solid #b9e6fe}.explore-demo .profile-card.teacher.active{background-color:#fefbe8;outline:2px solid #a15c07}.explore-demo .profile-card.teacher.active .profile-name,.explore-demo .profile-card.teacher.active .profile-description{color:#a15c07}.explore-demo .profile-card.teacher .profile-icon{color:#ca8504;background-color:#fefbe8;border:1px solid #feee95}.explore-demo .profile-card.student.active{background-color:#f3fee7;outline:2px solid #3b7c0f}.explore-demo .profile-card.student.active .profile-name,.explore-demo .profile-card.student.active .profile-description{color:#3b7c0f}.explore-demo .profile-card.student .profile-icon{color:#4ca30d;background-color:#f3fee7;border:1px solid #d0f8ab}.explore-demo .profile-card.parent.active{background-color:#fdf2fa;outline:2px solid #c11574}.explore-demo .profile-card.parent.active .profile-name,.explore-demo .profile-card.parent.active .profile-description{color:#c11574}.explore-demo .profile-card.parent .profile-icon{color:#dd2590;background-color:#fdf2fa;border:1px solid #fcceee}.explore-demo label{color:#334155;margin-bottom:6px;font-size:14px;font-weight:500;line-height:20px}.explore-demo input{border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:400;line-height:20px}.explore-demo button{color:#fff;cursor:pointer;background-color:#101828;border:none;border-radius:8px;justify-content:center;align-items:center;gap:4px;margin-top:8px;padding:10px;font-size:14px;font-weight:500;line-height:20px;display:flex}.explore-demo button:disabled{color:#64748b;background-color:#e2e8f0}.loading-spinner{justify-content:center;align-items:center;display:inline-flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}button:disabled{cursor:not-allowed}