.webshop-service-page{--accent:var(--ink);--ws-columns:minmax(0,1fr) minmax(0,1fr);--ws-column-gap:clamp(32px,5vw,64px)}
.webshop-service-page .site-frame{border-inline:0}
.ws-section{padding-block:80px}
.ws-eyebrow{font-size:11px;color:var(--muted);margin-bottom:22px;letter-spacing:.035em}
.ws-hero{padding-block:40px 72px}
.ws-hero h1{font-size:clamp(52px,7.1vw,100px);font-weight:500;line-height:1.02;letter-spacing:-.065em;max-width:17ch}
.ws-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:38px}
.ws-hero-bottom>p{max-width:48ch;font-size:17px;line-height:1.7}
.ws-actions{display:flex;flex-wrap:wrap;gap:18px 24px;align-items:center}
.ws-hero .ws-actions{max-width:280px;justify-content:flex-start;flex:none}
.ws-heading{display:grid;grid-template-columns:var(--ws-columns);gap:var(--ws-column-gap);align-items:end;margin-bottom:48px}
.ws-heading>p{font-size:17px;line-height:1.7;max-width:44ch}
.ws-process>.wrap,.ws-time>.wrap,.ws-platform>.wrap,.ws-handover>.wrap,.ws-faq>.wrap{border-top:1px solid var(--line);padding-top:36px}
.ws-process-layout{display:grid;grid-template-columns:var(--ws-columns);align-items:center;gap:var(--ws-column-gap)}
.ws-network{height:360px;position:relative;min-width:0;isolation:isolate}
.ws-network svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1}
.ws-network path{fill:none;stroke:var(--ink);stroke-width:1;opacity:.18}
.ws-network path.is-active{opacity:1;stroke-width:1.5;stroke-dasharray:9 7;animation:ws-flow 2s linear 2}
.ws-hub{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background:var(--paper);padding:8px 12px;font-size:23px;font-weight:600;letter-spacing:-.045em;white-space:nowrap}
.ws-node{position:absolute;border:0;background:var(--paper);padding:10px 7px;font-size:12px;line-height:1.4;min-height:44px;white-space:nowrap;text-underline-offset:5px;transform:translate(-50%,-50%)}
.ws-node:hover,.ws-node.is-active{text-decoration:underline}.ws-node.is-active{font-weight:700}
.ws-node-stock{left:15%;top:12.5%}.ws-node-orders{left:83%;top:12.5%}.ws-node-payment{left:12%;top:52.5%}.ws-node-shipping{left:83%;top:69%}.ws-node-admin{left:47%;top:87.5%}
.ws-demo-label{font-size:10px;text-transform:uppercase;letter-spacing:.075em;color:var(--muted);margin-bottom:16px}
.ws-flow-copy h3{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.04em;margin-bottom:18px}
.ws-flow-copy [data-ws-flow-copy]{font-size:15px;line-height:1.8;min-height:110px}
.ws-note{font-size:12px;line-height:1.8;color:var(--muted)}
.ws-flow-copy>.ws-note{margin-top:24px}
.ws-time-layout{display:grid;grid-template-columns:var(--ws-columns);gap:var(--ws-column-gap);align-items:start}
.ws-input{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.42fr);gap:12px;align-items:center;margin-bottom:22px}
.ws-input label{font-size:13px}
.ws-input input{width:100%;min-width:0;font:500 22px/1.5 var(--sans);color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:5px 4px;min-height:48px}
.ws-input input:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.ws-field-error{grid-column:1/-1;color:var(--ink);font-size:12px;line-height:1.6}
.ws-field-error[hidden]{display:none}
.ws-input input[aria-invalid=true]{border-bottom-width:2px}
#ws-time-form>.button{margin-top:8px}
#ws-time-form>.button:disabled{opacity:.5;cursor:wait}
.ws-results dl>div+div{margin-top:30px}
.ws-results dt{font-size:12px;color:var(--muted);margin-bottom:5px}
.ws-results dd{font-size:clamp(32px,4.3vw,60px);font-weight:500;letter-spacing:-.055em;line-height:1.15;overflow-wrap:anywhere}
.ws-results>.ws-note{margin-top:28px;max-width:43ch}
.ws-results.is-empty dd{display:none}
.ws-case{background:var(--ink);color:var(--paper)}
.ws-case .ws-eyebrow{color:rgb(247 247 245 / 70%)}
.ws-case-layout{display:grid;grid-template-columns:var(--ws-columns);gap:var(--ws-column-gap);align-items:center}
.ws-case-layout>div>p:not(.ws-eyebrow){font-size:16px;line-height:1.8;max-width:35ch;margin-top:28px;color:rgb(247 247 245 / 80%)}
.ws-case .text-link{color:var(--paper);margin-top:24px}
.ws-case a:focus-visible,.webshop-service-page .contact a:focus-visible,.webshop-service-page .foot a:focus-visible,.webshop-service-page .menu-pill :focus-visible{outline-color:var(--paper)}
.ws-case-media{position:relative;min-height:500px}
.ws-case-product{width:64%;height:auto;position:relative;margin-top:5%;filter:drop-shadow(0 20px 18px rgb(0 0 0 / 25%))}
.ws-case-mobile{position:absolute;width:35%;right:0;bottom:0;transform:rotate(4deg);box-shadow:0 16px 22px rgb(0 0 0 / 25%)}
.ws-platform-option{display:grid;grid-template-columns:var(--ws-columns);gap:var(--ws-column-gap);padding-block:32px;border-top:1px solid var(--line)}
.ws-platform-option h3{font-size:clamp(24px,3vw,38px);line-height:1.15;letter-spacing:-.045em;font-weight:500}
.ws-platform-option p{font-size:16px;line-height:1.8;max-width:48ch}
.ws-platform-option ul{list-style:none;margin:22px 0 0;padding:0;font-size:12px;color:var(--muted)}
.ws-platform-option li+li{margin-top:8px}
.ws-handover h2{max-width:17ch}
.ws-handover-layout{display:grid;grid-template-columns:var(--ws-columns);gap:var(--ws-column-gap);margin-top:44px}
.ws-package h3,.ws-ownership dt{font-size:17px;font-weight:600;letter-spacing:-.025em}
.ws-price{font-size:clamp(43px,5.4vw,72px);font-weight:500;letter-spacing:-.065em;line-height:1.15;margin-block:16px 28px}
.ws-price span{display:block;font-size:11px;letter-spacing:0;color:var(--muted);margin-top:7px}
.ws-package>p:not(.ws-price):not(.ws-note){font-size:16px;line-height:1.8}
.ws-package>.ws-note{margin-top:22px}.ws-package .ws-actions{margin-top:24px}
.ws-ownership>div+div{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.ws-ownership dd{font-size:14px;line-height:1.8;color:var(--muted);margin-top:10px}
.ws-faq-layout{display:grid;grid-template-columns:var(--ws-columns);gap:var(--ws-column-gap)}
.ws-faq details{border-top:1px solid var(--line)}.ws-faq details:last-child{border-bottom:1px solid var(--line)}
.ws-faq summary{display:flex;justify-content:space-between;gap:24px;cursor:pointer;font-size:15px;font-weight:500;line-height:1.5;padding-block:22px;list-style:none}
.ws-faq summary::-webkit-details-marker{display:none}.ws-faq summary>span{font-size:22px;font-weight:400;flex:none}.ws-faq details[open] summary>span{transform:rotate(45deg)}
.ws-faq details>p{font-size:14px;line-height:1.8;color:var(--muted);padding-bottom:24px;max-width:52ch}
.ws-faq summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.ws-contact-estimate{display:flex!important;max-width:max-content;margin-top:16px;color:var(--paper)!important}
@keyframes ws-flow{to{stroke-dashoffset:-32}}
@media(max-width:760px){
  .ws-section{padding-block:52px}.ws-hero{padding-block:22px 48px}.ws-hero h1{font-size:clamp(43px,9.4vw,69px)}.ws-hero-bottom{display:block;margin-top:28px}.ws-hero-bottom>p{font-size:15px}.ws-hero .ws-actions{max-width:none;margin-top:26px}.ws-heading{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.ws-heading>p{font-size:15px;max-width:48ch}.ws-heading h2,.ws-case h2,.ws-handover h2,.ws-faq h2{font-size:clamp(32px,6.8vw,45px)}
  .ws-process>.wrap,.ws-time>.wrap,.ws-platform>.wrap,.ws-handover>.wrap,.ws-faq>.wrap{padding-top:28px}.ws-process-layout,.ws-time-layout,.ws-case-layout,.ws-handover-layout,.ws-faq-layout{grid-template-columns:1fr;gap:32px}.ws-network{height:300px}.ws-node{font-size:11px}.ws-hub{font-size:22px}.ws-flow-copy [data-ws-flow-copy]{min-height:0}.ws-flow-copy h3{font-size:24px}.ws-flow-copy>.ws-note{margin-top:18px}.ws-time-layout{gap:38px}.ws-input{grid-template-columns:minmax(0,1fr) minmax(100px,.4fr)}.ws-results dd{font-size:43px}.ws-case-media{min-height:440px;max-width:440px;width:100%;margin:auto}.ws-case-product{width:57%;margin-left:4%}.ws-case-mobile{width:32%;right:4%;bottom:4%}.ws-case-layout>div>p:not(.ws-eyebrow){max-width:46ch;font-size:15px}.ws-platform-option{grid-template-columns:1fr;gap:22px;padding-block:28px}.ws-platform-option p{font-size:15px}.ws-handover-layout{margin-top:32px}.ws-package>p:not(.ws-price):not(.ws-note){font-size:15px}.ws-price{font-size:56px}.ws-faq summary{font-size:14px}.ws-faq details>p{font-size:13px}
}
@media(max-width:420px){.ws-network{height:260px}.ws-hub{font-size:20px}.ws-node-stock{left:17%}.ws-node-orders{left:81%}.ws-node-payment{left:15%}.ws-node-shipping{left:81%}.ws-node-admin{left:47%}.ws-case-media{min-height:335px}.ws-hero h1{font-size:clamp(39px,10vw,46px)}.ws-input{gap:16px}.ws-input label{font-size:12px}.ws-input input{font-size:21px}.ws-results dd{font-size:38px}}
@media(prefers-reduced-motion:reduce){.ws-network path.is-active{animation:none;stroke-dasharray:none}.ws-case-mobile{transform:none}.ws-faq summary>span{transition:none}}