/* EO Coming Soon: scoped, lightweight concept illustrations */
#eo-coming-showcase{--cs-ink:#f4f7ff;--cs-muted:#c1cce0;--cs-line:#ffffff20;box-sizing:border-box;position:relative;isolation:isolate;margin:24px 0 46px;padding:clamp(22px,4vw,48px);border:1px solid #253654;border-radius:28px;background:radial-gradient(ellipse at 85% 0%,#362a655c,transparent 50%),radial-gradient(ellipse at 0% 45%,#096b7750,transparent 48%),#101c32;color:var(--cs-ink);overflow:hidden}
#eo-coming-showcase *{box-sizing:border-box}#eo-coming-showcase .eo-cs-head{position:relative;margin-bottom:34px;max-width:780px}#eo-coming-showcase .eo-cs-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#c8c5ff;font-size:11px;font-weight:700;letter-spacing:2px}.eo-cs-dot{width:7px;height:7px;border-radius:50%;background:#72eee7;box-shadow:0 0 0 5px #72eee712}#eo-coming-showcase h1{color:#f7f9ff!important;font-size:clamp(36px,5.1vw,64px)!important;font-weight:600;letter-spacing:-2px;line-height:1.08;margin:20px 0 18px}#eo-coming-showcase h1 span{color:#87e8f0}#eo-coming-showcase .eo-cs-head>p{max-width:680px;color:#c6d3e9;font-size:17px;line-height:1.7;margin:0}#eo-coming-showcase .eo-cs-summary{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:22px;color:#aebcd6;font-size:11px;letter-spacing:.3px}.eo-cs-summary span+span:before{content:'·';padding-right:20px;color:#6be1e7}
#eo-coming-showcase .eo-cs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#eo-coming-showcase .eo-cs-card{min-width:0;display:flex;flex-direction:column;background:#17253b;border:1px solid var(--cs-line);border-radius:20px;overflow:hidden;transition:transform .25s ease,border-color .25s ease}#eo-coming-showcase .eo-cs-card:hover{transform:translateY(-5px);border-color:#94dce17a}#eo-coming-showcase .eo-cs-visual{height:224px;position:relative;overflow:hidden;border-bottom:1px solid var(--cs-line);padding:48px 20px 20px}.eo-cs-number,.eo-cs-concept{position:absolute;top:18px;font-size:10px;letter-spacing:1.5px;color:#d7e2f5}.eo-cs-number{left:20px;font-weight:700}.eo-cs-concept{right:20px;color:#c5d3e0;font-size:8px}#eo-coming-showcase .eo-cs-card-body{padding:22px;display:flex;flex-direction:column;flex:1}#eo-coming-showcase .eo-cs-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:space-between;color:#a3bfde;font-size:9px;font-weight:700;letter-spacing:1px}.eo-cs-status{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #ffffff20;border-radius:20px;color:#d8e5f7;font-size:8px;letter-spacing:0;font-weight:500;white-space:nowrap}.eo-cs-status i{width:4px;height:4px;background:#85e5d5;border-radius:50%}#eo-coming-showcase h2{font-size:21px!important;line-height:1.2!important;letter-spacing:-.5px;margin:18px 0 8px;color:#fff!important;font-weight:650}#eo-coming-showcase .eo-cs-tagline{color:#8ce3ed!important;font-size:12px!important;line-height:1.5;margin:0 0 12px;font-weight:600}#eo-coming-showcase .eo-cs-card-body>p:not(.eo-cs-tagline){font-size:12px;color:#c5d2e6;line-height:1.8;margin:0 0 18px}#eo-coming-showcase .eo-cs-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 22px}.eo-cs-tags li{border:1px solid #ffffff18;border-radius:6px;padding:5px 7px;color:#c5d2e6;font-size:9px}#eo-coming-showcase .eo-cs-card-link,#eo-coming-showcase .eo-cs-preview-note{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--cs-line);padding-top:14px;margin-top:auto;color:#e4ebff;font-size:11px;text-decoration:none}.eo-cs-preview-note{color:#aebfd7!important}.eo-cs-card-link span,.eo-cs-preview-note span{color:#84e5ec}
.eo-cs-beauty .eo-cs-visual{background:radial-gradient(circle at 75% 45%,#ddb9c552,transparent 70%),#342936}.eo-cs-browser{height:170px;border:1px solid #ffffff58;border-radius:10px;overflow:hidden;background:#f3e7eb;transform:rotate(-3deg);box-shadow:0 12px 24px #0003}.eo-cs-browser-top{height:22px;display:flex;align-items:center;gap:3px;padding:0 9px;border-bottom:1px solid #76475124}.eo-cs-browser-top i{width:3px;height:3px;border-radius:50%;background:#b39da5}.eo-cs-browser-top span{margin-left:auto;font-size:7px;color:#67454f}.eo-cs-beauty-scene{position:relative;height:150px;padding:17px;color:#543942;overflow:hidden}.eo-cs-beauty-small{display:block;font-size:6px;letter-spacing:1px}.eo-cs-beauty-scene strong{position:relative;z-index:1;display:block;margin-top:8px;font:24px/1.08 Georgia,serif;letter-spacing:-.5px}.eo-cs-beauty-orb{position:absolute;width:92px;height:125px;border-radius:60px 60px 20px 20px;right:12px;top:18px;background:radial-gradient(circle at 32% 28%,#fff0f1,#c394a5 62%,#946576);box-shadow:inset -12px -15px 20px #784d5e40;animation:eo-cs-float 9s ease-in-out infinite}.eo-cs-mini-button{display:block;margin-top:10px;font-size:6px;position:relative;z-index:1;color:#785865}
.eo-cs-support .eo-cs-visual{background:radial-gradient(circle at 50% 50%,#0c78966b,transparent 70%),#122d45}.eo-cs-phone{width:190px;margin:auto;padding:13px;border:1px solid #7ce4ed55;border-radius:14px;background:#182d46;box-shadow:0 15px 20px #0003;position:relative;z-index:1;transform:rotate(3deg)}.eo-cs-phone-top{display:flex;gap:8px;align-items:center}.eo-cs-app-icon{background:linear-gradient(140deg,#10b6ca,#7357e8);border-radius:8px;padding:8px;font-size:11px;font-weight:700}.eo-cs-phone-top strong{display:block;font-size:9px}.eo-cs-phone-top small{display:block;font-size:6px;color:#aac6dc;margin-top:3px}.eo-cs-bubble{font-size:8px;line-height:1.5;padding:8px 10px;margin-top:12px;border-radius:8px;max-width:140px}.eo-cs-bubble-client{background:#e5f1fa;color:#234155}.eo-cs-bubble-team{margin-left:auto;background:#334b70;color:#ecf7ff;animation:eo-cs-glow 7s ease-in-out infinite}.eo-cs-input{display:flex;justify-content:space-between;color:#acc4da;font-size:6px;margin-top:12px;padding-top:8px;border-top:1px solid #ffffff20}.eo-cs-input span{color:#74e3df;font-size:10px}.eo-cs-orbit{position:absolute;border:1px solid #54d9e722;border-radius:50%;width:220px;height:220px;top:35px;left:calc(50% - 110px)}.eo-cs-orbit-b{width:270px;height:270px;top:10px;left:calc(50% - 135px)}
.eo-cs-workspace .eo-cs-visual{background:radial-gradient(circle at 60% 40%,#7558d75c,transparent 70%),#252644}.eo-cs-dashboard{display:flex;height:175px;border:1px solid #afa2ef66;border-radius:10px;background:#171e36;box-shadow:0 14px 22px #0003;transform:rotate(-3deg);overflow:hidden}.eo-cs-dashboard-side{width:40px;padding:12px 9px;background:#202942;border-right:1px solid #ffffff12}.eo-cs-dashboard-side b{display:block;font-size:9px;color:#9ae7eb;margin-bottom:18px}.eo-cs-dashboard-side i{display:block;height:3px;margin:10px 0;border-radius:3px;background:#6f86a6}.eo-cs-dashboard-main{padding:14px;flex:1;min-width:0}.eo-cs-dashboard-main>strong{font-size:11px;line-height:1.4;display:block}.eo-cs-stat-row{display:flex;gap:6px;margin-top:10px}.eo-cs-stat-row>span{display:block;background:#293450;flex:1;padding:6px;font-size:6px;color:#c2cfe6;border-radius:4px}.eo-cs-stat-row i{display:block;height:3px;width:60%;background:#7cc7dd;margin-top:5px;border-radius:3px}.eo-cs-chart{height:39px;display:flex;gap:5px;align-items:flex-end;margin-top:12px;border-bottom:1px solid #ffffff20}.eo-cs-chart i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#8bdfe4,#735de2);height:45%;transform-origin:bottom;animation:eo-cs-bars 10s ease-in-out infinite}.eo-cs-chart i:nth-child(2){height:64%;animation-delay:.8s}.eo-cs-chart i:nth-child(3){height:52%;animation-delay:1.6s}.eo-cs-chart i:nth-child(4){height:75%;animation-delay:2.4s}.eo-cs-chart i:nth-child(5){height:62%;animation-delay:3.2s}.eo-cs-chart i:nth-child(6){height:85%;animation-delay:4s}.eo-cs-chart i:nth-child(7){height:95%;animation-delay:4.8s}.eo-cs-dashboard-line{width:55%;height:3px;background:#526381;border-radius:3px;margin-top:9px}
#eo-coming-showcase .eo-cs-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:30px;margin-top:32px;border-top:1px solid var(--cs-line)}.eo-cs-bottom>div>span{color:#abb9d4;font-size:8px;letter-spacing:1.4px}.eo-cs-bottom p{font-size:16px;margin:8px 0 0;color:#edf4ff}.eo-cs-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.eo-cs-actions a{text-decoration:none;font-size:11px;font-weight:600}.eo-cs-primary{display:inline-flex;align-items:center;gap:15px;background:#6650de;border:1px solid #9483ee;color:#fff!important;padding:12px 15px;border-radius:9px}.eo-cs-secondary{color:#bcdded!important}.eo-cs-actions a:hover{color:#fff!important}#eo-coming-showcase a:focus-visible{outline:3px solid #86e5ee;outline-offset:4px}
@keyframes eo-cs-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes eo-cs-glow{0%,100%{opacity:1}50%{opacity:.72}}@keyframes eo-cs-bars{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.75)}}
@media(max-width:1000px){#eo-coming-showcase .eo-cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#eo-coming-showcase .eo-cs-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.eo-cs-card:last-child .eo-cs-visual{height:100%;min-height:240px;border-bottom:0;border-right:1px solid var(--cs-line);display:flex;align-items:center}.eo-cs-card:last-child .eo-cs-dashboard{width:100%}#eo-coming-showcase .eo-cs-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){#eo-coming-showcase{padding:22px 18px;border-radius:20px;margin:12px 0 30px}#eo-coming-showcase h1{letter-spacing:-1.5px;font-size:39px!important}#eo-coming-showcase .eo-cs-eyebrow{font-size:8px;letter-spacing:1.5px}#eo-coming-showcase .eo-cs-head>p{font-size:14px}#eo-coming-showcase .eo-cs-summary{font-size:9px;gap:8px}.eo-cs-summary span+span:before{padding-right:8px}#eo-coming-showcase .eo-cs-grid{grid-template-columns:1fr;gap:18px}#eo-coming-showcase .eo-cs-card:last-child{display:flex;grid-column:auto}.eo-cs-card:last-child .eo-cs-visual{height:224px;min-height:0;border-right:0;border-bottom:1px solid var(--cs-line);display:block}#eo-coming-showcase .eo-cs-card-body{padding:22px}#eo-coming-showcase h2{font-size:23px!important}#eo-coming-showcase .eo-cs-card-body>p:not(.eo-cs-tagline){font-size:13px}#eo-coming-showcase .eo-cs-card-meta{font-size:10px}.eo-cs-status{font-size:9px}.eo-cs-tags li{font-size:10px}.eo-cs-actions{gap:18px}.eo-cs-primary{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){#eo-coming-showcase *{animation:none!important;transition:none!important}}

/* Readable editorial copy at every size. */
#eo-coming-showcase .eo-cs-card-body>p:not(.eo-cs-tagline){font-size:14px;line-height:1.7}#eo-coming-showcase .eo-cs-tagline{font-size:13px!important}.eo-cs-tags li{font-size:10px}#eo-coming-showcase .eo-cs-card-link,#eo-coming-showcase .eo-cs-preview-note{font-size:12px}.eo-cs-status{font-size:9px}

/* Four-project carousel: groups of three, without a layout library. */
#eo-coming-showcase .eo-cs-card[hidden],#eo-coming-showcase .eo-cs-carousel-controls[hidden]{display:none!important}
#eo-coming-showcase .eo-cs-card:last-child{display:flex;flex-direction:column;grid-column:auto}
#eo-coming-showcase .eo-cs-card:last-child .eo-cs-visual{display:block;height:224px;min-height:0;border-right:0;border-bottom:1px solid var(--cs-line)}
#eo-coming-showcase .eo-cs-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;color:#c6d3e9;font-size:12px}
#eo-coming-showcase .eo-cs-carousel-controls p{margin:0}#eo-coming-showcase .eo-cs-carousel-controls>div{display:flex;gap:8px}
#eo-coming-showcase .eo-cs-carousel-controls button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 13px;border:1px solid #ffffff30;border-radius:10px;background:#263550;color:#f4f7ff;font:600 12px/1 system-ui;cursor:pointer}
#eo-coming-showcase .eo-cs-carousel-controls button:hover{background:#3b4371;border-color:#87e8f0}#eo-coming-showcase .eo-cs-carousel-controls button:focus-visible{outline:3px solid #87e8f0;outline-offset:3px}
#eo-coming-showcase .eo-cs-coffee .eo-cs-visual{background:radial-gradient(ellipse at 70% 30%,#b9935e60,transparent 65%),#292722}
#eo-coming-showcase .eo-cs-coffee-browser{background:#f6f1e8;transform:rotate(3deg)}#eo-coming-showcase .eo-cs-coffee-browser .eo-cs-browser-top{color:#675138;border-color:#b99a7133}
#eo-coming-showcase .eo-cs-coffee-scene{position:relative;padding:17px;height:150px;color:#342c24;overflow:hidden}.eo-cs-coffee-kicker{display:block;font-size:6px;letter-spacing:1px}
#eo-coming-showcase .eo-cs-coffee-scene>strong{display:block;position:relative;z-index:1;margin:11px 0 0;font:22px/1.12 Georgia,serif;letter-spacing:-.6px}
#eo-coming-showcase .eo-cs-coffee-scene .eo-cs-mini-button{color:#785d38;margin-top:14px}
.eo-cs-coffee-cup{position:absolute;width:48px;height:48px;right:18px;bottom:25px;border-radius:7px 7px 19px 19px;background:linear-gradient(100deg,#d6ba8a,#fff5d9 45%,#c19c66);box-shadow:0 6px 9px #49301733}
.eo-cs-coffee-cup:before{content:'';position:absolute;width:19px;height:25px;right:-12px;top:7px;border:5px solid #cbb184;border-left:0;border-radius:0 12px 12px 0}
.eo-cs-coffee-cup:after{content:'';position:absolute;inset:3px 4px auto;height:8px;border-radius:50%;background:#634830;border:2px solid #ddc39e}
.eo-cs-coffee-cup i{position:absolute;top:-26px;left:12px;width:7px;height:22px;border-left:2px solid #9d7946;border-radius:50%;opacity:.4;animation:eo-cs-steam 4s ease-in-out infinite}.eo-cs-coffee-cup i:nth-child(2){left:24px;animation-delay:1s}.eo-cs-coffee-cup i:nth-child(3){left:34px;animation-delay:2s}
@keyframes eo-cs-steam{0%,100%{transform:translateY(4px);opacity:.1}50%{transform:translateY(-5px);opacity:.5}}
@media(prefers-reduced-motion:reduce){#eo-coming-showcase .eo-cs-coffee-cup i{animation:none}}