.agent-marketing-home #architecture.architecture-split{padding:90px 0 80px;background:#faf8f5;font-family:'Overpass','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif}
.architecture-layout{display:grid;grid-template-columns:minmax(270px,.86fr) minmax(0,1.84fr);gap:48px;align-items:center}
.architecture-copy{padding:16px 0;min-width:0}
.agent-marketing-home #architecture h2{font-family:inherit;font-size:36px;font-weight:400;line-height:1.35;letter-spacing:-.6px;margin:0 0 20px}
.architecture-intro{color:#777080;font-size:15px;line-height:1.85;margin:0 0 32px}
.architecture-steps{display:flex;flex-direction:column}
.agent-marketing-home .architecture-step{display:grid;grid-template-columns:26px 1fr;gap:12px;text-align:left;position:relative;padding:20px 4px 20px 0;background:none;border:0;border-top:1px solid #65518b24;color:#777080;cursor:pointer;transition:color .2s}
.architecture-step:last-child{border-bottom:1px solid #65518b24}
.architecture-step::before{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:#806799;transition:width .3s}
.architecture-step[aria-pressed="true"]::before{width:44px}
.architecture-step[aria-pressed="true"]{color:#4e3d68}
.architecture-step .step-number{padding-top:4px;font-size:11px;color:#9a8aa8;font-variant-numeric:tabular-nums}
.architecture-step strong{display:block;font-weight:500;font-size:18px;line-height:1.5;margin-bottom:8px}
.architecture-step .step-copy{display:block;font-size:14px;line-height:1.8;color:#817989}
.architecture-step[aria-pressed="true"] .step-copy{color:#60566b}
.architecture-step:focus-visible,.architecture-toolbar button:focus-visible{outline:2px solid #806799;outline-offset:4px}
.architecture-note{margin-top:25px;min-height:125px;font-size:13px;line-height:1.8;color:#7b7382}
.architecture-note .note-label{font-size:12px;color:#6e577e}
.architecture-note p{margin:6px 0 8px;max-width:30em}
.architecture-note a{font-size:12px;color:#65518b;text-decoration:none;padding:6px 0;display:inline-block;min-height:36px}
.architecture-note a span{margin-left:10px}
.architecture-visual{min-width:0}
.architecture-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#83768f;font-size:12px;padding:0 0 10px 20px}
.architecture-toolbar>div{display:flex;gap:14px;flex-shrink:0}
.agent-marketing-home .architecture-toolbar button{background:none;border:0;padding:8px 0;min-height:44px;cursor:pointer;color:#73617f;font-size:12px;white-space:nowrap}
.architecture-toolbar button:hover{color:#463352}
.architecture-toolbar button span{margin-left:9px}
.architecture-drawing{width:100%;aspect-ratio:1060/900;position:relative}
.architecture-graphic{display:block;width:100%;height:100%;overflow:visible}
.architecture-graphic .layer-group{cursor:pointer;outline:none}
.architecture-graphic .layer-visual{transition:opacity .35s}
.architecture-graphic .plane{stroke-width:.95;stroke-opacity:.63;transition:stroke-opacity .3s,stroke-width .3s}
.architecture-graphic .plane-edge{fill-opacity:.08;stroke-width:.75;stroke-opacity:.62}
.architecture-graphic .plane-shine{pointer-events:none;opacity:.24}
.architecture-graphic .plane-title{fill:#6d6078;font-family:inherit;font-size:22px;stroke:none}
.architecture-graphic .layer-parts{fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.architecture-graphic .layer-parts text{fill:#65586f;stroke:none;font-family:inherit;font-size:16px}
.architecture-graphic .layer-parts .small{font-size:14px}
.architecture-graphic .component-surface{fill:currentColor;fill-opacity:.08;stroke-opacity:.95}
.architecture-graphic .component-dash{stroke-dasharray:4 6;opacity:.6}
.architecture-graphic .stack-link{fill:none;stroke:#95869e;stroke-width:1.15;opacity:.65}
.architecture-graphic .stack-dash{stroke-dasharray:4 7}
.architecture-graphic .stack-observe{stroke:#7398a1;opacity:.8}
.architecture-graphic .stack-path-label{fill:#8c8096;font-family:inherit;font-size:14px;font-style:italic}
.architecture-graphic .layer-group.is-lit .plane{stroke-opacity:1;stroke-width:1.8}
.architecture-graphic .layer-group.is-lit .plane-title{fill:currentColor;font-weight:500}
.architecture-graphic.has-selection .layer-group:not(.is-lit) .layer-visual{opacity:.78}
.architecture-graphic .layer-group:focus-visible .plane{stroke-width:2;stroke-dasharray:5 3;stroke-opacity:1}
.architecture-graphic .layer-group:focus-visible .plane-title{text-decoration:underline}
.architecture-legend{display:flex;gap:20px;align-items:center;padding:18px 0 0 20px;font-size:11px;color:#94889f}
.architecture-legend>span{display:flex;align-items:center;gap:8px}
.architecture-legend i{width:20px;border-top:1px solid #9c8da9}
.architecture-legend .data-line{border-top-style:dashed}
.architecture-legend .architecture-hint{margin-left:auto}
@media(min-width:1600px){.architecture-layout{gap:64px;grid-template-columns:.8fr 1.9fr}}
@media(min-width:981px) and (max-width:1200px){.architecture-layout{gap:24px;grid-template-columns:290px minmax(0,1fr)}.agent-marketing-home #architecture h2{font-size:30px}.architecture-toolbar{padding-left:0}.architecture-toolbar>span{display:none}.architecture-toolbar>div{margin-left:auto}.architecture-step strong{font-size:17px}.architecture-step .step-copy{font-size:13px}.architecture-legend{padding-left:0;gap:12px}.architecture-hint{display:none!important}}
@media(max-width:980px){.agent-marketing-home #architecture.architecture-split{padding:64px 0}.architecture-layout{grid-template-columns:1fr;gap:24px;max-width:740px}.architecture-copy{padding:0}.agent-marketing-home #architecture h2{font-size:30px}.agent-marketing-home #architecture h2 br{display:none}.desktop-break{display:none}.architecture-intro{margin-bottom:24px}.architecture-steps{flex-direction:row;gap:18px}.agent-marketing-home .architecture-step{grid-template-columns:1fr;gap:4px;flex:1;min-width:0;padding:16px 0;border-bottom:1px solid #65518b24}.architecture-step strong{font-size:16px}.architecture-step .step-copy{font-size:13px}.architecture-note{min-height:100px;margin-top:20px}.architecture-toolbar{padding-left:0}.architecture-legend{padding-left:0}.architecture-visual{width:100%}}
@media(max-width:600px){.architecture-layout{width:calc(100% - 40px)!important;gap:8px}.agent-marketing-home #architecture h2{font-size:28px}.architecture-intro{font-size:14px}.architecture-steps{gap:12px}.architecture-step strong{font-size:15px}.architecture-step .step-copy{display:none}.architecture-step .step-number{font-size:11px}.architecture-note{min-height:140px;font-size:14px}.architecture-note .note-label{font-size:13px}.architecture-note a{min-height:44px;font-size:13px}.architecture-toolbar{font-size:11px}.architecture-toolbar>span{display:none}.architecture-toolbar>div{width:100%;justify-content:space-between}.architecture-toolbar button{font-size:12px!important}.architecture-drawing{aspect-ratio:1000/1030}.architecture-graphic .plane-title{font-size:30px}.architecture-graphic .layer-parts text,.architecture-graphic .stack-path-label{display:none}.architecture-legend{font-size:11px;gap:16px;flex-wrap:wrap}.architecture-legend .architecture-hint{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){.architecture-split *{transition:none!important}}

/* Scroll is the source of expansion; hovering only reveals the explanation. */
.agent-marketing-home #architecture.architecture-split{height:260svh;padding:0;position:relative}
.architecture-layout{position:sticky;top:64px;height:calc(100svh - 64px);padding:28px 0;align-items:center}
.architecture-drawing{aspect-ratio:auto;height:min(680px,calc(100svh - 205px))}
.architecture-copy{align-self:center}
.architecture-guide{font-size:12px;color:#90819d;margin:32px 0 0;line-height:1.8}
.architecture-note{min-height:250px;margin-top:38px;visibility:hidden;opacity:0;transform:translateY(12px);transition:opacity .24s,transform .3s,visibility .24s;pointer-events:none;border-top:1px solid var(--note-color,#a18db2);padding-top:23px}
.architecture-note.is-visible{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.architecture-note .note-label{font-size:12px;letter-spacing:.7px;color:var(--note-color,#806799)}
.architecture-note h3{font-family:inherit;font-size:26px;font-weight:400;line-height:1.45;margin:13px 0;color:#483953}
.architecture-note p{font-size:15px;line-height:1.9;color:#6b5d78;margin:0 0 15px}
.architecture-note a{font-size:13px;min-height:44px}
.architecture-graphic .plane{stroke-opacity:.72;stroke-width:1.2;transition:stroke-opacity .25s,stroke-width .25s,filter .25s}
.architecture-graphic .plane-edge{stroke-opacity:.8;fill-opacity:.14}
.architecture-graphic .layer-visual{transition:opacity .25s,transform .32s}
.architecture-graphic.has-selection .layer-group:not(.is-lit) .layer-visual{opacity:.57}
.architecture-graphic .layer-group.is-lit .plane{stroke-opacity:1;stroke-width:3.1;fill-opacity:1!important;filter:drop-shadow(0 0 7px color-mix(in srgb,currentColor 38%,transparent))}
.architecture-graphic .layer-group.is-lit .plane-edge{fill-opacity:.32;stroke-width:1.7}
.architecture-graphic .layer-group.is-lit .plane-shine{opacity:.95!important}
.architecture-graphic .layer-group.is-lit .layer-visual{transform:translateY(-8px)}
.architecture-graphic .layer-group.is-inspected .layer-visual{transform:translateY(-13px)}
.architecture-graphic .layer-group.is-lit .component-surface{fill-opacity:.25;stroke-width:1.8}
.architecture-graphic .layer-group.is-lit .plane-title{font-weight:600;fill:currentColor}
.architecture-signal{pointer-events:none;filter:drop-shadow(0 0 5px #8c6eb0)}
.architecture-toolbar button:disabled{opacity:.4;cursor:default}
.architecture-paused .architecture-graphic *{animation-play-state:paused!important}
@media(min-width:701px) and (max-width:980px){.architecture-layout{grid-template-columns:minmax(225px,.9fr) minmax(0,1.6fr);max-width:none;gap:22px}.agent-marketing-home #architecture h2{font-size:27px}.agent-marketing-home #architecture h2 br{display:block}.architecture-note{min-height:260px}.architecture-note h3{font-size:23px}.architecture-note p{font-size:14px}.architecture-toolbar>span{display:none}.architecture-toolbar>div{margin-left:auto}.architecture-legend{flex-wrap:wrap}.architecture-hint{display:none!important}}
@media(max-width:700px){.architecture-layout{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:18px 0 12px;width:calc(100% - 40px)!important}.architecture-copy{width:100%;padding:0}.agent-marketing-home #architecture h2{font-size:25px;margin-bottom:8px}.agent-marketing-home #architecture h2 br{display:none}.architecture-intro{display:none}.architecture-guide{margin:0;font-size:11px}.architecture-note{margin-top:14px;min-height:178px;padding-top:12px}.architecture-note h3{font-size:20px;margin:5px 0}.architecture-note p{font-size:13px;line-height:1.65;margin:0}.architecture-note .note-label{font-size:11px}.architecture-note a{font-size:12px;padding:5px 0;min-height:34px}.architecture-visual{min-height:0;flex:1;display:flex;flex-direction:column;width:100%}.architecture-toolbar{padding:0;min-height:38px}.architecture-toolbar>span{display:none}.architecture-toolbar>div{width:100%;justify-content:space-between}.architecture-toolbar button{min-height:38px!important}.architecture-drawing{flex:1;min-height:0;height:auto}.architecture-legend{padding-top:8px;font-size:10px;gap:10px}.architecture-hint{display:none!important}.architecture-graphic .plane-title{font-size:31px}.architecture-graphic .layer-parts text,.architecture-graphic .stack-path-label{display:none}}
@media(prefers-reduced-motion:reduce){.agent-marketing-home #architecture.architecture-split{height:auto}.architecture-layout{position:relative;top:0;height:auto;min-height:780px;padding:48px 0}.architecture-drawing{height:620px}.architecture-graphic .layer-group.is-lit .layer-visual{transform:none}.architecture-guide{visibility:hidden}#architecture-expand{display:none}@media(max-width:700px){.architecture-layout{min-height:0}.architecture-drawing{height:380px;flex:auto}.architecture-visual{flex:auto}}}

.architecture-toolbar{justify-content:flex-end}
.agent-marketing-home .skill-card h3{margin-top:0}

/* A diagonal exploded view; the document scroll is the only camera control. */
.agent-marketing-home #architecture.spatial-architecture{background:#0d0b14;color:#f2ebfb;color-scheme:dark;height:235svh;padding:0;position:relative;isolation:isolate}
.agent-marketing-home #architecture.spatial-architecture .architecture-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:28px;width:min(calc(100% - 96px),1440px);height:calc(100svh - 64px);min-height:0;position:sticky;top:64px;padding:28px 0;align-items:center;box-sizing:border-box}
.agent-marketing-home .spatial-architecture #capabilities{padding:0;width:100%;scroll-margin-top:96px;align-self:center;position:relative;z-index:3}
.spatial-architecture .difference-grid{display:grid;grid-template-columns:1fr;gap:0}
.agent-marketing-home .spatial-architecture .feature-card{appearance:none;position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:4px 14px;align-content:center;align-items:center;min-height:76px;padding:12px 8px;border:0;border-bottom:1px solid #b6a1d021;border-radius:0;background:transparent;color:#e8dfef;font-family:inherit;text-align:left;cursor:pointer;box-shadow:none;transition:background .2s,color .2s}
.agent-marketing-home .spatial-architecture .feature-card::after{display:none}
.spatial-architecture .feature-card:first-child{border-top:1px solid #b6a1d021}
.spatial-architecture .capability-art{width:42px;height:42px;grid-column:1;grid-row:1/3;align-self:center;opacity:.82;transition:opacity .2s,transform .2s}
.spatial-architecture .feature-title{grid-column:2;font-size:16px;line-height:1.45;font-weight:500;letter-spacing:0}
.spatial-architecture .feature-description{grid-column:2;font-size:12px;line-height:1.6;color:#93899f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.agent-marketing-home .spatial-architecture .feature-card.is-active{background:#bda3dc0e;box-shadow:inset 2px 0 var(--feature-color,#b59dcf)}
.spatial-architecture .feature-card.is-active .feature-title{color:#fff7ff}
.spatial-architecture .feature-card.is-active .feature-description{color:#bfb2ce}
.spatial-architecture .feature-card.is-active .capability-art{opacity:1;transform:translateX(2px)}
.spatial-architecture .feature-card:focus-visible,.spatial-architecture button:focus-visible{outline:2px solid #d4b8f1;outline-offset:3px}
.agent-marketing-home .spatial-architecture .feature-card{background:#0d0b14}
.agent-marketing-home .spatial-architecture .feature-card.is-active{background:#191420}
.agent-marketing-home #architecture.spatial-architecture h2 br{display:block!important}
.spatial-detail{min-height:160px;padding:23px 8px 0;color:#b4a8c0}
.spatial-detail-title{font-size:16px!important;line-height:1.5!important;font-weight:500;color:#e9dff1;margin:0 0 9px!important}
.spatial-detail-copy{font-size:14px!important;line-height:1.85!important;color:#a89ab7;margin:0!important;min-height:52px}



.agent-marketing-home .spatial-architecture .architecture-visual{position:relative;align-self:stretch;min-width:0;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:0}
.spatial-intro{position:absolute;z-index:2;top:clamp(32px,7vh,85px);left:42px;right:0;pointer-events:none;will-change:opacity,transform}
.agent-marketing-home #architecture.spatial-architecture h2{font-family:inherit;font-size:clamp(32px,3.2vw,48px);font-weight:400;line-height:1.42;letter-spacing:0;color:#f0e9f7;margin:0 0 18px}
.spatial-intro h2 span{color:#c3b4d1}
.spatial-intro>p{font-size:15px;line-height:1.85;color:#9b8ea9;margin:0}
.agent-marketing-home .spatial-architecture .architecture-drawing{width:100%;height:100%;max-height:850px;min-height:0;aspect-ratio:auto;flex:1}
.spatial-architecture .architecture-graphic{width:100%;height:100%;overflow:visible;display:block}
.spatial-architecture .spatial-layer{cursor:pointer;outline:none}
.spatial-architecture .spatial-surface{transition:opacity .24s;transform-origin:0 0}
.spatial-architecture .architecture-graphic .plane{stroke-width:1.3;stroke-opacity:.78;transition:stroke-width .2s,stroke-opacity .2s,filter .2s}
.spatial-architecture .architecture-graphic .plane-edge{fill-opacity:.12;stroke-width:.8;stroke-opacity:.75}
.spatial-architecture .architecture-graphic .plane-shine{opacity:.28!important}
.spatial-architecture .architecture-graphic .component-surface{fill-opacity:.12}
.spatial-architecture .architecture-graphic .plane-title{font-family:inherit;font-size:24px;font-weight:400;fill:#baaacb;stroke:none}
.spatial-architecture .architecture-graphic .layer-parts text{font-size:20px;fill:#c4b5d5}
.spatial-architecture .architecture-graphic .layer-parts text.small{font-size:17px}
.spatial-architecture .architecture-graphic .stack-link{stroke:#ae97c2;opacity:.62;stroke-width:1.15;fill:none}
.spatial-architecture .architecture-graphic .stack-observe{stroke:#87bec7;opacity:.72}
.spatial-architecture .architecture-graphic .stack-path-label{fill:#a898b7;font-size:15px;font-family:inherit}
.spatial-architecture .spatial-layer.is-lit .plane{stroke-width:2.3;stroke-opacity:1;filter:drop-shadow(0 0 5px color-mix(in srgb,currentColor 28%,transparent))}
.spatial-architecture .spatial-layer.is-lit .plane-edge{fill-opacity:.25;stroke-opacity:1}
.spatial-architecture .spatial-layer.is-lit .plane-title{fill:currentColor;font-weight:500}
.spatial-architecture .architecture-graphic.has-selection .spatial-layer:not(.is-lit) .spatial-surface{opacity:.34}
.spatial-architecture .architecture-graphic.has-selection .spatial-layer:not(.is-lit) .spatial-label{opacity:.48!important}
.spatial-architecture .architecture-graphic .is-feature-label{fill:#fff!important;font-weight:600;filter:drop-shadow(0 0 4px #d2baf580)}
.spatial-architecture .architecture-graphic .is-feature-module>.component-surface{fill-opacity:.32;stroke-width:2}
.spatial-architecture .spatial-layer:focus-visible .plane{stroke-dasharray:5 4;stroke-width:2.5}




.spatial-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.agent-marketing-home.viewing-combined .section-rail{visibility:hidden;pointer-events:none}
@media(min-width:1600px){.agent-marketing-home #architecture.spatial-architecture .architecture-layout{grid-template-columns:340px minmax(0,1fr);gap:52px}.spatial-architecture .feature-card{min-height:82px!important}.spatial-architecture .feature-title{font-size:17px}.spatial-architecture .feature-description{font-size:13px}}
@media(min-width:981px) and (max-height:780px){.agent-marketing-home #architecture.spatial-architecture .architecture-layout{padding:14px 0;grid-template-columns:290px minmax(0,1fr);gap:24px}.agent-marketing-home .spatial-architecture .feature-card{min-height:63px;padding:8px}.spatial-detail{min-height:136px;padding-top:16px}.spatial-detail-copy{font-size:13px!important}.spatial-intro{top:28px}.spatial-architecture .architecture-graphic .plane-title{font-size:27px}}
@media(max-width:980px),(max-height:599px){.agent-marketing-home #architecture.spatial-architecture{height:auto}.agent-marketing-home #architecture.spatial-architecture .architecture-layout{position:relative;top:0;height:auto;min-height:0;padding:40px 0;display:flex;flex-direction:column;gap:20px;width:calc(100% - 48px)!important}.agent-marketing-home .spatial-architecture .architecture-visual{order:-1;display:block;width:100%;flex:auto}.spatial-intro{position:relative;inset:auto;opacity:1!important;transform:none!important;padding:0 0 12px}.agent-marketing-home #architecture.spatial-architecture h2{font-size:34px;line-height:1.4;margin-bottom:10px}.spatial-intro>p{display:none}.agent-marketing-home .spatial-architecture .architecture-drawing{height:auto;aspect-ratio:1180/900;max-height:none;min-height:0;width:100%}.agent-marketing-home .spatial-architecture .feature-card{min-height:80px;padding:12px 8px}.spatial-architecture .feature-card:nth-child(2){border-top:1px solid #b6a1d021}.spatial-architecture .feature-description{font-size:13px}.spatial-detail{min-height:140px}.spatial-architecture .architecture-graphic .plane-title{font-size:28px}.spatial-architecture .architecture-graphic .layer-parts text{font-size:22px}.spatial-architecture .architecture-graphic .layer-parts text.small{font-size:19px}}
@media(max-width:640px){.agent-marketing-home #architecture.spatial-architecture .architecture-layout{width:calc(100% - 40px)!important;padding:34px 0;gap:10px}.agent-marketing-home #architecture.spatial-architecture h2{font-size:28px}.spatial-intro{padding-bottom:0}.spatial-architecture .difference-grid{gap:0 10px}.agent-marketing-home .spatial-architecture .feature-card{grid-template-columns:28px minmax(0,1fr);gap:2px 8px;min-height:78px;padding:10px 4px}.spatial-architecture .capability-art{width:28px;height:28px;grid-row:1}.spatial-architecture .feature-title{font-size:13px;line-height:1.5}.spatial-architecture .feature-description{display:none}.agent-marketing-home .spatial-architecture .architecture-drawing{aspect-ratio:1000/930}.spatial-architecture .architecture-graphic .plane-title{font-size:38px}.spatial-architecture .architecture-graphic .layer-parts text,.spatial-architecture .architecture-graphic .stack-path-label{display:none}.spatial-detail{padding:20px 4px 0;min-height:140px}.spatial-detail-copy{font-size:14px!important;min-height:78px}}
@media(prefers-reduced-motion:reduce){.spatial-architecture *{transition:none!important;animation:none!important}.agent-marketing-home #architecture.spatial-architecture{height:auto}.agent-marketing-home #architecture.spatial-architecture .architecture-layout{position:relative;top:0;height:auto;min-height:760px}.spatial-intro{opacity:0!important;visibility:hidden}@media(max-width:980px){.agent-marketing-home #architecture.spatial-architecture .architecture-layout{min-height:0}.spatial-intro{opacity:1!important;visibility:visible}}}

/* A readable explanation panel and activity inside the selected architectural layer. */
.spatial-architecture .spatial-detail{--detail-color:#b9a0d1;position:relative;min-height:178px;margin-top:22px;padding:20px 21px;background:#1b1526;border:1px solid #b8a0cf38;border-left:3px solid var(--detail-color);border-radius:8px;color:#e7ddf0;transition:border-color .22s,background-color .22s,box-shadow .22s}
.spatial-architecture .spatial-detail.is-selected{background:#21192e;border-color:color-mix(in srgb,var(--detail-color) 45%,transparent);border-left-color:var(--detail-color);box-shadow:0 8px 28px #00000024}
.spatial-architecture .spatial-detail-title{font-size:20px!important;font-weight:600;line-height:1.45!important;letter-spacing:0;color:#f4edf9;margin:0 0 12px!important}
.spatial-architecture .spatial-detail.is-selected .spatial-detail-title{color:var(--detail-color)}
.spatial-architecture .spatial-detail-copy{font-size:15px!important;line-height:1.85!important;color:#d2c5df;min-height:80px;margin:0!important}
.spatial-architecture .spatial-layer .motion-signal,.spatial-architecture .spatial-layer .motion-loop-track,.spatial-architecture .spatial-layer .motion-write{opacity:0;pointer-events:none}
.spatial-architecture .motion-loop-track{stroke-dasharray:13 87;stroke-linecap:round}
.spatial-architecture .motion-write{stroke-dasharray:100;stroke-dashoffset:100}
.spatial-architecture .motion-clock-hand{transform-origin:0 0;transform-box:view-box}
.spatial-architecture .spatial-layer.is-animating .motion-input-block{animation:nn-input-lift 2.2s ease-in-out infinite;animation-delay:calc(var(--motion-order)*-.22s)}
.spatial-architecture .spatial-layer.is-animating .motion-signal-left{animation:nn-signal-left 1.7s ease-in-out infinite}
.spatial-architecture .spatial-layer.is-animating .motion-signal-right{animation:nn-signal-right 1.7s ease-in-out -.55s infinite}
.spatial-architecture .spatial-layer.is-animating .motion-task{animation:nn-task-lift 2.4s ease-in-out infinite;animation-delay:calc(var(--motion-order)*-.32s)}
.spatial-architecture .spatial-layer.is-animating .motion-task .component-surface{animation:nn-cell-pulse 2.4s ease-in-out infinite;animation-delay:calc(var(--motion-order)*-.32s)}
.spatial-architecture .spatial-layer.is-animating .motion-clock-hand{animation:nn-clock 3.2s linear infinite}
.spatial-architecture .spatial-layer.is-animating .motion-loop-segment{animation:nn-cell-pulse 2.4s ease-in-out infinite;animation-delay:calc(var(--motion-order)*-.3s)}
.spatial-architecture .spatial-layer.is-animating .motion-loop-track{animation:nn-loop-flow 2.4s linear infinite;opacity:.9}
.spatial-architecture .spatial-layer.is-animating .motion-capability{animation:nn-module-lift 2.8s ease-in-out infinite;animation-delay:calc(var(--motion-order)*-.65s)}
.spatial-architecture .spatial-layer.is-animating .motion-capability>.component-surface{animation:nn-cell-pulse 2.8s ease-in-out infinite;animation-delay:calc(var(--motion-order)*-.65s)}
.spatial-architecture .spatial-layer.is-animating .motion-compute{animation:nn-compute-lift 2.6s ease-in-out infinite;animation-delay:calc(var(--motion-order)*-.22s)}
.spatial-architecture .spatial-layer.is-animating .motion-compute>.component-surface{animation:nn-cell-pulse 2.6s ease-in-out infinite;animation-delay:calc(var(--motion-order)*-.22s)}
.spatial-architecture .spatial-layer.is-animating .motion-memory{animation:nn-memory-lift 2.8s ease-in-out infinite;animation-delay:calc(var(--motion-order)*-.48s)}
.spatial-architecture .spatial-layer.is-animating .motion-write{animation:nn-write 2.8s ease-in-out infinite;animation-delay:calc(var(--motion-order)*-.48s)}
@keyframes nn-input-lift{0%,100%{transform:translateY(0)}45%{transform:translateY(-9px)}}
@keyframes nn-signal-left{0%{transform:translate(-175px,-3px);opacity:0}15%{opacity:1}70%{transform:translate(-61px,5px);opacity:1}90%,100%{transform:translate(-61px,5px);opacity:0}}
@keyframes nn-signal-right{0%{transform:translate(175px,-3px);opacity:0}15%{opacity:1}70%{transform:translate(61px,5px);opacity:1}90%,100%{transform:translate(61px,5px);opacity:0}}
@keyframes nn-task-lift{0%,65%,100%{transform:translateY(0)}30%{transform:translateY(-12px)}}
@keyframes nn-clock{to{transform:rotate(360deg)}}
@keyframes nn-loop-flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@keyframes nn-cell-pulse{0%,70%,100%{fill-opacity:.12;stroke-opacity:.68}35%{fill-opacity:.48;stroke-opacity:1}}
@keyframes nn-module-lift{0%,100%{transform:translateY(0)}45%{transform:translateY(-9px)}}
@keyframes nn-compute-lift{0%,70%,100%{transform:translateY(0)}35%{transform:translateY(-13px)}}
@keyframes nn-memory-lift{0%,100%{transform:translateY(0)}45%,65%{transform:translateY(-8px)}}
@keyframes nn-write{0%{stroke-dashoffset:100;opacity:0}20%{opacity:1}65%{stroke-dashoffset:0;opacity:1}85%,100%{stroke-dashoffset:0;opacity:0}}
@media(min-width:981px) and (max-height:780px){.spatial-architecture .spatial-detail{min-height:162px;margin-top:16px;padding:16px 18px}.spatial-architecture .spatial-detail-title{font-size:19px!important;margin-bottom:10px!important}.spatial-architecture .spatial-detail-copy{font-size:14px!important;line-height:1.8!important;min-height:76px}}
@media(min-width:981px) and (min-height:600px) and (max-height:679px){.agent-marketing-home .spatial-architecture .feature-card{min-height:55px;padding:5px 8px}.spatial-architecture .spatial-detail{min-height:150px;margin-top:12px;padding:12px 16px}.spatial-architecture .spatial-detail-title{font-size:18px!important}.spatial-architecture .spatial-detail-copy{font-size:14px!important;line-height:1.7!important;min-height:72px}}
@media(max-width:980px),(max-height:599px){.spatial-architecture .spatial-detail{min-height:150px;margin-top:20px;padding:20px 22px}.spatial-architecture .spatial-detail-copy{min-height:56px}}
@media(max-width:640px){.spatial-architecture .spatial-detail{min-height:170px;margin-top:18px;padding:18px}.spatial-architecture .spatial-detail-title{font-size:19px!important}.spatial-architecture .spatial-detail-copy{font-size:15px!important;line-height:1.8!important;min-height:81px}}
@media(prefers-reduced-motion:reduce){.spatial-architecture .spatial-detail{transition:none}.spatial-architecture .spatial-layer *{animation:none!important}.spatial-architecture .motion-signal,.spatial-architecture .motion-loop-track,.spatial-architecture .motion-write{display:none}}

/* Agent-specific integration: keep the existing hero and use the supplied tree below. */
.agent-marketing-home,.agent-marketing-home *{font-family:'Overpass','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif!important}
.agent-marketing-home .tree-field{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#0d0b14;visibility:hidden}
.agent-marketing-home .tree-field.is-active{visibility:visible}
.agent-marketing-home .tree-field canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:1;transition:opacity .7s ease}
.agent-marketing-home.has-tree-field main,.agent-marketing-home.has-tree-field .site-footer{position:relative;z-index:1}
.agent-marketing-home.has-tree-field .section:not(.technical-dark){background:var(--paper)}
.agent-marketing-home.has-tree-field :is(#memory,#fin-cli,#scheduled-research){background-color:transparent;background-image:linear-gradient(#0d0b147d,#0d0b14ad);background-attachment:scroll}
.agent-marketing-home.has-tree-field #architecture.spatial-architecture{background:rgba(13,11,20,.91)}
.agent-marketing-home.has-tree-field.is-tree-scrolling .tree-field canvas{opacity:.6}
.agent-marketing-home .architecture-download{display:inline-flex;align-items:center;min-height:44px;margin:12px 8px 0;color:#c8b3de;font-size:13px;text-decoration:none}
.agent-marketing-home .architecture-download:hover{text-decoration:underline}
.agent-marketing-home .architecture-download:focus-visible{outline:2px solid #d4b8f1;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.agent-marketing-home .tree-field canvas{transition:none;opacity:1!important}}