/* VAN Auto — section 04. Scoped styles, no impact on earlier sections. */
.van-ecosystem{--eco-orange:#ff5b00;--eco-ink:#08172c;position:relative;overflow:hidden;background:linear-gradient(125deg,#fff 0%,#fbfcfe 53%,#f2f6fa 100%);color:var(--eco-ink);font-family:Jura,sans-serif;padding:clamp(54px,6vw,110px) 0 clamp(70px,7vw,130px)}
.van-ecosystem *{box-sizing:border-box}.van-ecosystem__wrap{width:min(94%,1640px);margin:auto}.van-ecosystem__services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.7vw,28px)}
.van-ecosystem__service{position:relative;isolation:isolate;min-height:280px;padding:clamp(22px,2.3vw,38px);border:1px solid #edf0f4;border-radius:24px;background:linear-gradient(140deg,#fff,#f9fbfe);box-shadow:0 12px 36px rgba(9,28,52,.06);transition:transform .45s ease,box-shadow .45s ease;overflow:hidden}.van-ecosystem__service:hover{transform:translateY(-9px);box-shadow:0 22px 55px rgba(9,28,52,.13)}
.van-ecosystem__service-copy{position:relative;z-index:1;max-width:calc(100% - 75px)}.van-ecosystem__eyebrow{margin:0 0 14px!important;color:var(--eco-orange)!important;font-size:clamp(13px,1.12vw,18px)!important;font-weight:800;letter-spacing:.12em;line-height:1.35}.van-ecosystem h3{font-size:clamp(21px,1.65vw,29px);line-height:1.13;letter-spacing:-.025em;margin:0 0 16px;font-weight:800;color:var(--eco-ink)}.van-ecosystem__service-copy>p:not(.van-ecosystem__eyebrow){font-size:clamp(14px,1.05vw,17px);line-height:1.55;color:#48576b;margin:0 0 22px}
.van-ecosystem__outline,.van-ecosystem__primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none!important;font-weight:800;transition:transform .25s,background .25s,box-shadow .25s}.van-ecosystem__outline{padding:10px 18px;border:1.5px solid var(--eco-orange);border-radius:100px;color:var(--eco-orange)!important;background:#fff;font-size:14px}.van-ecosystem__outline:hover{transform:translateY(-2px);background:#fff4ed;box-shadow:0 7px 18px #ff5b0024}.van-ecosystem__art{position:absolute;right:14px;top:18px;width:clamp(86px,8.5vw,132px);filter:drop-shadow(0 12px 12px #ff5b0019);transition:transform .5s ease}.van-ecosystem__art svg{display:block;width:100%;height:auto}.van-ecosystem__service:hover .van-ecosystem__art{transform:translateY(-8px) rotate(5deg) scale(1.07)}
.van-ecosystem__future{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(25px,4vw,70px);align-items:center;margin-top:clamp(65px,8vw,140px)}.van-ecosystem__future-copy{max-width:610px}.van-ecosystem h2{font-size:clamp(35px,3.35vw,63px);line-height:1.08;letter-spacing:-.045em;margin:0 0 22px;font-weight:800;color:var(--eco-ink)}.van-ecosystem__future-copy>p:not(.van-ecosystem__eyebrow){font-size:clamp(17px,1.3vw,22px);line-height:1.55;color:#48576b;margin:0 0 28px}.van-ecosystem__primary{border-radius:100px;background:var(--eco-orange);color:white!important;padding:16px 26px;font-size:16px;box-shadow:0 12px 24px #ff5b0033}.van-ecosystem__primary:hover{transform:translateY(-3px);background:#e95300;box-shadow:0 18px 30px #ff5b0040}
.van-ecosystem__visual{position:relative;isolation:isolate;min-height:clamp(420px,43vw,690px);display:flex;align-items:center;justify-content:center}.van-ecosystem__visual-glow{position:absolute;inset:14%;background:radial-gradient(circle,#ff5b0015,transparent 67%);filter:blur(20px);z-index:-1}.van-ecosystem__core{display:block;width:min(92%,670px);height:auto;object-fit:contain;filter:drop-shadow(0 20px 25px #101d2a14);animation:vanEcoFloat 6s ease-in-out infinite}.van-ecosystem__node{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffffed;border:1px solid #edf0f5;border-radius:18px;box-shadow:0 14px 28px #071b3020;color:var(--eco-ink);font-size:clamp(12px,1vw,16px);font-weight:800;line-height:1.2;backdrop-filter:blur(10px);transition:transform .35s ease,box-shadow .35s ease}.van-ecosystem__node:hover{transform:translateY(-7px)!important;box-shadow:0 19px 35px #071b3030}.van-ecosystem__node-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#0b1a2d;color:#ff7629;font-size:23px;flex-shrink:0}.van-ecosystem__node--booking{top:6%;left:22%}.van-ecosystem__node--crm{top:10%;right:0}.van-ecosystem__node--personal{top:41%;left:0}.van-ecosystem__node--loyalty{bottom:7%;left:15%}.van-ecosystem__node--apps{bottom:15%;right:0}
@keyframes vanEcoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(max-width:1100px){.van-ecosystem__services{grid-template-columns:repeat(2,minmax(0,1fr))}.van-ecosystem__service:last-child{grid-column:1/-1}.van-ecosystem__future{grid-template-columns:1fr}.van-ecosystem__future-copy{max-width:760px}.van-ecosystem__visual{min-height:600px;max-width:850px;width:100%;margin:auto}}
@media(max-width:650px){.van-ecosystem{padding:56px 0 75px}.van-ecosystem__wrap{width:min(92%,520px)}.van-ecosystem__services{grid-template-columns:1fr;gap:16px}.van-ecosystem__service:last-child{grid-column:auto}.van-ecosystem__service{min-height:245px;padding:22px;border-radius:20px}.van-ecosystem__service-copy{max-width:calc(100% - 60px)}.van-ecosystem__art{width:90px;right:9px;top:20px}.van-ecosystem h3{font-size:23px}.van-ecosystem__future{margin-top:74px;gap:22px}.van-ecosystem h2{font-size:clamp(32px,9vw,45px)}.van-ecosystem__visual{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch;padding-top:0}.van-ecosystem__core{grid-column:1/-1;width:min(100%,440px);margin:auto;animation:vanEcoFloat 6s ease-in-out infinite}.van-ecosystem__visual-glow{inset:0 0 45%}.van-ecosystem__node{position:static;padding:10px 9px;gap:7px;min-width:0;font-size:11px;border-radius:13px;box-shadow:0 6px 18px #071b3012}.van-ecosystem__node-icon{width:29px;height:29px;font-size:17px;border-radius:9px}.van-ecosystem__node--apps{grid-column:1/-1;justify-self:center;min-width:52%}}
@media(max-width:370px){.van-ecosystem__service-copy{max-width:100%;padding-top:80px}.van-ecosystem__art{top:8px;left:20px;right:auto;width:78px}.van-ecosystem__node{font-size:10px}}
@media(min-width:2000px){.van-ecosystem__wrap{max-width:1900px}.van-ecosystem__service{min-height:330px}}
@media(prefers-reduced-motion:reduce){.van-ecosystem *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
