/* Contextual product illustrations: actual work surfaces for each audience. */
.company-page .company-scene{--soft:#f4effa;--edge:#e8e0f1;--accent:#7458b2;position:relative;width:100%;height:100%;min-width:0;isolation:isolate;display:flex;align-items:center;justify-content:center;color:#6d559c;background:radial-gradient(ellipse at 50% 80%,#e1d3f1 0,transparent 60%),linear-gradient(135deg,#faf9fe,#f1ebf8);border-radius:24px;overflow:hidden}
.company-scene *{box-sizing:border-box}.company-scene svg{display:block;width:21px;height:21px;flex:none}.company-scene .ui-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:11px;background:linear-gradient(140deg,#9f80cf,#3c2f8f);color:white;box-shadow:inset 0 1px 0 #ffffff60,0 5px 12px #3c2f8f18}.company-scene .ui-mark svg{width:19px;height:18px;filter:none;transform:none}.company-scene .ui-brand{font-size:13px;letter-spacing:-.6px;font-weight:800;color:#49378c;line-height:1.1;white-space:nowrap}.ui-brand sup{font-size:5px;vertical-align:top;margin-left:1px;letter-spacing:0}
.company-scene .ui-lines{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.ui-lines i{display:block;width:100%;height:5px;border-radius:10px;background:#ded5e9}.ui-lines i:nth-child(2n){width:72%;background:#eae4f1}.ui-lines i:last-child{width:55%}.ui-palette{display:flex;gap:6px}.ui-palette i{display:block;width:23px;height:23px;border-radius:7px;background:#3c2f8f;box-shadow:inset 0 0 0 1px #00000005}.ui-palette i:nth-child(2){background:#a480cf}.ui-palette i:nth-child(3){background:#52b2cf}.ui-palette i:nth-child(4){background:#ede5f6}.ui-window-dots{display:flex;gap:4px}.ui-window-dots i{width:5px;height:5px;background:#d5c9e5;border-radius:50%}.ui-window-top{height:33px;display:flex;align-items:center;gap:18px;padding:0 15px;border-bottom:1px solid #efeaf6}.ui-window-top .ui-brand{font-size:12px}.ui-top-dot{margin-left:auto;width:8px;height:8px;border:2px solid #b3a1cd;border-radius:50%}.ui-status-check{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;border-radius:50%;color:#795da8;background:#eee7f7}.company-scene .ui-status-check svg{width:14px;height:14px}.ui-avatars{display:inline-flex;padding-left:3px}.ui-avatars i{display:block;position:relative;width:23px;height:23px;border-radius:50%;background:radial-gradient(circle at 50% 36%,#fff 0 18%,transparent 20%),radial-gradient(ellipse at 50% 112%,#fff 0 42%,transparent 44%),#b3a0d0;border:2px solid white;margin-left:-4px}.ui-avatars i:nth-child(2){background-color:#8cc5d4}.ui-avatars i:nth-child(3){background-color:#9074b4}
.company-scene .ui-creative{position:relative;min-width:0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#c5b1e5,#7654b0 65%,#48318a);border-radius:9px;isolation:isolate}.ui-creative:before{content:'';position:absolute;width:115%;height:115%;border:20px solid #ffffff25;border-radius:42%;transform:translate(30%,20%) rotate(35deg)}.ui-creative:after{content:'';position:absolute;width:110%;height:80%;background:linear-gradient(140deg,#d6c5ecaa,#f2eaff99);border-radius:50%;left:-25%;bottom:-58%;transform:rotate(-28deg);z-index:-1}.company-scene .ui-creative>.ui-mark{background:none;box-shadow:none;width:35%;height:45%;z-index:1}.company-scene .ui-creative>.ui-mark svg{width:100%;height:100%;max-width:42px}.ui-creative.creative-light{background:linear-gradient(135deg,#f3eafa,#cdb7e7)}.ui-creative.creative-light>.ui-mark{color:#64479c}.ui-creative.creative-cyan{background:linear-gradient(145deg,#d4edf1,#6bb7c8)}.ui-creative.creative-cyan:before{border-color:#fff5}
.company-page .workspace-visual{height:260px!important;position:relative;border-radius:24px;overflow:hidden;padding:0!important;background:none!important}.workspace-visual:before{display:none}.company-page .audience-list .workspace-visual .company-scene svg{height:21px;width:21px;filter:none;max-width:none;transform:none}.company-page .audience-list .workspace-visual .ui-mark svg{width:19px;height:18px}.company-page .audience-list .workspace-visual .ui-creative>.ui-mark svg{width:100%;height:100%}.company-page .audience-list .workspace-visual .ui-status-check svg{width:14px;height:14px}
/* Brand intelligence shown as a connected, usable workspace. */
.company-page .scene-overview{grid-column:2;grid-row:1/span 4;height:360px;border:1px solid #ede5f5;perspective:1000px;background:radial-gradient(ellipse at 50% 80%,#ded0f0,transparent 65%),#f7f3fc}
.overview-window{width:82%;background:#fff;border:1px solid #e8e0f2;border-radius:15px;box-shadow:0 22px 35px #3c2f8f1b,0 3px 0 #e3d9f0;transform:rotate(-3deg)}.overview-body{display:grid;grid-template-columns:1fr 1.3fr;gap:16px;padding:22px}.overview-brand{padding:13px;border:1px solid #ebe4f3;border-radius:10px;display:flex;flex-direction:column;gap:16px;align-items:flex-start;background:#fbf9fd}.overview-brand>.ui-mark{width:46px;height:46px}.overview-brand>.ui-mark svg{width:24px;height:24px}.overview-brand>.ui-lines{width:90%;flex:none}.overview-brand .ui-palette{gap:4px}.overview-brand .ui-palette i{width:20px;height:20px}.overview-doc{width:100%;padding:12px 9px;background:white;border:1px solid #eee8f5;border-radius:7px}.overview-channel{display:flex;flex-direction:column;gap:10px}.overview-channel>.ui-creative{height:115px}.overview-formats{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:83px}.overview-status{display:flex;align-items:center;gap:9px;padding:0 22px 18px}.overview-status>.ui-lines{max-width:80px}.overview-status .ui-status-check{margin-left:auto}.overview-floating{position:absolute;bottom:38px;right:18px;display:flex;gap:12px;align-items:center;padding:11px 15px;background:#fff;border:1px solid #e8dff2;border-radius:14px;box-shadow:0 10px 22px #3c2f8f17;transform:rotate(4deg)}
/* In-house marketing — one shared brand kit and creative workspace. */
.marketing-window{width:82%;background:#fff;border:1px solid #e5dced;border-radius:13px;box-shadow:0 15px 25px #3c2f8f18;transform:rotate(-3deg)}.marketing-body{display:grid;grid-template-columns:.8fr 1.3fr;gap:17px;padding:17px}.marketing-kit{display:flex;flex-direction:column;gap:15px;padding:10px 0}.marketing-kit .ui-lines{flex:none}.marketing-kit .ui-palette{gap:4px}.marketing-kit .ui-palette i{width:19px;height:19px}.marketing-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:60px 57px;gap:8px}.marketing-copy{display:flex;align-items:center;padding:9px;border:1px solid #eee6f4;border-radius:8px}.marketing-foot{border-top:1px solid #eee8f5;padding:8px 17px;display:flex;align-items:center;justify-content:space-between}.marketing-floating{position:absolute;right:22px;bottom:29px;background:linear-gradient(140deg,#ab8acb,#6a4b9c);border:2px solid #fff8;color:white;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:13px;box-shadow:0 8px 15px #3c2f8f22}
/* Global teams — regional creative variants around an actual world map. */
.company-page .audience-list .workspace-visual .workspace-map{position:absolute;inset:0 3% auto;width:94%;height:180px;opacity:.9}.global-brand{position:absolute;left:16px;top:17px;padding:6px;background:#fff;border:1px solid #ebe1f4;border-radius:15px;box-shadow:0 7px 15px #3c2f8f12}.global-versions{position:absolute;left:12%;right:9%;bottom:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.global-versions>div{background:white;padding:8px;border:1px solid #e8dff1;border-radius:10px;position:relative;box-shadow:0 9px 18px #3c2f8f13}.global-versions .ui-creative{height:49px;margin-bottom:9px;border-radius:6px}.global-versions .ui-lines{gap:4px}.global-versions .ui-lines i{height:3px}.global-versions .ui-status-check{position:absolute;right:-6px;bottom:-6px;width:20px;height:20px;border:2px solid white}
/* Agencies — a client brief, a conversation and a reviewed creative. */
.agency-brief{width:42%;background:#fff;border:1px solid #e6ddef;border-radius:12px;box-shadow:0 15px 25px #3c2f8f19;transform:rotate(-5deg);padding-bottom:13px;margin-right:25px}.agency-brief .ui-window-top{height:26px;padding:0 10px;gap:8px}.agency-brief .ui-window-top .ui-brand{font-size:10px}.agency-brief-head{display:flex;gap:11px;align-items:center;padding:13px}.agency-brief-head .ui-mark{width:27px;height:27px;border-radius:8px}.agency-brief>.ui-palette{margin:0 13px 12px;gap:5px}.agency-brief .ui-palette i{width:22px;height:16px;border-radius:4px}.agency-brief>.ui-lines{margin:0 13px;gap:5px}.agency-brief>.ui-lines i{height:4px}.agency-brief-preview{margin:12px 13px 0;height:60px}.agency-brief-preview .ui-creative{height:100%}.agency-conversation{width:36%;display:flex;flex-direction:column;gap:12px;transform:rotate(3deg)}.agency-message{padding:12px;background:#fff;border:1px solid #e6ddef;border-radius:13px;box-shadow:0 7px 12px #3c2f8f09}.agency-message>.ui-avatars{margin-bottom:8px}.agency-message>.ui-lines{gap:5px}.agency-message .ui-lines i{height:4px}.agency-preview{height:72px;background:#fff;border:1px solid #e5dced;border-radius:11px;padding:6px;position:relative;box-shadow:0 8px 15px #3c2f8f12}.agency-preview>.ui-creative{height:100%}.agency-preview>.ui-status-check{position:absolute;bottom:-7px;right:-6px;border:2px solid white}.agency-reply{display:flex;gap:9px;align-items:center;background:#fdfbff;border:1px solid #dfd1ee;border-radius:11px;padding:10px}.agency-reply .ui-lines{gap:5px}.agency-reply .ui-lines i{height:4px}.agency-connection{position:absolute;left:48%;top:48%;background:#f5f0fa;border:1px solid #ded0ed;border-radius:50%;padding:6px;box-shadow:0 4px 7px #3c2f8f0c}
/* Social teams — a familiar Instagram-style profile, feed and carousel. */
.social-profile{position:absolute;left:10%;top:27px;width:46%;height:205px;background:#fff;border:1px solid #e3d8ed;border-radius:13px;padding:14px;box-shadow:0 14px 25px #3c2f8f15;transform:rotate(-7deg)}.profile-top{display:flex;gap:9px;align-items:center}.profile-top .ui-mark{width:26px;height:26px;border-radius:50%}.profile-top .ui-brand{font-size:11px}.profile-stories{display:flex;gap:8px;padding:13px 0}.profile-stories i{display:block;width:23px;height:23px;border-radius:50%;background:linear-gradient(145deg,#e5cced,#c9b6df);border:2px solid white;outline:1.5px solid #b79ad4}.profile-stories i:nth-child(2n){background:linear-gradient(145deg,#d7edf2,#9fcbd7)}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:41px 41px;gap:3px}.profile-grid .ui-creative{border-radius:2px}.social-post{position:absolute;right:9%;top:15px;width:45%;background:white;border:1px solid #dfd3ec;border-radius:13px;padding:0 0 12px;box-shadow:0 17px 28px #3c2f8f20;transform:rotate(5deg)}.post-header{display:flex;gap:7px;padding:11px 12px;align-items:center}.post-header .ui-mark{width:22px;height:22px;border-radius:50%}.post-header .ui-brand{font-size:11px}.post-header b{margin-left:auto;letter-spacing:1px;font-size:12px;color:#9783b1}.social-post>.ui-creative{height:109px;border-radius:0}.post-actions{display:flex;align-items:center;gap:8px;padding:11px 12px 8px;color:#5c4b73}.company-page .audience-list .workspace-visual .post-actions svg{width:15px;height:15px}.post-actions svg:last-child{margin-left:auto}.social-post>.ui-lines{padding:0 12px;gap:5px}.social-post>.ui-lines i{height:4px}.post-pagination{display:flex;justify-content:center;gap:4px;margin-top:10px}.post-pagination i{height:4px;width:4px;border-radius:50%;background:#ded5e8}.post-pagination i:first-child{background:#9b77be}
/* AI workflows — brand context beside the prompt and a grounded response. */
.ai-context{width:30%;margin-right:20px;display:flex;flex-direction:column;gap:16px;background:#fff;padding:17px 13px;border:1px solid #e4d7ef;border-radius:13px;box-shadow:0 10px 20px #3c2f8f13;transform:rotate(-4deg)}.ai-context .ui-palette{gap:4px}.ai-context .ui-palette i{width:17px;height:17px;border-radius:5px}.ai-context>.ui-lines{flex:none}.ai-context>.ui-status-check{align-self:flex-end}.ai-thread{width:49%;display:flex;flex-direction:column;gap:10px}.ai-prompt{display:flex;align-items:center;gap:10px;padding:11px 13px;background:#e9dff4;border-radius:12px 12px 3px 12px;margin-left:12px}.ai-avatar{color:#9473b8;flex:none}.ai-prompt .ui-lines{gap:5px}.ai-prompt .ui-lines i{height:4px;background:#c9b6de}.ai-response{padding:12px;background:#fff;border:1px solid #e5d9f0;border-radius:12px;box-shadow:0 8px 16px #3c2f8f10;position:relative}.ai-response-top{display:flex;gap:9px;align-items:center;margin-bottom:11px}.ai-response-top .ui-mark{width:23px;height:23px;border-radius:7px}.ai-response>.ui-lines{gap:5px}.ai-response>.ui-lines i{height:4px}.ai-result{display:flex;align-items:center;gap:10px;margin-top:11px;padding:7px;border:1px solid #eee7f5;border-radius:7px}.ai-result>.ui-creative{height:44px;width:44px;flex:none}.ai-result .ui-lines{gap:5px}.ai-result .ui-lines i{height:4px}.ai-response>.ui-status-check{position:absolute;bottom:-9px;right:-7px;border:2px solid #fff}.ai-compose{padding:10px 12px;display:flex;align-items:center;gap:16px;border:1px solid #ded1ed;border-radius:10px;background:#fff9}.ai-compose .ui-lines i{height:4px}.ai-compose>svg{color:#9c81be}
/* Leadership — overview, trend and approvals rather than an eye icon. */
.leadership-window{width:84%;background:#fff;border:1px solid #e7ddef;border-radius:13px;box-shadow:0 16px 30px #3c2f8f16;transform:rotate(-3deg)}.leadership-body{padding:13px 17px}.leadership-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.leadership-metrics>div{position:relative;height:48px;border:1px solid #eee6f5;border-radius:8px;padding:9px;background:#fcfaff}.company-page .audience-list .workspace-visual .leadership-metrics svg{height:20px;width:20px}.leadership-metrics i,.leadership-metrics b{position:absolute;left:38px;right:7px;top:14px;height:5px;background:#d4c5e3;border-radius:5px}.leadership-metrics b{top:25px;right:16px;height:4px;background:#ece4f3}.leadership-ring{display:block;width:20px;height:20px;border:4px solid #d8c9e9;border-top-color:#8262b0;border-right-color:#8262b0;border-radius:50%}.leadership-chart{margin-top:12px;height:79px}.company-page .audience-list .workspace-visual .leadership-chart svg{width:100%;height:79px}.leadership-rows{margin-top:11px;display:flex;gap:9px}.leadership-rows>div{display:flex;align-items:center;gap:7px;border:1px solid #eee6f5;border-radius:8px;padding:6px;flex:1;min-width:0}.leadership-rows .ui-mark{height:20px;width:20px;border-radius:6px}.company-page .audience-list .workspace-visual .leadership-rows .ui-mark svg{height:11px;width:11px}.leadership-rows .ui-lines i{height:4px}.leadership-rows .ui-status-check{height:17px;width:17px}
@media(max-width:1050px){.company-page .scene-overview{height:320px}.overview-body{padding:16px;gap:12px}.overview-brand{padding:10px}.overview-brand .ui-palette i{width:15px;height:18px}.overview-channel>.ui-creative{height:100px}.overview-formats{height:70px}.company-page .workspace-visual{height:235px!important}.ui-window-top{gap:12px}.marketing-body{gap:12px;padding:12px}.marketing-kit .ui-palette i{width:15px;height:18px}.global-versions{left:9%;right:7%}.social-profile{left:7%}.social-post{right:6%}.ai-context{margin-right:12px;padding:15px 10px}.ai-context .ui-palette i{width:14px;height:17px}.leadership-window{width:88%}.leadership-body{padding:11px}.leadership-metrics{gap:6px}.leadership-metrics>div{padding:8px}.leadership-metrics i,.leadership-metrics b{left:33px}}
@media(max-width:760px){.company-page .scene-overview{height:340px;grid-column:auto;grid-row:auto;margin:30px auto 0;max-width:520px}.company-page .workspace-visual{height:225px!important}.company-page .audience-list article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.overview-window{width:78%}.overview-floating{right:7%}.agency-brief{width:45%;margin-right:16px}.agency-conversation{width:35%}.agency-brief>.ui-palette{gap:3px}.agency-brief .ui-palette i{width:17px;height:14px}.agency-brief-head{padding:10px;gap:7px}.agency-brief>.ui-lines{margin:0 10px}.agency-brief-preview{margin:10px 10px 0}.agency-message{padding:9px}.agency-reply{padding:7px}.profile-grid{grid-template-rows:36px 36px}.profile-stories{gap:5px;padding:10px 0}.profile-stories i{width:18px;height:18px}.social-profile{padding:10px;top:22px;height:184px}.social-post{top:12px}.post-header{padding:8px}.post-header .ui-brand{font-size:9px}.profile-top .ui-brand{font-size:9px}.social-post>.ui-creative{height:94px}.post-actions{padding:9px 8px 7px;gap:6px}.post-pagination{margin-top:8px}.ai-context{padding:12px 8px;gap:12px}.ai-context .ui-palette{gap:3px}.ai-context .ui-palette i{width:12px;height:15px}.ai-thread{width:50%;gap:7px}.ai-prompt{padding:8px}.ai-response{padding:9px}.ai-compose{padding:7px 10px}.ai-result{padding:5px;gap:7px}.ai-result>.ui-creative{height:36px;width:36px}.leadership-metrics>div{height:42px;padding:6px}.company-page .audience-list .workspace-visual .leadership-metrics svg{width:17px;height:17px}.leadership-metrics i,.leadership-metrics b{left:29px;right:5px;top:12px}.leadership-metrics b{top:23px;right:10px}.leadership-ring{height:17px;width:17px}.leadership-body{padding:10px}}
@media(max-width:480px){.company-page .scene-overview{height:310px;margin-top:25px}.company-page .audience-list article,.company-page .audience-list article:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:18px}.company-page .audience-list .workspace-visual{height:260px!important;width:100%;flex:none;order:3;margin:5px 0 0}.company-page .audience-list article>.feature-icon{align-self:flex-start}.company-page .audience-list article>h3{order:1}.company-page .audience-list article>p{order:2}.marketing-kit .ui-palette i{width:18px;height:19px}.marketing-body{padding:15px}.marketing-grid{grid-template-rows:61px 61px}.company-page .audience-list .workspace-visual .workspace-map{height:180px}.social-profile{height:205px;width:47%;padding:12px;left:7%;top:27px}.social-post{width:48%;right:6%;top:16px}.social-post>.ui-creative{height:110px}.profile-stories{gap:7px;padding:12px 0}.profile-grid{grid-template-rows:42px 42px}.profile-stories i{width:20px;height:20px}.post-header{padding:11px 9px}.post-actions{padding:11px 10px 8px}.agency-brief{width:43%;margin-right:25px}.agency-conversation{width:36%}.ai-context .ui-palette i{width:16px;height:18px}.ai-context{padding:15px 11px;gap:16px}.ai-response{padding:12px}.ai-thread{gap:10px}.ai-compose{padding:10px}.leadership-body{padding:13px}.leadership-chart{height:88px}.company-page .audience-list .workspace-visual .leadership-chart svg{height:88px}.leadership-metrics>div{height:47px;padding:9px}}
.company-page .audience-list .workspace-visual .company-scene svg.workspace-map{width:94%;height:180px;max-width:none}
/* Refined icon system and varied editorial compositions. */
.company-scene .clean-mark{background:#f2edf8;color:#71579b;box-shadow:none;border:1px solid #e5dced;border-radius:9px}
.company-scene svg{shape-rendering:geometricPrecision}
.company-page .audience-list .workspace-visual .clean-mark svg{width:18px;height:18px;stroke-width:1.5}
.company-scene .ui-creative:before,.company-scene .ui-creative:after{display:none}
.creative-object{display:block;position:relative;width:70%;height:70%;transform:rotate(-24deg)}
.creative-object i{position:absolute;inset:8% 13%;border:12px solid #ffffff85;border-radius:50%;box-shadow:10px 12px 18px #3b1b6a22,inset 4px 5px 8px #fff5}
.creative-object b{position:absolute;width:46%;height:46%;right:0;bottom:0;background:linear-gradient(140deg,#faf5ff,#ae88d2);border-radius:12%;box-shadow:4px 6px 10px #3b1b6a25}
.creative-light .creative-object{transform:rotate(30deg)}
.creative-light .creative-object i{border-radius:16%;border-color:#aa85cd88}
.creative-cyan .creative-object i{border-radius:45% 45% 12% 12%;border-width:9px;border-color:#fff9}
.creative-cyan .creative-object b{background:linear-gradient(140deg,#eefcff,#5dabbc);border-radius:50%}
.company-page .scene-marketing{background:radial-gradient(ellipse at 70% 80%,#dfd1f0,transparent 65%),#f8f6fc;align-items:center}
.planner-sheet{position:absolute;left:7%;top:32px;width:76%;background:#fff;border:1px solid #e2d9ed;border-radius:12px;box-shadow:0 16px 25px #44316b16;transform:rotate(-3deg);padding:17px}
.planner-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.planner-month{width:90px}.planner-month .ui-lines i{width:100%;height:6px;background:#a792c6}
.planner-controls{display:flex;gap:6px}.planner-controls i{width:14px;height:14px;border:1px solid #ded4e9;border-radius:4px}
.planner-week{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:9px}.planner-week i{height:3px;width:35%;background:#ddd3e8;border-radius:3px}
.planner-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid #ede7f4;border-left:1px solid #ede7f4}
.planner-day{height:31px;position:relative;border-right:1px solid #ede7f4;border-bottom:1px solid #ede7f4;padding:7px 3px}.planner-event{display:block;padding:4px;background:#ebe0f5;border-radius:3px}.planner-event i{display:block;width:70%;height:3px;background:#bba0d4;border-radius:2px}.event-1{background:#dff0f3}.event-1 i{background:#87b9c4}.event-2{background:#eeeaf7}.event-2 i{background:#b6a8d5}
.planner-brief{position:absolute;right:5%;top:17px;width:27%;padding:13px;background:#fff;border:1px solid #e3d8ed;box-shadow:0 12px 25px #44236f1c;border-radius:10px;transform:rotate(6deg)}
.planner-brief-icon{display:block;color:#9676b9;margin-bottom:12px}.planner-brief .ui-lines{gap:5px}.planner-brief .ui-lines i{height:4px}.planner-colours{display:flex;gap:4px;margin-top:12px}.planner-colours i{width:16px;height:16px;border-radius:4px;background:#71549d}.planner-colours i:nth-child(2){background:#b799d4}.planner-colours i:nth-child(3){background:#9cc9d4}
.planner-review{position:absolute;bottom:18px;right:10%;background:#fff;display:flex;gap:20px;align-items:center;padding:8px 13px;border:1px solid #e5dbef;border-radius:30px;box-shadow:0 5px 14px #44316b12}
/* Social is upright and asymmetric; the AI scene is a clean vertical conversation. */
.social-profile{transform:none;left:6%;top:37px;width:47%;box-shadow:0 8px 20px #3c2f8f0d}.social-post{transform:none;right:7%;top:12px;width:43%;box-shadow:0 12px 25px #3c2f8f19}
.profile-top .clean-mark,.post-header .clean-mark{border:0;background:linear-gradient(135deg,#ceb9e5,#9ecdd6);border-radius:50%}.profile-top .clean-mark svg,.post-header .clean-mark svg{display:none}
.company-page .scene-ai{background:linear-gradient(145deg,#faf8fd,#eeedf8)}.ai-context{transform:none;width:24%;padding:14px 10px;gap:14px;box-shadow:none}.ai-thread{width:58%;gap:8px}.ai-context>.clean-mark{height:28px;width:28px}.ai-response-top .clean-mark{background:#eae0f5;border:0}
.agency-brief{transform:rotate(-3deg)}.agency-conversation{transform:none}.agency-brief-preview .ui-creative{background:#e9e0f2}.agency-brief-preview .creative-object{width:60%;height:80%}.agency-brief-preview .creative-object i{border-radius:3px;border-width:7px;border-color:#b99bd4}.agency-preview .creative-object{transform:rotate(15deg)}
.leadership-window{transform:none;width:86%;box-shadow:0 12px 25px #3c2f8f13}.leadership-metrics>div{background:#fff}.leadership-rows .clean-mark{background:#f6f2fa;border:0}
.global-brand{display:none}.global-versions{left:9%;right:9%;gap:14px}.global-versions>div:nth-child(2){transform:translateY(-12px)}.global-versions>div:nth-child(3){transform:translateY(-3px)}
.company-page .scene-overview .overview-brand>.clean-mark{background:#eee6f6;color:#8261ad;box-shadow:none}.overview-floating{transform:none}.overview-window{transform:rotate(-2deg)}
@media(max-width:760px){.planner-sheet{left:6%;width:78%;padding:12px;top:30px}.planner-day{height:27px}.planner-brief{padding:10px;right:4%;top:15px}.planner-review{bottom:13px}.social-profile{left:5%;width:48%;top:27px}.social-post{right:5%;width:44%}.ai-context{width:25%;margin-right:10px}.ai-thread{width:59%}.planner-colours i{width:13px;height:13px}.creative-object i{border-width:8px}}
@media(max-width:480px){.planner-sheet{top:40px;padding:14px}.planner-day{height:31px}.planner-brief{top:20px;width:29%}.planner-review{bottom:18px}.social-profile{top:35px}.social-post{top:16px}.ai-context{padding:12px 9px}.ai-thread{gap:9px}}
/* Each work surface gets its own visual vocabulary. */
.scene-social .ui-creative{background:linear-gradient(135deg,#f0e9f8,#b393cf)}
.scene-social .creative-object{width:100%;height:100%;transform:none}
.scene-social .creative-object i{left:15%;right:15%;top:22%;bottom:53%;border:0;border-radius:0;background:repeating-linear-gradient(to bottom,#fff 0 7px,transparent 7px 12px);box-shadow:none;transform:none}
.scene-social .creative-object b{width:70%;height:32%;right:-6%;bottom:-8%;background:#7852a4;border-radius:50%;box-shadow:none;transform:rotate(-30deg)}
.scene-social .creative-cyan{background:#b5dbe1}.scene-social .creative-cyan .creative-object i{top:14%;left:38%;right:15%;bottom:14%;background:#f3fafb;border-radius:50% 50% 0 0;transform:rotate(25deg)}.scene-social .creative-cyan .creative-object b{background:#619fae;width:40%;height:60%;bottom:-15%;right:40%;border-radius:40%}
.scene-social .creative-light{background:#ece1f6}.scene-social .creative-light .creative-object i{background:#b28acb;left:20%;right:20%;top:20%;bottom:20%;border-radius:50%}.scene-social .creative-light .creative-object b{background:#f9f4fd;right:-5%;bottom:20%;width:60%;height:20%;border-radius:0;transform:rotate(-30deg)}
.scene-agency .agency-brief-preview .creative-object i{left:20%;right:20%;top:10%;bottom:10%;background:#fdfaff;border:0;border-radius:3px;box-shadow:3px 3px 8px #6b4a8c19}.scene-agency .agency-brief-preview .creative-object b{width:30%;height:4px;right:35%;bottom:40%;border-radius:3px;background:#c7b1dc;box-shadow:0 -10px 0 #c7b1dc,0 10px 0 #e4d7ef;transform:rotate(24deg)}
.scene-ai .ai-result .creative-object{transform:none;width:80%;height:70%;display:flex;align-items:center;justify-content:center}.scene-ai .ai-result .creative-object i{inset:10%;border:0;border-radius:0;box-shadow:none;background:repeating-linear-gradient(90deg,#a384c3 0 3px,transparent 3px 6px);clip-path:polygon(0 40%,15% 20%,30% 35%,45% 0,60% 20%,75% 10%,100% 40%,100% 60%,75% 90%,60% 80%,45% 100%,30% 65%,15% 80%,0 60%)}.scene-ai .ai-result .creative-object b{display:none}