:root {
  --navy:#081d2e; --navy-deep:#061624; --navy-soft:#103146;
  --ink:#102b3b; --muted:#637884; --teal:#147f80; --mint:#91e1d4;
  --cream:#f7f7f3; --sand:#eceeea; --line:#dbe3e2; --white:#fff;
  --head:"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  --body:"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:90px}
body {margin:0;background:var(--white);color:var(--ink);font:400 15px/1.65 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
img {display:block;max-width:100%;height:auto}
button {font:inherit;cursor:pointer}
a {color:inherit;text-decoration:none}
h1,h2,h3,p,ul,dl {margin:0}
h1,h2,h3 {font-family:var(--head);letter-spacing:-.045em;font-weight:700}
p {text-wrap:pretty}
ul {padding:0}
::selection {background:#93e3d7;color:#082434}
:focus-visible {outline:3px solid #75eadb;outline-offset:4px}
.container {width:min(100%,1492px);margin-inline:auto;padding-inline:clamp(24px,4.6vw,74px)}
.skip-link {position:absolute;left:12px;top:-100px;background:white;color:var(--ink);padding:12px 20px;z-index:400}
.skip-link:focus {top:12px}
.utility-bar {height:31px;background:#03121f;color:#8ea5b2;border-bottom:1px solid #19364a}
.utility-inner {height:100%;display:flex;justify-content:space-between;align-items:center;font:600 10px/1.2 var(--head);letter-spacing:.16em}
.site-header {position:sticky;top:0;z-index:100;background:rgba(7,28,44,.97);color:#fff;border-bottom:1px solid rgba(255,255,255,.10);backdrop-filter:blur(18px)}
.header-inner {display:flex;align-items:center;gap:clamp(18px,3vw,54px);height:82px}
.brand {width:158px;flex:0 0 158px;height:80px;overflow:hidden;display:flex;align-items:center}
.brand img {height:78px;width:auto;max-width:none;filter:brightness(0) invert(1)}
.desktop-nav {display:flex;align-items:center;gap:clamp(17px,2.05vw,34px);white-space:nowrap;margin-left:auto}
.desktop-nav a {font-size:13px;font-weight:600;color:#bacbd1;position:relative;padding:28px 0;transition:color .2s}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"] {color:white}
.desktop-nav a[aria-current="page"]::after {content:"";position:absolute;bottom:22px;left:0;right:0;height:2px;background:#8ee6d7}
.header-controls {display:flex;align-items:center;gap:21px}
.language-switch {display:flex;align-items:center;gap:9px;font:700 12px/1 var(--head);white-space:nowrap;letter-spacing:.03em}
.language-current {color:#fff}
.language-divider {color:#507084}
.language-switch a {color:#8ca8b6;transition:color .2s}
.language-switch a:hover {color:#aaf0e6}
.header-contact {white-space:nowrap;background:#eaf5ee;color:#14394a;display:flex;align-items:center;gap:23px;padding:15px 19px;font-size:12px;font-weight:800;transition:background .2s,transform .2s}
.header-contact:hover {background:#a5f2e6;transform:translateY(-2px)}
.arrow {font-size:17px;font-family:Arial,sans-serif;font-weight:400}
.menu-toggle {display:none;margin-left:auto;border:1px solid #4d6a7c;background:transparent;color:white;width:48px;height:46px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span {width:20px;height:2px;background:#fff}
.mobile-nav {display:none}
.eyebrow {display:inline-flex;align-items:center;gap:13px;color:#0f8584;font:800 11px/1.6 var(--head);letter-spacing:.15em}
.eyebrow i {width:22px;height:2px;background:currentColor;display:inline-block;flex:0 0 22px}
.section {padding:clamp(76px,8.5vw,135px) 0}
.section-intro {display:grid;grid-template-columns:minmax(0,1.28fr) minmax(260px,.65fr);align-items:end;gap:clamp(45px,8vw,135px);margin-bottom:clamp(40px,4.5vw,70px)}
.section-intro h2,.intro-layout h2,.engineering-content h2,.contact-showcase h2,.general-cta h2,.story-grid h2,.about-layout h2,.editorial-grid h2 {
  margin-top:24px;font-size:clamp(36px,4.25vw,66px);line-height:1.22
}
h1 span,h2 span {display:block}
.section-intro>p {font-size:15px;color:var(--muted);line-height:2;max-width:500px}
.button {display:inline-flex;justify-content:space-between;align-items:center;gap:32px;min-height:55px;padding:16px 23px;font:800 13px/1.3 var(--head);border:1px solid transparent;transition:transform .25s,background .25s,border-color .25s;white-space:nowrap}
.button:hover {transform:translateY(-3px)}
.button-primary {background:#abefe4;color:#0c313e}.button-primary:hover {background:#e4fffa}
.button-ghost {color:#fff;background:rgba(4,24,38,.19);border-color:rgba(230,249,253,.45)}.button-ghost:hover {background:rgba(255,255,255,.12)}
.button-light {color:#102c3c;background:#b4f2e7}.button-light:hover {background:white}
.button-outline-light {color:#f2fcfc;border-color:#5c8792;background:transparent}.button-outline-light:hover {background:#144f5a}
.button-secondary {color:#153a48;border-color:#afc5c6}
.text-link {font:800 13px/1.5 var(--head);color:#117d7b;display:inline-flex;align-items:center;gap:9px}
.text-link:hover {color:#01aaa0}

/* Large visual homepage, intentionally not a sliding carousel. */
.home-hero {position:relative;isolation:isolate;min-height:clamp(670px,77svh,880px);background:#071e32;color:white;display:flex;align-items:stretch;overflow:hidden}
.hero-image,.hero-tint {position:absolute;inset:0;z-index:-2}
.hero-image {background:url("/assets/hero-semiconductor.webp") center center/cover no-repeat;transform:scale(1.005)}
.hero-tint {z-index:-1;background:linear-gradient(90deg,rgba(4,24,40,.70) 0%,rgba(4,24,40,.46) 45%,rgba(4,24,40,.02) 100%),linear-gradient(0deg,rgba(3,17,30,.75),transparent 30%)}
.home-hero-content {padding-top:clamp(96px,10vw,160px);padding-bottom:150px;width:100%}
.home-hero .eyebrow {color:#b0eee2}
.home-hero h1 {font-size:clamp(55px,5.7vw,92px);line-height:1.15;margin-top:31px;max-width:960px;letter-spacing:-.056em;font-weight:700;text-shadow:0 2px 20px rgba(0,0,0,.04)}
.home-hero h1 span:last-child {color:#e0f8f0}
.hero-accent {display:block;color:#92e8da;font:750 clamp(13px,1.25vw,17px)/1.6 var(--head);letter-spacing:.04em;margin-top:25px}
.home-hero-content>p {font-size:clamp(14px,1.2vw,17px);color:#d1e1e5;line-height:2.05;max-width:670px;margin-top:19px}
.hero-actions {display:flex;gap:14px;flex-wrap:wrap;margin-top:35px}
.hero-bottom {position:absolute;left:0;right:0;bottom:0;border-top:1px solid rgba(255,255,255,.19);background:rgba(1,14,26,.19)}
.hero-bottom-inner {min-height:75px;display:flex;justify-content:space-between;align-items:center;gap:25px}
.hero-rail {display:flex;align-items:center;gap:clamp(24px,4vw,70px)}
.hero-rail span {font:700 11px/1.6 var(--head);letter-spacing:.11em;color:#b6cdd5;white-space:nowrap}
.hero-rail b {font-size:10px;color:#86e7d7;margin-right:10px}
.hero-bottom a {white-space:nowrap;color:#c3eee7;font-size:12px}
.hero-art-note {position:absolute;right:28px;bottom:88px;color:#b5cbd0;font-size:10px;opacity:.8}
.intro-statement {background:#fff}
.intro-layout {display:grid;grid-template-columns:1fr 1.9fr;gap:10%}
.intro-aside {font-size:13px;color:#779199;margin-top:32px;max-width:200px;line-height:1.8}
.intro-layout h2 {margin-top:0;font-size:clamp(40px,4.7vw,75px)}
.intro-layout>div:last-child>p {font-size:17px;color:#607a84;line-height:2.1;max-width:830px;margin-top:33px}

/* Asymmetric capability panels establish a visual hierarchy: supply is the main business. */
.capabilities {background:var(--cream)}
.capability-layout {display:grid;grid-template-columns:1.14fr 1fr;grid-template-rows:repeat(2,minmax(260px,1fr));gap:16px}
.capability-panel {position:relative;min-height:292px;padding:34px 38px;background:#fff;border:1px solid #e0e7e4;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,box-shadow .25s;overflow:hidden}
.capability-panel:hover {transform:translateY(-4px);box-shadow:0 20px 65px rgba(11,48,55,.09)}
.capability-featured {grid-row:span 2;min-height:600px;background:radial-gradient(circle at 77% 30%,rgba(55,151,153,.22),transparent 42%),linear-gradient(142deg,#092235,#092f42);color:#fff;border-color:#153c4a}
.capability-featured::after {content:"";position:absolute;width:380px;height:380px;right:-105px;bottom:-156px;border:1px solid rgba(133,233,223,.25);border-radius:50%;box-shadow:0 0 0 60px rgba(133,233,223,.035),0 0 0 120px rgba(133,233,223,.02);pointer-events:none}
.capability-head {display:flex;justify-content:space-between;gap:15px;font:800 11px/1.5 var(--head);letter-spacing:.12em;color:#5e8991}
.capability-featured .capability-head {color:#91dace}
.capability-head span:last-child {font-size:20px}
.capability-body>span {font-size:12px;color:#238c8c;font-weight:800}
.capability-featured .capability-body>span {color:#9de7df}
.capability-body h3 {font-size:clamp(27px,3vw,47px);line-height:1.25;margin-top:7px}
.capability-featured .capability-body h3 {font-size:clamp(39px,4vw,61px)}
.capability-body p {font-size:14px;line-height:2;color:#71838b;max-width:570px;margin-top:14px}
.capability-featured .capability-body p {color:#bed6da}
.capability-panel>strong {font-size:12px;letter-spacing:.01em;color:#0d807e}
.capability-featured>strong {color:#a9eee5}

.brands-home {background:#fff}
.brand-rows {border-top:1px solid var(--line)}
.brand-row {display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,1.65fr) 50px;gap:clamp(24px,4.5vw,76px);align-items:center;padding:40px 16px 40px 0;border-bottom:1px solid var(--line);scroll-margin-top:120px;transition:background .2s}
.brand-row:hover {background:#fafbf9}
.brand-index {min-height:140px;display:flex;flex-direction:column;justify-content:space-between}
.brand-index>span {color:#59818c;font:800 11px/1.6 var(--head);letter-spacing:.1em}
.brand-symbol {width:100px;height:100px;border:1px solid #d6e6e3;border-radius:50%;display:grid;place-items:center;color:#177b81;font:800 48px/1 var(--head);background:radial-gradient(circle at 30% 30%,#fff,#eef6f3)}
.brand-symbol-agm {color:#385c87;background:radial-gradient(circle at 30% 30%,#fff,#ebf0f8)}
.brand-symbol-toll {color:#5d697a;background:radial-gradient(circle at 30% 30%,#fff,#eff1f3)}
.brand-body small {font:800 11px/1.7 var(--head);letter-spacing:.13em;color:#6b969b}
.brand-body h3 {font-size:clamp(29px,3.05vw,47px);margin-top:5px;font-weight:750}
.brand-body strong {font-size:14px;color:#206d78;font-weight:700;display:block;margin-top:6px}
.brand-body p {color:#697d85;font-size:14px;line-height:1.95;max-width:690px;margin-top:15px}
.brand-row-arrow {width:48px;height:48px;border:1px solid #cddbd9;display:grid;place-items:center;border-radius:50%;color:#0a7378;font-size:19px;transition:color .2s,background .2s}
.brand-row-arrow:hover {color:white;background:#137e82}
.brand-tags {display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}
.brand-tags span {border:1px solid #dae5e3;padding:7px 12px;color:#637c84;font-size:11px}
.brands-bottom {display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:34px}
.brands-bottom>span {color:#99a7aa;font:800 10px/1.4 var(--head);letter-spacing:.13em}

/* Image-led application storytelling: power, logic, motion and compute infrastructure. */
.selected-applications {background:radial-gradient(ellipse at 95% 10%,#163f50 0%,transparent 35%),#071c2c;color:#fff}
.selected-applications .section-intro {margin-bottom:24px}
.selected-applications .eyebrow {color:#8ddfd4}
.selected-applications .section-intro h2 {max-width:840px}
.selected-applications .section-intro>p {color:#acc7d0}
.applications-intro {margin-bottom:34px}
.applications-intro-action {display:flex;justify-content:flex-end}
.applications-intro-action .text-link {color:#a1eee1}
.application-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.application-card {background:#0f2e3e;border:1px solid #284858;min-width:0;display:flex;flex-direction:column;transition:transform .24s,border-color .24s,box-shadow .24s}
.application-card:hover {transform:translateY(-5px);border-color:#3c8b89;box-shadow:0 20px 50px rgba(0,0,0,.22)}
.application-card-image {display:block;position:relative;overflow:hidden;aspect-ratio:1.71;background:#153b4d}
.application-card-image:after {content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,17,27,.55),transparent 48%);pointer-events:none}
.application-card-image img {width:100%;height:100%;object-fit:cover;object-position:center 52%;transition:transform .6s cubic-bezier(.2,.7,.1,1)}
.application-card:hover .application-card-image img {transform:scale(1.045)}
.application-card-index {position:absolute;bottom:20px;left:24px;color:#e2f8f4;letter-spacing:.14em;font:800 11px/1 var(--head);z-index:1}
.application-card-jump {position:absolute;bottom:16px;right:20px;color:#052e3a;background:#c5fff0;width:35px;height:35px;display:grid;place-items:center;font-size:20px;z-index:1}
.application-card-body {padding:30px 34px 32px;display:flex;flex-direction:column;flex:1;min-height:225px}
.application-card-sector {font:800 10px/1.6 var(--head);color:#84dacf;letter-spacing:.12em}
.application-card-body h3 {font-size:clamp(24px,2.1vw,35px);line-height:1.37;margin-top:13px;letter-spacing:-.032em}
.application-card-body h3 a:hover {color:#b1f3e6}
.application-card-body>p {font-size:13px;line-height:1.9;color:#bad0d7;margin-top:13px;max-width:620px}
.application-card-foot {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding-top:27px;flex-wrap:wrap}
.application-card-foot>span {font:750 10px/1.5 var(--head);letter-spacing:.08em;color:#7399a5}
.application-card-foot .text-link {font-size:12px;color:#a2f0e2}
.application-disclaimer {font-size:11px;color:#7da3ad;margin-top:24px;line-height:1.8}
.product-applications-link {margin-top:36px}
.page-hero-applications::before {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071a2a 24%,rgba(8,35,51,.5) 75%),url("/assets/applications/ai-server-power.webp") right 55%/cover no-repeat;opacity:.65;z-index:-2}
.application-reference-head {background:#fafbf9;padding-bottom:58px}
.application-reference-head .section-intro {margin-bottom:55px}
.application-reference-bar {display:flex;justify-content:space-between;border-top:1px solid #cbd9d7;padding-top:19px;gap:20px;color:#2c6c77;font:800 11px/1.5 var(--head);letter-spacing:.11em}
.application-stories {background:#fff;padding-bottom:90px}
.application-story {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:590px;scroll-margin-top:115px;border-top:1px solid #dce7e7}
.application-story:nth-child(even) .application-story-media {grid-column:2;grid-row:1}
.application-story:nth-child(even) .application-story-copy {grid-column:1;grid-row:1}
.application-story-media {position:relative;min-height:535px;background:#092b3c;overflow:hidden;align-self:stretch}
.application-story-media img {width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.application-story-media::after {content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,24,37,.55),transparent 25%);pointer-events:none}
.application-story-media small {position:absolute;left:30px;bottom:24px;z-index:1;background:rgba(9,35,48,.75);backdrop-filter:blur(6px);color:#c9ecea;font:800 10px/1.5 var(--head);letter-spacing:.06em;padding:7px 11px}
.application-story-copy {padding:clamp(45px,5vw,75px) clamp(30px,5.4vw,89px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.application-story-copy h2 {font-size:clamp(30px,3.1vw,48px);line-height:1.28;margin-top:23px}
.application-story-lead {color:#637e88;line-height:2.05;font-size:14px;margin-top:22px;max-width:660px}
.application-architecture {margin-top:29px;padding-top:21px;border-top:1px solid #d4e3e1}
.application-architecture strong,.application-focus>strong {display:block;font:800 10px/1.65 var(--head);letter-spacing:.13em;color:#187c7c}
.application-architecture ol {list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 0;padding:0}
.application-architecture li {font-size:11px;line-height:1.4;color:#235364;padding:7px 10px;background:#edf6f2;position:relative}
.application-architecture li+li:before {content:"→";position:relative;left:-9px;color:#4d9094;font-weight:800}
.application-focus {margin-top:26px}
.application-focus ul {list-style:none;display:grid;grid-template-columns:1fr;gap:9px;margin:14px 0 0}
.application-focus li {font-size:12px;color:#67808a;line-height:1.6;padding-left:17px;position:relative}
.application-focus li:before {content:"";width:6px;height:6px;border-radius:50%;background:#2caaa2;position:absolute;left:0;top:.64em}
.application-related {display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #d4e3e1;margin-top:30px;padding-top:19px;font-size:12px}
.application-related>span {color:#7d969b}
.application-related a {color:#137d7e;font-weight:800}
.application-related a:hover {color:#0ca9a2}
.ai-perspective {color:white;background:radial-gradient(circle at 78% 40%,#155064,transparent 35%),linear-gradient(130deg,#061927,#0b3044)}
.ai-perspective-layout {display:grid;grid-template-columns:1.15fr .85fr;gap:10%;align-items:center}
.ai-perspective .eyebrow {color:#94e8dd}
.ai-perspective h2 {font-size:clamp(36px,4.5vw,70px);line-height:1.19;margin-top:25px}
.ai-perspective p {font-size:14px;line-height:2.15;color:#c1d9df;margin-top:27px;max-width:650px}
.ai-perspective-graphic {border:1px solid #427084;min-height:310px;position:relative;display:flex;justify-content:space-around;flex-direction:column;padding:35px 33px;background:linear-gradient(150deg,rgba(139,233,222,.07),transparent 65%)}
.ai-perspective-graphic>span,.ai-perspective-graphic>b {font:800 11px/1.8 var(--head);letter-spacing:.14em;color:#a8e3de}
.ai-lines {height:110px;display:flex;flex-direction:column;justify-content:space-around;transform:skewY(-5deg)}
.ai-lines i {display:block;width:100%;height:2px;position:relative;background:linear-gradient(90deg,transparent,#62cfc9,#98fff0,transparent)}
.ai-lines i:nth-child(2) {width:83%;margin-left:13%}.ai-lines i:nth-child(3) {width:92%;margin-left:3%}.ai-lines i:nth-child(4) {width:73%;margin-left:20%}.ai-lines i:nth-child(5) {width:82%;margin-left:8%}
.ai-lines i:after {content:"";position:absolute;right:20%;top:-4px;width:10px;height:10px;border:1px solid #b7fff1;background:#0b4055;transform:rotate(45deg)}
.application-evidence {background:#f3f7f5}
.application-evidence .editorial-grid h2 {font-size:clamp(32px,3.7vw,58px);line-height:1.27}
.application-resources {border-top:1px solid #d0dfdc;margin-top:36px;padding-top:25px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.application-resources h3 {font-size:21px}
.application-resources p {font-size:13px;color:#778d94;line-height:1.9;margin-bottom:12px}
.application-resources a {font-size:12px;color:#16817c;font-weight:750}
.application-resources a:hover {color:#0aafa3}

.engineering-band {display:grid;grid-template-columns:1fr 1fr;min-height:645px;background:#071e30;color:#fff}
.engineering-visual {min-height:480px;background:url("/assets/engineering-visual.webp") center/cover no-repeat;position:relative}
.engineering-visual::after {content:"";inset:0;position:absolute;background:linear-gradient(90deg,transparent 75%,rgba(5,27,43,.20))}
.engineering-content {padding:clamp(65px,7.5vw,120px) clamp(40px,7vw,125px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative}
.engineering-content .eyebrow {color:#9debdc}
.engineering-content h2 {font-size:clamp(38px,3.65vw,59px)}
.engineering-content>p {font-size:15px;color:#bdd0d5;line-height:2.1;margin-top:28px;max-width:560px}
.engineering-content .text-link {color:#a4ecdf;margin-top:35px}
.engineering-content small {position:absolute;bottom:25px;color:#668d98;font-size:10px}
.principles {background:#f4f7f5}
.principle-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.principle-grid article {padding-top:24px;border-top:2px solid #2a9991}
.principle-grid b {font:800 12px/1.5 var(--head);color:#098c88}
.principle-grid h3 {font-size:25px;margin-top:36px}
.principle-grid p {font-size:14px;line-height:2;color:#71858b;margin-top:14px}

/* Two visible contact channels: domestic WeChat / international WhatsApp. */
.contact-showcase {background:radial-gradient(circle at 93% 5%,rgba(69,143,148,.22),transparent 33%),linear-gradient(115deg,#08283b,#0b3945);color:#fff;padding:105px 0}
.contact-showcase-inner {display:grid;grid-template-columns:minmax(0,1fr) minmax(510px,560px);gap:clamp(32px,5vw,85px);align-items:center}
.contact-showcase .eyebrow {color:#a8eadf}
.contact-showcase h2 {font-size:clamp(40px,4.55vw,70px)}
.contact-showcase-copy>p {font-size:15px;color:#c6dce0;line-height:2;margin-top:26px;max-width:590px}
.contact-showcase-actions {display:flex;flex-direction:column;gap:10px;align-items:start;margin-top:38px}
.large-phone {font:700 clamp(28px,3.8vw,50px)/1.4 var(--head);letter-spacing:-.035em}
.large-phone:hover {color:#8ee8da}
.contact-showcase-actions>span {font-size:12px;color:#9ebfca}
.contact-channel-grid {display:grid;gap:16px}
.contact-channel-grid-showcase {grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-channel-card {min-width:0}
.contact-channel-card-showcase {background:#f5f9f7;color:#123749;padding:24px 22px 21px;border:1px solid #dcebe7;box-shadow:0 28px 55px rgba(0,0,0,.16)}
.contact-channel-card-whatsapp.contact-channel-card-showcase {background:linear-gradient(145deg,#f4faf6,#e7f3ee)}
.contact-channel-overline {font:800 10px/1.5 var(--head);letter-spacing:.11em;color:#2a8d8a;display:block}
.qr-white {background:#fff;padding:12px;margin:18px auto;max-width:100%;width:255px;aspect-ratio:1;border:1px solid #d6e4e1}
.qr-white img {width:100%;height:100%;object-fit:contain}
.contact-channel-card-showcase .qr-white {width:min(100%,204px);padding:10px;margin:22px auto 18px}
.contact-channel-card strong {display:block;font-size:16px;line-height:1.5}
.contact-channel-card p {font-size:12px;line-height:1.75;margin-top:8px;color:#547680}
.contact-channel-card small {display:block;font-size:10px;line-height:1.7;color:#738b90;margin-top:10px}
.whatsapp-quick-link {display:inline-flex;align-items:center;gap:9px;justify-content:center;color:#086d5b;font:750 12px/1.4 var(--head);border-bottom:1px solid rgba(8,109,91,.5);padding:8px 0 5px;margin-top:9px}
.whatsapp-quick-link:hover,.whatsapp-quick-link:focus-visible {color:#064b45;border-bottom-color:#064b45}

/* Secondary editorial pages */
.page-hero {background:radial-gradient(circle at 80% 40%,#19495c 0%,transparent 36%),linear-gradient(120deg,#061a2c,#0d3449);color:white;position:relative;overflow:hidden;isolation:isolate}
.page-hero-content {padding-top:clamp(90px,9vw,145px);padding-bottom:clamp(95px,10vw,160px);position:relative;z-index:1}
.hero-index {display:flex;gap:48px;align-items:center;color:#92cec9;font:800 11px/1.4 var(--head);letter-spacing:.13em}
.hero-index span:first-child {padding-right:45px;border-right:1px solid #4a7582}
.page-hero h1 {font-size:clamp(44px,5.15vw,80px);line-height:1.2;max-width:1110px;margin-top:45px}
.page-hero p {max-width:735px;margin-top:28px;font-size:16px;color:#c1d7dc;line-height:2}
.page-orbit {position:absolute;right:-125px;top:-255px;width:750px;height:750px;border:1px solid rgba(160,237,225,.17);border-radius:50%;box-shadow:0 0 0 120px rgba(130,217,210,.022),0 0 0 235px rgba(130,217,210,.014);z-index:-1;pointer-events:none}
.page-hero-solutions::before,.page-hero-pcba::before {content:"";position:absolute;inset:0;z-index:-2;background:url("/assets/engineering-visual.webp") right center/auto 100% no-repeat;opacity:.17}
.business-rows {border-top:1px solid var(--line)}
.business-rows article {display:grid;grid-template-columns:195px minmax(0,1fr) 145px;gap:45px;align-items:start;padding:37px 0;border-bottom:1px solid var(--line)}
.business-rows article>span {font:800 11px/1.6 var(--head);color:#16837f;letter-spacing:.06em;padding-top:8px}
.business-rows h3 {font-size:clamp(22px,2.15vw,34px)}
.business-rows p {font-size:14px;color:#6a8088;line-height:2;margin-top:13px;max-width:700px}
.business-rows .text-link {padding-top:12px}
.soft-panel {background:var(--cream)}
.editorial-grid {display:grid;grid-template-columns:.68fr 1.5fr;gap:10%;align-items:start}
.editorial-grid>span:not(.eyebrow) {font:800 12px/1.5 var(--head);letter-spacing:.12em;color:#1c8a86;padding-top:16px}
.editorial-grid h2 {margin-top:0}
.editorial-grid>div>p {font-size:16px;color:#617a84;line-height:2.15;margin-top:25px;max-width:790px}
.portfolio-future {background:#092d3d;color:#fff}
.portfolio-future .editorial-grid>div>p {color:#c0d4d9}
.portfolio-future .eyebrow {color:#9ce6da}
.fineprint {font-size:12px;color:#7b9096;line-height:1.85;margin-top:24px}
.application-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.application-grid article {padding:30px 26px;background:#fff;border:1px solid #e1e9e6;min-height:230px;display:flex;flex-direction:column}
.application-grid b {font:800 12px/1 var(--head);color:#18948d}
.application-grid h3 {font-size:20px;line-height:1.4;margin-top:auto}
.application-grid p {font-size:12px;color:#6b848b;margin-top:11px}
.detail-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.detail-grid article {border-top:2px solid #0e9189;padding:32px 14px 12px 0}
.detail-grid article>span {font:800 11px/1.5 var(--head);color:#168b87;letter-spacing:.12em}
.detail-grid h3 {font-size:clamp(22px,2vw,31px);line-height:1.45;margin-top:46px}
.detail-grid p {font-size:14px;color:#71858d;line-height:2;margin-top:20px}
.steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.steps article {border-top:1px solid #a7c5c0;padding:31px 23px 0 0;position:relative}
.steps article::before {content:"";width:9px;height:9px;background:#178e88;border-radius:50%;position:absolute;left:0;top:-5px;box-shadow:0 0 0 5px #d6eeea}
.steps b {font:800 15px/1 var(--head);color:#168c87}
.steps h3 {font-size:21px;line-height:1.35;margin-top:38px}
.steps p {font-size:13px;color:#70868d;line-height:1.85;margin-top:14px;max-width:235px}
.dark-editorial {background:var(--navy);color:#fff}
.dark-editorial .eyebrow {color:#98e7df}
.dark-editorial .editorial-grid>div>p {color:#bbd1d7}
.story-grid,.about-layout {display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:10%;align-items:start}
.section-body {font-size:15px;color:#637c87;line-height:2.15;margin-top:27px}
.checklist {background:#fff;padding:48px;box-shadow:0 15px 55px rgba(24,48,51,.05);border:1px solid var(--line)}
.checklist h3 {font-size:26px}
.checklist ul {list-style:none;margin-top:30px;margin-bottom:28px}
.checklist li {border-bottom:1px solid var(--line);padding:17px 0 17px 27px;font-size:14px;color:#58717c;position:relative}
.checklist li::before {content:"✓";position:absolute;left:0;color:#0c9b8e;font-weight:900}
.company-profile {padding:49px;background:#082738;color:#fff}
.company-profile>span {font:800 11px/1.6 var(--head);color:#91e7dc;letter-spacing:.13em}
.company-profile h3 {font-size:clamp(25px,2.6vw,38px);line-height:1.38;margin:33px 0}
.company-profile dl div {display:grid;grid-template-columns:130px 1fr;gap:15px;padding:19px 0;border-top:1px solid #2b5160}
.company-profile dt {font:800 10px/1.6 var(--head);color:#81a8b5;letter-spacing:.05em}
.company-profile dd {font-size:13px;color:#e7f2f2;margin:0}
.general-cta {background:#0c3445;color:#fff;padding:85px 0}
.general-cta-inner {display:flex;align-items:end;justify-content:space-between;gap:60px}
.general-cta .eyebrow {color:#95e8df}
.general-cta h2 {font-size:clamp(34px,3.55vw,57px)}
.general-cta p {font-size:14px;line-height:2;color:#b9d0d8;margin-top:21px;max-width:720px}
.cta-actions {display:flex;flex-direction:column;gap:12px;min-width:200px}
.pcba-band .engineering-visual {background-position:center 43%}
.contact-page {background:var(--cream)}
.contact-layout {display:grid;grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);gap:7%;align-items:start}
.contact-info h2 {font-size:clamp(45px,5.5vw,78px);margin-top:26px}
.contact-info h2 em {font:700 .42em/1 var(--head);color:#69838b;font-style:normal;letter-spacing:-.01em;white-space:nowrap}
.contact-info>p {font-size:15px;color:#607984;line-height:2.15;margin-top:22px}
.phone-block {margin-top:45px;padding:27px 0;border-block:1px solid #c7d8d5;display:flex;flex-direction:column;gap:12px}
.phone-block span {font:800 11px/1.5 var(--head);color:#16877f;letter-spacing:.12em}
.phone-block a {font:750 clamp(35px,4.8vw,66px)/1.25 var(--head);letter-spacing:-.05em;color:#0c3446;white-space:nowrap}
.phone-block a:hover {color:#159c95}
.contact-services {list-style:none;margin-top:31px}
.contact-services li {font-size:14px;color:#456776;padding:11px 0}
.contact-services b {font:800 11px/1 var(--head);color:#0e8e89;margin-right:15px}
.contact-advice {border-left:2px solid #18998f;padding-left:20px;margin-top:35px}
.contact-advice h3 {font-size:19px}
.contact-advice p {font-size:13px;color:#748991;line-height:2;margin-top:8px}
.contact-info .visiting {font-size:12px;color:#889ca1;margin-top:28px}
.contact-qr-panel {padding:34px;background:#fff;border:1px solid #dce7e5;box-shadow:0 20px 65px rgba(13,55,66,.07)}
.contact-qr-panel h3 {font-size:clamp(23px,2.4vw,34px);line-height:1.4;margin-top:21px}
.contact-channel-grid-contact {grid-template-columns:repeat(2,minmax(0,1fr));margin-top:27px;gap:14px}
.contact-channel-card-contact {padding:17px 15px 21px;background:#f6faf8;border:1px solid #dfebe7;min-width:0}
.contact-channel-card-whatsapp.contact-channel-card-contact {background:#edf8f1}
.contact-channel-card-contact .qr-white {width:min(100%,193px);padding:9px;margin:18px auto}
.contact-channel-card-contact strong,.contact-channel-card-contact p,.contact-channel-card-contact small {text-align:center}
.contact-channel-card-contact .contact-channel-overline {text-align:center;font-size:9px}
.contact-channel-card-contact .whatsapp-quick-link {display:flex;max-width:max-content;margin:16px auto 0}
.faq-container {max-width:1040px}
.faq-container>h2 {font-size:45px;margin:22px 0 43px}
.faq-list {border-top:1px solid var(--line)}
.faq-list details {padding:28px 0;border-bottom:1px solid var(--line)}
.faq-list summary {font-size:19px;font-weight:700;cursor:pointer;padding-right:35px;line-height:1.65}
.faq-list details[open] summary {color:#167f7e}
.faq-list details p {font-size:14px;line-height:2.15;color:#697f88;margin-top:19px;max-width:830px}
.legal-copy {max-width:980px}
.legal-copy article {padding-bottom:38px;margin-bottom:33px;border-bottom:1px solid var(--line)}
.legal-copy h2 {font-size:25px}
.legal-copy p {font-size:15px;color:#657e86;line-height:2.2;margin-top:16px}
.legal-copy .legal-end {color:#175c68}
.notfound-actions {display:flex;gap:18px;flex-wrap:wrap}

/* Global footer: compact navigation followed by two visible business channels. */
.site-footer {background:#061923;color:#e9f2f3;padding:74px 0 28px}
.footer-top {display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:clamp(23px,2.8vw,45px);align-items:start;padding-bottom:60px}
.footer-identity>a {width:143px;height:78px;overflow:hidden;display:block}
.footer-identity img {width:auto;max-width:none;height:78px;filter:brightness(0) invert(1)}
.footer-identity strong {display:block;font-size:14px;line-height:1.8;margin-top:7px}
.footer-identity p {font-size:12px;color:#90acb7;line-height:1.95;margin-top:13px}
.footer-identity>span {font:800 9px/1.6 var(--head);letter-spacing:.11em;color:#5ebbb6;display:block;margin-top:16px}
.footer-column {display:flex;flex-direction:column;gap:13px}
.footer-column h2 {font-size:14px;letter-spacing:-.01em;margin:9px 0 13px}
.footer-column a,.footer-column>span {font-size:12px;color:#9bb5bd;line-height:1.7}
.footer-column a:hover {color:#83e3d6}
.footer-contact .footer-phone {font:750 18px/1.3 var(--head);color:white;white-space:nowrap}
.footer-contact-bar {display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:clamp(26px,5vw,78px);align-items:center;border-top:1px solid #254250;padding:36px 0 40px}
.footer-contact-bar-heading>span {display:block;color:#77bfb8;font:800 10px/1.7 var(--head);letter-spacing:.15em}
.footer-contact-bar-heading>strong {display:block;font-size:24px;font-weight:700;line-height:1.5;margin-top:9px}
.footer-contact-bar-heading>p {color:#91abb3;font-size:12px;line-height:1.8;margin-top:9px}
.contact-channel-grid-footer {grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.contact-channel-card-footer {display:grid;grid-template-columns:106px minmax(0,1fr);grid-auto-rows:min-content;column-gap:17px;align-content:center;padding:14px;background:#0b2935;border:1px solid #244854;min-height:136px}
.contact-channel-card-whatsapp.contact-channel-card-footer {background:#0c302f;border-color:#27554a}
.contact-channel-card-footer .qr-white {grid-column:1;grid-row:1 / span 5;margin:0;width:106px;padding:7px;align-self:center}
.contact-channel-card-footer .contact-channel-overline {grid-column:2;grid-row:1;font-size:9px;color:#8edacf;letter-spacing:.06em}
.contact-channel-card-footer strong {grid-column:2;grid-row:2;font-size:13px;color:#e4f3f0;margin-top:6px}
.contact-channel-card-footer p {grid-column:2;grid-row:3;font-size:10px;color:#9bb5bd;line-height:1.6;margin-top:5px}
.contact-channel-card-footer small {grid-column:2;grid-row:4;font-size:9px;color:#85a6af;line-height:1.5;margin-top:5px}
.contact-channel-card-footer .whatsapp-quick-link {grid-column:2;grid-row:5;justify-content:flex-start;color:#b3ebd6;font-size:10px;margin-top:4px}
.footer-bottom {display:flex;justify-content:space-between;gap:24px;border-top:1px solid #254250;padding-top:24px;font-size:11px;line-height:1.8;color:#7796a2}
.icp-filing {display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;margin-top:28px}
.icp-filing a {font-size:12px;color:#a1b7bf}
.icp-filing a:last-child {font-size:10px;color:#799aa5}
.icp-filing a:hover {color:#98eee0;text-decoration:underline}

@media(max-width:1250px) {
  .footer-top {grid-template-columns:1.45fr 1fr 1fr 1fr;row-gap:42px}
  .contact-channel-card-footer {grid-template-columns:88px minmax(0,1fr);gap:12px;padding:12px}
  .contact-channel-card-footer .qr-white {width:88px}
  .header-inner {gap:20px}
  .desktop-nav {gap:17px}
  .header-controls {gap:12px}
}
@media(max-width:1090px) {
  .desktop-nav,.header-controls {display:none}
  .menu-toggle {display:flex}
  .mobile-nav:not([hidden]) {display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:#092638;padding:18px clamp(24px,4.6vw,74px) 30px;max-height:calc(100svh - 105px);overflow-y:auto;box-shadow:0 25px 48px rgba(2,14,24,.25)}
  .mobile-nav>a {display:block;padding:13px 0;border-bottom:1px solid #275063;font-size:16px;font-weight:650}
  .mobile-nav>a[aria-current="page"] {color:#a1efe3}
  .mobile-nav .mobile-contact {text-align:center;background:#aef0e4;color:#092b39;padding:14px;border:0;margin-top:18px;font-weight:800}
  .mobile-language {margin-top:22px;display:flex;align-items:center}
  .mobile-language .language-switch {gap:14px;font-size:14px}
  .utility-inner {font-size:9px}
  .header-inner {height:76px}
  .brand {height:76px}
  .footer-top {grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
  .footer-identity {grid-column:1 / -1}
  .footer-contact {grid-column:auto;grid-row:auto}
  .footer-contact-bar {grid-template-columns:1fr;gap:24px}
  .hero-rail {gap:19px}
  .hero-rail span {font-size:10px}
}
@media(max-width:850px) {
  .section {padding:82px 0}
  .section-intro {grid-template-columns:1fr;gap:20px;margin-bottom:42px}
  .section-intro>p {max-width:800px}
  .home-hero {min-height:680px}
  .home-hero-content {padding-top:125px;padding-bottom:145px}
  .home-hero h1 {font-size:clamp(48px,7vw,67px)}
  .intro-layout {grid-template-columns:1fr;gap:25px}
  .intro-layout h2 {margin-top:0}
  .intro-aside {max-width:none;margin-top:14px}
  .capability-layout {grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .capability-featured {grid-column:span 2;grid-row:auto;min-height:390px}
  .capability-panel {min-height:360px;padding:28px}
  .brand-row {grid-template-columns:125px 1fr 40px;gap:25px}
  .application-card-body {padding:26px;min-height:245px}
  .application-story {grid-template-columns:1fr;min-height:0}
  .application-story-media,.application-story:nth-child(even) .application-story-media {grid-column:1;grid-row:1;min-height:430px}
  .application-story-copy,.application-story:nth-child(even) .application-story-copy {grid-column:1;grid-row:2}
  .application-story-copy {padding:47px 30px 65px}
  .ai-perspective-layout {grid-template-columns:1fr;gap:46px}
  .brand-symbol {width:90px;height:90px}
  .engineering-band {grid-template-columns:1fr}
  .engineering-visual {min-height:415px}
  .engineering-content {padding:70px 6vw 85px}
  .contact-showcase-inner {grid-template-columns:1fr;gap:38px}
  .contact-channel-grid-showcase {max-width:650px;width:100%;margin-inline:auto}
  .business-rows article {grid-template-columns:100px 1fr;gap:22px}
  .business-rows .text-link {grid-column:2;padding-top:0}
  .application-grid,.steps {grid-template-columns:1fr 1fr;row-gap:32px}
  .story-grid,.about-layout {grid-template-columns:1fr;gap:35px}
  .general-cta-inner {flex-direction:column;align-items:start}
  .cta-actions {flex-direction:row;flex-wrap:wrap}
  .contact-layout {grid-template-columns:1fr;gap:45px}
  .contact-qr-panel {max-width:600px;width:100%;margin-inline:auto}
  .footer-top {grid-template-columns:1.2fr 1fr 1fr}
  .footer-identity {grid-column:span 3}
  .footer-contact {grid-row:auto;grid-column:auto}
}
@media(max-width:640px) {
  html {scroll-padding-top:78px}
  body {font-size:14px}
  .container {padding-inline:20px}
  .utility-bar {display:none}
  .header-inner {height:71px}
  .brand {height:70px;width:143px;flex-basis:143px}
  .brand img {height:69px}
  .mobile-nav:not([hidden]) {padding:12px 20px 25px;max-height:calc(100svh - 71px)}
  .section {padding:64px 0}
  .eyebrow {font-size:9px;letter-spacing:.11em;gap:9px}
  .eyebrow i {width:16px;flex-basis:16px}
  .section-intro h2,.intro-layout h2,.engineering-content h2,.contact-showcase h2,.general-cta h2,.story-grid h2,.about-layout h2,.editorial-grid h2 {font-size:clamp(32px,8.4vw,47px);line-height:1.27}
  .section-intro {margin-bottom:32px}
  .section-intro>p {font-size:13px;line-height:1.9}
  .home-hero {min-height:660px}
  .hero-image {background-position:63% center}
  .hero-tint {background:linear-gradient(90deg,rgba(3,20,35,.91),rgba(3,20,35,.52)),linear-gradient(0deg,rgba(3,17,28,.85),transparent 37%)}
  .home-hero-content {padding-top:88px;padding-bottom:170px}
  .home-hero h1 {font-size:clamp(40px,10.1vw,59px);line-height:1.2;margin-top:25px;letter-spacing:-.055em}
  .hero-accent {font-size:12px;margin-top:22px;letter-spacing:0}
  .home-hero-content>p {font-size:13px;line-height:1.95;margin-top:16px}
  .hero-actions {flex-direction:column;align-items:stretch;gap:10px;margin-top:25px}
  .hero-actions .button {width:100%}
  .hero-bottom-inner {min-height:70px}
  .hero-rail {gap:9px;flex-wrap:wrap}
  .hero-rail span {font-size:9px}
  .hero-rail span:last-child {display:none}
  .hero-rail b {font-size:9px;margin-right:3px}
  .hero-bottom a {font-size:10px}
  .hero-art-note {right:20px;bottom:80px;font-size:9px}
  .intro-layout>div:last-child>p {font-size:14px;line-height:2;margin-top:23px}
  .capability-layout {grid-template-columns:1fr;gap:12px}
  .capability-featured {grid-column:auto;min-height:365px}
  .capability-panel {min-height:302px;padding:26px}
  .capability-body h3 {font-size:30px}
  .capability-featured .capability-body h3 {font-size:39px}
  .capability-body p {font-size:13px;line-height:1.9}
  .brand-row {grid-template-columns:minmax(0,1fr) 40px;gap:12px;padding:25px 0}
  .brand-index {grid-column:1 / -1;min-height:auto;flex-direction:row;align-items:center;gap:20px}
  .brand-symbol {width:57px;height:57px;font-size:28px;flex-shrink:0}
  .brand-body {grid-column:1}
  .brand-body h3 {font-size:31px}
  .brand-body p {font-size:13px;line-height:1.9}
  .brand-row-arrow {grid-column:2;width:38px;height:38px}
  .brands-bottom {flex-direction:column;align-items:start;gap:11px}
  .brands-bottom>span {font-size:9px}
  .applications-intro {margin-bottom:24px}
  .applications-intro-action {justify-content:flex-start}
  .application-cards {grid-template-columns:1fr;gap:14px}
  .application-card-image {aspect-ratio:1.55}
  .application-card-body {padding:23px 23px 27px;min-height:0}
  .application-card-body h3 {font-size:26px}
  .application-card-body>p {font-size:12px}
  .application-card-foot {padding-top:22px}
  .application-disclaimer {font-size:10px}
  .application-reference-head {padding-bottom:42px}
  .application-reference-head .section-intro {margin-bottom:32px}
  .application-reference-bar {flex-direction:column;gap:5px;font-size:9px}
  .application-stories {padding-bottom:35px}
  .application-story {scroll-margin-top:78px}
  .application-story-media,.application-story:nth-child(even) .application-story-media {min-height:280px}
  .application-story-media small {font-size:8px;left:16px;bottom:18px}
  .application-story-copy {padding:38px 20px 55px}
  .application-story-copy h2 {font-size:31px}
  .application-story-lead {font-size:13px}
  .application-architecture li {font-size:10px;padding:7px}
  .application-related {flex-wrap:wrap}
  .ai-perspective h2 {font-size:36px}
  .ai-perspective p {font-size:13px}
  .ai-perspective-graphic {min-height:230px;padding:23px}
  .engineering-visual {min-height:280px}
  .engineering-content {padding:60px 20px 85px}
  .engineering-content>p {font-size:13px}
  .principle-grid,.detail-grid,.application-grid {grid-template-columns:1fr;gap:21px}
  .principle-grid article {padding:25px 0 10px}
  .principle-grid h3 {margin-top:17px;font-size:23px}
  .principle-grid p {font-size:13px}
  .contact-showcase {padding:67px 0}
  .contact-showcase-inner {grid-template-columns:1fr;gap:37px}
  .contact-showcase-copy>p {font-size:13px}
  .large-phone {font-size:35px}
  .contact-channel-grid-showcase {grid-template-columns:1fr;max-width:370px;margin-inline:auto}
  .contact-channel-card-showcase {padding:27px}
  .contact-channel-card-showcase .qr-white {width:min(100%,235px)}
  .page-hero-content {padding-block:78px 86px}
  .hero-index {gap:15px;font-size:9px;letter-spacing:.07em}
  .hero-index span:first-child {padding-right:14px}
  .page-hero h1 {font-size:clamp(35px,9vw,54px);line-height:1.24;margin-top:32px}
  .page-hero p {font-size:13px;line-height:1.95;margin-top:22px}
  .page-orbit {width:500px;height:500px;top:-220px;right:-290px}
  .business-rows article {grid-template-columns:1fr;gap:12px}
  .business-rows h3 {font-size:26px}
  .business-rows .text-link {grid-column:auto}
  .editorial-grid {grid-template-columns:1fr;gap:23px}
  .editorial-grid>div>p {font-size:14px}
  .steps {grid-template-columns:1fr 1fr;gap:27px 14px}
  .steps article {padding-top:25px}
  .steps h3 {font-size:17px;margin-top:22px}
  .steps p {font-size:11px;line-height:1.8}
  .detail-grid h3 {margin-top:23px;font-size:24px}
  .detail-grid p {font-size:13px}
  .checklist,.company-profile,.contact-qr-panel {padding:28px}
  .contact-channel-grid-contact {grid-template-columns:1fr;max-width:375px;margin-inline:auto}
  .contact-channel-card-contact .qr-white {width:min(100%,245px)}
  .company-profile dl div {grid-template-columns:104px 1fr;gap:10px}
  .company-profile h3 {font-size:25px}
  .general-cta {padding:65px 0}
  .general-cta-inner {gap:25px}
  .cta-actions {width:100%;flex-direction:column}
  .cta-actions .button {width:100%}
  .phone-block a {font-size:clamp(35px,9vw,45px)}
  .contact-info h2 {font-size:clamp(43px,9.5vw,61px)}
  .wechat-contact .qr-white {max-width:300px}
  .faq-container>h2 {font-size:32px}
  .faq-list summary {font-size:16px}
  .footer-top {grid-template-columns:1fr 1fr;gap:35px 22px}
  .footer-identity {grid-column:span 2}
  .footer-contact {grid-column:1}
  .footer-contact-bar {padding:30px 0 34px}
  .footer-contact-bar-heading>strong {font-size:23px}
  .contact-channel-grid-footer {grid-template-columns:1fr}
  .contact-channel-card-footer {grid-template-columns:104px minmax(0,1fr);padding:17px}
  .contact-channel-card-footer .qr-white {width:104px}
  .footer-bottom {flex-direction:column;gap:8px}
}
@media(max-width:390px) {
  .container {padding-inline:16px}
  .home-hero {min-height:700px}
  .home-hero h1 {font-size:39px}
  .hero-rail span:nth-child(2) {display:none}
  .hero-rail span:last-child {display:inline}
  .brand-body h3 {font-size:28px}
  .footer-top {gap:30px 14px}
  .footer-contact .footer-phone {font-size:15px}
  .footer-column h2 {font-size:12px}
  .footer-column a,.footer-column>span {font-size:11px}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  *,*::before,*::after {animation-duration:.01ms!important;transition-duration:.01ms!important}
}
