.pack-hero{padding:76px 0;background:radial-gradient(circle at 12% 25%,rgba(105,173,47,.2),transparent 23%),linear-gradient(180deg,#e9f6ff,#fff)}.pack-hero a{display:block;margin-bottom:25px;color:#587696;font-weight:700}.pack-hero>div>span,.grades header span,.logic span,.process span,.report span,.examples span,.policy span{color:#579126;font-weight:800}.pack-hero h1{font-size:clamp(43px,6vw,76px);line-height:1.05;margin:12px 0}.pack-hero em{color:var(--orange);font-style:normal}.pack-hero p{max-width:750px;color:var(--text);font-size:20px;line-height:1.7}.grades,.process,.examples{padding:70px 0}.grades header,.process header,.examples header{text-align:center;max-width:780px;margin:0 auto 30px}.grades h2,.process h2,.examples h2,.logic h2,.report h2{font-size:clamp(29px,4vw,44px);margin:8px 0}.grades header p,.examples header p{color:var(--text)}.grades>div{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.grades button{font:800 18px Rubik;color:var(--navy);padding:18px 8px;border:1px solid var(--line);border-radius:18px;background:#fff;cursor:pointer}.grades button small{display:block;margin-top:4px;font-weight:500}.grades button[aria-selected=true]{background:var(--navy);color:#fff;box-shadow:0 12px 25px #0b286433}.logic{padding:70px 0;background:#fff9f1}.two{display:grid;grid-template-columns:1fr 1fr;gap:28px}.logic article,.report aside{padding:34px;border-radius:26px;background:#fff;border:1px solid var(--line)}.logic p,.logic li,.report p{color:var(--text);line-height:1.75}.goals{background:linear-gradient(145deg,#0b2864,#185092)!important;color:#fff}.goals>span{color:#a9d680}.goals p{color:#eaf3ff;padding:12px 0;border-bottom:1px solid #ffffff22}.goals b{display:block;color:#8ed0fa}.process ol{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:0;list-style:none}.process li{padding:24px 12px;border:1px solid var(--line);border-radius:20px;background:#fff;text-align:center;font-size:30px}.process li b,.process li small{display:block}.process li b{font-size:18px;margin:10px 0}.process li small{color:var(--text);font-size:13px}.report{padding:75px 0;background:linear-gradient(135deg,#eaf7ff,#f3faec)}.metrics{display:flex;gap:10px}.metrics b{flex:1;padding:16px;border-radius:16px;background:#fff;text-align:center;font-size:25px}.metrics small{display:block;color:var(--text);font-size:12px}.report aside{box-shadow:var(--shadow)}.report aside p{padding:14px;border-radius:14px;background:#f4f7fa}.report aside .good{background:#eef8e9}.report aside .need{background:#fff1df}.examples>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}.question{padding:25px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 9px 25px #17447912}.question:last-child{grid-column:1/-1}.question>span{display:inline-block;padding:5px 10px;border-radius:99px;background:#edf8e8;font-size:13px}.question h3{min-height:62px;line-height:1.5}.visual{padding:16px;border-radius:15px;background:#eef8ff;text-align:center;font-size:19px}.options{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.options b{min-width:55px;padding:10px;border:2px solid #dce8f2;border-radius:12px;text-align:center}.options b.ok{border-color:var(--orange);background:#fff5e8}.note{text-align:center;color:var(--text);margin-top:22px}.policy{margin-bottom:70px;padding:32px;border-radius:26px;background:linear-gradient(135deg,#0b2864,#185092);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.policy h2{max-width:760px;font-size:25px}.policy span{color:#a9d680}.policy a{padding:15px;border-radius:14px;background:var(--orange);font-weight:900}.package-link{display:block;text-decoration:none}
@media(max-width:900px){.grades>div{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.two,.examples>div{grid-template-columns:1fr}.question:last-child{grid-column:auto}.policy{display:block}.policy a{display:block;margin-top:20px;text-align:center}}@media(max-width:520px){.pack-hero{padding:48px 0}.pack-hero p{font-size:17px}.grades>div{grid-template-columns:1fr 1fr}.logic article,.report aside{padding:23px}.metrics{flex-direction:column}.policy{padding:24px}}

/* Connected learning journey */
.process ol{--path:#9bd6fb;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin:42px 0 0;padding:0;list-style:none}.process li{position:relative;min-width:0;padding:0;border:0;border-radius:0;background:transparent;text-align:center;font-size:inherit}.process li:not(:last-child)::after{content:"";position:absolute;z-index:-1;top:56px;left:calc(50% + 58px);width:calc(100% - 98px);border-top:3px dashed var(--path)}.process-icon{width:112px;height:112px;margin:0 auto 16px;border:1px solid #ffffffaa;border-radius:50%;display:grid;place-items:center;color:var(--navy);box-shadow:0 13px 28px #17447918,inset 0 0 0 7px #ffffff70}.process-icon svg{width:61px;height:61px;fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.process .play .process-icon{background:linear-gradient(145deg,#e5dcff,#c8b9ff)}.process .pause .process-icon{background:linear-gradient(145deg,#d7f8f3,#aee9e5)}.process .learn .process-icon{width:124px;height:124px;margin-top:-6px;background:linear-gradient(145deg,#fff2aa,#ffd766);color:#986400;box-shadow:0 16px 32px #e8ae2933,inset 0 0 0 7px #ffffff70}.process .answer .process-icon{background:linear-gradient(145deg,#ffe0df,#ffb9ba);color:#b8324a}.process .continue .process-icon{background:linear-gradient(145deg,#dff1ff,#a9d7ff);color:#2864a2}.process .achieve .process-icon{width:120px;height:120px;margin-top:-4px;background:linear-gradient(145deg,#e5f7d9,#bfe89c);color:#4d7e27;box-shadow:0 16px 32px #68a83c2e,inset 0 0 0 7px #ffffff70}.process li b,.process li small{display:block}.process li b{margin:0 0 7px;color:var(--navy);font-size:20px}.process li small{color:var(--text);font-size:14px;line-height:1.45}
@media(max-width:900px){.process ol{grid-template-columns:repeat(3,1fr);row-gap:34px}.process li:not(:last-child)::after{display:none}}
@media(max-width:520px){.process ol{grid-template-columns:1fr;margin-top:30px;gap:0}.process li{display:grid;grid-template-columns:82px 1fr;grid-template-rows:auto auto;column-gap:16px;min-height:116px;text-align:right}.process li:not(:last-child)::after{display:block;top:82px;right:40px;left:auto;width:0;height:38px;border-top:0;border-right:3px dashed var(--path)}.process-icon,.process .learn .process-icon,.process .achieve .process-icon{grid-row:1/3;width:82px;height:82px;margin:0}.process-icon svg{width:45px;height:45px}.process li b{align-self:end;margin:0 0 4px;font-size:19px}.process li small{align-self:start}}

/* Approved visual: use the exact generated artwork, not a CSS reinterpretation. */
.process{max-width:none;width:100%;aspect-ratio:2206/713;padding:0;background:#fff url("assets/learning-process-journey.png") center/contain no-repeat}.process>header,.process>ol{display:none}
@media(max-width:700px){.process{aspect-ratio:auto;height:420px;background-size:auto 420px;background-position:center;overflow:hidden}}