:root{--ink:#17352c;--muted:#607269;--paper:#fbfbf7;--cream:#f1eee3;--lime:#d8ed8b;--orange:#ec7445;--line:#d6dbd3;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--serif:'Playfair Display',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.5rem 1rem}.site-header{height:78px;padding:0 clamp(1.25rem,5vw,6rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7e1;position:relative;background:rgba(251,251,247,.94);z-index:4}.brand{display:inline-flex;align-items:center;gap:.37rem;color:var(--ink);font-size:1.25rem;font-weight:700;letter-spacing:-.06em;text-decoration:none}.brand-mark{font-family:var(--serif);font-size:1.65rem;font-style:italic;letter-spacing:-.2em;margin-right:.25rem;color:#527154}.accent{color:var(--orange)}.main-nav{display:flex;align-items:center;gap:clamp(1rem,2.3vw,2.2rem)}.main-nav a{color:var(--ink);font-size:.87rem;font-weight:600;text-decoration:none}.main-nav a:not(.nav-cta):hover,.text-link:hover,footer a:hover{color:var(--orange)}.nav-cta{padding:.58rem .88rem;background:var(--ink);color:#fff!important;border-radius:3px}.menu-button{display:none}.section{padding:clamp(5rem,11vw,10rem) clamp(1.25rem,8vw,10rem)}.hero{min-height:calc(100vh - 78px);padding:clamp(4rem,9vw,8.5rem) clamp(1.25rem,8vw,10rem) clamp(4rem,7vw,7rem);display:grid;grid-template-columns:minmax(300px,.9fr) minmax(440px,1.1fr);gap:clamp(3rem,8vw,10rem);align-items:center;overflow:hidden}.eyebrow{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#527154;margin:0 0 1.35rem}.eyebrow span{display:inline-block;width:28px;height:1px;background:var(--orange);vertical-align:middle;margin-right:.6rem}.hero h1,.section h2{font-size:clamp(3.15rem,5.5vw,6rem);font-weight:600;line-height:.98;letter-spacing:-.065em;margin:0;max-width:700px}.hero h1 em,.statement em{font-family:var(--serif);font-weight:600}.hero-text{max-width:560px;font-size:1.13rem;color:var(--muted);margin:1.8rem 0 2.2rem}.hero-actions{display:flex;align-items:center;gap:1.6rem}.button{display:inline-flex;gap:.9rem;align-items:center;text-decoration:none;font-size:.92rem;font-weight:700;padding:.95rem 1.15rem;border-radius:3px}.button-primary{background:var(--orange);color:#fff;box-shadow:5px 5px 0 #d4d6c6}.text-link{font-weight:700;color:var(--ink);text-decoration:none;font-size:.91rem}.hero-visual{min-height:440px;position:relative;display:flex;align-items:center;justify-content:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:360px;height:360px;background:#e0ecc1;right:-50px;top:5px}.orb-two{width:210px;height:210px;background:#f4c4a9;left:-35px;bottom:-25px}.activity-window{width:min(100%,585px);position:relative;background:#fff;border:1px solid #ced8d1;box-shadow:14px 16px 0 rgba(92,116,90,.13);z-index:1}.window-top{height:45px;background:#f5f6ef;border-bottom:1px solid #dce2da;display:flex;align-items:center;padding:0 14px;gap:13px;color:#577064;font-family:var(--mono);font-size:.62rem}.dots{display:flex;gap:4px}.dots i{width:7px;height:7px;border-radius:50%;background:#b6c2b8}.dots i:nth-child(1){background:var(--orange)}.window-top b{margin-left:auto;color:#d85b31;font-weight:500}.window-body{display:flex;min-height:300px}.activity-side{width:56px;padding:27px 15px;border-right:1px solid #e5eae3;display:grid;grid-auto-rows:15px;gap:17px}.activity-side span{height:4px;background:#dce5dc}.activity-side .active-line{background:#eb7951}.question-area{padding:26px 30px;flex:1}.micro-label{font-family:var(--mono);font-size:.61rem;letter-spacing:.07em;color:#75877a;margin:0 0:10px}.question-area h2{font-size:1.45rem;line-height:1.2;letter-spacing:-.04em;margin:0 0 21px;max-width:390px}.response-card{display:flex;gap:10px;align-items:flex-start;border:1px solid #e0e7df;border-left:3px solid #88a873;padding:10px;margin-top:9px;font-size:.74rem;color:#466154}.response-card p{margin:1px 0}.response-card.fading{border-left-color:#ddd;color:#839187}.avatar{width:22px;height:22px;border-radius:50%;color:#fff;display:grid;place-items:center;flex:0 0 auto;font-size:.6rem;font-weight:700}.a1{background:#648b65}.a2{background:#d28d6f}.check{margin-left:auto;color:#5d9353;font-weight:bold}.ai-nudge{position:absolute;display:flex;gap:10px;width:270px;right:-35px;bottom:-53px;padding:13px;background:var(--ink);color:white;box-shadow:8px 8px 0 #cddab7;font-size:.68rem}.ai-nudge>span{color:var(--lime);font-size:1.15rem}.ai-nudge b{font-size:.7rem}.ai-nudge p{margin:2px 0 0;color:#d4ded3}.floating-progress{position:absolute;z-index:2;left:-40px;top:67px;display:flex;align-items:center;gap:9px;background:#fff;padding:10px 13px;border:1px solid #dce3d8;box-shadow:5px 5px 0 #e5ebdc;font-size:.66rem}.floating-progress small{display:block;color:#7d8e82}.floating-progress strong{font-family:var(--mono);margin-left:7px;font-size:.69rem}.pulse{width:8px;height:8px;border-radius:50%;background:#75a568}.statement{padding:clamp(3.5rem,7vw,6rem) 1.25rem;background:var(--ink);color:#fff;text-align:center}.statement p{font-size:clamp(1.65rem,3.2vw,3rem);letter-spacing:-.045em;margin:0}.statement em{color:var(--lime)}.platform{background:var(--cream)}.section-intro{display:grid;grid-template-columns:.75fr 1.25fr 1fr;gap:2rem;align-items:end;margin-bottom:3.5rem}.section-intro .eyebrow{margin-bottom:.55rem}.section-intro h2{font-size:clamp(2.4rem,4vw,4.25rem)}.section-intro>p:last-child{font-size:1rem;color:var(--muted);max-width:370px;margin:0}.feature-grid{display:grid;grid-template-columns:1.15fr .85fr .9fr;gap:12px}.feature-card{min-height:315px;padding:28px;background:#fdfdf9;border:1px solid rgba(23,53,44,.1);position:relative}.feature-large{grid-row:span 2;min-height:640px;background:#e0edbb}.feature-dark{background:#27483d;color:white}.feature-wide{grid-column:span 2;min-height:310px;display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:#f5c7b1}.feature-icon{font-family:var(--serif);font-size:2rem;width:43px;height:43px;display:grid;place-items:center;border:1px solid currentColor;margin-bottom:2.8rem}.icon-collab{background:var(--ink);color:#e0edbb;border:0}.icon-ai{color:#e86e45;border:0;background:#fbe2d7}.card-number{font-family:var(--mono);font-size:.67rem;margin:0 0 .65rem;color:#61756b}.feature-dark .card-number{color:#b8cd8f}.feature-card h3{font-size:1.55rem;line-height:1.1;letter-spacing:-.045em;margin:.2rem 0 .85rem}.feature-card>p:not(.card-number){font-size:.89rem;color:#5e7167;max-width:340px;margin:0}.feature-dark>p:not(.card-number){color:#d1ddd3}.role-row{position:absolute;left:28px;right:28px;bottom:28px;display:flex;gap:6px;flex-wrap:wrap}.role-row span{padding:.38rem .5rem;background:#f7fae9;font-size:.61rem;font-family:var(--mono);border:1px solid #c5d695}.trace-lines{position:absolute;left:28px;right:28px;bottom:29px;display:grid;gap:9px}.trace-lines span{height:6px;background:#49685e}.trace-lines span:nth-child(1){width:77%;background:#8ba95f}.trace-lines span:nth-child(2){width:52%}.trace-lines span:nth-child(3){width:91%;background:#76956b}.mini-dashboard{align-self:end;background:#fffaf5;padding:18px;border:1px solid rgba(23,53,44,.13)}.mini-dashboard p{font-family:var(--mono);font-size:.61rem;margin:0 0 12px;color:#607269}.mini-dashboard div{display:grid;grid-template-columns:55px 1fr 28px;gap:8px;align-items:center;font-size:.68rem;margin:7px 0}.mini-dashboard i{height:5px;background:#eaded5;position:relative}.mini-dashboard i:after{content:'';position:absolute;left:0;top:0;bottom:0;width:var(--fill);background:#5d8063}.modes{background:#fafaf5}.modes-heading{max-width:800px;margin-bottom:4rem}.modes-heading h2{font-size:clamp(2.5rem,4.5vw,4.9rem)}.mode-list{border-top:1px solid var(--line)}.mode{border-bottom:1px solid var(--line)}.mode-trigger{width:100%;display:grid;grid-template-columns:85px minmax(210px,1fr) minmax(220px,.9fr) 38px;align-items:center;gap:1rem;padding:1.55rem 0;background:none;border:0;color:var(--ink);font-family:var(--sans);text-align:left;cursor:pointer}.mode-index{font-family:var(--mono);font-size:.71rem;color:#778a7d}.mode-title{font-size:clamp(1.45rem,2.3vw,2.1rem);font-weight:600;letter-spacing:-.055em}.mode-summary{color:var(--muted);font-size:.88rem}.mode-plus{justify-self:end;font-size:1.7rem;font-weight:300;color:var(--orange)}.mode-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;padding:0 38px 2rem 85px;color:var(--muted);font-size:.94rem}.mode-detail p{margin:0}.mode-detail ul{margin:0;padding-left:1.2rem;color:var(--ink);display:grid;gap:.35rem}.mode.open .mode-trigger{color:#426545}.instructors{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,10vw,13rem);align-items:center;background:#e3ece2}.instructor-copy h2{font-size:clamp(2.7rem,4.4vw,4.8rem)}.instructor-copy>p:not(.eyebrow){color:var(--muted);max-width:520px;margin:1.6rem 0}.check-list{border-top:1px solid #bbcabd;margin:2rem 0}.check-list p{border-bottom:1px solid #bbcabd;margin:0;padding:.8rem 0;color:#405e50;font-size:.89rem}.check-list b{font-family:var(--mono);color:#e16f46;font-size:.68rem;margin-right:.65rem}.instructor-art{height:510px;position:relative}.paper{position:absolute;z-index:2;inset:40px 25px 22px 58px;background:#fffefa;padding:37px;box-shadow:12px 13px 0 rgba(69,105,78,.15);transform:rotate(-3deg)}.paper-back{z-index:1;background:#f3bca2;inset:4px 50px 56px 25px;transform:rotate(5deg);box-shadow:none}.paper h3{font-size:1.85rem;letter-spacing:-.055em;line-height:1.1;margin:.5rem 0 1.7rem;max-width:340px}.paper-line{height:7px;background:#e4e9df;margin:10px 0;width:68%}.paper-line.long{width:93%}.paper-question{margin-top:23px;padding:12px;background:#e5efc8;display:flex;align-items:center;gap:10px}.paper-question span{font-family:var(--mono);font-size:.72rem;width:22px;height:22px;background:#587b5b;color:white;display:grid;place-items:center}.paper-question p{margin:0;font-size:.73rem;font-weight:600}.paper-code{margin-top:13px;padding:12px;background:#213e34;color:#d7eb99;font-family:var(--mono);font-size:.67rem;line-height:1.7}.cursor{position:absolute;z-index:3;right:17px;bottom:20px;width:42px;height:42px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:1.4rem;box-shadow:4px 4px 0 #a9b99a}.demo{background:var(--ink);color:white}.demo .eyebrow{color:#b4cb9d}.demo h2{max-width:750px;font-size:clamp(2.7rem,5vw,5.5rem)}.demo-lede{color:#c9d6cd;max-width:500px;margin:1.6rem 0 3rem}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.demo-card{min-height:310px;padding:25px;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);transition:transform .2s}.demo-card:hover{transform:translateY(-6px)}.demo-student{background:#e0edbb}.demo-instructor{background:#f5c7af}.demo-creator{background:#e5ece2}.demo-tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.05em;color:#577160}.demo-card h3{font-size:2rem;letter-spacing:-.06em;margin:auto 0 .6rem}.demo-card p{font-size:.87rem;line-height:1.5;margin:0;color:#51675c;max-width:270px}.demo-arrow{font-size:.75rem;font-weight:bold;margin-top:1.8rem}.demo-arrow b{font-size:1.2rem;margin-left:.3rem}.demo-note{margin:2rem 0 0;color:#b9c9bc;font-size:.75rem}.demo-note a{color:var(--lime)}footer{padding:2rem clamp(1.25rem,8vw,10rem);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:1rem;background:#f2f0e7;color:#617267;font-size:.75rem}footer p{margin:0;text-align:center}footer div{text-align:right;display:flex;flex-direction:column;gap:.25rem}footer a{color:var(--ink);text-decoration:none;font-weight:700}@media(max-width:950px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:700px}.hero-visual{margin-top:1rem}.section-intro{grid-template-columns:1fr 1.3fr}.section-intro>p:last-child{grid-column:2}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-row:span 1;min-height:430px}.feature-dark{min-height:430px}.feature-wide{grid-column:span 2}.instructors{grid-template-columns:1fr;gap:2rem}.instructor-art{max-width:600px;width:100%}.demo-grid{grid-template-columns:1fr}.demo-card{min-height:220px}.demo-card h3{margin-top:2.5rem}.main-nav{gap:1rem}}@media(max-width:650px){.site-header{height:64px}.menu-button{display:block;background:none;border:0;color:var(--ink);font-family:var(--mono);font-size:.7rem;text-transform:uppercase}.main-nav{display:none;position:absolute;top:63px;left:0;right:0;background:var(--paper);padding:1.2rem 1.25rem 1.5rem;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.main-nav.is-open{display:flex}.hero{padding-top:3.2rem}.hero-visual{min-height:350px;transform:scale(.86);transform-origin:center}.floating-progress{left:-5px}.ai-nudge{right:-10px}.section{padding:4.3rem 1.25rem}.section-intro{display:block}.section-intro h2{margin-bottom:1.3rem}.feature-grid{grid-template-columns:1fr}.feature-large,.feature-dark{min-height:350px}.feature-wide{grid-column:auto;display:block}.mini-dashboard{margin-top:1.8rem}.mode-trigger{grid-template-columns:42px 1fr 25px;gap:.6rem;padding:1.25rem 0}.mode-summary{display:none}.mode-detail{display:block;padding:0 .1rem 1.4rem 42px;font-size:.87rem}.mode-detail ul{margin-top:1rem}.instructor-art{height:370px}.paper{inset:25px 12px 16px 30px;padding:26px}.paper h3{font-size:1.35rem}.paper-back{inset:2px 30px 35px 13px}.demo h2{font-size:2.65rem}footer{grid-template-columns:1fr;gap:.75rem}footer p,footer div{text-align:left}.hero-actions{gap:1rem;flex-wrap:wrap}}

/* POGIL overview and detail page */
.pogil-callout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:#e0edbb}.pogil-callout h2{font-size:clamp(2.5rem,4.5vw,4.5rem)}.pogil-callout p:not(.eyebrow){color:var(--muted);margin:0 0 1.6rem}.pogil-page h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.05;letter-spacing:-.055em;margin:0 0 1.8rem}.pogil-intro{max-width:1100px;padding-bottom:4rem}.pogil-intro .eyebrow{margin-top:3rem}.pogil-intro>p:last-child{max-width:750px}.pogil-lede{font-size:1.3rem;color:var(--muted);max-width:750px}.pogil-page p a{color:var(--ink);text-underline-offset:3px}.pogil-page .section h2{font-size:clamp(2.2rem,4vw,3.8rem);max-width:850px;line-height:1.08;margin-bottom:2rem}.pogil-support{background:var(--cream)}.pogil-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.pogil-grid article{padding:2rem;background:var(--paper);border:1px solid var(--line)}.pogil-page h3{font-size:1.35rem;line-height:1.2;margin:.5rem 0 1rem}.pogil-grid article>p:last-child{color:var(--muted);margin-bottom:0}.pogil-example>p,.pogil-next>p{max-width:750px}.pogil-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;padding-left:1.3rem;margin:3rem 0}.pogil-steps li::marker{color:var(--orange);font-family:var(--mono);font-weight:500}.pogil-next{background:#e0edbb}.pogil-resources{margin-top:2rem;font-size:.9rem}@media(max-width:700px){.pogil-callout,.pogil-grid,.pogil-steps{grid-template-columns:1fr}.pogil-callout{gap:1.5rem}.pogil-grid article{padding:1.5rem}.pogil-steps{gap:1rem}}