/* Hallmark · macrostructure: Ecosystem Index / Compact Catalogue · theme: Locked Hemu indigo · nav: existing shared mega menu · footer: existing site index */
/* Hallmark · pre-emit critique: P4 H5 E4 S5 R4 V4 · internal design review */
@import url('./application-tokens.css');
@view-transition {navigation:auto;}
html:has(.application-page),body.application-page {overflow-x:clip;}
.application-page main {background:var(--app-canvas);color:var(--app-ink);font-family:var(--app-font);}
.app-shell {width:min(1368px,calc(100% - 64px));margin-inline:auto;min-width:0;}
.app-hero {padding-block:44px 32px;}
.app-breadcrumb {display:flex;gap:12px;align-items:center;margin-bottom:28px;color:var(--app-muted);font-size:13px;}
.app-breadcrumb a {color:inherit;text-decoration:none;min-height:32px;display:inline-flex;align-items:center;white-space:nowrap;}
.app-hero-grid {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:center;}
.app-hero-copy h1 {font:700 clamp(44px,5vw,72px)/1.14 var(--app-font);letter-spacing:-.045em;margin:12px 0 22px;overflow-wrap:anywhere;min-width:0;}
.app-detail-hero h1 {font-size:clamp(36px,4.5vw,64px);}
.app-hero-line {font:600 clamp(20px,2vw,27px)/1.5 var(--app-font);margin:0 0 14px;}
.app-lead {font:400 16px/1.9 var(--app-font);max-width:36em;color:var(--app-muted);margin:0 0 26px;}
.app-actions {display:flex;gap:12px 24px;flex-wrap:wrap;align-items:center;}
.app-button,.app-link {display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;font:600 14px/1.5 var(--app-font);text-decoration:none;white-space:nowrap;cursor:pointer;}
.app-button {padding:11px 20px;background:var(--app-accent);color:var(--pi-surface);border:1px solid var(--app-accent);border-radius:8px;transition:transform var(--app-duration) var(--app-ease),box-shadow var(--app-duration) var(--app-ease);}
html[data-theme="dark"] .app-button {color:var(--app-canvas);}
.app-button.is-quiet {background:var(--app-surface);border-color:var(--app-line);color:var(--app-ink);}
.app-link {padding:0;border:0;background:transparent;color:var(--app-accent);text-align:left;justify-content:flex-start;}
.app-link span,.app-button span {transition:transform var(--app-duration) var(--app-ease);}
.app-button:active {transform:translateY(1px);}
.app-hero-meta {display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:24px;font:400 12px/1.7 var(--app-font);color:var(--app-muted);}
.app-preview {margin:0;min-width:0;position:relative;border-radius:var(--app-radius);}
.app-preview img {display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius);box-shadow:var(--app-shadow);}
.app-preview figcaption {font:400 11px/1.7 var(--app-font);color:var(--app-muted);margin-top:12px;text-align:right;}
.app-section-head {display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px;}
.app-section-head h2,.app-workflow h2,.app-source-section h2 {font:650 27px/1.4 var(--app-font);margin:0;letter-spacing:-.025em;}
.app-section-head p {color:var(--app-muted);margin:0;font-size:13px;}
.app-catalog {padding-block:24px 64px;scroll-margin-top:90px;}
.app-catalog-controls {display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px;}
.app-card-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.app-agent-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.app-card {display:flex;flex-direction:column;min-width:0;padding:28px;background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius);position:relative;scroll-margin-top:96px;transition:border-color var(--app-duration),box-shadow var(--app-duration);}
.app-card-top {display:flex;justify-content:space-between;gap:12px;align-items:center;}
.app-icon {width:52px;height:52px;flex:0 0 52px;display:block;object-fit:contain;border-radius:12px;}
.app-monogram {display:grid;place-items:center;background:color-mix(in srgb,var(--app-accent) 9%,var(--app-surface));color:var(--app-accent);font:750 23px/1 var(--app-font);border:1px solid color-mix(in srgb,var(--app-accent) 15%,var(--app-line));}
.app-type {display:inline-flex;font:500 11px/1.6 var(--app-font);color:var(--app-muted);}
.app-card h3 {margin:22px 0 12px;font:650 23px/1.4 var(--app-font);letter-spacing:-.025em;overflow-wrap:anywhere;}
.app-card > p {font:400 14px/1.95 var(--app-font);color:var(--app-muted);margin:0 0 22px;}
.app-card-meta {font:400 11px/1.8 var(--app-font);color:var(--app-muted);margin-top:auto;padding-bottom:16px;}
.app-card footer {display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--app-line);}
.app-empty {padding:40px;border:1px dashed var(--app-line);border-radius:var(--app-radius);text-align:center;}
.app-empty p {color:var(--app-muted);}
.app-hub-hero {padding-block:64px 48px;}
.app-hub-showcase {position:relative;padding:20px 0 52px;}
.app-showcase-primary {display:block;border:1px solid var(--app-line);border-radius:var(--app-radius);overflow:clip;background:var(--app-surface);box-shadow:var(--app-shadow);text-decoration:none;color:var(--app-ink);}
.app-showcase-primary img {display:block;width:100%;height:auto;}
.app-showcase-primary > span {display:flex;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--app-line);font-size:13px;}
.app-showcase-secondary {position:absolute;bottom:16px;left:-24px;display:flex;gap:16px;align-items:center;border:1px solid var(--app-line);border-radius:12px;padding:16px 24px;background:var(--app-surface);box-shadow:var(--app-shadow);text-decoration:none;color:var(--app-ink);}
.app-showcase-secondary img {width:44px;height:44px;object-fit:contain;}
.app-showcase-secondary strong,.app-showcase-secondary small {display:block;}
.app-showcase-secondary small {font-size:11px;color:var(--app-muted);margin-top:4px;}
.app-hub-channels {padding-bottom:64px;}
.app-hub-channel {display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px;padding:36px 0;border-top:1px solid var(--app-line);}
.app-hub-channel h2 {margin:0 0 8px;}
.app-hub-channel h2 .app-link {font-size:30px;letter-spacing:-.03em;}
.app-hub-channel p {color:var(--app-muted);font:400 14px/1.9 var(--app-font);max-width:30em;}
.app-channel-count {font:400 12px/1.8 var(--app-font);color:var(--app-muted);}
.app-channel-items {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;}
.app-channel-items > a {display:flex;gap:14px;align-items:center;padding:16px 0;text-decoration:none;color:var(--app-ink);border-bottom:1px solid var(--app-line);min-width:0;}
.app-channel-items .app-icon {width:36px;height:36px;flex-basis:36px;font-size:18px;border-radius:8px;}
.app-channel-items strong {display:block;font-size:14px;overflow-wrap:anywhere;}
.app-channel-items small {display:block;font-size:11px;color:var(--app-muted);margin-top:5px;}
.app-channel-items > a > span:last-child {margin-left:auto;color:var(--app-muted);}

