.stem-page{background:#f8fbff}.stem-page .site-header{background:rgba(248,251,255,.96)}
.stem-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center;padding:72px clamp(22px,7vw,110px) 64px;background:linear-gradient(180deg,#f8fcff 0%,#fffdf8 100%);border-bottom:1px solid #dfe8ef}
.stem-hero:before,.stem-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);opacity:.55}.stem-hero:before{width:360px;height:360px;background:#dff5ff;right:-100px;top:-120px}.stem-hero:after{width:280px;height:280px;background:#fff0b8;left:-120px;bottom:-140px}
.stem-hero-copy,.stem-hero-art{position:relative;z-index:1}.stem-eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:900;color:#7454d6}.stem-hero h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:950;letter-spacing:-.055em;line-height:.95;font-size:clamp(3.4rem,7vw,6.7rem);margin:.08em 0 .14em;color:#152b68}.stem-rainbow{background:linear-gradient(90deg,#ef4e5d 0 22%,#1c78ef 22% 42%,#2cac66 42% 62%,#ff972f 62% 82%,#7a56d8 82%);-webkit-background-clip:text;background-clip:text;color:transparent}.stem-mission{display:inline-block;margin:0 0 22px;padding-bottom:7px;border-bottom:5px solid #ffd52f;font-size:clamp(1.25rem,2.4vw,2rem);font-weight:900;color:#18428a}.stem-badges{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 20px}.stem-badges span{padding:9px 14px;border-radius:999px;font-size:.86rem;font-weight:800;color:#26416f;background:#edf0ff;border:1px solid #dedffc}.stem-badges span:nth-child(2){background:#e3faef;border-color:#c7f0dc;color:#177154}.stem-badges span:nth-child(3){background:#fff4cc;border-color:#f4df94;color:#805c00}.stem-lede{max-width:700px;font-size:1.12rem;color:#5d6873}
.stem-hero-art{min-height:430px}.robot{position:absolute;width:210px;height:275px;left:7%;top:64px;z-index:3}.antenna{position:absolute;left:94px;top:-38px;width:22px;height:45px;border-radius:12px;background:#2a63c5}.antenna:before{content:"";position:absolute;width:4px;height:28px;background:#2a63c5;left:9px;top:-22px}.antenna span{position:absolute;width:18px;height:18px;border-radius:50%;background:#ff8d26;left:2px;top:-31px;box-shadow:0 0 0 4px rgba(255,141,38,.16)}.robot-head{position:absolute;left:18px;top:0;width:178px;height:132px;border-radius:48% 48% 42% 42%;background:linear-gradient(145deg,#fff,#d9e8f5);border:8px solid #3a76cc;box-shadow:0 16px 24px rgba(28,73,132,.18)}.robot-face{position:absolute;inset:23px 24px 27px;border-radius:28px;background:#123b69;display:flex;align-items:center;justify-content:center;gap:17px}.robot-face i{display:block;width:12px;height:12px;border-radius:50%;background:#d8f7ff}.robot-face b{display:block;width:34px;height:16px;border-bottom:5px solid #d8f7ff;border-radius:0 0 24px 24px;transform:translateY(8px)}.robot-body{position:absolute;left:41px;top:126px;width:130px;height:118px;border-radius:36px 36px 45px 45px;background:#f7fbff;border:7px solid #3a76cc;display:grid;place-items:center;box-shadow:0 12px 24px rgba(28,73,132,.14)}.robot-body span{font-size:48px;color:#2c71d6}.robot-arm{position:absolute;width:36px;height:104px;background:#f7fbff;border:6px solid #3a76cc;border-radius:24px;top:142px}.robot-arm.left{left:1px;transform:rotate(25deg)}.robot-arm.right{right:0;transform:rotate(-35deg);transform-origin:top center}.code-screen{position:absolute;right:1%;top:116px;width:285px;height:235px;padding:20px 22px;border-radius:24px;background:#15233e;border:8px solid #adc4d9;box-shadow:0 18px 30px rgba(26,55,97,.18);transform:rotate(2deg)}.code-dot-row{display:flex;gap:6px;margin-bottom:14px}.code-dot-row i{width:8px;height:8px;border-radius:50%;background:#fff}.code-dot-row i:nth-child(1){background:#ff7464}.code-dot-row i:nth-child(2){background:#ffd052}.code-dot-row i:nth-child(3){background:#5bd68d}.block{display:block;width:max-content;max-width:100%;padding:7px 11px;border-radius:8px;margin:8px 0;color:white;font-size:.88rem;font-weight:900}.orange{background:#f5a623}.blue{background:#2782e7}.purple{background:#7556df}.pink{background:#e7558f}.spark{position:absolute;font-weight:900}.s1{right:7%;top:35px;color:#ffbf21;font-size:42px}.s2{left:40%;top:24px;color:#42b86c;font-size:36px;transform:rotate(15deg)}.s3{right:36%;bottom:18px;color:#7c5dde;font-size:30px}
.stem-roadmap{padding:64px clamp(18px,6vw,90px) 44px;background:#fff}.roadmap-head{max-width:900px;margin:0 auto 28px}.roadmap-head h2,.guest-intro h2,.lesson-divider h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:950;letter-spacing:-.035em;color:#173774;margin:.15em 0 .35em}.roadmap-head h2{font-size:clamp(2rem,4vw,3.5rem)}.roadmap-head>p:last-child,.guest-intro>p:last-child,.lesson-divider>p:last-child{color:#5d6873;font-size:1.05rem}.roadmap-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.roadmap-card{position:relative;border:1px solid #e0e8f0;background:linear-gradient(180deg,#fff,#f9fbff);border-radius:22px;padding:22px;box-shadow:0 10px 28px rgba(53,79,113,.06)}.roadmap-card>span{font-size:34px}.roadmap-card>p{margin:10px 0 5px;text-transform:uppercase;letter-spacing:.12em;font-size:.67rem;font-weight:900;color:#7958d7}.roadmap-card h3{margin:0 0 6px;font-size:1.25rem;color:#173774}.roadmap-card small{display:block;color:#637083;line-height:1.45}.roadmap-card a{display:inline-block;margin-top:12px;font-size:.84rem;font-weight:900;color:#1f67ca}.roadmap-card.guest{background:linear-gradient(135deg,#fff2cf,#fff9ed);border-color:#f0d58e}.roadmap-card.guest:after{content:"★";position:absolute;right:18px;top:14px;color:#f4b317;font-size:24px}
.guest-mission{padding:54px clamp(18px,6vw,90px) 64px;background:linear-gradient(180deg,#fff8e8,#f7fbff);border-top:1px solid #eee0ba;border-bottom:1px solid #e1e7ed}.guest-intro{max-width:900px;margin:0 auto 28px}.guest-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guest-card{background:#fff;border:1px solid #e3eaf1;border-radius:22px;padding:24px;box-shadow:0 12px 30px rgba(53,79,113,.07)}.guest-icon{font-size:34px}.guest-time{margin:12px 0 4px;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:900;color:#7958d7}.guest-card h3{font-size:1.25rem;margin:0 0 8px;color:#173774}.guest-card>p:last-child{margin-bottom:0;color:#536174}.guest-prompts{max-width:1180px;margin:24px auto 0;background:#142a5d;color:#fff;border-radius:24px;padding:24px 26px}.guest-prompts h3{margin:0 0 14px;font-size:1.15rem}.prompt-chips{display:flex;flex-wrap:wrap;gap:10px}.prompt-chips span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font-size:.84rem}.guest-footer{max-width:1180px;margin:16px auto 0;padding:16px 18px;border-radius:16px;background:#fff4c8;color:#5d4b0a;font-size:1rem}.lesson-divider{padding:62px clamp(22px,13vw,210px) 8px;background:#fff}.lesson-divider h2{font-size:clamp(2rem,4vw,3.25rem)}
.stem-wrap{padding:50px clamp(18px,6vw,90px) 38px}.stem-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.stem-card{position:relative;overflow:hidden;border-radius:24px;padding:28px 30px;border:1px solid rgba(42,65,95,.09);box-shadow:0 14px 35px rgba(58,81,112,.07)}.stem-card:after{content:"✦";position:absolute;right:20px;top:12px;font-size:26px;opacity:.18}.yellow{background:linear-gradient(135deg,#fff7cf,#fffdf2)}.blue-card{background:linear-gradient(135deg,#e8f6ff,#f5fbff)}.mint{background:linear-gradient(135deg,#e5fbf2,#f7fffb)}.pink-card{background:linear-gradient(135deg,#ffeaf2,#fff7fa)}.lavender{background:linear-gradient(135deg,#f0eaff,#fbf9ff)}.green-card{background:linear-gradient(135deg,#e9fae7,#f7fff6)}.stem-card-title{display:flex;gap:14px;align-items:center;margin-bottom:12px}.stem-card-title p{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;font-weight:900;color:#8062d7}.stem-card-title h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.75rem;font-weight:950;letter-spacing:-.03em;margin:0;color:#173774}.stem-icon{width:52px;height:52px;border-radius:16px;background:white;display:grid;place-items:center;font-size:29px;box-shadow:0 8px 20px rgba(56,77,111,.09)}.stem-card>p{color:#435162;font-size:1.03rem}.checklist,.dot-list{list-style:none;padding:0;margin:10px 0 0}.checklist li,.dot-list li{margin:11px 0;color:#33475b}.checklist li{display:flex;gap:10px;align-items:flex-start}.checklist li span{width:22px;height:22px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#2ab96e;color:#fff;font-weight:900;font-size:.78rem}.checklist li:nth-child(2) span{background:#765ada}.checklist li:nth-child(3) span{background:#ff952c}.checklist li:nth-child(4) span{background:#2782e7}.dot-list li{padding-left:22px;position:relative}.dot-list li:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#2ab96e;left:0;top:.55em}.mini-tablet{position:absolute;width:120px;height:92px;right:26px;bottom:18px;border:7px solid #263d65;background:#6ed0ee;border-radius:14px;transform:rotate(4deg);opacity:.92}.mini-tablet:after{content:"";position:absolute;width:145px;height:14px;background:#263d65;left:-19px;bottom:-20px;border-radius:2px 2px 10px 10px}.mini-tablet div{position:absolute;inset:10px;background:linear-gradient(135deg,#80d7ff,#9e7df0)}
.flow-card{grid-row:span 2}.flow-list{display:grid;gap:14px;margin-top:18px}.flow-step{display:grid;grid-template-columns:44px 1fr;gap:13px;background:rgba(255,255,255,.82);border:1px solid rgba(111,79,151,.08);border-radius:16px;padding:15px}.flow-step>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#7958d7;color:white;font-weight:950}.flow-step:nth-child(2)>span{background:#2782e7}.flow-step:nth-child(3)>span{background:#2ab96e}.flow-step h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.04rem;font-weight:900;margin:0 0 5px;color:#173774}.flow-step h3 small{display:inline-block;margin-left:5px;color:#7b6c88;font-size:.72rem}.flow-step p{margin:0;color:#566273;font-size:.91rem}.teacher-nudge{margin-top:18px!important;background:rgba(255,255,255,.65);border-radius:14px;padding:14px 16px}.challenge-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.challenge-tags span{padding:7px 10px;border-radius:999px;background:white;color:#26744e;font-size:.78rem;font-weight:900;border:1px solid #d6eddc}
.wonder-band{margin:18px clamp(18px,6vw,90px) 52px;max-width:1180px;margin-left:auto;margin-right:auto;border-radius:30px;padding:32px 36px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;background:radial-gradient(circle at 20% 20%,#234987,#132758 60%,#0d1d45);color:white;box-shadow:0 18px 40px rgba(18,39,83,.22);overflow:hidden}.wonder-label{text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:900;color:#ffd65a;margin:0 0 6px}.wonder-band h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.7rem,3vw,2.7rem);font-weight:950;line-height:1.08;letter-spacing:-.035em;margin:0}.wonder-band em{font-style:normal;color:#ffd65a}.wonder-bot,.wonder-world{font-size:64px;filter:drop-shadow(0 7px 10px rgba(0,0,0,.18))}.stem-note{padding:72px clamp(22px,13vw,210px) 84px;background:white;border-top:1px solid #e1e7ed}.stem-note h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:950;color:#173774;letter-spacing:-.035em}.stem-note>p:not(.stem-eyebrow){max-width:800px;color:#5d6873;font-size:1.08rem}.stem-note .button{display:inline-block;margin-top:16px;background:#fff}
@media(max-width:900px){.stem-hero{grid-template-columns:1fr;padding-top:52px}.stem-hero-art{min-height:380px}.roadmap-grid,.guest-grid{grid-template-columns:1fr 1fr}.stem-grid{grid-template-columns:1fr}.flow-card{grid-row:auto}.wonder-band{margin-left:18px;margin-right:18px}.mini-tablet{opacity:.45}}
@media(max-width:620px){.stem-hero-art{min-height:330px}.robot{transform:scale(.78);transform-origin:left top;left:0}.code-screen{transform:scale(.78) rotate(2deg);transform-origin:right top;right:0}.roadmap-grid,.guest-grid{grid-template-columns:1fr}.stem-card{padding:22px 20px}.wonder-band{grid-template-columns:1fr;text-align:center}.wonder-bot,.wonder-world{font-size:46px}.stem-mission{font-size:1.2rem}.stem-badges span{font-size:.78rem}.prompt-chips{display:grid}}
@media print{.stem-page{background:white}.stem-hero{padding:28px;background:white}.stem-hero-art,.site-header,footer,.stem-note{display:none!important}.stem-roadmap,.guest-mission,.lesson-divider{padding-left:0;padding-right:0}.roadmap-card,.guest-card{box-shadow:none}.stem-wrap{padding:20px 0}.stem-grid{display:block}.stem-card{box-shadow:none;break-inside:avoid;margin:0 0 14px}.wonder-band{margin:18px 0;background:white!important;color:#111;border:2px solid #173774;box-shadow:none}.wonder-band h2{color:#173774}.wonder-bot,.wonder-world{display:none}}