/* Owner-approved Product Studio hero. Both locales share the same geometry. */

.studio-graphic{--studio-blue:#2757c9;--studio-ink:#151515;--studio-muted:#5b606b;margin:0;min-width:0;color:var(--studio-ink);container-type:inline-size;font-family:"Helvetica Now Text","Helvetica Neue",Helvetica,Arial,sans-serif;isolation:isolate}
.studio-graphic *{box-sizing:border-box}
.studio-graphic>figcaption{font-family:var(--font-signature,"Neue Machina"),"Helvetica Now Text",sans-serif;font-size:25px;font-weight:500;line-height:1.15;letter-spacing:-.035em;margin:0 0 24px}
.studio-graphic a{color:inherit;text-decoration:none}
.studio-graphic a:focus-visible{outline:3px solid var(--studio-blue);outline-offset:5px;position:relative;z-index:4}
.studio-graphic a:hover .studio-diagonal,.studio-access:hover>.studio-arrow{transform:translate(2px,-2px)}
.studio-graphic ::selection{background:#2757c9;color:white}
.studio-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0}
.studio-surface{background:#f4f5f7;padding:24px 24px 0;position:relative}
.studio-macs{position:relative;padding:20px 24px 0;background:white;box-shadow:0 7px 13px -10px #17254f66,0 18px 32px -24px #17254f70;z-index:2}
.studio-mac-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #dbdee4;font-size:23px;line-height:1.2;letter-spacing:-.025em}
.studio-mac-heading strong{font-weight:500}
.studio-diagonal{width:17px;height:17px;stroke:currentColor;stroke-width:1.4;flex:none;transition:transform .24s cubic-bezier(.22,0,0,1)}
.studio-mac-heading>.studio-diagonal{color:var(--studio-blue)}
.studio-ai{display:grid;grid-template-columns:1fr 54px 1.15fr;align-items:center;gap:14px;padding:20px 0 19px}
.studio-agents,.studio-mcp{display:flex;flex-direction:column;align-items:flex-start;gap:10px;line-height:1.2;font-size:15px}
.studio-agents strong{font-weight:500}
.studio-logos{display:flex;align-items:center;gap:12px;height:30px}
.studio-logos img{width:28px;height:28px;object-fit:contain;display:block}
.studio-ai-route{display:flex;align-items:center;justify-content:center;color:var(--studio-blue);align-self:center;margin-top:-20px}
.studio-ai-route>.studio-arrow{width:46px;height:22px}
.studio-arrow{width:20px;height:20px;stroke:currentColor;stroke-width:1.3;flex:none;transition:transform .24s cubic-bezier(.22,0,0,1)}
.studio-port{width:42px;height:30px;stroke:var(--studio-blue);stroke-width:1.5}
.studio-mcp small{font-size:12px;color:var(--studio-muted);margin-left:3px;white-space:nowrap}
.studio-installed{display:grid;grid-template-columns:1fr 1.2fr 1fr;border-top:1px solid #dbdee4;color:var(--studio-muted);font-size:13px;line-height:1.28;min-height:60px;align-items:center}
.studio-installed>span{padding:12px 0}
.studio-installed>span+span{padding-left:20px;border-left:1px solid #e9ebef}
.studio-installed>span:last-child{padding-left:23px}
.studio-sources{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 36px;padding:21px 0 0}
.studio-main-wire{position:absolute;width:1px;top:0;bottom:0;left:50%;background:var(--studio-blue)}
.studio-source{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;padding-inline:14px;line-height:1.25;text-align:center;position:relative;z-index:1}
.studio-source strong{font-size:15px;font-weight:500;letter-spacing:-.015em;background:#f4f5f7}
.studio-source>span{font-size:12px;color:var(--studio-muted);background:#f4f5f7}
.studio-source-wire{grid-column:1 / -1;grid-row:2;width:100%;height:36px;display:block;stroke:var(--studio-blue);stroke-width:1;pointer-events:none}
.studio-engine{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;gap:18px 20px;background:var(--studio-blue);color:#fff;padding:20px;margin-inline:-7px;box-shadow:0 11px 19px -15px #133882aa;min-height:190px}
.studio-engine::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:5px;background:#1d46aa}
.studio-engine a:hover{text-decoration:underline;text-underline-offset:4px}
.studio-engine a:focus-visible{outline-color:white;outline-offset:-3px}
.studio-record-wire{position:relative;width:1px;height:29px;margin-inline:auto;background:var(--studio-blue)}
.studio-record-wire::after{content:"";position:absolute;width:6px;height:6px;bottom:2px;left:-2.5px;border-right:1px solid var(--studio-blue);border-bottom:1px solid var(--studio-blue);transform:rotate(45deg)}
.studio-evidence{padding:7px 0 0}
.studio-evidence-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:14px;line-height:1.3;margin-bottom:14px}
.studio-evidence-title strong{font-weight:500;color:var(--studio-ink)}
.studio-evidence-title>span{font-size:13px;color:var(--studio-muted)}
.studio-records{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding-bottom:21px}
.studio-record{position:relative;display:grid;grid-template-columns:25px 1fr 13px;align-items:center;gap:8px;min-height:55px;background:white;padding:12px 11px 10px;box-shadow:0 2px 4px -3px #19243e2b;font-size:13px;line-height:1.2;color:var(--studio-blue)!important}
.studio-record::before{content:"";position:absolute;left:0;right:0;top:-3px;height:1px;background:#c9cfdc}
.studio-record-glyph{width:22px;height:27px;stroke:var(--studio-blue);stroke-width:1.2}
.studio-record>.studio-diagonal{width:13px;height:13px;align-self:start}
.studio-record:hover{color:#1d46aa!important}
.studio-record:hover>span,.studio-source:hover>strong,.studio-mac-heading:hover>strong,.studio-ai:hover .studio-agents>strong{text-decoration:underline;text-underline-offset:4px}
.studio-access{display:flex;align-items:center;gap:16px;border-bottom:1px solid #dbdee4;padding:19px 0 16px;line-height:1.25;color:var(--studio-blue)!important}
.studio-access code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:18px;letter-spacing:-.04em}
.studio-access>span{font-size:13px;color:var(--studio-muted)}
.studio-access>.studio-arrow{margin-left:auto}
.studio-access:hover>span{text-decoration:underline;text-underline-offset:4px;color:var(--studio-blue)}
@container(max-width:450px){
 .studio-graphic>figcaption{font-size:24px;margin-bottom:20px}
 .studio-surface{padding:20px 16px 0}
 .studio-macs{padding:17px 18px 0}
 .studio-mac-heading{font-size:21px;padding-bottom:13px}
 .studio-ai{grid-template-columns:1fr 27px 1.12fr;gap:10px;padding-block:18px}
 .studio-logos{gap:8px}
 .studio-logos img{width:24px;height:24px}
 .studio-ai-route>.studio-arrow{width:27px}
 .studio-mcp{font-size:14px}
 .studio-mcp small{display:block;margin:4px 0 0}
 .studio-installed{font-size:12px;min-height:60px}
 .studio-installed>span+span,.studio-installed>span:last-child{padding-left:13px}
 .studio-sources{padding-top:21px}
 .studio-source strong{font-size:14px}
 .studio-source>span{font-size:12px;max-width:132px}
 .studio-evidence-title{align-items:flex-start;flex-direction:column;gap:3px}
 .studio-evidence-title>span{font-size:12px}
 .studio-records{gap:7px}
 .studio-record{grid-template-columns:1fr 13px;gap:6px;padding:10px 8px;min-height:75px;font-size:12px;align-items:end}
 .studio-record-glyph{grid-column:1;grid-row:1;width:20px;height:24px}
 .studio-record>span{grid-column:1 / -1;grid-row:2}
 .studio-record>.studio-diagonal{grid-column:2;grid-row:1}
 .studio-access{gap:12px}
 .studio-access code{font-size:17px}
 .studio-access>span{font-size:12px;max-width:21ch}
}
@container(max-width:315px){
 .studio-graphic>figcaption{font-size:23px}
 .studio-surface{padding:16px 12px 0}
 .studio-macs{padding:15px 13px 0}
 .studio-ai{grid-template-columns:.95fr 19px 1.12fr;gap:6px}
 .studio-agents{font-size:14px}
 .studio-logos{gap:6px}
 .studio-logos img{width:21px;height:21px}
 .studio-mcp{font-size:13px}
 .studio-ai-route>.studio-arrow{width:21px}
 .studio-installed{grid-template-columns:.9fr 1.25fr 1fr;font-size:12px}
 .studio-installed>span+span,.studio-installed>span:last-child{padding-left:9px}
 .studio-sources{padding-top:22px}
 .studio-source{padding-inline:10px}
 .studio-source strong{font-size:14px;max-width:94px}
 .studio-source>span{max-width:100px;line-height:1.35}
 .studio-records{gap:5px}
 .studio-record{padding-inline:7px}
 .studio-access{gap:10px}
 .studio-access>span{max-width:17ch}
}

.studio-category-icon{display:block;width:21px;height:21px;flex:none;color:var(--studio-blue)}
.studio-mac-label{display:flex;align-items:center;gap:11px}
.studio-mac-label>.studio-category-icon{width:25px;height:25px}
.studio-installed>span{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;line-height:1.35}
.studio-installed .studio-category-icon{width:19px;height:19px}
.studio-source>.studio-category-icon{width:23px;height:23px;margin-bottom:3px}
.studio-function{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;position:relative;z-index:2;min-width:0;min-height:63px;padding:4px 0;color:#fff!important;text-align:center;font-size:13px;line-height:1.35}
.studio-function>span,.studio-function>.studio-category-icon{background:var(--studio-blue)}
.studio-function>.studio-category-icon{color:#fff;width:22px;height:22px}
.studio-protection{grid-area:1/1}.studio-settings{grid-area:1/3}
.studio-visibility{grid-area:2/1}.studio-alerts{grid-area:2/3}
.studio-emblem{grid-area:1/2/3/3;position:relative;z-index:2;background:var(--studio-blue);padding:8px}
.studio-emblem>img{display:block;width:100%;height:auto}
.studio-hub-routes{position:absolute;inset:12px 20px;width:calc(100% - 40px);height:calc(100% - 24px);stroke:#a9bff2;stroke-width:1;pointer-events:none}
.studio-flow-trace{opacity:0;stroke:#174199;stroke-width:2.2;pointer-events:none}
.studio-hub-routes .studio-flow-trace{stroke:#fff;stroke-width:1.8}
.studio-down-trace{position:absolute;inset:0 -1px;background:#174199;opacity:0;pointer-events:none}
.studio-flow-trace,.studio-down-trace{will-change:auto}
@container(max-width:450px){
 .studio-engine{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:17px 9px;padding:18px 12px;margin-inline:-3px;min-height:188px}
 .studio-function{font-size:12px;min-height:64px}
 .studio-emblem{padding:5px}
 .studio-hub-routes{inset:12px;width:calc(100% - 24px)}
 .studio-installed>span+span,.studio-installed>span:last-child{padding-left:10px}
}
@container(max-width:315px){
 .studio-engine{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);column-gap:6px;padding-inline:10px}
 .studio-function{font-size:12px;min-height:70px}
 .studio-function>.studio-category-icon{width:20px;height:20px}
 .studio-installed>span+span,.studio-installed>span:last-child{padding-left:7px}
 .studio-installed>span>span{overflow-wrap:anywhere}
}

@media(prefers-reduced-motion:reduce){.studio-graphic *,.studio-graphic *::before,.studio-graphic *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}