/*
Theme Name: BOTHSIX
Theme URI: https://bothsix.example.com/
Author: Trae
Author URI: https://trae.ai/
Description: Custom WordPress theme for BOTHSIX / 濠电姷鏁搁崑鐐哄垂閸洖绠伴柛顐ｆ礀绾惧綊鏌熼崜褏甯涢柣鎾冲€圭换婵囩節閸屾粌顣虹紓浣插亾?
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: bothsix
*/
            /* -----------------------------------------------------------------------------
 * 1. 闂傚倸鍊风粈渚€骞夐敓鐘冲仭闁挎洖鍊归弲婵嬫煏韫囧鈧洟姊婚鐐寸厽闁瑰鍎愰悞浠嬫煃缂佹ɑ顥堟鐐寸墬濞煎繘宕滆閿涚喖姊洪崫銉ヤ杭闁告柨閰ｉ幆鈧い蹇撶墱閺佸洦绻涢幋鐏诲吋绔?
 * -------------------------------------------------------------------------- */
            
             :root {
                /* 闂傚倸鍊风粈渚€骞栭銈囩煋闁割偅娲嶉埀顒婄畵瀹曞ジ濮€閵忋垹顦╁┑掳鍊х徊浠嬪疮椤栫偛鍚圭€光偓閸曨剛鍘电紓鍌欑劍閿氱紒妤佸浮閺?- 婵犵數濮烽弫鎼佸磿閹寸姷绀婇柍褜鍓涚槐鎺楊敊閹傚缂?SaaS 闂傚倷娴囧畷鍨叏閻㈢绀夐柟杈剧畱缁€澶屸偓骞垮劚椤︻垳绮堟径鎰厱婵炴垵宕弸銈夋煃缂佹ɑ顥堟鐐寸墪鑿愭い鎺嗗亾濠德ゆ硶閹叉悂鏌囬敃鈧悘锕傛煛鐏炲墽顬肩紒鐘崇洴楠炴瑩宕橀埞顑惧姂濮婅櫣绮欏▎鎯у妧缂備浇灏▔鏇炍ｉ幇鏉跨閻犲洩灏欓崝?*/
                --color-primary: #025395;
                --color-primary-dark: #00263A;
                --color-primary-darker: #05101A;
                --color-brand: #025395;
                --color-brand-dark: #012b4c;
                --color-brand-deep: #031d37;
                --color-accent: #C8A84E;
                --color-accent-light: #E5C97A;
                --color-accent-glow: rgba(200, 168, 78, 0.35);
                /* 闂傚倷绀侀幖顐λ囬鐐村亱闁糕剝绋戠粻鐘诲箹濞ｎ剙鐏柛娆忕箲閵囧嫯绠涢幘璺侯杸闂佹悶鍊曢惌鍌炲蓟閻旇櫣纾兼俊顖濇閻熴劑姊?*/
                --color-silver: #D4D4D4;
                --color-silver-dark: #A0A0A0;
                --color-silver-light: #F0F0F0;
                --color-surface: #ffffff;
                --color-surface-alt: #F8FAFC;
                --color-border: rgba(2, 83, 149, 0.08);
                --color-border-strong: rgba(2, 83, 149, 0.15);
                /* 闂傚倸鍊风粈渚€骞栭锕€纾圭紒瀣紩濞差亜围濠㈣泛顑呮禒閬嶆偡濠婂嫭顥堟鐐诧工閳规垹鈧綆浜為宀勬⒑閸︻厼鍔嬮柛銊ф暬瀹?*/
                --color-text: #1E293B;
                --color-text-muted: #64748B;
                --color-text-light: rgba(255, 255, 255, 0.85);
                --color-text-inverse: #ffffff;
                /* 闂傚倸鍊烽懗鍓佹兜閸洖鐤鹃柣鎰ゴ閺嬪秹鏌ㄥ┑鍡╂Ф闁逞屽厸缁舵艾鐣烽妸鈺佺骇闁瑰瓨绻傚▓銈夋⒒娴ｅ搫甯堕柟鑺ョ矒瀵偊骞栨担鍝ュ姦?*/
                --font-base: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Inter", -apple-system, sans-serif;
                --font-en: "Inter", "SF Pro Display", sans-serif;
                --radius-sm: 8px;
                --radius-base: 12px;
                --radius-md: 20px;
                --radius-lg: 24px;
                --radius-xl: 36px;
                --container: min(1200px, calc(100vw - 48px));
                --transition-base: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
                --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
                /* 闂傚倸鍊风粈渚€骞夐敓鐘冲仭闁挎洖鍊搁崹鍌炴煟閵忋埄鐒鹃柛灞诲妽缁绘繃绻濋崒姘间紑闂佸磭绮Λ鍐嵁閺嶎灔搴敆閳ь剚淇婃禒瀣棄閻庯綆鍠楅崑?*/
                --shadow-soft: 0 10px 40px rgba(2, 83, 149, 0.05);
                --shadow-card: 0 20px 50px rgba(2, 83, 149, 0.08);
                --shadow-glow: 0 0 30px var(--color-accent-glow);
            }
            
            *,
            *::before,
            *::after {
                box-sizing: border-box;
            }
            
            html {
                scroll-behavior: smooth;
            }
            
            body {
                margin: 0;
                font-family: "Inter", "Segoe UI", Arial, sans-serif;
                color: var(--color-text);
                background: radial-gradient(circle at top left, rgba(224, 200, 112, 0.12), transparent 32%), linear-gradient(180deg, #f8fbff 0%, #ffffff 28%, #f5f8fc 100%);
                line-height: 1.6;
            }
            
            body.admin-bar .site-header {
                top: 32px;
            }
            
            img {
                display: block;
                max-width: 100%;
                height: auto;
            }
            
            a {
                color: inherit;
                text-decoration: none;
            }
            
            button,
            input,
            textarea,
            select {
                font: inherit;
            }
            
            button {
                border: 0;
                background: none;
                cursor: pointer;
            }
            
            .screen-reader-text {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border: 0;
            }
            
            .site-shell {
                min-height: 100vh;
            }
            
            .container {
                width: var(--container);
                margin: 0 auto;
            }
            
            .section {
                padding: 100px 0;
            }
            
            .section--compact {
                padding: 100px 0;
            }
            
            .section-eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                padding: 9px 16px;
                border-radius: 999px;
                font-size: 12px;
                line-height: 1;
                letter-spacing: 0.16em;
                text-transform: uppercase;
                color: var(--color-brand);
                background: rgba(2, 83, 149, 0.08);
                border: 1px solid rgba(2, 83, 149, 0.08);
            }
            
            .section-eyebrow::before {
                content: "";
                width: 7px;
                height: 7px;
                border-radius: 999px;
                background: var(--color-accent-light);
                box-shadow: 0 0 16px rgba(224, 200, 112, 0.55);
            }
            
            .section-heading {
                max-width: 620px;
                margin: 18px 0 0;
                font-size: clamp(34px, 4.8vw, 58px);
                line-height: 1.08;
                letter-spacing: -0.04em;
            }
            
            .section-heading--light {
                color: var(--color-text-inverse);
            }
            
            .section-heading--light strong {
                color: var(--color-text-inverse);
            }
            
            .section-intro {
                max-width: 610px;
                margin: 18px 0 0;
                font-size: 18px;
                color: var(--color-text-muted);
            }
            
            .section-intro--light {
                color: rgba(255, 255, 255, 0.78);
            }
            
            .section-accent {
                color: var(--color-accent-light);
            }
            
            .site-header {
                position: fixed;
                inset: 0 0 auto;
                z-index: 1000;
                overflow: visible;
                transition: background-color var(--transition-base), box-shadow var(--transition-base), backdrop-filter var(--transition-base), border-color var(--transition-base), top var(--transition-base);
                border-bottom: 1px solid transparent;
            }
            
            .site-header.is-top {
                background: transparent;
            }
            /* 首页菜单栏在 banner 区域可读，其他页面不应用 */
            
            body.home .site-header.is-top::before {
                content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(180deg, rgba(2, 24, 51, 0.58) 0%, rgba(2, 24, 51, 0.22) 60%, transparent 100%);
                pointer-events: none;
                z-index: -1;
            }
            
            .site-header.is-scrolled {
                background: rgba(2, 83, 149, 0.96);
                border-bottom-color: rgba(255, 255, 255, 0.08);
                box-shadow: 0 14px 36px rgba(2, 24, 51, 0.22);
                backdrop-filter: blur(16px);
            }
            
            .site-header__inner {
                display: flex;
                align-items: center;
                justify-content: space-between;
                min-height: 88px;
                gap: 28px;
            }
            
            .site-brand {
                display: inline-flex;
                align-items: center;
                flex-shrink: 0;
            }
            
            .brand-logo {
                position: relative;
                width: 158px;
                height: 40px;
            }
            
            .brand-logo img {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                object-fit: contain;
                transition: opacity var(--transition-base), transform var(--transition-base);
            }
            
            .brand-logo__light {
                opacity: 1;
            }
            
            .brand-logo__color {
                opacity: 0;
                transform: translateY(2px);
            }
            
            .site-header.is-scrolled .brand-logo__light {
                opacity: 0;
                transform: translateY(-2px);
            }
            
            .site-header.is-scrolled .brand-logo__color {
                opacity: 1;
                transform: translateY(0);
            }
            
            .site-nav {
                display: flex;
                align-items: center;
                margin-left: auto;
            }
            
            .site-nav ul {
                display: flex;
                align-items: center;
                gap: 28px;
                margin: 0;
                padding: 0;
                list-style: none;
            }
            
            .site-nav a {
                position: relative;
                font-size: 14px;
                font-weight: 600;
                letter-spacing: 0.04em;
                text-transform: uppercase;
                transition: color var(--transition-base), opacity var(--transition-base);
            }
            
            .site-header.is-top .site-nav a {
                color: #fff;
                text-shadow: 0 2px 6px rgba(0, 0, 0, 0.55);
            }
            
            .site-header.is-scrolled .site-nav a {
                color: #fff;
                text-shadow: none;
            }
            
            .site-nav a:hover,
            .site-nav a:focus-visible {
                color: var(--color-accent-light);
            }
            
            .site-nav .nav-link.is-current {
                color: var(--color-accent-light);
            }
            
            .site-header.is-top .site-header__download {
                background: rgba(2, 24, 51, 0.35);
                border-color: rgba(255, 255, 255, 0.32);
            }
            
            .site-nav a::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: -8px;
                width: 100%;
                height: 2px;
                transform: scaleX(0);
                transform-origin: center;
                background: var(--color-accent-light);
                transition: transform var(--transition-base);
            }
            
            .site-nav a:hover::after,
            .site-nav a:focus-visible::after {
                transform: scaleX(1);
            }
            
            .site-nav .nav-link.is-current::after {
                transform: scaleX(1);
            }
            
            .site-nav .nav-link.is-current::before {
                content: "";
                position: absolute;
                left: 50%;
                top: -10px;
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: rgba(224, 200, 112, 0.88);
                box-shadow: 0 0 10px rgba(224, 200, 112, 0.18);
                transform: translateX(-50%);
            }
            
            .site-header__actions {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                gap: 14px;
                flex-shrink: 0;
            }
            
            .gtranslate_wrapper {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                min-width: 132px;
                min-height: 44px;
                flex: 0 0 auto;
                font-size: 13px;
                line-height: 1;
            }
            
            .gtranslate_wrapper>* {
                max-width: 100%;
            }
            
            .site-header__cta {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 48px;
                padding: 0 22px;
                border-radius: 999px;
                font-size: 13px;
                font-weight: 700;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                transition: background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base), transform var(--transition-base);
            }
            
            .site-header__download {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 48px;
                padding: 0 20px;
                border: 1px solid rgba(255, 255, 255, 0.22);
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.08);
                color: #ffffff;
                font-size: 12px;
                font-weight: 700;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                white-space: nowrap;
                transition: background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
            }
            
            .site-header__download:hover,
            .site-header__download:focus-visible {
                color: #ffffff;
                border-color: rgba(255, 255, 255, 0.34);
                background: rgba(255, 255, 255, 0.14);
                box-shadow: 0 10px 22px rgba(13, 27, 42, 0.14);
            }
            
            .site-header__download.is-current {
                background: rgba(255, 255, 255, 0.18);
                border-color: rgba(255, 255, 255, 0.42);
            }
            
            .site-header.is-top .site-header__cta {
                color: #fff;
                border: 1px solid rgba(255, 255, 255, 0.28);
                background: rgba(255, 255, 255, 0.06);
            }
            
            .site-header.is-scrolled .site-header__cta {
                color: var(--color-brand);
                background: #fff;
                border: 1px solid #fff;
            }
            
            .site-header.is-scrolled .site-header__download {
                color: #163049;
                background: rgba(255, 255, 255, 0.96);
                border-color: rgba(22, 48, 73, 0.08);
            }
            
            .site-header.is-scrolled .site-header__download:hover,
            .site-header.is-scrolled .site-header__download:focus-visible,
            .site-header.is-scrolled .site-header__download.is-current {
                color: var(--brand-blue);
                border-color: rgba(2, 83, 149, 0.16);
                background: #ffffff;
            }
            
            .site-header__cta:hover,
            .site-header__cta:focus-visible,
            .button:hover,
            .button:focus-visible {
                transform: translateY(-2px);
            }
            
            .site-main {
                overflow: hidden;
            }
            
            .hero {
                position: relative;
                min-height: 100vh;
                padding: 184px 0 108px;
                background: linear-gradient(180deg, rgba(0, 38, 58, 0.65) 0%, rgba(0, 38, 58, 0.25) 100%), url("./assets/images/hero-company.jpg") center center / cover no-repeat;
                color: #fff;
            }
            
            .hero::before {
                content: "";
                position: absolute;
                inset: 0;
                background: radial-gradient(circle at 16% 18%, rgba(224, 200, 112, 0.16), transparent 24%), linear-gradient(120deg, rgba(2, 83, 149, 0.24), transparent 56%);
                pointer-events: none;
            }
            
            .hero__grid {
                position: relative;
                z-index: 2;
                display: grid;
                grid-template-columns: minmax(0, 1.16fr) minmax(340px, 0.84fr);
                gap: 56px;
                align-items: center;
                padding: 180px 0 100px;
            }
            /* Parallax Background */
            
            .hero__media-parallax {
                position: absolute;
                top: -10%;
                left: 0;
                width: 100%;
                height: 120%;
                background: linear-gradient(180deg, rgba(0, 38, 58, 0.65) 0%, rgba(0, 38, 58, 0.25) 100%), url("./assets/images/hero-company.jpg") center/cover no-repeat;
                z-index: 0;
                pointer-events: none;
                will-change: transform;
                overflow: hidden;
            }
            
            .hero__video {
                position: absolute;
                top: 50%;
                left: 50%;
                min-width: 100%;
                min-height: 100%;
                width: auto;
                height: auto;
                transform: translateX(-50%) translateY(-50%);
                z-index: -1;
                object-fit: cover;
            }
            
            .hero__content {
                max-width: 760px;
            }
            
            .hero__eyebrow {
                background: rgba(255, 255, 255, 0.08);
                color: #fff;
                border-color: rgba(255, 255, 255, 0.08);
            }
            
            .hero__title {
                font-size: clamp(48px, 5vw, 72px);
                line-height: 1.15;
                letter-spacing: 0.02em;
                font-weight: 800;
                margin: 20px 0 24px;
                text-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
            }
            
            .hero__title span {
                color: var(--color-accent);
                display: block;
                margin-top: 12px;
                text-shadow: 0 4px 20px rgba(200, 168, 78, 0.3);
            }
            
            .hero__desc {
                font-size: 18px;
                line-height: 1.8;
                color: rgba(255, 255, 255, 0.9);
                max-width: 560px;
                margin-bottom: 40px;
                text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
            }
            
            .hero__actions {
                display: flex;
                flex-wrap: wrap;
                gap: 16px;
                margin-top: 38px;
            }
            
            .button {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 54px;
                padding: 0 26px;
                border-radius: 999px;
                border: 1px solid transparent;
                font-size: 14px;
                font-weight: 700;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                transition: transform var(--transition-base), color var(--transition-base), background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
            }
            
            .button--primary {
                color: #fff;
                background: linear-gradient(135deg, var(--color-accent) 0%, #B09030 100%);
                box-shadow: 0 8px 24px rgba(200, 168, 78, 0.35);
            }
            
            .button--primary:hover {
                background: linear-gradient(135deg, #B09030 0%, #8A7020 100%);
                transform: translateY(-2px);
                box-shadow: 0 12px 30px rgba(200, 168, 78, 0.45);
            }
            
            .button--secondary {
                color: #fff;
                background: rgba(255, 255, 255, 0.08);
                border-color: rgba(255, 255, 255, 0.16);
            }
            
            .button--dark {
                color: #fff;
                background: linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);
                box-shadow: 0 18px 40px rgba(2, 83, 149, 0.24);
            }
            
            .button--ghost {
                color: var(--color-brand);
                background: rgba(2, 83, 149, 0.08);
                border-color: rgba(2, 83, 149, 0.12);
            }
            
            .button.is-disabled,
            .button[disabled] {
                opacity: 0.56;
                pointer-events: none;
            }
            
            .hero__metrics {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 18px;
                margin-top: 52px;
            }
            
            .hero__metric {
                padding: 24px 22px 22px;
                border-radius: 24px;
                background: rgba(255, 255, 255, 0.1);
                border: 1px solid rgba(255, 255, 255, 0.12);
                backdrop-filter: blur(14px);
            }
            
            .hero__metric strong {
                display: block;
                font-size: 30px;
                line-height: 1;
            }
            
            .hero__metric span {
                display: block;
                margin-top: 8px;
                font-size: 13px;
                color: rgba(255, 255, 255, 0.72);
            }
            
            .hero__media {
                position: relative;
            }
            
            .hero-card {
                position: relative;
                padding: 30px;
                border-radius: 36px;
                background: rgba(255, 255, 255, 0.08);
                border: 1px solid rgba(255, 255, 255, 0.12);
                box-shadow: var(--shadow-soft);
                backdrop-filter: blur(14px);
            }
            
            .hero-card--glass {
                max-width: 440px;
                margin-left: auto;
                background: rgba(255, 255, 255, 0.05);
                backdrop-filter: blur(24px);
                -webkit-backdrop-filter: blur(24px);
                border: 1px solid rgba(255, 255, 255, 0.15);
                box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
            }
            
            .hero-card__title {
                margin: 18px 0 0;
                font-size: clamp(26px, 3vw, 38px);
                line-height: 1.18;
                letter-spacing: -0.03em;
            }
            
            .hero-card__image-wrap {
                position: relative;
                overflow: hidden;
                border-radius: 24px;
            }
            
            .hero-card__image {
                width: 100%;
                aspect-ratio: 0.95;
                object-fit: cover;
            }
            
            .hero-card__badge {
                position: absolute;
                left: 22px;
                top: 22px;
                z-index: 2;
                display: inline-flex;
                align-items: center;
                gap: 8px;
                padding: 10px 14px;
                border-radius: 999px;
                background: rgba(3, 29, 55, 0.72);
                color: #fff;
                font-size: 12px;
                letter-spacing: 0.08em;
                text-transform: uppercase;
            }
            
            .hero-card__badge::before {
                content: "";
                width: 6px;
                height: 6px;
                border-radius: 999px;
                background: var(--color-accent-light);
            }
            
            .hero-card__meta {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 14px;
                margin-top: 28px;
            }
            
            .hero-card__meta-item {
                padding: 14px 16px;
                border-radius: 18px;
                background: rgba(255, 255, 255, 0.1);
            }
            
            .hero-card__meta-label {
                font-size: 12px;
                letter-spacing: 0.12em;
                text-transform: uppercase;
                color: rgba(255, 255, 255, 0.64);
            }
            
            .hero-card__meta-value {
                display: block;
                margin-top: 6px;
                font-size: 18px;
                font-weight: 600;
            }
            
            .grid-2 {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 30px;
            }
            
            .grid-3 {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 24px;
            }
            
            .surface-card {
                padding: 30px;
                border-radius: var(--radius-lg);
                background: rgba(255, 255, 255, 0.92);
                border: 1px solid rgba(255, 255, 255, 0.9);
                box-shadow: var(--shadow-card);
            }
            
            .surface-card h3 {
                margin: 16px 0 0;
                font-size: 24px;
                line-height: 1.2;
            }
            
            .surface-card p {
                margin: 14px 0 0;
                color: var(--color-text-muted);
            }
            
            .surface-card__index {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 48px;
                height: 48px;
                border-radius: 16px;
                font-size: 14px;
                font-weight: 700;
                letter-spacing: 0.08em;
                color: var(--color-brand);
                background: rgba(2, 83, 149, 0.08);
            }
            
            .about-panel {
                position: relative;
                overflow: hidden;
                border-radius: 40px;
                background: linear-gradient(145deg, #fff 0%, #f4f8fd 100%);
                box-shadow: var(--shadow-soft);
            }
            
            .about-panel__grid {
                display: grid;
                grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.98fr);
                gap: 0;
            }
            
            .about-panel__content {
                padding: 68px;
            }
            
            .about-panel__media {
                min-height: 100%;
                background: linear-gradient(180deg, rgba(3, 29, 55, 0.1), rgba(3, 29, 55, 0.32)), url("./assets/images/hero-company.jpg") center/cover no-repeat;
            }
            
            .feature-list {
                display: grid;
                gap: 14px;
                margin: 30px 0 0;
                padding: 0;
                list-style: none;
            }
            
            .feature-list li {
                display: flex;
                gap: 12px;
                align-items: flex-start;
                color: var(--color-text);
            }
            
            .feature-list li::before {
                content: "";
                flex: 0 0 10px;
                width: 10px;
                height: 10px;
                margin-top: 0.48em;
                border-radius: 999px;
                background: linear-gradient(135deg, var(--color-accent-light) 0%, var(--color-brand) 100%);
            }
            
            .section--deep {
                position: relative;
                background: linear-gradient(180deg, rgba(3, 29, 55, 0.98) 0%, rgba(2, 83, 149, 0.94) 100%);
                color: #fff;
            }
            
            .section--deep::before {
                content: "";
                position: absolute;
                inset: 0;
                background: radial-gradient(circle at top right, rgba(224, 200, 112, 0.16), transparent 20%), linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 30%);
                pointer-events: none;
            }
            
            .section--deep>.container {
                position: relative;
                z-index: 1;
            }
            
            .product-showcase {
                display: grid;
                grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
                gap: 36px;
                align-items: center;
            }
            
            .product-overview-section {
                position: relative;
            }
            
            .home-product-grid {
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                gap: 30px;
                margin-top: 48px;
            }
            /* Bento/Asymmetric layout for products */
            
            .home-product-card {
                position: relative;
                overflow: hidden;
                border-radius: 34px;
                background: var(--color-surface);
                border: 1px solid var(--color-border);
                box-shadow: var(--shadow-card);
                transition: transform var(--transition-slow), box-shadow var(--transition-slow), border-color var(--transition-slow);
            }
            
            .home-product-card:nth-child(1) {
                grid-column: span 8;
            }
            
            .home-product-card:nth-child(2) {
                grid-column: span 4;
            }
            
            .home-product-card:nth-child(3) {
                grid-column: span 12;
                display: grid;
                grid-template-columns: 1fr 1fr;
            }
            
            .home-product-card:hover,
            .home-product-card:focus-within {
                transform: translateY(-8px);
                border-color: var(--color-border-strong);
                box-shadow: 0 36px 70px rgba(3, 29, 55, 0.12);
            }
            
            .home-product-card__media {
                display: block;
                overflow: hidden;
                aspect-ratio: 1.2;
                background: #eef4fb;
                position: relative;
            }
            
            .home-product-card:nth-child(3) .home-product-card__media {
                aspect-ratio: auto;
                height: 100%;
            }
            
            .home-product-card__media img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 0.8s ease;
            }
            
            .home-product-card:hover .home-product-card__media img,
            .home-product-card:focus-within .home-product-card__media img {
                transform: scale(1.05);
            }
            
            .home-product-card__body {
                padding: 40px;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
            
            .home-product-card__eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                font-size: 12px;
                font-weight: 700;
                letter-spacing: 0.12em;
                text-transform: uppercase;
                color: var(--color-primary);
            }
            
            .home-product-card__eyebrow::before {
                content: "";
                width: 7px;
                height: 7px;
                border-radius: 999px;
                background: var(--color-accent-light);
            }
            
            .home-product-card h3 {
                margin: 18px 0 0;
                font-size: 28px;
                line-height: 1.14;
            }
            
            .home-product-card p {
                margin: 16px 0 0;
                color: var(--color-text-muted);
                line-height: 1.8;
            }
            
            .home-product-card__link {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                margin-top: auto;
                padding-top: 30px;
                color: var(--color-accent);
                font-size: 14px;
                font-weight: 700;
                letter-spacing: 0.08em;
                text-transform: uppercase;
            }
            /* Animations: Reveal */
            
            .reveal-up {
                opacity: 0;
                transform: translateY(40px);
                transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
            }
            
            .reveal-up.is-revealed {
                opacity: 1;
                transform: translateY(0);
            }
            
            .reveal-fade {
                opacity: 0;
                transition: opacity 1.2s ease;
            }
            
            .reveal-fade.is-revealed {
                opacity: 1;
            }
            
            .delay-100 {
                transition-delay: 100ms;
            }
            
            .delay-200 {
                transition-delay: 200ms;
            }
            
            .delay-300 {
                transition-delay: 300ms;
            }
            
            .delay-400 {
                transition-delay: 400ms;
            }
            /* Trust Wall Section (Dark SaaS texture) */
            
            .section--trust {
                background: var(--color-primary-darker);
                color: #fff;
                position: relative;
                overflow: hidden;
            }
            
            .section--trust::before {
                content: "";
                position: absolute;
                top: -50%;
                left: -50%;
                width: 200%;
                height: 200%;
                background: radial-gradient(circle at 50% 50%, rgba(224, 200, 112, 0.05), transparent 60%);
                pointer-events: none;
            }
            
            .trust-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 20px;
                margin-top: 60px;
                position: relative;
                z-index: 2;
            }
            
            .partner-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 20px;
            }
            
            .partner-item {
                background: #fff;
                border: 1px solid var(--color-border);
                border-radius: var(--radius-md);
                padding: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 100px;
                color: var(--color-text-muted);
                font-size: 14px;
                font-weight: 500;
                transition: all var(--transition-base);
            }
            
            .partner-item:hover {
                box-shadow: var(--shadow-soft);
                border-color: var(--color-border-strong);
                transform: translateY(-2px);
            }
            
            @media (max-width: 768px) {
                .partner-grid {
                    grid-template-columns: repeat(2, 1fr);
                }
            }
        }
        .trust-item {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 20px;
            padding: 30px;
            text-align: center;
            transition: all var(--transition-base);
            backdrop-filter: blur(10px);
        }
        .trust-item:hover {
            background: rgba(255, 255, 255, 0.06);
            border-color: rgba(224, 200, 112, 0.3);
            box-shadow: var(--shadow-glow);
            transform: translateY(-5px);
        }
        .trust-icon {
            font-size: 32px;
            color: var(--color-accent);
            margin-bottom: 20px;
            opacity: 0.9;
        }
        .trust-title {
            font-size: 16px;
            font-weight: 600;
            color: #fff;
            margin: 0;
            letter-spacing: 0.05em;
        }
        .home-product-card__link::after {
            content: "";
            width: 30px;
            height: 1px;
            background: currentColor;
            transition: transform var(--transition-base);
        }
        .home-product-card:hover .home-product-card__link::after,
        .home-product-card:focus-within .home-product-card__link::after {
            transform: translateX(6px);
        }
        .product-showcase__media {
            position: relative;
            overflow: hidden;
            border-radius: 34px;
            background: rgba(255, 255, 255, 0.06);
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: var(--shadow-soft);
        }
        .product-showcase__media img {
            width: 100%;
            aspect-ratio: 0.96;
            object-fit: cover;
        }
        .product-showcase__content .section-intro--light {
            max-width: 560px;
        }
        .spec-wrap {
            margin-top: 30px;
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.08);
            border: 1px solid rgba(255, 255, 255, 0.08);
            overflow: hidden;
        }
        .table-scroll {
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        .spec-table {
            width: 100%;
            min-width: 720px;
            border-collapse: collapse;
        }
        .spec-table th,
        .spec-table td {
            padding: 16px 18px;
            text-align: left;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            white-space: nowrap;
        }
        .spec-table th {
            font-size: 12px;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: var(--color-accent-light);
        }
        .spec-table td {
            color: rgba(255, 255, 255, 0.84);
        }
        .advantage-card {
            padding: 34px;
            border-radius: 32px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 253, 0.96));
            border: 1px solid rgba(2, 83, 149, 0.08);
            box-shadow: var(--shadow-card);
        }
        .advantage-card h3 {
            margin: 18px 0 0;
            font-size: 22px;
        }
        .advantage-card p {
            margin: 12px 0 0;
            color: var(--color-text-muted);
            line-height: 1.8;
        }
        .advantage-card__icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 52px;
            height: 52px;
            border-radius: 18px;
            background: rgba(2, 83, 149, 0.08);
            color: var(--color-brand);
            font-size: 16px;
            font-weight: 700;
        }
        .contact-panel {
            display: grid;
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
            gap: 28px;
            align-items: stretch;
        }
        .contact-card {
            padding: 48px;
            border-radius: 34px;
            background: linear-gradient(145deg, rgba(3, 29, 55, 0.98), rgba(2, 83, 149, 0.94));
            color: #fff;
            box-shadow: var(--shadow-soft);
        }
        .contact-card__meta {
            display: grid;
            gap: 18px;
            margin-top: 28px;
        }
        .contact-card__meta strong {
            display: block;
            font-size: 14px;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--color-accent-light);
        }
        .contact-card__meta span,
        .contact-card__meta a {
            display: inline-block;
            margin-top: 8px;
            color: rgba(255, 255, 255, 0.82);
        }
        .contact-form-note {
            padding: 48px;
            border-radius: 34px;
            background: rgba(255, 255, 255, 0.92);
            box-shadow: var(--shadow-card);
        }
        .contact-form-note ul {
            margin: 24px 0 0;
            padding-left: 18px;
            color: var(--color-text-muted);
            line-height: 1.9;
        }
        .site-footer {
            padding: 80px 0 40px;
            background: #061a2f;
            color: rgba(255, 255, 255, 0.72);
        }
        .footer-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 60px;
        }
        .footer-brand-desc {
            margin-top: 20px;
            font-size: 14px;
            line-height: 1.8;
            color: rgba(255, 255, 255, 0.6);
            max-width: 320px;
        }
        .footer-heading {
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 24px;
            letter-spacing: 0.05em;
        }
        .footer-links {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 16px;
        }
        .footer-links a {
            color: rgba(255, 255, 255, 0.72);
            transition: color var(--transition-base);
        }
        .footer-links a:hover {
            color: var(--color-accent);
        }
        .site-footer__bottom {
            margin-top: 60px;
            padding-top: 24px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }
        .site-footer__bottom-inner {
            text-align: center;
            font-size: 13px;
            color: rgba(255, 255, 255, 0.5);
        }
        /* Mobile Nav */
        .menu-toggle {
            display: none;
            background: none;
            border: none;
            padding: 10px;
            cursor: pointer;
            color: #fff;
        }
        .site-header.is-scrolled .menu-toggle {
            color: var(--color-primary-dark);
        }
        .mobile-nav-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 38, 58, 0.98);
            backdrop-filter: blur(10px);
            z-index: 900;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 40px;
        }
        .mobile-nav-overlay.is-active {
            opacity: 1;
            visibility: visible;
        }
        .mobile-nav__list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 30px;
            text-align: center;
        }
        .mobile-nav__list a {
            color: #fff;
            font-size: 24px;
            font-weight: 600;
        }
        .mobile-nav__list .nav-link.is-current {
            color: var(--harvest-gold);
        }
        .mobile-nav__list .nav-link.is-current::before {
            content: "";
            display: inline-block;
            width: 18px;
            height: 2px;
            margin-right: 10px;
            vertical-align: middle;
            background: var(--harvest-gold);
        }
        .mobile-nav-footer {
            margin-top: 60px;
            text-align: center;
        }
        @media (max-width: 1080px) {
            .site-nav {
                display: none;
            }
            
            .gtranslate_wrapper {
                display: none;
            }
            
            .site-header__download {
                display: none;
            }
            
            .menu-toggle {
                display: block;
            }
            
            .site-header__cta {
                display: none;
            }
            
            .footer-grid {
                grid-template-columns: 1fr;
                gap: 40px;
            }
        }
        .popup {
            position: fixed;
            inset: 0;
            z-index: 1300;
            display: grid;
            place-items: center;
            padding: 24px;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity var(--transition-base), visibility var(--transition-base);
        }
        .popup.is-active {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }
        .popup__backdrop {
            position: absolute;
            inset: 0;
            background: rgba(3, 15, 30, 0.72);
            backdrop-filter: blur(12px);
        }
        .popup__dialog {
            position: relative;
            z-index: 1;
            width: min(760px, 100%);
            max-height: min(92vh, 900px);
            overflow: auto;
            padding: 34px;
            border-radius: 34px;
            background: #fff;
            box-shadow: var(--shadow-soft);
        }
        .popup__close {
            position: absolute;
            top: 16px;
            right: 16px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 42px;
            height: 42px;
            border-radius: 999px;
            color: var(--color-brand);
            background: rgba(2, 83, 149, 0.08);
        }
        .popup__title {
            margin: 0;
            font-size: clamp(28px, 4vw, 42px);
            line-height: 1.08;
            letter-spacing: -0.04em;
        }
        .popup__intro {
            margin: 14px 0 0;
            max-width: 560px;
            color: var(--color-text-muted);
        }
        .popup .ff-default {
            margin-top: 30px;
        }
        .popup .ff-el-group {
            margin-bottom: 18px;
        }
        .popup .ff-el-form-label {
            display: block;
            margin-bottom: 8px;
            font-size: 13px;
            font-weight: 600;
            color: var(--color-text);
        }
        .popup .ff-el-form-control {
            width: 100%;
            min-height: 54px;
            padding: 14px 16px;
            border: 1px solid var(--color-border);
            border-radius: 16px;
            background: #f8fbff;
            color: var(--color-text);
            transition: border-color var(--transition-base), box-shadow var(--transition-base);
        }
        .popup textarea.ff-el-form-control {
            min-height: 140px;
            resize: vertical;
        }
        .popup .ff-el-form-control:focus {
            outline: none;
            border-color: rgba(2, 83, 149, 0.32);
            box-shadow: 0 0 0 4px rgba(2, 83, 149, 0.08);
        }
        .popup .ff-t-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 16px;
        }
        .popup .ff-btn-submit {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 54px;
            padding: 0 28px;
            border-radius: 999px;
            color: #fff;
            background: linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);
            box-shadow: 0 16px 38px rgba(2, 83, 149, 0.2);
        }
        body.has-popup-open {
            overflow: hidden;
        }
        .page-default {
            padding: 150px 0 90px;
        }
        .entry-content {
            width: min(900px, calc(100vw - 48px));
            margin: 0 auto;
        }
        .entry-content table {
            width: 100%;
            border-collapse: collapse;
        }
        .entry-content table th,
        .entry-content table td {
            padding: 12px 14px;
            border: 1px solid var(--color-border);
        }
        .entry-content .wp-block-table {
            overflow-x: auto;
        }
        .entry-copy>*:first-child {
            margin-top: 0;
        }
        .entry-copy>*:last-child {
            margin-bottom: 0;
        }
        .entry-copy p,
        .product-summary__content p {
            color: var(--color-text-muted);
        }
        .page-hero {
            padding: 150px 0 36px;
        }
        .page-hero--product .section-heading,
        .page-hero--contact .section-heading {
            max-width: 780px;
        }
        .catalog-layout {
            display: grid;
            grid-template-columns: 280px minmax(0, 1fr);
            gap: 32px;
            align-items: start;
        }
        .catalog-sidebar__sticky {
            position: sticky;
            top: 112px;
        }
        .catalog-sidebar__toggle {
            display: none;
            width: 100%;
            min-height: 52px;
            padding: 0 18px;
            border-radius: 18px;
            background: rgba(2, 83, 149, 0.08);
            color: var(--color-primary);
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .catalog-sidebar__panel {
            padding: 28px;
            border-radius: 30px;
            background: rgba(255, 255, 255, 0.9);
            box-shadow: var(--shadow-card);
            border: 1px solid rgba(2, 83, 149, 0.08);
        }
        .catalog-sidebar__title {
            margin: 0 0 20px;
            font-size: 22px;
        }
        .catalog-sidebar__list {
            display: grid;
            gap: 10px;
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .catalog-sidebar__list a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            min-height: 54px;
            padding: 0 16px;
            border-radius: 18px;
            color: var(--color-text);
            background: rgba(2, 83, 149, 0.03);
            border: 1px solid transparent;
            transition: transform var(--transition-base), border-color var(--transition-base), background-color var(--transition-base), color var(--transition-base);
        }
        .catalog-sidebar__list a em {
            font-style: normal;
            color: var(--color-text-muted);
        }
        .catalog-sidebar__list a:hover,
        .catalog-sidebar__list a:focus-visible,
        .catalog-sidebar__list a.is-active {
            color: var(--color-primary);
            border-color: rgba(2, 83, 149, 0.16);
            background: rgba(2, 83, 149, 0.08);
            transform: translateY(-2px);
        }
        .catalog-main {
            min-width: 0;
        }
        .product-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 24px;
        }
        .product-card {
            overflow: hidden;
            border-radius: 30px;
            background: rgba(255, 255, 255, 0.94);
            border: 1px solid rgba(2, 83, 149, 0.08);
            box-shadow: var(--shadow-card);
            transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
        }
        .product-card:hover,
        .product-card:focus-within {
            transform: translateY(-8px);
            box-shadow: 0 28px 56px rgba(3, 29, 55, 0.12);
            border-color: rgba(2, 83, 149, 0.16);
        }
        .product-card__media {
            display: block;
            overflow: hidden;
            aspect-ratio: 1.04;
            background: #eef4fb;
        }
        .product-card__image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.8s ease;
        }
        .product-card:hover .product-card__image,
        .product-card:focus-within .product-card__image {
            transform: scale(1.05);
        }
        .product-card__body {
            display: grid;
            gap: 12px;
            padding: 24px;
        }
        .product-card__eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--color-primary);
        }
        .product-card__eyebrow::before {
            content: "";
            width: 7px;
            height: 7px;
            border-radius: 999px;
            background: var(--color-accent-light);
        }
        .product-card__title {
            margin: 0;
            font-size: 24px;
            line-height: 1.2;
        }
        .product-card__model {
            font-size: 14px;
            font-weight: 600;
            color: var(--color-primary);
        }
        .product-card__summary {
            margin: 0;
            color: var(--color-text-muted);
        }
        .product-card__actions {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
            margin-top: 8px;
        }
        .catalog-pagination {
            margin-top: 34px;
        }
        .catalog-pagination .nav-links {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        .catalog-pagination .page-numbers {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 44px;
            min-height: 44px;
            padding: 0 16px;
            border-radius: 999px;
            background: rgba(2, 83, 149, 0.08);
            color: var(--color-primary);
        }
        .catalog-pagination .page-numbers.current {
            color: #fff;
            background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
        }
        .catalog-empty {
            text-align: left;
        }
        .product-single {
            display: grid;
            grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
            gap: 36px;
            align-items: start;
        }
        .product-gallery {
            display: grid;
            gap: 16px;
        }
        .product-gallery__main {
            overflow: hidden;
            border-radius: 34px;
            background: rgba(255, 255, 255, 0.92);
            box-shadow: var(--shadow-card);
            border: 1px solid rgba(2, 83, 149, 0.08);
        }
        .product-gallery__main img {
            width: 100%;
            aspect-ratio: 0.96;
            object-fit: cover;
        }
        .product-gallery__thumbs {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 12px;
        }
        .product-gallery__thumb {
            padding: 0;
            overflow: hidden;
            border-radius: 20px;
            border: 1px solid rgba(2, 83, 149, 0.08);
            background: #fff;
            box-shadow: var(--shadow-card);
            transition: transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
        }
        .product-gallery__thumb img {
            width: 100%;
            aspect-ratio: 1;
            object-fit: cover;
        }
        .product-gallery__thumb:hover,
        .product-gallery__thumb:focus-visible,
        .product-gallery__thumb.is-active {
            transform: translateY(-2px);
            border-color: rgba(2, 83, 149, 0.24);
            box-shadow: 0 18px 34px rgba(3, 29, 55, 0.12);
        }
        .product-summary {
            padding: 34px;
            border-radius: 34px;
            background: rgba(255, 255, 255, 0.94);
            box-shadow: var(--shadow-soft);
            border: 1px solid rgba(2, 83, 149, 0.08);
        }
        .product-summary__terms {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 18px;
        }
        .product-summary__term {
            display: inline-flex;
            align-items: center;
            min-height: 36px;
            padding: 0 14px;
            border-radius: 999px;
            color: var(--color-primary);
            background: rgba(2, 83, 149, 0.08);
            font-size: 13px;
            font-weight: 600;
        }
        .product-summary__title {
            margin: 0;
            font-size: clamp(34px, 4vw, 54px);
            line-height: 1.04;
            letter-spacing: -0.04em;
        }
        .product-summary__content {
            margin-top: 20px;
        }
        .product-feature-list {
            display: grid;
            gap: 12px;
            margin: 26px 0 0;
            padding: 0;
            list-style: none;
        }
        .product-feature-list li {
            display: flex;
            gap: 12px;
            align-items: flex-start;
        }
        .product-feature-list li::before {
            content: "";
            flex: 0 0 10px;
            width: 10px;
            height: 10px;
            margin-top: 0.52em;
            border-radius: 999px;
            background: linear-gradient(135deg, var(--color-accent-light) 0%, var(--color-primary) 100%);
        }
        .product-summary__actions {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            margin-top: 30px;
        }
        .product-detail-section {
            padding-top: 0;
        }
        .product-detail-grid {
            align-items: stretch;
        }
        .product-specs-block {
            margin-top: 36px;
        }
        .spec-wrap--light {
            background: rgba(255, 255, 255, 0.96);
            border: 1px solid rgba(2, 83, 149, 0.08);
            box-shadow: var(--shadow-card);
        }
        .spec-table--light th,
        .spec-table--light td {
            border-bottom-color: rgba(2, 83, 149, 0.1);
            white-space: nowrap;
        }
        .spec-table--light th {
            color: var(--color-primary);
            background: rgba(2, 83, 149, 0.04);
        }
        .spec-table--light td {
            color: var(--color-text);
        }
        .contact-page__grid {
            display: grid;
            grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
            gap: 28px;
        }
        .contact-page__form,
        .contact-page__info {
            min-width: 0;
        }
        .contact-map-placeholder {
            margin-top: 30px;
            border-radius: 34px;
            background: rgba(255, 255, 255, 0.94);
            box-shadow: var(--shadow-card);
            border: 1px solid rgba(2, 83, 149, 0.08);
        }
        .contact-map-placeholder__inner {
            padding: 38px;
        }
        .contact-map-placeholder__map {
            margin-top: 28px;
            min-height: 360px;
            border-radius: 28px;
            background: linear-gradient(145deg, rgba(2, 83, 149, 0.08), rgba(224, 200, 112, 0.14));
            border: 1px dashed rgba(2, 83, 149, 0.2);
        }
        .bothsix-form-theme {
            margin-top: 28px;
        }
        .bothsix-form-theme .shortcode-fallback-note {
            padding: 20px 22px;
            border-radius: 18px;
            color: var(--color-primary);
            background: rgba(2, 83, 149, 0.06);
            border: 1px solid rgba(2, 83, 149, 0.1);
        }
        /* ---- Native inquiry form ---- */
        .inquiry-form {
            margin-top: 24px;
        }
        .inquiry-form .form-row {
            margin-bottom: 18px;
        }
        .inquiry-form .form-row label {
            display: block;
            margin-bottom: 8px;
            font-size: 13px;
            font-weight: 600;
            color: var(--color-text);
        }
        .inquiry-form .form-row input,
        .inquiry-form .form-row select,
        .inquiry-form .form-row textarea {
            width: 100%;
            min-height: 54px;
            padding: 14px 16px;
            border-radius: 16px;
            border: 1px solid rgba(2, 83, 149, 0.14);
            background: #f7fbff;
            color: var(--color-text);
            font-size: 15px;
            transition: border-color var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base);
        }
        .inquiry-form .form-row textarea {
            min-height: 140px;
            resize: vertical;
        }
        .inquiry-form .form-row input:focus,
        .inquiry-form .form-row select:focus,
        .inquiry-form .form-row textarea:focus {
            outline: none;
            border-color: rgba(2, 83, 149, 0.72);
            background: #fff;
            box-shadow: 0 0 0 4px rgba(2, 83, 149, 0.14), 0 0 18px rgba(2, 83, 149, 0.16);
        }
        .inquiry-form .button--primary {
            margin-top: 8px;
        }
        .bothsix-form-theme .ff-default,
        .bothsix-form-theme form.fluent_form_1,
        .bothsix-form-theme form.fluent_form_2,
        .bothsix-form-theme .fluentform {
            margin-top: 0;
        }
        .bothsix-form-theme .ff-el-group,
        .bothsix-form-theme .ff-t-cell {
            margin-bottom: 18px;
        }
        .bothsix-form-theme .ff-el-form-label,
        .bothsix-form-theme .ff-el-is-required.asterisk-right label {
            display: block;
            margin-bottom: 8px;
            font-size: 13px;
            font-weight: 600;
            color: var(--color-text);
        }
        .bothsix-form-theme .ff-el-form-control,
        .bothsix-form-theme input[type="text"],
        .bothsix-form-theme input[type="email"],
        .bothsix-form-theme input[type="tel"],
        .bothsix-form-theme input[type="url"],
        .bothsix-form-theme input[type="number"],
        .bothsix-form-theme select,
        .bothsix-form-theme textarea {
            width: 100%;
            min-height: 54px;
            padding: 14px 16px;
            border-radius: 16px;
            border: 1px solid rgba(2, 83, 149, 0.14);
            background: #f7fbff;
            color: var(--color-text);
            transition: border-color var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base);
        }
        .bothsix-form-theme textarea,
        .bothsix-form-theme textarea.ff-el-form-control {
            min-height: 140px;
            resize: vertical;
        }
        .bothsix-form-theme .ff-el-form-control:focus,
        .bothsix-form-theme input:focus,
        .bothsix-form-theme select:focus,
        .bothsix-form-theme textarea:focus {
            outline: none;
            border-color: rgba(2, 83, 149, 0.72);
            background: #fff;
            box-shadow: 0 0 0 4px rgba(2, 83, 149, 0.14), 0 0 18px rgba(2, 83, 149, 0.16);
        }
        .bothsix-form-theme .ff-btn,
        .bothsix-form-theme .ff-btn-submit,
        .bothsix-form-theme .ff_submit_btn_wrapper button,
        .bothsix-form-theme .ff_submit_btn_wrapper .ff-btn-submit {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 54px;
            padding: 0 28px;
            border-radius: 999px;
            border: 1px solid transparent;
            color: #fff;
            background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
            box-shadow: 0 18px 40px rgba(2, 83, 149, 0.2);
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            transition: transform var(--transition-base), box-shadow var(--transition-base), filter var(--transition-base);
        }
        .bothsix-form-theme .ff-btn:hover,
        .bothsix-form-theme .ff-btn-submit:hover,
        .bothsix-form-theme .ff_submit_btn_wrapper button:hover {
            transform: translateY(-2px);
            filter: saturate(1.08);
        }
        .bothsix-form-theme .ff-btn-secondary,
        .bothsix-form-theme .ff_upload_btn.ff-btn {
            color: var(--color-primary);
            background: rgba(224, 200, 112, 0.18);
            border-color: rgba(185, 151, 62, 0.24);
            box-shadow: none;
        }
        @media (max-width: 1080px) {
            .site-nav {
                display: none;
            }
            
            .hero__grid,
            .about-panel__grid,
            .product-showcase,
            .contact-panel,
            .grid-2,
            .grid-3 {
                grid-template-columns: 1fr;
            }
            
            .about-panel__media {
                min-height: 360px;
            }
            
            .hero__content {
                max-width: none;
            }
            
            .catalog-layout,
            .product-grid,
            .product-single,
            .contact-page__grid {
                grid-template-columns: 1fr;
            }
            
            .home-product-grid {
                grid-template-columns: 1fr;
            }
            
            .catalog-sidebar__sticky {
                position: static;
            }
            
            .product-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            
            .contact-map-placeholder__map {
                min-height: 280px;
            }
        }
        @media (max-width: 782px) {
            body.admin-bar .site-header {
                top: 46px;
            }
        }
        @media (max-width: 767px) {
             :root {
                --container: min(100vw - 32px, 100%);
            }
            
            body {
                line-height: 1.55;
            }
            
            .section,
            .section--compact {
                padding: 76px 0;
            }
            
            .site-header__inner {
                min-height: 76px;
            }
            
            .brand-logo {
                width: 138px;
                height: 34px;
            }
            
            .site-header__cta {
                min-height: 42px;
                padding: 0 16px;
                font-size: 12px;
            }
            
            .site-header__download {
                min-height: 42px;
                padding: 0 16px;
                font-size: 12px;
            }
            
            .hero {
                min-height: auto;
                padding: 148px 0 88px;
            }
            
            .hero__actions,
            .hero__metrics,
            .hero-card__meta,
            .popup .ff-t-grid,
            .site-footer__inner {
                grid-template-columns: 1fr;
            }
            
            .hero__metrics {
                display: grid;
            }
            
            .hero-card,
            .surface-card,
            .about-panel__content,
            .contact-card,
            .contact-form-note,
            .popup__dialog {
                padding: 24px;
            }
            
            .home-product-card__body {
                padding: 24px 24px 28px;
            }
            
            .hero-card__image {
                aspect-ratio: 0.9;
            }
            
            .button,
            .site-header__cta {
                width: 100%;
            }
            
            .hero__actions {
                display: grid;
            }
            
            .spec-wrap {
                margin-left: -8px;
                margin-right: -8px;
                border-radius: 20px;
            }
            
            .table-scroll {
                overflow-x: auto;
            }
            
            .spec-table {
                min-width: 680px;
            }
            
            .page-hero {
                padding: 132px 0 20px;
            }
            
            .catalog-sidebar__toggle {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 14px;
            }
            
            .catalog-sidebar__panel {
                display: none;
                padding: 22px;
            }
            
            .catalog-sidebar.is-open .catalog-sidebar__panel {
                display: block;
            }
            
            .product-grid {
                grid-template-columns: 1fr;
            }
            
            .product-card__actions,
            .product-summary__actions {
                display: grid;
            }
            
            .product-gallery__thumbs {
                grid-template-columns: repeat(4, minmax(68px, 1fr));
            }
            
            .product-summary {
                padding: 24px;
            }
            
            .contact-map-placeholder__inner {
                padding: 24px;
            }
        }
        /* -----------------------------------------------------------------------------
 * 2. 2026-07 Homepage Visual Rebuild
 * -------------------------------------------------------------------------- */
         :root {
            --space-xs: 8px;
            --space-sm: 16px;
            --space-md: 24px;
            --space-lg: 40px;
            --space-xl: 64px;
            --space-2xl: 96px;
            --space-3xl: 140px;
            --card-padding: 32px;
            --card-padding-sm: 24px;
            --radius-sharp: 2px;
            --radius-card: 6px;
            --radius-tag: 3px;
            --shadow-sm: 0 4px 12px rgba(2, 20, 40, 0.06);
            --shadow-md: 0 12px 28px rgba(2, 20, 40, 0.10);
            --shadow-lg: 0 24px 48px rgba(2, 20, 40, 0.16);
            --shadow-hover: 0 16px 32px rgba(2, 83, 149, 0.14);
            --steel-50: #f5f6f8;
            --steel-100: #e8eaee;
            --steel-300: #b8c0cc;
            --steel-600: #5a6472;
            --engineer-black: #0d1b2a;
            --brand-blue: #025395;
            --brand-blue-deep: #013e73;
            --harvest-gold: #E0C870;
            --harvest-gold-dim: #a8895a;
            --color-primary: var(--brand-blue);
            --color-brand: var(--brand-blue);
            --color-brand-dark: var(--brand-blue-deep);
            --color-accent: var(--harvest-gold);
            --color-accent-light: var(--harvest-gold);
            --color-surface-alt: var(--steel-50);
            --color-border: rgba(13, 27, 42, 0.08);
            --color-border-strong: rgba(13, 27, 42, 0.16);
            --color-text: #1a2b3d;
            --color-text-muted: var(--steel-600);
            --shadow-soft: 0 18px 42px rgba(13, 27, 42, 0.08);
            --shadow-card: 0 24px 56px rgba(13, 27, 42, 0.1);
            --radius-sm: 2px;
            --radius-base: 4px;
        }
        body {
            font-family: var(--font-base);
            color: var(--color-text);
            background: var(--steel-50);
        }
        .section {
            position: relative;
            padding: var(--space-3xl) 0;
        }
        .section--compact {
            padding: var(--space-3xl) 0;
        }
        .section--steel {
            background: var(--steel-50);
        }
        .section--paper {
            background: #ffffff;
        }
        .divider-metal {
            height: 1px;
            background: linear-gradient(90deg, transparent, var(--steel-300) 20%, #ffffff 50%, var(--steel-300) 80%, transparent);
        }
        .section-eyebrow {
            display: inline-block;
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            color: var(--harvest-gold);
            font-size: 12px;
            line-height: 1.1;
            letter-spacing: 0.24em;
            text-transform: uppercase;
        }
        .section-eyebrow::before {
            display: none;
        }
        .section-heading {
            max-width: 820px;
            margin-top: 16px;
            font-size: clamp(34px, 4.8vw, 64px);
            line-height: 1.12;
            font-weight: 600;
            letter-spacing: -0.03em;
        }
        .section-intro {
            max-width: 620px;
            margin-top: 20px;
            font-size: 16px;
            line-height: 1.85;
            color: var(--steel-600);
        }
        .section-intro--light {
            color: rgba(255, 255, 255, 0.72);
        }
        .button {
            min-height: 52px;
            padding: 0 30px;
            border-radius: var(--radius-sharp);
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .button--primary {
            background: var(--brand-blue);
            color: #ffffff;
            box-shadow: 0 8px 20px rgba(2, 83, 149, 0.28);
        }
        .button--primary:hover,
        .button--primary:focus-visible {
            background: var(--brand-blue-deep);
            box-shadow: 0 14px 30px rgba(2, 83, 149, 0.34);
        }
        .button--secondary {
            background: transparent;
            color: #ffffff;
            border-color: rgba(255, 255, 255, 0.5);
        }
        .button--secondary:hover,
        .button--secondary:focus-visible {
            color: var(--harvest-gold);
            border-color: var(--harvest-gold);
        }
        .button--ghost {
            color: var(--color-text);
            background: transparent;
            border-color: rgba(26, 43, 61, 0.22);
        }
        .button--ghost:hover,
        .button--ghost:focus-visible {
            color: var(--brand-blue);
            border-color: var(--brand-blue);
        }
        .button--dark {
            background: var(--engineer-black);
            color: #ffffff;
        }
        .site-header {
            background: transparent;
            border-bottom: 1px solid transparent;
            transition: background 0.35s ease, box-shadow 0.35s ease, backdrop-filter 0.35s ease, border-color 0.35s ease;
        }
        .site-header__inner {
            min-height: 88px;
            transition: min-height 0.35s ease;
        }
        .site-header.is-top {
            background: transparent;
        }
        .site-header.is-scrolled {
            background: rgba(255, 255, 255, 0.96);
            border-bottom-color: rgba(26, 43, 61, 0.08);
            box-shadow: 0 2px 24px rgba(0, 0, 0, 0.06);
            backdrop-filter: blur(12px);
        }
        .site-header.is-scrolled .site-header__inner {
            min-height: 72px;
        }
        /* ---- Light-hero pages (inner pages): header always glass white + dark text ---- */
        body.has-hero-light .site-header.is-top {
            background: #ffffff;
            border-bottom-color: rgba(26, 43, 61, 0.08);
            box-shadow: 0 2px 24px rgba(0, 0, 0, 0.06);
            backdrop-filter: none;
        }
        body.has-hero-light .site-header.is-top .site-header__inner {
            min-height: 72px;
        }
        body.has-hero-light .site-header.is-top .site-nav a {
            color: #1a2b3d;
            text-shadow: none;
        }
        body.has-hero-light .site-header.is-top .site-header__cta {
            background: var(--brand-blue);
            color: #ffffff;
            border-color: var(--brand-blue);
        }
        body.has-hero-light .site-header.is-top .site-header__download {
            background: rgba(255, 255, 255, 0.96);
            color: #163049;
            border-color: rgba(22, 48, 73, 0.1);
        }
        body.has-hero-light .site-header.is-top .menu-toggle {
            color: #1a2b3d;
        }
        .site-nav a {
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0.08em;
        }
        .site-header.is-top .site-nav a {
            color: rgba(255, 255, 255, 0.92);
        }
        .site-header.is-scrolled .site-nav a {
            color: #1a2b3d;
            text-shadow: none;
        }
        .site-nav a:hover,
        .site-nav a:focus-visible {
            color: var(--brand-blue);
        }
        .site-nav a::after {
            bottom: -10px;
            height: 1px;
            background: var(--harvest-gold);
        }
        .site-header__cta {
            min-height: 44px;
            padding: 0 20px;
            border-radius: 2px;
        }
        .site-header__download {
            min-height: 44px;
            padding: 0 18px;
            border-radius: 2px;
        }
        .site-header.is-top .site-header__cta {
            background: transparent;
            color: #ffffff;
            border-color: rgba(255, 255, 255, 0.42);
        }
        .site-header.is-top .site-header__download {
            background: transparent;
            color: #ffffff;
            border-color: rgba(255, 255, 255, 0.34);
        }
        .site-header.is-scrolled .site-header__cta {
            background: var(--brand-blue);
            color: #ffffff;
            border-color: var(--brand-blue);
        }
        .site-header.is-scrolled .site-header__download {
            background: #ffffff;
            color: #163049;
            border-color: rgba(22, 48, 73, 0.1);
        }
        .site-header.is-scrolled .menu-toggle {
            color: #1a2b3d;
        }
        .mobile-nav-overlay {
            background: rgba(13, 27, 42, 0.96);
        }
        .mobile-nav__list a {
            font-weight: 500;
            letter-spacing: 0.08em;
        }
        .brand-logo {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            position: relative;
            width: auto;
            height: auto;
            flex-shrink: 0;
        }
        .logo-icon {
            width: auto;
            max-height: 40px;
            display: block;
            position: static;
            height: auto;
        }
        .logo-text {
            width: auto;
            max-width: 154px;
            max-height: 16px;
            position: static;
            display: block;
            height: auto;
            transform: scaleY(0.96);
            transition: opacity 0.35s ease;
        }
        .logo-text--light {
            opacity: 1;
        }
        .logo-text--color {
            opacity: 0;
            position: absolute;
        }
        /* Dark hero (homepage): show light logo, hide on scroll 闂?show color */
        body.has-hero-dark .site-header.is-top .logo-text--light {
            opacity: 1;
        }
        body.has-hero-dark .site-header.is-top .logo-text--color {
            opacity: 0;
        }
        body.has-hero-dark .site-header.is-scrolled .logo-text--light {
            opacity: 0;
        }
        body.has-hero-dark .site-header.is-scrolled .logo-text--color {
            opacity: 1;
        }
        /* Light hero (inner pages): always show color logo */
        body.has-hero-light .logo-text--light {
            opacity: 0;
        }
        body.has-hero-light .logo-text--color {
            opacity: 1;
        }
        .home-hero {
            position: relative;
            min-height: 100vh;
            min-height: max(100vh, 720px);
            overflow: hidden;
            isolation: isolate;
            color: #ffffff;
            background: #000000;
        }
        .home-hero__overlay {
            display: none;
        }
        .home-hero::before,
        .home-hero::after {
            display: none;
        }
        .home-hero__media,
        .home-hero__video {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
        }
        .home-hero__media {
            overflow: hidden;
        }
        .home-hero__media::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(2, 10, 22, 0.55) 0%, rgba(2, 10, 22, 0.22) 45%, transparent 70%), linear-gradient(to top, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 55%);
            z-index: 1;
            pointer-events: none;
        }
        .home-hero__media img,
        .home-hero__video {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: saturate(1.05) contrast(1.05);
        }
        .home-hero__inner {
            position: relative;
            z-index: 2;
            min-height: 100vh;
            min-height: max(100vh, 720px);
            display: flex;
            align-items: flex-end;
            padding-top: 120px;
            padding-bottom: 14vh;
        }
        .home-hero__content {
            max-width: 640px;
        }
        .home-hero__eyebrow {
            margin-bottom: 18px;
            color: var(--color-accent-light);
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
        }
        .home-hero__title {
            margin: 0;
            font-size: clamp(40px, 5vw, 64px);
            line-height: 1.15;
            font-weight: 600;
            letter-spacing: 0.01em;
            color: #ffffff;
            text-shadow: 0 3px 22px rgba(0, 0, 0, 0.75), 0 1px 4px rgba(0, 0, 0, 0.55);
        }
        .home-hero__desc {
            max-width: 520px;
            margin: 22px 0 0;
            font-size: 16px;
            line-height: 1.8;
            color: rgba(255, 255, 255, 0.92);
            text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7), 0 1px 3px rgba(0, 0, 0, 0.5);
        }
        .home-hero__actions {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            margin-top: 34px;
        }
        /* ── Banner Carousel (Swiper) ── */
        .home-hero--carousel .home-hero__swiper {
            position: absolute;
            inset: 0;
            z-index: 0;
            opacity: 0;
            transition: opacity 0.4s ease;
        }
        .home-hero--carousel .home-hero__swiper .swiper-slide {
            z-index: 0;
        }
        .home-hero--carousel .swiper-slide {
            position: relative;
        }
        .home-hero__pagination {
            position: absolute;
            bottom: 28px !important;
            left: 50% !important;
            transform: translateX(-50%);
            z-index: 20;
            display: flex;
            gap: 10px;
        }
        .home-hero__pagination .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            background: rgba(255, 255, 255, 0.45);
            opacity: 1;
            border-radius: 50%;
            transition: background 0.3s, transform 0.3s;
        }
        .home-hero__pagination .swiper-pagination-bullet-active {
            background: #fff;
            transform: scale(1.25);
        }
        .home-hero__arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 20;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.12);
            backdrop-filter: blur(6px);
            -webkit-backdrop-filter: blur(6px);
            color: #fff;
            border: 1px solid rgba(255, 255, 255, 0.2);
            transition: background 0.3s, border-color 0.3s;
            cursor: pointer;
        }
        .home-hero__arrow:hover {
            background: rgba(255, 255, 255, 0.25);
            border-color: rgba(255, 255, 255, 0.4);
        }
        .home-hero__arrow::after {
            font-size: 18px;
            font-weight: 700;
        }
        .home-hero__arrow--prev {
            left: 24px;
        }
        .home-hero__arrow--next {
            right: 24px;
        }
        @media (max-width: 768px) {
            .home-hero__arrow {
                width: 36px;
                height: 36px;
            }
            
            .home-hero__arrow::after {
                font-size: 14px;
            }
            
            .home-hero__arrow--prev {
                left: 12px;
            }
            
            .home-hero__arrow--next {
                right: 12px;
            }
        }
        .trust-strip {
            background: #ffffff;
            border-bottom: 1px solid var(--steel-100);
        }
        .trust-strip__grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 0;
        }
        .trust-strip__item {
            padding: var(--card-padding);
            border-right: 1px solid var(--steel-100);
        }
        .trust-strip__item:last-child {
            border-right: 0;
        }
        .trust-strip__item strong {
            display: inline-block;
            position: relative;
            padding-bottom: 12px;
            font-size: 34px;
            line-height: 1;
            font-weight: 600;
            color: var(--color-text);
        }
        .trust-strip__item strong::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 2px;
            background: var(--harvest-gold);
        }
        .trust-strip__item span {
            display: block;
            margin-top: 14px;
            font-size: 14px;
            line-height: 1.7;
            color: var(--steel-600);
        }
        .home-brand-story {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
            gap: 0;
            overflow: hidden;
            border: 1px solid var(--steel-100);
            background: linear-gradient(180deg, #ffffff 0%, var(--steel-50) 100%);
            box-shadow: var(--shadow-soft);
        }
        .home-brand-story__content {
            padding: var(--card-padding);
        }
        .home-brand-story .section-heading {
            max-width: 100%;
            font-size: clamp(18px, 2.4vw, 29px);
            line-height: 1.16;
        }
        .home-brand-story__media {
            min-height: 100%;
            background: linear-gradient(180deg, rgba(13, 27, 42, 0.12), rgba(13, 27, 42, 0.36)), url("./assets/images/hero-company.jpg") center center / cover no-repeat;
            transition: transform 0.8s ease;
        }
        .home-brand-story:hover .home-brand-story__media,
        .home-brand-story:focus-within .home-brand-story__media {
            transform: scale(1.03);
        }
        .text-link {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            margin-top: 28px;
            color: var(--brand-blue);
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .text-link::after {
            content: "";
            width: 28px;
            height: 1px;
            background: currentColor;
            transition: transform 0.3s ease;
        }
        .text-link:hover::after,
        .text-link:focus-visible::after {
            transform: translateX(6px);
        }
        .home-about {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr);
            gap: 0;
            overflow: hidden;
            border: 1px solid var(--steel-100);
            background: linear-gradient(180deg, #ffffff 0%, var(--steel-50) 100%);
            box-shadow: var(--shadow-soft);
        }
        .home-about__content {
            padding: 68px 64px;
        }
        .home-about__media {
            min-height: 100%;
            background: linear-gradient(180deg, rgba(13, 27, 42, 0.18), rgba(13, 27, 42, 0.38)), url("./assets/images/hero-company.jpg") center center / cover no-repeat;
        }
        .home-about__features {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 24px;
            margin-top: 42px;
            padding-top: 28px;
            border-top: 1px solid var(--steel-100);
        }
        .home-about__feature h3,
        .home-capability-card h3,
        .home-dark__card h3,
        .product-stage-card__info h3 {
            margin: 0;
            font-size: 24px;
            line-height: 1.2;
        }
        .home-about__feature p,
        .home-capability-card p,
        .home-dark__card p {
            margin: 14px 0 0;
            font-size: 15px;
            line-height: 1.8;
            color: var(--steel-600);
        }
        .home-product-stage {
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            gap: 24px;
            margin-top: 54px;
        }
        .product-stage-card {
            position: relative;
            overflow: hidden;
            min-height: 320px;
            background: var(--engineer-black);
        }
        .product-stage-card--primary {
            grid-column: span 7;
            min-height: 440px;
        }
        .product-stage-card--secondary {
            grid-column: span 5;
            min-height: 440px;
        }
        .product-stage-card--tertiary {
            grid-column: span 12;
            min-height: 360px;
        }
        .product-stage-card__link {
            display: block;
            position: relative;
            width: 100%;
            height: 100%;
            color: #ffffff;
        }
        .product-stage-card__link::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(2, 10, 20, 0.88) 0%, rgba(2, 10, 20, 0) 45%);
        }
        .product-stage-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }
        .product-stage-card:hover img,
        .product-stage-card:focus-within img {
            transform: scale(1.06);
        }
        .product-stage-card__info {
            position: absolute;
            left: var(--card-padding);
            right: var(--card-padding);
            bottom: var(--card-padding);
            z-index: 2;
        }
        .product-stage-card__tag {
            display: inline-block;
            font-size: 11px;
            letter-spacing: 0.18em;
            text-transform: uppercase;
            color: var(--harvest-gold);
        }
        .product-stage-card__info p {
            max-width: 520px;
            margin: 10px 0 0;
            font-size: 15px;
            line-height: 1.75;
            color: rgba(255, 255, 255, 0.76);
        }
        .product-stage-card__arrow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            margin-top: 16px;
            border: 1px solid rgba(255, 255, 255, 0.4);
            border-radius: 50%;
            font-size: 18px;
            line-height: 1;
            transition: all 0.3s ease;
        }
        .product-stage-card:hover .product-stage-card__arrow,
        .product-stage-card:focus-within .product-stage-card__arrow {
            border-color: var(--harvest-gold);
            background: rgba(224, 200, 112, 0.12);
            transform: translateX(4px);
        }
        .home-dark {
            color: #ffffff;
            background-color: var(--engineer-black);
            background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
            background-size: 40px 40px;
            background-position: center center;
        }
        .home-dark__grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 20px;
            margin-top: 56px;
        }
        .home-dark__card {
            padding: var(--card-padding);
            border: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: blur(10px);
        }
        .home-dark__value {
            display: inline-block;
            margin-bottom: 18px;
            font-size: 34px;
            line-height: 1;
            font-weight: 600;
            color: var(--harvest-gold);
        }
        .home-dark__card p {
            color: rgba(255, 255, 255, 0.7);
        }
        .home-capability-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 24px;
            margin-top: 46px;
        }
        .home-capability-card {
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            gap: 18px;
            padding: var(--card-padding);
            min-height: 300px;
            border: 1px solid var(--steel-100);
            border-radius: var(--radius-base);
            background: #ffffff;
            box-shadow: var(--shadow-soft);
            transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
        }
        .home-capability-card:hover,
        .home-capability-card:focus-within {
            transform: translateY(-6px);
            border-color: rgba(2, 83, 149, 0.16);
            box-shadow: 0 28px 60px rgba(13, 27, 42, 0.1);
        }
        .home-capability-card__bg {
            position: absolute;
            inset: 0;
            z-index: 0;
            opacity: 1;
            transform: scale(1.04);
            transition: opacity 0.45s ease, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .home-capability-card__bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .home-capability-card__overlay {
            position: absolute;
            inset: 0;
            z-index: 1;
            opacity: 1;
            background: linear-gradient(160deg, rgba(8, 30, 52, 0.55), rgba(2, 83, 149, 0.35));
            transition: opacity 0.45s ease, background 0.45s ease;
        }
        .home-capability-card__body {
            position: relative;
            z-index: 2;
            display: flex;
            flex: 1 1 auto;
            flex-direction: column;
            justify-content: flex-end;
            align-items: flex-start;
            gap: 14px;
            min-height: 100%;
            color: #ffffff;
        }
        .home-capability-card__body .home-capability-card__top {
            opacity: 1;
            transform: none;
            transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .home-capability-card__body .home-capability-card__content-desc,
        .home-capability-card__body p,
        .home-capability-card__body .home-capability-card__meta {
            opacity: 0;
            transform: translateY(12px);
            transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .home-capability-card__body h3 {
            margin: 0;
            color: #ffffff;
            text-shadow: 0 2px 10px rgba(8, 30, 52, 0.4);
            transform: translateY(0);
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .home-capability-card__body .home-capability-card__top {
            width: 100%;
            margin-bottom: 6px;
        }
        .home-capability-card:hover .home-capability-card__overlay,
        .home-capability-card:focus-within .home-capability-card__overlay {
            background: linear-gradient(160deg, rgba(8, 30, 52, 0.82), rgba(2, 83, 149, 0.6));
        }
        .home-capability-card:hover .home-capability-card__body p,
        .home-capability-card:hover .home-capability-card__body .home-capability-card__meta,
        .home-capability-card:focus-within .home-capability-card__body p,
        .home-capability-card:focus-within .home-capability-card__body .home-capability-card__meta {
            opacity: 1;
            transform: translateY(0);
        }
        .home-capability-card__top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
        }
        .home-capability-card__icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 52px;
            height: 52px;
            border-radius: 16px;
            background: linear-gradient(135deg, rgba(2, 83, 149, 0.82), rgba(8, 30, 52, 0.7));
            color: #ffffff;
            border: 1px solid rgba(255, 255, 255, 0.24);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 8px 18px rgba(8, 30, 52, 0.25);
            transition: background-color var(--transition-base), color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
        }
        .home-capability-card__icon svg {
            width: 24px;
            height: 24px;
        }
        .home-capability-card:hover .home-capability-card__icon,
        .home-capability-card:focus-within .home-capability-card__icon {
            background: #ffffff;
            color: var(--brand-blue);
            transform: translateY(-2px);
        }
        .home-capability-card h3 {
            margin: 0;
        }
        .home-capability-card p {
            margin: 0;
            color: rgba(255, 255, 255, 0.86);
            line-height: 1.8;
        }
        .home-capability-card__index {
            display: inline-block;
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: 0;
            font-size: 13px;
            letter-spacing: 0.16em;
            color: rgba(255, 255, 255, 0.9);
        }
        .home-capability-card__meta {
            margin-top: auto;
            padding-top: 18px;
            border-top: 1px solid rgba(255, 255, 255, 0.24);
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: rgba(255, 255, 255, 0.9);
        }
        .home-factory-section {
            overflow: hidden;
        }
        .factory-carousel {
            margin-top: 40px;
        }
        .factory-carousel__viewport {
            overflow: hidden;
        }
        .factory-carousel__track {
            display: flex;
            gap: 24px;
            transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
            will-change: transform;
        }
        .factory-slide {
            flex: 0 0 calc(50% - 12px);
            border: 1px solid rgba(13, 27, 42, 0.08);
            border-radius: 12px;
            overflow: hidden;
            background: #ffffff;
            box-shadow: 0 18px 40px rgba(13, 27, 42, 0.08);
        }
        .factory-slide__media {
            aspect-ratio: 16 / 10;
            overflow: hidden;
            background: #dde6ee;
        }
        .factory-slide__media img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.9s ease;
        }
        .factory-slide:hover .factory-slide__media img,
        .factory-slide:focus-within .factory-slide__media img {
            transform: scale(1.03);
        }
        .factory-slide__content {
            padding: 28px;
        }
        .factory-slide__eyebrow {
            display: inline-flex;
            margin-bottom: 14px;
            color: rgba(2, 83, 149, 0.8);
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0.18em;
            text-transform: uppercase;
        }
        .factory-slide__content h3 {
            margin: 0;
            font-size: 28px;
            line-height: 1.28;
        }
        .factory-slide__meta {
            margin-top: 14px;
            color: var(--brand-blue);
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }
        .factory-slide__content p {
            margin: 14px 0 0;
            color: var(--steel-600);
            line-height: 1.84;
        }
        .factory-carousel__controls {
            display: flex;
            justify-content: flex-end;
            gap: 12px;
            margin-top: 22px;
        }
        .factory-carousel__button {
            min-width: 132px;
            min-height: 46px;
            padding: 0 18px;
            border: 1px solid rgba(2, 83, 149, 0.14);
            border-radius: 999px;
            background: #ffffff;
            color: var(--brand-blue);
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            transition: transform var(--transition-base), border-color var(--transition-base), background-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-base);
        }
        .factory-carousel__button:hover,
        .factory-carousel__button:focus-visible {
            transform: translateY(-2px);
            border-color: rgba(2, 83, 149, 0.28);
            background: rgba(2, 83, 149, 0.04);
            box-shadow: 0 12px 24px rgba(13, 27, 42, 0.08);
        }
        .home-partners__header {
            text-align: center;
        }
        .home-partners__header .section-heading,
        .home-partners__header .section-intro {
            margin-left: auto;
            margin-right: auto;
        }
        .home-partners__grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 20px;
            margin-top: 48px;
        }
        .home-partners__item {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 16px;
            min-height: 124px;
            padding: var(--card-padding-sm);
            border: 1px solid var(--steel-100);
            background: linear-gradient(180deg, #ffffff 0%, var(--steel-50) 100%);
            color: var(--steel-600);
            font-size: 13px;
            letter-spacing: 0.08em;
            box-shadow: var(--shadow-sm);
        }
        .partner-placeholder-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            position: relative;
            width: 42px;
            height: 42px;
            border-radius: var(--radius-base);
            border: 1px solid rgba(2, 83, 149, 0.18);
            background: linear-gradient(180deg, rgba(2, 83, 149, 0.04), rgba(13, 27, 42, 0.08));
            color: var(--brand-blue);
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 0;
            flex-shrink: 0;
        }
        .partner-placeholder-icon::after {
            content: "";
            position: absolute;
            right: -10px;
            top: 50%;
            width: 12px;
            height: 1px;
            background: rgba(13, 27, 42, 0.18);
            transform: translateY(-50%);
        }
        .partner-placeholder-label {
            font-size: 13px;
            line-height: 1.7;
            color: var(--steel-600);
        }
        .home-cta-section {
            background: var(--engineer-black);
        }
        .home-cta {
            display: grid;
            grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
            gap: 48px;
            padding: var(--card-padding);
            border: 1px solid rgba(255, 255, 255, 0.08);
            background: linear-gradient(135deg, rgba(2, 30, 60, 0.94), rgba(13, 27, 42, 0.96));
            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.22);
        }
        .cta-features {
            display: grid;
            gap: 0;
        }
        .cta-feature-item {
            display: flex;
            align-items: flex-start;
            gap: 14px;
            padding: 16px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        }
        .cta-feature-item:last-child {
            border-bottom: 0;
        }
        .cta-feature-item .icon {
            width: 20px;
            height: 20px;
            color: #E0C870;
            flex-shrink: 0;
            margin-top: 2px;
        }
        .cta-feature-item span {
            font-size: 14px;
            line-height: 1.7;
            color: rgba(255, 255, 255, 0.85);
        }
        .home-cta__content {
            max-width: 620px;
        }
        .home-cta__content .section-heading {
            max-width: 100%;
            font-size: clamp(18px, 2.4vw, 29px);
            line-height: 1.16;
        }
        .home-cta__actions {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            margin-top: 28px;
        }
        .home-cta-panel {
            padding: 30px 32px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.04);
            backdrop-filter: blur(10px);
        }
        .home-cta-panel__eyebrow {
            display: inline-flex;
            margin-bottom: 14px;
            color: rgba(224, 200, 112, 0.92);
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0.18em;
            text-transform: uppercase;
        }
        .home-cta-panel h3 {
            margin: 0;
            font-size: 26px;
            line-height: 1.25;
            color: #ffffff;
        }
        .home-cta-panel__list {
            display: grid;
            gap: 16px;
            margin-top: 24px;
        }
        .home-cta-panel__item {
            display: grid;
            gap: 6px;
            padding-bottom: 16px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        .home-cta-panel__item:last-child {
            padding-bottom: 0;
            border-bottom: 0;
        }
        .home-cta-panel__item strong {
            color: #ffffff;
            font-size: 15px;
            letter-spacing: 0.04em;
        }
        .home-cta-panel__item span {
            color: rgba(255, 255, 255, 0.72);
            line-height: 1.7;
        }
        .home-cta-panel__note {
            margin: 22px 0 0;
            color: rgba(255, 255, 255, 0.62);
            font-size: 14px;
            line-height: 1.7;
        }
        .home-faq-section {
            border-top: 1px solid rgba(13, 27, 42, 0.05);
        }
        .home-faq-list {
            display: grid;
            gap: 16px;
            margin-top: 38px;
        }
        .home-faq-item {
            border: 1px solid rgba(13, 27, 42, 0.08);
            border-radius: 8px;
            background: #ffffff;
            box-shadow: 0 14px 34px rgba(13, 27, 42, 0.04);
        }
        .home-faq-item summary {
            position: relative;
            padding: 24px 64px 24px 26px;
            cursor: pointer;
            list-style: none;
            font-size: 19px;
            font-weight: 600;
            line-height: 1.45;
        }
        .home-faq-item summary::-webkit-details-marker {
            display: none;
        }
        .home-faq-item summary::after {
            content: "";
            position: absolute;
            right: 28px;
            top: 50%;
            width: 10px;
            height: 10px;
            border-right: 1.6px solid currentColor;
            border-bottom: 1.6px solid currentColor;
            transform: translateY(-60%) rotate(45deg);
            transition: transform var(--transition-base);
        }
        .home-faq-item[open] summary::after {
            transform: translateY(-35%) rotate(225deg);
        }
        .home-faq-item__content {
            padding: 0 26px 24px;
        }
        .home-faq-item__content p {
            margin: 0;
            color: var(--steel-600);
            line-height: 1.86;
        }
        .site-footer {
            padding: 82px 0 34px;
            background: var(--engineer-black);
            color: rgba(255, 255, 255, 0.72);
        }
        .site-footer__inner {
            display: block;
        }
        .footer-grid {
            grid-template-columns: 1.7fr 1fr 1fr 1.2fr;
            gap: 42px;
        }
        .site-footer__brand img {
            width: 180px;
        }
        .footer-brand-desc {
            max-width: 360px;
            color: rgba(255, 255, 255, 0.62);
        }
        .footer-heading {
            margin-bottom: 20px;
            font-size: 14px;
            letter-spacing: 0.14em;
            text-transform: uppercase;
        }
        .footer-links,
        .footer-contact-info {
            gap: 14px;
        }
        .footer-links a {
            color: rgba(255, 255, 255, 0.72);
        }
        .footer-links a:hover,
        .footer-links a:focus-visible {
            color: var(--harvest-gold);
        }
        .site-footer__bottom {
            margin-top: 42px;
            padding-top: 22px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .site-footer__bottom-inner {
            display: flex;
            justify-content: space-between;
            gap: 16px;
            text-align: left;
            color: rgba(255, 255, 255, 0.48);
        }
        .spec-wrap--light {
            background: #ffffff;
            border: 1px solid var(--steel-100);
            box-shadow: var(--shadow-soft);
        }
        .spec-table--light th {
            padding: 16px 20px;
            font-size: 12px;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: #8a94a3;
            background: transparent;
            border-bottom: 2px solid var(--brand-blue);
        }
        .spec-table--light td {
            padding: 18px 20px;
            color: var(--color-text);
            border-bottom: 1px solid #eceff2;
        }
        .spec-table--light tr:hover td {
            background: #f8fafc;
        }
        .section-header {
            margin-bottom: var(--space-xl);
            max-width: 640px;
        }
        .page-breadcrumb {
            margin-bottom: 18px;
        }
        .page-breadcrumb__list {
            display: flex;
            flex-wrap: wrap;
            gap: 8px 12px;
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .page-breadcrumb__item {
            position: relative;
            font-size: 12px;
            color: #8a94a3;
        }
        .page-breadcrumb__item:not(:last-child)::after {
            content: "/";
            margin-left: 12px;
            color: #c1c8d0;
        }
        .page-breadcrumb__item span[aria-current="page"] {
            color: var(--color-text);
        }
        .page-hero--news,
        .page-hero--news-single {
            padding-top: 150px;
            padding-bottom: 44px;
        }
        .news-hero {
            position: relative;
            overflow: hidden;
        }
        .news-hero::before {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at top right, rgba(224, 200, 112, 0.18), transparent 32%), linear-gradient(135deg, rgba(2, 83, 149, 0.08), rgba(13, 27, 42, 0.02));
            pointer-events: none;
        }
        .news-hero__grid {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.92fr);
            gap: 28px;
            align-items: stretch;
        }
        .news-hero__content,
        .news-hero__panel,
        .news-featured-card,
        .news-card,
        .news-article,
        .news-sidebar__panel {
            border: 1px solid rgba(2, 83, 149, 0.08);
            box-shadow: var(--shadow-card);
        }
        .news-hero__content {
            padding: 34px;
            border-radius: 32px;
            background: rgba(255, 255, 255, 0.82);
            backdrop-filter: blur(18px);
        }
        .news-hero__content .section-heading {
            max-width: 760px;
        }
        .news-hero__actions {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            margin-top: 24px;
        }
        .news-hero__panel {
            display: grid;
            gap: 14px;
            padding: 22px;
            border-radius: 28px;
            background: linear-gradient(180deg, rgba(13, 27, 42, 0.95), rgba(2, 34, 64, 0.92));
            color: #ffffff;
        }
        .news-hero__metric {
            padding: 20px 18px;
            border-radius: 22px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        .news-hero__metric strong {
            display: block;
            font-size: clamp(28px, 4vw, 40px);
            line-height: 1;
            color: var(--harvest-gold);
        }
        .news-hero__metric span {
            display: block;
            margin-top: 10px;
            color: rgba(255, 255, 255, 0.78);
        }
        .news-featured-section {
            padding-top: 18px;
        }
        .news-featured-card {
            display: grid;
            grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr);
            overflow: hidden;
            border-radius: 34px;
            background: #ffffff;
        }
        .news-featured-card__media {
            position: relative;
            overflow: hidden;
            min-height: 100%;
        }
        .news-featured-card__media img {
            width: 100%;
            height: 100%;
            min-height: 420px;
            object-fit: cover;
            transition: transform 0.8s ease;
        }
        .news-featured-card:hover .news-featured-card__media img,
        .news-featured-card:focus-within .news-featured-card__media img {
            transform: scale(1.04);
        }
        .news-featured-card__body {
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 18px;
            padding: 42px;
        }
        .news-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 10px 16px;
            margin-top: 4px;
            font-size: 12px;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--color-text-muted);
        }
        .news-meta span {
            position: relative;
            padding-left: 14px;
        }
        .news-meta span::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            width: 6px;
            height: 6px;
            border-radius: 999px;
            background: var(--harvest-gold);
            transform: translateY(-50%);
        }
        .news-featured-card__body h2,
        .news-card__title,
        .news-sidebar__panel h3 {
            margin: 0;
        }
        .news-featured-card__body h2 {
            font-size: clamp(30px, 4vw, 42px);
            line-height: 1.16;
        }
        .news-featured-card__body p,
        .news-card__excerpt,
        .news-related-item span {
            color: var(--color-text-muted);
        }
        .news-featured-card__footer {
            margin-top: 6px;
        }
        .news-list-section {
            padding-top: 22px;
        }
        .news-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 28px;
        }
        .news-card {
            overflow: hidden;
            border-radius: 28px;
            background: rgba(255, 255, 255, 0.96);
            transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
        }
        .news-card:hover,
        .news-card:focus-within {
            transform: translateY(-6px);
            box-shadow: 0 28px 56px rgba(13, 27, 42, 0.12);
            border-color: rgba(2, 83, 149, 0.16);
        }
        .news-card__media {
            position: relative;
            display: block;
            aspect-ratio: 1.1;
            overflow: hidden;
            background: #edf2f8;
        }
        .news-card__media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.8s ease;
        }
        .news-card:hover .news-card__media img,
        .news-card:focus-within .news-card__media img {
            transform: scale(1.06);
        }
        .news-card__body {
            display: grid;
            gap: 14px;
            padding: 24px;
        }
        .news-card__title {
            font-size: 22px;
            line-height: 1.25;
        }
        .news-card__link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--color-primary);
        }
        .news-card__link::after {
            content: "+";
            font-size: 18px;
            line-height: 1;
        }
        .news-pagination .page-numbers {
            list-style: none;
        }
        .news-pagination ul {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin: 36px 0 0;
            padding: 0;
            list-style: none;
        }
        .news-single-hero {
            position: relative;
            overflow: hidden;
            color: #ffffff;
            background: #091722;
        }
        .news-single-hero::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(100deg, rgba(2, 21, 39, 0.94) 0%, rgba(2, 39, 71, 0.78) 38%, rgba(2, 39, 71, 0.2) 70%, rgba(2, 39, 71, 0.05) 100%), linear-gradient(to top, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.08));
            z-index: 1;
        }
        .news-single-hero .container {
            position: relative;
            z-index: 2;
        }
        .news-single-hero .page-breadcrumb__item,
        .news-single-hero .page-breadcrumb__item span[aria-current="page"],
        .news-single-hero .page-breadcrumb__item a {
            color: rgba(255, 255, 255, 0.82);
        }
        .news-single-hero__meta {
            width: min(860px, 100%);
            padding: 18px 0 12px;
        }
        .news-meta--light {
            color: rgba(255, 255, 255, 0.78);
        }
        .news-single-hero__bg {
            position: absolute;
            inset: 0;
        }
        .news-single-hero__bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .news-single-section {
            padding-top: 28px;
        }
        .news-single-layout {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 320px;
            gap: 34px;
            align-items: start;
        }
        .news-article,
        .news-sidebar__panel {
            border-radius: 30px;
            background: rgba(255, 255, 255, 0.96);
        }
        .news-article {
            overflow: hidden;
        }
        .news-article__cover {
            border-bottom: 1px solid rgba(2, 83, 149, 0.08);
        }
        .news-article__cover img {
            width: 100%;
            aspect-ratio: 1.6;
            object-fit: cover;
        }
        .news-article__content {
            padding: 36px;
        }
        .news-article__content h2,
        .news-article__content h3,
        .news-article__content h4 {
            color: var(--color-text);
            line-height: 1.25;
        }
        .news-article__content blockquote {
            margin: 28px 0;
            padding: 20px 24px;
            border-left: 3px solid var(--harvest-gold);
            background: rgba(2, 83, 149, 0.04);
            color: var(--color-text);
        }
        .news-sidebar {
            position: sticky;
            top: 110px;
            display: grid;
            gap: 20px;
        }
        .news-sidebar__panel {
            padding: 24px;
        }
        .news-sidebar__actions,
        .news-related-list {
            display: grid;
            gap: 12px;
            margin-top: 18px;
        }
        .button--full {
            width: 100%;
            justify-content: center;
        }
        .news-related-item {
            display: grid;
            gap: 6px;
            padding: 16px 18px;
            border-radius: 20px;
            background: rgba(2, 83, 149, 0.04);
            border: 1px solid rgba(2, 83, 149, 0.06);
            transition: transform var(--transition-base), border-color var(--transition-base), background-color var(--transition-base);
        }
        .news-related-item:hover,
        .news-related-item:focus-visible {
            transform: translateY(-2px);
            border-color: rgba(2, 83, 149, 0.14);
            background: rgba(2, 83, 149, 0.08);
        }
        .news-related-item strong {
            color: var(--color-text);
            line-height: 1.4;
        }
        .archive-hero,
        .page-hero--single,
        .page-hero--about,
        .page-hero--contact {
            padding-top: 150px;
            padding-bottom: 40px;
        }
        .section--product-archive {
            padding: 20px 0 80px;
        }
        .archive-layout {
            display: grid;
            grid-template-columns: 240px 1fr;
            gap: 40px;
            max-width: 1280px;
            margin: 0 auto;
            padding: 60px 24px 100px;
        }
        .filter-sidebar {
            position: sticky;
            top: 100px;
            align-self: start;
        }
        .filter-sidebar__panel,
        .catalog-sidebar__panel {
            padding: var(--card-padding-sm);
            border-radius: var(--radius-card);
            background: #ffffff;
            border: 1px solid var(--steel-100);
            box-shadow: var(--shadow-sm);
        }
        .filter-sidebar__group+.filter-sidebar__group {
            margin-top: 24px;
            padding-top: 24px;
            border-top: 1px solid var(--steel-100);
        }
        .filter-sidebar__label,
        .product-mini-card__taxonomy {
            margin: 0 0 12px;
            font-size: 12px;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: #8a94a3;
        }
        .filter-chip-list {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
        .filter-chip-list span,
        .filter-chip {
            display: inline-flex;
            align-items: center;
            min-height: 28px;
            padding: 0 10px;
            border-radius: var(--radius-tag);
            background: var(--steel-50);
            color: var(--steel-600);
            font-size: 11px;
            border: 1px solid transparent;
            cursor: default;
        }
        .filter-chip {
            cursor: pointer;
            transition: all 0.2s ease;
        }
        .filter-chip:hover {
            background: rgba(2, 83, 149, 0.08);
            color: var(--brand-blue);
        }
        .filter-chip.is-active {
            background: var(--brand-blue);
            color: #ffffff;
            border-color: var(--brand-blue);
        }
        .product-grid-archive {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 32px 28px;
        }
        .product-mini-card {
            position: relative;
            overflow: hidden;
            border: 1px solid #eceff2;
            border-radius: var(--radius-card);
            background: #ffffff;
            transition: box-shadow .3s ease, transform .3s ease, border-color .3s ease;
        }
        .product-mini-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: -60%;
            width: 40%;
            height: 100%;
            background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.18), transparent);
            transform: skewX(-20deg);
            transition: left .7s ease;
            z-index: 3;
            pointer-events: none;
        }
        .product-mini-card:hover::before,
        .product-mini-card:focus-within::before {
            left: 130%;
        }
        .product-mini-card:hover,
        .product-mini-card:focus-within {
            box-shadow: 0 16px 32px rgba(2, 20, 40, 0.10);
            transform: translateY(-4px);
            border-color: transparent;
        }
        .product-mini-card .img-box {
            display: block;
            aspect-ratio: 1/1;
            background: #f5f6f8;
            padding: 24px;
        }
        .product-mini-card .info {
            padding: 18px 18px 16px;
        }
        .product-mini-card .model-code {
            font-size: 12px;
            color: #8a94a3;
            letter-spacing: .5px;
        }
        .product-mini-card .name {
            font-size: 17px;
            font-weight: 600;
            line-height: 1.35;
            margin: 4px 0 8px;
            color: #1a2b3d;
        }
        .product-mini-card .product-card__summary {
            font-size: 13px;
            line-height: 1.65;
        }
        .product-mini-card .spec-tags {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            margin-top: 12px;
        }
        .product-mini-card .spec-tags span {
            font-size: 11px;
            padding: 3px 8px;
            background: #f5f6f8;
            border-radius: 3px;
            color: #5a6472;
        }
        .product-mini-card .product-card__actions {
            margin-top: 6px;
        }
        .product-mini-card .button--ghost {
            min-height: 40px;
            padding: 0 18px;
            border-radius: 8px;
            font-size: 12px;
            letter-spacing: 0.04em;
        }
        .pdp-hero {
            display: grid;
            grid-template-columns: 1.4fr 1fr;
            gap: 56px;
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 24px 80px;
        }
        .pdp-sticky-info {
            position: sticky;
            top: 110px;
            height: fit-content;
        }
        .btn-inquiry {
            width: 100%;
            padding: 16px;
            margin-top: 24px;
        }
        .pdp-tabs {
            display: flex;
            gap: 40px;
            border-bottom: 1px solid #eceff2;
            margin: 0 auto 40px;
            max-width: 1280px;
            padding: 0 24px;
        }
        .pdp-tabs .tab-item {
            padding: 16px 0;
            font-size: 15px;
            color: #8a94a3;
            border-bottom: 2px solid transparent;
        }
        .pdp-tabs .tab-item.active {
            color: #025395;
            border-bottom-color: #025395;
            font-weight: 600;
        }
        .pdp-section-grid {
            display: grid;
            gap: 36px;
        }
        .pdp-section-title {
            font-size: clamp(28px, 4vw, 44px);
        }
        .pdp-quick-meta {
            display: grid;
            gap: 14px;
            margin-top: 24px;
            padding-top: 22px;
            border-top: 1px solid var(--steel-100);
        }
        .pdp-quick-meta strong {
            display: block;
            margin-bottom: 6px;
            font-size: 12px;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: #8a94a3;
        }
        .related-products {
            margin-top: 64px;
        }
        .about-story {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(380px, 0.9fr);
            gap: 0;
            border: 1px solid var(--steel-100);
            background: #ffffff;
            box-shadow: var(--shadow-sm);
        }
        .about-story__content {
            padding: var(--card-padding);
        }
        .about-story__media {
            min-height: 100%;
            background: linear-gradient(180deg, rgba(13, 27, 42, 0.18), rgba(13, 27, 42, 0.4)), url("./img/factory-quality-control.jpg") center center / cover no-repeat;
        }
        .timeline {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 20px;
        }
        .timeline__item {
            padding: var(--card-padding-sm);
            border: 1px solid var(--steel-100);
            background: #ffffff;
            box-shadow: var(--shadow-sm);
        }
        .timeline__year {
            display: inline-block;
            margin-bottom: 18px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--harvest-gold);
            font-size: 14px;
            letter-spacing: 0.14em;
            color: var(--brand-blue);
        }
        .timeline__item h3 {
            margin: 0;
            font-size: 20px;
        }
        .timeline__item p {
            margin: 14px 0 0;
            color: var(--steel-600);
            line-height: 1.8;
        }
        .gallery-strip {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 20px;
        }
        .gallery-strip__item {
            min-height: 280px;
            border-radius: var(--radius-card);
            background: linear-gradient(180deg, rgba(13, 27, 42, 0.16), rgba(13, 27, 42, 0.32)), url("./assets/images/hero-company.jpg") center center / cover no-repeat;
        }
        .testimonial-row {
            display: flex;
            gap: 24px;
            margin-top: 36px;
            overflow-x: auto;
        }
        .testimonial-card {
            background: #fff;
            border: 1px solid #eceff2;
            border-radius: 6px;
            padding: var(--card-padding);
            min-width: 340px;
        }
        .quote-mark {
            font-size: 32px;
            color: #E0C870;
            line-height: 1;
        }
        .quote-text {
            font-size: 15px;
            line-height: 1.8;
            color: #3a4552;
            margin: 16px 0 24px;
        }
        .author-row {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .author-avatar {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: #f5f6f8;
        }
        .author-name {
            font-size: 14px;
            font-weight: 600;
            color: #1a2b3d;
        }
        .author-title {
            font-size: 12px;
            color: #8a94a3;
        }
        .footer-logo {
            gap: 14px;
        }
        .footer-logo .logo-icon {
            max-height: 58px;
        }
        .footer-logo .logo-text {
            max-height: 22px;
            filter: none;
        }
        .site-footer__brand img {
            width: auto;
        }
        .service-promise-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 24px;
            margin-top: 36px;
        }
        .service-promise-card {
            padding: var(--card-padding);
            border: 1px solid var(--steel-100);
            background: #ffffff;
            box-shadow: var(--shadow-sm);
        }
        .service-promise-card h3 {
            margin: 0;
            font-size: 20px;
        }
        .service-promise-card p {
            margin: 14px 0 0;
            color: var(--steel-600);
            line-height: 1.8;
        }
        /* ---- Service sectors & capability cards ---- */
        .service-sectors-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 20px;
            margin-top: 48px;
        }
        .capability-card {
            padding: 32px;
            border: 1px solid var(--steel-100);
            background: #ffffff;
            box-shadow: var(--shadow-sm);
            transition: box-shadow 0.3s ease, transform 0.3s ease;
        }
        .capability-card:hover {
            box-shadow: 0 16px 32px rgba(2, 20, 40, 0.10);
            transform: translateY(-4px);
        }
        .capability-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 52px;
            height: 52px;
            border-radius: 4px;
            background: rgba(2, 83, 149, 0.06);
            color: var(--brand-blue);
            margin-bottom: 20px;
        }
        .capability-card h4 {
            margin: 0;
            font-size: 18px;
            font-weight: 600;
            color: var(--color-text);
        }
        .capability-card p {
            margin: 12px 0 0;
            font-size: 14px;
            line-height: 1.75;
            color: var(--steel-600);
        }
        .back-to-top {
            position: fixed;
            right: 32px;
            bottom: 32px;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: #0d1b2a;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transform: translateY(12px);
            pointer-events: none;
            transition: all .35s ease;
            z-index: 500;
            box-shadow: var(--shadow-md);
        }
        .back-to-top.visible {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }
        .back-to-top:hover {
            background: #025395;
            transform: translateY(-4px);
        }
        @keyframes breathe {
            0%,
            100% {
                box-shadow: 0 0 0 0 rgba(224, 200, 112, 0.5);
            }
            
            50% {
                box-shadow: 0 0 0 8px rgba(224, 200, 112, 0);
            }
        }
        .button--primary.is-emphasis {
            animation: breathe 2.4s ease-in-out infinite;
        }
        @media (max-width: 1180px) {
            .trust-strip__grid,
            .home-dark__grid,
            .home-partners__grid,
            .service-sectors-grid,
            .timeline,
            .gallery-strip {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            
            .service-promise-grid {
                grid-template-columns: 1fr;
            }
            
            .home-brand-story,
            .home-about,
            .home-cta,
            .about-story,
            .pdp-hero,
            .archive-layout,
            .news-hero__grid,
            .news-featured-card,
            .news-single-layout {
                grid-template-columns: 1fr;
            }
            
            .home-brand-story__media,
            .home-about__media {
                min-height: 420px;
            }
            
            .home-about__features,
            .home-capability-grid {
                grid-template-columns: 1fr;
            }
        }
        @media (max-width: 1080px) {
            .home-product-stage {
                grid-template-columns: 1fr;
            }
            
            .product-grid-archive,
            .news-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            
            .product-stage-card--primary,
            .product-stage-card--secondary,
            .product-stage-card--tertiary {
                grid-column: auto;
                min-height: 360px;
            }
            
            .footer-grid {
                grid-template-columns: 1fr 1fr;
            }
        }
        @media (max-width: 767px) {
            .section {
                padding: 78px 0;
            }
            
            .section--compact {
                padding: 78px 0;
            }
            
            .home-hero,
            .home-hero__inner {
                min-height: 720px;
            }
            
            .home-hero__inner {
                padding-top: 120px;
                padding-bottom: 68px;
                align-items: flex-end;
            }
            
            .home-hero__actions,
            .home-cta__actions,
            .site-footer__bottom-inner {
                display: grid;
            }
            
            .brand-logo {
                width: auto;
                height: auto;
                gap: 8px;
            }
            
            .trust-strip__grid,
            .home-dark__grid,
            .home-capability-grid,
            .home-partners__grid,
            .service-sectors-grid,
            .footer-grid,
            .timeline,
            .gallery-strip,
            .product-grid-archive,
            .news-grid {
                grid-template-columns: 1fr;
            }
            
            .trust-strip__item {
                border-right: 0;
                border-bottom: 1px solid var(--steel-100);
            }
            
            .trust-strip__item:last-child {
                border-bottom: 0;
            }
            
            .home-brand-story__content,
            .home-about__content,
            .about-story__content,
            .home-cta,
            .news-hero__content,
            .news-featured-card__body,
            .news-card__body,
            .news-article__content,
            .news-sidebar__panel {
                padding: var(--card-padding-sm);
            }
            
            .home-brand-story__media,
            .home-about__media {
                min-height: 280px;
            }
            
            .product-stage-card__info {
                left: 20px;
                right: 20px;
                bottom: 20px;
            }
            
            .button,
            .button--primary,
            .button--secondary,
            .button--ghost,
            .button--full {
                width: 100%;
            }
            
            .pdp-tabs {
                gap: 20px;
                overflow-x: auto;
            }
            
            .back-to-top {
                right: 18px;
                bottom: 18px;
            }
            
            .news-featured-card__media img {
                min-height: 260px;
            }
        }
        /* -----------------------------------------------------------------------------
 * 12. Secondary Page Rework
 * -------------------------------------------------------------------------- */
        .about-page,
        .contact-page,
        .news-page,
        .product-archive-page,
        .single-news-page {
            padding: 0 0 90px;
        }
        .section,
        .section--compact,
        .section--product-archive {
            padding: 90px 0;
        }
        .archive-hero,
        .page-hero--about,
        .page-hero--contact,
        .page-hero--news {
            position: relative;
            overflow: hidden;
            padding: 0;
            background: radial-gradient(circle at top right, rgba(224, 200, 112, 0.14), transparent 28%), linear-gradient(135deg, rgba(0, 38, 58, 0.96), rgba(3, 29, 55, 0.92));
        }
        .archive-hero::before,
        .page-hero--about::before,
        .page-hero--contact::before,
        .page-hero--news::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image: linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px), linear-gradient(120deg, transparent 0%, rgba(224, 200, 112, 0.08) 48%, transparent 100%);
            background-size: 48px 48px, 48px 48px, 100% 100%;
            opacity: 0.6;
            pointer-events: none;
        }
        .archive-hero .container,
        .page-hero--about .container,
        .page-hero--contact .container,
        .page-hero--news .container {
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            min-height: 280px;
            padding-top: 132px;
            padding-bottom: 36px;
        }
        .archive-hero .section-heading,
        .page-hero--about .section-heading,
        .page-hero--contact .section-heading,
        .page-hero--news .section-heading {
            max-width: 760px;
            margin: 0;
            font-size: 38px;
            line-height: 1.12;
            color: #ffffff;
        }
        .archive-hero .section-intro,
        .page-hero--about .section-intro,
        .page-hero--contact .section-intro,
        .page-hero--news .section-intro {
            max-width: 760px;
            margin-top: 14px;
            color: rgba(255, 255, 255, 0.76);
        }
        .archive-hero .section-eyebrow,
        .page-hero--about .section-eyebrow,
        .page-hero--contact .section-eyebrow,
        .page-hero--news .section-eyebrow {
            color: var(--harvest-gold);
        }
        .archive-hero .page-breadcrumb__item,
        .archive-hero .page-breadcrumb__item a,
        .archive-hero .page-breadcrumb__item span[aria-current="page"],
        .page-hero--about .page-breadcrumb__item,
        .page-hero--about .page-breadcrumb__item a,
        .page-hero--about .page-breadcrumb__item span[aria-current="page"],
        .page-hero--contact .page-breadcrumb__item,
        .page-hero--contact .page-breadcrumb__item a,
        .page-hero--contact .page-breadcrumb__item span[aria-current="page"],
        .page-hero--news .page-breadcrumb__item,
        .page-hero--news .page-breadcrumb__item a,
        .page-hero--news .page-breadcrumb__item span[aria-current="page"] {
            color: var(--harvest-gold);
        }
        .archive-hero .page-breadcrumb__item:not(:last-child)::after,
        .page-hero--about .page-breadcrumb__item:not(:last-child)::after,
        .page-hero--contact .page-breadcrumb__item:not(:last-child)::after,
        .page-hero--news .page-breadcrumb__item:not(:last-child)::after {
            color: rgba(224, 200, 112, 0.7);
        }
        .about-story {
            overflow: hidden;
            grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
            border-radius: 8px;
            border: 1px solid rgba(2, 83, 149, 0.08);
            box-shadow: 0 18px 44px rgba(13, 27, 42, 0.08);
        }
        .about-story .section-heading {
            max-width: 100%;
        }
        .about-story__media {
            position: relative;
            min-height: 100%;
            background: radial-gradient(circle at 20% 20%, rgba(224, 200, 112, 0.22), transparent 28%), linear-gradient(135deg, rgba(0, 38, 58, 0.76), rgba(2, 83, 149, 0.52)), url("./img/factory-quality-control.jpg") center center / cover no-repeat;
            transition: transform 0.8s ease;
        }
        .about-story:hover .about-story__media,
        .about-story:focus-within .about-story__media {
            transform: scale(1.03);
        }
        .about-story__media::before,
        .about-story__media::after {
            content: "";
            position: absolute;
            inset: 22px;
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        .about-story__media::after {
            inset: auto 34px 34px auto;
            width: 180px;
            height: 180px;
            border: 0;
            background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
            background-size: 20px 20px;
            opacity: 0.8;
        }
        .timeline.timeline--vertical {
            position: relative;
            display: grid;
            gap: 22px;
            padding: 12px 0;
        }
        .timeline.timeline--vertical::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            width: 2px;
            background: #d4d4d4;
            transform: translateX(-50%);
        }
        .timeline.timeline--vertical .timeline__item {
            position: relative;
            display: grid;
            grid-template-columns: 1fr 90px 1fr;
            align-items: center;
            gap: 0;
            padding: 0;
            border: 0;
            background: transparent;
            box-shadow: none;
        }
        .timeline.timeline--vertical .timeline__body {
            position: relative;
            padding: 28px 30px;
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.98);
            border: 1px solid rgba(212, 212, 212, 0.55);
            box-shadow: 0 16px 40px rgba(13, 27, 42, 0.05);
            transition: transform var(--transition-base), box-shadow var(--transition-base);
        }
        .timeline.timeline--vertical .timeline__item:nth-child(odd) .timeline__body {
            grid-column: 1;
        }
        .timeline.timeline--vertical .timeline__item:nth-child(even) .timeline__body {
            grid-column: 3;
        }
        .timeline.timeline--vertical .timeline__marker {
            position: relative;
            grid-column: 2;
            display: flex;
            justify-content: center;
        }
        .timeline.timeline--vertical .timeline__dot {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            border: 3px solid #ffffff;
            background: var(--brand-blue);
            box-shadow: 0 0 0 6px rgba(2, 83, 149, 0.12);
            transition: transform var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base);
        }
        .timeline.timeline--vertical .timeline__item:hover .timeline__dot {
            transform: scale(1.3);
            background: var(--harvest-gold);
            box-shadow: 0 0 0 10px rgba(224, 200, 112, 0.16), 0 0 18px rgba(224, 200, 112, 0.35);
            animation: bothsixTimelinePulse 1.4s ease-in-out infinite;
        }
        .timeline.timeline--vertical .timeline__item:hover .timeline__body {
            transform: translateY(-4px);
            box-shadow: 0 20px 48px rgba(13, 27, 42, 0.08);
        }
        .timeline.timeline--vertical .timeline__year {
            display: block;
            margin-bottom: 12px;
            padding: 0;
            border: 0;
            font-size: 28px;
            line-height: 1;
            letter-spacing: 0.04em;
            color: var(--harvest-gold);
        }
        .timeline.timeline--vertical .timeline__item h3 {
            margin: 0;
            font-size: 22px;
            line-height: 1.28;
        }
        .timeline.timeline--vertical .timeline__item p {
            margin: 12px 0 0;
            color: var(--color-text-muted);
            line-height: 1.8;
        }
        .commitment-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 26px;
            margin-top: 48px;
        }
        .commitment-grid .capability-card,
        .commitment-grid .service-promise-card {
            height: 100%;
            padding: 34px 30px;
            border: 0;
            border-radius: 8px;
            background: #ffffff;
            box-shadow: 0 0 0 1px rgba(2, 83, 149, 0.03);
            transition: transform var(--transition-base), box-shadow var(--transition-base);
        }
        .commitment-grid .capability-card:hover,
        .commitment-grid .service-promise-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        }
        .commitment-grid .capability-icon {
            width: 46px;
            height: 46px;
            margin-bottom: 18px;
            border-radius: 0;
            background: transparent;
            color: var(--brand-blue);
        }
        .commitment-grid .capability-card h4,
        .commitment-grid .service-promise-card h3 {
            margin: 0;
            font-size: 22px;
        }
        .commitment-grid .capability-card p,
        .commitment-grid .service-promise-card p {
            margin-top: 14px;
            color: var(--color-text-muted);
        }
        .filter-sidebar__panel {
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.96);
            box-shadow: 0 18px 42px rgba(13, 27, 42, 0.06);
        }
        .catalog-sidebar__title {
            margin: 0 0 18px;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: #4a5d73;
        }
        .catalog-sidebar__list {
            display: grid;
            gap: 8px;
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .catalog-sidebar__list a {
            display: grid;
            grid-template-columns: auto 1fr auto;
            align-items: center;
            gap: 10px;
            min-height: 48px;
            padding: 0 14px 0 12px;
            border-radius: 14px;
            background: #f8fafc;
            border: 1px solid transparent;
            transform: translateY(0);
            transition: border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .2s ease;
        }
        .catalog-sidebar__dot,
        .filter-item__dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #c7cdd6;
            display: inline-flex;
            flex: 0 0 auto;
        }
        .catalog-sidebar__label,
        .filter-item__label {
            display: inline-flex;
            align-items: center;
            color: #4a4a5a;
            min-width: 0;
        }
        .catalog-sidebar__count,
        .filter-item__count {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 24px;
            height: 24px;
            padding: 0 8px;
            border-radius: 999px;
            background: rgba(2, 83, 149, 0.08);
            color: var(--brand-blue);
            font-size: 11px;
            font-weight: 700;
        }
        .catalog-sidebar__list a:hover,
        .catalog-sidebar__list a:focus-visible,
        .catalog-sidebar__list a.is-active {
            color: var(--brand-blue);
            background: #ffffff;
            border-color: rgba(2, 83, 149, 0.12);
            box-shadow: 0 12px 28px rgba(13, 27, 42, 0.06);
            transform: translateY(-1px);
        }
        .catalog-sidebar__list a:hover .catalog-sidebar__dot,
        .catalog-sidebar__list a:focus-visible .catalog-sidebar__dot,
        .catalog-sidebar__list a.is-active .catalog-sidebar__dot {
            background: var(--harvest-gold);
        }
        .catalog-sidebar__list a.is-active .catalog-sidebar__label {
            font-weight: 700;
            color: var(--brand-blue);
        }
        .catalog-sidebar__list a.is-active .catalog-sidebar__count {
            background: var(--brand-blue);
            color: #ffffff;
        }
        .filter-accordion {
            margin-top: 18px;
            padding-top: 18px;
            border-top: 1px solid rgba(2, 83, 149, 0.08);
        }
        .filter-sidebar__empty-tip {
            padding: 16px 14px 0;
        }
        .filter-sidebar__empty-tip strong {
            display: block;
            margin-bottom: 8px;
            color: #18324b;
            font-size: 14px;
        }
        .filter-sidebar__empty-tip p {
            margin: 0;
            color: #6d7c8c;
            font-size: 13px;
            line-height: 1.75;
        }
        .filter-accordion summary {
            position: relative;
            padding-right: 18px;
            list-style: none;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: #4a4a5a;
            cursor: pointer;
        }
        .filter-accordion summary::-webkit-details-marker {
            display: none;
        }
        .filter-accordion summary::after {
            content: "+";
            position: absolute;
            right: 0;
            top: 50%;
            font-size: 16px;
            transform: translateY(-50%);
        }
        .filter-accordion[open] summary::after {
            content: "-";
        }
        .filter-text-list {
            display: grid;
            gap: 8px;
            margin: 18px 0 0;
            padding: 0;
            list-style: none;
        }
        .filter-text-list li {
            margin: 0;
        }
        .filter-text-list li a {
            display: grid;
            grid-template-columns: auto 1fr auto;
            align-items: center;
            gap: 10px;
            min-height: 42px;
            padding: 0 12px;
            border-radius: 12px;
            color: #4a4a5a;
            background: #f8fafc;
            border: 1px solid transparent;
            transition: border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .2s ease;
        }
        .filter-text-list li a:hover,
        .filter-text-list li a:focus-visible,
        .filter-text-list li.is-active a {
            background: #ffffff;
            border-color: rgba(2, 83, 149, 0.12);
            box-shadow: 0 12px 28px rgba(13, 27, 42, 0.06);
            transform: translateY(-1px);
        }
        .filter-text-list li a:hover .filter-item__dot,
        .filter-text-list li a:focus-visible .filter-item__dot,
        .filter-text-list li.is-active a .filter-item__dot {
            background: var(--harvest-gold);
        }
        .filter-text-list li.is-active .filter-item__label {
            color: var(--brand-blue);
            font-weight: 700;
        }
        .filter-text-list li.is-active .filter-item__count {
            background: var(--brand-blue);
            color: #ffffff;
        }
        .catalog-results {
            position: relative;
            scroll-margin-top: 136px;
            transition: opacity .2s ease, transform .2s ease;
        }
        .catalog-results.is-loading {
            opacity: .55;
            pointer-events: none;
        }
        .catalog-main.is-loading,
        [data-product-archive].is-loading .catalog-main {
            cursor: progress;
        }
        .product-mini-card__filter-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 14px;
        }
        .product-mini-card__filter-tag {
            display: inline-flex;
            align-items: center;
            min-height: 28px;
            padding: 0 10px;
            border-radius: 999px;
            background: rgba(2, 83, 149, 0.06);
            color: var(--brand-blue);
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.02em;
            transition: background .2s ease, color .2s ease, transform .2s ease;
        }
        .product-mini-card__filter-tag:hover,
        .product-mini-card__filter-tag:focus-visible {
            background: rgba(2, 83, 149, 0.12);
            color: #013b6a;
            transform: translateY(-1px);
        }
        .product-mini-card__filter-tag.is-active {
            background: var(--brand-blue);
            color: #ffffff;
        }
        .catalog-skeleton-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 28px;
        }
        .catalog-skeleton-card {
            overflow: hidden;
            border-radius: 8px;
            background: #ffffff;
            border: 1px solid rgba(2, 83, 149, 0.06);
            box-shadow: 0 18px 40px rgba(13, 27, 42, 0.05);
        }
        .catalog-skeleton-card__media {
            aspect-ratio: 4 / 3;
            background: linear-gradient(120deg, #eef1f4 25%, #f8fafc 38%, #eef1f4 55%);
            background-size: 200% 100%;
            animation: bothsixShimmer 1.5s linear infinite;
        }
        .catalog-skeleton-card__body {
            display: grid;
            gap: 12px;
            padding: 24px;
        }
        .catalog-skeleton-card__line {
            display: block;
            width: 100%;
            height: 12px;
            border-radius: 999px;
            background: linear-gradient(120deg, #edf1f4 25%, #f8fafc 38%, #edf1f4 55%);
            background-size: 200% 100%;
            animation: bothsixShimmer 1.5s linear infinite;
        }
        .catalog-skeleton-card__line--short {
            width: 38%;
        }
        .catalog-skeleton-card__line--long {
            width: 74%;
        }
        .catalog-empty--subtle {
            margin-top: 28px;
            padding: 0;
            background: transparent;
            box-shadow: none;
            border: 0;
        }
        .news-hero {
            background: radial-gradient(circle at top right, rgba(224, 200, 112, 0.12), transparent 30%), linear-gradient(135deg, rgba(0, 38, 58, 0.97), rgba(3, 29, 55, 0.93));
        }
        .news-hero__grid {
            display: grid;
            grid-template-columns: minmax(0, 0.62fr) minmax(0, 0.38fr);
            gap: 28px;
            align-items: end;
        }
        .news-hero__content {
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            backdrop-filter: none;
            box-shadow: none;
        }
        .news-hero__grid {
            display: block;
        }
        .news-hero__stats {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 22px;
            padding: 22px 0 8px;
        }
        .news-hero__stat {
            position: relative;
            padding-left: 18px;
        }
        .news-hero__stat::before {
            content: "";
            position: absolute;
            left: 0;
            top: 10px;
            bottom: 10px;
            width: 1px;
            background: rgba(224, 200, 112, 0.26);
        }
        .news-hero__stat strong {
            display: block;
            font-family: var(--font-en);
            font-size: 52px;
            line-height: 1;
            color: var(--brand-blue);
            text-shadow: 0 0 24px rgba(2, 83, 149, 0.12);
        }
        .news-hero__stat:nth-child(2) strong {
            color: var(--harvest-gold);
        }
        .news-hero__stat span {
            display: block;
            margin-top: 10px;
            color: rgba(255, 255, 255, 0.74);
            line-height: 1.7;
        }
        .news-featured-card {
            grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
            border-radius: 8px;
            border: 1px solid #e8e8e8;
            box-shadow: 0 16px 36px rgba(13, 27, 42, 0.05);
        }
        .news-featured-card__media,
        .news-featured-card__media img {
            min-height: 100%;
        }
        .news-featured-card__body {
            padding: 36px 40px;
        }
        .news-featured-card__body h2 a,
        .news-card__title a {
            transition: color var(--transition-base);
        }
        .news-featured-card:hover .news-featured-card__body h2 a,
        .news-featured-card:focus-within .news-featured-card__body h2 a,
        .news-card:hover .news-card__title a,
        .news-card:focus-within .news-card__title a {
            color: var(--brand-blue);
        }
        .news-featured-card:hover .news-featured-card__media img,
        .news-featured-card:focus-within .news-featured-card__media img {
            transform: scale(1.05);
        }
        .news-card {
            border-radius: 8px;
            border: 1px solid #e8e8e8;
        }
        .industrial-placeholder {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            min-height: 100%;
            background: radial-gradient(circle at 18% 20%, rgba(224, 200, 112, 0.16), transparent 24%), linear-gradient(135deg, rgba(0, 38, 58, 0.92), rgba(2, 83, 149, 0.55));
            overflow: hidden;
        }
        .industrial-placeholder::before,
        .industrial-placeholder::after {
            content: "";
            position: absolute;
            inset: 18px;
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        .industrial-placeholder::after {
            inset: auto 22px 22px auto;
            width: 38%;
            height: 42%;
            border: 0;
            background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
            background-size: 18px 18px;
        }
        .industrial-placeholder--card {
            aspect-ratio: 1.1;
        }
        .industrial-placeholder--hero {
            min-height: 100%;
        }
        .contact-page__grid {
            align-items: stretch;
        }
        .contact-form-note,
        .contact-card {
            position: relative;
            display: flex;
            flex-direction: column;
            height: 100%;
            border-radius: 8px;
        }
        .contact-form-note {
            border: 1px solid rgba(2, 83, 149, 0.06);
            box-shadow: 0 18px 44px rgba(13, 27, 42, 0.06);
        }
        .contact-card {
            overflow: hidden;
            justify-content: center;
            background: linear-gradient(145deg, rgba(0, 38, 58, 0.98), rgba(2, 83, 149, 0.94));
        }
        .contact-card__pattern {
            position: absolute;
            inset: 0;
            opacity: 0.08;
            background-image: radial-gradient(circle at 76% 30%, rgba(255, 255, 255, 0.16), transparent 26%), linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
            background-size: 100% 100%, 56px 56px, 56px 56px;
            pointer-events: none;
        }
        .contact-card>* {
            position: relative;
            z-index: 1;
        }
        .contact-card__meta {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
            margin-top: 24px;
        }
        .contact-card__meta>div {
            min-height: 92px;
            padding: 18px 18px 16px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.035);
            backdrop-filter: blur(8px);
        }
        .contact-card__meta>div:last-child {
            padding-bottom: 16px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        .contact-card__meta>div:nth-child(5) {
            grid-column: 1 / -1;
        }
        .contact-card__heading {
            max-width: 580px;
            font-size: clamp(26px, 3vw, 40px);
            line-height: 1.16;
        }
        .contact-map-placeholder {
            margin-top: 34px;
            border-radius: 8px;
            border: 1px solid #eef1f4;
            box-shadow: 0 14px 32px rgba(13, 27, 42, 0.05);
        }
        .contact-map-placeholder__inner {
            padding: 34px;
        }
        .contact-map-placeholder__map {
            position: relative;
            overflow: hidden;
            min-height: 360px;
            margin-top: 28px;
            border-radius: 8px;
            border: 1px solid var(--color-silver-light);
            background: #f4f5f7;
        }
        .contact-map-placeholder__map img {
            display: block;
            width: 100%;
            height: 100%;
            min-height: 360px;
            object-fit: cover;
        }
        .contact-map-placeholder__label {
            position: absolute;
            left: 47.2%;
            top: 53.4%;
            display: inline-flex;
            align-items: center;
            gap: 12px;
            padding: 14px 18px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.92);
            border: 1px solid rgba(2, 83, 149, 0.08);
            box-shadow: 0 12px 30px rgba(13, 27, 42, 0.12);
            color: #1f3145;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 0.02em;
            transform: translate(-50%, -118%);
        }
        .contact-map-placeholder__pin {
            position: relative;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #d6473c;
            box-shadow: 0 0 0 6px rgba(214, 71, 60, 0.14);
        }
        .contact-map-placeholder__pin::after {
            content: "";
            position: absolute;
            inset: 2px;
            border-radius: 50%;
            background: #ffffff;
        }
        .news-single-hero__bg .industrial-placeholder {
            height: 100%;
            min-height: 100%;
        }
        @keyframes bothsixShimmer {
            0% {
                background-position: 200% 0;
            }
            
            100% {
                background-position: -200% 0;
            }
        }
        @keyframes bothsixTimelinePulse {
            0%,
            100% {
                box-shadow: 0 0 0 10px rgba(224, 200, 112, 0.16), 0 0 18px rgba(224, 200, 112, 0.35);
            }
            
            50% {
                box-shadow: 0 0 0 14px rgba(224, 200, 112, 0.08), 0 0 24px rgba(224, 200, 112, 0.24);
            }
        }
        @media (max-width: 1180px) {
            .commitment-grid,
            .catalog-skeleton-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            
            .news-hero__grid,
            .news-featured-card,
            .news-single-layout {
                grid-template-columns: 1fr;
            }
            
            .news-hero__stats {
                padding-top: 0;
            }
        }
        @media (max-width: 900px) {
            .timeline.timeline--vertical::before {
                left: 22px;
            }
            
            .timeline.timeline--vertical .timeline__item {
                grid-template-columns: 44px 1fr;
            }
            
            .timeline.timeline--vertical .timeline__marker {
                grid-column: 1;
            }
            
            .timeline.timeline--vertical .timeline__body,
            .timeline.timeline--vertical .timeline__item:nth-child(odd) .timeline__body,
            .timeline.timeline--vertical .timeline__item:nth-child(even) .timeline__body {
                grid-column: 2;
            }
        }
        @media (max-width: 767px) {
            .archive-hero .container,
            .page-hero--about .container,
            .page-hero--contact .container,
            .page-hero--news .container {
                min-height: 280px;
                padding-top: 120px;
                padding-bottom: 28px;
            }
            
            .archive-hero .section-heading,
            .page-hero--about .section-heading,
            .page-hero--contact .section-heading,
            .page-hero--news .section-heading {
                font-size: 32px;
            }
            
            .commitment-grid,
            .catalog-skeleton-grid,
            .news-hero__stats {
                grid-template-columns: 1fr;
            }
            
            .about-story__content,
            .news-featured-card__body,
            .contact-form-note,
            .contact-card,
            .contact-map-placeholder__inner {
                padding: 24px;
            }
            
            .contact-map-placeholder__map {
                min-height: 280px;
            }
        }
        /* -----------------------------------------------------------------------------
 * 13. About Banner & Home Testimonials Refresh
 * -------------------------------------------------------------------------- */
        .page-hero--product {
            background: linear-gradient(100deg, rgba(0, 24, 38, 0.82) 0%, rgba(0, 38, 58, 0.64) 36%, rgba(0, 38, 58, 0.24) 72%, rgba(0, 38, 58, 0.14) 100%), linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.08)), url("./img/闂備浇顕уù鐑藉极婵犳艾纾诲┑鐘叉搐缁愭鏌￠崶鈺佹灁闁崇懓绉撮埞鎴︽偐閸欏鎮欓梺缁樺姇閿曨亪寮诲☉銏犵婵°倐鍋撻柛鐘冲哺瀵娊鎮?0260702223434_649_47.png") center center / cover no-repeat;
        }
        .page-hero--product::before {
            background-image: linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px), linear-gradient(120deg, transparent 0%, rgba(224, 200, 112, 0.06) 48%, transparent 100%);
            background-size: 56px 56px, 56px 56px, 100% 100%;
            opacity: 0.42;
        }
        .page-hero--about {
            background: linear-gradient(100deg, rgba(0, 24, 38, 0.86) 0%, rgba(0, 38, 58, 0.68) 34%, rgba(0, 38, 58, 0.28) 68%, rgba(0, 38, 58, 0.16) 100%), linear-gradient(to top, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.06)), url("./img/homa-appliances-ERXFD4jLpJc-unsplash.jpg") center center / cover no-repeat;
        }
        .page-hero--about::before {
            background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
            background-size: 60px 60px, 60px 60px;
            opacity: 0.34;
        }
        .timeline.timeline--vertical {
            gap: 18px;
            padding: 8px 0 0 0;
        }
        .timeline.timeline--vertical::before {
            left: 132px;
            width: 1px;
            background: linear-gradient(180deg, rgba(212, 212, 212, 0), rgba(212, 212, 212, 0.9) 12%, rgba(212, 212, 212, 0.9) 88%, rgba(212, 212, 212, 0));
            transform: none;
        }
        .timeline.timeline--vertical .timeline__item {
            grid-template-columns: 132px 40px minmax(0, 1fr);
            gap: 0;
            min-height: 132px;
        }
        .timeline.timeline--vertical .timeline__item:nth-child(odd) .timeline__body,
        .timeline.timeline--vertical .timeline__item:nth-child(even) .timeline__body {
            grid-column: 3;
        }
        .timeline.timeline--vertical .timeline__marker {
            grid-column: 2;
            justify-content: flex-start;
        }
        .timeline.timeline--vertical .timeline__body {
            padding: 24px 28px;
            border-radius: 6px;
        }
        .timeline.timeline--vertical .timeline__year {
            position: absolute;
            left: -160px;
            top: 24px;
            width: 110px;
            margin: 0;
            text-align: right;
        }
        .timeline.timeline--vertical .timeline__item h3 {
            font-size: 21px;
        }
        .timeline.timeline--vertical .timeline__item p {
            max-width: 760px;
        }
        .home-solutions-section .section-header,
        .home-testimonials-section .section-header,
        .home-capability-section .section-header {
            max-width: 880px;
        }
        .section .section-header .section-heading,
        .home-brand-story .section-heading,
        .about-story .section-heading {
            font-size: clamp(18px, 2.4vw, 29px);
            line-height: 1.16;
        }
        .home-solutions-section .section-eyebrow,
        .home-testimonials-section .section-eyebrow,
        .home-capability-section .section-eyebrow {
            color: rgba(2, 83, 149, 0.8);
        }
        .home-solutions-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 24px;
            margin-top: 42px;
        }
        .home-solution-card {
            position: relative;
            display: flex;
            flex-direction: column;
            gap: 18px;
            min-height: 280px;
            padding: 32px;
            border: 1px solid rgba(13, 27, 42, 0.08);
            border-radius: 8px;
            background: linear-gradient(180deg, #fbfcfd, #f4f7fa);
            box-shadow: 0 18px 40px rgba(13, 27, 42, 0.06);
            transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
        }
        .home-solution-card:hover,
        .home-solution-card:focus-within {
            transform: translateY(-6px);
            border-color: rgba(2, 83, 149, 0.16);
            box-shadow: 0 24px 54px rgba(13, 27, 42, 0.1);
        }
        .home-solution-card__tag {
            display: inline-flex;
            align-self: flex-start;
            padding: 7px 12px;
            border-radius: 999px;
            background: rgba(2, 83, 149, 0.08);
            color: var(--brand-blue);
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0.14em;
            text-transform: uppercase;
        }
        .home-solution-card h3 {
            margin: 0;
            font-size: 26px;
            line-height: 1.28;
        }
        .home-solution-card p {
            margin: 0;
            color: var(--steel-600);
            line-height: 1.85;
        }
        .home-industries-section {
            border-top: 1px solid rgba(13, 27, 42, 0.05);
        }
        .home-industries-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 20px;
            margin-top: 36px;
        }
        .home-industry-card {
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: flex-start;
            gap: 18px;
            padding: 26px;
            min-height: 230px;
            border: 1px solid rgba(13, 27, 42, 0.08);
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.8);
            box-shadow: 0 16px 36px rgba(13, 27, 42, 0.04);
            transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), background-color var(--transition-base);
        }
        .home-industry-card::after {
            content: "";
            position: absolute;
            left: 26px;
            right: 26px;
            bottom: 0;
            height: 2px;
            background: linear-gradient(90deg, var(--brand-blue), var(--harvest-gold));
            transform: scaleX(0.28);
            transform-origin: left center;
            opacity: 0.6;
            transition: transform var(--transition-base), opacity var(--transition-base);
            z-index: 3;
        }
        .home-industry-card:hover,
        .home-industry-card:focus-within {
            transform: translateY(-6px);
            border-color: rgba(2, 83, 149, 0.16);
            box-shadow: 0 24px 50px rgba(13, 27, 42, 0.08);
        }
        .home-industry-card:hover::after,
        .home-industry-card:focus-within::after {
            transform: scaleX(1);
            opacity: 1;
        }
        .home-industry-card__bg {
            position: absolute;
            inset: 0;
            z-index: 0;
            opacity: 1;
            transform: scale(1.05);
            transition: opacity 0.45s ease, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .home-industry-card__bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .home-industry-card__overlay {
            position: absolute;
            inset: 0;
            z-index: 1;
            opacity: 1;
            background: linear-gradient(160deg, rgba(8, 30, 52, 0.5), rgba(2, 83, 149, 0.3));
            transition: opacity 0.45s ease, background 0.45s ease;
        }
        .home-industry-card__body {
            position: relative;
            z-index: 2;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: flex-start;
            gap: 14px;
            flex: 1 1 auto;
            align-self: stretch;
        }
        .home-industry-card__body .home-industry-card__content h3 {
            margin: 0;
            font-size: 22px;
            color: #ffffff;
            text-shadow: 0 2px 10px rgba(8, 30, 52, 0.4);
        }
        .home-industry-card__body .home-industry-card__content p {
            margin: 10px 0 0;
            opacity: 0;
            transform: translateY(12px);
            color: rgba(255, 255, 255, 0.86);
            line-height: 1.78;
            transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .home-industry-card__icon {
            align-self: flex-start;
            margin-bottom: 4px;
        }
        .home-industry-card:hover .home-industry-card__overlay,
        .home-industry-card:focus-within .home-industry-card__overlay {
            background: linear-gradient(160deg, rgba(8, 30, 52, 0.82), rgba(2, 83, 149, 0.6));
        }
        .home-industry-card:hover .home-industry-card__body .home-industry-card__content p,
        .home-industry-card:focus-within .home-industry-card__body .home-industry-card__content p {
            opacity: 1;
            transform: translateY(0);
        }
        .home-industry-card__icon {
            position: relative;
            z-index: 2;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 52px;
            height: 52px;
            border-radius: 16px;
            border: 1px solid rgba(255, 255, 255, 0.24);
            background: rgba(255, 255, 255, 0.16);
            color: #ffffff;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0.14em;
            flex-shrink: 0;
            transition: transform var(--transition-base), background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-base);
        }
        .home-industry-card:hover .home-industry-card__icon,
        .home-industry-card:focus-within .home-industry-card__icon {
            transform: translateY(-2px) scale(1.04);
            background: #ffffff;
            border-color: rgba(255, 255, 255, 0.32);
            color: var(--brand-blue);
            box-shadow: 0 12px 24px rgba(2, 83, 149, 0.18);
        }
        .home-industry-card__content {
            position: relative;
            z-index: 2;
            align-self: center;
        }
        .home-industry-card__content h3 {
            margin: 0 0 10px;
            font-size: 22px;
            transition: color var(--transition-base), transform var(--transition-base);
        }
        .home-industry-card:hover .home-industry-card__content h3,
        .home-industry-card:focus-within .home-industry-card__content h3 {
            transform: translateX(2px);
        }
        .home-industry-card__content p {
            margin: 0;
            color: rgba(255, 255, 255, 0.86);
            line-height: 1.78;
            transition: color var(--transition-base);
        }
        .home-testimonials-section {
            overflow: hidden;
        }
        .home-testimonials-section .section-header {
            margin-bottom: 34px;
        }
        .testimonial-marquee {
            position: relative;
            overflow: hidden;
            margin-top: 18px;
            mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
            -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
        }
        .testimonial-marquee__track {
            display: flex;
            align-items: stretch;
            gap: 20px;
            width: max-content;
            animation: bothsixMarquee 52s linear infinite;
        }
        .testimonial-marquee:hover .testimonial-marquee__track {
            animation-play-state: paused;
        }
        .testimonial-card--marquee {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 18px;
            width: 360px;
            min-height: 255px;
            padding: 28px;
            border-radius: 8px;
            border: 1px solid rgba(2, 83, 149, 0.08);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)), linear-gradient(135deg, rgba(224, 200, 112, 0.04), rgba(2, 83, 149, 0.04));
            box-shadow: 0 14px 34px rgba(13, 27, 42, 0.05);
        }
        .testimonial-card--marquee::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 8px;
            border: 1px solid rgba(255, 255, 255, 0.35);
            pointer-events: none;
        }
        .author-avatar--photo {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            object-fit: cover;
            background: #eef2f5;
            border: 1px solid rgba(2, 83, 149, 0.08);
            box-shadow: 0 8px 18px rgba(13, 27, 42, 0.08);
        }
        .testimonial-card--marquee .author-row {
            gap: 14px;
        }
        .testimonial-card--marquee .quote-mark {
            margin-top: 2px;
            font-size: 34px;
        }
        .testimonial-card--marquee .quote-text {
            margin: 0;
            font-size: 15px;
            line-height: 1.86;
            color: #495666;
        }
        .testimonial-card--marquee .author-title {
            max-width: 220px;
            line-height: 1.5;
        }
        @keyframes bothsixMarquee {
            0% {
                transform: translateX(calc(-50% - 10px));
            }
            
            100% {
                transform: translateX(0);
            }
        }
        @media (max-width: 900px) {
            .timeline.timeline--vertical::before {
                left: 22px;
            }
            
            .timeline.timeline--vertical .timeline__item {
                grid-template-columns: 40px minmax(0, 1fr);
                gap: 16px;
                min-height: 0;
            }
            
            .timeline.timeline--vertical .timeline__marker {
                grid-column: 1;
            }
            
            .timeline.timeline--vertical .timeline__body,
            .timeline.timeline--vertical .timeline__item:nth-child(odd) .timeline__body,
            .timeline.timeline--vertical .timeline__item:nth-child(even) .timeline__body {
                grid-column: 2;
            }
            
            .timeline.timeline--vertical .timeline__year {
                position: static;
                width: auto;
                text-align: left;
                margin-bottom: 10px;
            }
        }
        @media (max-width: 767px) {
            .testimonial-card--marquee {
                width: 300px;
                min-height: 240px;
                padding: 22px;
            }
            
            .testimonial-marquee {
                mask-image: none;
                -webkit-mask-image: none;
            }
        }
        /* -----------------------------------------------------------------------------
 * 14. About Timeline & Patent Wall
 * -------------------------------------------------------------------------- */
        .timeline-container {
            position: relative;
            padding: 10px 0;
        }
        .timeline-container::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            width: 2px;
            background: #d4d4d4;
            transform: translateX(-50%);
        }
        .timeline-item {
            position: relative;
            display: flex;
            align-items: center;
            gap: 96px;
            width: 100%;
            margin-bottom: 26px;
        }
        .timeline-item:last-child {
            margin-bottom: 0;
        }
        .timeline-item::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #025395;
            border: 2px solid #ffffff;
            box-shadow: 0 0 0 8px rgba(2, 83, 149, 0.1);
            transform: translate(-50%, -50%);
            transition: transform var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
            z-index: 2;
        }
        .timeline-item--left {
            justify-content: flex-start;
        }
        .timeline-item--right {
            justify-content: flex-end;
        }
        .timeline-date,
        .timeline-content {
            width: calc(50% - 48px);
        }
        .timeline-date {
            font-family: var(--font-en);
            font-size: 28px;
            line-height: 1;
            font-weight: 600;
            color: #e0c870;
        }
        .timeline-item--left .timeline-date {
            order: 1;
            padding-right: 30px;
            text-align: right;
        }
        .timeline-item--left .timeline-content {
            order: 2;
        }
        .timeline-item--right .timeline-date {
            order: 2;
            padding-left: 30px;
            text-align: left;
        }
        .timeline-item--right .timeline-content {
            order: 1;
        }
        .timeline-content {
            padding: 26px 28px;
            border-radius: 8px;
            background: #ffffff;
            border: 1px solid rgba(2, 83, 149, 0.08);
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.03);
            transition: transform var(--transition-base), box-shadow var(--transition-base);
        }
        .timeline-content h3 {
            margin: 0;
            font-size: 22px;
            line-height: 1.35;
            color: var(--color-text);
        }
        .timeline-content p {
            margin: 12px 0 0;
            line-height: 1.85;
            color: var(--color-text-muted);
        }
        .timeline-item--left:hover .timeline-content {
            transform: translateX(-5px);
            box-shadow: 0 16px 38px rgba(13, 27, 42, 0.08);
        }
        .timeline-item--right:hover .timeline-content {
            transform: translateX(5px);
            box-shadow: 0 16px 38px rgba(13, 27, 42, 0.08);
        }
        .timeline-item:hover::before {
            background: #e0c870;
            transform: translate(-50%, -50%) scale(1.2);
            box-shadow: 0 0 0 12px rgba(224, 200, 112, 0.12), 0 0 16px rgba(224, 200, 112, 0.28);
        }
        .about-patents__grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 30px;
        }
        .patent-card {
            position: relative;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            min-height: 100%;
            border-radius: 8px;
            background: #ffffff;
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.03);
            border: 1px solid rgba(2, 83, 149, 0.04);
            transition: transform var(--transition-base), box-shadow var(--transition-base);
        }
        .patent-card:hover,
        .patent-card:focus-within {
            transform: translateY(-6px);
            box-shadow: 0 16px 40px rgba(2, 83, 149, 0.08);
        }
        .patent-card__cover {
            position: relative;
            display: grid;
            place-items: center;
            aspect-ratio: 3 / 4;
            background: radial-gradient(circle at top left, rgba(224, 200, 112, 0.16), transparent 30%), linear-gradient(145deg, #f4f5f7, #eef2f6);
            color: #9aa4af;
        }
        .patent-card__cover-image {
            display: block;
            width: 100%;
            aspect-ratio: 3 / 4;
            object-fit: cover;
            background: #f4f5f7;
        }
        .patent-card__cover::before,
        .patent-card__cover::after {
            content: "";
            position: absolute;
            inset: 18px;
            border: 1px solid rgba(2, 83, 149, 0.06);
        }
        .patent-card__cover::after {
            inset: auto 24px 24px auto;
            width: 72px;
            height: 72px;
            border: 0;
            background-image: linear-gradient(rgba(2, 83, 149, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(2, 83, 149, 0.08) 1px, transparent 1px);
            background-size: 12px 12px;
        }
        .patent-card__icon {
            position: relative;
            z-index: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 76px;
            height: 76px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.78);
            box-shadow: 0 12px 28px rgba(13, 27, 42, 0.06);
        }
        .patent-card__body {
            display: flex;
            flex-direction: column;
            gap: 10px;
            padding: 22px 22px 20px;
        }
        .patent-card__title {
            font-size: 16px;
            line-height: 1.7;
            color: var(--color-text);
        }
        .patent-card:hover .patent-card__title,
        .patent-card:focus-within .patent-card__title {
            color: var(--brand-blue);
        }
        .patent-card__link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-top: auto;
            color: #e0c870;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            opacity: 0;
            transform: translateY(16px);
            transition: opacity var(--transition-base), transform var(--transition-base);
        }
        .patent-card__link:hover,
        .patent-card__link:focus-visible {
            color: #c6aa54;
        }
        .patent-card__link::after {
            content: ">";
            font-size: 12px;
        }
        .patent-card:hover .patent-card__link,
        .patent-card:focus-within .patent-card__link {
            opacity: 1;
            transform: translateY(0);
        }
        @media (max-width: 1180px) {
            .about-patents__grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }
        @media (max-width: 900px) {
            .timeline-container::before {
                left: 20px;
                transform: none;
            }
            
            .timeline-item,
            .timeline-item--left,
            .timeline-item--right {
                justify-content: flex-start;
                padding-left: 54px;
            }
            
            .timeline-item::before {
                left: 20px;
                transform: translateY(-50%);
            }
            
            .timeline-date,
            .timeline-content {
                width: 100%;
            }
            
            .timeline-item--left .timeline-date,
            .timeline-item--right .timeline-date,
            .timeline-item--left .timeline-content,
            .timeline-item--right .timeline-content {
                order: initial;
                margin: 0;
                padding: 0;
                text-align: left;
            }
            
            .timeline-date {
                margin-bottom: 12px;
            }
            
            .about-patents__grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            
            .contact-card__meta {
                grid-template-columns: 1fr;
            }
            
            .contact-card__meta>div:nth-child(5) {
                grid-column: auto;
            }
        }
        @media (max-width: 767px) {
            .timeline-content {
                padding: 22px 20px;
            }
            
            .timeline-content h3 {
                font-size: 20px;
            }
            
            .about-patents__grid {
                grid-template-columns: 1fr;
            }
            
            .contact-map-placeholder__label {
                left: 47.2%;
                top: 53.4%;
                right: auto;
                bottom: auto;
                justify-content: center;
                transform: translate(-50%, -118%) scale(0.92);
            }
        }
        /* -----------------------------------------------------------------------------
 * 15. V4 Refinements
 * -------------------------------------------------------------------------- */
        .site-nav .nav-link.is-current::before {
            display: none;
        }
        .site-header.is-scrolled .site-nav .nav-link.is-current,
        body.has-hero-light .site-header.is-top .site-nav .nav-link.is-current {
            color: var(--brand-blue);
            font-weight: 500;
        }
        .site-header.is-scrolled .site-nav .nav-link.is-current::after,
        body.has-hero-light .site-header.is-top .site-nav .nav-link.is-current::after {
            background: var(--brand-blue);
        }
        body.has-hero-dark .site-header.is-top .site-nav .nav-link.is-current {
            color: rgba(255, 255, 255, 0.96);
            font-weight: 500;
        }
        body.has-hero-dark .site-header.is-top .site-nav .nav-link.is-current::after {
            background: rgba(255, 255, 255, 0.92);
        }
        .home-cta .button--ghost,
        .news-hero .button--ghost {
            color: #ffffff;
            background: transparent;
            border-color: rgba(255, 255, 255, 0.55);
        }
        .home-cta .button--ghost:hover,
        .home-cta .button--ghost:focus-visible,
        .news-hero .button--ghost:hover,
        .news-hero .button--ghost:focus-visible {
            color: var(--harvest-gold);
            border-color: var(--harvest-gold);
            background: rgba(224, 200, 112, 0.08);
        }
        .testimonial-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 24px;
            margin-top: 18px;
        }
        .gtranslate_wrapper {
            position: relative;
            min-width: 152px;
        }
        .bothsix-language-switcher {
            position: relative;
            display: flex;
            align-items: center;
            width: 168px;
            color: #1a2b3d;
        }
        .bothsix-language-switcher::before {
            position: absolute;
            top: 50%;
            left: 14px;
            z-index: 1;
            transform: translateY(-50%);
            font-size: 16px;
            line-height: 1;
            pointer-events: none;
        }
        .bothsix-language-switcher[data-language-flag="cn"]::before {
            content: "";
        }
        .bothsix-language-switcher[data-language-flag="us"]::before {
            content: "";
        }
        .bothsix-language-switcher::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 14px;
            width: 8px;
            height: 8px;
            border-right: 1.5px solid currentColor;
            border-bottom: 1.5px solid currentColor;
            transform: translateY(-62%) rotate(45deg);
            opacity: 0.72;
            pointer-events: none;
        }
        .bothsix-language-switcher__select {
            appearance: none;
            -webkit-appearance: none;
            width: 100%;
            min-height: 44px;
            padding: 0 38px 0 42px;
            border: 1px solid rgba(26, 43, 61, 0.16);
            border-radius: 2px;
            background: rgba(255, 255, 255, 0.92);
            color: inherit;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0.06em;
            line-height: 1;
            cursor: pointer;
            transition: border-color var(--transition-base), background-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-base);
        }
        .bothsix-language-switcher__select:focus-visible {
            outline: none;
            border-color: var(--brand-blue);
            box-shadow: 0 0 0 3px rgba(2, 83, 149, 0.12);
        }
        body.has-hero-dark .site-header.is-top .bothsix-language-switcher {
            color: #ffffff;
        }
        body.has-hero-dark .site-header.is-top .bothsix-language-switcher__select {
            background: rgba(7, 27, 44, 0.34);
            border-color: rgba(255, 255, 255, 0.38);
            box-shadow: 0 10px 24px rgba(2, 16, 31, 0.18);
            backdrop-filter: blur(16px);
        }
        .site-header.is-scrolled .bothsix-language-switcher,
        body.has-hero-light .site-header.is-top .bothsix-language-switcher {
            color: #1a2b3d;
        }
        .site-header.is-scrolled .bothsix-language-switcher__select,
        body.has-hero-light .site-header.is-top .bothsix-language-switcher__select {
            background: rgba(255, 255, 255, 0.96);
            border-color: rgba(26, 43, 61, 0.14);
        }
        .bothsix-language-engine {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }
        .gtranslate_wrapper>.skiptranslate,
        .gtranslate_wrapper>.gt_switcher,
        .gtranslate_wrapper>.gt_float_switcher,
        .gtranslate_wrapper>.switcher {
            display: none !important;
        }
        .goog-te-banner-frame.skiptranslate,
        .skiptranslate iframe {
            display: none !important;
        }
        body.skiptranslate {
            top: 0 !important;
        }
        .gtranslate_wrapper {
            min-width: 156px;
        }
        .bothsix-language-switcher {
            width: 156px;
        }
        .bothsix-language-switcher::before,
        .bothsix-language-switcher::after {
            content: none;
            display: none;
        }
        .bothsix-language-switcher__native {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }
        .bothsix-language-switcher__trigger {
            position: relative;
            display: inline-flex;
            align-items: center;
            gap: 12px;
            width: 100%;
            min-height: 48px;
            padding: 0 16px 0 14px;
            border: 1px solid transparent;
            border-radius: 6px;
            background: rgba(255, 255, 255, 0.96);
            color: inherit;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            cursor: pointer;
            transition: background-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base), border-color var(--transition-base);
        }
        .bothsix-language-switcher__trigger:hover,
        .bothsix-language-switcher__trigger:focus-visible {
            outline: none;
            box-shadow: 0 8px 20px rgba(13, 27, 42, 0.12);
            transform: translateY(-1px);
        }
        .bothsix-language-switcher__flag {
            flex: 0 0 auto;
            width: 18px;
            height: 12px;
            border-radius: 3px;
            border: 1px solid rgba(13, 27, 42, 0.08);
            box-shadow: 0 1px 3px rgba(13, 27, 42, 0.12);
            background-color: #ffffff;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            overflow: hidden;
        }
        .bothsix-language-switcher__flag[data-flag-code="cn"] {
            background: radial-gradient(circle at 28% 32%, #f6d04d 0 13%, transparent 15%), linear-gradient(180deg, #de2910 0%, #de2910 100%);
        }
        .bothsix-language-switcher__flag[data-flag-code="us"] {
            background: linear-gradient(90deg, #21468b 0 44%, transparent 44%), repeating-linear-gradient(180deg, #b22234 0 10%, #ffffff 10% 20%);
        }
        .bothsix-language-switcher__current {
            display: flex;
            align-items: baseline;
            gap: 7px;
            min-width: 0;
            flex: 1;
        }
        .bothsix-language-switcher__code,
        .bothsix-language-switcher__option-code {
            flex: 0 0 auto;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            opacity: 0.62;
        }
        .bothsix-language-switcher__label,
        .bothsix-language-switcher__option-label {
            min-width: 0;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.01em;
            white-space: nowrap;
        }
        .bothsix-language-switcher__chevron {
            flex: 0 0 auto;
            width: 9px;
            height: 9px;
            margin-left: auto;
            border-right: 1.5px solid currentColor;
            border-bottom: 1.5px solid currentColor;
            transform: translateY(-1px) rotate(45deg);
            opacity: 0.64;
            transition: transform var(--transition-base), opacity var(--transition-base);
        }
        .bothsix-language-switcher.is-open .bothsix-language-switcher__chevron {
            transform: translateY(2px) rotate(-135deg);
            opacity: 0.9;
        }
        .bothsix-language-switcher__menu {
            position: absolute;
            top: calc(100% + 10px);
            left: 0;
            z-index: 40;
            display: grid;
            width: 100%;
            padding: 8px;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.94);
            border: 1px solid rgba(255, 255, 255, 0.72);
            box-shadow: 0 18px 40px rgba(13, 27, 42, 0.14);
            backdrop-filter: blur(18px);
        }
        .bothsix-language-switcher__menu[hidden] {
            display: none !important;
        }
        .bothsix-language-switcher__option {
            display: flex;
            align-items: center;
            gap: 12px;
            width: 100%;
            padding: 10px 12px;
            border: 0;
            border-radius: 8px;
            background: transparent;
            color: #163049;
            text-align: left;
            cursor: pointer;
            transition: background-color 0.24s ease, color 0.24s ease, transform 0.24s ease;
        }
        .bothsix-language-switcher__option:hover,
        .bothsix-language-switcher__option:focus-visible {
            outline: none;
            background: rgba(2, 83, 149, 0.06);
            color: #0f2740;
            transform: translateX(2px);
        }
        .bothsix-language-switcher__option.is-active {
            background: rgba(2, 83, 149, 0.09);
            color: var(--brand-blue);
        }
        .bothsix-language-switcher__meta {
            display: flex;
            align-items: baseline;
            gap: 8px;
            min-width: 0;
        }
        .bothsix-language-switcher__option.is-active .bothsix-language-switcher__option-code {
            opacity: 0.88;
        }
        body.has-hero-dark .site-header.is-top .bothsix-language-switcher__trigger {
            background: rgba(255, 255, 255, 0.12);
            border-color: rgba(255, 255, 255, 0.24);
            box-shadow: 0 10px 24px rgba(2, 16, 31, 0.16);
            backdrop-filter: blur(16px);
        }
        .site-header.is-scrolled .bothsix-language-switcher__trigger,
        body.has-hero-light .site-header.is-top .bothsix-language-switcher__trigger {
            background: rgba(255, 255, 255, 0.96);
            border-color: rgba(255, 255, 255, 0.72);
        }
        body.has-hero-dark .site-header.is-top .site-header__cta {
            background: linear-gradient(135deg, #025395 0%, #0a6bbd 100%);
            color: #ffffff;
            border-color: rgba(255, 255, 255, 0.14);
            box-shadow: 0 14px 28px rgba(2, 83, 149, 0.32);
        }
        body.has-hero-dark .site-header.is-top .site-header__cta:hover,
        body.has-hero-dark .site-header.is-top .site-header__cta:focus-visible {
            background: linear-gradient(135deg, #0a6bbd 0%, #025395 100%);
            border-color: rgba(255, 255, 255, 0.22);
            box-shadow: 0 18px 32px rgba(2, 83, 149, 0.36);
        }
        .download-page {
            background: linear-gradient(180deg, #f6f8fb 0%, #ffffff 28%);
            padding-top: 72px;
        }
        .page-hero--downloads {
            background: linear-gradient(135deg, rgba(2, 83, 149, 0.94) 0%, rgba(0, 38, 58, 0.94) 100%);
        }
        .page-hero--downloads::before {
            background: radial-gradient(circle at 18% 18%, rgba(224, 200, 112, 0.18), transparent 24%), linear-gradient(120deg, rgba(255, 255, 255, 0.06), transparent 60%);
        }
        .download-hero__stats {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 18px;
            margin-top: 34px;
        }
        .download-stat-card {
            display: flex;
            flex-direction: column;
            gap: 8px;
            padding: 22px 24px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.08);
            backdrop-filter: blur(12px);
            color: #ffffff;
        }
        .download-stat-card strong {
            font-size: clamp(24px, 3vw, 38px);
            line-height: 1;
            font-weight: 700;
        }
        .download-stat-card span {
            color: rgba(255, 255, 255, 0.82);
        }
        .download-page__intro-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
            gap: 28px;
            margin-bottom: 34px;
        }
        .download-note-card,
        .download-quick-nav,
        .download-cta,
        .download-empty-state {
            border-radius: 24px;
            border: 1px solid rgba(2, 83, 149, 0.08);
            box-shadow: 0 20px 50px rgba(13, 27, 42, 0.08);
        }
        .download-quick-nav__list {
            display: grid;
            gap: 12px;
            margin-top: 24px;
        }
        .download-quick-nav__link {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            padding: 16px 18px;
            border: 1px solid rgba(2, 83, 149, 0.08);
            border-radius: 16px;
            background: rgba(2, 83, 149, 0.03);
            color: #163049;
            transition: transform var(--transition-base), border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
        }
        .download-quick-nav__link:hover,
        .download-quick-nav__link:focus-visible {
            color: var(--brand-blue);
            background: rgba(2, 83, 149, 0.06);
            border-color: rgba(2, 83, 149, 0.14);
            box-shadow: 0 16px 30px rgba(13, 27, 42, 0.08);
            transform: translateY(-2px);
        }
        .download-library {
            display: grid;
            gap: 28px;
        }
        .download-group {
            padding: 28px;
            border: 1px solid rgba(2, 83, 149, 0.08);
            border-radius: 24px;
            background: #ffffff;
            box-shadow: 0 18px 44px rgba(13, 27, 42, 0.06);
        }
        .download-group__header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            margin-bottom: 20px;
        }
        .download-group__title {
            margin: 0;
            color: #0d1b2a;
            font-size: clamp(24px, 3vw, 36px);
            line-height: 1.1;
        }
        .download-group--depth-1 {
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
        }
        .download-group--depth-1 .download-group__title {
            font-size: clamp(20px, 2.6vw, 28px);
        }
        .download-group__count {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 78px;
            min-height: 34px;
            padding: 0 14px;
            border-radius: 999px;
            background: rgba(2, 83, 149, 0.08);
            color: var(--brand-blue);
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            white-space: nowrap;
        }
        .download-subgroups {
            display: grid;
            gap: 18px;
        }
        .download-subgroup-card {
            padding: 22px 24px;
            border-radius: 20px;
            background: linear-gradient(180deg, rgba(247, 249, 252, 0.96) 0%, #ffffff 100%);
            border: 1px solid rgba(13, 27, 42, 0.06);
        }
        .download-file-list {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }
        .download-file-card {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            padding: 16px 18px;
            border-radius: 18px;
            border: 1px solid rgba(2, 83, 149, 0.08);
            background: rgba(2, 83, 149, 0.02);
            color: #163049;
            transition: transform var(--transition-base), border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
        }
        .download-file-card:hover,
        .download-file-card:focus-visible {
            color: #0f2740;
            background: rgba(2, 83, 149, 0.05);
            border-color: rgba(2, 83, 149, 0.14);
            box-shadow: 0 16px 30px rgba(13, 27, 42, 0.08);
            transform: translateY(-2px);
        }
        .download-file-card__meta,
        .download-file-card__detail {
            display: flex;
            flex-direction: column;
            gap: 6px;
            min-width: 0;
        }
        .download-file-card__format {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: fit-content;
            min-height: 24px;
            padding: 0 10px;
            border-radius: 999px;
            background: rgba(2, 83, 149, 0.1);
            color: var(--brand-blue);
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .download-file-card__name {
            font-size: 15px;
            font-weight: 600;
            line-height: 1.45;
            word-break: break-word;
        }
        .download-file-card__detail {
            align-items: flex-end;
            color: rgba(22, 48, 73, 0.72);
            text-align: right;
            flex: 0 0 auto;
        }
        .download-file-card__action {
            color: var(--brand-blue);
            font-weight: 700;
        }
        .download-cta {
            margin-top: 34px;
        }
        .download-cta__actions {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            margin-top: 26px;
        }
        @media (max-width: 1080px) {
            .download-hero__stats,
            .download-page__intro-grid,
            .download-file-list {
                grid-template-columns: 1fr;
            }
        }
        @media (max-width: 720px) {
            .download-group,
            .download-subgroup-card {
                padding: 20px;
            }
            
            .download-group__header,
            .download-file-card {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .download-file-card__detail {
                align-items: flex-start;
                text-align: left;
            }
        }
        .site-header__download-wrap {
            position: relative;
            display: inline-flex;
            align-items: center;
        }
        .site-header__download {
            position: relative;
            display: inline-flex;
            align-items: center;
            min-height: auto;
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent !important;
            box-shadow: none !important;
            color: inherit;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0.08em;
            line-height: 1;
            text-transform: uppercase;
            white-space: nowrap;
            transition: color var(--transition-base), opacity var(--transition-base);
        }
        .site-header__download::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -10px;
            width: 100%;
            height: 1px;
            transform: scaleX(0);
            transform-origin: center;
            background: var(--harvest-gold);
            transition: transform var(--transition-base);
        }
        .site-header__download-wrap.is-mega-open .site-header__download,
        .site-header__download:hover,
        .site-header__download:focus-visible,
        .site-header__download.is-current {
            color: var(--brand-blue);
        }
        .site-header__download-wrap.is-mega-open .site-header__download::after,
        .site-header__download:hover::after,
        .site-header__download:focus-visible::after,
        .site-header__download.is-current::after {
            transform: scaleX(1);
        }
        .site-header.is-top .site-header__download {
            color: rgba(255, 255, 255, 0.92);
        }
        .site-header.is-top .site-header__download-wrap.is-mega-open .site-header__download,
        .site-header.is-top .site-header__download:hover,
        .site-header.is-top .site-header__download:focus-visible,
        .site-header.is-top .site-header__download.is-current {
            color: var(--color-accent-light);
        }
        .site-header.is-scrolled .site-header__download {
            color: #1a2b3d;
        }
        .site-header.is-scrolled .site-header__download-wrap.is-mega-open .site-header__download,
        .site-header.is-scrolled .site-header__download:hover,
        .site-header.is-scrolled .site-header__download:focus-visible,
        .site-header.is-scrolled .site-header__download.is-current {
            color: var(--brand-blue);
        }
        .download-page {
            background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 24%);
        }
        .download-browser {
            display: grid;
            grid-template-columns: minmax(280px, 0.92fr) minmax(0, 1.88fr);
            gap: 28px;
            align-items: start;
        }
        .download-sidebar,
        .download-panel,
        .download-cta,
        .download-empty-state {
            border-radius: 24px;
            border: 1px solid rgba(2, 83, 149, 0.08);
            box-shadow: 0 20px 50px rgba(13, 27, 42, 0.08);
        }
        .download-sidebar {
            position: sticky;
            top: 118px;
        }
        .download-nav-list {
            display: grid;
            gap: 12px;
            margin-top: 24px;
        }
        .download-nav-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            width: 100%;
            padding: 16px 18px;
            border: 1px solid rgba(2, 83, 149, 0.08);
            border-radius: 16px;
            background: rgba(2, 83, 149, 0.03);
            color: #163049;
            text-align: left;
            cursor: pointer;
            transition: transform var(--transition-base), border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base), color var(--transition-base);
        }
        .download-nav-item:hover,
        .download-nav-item:focus-visible {
            outline: none;
            color: var(--brand-blue);
            background: rgba(2, 83, 149, 0.06);
            border-color: rgba(2, 83, 149, 0.14);
            box-shadow: 0 16px 30px rgba(13, 27, 42, 0.08);
            transform: translateY(-2px);
        }
        .download-nav-item.is-active {
            color: #ffffff;
            background: linear-gradient(135deg, #025395 0%, #0a6bbd 100%);
            border-color: transparent;
            box-shadow: 0 20px 36px rgba(2, 83, 149, 0.22);
        }
        .download-nav-item__title {
            font-size: 15px;
            font-weight: 700;
            line-height: 1.4;
        }
        .download-nav-item__count,
        .download-panel__badge,
        .download-section__count {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 32px;
            padding: 0 12px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            white-space: nowrap;
        }
        .download-nav-item__count {
            background: rgba(2, 83, 149, 0.08);
            color: var(--brand-blue);
        }
        .download-nav-item.is-active .download-nav-item__count {
            background: rgba(255, 255, 255, 0.16);
            color: #ffffff;
        }
        .download-content {
            min-width: 0;
        }
        .download-panel {
            padding: 30px;
            background: #ffffff;
        }
        .download-panel[hidden] {
            display: none !important;
        }
        .download-panel__hero {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 18px;
            padding-bottom: 22px;
            margin-bottom: 24px;
            border-bottom: 1px solid rgba(13, 27, 42, 0.08);
        }
        .download-panel__badge,
        .download-section__count {
            background: rgba(2, 83, 149, 0.08);
            color: var(--brand-blue);
        }
        .download-panel__body,
        .download-section__children {
            display: grid;
            gap: 18px;
        }
        .download-section {
            display: grid;
            gap: 18px;
        }
        .download-section--depth-0 {
            gap: 20px;
        }
        .download-section--depth-1 {
            gap: 16px;
        }
        .download-section__header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
        }
        .download-section__title {
            margin: 0;
            color: #0d1b2a;
            font-size: clamp(24px, 3vw, 34px);
            line-height: 1.1;
        }
        .download-section--depth-1 .download-section__title {
            font-size: clamp(20px, 2.6vw, 26px);
        }
        .download-subgroup-card {
            padding: 22px 24px;
            border-radius: 20px;
            background: linear-gradient(180deg, rgba(247, 249, 252, 0.96) 0%, #ffffff 100%);
            border: 1px solid rgba(13, 27, 42, 0.06);
        }
        .download-file-list {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }
        .download-file-card {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            padding: 16px 18px;
            border-radius: 18px;
            border: 1px solid rgba(2, 83, 149, 0.08);
            background: rgba(2, 83, 149, 0.02);
            color: #163049;
            transition: transform var(--transition-base), border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
        }
        .download-file-card:hover,
        .download-file-card:focus-visible {
            color: #0f2740;
            background: rgba(2, 83, 149, 0.05);
            border-color: rgba(2, 83, 149, 0.14);
            box-shadow: 0 16px 30px rgba(13, 27, 42, 0.08);
            transform: translateY(-2px);
        }
        .download-file-card__meta,
        .download-file-card__detail {
            display: flex;
            flex-direction: column;
            gap: 6px;
            min-width: 0;
        }
        .download-file-card__format {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: fit-content;
            min-height: 24px;
            padding: 0 10px;
            border-radius: 999px;
            background: rgba(2, 83, 149, 0.1);
            color: var(--brand-blue);
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
        .download-file-card__name {
            font-size: 15px;
            font-weight: 600;
            line-height: 1.45;
            word-break: break-word;
        }
        .download-file-card__detail {
            align-items: flex-end;
            color: rgba(22, 48, 73, 0.72);
            text-align: right;
            flex: 0 0 auto;
        }
        .download-file-card__action {
            color: var(--brand-blue);
            font-weight: 700;
        }
        .download-cta {
            margin-top: 34px;
        }
        .download-cta__actions {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            margin-top: 26px;
        }
        @media (max-width: 1080px) {
            .download-browser,
            .download-file-list {
                grid-template-columns: 1fr;
            }
            
            .download-sidebar {
                position: static;
            }
        }
        @media (max-width: 720px) {
            .download-panel,
            .download-sidebar,
            .download-subgroup-card {
                padding: 20px;
            }
            
            .download-panel__hero,
            .download-section__header,
            .download-file-card {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .download-file-card__detail {
                align-items: flex-start;
                text-align: left;
            }
        }
        .testimonial-card--static {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 18px;
            min-height: 255px;
            padding: 28px;
            border-radius: 8px;
            border: 1px solid rgba(2, 83, 149, 0.08);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)), linear-gradient(135deg, rgba(224, 200, 112, 0.04), rgba(2, 83, 149, 0.04));
            box-shadow: 0 14px 34px rgba(13, 27, 42, 0.05);
        }
        .testimonial-card--static::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 8px;
            border: 1px solid rgba(255, 255, 255, 0.35);
            pointer-events: none;
        }
        .testimonial-card--static .author-row {
            gap: 14px;
        }
        .testimonial-card--static .quote-mark {
            margin-top: 2px;
            font-size: 34px;
        }
        .testimonial-card--static .quote-text {
            margin: 0;
            font-size: 15px;
            line-height: 1.86;
            color: #495666;
        }
        .testimonial-card--static .author-title {
            max-width: 220px;
            line-height: 1.5;
        }
        .news-list-note {
            margin: 6px 0 0;
            font-size: 15px;
            line-height: 1.8;
            color: var(--steel-600);
        }
        .filter-accordion summary {
            padding-right: 28px;
        }
        .filter-accordion summary::after {
            content: "";
            width: 10px;
            height: 10px;
            right: 2px;
            border-right: 1.6px solid currentColor;
            border-bottom: 1.6px solid currentColor;
            font-size: 0;
            transform: translateY(-60%) rotate(45deg);
        }
        .filter-accordion[open] summary::after {
            transform: translateY(-32%) rotate(225deg);
        }
        .about-patents__actions {
            display: flex;
            justify-content: center;
            margin-top: 34px;
        }
        .js-expand-patents.is-hidden {
            display: none;
        }
        .about-patents__more {
            display: none;
            margin-top: 30px;
        }
        .about-patents__more.is-visible {
            display: block;
        }
        .patent-expand-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 24px;
        }
        .patent-card--expanded {
            min-height: auto;
        }
        /* ── Factory Gallery (About Page) ── */
        .about-factory {
            background: var(--steel-50, #f8f9fb);
        }
        .factory-gallery {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }
        .factory-gallery__item {
            position: relative;
            margin: 0;
            border-radius: 10px;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.04);
            transition: box-shadow 0.35s ease, transform 0.35s ease;
        }
        .factory-gallery__item:hover {
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.08);
            transform: translateY(-3px);
        }
        .factory-gallery__item img {
            display: block;
            width: 100%;
            height: 220px;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        .factory-gallery__item:hover img {
            transform: scale(1.04);
        }
        .factory-gallery__item figcaption {
            padding: 12px 16px;
            font-size: 14px;
            font-weight: 500;
            color: var(--steel-700, #374151);
            background: #fff;
            line-height: 1.4;
        }
        .factory-gallery__item--featured {
            grid-column: 1 / -1;
        }
        .factory-gallery__item--featured img {
            height: 380px;
        }
        @media (max-width: 900px) {
            .factory-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 14px;
            }
            
            .factory-gallery__item--featured img {
                height: 260px;
            }
            
            .factory-gallery__item img {
                height: 180px;
            }
        }
        @media (max-width: 560px) {
            .factory-gallery {
                grid-template-columns: 1fr;
                gap: 14px;
            }
            
            .factory-gallery__item--featured img,
            .factory-gallery__item img {
                height: 220px;
            }
        }
        @media (max-width: 1180px) {
            .home-solutions-grid,
            .home-industries-grid,
            .testimonial-grid,
            .patent-expand-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            
            .factory-slide {
                flex-basis: 100%;
            }
        }
        @media (max-width: 900px) {
            .home-solutions-grid,
            .home-industries-grid,
            .testimonial-grid {
                grid-template-columns: 1fr;
            }
            
            .factory-carousel__controls {
                justify-content: stretch;
            }
            
            .factory-carousel__button {
                flex: 1;
                min-width: 0;
            }
        }
        @media (max-width: 767px) {
            .patent-expand-grid {
                grid-template-columns: 1fr;
            }
        }
        /* ==========================================================================

/* ==========================================================================

/* ==========================================================================

/* ==========================================================================

/* ==========================================================================
   Mega Menu �� Product Center
   ========================================================================== */
        .download-mega-menu {
            position: absolute;
            top: 100%;
            left: 50%;
            width: min(900px, calc(100vw - 32px));
            transform: translateX(-50%) translateY(-4px);
            z-index: 998;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
        }
        .download-mega-menu.is-visible {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) translateY(0);
            pointer-events: auto;
        }
        .download-mega__inner {
            display: flex;
            width: 900px;
            height: 472px;
            background: #fff;
            border-radius: 18px;
            box-shadow: 0 26px 70px rgba(12, 28, 46, .12), 0 0 0 1px rgba(14, 32, 54, .04);
            overflow: hidden;
        }
        .download-mega__sidebar {
            flex: 0 0 184px;
            padding: 10px;
            background: linear-gradient(180deg, #f7fafd 0%, #f2f6fb 100%);
            border-right: 1px solid #edf2f7;
        }
        .download-mega__tab {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            padding: 12px 13px;
            border-radius: 12px;
            font-family: var(--font-base);
            font-size: 14px;
            font-weight: 600;
            color: #5c6d7f;
            border: none;
            background: none;
            cursor: pointer;
            text-align: left;
            transition: color .18s, background .18s, box-shadow .18s, transform .18s;
        }
        .download-mega__tab:hover {
            color: #1e293b;
            background: rgba(255, 255, 255, .9);
            transform: translateX(2px);
        }
        .download-mega__tab.is-active {
            color: #0f172a;
            background: #fff;
            box-shadow: 0 8px 22px rgba(12, 28, 46, .08);
        }
        .download-mega__tab-title {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .download-mega__tab small,
        .download-mega__quick-link small {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 24px;
            height: 20px;
            padding: 0 6px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 700;
            color: #94a3b8;
            background: #f1f5f9;
        }
        .download-mega__tab.is-active small {
            color: var(--color-accent);
            background: rgba(200, 168, 78, .12);
        }
        .download-mega__main {
            flex: 1;
            padding: 12px 16px 12px;
            height: 472px;
            max-height: none;
            overflow: hidden;
        }
        .download-mega__pane {
            display: flex;
            flex-direction: column;
            min-height: 100%;
            animation: megaFade .2s ease;
        }
        .download-mega__pane[hidden] {
            display: none;
        }
        .download-mega__hero {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 0 0 6px;
            margin-bottom: 4px;
            border-bottom: 1px solid #edf2f7;
        }
        .download-mega__hero-copy {
            max-width: 540px;
        }
        .download-mega__eyebrow,
        .download-mega__quick-links-label,
        .download-mega__section-kicker {
            display: inline-flex;
            align-items: center;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: .12em;
            text-transform: uppercase;
        }
        .download-mega__eyebrow {
            min-height: 24px;
            padding: 0 10px;
            border-radius: 999px;
            background: rgba(2, 83, 149, .08);
            color: var(--color-brand);
        }
        .download-mega__hero-title {
            margin: 4px 0 0;
            font-size: 22px;
            line-height: 1.08;
            color: #10283d;
        }
        .download-mega__hero-actions {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-shrink: 0;
        }
        .download-mega__quick-links {
            margin-bottom: 4px;
        }
        .download-mega__quick-links-label,
        .download-mega__section-kicker {
            color: #8a99a8;
        }
        .download-mega__quick-links-list {
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
            margin-top: 4px;
        }
        .download-mega__quick-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            min-height: 22px;
            padding: 0 7px;
            border-radius: 999px;
            background: rgba(2, 83, 149, .06);
            color: #2b5375;
            font-size: 9px;
            font-weight: 600;
        }
        .download-mega__section-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 4px;
        }
        .download-mega__section-title {
            margin: 0;
            font-size: 15px;
            color: #10283d;
        }
        .download-mega__files-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 6px;
        }
        .download-mega__file-card {
            display: flex;
            flex-direction: column;
            gap: 5px;
            min-height: 66px;
            padding: 7px;
            border-radius: 9px;
            border: 1px solid rgba(22, 48, 73, 0.22);
            background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
            text-decoration: none;
            box-shadow: 0 2px 10px rgba(12, 28, 46, .03);
            transition: border-color .2s, box-shadow .2s, transform .2s, background .2s;
        }
        .download-mega__file-card:hover,
        .download-mega__file-card:focus-visible {
            border-color: rgba(11, 111, 204, .32);
            box-shadow: 0 8px 18px rgba(12, 28, 46, .07);
            background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
            transform: translateY(-1px);
        }
        .download-mega__file-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
        }
        .download-mega__file-format {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 36px;
            min-height: 20px;
            padding: 0 6px;
            border-radius: 999px;
            background: rgba(2, 83, 149, .08);
            color: var(--brand-blue);
            font-size: 9px;
            font-weight: 800;
            letter-spacing: .06em;
        }
        .download-mega__file-size {
            font-size: 9px;
            color: #94a3b8;
        }
        .download-mega__file-name {
            min-height: 28px;
            font-size: 11px;
            line-height: 1.28;
            font-weight: 600;
            color: #1e293b;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .download-mega__file-action {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin-top: auto;
            font-size: 9px;
            font-weight: 700;
            color: var(--brand-blue);
        }
        .download-mega__file-action::after {
            content: "→";
            transition: transform .18s ease;
        }
        .download-mega__file-card:hover .download-mega__file-action::after,
        .download-mega__file-card:focus-visible .download-mega__file-action::after {
            transform: translateX(3px);
        }
        .mega-menu {
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%) translateY(-4px);
            z-index: 998;
            opacity: 0;
            visibility: hidden;
            transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
            pointer-events: none;
        }
        .mega-menu.is-visible {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) translateY(0);
            pointer-events: auto;
        }
        .mega-menu__inner {
            display: flex;
            width: 900px;
            height: 356px;
            background: #fff;
            border-radius: 18px;
            box-shadow: 0 26px 70px rgba(12, 28, 46, .12), 0 0 0 1px rgba(14, 32, 54, .04);
            overflow: hidden;
        }
        /* sidebar */
        .mega-menu__sidebar {
            flex: 0 0 184px;
            padding: 10px 10px;
            background: linear-gradient(180deg, #f7fafd 0%, #f2f6fb 100%);
            border-right: 1px solid #edf2f7;
        }
        .mega-menu__tab {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            padding: 12px 13px;
            border-radius: 12px;
            font-family: var(--font-base);
            font-size: 14px;
            font-weight: 600;
            color: #5c6d7f;
            border: none;
            background: none;
            cursor: pointer;
            text-align: left;
            transition: color .18s, background .18s, box-shadow .18s, transform .18s;
        }
        .mega-menu__tab:hover {
            color: #1e293b;
            background: rgba(255, 255, 255, .9);
            transform: translateX(2px);
        }
        .mega-menu__tab.is-active {
            color: #0f172a;
            font-weight: 600;
            background: #fff;
            box-shadow: 0 8px 22px rgba(12, 28, 46, .08);
        }
        .mega-menu__tab small {
            font-size: 11px;
            font-weight: 600;
            color: #94a3b8;
            background: #f1f5f9;
            padding: 1px 6px;
            border-radius: 8px;
        }
        .mega-menu__tab.is-active small {
            color: var(--color-accent);
            background: rgba(200, 168, 78, .12);
        }
        /* content */
        .mega-menu__main {
            flex: 1;
            padding: 16px 18px 14px;
            height: 356px;
            max-height: none;
            overflow: hidden;
        }
        .mega-menu__pane {
            display: flex;
            flex-direction: column;
            min-height: 100%;
            animation: megaFade .2s ease;
        }
        .mega-menu__pane[hidden] {
            display: none;
        }
        .mega-menu__hero {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 0 0 10px;
            margin-bottom: 8px;
            border-bottom: 1px solid #edf2f7;
        }
        .mega-menu__hero-copy {
            max-width: 520px;
        }
        .mega-menu__eyebrow {
            display: inline-flex;
            align-items: center;
            min-height: 28px;
            padding: 0 12px;
            border-radius: 999px;
            background: rgba(2, 83, 149, .08);
            color: var(--color-brand);
            font-size: 11px;
            font-weight: 800;
            letter-spacing: .14em;
            text-transform: uppercase;
        }
        .mega-menu__hero-title {
            margin: 8px 0 0;
            font-size: 28px;
            line-height: 1.08;
            color: #10283d;
        }
        .mega-menu__hero-actions {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 8px;
            flex-shrink: 0;
        }
        .mega-menu__action {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            min-height: 36px;
            padding: 0 14px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .04em;
            text-decoration: none;
            transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
        }
        .mega-menu__action--primary {
            color: #fff;
            background: linear-gradient(135deg, #0b6fcc 0%, #0a85dd 100%);
            box-shadow: 0 12px 24px rgba(11, 111, 204, .22);
        }
        .mega-menu__action--primary:hover {
            transform: translateY(-1px);
            box-shadow: 0 16px 30px rgba(11, 111, 204, .28);
        }
        .mega-menu__action--ghost {
            color: #17324c;
            background: #fff;
            border: 1px solid #dce6ef;
        }
        .mega-menu__action--ghost:hover {
            transform: translateY(-1px);
            background: #f8fbff;
            border-color: #cbd9e6;
        }
        .mega-menu__quick-links-label,
        .mega-menu__section-kicker {
            display: inline-flex;
            align-items: center;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: #8a99a8;
        }
        .mega-menu__quick-links {
            margin-bottom: 8px;
        }
        .mega-menu__quick-links-list {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
            margin-top: 6px;
        }
        .mega-menu__quick-link {
            display: inline-flex;
            align-items: center;
            min-height: 28px;
            padding: 0 10px;
            border-radius: 999px;
            background: rgba(2, 83, 149, .06);
            color: #2b5375;
            font-size: 11px;
            font-weight: 600;
            transition: background .18s ease, transform .18s ease, color .18s ease;
        }
        .mega-menu__quick-link:hover {
            background: rgba(2, 83, 149, .12);
            color: var(--color-brand);
            transform: translateY(-1px);
        }
        .mega-menu__section-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 8px;
        }
        .mega-menu__section-title {
            margin: 4px 0 0;
            font-size: 17px;
            color: #10283d;
        }
        @keyframes megaFade {
            from {
                opacity: 0;
                transform: translateX(4px)
            }
            
            to {
                opacity: 1;
                transform: translateX(0)
            }
        }
        /* loading */
        .mega-menu__loading {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 188px;
            padding: 20px;
        }
        .mega-menu__loading-dot {
            width: 22px;
            height: 22px;
            border: 2px solid #e2e8f0;
            border-top-color: var(--color-accent);
            border-radius: 50%;
            animation: megaSpin .6s linear infinite;
        }
        @keyframes megaSpin {
            to {
                transform: rotate(360deg);
            }
        }
        /* product grid �� 3 columns, max 9 items */
        .mega-menu__products {
            flex: 1;
            min-height: 0;
        }
        .mega-menu__products-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 8px;
            align-content: start;
        }
        .mega-menu__product-card {
            display: flex;
            gap: 8px;
            min-height: 78px;
            padding: 8px;
            border-radius: 10px;
            border: 1px solid rgba(22, 48, 73, 0.16);
            background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
            text-decoration: none;
            box-shadow: 0 4px 14px rgba(12, 28, 46, .04);
            transition: border-color .2s, box-shadow .2s, transform .2s, background .2s;
        }
        .mega-menu__product-card:hover {
            border-color: rgba(11, 111, 204, .26);
            box-shadow: 0 10px 24px rgba(12, 28, 46, .08);
            background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
            transform: translateY(-2px);
        }
        .mega-menu__product-img {
            flex: 0 0 46px;
            width: 46px;
            height: 46px;
            border-radius: 8px;
            overflow: hidden;
            background: linear-gradient(180deg, #eff5fa 0%, #e8f0f7 100%);
        }
        .mega-menu__product-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .mega-menu__product-info {
            flex: 1;
            min-width: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 2px;
        }
        .mega-menu__product-model {
            align-self: flex-start;
            padding: 2px 7px;
            border-radius: 999px;
            font-family: var(--font-en);
            font-size: 9px;
            font-weight: 700;
            color: var(--color-accent);
            background: rgba(200, 168, 78, .1);
            letter-spacing: .04em;
            text-transform: uppercase;
        }
        .mega-menu__product-name {
            margin: 0;
            font-family: var(--font-base);
            font-size: 10px;
            font-weight: 600;
            color: #1e293b;
            line-height: 1.25;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .mega-menu__product-desc {
            margin: 0;
            font-size: 9px;
            line-height: 1.35;
            color: #7a8898;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .mega-menu__product-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin-top: auto;
            font-size: 9px;
            font-weight: 700;
            color: var(--color-brand);
        }
        .mega-menu__product-link::after {
            content: "→";
            transition: transform .18s ease;
        }
        .mega-menu__product-card:hover .mega-menu__product-link::after {
            transform: translateX(3px);
        }
        .mega-menu__products-empty {
            padding: 28px 20px;
            border-radius: 16px;
            background: linear-gradient(180deg, #fbfdff 0%, #f5f9fc 100%);
            border: 1px solid #edf2f7;
            text-align: center;
            font-size: 13px;
            color: #94a3b8;
        }
        .mega-menu__products-empty-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 58px;
            height: 58px;
            margin-bottom: 10px;
            border-radius: 16px;
            background: rgba(2, 83, 149, .07);
            font-size: 28px;
        }
        /* scrollbar */
        .mega-menu__main::-webkit-scrollbar {
            width: 4px;
        }
        .mega-menu__main::-webkit-scrollbar-thumb {
            background: #e2e8f0;
            border-radius: 4px;
        }
        @media (max-width: 1180px) {
            .download-mega-menu {
                width: min(900px, calc(100vw - 32px));
            }
            
            .download-mega__files-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            
            .download-mega__hero {
                flex-direction: column;
                align-items: flex-start;
            }

            .download-mega__inner {
                width: 860px;
                height: 472px;
            }
            
            .mega-menu__inner {
                width: 860px;
            }
            
            .mega-menu__hero {
                flex-direction: column;
            }
            
            .mega-menu__hero-actions {
                align-items: flex-start;
                flex-direction: row;
                flex-wrap: wrap;
            }
        }
        @media (max-width: 1023px) {
            .download-mega-menu {
                display: none !important;
            }
            
            .mega-menu {
                display: none !important;
            }
        }
        .site-nav li.has-mega-menu.is-mega-open>a {
            color: var(--color-accent-light) !important;
        }
        /* ==========================================================================
   Product Detail Page
   ========================================================================== */
        .pdp-hero {
            padding: 56px 0 28px;
        }
        .pdp-hero__grid {
            display: grid;
            grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
            gap: 40px;
            align-items: start;
        }
        /* gallery */
        .pdp-gallery {
            position: sticky;
            top: 118px;
            display: grid;
            gap: 14px;
        }
        .pdp-gallery__main {
            padding: 18px;
            border-radius: 28px;
            overflow: hidden;
            background: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(247, 250, 252, .98) 100%);
            aspect-ratio: 4/3;
            border: 1px solid rgba(2, 83, 149, .08);
            box-shadow: 0 24px 60px rgba(15, 23, 42, .08);
        }
        .pdp-gallery__main img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            border-radius: 20px;
            background: #fff;
        }
        .pdp-gallery__thumbs {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
            gap: 12px;
        }
        .pdp-gallery__thumb {
            width: 100%;
            aspect-ratio: 1/1;
            padding: 0;
            border: 1px solid rgba(2, 83, 149, .08);
            border-radius: 18px;
            overflow: hidden;
            cursor: pointer;
            background: #fff;
            box-shadow: 0 14px 30px rgba(15, 23, 42, .06);
            transition: transform .2s, border-color .2s, box-shadow .2s;
        }
        .pdp-gallery__thumb.is-active {
            border-color: var(--color-accent);
            box-shadow: 0 18px 36px rgba(2, 83, 149, .14);
        }
        .pdp-gallery__thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .pdp-gallery__thumb:hover {
            transform: translateY(-2px);
        }
        /* summary */
        .pdp-summary {
            position: sticky;
            top: 118px;
            padding: 32px;
            border-radius: 28px;
            background: rgba(255, 255, 255, .94);
            border: 1px solid rgba(2, 83, 149, .08);
            box-shadow: 0 24px 60px rgba(15, 23, 42, .08);
            backdrop-filter: blur(18px);
        }
        .pdp-summary__tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin: 14px 0 12px;
        }
        .pdp-summary__tag {
            padding: 6px 12px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 600;
            color: var(--color-brand);
            background: rgba(2, 83, 149, .06);
            border: 1px solid rgba(2, 83, 149, .08);
            text-decoration: none;
            transition: background .2s, border-color .2s;
        }
        .pdp-summary__tag:hover {
            background: rgba(2, 83, 149, .12);
            border-color: rgba(2, 83, 149, .18);
        }
        .pdp-summary__model {
            font-family: var(--font-en);
            font-size: 13px;
            font-weight: 600;
            color: var(--color-accent);
            margin: 0 0 10px;
            letter-spacing: .04em;
        }
        .pdp-summary__title {
            font-size: clamp(30px, 3vw, 42px);
            font-weight: 700;
            line-height: 1.15;
            letter-spacing: -.02em;
            margin: 0 0 18px;
            color: #0f172a;
        }
        .pdp-summary__desc {
            font-size: 15px;
            line-height: 1.85;
            color: #475569;
            margin-bottom: 22px;
        }
        .pdp-summary__desc p {
            margin: 0;
        }
        .pdp-summary__meta {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
            margin-bottom: 22px;
        }
        .pdp-summary__meta-item {
            display: grid;
            gap: 6px;
            padding: 16px 18px;
            border-radius: 18px;
            background: linear-gradient(180deg, rgba(248, 250, 252, .96) 0%, rgba(255, 255, 255, .96) 100%);
            border: 1px solid rgba(2, 83, 149, .08);
        }
        .pdp-summary__meta-label {
            font-size: 12px;
            font-weight: 600;
            letter-spacing: .04em;
            text-transform: uppercase;
            color: #64748b;
        }
        .pdp-summary__meta-value {
            font-size: 15px;
            line-height: 1.45;
            color: #0f172a;
        }
        /* features */
        .pdp-features {
            list-style: none;
            margin: 0 0 24px;
            padding: 0;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }
        .pdp-features li {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 12px 14px;
            border-radius: 16px;
            background: rgba(248, 250, 252, .96);
            border: 1px solid rgba(2, 83, 149, .08);
            font-size: 13px;
            color: #475569;
        }
        .pdp-features li::before {
            content: "";
            width: 8px;
            height: 8px;
            flex: 0 0 8px;
            border-radius: 999px;
            background: var(--color-accent);
        }
        .pdp-summary__actions {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
        }
        /* specs section */
        .product-detail-section {
            padding: 60px 0 80px;
        }
        .pdp-tabs {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 32px;
            padding-bottom: 12px;
            border-bottom: 1px solid #e2e8f0;
        }
        .pdp-tabs .tab-item {
            padding: 10px 18px;
            font-size: 14px;
            font-weight: 600;
            line-height: 1;
            color: #64748b;
            cursor: default;
            border: 1px solid transparent;
            border-radius: 999px;
            background: rgba(248, 250, 252, .94);
            transition: color .2s, border-color .2s, background .2s;
        }
        .pdp-tabs .tab-item.active {
            color: #0f172a;
            border-color: rgba(2, 83, 149, .14);
            background: rgba(2, 83, 149, .08);
        }
        .pdp-overview {
            margin-bottom: 32px;
            padding: 32px;
            border-radius: 28px;
        }
        .pdp-overview__content {
            display: grid;
            gap: 18px;
            margin-top: 22px;
        }
        .pdp-overview__content p,
        .pdp-overview__content ul,
        .pdp-overview__content ol {
            margin: 0;
        }
        .pdp-overview__content figure,
        .pdp-overview__content .wp-block-image {
            margin: 0;
        }
        .pdp-overview__content img {
            display: block;
            width: 100%;
            height: auto;
            border-radius: 22px;
            background: #f8fafc;
            box-shadow: 0 20px 40px rgba(15, 23, 42, .08);
        }
        .pdp-section-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px 32px;
        }
        .pdp-section-block {
            margin-bottom: 24px;
        }
        .pdp-section-title {
            font-size: 24px;
            margin-top: 8px;
        }
        /* related */
        .related-products {
            margin-top: 48px;
            padding-top: 40px;
            border-top: 1px solid #f1f5f9;
        }
        @media (max-width: 767px) {
            .pdp-hero__grid {
                grid-template-columns: 1fr;
                gap: 24px;
            }
            
            .pdp-gallery,
            .pdp-summary {
                position: static;
                top: auto;
            }
            
            .pdp-summary {
                padding: 24px 20px;
                border-radius: 24px;
            }
            
            .pdp-gallery__main {
                padding: 12px;
                border-radius: 22px;
            }
            
            .pdp-gallery__thumbs {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }
            
            .pdp-summary__meta {
                grid-template-columns: 1fr;
            }
            
            .pdp-overview {
                padding: 24px 20px;
                border-radius: 24px;
            }
            
            .pdp-section-grid {
                grid-template-columns: 1fr;
            }
            
            .pdp-features {
                grid-template-columns: 1fr;
            }
        }
        /* ==========================================================================
   Pagination
   ========================================================================== */
        .catalog-pagination {
            margin-top: 40px;
            display: flex;
            justify-content: center;
        }
        .catalog-pagination .page-numbers {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .catalog-pagination .page-numbers li {
            display: inline-flex;
            margin: 0;
        }
        .catalog-pagination .page-numbers a,
        .catalog-pagination .page-numbers span {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 46px;
            height: 46px;
            padding: 0 16px;
            border-radius: 14px;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
            border: 1px solid rgba(2, 83, 149, .12);
            color: #334155;
            background: rgba(255, 255, 255, .96);
            box-shadow: 0 12px 28px rgba(15, 23, 42, .05);
            transition: transform .2s, border-color .2s, background .2s, color .2s, box-shadow .2s;
        }
        .catalog-pagination .page-numbers a:hover {
            border-color: var(--color-brand);
            background: rgba(2, 83, 149, .06);
            color: var(--color-brand);
            box-shadow: 0 16px 34px rgba(2, 83, 149, .12);
            transform: translateY(-2px);
        }
        .catalog-pagination .page-numbers .current {
            border-color: var(--color-brand);
            background: var(--color-brand);
            color: #fff;
            box-shadow: 0 18px 38px rgba(2, 83, 149, .22);
        }
        .catalog-pagination .page-numbers .dots {
            min-width: auto;
            padding: 0 4px;
            border: 0;
            background: transparent;
            box-shadow: none;
            color: #94a3b8;
        }
        .catalog-pagination .page-numbers .next,
        .catalog-pagination .page-numbers .prev {
            min-width: 92px;
        }
        @media (max-width: 767px) {
            .catalog-pagination .page-numbers {
                gap: 8px;
            }
            
            .catalog-pagination .page-numbers a,
            .catalog-pagination .page-numbers span {
                min-width: 42px;
                height: 42px;
                padding: 0 14px;
                border-radius: 12px;
            }
            
            .catalog-pagination .page-numbers .next,
            .catalog-pagination .page-numbers .prev {
                min-width: auto;
            }
        }
        @media (max-width: 767px) {
            .catalog-results {
                scroll-margin-top: 88px;
            }
            
            .site-header {
                background: transparent;
                border-bottom-color: transparent;
                box-shadow: none;
                backdrop-filter: none;
            }
            
            body.has-hero-light .site-header.is-top,
            body.has-hero-light .site-header.is-scrolled,
            .site-header.is-scrolled {
                background: transparent;
                border-bottom-color: transparent;
                box-shadow: none;
                backdrop-filter: none;
            }
            
            .site-header__inner {
                min-height: 72px;
                gap: 12px;
            }
            
            .site-header__actions {
                margin-left: auto;
                gap: 10px;
                align-items: center;
            }
            
            .menu-toggle {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 44px;
                height: 44px;
                padding: 0;
                border: 1px solid rgba(2, 83, 149, 0.14);
                border-radius: 12px;
                background: rgba(255, 255, 255, 0.94);
                box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
                color: var(--engineer-black);
                flex-shrink: 0;
            }
            
            body.home .site-header.is-top .menu-toggle,
            body.has-hero-dark .site-header.is-top .menu-toggle {
                background: rgba(255, 255, 255, 0.12);
                border-color: rgba(255, 255, 255, 0.22);
                color: #ffffff;
                box-shadow: none;
            }
            
            .site-header.is-scrolled .menu-toggle,
            body.has-hero-light .site-header.is-top .menu-toggle {
                background: rgba(255, 255, 255, 0.96);
                border-color: rgba(2, 83, 149, 0.12);
                color: var(--engineer-black);
            }
            
            .menu-toggle__box {
                position: relative;
                display: block;
                width: 18px;
                height: 14px;
            }
            
            .menu-toggle__inner,
            .menu-toggle__inner::before,
            .menu-toggle__inner::after {
                content: "";
                position: absolute;
                left: 0;
                width: 18px;
                height: 2px;
                border-radius: 999px;
                background: currentColor;
                transition: transform 0.28s ease, opacity 0.28s ease, top 0.28s ease;
            }
            
            .menu-toggle__inner {
                top: 6px;
            }
            
            .menu-toggle__inner::before {
                top: -6px;
            }
            
            .menu-toggle__inner::after {
                top: 6px;
            }
            
            .menu-toggle[aria-expanded="true"] .menu-toggle__inner {
                background: transparent;
            }
            
            .menu-toggle[aria-expanded="true"] .menu-toggle__inner::before {
                top: 0;
                transform: rotate(45deg);
            }
            
            .menu-toggle[aria-expanded="true"] .menu-toggle__inner::after {
                top: 0;
                transform: rotate(-45deg);
            }
            
            .mobile-nav-overlay {
                display: block;
                padding: 0;
                background: rgba(6, 18, 33, 0.34);
                backdrop-filter: blur(16px);
                pointer-events: none;
                z-index: 1200;
            }
            
            .mobile-nav-overlay.is-active {
                pointer-events: auto;
            }
            
            .mobile-nav-inner {
                margin-left: auto;
                width: min(88vw, 360px);
                height: 100%;
                padding: 18px;
                background: linear-gradient(180deg, rgba(4, 24, 43, 0.98) 0%, rgba(7, 31, 54, 0.96) 100%);
                box-shadow: -24px 0 60px rgba(2, 12, 27, 0.28);
                display: flex;
                flex-direction: column;
                overflow-y: auto;
                transform: translateX(100%);
                transition: transform 0.32s ease;
            }
            
            .mobile-nav-overlay.is-active .mobile-nav-inner {
                transform: translateX(0);
            }
            
            .mobile-nav__header {
                display: flex;
                justify-content: flex-end;
                margin-bottom: 12px;
            }
            
            .mobile-nav__close {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                padding: 0;
                border-radius: 12px;
                background: rgba(255, 255, 255, 0.1);
                border: 1px solid rgba(255, 255, 255, 0.14);
                color: #ffffff;
                font-size: 24px;
                line-height: 1;
                box-shadow: none;
            }
            
            .mobile-nav__list {
                gap: 10px;
                text-align: left;
            }
            
            .mobile-nav__list a {
                display: flex;
                align-items: center;
                min-height: 50px;
                padding: 0 16px;
                border-radius: 14px;
                background: rgba(255, 255, 255, 0.05);
                border: 1px solid rgba(255, 255, 255, 0.06);
                font-size: 16px;
                font-weight: 600;
            }
            
            .mobile-nav__list .nav-link.is-current {
                background: rgba(224, 200, 112, 0.12);
                border-color: rgba(224, 200, 112, 0.26);
            }
            
            .mobile-nav-footer {
                display: grid;
                gap: 12px;
                margin-top: auto;
                padding-top: 20px;
            }
            
            .mobile-nav-footer .button {
                width: 100%;
            }
            
            .mobile-nav-language {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 10px;
                margin-bottom: 4px;
            }
            
            .mobile-nav-language__option {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                min-height: 46px;
                padding: 0 14px;
                border-radius: 14px;
                background: rgba(255, 255, 255, 0.05);
                border: 1px solid rgba(255, 255, 255, 0.08);
                color: rgba(255, 255, 255, 0.78);
                font-size: 14px;
                font-weight: 600;
                cursor: pointer;
                transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
            }
            
            .mobile-nav-language__option:hover,
            .mobile-nav-language__option:focus-visible {
                outline: none;
                background: rgba(255, 255, 255, 0.1);
                color: #ffffff;
            }
            
            .mobile-nav-language__option.is-active {
                background: linear-gradient(135deg, #025395 0%, #0a6bbd 100%);
                border-color: rgba(255, 255, 255, 0.18);
                color: #ffffff;
                box-shadow: 0 10px 22px rgba(2, 83, 149, 0.28);
            }
            
            .page-hero .section-heading,
            .archive-hero .section-heading,
            .page-hero--about .section-heading,
            .page-hero--contact .section-heading,
            .page-hero--news .section-heading {
                font-size: 28px;
                line-height: 1.15;
            }
            
            .page-hero .section-intro,
            .archive-hero .section-intro {
                font-size: 14px;
                line-height: 1.7;
            }
            
            .catalog-layout {
                gap: 12px;
                padding: 12px 0 20px;
            }
            
            .catalog-sidebar__toggle {
                min-height: 44px;
                margin-bottom: 8px;
                border-radius: 14px;
                font-size: 12px;
            }
            
            .catalog-sidebar__panel {
                padding: 16px;
                border-radius: 20px;
            }
            
            .product-grid-archive {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 12px 10px;
            }
            
            .product-archive-page {
                padding-bottom: 20px;
            }
            
            .section--product-archive {
                padding: 8px 0 20px;
            }
            
            .product-mini-card {
                border-radius: 16px;
            }
            
            .product-mini-card .img-box {
                padding: 12px;
            }
            
            .product-mini-card .info {
                padding: 12px 12px 14px;
            }
            
            .product-mini-card__taxonomy,
            .product-mini-card .model-code {
                font-size: 10px;
                line-height: 1.45;
            }
            
            .product-mini-card .name {
                font-size: 14px;
                margin: 4px 0 6px;
            }
            
            .product-mini-card .product-card__summary {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                font-size: 11px;
                line-height: 1.55;
                min-height: 3.4em;
            }
            
            .product-mini-card .spec-tags,
            .product-mini-card__filter-tags {
                display: none;
            }
            
            .product-mini-card .product-card__actions {
                margin-top: 8px;
            }
            
            .product-mini-card .button--ghost {
                min-height: 34px;
                padding: 0 10px;
                border-radius: 10px;
                font-size: 11px;
                letter-spacing: 0.02em;
            }
            
            .section-header {
                margin-bottom: 24px;
            }
            
            .catalog-pagination {
                margin-top: 20px;
                margin-bottom: 0;
            }
            
            .site-footer {
                margin-top: 0;
            }
        }