:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#232724;background:#fbfcfa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.login-layout{display:grid;grid-template-columns:1.05fr 1fr;min-height:100svh}.story{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#172722;color:#fff;padding:42px 8%;isolation:isolate}.story:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 100% 90%,#42624a55,transparent 60%),linear-gradient(130deg,transparent 60%,#ffffff03 60%)}.wordmark{display:block;align-self:flex-start;width:250px;max-width:100%;padding:2px 10px;background:#f7f8f2;border-radius:12px;text-decoration:none}.wordmark img{display:block;width:100%;height:auto}.story-content{margin:auto 0;padding:52px 0 28px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;color:#c2d2c7;display:flex;align-items:center;gap:9px}.eyebrow>span{height:6px;width:6px;background:#ff9058;border-radius:50%}h1{font-size:clamp(38px,4.1vw,66px);line-height:1.1;letter-spacing:-2.8px;font-weight:500;margin:26px 0 22px}h1 em{font-family:Georgia,serif;font-weight:400;color:#ff9e69}.story-description{font-size:14px;line-height:1.9;color:#b1c0b8}.connection-art{position:relative;height:224px;margin-top:34px;max-width:480px}.orbit{position:absolute;border:1px solid #ffffff0c;border-radius:50%;width:350px;height:350px;left:90px;top:-40px}.orbit-two{width:250px;height:250px;left:140px;top:10px}.call-card{position:absolute;top:18px;left:0;right:24px;display:flex;align-items:center;gap:12px;background:#f7f8f2;color:#26362e;padding:17px;border-radius:16px;box-shadow:0 20px 40px #06160e30;transform:rotate(-3deg)}.avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:#e5ebde;border-radius:50%;font-size:12px;font-weight:700}.call-card strong{font-size:12px;display:block}.call-card small{display:flex;align-items:center;gap:5px;margin-top:7px;font-size:9px;color:#69776c}.call-card small i{height:5px;width:5px;border-radius:50%;background:#629873}.call-icon{margin-left:auto;background:#dcebdc;color:#3d6b43;border-radius:50%;width:33px;height:33px;display:grid;place-items:center}.call-icon svg{width:16px;height:16px}.sound-card{position:absolute;top:108px;left:58px;width:240px;padding:16px 20px;border:1px solid #ffffff1f;background:#2c4037;border-radius:15px;transform:rotate(3deg);box-shadow:0 20px 35px #0002}.sound-label{font-size:9px;color:#d6e3d9}.wave{height:56px;display:flex;align-items:center;gap:4px}.wave i{display:block;width:4px;height:calc(var(--bar)*.65);border-radius:3px;background:#a5c5a4}.wave i:nth-child(3n){background:#ffac7d}.sound-caption{font-size:9px;color:#aabdaf}.cloud-node{position:absolute;right:3px;top:132px;background:#ff945b;color:#26372c;border-radius:19px;display:grid;place-items:center;width:65px;height:65px;transform:rotate(8deg)}.cloud-node svg{width:37px;height:37px}.story-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#a2b4a9;position:relative;margin-top:30px}.story-footer span:last-child{font-size:8px;letter-spacing:1.3px}.access{display:flex;flex-direction:column;padding:42px 9% 30px;position:relative}.preview-label{align-self:flex-end;font-size:10px;color:#747d74;display:flex;align-items:center;gap:7px}.preview-label>span{width:5px;height:5px;border-radius:50%;background:#7b9a7a}.login-content{width:100%;max-width:370px;margin:auto; padding:44px 0}.product-logo{display:block;width:270px;max-width:100%;height:90px;object-fit:contain;margin:0 0 28px -12px}.product-name{font-size:26px;font-weight:800;margin-bottom:40px}.section-label{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#838c80}.welcome h2{font-size:29px;line-height:1.2;font-weight:600;letter-spacing:-1px;margin:13px 0 10px}.welcome p{font-size:13px;color:#7a8178;margin:0 0 33px}form label{display:block;font-size:12px;font-weight:600;margin:20px 0 9px}.input-wrap{display:flex;align-items:center;gap:12px;border:1px solid #dfe4da;background:white;border-radius:10px;padding:0 14px;height:53px;transition:border-color .2s,box-shadow .2s}.input-wrap>svg{color:#8b9588;width:17px;flex-shrink:0}.input-wrap:focus-within{border-color:#acba9e;box-shadow:0 0 0 3px #cad5bf40}input{min-width:0;width:100%;border:0;outline:none;background:transparent;font-size:12px;color:#26362e;height:100%}input::placeholder{color:#969c93}.password-toggle{border:0;background:transparent;color:#87917f;display:grid;place-items:center;min-width:32px;min-height:40px;padding:4px}.password-toggle svg{width:18px}.submit{border:0;border-radius:10px;background:#f76b2c;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;width:100%;height:53px;margin-top:26px;font-size:13px;font-weight:600;box-shadow:0 6px 16px #f76b2c20;transition:background .2s,transform .2s}.submit:hover{background:#df571d;transform:translateY(-1px)}.submit>span:last-child{font-size:21px;font-weight:400}.submit:disabled{opacity:.7;cursor:wait}.help{text-align:center;font-size:10px;color:#7b8478;margin:22px 0 31px;line-height:1.7}.help span{color:#46533f;font-weight:500}.access-note{border-top:1px solid #e7eae2;display:flex;align-items:center;justify-content:center;gap:7px;padding-top:23px;font-size:10px;color:#90988c}.access-note svg{width:14px;height:14px}.access-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#8b9386}.access-footer a{text-decoration:none}.access-footer a:hover{text-decoration:underline}:focus-visible{outline:3px solid #e88b58;outline-offset:4px}@media(min-width:1600px){.story{padding-left:14%;padding-right:12%}.access{padding-left:14%;padding-right:14%}}@media(max-width:1000px){.story{padding:35px 7%}h1{font-size:44px}.access{padding:35px 8%}.call-card{right:0;padding:12px;gap:8px}.call-card strong{font-size:10px}.sound-card{left:12px;width:215px}.cloud-node{width:50px;height:50px;right:-10px}.welcome h2{font-size:25px}}@media(max-width:720px){.login-layout{grid-template-columns:1fr}.story{padding:27px 28px}.story-content{padding:33px 0 6px}h1{font-size:40px;letter-spacing:-1.5px;margin:18px 0}h1 br:nth-child(2){display:none}.story-description{font-size:12px;margin-bottom:8px}.connection-art,.story-footer{display:none}.eyebrow{font-size:8px}.access{padding:24px 28px;min-height:650px}.preview-label{font-size:9px}.login-content{padding:20px 0 35px}.product-logo{width:230px;height:77px;margin-bottom:20px}.welcome h2{font-size:28px}.access-footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Tenant identity on the access panel. */
.access .submit{background:var(--login-primary);box-shadow:none}.access .submit:hover{background:var(--login-hover)}.access .welcome h2,.access .product-name{color:var(--login-nav)}.access .section-label{color:var(--login-primary)}.access .preview-label>span{background:var(--login-primary)}.access .input-wrap:focus-within{border-color:var(--login-primary)}.access :focus-visible{outline-color:var(--login-primary)}.login-error{padding:12px 14px;margin-bottom:16px;border:1px solid #edc7c2;border-radius:10px;background:#fff0ed;color:#96372e;font-size:13px;line-height:1.5}
