:root{--brand-espresso:#342a21;--brand-cream:#fff9f0;--brand-sand:#eee4d3;--brand-olive:#6d7a46}
.brand-splash-lock{overflow:hidden}
.brand-logo-lockup{display:flex;align-items:center;gap:14px}
.brand-logo-lockup img{width:58px;height:58px;border-radius:16px}
.brand-logo-lockup b,.brand-logo-lockup span{display:block}
.brand-logo-lockup b{font-size:22px;letter-spacing:.035em}
.brand-logo-lockup span{margin-top:3px;color:#bcb09e;font-size:9px;font-weight:850;letter-spacing:.16em}
.brand-splash{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;background:var(--brand-espresso);color:var(--brand-cream);opacity:1;transition:opacity .34s ease}
.brand-splash.leaving{opacity:0;pointer-events:none}
.brand-splash-inner{display:grid;justify-items:center;gap:20px;padding:28px;text-align:center;animation:brandRise .7s cubic-bezier(.2,.8,.2,1) both}
.brand-splash-logo{gap:16px}
.brand-splash-logo img{width:78px;height:78px;border-radius:22px;animation:brandPulse 1.25s ease-in-out infinite alternate}
.brand-splash-logo b{font-size:28px}
.brand-splash p{margin:0;color:#d8cbb9;font-size:13px;letter-spacing:.02em}
.brand-route{position:relative;width:150px;height:2px;background:rgba(255,249,240,.18);overflow:visible}
.brand-route:before{content:"";position:absolute;inset:0;background:var(--brand-olive);transform-origin:left;animation:brandRoute 1s .18s cubic-bezier(.2,.8,.2,1) both}
.brand-route i{position:absolute;top:50%;width:10px;height:10px;border:2px solid var(--brand-cream);border-radius:50%;background:var(--brand-olive);transform:translate(-50%,-50%) scale(0);animation:brandNode .28s forwards}
.brand-route i:nth-child(1){left:0;animation-delay:.28s}.brand-route i:nth-child(2){left:50%;animation-delay:.62s}.brand-route i:nth-child(3){left:100%;animation-delay:.96s}
.brand-skip{position:absolute;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));width:auto;margin:0;padding:9px 12px;border:1px solid rgba(255,249,240,.25);background:transparent;color:#d8cbb9;font-size:11px}
.brand-welcome{position:fixed;z-index:9997;inset:0;display:grid;place-items:center;padding:24px;background:rgba(52,42,33,.96);color:var(--brand-cream);text-align:center;backdrop-filter:blur(14px);transition:opacity .26s ease}
.brand-welcome.leaving{opacity:0;pointer-events:none}
.brand-welcome>div{display:grid;justify-items:center;gap:9px;animation:brandRise .45s ease both}
.brand-welcome .brand-logo-lockup{margin-bottom:14px}
.brand-welcome>div>span{color:#d9c788;font-size:10px;font-weight:900;letter-spacing:.15em}
.brand-welcome h2{margin:0;font-size:30px;line-height:1.05}.brand-welcome p{margin:0;color:#c8bcab;font-size:13px}
.brand-workspace-enter{animation:brandWorkspaceEnter .6s cubic-bezier(.2,.8,.2,1) both}
.brand-tour-layer{position:fixed;z-index:9998;inset:0;pointer-events:none}
.brand-tour-scrim{position:absolute;inset:0;background:rgba(28,23,18,.5);backdrop-filter:blur(1px)}
.brand-tour-target{position:relative!important;z-index:9999!important;isolation:isolate;box-shadow:0 0 0 5px #d9c788,0 0 0 9999px rgba(28,23,18,.64)!important;border-radius:16px!important;pointer-events:none!important}
.brand-tour-card{position:fixed;z-index:10000;left:16px;width:calc(100% - 32px);max-width:398px;padding:19px;border:1px solid #d9cbb8;border-radius:22px;background:var(--brand-cream);color:#2b261f;box-shadow:0 18px 55px rgba(20,16,12,.36);pointer-events:auto;animation:brandRise .28s ease both}
.brand-tour-progress{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand-tour-progress span{color:var(--brand-olive);font-size:9px;font-weight:900;letter-spacing:.13em}
.brand-tour-progress b{font-size:11px;color:#817669}
.brand-tour-card h2{margin:10px 0 6px;font-size:23px;line-height:1.12}
.brand-tour-card p{margin:0;color:#71675c;font-size:13px;line-height:1.5}
.brand-tour-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;margin-top:17px}
.brand-tour-actions button{margin:0;padding:12px}
.brand-tour-actions [data-tour-skip]{background:#eee4d3;color:#665b4f}
.brand-tour-actions [data-tour-next]{background:var(--brand-espresso);color:var(--brand-cream)}
@keyframes brandRise{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes brandRoute{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes brandNode{to{transform:translate(-50%,-50%) scale(1)}}
@keyframes brandPulse{from{transform:scale(.97)}to{transform:scale(1.03)}}
@keyframes brandWorkspaceEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:460px){.brand-tour-card{left:50%;margin-left:-199px}}
@media(prefers-reduced-motion:reduce){.brand-splash-inner,.brand-splash-logo img,.brand-route:before,.brand-route i,.brand-welcome>div,.brand-workspace-enter,.brand-tour-card{animation:none!important}.brand-splash,.brand-welcome{transition:none!important}}

/* Real workspace bootstrap: one motion language for every role. */
.workspace-boot{min-height:calc(100dvh - 96px);display:grid;place-items:center;padding:clamp(24px,7vw,72px) 0}
.workspace-boot-card{position:relative;isolation:isolate;width:min(100%,430px);overflow:hidden;padding:30px;border:1px solid rgba(255,249,240,.13);border-radius:32px;background:linear-gradient(145deg,#2d261f 0%,#3b3026 58%,#29221c 100%);color:#fff9f0;box-shadow:0 32px 80px rgba(37,29,22,.24),inset 0 1px 0 rgba(255,255,255,.08);animation:workspaceBootArrive .55s cubic-bezier(.2,.8,.2,1) both}
.workspace-boot-glow{position:absolute;z-index:-1;right:-110px;top:-130px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(217,199,136,.22),rgba(217,199,136,0) 68%);animation:workspaceBootGlow 2.8s ease-in-out infinite alternate}
.workspace-boot-brand{display:flex;align-items:center;gap:16px}.workspace-boot-brand>span:last-child{display:grid;gap:3px}.workspace-boot-brand b{font-size:15px;letter-spacing:.08em}.workspace-boot-brand small{color:#bcb09e;font-size:8px;font-weight:850;letter-spacing:.19em}
.workspace-boot-mark{position:relative;display:grid;place-items:center;width:68px;height:68px}.workspace-boot-mark img{position:relative;z-index:2;width:48px;height:48px;border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.workspace-boot-orbit{position:absolute;inset:0;border:1px solid rgba(255,249,240,.18);border-radius:50%;animation:workspaceBootSpin 2.4s linear infinite}.workspace-boot-orbit:after{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:#d9c788;box-shadow:0 0 14px rgba(217,199,136,.9);transform:translateX(-50%)}
.workspace-boot-copy{margin-top:34px}.workspace-boot-kicker{color:#d9c788;font-size:9px;font-weight:900;letter-spacing:.18em}.workspace-boot h1{max-width:330px;margin:10px 0 9px;font-size:clamp(28px,8vw,38px);line-height:1.04;letter-spacing:-.035em}.workspace-boot p{max-width:330px;margin:0;color:#c9bdad;font-size:13px;line-height:1.55}
.workspace-boot-ellipsis{display:inline-flex;gap:4px;margin-left:5px;vertical-align:baseline}.workspace-boot-ellipsis i{width:4px;height:4px;border-radius:50%;background:#d9c788;animation:workspaceBootDot 1.15s ease-in-out infinite}.workspace-boot-ellipsis i:nth-child(2){animation-delay:.14s}.workspace-boot-ellipsis i:nth-child(3){animation-delay:.28s}
.workspace-boot-flow{display:grid;grid-template-columns:12px 1fr 12px 1fr 12px;align-items:center;margin-top:34px}.workspace-boot-flow>i{position:relative;height:2px;overflow:hidden;background:rgba(255,249,240,.13)}.workspace-boot-flow>i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#d9c788,transparent);transform:translateX(-100%);animation:workspaceBootRoute 1.8s ease-in-out infinite}.workspace-boot-flow>i:nth-of-type(2):after{animation-delay:.46s}.workspace-boot-node{width:12px;height:12px;border:2px solid #8f806d;border-radius:50%;background:#342a21;box-shadow:0 0 0 4px rgba(255,249,240,.035);animation:workspaceBootNode 1.8s ease-in-out infinite}.workspace-boot-node:nth-of-type(2){animation-delay:.35s}.workspace-boot-node:nth-of-type(3){animation-delay:.7s}.workspace-boot-node.is-first,.workspace-boot-node.is-last{border-color:#d9c788}
.workspace-boot-steps{display:flex;justify-content:space-between;margin-top:11px;color:#a99c8c;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.workspace-boot-steps span:nth-child(2){text-align:center}.workspace-boot-steps span:last-child{text-align:right}
@keyframes workspaceBootArrive{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes workspaceBootSpin{to{transform:rotate(360deg)}}
@keyframes workspaceBootGlow{from{opacity:.45;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}
@keyframes workspaceBootDot{0%,65%,100%{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
@keyframes workspaceBootRoute{0%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
@keyframes workspaceBootNode{0%,100%{box-shadow:0 0 0 4px rgba(255,249,240,.035)}45%{border-color:#d9c788;box-shadow:0 0 0 7px rgba(217,199,136,.08)}}
@media(min-width:760px) and (hover:hover) and (pointer:fine){.workspace-boot{min-height:calc(100dvh - 80px)}.workspace-boot-card{width:min(560px,100%);padding:38px}.workspace-boot-copy{margin-top:42px}.workspace-boot h1{max-width:430px}.workspace-boot p{max-width:390px}}
@media(prefers-reduced-motion:reduce){.workspace-boot-card,.workspace-boot-glow,.workspace-boot-orbit,.workspace-boot-ellipsis i,.workspace-boot-flow>i:after,.workspace-boot-node{animation:none!important}.workspace-boot-flow>i:after{transform:none;opacity:.55}}