/* Topic content uses the website's shared header, footer, typography and palette. */
body.ai-native-page { color-scheme:light; --n-ink:#172033; --n-muted:#596473; --n-blue:#1464f4; --n-line:#e5e7ee; --n-mono:"SFMono-Regular",Consolas,monospace; background:#fff; color:var(--n-ink); }
.ai-native-page main button,.native-preview button { font-family:inherit; cursor:pointer; }
.ai-native-page main button:focus-visible,.ai-native-page main a:focus-visible,.ai-native-page main summary:focus-visible,.native-preview button:focus-visible,[role="tabpanel"]:focus-visible { outline:2px solid #1464f4; outline-offset:5px; }
.ai-native-page [hidden] { display:none !important; }
.n-wrap { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.n-icon { flex:none; vertical-align:middle; }
.n-eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 17px; color:#667085; font-size:12px; line-height:1.8; }
.n-status-dot { display:inline-block; flex:none; width:5px; height:5px; border-radius:50%; background:#1464f4; }
.n-micro { display:block; color:#7a8b9e; font:10px/1.8 var(--n-mono); letter-spacing:.04em; }
.native-hero { background:#fff; }
.native-hero-layout { min-height:0; gap:56px; }
.native-hero h1 { margin:0; font-size:clamp(32px,3.2vw,46px); font-weight:500; line-height:1.4; letter-spacing:-.02em; text-wrap:balance; }
.native-hero h1>span { display:block; }
.native-hero-description { margin:24px 0 0; color:#596473; font-size:16px; line-height:1.95; }
.native-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:17px 27px; margin-top:28px; }
.n-button { display:inline-flex; align-items:center; justify-content:center; gap:17px; padding:12px 18px; border:1px solid #1464f4; border-radius:5px; font-size:13px; font-weight:400; line-height:1.6; transition:background .2s; }
.n-button-primary { color:#fff; background:#1464f4; }
.n-button-primary:hover { color:#fff; background:#0955d7; }
.n-button .n-icon { width:17px; height:17px; }
.n-text-link { display:inline-flex; align-items:center; gap:10px; padding:0; border:0; background:none; color:#1464f4; font-size:13px; line-height:1.8; text-align:left; }
.n-text-link:hover { color:#064bbf; }
.n-text-link .n-icon { width:16px; height:16px; }
.native-hero-footnote { margin-top:22px; color:#7a8493; font-size:11px; line-height:1.8; }
.native-agent-art { display:flex; flex-direction:column; min-width:0; margin:0; }
.native-agent-art>img { order:1; display:block; width:100%; height:auto; border:1px solid #e5e7ee; border-radius:8px; background:#f7f9fb; }
.native-agent-label { order:2; margin-top:12px; }
.native-agent-label>.n-micro,.native-agent-orbit,.native-agent-caption { display:none; }
.native-agent-label strong { color:#667085; font-size:12px; font-weight:400; }
.native-agent-label strong>span { margin-left:7px; }
.xiaoa-stage { position:relative; display:grid; place-items:center; width:100%; aspect-ratio:16/9; overflow:hidden; border:1px solid #e5e7ee; border-radius:8px; background:radial-gradient(ellipse at 50% 48%,#fff 8%,#f4f8ff 60%,#edf3fa 100%); }
.xiaoa-perspective { perspective:700px; }
.xiaoa-float { position:relative; animation:xiaoa-float 5.8s ease-in-out infinite; }
.xiaoa-tile { position:relative; width:154px; height:154px; border:1px solid #6eacff; border-radius:38px; background:linear-gradient(145deg,#78baff 0%,#2a7df0 27%,#1b64dc 64%,#1848b0 100%); box-shadow:inset 2px 3px 5px #d3eaffb3,inset -7px -9px 16px #1235786e,0 5px 0 #235ac1,0 20px 28px #1a62c938; transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition:transform .18s ease-out; transform-style:preserve-3d; }
.xiaoa-tile::after { content:""; position:absolute; inset:3px; height:46%; border-radius:34px 34px 45% 45%; background:linear-gradient(155deg,#fff3,transparent 60%); pointer-events:none; }
.xiaoa-face { position:absolute; width:132px; height:132px; inset:11px; overflow:visible; transform:translateZ(3px); }
.xiaoa-medical-mark { position:absolute; z-index:2; left:17px; top:9px; color:#c6e2ff; font:17px/1.5 var(--body-font); opacity:.8; }
.xiaoa-eye { transform-origin:60px 60px; animation:xiaoa-blink 6.4s infinite; }
.xiaoa-pupil { transform:translate(var(--look-x,0px),var(--look-y,0px)); transition:transform .12s ease-out; }
.xiaoa-ground { position:absolute; left:50%; top:76%; width:144px; height:14px; border-radius:50%; background:#86a9e43d; filter:blur(9px); transform:translateX(-50%); }
.xiaoa-watermark { position:absolute; left:30%; bottom:18%; color:#18385f; opacity:.06; font-size:14px; transform:rotate(-18deg); pointer-events:none; user-select:none; }
.xiaoa-art-caption { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; gap:10px; margin-top:12px; color:#667085; font-size:12px; }
.xiaoa-controls { display:flex; align-items:center; gap:17px; }
.xiaoa-controls .n-text-link { font-size:11px; }
.xiaoa-greeting { position:absolute; z-index:5; top:14px; left:20px; right:20px; margin:0; padding:9px 12px; border:1px solid #d9e6f8; border-radius:5px; color:#42658f; background:#fffffff5; font-size:11px; line-height:1.8; text-align:center; }
.xiaoa-stage.is-greeting .xiaoa-float { animation:xiaoa-nod 1.05s ease both; }
.xiaoa-stage.is-still .xiaoa-float,.xiaoa-stage.is-still .xiaoa-eye { animation:none; }
.native-skill { border-bottom:1px solid #e5e7ee; }
.native-skill:first-child { border-top:1px solid #e5e7ee; }
.native-skill summary { display:flex; align-items:flex-start; gap:23px; padding:22px 0; cursor:pointer; list-style:none; }
.native-skill summary::-webkit-details-marker { display:none; }
.skill-index { padding-top:4px; color:#98a6b8; font:10px/1.8 var(--n-mono); }
.skill-description { flex:1; }
.skill-description h3 { margin:0; font-size:18px; font-weight:500; color:#172033; line-height:1.7; }
.skill-description>span { display:block; margin-top:6px; color:#7a8799; font-size:13px; line-height:1.9; }
.skill-toggle { padding-top:2px; color:#94a6be; font-size:21px; line-height:1.4; transition:transform .2s; }
.native-skill[open] .skill-toggle { transform:rotate(45deg); }
.native-skill[open] h3 { color:#1464f4; }
.skill-detail { margin-left:38px; padding:0 15px 23px 0; }
.skill-detail dl { display:grid; grid-template-columns:1fr 1.3fr 1fr; gap:28px; margin:0 0 15px; }
.skill-detail dt { color:#95a4b8; font-size:11px; }
.skill-detail dd { margin:7px 0 0; color:#596473; font-size:13px; line-height:1.95; }
.skill-detail>.n-text-link { font-size:12px; }
@keyframes xiaoa-float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)} }
@keyframes xiaoa-blink { 0%,42%,46%,86%,90%,100%{transform:scaleY(1)}44%,88%{transform:scaleY(.08)} }
@keyframes xiaoa-nod { 0%,100%{transform:rotate(0) translateY(0)}30%{transform:rotate(-8deg) translateY(-5px)}65%{transform:rotate(6deg) translateY(-3px)} }
.native-value-strip { display:flex; flex-wrap:wrap; gap:12px 26px; margin:0; padding:0 0 32px; list-style:none; }
.native-value-strip li { display:flex; gap:9px; color:#667085; font-size:12px; line-height:1.8; }
.native-value-strip li>span { color:#92a2b7; font:10px/2 var(--n-mono); }
.ai-native-page .detail-navigation a[aria-current="location"] { color:#1464f4; }
.n-section { padding:52px 0; border-bottom:1px solid #e5e7ee; scroll-margin-top:154px; }
.n-section h2,.native-closing h2 { margin:0; color:#172033; font-size:28px; font-weight:500; line-height:1.6; letter-spacing:-.02em; white-space:pre-line; }
.n-section-heading { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:end; margin-bottom:32px; }
.n-section-heading>p,.capabilities-intro>p:not(.n-eyebrow),.proactive-layout>div>p:not(.n-eyebrow),.collaboration-layout>div>p:not(.n-eyebrow) { margin:0; color:#596473; font-size:14px; line-height:1.95; }
.n-execution,.native-architecture,.native-proactive,.native-collaboration { background:#fff; }
.execution-workbench { border:1px solid #dce4ef; border-radius:8px; background:#fff; overflow:hidden; }
.execution-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:15px; padding:18px 24px; border-bottom:1px solid #e5e7ee; background:#f7f9fc; }
.n-segmented { display:flex; flex-wrap:wrap; gap:4px; padding:3px; width:fit-content; border:1px solid #e1e7f0; border-radius:5px; background:#fff; }
.n-segmented button { padding:7px 13px; border:0; border-radius:3px; color:#667085; background:none; font-size:12px; line-height:1.6; }
.n-segmented button[aria-pressed="true"] { color:#1464f4; background:#edf4ff; }
.execution-prompt { display:flex; align-items:center; gap:15px; margin:24px 24px 0; padding:17px 20px; border:1px solid #dce6f5; border-radius:5px; background:#f8fbff; }
.prompt-avatar { display:grid; place-items:center; flex:none; width:32px; height:32px; border-radius:7px; color:#1464f4; background:#e7f0ff; }
.prompt-avatar .n-icon { width:18px; height:18px; }
.execution-prompt p { flex:1; margin:0; color:#344256; font-size:14px; line-height:1.8; }
.prompt-enter { color:#9eafc5; }
.execution-chain { padding:29px 24px 19px; }
.execution-chain ol { position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:0; padding:0; list-style:none; }
.execution-chain ol::before { content:""; position:absolute; top:18px; left:10%; right:10%; height:1px; background:#ccdbef; }
.execution-chain li { position:relative; text-align:center; }
.execution-chain li:not(:last-child)::after { content:"›"; position:absolute; right:-3px; top:6px; color:#9cb4d2; font:19px/1.4 var(--n-mono); }
.execution-chain button { position:relative; display:flex; flex-direction:column; align-items:center; gap:12px; width:100%; padding:0 6px 7px; border:0; background:none; color:#667085; font-size:13px; }
.stage-index { display:grid; place-items:center; width:37px; height:37px; border:1px solid #d5e0f0; border-radius:50%; color:#8396b0; background:#fff; font:10px var(--n-mono); }
.execution-chain [aria-pressed="true"] { color:#1464f4; }
.execution-chain [aria-pressed="true"] .stage-index { border-color:#8ab4fb; color:#1464f4; background:#edf4ff; }
.execution-return { position:relative; min-height:44px; margin-top:9px; text-align:center; }
.execution-return svg { display:block; width:100%; height:25px; fill:none; stroke:#b4c7df; stroke-width:1; stroke-dasharray:3 5; }
.execution-return>span { position:relative; top:-6px; padding:3px 13px; color:#7e8da2; background:#fff; font-size:10px; }
.flow-detail { display:grid; grid-template-columns:1.2fr 1fr; gap:65px; min-height:225px; padding:27px 32px 30px; border-top:1px solid #e5e7ee; background:#fafbfd; }
.flow-detail h3 { margin:9px 0 12px; color:#172033; font-size:19px; font-weight:500; }
.flow-detail p { margin:0; color:#596473; font-size:13px; line-height:1.95; }
.n-evidence-list { padding:0; margin:0; list-style:none; }
.n-evidence-list li { position:relative; padding:10px 0 10px 18px; color:#596473; font-size:12px; border-bottom:1px solid #e5e7ee; }
.n-evidence-list li::before { content:""; position:absolute; left:0; top:19px; width:4px; height:4px; border:1px solid #8cafe1; transform:rotate(45deg); }
.flow-detail>div:last-child>.n-text-link { margin-top:15px; }
.capabilities-layout { display:grid; grid-template-columns:300px 1fr; gap:80px; align-items:start; }
.capabilities-intro { position:sticky; top:168px; }
.capabilities-intro>p:not(.n-eyebrow) { margin-top:23px; }
.capability-signature { display:none; }
.capability { border-bottom:1px solid #e5e7ee; }
.capability:first-child { border-top:1px solid #e5e7ee; }
.capability summary { display:flex; align-items:flex-start; gap:17px; padding:21px 0; list-style:none; cursor:pointer; }
.capability summary::-webkit-details-marker,.engineering-note summary::-webkit-details-marker { display:none; }
.capability-index { padding-top:5px; color:#98a6b8; font:10px/1.8 var(--n-mono); }
.capability summary>span:nth-child(2) { flex:1; }
.capability h3 { margin:0; color:#172033; font-size:18px; font-weight:500; line-height:1.7; }
.capability-subtitle { display:block; margin-top:5px; color:#7a8799; font-size:12px; }
.capability-toggle { padding-top:1px; color:#94a6be; font-size:22px; font-weight:300; line-height:1.4; transition:transform .2s; }
.capability[open] .capability-toggle { transform:rotate(45deg); }
.capability[open] h3 { color:#1464f4; }
.capability-body { padding:0 25px 25px 31px; }
.capability-body>p { margin:0; color:#596473; font-size:14px; line-height:1.95; }
.capability-body ul { display:flex; flex-wrap:wrap; gap:8px 22px; padding:0; margin:16px 0 0; list-style:none; }
.capability-body li { color:#7b8da5; font-size:11px; }
.capability-body li::before { content:"/"; margin-right:7px; color:#c2cfdf; }
.architecture-toolbar { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; align-items:center; margin-bottom:23px; }
.architecture-legend { display:flex; align-items:center; gap:9px; color:#77879c; font-size:11px; }
.architecture-legend i { width:22px; height:1px; background:#5e8dc6; }
.architecture-legend .legend-dashed { margin-left:14px; background:none; border-top:1px dashed #5e8dc6; }
.architecture-board { position:relative; padding:29px 36px 21px; border:1px solid #dce4ef; border-radius:8px; background:#f8fafd; }
.architecture-board::before { content:""; position:absolute; inset:0; border-radius:inherit; background-image:radial-gradient(#98aecf42 .7px,transparent .7px); background-size:20px 20px; pointer-events:none; }
.architecture-edges { position:absolute; z-index:1; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
.architecture-edges marker path { fill:#5489ce; stroke:none; }
.architecture-edges .arch-edge { fill:none; stroke:#7499c6; stroke-width:1.25; opacity:.8; marker-end:url(#arch-arrow); }
.architecture-edges .arch-edge.double { marker-start:url(#arch-arrow); }
.architecture-edges .arch-edge.feedback { stroke-dasharray:4 6; }
.architecture-edges .arch-edge.is-muted { opacity:.44; }
.architecture-edges .arch-edge.is-active { stroke:#4788e0; opacity:1; stroke-dasharray:5 7; animation:edge-flow 14s linear infinite; }
.architecture-top { display:grid; gap:32px; margin-left:25%; }
.arch-node { position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; width:100%; min-width:0; padding:16px; border:1px solid #d3deed; border-radius:5px; background:#fff; color:#172033; text-align:center; }
.arch-node:hover { border-color:#8aafe6; }
.arch-node[aria-pressed="true"] { border-color:#86b1f5; background:#edf4ff; }
.arch-label { color:#344256; font-size:15px; font-weight:500; }
.arch-parts { color:#74849b; font-size:11px; line-height:1.9; }
.architecture-runtime { display:grid; grid-template-columns:1fr 3fr; gap:32px; align-items:center; margin-top:32px; }
.architecture-runtime>.arch-node { min-height:145px; padding-inline:16px; }
.architecture-runtime>.arch-node .arch-parts { max-width:145px; line-height:2.1; }
.architecture-harness { position:relative; padding:18px 22px 23px; border:1px solid #b6cce9; border-radius:6px; background:#f0f5fc; }
.architecture-harness.is-selected { border-color:#6fa3ef; }
.harness-heading { position:relative; z-index:2; display:flex; align-items:center; flex-wrap:wrap; gap:18px; padding:0; border:0; background:none; text-align:left; }
.harness-heading>span:first-child { display:flex; align-items:center; gap:8px; color:#426b9b; font-size:13px; }
.harness-heading svg { width:16px; height:16px; }
.harness-heading>span:last-child { color:#8699b0; font-size:9px; }
.harness-heading[aria-pressed="true"]>span:first-child { color:#1464f4; }
.harness-rules { position:relative; z-index:2; margin:8px 0 23px; color:#8b9ab0; font-size:10px; }
.architecture-harness>.arch-node { padding:21px 16px; }
.architecture-harness>.arch-node .arch-label { color:#235fa8; font-size:18px; }
.architecture-foundations { display:grid; grid-template-columns:1fr 1.5fr; gap:26px; margin-top:39px; }
.architecture-foundations .arch-node { min-height:90px; }
.architecture-feedback { position:relative; z-index:2; display:flex; justify-content:center; gap:9px; margin-top:34px; color:#7f94ae; font-size:10px; text-align:center; }
.architecture-feedback>span { color:#6d98ce; }
.architecture-detail { display:grid; grid-template-columns:180px 1fr; gap:30px; padding:25px 0; margin-top:10px; border-bottom:1px solid #e5e7ee; }
.architecture-detail>.n-micro { padding-top:3px; color:#1464f4; font-size:11px; }
.architecture-detail h3 { margin:0 0 10px; font-size:19px; font-weight:500; }
.architecture-detail p { margin:0; color:#596473; font-size:14px; line-height:1.95; }
.architecture-reading { margin-top:21px; color:#7d8da3; font-size:12px; line-height:1.95; }
.engineering-note { margin-top:24px; border-top:1px solid #e5e7ee; }
.engineering-note summary { display:flex; justify-content:space-between; padding:18px 0; color:#596473; font-size:13px; list-style:none; cursor:pointer; }
.engineering-note summary>span { color:#95a5bb; font-size:18px; line-height:1.2; }
.engineering-note>p { max-width:920px; color:#667085; font-size:13px; line-height:1.95; }
.engineering-sources { display:flex; flex-wrap:wrap; gap:16px 30px; margin-top:17px; }
.engineering-sources a { display:flex; align-items:center; gap:8px; color:#1464f4; font-size:11px; }
.engineering-sources svg { width:13px; height:13px; transform:rotate(-35deg); }
.proactive-layout { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.proactive-layout h2 { font-size:27px; }
.proactive-layout>div>p:not(.n-eyebrow) { margin-top:21px; }
.heartbeat-display { min-width:0; padding:20px 0 0; }
.heartbeat-display-top { display:flex; justify-content:space-between; gap:20px; align-items:center; color:#8ca0b9; font:10px/1.8 var(--n-mono); }
.heartbeat-light { color:#6687b4; font-size:9px; }
.heartbeat-light::before { content:""; display:inline-block; width:4px; height:4px; margin-right:7px; border-radius:50%; background:#5f9eea; }
.heartbeat-wave { display:block; width:100%; height:auto; margin:15px 0; overflow:visible; }
.heartbeat-wave path { fill:none; }
.wave-baseline { stroke:#dce5f1; stroke-width:1; }
.wave-line { stroke:#4a91e9; stroke-width:1.5; stroke-dasharray:900; stroke-dashoffset:0; animation:heartbeat-trace 8s ease-in-out infinite; }
.heartbeat-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0; margin:18px 0 0; gap:17px; list-style:none; }
.heartbeat-steps li { color:#5b718c; font-size:12px; }
.heartbeat-steps li>span { display:block; margin-bottom:8px; color:#a1afc1; font:9px var(--n-mono); }
.heartbeat-steps small { display:block; margin-top:5px; color:#94a2b4; font-size:10px; }
.scenarios-layout { display:grid; grid-template-columns:.62fr 1.4fr; gap:75px; }
.scenario-tabs { display:flex; flex-direction:column; }
.scenario-tabs button { display:flex; align-items:center; gap:18px; padding:22px 0; border:0; border-bottom:1px solid #e5e7ee; color:#667085; background:none; font-size:16px; text-align:left; }
.scenario-tabs button:first-child { border-top:1px solid #e5e7ee; }
.scenario-tabs button>span { color:#9daabd; font:10px var(--n-mono); }
.scenario-tabs button svg { margin-left:auto; width:16px; height:16px; opacity:.4; }
.scenario-tabs button[aria-selected="true"] { color:#1464f4; }
.scenario-tabs button[aria-selected="true"]>span,.scenario-tabs button[aria-selected="true"] svg { color:#1464f4; opacity:1; }
.scenario-panel { min-height:360px; padding-top:7px; }
.scenario-panel>.n-micro { color:#94a4bb; font-size:10px; }
.scenario-panel h3 { margin:17px 0 16px; color:#172033; font-size:25px; font-weight:500; line-height:1.6; }
.scenario-panel>p { margin:0; color:#596473; font-size:14px; line-height:1.95; }
.scenario-panel .n-evidence-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin:23px 0 27px; }
.scenario-panel .n-evidence-list li { font-size:11px; }
.n-scene-links { display:flex; flex-wrap:wrap; gap:12px 25px; }
.n-scene-links>a { font-size:12px; }
.collaboration-layout { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.collaboration-layout h2 { font-size:27px; }
.collaboration-layout>div>p:not(.n-eyebrow) { margin-top:21px; }
.collaboration-outcomes { display:grid; gap:16px; padding:0; margin:25px 0 0; list-style:none; }
.collaboration-outcomes li { display:flex; align-items:center; gap:13px; color:#596473; font-size:13px; }
.collaboration-outcomes svg { width:17px; height:17px; color:#6e9cd7; }
.collaboration-layout>div>.integration-scope { color:#7d8a9b; font-size:12px; line-height:1.95; }
.collaboration-map { padding:20px 0; min-width:0; }
.collaboration-platform { width:80%; margin:auto; padding:25px 21px; border:1px solid #cadbf2; border-radius:6px; background:#f6f9fe; text-align:center; }
.collaboration-platform>.n-micro { color:#8c9eb8; font-size:9px; }
.collaboration-platform strong { display:block; margin:12px 0 16px; color:#426caa; font-size:26px; font-weight:500; }
.collaboration-platform strong>span { margin-left:12px; color:#7a95ba; font-size:16px; font-weight:400; }
.collaboration-api { color:#8c9eb8; font-size:10px; }
.collaboration-connectors { display:block; width:100%; height:70px; fill:none; stroke:#c2d5ee; stroke-width:1; }
.collaboration-connectors circle { fill:#7ba8e0; stroke:#e4edfa; stroke-width:3; }
.collaboration-channels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:21px; }
.collaboration-channels>div { padding:19px 7px 0; border-top:1px solid #dce4ef; text-align:center; }
.channel-symbol { display:grid; place-items:center; width:32px; height:32px; margin:0 auto 11px; border-radius:7px; background:#e9f1ff; color:#477bd0; font:16px var(--body-font); }
.channel-dingtalk { color:#317cdb; background:#edf5ff; }
.channel-wecom { color:#4c937d; background:#edf7f3; }
.collaboration-channels strong { display:block; color:#596473; font-size:14px; font-weight:500; }
.collaboration-channels small { display:block; margin-top:4px; color:#a0afc1; font:8px var(--n-mono); }
.collaboration-feedback { margin:25px 0 0; padding-top:20px; border-top:1px dashed #d4e0ef; color:#8598b1; font-size:11px; text-align:center; }
.native-closing { padding:48px 0 52px; background:#f8f9fc; text-align:center; }
.native-closing .n-eyebrow { justify-content:center; color:#9ba9bd; font-size:10px; }
.native-closing h2 { font-size:29px; }
.native-closing p:not(.n-eyebrow) { max-width:700px; margin:20px auto 0; color:#667085; font-size:14px; line-height:1.95; }
.native-closing-actions { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:18px 29px; margin-top:26px; }
.closing-wordmark { display:none; }
.native-preview { width:min(560px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); padding:27px; border:1px solid #d9e2ef; border-radius:9px; color:#172033; background:#fff; box-shadow:0 30px 100px #17203333; }
.native-preview::backdrop { background:#17203377; }
body:has(.native-preview[open]) { overflow:hidden; }
.native-preview-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:15px; }
.native-preview-heading button { padding:1px 7px; border:0; color:#8b9bb0; background:none; font-size:26px; line-height:1; }
.native-preview h2 { margin:0 0 12px; color:#172033; font-size:23px; font-weight:500; }
.native-preview>p { color:#667085; font-size:13px; line-height:1.9; }
.native-preview dl { margin:21px 0 25px; }
.native-preview dl>div { display:grid; grid-template-columns:85px 1fr; gap:15px; padding:14px 0; border-bottom:1px solid #e5e7ee; font-size:12px; }
.native-preview dt { color:#8a9bb1; }
.native-preview dd { margin:0; color:#596473; }
.native-preview .n-button { width:100%; font-size:13px; }
.native-preview .preview-example-note { margin:15px 0 0; color:#8b99ac; font-size:11px; text-align:center; }
@keyframes edge-flow { to{stroke-dashoffset:-120} }
@keyframes heartbeat-trace { 0%,25%{stroke-dashoffset:900;opacity:.4}70%,100%{stroke-dashoffset:0;opacity:1} }
@media(max-width:1100px) {
 .native-hero-layout{gap:32px}.capabilities-layout{grid-template-columns:260px 1fr;gap:45px}.n-section-heading{gap:45px}.architecture-runtime{gap:25px}.architecture-board{padding-inline:26px}.architecture-harness{padding-inline:17px}.arch-parts{font-size:10px}.harness-heading>span:last-child{display:none}.scenarios-layout{gap:45px}.collaboration-layout,.proactive-layout{gap:50px}.flow-detail{gap:40px}
}
@media(max-width:900px) {
 .n-section h2,.native-closing h2{font-size:25px}.n-section-heading{gap:32px}.n-section-heading>p{font-size:13px}.capabilities-layout{grid-template-columns:220px 1fr;gap:35px}.capability h3{font-size:16px}.capability-body>p{font-size:13px}.architecture-runtime{grid-template-columns:.85fr 3fr;gap:20px}.architecture-harness{padding:15px}.architecture-top{margin-left:25%}.arch-label{font-size:13px}.arch-parts{font-size:9px}.architecture-runtime>.arch-node{padding:13px 9px}.architecture-foundations{gap:15px}.harness-rules{font-size:9px}.architecture-detail{grid-template-columns:135px 1fr;gap:20px}.proactive-layout,.collaboration-layout{gap:35px}.heartbeat-steps{gap:10px}.heartbeat-steps li{font-size:11px}.heartbeat-steps small{font-size:9px}.scenario-tabs button{font-size:14px;gap:13px}.scenario-panel h3{font-size:22px}.scenario-panel .n-evidence-list{gap:14px}.collaboration-platform{width:94%}.collaboration-api{font-size:9px}
}
@media(max-width:760px) {
 .xiaoa-tile{width:132px;height:132px;border-radius:32px}.xiaoa-tile::after{border-radius:28px 28px 45% 45%}.xiaoa-face{width:114px;height:114px;inset:9px}.xiaoa-medical-mark{left:14px;top:7px;font-size:14px}.xiaoa-watermark{font-size:10px;left:20%;bottom:14%}.xiaoa-ground{top:80%;width:125px}.xiaoa-art-caption{font-size:11px}.xiaoa-controls{gap:12px}.xiaoa-controls .n-text-link{font-size:10px}.xiaoa-greeting{font-size:10px;top:7px;left:8px;right:8px;padding:7px}.native-skill summary{gap:14px;padding:19px 0}.skill-description h3{font-size:16px}.skill-description>span{font-size:12px}.skill-detail{margin-left:29px;padding-right:0}.skill-detail dl{grid-template-columns:1fr;gap:13px}.skill-detail dd{margin-top:4px;font-size:12px}
 .n-wrap{width:calc(100% - 32px)}.native-hero-layout{gap:28px}.native-hero h1{font-size:32px;line-height:1.45}.native-hero-description{font-size:15px;margin-top:21px}.native-hero-actions{gap:17px 23px;margin-top:24px}.native-hero-footnote{font-size:10px;margin-top:19px}.native-agent-art{max-width:572px}.native-agent-label{margin-top:10px}.native-value-strip{gap:9px 19px;padding-bottom:25px}.native-value-strip li{font-size:11px}.native-value-strip li>span{font-size:9px}
 .n-section{padding:35px 0;scroll-margin-top:148px}.n-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:26px}.n-section h2,.native-closing h2{font-size:24px}.n-eyebrow{font-size:11px;margin-bottom:12px}.n-section-heading>p{font-size:13px;line-height:1.95}.execution-toolbar{padding:16px;gap:14px}.n-segmented button{padding:7px 10px;font-size:11px}.execution-prompt{margin:17px 16px 0;padding:14px;gap:12px;align-items:flex-start}.execution-prompt p{font-size:12px;line-height:1.9}.prompt-avatar{width:27px;height:27px}.prompt-avatar .n-icon{width:15px;height:15px}.prompt-enter{display:none}.execution-chain{padding:26px 9px 13px}.execution-chain button{font-size:10px;gap:11px;padding-inline:2px;line-height:1.6}.stage-index{width:31px;height:31px;font-size:9px}.execution-chain ol::before{top:15px}.execution-chain li:not(:last-child)::after{top:5px;right:-4px;font-size:16px}.execution-return{min-height:35px;margin-top:9px}.execution-return svg{height:20px}.execution-return>span{top:-8px;font-size:8px;padding-inline:6px}.flow-detail{grid-template-columns:1fr;gap:18px;min-height:0;padding:22px 19px 26px}.flow-detail h3{font-size:18px;margin-top:8px}.flow-detail p{font-size:12px}.n-evidence-list li{font-size:11px;padding-block:9px}.n-evidence-list li::before{top:17px}
 .capabilities-layout{display:block}.capabilities-intro{position:static}.capabilities-intro>p:not(.n-eyebrow){font-size:13px;margin-top:20px}.capabilities-list{margin-top:26px}.capability summary{padding:20px 0;gap:14px}.capability h3{font-size:16px}.capability-subtitle{font-size:11px}.capability-index{font-size:9px}.capability-body{padding:0 20px 22px 28px}.capability-body>p{font-size:13px}.capability-body li{font-size:10px}
 .architecture-toolbar{gap:16px;margin-bottom:20px}.architecture-legend{font-size:9px;gap:7px}.architecture-legend i{width:17px}.architecture-legend i.legend-dashed{margin-left:8px}.architecture-board{padding:20px 14px 15px}.architecture-top{margin-left:0;gap:29px}.arch-node{padding:15px 10px;gap:5px}.arch-label{font-size:13px}.arch-parts{font-size:9px}.architecture-runtime{grid-template-columns:1fr;margin-top:29px;gap:29px}.architecture-runtime>.arch-node{order:2;min-height:80px;padding:13px 12px}.architecture-runtime>.arch-node .arch-parts{max-width:none;line-height:1.9}.architecture-harness{order:1;padding:14px 12px 16px}.harness-heading>span:first-child{font-size:12px}.harness-rules{font-size:9px;line-height:2;margin:8px 0 20px}.architecture-harness>.arch-node{padding:18px 10px}.architecture-harness>.arch-node .arch-label{font-size:17px}.architecture-foundations{gap:20px;margin-top:34px;grid-template-columns:.85fr 1.3fr}.architecture-foundations .arch-node{min-height:100px;padding:12px 8px}.architecture-foundations .arch-label{font-size:12px}.architecture-foundations .arch-parts{font-size:9px}.architecture-feedback{font-size:9px;line-height:1.9;margin-top:29px;gap:6px}.architecture-detail{grid-template-columns:1fr;gap:8px;padding:20px 0;margin-top:10px}.architecture-detail>.n-micro{font-size:10px}.architecture-detail h3{font-size:18px}.architecture-detail p{font-size:13px}.architecture-reading{font-size:11px;margin-top:19px}.engineering-note{margin-top:20px}.engineering-note summary{font-size:12px;padding-block:17px}.engineering-note>p{font-size:12px}.engineering-sources{gap:15px}.engineering-sources a{font-size:10px}
 .proactive-layout{grid-template-columns:1fr;gap:26px}.proactive-layout>div>p:not(.n-eyebrow){font-size:13px;margin-top:20px}.heartbeat-display{padding-top:0}.heartbeat-display-top{font-size:9px}.heartbeat-light{font-size:8px}.heartbeat-wave{margin:10px 0}.heartbeat-steps{gap:14px;margin-top:10px}.heartbeat-steps li{font-size:11px}.heartbeat-steps small{font-size:9px}
 .scenarios-layout{grid-template-columns:1fr;gap:26px}.scenario-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.scenario-tabs button{padding:16px 0;font-size:12px;gap:10px}.scenario-tabs button:nth-child(2){border-top:1px solid #e5e7ee}.scenario-tabs button>span{font-size:9px}.scenario-tabs button svg{width:14px;height:14px}.scenario-panel{min-height:360px;padding-top:0}.scenario-panel h3{font-size:22px;margin:15px 0}.scenario-panel>p{font-size:13px}.scenario-panel .n-evidence-list{grid-template-columns:1fr;gap:0;margin:20px 0 23px}.scenario-panel .n-evidence-list li{font-size:11px}.n-scene-links{flex-direction:column;gap:13px}
 .collaboration-layout{grid-template-columns:1fr;gap:29px}.collaboration-layout>div>p:not(.n-eyebrow){font-size:13px;margin-top:20px}.collaboration-outcomes{gap:14px;margin-top:23px}.collaboration-outcomes li{font-size:12px}.collaboration-layout>div>.integration-scope{font-size:11px}.collaboration-map{padding-top:0}.collaboration-platform{width:86%;padding:23px 15px}.collaboration-platform strong{font-size:25px}.collaboration-api{font-size:9px}.collaboration-connectors{height:65px}.collaboration-channels{gap:15px}.collaboration-channels strong{font-size:13px}.collaboration-feedback{font-size:10px}.native-closing{padding:36px 0 40px}.native-closing p:not(.n-eyebrow){font-size:13px}.native-closing-actions{gap:20px;margin-top:24px}.native-preview{padding:22px}.native-preview h2{font-size:21px}.native-preview dl>div{grid-template-columns:65px 1fr;font-size:11px}
 html[lang="en"] .native-hero h1{font-size:32px}html[lang="en"] .execution-chain button{font-size:9px}
}
@media(prefers-reduced-motion:reduce) {
 .ai-native-page{scroll-behavior:auto}.ai-native-page *,.ai-native-page *::before,.ai-native-page *::after{animation:none !important;transition:none !important}.wave-line{stroke-dashoffset:0}
}

/* Concise edition: four sections, compact task examples and a scannable Skill list. */
.ai-native-page .native-hero-layout { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:48px; padding:32px 0 36px; }
.native-hero-layout h1>span { display:block; }
.native-hero-layout .n-eyebrow { margin-bottom:16px; color:#667085; font-size:12px; }
.native-hero-description { max-width:40em; margin-top:20px; font-size:15px; }
.native-hero-actions { margin-top:24px; }
.native-agent-art { width:100%; max-width:500px; justify-self:end; }
.n-section { padding:40px 0; }
.n-section-heading { grid-template-columns:1fr 1fr; gap:48px; margin-bottom:25px; }
.n-section-heading>div { display:flex; align-items:baseline; gap:14px; }
.section-index { flex:none; color:#93a7c2; font:10px/1.8 var(--n-mono); }
.n-section h2 { font-size:24px; line-height:1.6; }
.n-section-heading>p { color:#7a8799; font-size:13px; }
.execution-toolbar { padding:13px 20px; }
.execution-prompt { margin:18px 20px 0; padding:13px 16px; border:0; color:#52657d; font-size:14px; }
.execution-chain { padding:25px 20px 21px; }
.execution-chain button { gap:10px; font-size:12px; }
.flow-detail { grid-template-columns:180px minmax(0,1fr) auto; align-items:center; gap:16px; min-height:0; padding:20px 24px; }
.flow-label { display:flex; align-items:center; gap:11px; }
.flow-label>span { color:#91a3bc; font:10px var(--n-mono); }
.flow-detail h3 { margin:0; font-size:15px; }
.flow-detail p { font-size:13px; }
.flow-detail>.n-text-link { font-size:12px; }
.native-skills-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 30px; }
.native-skill { display:grid; grid-template-columns:24px minmax(0,1fr); column-gap:10px; align-content:start; padding:21px 0; border-top:1px solid #e5e7ee; border-bottom:0; }
.native-skill .skill-index { padding-top:4px; }
.native-skill>h3 { margin:0; color:#172033; font-size:16px; font-weight:500; line-height:1.7; }
.native-skill>p { grid-column:2; margin:8px 0 0; color:#7a8799; font-size:13px; line-height:1.9; }
.architecture-toolbar { margin-bottom:20px; }
.architecture-legend { color:#8a99ae; font-size:11px; }
.architecture-board { padding:24px 28px 18px; }
.architecture-top { gap:27px; }
.architecture-runtime { gap:28px; margin-top:28px; }
.arch-node { padding:14px; }
.architecture-runtime>.arch-node { min-height:130px; }
.architecture-harness { padding:16px 19px 20px; }
.harness-heading { color:#426b9b; font-size:13px; line-height:1.8; }
.harness-rules { margin:7px 0 20px; }
.architecture-harness>.arch-node { padding:18px 14px; }
.architecture-foundations { gap:24px; margin-top:34px; }
.architecture-foundations .arch-node { min-height:80px; }
.architecture-feedback { margin-top:30px; }
.architecture-detail { grid-template-columns:140px minmax(0,1fr); gap:24px; padding:18px 0; }
.architecture-detail h3 { margin-bottom:6px; font-size:16px; }
.architecture-detail p { font-size:13px; }
.engineering-note { margin-top:17px; }
.engineering-note summary { padding:15px 0; font-size:12px; }
.scenarios-layout { grid-template-columns:270px minmax(0,1fr); gap:70px; }
.scenario-tabs button { padding:15px 0; font-size:14px; }
.scenario-panel { min-height:215px; padding:0; }
.scenario-panel h3 { margin:0 0 14px; font-size:20px; }
.scenario-panel>p { font-size:14px; }
.n-scene-links { display:grid; gap:9px; margin-top:20px; }
.n-scene-links>a { width:fit-content; font-size:12px; }
.native-integration { display:grid; grid-template-columns:270px minmax(0,1fr); gap:70px; align-items:start; margin-top:25px; padding-top:20px; border-top:1px solid #e5e7ee; }
.native-integration>span { color:#7b8ba1; font-size:13px; }
.native-integration strong { color:#52657d; font-size:14px; font-weight:500; }
.native-integration p { margin-top:6px; color:#8a97a9; font-size:12px; line-height:1.9; }
.native-closing { padding:28px 0; text-align:left; }
.native-closing>.n-wrap { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.native-closing h2 { font-size:21px; }
.native-closing>.n-wrap>div { display:flex; align-items:center; flex-wrap:wrap; gap:18px 26px; }
html[lang="en"] .native-skill>h3 { min-height:54px; }
@media(max-width:1000px) {
 .ai-native-page .native-hero-layout{gap:32px}.native-skills-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.n-section-heading{gap:30px}.scenarios-layout,.native-integration{grid-template-columns:220px minmax(0,1fr);gap:38px}
}
@media(max-width:760px) {
 .ai-native-page .native-hero-layout{grid-template-columns:1fr;gap:24px;padding:24px 0 28px}.native-agent-art{justify-self:start;max-width:500px}.native-hero-description{margin-top:18px;font-size:14px}.native-hero-actions{margin-top:22px}.n-section{padding:30px 0}.n-section-heading{grid-template-columns:1fr;gap:10px;margin-bottom:21px}.n-section-heading>div{gap:12px}.n-section h2{font-size:22px}.n-section-heading>p{font-size:12px}.execution-toolbar{padding:12px 14px}.execution-prompt{margin:15px 14px 0;padding:12px;font-size:12px}.execution-chain{padding:23px 8px 18px}.execution-chain button{font-size:10px}.flow-detail{grid-template-columns:1fr;gap:9px;padding:18px}.flow-label{gap:10px}.flow-detail h3{font-size:15px}.flow-detail p{font-size:12px}.native-skill{padding:17px 0;grid-template-columns:20px minmax(0,1fr);column-gap:8px}.native-skill>h3{font-size:16px}.native-skill>p{font-size:12px;margin-top:5px}.architecture-board{padding:20px 14px 15px}.architecture-top{gap:27px}.architecture-runtime{grid-template-columns:1fr;gap:27px;margin-top:27px}.architecture-runtime>.arch-node{min-height:80px}.architecture-harness{padding:14px 12px 16px}.arch-node{padding:14px 10px}.architecture-foundations{grid-template-columns:.85fr 1.3fr;gap:20px;margin-top:34px}.architecture-foundations .arch-node{min-height:95px}.architecture-feedback{margin-top:29px}.architecture-detail{grid-template-columns:1fr;gap:8px;padding:18px 0}.architecture-detail p{font-size:12px}.scenarios-layout{grid-template-columns:1fr;gap:24px}.scenario-tabs button{padding:14px 0;font-size:12px}.scenario-panel{min-height:185px}.scenario-panel h3{font-size:19px;margin-bottom:12px}.scenario-panel>p{font-size:13px}.n-scene-links{margin-top:17px}.native-integration{grid-template-columns:1fr;gap:8px;margin-top:20px;padding-top:18px}.native-integration p{font-size:11px}.native-closing{padding:25px 0}.native-closing>.n-wrap{align-items:flex-start;flex-direction:column;gap:18px}.native-closing h2{font-size:20px}html[lang="en"] .native-skill>h3{min-height:0}
}
@media(max-width:540px) { .native-skills-list{grid-template-columns:1fr}.native-skill{padding:16px 0} }