/* HEYUNXIN independent refinement. No header or chip-hero overrides.
   Sliding text interaction adapted from ThreeUI (MIT), see /THIRD-PARTY-NOTICES.txt. */
.about.section{padding-block:116px 120px}
.about .section-kicker{margin-bottom:45px}
.editorial-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:start;margin-bottom:58px}
.about .editorial-intro h2{font-size:clamp(34px,3.7vw,58px);line-height:1.45;letter-spacing:-.025em;font-weight:400;color:#153a54}
.editorial-intro h2 em{font-style:normal;color:#387591}
.editorial-intro-copy{padding-top:6px}
.editorial-intro-copy .about-lead{font-size:21px!important;line-height:1.75;margin-bottom:20px;max-width:470px}
.editorial-intro-copy>p:last-child{font-size:16px;line-height:1.95;color:#5d7588;max-width:470px}
.editorial-business{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:stretch}
.editorial-business .about-image{height:360px;margin:0;overflow:hidden;position:relative;background:#091b2a}
.editorial-business .about-image img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
.editorial-business .about-image figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:16px;padding:30px;color:#e0eef5;font-size:13px;background:linear-gradient(transparent,#051624e0)}
.editorial-business .business-paths{margin:0;border:0;display:grid;grid-template-rows:1fr 1fr;gap:0}
.business-paths .business-path{display:flex;flex-direction:column;justify-content:center;border:0;border-top:1px solid #bbceda;padding:26px 40px 26px 0;background:transparent;transition:background .3s}
.business-paths .business-path:last-child{border-bottom:1px solid #bbceda}
.business-paths .business-path:hover{padding-left:0;background:linear-gradient(90deg,transparent,#eaf3f980)}
.business-paths .path-index{position:static!important;font-size:12px!important;color:#6b8799!important;letter-spacing:.12em;margin-bottom:14px}
.business-paths .business-path small{font-size:12px;letter-spacing:.08em;margin-bottom:9px;color:#637e90}
.business-paths .business-path strong{font-size:clamp(18px,1.6vw,24px);font-weight:500;line-height:1.6}
.business-paths .business-path>span[aria-hidden]:last-child{right:0;top:50%;width:39px;height:39px;border:1px solid #b5ccd9;border-radius:50%;display:grid;place-items:center;font-size:20px;transform:translateY(-50%);transition:background .3s,color .3s,border-color .3s}
.business-paths .business-path:is(:hover,:focus-visible)>span[aria-hidden]:last-child{background:#134c6b;color:white;border-color:#134c6b}
.slide-window{position:relative;display:block;overflow:hidden;line-height:inherit}
.slide-original,.slide-copy{display:block;transition:transform .42s cubic-bezier(.2,.75,.3,1),opacity .3s}
.slide-copy{position:absolute;inset:0;transform:translateY(-115%);opacity:0;pointer-events:none}
.slide-cta:focus-visible{outline:2px solid #4093ba;outline-offset:6px}
.slide-cta:focus-visible .slide-original{transform:translateY(115%);opacity:0}
.slide-cta:focus-visible .slide-copy{transform:translateY(0);opacity:1}
@media(hover:hover){.slide-cta:hover .slide-original{transform:translateY(115%);opacity:0}.slide-cta:hover .slide-copy{transform:translateY(0);opacity:1}}
@media(max-width:1000px){.editorial-intro,.editorial-business{gap:5%}.editorial-intro-copy .about-lead{font-size:19px!important}.editorial-business .about-image{height:335px}.about.section{padding-block:90px}.editorial-intro h2{font-size:36px}}
@media(max-width:700px){.about.section{padding-block:68px}.about .section-kicker{margin-bottom:28px}.editorial-intro{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.editorial-intro h2{font-size:32px;line-height:1.5;letter-spacing:-.02em}.editorial-intro-copy{padding:0}.editorial-intro-copy .about-lead{font-size:18px!important;line-height:1.8;margin-bottom:15px}.editorial-intro-copy>p:last-child{font-size:16px;line-height:1.9}.editorial-business{grid-template-columns:1fr;gap:30px}.editorial-business .about-image{height:265px}.editorial-business .about-image figcaption{padding:24px;font-size:12px}.business-paths .business-path{padding-block:26px}.business-paths .business-path strong{font-size:19px}.business-paths .path-index{margin-bottom:12px}}
.motion-paused .slide-original,.motion-paused .slide-copy{transition:none!important;transform:none!important;opacity:1!important}.motion-paused .slide-copy{visibility:hidden}
@media(prefers-reduced-motion:reduce){.slide-original,.slide-copy,.business-paths .business-path,.business-paths .business-path>span[aria-hidden]:last-child{transition:none!important}.slide-cta .slide-original{transform:none!important;opacity:1!important}.slide-copy{visibility:hidden}}

/* Services: quiet blue illumination and clear editorial hierarchy. */
.solutions.section{padding-block:116px 120px}
.solutions .section-heading{margin-bottom:52px}
.service-cards{gap:24px;align-items:stretch}
.service-card{position:relative;isolation:isolate;overflow:hidden;background:#f3f7fa;border:1px solid #dce7ee;border-radius:3px;box-shadow:none;transition:border-color .35s,box-shadow .35s,transform .35s}
.service-card::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 100% 0,#87c2e33b,transparent 60%);opacity:0;transition:opacity .5s;pointer-events:none}
.service-card:is(:hover,:focus-visible){transform:translateY(-4px);border-color:#93bacf;box-shadow:0 16px 40px #10345010}
.service-card:is(:hover,:focus-visible)::after{opacity:1}
.service-picture{height:230px;background:#081a2a;margin:14px 14px 0;border-radius:1px}
.service-picture>span{left:18px;bottom:18px;font-size:12px;border:1px solid #cde9f329;backdrop-filter:blur(8px);background:#082039aa;padding:8px 11px;letter-spacing:.12em}
.service-card-copy{padding:32px 30px 27px}
.service-card-copy .eyebrow{font-size:12px;line-height:1.65;letter-spacing:.1em;margin-bottom:13px;color:#55788e}
.service-card-copy h3{font-size:clamp(23px,2vw,30px);line-height:1.5;margin-bottom:17px;font-weight:500;letter-spacing:-.02em}
.service-card-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#5e7688}
.service-card-link{font-size:14px;margin-top:30px;padding-top:23px;color:#265d7b}
.service-card:first-child{background:linear-gradient(145deg,#173c57,#091e30);border-color:#204762;color:#eaf5fc}
.service-card:first-child .eyebrow{color:#97c2db}
.service-card:first-child .service-card-copy>p:not(.eyebrow){color:#b2cadb}
.service-card:first-child .service-card-link{border-color:#53738766;color:#d1e8f5}
.service-card:first-child::after{z-index:0;background:radial-gradient(ellipse at 100% 0,#7dcaff15,transparent 65%);pointer-events:none}
.service-card:first-child>*{position:relative;z-index:1}
.service-card:nth-child(3) .service-picture img{object-fit:contain;padding:8px;transform:scale(1.12)}
.service-card:nth-child(3):hover .service-picture img{transform:scale(1.15)}
.catalog-row{transition:background .25s}.catalog-row:hover{background:#e5eef540}
.brand-catalog .brand-tile{border-color:#dae4ec;border-radius:2px;box-shadow:0 2px 5px #13354903}
.catalog-category h3{line-height:1.7}.catalog-index{letter-spacing:.04em}

/* Detail pages use the existing content and navigation, with more breathing room. */
.detail-hero{background:radial-gradient(ellipse at 85% 0,#1b405957,transparent 55%),#081a2a;padding-bottom:82px}
.detail-hero .breadcrumbs{font-size:13px;gap:15px;padding-bottom:26px;margin-bottom:40px;border-bottom:1px solid #65849633;color:#8eafc6}
.detail-hero-grid{grid-template-columns:1.12fr 1fr;gap:9%;align-items:center}
.detail-hero h1{font-size:clamp(40px,4.4vw,67px);line-height:1.3;font-weight:400;letter-spacing:-.025em}
.detail-hero .eyebrow{font-size:12px;line-height:1.75;margin-bottom:23px}
.detail-hero .detail-lead{font-size:clamp(21px,2vw,29px);line-height:1.7;color:#abc7dc;margin-top:27px}
.detail-hero figure{height:370px;border:1px solid #739eb333;padding:10px;background:#0d263a;border-radius:3px}
.detail-hero figure img{border-radius:1px}
.detail-hero figcaption{padding:32px 26px 20px;font-size:12px;color:#c8dce8;line-height:1.7;background:linear-gradient(transparent,#041624f0)}
.detail-contact{margin-top:35px;border:1px solid #8dc7e0;background:#c9e8f5;color:#103b55;min-height:53px;padding:13px 25px;font-weight:500}
.detail-contact .slide-window,.detail-contact .slide-original,.detail-contact .slide-copy{font-size:15px;line-height:1.6}
.detail-contact:hover{background:#e0f3fb}
.service-detail{padding-block:100px;gap:10%;grid-template-columns:1fr 1fr;align-items:start}
.detail-description{padding-top:23px;max-width:550px}
.detail-description .eyebrow{font-size:13px;letter-spacing:.1em;color:#587d94;margin-bottom:25px}
.large-copy{font-size:22px;line-height:1.95;color:#254b65}
.service-note{font-size:14px;line-height:1.9;margin-top:26px;color:#627c8e}
.preparation{padding:32px 35px;background:linear-gradient(150deg,#f0f6fa,#e9f2f8);border-top:2px solid #7eb7d2;border-radius:2px}
.preparation h2{font-size:24px!important;line-height:1.6!important;font-weight:500;color:#1a4764}
.preparation ol{margin:22px 0 19px}
.preparation li{padding:20px 0;gap:18px;font-size:16px;line-height:1.8;border-color:#c6dae6;color:#385d74;align-items:flex-start}
.preparation li>span:first-child{border:1px solid #b5cfdf;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;flex-shrink:0;font-size:11px;color:#447591;margin-top:2px}
.preparation li:last-child{border-bottom:0;padding-bottom:4px}
.preparation .small-note{color:#687f90;font-size:13px;line-height:1.8}
.related-services{gap:30px;padding-block:28px 68px;border-top-color:#c8dbe7}
.related-services h2{margin-right:auto;color:#637f92;font-size:14px!important}
.model-intro{max-width:920px}.model-flow{border:0;gap:28px;margin-top:30px}
.model-flow li{position:relative;border-top:1px solid #b8cedd;padding:30px 28px 24px 0}
.model-step{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #bdd5e3;border-radius:50%;color:#366e8b;font-size:12px}
.model-flow h3{font-size:23px;font-weight:500;margin-top:24px;line-height:1.6}.model-flow p{font-size:16px;line-height:1.95}
.inspection-page{gap:10%;align-items:start}
.inspection-page .inspection-pending{padding:30px 32px;background:#eef5fa;border-top:2px solid #8abbcf}
.inspection-page .quality-status-copy{font-size:18px;line-height:1.9;max-width:530px}

/* Vision: a quiet, non-geographic connection graph and one restrained beam. */
.vision{isolation:isolate;background:#061c31}
.vision .vision-texture{opacity:.16;background-image:linear-gradient(90deg,#061c31e8,#061c31dd),url('assets/chip-hero.png')}
#vision-connections{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;mask-image:radial-gradient(ellipse at 50% 45%,transparent 24%,#000 72%)}
.vision .vision-inner{position:relative;z-index:1}
.vision-content{padding:42px 0 90px}
.vision-content>.eyebrow{color:#83b3cd;font-size:12px;letter-spacing:.2em}
.vision-content h2{font-weight:400;line-height:1.4;letter-spacing:-.025em;margin-top:24px}
.vision-content>p:not(.eyebrow){color:#a9c4d8;line-height:1.9}
.vision .beam-cta{position:relative;isolation:isolate;overflow:hidden;border:1px solid #4a79964d;border-radius:3px;padding:17px 26px;gap:32px;line-height:1.7;color:#d6eaf6;background:#102e45;margin-top:33px;font-size:15px}
.beam-cta::before{content:"";position:absolute;width:450px;height:450px;top:50%;left:50%;z-index:-2;background:conic-gradient(transparent 0 290deg,#80c7ed99 345deg,transparent 360deg);animation:refined-beam 14s linear infinite}
.beam-cta::after{content:"";position:absolute;inset:1px;z-index:-1;background:#102b41;border-radius:2px;transition:background .3s}
.beam-cta:is(:hover,:focus-visible)::after{background:#163c56}
.vision .vision-bottom{border-color:#709bb633;color:#7ca4bc;font-size:12px}
@keyframes refined-beam{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes refined-enter{from{opacity:.55;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.refined-enter{animation:refined-enter .65s cubic-bezier(.2,.7,.3,1) backwards}
.motion-paused .refined-enter{animation:none}.motion-paused .beam-cta::before{animation-play-state:paused}
.motion-paused .service-card,.motion-paused .service-picture img,.motion-paused .about-image img{transition:none!important;transform:none!important}
@media(max-width:1050px){.solutions.section{padding-block:90px}.service-card-copy{padding:26px 22px}.service-picture{height:190px;margin:10px 10px 0}.service-cards{gap:18px}.service-card-copy h3{font-size:23px}.detail-hero-grid{gap:6%}.detail-hero figure{height:335px}.service-detail{gap:6%;padding-block:80px}.preparation{padding:28px}.large-copy{font-size:20px}.vision-content{padding-bottom:75px}}
@media(max-width:700px){.solutions.section{padding-block:68px}.solutions .section-heading{margin-bottom:32px}.service-cards{gap:24px}.service-picture{height:210px;margin:12px 12px 0}.service-card-copy{padding:27px 25px}.service-card-copy h3{font-size:27px}.service-card-copy>p:not(.eyebrow){font-size:16px;line-height:1.85}.service-card-link{margin-top:27px;padding-top:20px}.detail-hero{padding-top:120px;padding-bottom:42px}.detail-hero .breadcrumbs{font-size:12px;gap:10px;padding-bottom:22px;margin-bottom:29px}.detail-hero-grid{grid-template-columns:1fr;gap:34px}.detail-hero h1{font-size:39px;line-height:1.35}.detail-hero .detail-lead{font-size:22px;margin-top:22px}.detail-hero .eyebrow{font-size:12px;letter-spacing:.08em;margin-bottom:17px}.detail-hero figure{height:265px;padding:8px}.detail-hero figcaption{padding:28px 20px 17px;font-size:11px}.detail-contact{margin-top:25px;min-height:51px}.service-detail{padding-block:62px;grid-template-columns:1fr;gap:34px}.detail-description{padding-top:0}.detail-description .eyebrow{margin-bottom:22px}.large-copy{font-size:19px;line-height:1.95}.preparation{padding:27px 23px}.preparation h2{font-size:23px!important}.preparation li{font-size:16px;gap:15px}.related-services{gap:20px;padding-block:26px 48px}.related-services h2{margin-right:0}.model-flow{grid-template-columns:1fr;gap:0}.model-flow li{padding:28px 0;border-bottom:0}.model-flow h3{font-size:22px;margin-top:18px}.inspection-page{grid-template-columns:1fr;gap:28px}.inspection-page .inspection-pending{padding:26px 24px}.vision-content{padding:20px 0 65px}.vision-content>.eyebrow{font-size:11px;letter-spacing:.1em}.vision .vision-content h2{font-size:35px;line-height:1.5;letter-spacing:-.025em}.vision-content>p:not(.eyebrow){font-size:16px;line-height:1.9;margin-top:25px}.vision .beam-cta{padding:15px 23px;font-size:14px;gap:24px}.vision .vision-bottom{font-size:11px;line-height:1.9}.editorial-business .about-image figcaption{bottom:0}.refined-enter{animation-duration:.45s}}
@media(prefers-reduced-motion:reduce){.refined-enter{animation:none}.beam-cta::before{animation:none;transform:translate(-50%,-50%) rotate(65deg)}.service-card,.service-card::after,.service-picture img,.about-image img,.catalog-row,.beam-cta::after{transition:none!important}.service-card:is(:hover,:focus-visible),.service-card:hover .service-picture img,.about-image:hover img{transform:none!important}}
@media(max-width:1000px){.about .editorial-intro h2{font-size:36px}}
@media(max-width:700px){.about .editorial-intro h2{font-size:32px;line-height:1.5}}
