/* VOLENG WEB V25.58 — Watermelon-inspired, VOLENG-original homepage. Presentation-only, scoped. */
.v58-home {--v58-ink:#0c1529;--v58-muted:#99a8c3;--v58-blue:#82a9ff;--v58-purple:#aaa3ff;--v58-mint:#68e7cb;--v58-gold:#ffce91}
body.v58-home .site-head{background:#0b162a;border-bottom:1px solid rgba(255,255,255,.09);box-shadow:none}
body.v58-home .site-head .primary-nav a,body.v58-home .site-head .nav-right .sign-in,body.v58-home .site-head .logo b{color:#ecf3ff}
body.v58-home .site-head .langs{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15)}
body.v58-home .site-head .langs a{color:#bccce5}
body.v58-home .site-head .langs a.is-selected{background:#fff;color:#132344}
body.v58-home .site-head .nav-book{background:#3d6df8;color:#fff}
body.v58-home .site-head .mobile-nav{color:white}
body.marketing-v2533.v52-home.v58-home .v52-hero{color:#fff;background:radial-gradient(ellipse 55% 65% at 78% 38%,rgba(52,92,175,.29),transparent 79%),radial-gradient(ellipse 35% 56% at 16% 90%,rgba(30,124,145,.16),transparent 78%),#0b162a;isolation:isolate}
body.marketing-v2533.v52-home.v58-home .v52-hero::before{inset:0;width:auto;height:auto;border:0;border-radius:0;right:0;top:0;opacity:.8;background-image:radial-gradient(rgba(190,208,255,.10) 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(to bottom,#000 10%,transparent 95%);-webkit-mask-image:linear-gradient(to bottom,#000 10%,transparent 95%)}
body.marketing-v2533.v52-home.v58-home .v52-hero::after{content:"";position:absolute;inset:0;pointer-events:none;border-left:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.04);margin:auto;max-width:1350px}
body.marketing-v2533.v52-home.v58-home .v52-hero .hero-layout{padding-top:clamp(84px,7.3vw,118px);padding-bottom:clamp(34px,4vw,65px);max-width:1360px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,82px)}
body.marketing-v2533.v52-home.v58-home .v52-hero .hero-pill{display:inline-flex;color:#96afff;letter-spacing:.18em;font-size:11px;font-weight:800;margin-bottom:26px;padding:0;border:0}
body.marketing-v2533.v52-home.v58-home .v52-hero h1{max-width:670px;color:white;font-size:clamp(48px,5.2vw,79px);line-height:1.015;letter-spacing:-.056em;font-weight:850;margin-bottom:25px}
body.marketing-v2533.v52-home.v58-home .v52-hero h1 em{display:block;color:transparent;background:linear-gradient(110deg,#82b9ff 5%,#aaafff 60%,#86e1d8);-webkit-background-clip:text;background-clip:text;font-style:normal}
body.marketing-v2533.v52-home.v58-home .v52-hero .hero-copy>p:not(.v52-hero-proof){color:#b7c6dd;font-size:clamp(16px,1.3vw,19px);line-height:1.65;max-width:540px;margin-bottom:29px}
body.marketing-v2533.v52-home.v58-home .v52-hero .hero-actions .btn{border-radius:12px;padding:14px 21px;min-height:52px;font-weight:750}
body.marketing-v2533.v52-home.v58-home .v52-hero .hero-actions .btn.primary{background:#4779f9;border-color:#4779f9;color:#fff;box-shadow:0 12px 30px rgba(46,106,238,.29)}
body.marketing-v2533.v52-home.v58-home .v52-hero .hero-actions .btn.secondary{border:1px solid rgba(190,211,255,.25);color:#eef4ff;background:rgba(255,255,255,.05)}
body.marketing-v2533.v52-home.v58-home .v52-hero .hero-actions .btn.secondary:hover{background:rgba(255,255,255,.12)}
body.marketing-v2533.v52-home.v58-home .v52-hero .v52-hero-proof{color:#a3b8d4;font-size:12px;letter-spacing:0;margin-top:21px}
.v58-home .v58-rotator{display:flex;align-items:center;gap:10px;margin-top:31px;color:#d8e9ff;min-height:26px;font-size:13px;font-weight:670}
.v58-home .v58-rotator-spark{width:9px;height:9px;background:#68e7cb;box-shadow:0 0 0 5px rgba(104,231,203,.13),0 0 19px rgba(104,231,203,.4);border-radius:50%;flex:none}
.v58-home .v58-rotator-title{display:inline-block;min-width:170px;transition:opacity .23s,transform .23s}
.v58-home .v58-rotator-title.is-changing{opacity:.08;transform:translateY(-7px)}
.v58-home .v58-rotator-bar{width:60px;height:2px;background:linear-gradient(90deg,#67ead2,transparent)}
.v58-home .v52-product-stage{position:relative;padding:25px 22px 18px;border:1px solid rgba(174,204,255,.18);background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border-radius:23px;box-shadow:0 30px 76px rgba(0,0,0,.20);backdrop-filter:blur(6px);transform:translateZ(0)}
.v58-home .v52-product-stage::after{content:"";position:absolute;inset:-12px 25px auto 25px;height:14px;background:linear-gradient(90deg,#50aaf7,#5ce4bd,#a4b8ff);border-radius:9px 9px 0 0;opacity:.5;filter:blur(12px);pointer-events:none}
.v58-home .v58-product-badge{display:flex;align-items:center;justify-content:flex-start;gap:10px;color:#b0c7e9;font-size:10px;letter-spacing:.07em;padding:0 8px 13px;position:relative;z-index:4}
.v58-home .v58-product-badge b{color:white;font-size:11px;letter-spacing:.12em}
.v58-home .v58-product-badge small{margin-left:auto;font-size:10px;color:#839cb9;letter-spacing:0}
.v58-home .v58-pulse{width:8px;height:8px;background:#5ae1c0;border-radius:50%;box-shadow:0 0 0 4px rgba(90,225,192,.11);animation:v58-breathe 3s ease-in-out infinite}
.v58-home .v52-stage-image{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;aspect-ratio:1.63;overflow:hidden}
.v58-home .v52-stage-image::after{background:linear-gradient(0deg,rgba(12,22,42,.28),transparent 16%);border-radius:12px}
.v58-home .v52-stage-image .v49-screen-img{object-fit:contain;background:linear-gradient(155deg,#f8fbff,#e9f0fb);filter:none;border-radius:12px}
.v58-home .v49-resto-preview{background:linear-gradient(128deg,#eef4ff,#f6fafc);color:#14233b;border-radius:12px}
.v58-home .v52-stage-caption{padding:18px 8px 0;min-height:65px}
.v58-home .v52-stage-eyebrow{color:#9bc2ff}
.v58-home .v52-stage-title{color:#f4f8ff;font-size:clamp(15px,1.25vw,18px)}
.v58-home .v49-page-counter{color:#9db5d9}
.v58-home .v52-product-nav{padding-top:17px;padding-bottom:13px;border-top:1px solid rgba(255,255,255,.16)}
.v58-home .v52-product-nav-label{color:#a7bddb}
.v58-home .v52-product-tab{color:#92a7c6;border-bottom-color:transparent;gap:9px}
.v58-home .v52-product-tab .v52-tab-index{color:#687e9e}
.v58-home .v52-product-tab.active,.v58-home .v52-product-tab:hover{color:#fff;border-bottom-color:#65e1c7}
.v58-home .v52-hero-foot{color:#a2b8d6;padding-top:10px;padding-bottom:30px}
.v58-home .v52-hero-foot small{color:#879dbd}
/* Bento, purpose-built for VOLENG capabilities */
.v58-home .v58-benefits{padding:clamp(76px,7.5vw,110px) 0 88px;background:#f8faff;color:#12233e;position:relative;overflow:hidden}
.v58-home .v58-benefits:before{content:"";position:absolute;top:-240px;right:-150px;width:580px;height:580px;background:radial-gradient(circle,rgba(53,104,245,.08),transparent 70%);pointer-events:none}
.v58-home .v58-benefits>.wrap,.v58-home .v58-connected>.wrap{max-width:1300px}
.v58-home .v58-section-head{max-width:790px;margin:0 auto 40px;text-align:center}
.v58-home .v58-eyebrow{font-size:11px;letter-spacing:.2em;color:#386cf1;font-weight:850}
.v58-home .v58-section-head h2,.v58-home .v58-connected h2{font-size:clamp(33px,4vw,58px);font-weight:850;line-height:1.1;letter-spacing:-.052em;margin:14px 0 14px;color:#14233b}
.v58-home .v58-section-head p,.v58-home .v58-connected p{font-size:clamp(15px,1.3vw,17px);line-height:1.7;color:#61718d;margin:0}
.v58-home .v58-bento{display:grid;grid-template-columns:1.25fr .85fr;grid-template-rows:repeat(2,minmax(280px,auto));gap:17px}
.v58-home .v58-bento-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:14px;overflow:hidden;border:1px solid #dfe8f6;border-radius:22px;background:#fff;padding:clamp(22px,2.5vw,31px);box-shadow:0 12px 30px rgba(25,55,102,.035);transition:transform .3s,border-color .3s,box-shadow .3s}
.v58-home .v58-bento-card:hover{transform:translateY(-4px);border-color:#b4c8ed;box-shadow:0 18px 40px rgba(26,68,122,.10)}
.v58-home .v58-card-route{background:linear-gradient(138deg,#fff,#ebf7f7);min-height:400px}
.v58-home .v58-card-capacity{background:linear-gradient(138deg,#fff,#f2efff);min-height:400px}
.v58-home .v58-card-customer{background:linear-gradient(138deg,#fdfefe,#edf4ff);min-height:350px}
.v58-home .v58-card-data{background:linear-gradient(138deg,#fff,#fff6ed);min-height:350px}
.v58-home .v58-bento-card::before{content:"";position:absolute;width:11px;height:11px;top:0;left:0;border-top:1px solid #9bb9e6;border-left:1px solid #9bb9e6;pointer-events:none}
.v58-home .v58-bento-copy{max-width:570px;position:relative;z-index:1}
.v58-home .v58-bento-card h3{font-size:clamp(23px,2.2vw,30px);letter-spacing:-.04em;margin:15px 0 9px;color:#182c4b;line-height:1.15}
.v58-home .v58-bento-card p{color:#586d89;font-size:14px;line-height:1.65;max-width:545px;margin:0}
.v58-home .v58-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:13px}
.v58-home .v58-icon svg{width:24px;height:24px;fill:none;stroke:currentColor}
.v58-home .v58-teal{background:#d9f6f0;color:#078a7d}.v58-home .v58-violet{background:#ece5ff;color:#7951ca}.v58-home .v58-blue{background:#e2edff;color:#326eea}.v58-home .v58-orange{background:#ffebd9;color:#dc7c25}
.v58-home .v58-route-scene{margin:12px 0 -8px;border:1px solid #d2e8e7;border-radius:14px;background:rgba(255,255,255,.82);padding:12px 20px 10px}
.v58-home .v58-route-head{display:flex;justify-content:space-between;color:#617f8e;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:750;gap:8px}
.v58-home .v58-route-art{display:block;width:100%;height:auto;max-height:150px;overflow:visible;fill:#2eb4ae}
.v58-home .v58-route-bad{stroke:#aebdd0;stroke-width:3;stroke-dasharray:6 9;fill:none;opacity:.65}
.v58-home .v58-route-good{stroke:url(#v58routegrad);stroke-width:5;fill:none;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;animation:v58-draw 3s 1s ease forwards}
.v58-home .v58-route-dot{fill:#fff;stroke:#297cff;stroke-width:3;filter:drop-shadow(0 1px 3px rgba(12,65,140,.18))}
.v58-home .v58-route-legend{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#627e8e}
.v58-home .v58-route-legend span{width:15px;height:0;border-top:3px solid #8d9fb1}.v58-home .v58-route-legend .v58-dashed{border-top-style:dashed}.v58-home .v58-route-legend .v58-solid{border-top-color:#2ab7ad;margin-left:10px}
.v58-home .v58-mini-team{padding:18px;border:1px solid #e1dcf5;background:rgba(255,255,255,.87);border-radius:16px}
.v58-home .v58-mini-team-top{display:flex;align-items:center;justify-content:space-between;color:#8e80b3;font-size:10px;font-weight:800;letter-spacing:.08em}
.v58-home .v58-avatars{display:flex;align-items:center}.v58-home .v58-avatars i{width:27px;height:27px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#d8cafa;color:#7754b3;font-size:9px;font-style:normal;margin-right:-5px}
.v58-home .v58-avatars i:nth-child(2){background:#d5e7ff;color:#376eae}.v58-home .v58-avatars i:nth-child(3){background:#d1f5e8;color:#278a7b}
.v58-home .v58-bars{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:10px;height:75px;margin:14px 0}.v58-home .v58-bars i{display:block;border-radius:9px 9px 4px 4px;background:linear-gradient(#9f91fc,#6b6bd6);height:var(--h);transform-origin:bottom;animation:v58-bars .8s both}.v58-home .v58-bars i:nth-child(1){--h:45%;animation-delay:.1s}.v58-home .v58-bars i:nth-child(2){--h:77%;animation-delay:.22s}.v58-home .v58-bars i:nth-child(3){--h:62%;animation-delay:.33s}.v58-home .v58-bars i:nth-child(4){--h:91%;animation-delay:.45s}
.v58-home .v58-mini-team small{color:#746595;font-size:10px}
.v58-home .v58-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}.v58-home .v58-flow-step{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;font-size:11px;font-weight:750;color:#3c5b88;background:#fff;border:1px solid #d7e5fb;border-radius:12px;padding:17px 5px;min-height:93px}.v58-home .v58-flow-step b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eaf2ff;color:#3971e3}.v58-home .v58-flow-step+ .v58-flow-step:before{content:"";position:absolute;left:-7px;top:50%;width:7px;height:2px;background:#87a9ef}
.v58-home .v58-data-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;border:1px solid #f5e7d3;background:rgba(255,255,255,.8);padding:17px 13px;border-radius:13px}
.v58-home .v58-data-line span{border:1px solid #efddc5;background:#fff;color:#986035;border-radius:20px;padding:9px 11px;font-size:11px;font-weight:750}.v58-home .v58-data-line .v58-core{background:#d97b2c;color:#fff;border-color:#d97b2c}
.v58-home .v58-disclaimer{font-size:11px;color:#8c9db4;text-align:center;margin:25px 0 0}
/* Connected data interlude before catalog */
.v58-home .v58-connected{padding:clamp(70px,7vw,104px) 0;background:linear-gradient(115deg,#101f3a,#173d69);overflow:hidden;position:relative;color:#fff}
.v58-home .v58-connected::after{content:"";pointer-events:none;position:absolute;inset:0;opacity:.65;background:radial-gradient(circle at 85% 50%,rgba(103,151,245,.18),transparent 40%),radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:auto,23px 23px}
.v58-home .v58-connected-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,7vw,130px);align-items:center;position:relative;z-index:2}
.v58-home .v58-connected .v58-eyebrow{color:#7bd9d3}
.v58-home .v58-connected h2{color:#fff;max-width:640px}
.v58-home .v58-connected p{color:#b3c5df;max-width:580px}
.v58-home .v58-connect-link{display:inline-flex;align-items:center;gap:20px;background:#fff;color:#193c7a;padding:13px 19px;font-size:13px;font-weight:850;text-decoration:none;border-radius:10px;margin-top:25px;transition:transform .22s}
.v58-home .v58-connect-link:hover{transform:translateY(-3px)}
.v58-home .v58-connected-diagram{position:relative;border:1px solid rgba(255,255,255,.18);border-radius:20px;min-height:300px;background:rgba(255,255,255,.055);padding:35px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}
.v58-home .v58-connected-diagram::before{content:"";position:absolute;left:50%;top:42%;height:80px;border-left:2px dashed #70ded0;opacity:.5}
.v58-home .v58-core-visual{position:relative;z-index:2;display:flex;align-items:center;gap:7px;border:1px solid #6dadff;background:#2466bd;color:#fff;font-weight:900;letter-spacing:.04em;font-size:19px;padding:17px 25px;border-radius:13px;box-shadow:0 8px 30px rgba(28,103,228,.24)}
.v58-home .v58-core-visual b{color:#a6f3d7}
.v58-home .v58-app-nodes{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}.v58-home .v58-app-nodes span{padding:12px 4px;background:#fff;border-radius:8px;font-size:11px;color:#123456;text-align:center;font-weight:850;border-top:3px solid #5ec6af}.v58-home .v58-app-nodes .v58-node-b{border-top-color:#9a7deb}.v58-home .v58-app-nodes .v58-node-a{border-top-color:#4da6ee}.v58-home .v58-app-nodes .v58-node-r{border-top-color:#eaaa58}
.v58-home .v58-connected-diagram small{color:#a3bedc;text-align:center;font-size:10px}
/* reveal is progressive enhancement: JS will only animate after class enabled */
.v58-home.v58-motion .v58-reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.v58-home.v58-motion .v58-reveal.v58-visible{opacity:1;transform:translateY(0)}
@keyframes v58-draw{to{stroke-dashoffset:0}}
@keyframes v58-breathe{50%{box-shadow:0 0 0 9px rgba(104,231,203,.04),0 0 19px rgba(104,231,203,.5)}}
@keyframes v58-bars{from{transform:scaleY(.15);opacity:.35}to{transform:scaleY(1);opacity:1}}
@media(max-width:1100px){body.marketing-v2533.v52-home.v58-home .v52-hero .hero-layout{grid-template-columns:1fr;max-width:860px;padding-top:70px}body.marketing-v2533.v52-home.v58-home .v52-hero .hero-copy{max-width:800px}.v58-home .v52-product-stage{max-width:790px}}
@media(max-width:750px){body.marketing-v2533.v52-home.v58-home .v52-hero .hero-layout{padding-top:42px;gap:33px}body.marketing-v2533.v52-home.v58-home .v52-hero h1{font-size:clamp(39px,9vw,56px)}.v58-home .v52-product-stage{padding:13px 12px 14px}.v58-home .v58-product-badge{font-size:9px;padding:0 1px 10px}.v58-home .v58-product-badge small{display:none}.v58-home .v58-bento{grid-template-columns:1fr;grid-template-rows:auto}.v58-home .v58-bento-card{min-height:unset}.v58-home .v58-card-route{min-height:350px}.v58-home .v58-card-capacity{min-height:320px}.v58-home .v58-connected-inner{grid-template-columns:1fr;gap:40px}.v58-home .v58-connected-diagram{min-height:260px}.v58-home .v58-flow-step{font-size:10px;padding:13px 3px;min-height:79px}}
@media(max-width:420px){.v58-home .v58-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.v58-home .v58-flow-step+ .v58-flow-step:before{display:none}.v58-home .v58-rotator{margin-top:19px}.v58-home .v58-bento-card{padding:20px}.v58-home .v58-route-scene{padding:8px}.v58-home .v58-route-legend{font-size:9px}}
@media(prefers-reduced-motion:reduce){.v58-home .v58-reveal,.v58-home .v58-bento-card,.v58-home .v58-route-good,.v58-home .v58-pulse,.v58-home .v58-bars i{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}.v58-home .v58-route-good{stroke-dashoffset:0!important}}
