/* Presentation only. Content, section order, assets and product relationships stay in source.
   This sheet is intentionally last: a single maintained visual system over the legacy styles. */
:root {
  --max: 1320px;
  --page-gutter: clamp(64px, 5vw, 80px);
  --space-section: clamp(120px, 9vw, 152px);
  --space-grid: clamp(28px, 3.3vw, 48px);
  --radius-panel: 4px;
  --radius-control: 3px;
  --type-hero: clamp(56px, 4.8vw, 76px);
  --type-heading: clamp(32px, 3vw, 44px);
  --type-subheading: clamp(23px, 2.1vw, 30px);
  --type-body: clamp(15px, 1.12vw, 17px);
  --type-caption: 12px;
  --duration-ui: 180ms;
  --bg: #0b0d10;
  --surface: #11151a;
  --line: #2b3037;
  --text: #f1f2f3;
  --muted: #a9b0ba;
  --subtle: #8d98a5;
  --accent: #e9b66f;
  --cyan: #9ed9dd;
  --violet: #b8a3e0;
}
body { font-size: var(--type-body); line-height: 1.8; }
h1,h2,h3,h4 { font-weight: 600; letter-spacing: -.025em; }
p { text-wrap: pretty; }
a,button,summary,input,select,textarea { transition: color var(--duration-ui), background-color var(--duration-ui), border-color var(--duration-ui); }
:focus-visible { outline: 2px solid var(--cyan); outline-offset: 5px; }
.container,.nav-shell { width: min(var(--max), calc(100% - 2 * var(--page-gutter))); }
.section,.cyber-tools { padding-block: var(--space-section); }
.section-heading { grid-template-columns: minmax(0,7fr) minmax(0,5fr); gap: var(--space-grid); align-items: start; margin-bottom: 56px; }
.section-heading h2,.about-intro h2,.cyber-tools-heading h2 { font-size: var(--type-heading); font-weight: 600; line-height: 1.35; letter-spacing: -.025em; text-wrap: balance; }
.section-heading > p { font-size: var(--type-body); max-width: 560px; line-height: 1.85; color: var(--muted); padding-top: 5px; }
.eyebrow { font-size: 11px; letter-spacing: .065em; margin-bottom: 28px; gap: 16px; color: var(--subtle); }
.micro { font-size: 11px; letter-spacing: .065em; color: var(--subtle); }
.footnote { font-size: var(--type-caption); color: var(--muted); line-height: 1.8; }
.button { border-radius: var(--radius-control); min-height: 50px; font-weight: 600; box-shadow: none; }
.button:hover { transform: none; }
.text-link { min-height: 44px; font-size: 14px; }
.button-outline { color: var(--text); background: transparent; }
.site-header { height: 80px; background: #0b0d10f5; backdrop-filter: blur(10px); border-color: var(--line); }
.nav-shell { gap: 24px; }
.site-header .brand { width: 140px; }
.desktop-nav { gap: clamp(18px,1.8vw,28px); }
.desktop-nav a { font-size: 13px; white-space: nowrap; position: relative; }
.desktop-nav a::after { content: ''; position: absolute; left: 0; right: 0; bottom: 8px; height: 1px; background: var(--cyan); transform: scaleX(0); transform-origin: left; transition: transform var(--duration-ui); }
.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after { transform: scaleX(1); }
.nav-actions { gap: 20px; }
.console-entry,.language-button { font-size: 12px; min-height: 44px; }
.nav-contact { min-height: 42px; padding-inline: 18px; }
.mobile-nav { padding: 12px var(--page-gutter) 24px; max-height: calc(100dvh - 80px); box-shadow: 0 20px 32px #00000030; }
.mobile-nav a { min-height: 48px; }
/* Existing full-bleed tree and camera journey; text occupies the first five columns. */
.field-hero { min-height: 760px; height: calc(100svh - 80px); max-height: 1000px; background: #080d12; }
.field-content { padding-block: 36px 130px; }
.field-content > :not(.field-eyebrow) { max-width: calc((100% - 11 * 24px) / 12 * 5 + 4 * 24px); }
.field-hero h1 { font-size: var(--type-hero); line-height: 1.2; font-weight: 600; letter-spacing: -.025em; }
.field-eyebrow { margin-bottom: 30px; font-size: 11px; letter-spacing: .07em; }
.field-hero .hero-lead { font-size: clamp(17px,1.4vw,21px); line-height: 1.7; margin-top: 30px; color: #d2dedf; }
.field-hero .hero-desc { max-width: min(420px, 41.66%); margin-top: 18px; font-size: 15px; line-height: 1.85; color: var(--muted); }
.field-hero .button-row { gap: 20px 28px; margin-top: 34px; }
.field-contact { font-size: 14px; min-height: 48px; gap: 16px; }
.field-vignette { background: linear-gradient(90deg,#080d12e8 0%,#080d1280 30%,#080d1200 60%),linear-gradient(0deg,#080d12 0%,#080d1200 24%); }
.camera-caption { left: 58%; right: var(--page-gutter); bottom: 100px; width: auto; max-width: 440px; }
.camera-caption h2 { font-weight: 500; font-size: clamp(18px,1.65vw,24px); line-height: 1.5; text-wrap: pretty; }
.oak-journey { color: var(--subtle); gap: 18px; font-size: 11px; }
.field-footer { bottom: 24px; padding-top: 20px; }
.field-sequence,.field-footer a { font-size: 11px; letter-spacing: .025em; color: var(--muted); }
.field-footer-right #fieldMotion,.field-footer-right #fieldOverview { min-width: 44px; min-height: 44px; border-radius: 3px; }
/* A connected four-stage process, followed by one shared three-layer system. */
.product-section { background: #0e1116; }
.agentos-map { margin: 64px 0 88px; padding: 28px 0; }
.agentos-map figcaption { margin-bottom: 40px; font-size: 13px; }
.agentos-map figcaption strong { font-family: var(--mono); color: var(--cyan); letter-spacing: .04em; }
.agentos-flow { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px; }
.agentos-flow article { padding: 24px 0 12px; border-top: 1px solid var(--line); }
.agentos-flow article::after { content: ''; position: absolute; width: 6px; height: 6px; background: var(--cyan); top: -3.5px; left: 0; }
.agentos-flow article + article::before { content: ''; left: -32px; top: -1px; width: 32px; height: 1px; background: var(--line); display: block; }
.agentos-flow article:hover { border-color: var(--cyan); }
.agentos-flow h3 { font-size: clamp(20px,1.7vw,25px); margin: 22px 0 14px; font-weight: 600; }
.agentos-flow p { font-size: 15px; color: var(--muted); }
.context-feedback { border-top-style: solid; padding-top: 24px; text-align: left; font-size: 13px; color: var(--muted); }
.agentos-foundation { gap: 32px; margin-top: 28px; padding-top: 24px; }
.agentos-foundation > div { color: var(--muted); font-size: 13px; }
.agentos-layers-heading { max-width: 720px; margin-bottom: 32px; }
.agentos-layers-heading h3 { font-size: var(--type-subheading); font-weight: 600; }
.agentos-layers-heading p { color: var(--muted); font-size: 15px; margin-bottom: 0; }
#product .product-layers { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; border: 1px solid var(--line); border-radius: var(--radius-panel); background: var(--bg); }
#product .product-layer { display: grid; grid-template-columns: minmax(0,4fr) minmax(0,8fr); column-gap: 64px; padding: 36px 40px; border-top: 1px solid var(--line); position: relative; }
#product .product-layer:first-child { border-top: 0; }
#product .product-layer .layer-top { grid-column: 1; grid-row: 1; margin: 0 0 12px; align-items: baseline; }
#product .product-layer h3 { grid-column: 1; grid-row: 2 / span 2; font-size: clamp(25px,2.3vw,34px); margin: 0; line-height: 1.3; overflow-wrap: normal; }
#product .product-layer > .layer-tagline { grid-column: 2; grid-row: 1; font-size: 18px; margin: 0 0 12px; line-height: 1.65; color: var(--text); }
#product .product-layer > .muted { grid-column: 2; grid-row: 2; font-size: 15px; line-height: 1.85; margin: 0; max-width: 680px; }
#product .product-layer > details { grid-column: 2; grid-row: 3; margin-top: 16px; }
.product-layer summary { min-height: 48px; color: var(--cyan); font-size: 14px; }
.product-layer .detail-content { font-size: 14px; }
.product-layer .capabilities { font-size: 12px; }
.integration-guide { margin-top: 80px; padding: 40px 0 0; }
.integration-guide > div { max-width: 720px; }
.integration-guide h3 { font-size: var(--type-subheading); font-weight: 600; margin: 18px 0; }
.integration-guide p { max-width: 720px; font-size: 15px; color: var(--muted); }
.integration-guide ol { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px; padding: 40px 0 24px; }
.integration-guide li { padding-top: 24px; }
.integration-guide li::before { font-family: var(--mono); font-size: 13px; margin-bottom: 18px; }
.integration-guide strong { font-size: 18px; font-weight: 600; }
/* Developer tools: deliberate larger panels, without fabricated UI or assets. */
.cyber-tools-heading { display: grid; grid-template-columns: minmax(0,7fr) minmax(0,5fr); align-items: end; gap: var(--space-grid); }
.cyber-tools-heading > p { max-width: 560px; font-size: 16px; color: var(--muted); }
.product-relationship { margin: 48px 0; padding: 28px 0 32px; }
.product-relationship h3 { font-size: 22px; font-weight: 600; margin-bottom: 28px; }
.product-relationship > div { gap: 40px; }
.product-relationship p { font-size: 15px; color: var(--muted); }
.cyber-tools-grid { gap: 28px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.cyber-tools-grid > article { background: var(--surface); border-radius: var(--radius-panel); padding: 40px; border-top: 2px solid var(--cyan); }
.cyber-tools-grid > article:nth-child(2) { border-top-color: var(--violet); }
.cyber-tools-grid h3 { font-size: clamp(30px,2.7vw,38px); font-weight: 500; margin: 36px 0 22px; }
.cyber-tools-grid p { font-size: 16px; color: var(--muted); line-height: 1.85; }
.cyber-tools-grid .tool-accuracy-note p { font-size: 12px; color: var(--muted); }
.cyber-tools-grid > article > .text-link { border-top: 1px solid var(--line); padding-top: 20px; }
/* Existing interactive scenarios keep their selection and network logic. */
#decision { border-top: 1px solid var(--line); }
.scene-carousel { margin-block: 32px 40px; }
.scene-carousel .graph-scenarios { gap: 20px; }
.graph-scenarios .scene-photo-card { height: clamp(220px,20vw,280px); border-radius: var(--radius-panel); }
.graph-scenarios .scene-photo-card[aria-pressed=true] { box-shadow: inset 0 -3px var(--cyan); border-color: var(--cyan); }
.scene-photo-card img { transition: filter 300ms, transform 400ms; }
.scene-photo-copy { inset-inline: 24px; bottom: 32px; }
.scene-photo-copy strong { font-size: 25px; font-weight: 600; }
.scene-photo-copy small,.scene-photo-sub { font-size: 12px; }
.scene-transport button,.graph-controls .graph-condition-buttons button { min-height: 44px; border-radius: var(--radius-control); }
.graph-request { padding-block: 28px; border-block: 1px solid var(--line); }
.graph-request p { max-width: 460px; color: var(--muted); font-size: 14px; }
.graph-explanation { color: var(--muted); font-size: 15px; line-height: 1.85; }
.application-process { margin-top: 32px; }
.application-process > summary { min-height: 72px; font-size: 15px; }
/* Editorial customer story: original source order is preserved. */
.featured-case { grid-template-columns: minmax(0,5fr) minmax(0,7fr); border: 0; background: transparent; gap: 40px; align-items: stretch; }
.case-copy { padding: 24px 0; border-top: 1px solid var(--line); }
.case-copy h3 { font-size: var(--type-subheading); font-weight: 600; margin-top: 24px; }
.case-copy > p:not(.footnote) { font-size: 15px; line-height: 1.9; }
.case-scope { margin-top: 28px; }
.case-scope > span,.case-scope strong,.case-metrics div > span { font-size: 13px; }
.case-metrics { margin-block: 32px 28px; gap: 24px; }
.case-metrics strong { font-size: clamp(44px,4.6vw,68px); font-weight: 500; font-variant-numeric: tabular-nums; }
.case-photo { min-height: 550px; border-radius: var(--radius-panel); }
#cases .evidence-grid { margin-top: 48px; }
#cases .evidence-grid > article { background: transparent; padding: 32px 0; border: 0; border-top: 1px solid var(--line); }
#cases .evidence-grid p { max-width: 720px; }
.project-partners { margin-top: 64px; padding-top: 64px; }
.partner-table { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px; }
.project-partners .partner-row { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 18px; padding-block: 28px; align-items: baseline; border-top: 1px solid var(--line); }
.partner-row > div { grid-column: 2; }
.partner-row h3 { font-size: 20px; font-weight: 600; }
.partner-row strong { font-size: 24px; line-height: 1.5; font-weight: 500; }
.partner-row p { max-width: 520px; font-size: 15px; color: var(--muted); }
/* Repository and reference column. */
#developers { border-top: 1px solid var(--line); }
.developer-layout { grid-template-columns: minmax(0,7fr) minmax(0,5fr); gap: 48px; }
.repo-panel { padding: 36px; border-radius: var(--radius-panel); }
.repo-panel h3 { font-size: 32px; font-weight: 500; margin-top: 36px; }
.repo-panel > p:not(.footnote),.resource-list p { font-size: 15px; line-height: 1.85; }
.repo-bar { font-size: 12px; }
.code-block { margin-block: 32px; }
.code-block > div { padding-block: 12px; }
.code-block button { min-height: 44px; }
.resource-list article,.resource-list article:first-child { padding-block: 28px; border-top: 1px solid var(--line); }
.resource-list h3 { font-size: 24px; margin-block: 14px; }
.research-archive,.commercial-details { margin-top: 40px; }
.research-archive > summary,.commercial-details > summary { min-height: 72px; font-size: 16px; }
/* An editorial pause using the existing company statement. */
.about-section { background: #111419; }
.about-intro { grid-template-columns: minmax(0,7fr) minmax(0,5fr); gap: 72px; align-items: center; }
.about-intro h2 { font-size: clamp(38px,4vw,58px); line-height: 1.35; }
.about-intro > div:first-child > p { font-size: 16px; max-width: 680px; margin-top: 32px; }
.about-statement { padding-left: 40px; border-left-color: var(--line); }
.about-statement p { font-size: clamp(25px,2.5vw,36px); line-height: 1.6; font-weight: 500; }
.company-history { margin-top: 64px; }
.updates-grid { gap: 48px; }
.updates-grid article { padding-top: 28px; }
.updates-grid h3 { font-size: 26px; font-weight: 600; line-height: 1.45; margin: 20px 0 16px; }
.updates-grid p { font-size: 16px; max-width: 560px; color: var(--muted); }
.careers-section { background: transparent; }
.careers-layout { grid-template-columns: minmax(0,6fr) minmax(0,6fr); gap: 80px; align-items: start; }
.careers-layout > div:first-child { position: sticky; top: 112px; }
.careers-layout h2 { font-size: var(--type-heading); font-weight: 600; }
.careers-directions > div { padding: 28px 0; gap: 28px; }
.careers-directions h3 { font-size: 20px; font-weight: 500; }
.careers-directions > div:hover { border-color: var(--cyan); }
.careers-directions > p,.careers-email { font-size: 14px; color: var(--muted); }
/* Contact retains every field and its current submission behavior. */
.direct-contact-panel { padding: 36px 0; margin-bottom: 64px; grid-template-columns: minmax(0,7fr) minmax(0,5fr); }
.direct-contact-copy > p { font-size: 16px; color: var(--muted); }
.direct-contact-person { gap: 28px; }
.direct-contact-qr { width: 164px; border-radius: var(--radius-control); }
.contact-layout { grid-template-columns: minmax(0,5fr) minmax(0,7fr); gap: 64px; }
.contact-intro .role-list { display: block; }
.contact-intro .role-list a { display: flex; flex-direction: column; }
.contact-form { border-top: 1px solid var(--line); padding-top: 28px; }
.form-grid { gap: 24px; }
label { font-size: 14px; gap: 10px; color: var(--text); }
input,select,textarea { font-size: 16px; border-radius: var(--radius-control); min-height: 52px; padding: 14px 16px; background: var(--surface); }
input::placeholder,textarea::placeholder { font-size: 14px; color: var(--subtle); }
input:focus,select:focus,textarea:focus { border-color: var(--cyan); }
input:user-invalid,textarea:user-invalid { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
.form-note { font-size: 13px; color: var(--muted); margin-block: 24px; }
.role-list strong { font-size: 17px; }
.role-list a > span:not(.role-arrow) { font-size: 14px; }
.contact-intro .role-list a .role-arrow { display: block; }
footer { padding-top: 64px; }
.footer-top { gap: 32px; padding-bottom: 40px; align-items: center; }
.footer-directory { grid-template-columns: minmax(0,4fr) minmax(0,4fr) minmax(0,4fr); gap: 48px; padding-block: 40px 48px; }
.footer-directory h3 { font-size: 13px; margin-bottom: 20px; }
.footer-directory a { min-height: 44px; font-size: 15px; }
.footer-social { max-width: 340px; }
.community-qr-grid { gap: 24px; }
.community-qr-image { width: 132px; }
.community-resource-links { flex-wrap: wrap; gap: 8px 20px; }
.footer-directory .community-resource-links a { min-height: 44px; }
.footer-bottom { padding-block: 24px; gap: 20px; flex-wrap: wrap; }
.footer-information { padding-block: 12px 36px; font-size: 12px; }
.footer-information summary { min-height: 44px; }
.footer-information p { font-size: 12px; color: var(--muted); }
/* Reflow, never scale down the desktop page. */
@media (max-width:1279px) {
  :root { --page-gutter: 40px; --space-section: 108px; }
  .desktop-nav { display: none; }
  .menu-button { display: block; }
  .field-content > :not(.field-eyebrow) { max-width: 46%; }
  .field-hero .hero-desc { max-width: 43%; }
  .field-hero h1 { font-size: clamp(52px,5.5vw,68px); }
  .section-heading { gap: 36px; }
  #product .product-layer { column-gap: 36px; padding: 32px; }
  .agentos-flow { gap: 24px; }
  .agentos-flow article + article::before { left: -24px; width: 24px; }
  .agentos-foundation > div { display: block; }
  .cyber-tools-heading { display: grid; }
  .cyber-tools-grid > article { padding: 30px; }
  .featured-case { gap: 32px; }
  .developer-layout { gap: 32px; }
  .repo-panel { padding: 28px; }
  .about-intro,.careers-layout { gap: 48px; }
  .direct-contact-panel { grid-template-columns: minmax(0,6fr) minmax(0,6fr); gap: 32px; }
  .direct-contact-person { gap: 20px; }
  .direct-contact-qr { width: 140px; }
  .contact-layout { gap: 40px; }
}
@media (min-width:1280px) { .desktop-nav { display: flex; } .menu-button { display: none; } }
@media (max-width:1000px) {
  :root { --page-gutter: 32px; --space-section: 96px; }
  .field-hero { min-height: 800px; }
  .field-hero h1 { font-size: 52px; }
  .field-hero .hero-lead { font-size: 18px; }
  .field-hero .button-row { gap: 12px; }
  .section-heading,.cyber-tools-heading { grid-template-columns: 1fr; gap: 24px; }
  .section-heading > p,.cyber-tools-heading > p { max-width: 680px; }
  .agentos-flow { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; }
  .agentos-flow article + article::before { display: none; }
  #product .product-layer { column-gap: 28px; grid-template-columns: minmax(0,5fr) minmax(0,7fr); padding: 28px; }
  #product .product-layer h3 { font-size: 26px; }
  #product .product-layer .layer-top { flex-wrap: wrap; gap: 6px 12px; }
  .integration-guide ol,.product-relationship > div { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
  .cyber-tools-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
  .cyber-tools-grid > article { padding: 26px; }
  .featured-case,.developer-layout,.about-intro,.contact-layout { grid-template-columns: 1fr; gap: 40px; }
  .case-photo { min-height: 440px; }
  .case-copy { max-width: 720px; }
  .about-statement { padding-left: 24px; max-width: 560px; }
  .careers-layout { gap: 36px; }
  .direct-contact-panel { grid-template-columns: 1fr; }
  .direct-contact-person { justify-content: flex-start; }
  .footer-directory { grid-template-columns: 1fr 1fr; gap: 40px; }
  .footer-social { grid-column: 1 / -1; }
}
@media (max-width:760px) {
  :root { --page-gutter: 22px; --space-section: 80px; --type-heading: clamp(28px,7.2vw,36px); --type-subheading: 24px; }
  .site-header { height: 72px; }
  .nav-shell { width: calc(100% - 2 * var(--page-gutter)); gap: 10px; }
  .site-header .brand { width: 106px; }
  .nav-actions { gap: 10px; }
  .console-entry,.language-button { font-size: 12px; }
  .nav-contact { display: none; }
  .mobile-nav { max-height: calc(100dvh - 72px); }
  .field-hero { min-height: 1000px; max-height: none; height: auto; justify-content: flex-start; }
  .field-content { padding-block: 52px 0; }
  .field-content > :not(.field-eyebrow),.field-hero .hero-desc { max-width: 100%; }
  .field-hero h1 { font-size: clamp(42px,10.8vw,64px); line-height: 1.22; }
  .field-eyebrow { font-size: 10px; margin-bottom: 24px; }
  .field-hero .hero-lead { margin-top: 24px; font-size: 17px; }
  .field-hero .hero-desc { font-size: 14px; margin-top: 14px; max-width: 460px; }
  .field-hero .button-row { gap: 20px; margin-top: 28px; }
  .field-hero .button { font-size: 14px; min-width: 140px; }
  .field-contact { font-size: 13px; gap: 12px; }
  .field-vignette { background: linear-gradient(180deg,#080d12eb 0%,#080d12a8 35%,#080d1200 58%,#080d1214 73%,#080d12 96%); }
  .camera-caption { left: var(--page-gutter); right: var(--page-gutter); bottom: 146px; width: auto; max-width: none; }
  .camera-caption h2 { font-size: 20px; min-height: 3em; }
  .oak-journey { font-size: 11px; gap: 18px; }
  .field-footer { bottom: 20px; gap: 16px; }
  .field-footer-right { gap: 12px; }
  .field-sequence { gap: 12px; }
  .field-sequence i { width: 22px; }
  .section-heading { margin-bottom: 36px; }
  .eyebrow { font-size: 10px; letter-spacing: .035em; margin-bottom: 24px; }
  .agentos-map { margin: 40px 0 56px; padding-block: 24px; }
  .agentos-map figcaption { display: block; margin-bottom: 32px; }
  .agentos-map figcaption strong { display: block; margin-bottom: 12px; }
  .agentos-flow { grid-template-columns: 1fr; gap: 0; padding-left: 20px; border-left: 1px solid var(--line); }
  .agentos-flow article { border-top: 0; padding: 0 0 32px; }
  .agentos-flow article::after { left: -24px; top: 7px; }
  .agentos-flow article:last-child { padding-bottom: 0; }
  .agentos-flow h3 { margin: 12px 0; font-size: 23px; }
  .agentos-foundation { grid-template-columns: 1fr; gap: 20px; }
  #product .product-layer { display: block; padding: 26px 22px; }
  #product .product-layer h3 { font-size: 28px; margin-bottom: 20px; }
  #product .product-layer > .layer-tagline { font-size: 17px; }
  #product .product-layer > .muted { font-size: 14px; }
  .integration-guide { margin-top: 48px; padding-top: 32px; }
  .integration-guide ol,.product-relationship > div { grid-template-columns: 1fr; gap: 24px; }
  .product-relationship { margin-block: 32px; }
  .cyber-tools-grid { grid-template-columns: 1fr; }
  .cyber-tools-grid > article { padding: 28px 24px; }
  .cyber-tools-grid h3 { margin-top: 28px; }
  .scene-carousel .graph-scenarios { gap: 14px; scroll-padding-inline: 0; }
  .graph-scenarios .scene-photo-card { flex-basis: 88%; height: 240px; }
  .scene-photo-copy { inset-inline: 20px; }
  .scene-photo-copy strong { font-size: 24px; }
  .scene-transport button { min-width: 44px; padding: 8px; font-size: 11px; }
  .scene-carousel-top { align-items: flex-start; flex-wrap: wrap; }
  .scene-carousel-top > .micro { font-size: 11px; }
  .graph-request { padding-block: 24px; }
  .graph-request p { margin-top: 12px; font-size: 14px; }
  .graph-stage { margin-inline: 0; }
  .case-copy { padding-top: 24px; }
  .case-photo { min-height: 340px; }
  .case-metrics strong { font-size: 54px; }
  .partner-table { grid-template-columns: 1fr; gap: 8px; }
  .project-partners { margin-top: 40px; padding-top: 40px; }
  .repo-panel { padding: 24px 20px; }
  .repo-bar { font-size: 11px; }
  .repo-panel h3 { font-size: 29px; }
  .commercial-grid { grid-template-columns: 1fr; }
  .about-intro h2 { font-size: clamp(34px,9vw,44px); }
  .about-statement p { font-size: 28px; }
  .updates-grid,.careers-layout { grid-template-columns: 1fr; gap: 32px; }
  .updates-grid h3 { font-size: 24px; }
  .careers-layout > div:first-child { position: static; }
  .direct-contact-panel { margin-bottom: 40px; padding-block: 28px; }
  .direct-contact-person { gap: 20px; }
  .direct-contact-qr { width: 140px; }
  .contact-layout { gap: 32px; }
  .form-grid { grid-template-columns: 1fr; gap: 22px; }
  .footer-top { display: flex; flex-wrap: wrap; gap: 24px; padding-bottom: 32px; }
  .footer-top > p { width: 100%; order: 2; }
  .footer-top .back-top { margin-left: auto; }
  .footer-directory { gap: 28px; padding-block: 32px; }
  .footer-social { max-width: 340px; width: 100%; }
  .community-qr-grid { gap: 24px; }
  .footer-bottom { align-items: flex-start; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
/* Keep the legacy English overrides inside the same composition as Chinese. */
html[lang="en"] .field-hero h1 { max-width: 43%; font-size: clamp(46px,4.4vw,66px); line-height: 1.16; }
html[lang="en"] .field-hero .hero-lead { max-width: 42%; font-size: clamp(17px,1.35vw,20px); line-height: 1.7; }
html[lang="en"] .field-hero .hero-desc { max-width: min(420px,42%); font-size: 15px; line-height: 1.85; }
@media (min-width:761px) and (max-width:1000px) {
  html[lang="en"] .field-hero h1 { font-size: 40px; }
  html[lang="en"] .field-hero .hero-desc { font-size: 14px; }
}
@media (max-width:760px) {
  html[lang="en"] .field-hero { min-height: 1000px; }
  html[lang="en"] .field-hero h1 { max-width: 100%; font-size: clamp(36px,9.4vw,60px); line-height: 1.22; }
  html[lang="en"] .field-hero .hero-lead { max-width: 100%; font-size: 17px; }
  html[lang="en"] .field-hero .hero-desc { max-width: 460px; font-size: 14px; }
}

/* Hero environment: scoped to the existing first section. */
@media (min-width:761px) {
  .field-hero { min-height:100svh; height:100svh; max-height:none; }
}

.field-hero { background:radial-gradient(ellipse at 73% 46%,#0c141a 0%,#090f14 44%,#080d12 82%); }

@media (min-width:761px) and (max-width:1099px) {
  .field-vignette { background:linear-gradient(90deg,#080d12f5 0%,#080d12e6 35%,#080d1280 49%,#080d1200 72%),linear-gradient(0deg,#080d12 0%,#080d1200 24%); }
}

/* Quiet editorial sections: remove decorative rails while retaining interactive boundaries. */
#decision,#developers,.context-explorer,.graph-request,.graph-explanation,.context-feedback,
.case-copy,.contact-form,.project-partners .partner-row,.resource-list article,
.resource-list article:first-child,#cases .evidence-grid > article,.agentos-flow article {
  border-top:0; border-bottom:0;
}
.agentos-flow article::after,.agentos-flow article + article::before { display:none; }
#contextExplorer .context-branches { display:none; }
.product-section { background:linear-gradient(180deg,#080d12,#0b1015 260px,#0d1116 62%,#0b0d10); }

main > section,#home,.cyber-tools,.context-map,.booking-panel,.direct-contact-panel,.field-footer,.field-story,.integration-guide { border-top:0; border-bottom:0; }

/* Readable editorial typography: neutral ink levels, comfortable body, restrained labels. */
:root {
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --text: #f5f5f3;
  --muted: #d0d3d6;
  --subtle: #adb4bc;
  --type-body: clamp(16px,1.18vw,18px);
  --type-caption: 13px;
}
body { font-family:var(--font); font-size:var(--type-body); line-height:1.7; }
#main :is(h1,h2,h3,h4) { color:var(--text); letter-spacing:-.018em; }
html[lang^=zh] #main :is(h1,h2,h3,h4) { letter-spacing:0; }
#main p { color:var(--muted); font-size:var(--type-body); line-height:1.8; }
#main .section-heading > p { max-width:600px; }
#main :is(.eyebrow,.micro),#main small { font-family:var(--font); color:var(--subtle); font-size:13px; letter-spacing:.025em; line-height:1.5; }
#main :is(.footnote,.form-note,.tool-accuracy-note p,.direct-contact-person p),footer p { font-size:14px; line-height:1.75; color:var(--subtle); }
#main .hero-lead { font-size:clamp(19px,1.5vw,23px); line-height:1.65; color:#edf0f1; }
#main .hero-desc { font-size:17px; line-height:1.8; max-width:min(460px,43%); }
#main .about-statement p { color:var(--text); font-size:clamp(30px,3.3vw,48px); font-weight:500; line-height:1.45; }
.desktop-nav a { font-size:14px; color:#e2e5e7; }
.console-entry,.language-button { color:var(--muted); font-size:13px; }
#main :is(.text-link,.field-contact,summary) { font-size:15px; }
#main .field-contact { color:#e2e5e7; }
#main .field-sequence,#main .field-footer a { font-size:13px; color:var(--muted); }
#main .oak-journey { font-size:13px; color:var(--subtle); }
#main .oak-journey > span.complete { color:#c7d9d8; }
#main .oak-journey > span.active { color:var(--text); }
#main .camera-caption h2 { color:#edf0f1; font-weight:500; }
#main .agentos-flow p,#main .integration-guide p,#main .product-relationship p { line-height:1.8; }
#main .agentos-foundation > div { color:var(--muted); font-size:14px; line-height:1.65; }
#main .scene-photo-sub { color:#e0e5e7; font-size:14px; line-height:1.6; }
#main .scene-photo-copy small { color:#cad3d8; font-size:12px; letter-spacing:.06em; }
#main .graph-note,#main .graph-legend { color:var(--subtle); font-size:12px; }
#main .graph-controls,#main .graph-condition-buttons button,#main .graph-replay,#main .scene-transport button { font-size:14px; }
#contextExplorer .graph-stage .graph-node { opacity:.8; text-shadow:0 1px 5px #080d12; }
#contextExplorer .graph-stage .graph-node.active { opacity:1; }
#contextExplorer .graph-stage .graph-node small { font-size:12px; color:#bbc5cb; }
#contextExplorer .graph-stage .graph-node strong { font-size:15px; line-height:1.65; color:#e0e6e9; }
#contextExplorer .graph-stage .graph-node[data-node^=action].active strong { color:#f2cf94; }
#contextExplorer .graph-hub strong { font-size:14px; color:#e0e6e9; }
#contextExplorer .graph-hub small { font-size:12px; }
#main .graph-request p { font-size:16px; }
#main .graph-explanation { color:var(--muted); font-size:16px; }
#main .careers-directions p,#main .timeline p { font-size:15px; }
#main :is(input,select,textarea) { font-size:16px; color:var(--text); }
#main :is(input,textarea)::placeholder { color:var(--subtle); opacity:1; font-size:15px; }
footer :is(.footer-bottom,.footer-information,.community-resource-links a) { font-size:14px; color:var(--muted); }
footer .footer-directory h3,footer .community-qr-card figcaption { color:#e5e8e9; font-size:14px; }
footer .footer-directory a { color:#e0e4e6; }
@media(max-width:1100px) and (min-width:901px) {
  .desktop-nav { gap:16px; }
  .nav-shell { gap:18px; }
}
@media(max-width:760px) {
  #main .hero-desc { max-width:100%; font-size:16px; line-height:1.75; }
  #main .hero-lead { font-size:19px; }
  #main .eyebrow { font-size:12px; letter-spacing:.02em; }
  #main .field-sequence,#main .field-footer a,#main .oak-journey { font-size:12px; }
  #main .graph-condition-buttons button { font-size:13px; }
  #main .scene-photo-sub { font-size:13px; }
  #main .graph-controls { gap:14px; }
}

/* Centered Hero composition; existing particles and camera journey remain intact. */
@media(min-width:761px) {
  #home .field-content { position:absolute; left:var(--page-gutter); right:var(--page-gutter); bottom:220px; width:auto; padding:0; margin:0; }
  #home .field-content > :not(.button-row) { max-width:330px; }
  #home .field-eyebrow { font-size:11px; margin-bottom:18px; }
  #home h1 { font-size:clamp(34px,3.2vw,48px); line-height:1.22; }
  #main #home .hero-lead { max-width:350px; margin-top:26px; font-size:18px; line-height:1.7; }
  #main #home .hero-desc { max-width:330px; margin-top:18px; font-size:16px; line-height:1.8; }
  #home .button-row { position:absolute; right:0; top:48%; max-width:200px; display:flex; flex-direction:column; align-items:flex-start; gap:24px; margin:0; }
  #home .button-row .button { min-width:164px; white-space:nowrap; gap:20px; }
  #home .field-contact { padding-left:12px; }
  #home .camera-caption { left:50%; right:auto; bottom:100px; transform:translateX(-50%); width:420px; max-width:40%; text-align:center; }
  #home .oak-journey { justify-content:center; }
  #home .field-vignette { background:linear-gradient(90deg,#080d12d9 0%,#080d1280 20%,transparent 37%,transparent 77%,#080d1270 100%),linear-gradient(0deg,#080d12 0%,transparent 22%); }
}
@media(min-width:761px) and (max-width:1100px) {
  #home .field-content { left:32px; right:32px; bottom:190px; }
  #home .field-content > :not(.button-row),#main #home .hero-desc { max-width:270px; }
  #main #home .hero-lead { max-width:280px; font-size:17px; }
  #home .button-row { max-width:180px; }
  #home .button-row .button { min-width:164px; padding-inline:16px; }
  #home .field-contact { font-size:14px; padding-left:0; }
  #home .camera-caption { max-width:46%; }
}
@media(max-width:760px) {
  #home .camera-caption { text-align:center; }
  #home .oak-journey { justify-content:center; }
}