/* Editorial density for a landing; the approved Swiss tokens govern presentation. */
.vatia-pos{background:var(--vatia-canvas);color:var(--vatia-text);font-family:var(--vatia-font)}
.vp-wrap{max-width:1180px;margin:auto;padding:0 clamp(20px,4vw,32px)}
.vp-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center;padding-top:88px;padding-bottom:88px}
.vp-eyebrow{font:600 11px/1.5 var(--vatia-font-mono);letter-spacing:.12em;margin:0 0 24px;color:var(--vatia-text3)}
.vatia-pos h1{font-size:clamp(44px,5.5vw,72px);line-height:.99;max-width:12ch;margin:0}
.vatia-pos h1 span{color:var(--vatia-action-text)}
.vatia-pos h2{font-size:clamp(34px,4.4vw,54px);line-height:1.04;max-width:22ch;margin:0}
.vatia-pos h3{font-size:24px;line-height:1.12;letter-spacing:-.03em;margin:16px 0}
.vp-lead{font-size:19px;line-height:1.55;margin:28px 0;color:var(--vatia-text2)}
.vp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:30px}
.vp-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:12px 20px;background:var(--vatia-action);color:var(--vatia-on-action);border:1px solid var(--vatia-action);border-radius:var(--vatia-radius);font-weight:600;text-decoration:none}
.vp-button:hover{color:var(--vatia-on-action);filter:brightness(1.08)}
.vp-link{display:inline-block;min-height:44px;padding:10px 0;color:var(--vatia-action-text);text-underline-offset:5px}
.vp-note{font-size:13px;color:var(--vatia-text3);max-width:42ch;margin:18px 0 0}
.vp-preview{margin:0;border:1px solid var(--vatia-border);background:var(--vatia-surface);border-radius:var(--vatia-radius)}
.vp-preview figcaption{padding:16px 20px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--vatia-border);font:500 11px/1.5 var(--vatia-font-mono);color:var(--vatia-text3)}
.vp-preview figcaption span:first-child{font-weight:700;color:var(--vatia-text)}
.vp-preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:28px 24px 18px;font-weight:600}
.vp-status{font:500 11px/1.4 var(--vatia-font);padding:5px 8px;background:var(--vatia-selection);color:var(--vatia-action-text)}
.vp-preview-rows{padding:0 24px;min-height:128px}.vp-preview-rows>div{padding:18px 0;border-bottom:1px solid var(--vatia-border);display:flex;justify-content:space-between;gap:20px;font-size:14px}.vp-preview-rows strong{font-weight:500;text-align:right;white-space:nowrap}
.vp-total{display:flex;justify-content:space-between;gap:12px;padding:26px 24px 6px;align-items:center}.vp-total>span{font-size:13px;color:var(--vatia-text3)}.vp-total strong{font-size:36px;letter-spacing:-.055em}
.vp-preview>p{padding:0 24px 24px;font-size:11px;color:var(--vatia-text3);margin:0}.vp-preview-footer{display:flex;gap:24px;padding:16px 24px;background:var(--vatia-s2);font:500 11px/1.4 var(--vatia-font-mono);border-top:1px solid var(--vatia-border)}
.vp-section{padding:72px 0;border-top:1px solid var(--vatia-border)}
.vp-journey{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:44px}.vp-step-list button{display:grid;grid-template-columns:36px 1fr 20px;gap:16px;width:100%;text-align:left;min-height:76px;padding:18px 12px;border:0;border-top:1px solid var(--vatia-border);background:transparent;color:var(--vatia-text2);font:500 17px/1.3 var(--vatia-font);cursor:pointer}.vp-step-list button:last-child{border-bottom:1px solid var(--vatia-border)}.vp-step-list button[aria-pressed=true]{background:var(--vatia-selection);color:var(--vatia-action-text);border-top-color:var(--vatia-action)}
.vp-number{font:500 12px/1.5 var(--vatia-font-mono);color:var(--vatia-action-text)}.vp-step-content{padding:24px 0}.vp-step-content p{max-width:42ch;color:var(--vatia-text2)}
.vp-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:44px}.vp-capabilities article{border-top:1px solid var(--vatia-border);padding-top:22px}.vp-capabilities h3{font-size:20px}.vp-capabilities p{font-size:15px;color:var(--vatia-text2)}
.vp-context{background:var(--vatia-s2)}.vp-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.vp-context .vp-lead{margin-top:0}.vp-context p:not(.vp-eyebrow){color:var(--vatia-text2)}.vp-context .vp-link{margin-top:20px}
.vp-close{background:var(--vatia-surface)}.vp-close p:not(.vp-eyebrow){max-width:58ch;color:var(--vatia-text2);margin:24px 0}.vp-close .vp-button{margin-top:4px}
@media(max-width:900px){.vp-hero{gap:40px;padding-top:56px;padding-bottom:56px;grid-template-columns:1fr}.vp-intro{max-width:640px}.vp-preview{max-width:640px;width:100%}.vp-capabilities{grid-template-columns:repeat(2,1fr)}.vp-journey,.vp-context-grid{gap:32px}}
@media(max-width:560px){.vp-section{padding:48px 0}.vp-journey,.vp-context-grid{grid-template-columns:1fr;gap:20px}.vp-capabilities{grid-template-columns:1fr;gap:32px}.vp-preview-heading{padding:24px 18px 16px}.vp-preview-rows{padding:0 18px}.vp-preview-rows>div{gap:12px}.vp-total{padding:24px 18px 6px}.vp-preview figcaption{padding:14px 18px;font-size:10px}.vp-status{max-width:130px}.vp-step-content{padding:12px 0}.vp-actions{gap:12px}}

.vatia-pim .vp-preview-footer{flex-wrap:wrap;gap:12px 20px}
