.commerce-protocol-page{container:commerce-page / inline-size}.commerce-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.commerce-protocol-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:inherit}.commerce-overview{--commerce-highlight: var(--primary-dark)}:root.dark .commerce-overview{--commerce-highlight: var(--accent-color)}.commerce-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(1.5rem,4.5cqi,3rem);margin-bottom:clamp(2.5rem,5cqi,4rem);border:1px solid color-mix(in srgb,var(--primary-color) 25%,var(--border-color));border-radius:24px;background:radial-gradient(ellipse at 95% 5%,color-mix(in srgb,var(--accent-color) 14%,transparent),transparent 60%),radial-gradient(ellipse at 10% 100%,color-mix(in srgb,var(--primary-light) 12%,transparent),transparent 55%),var(--bg-secondary)}.commerce-hero:after{position:absolute;z-index:-1;top:12%;right:-9rem;width:25rem;height:25rem;border:1px solid color-mix(in srgb,var(--primary-color) 12%,transparent);border-radius:50%;box-shadow:0 0 0 3.5rem color-mix(in srgb,var(--primary-color) 4%,transparent),0 0 0 7rem color-mix(in srgb,var(--primary-color) 3%,transparent);content:"";pointer-events:none}.commerce-hero-topline,.commerce-hero-footer,.commerce-ecosystem-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.commerce-eyebrow{color:var(--commerce-highlight);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.commerce-standard-badge{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:.6875rem}.doc-page .commerce-hero h1{margin:1.75rem 0 var(--spacing-lg);font-family:var(--font-family-display);font-size:clamp(2.5rem,6.3cqi,4.5rem);font-weight:800;line-height:1.08;letter-spacing:var(--tracking-display-tight)}.commerce-hero h1>span{display:block;width:fit-content;color:var(--commerce-highlight);background:linear-gradient(105deg,var(--commerce-highlight),var(--primary-color) 60%,var(--text-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.doc-page .commerce-hero-copy>p{max-width:540px;margin-bottom:var(--spacing-xl);font-size:var(--font-size-md);line-height:1.7}.commerce-hero .btn{min-height:44px}.commerce-hero-footer{margin-top:2.25rem;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-xs)}.commerce-hero-footer a{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.commerce-ecosystem-heading{align-items:flex-end;margin-bottom:var(--spacing-xl)}.doc-page.commerce-overview .commerce-ecosystem-heading h2{margin:var(--spacing-sm) 0 0;padding:0;border:0;font-family:var(--font-family-display);font-size:clamp(1.35rem,3cqi,1.75rem);letter-spacing:var(--tracking-display)}.commerce-ecosystem,#ecosystem-role-detail{scroll-margin-top:90px}.doc-page .commerce-ecosystem-heading p{margin:0;font-size:var(--font-size-sm)}.commerce-ecosystem .commerce-businesses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--spacing-xl)}.commerce-businesses .platform-tab{min-height:44px;padding-inline:var(--spacing-sm);font-family:inherit}.commerce-ecosystem-canvas{padding:var(--spacing-xl);border:1px solid var(--border-color);border-radius:16px;background:color-mix(in srgb,var(--bg-secondary) 55%,var(--bg-primary))}.commerce-ecosystem-roles{display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr) 76px minmax(0,1fr);align-items:stretch}.commerce-protocol-page .commerce-ecosystem-role{align-items:stretch;justify-content:flex-start;flex-direction:column;gap:0;min-width:0;padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);text-align:left;font-weight:400;line-height:1.5;transition:border-color .15s ease,background-color .15s ease}.commerce-ecosystem-role[data-owned=true]{border-color:color-mix(in srgb,var(--commerce-highlight) 65%,var(--border-color));background:color-mix(in srgb,var(--primary-color) 9%,var(--bg-primary))}.commerce-protocol-page .commerce-ecosystem-role:hover,.commerce-protocol-page .commerce-ecosystem-role[aria-expanded=true]{border-color:var(--commerce-highlight);background:color-mix(in srgb,var(--primary-color) 15%,var(--bg-primary))}.commerce-role-topline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.commerce-role-icon{display:inline-flex;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary)}.commerce-ecosystem-role[data-owned=true] .commerce-role-icon{color:var(--commerce-highlight);border-color:color-mix(in srgb,var(--primary-color) 25%,transparent);background:color-mix(in srgb,var(--primary-color) 10%,transparent)}.commerce-role-ownership{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.6875rem}.commerce-ecosystem-role[data-owned=true] .commerce-role-ownership{color:var(--commerce-highlight)}.commerce-ecosystem-role>strong{font-size:var(--font-size-lg);font-weight:650}.commerce-role-description{margin-top:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-xs)}.commerce-role-action{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-xl);color:var(--commerce-highlight);font-size:var(--font-size-xs);font-weight:500}.commerce-role-connection{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding-inline:var(--spacing-xs);color:var(--text-secondary);font-size:.6875rem;line-height:1.5;text-align:center}.commerce-app-boundary{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-xs)}.commerce-app-boundary>svg{flex-shrink:0}.commerce-app-boundary>div{display:grid;gap:var(--spacing-xs)}.commerce-app-boundary strong{color:var(--text-primary);font-weight:500}.commerce-boundary-label{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-left:auto;white-space:nowrap}.doc-page .commerce-ecosystem-note{margin:var(--spacing-md) 0 var(--spacing-2xl);font-size:var(--font-size-xs)}.commerce-architecture{padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:var(--spacing-xl)}.commerce-architecture-heading,.commerce-part-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm)}.doc-page .commerce-architecture-heading h2,.doc-page .commerce-part-title h3{margin:0;padding:0;border:0}.commerce-architecture-heading>span,.commerce-architecture small,.commerce-explore-section summary small{color:var(--text-secondary);font-size:var(--font-size-xs)}.commerce-architecture-map{display:grid;grid-template-columns:minmax(90px,1fr) 55px minmax(90px,1fr) 80px minmax(200px,2fr) 90px minmax(110px,1.1fr);align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) 0 var(--spacing-lg)}.commerce-architecture-end,.commerce-connection{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center}.commerce-architecture-end .btn{width:100%;min-height:62px;flex-direction:column;padding-inline:var(--spacing-sm)}.commerce-connection{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.4}.commerce-provider{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.commerce-connection small{overflow-wrap:normal;word-break:normal}.commerce-provider>strong{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.commerce-provider>small{display:block;text-align:center;margin-top:var(--spacing-xs)}.commerce-provider>div{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.commerce-provider .btn{width:100%}.commerce-app-connection,.commerce-contract-node{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm);font-size:var(--font-size-xs)}.commerce-app-connection{padding:var(--spacing-sm);border-block:1px dashed var(--border-color);color:var(--text-secondary)}.commerce-contract-node{margin-top:var(--spacing-lg)}.commerce-part-detail{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.commerce-explore-section{margin:var(--spacing-md) 0;border:1px solid var(--border-color);border-radius:8px;scroll-margin-top:90px}.commerce-explore-section>summary{padding:var(--spacing-lg);cursor:pointer}.commerce-explore-section>summary>span{font-weight:600}.commerce-explore-section summary small{margin-left:var(--spacing-md)}.commerce-explore-content{padding:0 var(--spacing-lg) var(--spacing-lg)}.commerce-run-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg);padding:var(--spacing-md) 0;color:var(--text-secondary);font-size:var(--font-size-xs)}.commerce-build-caption{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg) 0}.doc-page .commerce-build-caption h3,.commerce-build-caption p{margin:0 0 var(--spacing-sm)}.commerce-build-caption small,.commerce-capture-note{color:var(--text-secondary);font-size:var(--font-size-xs)}.commerce-step-controls{display:flex;gap:var(--spacing-xs)}.commerce-capture-link{display:block}.commerce-capture-link img{display:block;width:100%;height:auto;border-radius:6px}.commerce-run-details{padding:var(--spacing-md) 0;border-top:1px solid var(--border-color);font-size:var(--font-size-sm)}.commerce-run-details summary{cursor:pointer}.commerce-run-details[open]>summary{margin-bottom:var(--spacing-md)}@container commerce-page (max-width: 830px){.commerce-architecture-map{grid-template-columns:1fr;gap:var(--spacing-md)}.commerce-architecture-end .btn{width:min(100%,320px);min-height:0;flex-direction:row}.commerce-connection{flex-direction:row;justify-content:center}.commerce-connection svg{transform:rotate(90deg)}.commerce-provider{width:100%}.commerce-provider>div{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-app-connection{text-align:center}}@container commerce-page (max-width: 440px){.commerce-architecture{padding:var(--spacing-md)}.commerce-explore-section summary small{display:block;margin:var(--spacing-xs) 0 0}.commerce-build-caption{align-items:flex-start}.commerce-part-title{flex-wrap:nowrap}}@container commerce-page (max-width: 720px){.commerce-ecosystem-roles{grid-template-columns:1fr}.commerce-role-connection{flex-direction:row;padding-block:var(--spacing-md)}.commerce-role-connection svg{transform:rotate(90deg)}.commerce-role-topline{margin-bottom:var(--spacing-md)}.commerce-boundary-label{display:none}}@container commerce-page (max-width: 440px){.commerce-hero{padding:var(--spacing-xl);border-radius:16px}.doc-page .commerce-hero h1{font-size:clamp(2rem,9cqi,2.5rem)}.commerce-hero .commerce-actions{align-items:stretch;flex-direction:column}.commerce-ecosystem .commerce-businesses{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm) 0}.commerce-ecosystem-canvas{padding:var(--spacing-md)}}@media(prefers-reduced-motion:reduce){.commerce-overview .btn{transition:none}}.commerce-sequence-tabs{overflow-x:auto}.commerce-sequence-tabs .language-tab{white-space:nowrap}.commerce-sequence{margin:var(--spacing-lg) 0}.commerce-sequence-scroll{overflow:auto;border:1px solid var(--border-color);border-radius:8px}.commerce-sequence-scroll:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.commerce-sequence-scroll img{display:block;width:100%;min-width:760px}:root.dark .commerce-sequence-scroll img{filter:invert(.92) hue-rotate(180deg)}