.app-capabilities {padding-block:24px 36px;}
.app-capability-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;}
.app-capability-grid article {border-top:2px solid var(--app-accent);padding-top:16px;}
.app-capability-grid h3 {font-size:19px;margin:0 0 12px;}
.app-capability-grid p,.app-workflow li {font:400 14px/1.95 var(--app-font);color:var(--app-muted);}
.app-workflow {padding-block:24px 40px;}
.app-workflow ol {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:24px 0 0;padding:0;list-style:none;counter-reset:workflow;}
.app-workflow li {counter-increment:workflow;border-top:1px solid var(--app-line);padding-top:16px;}
.app-workflow li::before {content:counter(workflow,decimal-leading-zero);display:block;font:600 13px/1.6 var(--app-font);color:var(--app-accent);margin-bottom:10px;}
.app-download-section,.app-source-section {padding-block:28px 40px;border-top:1px solid var(--app-line);scroll-margin-top:96px;}
.app-download-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;}
.app-download-row {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border:1px solid var(--app-line);background:var(--app-surface);border-radius:10px;color:var(--app-ink);text-decoration:none;transition:transform var(--app-duration) var(--app-ease),border-color var(--app-duration);}
.app-download-row strong,.app-download-row small {display:block;}
.app-download-row strong {font-size:14px;white-space:nowrap;}
.app-download-row small {font-size:12px;color:var(--app-muted);margin-top:6px;}
.app-note {font:400 12px/1.85 var(--app-font);color:var(--app-muted);max-width:65em;}
.app-source-section {display:flex;gap:32px;justify-content:space-between;align-items:center;}
.app-source-section > div:last-child {display:flex;gap:24px;flex-wrap:wrap;flex-shrink:0;}
.app-source-section p {font:400 14px/1.9 var(--app-font);color:var(--app-muted);max-width:48em;}
.app-related {padding-block:24px 56px;}
.app-related-links {display:flex;gap:16px 36px;flex-wrap:wrap;}
.application-page main [hidden],.app-card[hidden] {display:none!important;}
.app-motion {opacity:1;}
.app-motion.is-pending {opacity:0;}
.application-page main :is(a,button,input):focus-visible {outline:2px solid var(--app-focus)!important;outline-offset:4px!important;}
.application-page button:disabled {opacity:.5;cursor:not-allowed;transform:none;}
@keyframes app-preview-float {0%,100% {transform:translateY(0);}50% {transform:translateY(-6px);}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 .app-hub-showcase .app-showcase-secondary {animation:app-preview-float 7s var(--app-ease) infinite;}
 .app-hub-showcase:focus-within .app-showcase-secondary {animation-play-state:paused;}
}
.application-page.is-background main * {animation-play-state:paused!important;}
@media(hover:hover) and (pointer:fine) {
 .app-button:hover {transform:translateY(-3px);box-shadow:var(--app-shadow);}
 .app-link:hover > span {transform:translate(3px,-2px);}
 .app-download-row:hover {transform:translateY(-2px);border-color:var(--app-accent);}
}
@media(max-width:1100px) {.app-hero-grid {gap:32px;}.app-card-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.app-hub-channel {gap:32px;}}
@media(max-width:900px) {.app-shell {width:calc(100% - 40px);}.app-hero-grid {grid-template-columns:minmax(0,1fr);gap:28px;}.app-hero {padding-top:32px;}.app-hero-copy h1 {font-size:48px;}.app-preview {max-width:760px;}.app-hero-meta {margin-top:20px;}.app-hub-showcase {max-width:680px;margin-inline:20px;}.app-hub-channel {grid-template-columns:minmax(0,1fr);gap:12px;}.app-capability-grid {gap:24px;}.app-workflow ol {gap:24px;}.app-source-section {flex-direction:column;align-items:flex-start;}}
@media(max-width:600px) {.app-shell {width:calc(100% - 32px);}.app-hero {padding-top:26px;}.app-hub-hero {padding-top:36px;}.app-breadcrumb {margin-bottom:20px;}.app-hero-copy h1 {font-size:42px;margin-bottom:18px;}.app-detail-hero h1 {font-size:36px;}.app-hero-line {font-size:20px;}.app-lead {font-size:14px;margin-bottom:22px;}.app-card-grid,.app-agent-grid,.app-capability-grid,.app-workflow ol,.app-download-grid {grid-template-columns:minmax(0,1fr);}.app-card {padding:24px;}.app-catalog-controls {align-items:stretch;gap:16px;}.app-catalog-controls .org-search {flex:1;}.app-catalog-controls .org-search input {width:100%;}.app-section-head {flex-direction:column;align-items:flex-start;gap:8px;}.app-section-head h2 {font-size:25px;}.app-channel-items {grid-template-columns:minmax(0,1fr);gap:0;}.app-channel-items > a {padding:14px 0;}.app-hub-channel {padding-block:28px;}.app-hub-channel h2 .app-link {font-size:26px;}.app-showcase-secondary {left:-12px;padding:12px 16px;}.app-workflow ol {gap:12px;}.app-capability-grid {gap:20px;}.app-catalog {padding-bottom:40px;}.app-type {font-size:10px;}.app-download-row {padding:18px;}.app-source-section > div:last-child {gap:12px;}.app-related-links {gap:12px 24px;}}
@media(prefers-reduced-motion:reduce) {.app-motion.is-pending {opacity:1;}.application-page main * {animation:none!important;transition:none!important;}.app-motion {transform:none!important;}::view-transition-old(root),::view-transition-new(root) {animation:none!important;}}

