/* Brand accents only. Native CSS/SVG motion; no external fonts or media players. */
:root{--brand-sky:#eaf5ff;--brand-cream:#fff7e9;--brand-coral:#ef7757;--brand-blue:#0878cf;--brand-stud:rgba(77,125,170,.11);--brand-ease:cubic-bezier(.2,.8,.25,1)}
body.login-body{padding:36px 0;min-height:100vh;min-height:100svh;background:#f4f7fa}
.login-body::before{background:radial-gradient(ellipse at 10% 16%,#dcefff 0,transparent 48%),radial-gradient(ellipse at 88% 85%,#fff0da 0,transparent 48%)}
.login-shell.brand-login-shell{width:min(1220px,calc(100% - 80px));max-width:none;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.9fr);align-items:center;gap:clamp(30px,5vw,88px)}
.brand-login-story{min-width:0;position:relative;padding:18px 0}
.brand-login-logo{display:block;width:218px;height:auto;max-width:70%;margin-bottom:35px;mix-blend-mode:multiply}
.brand-login-story>.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:650;color:var(--brand-blue);margin:0 0 16px}
.brand-login-story>h1{font-size:clamp(38px,4.1vw,59px);line-height:1.08;letter-spacing:-2.2px;font-weight:650;color:#23334b;max-width:610px;margin:0 0 20px}
.brand-login-copy{max-width:430px;font-size:14px;line-height:1.8;color:#62738a;margin:0 0 28px}
.brand-login-worlds{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:560px}
.brand-world{position:relative;min-width:0;margin:0;padding:14px 16px 17px;border-radius:25px;border:1px solid #ffffffd9;overflow:hidden;background:var(--brand-sky);box-shadow:0 12px 28px -23px #35649745}
.brand-world::before{content:"";position:absolute;right:13px;top:13px;width:57px;height:36px;pointer-events:none;background:radial-gradient(circle,var(--brand-stud) 3px,transparent 4px) 0 0/18px 18px}
.brand-world-koty{background:var(--brand-cream)}
.brand-world>img{display:block;width:100%;height:160px;object-fit:cover;object-position:center 62%;mix-blend-mode:multiply;transition:transform 340ms var(--brand-ease)}
.brand-world:hover>img{transform:translateY(-3px)}
.brand-world figcaption{display:grid;gap:5px;position:relative}
.brand-world figcaption strong{font-size:16px;line-height:1.35;font-weight:650;color:#284b68;letter-spacing:-.3px}
.brand-world-koty figcaption strong{color:#92513b}
.brand-world figcaption span{font-size:11px;color:#67778b;line-height:1.55}
.login-card.brand-login-card{position:relative;padding:38px;border-radius:30px;background:rgba(255,255,255,.95);border:1px solid #fff;box-shadow:0 25px 70px -31px #314d7d42;animation:none;min-width:0;-webkit-backdrop-filter:none;backdrop-filter:none}
.brand-login-card::before{content:"";position:absolute;inset:0 28px auto;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#00b5e7 0 45%,#fc5143 45% 77%,#ffd02e 77%)}
.brand-login-mark{margin:0 0 26px;min-height:50px;display:flex;align-items:center}
.brand-login-mark img{width:164px;max-width:72%;height:auto;display:block}
.brand-login-card h1{font-size:29px;line-height:1.2;letter-spacing:-.9px;margin:0 0 10px;color:#25344b}
.brand-login-card>p{max-width:310px;color:#63738a;font-size:13px;line-height:1.7}
.brand-login-card .login-form{margin-top:25px;gap:14px}
.brand-login-card .login-form label{color:#475b72;font-size:12px}
.brand-login-card .login-form input{background:#f5f8fc;border-color:#dce5ef;color:#23344d;border-radius:13px;min-height:48px}
.brand-login-card .login-form .button{min-height:47px;border-radius:13px;font-size:13px}
.brand-login-card .login-foot{padding-top:15px;border-top:1px solid #e7edf3;margin:25px 0 0;font-size:10px!important;color:#758398!important}

/* A brief, purely decorative arrival. It never captures input or keeps the
   actual form hidden; reduced-motion users receive the form immediately. */
.brand-arrival{position:fixed;inset:0;z-index:90;display:grid;place-items:center;overflow:hidden;background:#fff;pointer-events:none;animation:brand-arrival-away 1750ms ease both;contain:paint}
.brand-arrival>img{width:min(76vw,520px);height:auto;max-width:none;transform-origin:center;animation:brand-logo-arrive 1750ms var(--brand-ease) both}
@keyframes brand-logo-arrive{0%{opacity:0;transform:scale(.055);filter:blur(9px)}22%{opacity:1;transform:scale(.82);filter:blur(0)}51%{opacity:1;transform:scale(1)}86%{opacity:.8;transform:scale(6)}100%{opacity:0;transform:scale(7)}}
@keyframes brand-arrival-away{0%,65%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}

/* Product worlds stay next to the overview heading, leaving the actual
   metrics in the first screen rather than turning analytics into a landing. */
.overview-intro.brand-overview-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,440px);align-items:center;gap:24px;min-height:142px;margin:14px 2px 20px}
.brand-overview-intro>div:first-child{min-width:0}
.brand-overview-intro>.scope-pill{display:none}
.brand-overview-intro h2{font-size:clamp(27px,2.5vw,37px);letter-spacing:-1.2px;line-height:1.16;margin:9px 0 10px}
.brand-overview-intro p{max-width:520px;line-height:1.65}
.brand-worlds-compact{display:grid;grid-template-columns:1fr 1fr;gap:11px;min-width:0}
.brand-world-tile{position:relative;display:flex;align-items:center;gap:8px;min-width:0;min-height:116px;padding:12px 10px;border-radius:21px;border:1px solid var(--mac-rim);background:linear-gradient(140deg,#eef8ff,#e4f1fc);box-shadow:inset 0 1px 0 #fff,0 8px 24px -22px #2a5b9340;overflow:hidden}
.brand-world-tile:nth-child(2){background:linear-gradient(140deg,#fff9ed,#fff0dd)}
.brand-world-tile::after{content:"";position:absolute;right:8px;top:7px;width:35px;height:20px;background:radial-gradient(circle,#ffffffb3 3px,transparent 4px) 0 0/14px 14px;pointer-events:none}
.brand-world-tile>img{width:82px;height:82px;object-fit:contain;flex-shrink:0;mix-blend-mode:multiply;transition:transform 340ms var(--brand-ease)}
.brand-world-tile:hover>img{transform:translateY(-3px)}
.brand-world-label{position:relative;min-width:0;display:grid;gap:5px}
.brand-world-label strong{font-size:12px;font-weight:650;letter-spacing:-.2px;color:#315676;line-height:1.4;overflow-wrap:anywhere}
.brand-world-tile:nth-child(2) .brand-world-label strong{color:#98613c}
.brand-world-label small{font-size:10px;line-height:1.5;color:#6d7a8b}
.brand-sidebar-worlds{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:12px;font-size:9px;color:var(--mac-secondary)}
.brand-sidebar-worlds>span{display:inline-flex;align-items:center;gap:5px;line-height:1.6}
.brand-sidebar-worlds>span::before{content:"";width:5px;height:5px;background:#2a9ccf;border-radius:2px;flex-shrink:0}
.brand-sidebar-worlds>span:nth-child(2)::before{background:#e99b55}
.brand-footer-mark{display:inline-block;width:25px;height:21px;vertical-align:middle;margin-right:7px;color:var(--mac-accent);opacity:.72}
.brand-footer-mark .brand-loading-bricks{height:16px;gap:2px}
.brand-footer-mark .brand-loading-bricks>span{width:7px;height:7px;border-radius:2px;animation:none}
.brand-footer-mark .brand-loading-bricks>span::before{left:2px;right:2px;top:-1px;height:2px;border-radius:1px}
.brand-footer-worlds{display:block;font-size:9px;line-height:1.6;letter-spacing:.2px;margin:4px 0 0 32px;color:var(--mac-secondary)}
.brand-quick-actions{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:13px}
.brand-quick-actions .text-button{font-size:11px;min-height:28px;padding:0}
.loading-state.brand-has-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:280px;padding:30px;text-align:center}
.brand-has-loader>.loader{display:none}
.brand-loading{display:grid;justify-items:center;gap:19px}
.brand-loading>img{display:block;width:160px;height:auto;max-width:50vw;border-radius:10px}
.brand-loading-bricks{display:flex;align-items:center;justify-content:center;gap:6px;height:24px}
.brand-loading-bricks>span{position:relative;display:block;width:23px;height:17px;border-radius:4px;background:#0baee1;box-shadow:inset 0 1px 0 #ffffff70;animation:brand-brick-in 600ms var(--brand-ease) both}
.brand-loading-bricks>span::before{content:"";position:absolute;left:5px;right:5px;top:-3px;height:5px;border-radius:2px;background:inherit;box-shadow:inset 0 1px 0 #ffffff80}
.brand-loading-bricks>span:nth-child(2){background:#ff5c4c;animation-delay:90ms}
.brand-loading-bricks>span:nth-child(3){background:#f4c72e;animation-delay:180ms}
@keyframes brand-brick-in{from{opacity:.2;transform:translateY(7px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
#app>.brand-initial-load{min-height:75vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:var(--mac-secondary);font-size:13px;padding:30px;text-align:center}
.hero-orbit.brand-hero-art{width:230px;height:115px;display:flex;align-items:center;margin:0 5px 0 20px;transform:none;opacity:1}
.brand-hero-art>img{width:118px;height:105px;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-5deg)}
.brand-hero-art>img+img{transform:rotate(6deg);margin-left:-10px}
.brand-hero-art>span,.brand-hero-art>i,.brand-hero-art>b{display:none}

:root[data-appearance=dark] .brand-world-tile{background:linear-gradient(140deg,#203d55,#24374e);border-color:var(--mac-border);box-shadow:inset 0 1px 0 #ffffff0d}
:root[data-appearance=dark] .brand-world-tile:nth-child(2){background:linear-gradient(140deg,#43392e,#333242)}
:root[data-appearance=dark] .brand-world-label strong{color:#a6d9f6}
:root[data-appearance=dark] .brand-world-tile:nth-child(2) .brand-world-label strong{color:#ffd2a4}
:root[data-appearance=dark] .brand-world-label small{color:#b3bed0}
:root[data-appearance=dark] .brand-world-tile>img,:root[data-appearance=dark] .brand-hero-art>img{mix-blend-mode:normal;border-radius:13px;background:#fff}
:root[data-appearance=dark] .brand-loading>img{background:#fff;padding:7px}
@media(max-width:1250px){.brand-world-tile{display:grid;justify-items:center;padding:9px 10px;gap:3px}.brand-world-tile>img{width:65px;height:60px}.brand-world-label{text-align:center;gap:2px}.brand-world-label small{font-size:9px}.overview-intro.brand-overview-intro{grid-template-columns:minmax(0,1fr) 290px;gap:17px}.brand-world-label strong{font-size:11px}}
@media(max-width:1000px){.login-shell.brand-login-shell{width:calc(100% - 48px);gap:32px;grid-template-columns:minmax(0,1fr) minmax(320px,.95fr)}.brand-login-story>h1{font-size:42px}.brand-login-worlds{gap:10px}.brand-world{padding:10px 12px 14px;border-radius:21px}.brand-world>img{height:135px}.brand-world figcaption strong{font-size:14px}.brand-world figcaption span{font-size:10px}.brand-login-card{padding:30px!important}}
@media(max-width:820px){body.login-body{padding:26px 0;align-items:flex-start}.login-shell.brand-login-shell{width:min(440px,calc(100% - 32px));grid-template-columns:1fr;gap:20px}.brand-login-story{padding:0 7px}.brand-login-logo{width:150px;margin:0 0 16px}.brand-login-story>.eyebrow,.brand-login-copy,.brand-login-worlds{display:none}.brand-login-story>h1{font-size:28px;line-height:1.16;letter-spacing:-.8px;max-width:360px;margin:0}.brand-login-mark{display:none}.brand-login-card h1{font-size:26px}.brand-login-card .login-foot{margin-top:21px}.brand-arrival>img{width:80vw}}
@media(max-width:1050px) and (min-width:761px){.overview-intro.brand-overview-intro{grid-template-columns:1fr;gap:14px}.brand-worlds-compact{max-width:440px}.brand-world-tile{display:flex;justify-items:initial;min-height:77px}.brand-world-label{text-align:left}.brand-world-tile>img{width:63px;height:58px}}
@media(max-width:760px){.overview-intro.brand-overview-intro{display:block;min-height:0;margin:18px 2px}.brand-overview-intro h2{font-size:28px;letter-spacing:-.8px}.brand-worlds-compact{margin-top:15px;gap:8px}.brand-world-tile{display:flex;min-height:78px;padding:8px;gap:6px;border-radius:16px}.brand-world-tile>img{width:53px;height:53px}.brand-world-label{text-align:left}.brand-world-label strong{font-size:10px}.brand-world-label small{font-size:9px}.hero-orbit.brand-hero-art{display:none}.brand-loading>img{width:140px}}
@media(max-width:380px){.brand-world-label small{display:none}.brand-world-tile{gap:4px}.brand-world-tile>img{width:44px;height:48px}.brand-world-label strong{font-size:10px}.brand-login-card{padding:27px 24px!important}.brand-login-story>h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.brand-arrival{display:none!important}.brand-arrival>img,.brand-loading-bricks>span{animation:none!important;filter:none!important;opacity:1}.brand-world>img,.brand-world-tile>img{transition:none!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce){.brand-login-card{background:#fff}.brand-world-tile{background:#edf5fb}.brand-world-tile:nth-child(2){background:#fff4e5}:root[data-appearance=dark] .brand-world-tile{background:#24374e}:root[data-appearance=dark] .brand-world-tile:nth-child(2){background:#383745}}
@media(forced-colors:active){.brand-arrival,.brand-world::before,.brand-world-tile::after{display:none}.brand-login-card,.brand-world,.brand-world-tile{background:Canvas;border:1px solid CanvasText;box-shadow:none}.brand-login-story>h1,.brand-login-card h1,.brand-login-card p,.brand-world-label strong,.brand-world-label small,.brand-world figcaption strong,.brand-world figcaption span{color:CanvasText}.brand-loading-bricks>span{background:Highlight;animation:none}}
@media print{.brand-arrival,.brand-loading,.brand-initial-load,.brand-worlds-compact,.brand-hero-art,.brand-sidebar-worlds{display:none!important}.brand-overview-intro{display:block!important;min-height:0!important}.brand-login-shell{display:block!important}.brand-login-story{display:none}.brand-login-card{box-shadow:none!important;border:1px solid #aaa!important}}