:root{--green:#23AC72;--purple:#643085;--ink:#172e29;--muted:#61716b;--action:#176348;--paper:#fcfcf8;--mineral:#f4f5ef;--line:#dce2da;--lilac:#efe9f3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Arial,system-ui,sans-serif}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--purple);outline-offset:4px}button{border:0;background:none}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:400}h3{font-size:16px}small{font-size:12px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.proof{padding:8px 32px;display:flex;justify-content:space-between;background:#183c30;color:#eef6f0;font-size:10px;letter-spacing:.09em}.preview-nav{display:flex;justify-content:center;gap:32px;padding:11px 20px;border-bottom:1px solid var(--line);font-size:12px;background:#fff}.preview-nav a{padding:4px 0}.preview-nav .current{color:var(--purple);box-shadow:0 2px var(--purple)}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700;line-height:1.08;letter-spacing:-.6px}.brand img{object-fit:contain}.brand-second{display:block;font-weight:400;letter-spacing:1.4px;font-size:16px}.public-head{display:flex;align-items:center;justify-content:space-between;padding:25px 5.5%;border-bottom:1px solid var(--line)}.public-head nav{display:flex;gap:30px}.public-head nav button{font-size:13px}.login{border:1px solid #b5c3b9;border-radius:50px;padding:11px 20px;font-size:13px}.login span{margin-left:20px}.hero{display:grid;grid-template-columns:55% 45%;min-height:650px;padding-left:5.5%;overflow:hidden}.hero-copy{padding:72px 0 30px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:700;line-height:1.6}.hero .eyebrow{display:flex;align-items:center;gap:12px}.line{width:28px;height:1px;background:var(--green)}.hero h1{font-family:Georgia,serif;font-size:clamp(54px,5.35vw,84px);letter-spacing:-4px;line-height:1.05;margin:38px -60px 26px 0}.hero h1 em{color:var(--action);font-weight:400}.hero-copy>p{max-width:435px;color:var(--muted);font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:25px;margin:28px 0 15px}.primary{background:var(--action);color:white;border-radius:50px;padding:14px 23px;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:46px;font-size:13px;font-weight:700;transition:background .18s,transform .18s}.primary:hover{background:#114c37;transform:translateY(-1px)}.text-link{font-size:13px;padding:10px 0}.hero-copy>.draft-label{font-size:11px;color:#6b766e}.hero-foot{display:flex;gap:55px;border-top:1px solid var(--line);padding-top:24px;margin-top:48px;max-width:460px;font-size:11px}.hero-foot>span:first-child{font-size:9px;letter-spacing:.13em}.object-scene{position:relative;min-height:650px;background:radial-gradient(ellipse at 65% 25%,#f9fcf2,transparent 55%),linear-gradient(135deg,#f0f2e9,#dfe9de 65%,#e7dfeb);perspective:1000px;overflow:hidden;border-bottom-left-radius:160px}.orbit{position:absolute;width:580px;height:580px;border:1px solid #a7bda849;border-radius:50%;left:-10%;top:0}.orbit-two{width:410px;height:410px;left:6%;top:85px}.scene-line{position:absolute;top:0;right:20%;height:100%;width:1px;background:#a7bda830}.object{position:absolute;width:260px;height:260px;left:calc(50% - 130px);top:100px;transform-style:preserve-3d;animation:turn 14s ease-in-out infinite}.logo-layer{position:absolute;inset:0;background:linear-gradient(125deg,#19392d,#3c8260 45%,#11372b);mask:url('assets/logo.png') center/contain no-repeat;transform:translateZ(calc(var(--z)*1.4px))}.logo-face{position:absolute;inset:0;width:100%;height:100%;transform:translateZ(26px);filter:drop-shadow(1px 1px 0 #ffffff80)}@keyframes turn{0%,100%{transform:rotateX(12deg) rotateY(-20deg) rotateZ(-8deg)}50%{transform:rotateX(4deg) rotateY(18deg) rotateZ(3deg)}}.paused{animation-play-state:paused}.object-shadow{position:absolute;top:400px;left:22%;width:60%;height:30px;background:#21463322;filter:blur(18px);border-radius:50%;transform:rotate(-10deg)}.object-index{position:absolute;top:26px;right:30px;font-size:10px;letter-spacing:.15em;color:#48604f}.object-caption{position:absolute;left:20%;bottom:35px}.object-caption>span{font-size:9px;letter-spacing:.18em;color:#45604b}.object-caption p{font-family:Georgia,serif;font-size:28px;line-height:1.1;margin:13px 0}.object-caption small{display:block;font-size:10px;color:#4e6254}.motion-toggle{font-size:11px;text-decoration:underline;padding:5px 0}.public-bottom{display:flex;justify-content:space-between;padding:25px 5.5%;align-items:center;border-bottom:1px solid var(--line);gap:30px}.public-bottom>span{font-size:11px;color:var(--muted)}.public-bottom>div{font-size:16px;flex:1;max-width:230px;border-left:1px solid var(--line);padding-left:25px;display:flex;justify-content:space-between}.public-bottom b{font-weight:400;color:var(--action)}.workspace{display:flex;min-height:calc(100vh - 82px)}.sidebar{width:232px;flex-shrink:0;border-right:1px solid var(--line);background:#f6f7f1;padding:30px 20px 18px;display:flex;flex-direction:column}.sidebar .brand{padding:0 10px}.space-label{font-size:9px;letter-spacing:.12em;color:var(--muted);margin:45px 10px 15px}.side-nav{display:grid;gap:6px}.side-nav a,.side-nav button{text-align:left;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:8px;font-size:13px}.side-nav span{width:17px;color:#63786b;font-size:17px}.side-nav em{margin-left:auto;font-style:normal;border-radius:50px;background:#e4d9ec;color:var(--purple);padding:0 6px;font-size:11px}.side-nav .selected{background:#e4ebe0;color:#184e36;font-weight:700}.side-nav button:hover{background:#e9eee5}.side-bottom{margin-top:auto;padding-top:70px}.ai-entry{display:flex;align-items:center;gap:9px;text-align:left;padding:13px 10px;border:1px solid #d5dfd2;border-radius:13px;background:#fff;width:100%;font-size:11px}.ai-entry img{width:29px;height:29px}.ai-entry small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.ai-entry b{margin-left:auto}.profile{display:flex;gap:10px;align-items:center;margin-top:22px;font-size:12px}.profile small{display:block;color:var(--muted);font-size:10px}.avatar{width:33px;height:33px;border-radius:50%;display:inline-grid;place-items:center;background:#e7e0eb;color:var(--purple);font-size:11px;flex-shrink:0}.work-main{width:calc(100% - 232px);padding:0 38px 40px}.work-top{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.work-top>div{display:flex;align-items:center;gap:22px}.crumb,.date{color:var(--muted)}.icon{font-size:22px;width:36px;height:36px;position:relative}.icon i{position:absolute;right:5px;top:5px;width:5px;height:5px;background:var(--purple);border-radius:50%}.page-title{margin:32px 0 25px}.page-title h1,.client-heading h1{font-family:Georgia,serif;font-size:35px;letter-spacing:-1px;margin:8px 0 10px}.page-title p{font-size:13px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-bottom:30px}.metrics>div{border-left:1px solid var(--line);padding-left:25px}.metrics>div:first-child{padding-left:0;border:0}.metrics span{font-size:11px;color:var(--muted)}.metrics strong{display:block;font-size:32px;font-weight:400;letter-spacing:-1px;margin-top:6px}.metrics small{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:2px}.red-text{color:#9b3e31}.work-columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-title h2{font-size:20px;margin:0}.plain{font-size:11px;color:var(--action);padding:8px 0}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:8px}.tabs button{padding:8px 0;font-size:12px;color:var(--muted)}.tabs .active{color:var(--ink);border-bottom:2px solid var(--action)}.tabs b{font-size:10px;margin-left:6px}.list-head{display:grid;grid-template-columns:1fr 95px 105px;padding:11px 0;color:var(--muted);font-size:10px}.task-row{display:grid;grid-template-columns:minmax(0,1fr) 95px 105px;align-items:center;gap:4px;width:100%;text-align:left;border-bottom:1px solid var(--line);padding:18px 0;min-height:82px}.task-row[hidden]{display:none}.task-row:hover{background:#f0f3ec}.task-name{display:flex;gap:12px;align-items:center}.task-no{font-size:10px;color:#748276}.task-name strong{font-size:12px;line-height:1.4;display:block;font-weight:400}.task-name small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.due{font-size:10px}.tag{font-size:10px;background:#e5efe5;color:#22583e;border-radius:50px;padding:5px 8px;display:inline-block;white-space:nowrap;width:fit-content}.tag.purple{background:#eee5f3;color:#643085}.tag.amber{background:#f4ebd7;color:#765319}.tag.red{background:#f6e4de;color:#923b2c}.decision-panel{background:var(--lilac);border-radius:18px;padding:25px 23px}.decision-panel>.eyebrow{color:var(--purple);font-size:9px}.decision-panel>h2{font-family:Georgia,serif;font-size:25px;line-height:1.15;margin:16px 0}.decision{border-top:1px solid #d8cddd;padding:17px 0 12px}.decision>small{color:#735a7b;font-size:9px}.decision h3{font-size:13px;font-weight:400;margin:7px 0 3px}.decision p{font-size:10px;color:#735f7a;margin-bottom:9px}.decision button{display:flex;justify-content:space-between;width:100%;font-size:11px;color:var(--purple);padding:0}.panel-note{font-size:10px;color:#655b69;margin-top:20px;line-height:1.6}.team-title{margin-top:28px}.team-list>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:11px 0;font-size:12px}.team-list small{display:block;font-size:10px;color:var(--muted)}.workload{width:75px;height:4px;background:#e5ebe1;margin-left:auto;border-radius:5px}.workload i{display:block;background:var(--green);height:100%;border-radius:5px}.employee-focus{display:grid;grid-template-columns:1.4fr 1fr;background:#e8eee3;border-radius:18px;padding:26px 30px;margin:25px 0 30px;gap:30px}.employee-focus h2{font-family:Georgia,serif;font-size:29px;line-height:1.15;margin:13px 0}.employee-focus p{font-size:12px;color:var(--muted)}.focus-detail{border-left:1px solid #cdd8c8;padding-left:30px}.focus-detail>p{margin:20px 0 12px}.focus-detail>small{color:var(--muted);font-size:10px}.doc-line{display:flex;gap:10px;align-items:center;background:#f7f8f3;border:1px solid #d5dfcf;border-radius:10px;padding:13px;margin-bottom:15px;font-size:12px}.doc-line small{display:block;font-size:10px;color:var(--muted)}.soft-panel{background:var(--mineral);border:1px solid var(--line);border-radius:18px;padding:24px}.soft-panel h2{font-size:21px;margin:15px 0 4px}.soft-panel>p{font-size:12px;color:var(--muted)}.context-line{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:10px}.context-line>span{color:var(--muted)}.context-line strong{font-weight:400}.notice-line small{display:block;margin-top:8px;font-size:10px}.client-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:32px 0 25px}.company-select{font-size:10px;color:var(--muted)}select{display:block;padding:10px 32px 10px 12px;background:var(--paper);border:1px solid #b8c5b8;border-radius:8px;margin-top:5px;color:var(--ink);font-size:12px}.client-banner{background:#e7eee1;border-radius:20px;display:grid;grid-template-columns:1.4fr 1fr;padding:30px 36px;margin-bottom:32px;min-height:265px;overflow:hidden}.client-banner h2{font-family:Georgia,serif;font-size:34px;letter-spacing:-.7px;margin:12px 0}.client-banner p{color:#50664f;font-size:13px;line-height:1.7}.client-banner small{display:block;font-size:10px;margin-top:12px;color:#50664f}.document-art{position:relative;display:grid;place-items:center}.paper{background:#fcfcf8;width:180px;padding:22px;transform:rotate(10deg);box-shadow:12px 18px 30px #29412918;border:1px solid #dbe3d4}.paper>span{display:block;font-size:8px;letter-spacing:.15em;margin:12px 0}.paper>b{font-family:Georgia,serif;font-weight:400;font-size:23px;line-height:1.1;display:block;margin:15px 0}.paper i{display:block;height:2px;background:#dce4d7;margin:9px 0}.paper-check{position:absolute;bottom:15px;right:10%;width:58px;height:58px;border-radius:50%;background:#d4c5e0;display:grid;place-items:center;color:var(--purple);font-size:26px;border:7px solid #e7eee1}.conversation{display:flex;width:100%;gap:14px;align-items:center;text-align:left;padding:18px 0 24px;border-bottom:1px solid var(--line);margin-bottom:28px}.conversation strong{font-size:13px;font-weight:400}.conversation small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.conversation-meta{margin-left:auto;text-align:right;font-size:10px;color:var(--muted)}.conversation-meta .tag{margin-top:8px}.file-row{display:flex;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}.file-row>span{font-size:28px;color:var(--action)}.file-row strong{font-size:12px;font-weight:400}.file-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.file-row button{margin-left:auto;font-size:20px}.upload{padding:18px;border:1px dashed #9cad9b;width:100%;border-radius:10px;margin-top:20px;font-size:12px;color:var(--action)}.balance h2{font-size:38px;letter-spacing:-1px}.balance h2 small{font-size:20px}.muted{color:var(--muted)}.empty{padding:30px;background:var(--mineral);border-radius:15px;grid-column:1/-1}.system-page{max-width:1100px;margin:55px auto;padding:0 30px}.system-page>h1{font:58px Georgia,serif}.system-page>h2{margin-top:40px}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:30px}.swatches i{height:100px;display:block;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.swatches strong,.swatches code{display:block;font-size:11px}.swatches code{color:var(--muted);margin-top:5px}.type-proof{font:40px Georgia,serif}.component-line{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.system-page label{max-width:550px;display:block}.state-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;font-size:13px}.system-page>.ai-entry{width:240px;margin:30px 0}dialog{border:0;border-left:1px solid var(--line);width:470px;max-width:100%;height:100dvh;max-height:100dvh;position:fixed;inset:0 0 0 auto;margin:0;padding:30px;background:var(--paper);color:var(--ink);box-shadow:-20px 0 80px #16352920}dialog::backdrop{background:#153a2a55;backdrop-filter:blur(3px)}.ai-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}dialog h2{font:35px Georgia,serif;margin:25px 0 15px}dialog>.muted{font-size:14px}.ai-note{padding:12px 15px;background:var(--lilac);border-radius:9px;font-size:12px;color:var(--purple);margin:20px 0}.suggestions{display:grid;gap:8px;margin:25px 0}.suggestions button{text-align:left;padding:13px;border:1px solid var(--line);border-radius:8px;font-size:12px}label{font-size:12px}textarea{display:block;width:100%;resize:vertical;padding:13px;margin:8px 0 16px;border:1px solid #aebdaf;border-radius:10px;background:white;color:var(--ink)}#ai-result{font-size:13px;margin-top:22px;line-height:1.7}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:white;border-radius:12px;padding:15px 22px;font-size:13px;max-width:600px;width:calc(100% - 32px);z-index:10;transition:.18s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.hero{max-width:1800px;margin:auto}.work-main{padding-left:55px;padding-right:55px}}@media(max-width:1150px){.sidebar{width:200px;padding:25px 14px}.work-main{width:calc(100% - 200px);padding:0 24px 30px}.work-columns{grid-template-columns:1fr;gap:25px}.decision-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.decision-panel>.eyebrow,.decision-panel>h2,.decision-panel>.panel-note{grid-column:1/-1;margin:0}.hero-actions{gap:12px}.hero h1{font-size:60px}.hero-copy>p{max-width:365px}.hero{grid-template-columns:55% 45%}.object{width:210px;height:210px;left:calc(50% - 105px);top:130px}.object-caption{left:15%}.metrics small{font-size:9px}.client-heading{align-items:flex-start}.client-heading h1{font-size:29px}.client-banner{padding:25px}.client-banner h2{font-size:29px}}
@media(max-width:700px){.proof{padding:7px 16px;display:block;font-size:8px}.proof span:last-child{display:block;letter-spacing:.03em;margin-top:2px}.preview-nav{justify-content:flex-start;gap:20px;overflow:auto;white-space:nowrap;padding:8px 16px;font-size:11px}.public-head{padding:18px 20px}.public-head nav{display:none}.brand{font-size:16px}.brand-second{font-size:13px}.brand img{width:31px;height:31px}.login{padding:9px 12px;font-size:10px}.login span{margin-left:8px}.hero{display:flex;flex-direction:column;padding:0;min-height:0}.hero-copy{padding:35px 22px 10px}.hero h1{font-size:48px;line-height:1.08;letter-spacing:-2.4px;margin:24px 0 20px}.hero .eyebrow{font-size:8px;letter-spacing:.09em;gap:8px}.hero-copy>p{font-size:14px;max-width:100%;line-height:1.7}.hero-actions{align-items:flex-start;flex-direction:column;gap:8px;margin-top:23px}.hero-actions .primary{width:100%;justify-content:space-between}.hero-copy>.draft-label{font-size:10px}.hero-foot{display:none}.object-scene{min-height:380px;border-bottom-left-radius:80px;margin:12px 0 0 22px}.object{width:160px;height:160px;left:calc(50% - 80px);top:30px}.orbit{width:350px;height:350px;left:0;top:-40px}.orbit-two{width:250px;height:250px;left:15%;top:10px}.object-shadow{top:205px;height:18px}.object-caption{left:12%;bottom:20px}.object-caption p{font-size:21px;margin:6px 0}.object-caption>span{font-size:8px}.object-index{font-size:8px;right:18px;top:15px}.public-bottom{padding:20px 22px;gap:13px;flex-wrap:wrap}.public-bottom>span{width:100%}.public-bottom>div{font-size:12px;padding-left:10px;gap:5px}.workspace{display:block}.sidebar{width:100%;padding:15px 20px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);gap:12px}.space-label,.side-nav,.profile{display:none}.sidebar .brand{padding:0}.side-bottom{margin:0 0 0 auto;padding:0}.ai-entry{width:43px;height:43px;padding:7px}.ai-entry span,.ai-entry b{display:none}.ai-entry img{width:27px;height:27px}.work-main{width:100%;padding:0 20px 30px}.work-top{height:51px;font-size:10px}.work-top .date{display:none}.page-title{margin:25px 0}.page-title h1,.client-heading h1{font-size:30px;line-height:1.1;letter-spacing:-.8px}.page-title p{font-size:12px}.metrics{grid-template-columns:1fr 1fr;gap:20px}.metrics>div{padding-left:15px}.metrics>div:nth-child(3){padding-left:0;border:0}.metrics strong{font-size:28px}.work-columns{gap:25px}.list-head{display:none}.task-row{grid-template-columns:1fr auto;gap:10px;padding:16px 0}.task-name{grid-column:1/-1}.task-name strong{font-size:14px}.task-name small{font-size:11px}.due{font-size:11px;padding-left:24px}.tag{font-size:10px}.decision-panel{display:block}.decision-panel h2{margin:15px 0;font-size:28px}.decision{padding:20px 0}.decision h3{font-size:16px}.decision p,.decision button{font-size:12px}.decision small{font-size:11px}.panel-note{font-size:11px}.employee-focus{display:block;padding:25px 22px}.employee-focus h2{font-size:27px}.focus-detail{border-left:0;border-top:1px solid #cdd8c8;padding:20px 0 0;margin-top:22px}.focus-detail>small{font-size:11px}.client-heading{display:block;margin:25px 0 20px}.client-heading h1{max-width:300px}.company-select{display:block;margin-top:20px}.company-select select{width:100%;font-size:13px;min-height:44px}.client-banner{display:block;padding:25px 22px;min-height:0}.client-banner h2{font-size:29px;line-height:1.15}.client-banner p{font-size:13px}.client-banner br{display:none}.document-art{display:none}.client-banner .primary{min-height:44px}.client-banner small{font-size:11px}.section-title h2{font-size:19px}.section-title .plain{font-size:10px}.conversation{gap:9px;align-items:flex-start}.conversation strong{font-size:13px}.conversation small{font-size:11px}.conversation-meta{font-size:9px}.conversation-meta .tag{font-size:9px;padding:4px 6px}.file-row small{font-size:10px}.file-row strong{font-size:12px}.soft-panel h2{font-size:26px}.balance h2{font-size:38px}.context-line{font-size:12px}.system-page{margin:30px auto;padding:0 22px}.system-page>h1{font-size:43px;line-height:1.1}.swatches{grid-template-columns:repeat(2,1fr)}.type-proof{font-size:29px}.state-samples{grid-template-columns:1fr;gap:4px}.component-line{gap:15px}.system-page>.ai-entry{width:100%;height:auto}.system-page>.ai-entry span{display:block}dialog{width:100%;padding:22px}.ai-top{margin-bottom:30px}dialog h2{font-size:32px}.empty{padding:22px}.empty h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.object{transform:rotateX(8deg) rotateY(-12deg)}}

/* Readability refinement */
.task-name strong{font-size:14px}.task-name small,.due{font-size:11px}.tag{font-size:11px}.decision h3{font-size:15px}.decision p,.decision button{font-size:12px}.metrics span{font-size:12px}.metrics small{font-size:11px}.panel-note{font-size:11px}

.ai-context{font-size:12px;color:var(--action);border-left:2px solid var(--green);padding-left:10px}
@media(max-width:700px){.sidebar{flex-wrap:wrap}.sidebar .side-nav{display:flex;order:3;width:100%;overflow-x:auto;gap:8px;padding-top:8px}.side-nav a,.side-nav button{flex-shrink:0;min-height:44px;font-size:12px;padding:8px 12px}.side-bottom{order:2}.sidebar .brand{order:1}.side-nav span{display:none}.side-nav em{margin-left:5px}.preview-nav a{min-height:30px;display:flex;align-items:center}.plain,.text-link{min-height:44px}}

.unread-note{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.unread-note button{color:var(--purple);font-size:12px;min-height:32px}

/* V2 — owner direction: pure white, one typeface, purple-led identity. */
:root{--paper:#fff;--mineral:#fff;--ink:#20172b;--muted:#716979;--action:#643085;--line:#e7e1ed;--lilac:#f6f2fa}
body{background:#fff;font-family:Arial,system-ui,sans-serif}
h1,h2,h3,.hero h1,.page-title h1,.client-heading h1,.decision-panel>h2,.employee-focus h2,.client-banner h2,.paper>b,.system-page>h1,.type-proof,dialog h2,.object-caption p{font-family:Arial,system-ui,sans-serif;font-style:normal}
.proof{background:#643085}.preview-nav{background:#fff}.brand-second{letter-spacing:.4px}.public-head{background:#fff}.public-head nav button{font-size:14px}.login{border-color:#c7aed8;color:#643085;font-weight:700}.login:hover{background:#f6f2fa}
.hero{min-height:680px;grid-template-columns:59% 41%;padding-left:5.5%;background:#fff}.hero-copy{padding-top:70px}.hero .eyebrow{color:#643085;font-size:11px;letter-spacing:.12em}.line{background:#643085;width:35px;height:2px}
.hero h1{font-size:clamp(56px,5.3vw,84px);font-weight:600;letter-spacing:-4.5px;line-height:1.05;margin:36px -35px 28px 0}.hero h1 em{font-family:inherit;font-style:normal;font-weight:600;color:#643085}.hero-copy>p{color:#716979;font-size:17px;max-width:455px}.hero-actions{gap:25px}.primary{background:#643085;border-radius:12px;padding:15px 24px;font-size:14px;box-shadow:0 7px 20px #64308512}.primary:hover{background:#4f246c;box-shadow:0 10px 25px #64308525}.text-link,.plain{color:#643085}.hero-foot{max-width:480px;margin-top:48px;padding-top:23px}.hero-foot>span:first-child{color:#643085;font-weight:700}.hero-foot>span:last-child{font-size:12px;color:#716979}
.object-scene{background:#fff;border-radius:0;min-height:680px;perspective:1000px;overflow:hidden}.orbit,.scene-line{display:none}.object-index{color:#643085;top:32px;right:40px;font-weight:700}.object{width:285px;height:285px;left:calc(50% - 143px);top:92px;animation:sculpture-v2 10s cubic-bezier(.45,0,.55,1) infinite;transform-style:preserve-3d}.logo-layer{background:linear-gradient(130deg,#d9c2e8 0%,#643085 24%,#2e133d 60%,#9461b0 100%);transform:translateZ(calc(var(--z)*2.4px))}.logo-face{transform:translateZ(44px);filter:drop-shadow(1px 1px 0 #ffffffb0)}
@keyframes sculpture-v2{0%,100%{transform:translateY(7px) rotateX(12deg) rotateY(-32deg) rotateZ(-10deg)}35%{transform:translateY(-12px) rotateX(-8deg) rotateY(24deg) rotateZ(3deg)}65%{transform:translateY(-5px) rotateX(14deg) rotateY(43deg) rotateZ(9deg)}}
.object-shadow{top:430px;left:20%;width:65%;height:24px;background:#64308528;filter:blur(20px);transform:rotate(-8deg);animation:shadow-v2 10s ease-in-out infinite}@keyframes shadow-v2{0%,100%{transform:scale(.9);opacity:.8}50%{transform:scale(1.12);opacity:.35}}.object-scene:has(.paused) .object-shadow{animation-play-state:paused}.object-caption{left:14%;bottom:42px;padding-top:20px;border-top:1px solid #e7e1ed;width:72%}.object-caption>span{color:#643085;font-size:9px;font-weight:700}.object-caption p{font-size:25px;line-height:1.15;font-weight:500;letter-spacing:-.8px;color:#20172b}.object-caption small{color:#716979}.motion-toggle{color:#643085;padding:8px 0}.public-bottom{background:#fff}.public-bottom b{color:#643085}.public-bottom>div{font-size:15px}
.sidebar{background:#fff}.side-nav .selected{background:#f0e7f6;color:#643085}.side-nav .selected span,.side-nav span{color:#805397}.side-nav button:hover{background:#f8f5fa}.ai-entry{border-color:#d9c8e5;background:#fff}.ai-entry:hover{background:#faf7fc}.avatar{background:#efe5f5;color:#643085}.work-top{background:#fff}.page-title h1,.client-heading h1{font-weight:500;letter-spacing:-1.4px}.page-title .eyebrow,.client-heading .eyebrow{color:#643085}.metrics strong{color:#643085}.metrics .red-text{color:#9b3e31}.task-row:hover{background:#faf7fc}.tabs .active{border-color:#643085;color:#643085}.workload i{background:#643085}.decision-panel{background:#f6f2fa;border:1px solid #e8ddef;box-shadow:inset 3px 0 #643085}.decision-panel>h2{font-weight:500;letter-spacing:-.8px;font-size:24px}.employee-focus{background:#fff;border:1px solid #dfcde9;box-shadow:inset 4px 0 #643085}.employee-focus>.eyebrow,.employee-focus .eyebrow{color:#643085}.employee-focus h2{font-weight:500;letter-spacing:-.9px}.focus-detail{border-color:#e5d7ee}.doc-line{background:#faf7fc;border-color:#e5d7ee}.soft-panel{background:#fff;border-color:#e5d7ee}.soft-panel>.eyebrow{color:#643085}.client-banner{background:#fff;border:1px solid #ddc9e9;box-shadow:inset 4px 0 #643085}.client-banner .eyebrow{color:#643085}.client-banner h2{font-weight:500;letter-spacing:-1.2px}.client-banner p,.client-banner small{color:#716979}.paper{background:#fff;border-color:#e7d9ed;box-shadow:12px 18px 30px #64308515}.paper-check{border-color:#fff;background:#eee2f5;color:#643085}.paper i{background:#e8deee}.upload{border-color:#b79cc8;color:#643085}.balance h2{color:#643085}.ai-context{border-color:#643085}.type-proof{font-weight:500}.system-page>h1{font-size:58px;font-weight:500;letter-spacing:-2px}dialog h2{font-weight:500;letter-spacing:-1px}dialog::backdrop{background:#20172b55}.empty{background:#faf7fc}
@media(max-width:1150px){.hero h1{font-size:62px}.hero{grid-template-columns:58% 42%}.object{width:230px;height:230px;left:calc(50% - 115px);top:125px}.object-caption{left:10%;width:80%}.hero-copy>p{max-width:390px}}
@media(max-width:700px){.hero{min-height:0;padding:0;display:flex}.hero-copy{padding:35px 22px 10px}.hero h1{font-size:47px;letter-spacing:-2.8px;margin:25px 0 22px;line-height:1.06}.hero .eyebrow{font-size:8px;letter-spacing:.09em}.hero-copy>p{font-size:14px}.hero-actions{gap:8px}.hero-actions .primary{width:100%;border-radius:10px}.object-scene{min-height:410px;margin:0 22px;border-radius:0;border-top:1px solid #e7e1ed}.object{width:185px;height:185px;left:calc(50% - 93px);top:40px}.object-shadow{top:250px;height:17px}.object-index{top:18px;right:0;font-size:8px}.object-caption{left:0;bottom:15px;width:100%;padding-top:14px}.object-caption p{font-size:22px;margin:8px 0}.object-caption>span{font-size:8px}.object-caption small{font-size:9px}.motion-toggle{padding:5px 0}.public-bottom>div{font-size:12px}.page-title h1,.client-heading h1{font-size:30px;letter-spacing:-1px}.employee-focus h2,.client-banner h2{font-size:28px;letter-spacing:-.8px}.system-page>h1{font-size:42px}.decision-panel>h2{font-size:27px}.focus-detail{border-color:#e5d7ee}}
@media(prefers-reduced-motion:reduce){.object{animation:none!important;transform:rotateX(8deg) rotateY(-15deg)}.object-shadow{animation:none!important}}
.object.paused{animation-play-state:paused}
code{font-family:inherit}

/* V3 — balanced green and purple; white base and one typeface retained. */
:root{--action:#176348;--ink:#203129;--muted:#657069}
.proof{background:#214b3c}.brand{color:#203129}.hero h1{color:#203129}.hero h1 em{color:#176348}.hero .eyebrow{color:#643085}.hero .line{background:#23ac72}.primary{background:#176348;box-shadow:0 7px 20px #17634812}.primary:hover{background:#114c37;box-shadow:0 10px 25px #17634824}.login{border-color:#c7aed8;color:#643085}.hero-foot>span:first-child{color:#176348}.public-bottom b{color:#176348}.text-link,.plain{color:#176348}.side-nav .selected{background:#eaf2ec;color:#176348}.side-nav .selected span{color:#176348}.side-nav span{color:#64796c}.side-nav button:hover{background:#f5f8f5}.side-nav em{background:#eee3f5;color:#643085}.page-title .eyebrow,.client-heading .eyebrow{color:#176348}.metrics strong{color:#176348}.metrics>div:nth-child(2) strong{color:#643085}.metrics .red-text{color:#9b3e31}.tabs .active{border-color:#176348;color:#176348}.task-row:hover{background:#f6f9f6}.workload i{background:#23ac72}.decision-panel{background:#f7f3fa;border-color:#e8ddef;box-shadow:inset 3px 0 #643085}.decision-panel>.eyebrow,.decision button{color:#643085}.employee-focus{border-color:#d6e3d8;box-shadow:inset 4px 0 #23ac72}.employee-focus .eyebrow{color:#176348}.focus-detail{border-color:#dce6dd}.doc-line{background:#f7faf7;border-color:#dce6dd}.soft-panel{background:#fff;border-color:#dfe6df}.soft-panel>.eyebrow{color:#643085}.client-banner{border-color:#d6e3d8;box-shadow:inset 4px 0 #23ac72}.client-banner .eyebrow{color:#176348}.client-banner p,.client-banner small{color:#657069}.balance h2{color:#643085}.ai-entry{border-color:#d9c8e5}.ai-context{color:#176348;border-color:#23ac72}.upload{border-color:#a8c0ad;color:#176348}.logo-layer{background:linear-gradient(135deg,#b8d6bf 0%,#287953 25%,#164831 53%,#643085 83%,#a480b7 100%)}.object-shadow{background:#284d3820}.object-caption p{color:#203129}.object-caption>span,.object-index{color:#643085}.paper{border-color:#dce6dd;box-shadow:12px 18px 30px #29412912}.paper-check{background:#eee2f5;color:#643085}.unread-note button{color:#643085}.system-page>h1{color:#203129}
/* V3 ecosystem composition: no backdrop, purposeful surrounding detail. */
.object-scene{isolation:isolate}.object{width:250px;height:250px;left:calc(50% - 125px);top:145px}.ecosystem-lines{position:absolute;inset:35px 0 110px;z-index:-1}.ecosystem-lines svg{width:100%;height:100%;overflow:visible}.ecosystem-lines path{stroke:#d9e5dc;stroke-width:1.3;stroke-dasharray:4 6}.ecosystem-lines path:nth-child(2){stroke:#e3d5ed}.eco-node{position:absolute;display:flex;align-items:center;gap:11px;padding:13px 17px;background:#fff;border:1px solid #e3e9e3;border-radius:14px;box-shadow:0 8px 30px #26422f08;z-index:3;animation:eco-float 10s ease-in-out infinite}.eco-node small{display:block;font-size:8px;letter-spacing:.08em;color:#6c786e;margin-bottom:4px}.eco-node strong{display:block;font-size:13px;font-weight:500;letter-spacing:-.2px}.eco-icon{display:grid;place-items:center;width:30px;height:30px;background:#ecf5ef;border-radius:9px;color:#176348;font-size:17px}.eco-team{top:54px;left:8%}.eco-clients{top:330px;right:4%;animation-delay:-3s;border-color:#e9dff0}.eco-clients .eco-icon{background:#f3eaf8;color:#643085}.eco-docs{top:432px;left:2%;animation-delay:-6s}.object-shadow{top:415px;left:27%;width:45%;height:17px}.object-caption{bottom:30px;left:8%;width:84%;padding-top:17px}.object-caption p{font-size:22px;margin:9px 0}.object-index{right:30px;top:22px}.object-scene:has(.paused) .eco-node{animation-play-state:paused}@keyframes eco-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:1150px) and (min-width:701px){.eco-node{padding:10px 11px;gap:7px}.eco-node strong{font-size:11px}.eco-node small{font-size:7px}.eco-icon{width:25px;height:25px}.eco-team{left:3%}.eco-clients{right:1%}.eco-docs{left:1%}.object{width:205px;height:205px;left:calc(50% - 103px);top:160px}}
@media(max-width:700px){.object-scene{min-height:500px;margin:0 22px}.object{width:175px;height:175px;left:calc(50% - 88px);top:115px}.eco-node{padding:9px 11px;gap:8px;border-radius:11px}.eco-node strong{font-size:11px}.eco-node small{font-size:6px;letter-spacing:.08em}.eco-icon{width:25px;height:25px;font-size:15px}.eco-team{top:35px;left:0}.eco-clients{top:260px;right:0}.eco-docs{top:327px;left:0}.ecosystem-lines{inset:25px 0 100px}.object-shadow{top:304px;left:25%;width:50%;height:13px}.object-caption{bottom:12px;left:0;width:100%;padding-top:12px}.object-caption p{font-size:21px}.object-index{top:12px;right:0;font-size:7px}}
@media(prefers-reduced-motion:reduce){.eco-node{animation:none!important}}
/* Authorized reconstructed SVG; original PNG remains intact in header. */
.logo-layer{mask-image:url('assets/logo-reconstructed.svg')}.object{width:290px;height:290px;left:calc(50% - 145px);top:112px}.logo-face{filter:drop-shadow(0 1px 0 #ffffff90)}
.object::after{content:"";position:absolute;inset:0;mask:url('assets/logo-reconstructed.svg') center/contain no-repeat;background:linear-gradient(115deg,transparent 25%,#ffffff00 38%,#ffffff80 49%,#ffffff00 59%,transparent 75%);background-size:250% 100%;transform:translateZ(45px);animation:enamel-shine 10s ease-in-out infinite;pointer-events:none}
@keyframes enamel-shine{0%,15%{background-position:150% 0}65%,100%{background-position:-80% 0}}.object.paused::after{animation-play-state:paused}
@media(max-width:700px){.object{width:210px;height:210px;left:calc(50% - 105px);top:80px}}
@media(prefers-reduced-motion:reduce){.object::after{animation:none!important;background:none}}
.creative-sculpture{display:none}.creative-mode .creative-sculpture{display:block;position:absolute;width:96%;height:480px;object-fit:contain;left:2%;top:15px;animation:creative-presence 9s ease-in-out infinite;mix-blend-mode:multiply;transform-origin:50% 80%}.creative-mode .object,.creative-mode .object-shadow{visibility:hidden}.view-geometry{display:block;color:#643085;font-size:11px;padding:7px 0;text-decoration:underline}.object-caption{bottom:20px}.motion-paused .creative-sculpture{animation-play-state:paused}@keyframes creative-presence{0%,100%{transform:translateY(2px) rotate(-2deg) scale(.96)}50%{transform:translateY(-10px) rotate(2deg) scale(1)}}
@media(max-width:700px){.creative-mode .creative-sculpture{top:20px;width:100%;left:0;height:330px}.object-scene{min-height:510px}.object-caption{bottom:10px}.view-geometry{font-size:10px}.creative-mode .object-caption p{font-size:20px}}
@media(prefers-reduced-motion:reduce){.creative-sculpture{animation:none!important;transform:none!important}}

/* V3 material interaction: enamel face, satin metal edge, one passing light. */
.primary,.login,.ai-entry,.suggestions button,.upload,.decision button{position:relative;isolation:isolate;overflow:hidden;transition:background .22s,box-shadow .22s,transform .22s,border-color .22s}
.primary::after,.login::after,.ai-entry::after,.suggestions button::after,.upload::after,.decision button::after{content:"";position:absolute;inset:-30% -70%;pointer-events:none;z-index:-1;transform:translateX(-60%) skewX(-20deg);background:linear-gradient(100deg,transparent 32%,#ffffff00 40%,#ffffff38 48%,#ffffff08 57%,transparent 65%);opacity:0}
@keyframes metal-pass{0%{transform:translateX(-60%) skewX(-20deg);opacity:0}18%{opacity:1}100%{transform:translateX(60%) skewX(-20deg);opacity:0}}
@media(hover:hover){
.primary:hover:not(:disabled){background:linear-gradient(155deg,#216e50 0%,#125b3f 38%,#174e37 53%,#236c4f 76%,#124d36 100%);box-shadow:inset 0 1px 0 #e4f4e3aa,inset 1px 0 0 #bfd3b66b,inset -1px 0 0 #0e382bbf,inset 0 -2px 0 #0b3625,0 0 0 1px #7e9e89,0 8px 18px #16483122;transform:translateY(-2px)}
.login:hover,.ai-entry:hover,.suggestions button:hover,.decision button:hover{background:linear-gradient(145deg,#fcfaff 0%,#eee5f4 35%,#fdfbff 50%,#e6d8ef 100%);border-color:#b69ac9;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #c6b0d3,0 5px 14px #64308512;color:#643085;transform:translateY(-1px)}
.upload:hover{background:linear-gradient(145deg,#fcfffc,#e4eee6 40%,#fff 55%,#dce9df);border-style:solid;border-color:#9fb7a4;box-shadow:inset 0 1px 0 white,inset 0 -1px 0 #b6ccba,0 5px 15px #17634810}
.primary:hover:not(:disabled)::after,.login:hover::after,.ai-entry:hover::after,.suggestions button:hover::after,.upload:hover::after,.decision button:hover::after{animation:metal-pass .85s ease-out 1}
.plain:hover,.text-link:hover{color:#176348;text-shadow:0 1px 0 #fff;text-decoration:underline;text-underline-offset:4px}
}
.primary:focus-visible:not(:disabled){background:linear-gradient(155deg,#216e50,#124e36 55%,#236c4f);box-shadow:inset 0 1px 0 #dfeedd,inset 0 -2px 0 #0b3625,0 5px 15px #16483122}
.login:focus-visible,.ai-entry:focus-visible,.suggestions button:focus-visible,.decision button:focus-visible{background:linear-gradient(145deg,#fcfaff,#e9dcf1 45%,#fff);box-shadow:inset 0 1px 0 white,inset 0 -1px 0 #c6b0d3}
.primary:active:not(:disabled),.login:active,.ai-entry:active{transform:translateY(0);box-shadow:inset 0 2px 5px #172e2922}
@media(prefers-reduced-motion:reduce){.primary::after,.login::after,.ai-entry::after,.suggestions button::after,.upload::after,.decision button::after{animation:none!important}.primary:hover:not(:disabled),.login:hover,.ai-entry:hover,.suggestions button:hover,.decision button:hover{transform:none}}

/* V4 — living metal identity and readable operational graphics. */
.metal-wordmark{display:flex;flex-direction:column;line-height:1.02;font-weight:750;letter-spacing:-.6px;filter:drop-shadow(0 1px 0 #ffffff)}
.word-business,.word-group{display:block;background:linear-gradient(170deg,#0e4834 0%,#278567 22%,#07563b 40%,#8cceab 49%,#176348 56%,#0d4833 80%,#609a7c 100%);background-size:100% 220%;background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 1px 1px #234f3212;animation:word-light 7s ease-in-out infinite}
.word-group{background-image:linear-gradient(170deg,#42205a,#86519c 22%,#50236e 40%,#c3a6d1 49%,#643085 56%,#42205a 80%,#a581b4);animation-delay:-1s}
.brand .brand-second{font-size:19px;letter-spacing:.1px;font-weight:750}.brand{gap:12px;font-size:22px}.metal-logo{object-fit:contain;animation:brand-revolve 18s linear infinite;will-change:transform}.brand .metal-logo{width:56px;height:56px;flex-shrink:0}.public-head{padding-top:18px;padding-bottom:18px}.sidebar .brand{padding:0}.sidebar .brand .metal-logo{width:48px;height:48px}.sidebar .brand{font-size:21px}
@keyframes brand-revolve{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes word-light{0%,100%{background-position:0 0}50%{background-position:0 100%}}
.all-motion{font-size:10px!important;color:var(--muted);padding:7px!important;border:1px solid #e6e9e7;border-radius:7px;white-space:nowrap;min-height:32px}.work-top>div{gap:15px}.assistant-slot{margin-top:14px}.assistant-slot .ai-entry{width:100%;padding:12px 9px;gap:8px;border-radius:12px;background:linear-gradient(130deg,#fff,#f7f4f9);text-align:left}.ai-entry .metal-logo{width:40px;height:40px;flex-shrink:0}.ai-entry small{font-size:10px}.side-bottom{margin-top:auto}.space-label{margin-top:28px}.assistant-brand{display:flex;align-items:center;gap:18px;margin:4px 0 24px}.assistant-brand .metal-wordmark{font-size:38px;letter-spacing:-1.4px}.assistant-brand .all-motion{margin-left:auto;align-self:flex-start}.ai-top{margin-bottom:14px}dialog .assistant-brand+.h2{margin-top:0}dialog h2{font-size:30px}
.hero{grid-template-columns:52% 48%;min-height:660px;padding-right:3%}.hero-copy{padding-top:64px}.hero h1{font-size:clamp(52px,5vw,76px);letter-spacing:-3.8px;margin-right:-55px}.hero-copy>p{max-width:465px}.hero-path{display:flex;align-items:center;gap:13px;margin-top:26px;font-size:11px;color:var(--muted)}.hero-path span{padding:7px 10px;border:1px solid #e1e7e3;border-radius:7px}.hero-path i{color:#9c81aa;font-style:normal}.hero-foot{margin-top:25px;gap:30px}.object-scene{min-height:660px;overflow:visible}.creative-mode .creative-sculpture{width:84%;left:8%;top:65px;height:420px;mix-blend-mode:normal;animation:hero-revolve 22s linear infinite;transform-origin:center;filter:drop-shadow(0 24px 18px #214b3c12)}
@keyframes hero-revolve{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.scene-grid{position:absolute;inset:60px 0 170px;border-radius:50%;border:1px solid #e9eeeb;background:repeating-radial-gradient(ellipse at center,transparent 0 75px,#edf0ee 76px 77px,transparent 78px 115px);transform:rotate(-20deg);z-index:-1}.scene-note{position:absolute;z-index:4;background:#ffffffed;border:1px solid #e6e9e7;border-radius:12px;padding:15px 20px;box-shadow:0 12px 30px #20312907;animation:note-enter .9s both}.scene-note span{font-size:8px;letter-spacing:.12em;color:#82708c}.scene-note strong{display:block;font-weight:500;font-size:14px;line-height:1.45;margin-top:5px}.note-one{left:-30px;top:30px}.note-two{right:0;top:340px;animation-delay:.15s}.mini-track{display:flex;gap:4px;margin-top:12px}.mini-track i{width:25px;height:4px;border-radius:3px;background:#8ea998}.mini-track i:nth-child(3){background:#a48db2}.mini-track i:last-child{background:#e8e8e8}.object-caption{left:8%;width:84%;bottom:20px}.object-caption p{font-size:24px}.object-index{top:12px;right:4px}.motion-paused .creative-sculpture{animation-play-state:paused}
@keyframes note-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.visual-overview{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0 30px}.chart-card{border:1px solid #e3e8e5;border-radius:16px;padding:22px 24px;background:#fff;min-width:0;box-shadow:0 6px 22px #20312903;animation:note-enter .6s both}.chart-card:nth-child(2){animation-delay:.08s}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.chart-heading h2{font-size:16px;margin:0;font-weight:600;letter-spacing:-.3px}.chart-heading>span{font-size:8px;letter-spacing:.1em;color:#748078}.ring-layout{display:flex;gap:28px;align-items:center;justify-content:space-between}.ring{width:134px;height:134px;border-radius:50%;padding:13px;background:conic-gradient(var(--segments));flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff80;animation:ring-reveal 1s ease-out both}.ring>div{height:100%;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring strong{font-size:32px;font-weight:500;letter-spacing:-1px}.ring small{font-size:10px;color:var(--muted)}.chart-legend{padding:0;margin:0;list-style:none;flex:1}.chart-legend li{display:flex;align-items:center;gap:8px;font-size:11px;padding:6px 0}.chart-legend b{margin-left:auto;font-size:13px;font-weight:500}.key{width:6px;height:6px;border-radius:50%;background:#7b9d8a}.k1{background:#9e8aaa}.k2{background:#c5c5ba}.k3{background:#b7938d}.client-overview .k1{background:#e7e9e8}.capacity>div{display:grid;grid-template-columns:85px 1fr 40px;gap:14px;align-items:center;margin:19px 0;font-size:12px}.capacity b{font-size:11px;text-align:right;font-weight:500}.capacity-track{height:8px;background:#f0f2f0;border-radius:5px;overflow:hidden}.capacity-track i{display:block;width:var(--fill);height:100%;background:var(--bar);border-radius:5px;transform-origin:left;animation:bar-reveal 1s ease-out both}.chart-footnote{font-size:10px;color:var(--muted);margin:16px 0 0}.deadline-bars{height:129px;display:flex;justify-content:space-around;gap:20px}.deadline-bars>div{display:flex;flex-direction:column;align-items:center;flex:1;gap:5px}.deadline-bars b{font-size:13px;font-weight:500}.deadline-bars>div>div{height:80px;display:flex;align-items:flex-end;width:100%;max-width:55px}.deadline-bars i{display:block;height:var(--fill);background:var(--bar);width:100%;border-radius:5px 5px 0 0;transform-origin:bottom;animation:bar-reveal 1s ease-out both}.deadline-bars span{font-size:10px;color:var(--muted)}.service-steps{list-style:none;padding:0;margin:0}.service-steps li{display:flex;align-items:center;gap:12px;font-size:12px;margin-bottom:14px;color:#78827b}.service-steps b{font-size:10px;font-weight:500;border:1px solid #e0e6e2;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.service-steps small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.service-steps em{margin-left:auto;font-size:11px;font-style:normal;color:#7b9d8a}.service-steps .current{color:#4c355c}.service-steps .complete{color:#344c3c}.service-steps li:last-child{margin-bottom:0}.tag,.tag.purple,.tag.amber,.tag.red{background:#f3f5f3;color:#5c6961;border:1px solid #e6eae7}.tag.purple{background:#f5f2f6;color:#716079;border-color:#ece6ef}.tag.amber{background:#f7f6f2;color:#7a735a;border-color:#ece9df}.tag.red{background:#f7f3f2;color:#8b665f;border-color:#eee3e0}.decision-panel{box-shadow:none;background:#fbf9fc}.employee-focus,.client-banner{box-shadow:none;border-color:#e0e7e2}.metrics strong,.metrics>div:nth-child(2) strong{color:#334b3d}.metrics .red-text{color:#8b665f}.workload i{background:#8da996}.page-title{margin-bottom:24px}.metrics{margin-bottom:24px}
@keyframes bar-reveal{from{transform:scale(.1);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ring-reveal{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
.motion-off *, .motion-off *::before,.motion-off *::after{animation-play-state:paused!important}
@media(max-width:1150px){.hero{grid-template-columns:53% 47%}.hero h1{font-size:57px;letter-spacing:-3px}.note-one{left:0}.note-two{right:0;top:350px}.scene-note{padding:12px}.scene-note strong{font-size:12px}.chart-card{padding:18px}.ring-layout{gap:16px}.ring{width:114px;height:114px;padding:11px}.ring strong{font-size:28px}.chart-legend li{font-size:10px}.capacity>div{grid-template-columns:72px 1fr 36px;gap:8px}.assistant-slot .ai-entry span{display:block}}
@media(max-width:900px) and (min-width:701px){.visual-overview{gap:12px}.ring-layout{flex-direction:column;align-items:stretch}.ring{align-self:center}.chart-card .capacity{margin-top:48px}.hero h1{font-size:48px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-copy{padding-top:45px}.scene-note strong{font-size:11px}.note-one{top:25px}.creative-mode .creative-sculpture{top:130px;height:300px}.note-two{top:400px}.hero-path{gap:6px;font-size:10px}.hero-path span{padding:6px}.public-head nav{gap:10px}}
@media(max-width:700px){.brand{font-size:19px}.brand .brand-second{font-size:17px}.brand .metal-logo{width:43px;height:43px}.public-head{padding:16px 22px}.public-head nav{display:flex}.public-head nav button:not(.all-motion){display:none}.public-head nav .all-motion{font-size:0!important;width:30px;padding:3px!important}.public-head nav .all-motion::first-letter{font-size:14px}.login{font-size:11px;padding:10px 12px}.login span{margin-left:4px}.hero{display:flex;padding:0;min-height:0}.hero-copy{padding:32px 22px 10px}.hero h1{font-size:46px;letter-spacing:-2.7px;margin-right:0}.hero-foot{margin-top:20px}.hero-path{gap:9px;margin-top:20px}.object-scene{min-height:535px;margin:0 22px;overflow:hidden}.creative-mode .creative-sculpture{top:70px;height:320px;width:90%;left:5%}.scene-grid{inset:65px 0 140px}.scene-note{padding:9px 12px;border-radius:9px}.scene-note strong{font-size:11px}.scene-note span{font-size:7px}.note-one{top:22px;left:0}.note-two{top:290px;right:0}.object-caption{left:0;width:100%;bottom:10px}.object-caption p{font-size:22px}.assistant-slot{order:2;margin:0 0 0 auto}.assistant-slot .ai-entry{width:44px;height:44px;padding:2px}.assistant-slot .ai-entry span,.assistant-slot .ai-entry b{display:none}.assistant-slot .ai-entry .metal-logo{width:38px;height:38px}.side-bottom{display:none}.sidebar .brand .metal-logo{width:43px;height:43px}.visual-overview{grid-template-columns:1fr;gap:14px;margin-top:20px}.ring-layout{gap:25px;justify-content:flex-start}.ring{width:126px;height:126px;padding:12px}.chart-heading{margin-bottom:18px}.chart-card{padding:20px}.chart-legend li{font-size:12px}.chart-heading>span{font-size:8px}.capacity>div{grid-template-columns:85px 1fr 40px;margin:18px 0;font-size:12px}.chart-footnote{font-size:10px}.work-top>div{gap:6px}.assistant-brand{gap:10px;flex-wrap:wrap}.assistant-brand .metal-logo{width:70px;height:70px}.assistant-brand .metal-wordmark{font-size:31px}.assistant-brand .all-motion{font-size:9px!important;padding:5px!important;align-self:center}.ai-top{margin-bottom:15px}.assistant-brand{margin-bottom:20px}dialog h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.metal-logo,.word-business,.word-group,.creative-mode .creative-sculpture,.chart-card,.ring,.capacity-track i,.deadline-bars i,.scene-note{animation:none!important;transform:none!important}}

/* V5 — horizontal-axis rotation, quieter wordmark, unified client overview. */
.word-business,.word-group{animation:none;background:none;color:#476b5b;text-shadow:none}
.word-group{color:#75627f}.metal-wordmark{filter:none;font-weight:650}.brand .brand-second{font-weight:650}
.scene-grid{display:none}
.metal-rotor{position:relative;display:inline-block;transform-style:preserve-3d;filter:none;animation:horizontal-turn 16s linear infinite;flex-shrink:0;vertical-align:middle}
.brand,.ai-entry,.assistant-brand{perspective:650px}.metal-depth,.rotor-face,.rotor-back{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.metal-depth{background:linear-gradient(155deg,#c7cec5,#667366 35%,#b9c5b7 48%,#536554 58%,#c4c4bc);mask:url('assets/logo-metal-clean.png') center/contain no-repeat;transform:translateZ(calc(var(--depth)*.45px))}
.rotor-face{transform:translateZ(3px);backface-visibility:hidden}.rotor-back{transform:rotateX(180deg) translateZ(3px);backface-visibility:hidden}
.assistant-brand .metal-logo{width:100px;height:100px}
@keyframes horizontal-turn{0%{transform:perspective(900px) rotateX(0deg)}100%{transform:perspective(900px) rotateX(360deg)}}
.creative-mode .creative-sculpture{display:block;position:absolute;width:110%;left:-5%;height:510px;top:-5px;transform-origin:center;transform-style:preserve-3d;filter:none;animation:horizontal-turn 20s linear infinite;mix-blend-mode:normal}
.creative-sculpture .metal-depth{mask-image:url('assets/logo-metal-shards.png');transform:translateZ(calc(var(--depth)*1px))}
.creative-sculpture .rotor-face{transform:translateZ(7px)}.creative-sculpture .rotor-back{transform:rotateX(180deg) translateZ(7px)}
.note-one{top:18px;left:-20px}.note-two{top:365px;right:-5px}.object-scene{overflow:visible}.motion-paused .creative-sculpture{animation-play-state:paused}
.client-top{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;min-height:104px;height:auto;padding:14px 0}.client-top>div:last-child{justify-self:end}.company-switch{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:10px 18px;background:#f1f6f3;border:1px solid #b7cdbf;box-shadow:0 4px 16px #214b3c08;border-radius:12px;min-width:250px;position:relative}.company-switch>span{font-size:9px;font-weight:700;letter-spacing:.12em;color:#527261}.company-switch select{appearance:auto;width:100%;border:0;border-radius:0;background:transparent;color:#244736;font-weight:600;font-size:15px;padding:2px 22px 2px 0;cursor:pointer;min-height:30px}.company-switch:hover{border-color:#678d77;background:#eaf2ec}.company-switch:focus-within{outline:2px solid #7c628d;outline-offset:3px}.client-heading{margin:28px 0 24px}
.client-summary{margin:20px 0 26px}.summary-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;gap:15px}.summary-heading>span{font-size:9px;letter-spacing:.13em;font-weight:700;color:#5d7366}.summary-heading small{font-size:10px;color:var(--muted)}.client-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.client-chart{padding:20px 22px;display:flex;flex-direction:column}.client-chart .chart-heading{min-height:38px;margin-bottom:16px}.client-chart h2{font-size:15px;line-height:1.3}.client-chart .ring-layout{flex-direction:column;gap:18px;align-items:stretch}.client-chart .ring{align-self:center;width:124px;height:124px;padding:11px}.client-chart .chart-legend{min-height:76px}.client-chart .chart-legend li{font-size:12px}.client-chart .chart-legend b{font-size:12px;white-space:nowrap}.summary-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6eae7;padding:13px 0 0;margin-top:16px;font-size:12px;color:#476b5b;text-align:left}.summary-link:hover{color:#643085}.service-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e3e8e5;border-radius:12px;padding:16px 20px;margin-top:14px}.service-strip>span{font-size:8px;letter-spacing:.1em;color:#657069}.service-strip ol{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}.service-strip li{font-size:11px;color:#778078;display:flex;align-items:center;gap:8px}.service-strip b{display:grid;place-items:center;width:23px;height:23px;border:1px solid #e1e5e2;border-radius:50%;font-size:9px;font-weight:500}.service-strip .current{color:#6b547b}.service-strip .current b{background:#f0eaf4;border-color:#daccdf}.service-strip .done b{background:#edf3ef;color:#547b63}.service-strip>small{font-size:10px;color:#657069}
@media(max-width:1150px){.client-top{gap:12px;grid-template-columns:1fr auto}.client-top>span{grid-column:1}.company-switch{grid-column:2;grid-row:1/3}.client-top>div:last-child{grid-column:1;justify-self:start}.client-chart{padding:18px 15px}.service-strip{flex-wrap:wrap}.service-strip ol{gap:16px}.creative-mode .creative-sculpture{width:112%;left:-6%;height:470px;top:10px}}
@media(max-width:700px){.client-top{grid-template-columns:1fr;gap:12px;padding:14px 0}.company-switch{grid-column:1;grid-row:2;min-width:0;width:100%;padding:12px 16px}.client-top>div:last-child{grid-row:3;justify-self:end}.client-chart-grid{grid-template-columns:1fr}.client-chart .ring-layout{flex-direction:row;align-items:center}.client-chart .chart-legend{min-height:0}.summary-heading{align-items:flex-start;flex-direction:column;gap:5px}.service-strip ol{flex-direction:column;align-items:flex-start}.service-strip{align-items:flex-start;flex-direction:column;gap:12px}.creative-mode .creative-sculpture{width:112%;left:-6%;height:370px;top:30px}.note-one{left:0;top:14px}.note-two{right:0;top:320px}.assistant-brand .metal-logo{width:70px;height:70px}.object-scene{overflow:hidden;min-height:555px}}
@media(prefers-reduced-motion:reduce){.metal-rotor,.creative-mode .creative-sculpture{animation:none!important;transform:none!important}}
.with-shards .metal-depth{mask-image:url('assets/logo-metal-shards.png')}
.metal-rotor>.rotor-face,.metal-rotor>.rotor-back{width:100%;height:100%;max-width:none;object-fit:contain}
.client-chart .summary-link{margin-top:auto}.client-chart .chart-legend{margin-bottom:16px}
@media(min-width:1151px){.creative-mode .creative-sculpture{top:-28px}}

/* V6 — approved sculpture, natural float; no invented sides or full turns. */
.brand,.ai-entry,.assistant-brand{perspective:none}
.metal-logo{display:inline-block;object-fit:contain;animation:identity-breathe 8s cubic-bezier(.45,0,.55,1) infinite;transform-origin:center;filter:none}
@keyframes identity-breathe{0%,100%{transform:translateY(1px) scale(.99)}50%{transform:translateY(-1px) scale(1)}}
.creative-mode .creative-sculpture{width:110%;left:-5%;height:510px;top:-28px;object-fit:contain;transform-style:flat;transform-origin:50% 65%;filter:none;mix-blend-mode:multiply;animation:sculpture-breathe 9s cubic-bezier(.45,0,.55,1) infinite}
@keyframes sculpture-breathe{0%,100%{transform:translateY(5px) scale(.97) rotate(-1deg)}50%{transform:translateY(-11px) scale(1) rotate(1deg)}}
.motion-paused .creative-sculpture{animation-play-state:paused}
@media(max-width:1150px){.creative-mode .creative-sculpture{height:470px;top:10px;width:112%;left:-6%}}
@media(max-width:700px){.creative-mode .creative-sculpture{height:370px;top:30px}.assistant-brand .metal-logo{width:70px;height:70px}}
@media(prefers-reduced-motion:reduce){.metal-logo,.creative-mode .creative-sculpture{animation:none!important;transform:none!important}}
/* Compact identity stays still while people work; motion belongs to the hero. */
.metal-logo{animation:none;transform:none}
@media(min-width:1151px){.hero,.object-scene{min-height:730px}.creative-mode .creative-sculpture{top:18px}.note-two{top:410px}}
/* V7 — a personal-space entry, livelier float and optional night mode. */
.hero{position:relative}.portal-card{position:absolute;z-index:5;left:43%;top:340px;width:218px;padding:20px;background:linear-gradient(145deg,#fff,#f3f7f4);border:1px solid #d6e3db;border-radius:18px;box-shadow:0 16px 40px #2447350b;transition:box-shadow .2s,transform .2s}.portal-top{display:flex;align-items:center;gap:9px;margin-bottom:16px}.portal-top .metal-logo{width:35px;height:35px}.portal-top>span{font-size:8px;letter-spacing:.08em;color:#62736a}.portal-top>b{margin-left:auto;font-size:16px;color:#745d83;font-weight:400}.portal-card>strong{display:block;font-size:20px;letter-spacing:-.5px;font-weight:500;margin-bottom:8px}.portal-description{font-size:12px;color:#657069;line-height:1.6}.portal-action{display:flex;justify-content:space-between;border-top:1px solid #dfe8e2;padding-top:13px;margin-top:17px;font-size:12px;color:#176348}.portal-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px #24473518}.theme-toggle{border:1px solid var(--line);border-radius:20px;padding:4px 12px;font-size:12px;min-height:32px;line-height:1}.preview-nav{align-items:center}.theme-toggle:hover{background:#f0f4f1}.creative-mode .creative-sculpture{animation-duration:7s}
@keyframes sculpture-breathe{0%,100%{transform:translate(0,7px) scale(.97) rotate(-1deg)}50%{transform:translate(4px,-13px) scale(1) rotate(1.5deg)}}
@media(max-width:1150px){.portal-card{left:43%;top:420px;width:190px;padding:16px}.portal-card>strong{font-size:18px}.portal-top>span{font-size:7px}.portal-top{gap:5px}.portal-description{font-size:11px}}
@media(max-width:900px){.portal-card{position:relative;left:auto;top:auto;width:auto;margin:12px 22px 20px}.hero{grid-template-columns:1fr 1fr}.portal-card{grid-column:1}.object-scene{grid-column:2;grid-row:1/3}.preview-nav{gap:18px}}
@media(max-width:700px){.portal-card{width:calc(100% - 44px)}.portal-top{margin-bottom:12px}.portal-top>span{font-size:9px}.portal-card>strong{font-size:22px}.portal-description{font-size:13px}.portal-action{font-size:13px}.theme-toggle{flex-shrink:0}.preview-nav{gap:18px}.creative-mode .creative-sculpture{animation-duration:7s}}
:root[data-theme=dark]{color-scheme:dark;--paper:#141416;--mineral:#202023;--ink:#ededf0;--muted:#aaaab3;--line:#3b3b42;--action:#8dcbaa;--lilac:#292330}
[data-theme=dark] body,[data-theme=dark] .public-head,[data-theme=dark] .hero,[data-theme=dark] .object-scene,[data-theme=dark] .public-bottom,[data-theme=dark] .preview-nav,[data-theme=dark] .sidebar,[data-theme=dark] .work-top,[data-theme=dark] .work-main{background:#141416;color:#ededf0}
[data-theme=dark] .proof{background:#252528}[data-theme=dark] .word-business{color:#a0c4b0}[data-theme=dark] .word-group{color:#b9a3c7}[data-theme=dark] .hero h1,[data-theme=dark] .object-caption p,[data-theme=dark] .system-page>h1,[data-theme=dark] .metrics strong{color:#ededf0}[data-theme=dark] .hero h1 em{color:#8dcbaa}[data-theme=dark] .hero-copy>p,[data-theme=dark] .hero-foot>span:last-child,[data-theme=dark] .client-banner p,[data-theme=dark] .client-banner small,[data-theme=dark] .object-caption small,[data-theme=dark] .portal-description{color:#aaaab3}
[data-theme=dark] .creative-sculpture{mix-blend-mode:normal;filter:drop-shadow(0 18px 22px #0004)}
[data-theme=dark] .portal-card,[data-theme=dark] .scene-note,[data-theme=dark] .chart-card,[data-theme=dark] .soft-panel,[data-theme=dark] .employee-focus,[data-theme=dark] .client-banner,[data-theme=dark] .paper,[data-theme=dark] dialog,[data-theme=dark] .ring>div{background:#202023;color:#ededf0;border-color:#3b3b42}
[data-theme=dark] .portal-card{background:linear-gradient(145deg,#27272c,#222227)}[data-theme=dark] .portal-action,[data-theme=dark] .portal-top>span{color:#a0c4b0;border-color:#3b3b42}
[data-theme=dark] .decision-panel,[data-theme=dark] .ai-note{background:#27222e;border-color:#41344b;color:#d0bfda}[data-theme=dark] .doc-line,[data-theme=dark] .empty,[data-theme=dark] .state-samples>p{background:#242428;border-color:#3b3b42}[data-theme=dark] .ai-entry,[data-theme=dark] .assistant-slot .ai-entry{background:#211f29;border-color:#4a3c56;color:#ededf0}
[data-theme=dark] .tag,[data-theme=dark] .tag.purple,[data-theme=dark] .tag.amber,[data-theme=dark] .tag.red{background:#25342b;color:#b8cbbf;border-color:#3b5042}[data-theme=dark] .tag.purple{background:#302738;color:#c9b5d7;border-color:#4a3c55}[data-theme=dark] .tag.amber{background:#302e25;color:#c8c2a4;border-color:#4a4736}[data-theme=dark] .tag.red{background:#332826;color:#d4aea5;border-color:#513c37}
[data-theme=dark] .side-nav .selected{background:#2c2c31;color:#a1d1b5}[data-theme=dark] .side-nav span{color:#9bafa3}[data-theme=dark] .side-nav button:hover,[data-theme=dark] .task-row:hover,[data-theme=dark] .theme-toggle:hover{background:#2b2b30}[data-theme=dark] .avatar{background:#342b3e;color:#cfb9dd}[data-theme=dark] .company-switch{background:#2c2c31;border-color:#66636f}[data-theme=dark] .company-switch>span,[data-theme=dark] .company-switch select{color:#c2dfcd}[data-theme=dark] .company-switch option{background:#2c2c31}
[data-theme=dark] .plain,[data-theme=dark] .text-link,[data-theme=dark] .summary-link,[data-theme=dark] .hero-foot>span:first-child,[data-theme=dark] .page-title .eyebrow,[data-theme=dark] .client-heading .eyebrow,[data-theme=dark] .client-banner .eyebrow,[data-theme=dark] .employee-focus .eyebrow,[data-theme=dark] .ai-context{color:#9bceaf}[data-theme=dark] .login,[data-theme=dark] .motion-toggle,[data-theme=dark] .view-geometry,[data-theme=dark] .preview-nav .current,[data-theme=dark] .scene-note span,[data-theme=dark] .object-caption>span,[data-theme=dark] .object-index,[data-theme=dark] .hero .eyebrow,[data-theme=dark] .decision button,[data-theme=dark] .decision-panel>.eyebrow,[data-theme=dark] .balance h2,[data-theme=dark] .soft-panel>.eyebrow{color:#c5a8d9}
[data-theme=dark] .primary{background:#285e43;color:#f4fff8}[data-theme=dark] .capacity-track{background:#34343a}[data-theme=dark] .chart-footnote,[data-theme=dark] .chart-heading>span,[data-theme=dark] .summary-heading>span,[data-theme=dark] .service-strip>span,[data-theme=dark] .service-strip>small,[data-theme=dark] .service-strip li,[data-theme=dark] .service-steps li{color:#b1b1ba}[data-theme=dark] .service-strip .current,[data-theme=dark] .service-steps .current{color:#cbb0de}[data-theme=dark] .service-strip .current b{background:#382b42;border-color:#594366}[data-theme=dark] .service-strip .done b{background:#2b4435;color:#b9d8c4}[data-theme=dark] .service-strip,[data-theme=dark] .summary-link,[data-theme=dark] .hero-path span,[data-theme=dark] .theme-toggle,[data-theme=dark] .all-motion{border-color:#3b3b42}[data-theme=dark] textarea,[data-theme=dark] .suggestions button{background:#19191c;color:#ededf0;border-color:#45454d}
[data-theme=dark] .login:hover,[data-theme=dark] .ai-entry:hover,[data-theme=dark] .suggestions button:hover,[data-theme=dark] .decision button:hover{color:#372342}[data-theme=dark] .upload:hover{color:#244c36}
@media(prefers-reduced-motion:reduce){.creative-mode .creative-sculpture{animation:none!important;transform:none!important}.portal-card:hover{transform:none}}
@media(min-width:1151px){.portal-card{left:41%}}
[data-theme=dark] .upload,[data-theme=dark] .public-bottom b,[data-theme=dark] .tabs .active{color:#a0cdb2}
[data-theme=dark] .panel-note,[data-theme=dark] .decision small,[data-theme=dark] .decision p{color:#b7aabe}
[data-theme=dark] .metrics .red-text{color:#d4aea5}
[data-theme=dark] .object-caption{border-color:#3b3b42}
/* V8 — selected central gallery direction. */
.gallery-page{background:#fff;color:#203d30}.gallery-header{max-width:1440px;margin:auto;display:flex;align-items:center;gap:28px;padding:22px 5% 10px}.gallery-header .brand{margin-right:auto}.gallery-header nav{display:flex;gap:36px;align-items:center}.gallery-header nav button{padding:12px 0;font-size:15px}.gallery-header nav button:hover{color:#643085}.gallery-header .all-motion{margin-left:10px}.gallery-hero{max-width:1440px;margin:auto;text-align:center;padding:20px 4% 30px}.gallery-intro h1{font-size:clamp(42px,5.3vw,78px);font-weight:650;line-height:1.08;letter-spacing:-3.5px;margin:6px 0 20px}.gallery-rule{display:block;width:64px;height:2px;margin:0 auto 18px;background:#643085}.gallery-intro>p{font-size:clamp(16px,1.65vw,23px);line-height:1.5;color:#6c6175;margin:0}.gallery-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px) minmax(0,1fr);align-items:center;min-height:480px;margin:4px auto 4px}.gallery-art{position:relative;height:500px;isolation:isolate}.gallery-art .creative-sculpture{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform-origin:50% 65%;animation:sculpture-breathe 7s cubic-bezier(.45,0,.55,1) infinite}.gallery-services{position:relative;z-index:1;padding:12px 0}.gallery-services h2{font-size:clamp(17px,1.6vw,23px);font-weight:500;white-space:nowrap;margin:0 0 14px;letter-spacing:-.5px}.gallery-services h2 span{color:#643085;padding:0 8px}.gallery-services p{font-size:14px;line-height:1.7;color:#758079;margin:0}.gallery-portal{display:flex;align-items:center;width:min(720px,80%);min-height:98px;margin:0 auto;padding:14px 34px;gap:24px;border-radius:70px;color:#fff;background:linear-gradient(175deg,#8b53a0 0%,#643085 29%,#512167 70%,#73358b 100%);border:1px solid #a58eae;box-shadow:inset 0 2px 1px #e7cee5a6,inset 0 -2px 1px #291334,0 0 0 2px #d5d0d6,0 6px 16px #64308516;text-align:left;transition:transform .2s,box-shadow .2s}.gallery-portal>img{width:64px;height:64px;object-fit:contain;filter:grayscale(1) brightness(1.8)}.gallery-portal-copy{display:flex;flex-direction:column;border-left:1px solid #d9c5df99;padding-left:26px;gap:4px}.gallery-portal-copy strong{font-size:30px;font-weight:600;letter-spacing:-.6px;line-height:1.15}.gallery-portal-copy small{font-size:17px;color:#e6d8ec}.gallery-arrow{margin-left:auto;font-size:38px;font-weight:300}.gallery-portal:hover{transform:translateY(-2px);box-shadow:inset 0 2px 1px #f4e1f3,inset 0 -2px 1px #291334,0 0 0 2px #b8a2c2,0 10px 22px #64308525}.gallery-footer{display:flex;justify-content:center;align-items:center;gap:26px;margin:30px 0 0;font-size:16px}.gallery-footer strong{font-weight:600}.gallery-footer>span{border-left:1px solid #a88ab9;padding-left:26px;color:#74667c}
[data-theme=dark] .gallery-page{background:#141416;color:#ededf0}[data-theme=dark] .gallery-intro>p,[data-theme=dark] .gallery-footer>span{color:#b9a9c4}[data-theme=dark] .gallery-services p{color:#aaaab3}[data-theme=dark] .gallery-services h2 span{color:#bd9ed1}[data-theme=dark] .gallery-art .creative-sculpture{mix-blend-mode:normal}[data-theme=dark] .gallery-portal{box-shadow:inset 0 2px 1px #e7cee580,inset 0 -2px 1px #291334,0 0 0 2px #6d5c75,0 12px 25px #0003}
@media(max-width:1100px){.gallery-header{padding-left:4%;padding-right:4%;gap:15px}.gallery-header nav{gap:22px}.gallery-hero{padding-left:3%;padding-right:3%}.gallery-stage{grid-template-columns:1fr 390px 1fr;min-height:420px}.gallery-art{height:420px}.gallery-services h2{white-space:normal;font-size:19px;line-height:1.45}.gallery-services p{font-size:12px}.gallery-services p br{display:none}.gallery-intro h1{letter-spacing:-2.5px}}
@media(max-width:800px){.gallery-stage{grid-template-columns:1fr 1fr;gap:0 25px}.gallery-art{grid-column:1/-1;grid-row:1;height:410px;width:min(480px,100%);justify-self:center}.gallery-services{grid-row:2;margin-bottom:20px}.gallery-services h2{font-size:20px}.gallery-services p{max-width:270px;margin:auto;font-size:13px}.gallery-portal{width:90%}.gallery-intro h1{font-size:49px}.gallery-header nav{gap:15px}.gallery-header nav button{font-size:13px}}
@media(max-width:520px){.gallery-header{padding:18px 22px 8px;flex-wrap:wrap;gap:12px}.gallery-header .brand{font-size:19px}.gallery-header nav{order:3;width:100%;justify-content:center;gap:32px}.gallery-header nav button{min-height:40px}.gallery-header .all-motion{margin:0}.gallery-hero{padding:14px 22px 28px}.gallery-intro h1{font-size:42px;letter-spacing:-2px;margin-bottom:17px}.gallery-rule{width:45px;margin-bottom:16px}.gallery-intro>p{font-size:15px;line-height:1.6}.gallery-art{height:335px}.gallery-stage{gap:0 16px;min-height:0}.gallery-services h2{font-size:17px;line-height:1.4;letter-spacing:-.3px}.gallery-services h2 span{padding:0 3px}.gallery-services p{font-size:12px;line-height:1.65}.gallery-portal{width:100%;min-height:85px;padding:12px 18px;gap:12px}.gallery-portal>img{width:42px;height:42px}.gallery-portal-copy{padding-left:14px;gap:5px}.gallery-portal-copy strong{font-size:22px}.gallery-portal-copy small{font-size:12px}.gallery-arrow{font-size:28px}.gallery-footer{font-size:12px;gap:10px;margin-top:25px;flex-direction:column}.gallery-footer>span{border:0;padding:0}}
@media(prefers-reduced-motion:reduce){.gallery-art .creative-sculpture{animation:none!important;transform:none!important}.gallery-portal:hover{transform:none}}
.gallery-intro{position:relative;z-index:2}.gallery-stage{margin-top:24px}.gallery-art{height:520px}
@media(max-width:1100px){.gallery-art{height:420px}}
@media(max-width:800px){.gallery-art{height:410px}}
@media(max-width:520px){.gallery-art{height:335px}.gallery-stage{margin-top:14px}}

/* V9 — membership-based company control and mobile chart parity. */
.company-switch{flex-direction:row;align-items:center;gap:18px;min-width:360px;padding:12px 16px;background:#f6f4f8;border-color:#d5ccdc}.company-switch>span{font-size:12px;letter-spacing:0;text-transform:none;white-space:nowrap;color:#6b5e75;font-weight:500}.company-switch select{flex:1;width:auto;min-width:0;font-size:14px;border-left:1px solid #d5ccdc;padding-left:16px}.company-switch:hover{background:#f1edf5;border-color:#9a84ab}.client-top:not(:has(.company-switch)){display:flex;justify-content:space-between;min-height:76px}.client-top:has(.company-switch){grid-template-columns:minmax(150px,1fr) auto minmax(190px,1fr)}
[data-theme=dark] .company-switch,[data-theme=dark] .company-switch:hover{background:#29292f;border-color:#55515e}[data-theme=dark] .company-switch>span{color:#bcb7c6}[data-theme=dark] .company-switch select{color:#eeeaf3;border-color:#55515e}[data-theme=dark] .company-switch option{background:#29292f;color:#eeeaf3}
@media(max-width:1150px){.client-top:has(.company-switch){grid-template-columns:1fr auto}.company-switch{min-width:340px}.client-top:not(:has(.company-switch))>div:last-child{justify-self:end}}
@media(max-width:700px){.preview-nav{flex-wrap:wrap;justify-content:center;gap:8px 16px;overflow:visible;white-space:normal}.theme-toggle{min-height:34px}.client-top:has(.company-switch){grid-template-columns:1fr}.company-switch{width:100%;min-width:0;gap:10px;padding:12px}.company-switch>span{font-size:11px}.company-switch select{font-size:12px;padding-left:10px;min-height:32px}.client-top:not(:has(.company-switch)){min-height:62px}.visual-overview,.client-chart-grid{display:grid;grid-template-columns:1fr}.chart-card{min-width:0}.chart-heading{flex-wrap:wrap}.client-chart .ring-layout{display:flex;flex-direction:row;gap:18px}.client-chart .ring{width:112px;height:112px;flex-shrink:0}.client-chart .chart-legend{flex:1;min-width:0}.client-chart .chart-legend li{font-size:11px;gap:5px}.client-chart .chart-legend b{font-size:11px}.client-chart .chart-legend li span{min-width:0}.client-chart .summary-link{margin-top:14px}.service-strip{width:100%}.gallery-portal-copy strong{font-size:clamp(18px,5.6vw,22px)}}
@media(max-width:360px){.client-chart{padding:18px 14px}.client-chart .ring-layout{gap:12px}.client-chart .ring{width:94px;height:94px;padding:9px}.client-chart .ring strong{font-size:25px}.client-chart .ring small{font-size:8px}.company-switch{gap:7px;padding:10px}.company-switch>span{font-size:10px}.company-switch select{font-size:11px;padding-left:7px}.ring-layout{gap:16px}.chart-legend li{font-size:11px}.gallery-portal{padding:12px 14px;gap:8px}.gallery-portal-copy{padding-left:10px}.gallery-arrow{font-size:24px}}
.motion-off .chart-card,.motion-off .ring,.motion-off .capacity-track i,.motion-off .deadline-bars i{animation:none!important;opacity:1;transform:none}
[data-theme=dark] .metrics>div:nth-child(2) strong{color:#c8b4d5}
[data-theme=dark] .unread-note button{color:#c5a8d9}
/* V10 — manual mobile chart carousel; no timer or automatic advancement. */
.brand-controls{display:contents}.mobile-theme,.carousel-controls{display:none}
@media(max-width:700px){
 .preview-nav>.theme-toggle{display:none}.brand-controls{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}.gallery-header>.brand-controls{margin-right:auto}.sidebar>.brand-controls{order:1}.mobile-theme{display:inline-flex;align-items:center;gap:5px;font-size:10px;line-height:1;min-height:32px;padding:6px 9px;margin:3px 0 0 54px;border-color:transparent;border-radius:8px;background:transparent;color:#7b7782}.mobile-theme:hover{background:#f1eff3}.mobile-theme:focus-visible{outline:2px solid #8b6ca0;outline-offset:2px}[data-theme=dark] .mobile-theme{color:#aaa6b1;background:transparent;border-color:transparent}[data-theme=dark] .mobile-theme:hover{background:#29292f}
 .visual-overview.chart-carousel,.client-chart-grid.chart-carousel{display:flex;flex-wrap:nowrap;gap:14px;width:100%;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;align-items:stretch;padding:2px 0 8px;margin-bottom:0;border-radius:16px}
 .chart-carousel::-webkit-scrollbar{display:none}.chart-carousel>.chart-card{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;animation:none!important;opacity:1;transform:none;margin:0;box-sizing:border-box}.chart-carousel:focus-visible{outline:2px solid #8b6ca0;outline-offset:3px}
 .carousel-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin:4px 0 23px;min-height:40px;color:#71647a}.carousel-controls>button{width:36px;height:36px;border:1px solid #e2dce7;border-radius:50%;font-size:17px;display:grid;place-items:center}.carousel-controls>button:disabled{opacity:.3}.carousel-dots{display:flex;gap:0}.carousel-dots button{width:30px;height:36px;display:grid;place-items:center}.carousel-dots button span{display:block;width:6px;height:6px;border-radius:50%;background:#cfc8d5;transition:width .15s}.carousel-dots button[aria-current=true] span{width:20px;border-radius:6px;background:#80618f}.carousel-count{font-size:11px;min-width:29px;font-variant-numeric:tabular-nums}[data-theme=dark] .carousel-controls{color:#c2b6cb}[data-theme=dark] .carousel-controls>button{border-color:#48414f}[data-theme=dark] .carousel-dots button span{background:#514958}[data-theme=dark] .carousel-dots button[aria-current=true] span{background:#bea0d0}
}
@media(max-width:700px){.brand-controls>.brand{order:0}.brand-controls>.mobile-theme{order:1}}

/* Accepted final — mobile theme belongs at page bottom, not in the brand lockup. */
.brand-controls{display:contents}.mobile-page-footer{display:none}
@media(max-width:700px){.brand-controls{display:contents}.gallery-header .brand{margin-right:auto}.sidebar .brand{order:1}.mobile-page-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 20px 30px;text-align:center;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.mobile-page-footer strong{color:var(--ink);font-weight:600}.gallery-footer{flex-direction:column;gap:8px}.gallery-footer>span{border:0;padding:0}.gallery-footer>.mobile-theme,.mobile-page-footer>.mobile-theme{display:inline-flex;margin:0;align-self:center;padding:6px 10px;min-height:32px;font-size:10px;order:0}.sidebar .brand .metal-logo{width:43px;height:43px}.assistant-slot .ai-entry{width:44px;height:44px}}

/* Owner revision: vivid semantic markers, shared by all role dashboards. */
:root{--chart-green:#23ac72;--chart-purple:#643085;--chart-red:#dc3545;--chart-amber:#e7a119;--chart-track:#e3e4e8}
[data-theme=dark]{--chart-green:#32ce8d;--chart-purple:#b477df;--chart-red:#ff6475;--chart-amber:#ffc14b;--chart-track:#414148}
.tag,.tag.purple,.tag.amber,.tag.red,[data-theme=dark] .tag,[data-theme=dark] .tag.purple,[data-theme=dark] .tag.amber,[data-theme=dark] .tag.red{background:#14764d;color:#fff;border:1px solid transparent;font-weight:700}
.tag.purple,[data-theme=dark] .tag.purple{background:#643085;color:#fff}
.tag.amber,[data-theme=dark] .tag.amber{background:#ffc14b;color:#392600}
.tag.red,[data-theme=dark] .tag.red{background:#c72d40;color:#fff}
.key{width:9px;height:9px;flex-shrink:0;background:var(--chart-green)}
.k1{background:var(--chart-purple)}
.k2{background:var(--chart-amber)}
.k3{background:var(--chart-red)}
.client-overview .k1{background:var(--chart-track)}
.workload{height:6px;background:var(--chart-track)}
.workload i{background:var(--chart-green)}
.side-nav em{background:#643085;color:#fff;font-weight:700}
.icon i{width:8px;height:8px;background:var(--chart-red);box-shadow:0 0 0 2px var(--surface,#fff)}
.metrics .red-text,.red-text{color:#c72d40}
[data-theme=dark] .metrics .red-text,[data-theme=dark] .red-text{color:#ff6475}
.service-steps .complete b{background:#14764d;border-color:#14764d;color:#fff}
.service-steps .current b{background:#643085;border-color:#643085;color:#fff}
.service-steps em{color:#14764d;font-weight:700}
[data-theme=dark] .service-steps em{color:var(--chart-green)}