.mud-ai-case-study-page{--mai-ink:#102038;--mai-purple:#721ff0;--mai-soft:#f5f6fd;font-family:Inter,sans-serif;color:var(--mai-ink)}
.mai-case{font-size:15px}.mai-case *{box-sizing:border-box}.mai-case h1,.mai-case h2,.mai-case h3,.mai-case p{margin-top:0}.mai-case h2{margin-bottom:8px;font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.035em}.mai-case p{color:#58647b;line-height:1.5}.mai-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.mai-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:42px;padding-block:90px 38px;align-items:center}.mai-hero h1{margin-bottom:20px;font-size:clamp(38px,4.5vw,62px);line-height:1.02;letter-spacing:-.045em}.mai-hero h1 span{display:block;color:var(--mai-purple)}.mai-hero>div>p{max-width:720px;font-size:16px}.mai-hero dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:18px;border-radius:12px;background:#fff;box-shadow:0 10px 30px #1e284416}.mai-hero dl div{padding:12px;border-radius:7px;background:#f7f7f9}.mai-hero dl div:nth-child(n+3){grid-column:1/-1}.mai-hero dt{color:#8690a2;font-size:10px}.mai-hero dd{margin:4px 0 0;font-size:12px;font-weight:700;line-height:1.35}
.mai-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:36px}.mai-gallery img{width:100%;height:210px;border-radius:10px;object-fit:cover}.mai-band{background:var(--mai-soft)}.mai-band>.mai-wrap{padding-block:46px}.mai-challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.mai-challenge-grid section,.mai-components>section{padding:28px;border-radius:10px;background:#fff}.mai-challenge-grid h3{margin-bottom:4px}.mai-case ul,.mai-case ol{margin:18px 0 0;padding:0;list-style:none}.mai-challenge-grid ul,.mai-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mai-case li{line-height:1.3}.mai-challenge-grid li,.mai-checks li{padding:8px 10px;border-radius:5px;background:#f6f6f7;font-size:12px}.mai-checks li::before{margin-right:6px;color:var(--mai-purple);content:"✓"}.mai-risk li{background:#fff5f5;color:#7f3139}.mai-risk li::before{margin-right:6px;color:#e84e5e;content:"×"}
.mai-solution{padding-block:72px 58px;text-align:center}.mai-solution>h2{font-size:clamp(40px,4vw,60px)}.mai-solution>p{max-width:900px;margin-inline:auto;font-size:clamp(16px,1.55vw,22px)}.mai-pipeline{margin-top:60px;padding:36px;text-align:left;border-radius:14px;background:var(--mai-soft)}.mai-pipeline h3{display:flex;align-items:center;gap:8px;margin:0 0 32px;font-size:25px}.mai-pipeline h3 svg{width:25px;height:25px;fill:none;stroke:var(--mai-purple);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mai-pipeline ol{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mai-pipeline li{min-height:124px;padding:22px;border-radius:9px;background:#fff;font-size:12px;font-weight:700;box-shadow:0 1px 3px #1e28440c}.mai-pipeline li>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mai-pipeline li span{display:grid;min-width:45px;height:29px;place-items:center;margin:0;padding-inline:10px;border-radius:5px;background:#e6d6ff;color:#6416dd;font-size:16px;font-weight:800}.mai-pipeline li:nth-child(n+5):nth-child(-n+8) span{background:#a6edff;color:#075d70}.mai-pipeline li>div>svg{width:22px;height:22px;fill:none;stroke:#524e5d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mai-pipeline li strong{display:block;color:var(--mai-ink);font-size:clamp(14px,1.35vw,20px);line-height:1.3}.mai-solution>.mai-pipeline+_p,.mai-solution>.mai-pipeline+p{max-width:1080px;margin:10px 28px 0;text-align:left}
.mai-components{display:grid;gap:18px}.mai-components>section h2{font-size:30px}.mai-components>section:nth-child(2) ul{font-size:12px;font-weight:700;line-height:1.7}.mai-number-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mai-number-list li{padding:9px;border-radius:5px;background:#f7f7f8;color:#5a22cf;font-size:11px;font-weight:700}.mai-number-list span{margin-right:5px}.mai-components aside{margin-top:18px;padding:18px;border-radius:7px;background:#f8f7ff;color:#6732ce;font-size:12px;font-weight:700}
.mai-results{padding-block:54px 42px;text-align:center}.mai-results>h2{font-size:clamp(34px,3.5vw,48px)}.mai-results>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0 8px;text-align:left}.mai-results span{display:flex;min-height:92px;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;background:var(--mai-soft);font-weight:700}.mai-results span strong{align-self:flex-end;font-size:14px}.mai-results b{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:6px;background:#e9d9ff;color:var(--mai-purple)}.mai-results span:nth-child(n+4):nth-child(-n+6) b{background:#a7ebfb;color:#086779}.mai-results b svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mai-results>p:last-child{max-width:800px;margin-inline:auto}.mai-summary-band{padding:40px 0 70px;background:var(--mai-soft)}.mai-summary{position:relative;display:flex;min-height:265px;align-items:center;margin-bottom:0;padding:42px;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 10px 28px #1e284424}.mai-summary>div:first-child{position:relative;z-index:1;max-width:820px}.mai-summary h2{font-size:34px}.mai-summary p{margin-bottom:0}.mai-summary-art{position:absolute;right:70px;width:190px;height:190px;opacity:.55}.mai-summary-art i{position:absolute;width:54px;height:54px;border:16px solid #eee7ff}.mai-summary-art i:nth-child(1){top:0;left:55px}.mai-summary-art i:nth-child(2){top:68px;left:0}.mai-summary-art i:nth-child(3){top:68px;right:0}.mai-summary-art i:nth-child(4){bottom:0;left:55px}.mai-summary-art span{position:absolute;background:#eee7ff}.mai-summary-art span:nth-of-type(1){top:50px;left:80px;width:16px;height:88px}.mai-summary-art span:nth-of-type(2){top:87px;left:48px;width:94px;height:16px}.mai-summary-art span:nth-of-type(3){top:104px;left:80px;width:16px;height:36px}
/* Challenge section alignment with the approved reference. */
.mai-challenge>.mai-wrap{padding-top:46px;padding-bottom:54px}.mai-challenge>.mai-wrap>h2{font-size:clamp(38px,4vw,60px)}.mai-challenge>.mai-wrap>p{font-size:clamp(16px,1.6vw,22px)}
.mai-challenge-grid{gap:24px;margin:38px 0 54px}.mai-challenge-grid section{min-height:442px;padding:28px;border-radius:12px;box-shadow:0 1px 3px #1e28440c}.mai-challenge-grid header{display:flex;align-items:flex-start;gap:12px}.mai-challenge-grid header h3{margin:0 0 3px;font-size:21px}.mai-challenge-grid header p{margin:0}
.mai-heading-icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:9px;background:#eee7ff;color:var(--mai-purple)}.mai-heading-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mai-risk .mai-heading-icon{background:#fff0ef;color:#dc2828}
.mai-challenge-grid li{display:flex;min-height:34px;align-items:center;padding:7px 10px;color:var(--mai-ink);font-size:13px;font-weight:600}.mai-checks li::before{display:inline-grid;width:18px;height:18px;flex:0 0 18px;place-items:center;margin-right:7px;border:2px solid var(--mai-purple);border-radius:50%;color:var(--mai-purple);font-size:11px;line-height:1}.mai-risk ul{grid-template-columns:1fr}.mai-risk li{background:#fff6f5;color:var(--mai-ink)}.mai-risk li::before{margin-right:7px;color:#dc2828;font-size:24px;font-weight:400;line-height:.7}
.mai-components>.mai-component-planning{padding:0;background:transparent}.mai-component-planning>h2{max-width:760px;font-size:clamp(38px,4vw,58px)}.mai-component-planning>p{font-size:20px}.mai-component-planning .mai-list-label,.mai-component-assets .mai-list-label{margin:44px 0 24px;font-size:19px}.mai-planning-list{padding:38px;border-radius:13px;background:#fff}.mai-planning-list ul{margin:0}.mai-planning-list li{min-height:48px;font-size:17px}.mai-component-planning>p:last-child{margin:24px 0 0}
.mai-components>.mai-component-assets{min-height:0;padding:38px}.mai-component-assets>h2{font-size:clamp(30px,3vw,42px)}.mai-component-assets>p{max-width:900px;font-size:17px}.mai-component-assets>ul{display:grid;gap:5px;margin-top:12px}.mai-component-assets>ul li{position:relative;padding-left:28px;color:var(--mai-ink);font-size:15px;font-weight:800}.mai-component-assets>ul li::before{position:absolute;left:0;color:#08768a;content:"✺";font-size:20px;line-height:1}.mai-component-assets>p:last-child{margin:20px 0 0}
.mai-components>.mai-component-prompts,.mai-components>.mai-component-quality,.mai-components>.mai-component-publishing{min-height:0;padding:30px}.mai-components .mai-list-label{margin:20px 0 12px;color:#515a6d;font-size:14px}.mai-prompt-list{margin-top:0}.mai-prompt-list li{position:relative;padding:10px 12px 10px 14px;border-left:2px solid var(--mai-purple);color:#6416dd}.mai-component-prompts aside{margin-top:20px;padding:18px 14px}
.mai-quality-list{grid-template-columns:repeat(5,1fr);margin-top:0}.mai-quality-list li{position:relative;padding-right:32px;color:var(--mai-ink)}.mai-quality-list li:last-child{background:#f0e8ff;color:#6517e7}.mai-quality-list b{position:absolute;right:9px;color:#6c16ea;font-size:16px}.mai-quality-list li:nth-child(1) b::after{content:"◉"}.mai-quality-list li:nth-child(2) b::after{content:"⇄"}.mai-quality-list li:nth-child(3) b::after{content:"□"}.mai-quality-list li:nth-child(4) b::after{content:"☼"}.mai-quality-list li:nth-child(5) b::after{content:"↟"}.mai-quality-list li:nth-child(6) b::after{content:"✣"}.mai-quality-list li:nth-child(7) b::after{content:"♧"}.mai-quality-list li:nth-child(8) b::after{content:"♙"}.mai-quality-list li:nth-child(9) b::after{content:"⌗"}.mai-quality-list li:nth-child(10) b::after{content:"≋"}.mai-component-quality>p:last-child{margin:24px 0 0}
.mai-publishing-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:0}.mai-publishing-list li{display:flex;align-items:center;min-height:36px;padding:8px 10px;border-radius:5px;background:#f6f6f7;color:var(--mai-ink);font-size:13px;font-weight:700}.mai-publishing-list b{width:18px;color:#6b17e8}.mai-publishing-list li:nth-child(odd) b::after{content:"▣"}.mai-publishing-list li:nth-child(even) b::after{content:"⌯"}.mai-component-publishing>p:last-child{margin:22px 0 0}
.mai-results span{min-height:118px;flex-direction:column;align-items:flex-start;gap:16px;padding:18px}.mai-results span strong{align-self:auto}
@media(max-width:850px){.mai-hero{grid-template-columns:1fr}.mai-gallery img{height:150px}.mai-pipeline ol{grid-template-columns:repeat(3,1fr)}.mai-number-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.mai-wrap{width:calc(100% - 28px)}.mai-hero{padding-top:55px}.mai-gallery{grid-template-columns:1fr}.mai-gallery img{height:210px}.mai-challenge-grid{grid-template-columns:1fr}.mai-pipeline ol,.mai-results>div{grid-template-columns:1fr 1fr}.mai-components>section{padding:20px}.mai-components>section h2{font-size:25px}.mai-summary{padding:25px}.mai-summary h2{font-size:28px}}