/* Orbit by ROAR Creative — shared product design system. */
@font-face{font-family:'Public Sans';src:url("fonts/PublicSans-variable.0f8bb36b8925.ttf") format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#0c1522;--ink:#f0ede6;--muted:#a2adbd;--line:#2b394b;--accent:#9ac3ff;--white:#111d2c;--paper:#0b1523;--blue:#2867ce;--blue-deep:#184b92;--nav:#080e17;--radius:12px;--font:'Public Sans',Arial,sans-serif}
body{font-family:var(--font);font-size:14px;line-height:1.6;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
::selection{background:#28579a;color:white}button,input,select,textarea{font-family:inherit}a{color:var(--accent)}
button,.button,a,input,textarea,select,summary{touch-action:manipulation}button,.button{transition:background .16s,border-color .16s,color .16s}
button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus,textarea:focus,select:focus{outline:2px solid #9ac3ff;outline-offset:3px}
.skip-link{position:fixed;left:20px;top:-80px;z-index:200;background:#f0ede6;color:#080e17;padding:12px 18px;border-radius:6px}.skip-link:focus{top:16px}
h1{font-size:clamp(30px,3vw,44px);font-weight:760;letter-spacing:-1.6px;line-height:1.1;margin-bottom:14px}h2{font-size:18px;font-weight:650;letter-spacing:-.3px}h3{font-size:15px;font-weight:650}
.eyebrow{font-size:10px;font-weight:600;color:#9eb0c8;letter-spacing:1.8px;margin-bottom:14px}.muted{color:var(--muted)}small{color:var(--muted)}
/* A quiet navigation rail keeps the work in focus. */
.app-shell{min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;width:228px;background:var(--nav);padding:34px 18px 0;border-color:#233044;z-index:30}
.brand{padding:0 15px 30px;display:block;border-bottom:1px solid #202c3d}.brand img{display:block;width:106px;height:auto}.brand:hover{text-decoration:none}
.nav-label{margin:30px 14px 12px;font-size:9px;font-weight:600;letter-spacing:1.9px;color:#78899f}.nav-label-secondary{margin-top:34px}
.sidebar nav{display:grid;gap:5px}.sidebar nav a{position:relative;display:flex;align-items:center;gap:13px;padding:12px 14px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:480;color:#a9b7cb}
.sidebar nav a:hover{background:#142237;color:#fff}.sidebar nav a[aria-current=page]{background:#182d4a;border-color:#264367;color:#f0ede6}.sidebar nav a[aria-current=page]::after{content:'';margin-left:auto;width:5px;height:5px;border-radius:50%;background:#8fbaff}.nav-icon{width:18px;height:18px;display:inline-flex;flex:none}.nav-icon svg{width:18px;height:18px}
.sidebar-bottom{padding-top:35px;margin-top:auto}.roar-credit{display:flex;align-items:center;gap:7px;margin:24px 14px;color:#8393aa;font-size:8px;letter-spacing:1.6px}.roar-credit strong{font-size:21px;font-weight:900;letter-spacing:-.5px;color:var(--ink)}.roar-credit span{font-size:8px;letter-spacing:1px}
.workspace-account{margin:0 -18px;padding:20px 18px;display:flex;align-items:center;gap:10px;border-top:1px solid #233044;background:#0c1522}.workspace-account strong{display:block;font-size:12px;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis}.workspace-account small{font-size:10px;margin:0}.workspace-account form{margin-left:auto}.account-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#233959;color:#c4dcff;font-size:12px;font-weight:600;flex:none}.signout-button{background:none;border:1px solid #334057;color:#b7c7de;width:28px;height:28px;border-radius:6px;cursor:pointer;padding:0}
.workspace{display:flex;flex-direction:column;min-width:0}.topbar{height:76px;flex-shrink:0;background:#0c1522;border-color:var(--line);padding:0 40px;font-size:12px}.breadcrumb{display:flex;align-items:center;gap:14px}.breadcrumb>span:first-of-type{color:#8898ae}.breadcrumb strong{font-weight:500;color:#d5deeb}.workspace-status{display:flex;align-items:center;font-size:10px;color:#a4b7cf;letter-spacing:.3px}.dot{background:#8ebafa;width:5px;height:5px;box-shadow:0 0 0 4px #81aeed12;margin-right:10px}.nav-toggle{display:none}
main{width:100%;max-width:1500px;padding:26px 40px 50px;flex:1}.workspace-footer{display:flex;justify-content:space-between;gap:16px;margin:0 40px;padding:20px 0;border-top:1px solid var(--line);font-size:9px;letter-spacing:1.1px;color:#c1cce0}.workspace-footer>span:last-child{color:#8898ae;letter-spacing:.4px}
.system-notice{border-bottom:1px solid var(--line);margin-bottom:34px;font-size:11px;color:var(--muted);padding-bottom:18px}.system-notice summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer}.system-notice summary::-webkit-details-marker{display:none}.system-notice-label{margin-left:auto;font-size:10px;color:#8a9eb9}.system-notice-label::after{content:' +';margin-left:8px}.system-notice[open] .system-notice-label::after{content:' −'}.system-indicator{width:5px;height:5px;border-radius:50%;background:#8ebafa}.system-notice p{margin:14px 0 0;padding:14px;background:#111e30;border:1px solid var(--line);border-radius:6px}
.page-heading{margin-bottom:32px;align-items:center}.page-heading .muted{font-size:13px;margin:0;max-width:680px}.page-heading h1{margin-top:0}.button,button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--blue);color:#fff;border:1px solid #3978dd;border-radius:7px;padding:11px 18px;font-size:12px;font-weight:600;min-height:42px;cursor:pointer}.button:hover,button[type=submit]:hover{background:#3476e2;filter:none;text-decoration:none}.button.secondary,button.secondary{background:#142238;border:1px solid #354b68;color:#e6edf8}.button.secondary:hover{background:#1c304b;border-color:#526d91}
.panel{background:#111d2c;border:1px solid #2b394b;border-radius:12px;box-shadow:0 4px 16px #0000000b;margin-bottom:24px}.padded{padding:26px}.panel-heading{padding:22px 24px}.panel-heading h2{font-size:15px}.panel-heading .muted{font-size:12px}
.metrics{gap:16px;margin-bottom:30px}.metrics>div{background:#111d2c;border:1px solid #2b394b;border-radius:10px;padding:22px 24px;position:relative;overflow:hidden}.metrics>div::after{content:'↗';position:absolute;right:22px;bottom:24px;font-size:17px;color:#526c90}.metrics span{font-size:11px;color:#a7b7cd}.metrics strong{font-size:38px;font-weight:580;letter-spacing:-1.2px;margin-top:14px;line-height:1.15}.metrics>div:nth-child(2){background:#14243a;border-color:#375270}
th{background:#0d1827;color:#8f9fb6;font-size:9px;font-weight:600;letter-spacing:1.3px}th,td{border-color:#243449;padding:17px 22px}td{font-size:12px}tbody tr:hover{background:#14243a}.request-link{font-size:13px;font-weight:600;margin-bottom:3px}.table-scroll small{font-size:10px;color:#92a3bd}.badge{font-size:10px;border-radius:5px;padding:4px 8px;background:#1c2c42;border-color:#334860;color:#bfcee1}.badge.needs_human{background:#332b20;color:#f4cc89;border-color:#64512d}.badge.awaiting_approval,.badge.needs_customer{background:#193256;border-color:#345c8e;color:#bbd7ff}.badge.preparing,.badge.approved,.badge.no_change{background:#15342e;border-color:#31574d;color:#ace0c8}.badge.rejected{background:#36252c;border-color:#65404a;color:#f1b5bf}
label{font-size:12px;font-weight:550;color:#d7deea;margin-bottom:9px}input,textarea,select{background:#0d1827;border:1px solid #384b66;color:#f0ede6;border-radius:7px;padding:11px 12px;font-size:13px}input::placeholder,textarea::placeholder{color:#7f91aa}input[type=checkbox],input[type=radio]{accent-color:#397be3}input[type=file]{font-size:12px}input::file-selector-button{background:#213b5e;border:1px solid #466183;color:#edf2fb;border-radius:4px;padding:6px 10px;margin-right:10px;cursor:pointer}.helptext{font-size:11px;line-height:1.5}.message-body{background:#0b1523;border:1px solid #22324a;border-radius:8px}.notice{background:#15273c;color:#bbd2ef;border-color:#34516f;font-size:12px}.flash{background:#30291f;border-color:#5c4b30;color:#efcf98}.errorlist{color:#ffb4b4}.empty{padding:60px 24px}.empty h3{font-weight:600;letter-spacing:-.5px}.empty p{font-size:13px}
.site-monogram{background:#1a3150;border-color:#365371;color:#b8d2f6;border-radius:8px}.site-list-head{background:#0d1827}.site-list-row:hover{background:#14243a}.site-list-row{border-color:#26374d}.site-open{color:#aacfff}.site-search{max-width:660px}.back-link{font-size:11px}.closure-choice:has(input:checked){background:#182e4b}.closure-choice{background:#0d1827}.closure-footer{background:#0d1827}.feedback-drop.drag-over{background:#182e4b;border-color:#90bfff}
/* Design library */
.design-library-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.design-library-new{padding:26px}.design-library-new h2{margin-bottom:8px}.design-library-new>.muted{font-size:12px;margin-top:0}.design-library-new form p{margin:18px 0}.design-library-new button{width:100%}.design-library-list{margin-bottom:20px}.design-project-card{display:grid;grid-template-columns:64px 1fr auto;gap:22px;align-items:center;padding:24px;color:var(--ink);border-top:1px solid var(--line)}.design-project-card:first-child{border-top:0}.design-project-card:hover{background:#162941;text-decoration:none}.project-orbit{width:64px;height:64px;display:grid;place-items:center;background:#152b48;border:1px solid #36567e;border-radius:12px;position:relative}.project-orbit::before{content:'';width:28px;height:28px;border:1px solid #769dcb;border-radius:50%}.project-orbit::after{content:'';position:absolute;right:14px;top:14px;width:5px;height:5px;border-radius:50%;background:#c6deff}.design-project-card strong{display:block;font-size:16px;font-weight:550;margin-bottom:6px}.design-project-card small{font-size:11px}.project-arrow{color:#a4c7f8;font-size:22px}.library-section-title{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}.library-section-title h2{margin:0;font-size:14px}.library-section-title span{font-size:10px;color:var(--muted)}.library-note{border-left:2px solid #426a9d;padding-left:15px;font-size:12px;color:var(--muted)}
/* The full lockup belongs on sign-in. Product headers use the compact wordmark. */
.auth-layout main{display:block;padding:0;min-height:100dvh;max-width:none}.auth-layout .workspace{display:block}.orbit-login{display:grid;grid-template-columns:1.15fr 1fr;min-height:100dvh}.login-story{position:relative;overflow:hidden;min-height:800px;padding:48px 54px 30px;background:#080e17;display:flex;flex-direction:column;border-right:1px solid #31415a;background-image:linear-gradient(#5b7da30a 1px,transparent 1px),linear-gradient(90deg,#5b7da30a 1px,transparent 1px);background-size:40px 40px}.login-brand{position:relative;z-index:2;align-self:flex-start}.login-brand img{width:220px;height:auto;display:block}.login-editorial{position:relative;z-index:2;margin-top:82px}.login-editorial .eyebrow{font-size:9px;letter-spacing:1.6px;color:#9cacc1;display:flex;align-items:center;gap:12px}.tiny-cross{font-size:18px;color:#729ed9;font-weight:300}.login-editorial h1{font-size:clamp(42px,4.2vw,72px);letter-spacing:-2.8px;line-height:1.02;font-weight:820;margin:22px 0}.login-editorial h1 em{font-style:normal;color:#88b5f5}.login-lead{font-size:14px;line-height:1.8;color:#a9b8cc;margin:25px 0}.orbital-art{height:230px;position:relative;width:100%;max-width:500px;margin:24px auto 40px;flex:1;min-height:185px}.orbital-ring{position:absolute;left:50%;top:48%;border:1px solid #41699d66;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg);width:86%;height:65%}.ring-two{transform:translate(-50%,-50%) rotate(25deg);width:76%;height:73%;border-color:#41699d99}.ring-three{transform:translate(-50%,-50%) rotate(75deg);width:68%;height:79%;border-color:#41699d55}.orbital-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-weight:900;font-size:110px;line-height:1;color:#17385f;letter-spacing:-8px}.orbital-point{position:absolute;left:80%;top:20%;height:10px;width:10px;background:#d7e8ff;border-radius:50%;box-shadow:0 0 0 8px #87b6f811,0 0 28px #92bbfb66}.orbital-caption{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;color:#748eae;white-space:nowrap}.login-story-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #273448;padding-top:22px;font-size:8px;letter-spacing:1.5px;color:#8a9bb3;margin-top:auto}.login-access{display:flex;flex-direction:column;padding:48px 54px 30px;background:#0c1522}.login-access-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:#8398b5}.login-access-mark{font-size:23px;color:#8db8f3}.login-form-wrap{width:100%;max-width:355px;margin:auto; padding:70px 0 90px}.login-form-wrap>.eyebrow{font-size:9px;color:#a5b9d5;margin-bottom:17px}.login-form-wrap h2{font-size:35px;line-height:1.15;letter-spacing:-1.3px;font-weight:700;margin-bottom:14px}.login-form-intro{font-size:13px;margin-bottom:34px}.login-field{margin-bottom:22px}.login-field label{font-size:11px}.login-field input{height:50px;background:#0b1421;border-color:#3c4c62}.login-submit.button{width:100%;display:flex;justify-content:space-between;height:50px;margin-top:10px;background:#225baa;border-color:#3a70b6}.login-submit span{font-size:20px;font-weight:400}.login-support{font-size:11px;color:#9cacbf;margin-top:25px}.login-support a{color:#d6e4f7;border-bottom:1px solid #466389;padding-bottom:3px;margin-left:5px}.login-access-footer{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#7f94af}.login-access-footer strong{color:#b6c7de;font-weight:500}
/* Customer reviews and full-screen design workspace */
.orbit-wordmark{width:94px;height:auto;display:block;flex:none}.review-brand{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:38px}.review-brand strong{font-size:11px;font-weight:500;color:var(--muted)}.review-footer{color:#8297b3;font-size:10px;letter-spacing:.7px}.design-review{background:#0c1522}.design-toolbar{background:#0b1421;border-color:#2c3d55;height:72px;padding:12px 22px}.design-logo{display:flex;padding:0 20px 0 0;background:none;border-right:1px solid #34445e;border-radius:0;margin-right:6px}.design-logo img{width:90px;height:auto}.design-toolbar strong{font-size:13px;font-weight:550;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design-tools select{font-size:11px;max-width:165px}.design-tools button{background:#1b304c;border:1px solid #3a5270;border-radius:6px;color:#e7edf7;font-size:11px;cursor:pointer}.design-panel{background:#0c1522;border-color:#2c3d55;width:370px;padding:24px 20px}.design-panel h2{font-size:20px}.design-panel h3{font-size:15px;margin:24px 0 20px}.design-bottom-bar{background:#0b1421;border-color:#2c3d55;color:#97abc6;font-size:10px}.review-mode{background:#070e19;border:1px solid #24344a;border-radius:7px}.review-mode button[aria-pressed=true]{background:#265ca5;color:#fff;border-radius:5px}.design-bottom-bar button,.composer-heading button,#general-feedback{font-family:var(--font);font-size:11px;border-color:#3b5270;color:#d7e3f3}.design-panel #general-feedback{background:#265ca5;color:#fff;border-color:#3879ce;border-radius:7px;font-size:12px}.design-comment{background:#111e30;border-color:#2d405b;border-radius:9px;padding:18px}.design-comment.selected{background:#162e4d;outline:2px solid #80b2f1;padding:18px}.design-comment.resolved{background:#0f1c2c}.comment-meta strong{font-size:13px}.comment-meta [data-comment-status]{background:#203855;color:#bed9ff;border-radius:5px;font-size:10px}.design-comment.resolved [data-comment-status]{background:#203c35;color:#b9e4d1}.design-comment>p{font-size:13px}.comment-page{font-size:11px;color:#9aafca}.design-panel .review-action,.design-panel .reply-composer>summary{font-family:var(--font);font-size:11px;background:#1a2e49;border-color:#3d5778;border-radius:6px;color:#e0ebfa}.design-panel .resolve-action{background:#19372f;border-color:#3d6555;color:#c4e7d6}.design-panel .reply-composer form{background:#0c1726;border-color:#344a68}.design-reply{background:#182c47;border-color:#72a4e7}.comment-image{color:#a9cfff;font-size:11px}#comment-composer{background:#111f32;border-color:#496384;border-radius:12px;padding:22px}#comment-composer button[type=submit],#comment-composer form>button{background:#2867ce;color:#fff;border-radius:6px}#comment-composer .dropzone-choose{color:#bbd6ff}#comment-composer .dropzone-remove{color:#e0eafa;border-color:#486385}.design-dropzone{background:#0d1827;border-color:#486385;border-radius:8px}.design-dropzone.drag-over{background:#183454;border-color:#9bc5ff}#design-image-modal{background:#101e30;border-color:#425b7d;border-radius:12px}#close-design-image{background:#1d3453;border-color:#4c6588}.design-workspace{height:calc(100dvh - 132px)}.design-panel .muted{font-size:12px}.design-panel details{border-color:#324966}.staging-dock{background:#0c1828;border-color:#3a5070}.staging-open{color:#b6d4ff}.staging-outcome{background:#111d2c;border-color:#384c68}.staging-identity .orbit-wordmark{width:90px;margin-right:14px}
@media(min-width:1600px){.login-story,.login-access{padding:58px 70px 35px}.login-editorial{margin-top:100px}.login-form-wrap{max-width:400px}.login-form-wrap h2{font-size:42px}.login-lead{font-size:16px}.orbital-art{max-width:620px;max-height:350px}}
@media(max-width:1100px){.sidebar{width:205px}.topbar{padding:0 28px}main{padding:24px 28px 40px}.workspace-footer{margin:0 28px}.login-story,.login-access{padding:38px 34px 28px}.login-editorial h1{font-size:48px;letter-spacing:-2px}.login-story-footer{flex-direction:column;gap:8px}.design-library-grid{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:850px){.design-toolbar{height:112px;align-items:flex-start;flex-direction:column;gap:9px;padding:12px}.design-tools select{max-width:150px}.design-toolbar strong{max-width:calc(100vw - 270px)}.design-toolbar .badge{font-size:9px}.design-workspace{height:calc(100dvh - 172px)}.design-panel{top:112px;bottom:60px}.design-bottom-bar>span{display:none}.design-library-grid{grid-template-columns:1fr}.design-library-new{order:2}.login-story{padding:36px 28px;min-height:740px}.login-access{padding:36px 28px}.login-editorial h1{font-size:40px;letter-spacing:-1.8px}.login-brand img{width:180px}.login-form-wrap h2{font-size:29px}.login-access-footer{font-size:7px}.login-access-top{font-size:8px;letter-spacing:1px}.metrics>div{padding:18px}.metrics strong{font-size:32px}.metrics>div::after{display:none}}
@media(max-width:700px){.app-shell{display:block}.sidebar{position:fixed;top:64px;bottom:0;left:0;height:calc(100dvh - 64px);width:245px;padding:22px 18px 0;display:none;box-shadow:20px 0 40px #0006}.navigation-open .sidebar{display:flex}.sidebar nav{display:grid;margin:0}.sidebar nav a{padding:12px 14px;font-size:13px}.nav-label,.sidebar-bottom{display:block}.nav-label{margin-top:24px}.sidebar .brand{padding:0 14px 24px}.topbar{height:64px;padding:0 18px;position:sticky;top:0;z-index:25;background:#0b1421}.breadcrumb{gap:10px;font-size:11px}.nav-toggle{display:block;border:1px solid #3a4d67;background:#15253c;color:#edf3fb;border-radius:6px;width:34px;height:34px;margin-right:2px;padding:0;cursor:pointer}.workspace-status{font-size:9px}.workspace-status .dot{display:none}main{padding:20px 18px 36px}.system-notice{margin-bottom:26px;font-size:10px}.system-notice-label{font-size:9px}.page-heading{gap:20px;align-items:flex-start;flex-direction:column}.page-heading h1{font-size:34px}.page-heading .muted{font-size:12px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metrics span{font-size:10px}.metrics strong{font-size:32px}.panel-heading{padding:18px;gap:12px}.padded{padding:22px 18px}.workspace-footer{margin:0 18px;font-size:8px}.workspace-footer>span:last-child{display:none}.design-project-card{grid-template-columns:46px 1fr auto;gap:14px;padding:20px 18px}.project-orbit{width:46px;height:46px}.design-project-card strong{font-size:14px}.design-project-card small{font-size:10px}.orbit-login{grid-template-columns:1fr;min-height:100dvh}.login-story{min-height:0;padding:30px 28px 28px;border-right:0;border-bottom:1px solid #31415a}.login-brand img{width:160px}.login-editorial{margin-top:32px}.login-editorial .eyebrow{font-size:8px;margin-bottom:12px}.login-editorial h1{font-size:42px;margin:12px 0;letter-spacing:-1.8px}.login-lead{font-size:12px;margin:18px 0 0}.orbital-art,.login-story-footer{display:none}.login-access{padding:28px}.login-access-top{display:none}.login-form-wrap{max-width:none;padding:8px 0 36px}.login-form-wrap h2{font-size:30px}.login-form-intro{margin-bottom:25px}.login-support{margin-bottom:0}.login-access-footer{font-size:7px}.review-brand{gap:12px;flex-wrap:wrap}.review-brand>.muted{font-size:10px}.staging-identity .orbit-wordmark{width:66px;margin-right:2px}.design-toolbar strong{max-width:calc(100vw - 220px);font-size:12px}.design-logo{padding-right:12px;margin-right:0}.design-logo img{width:72px}.design-toolbar .badge{max-width:100px;overflow:hidden}.design-panel{width:min(370px,100vw)}#comment-composer{max-width:calc(100vw - 24px)}.design-panel .review-action,.design-panel .reply-composer>summary{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.auth-layout #main-content{justify-items:stretch;align-items:stretch}.orbit-login{width:100%}
.design-panel button:focus-visible,.design-panel summary:focus-visible,.design-panel a:focus-visible,.design-dropzone button:focus-visible{outline:2px solid #9ac3ff;outline-offset:3px}.design-panel form>button:not(.review-action){background:#2867ce;color:#fff;border:1px solid #3978dd;border-radius:6px;cursor:pointer}.design-panel form>button.secondary{background:#1a2e49;border-color:#3d5778}#copy-design-link{background:#1a2e49;color:#e0ebfa;border:1px solid #3d5778;border-radius:6px;cursor:pointer}