/* Silver glass: shared material, real HTML text, no architecture bitmap. */
:root {
  --ink: #1d2430;
  --muted: #667386;
  --pale: #f6f9fd;
  --line: #dce5ef;
  --glass: linear-gradient(135deg, #fffffffa 0%, #edf3fac9 45%, #e5eef9c7 70%, #ffffffed 100%);
  --glass-shadow: inset 0 1px 1px #fff, inset 0 -1px 2px #a8bdd43b, 0 0 0 1px #bbcde270, 0 16px 36px #597ca51a;
}
.glass-surface {background:var(--glass);border:1px solid #fff;box-shadow:var(--glass-shadow);position:relative}
.glass-surface::after {content:'';position:absolute;inset:3px;border:1px solid #ffffffb8;border-radius:inherit;pointer-events:none}
.hero {background:radial-gradient(ellipse at 80% 44%,#e7effa90,transparent 55%),linear-gradient(125deg,#fbfdff,#f5f9fd)}
.hero::before {display:none}
.hero h1 em {color:var(--ink)}
.hero-visual.hero-architecture {max-width:500px;padding:0;line-height:1.6;color:var(--ink);isolation:isolate}
.decision-architecture {container-type:inline-size;position:relative;margin:0;width:100%;text-align:center;line-height:1.5}
.architecture-caption {font-size:12px;letter-spacing:.32em;color:#64748b;margin:0 0 18px;padding-left:.32em}
.architecture-agent {width:78%;margin:auto;border-radius:clamp(28px,8cqw,42px);padding:20px 10px 10px;box-shadow:inset 0 1px 2px #fff,0 0 0 1px #8eb9f2a6,0 20px 36px #6384ae26}
.architecture-brand {font-size:clamp(14px,3.6cqw,18px);font-weight:600;color:var(--blue)}
.architecture-agent h2 {font-size:clamp(27px,7.5cqw,38px);letter-spacing:-.035em;margin:5px 0 4px;font-weight:650;line-height:1.3}
.architecture-subtitle {font-size:clamp(12px,3.5cqw,17px);color:#65738a;margin:0 0 14px}
.architecture-engines {display:grid;grid-template-columns:1fr 1fr;padding:10px 0 12px;background:linear-gradient(140deg,#ffffff91,#f5f9fc4d);border:1px solid #ffffffd9;border-radius:clamp(22px,6cqw,30px)}
.architecture-engine {display:block;position:relative;min-width:0;padding:0 2px;border-radius:20px}
.architecture-engine + .architecture-engine::before {content:'';position:absolute;left:0;top:8px;bottom:5px;width:1px;background:linear-gradient(transparent,#b7c9e0,transparent)}
.architecture-engine h3 {font-size:clamp(17px,4.5cqw,23px);margin:4px 0 3px;line-height:1.4;letter-spacing:-.03em}
.architecture-engine p {font-size:clamp(12px,3.2cqw,16px);margin:0;color:#65738a}
.engine-symbol {display:block;height:clamp(43px,12cqw,60px);width:70px;position:relative;margin:0 auto 4px}
.layers-symbol i {position:absolute;width:39px;height:39px;left:15px;top:3px;transform:rotateX(57deg) rotateZ(45deg);background:linear-gradient(135deg,#e9f3ffcf,#9cc5ffb5);border:1px solid #f9fcff;box-shadow:3px 3px 0 #8eb8f286,6px 6px 9px #548cc537}
.layers-symbol i:nth-child(1) {top:20px}.layers-symbol i:nth-child(2) {top:11px}.layers-symbol i:nth-child(3) {top:2px}
.learning-symbol i {position:absolute;top:7px;left:8px;width:43px;height:43px;border-radius:50%;background:radial-gradient(circle at 26% 24%,#ffffffbf,#8fbbfc80 70%,#78a9f158);border:1px solid #bcd8ff;box-shadow:inset 1px 1px 3px #fff,0 6px 10px #4c86cb18}
.learning-symbol i + i {left:29px;top:9px;background:linear-gradient(125deg,#81b2ff85,#e2ecfc55);border-color:#c3d8f9a3}
.architecture-merge {display:block;width:80%;height:auto;margin:0 auto;overflow:visible;stroke:#83aff0;stroke-width:1.1}
.architecture-merge .path-highlight {stroke:#fff;stroke-width:3.6}.architecture-merge circle {fill:#3b9eff;stroke:#b8d8ff}
.architecture-box {width:88%;margin:0 auto;display:flex;flex-direction:column;border-radius:21px;padding:11px 10px 12px}
.architecture-box strong {font-size:clamp(23px,6.1cqw,31px);line-height:1.3;font-weight:650;letter-spacing:-.04em}
.architecture-box>span {font-size:clamp(12px,3.3cqw,16px);color:#65738a;margin-top:2px}
.architecture-feedback>span {display:block;position:relative;width:1px;height:20px;background:#8ab8fa;margin:auto}
.architecture-feedback>span::after {content:'';position:absolute;bottom:0;left:-2px;width:5px;height:5px;border-radius:50%;background:#78b7fc;box-shadow:0 1px 3px #79b6ff50}
.architecture-feedback p {font-size:clamp(12px,3.4cqw,16px);margin:6px 0 11px;color:#45546b}
.architecture-feedback b {font-weight:400;color:#849cbe;margin:0 5px}
.architecture-sites {width:84%;display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin:0 auto 28px;padding-top:14px}
.architecture-sites::before {content:'';position:absolute;top:0;left:12.5%;right:12.5%;height:1px;background:#a0b7d4}
.architecture-sites::after {content:'';position:absolute;top:-11px;height:11px;left:50%;border-left:1px solid #a0b7d4}
.architecture-sites a {position:relative;padding-top:6px;font-size:clamp(12px,3.3cqw,16px);color:#45546b}
.architecture-sites a::before {content:'';position:absolute;left:50%;top:-14px;height:15px;width:1px;background:#a0b7d4}
.architecture-sites a::after {content:'';position:absolute;left:calc(50% - 2px);top:-1px;width:5px;height:5px;border-radius:50%;background:linear-gradient(#e9f3ff,#8eaacb);box-shadow:0 0 0 1px #bbcbe15c}
.architecture-foundation {display:block;width:83%;margin:0 auto;padding:17px 12px 13px;border-radius:23px}
.architecture-foundation h3 {font-size:clamp(17px,4.5cqw,22px);line-height:1.4;margin:0 0 3px;letter-spacing:-.03em}
.architecture-foundation p {font-size:clamp(12px,3cqw,14px);line-height:1.5;color:#65738a;margin:0 0 11px}
.architecture-foundation>div {display:flex;justify-content:center;align-items:center;gap:clamp(6px,2.5cqw,13px);border-top:1px solid #bccfe36b;padding-top:10px;font-size:clamp(12px,2.8cqw,14px);white-space:nowrap;color:#45546b}
.architecture-foundation i {font-style:normal;color:#88a1c4}
.architecture-support {position:absolute;top:32%;bottom:16%;left:1.5%;width:9.5%;border:1px dashed #80aff5;border-right:0;border-radius:20px 0 0 20px;z-index:-1}
.architecture-support::before,.architecture-support::after {content:'';position:absolute;right:-3px;width:6px;height:6px;background:linear-gradient(#c7e3ff,#2e9afa);border-radius:50%;box-shadow:0 0 3px #a8d4ff}
.architecture-support::before{top:-3px}.architecture-support::after{bottom:-3px}
.architecture-support>span {position:absolute;top:43%;left:-7px;padding:5px 2px;font-size:12px;line-height:1.3;writing-mode:vertical-rl;color:#64758e;background:#f7faff}
.architecture-engine:hover h3,.architecture-sites a:hover,.architecture-box:hover strong,.architecture-foundation:hover h3 {color:var(--blue-dark)}
@media(max-width:700px) {.hero-visual.hero-architecture{max-width:460px;margin-top:45px}.architecture-agent{padding-top:18px}.architecture-caption{margin-bottom:17px}.architecture-support>span{font-size:12px}}

/* Apply the same quiet material across all five pages without changing their layout. */
body {-webkit-font-smoothing:antialiased;background:#fdfefe}
h1,h2,h3 {color:var(--ink)}
.nav,.scrolled .nav {background:#ffffffce;border-color:#ffffffed;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);box-shadow:inset 0 1px 0 #fff,0 0 0 1px #dae3ed85,0 8px 28px #425c7810}
.nav-contact {background:#27313f;box-shadow:inset 0 1px 1px #ffffff36}
.nav-links>a[aria-current=page] {text-decoration:none}
.btn {border-radius:24px;transition:background .2s,box-shadow .2s,transform .2s}
.btn.primary,.contact-box .btn.primary {background:linear-gradient(180deg,#1685fc,#0870e9);color:white;box-shadow:inset 0 1px 0 #ffffff40,0 4px 10px #0875f515;border-color:#0870e929}
.btn.primary:hover,.contact-box .btn.primary:hover {background:linear-gradient(180deg,#087cf5,#0964cd)}
.btn.outline,.contact-box .btn.outline {color:#2868b3;border-color:#c5d7e9;background:#ffffffa8;box-shadow:inset 0 1px 0 #fff}
.btn.outline:hover,.contact-box .btn.outline:hover {background:#edf5ff}
.kicker {color:#627b9b}
.hero .kicker {color:#425870}
.hero-trust {color:#748195}
.scroll-cue {color:#95adc8;animation:none}
.soft {background:linear-gradient(135deg,#f8fafc,#f3f7fc 65%,#f8fafc)}
.page-hero {background:radial-gradient(ellipse at 75% 40%,#dfeaf870,transparent 60%),linear-gradient(135deg,#fdfefe,#f4f8fd)}
.page-hero h1 em {color:#475e7b}
.section-head h2 {letter-spacing:-.025em}
.section-head .kicker {color:#72859e;letter-spacing:.13em}
.position-strip {background:#fdfefe;border-block:1px solid #e6edf4}
.position-strip strong {color:#3b4b61;font-size:19px}
.position-strip span {color:#748195}
.story-grid {border-radius:25px;border-color:#fff;background:var(--glass);box-shadow:var(--glass-shadow)}
.story-grid article:nth-child(2n),.story-grid article:nth-child(n+3) {border-color:#d9e3ef99}
.story-grid article>span {color:#c9d6e454;font-weight:500}
.story-grid article h3::before {height:1px;background:#8cb4e8}
.aibox-visual {padding:56px 22px 18px;background:var(--glass);border:1px solid #fff;box-shadow:var(--glass-shadow);border-radius:30px}
.aibox-visual>img {mix-blend-mode:multiply;border-radius:16px}
.hardware-label {top:19px;left:28px;color:var(--ink);font-size:24px;font-weight:600;letter-spacing:-.04em}
.aibox-visual>p {color:#687c95}
.tech-cards {gap:18px;padding-top:0}
.tech-card,.tech-card:first-child,.tech-card:last-child,.tech-card.featured {background:var(--glass);color:var(--ink);border:1px solid #fff;box-shadow:var(--glass-shadow);border-radius:25px;margin:0;padding:32px 27px;min-width:0}
.tech-card.featured {background:linear-gradient(145deg,#ffffff,#e9f2ff 60%,#edf4fd);box-shadow:inset 0 1px 1px #fff,0 0 0 1px #adcaed80,0 16px 36px #597ca51a}
.tech-card h3 {font-size:24px;letter-spacing:-.025em}
.tech-card p,.tech-card.featured p {color:var(--muted)}
.tech-card .card-category,.tech-card.featured .card-category {background:#ffffff8c;color:#617c9e;border:1px solid #d5e2ef8c;border-radius:20px;padding:3px 10px}
.card-bottom,.tech-card.featured .card-bottom {color:#485e79;border-top:1px solid #c8d8e766;padding-top:16px}
.card-bottom b,.tech-card.featured .card-bottom b {color:#4d8dd8}
.tech-card:hover {transform:translateY(-3px);box-shadow:inset 0 1px 1px white,0 0 0 1px #a9c6e8a1,0 19px 36px #597ca524}
.solution-preview-card,.capability-card,.plain-card,.solution-control,.office-grid article {background:var(--glass);border:1px solid #fff;border-radius:25px;box-shadow:var(--glass-shadow)}
.solution-preview-card:hover {background:linear-gradient(135deg,#fff,#eaf2fd);box-shadow:inset 0 1px 1px white,0 0 0 1px #b4ccea,0 18px 35px #597ca522}
.solution-preview-card .icon,.capability-card .icon {color:#608fc6;filter:drop-shadow(0 3px 4px #85afdc20)}
.tiny-label,.site-types,.office-grid article>span {color:#72839a}
.inline-solutions>a {border-color:#d2deeb;color:#465c76}
.tag {background:#ffffff91;border-color:#cedceb;border-radius:20px;color:#5b779a}
.sequence-diagram {background:var(--glass);border:1px solid #fff;box-shadow:var(--glass-shadow);border-radius:28px;padding:28px 22px}
.sequence-core,.diagram-block {color:var(--ink);background:linear-gradient(130deg,#fff,#e2edfb 60%,#f2f7fe);border:1px solid #fff;border-radius:18px;box-shadow:inset 0 1px 1px white,0 0 0 1px #b5cce885,0 9px 21px #6e8bab19;font-weight:600}
.sequence-core small,.diagram-block small {color:#657d99}
.data-sources span,.mini-sources span,.prediction-row span {background:#ffffff91;border:1px solid #dce7f3;border-radius:10px;color:#657d99}
.sequence-diagram>p,.diagram-note {color:#73849b}
.case-panel {border-color:#fff;border-radius:27px;box-shadow:var(--glass-shadow);background:var(--glass)}
.case-visual {background:#e9f1fa}
.case-results strong {color:#315f97;font-weight:600}
.case-results span {color:#65778f}
.agent-product-visual {padding:26px 22px 18px;border-radius:35px;border:1px solid #fff;background:var(--glass);box-shadow:var(--glass-shadow)}
.agent-center {background:transparent;color:var(--ink);border-radius:26px 26px 0 0;font-weight:600;letter-spacing:-.035em;padding:18px 12px 25px}
.agent-center small {color:#667991;letter-spacing:0}
.ability-row {background:#ffffff87;border:1px solid #fff;border-radius:18px;color:#55769d;box-shadow:0 0 0 1px #d2e0f099}
.ability-row span+span {border-color:#d6e2ee}
.agent-product-visual .edge-node {background:linear-gradient(145deg,#fff,#e4edf9);border:1px solid #fff;box-shadow:var(--glass-shadow);border-radius:18px;flex-direction:column;gap:0;padding:12px}
.edge-node strong {color:var(--ink);letter-spacing:-.03em}.edge-node span {color:#657d99}
.field-label {color:#65778f;margin:16px 0 0}
.connector {font-size:21px;color:#92b2d9}
.horizontal-flow article {background:var(--glass);border:1px solid #fff;box-shadow:inset 0 1px 1px #fff,0 0 0 1px #c4d5e780,0 8px 22px #698aac12;border-radius:18px}
.horizontal-flow article>span,.plain-card .index,.four-steps span {color:#7097c4}
.loop-caption {border-color:#c4d6eb;border-radius:0 0 18px 18px;color:#687e9a}
.model-diagram {background:var(--glass);border:1px solid #fff;border-radius:30px;box-shadow:var(--glass-shadow)}
.learning-steps>div>span {background:linear-gradient(135deg,#fff,#e2edfb);border-color:#fff;color:#638bb9;box-shadow:0 0 0 1px #b5cce8,0 4px 9px #7a9bc326}
.foundation-section {background:radial-gradient(ellipse at 50% 45%,#e8f0fa,#f8fafc 80%);border-block:1px solid #e4ebf2}
.foundation-path>div,.foundation-path .highlight {background:var(--glass);border:1px solid #fff;border-radius:20px;box-shadow:var(--glass-shadow);color:var(--ink)}
.foundation-path .highlight {background:linear-gradient(125deg,#fff,#e0ecfc 65%,#f0f6ff);box-shadow:inset 0 1px 1px white,0 0 0 1px #a7c5ed90,0 15px 35px #597ca51a}
.foundation-path .highlight p {color:#65778f}
.foundation-status {color:#697e98}
.research-boundary {background:#ffffff8f;border:1px solid #dce6f1;border-radius:18px}
.research-boundary strong {color:#55769d}
.architecture-table {border-color:#fff;border-radius:24px;background:var(--glass);box-shadow:var(--glass-shadow)}
.architecture-table>div+div {border-color:#d8e3ef}
.architecture-table>div>span {color:#6687b0}
.scenario-tabs a {background:#ffffffa8;border-color:#d7e2ef;color:#607c9d;box-shadow:inset 0 1px 0 #fff,0 3px 10px #6a8baa09}
.control-label {color:#6284aa}
.value-line {background:#ffffffa1;border:1px solid #dfe8f3;border-radius:14px}
.value-line span {color:#56769f}
.about-facts {border-color:#d9e4ef}
.about-facts strong {color:#3e5a7b}
.contact-section {background:linear-gradient(#fff,#f8fafc)}
.contact-box {background:linear-gradient(130deg,#fffffff2,#e7efface 55%,#f9fcff);color:var(--ink);border:1px solid #fff;border-radius:32px;box-shadow:var(--glass-shadow)}
.contact-box h2 {font-weight:600;color:#26364b}
.contact-box p,.contact-email {color:#677c96}
.footer {background:#f4f7fb;color:#748298;border-top:1px solid #e0e8f1}
.footer a,.footer-brand {color:#405b7c}
.footer .wrap>div>strong {color:#455d7c}
.footer .wrap>div>a {color:#738399}
.footer .wrap>div>a:hover,.footer-bottom a:hover {color:var(--blue-dark)}
.footer-bottom {border-color:#dce5ef}
.wechat-dialog {background:linear-gradient(135deg,#fff,#f2f7fe);border:1px solid #fff;border-radius:28px;box-shadow:0 0 0 1px #cad9eb,0 24px 70px #264b7826}
.wechat-dialog::backdrop {background:#31486559}
.engine-symbol {min-height:58px}
@media(max-width:1000px) {
  .tech-cards {gap:14px}.tech-card,.tech-card.featured {padding:28px 21px}.tech-card h3 {font-size:21px}
  .position-strip strong {font-size:18px}
}
@media(max-width:800px) {
  .tech-card,.tech-card.featured {padding:25px 18px}.tech-card h3 {font-size:20px}
  .sequence-diagram {padding:24px 14px}.data-sources span {padding-inline:4px}
}
@media(max-width:700px) {
  .nav-links {background:#f9fcfff5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #e1e9f2;border-radius:22px}
  .position-strip strong {font-size:16px}.position-strip span {font-size:12px}
  .tech-cards {gap:20px}.tech-card,.tech-card:first-child,.tech-card:last-child,.tech-card.featured {padding:28px;border-radius:23px}.tech-card h3 {font-size:25px}
  .aibox-visual {padding-top:55px}.hardware-label {top:17px}
  .contact-box {border-radius:26px;padding:38px 22px}.contact-box h2 {font-size:25px}
  .solution-preview-card,.capability-card,.plain-card,.solution-control,.office-grid article {border-radius:23px}
  .agent-product-visual {padding:20px 18px 16px;border-radius:29px}
  .architecture-table>div {grid-template-columns:70px minmax(0,1fr)}
}
@media(max-width:380px) {
  .capability-grid {grid-template-columns:1fr}.capability-card {padding:25px}
  .data-sources {gap:5px}.data-sources span {font-size:12px}
  .foundation-path>div {padding:20px 12px}
}
@media(prefers-reduced-motion:reduce) {.tech-card:hover{transform:none}}

/* Brand and hero: a complete wordmark and a clearer reading rhythm. */
.product-hero {padding:156px 0 88px}
.product-hero .product-intro {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
.product-hero-copy {min-width:0}
.product-hero .kicker {font-size:13px;letter-spacing:.15em;font-weight:500;margin:0 0 20px;color:#637c9b}
.product-hero h1 {font-size:clamp(44px,5.2vw,60px);font-weight:650;line-height:1.2;letter-spacing:-.04em;margin:0 0 22px}
.product-hero-subtitle {font-size:clamp(26px,2.7vw,32px);font-weight:500;line-height:1.55;letter-spacing:.015em;color:#455e7e;margin:0 0 25px}
.product-hero-subtitle span {color:#126bd3}
.product-hero-description {font-size:17px;line-height:1.85;color:#61748c}
.product-hero-description p {margin:0}
.product-hero-description p+p {font-size:15px;color:#748398;margin-top:10px}
.product-hero .actions {margin-top:28px;gap:12px}
.product-hero .btn {min-height:48px;padding:11px 24px}
@media(max-width:900px) and (min-width:701px) {
  .product-hero .product-intro {gap:32px}
  .product-hero-description {font-size:16px}
  .product-hero .btn {padding-inline:18px;font-size:14px}
}
@media(max-width:700px) {
  .product-hero {padding:116px 0 60px}
  .product-hero .product-intro {grid-template-columns:minmax(0,1fr);gap:40px}
  .product-hero-copy {width:100%;max-width:460px;margin:auto}
  .product-hero h1 {font-size:clamp(40px,10.5vw,54px);margin-bottom:18px}
  .product-hero .kicker {font-size:12px;margin-bottom:18px}
  .product-hero-subtitle {font-size:26px;line-height:1.5;margin-bottom:22px}
  .product-hero-description {font-size:16px}
  .product-hero-description p+p {font-size:14px}
  .product-hero .btn {font-size:14px;padding-inline:20px}
  .product-hero .agent-product-visual {width:100%;max-width:460px;margin:0 auto}
}
.brand-logo {width:160px;height:48px;flex-shrink:0}
.brand-logo img {width:216px;height:auto;max-width:none;left:-38px;top:-56px}
.nav>a:first-child {flex-shrink:0}
.hero {padding:136px 0 80px;min-height:780px}
.hero-grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.hero-copy {padding-top:64px;min-width:0}
.hero .kicker {display:flex;align-items:center;gap:14px;font-size:14px;font-weight:600;letter-spacing:.12em;margin:0 0 26px;color:#526b89}
.hero .kicker span {color:#abc0d8;font-weight:400}
.hero h1 {font-size:clamp(44px,5.1vw,60px);font-weight:650;letter-spacing:-.045em;line-height:1.18;margin:0 0 28px}
.hero h1>span,.hero h1>em {display:block}
.hero h1>em {font-size:1.14em;color:#126bd3;margin-top:10px}
.hero-desc {font-size:18px;line-height:1.85;color:#52647c;max-width:100%}
.hero-desc p {margin:0}
.hero-desc .hero-context {font-size:15px;color:#6b7d93;margin-top:12px}
.hero .actions {gap:12px;margin-top:28px}
.hero .btn {min-height:48px;padding:11px 23px;font-size:15px}
.hero .btn.primary {gap:20px}
.hero .btn.primary>span {font-size:18px;line-height:1}
.hero-trust {display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;padding:21px 0 0;margin:34px 0 0;border-top:1px solid #dce6f1;max-width:400px;font-size:13px;letter-spacing:.02em;color:#667d98}
.hero-trust li {position:relative;text-align:center}
.hero-trust li:first-child {text-align:left}
.hero-trust li:last-child {text-align:right}
.hero-trust li+li::before {content:'·';position:absolute;left:-2px;color:#9cb3ce}
@media(max-width:1100px) {
  .hero-grid {gap:32px}
  .hero-copy {padding-top:48px}
}
@media(min-width:701px) and (max-width:900px) {
  .menu {display:block}
  .nav-links {display:none;position:absolute;top:76px;left:32px;right:32px;flex-direction:column;align-items:stretch;background:#f9fcfff5;padding:25px;border:1px solid #e1e9f2;border-radius:22px;box-shadow:0 15px 30px #21355215;gap:20px}
  .nav-links.open {display:flex}
  .nav-contact {text-align:center}
  .hero h1 {font-size:42px}
  .hero .btn {padding-inline:18px;font-size:14px}
  .hero-desc {font-size:17px}
  .hero-desc .hero-context {font-size:14px}
}
@media(max-width:700px) {
  .brand-logo {width:139px;height:42px}
  .brand-logo img {width:188px;left:-33px;top:-49px}
  .hero {padding:116px 0 60px;min-height:0}
  .hero-copy {padding-top:0;max-width:460px;margin:auto}
  .hero .kicker {font-size:13px;gap:11px;margin-bottom:23px}
  .hero h1 {font-size:clamp(40px,10.5vw,56px);margin-bottom:24px}
  .hero-desc {font-size:17px}
  .hero-desc .hero-context {font-size:14px}
  .hero .actions {margin-top:25px;gap:10px}
  .hero .btn {padding-inline:20px;font-size:14px}
  .hero-trust {font-size:12px;margin-top:28px;padding-top:18px;max-width:100%}
  .hero-visual.hero-architecture {margin-top:48px}
}

/* Hero architecture: keep the right-hand diagram the same visual height as the left copy column. */
.hero-visual.hero-architecture {max-width:400px}
.architecture-caption {margin:0 0 8px}
.architecture-agent {padding:14px 10px 8px}
.architecture-agent h2 {margin:3px 0 3px}
.architecture-subtitle {margin:0 0 10px}
.architecture-engines {padding:8px 0 10px}
.architecture-engine h3 {margin:3px 0 2px}
.engine-symbol {min-height:53px}
.architecture-merge {width:76%}
.architecture-box {padding:9px 10px 10px}
.architecture-feedback>span {height:12px}
.architecture-feedback p {margin:5px 0 8px}
.architecture-sites {margin:0 auto 16px;padding-top:11px}
.architecture-foundation {padding:14px 12px 11px}
.architecture-foundation p {margin:0 0 8px}
.architecture-foundation>div {padding-top:8px}
@media(max-width:700px) {.hero-visual.hero-architecture {max-width:360px}}