.app-capability-grid article[id] {scroll-margin-top:96px;}

@media(max-width:600px) {.app-catalog-controls .org-search {flex:1 0 100%;width:100%;}}

/* Catalogue pages open straight into products; full previews belong to product pages. */
.app-category-hero {padding-bottom:28px;border-bottom:1px solid var(--app-line);}
.app-category-hero .app-breadcrumb {margin-bottom:16px;}
.app-category-hero .app-hero-copy h1 {font-size:clamp(38px,4.5vw,56px);margin:0 0 16px;}
.app-category-hero .app-lead {max-width:64em;margin:0;}
.app-catalog .app-section-head {margin-bottom:16px;}
.app-catalog .app-section-head p {margin-left:auto;}
.app-card-title {color:inherit;text-decoration:none;transition:color var(--app-duration);}
.app-card {transition:transform var(--app-duration) var(--app-ease),border-color var(--app-duration),box-shadow var(--app-duration);}
@media(hover:hover) and (pointer:fine) {.app-card-title:hover {color:var(--app-accent);}.app-card:hover {transform:translateY(-4px);border-color:var(--app-accent);box-shadow:var(--app-shadow);}}
@media(max-width:600px) {.app-category-hero {padding-bottom:22px;}.app-category-hero .app-hero-copy h1 {font-size:38px;}}