/* Product-specific illustrations; every selector is namespaced for page reuse. */
.v-visual{margin:0;min-width:0;width:100%;container-type:inline-size;font:400 14px/1.6 var(--font-body,"Funnel Sans",sans-serif);color:var(--ink,#030712);text-align:left}
.v-visual *{box-sizing:border-box}
.v-visual p,.v-visual h4{margin:0}
.v-visual h4{font:500 20px/1.25 "Funnel Sans",sans-serif;letter-spacing:-.02em}
.v-visual strong{font-weight:500}
.v-visual svg{flex-shrink:0}
.v-kicker{display:block;font:500 11px/1.5 var(--font-body,"Funnel Sans",sans-serif);letter-spacing:.08em;color:#596674}
.v-pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;width:max-content;padding:5px 9px;border-radius:100px;background:#f0f3f6;color:#596674;font-size:11px;line-height:1.4;letter-spacing:.015em}
.v-pill>i{width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}
.v-pill-blue{color:#315a80;background:#eaf2f8}
.v-pill-green{color:#34634e;background:#edf4f0}
.v-pill-warm{color:#80551e;background:#faf1e5}
.v-every-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border:1px solid #b6cadc;border-radius:8px;background:#edf4fa;font:500 20px/1 "Funnel Sans",sans-serif;color:#003c8e}
.v-coordination{display:inline-flex;gap:3px;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:28px;transform:skewY(-12deg);color:#3a749e}
.v-coordination>i{display:block;width:5px;height:15px;border:1px solid currentColor;border-radius:1px}
.v-coordination>i:nth-child(2){height:23px}
.v-coordination>i:nth-child(3){height:19px}
.v-paper-lines{display:grid;gap:9px;margin-top:18px}
.v-paper-lines>i{display:block;height:3px;background:#e1e7eb}
.v-paper-lines>i:nth-child(2){width:88%}
.v-paper-lines>i:nth-child(3){width:62%}
.v-window-chrome{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:16px 22px;border-bottom:1px solid #dce5eb;background:#fbfcfd}
.v-window-brand{display:inline-flex;gap:10px;align-items:center;min-width:0;font-size:13px;font-weight:500;line-height:1.4}
.v-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:29px;height:29px;background:#e9eef3;border:1px solid #d8e0e8;border-radius:50%;font-size:10px;color:#4a5866}
.v-arrow{color:inherit}

/* Architecture: layers remain legible and reflow, rather than shrinking an image. */
.v-architecture{padding:18px;background:linear-gradient(145deg,#f4f8fa,#e7eff5 65%,#edf1f6);border:1px solid #e0e7ed;border-radius:16px}
.v-architecture-frame{padding:18px;border:1px solid #bdcdd9;border-radius:12px;background:linear-gradient(150deg,#ffffffeb,#f8fbfce8);box-shadow:0 18px 35px -29px #16314a55}
.v-architecture-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:20px}
.v-architecture-top>.v-kicker{font-size:11px;letter-spacing:.12em}
.v-architecture-workplace{padding:20px;border:1px solid #bdd0e0;border-radius:10px;background:#fff}
.v-architecture-workplace-title{display:flex;align-items:center;gap:12px}
.v-architecture-workplace-title>.v-every-mark{width:42px;height:42px;border-radius:11px;font-size:26px}
.v-architecture-workplace-title>div{display:grid;gap:2px}
.v-architecture-workplace-title strong{font:500 25px/1.15 var(--font-display)}
.v-architecture-workplace-title div>span{font-size:12px;color:#526578}
.v-architecture-prompt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 13px;border:1px solid #d9e4ed;border-radius:6px;background:#f6f9fc;font-size:12px;line-height:1.5;color:#526578}
.v-architecture-prompt>.v-arrow{width:16px;height:16px;color:#003c8e}
.v-architecture-middle{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;padding:24px 0}
.v-architecture-middle:before,.v-architecture-middle:after{content:"";position:absolute;left:50%;width:1px;height:24px;background:#bdcdd9}
.v-architecture-middle:before{top:0}.v-architecture-middle:after{bottom:0}
.v-architecture-unit{position:relative;display:flex;flex-direction:column;padding:18px 16px;border:1px solid #cbd9e4;border-radius:9px;background:#f0f5f9;min-width:0}
.v-architecture-unit>.v-kicker{font-size:10px}
.v-architecture-unit>strong{display:block;margin-top:7px;font:500 19px/1.2 var(--font-display)}
.v-architecture-unit>p{margin:8px 0 16px;font-size:12px;line-height:1.5;color:#596674}
.v-architecture-workforce{background:linear-gradient(135deg,#f3f9fc,#e5eff7)}
.v-architecture-solutions{background:linear-gradient(135deg,#fffaf5,#f4f0ef)}
.v-architecture-people{display:flex;gap:7px;margin-top:auto}
.v-architecture-people>span{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border:1px solid #adc3d7;border-radius:50%;font-size:10px;background:#f8fbfd;color:#385a79}
.v-architecture-people>span:first-child{background:#244b70;color:#fff;border-color:#244b70}
.v-domain-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}
.v-domain-tags>span{display:block;padding:3px 6px;border:1px solid #d8d3d1;border-radius:4px;background:#fff9;font-size:10px;color:#6f5650}
.v-architecture-office{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #cfd4e7;border-radius:9px;background:#f1f2f9}
.v-architecture-office strong{display:block;margin-top:4px;font:500 19px/1.2 var(--font-display)}
.v-architecture-office .v-kicker{font-size:10px}
.v-document-tags{display:flex;gap:4px}
.v-document-tags>span{display:flex;align-items:center;justify-content:center;min-width:31px;height:34px;padding:4px;border:1px solid #c4c9db;border-radius:3px;background:#fff;font-size:9px;color:#575a7b}
.v-architecture-runtime{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:13px 16px;border-radius:7px;background:#112a43;color:#fff}
.v-architecture-runtime>.v-kicker{color:#bccddb;font-size:10px}
.v-architecture-runtime>div{display:flex;gap:17px;font-size:10px;letter-spacing:.07em}

/* Workplace: the original session / Every / team structure with its exact copy. */
.v-workplace{padding:26px;border-radius:14px;background:linear-gradient(135deg,#e5eef3,#f4f8fb 50%,#dbe7ee)}
.v-workplace-app,.v-compact-window{overflow:hidden;border:1px solid #cfdae4;border-radius:10px;background:#fff;box-shadow:0 15px 30px -24px #173c5e66}
.v-workplace-app>.v-window-chrome>.v-kicker{color:#243c53;font-size:12px;letter-spacing:.13em}
.v-workplace-layout{display:grid;grid-template-columns:180px minmax(0,1fr) 205px}
.v-workplace-sidebar{display:flex;flex-direction:column;gap:34px;padding:24px 12px;border-right:1px solid #e0e7ec;background:#f7f9fb}
.v-workplace-sidebar .v-kicker{font-size:10px;padding:0 8px;margin-bottom:10px}
.v-session{display:flex;align-items:center;gap:7px;min-width:0;max-width:100%;padding:9px 8px;border-radius:5px;font-size:11px;line-height:1.5;color:#5a6773;overflow-wrap:anywhere;hyphens:auto}
.v-session>svg{width:14px;height:14px}
.v-session-current{color:#1c4972;background:#e6eef5}
.v-workplace-conversation{padding:28px;min-width:0}
.v-every-heading{display:flex;align-items:center;gap:10px}
.v-every-heading>div{display:grid;gap:3px}
.v-every-heading strong{font-size:14px}
.v-every-heading div>span{font-size:10px;line-height:1.5;color:#61717f}
.v-user-request{margin:26px 0 22px!important;padding:16px 18px;background:#edf3f8;border:1px solid #dee8f0;border-radius:10px 10px 2px 10px;font-size:13px;line-height:1.7;color:#2c4359}
.v-every-response{font-size:12px;line-height:1.8;color:#465461}
.v-every-response>p+p{margin-top:10px}
.v-source-pills{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:17px}
.v-source-pills>span:not(.v-pill){display:flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid #dce5eb;border-radius:4px;color:#596674;font-size:10px}
.v-source-pills svg{width:12px;height:12px}
.v-source-pills>.v-pill{font-size:10px}
.v-decision-document{margin-top:22px;padding:20px;border:1px solid #d8e1e9;border-radius:8px;background:linear-gradient(120deg,#fff,#fafcfd)}
.v-document-heading{display:flex;align-items:center;gap:8px;color:#446985}
.v-document-heading>.v-kicker{font-size:10px;color:#596674;letter-spacing:.06em}
.v-decision-document>h4{font-size:21px;margin-top:15px;margin-bottom:17px}
.v-document-field{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-top:1px solid #e8edf1;font-size:11px;line-height:1.6;color:#596674}
.v-document-field>strong{display:inline-flex;align-items:center;gap:4px;text-align:right;color:#34634e}
.v-document-field>strong.v-warm{color:#80551e}
.v-document-field svg{width:12px;height:12px}
.v-prompt-field{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px;padding:12px;border:1px solid #d5e1eb;border-radius:7px;color:#667886;font-size:11px}
.v-prompt-field .v-arrow{display:inline-block;width:24px;height:24px;flex-shrink:0;padding:4px;border-radius:50%;color:#fff;background:#243f58}
.v-workplace-context{padding:22px 16px;border-left:1px solid #e0e7ec;background:#fcfdfe}
.v-context-tabs{display:flex;justify-content:space-between;gap:6px;padding-bottom:14px;border-bottom:1px solid #e1e7ed;font-size:9px;color:#60717e}
.v-context-tabs>strong{color:#244f77}
.v-mission-summary{display:grid;gap:12px;margin-top:20px}
.v-mission-summary>.v-pill{font-size:9px}
.v-mission-summary>strong{font-size:13px}
.v-teammates{margin-top:28px}
.v-teammates>.v-kicker{font-size:9px;margin-bottom:12px}
.v-role{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:11px;color:#526272}
.v-role-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d5e0e8;border-radius:7px;background:#edf3f7;color:#345e80;font-size:10px}
.v-role:first-of-type .v-role-avatar{background:#294d70;color:#fff;border-color:#294d70}
.v-decision-alert{position:relative;margin-top:28px;padding:15px 12px;border:1px solid #ded6c8;border-radius:7px;background:#fcf8f1}
.v-alert-dot{display:block;width:5px;height:5px;border-radius:50%;background:#b37c35;margin-bottom:9px}
.v-decision-alert>p{font-size:11px;color:#745834;line-height:1.7}
.v-review-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:12px;padding:9px 10px;border:1px solid #d0c4b2;border-radius:5px;background:#fffdf9;color:#674a27;font:500 11px/1.5 var(--font-body);cursor:pointer}
.v-review-button:hover{background:#f3e9d8}
.v-review-button:focus-visible{outline:3px solid #003c8e;outline-offset:4px}
.v-review-button>.v-arrow{width:14px;height:14px}
.v-workplace-compact-body{padding:22px}
.v-workplace.v-compact{padding:28px 28px 0;border-radius:10px 10px 0 0}
.v-compact .v-compact-window{max-width:460px;margin:auto;border-radius:10px 10px 0 0;border-bottom:0}
.v-compact .v-window-chrome{min-height:49px;padding:12px 18px}
.v-compact .v-every-heading>div>span{font-size:11px}
.v-compact .v-decision-document{margin-top:20px;padding:17px}
.v-compact .v-decision-document>h4{font-size:22px}
.v-workplace-compact-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:19px;font-size:11px;color:#526272}
.v-workplace-compact-footer>.v-pill{font-size:9px}

/* Digital Workforce: a coordinator, named team and an auditable mission. */
.v-workforce{padding:32px;border-radius:14px;background:linear-gradient(145deg,#b5e5f5 0%,#4a91bc 37%,#193c66 72%,#112540 100%)}
.v-workforce-board{padding:28px;border:1px solid #dae7ee;border-radius:11px;background:#f9fcfe;box-shadow:0 18px 35px -24px #071c3a80}
.v-workforce-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid #dbe6ed}
.v-workforce-heading>.v-window-brand{font-size:15px}
.v-workforce-network{position:relative;max-width:660px;margin:24px auto 0}
.v-supervisor{display:flex;gap:13px;align-items:center;width:max-content;max-width:100%;margin:auto;padding:15px 24px;border:1px solid #b6cddd;border-radius:9px;background:linear-gradient(130deg,#fff,#e7f2f9);position:relative;z-index:1}
.v-supervisor-symbol{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #c3d6e4;border-radius:9px;background:#fff}
.v-supervisor>div{display:grid;gap:2px}
.v-supervisor>div>.v-kicker{font-size:9px;color:#456c8c}
.v-supervisor>div>strong{font:500 22px/1.2 var(--font-display)}
.v-team-branches{display:grid;grid-template-columns:repeat(3,1fr);height:38px;width:calc(100% - 100%/3);margin:auto;border-top:1px solid #b6cddd;position:relative;transform:translateY(17px)}
.v-team-branches:before{position:absolute;content:"";left:50%;top:-17px;height:17px;border-left:1px solid #b6cddd}
.v-team-branches>i{border-left:1px solid #b6cddd;height:21px}
.v-team-branches>i:nth-child(2){margin-left:50%}
.v-team-branches>i:last-child{border-left:0;border-right:1px solid #b6cddd}
.v-specialists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v-specialist{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid #d2e0e9;border-radius:8px;background:#fff}
.v-specialist>span{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;background:#edf4f9;border:1px solid #d6e4ed;border-radius:7px;color:#426c8d;font-size:10px}
.v-specialist>strong{font-size:12px}
.v-mission-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:35px 0 0;padding:25px 0 0;border-top:1px solid #dbe6ed;list-style:none}
.v-mission-track>li{display:flex;flex-direction:column;gap:12px;min-width:0}
.v-mission-track h4{font-size:17px;line-height:1.25;min-height:43px}
.v-mission-track .v-pill{font-size:10px}
.v-mission-flow{padding:0;margin:34px 0 0;list-style:none}
.v-mission-flow>li{display:grid;grid-template-columns:35px minmax(0,1fr);gap:16px;position:relative}
.v-mission-flow>li+li{margin-top:22px}
.v-mission-flow>li:not(:last-child):after{content:"";position:absolute;top:35px;bottom:-22px;left:17px;width:1px;background:#d5e1e9}
.v-step-number{display:flex;justify-content:center;align-items:center;position:relative;z-index:1;width:35px;height:35px;border:1px solid #d0dee8;border-radius:50%;color:#4c718d;background:#f3f8fb;font-size:11px}
.v-step-content{padding-top:3px;padding-bottom:17px;border-bottom:1px solid #e0e9ef}
.v-step-topline{display:flex;align-items:center;justify-content:space-between;gap:16px}
.v-step-topline>h4{font-size:21px}
.v-step-topline>.v-pill{font-size:10px}
.v-step-content>p{max-width:680px;margin-top:9px;font-size:13px;line-height:1.75;color:#596674}
.v-workforce-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
.v-workforce-tools>div{display:grid;align-content:start;gap:5px}
.v-workforce-tools strong{font-size:14px;color:#244f77}
.v-workforce-tools span{font-size:11px;line-height:1.7;color:#596674}
.v-workforce.v-compact{padding:28px;border-radius:10px}
.v-compact .v-workforce-board{padding:20px}
.v-compact .v-workforce-heading{padding-bottom:14px}
.v-compact .v-workforce-heading>.v-window-brand{font-size:13px}
.v-compact .v-workforce-network{margin-top:22px}
.v-compact .v-supervisor{padding:12px 20px}
.v-compact .v-supervisor>div>strong{font-size:21px}
.v-compact .v-specialists{gap:9px}
.v-compact .v-specialist{display:flex;flex-direction:column;gap:8px;padding:12px 8px}
.v-compact .v-specialist>strong{font-size:11px}
.v-compact-flow{display:flex;align-items:center;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid #dce6ed;color:#4a657c;font-size:10px;line-height:1.5}
.v-compact-flow>.v-arrow{width:14px;height:14px;color:#769bb6}

/* Business Solutions: five recognisable record surfaces, without synthetic data. */
.v-solutions{padding:32px;border-radius:14px;background:linear-gradient(138deg,#e9ac77 0%,#9b5e5c 31%,#5a3f60 60%,#132b4b 100%)}
.v-solutions-canvas{padding:26px;border:1px solid #ffffff6b;border-radius:11px;background:#fcfaf9}
.v-solutions-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid #e2dcd7}
.v-solutions-head>.v-kicker{font-size:10px;color:#756461}
.v-solutions-head>strong{font:500 24px/1.2 var(--font-display)}
.v-records-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.v-record-sheet{position:relative;overflow:hidden;min-width:0;border:1px solid #e1dcd8;border-radius:8px;background:#fff;box-shadow:0 12px 22px -24px #5a333b70}
.v-record-title{display:flex;align-items:center;gap:9px;padding:16px 13px;border-bottom:1px solid #eee8e4}
.v-domain-symbol{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:32px;border:1px solid #e1d5cd;border-radius:6px;background:#faf1ea;color:#855c47;font-size:10px}
.v-record-title>h4{font:500 13px/1.4 var(--font-body)}
.v-record-title>svg{margin-left:auto;width:12px;height:12px;color:#947d74}
.v-record-body{padding:4px 16px 17px}
.v-record-body .v-paper-lines>i{background:#eee8e3}
.v-record-grid{display:grid;grid-template-columns:1.25fr .7fr;margin-top:15px;gap:6px}
.v-record-grid>i{height:20px;border:1px solid #ede7e2;border-radius:2px;background:#faf8f5}
.v-record-grid>i:nth-child(even){background:#f3f0ec}
.v-record-caption{padding:11px 13px;border-top:1px solid #eee8e4;color:#78655c;font-size:10px;letter-spacing:.03em;line-height:1.7}
.v-record-sheet-1 .v-domain-symbol{background:#f3edf6;color:#685777;border-color:#dbd0e1}
.v-record-sheet-2 .v-domain-symbol{background:#edf3f6;color:#526e7d;border-color:#d3e0e5}
.v-record-sheet-3 .v-domain-symbol{background:#f7eee6;color:#8b6443;border-color:#e6d8c9}
.v-record-sheet-4 .v-domain-symbol{background:#eef0f7;color:#586282;border-color:#d8ddec}
.v-record-sheet-3,.v-record-sheet-4{grid-column:span 1}
.v-solutions-foundation{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:23px;padding:14px;border:1px solid #ddd8d4;border-radius:6px;background:#f1eeeb;color:#615956;font-size:11px}
.v-solutions-foundation>i{width:38px;height:1px;background:#b9b0ab;position:relative}
.v-solutions-foundation>i:after,.v-solutions-foundation>i:before{content:"";position:absolute;top:-2px;width:5px;height:5px;background:#b9b0ab;border-radius:50%}
.v-solutions-foundation>i:before{left:0}.v-solutions-foundation>i:after{right:0}
.v-solutions.v-compact{padding:25px;border-radius:10px}
.v-compact .v-solutions-canvas{padding:20px}
.v-compact .v-solutions-head{padding-bottom:15px}
.v-compact .v-solutions-head>.v-kicker{font-size:9px}
.v-compact .v-solutions-head>strong{font-size:19px}
.v-compact .v-records-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}
.v-compact .v-record-title{padding:10px;gap:8px}
.v-compact .v-record-title>h4{font-size:11px}
.v-compact .v-domain-symbol{width:25px;height:27px;font-size:9px}
.v-compact .v-record-title>svg{display:none}
.v-compact .v-record-body{display:none}
.v-compact .v-record-caption{display:none}
.v-compact .v-record-sheet:last-child{grid-column:1/-1}
.v-compact .v-record-sheet:last-child .v-record-title{border-bottom:0}
.v-compact .v-record-sheet:last-child .v-record-caption{display:none}
.v-compact .v-solutions-foundation{gap:10px;font-size:10px;margin-top:15px;padding:11px}

/* Collaboration: a shared document flows through review to recorded execution. */
.v-collaboration{padding:34px;border-radius:14px;background:linear-gradient(135deg,#b9addc,#7277b3 35%,#3b5a95 68%,#142b4b)}
.v-collaboration-canvas{position:relative;padding-bottom:0}
.v-collaboration-window{overflow:hidden;border:1px solid #cbd0e1;border-radius:10px;background:#f7f8fc;box-shadow:0 18px 35px -24px #071c3a80}
.v-collaboration .v-window-chrome{background:#fcfcfe}
.v-collaboration-people{display:flex;flex-shrink:0}
.v-collaboration-people>i{display:block;width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:#d8d5e7}
.v-collaboration-people>i+i{margin-left:-7px;background:#bacade}
.v-collaboration-layout{display:grid;grid-template-columns:155px minmax(0,1fr)}
.v-knowledge{display:flex;flex-direction:column;gap:18px;padding:25px 16px;border-right:1px solid #e0e3ec;background:#f4f5fa}
.v-knowledge>.v-kicker{font-size:11px;letter-spacing:0;margin-bottom:5px;color:#5b5f7a}
.v-knowledge>span:not(.v-kicker){display:flex;gap:8px;align-items:center;font-size:10px;line-height:1.6;color:#646b80}
.v-knowledge svg{width:14px;height:14px;color:#717c94}
.v-document-editor{min-width:0}
.v-document-toolbar{display:flex;gap:22px;align-items:center;padding:13px 22px;border-bottom:1px solid #e1e5ef;background:#fafbfe;font-size:9px;color:#6b748c;letter-spacing:.06em}
.v-collaboration-paper{max-width:460px;margin:26px auto 28px;width:calc(100% - 52px);padding:28px;border:1px solid #e0e4eb;border-radius:3px;background:#fff;box-shadow:0 6px 15px -14px #25366450}
.v-collaboration-paper>.v-kicker{font-size:9px;color:#72748b}
.v-collaboration-paper>h4{font-size:26px;margin-top:12px}
.v-collaboration-paper>.v-paper-lines{margin-top:24px;gap:10px}
.v-collaboration-paper>.v-paper-lines>i{background:#e4e5ed}
.v-document-review{display:flex;align-items:center;gap:9px;margin-top:28px;padding:13px 10px;background:#f4f2f9;border-left:2px solid #a4a0bd;border-radius:0 4px 4px 0;color:#65627e;font-size:11px}
.v-document-review>svg{margin-left:auto}
.v-people-icon{display:inline-flex;align-items:center}
.v-people-icon>svg{width:18px;height:18px}
.v-collaboration-decision{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;margin:-12px auto 0;padding:12px 28px;border:1px solid #cecde0;border-radius:8px;background:#faf9ff;box-shadow:0 8px 18px -17px #080e37;color:#5e5c7c}
.v-collaboration-decision>strong{font-size:12px}
.v-decision-circle{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #c6c3dc;border-radius:50%;background:#eeecf5;color:#726b95}
.v-collaboration-execution{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:26px;color:#fff;font-size:14px}
.v-collaboration-execution>.v-coordination{color:#d9dcf1}
.v-collaboration-result{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:17px;color:#e5e7f7;font-size:10px;letter-spacing:.08em}
.v-collaboration.v-compact{padding:27px;border-radius:10px}
.v-compact .v-collaboration-layout{grid-template-columns:1fr}
.v-compact .v-knowledge{flex-direction:row;gap:14px;border:0;border-bottom:1px solid #e0e3ec;padding:13px 18px}
.v-compact .v-knowledge>.v-kicker{margin:0;font-size:10px}
.v-compact .v-knowledge>span:not(.v-kicker){display:none}
.v-compact .v-document-toolbar{padding:11px 18px}
.v-compact .v-collaboration-paper{width:calc(100% - 38px);padding:20px;margin:18px auto 24px}
.v-compact .v-collaboration-paper>h4{font-size:25px}
.v-compact .v-collaboration-paper>.v-paper-lines{margin-top:17px;gap:8px}
.v-compact .v-collaboration-paper>.v-paper-lines:nth-of-type(3){display:none}
.v-compact .v-document-review{margin-top:20px;padding:10px}
.v-compact .v-collaboration-decision{padding:10px 25px}
.v-compact .v-collaboration-execution{margin-top:21px;font-size:11px}
.v-compact .v-collaboration-result{font-size:10px;margin-top:12px}

/* Connect: a discrete integration bus, not a fifth equal product. */
.v-connect{padding:34px;border:1px solid #dfe7ed;border-radius:14px;background:linear-gradient(135deg,#f7fafc,#edf4f8)}
.v-connect-canvas>.v-kicker{text-align:center;font-size:11px;letter-spacing:.13em}
.v-existing-systems{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-top:30px}
.v-existing-system{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-width:0;min-height:107px;padding:17px 8px;border:1px solid #d7e2e9;border-radius:8px;background:#fff;text-align:center}
.v-existing-system>strong{font-size:11px;line-height:1.5;color:#516576;overflow-wrap:anywhere}
.v-system-mark{display:grid;grid-template-columns:repeat(2,7px);gap:4px;align-content:center;justify-content:center;width:27px;height:27px;transform:rotate(-8deg)}
.v-system-mark>i{width:7px;height:7px;border:1px solid #93abbf;border-radius:1px}
.v-system-mark-1{transform:rotate(0)}.v-system-mark-1>i{border-radius:50%}
.v-system-mark-2>i:nth-child(odd){background:#cad8e3}
.v-system-mark-3{gap:2px}.v-system-mark-3>i{height:9px}
.v-system-mark-4{transform:rotate(45deg)}.v-system-mark-4>i{background:#dce5ec}
.v-system-mark-5{transform:none;gap:3px}.v-system-mark-5>i{border-radius:5px}
.v-system-mark-6{transform:none}.v-system-mark-6>i:nth-child(1){border-color:transparent}
.v-connect-bus{display:grid;grid-template-columns:repeat(7,1fr);height:42px;position:relative;padding:0 calc(100%/14)}
.v-connect-bus:after{content:"";position:absolute;left:7.15%;right:7.15%;bottom:0;height:1px;background:#b1c4d4}
.v-connect-bus>i{display:block;width:1px;height:42px;background:#b1c4d4}
.v-connect-bus>i:not(:first-child){margin-left:16.67%}
.v-connect-hub{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:680px;margin:26px auto 0;padding:25px 30px;border:1px solid #a6c0d5;border-radius:9px;background:linear-gradient(100deg,#dceaf4,#f5fafe,#dceaf4)}
.v-connect-hub:before{content:"";position:absolute;top:-27px;left:50%;height:26px;width:1px;background:#a9c0d2}
.v-connect-hub>strong{font:500 23px/1.3 var(--font-display);letter-spacing:.06em;text-align:center;color:#244864}
.v-connect-symbol{display:flex;gap:5px;align-items:center}
.v-connect-symbol>i{display:block;height:20px;width:1px;background:#9bb7cc;transform:rotate(25deg)}
.v-connect-symbol>i:nth-child(2){height:32px;background:#527f9f}
.v-connect-branches{position:relative;display:grid;grid-template-columns:repeat(3,1fr);height:54px;width:66.666%;margin:auto}
.v-connect-branches:before{content:"";position:absolute;top:0;left:50%;height:26px;width:1px;background:#adc3d4}
.v-connect-branches:after{content:"";position:absolute;top:26px;left:0;right:0;height:1px;background:#adc3d4}
.v-connect-branches>i{position:absolute;top:26px;height:28px;width:1px;background:#adc3d4;left:0}
.v-connect-branches>i:nth-child(2){left:50%}.v-connect-branches>i:nth-child(3){left:100%}
.v-connected-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.v-connected-products>div{display:flex;align-items:center;justify-content:center;gap:12px;padding:21px 15px;border:1px solid #cbdbe7;border-radius:8px;background:#fff}
.v-connected-products strong{font-size:13px;line-height:1.5}
.v-connected-products .v-every-mark{width:28px;height:28px;font-size:18px}
.v-record-mark{display:flex;gap:3px;align-items:center;width:24px;height:27px;position:relative}
.v-record-mark>i{position:absolute;width:17px;height:22px;border:1px solid #8ea9bf;border-radius:2px;background:#fff;left:6px;top:0}
.v-record-mark>i:nth-child(2){left:3px;top:3px}.v-record-mark>i:nth-child(3){left:0;top:6px}

/* Vision: shared intent and context become a mission with an explicit mandate. */
.v-vision{padding:30px;border:1px solid #dbe4eb;border-radius:14px;background:#f7f9fb}
.v-vision-canvas{max-width:720px;margin:auto;padding:24px 20px}
.v-vision-canvas>.v-kicker{text-align:center;font-size:13px;letter-spacing:.02em;color:#536579}
.v-vision-title{text-align:center;font-size:28px!important;margin-top:10px!important}
.v-vision-inputs{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:30px}
.v-vision-inputs>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:20px 12px;border:1px solid #cddbe6;border-radius:8px;background:#fff;color:#385b77}
.v-vision-inputs strong{font-size:14px}
.v-vision-inputs p{width:100%;font-size:11px;line-height:1.65;text-align:center;color:#61768a}
.v-vision-goal{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border:1px solid #7798b3;border-radius:50%}
.v-vision-goal>i{display:block;width:9px;height:9px;border:1px solid #7798b3;border-radius:50%}
.v-vision-join{position:relative;width:calc(50% + 18px);height:31px;margin:auto;border:1px solid #bccedc;border-top:0}
.v-vision-join:after{content:"";position:absolute;bottom:-25px;left:50%;height:24px;width:1px;background:#bccedc}
.v-vision-mission{position:relative;margin:24px 0 0;padding:25px;border:1px solid #a8c0d3;border-radius:10px;background:linear-gradient(130deg,#f4f9fd,#e7f0f7)}
.v-vision-mission>.v-kicker{font:500 26px/1.2 var(--font-display);text-align:center;color:#254d6f}
.v-vision-mission>p{font-size:12px;color:#54728a;text-align:center;margin-top:8px}
.v-vision-mandate{margin-top:19px;padding:20px;border:1px solid #c8d9e6;border-radius:8px;background:#ffffffb3;text-align:center}
.v-vision-mandate>strong{font-size:15px}
.v-vision-mandate>p{font-size:11px;color:#61768a;margin-top:5px}
.v-vision-assignment{display:block;margin-top:22px;font-size:10px;letter-spacing:.03em;color:#61768a}
.v-vision-mandate>div{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:12px;padding-top:18px;border-top:1px solid #dce6ed}
.v-vision-mandate>div>span{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#557088;text-align:left}
.v-vision-mandate>div>span>span:not(.v-coordination){display:grid;gap:6px}
.v-vision-mandate>div>span>span>span{font-size:11px;line-height:1.6;color:#61768a}
.v-vision-result{position:relative;display:flex;justify-content:center;align-items:center;gap:10px;width:max-content;min-width:175px;margin:28px auto 0;padding:16px 25px;border:1px solid #b5cdc4;border-radius:8px;background:#edf5f0;color:#3c6b56}
.v-vision-result:before{content:"";position:absolute;top:-29px;left:50%;height:28px;width:1px;background:#bccedc}
.v-vision-result strong{font-size:16px}
.v-vision-result p{font-size:11px;margin-top:4px;line-height:1.6}
.v-vision-flow{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:30px;color:#61768a;font-size:11px}
.v-vision-flow>.v-arrow{width:14px;height:14px;color:#8ca4b8}
.v-vision-caption{max-width:520px;margin:24px auto 0;text-align:center;font-size:11px;line-height:1.75;color:#61768a}

/* Container queries keep the illustrations useful in both cards and pages. */
@container (max-width:1000px){
  .v-workplace-layout{grid-template-columns:minmax(0,1fr) 200px}
  .v-workplace-sidebar{grid-column:1/-1;border-right:0;border-bottom:1px solid #e0e7ec;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding:13px 20px}
  .v-workplace-sidebar>div{display:flex;flex-wrap:wrap;gap:0 4px;align-items:center;min-width:0}
  .v-workplace-sidebar .v-kicker{width:100%;padding:0 5px;margin-bottom:4px;font-size:10px}
  .v-session{padding:5px;font-size:10px}
  .v-workplace-conversation{padding:25px}
}
@container (max-width:760px){
  .v-mission-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}
  .v-mission-track h4{font-size:17px;min-height:43px}
  .v-records-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v-record-sheet:last-child{grid-column:1/-1}
  .v-existing-systems{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .v-existing-system{min-height:90px}
  .v-connect-bus{height:28px;display:block;border-left:1px solid #b1c4d4;width:1px;margin:auto;padding:0}
  .v-connect-bus:after,.v-connect-bus>i{display:none}
  .v-connect-hub{margin-top:0;padding:23px}
  .v-connect-hub:before{display:none}
  .v-connected-products{gap:10px}
  .v-connected-products>div{flex-direction:column;gap:10px;padding:18px 12px;text-align:center}
  .v-connected-products strong{font-size:12px}
}
@container (max-width:580px){
  .v-architecture-frame{padding:13px}
  .v-architecture-workplace{padding:17px}
  .v-architecture-unit{padding:15px 12px}
  .v-architecture-unit>strong{font-size:19px}
  .v-architecture-office{display:block;padding:15px}
  .v-document-tags{margin-top:14px}
  .v-document-tags>span{min-width:40px;height:29px;font-size:10px}
  .v-architecture-runtime{gap:10px;flex-wrap:wrap}
  .v-architecture-runtime>div{gap:14px}
  .v-workplace-layout{display:block}
  .v-workplace-sidebar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px}
  .v-workplace-sidebar>div{display:block}
  .v-workplace-sidebar .v-kicker{font-size:10px;margin-bottom:8px}
  .v-session{font-size:11px;line-height:1.6;padding:7px 5px}
  .v-session>svg{display:none}
  .v-workplace-conversation{padding:20px}
  .v-every-heading div>span{font-size:11px}
  .v-every-response{font-size:13px}
  .v-source-pills>span:not(.v-pill),.v-source-pills>.v-pill{font-size:11px}
  .v-document-field{font-size:12px}
  .v-prompt-field{font-size:12px}
  .v-workplace-context{border-left:0;border-top:1px solid #e0e7ec;padding:20px}
  .v-context-tabs{font-size:11px;justify-content:flex-start;gap:22px}
  .v-mission-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
  .v-mission-summary>.v-pill{font-size:10px}
  .v-teammates{display:grid;grid-template-columns:1fr 1fr;margin-top:24px}
  .v-teammates>.v-kicker{grid-column:1/-1;font-size:11px;margin-bottom:0}
  .v-role{font-size:12px}
  .v-decision-alert{padding:16px;margin-top:22px}
  .v-decision-alert>p{font-size:12px}
  .v-review-button{font-size:12px;padding:11px 13px}
  .v-workforce-board{padding:20px}
  .v-specialists{gap:10px}
  .v-specialist{flex-direction:column;gap:8px;padding:13px 9px}
  .v-specialist>strong{font-size:11px}
  .v-step-topline{align-items:flex-start;flex-direction:column;gap:8px}
  .v-step-content>p{font-size:13px}
  .v-workforce-tools{grid-template-columns:1fr;gap:17px}
  .v-workforce-tools>div{grid-template-columns:65px minmax(0,1fr);gap:12px}
  .v-workforce-tools span{font-size:12px}
  .v-records-grid{gap:12px}
  .v-record-title{align-items:flex-start;gap:9px;padding:13px;flex-wrap:wrap}
  .v-record-title>h4{width:100%;font-size:13px}
  .v-record-title>svg{position:absolute;right:12px;top:20px}
  .v-record-caption{font-size:9px}
  .v-solutions-head{align-items:flex-start;flex-direction:column;gap:8px}
  .v-solutions-foundation{font-size:11px;gap:10px;padding:12px}
  .v-solutions-foundation>i{width:18px;flex-shrink:0}
  .v-compact .v-solutions-head{flex-direction:row;align-items:center}
  .v-compact .v-record-title{align-items:center;flex-wrap:nowrap}
  .v-compact .v-record-title>h4{width:auto;font-size:11px}
  .v-collaboration-layout{grid-template-columns:1fr}
  .v-knowledge{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 15px;border-right:0;border-bottom:1px solid #e0e3ec;padding:16px 20px}
  .v-knowledge>.v-kicker{width:100%;font-size:12px;margin-bottom:0}
  .v-knowledge>span:not(.v-kicker){font-size:11px}
  .v-collaboration-paper{padding:23px;width:calc(100% - 40px)}
  .v-collaboration-paper>.v-kicker{font-size:10px}
  .v-collaboration-result{font-size:9px}
  .v-connect-hub>strong{font-size:21px}
  .v-vision-canvas{padding:10px 0}
  .v-vision-inputs{gap:18px}
  .v-vision-inputs>div{padding:18px 12px;gap:8px;flex-direction:column;text-align:center}
  .v-vision-inputs strong{font-size:13px}
  .v-vision-join{width:calc(50% + 9px)}
  .v-vision-mission{padding:20px}
  .v-vision-mandate{padding:18px}
}
@container (max-width:390px){
  .v-workplace-sidebar{grid-template-columns:minmax(0,1fr);gap:18px;padding:17px}
  .v-workplace-sidebar>div{min-width:0}
  .v-workplace-sidebar .v-kicker{font-size:11px}
  .v-session{font-size:12px;padding:8px 6px}
  .v-mission-track{grid-template-columns:1fr;gap:16px}
  .v-mission-track>li{display:grid;grid-template-columns:28px 1fr;gap:6px 12px}
  .v-mission-track>li>.v-step-number{grid-row:span 2}
  .v-mission-track h4{min-height:0;font-size:20px}
  .v-mission-track .v-pill{grid-column:2;font-size:10px}
  .v-architecture-frame{padding:12px}
  .v-architecture-top>.v-kicker{font-size:10px;letter-spacing:.07em}
  .v-architecture-top>.v-pill{font-size:10px}
  .v-architecture-workplace-title strong{font-size:24px}
  .v-architecture-workplace-title div>span{font-size:11px}
  .v-architecture-prompt{font-size:12px;align-items:flex-start}
  .v-architecture-middle{grid-template-columns:1fr;gap:14px}
  .v-architecture-unit{padding:17px}
  .v-architecture-unit>.v-kicker{font-size:11px}
  .v-architecture-unit>strong{font-size:22px}
  .v-architecture-unit>p{font-size:13px}
  .v-architecture-people>span{width:33px;height:33px;font-size:11px}
  .v-domain-tags>span{font-size:11px;padding:4px 8px}
  .v-architecture-office strong{font-size:21px}
  .v-architecture-office .v-kicker{font-size:11px}
  .v-architecture-runtime>.v-kicker{font-size:11px}
  .v-architecture-runtime>div{font-size:11px}
  .v-workplace-conversation{padding:17px}
  .v-user-request{padding:14px;font-size:12px}
  .v-decision-document{padding:16px}
  .v-document-heading>.v-kicker{font-size:9px}
  .v-decision-document>h4{font-size:22px}
  .v-document-field{display:block;padding:10px 0;font-size:12px}
  .v-document-field>strong{display:flex;justify-content:flex-start;margin-top:4px;text-align:left}
  .v-workplace-compact-body{padding:17px}
  .v-compact .v-decision-document{padding:15px}
  .v-compact .v-document-field{display:flex;flex-wrap:wrap;gap:3px 8px;font-size:11px}
  .v-compact .v-document-field>strong{margin-top:0}
  .v-workforce-board{padding:17px}
  .v-workforce-heading>.v-window-brand{font-size:13px}
  .v-workforce-heading>.v-kicker{display:none}
  .v-specialists{gap:7px}
  .v-specialist{padding:11px 6px}
  .v-specialist>strong{font-size:10px}
  .v-mission-flow>li{grid-template-columns:28px minmax(0,1fr);gap:11px}
  .v-step-number{width:28px;height:28px;font-size:10px}
  .v-mission-flow>li:not(:last-child):after{left:13px;top:28px}
  .v-step-topline>h4{font-size:21px}
  .v-step-content>p{font-size:12px}
  .v-compact .v-workforce-board{padding:16px}
  .v-compact .v-specialist{padding:12px 5px}
  .v-compact .v-specialist>strong{font-size:10px}
  .v-compact-flow{gap:7px;font-size:9px}
  .v-solutions-canvas{padding:18px}
  .v-records-grid{grid-template-columns:1fr}
  .v-record-title{align-items:center;flex-wrap:nowrap}
  .v-record-title>h4{width:auto}
  .v-record-title>svg{position:static;flex-shrink:0}
  .v-record-caption{font-size:9px}
  .v-solutions-foundation{flex-wrap:wrap;font-size:11px}
  .v-compact .v-solutions-canvas{padding:16px}
  .v-compact .v-solutions-head{display:block}
  .v-compact .v-solutions-head>strong{display:block;margin-top:7px;font-size:22px}
  .v-compact .v-records-grid{grid-template-columns:1fr;gap:8px}
  .v-compact .v-record-title{padding:10px 12px;border-bottom:0}
  .v-compact .v-record-title>h4{font-size:12px}
  .v-compact .v-record-caption{display:none}
  .v-compact .v-solutions-foundation{font-size:10px}
  .v-collaboration-paper{padding:18px;width:calc(100% - 32px);margin-block:16px 24px}
  .v-collaboration-paper>h4{font-size:25px}
  .v-collaboration-paper>.v-kicker{font-size:9px}
  .v-collaboration .v-window-chrome{padding:14px}
  .v-collaboration .v-window-brand{font-size:11px;gap:8px}
  .v-collaboration-people{display:none}
  .v-document-review{font-size:11px;padding:11px 8px;gap:6px}
  .v-collaboration-execution{font-size:12px;gap:8px}
  .v-collaboration-result{font-size:9px;letter-spacing:.03em}
  .v-compact .v-collaboration-paper{padding:17px;width:calc(100% - 28px)}
  .v-compact .v-collaboration-result{font-size:10px}
  .v-existing-systems{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v-existing-system:last-child{grid-column:1/-1;flex-direction:row;min-height:65px}
  .v-connect-hub{padding:20px 14px;gap:10px}
  .v-connect-hub>strong{font-size:20px}
  .v-connect-symbol{gap:3px}
  .v-connect-symbol>i{height:14px}
  .v-connect-symbol>i:nth-child(2){height:23px}
  .v-connected-products{grid-template-columns:1fr;gap:10px;padding-top:25px;position:relative}
  .v-connect-branches{display:none}
  .v-connected-products:before{content:"";position:absolute;top:0;height:25px;width:1px;left:50%;background:#adc3d4}
  .v-connected-products>div{flex-direction:row;justify-content:flex-start;padding:17px 20px}
  .v-connected-products strong{font-size:13px}
  .v-vision-mission{padding:17px}
  .v-vision-mandate{padding:17px 12px}
  .v-vision-mandate>div{grid-template-columns:1fr;gap:18px}
  .v-vision-result{max-width:100%;padding:16px;font-size:12px}
  .v-vision-flow{gap:7px;font-size:10px;flex-wrap:wrap}
}
@media(max-width:600px){
  .v-architecture{padding:12px;border-radius:12px}
  .v-workplace,.v-workforce,.v-solutions,.v-collaboration{padding:16px;border-radius:12px}
  .v-connect,.v-vision{padding:20px 16px}
  .v-workplace.v-compact{padding:18px 18px 0}
  .v-workforce.v-compact,.v-solutions.v-compact,.v-collaboration.v-compact{padding:18px}
}
@media(max-width:360px){
  .v-workplace,.v-workforce,.v-solutions,.v-collaboration{padding:10px}
  .v-connect,.v-vision{padding:18px 12px}
  .v-workplace.v-compact{padding:12px 12px 0}
  .v-workforce.v-compact,.v-solutions.v-compact,.v-collaboration.v-compact{padding:12px}
}