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