.system-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5xl);align-items:start}.system-role-text p{color:var(--text-secondary);font-size:var(--font-size-body-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--stack-xl)}.system-role-text p:last-child{margin-bottom:0}.system-role-text .vault-impact{margin-top:var(--stack-xl);padding-top:var(--stack-lg);border-top:1px solid var(--white-alpha-10);display:flex;flex-direction:column;gap:var(--stack-xs)}.system-role-text .vault-impact-label{font-size:var(--font-size-body-xs);font-weight:var(--font-weight-bold);color:var(--product-accent, var(--primary-400));text-transform:uppercase;letter-spacing:.08em}.system-role-text .vault-impact-text{color:var(--text-primary);font-size:var(--font-size-body-md);font-weight:var(--font-weight-semibold);margin:0;line-height:var(--line-height-body-lg)}.system-role-highlights{display:flex;flex-direction:column;gap:var(--inline-md)}.system-role-card{padding:var(--inset-xl);background:var(--white-alpha-3);border:1px solid var(--white-alpha-10);border-radius:var(--radius-xl-sm);transition:all var(--transition-base)}.system-role-card:hover{border-color:var(--product-accent, var(--primary-400));transform:translateY(-3px)}.system-role-icon{width:var(--icon-md);height:var(--icon-md);border-radius:var(--radius-md);background:var(--product-gradient, var(--brand-fabric-bg));display:flex;align-items:center;justify-content:center;font-size:var(--font-size-title-sm);margin-bottom:var(--stack-md)}.system-role-card h3{font-size:var(--font-size-title-sm);font-weight:var(--font-weight-bold);margin-bottom:var(--stack-xs)}.system-role-card p{color:var(--text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-lg);margin:0}@media(max-width:1024px){.system-role-grid{grid-template-columns:1fr;gap:var(--space-3xl)}}.gw-cap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--inline-xl);margin-top:var(--stack-4xl)}.gw-cap-card{display:flex;flex-direction:column;gap:var(--stack-sm);min-height:100%;padding:var(--inset-xl);background:var(--white-alpha-3);border:1px solid var(--white-alpha-10);border-radius:var(--radius-xl-sm);transition:transform var(--duration-medium-4) var(--easing-standard),box-shadow var(--duration-medium-4) var(--easing-standard),border-color var(--duration-medium-4) var(--easing-standard),background var(--duration-medium-4) var(--easing-standard)}.gw-cap-card:hover{background:var(--white-alpha-5);border-color:var(--product-accent, var(--primary-400));transform:translateY(-4px);box-shadow:0 20px 60px var(--black-alpha-30)}.gw-cap-grid .gw-cap-card.animate-on-scroll.in-view:hover{transform:translateY(-4px) scale(1);box-shadow:0 20px 60px var(--black-alpha-30)}.gw-cap-title{font-size:var(--font-size-title-md, 1.375rem);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight, 1.25)}.gw-cap-desc{font-size:var(--font-size-body-md);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin:0;max-width:68ch}.gw-cap-info{margin:0;color:var(--product-accent, var(--primary-400));font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);letter-spacing:.02em}.gw-cap-cta{margin-top:auto;align-self:flex-start;color:var(--product-accent, var(--primary-400));font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);text-decoration:none}.gw-cap-cta:hover{text-decoration:underline}.gw-cap-cta-muted{opacity:.75;text-decoration:none;cursor:default}@media(max-width:768px){.gw-cap-grid{grid-template-columns:1fr;gap:var(--stack-lg)}.gw-cap-card{padding:var(--inset-lg)}}.vault-diagram{--vault-accent: var(--brand-elements-accent, #fff651);--vault-accent-yellow: var(--brand-elements-accent, #fff651);--vault-accent-soft: color-mix(in srgb, var(--vault-accent) 22%, transparent);--vault-accent-strong: color-mix(in srgb, var(--vault-accent) 66%, transparent);width:100%;margin:0 0 var(--stack-2xl)}.vault-diagram-card{position:relative;border-radius:clamp(16px,2.2vw,22px);border:1px solid color-mix(in srgb,var(--brand-elements-primary, #f5ab0b) 66%,transparent);background:color-mix(in srgb,var(--surface-card, rgba(20, 20, 28, .88)) 88%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vault-accent) 20%,transparent),0 0 48px color-mix(in srgb,var(--vault-accent) 28%,transparent)}.vault-diagram-top{padding:clamp(20px,2.5vw,32px);display:grid;grid-template-columns:minmax(320px,1.12fr) minmax(360px,1fr);gap:clamp(18px,2.2vw,28px);align-items:start}.vault-diagram-left{padding:0}.vault-diagram-label{display:inline-flex;align-items:center;gap:8px;color:var(--vault-accent);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:var(--font-weight-semibold)}.vault-diagram-title{margin:10px 0 0;color:var(--text-primary);font-size:clamp(1.45rem,1.8vw,1.9rem);line-height:1.15;font-weight:var(--font-weight-bold)}.vault-diagram-logo{margin-top:10px;width:min(100%,280px);height:auto;display:block;object-fit:contain}.vault-diagram-props{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.vault-diagram-prop{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--vault-accent) 60%,transparent);background:transparent;color:color-mix(in srgb,var(--vault-accent-yellow) 88%,var(--text-primary));padding:6px 12px;font-size:.78rem;line-height:1.25;font-weight:var(--font-weight-medium)}.vault-diagram-profiles{padding:0;display:flex;flex-direction:column;gap:12px}.vault-diagram-profiles-label{color:color-mix(in srgb,var(--vault-accent) 90%,var(--text-primary));font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:var(--font-weight-semibold)}.vault-diagram-profile-chips{display:flex;flex-direction:column;gap:10px}.vault-diagram-chip{display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--vault-accent) 34%,transparent);background:color-mix(in srgb,var(--surface-card, rgba(20, 20, 28, .88)) 88%,transparent);color:var(--text-primary);padding:10px 12px;font-size:.87rem;font-weight:var(--font-weight-medium);opacity:0;transform:translateY(8px);animation:vault-chip-rise .52s var(--vault-chip-delay, .5s) ease-out forwards}.vault-diagram-chip-dim{color:var(--text-primary);font-size:.72rem;font-family:var(--font-family-mono, "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);letter-spacing:.02em}.vault-diagram-storage-note{margin:4px 0 0;color:var(--text-secondary);font-size:.82rem;line-height:1.45}.vault-diagram-connector-row{position:relative;height:74px;margin:-6px 16px 0}.vault-diagram-connector-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.vault-diagram-flow-row{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:34px}.vault-diagram-flow-card{position:relative;border-radius:14px;border:1px solid color-mix(in srgb,var(--vault-accent) 24%,transparent);background:color-mix(in srgb,var(--surface-card, rgba(20, 20, 28, .88)) 88%,transparent);padding:14px 14px 16px;min-height:148px}.vault-diagram-flow-num{display:block;color:var(--vault-accent);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:var(--font-weight-semibold)}.vault-diagram-flow-title{margin:8px 0 0;color:var(--text-primary);font-size:.95rem;line-height:1.35;font-weight:var(--font-weight-semibold)}.vault-diagram-flow-sub{margin:8px 0 0;color:var(--text-secondary);font-size:.82rem;line-height:1.5}.vault-diagram-divider{margin-top:2px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.vault-diagram-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--vault-accent) 34%,transparent) 55%,transparent 100%)}.vault-diagram-divider-label{color:var(--text-primary);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:var(--font-weight-semibold);white-space:nowrap}.vault-diagram-stepper{position:relative;margin-top:0;margin-bottom:0;padding:26px 8px 4px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;min-height:248px}.vault-diagram-step-line{position:absolute;left:0;right:0;top:43px;height:1px;background:color-mix(in srgb,var(--vault-accent) 36%,transparent);pointer-events:none}.vault-diagram-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0 8px;min-height:212px}.vault-diagram-step-node{width:34px;height:34px;flex:0 0 34px;border-radius:50%;border:1px solid color-mix(in srgb,var(--vault-accent) 40%,transparent);display:inline-flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--vault-accent) 88%,var(--text-primary));font-size:.72rem;line-height:1;font-family:var(--font-family-mono, "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);background:color-mix(in srgb,var(--vault-accent) 10%,transparent);transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease}.vault-diagram-step-body{min-width:0;width:100%}.vault-diagram-step-name{margin:0;color:var(--text-primary);font-size:.88rem;line-height:1.35;font-weight:var(--font-weight-semibold);transition:color .25s ease}.vault-diagram-step-desc{margin:6px 0 0;color:var(--text-secondary);font-size:.8rem;line-height:1.5;max-height:0;opacity:0;overflow:hidden;transition:max-height .28s ease,opacity .28s ease}.vault-diagram-step:hover .vault-diagram-step-node,.vault-diagram-step.is-lit .vault-diagram-step-node{border-color:color-mix(in srgb,var(--vault-accent) 76%,transparent);background:color-mix(in srgb,var(--vault-accent) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--vault-accent) 22%,transparent) inset}.vault-diagram-step:hover .vault-diagram-step-name,.vault-diagram-step.is-lit .vault-diagram-step-name{color:color-mix(in srgb,var(--vault-accent-yellow) 92%,var(--text-primary))}.vault-diagram-step:hover .vault-diagram-step-desc,.vault-diagram-step.is-lit .vault-diagram-step-desc{max-height:200px;opacity:1}.vault-diagram-footer-note{margin-top:-40px;border-radius:12px;border:1px solid color-mix(in srgb,var(--vault-accent) 24%,transparent);background:color-mix(in srgb,var(--surface-card, rgba(20, 20, 28, .88)) 90%,transparent);padding:12px 14px;display:flex;align-items:flex-start;gap:10px}.vault-diagram-footer-icon{width:22px;height:22px;border-radius:7px;border:1px solid color-mix(in srgb,var(--vault-accent) 48%,transparent);background:color-mix(in srgb,var(--vault-accent) 12%,transparent);color:var(--vault-accent);display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;flex:0 0 22px;margin-top:1px}.vault-diagram-footer-text{margin:0;color:var(--text-secondary);font-size:.82rem;line-height:1.5}.vault-diagram-footer-text strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.vault-diagram-conn-path{fill:none;stroke:color-mix(in srgb,var(--vault-accent) 84%,var(--text-primary));stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.72}@keyframes vault-wire-draw{0%{stroke-dashoffset:420}to{stroke-dashoffset:0}}@keyframes vault-chip-rise{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.vault-diagram-chip{animation:none;opacity:1;transform:none}.vault-diagram-step-node,.vault-diagram-step-name,.vault-diagram-step-desc,.vault-diagram-conn-path{transition:none;animation:none}.vault-diagram-step .vault-diagram-step-desc{max-height:200px;opacity:1}}.vault-teams-grid{grid-template-columns:repeat(2,1fr)}.tr-story-card{max-width:1080px;margin:0 auto var(--stack-2xl);padding:var(--inset-2xl);background:var(--white-alpha-3);border:1px solid var(--white-alpha-10);border-radius:var(--radius-xl);transition:transform var(--duration-medium-4) var(--easing-standard),box-shadow var(--duration-medium-4) var(--easing-standard),border-color var(--duration-medium-4) var(--easing-standard),background var(--duration-medium-4) var(--easing-standard);display:flex;flex-direction:column;gap:var(--stack-lg)}.tr-story-card:hover{background:var(--white-alpha-5);border-color:var(--product-accent, var(--primary-400));transform:translateY(-4px);box-shadow:0 20px 60px var(--black-alpha-30)}.tr-story-card.animate-on-scroll.in-view:hover{transform:translateY(-4px) scale(1);box-shadow:0 20px 60px var(--black-alpha-30)}.tr-story-eyebrow{align-self:flex-start;font-size:var(--font-size-body-xs);font-weight:var(--font-weight-bold);color:var(--product-accent, var(--primary-400));text-transform:uppercase;letter-spacing:.08em}.tr-story-title{font-size:var(--font-size-title-lg, 1.75rem);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight, 1.2);max-width:32ch}.tr-story-body p{color:var(--text-secondary);font-size:var(--font-size-body-md);line-height:var(--line-height-relaxed);margin:0 0 var(--stack-md);max-width:72ch}.tr-story-body p:last-child{margin-bottom:0}.tr-story-outcomes{list-style:none;padding:var(--stack-lg) 0 0;margin:0;border-top:1px solid var(--white-alpha-10);display:flex;flex-wrap:wrap;gap:var(--inline-sm)}.tr-story-outcomes li{padding:6px 12px;font-size:var(--font-size-body-xs);font-weight:var(--font-weight-semibold);color:var(--product-accent, var(--primary-400));background:color-mix(in srgb,var(--product-accent, var(--primary-400)) 12%,transparent);border:1px solid color-mix(in srgb,var(--product-accent, var(--primary-400)) 35%,transparent);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.06em}.tr-context-grid{max-width:1080px;margin:0 auto;display:grid;gap:var(--inline-lg)}.tr-context-card{padding:var(--inset-xl);background:var(--white-alpha-3);border:1px solid var(--white-alpha-10);border-radius:var(--radius-xl-sm);transition:all var(--transition-base);display:flex;flex-direction:column}.tr-context-icon{width:var(--icon-md);height:var(--icon-md);border-radius:var(--radius-md);background:var(--product-gradient, var(--brand-fabric-bg));display:flex;align-items:center;justify-content:center;font-size:var(--font-size-title-sm);margin-bottom:var(--stack-md)}.tr-context-card h3{font-size:var(--font-size-title-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--stack-sm)}.tr-context-card p{color:var(--text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-lg);margin:0 0 var(--stack-lg)}.tr-context-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--stack-xs)}.tr-context-bullets li{position:relative;padding-left:1rem;color:var(--text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-lg)}.tr-context-bullets li:before{content:"";position:absolute;left:0;top:.6em;width:4px;height:4px;border-radius:50%;background:var(--product-accent, var(--primary-400));opacity:.8}.vault-dev-grid{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--inline-lg)}.msg-dev-card{padding:var(--inset-xl);background:var(--white-alpha-3);border:1px solid var(--white-alpha-10);border-radius:var(--radius-xl-sm);transition:all var(--transition-base);display:flex;flex-direction:column}.msg-dev-card:hover{border-color:var(--product-accent, var(--primary-400));transform:translateY(-3px)}.msg-dev-card h3{font-size:var(--font-size-title-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--stack-sm)}.msg-dev-card p{color:var(--text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-lg);margin:0 0 var(--stack-lg)}.msg-dev-card-icon{width:var(--icon-md);height:var(--icon-md);border-radius:var(--radius-md);background:var(--product-gradient, var(--brand-fabric-bg));display:flex;align-items:center;justify-content:center;font-size:var(--font-size-title-sm);margin-bottom:var(--stack-md)}.dev-card-link{margin-top:auto;align-self:flex-start;color:var(--product-accent, var(--primary-400));font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);text-decoration:none}.dev-card-link:hover{text-decoration:underline}.tr-suite-intro{max-width:78ch;margin-left:auto;margin-right:auto}.suite-feature-card{display:flex;flex-direction:column;text-align:left}.suite-feature-logo-wrap{display:flex;align-items:center;width:100%;min-height:52px;padding-bottom:var(--stack-md);border-bottom:1px solid var(--white-alpha-20, rgba(255, 255, 255, .18));margin-bottom:var(--stack-lg)}.suite-feature-card:hover .suite-feature-logo-wrap{border-bottom-color:var(--product-accent, var(--primary-400))}.suite-feature-logo{width:auto;max-width:min(100%,330px);height:54px;object-fit:contain;display:block}.suite-feature-tagline{color:var(--text-secondary);font-size:var(--font-size-body-md);line-height:var(--line-height-relaxed);margin:0 0 var(--stack-lg)}.suite-feature-bullets{list-style:none;padding:0;margin:0 0 var(--stack-lg);flex:1}.suite-feature-bullets li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--stack-sm);color:var(--text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-lg)}.suite-feature-bullets li:before{content:"•";position:absolute;left:var(--space-xs);color:var(--product-accent, var(--primary-400));font-weight:var(--font-weight-bold)}.suite-feature-cta{margin-top:auto;align-self:flex-start;color:var(--product-accent, var(--primary-400));font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);text-decoration:none}.suite-feature-cta:visited{color:var(--product-accent, var(--primary-400))}.suite-feature-cta:hover{text-decoration:underline}.suite-feature-label{margin-top:auto;align-self:flex-start;padding:4px 10px;font-size:var(--font-size-body-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary, var(--neutral-500));background:var(--white-alpha-5);border:1px solid var(--white-alpha-10);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.04em}@media(max-width:1024px){.vault-diagram-top,.vault-diagram-flow-row{grid-template-columns:1fr}.vault-diagram-stepper{grid-template-columns:repeat(5,minmax(180px,1fr));overflow-x:auto;padding-bottom:10px}.vault-diagram-step-line{min-width:920px}.vault-teams-grid{grid-template-columns:1fr}.tr-story-card{padding:var(--inset-xl)}}@media(max-width:768px){.gw-cap-row{grid-template-columns:1fr;gap:var(--stack-md);padding:var(--inset-lg) 0}.gw-cap-num{font-size:var(--font-size-title-lg, 1.75rem)}.vault-dev-grid{grid-template-columns:1fr}.vault-diagram-card{padding:var(--inset-lg);border-radius:16px}.vault-diagram-flow-card{min-height:0}.vault-diagram-stepper{grid-template-columns:repeat(5,minmax(170px,1fr))}.vault-diagram-step{padding:0 4px}.vault-diagram-connector-row{display:none}}