/* Product Canvas public homepage; scoped to leave signed-in workspaces intact. */
.product-home{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#062451;background:#fff;margin:0}.product-home a{text-decoration:none}.pc-nav{height:96px;max-width:1400px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:25px}.pc-nav nav,.pc-account{display:flex;align-items:center;gap:30px;font-size:14px}.pc-nav a{color:#062451}.pc-nav .original-brand{width:225px;height:72px}.pc-toggle{display:none}.pc-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#f97305;color:#fff!important;border:1px solid #f97305;border-radius:13px;padding:15px 25px;font-size:15px;font-weight:700;box-shadow:0 7px 15px #fa8b1318;transition:transform .2s,background .2s}.pc-button:hover{background:#df6100;transform:translateY(-2px)}.pc-button.secondary{background:white;color:#084e99!important;border:1.5px solid #177bc9;box-shadow:none}.pc-stage{position:relative;isolation:isolate;max-width:1536px;margin:auto;padding-top:14px;overflow:hidden;background:linear-gradient(180deg,#fff 40%,#e8f7ff 85%,white)}.pc-intro{position:relative;z-index:2;text-align:center;max-width:930px;margin:0 auto;padding:0 20px}.pc-eyebrow{font-size:10px;letter-spacing:3px;color:#3380a9;margin:0 0 17px}.pc-intro h1{font-size:clamp(40px,4.75vw,70px);letter-spacing:-3px;font-weight:850;line-height:1.03;color:#052956;margin:0 0 20px}.pc-intro h1 span{color:#009de1}.pc-intro>p:not(.pc-eyebrow){font-size:17px;line-height:1.55;color:#485f7d;margin-bottom:18px}.pc-ctas{display:flex;justify-content:center;gap:20px}.pc-portrait{position:absolute;top:0;width:29%;height:385px;background-image:url('../img/product-portraits.png');background-repeat:no-repeat;background-size:740px auto;z-index:1;pointer-events:none}.pc-portrait.student{left:-12px;background-position:left -35px}.pc-portrait.teacher{right:0;background-position:right -35px}.pc-shape{position:absolute;width:360px;height:370px;background:linear-gradient(140deg,#dbf6fd,#8edaf5);border-radius:35% 60% 24% 60%;top:45px;transform:rotate(-15deg);z-index:0}.pc-shape.left{left:-100px}.pc-shape.right{right:-100px;transform:rotate(20deg)}.pc-product{position:relative;max-width:1440px;margin:32px auto 0;padding:0 12% 34px;scroll-margin-top:25px}.pc-frame{border:1px solid #c5e7fa;border-radius:26px;padding:16px 17px 12px 20px;background:linear-gradient(125deg,#86b5d866,#fff9 35%,#e5f5ff);box-shadow:0 15px 55px #2191ce20;display:flex;min-height:409px;backdrop-filter:blur(12px);position:relative}.pc-demo-side{width:172px;flex-shrink:0;background:#f8fcffcc;border-radius:18px 0 0 18px;padding:5px 12px}.pc-demo-side .original-brand{width:148px;height:51px;margin:0 0 8px}.pc-demo-side .original-brand img{width:265px!important;left:-54px!important;top:-44px!important}.pc-demo-side>span{display:flex;align-items:center;gap:12px;margin:4px 0;padding:8px 10px;border-radius:9px;font-size:11px;color:#345472}.pc-demo-side .active{background:#bbdffe;color:#067de6;font-weight:650}.pc-demo-side i{width:16px}.pc-demo-main{background:#ffffffc9;border-radius:0 18px 18px 0;padding:10px 24px 12px;flex:1;min-width:0}.pc-demo-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eef4f9;padding-bottom:17px;margin-bottom:18px}.pc-demo-top>span{font-size:9px;color:#94a4b6;border:1px solid #e8eff6;background:#fff;border-radius:20px;padding:8px 12px;flex:1}.pc-demo-top>div{display:flex;align-items:center;gap:12px}.pc-demo-top small{font-size:9px}.pc-avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:11px;flex-shrink:0}.pc-demo-main h2{font-size:23px;font-weight:750;letter-spacing:-.8px;margin:0 0 3px}.pc-demo-main h2 span{color:#f6b534}.pc-muted{font-size:11px;color:#7e91a7}.pc-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 22px}.pc-actions>a{display:flex;align-items:center;gap:9px;padding:11px 8px;border:1px solid #edf2f7;box-shadow:0 4px 12px #194d8406;background:#fff;border-radius:12px;font-size:9px;color:#062451}.pc-actions i,.pc-class>i:first-child{display:grid;place-items:center;width:37px;height:39px;flex-shrink:0;border-radius:10px;color:#fff;font-size:18px;box-shadow:inset 0 2px 5px #ffffff66,0 3px 8px #16466b10}.pc-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.pc-section-title h3{font-size:14px;font-weight:750;margin:0}.pc-section-title a{font-size:9px;color:#1770b4}.pc-class-list{border:1px solid #edf2f7;border-radius:13px;background:#fff}.pc-class{display:flex;align-items:center;padding:10px 13px;gap:13px;border-bottom:1px solid #eff4f8;color:#072951;font-size:10px}.pc-class:last-child{border:0}.pc-class strong{width:125px;font-size:10px}.pc-progress{height:8px;background:#eef2f7;border-radius:6px;flex:1;overflow:hidden}.pc-progress b{height:100%;display:block;border-radius:6px}.blue{background:#359cf7}.green{background:#2cb577}.orange{background:#ff8b15}.purple{background:#9459ed}.pc-class-avatars{display:flex;gap:5px;margin-left:10px}.pc-class-avatars small{background:#eff5ff;color:#3473bf;border-radius:50%;font-size:8px;padding:5px}.pc-avatar.blue{background:#e0f0ff;color:#127be1}.pc-avatar.green{background:#e2f8ed;color:#21a76a}.pc-avatar.orange{background:#fff0dd;color:#ed7812}.pc-avatar.purple{background:#efe5fd;color:#8a53d9}.pc-demo-label{display:block;text-align:right;color:#7f95aa;font-size:8px;margin-top:10px}.pc-float{position:absolute;background:#ffffffef;border:1px solid #d6edfb;border-radius:18px;box-shadow:0 12px 28px #2496d41a;z-index:3}.pc-messages{left:3%;top:155px;width:235px;padding:20px}.pc-messages h3 i{color:#168bec;margin-right:6px}.pc-message{display:flex;gap:9px;align-items:flex-start;padding:12px 0;position:relative}.pc-message strong{font-size:10px;display:block}.pc-message small{font-size:8px;color:#7d91a8;display:block}.pc-message p{font-size:9px;line-height:1.5;color:#6d8098;margin:3px 0 0}.pc-unread{width:7px;height:7px;background:#2198ed;border-radius:50%;margin-top:8px}.pc-calendar{right:3%;top:-22px;width:265px;padding:22px}.pc-calendar h3 i{color:#168bec;margin-right:7px}.pc-week{text-align:center;font-size:11px;border-bottom:1px solid #eef4f8;padding:4px 0 13px}.pc-event{display:flex;align-items:flex-start;gap:11px;margin:19px 0}.pc-event>span{font-size:9px;width:23px}.pc-event>i{width:8px;height:8px;border-radius:50%;margin-top:4px;flex-shrink:0}.pc-event strong{font-size:10px;display:block;font-weight:550}.pc-event small{font-size:9px;color:#7992ae;display:block}.pc-focus{right:3%;top:305px;width:265px;padding:18px 22px;display:flex;gap:13px}.pc-focus>i{font-size:25px;color:#f5a721;background:#fff6e4;border-radius:50%;padding:10px}.pc-focus strong{font-size:12px}.pc-focus p{font-size:11px;color:#7790a8;margin:5px 0}.pc-roles{max-width:1440px;padding:6px 40px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:auto}.pc-roles>a{display:flex;align-items:center;gap:19px;border-radius:19px;padding:22px 24px;color:#082b52}.pc-roles>a.green{background:linear-gradient(110deg,#effaf3,#fbfefc)}.pc-roles>a.blue{background:linear-gradient(110deg,#ebf6fe,#f7fbfe)}.pc-roles>a.orange{background:linear-gradient(110deg,#fff4e9,#fffaf5)}.pc-roles>a>i:first-child{font-size:34px;color:#28a777}.pc-roles>a.blue>i:first-child{color:#0872b9}.pc-roles>a.orange>i:first-child{color:#f37a0b}.pc-roles>a>i:last-child{font-size:13px}.pc-roles h2{font-size:15px;font-weight:750;margin:0 0 5px}.pc-roles p{font-size:11px;line-height:1.6;margin:0;color:#5c7893}.product-home .public-section{border-top:1px solid #edf3f8}.product-home :focus-visible{outline:3px solid #0377b6;outline-offset:4px}
@media(max-width:1150px){.pc-portrait{opacity:.6;width:22%;background-size:640px auto}.pc-intro h1{font-size:55px}.pc-product{padding:0 5% 35px}.pc-messages{left:1%;width:200px;top:195px}.pc-calendar,.pc-focus{right:1%;width:220px}.pc-demo-main{padding-right:155px}.pc-actions{grid-template-columns:1fr 1fr}.pc-class-avatars{display:none}.pc-frame{min-height:455px}.pc-focus{top:340px}.pc-nav{padding:0 25px}.pc-nav nav{gap:18px}.pc-roles{gap:15px;padding:5px 25px 25px}.pc-class strong{width:110px}}
@media(max-width:900px){.pc-nav{height:86px;padding:0 20px;gap:10px;flex-wrap:wrap;position:relative;z-index:10}.pc-nav .original-brand{width:190px;height:64px}.pc-nav .original-brand img{width:340px!important;left:-70px!important;top:-57px!important}.pc-toggle{display:block;background:#f1f8fe;border:1px solid #d9ebf8;border-radius:10px;padding:10px 13px;color:#09446d;margin-left:auto}.pc-account{display:none}.pc-nav nav{display:none;position:absolute;top:80px;left:15px;right:15px;padding:20px;background:#fff;box-shadow:0 15px 30px #103d6020;border:1px solid #e3eef6;border-radius:15px;flex-wrap:wrap}.pc-nav nav.open{display:flex}.pc-stage{padding-top:22px}.pc-intro{padding:0 22px}.pc-eyebrow{font-size:8px;letter-spacing:1.6px}.pc-intro h1{font-size:39px;letter-spacing:-1.9px;line-height:1.08}.pc-intro>p:not(.pc-eyebrow){font-size:13px}.pc-intro>p br{display:none}.pc-ctas{gap:10px}.pc-button{font-size:12px;padding:12px 15px;gap:12px}.pc-portrait{top:240px;height:185px;opacity:1;width:45%;background-size:400px auto}.pc-portrait.student{left:0;background-position:left -20px}.pc-portrait.teacher{background-position:right -20px}.pc-shape{top:260px;width:190px;height:180px}.pc-product{margin-top:170px;padding:0 14px 25px;display:grid;grid-template-columns:1fr;gap:15px}.pc-frame{padding:9px;min-height:0;border-radius:18px}.pc-demo-side{display:none}.pc-demo-main{padding:13px 12px;border-radius:12px;width:100%}.pc-demo-top{padding-bottom:12px;margin-bottom:15px}.pc-demo-top>span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64%}.pc-demo-top small{display:none}.pc-demo-top>div{gap:8px}.pc-demo-main h2{font-size:21px}.pc-actions{gap:8px;margin:14px 0 20px}.pc-actions>a{font-size:10px}.pc-class{gap:9px;padding:10px 8px}.pc-class>i:first-child{width:30px;height:32px;font-size:14px}.pc-class strong{font-size:9px;width:104px}.pc-messages,.pc-calendar,.pc-focus{position:static;width:100%;padding:20px}.pc-calendar{grid-row:2}.pc-messages{grid-row:3}.pc-focus{grid-row:4}.pc-event{margin:13px 0}.pc-event strong,.pc-message strong{font-size:12px}.pc-event small,.pc-message small,.pc-message p{font-size:10px}.pc-roles{grid-template-columns:1fr;padding:0 18px 30px;gap:12px}.pc-roles>a{padding:20px}.pc-roles h2{font-size:16px}.pc-roles p{font-size:12px}.pc-messages .pc-message{padding:9px 0}.pc-nav nav a{font-size:13px}.pc-frame .pc-demo-top .pc-avatar{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.product-home *{scroll-behavior:auto!important;transition:none!important}}

.pc-nav .pc-mobile-login{display:none}@media(max-width:900px){.pc-nav .pc-mobile-login{display:block}}
@media(min-width:1151px){.pc-portrait.student{width:25%}.pc-demo-main{padding-right:120px}.pc-actions{gap:8px}.pc-actions>a{gap:6px;font-size:8px}.pc-class-avatars{margin-left:0;gap:3px}.pc-frame{min-height:0}.pc-class{padding:8px 10px}.pc-demo-main h2{margin-top:0}.pc-product{margin-top:24px}.pc-demo-top{margin-bottom:14px}.pc-actions{margin:13px 0 17px}}
.pc-focus>i{height:43px;width:43px;flex-shrink:0;display:grid;place-items:center}
@media(max-width:900px){.pc-portrait{top:360px}.pc-shape{top:375px}.pc-product{margin-top:240px}}