/* Four related identities, with a single private backend. */
body[data-app=customer]{--app-color:#19604d;--app-soft:#eaf2e8;--app-bg:#f6f5ef}
body[data-app=manufacturer]{--app-color:#254b78;--app-soft:#e7eef7;--app-bg:#f0f4f8}
body[data-app=worker]{--app-color:#a74921;--app-soft:#f9ebde;--app-bg:#fbf5ed}
body[data-app=admin]{--app-color:#58416f;--app-soft:#ede7f3;--app-bg:#f4f2f7}
body[data-app]{background:var(--app-bg);color:#22372f}body[data-app] main{max-width:1040px;border-color:#e0e5df}body[data-app] .brand{color:var(--app-color);font-size:23px;letter-spacing:.4px}body[data-app] .brand img{width:43px;height:43px}body[data-app] a{color:var(--app-color)}body[data-app] .button,body[data-app] button:not(.social-button){background:var(--app-color);color:#fff}body[data-app] h1{font-size:clamp(28px,4vw,43px);line-height:1.13;letter-spacing:-1.2px;max-width:670px;margin-bottom:24px}body[data-app] .slogan{font-size:13px;margin-bottom:38px}.app-tag{background:var(--app-soft);color:var(--app-color);font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;padding:8px 11px;border-radius:5px}.app-landing{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.landing-lead{font-size:17px;line-height:1.7;color:#53675d;margin-top:24px}.landing-copy .button{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 20px}.secondary-button{display:block;border:1px solid #cfdad2;padding:14px;border-radius:8px;text-align:center;text-decoration:none;font-weight:600;margin-top:12px}.app-features{list-style:none;padding:0;margin:28px 0;display:grid;gap:15px;font-size:14px;line-height:1.5;color:#4d6256}.app-features li{display:flex;gap:12px}.app-features span{color:var(--app-color);font-weight:700}.landing-art{border-radius:22px;overflow:hidden;min-height:320px;background:var(--app-soft);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px}.landing-art>img{width:100%;border-radius:16px}.app-emblem{width:128px;height:128px;box-shadow:0 20px 45px #00000016;border-radius:32px}.app-emblem img{width:100%;height:100%}.art-caption{font-size:19px;font-weight:700;color:var(--app-color);margin:25px 0 0}.abstract-lines{width:75%;display:grid;gap:12px;margin-top:26px}.abstract-lines span{display:block;height:10px;border-radius:8px;background:var(--app-color);opacity:.16}.abstract-lines span:nth-child(2){width:75%}.abstract-lines span:nth-child(3){width:55%}.partner-link{border-top:1px solid #e3e6df;margin-top:36px;padding-top:24px;color:#627266;font-size:13px}.partner-link a{font-weight:600}.access-note{font-size:14px;background:var(--app-soft);padding:15px;border-radius:8px}.install-web-app{background:transparent!important;color:var(--app-color)!important;border:1px solid #cdd8cf!important}.login-links{display:flex;gap:16px;flex-wrap:wrap}.app-install-note{font-size:12px;color:#5d6d63}body[data-app] .notice.error{color:#9e3440}body[data-app] form{max-width:620px}body[data-app=worker] input,body[data-app=worker] button{min-height:50px}
@media(max-width:720px){.app-landing{grid-template-columns:1fr;gap:22px}.landing-art{min-height:210px;order:-1;padding:15px}.landing-art>img{max-height:220px;object-fit:contain}.app-emblem{width:80px;height:80px;border-radius:20px}.abstract-lines{display:none}.art-caption{font-size:16px;margin-top:15px}.landing-copy .button{margin-top:20px}body[data-app] h1{font-size:32px}body[data-app] .slogan{margin-bottom:28px}}