.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-elements-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}.gw-cap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--inline-xl);margin-top:var(--stack-xl)}.gw-cap-tabs{margin-top:var(--stack-2xl);display:flex;flex-wrap:wrap;gap:var(--inline-sm);justify-content:center}.gw-cap-tab{appearance:none;background:transparent;border:1px solid var(--white-alpha-20, rgba(255, 255, 255, .22));border-radius:var(--radius-md);padding:10px 18px;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);line-height:1.2;color:var(--text-primary);text-align:center;opacity:1;cursor:pointer;transition:background var(--duration-short-3) var(--easing-standard),border-color var(--duration-short-3) var(--easing-standard),color var(--duration-short-3) var(--easing-standard),box-shadow var(--duration-short-3) var(--easing-standard),opacity var(--duration-short-3) var(--easing-standard),transform var(--duration-short-3) var(--easing-standard)}.gw-cap-tab:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--product-accent, var(--primary-400)) 55%,transparent);background:color-mix(in srgb,var(--product-accent, var(--primary-400)) 8%,transparent)}.gw-cap-tab.is-active{background:var(--product-gradient);border-color:transparent;color:#fff;box-shadow:0 0 24px var(--product-glow),var(--elevation-2)}.gw-cap-tab:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-elements-accent, #FFD86B) 85%,white 15%);outline-offset:2px}.gw-cap-panel{margin-top:var(--stack-lg)}.gw-cap-panel[hidden]{display:none!important}.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}.es-stage-wrap{max-width:1240px;margin:var(--stack-3xl) auto 0}.es-stage-stepper{position:relative;margin-top:0;margin-bottom:0;padding:34px 14px 8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;min-height:300px}.es-stage-step-line{position:absolute;left:0;right:0;top:52px;height:2px;background:color-mix(in srgb,var(--product-accent, var(--primary-400)) 36%,transparent);pointer-events:none;z-index:0}.es-stage-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:0 10px;min-height:252px}.es-stage-step-node{position:relative;z-index:2;width:50px;height:50px;flex:0 0 50px;border-radius:50%;border:1px solid color-mix(in srgb,var(--product-accent, var(--primary-400)) 40%,transparent);display:inline-flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--product-accent, var(--primary-400)) 88%,var(--text-primary));font-size:.86rem;line-height:1;font-family:var(--font-family-mono, "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);background:var(--surface-card, rgba(20, 20, 28, .96))}.es-stage-step-body{min-width:0;width:100%}.es-stage-step-name{margin:0;color:var(--text-primary);font-size:1.1rem;line-height:1.3;font-weight:var(--font-weight-semibold)}.es-stage-step-desc{margin:10px 0 0;color:var(--text-secondary);font-size:.95rem;line-height:1.62}@media(max-width:768px){.es-stage-stepper{gap:14px;padding-left:0;padding-right:0;min-height:auto}}@media(max-width:640px){.es-stage-stepper{grid-template-columns:1fr 1fr;row-gap:16px;padding-top:0}.es-stage-step-line{display:none}}.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)}.elements-services-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.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-card:hover{border-color:var(--product-accent, var(--primary-400));transform:translateY(-3px)}.tr-context-icon{width:var(--icon-md);height:var(--icon-md);border-radius:var(--radius-md);background:var(--product-gradient, var(--brand-elements-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}.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}.elements-dev-bento{max-width:1180px;margin:var(--stack-4xl) auto 0;display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:auto auto;gap:var(--inline-lg)}.elements-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;min-width:0}.elements-dev-card:hover{border-color:var(--product-accent, var(--primary-400));transform:translateY(-3px)}.elements-dev-card-primary{grid-row:1}.elements-dev-card-stack{display:flex;flex-direction:column;gap:var(--stack-sm);margin-bottom:var(--stack-md)}.elements-dev-card-body{margin-bottom:var(--stack-sm)}.elements-dev-card-icon{width:var(--icon-md);height:var(--icon-md);border-radius:var(--radius-md);background:var(--product-gradient, var(--brand-elements-bg));display:flex;align-items:center;justify-content:center;font-size:var(--font-size-title-sm);margin-bottom:0}.elements-dev-card-eyebrow{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}.elements-dev-card h3{font-size:var(--font-size-title-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.elements-dev-card p{color:var(--text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-lg);margin:0}.elements-dev-quickstart-list{list-style:none;padding:0;margin:0 0 var(--stack-md);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--stack-xs) var(--inline-md)}.elements-dev-quickstart-list li{position:relative;padding-left:1rem;color:var(--text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-lg)}.elements-dev-quickstart-list li:before{content:"";position:absolute;left:0;top:.6em;width:4px;height:4px;border-radius:50%;background:var(--product-accent, var(--primary-400));opacity:.85}.elements-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}.elements-dev-card-link:hover{text-decoration:underline}.elements-dev-card-link>span{display:inline-block;transition:transform var(--duration-short-3) var(--easing-standard)}.elements-dev-card-link:hover>span{transform:translate(3px)}@media(max-width:1024px){.system-role-grid{grid-template-columns:1fr;gap:var(--space-3xl)}.elements-services-context-grid{grid-template-columns:1fr}.tr-story-card{padding:var(--inset-xl)}.elements-dev-bento{grid-template-columns:1fr;grid-template-rows:auto}.elements-dev-card-primary{grid-row:auto}}@media(max-width:768px){.gw-cap-tabs{display:grid;grid-template-columns:1fr}.gw-cap-tab{width:100%;text-align:center}.gw-cap-grid{grid-template-columns:1fr;gap:var(--stack-lg)}.gw-cap-card{padding:var(--inset-lg)}.elements-dev-quickstart-list{grid-template-columns:1fr}}