/* Compact architecture demo: shared rows, restrained surfaces, readable content. */
.proposal .page-intro{padding-bottom:15px;margin-bottom:0}
.proposal .proposal-jump{padding:12px 0;gap:28px}
.proposal #system{padding:28px 0}
.system-v2 .section-title small{font-size:10px;letter-spacing:1.4px;margin-bottom:7px}
.proposal .system-v2 .section-title h2{font-size:25px}
.system-summary{font-size:14px;color:#536d7b;max-width:900px;margin:10px 0 22px}
.system-architecture{color:#163f56}
.architecture-layer{display:grid;grid-template-columns:170px minmax(0,1fr);border-top:1px solid #bdced9;border-bottom:1px solid #dbe5eb;background:#fff;scroll-margin-top:20px}
.layer-heading{padding:20px 18px 20px 0}
.layer-title{display:flex;align-items:center;gap:12px}
.layer-title svg{width:34px;height:34px;flex-shrink:0;color:#28607d}
.proposal .layer-heading h3{font-size:22px;line-height:1.25;margin:0;color:#163f56}
.layer-heading h3 small{display:block;font-size:11px;font-weight:400;color:#6b8390;margin-top:5px}
.people-duties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:center;padding:20px 0 20px 20px}
.system-architecture h4{font-size:15px;line-height:1.5;margin:0 0 5px}
.people-duties p{font-size:12px;color:#607986;margin:0;line-height:1.7}
.platform-body{padding:20px 0 20px 20px;min-width:0}
.core-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 25px}
.core-module p{font-size:13px;line-height:1.75;color:#536d7b;margin:0}
.layer-connector{display:flex;gap:80px;padding:0 0 0 190px;min-height:38px}
.flow-lane{display:flex;align-items:center;gap:9px;color:#3d6c82}
.flow-lane svg{height:36px;width:16px;flex-shrink:0}
.flow-lane strong{font-size:11px;font-weight:400}
.flow-lane.up{color:#43817e}.flow-lane.up path{stroke-dasharray:4 3}
.execution-body{padding:17px 0 18px 20px;min-width:0}
.execution-description strong{display:block;font-size:13px;font-weight:400;color:#536d7b;margin-bottom:12px}
.robot-lineup{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.robot-lineup figure{margin:0;min-width:0}
.robot-lineup img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f4f7f9}
.robot-lineup figcaption{font-size:12px;text-align:center;padding-top:6px;color:#355c71}
.data-integration{display:grid;grid-template-columns:minmax(220px,.85fr) 70px minmax(0,1.6fr);gap:16px;align-items:stretch;scroll-margin-top:20px}
.data-source,.data-destination{border:1px solid #cfdee5;padding:18px 20px;background:#f7fafb;min-width:0}
.data-source{display:flex;align-items:center;gap:13px}
.data-source>svg,.destination-title>svg{width:32px;height:32px;flex-shrink:0;color:#28607d}
.proposal .data-integration h3{font-size:18px;margin:0;color:#163f56}
.data-integration p{font-size:12px;margin:7px 0 0;color:#607986}
.destination-title{display:flex;gap:11px;align-items:center}
.destination-title>svg{width:27px;height:27px}
.integration-arrow{align-self:center;text-align:center;color:#3d6c82}
.integration-arrow>span{display:block;font-size:31px;line-height:1}
.integration-arrow>small{display:block;font-size:10px;margin-top:5px}
.customer-system-names{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:5px 0}
.customer-system-names li{font-size:12px;line-height:1.5;color:#536d7b}
.customer-system-names li:not(:last-child):after{content:' / ';white-space:pre;color:#9aadb7}
.architecture-note{font-size:10px;color:#7c909b;text-align:right;margin:12px 0 0}
.proposal .compact-section{padding:27px 0}
@media(max-width:900px){
.architecture-layer{grid-template-columns:145px minmax(0,1fr)}
.layer-heading{padding-right:10px}
.layer-title{gap:9px}.layer-title svg{width:30px;height:30px}
.people-duties,.platform-body,.execution-body{padding-left:12px}
.core-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}
.people-duties{gap:14px}
.layer-connector{padding-left:157px;gap:30px}
.robot-lineup{gap:7px}
.data-integration{grid-template-columns:minmax(190px,.85fr) 45px minmax(0,1.6fr);gap:12px}
.data-source,.data-destination{padding:16px}
}
@media(max-width:650px){
.proposal #system{padding-top:23px}
.proposal .system-v2 .section-title h2{font-size:22px}
.system-summary{font-size:13px;margin-bottom:18px}
.architecture-layer{grid-template-columns:1fr}
.layer-heading{padding:15px 0 10px}
.layer-title{gap:10px}
.proposal .layer-heading h3{display:flex;align-items:center;gap:13px;font-size:20px}
.layer-heading h3 small{margin:0;font-size:11px}
.people-duties{grid-template-columns:1fr;padding:0 0 15px;gap:10px}
.people-duties>div{display:grid;grid-template-columns:108px minmax(0,1fr);gap:9px;align-items:baseline}
.system-architecture h4{font-size:14px;margin-bottom:4px}
.people-duties h4{margin:0}.people-duties p{font-size:12px}
.platform-body{padding:3px 0 17px}
.core-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.core-module p{font-size:12px}
.layer-connector{padding-left:9px;gap:28px;min-height:34px}
.flow-lane svg{height:32px;width:14px}.flow-lane strong{font-size:10px}
.execution-body{padding:0 0 17px}
.execution-description strong{font-size:12px;margin-bottom:10px}
.robot-lineup{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 9px}
.robot-lineup figcaption{font-size:11px;padding-top:4px}
.data-integration{grid-template-columns:1fr;gap:8px}
.data-source,.data-destination{padding:15px 17px}
.integration-arrow{justify-self:start;display:flex;align-items:center;gap:10px;margin-left:20px}
.integration-arrow>span{transform:rotate(90deg);font-size:25px}
.integration-arrow>small{margin:0}
.proposal .data-integration h3{font-size:17px}
.customer-system-names li{font-size:12px}
.architecture-note{text-align:left;font-size:10px;line-height:1.7}
}
.terminal-caption{font-size:11px;color:#7c909b;text-align:right;margin:9px 0 0}
@media(max-width:650px){.terminal-caption{font-size:10px;text-align:left;line-height:1.7}}
.robot-lineup img[src$="-cutout.png"]{background:transparent}
.proposal .business-visual{margin:18px 0 0}
.proposal .business-visual-frame{aspect-ratio:11/4}
.proposal .business-visual img{width:100%;height:100%;object-fit:contain}
.proposal .business-visual figcaption{font-size:10px;color:#7c909b}
.proposal .business-visual-frame{aspect-ratio:3/1}.proposal .business-visual img{object-fit:contain}
.proposal{padding-bottom:64px}
.proposal .business-visual{margin-bottom:0}
.proposal-section{border-bottom:1px solid #d8e2e7}
.section-title small{display:block;color:#627e8c;font-size:11px;letter-spacing:1.6px;margin-bottom:10px}
.proposal .section-title h2{margin:0;font-size:25px;line-height:1.4}
.industry-icons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:25px}
.industry-icons>div{text-align:center;padding:9px 0}
.industry-icons svg{width:42px;height:42px;color:#39667d;margin-bottom:13px}
.proposal .industry-icons h3{font-size:15px;font-weight:500;margin:0}
.domain-footnote{font-size:13px;color:#80949e;text-align:center;margin:20px 0 0}
.proposal .contact-strip{margin-top:24px}
html[lang=en] .layer-heading h3{font-size:20px}
html[lang=en] .core-module h4{font-size:14px}
@media(max-width:800px){.industry-icons{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.industry-icons{gap:18px 8px}.proposal .industry-icons h3{font-size:13px}html[lang=en] .people-duties>div{grid-template-columns:1fr;gap:0}html[lang=en] .layer-title h3{gap:10px}}
