.journey-link { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 44px; padding: 11px 20px; border: 1px solid rgb(230 182 66 / 28%); border-radius: 999px; background: rgb(196 148 48 / 4%); color:var(--gold-light); font-size: 13px; font-weight: 400; letter-spacing: .015em; text-decoration: none; transition: border-color .25s, color .25s, background .25s; } .journey-link:hover, .journey-link:focus-visible { color:var(--gold-light); border-color: var(--gold-base); background: rgb(196 148 48 / 9%); } .journey-link:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 5px; } .journey-link > span { font-size: 19px; line-height: 1; } .journey-link--home { position: absolute; top: 94px; right: 62px; opacity: 0; transition: opacity .5s, border-color .25s, color .25s; } .is-ready .journey-link--home { opacity: 1; } .cinema__continue { flex: 0 0 auto; margin-left: 12px; font-size: 12px; } .cinema__continue.is-featured { color: var(--gold-light); border-color: var(--gold-base); box-shadow: 0 0 24px rgb(230 182 66 / 12%); } .triangle-page { position: absolute; inset: 0; z-index: 12; overflow: hidden; color: var(--gold-light); background: radial-gradient(ellipse at 50% 64%, rgb(156 97 24 / 11%), transparent 48%), radial-gradient(ellipse at 20% 50%, rgb(22 39 70 / 16%), transparent 65%), #05070d; isolation: isolate; animation: triangle-arrive .45s ease-out both; } .triangle-page::before { content: ""; position: absolute; z-index: -1; inset: 0; background-image: radial-gradient(circle, rgb(249 216 111 / 28%) .65px, transparent .9px), radial-gradient(circle, rgb(146 170 215 / 20%) .65px, transparent .9px); background-size: 137px 113px, 193px 173px; background-position: 34px 42px, 85px 95px; opacity: .35; mask-image: radial-gradient(ellipse, transparent 15%, #000 95%); } .triangle-page__frame { position: absolute; z-index: -1; inset: 20px; border: 1px solid rgb(230 182 66 / 16%); } .triangle-page__frame::before, .triangle-page__frame::after { content: ""; position: absolute; width: 70px; height: 70px; } .triangle-page__frame::before { left: -1px; top: -1px; border-left: 1px solid var(--gold-base); border-top: 1px solid var(--gold-base); } .triangle-page__frame::after { right: -1px; bottom: -1px; border-right: 1px solid var(--gold-base); border-bottom: 1px solid var(--gold-base); } .triangle-page__orbits { position: absolute; z-index: -1; width: 960px; height: 960px; top: 95px; left: 480px; border: 1px solid rgb(230 182 66 / 5%); border-radius: 50%; box-shadow: 0 0 0 72px rgb(230 182 66 / 1.7%), 0 0 0 150px rgb(230 182 66 / 1%); } .triangle-page__back { position: absolute; top: 64px; left: 65px; border-color: transparent; background: none; padding-left: 0; } .triangle-page__logo { position: absolute; top: 55px; left: 50%; width: 182px; height: auto; transform: translateX(-50%); } .triangle-page__header { position: absolute; top: 159px; left: 50%; width: 1100px; transform: translateX(-50%); text-align: center; } .triangle-page__eyebrow { margin: 0 0 16px; color:var(--gold-light); font-size: 10px; letter-spacing: .27em; } .triangle-page__header h1 { margin: 0; color: var(--gold-light); font: 43px/1.2 Georgia, "Times New Roman", serif; letter-spacing: -.015em; outline: none; } .triangle-page__header > p:last-child { margin: 18px 0 0; color:var(--gold-light); font-size: 16px; font-weight: 300; letter-spacing: .015em; } .triangle-map { position: absolute; top: 300px; left: 360px; width: 1200px; height: 680px; } .triangle-map__lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; } .triangle-map__glow { stroke-width: 11px; opacity: .08; filter: blur(9px); } .triangle-map__flow { stroke-dasharray: 5 75; opacity: .32; animation: triangle-flow 22s linear infinite; } .triangle-map__center { position: absolute; top: 329.504px; left: 420px; width: 360px; height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; pointer-events: none; } .triangle-map__spark { color: var(--gold-light); font-size: 24px; line-height: 1; text-shadow: 0 0 22px rgb(230 182 66 / 55%); } .triangle-map__center strong { margin-top: 10px; color: var(--gold-light); font: 40px Georgia, serif; } .triangle-map__center > span:not(:first-child) { margin-top: 8px; color:var(--gold-light); font-size: 10px; letter-spacing: .33em; } .triangle-map__center i { margin-top: 22px; color: #9b9383; font-size: 11px; font-style: normal; letter-spacing: .025em; } .triangle-node { position: absolute; width: 96px; height: 96px; transform: translate(-50%, -50%); padding: 0; border: 0; background: none; color: var(--gold-light); cursor: pointer; } .triangle-node--strategy { left: 600px; top: 60px; } .triangle-node--systems { left: 280px; top: 614.256px; } .triangle-node--leadership { left: 920px; top: 614.256px; } .triangle-node__point { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border: 1px solid var(--gold-muted); border-radius: 50%; background: radial-gradient(ellipse at 40% 25%, #29251d, #0e1118 75%); box-shadow: 0 0 0 7px rgb(230 182 66 / 3%), inset 0 1px 0 rgb(255 246 200 / 11%); transition: border-color .25s, box-shadow .3s, transform .3s; } .triangle-node__point::before { content: ""; position: absolute; inset: 6px; border: 1px solid rgb(230 182 66 / 16%); border-radius: inherit; } .triangle-node__point svg { width: 38px; height: 38px; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; } .triangle-node__point > span { color:var(--gold-light); font-size: 8px; } .triangle-node__label { position: absolute; display: grid; gap: 11px; width: 310px; pointer-events: auto; } .triangle-node__label small { color:var(--gold-light); font-size: 9px; letter-spacing: .17em; font-weight: 400; } .triangle-node__label strong { color: var(--gold-light); font: 27px/1.22 Georgia, serif; } .triangle-node__label > span { color:var(--gold-light); font-size: 11px; letter-spacing: .03em; } .triangle-node__label b { margin-left: 5px; color:var(--gold-light); font-size: 14px; font-weight: 400; } .triangle-node--strategy .triangle-node__label { top: 50%; left: calc(100% + 27px); transform: translateY(-50%); text-align: left; } .triangle-node--systems .triangle-node__label { top: 50%; right: calc(100% + 27px); transform: translateY(-50%); text-align: right; } .triangle-node--leadership .triangle-node__label { top: 50%; left: calc(100% + 27px); transform: translateY(-50%); text-align: left; } .triangle-node:hover .triangle-node__point, .triangle-node:focus-visible .triangle-node__point { border-color: var(--gold-light); box-shadow: 0 0 0 7px rgb(230 182 66 / 5%), 0 0 38px rgb(230 182 66 / 24%); transform: scale(1.05); } .triangle-node:hover strong, .triangle-node:focus-visible strong { color:var(--gold-light); text-shadow: 0 0 22px rgb(230 182 66 / 20%); } .triangle-node:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 12px; border-radius: 50%; } .triangle-page__hint { position: absolute; bottom: 99px; left: 0; right: 0; margin: 0; text-align: center; color:var(--gold-light); font-size: 12px; letter-spacing: .025em; } .triangle-page__next { position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%); padding-inline: 25px; border-color: var(--gold-muted); color: var(--gold-light); background: rgb(196 148 48 / 7%); box-shadow: 0 0 28px rgb(196 148 48 / 6%); } .stage.is-triangle #replay { display: none; } .art-business-triangle { position: relative; width: 100%; height: 100%; } .art-business-triangle svg { width: 100%; height: 100%; } .art-business-triangle text { fill: currentColor; font-family: "Segoe UI", Arial, sans-serif; font-size: 14px; text-anchor: middle; } .art-business-triangle .art-business-title { font: 26px Georgia, serif; } @keyframes triangle-arrive { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } } @keyframes triangle-flow { to { stroke-dashoffset: -640; } } @media (prefers-reduced-motion: reduce) { .triangle-page, .triangle-map__flow { animation: none; } .triangle-node__point { transition: none; } .triangle-node:hover .triangle-node__point, .triangle-node:focus-visible .triangle-node__point { transform: none; } } .triangle-map__business-labels { pointer-events: none; text-anchor: middle; } .triangle-map__connection rect { fill: #090b10; stroke: var(--gold-deep); stroke-width: 1; } .triangle-map__connection text { fill: var(--gold-base); font: 600 17px "Segoe UI", Arial, sans-serif; letter-spacing: 1.2px; } .triangle-map__result { fill: var(--gold-muted); opacity: .38; font: bold 66px Georgia, serif; letter-spacing: 5px; } .triangle-map__cash-flow { fill: var(--gold-deep); font: bold 76px Georgia, serif; letter-spacing: 7px; }#experience.is-ready { overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain; scrollbar-width:thin; scrollbar-color:var(--gold-muted) #05070d; } #experience > .chamber { height:var(--stage-height,1080px); flex-shrink:0; } .triangle-page--home { position:relative; inset:auto; width:100%; height:var(--stage-height,1080px); min-height:1080px; animation:none; } .triangle-map { left:50%; transform:translateX(-50%); } .triangle-page__orbits { left:50%; transform:translateX(-50%); } .triangle-page--home .triangle-page__logo, .triangle-page--home .triangle-page__eyebrow { display:none; } .triangle-page--home .triangle-page__header { top:65px; } .triangle-page--home .triangle-map { top:205px; } .triangle-page--home .triangle-page__orbits { top:0; } .triangle-page--home { height:calc(var(--stage-height,1080px) + 220px); min-height:1300px; } .triangle-home-pillars { position:absolute; top:960px; left:50%; transform:translateX(-50%); width:800px; } .triangle-home-pillars .pillar__caption, .triangle-home-pillars .pillar__promise { display:none; } .iso-solutions { position:absolute; inset:0; z-index:12; overflow-y:auto; padding:130px 120px 60px; background:radial-gradient(ellipse at 50% 35%,rgb(var(--gold-deep-rgb) / 12%),transparent 65%),#05070d; color:var(--gold-light); } .iso-solutions__back { position:absolute; top:55px; left:auto; right:65px; } .iso-solutions header { text-align:center; margin:0 auto 35px; } .iso-solutions__eyebrow { color:var(--gold-light); font-size:11px; letter-spacing:.25em; } .iso-solutions h1 { font:48px Georgia,serif; margin:12px 0; } .iso-solutions header > p:last-child { color:var(--gold-light); font-size:17px; } .iso-tree { max-width:1350px; margin:auto; } .iso-tree__root { position:relative; margin:0 auto 42px; width:105px; height:115px; display:grid; place-items:center; background:var(--gold-muted); clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); } .iso-tree__root span { display:grid; place-items:center; width:101px; height:111px; background:#15151a; clip-path:inherit; font:32px Georgia,serif; } .iso-tree__branches { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:70px; } .iso-tree__branches::before { content:""; position:absolute; top:-24px; left:25%; width:50%; height:23px; border:1px solid var(--gold-muted); border-bottom:0; border-radius:12px 12px 0 0; } .iso-tree__branch { padding:25px; border:1px solid rgb(var(--gold-muted-rgb) / 35%); border-radius:14px; background:#11141bcc; text-align:center; } .iso-tree a,.iso-tree button { color:var(--gold-light); text-decoration:none; border:1px solid var(--gold-deep); border-radius:9px; background:linear-gradient(135deg,#25221c,#10131a); padding:17px 18px; font:18px/1.35 "Segoe UI",sans-serif; cursor:pointer; display:flex; justify-content:center; align-items:center; } .iso-tree .iso-tree__heading { font-size:23px; letter-spacing:.06em; gap:15px; border-color:var(--gold-muted); } .iso-tree__description { color:var(--gold-light); font-size:15px; margin:16px 0 22px; } .iso-tree__options { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; } .iso-tree .iso-tree__catalog { margin:26px auto 0; max-width:250px; border-color:var(--gold-base); } .iso-tree__categories { display:grid; grid-template-columns:repeat(5,1fr); gap:18px; margin-top:38px; padding-top:28px; border-top:1px solid rgb(var(--gold-muted-rgb) / 40%); } .iso-tree :is(a,button):hover,.iso-tree [aria-pressed="true"] { border-color:var(--gold-light); background:#29251d; } .iso-solutions :is(a,button):focus-visible { outline:2px solid var(--gold-light); outline-offset:4px; } .iso-solutions__detail { max-width:1000px; padding:22px 28px; margin:30px auto; border:1px solid var(--gold-muted); border-radius:12px; background:#11141b; } .iso-solutions__detail h2 { font:26px Georgia,serif; margin:0 0 12px; }.iso-solutions__detail p { font-size:17px; line-height:1.6; color:var(--gold-light); } .iso-solutions__film { display:flex; margin:30px auto 0; width:max-content; } body:has(#iso-solutions:not([hidden])) #site-panels, body:has(#iso-solutions:not([hidden])) #chat-launcher, body:has(#iso-solutions:not([hidden])) #whatsapp-launcher, #iso-solutions .iso-solutions__film { display:none !important; } #iso-solutions .iso-tree__branch { background:transparent; } #iso-solutions .iso-tree__branch { border:0; border-radius:0; } #iso-solutions .iso-tree__categories { border-top:0; } .iso-tree__branch { position:relative; } .iso-tree__heading { position:relative; } .iso-tree__branch:first-child .iso-tree__options { position:relative; margin-top:58px; } .iso-tree__branch:first-child .iso-tree__heading::after { content:""; position:absolute; left:50%; top:100%; height:38px; border-left:1px solid var(--gold-muted); } .iso-tree__branch:first-child .iso-tree__options::before { content:""; position:absolute; left:16.66%; right:16.66%; top:-22px; height:21px; border:1px solid var(--gold-muted); border-bottom:0; border-radius:10px 10px 0 0; } .iso-tree__branch:first-child .iso-tree__options > * { position:relative; } .iso-tree__branch:first-child .iso-tree__options > :nth-child(2)::before { content:""; position:absolute; bottom:100%; left:50%; height:22px; border-left:1px solid var(--gold-muted); } .iso-tree__branch:first-child .iso-tree__options::after { content:""; position:absolute; top:100%; left:16.66%; right:16.66%; height:22px; border:1px solid var(--gold-muted); border-top:0; border-radius:0 0 10px 10px; } .iso-tree .iso-tree__catalog { position:relative; margin-top:46px; } .iso-tree__catalog::before { content:""; position:absolute; bottom:100%; left:50%; height:46px; border-left:1px solid var(--gold-muted); } .iso-tree__categories { position:relative; margin-top:38px; padding-top:38px; } .iso-tree__categories::before { content:""; position:absolute; left:10%; right:10%; top:14px; height:23px; border:1px solid var(--gold-muted); border-bottom:0; border-radius:10px 10px 0 0; } .iso-tree__categories::after { content:""; position:absolute; left:calc(25% - 17.5px); top:-38px; height:52px; border-left:1px solid var(--gold-muted); } .iso-tree__categories > * { position:relative; } .iso-tree__categories > :nth-child(2)::before,.iso-tree__categories > :nth-child(3)::before,.iso-tree__categories > :nth-child(4)::before { content:""; position:absolute; bottom:100%; left:50%; height:24px; border-left:1px solid var(--gold-muted); } .iso-tree__branch:nth-child(2) .iso-tree__options { position:relative; margin-top:58px; } .iso-tree__branch:nth-child(2) .iso-tree__heading::after { content:""; position:absolute; left:50%; top:100%; height:38px; border-left:1px solid var(--gold-muted); } .iso-tree__branch:nth-child(2) .iso-tree__options::before { content:""; position:absolute; left:16.66%; right:16.66%; top:-22px; height:21px; border:1px solid var(--gold-muted); border-bottom:0; border-radius:10px 10px 0 0; } .iso-tree__branch:nth-child(2) .iso-tree__options > * { position:relative; } .iso-tree__branch:nth-child(2) .iso-tree__options > :nth-child(2)::before { content:""; position:absolute; bottom:100%; left:50%; height:22px; border-left:1px solid var(--gold-muted); } #iso-solutions .iso-tree__root { width:108px; height:124.707px; clip-path:none; background:transparent; display:flex; cursor:default; } #iso-solutions .iso-tree__root span { width:auto; height:auto; clip-path:none; background:transparent; font:inherit; } #iso-solutions .iso-tree__root .pillar__surface { position:absolute; inset:0; width:100%; height:100%; } #iso-solutions .iso-tree__root .pillar__name { font:32px Georgia,serif; } #iso-solutions .iso-tree__root .pillar__play { font-size:11px; } #iso-solutions .iso-tree__root { height:124.707658px; } #iso-solutions .iso-tree__root .pillar__surface { clip-path:var(--pillar-shape); background:linear-gradient(140deg,var(--gold-light),var(--gold-deep) 45%,var(--gold-base)); } #iso-solutions .iso-tree__root .pillar__name { font-size:29px; } #iso-solutions .iso-tree__root .pillar__play { font-size:10px; } #iso-solutions { padding-top:55px; } #iso-solutions .iso-tree__branches::before { left:calc(25% - 17.5px); width:calc(50% + 35px); top:-24px; height:48px; } #iso-solutions .iso-tree__branches::after { content:""; position:absolute; left:50%; top:-42px; height:18px; border-left:1px solid var(--gold-muted); pointer-events:none; } #iso-solutions .iso-tree__categories::after { top:-63px; height:77px; } #iso-solutions .iso-tree__branches::after { top:-43px; height:20px; } #iso-solutions .iso-tree__categories { margin-left:calc((1350px - var(--stage-width,1920px)) / 2 + 40px); width:1350px; } #iso-solutions .iso-tree__categories::after { left:calc(25% - 17.5px + (var(--stage-width,1920px) - 1350px) / 2 - 40px); } #iso-solutions .iso-tree__categories { margin-left:0; width:100%; max-width:100%; } #iso-solutions .iso-tree__categories::after { left:calc(25% - 17.5px); } #iso-solutions { padding-left:40px; padding-right:40px; } #iso-solutions .iso-tree { max-width:none; width:100%; } #iso-solutions .iso-tree__branches { max-width:1350px; margin-left:auto; margin-right:auto; } #iso-solutions .iso-tree__categories::after { left:calc(50% - 355px); } #iso-solutions { padding-left:120px; padding-right:120px; } #iso-solutions .iso-tree { width:auto; max-width:1350px; margin-left:auto; margin-right:auto; } #iso-solutions .iso-tree__branches { max-width:none; margin-left:0; margin-right:0; } #iso-solutions .iso-tree__categories { width:auto; max-width:none; margin-left:0; } #iso-solutions .iso-tree__categories::after { left:calc(25% - 17.5px); } #iso-solutions .iso-tree__categories { grid-template-columns:repeat(5,max-content); justify-content:center; gap:18px; width:max-content; max-width:100%; margin-left:auto; margin-right:auto; } #iso-solutions .iso-tree__categories > a, #iso-solutions .iso-tree__categories > button { padding-left:14px; padding-right:14px; } #iso-solutions .iso-tree__categories::before, #iso-solutions .iso-tree__categories::after, #iso-solutions .iso-tree__categories > *::before { display:none; } #iso-solutions .iso-tree__categories { background:linear-gradient(var(--gold-muted),var(--gold-muted)) center 14px / calc(100% - 120px) 1px no-repeat; } #iso-solutions .iso-tree__categories > *::after { content:""; position:absolute; left:50%; bottom:100%; height:24px; border-left:1px solid var(--gold-muted); } #iso-solutions .iso-tree__branch:first-child .iso-tree__catalog::after { content:""; position:absolute; top:100%; left:50%; height:77px; border-left:1px solid var(--gold-muted); } #iso-solutions .iso-tree__categories { margin-left:0; margin-right:auto; } #iso-solutions .iso-tree__categories { margin-left:calc((1350px - var(--stage-width,1920px)) / 2 + 24px); margin-right:auto; } #iso-solutions .iso-tree__branches { gap:150px; } #iso-solutions .iso-tree__branches::before { left:calc(25% - 37.5px); width:calc(50% + 75px); } #iso-solutions .iso-tree__branches { width:calc(var(--stage-width,1920px) - 160px); max-width:none; margin-left:calc((1350px - var(--stage-width,1920px)) / 2 + 80px); grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:320px; } #iso-solutions .iso-tree__branches::before { left:calc(25% - 80px); width:calc(50% + 160px); } #iso-solutions .iso-tree__branches { grid-template-columns:640px 640px; justify-content:space-between; gap:0; } #iso-solutions .iso-tree__branches::before { left:320px; width:calc(100% - 640px); } #iso-solutions .iso-tree__branches { width:1480px; margin-left:-65px; grid-template-columns:640px 640px; justify-content:space-between; gap:0; } #iso-solutions .iso-tree__branches { width:1600px; margin-left:-125px; } #iso-solutions .iso-tree__categories { background:none; } #iso-solutions .iso-tree__categories > *::after, #iso-solutions .iso-tree__branch:first-child .iso-tree__catalog::after { display:none; } .iso-category-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; } .iso-category-lines path { fill:none; stroke:var(--gold-muted); stroke-width:1; } #iso-solutions .iso-tree { position:relative; padding-bottom:140px; } .iso-leadership-branches { position:absolute; transform:translateX(-50%); display:grid; grid-template-columns:repeat(3,max-content); gap:18px; } .iso-leadership-branches::before { content:""; position:absolute; bottom:100%; left:50%; height:48px; border-left:1px solid var(--gold-muted); } .iso-leadership-branches > a { position:relative; padding:14px !important; font-size:16px !important; } .iso-leadership-branches > a::before { content:""; position:absolute; left:50%; bottom:100%; height:24px; border-left:1px solid var(--gold-muted); } .iso-leadership-branches::after { content:""; position:absolute; top:-24px; left:62px; right:93px; border-top:1px solid var(--gold-muted); } #iso-solutions .iso-tree__categories { gap:42px; } #iso-solutions .iso-tree__categories { gap:60px; } .iso-leadership-branches { transform:none; align-items:stretch; } .iso-leadership-branches::before, .iso-leadership-branches::after, .iso-leadership-branches > a::before { display:none; } .iso-leadership-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; } .iso-leadership-lines path { fill:none; stroke:var(--gold-muted); stroke-width:1; } .triangle-page--home { height:var(--stage-height,1080px); min-height:0; } .triangle-home-content { position:absolute; top:0; left:50%; width:calc(100% / var(--triangle-fit,.830769)); height:1300px; transform:translateX(-50%) scale(var(--triangle-fit,.830769)); transform-origin:top center; } #iso-solutions .iso-tree__branch:nth-child(2) .iso-tree__options > :nth-child(n+4)::before { content:""; position:absolute; bottom:100%; left:50%; height:14px; border-left:1px solid var(--gold-muted); } /* Keep the background at the same size as the main interface. */ .triangle-page--home { background:radial-gradient(ellipse at 50% 52%,rgb(156 97 24 / 13%),transparent 43%),radial-gradient(ellipse at 14% 56%,rgb(30 54 89 / 16%),transparent 43%),radial-gradient(ellipse at 88% 48%,rgb(47 36 83 / 16%),transparent 43%),#05070d; } .triangle-page--home > .triangle-page__orbits { width:1030px; height:1030px; top:50%; left:50%; transform:translate(-50%,-50%); box-shadow:0 0 0 65px rgb(230 182 66 / 2.5%),0 0 0 130px rgb(230 182 66 / 1.5%); pointer-events:none; } .triangle-page--home > .triangle-page__orbits::before,.triangle-page--home > .triangle-page__orbits::after { content:""; position:absolute; inset:16%; border:1px solid rgb(230 182 66 / 4%); border-radius:50%; } .triangle-page--home > .triangle-page__orbits::after { inset:27%; } .triangle-page--home::before { display:none; } /* Larger homepage triangle with space beneath its last row. */ .triangle-home-content { top:45px; height:1120px; } /* Widen the diagram while keeping labels and icons in proportion. */ .triangle-page--home .triangle-map { width:1320px; } .triangle-page--home .triangle-map__lines { left:60px; width:1200px; transform:scaleX(1.1); transform-origin:center; } .triangle-page--home .triangle-map__center { left:480px; } .triangle-page--home .triangle-map__atom { margin-left:60px; } .triangle-page--home .triangle-node--strategy { left:660px; } .triangle-page--home .triangle-node--systems { left:308px; } .triangle-page--home .triangle-node--leadership { left:1012px; } .triangle-home-pillars { width:880px; } /* Decorative constellations in the empty sides of the homepage triangle. */ .triangle-side-accents { position:absolute; inset:0; pointer-events:none; z-index:-1; overflow:hidden; } .triangle-side-accent { position:absolute; top:27%; width:240px; height:420px; opacity:.65; } .triangle-side-accent--left { left:3%; } .triangle-side-accent--right { right:3%; transform:scaleX(-1); } .triangle-accent-orbit { stroke:var(--gold-muted); stroke-opacity:.22; stroke-width:1; } .triangle-accent-web { stroke:var(--gold-base); stroke-opacity:.3; stroke-width:1; } .triangle-accent-flow { stroke:var(--gold-light); stroke-width:1.5; stroke-dasharray:10 650; animation:triangle-accent-flow 24s linear infinite; } .triangle-side-accent--right .triangle-accent-flow { animation-delay:-12s; } .triangle-accent-hex { stroke:var(--gold-base); stroke-opacity:.45; stroke-width:1; fill:rgb(var(--gold-base-rgb) / .025); } .triangle-accent-stars { fill:var(--gold-light); filter:drop-shadow(0 0 5px var(--gold-base)); animation:triangle-accent-glow 5s ease-in-out infinite alternate; } .triangle-side-accent--right .triangle-accent-stars { animation-delay:-2.5s; } .triangle-accent-spark { stroke:var(--gold-light); stroke-opacity:.8; stroke-width:1; } @keyframes triangle-accent-flow { to { stroke-dashoffset:-1320; } } @keyframes triangle-accent-glow { from { opacity:.4; } to { opacity:.95; } } @media(prefers-reduced-motion:reduce) { .triangle-accent-flow,.triangle-accent-stars { animation:none; } } /* The three project options descend specifically from Mentoring's ISO. */ #iso-solutions .iso-tree__branch:nth-child(2) { padding-bottom:140px; } #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__options { align-items:start; } .iso-mentoring-parent { position:relative; } .iso-mentoring-parent > a { min-height:60px; } .iso-mentoring-children { position:absolute; top:calc(100% + 44px); left:0; width:640px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; } .iso-mentoring-parent::after { content:""; position:absolute; left:50%; top:100%; height:22px; border-left:1px solid var(--gold-muted); } .iso-mentoring-children::before { content:""; position:absolute; top:-22px; left:calc((100% - 28px) / 6); right:calc((100% - 28px) / 6); border-top:1px solid var(--gold-muted); } .iso-mentoring-children > button { position:relative; min-height:88px; } .iso-mentoring-children > button::before { content:""; position:absolute; bottom:100%; left:50%; height:22px; border-left:1px solid var(--gold-muted); } /* Direct branches of the main ISO hexagon. */ #iso-solutions .iso-tree__root { margin-bottom:44px; } .iso-root-children { position:relative; width:640px; margin:0 auto 66px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; } .iso-root-children::before { content:""; position:absolute; left:50%; top:-44px; height:22px; border-left:1px solid var(--gold-muted); } .iso-root-children::after { content:""; position:absolute; top:-22px; left:calc((100% - 28px) / 6); right:calc((100% - 28px) / 6); border-top:1px solid var(--gold-muted); } .iso-root-children > button { position:relative; min-height:88px; } .iso-root-children > button::before { content:""; position:absolute; bottom:100%; left:50%; height:22px; border-left:1px solid var(--gold-muted); } #iso-solutions .iso-tree__branch:nth-child(2) { padding-bottom:0; } /* Project options belong beneath the ISO box inside Mentoring. */ #iso-solutions .iso-tree__root { margin-bottom:42px; } #iso-solutions .iso-tree__branch:nth-child(2) { padding-bottom:140px; } /* Center the middle child and its connector directly under Mentoring ISO. */ .iso-mentoring-children { width:480px; left:50%; transform:translateX(-50%); gap:12px; } .iso-mentoring-children > button { min-height:66px; padding:10px 9px; font-size:15px; line-height:1.3; } .iso-mentoring-children::before { left:calc((100% - 24px) / 6); right:calc((100% - 24px) / 6); } /* Spread both ISO branches while preserving equal side margins. */ #iso-solutions .iso-tree__branches { width:calc(var(--stage-width,1920px) - 400px); margin-left:calc((1350px - var(--stage-width,1920px)) / 2 + 200px); } /* Apply the section header layout to the standalone solutions triangle. */ #triangle-page > .triangle-page__logo { display:none; } #triangle-page > .triangle-page__back { top:35px; left:auto; right:65px; padding:10px 16px; border:1px solid var(--gold-muted); border-radius:999px; background:#080c14cc; } #triangle-page > .triangle-page__header { top:65px; left:65px; width:1300px; transform:none; text-align:left; } #triangle-page > .triangle-map { top:205px; } /* Four packages descend from the Proyectos integrales box. */ .iso-project-parent { position:relative; } .iso-project-parent > button { width:100%; min-height:66px; padding:10px 9px; font-size:15px; line-height:1.3; } .iso-project-parent::before { content:""; position:absolute; bottom:100%; left:50%; height:22px; border-left:1px solid var(--gold-muted); } .iso-project-packages { display:grid; gap:20px; margin-top:20px; } .iso-project-package { position:relative; min-height:66px; box-sizing:border-box; padding:10px 9px; display:flex; align-items:center; justify-content:center; color:var(--gold-light); border:1px solid var(--gold-deep); border-radius:9px; background:linear-gradient(135deg,#25221c,#10131a); font:15px/1.3 "Segoe UI",sans-serif; text-align:center; } .iso-project-package::before { content:""; position:absolute; bottom:100%; left:50%; height:20px; border-left:1px solid var(--gold-muted); } .iso-project-package--goal { flex-direction:column; } .iso-project-package--goal p { margin:0; font:inherit; color:inherit; } #iso-solutions .iso-tree__branch:nth-child(2) { padding-bottom:484px; } /* Automation offerings form their own vertical branch. */ .iso-automation-parent > a { min-height:60px; box-sizing:border-box; } .iso-automation-parent > .iso-project-packages { margin-top:20px; } /* Reserve separate columns for ISO, automation and circular economy. */ #iso-solutions .iso-tree__branches { width:1540px; margin-left:calc((1350px - 1540px) / 2); grid-template-columns:600px 900px; gap:40px; align-items:start; } #iso-solutions .iso-tree__branches::before { left:300px; width:830px; } #iso-solutions .iso-tree__branches::after { left:50%; } #iso-solutions .iso-tree__branch { padding-left:0; padding-right:0; } #iso-solutions .iso-tree__branch:nth-child(2) { padding-bottom:0; } #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__heading { width:590px; box-sizing:border-box; margin:0 auto; } #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__options { grid-template-columns:480px 190px 190px; gap:20px; align-items:start; } #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__options::before { left:240px; right:95px; } .iso-mentoring-parent > a { width:190px; box-sizing:border-box; margin:0 auto; } .iso-mentoring-children { position:relative; top:auto; left:auto; transform:none; width:480px; margin-top:44px; align-items:start; } .iso-mentoring-children > button { height:66px; align-self:start; box-sizing:border-box; } .iso-project-parent > button { height:66px; box-sizing:border-box; } .iso-project-package { height:66px; } .iso-project-package--goal { height:82px; } .iso-automation-parent > a { height:60px; } .iso-mentoring-parent::after { top:60px; } /* Add space between the two main headings without shifting their children. */ #iso-solutions .iso-tree__branch:first-child > .iso-tree__heading { transform:translateX(-90px); } #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__heading { transform:translateX(90px); } #iso-solutions .iso-tree__branch:first-child > .iso-tree__heading::after { left:calc(50% + 90px); } #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__heading::after { left:calc(50% - 90px); } #iso-solutions .iso-tree__branches::before { left:210px; width:1010px; } /* Separate both complete trees, including their headings and connections. */ #iso-solutions .iso-tree__branches { width:1800px; margin-left:calc((1350px - 1800px) / 2); grid-template-columns:600px 900px; gap:300px; } #iso-solutions .iso-tree__branch:first-child > .iso-tree__heading, #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__heading { transform:none; } #iso-solutions .iso-tree__branch:first-child > .iso-tree__heading::after, #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__heading::after { left:50%; } #iso-solutions .iso-tree__branches::before { left:300px; width:1050px; } /* Match the outer margins of the two main heading boxes. */ #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__heading { margin-left:auto; margin-right:0; } #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__heading::after { left:calc(50% - 155px); } #iso-solutions .iso-tree__branches::before { left:300px; width:1205px; } /* Align Mentoring's center connection with the Automation IA column. */ #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__heading { margin-left:300px; margin-right:10px; } #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__heading::after { left:50%; } #iso-solutions .iso-tree__branches::before { left:300px; width:1195px; } /* Place catalog categories directly below their own parent. */ #iso-solutions .iso-tree__categories { position:absolute; left:0; margin-top:0; } #iso-solutions > header { margin-bottom:15px; } /* Round the outside corners of the three ISO child connections. */ .iso-mentoring-children::before { height:21px; border:1px solid var(--gold-muted); border-bottom:0; border-radius:10px 10px 0 0; } .iso-mentoring-children > .iso-project-parent::before { display:none; } /* Remove the lower connector beneath the training modality boxes. */ #iso-solutions .iso-tree__branch:first-child .iso-tree__options::after, #iso-solutions .iso-tree__branch:first-child .iso-tree__catalog::before { display:none; } /* Match the visible outer margins of the training and mentoring groups. */ #iso-solutions .iso-tree__branches::before { width:calc(1195px + var(--mentoring-side-adjustment,0px)); } /* Use the same spacing between neighboring boxes throughout the diagram. */ #iso-solutions .iso-tree__options, #iso-solutions .iso-mentoring-children, #iso-solutions .iso-tree__categories, #iso-solutions .iso-leadership-branches, #iso-solutions .iso-project-packages { gap:20px; } .iso-mentoring-children::before { left:calc((100% - 40px) / 6); right:calc((100% - 40px) / 6); } #iso-solutions .iso-tree__branches::before { width:1195px; } /* Increase the gap between certification and automation. */ #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__options { grid-template-columns:480px 190px 190px; column-gap:45px; } #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__heading { margin-left:325px; margin-right:-15px; } #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__options::before { right:45px; } #iso-solutions .iso-tree__branches::before { width:1220px; } /* Give training boxes the same wider horizontal spacing. */ #iso-solutions .iso-tree__branch:first-child > .iso-tree__options { column-gap:45px; } #iso-solutions .iso-tree__categories, #iso-solutions .iso-leadership-branches { column-gap:45px; } #iso-solutions .iso-tree__branch:first-child > .iso-tree__options::before { left:85px; right:85px; } /* Connect In Company directly to Explorar catalogo. */ #iso-solutions .iso-tree__branch:first-child .iso-tree__catalog::before { display:block; height:46px; } /* Remove the visible ISO heading while retaining the section's accessible name. */ #iso-solutions .iso-solutions__accessible-title { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; } /* Match ISO child spacing to the automation and circular economy columns. */ #iso-solutions .iso-mentoring-children { column-gap:45px; } .iso-mentoring-children::before { left:calc((100% - 90px) / 6); right:calc((100% - 90px) / 6); } /* Use twenty pixels vertically between every connected box. */ #iso-solutions .iso-tree__branch { padding-top:0; } #iso-solutions .iso-tree__root { margin-bottom:20px; } #iso-solutions .iso-tree__branches::before { top:-10px; height:9px; border-radius:5px 5px 0 0; } #iso-solutions .iso-tree__branches::after { top:-20px; height:10px; } #iso-solutions .iso-tree__branch > .iso-tree__options { margin-top:20px; } #iso-solutions .iso-tree__branch > .iso-tree__heading::after { height:10px; } #iso-solutions .iso-tree__branch > .iso-tree__options::before { top:-10px; height:9px; border-radius:5px 5px 0 0; } #iso-solutions .iso-tree__branch > .iso-tree__options > :nth-child(2)::before { height:10px; } #iso-solutions .iso-tree__catalog { margin-top:20px; } #iso-solutions .iso-tree__branch:first-child .iso-tree__catalog::before { height:20px; } #iso-solutions .iso-mentoring-children { margin-top:20px; } .iso-mentoring-parent::after { height:10px; } .iso-mentoring-children::before { top:-10px; height:9px; border-radius:5px 5px 0 0; } .iso-mentoring-children > button::before { height:10px; } #iso-solutions .iso-tree__categories { padding-top:20px; } #iso-solutions .iso-project-packages { margin-top:20px; row-gap:20px; } /* Give every connected row a more generous forty-pixel gap. */ #iso-solutions .iso-tree__root { margin-bottom:40px; } #iso-solutions .iso-tree__branches::before { top:-20px; height:19px; border-radius:10px 10px 0 0; } #iso-solutions .iso-tree__branches::after { top:-40px; height:20px; } #iso-solutions .iso-tree__branch > .iso-tree__options { margin-top:40px; } #iso-solutions .iso-tree__branch > .iso-tree__heading::after { height:20px; } #iso-solutions .iso-tree__branch > .iso-tree__options::before { top:-20px; height:19px; border-radius:10px 10px 0 0; } #iso-solutions .iso-tree__branch > .iso-tree__options > :nth-child(2)::before { height:20px; } #iso-solutions .iso-tree__catalog { margin-top:40px; } #iso-solutions .iso-tree__branch:first-child .iso-tree__catalog::before { height:40px; } #iso-solutions .iso-mentoring-children { margin-top:40px; } .iso-mentoring-parent::after { height:20px; } .iso-mentoring-children::before { top:-20px; height:19px; border-radius:10px 10px 0 0; } .iso-mentoring-children > button::before { height:20px; } #iso-solutions .iso-tree__categories { padding-top:40px; } #iso-solutions .iso-project-packages, #iso-solutions .iso-automation-parent > .iso-project-packages { margin-top:40px; row-gap:40px; } .iso-project-package::before { height:40px; } /* Add more vertical space beneath the two main headings. */ #iso-solutions .iso-tree__branch > .iso-tree__options { margin-top:70px; } #iso-solutions .iso-tree__branch > .iso-tree__heading::after { height:35px; } #iso-solutions .iso-tree__branch > .iso-tree__options::before { top:-35px; height:34px; } #iso-solutions .iso-tree__branch > .iso-tree__options > :nth-child(2)::before { height:35px; } /* Slightly increase the space beneath the main headings. */ #iso-solutions .iso-tree__branch > .iso-tree__options { margin-top:85px; } #iso-solutions .iso-tree__branch > .iso-tree__heading::after { height:42.5px; } #iso-solutions .iso-tree__branch > .iso-tree__options::before { top:-42.5px; height:41.5px; } #iso-solutions .iso-tree__branch > .iso-tree__options > :nth-child(2)::before { height:42.5px; } /* Lower the horizontal rail of the three training options. */ #iso-solutions .iso-tree__branch:first-child > .iso-tree__heading::after { height:62px; } #iso-solutions .iso-tree__branch:first-child > .iso-tree__options::before { top:-23px; height:22px; } #iso-solutions .iso-tree__branch:first-child > .iso-tree__options > :nth-child(2)::before { height:23px; } /* Match Mentoring's horizontal rail to the training rail height. */ #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__heading::after { height:62px; } #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__options::before { top:-23px; height:22px; } #iso-solutions .iso-tree__branch:nth-child(2) > .iso-tree__options > :nth-child(2)::before { height:23px; } /* Lower the three solution hexagons slightly. */ .triangle-home-pillars { top:980px; } /* Extend the homepage triangle upward while keeping its base fixed. */ .triangle-page .triangle-map { transform:translateX(-50%) scaleY(1.12); transform-origin:bottom center; } /* Raise the CASH FLOW label slightly. */ .triangle-map__cash-flow { transform:translateY(-18px); } /* Lift the triangle heading away from the upper vertex. */ .triangle-page--home .triangle-page__header { top:30px; } #triangle-page > .triangle-page__header { top:30px; } /* Raise the title and subtitle farther above the triangle. */ .triangle-page--home .triangle-page__header { top:5px; } #triangle-page > .triangle-page__header { top:5px; } /* Hide the upper vertex's numbered caption. */ .triangle-node--strategy .triangle-node__label small { display:none; } /* Two-line purpose statement in the site's existing typography and gold palette. */ #iso-solutions > header > .iso-solutions__purpose { margin:0 0 30px; color:var(--gold-light); font:26px/1.45 Georgia,serif; } #iso-solutions .iso-solutions__purpose > span { display:block; margin-top:10px; color:var(--gold-light); font:20px/1.45 "Segoe UI",sans-serif; } /* Raise the purpose statement without shifting the diagram. */ #iso-solutions > header > .iso-solutions__purpose { position:relative; top:-30px; } /* Raise the ISO diagram while keeping the introductory text in place. */ #iso-solutions > .iso-tree { top:-25px; } /* Center the full diagram by its visible boxes while keeping ISO under the heading. */ #iso-solutions .iso-tree__root { left:calc(0px - var(--iso-diagram-centering,0px)); } #iso-solutions .iso-tree__branches::after { left:calc(50% - var(--iso-diagram-centering,0px)); } /* Match the outer margins of the main headings to the visible page edges. */ #iso-solutions .iso-tree__branch > .iso-tree__heading { left:var(--iso-heading-centering,0px); } #iso-solutions .iso-tree__branch:nth-child(n) > .iso-tree__heading::after { left:calc(50% - var(--iso-heading-centering,0px)); } #iso-solutions .iso-tree__branches::before { left:calc(300px + var(--iso-heading-centering,0px)); } /* Close the small gaps between rounded connection rails and their boxes. */ #iso-solutions .iso-tree__branches::before { height:20px; } #iso-solutions .iso-tree__branch:nth-child(n) > .iso-tree__options::before { height:23px; } #iso-solutions .iso-mentoring-children::before { height:20px; } /* Align the upper branch connections with the stems below both main boxes. */ #iso-solutions .iso-tree__branches::before { left:300px; width:1220px; } /* Overlap the connecting stems with the main box borders to avoid visible gaps. */ #iso-solutions .iso-tree__branches::before { height:25px; } #iso-solutions .iso-tree__branch:nth-child(n) > .iso-tree__heading::after { top:calc(100% - 1px); height:63px; } #iso-solutions .iso-tree__branch:nth-child(n) > .iso-tree__options::before { height:25px; } /* Draw the main connections directly to each box's measured border. */ #iso-solutions .iso-tree__branches::before, #iso-solutions .iso-tree__branches::after, #iso-solutions .iso-tree__branch:nth-child(n) > .iso-tree__heading::after, #iso-solutions .iso-tree__branch:nth-child(n) > .iso-tree__options::before, #iso-solutions .iso-tree__branch:nth-child(n) > .iso-tree__options > :nth-child(2)::before { display:none; } .iso-main-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; z-index:3; } .iso-main-lines path { fill:none; stroke:var(--gold-base); stroke-width:1; stroke-linecap:square; stroke-linejoin:round; } /* Information below the existing business triangle. */ #triangle-page { overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain; scrollbar-width:thin; scrollbar-color:var(--gold-muted) #05070d; } #triangle-page .triangle-details { position:relative; margin:1100px auto 80px; width:calc(100% - 200px); max-width:1480px; } .triangle-detail { padding:65px 0; border-top:1px solid rgb(var(--gold-base-rgb) / .22); } .triangle-detail h2 { margin:0 0 42px; color:var(--gold-light); font:600 36px/1.25 Georgia,serif; } .triangle-detail__grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:75px; align-items:center; } .triangle-detail__grid--leadership { grid-template-columns:1.15fr .85fr; } .triangle-detail__copy { color:#dedee3; font-size:21px; line-height:1.75; } .triangle-detail__copy > p { margin:0 0 28px; } .triangle-detail__copy strong { color:var(--gold-light); } .triangle-detail__callout { padding:26px 30px; border-left:4px solid var(--gold-base); border-radius:10px; background:rgb(var(--gold-base-rgb) / .06); margin:28px 0; } .triangle-detail__card { margin:26px 0; padding:30px; border:1px solid rgb(var(--gold-base-rgb) / .27); border-radius:16px; background:rgb(255 255 255 / .035); } .triangle-detail__card h3 { margin:0 0 22px; color:var(--gold-light); font:600 27px/1.3 Georgia,serif; } .triangle-detail__card p { margin:0; } .triangle-detail__closing { padding-top:25px; border-top:1px solid rgb(var(--gold-base-rgb) / .22); color:#b6b5c0; font-style:italic; } .triangle-team-path { list-style:none; padding:0; display:flex; gap:36px; margin:32px 0 42px; } .triangle-team-path li { position:relative; flex:1; text-align:center; padding:16px 8px; border-radius:10px; color:#090b10; background:var(--gold-base); font-size:18px; font-weight:700; box-shadow:0 5px 22px rgb(var(--gold-base-rgb) / .14); } .triangle-team-path li:not(:last-child)::after { content:'→'; position:absolute; right:-30px; color:var(--gold-light); font-size:30px; top:8px; } .triangle-process-tools { display:grid; grid-template-columns:1fr 1fr; gap:14px; list-style:none; margin:22px 0 0; padding:0; } .triangle-process-tools li { border-left:3px solid var(--gold-base); background:rgb(var(--gold-base-rgb) / .07); padding:12px 16px; border-radius:7px; font-size:19px; font-weight:600; } .triangle-detail__visual { display:flex; flex-direction:column; align-items:center; gap:18px; text-align:center; padding:60px 24px; border:1px solid rgb(var(--gold-base-rgb) / .22); border-radius:28px; background:radial-gradient(ellipse,rgb(var(--gold-base-rgb) / .09),transparent 75%); } .triangle-detail__visual > span { color:var(--gold-light); letter-spacing:.2em; font-size:13px; } .triangle-detail__visual > strong { color:var(--gold-light); font:36px Georgia,serif; padding:15px; } .triangle-detail__visual i { font:32px Georgia,serif; color:var(--gold-light); } .triangle-detail__visual p { color:var(--gold-light); font-size:17px; } .triangle-system-tags { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; } .triangle-system-tags span { padding:16px 20px; border:1px solid var(--gold-deep); border-radius:12px; color:var(--gold-light); font-size:18px; } .triangle-detail__photo { margin:0; } .triangle-detail__photo img { width:100%; height:auto; aspect-ratio:1; object-fit:cover; border-radius:28px; border:1px solid var(--gold-deep); } .triangle-detail__photo figcaption { text-align:center; margin:20px 0 0; font:27px Georgia,serif; color:var(--gold-light); } /* Keep the shared Guarantee atmosphere visible throughout the triangle information. */ #triangle-page { background:radial-gradient(ellipse at 70% 37%,rgb(var(--gold-deep-rgb) / .0941),transparent 55%),radial-gradient(ellipse at 17% 80%,#1c305323,transparent 60%),#06090f; background-attachment:local; } #triangle-page > .motion-atmosphere { position:absolute; inset:0; width:auto; height:auto; margin:0; transform:none; } /* The entire Triangle section uses the same atmosphere as Who we are. */ #triangle-page > .triangle-page__orbits, #triangle-page::before { display:none; } #triangle-page { background:radial-gradient(ellipse at 70% 37%,rgb(var(--gold-deep-rgb) / .0941),transparent 55%),radial-gradient(ellipse at 17% 80%,#1c305323,transparent 60%),#06090f; background-size:100% var(--stage-height,1080px); background-repeat:repeat-y; } /* Shared company background for the ISO solutions interface. */ #iso-solutions { isolation:isolate; background:radial-gradient(ellipse at 70% 37%,rgb(var(--gold-deep-rgb) / .0941),transparent 55%),radial-gradient(ellipse at 17% 80%,#1c305323,transparent 60%),#06090f; } #iso-solutions > .motion-atmosphere { transform:translateY(var(--iso-background-offset,0px)); } /* Reuse the two original side constellations on every shared background. */ .motion-atmosphere > .triangle-side-accents { z-index:0; } #home-triangle-page > .motion-atmosphere > .triangle-side-accents { display:none; } /* Each information section has its own complete star background. */ #triangle-page .triangle-details { width:100%; max-width:none; margin-bottom:0; } #triangle-page .triangle-detail { position:relative; isolation:isolate; min-height:var(--stage-height,1080px); padding:75px max(200px,calc((100% - 1480px)/2)); border-top:0; display:flex; flex-direction:column; justify-content:center; } #triangle-page .triangle-detail[hidden] { display:none; } .triangle-detail-background { position:absolute; z-index:-1; inset:0; pointer-events:none; overflow:hidden; background:radial-gradient(ellipse at 70% 37%,rgb(var(--gold-deep-rgb) / .0941),transparent 55%),radial-gradient(ellipse at 17% 80%,#1c305323,transparent 60%),#06090f; } .triangle-detail-background::before { content:''; position:absolute; inset:0; background-image:radial-gradient(circle,rgb(var(--gold-light-rgb) / .65) 1px,transparent 2px),radial-gradient(circle,rgb(var(--gold-base-rgb) / .4) 1px,transparent 2px); background-size:137px 113px,193px 173px; background-position:34px 42px,85px 95px; opacity:.45; } .triangle-detail-background::after { content:''; position:absolute; inset:20px; border:1px solid rgb(var(--gold-base-rgb) / .2); } .triangle-detail-background > .triangle-side-accents { z-index:0; } /* Hold both side figures in place within each section's own background. */ .triangle-detail-background > .triangle-side-accents { inset:0 0 auto; height:var(--stage-height,1080px); transform:none; } /* Keep the ambient light fixed in every background. */ .motion-atmosphere > .motion-nebula { animation:none; transform:none; will-change:auto; } /* Hide the introductory eyebrow in the upper Triangle section. */ #triangle-page > .triangle-page__header > .triangle-page__eyebrow { display:none; } /* Static backgrounds: no running highlights, twinkling or scroll-driven light drift. */ .triangle-side-accents .triangle-accent-flow, .triangle-side-accents .triangle-accent-stars { animation:none; transition:none; } .motion-atmosphere, .motion-atmosphere .motion-nebula, .triangle-detail-background, .triangle-detail-background::before { animation:none; transition:none; } #triangle-page { background-position:0 0; } .triangle-detail-background { background-size:100% var(--stage-height,1080px); background-repeat:repeat-y; background-position:0 0; } .triangle-detail-background::before { transform:none; } /* Four self-contained backgrounds anchored to their own blocks. */ #triangle-page { background:#06090f; } #triangle-page > .motion-atmosphere { inset:0 0 auto; height:var(--stage-height,1080px); transform:none; background:radial-gradient(ellipse at 70% 37%,rgb(var(--gold-deep-rgb) / .0941),transparent 55%),radial-gradient(ellipse at 17% 80%,#1c305323,transparent 60%),#06090f; } .triangle-detail-background { background-size:100% 100%; background-repeat:no-repeat; background-position:0 0; } .triangle-detail-background > .triangle-side-accents { height:100%; transform:none; } /* The same fixed golden light on every independent information background. */ .triangle-detail-light { position:absolute; top:50px; right:-100px; width:1000px; height:800px; border-radius:50%; background:radial-gradient(ellipse,rgb(var(--gold-muted-rgb) / .098),transparent 65%); animation:none; transition:none; transform:none; pointer-events:none; } /* One shared visual specification for every page background. */ :root { --site-background:radial-gradient(ellipse at 70% 37%,rgb(var(--gold-deep-rgb) / .0941),transparent 55%),radial-gradient(ellipse at 17% 80%,#1c305323,transparent 60%),#06090f; } #experience > .chamber, #home-triangle-page, #triangle-page, #company-page, #products-page, #discovery-page, #iso-solutions { background:#06090f; } .motion-atmosphere, #triangle-page > .motion-atmosphere, .triangle-detail-background { background:var(--site-background); background-size:100% 100%; background-repeat:no-repeat; background-position:0 0; } .motion-atmosphere::before, .triangle-detail-background::before { content:''; position:absolute; inset:0; background-image:radial-gradient(circle,rgb(var(--gold-light-rgb) / .65) 1px,transparent 2px),radial-gradient(circle,rgb(var(--gold-base-rgb) / .4) 1px,transparent 2px); background-size:137px 113px,193px 173px; background-position:34px 42px,85px 95px; opacity:.45; transform:none; animation:none; pointer-events:none; } .motion-atmosphere > .motion-dust, .motion-atmosphere > .motion-nebula--blue, .chamber__stars, .chamber__orbits, #home-triangle-page > .triangle-page__orbits { display:none; } .motion-atmosphere::after, .triangle-detail-background::after { content:''; position:absolute; inset:20px; border:1px solid rgb(var(--gold-base-rgb) / .2); background:linear-gradient(var(--gold-base),var(--gold-base)) left top/70px 1px no-repeat,linear-gradient(var(--gold-base),var(--gold-base)) left top/1px 70px no-repeat,linear-gradient(var(--gold-base),var(--gold-base)) right bottom/70px 1px no-repeat,linear-gradient(var(--gold-base),var(--gold-base)) right bottom/1px 70px no-repeat; pointer-events:none; } .chamber__frame, .triangle-page__frame { border-color:transparent; } .chamber__frame::before, .chamber__frame::after, .triangle-page__frame::before, .triangle-page__frame::after { display:none; } /* Softer CASH FLOW lettering, slightly clearer than ROI and PROFIT. */ .triangle-map__cash-flow { fill:var(--gold-muted); opacity:.52; } /* Render the corner logo in the same exact gold as the introductory text. */ /* Contact interface after the homepage business triangle. */ .home-contact { position:relative; isolation:isolate; min-height:var(--stage-height,1080px); padding:100px 200px 120px; display:flex; justify-content:center; align-items:center; color:var(--gold-light); } .home-contact__content { width:100%; max-width:1300px; text-align:center; } .home-contact__eyebrow { color:var(--gold-light); font-size:12px; letter-spacing:.22em; margin:0 0 24px; } .home-contact h2 { margin:0; font:48px/1.2 Georgia,serif; color:var(--gold-light); } .home-contact__intro { font-size:23px; line-height:1.6; color:#d4d2cb; margin:30px 0 45px; } .home-contact__brand { display:flex; align-items:center; justify-content:center; gap:25px; margin:0 auto 35px; } .home-contact__atom { width:145px; height:160px; object-fit:contain; filter:url(#emblem-gold); } .home-contact__logo { width:365px; height:auto; object-fit:contain; filter:url(#corner-gold); } .home-contact__promise { font-size:20px; line-height:1.7; color:#b9b6ae; max-width:850px; margin:0 auto 35px; } .home-contact__actions { display:flex; justify-content:center; gap:25px; margin:0 0 38px; } .home-contact__actions .journey-link { min-width:190px; font-size:22px; padding:18px 28px; } .home-contact__details { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; font-size:18px; font-style:normal; } .home-contact__details a { color:var(--gold-light); text-decoration:none; padding:8px; border-radius:8px; } .home-contact__details span { color:#b9b6ae; margin-right:7px; } .home-contact__footer { position:absolute; left:65px; right:65px; bottom:45px; display:flex; justify-content:space-between; padding-top:22px; border-top:1px solid rgb(var(--gold-base-rgb) / .2); color:var(--gold-light); font-size:13px; letter-spacing:.08em; } .home-contact .triangle-detail-background > .triangle-side-accents { height:100%; } /* Preserve the full native artwork in the contact brand, without SVG-filter clipping. */ .home-contact__atom, .home-contact__logo { filter:none; } .home-contact__footer { left:110px; } /* Complete contact footer matching the supplied reference. */ .home-contact__footer { justify-content:center; align-items:center; flex-wrap:wrap; gap:7px; font-size:15px; letter-spacing:0; color:#a5a4ad; } .home-contact__legal { color:var(--gold-light); } /* Original ISO diagram size, without downward wheel scrolling. */ #iso-solutions { overflow-y:hidden; overflow-x:hidden; } /* Last homepage interface: transformed companies, using its existing background. */ .transformed-companies { width:100%; max-width:1300px; text-align:center; } .transformed-companies__ornament { display:flex; justify-content:center; align-items:center; gap:28px; color:var(--gold-light); font-size:24px; margin-bottom:45px; } .transformed-companies__ornament::before,.transformed-companies__ornament::after { content:""; width:110px; height:1px; background:linear-gradient(90deg,transparent,var(--gold-muted),transparent); } .home-contact .transformed-companies h2 { font:60px/1.2 Georgia,serif; color:var(--gold-light); } .transformed-companies__subtitle { margin:22px 0 0; color:#b9b6ae; font-size:24px; } .transformed-companies__subtitle strong { color:var(--gold-light); } .transformed-companies__carousel { overflow:hidden; margin:100px 0 90px; padding:45px 0; mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent); } .transformed-companies__track { display:flex; width:max-content; animation:transformed-company-flow 65s linear infinite; } .transformed-companies__row { display:flex; gap:65px; padding:0 65px 0 0; margin:0; list-style:none; } .transformed-companies__row li { position:relative; flex:0 0 220px; width:220px; height:165px; border:1px solid rgb(var(--gold-base-rgb) / .3); border-radius:22px; background:rgb(8 12 20 / .6); display:grid; place-items:center; } .transformed-companies__row li::before { content:""; position:absolute; width:190px; height:190px; border:1px solid rgb(var(--gold-base-rgb) / .08); border-radius:50%; pointer-events:none; } .transformed-companies__row img { width:145px; height:80px; object-fit:contain; filter:grayscale(1) brightness(0) invert(1); opacity:.85; } .transformed-companies__notice { max-width:760px; margin:0 auto; color:#92909b; font:italic 15px/1.6 "Segoe UI",Arial,sans-serif; } .transformed-companies__notice::before { content:""; display:block; width:110px; height:1px; margin:0 auto 30px; background:linear-gradient(90deg,transparent,var(--gold-muted),transparent); } @keyframes transformed-company-flow { to { transform:translateX(-50%); } } @media(max-width:600px) { .home-contact { padding:85px 25px 70px; } .home-contact .transformed-companies h2 { font-size:36px; } .transformed-companies__subtitle { font-size:18px; } .transformed-companies__carousel { margin:55px 0 50px; } .transformed-companies__row { gap:30px; padding-right:30px; } .transformed-companies__row li { flex-basis:180px; width:180px; height:140px; } } .transformed-companies__carousel { min-height:255px; } /* User-selected brands and project descriptions below each logo. */ .transformed-companies__carousel { margin:70px 0 55px; } .transformed-companies__row li { flex:0 0 320px; width:320px; height:320px; padding:25px 22px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; } .transformed-companies__row li::before { width:210px; height:145px; top:10px; } .transformed-companies__row img { width:235px; height:115px; filter:none; opacity:1; flex-shrink:0; } .transformed-companies__row h3 { margin:20px 0 8px; color:var(--gold-light); font:24px/1.2 Georgia,serif; } .transformed-companies__row p { margin:0; color:#b9b6ae; font:16px/1.5 "Segoe UI",Arial,sans-serif; } .transformed-companies__track { animation-play-state:running; } @media(max-width:600px) { .transformed-companies__row li { flex-basis:285px; width:285px; height:330px; } } .transformed-companies__row li { height:360px; } .transformed-companies__row img[src*="mercedes-silver"] { object-fit:contain; object-position:center; } .transformed-companies__row img[src*="bonafont-clear"] { transform:scale(1.5); } /* Pause only while a company card is hovered; resume from the same position. */ .transformed-companies__row li { transition:border-color .25s, box-shadow .25s; } .transformed-companies__row li:hover { border-color:var(--gold-bright); box-shadow:0 0 18px rgb(var(--gold-base-rgb) / .55), inset 0 0 12px rgb(var(--gold-base-rgb) / .16); } .transformed-companies__track:has(.transformed-companies__row li:hover) { animation-play-state:paused; } /* Continuous improvement: content opened from the ISO category. */ .improvement-dialog { width:min(1040px,94vw); max-width:94vw; max-height:90dvh; padding:0; border:1px solid var(--gold-muted); border-radius:18px; background:#090d14; color:#d4d2cb; box-shadow:0 28px 100px #000b; font-family:"Segoe UI",sans-serif; } .improvement-dialog[open] { display:flex; flex-direction:column; } .improvement-dialog::backdrop { background:#02040ade; backdrop-filter:blur(6px); } .improvement-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 28px; border-bottom:1px solid var(--gold-deep); color:var(--gold-light); font-size:12px; letter-spacing:.16em; } .improvement-toolbar button { font-size:14px; padding:8px 14px; cursor:pointer; } .improvement-content { overflow-y:auto; padding:36px 48px 28px; scrollbar-width:thin; scrollbar-color:var(--gold-muted) #090d14; } .improvement-hero { position:relative; padding-right:230px; min-height:245px; } .improvement-eyebrow { color:var(--gold-muted); font-size:11px; letter-spacing:.16em; line-height:1.8; } .improvement-hero h2 { margin:16px 0; color:var(--gold-light); font:54px/1.05 Georgia,serif; } .improvement-hero h2 em { display:block; color:#f5f1e7; font-style:normal; } .improvement-intro { max-width:560px; font-size:19px; line-height:1.6; } .improvement-motto { color:var(--gold-light); font-size:16px; }.improvement-motto strong { display:block; } .improvement-growth { position:absolute; right:0; top:40px; width:190px; height:200px; display:flex; align-items:flex-end; gap:12px; border-bottom:1px solid var(--gold-muted); } .improvement-growth i { flex:1; height:22%; border:1px solid var(--gold-muted); background:linear-gradient(0deg,transparent,var(--gold-deep)); }.improvement-growth i:nth-child(2){height:36%}.improvement-growth i:nth-child(3){height:53%}.improvement-growth i:nth-child(4){height:72%}.improvement-growth i:nth-child(5){height:95%} .improvement-growth span { position:absolute; right:35px; top:0; color:var(--gold-bright); font:140px/1 Georgia,serif; text-shadow:0 0 24px var(--gold-deep); } .improvement-benefits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:32px 0; } .improvement-benefits article { display:flex; gap:18px; padding:22px; border:1px solid var(--gold-deep); border-radius:12px; background:#11161e; } .improvement-benefits article > span { flex-shrink:0; color:var(--gold-muted); font:26px Georgia,serif; } .improvement-benefits h3 { margin:0 0 8px; color:var(--gold-light); font-size:18px; }.improvement-benefits p { margin:0; font-size:15px; line-height:1.6; } .improvement-philosophy { text-align:center; padding:22px 0; }.improvement-philosophy h3 { color:var(--gold-light); font:25px/1.4 Georgia,serif; } .improvement-philosophy blockquote { margin:24px 0 0; padding:26px; border:1px solid var(--gold-muted); border-radius:12px; font:italic 24px/1.5 Georgia,serif; }.improvement-philosophy cite { display:block; margin-top:16px; font:11px "Segoe UI",sans-serif; text-transform:uppercase; letter-spacing:.16em; color:var(--gold-muted); } .improvement-values { display:grid; grid-template-columns:repeat(4,1fr); list-style:none; padding:24px 0; gap:20px; border-bottom:1px solid var(--gold-deep); }.improvement-values li { border-left:2px solid var(--gold-muted); padding-left:14px; color:var(--gold-light); font-size:14px; line-height:1.6; } .improvement-footer { text-align:center; color:var(--gold-light); font-size:12px; letter-spacing:.14em; text-transform:uppercase; line-height:1.8; } .improvement-dialog button:focus-visible { outline:2px solid var(--gold-bright); outline-offset:3px; } @media(max-width:650px) { .improvement-toolbar { padding:14px 18px; letter-spacing:.05em; }.improvement-content { padding:24px 20px; }.improvement-hero { padding-right:0; }.improvement-hero h2 { font-size:42px; }.improvement-growth { display:none; }.improvement-benefits { grid-template-columns:1fr; }.improvement-values { grid-template-columns:repeat(2,1fr); }.improvement-philosophy blockquote { font-size:21px; } } .improvement-page-closing { max-width:1400px; margin:32px auto; } .improvement-original { width:100%; max-width:1007px; margin:0 auto; } .improvement-original > img { display:block; width:100%; height:auto; max-width:100%; object-fit:contain; } /* Editable content arranged to match the supplied continuous-improvement sheet. */ .improvement-sheet { container-type:inline-size; width:100%; max-width:1100px; margin:auto; color:#e1ded5; } .improvement-sheet__brand { display:flex; align-items:center; gap:5cqw; padding:2cqw 2cqw 3cqw; } .improvement-sheet__brand > div { width:49%; text-align:center; color:var(--gold-light); } .improvement-sheet__brand strong { font:6.5cqw/1 Georgia,serif; }.improvement-sheet__brand sup { font-size:2cqw; vertical-align:top; }.improvement-sheet__brand span { display:block; font:2.5cqw/1.4 Georgia,serif; letter-spacing:.5cqw; }.improvement-sheet__brand em { display:block; font:italic 2cqw/1.6 Georgia,serif; }.improvement-sheet__brand > p { border-left:2px solid var(--gold-muted); padding-left:2cqw; font:2.1cqw/1.4 "Segoe UI",sans-serif; letter-spacing:.12cqw; } .improvement-sheet__main { display:grid; grid-template-columns:47% 53%; } .improvement-sheet__left { position:relative; z-index:1; } .improvement-sheet h2 { margin:0; color:var(--gold-light); font:bold 7.3cqw/.98 Georgia,serif; letter-spacing:-.22cqw; white-space:nowrap; }.improvement-sheet h2 span { color:#f3f1e9; font-size:8.2cqw; } .improvement-sheet__intro { margin:2cqw 0 2.5cqw; padding-top:1.5cqw; border-top:2px solid var(--gold-muted); font:2.45cqw/1.3 "Segoe UI",sans-serif; letter-spacing:.08cqw; } .improvement-sheet__benefits { display:grid; gap:1.5cqw; }.improvement-sheet__benefits section { display:grid; grid-template-columns:9cqw 1fr; align-items:start; gap:2cqw; min-height:10cqw; } .improvement-sheet__icon { display:grid; place-items:center; width:8.7cqw; height:8.7cqw; border:2px solid var(--gold-base); border-radius:50%; box-shadow:0 0 12px rgb(var(--gold-base-rgb) / .15); color:var(--gold-light); }.improvement-sheet__icon svg { width:62%; height:62%; fill:none; stroke:currentColor; stroke-width:2; stroke-linejoin:round; stroke-linecap:round; } .improvement-sheet__benefits h3 { margin:0 0 .4cqw; color:var(--gold-light); font:600 2.05cqw/1.12 "Segoe UI",sans-serif; text-transform:uppercase; max-width:27cqw; }.improvement-sheet__benefits p { margin:0; max-width:27cqw; font:1.8cqw/1.3 "Segoe UI",sans-serif; } .improvement-sheet__right { position:relative; min-height:98cqw; } .improvement-sheet__growth { position:absolute; width:100%; height:46cqw; top:-19cqw; right:-5cqw; } .improvement-sheet__small { position:absolute; right:0; top:28cqw; margin:0; color:var(--gold-light); font:600 2.25cqw/1.18 "Segoe UI",sans-serif; } .improvement-sheet__plant { position:absolute; width:89%; height:46cqw; left:-6cqw; top:33cqw; } .improvement-sheet__tomorrow { position:absolute; right:0; top:57cqw; margin:0; color:var(--gold-light); font:500 2.1cqw/1.25 "Segoe UI",sans-serif; }.improvement-sheet__tomorrow span { color:#eeeae1; font-size:1.8cqw; } .improvement-sheet__right blockquote { position:absolute; top:80cqw; left:-8%; right:0; margin:0; border:1px solid var(--gold-base); border-radius:1.3cqw; background:#0b1019a8; padding:2.4cqw 1cqw; text-align:center; font:italic 2.7cqw/1.25 Georgia,serif; }.improvement-sheet__right cite { display:block; margin-top:1.6cqw; font:1.55cqw/1.3 "Segoe UI",sans-serif; letter-spacing:.12cqw; } .improvement-sheet__values { display:grid; grid-template-columns:repeat(4,1fr); list-style:none; gap:0; margin:2cqw 0 0; padding:2.5cqw 0; border-top:1px solid var(--gold-muted); border-bottom:1px solid var(--gold-muted); } .improvement-sheet__values li { display:flex; align-items:center; gap:1.1cqw; min-width:0; padding:0 1.4cqw; border-right:1px solid var(--gold-muted); } .improvement-sheet__values li:last-child { border:0; } .improvement-sheet__values .improvement-sheet__icon { width:8.3cqw; height:8.3cqw; flex-shrink:0; background:transparent; border-color:var(--gold-base); color:var(--gold-light); box-shadow:0 0 5px rgb(var(--gold-base-rgb) / .35), 0 0 12px rgb(var(--gold-base-rgb) / .15); } .improvement-sheet__values .improvement-sheet__icon svg { width:68%; height:68%; fill:none; stroke:var(--gold-light); stroke-width:1.8; } .improvement-sheet__values span { display:block; min-width:0; white-space:nowrap; font:1.55cqw/1.3 "Segoe UI",sans-serif; letter-spacing:-.025cqw; transform:scaleX(.78); transform-origin:left center; color:#e1ded5; } .improvement-sheet__footer { margin:0; padding:1.5cqw 0; border-bottom:1px solid var(--gold-muted); text-align:center; color:var(--gold-light); font:1.7cqw/1.5 "Segoe UI",sans-serif; letter-spacing:.4cqw; } /* Reference-inspired benefit silhouettes, using only the site's gold outlines. */ .improvement-sheet__benefits .improvement-sheet__icon { background:transparent; border-color:var(--gold-light); color:var(--gold-light); box-shadow:0 0 5px rgb(var(--gold-base-rgb) / .45), 0 0 17px rgb(var(--gold-base-rgb) / .2), inset 0 0 9px rgb(var(--gold-base-rgb) / .12); } .improvement-sheet__benefits .improvement-sheet__icon svg { width:65%; height:65%; fill:none; stroke:var(--gold-light); stroke-width:1.8; filter:drop-shadow(0 0 2px rgb(var(--gold-base-rgb) / .25)); } /* Second continuous-improvement sheet: selectable course content. */ .improvement-courses { container-type:inline-size; max-width:1100px; margin:85px auto 25px; color:#e1ded5; } .improvement-courses__hero { display:grid; grid-template-columns:54% 46%; } .improvement-courses__brand { display:flex; gap:2cqw; align-items:center; margin-bottom:3cqw; }.improvement-courses__brand > div { color:var(--gold-light); text-align:center; }.improvement-courses__brand strong { font:4.3cqw Georgia,serif; }.improvement-courses__brand sup { font-size:1.5cqw; }.improvement-courses__brand span { display:block; font:1.6cqw Georgia,serif; letter-spacing:.3cqw; }.improvement-courses__brand em { font:italic 1.5cqw/2 Georgia,serif; }.improvement-courses__brand p { padding-left:1.6cqw; border-left:1px solid var(--gold-muted); font:1.5cqw/1.4 "Segoe UI",sans-serif; } .improvement-courses h2 { margin:0; font:bold 8.5cqw/.95 Georgia,serif; color:var(--gold-light); letter-spacing:-.3cqw; }.improvement-courses h2 span { color:#f3f1e9; } .improvement-courses__tagline { margin:1.5cqw 0 1cqw; padding:.8cqw 0; border-block:1px solid var(--gold-muted); font:2.55cqw/1.2 "Segoe UI",sans-serif; letter-spacing:.15cqw; white-space:nowrap; }.improvement-courses__intro { margin:0 0 2.5cqw; font:1.5cqw/1.5 "Segoe UI",sans-serif; letter-spacing:.04cqw; } .improvement-courses__visual { position:relative; min-height:43cqw; }.improvement-courses__visual > p:first-child { margin:0; position:absolute; top:0; right:0; color:var(--gold-light); font:600 2cqw/1.2 "Segoe UI",sans-serif; }.improvement-courses__visual strong { color:#f3f1e9; font-size:2.6cqw; }.improvement-courses__visual > svg { width:100%; height:38cqw; margin-top:5cqw; }.improvement-courses__promise { position:absolute; top:44cqw; bottom:auto; right:0; margin:0; text-align:center; font:500 1.9cqw/1.3 "Segoe UI",sans-serif; color:var(--gold-light); } .improvement-courses__columns { display:grid; grid-template-columns:1fr 1fr; gap:1.7cqw; }.improvement-courses__right { padding-top:10cqw; }.improvement-courses__card { margin:0 0 1.2cqw; border:1px solid var(--gold-muted); border-radius:1.3cqw; background:#0b101980; overflow:hidden; }.improvement-courses__card header { display:flex; align-items:center; gap:1.4cqw; min-height:7.7cqw; border-bottom:1px solid var(--gold-deep); }.improvement-courses__card header > span { align-self:stretch; display:grid; place-items:center; padding:0 1.4cqw; background:linear-gradient(120deg,var(--gold-deep),#0b1019); color:var(--gold-light); font:700 3.5cqw "Segoe UI",sans-serif; }.improvement-courses__icon { flex-shrink:0; display:grid; place-items:center; width:6.8cqw; height:6.8cqw; border:2px solid var(--gold-base); border-radius:50%; color:var(--gold-light); box-shadow:0 0 12px rgb(var(--gold-base-rgb) / .15); }.improvement-courses__icon svg { width:65%; height:65%; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }.improvement-courses__card h3 { margin:0; padding-right:.7cqw; font:700 2.4cqw/1.15 "Segoe UI",sans-serif; text-transform:uppercase; color:var(--gold-light); }.improvement-courses__card ol { list-style:none; margin:0; padding:.4cqw 1.5cqw .8cqw; }.improvement-courses__card li { display:flex; gap:1.6cqw; align-items:flex-start; padding:.65cqw .2cqw; border-bottom:1px solid rgb(var(--gold-base-rgb) / .16); }.improvement-courses__card li:last-child { border:0; }.improvement-courses__card li > span { display:grid; place-items:center; flex-shrink:0; width:2.8cqw; height:2.8cqw; border:1px solid var(--gold-base); border-radius:50%; color:var(--gold-light); font:600 1.8cqw "Segoe UI",sans-serif; }.improvement-courses__card li p { margin:.2cqw 0; font:1.72cqw/1.3 "Segoe UI",sans-serif; } .improvement-courses__quote { position:relative; min-height:22cqw; border:1px solid var(--gold-muted); border-radius:1.3cqw; overflow:hidden; }.improvement-courses__quote blockquote { position:relative; z-index:1; margin:3cqw 1.8cqw; font:italic 2.8cqw/1.3 Georgia,serif; }.improvement-courses__quote > svg { position:absolute; width:50%; height:100%; bottom:0; right:0; } .improvement-courses__outcomes { display:grid; grid-template-columns:repeat(6,1fr); list-style:none; margin:2cqw 0 0; padding:0 0 2cqw; border-bottom:1px solid var(--gold-muted); }.improvement-courses__outcomes li { display:flex; flex-direction:column; align-items:center; gap:1cqw; text-align:center; }.improvement-courses__outcomes span { font:1.6cqw/1.35 "Segoe UI",sans-serif; } /* Match the reference's compact six-outcome strip with the site's gold outlines. */ .improvement-courses__outcomes { padding:1.5cqw 0 2cqw; } .improvement-courses__outcomes li { position:relative; gap:.8cqw; } .improvement-courses__outcomes li + li::before { content:""; position:absolute; left:0; top:1.5cqw; bottom:.5cqw; width:1px; background:linear-gradient(transparent,var(--gold-deep),transparent); } .improvement-courses__outcomes .improvement-courses__icon { width:7.6cqw; height:7.6cqw; border-color:var(--gold-light); background:transparent; box-shadow:0 0 5px rgb(var(--gold-base-rgb) / .4),0 0 15px rgb(var(--gold-base-rgb) / .2); } .improvement-courses__outcomes .improvement-courses__icon svg { width:65%; height:65%; fill:none; stroke:var(--gold-light); stroke-width:1.75; } .improvement-courses__outcomes span { font:1.6cqw/1.15 "Segoe UI",sans-serif; transform:scaleX(.82); white-space:nowrap; color:#e1ded5; } /* Leadership and human development, with live text in the reference layout. */ .leadership-sheet { container-type:inline-size; max-width:1050px; margin:0 auto 30px; color:#e1ded5; } .leadership-sheet__header { display:flex; gap:2cqw; align-items:center; margin-bottom:2.5cqw; }.leadership-sheet__icon { display:grid; place-items:center; flex-shrink:0; border:2px solid var(--gold-base); border-radius:50%; width:6.5cqw; height:6.5cqw; color:var(--gold-light); box-shadow:0 0 10px rgb(var(--gold-base-rgb) / .2); }.leadership-sheet__icon svg { width:65%; height:65%; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }.leadership-sheet__header > .leadership-sheet__icon { width:16cqw; height:16cqw; border-color:var(--gold-light); box-shadow:0 0 18px rgb(var(--gold-base-rgb) / .3); } .leadership-sheet h2 { margin:0; font:800 7cqw/.98 "Segoe UI",sans-serif; color:var(--gold-light); letter-spacing:-.2cqw; }.leadership-sheet h2 span { display:block; margin-top:.6cqw; font-size:4.55cqw; color:#f3f1e9; white-space:nowrap; }.leadership-sheet__header p { margin:1cqw 0 0; padding-top:.8cqw; border-top:2px solid var(--gold-muted); font:2.3cqw/1.3 "Segoe UI",sans-serif; white-space:nowrap; letter-spacing:-.05cqw; } .leadership-sheet__main { display:grid; grid-template-columns:55% 45%; }.leadership-sheet__topics { list-style:none; padding:0; margin:0; display:grid; gap:.5cqw; }.leadership-sheet__topics li { display:flex; align-items:center; gap:2.3cqw; min-height:6.6cqw; padding:.15cqw 1.3cqw; border:1px solid var(--gold-deep); border-radius:1.7cqw; background:#0b101970; }.leadership-sheet__topics .leadership-sheet__icon { width:5.7cqw; height:5.7cqw; }.leadership-sheet__topics span { font:2.2cqw/1.2 "Segoe UI",sans-serif; letter-spacing:-.06cqw; } .leadership-sheet__aside { position:relative; padding:2cqw 0 0 6cqw; }.leadership-sheet__aside h3 { position:relative; z-index:1; margin:0; color:var(--gold-light); font:700 3.7cqw/1.13 "Segoe UI",sans-serif; }.leadership-sheet__aside h3::after { content:""; display:block; width:19cqw; height:2px; background:linear-gradient(90deg,var(--gold-light),transparent); margin:2cqw 0; }.leadership-sheet__aside p { position:relative; z-index:1; margin:0; font:2.5cqw/1.2 "Segoe UI",sans-serif; }.leadership-sheet__aside::before { content:""; position:absolute; left:3cqw; top:3cqw; width:1px; height:24cqw; background:linear-gradient(var(--gold-muted),transparent); }.leadership-sheet__climb { position:absolute; width:94%; height:57cqw; bottom:1.5cqw; right:0; } .leadership-sheet__outcomes { display:grid; grid-template-columns:repeat(5,1fr); list-style:none; margin:2cqw 0 0; padding:2.2cqw 0; border:1px solid var(--gold-muted); border-radius:2cqw; background:#0b101970; }.leadership-sheet__outcomes li { display:flex; flex-direction:column; align-items:center; gap:1cqw; text-align:center; border-right:1px solid var(--gold-deep); }.leadership-sheet__outcomes li:last-child { border:0; }.leadership-sheet__outcomes .leadership-sheet__icon { width:9cqw; height:9cqw; }.leadership-sheet__outcomes span { font:2.1cqw/1.2 "Segoe UI",sans-serif; } .leadership-sheet footer { display:flex; gap:2cqw; align-items:center; justify-content:center; padding:3cqw 0; color:var(--gold-light); font:1.8cqw/1.3 "Segoe UI",sans-serif; letter-spacing:.6cqw; white-space:nowrap; }.leadership-sheet footer::before,.leadership-sheet footer::after { content:""; height:2px; flex:1; background:linear-gradient(90deg,transparent,var(--gold-base)); }.leadership-sheet footer::after { transform:rotate(180deg); } /* Leadership topic icons: reference silhouettes with transparent gold outlines. */ .leadership-sheet__topics .leadership-sheet__icon { border-color:var(--gold-light); background:transparent; box-shadow:0 0 5px rgb(var(--gold-base-rgb) / .4),0 0 13px rgb(var(--gold-base-rgb) / .18); } .leadership-sheet__topics .leadership-sheet__icon svg { width:70%; height:70%; fill:none; stroke:var(--gold-light); stroke-width:1.75; } /* Human talent continuation below the leadership sheet. */ .talent-sheet { container-type:inline-size; max-width:1050px; margin:65px auto 30px; color:#e1ded5; } .talent-sheet h2 { margin:0; color:var(--gold-light); font:700 7.1cqw/1.05 Georgia,serif; letter-spacing:-.16cqw; white-space:nowrap; }.talent-sheet h2 span { display:block; color:#f3f1e9; font:750 5.6cqw/1.15 "Segoe UI",sans-serif; letter-spacing:-.14cqw; }.talent-sheet header > p { margin:1cqw 0 2.5cqw; padding-top:1.2cqw; border-top:1px solid var(--gold-muted); font:3.1cqw/1.35 "Segoe UI",sans-serif; } .talent-sheet__main { display:grid; grid-template-columns:43% 57%; }.talent-sheet__actions { position:relative; z-index:1; list-style:none; margin:0; padding:0; display:grid; gap:1.8cqw; }.talent-sheet__actions li { display:flex; gap:2.7cqw; align-items:center; min-height:7.2cqw; }.talent-sheet__icon { display:grid; place-items:center; width:7.8cqw; height:7.8cqw; flex-shrink:0; border:2px solid var(--gold-base); border-radius:50%; box-shadow:0 0 10px rgb(var(--gold-base-rgb) / .18); color:var(--gold-light); }.talent-sheet__icon svg { width:67%; height:67%; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }.talent-sheet__actions span { font:600 2.5cqw/1.2 "Segoe UI",sans-serif; letter-spacing:-.08cqw; white-space:nowrap; } .talent-sheet__team { display:flex; flex-direction:column; justify-content:flex-end; min-width:0; }.talent-sheet__team > svg { width:100%; height:auto; }.talent-sheet__team > p { align-self:flex-end; margin:0; padding:0 0 1.5cqw; border-bottom:2px solid var(--gold-muted); color:#f3f1e9; font:700 3.4cqw/1.2 "Segoe UI",sans-serif; }.talent-sheet__team strong { color:var(--gold-light); } .talent-sheet__message { display:grid; grid-template-columns:60% 40%; margin:4cqw 0; }.talent-sheet__message p { margin:0; font:2.25cqw/1.35 "Segoe UI",sans-serif; }.talent-sheet__message p + p { border-left:1px solid var(--gold-base); padding-left:3cqw; font-size:2.5cqw; } .talent-sheet__motto { text-align:center; border-block:1px solid var(--gold-muted); padding:1.5cqw 0; margin:0; font:1.9cqw/1.3 "Segoe UI",sans-serif; letter-spacing:.4cqw; color:var(--gold-light); } .talent-sheet__values { display:grid; grid-template-columns:repeat(4,1fr); list-style:none; padding:2.5cqw 0; margin:0; border-bottom:1px solid var(--gold-muted); }.talent-sheet__values li { display:flex; align-items:center; gap:1cqw; padding:0 .6cqw; }.talent-sheet__values .talent-sheet__icon { width:7cqw; height:7cqw; }.talent-sheet__values span { font:1.5cqw/1.3 "Segoe UI",sans-serif; white-space:nowrap; transform:scaleX(.85); transform-origin:left center; } /* Reference silhouettes for the six human-talent actions. */ .talent-sheet__actions .talent-sheet__icon { border-color:var(--gold-light); background:transparent; box-shadow:0 0 5px rgb(var(--gold-base-rgb) / .35),0 0 13px rgb(var(--gold-base-rgb) / .18); } .talent-sheet__actions .talent-sheet__icon svg { width:73%; height:73%; fill:none; stroke:var(--gold-light); stroke-width:1.8; } /* Additional ISO courses: reference order, live text, existing site palette. */ .iso-additional { container-type:inline-size; width:100%; max-width:1450px; margin:0 auto 30px; color:#e1ded5; } .iso-additional__header { display:flex; align-items:center; justify-content:center; gap:4cqw; margin-bottom:1.2cqw; }.iso-additional__header h2 { margin:0; padding:1cqw 4cqw; border:1px solid var(--gold-muted); border-radius:0 0 3cqw 3cqw; color:var(--gold-light); font:800 4cqw/1.05 "Segoe UI",sans-serif; text-align:center; }.iso-additional__header h2 span { display:block; color:#f3f1e9; font-size:3.2cqw; }.iso-additional__header > p { margin:0; padding-left:1.3cqw; border-left:2px solid var(--gold-base); font:1.3cqw/1.3 "Segoe UI",sans-serif; letter-spacing:.15cqw; }.iso-additional__header strong { color:var(--gold-light); } .iso-additional__requirements { display:grid; grid-template-columns:repeat(3,1fr); gap:.7cqw; margin-bottom:1cqw; }.iso-additional__requirements section { display:flex; align-items:center; gap:1.4cqw; padding:.8cqw 1cqw; border:1px solid var(--gold-muted); border-radius:1cqw; background:linear-gradient(135deg,#30281c88,#0b1019aa); }.iso-additional__icon { flex-shrink:0; display:grid; place-items:center; width:6cqw; height:6cqw; border:2px solid var(--gold-base); border-radius:50%; color:var(--gold-light); box-shadow:0 0 10px rgb(var(--gold-base-rgb) / .15); }.iso-additional svg { fill:none; stroke:currentColor; stroke-width:2; stroke-linejoin:round; stroke-linecap:round; }.iso-additional__icon svg { width:70%; height:70%; }.iso-additional__requirements h3 { margin:0 0 .7cqw; font:600 1.55cqw/1.1 "Segoe UI",sans-serif; color:var(--gold-light); }.iso-additional__requirements p { margin:0; font:1.05cqw/1.4 "Segoe UI",sans-serif; } .iso-additional__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1cqw .8cqw; align-items:stretch; }.iso-additional__card { display:flex; flex-direction:column; min-width:0; border:1px solid var(--gold-muted); border-radius:1cqw; overflow:hidden; background:linear-gradient(155deg,#1b2028,#080c14); }.iso-additional__card header { min-height:4.8cqw; padding:.6cqw .3cqw; text-align:center; background:linear-gradient(135deg,#30281c,#171a21); }.iso-additional__card h3 { margin:0; color:var(--gold-light); font:650 1.95cqw/1.1 "Segoe UI",sans-serif; }.iso-additional__card header p { margin:.3cqw 0 0; color:#eeeae0; font:1.2cqw/1.15 "Segoe UI",sans-serif; }.iso-additional__illustration { display:grid; place-items:center; height:8cqw; margin:0 .5cqw; border-block:1px solid var(--gold-deep); color:var(--gold-light); background:radial-gradient(ellipse,rgb(var(--gold-base-rgb) / .1),transparent 75%); }.iso-additional__illustration svg { width:6.5cqw; height:6.5cqw; }.iso-additional__card ul { margin:0; padding:.5cqw .7cqw; list-style:none; flex:1; }.iso-additional__card li { display:flex; align-items:flex-start; gap:.6cqw; padding:.45cqw 0; border-bottom:1px solid rgb(var(--gold-base-rgb) / .08); }.iso-additional__card li > span { display:grid; place-items:center; flex-shrink:0; width:1.2cqw; height:1.2cqw; border:1px solid var(--gold-muted); border-radius:50%; font:.9cqw/1 "Segoe UI",sans-serif; color:var(--gold-light); }.iso-additional__card li p { margin:0; font:1.1cqw/1.35 "Segoe UI",sans-serif; }.iso-additional__card--dense li { padding:.12cqw 0; gap:.4cqw; }.iso-additional__card--dense li p { font-size:.96cqw; line-height:1.1; }.iso-additional__card--dense li > span { width:.95cqw; height:.95cqw; font-size:.7cqw; }.iso-additional__card footer { padding:.8cqw .3cqw; border-top:1px solid var(--gold-deep); text-align:center; font:1.15cqw/1.3 "Segoe UI",sans-serif; color:var(--gold-light); background:#ffffff03; } .iso-additional__values { display:grid; grid-template-columns:repeat(4,1fr); list-style:none; padding:.7cqw; margin:1cqw 0; border:1px solid var(--gold-muted); border-radius:1cqw; }.iso-additional__values li { display:flex; align-items:center; gap:1cqw; }.iso-additional__values .iso-additional__icon { width:4.5cqw; height:4.5cqw; }.iso-additional__values span { font:.95cqw/1.3 "Segoe UI",sans-serif; }.iso-additional__footer { display:flex; justify-content:center; align-items:center; gap:1cqw; margin:0; padding:1cqw; border-block:1px solid var(--gold-muted); color:var(--gold-light); background:linear-gradient(90deg,transparent,#30281c,transparent); }.iso-additional__footer strong { font:700 1.8cqw "Segoe UI",sans-serif; }.iso-additional__footer span { border-left:1px solid var(--gold-muted); padding-left:1cqw; font:600 1.2cqw "Segoe UI",sans-serif; } /* Original card width, with a shorter vertical layout. */ .iso-additional__grid { width:100%; margin-inline:auto; } .iso-additional__card header { min-height:4.2cqw; padding:.45cqw .3cqw; } .iso-additional__illustration { height:5.8cqw; } .iso-additional__illustration svg { width:4.8cqw; height:4.8cqw; } .iso-additional__card ul { padding:.35cqw .7cqw; } .iso-additional__card li { padding:.3cqw 0; } .iso-additional__card--dense li { padding:.04cqw 0; } .iso-additional__card footer { padding:.6cqw .3cqw; } /* Requirement emblems follow the reference with the site's gold outlines. */ .iso-additional__requirements .iso-additional__icon { border-color:var(--gold-light); background:transparent; box-shadow:0 0 5px rgb(var(--gold-base-rgb) / .35),0 0 14px rgb(var(--gold-base-rgb) / .18); } .iso-additional__requirements .iso-additional__icon svg { width:80%; height:80%; stroke:var(--gold-light); stroke-width:1.8; fill:none; } /* ISO family and PHVA continuation, using editable content. */ .iso-phva { container-type:inline-size; max-width:1450px; margin:75px auto 30px; color:#e1ded5; } .iso-phva__header { display:flex; align-items:center; gap:3cqw; margin-bottom:1.5cqw; }.iso-phva__header h2 { flex:1; margin:0; text-align:center; font:750 2.2cqw/1.2 "Segoe UI",sans-serif; color:#f3f1e9; }.iso-phva__header h2 strong { display:block; color:var(--gold-light); font-size:2.9cqw; }.iso-phva__header > div { display:flex; align-items:center; gap:1.8cqw; border-left:2px solid var(--gold-muted); padding-left:1cqw; }.iso-phva__header p { margin:0; font:1.2cqw/1.4 "Segoe UI",sans-serif; letter-spacing:.1cqw; }.iso-phva__header em { font:italic 2cqw/1.2 Georgia,serif; color:var(--gold-light); } .iso-phva__layout { position:relative; display:grid; grid-template-columns:43% 39%; justify-content:space-between; gap:18%; }.iso-phva__family { border:1px solid var(--gold-muted); border-radius:1.6cqw; padding:1cqw; margin-bottom:1cqw; background:linear-gradient(130deg,#22231f,#0b1019cc); }.iso-phva__family header { display:flex; align-items:center; gap:1cqw; margin-bottom:.7cqw; }.iso-phva__icon { display:grid; place-items:center; flex-shrink:0; width:5cqw; height:5cqw; color:var(--gold-light); border:2px solid var(--gold-muted); border-radius:50%; box-shadow:0 0 10px rgb(var(--gold-base-rgb) / .15); }.iso-phva__icon svg { width:70%; height:70%; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }.iso-phva__family h3 { margin:0; color:var(--gold-light); font:700 2.1cqw/1.1 "Segoe UI",sans-serif; }.iso-phva__family header p { margin:.2cqw 0 0; font:1.4cqw/1.2 "Segoe UI",sans-serif; }.iso-phva__family ul { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.5cqw; padding:0; margin:0; list-style:none; }.iso-phva__family ul.iso-phva__generic { grid-template-columns:repeat(3,minmax(0,1fr)); }.iso-phva__family li { display:flex; flex-direction:column; justify-content:center; text-align:center; min-height:6.7cqw; padding:.6cqw .3cqw; border:1px solid var(--gold-deep); border-radius:.5cqw; background:#0b101980; }.iso-phva__family h4 { margin:0 0 .5cqw; color:var(--gold-light); font:600 1.4cqw "Segoe UI",sans-serif; }.iso-phva__family li p { margin:0; font:1.2cqw/1.25 "Segoe UI",sans-serif; } .iso-phva__cycle { position:absolute; left:43.3%; top:64%; width:17cqw; height:17cqw; display:grid; grid-template-columns:1fr 1fr; border:2px solid var(--gold-base); border-radius:50%; overflow:hidden; box-shadow:0 0 14px rgb(var(--gold-base-rgb) / .2); background:#0b1019; }.iso-phva__cycle span { display:flex; align-items:center; justify-content:center; border:1px solid var(--gold-deep); font:600 1.15cqw "Segoe UI",sans-serif; color:var(--gold-light); background:linear-gradient(130deg,#30281c,#0b1019); }.iso-phva__cycle strong { position:absolute; inset:32%; display:grid; place-content:center; text-align:center; border:1px solid var(--gold-muted); border-radius:50%; background:#090d14; color:#f3f1e9; font:700 1.4cqw/1.1 "Segoe UI",sans-serif; } .iso-phva__phases > header { padding:.5cqw .2cqw; text-align:center; }.iso-phva__phases > header h3 { margin:0; color:var(--gold-light); font:700 1.55cqw/1.2 "Segoe UI",sans-serif; }.iso-phva__phases > header p { margin:.3cqw 0; font:1.2cqw/1.2 "Segoe UI",sans-serif; }.iso-phva__phase { border:1px solid var(--gold-muted); border-radius:1.4cqw; overflow:hidden; margin-bottom:.7cqw; background:#0b1019b0; }.iso-phva__phase header { display:flex; align-items:center; gap:1.2cqw; padding:.5cqw 1cqw; background:linear-gradient(110deg,#30281c,#141820); }.iso-phva__phase header > span { color:var(--gold-light); font:700 3.1cqw "Segoe UI",sans-serif; }.iso-phva__phase .iso-phva__icon { width:3.5cqw; height:3.5cqw; border:none; box-shadow:none; }.iso-phva__phase h3 { margin:0; color:var(--gold-light); font:700 2.1cqw "Segoe UI",sans-serif; }.iso-phva__phase header p { margin:0; font:600 1.25cqw "Segoe UI",sans-serif; }.iso-phva__phase ul { list-style:none; margin:0; padding:.5cqw 1cqw .8cqw 5.7cqw; }.iso-phva__phase li { display:flex; gap:1cqw; font:1.25cqw/1.35 "Segoe UI",sans-serif; padding:.15cqw 0; }.iso-phva__phase li > span { color:var(--gold-light); } .iso-phva__benefits { display:grid; grid-template-columns:repeat(6,1fr); list-style:none; margin:1cqw 0 0; padding:1.4cqw .5cqw; border:1px solid var(--gold-muted); border-radius:1.5cqw; }.iso-phva__benefits li { display:flex; flex-direction:column; align-items:center; gap:.7cqw; text-align:center; border-right:1px solid var(--gold-deep); }.iso-phva__benefits li:last-child { border:0; }.iso-phva__benefits .iso-phva__icon { width:6cqw; height:6cqw; }.iso-phva__benefits span { font:1.25cqw/1.25 "Segoe UI",sans-serif; }.iso-phva > footer { text-align:center; padding:1.3cqw; color:var(--gold-light); letter-spacing:.3cqw; font:1.4cqw/1.3 "Segoe UI",sans-serif; } /* Align both sides of the PHVA diagram to the reference's shared height. */ .iso-phva__layout { grid-template-columns:43% 39%; gap:18%; align-items:stretch; } .iso-phva__families { display:grid; grid-template-rows:1.05fr 1.45fr 1.9fr; gap:1cqw; min-height:0; } .iso-phva__family { display:flex; flex-direction:column; margin-bottom:0; min-height:0; } .iso-phva__family ul { flex:1; grid-auto-rows:1fr; } .iso-phva__family li { min-height:0; } .iso-phva__phases { display:grid; grid-template-rows:auto repeat(4,1fr); gap:.6cqw; } .iso-phva__phase { margin-bottom:0; display:flex; flex-direction:column; } .iso-phva__phase ul { flex:1; } .iso-phva__phase li { font-size:1.16cqw; line-height:1.25; padding:.1cqw 0; } .iso-phva__cycle { top:auto; bottom:1.2cqw; left:43.3%; width:17cqw; height:17cqw; } /* Match the first family card's top edge with the Planear card. */ .iso-phva__families { padding-top:5.4cqw; } .iso-phva__phases { grid-template-rows:4.8cqw repeat(4,1fr); } .iso-phva__phases > header { display:flex; flex-direction:column; justify-content:center; } /* PHVA benefit silhouettes matched to the reference, in outline gold. */ .iso-phva__benefits .iso-phva__icon { border-color:var(--gold-light); background:transparent; box-shadow:0 0 5px rgb(var(--gold-base-rgb) / .4),0 0 14px rgb(var(--gold-base-rgb) / .2); } .iso-phva__benefits .iso-phva__icon svg { width:78%; height:78%; fill:none; stroke:var(--gold-light); stroke-width:1.9; } /* Management course catalogue before the existing Mentoring ISO content. */ .management-catalog { container-type:inline-size; max-width:1400px; margin:0 auto 75px; color:#e1ded5; } .management-catalog__header { display:flex; align-items:center; justify-content:space-between; gap:2cqw; }.management-catalog__brand { color:var(--gold-light); font:3cqw Georgia,serif; letter-spacing:.15cqw; }.management-catalog__brand span { display:block; font:1.3cqw/1.8 "Segoe UI",sans-serif; letter-spacing:.4cqw; }.management-catalog__brand small { display:block; text-align:center; font:1.15cqw/1.5 "Segoe UI",sans-serif; letter-spacing:.2cqw; }.management-catalog__header h2 { margin:0; border:1px solid var(--gold-muted); border-radius:0 0 3cqw 3cqw; padding:1.3cqw 2cqw; color:var(--gold-light); font:650 3cqw/1.2 "Segoe UI",sans-serif; text-align:center; }.management-catalog__header h2 span { display:block; font:2cqw/1.5 "Segoe UI",sans-serif; color:#f3f1e9; letter-spacing:.4cqw; }.management-catalog__header > p { padding-left:1cqw; border-left:1px solid var(--gold-muted); font:1cqw/1.7 "Segoe UI",sans-serif; letter-spacing:.15cqw; } .management-catalog__promise { display:flex; align-items:center; justify-content:flex-end; gap:3cqw; margin:1cqw 0; }.management-catalog__promise p { color:var(--gold-light); font:1.45cqw/1.4 "Segoe UI",sans-serif; letter-spacing:.08cqw; }.management-catalog__promise strong { padding:.8cqw 1.3cqw; border:1px solid var(--gold-muted); border-radius:1cqw; color:var(--gold-light); background:#30281c88; font:650 1.2cqw/1.2 "Segoe UI",sans-serif; } .management-catalog__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.3cqw 1cqw; }.management-catalog__card { display:flex; flex-direction:column; border:1px solid var(--gold-muted); border-radius:1.5cqw; background:linear-gradient(145deg,#23231e,#0b1019); overflow:hidden; }.management-catalog__card > header { display:flex; align-items:center; gap:1.4cqw; padding:0 1cqw 1cqw 0; }.management-catalog__card > header > span { padding:1cqw 1.6cqw; border-radius:0 0 1.5cqw 0; background:linear-gradient(130deg,var(--gold-deep),#151820); color:var(--gold-light); font:700 3.6cqw "Segoe UI",sans-serif; }.management-catalog__card h3 { margin:0 0 .4cqw; color:var(--gold-light); font:650 1.65cqw/1.2 "Segoe UI",sans-serif; }.management-catalog__card header p { margin:0; font:1.2cqw/1.3 "Segoe UI",sans-serif; }.management-catalog__card ul { list-style:none; margin:0 1cqw; padding:.3cqw .6cqw; border:1px solid var(--gold-deep); border-radius:1.2cqw; background:#0b1019a8; }.management-catalog__card li { display:flex; align-items:center; gap:1cqw; padding:.7cqw 0; border-bottom:1px solid rgb(var(--gold-base-rgb) / .2); }.management-catalog__card li:last-child { border:0; }.management-catalog__icon { display:grid; place-items:center; width:4cqw; height:4cqw; flex-shrink:0; color:var(--gold-light); }.management-catalog__icon svg { width:85%; height:85%; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }.management-catalog__card li > div:last-child { flex:1; }.management-catalog__card h4 { display:inline; margin:0 .8cqw 0 0; color:#f3f1e9; font:600 1.35cqw/1.3 "Segoe UI",sans-serif; }.management-catalog__card li p { display:inline; margin:0; font:1.15cqw/1.4 "Segoe UI",sans-serif; }.management-catalog__card li small { display:block; margin-top:.25cqw; font:1.1cqw/1.3 "Segoe UI",sans-serif; }.management-catalog__card footer { margin-top:auto; padding:1.5cqw .7cqw; text-align:center; color:var(--gold-light); font:1.25cqw/1.3 "Segoe UI",sans-serif; } .management-catalog__closing { display:flex; align-items:center; gap:2cqw; padding:2cqw 0 3cqw; }.management-catalog__closing ul { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); flex:1; gap:1cqw; list-style:none; margin:0; padding:0; }.management-catalog__closing li { display:flex; flex-direction:column; align-items:center; text-align:center; gap:.7cqw; }.management-catalog__closing .management-catalog__icon { width:7cqw; height:7cqw; border:1px solid var(--gold-base); border-radius:50%; box-shadow:0 0 10px rgb(var(--gold-base-rgb) / .18); }.management-catalog__closing .management-catalog__icon svg { width:65%; height:65%; }.management-catalog__closing li span { font:1.15cqw/1.3 "Segoe UI",sans-serif; }.management-catalog__closing blockquote { margin:0; color:var(--gold-light); font:italic 2.2cqw/1.3 Georgia,serif; } .management-catalog__footer { display:flex; align-items:center; justify-content:space-between; gap:2cqw; border-block:1px solid var(--gold-muted); padding:1cqw; background:linear-gradient(90deg,#30281c,transparent); }.management-catalog__footer p { font:1.05cqw/1.4 "Segoe UI",sans-serif; color:var(--gold-light); }.management-catalog__footer > div { color:var(--gold-light); font:1.5cqw Georgia,serif; }.management-catalog__footer small { display:block; margin-top:.5cqw; font:.6cqw "Segoe UI",sans-serif; } /* Reduce the first catalogue row vertically without changing column widths. */ .management-catalog__card > header { padding-bottom:.65cqw; } .management-catalog__card > header > span { padding-block:.7cqw; } .management-catalog__card li { padding:.35cqw 0; } .management-catalog__card .management-catalog__icon { height:3cqw; } .management-catalog__card .management-catalog__icon svg { height:2.7cqw; } .management-catalog__card footer { padding-block:1cqw; } .management-catalog__card > header { padding-bottom:.4cqw; } .management-catalog__card > header > span { padding-block:.5cqw; } .management-catalog__card li { padding:.2cqw 0; } .management-catalog__card .management-catalog__icon { height:2.6cqw; } .management-catalog__card .management-catalog__icon svg { height:2.35cqw; } .management-catalog__card footer { padding-block:.65cqw; } /* Slightly more vertical space across all six catalogue cards. */ .management-catalog__card > header { padding-bottom:.65cqw; } .management-catalog__card > header > span { padding-block:.7cqw; } .management-catalog__card li { padding:.35cqw 0; } .management-catalog__card .management-catalog__icon { height:3cqw; } .management-catalog__card .management-catalog__icon svg { height:2.7cqw; } .management-catalog__card footer { padding-block:1cqw; } /* Compact vertical spacing across all six catalogue cards. */ .management-catalog__card > header { padding-bottom:.65cqw; } .management-catalog__card > header > span { padding-block:.7cqw; } .management-catalog__card li { padding:.35cqw 0; } .management-catalog__card .management-catalog__icon { height:3cqw; } .management-catalog__card .management-catalog__icon svg { height:2.7cqw; } .management-catalog__card footer { padding-block:1cqw; } /* All six catalogue cards share identical dimensions. */ .management-catalog__grid { grid-auto-rows:1fr; align-items:stretch; } /* Reduce both equal-height rows slightly, preserving their widths. */ .management-catalog__card > header { padding-bottom:.55cqw; } .management-catalog__card > header > span { padding-block:.65cqw; } .management-catalog__card li { padding:.3cqw 0; } .management-catalog__card .management-catalog__icon { height:2.9cqw; } .management-catalog__card .management-catalog__icon svg { height:2.6cqw; } .management-catalog__card footer { padding-block:.7cqw; } /* Solid gold benefit symbols matching the supplied reference. */ .management-catalog__closing .management-catalog__filled-icon { fill:currentColor; stroke:none; filter:drop-shadow(0 0 2px rgb(var(--gold-base-rgb) / .25)); } /* Transition offer transcribed from the supplied reference. */ .transition-reference { max-width:1400px; margin:0 auto 80px; color:#eee9df; font-family:"Segoe UI",sans-serif; } .transition-reference__brand { display:flex; justify-content:space-between; align-items:center; color:var(--gold-light); gap:24px; } .transition-reference__brand > div { font:30px Georgia,serif; letter-spacing:.08em; } .transition-reference__brand small { display:block; font:14px "Segoe UI",sans-serif; letter-spacing:.3em; } .transition-reference__brand span { display:block; margin-top:8px; font:13px "Segoe UI",sans-serif; letter-spacing:0; } .transition-reference__brand > p { text-align:right; font-size:16px; } .transition-reference__hero { text-align:center; padding:20px 0 15px; } .transition-reference__hero > p:first-child { font-size:clamp(23px,3vw,38px); font-weight:700; color:var(--gold-light); margin:0; } .transition-reference__hero h2 { margin:0; color:var(--gold-light); font-size:clamp(40px,6vw,76px); line-height:1.1; } .transition-reference__hero > p { font-size:20px; margin:12px 0; } .transition-reference__hero > strong { display:inline-block; border:1px solid var(--gold-base); border-radius:30px; padding:7px 30px; color:var(--gold-light); font-size:22px; } .transition-reference__sides { display:flex; justify-content:space-between; gap:20px; margin-top:18px; text-align:left; color:var(--gold-light); font-size:14px; } .transition-reference__sides span:last-child { text-align:right; } .transition-reference__hero h3 { margin:16px 0 0; font-size:22px; font-weight:400; } .transition-reference__plans { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } .transition-reference__plan { display:flex; flex-direction:column; padding:18px 14px; border:1px solid var(--gold-base); border-radius:16px; background:linear-gradient(145deg,#23231e,#0b1019); } .transition-reference__plan > header { display:flex; align-items:center; gap:15px; min-height:95px; } .transition-reference__symbol { width:70px; flex-shrink:0; color:var(--gold-light); font:60px Georgia,serif; text-align:center; } .transition-reference__plan header p { margin:0; font-size:19px; } .transition-reference__plan h3 { margin:0 0 7px; font-size:clamp(20px,2vw,29px); color:var(--gold-light); } .transition-reference__plan header strong { display:block; padding:5px 14px; border-radius:6px; background:var(--gold-light); color:#13110d; text-align:center; } .transition-reference__plan h4 { margin:14px 0 6px; font-size:20px; font-weight:500; text-align:center; color:var(--gold-light); } .transition-reference__note { margin:0 0 15px; min-height:45px; text-align:center; font-size:14px; line-height:1.5; } .transition-reference table { width:100%; border-collapse:collapse; font-size:14px; margin-bottom:20px; } .transition-reference caption { padding:10px 5px; border:1px solid var(--gold-muted); font-size:13px; } .transition-reference td,.transition-reference th { border:1px solid var(--gold-deep); padding:12px 9px; text-align:left; line-height:1.4; } .transition-reference th { width:39%; font-weight:500; } .transition-reference th small { display:block; font-size:12px; } .transition-reference__plan:first-child td { font-size:22px; white-space:nowrap; } .transition-reference__plan:first-child tr { height:95px; } .transition-reference__price { margin-top:auto; padding:12px 6px; border:1px solid var(--gold-bright); border-radius:22px; background:linear-gradient(120deg,var(--gold-deep),var(--gold-light),var(--gold-base)); color:#100f0c; font-size:clamp(30px,3vw,47px); font-weight:750; text-align:center; } .transition-reference__price > span { font-size:16px; } .transition-reference__price small { display:block; font-size:16px; } .transition-reference__plan > footer { margin-top:14px; font-size:12px; text-align:center; color:var(--gold-light); } .transition-reference__details { display:grid; grid-template-columns:2.5fr .9fr 1fr; gap:12px; margin-top:15px; } .transition-reference__details > section { padding:18px; border:1px solid var(--gold-base); border-radius:12px; background:#0b1019a8; } .transition-reference__courses h3 { margin:0; font-size:25px; color:var(--gold-light); } .transition-reference__courses > p { margin:8px 0 14px; } .transition-reference__courses ol { display:grid; grid-auto-flow:column; grid-template-rows:repeat(4,auto); grid-template-columns:1fr 1fr; gap:10px 24px; padding:14px 0 0 26px; margin:0; border-top:1px solid var(--gold-muted); font-size:13px; } .transition-reference__courses li { padding-left:3px; line-height:1.45; } .transition-reference__courses li::marker { color:var(--gold-light); font-weight:700; } .transition-reference__courses li small { white-space:nowrap; margin-left:8px; font-size:inherit; } .transition-reference__guarantee { text-align:center; } .transition-reference__guarantee svg { width:50px; height:55px; fill:none; stroke:var(--gold-light); stroke-width:2; } .transition-reference__guarantee h3 { font-size:20px; margin:8px 0; font-weight:400; } .transition-reference__guarantee p { font-size:13px; line-height:1.6; margin:0; } .transition-reference__contact { display:flex; flex-direction:column; justify-content:center; text-align:center; } .transition-reference__contact p { font-size:18px; line-height:1.5; margin:0 0 20px; } .transition-reference__contact a { display:block; padding:13px 8px; border:1px solid var(--gold-base); border-radius:10px; color:var(--gold-light); text-decoration:none; font-size:20px; } .transition-reference__contact small { display:block; margin-top:7px; font-size:14px; } .transition-reference__footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:25px 0; margin-top:18px; border-top:1px solid var(--gold-base); } .transition-reference__footer div { padding-right:18px; border-right:1px solid var(--gold-muted); } .transition-reference__footer strong,.transition-reference__footer span { display:block; } .transition-reference__footer strong { color:var(--gold-light); font-size:17px; } .transition-reference__footer span { font-size:12px; margin-top:4px; } .transition-reference__footer em { font:italic 22px Georgia,serif; color:var(--gold-light); } @media(max-width:900px) { .transition-reference__plans { grid-template-columns:1fr; } .transition-reference__details { grid-template-columns:1fr 1fr; } .transition-reference__courses { grid-column:1/-1; } .transition-reference__footer { flex-wrap:wrap; } .transition-reference__note { min-height:0; } } @media(max-width:520px) { .transition-reference__brand > p { font-size:11px; } .transition-reference__brand > div { font-size:22px; } .transition-reference__hero > p { font-size:16px; } .transition-reference__hero h3 { font-size:18px; } .transition-reference__details { grid-template-columns:1fr; } .transition-reference__courses ol { display:block; } .transition-reference__courses li { margin-bottom:10px; } } /* Reference artwork: blue AI laptop, green growth chart and gold team. */ .transition-reference__symbol { display:block; width:100px; height:100px; background-image:url('./assets/transition-package-icons.png'); background-size:300% 100%; background-repeat:no-repeat; } .transition-reference__symbol--0 { background-position:0% center; } .transition-reference__symbol--1 { background-position:50% center; } .transition-reference__symbol--2 { background-position:100% center; } .transition-reference__plan > header { gap:10px; } @media(min-width:901px) and (max-width:1250px) { .transition-reference__symbol { width:76px; height:76px; } } /* Gold reference marks alongside the three closing promises. */ .transition-reference__footer > div { display:flex; align-items:center; gap:16px; flex:1; } .transition-reference__footer .transition-footer-copy { border:0; padding:0; } .transition-reference__footer .transition-footer-icon { width:66px; height:68px; flex-shrink:0; filter:drop-shadow(0 1px 2px #000); } .transition-reference__footer .transition-footer-copy > strong { font-weight:500; } @media(max-width:600px) { .transition-reference__footer > div { flex-basis:100%; border-right:0; } .transition-reference__footer .transition-footer-icon { width:52px; height:54px; } } .transition-company-label { display: flex; align-items: center; gap: 9px; } .transition-company-icon { display: block; width: 32px; height: 36px; flex: 0 0 32px; color: #fff; fill: currentColor; filter: drop-shadow(0 1px 2px rgba(255, 255, 255, .15)); } @media (max-width: 480px) { .transition-company-label { gap: 6px; } .transition-company-icon { width: 27px; height: 32px; flex-basis: 27px; } } .transition-reference__plan > footer { display:flex; align-items:center; justify-content:center; gap:12px; min-height:48px; text-align:left; } .transition-benefit-icon { display:block; width:44px; height:44px; flex:0 0 44px; filter:drop-shadow(0 1px 2px #000) drop-shadow(0 0 4px rgb(var(--gold-base-rgb) / .18)); } .transition-course-heading { display: flex; align-items: center; gap: 15px; margin-bottom: 14px; } .transition-course-icon { display: block; width: 74px; height: 64px; flex: 0 0 74px; filter: drop-shadow(0 2px 3px #000); } .transition-course-heading p { margin: 7px 0 0; } .transition-reference__courses ol { list-style: none; counter-reset: transition-course; padding-left: 0; } .transition-reference__courses li { position: relative; counter-increment: transition-course; padding-left: 31px; } .transition-reference__courses li::before { content: counter(transition-course); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: linear-gradient(135deg, var(--gold-bright) 5%, var(--gold-light) 37%, var(--gold-deep) 73%, var(--gold-base)); color: #201704; font-size: 16px; line-height: 1; font-weight: 800; box-shadow: inset 0 1px 1px var(--gold-bright), 0 1px 3px #000; } @media (max-width: 520px) { .transition-course-heading { gap: 10px; } .transition-course-icon { width: 56px; height: 54px; flex-basis: 56px; } } /* Equal price panels and aligned amounts across all three packages. */ .transition-reference__price { box-sizing:border-box; min-height:110px; display:flex; flex-wrap:wrap; align-content:center; align-items:baseline; justify-content:center; column-gap:10px; } .transition-reference__price small { flex-basis:100%; min-height:20px; line-height:20px; } .transition-reference__plan:first-child .transition-reference__price::after { content:""; display:block; flex-basis:100%; height:20px; } /* Document mark beside the proposal invitation. */ .transition-proposal-heading { display:flex; align-items:center; gap:14px; margin-bottom:20px; text-align:left; } .transition-proposal-heading .transition-proposal-icon { display:block; width:48px; height:60px; flex:0 0 48px; filter:drop-shadow(0 1px 2px #000); } .transition-reference__contact .transition-proposal-heading p { margin:0; } /* WhatsApp call to action matching the green reference. */ .transition-reference__contact .transition-whatsapp { display:flex; align-items:center; justify-content:center; gap:12px; padding:14px 12px; border:2px solid #49d69b; border-radius:16px; color:#fff; background:linear-gradient(160deg,#16a977 0%,#087546 38%,#03462b 75%,#087c4b 100%); box-shadow:inset 0 2px 6px #7dffbf66,0 0 12px #13ba7740; text-shadow:0 1px 3px #00321f; transition:transform .2s,box-shadow .2s,filter .2s; } .transition-whatsapp svg { display:block; width:54px; height:54px; flex:0 0 54px; } .transition-whatsapp > span { display:block; font-size:clamp(16px,1.5vw,23px); line-height:1.2; text-align:left; } .transition-reference__contact .transition-whatsapp small { font-size:14px; margin-top:9px; padding-top:7px; border-top:1px solid #a7f4ce55; white-space:nowrap; } .transition-reference__contact .transition-whatsapp:hover,.transition-reference__contact .transition-whatsapp:focus-visible { transform:translateY(-3px); border-color:#9affce; box-shadow:inset 0 2px 9px #7dffbf66,0 0 20px #19ce8a88; filter:brightness(1.12); outline:2px solid #a6ffcf; outline-offset:3px; } @media(min-width:901px) { .transition-reference__details { grid-template-columns:2.3fr .9fr 1.2fr; } } /* WhatsApp keeps its own vivid green hover and keyboard focus. */ #products-page .transition-reference__contact .transition-whatsapp:is(:hover,:focus-visible) { background:linear-gradient(155deg,#25d366,#16b957 50%,#079447); border-color:#71f6a4; outline-color:#71f6a4; box-shadow:0 0 20px #25d36688,inset 0 2px 8px #baffd866; color:#fff; filter:none; } /* Match the upper Triangle heading to the Who We Are heading. */ #triangle-page > .triangle-page__header { top:65px; left:65px; right:65px; width:auto; transform:none; text-align:left; } #triangle-page > .triangle-page__header h1 { margin:0; color:var(--gold-light); font:44px/1.15 Georgia,serif; letter-spacing:-.015em; } #triangle-page > .triangle-page__header h1::after { content:""; display:block; width:90px; height:1px; margin-top:25px; background:linear-gradient(90deg,var(--gold-base),transparent); }