.jvg { --jvg-ink:#183650; --jvg-muted:#536b7f; --jvg-line:#d5e4e9; --jvg-accent:#2d8da0; box-sizing:border-box; width:min(1120px,calc(100% - 32px)); margin:36px auto 54px; padding:34px; overflow:hidden; border:1px solid var(--jvg-line); border-radius:26px; color:var(--jvg-ink); background:linear-gradient(145deg,#f8fbfc,#edf5f7); box-shadow:0 18px 46px rgba(18,54,79,.09); font-family:Lato,sans-serif; }
.jvg *, .jvg *::before, .jvg *::after { box-sizing:border-box; }
.jvg[hidden] { display:none!important; }
.jvg-copy { max-width:820px; margin-bottom:24px; }
.jvg-copy .jvg-kicker { margin:0 0 7px; color:var(--jvg-accent)!important; font-size:12px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.jvg-copy h3 { margin:0 0 10px!important; color:var(--jvg-ink)!important; font-size:clamp(25px,3vw,38px)!important; line-height:1.14!important; letter-spacing:-.025em; }
.jvg-copy p { margin:0; color:var(--jvg-muted)!important; font-size:17px; line-height:1.65; }
.jvg svg { display:block; width:100%; max-width:820px; height:auto; margin:0 auto; }

.page .jvg.jvg-career, .page .jvg.jvg-contact, .page .jvg.jvg-technology { display:grid!important; grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr)!important; gap:38px; align-items:center; }
.jvg-career .jvg-copy, .jvg-contact .jvg-copy, .jvg-technology .jvg-copy { margin-bottom:0; }

.jvg-company { padding:38px; }
.jvg-timeline { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:34px; }
.jvg-timeline::before { content:''; position:absolute; top:31px; left:10%; right:10%; height:3px; background:linear-gradient(90deg,#6bb6d3,var(--jvg-accent)); }
.jvg-timeline article { position:relative; padding:0 20px 22px; text-align:center; }
.jvg-timeline span { position:relative; z-index:1; display:inline-grid; place-items:center; width:64px; height:64px; margin-bottom:22px; border:8px solid #f2f8f9; border-radius:50%; color:#fff; background:#183650; font-size:13px; font-weight:900; }
.jvg-timeline strong, .jvg-timeline small { display:block; }
.jvg-timeline strong { color:var(--jvg-ink); font-size:20px; }
.jvg-timeline small { margin-top:8px; color:var(--jvg-muted); font-size:14px; line-height:1.5; }

.jvg-search-flow { display:grid; grid-template-columns:repeat(3,1fr) 1.25fr; gap:12px; align-items:center; }
.jvg-search-flow span, .jvg-search-flow strong { display:flex; align-items:center; justify-content:center; min-height:58px; padding:12px 18px; border-radius:999px; text-align:center; }
.jvg-search-flow span { border:1px solid #cbdfe5; color:var(--jvg-ink); background:#fff; }
.jvg-search-flow strong { color:#fff; background:linear-gradient(90deg,#183650,#2d8da0); }

.jvg-vertical { display:grid; grid-template-columns:240px 1fr; gap:34px; align-items:center; width:100%; margin:0 0 42px; padding:28px 34px; border-color:var(--jvg-line); color:var(--jvg-ink); background:linear-gradient(145deg,#f8fbfc,#edf5f7); box-shadow:0 16px 42px rgba(18,54,79,.08); }
.jvg-orbit { position:relative; width:220px; height:220px; margin:0 auto 22px; border:1px solid rgba(255,255,255,.22); border-radius:50%; }
.jvg-orbit::before { content:''; position:absolute; inset:34px; border:1px solid rgba(127,224,233,.35); border-radius:50%; }
.jvg-orbit-core, .jvg-orbit i { position:absolute; display:grid; place-items:center; border-radius:50%; font-style:normal; font-weight:800; }
.jvg-orbit-core { inset:70px; color:#183650; background:#fff; }
.jvg-orbit i { width:66px; height:66px; color:#fff; background:#2d8da0; font-size:12px; }
.jvg-orbit-one { top:-10px; left:77px; }.jvg-orbit-two { right:-12px; bottom:28px; }.jvg-orbit-three { left:-12px; bottom:28px; }
.jvg-vertical figcaption strong, .jvg-vertical figcaption span { display:block; }
.jvg-vertical figcaption strong { margin-bottom:8px; color:var(--jvg-ink); font-size:24px; }
.jvg-vertical figcaption span { color:var(--jvg-muted); font-size:16px; line-height:1.6; }

@media(max-width:900px){.page .jvg.jvg-career,.page .jvg.jvg-contact,.page .jvg.jvg-technology{grid-template-columns:1fr!important}.jvg-copy{max-width:none}.jvg-search-flow{grid-template-columns:repeat(2,1fr)}.jvg-vertical{grid-template-columns:1fr;text-align:center}}
@media(max-width:640px){.jvg{width:calc(100% - 32px);margin:28px auto 42px;padding:24px;border-radius:20px}.jvg-copy h3{font-size:27px!important}.jvg-timeline{grid-template-columns:1fr}.jvg-timeline::before{top:0;bottom:0;left:31px;width:3px;height:auto}.jvg-timeline article{display:grid;grid-template-columns:64px 1fr;gap:16px;text-align:left}.jvg-timeline span{grid-row:1/3;margin:0}.jvg-search-flow{grid-template-columns:1fr}.jvg svg{min-width:0}.jvg-vertical{padding:24px}.jvg-orbit{transform:scale(.86);margin-top:-12px;margin-bottom:-4px}}
@media(prefers-reduced-motion:reduce){.jvg *{scroll-behavior:auto!important}}