:root{
  --navy:#071f35;--navy2:#0b3551;--teal:#087f83;--teal2:#16a4a5;--gold:#c8a24e;
  --ink:#183143;--muted:#647887;--line:#dce6ea;--soft:#f5f8f8;--warm:#fbfaf7;--white:#fff;
  --max:1360px;--radius:20px;--shadow:0 24px 70px rgba(7,31,53,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button{font:inherit}.shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:850;color:var(--teal)}.eyebrow.light{color:#7ed0cd}.reveal{opacity:0;transform:translateY(20px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
.site-header{height:78px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(7,31,53,.07)}.nav-shell{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:315px}.brand-mark{width:50px;height:50px;border-radius:50%;overflow:hidden;border:1px solid #e0e8eb;background:#fff;display:grid;place-items:center}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-text strong{display:block;color:var(--navy);font-size:13px;font-weight:780;letter-spacing:.015em}.brand-text small{display:block;margin-top:4px;color:#7b8e9b;font-size:10px}.desktop-nav{margin-left:auto;display:flex;gap:22px;align-items:center}.desktop-nav a{font-size:13px;font-weight:650;color:#4d6271;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--teal);transition:.25s}.desktop-nav a:hover:after{right:0}.desktop-nav a:hover{color:var(--navy)}.nav-actions{display:flex;gap:9px;align-items:center}.lang-switch{border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:#fff;color:var(--navy);cursor:pointer}.nav-cta{padding:10px 15px;border-radius:999px;background:var(--navy);color:#fff;font-size:12px;font-weight:750}.menu-button{display:none;border:0;background:transparent;width:38px;height:38px;padding:10px;cursor:pointer}.menu-button span{display:block;height:1px;background:var(--navy);margin:5px 0}.mobile-nav{display:none}
.hero{padding:78px 0 72px;background:radial-gradient(circle at 0 0,rgba(22,164,165,.08),transparent 28%),linear-gradient(180deg,#fff,#fbfdfd)}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}.location-line{display:flex;align-items:center;gap:10px;color:var(--teal);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.location-line span{width:28px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(54px,5.6vw,82px);line-height:1.02;letter-spacing:-.055em;color:var(--navy);margin:24px 0 18px;font-weight:730}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-style:normal;margin-top:8px;background:linear-gradient(90deg,var(--teal),var(--navy) 58%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-kicker{font-size:19px;color:#385768;font-weight:600;margin-bottom:16px}.hero-copy>p{font-size:17px;line-height:1.9;color:var(--muted);max-width:660px;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{min-height:48px;padding:0 22px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:760;transition:.22s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--navy);color:#fff;box-shadow:0 12px 30px rgba(7,31,53,.15)}.btn.secondary{border:1px solid var(--line);background:#fff;color:var(--navy)}.hero-proof{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid var(--line)}.hero-proof div{padding:18px 14px 0 0;border-right:1px solid var(--line)}.hero-proof div:last-child{border-right:0}.hero-proof b{display:block;font-size:10px;color:var(--gold);letter-spacing:.13em}.hero-proof span{display:block;margin-top:7px;font-size:12px;color:#687d89}.hero-media{position:relative;margin:0;min-height:580px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:#e8f2f3}.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.4);border-radius:inherit}.hero-media figcaption{position:absolute;left:18px;bottom:16px;z-index:2;background:rgba(7,31,53,.72);color:#fff;padding:7px 10px;border-radius:6px;font-size:9px;letter-spacing:.05em;backdrop-filter:blur(8px)}
.intro-band{padding:88px 0 104px;border-top:1px solid #eef3f4}.intro-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px}.intro-title h2{font-size:clamp(38px,4vw,60px);line-height:1.05;letter-spacing:-.045em;color:var(--navy);margin:13px 0 0}.intro-pillars{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.pillar{padding:26px 30px 32px 0;border-bottom:1px solid var(--line)}.pillar:nth-child(even){padding-left:30px;border-left:1px solid var(--line)}.pillar span{font-size:10px;color:var(--gold);letter-spacing:.12em;font-weight:850}.pillar h3{font-size:21px;color:var(--navy);margin:15px 0 10px}.pillar p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
.section-dark{background:var(--navy);color:#fff}.method{padding:94px 0}.method-head{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:end}.method-head h2{font-size:clamp(40px,4.2vw,62px);line-height:1.05;letter-spacing:-.045em;margin:13px 0 0}.method-head p{margin:0;color:#b8ccd6;line-height:1.9}.process{margin-top:62px;display:grid;grid-template-columns:repeat(6,1fr);position:relative}.process:before{content:"";position:absolute;left:2%;right:2%;top:24px;height:1px;background:linear-gradient(90deg,rgba(126,208,205,.15),rgba(126,208,205,.65),rgba(200,162,78,.55))}.process-step{position:relative;z-index:2;padding-right:22px}.process-step span{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:#0d4059;border:1px solid rgba(126,208,205,.42);color:#8fe0dc;font-size:10px;font-weight:850}.process-step b{display:block;margin-top:18px;font-size:17px}.process-step small{display:block;margin-top:6px;color:#a9c0cb;font-size:12px}
.solutions-section{padding:112px 0 30px}.section-heading{display:grid;grid-template-columns:1fr .52fr;gap:66px;align-items:end;margin-bottom:64px}.section-heading h2{font-size:clamp(40px,4.2vw,64px);line-height:1.04;letter-spacing:-.045em;color:var(--navy);margin:13px 0 0}.section-heading p{margin:0;color:var(--muted);line-height:1.9}.editorial-stack{display:grid;gap:70px}.feature{display:grid;grid-template-columns:1.06fr .94fr;gap:58px;align-items:center}.feature-image-right{grid-template-columns:.94fr 1.06fr}.feature-media{position:relative;min-height:465px;border-radius:18px;overflow:hidden;background:#e8f0f1}.feature-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feature-media:after{content:"";position:absolute;inset:0;border:1px solid rgba(7,31,53,.08);border-radius:inherit}.concept-tag{position:absolute;left:14px;bottom:14px;z-index:2;background:rgba(255,255,255,.88);color:#506b78;font-size:9px;padding:6px 8px;border-radius:5px;backdrop-filter:blur(8px)}.feature-copy{padding:22px 12px}.feature-number{display:block;color:var(--gold);font-size:12px;letter-spacing:.14em;font-weight:850;margin-bottom:18px}.feature-copy h3{font-size:clamp(32px,3.2vw,48px);letter-spacing:-.04em;line-height:1.08;color:var(--navy);margin:12px 0 16px}.feature-copy>p{font-size:16px;line-height:1.85;color:var(--muted);margin:0}.feature-copy ul{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid var(--line)}.feature-copy li{padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;color:#536b78}.feature-copy li:before{content:"—";color:var(--gold);margin-right:10px}.flowline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:28px}.flowline span{border:1px solid var(--line);background:#fff;padding:8px 10px;border-radius:5px;font-size:11px;color:#516b78}.flowline i{font-style:normal;color:var(--gold)}
.innovation-section{padding:112px 0;background:var(--warm)}.innovation-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:74px;align-items:center}.innovation-copy h2{font-size:clamp(44px,4.6vw,68px);line-height:1.02;letter-spacing:-.052em;color:var(--navy);margin:13px 0 22px}.innovation-copy p{font-size:16px;line-height:1.9;color:var(--muted)}.innovation-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.innovation-list span{font-size:11px;border:1px solid #d8e1df;background:#fff;padding:8px 10px;border-radius:6px;color:#48636e}.blueprint{position:relative}.blueprint svg{width:100%;height:auto;display:block;border-radius:22px;box-shadow:0 20px 60px rgba(7,31,53,.08)}.blueprint-caption{display:flex;justify-content:space-between;gap:20px;margin-top:14px;font-size:10px;color:#6f838e}.blueprint-caption b{font-size:12px;color:var(--navy)}
.cases-section{padding:112px 0}.case-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:20px}.case-main{min-height:410px;background:linear-gradient(145deg,#f2f7f7,#fff);border:1px solid var(--line);border-radius:18px;padding:42px;display:flex;flex-direction:column;justify-content:center}.case-label{font-size:10px;color:var(--gold);letter-spacing:.12em;font-weight:850}.case-main h3{font-size:34px;line-height:1.12;color:var(--navy);margin:18px 0 14px}.case-main p{font-size:15px;line-height:1.8;color:var(--muted);max-width:700px}.architecture{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:26px}.architecture span{font-size:10px;background:#fff;border:1px solid var(--line);padding:7px 9px;border-radius:5px}.architecture i{font-style:normal;color:var(--gold)}.case-main small{margin-top:28px;color:#6d838e}.case-side{display:grid;gap:20px}.case-mini{border:1px solid var(--line);border-radius:18px;padding:30px;display:flex;flex-direction:column;justify-content:center;min-height:195px}.case-mini h3{font-size:22px;color:var(--navy);margin:14px 0 10px}.case-mini p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.industries-section{padding:112px 0;background:#f7fafb}.industry-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.industry-grid div{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.industry-grid div:nth-child(odd){padding-right:34px;border-right:1px solid var(--line)}.industry-grid div:nth-child(even){padding-left:34px}.industry-grid b{font-size:19px;color:var(--navy)}.industry-grid span{font-size:10px;color:var(--gold);letter-spacing:.12em}
.zhuji-section{padding:112px 0}.zhuji-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:58px;align-items:center}.zhuji-copy h2{font-size:clamp(42px,4.5vw,66px);line-height:1.02;letter-spacing:-.05em;color:var(--navy);margin:13px 0 24px}.zhuji-copy>p{font-size:16px;line-height:1.9;color:var(--muted)}.location-meta{margin-top:32px;border-top:1px solid var(--line)}.location-meta div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.location-meta span{color:#7c909b}.location-meta b{color:var(--navy)}.zhuji-media{margin:0;position:relative;min-height:520px;border-radius:20px;overflow:hidden;background:#e5eef0}.zhuji-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.zhuji-media figcaption{position:absolute;left:14px;bottom:14px;background:rgba(7,31,53,.72);color:#fff;font-size:9px;padding:6px 8px;border-radius:5px;backdrop-filter:blur(8px)}
.values-section{padding:100px 0;background:var(--warm)}.values-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #dddeda}.values-grid article{padding:28px 22px 0 0;border-right:1px solid #dddeda}.values-grid article:not(:first-child){padding-left:22px}.values-grid article:last-child{border-right:0}.values-grid span{font-size:10px;color:var(--gold);letter-spacing:.12em;font-weight:850}.values-grid h3{font-size:18px;color:var(--navy);margin:14px 0 8px}.values-grid p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}
.contact-section{padding:112px 0}.contact-box{display:grid;grid-template-columns:1fr .92fr;gap:70px;padding:58px;border-radius:20px;background:linear-gradient(135deg,#082c46,#08233a 56%,#0d5b60);color:#fff}.contact-copy h2{font-size:clamp(42px,4.5vw,64px);line-height:1.03;letter-spacing:-.05em;margin:13px 0 20px}.contact-copy p{color:#c5d5de;line-height:1.85;margin:0}.contact-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.contact-buttons a{border:1px solid rgba(255,255,255,.22);padding:12px 14px;border-radius:8px;font-size:13px}.contact-buttons a:first-child{background:#fff;color:var(--navy)}.contact-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-detail{border-bottom:1px solid rgba(255,255,255,.14);padding:8px 0 16px}.contact-detail span{display:block;color:#78c8c7;font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px}.contact-detail b{font-size:13px}.qr-placeholder{min-height:132px;border:1px dashed rgba(255,255,255,.28);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;color:#b8cbd4}.qr-placeholder span{font-size:11px;letter-spacing:.12em}.qr-placeholder small{margin-top:6px;font-size:9px}
footer{background:#061b2e;color:#9eb2be;padding:32px 0 42px}.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:40px;align-items:center}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:44px;height:44px;border-radius:50%;object-fit:cover}.footer-brand b{display:block;color:#fff;font-size:12px}.footer-brand span{display:block;margin-top:4px;font-size:10px}.footer-links{display:flex;gap:18px;font-size:11px}.footer-meta{text-align:right;font-size:9px;line-height:1.7}
@media(max-width:1120px){.desktop-nav{display:none}.brand{min-width:0;flex:1}.menu-button{display:block}.nav-cta{display:none}.mobile-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 24px 24px;grid-template-columns:1fr 1fr;gap:14px}.mobile-nav.open{display:grid}.mobile-nav a{font-size:14px;color:var(--navy);padding:9px 0}.hero-grid,.intro-grid,.method-head,.section-heading,.innovation-grid,.zhuji-grid,.contact-box{grid-template-columns:1fr}.hero-media{min-height:520px}.process{grid-template-columns:repeat(3,1fr);gap:26px}.process:before{display:none}.feature,.feature-image-right{grid-template-columns:1fr}.feature-image-right .feature-copy{order:2}.feature-image-right .feature-media{order:1}.feature-media{min-height:430px}.case-layout{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-meta{text-align:left}}
@media(max-width:720px){.shell{width:min(var(--max),calc(100% - 30px))}.site-header{height:70px}.brand-mark{width:44px;height:44px}.brand-text strong{font-size:10.5px}.brand-text small{font-size:8.5px}.lang-switch{padding:8px 11px}.mobile-nav{top:70px}.hero{padding:48px 0 44px}.hero h1{font-size:46px}.hero-kicker{font-size:15px}.hero-copy>p{font-size:15px}.hero-proof{grid-template-columns:1fr 1fr}.hero-proof div:nth-child(2){border-right:0}.hero-media{min-height:390px}.intro-band{padding:68px 0}.intro-pillars{grid-template-columns:1fr}.pillar,.pillar:nth-child(even){padding:22px 0;border-left:0}.method{padding:72px 0}.process{grid-template-columns:1fr 1fr}.solutions-section,.innovation-section,.cases-section,.industries-section,.zhuji-section,.values-section,.contact-section{padding:76px 0}.section-heading{gap:18px;margin-bottom:38px}.feature-media{min-height:330px}.feature-copy{padding:6px 0}.feature-copy h3{font-size:30px}.blueprint-caption{display:block}.blueprint-caption span{display:block;margin-top:5px}.industry-grid{grid-template-columns:1fr}.industry-grid div:nth-child(odd),.industry-grid div:nth-child(even){padding:20px 0;border-right:0}.zhuji-media{min-height:360px}.values-grid{grid-template-columns:1fr}.values-grid article,.values-grid article:not(:first-child){padding:22px 0;border-right:0;border-bottom:1px solid #dddeda}.contact-box{padding:30px 22px}.contact-side{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}

/* Real matrix-converter hardware portfolio */
.real-hardware{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 20px 60px rgba(7,31,53,.08)}
.real-hardware-media{position:relative;background:#eef3f4;padding:10px}
.real-hardware-media img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain;margin:auto;border-radius:14px}
.real-badge{position:absolute;left:24px;top:24px;background:rgba(7,31,53,.88);color:#fff;padding:8px 10px;border-radius:6px;font-size:9px;letter-spacing:.12em;font-weight:800;backdrop-filter:blur(8px)}
.real-hardware-caption{padding:24px 26px 26px}
.hardware-kicker{display:block;color:var(--gold);font-size:9px;letter-spacing:.13em;font-weight:850;margin-bottom:8px}
.real-hardware-caption h3{margin:0 0 10px;color:var(--navy);font-size:24px}
.real-hardware-caption p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}
.hardware-flow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:20px}
.hardware-flow span{font-size:9px;border:1px solid var(--line);padding:7px 9px;border-radius:5px;color:#4e6874;background:#fbfdfd}
.hardware-flow i{font-style:normal;color:var(--gold);font-size:11px}
.case-hardware-row{display:grid;grid-template-columns:128px 1fr;gap:16px;align-items:center;margin-top:12px}
.case-hardware-row img{width:128px;height:96px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#eef3f4}
.case-hardware-row h3{margin:0 0 7px}
.case-hardware-row p{margin:0}
@media(max-width:720px){
  .real-hardware-caption{padding:20px}
  .real-hardware-caption h3{font-size:21px}
  .real-hardware-media{padding:6px}
  .case-hardware-row{grid-template-columns:1fr}
  .case-hardware-row img{width:100%;height:auto;max-height:260px;object-fit:contain}
}

/* Frozen design — company/contact details update only */
.contact-people{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.contact-person{padding:16px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.contact-person span{display:block;color:#78c8c7;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.contact-person h3{margin:7px 0 5px;font-size:21px;color:#fff}
.contact-person a{font-size:12px;color:#dcebef}
.qr-card{margin:0;background:#fff;border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:170px}
.qr-card img{width:100%;max-width:190px;height:auto;display:block;border-radius:6px}
.qr-card figcaption{margin-top:8px;color:#516a77;font-size:9px;letter-spacing:.08em;text-align:center}
@media(max-width:720px){
  .contact-people{grid-template-columns:1fr}
  .qr-card img{max-width:220px}
}