/* Progressive UI/UX programme, aligned with the core site design system. */
.uiux-master-page{--ux-accent:#a16f91;--ux-soft:#f5e5ee;--ux-deep:#392c3a}.uiux-master-page .course-hero{min-height:620px;padding-top:82px;padding-bottom:72px;background:linear-gradient(90deg,#f7f5ef 0%,rgba(247,245,239,.96) 48%,rgba(247,245,239,.26) 100%),url("https://images.unsplash.com/photo-1561070791-2526d30994b5?auto=format&fit=crop&w=1600&q=85") center/cover}.uiux-master-page .course-hero h1{max-width:880px}.ux-hero-actions{display:flex;align-items:center;gap:22px}.ux-text-link{color:var(--ink);font-size:12px;font-weight:800;text-decoration:none}.ux-facts{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));max-width:920px;margin-top:55px;border-block:1px solid #bcaeb8}.ux-facts span{padding:17px 18px;border-right:1px solid #bcaeb8}.ux-facts span:first-child{padding-left:0}.ux-facts span:last-child{border:0}.ux-facts small,.ux-facts b{display:block}.ux-facts small{margin-bottom:7px;color:#7f6b78;font:9px 'DM Mono';letter-spacing:.6px}.ux-facts b{font-size:12px}
.ux-pricing,.ux-progression,.ux-portfolio{padding:95px max(42px,calc((100vw - 1196px)/2))}.ux-section-head{display:grid;grid-template-columns:1fr 1fr;column-gap:75px;align-items:end}.ux-section-head .eyebrow{grid-column:1/-1}.ux-section-head h2{font-size:clamp(38px,4.7vw,62px)}.ux-section-head>p:last-child{max-width:500px;color:var(--muted);font-size:14px;line-height:1.75}
.ux-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:48px}.ux-plan-grid article{position:relative;display:flex;flex-direction:column;min-height:350px;padding:25px;background:#fff;border:1px solid #ddd0d8;border-top:4px solid var(--ux-accent)}.ux-plan-grid article>small{color:#8d5e7d;font:10px 'DM Mono';letter-spacing:.5px}.ux-plan-grid article>span{position:absolute;right:16px;top:14px;padding:5px 7px;background:var(--ux-deep);color:#fff;font:8px 'DM Mono'}.ux-plan-grid h3{min-height:68px;margin:25px 0 17px;font-size:19px}.ux-plan-grid strong{font-size:29px}.ux-plan-grid article>b{margin-top:4px;color:#776b73;font:10px 'DM Mono'}.ux-plan-grid p{color:var(--muted);font-size:12px;line-height:1.65}.ux-plan-grid a{margin-top:auto;padding-top:14px;border-top:1px solid #dfd1da;color:var(--ink);font-size:11px;font-weight:800;text-decoration:none}.ux-plan-grid .featured{transform:translateY(-10px);background:var(--ux-deep);color:#fff;border-color:#f1a8ce}.ux-plan-grid .featured small,.ux-plan-grid .featured strong,.ux-plan-grid .featured a{color:#f1b1d3}.ux-plan-grid .featured p,.ux-plan-grid .featured>b{color:#d9cbd4}.ux-plan-grid .featured a{border-color:#69536a}.ux-plan-grid .featured>span{background:#f1b1d3;color:var(--ux-deep)}
.ux-progression{background:#f6edf2}.ux-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:12px;margin:50px 0}.ux-flow>span{display:flex;flex-direction:column;justify-content:center;min-height:92px;padding:18px;background:#fff;border-top:4px solid var(--ux-accent);font-size:14px;font-weight:800}.ux-flow span:nth-of-type(3){background:var(--ux-deep);color:#f2b4d5}.ux-flow b{margin-top:8px;color:var(--muted);font:9px/1.5 'DM Mono'}.ux-flow span:nth-of-type(3) b{color:#ddced7}.ux-flow>i{align-self:center;color:#8e7786;font:normal 20px 'DM Mono';transform:rotate(-90deg)}.ux-tier-list{border-top:1px solid #cfbdc8}.ux-tier-list>article{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;padding:40px 24px;border-bottom:1px solid #cfbdc8}.ux-tier-list>article.recommended{background:#ecdce6;border-left:5px solid var(--ux-accent)}.ux-tier-summary{position:relative;padding-left:48px}.ux-tier-summary>span{position:absolute;left:0;top:2px;color:#986685;font:11px 'DM Mono'}.ux-tier-summary small{color:#875a77;font:9px/1.5 'DM Mono';letter-spacing:.5px}.ux-tier-summary h3{margin:8px 0 18px;font-size:22px;line-height:1.25}.ux-tier-summary strong{margin-right:12px;font-size:25px}.ux-tier-summary>b{color:#786c74;font:10px 'DM Mono'}.ux-tier-list h4{margin:0 0 5px;font-size:13px}.ux-tier-list h4:not(:first-child){margin-top:17px}.ux-tier-list article>div+div>p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.ux-tags i{display:inline-block;margin:14px 4px 4px 0;padding:6px 8px;background:#e7d8e1;color:var(--ux-deep);border-radius:2px;font:9px 'DM Mono';font-style:normal}.ux-outcome{display:block;margin-top:14px;color:#855a76;font:10px/1.6 'DM Mono'}
.ux-portfolio{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;background:#f2cfdf}.ux-portfolio h2{font-size:clamp(38px,4.6vw,60px)}.ux-portfolio blockquote{margin:35px 0 0;padding-left:20px;border-left:4px solid var(--ux-accent);color:#51464d;font:italic 17px/1.65 Georgia,serif}.ux-portfolio ul{display:grid;grid-template-columns:1fr 1fr;align-self:center;margin:0;padding:0;border-top:1px solid #c9a9ba;border-left:1px solid #c9a9ba;list-style:none}.ux-portfolio li{position:relative;padding:16px 14px 16px 40px;border-right:1px solid #c9a9ba;border-bottom:1px solid #c9a9ba;background:#f9e8f0;font-size:12px;font-weight:700}.ux-portfolio li::before{content:"✓";position:absolute;left:15px;color:#94627f}.uiux-master-page .course-contact{background:#ead6e2}.uiux-master-page .closing{background:#e8c6d8}
@media(max-width:1024px){.ux-plan-grid{grid-template-columns:1fr 1fr}.ux-plan-grid .featured{transform:none}.ux-facts{grid-template-columns:1fr 1fr}.ux-facts span:nth-child(2){border-right:0}.ux-facts span:nth-child(-n+2){border-bottom:1px solid #bcaeb8}.ux-portfolio{grid-template-columns:1fr;gap:45px}}
@media(max-width:760px){.uiux-master-page .course-hero{min-height:0;padding:62px 21px}.ux-hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.ux-facts{margin-top:38px}.ux-facts span{padding:14px 10px}.ux-facts span:first-child{padding-left:10px}.ux-facts b{font-size:10px}.ux-pricing,.ux-progression,.ux-portfolio{padding:68px 21px}.ux-section-head{display:block}.ux-section-head>p:last-child{margin-top:24px}.ux-plan-grid{grid-template-columns:1fr}.ux-plan-grid article{min-height:300px}.ux-plan-grid h3{min-height:0}.ux-flow{grid-template-columns:1fr;margin:38px 0}.ux-flow>i{transform:none;text-align:center}.ux-tier-list>article{grid-template-columns:1fr;gap:24px;padding:30px 12px}.ux-tier-summary{padding-left:38px}.ux-portfolio ul{grid-template-columns:1fr}}