:root{--navy-900:#0C1826;--navy-800:#14253A;--navy-700:#1B3348;--navy-600:#23425A;--steel-600:#2F6F8F;--steel-500:#3C86A8;--steel-400:#5AA0BF;--platinum:#9DB4C4;--platinum-light:#C4D3DD;--tint-100:#EDF2F5;--tint-050:#F6F9FB;--cream:#F5F3EE;--cream-dark:#EAE6DD;--white:#FFFFFF;--bg:var(--white);--bg-alt:var(--cream);--ink:#16212C;--ink-soft:#4A5A69;--ink-mute:#74848F;--on-dark:#EEF3F7;--on-dark-soft:#A9BECD;--line:#E2E6E4;--line-dark:rgba(157,180,196,0.22);--accent:var(--steel-600);--ff-display:"Source Serif 4","Noto Serif SC",Georgia,"Songti SC","SimSun",serif;--ff-body:"Inter","Noto Sans SC","Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Roboto,Helvetica,Arial,sans-serif;--ff-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--wrap:1240px;--wrap-narrow:880px;--gut:28px;--r-sm:3px;--r-md:5px;--r-lg:8px;--sec-y:128px;--sh-1:0 1px 2px rgba(20,37,58,0.05),0 2px 8px rgba(20,37,58,0.04);--sh-2:0 2px 4px rgba(20,37,58,0.06),0 10px 28px rgba(20,37,58,0.07);--sh-3:0 4px 10px rgba(20,37,58,0.08),0 24px 56px rgba(20,37,58,0.10);--ease:cubic-bezier(0.22,0.61,0.36,1);--ease-out:cubic-bezier(0.16,1,0.3,1);}*,*::before,*::after{box-sizing:border-box;}*{margin:0;padding:0;}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:92px;}body{font-family:var(--ff-body);font-size:16.5px;line-height:1.72;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-feature-settings:"kern" 1,"liga" 1;}img,svg,video{display:block;max-width:100%;height:auto;}a{color:inherit;text-decoration:none;}button,input,select,textarea{font:inherit;color:inherit;}button{background:none;border:0;cursor:pointer;}ul,ol{list-style:none;}table{border-collapse:collapse;width:100%;}::selection{background:var(--steel-600);color:#fff;}:focus-visible{outline:2px solid var(--steel-500);outline-offset:3px;border-radius:2px;}.h-display{font-family:var(--ff-display);font-weight:400;font-size:clamp(2.5rem,5.6vw,4.6rem);line-height:1.06;letter-spacing:-0.022em;}.h1{font-family:var(--ff-display);font-weight:400;font-size:clamp(2rem,3.9vw,3.15rem);line-height:1.13;letter-spacing:-0.018em;}.h2{font-family:var(--ff-display);font-weight:400;font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.24;letter-spacing:-0.012em;}.h3{font-family:var(--ff-body);font-weight:600;font-size:1.115rem;line-height:1.4;letter-spacing:-0.006em;}.lead{font-size:clamp(1.06rem,1.35vw,1.22rem);line-height:1.68;color:var(--ink-soft);}.eyebrow{font-size:0.705rem;font-weight:600;letter-spacing:0.19em;text-transform:uppercase;color:var(--steel-600);display:flex;align-items:center;gap:12px;}.eyebrow::before{content:"";width:30px;height:1px;background:var(--platinum);flex:none;}.eyebrow--num::before{display:none;}.eyebrow .num{font-family:var(--ff-mono);color:var(--platinum);font-weight:500;}.on-dark .eyebrow{color:var(--steel-400);}.on-dark .eyebrow::before{background:rgba(157,180,196,0.45);}.on-dark .lead{color:var(--on-dark-soft);}small,.small{font-size:0.845rem;line-height:1.62;}.mute{color:var(--ink-mute);}.mono{font-family:var(--ff-mono);font-variant-numeric:tabular-nums;}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);}.wrap-narrow{width:100%;max-width:var(--wrap-narrow);margin-inline:auto;padding-inline:var(--gut);}.section{padding-block:var(--sec-y);position:relative;}.section--tight{padding-block:92px;}.section--cream{background:var(--bg-alt);}.section--tint{background:linear-gradient(180deg,var(--tint-050) 0%,var(--white) 100%);}.section--dark{background:var(--navy-800);color:var(--on-dark);}.section--dark .h1,.section--dark .h2,.section--dark .h-display{color:var(--white);}.sec-head{max-width:760px;margin-bottom:62px;}.sec-head .h1{margin-top:18px;}.sec-head .lead{margin-top:22px;}.sec-head--center{margin-inline:auto;text-align:center;}.sec-head--center .eyebrow{justify-content:center;}.grid{display:grid;gap:26px;}.g-2{grid-template-columns:repeat(2,1fr);}.g-3{grid-template-columns:repeat(3,1fr);}.g-4{grid-template-columns:repeat(4,1fr);}.rule{height:1px;background:var(--line);border:0;}.on-dark .rule,.section--dark .rule{background:var(--line-dark);}.btn{--btn-bg:var(--navy-800);--btn-fg:#fff;--btn-bd:var(--navy-800);display:inline-flex;align-items:center;gap:10px;padding:15px 28px;font-size:0.875rem;font-weight:600;letter-spacing:0.055em;text-transform:uppercase;background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bd);border-radius:var(--r-sm);transition:background 0.35s var(--ease),color 0.35s var(--ease),border-color 0.35s var(--ease),transform 0.35s var(--ease),box-shadow 0.35s var(--ease);will-change:transform;cursor:pointer;text-align:center;}.btn:hover{transform:translateY(-2px);box-shadow:var(--sh-2);}.btn:active{transform:translateY(0);}.btn svg{flex:none;transition:transform 0.35s var(--ease);}.btn:hover svg{transform:translateX(4px);}.btn--accent{--btn-bg:var(--steel-600);--btn-bd:var(--steel-600);}.btn--accent:hover{--btn-bg:var(--steel-500);--btn-bd:var(--steel-500);}.btn--ghost{--btn-bg:transparent;--btn-fg:var(--navy-800);--btn-bd:var(--platinum);}.btn--ghost:hover{--btn-bg:var(--navy-800);--btn-fg:#fff;--btn-bd:var(--navy-800);}.btn--ghost-light{--btn-bg:transparent;--btn-fg:#fff;--btn-bd:rgba(255,255,255,0.35);}.btn--ghost-light:hover{--btn-bg:#fff;--btn-fg:var(--navy-800);--btn-bd:#fff;}.btn--sm{padding:11px 20px;font-size:0.78rem;}.btn-row{display:flex;flex-wrap:wrap;gap:14px;}.link-arrow{display:inline-flex;align-items:center;gap:8px;font-size:0.83rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--steel-600);padding-bottom:3px;border-bottom:1px solid transparent;transition:border-color 0.3s var(--ease),gap 0.3s var(--ease);}.link-arrow:hover{border-color:var(--steel-600);gap:13px;}.on-dark .link-arrow{color:var(--steel-400);}.on-dark .link-arrow:hover{border-color:var(--steel-400);}.hdr{position:fixed;inset:0 0 auto 0;z-index:200;transition:background 0.45s var(--ease),box-shadow 0.45s var(--ease),border-color 0.45s var(--ease);border-bottom:1px solid transparent;}.hdr__in{max-width:var(--wrap);margin-inline:auto;padding:0 var(--gut);height:78px;display:flex;align-items:center;gap:34px;transition:height 0.45s var(--ease);}.hdr.is-stuck{background:rgba(255,255,255,0.94);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border-bottom-color:var(--line);box-shadow:0 1px 20px rgba(20,37,58,0.06);}.hdr.is-stuck .hdr__in{height:68px;}.logo{display:flex;align-items:center;gap:11px;flex:none;}.logo__mark{width:34px;height:34px;flex:none;}.logo__txt{display:flex;flex-direction:column;line-height:1;}.logo__cn{font-family:var(--ff-display);font-size:1.16rem;letter-spacing:0.14em;color:#fff;transition:color 0.45s var(--ease);}.logo__en{font-size:0.575rem;font-weight:600;letter-spacing:0.29em;text-transform:uppercase;color:var(--platinum);margin-top:5px;transition:color 0.45s var(--ease);}.hdr.is-stuck .logo__cn{color:var(--navy-800);}.hdr.is-stuck .logo__en{color:var(--steel-600);}.logo__mark .lm-a{fill:#fff;transition:fill 0.45s var(--ease);}.logo__mark .lm-b{fill:var(--steel-400);transition:fill 0.45s var(--ease);}.hdr.is-stuck .logo__mark .lm-a{fill:var(--navy-800);}.hdr.is-stuck .logo__mark .lm-b{fill:var(--steel-600);}.nav{margin-left:auto;display:flex;align-items:center;gap:3px;}.nav a{position:relative;padding:9px 11px;font-size:0.795rem;font-weight:500;letter-spacing:0.028em;color:rgba(255,255,255,0.82);white-space:nowrap;transition:color 0.3s var(--ease);}.nav a::after{content:"";position:absolute;left:11px;right:11px;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 0.4s var(--ease);}.nav a:hover,.nav a.is-active{color:#fff;}.nav a:hover::after,.nav a.is-active::after{transform:scaleX(1);}.hdr.is-stuck .nav a{color:var(--ink-soft);}.hdr.is-stuck .nav a:hover,.hdr.is-stuck .nav a.is-active{color:var(--navy-800);}.hdr__act{display:flex;align-items:center;gap:12px;flex:none;}.lang{position:relative;}.lang__btn{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:0.78rem;font-weight:600;letter-spacing:0.05em;color:rgba(255,255,255,0.9);border:1px solid rgba(255,255,255,0.26);border-radius:var(--r-sm);transition:all 0.3s var(--ease);}.lang__btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);}.hdr.is-stuck .lang__btn{color:var(--navy-800);border-color:var(--line);}.hdr.is-stuck .lang__btn:hover{background:var(--tint-100);border-color:var(--platinum);}.lang__btn svg{transition:transform 0.3s var(--ease);}.lang:hover .lang__btn svg,.lang:focus-within .lang__btn svg{transform:rotate(180deg);}.lang__menu{position:absolute;top:calc(100% + 10px);right:0;width:232px;max-height:380px;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:7px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 0.28s var(--ease),transform 0.28s var(--ease),visibility 0.28s;}.lang:hover .lang__menu,.lang:focus-within .lang__menu{opacity:1;visibility:visible;transform:translateY(0);}.lang__menu button,.lang__menu a{display:flex;align-items:baseline;gap:9px;width:100%;padding:9px 12px;font-size:0.875rem;color:var(--ink-soft);border-radius:var(--r-sm);text-align:left;transition:background 0.2s,color 0.2s;}.lang__menu button:hover,.lang__menu a:hover{background:var(--tint-100);color:var(--navy-800);}.lang__menu button[aria-current="true"],.lang__menu a[aria-current="true"]{background:var(--navy-800);color:#fff;font-weight:600;}.lang__menu button .lc,.lang__menu a .lc{font-family:var(--ff-mono);font-size:0.68rem;letter-spacing:0.06em;text-transform:uppercase;opacity:0.55;margin-left:auto;}.burger{display:none;width:42px;height:42px;position:relative;}.burger span{position:absolute;left:10px;width:22px;height:1.5px;background:#fff;transition:all 0.4s var(--ease);}.burger span:nth-child(1){top:15px;}.burger span:nth-child(2){top:21px;}.burger span:nth-child(3){top:27px;}.hdr.is-stuck .burger span{background:var(--navy-800);}body.nav-open .burger span:nth-child(1){top:21px;transform:rotate(45deg);background:var(--navy-800);}body.nav-open .burger span:nth-child(2){opacity:0;}body.nav-open .burger span:nth-child(3){top:21px;transform:rotate(-45deg);background:var(--navy-800);}.drawer{position:fixed;inset:0;z-index:190;background:var(--cream);padding:104px var(--gut) 44px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-2%);transition:opacity 0.4s var(--ease),transform 0.4s var(--ease),visibility 0.4s;}body.nav-open .drawer{opacity:1;visibility:visible;transform:translateY(0);}.drawer a{display:flex;align-items:baseline;gap:14px;padding:17px 0;border-bottom:1px solid var(--cream-dark);font-family:var(--ff-display);font-size:1.32rem;color:var(--navy-800);}.drawer a .num{font-family:var(--ff-mono);font-size:0.68rem;color:var(--steel-600);}.drawer .btn{margin-top:30px;width:100%;justify-content:center;}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:150px 0 84px;background:var(--navy-800);color:var(--on-dark);overflow:hidden;isolation:isolate;}.hero__bg{position:absolute;inset:0;z-index:-3;}.hero__bg img{width:100%;height:100%;object-fit:cover;opacity:0.4;}.hero__veil{position:absolute;inset:0;z-index:-2;background:radial-gradient(120% 90% at 78% 18%,rgba(47,111,143,0.44) 0%,transparent 58%),linear-gradient(104deg,var(--navy-900) 0%,rgba(20,37,58,0.93) 44%,rgba(20,37,58,0.62) 100%);}.hero__grid-lines{position:absolute;inset:0;z-index:-1;opacity:0.5;background-image:linear-gradient(to right,rgba(157,180,196,0.09) 1px,transparent 1px),linear-gradient(to bottom,rgba(157,180,196,0.09) 1px,transparent 1px);background-size:82px 82px;-webkit-mask-image:radial-gradient(90% 70% at 50% 40%,#000 25%,transparent 100%);mask-image:radial-gradient(90% 70% at 50% 40%,#000 25%,transparent 100%);}.hero__in{position:relative;width:100%;}.hero__col{max-width:830px;}.hero .eyebrow{color:var(--steel-400);}.hero .eyebrow::before{background:rgba(157,180,196,0.5);}.hero__h1{margin-top:24px;color:#fff;}.hero__h1 em{font-style:italic;color:var(--steel-400);position:relative;}.hero__sub{margin-top:28px;max-width:630px;font-size:clamp(1.03rem,1.28vw,1.17rem);line-height:1.72;color:var(--on-dark-soft);}.hero .btn-row{margin-top:42px;}.hero__stats{margin-top:78px;padding-top:34px;border-top:1px solid var(--line-dark);display:grid;grid-template-columns:repeat(5,1fr);gap:22px;}.hstat__v{font-family:var(--ff-display);font-size:clamp(1.55rem,2.5vw,2.1rem);line-height:1;color:#fff;letter-spacing:-0.015em;}.hstat__v sup{font-size:0.5em;vertical-align:super;color:var(--steel-400);margin-left:1px;}.hstat__l{margin-top:10px;font-size:0.735rem;line-height:1.5;letter-spacing:0.055em;text-transform:uppercase;color:var(--platinum);font-weight:500;}.scroll-hint{display:none;}.scroll-hint i{width:1px;height:42px;background:linear-gradient(180deg,rgba(157,180,196,0.55),transparent);animation:sh 2.6s var(--ease) infinite;}@keyframes sh{0%,100%{transform:scaleY(0.35);transform-origin:top;opacity:0.35;}50%{transform:scaleY(1);transform-origin:top;opacity:1;}}.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:34px 30px;transition:transform 0.5s var(--ease-out),box-shadow 0.5s var(--ease-out),border-color 0.5s var(--ease-out);overflow:hidden;height:100%;}.card::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--steel-600),var(--platinum));transform:scaleX(0);transform-origin:left;transition:transform 0.55s var(--ease-out);}.card:hover{transform:translateY(-5px);box-shadow:var(--sh-2);border-color:var(--platinum-light);}.card:hover::before{transform:scaleX(1);}.card__ico{width:46px;height:46px;margin-bottom:22px;color:var(--steel-600);}.card__ico svg{width:100%;height:100%;}.card .h3{color:var(--navy-800);}.card p{margin-top:12px;font-size:0.95rem;line-height:1.7;color:var(--ink-soft);}.card--dark{background:var(--navy-700);border-color:var(--line-dark);}.card--dark .h3{color:#fff;}.card--dark p{color:var(--on-dark-soft);}.card--dark .card__ico{color:var(--steel-400);}.card--dark:hover{border-color:rgba(157,180,196,0.4);}.card--flat{background:transparent;border-color:transparent;padding:0;}.card--flat:hover{transform:none;box-shadow:none;}.card--flat::before{display:none;}.ncard{position:relative;padding:34px 30px 32px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);height:100%;transition:transform 0.5s var(--ease-out),box-shadow 0.5s var(--ease-out);}.ncard:hover{transform:translateY(-5px);box-shadow:var(--sh-2);}.ncard__n{font-family:var(--ff-mono);font-size:0.7rem;letter-spacing:0.14em;color:var(--platinum);display:block;margin-bottom:18px;}.ncard .h3{color:var(--navy-800);}.ncard p{margin-top:11px;font-size:0.93rem;color:var(--ink-soft);line-height:1.7;}.cmp{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:#fff;margin-top:54px;}.cmp table{font-size:0.925rem;}.cmp th,.cmp td{padding:17px 20px;text-align:left;vertical-align:top;}.cmp thead th{background:var(--navy-800);color:#fff;font-size:0.735rem;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;white-space:nowrap;}.cmp thead th:last-child{background:var(--steel-600);}.cmp tbody tr + tr{border-top:1px solid var(--line);}.cmp tbody tr:nth-child(odd){background:var(--tint-050);}.cmp tbody td:first-child{font-weight:600;color:var(--navy-800);white-space:nowrap;}.cmp tbody td:last-child{background:rgba(47,111,143,0.07);font-weight:500;color:var(--navy-800);}.cmp td .ok{color:var(--steel-600);font-weight:600;}.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;}.prod{position:relative;background:#fff;padding:36px 30px 32px;transition:background 0.45s var(--ease);overflow:hidden;}.prod::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:var(--steel-600);transform:scaleX(0);transform-origin:left;transition:transform 0.5s var(--ease-out);}.prod:hover{background:var(--tint-050);}.prod:hover::after{transform:scaleX(1);}.prod__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}.prod__ico{width:40px;height:40px;color:var(--steel-600);flex:none;}.prod__n{font-family:var(--ff-mono);font-size:0.68rem;color:var(--platinum);letter-spacing:0.1em;}.prod .h3{margin-top:20px;color:var(--navy-800);}.prod p{margin-top:10px;font-size:0.9rem;line-height:1.66;color:var(--ink-soft);}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px;}.chip{font-size:0.695rem;font-weight:500;letter-spacing:0.045em;padding:4px 9px;border:1px solid var(--line);border-radius:100px;color:var(--ink-mute);background:#fff;white-space:nowrap;}.prod:hover .chip{border-color:var(--platinum-light);}.chip--solid{background:var(--navy-800);color:#fff;border-color:var(--navy-800);}.chip--accent{background:rgba(47,111,143,0.1);color:var(--steel-600);border-color:rgba(47,111,143,0.22);}.dc{margin-top:8px;}.dc__tabs{display:flex;gap:3px;border-bottom:1px solid var(--line-dark);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:0;}.dc__tabs::-webkit-scrollbar{display:none;}.dc__tab{position:relative;padding:15px 20px;font-size:0.845rem;font-weight:500;letter-spacing:0.02em;color:var(--on-dark-soft);white-space:nowrap;transition:color 0.3s var(--ease);flex:none;}.dc__tab::after{content:"";position:absolute;inset:auto 0 -1px 0;height:2px;background:var(--steel-400);transform:scaleX(0);transition:transform 0.4s var(--ease-out);}.dc__tab:hover{color:#fff;}.dc__tab[aria-selected="true"]{color:#fff;font-weight:600;}.dc__tab[aria-selected="true"]::after{transform:scaleX(1);}.dc__panels{margin-top:44px;}.dc__panel{display:none;}.dc__panel.is-on{display:block;animation:fadeUp 0.6s var(--ease-out) both;}.dc__body{display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:start;}.dc__body .h2{color:#fff;}.dc__body>div>p{margin-top:20px;color:var(--on-dark-soft);font-size:1.07rem;line-height:1.74;}.spec-list{margin-top:30px;display:grid;gap:1px;background:var(--line-dark);}.spec{display:grid;grid-template-columns:190px 1fr;gap:18px;padding:14px 2px;background:var(--navy-800);font-size:0.96rem;}.spec dt{font-size:0.77rem;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;color:var(--platinum);padding-top:2px;}.spec dd{color:var(--on-dark);}.dc__visual{background:var(--navy-700);border:1px solid var(--line-dark);border-radius:var(--r-md);padding:26px;}.dc__visual figcaption{margin-top:18px;padding-top:16px;border-top:1px solid var(--line-dark);font-size:0.815rem;line-height:1.62;color:var(--platinum);}.dc__visual img,.dc__visual svg{border-radius:var(--r-sm);width:100%;}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;}.badge{display:inline-flex;align-items:center;gap:7px;font-size:0.75rem;font-weight:500;padding:6px 12px;border:1px solid rgba(157,180,196,0.3);border-radius:100px;color:var(--on-dark-soft);}.badge svg{color:var(--steel-400);flex:none;}.cuts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:78px;}.cut{border:1px solid var(--line-dark);border-radius:var(--r-md);padding:24px 22px;background:rgba(255,255,255,0.028);transition:background 0.4s var(--ease),border-color 0.4s var(--ease);}.cut:hover{background:rgba(255,255,255,0.06);border-color:rgba(157,180,196,0.36);}.cut svg{color:var(--steel-400);margin-bottom:16px;}.cut h4{font-size:0.985rem;font-weight:600;color:#fff;}.cut p{margin-top:8px;font-size:0.855rem;line-height:1.62;color:var(--on-dark-soft);}.flow{margin-top:8px;padding:34px 30px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow-x:auto;}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:54px;}.cap{display:flex;gap:20px;padding:28px 26px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);transition:transform 0.5s var(--ease-out),box-shadow 0.5s var(--ease-out);height:100%;}.cap:hover{transform:translateY(-4px);box-shadow:var(--sh-2);}.cap__ico{width:44px;height:44px;flex:none;color:var(--steel-600);padding:8px;background:var(--tint-100);border-radius:var(--r-sm);}.cap h4{font-size:1.03rem;font-weight:600;color:var(--navy-800);}.cap p{margin-top:9px;font-size:0.9rem;line-height:1.66;color:var(--ink-soft);}.cap .cap__spec{margin-top:13px;font-family:var(--ff-mono);font-size:0.74rem;letter-spacing:0.02em;color:var(--steel-600);padding-top:11px;border-top:1px dashed var(--line);}.ind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:24px;}.ind{position:relative;padding:30px 26px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);transition:transform 0.5s var(--ease-out),box-shadow 0.5s var(--ease-out),border-color 0.5s var(--ease-out);height:100%;overflow:hidden;}.ind::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--steel-600);transform:scaleY(0);transform-origin:top;transition:transform 0.5s var(--ease-out);}.ind:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:var(--platinum-light);}.ind:hover::before{transform:scaleY(1);}.ind__ico{width:38px;height:38px;color:var(--steel-600);margin-bottom:18px;}.ind h4{font-size:1.03rem;font-weight:600;color:var(--navy-800);}.ind p{margin-top:9px;font-size:0.885rem;line-height:1.64;color:var(--ink-soft);}.ind ul{margin-top:15px;display:grid;gap:6px;}.ind li{position:relative;padding-left:15px;font-size:0.835rem;line-height:1.55;color:var(--ink-mute);}.ind li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:1px;background:var(--platinum);}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}.pillar{padding:36px 30px;background:rgba(255,255,255,0.035);border:1px solid var(--line-dark);border-radius:var(--r-md);transition:background 0.45s var(--ease),border-color 0.45s var(--ease),transform 0.5s var(--ease-out);height:100%;}.pillar:hover{background:rgba(255,255,255,0.075);border-color:rgba(157,180,196,0.4);transform:translateY(-5px);}.pillar__v{font-family:var(--ff-display);font-size:clamp(2rem,3.2vw,2.7rem);line-height:1;color:#fff;letter-spacing:-0.02em;}.pillar__v span{font-size:0.42em;color:var(--steel-400);letter-spacing:0.04em;margin-left:4px;}.pillar h4{margin-top:18px;font-size:1.04rem;font-weight:600;color:#fff;}.pillar p{margin-top:11px;font-size:0.92rem;line-height:1.68;color:var(--on-dark-soft);}.lab{margin-top:70px;}.lab__head{display:flex;align-items:baseline;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-bottom:30px;}.lab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-dark);border:1px solid var(--line-dark);border-radius:var(--r-md);overflow:hidden;}.lt{display:flex;gap:17px;padding:22px 24px;background:var(--navy-800);transition:background 0.4s var(--ease);}.lt:hover{background:var(--navy-700);}.lt__ico{width:30px;height:30px;flex:none;color:var(--steel-400);margin-top:2px;}.lt h5{font-size:0.955rem;font-weight:600;color:#fff;line-height:1.4;}.lt p{margin-top:6px;font-size:0.845rem;line-height:1.6;color:var(--on-dark-soft);}.lt__std{display:inline-block;margin-top:10px;font-family:var(--ff-mono);font-size:0.695rem;letter-spacing:0.045em;color:var(--platinum);padding:3px 8px;border:1px solid rgba(157,180,196,0.26);border-radius:3px;}.certs{display:flex;flex-wrap:wrap;gap:12px;margin-top:44px;}.cert{display:flex;align-items:center;gap:10px;padding:13px 20px;border:1px solid var(--line-dark);border-radius:var(--r-sm);background:rgba(255,255,255,0.03);}.cert svg{color:var(--steel-400);flex:none;}.cert b{font-size:0.875rem;font-weight:600;color:#fff;letter-spacing:0.03em;}.cert small{display:block;font-size:0.72rem;color:var(--platinum);margin-top:1px;}.story{display:grid;grid-template-columns:0.92fr 1.08fr;gap:72px;align-items:start;}.quote-block{position:relative;padding:40px 0 0 0;}.quote-block::before{content:"\201C";position:absolute;top:-18px;left:-8px;font-family:var(--ff-display);font-size:8rem;line-height:1;color:var(--platinum-light);opacity:0.6;pointer-events:none;}.quote-block q{display:block;font-family:var(--ff-display);font-size:clamp(1.42rem,2.35vw,1.98rem);line-height:1.42;letter-spacing:-0.012em;color:var(--navy-800);quotes:none;position:relative;}.quote-block cite{display:block;margin-top:24px;font-style:normal;font-size:0.79rem;letter-spacing:0.11em;text-transform:uppercase;color:var(--steel-600);font-weight:600;}.story__body p{font-size:1.02rem;line-height:1.82;color:var(--ink-soft);}.story__body p + p{margin-top:20px;}.story__body strong{color:var(--navy-800);font-weight:600;}.timeline{margin-top:44px;display:grid;gap:0;}.tl{position:relative;display:grid;grid-template-columns:96px 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--line);}.tl:last-child{border-bottom:1px solid var(--line);}.tl__k{font-family:var(--ff-mono);font-size:0.755rem;letter-spacing:0.07em;color:var(--steel-600);font-weight:500;padding-top:3px;}.tl h5{font-size:1rem;font-weight:600;color:var(--navy-800);}.tl p{margin-top:7px;font-size:0.905rem;line-height:1.66;color:var(--ink-soft);}.faq{max-width:900px;margin-inline:auto;}.faq__i{border-bottom:1px solid var(--line);}.faq__i:first-child{border-top:1px solid var(--line);}.faq__q{display:flex;align-items:flex-start;justify-content:space-between;gap:26px;width:100%;padding:25px 4px;text-align:left;font-family:var(--ff-body);font-size:1.045rem;font-weight:600;line-height:1.5;color:var(--navy-800);transition:color 0.3s var(--ease);}.faq__q:hover{color:var(--steel-600);}.faq__ic{position:relative;width:17px;height:17px;flex:none;margin-top:6px;}.faq__ic::before,.faq__ic::after{content:"";position:absolute;background:var(--steel-600);transition:transform 0.42s var(--ease-out),opacity 0.3s;}.faq__ic::before{top:8px;left:0;width:17px;height:1.5px;}.faq__ic::after{top:0;left:8px;width:1.5px;height:17px;}.faq__i.is-open .faq__ic::after{transform:rotate(90deg);opacity:0;}.faq__i.is-open .faq__q{color:var(--steel-600);}.faq__a{overflow:hidden;max-height:0;transition:max-height 0.55s var(--ease-out);}.faq__a>div{padding:0 60px 28px 4px;}.faq__a p{font-size:0.965rem;line-height:1.78;color:var(--ink-soft);}.faq__a p + p{margin-top:13px;}.faq__a ul{margin-top:12px;display:grid;gap:7px;}.faq__a li{position:relative;padding-left:18px;font-size:0.94rem;line-height:1.7;color:var(--ink-soft);}.faq__a li::before{content:"";position:absolute;left:0;top:11px;width:7px;height:1px;background:var(--steel-600);}.ct{display:grid;grid-template-columns:1.02fr 0.98fr;gap:68px;align-items:start;}.ct__aside .h1{color:#fff;}.ct-list{margin-top:40px;display:grid;gap:1px;background:var(--line-dark);}.ct-row{display:flex;align-items:flex-start;gap:16px;padding:20px 2px;background:var(--navy-800);}.ct-row svg{width:21px;height:21px;flex:none;color:var(--steel-400);margin-top:3px;}.ct-row dt{font-size:0.7rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--platinum);}.ct-row dd{margin-top:5px;font-size:1rem;color:#fff;}.ct-row dd a{border-bottom:1px solid rgba(157,180,196,0.35);transition:border-color 0.3s;}.ct-row dd a:hover{border-color:var(--steel-400);}.ct-row dd small{display:block;color:var(--on-dark-soft);font-size:0.82rem;margin-top:3px;}.checklist{margin-top:40px;padding:28px 26px;border:1px solid var(--line-dark);border-left:3px solid var(--steel-600);border-radius:var(--r-sm);background:rgba(255,255,255,0.032);}.checklist h4{font-size:0.735rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--steel-400);}.checklist ul{margin-top:16px;display:grid;gap:9px;}.checklist li{display:flex;gap:11px;font-size:0.9rem;line-height:1.6;color:var(--on-dark-soft);}.checklist li svg{flex:none;color:var(--steel-400);margin-top:4px;}.form{background:#fff;border-radius:var(--r-md);padding:40px 36px;box-shadow:var(--sh-3);}.form__head{margin-bottom:28px;}.form__head h3{font-family:var(--ff-display);font-size:1.52rem;font-weight:400;color:var(--navy-800);}.form__head p{margin-top:9px;font-size:0.895rem;color:var(--ink-mute);line-height:1.62;}.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:17px;}.f{display:flex;flex-direction:column;gap:7px;}.f--full{grid-column:1 / -1;}.f label{font-size:0.735rem;font-weight:600;letter-spacing:0.075em;text-transform:uppercase;color:var(--ink-soft);}.f label .req{color:#B4472F;}.f input,.f select,.f textarea{width:100%;padding:12px 14px;font-size:0.95rem;background:var(--tint-050);border:1px solid var(--line);border-radius:var(--r-sm);transition:border-color 0.3s var(--ease),background 0.3s var(--ease),box-shadow 0.3s var(--ease);color:var(--ink);}.f textarea{resize:vertical;min-height:108px;line-height:1.62;}.f select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%232F6F8F' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;}.f input:focus,.f select:focus,.f textarea:focus{outline:none;background:#fff;border-color:var(--steel-600);box-shadow:0 0 0 3px rgba(47,111,143,0.11);}.f input::placeholder,.f textarea::placeholder{color:#A8B4BD;}.form .btn{width:100%;justify-content:center;margin-top:6px;}.form__note{margin-top:16px;font-size:0.775rem;line-height:1.6;color:var(--ink-mute);text-align:center;}.form__ok{display:none;margin-top:18px;padding:15px 18px;background:rgba(47,111,143,0.09);border:1px solid rgba(47,111,143,0.24);border-radius:var(--r-sm);font-size:0.9rem;color:var(--navy-800);line-height:1.6;}.form__ok.is-on{display:block;animation:fadeUp 0.5s var(--ease-out) both;}.cta-band{background:linear-gradient(115deg,var(--steel-600) 0%,var(--navy-700) 58%,var(--navy-800) 100%);color:#fff;padding-block:88px;position:relative;overflow:hidden;}.cta-band::after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,0.055) 1px,transparent 1px);background-size:62px 100%;pointer-events:none;}.cta-band__in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:44px;flex-wrap:wrap;}.cta-band h2{font-family:var(--ff-display);font-size:clamp(1.7rem,2.9vw,2.5rem);font-weight:400;line-height:1.18;letter-spacing:-0.015em;}.cta-band p{margin-top:13px;color:rgba(255,255,255,0.82);max-width:560px;font-size:1.02rem;}.ftr{background:var(--navy-900);color:var(--on-dark-soft);padding:76px 0 0;font-size:0.9rem;}.ftr__top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:46px;padding-bottom:52px;}.ftr .logo__cn{color:#fff;}.ftr .logo__en{color:var(--steel-400);}.ftr .logo__mark .lm-a{fill:#fff;}.ftr .logo__mark .lm-b{fill:var(--steel-400);}.ftr__about{margin-top:22px;line-height:1.75;max-width:340px;font-size:0.885rem;}.ftr h5{font-size:0.715rem;font-weight:600;letter-spacing:0.13em;text-transform:uppercase;color:#fff;margin-bottom:20px;}.ftr ul{display:grid;gap:11px;}.ftr ul a,.ftr ul span{font-size:0.885rem;color:var(--on-dark-soft);transition:color 0.28s var(--ease);}.ftr ul a:hover{color:#fff;}.ftr__legal{padding:26px 0 20px;border-top:1px solid rgba(157,180,196,0.14);font-size:0.775rem;line-height:1.72;color:#7A8E9D;}.ftr__legal strong{color:var(--platinum);font-weight:600;}.ftr__bot{padding:20px 0 34px;border-top:1px solid rgba(157,180,196,0.14);display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;font-size:0.79rem;color:#7A8E9D;}.ftr__bot a:hover{color:#fff;}[data-rv]{opacity:0;transform:translateY(24px);transition:opacity 0.85s var(--ease-out),transform 0.85s var(--ease-out);}[data-rv].is-in{opacity:1;transform:none;}@keyframes fadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation-duration:0.001ms !important;transition-duration:0.001ms !important;}[data-rv]{opacity:1;transform:none;}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.skip{position:fixed;top:8px;left:8px;z-index:999;padding:11px 18px;background:var(--navy-800);color:#fff;border-radius:var(--r-sm);font-size:0.85rem;transform:translateY(-160%);transition:transform 0.3s var(--ease);}.skip:focus{transform:none;}@media (max-width:1180px){.nav a{padding:9px 8px;font-size:0.755rem;}.cuts{grid-template-columns:repeat(2,1fr);}.ftr__top{grid-template-columns:1.4fr 1fr 1fr;}.ftr__top>div:last-child{grid-column:1 / -1;}}@media (max-width:1024px){:root{--sec-y:96px;--gut:24px;}.nav{display:none;}.burger{display:block;}.dc__body{grid-template-columns:1fr;gap:38px;}.story{grid-template-columns:1fr;gap:44px;}.ct{grid-template-columns:1fr;gap:46px;}.prod-grid{grid-template-columns:repeat(2,1fr);}.cap-grid{grid-template-columns:repeat(2,1fr);}.pillars{grid-template-columns:1fr;}.g-4{grid-template-columns:repeat(2,1fr);}.g-3{grid-template-columns:repeat(2,1fr);}.hero__stats{grid-template-columns:repeat(3,1fr);gap:26px 18px;}.lab-grid{grid-template-columns:1fr;}.form{padding:34px 26px;}}@media (max-width:760px){:root{--sec-y:76px;--gut:20px;}body{font-size:15.8px;}.hero{min-height:auto;padding:132px 0 68px;}.hero__stats{grid-template-columns:repeat(2,1fr);margin-top:54px;}.scroll-hint{display:none;}.prod-grid,.cap-grid,.g-2,.g-3,.g-4,.cuts,.ind-grid{grid-template-columns:1fr;}.fgrid{grid-template-columns:1fr;}.spec{grid-template-columns:1fr;gap:5px;}.tl{grid-template-columns:1fr;gap:8px;}.ftr__top{grid-template-columns:1fr;gap:34px;}.ftr__top>div:last-child{grid-column:auto;}.faq__a>div{padding-right:12px;}.faq__q{font-size:0.99rem;gap:16px;}.cta-band__in{flex-direction:column;align-items:flex-start;}.quote-block::before{font-size:5.5rem;top:-6px;}.cmp thead th,.cmp th,.cmp td{padding:13px 15px;font-size:0.86rem;}.form{padding:28px 20px;}.drawer{padding-top:96px;}}.hdr{z-index:200;}body:not([data-page="home"]) .hdr{background:rgba(20,37,58,0.97);box-shadow:0 1px 0 rgba(255,255,255,0.08);}body:not([data-page="home"]) #main{padding-top:88px;}body[data-page="subpage"] #main{padding-top:88px;}.nav__item{position:relative;display:flex;align-items:center;}.nav__sub{position:absolute;top:calc(100% + 6px);left:0;min-width:224px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-2);padding:6px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity 0.26s var(--ease),transform 0.26s var(--ease),visibility 0.26s;z-index:60;}.nav__item:hover>.nav__sub,.nav__item:focus-within>.nav__sub{opacity:1;visibility:visible;transform:translateY(0);}.nav .nav__sub .nav__sublink{color:var(--ink-soft);padding:9px 12px;font-size:0.85rem;border-radius:var(--r-sm);white-space:nowrap;}.nav .nav__sub .nav__sublink::after{display:none;}.nav .nav__sub .nav__sublink:hover{background:var(--tint-100);color:var(--navy-800);}.nav__subitem{position:relative;}.nav__sub--nested{top:-6px;left:calc(100% - 4px);transform:translateX(8px);}.nav__subitem:hover>.nav__sub--nested,.nav__subitem:focus-within>.nav__sub--nested{opacity:1;visibility:visible;transform:translateX(0);}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:0.82rem;color:var(--ink-mute);margin-bottom:26px;}.crumbs a{color:var(--steel-600);}.crumbs a:hover{text-decoration:underline;}.crumbs__sep{opacity:0.5;}.crumbs__cur{color:var(--navy-800);font-weight:600;}.drawer__sub{margin:0 0 6px 14px;padding-left:18px;border-left:2px solid var(--cream-dark);}.drawer__sub .drawer__link{display:block;padding:11px 0;border-bottom:1px solid var(--cream-dark);font-family:var(--ff-body);font-size:1rem;font-weight:500;color:var(--steel-600);}.drawer__sub .drawer__link .num{display:none;}.drawer__sub .drawer__link:hover{color:var(--navy-800);}#subpageBody .h1{margin-bottom:14px;}#subpageBody .lead{max-width:760px;}.subpoints{margin:22px 0;padding:0;list-style:none;display:grid;gap:11px;max-width:760px;}.subpoints li{position:relative;padding-left:28px;color:var(--ink-soft);line-height:1.6;}.subpoints li::before{content:"";position:absolute;left:0;top:7px;width:15px;height:15px;border-radius:50%;background:var(--tint-100);box-shadow:inset 0 0 0 1px var(--platinum);}.subpoints li::after{content:"";position:absolute;left:5px;top:11px;width:5px;height:8px;border:solid var(--steel-600);border-width:0 2px 2px 0;transform:rotate(45deg);}.subchildren{margin-top:34px;padding-top:26px;border-top:1px solid var(--line);max-width:760px;}.subchildren .h3{margin-bottom:14px;color:var(--navy-800);}.subchildren__list{list-style:none;margin:0;padding:0;display:grid;gap:10px;}.subchildren__list a{font-weight:500;}.ov-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}.ovcard{display:flex;flex-direction:column;gap:9px;padding:30px 28px 26px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);text-decoration:none;color:inherit;transition:transform 0.3s var(--ease),box-shadow 0.3s var(--ease),border-color 0.3s var(--ease);}.ovcard:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:var(--platinum);}.ovcard__num{font-family:var(--ff-mono);font-size:0.8rem;letter-spacing:0.08em;color:var(--steel-600);}.ovcard .h3{margin:0;}.ovcard p{margin:0;color:var(--ink-soft);font-size:0.92rem;line-height:1.6;}.ovcard__more{margin-top:auto;padding-top:8px;color:var(--steel-600);font-weight:600;font-size:0.86rem;}@media (max-width:1024px){.ov-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:760px){.ov-grid{grid-template-columns:1fr;}body:not([data-page="home"]) #main,body[data-page="subpage"] #main{padding-top:76px;}}@media print{.hdr,.drawer,.scroll-hint,.cta-band,.form{display:none !important;}body{color:#000;background:#fff;}.section--dark,.hero{background:#fff !important;color:#000 !important;}} .hero__brand{margin-top:18px;max-width:630px;font-size:clamp(0.92rem,1.05vw,1rem);line-height:1.68;color:var(--on-dark-soft);}.hero__brand strong{color:var(--on-dark);font-weight:600;}.hero__in{display:flex;align-items:flex-start;justify-content:space-between;gap:48px;}.hero__col{max-width:830px;flex:1 1 55%;}.hero__media{flex:0 0 38%;max-width:420px;display:flex;align-items:flex-start;justify-content:flex-end;padding-top:6px;}.hero__media img{width:100%;height:auto;max-height:54vh;object-fit:cover;border-radius:var(--r-md);box-shadow:var(--sh-3);border:1px solid var(--line-dark);}@media(max-width:980px){.hero__media{display:none;}}.brand-note{margin-top:34px;padding:26px 30px;background:#F6F9FB;border:1px solid var(--line);border-left:3px solid var(--steel-600);border-radius:var(--r-md);}.brand-note__t{color:var(--navy-800);margin-bottom:10px;}.brand-note p{margin:0;}.brand-note p+p{margin-top:10px;}.section--dark .brand-note{background:var(--navy-700);border-color:var(--line-dark);border-left-color:var(--steel-400);}.section--dark .brand-note__t{color:var(--on-dark);}.section--dark .brand-note .small{color:var(--on-dark);}.note-foot{margin-top:40px;max-width:840px;border-left:2px solid var(--line);padding-left:18px;}.section--dark .note-foot{color:var(--on-dark);border-left-color:var(--line-dark);}.prod__link-overlay,.ind__link-overlay{position:absolute;inset:0;z-index:1;border-radius:inherit;}.prod .h3 a,.ind h4 a{position:relative;z-index:2;color:inherit;text-decoration:inherit;}.prod .h3 a:hover,.ind h4 a:hover{text-decoration:underline;}.prod .h3 a::after,.ind h4 a::after{display:none;}.nav__sub{min-width:260px;}.nav__sublink{white-space:nowrap;}.prod .h3{white-space:nowrap;} /* --- 3M / deep nav: scrollable dropdown boxes so model lists never overflow the viewport --- *//* Only LEAF submenus (the model lists: VHB / Tissue / PET / Transfer / Dual Lock) scroll. *//* Branch submenus stay overflow:visible so their side-opening flyouts are not clipped. */.nav__sub--leaf{max-height:calc(100vh - 150px);overflow-y:auto;overscroll-behavior:contain;min-width:280px;}.nav__sub--leaf::-webkit-scrollbar{width:9px;}.nav__sub--leaf::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px;}.nav__sub--leaf::-webkit-scrollbar-thumb:hover{background:var(--platinum);}.nav__sub--leaf{scrollbar-width:thin;scrollbar-color:var(--line) transparent;} /* ================= deep nav model lists v3 (2026-08-23) ================= Only the hovered/pinned path is visible (see direct-child rule above). Branch boxes never clip their side flyouts; model lists get a scrollbar and are kept inside the viewport by assets/js/navfix.js. */ .nav__sub--nested{overflow:visible;max-height:none;} .nav__sub--leaf{min-width:296px;max-width:344px;max-height:calc(100vh - 150px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;} .nav__sub--leaf::-webkit-scrollbar{width:10px;} .nav__sub--leaf::-webkit-scrollbar-track{background:transparent;} .nav__sub--leaf::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px;border:2px solid #fff;} .nav__sub--leaf::-webkit-scrollbar-thumb:hover{background:var(--platinum);} .nav .nav__sub.nav__sub--leaf .nav__sublink{white-space:nowrap;} /* click-to-pin support (navfix.js) */ .nav__sub.is-open{opacity:1 !important;visibility:visible !important;transform:none !important;} .nav__sublink.is-active-branch{background:var(--tint-100);color:var(--navy-800);} /* ============================================================ PRODUCT DETAIL PAGE (PDP) — injected by product-details.js ============================================================ */ .pdp{margin-top:8px;} .pdp-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:start;margin:6px 0 46px;} .pdp-figure{margin:0;background:linear-gradient(160deg,var(--tint-050) 0%,var(--tint-100) 100%);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 18px 14px;box-shadow:var(--sh-1);} .pdp-figure svg{width:100%;height:auto;display:block;border-radius:var(--r-sm);} .pdp-figure figcaption{margin-top:12px;padding-top:11px;border-top:1px solid var(--line);font-size:12.4px;line-height:1.6;color:var(--ink-mute);letter-spacing:0.005em;} .pdp-figure--wide{margin:0 0 26px;} .pdp-glance{background:var(--navy-800);color:var(--on-dark);border-radius:var(--r-lg);padding:28px 28px 26px;box-shadow:var(--sh-2);} .pdp-glance .pdp-h{color:var(--white);margin:0 0 18px;font-size:19px;padding:0;border:0;} .pdp-glance .pdp-h::after{display:none;} .pdp-dl{display:flex;flex-direction:column;gap:0;margin:0 0 24px;} .pdp-dl > div{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--line-dark);} .pdp-dl > div:last-child{border-bottom:0;} .pdp-dl dt{font-family:var(--ff-body);font-size:11px;letter-spacing:0.13em;text-transform:uppercase;color:var(--platinum);padding-top:2px;} .pdp-dl dd{font-size:14.6px;line-height:1.5;color:var(--white);font-weight:450;} .pdp-cta{display:inline-flex;align-items:center;gap:9px;background:var(--steel-600);color:var(--white);font-size:13.6px;font-weight:500;letter-spacing:0.02em;padding:13px 22px;border-radius:var(--r-md);transition:background .28s var(--ease),transform .28s var(--ease);} .pdp-cta::after{content:"\2192";font-size:15px;transition:transform .28s var(--ease);} .pdp-cta:hover{background:var(--steel-500);} .pdp-cta:hover::after{transform:translateX(4px);} .pdp-h{font-family:var(--ff-display);font-weight:600;font-size:25px;line-height:1.28;letter-spacing:-0.012em;color:var(--navy-800);margin:52px 0 18px;padding-bottom:12px;border-bottom:1px solid var(--line);position:relative;} .pdp-h::after{content:"";position:absolute;left:0;bottom:-1px;width:54px;height:2px;background:var(--steel-600);} .pdp-h3{font-family:var(--ff-body);font-weight:600;font-size:15.4px;letter-spacing:0.01em;color:var(--navy-700);margin:0 0 12px;} .pdp-p{font-size:16px;line-height:1.78;color:var(--ink-soft);margin:0 0 15px;} .pdp-p strong{color:var(--navy-800);font-weight:600;} .pdp-note{font-size:13.2px;line-height:1.68;color:var(--ink-mute);background:var(--cream);border-left:3px solid var(--platinum);padding:13px 17px;border-radius:0 var(--r-sm) var(--r-sm) 0;margin:0 0 20px;} .pdp-tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);box-shadow:var(--sh-1);margin:0 0 12px;-webkit-overflow-scrolling:touch;} .pdp-table{width:100%;border-collapse:collapse;font-size:14.4px;min-width:520px;} .pdp-table caption{text-align:left;font-family:var(--ff-body);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-mute);padding:16px 20px 12px;border-bottom:1px solid var(--line);background:var(--tint-050);} .pdp-table th,.pdp-table td{text-align:left;padding:13px 20px;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.62;} .pdp-table tbody tr:last-child th,.pdp-table tbody tr:last-child td{border-bottom:0;} .pdp-table th{width:236px;font-weight:500;color:var(--navy-700);background:var(--tint-050);font-size:13.6px;letter-spacing:0.005em;} .pdp-table td{color:var(--ink-soft);} .pdp-table tbody tr:hover td{background:var(--tint-050);} .pdp-table--alt th{background:var(--cream);color:var(--navy-800);} .pdp-table--alt caption{background:var(--cream);} .pdp-cols{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin:0 0 8px;} .pdp-list{display:flex;flex-direction:column;gap:0;} .pdp-list li{position:relative;padding:11px 0 11px 22px;font-size:15px;line-height:1.66;color:var(--ink-soft);border-bottom:1px solid var(--line);} .pdp-list li:last-child{border-bottom:0;} .pdp-list li::before{content:"";position:absolute;left:2px;top:19px;width:6px;height:6px;border:1.5px solid var(--steel-600);border-radius:50%;} .pdp-notice{margin:54px 0 4px;padding:24px 26px;background:var(--tint-050);border:1px solid var(--line);border-radius:var(--r-lg);} .pdp-notice h3{font-family:var(--ff-body);font-size:10.6px;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-mute);font-weight:600;margin:0 0 12px;} .pdp-notice p{font-size:12.6px;line-height:1.7;color:var(--ink-mute);margin:0 0 9px;} .pdp-notice p:last-child{margin-bottom:0;} .pdp-notice strong{color:var(--ink-soft);font-weight:600;} @media (max-width:1000px){ .pdp-hero{grid-template-columns:1fr;gap:26px;margin-bottom:36px;} .pdp-cols{grid-template-columns:1fr;gap:8px;} .pdp-h{font-size:22px;margin:42px 0 16px;} } @media (max-width:640px){ .pdp-figure{padding:13px 13px 11px;} .pdp-glance{padding:22px 20px;} .pdp-dl > div{grid-template-columns:1fr;gap:3px;padding:10px 0;} .pdp-h{font-size:20px;} .pdp-p{font-size:15.4px;} .pdp-table th,.pdp-table td{padding:11px 15px;} .pdp-table th{width:170px;} .pdp-notice{padding:19px 18px;} } /* ============================================================ FOOTER TYPOGRAPHY REFINEMENT (2026-08-23) ============================================================ */ #siteFooter{background:var(--navy-900);color:var(--on-dark-soft);padding:130px 0 0;} #siteFooter .ftr__top{display:grid;grid-template-columns:1.55fr 1fr 1fr 1.25fr;gap:58px;align-items:start;padding-bottom:58px;} #siteFooter .ftr__top > div{min-width:0;} #siteFooter .ftr .logo{display:inline-flex;align-items:center;gap:12px;} #siteFooter .ftr__about{margin-top:28px;font-size:0.82rem;line-height:1.6;max-width:318px;color:#fff;} #siteFooter .ftr h5{font-size:0.76rem;font-weight:600;letter-spacing:0.11em;text-transform:uppercase;color:#fff;margin-bottom:38px;padding-bottom:12px;border-bottom:1px solid rgba(157,180,196,0.18);} #siteFooter .ftr ul{display:grid;gap:12px;} #siteFooter .ftr ul li{display:flex;align-items:flex-start;} #siteFooter .ftr ul a,#siteFooter .ftr ul span{font-size:0.82rem;line-height:1.55;color:var(--on-dark-soft);transition:color .28s var(--ease);} #siteFooter .ftr ul a:hover{color:#fff;} #siteFooter .ftr ul .link-arrow{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:9px 16px;background:var(--steel-600);color:#fff;border-radius:var(--r-md);font-size:0.82rem;font-weight:500;letter-spacing:0.015em;transition:background .28s var(--ease),transform .28s var(--ease);} #siteFooter .ftr ul .link-arrow:hover{background:var(--steel-500);transform:translateX(3px);} #siteFooter .ftr ul .link-arrow::after{content:"\2192";font-size:13px;transition:transform .28s var(--ease);} #siteFooter .ftr ul .link-arrow:hover::after{transform:translateX(3px);} #siteFooter .ftr__legal{padding:30px 0 24px;border-top:1px solid rgba(157,180,196,0.14);font-size:0.78rem;line-height:1.75;color:#7A8E9D;} #siteFooter .ftr__bot{padding:22px 0 38px;border-top:1px solid rgba(157,180,196,0.14);display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;font-size:0.8rem;color:#7A8E9D;} @media (max-width:1080px){ #siteFooter .ftr__top{grid-template-columns:1.45fr 1fr 1fr;gap:44px;} #siteFooter .ftr__top > div:last-child{grid-column:1 / -1;} #siteFooter .ftr__top > div:last-child ul{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 24px;} } @media (max-width:820px){ #siteFooter .ftr__top{grid-template-columns:1fr;gap:38px;} #siteFooter .ftr__top > div:last-child{grid-column:auto;} #siteFooter .ftr__top > div:last-child ul{grid-template-columns:1fr;} #siteFooter .ftr__about{max-width:460px;} #siteFooter .ftr__bot{flex-direction:column;gap:8px;} } @media (max-width:480px){ #siteFooter{padding:102px 0 0;} #siteFooter .ftr__top{padding-bottom:44px;} #siteFooter .ftr h5{margin-bottom:30px;} } /* ===== GLOBAL READABILITY REFINEMENT (2026-08-23) ===== */ /* Lift the root rem base so all rem-based text (headings, eyebrow labels, footer) scales up ~6.25% */ html{font-size:106.25%;} /* Larger, airier base reading size across the whole site (nav, cards, paragraphs, specs all inherit this) */ body{font-size:17.5px;line-height:1.78;} /* Section eyebrow labels were tiny small-caps and hard to read */ .eyebrow{font-size:0.78rem;letter-spacing:0.15em;} /* Product detail page micro-text lifted to a comfortable minimum */ .pdp-p{font-size:18px;line-height:1.82;} .pdp-h3{font-size:16px;} .pdp-figure figcaption{font-size:14px;line-height:1.7;} .pdp-dl dt{font-size:13.5px;letter-spacing:0.1em;} .pdp-dl dd{font-size:16.5px;} .pdp-note{font-size:14.5px;line-height:1.78;} .pdp-table{font-size:15.5px;} .pdp-table caption{font-size:12.5px;} .pdp-table th{font-size:14.5px;} .pdp-list li{font-size:15.5px;} .pdp-notice h3{font-size:12px;} .pdp-notice p{font-size:14px;line-height:1.78;} .pdp-cta{font-size:14.5px;} /* Footer fine print lifted above the hard-to-read sub-13px range */ #siteFooter .ftr h5{font-size:0.82rem;} /* Part 2 (footer "Get in touch" column) — 5px smaller than the 17.5px body-inherited size => 12.5px */ #siteFooter .ftr__contact ul a:not(.link-arrow),#siteFooter .ftr__contact ul span{font-size:0.82rem;line-height:1.6;} #siteFooter .ftr ul .link-arrow{font-size:0.86rem;} #siteFooter .ftr__legal{font-size:0.86rem;} #siteFooter .ftr__bot{font-size:0.86rem;} /* Header visibility fix: pre-rendered dist strips JS, so .is-stuck never gets toggled. Give the home-page header the same dark translucent background that subpages already have, so white nav text/burger remains visible over white sections. When JS runs, .hdr.is-stuck still overrides this cleanly. */ .hdr{background:rgba(20,37,58,0.97);box-shadow:0 1px 0 rgba(255,255,255,0.08);} /* ============================================================ VIDEO BLOCK — responsive, lazy-loaded (2026-09-01) Local: