/* EazyEven illustrations use the existing case layout and product identity. */
.project-cover.eazy-cover{aspect-ratio:1024/543;background:#ffe170;container-type:inline-size;color:#2b281e;filter:none}
.eazy-cover:after{content:"";position:absolute;width:75%;height:140%;border:1px solid #b9982b26;border-radius:50%;left:45%;top:-25%;z-index:-1}
.eazy-cover-brand{position:absolute;left:7%;top:13%;bottom:13%;width:42%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2cqw}
.eazy-cover-brand img{display:block;width:15cqw;height:15cqw;border-radius:4cqw;box-shadow:0 4px 14px #9c730d16}
.eazy-cover-brand strong{font-size:6cqw;line-height:1.05;letter-spacing:-.22cqw;font-weight:600}
.eazy-cover-brand>span{font-size:clamp(9px,2.25cqw,17px);line-height:1.5;max-width:94%;color:#6f5c29}
.eazy-cover-chat{position:absolute;width:39%;right:6%;top:18%;bottom:17%;display:flex;flex-direction:column;justify-content:center;gap:2.4cqw}
.eazy-cover-caption{font-size:clamp(7px,1.8cqw,13px);color:#7d6b38;text-align:center}
.eazy-cover-message{align-self:flex-end;background:#fff9de;border-radius:3cqw 3cqw .6cqw 3cqw;padding:3cqw;font-size:clamp(9px,2.35cqw,18px);box-shadow:0 4px 10px #86691e0d}
.eazy-cover-result{background:#fffef7;border-radius:3cqw 3cqw 3cqw .6cqw;padding:3cqw;display:flex;flex-direction:column;gap:1.5cqw;box-shadow:0 4px 14px #86691e12}
.eazy-cover-result>span{font-size:clamp(8px,2cqw,15px);color:#6d6250}
.eazy-cover-result b{font-size:4.4cqw;font-weight:550;letter-spacing:-.1cqw;white-space:nowrap}
.eazy-cover-result small{font-size:clamp(7px,1.7cqw,12px);color:#93856c}
.portfolio-case>.eazy-cover{aspect-ratio:1024/543}
/* Keep the sequence aligned with the case text, with room for both languages. */
.portfolio-case .eazy-flow-figure{max-width:750px;margin:36px auto 40px}
.portfolio-case .eazy-body .eazy-flow{display:grid;grid-template-columns:1fr;gap:24px;padding:0;margin:0;list-style:none}
.portfolio-case .eazy-body .eazy-flow li{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:22px;row-gap:6px;align-content:center;min-height:98px;margin:0;padding:22px 26px;border:1px solid var(--line);border-radius:14px;background:var(--surface);min-width:0}
.portfolio-case .eazy-body .eazy-flow li:not(:last-child):after{content:"\2193";position:absolute;left:35px;bottom:-24px;width:24px;height:23px;line-height:23px;text-align:center;color:var(--accent);font-size:18px}
.eazy-step-number{display:grid;place-items:center;grid-row:1/3;align-self:center;width:42px;height:42px;border-radius:12px;background:#fff0a9;color:#77602a;font-size:12px;font-variant-numeric:tabular-nums}
.eazy-flow strong{grid-column:2;font-size:18px;font-weight:550;line-height:1.45;min-width:0}
.eazy-flow small{grid-column:2;font-size:14px;line-height:1.6;color:var(--muted);min-width:0}
.eazy-flow-adjustments{margin-top:30px;border:1px dashed var(--line);border-radius:14px;background:var(--soft);padding:24px 26px;text-align:left}
.eazy-flow-adjustments>span{font-size:13px;color:var(--muted);line-height:1.6}
.eazy-flow-adjustments>div{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin-top:16px}
.eazy-flow-adjustments>div>span{font-size:12px;line-height:1.5;padding:9px 13px;background:var(--surface);border-radius:8px;color:var(--fg)}
@container(max-width:430px){
 .portfolio-case .eazy-flow-figure{margin:28px auto 32px}
 .portfolio-case .eazy-body .eazy-flow{gap:22px}
 .portfolio-case .eazy-body .eazy-flow li{grid-template-columns:36px minmax(0,1fr);column-gap:15px;row-gap:6px;padding:19px 16px;min-height:100px;border-radius:12px}
 .portfolio-case .eazy-body .eazy-flow li:not(:last-child):after{left:22px;bottom:-22px;height:21px;line-height:21px}
 .eazy-step-number{width:36px;height:36px;border-radius:10px;font-size:11px}
 .eazy-flow strong{font-size:16px;line-height:1.45}
 .eazy-flow small{font-size:13px;line-height:1.65}
 .eazy-flow-adjustments{padding:20px 18px;margin-top:26px}
 .eazy-flow-adjustments>div{gap:8px}
}
.eazy-demo{background:#e9e7df;border:1px solid var(--line);border-radius:16px;overflow:hidden;max-width:560px;margin:auto}
.eazy-demo-header{display:flex;align-items:center;gap:12px;padding:18px 22px;background:#fffdf5;border-bottom:1px solid #e3dfd1;color:#3e3a30}
.eazy-demo-header img{width:42px!important;height:42px!important;flex:none;border:0!important;border-radius:50%!important}
.eazy-demo-header>div{display:flex;flex-direction:column;gap:5px}
.eazy-demo-header strong{font-size:15px;font-weight:550}
.eazy-demo-header small{font-size:11px;color:#8c8370;line-height:1.5}
.eazy-demo-conversation{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:25px 24px}
.eazy-message{padding:16px 20px;max-width:90%;border-radius:14px 14px 14px 3px;background:#fffdf8;box-shadow:0 3px 10px #4b473807;color:#4f493a}
.eazy-message-user{align-self:flex-end;background:#fbf1c6;border-radius:14px 14px 3px 14px}
.eazy-message>small,.eazy-message>strong{font-size:11px;color:#997c36;font-weight:550;display:block;margin-bottom:8px}
.portfolio-case .eazy-message p{font-size:15px;line-height:1.75;color:#4f493a;margin:0;white-space:pre-line}
.eazy-iterations{display:grid;gap:20px;margin:30px 0}
.eazy-iteration{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.eazy-iteration h3{grid-column:1/-1;font-size:20px;line-height:1.4;font-weight:550;letter-spacing:-.3px;margin:0}
.eazy-iteration small{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:9px;color:var(--muted)}
.eazy-after{border-left:2px solid #e7c95f;padding-left:20px}
.portfolio-case .eazy-iteration p{font-size:14px;line-height:1.75;margin:0}
.eazy-brand-panel{display:flex;gap:28px;align-items:center;padding:35px;background:#ffedab;border-radius:16px;color:#393326}
.eazy-brand-panel img{width:120px!important;height:120px!important;border:0!important;border-radius:28px!important;flex:none}
.eazy-brand-panel strong{font-size:32px;line-height:1.1;font-weight:550;letter-spacing:-1px}
.portfolio-case .eazy-brand-panel p{font-size:16px;line-height:1.6;margin:12px 0;color:#6f6346}
.eazy-brand-panel>div>span{font-size:12px;color:#958052}
.eazy-case-end a{font-size:16px;line-height:1.6}
[data-theme=dark] .project-cover.eazy-cover{filter:none}
[data-theme=dark] .eazy-step-number{background:#5b5031;color:#ffe7a0}
[data-theme=dark] .eazy-demo{background:#302e28}
[data-theme=dark] .eazy-demo-header{background:#39362d;border-color:#4d483b;color:#f4eddb}
[data-theme=dark] .eazy-demo-header small{color:#b8ad92}
[data-theme=dark] .eazy-message{background:#423e32;color:#eee4cd}
[data-theme=dark] .eazy-message-user{background:#514829}
[data-theme=dark] .eazy-message>small,[data-theme=dark] .eazy-message>strong{color:#e6c975}
[data-theme=dark] .portfolio-case .eazy-message p{color:#eee4cd}
@container(max-width:430px){.eazy-iteration{grid-template-columns:1fr;gap:18px;padding:20px}.eazy-iteration h3{font-size:19px}.eazy-after{padding-left:14px}.eazy-brand-panel{flex-direction:column;align-items:flex-start;gap:24px;padding:26px}.eazy-brand-panel img{width:90px!important;height:90px!important;border-radius:22px!important}.eazy-brand-panel strong{font-size:29px}.eazy-demo-header{padding:16px}.eazy-demo-conversation{padding:20px 14px}.eazy-message{padding:14px;max-width:94%}.portfolio-case .eazy-message p{font-size:13px}.eazy-demo-header small{font-size:10px}}

/* Show only the landing hero from the existing approved desktop captures. */
.eazy-landing-viewport{aspect-ratio:1063/789;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#f9f9f6}
.portfolio-case .eazy-landing-viewport img{width:100%;height:auto;max-height:none;border:0;border-radius:0}
