/* JoveWorks V4 — quatro produtos originais com calculos integrados */
.ecosystem-story{padding:122px 0 126px;background:radial-gradient(ellipse 54% 70% at 70% 12%,rgba(71,96,180,.13),transparent 71%),#0a1223;border-top:1px solid rgba(160,177,209,.13);border-bottom:1px solid rgba(160,177,209,.13)}
.ecosystem-title{display:grid;grid-template-columns:1.45fr .6fr;gap:70px;align-items:end;margin-bottom:40px}
.ecosystem-title h2{font-size:clamp(2.5rem,4vw,4.1rem);line-height:1.14;margin:0}
.ecosystem-title p{font-size:14px;color:#a5b5d0;line-height:1.85;margin:0}
.ecosystem-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid rgba(176,191,223,.22);border-radius:17px;background:linear-gradient(135deg,rgba(18,36,64,.7),rgba(9,21,39,.9));overflow:hidden}
.ecosystem-step{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:28px 24px 26px;min-height:310px;transition:background .22s}
.ecosystem-step+ .ecosystem-step{border-left:1px solid rgba(167,190,224,.17)}
.ecosystem-step:hover{background:rgba(223,179,111,.065)}
.ecosystem-step:not(:last-child):after{content:"↗";position:absolute;right:14px;top:12px;color:rgba(230,191,128,.5);font-size:15px}
.ecosystem-step>span{color:#e5bf83;font-size:9px;letter-spacing:.14em;font-weight:700}
.ecosystem-symbol{display:grid;place-items:center;height:57px;width:57px;background:rgba(151,187,236,.09);border:1px solid rgba(173,196,232,.18);border-radius:13px;margin:32px 0 20px;font-size:31px;color:#eac887;font-weight:400}
.ecosystem-step:nth-child(3) .ecosystem-symbol{color:#bfa9fd}
.ecosystem-step h3{font-size:20px;line-height:1.15;margin:0 0 9px}
.ecosystem-step p{font-size:12px;line-height:1.65;color:#acbad0;max-width:245px;margin:0 0 19px}
.ecosystem-step small{display:block;color:#efd5a8;font-size:11px;font-weight:700;margin-top:auto}
.ecosystem-footnote{color:#8396b5;font-size:11px;line-height:1.75;margin:20px 0}
.ecosystem-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.integrated-calcs{display:grid;grid-template-columns:285px minmax(0,1fr);gap:55px;align-items:center;padding:42px 50px;margin:0 0 44px;border:1px solid rgba(225,187,113,.26);border-radius:19px;background:radial-gradient(circle at 10% 40%,rgba(119,96,207,.14),transparent 56%),linear-gradient(140deg,#132038,#0b162a)}
.integrated-calcs-photo{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0;position:relative;padding:19px 20px;background:rgba(12,25,48,.78);border-radius:16px;border:1px solid rgba(181,201,232,.2)}
.integrated-calcs-photo:before{content:"";position:absolute;inset:8% 10%;pointer-events:none;background:radial-gradient(circle,rgba(197,162,96,.17),transparent 65%);filter:blur(12px)}
.integrated-calcs-photo img{max-height:420px;max-width:100%;height:auto;width:auto;object-fit:contain;border-radius:14px;box-shadow:0 14px 35px rgba(0,0,0,.28);position:relative}
.integrated-calcs-photo figcaption{text-align:center;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#8799b5;line-height:1.6}
.integrated-calcs-label{font-size:10px;letter-spacing:.17em;font-weight:800;color:#f1cb87}
.integrated-calcs-copy h2{margin:21px 0;font-size:clamp(2.6rem,4.3vw,4.3rem);line-height:1.08}
.integrated-calcs-copy p{font-size:14px;color:#b3c3da;line-height:1.9;max-width:640px}
.calcs-tags{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 28px}
.calcs-tags span{font-size:10px;padding:9px 11px;background:rgba(184,190,219,.07);border:1px solid rgba(151,173,216,.18);border-radius:5px;color:#dae3f3}
@media(max-width:1050px){.ecosystem-title{grid-template-columns:1fr;gap:18px}.ecosystem-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ecosystem-step:nth-child(3){border-left:0;border-top:1px solid rgba(167,190,224,.17)}.ecosystem-step:nth-child(4){border-top:1px solid rgba(167,190,224,.17)}.integrated-calcs{gap:27px;padding:30px;grid-template-columns:240px 1fr}.integrated-calcs-photo img{max-height:380px}}
@media(max-width:790px){.ecosystem-story{padding:88px 0}.integrated-calcs{grid-template-columns:1fr;max-width:620px;margin:0 auto 35px}.integrated-calcs-photo{max-width:320px;margin:auto;width:100%}.integrated-calcs-copy h2{font-size:clamp(2.5rem,6.9vw,3.3rem)}}
@media(max-width:560px){.ecosystem-story{padding:75px 0}.ecosystem-title h2{font-size:clamp(2.4rem,8.9vw,3.15rem)}.ecosystem-title p{font-size:12px}.ecosystem-steps{grid-template-columns:1fr}.ecosystem-step{min-height:0;padding:22px 19px}.ecosystem-step+.ecosystem-step{border-left:0;border-top:1px solid rgba(167,190,224,.17)}.ecosystem-symbol{margin:21px 0 14px;height:46px;width:46px;font-size:25px}.ecosystem-step h3{font-size:20px}.ecosystem-step p{font-size:12px}.ecosystem-step small{margin-top:12px}.ecosystem-actions .btn{width:100%}.integrated-calcs{padding:22px 16px}.integrated-calcs-photo{max-width:270px}.integrated-calcs-photo img{max-height:330px}.integrated-calcs-copy p{font-size:12px}.integrated-calcs-copy h2{font-size:clamp(2.35rem,10vw,3.1rem)}.calcs-tags span{font-size:9px;padding:7px}}
@media(prefers-reduced-motion:reduce){.ecosystem-step{transition:none}}

.promo-reel-link{display:inline-flex;gap:8px;align-items:center;margin-top:22px;color:#efd3a0;font-size:12px;font-weight:700;letter-spacing:.01em;text-decoration:underline;text-underline-offset:6px;text-decoration-color:rgba(228,185,114,.42)}.promo-reel-link:hover{color:#fff1ca}
