:root{--ink:#101820;--muted:#68737d;--line:#d9dee2;--paper:#f5f7f7;--blue:#0879a9;--cyan:#00a9c7;--orange:#f0642b;--white:#fff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei","Noto Sans SC",Arial,sans-serif;background:#fff;letter-spacing:0}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:76px;padding:0 max(28px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:34px;position:fixed;z-index:20;top:0;left:0;right:0;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(20,30,38,.1);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:800;font-size:14px}.brand strong{display:block;font-size:15px}.brand small{display:block;font-size:8px;color:#68737d;margin-top:3px}.main-nav{align-self:stretch;display:flex;gap:34px}.main-nav a{position:relative;display:grid;place-items:center;font-size:14px}.main-nav a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--orange);transform:scaleX(0);transition:.2s}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.header-action{background:var(--ink);color:#fff;padding:12px 16px;font-size:13px}.nav-toggle{display:none;border:0;background:none;font-size:24px}.hero{height:min(860px,100vh);min-height:680px;margin-top:76px;position:relative;overflow:hidden;color:#fff}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.84) contrast(1.04)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,15,20,.88) 0%,rgba(7,15,20,.64) 38%,rgba(7,15,20,.08) 78%),linear-gradient(0deg,rgba(4,12,17,.72),transparent 34%)}.hero-content{position:absolute;left:max(28px,calc((100vw - var(--max))/2));top:13%;max-width:690px}.eyebrow,.kicker{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--orange)}.eyebrow{color:#b7dce8;display:flex;align-items:center;gap:10px}.eyebrow span{display:block;width:28px;height:2px;background:var(--orange)}h1{font-size:clamp(54px,7vw,96px);line-height:1.04;margin:28px 0 22px;font-weight:800;letter-spacing:0}.hero-copy{max-width:590px;color:#dce6e9;font-size:17px;line-height:1.85}.hero-actions{display:flex;gap:14px;margin-top:36px}.primary-btn,.video-btn{height:50px;padding:0 22px;display:inline-flex;align-items:center;gap:16px;border:0}.primary-btn{background:var(--orange);font-weight:700}.video-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.4);color:#fff;cursor:pointer}.play{width:25px;height:25px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:9px}.hero-facts{position:absolute;left:max(28px,calc((100vw - var(--max))/2));right:max(28px,calc((100vw - var(--max))/2));bottom:0;border-top:1px solid rgba(255,255,255,.35);display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0 30px}.hero-facts div{display:flex;align-items:baseline;gap:16px;border-right:1px solid rgba(255,255,255,.2);padding:0 28px}.hero-facts div:first-child{padding-left:0}.hero-facts div:last-child{border-right:0}.hero-facts strong{font-size:28px}.hero-facts span{font-size:12px;color:#c7d2d6}.band{padding:110px max(28px,calc((100vw - var(--max))/2))}.section-label{display:flex;align-items:center;gap:12px;font-size:12px;color:#66727b;text-transform:uppercase}.section-label span{color:var(--orange);font-weight:800}.section-label:after{content:"";width:54px;height:1px;background:#b9c1c6}.section-label.light{color:#b6c6ce}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;margin:45px 0 72px}h2{font-size:clamp(34px,4vw,58px);line-height:1.18;margin:15px 0;font-weight:750;letter-spacing:0}.intro-copy{padding-top:35px}.intro-copy p,.company-grid p{font-size:15px;line-height:2;color:#5e6971}.intro-copy a{font-size:13px;font-weight:700;display:inline-flex;gap:20px;margin-top:14px;border-bottom:1px solid var(--ink);padding-bottom:8px}.capability-list{border-top:1px solid var(--line)}.capability-list article{display:grid;grid-template-columns:70px 1fr 40px;gap:20px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.capability-list .num{font-size:12px;color:var(--orange)}.capability-list h3{margin:0 0 8px;font-size:22px}.capability-list p{margin:0;color:var(--muted);font-size:14px}.arrow{font-size:22px}.system-view{background:#101a21;color:#fff;display:grid;grid-template-columns:1.07fr .93fr}.system-image{min-height:690px}.system-image img{width:100%;height:100%;object-fit:cover}.system-content{padding:95px max(40px,calc((100vw - var(--max))/2)) 85px 70px}.system-content p{color:#b7c4ca;line-height:1.9;max-width:520px}.system-content dl{margin-top:40px;border-top:1px solid #35434b}.system-content dl div{padding:20px 0;border-bottom:1px solid #35434b;display:grid;grid-template-columns:140px 1fr}.system-content dt{font-weight:700}.system-content dd{margin:0;color:#9fadb4;font-size:13px}.section-head{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:50px}.section-head h2{margin-top:10px}.software-layout{display:grid;grid-template-columns:260px 1fr;gap:40px}.tabs{border-top:1px solid var(--line)}.tab{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:22px 12px;text-align:left;display:flex;gap:20px;cursor:pointer;color:#66727b}.tab span{font-size:11px}.tab.active{color:var(--ink);font-weight:700;border-left:3px solid var(--orange);padding-left:18px;background:var(--paper)}.software-screen{position:relative;background:#dfe5e8;aspect-ratio:16/9;overflow:hidden}.software-screen img{width:100%;height:100%;object-fit:cover}.screen-caption{position:absolute;left:0;bottom:0;background:rgba(10,20,27,.9);color:#fff;padding:18px 22px;display:flex;gap:20px;align-items:center}.screen-caption span{font-size:12px;color:#bdc9ce}.support{background:#13242e;color:#fff;padding:110px max(28px,calc((100vw - var(--max))/2))}.support-title{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin:30px 0 60px}.support-title p{color:#aebdc5;line-height:1.8;margin-bottom:22px}.resource-list{border-top:1px solid #40515a}.resource-list a,.resource-list button{width:100%;background:none;color:#fff;border:0;border-bottom:1px solid #40515a;padding:22px 0;display:grid;grid-template-columns:70px 1fr 40px;align-items:center;text-align:left;cursor:pointer}.resource-icon{width:45px;height:45px;background:#1d333f;display:grid;place-items:center;color:#78c8df;font-size:10px;font-weight:800}.resource-list strong,.resource-list small{display:block}.resource-list small{color:#93a6af;margin-top:6px}.resource-list b{font-size:22px;font-weight:400}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin:45px 0 70px}.company-grid h2{font-size:clamp(34px,3.5vw,52px)}.value-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.value-strip div{padding:26px 20px;border-right:1px solid var(--line)}.value-strip div:last-child{border:0}.value-strip span,.value-strip strong{display:block}.value-strip span{font-size:10px;color:var(--orange);margin-bottom:10px}.value-strip strong{font-size:14px}footer{padding:36px max(28px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:25px;background:#0b1216;color:#fff}footer .footer-brand{display:flex;align-items:center;gap:12px}footer p{color:#84939a;font-size:12px;margin-right:auto}footer a{font-size:12px}.video-modal{width:min(960px,92vw);padding:0;border:0;background:#0b1216;color:#fff}.video-modal::backdrop{background:rgba(3,8,11,.82)}.video-modal video{width:100%;display:block;max-height:75vh}.video-modal>div{padding:16px 20px;display:flex;gap:14px}.video-modal>div span{color:#91a1a9}.modal-close{position:absolute;right:10px;top:10px;width:38px;height:38px;border:0;background:rgba(0,0,0,.7);color:#fff;font-size:24px;cursor:pointer;z-index:2}
@media(max-width:860px){.site-header{height:66px;padding:0 20px}.main-nav{position:absolute;top:66px;left:0;right:0;background:#fff;display:none;height:auto;padding:8px 20px 18px;flex-direction:column;gap:0}.main-nav.open{display:flex}.main-nav a{padding:14px;display:block}.nav-toggle{display:block}.header-action{display:none}.hero{margin-top:66px;min-height:720px}.hero-content{top:10%;left:24px;right:24px}.hero-shade{background:linear-gradient(90deg,rgba(7,15,20,.84),rgba(7,15,20,.25)),linear-gradient(0deg,rgba(4,12,17,.9),transparent 60%)}h1{font-size:52px}.hero-copy{font-size:15px}.hero-actions{flex-wrap:wrap}.hero-facts{left:24px;right:24px;grid-template-columns:1fr;padding:18px 0}.hero-facts div{padding:8px 0;border-right:0}.hero-facts strong{font-size:20px;width:110px}.band,.support{padding:78px 24px}.intro-grid,.company-grid,.support-title{grid-template-columns:1fr;gap:25px}.intro-copy{padding-top:0}.system-view{grid-template-columns:1fr}.system-image{min-height:420px}.system-content{padding:70px 24px}.section-head{grid-template-columns:1fr;gap:25px}.software-layout{grid-template-columns:1fr}.tabs{display:grid;grid-template-columns:1fr 1fr}.tab{min-height:64px}.screen-caption{right:0;display:block}.screen-caption span{display:block;margin-top:5px}.value-strip{grid-template-columns:1fr 1fr}.support-title{margin-bottom:40px}footer{align-items:flex-start;flex-direction:column}footer p{margin:0}.company-grid{margin-bottom:45px}}@media(max-width:520px){.hero-actions>*{width:100%;justify-content:center}.hero-facts span{font-size:11px}.capability-list article{grid-template-columns:45px 1fr}.capability-list .arrow{display:none}.system-content dl div{grid-template-columns:1fr;gap:8px}.tabs{grid-template-columns:1fr}.software-screen{aspect-ratio:4/3}.software-screen img{object-fit:cover}.resource-list a,.resource-list button{grid-template-columns:58px 1fr 20px}.value-strip{grid-template-columns:1fr}.value-strip div{border-right:0;border-bottom:1px solid var(--line)}}
.brand{width:235px;height:58px}.brand img{width:100%;height:100%;object-fit:contain}.hero-image{filter:saturate(.92) contrast(1.03)}.hero-shade{background:linear-gradient(90deg,rgba(7,15,20,.85),rgba(7,15,20,.55) 42%,rgba(7,15,20,.1) 78%),linear-gradient(0deg,rgba(4,12,17,.68),transparent 34%)}.section-label{font-size:11px;letter-spacing:.8px}.screen-caption{background:rgba(10,20,27,.94)}

/* English copy is longer than Chinese, so it gets its own fluid spacing. */
:lang(en) body{font-family:Arial,"Helvetica Neue",sans-serif}
:lang(en) .hero-content{top:8%;max-width:820px}
:lang(en) .hero-content h1{font-size:clamp(42px,5vw,68px);line-height:1.02;margin:20px 0 18px;max-width:760px}
:lang(en) .hero-copy{font-size:17px;line-height:1.55;max-width:720px}
:lang(en) .hero-actions{margin-top:22px}
:lang(en) .hero-actions .primary-btn,:lang(en) .hero-actions .video-btn{white-space:nowrap}
:lang(en) .hero-facts{padding:20px 0 24px}
:lang(en) .hero-facts div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;justify-content:center}
:lang(en) .hero-facts strong{font-size:25px;line-height:1.05;white-space:nowrap}
:lang(en) .hero-facts span{font-size:12px;line-height:1.35}
:lang(en) .section-head h2,:lang(en) .support-title h2,:lang(en) .company-grid h2{overflow-wrap:normal;word-break:normal}
@media(max-width:860px){:lang(en) .hero{min-height:760px}:lang(en) .hero-content{top:7%}:lang(en) .hero-content h1{font-size:clamp(38px,10vw,54px)}:lang(en) .hero-facts strong{font-size:20px}:lang(en) .hero-facts div{flex-direction:row;align-items:baseline;justify-content:flex-start}:lang(en) .hero-facts strong{width:150px}}
@media(max-width:520px){:lang(en) .hero{min-height:820px}:lang(en) .hero-content h1{font-size:39px}:lang(en) .hero-copy{font-size:14px}:lang(en) .hero-facts div{display:grid;grid-template-columns:120px 1fr}:lang(en) .hero-facts strong{width:auto;white-space:normal}}
/* Multi-page refinement */
.brand{width:220px;height:55px}.brand img{width:100%;height:100%;object-fit:contain}.subpage{background:#f5f7f7}.sub-hero{min-height:520px;padding:95px max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#0d2738;color:#fff}.sub-hero h1{font-size:clamp(54px,7vw,88px);line-height:1.08;margin:24px 0}.sub-hero p:not(.eyebrow){max-width:530px;color:#b7c8d0;line-height:1.9}.support-orbit{justify-self:center;width:250px;height:250px;border:1px solid #3e7184;border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:0 0 0 55px rgba(16,94,119,.15),0 0 0 110px rgba(16,94,119,.08)}.support-orbit b{font-size:54px;color:#19b77a}.support-orbit span{font-size:12px;color:#a6c2cd}.sub-section,.about-section{max-width:var(--max);margin:auto;padding:110px 28px}.sub-head,.about-section{display:flex;justify-content:space-between;gap:60px;align-items:end}.sub-head h2,.about-section h2,.faq-section h2{font-size:52px;line-height:1.2;margin:15px 0}.filters{display:flex;border:1px solid #ccd7dc}.filters button{border:0;border-right:1px solid #ccd7dc;background:#fff;padding:11px 18px;font-size:12px;cursor:pointer}.filters button.active{background:#102c3d;color:#fff}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:45px}.resource-card{min-height:235px;background:#fff;border:1px solid #d8e0e4;padding:25px;display:grid;grid-template-columns:62px 1fr;grid-template-rows:auto auto 1fr auto;text-align:left;cursor:pointer}.resource-card:hover{border-color:#0879a9;box-shadow:0 16px 35px rgba(17,47,65,.1)}.resource-card>b{width:46px;height:46px;display:grid;place-items:center;background:#e5f2f5;color:#0879a9;font-size:11px}.resource-card small{color:#7a8b94}.resource-card h3{margin:10px 0;font-size:21px}.resource-card p{color:#697981;font-size:13px;line-height:1.8}.resource-card strong{grid-column:2;color:#0879a9;font-size:12px}.faq-section{background:#102c3d;color:#fff;padding:110px max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.faq-section h2{font-size:52px}.faq-section>div>p:not(.kicker){color:#a9bdc6}.faq-list details{border-top:1px solid #385363;padding:21px 0}.faq-list details:last-child{border-bottom:1px solid #385363}.faq-list summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:700}.faq-list summary span{color:#19b77a;font-size:20px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:#abc0c8;line-height:1.8;font-size:13px}.company-hero img{width:min(100%,570px);justify-self:center;background:#fff}.about-section{align-items:start}.about-section>div:last-child{max-width:540px}.about-section p{font-size:15px;color:#687881;line-height:2}.architecture-section{padding:110px max(28px,calc((100vw - var(--max))/2));background:#091d2a;color:#fff}.arch-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.arch-heading h2{font-size:50px;margin:12px 0}.arch-heading>p:last-child{color:#9db4bf}.arch-wrap{display:grid;grid-template-columns:300px 1fr;border:1px solid #2b4a5a;margin-top:48px;min-height:420px}.arch-tabs{border-right:1px solid #2b4a5a}.arch-tabs button{display:block;width:100%;height:25%;text-align:left;border:0;border-bottom:1px solid #2b4a5a;background:none;color:#92aab4;padding:22px;cursor:pointer}.arch-tabs button.active{background:#12384c;color:#fff;border-left:3px solid #19b77a}.arch-display{display:grid;place-content:center;text-align:center;padding:50px;position:relative;background:radial-gradient(circle,#12394a,transparent 63%)}.arch-display:before,.arch-display:after{content:"";position:absolute;inset:13%;border:1px solid rgba(21,168,199,.25);border-radius:50%}.arch-display:after{inset:2%;border-color:rgba(21,168,199,.12)}.arch-display>*{position:relative;z-index:1}.arch-display span{color:#19b77a;font-size:11px;letter-spacing:2px}.arch-display h3{font-size:26px;margin:18px 0}.arch-display p{max-width:390px;color:#a9bdc6;line-height:1.8;font-size:13px}.value-section{padding:110px 24px;text-align:center;background:#0879a9;color:#fff}.value-section h2{font-size:54px;line-height:1.25}.value-section .primary-btn{display:inline-block;background:#fff;color:#0879a9;padding:15px 24px;font-weight:700;margin-top:18px}@media(max-width:800px){.brand{width:180px}.sub-hero{grid-template-columns:1fr;gap:30px;padding:70px 24px}.support-orbit{width:180px;height:180px;justify-self:start}.sub-head,.about-section,.arch-heading{display:block}.filters{margin-top:24px;overflow:auto}.resource-grid{grid-template-columns:1fr}.faq-section{grid-template-columns:1fr;gap:35px;padding:75px 24px}.about-section{padding:75px 24px}.architecture-section{padding:75px 24px}.arch-wrap{grid-template-columns:1fr}.arch-tabs{display:grid;grid-template-columns:1fr 1fr;border-right:0}.arch-tabs button{height:68px}.arch-display{min-height:380px}.company-hero img{max-width:420px}.value-section h2{font-size:38px}}


/* Deployment-ready shared layout and static contacts. */
[hidden] { display:none !important; }
html { scroll-padding-top:96px; }
img { max-width:100%; }
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline:3px solid #00a9c7; outline-offset:5px;
}
.site-header { gap:22px; }
.brand { flex-shrink:0; }
.main-nav { gap:24px; }
.header-action { white-space:nowrap; }
.lang-toggle {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:74px; min-height:42px; padding:10px 12px; flex-shrink:0;
  border:1px solid #c9d8df; border-radius:6px; background:#fff;
  color:#123b52; font-size:13px; cursor:pointer;
}
.lang-toggle:hover { background:#edf4f7; border-color:#0879a9; }
.subpage main { padding-top:76px; }
.sub-hero { overflow:hidden; }
.sub-hero > *, .intro-grid > *, .company-grid > *, .software-layout > * { min-width:0; }
footer { flex-wrap:wrap; }
footer > img { width:180px; height:auto; background:white; }
.footer-brand { max-width:100%; }
.footer-brand strong { line-height:1.7; }
.resource-card { grid-template-columns:62px minmax(0,1fr); }
.resource-card > h3, .resource-card > p, .resource-card > small { grid-column:2; }
.resource-card > b { grid-column:1; grid-row:1 / span 2; }
.resource-card > p { margin-top:0; }

/* Content rows prevent longer English copy from covering the specifications. */
.hero, html:lang(en) .hero {
  height:auto; min-height:690px; display:flex; flex-direction:column;
  padding:70px max(28px,calc((100vw - var(--max))/2)) 0;
}
.hero-image { position:absolute; inset:0; }
.hero-content, html:lang(en) .hero-content {
  position:relative; inset:auto; width:min(760px,100%); max-width:760px;
  padding:0 0 56px; z-index:1;
}
.hero-facts, html:lang(en) .hero-facts {
  position:relative; inset:auto; margin-top:auto; z-index:1;
  width:100%; gap:24px; padding:24px 0 28px;
}
.hero-facts div, html:lang(en) .hero-facts div {
  display:flex; flex-direction:column; align-items:flex-start;
  justify-content:flex-start; gap:8px; min-width:0; padding:0 22px;
}
.hero-facts div:first-child, html:lang(en) .hero-facts div:first-child { padding-left:0; }
.hero-facts strong, html:lang(en) .hero-facts strong { width:auto; white-space:normal; font-size:28px; line-height:1.2; }
.hero-facts span, html:lang(en) .hero-facts span { font-size:13px; line-height:1.6; }
.hero-actions { flex-wrap:wrap; }
.hero-actions a, .hero-actions button { min-height:50px; height:auto; padding-block:14px; }
html:lang(en) .sub-hero h1 { font-size:clamp(38px,5vw,64px); line-height:1.12; }
html:lang(en) .company-grid h2 { font-size:clamp(30px,3vw,44px); }

.contact-section {
  padding:90px max(28px,calc((100vw - var(--max))/2)); background:#eef4f6;
  display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.3fr);
  gap:48px; align-items:start; border-top:1px solid #d9e4e9;
}
.contact-heading h2 { font-size:clamp(30px,3.5vw,44px); line-height:1.3; color:#102c3d; margin:14px 0 18px; }
.contact-heading > p:last-child { color:#607680; font-size:15px; line-height:1.9; }
.contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.contact-card {
  min-width:0; padding:28px 24px; background:#fff; border:1px solid #d5e1e5;
  border-radius:10px; box-shadow:0 12px 30px rgba(16,44,61,.045);
}
.contact-index { display:block; font-size:12px; color:#0879a9; letter-spacing:2px; margin-bottom:24px; }
.contact-card h3 { font-size:20px; color:#102c3d; margin:0 0 24px; }
.contact-card dl, .contact-card dd { margin:0; }
.contact-card dl > div + div { margin-top:18px; }
.contact-card dt { color:#6f818c; font-size:12px; margin-bottom:6px; }
.contact-card a {
  display:inline-block; padding:5px 0; color:#0879a9; font-size:15px;
  font-weight:600; line-height:1.6; overflow-wrap:anywhere;
}
.contact-card a:hover { text-decoration:underline; }

@media (max-width:1100px) {
  .site-header { gap:16px; }
  .main-nav { gap:20px; }
  .site-header > .header-action { display:none; }
  .contact-section { grid-template-columns:1fr; gap:26px; }
  .contact-heading { max-width:660px; }
}
@media (max-width:860px) {
  .site-header { gap:12px; }
  .subpage main { padding-top:66px; }
  .brand { width:180px; height:48px; }
  .main-nav { gap:0; }
  .hero, html:lang(en) .hero { padding:48px 24px 0; min-height:0; }
  .hero-content, html:lang(en) .hero-content { padding-bottom:36px; }
  .hero-facts, html:lang(en) .hero-facts { gap:0; }
  .hero-facts div, html:lang(en) .hero-facts div { padding:10px 0; flex-direction:row; align-items:baseline; gap:18px; }
  .hero-facts strong, html:lang(en) .hero-facts strong { flex:0 0 140px; font-size:22px; }
  .sub-head { flex-wrap:wrap; gap:20px; }
  .contact-section { padding:60px 24px; }
  .contact-card { padding:24px; }
  .screen-caption { position:static; }
  .software-screen { aspect-ratio:auto; }
  .software-screen img { height:auto; display:block; }
}
@media (max-width:520px) {
  .brand { width:145px; }
  .site-header { padding-inline:16px; gap:10px; }
  .lang-toggle { min-width:66px; padding-inline:8px; }
  .contact-grid { grid-template-columns:1fr; }
  .contact-card a { font-size:16px; }
  .hero-facts div, html:lang(en) .hero-facts div { display:flex; }
  .hero-facts strong, html:lang(en) .hero-facts strong { flex-basis:116px; font-size:20px; }
  .hero-actions a, .hero-actions button { white-space:normal !important; }
  .sub-hero h1 { font-size:40px; }
  .sub-head h2, .about-section h2, .faq-section h2, .arch-heading h2 { font-size:34px; }
  .arch-display { padding:30px 20px; }
  .arch-tabs button { height:auto; min-height:68px; }
  .value-section .primary-btn { height:auto; max-width:100%; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }