/* WinStok: stock, mobile and dealer workflows in one product family. */
.ws { --ws-mint:#b8efd5; --ws-blue:#aac9ef; --ws-gold:#e6c78f; }
.mp:has(.ws) { padding-top:38px; }
.ws h2 { font-size:clamp(30px,3.4vw,44px); }
.ws h1 em,.ws h2 em { color:var(--ws-mint); font:inherit; }
.ws .mp-eyebrow { font-size:10px; letter-spacing:.14em; }
.ws-hero { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:56px; align-items:center; padding:24px 0 54px; }
.ws-hero__copy { animation:ws-arrive .8s ease-out backwards; }
.ws-hero .mp-eyebrow { display:flex; flex-wrap:wrap; gap:10px; }
.ws-hero .mp-eyebrow > span { opacity:.4; }
.ws h1 { font-size:clamp(29px,3vw,42px); line-height:1.2; letter-spacing:-.045em; margin:0 0 24px; }
.ws-brand { display:block; margin-bottom:20px; color:#fff; font-size:clamp(64px,7vw,96px); line-height:1.08; letter-spacing:-.035em; }
.ws-brand > span { color:var(--ws-mint); }
.ws-hero__copy > p { max-width:440px; font-size:15px; line-height:1.8; }
.ws .mp-actions { gap:22px; }
.ws .mp-button { font-size:12px; }
.ws .mp-textlink { font-size:12px; color:var(--ws-mint) !important; }
.ws-hero__signature { display:flex; align-items:center; gap:9px; margin-top:27px; color:#aebfd4; font-size:10px; }
.ws-hero__signature > span { width:5px; height:5px; flex-shrink:0; border-radius:50%; background:var(--ws-mint); }
.ws-scene { position:relative; isolation:isolate; min-width:0; margin:0; padding:24px 22px 18px; border:1px solid #badbc824; border-radius:24px; background:radial-gradient(ellipse at 55% 40%,#54949717,transparent 70%),linear-gradient(145deg,#242e4f88,#151e3d44); box-shadow:0 24px 70px -40px #080e27; animation:ws-arrive 1s .1s backwards; }
.ws-scene::before { content:''; position:absolute; inset:-50px; z-index:-1; pointer-events:none; background:radial-gradient(ellipse,#69b7a211,transparent 70%); }
.ws-scene__heading { display:flex; justify-content:space-between; align-items:center; color:#b0c7d8; font-size:9px; letter-spacing:.12em; }
.ws-scene__heading > span:last-child { color:var(--ws-mint); font-size:21px; }
.ws-scene__drawing { display:block; width:100%; height:auto; margin:8px 0 0; overflow:visible; }
.ws-scene__warehouse,.ws-scene__mobile,.ws-scene__dealer { transform-box:fill-box; transform-origin:center; animation:ws-arrive 1s backwards; transition:transform .5s; }
.ws-scene__mobile { animation-delay:.2s; }
.ws-scene__dealer { animation-delay:.4s; }
.ws-scene__connections path { stroke-dasharray:280; stroke-dashoffset:0; animation:ws-connect 2s .4s backwards; }
.ws-scene__labels { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; }
.ws-scene__labels a { display:block; position:relative; padding:12px 4px; border-top:1px solid #b8efd52b; color:#eaf1f4; font-size:12px; transition:border-color .25s,color .25s; }
.ws-scene__labels a span { display:block; margin-bottom:7px; color:#9fafca; font-size:8px; letter-spacing:.07em; }
.ws-scene__labels a:nth-child(2) { color:var(--ws-mint); border-color:#b8efd57a; }
.ws-scene__labels i { position:absolute; right:2px; bottom:11px; font-style:normal; color:var(--ws-mint); }
.ws-scene__labels a:hover { color:var(--ws-mint); border-color:var(--ws-mint); }
.ws-scene__footnote { display:block; margin-top:13px; text-align:right; color:#9babca; font-size:8px; }
.ws-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid var(--mp-line); scroll-margin-top:110px; }
.ws-nav a { display:grid; grid-template-columns:24px 1fr 20px; align-items:center; gap:5px 12px; padding:26px 20px; transition:background .25s; }
.ws-nav a + a { border-left:1px solid var(--mp-line); }
.ws-nav a:hover { background:#b8efd508; }
.ws-nav a > span { grid-row:1 / 3; align-self:start; color:var(--ws-mint); font-size:10px; padding-top:4px; }
.ws-nav strong { font-size:16px; font-weight:500; color:#f0f5fc; }
.ws-nav small { grid-column:2; color:#adbbd4; font-size:10px; }
.ws-nav i { grid-column:3; grid-row:1 / 3; font-style:normal; color:var(--ws-mint); transition:transform .25s; }
.ws-nav a:hover i { transform:translateY(3px); }
.ws section { scroll-margin-top:110px; }
.ws-section { padding:76px 0; border-bottom:1px solid var(--mp-line); }
.ws-stock { display:grid; grid-template-columns:.85fr 1.15fr; gap:72px; }
.ws-section__intro p { max-width:380px; margin:24px 0; font-size:14px; }
.ws-modules { display:grid; grid-template-columns:1fr 1fr; gap:32px 28px; }
.ws-module { position:relative; padding-top:18px; border-top:1px solid #b8efd540; }
.ws-module__number { display:block; margin-bottom:20px; color:#a4b9c7; font-size:10px; }
.ws .ws-module h3 { font-size:19px; line-height:1.3; margin:0 0 12px; font-weight:500; }
.ws .ws-module p { margin:0; font-size:12px; }
.ws-mobile { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:80px; }
.ws-mobile__screens { position:relative; min-height:450px; isolation:isolate; }
.ws-mobile__screens::before { content:''; position:absolute; inset:0 -10%; z-index:-1; background:radial-gradient(ellipse,#79b3d81b,transparent 65%); }
.ws-phone { position:absolute; overflow:hidden; width:205px; padding:6px; border:1px solid #afcfe94a; border-radius:23px; background:#182642; box-shadow:0 24px 45px #080e2c55; transition:transform .5s; }
.ws-phone img { display:block; width:100%; height:auto; border-radius:17px; }
.ws-phone--front { top:9px; left:15%; transform:rotate(-6deg); z-index:2; }
.ws-phone--back { top:44px; right:8%; transform:rotate(7deg); }
.ws-mobile__caption { position:absolute; bottom:0; width:100%; text-align:center; color:#a5b7cf; font-size:9px; }
.ws-mobile__copy > p { margin:22px 0; max-width:460px; font-size:14px; }
.ws-mobile h2 em { color:var(--ws-blue); }
.ws-checklist { display:grid; gap:13px; margin:0 0 26px; padding:0; list-style:none; }
.ws-checklist li { position:relative; padding-left:22px; color:#d1dced; font-size:13px; }
.ws-checklist li::before { content:'✓'; position:absolute; left:0; color:var(--ws-blue); }
.ws-b2b__heading { display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:70px; margin-bottom:34px; }
.ws-b2b h2 em { color:var(--ws-gold); }
.ws-b2b__heading > p { margin:0; font-size:14px; }
.ws-dealer-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.ws-dealer-card { padding:24px; border:1px solid #e6c78f29; border-radius:15px; background:linear-gradient(135deg,#e6c78f08,transparent); transition:border-color .25s,background .25s; }
.ws-dealer-card:hover { border-color:#e6c78f70; background:#e6c78f09; }
.ws-dealer-card__top { display:flex; justify-content:space-between; margin-bottom:36px; color:var(--ws-gold); font-size:11px; }
.ws .ws-dealer-card h3 { font-size:18px; font-weight:500; margin:0 0 13px; }
.ws .ws-dealer-card p { margin:0; font-size:12px; }
.ws-b2b__link { margin-top:26px; }
.ws-faq { display:grid; grid-template-columns:.85fr 1.15fr; gap:72px; border:0; }
.ws-faq__list { border-top:1px solid var(--mp-line); }
.ws-faq details { border-bottom:1px solid var(--mp-line); }
.ws-faq summary { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:21px 0; list-style:none; cursor:pointer; font-size:14px; color:#edf2fc; }
.ws-faq summary::-webkit-details-marker { display:none; }
.ws-faq summary > span { color:var(--ws-mint); font-size:22px; transition:transform .2s; }
.ws-faq details[open] summary > span { transform:rotate(45deg); }
.ws-faq details p { margin:0; padding:0 28px 22px 0; font-size:13px; }
.ws-faq summary:focus-visible { outline:2px solid var(--ws-mint); outline-offset:5px; }
.ws-cta { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:44px; border:1px solid #b8efd537; border-radius:22px; background:radial-gradient(ellipse at 0 0,#b8efd512,transparent 65%); }
.ws-cta p { margin:22px 0 0; font-size:14px; }
.ws-related { display:flex; justify-content:space-between; gap:20px; padding:30px 0 0; color:#a9bed4; font-size:11px; }
@keyframes ws-arrive { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@keyframes ws-connect { from { stroke-dashoffset:280; opacity:0; } to { stroke-dashoffset:0; opacity:1; } }
@media (hover:hover) and (prefers-reduced-motion:no-preference) { .ws-scene:hover .ws-scene__warehouse { transform:translateY(-5px); } .ws-mobile__screens:hover .ws-phone--front { transform:rotate(-3deg) translateY(-5px); } .ws-mobile__screens:hover .ws-phone--back { transform:rotate(4deg) translateY(-5px); } }
@media (max-width:1050px) { .ws-hero { gap:28px; } .ws-scene { padding:18px 14px; } .ws-scene__labels a { font-size:10px; } .ws-scene__labels i { display:none; } .ws-stock,.ws-mobile,.ws-faq { gap:36px; } .ws-phone { width:180px; } .ws-phone--front { left:4%; } .ws-phone--back { right:0; } .ws-mobile__screens { min-height:405px; } .ws-dealer-grid { grid-template-columns:1fr 1fr; } .ws-nav a { padding:22px 12px; gap:5px 8px; } .ws-nav strong { font-size:14px; } }
@media (max-width:760px) {
    .mp:has(.ws) { padding-top:28px; }
    .ws-hero { grid-template-columns:1fr; gap:34px; padding:14px 0 32px; }
    .ws-brand { font-size:clamp(60px,14vw,84px); }
    .ws h1 { font-size:clamp(29px,7vw,40px); }
    .ws-hero__copy > p { max-width:100%; font-size:14px; }
    .ws-hero__signature { font-size:9px; }
    .ws-scene { max-width:560px; width:100%; justify-self:center; border-radius:18px; }
    .ws-nav { grid-template-columns:1fr; }
    .ws-nav a { padding:18px 10px; grid-template-columns:24px 1fr 20px; }
    .ws-nav a + a { border-left:0; border-top:1px solid var(--mp-line); }
    .ws-nav strong { font-size:16px; }
    .ws-stock,.ws-mobile,.ws-faq { grid-template-columns:1fr; gap:32px; }
    .ws-section { padding:44px 0; }
    .ws-section__intro p { max-width:100%; }
    .ws-mobile__copy { grid-row:1; }
    .ws-mobile__screens { width:min(400px,100%); justify-self:center; }
    .ws-phone--front { left:8%; }
    .ws-phone--back { right:4%; }
    .ws-b2b__heading { grid-template-columns:1fr; gap:22px; }
    .ws-dealer-card { padding:20px; }
    .ws-cta { padding:28px; flex-direction:column; align-items:flex-start; }
    .ws-related { flex-wrap:wrap; }
}
@media (max-width:420px) { .ws-modules,.ws-dealer-grid { grid-template-columns:1fr; } .ws-module__number { margin-bottom:12px; } .ws-dealer-card__top { margin-bottom:20px; } .ws-phone { width:165px; } .ws-mobile__screens { min-height:375px; } .ws-hero .mp-actions { gap:20px; } }
@media (prefers-reduced-motion:reduce) { .ws *,.ws *::before,.ws *::after { animation:none !important; transition:none !important; } }