/* Vejoc 1l — consistent product / public design tokens; responsive first. */
:root{--v1l-bg:#080b11;--v1l-surface:#121722;--v1l-stroke:#2c3441;--v1l-text:#f5f7fa;--v1l-muted:#bac5d2;--v1l-primary:#b9e63f;--v1l-accent:#e0f5a4}
.vejoc1l-public-detail,.vejoc1l-difference{color:var(--v1l-text);background:var(--v1l-bg)}
.vejoc1l-public-detail{min-height:60vh;padding:96px max(22px,calc((100vw - 1120px)/2)) 100px}
.vejoc1l-crumb{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:14px;margin-bottom:42px;color:var(--v1l-muted)}
.vejoc1l-crumb a{color:var(--v1l-muted);text-decoration:none}
.vejoc1l-app-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.7fr);gap:32px;align-items:center}
.vejoc1l-app-hero h1{font-size:clamp(2.4rem,6vw,4.7rem);line-height:1.05;letter-spacing:-.05em;margin:16px 0 22px;color:var(--v1l-text)}
.vejoc1l-app-hero p{font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65;color:var(--v1l-muted)}
.vejoc1l-app-hero small,.vejoc1l-app-result small,.vejoc1l-lead small,.vejoc1l-difference small{font-weight:700;letter-spacing:.12em;color:var(--v1l-primary)}
.vejoc1l-app-hero aside,.vejoc1l-toolgrid article,.vejoc1l-app-result,.vejoc1l-lead,.vejoc1l-difference-grid article,.vejoc1l-prospect{border:1px solid var(--v1l-stroke);border-radius:18px;background:var(--v1l-surface);padding:24px}
.vejoc1l-app-hero aside b{font-size:12px;letter-spacing:.1em;color:var(--v1l-primary)}
.vejoc1l-app-hero aside small{display:block;margin-top:12px;letter-spacing:0;color:var(--v1l-muted)}
.vejoc1l-app-hero aside p{color:var(--v1l-text);font-size:20px}
.vejoc1l-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.vejoc1l-app-how,.vejoc1l-app-result,.vejoc1l-lead{margin-top:56px}
.vejoc1l-app-how h2,.vejoc1l-app-result h2,.vejoc1l-lead h2{font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:-.035em;color:var(--v1l-text)}
.vejoc1l-toolgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:24px}
.vejoc1l-toolgrid article{display:flex;align-items:center;gap:12px;padding:20px}
.vejoc1l-toolgrid article span{color:var(--v1l-primary);font-weight:bold}
.vejoc1l-toolgrid article h3{font-size:1rem;font-weight:600;line-height:1.4;color:var(--v1l-text);margin:0}
.vejoc1l-app-result p,.vejoc1l-lead p{color:var(--v1l-muted);line-height:1.7}
.vejoc1l-app-result a{color:var(--v1l-primary);font-weight:600}
.vejoc1l-difference{padding:84px max(22px,calc((100vw - 1120px)/2))}
.vejoc1l-difference-heading{max-width:780px}
.vejoc1l-difference h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.1;letter-spacing:-.05em;color:var(--v1l-text)}
.vejoc1l-difference h3{color:var(--v1l-text);font-size:1.28rem;line-height:1.3}
.vejoc1l-difference p{color:var(--v1l-muted);line-height:1.7}
.vejoc1l-difference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}
.vejoc1l-difference-grid b{font-size:12px;color:var(--v1l-primary)}
.vejoc1l-prospect{display:flex;align-items:center;justify-content:space-between;gap:24px}
.vejoc1l-prospect h3{margin:8px 0}
.vejoc1l-directory-hint{max-width:650px;margin:16px auto 0;color:var(--v1l-muted);line-height:1.6}
.vejoc1l-contract{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.vejoc1l-contract>div{padding:18px;border:1px solid var(--v1l-stroke,#454);border-radius:14px;background:var(--v1l-surface,#20242b)}
.vejoc1l-contract small{display:block;font-size:11px;letter-spacing:.09em;color:var(--v1l-primary,#97d700);font-weight:700}
.vejoc1l-contract p,.vejoc1l-contract li{font-size:14px;line-height:1.6;color:var(--v1l-text,#fff)}
.vejoc1l-contract ul{padding-left:19px;margin:9px 0}
.vejoc1l-contract li{margin:6px 0}
@media(max-width:760px){.vejoc1l-public-detail{padding:100px 18px 65px}.vejoc1l-app-hero{grid-template-columns:1fr;gap:18px}.vejoc1l-app-hero aside{padding:18px}.vejoc1l-difference{padding:64px 18px}.vejoc1l-difference-grid{grid-template-columns:1fr}.vejoc1l-prospect{flex-direction:column;align-items:flex-start}.vejoc1l-contract{grid-template-columns:1fr}.vejoc1l-actions .public432-btn{width:100%;text-align:center}}
@media(max-width:360px){.vejoc1l-toolgrid{grid-template-columns:minmax(0,1fr)}.vejoc1l-app-hero h1{font-size:2.25rem}}
@media(prefers-reduced-motion:reduce){.vejoc1l-public-detail *,.vejoc1l-difference *{scroll-behavior:auto!important;transition:none!important}}

.public1c-nav{gap:clamp(8px,1vw,18px)}
.public1c-desktop-nav{gap:clamp(12px,1.5vw,25px)}
.public1c-desktop-nav a{white-space:nowrap}
.store60 .vejoc1l-contract{color:inherit}

/* Site marketing deliberately uses a consistent obsidian identity in all device OS themes. */
.vejoc1l-public-detail,.vejoc1l-difference{--v1l-bg:#090c12;--v1l-surface:#141923;--v1l-stroke:#334051;--v1l-text:#f5f7fa;--v1l-muted:#c2cbd8;--v1l-primary:#b2e33f}
.vejoc1l-public-detail h1,.vejoc1l-public-detail h2,.vejoc1l-public-detail h3,.vejoc1l-difference h2,.vejoc1l-difference h3{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:var(--v1l-text)!important;color:var(--v1l-text)!important}
.vejoc1l-public-detail p,.vejoc1l-difference p,.vejoc1l-public-detail li{color:var(--v1l-muted)}
.vejoc1l-public-detail .vejoc1l-app-hero aside p,.vejoc1l-public-detail .vejoc1l-app-result h2{color:var(--v1l-text)}
.vejoc1l-public-detail .public432-btn.primary,.vejoc1l-difference .public432-btn.primary{background:linear-gradient(95deg,#b2e33f,#e0ef76);color:#101600;border-color:transparent}

.vejoc1l-demo-caption{position:relative;display:block;text-align:center;background:#141a24;color:#c2cbd8;padding:9px 12px;font-weight:600;font-size:12px;letter-spacing:.035em}
.home1d-preview-head .vejoc1l-preview-label{display:inline-flex;gap:8px;align-items:center;border-radius:8px;border:1px solid #334051;padding:9px 12px;color:#bec8d6;font-size:13px}
.home1d-preview-grid article footer a{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;color:inherit;text-decoration:none}
.home1d-preview-grid article footer a:hover,.home1d-shell aside a:hover,.home1d-favorites a:hover{text-decoration:underline;text-underline-offset:3px}
.home1d-shell aside a:focus-visible,.home1d-preview-grid a:focus-visible{outline:2px solid #b9e63f;outline-offset:3px}