/* Product concept: the same lesson connects the learner, instructor and institution. */
#product{scroll-margin-top:24px}.product-section{padding-block:88px 94px;background:#f8faf1;border-bottom:1px solid #e3ead5;overflow:hidden}.product-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:34px}.product-heading h2{font-size:clamp(2rem,3.3vw,2.65rem)}.product-heading .eyebrow{margin-bottom:17px}.product-intro{color:var(--muted);font-size:1.05rem}.product-intro strong{color:var(--ink)}.concept-tag{display:inline-flex;align-items:center;gap:8px;margin-top:17px;font-size:.83rem;font-weight:700;color:#425b21;background:#e9f4d2;border:1px solid #cadcaa;border-radius:99px;padding:5px 12px}.concept-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:#608837;flex:none}
.product-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:34px}.product-role{display:flex;gap:13px;align-items:start;padding:18px 20px;border:1px solid #dfe6d4;border-radius:17px;background:#fff}.product-role-icon{height:38px;width:38px;display:grid;place-items:center;background:#e9f1ff;color:var(--blue);border-radius:12px;font-size:1.1rem;font-weight:800;flex:none}.product-role:nth-child(2) .product-role-icon{background:#e4f5bc}.product-role:nth-child(3) .product-role-icon{background:#fff0b4}.product-role h3{font-size:1rem;letter-spacing:-.025em}.product-role p{font-size:.87rem;line-height:1.65;color:var(--muted);margin-top:4px}
.product-demo{background:#fff;border:1px solid #cddabb;border-radius:27px;box-shadow:0 10px 0 #e5edda;overflow:hidden}.product-demo-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 27px;border-bottom:1px solid #e4eadb;background:#fcfdf8}.product-demo-brand{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:1.05rem;font-weight:850}.product-demo-brand .mini-smile{width:20px;height:12px;border-width:3px}.product-demo-bar>span{font-size:.8rem;color:var(--muted)}.product-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:20px 25px 0}.product-tab{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #e1e7ef;background:#f7f9fc;border-radius:12px;min-height:56px;padding:10px 12px;color:#4a5d7c;font-size:.93rem;font-weight:700;cursor:pointer;text-align:left;line-height:1.5}.product-tab>span{font-size:.76rem;opacity:.7;flex:none}.product-tab[aria-selected="true"]{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 4px 0 #d9e3ff}.product-tab:hover:not([aria-selected="true"]){background:#ebf2ff;border-color:#a4b9e7}.product-panel{display:grid;grid-template-columns:.83fr 1.25fr;gap:54px;padding:42px;align-items:center;min-height:600px}.product-panel+.product-panel{border-top:1px solid var(--line)}.product-panel[hidden]+.product-panel,.product-tabs:not([hidden])~.product-panel{border-top:0}.product-copy{min-width:0}.product-audience{font-size:.82rem;font-weight:750;color:var(--blue);letter-spacing:.035em}.product-copy h3{font-size:clamp(1.8rem,2.8vw,2.25rem);line-height:1.38;color:var(--ink);margin-top:16px;letter-spacing:-.055em}.product-copy>p:not(.product-audience){color:var(--muted);font-size:1rem;margin-top:21px;line-height:1.9}.product-outcome{padding:17px 0 0;margin-top:24px;border-top:1px solid var(--line);font-size:.92rem;line-height:1.75}.product-outcome>span{display:block;font-size:.8rem;color:var(--blue);font-weight:750;margin-bottom:7px}.product-outcome strong{font-weight:650}.product-copy .product-hint{font-size:.85rem!important;color:#677853!important;margin-top:20px!important}
.product-screen{border:1px solid #d4dff4;border-radius:23px;padding:25px;background:#f2f6ff;min-width:0;position:relative;box-shadow:5px 7px 0 #e4ebfa}.screen-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.8rem;color:#536785;margin-bottom:22px}.screen-topline>strong{color:var(--blue);font-size:.92rem}.screen-topline>span{background:white;border:1px solid #d4dff0;padding:3px 9px;border-radius:99px;font-size:.73rem}.product-screen h4{font-size:1.5rem;color:var(--ink);letter-spacing:-.04em}.screen-subtitle{font-size:.88rem;color:var(--muted);margin-top:7px}.activity-feature{border:1px solid #adc884;background:#dff5bb;border-radius:17px;padding:21px;margin-top:22px;position:relative;overflow:hidden}.activity-feature .activity-title{font-size:1.22rem;line-height:1.5;color:#233f2c;position:relative;z-index:1;font-weight:750;padding-right:88px}.activity-art{position:absolute;right:1px;top:5px;width:116px;height:116px;object-fit:contain;transform:rotate(8deg)}.activity-feature>span{display:block;color:#45623b;font-size:.8rem;margin-top:9px}.demo-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:11px;background:var(--blue);color:white;min-height:48px;padding:10px 17px;font-size:.9rem;font-weight:700;line-height:1.6;cursor:pointer;text-align:center}.demo-button:disabled{cursor:default;opacity:.45}.demo-button:hover:enabled{background:#0025c6}.activity-feature .demo-button{width:100%;margin-top:20px}.activity-secondary{display:flex;align-items:center;gap:13px;border:1px solid #d7e1f3;background:white;border-radius:13px;padding:15px;margin-top:12px;font-size:.89rem;font-weight:650}.activity-secondary>span{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#fff1b8;color:#866321;flex:none;font-size:.9rem}.activity-secondary small{display:block;font-size:.76rem;color:var(--muted);font-weight:400;margin-top:2px}.screen-footnote{font-size:.76rem;color:#64718b;margin-top:16px;line-height:1.7}
.step-track{list-style:none;display:flex;gap:7px;margin-top:20px}.step-track li{flex:1;border-radius:5px;height:6px;background:#dce4f3}.step-track li.is-current{background:var(--blue)}.step-track li.is-complete{background:#7cba46}.step-card{background:white;border:1px solid #d6e1f1;border-radius:16px;padding:23px;margin-top:17px;min-height:214px}.step-caption{color:var(--blue);font-weight:750;font-size:.82rem}.step-card .step-title{font-size:1.2rem;margin-top:13px}.step-card .step-body{font-size:.97rem;color:#465b77;margin-top:14px;line-height:1.8}.step-reference{font-size:.76rem;color:#62738e;border-top:1px solid #e0e7f3;margin-top:17px;padding-top:11px}.step-actions{display:flex;gap:10px;margin-top:15px}.step-actions .demo-button{flex:1}.demo-button.secondary{color:var(--blue);background:white;border:1px solid #c1d1ef}.demo-button.secondary:hover:enabled{background:#e4edff}.demo-text-button{font:inherit;font-size:.87rem;font-weight:650;color:var(--blue);background:none;border:0;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:10px 1px;cursor:pointer;margin-top:4px}
.help-screen{background:#fff9e7;border-color:#e5d69d;box-shadow:5px 7px 0 #f4edd2}.help-context{background:#fff;border:1px solid #e5dbb7;border-radius:13px;padding:15px 17px;margin-top:20px}.help-context dt{font-size:.77rem;color:#7b6838}.help-context dd{font-size:.94rem;font-weight:650;margin-top:4px}.sample-question{background:#e3f3bb;border-radius:15px 15px 3px 15px;padding:16px 19px;margin:17px 0 0 26px;font-size:.95rem;line-height:1.75;color:#324c29}.sample-question>span{display:block;font-size:.75rem;color:#5b713c;margin-bottom:7px}.help-explanation{font-size:.89rem;color:#6e6246;margin-top:18px!important;line-height:1.85}.help-screen .demo-button{width:100%;margin-top:20px}.teacher-screen{background:#f0f5ff}.teacher-context{font-size:.88rem;color:#405876;margin-top:8px}.instructor-request{background:white;border:1px solid #d1ddf1;border-radius:15px;margin-top:20px;overflow:hidden}.request-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;border-bottom:1px solid #e3eaf5;font-size:.86rem;font-weight:700}.request-header>span{font-size:.73rem;font-weight:650;background:#fff0b3;color:#695224;border-radius:99px;padding:4px 9px}.instructor-request dl{padding:16px 17px;display:grid;gap:12px}.instructor-request dl>div{display:grid;grid-template-columns:67px 1fr;gap:10px;font-size:.86rem}.instructor-request dt{color:#637490}.instructor-request dd{color:#2c4264}.instructor-next{margin:0 17px 17px;padding:11px 13px;border-radius:9px;background:#ecf6d8;color:#3f5a2b;font-size:.84rem;line-height:1.8}.institution-tools{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.institution-tools>span{font-size:.76rem;color:#435b83;background:white;border:1px solid #d2def1;border-radius:7px;padding:6px 10px}.product-example-note{font-size:.82rem;text-align:center;color:#5f7152;margin-top:23px;line-height:1.8}.product-journey{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:42px}.product-journey li{position:relative;padding-right:20px}.product-journey li:not(:last-child):after{content:"→";position:absolute;right:1px;top:0;color:#718b52;font-size:1.2rem}.product-journey strong{font-size:.95rem;color:#294439}.product-journey span{display:block;color:#64735c;font-size:.85rem;margin-top:6px;line-height:1.7}.product-support-note{color:var(--muted);font-size:.9rem;margin-top:25px;border-top:1px solid #dfe6d3;padding-top:20px}.product-support-note strong{color:var(--ink)}
.motion-enabled .product-panel:not([hidden]) .product-screen{animation:product-arrive .28s ease-out both}@keyframes product-arrive{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.product-panel{gap:28px;padding:30px;grid-template-columns:.85fr 1.2fr}.product-role{padding:17px 15px}.product-role-icon{display:none}.product-tabs{padding-inline:20px;gap:7px}.product-tab{font-size:.84rem;gap:6px;padding-inline:9px}.product-heading{gap:35px}.product-screen{padding:22px}.product-copy h3{font-size:1.8rem}}
@media(max-width:800px){.product-section{padding-block:59px 60px}.product-heading{grid-template-columns:1fr;gap:21px;margin-bottom:25px}.product-heading h2{font-size:2.13rem}.product-intro{font-size:1rem}.concept-tag{font-size:.8rem;margin-top:15px}.product-roles{grid-template-columns:1fr;gap:9px;margin-bottom:25px}.product-role{padding:13px 16px;align-items:center;gap:12px}.product-role-icon{display:grid;width:35px;height:35px;border-radius:11px}.product-role h3{font-size:.95rem}.product-role p{font-size:.85rem;margin-top:2px}.product-demo{border-radius:20px;box-shadow:0 7px 0 #e5edda}.product-demo-bar{padding:14px 17px;align-items:start}.product-demo-brand{font-size:.94rem}.product-demo-bar>span{font-size:.73rem;max-width:150px;text-align:right;line-height:1.65}.product-tabs{grid-template-columns:1fr 1fr;gap:9px;padding:16px 15px 0}.product-tab{min-height:49px;justify-content:start;padding:10px 12px;font-size:.85rem;gap:8px;border-radius:10px}.product-tab>span{font-size:.73rem}.product-panel{grid-template-columns:1fr;gap:25px;min-height:0;padding:28px 17px 24px}.product-copy h3{font-size:1.73rem;margin-top:11px}.product-copy>p:not(.product-audience){font-size:.96rem;margin-top:14px;line-height:1.85}.product-outcome{font-size:.88rem;margin-top:16px;padding-top:12px}.product-outcome>span{margin-bottom:4px}.product-copy .product-hint{font-size:.8rem!important;margin-top:13px!important}.product-audience{font-size:.79rem}.product-screen{padding:18px 16px;border-radius:17px;box-shadow:3px 5px 0 #e4ebfa}.screen-topline{margin-bottom:18px;font-size:.76rem}.screen-topline>strong{font-size:.87rem}.screen-topline>span{font-size:.69rem;padding:3px 7px}.product-screen h4{font-size:1.33rem}.screen-subtitle{font-size:.83rem}.activity-feature{padding:17px 15px;margin-top:18px}.activity-feature .activity-title{font-size:1.11rem;padding-right:63px}.activity-art{width:87px;height:87px;right:-2px;top:16px}.activity-feature>span{font-size:.76rem;max-width:180px}.demo-button{font-size:.86rem;min-height:48px;padding:10px 12px;gap:9px}.activity-secondary{font-size:.84rem;padding:12px;gap:10px}.activity-secondary small{font-size:.75rem}.screen-footnote{font-size:.74rem;margin-top:13px}.step-card{padding:18px 16px;min-height:225px}.step-card .step-title{font-size:1.13rem}.step-card .step-body{font-size:.92rem}.step-reference{font-size:.74rem}.step-actions{gap:8px}.step-actions .demo-button{font-size:.81rem;padding-inline:7px}.help-context{padding:13px}.sample-question{margin-left:12px;padding:14px 15px;font-size:.9rem}.help-explanation{font-size:.85rem}.instructor-request dl{padding:14px 13px}.instructor-request dl>div{font-size:.83rem;grid-template-columns:55px 1fr;gap:8px}.request-header{padding:12px 13px;font-size:.83rem}.request-header>span{font-size:.69rem;padding-inline:7px}.instructor-next{font-size:.8rem;margin-inline:13px}.institution-tools>span{font-size:.73rem;padding:5px 8px}.product-example-note{font-size:.8rem;text-align:left;margin-top:22px}.product-journey{grid-template-columns:1fr 1fr;gap:24px 14px;margin-top:30px}.product-journey li{padding-right:14px}.product-journey li:nth-child(2):after{content:none}.product-journey strong{font-size:.9rem}.product-journey span{font-size:.84rem}.product-support-note{font-size:.89rem}}
@media(max-width:360px){.product-tab{padding-inline:8px;font-size:.8rem;gap:6px}.product-panel{padding-inline:13px}.product-screen{padding-inline:13px}.product-heading h2{font-size:1.96rem}.activity-feature .activity-title{font-size:1.05rem}.product-journey strong{font-size:.84rem}}
.step-card .step-title{margin:13px 0 0;line-height:1.5;letter-spacing:-.035em}.product-panel:focus{outline:none}.product-panel:focus-visible{outline:3px solid #ea6400;outline-offset:-5px}
@media(max-width:800px){.product-screen{order:1}.product-copy{order:2}.product-tab>span{display:none}.product-tab{justify-content:center}.product-demo-bar>span{max-width:none;white-space:nowrap;font-size:.7rem}.product-demo-brand{font-size:.88rem}.product-demo-brand .mini-smile{width:17px;height:10px}.product-demo-bar{gap:10px}}
@media(prefers-reduced-motion:reduce){.product-panel .product-screen{animation:none!important}}