/* Adapted from the existing CRM login visual, not a generated bitmap. */
.sidebar{background:linear-gradient(140deg,#0f766e 0%,#526063 28%,#a43a57 58%,#8f2644 100%);padding:52px 56px;justify-content:flex-start}
.sidebar::after{content:"";position:absolute;width:106px;height:16px;right:42px;top:56px;border-radius:20px;background:#ff836b;transform:rotate(-12deg);pointer-events:none}
.brand{position:relative;z-index:2;padding-right:110px}.brand-mark{position:relative;width:38px;height:38px;background:#f8f7ff;box-shadow:0 10px 26px #193d373d}
.brand-mark::before,.brand-mark::after{content:"";position:absolute;border-radius:50%}.brand-mark::before{inset:8px;border:2px solid #0f766e;border-top-color:#a43a57}.brand-mark::after{width:8px;height:8px;top:15px;left:15px;background:#8f2644}.brand-subtitle{font-size:10px;color:#ffffffb3}
.sidebar-heading{position:relative;z-index:2;margin-top:130px;max-width:100%}.sidebar h1{font-size:44px;line-height:1.3}.sidebar-subtitle{color:#ffffffc2;font-size:16px;margin-top:16px}
.growth-system{position:relative;isolation:isolate;min-height:360px;width:100%;margin:28px 0 12px}
.growth-orbit{position:absolute;width:270px;height:270px;left:56%;top:50%;border:1px solid #ffffff61;border-radius:50%;transform:translate(-50%,-50%)}
.growth-orbit::before,.growth-orbit::after{content:"";position:absolute;border-radius:inherit;border:1px solid transparent;border-top-color:#ffffff9c;border-bottom-color:#ff9a83;animation:orbit-turn 22s linear infinite}.growth-orbit::before{inset:24px}.growth-orbit::after{inset:-30px;opacity:.65;animation-direction:reverse;animation-duration:32s}
.ai-core{position:absolute;left:56%;top:50%;z-index:3;display:grid;place-content:center;width:166px;height:166px;border:10px solid #ffffff38;border-radius:50%;transform:translate(-50%,-50%);text-align:center;background:#fbfaff;box-shadow:0 22px 58px #2c37364d}
.ai-core::after{content:"";position:absolute;inset:8px;border-radius:50%;border:2px solid #d9e4e1;border-left-color:#0f766e;border-bottom-color:#a43a57;animation:orbit-turn 18s linear infinite}.ai-core strong{color:#263d3a;font-size:17px}.ai-core span{margin-top:7px;color:#526063;font-size:10px}
.growth-node{position:absolute;z-index:4;display:grid;gap:5px;width:116px;padding-left:13px;color:white}.growth-node::before{content:"";position:absolute;left:0;top:3px;width:3px;height:27px;border-radius:2px;background:#ffffffad}.growth-node strong{font-size:13px}.growth-node span{font-size:11px;color:#ffffffb8;line-height:1.4}
.growth-node.leads{left:0;top:8%}.growth-node.customers{left:2%;bottom:5%}.growth-node.opportunities{right:0;bottom:10%}.growth-node.opportunities::before{background:#ff9a83}
.growth-signal{position:absolute;z-index:1;height:1px;transform-origin:left center;background:#ffffff47}.growth-signal.leads{left:16%;top:26%;width:39%;transform:rotate(23deg)}.growth-signal.customers{left:19%;bottom:22%;width:33%;transform:rotate(-25deg)}.growth-signal.opportunities{left:63%;top:62%;width:33%;transform:rotate(24deg)}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@media(min-width:1600px){.sidebar{padding:62px 72px}.sidebar h1{font-size:50px}.sidebar-heading{margin-top:150px}.growth-system{min-height:420px}.growth-orbit{width:316px;height:316px}.ai-core{width:178px;height:178px}}
@media(min-width:851px) and (max-width:1150px){.sidebar{padding:36px 28px}.sidebar::after{width:64px;right:28px;top:43px;height:12px}.brand{padding-right:66px}.sidebar-heading{margin-top:100px}.sidebar h1{font-size:34px}.sidebar-subtitle{font-size:14px}.growth-orbit{width:220px;height:220px;left:52%}.ai-core{width:140px;height:140px;left:52%}.ai-core strong{font-size:15px}.ai-core span{font-size:9px}.growth-system{min-height:345px}.growth-node.opportunities{bottom:1%}.growth-node.customers{bottom:1%}.growth-node{width:98px}}
@media(max-width:850px){.sidebar{padding:28px 28px 18px;min-height:0}.sidebar::after{width:64px;height:12px;right:28px;top:36px}.brand{padding-right:76px}.brand-mark{width:38px;height:38px}.sidebar-heading{margin-top:40px}.sidebar h1{font-size:32px}.sidebar-subtitle{font-size:13px;margin-top:10px}.growth-system{min-height:240px;margin-top:12px;max-width:560px;align-self:center}.growth-orbit{width:170px;height:170px;left:52%;top:48%}.growth-orbit::after{inset:-18px}.ai-core{width:112px;height:112px;border-width:5px;left:52%;top:48%}.ai-core::after{inset:6px}.ai-core strong{font-size:13px}.ai-core span{font-size:8px;margin-top:5px}.growth-node{width:90px;padding-left:10px;gap:3px}.growth-node strong{font-size:11px}.growth-node span{font-size:9px}.growth-node.leads{top:4%}.growth-node.customers{bottom:3%;left:0}.growth-node.opportunities{bottom:3%}.growth-signal.opportunities{top:63%;transform:rotate(34deg)}}
@media(prefers-reduced-motion:reduce){.growth-orbit::before,.growth-orbit::after,.ai-core::after{animation:none}}

/* Keep the entry page within a normal desktop viewport without clipping content. */
body{min-height:100dvh}
.entry-panel{display:flex;flex-direction:column;min-width:0}
.entry-panel main{margin:auto;flex:none}
footer.registration{border:0;background:transparent;min-height:0;padding:0;justify-content:flex-end;text-align:right}
footer.registration:has(a:not([hidden])){padding:14px 26px}
footer.registration div{justify-content:flex-end;max-width:100%;gap:6px 16px}
.workspace-layout{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sidebar{padding:30px 48px;justify-content:center;gap:0}
.sidebar .brand{margin-bottom:36px;padding-right:0}
.sidebar .brand,.sidebar-heading{width:100%;max-width:540px;align-self:center}
.sidebar-heading{margin-top:0}
.sidebar .brand strong{display:block;line-height:1.5;text-wrap:balance}
.sidebar h1{font-size:36px;line-height:1.35}
.sidebar-subtitle{font-size:14px;margin-top:12px}
.growth-system{height:280px;min-height:280px;max-width:540px;align-self:center;margin:24px 0 0}
.growth-orbit{width:210px;height:210px;left:54%;top:50%}
.growth-orbit::after{inset:-22px}
.ai-core{width:140px;height:140px;left:54%;top:50%}
.ai-core strong{font-size:15px}.ai-core span{font-size:9px}
.growth-node{width:100px}.growth-node.leads{top:4%}.growth-node.customers{bottom:2%}.growth-node.opportunities{bottom:5%}
main{padding:30px 42px;max-width:660px;align-self:center}
.heading{margin-bottom:20px}.page-title{font-size:28px}.heading .eyebrow{margin-bottom:8px}
.apps{gap:12px}.app{min-height:128px;padding:18px 20px}.app h2{font-size:17px}.app a{min-height:26px;padding-top:6px}
footer{min-height:48px;padding:14px 26px;flex-shrink:0}
@media(min-width:851px) and (max-height:720px){
 .sidebar{padding:24px 30px}.sidebar .brand{margin-bottom:24px}.sidebar h1{font-size:30px}.sidebar-subtitle{font-size:13px}
 .growth-system{height:245px;min-height:245px;margin-top:20px}.growth-orbit{width:175px;height:175px}.ai-core{width:120px;height:120px}.ai-core strong{font-size:13px}.ai-core span{font-size:8px}
 main{padding:24px 30px}.app{min-height:113px;padding:14px 18px}.heading{margin-bottom:16px}.page-title{font-size:25px}
}
@media(max-width:850px){
 .workspace-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
 .sidebar{padding:22px 26px;min-height:0;justify-content:flex-start}
 .sidebar::after{display:none}
 .sidebar .brand{font-size:16px}
 .sidebar .brand{margin-bottom:18px}.sidebar-heading{margin:0}.sidebar h1{font-size:26px}.sidebar-subtitle{font-size:12px;margin-top:8px}
 .growth-system{display:none}
 main{padding:24px 26px;max-width:660px}.page-title{font-size:24px}.heading{margin-bottom:16px}.heading .eyebrow{font-size:9px}.welcome-subtitle{font-size:12px;margin-top:4px}
 .app{min-height:116px;padding:15px 18px}.app h2{font-size:16px}.app p{font-size:12px}.app a{padding-top:5px}.apps{gap:10px}
 footer{padding:12px 22px;gap:8px;font-size:10px}
}
@media(max-width:400px){.sidebar .brand{font-size:14px}}
@media(max-width:850px) and (max-height:740px){
 .sidebar{padding:16px 22px}.sidebar .brand{margin-bottom:12px}.sidebar h1{font-size:23px}.sidebar-subtitle{display:none}
 main{padding:18px 20px}.heading .eyebrow,.welcome-subtitle{display:none}.heading{margin-bottom:12px}.page-title{font-size:22px}.app{min-height:105px;padding:12px 16px}.app p{font-size:11px}
}

/* Company identity anchors the top; the larger diagram occupies the remaining space. */
.sidebar:has(#company:is(h1)){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);justify-content:stretch;gap:32px;padding:48px;align-items:start}
.sidebar:has(#company:is(h1))::after{display:none}
.sidebar:has(#company:is(h1)) .brand{max-width:none;margin:0;align-self:start;align-items:flex-start}
.sidebar #company:is(h1){font-size:24px;line-height:1.5;font-weight:650;text-wrap:balance}
.sidebar:has(#company:is(h1)) .brand-mark{margin-top:2px}
.sidebar:has(#company:is(h1)) .brand-subtitle{font-size:14px;line-height:1.8;margin:8px 0 0}
.sidebar:has(#company:is(h1)) .growth-system{width:100%;max-width:620px;height:420px;min-height:0;max-height:100%;margin:0;align-self:center;justify-self:center}
.sidebar:has(#company:is(h1)) .growth-orbit{width:min(64%,320px);height:auto;aspect-ratio:1;left:50%}
.sidebar:has(#company:is(h1)) .ai-core{width:min(42%,200px);height:auto;aspect-ratio:1;left:50%}
.sidebar:has(#company:is(h1)) .ai-core strong{font-size:18px}
.sidebar:has(#company:is(h1)) .ai-core span{font-size:10px}
.sidebar:has(#company:is(h1)) .growth-node{width:116px}
.sidebar:has(#company:is(h1)) .growth-node.leads{top:8%}
.sidebar:has(#company:is(h1)) .growth-node.customers,.sidebar:has(#company:is(h1)) .growth-node.opportunities{bottom:8%}
@media(min-width:851px) and (max-width:1150px){
 .sidebar:has(#company:is(h1)){padding:32px 28px}
 .sidebar #company:is(h1){font-size:20px}
 .sidebar:has(#company:is(h1)) .brand-subtitle{font-size:12px}
 .sidebar:has(#company:is(h1)) .ai-core strong{font-size:14px}
 .sidebar:has(#company:is(h1)) .ai-core span{font-size:8px}
}
@media(min-width:851px) and (max-height:720px){
 .sidebar:has(#company:is(h1)){padding:28px 30px;gap:20px}
 .sidebar:has(#company:is(h1)) .growth-system{height:330px}
 .sidebar:has(#company:is(h1)) .growth-orbit{width:min(60%,250px)}
 .sidebar:has(#company:is(h1)) .ai-core{width:min(40%,170px)}
}
@media(max-width:850px){
 .sidebar:has(#company:is(h1)){display:block;padding:22px 26px}
 .sidebar #company:is(h1){font-size:18px}
 .sidebar:has(#company:is(h1)) .brand-subtitle{font-size:12px;margin-top:6px}
}
@media(max-width:400px){
 .sidebar:has(#company:is(h1)){padding:18px 22px}
 .sidebar #company:is(h1){font-size:16px}
 .sidebar:has(#company:is(h1)) .brand-subtitle{font-size:11px}
}