:root{--navy:#0b1f68;--gold:#e8a400;--ink:#111318;--muted:#5f6470;--soft:#f5f7fb;--line:#e2e6ee;--green:#0b8e5b;--blue:#118fbe;--orange:#ef6c22;--purple:#7242c9;--cyan:#0da6d6;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.6}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(24px,calc((100vw - var(--max))/2));background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.brand{color:var(--navy);font-weight:800;text-decoration:none;letter-spacing:.03em}.nav{display:flex;gap:20px}.nav a{color:var(--navy);text-decoration:none;font-weight:700;font-size:.95rem}.menu-button{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 12px;font-weight:700;color:var(--navy)}.section-pad{padding:80px 24px}.hero{padding-top:68px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)}.hero-inner,.section>*,.closing>*{max-width:var(--max);margin-left:auto;margin-right:auto}.hero-inner{text-align:center}.hero-logo{display:block;width:min(780px,95%);margin:0 auto 36px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:800;font-size:.8rem}.hero h1,.section-heading h2,.adapt-grid h2,.closing h2{color:var(--navy);line-height:1.12;margin:.35em auto}.hero h1{font-size:clamp(2.1rem,5vw,4.7rem);max-width:1000px}.lead{max-width:880px;margin:22px auto 0;color:#353a45;font-size:1.18rem}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-block;padding:13px 20px;border-radius:999px;text-decoration:none;font-weight:800}.primary{background:var(--navy);color:#fff}.secondary{border:2px solid var(--navy);color:var(--navy)}.section{border-top:1px solid var(--line)}.section-heading{max-width:850px;margin-bottom:36px}.section-heading h2{font-size:clamp(1.8rem,3.4vw,3rem)}.section-heading>p:last-child{color:var(--muted)}.prose{font-size:1.05rem}.wide{max-width:950px}.principles,.framework-grid,.three-col,.capabilities,.resource-grid{display:grid;gap:18px}.principles{grid-template-columns:repeat(3,1fr);margin-top:32px}.principles article,.three-col article,.capabilities article,.resource-grid article,.standards-card{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff}.principles h3,.three-col h3,.capabilities h3,.resource-grid h3,.standards-card h3{color:var(--navy);margin-top:0}.soft-bg{background:var(--soft)}.framework-grid{grid-template-columns:repeat(3,1fr)}.phase{padding:24px;border-radius:18px;background:#fff;border-top:5px solid var(--navy);box-shadow:0 6px 18px rgba(21,31,60,.05)}.phase>span{font-size:1.8rem;font-weight:900;color:var(--navy)}.phase h3{color:var(--navy);margin:.2em 0}.phase h4{margin:.2em 0 1em}.phase p{color:#444b56}.p1{border-top-color:#4a94e8}.p2{border-top-color:#35b875}.p3{border-top-color:#f2b01e}.p4{border-top-color:#f47b35}.p5{border-top-color:#8a4fde}.p6{border-top-color:#08a2d1}.pivot{font-weight:900;color:var(--navy)!important}.callout{max-width:var(--max);margin:28px auto 0;padding:22px 26px;border-left:5px solid var(--gold);background:#fff;border-radius:12px;display:flex;gap:12px;flex-direction:column}.three-col{grid-template-columns:repeat(3,1fr)}.icon{font-size:2rem}.dark-section{background:var(--navy);color:#fff}.dark-section .section-heading h2,.dark-section .kicker{color:#fff}.ai-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:36px}.ai-copy blockquote{margin:28px 0 0;padding:22px;border-left:4px solid var(--gold);font-size:1.25rem;font-weight:800;background:rgba(255,255,255,.08)}.ai-rules{background:#fff;color:var(--ink);padding:28px;border-radius:16px}.capabilities{grid-template-columns:repeat(3,1fr)}.adapt-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:start}.standards-card{border-top:5px solid var(--gold)}.standards-card small{color:var(--muted)}.resources .resource-grid{grid-template-columns:repeat(3,1fr)}.coming{display:inline-block;color:var(--muted);font-style:italic}.resource-grid a{font-weight:800;color:var(--navy)}.closing{background:#fff}.closing-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.closing-grid img{width:100%;border-radius:18px}.creator{margin-top:28px;font-size:1.08rem}.independent{font-size:.92rem;color:var(--muted)}footer{background:#071443;color:#fff;text-align:center;padding:24px}.light h2{color:#fff}.light .kicker{color:var(--gold)}
@media(max-width:900px){.framework-grid,.capabilities{grid-template-columns:repeat(2,1fr)}.principles,.three-col,.resources .resource-grid{grid-template-columns:1fr}.ai-grid,.adapt-grid,.closing-grid{grid-template-columns:1fr}.nav{display:none;position:absolute;left:0;right:0;top:58px;background:#fff;border-bottom:1px solid var(--line);padding:18px 24px;flex-direction:column}.nav.open{display:flex}.menu-button{display:block}}
@media(max-width:600px){.section-pad{padding:58px 18px}.framework-grid,.capabilities{grid-template-columns:1fr}.hero h1{font-size:2.4rem}.lead{font-size:1.05rem}}


/* Sample Learning Experience */
.sample-learning .section-heading { max-width: 880px; }
.sample-essential { font-size: 1.08rem; margin-top: .75rem; }
.sample-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin-top: 2rem; }
.sample-card { background: #fff; border: 1px solid rgba(15, 42, 67, .14); border-radius: 18px; padding: 1.5rem; box-shadow: 0 10px 28px rgba(15, 42, 67, .06); }
.sample-card h3 { margin-top: 0; }
.sample-card ul { margin: .85rem 0 0 1.2rem; padding: 0; }
.sample-card li { margin-bottom: .45rem; }
.evidence-questions { line-height: 1.9; }
.sample-deliverable { margin-top: 1.5rem; border-left: 5px solid #caa24a; background: #fff; padding: 1.4rem 1.5rem; border-radius: 0 16px 16px 0; }
.sample-deliverable h3, .sample-next h3 { margin-top: .25rem; }
.sample-next { margin-top: 1.25rem; padding: 1.4rem 1.5rem; border: 1px solid rgba(15, 42, 67, .14); border-radius: 16px; background: rgba(255,255,255,.62); }
@media (max-width: 760px) { .sample-grid { grid-template-columns: 1fr; } }