:root{--apos-ink:#101828;--apos-title:#090d25;--apos-text:#475467;--apos-muted:#7a8498;--apos-blue:#146ef5;--apos-blue-2:#4a8ee8;--apos-line:#d8e5f3;--apos-pale:#eef6fd;--apos-surface:rgba(255,255,255,.9)}
html{scroll-behavior:smooth}.apos-main{overflow:hidden;color:var(--apos-ink);background:#fff;font-family:"Source Han Sans SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif}.apos-screen{position:relative;min-height:calc(100svh - var(--header-height));padding:clamp(32px,4.4vh,54px) var(--side);isolation:isolate}.apos-screen::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 87% 4%,rgba(99,181,255,.13),transparent 29%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(243,249,255,.96) 58%,rgba(234,245,255,.96))}.apos-screen::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.52;background:linear-gradient(132deg,transparent 0 21%,rgba(83,160,226,.075) 21.1% 22.2%,transparent 22.3% 72%,rgba(69,149,222,.06) 72.1% 73%,transparent 73.1%),linear-gradient(42deg,transparent 0 19%,rgba(83,160,226,.05) 19.1% 20%,transparent 20.1%)}

/* First screen */
.apos-hero{display:grid;grid-template-columns:minmax(390px,.73fr) minmax(760px,1.43fr);align-items:center;gap:clamp(28px,3vw,58px);padding-top:clamp(28px,3.5vh,46px);padding-bottom:clamp(30px,4vh,48px)}.hero-copy{align-self:center;padding-left:clamp(0px,1.5vw,24px)}.hero-eyebrow{margin:0 0 17px;color:var(--apos-blue);font-size:clamp(14px,1.05vw,19px);letter-spacing:.01em}.hero-eyebrow span{font-size:.9em}.hero-copy h1{margin:0;max-width:660px;color:var(--apos-title);font-family:"Songti SC","STSong",serif;font-size:clamp(38px,3.25vw,58px);font-weight:800;line-height:1.22;letter-spacing:-.015em}.title-rule{display:block;width:64px;margin:28px 0 28px;border-top:3px solid var(--apos-blue)}.hero-copy h2{margin:0 0 16px;color:var(--apos-blue);font-size:clamp(27px,2vw,38px);line-height:1.2}.definition-list{margin:0;padding:0;display:grid;gap:12px;list-style:none;color:#1f2937;font-size:clamp(14px,1.05vw,18px);line-height:1.62}.definition-list li{position:relative;padding-left:17px}.definition-list li::before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:#9cc7ef}.definition-list strong{font-weight:750}.hero-system{min-width:0;display:grid;grid-template-rows:auto 52px auto;align-items:center;transform:perspective(1600px) rotateY(-1.2deg);transform-origin:right center}.tilted-plane{position:relative;border:1px solid #c7dcef;border-radius:13px;background:linear-gradient(165deg,rgba(255,255,255,.98),rgba(247,251,255,.96));box-shadow:0 18px 30px rgba(55,107,158,.13),0 3px 0 #d7e9f8;overflow:hidden}.tilted-plane::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(108deg,transparent 0 58%,rgba(84,158,226,.06) 58.1% 74%,transparent 74.1%)}.tilted-plane header{text-align:center}.tilted-plane header h2{margin:0;color:#4d76ad;font-size:clamp(19px,1.65vw,29px);line-height:1.25}.tilted-plane header p{margin:4px 0 0;color:#7289a6;font-size:clamp(11px,.85vw,14px)}.autonomy-plane{padding:20px 28px 15px;transform:skewX(-1.2deg)}.autonomy-flow{position:relative;margin:17px 0 4px;padding:0 0 15px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;list-style:none}.autonomy-flow::before{content:"";position:absolute;top:29px;left:7%;right:7%;border-top:1px solid #9fc8ee}.autonomy-flow li{position:relative;min-width:0;display:grid;grid-template-columns:43px 36px;grid-template-rows:43px auto auto;justify-content:center;text-align:center}.autonomy-flow li:not(:last-child)::after{content:"";position:absolute;right:-9px;top:25px;width:7px;height:7px;border-top:2px solid #75aee8;border-right:2px solid #75aee8;transform:rotate(45deg)}.flow-index,.flow-icon{position:relative;z-index:1;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif}.flow-index{color:#fff;background:linear-gradient(145deg,#79b5ee,#b7d8f3);box-shadow:0 0 0 8px rgba(129,184,232,.13)}.flow-icon{width:36px;height:36px;margin:4px 0 0 -3px;color:#4a8ed6;background:#f5faff;border:1px solid #d4e7f7}.autonomy-flow b{grid-column:1/3;margin-top:9px;color:#2e5d95;font-size:clamp(11px,.83vw,14px);white-space:nowrap}.autonomy-flow small{grid-column:1/3;margin-top:4px;color:#6f819a;font-size:clamp(9px,.68vw,11px);line-height:1.45}.flow-icon::before,.flow-icon::after{content:"";position:absolute}.pulse::before{left:6px;right:6px;top:17px;height:2px;background:linear-gradient(90deg,transparent 0 10%,currentColor 10% 29%,transparent 29% 39%,currentColor 39% 48%,transparent 48% 59%,currentColor 59% 100%);transform:skewY(-32deg)}.document::before{inset:8px 10px;border:2px solid currentColor;border-radius:2px}.document::after{left:14px;right:14px;top:15px;height:2px;background:currentColor;box-shadow:0 5px 0 currentColor}.gear::before{inset:9px;border:2px solid currentColor;border-radius:50%;box-shadow:0 0 0 4px transparent}.gear::after{inset:5px;border:2px dotted currentColor;border-radius:50%}.check::before{inset:7px;border:2px solid currentColor;border-radius:50%}.check::after{left:12px;top:14px;width:10px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}.bars::before{left:9px;bottom:8px;width:4px;height:9px;background:currentColor;box-shadow:7px -5px 0 currentColor,14px -11px 0 currentColor}.agent-return{position:relative;height:25px;margin:0 30px;border-right:2px solid #7fb1e5;border-bottom:2px solid #7fb1e5;border-left:2px solid #7fb1e5;border-radius:0 0 16px 16px;text-align:center}.agent-return::before{content:"";position:absolute;left:-4px;top:-2px;width:8px;height:8px;border-left:2px solid #7fb1e5;border-bottom:2px solid #7fb1e5;transform:rotate(45deg)}.agent-return span{position:relative;top:10px;padding:5px 22px;color:#4f75a2;border:1px solid #b9d6ef;border-radius:999px;background:#fff;font-size:11px;font-weight:700}.plane-outcome{margin:18px -10px -3px;padding:8px;text-align:center;color:#346899;background:rgba(220,238,251,.68);font-size:clamp(11px,.83vw,14px);font-weight:700}.support-bridge{height:52px;display:flex;justify-content:center;align-items:center;gap:22px;color:#6f86a3;font-size:12px}.support-bridge span{position:relative;width:70px;height:31px}.support-bridge span::before{content:"";position:absolute;left:50%;top:0;width:12px;height:30px;background:linear-gradient(#9fc9ed,rgba(159,201,237,.1))}.support-bridge span::after{content:"";position:absolute;left:calc(50% - 6px);top:-5px;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:14px solid #9fc9ed}.platform-plane{padding:18px 28px 12px;transform:skewX(1.2deg)}.platform-capabilities{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr)}.platform-capabilities>div{min-width:0;padding:2px 15px 7px;display:grid;justify-items:center;text-align:center;border-right:1px solid #d9e7f4}.platform-capabilities>div:last-child{border-right:0}.cap-icon{position:relative;width:48px;height:48px;display:block;color:#4f89c3;border-radius:50%;background:#eff6fb}.cap-icon::before,.cap-icon::after{content:"";position:absolute}.ontology::before{left:12px;top:10px;width:22px;height:10px;border:2px solid currentColor;border-radius:50%;box-shadow:0 8px 0 -1px #eff6fb,0 8px 0 1px currentColor,0 16px 0 -1px #eff6fb,0 16px 0 1px currentColor}.calculate::before{left:12px;bottom:10px;width:5px;height:12px;background:currentColor;box-shadow:9px -6px 0 currentColor,18px -15px 0 currentColor}.people::before{left:18px;top:10px;width:10px;height:10px;border:2px solid currentColor;border-radius:50%}.people::after{left:10px;right:10px;bottom:9px;height:15px;border:2px solid currentColor;border-radius:14px 14px 3px 3px}.learn::before{inset:10px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%}.learn::after{left:11px;top:8px;border:5px solid transparent;border-right-color:currentColor;transform:rotate(-25deg)}.platform-capabilities b{margin-top:5px;color:#365f8e;font-size:clamp(12px,.88vw,15px)}.platform-capabilities small{margin-top:4px;color:#6e8299;font-size:clamp(9px,.67vw,11px);line-height:1.45}.governance-line{margin:8px -10px -2px;padding:7px;text-align:center;color:#50749d;background:rgba(224,240,252,.72);font-size:11px;font-weight:650}

/* Second screen */
.architecture-screen{display:flex;flex-direction:column;justify-content:center;padding-top:clamp(28px,3.6vh,44px);padding-bottom:clamp(26px,3.8vh,46px);background:#fbfdff}.architecture-screen::before{background:radial-gradient(circle at 10% 25%,rgba(78,160,228,.11),transparent 25%),linear-gradient(180deg,#fff,#f4f9fe)}.section-heading{width:100%;max-width:1480px;margin:0 auto 20px;text-align:center}.section-heading>p{margin:0 0 5px;color:var(--apos-blue);font-size:13px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.section-heading h2{margin:0;color:var(--apos-title);font-family:"Songti SC","STSong",serif;font-size:clamp(32px,2.4vw,44px);line-height:1.25}.section-heading>span{display:block;margin-top:7px;color:#697b91;font-size:clamp(12px,.88vw,15px)}.architecture-workspace{width:100%;max-width:1480px;margin:0 auto;display:grid;grid-template-columns:minmax(330px,.62fr) minmax(690px,1.38fr);gap:34px;align-items:center}.layer-selector{position:relative;display:grid;gap:7px;padding:8px 0}.layer-card{position:relative;width:88%;min-height:73px;margin:0 auto;padding:10px 18px;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:14px;text-align:left;color:var(--apos-ink);border:1px solid #d1e1ef;border-radius:10px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 9px 17px rgba(44,94,139,.09),0 3px 0 #d7e8f6;cursor:pointer;transform:perspective(700px) rotateX(3deg) translateX(var(--shift,0));transition:width .25s ease,transform .25s ease,border-color .25s ease,box-shadow .25s ease}.layer-card:nth-child(1){--shift:17px}.layer-card:nth-child(2){--shift:8px;width:94%}.layer-card:nth-child(3){--shift:0;width:100%;min-height:84px}.layer-card:nth-child(4){--shift:8px;width:94%}.layer-card:nth-child(5){--shift:17px}.layer-card:hover,.layer-card:focus-visible,.layer-card.is-active{outline:0;border-color:var(--apos-blue);box-shadow:0 13px 23px rgba(30,110,193,.16),0 4px 0 #82bff0;transform:perspective(700px) rotateX(1deg) translateX(calc(var(--shift) + 5px))}.layer-card::after{content:"";position:absolute;right:-35px;top:50%;width:31px;border-top:1px solid transparent}.layer-card.is-active::after{border-color:var(--apos-blue)}.layer-card.is-active::before{content:"";position:absolute;right:-39px;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:var(--apos-blue);box-shadow:0 0 0 5px rgba(20,110,245,.08)}.layer-icon{position:relative;width:48px;height:48px;display:block;color:#5e8fbe;border-radius:50%;background:#edf5fb}.layer-icon::before,.layer-icon::after{content:"";position:absolute}.dct::before{inset:11px 9px 15px;border:2px solid currentColor;border-radius:2px}.dct::after{left:16px;bottom:9px;width:16px;border-top:2px solid currentColor}.scenario::before{left:9px;right:9px;top:16px;bottom:10px;border:2px solid currentColor;border-radius:3px}.scenario::after{left:17px;top:10px;width:12px;height:8px;border:2px solid currentColor;border-bottom:0;border-radius:3px}.cubes::before{left:14px;top:12px;width:18px;height:18px;border:2px solid currentColor;transform:rotate(30deg) skewX(-27deg)}.agent::before{inset:11px 8px;border:2px solid currentColor;border-radius:8px}.agent::after{left:16px;top:21px;width:3px;height:3px;border-radius:50%;background:currentColor;box-shadow:10px 0 0 currentColor}.database::before{left:11px;top:10px;width:22px;height:9px;border:2px solid currentColor;border-radius:50%;box-shadow:0 8px 0 -1px #edf5fb,0 8px 0 1px currentColor,0 16px 0 -1px #edf5fb,0 16px 0 1px currentColor}.layer-card b{display:block;color:#1f2937;font-size:clamp(15px,1.05vw,18px);font-weight:750}.layer-card small{display:block;margin-top:4px;color:#77869a;font-size:clamp(10px,.72vw,12px);line-height:1.35}.layer-card.is-active b{color:#111827}.learning-pill{width:91%;margin:8px auto 0;padding:8px 12px;text-align:center;color:#536a83;border:1px solid #c9dceb;border-radius:999px;background:rgba(236,245,252,.78);font-size:11px}.hover-hint{margin:4px 0 0;text-align:center;color:#7c8a9c;font-size:11px}.hover-hint::before,.hover-hint::after{content:"";display:inline-block;width:36px;margin:0 12px 3px;border-top:1px solid #a5bdd3}.layer-detail{position:relative;min-height:575px;padding:23px 30px 18px;border:1px solid #cbddec;border-radius:14px;background:rgba(255,255,255,.93);box-shadow:0 22px 55px rgba(37,83,126,.1);overflow:hidden}.layer-detail::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(132deg,transparent 0 68%,rgba(79,155,224,.045) 68.2% 81%,transparent 81.2%)}.detail-header{position:relative}.detail-header>p:first-child{margin:0;color:#53667e;font-size:12px}.detail-header>p:first-child strong{margin-left:16px;color:var(--apos-blue);font-family:Georgia,serif;font-size:15px}.detail-header>p:first-child span{float:right;color:#748399}.detail-header h3{margin:9px 0 2px;color:#111827;font-family:"Songti SC","STSong",serif;font-size:clamp(27px,2vw,36px);line-height:1.2}.detail-header h4{margin:0;color:var(--apos-blue);font-size:clamp(15px,1.08vw,18px);font-weight:700}.detail-header>p:last-child{max-width:860px;margin:7px 0 0;color:#53657b;font-size:clamp(11px,.79vw,13.5px);line-height:1.55}.detail-points{position:relative;margin:13px 0 10px;padding:0 0 10px;display:grid;gap:7px;border-bottom:1px dashed #d1e0ed;list-style:none}.detail-points li{display:grid;grid-template-columns:31px minmax(105px,150px) 1fr;align-items:center;gap:10px}.detail-points i{position:relative;width:29px;height:29px;border-radius:50%;background:#edf5fb}.detail-points i::before{content:"";position:absolute;inset:8px;border:2px solid #5689bc;border-radius:50%}.detail-points b{color:#1f2937;font-size:13px}.detail-points span{color:#66788e;font-size:11.5px}.detail-preview{position:relative;height:208px;display:flex;border:1px solid #d3e2ef;border-radius:9px;background:#fbfdff;overflow:hidden}.detail-output{position:relative;margin:11px 0 0;padding:10px 13px;display:flex;align-items:center;gap:7px;color:#1f2937;border-radius:8px;background:#edf6fd;font-size:13px}.detail-output>span:first-child{width:24px;height:24px;display:grid;place-items:center;color:var(--apos-blue);border:1px solid #8dbcec;border-radius:5px}.detail-output b{color:#1f2937}

/* detail previews */
.mini-nav{width:130px;padding:13px 10px;display:grid;align-content:start;gap:8px;border-right:1px solid #dce7f1;background:#f4f8fb}.mini-nav b{margin-bottom:2px;color:#1f2937}.mini-nav span{padding:5px 7px;color:#6e7e92;border-radius:5px;font-size:10px}.mini-nav .active{color:#255e9c;background:#e7f2fc}.mini-main{flex:1;padding:12px}.mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mini-kpis span{padding:10px 6px;color:#607187;border:1px solid #e0e8ef;border-radius:6px;background:#fff;font-size:9px}.mini-kpis strong{display:block;margin-top:4px;color:#1f2937;font-size:18px}.mini-table{margin-top:10px;padding:9px;color:#47576b;border:1px solid #e1e8ef;border-radius:6px;background:#fff;font-size:10px}.mini-table i{height:20px;margin-top:6px;display:block;border-top:1px solid #e5eaf0;background:linear-gradient(90deg,#eaf3fb 0 18%,transparent 18% 23%,#edf1f5 23% 48%,transparent 48% 54%,#edf1f5 54% 77%,transparent 77%)}.scene-menu{width:130px;padding:12px 9px;display:grid;align-content:start;gap:7px;border-right:1px solid #dce7f1;background:#f4f8fb}.scene-menu>*{padding:7px;color:#66798e;border-radius:5px;font-size:10px}.scene-menu b{color:#255e9c;background:#e7f2fc}.scene-flow{flex:1;padding:20px;display:flex;align-items:center;justify-content:center;gap:10px}.scene-flow span{min-width:78px;padding:21px 8px;text-align:center;color:#27394d;border:1px solid #d8e6f2;border-radius:7px;background:#fff;font-size:10px}.scene-flow i{color:#4383c3;font-style:normal}.preview-products{display:block;padding:0 12px}.compare-head,.compare-row{display:grid;grid-template-columns:1.15fr repeat(3,1fr);align-items:center;gap:14px;min-height:44px;border-bottom:1px solid #e2e9ef}.compare-head b{text-align:center;color:#28394d;font-size:11px}.compare-head b:first-child{text-align:left}.compare-row span{color:#4e6075;font-size:10px}.compare-row i{position:relative;height:10px;border-radius:7px;background:#e8edf2}.compare-row i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:7px;background:linear-gradient(90deg,#64a7e6,#8ec4ee)}.agent-flow{width:100%;padding:22px 18px 68px;display:flex;align-items:center;justify-content:center;gap:9px}.agent-flow span{min-width:96px;padding:14px 9px;text-align:center;color:#23384e;border:1px solid #d6e5f1;border-radius:7px;background:#fff;font-size:10px;font-weight:700}.agent-flow small{display:block;margin-top:6px;color:#76879a;font-size:9px;font-weight:400}.agent-flow i{color:#4a86c1;font-style:normal}.agent-systems{position:absolute;left:22%;right:5%;bottom:15px;display:flex;gap:8px}.agent-systems span,.agent-systems b{padding:7px 18px;color:#46647f;border:1px solid #d3e2ee;border-radius:6px;background:#f7fbfe;font-size:10px}.agent-systems b{margin-left:auto;color:#16876b}.object-list{width:130px;padding:10px;display:grid;align-content:start;gap:3px;border-right:1px solid #dce7f1;background:#f4f8fb}.object-list>*{padding:4px 7px;color:#61758b;font-size:9px}.object-list b{color:#26394d;font-size:10px}.object-list .active{color:#245f9e;background:#e5f1fb;border-radius:4px}.knowledge-graph{position:relative;flex:1;min-width:260px}.knowledge-graph span{position:absolute;width:42px;height:42px;display:grid;place-items:center;border:1px solid #7fb5e3;border-radius:50%;color:#27679d;background:#f6fbff;font-size:9px}.knowledge-graph .center{left:calc(50% - 21px);top:82px;color:#fff;background:#629ed6}.knowledge-graph .n1{left:calc(50% - 21px);top:15px;color:#16865d;border-color:#69c99e;background:#effbf5}.knowledge-graph .n2{left:19%;top:69px}.knowledge-graph .n3{right:17%;top:69px;color:#7651aa;border-color:#b89be2}.knowledge-graph .n4{left:25%;bottom:15px;color:#a46b16;border-color:#e3b46d}.knowledge-graph .n5{right:22%;bottom:15px;color:#a74f54;border-color:#e29a9e}.object-meta{width:220px;padding:11px;display:grid;align-content:start;gap:0;border-left:1px solid #dce7f1}.object-meta>*{padding:8px;color:#65778b;border-bottom:1px solid #e5ebf0;font-size:9px}.object-meta b{color:#26384b;font-size:10px}

.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.reveal:nth-child(2){transition-delay:.08s}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1280px){.apos-screen{min-height:720px}.apos-hero{grid-template-columns:minmax(340px,.72fr) minmax(650px,1.38fr);gap:25px}.hero-copy h1{font-size:43px}.autonomy-plane,.platform-plane{padding-inline:20px}.autonomy-flow{gap:6px}.autonomy-flow b{font-size:11px}.architecture-workspace{grid-template-columns:minmax(300px,.6fr) minmax(620px,1.4fr);gap:25px}.layer-detail{min-height:530px}.detail-preview{height:180px}}
@media(max-width:980px){.apos-screen{min-height:auto;padding-top:64px;padding-bottom:64px}.apos-hero{grid-template-columns:1fr}.hero-copy{max-width:720px}.hero-system{transform:none}.architecture-workspace{grid-template-columns:1fr}.layer-selector{grid-template-columns:1fr 1fr}.layer-card,.layer-card:nth-child(n){width:100%;min-height:74px;transform:none}.layer-card:hover,.layer-card:focus-visible,.layer-card.is-active{transform:translateY(-2px)}.layer-card::after,.layer-card.is-active::before{display:none}.layer-card.products{grid-column:1/-1}.learning-pill,.hover-hint{grid-column:1/-1}.layer-detail{min-height:520px}}
@media(max-width:660px){.apos-screen{padding:42px 18px}.hero-copy h1{font-size:36px}.hero-copy h1 br{display:none}.definition-list{gap:9px}.autonomy-plane{padding-inline:13px}.autonomy-flow{grid-template-columns:1fr;gap:8px}.autonomy-flow::before,.autonomy-flow li::after,.agent-return{display:none}.autonomy-flow li{padding:7px;grid-template-columns:38px 32px 1fr;grid-template-rows:auto;text-align:left;border-bottom:1px solid #e2eaf1}.flow-index{width:36px;height:36px}.flow-icon{width:31px;height:31px}.autonomy-flow b,.autonomy-flow small{grid-column:auto;margin:0}.autonomy-flow small{display:none}.platform-capabilities{grid-template-columns:1fr 1fr}.platform-capabilities>div{padding-block:10px;border-bottom:1px solid #d9e7f4}.platform-capabilities>div:nth-child(2){border-right:0}.support-bridge{height:44px}.architecture-screen{padding-inline:15px}.layer-selector{grid-template-columns:1fr}.layer-card.products{grid-column:auto}.learning-pill,.hover-hint{grid-column:auto}.layer-detail{padding:20px 15px}.detail-header>p:first-child span{float:none;margin-left:20px}.detail-points li{grid-template-columns:29px 1fr}.detail-points span{grid-column:2}.detail-preview{height:245px}.mini-kpis{grid-template-columns:1fr 1fr}.scene-flow{padding:13px;flex-wrap:wrap}.scene-flow i{display:none}.agent-flow{padding:16px;display:grid;grid-template-columns:1fr 1fr}.agent-flow i{display:none}.agent-systems{left:15px;right:15px}.object-meta{display:none}.knowledge-graph{min-width:180px}.detail-output{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Hero reference slice: preserve the approved prototype artwork exactly. */
.apos-hero{min-height:calc(100svh - var(--header-height));grid-template-columns:minmax(500px,.78fr) minmax(760px,1.45fr);gap:clamp(10px,1.25vw,22px);padding-top:clamp(24px,3vh,38px);padding-bottom:clamp(24px,3vh,38px)}
.hero-copy h1{font-size:clamp(38px,3vw,54px)}
.hero-reference{position:relative;width:100%;max-height:760px;aspect-ratio:1.28;margin:0;overflow:hidden;border-radius:18px;background:#f5faff;box-shadow:0 18px 45px rgba(49,99,145,.07);isolation:isolate}
.hero-reference::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(184,211,235,.32);border-radius:inherit}
.hero-reference img{position:absolute;top:-13%;left:-61.5%;width:162%;height:auto;max-width:none;display:block;user-select:none;-webkit-user-drag:none}
@media(max-width:1280px){.apos-hero{grid-template-columns:minmax(380px,.74fr) minmax(620px,1.36fr);gap:12px}.hero-copy h1{font-size:42px}.hero-reference{max-height:650px}}
@media(max-width:980px){.apos-hero{min-height:auto;grid-template-columns:1fr;gap:38px}.hero-copy{max-width:720px}.hero-reference{width:100%;max-height:none;aspect-ratio:1.28}}
@media(max-width:660px){.hero-reference{border-radius:12px;box-shadow:0 12px 28px rgba(49,99,145,.08)}.hero-reference img{top:-12.5%;left:-61.5%;width:162%}}

/* High-fidelity calibration against the approved first-screen prototype. */
.apos-hero{grid-template-columns:minmax(430px,.82fr) minmax(650px,1.18fr);gap:0}
.apos-hero>.hero-copy{z-index:2;min-width:0;align-self:start;margin-top:clamp(38px,6vh,70px);padding:0 28px 0 clamp(8px,1.5vw,24px);display:block;background:transparent;container-type:normal}
.apos-hero>.hero-copy h1{max-width:650px;font-size:clamp(40px,2.85vw,52px);line-height:1.24}
.apos-hero>.hero-copy .hero-eyebrow{margin-bottom:17px}
.apos-hero>.hero-copy .title-rule{margin:28px 0 28px}
.hero-reference{width:100%;max-height:none;aspect-ratio:1027/840;margin:0;overflow:visible;border-radius:0;background:transparent;box-shadow:none}
.hero-reference::after{display:none}
.hero-reference img{position:static;width:100%;height:auto;max-width:100%;display:block}
@media(max-width:1280px){.apos-hero{grid-template-columns:minmax(420px,.82fr) minmax(620px,1.18fr);gap:0}.apos-hero>.hero-copy h1{font-size:42px}.hero-reference{max-height:none}}
@media(max-width:1100px){.apos-hero{min-height:auto;grid-template-columns:1fr;gap:34px}.apos-hero>.hero-copy{max-width:720px;margin-top:0;padding-right:0}.hero-reference{width:min(100%,920px);justify-self:center}}
@media(max-width:660px){.hero-reference{border-radius:0;box-shadow:none}.hero-reference img{position:static;width:100%;max-width:100%}}

/* Complete two-layer artwork with the smaller proportions shown in the prototype. */
.apos-hero::after{opacity:1;background:linear-gradient(132deg,transparent 0 29%,rgba(104,176,232,.10) 29.2% 34.4%,transparent 34.6%),linear-gradient(43deg,transparent 0 14%,rgba(104,176,232,.085) 14.2% 19.2%,transparent 19.4%),linear-gradient(134deg,transparent 0 67%,rgba(104,176,232,.065) 67.2% 72.2%,transparent 72.4%)}
.hero-reference{height:auto;aspect-ratio:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:18px 0 20px;overflow:visible;isolation:auto}
.hero-reference>.hero-layer-top,.hero-layer-bottom img{mix-blend-mode:multiply;filter:saturate(.82) contrast(.97);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5.5%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 95%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 5.5%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-composite:intersect}
.hero-reference>.hero-layer-top{position:static;width:94%;height:auto;max-width:none;margin-left:auto;display:block;clip-path:polygon(12.5% 5%,94.5% 7%,96.5% 100%,0 100%,0 91%)}
.hero-layer-bottom{position:relative;width:98%;margin-top:-3px;margin-right:auto;display:block;overflow:visible}
.hero-layer-bottom::before{display:none}
.hero-layer-bottom img{position:static;width:100%;height:auto;max-width:none;display:block;clip-path:polygon(30% 0,72% 0,72% 8%,91% 15%,100% 24%,100% 100%,0 100%,0 25%,16% 13%,30% 8%)}
@media(max-width:1280px){.hero-reference{padding-block:12px 16px}.hero-reference>.hero-layer-top{width:93%}.hero-layer-bottom{width:97%}}
@media(max-width:1100px){.hero-reference{padding-block:0}.hero-reference>.hero-layer-top{width:94%}.hero-layer-bottom{width:98%}}

/* Three-dimensional architecture model: readable like a diagram, interactive like a product UI. */
.architecture-workspace{position:relative;left:0;width:100%;max-width:1144px;margin-left:auto;margin-right:auto;grid-template-columns:minmax(0,420px) minmax(0,680px);justify-content:center;gap:44px}
.layer-selector{position:relative;z-index:1;padding:30px 18px 24px;perspective:1100px;transform-style:preserve-3d;isolation:isolate}
.layer-selector::before{content:"";position:absolute;z-index:-1;left:10%;right:10%;top:3%;bottom:11%;border-radius:44% 56% 48% 52%;background:radial-gradient(ellipse at center,rgba(104,170,222,.14),rgba(104,170,222,.035) 48%,transparent 72%);filter:blur(13px);transform:translateZ(-30px)}
.layer-selector::after{content:"";position:absolute;z-index:-1;left:20%;right:9%;bottom:10%;height:34px;border-radius:50%;background:radial-gradient(ellipse,rgba(55,111,164,.2),transparent 70%);filter:blur(9px);transform:rotate(-3deg)}
.layer-card,.layer-card:nth-child(n){--shift:0;width:var(--layer-width,88%);min-height:70px;margin:0 auto 2px;padding:10px 18px;grid-template-columns:52px 1fr;gap:15px;border:1px solid rgba(160,195,224,.72);border-radius:12px;background:linear-gradient(155deg,rgba(255,255,255,.98) 0%,rgba(248,252,255,.98) 58%,rgba(234,245,253,.98) 100%);box-shadow:0 7px 0 rgba(190,218,239,.82),-7px 10px 18px rgba(59,111,157,.10),0 18px 28px rgba(59,111,157,.08),inset 0 1px 0 #fff;transform-origin:50% 100%;transform:perspective(950px) rotateX(7deg) rotateY(-5deg) rotateZ(-.45deg) translateX(var(--layer-shift,0));transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease,filter .28s ease}
.layer-card:nth-child(1){--layer-width:88%;--layer-shift:12px;--bridge-width:30px;z-index:5}
.layer-card:nth-child(2){--layer-width:94%;--layer-shift:6px;--bridge-width:18px;z-index:4}
.layer-card:nth-child(3){--layer-width:100%;--layer-shift:0;--bridge-width:8px;z-index:3;min-height:79px}
.layer-card:nth-child(4){--layer-width:94%;--layer-shift:6px;--bridge-width:18px;z-index:2}
.layer-card:nth-child(5){--layer-width:88%;--layer-shift:12px;--bridge-width:30px;z-index:1}
.layer-card:hover,.layer-card:focus-visible,.layer-card.is-active{border-color:#7fb8e6;box-shadow:0 9px 0 #b8d9f1,-10px 14px 25px rgba(50,105,157,.14),0 24px 38px rgba(50,105,157,.11),inset 0 1px 0 #fff;transform:perspective(950px) rotateX(4deg) rotateY(-3deg) rotateZ(-.15deg) translate3d(calc(var(--layer-shift) + 7px),-5px,24px);filter:saturate(1.03)}
.layer-card::after{right:calc(0px - var(--bridge-width));width:var(--bridge-width)}
.layer-card.is-active::before{right:calc(-4px - var(--bridge-width))}
.layer-icon{width:48px;height:48px;border:1px solid rgba(171,205,232,.58);border-radius:14px;background:linear-gradient(145deg,#f9fcff,#e6f2fb);box-shadow:0 5px 0 #d6e8f6,0 10px 18px rgba(63,119,168,.10),inset 0 1px 0 #fff;transform:translateY(-2px) rotateY(6deg)}
.layer-card.is-active .layer-icon{color:#367dbb;background:linear-gradient(145deg,#fff,#dfedfa);box-shadow:0 6px 0 #bfddf3,0 12px 22px rgba(52,117,176,.15),inset 0 1px 0 #fff}
.layer-card b{font-weight:720;letter-spacing:.005em}
.learning-pill{position:relative;z-index:6;margin-top:13px;background:rgba(248,252,255,.82);box-shadow:0 7px 18px rgba(63,112,156,.06)}
@media(max-width:1280px){.architecture-workspace{max-width:1076px;grid-template-columns:minmax(0,400px) minmax(0,636px);gap:40px}.layer-selector{padding-inline:8px}.layer-card,.layer-card:nth-child(n){min-height:65px;padding:8px 14px;grid-template-columns:46px 1fr}.layer-icon{width:43px;height:43px}}
@media(max-width:980px){.architecture-workspace{left:0;grid-template-columns:1fr}.layer-selector{grid-template-columns:1fr 1fr;padding:18px 0;perspective:none}.layer-selector::before,.layer-selector::after{display:none}.layer-card,.layer-card:nth-child(n){--layer-width:100%;--layer-shift:0;width:100%;min-height:74px;margin:0;transform:none;box-shadow:0 5px 0 rgba(190,218,239,.8),0 12px 22px rgba(59,111,157,.08)}.layer-card:hover,.layer-card:focus-visible,.layer-card.is-active{transform:translateY(-3px);box-shadow:0 7px 0 #b8d9f1,0 16px 26px rgba(50,105,157,.11)}}

/* Keep the raised layers separated and give the detail artwork more room. */
@media(min-width:981px){
  .architecture-screen{--architecture-width:min(1144px,calc(100vw - 2 * var(--side)))}
  .architecture-workspace{width:calc(var(--architecture-width) + (100vw - var(--architecture-width)) / 4);max-width:none;margin-left:calc((100vw - var(--architecture-width)) / 4 - var(--side));margin-right:0;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:44px}
  .layer-selector{gap:18px}
  .layer-card:hover,.layer-card:focus-visible,.layer-card.is-active{transform:perspective(950px) rotateX(7deg) rotateY(-5deg) rotateZ(-.45deg) translateX(calc(var(--layer-shift) + 7px))}
}
@media(min-width:981px) and (max-width:1280px){
  .architecture-screen{--architecture-width:min(1076px,calc(100vw - 2 * var(--side)))}
  .architecture-workspace{grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:40px}
}

/* Match the approved second-screen title hierarchy. */
.layer-card::after,.layer-card.is-active::before{display:none}
.bridge-anchor{position:absolute;right:0;top:50%;width:0;height:0;pointer-events:none}
.layer-bridge{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}
@media(max-width:980px){.layer-bridge{display:none}}
.architecture-screen .section-heading{margin-bottom:clamp(22px,2.6vh,34px)}
.architecture-screen .section-heading h2{color:#080b17;font-size:clamp(38px,3vw,56px);font-weight:800;line-height:1.16;letter-spacing:-.02em;white-space:nowrap}
.architecture-screen .section-heading>span{margin-top:10px;color:#66758c;font-size:clamp(15px,1.14vw,20px);line-height:1.45}
@media(max-width:1100px){.architecture-screen .section-heading h2{font-size:clamp(34px,3.4vw,44px)}}
@media(max-width:760px){.architecture-screen .section-heading h2{font-size:32px;white-space:normal}.architecture-screen .section-heading>span{font-size:13px}}

/* Use the approved high-fidelity detail panels instead of a generic reconstructed dashboard. */
.layer-detail{position:relative;z-index:3;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;display:grid;place-items:center start;perspective:1600px}
.layer-detail::before{display:none}
.layer-detail-reference{width:auto;max-width:100%;height:auto;max-height:min(704px,calc(100svh - 220px));display:block;border-radius:14px;transform-origin:left center;transform:perspective(1600px) rotateX(1.6deg) rotateY(-1.7deg) rotateZ(.08deg);filter:drop-shadow(0 7px 0 rgba(183,214,238,.82)) drop-shadow(0 22px 32px rgba(43,91,136,.15));transition:transform .28s ease,filter .28s ease;user-select:none;-webkit-user-drag:none}
.layer-detail:hover .layer-detail-reference{transform:perspective(1600px) rotateX(.8deg) rotateY(-.8deg) translateY(-2px);filter:drop-shadow(0 8px 0 rgba(174,208,235,.88)) drop-shadow(0 25px 36px rgba(43,91,136,.17))}
.layer-detail>.detail-header,.layer-detail>.detail-points,.layer-detail>.detail-preview,.layer-detail>.detail-output{display:none}
@media(max-width:1280px){.layer-detail{min-height:0}.layer-detail-reference{max-height:min(704px,calc(100svh - 205px))}}
@media(min-width:981px){.layer-detail-reference{width:100%;max-height:none}}
@media(max-width:980px){.layer-detail{min-height:0;perspective:none}.layer-detail-reference,.layer-detail:hover .layer-detail-reference{width:100%;max-height:none;transform:none;filter:drop-shadow(0 6px 0 rgba(183,214,238,.75)) drop-shadow(0 16px 24px rgba(43,91,136,.11))}}

/* Live detail content: compact, readable and independent of raster artwork. */
.layer-detail{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:20px 24px;border:1px solid #cbdff0;border-radius:14px;background:linear-gradient(145deg,#fff 65%,#f5faff);box-shadow:0 7px 0 #c6deef,0 20px 34px rgba(43,91,136,.12);perspective:none}
.layer-detail>.detail-header,.layer-detail>.detail-points,.layer-detail>.detail-preview,.layer-detail>.detail-output{display:block}
.layer-detail>.detail-preview{display:flex}
.layer-detail>.preview-products{display:block}
.layer-detail>.detail-output{display:flex}
.detail-header h3{margin:0 0 5px;font-size:clamp(25px,2.1vw,36px);line-height:1.15}
.detail-header h4{font-size:clamp(14px,1.15vw,19px);line-height:1.4}
.detail-header>p:last-child{margin:6px 0 0;font-size:clamp(12px,.88vw,14px);line-height:1.5;color:#566477}
.detail-points{margin:0;padding:0 0 10px;display:grid!important;gap:6px}
.detail-points li{grid-template-columns:30px minmax(110px,160px) 1fr;gap:10px;min-height:30px}
.detail-points i{display:grid;place-items:center;background:linear-gradient(145deg,#eff8ff,#dfeef8)}
.detail-points i::before{display:none}.detail-points svg{width:21px;height:21px;color:#528ac0}
.detail-points b{font-size:13px}.detail-points span{font-size:12px;line-height:1.45}
.detail-preview{height:185px;flex:none}.detail-output{margin:0;padding:8px 10px;font-size:12px;line-height:1.5}
.mini-nav{width:100px;flex:none;padding:9px;gap:3px}.mini-main{min-width:0;padding:8px}
.mini-kpis span{padding:5px 8px}.mini-kpis strong{font-size:17px;margin-top:1px}
.mini-table{margin-top:6px;padding:6px 8px}.mini-table small{float:right;color:#94a3b8;font-weight:400}
.mini-table table{width:100%;border-collapse:collapse;text-align:left;font-size:9px}.mini-table th{font-weight:400;color:#8190a2}.mini-table td,.mini-table th{padding:3px 4px;border-bottom:1px solid #edf2f7}
.mini-table em{font-style:normal;padding:2px 4px;border-radius:3px}.status-pending{color:#bf6666;background:#fff0ef}.status-review{color:#4689cc;background:#eaf5ff}.status-running{color:#4a9a81;background:#e8f8f1}
.scene-menu{width:95px;flex:none;padding:8px}.scene-flow{min-width:0;padding:10px;gap:6px}.scene-flow span{min-width:0;flex:1;padding:22px 5px;font-size:10px}
.compare-head,.compare-row{min-height:43px}
.agent-flow{gap:5px;padding:14px 10px 52px}.agent-flow span{min-width:0;flex:1;padding:13px 5px}.agent-systems{left:10px;right:10px;bottom:10px}.agent-systems span,.agent-systems b{padding:5px 12px}
.object-list{width:82px;flex:none;padding:6px}.object-list>*{padding:3px 5px}.object-meta{width:180px;flex:none;padding:6px}.knowledge-graph{min-width:130px}.knowledge-graph span{width:34px;height:34px}.knowledge-graph .center{top:73px;left:calc(50% - 17px)}.knowledge-graph .n1{top:8px;left:calc(50% - 17px)}
@media(min-width:981px){
 .architecture-screen{min-height:calc(100svh - var(--header-height));padding-top:18px;padding-bottom:22px;justify-content:center}
 .architecture-screen .section-heading{margin-bottom:18px}
 .architecture-screen .section-heading h2{font-size:clamp(30px,2.7vw,48px)}
 .architecture-screen .section-heading>span{font-size:clamp(12px,.96vw,16px);margin-top:7px}
 .layer-selector{padding-block:8px;gap:16px}
 .layer-card,.layer-card:nth-child(n){min-height:58px;padding-block:6px}
 .learning-pill{margin-top:4px;font-size:10px;padding:7px 9px}
}
@media(min-width:981px) and (max-height:760px){
 .architecture-screen{padding-top:14px;padding-bottom:18px}
 .architecture-screen .section-heading{margin-bottom:12px}
 .layer-detail{padding:16px 20px;gap:8px}.detail-preview{height:170px}
 .detail-header h3{font-size:28px}.detail-points{gap:3px;padding-bottom:7px}
 .compare-head,.compare-row{min-height:39px}
}
@media(max-width:660px){.layer-selector{grid-template-columns:1fr}.learning-pill{grid-column:1/-1}.layer-detail{padding:18px 14px}.detail-points li{grid-template-columns:29px 1fr}.detail-points span{grid-column:2}.detail-preview{height:220px}.mini-nav{width:72px}.mini-kpis{grid-template-columns:repeat(4,1fr)}.mini-kpis span{padding:4px;font-size:8px}.scene-menu{width:75px}.scene-flow{flex-wrap:wrap}.scene-flow span{flex:1 0 40%}.object-meta{display:none}}

/* Approved DCT card: management and execution, one shared decision loop. */
.layer-detail.is-dct{gap:24px;padding:26px 24px;background:linear-gradient(145deg,#fff 48%,#f3faff);border-color:#c9e3f8}
.is-dct .detail-header h3{font-family:inherit;font-size:clamp(30px,2.65vw,44px);font-weight:800;letter-spacing:-.03em;color:#080b10;margin-bottom:8px}
.is-dct .detail-header h4{color:#111;font-size:clamp(18px,1.6vw,26px);font-weight:750;line-height:1.4}
.is-dct .detail-header>p:last-child{margin-top:10px;color:#747d89;font-size:13px;line-height:1.65}
.is-dct .detail-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;border:0}
.is-dct .detail-points li{display:grid;grid-template-columns:42px 1fr;align-items:start;gap:6px 10px;min-width:0}
.is-dct .detail-points i{grid-row:1/3;width:42px;height:42px;background:#eff7fd}
.is-dct .detail-points svg{width:28px;height:28px;stroke:#579bd6}
.is-dct .detail-points b{font-size:16px;color:#111;line-height:1.6}
.is-dct .detail-points span{grid-column:2;color:#747d89;font-size:12px;line-height:1.65}
.is-dct>.detail-output{display:none}
.is-dct .detail-preview{height:auto;border:0;background:transparent;overflow:visible}
.dct-cycle{width:100%;padding-top:6px}
.dct-cycle-nodes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.dct-cycle-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:122px;padding:14px 4px;border:1px solid #e2effa;border-radius:12px;background:#fff;box-shadow:0 4px 0 #e0effb,0 12px 20px #649bcb1a;text-align:center}
.dct-cycle-node svg{width:34px;height:34px;color:#609fdb}
.dct-cycle-node b{color:#101010;font-size:16px}.dct-cycle-node span{font-size:11px;color:#737d8a;line-height:1.4}
.dct-cycle-node:not(:last-child)::after{content:'→';position:absolute;left:100%;width:25px;top:50%;transform:translateY(-50%);color:#7ab5ee;font-size:25px;font-weight:400}
.dct-feedback{position:relative;height:36px;margin:0 calc((100% - 75px)/8);border:2px solid #8fbff0;border-top:0;border-radius:0 0 16px 16px;text-align:center}
.dct-feedback::before{content:'';position:absolute;left:-5px;top:2px;width:8px;height:8px;border-top:2px solid #79afe3;border-left:2px solid #79afe3;transform:rotate(45deg)}
.dct-feedback span{position:relative;top:21px;padding:0 10px;background:#f6fbff;color:#7a8592;font-size:12px}
.layer-detail.is-dct .detail-points li{grid-template-columns:clamp(48px,4.1vw,66px) minmax(0,1fr);justify-items:start;align-content:start;text-align:left;gap:5px 12px}
.layer-detail.is-dct .detail-points i{grid-row:1/3;grid-column:1;width:100%;height:auto;background:transparent}
.layer-detail.is-dct .detail-points b,.layer-detail.is-dct .detail-points span{grid-column:2}
.layer-detail.is-dct .detail-points span{width:100%;max-width:none;margin:0;text-wrap:pretty}
/* Ontology foundation: editable content, shared facts and knowledge, no execution loop. */
.layer-detail.is-ontology{gap:24px;padding:26px 24px;background:linear-gradient(145deg,#fff 48%,#f3faff);border-color:#c9e3f8}
.is-ontology .detail-header h3{font-family:inherit;font-size:clamp(25px,2.15vw,36px);font-weight:800;letter-spacing:-.035em;line-height:1.25;color:#080b10;margin-bottom:8px}
.is-ontology .detail-header h4{color:#111;font-size:clamp(17px,1.45vw,24px);font-weight:750;line-height:1.4}
.is-ontology .detail-header>p:last-child{margin-top:12px;color:#747d89;font-size:13px;line-height:1.65}
.is-ontology .detail-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;border:0}
.is-ontology .detail-points li{grid-template-columns:46px minmax(0,1fr);align-content:start;align-items:start;gap:5px 10px;min-width:0}
.is-ontology .detail-points i{grid-column:1;grid-row:1/3;width:46px;height:46px;background:#eff7fd}
.is-ontology .detail-points svg{width:30px;height:30px;color:#318ee2}
.is-ontology .detail-points b{grid-column:2;font-size:15px;color:#111;line-height:1.6}
.is-ontology .detail-points span{grid-column:2;font-size:12px;line-height:1.65;color:#747d89;text-wrap:pretty}
.is-ontology>.detail-output{display:none}
.is-ontology .detail-preview{height:auto;border:0;background:transparent;overflow:visible}
.ontology-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%}
.ontology-stage{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:15px 10px;min-height:178px;background:#fff;border:1px solid #ddecfa;border-radius:12px;box-shadow:0 5px 0 #e0effb,0 12px 20px #649bcb20;text-align:center}
.ontology-stage:not(:last-child)::after{content:'→';position:absolute;left:100%;width:24px;top:50%;transform:translateY(-50%);color:#4598e6;font-size:25px}
.ontology-stage h5{margin:0 0 12px;color:#101010;font-size:16px}
.ontology-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;margin:auto 0}
.ontology-item{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.ontology-item svg{width:34px;height:38px;color:#318ee2}
.ontology-item span{font-size:11px;color:#25334b;white-space:nowrap}
.ontology-art{display:block;object-fit:contain;mix-blend-mode:multiply}
.is-ontology .detail-points i{background:transparent}
.is-ontology .detail-points .ontology-art{width:100%;height:100%;border-radius:50%}
.ontology-item .ontology-art{width:38px;height:38px}
.ontology-audience .ontology-art{border-radius:50%}
.ontology-cubes{display:block;width:110px;height:76px;object-fit:contain;mix-blend-mode:multiply;margin:0 auto 8px}
.ontology-tags{display:flex;gap:6px;width:100%;justify-content:center}
.ontology-tags span{flex:1;padding:6px 3px;border-radius:20px;background:#edf7ff;color:#25334b;font-size:12px}
.ontology-stage p{width:100%;margin:12px 0 0;padding-top:9px;border-top:1px solid #e2effb;color:#67758a;font-size:10px;line-height:1.4}
@media(min-width:981px) and (max-height:760px){.layer-detail.is-ontology{gap:19px;padding:20px}.is-ontology .detail-header h3{font-size:26px}.is-ontology .detail-header h4{font-size:18px}.ontology-stage{min-height:162px;padding:12px 8px}.is-ontology .detail-points{gap:12px}.is-ontology .detail-points li{grid-template-columns:38px minmax(0,1fr);gap:5px 8px}.is-ontology .detail-points i{width:38px;height:38px}.is-ontology .detail-points b{font-size:14px}}
@media(max-width:660px){.layer-detail.is-ontology{padding:20px 16px;gap:22px}.is-ontology .detail-points{grid-template-columns:1fr;gap:16px}.ontology-flow{grid-template-columns:1fr;gap:25px}.ontology-stage{min-height:165px}.ontology-stage:not(:last-child)::after{content:'↓';left:50%;top:100%;transform:translateX(-50%);height:25px}.ontology-item span{font-size:13px}.ontology-stage p{font-size:12px}}
/* Professional products: capabilities first, examples kept secondary. */
.layer-detail.is-products{gap:26px;padding:26px 24px;background:linear-gradient(145deg,#fff 48%,#f3faff);border-color:#c9e3f8}
.is-products .detail-header h3{font-family:inherit;font-size:clamp(30px,2.65vw,44px);font-weight:800;letter-spacing:-.03em;color:#080b10;margin-bottom:8px}
.is-products .detail-header h4{font-size:clamp(17px,1.45vw,24px);color:#111;font-weight:750;line-height:1.4}
.is-products .detail-header>p:last-child{margin-top:12px;color:#747d89;font-size:13px;line-height:1.65}
.is-products .detail-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:4px 0;border:0}
.is-products .detail-points li{grid-template-columns:48px minmax(0,1fr);align-content:start;align-items:start;gap:5px 10px;min-width:0}
.is-products .detail-points li+li{border-left:1px solid #d6e8f9;padding-left:14px}
.is-products .detail-points i{grid-column:1;grid-row:1/3;width:48px;height:48px;background:transparent}
.product-art{display:block;object-fit:contain;mix-blend-mode:multiply}
.is-products .detail-points .product-art{width:100%;height:100%;border-radius:50%}
.is-products .detail-points b{grid-column:2;font-size:16px;line-height:1.6;color:#111}
.is-products .detail-points span{grid-column:2;font-size:12px;line-height:1.65;color:#747d89}
.is-products>.detail-output{display:none}
.is-products .detail-preview{height:auto;border:0;background:transparent;overflow:visible}
.product-evidence{width:100%}
.product-tools h5{margin:0 0 10px;font-size:12px;font-weight:400;color:#7a8494}
.product-tools-row{display:grid;grid-template-columns:1.15fr 1.25fr .7fr;gap:12px;align-items:start}
.product-tools-row>div{display:flex;align-items:baseline;gap:9px;min-width:0}
.product-tools-row>div+div{border-left:1px solid #d6e8f9;padding-left:12px}
.product-tools-row b{font-size:12px;color:#414b5b;white-space:nowrap;font-weight:650}
.product-tools-row span{font-size:11px;line-height:1.6;color:#707b8c}
.product-outcome{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:20px;padding:12px 16px;border-radius:12px;background:linear-gradient(110deg,#edf8ff,#e3f2ff)}
.product-outcome>.product-art{width:38px;height:38px}
.product-outcome>div{border-left:1px solid #a7cff5;padding-left:20px;text-align:center}
.product-outcome b{display:block;color:#111;font-size:16px;line-height:1.5}
.product-outcome span{display:block;color:#6d7a8f;font-size:12px;line-height:1.5;margin-top:3px}
@media(min-width:981px) and (max-height:760px){.layer-detail.is-products{padding:22px 20px;gap:22px}.is-products .detail-header h3{font-size:30px}.is-products .detail-header h4{font-size:18px}.is-products .detail-points{gap:12px}.is-products .detail-points li{grid-template-columns:38px minmax(0,1fr);gap:5px 8px}.is-products .detail-points i{width:38px;height:38px}.is-products .detail-points b{font-size:14px}.is-products .detail-points li+li{padding-left:10px}}
@media(max-width:660px){.layer-detail.is-products{padding:20px 16px;gap:22px}.is-products .detail-points{grid-template-columns:1fr;gap:18px}.is-products .detail-points li+li{border-left:0;padding-left:0}.product-tools-row{grid-template-columns:1fr;gap:10px}.product-tools-row>div+div{border-left:0;padding-left:0}.product-tools-row span{font-size:12px}.product-outcome{gap:10px;padding:12px 8px}.product-outcome>div{padding-left:10px}.product-outcome b{font-size:14px}.product-outcome span{font-size:10px}}
/* Standard scenario package: preset ingredients and a reusable business loop. */
.layer-detail.is-scenario{gap:18px;padding:24px;background:linear-gradient(145deg,#fff 48%,#f3faff);border-color:#c9e3f8}
.is-scenario .detail-header h3{font-family:inherit;font-size:clamp(30px,2.65vw,44px);font-weight:800;color:#080b10;letter-spacing:-.03em;margin-bottom:8px}
.is-scenario .detail-header h4{font-size:clamp(17px,1.45vw,24px);color:#111;font-weight:750;line-height:1.4}
.is-scenario .detail-header>p:last-child{margin-top:10px;color:#747d89;font-size:13px;line-height:1.6}
.is-scenario .detail-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;border:0}
.is-scenario .detail-points li{grid-template-columns:46px minmax(0,1fr);align-content:start;align-items:start;gap:5px 10px;min-width:0}
.is-scenario .detail-points i{grid-column:1;grid-row:1/3;width:46px;height:46px;background:transparent}
.scenario-art{display:block;object-fit:contain;mix-blend-mode:multiply}
.is-scenario .detail-points .scenario-art{width:100%;height:100%;border-radius:50%}
.is-scenario .detail-points b{grid-column:2;font-size:15px;line-height:1.6;color:#111}
.is-scenario .detail-points span{grid-column:2;font-size:12px;line-height:1.65;color:#747d89}
.is-scenario>.detail-output{display:none}
.is-scenario .detail-preview{height:auto;border:0;background:transparent;overflow:visible}
.scenario-package{width:100%}
.scenario-container{padding:10px 10px 8px;border:1px solid #cde5f9;border-radius:12px;background:linear-gradient(150deg,#fff,#f8fcff);box-shadow:0 4px 0 #e1effa,0 9px 18px #649bcb1a}
.scenario-ingredients{display:flex;align-items:center;justify-content:space-evenly;gap:8px;padding:9px 8px;border-radius:8px;background:#eaf5fe;color:#6b7c91;font-size:10px;line-height:1.4}
.scenario-ingredients b{font-size:11px;color:#273448;border-right:1px solid #add2f5;padding-right:12px;white-space:nowrap}
.scenario-ingredients span{white-space:nowrap}
.scenario-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:10px 0 0;padding:0}
.scenario-steps li{position:relative;display:flex;align-items:center;flex-direction:column;gap:5px;text-align:center}
.scenario-steps .scenario-art{width:48px;height:48px;border-radius:50%}
.scenario-steps b{font-size:13px;line-height:1.4;color:#111}
.scenario-steps li:not(:last-child)::after{content:'→';position:absolute;left:calc(100% - 15px);width:30px;top:10px;font-size:24px;color:#318ee2;font-weight:400}
.scenario-return{position:relative;height:22px;margin:5px 10% 0;border:1.5px solid #429af1;border-top:0;border-radius:0 0 10px 10px;text-align:center}
.scenario-return::before{content:'';position:absolute;left:-4px;top:1px;width:6px;height:6px;transform:rotate(45deg);border-left:1.5px solid #429af1;border-top:1.5px solid #429af1}
.scenario-return span{position:relative;top:13px;background:#fbfdff;padding:0 8px;font-size:10px;color:#72829a;white-space:nowrap}
.scenario-examples{margin:19px 0 0;color:#7d8a9c;font-size:10px;text-align:center;line-height:1.5}
.scenario-value{display:flex;align-items:center;justify-content:center;gap:16px;padding:9px 12px;margin-top:14px;border:1px solid #b9dcfa;border-radius:10px;background:linear-gradient(110deg,#edf8ff,#e1f1ff)}
.scenario-value>.scenario-art{width:34px;height:34px}
.scenario-value>div{border-left:1px solid #a7cff5;padding-left:16px}
.scenario-value b{display:block;font-size:15px;color:#111;line-height:1.5}
.scenario-value span{display:block;font-size:11px;color:#74839a;margin-top:2px;line-height:1.5}
@media(min-width:981px) and (max-height:760px){.layer-detail.is-scenario{padding:18px 20px;gap:14px}.is-scenario .detail-header h3{font-size:28px}.is-scenario .detail-header h4{font-size:18px}.is-scenario .detail-header>p:last-child{font-size:12px}.is-scenario .detail-points{gap:12px}.is-scenario .detail-points li{grid-template-columns:36px minmax(0,1fr);gap:4px 8px}.is-scenario .detail-points i{width:36px;height:36px}.is-scenario .detail-points b{font-size:14px}.is-scenario .detail-points span{font-size:11px}.scenario-steps .scenario-art{width:42px;height:42px}.scenario-steps b{font-size:12px}.scenario-value{margin-top:12px;padding:7px 10px}.scenario-ingredients{gap:5px;font-size:9px;padding:7px}.scenario-ingredients b{font-size:10px;padding-right:7px}}
@media(max-width:660px){.layer-detail.is-scenario{padding:20px 16px;gap:22px}.is-scenario .detail-points{grid-template-columns:1fr;gap:16px}.scenario-ingredients{flex-wrap:wrap;gap:7px 10px}.scenario-ingredients b{width:100%;text-align:center;border:0;padding:0}.scenario-container{padding-inline:8px}.scenario-steps .scenario-art{width:32px;height:32px}.scenario-steps b{font-size:10px;max-width:2em}.scenario-steps li:not(:last-child)::after{top:5px;font-size:17px;left:calc(100% - 8px);width:16px}.scenario-return{margin-inline:10%;height:25px}.scenario-return span{font-size:9px;padding:0 4px;top:17px}.scenario-examples{font-size:9px;margin-top:20px}.scenario-value{gap:9px;padding:9px}.scenario-value>div{padding-left:9px}.scenario-value b{font-size:12px}.scenario-value span{font-size:9px}.scenario-value>.scenario-art{width:28px;height:28px}}
.dct-feature-art{display:block;width:100%;height:auto;border-radius:50%;mix-blend-mode:multiply}
.dct-node-art{display:block;width:44px;height:44px;object-fit:contain;mix-blend-mode:multiply}
/* Approved Agent orchestration card: native text and original prototype icon crops. */
.layer-detail.is-agent{gap:18px;padding:24px;background:linear-gradient(145deg,#fff 48%,#f3faff);border-color:#c9e3f8}
.is-agent .detail-header h3{font-family:inherit;font-size:clamp(28px,2.35vw,38px);font-weight:800;color:#080b10;letter-spacing:-.03em;margin-bottom:8px}
.is-agent .detail-header h4{font-size:clamp(18px,1.5vw,24px);color:#111;font-weight:750}
.is-agent .detail-header>p:last-child{margin-top:10px;color:#747d89;font-size:13px;line-height:1.6}
.is-agent .detail-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;border:0}
.is-agent .detail-points li{grid-template-columns:46px minmax(0,1fr);align-items:start;align-content:start;gap:5px 10px;min-width:0}
.is-agent .detail-points i{grid-column:1;grid-row:1/3;width:46px;height:46px;background:transparent}
.agent-art{display:block;object-fit:contain;mix-blend-mode:multiply}
.is-agent .detail-points .agent-art{width:100%;height:100%;border-radius:50%}
.is-agent .detail-points b{grid-column:2;font-size:15px;line-height:1.6;color:#111}
.is-agent .detail-points span{grid-column:2;font-size:12px;line-height:1.65;color:#747d89}
.is-agent>.detail-output{display:none}
.is-agent .detail-preview{height:auto;border:0;background:transparent;overflow:visible}
.orchestration-diagram{width:100%}
.orchestration-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:52px 76px 52px;gap:20px 28px;align-items:stretch}
.orchestration-node{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 10px;border:1px solid #d3e8fa;border-radius:10px;background:linear-gradient(145deg,#fff,#f3faff);box-shadow:0 4px 0 #e1effa,0 8px 16px #649bcb20}
.orchestration-node .agent-art{width:34px;height:36px;flex:none}
.orchestration-node>div{min-width:0}
.orchestration-node b{display:block;font-size:13px;line-height:1.4;color:#101010}
.orchestration-node span{display:block;margin-top:3px;font-size:10px;line-height:1.45;color:#66758a}
.orchestration-tools{grid-area:1/2}.orchestration-input{grid-area:2/1}.orchestration-hub{grid-area:2/2;border-color:#a0d1f7;background:linear-gradient(135deg,#fff,#e6f4ff);box-shadow:0 5px 0 #d2e8f9,0 10px 20px #649bcb30}
.orchestration-hub .agent-art{width:44px;height:46px}.orchestration-hub b{font-size:15px}
.orchestration-output{grid-area:2/3}.orchestration-people{grid-area:3/2}
.orchestration-input::after,.orchestration-hub::after{position:absolute;left:100%;top:50%;width:28px;transform:translateY(-50%);text-align:center;content:'→';font-size:25px;color:#318ee2;font-weight:400}
.orchestration-hub::after{content:'↔'}
.orchestration-tools::after,.orchestration-people::before{position:absolute;left:50%;transform:translateX(-50%);height:20px;line-height:20px;content:'↕';color:#318ee2;font-size:23px}
.orchestration-tools::after{top:100%}.orchestration-people::before{bottom:100%}
.orchestration-governance{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:15px;padding:7px 10px;border:1px solid #b9dcfa;border-radius:10px;background:linear-gradient(110deg,#edf8ff,#e1f1ff);font-size:12px;color:#25334b}
.orchestration-governance .agent-art{width:26px;height:26px;border-radius:50%}
.orchestration-governance i{font-style:normal}
@media(min-width:981px) and (max-height:760px){.layer-detail.is-agent{padding:18px 20px;gap:14px}.is-agent .detail-header h3{font-size:28px}.is-agent .detail-header h4{font-size:18px}.is-agent .detail-header>p:last-child{font-size:12px}.is-agent .detail-points{gap:12px}.is-agent .detail-points li{grid-template-columns:36px minmax(0,1fr);gap:4px 8px}.is-agent .detail-points i{width:36px;height:36px}.is-agent .detail-points b{font-size:14px}.is-agent .detail-points span{font-size:11px}.orchestration-grid{grid-template-rows:48px 70px 48px;gap:18px 24px}.orchestration-node{gap:6px;padding:7px}.orchestration-node .agent-art{width:28px;height:30px}.orchestration-node b{font-size:12px}.orchestration-hub b{font-size:13px}.orchestration-input::after,.orchestration-hub::after{width:24px}.orchestration-tools::after,.orchestration-people::before{height:18px;line-height:18px}.orchestration-governance{margin-top:12px}}
@media(max-width:660px){.layer-detail.is-agent{padding:20px 16px}.is-agent .detail-points{grid-template-columns:1fr;gap:16px}.orchestration-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:24px 16px}.orchestration-tools{grid-area:1/1/2/3}.orchestration-input{grid-area:2/1}.orchestration-hub{grid-area:2/2}.orchestration-output{grid-area:3/2}.orchestration-people{grid-area:3/1}.orchestration-node{min-height:76px;flex-direction:column;text-align:center;padding:10px 6px;gap:5px}.orchestration-tools{flex-direction:row}.orchestration-node b{font-size:12px}.orchestration-hub::after{content:'↕';left:50%;top:100%;width:auto;height:24px;transform:translateX(-50%)}.orchestration-input::after{width:16px;font-size:20px}.orchestration-tools::after{left:75%;height:24px;line-height:24px}.orchestration-people::before{display:block;content:'';left:auto;right:-17px;bottom:100%;width:17px;height:24px;transform:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 24'%3E%3Cpath d='M1 23 16 1M1 17v6h6M10 1h6v6' fill='none' stroke='%23318ee2' stroke-width='1.5'/%3E%3C/svg%3E") center/100% 100% no-repeat}.orchestration-governance{gap:7px;flex-wrap:wrap;font-size:10px}}
@media(min-width:981px) and (max-height:760px){.layer-detail.is-dct{gap:22px;padding:22px 20px}.is-dct .detail-header h3{font-size:32px}.is-dct .detail-header h4{font-size:19px}.is-dct .detail-points{gap:14px}.is-dct .detail-points li{grid-template-columns:1fr;gap:5px}.is-dct .detail-points i{grid-row:auto}.is-dct .detail-points span{grid-column:1}.dct-cycle-node{min-height:110px}}
@media(max-width:660px){.layer-detail.is-dct{padding:20px 16px;gap:22px}.is-dct .detail-points{grid-template-columns:1fr;gap:16px}.is-dct .detail-points li{grid-template-columns:42px 1fr}.is-dct .detail-header h3{font-size:28px}.is-dct .detail-header h4{font-size:18px}.dct-cycle-nodes{gap:10px}.dct-cycle-node{min-height:110px;padding:10px 3px}.dct-cycle-node b{font-size:12px}.dct-cycle-node span{font-size:10px}.dct-cycle-node svg{width:26px;height:26px}.dct-cycle-node:not(:last-child)::after{width:10px;font-size:15px}.dct-feedback{margin-inline:calc((100% - 30px)/8)}}