/* C-017. JDO light editorial system; white encloses operative concept surfaces.
   No new global tokens or shared-page rules. Layers: scene 0, local UI 1, controls 2. */
.overview-section { padding-bottom:72px; }
.system-portrait { position:relative; isolation:isolate; border-radius:28px; overflow:hidden; min-height:480px; background:var(--canvas); }
.system-portrait>img { width:100%; height:480px; object-fit:cover; object-position:center 70%; }
.brain-premise { position:absolute; left:40px; top:72px; max-width:300px; }
.brain-premise h3 { font-size:24px; line-height:1.3; }
.brain-premise p { margin-top:20px; color:var(--muted); }
.brain-premise>span { display:block; margin-top:24px; font-size:16px; color:var(--muted); }
.suite-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid var(--line); margin-top:32px; padding-bottom:32px; gap:48px; }
.suite-links a { display:block; min-height:80px; }
.suite-links a>span { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.suite-links strong { font-size:24px; line-height:1.3; font-weight:620; }
.suite-links p { color:var(--muted); margin-top:16px; }
.suite-links .icon { width:20px; height:20px; }
.suite-foundation { display:flex; align-items:baseline; gap:24px 48px; margin-top:24px; color:var(--muted); }
.suite-foundation p:first-child { flex:1; }
.suite-foundation p:last-child { flex:1.3; }
.suite-foundation strong { color:var(--ink); }
.product-section { padding-block:88px; }
.product-heading h2 { font-size:56px; line-height:1.1; letter-spacing:-.045em; }
.product-heading h3 { font-size:24px; line-height:1.4; margin-top:24px; }
.product-heading .lead { margin-top:16px; max-width:760px; }
.runtime-scope { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:56px; padding-bottom:40px; }
.runtime-scope article>.icon { margin-bottom:20px; }
.runtime-scope h3 { font-size:24px; line-height:1.4; }
.runtime-scope p { color:var(--muted); margin-top:12px; }
.brain-continuity { display:grid; grid-template-columns:256px 1fr; align-items:start; gap:32px; border-top:1px solid var(--line); padding-top:24px; margin-top:32px; }
.brain-continuity>span { display:flex; align-items:center; gap:12px; font-size:16px; font-weight:550; }
.brain-continuity>span .icon { width:20px; height:20px; }
.brain-continuity p { color:var(--muted); }
#aios .cockpit-experience { margin-top:56px; }
#aios .product-toolbar>strong { font-size:16px; }
.agent-composition { border-top:1px solid var(--line); }
.agent-composition .scenario-heading { justify-content:space-between; }
.agent-composition .scenario-heading .text-link { color:var(--muted); font-weight:400; }
.agent-product-section .index-condition { margin-top:16px; }
.cloud-studio { border:1px solid #1717172b; border-radius:28px; background:var(--surface); overflow:hidden; box-shadow:0 12px 36px #17171708; }
.studio-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:24px 32px; border-bottom:1px solid var(--line); }
.studio-heading>span:first-child { display:flex; align-items:center; gap:12px; font-weight:600; }
.studio-heading>span:last-child { color:var(--muted); font-size:16px; }
.cloud-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:0; border-bottom:1px solid var(--line); padding:0 32px; margin:0; gap:32px; }
.cloud-tabs label { display:block; position:relative; cursor:pointer; }
.cloud-tabs input { position:absolute; inset:0; width:100%; height:100%; opacity:0; margin:0; cursor:pointer; }
.cloud-tabs label>span { display:flex; justify-content:center; align-items:center; gap:12px; border-bottom:2px solid transparent; color:var(--muted); min-height:64px; padding:12px; }
.cloud-tabs input:checked+span { color:var(--ink); border-bottom-color:var(--accent); font-weight:600; }
.cloud-tabs input:focus-visible+span { outline:2px solid var(--accent); outline-offset:-6px; border-radius:4px; }
.cloud-tabs .icon { width:20px; height:20px; }
.studio-views { padding:32px; min-height:552px; }
.studio-view { display:none; }
.cloud-studio:has([name=cloud-view][value=objects]:checked) [data-cloud-view=objects],
.cloud-studio:has([name=cloud-view][value=connections]:checked) [data-cloud-view=connections],
.cloud-studio:has([name=cloud-view][value=iteration]:checked) [data-cloud-view=iteration] { display:block; }
.studio-intro h3 { font-size:24px; line-height:1.4; letter-spacing:-.02em; }
.studio-intro p { margin-top:12px; color:var(--muted); }
.object-gallery { margin-top:32px; display:grid; grid-template-columns:.85fr 1.5fr; gap:24px 40px; }
.object-gallery>div { padding:24px; border:1px solid var(--line); border-radius:18px; min-width:0; }
.model-object { grid-row:span 2; display:flex; flex-direction:column; align-items:start; background:var(--canvas); }
.object-gallery>.app-objects,.object-gallery>.service-objects { border:0; border-radius:0; padding:0; }
.object-gallery>.service-objects { border-top:1px solid var(--line); padding-top:24px; }
.model-mark { width:64px; height:64px; border:1px solid #1717172b; border-radius:18px; background:var(--surface); display:grid; place-items:center; margin-bottom:20px; box-shadow:6px 6px 0 #17171708; }
.model-mark .icon { width:32px; height:32px; }
.model-object>div>span { color:var(--muted); font-size:16px; }
.model-object h4 { font-size:24px; line-height:1.3; margin-top:8px; }
.model-object p,.app-objects>p,.service-objects>p { margin-top:16px; color:var(--muted); font-size:18px; }
.object-link { display:flex; align-items:center; gap:12px; min-height:44px; margin-top:16px; }
.object-link .icon { width:20px; height:20px; }
.app-objects>span,.service-objects>span { font-weight:600; }
.app-collection { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:24px; }
.app-collection>div { display:flex; align-items:center; gap:16px; }
.app-collection .icon { width:28px; height:28px; padding:4px; box-sizing:content-box; border-radius:8px; border:1px solid var(--line); }
.service-orbit { display:flex; gap:32px; flex-wrap:wrap; margin-top:24px; }
.service-orbit>span { display:flex; align-items:center; gap:12px; }
.service-orbit .icon { width:28px; height:28px; }
.object-detail { margin-top:24px; border-top:1px solid var(--line); }
.object-detail summary { display:flex; align-items:center; justify-content:space-between; min-height:52px; padding-top:8px; cursor:pointer; list-style:none; }
.object-detail summary::-webkit-details-marker { display:none; }
.object-detail summary .icon { width:20px; height:20px; }
.object-detail[open] summary .icon { transform:rotate(45deg); }
.object-detail>p { color:var(--muted); max-width:800px; margin-top:12px; }
.service-selector { display:flex; border:0; padding:0; margin:28px 0; gap:12px; }
.service-selector label { position:relative; }
.service-selector input { position:absolute; inset:0; opacity:0; width:100%; height:100%; margin:0; cursor:pointer; }
.service-selector label>span { display:flex; align-items:center; gap:10px; padding:10px 18px; border:1px solid var(--line); border-radius:12px; min-height:48px; }
.service-selector input:checked+span { border-color:var(--ink); box-shadow:inset 0 0 0 1px var(--ink); }
.service-selector input:focus-visible+span { outline:2px solid var(--accent); outline-offset:4px; }
.service-selector .icon { width:20px; height:20px; }
.service-connection { display:grid; grid-template-columns:1fr 1.2fr 1fr; align-items:center; gap:40px; padding:24px 0; }
.endpoint { border:1px solid var(--line); border-radius:18px; padding:28px 24px; min-height:192px; }
.endpoint>.icon { width:32px; height:32px; margin-bottom:20px; }
.endpoint h4 { font-size:16px; }
.endpoint p { color:var(--muted); margin-top:8px; }
.connector-hub { position:relative; text-align:center; }
.connector-hub::before { content:""; position:absolute; inset:50% -40px auto; height:1px; background:var(--line); }
.connector-hub>span,.connector-hub>p { color:var(--muted); font-size:18px; position:relative; }
.connector-hub>div { position:relative; display:flex; align-items:center; justify-content:center; gap:12px; padding:22px 12px; background:var(--surface); }
.connector-hub>div .icon { width:28px; height:28px; }
.provider-endpoint .service-places,.provider-endpoint .service-media { display:none; }
[data-cloud-view=connections]:has([name=cloud-service][value=places]:checked) .service-charging,
[data-cloud-view=connections]:has([name=cloud-service][value=media]:checked) .service-charging { display:none; }
[data-cloud-view=connections]:has([name=cloud-service][value=places]:checked) .service-places,
[data-cloud-view=connections]:has([name=cloud-service][value=media]:checked) .service-media { display:inline; }
.connection-boundary { display:flex; align-items:start; gap:12px; padding-top:24px; margin-top:16px; border-top:1px solid var(--line); color:var(--muted); }
.connection-boundary .icon { width:20px; height:20px; margin-top:4px; }
.iteration-workbench { display:grid; grid-template-columns:1fr 1.3fr; gap:32px; margin-top:32px; align-items:start; }
.feedback-note { background:var(--canvas); border:1px solid var(--line); padding:28px; border-radius:18px; }
.feedback-note>span { display:flex; align-items:center; gap:12px; color:var(--muted); font-size:16px; }
.feedback-note>span .icon { width:20px; height:20px; }
.feedback-note h4 { font-size:24px; line-height:1.4; margin-top:24px; }
.feedback-note>p { margin-top:16px; color:var(--muted); }
.feedback-note>div { display:grid; gap:8px; margin-top:28px; padding-top:20px; border-top:1px solid var(--line); font-size:16px; }
.feedback-note>div>span { color:var(--muted); }
.revision-sheet { padding:0 4px; }
.revision-sheet>header { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.revision-sheet>header>strong { font-size:24px; }
.revision-sheet>header>span { font-size:14px; color:var(--muted); }
.revision-row { display:grid; grid-template-columns:140px 1fr; gap:24px; margin-top:24px; }
.revision-row>span { display:flex; align-items:center; gap:12px; }
.revision-row .icon { width:20px; height:20px; }
.revision-row p { color:var(--muted); }
.revision-sheet .text-action { margin-top:24px; }
.review-result,.static-review { color:var(--muted); margin-top:20px; border-left:2px solid var(--accent); padding-left:16px; }
.iteration-boundary { margin-top:28px; color:var(--muted); }
.cloud-studio:not(.cloud-enhanced) [data-cloud-review] { display:none; }
.proof-section { padding-top:88px; border-top:1px solid var(--line); }
.proof-section .section-heading h2 { max-width:1120px; }
.proof-section .section-heading .lead { max-width:800px; }
@media (hover:hover) and (pointer:fine) {
 .suite-links a:hover strong,.object-link:hover,.object-detail summary:hover { color:var(--accent); }
 .cloud-tabs label:hover>span { color:var(--ink); }
}
.experience-background #aios .icon { transition:none; }
@media (max-width:900px) {
 .system-portrait { min-height:420px; }.system-portrait>img { height:420px; object-position:60% center; }.brain-premise { left:24px; top:32px; max-width:230px; }
 .brain-premise h3,.suite-links strong,.product-heading h3,.runtime-scope h3,.studio-intro h3,.model-object h4,.feedback-note h4,.revision-sheet>header>strong { font-size:22px; }
 .suite-links { gap:24px; }.suite-links p { margin-top:12px; }.suite-foundation { display:block; }.suite-foundation p+p { margin-top:12px; }
 .product-heading h2 { font-size:42px; }
 .runtime-scope { gap:24px; }.runtime-scope p { margin-top:8px; }.runtime-scope article>.icon { margin-bottom:16px; }
 .brain-continuity { grid-template-columns:1fr; gap:12px; }
 .studio-heading { padding:24px; }.cloud-tabs { padding-inline:24px; gap:20px; }.cloud-tabs label>span { gap:8px; padding:12px 4px; }
 .studio-views { padding:28px 24px; min-height:570px; }.object-gallery { grid-template-columns:1fr 1fr; gap:20px; }
 .model-object { grid-column:1/-1; grid-row:auto; flex-direction:row; align-items:center; gap:24px; padding:20px!important; }.model-mark { margin:0; flex:none; }
 .object-gallery>.app-objects,.object-gallery>.service-objects { padding:0; border:0; }
 .model-object .object-link { margin:0 0 0 auto; white-space:nowrap; }.model-object p { margin-top:8px; }.model-object h4 { margin-top:4px; }
 .app-collection { grid-template-columns:repeat(3,1fr); gap:12px; }.app-collection>div { flex-direction:column; gap:12px; text-align:center; }
 .service-orbit { margin-block:28px; justify-content:space-around; gap:12px; }.service-orbit>span { flex-direction:column; }
 .service-connection { gap:16px; grid-template-columns:1fr 1fr 1fr; }.endpoint { padding:24px 16px; min-height:220px; }.connector-hub::before { inset-inline:-16px; }.connector-hub>div { flex-direction:column; }
 .iteration-workbench { gap:24px; grid-template-columns:1fr 1fr; }.feedback-note { padding:24px; }.revision-row { grid-template-columns:1fr; gap:8px; }
}
@media (max-width:620px) {
 .overview-section { padding-bottom:40px; }.overview-section .section-heading { margin-bottom:32px; }.overview-section h2>span { display:block; }
 .system-portrait { border-radius:18px; min-height:0; display:flex; flex-direction:column-reverse; }.system-portrait>img { height:auto; aspect-ratio:1.45; object-fit:cover; object-position:right center; }
 .brain-premise { position:static; max-width:none; padding:0 0 24px; }.brain-premise p { margin-top:12px; }.copy-break { display:none; }.brain-premise>span { margin-top:12px; }
 .suite-links { grid-template-columns:1fr; gap:0; margin-top:20px; padding:0; border:0; }.suite-links a { padding:20px 0; min-height:0; border-bottom:1px solid var(--line); }.suite-links a>span { align-items:center; }.suite-links p { margin-top:8px; }
 .suite-foundation { margin-top:24px; }
 .product-section { padding-block:64px; }.product-heading h2 { font-size:32px; }.product-heading h3 { margin-top:16px; }.product-heading .lead { margin-top:16px; }.product-heading { margin-bottom:32px; }
 .runtime-scope { display:grid; grid-template-columns:1fr; gap:24px; padding-bottom:0; }.runtime-scope article { display:grid; grid-template-columns:24px 1fr; column-gap:16px; }.runtime-scope article>.icon { margin:3px 0 0; }.runtime-scope h3 { grid-column:2; }.runtime-scope p { grid-column:2; }
 .brain-continuity { margin-top:28px; padding-top:20px; }.brain-continuity p { line-height:1.7; }
 #aios .cockpit-experience { margin-top:32px; }
 .agent-composition .capability-fields { gap:16px; }.agent-composition .capability-field.task-surface { padding:20px; }.agent-composition .scenario-heading .text-link { margin-top:8px; }
 .studio-heading { padding:18px 20px; display:block; }.studio-heading>span:last-child { display:block; margin-top:8px; }
 .cloud-studio { border-radius:18px; box-shadow:none; }.cloud-tabs { padding:0 16px; gap:8px; }.cloud-tabs .icon { display:none; }.cloud-tabs label>span { font-size:16px; min-height:58px; padding:12px 0; white-space:nowrap; }
 .studio-views { padding:24px 20px; min-height:0; }.studio-intro p { margin-top:12px; }
 .object-gallery { gap:16px; margin-top:24px; grid-template-columns:1fr 1fr; }.object-gallery>div { padding:18px 14px; border-radius:14px; }
 .model-object { display:grid; grid-template-columns:48px 1fr; gap:16px; }.model-mark { width:48px; height:48px; border-radius:12px; }.model-mark .icon { width:28px; height:28px; }
 .model-object .object-link { grid-column:2; margin:0; white-space:normal; gap:8px; }.model-object p { margin-top:8px; }
 .app-collection { grid-template-columns:1fr; gap:12px; margin-top:20px; }.app-collection>div { flex-direction:row; gap:8px; text-align:left; }.app-collection .icon { width:20px; height:20px; padding:3px; }
 .service-orbit { display:grid; gap:16px; margin-block:20px; justify-content:start; }.service-orbit>span { flex-direction:row; gap:10px; }.service-orbit .icon { width:24px; height:24px; }
 .app-objects>p,.service-objects>p { margin-top:20px; }
 .service-selector { gap:8px; flex-wrap:wrap; }.service-selector label>span { gap:8px; padding:10px 12px; }.service-selector .icon { display:none; }
 .service-connection { grid-template-columns:1fr; gap:24px; padding:0; }.endpoint { min-height:0; padding:20px; display:grid; grid-template-columns:32px 1fr; gap:4px 16px; }.endpoint>.icon { grid-row:1/3; margin:0; }.endpoint p { grid-column:2; margin:0; }.connector-hub::before { inset:-24px auto; top:-24px; bottom:-24px; left:50%; width:1px; height:auto; }.connector-hub>div { flex-direction:row; padding:12px; }.connector-hub>span,.connector-hub>p { display:inline-block; background:var(--surface); padding-inline:12px; }
 .connection-boundary { margin-top:28px; }
 .iteration-workbench { grid-template-columns:1fr; gap:28px; margin-top:24px; }.feedback-note { padding:20px; }.feedback-note h4 { margin-top:20px; }.feedback-note>div { margin-top:20px; }
 .revision-sheet { padding:0; }.revision-row { grid-template-columns:1fr; gap:8px; margin-top:20px; }.revision-sheet .text-action { margin-top:20px; }
 .proof-section { padding-top:72px; }
}
@media (prefers-reduced-motion:reduce) { .cloud-studio *,.system-portrait * { scroll-behavior:auto; } }