/* Supporting promises are open typography; demonstrations retain a surface. */
body.home-refresh .guarantee-grid,
body.home-refresh .security-summary-grid {display:grid;gap:40px;align-items:start;}
body.home-refresh .guarantee-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
body.home-refresh .security-summary-grid {grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px;row-gap:16px;}
body.home-refresh :is(.guarantee-item,.security-summary) {min-width:0;display:grid;grid-template-rows:24px auto 1fr;gap:16px;}
body.home-refresh :is(.guarantee-item,.security-summary) .clarity-icon {width:24px;height:24px;stroke:var(--accent);stroke-width:1.25;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px;}
body.home-refresh :is(.guarantee-item,.security-summary) h3 {font:400 24px/28px var(--serif);letter-spacing:-.025em;color:var(--accent);margin:8px 0 0;text-wrap:pretty;}
body.home-refresh :is(.guarantee-item,.security-summary) p {font:400 16px/24px var(--sans);color:var(--body);margin:0;max-width:34ch;}
body.home-refresh :is(.guarantee-item,.security-summary) p strong {font-weight:500;color:var(--ink);}
body.home-refresh .security-summary-grid {align-items:stretch;}
body.home-refresh .security-summary {grid-row:span 4;grid-template-rows:subgrid;}
body.home-refresh .security-summary details {margin-top:8px;}
.security-summary summary {display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;border-bottom:1px solid var(--line);cursor:pointer;list-style:none;color:var(--accent);font:400 12px/20px var(--mono);text-transform:uppercase;}
.security-summary summary::-webkit-details-marker {display:none;}
.security-summary summary:hover {border-color:var(--accent);}
.security-summary summary:focus-visible {outline:2px solid var(--accent);outline-offset:4px;}
.security-toggle {font:400 20px/1 var(--sans);transition:transform .2s ease;}
.security-summary details[open] .security-toggle {transform:rotate(45deg);}
body.home-refresh .security-summary details p {padding-top:16px;font-size:14px;line-height:24px;}

