/* Homepage-only visual system. AIOS retains the original styles.css rules. */
.myria-home { background: #f7f8f3; }
.myria-home .site-header { background: rgba(211,222,205,.96); border-color: #bfcdbc; }
.myria-home .site-header .nav { height: 86px; }
.myria-home .brand { flex-shrink: 0; }
.myria-home .site-header .brand img { background: transparent; padding: 0; width: 42px; }
.myria-home .site-header .brand strong { font-size: 19px; }
.myria-home .site-header .brand span { font-size: 9px; letter-spacing: .13em; margin-top: 6px; color: #596e60; }
.myria-home .hero { background: #163d30; }
.myria-home .hero::before { background: radial-gradient(ellipse at 88% 35%, #819982 0, #4f715b 27%, #173d30 65%, #0e2b21 100%); }
.myria-home .hero::after { width: 60%; right: -5%; opacity: .22; background: repeating-linear-gradient(90deg, transparent 0 68px, #c6d4b833 69px 70px); transform: skewY(-12deg); }
.myria-home .hero-body { padding-top: 76px; padding-bottom: 44px; min-height: 620px; }
.myria-home .hero .eyebrow { color: #b5c9ad; font-size: 11px; letter-spacing: .2em; }
.myria-home .hero .eyebrow::before { width: 30px; height: 2px; background: #c8be8b; }
.myria-home .hero h1 { font: 700 clamp(52px,7vw,90px)/1.15 var(--sans); color: #f4f3df; letter-spacing: .055em; margin: 28px 0 14px; }
.hero-english { color: #f4f3df; font-size: 25px; letter-spacing: .21em; }
.hero-slogan { font-size: clamp(20px,2.5vw,29px); letter-spacing: .16em; color: #c2d2b9; margin-top: 27px; }
.myria-home .hero .lead { font-size: 15px; color: #c5d3c8; line-height: 1.8; margin-top: 18px; }
.myria-home .hero .primary { background: #d8dec1; color: #173c2f; border-color: #d8dec1; }
.myria-home .hero .secondary { color: #e4e9d8; border-color: #a7ba9c66; }
.myria-home .hero .secondary:hover { color: #163d30; }
.hero-principles { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 44px; }
.hero-principles span { padding: 8px 15px; border: 1px solid #b6bb8866; border-radius: 30px; color: #bfd0b6; font-size: 12px; }
.hero-emblem { position: absolute; right: 8%; top: 24%; width: 260px; height: 260px; border: 1px solid #cfdbc04d; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 26px; background: #adc3a609; box-shadow: 0 0 0 38px #c9d8b908, 0 0 0 80px #c9d8b906; color: #d2dfc5; text-align: center; font-size: 11px; letter-spacing: .17em; line-height: 1.9; }
.myria-home .section-head h2 { font-family: var(--sans); font-size: clamp(25px,3vw,34px); letter-spacing: -.035em; }
.myria-home #capabilities { padding-top: 66px; padding-bottom: 66px; }
.myria-home .capability-card:not(.capability-aios) { background: #eef1e7; border: 1px solid #d4ddca; box-shadow: none; border-radius: 12px; }
.myria-home .capability-card:not(.capability-aios)::before { background: #7c9273; }
.myria-home .capability-card:not(.capability-aios) h3 { font-family: var(--sans); }
.myria-home .capability-skill .capability-type,.myria-home .capability-agent .capability-type { color: #4c694e; }
.myria-home #apps { background: #eaf0e6; }
.catalog-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.catalog-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.catalog-filters button { border: 1px solid #c9d4c3; border-radius: 30px; padding: 10px 17px; color: #45604d; background: transparent; font: 500 13px var(--sans); cursor: pointer; }
.catalog-filters button[aria-pressed="true"] { background: #244c38; color: #f4f4e6; border-color: #244c38; }
.catalog-filters button:hover { border-color: #244c38; }
#catalog-count { white-space: nowrap; font-size: 12px; color: #61745f; }
.agent-catalog { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.agent-catalog .app-card { min-width: 0; min-height: 420px; padding: 22px; border: 1px solid #d0dacb; border-radius: 12px; background: #fbfcf6; box-shadow: none; }
.agent-catalog .app-card:hover { border-color: #718a68; box-shadow: 0 12px 28px #2647310d; transform: translateY(-3px); }
.agent-catalog .app-card::after { display: none; }
.agent-catalog .app-card[hidden] { display: none; }
.agent-catalog .card-top { gap: 6px; flex-wrap: wrap; margin-bottom: 22px; }
.agent-catalog .tag { background: transparent; color: #60745c; padding: 0; font-size: 11px; }
.agent-catalog .status { font-size: 10px; background: #eaf0e3; color: #58734f; }
.agent-icon { width: 42px; height: 42px; border: 1px solid #c5d2bb; border-radius: 11px; background: #e9efdf; color: #3e6749; display: grid; place-items: center; margin-bottom: 18px; }
.agent-icon svg { width: 23px; height: 23px; }
.agent-catalog .app-card h3 { font: 600 19px/1.5 var(--sans); margin-bottom: 12px; }
.agent-catalog .app-card > p { font-size: 13px; line-height: 1.85; color: #596c59; }
.agent-catalog .app-features { gap: 6px; margin: 18px 0; }
.agent-catalog .app-features li { background: #eff3e9; border-color: #e0e7d9; color: #5d7056; font-size: 10px; padding: 4px 7px; }
.agent-catalog .app-note { font-size: 11px !important; padding-top: 12px; }
.agent-catalog .open-link { margin-top: auto; padding: 15px 0 0; background: transparent; border: 0; border-top: 1px solid #dce4d5; border-radius: 0; color: #2c573e; justify-content: space-between; font-size: 12px; box-shadow: none; }
#aios { scroll-margin-top: 104px; }
.myria-home .app-stages { gap: 28px; }
.myria-home :focus-visible { outline: 2px solid #a87d32; outline-offset: 5px; }
@media (max-width: 1050px) {
  .agent-catalog { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hero-emblem { right: 7%; width: 200px; height: 200px; }
}
@media (max-width: 940px) {
  .myria-home .site-header .navlinks.open { top: 86px; background: #d3decd; }
}
@media (max-width: 700px) {
  .hero-emblem { display: none; }
  .myria-home .hero-body { min-height: auto; padding-top: 50px; }
  .catalog-toolbar { align-items: flex-start; flex-direction: column; }
  .catalog-filters button { padding: 8px 12px; font-size: 12px; }
}
@media (max-width: 540px) {
  .agent-catalog { grid-template-columns: minmax(0,1fr); }
  .agent-catalog .app-card { min-height: auto; }
  .agent-catalog .open-link { margin-top: 18px; }
  .myria-home .site-header .brand strong { font-size: 16px; }
  .myria-home .site-header .brand span { font-size: 7px; }
  .hero-principles { gap: 8px; }
  .hero-principles span { padding: 7px 11px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) { .agent-catalog .app-card { transition: none; } }

/* Myria brand lockup and capability-center headline. */
.brand-symbol { width: 48px; height: 48px; flex-shrink: 0; color: #11775f; }
.myria-home .site-header .brand { gap: 16px; }
.myria-home .site-header .brand span { font-size: 10px; letter-spacing: .13em; }
.myria-home .hero h1 { max-width: 750px; font-size: clamp(30px, 4vw, 49px); line-height: 1.5; letter-spacing: -.025em; }
.myria-home .hero h1 .accent { color: #c3d4b6; font-size: .79em; }
.myria-home .hero-slogan { font-size: 21px; letter-spacing: .13em; margin-top: 24px; }
.hero-emblem { right: 5%; top: 26%; width: 225px; height: 225px; background: linear-gradient(145deg,#a9c19b1c,#0e302344); box-shadow: 0 0 0 24px #c9d8b905,0 20px 70px #10271c22; }
.hero-symbol { width: 80px; height: 80px; color: #d7e4c8; }
.hero-emblem small { font-size: 9px; letter-spacing: .12em; }
@media (max-width: 1100px) { .hero-emblem { width: 175px; height: 175px; right: 5%; } }
@media (max-width: 940px) { .hero-emblem { display: none; } }
@media (max-width: 540px) { .brand-symbol { width: 38px; height: 38px; } .myria-home .site-header .brand { gap: 10px; } .myria-home .site-header .brand span { font-size: 7px; } .myria-home .hero-slogan { font-size: 18px; } }

/* Application scenes: homepage catalog only, 2026-09-23. */
.myria-home #apps { background:#f0f3eb; }
.myria-home .agent-catalog { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:start; }
.myria-home .agent-catalog .scene-card { padding:0; min-height:0; border:1px solid #d5ded1; border-radius:16px; background:#fffef9; height:100%; }
.myria-home .agent-catalog .scene-card:hover { border-color:#99ad96; box-shadow:0 12px 26px #1739240c; transform:translateY(-3px); }
.scene-card { --scene-bg:#dde8de; --scene-paper:#f6faf3; --scene-ink:#385b48; --scene-accent:#49755c; --scene-on-accent:#f7faf2; }
.scene-forest { --scene-bg:#173e31; --scene-paper:#2b5442; --scene-ink:#dfecd9; --scene-accent:#cadbb4; --scene-on-accent:#183d30; }
.scene-lilac { --scene-bg:#e7dfee; --scene-paper:#faf6fd; --scene-ink:#665078; --scene-accent:#816198; --scene-on-accent:#fff9ff; }
.scene-sand { --scene-bg:#eee0c9; --scene-paper:#fffbf3; --scene-ink:#785634; --scene-accent:#a8753f; --scene-on-accent:#fffaf0; }
.scene-ink { --scene-bg:#273641; --scene-paper:#3e505b; --scene-ink:#dfeaf0; --scene-accent:#b2d8d1; --scene-on-accent:#253b36; }
.scene-sky { --scene-bg:#dfe9f0; --scene-paper:#f6fbff; --scene-ink:#42617b; --scene-accent:#648bac; --scene-on-accent:#fcfeff; }
.scene-clay { --scene-bg:#eaddd5; --scene-paper:#fff8f2; --scene-ink:#78574a; --scene-accent:#ac7d66; --scene-on-accent:#fff9f5; }
.app-scene { background:var(--scene-bg); color:var(--scene-ink); padding:17px 19px 14px; flex-shrink:0; overflow:hidden; }
.scene-top { display:flex; align-items:center; justify-content:space-between; gap:10px; font:500 12px/1.5 var(--sans); }
.scene-status { border:1px solid currentColor; border-color:color-mix(in srgb,currentColor 24%,transparent); padding:3px 8px; border-radius:20px; font-size:10px; }
.myria-home .app-scene svg { display:block; width:100%; height:171px; margin:11px auto 5px; max-width:350px; font-family:var(--sans); }
.myria-home .scene-card .scene-caption { margin:0; color:var(--scene-ink); text-align:center; font:500 11px/1.6 var(--sans); letter-spacing:.055em; }
.scene-body { display:flex; flex-direction:column; flex:1; padding:23px 23px 19px; }
.myria-home .agent-catalog .scene-card h3 { font:600 20px/1.5 var(--sans); color:#21392c; letter-spacing:-.025em; margin:0 0 8px; }
.myria-home .scene-body .scene-result { margin:0 0 17px; font:400 14px/1.8 var(--sans); color:#617161; min-height:50px; }
.scene-details { margin-top:auto; margin-bottom:16px; }
.scene-details summary { color:#617161; font:400 12px/1.7 var(--sans); cursor:pointer; width:fit-content; padding:3px 0; }
.scene-details[open] summary { color:#29583c; }
.scene-details-content { padding:10px 0 0; }
.scene-details-content > p { font:400 13px/1.8 var(--sans); color:#596b59; margin:0 0 10px; }
.myria-home .agent-catalog .scene-details .app-features { margin:10px 0; }
.myria-home .agent-catalog .scene-details .app-features li { font-size:11px; }
.myria-home .agent-catalog .scene-details .app-note { font-size:12px!important; line-height:1.8; }
.myria-home .agent-catalog .scene-body .open-link { display:flex; width:100%; padding:14px 0 0; margin-top:0; font-size:13px; font-weight:600; color:#285a40; }
.myria-home .agent-catalog .scene-body .open-link:hover { background:transparent; color:#123e2b; }
.scene-body .open-link span:last-child { font-size:18px; font-weight:400; }
@media(max-width:1000px) { .myria-home .agent-catalog { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; } }
@media(max-width:580px) { .myria-home .agent-catalog { grid-template-columns:minmax(0,1fr); gap:22px; } .scene-body { padding:21px; } .myria-home .scene-body .scene-result { min-height:0; } .myria-home .app-scene svg { height:170px; } .myria-home .agent-catalog .scene-card h3 { font-size:20px; } }
@media(pointer:coarse) { .scene-details summary { min-height:44px; display:flex; align-items:center; gap:7px; } .scene-details summary::before { content:'＋'; } .scene-details[open] summary::before { content:'−'; } .myria-home .agent-catalog .open-link { min-height:44px; } .catalog-filters button { min-height:44px; } }
@media(prefers-reduced-motion:reduce) { .myria-home .agent-catalog .scene-card { transition:none; } .myria-home .agent-catalog .scene-card:hover { transform:none; } }

/* Flagship AIOS presentation, scoped to its independent homepage section. */
.myria-home main > .aios-showcase { background:#101e18; padding-top:76px; padding-bottom:88px; color:#edf2e8; scroll-margin-top:86px; }
.os-intro { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:38px; }
.os-eyebrow { font:500 11px/1.6 var(--sans); letter-spacing:.16em; color:#a7bda9; margin:0 0 17px; }
.os-heading-row { display:flex; flex-wrap:wrap; align-items:baseline; gap:23px; }
.os-wordmark { font:600 78px/1 var(--sans); letter-spacing:-.07em; color:#d7e6bb; }
.os-heading-row h2 { font:500 30px/1.4 var(--sans); letter-spacing:.04em; margin:0; color:#f0f3e9; }
.os-intro-copy { font:400 15px/1.9 var(--sans); color:#b4c6b7; margin:22px 0 0; }
.os-intro-label { color:#9eb49e; font:400 13px/1.9 var(--sans); border-left:1px solid #53624b; padding-left:19px; margin-bottom:7px; white-space:nowrap; }
.os-intro-label span { color:#d9e5cc; }
.aios-banner-list { display:grid; grid-template-columns:minmax(0,1fr); gap:22px; }
.aios-banner { --os-bg:#19382b; --os-panel:#284b3b; --os-accent:#b2d195; --os-ink:#e5eddb; --os-muted:#b2c7b5; background:var(--os-bg); border:1px solid #ffffff15; border-radius:16px; overflow:hidden; min-width:0; }
.os-audit { --os-bg:#20323e; --os-panel:#324957; --os-accent:#a9c9de; --os-ink:#e4edf3; --os-muted:#b6c9d3; }
.os-property { --os-bg:#303c31; --os-panel:#465446; --os-accent:#ced8a7; --os-ink:#edf0df; --os-muted:#c0cbb8; }
.os-beauty { --os-bg:#3b3038; --os-panel:#57444e; --os-accent:#dec0c8; --os-ink:#f5e7e9; --os-muted:#d1bfc7; }
.os-main { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-items:center; gap:35px; padding:34px 38px 26px; }
.os-copy { min-width:0; }
.os-overline { display:flex; flex-wrap:wrap; align-items:center; gap:10px; font:500 10px/1.6 var(--sans); letter-spacing:.11em; color:var(--os-accent); margin-bottom:20px; }
.os-index { font-size:12px; opacity:.65; border-right:1px solid #ffffff26; padding-right:11px; }
.os-status { font-size:10px; letter-spacing:0; padding:3px 8px; border:1px solid #ffffff2b; border-radius:20px; color:var(--os-ink); }
.myria-home .aios-banner h3 { color:var(--os-ink); font:600 clamp(27px,3vw,36px)/1.3 var(--sans); letter-spacing:-.03em; margin:0 0 12px; }
.os-claim { color:var(--os-accent); font:500 17px/1.6 var(--sans); margin:0 0 11px; }
.os-description { color:var(--os-muted); font:400 14px/1.85 var(--sans); max-width:490px; margin:0 0 23px; }
.os-link { display:inline-flex; align-items:center; gap:38px; color:var(--os-bg); background:var(--os-accent); padding:11px 17px; border-radius:6px; min-height:44px; font:600 13px/1.5 var(--sans); text-decoration:none; transition:filter .18s; }
.os-link:hover { color:var(--os-bg); filter:brightness(1.08); }
.os-link span:last-child { font-size:18px; font-weight:400; }
.os-note { color:var(--os-muted); font:400 11px/1.75 var(--sans); margin:12px 0 0; }
.os-art { min-width:0; color:var(--os-ink); }
.os-art svg { display:block; width:100%; max-width:460px; height:auto; margin:auto; font-family:var(--sans); }
.os-scope { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0; padding:17px 38px; border-top:1px solid #ffffff16; list-style:none; }
.os-scope li { color:var(--os-muted); font:400 12px/1.7 var(--sans); display:flex; align-items:baseline; gap:11px; }
.os-scope li span { color:var(--os-accent); opacity:.7; font-size:10px; }
.aios-showcase a:focus-visible { outline:2px solid var(--os-accent); outline-offset:5px; }
@media(max-width:1000px) { .os-main { padding:28px; gap:22px; grid-template-columns:1.15fr 1fr; } .os-scope { padding:16px 28px; gap:10px; } .os-overline { font-size:9px; letter-spacing:.06em; } .os-claim { font-size:16px; } }
@media(max-width:900px) { .os-intro-label { display:none; } .os-main { grid-template-columns:minmax(0,1fr); gap:18px; } .os-art svg { max-width:390px; } .os-description { max-width:none; } .os-scope { grid-template-columns:repeat(2,minmax(0,1fr)); } .os-overline { font-size:10px; } .os-heading-row { gap:16px; } .os-wordmark { font-size:62px; } .os-heading-row h2 { font-size:26px; } .os-intro-copy br { display:none; } }
@media(max-width:580px) { .os-art { display:none; } }
@media(max-width:420px) { .myria-home main > .aios-showcase { padding-top:48px; padding-bottom:54px; } .os-main { padding:24px 21px 15px; } .os-heading-row { align-items:flex-start; flex-direction:column; gap:14px; } .os-scope { padding:16px 21px; } .os-scope li { font-size:11px; gap:7px; } .os-intro-copy { font-size:14px; } .os-overline { column-gap:7px; } .os-index { padding-right:7px; } .os-overline > span:nth-child(2) { font-size:9px; } }
@media(prefers-reduced-motion:reduce) { .os-link { transition:none; } }

/* Porcelain surfaces with a restrained gilded metal rim. */
.myria-home .capability-aios,.aios-showcase .aios-banner {
  --gilt-rim:linear-gradient(128deg,#e8ce83 0%,#ab7b2c 19%,#f6e8b9 39%,#c49a46 57%,#f5df9d 76%,#a7782c 100%);
  border:1px solid transparent;
  background:linear-gradient(#fffefa,#fffefa) padding-box,var(--gilt-rim) border-box;
  box-shadow:0 2px 3px #25342b04,0 12px 30px -18px #39312329;
}
.myria-home .capability-aios { color:#25332c; border-radius:12px; }
.myria-home .capability-aios::before { height:2px; background:linear-gradient(90deg,#c39843,#f2df9d,#a97823); }
.myria-home .capability-aios:hover { border-color:transparent; box-shadow:0 12px 28px -14px #66501e33; }
.myria-home .capability-aios .capability-index { color:#b58e413d; }
.myria-home .capability-aios .capability-type { color:#8b6627; }
.myria-home .capability-aios h3 { color:#25332c; font-family:var(--sans); }
.myria-home .capability-aios > p:not(.capability-type) { color:#536057; }
.myria-home .capability-aios .capability-examples span { color:#68552e; background:#fffcf2; border-color:#dbc794; }
.myria-home .capability-aios .capability-link { color:#77561b; border-color:#e4d7b8; }
.myria-home main > .aios-showcase { background:#f8faf9; color:#25332c; }
.aios-showcase .os-eyebrow { color:#7b6233; }
.aios-showcase .os-wordmark { color:#967020; background:linear-gradient(112deg,#785119 8%,#bc913f 31%,#8e6724 54%,#c39b4e 72%,#76511b 96%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.aios-showcase .os-heading-row h2 { color:#25332c; }
.aios-showcase .os-intro-copy { color:#546158; }
.aios-showcase .os-intro-label { color:#60695f; border-color:#c8a555; }
.aios-showcase .os-intro-label span { color:#34473b; }
.aios-showcase .aios-banner { --os-bg:#fffefa; --os-panel:#ffffff; --os-accent:#896326; --os-ink:#26362c; --os-muted:#526158; }
.aios-showcase .os-index { color:#826529; opacity:1; border-color:#d6be83; }
.aios-showcase .os-overline { color:#7e622c; letter-spacing:.13em; }
.aios-showcase .os-status { color:#586258; background:#fff; border-color:#d7ddcf; }
.aios-showcase .os-claim { color:#876228; }
.aios-showcase .os-link { color:#f8e5b1; border:1px solid transparent; background:linear-gradient(#203d30,#203d30) padding-box,var(--gilt-rim) border-box; box-shadow:inset 0 1px 0 #ffffff10,0 3px 7px #1731240b; }
.aios-showcase .os-link:hover { color:#fff0c8; background:linear-gradient(#294a3b,#294a3b) padding-box,var(--gilt-rim) border-box; filter:none; }
.aios-showcase .os-art { color:#485448; }
.aios-showcase .os-art svg rect[fill="var(--os-panel)"] { stroke:#c2a35f; stroke-opacity:.55; stroke-width:1; filter:drop-shadow(0 4px 3px #5c48210a); }
.aios-showcase .os-art svg text[opacity] { opacity:1; }
.aios-showcase .os-art svg path[opacity] { opacity:.65; }
.aios-showcase .os-scope { border-color:#e7dbc0; background:linear-gradient(90deg,#fffefa,#faf7ee 49%,#fffefa); }
.aios-showcase .os-scope li { color:#526158; }
.aios-showcase .os-scope li span { color:#8a6629; opacity:1; }
.myria-home .capability-aios a:focus-visible,.aios-showcase a:focus-visible { outline-color:#986e24; }
@media(forced-colors:active) { .aios-showcase .os-wordmark { background:none; -webkit-text-fill-color:currentColor; } }

/* Four industry accents inside the shared porcelain and gilded system. */
.myria-home .capability-aios,.aios-showcase .aios-banner { border-width:2px; }
.myria-home .capability-aios::before { height:3px; }
.aios-showcase .os-commerce { --os-accent:#246244; --os-panel:#f4fbf6; --os-button:#203d30; --os-button-hover:#2c5140; }
.aios-showcase .os-audit { --os-accent:#2c547e; --os-panel:#f3f8ff; --os-button:#223c57; --os-button-hover:#2c4d6c; }
.aios-showcase .os-property { --os-accent:#28675e; --os-panel:#f0faf8; --os-button:#24534b; --os-button-hover:#2c645b; }
.aios-showcase .os-beauty { --os-accent:#85465c; --os-panel:#fff5f8; --os-button:#65394c; --os-button-hover:#7a455d; }
.aios-showcase .os-overline,.aios-showcase .os-claim { color:var(--os-accent); }
.aios-showcase .os-link { border-width:1.5px; background:linear-gradient(var(--os-button),var(--os-button)) padding-box,var(--gilt-rim) border-box; }
.aios-showcase .os-link:hover { background:linear-gradient(var(--os-button-hover),var(--os-button-hover)) padding-box,var(--gilt-rim) border-box; }
.aios-showcase .os-art svg rect[fill="var(--os-panel)"] { stroke:var(--os-accent); stroke-opacity:.5; stroke-width:1.8; }
.aios-showcase .os-art svg path[stroke="var(--os-accent)"] { stroke-width:2.2; }
.aios-showcase .os-art svg path[opacity] { opacity:.8; }
.aios-showcase .os-art svg circle[stroke] { stroke-width:2; }
.aios-showcase .os-art svg circle[stroke-opacity=".5"] { stroke-opacity:.7; }
.aios-showcase .os-scope { border-top-width:1.5px; border-top-color:#d8c395; }

/* Full-height chapters and a polished rose-gold AIOS signature. */
html:has(body.myria-home) { --screen-header:86px; scroll-padding-top:var(--screen-header); scroll-snap-type:y proximity; }
.myria-home .page-screen { min-height:calc(100svh - var(--screen-header,86px)); scroll-snap-align:start; scroll-snap-stop:normal; scroll-margin-top:0; box-sizing:border-box; }
.myria-home main > .section:not(.aios-showcase) { display:flex; flex-direction:column; justify-content:center; padding-top:48px; padding-bottom:48px; }
.myria-home .hero.page-screen { display:flex; align-items:center; }
.myria-home .hero-body { width:100%; min-height:0; padding-top:58px; padding-bottom:58px; }
.myria-home #aios { padding:56px max(var(--pad),calc((100vw - var(--maxw))/2 + var(--pad))); scroll-margin-top:0; background:#fcfaf9; }
.aios-showcase .aios-banner-list { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; }
.aios-showcase .os-intro { align-items:center; margin:0 0 30px; gap:20px; }
.aios-showcase .os-eyebrow { color:#966c62; font-size:10px; letter-spacing:.17em; margin:0 0 12px; }
.aios-showcase .os-heading-row { flex-direction:row; flex-wrap:nowrap; align-items:center; gap:26px; }
.aios-showcase .os-wordmark { display:block; flex:0 0 auto; width:218px; height:auto; overflow:visible; background:none; color:#a26659; -webkit-text-fill-color:currentColor; }
.aios-showcase .os-wordmark svg { display:block; width:100%; height:auto; overflow:visible; }
.aios-showcase .os-heading-row h2 { font-size:26px; letter-spacing:.07em; }
.aios-showcase .os-intro-copy { margin:14px 0 0; font-size:13px; line-height:1.8; }
.aios-showcase .os-intro-label { border-color:#c88f80; font-size:12px; }
.myria-home .capability-aios,.aios-showcase .aios-banner { --gilt-rim:linear-gradient(125deg,#e7b8aa 0%,#ac6e60 21%,#f5ddd3 39%,#c48b7b 59%,#efcabb 79%,#a5695d 100%); background:linear-gradient(#fffdfb,#fffdfb) padding-box,var(--gilt-rim) border-box; border-width:2px; box-shadow:0 10px 32px -24px #7b443e42; }
.myria-home .capability-aios::before { background:linear-gradient(90deg,#ba8070,#f2d3c6,#aa6b5e); }
.myria-home .capability-aios:hover { box-shadow:0 12px 28px -14px #97605426; }
.myria-home .capability-aios .capability-index { color:#b777693b; }
.myria-home .capability-aios .capability-type,.myria-home .capability-aios .capability-link { color:#925e53; }
.myria-home .capability-aios .capability-examples span { color:#845e54; background:#fdf7f3; border-color:#ddbaad; }
.myria-home .capability-aios .capability-link { border-color:#e7cfc5; }
.aios-showcase .os-index { color:#9b6658; border-color:#ddad9e; }
.aios-showcase .os-link { color:#f8e4dc; }
.aios-showcase .os-link:hover { color:#fff2ec; }
.aios-showcase .os-scope { border-top-color:#e1baac; background:linear-gradient(90deg,#fffdfb,#faf2ee 50%,#fffdfb); }
.aios-showcase .os-scope li span { color:#a36a5d; }
.myria-home :focus-visible,.myria-home .capability-aios a:focus-visible,.aios-showcase a:focus-visible { outline-color:#a26a5e; }
@media(min-width:941px) and (max-height:820px) {
  .aios-showcase .os-wordmark { width:182px; }
  .aios-showcase .os-heading-row h2 { font-size:24px; }
  .aios-showcase .os-main { padding:26px 32px 20px; }
  .aios-showcase .os-overline { margin-bottom:14px; }
  .aios-showcase .os-intro-copy { margin-top:10px; }
}
@media(max-width:940px) {
  .aios-showcase .os-intro-copy br { display:none; }
  .aios-showcase .os-wordmark { width:172px; }
  .aios-showcase .os-heading-row { gap:18px; }
  .aios-showcase .os-heading-row h2 { font-size:22px; }
  .aios-showcase .os-art svg { max-width:300px; }
}
@media(max-width:580px) {
  .myria-home main > .section:not(.aios-showcase) { padding-top:36px; padding-bottom:36px; }
  .aios-showcase .os-heading-row { gap:14px; }
  .aios-showcase .os-wordmark { width:145px; }
  .aios-showcase .os-heading-row h2 { font-size:18px; letter-spacing:0; }
  .aios-showcase .os-intro-copy { font-size:12px; }
  .aios-showcase .os-eyebrow { font-size:8px; letter-spacing:.12em; }
}
@media(prefers-reduced-motion:reduce) { html:has(body.myria-home) { scroll-behavior:auto; scroll-snap-type:y proximity; } }
@media print { html:has(body.myria-home) { scroll-snap-type:none; } .myria-home .page-screen { min-height:0; } .os-page-bottom { display:none; } }

@media(min-width:941px) { .myria-home #capabilities { padding-top:36px; padding-bottom:36px; } .myria-home .capability-grid { margin-top:0; } }

@media(max-width:580px) { .os-page-bottom p { font-size:11px; white-space:nowrap; } .os-page-bottom p span { display:none; } .os-page-next { white-space:nowrap; } }
/* Keep footer links reachable after the final full-height chapter. */
.myria-home > footer { scroll-snap-align:end; scroll-snap-stop:normal; }

/* One continuous AIOS collection; only major chapter boundaries may settle. */
.aios-showcase .aios-banner { scroll-snap-align:none; scroll-margin-top:calc(var(--screen-header,87px) + 24px); }
@media(max-width:580px) { .myria-home #aios { padding-top:36px; padding-bottom:36px; } .aios-showcase .aios-banner-list { gap:20px; } }
@media(prefers-reduced-motion:reduce) { html:has(body.myria-home) { scroll-snap-type:none; } }