/* agent-page-ia.css — two-level information architecture for the Agent page: the dark sheet slides over the sticky hero,
   capability cards open layer panels, fin CLI + Workspace merge into one data → evidence → memory section.
   Generated from feature_design/agent-page-ia-v1/source/ia.css by feature_design/agent-hero-comic-integration-v1/source/build.cjs. */
/* ===== Two-level IA mock: shell additions on top of the hero mock's stylesheet ===== */
/* the dark wrapper is a sheet above the sticky hero: it slides up over it (see hero rules below) */
/* the fixed particle-tree layer (rules the hero mock's build dropped from agent-spatial-architecture.css) */
.agent-marketing-home #architecture.spatial-architecture{color-scheme:dark}
.agent-marketing-home .spatial-detail-more{appearance:none;display:inline-flex;align-items:center;gap:6px;margin:14px 0 0;padding:0;border:0;background:transparent;color:var(--detail-color,#b9a0d1);font:600 13px/1.3 inherit;font-family:inherit;cursor:pointer;transition:color .2s,gap .2s}
.agent-marketing-home .spatial-detail-more:hover{gap:10px;color:#f4edf9}
.agent-marketing-home .spatial-detail-more span[aria-hidden]{font-size:15px}
/* hero push-up: the hero fills the first viewport, sticks in place, and dims / recedes as the dark wrapper covers it */
.hero.hero-strip::after{content:"";position:absolute;inset:0;z-index:20;background:#0d0b14;opacity:calc(var(--covered,0)*.62);pointer-events:none}
.hero.hero-strip>*{transform:translateY(calc(var(--covered,0)*-34px)) scale(calc(1 - var(--covered,0)*.045));transform-origin:50% 50%}
@media(prefers-reduced-motion:reduce){.hero.hero-strip>*{transform:none}.hero.hero-strip::after{opacity:0}}
/* every capability card is an entry: an arrow at its right edge, brighter on hover and when lit */
@media(min-width:981px) and (min-height:600px){
 .agent-marketing-home .spatial-architecture .feature-card{grid-template-columns:42px minmax(0,1fr) 18px}
 .agent-marketing-home .spatial-architecture .feature-go{grid-column:3;grid-row:1/3;align-self:center;color:#6f6482;font-size:15px;line-height:1;transform:translateX(-3px);transition:color .2s,transform .2s}
 .agent-marketing-home .spatial-architecture .feature-card:hover .feature-go,.agent-marketing-home .spatial-architecture .feature-card.is-active .feature-go{color:var(--feature-color,#d7bff7);transform:translateX(2px)}
 /* inline mode: index rail | panel | drawing */
 .agent-marketing-home #architecture.spatial-architecture .architecture-layout{transition:grid-template-columns .42s cubic-bezier(.2,.7,.2,1),gap .42s cubic-bezier(.2,.7,.2,1)}
 .agent-marketing-home #architecture.spatial-architecture .architecture-layout.is-inline-open{grid-template-columns:64px 440px minmax(0,1fr)!important;gap:22px!important}
 .architecture-layout.is-inline-open .architecture-copy{min-width:0}
 .agent-marketing-home .spatial-architecture .architecture-layout.is-inline-open .feature-card{grid-template-columns:42px;gap:0;justify-content:center;min-height:58px;padding:8px 0}
 .architecture-layout.is-inline-open .feature-card .feature-title,.architecture-layout.is-inline-open .feature-card .feature-description,.architecture-layout.is-inline-open .feature-card .feature-go{display:none!important}
 .architecture-layout.is-inline-open .spatial-detail,.architecture-layout.is-inline-open .architecture-download{display:none!important}
 .agent-marketing-home .spatial-architecture .architecture-layout.is-inline-open .feature-card.is-active{box-shadow:inset 2px 0 var(--feature-color,#b59dcf)}
 .architecture-layout>.layer-sheet-panel{position:relative;inset:auto;width:auto;max-width:none;height:calc(100svh - 56px);max-height:calc(100svh - 56px);min-height:0;overflow:hidden;transform:none;transition:none;border:1px solid rgba(192,173,221,.18);border-radius:16px;background:rgba(18,15,26,.96);box-shadow:0 24px 70px rgba(5,3,10,.45);animation:inline-panel-in .36s cubic-bezier(.2,.7,.2,1) both}
 .architecture-layout>.layer-sheet-panel .layer-sheet-head{padding:14px 12px 12px 22px}
 .architecture-layout>.layer-sheet-panel .layer-sheet-body{padding:22px 22px 28px}
 .agent-marketing-home #architecture .layer-sheet-panel .sheet-title{font-size:26px!important;line-height:1.35!important;margin:0!important;color:#f6f0fc!important;letter-spacing:0!important}
 .agent-marketing-home #architecture .layer-sheet-panel h3{font-size:inherit}
 .architecture-layout>.layer-sheet-panel .sheet-sub{font-size:15px}
 .architecture-layout>.layer-sheet-panel .sheet-copy{font-size:14px;margin:14px 0 20px}
 .architecture-layout>.layer-sheet-panel .layer-sheet-foot{padding:10px 12px 12px 22px;border-radius:0 0 16px 16px}
 .architecture-layout>.layer-sheet-panel .memory-points,.architecture-layout>.layer-sheet-panel .fin-facts{grid-template-columns:1fr 1fr}
}
@keyframes inline-panel-in{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@media(max-width:980px),(max-height:599px){.agent-marketing-home .spatial-architecture .feature-go{display:none}}

/* ===== Level 1 · data → evidence → memory ===== */
.agent-marketing-home .flow-section{padding:0 0 110px;overflow:clip}
/* the particle tree gets the section's first viewport to itself: only the title sits on it, the demo stage follows below */
.agent-marketing-home .flow-head{display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - 40px);padding:96px 0 72px}
.agent-marketing-home .flow-head h2{max-width:14em;text-shadow:0 2px 24px rgba(13,11,20,.8)}
.agent-marketing-home .flow-head h2 span{color:#c0addd}
.agent-marketing-home .flow-head .section-intro{max-width:640px;text-shadow:0 1px 12px rgba(13,11,20,.9)}
.agent-marketing-home.has-tree-field #memory{background-image:linear-gradient(rgba(13,11,20,.22),rgba(13,11,20,.5) 40%,rgba(13,11,20,.62))}
.agent-marketing-home .tree-field{opacity:0;transition:opacity 1.1s ease}
.agent-marketing-home .tree-field.is-active{opacity:1}
.agent-marketing-home .flow-stage{display:grid;grid-template-columns:minmax(0,1.04fr) 72px minmax(0,.96fr);gap:0;align-items:stretch;margin-top:0}
.agent-marketing-home .flow-terminal,.agent-marketing-home .flow-tree{position:relative;background:rgba(22,18,31,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.agent-marketing-home .flow-terminal pre{min-height:396px;max-height:396px;padding:20px 24px 22px;color:#d9d1e2;white-space:pre-wrap;overflow:hidden}
.agent-marketing-home .flow-tag{padding:3px 8px;border:1px solid rgba(192,173,221,.24);border-radius:999px;color:#a99cbb;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.agent-marketing-home .flow-terminal .line{display:block;min-height:1.78em;opacity:0;transform:translateY(3px);animation:flow-line-in .32s ease forwards}
.agent-marketing-home .flow-terminal .line.cmd{color:#f2ebfb}
.agent-marketing-home .flow-terminal .line.cmd .prompt{margin-right:8px}
.agent-marketing-home .flow-terminal .line.key{color:#f2ebfb;font-weight:700}
.agent-marketing-home .flow-terminal .line.val{color:#cfc6d9}
.agent-marketing-home .flow-terminal .line.meta{color:#9f93ae}
.agent-marketing-home .flow-terminal .line.note{color:#b7adbf;font-style:italic}
.agent-marketing-home .flow-terminal .line.write{color:#a7cba9}
.agent-marketing-home .flow-terminal .line.write.settle{color:#d6c394}
.agent-marketing-home .flow-terminal .line .arrow{margin-right:8px;color:inherit}
.agent-marketing-home .flow-terminal .caret{display:inline-block;width:7px;height:1.05em;margin-left:2px;vertical-align:-2px;background:#bdaae7;animation:flow-caret 1s steps(2,start) infinite}
@keyframes flow-line-in{to{opacity:1;transform:none}}
@keyframes flow-caret{to{visibility:hidden}}
.agent-marketing-home .flow-link{display:block;width:72px;height:100%;align-self:stretch;color:#a7cba9;overflow:visible}
.agent-marketing-home .flow-link path{opacity:.22;transition:opacity .3s}
.agent-marketing-home .flow-link .flow-dot{opacity:0;filter:drop-shadow(0 0 6px currentColor)}
.agent-marketing-home .flow-link.is-sending path{opacity:.75}
.agent-marketing-home .flow-link.is-sending .flow-dot{opacity:1}
.agent-marketing-home .flow-link.is-settling{color:#d6c394}
.agent-marketing-home .tree-rows{list-style:none;margin:0;padding:18px 14px 8px;font:13px/1.78 'Overpass',ui-monospace,SFMono-Regular,Menlo,monospace;color:#cfc6d9}
.agent-marketing-home .tree-row{position:relative;margin:0;padding:0}
.agent-marketing-home .tree-row--root{padding:0 10px 2px}
.agent-marketing-home .tree-row > button{appearance:none;display:grid;grid-template-columns:34px auto minmax(0,1fr);gap:0 0;align-items:baseline;width:100%;padding:2px 10px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:default;transition:background-color .18s,color .18s}
.agent-marketing-home .tree-row > button:hover,.agent-marketing-home .tree-row > button:focus-visible,.agent-marketing-home .tree-row.is-hover > button{background:rgba(215,191,247,.08);color:#f2ebfb;cursor:pointer}
.agent-marketing-home .tree-branch{color:#6f6482}
.agent-marketing-home .tree-name{padding-right:14px;white-space:nowrap}
.agent-marketing-home .tree-comment{color:#8f839f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .18s}
.agent-marketing-home .tree-row > button:hover .tree-comment{color:#b8acc5}
.agent-marketing-home .tree-row.is-writing > button{background:rgba(167,203,169,.12);color:#f2ebfb;box-shadow:inset 0 0 0 1px rgba(167,203,169,.35)}
.agent-marketing-home .tree-row.is-writing.is-settle > button{background:rgba(214,195,148,.12);box-shadow:inset 0 0 0 1px rgba(214,195,148,.4)}
.agent-marketing-home .tree-children{list-style:none;margin:0;padding:0 0 0 44px;overflow:hidden}
.agent-marketing-home .tree-children li{display:grid;grid-template-columns:34px minmax(0,1fr);padding:1px 10px;color:#a9cfab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:flow-child-in .5s cubic-bezier(.2,.7,.2,1) both}
.agent-marketing-home .tree-children li.settle{color:#d9c89c}
.agent-marketing-home .tree-children li .tree-comment{color:#7f8f80;padding-left:10px}
.agent-marketing-home .tree-children li.settle .tree-comment{color:#9d927a}
@keyframes flow-child-in{from{opacity:0;transform:translateX(-8px);max-height:0}to{opacity:1;transform:none;max-height:2em}}
.agent-marketing-home .tree-footnote{margin:0;padding:14px 24px 18px;border-top:1px solid rgba(192,173,221,.14);color:#d7bff7;font-size:14px;font-weight:650;line-height:1.6;min-height:58px;transition:color .18s}
.agent-marketing-home .tree-footnote.is-note{color:#c7bfd0;font-weight:500}
.agent-marketing-home .flow-foot{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;margin-top:34px}
.agent-marketing-home .flow-steps{display:flex;gap:10px;list-style:none;margin:0;padding:0}
.agent-marketing-home .flow-steps li{display:grid;gap:2px;min-width:170px;padding:12px 16px 11px;border:1px solid rgba(192,173,221,.18);border-radius:12px;background:rgba(26,21,36,.7);color:#8f839f;transition:border-color .25s,color .25s,background-color .25s}
.agent-marketing-home .flow-steps li strong{font-size:14px;color:inherit}
.agent-marketing-home .flow-steps li span{font-size:12px}
.agent-marketing-home .flow-steps li[aria-current="step"]{color:#f2ebfb;border-color:rgba(215,191,247,.55);background:rgba(93,77,131,.42)}
.agent-marketing-home .flow-steps li[data-step="archive"][aria-current="step"]{border-color:rgba(167,203,169,.6)}
.agent-marketing-home .flow-steps li[data-step="settle"][aria-current="step"]{border-color:rgba(214,195,148,.65)}

/* ===== Level 2 · layer sheet (left drawer; the exploded drawing on the right stays visible) ===== */
html.sheet-open{overflow:hidden}
.layer-sheet{position:fixed;inset:0;z-index:60;display:block}
.layer-sheet[hidden]{display:none}
.layer-sheet-backdrop{position:absolute;inset:0;background:rgba(8,6,13,.42);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .28s}
.layer-sheet.is-open .layer-sheet-backdrop{opacity:1}
.layer-sheet-panel{position:absolute;top:0;bottom:0;left:0;width:min(460px,92vw);display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#120f1a;color:#f2ebfb;border-right:1px solid rgba(192,173,221,.18);box-shadow:24px 0 80px rgba(5,3,10,.5);transform:translateX(-104%);transition:transform .34s cubic-bezier(.2,.7,.2,1);outline:0;--sheet-color:#b9a0d1}
.layer-sheet.is-open .layer-sheet-panel{transform:none}
.layer-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 16px 32px;border-bottom:1px solid rgba(192,173,221,.14)}
.sheet-crumb{display:flex;align-items:center;gap:14px;font:600 12px/1.4 'Overpass',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:#a99cbb}
.sheet-layer{display:inline-flex;align-items:center;gap:8px;color:var(--sheet-color)}
.sheet-layer::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.sheet-close{appearance:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(192,173,221,.22);border-radius:50%;background:transparent;color:#e8dfef;font-size:22px;line-height:1;cursor:pointer;transition:background-color .18s,border-color .18s}
.sheet-close:hover{background:rgba(215,191,247,.1);border-color:rgba(215,191,247,.5)}
.layer-sheet-body{overflow:auto;padding:30px 32px 40px;overscroll-behavior:contain}
.sheet-panel{animation:sheet-panel-in .3s ease both}
@keyframes sheet-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sheet-panel .kicker{margin-bottom:12px;color:var(--sheet-color)}
.sheet-title{margin:0;font-family:'Overpass',"Noto Serif SC","Songti SC",SimSun,serif;font-weight:500;font-size:32px;line-height:1.35;color:#f6f0fc}
.sheet-sub{margin:8px 0 0;color:#c0addd;font-size:16px}
.sheet-copy{margin:18px 0 26px;color:#c7bfd0;font-size:14.5px;line-height:1.85}
.sheet-card{padding:22px 24px;border:1px solid rgba(192,173,221,.16);border-radius:16px;background:#1b1526}
.sheet-card--dark{margin-top:22px}
.sheet-status{color:var(--sheet-color);font:650 10px 'Overpass',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.sheet-card h3{margin:12px 0 16px;font-size:18px;color:#f2ebfb}
.sheet-card > p{margin:0;color:#c7bfd0;font-size:14px;line-height:1.8}
.sheet-note{margin:18px 0 0!important;padding-top:14px;border-top:1px solid rgba(192,173,221,.14);color:#aa9cb7!important;font-size:12px!important}
.sheet-card code,.sheet-copy code{color:#d7bff7;font:12px 'Overpass',ui-monospace,SFMono-Regular,Menlo,monospace}
.software-list{display:flex;flex-wrap:wrap;gap:8px}
.software-list span{padding:5px 9px;border:1px solid rgba(192,173,221,.2);border-radius:7px;background:#241d31;color:#cfc6d9;font:11px 'Overpass',ui-monospace,SFMono-Regular,Menlo,monospace}
.sheet-tree{margin-bottom:22px}
.sheet-tree pre{padding:20px 22px;font-size:12.5px}
.memory-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
.memory-point{padding:15px 0;border-top:1px solid rgba(192,173,221,.16)}
.memory-point h3{margin:0;color:#f2ebfb;font-size:15px}
.memory-point p{margin:5px 0 0;color:#c7bfd0;font-size:13px;line-height:1.7}
.quote-rule{margin:22px 0 0;padding:18px 20px;border-left:3px solid var(--sheet-color);background:rgba(36,30,49,.86);color:#d7bff7;font-size:16px;font-weight:650}
.sheet-terminal{margin-bottom:20px}
.fin-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.fin-fact{padding:13px 0;border-top:1px solid rgba(192,173,221,.16)}
.fin-fact strong{display:block;color:#f2ebfb;font-size:14px}
.fin-fact span{color:#b8acc5;font-size:12px}
.skill-list{display:grid;gap:12px}
.skill-item{padding:20px 22px;border:1px solid rgba(192,173,221,.16);border-radius:14px;background:#1b1526}
.skill-item .type{color:var(--sheet-color);font:650 10px 'Overpass',ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.skill-item h3{margin:10px 0 6px;font-size:17px;color:#f2ebfb;overflow-wrap:anywhere}
.skill-item p{margin:0;color:#c7bfd0;font-size:13.5px;line-height:1.75}
.kol-points{border-top:1px solid rgba(192,173,221,.16)}
.kol-point{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid rgba(192,173,221,.16)}
.kol-point > span{color:var(--sheet-color);font:11px 'Overpass',ui-monospace,SFMono-Regular,Menlo,monospace;padding-top:4px}
.kol-point h3{margin:0;font-size:15.5px;color:#f2ebfb}
.kol-point p{margin:5px 0 0;color:#c7bfd0;font-size:13.5px;line-height:1.7}
.schedule-rail{position:relative}
.schedule-rail::before{content:"";position:absolute;top:12px;bottom:12px;left:102px;border-left:1px solid rgba(192,173,221,.25)}
.schedule-item{display:grid;grid-template-columns:84px 12px 1fr;gap:14px;padding:7px 0 24px}
.schedule-item:last-child{padding-bottom:0}
.schedule-item time{padding-top:3px;color:#b5a8c3;font:10px 'Overpass',ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}
.schedule-dot{position:relative;z-index:1;width:9px;height:9px;margin-top:6px;border:2px solid #120f1a;border-radius:50%;background:var(--sheet-color);box-shadow:0 0 0 1px rgba(192,173,221,.25)}
.schedule-item h3{margin:0;color:#f2ebfb;font-size:16px}
.schedule-item p{margin:5px 0 7px;color:#c7bfd0;font-size:13.5px;line-height:1.7}
.schedule-item code{color:#d7bff7;font:12px 'Overpass',ui-monospace,SFMono-Regular,Menlo,monospace}
.schedule-flow{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(192,173,221,.16)}
.schedule-flow span{color:#d7bff7;font:10px 'Overpass',ui-monospace,SFMono-Regular,Menlo,monospace}
.schedule-flow i{color:#b49ccc;font-style:normal}
.layer-sheet-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px 16px 32px;border-top:1px solid rgba(192,173,221,.14);background:#120f1a}
.sheet-nav{appearance:none;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid rgba(192,173,221,.22);border-radius:999px;background:transparent;color:#d7cce6;font:600 13px/1 inherit;font-family:inherit;cursor:pointer;transition:border-color .18s,background-color .18s}
.sheet-nav:hover{border-color:rgba(215,191,247,.55);background:rgba(215,191,247,.08)}
.sheet-dots{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.sheet-dots button{appearance:none;width:10px;height:10px;padding:0;border:1px solid rgba(192,173,221,.45);border-radius:50%;background:transparent;cursor:pointer;transition:background-color .18s,transform .18s}
.sheet-dots button[aria-current="true"]{background:var(--sheet-color);border-color:var(--sheet-color);transform:scale(1.25)}
.layer-sheet .kicker,.layer-sheet .sheet-title,.layer-sheet h3{font-family:inherit}
.layer-sheet-panel{font-family:'Overpass',"Merriweather Sans","PingFang SC","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif}
.layer-sheet-panel .sheet-title{font-family:'Overpass',"Noto Serif SC","Songti SC",SimSun,serif}
.layer-sheet-panel *,.layer-sheet-panel{box-sizing:border-box}

/* ===== Responsive ===== */
@media(max-width:1180px){
 .agent-marketing-home .flow-stage{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr)}
 .agent-marketing-home .flow-link{width:56px}
}
@media(max-width:980px){
 .agent-marketing-home .flow-section{padding:0 0 76px}
 .agent-marketing-home .flow-stage{grid-template-columns:1fr;gap:18px;margin-top:34px}
 .agent-marketing-home .flow-link{display:none}
 .agent-marketing-home .flow-terminal pre{min-height:300px;max-height:300px}
 .agent-marketing-home .flow-foot{flex-direction:column;align-items:stretch}
 .agent-marketing-home .flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .agent-marketing-home .flow-steps li{min-width:0;padding:10px 12px}
 .agent-marketing-home .flow-head{min-height:0;padding:76px 0 40px}
 .agent-marketing-home .closing-cta{justify-content:flex-start}
 .agent-marketing-home .footer-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
 .agent-marketing-home .footer-brand{grid-column:1/-1}
 .agent-marketing-home .footer-trust{grid-template-columns:1fr}
 .agent-marketing-home .copyright{text-align:left}
 .layer-sheet-panel{width:100vw;border-right:0}
 .layer-sheet-body{padding:24px 20px 32px}
 .layer-sheet-head{padding:14px 14px 12px 20px}
 .layer-sheet-foot{padding:12px 14px 14px 20px}
 .sheet-title{font-size:26px}
 .memory-points,.fin-facts{grid-template-columns:1fr}
}
@media(max-width:640px){
 .agent-marketing-home .flow-steps{grid-template-columns:1fr}
 .agent-marketing-home .flow-steps li{display:flex;align-items:baseline;gap:10px}
 .agent-marketing-home .tree-rows{padding:12px 6px 6px;font-size:12px}
 .agent-marketing-home .tree-row > button{grid-template-columns:28px auto minmax(0,1fr)}
 .agent-marketing-home .footer-top{grid-template-columns:1fr}
 .agent-marketing-home .footer-brand{grid-column:auto}
 .sheet-nav span,.sheet-nav{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .agent-marketing-home .tree-field canvas{transition:none;opacity:1!important}
 .agent-marketing-home .flow-terminal .line,.agent-marketing-home .tree-children li,.sheet-panel{animation:none;opacity:1;transform:none}
 .agent-marketing-home .flow-terminal .caret{animation:none}
 .layer-sheet-panel,.layer-sheet-backdrop{transition:none}
}
/* ---- site overrides (after the mock stylesheet so equal-specificity rules win) ---- */
.agent-dark-sheet{position:relative;z-index:1;box-shadow:0 -28px 70px rgba(6,4,12,.5)}
.agent-marketing-home #architecture.spatial-architecture,.agent-marketing-home.has-liquid-field #architecture.spatial-architecture,.agent-marketing-home.has-tree-field #architecture.spatial-architecture{background:#141020}
.agent-marketing-home .spatial-architecture .feature-card{background:#141020}
.agent-marketing-home .spatial-architecture .feature-card.is-active{background:#1f1930}
.reveal-cover,.reveal-cover.is-dark{background:#141020}
@media(min-width:981px) and (min-height:600px){.agent-marketing-home #architecture.spatial-architecture{height:265svh}}
.agent-marketing-home .hero.hero-strip{position:sticky;top:var(--hero-stick-top,0px);z-index:0}
.agent-marketing-home .hero.hero-strip.is-covered{visibility:hidden}
/* flow section: centred title screen that holds (sticky) while the stage slides over it; the phrase in <span> never breaks */
.agent-marketing-home .flow-head{position:sticky;top:0;z-index:0;align-items:center;text-align:center;will-change:opacity,transform}
.agent-marketing-home .flow-head h2{max-width:none}
.agent-marketing-home .flow-head h2 .flow-keep{white-space:nowrap}
.agent-marketing-home .flow-head .section-intro{margin-left:auto;margin-right:auto}
.agent-marketing-home .flow-stage,.agent-marketing-home .flow-foot{position:relative;z-index:1}
.agent-marketing-home .flow-stage{margin-top:60svh}
/* the flow section reads as black over the particle tree; the module above sits a step lighter (#141020) so the two separate */
.agent-marketing-home.has-tree-field #memory.flow-section{background-image:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.5) 40%,rgba(0,0,0,.6))}
.agent-marketing-home:not(.has-tree-field) #memory.flow-section{background-color:#050409}
.agent-marketing-home .tree-field{background:#050409}
/* the layer panel: no previous/next row on wide screens; icon-only arrows on compact */
@media(min-width:981px) and (min-height:600px){.layer-sheet-panel .layer-sheet-foot{display:none}}
@media(max-width:980px),(max-height:599px){.layer-sheet-panel .layer-sheet-foot .sheet-nav{font-size:0;gap:0;padding:0 12px}.layer-sheet-panel .layer-sheet-foot .sheet-nav span[aria-hidden]{font-size:16px}.agent-marketing-home .flow-head{position:static;transform:none!important;opacity:1!important}.agent-marketing-home .flow-stage{margin-top:34px}}
/* agent-product.js measures the first .hero to decide when the page is past the hero (header button, section rail); the sticky
   hero never scrolls away, so a sentinel of the same height stands in for it. */
.agent-marketing-home #agent-marketing-main{position:relative}
.agent-marketing-home .hero.hero-sentinel{position:absolute;top:0;left:0;width:0;height:100svh;min-height:0;padding:0;border:0;margin:0;display:block;visibility:hidden;pointer-events:none}