/* Four restrained diagrams: one relationship per benefit, no nested UI. */
body.home-refresh #transformation .outcome-grid {gap:24px;}
body.home-refresh #transformation .outcome-card {background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.72);box-shadow:none;display:flex;}
body.home-refresh #transformation .outcome-card-copy {padding:32px 32px 0;flex:0 0 auto;}
body.home-refresh #transformation .outcome-card>.outcome-art {height:224px;min-height:224px;flex:0 0 224px;margin-top:auto;}
#transformation .outcome-art .result-diagram {height:100%;padding:32px;display:flex;flex-direction:column;justify-content:center;gap:20px;font:400 14px/20px var(--sans);color:var(--body);}
#transformation .result-diagram strong {font:500 16px/24px var(--sans);color:var(--accent);}
#transformation .result-diagram svg {width:20px;height:20px;stroke:currentColor;stroke-width:1.25;fill:none;flex:none;}
.result-diagram .result-rule {display:flex;align-items:center;gap:12px;color:var(--accent);}
.result-diagram .result-split {display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.result-diagram .result-split>div {padding-top:16px;border-top:1px solid #c6b9bb;}
.result-diagram .result-split strong,.result-diagram .result-split span {display:block;}
.result-diagram .result-split span {margin-top:4px;}
.result-diagram .result-split .result-auto {border-top:2px solid var(--accent);padding-top:15px;}
#transformation .result-diagram.result-context {display:grid;grid-template-columns:1.2fr 32px 1fr;gap:16px;align-items:center;}
.result-context .result-sources {display:grid;gap:8px;}
.result-context .result-sources>div {display:flex;justify-content:space-between;gap:8px;}
.result-context .result-sources span {color:var(--body);}
#transformation .result-context .result-sources b {font-weight:400;color:var(--ink);}
.result-context .result-arrow {width:32px!important;height:100px!important;overflow:visible;color:#b0a4a5;}
.result-context .result-decision {display:grid;gap:8px;}
.result-context .result-decision>span {font-size:14px;}
.result-diagram .result-record {display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
.result-record>div {display:flex;align-items:center;gap:8px;}
.result-diagram .result-record-link {height:24px;width:100%!important;stroke:#c6b9bb!important;}
.result-diagram .result-evidence {display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #c6b9bb;padding-top:16px;}
.result-diagram .result-evidence>span {color:var(--body);font-size:14px;}
.result-diagram .result-question {color:var(--ink);font-size:16px;line-height:24px;}
.result-diagram .result-teams {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.result-teams>div {padding-top:16px;border-top:1px solid #c6b9bb;display:grid;gap:8px;}
#transformation .result-teams strong {font-size:14px;line-height:20px;}

/* The same official mark used throughout the site is now the connection hub. */
#compact-journey-root .cj-brand-hub {position:relative;z-index:1;display:grid;place-items:center;width:88px;height:88px;border-radius:6px;background:linear-gradient(125deg,#ffffffed,#f0ebe9d9);box-shadow:0 4px 24px rgb(var(--brand-burgundy-rgb) / 0.0314),inset 0 0 0 1px #fff;}
#compact-journey-root .cj-brand-hub>svg {display:block;width:40px;height:44px;fill:var(--accent);}
#compact-journey-root .cj-engine-core {padding:0;}
#compact-journey-root .cj-engine-core .cj-engine-port {top:calc(50% + 60px);bottom:auto;font-size:12px;}

/* Reflective legal text: an ambient background, without controls or labels. */
.about-code-field {position:relative;align-self:center;isolation:isolate;height:560px;width:100%;overflow:hidden;pointer-events:none;user-select:none;contain:paint;mask-image:radial-gradient(ellipse 66% 56% at 50% 48%,#000 12%,#000b 42%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse 66% 56% at 50% 48%,#000 12%,#000b 42%,transparent 88%);}
.about-code-layer {position:absolute;width:150%;left:-10%;top:0;display:grid;gap:16px;}
.about-code-layer--0 {font-size:10px;opacity:.2;transform:translate(-32px,-12px);filter:blur(.6px);}
.about-code-layer--1 {font-size:12px;opacity:.35;transform:translate(12px,12px);filter:blur(.2px);}
.about-code-layer--2 {font-size:14px;opacity:.85;transform:translate(0,30px);gap:20px;}
.about-code-row {white-space:nowrap;line-height:20px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.035em;transform:translateX(var(--code-offset));color:transparent;background:linear-gradient(112deg,#827a7514 0%,#827a7514 31%,#a49a9455 42%,#7067647d 47%,#ffffffee 50%,#9e939066 54%,#827a7514 65%,#827a7514 100%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;animation:about-code-reflect 18s linear infinite;animation-delay:var(--code-delay);animation-play-state:paused;}
.about-code-field.is-visible:not(.is-paused) .about-code-row {animation-play-state:running;}
@keyframes about-code-reflect {from{background-position:130% 0;}to{background-position:-30% 0;}}

@media (max-width:1050px) {
 body.home-refresh .guarantee-grid {gap:32px;}
 body.home-refresh .security-summary-grid {grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;row-gap:16px;}
 body.home-refresh .security-summary:nth-child(n+3) {margin-top:24px;}
 #transformation .outcome-art .result-diagram {padding:24px;gap:16px;}
 #transformation .result-diagram.result-context {grid-template-columns:1.1fr 24px 1fr;gap:12px;}
 .result-context .result-arrow {width:24px!important;}
 .result-context .result-sources>div {flex-direction:column;gap:0;}
 .result-context .result-sources {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
 .result-record>div {flex-direction:column;gap:8px;}
 .about-code-field {height:520px;}
}
@media (max-width:879px) {
 body.about-page .about-opening {position:relative;isolation:isolate;}
 body.about-page .about-opening-copy {position:relative;z-index:1;}
 body.about-page .about-code-field {position:absolute;top:120px;right:-16px;width:70%;height:480px;z-index:-1;opacity:.24;}
}
@media (max-width:640px) {
 body.home-refresh :is(.guarantee-grid,.security-summary-grid).mobile-card-track {gap:24px;}
 body.home-refresh :is(.guarantee-grid,.security-summary-grid)>article {padding:8px 16px 0 0;flex-basis:calc(100vw - 80px);width:calc(100vw - 80px);}
 body.home-refresh .security-summary {grid-row:auto;grid-template-rows:24px 56px 96px auto;align-content:start;}
 body.home-refresh .security-summary:nth-child(n+3) {margin-top:0;}
 body.home-refresh :is(.guarantee-item,.security-summary) h3 {font-size:24px;line-height:28px;}
 body.home-refresh #transformation .outcome-card-copy {padding:24px 24px 0;}
 body.home-refresh #transformation .outcome-card>.outcome-art {height:224px;min-height:224px;flex-basis:224px;}
 #transformation .outcome-art .result-diagram {padding:24px;}
 #transformation .result-diagram.result-context {grid-template-columns:1.2fr 20px 1fr;gap:8px;}
 #transformation .result-context .result-sources {grid-template-columns:1fr;gap:8px;}
 #transformation .result-context .result-sources>div {flex-direction:row;gap:8px;font-size:12px;line-height:16px;}
 #transformation .result-context .result-sources b {text-align:right;}
 #transformation .result-context .result-arrow {width:20px!important;}
 #transformation .result-diagram strong {font-size:14px;line-height:20px;}
 #transformation .result-diagram .result-teams {gap:12px;}
 #transformation .result-teams strong {font-size:14px;}
 .result-diagram .result-evidence {align-items:start;flex-direction:column;gap:4px;}
 .result-diagram .result-record {gap:12px;}
 #compact-journey-root .cj-brand-hub {width:64px;height:64px;}
 #compact-journey-root .cj-brand-hub>svg {width:28px;height:32px;}
 #compact-journey-root .cj-engine-core .cj-engine-port {top:calc(50% + 48px);font-size:10px;}
}
@media (prefers-reduced-motion:reduce) {.about-code-row {animation:none;background-position:48% 0;}.security-toggle {transition:none;}}