.system-role-grid[data-astro-cid-ffv6nsva]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5xl);align-items:start}.system-role-text[data-astro-cid-ffv6nsva] p[data-astro-cid-ffv6nsva]{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[data-astro-cid-ffv6nsva] p[data-astro-cid-ffv6nsva]:last-child{margin-bottom:0}.system-role-text[data-astro-cid-ffv6nsva] .msg-impact[data-astro-cid-ffv6nsva]{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[data-astro-cid-ffv6nsva] .msg-impact-label[data-astro-cid-ffv6nsva]{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[data-astro-cid-ffv6nsva] .msg-impact-text[data-astro-cid-ffv6nsva]{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[data-astro-cid-ffv6nsva]{display:flex;flex-direction:column;gap:var(--inline-md)}.system-role-card[data-astro-cid-ffv6nsva]{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[data-astro-cid-ffv6nsva]:hover{border-color:var(--product-accent, var(--primary-400));transform:translateY(-3px)}.system-role-icon[data-astro-cid-ffv6nsva]{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[data-astro-cid-ffv6nsva] h3[data-astro-cid-ffv6nsva]{font-size:var(--font-size-title-sm);font-weight:var(--font-weight-bold);margin-bottom:var(--stack-xs)}.system-role-card[data-astro-cid-ffv6nsva] p[data-astro-cid-ffv6nsva]{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[data-astro-cid-ffv6nsva]{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:65ch}.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)}}.tr-system-view{max-width:1180px;margin:0 auto;padding:0;background:transparent;border:0;border-radius:0;display:grid;grid-template-columns:1fr auto 1.6fr auto 1fr;align-items:stretch;gap:var(--inline-lg)}.msg-system-view--pending{opacity:0;transform:translateY(24px)}.msg-system-view--visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}.tr-flow-card{display:flex;flex-direction:column;gap:var(--stack-sm);padding:var(--inset-xl);background:color-mix(in srgb,var(--surface-card, rgba(20, 20, 28, .88)) 88%,transparent);border:1px solid var(--white-alpha-10);border-radius:var(--radius-xl-sm);text-align:left;min-width:0;transition:border-color .4s ease-in-out,box-shadow .4s ease-in-out,background .4s ease-in-out}.msg-flow-card--active{border-color:color-mix(in srgb,var(--brand-elements-primary, #F5A623) 72%,var(--brand-elements-accent, #FFD86B) 28%);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--brand-elements-primary, #F5A623) 72%,var(--brand-elements-accent, #FFD86B) 28%),inset 0 0 0 1px color-mix(in srgb,var(--brand-elements-accent, #FFD86B) 42%,transparent),0 0 18px color-mix(in srgb,var(--brand-elements-primary, #F5A623) 28%,transparent),0 0 36px color-mix(in srgb,var(--brand-elements-secondary, #F97316) 18%,transparent)}.tr-flow-card h3{font-size:var(--font-size-title-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight, 1.25)}.tr-flow-card p{color:var(--text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-lg);margin:0}.tr-flow-badge{display:block;margin-bottom:var(--stack-xs);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-bold);color:var(--product-accent, var(--primary-400));text-transform:uppercase;letter-spacing:.06em;line-height:1}.tr-flow-code-tag{margin-top:auto;padding-top:var(--stack-md);color:var(--text-tertiary, var(--neutral-500));font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-body-xs);letter-spacing:-.01em}.tr-flow-card-large{padding:var(--inset-xl);background:color-mix(in srgb,var(--surface-card, rgba(20, 20, 28, .88)) 88%,transparent)}.tr-center-head{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--stack-lg)}.tr-center-head h3{font-size:var(--font-size-title-md, 1.375rem);font-weight:var(--font-weight-bold);margin:0;background:var(--product-gradient, var(--brand-fabric-bg));-webkit-background-clip:text;background-clip:text;color:transparent}.tr-center-subheading{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-subcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--inline-sm)}.tr-subcard{display:flex;flex-direction:column;gap:4px;min-width:0;padding:var(--inset-md);background:color-mix(in srgb,var(--surface-card, rgba(20, 20, 28, .88)) 88%,transparent);border:1px solid var(--white-alpha-10);border-radius:var(--radius-md)}.tr-subcard-num{font-size:var(--font-size-body-xs);font-weight:var(--font-weight-bold);color:var(--product-accent, var(--primary-400));font-variant-numeric:tabular-nums}.tr-subcard-category{font-size:var(--font-size-body-xs);font-weight:var(--font-weight-bold);color:var(--text-tertiary, var(--neutral-500));text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--stack-xs)}.tr-subcard h4{font-size:var(--font-size-body-md);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight, 1.25)}.tr-subcard p{font-size:var(--font-size-body-xs);color:var(--text-secondary);margin:var(--stack-xs) 0 0;line-height:var(--line-height-body-lg)}.tr-flow-arrow{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;gap:var(--stack-xs);color:var(--product-accent, var(--primary-400));min-width:120px;overflow:visible}.msg-conn-svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;pointer-events:none;z-index:1}.tr-flow-arrow-pill{position:relative;z-index:2;transform:translateY(-29px);display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;background:transparent;border:1px solid color-mix(in srgb,var(--product-accent, var(--primary-400)) 35%,transparent);border-radius:var(--radius-md);text-align:center;line-height:1.2}.tr-flow-arrow-pill-line{font-size:var(--font-size-body-xs);font-weight:var(--font-weight-bold);color:var(--brand-elements-accent, #FFD86B);text-transform:none;letter-spacing:.02em;white-space:nowrap}.tr-flow-arrow-pill-sub{color:var(--brand-elements-accent, #FFD86B);font-weight:var(--font-weight-bold);letter-spacing:.02em}.tr-flow-arrow-glyph{width:64px;height:16px}.tr-flow-arrow-dash{stroke-dasharray:4 4;animation:tr-flow 2.5s linear infinite}@keyframes tr-flow{to{stroke-dashoffset:-16}}@media(prefers-reduced-motion:reduce){.tr-flow-arrow-dash{animation:none}}@media(max-width:1024px){.tr-subcards{grid-template-columns:1fr}}@media(max-width:900px){.tr-system-view{grid-template-columns:1fr;gap:var(--stack-md)}.tr-flow-arrow{flex-direction:row;min-width:0;padding:var(--stack-xs) 0}.msg-conn-svg{display:none}.tr-flow-arrow-glyph{transform:rotate(90deg);width:32px}.tr-flow-arrow-pill{order:-1}.tr-flow-arrow-pill{transform: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;grid-template-columns:1fr 1fr;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-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-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}@media(max-width:768px){.tr-context-grid{grid-template-columns:1fr}.tr-story-card{padding:var(--inset-xl)}}.msg-dev-bento{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;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-quickstart{grid-row:span 2}.msg-dev-side-stack{display:flex;flex-direction:column;gap:var(--inline-lg)}.msg-dev-card-side{padding:var(--inset-lg)}.msg-dev-card-docs{padding-top:var(--inset-xl)}.msg-dev-card-side h3{font-size:var(--font-size-body-lg);margin:0 0 var(--stack-xs)}.msg-dev-card-side p{font-size:var(--font-size-body-xs);margin:0 0 var(--stack-md)}.msg-dev-card-side .msg-dev-card-icon{width:var(--icon-sm);height:var(--icon-sm);margin-bottom:var(--stack-sm)}.msg-dev-card-header{display:flex;flex-direction:column;gap:var(--stack-xs);margin-bottom:var(--stack-lg)}.msg-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}.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)}.msg-lang-selector{display:inline-flex;gap:4px;padding:4px;background:var(--white-alpha-5);border:1px solid var(--white-alpha-10);border-radius:var(--radius-md);margin-bottom:var(--stack-lg);align-self:flex-start}.msg-lang-tab{padding:6px 14px;font-size:var(--font-size-body-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);background:transparent;border:0;border-radius:calc(var(--radius-md) - 2px);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;transition:all var(--transition-base)}.msg-lang-tab:hover{color:var(--text-primary);background:var(--white-alpha-5)}.msg-lang-tab[data-active=true]{background:var(--product-gradient, var(--primary-500));color:var(--text-primary, #fff);cursor:default}.msg-lang-tab[data-active=true]:hover{background:var(--product-gradient, var(--primary-500));color:var(--text-primary, #fff)}.msg-code-steps{display:flex;flex-direction:column;gap:var(--stack-lg)}.msg-code-step{display:flex;flex-direction:column;gap:var(--stack-sm)}.msg-step-header{display:flex;align-items:center;gap:var(--inline-sm)}.msg-step-number{width:28px;height:28px;border-radius:50%;background:var(--product-gradient, var(--brand-fabric-bg));color:var(--text-primary, #fff);font-size:var(--font-size-body-xs);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.msg-step-title{font-size:var(--font-size-body-md);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.msg-code-block{background:#08080c99;border:1px solid var(--white-alpha-10);border-radius:var(--radius-md);overflow-x:auto}.msg-code-block pre{margin:0;padding:var(--inset-md);font-family:SF Mono,Fira Code,Monaco,monospace;font-size:var(--font-size-body-xs);line-height:1.55;color:var(--text-secondary);white-space:pre}.msg-code-block code{font-family:inherit;background:transparent;padding:0}.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}.dev-card-link>span{display:inline-block;transition:transform var(--duration-short-3) var(--easing-standard)}.dev-card-link:hover>span{transform:translate(3px)}@media(max-width:900px){.msg-dev-bento{grid-template-columns:1fr}.msg-dev-card-quickstart{grid-row:auto}}.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}