#werking .how-start{background:linear-gradient(140deg,#edf6fd,#fff 80%);padding:44px 0 35px}
#werking #how-title{font-size:clamp(33px,3.6vw,48px);line-height:1.13;letter-spacing:-1px;margin:0 0 20px}
#werking .how-intro{max-width:780px;font-size:20px;line-height:1.6;margin:0 0 30px}
#werking .how-start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0;counter-reset:steps}
#werking .how-start-steps>li{position:relative;background:#fff;border:1px solid #dce8f2;border-radius:16px;padding:24px;box-shadow:0 6px 18px #103d7805}
#werking .how-step-number{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#0a67b4;color:#fff;font-size:22px;font-weight:bold;margin-bottom:18px}
#werking .how-start-steps h2{font-size:25px;line-height:1.2;margin:0 0 13px}
#werking .how-start-steps p{font-size:17px;line-height:1.6;margin:0 0 15px}
#werking .how-start-steps .how-step-note{font-size:16px;font-weight:bold;color:#1e6fa7;margin:20px 0 0}
#werking .how-store-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}
#werking .how-store-links a{flex:1 1 150px;background:#073b71;color:#fff;text-decoration:none;border-radius:8px;padding:12px 14px;min-height:64px;display:flex;flex-direction:column;gap:4px;line-height:1.3}
#werking .how-store-links span{font-size:12px}#werking .how-store-links strong{font-size:15px}
#werking .how-store-links a:hover{background:#125da2}#werking a:focus-visible{outline:3px solid #ff650b;outline-offset:3px}
#werking .how-editor{display:flex;gap:16px;align-items:flex-start;margin-top:22px;padding:23px 26px;background:#e8f2fa;border-radius:12px}
#werking .how-editor-mark{flex:0 0 26px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#196eb0;color:#fff;font-size:19px;font-weight:bold}
#werking .how-editor h2{font-size:21px;margin:0 0 8px;line-height:1.3}#werking .how-editor p{font-size:16px;line-height:1.6;margin:0}
#werking .how-app-section{padding-top:36px;padding-bottom:30px}
#werking .how-app-heading h2{font-size:clamp(29px,3vw,38px);line-height:1.2;margin:0 0 12px}
#werking .how-app-heading>p:last-child{font-size:18px;line-height:1.5;margin:0 0 28px}
#werking .how-app-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:44px;align-items:start}
#werking .how-app-preview{margin:0;padding:24px;border-radius:20px;background:#f1f6fb;text-align:center}
#werking .how-screen-window{max-width:310px;margin:auto;border-radius:16px;overflow:hidden;box-shadow:0 5px 16px #103d7820}
#werking .how-screen-window img{display:block;width:100%;height:auto;margin-bottom:-8.2%}
#werking .how-app-preview figcaption{font-size:15px;line-height:1.5;margin-top:20px;color:#436681}
#werking .how-functions{display:grid;gap:18px}
#werking .how-function{border-radius:16px;padding:24px 27px;--icon:#c77303;--icon-bg:#ffdc96;background:#fff2d9}
#werking .how-language{--icon:#247c3f;--icon-bg:#bfe6c6;background:#eaf6ed}
#werking .how-country{--icon:#1873b2;--icon-bg:#b8ddf9;background:#e8f4fe}
#werking .how-function-title{display:flex;align-items:center;gap:15px;margin-bottom:14px}
#werking .how-app-icon{flex:0 0 53px;width:53px;height:53px;display:grid;place-items:center;background:var(--icon-bg);color:var(--icon);border-radius:12px}
#werking .how-app-icon svg{width:35px;height:35px;fill:currentColor}
#werking .how-function .how-app-label{font-size:15px;color:var(--icon);font-weight:bold;line-height:1.3;margin:0 0 5px}
#werking .how-function h3{font-size:24px;line-height:1.2;margin:0}
#werking .how-function>p{font-size:17px;line-height:1.6;margin:0 0 12px}#werking .how-function>p:last-child{margin-bottom:0}
#werking .how-structure-link{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-top:20px;padding-bottom:45px}
#werking .how-structure-link h2{font-size:24px;line-height:1.25;margin:0 0 10px}#werking .how-structure-link p{font-size:17px;line-height:1.5;margin:0}
#werking .how-structure-link button{flex-shrink:0;min-height:48px;padding:13px 18px;border:1px solid #bed3e5;border-radius:9px;background:#fff;color:#105795;font:inherit;font-weight:bold;cursor:pointer}
@media(max-width:900px){#werking .how-start-steps{gap:14px}#werking .how-start-steps>li{padding:20px}#werking .how-start-steps h2{font-size:23px}#werking .how-app-layout{gap:24px;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}#werking .how-function{padding:21px}#werking .how-function h3{font-size:22px}#werking .how-app-preview{padding:16px}}
@media(max-width:760px){#werking .how-start{padding:28px 0}#werking .how-start-steps{grid-template-columns:minmax(0,1fr);gap:16px}#werking .how-intro{font-size:18px}#werking .how-start-steps>li{padding:23px}#werking .how-editor{padding:21px;gap:12px}#werking .how-app-layout{grid-template-columns:minmax(0,1fr);gap:25px}#werking .how-app-preview{max-width:390px;width:100%;justify-self:center;padding:22px}#werking .how-screen-window{max-width:270px}#werking .how-structure-link{flex-direction:column;align-items:flex-start;gap:18px}#werking .how-function h3{font-size:23px}}
@media(max-width:400px){#werking .how-function-title{align-items:flex-start;gap:12px}#werking .how-app-icon{flex-basis:44px;width:44px;height:44px}#werking .how-app-icon svg{width:30px;height:30px}#werking .how-function{padding:20px}#werking .how-function h3{font-size:22px}#werking .how-editor{padding:18px}#werking .how-store-links a{flex-basis:100%}}