/** Shopify CDN: Minification failed

Line 10:12 Unexpected "900"
Line 10:31 Unterminated string token

**/
html:has(.pib-learning-hub),body:has(.pib-learning-hub),body:has(.pib-learning-hub) #MainContent{background:#f5f6fc!important}
@scope (.pib-learning-hub) {

600;700;800;900&display=swap');
:scope{--ink:#202341;--muted:#626a80;--paper:#f5f6fc;--teal:#354b9b;--yellow:#ffe13c;--line:#dde2f0}*{box-sizing:border-box}:scope{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 'Nunito Sans','Segoe UI',sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #eaa81b;outline-offset:4px}button{color:inherit}a{color:var(--teal)}.shell{max-width:1232px;margin:auto;padding:0 36px}.appbar{display:flex;justify-content:space-between;align-items:center;padding:25px 0;gap:16px}.brand{display:flex;align-items:center;gap:12px;border:0;background:none;text-align:left;padding:0}.brandmark{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:var(--teal);color:white;font-size:26px;font-weight:900;box-shadow:0 5px 0 #1b2559}.brand strong{display:block;font-size:22px;line-height:1.2;font-weight:900}.brand small{font-size:13px;color:var(--muted)}.appbar-right{display:flex;gap:14px;align-items:center}.demo-tag{font-size:12px;font-weight:900;letter-spacing:1px;background:#eaecf8;color:#404f89;padding:7px 12px;border-radius:20px}.help{border:1px solid var(--line);border-radius:50%;background:white;width:42px;height:42px;font-weight:900}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:38px;align-items:center;padding:40px 0 42px}.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:900;letter-spacing:1.7px;text-transform:uppercase;color:var(--teal)}.eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor}h1{font-size:clamp(42px,5.2vw,66px);letter-spacing:-2.6px;line-height:1.08;font-weight:900;margin:18px 0 22px}h1 em{font-style:normal;color:var(--teal);position:relative;white-space:nowrap}h1 em:after{content:'';position:absolute;left:0;right:0;bottom:2px;background:var(--yellow);height:9px;z-index:-1;transform:rotate(-2deg)}.hero-copy>p{font-size:20px;max-width:520px;color:var(--muted);margin:0 0 26px}.tags{display:flex;flex-wrap:wrap;gap:9px}.tag{font-size:13px;font-weight:800;border:1px solid var(--line);background:white;padding:6px 12px;border-radius:10px}.hero-art{height:370px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.orbit{position:absolute;width:320px;height:320px;background:#e1e5f6;border-radius:46% 54% 61% 39%/55% 48% 52% 45%;transform:rotate(-12deg);z-index:-1}.orbit:after{content:'';position:absolute;inset:-18px;border:1px dashed #a9b5df;border-radius:50%}.cover-stack{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:310px}.book-cover{position:absolute;width:170px;height:237px;object-fit:cover;border-radius:7px 13px 13px 7px;box-shadow:8px 17px 26px #26264438;border-left:5px solid #20234133}.book-cover:nth-child(1){transform:translateX(-98px) rotate(-15deg);z-index:1}.book-cover:nth-child(2){transform:translateX(95px) rotate(14deg);z-index:2}.book-cover:nth-child(3){transform:translateY(5px) rotate(-2deg);z-index:3;width:184px;height:257px}.floating{position:absolute;background:white;box-shadow:0 10px 30px #20234113;border:1px solid #e3e5f0;border-radius:16px;padding:10px 16px;font-size:14px;font-weight:900;z-index:4;display:flex;align-items:center;gap:10px}.floating .pib-illustrated-icon{width:32px;height:32px}.float-top{top:5px;left:3px;transform:rotate(-5deg)}.float-bottom{bottom:5px;right:0;transform:rotate(4deg)}.spark{position:absolute;right:25px;top:15px;color:#dc9c00;font-size:44px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:18px 0 20px}.section-head h2{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:0 0 5px;font-weight:900}.section-head p{margin:0;color:var(--muted);font-size:16px}.section-step{font-size:13px;color:var(--muted);font-weight:800}.portals{display:grid;grid-template-columns:1fr 1fr;gap:22px}.portal{padding:29px 30px;border-radius:25px;text-align:left;position:relative;overflow:hidden;border:1px solid #d8def2;background:#e8ecfb;transition:transform .18s,box-shadow .18s}.portal:hover{transform:translateY(-4px);box-shadow:0 12px 25px #173c2e12}.portal.student{background:#fff4b9;border-color:#edda68}.portal-top{display:flex;justify-content:space-between;align-items:center}.portal-label{font-size:12px;letter-spacing:1.6px;font-weight:900}.portal h3{font-size:30px;letter-spacing:-.7px;margin:16px 0 5px;font-weight:900}.portal p{font-size:17px;max-width:370px;color:#414d75;margin:0 0 22px}.portal-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.portal-foot span{font-size:13px;font-weight:800}.cta{display:inline-flex;align-items:center;gap:13px;padding:11px 18px;border:0;border-radius:11px;background:var(--teal);color:white;font-size:16px;font-weight:900;min-height:46px}.student .cta{background:var(--ink)}.pib-illustrated-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:white;border-radius:18px}.pib-illustrated-icon svg{width:53px;height:53px}.resources{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:28px 0 45px}.resource-type{display:flex;gap:11px;align-items:center}.resource-type .pib-illustrated-icon{width:44px;height:44px;background:#e9ecf8}.resource-type .pib-illustrated-icon svg{width:34px;height:34px}.resource-type strong{display:block;font-size:15px}.resource-type small{font-size:12px;color:var(--muted)}.appnote{font-size:12px;text-align:center;color:#66708a;padding:16px 0 25px;border-top:1px solid var(--line)}.trail{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 0;color:var(--muted);font-size:14px}.trail button{border:0;background:none;padding:5px 0;color:var(--teal);font-weight:800}.page-top{background:#e8ecfb;border-radius:24px;padding:28px 32px;margin:12px 0 25px}.page-top h1{font-size:40px;margin:8px 0;letter-spacing:-1px}.page-top p{color:var(--muted);margin:0}.search-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0}.search-row input{width:min(470px,100%);background:white;border:1px solid #bac4df;border-radius:12px;padding:12px 16px;color:var(--ink)}.search-row small{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;padding-bottom:40px}.item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;text-decoration:none;color:var(--ink);padding:24px;background:white;border:1px solid var(--line);border-radius:20px;min-height:200px;transition:transform .16s,box-shadow .16s}.item:hover{transform:translateY(-3px);box-shadow:0 10px 25px #252b5810}.item h2{font-size:21px;line-height:1.35;margin:16px 0 6px;font-weight:900;overflow-wrap:anywhere}.item p{font-size:14px;color:var(--muted);margin:0}.item .arrow{margin-top:auto;padding-top:18px;font-weight:900;color:var(--teal)}.item.book{padding:0;overflow:hidden}.item.book img{width:100%;height:210px;object-fit:cover;object-position:top}.item.book .item-copy{padding:18px 22px}.empty{padding:30px;color:var(--muted)}[hidden]{display:none!important}#notice{background:#fff4b9;color:#3f402d;padding:14px;border-radius:12px;margin:12px 0}@media(max-width:850px){.hero{gap:12px;grid-template-columns:1fr 1fr}.hero-art{height:310px}.book-cover{width:135px;height:195px}.book-cover:nth-child(3){width:145px;height:210px}.book-cover:nth-child(1){transform:translateX(-65px) rotate(-15deg)}.book-cover:nth-child(2){transform:translateX(65px) rotate(14deg)}.floating{font-size:11px;padding:8px}.resources{grid-template-columns:1fr 1fr}.portal-foot span{display:none}.grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){:scope{font-size:17px}.shell{padding:0 20px}.appbar{padding:20px 0}.brand strong{font-size:19px}.brand small{font-size:11px}.brandmark{width:44px;height:44px;font-size:22px;border-radius:13px}.demo-tag{font-size:10px;padding:5px 8px}.appbar-right{gap:8px}.help{width:35px;height:35px}.hero{grid-template-columns:1fr;padding-top:25px;gap:5px}.hero h1{font-size:49px;letter-spacing:-2px}.hero-copy>p{font-size:18px}.hero-art{height:290px;max-width:370px;width:100%;margin:auto}.portals{grid-template-columns:1fr}.section-head h2{font-size:25px}.section-step{display:none}.portal{padding:25px}.portal p{font-size:17px}.resources{gap:20px 12px}.page-top{padding:24px}.page-top h1{font-size:31px}.grid{gap:13px}.item{padding:17px;min-height:190px}.item h2{font-size:18px}.item.book img{height:160px}.item.book .item-copy{padding:15px}.floating .pib-illustrated-icon{width:25px;height:25px}.floating .pib-illustrated-icon svg{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.hero h1 em{white-space:normal;color:#bb2338}.brand strong>span{display:inline-flex;background:#c52b3b;color:#ffe13c!important;padding:1px 6px;border-radius:6px;margin-left:3px}.brandmark{background:#25263f}.hero .eyebrow{color:#404e97}.student .cta{background:#272840;color:#ffe13c}.floating{color:#30375e}.page-top{border-left:5px solid #ffe13c}@media(max-width:600px){.hero h1{font-size:44px}} .hero-art{perspective:1000px;--look-x:0deg;--look-y:0deg}
.cover-stack{transform-style:preserve-3d;animation:book-hover 8s ease-in-out infinite;will-change:transform}
.book-cover{box-shadow:5px 1px 0 #f1e9da,8px 2px 0 #b4b8ca,11px 19px 26px #25264436;border-left:6px solid #25263f;backface-visibility:hidden}
.book-cover:nth-child(1){transform:translateX(-98px) rotate(-15deg) rotateY(17deg)}
.book-cover:nth-child(2){transform:translateX(95px) rotate(14deg) rotateY(-17deg)}
.book-cover:nth-child(3){transform:translateY(5px) rotate(-2deg) translateZ(38px) rotateY(-9deg)}
.orbit{background:radial-gradient(ellipse at 30% 25%,#f8faff,#d8dff4 55%,#b9c4e8);box-shadow:inset 10px 12px 35px #ffffff99,inset -12px -8px 30px #6b79af25,0 22px 45px #354b9b0a}
.orbit:after{border-style:solid;border-color:#8498d148;transform:rotateX(58deg) rotate(-25deg);inset:-45px;box-shadow:0 0 0 16px #8599d10a}
.hero-art:after{content:'';position:absolute;width:240px;height:24px;border-radius:50%;background:radial-gradient(ellipse,#283e7950,transparent 70%);bottom:20px;z-index:-1;animation:ground-shadow 8s ease-in-out infinite}
.floating{animation:chip-hover 7s ease-in-out infinite;box-shadow:0 3px 0 #d3d9ec,0 14px 28px #2630551a}
.float-bottom{animation-delay:-3s}.spark{animation:spark-turn 12s ease-in-out infinite;text-shadow:2px 4px 0 #b8962240}
.tech-cube{position:absolute;left:0;bottom:48px;width:37px;height:37px;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(28deg);animation:cube-hover 10s ease-in-out infinite;z-index:4;pointer-events:none}
.tech-cube span{position:absolute;inset:0;border:1px solid #d3a70d80;background:#ffe13cdb;box-shadow:inset 3px 3px 12px #ffffff55}
.tech-cube span:nth-child(1){transform:translateZ(18px)}.tech-cube span:nth-child(2){transform:rotateY(90deg) translateZ(18px)}.tech-cube span:nth-child(3){transform:rotateX(90deg) translateZ(18px)}
.tech-dot{position:absolute;width:22px;height:22px;right:0;bottom:90px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#ff6d78 30%,#bb2338 80%);box-shadow:4px 6px 9px #25264420;animation:chip-hover 9s ease-in-out infinite;pointer-events:none}
.portal,.item{--tilt-x:0deg;--tilt-y:0deg;position:relative;isolation:isolate;transform:perspective(850px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .22s ease,box-shadow .22s ease;box-shadow:0 5px 0 #24325210,0 10px 22px #25264406}
.portal:hover,.item:hover{transform:perspective(850px) translateY(-4px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));box-shadow:0 9px 0 #2432520b,0 20px 32px #25264412}
.portal:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--light-x,25%) var(--light-y,10%),#ffffff70,transparent 65%);z-index:-1;pointer-events:none}
.portal .pib-illustrated-icon{box-shadow:0 4px 0 #29354b12,0 12px 18px #29354b12;transform:rotate(-5deg)}
.portal.student .pib-illustrated-icon{transform:rotate(6deg)}
.brandmark{box-shadow:0 5px 0 #13152e,0 9px 18px #25264420}
.motion-button{font:inherit;font-size:12px;font-weight:800;border:1px solid #d7ddef;border-radius:20px;padding:7px 10px;background:white;color:#404f89;min-height:36px}
.motion-button[aria-pressed="true"]{background:#e8ecfb}
:scope.motion-paused *,:scope.motion-paused *:before,:scope.motion-paused *:after{animation-play-state:paused!important}
:scope.motion-paused .portal,:scope.motion-paused .item{--tilt-x:0deg!important;--tilt-y:0deg!important}
@keyframes book-hover{0%,100%{transform:translateY(0) rotateX(var(--look-x)) rotateY(var(--look-y))}50%{transform:translateY(-12px) rotateX(var(--look-x)) rotateY(var(--look-y))}}
@keyframes chip-hover{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes ground-shadow{0%,100%{opacity:.7;scale:1}50%{opacity:.4;scale:.9}}
@keyframes spark-turn{0%,100%{rotate:0deg}50%{rotate:35deg}}
@keyframes cube-hover{0%,100%{transform:translateY(0) rotateX(-20deg) rotateY(28deg)}50%{transform:translateY(-9px) rotateX(-12deg) rotateY(65deg)}}
@media(max-width:850px){.book-cover:nth-child(1){transform:translateX(-65px) rotate(-15deg) rotateY(17deg)}.book-cover:nth-child(2){transform:translateX(65px) rotate(14deg) rotateY(-17deg)}}
@media(max-width:600px){.appbar-right{flex-wrap:wrap;justify-content:flex-end;max-width:150px}.demo-tag{display:none}.motion-button{font-size:11px}.tech-cube{left:12px;bottom:37px;width:30px;height:30px}.hero-art{overflow:visible}}
@media(prefers-reduced-motion:reduce){.cover-stack,.floating,.spark,.tech-cube,.tech-dot,.hero-art:after{animation:none!important}.portal,.item{transform:none!important;transition:none!important}}

:scope{position:relative;isolation:isolate}.shell{position:relative;z-index:1}.learning-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;min-height:950px;contain:paint}
.hero h1{font-size:clamp(40px,4.5vw,57px);line-height:1.12;letter-spacing:-2px}.hero h1 em{color:#bb2338}
.paper-plane{position:absolute;top:13%;left:-100px;width:62px;height:45px;opacity:.28;filter:drop-shadow(0 3px 2px #28396912);animation:plane-flight 28s linear infinite;will-change:transform}
.paper-plane:before{content:'';position:absolute;inset:0;background:#6679bb;clip-path:polygon(0 14%,100% 0,34% 100%,28% 47%)}
.paper-plane span{position:absolute;inset:0;background:#d7def6;clip-path:polygon(0 14%,100% 0,28% 47%)}
.paper-plane:after{content:'';position:absolute;inset:0;background:#354b9b;clip-path:polygon(28% 47%,100% 0,42% 65%,34% 100%)}
.plane-two{top:58%;width:43px;height:34px;opacity:.2;animation-duration:36s;animation-delay:-19s}
.outline-planet{position:absolute;border:1.5px solid #6576b6;border-radius:50%;width:65px;height:65px;opacity:.22;animation:planet-spin 40s linear infinite}
.outline-planet:before{content:'';position:absolute;left:-18%;top:31%;width:136%;height:33%;border:1.5px solid #6576b6;border-radius:50%;transform:rotate(-28deg)}
.outline-planet:after{content:'';position:absolute;top:19%;left:18%;width:20%;height:12%;border-top:1.5px solid #6576b6;border-radius:50%;transform:rotate(-30deg)}
.outline-planet i{position:absolute;width:7px;height:7px;background:#bc9c23;border-radius:50%;right:-18px;top:0;box-shadow:0 0 0 3px #ffe13c30}
.planet-one{left:1.2%;top:20%;width:58px;height:58px;animation-duration:42s}
.planet-two{right:1.8%;top:47%;width:77px;height:77px;animation-duration:55s;animation-direction:reverse}
.planet-three{left:3%;top:83%;width:42px;height:42px;opacity:.17;animation-duration:37s}
.math-float{position:absolute;color:#5367aa;font-size:31px;line-height:1;font-weight:900;opacity:.17;animation:math-bounce 5s cubic-bezier(.45,0,.25,1) infinite;user-select:none}
.math-two{left:3%;top:49%;rotate:-12deg;animation-delay:-1s}
.math-four{right:7%;top:6%;color:#aa263d;rotate:12deg;animation-duration:6s;animation-delay:-2s}
.math-six{right:3%;top:79%;rotate:8deg;animation-delay:-3s}
.math-plus{left:49%;top:5%;color:#b28f10;animation-duration:7s}
.math-times{left:48%;top:78%;color:#aa263d;animation-duration:6s;animation-delay:-4s}
@keyframes plane-flight{0%{transform:translate3d(-80px,45px,0) rotate(-16deg)}22%{transform:translate3d(27vw,-38px,0) rotate(8deg)}48%{transform:translate3d(54vw,60px,0) rotate(17deg)}73%{transform:translate3d(80vw,-20px,0) rotate(-14deg)}100%{transform:translate3d(calc(100vw + 140px),20px,0) rotate(-4deg)}}
@keyframes planet-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes math-bounce{0%,100%{translate:0 0;scale:1 1}42%{translate:0 -13px;scale:1 1}70%{translate:0 2px;scale:1.06 .94}82%{translate:0 -3px;scale:1 1}}
@media(max-width:600px){.hero h1{font-size:39px;letter-spacing:-1.5px}.planet-one{left:-20px;top:32%}.planet-two{right:-28px;top:65%;width:58px;height:58px}.planet-three{left:-10px;top:88%}.math-two{left:1%;top:57%;font-size:24px}.math-four{right:3%;top:9%;font-size:24px}.math-times{left:48%;top:88%}.math-plus{display:none}.paper-plane{width:42px;height:33px;opacity:.18}.plane-two{display:none}}
@media(prefers-reduced-motion:reduce){.paper-plane,.outline-planet,.math-float{animation:none!important;will-change:auto}.plane-one{left:78%;top:8%;transform:rotate(-10deg)}.plane-two{display:none}}

.hub-footer{padding:26px 10px 30px}.hub-footer p{margin:4px 0;font-size:14px;color:#59647e}.hub-footer p:last-of-type{font-weight:800;color:#303954}.hub-footer small{display:block;margin-top:12px;font-size:11px;color:#7a8295} .brandmark.pib-brandmark{width:83px;height:62px;flex-shrink:0;background:white;border:1px solid #dde2f0;border-radius:12px;padding:7px;box-shadow:0 4px 0 #2526440c,0 7px 16px #2526440b}.pib-brandmark img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:600px){.brandmark.pib-brandmark{width:64px;height:51px;padding:5px}.brand{gap:9px}.brand strong{font-size:17px}.brand small{font-size:10px}.appbar-right{max-width:115px}} 
:scope{position:relative;isolation:isolate;max-width:1232px;margin:auto;padding:0 36px;min-height:100vh;--teal:#354b9b;--ink:#202341;--muted:#626a80;--paper:#f5f6fc;--line:#dde2f0;font-size:18px;line-height:1.6;font-family:"Nunito Sans","Segoe UI",sans-serif} :scope .site-header{position:relative;top:auto;height:auto;padding:25px 0;background:transparent;border:0} :scope .hero{background:transparent;color:var(--ink);overflow:visible;position:relative} :scope .hero:after{display:none} :scope .hero h1{max-width:none;color:var(--ink);font-weight:900;font-size:clamp(40px,4.5vw,57px);line-height:1.12;letter-spacing:-2px} :scope .hero h1 em{color:#bb2338} :scope .hero-copy>p{font-size:20px;color:var(--muted)} :scope main{min-height:65vh} :scope .brand strong{font-size:22px;font-weight:900;color:#202341} :scope .brand small{font-size:13px} :scope .ai-label{display:inline-block;background:#c52b3b;color:#ffe13c!important;border-radius:6px;padding:1px 6px} :scope .container{width:100%;padding:28px 0 40px} :scope .section-head h1{font-size:36px;font-weight:900;line-height:1.2} :scope .content-card{background:white;border-radius:20px;border:1px solid #dde2f0;box-shadow:0 5px 0 #24325208,0 10px 22px #25264406} :scope .content-card h3{font-size:22px;font-weight:800;line-height:1.35} :scope .content-card p{font-size:16px} :scope .section-head p,:scope .breadcrumb{font-size:16px} :scope .tree-cta{font-size:16px} :scope .inner-banner{display:none} :scope .access-gate{background:white;border:1px solid #dde2f0} :scope .search-live{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0} :scope .search-live input{padding:12px 16px;border:1px solid #bac4df;border-radius:12px;background:white;width:min(440px,100%);font-size:17px} :scope .search-live span{align-self:center;color:#626a80;font-size:14px} :scope .content-card,:scope .tree-button,:scope .module-link{min-width:0} :scope .content-card h3{overflow-wrap:anywhere} :scope .hub-footer{position:relative;z-index:1} :scope .header-actions{flex-wrap:wrap;justify-content:flex-end} @media(max-width:600px){:scope{padding:0 20px}:scope .site-header{gap:12px}:scope .brand strong{font-size:17px}:scope .brand small{font-size:10px}:scope .hero h1{font-size:39px}:scope .hero-copy>p{font-size:18px}:scope .content-card h3{font-size:20px}:scope .section-head h1{font-size:30px}:scope .header-actions{gap:6px;max-width:132px}}
:scope #app,:scope #app:focus,:scope #app:focus-visible{outline:none;box-shadow:none} @media(min-width:1440px){:scope{max-width:1440px;padding-inline:48px}}
}