/* Front-end visual reconstruction of the legacy Hexblue website.
   The content layer is new; colors, spacing, navigation and list treatment
   follow the original Wanwang desktop template. */
:root { --orange:#ff9900; --orange-light:#ff9d43; --text:#404040; --gray:#999; --line:#eee; --site-width:1143px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scrollbar-width:none; }
html::-webkit-scrollbar { display:none; width:0; height:0; }
body { margin:0; overflow-y:auto; color:var(--text); font-family:Tahoma, Arial, "Microsoft YaHei", sans-serif; font-size:14px; background:#fff; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
button,input,textarea { font:inherit; }
html.i18n-loading body { visibility:hidden; }
.skip-link { position:absolute; left:-9999px; }
.skip-link:focus { left:10px; top:10px; z-index:99; padding:10px; background:#fff; }
.shell { width:var(--site-width); max-width:calc(100% - 40px); margin:0 auto; }

/* Values measured from the original desktop template: 78px header, 790px nav and 158px cells. */
.site-header { height:78px; background:#fff; border-bottom:0; position:relative; z-index:20; }
.site-header .header-shell { width:976px; max-width:none; height:78px; margin:0 auto; position:relative; display:flex; align-items:stretch; }
.brand { flex:0 0 176px; display:flex; align-items:flex-start; height:78px; overflow:visible; }
.brand img { position:relative; left:-1px; width:72px; height:75px; max-width:none; object-fit:contain; }
.nav-links { display:flex; align-items:stretch; width:790px; height:78px; margin:0; }
.nav-link { position:relative; min-width:158px; width:158px; height:78px; padding:0; display:flex; align-items:center; justify-content:center; color:#4a4a4a; font-family:Tahoma,Arial,sans-serif; font-size:14px; white-space:nowrap; transition:color .24s ease; }
.nav-link:hover,.nav-link.active { color:#ff9900; }
.nav-link.active { color:#ff9d43; }
.nav-link::after { content:""; position:absolute; right:0; bottom:0; left:0; height:6px; background:#ff9d43; transform:scaleX(0); transform-origin:center; transition:transform .28s cubic-bezier(.22,.61,.36,1); }
.nav-link.active::after,.nav-link:hover::after { transform:scaleX(1); }
.language { position:absolute; top:45px; left:984px; display:flex; width:186px; height:20px; align-items:center; white-space:nowrap; }
.language button { display:flex; align-items:center; border:0; background:transparent; color:#777; height:20px; margin:0; padding:0; font-family:Arial,sans-serif; font-size:12px; cursor:pointer; }
.language button:first-child { width:76px; }
.language button:last-child { width:70px; }
.language img { width:20px; height:20px; max-width:none; margin-right:5px; }
.language i { display:block; width:1px; height:20px; margin:0 5px 0 0; background:#ddd; }
.language button.active,.language button:hover { color:#555; }
.language-select { width:auto; min-width:132px; }
.language-select select { min-width:132px; height:36px; padding:0 30px 0 11px; border:1px solid #d8dee8; border-radius:8px; background:#fff; color:#33445a; font:600 12px/1 Arial,sans-serif; cursor:pointer; }
.language-select select:focus-visible { outline:3px solid rgb(47 111 203 / 32%); outline-offset:2px; }
.cms-page-block { padding:clamp(54px,7vw,92px) 0; border-top:1px solid #e7ebf0; background:#fff; }
.cms-page-block:nth-child(even) { background:#f6f8fb; }
.cms-page-block__grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:clamp(32px,6vw,78px); align-items:center; }
.cms-page-block__copy > p { margin:0 0 10px; color:#e76b2f; font-size:11px; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
.cms-page-block__copy h2 { margin:0 0 18px; color:#14283f; font-size:clamp(28px,4vw,46px); line-height:1.1; }
.cms-page-block__copy article { color:#59687a; font-size:16px; line-height:1.75; }
.cms-page-block__copy .legacy-button { margin-top:22px; }
.cms-page-block figure { overflow:hidden; margin:0; border-radius:18px; background:#e9edf2; box-shadow:0 18px 48px rgb(22 42 66 / 12%); }
.cms-page-block img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }
@media (max-width:760px) { .cms-page-block__grid { grid-template-columns:1fr; } }
body:has(.about-thinking) .language,body:has(.team-showcase) .language,body:has(.legacy-about-page) .language { display:none; }
body:has(.legacy-about-page) .site-header .header-shell { left:-6px; }
.menu-toggle { display:none; border:0; background:transparent; margin-left:auto; font-size:24px; }

.legacy-hero { height:924px; min-height:0; background:#111; position:relative; overflow:hidden; }
.legacy-slide { position:absolute; inset:0; display:none; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }
.legacy-slide.is-active { display:block; }
.legacy-slide-brands { background-image:url('/media/hero-brands.jpg'); }
.legacy-slide-light { background-image:url('/media/hero-focus.png'); }
.hero-copy { position:absolute; margin:0; font-family:Arial,"Microsoft YaHei",sans-serif; }
.hero-copy h1,.hero-copy h2,.hero-copy p { margin:0; font-weight:normal; white-space:nowrap; }
.hero-copy h1 { font-size:78px; line-height:78px; }
.hero-copy h2 { margin-top:18px; font-size:40px; line-height:40px; }
.hero-copy h2 span { color:#0099ff; }
.hero-copy p { margin-top:15px; font-size:14px; line-height:14px; }
.hero-copy p b { font-weight:bold; }
.hero-copy-brands { top:234px; left:1200px; width:674px; color:#fff; }
.hero-copy-brands h2 { color:#fff; }
.hero-copy-brands p { color:#ddd; }
.hero-copy-brands p b { color:#ff0033; }
.hero-copy-light { top:247px; left:178px; width:786px; color:#333; }
.hero-copy-light h2 { color:#333; }
.hero-copy-light p { color:#444; }
.hero-copy-light p b { color:#ff9900; }
.hero-details { display:block; width:180px; height:37px; margin-top:60px; border:2px solid; border-radius:106px; font-family:Tahoma,Arial,sans-serif; font-size:12px; line-height:33px; text-align:center; transition:background .2s,color .2s; }
.hero-details-light { margin-left:9px; color:#fff; border-color:#fff; }
.hero-details-dark { margin-left:-3px; color:#000; border-color:#ff9900; }
.hero-arrow { position:absolute; top:50%; z-index:3; width:60px; height:61px; margin-top:-30px; padding:0; border:0; border-radius:0; background:rgba(0,0,0,.49); color:rgba(255,255,255,.8); font-family:Arial,sans-serif; font-size:51px; font-weight:200; line-height:54px; cursor:pointer; }
.hero-arrow-left { left:20px; }
.hero-arrow-right { right:20px; }
.legacy-side-tools { position:fixed; right:8px; top:280px; z-index:30; width:60px; background:#52abe0; }
.legacy-side-tools a,.legacy-side-tools button { display:grid; width:60px; height:60px; place-items:center; padding:0; border:0; border-bottom:1px solid rgba(255,255,255,.6); background:transparent; color:#fff; font-family:Arial,sans-serif; font-size:29px; line-height:1; cursor:pointer; }
.legacy-side-tools a:hover,.legacy-side-tools button:hover { background:#399bd5; }
.legacy-button { display:inline-block; min-width:145px; padding:12px 25px; margin-top:28px; text-align:center; color:#fff; background:var(--orange); border:1px solid var(--orange); font-size:14px; transition:all .2s; }
.legacy-button:hover { background:#fff; color:var(--orange); }
.legacy-button.outline { color:var(--orange); background:#fff; }
.legacy-button.outline:hover { color:#fff; background:var(--orange); }

.legacy-section { padding:77px 0 82px; }
.legacy-section.gray { background:#fafafa; }
.legacy-title { text-align:center; margin:0 0 42px; font-size:26px; font-weight:normal; color:#333; line-height:1.3; }
.legacy-title::after { content:""; display:block; width:38px; height:2px; margin:17px auto 0; background:var(--orange); }
.legacy-subtitle { max-width:790px; margin:-25px auto 42px; color:#888; line-height:1.9; text-align:center; }
.service-row { display:grid; grid-template-columns:repeat(3,1fr); gap:46px; text-align:center; }
.service-row article { padding:8px 19px; }
.service-icon { display:grid; width:62px; height:62px; place-items:center; margin:0 auto 22px; border:1px solid var(--orange); border-radius:50%; color:var(--orange); font-size:22px; }
.service-row h3 { margin:0 0 13px; color:#333; font-size:17px; font-weight:normal; }
.service-row p { margin:0; color:#888; font-size:13px; line-height:1.9; }

/* Measured from the legacy site's five compatibility-brand tiles. */
.compatibility-strip { height:204px; padding-top:23px; background:#fff; overflow:hidden; }
.compatibility-grid { display:grid; grid-template-columns:repeat(5,240px); width:1200px; height:182px; margin:0 auto; }
.compatibility-grid article { position:relative; min-width:0; height:182px; }
.compatibility-grid img { position:absolute; top:36px; left:18px; width:68px; height:68px; object-fit:contain; }
.compatibility-grid article > div { position:absolute; top:29px; left:82px; width:152px; text-align:center; }
.compatibility-grid span { display:block; color:#888; font-size:10px; line-height:13px; }
.compatibility-grid h2 { margin:4px 0 9px; color:#222; font-size:16px; line-height:19px; font-weight:normal; white-space:nowrap; }
.compatibility-grid small { display:block; color:#999; font-size:10px; line-height:13px; }
.home-release { height:720px; padding-top:21px; background:#fff; overflow:hidden; text-align:center; }
.home-release h2 { margin:0; color:#ff7153; font-size:28px; line-height:45px; letter-spacing:5px; font-weight:bold; }

.catalog-empty { min-height:224px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #ececec; background:#fff; color:#999; text-align:center; }
.catalog-empty strong { color:#555; font-size:16px; font-weight:normal; margin:11px 0; }
.catalog-empty p { max-width:560px; margin:0; line-height:1.8; }
.catalog-empty .legacy-button { margin-top:19px; }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:33px; }
.product-card { display:block; overflow:hidden; color:#404040; text-align:center; }
.product-pic { height:244px; background:#f7f7f7; overflow:hidden; }
.product-pic img { width:100%; height:100%; object-fit:cover; transition:transform .3s linear; }
.product-card:hover .product-pic img { transform:scale(1.08); }
.product-card h3 { margin:12px 0 7px; font-size:14px; font-weight:bold; line-height:1.8; }
.product-card p { margin:0; color:#999; font-size:12px; line-height:1.6; }
.product-detail { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(310px,.94fr); gap:70px; padding-top:48px; padding-bottom:74px; }
.product-detail__media { min-width:0; }
.product-detail__primary { display:block; width:100%; min-height:420px; max-height:620px; object-fit:cover; background:#f4f4f4; }
.product-detail__placeholder { display:grid; min-height:420px; place-items:center; background:linear-gradient(135deg,#f7f7f7,#e8e8e8); color:#aaa; font-size:12px; letter-spacing:.18em; }
.product-detail__thumbs { display:flex; gap:10px; margin-top:12px; overflow-x:auto; padding-bottom:4px; }
.product-detail__thumbs button { width:66px; height:62px; flex:0 0 auto; padding:0; overflow:hidden; border:1px solid #dedede; background:#fff; cursor:pointer; }
.product-detail__thumbs button.active { border-color:var(--orange); box-shadow:inset 0 0 0 1px var(--orange); }
.product-detail__thumbs img { width:100%; height:100%; object-fit:cover; }
.product-detail__copy { align-self:center; }
.product-detail__eyebrow { margin:0 0 12px; color:var(--orange); font-size:11px; font-weight:bold; letter-spacing:.14em; text-transform:uppercase; }
.product-detail__copy h1 { margin:0; color:#333; font-size:37px; line-height:1.2; font-weight:normal; }
.product-detail__lead { margin:20px 0 28px; color:#777; font-size:15px; line-height:1.9; }
.product-detail__copy dl { margin:0 0 30px; border-top:1px solid #ececec; }
.product-detail__copy dl div { display:grid; grid-template-columns:118px 1fr; gap:12px; padding:11px 0; border-bottom:1px solid #ececec; font-size:13px; }
.product-detail__copy dt { color:#999; }
.product-detail__copy dd { margin:0; color:#444; }
.product-detail__description { padding:72px 0 78px; background:#f6f6f6; }
.product-detail__description article { max-width:850px; }
.product-detail__description h2 { margin:31px 0 12px; color:#444; font-size:22px; font-weight:normal; }
.product-detail__description p { margin:0 0 18px; color:#666; line-height:2; }

/* Retail + B2B product listing. The layout uses a familiar marketplace
   hierarchy without copying any third-party marketplace UI. */
.nav-link--cart { position:relative; gap:6px; }
.nav-link--cart b { display:grid; min-width:17px; height:17px; place-items:center; border-radius:50%; background:var(--orange); color:#fff; font-size:9px; line-height:1; }
.commerce-card { border:1px solid transparent; background:#fff; text-align:left; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.commerce-card:hover { transform:translateY(-4px); border-color:#e5e5e5; box-shadow:0 12px 28px rgb(0 0 0 / 9%); }
.commerce-card .product-pic { position:relative; display:grid; place-items:center; }
.commerce-card .product-pic span { color:#bbb; font-size:11px; font-weight:800; letter-spacing:.16em; }
.commerce-card__copy { padding:16px 17px 19px; }
.commerce-card__category { margin:0 0 7px!important; color:var(--orange)!important; font-size:10px!important; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.commerce-card h3 { margin:0 0 7px; min-height:38px; font-size:15px; line-height:1.35; }
.commerce-card__copy > p:not(.commerce-card__category) { min-height:36px; margin:0 0 12px; color:#777; font-size:12px; line-height:1.5; }
.commerce-card strong { display:block; color:#b12704; font-size:18px; }
.commerce-card small { color:#777; font-size:11px; }
.listing { display:grid; grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr); gap:58px; padding-top:46px; padding-bottom:58px; }
.listing__media { min-width:0; }
.listing__image-wrap { display:grid; min-height:500px; place-items:center; overflow:hidden; background:#fafafa; border:1px solid #eee; }
.listing__primary { width:100%; min-height:500px; max-height:650px; object-fit:contain; background:#fafafa; }
.listing__image-wrap.is-hidden,.listing__video-wrap.is-hidden { display:none; }
.listing__video-wrap { position:relative; display:grid; min-height:500px; overflow:hidden; background:#050505; border:1px solid #191919; }
.listing__video { display:block; width:100%; min-height:500px; max-height:650px; object-fit:cover; background:#050505; }
.listing__video-label { position:absolute; left:14px; bottom:14px; padding:6px 8px; color:#fff; background:rgb(0 0 0 / 56%); font-size:9px; font-weight:800; letter-spacing:.12em; }
.listing__video-sound { position:absolute; right:12px; bottom:12px; padding:7px 9px; border:1px solid rgb(255 255 255 / 35%); border-radius:999px; color:#fff; background:rgb(0 0 0 / 50%); font-size:10px; font-weight:800; letter-spacing:.04em; }
.listing__video-sound:hover { background:rgb(0 0 0 / 78%); }
.listing__video-thumb { display:grid; place-items:center; align-content:center; gap:4px; color:#fff; background:#171717 !important; }
.listing__video-thumb span { font-size:19px; line-height:1; }
.listing__video-thumb small { font-size:8px; font-weight:800; letter-spacing:.1em; }
.listing__thumbs { margin-top:14px; }
.listing__buy { align-self:start; padding:2px 0 0; }
.listing__category,.listing-section-label { margin:0 0 9px; color:var(--orange); font-size:10px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.listing__buy h1 { margin:0; color:#202020; font-size:34px; line-height:1.18; font-weight:600; letter-spacing:-.025em; }
.listing__model { margin:9px 0 0; color:#555; font-size:15px; }
.listing__sku { margin:14px 0 17px; padding-bottom:16px; border-bottom:1px solid #e7e7e7; color:#888; font-size:12px; }
.listing__price { display:grid; gap:3px; padding:0 0 18px; border-bottom:1px solid #ececec; }
.listing__price del { color:#777; font-size:13px; }
.listing__price strong { color:#b12704; font-size:29px; font-weight:650; line-height:1.1; }
.listing__price span { color:#777; font-size:12px; }
.listing__availability,.listing__leadtime { margin:12px 0 0; color:#505050; font-size:13px; line-height:1.5; }
.listing__availability b { color:#16774a; }
.listing__highlights { display:grid; gap:8px; margin:20px 0; padding:0 0 0 18px; color:#484848; font-size:13px; line-height:1.5; }
.listing__highlights li::marker { color:var(--orange); }
.listing__actions { display:grid; grid-template-columns:105px 1fr; gap:10px; margin-top:23px; }
.listing__quantity { display:grid; gap:5px; color:#555; font-size:11px; font-weight:bold; }
.listing__quantity input { width:100%; height:42px; border:1px solid #b7b7b7; border-radius:4px; padding:0 8px; color:#202020; font:inherit; }
.listing__add,.listing__buy-now,.listing__quote,.listing__contact { min-height:43px; border:0; border-radius:4px; padding:11px 17px; cursor:pointer; font-family:inherit; font-size:13px; font-weight:700; text-align:center; text-decoration:none; }
.listing__add { background:#ffd814; color:#171717; }
.listing__add:hover { background:#f7ca00; }
.listing__buy-now { background:#ff9900; color:#161616; }
.listing__buy-now:hover { background:#ed8700; }
.listing__quote { grid-column:1 / -1; background:#27354b; color:#fff; }
.listing__quote:hover { background:#172236; }
.listing__contact { grid-column:1 / -1; background:#3b3b3b; color:#fff; }
.listing__note { margin:16px 0 0; padding:11px 13px; border-left:3px solid var(--orange); background:#fff9ef; color:#6b5c43; font-size:12px; line-height:1.6; }
.listing__confidence { display:grid; gap:7px; margin-top:19px; padding-top:16px; border-top:1px solid #e6e6e6; color:#636363; font-size:11px; }
.listing__confidence span { display:flex; gap:7px; align-items:center; }
.listing-details { padding:65px 0 78px; background:#f7f7f7; }
.listing-details__main { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr); gap:80px; }
.listing-details h2 { margin:0 0 18px; color:#282828; font-size:28px; line-height:1.25; font-weight:600; }
.listing-rich { color:#595959; font-size:14px; line-height:1.85; }
.listing-rich h2 { margin:28px 0 11px; font-size:20px; }
.listing-rich p { margin:0 0 15px; }
.listing-rich h3,.listing-rich h4 { margin:22px 0 10px; color:#303030; }
.listing-rich ul,.listing-rich ol { margin:0 0 17px; padding-left:23px; }
.listing-rich li { margin:5px 0; }
.listing-rich blockquote { margin:20px 0; padding:10px 16px; border-left:3px solid var(--orange); color:#676767; background:#fff; }
.listing-rich a { color:#d76615; text-decoration:underline; }
.listing-rich img { display:block; width:auto; max-width:100%; height:auto; margin:18px 0; border:1px solid #e2e2e2; background:#fff; }
.listing-box { margin-top:29px; padding:21px 23px; border-left:3px solid var(--orange); background:#fff; }
.listing-box h3 { margin:0 0 8px; font-size:15px; }
.listing-box p { margin:0; color:#5f5f5f; font-size:13px; line-height:1.7; white-space:pre-line; }
.listing-specs { padding:24px 25px; background:#fff; align-self:start; }
.listing-specs h2 { margin-bottom:12px; font-size:20px; }
.listing-specs dl { margin:0; }
.listing-specs dl div { display:grid; grid-template-columns:minmax(105px,.8fr) 1.2fr; gap:16px; padding:12px 0; border-bottom:1px solid #ededed; font-size:12px; line-height:1.45; }
.listing-specs dt { color:#757575; }
.listing-specs dd { margin:0; color:#343434; white-space:pre-line; }
.listing-modules { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:60px; }
.listing-module { min-height:210px; padding:27px; background:#fff; border-top:3px solid var(--orange); }
.listing-module > p { margin:0 0 9px; color:var(--orange); font-size:10px; font-weight:800; letter-spacing:.13em; }
.listing-module h2 { margin-bottom:10px; font-size:21px; }
.listing-manual { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); gap:42px; align-items:start; margin-top:66px; padding:42px; background:#202d40; color:#fff; }
.listing-manual h2 { color:#fff; font-size:29px; }
.listing-manual > div:first-child > p:last-child { color:#ced5df; font-size:14px; line-height:1.75; }
.listing-manual .listing-section-label { color:#ffbe61; }
.listing-manual__standalone { display:inline-flex; margin-top:18px; color:#ffcf85; font-size:12px; font-weight:700; text-decoration:none; }
.listing-manual__standalone:hover { color:#fff; }
.manual-page { max-width:1180px; padding-top:28px; padding-bottom:94px; }
.manual-page > header:not(.manual-page__hero) { max-width:680px; margin-bottom:28px; }
.manual-page > header:not(.manual-page__hero) p { margin:0 0 9px; color:var(--orange); font-size:10px; font-weight:850; letter-spacing:.15em; }
.manual-page h1 { margin:0; color:#1e2528; font-size:42px; line-height:1.08; }
.manual-page > header:not(.manual-page__hero) span { color:#676767; font-size:14px; line-height:1.65; }
.manual-page__back { display:inline-block; margin-top:25px; color:#4e4e4e; font-size:13px; text-decoration:none; }
.manual-page__back:hover { color:var(--orange); }
.manual-page__loading { margin:0; color:#666; font-size:14px; }
.manual-page__masthead { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:4px 0 18px; border-bottom:1px solid #dfe4e2; }
.manual-page__brand { color:#172126; font-size:17px; font-weight:900; letter-spacing:.08em; text-decoration:none; }
.manual-page__masthead > span { color:#0b7c75; font-size:10px; font-weight:850; letter-spacing:.14em; }
.manual-page__hero { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(290px,.94fr); gap:7vw; align-items:center; min-height:390px; padding:62px 0 54px; }
.manual-page__hero-copy > p { margin:0 0 14px; color:#0b7c75; font-size:10px; font-weight:850; letter-spacing:.16em; }
.manual-page__hero-copy h1 { max-width:680px; }
.manual-page__model { display:block; margin-top:15px; color:#687276; font-size:15px; font-weight:650; }
.manual-page__facts { display:flex; flex-wrap:wrap; gap:10px 30px; margin-top:42px; padding-top:17px; border-top:1px solid #dfe4e2; }
.manual-page__facts div { display:grid; gap:4px; min-width:112px; }
.manual-page__facts span { color:#8a9495; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.manual-page__facts b { color:#2b3437; font-size:12px; font-weight:750; }
.manual-page__hero-visual { position:relative; min-height:320px; overflow:hidden; background:linear-gradient(135deg,#eef2ef,#f8f6f1); border-bottom:3px solid #0b7c75; }
.manual-page__hero-visual::after { position:absolute; right:-26px; bottom:-44px; width:150px; height:150px; border:1px solid rgb(11 124 117 / 38%); content:""; transform:rotate(28deg); }
.manual-page__hero-visual img { position:relative; z-index:1; display:block; width:100%; height:100%; min-height:320px; object-fit:contain; }
.manual-page__hero-placeholder { display:grid; width:100%; min-height:320px; place-items:center; color:#9aa5a3; font-size:19px; font-weight:900; letter-spacing:.12em; }
.manual-page__nav { position:sticky; z-index:5; top:0; display:flex; align-items:center; gap:28px; padding:15px 0; border-top:1px solid #dfe4e2; border-bottom:1px solid #dfe4e2; background:#fff; }
.manual-page__nav > span { flex:0 0 auto; color:#0b7c75; font-size:9px; font-weight:850; letter-spacing:.14em; }
.manual-page__nav > div { display:flex; min-width:0; gap:20px; overflow:auto; scrollbar-width:none; }
.manual-page__nav > div::-webkit-scrollbar { display:none; }
.manual-page__nav a { display:inline-flex; align-items:center; gap:7px; flex:0 0 auto; color:#536064; font-size:12px; font-weight:700; text-decoration:none; white-space:nowrap; }
.manual-page__nav a:hover { color:#0b7c75; }
.manual-page__nav a b { color:#b7c0bd; font-size:10px; font-variant-numeric:tabular-nums; }
.manual-page__content { margin-top:2px; }
.manual-section { display:grid; grid-template-columns:minmax(184px,.34fr) minmax(0,1fr); gap:56px; padding:68px 0; border-bottom:1px solid #dfe4e2; scroll-margin-top:58px; }
.manual-section__heading { display:grid; grid-template-columns:34px minmax(0,1fr); gap:15px; align-content:start; }
.manual-section__heading > span { color:#0b7c75; font-size:12px; font-weight:850; font-variant-numeric:tabular-nums; }
.manual-section__heading p { margin:0 0 7px; color:#8a9495; font-size:9px; font-weight:850; letter-spacing:.14em; }
.manual-section__heading h2 { margin:0; color:#20282b; font-size:27px; line-height:1.16; }
.manual-section__heading small { display:block; max-width:240px; margin-top:10px; color:#647073; font-size:12px; line-height:1.6; }
.manual-language-selector { display:grid; gap:10px; max-width:250px; margin-top:26px; padding-top:16px; border-top:1px solid #d7dfdc; }
.manual-language-selector__label { color:#0b7c75; font-size:9px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.manual-language-selector__tags { display:flex; flex-wrap:wrap; gap:8px; }
.manual-language-selector__tag { min-height:34px; padding:7px 12px; color:#3f4b4e; background:#fff; border:1px solid #bdc9c5; border-radius:999px; cursor:pointer; font:750 11px/1.2 Inter,Arial,Helvetica,sans-serif; letter-spacing:.02em; transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease; }
.manual-language-selector__tag:hover { color:#075f5a; border-color:#0b7c75; }
.manual-language-selector__tag.is-active,.manual-language-selector__tag[aria-pressed="true"] { color:#fff; background:#0b7c75; border-color:#0b7c75; box-shadow:0 5px 13px rgba(11,124,117,.18); }
.manual-language-selector__tag:focus-visible { outline:2px solid #0b7c75; outline-offset:2px; }
.manual-language-selector__tag:disabled { cursor:wait; opacity:.58; }
.manual-specs-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; margin:0; }
.manual-specs-grid div { display:grid; gap:8px; padding:15px 0 16px; border-top:1px solid #e5e9e7; }
.manual-specs-grid dt { color:#798487; font-size:11px; }
.manual-specs-grid dd { margin:0; color:#273034; font-size:14px; font-weight:750; white-space:pre-line; }
.manual-section--media { align-items:start; }
.manual-section__player { min-width:0; }
.manual-section--written { align-items:start; }
.manual-rich { max-width:770px; color:#444f52; font-size:15px; line-height:1.85; }
.manual-rich > :first-child { margin-top:0; }
.manual-rich h1,.manual-rich h2,.manual-rich h3 { margin-top:1.8em; color:#1f282b; line-height:1.25; }
.manual-rich h1 { font-size:26px; }
.manual-rich h2 { font-size:22px; }
.manual-rich h3 { font-size:18px; }
.manual-rich img { display:block; max-width:100%; height:auto; margin:28px 0; border:1px solid #dfe4e2; }
.manual-rich ul,.manual-rich ol { padding-left:22px; }
.manual-faq-list { border-top:1px solid #dfe4e2; }
.manual-faq-list details { border-bottom:1px solid #dfe4e2; }
.manual-faq-list summary { display:grid; grid-template-columns:30px minmax(0,1fr) 22px; gap:12px; align-items:center; padding:19px 0; color:#263034; cursor:pointer; font-size:14px; font-weight:750; list-style:none; }
.manual-faq-list summary::-webkit-details-marker { display:none; }
.manual-faq-list summary b { color:#0b7c75; font-size:10px; letter-spacing:.08em; }
.manual-faq-list summary i { color:#0b7c75; font-size:20px; font-style:normal; font-weight:400; text-align:right; }
.manual-faq-list details[open] summary i { transform:rotate(45deg); }
.manual-faq-list details > div { max-width:760px; padding:0 36px 20px 42px; color:#566164; font-size:13px; line-height:1.75; }
.manual-page__return { display:inline-flex; align-items:center; gap:19px; margin-top:34px; color:#263034; font-size:12px; font-weight:800; text-decoration:none; }
.manual-page__return span { color:#0b7c75; font-size:19px; }
.manual-page__return:hover { color:#0b7c75; }
.listing-downloads { display:grid; grid-template-columns:220px 1fr; gap:20px; margin-top:48px; align-items:start; }
.listing-downloads h2 { margin:0; font-size:21px; }
.listing-downloads a { display:flex; justify-content:space-between; gap:15px; padding:15px 0; border-bottom:1px solid #ddd; color:#333; text-decoration:none; font-size:13px; }
.listing-downloads a:hover { color:var(--orange); }
.listing-downloads a span { color:#777; font-size:12px; }
.listing-faq { margin-top:58px; max-width:850px; }
.listing-faq details { border-top:1px solid #d9d9d9; }
.listing-faq details:last-child { border-bottom:1px solid #d9d9d9; }
.listing-faq summary { position:relative; padding:18px 36px 18px 0; cursor:pointer; color:#2d2d2d; font-size:14px; font-weight:650; list-style:none; }
.listing-faq summary::after { position:absolute; right:4px; content:'+'; color:var(--orange); font-size:21px; font-weight:400; }
.listing-faq details[open] summary::after { content:'–'; }
.listing-faq details > div { padding:0 35px 17px 0; color:#5c5c5c; font-size:13px; line-height:1.7; }
.cart-page,.checkout-page { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:32px; padding-top:50px; padding-bottom:70px; }
.cart-page__lines { border-top:1px solid #ddd; }
.cart-line { display:grid; grid-template-columns:88px minmax(0,1fr) 90px 110px 28px; align-items:center; gap:17px; padding:18px 0; border-bottom:1px solid #e4e4e4; }
.cart-line__image { width:88px; height:78px; overflow:hidden; background:#f4f4f4; }
.cart-line__image img { width:100%; height:100%; object-fit:contain; }
.cart-line p { margin:0 0 4px; color:var(--orange); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.cart-line h2 { margin:0 0 3px; font-size:15px; line-height:1.3; }
.cart-line h2 a { color:#262626; text-decoration:none; }
.cart-line small { color:#888; font-size:11px; }
.cart-line label { display:grid; gap:4px; color:#777; font-size:10px; font-weight:bold; }
.cart-line input { width:100%; height:34px; border:1px solid #bdbdbd; border-radius:3px; padding:0 7px; }
.cart-line > strong { color:#b12704; font-size:14px; text-align:right; }
.cart-line > button { border:0; background:transparent; color:#777; cursor:pointer; font-size:22px; }
.cart-summary,.checkout-summary { align-self:start; padding:22px; border:1px solid #ddd; background:#fbfbfb; }
.cart-summary > p,.checkout-summary > p { margin:0 0 18px; color:#333; font-size:11px; font-weight:850; letter-spacing:.14em; }
.cart-summary > div,.checkout-summary > div { display:flex; justify-content:space-between; gap:14px; margin:10px 0; color:#4d4d4d; font-size:13px; line-height:1.4; }
.cart-summary > small,.checkout-summary > small { display:block; margin:17px 0; color:#777; font-size:11px; line-height:1.6; }
.cart-summary .listing__buy-now { display:block; width:100%; }
.cart-continue { display:block; margin-top:16px; color:#555; font-size:12px; text-align:center; text-decoration:none; }
.checkout-form { padding:28px; border:1px solid #ddd; }
.checkout-form__head { display:flex; align-items:baseline; gap:15px; margin-bottom:25px; padding-bottom:17px; border-bottom:1px solid #e5e5e5; }
.checkout-form__head p,.checkout-methods > p { margin:0; color:var(--orange); font-size:10px; font-weight:850; letter-spacing:.14em; }
.checkout-form__head h1 { margin:0; color:#292929; font-size:24px; }
.checkout-form__head span { color:#777; font-size:11px; }
.checkout-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.checkout-grid label,.checkout-coupon label,.checkout-note { display:grid; gap:6px; color:#454545; font-size:12px; font-weight:650; }
.checkout-grid input,.checkout-coupon input,.checkout-note textarea { width:100%; min-height:39px; border:1px solid #cfcfcf; border-radius:3px; padding:9px 10px; background:#fff; color:#222; font:inherit; font-size:13px; }
.checkout-grid .span-2 { grid-column:1 / -1; }
.checkout-methods { margin:29px 0; padding:20px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.checkout-methods h2 { margin:7px 0 13px; font-size:18px; }
.shipping-method { display:flex; align-items:center; gap:10px; margin:8px 0; padding:11px; border:1px solid #d9d9d9; border-radius:4px; cursor:pointer; background:#fff; }
.shipping-method input { width:15px; height:15px; accent-color:var(--orange); }
.shipping-method span { display:grid; gap:2px; flex:1; }
.shipping-method b { color:#333; font-size:13px; }
.shipping-method small { color:#777; font-size:11px; }
.shipping-method em { color:#444; font-size:12px; font-style:normal; }
.checkout-methods [data-shipping-methods] > small,.checkout-coupon small { color:#777; font-size:11px; line-height:1.5; }
.checkout-coupon { display:grid; gap:8px; margin-bottom:25px; }
.checkout-note { margin-bottom:22px; }
.checkout-note textarea { min-height:96px; resize:vertical; }
.checkout-status { min-height:20px; margin:13px 0 0; color:#18794e; font-size:12px; line-height:1.5; }
.checkout-status.error { color:#b42318; }
.checkout-summary__total { margin-top:18px!important; padding-top:16px; border-top:1px solid #ddd; color:#222!important; font-weight:bold; }
.commerce-modal { position:fixed; inset:0; z-index:99; display:grid; place-items:center; padding:20px; background:rgb(0 0 0 / 56%); }
.commerce-modal form { position:relative; width:min(100%,650px); max-height:90vh; overflow:auto; padding:30px; background:#fff; box-shadow:0 20px 70px rgb(0 0 0 / 25%); }
.commerce-modal form > p { margin:0 0 9px; color:var(--orange); font-size:10px; font-weight:850; letter-spacing:.14em; }
.commerce-modal h2 { margin:0; color:#252525; font-size:28px; }
.commerce-modal h3 { margin:6px 0 25px; color:#666; font-size:14px; font-weight:500; }
.commerce-modal__close { position:absolute; top:13px; right:14px; width:34px; height:34px; border:0; background:#f2f2f2; color:#555; cursor:pointer; font-size:23px; }
.commerce-modal .listing__quote { width:100%; margin-top:20px; }
.commerce-confirmation { max-width:700px; }
@media(max-width:900px){
  .listing { grid-template-columns:1fr; gap:32px; }
  .listing__image-wrap,.listing__primary,.listing__video-wrap,.listing__video { min-height:380px; }
  .listing-details__main { grid-template-columns:1fr; gap:35px; }
  .listing-manual { grid-template-columns:1fr; gap:28px; }
  .manual-page__hero { gap:44px; }
  .manual-section { grid-template-columns:158px minmax(0,1fr); gap:38px; }
  .cart-page,.checkout-page { grid-template-columns:1fr; }
  .cart-summary,.checkout-summary { max-width:none; }
}

/* HEXBLUE Contact Us refresh: the existing team, contact, form and map
   structure is preserved while the visual layer follows the light cloud-tech
   language established on the home page. */
body.contact-page {
  --contact-ink:#191c21;
  --contact-muted:#667085;
  --contact-blue:#1366ec;
  --contact-cyan:#08a8f5;
  --contact-violet:#7f5bff;
  --contact-line:rgba(88,117,172,.16);
  overflow-x:clip;
  color:var(--contact-ink);
  background:
    radial-gradient(circle at 7% 15%,rgba(64,150,255,.13),transparent 24%),
    radial-gradient(circle at 94% 32%,rgba(127,91,255,.11),transparent 27%),
    #fff;
  font-family:Inter,"Noto Sans SC","PingFang SC","Segoe UI","Microsoft YaHei",Arial,sans-serif;
}
body.contact-page::before { display:none; }
body.contact-page a,body.contact-page button,body.contact-page input,body.contact-page textarea { font-family:inherit; }
body.contact-page a:focus-visible,body.contact-page button:focus-visible,
body.contact-page input:focus-visible,body.contact-page textarea:focus-visible {
  outline:3px solid rgba(19,102,236,.34);
  outline-offset:3px;
}
body.contact-page .contact-reveal.is-visible {
  animation-duration:.48s;
  animation-delay:min(var(--home-reveal-delay,0s),.24s);
}

body.contact-page .site-header {
  position:sticky;
  top:0;
  z-index:50;
  height:82px;
  border-bottom:1px solid rgba(108,132,177,.13);
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 34px rgba(34,75,139,.055);
  backdrop-filter:blur(22px) saturate(145%);
}
body.contact-page .site-header .header-shell {
  width:min(1440px,calc(100% - 88px));
  max-width:none;
  height:82px;
  margin:0 auto;
  align-items:center;
}
body.contact-page .brand {
  flex-basis:210px;
  align-items:center;
}
body.contact-page .brand img { display:none; }
body.contact-page .brand::before {
  display:grid;
  width:38px;
  height:38px;
  flex:0 0 38px;
  place-items:center;
  border-radius:11px;
  background:linear-gradient(135deg,var(--contact-violet),var(--contact-blue) 55%,var(--contact-cyan));
  box-shadow:0 10px 24px rgba(75,91,255,.24),inset 0 1px 0 rgba(255,255,255,.7);
  color:#fff;
  content:"HX";
  font-size:12px;
  font-weight:800;
  letter-spacing:-.06em;
}
body.contact-page .brand::after {
  margin-left:11px;
  color:var(--contact-ink);
  content:attr(data-brand-label);
  font-size:14px;
  font-weight:760;
  letter-spacing:.075em;
  line-height:1.05;
  white-space:pre-line;
}
body.contact-page .nav-link {
  color:#4e5969;
  font-weight:650;
  letter-spacing:.055em;
}
body.contact-page .nav-link:hover,body.contact-page .nav-link.active { color:var(--contact-blue); }
body.contact-page .nav-link::after {
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--contact-violet),var(--contact-blue),var(--contact-cyan));
}
body.contact-page .language {
  display:flex;
  border-left-color:var(--contact-line);
}
body.contact-page .language button { color:#5f6b7c; }

body.contact-page .team-showcase {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:108px 0 104px;
  border-bottom:1px solid rgba(93,120,174,.11);
  background:
    radial-gradient(circle at 11% 8%,rgba(64,150,255,.17),transparent 28%),
    radial-gradient(circle at 89% 24%,rgba(127,91,255,.14),transparent 30%),
    linear-gradient(180deg,#f7faff 0%,#fff 58%,#f9fbff 100%);
  text-align:center;
}
body.contact-page .team-showcase::before,
body.contact-page .team-showcase::after {
  position:absolute;
  z-index:-1;
  border:1px solid rgba(102,125,255,.13);
  background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.12));
  box-shadow:0 30px 80px rgba(66,102,214,.09);
  content:"";
  pointer-events:none;
}
body.contact-page .team-showcase::before {
  top:105px;
  left:-115px;
  width:310px;
  height:220px;
  border-radius:32px;
  transform:rotate(13deg);
}
body.contact-page .team-showcase::after {
  top:42px;
  right:-120px;
  width:360px;
  height:250px;
  border-radius:42px;
  transform:rotate(-12deg);
}
body.contact-page .team-kicker {
  width:max-content;
  margin:0 auto 18px;
  padding:8px 14px;
  border:1px solid rgba(19,102,236,.15);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 22px rgba(45,84,151,.07);
  color:var(--contact-blue);
  font-size:12px;
  font-weight:750;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body.contact-page .team-showcase h1 {
  margin:0;
  color:var(--contact-ink);
  font-family:inherit;
  font-size:clamp(56px,5vw,78px);
  font-weight:650;
  letter-spacing:-.065em;
  line-height:1;
}
body.contact-page .team-showcase h1 span { color:var(--contact-ink); }
body.contact-page .team-showcase h1 b {
  background:linear-gradient(90deg,var(--contact-violet),var(--contact-blue) 55%,var(--contact-cyan));
  background-clip:text;
  color:transparent;
  font-weight:650;
}
body.contact-page .team-lead {
  width:min(930px,calc(100% - 40px));
  margin:28px auto 0;
  color:var(--contact-muted);
  font-size:16px;
  line-height:1.85;
}
body.contact-page .team-showcase h2 {
  margin:56px 0 28px;
  color:#273142;
  font-size:clamp(27px,2.4vw,38px);
  font-weight:620;
  letter-spacing:-.045em;
  line-height:1.2;
}
body.contact-page .team-showcase h2::after {
  display:block;
  width:72px;
  height:3px;
  margin:16px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,var(--contact-violet),var(--contact-blue),var(--contact-cyan));
  content:"";
}
body.contact-page .team-show-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
}
body.contact-page .team-show-grid article {
  position:relative;
  min-height:286px;
  padding:42px 274px 36px 34px;
  overflow:hidden;
  border:2px solid transparent;
  border-radius:22px;
  background:
    linear-gradient(155deg,rgba(255,255,255,.94),rgba(245,249,255,.80)) padding-box,
    linear-gradient(135deg,rgba(127,91,255,.55),rgba(19,102,236,.62) 52%,rgba(8,168,245,.55)) border-box;
  box-shadow:0 18px 44px rgba(45,84,151,.12),inset 0 1px 0 rgba(255,255,255,.95);
  color:var(--contact-ink);
  text-align:left;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body.contact-page .team-show-grid article::before {
  position:absolute;
  inset:auto auto -92px -72px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(40,147,255,.12),rgba(40,147,255,0) 70%);
  content:"";
  pointer-events:none;
}
body.contact-page .team-show-grid article:nth-child(even)::before {
  right:-72px;
  left:auto;
  background:radial-gradient(circle,rgba(127,91,255,.12),rgba(127,91,255,0) 70%);
}
body.contact-page .team-show-grid article:hover {
  box-shadow:0 28px 58px rgba(45,84,151,.18),0 0 0 4px rgba(56,119,240,.06);
  transform:translateY(-4px);
}
body.contact-page .team-show-grid article > div { position:relative; z-index:1; }
body.contact-page .team-show-grid h3 {
  margin:0 0 18px;
  color:#20242b;
  font-size:25px;
  font-weight:650;
  letter-spacing:-.035em;
  line-height:1.2;
}
body.contact-page .team-show-grid p {
  margin:0;
  color:#657185;
  font-size:15px;
  line-height:1.7;
}
body.contact-page .team-show-grid img {
  position:absolute;
  top:22px;
  right:22px;
  width:224px;
  height:242px;
  max-width:none;
  border:1px solid rgba(255,255,255,.84);
  border-radius:16px;
  box-shadow:0 14px 34px rgba(43,79,143,.16);
  object-fit:cover;
}
body.contact-page .team-show-grid img[alt="Eliza"] { object-position:center 28%; }

body.contact-page .home-contact {
  position:relative;
  padding:104px 0 0;
  background:
    radial-gradient(circle at 9% 13%,rgba(64,150,255,.16),transparent 27%),
    radial-gradient(circle at 90% 36%,rgba(127,91,255,.13),transparent 30%),
    linear-gradient(180deg,#f8fbff,#fff 70%);
}
body.contact-page .home-contact > .shell { width:min(1180px,calc(100% - 48px)); }
body.contact-page .home-contact h2 {
  position:static;
  width:auto;
  max-width:none;
  height:auto;
  margin:0;
  color:var(--contact-ink);
  font-size:clamp(38px,3.4vw,52px);
  font-weight:650;
  letter-spacing:-.055em;
  line-height:1.1;
  text-align:center;
}
body.contact-page .home-contact-lead {
  position:static;
  width:min(700px,100%);
  max-width:none;
  margin:20px auto 0;
  color:var(--contact-muted);
  font-size:16px;
  line-height:1.75;
  text-align:center;
}
body.contact-page .home-contact-list {
  position:static;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  width:100%;
  max-width:none;
  height:auto;
  gap:18px;
  margin:42px 0 28px;
  text-align:center;
}
body.contact-page .home-contact-list a {
  display:flex;
  min-width:0;
  min-height:182px;
  flex-direction:column;
  align-items:center;
  padding:24px 16px;
  border:1px solid rgba(93,120,174,.14);
  border-radius:18px;
  background:rgba(255,255,255,.80);
  box-shadow:0 12px 30px rgba(45,84,151,.07),inset 0 1px 0 rgba(255,255,255,.95);
  color:#657185;
  font-size:13px;
  line-height:1.65;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body.contact-page .home-contact-list a:hover {
  border-color:rgba(19,102,236,.25);
  box-shadow:0 22px 44px rgba(45,84,151,.13);
  transform:translateY(-3px);
}
body.contact-page .home-contact-list i {
  display:grid;
  width:50px;
  height:50px;
  flex:0 0 50px;
  place-items:center;
  margin:0 auto 14px;
  border:1px solid rgba(19,102,236,.20);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(127,91,255,.12),rgba(19,102,236,.10),rgba(8,168,245,.12));
  color:var(--contact-blue);
  font-style:normal;
}
body.contact-page .home-contact-list i svg,
body.home-page .home-contact-list i svg {
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.7;
}
body.contact-page .home-contact-list b {
  display:block;
  margin-bottom:3px;
  color:#263142;
  font-weight:650;
}
body.contact-page .home-contact-list span {
  display:block;
  max-width:230px;
  margin:0 auto;
  overflow-wrap:anywhere;
}
body.home-page .home-contact-form label { display:block; }
body.home-page .home-contact-form .form-label {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
}
body.contact-page .home-contact-form {
  position:relative;
  left:auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:min(980px,100%);
  min-height:0;
  gap:20px;
  margin:0 auto 54px;
  padding:34px;
  border:1px solid rgba(93,120,174,.15);
  border-radius:22px;
  background:rgba(255,255,255,.84);
  box-shadow:0 26px 60px rgba(45,84,151,.11),inset 0 1px 0 rgba(255,255,255,.96);
  backdrop-filter:blur(16px);
}
body.contact-page .home-contact-form label { display:block; min-width:0; }
body.contact-page .home-contact-form label:nth-of-type(3) { grid-column:1/-1; }
body.contact-page .home-contact-form .form-label {
  display:block;
  margin:0 0 8px 2px;
  color:#344054;
  font-size:13px;
  font-weight:650;
  letter-spacing:.025em;
}
body.contact-page .home-contact-form input,
body.contact-page .home-contact-form textarea {
  display:block;
  width:100%;
  min-height:50px;
  margin:0;
  padding:13px 15px;
  border:1px solid rgba(111,132,171,.25);
  border-radius:9px;
  background:rgba(255,255,255,.90);
  color:#273142;
  font-size:16px;
  outline:0;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
body.contact-page .home-contact-form textarea {
  min-height:150px;
  resize:vertical;
}
body.contact-page .home-contact-form input::placeholder,
body.contact-page .home-contact-form textarea::placeholder { color:#98a2b3; }
body.contact-page .home-contact-form input:focus,
body.contact-page .home-contact-form textarea:focus {
  border-color:rgba(19,102,236,.68);
  background:#fff;
  box-shadow:0 0 0 4px rgba(19,102,236,.10);
}
body.contact-page .home-contact-form button {
  grid-column:1/-1;
  min-width:158px;
  min-height:48px;
  justify-self:center;
  padding:12px 26px;
  border:0;
  border-radius:9px;
  background:linear-gradient(110deg,var(--contact-violet),var(--contact-blue) 58%,var(--contact-cyan));
  box-shadow:0 14px 32px rgba(55,89,237,.22),inset 0 1px 0 rgba(255,255,255,.42);
  color:#fff;
  font-weight:700;
  cursor:pointer;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
body.contact-page .home-contact-form button:hover {
  box-shadow:0 19px 40px rgba(55,89,237,.30),inset 0 1px 0 rgba(255,255,255,.5);
  filter:saturate(1.06);
  transform:translateY(-2px);
}
body.contact-page .home-contact-form button:disabled {
  cursor:not-allowed;
  filter:saturate(.45);
  opacity:.62;
  transform:none;
}
body.contact-page .home-contact-form .form-status {
  grid-column:1/-1;
  margin:0;
  color:#2563a8;
  text-align:center;
}
body.contact-page .home-contact-form .form-status.error { color:#b42318; }
body.contact-page .home-map {
  position:relative;
  height:430px;
  margin:54px 24px 0;
  padding:14px;
  overflow:hidden;
  border:1px solid rgba(93,120,174,.14);
  border-radius:24px 24px 0 0;
  background:
    radial-gradient(circle at 12% 30%,rgba(54,151,255,.26),transparent 32%),
    radial-gradient(circle at 88% 72%,rgba(130,91,255,.24),transparent 35%),
    linear-gradient(120deg,#e9f5ff,#f2efff 52%,#eaf9ff);
  box-shadow:0 -18px 48px rgba(45,84,151,.11),inset 0 1px 0 rgba(255,255,255,.78);
}
body.contact-page .home-map::before {
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,rgba(255,255,255,.32),transparent 38%,rgba(255,255,255,.18));
  content:"";
  pointer-events:none;
}
body.contact-page .home-map iframe {
  position:absolute;
  z-index:1;
  top:14px;
  left:14px;
  width:calc(100% - 28px);
  height:402px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:16px 16px 0 0;
  background:#eaf2ff;
  box-shadow:0 14px 36px rgba(43,79,143,.12);
  transform:none;
}
body.contact-page .site-footer,body.contact-page:has(.home-contact) .site-footer {
  position:relative;
  z-index:2;
  height:auto;
  margin-top:0;
  padding:22px 30px;
  border-top:1px solid rgba(93,120,174,.13);
  background:#eff4fb;
  color:#5f6b7c;
}
body.contact-page .legacy-copyright {
  width:min(1200px,calc(100% - 30px));
  height:auto;
  color:#5f6b7c;
  font-family:inherit;
  line-height:1.6;
}
body.contact-page .legacy-copyright a { color:var(--contact-blue); }

@media (max-width:1024px) {
  body.contact-page .site-header .header-shell {
    width:auto;
    max-width:calc(100% - 32px);
  }
  body.contact-page .brand { flex-basis:210px; }
  body.contact-page .menu-toggle {
    display:block;
    z-index:2;
    color:var(--contact-blue);
  }
  body.contact-page .nav-links {
    position:absolute;
    top:82px;
    right:0;
    left:0;
    display:none;
    width:auto;
    height:auto;
    flex-direction:column;
    overflow:hidden;
    border:1px solid rgba(93,120,174,.14);
    border-radius:0 0 16px 16px;
    background:rgba(255,255,255,.96);
    box-shadow:0 18px 40px rgba(45,84,151,.13);
    backdrop-filter:blur(18px);
  }
  body.contact-page .nav-links.open { display:flex; }
  body.contact-page .nav-link {
    width:auto;
    height:50px;
    min-width:0;
    justify-content:flex-start;
    padding:0 20px;
  }
  body.contact-page .nav-link::after { display:none; }
  body.contact-page .language {
    position:static;
    width:auto;
    height:24px;
    margin-left:auto;
  }
  body.contact-page .team-show-grid article { padding-right:238px; }
  body.contact-page .team-show-grid img { width:194px; }
  body.contact-page .home-contact-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:900px) {
  body.contact-page .team-showcase { padding:86px 0 84px; }
  body.contact-page .team-show-grid {
    grid-template-columns:1fr;
    width:min(660px,calc(100% - 40px));
  }
  body.contact-page .team-show-grid article { min-height:276px; padding-right:274px; }
  body.contact-page .team-show-grid img { width:224px; height:232px; }
}

@media (max-width:640px) {
  body.contact-page .site-header,
  body.contact-page .site-header .header-shell { height:72px; }
  body.contact-page .site-header .header-shell { max-width:calc(100% - 24px); }
  body.contact-page .brand { flex-basis:126px; }
  body.contact-page .brand::before {
    width:34px;
    height:34px;
    flex-basis:34px;
    border-radius:10px;
  }
  body.contact-page .brand::after {
    margin-left:8px;
    font-size:10px;
    letter-spacing:.045em;
  }
  body.contact-page .language button { font-size:0; }
  body.contact-page .language img { width:24px; height:16px; margin:0; }
  body.contact-page .menu-toggle { margin-left:6px; }
  body.contact-page .nav-links { top:72px; }
  body.contact-page .team-showcase { padding:68px 0 70px; }
  body.contact-page .team-kicker { margin-bottom:14px; font-size:10px; }
  body.contact-page .team-showcase h1 { font-size:44px; }
  body.contact-page .team-lead {
    width:calc(100% - 36px);
    margin-top:22px;
    font-size:15px;
    line-height:1.75;
  }
  body.contact-page .team-showcase h2 { margin:44px 18px 24px; font-size:28px; }
  body.contact-page .team-show-grid { width:calc(100% - 32px); }
  body.contact-page .team-show-grid article {
    display:flex;
    min-height:0;
    flex-direction:column-reverse;
    gap:22px;
    padding:18px;
  }
  body.contact-page .team-show-grid img {
    position:relative;
    top:auto;
    right:auto;
    width:100%;
    height:290px;
    border-radius:14px;
  }
  body.contact-page .team-show-grid article > div { padding:4px 4px 8px; }
  body.contact-page .home-contact { padding-top:78px; }
  body.contact-page .home-contact > .shell { width:calc(100% - 32px); }
  body.contact-page .home-contact h2 { font-size:38px; }
  body.contact-page .home-contact-lead { font-size:15px; }
  body.contact-page .home-contact-list {
    grid-template-columns:1fr;
    gap:14px;
    margin-top:34px;
  }
  body.contact-page .home-contact-list a { min-height:154px; }
  body.contact-page .home-contact-form {
    grid-template-columns:1fr;
    gap:17px;
    padding:22px;
    border-radius:18px;
  }
  body.contact-page .home-contact-form label:nth-of-type(3),
  body.contact-page .home-contact-form button,
  body.contact-page .home-contact-form .form-status { grid-column:1; }
  body.contact-page .home-contact-form textarea { min-height:140px; }
  body.contact-page .home-map {
    height:348px;
    margin:38px 12px 0;
    padding:10px;
    border-radius:19px 19px 0 0;
  }
  body.contact-page .home-map iframe {
    top:10px;
    left:10px;
    width:calc(100% - 20px);
    height:328px;
    border-radius:13px 13px 0 0;
  }
  body.contact-page .site-footer,
  body.contact-page:has(.home-contact) .site-footer { padding:20px 16px; }
}

@media(max-width:620px){
  .listing { padding-top:26px; padding-bottom:38px; }
  .listing__image-wrap,.listing__primary,.listing__video-wrap,.listing__video { min-height:300px; }
  .listing__buy h1 { font-size:28px; }
  .listing__actions { grid-template-columns:92px 1fr; }
  .listing__buy-now { grid-column:2; }
  .listing-details { padding:45px 0 52px; }
  .listing-details h2 { font-size:24px; }
  .listing-modules { grid-template-columns:1fr; margin-top:38px; }
  .listing-manual { margin-top:42px; padding:26px 20px; }
  .listing-manual h2 { font-size:25px; }
  .manual-page { max-width:calc(100% - 30px); padding-top:18px; padding-bottom:58px; }
  .manual-page h1 { font-size:31px; }
  .manual-page__masthead { padding-bottom:14px; }
  .manual-page__masthead > span { font-size:8px; letter-spacing:.11em; }
  .manual-page__hero { grid-template-columns:1fr; gap:28px; min-height:0; padding:38px 0 34px; }
  .manual-page__hero-visual,.manual-page__hero-visual img,.manual-page__hero-placeholder { min-height:250px; }
  .manual-page__facts { gap:12px 20px; margin-top:28px; }
  .manual-page__nav { top:0; gap:16px; padding:12px 0; }
  .manual-page__nav > span { display:none; }
  .manual-page__nav > div { gap:16px; }
  .manual-section { grid-template-columns:1fr; gap:25px; padding:43px 0; scroll-margin-top:48px; }
  .manual-section__heading { grid-template-columns:28px minmax(0,1fr); gap:11px; }
  .manual-section__heading h2 { font-size:23px; }
  .manual-section__heading small { max-width:none; }
  .manual-language-selector { max-width:none; margin-top:18px; padding-top:14px; }
  .manual-language-selector__tags { gap:8px; }
  .manual-language-selector__tag { min-height:44px; padding:9px 15px; font-size:12px; }
  .manual-specs-grid { grid-template-columns:1fr; }
  .manual-rich { font-size:14px; }
  .manual-faq-list summary { grid-template-columns:24px minmax(0,1fr) 20px; font-size:13px; }
  .manual-faq-list details > div { padding:0 0 18px 35px; }
  .listing-downloads { grid-template-columns:1fr; gap:10px; margin-top:38px; }
  .cart-page,.checkout-page { gap:22px; padding-top:28px; padding-bottom:45px; }
  .cart-line { grid-template-columns:65px minmax(0,1fr) 24px; gap:10px; }
  .cart-line__image { width:65px; height:60px; }
  .cart-line label,.cart-line > strong { grid-column:2; text-align:left; max-width:120px; }
  .cart-line > button { grid-column:3; grid-row:1; }
  .checkout-form { padding:21px 16px; }
  .checkout-form__head { display:grid; gap:6px; }
  .checkout-grid { grid-template-columns:1fr; }
  .checkout-grid .span-2 { grid-column:auto; }
  .commerce-modal { padding:0; }
  .commerce-modal form { width:100%; max-height:100vh; padding:25px 17px; }
}

.legacy-about { display:grid; grid-template-columns:1fr 1fr; min-height:390px; }
.legacy-about-copy { padding:55px 9% 45px; background:#fff; }
.legacy-about-copy .eyebrow { color:var(--orange); font-size:13px; letter-spacing:2px; text-transform:uppercase; }
.legacy-about-copy h2 { margin:13px 0 22px; font-weight:normal; color:#333; font-size:28px; line-height:1.4; }
.legacy-about-copy p { margin:0; color:#777; line-height:2; }
.stats { display:flex; gap:33px; margin-top:25px; }
.stats div { border-left:2px solid var(--orange); padding-left:11px; }
.stats strong { display:block; color:#555; font-size:22px; font-weight:normal; }
.stats span { color:#999; font-size:12px; }

/* The legacy home page uses a 1200px partner banner followed by a white 1200px statement card. */
.legacy-business { padding:0; background:#fff; }
.business-banner { position:relative; width:100vw; max-width:none; height:680px; margin-left:calc(50% - 50vw); overflow:hidden; background:#f5f5f5 url('/media/partner-parallax.png') center center/cover fixed no-repeat; }
.business-copy { position:absolute; top:198px; left:calc(50% - 573px); width:820px; max-width:calc(100% - 54px); color:#fff; }
.business-copy h2 { margin:0; font-family:"Trebuchet MS",Helvetica,sans-serif; font-size:54px; line-height:1; font-weight:normal; }
.business-copy p { margin:68px 0 0; font-family:"Microsoft JhengHei","Microsoft YaHei",sans-serif; font-size:24px; font-weight:bold; }
.partner-card { position:relative; left:5px; width:1200px; max-width:calc(100% - 30px); height:432px; margin:10px auto 0; padding:64px 77px 0; border-radius:10px; background:#fff; box-shadow:0 26px 39px rgba(0,0,0,.07); text-align:center; }
.partner-card h2 { margin:0 0 19px; color:#423b36; font-family:"Source Han Sans",Geneva,sans-serif; font-size:32px; line-height:1.1; }
.partner-card p { margin:0 0 8px; color:#888; font-size:14px; line-height:2; }
.partner-button { position:absolute; bottom:5px; left:50%; display:inline-block; width:195px; height:43px; padding:0; transform:translateX(-50%); background:#423b36; color:#fff; font-family:Tahoma,Arial,sans-serif; font-size:12px; line-height:43px; }

.legacy-news { position:relative; left:-12px; display:grid; grid-template-columns:repeat(3,359px); justify-content:center; gap:33px; }
.legacy-news-card { display:block; height:383px; overflow:hidden; text-align:center; }
.legacy-news-card .news-pic { width:100%; height:244px; overflow:hidden; background:#f4f4f4; }
.legacy-news-card img { width:100%; height:100%; object-fit:cover; transition:transform .3s linear; }
.legacy-news-card:hover img { transform:scale(1.1); }
.legacy-news-card h3 { min-height:55px; margin:9px 0 3px; color:#404040; font-size:14px; line-height:28px; font-weight:bold; }
.legacy-news-card:hover h3 { color:#222; text-decoration:underline; }
.legacy-news-card time { display:block; color:#999; font-size:12px; line-height:26px; }
.legacy-news-card p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:38px; margin:0; color:#999; font-size:12px; text-align:left; line-height:19px; }
.legacy-news-section { padding:18px 0 120px; }
.company-news-title { position:relative; left:3px; display:flex; align-items:flex-start; justify-content:center; width:360px; height:56px; margin:0 auto 4px; color:#222; font-family:"Microsoft YaHei",Arial,sans-serif; font-size:30px; line-height:34px; font-weight:bold; text-align:center; }

/* Article and news presentation. Image-less posts intentionally receive a branded
   fallback instead of referencing legacy files that no longer exist. */
.company-news-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; width:1120px; max-width:100%; margin:0 auto 30px; }
.company-news-heading > div { max-width:680px; }
.company-news-heading span,.article-eyebrow,.article-related-heading p { display:block; margin:0 0 9px; color:var(--orange); font-size:10px; font-weight:700; letter-spacing:.18em; }
.company-news-heading h2 { margin:0; color:#222; font-family:"Microsoft YaHei",Arial,sans-serif; font-size:30px; line-height:1.15; }
.company-news-heading p { margin:10px 0 0; color:#777; font-size:13px; line-height:1.6; }
.company-news-heading > a { display:inline-flex; align-items:center; gap:8px; flex:none; padding:10px 0; color:#444; border-bottom:1px solid var(--orange); font-size:12px; font-weight:700; }
.company-news-heading > a:hover { color:var(--orange); }
.legacy-news-card { height:auto; min-height:392px; border:1px solid #eee; background:#fff; text-align:left; transition:transform .2s ease,box-shadow .2s ease; }
.legacy-news-card:hover { transform:translateY(-4px); box-shadow:0 12px 27px rgba(0,0,0,.10); }
.legacy-news-card .news-pic { height:220px; background:#282522; }
.legacy-news-card img { display:block; }
.news-fallback { position:relative; display:flex; width:100%; height:100%; flex-direction:column; justify-content:flex-end; overflow:hidden; padding:24px; background:linear-gradient(135deg,#24211e 0%,#584a3b 50%,#ce9d55 160%); color:#fff; }
.news-fallback::before,.news-fallback::after { position:absolute; content:""; border:1px solid rgba(255,255,255,.23); border-radius:50%; }
.news-fallback::before { width:230px; height:230px; top:-115px; right:-62px; }
.news-fallback::after { width:145px; height:145px; right:31px; bottom:-86px; }
.news-fallback small { position:relative; z-index:1; margin-bottom:9px; color:#f8d592; font-size:10px; font-weight:700; letter-spacing:.20em; }
.news-fallback b { position:relative; z-index:1; font-size:25px; letter-spacing:.08em; }
.news-fallback i { position:absolute; top:22px; right:23px; color:rgba(255,255,255,.8); font-size:12px; font-style:normal; letter-spacing:.12em; }
.news-card-copy { padding:17px 19px 20px; }
.legacy-news-card h3 { min-height:0; margin:7px 0 8px; font-size:16px; line-height:1.45; }
.legacy-news-card time { color:#9b8a75; font-size:10px; letter-spacing:.04em; }
.legacy-news-card p { min-height:0; margin:0; color:#777; font-size:12px; line-height:1.65; }
.news-card-cta { display:inline-block; margin-top:14px; color:#45403a; font-size:11px; font-weight:700; }
.news-card-cta b { color:var(--orange); font-size:14px; }
.news-empty { margin:0; padding:46px 25px; color:#888; background:#fafafa; text-align:center; }
.news-index-section { padding:58px 0 88px; background:#fafafa; }
.news-index-grid { left:auto; }
.article-head--story { padding:0 0 48px; background:#fff; }
.article-hero { width:100%; height:min(47vw,530px); margin:0 0 47px; overflow:hidden; background:#292623; }
.article-hero img { display:block; width:100%; height:100%; object-fit:cover; }
.article-head--story h1 { margin-bottom:17px; font-size:clamp(28px,4vw,44px); font-weight:500; }
.article-meta { display:flex; justify-content:center; flex-wrap:wrap; gap:0; color:#857e75; font-size:12px; }
.article-meta span,.article-meta time { padding:0 12px; border-right:1px solid #ddd; }
.article-meta > :last-child { border-right:0; }
.article-summary { max-width:710px; margin:22px auto 0; color:#707070; font-size:16px; line-height:1.75; }
.article-content { padding-top:52px; font-size:16px; }
.article-content h2 { margin-top:40px; }
.article-content p,.article-content li { color:#555; line-height:2; }
.article-content img { display:block; width:auto; max-width:100%; height:auto; margin:26px 0; border-radius:4px; }
.article-content video,.article-content iframe { display:block; width:min(100%,850px); margin:28px 0; border:0; background:#111; }
.article-content video { height:auto; max-height:480px; }
.article-content iframe { aspect-ratio:16 / 9; }
.article-back { display:inline-flex; margin-top:38px; padding-bottom:5px; border-bottom:1px solid var(--orange); color:#555; font-size:12px; font-weight:700; }
.article-back:hover { color:var(--orange); }
.article-related { padding:63px 0 85px; background:#fafafa; border-top:1px solid #eee; }
.article-related-heading { margin:0 auto 25px; text-align:center; }
.article-related-heading h2 { margin:0; color:#333; font-size:26px; font-weight:500; }
.article-related .legacy-news-card { background:#fff; }

.home-contact { padding:55px 0 0; background:#fff; }
.home-contact h2 { position:relative; left:-8px; width:1000px; max-width:calc(100% - 30px); height:47px; margin:0 auto; color:#444; font-size:28px; font-weight:normal; line-height:1.2; text-align:center; }
.home-contact-lead { position:relative; left:-8px; width:676px; max-width:calc(100% - 30px); margin:38px auto 23px; color:#777; font-size:13px; line-height:1.7; text-align:center; }
.home-contact-list { position:relative; left:-8px; display:grid; grid-template-columns:repeat(4,1fr); width:1000px; max-width:calc(100% - 30px); gap:26px; height:120px; margin:0 auto 8px; text-align:center; }
.home-contact-list a { min-height:87px; color:#777; font-size:13px; line-height:1.8; }
.home-contact-list i { display:grid; width:46px; height:46px; place-items:center; margin:0 auto 8px; border:2px solid #edc82d; border-radius:50%; color:#edc82d; font-family:Arial,sans-serif; font-size:24px; font-style:normal; }
.home-contact-list b,.home-contact-list span { display:block; font-weight:normal; }
.home-contact-list span { max-width:220px; margin:0 auto; }
.home-contact-form { position:relative; left:17px; width:929px; min-height:238px; max-width:100%; margin:0 auto 42px; }
.home-contact-form input,.home-contact-form textarea { display:block; width:100%; margin-bottom:12px; padding:10px 12px; border:1px solid #ddd; color:#555; outline:0; }
.home-contact-form textarea { height:38px; min-height:38px; resize:vertical; }
.home-contact-form input:focus,.home-contact-form textarea:focus { border-color:#edc82d; }
.home-contact-form button { display:block; min-width:100px; margin:0 auto; padding:10px 22px; border:0; background:#edc82d; color:#fff; cursor:pointer; }
.home-contact-form .form-status { margin:12px 0 0; text-align:center; }
.home-map { position:relative; height:400px; margin-top:44px; overflow:hidden; background:#e6e6e6; }
.home-map iframe { position:absolute; top:0; left:50%; width:1920px; height:400px; border:0; transform:translateX(-50%); }

.legacy-cta { background:#333; text-align:center; color:#fff; padding:62px 20px; }
.legacy-cta h2 { margin:0 0 14px; font-size:26px; font-weight:normal; }
.legacy-cta p { margin:0; color:#ddd; line-height:1.8; }
.legacy-cta .legacy-button { border-color:#fff; background:transparent; margin-top:23px; }
.legacy-cta .legacy-button:hover { color:#333; background:#fff; }

.page-banner { height:260px; color:#fff; background:#434343; display:flex; align-items:center; text-align:center; }
.page-banner h1 { margin:0; font-size:33px; font-weight:normal; }
.page-banner p { margin:14px 0 0; color:#ddd; line-height:1.7; }
.seo-static-content {
  min-height: 360px;
  padding: 96px max(24px, calc((100vw - 1100px) / 2));
  background: #f7f9ff;
  color: #15213a;
}
.seo-static-content h1 { max-width: 900px; margin: 0; font-size: clamp(2rem, 5vw, 4.5rem); line-height: 1.05; }
.seo-static-content p { max-width: 760px; margin: 24px 0 0; color: #536078; font-size: 1.05rem; line-height: 1.75; }
.breadcrumb { padding:18px 0; color:#999; font-size:12px; border-bottom:1px solid #eee; }
.breadcrumb a:hover { color:var(--orange); }
.body-section { padding:52px 0 78px; }
.about-page { display:grid; grid-template-columns:1.05fr .95fr; gap:55px; align-items:start; }
.copy-body h2 { margin:0 0 20px; color:#333; font-size:26px; font-weight:normal; }
.copy-body h3 { margin:29px 0 12px; color:#333; font-size:18px; font-weight:normal; }
.copy-body p,.copy-body li { color:#777; line-height:2; }
.copy-body ul { padding-left:20px; }
.team-list { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:50px; }
.team-list article { text-align:center; padding:24px 16px; background:#fafafa; border-top:2px solid var(--orange); }
.team-list strong { color:#444; font-weight:normal; font-size:16px; }
.team-list p { margin:13px 0 0; color:#999; line-height:1.7; font-size:12px; }

/* About page measured from the legacy desktop page. */
.about-thinking { min-height:587px; background:#fafafa; overflow:hidden; }
.about-thinking-inner { position:relative; width:1200px; max-width:100%; height:587px; margin:0 auto; padding-top:43px; text-align:center; }
.about-thinking h1 { margin:0; color:#111; font-family:Arial,"Microsoft YaHei",sans-serif; font-weight:normal; line-height:1; }
.about-thinking h1 strong { display:block; font-size:40px; letter-spacing:1px; }
.about-thinking h1 span { display:block; margin-top:5px; font-size:28px; }
.about-thinking-inner > i,.unique-service > i { display:block; width:105px; height:3px; margin:16px auto 18px; background:#ff9900; }
.about-thinking-inner > p { max-width:520px; margin:0 auto 13px; color:#777; font-size:13px; line-height:1.3; }
.thinking-bubbles { position:relative; width:600px; height:260px; margin:55px auto 0; }
.thinking-bubbles b { position:absolute; display:grid; place-items:center; border-radius:50%; color:#fff; font-family:Arial,sans-serif; font-size:21px; }
.bubble-tactics { top:0; left:42px; width:105px; height:105px; background:rgba(255,1,92,.8); }
.bubble-marketing { top:10px; left:127px; width:162px; height:162px; background:rgba(241,231,69,.9); }
.bubble-creative { top:-31px; left:266px; width:176px; height:176px; background:rgba(34,213,232,.8); font-size:30px !important; }
.bubble-experience { top:52px; left:390px; width:147px; height:147px; background:rgba(232,57,209,.8); }
.bubble-value { top:43px; left:533px; width:100px; height:100px; background:rgba(77,233,152,.9); }
.thinking-bubbles em { position:absolute; top:-22px; left:484px; width:30px; height:30px; border-radius:50%; background:#dc35bf; }
.unique-service { padding:40px 0 85px; background:#fff; text-align:center; }
.unique-service h2,.about-advantage h2 { margin:0; color:#111; font-size:32px; line-height:1.25; }
.unique-service > i { margin-top:19px; margin-bottom:42px; }
.unique-service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; width:1000px; max-width:calc(100% - 30px); margin:0 auto; }
.unique-service-grid article { min-height:297px; padding:39px 30px 28px; background:#111; color:#fff; text-align:left; }
.unique-service-grid h3 { margin:0 0 25px; font-size:21px; font-weight:normal; }
.unique-service-grid p { margin:0 0 15px; color:#e9e9e9; font-size:12px; line-height:1.7; }
.unique-service-grid a { color:#ff9900; font-size:12px; }
.about-advantage { padding:70px 0; background:#fafafa; text-align:center; }
.about-advantage > div { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; width:920px; max-width:calc(100% - 30px); margin:40px auto 0; }
.about-advantage strong { color:#ff9900; font-size:34px; font-weight:normal; }
.about-advantage span { color:#666; font-size:12px; }

.contact-layout { display:grid; grid-template-columns:360px 1fr; gap:55px; }
.contact-info { padding:29px; background:#fafafa; }
.contact-info h2,.contact-form h2 { margin:0 0 25px; color:#333; font-size:23px; font-weight:normal; }
.contact-info-item { margin:0 0 23px; padding-bottom:21px; border-bottom:1px solid #e9e9e9; }
.contact-info-item:last-child { border-bottom:0; margin-bottom:0; }
.contact-info-item b { display:block; margin-bottom:7px; color:#555; font-weight:normal; }
.contact-info-item a,.contact-info-item span { color:#999; line-height:1.7; }
.contact-info-item a:hover { color:var(--orange); }
.contact-form { padding:31px 38px 35px; border:1px solid #eee; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:21px; }
.field { display:block; }
.field.full { grid-column:1/-1; }
.field label { display:block; margin-bottom:9px; color:#555; font-size:13px; }
.field input,.field textarea { width:100%; padding:11px; border:1px solid #ddd; color:#555; outline:0; transition:border .2s; }
.field textarea { min-height:150px; resize:vertical; }
.field input:focus,.field textarea:focus { border-color:var(--orange); }
.form-status { min-height:20px; margin:15px 0 0; color:#62ba26; font-size:13px; }
.form-status.error { color:#d9534f; }
.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }

/* Contact us is a team-showcase page in the legacy site. */
.team-showcase { padding:92px 0 54px; background:#fff; text-align:center; }
.team-showcase h1 { margin:0; font-family:Arial,"Microsoft YaHei",sans-serif; font-size:40px; line-height:1; letter-spacing:1px; }
.team-showcase h1 span { color:#111; }
.team-showcase h1 b { color:#ff9900; }
.team-lead { width:1090px; max-width:calc(100% - 40px); margin:46px auto 27px; color:#777; font-size:16px; line-height:1.75; }
.team-showcase h2 { margin:0 0 12px; color:#ff7153; font-size:28px; letter-spacing:5px; }
.team-show-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:25px 92px; width:1120px; max-width:calc(100% - 40px); margin:0 auto; }
.team-show-grid article { position:relative; min-height:241px; padding:36px 250px 25px 25px; overflow:hidden; background:#3d3d3d; color:#fff; text-align:left; }
.team-show-grid h3 { margin:0 0 16px; font-size:20px; line-height:1.2; }
.team-show-grid p { margin:0; font-size:16px; line-height:1.55; }
.team-show-grid img { position:absolute; top:20px; right:24px; width:208px; height:208px; max-width:none; object-fit:cover; }
.team-show-grid img[alt="Eliza"] { object-position:center 28%; }

.article-head { padding:38px 0 32px; text-align:center; border-bottom:1px solid #eee; }
.article-head h1 { max-width:920px; margin:0 auto 14px; color:#333; font-size:28px; line-height:1.45; font-weight:normal; }
.article-head time { color:#999; font-size:12px; }
.article-content { width:850px; max-width:100%; padding:45px 0 75px; }
.article-content h2 { margin:32px 0 14px; color:#333; font-size:20px; font-weight:normal; }
.article-content p,.article-content li { color:#666; line-height:2; }
.article-content ul { padding-left:20px; }
.not-found { min-height:390px; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; color:#999; }

.site-footer { height:26px; color:#eee; background:#2f2f2f; }
.legacy-copyright { position:relative; width:1000px; max-width:calc(100% - 30px); height:26px; margin:0 auto; padding:0; color:#eee; font-family:Arial,"Microsoft YaHei",sans-serif; font-size:12px; line-height:26px; text-align:center; }
.legacy-copyright a { color:#eee; }
body:has(.home-contact) .site-footer { position:relative; z-index:2; height:26px; margin-top:-90px; background:rgba(47,47,47,.9); }

/* About page: measured reconstruction of the legacy fixed canvas. */
body:has(.legacy-about-page) .site-footer { display:none; }
.legacy-about-page { background:#fff; }
.legacy-about-frame { position:relative; left:-4px; width:1000px; height:2587px; margin:0 auto; font-family:Arial,Helvetica,sans-serif; color:#111; }
.legacy-about-thinking { position:absolute; inset:5px 0 auto; height:583px; }
.legacy-about-thinking h1 { position:absolute; left:322px; top:44px; width:356px; height:40px; margin:0; color:#000; font-family:"Arial Black",Arial,sans-serif; font-size:36px; font-weight:400; line-height:40px; text-align:center; }
.legacy-about-kicker { position:absolute; left:402px; top:86px; width:195px; height:30px; margin:0; color:#111; font-family:Arial,Helvetica,sans-serif; font-size:24px; line-height:30px; text-align:center; }
.legacy-about-copy { position:absolute; left:243px; top:141px; box-sizing:border-box; width:532px; height:101px; padding:0; background:transparent; color:#666; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.2; }
.legacy-about-copy p { position:absolute; left:0; margin:0; padding:0; color:#666; font:12px/14.4px Arial,Helvetica,sans-serif; text-indent:0; }
.legacy-about-copy p:first-child { top:0; width:507px; height:28px; }
.legacy-about-copy p:last-child { top:41px; width:522px; height:28px; }
.legacy-about-bubbles { position:absolute; left:161px; top:250px; width:675px; height:269px; }
.legacy-about-bubbles b { position:absolute; display:grid; place-items:center; box-sizing:border-box; border-radius:50%; color:#fff; font-family:Arial,sans-serif; font-weight:700; text-align:center; }
.legacy-about-bubbles .tactics { left:42px; top:51px; width:105px; height:105px; background:rgba(255,1,92,.8); font-size:21px; }
.legacy-about-bubbles .marketing { left:127px; top:61px; width:162px; height:162px; background:rgba(241,231,69,.9); font-size:21px; }
.legacy-about-bubbles .creative { left:266px; top:20px; width:176px; height:176px; background:rgba(34,213,232,.8); font-size:30px; }
.legacy-about-bubbles .experience { left:390px; top:103px; width:147px; height:147px; background:rgba(232,57,209,.8); font-size:21px; }
.legacy-about-bubbles .value { left:533px; top:94px; width:100px; height:100px; background:rgba(77,233,152,.9); font-size:21px; }
.legacy-about-bubbles i { position:absolute; display:block; border-radius:50%; }
.legacy-about-bubbles .dot-one { left:484px; top:29px; width:30px; height:30px; background:#dc35bf; }
.legacy-about-bubbles .dot-two { left:459px; top:68px; width:18px; height:18px; background:#69d2ed; }
.legacy-about-bubbles .dot-three { left:101px; top:166px; width:20px; height:20px; background:#f3c62c; }
.legacy-about-section-title { position:absolute; margin:0; color:#000; font-family:Arial,Helvetica,sans-serif; font-size:30px; font-weight:700; line-height:1.15; text-align:center; }
.legacy-unique-title { left:382px; top:631px; width:249px; height:49px; padding-top:0; font-size:32px; }
.legacy-about-kicker::after,.legacy-about-section-title::after,.legacy-about-begin::after { content:""; position:absolute; left:calc(50% - 52.5px); display:block; width:105px; height:3px; background:#ffa500; }
.legacy-about-kicker::after { top:38px; }
.legacy-unique-title::after { top:55px; left:66px; }
.legacy-advantage-title::after { top:50px; }
.legacy-about-begin::after { top:42px; }
.legacy-service-row,.legacy-service-feature { position:absolute; left:0; display:grid; grid-template-columns:316px 316px 328px; column-gap:20px; width:1000px; }
.legacy-service-row { top:731px; height:297px; }
.legacy-service-row article { box-sizing:border-box; height:297px; color:#fff; overflow:hidden; }
.legacy-service-oem,.legacy-service-odm { position:relative; background:#000; }
.legacy-service-oem { padding:18px 35px; }
.legacy-service-odm { padding:28px 49px; }
.legacy-service-row h3 { margin:0 0 42px; color:#fff; font-family:"Microsoft YaHei",Arial,sans-serif; font-size:24px; font-weight:400; line-height:1.5; text-align:center; }
.legacy-service-row p { margin:0 0 18px; color:#fff; font-family:"Microsoft YaHei",Arial,sans-serif; font-size:12px; line-height:1.75; text-align:justify; }
.legacy-service-odm h3 { margin-bottom:28px; }
.legacy-service-cta { position:absolute; display:block; box-sizing:border-box; width:182px; height:38px; border-radius:20px; background:#34cf95; color:#fff; font:12px/38px "Microsoft YaHei",Arial,sans-serif; text-align:center; text-decoration:none; white-space:nowrap; }
.legacy-service-oem .legacy-service-cta { left:68px; top:244px; }
.legacy-service-odm .legacy-service-cta { left:90px; top:239px; }
.legacy-service-center { background:#000 url('/media/about-service-center.png') center/cover no-repeat; }
.legacy-service-feature { top:1027px; height:300px; }
.legacy-service-feature article { height:300px; overflow:hidden; }
.legacy-feature-left { background:url('/media/about-service-left.jpg') center/cover no-repeat; }
.legacy-feature-copy { position:relative; box-sizing:border-box; padding:6px 26px; background:#000; color:#fff; }
.legacy-feature-copy h3 { margin:30px 0 28px; color:#fff; font-family:"Microsoft YaHei",Arial,sans-serif; font-size:22px; font-weight:400; line-height:1.5; text-align:center; }
.legacy-feature-copy p { margin:0; color:#fff; font-family:"Microsoft YaHei",Arial,sans-serif; font-size:12px; line-height:1.75; text-align:justify; }
.legacy-feature-copy .legacy-service-cta { left:67px; top:238px; }
.legacy-feature-right { background:#000 url('/media/about-service-right.jpg') left center/contain no-repeat; }
.legacy-advantage-title { left:292px; top:1386px; width:360px; height:34px; }
.legacy-advantage-band { position:absolute; top:1463px; left:calc(500px - 50vw + 4px); width:calc(100vw - 8px); height:469px; background:#333 url('/media/about-advantage-pattern.png') center top repeat; }
.legacy-advantage-band > h3 { position:absolute; top:43px; left:calc(50% - 207px); width:413px; height:77px; margin:0; color:#fff; font-family:"Comic Sans MS",cursive; font-size:30px; font-weight:700; line-height:1.2; text-align:center; }
.legacy-stat { position:absolute; top:157px; width:220px; height:278px; color:#fff; text-align:center; }
.legacy-stat i { display:grid; width:96px; height:96px; place-items:center; box-sizing:border-box; margin:39px auto 27px; border:2px solid rgba(255,255,255,.8); border-radius:50%; color:#fff; font-family:Arial,sans-serif; font-size:42px; font-style:normal; line-height:1; }
.legacy-stat strong { display:block; color:#fff; font-family:"Arial Black",Arial,sans-serif; font-size:48px; font-weight:400; line-height:52px; }
.legacy-stat span { display:block; min-height:26px; margin-top:13px; color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.4; }
.stat-low { left:70px; top:161px; height:269px; }
.stat-years { left:298px; top:157px; }
.stat-satisfaction { left:516px; top:157px; }
.stat-partners { left:738px; top:162px; height:277px; }
.legacy-about-begin { position:absolute; left:311px; top:1995px; width:360px; height:34px; margin:0; color:#000; font-family:Arial,Helvetica,sans-serif; font-size:30px; font-weight:700; line-height:34px; text-align:center; }
.legacy-about-contact { position:absolute; top:2061px; left:calc(500px - 50vw + 4px); display:grid; grid-template-columns:1fr 1fr; width:calc(100vw - 8px); height:480px; }
.legacy-about-contact-left { position:relative; background:#1f2021 url('/media/about-contact-texture.jpg') center/cover repeat; }
.legacy-about-contact-left p { position:absolute; left:calc(50% - 205px); bottom:37px; width:410px; margin:0; color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.6; text-align:center; }
.legacy-about-contact-right { position:relative; background:#f7f7f7; }
.legacy-about-contact-right > h2 { position:absolute; top:35px; left:calc(50% - 119px); width:237px; margin:0; color:#111; font-family:Arial,Helvetica,sans-serif; font-size:30px; font-weight:700; line-height:45px; text-align:center; }
.legacy-about-contact-right > p { position:absolute; top:100px; left:calc(50% - 67px); width:134px; margin:0; color:#333; font-family:Tahoma,Arial,sans-serif; font-size:14px; line-height:21px; text-align:center; }
.legacy-about-form { position:absolute; top:147px; left:calc(50% - 240px); width:480px; height:290px; }
.legacy-about-form input,.legacy-about-form textarea { box-sizing:border-box; border:0; border-bottom:1px solid #bbb; border-radius:0; background:transparent; color:#666; font:14px/22px Tahoma,Arial,sans-serif; outline:0; }
.legacy-about-form input { width:211px; height:36px; padding:7px 0; }
.legacy-about-form input[name="email"] { float:right; }
.legacy-about-form textarea { display:block; width:100%; height:130px; margin-top:20px; padding:0 12px 0 0; resize:none; }
.legacy-about-form .legacy-verification { width:336px; margin-top:20px; }
.legacy-about-form button { float:right; width:110px; height:36px; margin-top:20px; border:0; background:#333; color:#fff; font:14px Tahoma,Arial,sans-serif; cursor:pointer; }
.legacy-about-form .form-status { position:absolute; bottom:-22px; left:0; width:100%; margin:0; color:#555; font-size:12px; text-align:center; }
@keyframes legacy-slide-left { from { opacity:0; transform:translate3d(-34px,0,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes legacy-slide-right { from { opacity:0; transform:translate3d(34px,0,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes legacy-bounce-in { 0% { opacity:0; transform:scale3d(.3,.3,.3); } 50% { opacity:1; transform:scale3d(1.06,1.06,1.06); } 70% { transform:scale3d(.92,.92,.92); } 100% { opacity:1; transform:scale3d(1,1,1); } }
.legacy-about-page .legacy-animate { opacity:0; will-change:opacity,transform; }
.legacy-about-page .legacy-animate.is-visible { animation:var(--legacy-animation,legacy-slide-left) .75s both; animation-delay:var(--legacy-delay,0s); }
@media (prefers-reduced-motion:reduce) { .legacy-about-page .legacy-animate { opacity:1; animation:none!important; transform:none!important; } }
@keyframes home-reveal-up { from { opacity:0; transform:translate3d(0,28px,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes home-reveal-left { from { opacity:0; transform:translate3d(-34px,0,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes home-reveal-right { from { opacity:0; transform:translate3d(34px,0,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes home-reveal-pop { 0% { opacity:0; transform:scale3d(.92,.92,.92); } 60% { opacity:1; transform:scale3d(1.025,1.025,1.025); } 100% { opacity:1; transform:scale3d(1,1,1); } }
.home-reveal,.contact-reveal { opacity:0; will-change:opacity,transform; }
.home-reveal.is-visible,.contact-reveal.is-visible { animation:var(--home-reveal-animation,home-reveal-up) .68s cubic-bezier(.22,.61,.36,1) both; animation-delay:var(--home-reveal-delay,0s); }
@media (prefers-reduced-motion:reduce) { .home-reveal,.contact-reveal { opacity:1; animation:none!important; transform:none!important; } }
@media (max-width:900px) { .legacy-about-frame { left:0; width:100%; height:auto; min-height:1500px; transform-origin:top center; transform:scale(.78); margin-bottom:calc(-2587px * .22); } .legacy-advantage-band,.legacy-about-contact { left:calc(500px - 50vw); width:100vw; min-width:1000px; } }
.footer-grid { display:grid; grid-template-columns:1.25fr .8fr 1.2fr; gap:55px; padding:48px 0 35px; }
.footer-logo { display:block; width:125px; margin-bottom:14px; filter:brightness(0) invert(1) grayscale(1); opacity:.92; }
.footer-grid h3 { margin:0 0 18px; color:#fff; font-size:14px; font-weight:normal; }
.footer-grid p,.footer-grid a { display:block; margin:0 0 9px; color:#bbb; font-size:12px; line-height:1.75; }
.footer-grid a:hover { color:#fff; }
.copyright { border-top:1px solid #414141; padding:17px 0; color:#888; font-size:12px; text-align:center; }

@media(max-width:900px){
  :root{--site-width:100%;}.site-header,.site-header .header-shell{height:65px;}.site-header .header-shell{width:auto;max-width:calc(100% - 30px);}.brand{height:65px;flex-basis:96px;}.brand img{width:62px;height:64px;}.menu-toggle{display:block;z-index:2}.nav-links{display:none;position:absolute;top:65px;left:0;right:0;width:auto;height:auto;flex-direction:column;background:#fff;border:1px solid #eee;box-shadow:0 4px 12px rgba(0,0,0,.1);}.nav-links.open{display:flex}.nav-link{width:auto;height:48px;min-width:0;justify-content:flex-start;padding:0 20px}.nav-link.active::after{display:none}.language{position:static;align-self:center;width:auto;height:20px;margin-left:auto}.language button:first-child,.language button:last-child{width:auto;margin-right:7px}.language i{display:none}.legacy-hero{height:530px}.hero-copy-brands{left:68%;top:128px;width:470px}.hero-copy-light{left:8%;top:130px;width:460px}.hero-copy h1{font-size:43px;line-height:45px}.hero-copy h2{font-size:25px;line-height:29px;margin-top:14px}.hero-copy p{margin-top:22px}.hero-details{margin-top:32px}.legacy-side-tools{display:none}.legacy-about,.about-page,.contact-layout{grid-template-columns:1fr}.legacy-about-visual{min-height:280px}.legacy-about-copy{padding:45px 9%}.service-row,.legacy-news,.product-grid{grid-template-columns:repeat(2,1fr);gap:26px}.team-list{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.contact-layout{gap:30px}.contact-info{max-width:none}.article-content{padding-left:0;padding-right:0}}
@media(max-width:560px){.shell{max-width:calc(100% - 30px)}.legacy-hero{height:490px;background-position:63% center}.hero-copy{top:23%;width:255px}.hero-copy h1{font-size:27px}.hero-copy p{font-size:15px}.legacy-section{padding:55px 0}.legacy-title{font-size:23px;margin-bottom:32px}.service-row,.legacy-news,.product-grid,.team-list,.footer-grid{grid-template-columns:1fr}.legacy-news-card .news-pic,.product-pic{height:235px}.stats{gap:20px}.contact-form{padding:26px 20px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.page-banner{height:200px}.page-banner h1{font-size:28px}.article-head h1{font-size:24px}.footer-grid{padding:40px 0 25px}}
@media(max-width:760px){.product-detail{grid-template-columns:1fr;gap:32px;padding-top:28px;padding-bottom:48px}.product-detail__primary,.product-detail__placeholder{min-height:300px}.product-detail__copy h1{font-size:30px}.product-detail__description{padding:48px 0}.product-detail__copy dl div{grid-template-columns:94px 1fr}}

/* MODTEK own-brand experience.  These styles are deliberately scoped so the
   legacy Hexblue pages retain their original, carefully matched layout. */
body.modtek-mode { background:#030303; color:#f5f5f5; }
body.modtek-mode .site-header { height:76px; background:#050505; border-bottom:1px solid rgba(255,255,255,.13); }
body.modtek-mode .site-footer { background:#050505; color:#fff; }
.modtek-topbar { width:min(1320px,calc(100% - 64px)); height:76px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; letter-spacing:.13em; }
.modtek-topbar a { color:#f6f6f6; text-decoration:none; transition:color .2s ease,opacity .2s ease; }
.modtek-topbar a:hover { color:#ee0019; }
.modtek-topbar__back,.modtek-topbar__contact { font-size:10px; font-weight:700; }
.modtek-topbar__back span { color:#7d7d7d; margin-left:5px; }
.modtek-topbar__name { position:absolute; left:50%; transform:translateX(-50%); color:#fff; font-size:24px; font-weight:900; letter-spacing:.18em; font-style:italic; }
.modtek-topbar__name::before { content:""; display:inline-block; width:14px; height:14px; margin:0 8px 1px 0; background:#e60019; clip-path:polygon(0 34%,100% 0,62% 47%,100% 52%,0 100%,38% 54%); vertical-align:middle; }
.modtek-topbar__name small { display:block; margin:2px 0 0 25px; color:#9e9e9e; font-size:7px; letter-spacing:.34em; text-align:center; }
.modtek-topbar__contact b { color:#e60019; font-size:16px; margin-left:4px; }
.modtek-page { --modtek-red:#e60019; overflow:hidden; background:#030303; color:#f8f8f8; font-family:Arial,Helvetica,sans-serif; }
.modtek-page * { box-sizing:border-box; }
.modtek-brand-page { background-color:#020202; background-image:url('/media/modtek-continuous-cosmos-track-background.png'); background-position:center top; background-size:100% 100%; background-repeat:no-repeat; background-attachment:scroll; }
.modtek-hero { position:relative; min-height:720px; overflow:hidden; background:#050505; isolation:isolate; }
.modtek-hero::before { content:""; position:absolute; z-index:-2; inset:0; background-image:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.76) 45%,rgba(0,0,0,.32) 100%),var(--modtek-hero); background-size:cover; background-position:center; opacity:.95; }
.modtek-hero::after { content:""; position:absolute; z-index:-1; inset:auto -10% -28% 40%; height:62%; border:1px solid rgba(230,0,25,.38); transform:rotate(-17deg); box-shadow:0 0 120px rgba(230,0,25,.13); }
.modtek-hero__grid { width:min(1240px,calc(100% - 80px)); min-height:720px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr); align-items:center; gap:7vw; }
.modtek-hero__logo { max-width:600px; padding:3%; background:linear-gradient(125deg,rgba(255,255,255,.06),rgba(255,255,255,0)); border-left:2px solid var(--modtek-red); }
.modtek-hero__logo img { width:100%; display:block; mix-blend-mode:screen; }
.modtek-hero__copy { padding:34px 0; }
.modtek-eyebrow { margin:0 0 20px; color:#e60019; font-size:10px; font-weight:800; letter-spacing:.24em; text-transform:uppercase; }
.modtek-hero h1,.modtek-hero h2,.modtek-manifesto h2,.modtek-products h2,.modtek-cta h2,.modtek-detail-section h2,.modtek-specs h2,.modtek-assets h2,.modtek-faq h2,.modtek-missing h1 { margin:0; font-weight:900; text-transform:uppercase; letter-spacing:-.055em; line-height:.88; font-style:italic; }
.modtek-hero h1 { color:#fff; font-size:clamp(52px,8.8vw,124px); }
.modtek-hero h2 { max-width:430px; margin-top:18px; color:#e60019; font-size:clamp(18px,2.1vw,30px); letter-spacing:.16em; line-height:1.22; }
.modtek-hero__lead { max-width:390px; margin:30px 0 0; color:#c4c4c4; font-size:15px; line-height:1.75; }
.modtek-arrow-link { display:inline-flex; align-items:center; gap:25px; margin-top:40px; padding-bottom:11px; border-bottom:1px solid rgba(255,255,255,.55); color:#fff; font-size:11px; font-weight:800; letter-spacing:.16em; text-decoration:none; transition:color .2s ease,border-color .2s ease; }
.modtek-arrow-link span { color:#e60019; font-size:23px; line-height:.5; }
.modtek-arrow-link:hover { color:#e60019; border-color:#e60019; }
.modtek-hero__serial { position:absolute; right:40px; bottom:28px; color:#9a9a9a; font-size:9px; letter-spacing:.17em; writing-mode:vertical-rl; transform:rotate(180deg); }
.modtek-manifesto { width:min(1240px,calc(100% - 80px)); margin:0 auto; padding:146px 0 132px; display:grid; grid-template-columns:1.25fr .75fr; gap:100px; position:relative; overflow:hidden; isolation:isolate; background:#050505; }
.modtek-manifesto::before { content:""; position:absolute; top:113px; left:0; width:52px; height:3px; background:#e60019; }
.modtek-manifesto::after { content:""; position:absolute; z-index:-1; inset:0; background-image:linear-gradient(90deg,rgba(3,3,3,.6),rgba(3,3,3,.22)),url('/media/modtek-manifesto-abstract-background.png'); background-size:cover; background-position:center; opacity:.88; }
.modtek-manifesto .modtek-eyebrow { position:absolute; top:62px; left:0; }
.modtek-manifesto__headline { display:flex; flex-direction:column; font-size:clamp(50px,8.2vw,116px); font-weight:900; font-style:italic; letter-spacing:-.075em; line-height:.83; }
.modtek-manifesto__headline span { color:#737373; }
.modtek-manifesto__headline strong { color:#fff; }
.modtek-manifesto__copy { align-self:end; padding:6px 0 0 28px; border-left:1px solid #e60019; color:#b9b9b9; font-size:15px; line-height:1.85; }
.modtek-manifesto__copy p { margin:0; }
.modtek-manifesto__copy a { display:inline-flex; margin-top:30px; color:#fff; font-size:10px; font-weight:800; letter-spacing:.15em; text-decoration:none; }
.modtek-manifesto__copy a b { margin-left:15px; color:#e60019; }
.modtek-products { padding:106px max(40px,calc((100% - 1240px)/2)) 140px; background-color:#050505; background-image:linear-gradient(142deg,rgba(5,5,5,.77),rgba(3,3,3,.88) 65%),url('/media/modtek-products-architecture-background.png'); background-size:cover; background-position:center; border-top:1px solid #242424; }
.modtek-section-heading { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:62px; }
.modtek-section-heading > span { color:#e60019; font-size:10px; font-weight:800; letter-spacing:.2em; }
.modtek-section-heading h2 { color:#fff; font-size:clamp(42px,5.4vw,76px); text-align:right; }
.modtek-section-heading h2 b,.modtek-cta h2 b,.modtek-assets h2 b,.modtek-faq h2 b,.modtek-specs h2 b { color:#e60019; }
.modtek-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.modtek-product-card { min-height:390px; overflow:hidden; background:#0a0a0a; color:#fff; text-decoration:none; border:1px solid #242424; }
.modtek-product-card__image { position:relative; height:270px; overflow:hidden; background:linear-gradient(145deg,#242424,#080808); }
.modtek-product-card__image::after { content:""; position:absolute; inset:0; background:linear-gradient(145deg,transparent 0 46%,rgba(230,0,25,.3) 46.4%,transparent 47%); opacity:.6; }
.modtek-product-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .45s cubic-bezier(.2,.6,.2,1); }
.modtek-product-card:hover img { transform:scale(1.06); }
.modtek-product-card__image span { position:absolute; z-index:1; right:17px; bottom:13px; color:#fff; font-weight:800; font-size:11px; letter-spacing:.14em; }
.modtek-product-card > div:last-child { padding:23px 24px 25px; }
.modtek-product-card p { margin:0 0 8px; color:#e60019; font-size:9px; font-weight:800; letter-spacing:.16em; }
.modtek-product-card h3 { min-height:46px; margin:0; font-size:22px; line-height:1; letter-spacing:-.035em; text-transform:uppercase; font-style:italic; }
.modtek-product-card b { display:flex; justify-content:space-between; margin-top:22px; padding-top:14px; border-top:1px solid #343434; font-size:10px; letter-spacing:.13em; }
.modtek-product-card em { color:#e60019; font-style:normal; font-size:18px; }
.modtek-ready { position:relative; max-width:680px; padding:52px 0 55px 33px; overflow:hidden; border-left:2px solid #e60019; }
.modtek-ready__question { position:absolute; right:-7px; bottom:-55px; z-index:0; color:#e60019; font-family:Arial,Helvetica,sans-serif; font-size:clamp(180px,25vw,325px); font-style:italic; font-weight:900; line-height:.72; opacity:.94; text-shadow:0 0 32px rgba(230,0,25,.22); }
.modtek-ready > :not(.modtek-ready__question) { position:relative; z-index:1; }
.modtek-ready span { color:#e60019; font-size:10px; font-weight:800; letter-spacing:.2em; }
.modtek-ready h3 { margin:16px 0; color:#fff; font-size:clamp(30px,4.7vw,58px); line-height:.88; letter-spacing:-.06em; font-style:italic; }
.modtek-ready p { max-width:460px; color:#a8a8a8; font-size:14px; line-height:1.8; }
.modtek-release-empty { max-width:560px; padding:32px 0 32px 28px; border-left:2px solid #e60019; }
.modtek-release-empty span { color:#e60019; font-size:10px; font-weight:800; letter-spacing:.2em; }
.modtek-release-empty p { max-width:430px; margin:14px 0 0; color:#a8a8a8; font-size:14px; line-height:1.8; }
.modtek-upcoming { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.9fr); gap:6vw; align-items:center; min-height:540px; padding:92px max(40px,calc((100% - 1240px)/2)); overflow:hidden; background:linear-gradient(115deg,#020202 0%,#090000 57%,#250004 100%); isolation:isolate; }
.modtek-upcoming::before { content:""; position:absolute; z-index:-1; top:-100px; right:11%; width:440px; height:640px; border:1px solid rgba(230,0,25,.46); transform:rotate(30deg); box-shadow:0 0 120px rgba(230,0,25,.2); }
.modtek-upcoming__heading p { margin:0 0 16px; color:#e60019; font-size:10px; font-weight:800; letter-spacing:.2em; }
.modtek-upcoming__heading h2 { margin:0; color:#fff; font-size:clamp(48px,7vw,95px); font-weight:900; text-transform:uppercase; letter-spacing:-.055em; line-height:.88; font-style:italic; }
.modtek-upcoming__heading h2 b { color:#e60019; }
.modtek-upcoming__products { position:relative; z-index:1; }
.modtek-upcoming .modtek-ready { max-width:600px; min-height:300px; padding-top:42px; background:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.04)); }
.modtek-upcoming .modtek-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.modtek-cta { position:relative; min-height:400px; padding:104px max(40px,calc((100% - 1240px)/2)); overflow:hidden; background:linear-gradient(115deg,#020202 0%,#090000 57%,#250004 100%); }
.modtek-cta::before { content:""; position:absolute; top:-100px; right:11%; width:440px; height:640px; border:1px solid rgba(230,0,25,.46); transform:rotate(30deg); box-shadow:0 0 120px rgba(230,0,25,.2); }
.modtek-cta--contact { min-height:360px; border-top:1px solid rgba(230,0,25,.22); background-color:#030303; background-image:linear-gradient(90deg,rgba(2,2,2,.94) 0%,rgba(2,2,2,.76) 48%,rgba(2,2,2,.26) 100%),url('/media/modtek-contact-abstract-background.png'); background-size:cover; background-position:center; }
.modtek-cta--contact::before { content:none; }
.modtek-upcoming + .modtek-cta--contact + .modtek-cta { display:none; }
.modtek-cta p { position:relative; margin:0 0 16px; color:#e60019; font-size:10px; font-weight:800; letter-spacing:.2em; }
.modtek-cta h2 { position:relative; color:#fff; font-size:clamp(48px,7vw,95px); }
.modtek-cta a { position:relative; display:inline-flex; align-items:center; gap:26px; margin-top:37px; color:#fff; font-size:10px; font-weight:800; letter-spacing:.16em; text-decoration:none; }
.modtek-cta a span { color:#e60019; font-size:22px; }
.modtek-footer { width:min(1320px,calc(100% - 64px)); min-height:126px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; font-family:Arial,Helvetica,sans-serif; text-transform:uppercase; }
.modtek-footer strong { font-size:20px; font-style:italic; letter-spacing:.12em; }
.modtek-footer strong::before { content:""; display:inline-block; width:12px; height:12px; margin-right:7px; background:#e60019; clip-path:polygon(0 34%,100% 0,62% 47%,100% 52%,0 100%,38% 54%); }
.modtek-footer span { display:block; margin-top:6px; color:#858585; font-size:8px; letter-spacing:.16em; }
.modtek-footer p { color:#777; font-size:9px; letter-spacing:.1em; }
.modtek-footer a { color:#fff; font-size:9px; font-weight:800; letter-spacing:.15em; text-decoration:none; }
.modtek-footer a b { margin-left:10px; color:#e60019; font-size:17px; }
.modtek-product-hero { position:relative; min-height:650px; overflow:hidden; background:#080808; background-image:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.48)),var(--modtek-product-image); background-size:cover; background-position:center; }
.modtek-product-hero__veil { position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,3,3,.88),transparent 48%); }
.modtek-product-hero__copy { position:relative; z-index:1; width:min(1240px,calc(100% - 80px)); padding-top:165px; margin:0 auto; }
.modtek-product-hero__copy > p { margin:0 0 15px; color:#e60019; font-size:10px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.modtek-product-hero__copy h1 { max-width:800px; color:#fff; font-size:clamp(52px,9.5vw,130px); }
.modtek-product-hero__copy h2 { max-width:540px; margin:20px 0 0; color:#d3d3d3; font-size:17px; font-weight:400; line-height:1.6; }
.modtek-product-hero__index { position:absolute; right:42px; bottom:34px; color:#a2a2a2; font-size:9px; font-weight:700; letter-spacing:.15em; }
.modtek-product-content { background:#030303; }
.modtek-detail-section { width:min(1240px,calc(100% - 80px)); min-height:430px; margin:0 auto; padding:125px 0; display:grid; grid-template-columns:1fr 1fr; gap:9vw; align-items:center; border-bottom:1px solid #262626; }
.modtek-detail-section--media-left .modtek-detail-section__media { order:-1; }
.modtek-detail-section--center { max-width:860px; min-height:0; display:block; padding:120px 0; text-align:center; }
.modtek-detail-section--center .modtek-detail-section__copy { max-width:740px; margin:0 auto; }
.modtek-detail-section--center .modtek-eyebrow { justify-content:center; }
.modtek-detail-section h2 { color:#fff; font-size:clamp(38px,5.5vw,76px); }
.modtek-rich { margin-top:25px; color:#bbb; font-size:15px; line-height:1.9; }
.modtek-rich p { margin:0 0 16px; }
.modtek-rich h1,.modtek-rich h2,.modtek-rich h3 { color:#fff; font-size:1.1em; letter-spacing:.02em; }
.modtek-rich img,.modtek-listing-summary__lead img,.modtek-listing-summary__about-copy img { display:block; width:auto; max-width:100%; height:auto; margin:18px 0; border:1px solid #353535; background:#111; }
.modtek-detail-section__media { min-height:260px; overflow:hidden; background:#111; border:1px solid #2b2b2b; }
.modtek-detail-section__media img,.modtek-detail-section__media video,.modtek-detail-section__media iframe,.modtek-video img,.modtek-video video,.modtek-video iframe { width:100%; min-height:260px; display:block; border:0; object-fit:cover; aspect-ratio:16/9; }
.modtek-specs { padding:120px max(40px,calc((100% - 1240px)/2)); background:#101010; }
.modtek-specs dl { display:grid; grid-template-columns:repeat(2,1fr); gap:0 60px; margin:0; }
.modtek-specs dl div { display:flex; justify-content:space-between; gap:24px; padding:19px 0; border-top:1px solid #333; }
.modtek-specs dt { color:#999; font-size:12px; letter-spacing:.04em; }
.modtek-specs dd { margin:0; color:#fff; font-size:14px; font-weight:700; text-align:right; }
.modtek-assets { width:min(1240px,calc(100% - 80px)); margin:0 auto; padding:130px 0; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); gap:9vw; }
.modtek-assets h2 { color:#fff; font-size:clamp(38px,5.2vw,72px); }
.modtek-video { margin-top:46px; background:#111; }
.modtek-video p { margin:0; padding:11px 14px; color:#9e9e9e; font-size:10px; letter-spacing:.1em; }
.manual-player { --manual-accent:#fb7299; --manual-accent-strong:#fc5185; --manual-surface:#000; --manual-line:rgba(255,255,255,.2); --subtitle-min-font-size:13px; position:relative; overflow:hidden; container-type:inline-size; background:var(--manual-surface); color:#fff; font-family:Inter,Arial,Helvetica,sans-serif; border:1px solid rgba(255,255,255,.14); }
.manual-player [hidden] { display:none !important; }
.manual-player.is-loading,.manual-player.is-error { display:grid; min-height:300px; place-items:center; }
.manual-player__loading { max-width:440px; margin:0; padding:34px; color:#d7d7d7; font-size:14px; line-height:1.6; text-align:center; }
.manual-player__loading--error { color:#fff; }
.manual-player__stage { position:relative; overflow:hidden; aspect-ratio:16 / 9; background:#000; cursor:pointer; touch-action:manipulation; }
.manual-player__video { display:block; width:100%; height:100%; background:#000; object-fit:contain; pointer-events:none; }
/* The custom controls are the only supported control surface.  The pseudo
   selectors are defensive fallbacks for WebKit-derived mobile browsers. */
.manual-player__video::-webkit-media-controls,
.manual-player__video::-webkit-media-controls-enclosure,
.manual-player__video::-webkit-media-controls-panel { display:none !important; }
.manual-player__chapter { position:absolute; z-index:2; top:50%; left:50%; width:min(82%,760px); padding:16px 22px; color:#fff; font-size:clamp(20px,3.2vw,48px); font-weight:800; font-style:italic; line-height:1.02; letter-spacing:.035em; text-align:center; text-transform:uppercase; text-shadow:0 2px 24px rgba(0,0,0,.85),0 0 46px rgba(0,0,0,.9); transform:translate(-50%,-50%); pointer-events:none; }
.manual-player__chapter::after { content:""; display:block; width:42px; height:2px; margin:13px auto 0; background:var(--manual-accent); box-shadow:0 0 15px rgba(251,114,153,.75); }
.manual-player__subtitle-band { display:grid; min-height:64px; padding:8px 18px; background:#111216; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); }
.manual-player__subtitles { display:grid; min-height:48px; align-content:center; justify-items:center; gap:5px; width:100%; pointer-events:none; }
.manual-player__subtitles span { width:fit-content; max-width:min(94%,950px); padding:6px 12px 7px; color:var(--subtitle-text-color,#fff); background:var(--subtitle-bg,rgba(0,0,0,.6)); border-radius:var(--subtitle-border-radius,3px); box-decoration-break:clone; -webkit-box-decoration-break:clone; font-size:var(--subtitle-font-size,clamp(15px,1.7vw,22px)); font-weight:var(--subtitle-font-weight,700); line-height:1.38; overflow-wrap:break-word; word-break:normal; white-space:normal; hyphens:auto; text-align:center; text-shadow:var(--subtitle-text-shadow,0 1px 2px #000); }
.manual-player.is-rtl .manual-player__subtitles { direction:rtl; }
.manual-player.is-rtl .manual-player__subtitles span { text-align:center; }
.manual-player__notice { position:absolute; z-index:4; right:18px; bottom:18px; left:18px; margin:0; padding:11px 13px; color:#f4f4f4; background:rgba(0,0,0,.82); border-radius:4px; border-left:3px solid var(--manual-accent); font-size:12px; line-height:1.4; pointer-events:none; }
.manual-player__notice.is-error { border-left-color:#ff5c6b; color:#fff; }

/* Controls bar: solid dark bar, Bilibili-style layout (top progress rail + bottom button row) */
.manual-player__controls { position:relative; display:grid; gap:2px; padding:0 16px 10px; background:#18191c; border-top:1px solid rgba(255,255,255,.06); }
.manual-player__row--bar { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:42px; }
.manual-player__cluster { display:flex; align-items:center; gap:6px; min-width:0; }
.manual-player__cluster--right { flex-wrap:nowrap; }

/* Icon buttons: flat, icon-only, Bilibili minimal style */
.manual-player__icon { width:20px; height:20px; display:block; pointer-events:none; }
.manual-player__button { display:inline-grid; width:34px; height:34px; flex:0 0 auto; place-items:center; padding:0; color:#e9e9e9; background:transparent; border:0; border-radius:4px; cursor:pointer; transition:color .18s ease,transform .18s cubic-bezier(.16,1,.3,1); }
.manual-player__button:hover { color:var(--manual-accent); transform:scale(1.08); }
.manual-player__button:active { transform:scale(.94); }
.manual-player__button:focus-visible { outline:2px solid var(--manual-accent); outline-offset:2px; }

.manual-player__play { width:36px; height:36px; color:#fff; }
.manual-player__play:hover { color:var(--manual-accent); }
.manual-player__play .manual-player__icon { width:20px; height:20px; }

/* Two-state icon swap driven by aria-pressed / :fullscreen, no JS icon rewrites needed */
.manual-player__play .manual-player__icon--pause,
.manual-player__mute .manual-player__icon--sound-off,
.manual-player__fullscreen .manual-player__icon--collapse { display:none; }
.manual-player__play[aria-pressed="true"] .manual-player__icon--play { display:none; }
.manual-player__play[aria-pressed="true"] .manual-player__icon--pause { display:block; }
.manual-player__mute[aria-pressed="true"] .manual-player__icon--sound-on { display:none; }
.manual-player__mute[aria-pressed="true"] .manual-player__icon--sound-off { display:block; }
.manual-player:fullscreen .manual-player__fullscreen .manual-player__icon--expand { display:none; }
.manual-player:fullscreen .manual-player__fullscreen .manual-player__icon--collapse { display:block; }

.manual-player__time { display:flex; align-items:baseline; gap:4px; margin-left:4px; color:#dadada; font-size:12px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.manual-player__time-sep { color:#767676; }

/* Progress bar: full-width top rail, thin at rest, thickens + reveals thumb on hover (Bilibili behaviour) */
.manual-player__row--progress { position:relative; padding:6px 16px 4px; }
.manual-player__seek,
.manual-player__volume { -webkit-appearance:none; appearance:none; height:3px; margin:0; background:transparent; cursor:pointer; }
.manual-player__seek { --seek-progress:0%; width:100%; transition:height .12s ease; }
.manual-player__row--progress:hover .manual-player__seek,
.manual-player__seek:focus-visible { height:5px; }
.manual-player__volume { --volume-progress:100%; width:64px; }
.manual-player__seek::-webkit-slider-runnable-track { height:3px; border-radius:2px; background:linear-gradient(to right,var(--manual-accent) 0%,var(--manual-accent) var(--seek-progress),rgba(255,255,255,.28) var(--seek-progress),rgba(255,255,255,.28) 100%); }
.manual-player__volume::-webkit-slider-runnable-track { height:3px; border-radius:2px; background:linear-gradient(to right,var(--manual-accent) 0%,var(--manual-accent) var(--volume-progress),rgba(255,255,255,.28) var(--volume-progress),rgba(255,255,255,.28) 100%); }
.manual-player__seek::-webkit-slider-thumb { -webkit-appearance:none; width:12px; height:12px; margin-top:-4.5px; border-radius:50%; background:#fff; opacity:0; box-shadow:0 1px 3px rgba(0,0,0,.4); transition:opacity .15s ease,box-shadow .15s ease; }
.manual-player__row--progress:hover .manual-player__seek::-webkit-slider-thumb,
.manual-player__seek:focus-visible::-webkit-slider-thumb { opacity:1; }
.manual-player__seek:focus-visible::-webkit-slider-thumb { box-shadow:0 0 0 4px rgba(251,114,153,.35),0 1px 3px rgba(0,0,0,.4); }
.manual-player__volume::-webkit-slider-thumb { -webkit-appearance:none; width:11px; height:11px; margin-top:-4px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.4); transition:box-shadow .15s ease; }
.manual-player__volume:hover::-webkit-slider-thumb,.manual-player__volume:focus-visible::-webkit-slider-thumb { box-shadow:0 0 0 4px rgba(251,114,153,.35),0 1px 3px rgba(0,0,0,.4); }
.manual-player__seek::-moz-range-track { height:3px; border-radius:2px; background:rgba(255,255,255,.28); }
.manual-player__volume::-moz-range-track { height:3px; border-radius:2px; background:rgba(255,255,255,.28); }
.manual-player__seek::-moz-range-progress,
.manual-player__volume::-moz-range-progress { height:3px; border-radius:2px; background:var(--manual-accent); }
.manual-player__seek::-moz-range-thumb { width:12px; height:12px; border:0; border-radius:50%; background:#fff; opacity:0; transition:opacity .15s ease; }
.manual-player__row--progress:hover .manual-player__seek::-moz-range-thumb,
.manual-player__seek:focus-visible::-moz-range-thumb { opacity:1; }
.manual-player__volume::-moz-range-thumb { width:11px; height:11px; border:0; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.4); }
.manual-player__seek:focus-visible,.manual-player__volume:focus-visible { outline:none; }

/* Language / speed selects: minimal text buttons, Bilibili quality/speed-selector style */
.manual-player__field { position:relative; display:inline-flex; align-items:center; gap:6px; min-width:0; color:#c5c5c5; font-size:9px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.manual-player__field select { appearance:none; -webkit-appearance:none; max-width:140px; min-height:28px; padding:0 20px 0 8px; color:#e9e9e9; background:transparent; border:0; border-radius:4px; font:700 12px/1 Inter,Arial,Helvetica,sans-serif; letter-spacing:.02em; cursor:pointer; transition:color .18s ease; }
.manual-player__field select option { background-color:#18191c; color:#f2f2f2; }
.manual-player__field select option:checked,
.manual-player__field select option:hover { background-color:var(--manual-accent); color:#fff; }
.manual-player__field select:hover { color:var(--manual-accent); }
.manual-player__field select:focus-visible { outline:2px solid var(--manual-accent); outline-offset:1px; border-radius:4px; }
.manual-player__field::after { content:""; position:absolute; right:6px; top:50%; width:6px; height:6px; border-right:1.5px solid #9a9a9a; border-bottom:1.5px solid #9a9a9a; transform:translateY(-65%) rotate(45deg); pointer-events:none; }
.manual-player__field:hover::after { border-color:var(--manual-accent); }
.manual-player__speed-field select { max-width:55px; padding-right:16px; }

/* Captions pill toggle */
.manual-player__captions { width:auto; height:26px; padding:0 11px; border-radius:3px; font:700 11px/1 Inter,Arial,Helvetica,sans-serif; letter-spacing:.02em; background:rgba(255,255,255,.08); border:0; color:#c9c9c9; }
.manual-player__captions:hover { transform:none; }
.manual-player__captions[aria-pressed="false"]:hover { background:rgba(255,255,255,.15); color:#fff; }
.manual-player__captions[aria-pressed="true"] { color:#fff; background:var(--manual-accent); }
.manual-player__captions[aria-pressed="true"]:hover { background:var(--manual-accent-strong); }

.manual-player:fullscreen { display:flex; width:100%; height:100%; flex-direction:column; border:0; }
.manual-player:fullscreen .manual-player__stage { flex:1; aspect-ratio:auto; }
.manual-player:fullscreen .manual-player__subtitle-band { padding-right:max(18px,env(safe-area-inset-right)); padding-left:max(18px,env(safe-area-inset-left)); }
.manual-player:fullscreen .manual-player__controls { padding-right:max(16px,env(safe-area-inset-right)); padding-bottom:max(10px,env(safe-area-inset-bottom)); padding-left:max(16px,env(safe-area-inset-left)); }

@media (prefers-reduced-motion: reduce) {
  .manual-player__button,.manual-player__play,
  .manual-player__seek::-webkit-slider-thumb,.manual-player__seek::-moz-range-thumb,
  .manual-player__volume::-webkit-slider-thumb,.manual-player__volume::-moz-range-thumb { transition:none; }
}

/* Subtitle sizing follows the player itself, not only the browser viewport.
   This keeps embedded/narrow manual players readable on wide desktop pages. */
@container (max-width:680px) {
  .manual-player__subtitle-band { --subtitle-min-font-size:12px; min-height:82px; padding:10px 12px; }
  .manual-player__subtitles { min-height:62px; }
  .manual-player__subtitles span { max-width:100%; padding:7px 11px 8px; font-size:var(--subtitle-font-size,clamp(14px,4.1cqw,18px)); line-height:1.42; }
}

@media (max-width:680px) {
  .manual-player { --subtitle-min-font-size:12px; }
  .manual-player__controls { gap:2px; padding:0 10px 8px; }
  .manual-player__row--progress { padding:6px 10px 4px; }
  .manual-player__button { width:30px; height:30px; }
  .manual-player__play { width:32px; height:32px; }
  .manual-player__cluster--right { flex-wrap:wrap; gap:4px 6px; justify-content:flex-end; }
  .manual-player__volume { width:44px; }
  .manual-player__field > span { display:none; }
  .manual-player__field select { max-width:110px; min-height:26px; }
  .manual-player__captions { height:24px; padding:0 9px; }
  .manual-player__subtitle-band { min-height:82px; padding:10px 12px; }
  .manual-player__subtitles { min-height:62px; }
  .manual-player__subtitles span { max-width:100%; padding:7px 11px 8px; font-size:var(--subtitle-font-size,clamp(14px,4vw,18px)); line-height:1.42; }
  .manual-player__chapter { width:90%; font-size:clamp(19px,7vw,34px); }
  .manual-player__notice { right:10px; bottom:10px; left:10px; font-size:11px; }
}
.modtek-downloads { align-self:end; border-top:2px solid #e60019; }
.modtek-downloads > p { margin:17px 0; color:#e60019; font-size:10px; font-weight:800; letter-spacing:.18em; }
.modtek-downloads a { display:grid; grid-template-columns:32px 1fr 25px; gap:10px; align-items:center; padding:17px 0; color:#fff; text-decoration:none; border-top:1px solid #303030; }
.modtek-downloads a > span { color:#e60019; font-size:10px; font-weight:800; }
.modtek-downloads b,.modtek-downloads small { display:block; }
.modtek-downloads b { font-size:12px; }
.modtek-downloads small { margin-top:4px; color:#8f8f8f; font-size:10px; }
.modtek-downloads em { color:#e60019; font-size:18px; font-style:normal; text-align:right; }
.modtek-faq { padding:120px max(40px,calc((100% - 1240px)/2)); background:#0c0c0c; }
.modtek-faq > div { max-width:890px; margin-left:auto; }
.modtek-faq details { border-top:1px solid #373737; }
.modtek-faq details:last-child { border-bottom:1px solid #373737; }
.modtek-faq summary { display:grid; grid-template-columns:44px 1fr 28px; gap:15px; padding:24px 0; color:#f5f5f5; cursor:pointer; font-size:16px; font-weight:700; list-style:none; }
.modtek-faq summary::-webkit-details-marker { display:none; }
.modtek-faq summary span,.modtek-faq summary b { color:#e60019; font-size:10px; letter-spacing:.1em; }
.modtek-faq summary b { font-size:20px; text-align:right; }
.modtek-faq details[open] summary b { transform:rotate(45deg); }
.modtek-faq article { padding:0 42px 24px 59px; }
.modtek-missing { min-height:76vh; padding:170px max(40px,calc((100% - 1240px)/2)); }
.modtek-missing > p { color:#e60019; font-size:10px; font-weight:800; letter-spacing:.2em; }
.modtek-missing h1 { margin-top:25px; color:#fff; font-size:clamp(44px,7vw,96px); }
.modtek-missing h1 b { color:#e60019; }
.modtek-missing a { display:inline-flex; gap:16px; margin-top:46px; color:#fff; font-size:11px; font-weight:800; letter-spacing:.16em; text-decoration:none; }
.modtek-missing a span { color:#e60019; }
/* MODTEK viewport motion: every reveal keeps its own visual role, then plays
   once when IntersectionObserver sees it. No-JavaScript stays fully readable. */
.modtek-reveal { opacity:1; transform:none; }
html.modtek-motion-ready body.modtek-mode .modtek-reveal { --modtek-reveal-x:0px; --modtek-reveal-y:20px; --modtek-reveal-scale:1; --modtek-reveal-duration:.46s; opacity:0; transform:translate3d(var(--modtek-reveal-x),var(--modtek-reveal-y),0) scale(var(--modtek-reveal-scale)); will-change:opacity,transform; transition:opacity var(--modtek-reveal-duration) cubic-bezier(.16,1,.3,1) var(--modtek-delay,0s),transform var(--modtek-reveal-duration) cubic-bezier(.16,1,.3,1) var(--modtek-delay,0s); }
html.modtek-motion-ready body.modtek-mode .modtek-reveal[data-modtek-reveal="logo"] { --modtek-reveal-x:-30px; --modtek-reveal-y:0px; --modtek-reveal-scale:.985; --modtek-reveal-duration:.58s; }
html.modtek-motion-ready body.modtek-mode .modtek-reveal[data-modtek-reveal="hero-copy"] { --modtek-reveal-y:26px; --modtek-reveal-duration:.56s; }
html.modtek-motion-ready body.modtek-mode .modtek-reveal[data-modtek-reveal="heading"] { --modtek-reveal-x:-22px; --modtek-reveal-y:10px; --modtek-reveal-duration:.5s; }
html.modtek-motion-ready body.modtek-mode .modtek-reveal[data-modtek-reveal="card"] { --modtek-reveal-y:16px; --modtek-reveal-scale:.985; --modtek-reveal-duration:.42s; }
html.modtek-motion-ready body.modtek-mode .modtek-reveal[data-modtek-reveal="cta"] { --modtek-reveal-x:-18px; --modtek-reveal-y:16px; --modtek-reveal-duration:.54s; }
html.modtek-motion-ready body.modtek-mode .modtek-reveal.is-visible { opacity:1; transform:translate3d(0,0,0) scale(1); will-change:auto; }
.modtek-discovery { width:min(976px,100%); min-height:202px; margin:36px auto 0; padding:35px 45px; display:flex; align-items:center; justify-content:space-between; overflow:hidden; position:relative; background:linear-gradient(125deg,#060606 0%,#160001 100%); color:#fff; font-family:Arial,Helvetica,sans-serif; }
.modtek-discovery::after { content:""; position:absolute; width:280px; height:280px; right:4%; top:-110px; border:1px solid rgba(230,0,25,.5); transform:rotate(31deg); }
.modtek-discovery p { margin:0 0 8px; color:#e60019; font-size:9px; font-weight:800; letter-spacing:.2em; }
.modtek-discovery h2 { position:relative; z-index:1; margin:0; font-size:38px; font-weight:900; line-height:.82; letter-spacing:-.06em; font-style:italic; }
.modtek-discovery h2 b { color:#e60019; }
.modtek-discovery span { display:block; margin-top:10px; color:#a3a3a3; font-size:9px; letter-spacing:.15em; }
.modtek-discovery a { position:relative; z-index:1; display:inline-flex; align-items:center; gap:22px; color:#fff; font-size:10px; font-weight:800; letter-spacing:.14em; text-decoration:none; }
.modtek-discovery i { color:#e60019; font-size:22px; font-style:normal; }
.modtek-control-system { position:relative; min-height:790px; padding:126px max(40px,calc((100% - 1240px)/2)) 66px; overflow:hidden; background:#080808; isolation:isolate; }
.modtek-control-system::before { content:""; position:absolute; z-index:-2; inset:0; background-image:linear-gradient(90deg,rgba(4,4,4,.95) 0%,rgba(4,4,4,.81) 43%,rgba(4,4,4,.27) 100%),var(--modtek-control-bg); background-size:cover; background-position:center; }
.modtek-control-system::after { content:""; position:absolute; z-index:-1; top:91px; left:max(40px,calc((100% - 1240px)/2)); width:54px; height:3px; background:#e60019; box-shadow:0 0 20px rgba(230,0,25,.8); }
.modtek-control-system__intro { width:min(700px,60vw); }
.modtek-control-system h2,.modtek-intent h2 { margin:0; color:#fff; font-size:clamp(45px,6.3vw,88px); font-weight:900; font-style:italic; letter-spacing:-.065em; line-height:.87; text-transform:uppercase; }
.modtek-control-system h2 b,.modtek-intent h2 b { color:#e60019; }
.modtek-control-system__intro > p:last-of-type { max-width:550px; margin:31px 0 0; color:#bfbfbf; font-size:15px; line-height:1.85; }
.modtek-platforms { display:flex; align-items:center; flex-wrap:wrap; gap:12px; max-width:570px; margin-top:38px; padding:17px 0 0; border-top:1px solid rgba(255,255,255,.28); }
.modtek-platforms > span { width:100%; color:#e60019; font-size:9px; font-weight:800; letter-spacing:.18em; }
.modtek-platforms strong { color:#fff; font-size:16px; font-weight:800; letter-spacing:.12em; font-style:italic; }
.modtek-platforms i { width:20px; height:1px; background:#e60019; }
.modtek-platforms small { width:100%; margin-top:9px; color:#898989; font-size:10px; line-height:1.6; }
.modtek-capability-grid { width:min(1240px,100%); margin:86px auto 0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.27); border-left:1px solid rgba(255,255,255,.17); background:rgba(0,0,0,.26); backdrop-filter:blur(4px); }
.modtek-capability-grid article { min-height:222px; padding:24px 24px 23px; border-right:1px solid rgba(255,255,255,.17); border-bottom:1px solid rgba(255,255,255,.17); transition:background .25s ease; }
.modtek-capability-grid article:hover { background:rgba(230,0,25,.1); }
.modtek-capability-grid article > div { display:flex; align-items:flex-start; justify-content:space-between; color:#e60019; }
.modtek-capability-grid svg { width:30px; height:30px; }
.modtek-capability-grid article > div span { color:#777; font-size:10px; font-weight:800; letter-spacing:.12em; }
.modtek-capability-grid h3 { margin:31px 0 11px; color:#fff; font-size:13px; letter-spacing:.075em; line-height:1.25; }
.modtek-capability-grid p { margin:0; color:#aaa; font-size:12px; line-height:1.65; }
.modtek-intent { width:min(1240px,calc(100% - 80px)); margin:0 auto; padding:130px 0 122px; display:grid; grid-template-columns:.9fr 1.1fr; gap:10vw; position:relative; overflow:hidden; isolation:isolate; background:#040404; }
.modtek-intent::before { content:""; position:absolute; z-index:-1; inset:0; background-image:linear-gradient(90deg,rgba(4,4,4,.72),rgba(4,4,4,.34)),url('/media/modtek-intent-telemetry-background.png'); background-size:cover; background-position:center; opacity:.84; }
.modtek-intent__cards { display:grid; grid-template-columns:repeat(3,1fr); align-items:end; gap:0; border-left:1px solid #333; }
.modtek-intent__cards article { min-height:235px; padding:0 22px 5px; border-right:1px solid #333; }
.modtek-intent__cards b { color:#e60019; font-size:10px; letter-spacing:.14em; }
.modtek-intent__cards h3 { margin:52px 0 11px; color:#fff; font-size:15px; line-height:1.15; letter-spacing:.02em; }
.modtek-intent__cards p { margin:0; color:#929292; font-size:12px; line-height:1.7; }
.modtek-brand-page .modtek-hero { background:transparent; }
.modtek-brand-page .modtek-hero::before { background-image:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.58) 48%,rgba(0,0,0,.24) 100%); opacity:1; }
.modtek-brand-page .modtek-hero::after { content:none; }
.modtek-brand-page .modtek-manifesto { background:rgba(2,2,2,.45); }
.modtek-brand-page .modtek-manifesto::after { content:none; }
.modtek-brand-page .modtek-control-system { background:transparent; }
.modtek-brand-page .modtek-control-system::before { background-image:linear-gradient(90deg,rgba(2,2,2,.84) 0%,rgba(2,2,2,.57) 47%,rgba(2,2,2,.18) 100%); opacity:1; }
.modtek-brand-page .modtek-intent { background:rgba(2,2,2,.42); }
.modtek-brand-page .modtek-intent::before { content:none; }
.modtek-brand-page .modtek-products { background-color:transparent; background-image:linear-gradient(142deg,rgba(3,3,3,.72),rgba(3,3,3,.5) 65%); }
.modtek-brand-page .modtek-upcoming { background:linear-gradient(90deg,rgba(2,2,2,.76),rgba(14,0,2,.48) 58%,rgba(2,2,2,.24)); }
.modtek-brand-page .modtek-upcoming::before { content:none; }
.modtek-brand-page .modtek-cta { background:linear-gradient(90deg,rgba(2,2,2,.88),rgba(2,2,2,.55) 55%,rgba(2,2,2,.24)); }
.modtek-brand-page .modtek-cta::before { content:none; }

/* MODTEK product Listing: familiar marketplace hierarchy without copying a third-party storefront. */
.modtek-product-listing-page { min-height:100vh; padding-bottom:112px; background:radial-gradient(circle at 80% 5%,rgba(230,0,25,.12),transparent 24%),#050505; color:#f6f6f6; }
.modtek-listing-breadcrumb { width:min(1450px,calc(100% - 80px)); margin:0 auto; padding:28px 0 20px; display:flex; gap:11px; color:#9b9b9b; font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.modtek-listing-breadcrumb a { color:#f2f2f2; text-decoration:none; }
.modtek-listing-breadcrumb a:hover { color:#e60019; }
.modtek-listing-breadcrumb span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.modtek-listing-layout { width:min(1450px,calc(100% - 80px)); margin:0 auto; display:grid; grid-template-columns:minmax(420px,1.22fr) minmax(320px,.84fr) minmax(282px,.63fr); gap:30px; align-items:start; }
.modtek-listing-media { min-width:0; }
.modtek-listing-media__video,.modtek-listing-media__image,.modtek-listing-media__empty { position:relative; overflow:hidden; aspect-ratio:1/1; background:linear-gradient(145deg,#171717,#070707); border:1px solid #292929; }
.modtek-listing-media__video.is-hidden,.modtek-listing-media__image.is-hidden { display:none; }
.modtek-listing-media__video video,.modtek-listing-media__image img { width:100%; height:100%; display:block; object-fit:cover; }
.modtek-listing-media__video video { background:#000; }
.modtek-listing-media__status { position:absolute; right:12px; bottom:12px; left:12px; z-index:1; margin:0; padding:9px 11px; color:#fff; background:rgba(0,0,0,.78); border-left:2px solid #e60019; font-size:11px; line-height:1.4; }
.modtek-listing-media__empty { display:grid; place-items:center; color:#777; font-size:10px; font-weight:800; letter-spacing:.2em; }
.modtek-listing-media__video:has(.manual-player) { aspect-ratio:auto; }
.modtek-listing-media__video .manual-player { width:100%; }
.modtek-listing-media__thumbs { display:flex; align-items:center; gap:9px; margin-top:12px; overflow:hidden; padding-bottom:4px; }
.modtek-listing-media__thumbs button { position:relative; width:70px; height:70px; flex:0 0 auto; overflow:hidden; border:1px solid #353535; background:#111; color:#fff; padding:0; cursor:pointer; }
.modtek-listing-media__thumbs button[hidden] { display:none; }
.modtek-listing-media__thumbs button.is-active { border-color:#e60019; box-shadow:inset 0 0 0 1px #e60019; }
@property --modtek-active-thumb-angle { syntax:"<angle>"; inherits:false; initial-value:0deg; }
@keyframes modtek-active-thumb-flow { to { --modtek-active-thumb-angle:360deg; } }
.modtek-listing-media__thumbs button[data-modtek-media-image].is-active {
  border-color:#1688f8;
  box-shadow:0 0 0 2px rgba(22,136,248,.18),0 8px 22px rgba(20,100,230,.2);
}
.modtek-listing-media__thumbs button[data-modtek-media-image].is-active::after {
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  padding:2px;
  border-radius:inherit;
  pointer-events:none;
  background:conic-gradient(from var(--modtek-active-thumb-angle),transparent 0 195deg,#7dd3fc 232deg,#1a9cff 272deg,#2857e5 310deg,transparent 345deg 360deg);
  filter:drop-shadow(0 0 4px rgba(42,137,255,.62));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  animation:modtek-active-thumb-flow 2.4s linear infinite;
}
.modtek-listing-media__thumbs img { width:100%; height:100%; object-fit:cover; display:block; }
.modtek-listing-media__thumbs span { display:grid; height:40px; place-items:end center; font-size:18px; color:#e60019; }
.modtek-listing-media__thumbs small { display:block; font-size:8px; font-weight:800; letter-spacing:.12em; }
.modtek-listing-media__thumbs .modtek-listing-media__page-button { display:grid; align-content:center; place-items:center; border-style:dashed; background:linear-gradient(145deg,#1b1b1b,#080808); }
.modtek-listing-media__thumbs .modtek-listing-media__page-button span { height:auto; place-items:center; font-size:24px; line-height:1; }
.modtek-listing-media__thumbs .modtek-listing-media__page-button small { margin-top:6px; color:currentColor; }
.modtek-listing-media__thumbs[data-page-direction="next"] button:not([hidden]) { animation:modtek-thumb-page-next .18s ease-out; }
.modtek-listing-media__thumbs[data-page-direction="previous"] button:not([hidden]) { animation:modtek-thumb-page-previous .18s ease-out; }
@keyframes modtek-thumb-page-next { from { opacity:.35; transform:translateX(10px); } to { opacity:1; transform:none; } }
@keyframes modtek-thumb-page-previous { from { opacity:.35; transform:translateX(-10px); } to { opacity:1; transform:none; } }
.modtek-listing-summary { min-width:0; padding:4px 2px 0; }
.modtek-listing-summary__brand,.modtek-buy-box__eyebrow { margin:0 0 13px; color:#e60019; font-size:10px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.modtek-listing-summary h1 { margin:0; color:#fff; font-size:clamp(31px,3.4vw,54px); font-weight:900; font-style:italic; letter-spacing:-.055em; line-height:.93; text-transform:uppercase; }
.modtek-listing-summary__model { margin:12px 0 0; color:#aaa; font-size:12px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.modtek-listing-summary__lead { margin:25px 0 0; padding:16px 0; border-top:1px solid #282828; border-bottom:1px solid #282828; color:#c6c6c6; font-size:14px; line-height:1.65; }
.modtek-listing-summary__lead p,.modtek-listing-summary__about-copy p { margin:0 0 10px; }
.modtek-listing-summary__lead p:last-child,.modtek-listing-summary__about-copy p:last-child { margin-bottom:0; }
.modtek-listing-summary__lead h2,.modtek-listing-summary__lead h3,.modtek-listing-summary__about-copy h2,.modtek-listing-summary__about-copy h3 { margin:0 0 10px; color:#fff; font-size:14px; letter-spacing:.04em; }
.modtek-listing-summary__lead ul,.modtek-listing-summary__lead ol,.modtek-listing-summary__about-copy ul,.modtek-listing-summary__about-copy ol { margin:0 0 10px; padding-left:20px; }
.modtek-listing-summary__lead a,.modtek-listing-summary__about-copy a { color:#fff; text-decoration:underline; }
.modtek-listing-price { display:flex; flex-wrap:wrap; align-items:baseline; gap:9px 12px; margin:26px 0 0; }
.modtek-listing-price > span { width:100%; color:#9b9b9b; font-size:9px; font-weight:800; letter-spacing:.14em; }
.modtek-listing-price strong { color:#fff; font-size:30px; letter-spacing:-.045em; line-height:1; }
.modtek-listing-price del { color:#858585; font-size:14px; }
.modtek-listing-price b { padding:4px 7px; color:#fff; background:#e60019; font-size:9px; letter-spacing:.05em; }
.modtek-listing-price small { width:100%; color:#aaa; font-size:12px; }
.modtek-listing-summary__rules { display:grid; gap:9px; margin-top:26px; padding:18px 0; border-top:1px solid #292929; border-bottom:1px solid #292929; color:#b5b5b5; font-size:11px; line-height:1.45; }
.modtek-listing-summary__rules span::first-letter { color:#e60019; }
.modtek-listing-summary__about { margin-top:26px; }
.modtek-listing-summary__about h2,.modtek-listing-details h2 { margin:0; color:#fff; font-size:13px; font-weight:800; letter-spacing:.12em; }
.modtek-listing-summary__about p { margin:12px 0; color:#aaa; font-size:13px; line-height:1.7; }
.modtek-listing-summary__about-copy { margin:12px 0; color:#aaa; font-size:13px; line-height:1.7; }
.modtek-listing-summary__about a,
.modtek-listing-summary__label { color:#fff; font-size:10px; font-weight:800; letter-spacing:.1em; text-decoration:none; }
.modtek-listing-summary__about a b,
.modtek-listing-summary__label b { margin-left:8px; color:#e60019; font-size:15px; }
.modtek-buy-box { position:sticky; top:92px; padding:23px; border:1px solid #3a3a3a; background:linear-gradient(145deg,#171717,#0a0a0a); box-shadow:0 18px 45px rgba(0,0,0,.22); }
.modtek-buy-box h2 { margin:0; color:#fff; font-size:26px; letter-spacing:-.045em; }
.modtek-buy-box__stock,.modtek-buy-box__shipping { display:grid; gap:4px; margin:20px 0 0; padding-top:18px; border-top:1px solid #303030; }
.modtek-buy-box__stock b { color:#63cf91; font-size:14px; }
.modtek-buy-box__shipping b { color:#63cf91; font-size:12px; }
.modtek-buy-box__stock span,.modtek-buy-box__shipping span { color:#a7a7a7; font-size:11px; line-height:1.5; }
.modtek-buy-box__actions { display:grid; gap:10px; margin-top:22px; }
.modtek-buy-quantity { display:flex; align-items:center; justify-content:space-between; color:#c7c7c7; font-size:11px; font-weight:700; }
.modtek-buy-quantity input { width:76px; border:1px solid #4a4a4a; background:#060606; color:#fff; padding:9px; font:inherit; }
.modtek-buy-button,.modtek-buy-box__actions > a { min-height:42px; display:flex; align-items:center; justify-content:center; border:1px solid transparent; color:#fff; font:inherit; font-size:11px; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; cursor:pointer; }
.modtek-buy-button--cart { background:#e60019; }
.modtek-buy-button--now { border-color:#e60019; background:#101010; }
.modtek-buy-button--quote,.modtek-buy-box__actions > a { border-color:#505050; background:transparent; }
.modtek-buy-button:hover,.modtek-buy-box__actions > a:hover { filter:brightness(1.16); border-color:#e60019; }
.modtek-buy-box__assurance { display:grid; gap:7px; margin-top:22px; padding-top:18px; border-top:1px solid #303030; color:#898989; font-size:9px; line-height:1.5; }
.modtek-buy-box__assurance span::before { content:'✓'; margin-right:7px; color:#e60019; }
.modtek-listing-details { width:min(1450px,calc(100% - 80px)); margin:64px auto 0; padding:48px 0; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr); gap:70px; border-top:1px solid #292929; border-bottom:1px solid #292929; }
.modtek-listing-details.is-single { grid-template-columns:minmax(0,1fr); }
.modtek-listing-details__about > p,.modtek-listing-details__table > p { margin:0 0 16px; color:#e60019; font-size:10px; font-weight:800; letter-spacing:.16em; }
.modtek-listing-details__about h2 { font-size:clamp(33px,4.6vw,62px); font-weight:900; font-style:italic; letter-spacing:-.065em; line-height:.88; text-transform:uppercase; }
.modtek-listing-details__about h2 b { color:#e60019; }
.modtek-listing-details__about .modtek-rich { max-width:760px; }
.modtek-listing-details__table { padding:5px 0 0; }
.modtek-listing-details__table dl { margin:0; border-top:1px solid #303030; }
.modtek-listing-details__table dl div { display:grid; grid-template-columns:44% 1fr; gap:14px; padding:12px 0; border-bottom:1px solid #303030; font-size:12px; }
.modtek-listing-details__table dt { color:#8f8f8f; }
.modtek-listing-details__table dd { margin:0; color:#f0f0f0; text-align:right; }
.modtek-product-listing-page .modtek-product-content { margin-top:0; }

@media (max-width:800px) {
  .modtek-topbar { width:calc(100% - 32px); }
  .modtek-topbar__back span,.modtek-topbar__contact { display:none; }
  .modtek-topbar__name { font-size:18px; }
  .modtek-hero { min-height:660px; }
  .modtek-hero__grid { width:calc(100% - 48px); min-height:660px; grid-template-columns:1fr; gap:0; align-content:center; }
  .modtek-hero__logo { max-width:390px; }
  .modtek-hero__copy { padding:30px 0 42px; }
  .modtek-hero h1 { font-size:58px; }
  .modtek-hero__serial { right:15px; }
  .modtek-manifesto { width:calc(100% - 48px); padding:108px 0 94px; grid-template-columns:1fr; gap:45px; }
  .modtek-manifesto__copy { max-width:600px; }
  .modtek-products,.modtek-upcoming,.modtek-cta,.modtek-specs,.modtek-faq { padding-left:24px; padding-right:24px; }
  .modtek-product-grid { grid-template-columns:1fr; }
  .modtek-section-heading { display:block; }
  .modtek-section-heading h2 { margin-top:18px; text-align:left; }
  .modtek-upcoming { display:block; min-height:0; padding-top:84px; padding-bottom:74px; }
  .modtek-upcoming__products { margin-top:52px; }
  .modtek-upcoming .modtek-ready { min-height:260px; }
  .modtek-upcoming .modtek-product-grid { grid-template-columns:1fr; }
  .modtek-detail-section { width:calc(100% - 48px); padding:84px 0; grid-template-columns:1fr; gap:38px; }
  .modtek-detail-section--media-left .modtek-detail-section__media { order:0; }
  .modtek-specs dl { grid-template-columns:1fr; }
  .modtek-assets { width:calc(100% - 48px); padding:88px 0; grid-template-columns:1fr; gap:55px; }
  .modtek-product-hero__copy { width:calc(100% - 48px); padding-top:140px; }
  .modtek-product-hero { min-height:550px; }
  .modtek-listing-breadcrumb,.modtek-listing-layout,.modtek-listing-details { width:calc(100% - 48px); }
  .modtek-listing-layout { grid-template-columns:1fr; gap:26px; }
  .modtek-listing-media__video,.modtek-listing-media__image,.modtek-listing-media__empty { aspect-ratio:4/5; }
  .modtek-listing-summary { padding:0; }
  .modtek-buy-box { position:static; }
  .modtek-listing-details { margin-top:46px; padding:38px 0; grid-template-columns:1fr; gap:38px; }
  .modtek-footer { width:calc(100% - 32px); min-height:155px; align-items:flex-start; flex-direction:column; justify-content:center; gap:12px; }
  .modtek-footer p { margin:0; }
  .modtek-discovery { width:calc(100% - 30px); margin-top:22px; padding:32px 26px; }
  .modtek-control-system { min-height:0; padding:95px 24px 24px; }
  .modtek-control-system::after { top:62px; left:24px; }
  .modtek-control-system::before { background-image:linear-gradient(90deg,rgba(4,4,4,.95),rgba(4,4,4,.7)),var(--modtek-control-bg); background-position:62% center; }
  .modtek-control-system__intro { width:auto; }
  .modtek-control-system h2,.modtek-intent h2 { font-size:47px; }
  .modtek-control-system__intro > p:last-of-type { font-size:14px; }
  .modtek-capability-grid { grid-template-columns:repeat(2,1fr); margin-top:58px; }
  .modtek-capability-grid article { min-height:214px; padding:19px 17px; }
  .modtek-capability-grid h3 { margin-top:27px; font-size:11px; }
  .modtek-capability-grid p { font-size:11px; }
  .modtek-intent { width:calc(100% - 48px); padding:92px 0; grid-template-columns:1fr; gap:52px; }
  .modtek-intent__cards { grid-template-columns:1fr; border-top:1px solid #333; }
  .modtek-intent__cards article { min-height:0; padding:25px 0 24px 20px; border-bottom:1px solid #333; }
  .modtek-intent__cards h3 { margin:12px 0 7px; }
}

@media(max-width:900px){.thinking-bubbles{transform:scale(.78);transform-origin:top center;margin-bottom:-55px}.unique-service-grid,.team-show-grid{grid-template-columns:1fr}.team-showcase{padding-top:65px}.team-lead{font-size:14px}.about-advantage>div{grid-template-columns:repeat(2,1fr)}.business-copy h2{font-size:42px}.business-copy p{font-size:20px}}
@media(max-width:560px){.thinking-bubbles{transform:scale(.52);margin-bottom:-112px}.about-thinking-inner{padding-top:35px}.about-thinking h1 strong{font-size:33px}.about-thinking h1 span{font-size:24px}.business-banner{height:500px}.business-copy{top:145px}.business-copy h2{font-size:32px}.team-showcase h1{font-size:32px}.team-show-grid article{padding-right:220px}.team-show-grid img{right:15px;width:178px;height:178px}.team-show-grid p{font-size:14px}}
@media(max-width:900px){.company-news-heading{width:auto;max-width:calc(100% - 30px)}.legacy-news{left:auto;grid-template-columns:repeat(2,minmax(0,359px))}}
@media(max-width:560px){.company-news-heading{display:block;margin-bottom:24px}.company-news-heading > a{margin-top:15px}.legacy-news{grid-template-columns:1fr}.article-hero{height:260px;margin-bottom:32px}.article-head--story{padding-bottom:35px}.article-summary{padding:0 15px;font-size:14px}.article-meta span,.article-meta time{padding:0 7px}.article-content{padding:37px 15px 58px}.article-related{padding:48px 0 63px}}

/* Modern article reading experience */
.article-page { background:#f5f6f8; color:#1a2437; overflow:hidden; }
.article-breadcrumb { display:flex; align-items:center; gap:9px; min-height:64px; overflow:hidden; color:#8b94a4; font-size:12px; white-space:nowrap; }
.article-breadcrumb a { color:#596579; transition:color .2s ease; }
.article-breadcrumb a:hover { color:var(--orange); }
.article-breadcrumb span:last-child { overflow:hidden; text-overflow:ellipsis; }
.article-head--story { position:relative; padding:0 0 74px; background:transparent; text-align:left; }
.article-hero { position:relative; width:min(1290px,calc(100% - 56px)); height:clamp(330px,48vw,610px); margin:0 auto; overflow:hidden; border-radius:28px; background:#222b38; box-shadow:0 24px 64px rgba(20,31,47,.18); }
.article-hero::after { position:absolute; inset:0; content:""; background:linear-gradient(120deg,rgba(7,15,26,.13),rgba(7,15,26,0) 52%,rgba(7,15,26,.32)); pointer-events:none; }
.article-hero img { width:100%; height:100%; object-fit:cover; transform:scale(1.002); }
.article-hero__overlay { position:absolute; inset:auto 0 0; z-index:1; height:38%; background:linear-gradient(transparent,rgba(10,19,31,.22)); pointer-events:none; }
.article-intro { position:relative; z-index:2; max-width:900px; box-sizing:border-box; }
.article-head--with-cover .article-intro { margin-top:-112px; padding:43px 52px 48px; border:1px solid rgba(255,255,255,.78); border-radius:22px; background:rgba(255,255,255,.94); box-shadow:0 18px 55px rgba(26,37,54,.16); backdrop-filter:blur(14px); }
.article-head--plain .article-intro { padding:42px 0 0; }
.article-eyebrow { display:flex; align-items:center; gap:8px; margin:0 0 15px; color:#e87817; font-size:11px; font-weight:800; letter-spacing:.19em; }
.article-eyebrow span { color:#9ca5b3; }
.article-head--story h1 { max-width:820px; margin:0; color:#19243a; font-family:Georgia,"Times New Roman","Microsoft YaHei",serif; font-size:clamp(34px,4.7vw,60px); line-height:1.12; letter-spacing:-.035em; font-weight:700; }
.article-meta { display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:8px; margin-top:22px; color:#697589; font-size:12px; font-weight:600; }
.article-meta span,.article-meta time { padding:0 12px; border:0; }
.article-meta > :first-child { padding-left:0; }
.article-meta > :not(:last-child)::after { display:inline-block; width:3px; height:3px; margin-left:20px; border-radius:50%; background:#b3bbc7; content:""; vertical-align:middle; }
.article-summary { max-width:700px; margin:23px 0 0; padding:0; color:#5f6b7e; font-size:17px; line-height:1.75; }
.article-reading { padding:0 0 98px; background:linear-gradient(180deg,#f5f6f8 0,#eef1f6 100%); }
.article-content--story { width:min(820px,calc(100% - 44px)); max-width:none; box-sizing:border-box; margin:0 auto; padding:clamp(36px,6vw,74px) clamp(26px,7vw,86px) clamp(42px,6vw,72px); border:1px solid rgba(221,226,234,.8); border-radius:22px; background:#fff; box-shadow:0 18px 50px rgba(37,50,69,.08); color:#374255; font-size:18px; line-height:1.9; }
.article-content--story > :first-child { margin-top:0; }
.article-content--story p,.article-content--story li { color:#4f5a6b; font-size:inherit; line-height:1.9; }
.article-content--story p { margin:0 0 1.45em; }
.article-content--story h2,.article-content--story h3,.article-content--story h4 { position:relative; margin:2.25em 0 .8em; color:#1b2940; font-family:Georgia,"Times New Roman","Microsoft YaHei",serif; line-height:1.25; letter-spacing:-.02em; }
.article-content--story h2 { padding-top:.18em; font-size:clamp(25px,3vw,34px); }
.article-content--story h2::before { position:absolute; top:0; left:0; width:44px; height:3px; border-radius:999px; background:var(--orange); content:""; }
.article-content--story h3 { font-size:24px; }
.article-content--story h4 { font-size:20px; }
.article-content--story a:not(.article-back) { color:#c9600e; text-decoration:underline; text-decoration-color:rgba(201,96,14,.35); text-underline-offset:3px; }
.article-content--story a:not(.article-back):hover { color:#8d440a; }
.article-content--story ul,.article-content--story ol { margin:0 0 1.6em; padding-left:1.35em; }
.article-content--story li { padding-left:.2em; margin:.38em 0; }
.article-content--story blockquote { margin:2em 0; padding:22px 26px; border-left:4px solid var(--orange); border-radius:0 14px 14px 0; background:#fff7ee; color:#4c5768; font-size:1.08em; line-height:1.72; }
.article-content--story blockquote p:last-child { margin-bottom:0; }
.article-content--story img { width:auto; max-width:100%; height:auto; margin:2.2em auto; border-radius:14px; box-shadow:0 14px 34px rgba(29,43,62,.15); }
.article-content--story video,.article-content--story iframe { width:100%; max-width:100%; margin:2.2em 0; overflow:hidden; border-radius:14px; box-shadow:0 14px 34px rgba(29,43,62,.16); }
.article-content--story pre { overflow:auto; margin:2em 0; padding:20px; border-radius:12px; background:#172132; color:#eef3fa; font-size:13px; line-height:1.65; }
.article-back { align-items:center; gap:9px; margin-top:2.3em; padding:12px 18px; border:1px solid #e1a16d; border-radius:999px; background:#fff; color:#9c4e0d; font-size:12px; font-weight:800; letter-spacing:.02em; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.article-back:hover { transform:translateX(-3px); border-color:var(--orange); background:#fff7ee; box-shadow:0 7px 18px rgba(209,103,18,.16); color:#9c4e0d; }
.article-related { padding:88px 0 100px; border-top:0; background:radial-gradient(circle at 50% 0,rgba(243,157,78,.14),transparent 36%),#fff; }
.article-related-heading { margin:0 auto 34px; text-align:center; }
.article-related-heading p { margin-bottom:11px; }
.article-related-heading h2 { color:#1b2940; font-family:Georgia,"Times New Roman","Microsoft YaHei",serif; font-size:clamp(28px,3vw,38px); font-weight:700; letter-spacing:-.03em; }
.article-related-heading > span { display:block; width:38px; height:3px; margin:16px auto 0; border-radius:999px; background:var(--orange); }
.article-related .legacy-news-card { min-height:0; overflow:hidden; border:1px solid #e6e9ee; border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(31,44,63,.06); }
.article-related .legacy-news-card:hover { transform:translateY(-7px); border-color:#f0c49e; box-shadow:0 19px 38px rgba(31,44,63,.13); }
.article-related .legacy-news-card .news-pic { height:226px; background:#273142; }
.article-related .legacy-news-card .news-card-copy { padding:24px 25px 25px; }
.article-related .legacy-news-card h3 { font-size:19px; line-height:1.38; }
.article-related .legacy-news-card p { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }

@media(max-width:900px) {
  .article-hero { width:min(100% - 32px,1290px); border-radius:20px; }
  .article-head--with-cover .article-intro { width:min(100% - 48px,900px); margin-top:-76px; padding:35px 38px 39px; }
  .article-related .legacy-news-card .news-pic { height:220px; }
}

@media(max-width:560px) {
  .article-breadcrumb { min-height:54px; gap:7px; font-size:11px; }
  .article-head--story { padding-bottom:44px; }
  .article-hero { width:calc(100% - 24px); height:286px; margin-bottom:0; border-radius:16px; }
  .article-head--with-cover .article-intro { width:calc(100% - 32px); margin-top:-38px; padding:28px 23px 31px; border-radius:16px; }
  .article-head--plain .article-intro { padding-top:25px; }
  .article-eyebrow { margin-bottom:11px; font-size:9px; }
  .article-head--story h1 { font-size:34px; line-height:1.16; }
  .article-meta { gap:5px; margin-top:16px; font-size:10px; }
  .article-meta span,.article-meta time { padding:0 6px; }
  .article-meta > :not(:last-child)::after { margin-left:11px; }
  .article-summary { margin-top:17px; font-size:14px; line-height:1.7; }
  .article-reading { padding-bottom:55px; }
  .article-content--story { width:calc(100% - 28px); padding:34px 22px 40px; border-radius:16px; font-size:16px; line-height:1.82; }
  .article-content--story p,.article-content--story li { line-height:1.82; }
  .article-content--story h2 { font-size:26px; }
  .article-content--story h3 { font-size:21px; }
  .article-content--story img,.article-content--story video,.article-content--story iframe { margin:1.8em 0; border-radius:10px; }
  .article-content--story blockquote { margin:1.65em 0; padding:18px 19px; font-size:1em; }
  .article-related { padding:57px 0 64px; }
  .article-related .legacy-news-card .news-pic { height:210px; }
  .article-related .legacy-news-card .news-card-copy { padding:21px 21px 23px; }
}

/* 2026 desktop rebuild: presentation-only layer for the public experience. */
@media (min-width:1025px) {
  :root { --orange:#e76b2f; --orange-light:#f58b55; --text:#162235; --gray:#667287; --line:#dce4ed; --site-width:1320px; }
  body:not(.modtek-mode) { min-width:1025px; color:var(--text); background:linear-gradient(180deg,#f8fafc 0,#eef3f7 34%,#fff 72%); font-family:"Segoe UI",Inter,Arial,"Microsoft YaHei",sans-serif; letter-spacing:.004em; }
  body:not(.modtek-mode)::before { position:fixed; z-index:-1; inset:0 0 auto; height:510px; background:radial-gradient(circle at 84% 10%,rgba(237,112,52,.13),transparent 25%),radial-gradient(circle at 18% 0,rgba(34,69,105,.09),transparent 30%); content:""; pointer-events:none; }
  body:not(.modtek-mode) .site-header { position:sticky; top:0; height:82px; border-bottom:1px solid rgba(183,197,210,.72); background:rgba(250,252,254,.91); box-shadow:0 8px 24px rgba(17,35,55,.04); backdrop-filter:blur(16px); }
  body:not(.modtek-mode) .site-header .header-shell { width:min(1440px,calc(100% - 88px)); max-width:none; height:82px; margin:0 auto; align-items:center; }
  body:not(.modtek-mode) .brand { flex:0 0 192px; height:82px; align-items:center; }
  body:not(.modtek-mode) .brand img { left:0; width:80px; height:60px; object-fit:contain; }
  body:not(.modtek-mode) .nav-links { width:auto; height:82px; gap:4px; }
  body:not(.modtek-mode) .nav-link { width:auto; min-width:0; height:82px; padding:0 20px; color:#4b5b70; font-size:12px; font-weight:750; letter-spacing:.075em; text-transform:uppercase; }
  body:not(.modtek-mode) .nav-link::after { right:18px; bottom:13px; left:18px; height:2px; border-radius:999px; background:var(--orange); }
  body:not(.modtek-mode) .nav-link:hover,body:not(.modtek-mode) .nav-link.active { color:#162235; }
  body:not(.modtek-mode) .nav-link--cart { height:38px; margin-left:8px; padding:0 15px; align-self:center; border:1px solid #d5dee7; border-radius:999px; color:#203149; background:#fff; }
  body:not(.modtek-mode) .nav-link--cart::after { display:none; }
  body:not(.modtek-mode) .nav-link--cart b { background:var(--orange); }
  body:not(.modtek-mode) .language { position:static; width:auto; height:34px; margin-left:auto; padding-left:18px; border-left:1px solid #dbe3ea; }
  body:not(.modtek-mode) .language button { height:30px; color:#5f6d80; font-size:11px; font-weight:700; }

  /* Keep the 1920:900 campaign artwork intact on wide desktop displays.
     A viewport-capped height made `background-size: cover` crop the scooter
     from the bottom as the browser approached full screen. */
  body:not(.modtek-mode) .legacy-hero { min-height:730px; height:clamp(730px,calc(46.875vw - 22.5px),1200px); max-height:none; margin:0 24px; border-radius:0 0 30px 30px; box-shadow:0 24px 60px rgba(18,32,49,.16); }
  body:not(.modtek-mode) .legacy-slide::after { position:absolute; inset:0; background:linear-gradient(105deg,rgba(8,18,33,.68),rgba(9,20,35,.21) 56%,rgba(8,18,33,.06)); content:""; }
  body:not(.modtek-mode) .legacy-slide-light::after { background:linear-gradient(100deg,rgba(246,249,251,.86),rgba(246,249,251,.25) 58%,rgba(246,249,251,.02)); }
  body:not(.modtek-mode) .hero-copy { z-index:2; width:min(650px,40vw); }
  body:not(.modtek-mode) .hero-copy::before { display:block; margin-bottom:24px; color:#f5a77a; font-size:11px; font-weight:800; letter-spacing:.2em; content:attr(data-i18n-kicker); }
  body:not(.modtek-mode) .hero-copy h1 { font-size:clamp(64px,5.8vw,100px); font-weight:750; letter-spacing:-.065em; line-height:.9; }
  body:not(.modtek-mode) .hero-copy h2 { max-width:570px; margin-top:22px; font-size:clamp(23px,2vw,36px); letter-spacing:-.035em; line-height:1.13; }
  body:not(.modtek-mode) .hero-copy p { max-width:440px; margin-top:21px; font-size:15px; line-height:1.75; white-space:normal; }
  body:not(.modtek-mode) .hero-copy-brands,body:not(.modtek-mode) .hero-copy-light { top:unset; bottom:18%; left:10%; }
  body:not(.modtek-mode) .hero-details { min-width:188px; height:auto; margin:34px 0 0; padding:14px 22px; border:1px solid rgba(255,255,255,.72); border-radius:8px; font-size:11px; font-weight:800; letter-spacing:.1em; line-height:1; text-transform:uppercase; }
  body:not(.modtek-mode) .hero-details-dark { border-color:var(--orange); background:var(--orange); color:#fff; }
  body:not(.modtek-mode) .hero-arrow { top:auto; bottom:36px; width:48px; height:48px; margin:0; border:1px solid rgba(255,255,255,.33); border-radius:50%; background:rgba(10,21,36,.42); font-size:36px; line-height:40px; transition:transform .2s ease,background .2s ease; }
  body:not(.modtek-mode) .hero-arrow:hover { background:var(--orange); transform:translateY(-3px); }
  body:not(.modtek-mode) .hero-arrow-left { left:auto; right:98px; }
  body:not(.modtek-mode) .hero-arrow-right { right:38px; }
  body:not(.modtek-mode) .legacy-side-tools { top:50%; right:24px; width:52px; overflow:hidden; border:1px solid rgba(255,255,255,.35); border-radius:15px; background:rgba(18,35,54,.82); box-shadow:0 18px 40px rgba(8,19,34,.22); backdrop-filter:blur(10px); transform:translateY(-20%); }
  body:not(.modtek-mode) .legacy-side-tools a,body:not(.modtek-mode) .legacy-side-tools button { width:50px; height:50px; color:#fff; font-size:21px; }
  body:not(.modtek-mode) .legacy-side-tools a:hover,body:not(.modtek-mode) .legacy-side-tools button:hover { background:var(--orange); }

  body:not(.modtek-mode) .compatibility-strip { height:auto; margin:32px auto 0; padding:0; overflow:visible; background:transparent; }
  body:not(.modtek-mode) .compatibility-grid { width:min(1360px,calc(100% - 88px)); height:auto; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
  body:not(.modtek-mode) .compatibility-grid article { height:176px; padding:26px 20px; border:1px solid #dce4ed; border-radius:16px; background:rgba(255,255,255,.9); box-shadow:0 10px 24px rgba(21,42,65,.05); transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease; }
  body:not(.modtek-mode) .compatibility-grid article:hover { border-color:#f4b18d; box-shadow:0 18px 34px rgba(26,49,72,.12); transform:translateY(-5px); }
  body:not(.modtek-mode) .compatibility-grid img { top:26px; left:20px; width:58px; height:58px; }
  body:not(.modtek-mode) .compatibility-grid article > div { top:28px; left:90px; width:calc(100% - 108px); text-align:left; }
  body:not(.modtek-mode) .compatibility-grid span { color:#8996a7; font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
  body:not(.modtek-mode) .compatibility-grid h2 { color:#15253b; font-size:15px; font-weight:750; }
  body:not(.modtek-mode) .compatibility-grid small { color:#66758a; line-height:1.5; }
  body:not(.modtek-mode) .home-release { width:min(1360px,calc(100% - 88px)); height:auto; min-height:360px; margin:44px auto; padding:64px 60px; border-radius:24px; background:linear-gradient(118deg,#142840,#274d6b); box-shadow:0 24px 54px rgba(20,42,66,.18); text-align:left; }
  body:not(.modtek-mode) .home-release h2 { max-width:520px; color:#fff; font-size:clamp(34px,3.2vw,54px); letter-spacing:-.055em; line-height:1.03; }
  body:not(.modtek-mode) .home-release p { max-width:500px; color:#cbd6e0; font-size:16px; line-height:1.75; }
  body:not(.modtek-mode) .legacy-section { padding:110px 0; }
  body:not(.modtek-mode) .legacy-section.gray { background:linear-gradient(180deg,#f6f9fc,#eef3f7); }
  body:not(.modtek-mode) .legacy-title { color:#17263b; font-size:clamp(31px,3vw,44px); font-weight:750; letter-spacing:-.055em; }
  body:not(.modtek-mode) .legacy-title::after { width:48px; height:3px; border-radius:999px; background:var(--orange); }
  body:not(.modtek-mode) .legacy-subtitle { color:#6c798b; font-size:15px; }
  body:not(.modtek-mode) .service-row { gap:20px; }
  body:not(.modtek-mode) .service-row article { min-height:240px; padding:34px 30px; border:1px solid #dde5ec; border-radius:16px; background:#fff; box-shadow:0 12px 28px rgba(19,40,62,.05); text-align:left; }
  body:not(.modtek-mode) .service-icon { width:50px; height:50px; margin:0 0 24px; border-color:#f1a276; border-radius:12px; background:#fff6f1; color:var(--orange); }
  body:not(.modtek-mode) .service-row h3 { color:#19283c; font-size:18px; font-weight:750; }
  body:not(.modtek-mode) .service-row p { color:#6f7e91; font-size:14px; }

  body:not(.modtek-mode) .product-grid,body:not(.modtek-mode) .legacy-news-grid { gap:22px; }
  body:not(.modtek-mode) .product-card,body:not(.modtek-mode) .commerce-card,body:not(.modtek-mode) .legacy-news-card { overflow:hidden; border:1px solid #dde5ec; border-radius:16px; background:#fff; box-shadow:0 10px 25px rgba(18,39,62,.05); }
  body:not(.modtek-mode) .product-card:hover,body:not(.modtek-mode) .commerce-card:hover,body:not(.modtek-mode) .legacy-news-card:hover { border-color:#edb28e; box-shadow:0 22px 42px rgba(20,42,65,.13); }
  body:not(.modtek-mode) .product-pic { height:290px; background:linear-gradient(145deg,#edf2f5,#fbfcfd); }
  body:not(.modtek-mode) .product-card h3 { margin:20px 22px 7px; color:#16263a; font-size:16px; }
  body:not(.modtek-mode) .product-card p { margin:0 22px 22px; color:#778598; }
  body:not(.modtek-mode) .commerce-card__copy { padding:21px 22px 24px; }
  body:not(.modtek-mode) .commerce-card h3 { color:#18273a; font-size:17px; }
  body:not(.modtek-mode) .commerce-card strong { color:#b74b1e; }
  body:not(.modtek-mode) .listing,body:not(.modtek-mode) .product-detail { gap:72px; padding-top:78px; padding-bottom:94px; }
  body:not(.modtek-mode) .listing__image-wrap,body:not(.modtek-mode) .product-detail__primary { border:1px solid #dce4eb; border-radius:20px; background:#fff; box-shadow:0 20px 42px rgba(20,42,66,.08); }
  body:not(.modtek-mode) .listing__buy h1,body:not(.modtek-mode) .product-detail__copy h1 { color:#14243a; font-size:clamp(38px,3.6vw,58px); letter-spacing:-.055em; }
  body:not(.modtek-mode) .listing__actions { grid-template-columns:120px 1fr; }
  body:not(.modtek-mode) .listing__add,body:not(.modtek-mode) .listing__buy-now,body:not(.modtek-mode) .listing__quote,body:not(.modtek-mode) .listing__contact { min-height:48px; border-radius:8px; font-size:12px; letter-spacing:.04em; }
  body:not(.modtek-mode) .listing__add { background:#f2f5f8; color:#1a2b40; }
  body:not(.modtek-mode) .listing__buy-now { background:var(--orange); color:#fff; }
  body:not(.modtek-mode) .listing__quote { background:#1b314a; }
  body:not(.modtek-mode) .site-footer { margin-top:0; padding:28px 44px; background:#11243a; color:#d8e0e8; font-size:12px; }
  body:not(.modtek-mode) .site-footer a { color:#fff; }

  body.modtek-mode { min-width:1025px; background:#050506; }
  body.modtek-mode .site-header { position:sticky; top:0; height:76px; border-bottom:1px solid rgba(255,255,255,.12); background:rgba(5,5,6,.88); backdrop-filter:blur(18px); }
  body.modtek-mode .site-footer { padding:0; background:#030303; }
  body.modtek-mode .modtek-page { background:radial-gradient(circle at 80% 6%,rgba(203,0,23,.13),transparent 20%),#030303; }
  body.modtek-mode .modtek-topbar { width:min(1440px,calc(100% - 96px)); height:76px; }
  body.modtek-mode .modtek-hero,body.modtek-mode .modtek-product-hero { min-height:760px; }
  body.modtek-mode .modtek-hero__grid { width:min(1360px,calc(100% - 120px)); min-height:760px; gap:10vw; }
  body.modtek-mode .modtek-hero__logo { max-width:620px; padding:4%; border-left-width:3px; box-shadow:inset 25px 0 60px rgba(230,0,25,.08); }
  body.modtek-mode .modtek-manifesto,body.modtek-mode .modtek-products,body.modtek-mode .modtek-control-system,body.modtek-mode .modtek-intent,body.modtek-mode .modtek-upcoming,body.modtek-mode .modtek-assets,body.modtek-mode .modtek-faq,body.modtek-mode .modtek-specs { width:min(1360px,calc(100% - 120px)); }
  body.modtek-mode .modtek-product-card { border:1px solid #272727; background:linear-gradient(145deg,#111,#070707); }
  body.modtek-mode .modtek-product-card:hover { border-color:#8b1421; box-shadow:0 24px 48px rgba(0,0,0,.55); transform:translateY(-7px); }
  body.modtek-mode .modtek-listing-layout,body.modtek-mode .modtek-listing-details { width:min(1500px,calc(100% - 120px)); }
  body.modtek-mode .modtek-buy-box { border-color:#343434; box-shadow:0 20px 48px rgba(0,0,0,.3); }
}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline:3px solid rgba(231,107,47,.5); outline-offset:3px; }
body.modtek-mode a:focus-visible,body.modtek-mode button:focus-visible { outline-color:rgba(230,0,25,.78); }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; } }

/* Some legacy image paths are intentionally absent from the current media
   library. Keep the desktop brand shell complete with CSS-native fallbacks. */
@media (min-width:1025px) {
  body:not(.modtek-mode) .brand img { display:none; }
  body:not(.modtek-mode) .brand::before { display:grid; width:38px; height:38px; place-items:center; border-radius:10px; background:linear-gradient(135deg,#e76b2f,#f49b68); box-shadow:0 8px 18px rgba(221,91,33,.22); color:#fff; content:"HX"; font-size:13px; font-weight:900; letter-spacing:-.09em; }
  body:not(.modtek-mode) .brand::after { margin-left:10px; color:#132840; content:attr(data-brand-label); font-size:15px; font-weight:850; letter-spacing:.08em; line-height:1.1; white-space:pre-line; }
  body:not(.modtek-mode) .legacy-slide-light { background-image:linear-gradient(100deg,rgba(246,249,251,.93),rgba(246,249,251,.58) 48%,rgba(246,249,251,.12)),url('/media/hero-focus.png'); background-position:center; }
}

/* MODTEK landing refresh: quiet, continuous background bands keep imagery
   atmospheric while the copy and product cards retain strong contrast. */
body.modtek-mode { background:#020307; }
body.modtek-mode .site-header { border-bottom-color:rgba(139,156,176,.18); background:rgba(3,5,9,.9); box-shadow:0 10px 34px rgba(0,0,0,.26); }
body.modtek-mode .modtek-brand-page { --modtek-red:#e60019; background:#040609; }
body.modtek-mode .modtek-topbar { position:relative; }
body.modtek-mode .modtek-topbar__name { text-shadow:0 0 24px rgba(230,0,25,.18); }
body.modtek-mode .modtek-topbar__back,body.modtek-mode .modtek-topbar__contact { min-height:44px; display:flex; align-items:center; }

.modtek-brand-page .modtek-atmosphere { position:relative; isolation:isolate; overflow:hidden; background-color:#05070b; background-repeat:no-repeat; background-size:100% 100%,auto 100%; background-position:center,right center; }
.modtek-brand-page .modtek-atmosphere--entry { background-image:linear-gradient(180deg,rgba(2,4,8,.44) 0%,rgba(2,4,8,.68) 70%,#040609 100%),url('/media/modtek-night-radar-entry-v3.png'); background-position:center,right center; }
.modtek-brand-page .modtek-atmosphere--core { background-image:linear-gradient(180deg,#040609 0%,rgba(3,6,11,.62) 15%,rgba(2,4,8,.78) 78%,#040609 100%),url('/media/modtek-night-radar-core-v3.png'); background-position:center,right center; }
.modtek-brand-page .modtek-atmosphere--exit { background-image:linear-gradient(180deg,#040609 0%,rgba(2,4,8,.6) 18%,rgba(2,3,6,.74) 76%,#040609 100%),url('/media/modtek-night-radar-exit-v3.png'); background-position:center,right center; }

.modtek-brand-page .modtek-hero { min-height:clamp(700px,calc(100vh - 76px),900px); border-bottom:1px solid rgba(143,161,183,.15); background:transparent; }
.modtek-brand-page .modtek-hero::before { background-image:linear-gradient(90deg,rgba(2,4,8,.97) 0%,rgba(2,4,8,.86) 38%,rgba(2,4,8,.46) 70%,rgba(2,4,8,.24) 100%),linear-gradient(0deg,rgba(1,2,4,.8),transparent 40%); background-position:center; background-size:cover; }
.modtek-brand-page .modtek-hero::after { content:""; position:absolute; z-index:-1; right:0; bottom:0; left:0; height:32%; display:block; background:linear-gradient(0deg,rgba(2,4,8,.98),rgba(2,4,8,0)); clip-path:polygon(0 42%,48% 100%,100% 33%,100% 100%,0 100%); }
.modtek-brand-page .modtek-hero__grid { width:min(1420px,calc(100% - 120px)); min-height:inherit; grid-template-columns:minmax(330px,.82fr) minmax(440px,1.18fr); gap:clamp(54px,8vw,148px); }
.modtek-brand-page .modtek-hero__logo { max-width:560px; padding:28px; border:1px solid rgba(169,187,206,.2); border-left:3px solid var(--modtek-red); background:linear-gradient(135deg,rgba(13,20,30,.74),rgba(3,5,9,.18)); box-shadow:inset 18px 0 36px rgba(230,0,25,.07),0 28px 65px rgba(0,0,0,.32); backdrop-filter:blur(10px); }
.modtek-brand-page .modtek-hero__copy { max-width:680px; justify-self:end; padding:20px 0 34px; }
.modtek-brand-page .modtek-hero h1 { font-size:clamp(68px,10.2vw,152px); line-height:.8; text-shadow:0 16px 44px rgba(0,0,0,.42); }
.modtek-brand-page .modtek-hero h2 { max-width:510px; margin-top:24px; color:#f02a3c; font-size:clamp(17px,2.05vw,30px); line-height:1.18; text-shadow:0 8px 24px rgba(0,0,0,.45); }
.modtek-brand-page .modtek-hero__lead { max-width:460px; color:#d7dde5; font-size:16px; line-height:1.75; }
.modtek-brand-page .modtek-arrow-link { min-height:48px; padding-bottom:13px; border-bottom-color:rgba(230,0,25,.76); }
.modtek-brand-page .modtek-arrow-link span { color:var(--modtek-red); }
.modtek-brand-page .modtek-hero__serial { right:34px; bottom:34px; color:#9faab8; }

.modtek-brand-page .modtek-manifesto,.modtek-brand-page .modtek-control-system,.modtek-brand-page .modtek-intent,.modtek-brand-page .modtek-products,.modtek-brand-page .modtek-upcoming,.modtek-brand-page .modtek-cta { background:transparent; }
.modtek-brand-page .modtek-manifesto { width:min(1360px,calc(100% - 120px)); min-height:620px; margin:0 auto; padding:154px 0 132px; grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr); gap:clamp(50px,9vw,155px); border-bottom:1px solid rgba(152,170,191,.18); }
.modtek-brand-page .modtek-manifesto::before { top:118px; width:74px; height:2px; background:linear-gradient(90deg,var(--modtek-red),rgba(230,0,25,0)); box-shadow:0 0 18px rgba(230,0,25,.4); }
.modtek-brand-page .modtek-manifesto .modtek-eyebrow { top:78px; color:#f24657; }
.modtek-brand-page .modtek-manifesto__headline { font-size:clamp(64px,9.3vw,146px); letter-spacing:-.09em; line-height:.77; }
.modtek-brand-page .modtek-manifesto__headline span:first-child { color:#647488; }
.modtek-brand-page .modtek-manifesto__headline span:nth-child(2) { color:#c7d0db; }
.modtek-brand-page .modtek-manifesto__headline strong { color:#fff; text-shadow:0 10px 36px rgba(0,0,0,.4); }
.modtek-brand-page .modtek-manifesto__copy { align-self:center; padding:29px 0 29px 32px; border-left:2px solid var(--modtek-red); background:linear-gradient(90deg,rgba(5,9,14,.68),rgba(5,9,14,0)); color:#d2d9e2; font-size:16px; line-height:1.82; }
.modtek-brand-page .modtek-manifesto__copy a { min-height:44px; align-items:center; margin-top:30px; color:#fff; }

.modtek-brand-page .modtek-control-system { width:min(1360px,calc(100% - 120px)); min-height:0; margin:0 auto; padding:132px 0 34px; }
.modtek-brand-page .modtek-control-system::before { content:none; }
.modtek-brand-page .modtek-control-system::after { top:92px; left:0; width:74px; height:2px; background:linear-gradient(90deg,var(--modtek-red),rgba(230,0,25,0)); box-shadow:0 0 18px rgba(230,0,25,.4); }
.modtek-brand-page .modtek-control-system__intro { width:min(760px,100%); }
.modtek-brand-page .modtek-control-system h2,.modtek-brand-page .modtek-intent h2 { font-size:clamp(48px,6.5vw,98px); }
.modtek-brand-page .modtek-control-system__intro > p:last-of-type { max-width:600px; color:#c5cfda; font-size:16px; }
.modtek-brand-page .modtek-platforms { max-width:620px; border-top-color:rgba(164,181,201,.34); }
.modtek-brand-page .modtek-platforms small { color:#aab5c3; }
.modtek-brand-page .modtek-capability-grid { width:100%; margin-top:72px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; border:0; background:transparent; backdrop-filter:none; }
.modtek-brand-page .modtek-capability-grid article { min-height:236px; padding:30px; border:1px solid rgba(159,177,199,.2); border-radius:14px; background:linear-gradient(135deg,rgba(9,15,23,.8),rgba(5,8,13,.48)); box-shadow:inset 0 1px 0 rgba(255,255,255,.03); transition:border-color .24s ease,background .24s ease,transform .24s ease; }
.modtek-brand-page .modtek-capability-grid article:hover { border-color:rgba(230,0,25,.72); background:linear-gradient(135deg,rgba(38,9,16,.7),rgba(7,11,17,.62)); transform:translateY(-4px); }
.modtek-brand-page .modtek-capability-grid article > div { align-items:center; }
.modtek-brand-page .modtek-capability-grid .modtek-capability-icon { width:46px; height:46px; flex:0 0 46px; overflow:visible; color:#ff3045; filter:drop-shadow(0 0 9px rgba(230,0,25,.22)); transition:color .24s ease,filter .24s ease,transform .24s ease; }
.modtek-brand-page .modtek-capability-grid .modtek-icon__frame { opacity:.42; stroke-width:1.15; }
.modtek-brand-page .modtek-capability-grid .modtek-icon__accent { stroke-width:2.05; }
.modtek-brand-page .modtek-capability-grid article:hover .modtek-capability-icon { color:#ff5062; filter:drop-shadow(0 0 13px rgba(230,0,25,.46)); transform:translateY(-1px); }
.modtek-brand-page .modtek-capability-grid article:hover .modtek-icon__frame { opacity:.8; }
.modtek-brand-page .modtek-capability-grid h3 { margin-top:42px; font-size:15px; }
.modtek-brand-page .modtek-capability-grid p { color:#b9c3cf; font-size:13px; }

.modtek-brand-page .modtek-intent { width:min(1360px,calc(100% - 120px)); margin:0 auto; padding:110px 0 138px; grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr); gap:clamp(48px,8vw,132px); border-top:1px solid rgba(152,170,191,.18); }
.modtek-brand-page .modtek-intent__cards { gap:12px; border:0; }
.modtek-brand-page .modtek-intent__cards article { min-height:252px; padding:27px 24px; border:1px solid rgba(159,177,199,.18); border-radius:12px; background:rgba(3,7,12,.48); backdrop-filter:blur(7px); }
.modtek-brand-page .modtek-intent__cards h3 { margin-top:56px; font-size:14px; }
.modtek-brand-page .modtek-intent__cards p { color:#b5c0cd; }

.modtek-brand-page .modtek-products { width:min(1360px,calc(100% - 120px)); margin:0 auto; padding:130px 0 102px; border-top:1px solid rgba(152,170,191,.18); }
.modtek-brand-page .modtek-section-heading { align-items:center; margin-bottom:58px; }
.modtek-brand-page .modtek-section-heading > span { padding:9px 12px; border:1px solid rgba(230,0,25,.45); color:#ff4a5a; background:rgba(230,0,25,.08); }
.modtek-brand-page .modtek-section-heading h2 { text-align:right; font-size:clamp(48px,6.1vw,88px); }
.modtek-brand-page .modtek-product-grid { grid-template-columns:repeat(auto-fit,minmax(290px,420px)); justify-content:start; gap:20px; }
.modtek-brand-page .modtek-product-card { min-height:0; border:1px solid rgba(159,177,199,.24); border-radius:16px; background:linear-gradient(145deg,rgba(14,20,29,.9),rgba(4,7,12,.78)); box-shadow:0 20px 48px rgba(0,0,0,.22); }
.modtek-brand-page .modtek-product-card__image { height:288px; background:#091019; }
.modtek-brand-page .modtek-product-card__image::after { background:linear-gradient(145deg,transparent 0 56%,rgba(230,0,25,.34) 56.5%,transparent 57%); }
.modtek-brand-page .modtek-product-card > div:last-child { padding:25px 27px 27px; }
.modtek-brand-page .modtek-product-card h3 { font-size:26px; }

.modtek-brand-page .modtek-upcoming { width:min(1360px,calc(100% - 120px)); min-height:0; margin:0 auto; padding:114px 0 120px; grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr); gap:clamp(48px,8vw,132px); border-top:1px solid rgba(152,170,191,.18); }
.modtek-brand-page .modtek-upcoming::before { content:none; }
.modtek-brand-page .modtek-upcoming__products { align-self:stretch; display:flex; align-items:center; }
.modtek-brand-page .modtek-upcoming .modtek-ready { width:100%; max-width:none; min-height:310px; margin:0; padding:42px 42px 44px; border:1px solid rgba(230,0,25,.42); border-left:3px solid var(--modtek-red); background:linear-gradient(135deg,rgba(24,7,12,.68),rgba(4,8,13,.58)); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.modtek-brand-page .modtek-upcoming .modtek-ready p { color:#c3ccd7; }

.modtek-brand-page .modtek-cta { min-height:480px; padding:116px max(60px,calc((100% - 1360px)/2)); border-top:1px solid rgba(152,170,191,.16); background:linear-gradient(90deg,rgba(2,4,8,.9),rgba(2,4,8,.54) 58%,rgba(2,4,8,.12)); }
.modtek-brand-page .modtek-cta::before { content:none; }
.modtek-brand-page .modtek-cta p { color:#ff4a5a; }
.modtek-brand-page .modtek-cta h2 { max-width:760px; font-size:clamp(54px,7.2vw,112px); }
.modtek-brand-page .modtek-cta a { min-height:48px; margin-top:35px; padding:0 0 12px; border-bottom:1px solid rgba(230,0,25,.75); }
.modtek-brand-page .modtek-cta a:hover { color:#fff; border-bottom-color:#fff; }

@media (max-width:1000px) {
  .modtek-brand-page .modtek-hero { min-height:720px; }
  .modtek-brand-page .modtek-hero__grid { width:calc(100% - 64px); grid-template-columns:minmax(250px,.82fr) minmax(300px,1.18fr); gap:42px; }
  .modtek-brand-page .modtek-hero__logo { padding:19px; }
  .modtek-brand-page .modtek-manifesto,.modtek-brand-page .modtek-control-system,.modtek-brand-page .modtek-intent,.modtek-brand-page .modtek-products,.modtek-brand-page .modtek-upcoming { width:calc(100% - 64px); }
  .modtek-brand-page .modtek-manifesto,.modtek-brand-page .modtek-intent,.modtek-brand-page .modtek-upcoming { gap:48px; }
}

@media (max-width:800px) {
  .modtek-brand-page .modtek-atmosphere { background-position:60% center; }
  .modtek-brand-page .modtek-hero { min-height:0; }
  .modtek-brand-page .modtek-hero__grid { width:calc(100% - 40px); min-height:0; padding:66px 0 74px; grid-template-columns:1fr; gap:34px; }
  .modtek-brand-page .modtek-hero__logo { max-width:360px; padding:18px; }
  .modtek-brand-page .modtek-hero__copy { justify-self:start; padding:0; }
  .modtek-brand-page .modtek-hero h1 { font-size:clamp(62px,18vw,104px); }
  .modtek-brand-page .modtek-hero h2 { max-width:360px; font-size:18px; }
  .modtek-brand-page .modtek-hero__lead { font-size:15px; }
  .modtek-brand-page .modtek-hero__serial { display:none; }
  .modtek-brand-page .modtek-manifesto,.modtek-brand-page .modtek-control-system,.modtek-brand-page .modtek-intent,.modtek-brand-page .modtek-products,.modtek-brand-page .modtek-upcoming { width:calc(100% - 40px); }
  .modtek-brand-page .modtek-manifesto { min-height:0; padding:104px 0 86px; grid-template-columns:1fr; gap:36px; }
  .modtek-brand-page .modtek-manifesto .modtek-eyebrow { top:52px; }
  .modtek-brand-page .modtek-manifesto::before { top:86px; }
  .modtek-brand-page .modtek-manifesto__headline { font-size:clamp(57px,17vw,92px); }
  .modtek-brand-page .modtek-manifesto__copy { padding:23px 0 23px 22px; font-size:15px; }
  .modtek-brand-page .modtek-control-system { padding:96px 0 30px; }
  .modtek-brand-page .modtek-control-system::after { top:64px; }
  .modtek-brand-page .modtek-control-system h2,.modtek-brand-page .modtek-intent h2 { font-size:clamp(42px,13vw,72px); }
  .modtek-brand-page .modtek-control-system__intro > p:last-of-type { font-size:15px; }
  .modtek-brand-page .modtek-capability-grid { margin-top:48px; grid-template-columns:1fr; }
  .modtek-brand-page .modtek-capability-grid article { min-height:0; padding:25px; }
  .modtek-brand-page .modtek-capability-grid h3 { margin-top:30px; }
  .modtek-brand-page .modtek-intent { padding:78px 0 88px; grid-template-columns:1fr; }
  .modtek-brand-page .modtek-intent__cards { grid-template-columns:1fr; }
  .modtek-brand-page .modtek-intent__cards article { min-height:0; }
  .modtek-brand-page .modtek-intent__cards h3 { margin-top:34px; }
  .modtek-brand-page .modtek-products { padding:86px 0 72px; }
  .modtek-brand-page .modtek-section-heading { display:block; margin-bottom:38px; }
  .modtek-brand-page .modtek-section-heading h2 { margin-top:20px; text-align:left; font-size:clamp(44px,13vw,70px); }
  .modtek-brand-page .modtek-product-grid { grid-template-columns:1fr; }
  .modtek-brand-page .modtek-product-card__image { height:260px; }
  .modtek-brand-page .modtek-upcoming { padding:78px 0 86px; grid-template-columns:1fr; }
  .modtek-brand-page .modtek-upcoming__heading h2 { font-size:clamp(44px,13vw,74px); }
  .modtek-brand-page .modtek-upcoming .modtek-ready { min-height:0; padding:32px 26px 34px; }
  .modtek-brand-page .modtek-cta { min-height:0; padding:88px 20px 94px; }
  .modtek-brand-page .modtek-cta h2 { font-size:clamp(48px,14vw,82px); }
}

/* MODTEK commerce color lift: retain the red performance signature while
   giving products and content a brighter midnight-blue retail surface. */
body.modtek-mode { background:#07182a; }
body.modtek-mode .site-header { border-bottom-color:rgba(164,203,232,.24); background:rgba(7,22,39,.88); box-shadow:0 12px 38px rgba(1,10,20,.22); }
body.modtek-mode .modtek-brand-page { --modtek-red:#f12841; --modtek-signal:#7dd3fc; background:#0a1e34; }
.modtek-brand-page .modtek-atmosphere { background-color:#0a1f35; }
.modtek-brand-page .modtek-atmosphere--entry { background-image:linear-gradient(180deg,rgba(8,28,48,.5) 0%,rgba(8,28,48,.62) 70%,#0a1e34 100%),url('/media/modtek-night-radar-entry-v3.png'); }
.modtek-brand-page .modtek-atmosphere--core { background-image:linear-gradient(180deg,#0a1e34 0%,rgba(10,35,58,.55) 15%,rgba(8,29,49,.66) 78%,#0a1e34 100%),url('/media/modtek-night-radar-core-v3.png'); }
.modtek-brand-page .modtek-atmosphere--exit { background-image:linear-gradient(180deg,#0a1e34 0%,rgba(11,39,64,.54) 18%,rgba(8,29,49,.7) 76%,#0a1e34 100%),url('/media/modtek-night-radar-exit-v3.png'); }
.modtek-brand-page .modtek-hero::before { background-image:radial-gradient(circle at 82% 16%,rgba(88,183,227,.18),transparent 31%),linear-gradient(90deg,rgba(6,22,40,.93) 0%,rgba(6,22,40,.77) 39%,rgba(7,27,47,.38) 72%,rgba(7,27,47,.14) 100%),linear-gradient(0deg,rgba(5,21,38,.68),transparent 42%); }
.modtek-brand-page .modtek-hero::after { background:linear-gradient(0deg,rgba(10,30,52,.98),rgba(10,30,52,0)); }
.modtek-brand-page .modtek-hero__logo { border-color:rgba(151,204,235,.34); background:linear-gradient(135deg,rgba(18,49,75,.78),rgba(10,29,49,.28)); box-shadow:inset 18px 0 36px rgba(241,40,65,.09),0 28px 65px rgba(1,12,24,.24); }
.modtek-brand-page .modtek-hero__lead { color:#e1f0fc; }
.modtek-brand-page .modtek-hero__serial { color:#c2d8ea; }
.modtek-brand-page .modtek-manifesto,.modtek-brand-page .modtek-control-system,.modtek-brand-page .modtek-intent,.modtek-brand-page .modtek-products,.modtek-brand-page .modtek-upcoming { border-color:rgba(153,205,236,.25); }
.modtek-brand-page .modtek-manifesto__headline span:first-child { color:#8da4bb; }
.modtek-brand-page .modtek-manifesto__headline span:nth-child(2) { color:#d9e9f5; }
.modtek-brand-page .modtek-manifesto__copy { border-left-color:var(--modtek-red); background:linear-gradient(90deg,rgba(17,52,79,.7),rgba(17,52,79,0)); color:#e0edf8; }
.modtek-brand-page .modtek-control-system__intro > p:last-of-type { color:#d3e3f0; }
.modtek-brand-page .modtek-platforms { border-top-color:rgba(179,220,242,.42); }
.modtek-brand-page .modtek-platforms small { color:#c3d6e5; }
.modtek-brand-page .modtek-capability-grid article { border-color:rgba(151,204,235,.34); background:linear-gradient(135deg,rgba(20,57,87,.84),rgba(10,33,56,.7)); box-shadow:inset 0 1px 0 rgba(222,244,255,.1),0 14px 32px rgba(2,15,29,.14); }
.modtek-brand-page .modtek-capability-grid article:hover { border-color:rgba(125,211,252,.72); background:linear-gradient(135deg,rgba(29,76,111,.94),rgba(29,32,58,.78)); }
.modtek-brand-page .modtek-capability-grid p { color:#d7e5ef; }
.modtek-brand-page .modtek-capability-grid article > div span { color:#c4d8e8; }
.modtek-brand-page .modtek-intent__cards article { border-color:rgba(151,204,235,.3); background:rgba(18,53,81,.64); box-shadow:inset 0 1px 0 rgba(222,244,255,.06); }
.modtek-brand-page .modtek-intent__cards p { color:#d3e3ef; }
.modtek-brand-page .modtek-product-card { border-color:rgba(158,210,240,.38); background:linear-gradient(145deg,rgba(25,64,94,.96),rgba(10,33,56,.92)); box-shadow:0 20px 48px rgba(2,15,29,.18); }
.modtek-brand-page .modtek-product-card__image { background:#dbeaf4; }
.modtek-brand-page .modtek-product-card > div:last-child { background:linear-gradient(135deg,rgba(17,50,78,.97),rgba(9,28,48,.98)); }
.modtek-brand-page .modtek-upcoming .modtek-ready { border-color:rgba(241,40,65,.64); background:linear-gradient(135deg,rgba(79,30,48,.68),rgba(18,53,81,.78)); box-shadow:inset 0 1px 0 rgba(222,244,255,.1); }
.modtek-brand-page .modtek-upcoming .modtek-ready p { color:#e0ebf4; }
.modtek-brand-page .modtek-cta { border-top-color:rgba(153,205,236,.24); background:linear-gradient(90deg,rgba(8,28,48,.94),rgba(17,57,85,.72) 62%,rgba(12,42,67,.3)); }
.modtek-brand-page .modtek-cta a { border-bottom-color:rgba(125,211,252,.82); }
body.modtek-mode .modtek-brand-page .modtek-product-card { border-color:rgba(158,210,240,.38); background:linear-gradient(145deg,rgba(25,64,94,.96),rgba(10,33,56,.92)); box-shadow:0 20px 48px rgba(2,15,29,.18); }
body.modtek-mode .modtek-brand-page .modtek-product-card:hover { border-color:rgba(125,211,252,.78); box-shadow:0 24px 48px rgba(3,24,42,.34); }
body.modtek-mode .modtek-brand-page .modtek-product-card__image { background:#dbeaf4; }
body.modtek-mode .modtek-brand-page .modtek-product-card > div:last-child { background:linear-gradient(135deg,rgba(17,50,78,.97),rgba(9,28,48,.98)); }

/* MODTEK light commerce direction: white product surfaces, graphite copy and
   a precise red action signal. The original raster logo is recolored in CSS
   so its geometry remains untouched. */
body.modtek-mode { background:#f8fafc; color:#0f172a; }
body.modtek-mode .site-header { border-bottom-color:#dbe4ec; background:rgba(255,255,255,.92); box-shadow:0 10px 26px rgba(15,23,42,.06); }
body.modtek-mode .site-footer { background:#fff; color:#0f172a; }
body.modtek-mode .modtek-page,body.modtek-mode .modtek-brand-page { --modtek-red:#e11d35; --modtek-ink:#0f172a; --modtek-muted:#64748b; background:#f8fafc; color:var(--modtek-ink); }
body.modtek-mode .modtek-topbar a { color:#1e293b; }
body.modtek-mode .modtek-topbar__back span,body.modtek-mode .modtek-topbar__name small { color:#64748b; }
body.modtek-mode .modtek-topbar__name { color:#0f172a; text-shadow:none; }

body.modtek-mode .modtek-brand-page .modtek-atmosphere { background-color:#f8fafc; background-position:center,0 0,0 0; background-repeat:no-repeat,repeat,repeat; background-size:100% 100%,72px 72px,72px 72px; }
body.modtek-mode .modtek-brand-page .modtek-atmosphere--entry { background-image:radial-gradient(circle at 90% 10%,rgba(225,29,53,.1),transparent 27%),linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px); }
body.modtek-mode .modtek-brand-page .modtek-atmosphere--core { background-image:radial-gradient(circle at 84% 42%,rgba(225,29,53,.08),transparent 25%),linear-gradient(rgba(15,23,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.05) 1px,transparent 1px); background-color:#f2f6fa; }
body.modtek-mode .modtek-brand-page .modtek-atmosphere--exit { background-image:radial-gradient(circle at 8% 68%,rgba(225,29,53,.1),transparent 24%),linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px); background-color:#fff; }

body.modtek-mode .modtek-brand-page .modtek-hero { border-bottom-color:#dbe4ec; background:#f8fafc; }
body.modtek-mode .modtek-brand-page .modtek-hero::before { background-image:radial-gradient(circle at 84% 18%,rgba(225,29,53,.1),transparent 30%),linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px); background-size:auto,72px 72px,72px 72px; background-position:center,0 0,0 0; opacity:1; }
body.modtek-mode .modtek-brand-page .modtek-hero::after { background:linear-gradient(0deg,rgba(241,245,249,.96),rgba(248,250,252,0)); }
body.modtek-mode .modtek-brand-page .modtek-hero__logo { border-color:#d8e1ea; border-left-color:var(--modtek-red); background:#fff; box-shadow:0 22px 48px rgba(15,23,42,.08); backdrop-filter:none; }
body.modtek-mode .modtek-brand-page .modtek-hero__logo img { filter:invert(1) hue-rotate(180deg); mix-blend-mode:normal; }
body.modtek-mode .modtek-brand-page .modtek-hero h1 { color:#0f172a; text-shadow:none; }
body.modtek-mode .modtek-brand-page .modtek-hero h2 { color:var(--modtek-red); text-shadow:none; }
body.modtek-mode .modtek-brand-page .modtek-hero__lead { color:#475569; }
body.modtek-mode .modtek-brand-page .modtek-arrow-link { color:#0f172a; border-bottom-color:#94a3b8; }
body.modtek-mode .modtek-brand-page .modtek-hero__serial { color:#64748b; }

body.modtek-mode .modtek-brand-page .modtek-manifesto,body.modtek-mode .modtek-brand-page .modtek-control-system,body.modtek-mode .modtek-brand-page .modtek-intent,body.modtek-mode .modtek-brand-page .modtek-products,body.modtek-mode .modtek-brand-page .modtek-upcoming { border-color:#dbe4ec; }
body.modtek-mode .modtek-brand-page .modtek-manifesto__headline span:first-child { color:#94a3b8; }
body.modtek-mode .modtek-brand-page .modtek-manifesto__headline span:nth-child(2) { color:#334155; }
body.modtek-mode .modtek-brand-page .modtek-manifesto__headline strong,body.modtek-mode .modtek-brand-page .modtek-control-system h2,body.modtek-mode .modtek-brand-page .modtek-intent h2,body.modtek-mode .modtek-brand-page .modtek-section-heading h2,body.modtek-mode .modtek-brand-page .modtek-upcoming h2,body.modtek-mode .modtek-brand-page .modtek-cta h2 { color:#0f172a; text-shadow:none; }
body.modtek-mode .modtek-brand-page .modtek-manifesto__copy { border-left-color:var(--modtek-red); background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,0)); color:#475569; }
body.modtek-mode .modtek-brand-page .modtek-manifesto__copy a,body.modtek-mode .modtek-brand-page .modtek-platforms strong { color:#0f172a; }
body.modtek-mode .modtek-brand-page .modtek-control-system__intro > p:last-of-type,body.modtek-mode .modtek-brand-page .modtek-platforms small { color:#52657a; }
body.modtek-mode .modtek-brand-page .modtek-platforms { border-top-color:#cbd5e1; }

body.modtek-mode .modtek-brand-page .modtek-capability-grid article,body.modtek-mode .modtek-brand-page .modtek-intent__cards article { border-color:#d6e0e9; background:rgba(255,255,255,.9); box-shadow:0 12px 28px rgba(15,23,42,.05); }
body.modtek-mode .modtek-brand-page .modtek-capability-grid article:hover { border-color:rgba(225,29,53,.58); background:#fff; }
body.modtek-mode .modtek-brand-page .modtek-capability-grid h3,body.modtek-mode .modtek-brand-page .modtek-intent__cards h3 { color:#0f172a; }
body.modtek-mode .modtek-brand-page .modtek-capability-grid p,body.modtek-mode .modtek-brand-page .modtek-intent__cards p { color:#52657a; }
body.modtek-mode .modtek-brand-page .modtek-capability-grid article > div span { color:#64748b; }

body.modtek-mode .modtek-brand-page .modtek-section-heading > span { border-color:rgba(225,29,53,.34); color:#c8162e; background:#fff1f2; }
body.modtek-mode .modtek-brand-page .modtek-product-card { border-color:#d6e0e9; background:#fff; color:#0f172a; box-shadow:0 18px 38px rgba(15,23,42,.09); }
body.modtek-mode .modtek-brand-page .modtek-product-card:hover { border-color:rgba(225,29,53,.6); box-shadow:0 24px 44px rgba(15,23,42,.13); }
body.modtek-mode .modtek-brand-page .modtek-product-card__image { background:#edf2f7; }
body.modtek-mode .modtek-brand-page .modtek-product-card > div:last-child { background:#fff; }
body.modtek-mode .modtek-brand-page .modtek-product-card h3,body.modtek-mode .modtek-brand-page .modtek-product-card b { color:#0f172a; }
body.modtek-mode .modtek-brand-page .modtek-product-card b { border-top-color:#dbe4ec; }

body.modtek-mode .modtek-brand-page .modtek-upcoming .modtek-ready { border-color:rgba(225,29,53,.4); background:linear-gradient(135deg,#fff1f2,#fff); box-shadow:0 14px 30px rgba(225,29,53,.07); }
body.modtek-mode .modtek-brand-page .modtek-upcoming .modtek-ready h3 { color:#0f172a; }
body.modtek-mode .modtek-brand-page .modtek-upcoming .modtek-ready p { color:#52657a; }
body.modtek-mode .modtek-brand-page .modtek-cta { border-top-color:#dbe4ec; background:linear-gradient(110deg,#fff 0%,#f8fafc 58%,#fff1f2 100%); }
body.modtek-mode .modtek-brand-page .modtek-cta a { color:#0f172a; border-bottom-color:var(--modtek-red); }
body.modtek-mode .modtek-brand-page .modtek-cta a:hover { color:var(--modtek-red); }

/* MODTEK light geometry + responsive grid signal. Geometry stays deliberately
   low contrast; the green field is rendered only for a fine-pointer hover. */
body.modtek-mode .modtek-brand-page { --modtek-grid-size:72px; }
body.modtek-mode .modtek-brand-page .modtek-hero,
body.modtek-mode .modtek-brand-page .modtek-atmosphere { position:relative; isolation:isolate; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry { position:absolute; z-index:0; inset:0; overflow:hidden; pointer-events:none; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry i { position:absolute; display:block; box-sizing:border-box; pointer-events:none; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry i:nth-child(1) { border:1px solid rgba(15,23,42,.09); border-radius:50%; box-shadow:0 0 90px rgba(225,29,53,.035); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry i:nth-child(2) { border:1px solid rgba(225,29,53,.14); transform:rotate(-18deg); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry i:nth-child(3) { background:linear-gradient(90deg,transparent,rgba(15,23,42,.1),transparent); transform:rotate(-18deg); transform-origin:center; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--hero i:nth-child(1) { top:-29vw; right:-12vw; width:min(54vw,820px); aspect-ratio:1; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--hero i:nth-child(2) { right:8vw; bottom:-27vw; width:min(48vw,760px); aspect-ratio:1; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--hero i:nth-child(3) { top:18%; right:-7%; width:52vw; height:1px; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--entry i:nth-child(1) { top:10%; left:-20vw; width:min(48vw,720px); aspect-ratio:1; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--entry i:nth-child(2) { top:24%; right:9vw; width:min(28vw,410px); aspect-ratio:1; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--entry i:nth-child(3) { top:48%; left:17%; width:62vw; height:1px; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--core i:nth-child(1) { top:31%; right:-17vw; width:min(48vw,720px); aspect-ratio:1; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--core i:nth-child(2) { top:8%; left:8vw; width:min(27vw,400px); aspect-ratio:1; transform:rotate(45deg); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--core i:nth-child(3) { top:69%; left:30%; width:57vw; height:1px; transform:rotate(18deg); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--exit i:nth-child(1) { bottom:-26vw; left:-9vw; width:min(52vw,790px); aspect-ratio:1; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--exit i:nth-child(2) { top:-18vw; right:15vw; width:min(33vw,500px); aspect-ratio:1; transform:rotate(45deg); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--exit i:nth-child(3) { top:35%; right:-6%; width:53vw; height:1px; transform:rotate(-22deg); }

body.modtek-mode .modtek-brand-page .modtek-grid-field { --modtek-grid-x:-999px; --modtek-grid-y:-999px; --modtek-grid-size:72px; position:absolute; z-index:1; inset:0; overflow:hidden; pointer-events:none; opacity:0; transition:opacity .18s ease-out; }
body.modtek-mode .modtek-brand-page .modtek-grid-field.is-active { opacity:1; }
body.modtek-mode .modtek-brand-page .modtek-grid-field__cell { position:absolute; top:0; left:0; width:var(--modtek-grid-size); height:var(--modtek-grid-size); display:block; background:linear-gradient(135deg,rgba(74,222,128,.11),rgba(22,163,74,.02)); border:0; box-shadow:inset 0 0 0 1px rgba(22,163,74,.5),inset 0 0 22px rgba(34,197,94,.09),0 0 62px rgba(22,163,74,.09); transform:translate3d(var(--modtek-grid-x),var(--modtek-grid-y),0); transition:transform .12s ease-out; }
body.modtek-mode .modtek-brand-page .modtek-grid-field__cell::before { content:""; position:absolute; z-index:-1; inset:-144px; background:linear-gradient(90deg,transparent 0%,rgba(34,197,94,.07) 18%,rgba(34,197,94,.22) 36%,rgba(22,163,74,.46) 50%,rgba(34,197,94,.22) 64%,rgba(34,197,94,.07) 82%,transparent 100%) 0 144px / 360px 1px no-repeat,linear-gradient(90deg,transparent 0%,rgba(34,197,94,.07) 18%,rgba(34,197,94,.22) 36%,rgba(22,163,74,.46) 50%,rgba(34,197,94,.22) 64%,rgba(34,197,94,.07) 82%,transparent 100%) 0 216px / 360px 1px no-repeat,linear-gradient(0deg,transparent 0%,rgba(34,197,94,.07) 18%,rgba(34,197,94,.22) 36%,rgba(22,163,74,.46) 50%,rgba(34,197,94,.22) 64%,rgba(34,197,94,.07) 82%,transparent 100%) 144px 0 / 1px 360px no-repeat,linear-gradient(0deg,transparent 0%,rgba(34,197,94,.07) 18%,rgba(34,197,94,.22) 36%,rgba(22,163,74,.46) 50%,rgba(34,197,94,.22) 64%,rgba(34,197,94,.07) 82%,transparent 100%) 216px 0 / 1px 360px no-repeat; filter:drop-shadow(0 0 22px rgba(22,163,74,.22)); }
body.modtek-mode .modtek-brand-page .modtek-grid-field__cell::after { content:none; }
body.modtek-mode .modtek-brand-page .modtek-hero__grid,
body.modtek-mode .modtek-brand-page .modtek-hero__serial,
body.modtek-mode .modtek-brand-page .modtek-atmosphere > section { position:relative; z-index:2; }
@media (max-width:800px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce) {
  body.modtek-mode .modtek-brand-page .modtek-grid-field { display:none; }
}

/* MODTEK black restoration: retain the original night-radar character, with
   brighter product surfaces and clearer typography for a commerce journey. */
body.modtek-mode { background:#030508; color:#f4f7fb; }
body.modtek-mode .site-header { border-bottom-color:rgba(150,169,192,.17); background:rgba(3,5,8,.92); box-shadow:0 12px 34px rgba(0,0,0,.38); }
body.modtek-mode .site-footer { background:#030508; color:#e8eef5; }
body.modtek-mode .modtek-page,body.modtek-mode .modtek-brand-page { --modtek-red:#f12841; --modtek-ink:#f4f7fb; --modtek-muted:#aebbc9; background:#05070b; color:var(--modtek-ink); }
body.modtek-mode .modtek-topbar a,body.modtek-mode .modtek-topbar__name { color:#f4f7fb; text-shadow:0 0 22px rgba(241,40,65,.12); }
body.modtek-mode .modtek-topbar__back span,body.modtek-mode .modtek-topbar__name small { color:#9baab9; }

body.modtek-mode .modtek-brand-page .modtek-scene-geometry,
body.modtek-mode .modtek-brand-page .modtek-grid-field { display:none; }
body.modtek-mode .modtek-brand-page .modtek-atmosphere { background-color:#05070b; background-repeat:no-repeat; background-size:100% 100%,auto 100%; background-position:center,right center; }
body.modtek-mode .modtek-brand-page .modtek-atmosphere--entry { background-image:linear-gradient(180deg,#030508 0%,rgba(3,5,8,.66) 11%,rgba(3,5,8,.08) 31%,rgba(3,5,8,.12) 68%,rgba(3,5,8,.75) 89%,#030508 100%),url('/media/modtek-tech-sequence-entry-v1.png'); }
body.modtek-mode .modtek-brand-page .modtek-atmosphere--core { background-image:linear-gradient(180deg,#030508 0%,rgba(3,5,8,.7) 11%,rgba(3,5,8,.1) 29%,rgba(3,5,8,.12) 70%,rgba(3,5,8,.76) 89%,#030508 100%),url('/media/modtek-tech-sequence-core-v1.png'); }
body.modtek-mode .modtek-brand-page .modtek-atmosphere--exit { background-image:linear-gradient(180deg,#030508 0%,rgba(3,5,8,.72) 14%,rgba(3,5,8,.1) 39%,rgba(3,5,8,.12) 67%,rgba(3,5,8,.78) 90%,#030508 100%),url('/media/modtek-tech-sequence-exit-v1.png'); }

body.modtek-mode .modtek-brand-page .modtek-hero { border-bottom-color:rgba(150,169,192,.16); background:#05070b; }
body.modtek-mode .modtek-brand-page .modtek-hero::before { background-image:radial-gradient(circle at 84% 20%,rgba(241,40,65,.14),transparent 26%),linear-gradient(90deg,rgba(3,5,8,.94) 0%,rgba(3,5,8,.74) 44%,rgba(3,5,8,.3) 76%,rgba(3,5,8,.12) 100%),var(--modtek-hero); background-size:auto,auto,cover; background-position:center; opacity:1; }
body.modtek-mode .modtek-brand-page .modtek-hero::after { z-index:0; display:block; height:44%; background:linear-gradient(0deg,#030508 0%,rgba(3,5,8,.9) 24%,rgba(3,5,8,0) 100%); clip-path:none; pointer-events:none; }
body.modtek-mode .modtek-brand-page .modtek-hero__logo { border-color:rgba(159,177,199,.3); border-left-color:var(--modtek-red); background:linear-gradient(135deg,rgba(13,20,29,.78),rgba(4,7,12,.28)); box-shadow:inset 18px 0 38px rgba(241,40,65,.08),0 25px 58px rgba(0,0,0,.28); }
body.modtek-mode .modtek-brand-page .modtek-hero__logo img { filter:none; mix-blend-mode:screen; }
body.modtek-mode .modtek-brand-page .modtek-hero h1 { color:#f7f9fc; text-shadow:0 12px 34px rgba(0,0,0,.3); }
body.modtek-mode .modtek-brand-page .modtek-hero h2 { color:var(--modtek-red); }
body.modtek-mode .modtek-brand-page .modtek-hero__lead { color:#d5dde7; }
body.modtek-mode .modtek-brand-page .modtek-arrow-link { color:#f7f9fc; border-bottom-color:rgba(216,226,236,.56); }
body.modtek-mode .modtek-brand-page .modtek-hero__serial { color:#aebbc9; }

body.modtek-mode .modtek-brand-page .modtek-manifesto,body.modtek-mode .modtek-brand-page .modtek-control-system,body.modtek-mode .modtek-brand-page .modtek-intent,body.modtek-mode .modtek-brand-page .modtek-products,body.modtek-mode .modtek-brand-page .modtek-upcoming { border-color:rgba(150,169,192,.19); }
body.modtek-mode .modtek-brand-page .modtek-manifesto__headline span:first-child { color:#6f8093; }
body.modtek-mode .modtek-brand-page .modtek-manifesto__headline span:nth-child(2) { color:#d0d9e4; }
body.modtek-mode .modtek-brand-page .modtek-manifesto__headline strong,body.modtek-mode .modtek-brand-page .modtek-control-system h2,body.modtek-mode .modtek-brand-page .modtek-intent h2,body.modtek-mode .modtek-brand-page .modtek-section-heading h2,body.modtek-mode .modtek-brand-page .modtek-upcoming h2,body.modtek-mode .modtek-brand-page .modtek-cta h2 { color:#f5f8fb; text-shadow:0 10px 32px rgba(0,0,0,.28); }
body.modtek-mode .modtek-brand-page .modtek-manifesto__copy { border-left-color:var(--modtek-red); background:linear-gradient(90deg,rgba(8,14,22,.7),rgba(8,14,22,0)); color:#d4dde7; }
body.modtek-mode .modtek-brand-page .modtek-manifesto__copy a,body.modtek-mode .modtek-brand-page .modtek-platforms strong { color:#fff; }
body.modtek-mode .modtek-brand-page .modtek-control-system__intro > p:last-of-type,body.modtek-mode .modtek-brand-page .modtek-platforms small { color:#bdc9d5; }
body.modtek-mode .modtek-brand-page .modtek-platforms { border-top-color:rgba(174,190,208,.38); }

body.modtek-mode .modtek-brand-page .modtek-capability-grid article,body.modtek-mode .modtek-brand-page .modtek-intent__cards article { border-color:rgba(159,177,199,.26); background:linear-gradient(135deg,rgba(14,22,32,.94),rgba(5,9,14,.8)); box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 16px 36px rgba(0,0,0,.18); }
body.modtek-mode .modtek-brand-page .modtek-capability-grid article:hover { border-color:rgba(241,40,65,.7); background:linear-gradient(135deg,rgba(45,10,18,.88),rgba(10,14,22,.86)); }
body.modtek-mode .modtek-brand-page .modtek-capability-grid h3,body.modtek-mode .modtek-brand-page .modtek-intent__cards h3 { color:#f5f8fb; }
body.modtek-mode .modtek-brand-page .modtek-capability-grid p,body.modtek-mode .modtek-brand-page .modtek-intent__cards p { color:#c0ccd8; }
body.modtek-mode .modtek-brand-page .modtek-capability-grid article > div span { color:#aebdcb; }

body.modtek-mode .modtek-brand-page .modtek-section-heading > span { border-color:rgba(241,40,65,.44); color:#ff6675; background:rgba(241,40,65,.08); }
body.modtek-mode .modtek-brand-page .modtek-product-card { border-color:rgba(159,177,199,.3); background:linear-gradient(145deg,rgba(17,27,39,.98),rgba(6,10,16,.95)); color:#f5f8fb; box-shadow:0 20px 48px rgba(0,0,0,.27); }
body.modtek-mode .modtek-brand-page .modtek-product-card:hover { border-color:rgba(241,40,65,.78); box-shadow:0 26px 52px rgba(0,0,0,.38); }
body.modtek-mode .modtek-brand-page .modtek-product-card__image { background:#0a1119; }
body.modtek-mode .modtek-brand-page .modtek-product-card > div:last-child { background:linear-gradient(135deg,rgba(17,27,39,.98),rgba(6,10,16,.98)); }
body.modtek-mode .modtek-brand-page .modtek-product-card h3,body.modtek-mode .modtek-brand-page .modtek-product-card b { color:#f5f8fb; }
body.modtek-mode .modtek-brand-page .modtek-product-card b { border-top-color:rgba(159,177,199,.23); }
body.modtek-mode .modtek-brand-page .modtek-upcoming .modtek-ready { border-color:rgba(241,40,65,.56); background:linear-gradient(135deg,rgba(45,9,17,.68),rgba(7,12,19,.84)); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
body.modtek-mode .modtek-brand-page .modtek-upcoming .modtek-ready h3 { color:#f5f8fb; }
body.modtek-mode .modtek-brand-page .modtek-upcoming .modtek-ready p { color:#c3ced9; }
body.modtek-mode .modtek-brand-page .modtek-cta { border-top-color:rgba(150,169,192,.18); background:linear-gradient(105deg,rgba(3,5,8,.98),rgba(8,12,19,.88) 62%,rgba(50,7,15,.66)); }
body.modtek-mode .modtek-brand-page .modtek-cta a { color:#fff; border-bottom-color:var(--modtek-red); }
body.modtek-mode .modtek-brand-page .modtek-cta a:hover { color:#ff5c6d; }

/* MODTEK red geometric field: one continuous black canvas with restrained,
   oversized red planes.  This replaces the photographic/radar treatment. */
body.modtek-mode .modtek-page,body.modtek-mode .modtek-brand-page { background:#050506; }
body.modtek-mode .modtek-brand-page .modtek-atmosphere { background:#050506; }
body.modtek-mode .modtek-brand-page .modtek-atmosphere--entry,
body.modtek-mode .modtek-brand-page .modtek-atmosphere--core,
body.modtek-mode .modtek-brand-page .modtek-atmosphere--exit { background-image:none; }
body.modtek-mode .modtek-brand-page .modtek-hero { background:#050506; }
body.modtek-mode .modtek-brand-page .modtek-hero::before { background-image:linear-gradient(90deg,#050506 0%,#050506 46%,rgba(18,0,2,.92) 100%); background-size:cover; background-position:center; }
body.modtek-mode .modtek-brand-page .modtek-hero::after { content:none; }

body.modtek-mode .modtek-brand-page .modtek-scene-geometry { display:block; z-index:0; overflow:hidden; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry i { display:block; position:absolute; box-sizing:border-box; border-radius:0; opacity:1; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry i:nth-child(1) { border:1px solid rgba(241,40,65,.48); border-radius:0; background:linear-gradient(135deg,rgba(75,2,10,.64),rgba(32,0,4,.76)); box-shadow:none; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry i:nth-child(2) { border:1px solid rgba(241,40,65,.42); background:rgba(87,2,12,.25); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry i:nth-child(3) { height:1px; background:linear-gradient(90deg,transparent,rgba(241,40,65,.75),transparent); }

body.modtek-mode .modtek-brand-page .modtek-scene-geometry--hero i:nth-child(1) { top:-26%; right:-17%; width:min(43vw,760px); height:151%; transform:rotate(31deg); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--hero i:nth-child(2) { top:-21%; right:-11%; width:min(42vw,730px); height:143%; transform:rotate(31deg); background:rgba(88,2,12,.18); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--hero i:nth-child(3) { top:31%; right:0; width:48vw; transform:rotate(-31deg); }

body.modtek-mode .modtek-brand-page .modtek-scene-geometry--entry i:nth-child(1) { top:12%; right:-23%; width:min(42vw,710px); height:78%; transform:rotate(29deg); background:linear-gradient(135deg,rgba(66,1,8,.49),rgba(24,0,3,.76)); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--entry i:nth-child(2) { top:48%; right:7%; width:min(29vw,480px); height:28%; transform:rotate(29deg); background:transparent; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--entry i:nth-child(3) { top:73%; right:0; width:51vw; transform:rotate(-29deg); }

body.modtek-mode .modtek-brand-page .modtek-scene-geometry--core i:nth-child(1) { top:18%; right:-21%; width:min(42vw,720px); height:84%; transform:rotate(31deg); background:linear-gradient(135deg,rgba(70,2,9,.54),rgba(22,0,3,.8)); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--core i:nth-child(2) { top:-11%; right:11%; width:min(30vw,500px); height:30%; transform:rotate(31deg); background:transparent; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--core i:nth-child(3) { top:39%; right:-3%; width:55vw; transform:rotate(-31deg); }

body.modtek-mode .modtek-brand-page .modtek-scene-geometry--exit i:nth-child(1) { top:0; right:0; width:min(50vw,850px); height:100%; transform:none; clip-path:polygon(31% 0,100% 0,77% 100%,0 100%); background:linear-gradient(135deg,rgba(83,2,12,.76),rgba(34,0,5,.86)); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--exit i:nth-child(2) { top:-8%; right:7%; width:min(42vw,720px); height:116%; transform:none; clip-path:polygon(31% 0,100% 0,77% 100%,0 100%); background:rgba(86,2,12,.17); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--exit i:nth-child(3) { top:52%; right:0; width:48vw; transform:rotate(-24deg); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--hero i:nth-child(n),
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--entry i:nth-child(n),
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--core i:nth-child(n),
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--exit i:nth-child(n) { left:auto; bottom:auto; }

body.modtek-mode .modtek-brand-page .modtek-manifesto__copy { background:linear-gradient(90deg,rgba(5,5,6,.78),rgba(5,5,6,.22)); }
body.modtek-mode .modtek-brand-page .modtek-capability-grid article,body.modtek-mode .modtek-brand-page .modtek-intent__cards article { background:linear-gradient(135deg,rgba(13,13,16,.96),rgba(5,5,6,.88)); }
body.modtek-mode .modtek-brand-page .modtek-product-card,body.modtek-mode .modtek-brand-page .modtek-product-card > div:last-child { background:linear-gradient(145deg,rgba(17,15,18,.98),rgba(6,5,6,.98)); }
body.modtek-mode .modtek-brand-page .modtek-cta { background:transparent; }

/* MODTEK mixed geometry: retain the signature red planes, then vary the
   supporting vocabulary with rings, diamonds, wedges and signal traces. */
body.modtek-mode .modtek-brand-page .modtek-scene-geometry::before,
body.modtek-mode .modtek-brand-page .modtek-scene-geometry::after { content:""; position:absolute; display:block; box-sizing:border-box; pointer-events:none; }

body.modtek-mode .modtek-brand-page .modtek-scene-geometry--hero::before { right:-7%; bottom:-21%; width:min(36vw,660px); height:76%; background:linear-gradient(135deg,rgba(109,3,17,.19),rgba(47,0,7,.03)); clip-path:polygon(54% 0,100% 0,100% 100%,0 100%); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--hero::after { right:4%; bottom:19%; width:min(24vw,440px); height:1px; background:repeating-linear-gradient(90deg,rgba(241,40,65,.06) 0 9px,rgba(241,40,65,.55) 9px 23px,transparent 23px 34px); transform:rotate(-31deg); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--hero i:nth-child(2) { top:8%; right:-5%; width:min(25vw,460px); height:auto; aspect-ratio:1; border:1px solid rgba(241,40,65,.34); border-radius:50%; background:radial-gradient(circle,transparent 0 59%,rgba(241,40,65,.06) 59.5% 61%,transparent 61.5%); transform:none; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--hero i:nth-child(3) { background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(241,40,65,.68) 12px 25px,transparent 25px 37px); }

body.modtek-mode .modtek-brand-page .modtek-scene-geometry--entry::before { top:8%; right:18%; width:min(19vw,330px); aspect-ratio:1; border:1px solid rgba(241,40,65,.3); transform:rotate(45deg); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--entry::after { bottom:14%; left:5%; width:min(31vw,500px); height:86px; background:repeating-linear-gradient(180deg,rgba(241,40,65,.28) 0 1px,transparent 1px 22px); opacity:.62; transform:skewX(-28deg); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--entry i:nth-child(1) { top:12%; right:-17%; width:min(48vw,790px); height:78%; clip-path:polygon(39% 0,100% 0,100% 100%,0 100%); transform:none; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--entry i:nth-child(2) { top:47%; right:8%; width:min(25vw,420px); height:auto; aspect-ratio:1; border:1px dashed rgba(241,40,65,.38); border-radius:50%; background:radial-gradient(circle,transparent 0 61%,rgba(241,40,65,.06) 61.5% 63%,transparent 63.5%); transform:none; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--entry i:nth-child(3) { background:repeating-linear-gradient(90deg,transparent 0 11px,rgba(241,40,65,.62) 11px 22px,transparent 22px 34px); }

body.modtek-mode .modtek-brand-page .modtek-scene-geometry--core::before { top:13%; right:5%; width:min(28vw,490px); height:48%; border:1px solid rgba(241,40,65,.28); clip-path:polygon(50% 0,100% 0,82% 100%,0 100%); background:linear-gradient(135deg,rgba(89,2,13,.14),transparent 62%); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--core::after { right:9%; bottom:14%; width:min(25vw,440px); height:1px; background:repeating-linear-gradient(90deg,rgba(241,40,65,.08) 0 9px,rgba(241,40,65,.65) 9px 23px,transparent 23px 34px); transform:rotate(-31deg); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--core i:nth-child(1) { top:20%; right:-18%; width:min(46vw,760px); height:79%; clip-path:polygon(39% 0,100% 0,100% 100%,0 100%); transform:none; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--core i:nth-child(2) { top:9%; right:14%; width:min(18vw,310px); height:auto; aspect-ratio:1; border:1px solid rgba(241,40,65,.35); background:rgba(91,3,14,.12); transform:rotate(45deg); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--core i:nth-child(3) { background:repeating-linear-gradient(90deg,transparent 0 10px,rgba(241,40,65,.62) 10px 21px,transparent 21px 33px); }

body.modtek-mode .modtek-brand-page .modtek-scene-geometry--exit::before { top:17%; right:9%; width:min(20vw,330px); aspect-ratio:1; border:1px solid rgba(241,40,65,.24); transform:rotate(45deg); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--exit::after { right:6%; bottom:18%; width:min(23vw,390px); height:1px; background:repeating-linear-gradient(90deg,rgba(241,40,65,.06) 0 9px,rgba(241,40,65,.6) 9px 22px,transparent 22px 34px); transform:rotate(-24deg); }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--exit i:nth-child(2) { top:16%; right:7%; width:min(18vw,300px); height:auto; aspect-ratio:1; border:1px dashed rgba(241,40,65,.42); border-radius:50%; background:radial-gradient(circle,transparent 0 59%,rgba(241,40,65,.08) 59.5% 61%,transparent 61.5%); transform:none; clip-path:none; }
body.modtek-mode .modtek-brand-page .modtek-scene-geometry--exit i:nth-child(3) { background:repeating-linear-gradient(90deg,transparent 0 11px,rgba(241,40,65,.72) 11px 24px,transparent 24px 36px); }

@media (max-width:760px) {
  body.modtek-mode .modtek-brand-page .modtek-scene-geometry::before,
  body.modtek-mode .modtek-brand-page .modtek-scene-geometry::after { opacity:.68; }
  body.modtek-mode .modtek-brand-page .modtek-scene-geometry--entry::after { left:12%; width:48vw; }
}

/* HEXBLUE home refresh: light cloud-tech theme inspired by the spatial and
   tonal language of modern cloud platforms. The page structure is unchanged;
   this final layer only restyles the existing home sections. */
body.home-page {
  --orange:#1366ec;
  --orange-light:#4096ff;
  --home-ink:#191c21;
  --home-muted:#667085;
  --home-blue:#1366ec;
  --home-cyan:#08a8f5;
  --home-violet:#7f5bff;
  --home-line:rgba(88,117,172,.16);
  color:var(--home-ink);
  background:
    radial-gradient(circle at 7% 17%,rgba(64,150,255,.12),transparent 24%),
    radial-gradient(circle at 92% 30%,rgba(127,91,255,.10),transparent 27%),
    #fff;
  font-family:Inter,"Noto Sans SC","PingFang SC","Segoe UI","Microsoft YaHei",Arial,sans-serif;
}
body.home-page::before {
  display:none;
}
body.home-page a,body.home-page button,body.home-page input,body.home-page textarea {
  font-family:inherit;
}
body.home-page a:focus-visible,body.home-page button:focus-visible,
body.home-page input:focus-visible,body.home-page textarea:focus-visible {
  outline:3px solid rgba(19,102,236,.34);
  outline-offset:3px;
}
body.home-page .home-reveal.is-visible {
  animation-duration:.48s;
  animation-delay:min(var(--home-reveal-delay,0s),.28s);
}

body.home-page .site-header {
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:1px solid rgba(108,132,177,.13);
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 34px rgba(34,75,139,.055);
  backdrop-filter:blur(22px) saturate(145%);
}
body.home-page .brand {
  align-items:center;
}
body.home-page .brand img {
  display:none;
}
body.home-page .brand::before {
  display:grid;
  width:38px;
  height:38px;
  flex:0 0 38px;
  place-items:center;
  border-radius:11px;
  background:linear-gradient(135deg,var(--home-violet),var(--home-blue) 55%,var(--home-cyan));
  box-shadow:0 10px 24px rgba(75,91,255,.24),inset 0 1px 0 rgba(255,255,255,.7);
  color:#fff;
  content:"HX";
  font-size:12px;
  font-weight:800;
  letter-spacing:-.06em;
}
body.home-page .brand::after {
  margin-left:11px;
  color:var(--home-ink);
  content:attr(data-brand-label);
  font-size:14px;
  font-weight:760;
  letter-spacing:.075em;
  line-height:1.05;
  white-space:pre-line;
}
body.home-page .nav-link {
  color:#4e5969;
  font-weight:650;
  letter-spacing:.055em;
}
body.home-page .nav-link:hover,body.home-page .nav-link.active {
  color:var(--home-blue);
}
body.home-page .nav-link::after {
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--home-violet),var(--home-blue),var(--home-cyan));
}
body.home-page .language {
  border-left-color:rgba(88,117,172,.16);
}
body.home-page .language button {
  color:#5f6b7c;
}

body.home-page .legacy-hero {
  border:1px solid rgba(108,132,177,.14);
  background:#f8faff;
  box-shadow:0 28px 72px rgba(50,91,158,.12);
}
body.home-page .legacy-slide-brands {
  background-image:
    linear-gradient(90deg,rgba(251,253,255,.90) 0%,rgba(249,252,255,.78) 27%,rgba(247,250,255,.36) 47%,rgba(247,250,255,.09) 65%,transparent 80%),
    radial-gradient(circle at 22% 28%,rgba(64,150,255,.12),transparent 27%),
    url('/media/hero-brands.jpg');
}
body.home-page .legacy-slide-light {
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.86) 0%,rgba(249,251,255,.62) 31%,rgba(246,249,255,.18) 54%,rgba(246,249,255,.04) 72%,transparent 88%),
    radial-gradient(circle at 18% 24%,rgba(127,91,255,.09),transparent 28%),
    url('/media/hero-focus.png');
}
body.home-page .legacy-slide::after,
body.home-page .legacy-slide-light::after {
  background:
    radial-gradient(circle at 18% 74%,rgba(0,168,245,.08),transparent 26%),
    radial-gradient(circle at 55% 96%,rgba(127,91,255,.05),transparent 30%);
}
body.home-page .hero-copy-brands,
body.home-page .hero-copy-light {
  top:14%;
  bottom:auto;
  left:8%;
  width:min(700px,48vw);
}
body.home-page .hero-copy,
body.home-page .hero-copy-brands,
body.home-page .hero-copy-light,
body.home-page .hero-copy-brands h2,
body.home-page .hero-copy-light h2 {
  color:var(--home-ink);
}
body.home-page .hero-copy::before {
  color:var(--home-blue);
  letter-spacing:.16em;
}
body.home-page .hero-copy h1 {
  max-width:700px;
  color:var(--home-ink);
  font-size:clamp(62px,5.55vw,96px);
  font-weight:650;
  letter-spacing:-.06em;
  line-height:.98;
  white-space:normal;
}
body.home-page .hero-copy h2 {
  max-width:610px;
  color:#273142;
  font-size:clamp(26px,2.25vw,40px);
  font-weight:540;
  letter-spacing:-.035em;
  line-height:1.18;
  white-space:normal;
}
body.home-page .hero-copy h2 span {
  background:linear-gradient(90deg,var(--home-violet),var(--home-blue),var(--home-cyan));
  background-clip:text;
  color:transparent;
}
body.home-page .hero-copy p,body.home-page .hero-copy-brands p,body.home-page .hero-copy-light p {
  color:#5d6879;
  font-size:17px;
  line-height:1.7;
}
body.home-page .hero-copy p b {
  color:var(--home-blue);
}
body.home-page .hero-details,body.home-page .hero-details-light,body.home-page .hero-details-dark {
  display:inline-flex;
  min-width:190px;
  min-height:50px;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:8px;
  background:linear-gradient(110deg,var(--home-violet),var(--home-blue) 57%,var(--home-cyan));
  box-shadow:0 14px 30px rgba(55,89,237,.22),inset 0 1px 0 rgba(255,255,255,.44);
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.075em;
  line-height:1;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
body.home-page .hero-details:hover {
  box-shadow:0 18px 38px rgba(55,89,237,.29),inset 0 1px 0 rgba(255,255,255,.55);
  filter:saturate(1.08);
  transform:translateY(-2px);
}
body.home-page .hero-arrow {
  border:1px solid rgba(112,132,178,.22);
  background:rgba(255,255,255,.82);
  box-shadow:0 10px 24px rgba(42,74,128,.10);
  color:var(--home-blue);
  backdrop-filter:blur(12px);
}
body.home-page .hero-arrow:hover {
  background:var(--home-blue);
  color:#fff;
}
body.home-page .legacy-side-tools {
  border-color:rgba(255,255,255,.7);
  background:linear-gradient(160deg,rgba(127,91,255,.91),rgba(19,102,236,.93) 58%,rgba(8,168,245,.9));
  box-shadow:0 20px 46px rgba(52,83,213,.25);
}
body.home-page .legacy-side-tools a:hover,body.home-page .legacy-side-tools button:hover {
  background:rgba(255,255,255,.18);
}

body.home-page .compatibility-strip {
  position:relative;
  background:transparent;
}
body.home-page .compatibility-grid article {
  border:1px solid rgba(93,120,174,.16);
  background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(247,250,255,.76));
  box-shadow:0 10px 30px rgba(45,84,151,.07),inset 0 1px 0 rgba(255,255,255,.95);
}
body.home-page .compatibility-grid article:hover {
  border-color:rgba(19,102,236,.28);
  box-shadow:0 20px 42px rgba(45,84,151,.13),0 0 0 1px rgba(127,91,255,.06) inset;
}
body.home-page .compatibility-grid span {
  color:#7a8595;
}
body.home-page .compatibility-grid h2 {
  color:#20242b;
}
body.home-page .compatibility-grid small {
  color:#7a8595;
}

body.home-page .home-release {
  position:relative;
  isolation:isolate;
  width:min(1480px,calc(100% - 64px));
  height:auto;
  min-height:820px;
  margin:56px auto 72px;
  padding:68px clamp(38px,5vw,76px) 58px;
  overflow:hidden;
  border:1px solid rgba(93,120,174,.14);
  border-radius:32px;
  background:
    radial-gradient(circle at 8% 88%,rgba(32,148,255,.24),transparent 34%),
    radial-gradient(circle at 78% 10%,rgba(127,91,255,.18),transparent 31%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,249,255,.88));
  box-shadow:0 26px 64px rgba(41,82,151,.12),inset 0 1px 0 rgba(255,255,255,.94);
  text-align:center;
}
body.home-page .home-release::before,
body.home-page .home-release::after {
  position:absolute;
  z-index:-1;
  border:1px solid rgba(109,125,255,.16);
  background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,255,255,.16));
  box-shadow:0 30px 70px rgba(66,102,214,.10);
  content:"";
  transform:rotate(-10deg);
}
body.home-page .home-release::before {
  top:72px;
  right:8%;
  width:390px;
  height:250px;
  border-radius:24px;
}
body.home-page .home-release::after {
  bottom:54px;
  left:4%;
  width:290px;
  height:190px;
  border-radius:20px;
  transform:rotate(7deg);
}
body.home-page .home-release__header {
  position:relative;
  z-index:2;
  max-width:760px;
  margin:0 auto;
}
body.home-page .home-release__header > span {
  display:block;
  margin-bottom:13px;
  color:#5271c9;
  font-size:11px;
  font-weight:800;
  letter-spacing:.2em;
}
body.home-page .home-release h2 {
  margin:0;
  color:var(--home-ink);
  font-size:clamp(42px,4vw,64px);
  font-weight:650;
  letter-spacing:-.055em;
  line-height:1.03;
}
body.home-page .home-release__header p {
  max-width:520px;
  margin:18px auto 0;
  color:#667085;
  font-size:16px;
  line-height:1.65;
}
body.home-page .home-release__stage {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2.5vw,38px);
  min-height:530px;
  margin-top:38px;
  align-items:start;
}
body.home-page .home-release-product {
  position:relative;
  display:flex;
  min-width:0;
  min-height:382px;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(105,126,186,.17);
  border-radius:24px;
  color:var(--home-ink);
  background:linear-gradient(158deg,rgba(255,255,255,.96),rgba(242,247,255,.78));
  box-shadow:0 20px 48px rgba(41,82,151,.11),inset 0 1px 0 rgba(255,255,255,.94);
  text-align:left;
  text-decoration:none;
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
body.home-page .home-release-product--1,
body.home-page .home-release-product--3 { margin-top:116px; }
body.home-page .home-release-product:hover {
  border-color:rgba(76,101,206,.34);
  box-shadow:0 28px 58px rgba(48,78,168,.18),0 0 0 1px rgba(116,88,226,.07) inset;
  transform:translateY(-7px);
}
body.home-page .home-release-product:focus-visible {
  outline:3px solid rgba(48,103,238,.36);
  outline-offset:4px;
}
body.home-page .home-release-product__index {
  position:absolute;
  z-index:2;
  top:18px;
  left:19px;
  padding:7px 10px;
  border:1px solid rgba(96,120,184,.18);
  border-radius:999px;
  color:#566a9d;
  background:rgba(255,255,255,.76);
  backdrop-filter:blur(10px);
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}
body.home-page .home-release-product__media {
  display:grid;
  height:236px;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 58% 35%,rgba(255,255,255,.96),transparent 42%),
    linear-gradient(145deg,rgba(218,239,255,.82),rgba(235,224,255,.72));
}
body.home-page .home-release-product__media::after {
  position:absolute;
  top:54px;
  right:28px;
  width:84px;
  height:84px;
  border:1px solid rgba(83,104,223,.14);
  border-radius:24px;
  content:"";
  transform:rotate(18deg);
}
body.home-page .home-release-product__media img {
  position:relative;
  z-index:1;
  width:88%;
  height:88%;
  object-fit:contain;
  filter:drop-shadow(0 18px 20px rgba(39,61,113,.16));
  transition:transform .28s ease;
}
body.home-page .home-release-product:hover .home-release-product__media img { transform:scale(1.045) translateY(-3px); }
body.home-page .home-release-product__media > b { color:#5368df; font-size:52px; }
body.home-page .home-release-product__copy {
  display:flex;
  min-height:146px;
  flex:1;
  flex-direction:column;
  padding:20px 22px 22px;
}
body.home-page .home-release-product__copy small {
  color:#5570c4;
  font-size:9px;
  font-weight:850;
  letter-spacing:.15em;
  text-transform:uppercase;
}
body.home-page .home-release-product__copy > strong {
  display:-webkit-box;
  margin-top:8px;
  overflow:hidden;
  color:#20283a;
  font-size:17px;
  line-height:1.35;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
body.home-page .home-release-product__copy em {
  margin-top:7px;
  overflow:hidden;
  color:#8490a2;
  font-size:11px;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.home-page .home-release-product__copy > span {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:44px;
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid rgba(112,130,180,.14);
  color:#4159ae;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.home-page .home-release-product__copy > span b { font-size:18px; }
body.home-page .home-release__empty {
  position:relative;
  z-index:2;
  display:grid;
  min-height:500px;
  margin-top:38px;
  place-items:center;
  border:1px dashed rgba(86,112,182,.28);
  border-radius:24px;
  color:#667085;
  background:rgba(255,255,255,.38);
}
body.home-page .home-release__empty p { margin:0; font-size:16px; }

@media (max-width:760px) {
  body.home-page .home-release {
    min-height:0;
    padding:46px 26px 34px;
  }
  body.home-page .home-release__stage {
    grid-template-columns:1fr;
    min-height:0;
    gap:18px;
    max-width:460px;
    margin:32px auto 0;
  }
  body.home-page .home-release-product--1,
  body.home-page .home-release-product--3 { margin-top:0; }
  body.home-page .home-release-product { min-height:360px; }
  body.home-page .home-release__empty { min-height:320px; }
}

body.home-page .legacy-business {
  background:#fff;
}
body.home-page .business-banner {
  background-image:
    linear-gradient(90deg,rgba(248,251,255,.97) 0%,rgba(248,251,255,.90) 38%,rgba(248,251,255,.50) 65%,rgba(248,251,255,.12) 100%),
    radial-gradient(circle at 17% 72%,rgba(64,150,255,.18),transparent 31%),
    url('/media/partner-parallax.png');
  background-attachment:scroll;
}
body.home-page .business-copy {
  color:var(--home-ink);
}
body.home-page .business-copy h2 {
  color:var(--home-ink);
  font-family:inherit;
  font-size:clamp(44px,4.3vw,70px);
  font-weight:630;
  letter-spacing:-.055em;
  line-height:1.04;
}
body.home-page .business-copy p {
  margin-top:34px;
  color:#5f6c7f;
  font-family:inherit;
  font-size:20px;
  font-weight:500;
}
body.home-page .partner-card {
  border:1px solid rgba(93,120,174,.15);
  border-radius:24px;
  background:
    radial-gradient(circle at 8% 15%,rgba(64,150,255,.10),transparent 28%),
    radial-gradient(circle at 92% 90%,rgba(127,91,255,.10),transparent 31%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,252,255,.83));
  box-shadow:0 28px 70px rgba(48,83,143,.11),inset 0 1px 0 rgba(255,255,255,.95);
}
body.home-page .partner-card h2 {
  color:var(--home-ink);
  font-family:inherit;
  font-size:36px;
  font-weight:630;
  letter-spacing:-.04em;
}
body.home-page .partner-card p {
  color:#687386;
  font-size:14px;
  line-height:1.85;
}
body.home-page .partner-button {
  bottom:20px;
  border-radius:8px;
  background:linear-gradient(110deg,var(--home-violet),var(--home-blue) 58%,var(--home-cyan));
  box-shadow:0 13px 30px rgba(55,89,237,.20);
  color:#fff;
  font-weight:700;
  letter-spacing:.045em;
  transition:transform .22s ease,box-shadow .22s ease;
}
body.home-page .partner-button:hover {
  box-shadow:0 18px 36px rgba(55,89,237,.28);
  transform:translateX(-50%) translateY(-2px);
}

body.home-page .legacy-news-section {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin-top:96px;
  padding-top:86px;
  border-top:1px solid rgba(109,134,185,.10);
  border-bottom:1px solid rgba(109,134,185,.12);
  border-radius:32px 32px 0 0;
  background:
    radial-gradient(circle at 88% 14%,rgba(127,91,255,.13),transparent 29%),
    radial-gradient(circle at 7% 77%,rgba(30,144,255,.14),transparent 30%),
    linear-gradient(135deg,#f5f9ff 0%,#faf8ff 48%,#f4fbff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(255,255,255,.54);
}
body.home-page .legacy-news-section::before,
body.home-page .legacy-news-section::after {
  position:absolute;
  z-index:0;
  border-radius:50%;
  pointer-events:none;
  content:"";
}
body.home-page .legacy-news-section::before {
  top:48px;
  left:-150px;
  width:430px;
  height:430px;
  background:radial-gradient(circle,rgba(41,151,255,.14),rgba(41,151,255,0) 69%);
}
body.home-page .legacy-news-section::after {
  right:-130px;
  bottom:-160px;
  width:500px;
  height:500px;
  background:radial-gradient(circle,rgba(133,93,255,.12),rgba(133,93,255,0) 70%);
}
body.home-page .legacy-news-section > * {
  position:relative;
  z-index:1;
}
body.home-page .company-news-title {
  width:auto;
  height:auto;
  margin-bottom:42px;
  color:var(--home-ink);
  font-family:inherit;
  font-size:42px;
  font-weight:650;
  letter-spacing:-.05em;
  line-height:1.1;
}
body.home-page .company-news-title::after {
  position:absolute;
  bottom:-16px;
  left:50%;
  width:72px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--home-violet),var(--home-blue),var(--home-cyan));
  content:"";
  transform:translateX(-50%);
}
body.home-page .legacy-news-card {
  overflow:hidden;
  border:2px solid transparent;
  border-radius:18px;
  background:
    linear-gradient(160deg,rgba(255,255,255,.90),rgba(246,249,255,.72)) padding-box,
    linear-gradient(135deg,rgba(127,91,255,.76),rgba(19,102,236,.82) 52%,rgba(8,168,245,.72)) border-box;
  box-shadow:0 16px 38px rgba(45,84,151,.13),inset 0 1px 0 rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
}
body.home-page .legacy-news-card:hover {
  background:
    linear-gradient(160deg,rgba(255,255,255,.94),rgba(243,248,255,.76)) padding-box,
    linear-gradient(135deg,var(--home-violet),var(--home-blue) 50%,var(--home-cyan)) border-box;
  box-shadow:0 26px 52px rgba(42,81,151,.18),0 0 0 4px rgba(56,119,240,.07);
  transform:translateY(-4px);
}
body.home-page .legacy-news-card h3 {
  color:#20242b;
  font-size:17px;
}
body.home-page .legacy-news-card:hover h3 {
  color:var(--home-blue);
  text-decoration:none;
}
body.home-page .legacy-news-card time {
  color:#7a66dc;
}
body.home-page .legacy-news-card p {
  color:#6c7788;
}

body.home-page .home-contact {
  padding-top:96px;
  background:
    radial-gradient(circle at 9% 15%,rgba(64,150,255,.16),transparent 27%),
    radial-gradient(circle at 88% 38%,rgba(127,91,255,.13),transparent 30%),
    linear-gradient(180deg,#f8fbff,#fff 68%);
}
body.home-page .home-contact h2 {
  height:auto;
  color:var(--home-ink);
  font-size:42px;
  font-weight:650;
  letter-spacing:-.05em;
}
body.home-page .home-contact-lead {
  margin-top:20px;
  color:#667085;
  font-size:15px;
}
body.home-page .home-contact-list {
  height:auto;
  margin-top:38px;
  margin-bottom:28px;
}
body.home-page .home-contact-list a {
  min-height:152px;
  padding:22px 16px;
  border:1px solid rgba(93,120,174,.14);
  border-radius:16px;
  background:rgba(255,255,255,.76);
  box-shadow:0 12px 30px rgba(45,84,151,.065);
  color:#657185;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body.home-page .home-contact-list a:hover {
  border-color:rgba(19,102,236,.24);
  box-shadow:0 20px 40px rgba(45,84,151,.12);
  transform:translateY(-3px);
}
body.home-page .home-contact-list i {
  width:48px;
  height:48px;
  border:1px solid rgba(19,102,236,.20);
  border-radius:13px;
  background:linear-gradient(135deg,rgba(127,91,255,.12),rgba(19,102,236,.10),rgba(8,168,245,.12));
  color:var(--home-blue);
  font-size:20px;
}
body.home-page .home-contact-list b {
  color:#263142;
  font-weight:650;
}
body.home-page .home-contact-form {
  padding:28px;
  border:1px solid rgba(93,120,174,.15);
  border-radius:20px;
  background:rgba(255,255,255,.80);
  box-shadow:0 24px 54px rgba(45,84,151,.10);
  backdrop-filter:blur(16px);
}
body.home-page .home-contact-form input,body.home-page .home-contact-form textarea {
  min-height:46px;
  margin-bottom:14px;
  padding:12px 14px;
  border:1px solid rgba(111,132,171,.24);
  border-radius:8px;
  background:rgba(255,255,255,.86);
  color:#273142;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
body.home-page .home-contact-form textarea {
  min-height:92px;
}
body.home-page .home-contact-form input:focus,body.home-page .home-contact-form textarea:focus {
  border-color:rgba(19,102,236,.65);
  background:#fff;
  box-shadow:0 0 0 4px rgba(19,102,236,.10);
}
body.home-page .home-contact-form button {
  min-width:142px;
  min-height:46px;
  border-radius:8px;
  background:linear-gradient(110deg,var(--home-violet),var(--home-blue) 58%,var(--home-cyan));
  box-shadow:0 13px 30px rgba(55,89,237,.20);
  font-weight:700;
  transition:transform .22s ease,box-shadow .22s ease;
}
body.home-page .home-contact-form button:hover {
  box-shadow:0 18px 36px rgba(55,89,237,.28);
  transform:translateY(-2px);
}
body.home-page .home-map {
  height:428px;
  margin:48px 24px 0;
  padding:14px;
  border:1px solid rgba(93,120,174,.14);
  border-radius:24px 24px 0 0;
  background:
    radial-gradient(circle at 12% 30%,rgba(54,151,255,.26),transparent 32%),
    radial-gradient(circle at 88% 72%,rgba(130,91,255,.24),transparent 35%),
    linear-gradient(120deg,#e9f5ff,#f2efff 52%,#eaf9ff);
  box-shadow:0 -18px 48px rgba(45,84,151,.11),inset 0 1px 0 rgba(255,255,255,.78);
}
body.home-page .home-map::before {
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,rgba(255,255,255,.32),transparent 38%,rgba(255,255,255,.18));
  pointer-events:none;
  content:"";
}
body.home-page .home-map iframe {
  z-index:1;
  top:14px;
  left:14px;
  width:calc(100% - 28px);
  height:400px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:16px 16px 0 0;
  background:#eaf2ff;
  box-shadow:0 14px 36px rgba(43,79,143,.12);
  transform:none;
}
body.home-page .site-footer,body.home-page:has(.home-contact) .site-footer {
  height:auto;
  margin-top:0;
  padding:22px 30px;
  border-top:1px solid rgba(93,120,174,.13);
  background:#eff4fb;
  color:#5f6b7c;
}
body.home-page .legacy-copyright {
  width:min(1200px,calc(100% - 30px));
  height:auto;
  color:#5f6b7c;
  font-family:inherit;
  line-height:1.6;
}
body.home-page .legacy-copyright a {
  color:var(--home-blue);
}

@media (min-width:1025px) {
  body.home-page .site-header .header-shell {
    width:min(1440px,calc(100% - 88px));
  }
  body.home-page .brand {
    flex-basis:210px;
  }
  body.home-page .legacy-hero {
    margin:0 24px;
    border-radius:0 0 28px 28px;
  }
}

@media (max-width:1024px) {
  body.home-page .site-header .header-shell {
    max-width:calc(100% - 32px);
  }
  body.home-page .brand {
    flex-basis:178px;
  }
  body.home-page .menu-toggle {
    z-index:2;
    display:block;
    margin-left:18px;
    color:var(--home-ink);
    cursor:pointer;
  }
  body.home-page .nav-links {
    position:absolute;
    top:78px;
    right:0;
    left:0;
    display:none;
    width:auto;
    height:auto;
    flex-direction:column;
    border-color:rgba(93,120,174,.16);
    background:rgba(255,255,255,.96);
    box-shadow:0 18px 38px rgba(45,84,151,.13);
    backdrop-filter:blur(18px);
  }
  body.home-page .nav-links.open {
    display:flex;
  }
  body.home-page .nav-link {
    width:auto;
    min-height:48px;
    justify-content:flex-start;
    padding:0 20px;
  }
  body.home-page .nav-link::after {
    display:none;
  }
  body.home-page .language {
    position:static;
    width:auto;
    height:30px;
    margin-left:auto;
    padding-left:14px;
  }
  body.home-page .language button:first-child,body.home-page .language button:last-child {
    width:auto;
    margin-right:8px;
  }
  body.home-page .language i {
    display:none;
  }
  body.home-page .legacy-hero {
    height:620px;
    border-radius:0 0 24px 24px;
  }
  body.home-page .hero-copy-brands,body.home-page .hero-copy-light {
    top:72px;
    bottom:auto;
    left:7%;
    width:min(660px,82vw);
  }
  body.home-page .hero-copy h1 {
    font-size:clamp(52px,8.4vw,78px);
  }
  body.home-page .compatibility-strip {
    width:100%;
    max-width:100vw;
    overflow-x:auto;
    padding:0 16px 12px;
    scrollbar-width:none;
  }
  body.home-page .compatibility-strip::-webkit-scrollbar {
    display:none;
  }
  body.home-page .compatibility-grid {
    width:max-content;
    grid-template-columns:repeat(5,230px);
    gap:14px;
  }
  body.home-page .home-release {
    width:calc(100% - 48px);
    min-height:720px;
    margin:40px 24px 56px;
    padding:56px 34px 42px;
  }
  body.home-page .home-release__stage {
    min-height:480px;
    gap:18px;
  }
  body.home-page .home-release-product--1,
  body.home-page .home-release-product--3 {
    margin-top:88px;
  }
  body.home-page .home-release::before {
    right:32px;
  }
  body.home-page .home-release::after {
    right:auto;
    left:-34px;
  }
  body.home-page .business-copy {
    left:8%;
  }
  body.home-page .legacy-news {
    left:0;
    width:calc(100% - 48px);
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.home-page .home-contact-list {
    left:0;
    width:calc(100% - 48px);
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.home-page .home-contact-form {
    left:0;
    width:calc(100% - 48px);
  }
}

@media (max-width:560px) {
  body.home-page .site-header,body.home-page .site-header .header-shell {
    height:68px;
  }
  body.home-page .brand {
    height:68px;
    flex-basis:154px;
  }
  body.home-page .brand::before {
    width:34px;
    height:34px;
    flex-basis:34px;
    border-radius:10px;
  }
  body.home-page .brand::after {
    margin-left:8px;
    font-size:11px;
  }
  body.home-page .language button {
    font-size:0;
  }
  body.home-page .language img {
    margin-right:3px;
  }
  body.home-page .menu-toggle {
    color:var(--home-ink);
    cursor:pointer;
  }
  body.home-page .nav-links {
    top:68px;
  }
  body.home-page .legacy-hero {
    height:560px;
    margin:0 8px;
    border-radius:0 0 22px 22px;
    background-position:64% center;
  }
  body.home-page .legacy-slide-brands {
    background-image:
      linear-gradient(180deg,rgba(250,253,255,.82) 0%,rgba(249,252,255,.62) 42%,rgba(248,251,255,.18) 76%,rgba(248,251,255,.06) 100%),
      linear-gradient(90deg,rgba(255,255,255,.70),rgba(255,255,255,.24) 68%,transparent 100%),
      url('/media/hero-brands.jpg');
    background-position:60% center;
  }
  body.home-page .legacy-slide-light {
    background-image:
      linear-gradient(180deg,rgba(250,253,255,.78) 0%,rgba(249,252,255,.52) 43%,rgba(248,251,255,.14) 76%,rgba(248,251,255,.04) 100%),
      linear-gradient(90deg,rgba(255,255,255,.64),rgba(255,255,255,.16) 70%,transparent 100%),
      url('/media/hero-focus.png');
    background-position:60% center;
  }
  body.home-page .hero-copy-brands,body.home-page .hero-copy-light,body.home-page .hero-copy {
    top:50px;
    bottom:auto;
    left:22px;
    width:calc(100% - 44px);
  }
  body.home-page .hero-copy::before {
    margin-bottom:12px;
    font-size:9px;
  }
  body.home-page .hero-copy h1 {
    font-size:44px;
    line-height:1;
  }
  body.home-page .hero-copy h2 {
    margin-top:13px;
    font-size:25px;
    line-height:1.18;
  }
  body.home-page .hero-copy p {
    margin-top:13px;
    font-size:15px;
  }
  body.home-page .hero-details {
    min-width:172px;
    min-height:46px;
    margin-top:22px;
  }
  body.home-page .hero-arrow {
    bottom:12px;
    width:40px;
    height:40px;
    font-size:29px;
    line-height:36px;
  }
  body.home-page .hero-arrow-left {
    right:58px;
  }
  body.home-page .hero-arrow-right {
    right:12px;
  }
  body.home-page .compatibility-strip {
    margin-top:22px;
  }
  body.home-page .compatibility-grid {
    grid-template-columns:repeat(5,220px);
  }
  body.home-page .home-release {
    width:calc(100% - 32px);
    min-height:0;
    margin:30px 16px 42px;
    padding:38px 18px 24px;
    border-radius:22px;
  }
  body.home-page .home-release h2 {
    font-size:36px;
  }
  body.home-page .home-release__header p {
    margin-top:14px;
    font-size:14px;
  }
  body.home-page .home-release__stage {
    gap:16px;
    margin-top:26px;
  }
  body.home-page .home-release-product {
    min-height:346px;
    border-radius:19px;
  }
  body.home-page .home-release-product__media {
    height:214px;
  }
  body.home-page .home-release-product__copy {
    min-height:132px;
    padding:18px 18px 19px;
  }
  body.home-page .home-release::before {
    top:236px;
    right:-72px;
    width:210px;
    height:130px;
  }
  body.home-page .home-release::after {
    top:auto;
    right:auto;
    bottom:26px;
    left:-58px;
    width:170px;
    height:105px;
  }
  body.home-page .business-banner {
    height:520px;
    background-image:
      linear-gradient(180deg,rgba(249,251,255,.68),rgba(249,251,255,.95) 62%,#f9fbff 100%),
      url('/media/partner-parallax.png');
    background-position:center;
  }
  body.home-page .business-copy {
    top:auto;
    bottom:70px;
    left:24px;
    width:calc(100% - 48px);
  }
  body.home-page .business-copy h2 {
    font-size:42px;
  }
  body.home-page .business-copy p {
    margin-top:20px;
    font-size:17px;
  }
  body.home-page .partner-card {
    left:0;
    width:calc(100% - 32px);
    max-width:none;
    height:auto;
    min-height:520px;
    margin:18px 16px 0;
    padding:42px 25px 84px;
    border-radius:20px;
  }
  body.home-page .partner-card h2 {
    font-size:30px;
  }
  body.home-page .legacy-news-section {
    margin-top:56px;
    padding:74px 0 84px;
    border-radius:24px 24px 0 0;
  }
  body.home-page .company-news-title {
    left:0;
    margin-bottom:32px;
    font-size:36px;
  }
  body.home-page .legacy-news {
    width:calc(100% - 32px);
    grid-template-columns:1fr;
    gap:18px;
  }
  body.home-page .home-contact {
    padding-top:74px;
  }
  body.home-page .home-contact h2 {
    left:0;
    width:calc(100% - 32px);
    font-size:36px;
  }
  body.home-page .home-contact-lead {
    left:0;
    width:calc(100% - 32px);
  }
  body.home-page .home-contact-list {
    width:calc(100% - 32px);
    grid-template-columns:1fr;
    gap:14px;
  }
  body.home-page .home-contact-list a {
    min-height:126px;
  }
  body.home-page .home-contact-form {
    width:calc(100% - 32px);
    margin-bottom:30px;
    padding:20px;
  }
  body.home-page .home-map {
    height:344px;
    margin:32px 8px 0;
    padding:12px;
    border-radius:20px 20px 0 0;
  }
  body.home-page .home-map iframe {
    top:12px;
    left:12px;
    width:calc(100% - 24px);
    height:320px;
    border-radius:13px 13px 0 0;
  }
  body.home-page .site-footer,body.home-page:has(.home-contact) .site-footer {
    padding:20px 16px;
  }
}

/* PRODUCTS refresh: extend the home page's light cloud-tech language to the
   existing catalogue without changing its section order or product grid. */
body.products-page {
  --orange:#1366ec;
  --orange-light:#4096ff;
  --product-ink:#191c21;
  --product-muted:#667085;
  --product-blue:#1366ec;
  --product-cyan:#08a8f5;
  --product-violet:#7f5bff;
  --product-line:rgba(88,117,172,.16);
  color:var(--product-ink);
  background:
    radial-gradient(circle at 6% 13%,rgba(64,150,255,.13),transparent 23%),
    radial-gradient(circle at 94% 34%,rgba(127,91,255,.11),transparent 27%),
    linear-gradient(180deg,#fff 0%,#f8faff 48%,#fff 100%);
  font-family:Inter,"Noto Sans SC","PingFang SC","Segoe UI","Microsoft YaHei",Arial,sans-serif;
}
body.products-page::before {
  display:none;
}
body.products-page a,body.products-page button {
  font-family:inherit;
}
body.products-page a:focus-visible,body.products-page button:focus-visible {
  outline:3px solid rgba(19,102,236,.34);
  outline-offset:3px;
}
body.products-page main {
  overflow:hidden;
}

body.products-page .site-header {
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:1px solid rgba(108,132,177,.13);
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 34px rgba(34,75,139,.055);
  backdrop-filter:blur(22px) saturate(145%);
}
body.products-page .brand {
  align-items:center;
}
body.products-page .brand img {
  display:none;
}
body.products-page .brand::before {
  display:grid;
  width:38px;
  height:38px;
  flex:0 0 38px;
  place-items:center;
  border-radius:11px;
  background:linear-gradient(135deg,var(--product-violet),var(--product-blue) 55%,var(--product-cyan));
  box-shadow:0 10px 24px rgba(75,91,255,.24),inset 0 1px 0 rgba(255,255,255,.7);
  color:#fff;
  content:"HX";
  font-size:12px;
  font-weight:800;
  letter-spacing:-.06em;
}
body.products-page .brand::after {
  margin-left:11px;
  color:var(--product-ink);
  content:attr(data-brand-label);
  font-size:14px;
  font-weight:760;
  letter-spacing:.075em;
  line-height:1.05;
  white-space:pre-line;
}
body.products-page .nav-link {
  color:#4e5969;
  font-weight:650;
  letter-spacing:.055em;
}
body.products-page .nav-link:hover,body.products-page .nav-link.active {
  color:var(--product-blue);
}
body.products-page .nav-link::after {
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--product-violet),var(--product-blue),var(--product-cyan));
}
body.products-page .language {
  border-left-color:var(--product-line);
}
body.products-page .language button {
  color:#5f6b7c;
}

body.products-page .products-intro {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-bottom:44px;
  border-bottom:1px solid rgba(93,120,174,.14);
  border-radius:0 0 28px 28px;
  background:
    radial-gradient(circle at 12% 27%,rgba(64,150,255,.18),transparent 30%),
    radial-gradient(circle at 87% 20%,rgba(127,91,255,.18),transparent 32%),
    linear-gradient(135deg,#eef7ff 0%,#faf9ff 50%,#f2f0ff 100%);
  box-shadow:0 28px 72px rgba(50,91,158,.10);
}
body.products-page .products-intro > * {
  position:relative;
  z-index:1;
}
body.products-page .page-banner {
  height:260px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--product-ink);
}
body.products-page .products-intro::before,body.products-page .products-intro::after {
  position:absolute;
  z-index:0;
  border:1px solid rgba(100,105,244,.14);
  border-radius:32px;
  background:linear-gradient(135deg,rgba(255,255,255,.54),rgba(136,164,255,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
  content:"";
  transform:rotate(24deg);
}
body.products-page .products-intro::before {
  top:-170px;
  right:8%;
  width:340px;
  height:340px;
}
body.products-page .products-intro::after {
  bottom:-175px;
  left:7%;
  width:280px;
  height:280px;
  transform:rotate(-18deg);
}
body.products-page .page-banner .shell {
  position:relative;
  z-index:1;
}
body.products-page .page-banner h1 {
  margin:0;
  color:var(--product-ink);
  font-size:clamp(42px,4.5vw,58px);
  font-weight:650;
  letter-spacing:-.055em;
  line-height:1;
}
body.products-page .page-banner h1::after {
  display:block;
  width:62px;
  height:4px;
  margin:18px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,var(--product-violet),var(--product-blue),var(--product-cyan));
  content:"";
}
body.products-page .page-banner p {
  max-width:640px;
  margin:18px auto 0;
  color:#5f6b7c;
  font-size:15px;
  line-height:1.75;
}

body.products-page .modtek-discovery {
  width:min(976px,calc(100% - 48px));
  min-height:202px;
  margin:12px auto 0;
  padding:35px 45px;
  border:1px solid rgba(135,146,255,.30);
  border-radius:22px;
  background:
    radial-gradient(circle at 83% 12%,rgba(8,168,245,.20),transparent 28%),
    radial-gradient(circle at 22% 120%,rgba(127,91,255,.30),transparent 42%),
    linear-gradient(125deg,#17234d 0%,#28225c 55%,#172b5d 100%);
  box-shadow:0 24px 54px rgba(35,55,128,.20),inset 0 1px 0 rgba(255,255,255,.12);
  font-family:inherit;
}
body.products-page .modtek-discovery::before {
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,rgba(255,255,255,.04),transparent 42%);
  content:"";
  pointer-events:none;
}
body.products-page .modtek-discovery::after {
  top:-120px;
  right:4%;
  width:300px;
  height:300px;
  border-color:rgba(111,185,255,.26);
  border-radius:42px;
}
body.products-page .modtek-discovery p {
  color:#83d5ff;
}
body.products-page .modtek-discovery h2 {
  font-size:40px;
  letter-spacing:-.055em;
}
body.products-page .modtek-discovery h2 b {
  color:#9f8cff;
}
body.products-page .modtek-discovery span {
  color:#b6c6e9;
}
body.products-page .modtek-discovery a {
  min-height:46px;
  gap:18px;
  padding:0 18px 0 22px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body.products-page .modtek-discovery a:hover {
  border-color:rgba(137,218,255,.54);
  background:rgba(255,255,255,.14);
  box-shadow:0 10px 28px rgba(8,168,245,.14);
}
body.products-page .modtek-discovery i {
  color:#6bd5ff;
}

body.products-page .legacy-section.gray {
  position:relative;
  padding:88px 0 102px;
  border-top:1px solid rgba(93,120,174,.10);
  border-bottom:1px solid rgba(93,120,174,.10);
  background:
    radial-gradient(circle at 7% 18%,rgba(64,150,255,.18),transparent 30%),
    radial-gradient(circle at 93% 58%,rgba(127,91,255,.16),transparent 34%),
    linear-gradient(135deg,#f2f8ff 0%,#faf8ff 48%,#f1faff 100%);
}
body.products-page .legacy-title {
  margin-bottom:44px;
  color:var(--product-ink);
  font-size:42px;
  font-weight:650;
  letter-spacing:-.05em;
  line-height:1.12;
}
body.products-page .legacy-title::after {
  width:54px;
  height:3px;
  margin-top:18px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--product-violet),var(--product-blue),var(--product-cyan));
}
body.products-page .legacy-subtitle {
  margin-top:-27px;
  margin-bottom:44px;
  color:var(--product-muted);
  font-size:15px;
  line-height:1.8;
}
body.products-page .product-grid {
  gap:24px;
}
body.products-page .product-card {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(93,120,174,.15);
  border-radius:20px;
  background:linear-gradient(160deg,rgba(255,255,255,.97),rgba(247,250,255,.84));
  box-shadow:0 14px 34px rgba(45,84,151,.08),inset 0 1px 0 rgba(255,255,255,.96);
  color:var(--product-ink);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
body.products-page .product-card:hover {
  border-color:rgba(19,102,236,.26);
  box-shadow:0 26px 52px rgba(45,84,151,.15),inset 0 1px 0 #fff;
  transform:translateY(-5px);
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  body.products-page .product-card::before {
    position:absolute;
    z-index:4;
    inset:0;
    padding:2px;
    border-radius:inherit;
    background:radial-gradient(220px circle at var(--product-glow-x,50%) var(--product-glow-y,50%),rgba(8,168,245,.98) 0%,rgba(73,115,255,.90) 24%,rgba(127,91,255,.72) 42%,transparent 68%);
    content:"";
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease-out;
    will-change:opacity;
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite:exclude;
  }
  body.products-page .product-card:hover::before,
  body.products-page .product-card.is-edge-active::before {
    opacity:1;
  }
}
body.products-page .product-pic {
  height:244px;
  border-bottom:1px solid rgba(93,120,174,.10);
  background:
    radial-gradient(circle at 18% 18%,rgba(64,150,255,.18),transparent 34%),
    radial-gradient(circle at 82% 78%,rgba(127,91,255,.14),transparent 38%),
    #f5f8ff;
}
body.products-page .product-pic img {
  object-fit:cover;
  transition:transform .34s cubic-bezier(.22,.61,.36,1),filter .34s ease;
}
body.products-page .product-card:hover .product-pic img {
  filter:saturate(1.04) contrast(1.02);
  transform:scale(1.045);
}
body.products-page .product-card h3 {
  margin:20px 22px 8px;
  color:#20242b;
  font-size:17px;
  font-weight:680;
  line-height:1.45;
}
body.products-page .product-card p {
  min-height:42px;
  margin:0 22px 22px;
  color:#667085;
  font-size:14px;
  line-height:1.55;
}
body.products-page .catalog-empty {
  min-height:260px;
  padding:42px 28px;
  border:1px solid rgba(93,120,174,.16);
  border-radius:20px;
  background:rgba(255,255,255,.78);
  box-shadow:0 18px 42px rgba(45,84,151,.08);
  color:var(--product-muted);
  backdrop-filter:blur(14px);
}
body.products-page .catalog-empty strong {
  color:var(--product-ink);
  font-size:20px;
  font-weight:650;
}
body.products-page .legacy-button {
  min-height:46px;
  padding:13px 26px;
  border:0;
  border-radius:8px;
  background:linear-gradient(110deg,var(--product-violet),var(--product-blue) 58%,var(--product-cyan));
  box-shadow:0 13px 30px rgba(55,89,237,.20);
  color:#fff;
  font-weight:700;
  transition:transform .22s ease,box-shadow .22s ease;
}
body.products-page .legacy-button:hover {
  background:linear-gradient(110deg,#7652f4,#0f5fde 58%,#079de5);
  box-shadow:0 18px 36px rgba(55,89,237,.28);
  color:#fff;
  transform:translateY(-2px);
}

body.products-page .legacy-cta {
  position:relative;
  overflow:hidden;
  padding:76px 20px 80px;
  border-top:1px solid rgba(93,120,174,.13);
  background:
    radial-gradient(circle at 13% 32%,rgba(64,150,255,.18),transparent 28%),
    radial-gradient(circle at 88% 68%,rgba(127,91,255,.15),transparent 30%),
    linear-gradient(130deg,#f7fbff,#f3f5ff 54%,#f8fbff);
  color:var(--product-ink);
}
body.products-page .legacy-cta h2 {
  margin-bottom:16px;
  color:var(--product-ink);
  font-size:clamp(28px,3vw,42px);
  font-weight:650;
  letter-spacing:-.045em;
}
body.products-page .legacy-cta p {
  color:var(--product-muted);
  font-size:15px;
}
body.products-page .legacy-cta .legacy-button {
  margin-top:28px;
  border:0;
  background:linear-gradient(110deg,var(--product-violet),var(--product-blue) 58%,var(--product-cyan));
}
body.products-page .legacy-cta .legacy-button:hover {
  background:linear-gradient(110deg,#7652f4,#0f5fde 58%,#079de5);
  color:#fff;
}
body.products-page .site-footer {
  height:auto;
  margin-top:0;
  padding:22px 30px;
  border-top:1px solid rgba(93,120,174,.13);
  background:#eff4fb;
  color:#5f6b7c;
}
body.products-page .legacy-copyright {
  width:min(1200px,calc(100% - 30px));
  height:auto;
  color:#5f6b7c;
  font-family:inherit;
  line-height:1.6;
}
body.products-page .legacy-copyright a {
  color:var(--product-blue);
}

@media (min-width:1025px) {
  body.products-page .site-header .header-shell {
    width:min(1440px,calc(100% - 88px));
  }
  body.products-page .brand {
    flex-basis:210px;
  }
}

@media (max-width:1024px) {
  body.products-page .site-header .header-shell {
    max-width:calc(100% - 32px);
  }
  body.products-page .brand {
    flex-basis:178px;
  }
  body.products-page .menu-toggle {
    z-index:2;
    display:block;
    margin-left:18px;
    color:var(--product-ink);
    cursor:pointer;
  }
  body.products-page .nav-links {
    position:absolute;
    top:78px;
    right:0;
    left:0;
    display:none;
    width:auto;
    height:auto;
    flex-direction:column;
    border:1px solid rgba(93,120,174,.16);
    background:rgba(255,255,255,.96);
    box-shadow:0 18px 38px rgba(45,84,151,.13);
    backdrop-filter:blur(18px);
  }
  body.products-page .nav-links.open {
    display:flex;
  }
  body.products-page .nav-link {
    width:auto;
    min-height:48px;
    justify-content:flex-start;
    padding:0 20px;
  }
  body.products-page .nav-link::after {
    display:none;
  }
  body.products-page .language {
    position:static;
    width:auto;
    height:30px;
    margin-left:auto;
    padding-left:14px;
  }
  body.products-page .language button:first-child,body.products-page .language button:last-child {
    width:auto;
    margin-right:8px;
  }
  body.products-page .language i {
    display:none;
  }
  body.products-page .product-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:560px) {
  body.products-page .site-header,body.products-page .site-header .header-shell {
    height:68px;
  }
  body.products-page .brand {
    height:68px;
    flex-basis:154px;
  }
  body.products-page .brand::before {
    width:34px;
    height:34px;
    flex-basis:34px;
    border-radius:10px;
  }
  body.products-page .brand::after {
    margin-left:8px;
    font-size:11px;
  }
  body.products-page .language button {
    font-size:0;
  }
  body.products-page .language img {
    margin-right:3px;
  }
  body.products-page .nav-links {
    top:68px;
  }
  body.products-page .products-intro {
    padding-bottom:24px;
    border-radius:0 0 22px 22px;
  }
  body.products-page .page-banner {
    height:230px;
  }
  body.products-page .page-banner h1 {
    font-size:42px;
  }
  body.products-page .page-banner p {
    max-width:310px;
    margin-top:15px;
    font-size:16px;
  }
  body.products-page .products-intro::before {
    right:-110px;
  }
  body.products-page .products-intro::after {
    left:-125px;
  }
  body.products-page .modtek-discovery {
    width:calc(100% - 32px);
    min-height:300px;
    margin-top:8px;
    padding:30px 25px;
    align-items:flex-start;
    flex-direction:column;
    justify-content:center;
    gap:28px;
    border-radius:20px;
  }
  body.products-page .modtek-discovery h2 {
    font-size:36px;
  }
  body.products-page .modtek-discovery a {
    min-width:188px;
    justify-content:space-between;
  }
  body.products-page .legacy-section.gray {
    padding:70px 0 78px;
  }
  body.products-page .legacy-title {
    margin-bottom:40px;
    font-size:36px;
  }
  body.products-page .legacy-subtitle {
    margin-top:-24px;
    margin-bottom:34px;
    font-size:16px;
  }
  body.products-page .product-grid {
    grid-template-columns:1fr;
    gap:18px;
  }
  body.products-page .product-pic {
    height:235px;
  }
  body.products-page .product-card h3 {
    font-size:18px;
  }
  body.products-page .product-card p {
    min-height:0;
    font-size:16px;
  }
  body.products-page .legacy-cta {
    padding:66px 22px 70px;
  }
  body.products-page .legacy-cta p {
    font-size:16px;
  }
  body.products-page .site-footer {
    padding:20px 16px;
  }
}

/* Product detail refresh: the route inherits the Products page tokens and
   navigation, while this layer refines its existing gallery/copy layout. */
body.product-detail-page main {
  position:relative;
  background:
    radial-gradient(circle at 3% 17%,rgba(64,150,255,.15),transparent 26%),
    radial-gradient(circle at 96% 38%,rgba(127,91,255,.14),transparent 31%),
    linear-gradient(135deg,#f5faff 0%,#fbfaff 48%,#f3f7ff 100%);
}
body.product-detail-page .breadcrumb {
  position:relative;
  z-index:1;
  width:min(1360px,calc(100% - 88px));
  max-width:none;
  margin:0 auto;
  padding:30px 0 20px;
  color:#8a94a6;
  font-size:13px;
  line-height:1.6;
}
body.product-detail-page .breadcrumb a {
  color:#516177;
  font-weight:650;
  transition:color .2s ease;
}
body.product-detail-page .breadcrumb a:hover {
  color:var(--product-blue);
}
body.product-detail-page .product-detail {
  position:relative;
  z-index:1;
  width:min(1360px,calc(100% - 88px));
  max-width:none;
  gap:54px;
  margin:0 auto 86px;
  padding:24px;
  border:1px solid rgba(93,120,174,.16);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(248,250,255,.72));
  box-shadow:0 30px 76px rgba(45,84,151,.13),inset 0 1px 0 rgba(255,255,255,.98);
  backdrop-filter:blur(20px) saturate(140%);
}
body.product-detail-page .product-detail::before {
  position:absolute;
  z-index:-1;
  top:-110px;
  right:-80px;
  width:300px;
  height:300px;
  border:1px solid rgba(100,105,244,.12);
  border-radius:44px;
  background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(136,164,255,.07));
  content:"";
  pointer-events:none;
  transform:rotate(26deg);
}
body.product-detail-page .product-detail__media {
  align-self:start;
  padding:14px;
  border:1px solid rgba(93,120,174,.14);
  border-radius:24px;
  background:rgba(255,255,255,.70);
  box-shadow:0 18px 44px rgba(45,84,151,.09),inset 0 1px 0 #fff;
}
body.product-detail-page .product-detail__primary,
body.product-detail-page .product-detail__placeholder {
  width:100%;
  height:clamp(420px,42vw,580px);
  min-height:0;
  max-height:none;
  overflow:hidden;
  border:1px solid rgba(93,120,174,.12);
  border-radius:18px;
  background:
    radial-gradient(circle at 18% 14%,rgba(64,150,255,.15),transparent 32%),
    radial-gradient(circle at 84% 82%,rgba(127,91,255,.13),transparent 35%),
    #f7faff;
  box-shadow:none;
  object-fit:contain;
}
body.product-detail-page .product-detail__placeholder {
  color:#7b86a1;
  font-weight:750;
}
body.product-detail-page .product-detail__thumbs {
  gap:10px;
  margin-top:12px;
  padding:2px 2px 4px;
  scrollbar-color:rgba(93,120,174,.35) transparent;
}
body.product-detail-page .product-detail__thumbs button {
  width:72px;
  height:72px;
  border:1px solid rgba(93,120,174,.18);
  border-radius:13px;
  background:#fff;
  box-shadow:0 7px 18px rgba(45,84,151,.07);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
body.product-detail-page .product-detail__thumbs button:hover {
  border-color:rgba(19,102,236,.36);
  box-shadow:0 10px 22px rgba(45,84,151,.13);
  transform:translateY(-2px);
}
body.product-detail-page .product-detail__thumbs button.active {
  border-color:var(--product-blue);
  box-shadow:0 0 0 2px rgba(19,102,236,.15),0 10px 24px rgba(45,84,151,.13);
}
body.product-detail-page .product-detail__thumbs img {
  border-radius:11px;
}
body.product-detail-page .product-detail__copy {
  align-self:center;
  padding:38px 42px 38px 4px;
}
body.product-detail-page .product-detail__eyebrow {
  width:max-content;
  max-width:100%;
  margin:0 0 20px;
  padding:8px 12px;
  border:1px solid rgba(19,102,236,.14);
  border-radius:999px;
  background:linear-gradient(100deg,rgba(127,91,255,.09),rgba(19,102,236,.08),rgba(8,168,245,.08));
  color:var(--product-blue);
  font-size:11px;
  font-weight:750;
  letter-spacing:.14em;
}
body.product-detail-page .product-detail__copy h1 {
  max-width:620px;
  color:var(--product-ink);
  font-size:clamp(42px,4.2vw,64px);
  font-weight:650;
  letter-spacing:-.06em;
  line-height:1.04;
  overflow-wrap:anywhere;
}
body.product-detail-page .product-detail__copy h1::after {
  display:block;
  width:64px;
  height:4px;
  margin:22px 0 0;
  border-radius:999px;
  background:linear-gradient(90deg,var(--product-violet),var(--product-blue),var(--product-cyan));
  content:"";
}
body.product-detail-page .product-detail__lead {
  max-width:620px;
  margin:24px 0 28px;
  color:var(--product-muted);
  font-size:16px;
  line-height:1.8;
}
body.product-detail-page .product-detail__copy dl {
  display:grid;
  gap:10px;
  margin:0 0 30px;
  border:0;
}
body.product-detail-page .product-detail__copy dl div {
  grid-template-columns:118px minmax(0,1fr);
  gap:14px;
  padding:14px 16px;
  border:1px solid rgba(93,120,174,.13);
  border-radius:12px;
  background:rgba(255,255,255,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
  font-size:14px;
}
body.product-detail-page .product-detail__copy dt {
  color:#8791a3;
  font-weight:600;
}
body.product-detail-page .product-detail__copy dd {
  color:#303746;
  font-weight:650;
  overflow-wrap:anywhere;
}
body.product-detail-page .product-detail__copy .legacy-button {
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  gap:18px;
}
body.product-detail-page .product-detail__copy .legacy-button::after {
  content:"→";
  font-size:18px;
  line-height:1;
}
body.product-detail-page .product-detail__description {
  position:relative;
  overflow:hidden;
  padding:92px 0 96px;
  border-top:1px solid rgba(93,120,174,.12);
  border-bottom:1px solid rgba(93,120,174,.12);
  background:
    radial-gradient(circle at 9% 16%,rgba(64,150,255,.16),transparent 29%),
    radial-gradient(circle at 91% 70%,rgba(127,91,255,.14),transparent 32%),
    linear-gradient(135deg,#f2f8ff 0%,#fbf9ff 50%,#f2f9ff 100%);
}
body.product-detail-page .product-detail__description::before {
  position:absolute;
  top:-150px;
  left:8%;
  width:320px;
  height:320px;
  border:1px solid rgba(100,105,244,.11);
  border-radius:48px;
  content:"";
  transform:rotate(-19deg);
}
body.product-detail-page .product-detail__description article {
  position:relative;
  width:min(1000px,calc(100% - 88px));
  max-width:none;
  padding:48px 54px;
  border:1px solid rgba(93,120,174,.15);
  border-radius:24px;
  background:rgba(255,255,255,.78);
  box-shadow:0 24px 58px rgba(45,84,151,.10),inset 0 1px 0 #fff;
  backdrop-filter:blur(16px);
}
body.product-detail-page .product-detail__description h2 {
  margin:32px 0 14px;
  color:var(--product-ink);
  font-size:clamp(25px,2.4vw,34px);
  font-weight:650;
  letter-spacing:-.035em;
  line-height:1.2;
}
body.product-detail-page .product-detail__description h2:first-child {
  margin-top:0;
}
body.product-detail-page .product-detail__description p {
  max-width:76ch;
  margin:0 0 20px;
  color:#5e6878;
  font-size:16px;
  line-height:1.9;
}

@media (max-width:900px) {
  body.product-detail-page .breadcrumb,
  body.product-detail-page .product-detail {
    width:calc(100% - 32px);
  }
  body.product-detail-page .product-detail {
    grid-template-columns:1fr;
    gap:0;
    margin-bottom:64px;
    padding:18px;
  }
  body.product-detail-page .product-detail__copy {
    padding:38px 18px 26px;
  }
  body.product-detail-page .product-detail__copy h1 {
    max-width:740px;
  }
  body.product-detail-page .product-detail__description article {
    width:calc(100% - 48px);
  }
}

@media (max-width:560px) {
  body.product-detail-page .breadcrumb {
    width:calc(100% - 32px);
    padding:22px 0 16px;
    font-size:12px;
  }
  body.product-detail-page .product-detail {
    width:calc(100% - 32px);
    margin-bottom:52px;
    padding:11px;
    border-radius:22px;
  }
  body.product-detail-page .product-detail__media {
    padding:8px;
    border-radius:17px;
  }
  body.product-detail-page .product-detail__primary,
  body.product-detail-page .product-detail__placeholder {
    height:310px;
    border-radius:13px;
  }
  body.product-detail-page .product-detail__thumbs button {
    width:64px;
    height:64px;
  }
  body.product-detail-page .product-detail__copy {
    padding:30px 8px 18px;
  }
  body.product-detail-page .product-detail__eyebrow {
    margin-bottom:16px;
  }
  body.product-detail-page .product-detail__copy h1 {
    font-size:36px;
  }
  body.product-detail-page .product-detail__copy h1::after {
    margin-top:18px;
  }
  body.product-detail-page .product-detail__lead {
    margin:20px 0 24px;
    font-size:16px;
  }
  body.product-detail-page .product-detail__copy dl div {
    grid-template-columns:88px minmax(0,1fr);
    padding:13px 14px;
    font-size:14px;
  }
  body.product-detail-page .product-detail__copy .legacy-button {
    width:100%;
  }
  body.product-detail-page .product-detail__description {
    padding:66px 0 70px;
  }
  body.product-detail-page .product-detail__description article {
    width:calc(100% - 32px);
    padding:30px 22px;
    border-radius:20px;
  }
  body.product-detail-page .product-detail__description h2 {
    font-size:27px;
  }
  body.product-detail-page .product-detail__description p {
    font-size:16px;
    line-height:1.8;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.product-detail-page .breadcrumb a,
  body.product-detail-page .product-detail__thumbs button {
    transition:none;
  }
  body.product-detail-page .product-detail__thumbs button:hover {
    transform:none;
  }
}

/* About Us — light blue-violet refresh, aligned with the home page. */
body:has(.legacy-about-page) {
  --about-ink:#191f2c;
  --about-muted:#667085;
  --about-blue:#1366ec;
  --about-cyan:#08a8f5;
  --about-violet:#7f5bff;
  --about-line:rgba(91,119,174,.18);
  color:var(--about-ink);
  background:
    radial-gradient(circle at 8% 13%,rgba(68,158,255,.14),transparent 24%),
    radial-gradient(circle at 93% 31%,rgba(127,91,255,.12),transparent 27%),
    linear-gradient(180deg,#fbfdff 0%,#f5f8ff 48%,#fbfdff 100%);
  font-family:Inter,"Noto Sans SC","PingFang SC","Segoe UI","Microsoft YaHei",Arial,sans-serif;
}
body:has(.legacy-about-page) a,
body:has(.legacy-about-page) button,
body:has(.legacy-about-page) input,
body:has(.legacy-about-page) textarea {
  font-family:inherit;
}
body:has(.legacy-about-page) a:focus-visible,
body:has(.legacy-about-page) button:focus-visible,
body:has(.legacy-about-page) input:focus-visible,
body:has(.legacy-about-page) textarea:focus-visible {
  outline:3px solid rgba(19,102,236,.34);
  outline-offset:3px;
}
body:has(.legacy-about-page) .site-header {
  position:sticky;
  top:0;
  z-index:50;
  height:82px;
  border-bottom:1px solid rgba(108,132,177,.13);
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 34px rgba(34,75,139,.055);
  backdrop-filter:blur(22px) saturate(145%);
}
body:has(.legacy-about-page) .site-header .header-shell {
  left:auto;
  width:min(1440px,calc(100% - 88px));
  height:82px;
}
body:has(.legacy-about-page) .brand {
  height:82px;
  flex-basis:210px;
  align-items:center;
}
body:has(.legacy-about-page) .brand img {
  display:none;
}
body:has(.legacy-about-page) .brand::before {
  display:grid;
  width:38px;
  height:38px;
  flex:0 0 38px;
  place-items:center;
  border-radius:11px;
  background:linear-gradient(135deg,var(--about-violet),var(--about-blue) 55%,var(--about-cyan));
  box-shadow:0 10px 24px rgba(75,91,255,.24),inset 0 1px 0 rgba(255,255,255,.7);
  color:#fff;
  content:"HX";
  font-size:12px;
  font-weight:800;
  letter-spacing:-.06em;
}
body:has(.legacy-about-page) .brand::after {
  margin-left:11px;
  color:var(--about-ink);
  content:attr(data-brand-label);
  font-size:14px;
  font-weight:760;
  letter-spacing:.075em;
  line-height:1.05;
  white-space:pre-line;
}
body:has(.legacy-about-page) .nav-links {
  height:82px;
}
body:has(.legacy-about-page) .nav-link {
  height:82px;
  color:#4e5969;
  font-weight:650;
  letter-spacing:.055em;
}
body:has(.legacy-about-page) .nav-link:hover,
body:has(.legacy-about-page) .nav-link.active {
  color:var(--about-blue);
}
body:has(.legacy-about-page) .nav-link::after {
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--about-violet),var(--about-blue),var(--about-cyan));
}
body:has(.legacy-about-page) .language {
  position:static;
  display:flex;
  width:auto;
  height:30px;
  margin:auto 0 auto auto;
  padding-left:16px;
  border-left:1px solid var(--about-line);
}
body:has(.legacy-about-page) .language button {
  width:auto;
  margin-right:10px;
  color:#5f6b7c;
}

body:has(.legacy-about-page) #main {
  overflow:hidden;
}
body:has(.legacy-about-page) .site-footer {
  display:none;
}
.legacy-about-page {
  position:relative;
  padding:28px 24px 0;
  overflow:hidden;
  background:transparent;
}
.legacy-about-frame {
  position:static;
  left:auto;
  width:min(1200px,100%);
  height:auto;
  min-height:0;
  margin:0 auto;
  margin-bottom:0;
  transform:none;
  transform-origin:center;
  color:var(--about-ink);
  font-family:inherit;
}
.legacy-about-thinking {
  position:relative;
  inset:auto;
  min-height:620px;
  height:auto;
  padding:68px 72px 64px;
  overflow:hidden;
  border:1px solid rgba(121,148,199,.18);
  border-radius:32px;
  background:
    radial-gradient(circle at 78% 20%,rgba(127,91,255,.18),transparent 28%),
    radial-gradient(circle at 25% 100%,rgba(8,168,245,.15),transparent 36%),
    linear-gradient(135deg,rgba(255,255,255,.95),rgba(238,246,255,.9) 55%,rgba(244,240,255,.9));
  box-shadow:0 28px 80px rgba(44,84,151,.12),inset 0 1px 0 #fff;
}
.legacy-about-thinking::before,
.legacy-about-thinking::after {
  position:absolute;
  border:1px solid rgba(255,255,255,.7);
  border-radius:50%;
  content:"";
  pointer-events:none;
}
.legacy-about-thinking::before {
  top:-185px;
  right:-105px;
  width:430px;
  height:430px;
  background:linear-gradient(145deg,rgba(127,91,255,.1),rgba(8,168,245,.03));
}
.legacy-about-thinking::after {
  bottom:-170px;
  left:-115px;
  width:360px;
  height:360px;
  background:linear-gradient(145deg,rgba(8,168,245,.09),rgba(255,255,255,.18));
}
.legacy-about-thinking h1 {
  position:relative;
  z-index:2;
  top:auto;
  left:auto;
  width:auto;
  height:auto;
  margin:0;
  color:var(--about-ink);
  font-family:inherit;
  font-size:58px;
  font-weight:780;
  line-height:1;
  letter-spacing:-.055em;
  text-align:left;
}
.legacy-about-kicker {
  position:relative;
  z-index:2;
  top:auto;
  left:auto;
  width:auto;
  height:auto;
  margin:14px 0 0;
  color:var(--about-blue);
  font-family:inherit;
  font-size:23px;
  font-weight:680;
  line-height:1.35;
  text-align:left;
}
.legacy-about-kicker::after {
  position:static;
  display:block;
  width:70px;
  height:3px;
  margin-top:18px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--about-violet),var(--about-blue),var(--about-cyan));
}
.legacy-about-copy {
  position:relative;
  z-index:2;
  top:auto;
  left:auto;
  width:min(520px,100%);
  height:auto;
  margin-top:26px;
  color:var(--about-muted);
  font-family:inherit;
  font-size:15px;
  line-height:1.75;
}
.legacy-about-copy p,
.legacy-about-copy p:first-child,
.legacy-about-copy p:last-child {
  position:static;
  width:auto;
  height:auto;
  margin:0 0 12px;
  color:var(--about-muted);
  font-family:inherit;
  font-size:15px;
  line-height:1.75;
}
.legacy-about-bubbles {
  position:absolute;
  z-index:1;
  top:188px;
  right:24px;
  left:auto;
  width:675px;
  height:269px;
  transform:scale(.86);
  transform-origin:right center;
  filter:drop-shadow(0 22px 30px rgba(57,81,156,.13));
}
.legacy-about-bubbles b {
  border:1px solid rgba(255,255,255,.64);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.48),0 16px 42px rgba(61,88,166,.15);
  font-family:inherit;
  letter-spacing:-.025em;
}
.legacy-about-bubbles .tactics {
  background:linear-gradient(145deg,#7f5bff,#9a79ff);
}
.legacy-about-bubbles .marketing {
  background:linear-gradient(145deg,#176bea,#3197f5);
}
.legacy-about-bubbles .creative {
  background:linear-gradient(145deg,#08a8f5,#42cce8);
}
.legacy-about-bubbles .experience {
  background:linear-gradient(145deg,#6757f7,#8c72ff);
}
.legacy-about-bubbles .value {
  background:linear-gradient(145deg,#2589ef,#24bce7);
}
.legacy-about-bubbles .dot-one { background:#7f5bff; }
.legacy-about-bubbles .dot-two { background:#31bff1; }
.legacy-about-bubbles .dot-three { background:#397ce9; }

.legacy-about-section-title,
.legacy-about-begin {
  position:relative;
  top:auto;
  left:auto;
  width:auto;
  height:auto;
  margin-left:0;
  color:var(--about-ink);
  font-family:inherit;
  font-size:40px;
  font-weight:760;
  line-height:1.15;
  letter-spacing:-.035em;
  text-align:center;
}
.legacy-about-section-title::after,
.legacy-about-begin::after,
.legacy-unique-title::after,
.legacy-advantage-title::after {
  position:static;
  display:block;
  width:72px;
  height:4px;
  margin:18px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,var(--about-violet),var(--about-blue),var(--about-cyan));
}
.legacy-unique-title {
  margin-top:96px;
  margin-bottom:56px;
  padding:0;
  font-size:40px;
}
.legacy-service-row,
.legacy-service-feature {
  position:relative;
  top:auto;
  left:auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  width:100%;
  height:auto;
}
.legacy-service-feature {
  margin-top:22px;
}
.legacy-service-row article,
.legacy-service-feature article {
  min-height:360px;
  height:auto;
  overflow:hidden;
  border:1px solid rgba(98,127,181,.17);
  border-radius:22px;
  box-shadow:0 18px 52px rgba(38,70,132,.1);
}
.legacy-service-oem,
.legacy-service-odm,
.legacy-feature-copy {
  position:relative;
  padding:38px 36px 86px;
  color:var(--about-ink);
  background:
    linear-gradient(#f8fbff,#f8fbff) padding-box,
    linear-gradient(135deg,rgba(127,91,255,.65),rgba(19,102,236,.58),rgba(8,168,245,.64)) border-box;
  border:1px solid transparent !important;
}
.legacy-service-oem::before,
.legacy-service-odm::before,
.legacy-feature-copy::before {
  position:absolute;
  top:0;
  right:0;
  width:150px;
  height:150px;
  border-radius:0 0 0 100%;
  background:radial-gradient(circle at 100% 0,rgba(127,91,255,.12),transparent 70%);
  content:"";
}
.legacy-service-row h3,
.legacy-feature-copy h3 {
  position:relative;
  margin:0 0 24px;
  color:var(--about-ink);
  font-family:inherit;
  font-size:25px;
  font-weight:720;
  line-height:1.25;
  text-align:left;
}
.legacy-service-row p,
.legacy-feature-copy p {
  position:relative;
  margin:0 0 15px;
  color:var(--about-muted);
  font-family:inherit;
  font-size:14px;
  line-height:1.75;
  text-align:left;
}
.legacy-service-cta,
.legacy-service-oem .legacy-service-cta,
.legacy-service-odm .legacy-service-cta,
.legacy-feature-copy .legacy-service-cta {
  position:absolute;
  bottom:34px;
  left:36px;
  top:auto;
  display:flex;
  width:auto;
  min-width:182px;
  height:46px;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  border-radius:14px;
  background:linear-gradient(110deg,var(--about-violet),var(--about-blue) 58%,var(--about-cyan));
  box-shadow:0 12px 26px rgba(41,90,222,.22);
  color:#fff;
  font-size:12px;
  font-weight:700;
  line-height:46px;
  transition:transform .2s ease,box-shadow .2s ease;
}
.legacy-service-cta:hover {
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(41,90,222,.3);
}
.legacy-service-center,
.legacy-feature-left,
.legacy-feature-right {
  background-color:#fff;
  background-size:cover;
  background-position:center;
}
.legacy-service-center {
  background-size:contain;
}

.legacy-advantage-title {
  margin-top:108px;
  margin-bottom:52px;
}
.legacy-advantage-band {
  position:relative;
  top:auto;
  left:50%;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  width:calc(100vw - 48px);
  min-width:0;
  height:auto;
  min-height:500px;
  margin-left:calc(-50vw + 24px);
  padding:150px max(36px,calc((100vw - 1200px)/2)) 54px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:30px;
  background:
    linear-gradient(116deg,rgba(28,34,101,.92),rgba(54,67,175,.84) 52%,rgba(24,126,205,.77)),
    url('/media/about-advantage-pattern.png') center/cover no-repeat;
  box-shadow:0 26px 78px rgba(30,50,135,.23);
}
.legacy-advantage-band::before {
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 15% 20%,rgba(90,202,255,.22),transparent 24%),
    radial-gradient(circle at 82% 0,rgba(166,131,255,.25),transparent 28%);
  content:"";
}
.legacy-advantage-band > h3 {
  position:absolute;
  z-index:1;
  top:44px;
  right:24px;
  left:24px;
  width:auto;
  height:auto;
  margin:0;
  transform:none;
  color:#fff;
  font-family:inherit;
  font-size:34px;
  font-weight:720;
  line-height:1.22;
  letter-spacing:-.03em;
  text-align:center;
}
.legacy-stat,
.stat-low,
.stat-years,
.stat-satisfaction,
.stat-partners {
  position:relative;
  z-index:1;
  top:auto;
  left:auto;
  width:auto;
  height:auto;
  min-height:270px;
  padding:26px 18px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:20px;
  background:rgba(255,255,255,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15);
  backdrop-filter:blur(12px);
}
.legacy-stat i {
  width:74px;
  height:74px;
  margin:5px auto 22px;
  border-color:rgba(255,255,255,.7);
  background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.05));
  font-size:31px;
}
.legacy-stat strong {
  font-family:inherit;
  font-size:44px;
  font-weight:760;
  line-height:1.05;
  letter-spacing:-.04em;
}
.legacy-stat span {
  margin-top:14px;
  color:rgba(255,255,255,.82);
  font-family:inherit;
  font-size:13px;
  line-height:1.55;
}

.legacy-about-begin {
  margin-top:108px;
  margin-bottom:52px;
}
.legacy-about-contact {
  position:relative;
  top:auto;
  left:50%;
  display:grid;
  grid-template-columns:1fr 1fr;
  width:calc(100vw - 48px);
  min-width:0;
  height:auto;
  min-height:570px;
  margin-left:calc(-50vw + 24px);
  overflow:hidden;
  border:1px solid rgba(92,122,180,.17);
  border-radius:30px 30px 0 0;
  background:rgba(255,255,255,.84);
  box-shadow:0 28px 80px rgba(40,73,137,.14);
}
.legacy-about-contact-left {
  position:relative;
  min-height:570px;
  background:url('/media/about-contact-texture.jpg') center/cover no-repeat;
}
.legacy-about-contact-left::after {
  position:absolute;
  inset:0;
  background:linear-gradient(145deg,rgba(42,38,130,.34),rgba(19,102,236,.17) 48%,rgba(4,25,63,.46));
  content:"";
}
.legacy-about-contact-left p {
  z-index:1;
  right:38px;
  bottom:32px;
  left:38px;
  width:auto;
  color:rgba(255,255,255,.88);
  font-family:inherit;
  font-size:12px;
  text-align:left;
}
.legacy-about-contact-right {
  position:relative;
  min-height:570px;
  padding:70px clamp(40px,6vw,92px) 66px;
  background:
    radial-gradient(circle at 100% 0,rgba(127,91,255,.14),transparent 30%),
    radial-gradient(circle at 0 100%,rgba(8,168,245,.12),transparent 32%),
    rgba(250,252,255,.94);
}
.legacy-about-contact-right > h2 {
  position:static;
  width:auto;
  margin:0;
  color:var(--about-ink);
  font-family:inherit;
  font-size:38px;
  font-weight:760;
  line-height:1.15;
  letter-spacing:-.035em;
  text-align:left;
}
.legacy-about-contact-right > p {
  position:static;
  width:auto;
  margin:12px 0 34px;
  color:var(--about-blue);
  font-family:inherit;
  font-size:14px;
  font-weight:650;
  line-height:1.5;
  text-align:left;
}
.legacy-about-form {
  position:static;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px 18px;
  width:100%;
  height:auto;
}
.legacy-about-form input,
.legacy-about-form textarea {
  width:100%;
  height:48px;
  padding:12px 14px;
  border:1px solid rgba(96,125,179,.22);
  border-radius:12px;
  background:rgba(255,255,255,.8);
  box-shadow:inset 0 1px 2px rgba(32,60,114,.03);
  color:#344054;
  font-size:14px;
  line-height:1.5;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.legacy-about-form input[name="email"] {
  float:none;
}
.legacy-about-form textarea {
  grid-column:1/-1;
  height:140px;
  margin:0;
  padding:14px;
  resize:vertical;
}
.legacy-about-form .legacy-verification {
  width:100%;
  margin:0;
}
.legacy-about-form input:focus,
.legacy-about-form textarea:focus {
  border-color:rgba(19,102,236,.55);
  background:#fff;
  box-shadow:0 0 0 4px rgba(19,102,236,.09);
}
.legacy-about-form button {
  float:none;
  width:100%;
  height:48px;
  margin:0;
  border:0;
  border-radius:12px;
  background:linear-gradient(110deg,var(--about-violet),var(--about-blue) 60%,var(--about-cyan));
  box-shadow:0 12px 26px rgba(41,90,222,.22);
  color:#fff;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease;
}
.legacy-about-form button:hover {
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(41,90,222,.3);
}
.legacy-about-form .form-status {
  position:static;
  grid-column:1/-1;
  width:auto;
  margin:-7px 0 0;
  color:var(--about-muted);
  font-size:12px;
  text-align:left;
}
.legacy-about-page .legacy-animate.is-visible {
  animation-duration:.48s;
  animation-delay:min(var(--legacy-delay,0s),.24s);
}

@media (max-width:1024px) {
  body:has(.legacy-about-page) .site-header .header-shell {
    width:calc(100% - 32px);
    max-width:none;
  }
  body:has(.legacy-about-page) .brand {
    flex-basis:178px;
  }
  body:has(.legacy-about-page) .menu-toggle {
    z-index:2;
    display:block;
    margin-left:18px;
    color:var(--about-ink);
    cursor:pointer;
  }
  body:has(.legacy-about-page) .nav-links {
    position:absolute;
    top:82px;
    right:0;
    left:0;
    display:none;
    width:auto;
    height:auto;
    flex-direction:column;
    border:1px solid var(--about-line);
    border-radius:0 0 18px 18px;
    background:rgba(255,255,255,.97);
    box-shadow:0 18px 38px rgba(45,84,151,.13);
    backdrop-filter:blur(18px);
  }
  body:has(.legacy-about-page) .nav-links.open {
    display:flex;
  }
  body:has(.legacy-about-page) .nav-link {
    width:auto;
    min-height:48px;
    height:48px;
    justify-content:flex-start;
    padding:0 20px;
  }
  body:has(.legacy-about-page) .nav-link::after {
    display:none;
  }
  body:has(.legacy-about-page) .language {
    margin-left:auto;
  }
  .legacy-about-thinking {
    min-height:720px;
    padding:58px 54px;
  }
  .legacy-about-bubbles {
    top:385px;
    right:50%;
    transform:translateX(50%);
    transform-origin:center center;
  }
  .legacy-service-row,
  .legacy-service-feature {
    grid-template-columns:1fr;
  }
  .legacy-service-row article,
  .legacy-service-feature article {
    min-height:340px;
  }
  .legacy-service-center,
  .legacy-feature-left,
  .legacy-feature-right {
    min-height:430px !important;
  }
  .legacy-advantage-band {
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding-top:160px;
  }
  .legacy-about-contact {
    grid-template-columns:1fr;
  }
  .legacy-about-contact-left {
    min-height:430px;
  }
  .legacy-about-contact-right {
    min-height:0;
  }
}

@media (max-width:700px) {
  .legacy-about-thinking {
    min-height:635px;
    padding:45px 32px;
    border-radius:25px;
  }
  .legacy-about-thinking h1 {
    font-size:46px;
  }
  .legacy-about-bubbles {
    top:365px;
    transform:translateX(50%) scale(.82);
  }
  .legacy-about-section-title,
  .legacy-about-begin,
  .legacy-unique-title {
    font-size:34px;
  }
  .legacy-advantage-band > h3 {
    font-size:29px;
  }
}

@media (max-width:560px) {
  body:has(.legacy-about-page) .site-header,
  body:has(.legacy-about-page) .site-header .header-shell {
    height:68px;
  }
  body:has(.legacy-about-page) .brand {
    height:68px;
    flex-basis:154px;
  }
  body:has(.legacy-about-page) .brand::before {
    width:34px;
    height:34px;
    flex-basis:34px;
    border-radius:10px;
  }
  body:has(.legacy-about-page) .brand::after {
    margin-left:8px;
    font-size:11px;
  }
  body:has(.legacy-about-page) .language {
    display:none;
  }
  body:has(.legacy-about-page) .nav-links {
    top:68px;
  }
  .legacy-about-page {
    padding:12px 12px 0;
  }
  .legacy-about-thinking {
    min-height:525px;
    padding:38px 24px;
    border-radius:22px;
  }
  .legacy-about-thinking h1 {
    font-size:38px;
  }
  .legacy-about-kicker {
    font-size:19px;
  }
  .legacy-about-copy,
  .legacy-about-copy p,
  .legacy-about-copy p:first-child,
  .legacy-about-copy p:last-child {
    font-size:13px;
    line-height:1.65;
  }
  .legacy-about-bubbles {
    top:343px;
    transform:translateX(50%) scale(.48);
  }
  .legacy-unique-title {
    margin-top:72px;
    margin-bottom:38px;
  }
  .legacy-about-section-title,
  .legacy-about-begin,
  .legacy-unique-title {
    font-size:30px;
  }
  .legacy-service-row article,
  .legacy-service-feature article {
    min-height:320px;
    border-radius:18px;
  }
  .legacy-service-oem,
  .legacy-service-odm,
  .legacy-feature-copy {
    padding:30px 26px 84px;
  }
  .legacy-service-cta,
  .legacy-service-oem .legacy-service-cta,
  .legacy-service-odm .legacy-service-cta,
  .legacy-feature-copy .legacy-service-cta {
    bottom:28px;
    left:26px;
  }
  .legacy-service-center,
  .legacy-feature-left,
  .legacy-feature-right {
    min-height:300px !important;
  }
  .legacy-advantage-title,
  .legacy-about-begin {
    margin-top:78px;
    margin-bottom:38px;
  }
  .legacy-advantage-band {
    left:50%;
    grid-template-columns:1fr;
    width:calc(100vw - 24px);
    margin-left:calc(-50vw + 12px);
    min-height:0;
    padding:146px 18px 22px;
    border-radius:22px;
  }
  .legacy-advantage-band > h3 {
    top:38px;
    font-size:25px;
  }
  .legacy-stat,
  .stat-low,
  .stat-years,
  .stat-satisfaction,
  .stat-partners {
    min-height:230px;
  }
  .legacy-about-contact {
    width:calc(100vw - 24px);
    margin-left:calc(-50vw + 12px);
    border-radius:22px 22px 0 0;
  }
  .legacy-about-contact-left {
    min-height:300px;
  }
  .legacy-about-contact-left p {
    right:24px;
    bottom:22px;
    left:24px;
  }
  .legacy-about-contact-right {
    padding:46px 24px 50px;
  }
  .legacy-about-contact-right > h2 {
    font-size:32px;
  }
  .legacy-about-form {
    grid-template-columns:1fr;
  }
  .legacy-about-form textarea,
  .legacy-about-form .form-status {
    grid-column:auto;
  }
}

/* Keep the Contact Us navigation accents aligned with the page palette after
   the shared legacy navigation layer is applied. */
body.contact-page .brand::before {
  background:linear-gradient(135deg,var(--contact-violet),var(--contact-blue) 55%,var(--contact-cyan));
  box-shadow:0 10px 24px rgba(75,91,255,.24),inset 0 1px 0 rgba(255,255,255,.7);
}
body.contact-page .nav-link:hover,
body.contact-page .nav-link.active { color:var(--contact-blue); }
body.contact-page .nav-link::after {
  background:linear-gradient(90deg,var(--contact-violet),var(--contact-blue),var(--contact-cyan));
}

/* MODTEK brand homepage — light blue/violet editorial system.
   This layer is intentionally body-scoped so the MODTEK buyer pages keep their
   own product-detail presentation. The landing page is text-led: atmosphere is
   created with CSS light fields, fine rules and generous spacing, not imagery. */
body.modtek-mode.modtek-brand-mode {
  --modtek-light-blue:#1366ec;
  --modtek-light-cyan:#08a8f5;
  --modtek-light-violet:#7f5bff;
  --modtek-light-ink:#191c21;
  --modtek-light-muted:#667085;
  --modtek-light-line:rgba(54,92,172,.15);
  --modtek-light-surface:rgba(255,255,255,.78);
  background:#f7f9ff;
  color:var(--modtek-light-ink);
}
body.modtek-mode.modtek-brand-mode .site-header {
  height:72px;
  border-bottom:1px solid rgba(67,98,166,.13);
  background:rgba(249,251,255,.88);
  box-shadow:0 1px 0 rgba(255,255,255,.8);
  backdrop-filter:blur(18px);
}
body.modtek-mode.modtek-brand-mode .modtek-topbar {
  width:min(1200px,calc(100% - 48px));
  height:72px;
  color:var(--modtek-light-ink);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  letter-spacing:.08em;
}
body.modtek-mode.modtek-brand-mode .modtek-topbar a { color:#3a4352; }
body.modtek-mode.modtek-brand-mode .modtek-topbar a,
body.modtek-mode.modtek-brand-mode .modtek-footer a,
body.modtek-mode.modtek-brand-mode .modtek-page a {
  cursor:pointer;
  touch-action:manipulation;
}
body.modtek-mode.modtek-brand-mode .modtek-topbar a:hover { color:var(--modtek-light-blue); }
body.modtek-mode.modtek-brand-mode .modtek-topbar a:focus-visible,
body.modtek-mode.modtek-brand-mode .modtek-footer a:focus-visible,
body.modtek-mode.modtek-brand-mode .modtek-page a:focus-visible {
  outline:3px solid rgba(19,102,236,.28);
  outline-offset:4px;
}
body.modtek-mode.modtek-brand-mode .modtek-topbar__back,
body.modtek-mode.modtek-brand-mode .modtek-topbar__contact { font-size:10px; }
body.modtek-mode.modtek-brand-mode .modtek-topbar__back span { color:#8992a2; }
body.modtek-mode.modtek-brand-mode .modtek-topbar__name {
  color:var(--modtek-light-ink);
  font-size:20px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.16em;
}
body.modtek-mode.modtek-brand-mode .modtek-topbar__name::before { display:none; }
body.modtek-mode.modtek-brand-mode .modtek-topbar__name small {
  margin:3px 0 0;
  color:#8892a2;
  font-size:7px;
  letter-spacing:.28em;
}
body.modtek-mode.modtek-brand-mode .modtek-topbar__contact {
  padding:10px 14px;
  border:1px solid rgba(19,102,236,.2);
  border-radius:9px;
  background:rgba(255,255,255,.72);
  transition:color .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
body.modtek-mode.modtek-brand-mode .modtek-topbar__contact:hover {
  border-color:rgba(19,102,236,.42);
  background:#fff;
  box-shadow:0 8px 22px rgba(37,88,190,.10);
}
body.modtek-mode.modtek-brand-mode .modtek-topbar__contact b { color:var(--modtek-light-violet); }

body.modtek-mode.modtek-brand-mode .modtek-page {
  --modtek-red:var(--modtek-light-blue);
  overflow:hidden;
  background:#f7f9ff;
  color:var(--modtek-light-ink);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
body.modtek-mode.modtek-brand-mode .modtek-brand-page {
  background:
    radial-gradient(circle at 9% 2%,rgba(8,168,245,.10),transparent 28%),
    radial-gradient(circle at 88% 10%,rgba(127,91,255,.12),transparent 27%),
    #f7f9ff;
  background-image:
    radial-gradient(circle at 9% 2%,rgba(8,168,245,.10),transparent 28%),
    radial-gradient(circle at 88% 10%,rgba(127,91,255,.12),transparent 27%);
}
body.modtek-mode.modtek-brand-mode .modtek-eyebrow {
  margin:0 0 22px;
  color:var(--modtek-light-blue);
  font-size:10px;
  font-weight:750;
  letter-spacing:.19em;
}
body.modtek-mode.modtek-brand-mode .modtek-hero h1,
body.modtek-mode.modtek-brand-mode .modtek-hero h2,
body.modtek-mode.modtek-brand-mode .modtek-manifesto h2,
body.modtek-mode.modtek-brand-mode .modtek-control-system h2,
body.modtek-mode.modtek-brand-mode .modtek-intent h2,
body.modtek-mode.modtek-brand-mode .modtek-products h2,
body.modtek-mode.modtek-brand-mode .modtek-upcoming h2,
body.modtek-mode.modtek-brand-mode .modtek-cta h2 {
  color:var(--modtek-light-ink);
  font-style:normal;
  text-shadow:none;
}

body.modtek-mode.modtek-brand-mode .modtek-hero {
  position:relative;
  min-height:680px;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 32%,rgba(127,91,255,.18),transparent 25%),
    radial-gradient(circle at 66% 72%,rgba(8,168,245,.14),transparent 27%),
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(244,248,255,.82));
  isolation:isolate;
}
body.modtek-mode.modtek-brand-mode .modtek-hero::before {
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background-image:
    linear-gradient(rgba(59,104,194,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(59,104,194,.045) 1px,transparent 1px);
  background-size:72px 72px;
  opacity:.75;
}
body.modtek-mode.modtek-brand-mode .modtek-hero::after {
  content:"";
  position:absolute;
  z-index:-1;
  top:14%;
  right:-8%;
  width:min(50vw,720px);
  aspect-ratio:1;
  border:1px solid rgba(103,94,229,.13);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.74),rgba(230,239,255,.24) 53%,transparent 54%);
  box-shadow:0 0 0 72px rgba(102,112,230,.025),0 0 0 144px rgba(8,168,245,.018);
}
body.modtek-mode.modtek-brand-mode .modtek-hero__grid {
  position:relative;
  z-index:1;
  width:min(1180px,calc(100% - 64px));
  min-height:680px;
  grid-template-columns:minmax(0,1.12fr) minmax(330px,.72fr);
  gap:clamp(54px,8vw,110px);
}
body.modtek-mode.modtek-brand-mode .modtek-hero__copy { padding:88px 0 104px; }
body.modtek-mode.modtek-brand-mode .modtek-hero h1 {
  width:max-content;
  max-width:100%;
  margin:0;
  background:linear-gradient(105deg,#20242b 5%,#1366ec 52%,#7f5bff 92%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-size:clamp(72px,11vw,150px);
  font-weight:780;
  letter-spacing:-.075em;
  line-height:.82;
}
body.modtek-mode.modtek-brand-mode .modtek-hero h2 {
  max-width:none;
  margin:28px 0 0;
  color:#3e4b61;
  font-size:clamp(15px,1.45vw,20px);
  font-weight:700;
  letter-spacing:.17em;
  line-height:1.45;
}
body.modtek-mode.modtek-brand-mode .modtek-hero__intro {
  max-width:610px;
  margin:28px 0 0;
  color:#5c6779;
  font-size:17px;
  line-height:1.8;
}
body.modtek-mode.modtek-brand-mode .modtek-hero__actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px 26px;
  margin-top:36px;
}
body.modtek-mode.modtek-brand-mode .modtek-arrow-link {
  min-height:44px;
  gap:18px;
  margin:0;
  padding:12px 4px;
  border:0;
  color:#334055;
  font-size:10px;
  letter-spacing:.14em;
  transition:color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease;
}
body.modtek-mode.modtek-brand-mode .modtek-arrow-link span { color:var(--modtek-light-violet); }
body.modtek-mode.modtek-brand-mode .modtek-arrow-link:hover { color:var(--modtek-light-blue); }
body.modtek-mode.modtek-brand-mode .modtek-arrow-link--primary {
  min-height:46px;
  padding:0 19px;
  border-radius:10px;
  background:linear-gradient(105deg,var(--modtek-light-blue),#4d68f3 58%,var(--modtek-light-violet));
  color:#fff;
  box-shadow:0 12px 28px rgba(62,88,226,.22);
}
body.modtek-mode.modtek-brand-mode .modtek-arrow-link--primary span { color:#fff; }
body.modtek-mode.modtek-brand-mode .modtek-arrow-link--primary:hover {
  color:#fff;
  box-shadow:0 16px 32px rgba(62,88,226,.29);
  transform:translateY(-2px);
}
body.modtek-mode.modtek-brand-mode .modtek-hero__principles {
  position:relative;
  z-index:1;
  margin:0;
  padding:12px 32px;
  border:1px solid rgba(93,110,194,.17);
  border-radius:24px;
  background:rgba(255,255,255,.67);
  box-shadow:0 28px 70px rgba(52,77,148,.12),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(18px);
  list-style:none;
}
body.modtek-mode.modtek-brand-mode .modtek-hero__principles li { padding:28px 0; border-bottom:1px solid var(--modtek-light-line); }
body.modtek-mode.modtek-brand-mode .modtek-hero__principles li:last-child { border-bottom:0; }
body.modtek-mode.modtek-brand-mode .modtek-hero__principles span {
  color:var(--modtek-light-blue);
  font-size:10px;
  font-weight:750;
  letter-spacing:.15em;
}
body.modtek-mode.modtek-brand-mode .modtek-hero__principles p {
  margin:9px 0 0;
  color:#4d586a;
  font-size:15px;
  line-height:1.55;
}
body.modtek-mode.modtek-brand-mode .modtek-hero__serial {
  position:absolute;
  right:max(32px,calc((100% - 1180px)/2));
  bottom:26px;
  color:#8792a5;
  font-size:9px;
  letter-spacing:.15em;
  writing-mode:horizontal-tb;
  transform:none;
}

body.modtek-mode.modtek-brand-mode .modtek-manifesto,
body.modtek-mode.modtek-brand-mode .modtek-control-system,
body.modtek-mode.modtek-brand-mode .modtek-intent,
body.modtek-mode.modtek-brand-mode .modtek-products {
  width:min(1180px,calc(100% - 64px));
  margin:0 auto;
}
body.modtek-mode.modtek-brand-mode .modtek-manifesto {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:54px 90px;
  padding:128px 0 122px;
  overflow:visible;
  background:transparent;
}
body.modtek-mode.modtek-brand-mode .modtek-manifesto::before,
body.modtek-mode.modtek-brand-mode .modtek-manifesto::after { content:none; }
body.modtek-mode.modtek-brand-mode .modtek-manifesto__heading { grid-column:1 / -1; }
body.modtek-mode.modtek-brand-mode .modtek-manifesto .modtek-eyebrow { position:static; }
body.modtek-mode.modtek-brand-mode .modtek-manifesto__heading h2,
body.modtek-mode.modtek-brand-mode .modtek-control-system h2,
body.modtek-mode.modtek-brand-mode .modtek-intent h2,
body.modtek-mode.modtek-brand-mode .modtek-section-heading h2,
body.modtek-mode.modtek-brand-mode .modtek-upcoming__heading h2,
body.modtek-mode.modtek-brand-mode .modtek-cta h2 {
  margin:0;
  font-size:clamp(44px,6.4vw,82px);
  font-weight:690;
  letter-spacing:-.058em;
  line-height:.94;
}
body.modtek-mode.modtek-brand-mode .modtek-manifesto__heading h2 b,
body.modtek-mode.modtek-brand-mode .modtek-control-system h2 b,
body.modtek-mode.modtek-brand-mode .modtek-intent h2 b,
body.modtek-mode.modtek-brand-mode .modtek-section-heading h2 b,
body.modtek-mode.modtek-brand-mode .modtek-upcoming__heading h2 b,
body.modtek-mode.modtek-brand-mode .modtek-cta h2 b {
  background:linear-gradient(100deg,var(--modtek-light-blue),var(--modtek-light-violet));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-weight:inherit;
}
body.modtek-mode.modtek-brand-mode .modtek-manifesto__headline {
  display:flex;
  flex-direction:column;
  align-self:start;
  font-size:clamp(48px,7vw,88px);
  font-style:normal;
  font-weight:720;
  letter-spacing:-.065em;
  line-height:.88;
}
body.modtek-mode.modtek-brand-mode .modtek-manifesto__headline span { color:#bbc3d1; }
body.modtek-mode.modtek-brand-mode .modtek-manifesto__headline strong {
  background:linear-gradient(100deg,#252a31 0%,var(--modtek-light-blue) 55%,var(--modtek-light-violet) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
body.modtek-mode.modtek-brand-mode .modtek-manifesto__copy {
  align-self:end;
  max-width:550px;
  padding:0 0 0 26px;
  border-left:2px solid transparent;
  border-image:linear-gradient(var(--modtek-light-blue),var(--modtek-light-violet)) 1;
  background:none;
  color:#566176;
  font-size:16px;
  line-height:1.9;
}
body.modtek-mode.modtek-brand-mode .modtek-manifesto__copy a {
  display:inline-flex;
  margin-top:28px;
  color:#27354c;
  font-size:10px;
  font-weight:750;
  letter-spacing:.13em;
}
body.modtek-mode.modtek-brand-mode .modtek-manifesto__copy a b { color:var(--modtek-light-violet); }

body.modtek-mode.modtek-brand-mode .modtek-control-system {
  position:relative;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
  gap:80px;
  padding:92px 72px;
  overflow:hidden;
  border:1px solid rgba(83,103,188,.13);
  border-radius:30px;
  background:
    radial-gradient(circle at 90% 2%,rgba(127,91,255,.14),transparent 32%),
    radial-gradient(circle at 0 100%,rgba(8,168,245,.11),transparent 34%),
    rgba(255,255,255,.74);
  box-shadow:0 24px 70px rgba(47,72,143,.08),inset 0 1px 0 #fff;
}
body.modtek-mode.modtek-brand-mode .modtek-control-system::before,
body.modtek-mode.modtek-brand-mode .modtek-control-system::after { content:none; }
body.modtek-mode.modtek-brand-mode .modtek-control-system__intro { max-width:460px; }
body.modtek-mode.modtek-brand-mode .modtek-control-system__intro > p:last-of-type {
  max-width:430px;
  margin:28px 0 0;
  color:#59657a;
  font-size:15px;
  line-height:1.8;
}
body.modtek-mode.modtek-brand-mode .modtek-platforms {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 18px;
  margin-top:36px;
  padding-top:24px;
  border-top:1px solid var(--modtek-light-line);
}
body.modtek-mode.modtek-brand-mode .modtek-platforms span {
  flex-basis:100%;
  color:#7a879c;
  font-size:9px;
  letter-spacing:.15em;
}
body.modtek-mode.modtek-brand-mode .modtek-platforms strong { color:#263044; font-size:15px; letter-spacing:.08em; }
body.modtek-mode.modtek-brand-mode .modtek-platforms i { width:4px; height:4px; border-radius:50%; background:var(--modtek-light-violet); }
body.modtek-mode.modtek-brand-mode .modtek-platforms small {
  flex-basis:100%;
  margin-top:5px;
  color:#7b879a;
  font-size:10px;
  line-height:1.65;
}
body.modtek-mode.modtek-brand-mode .modtek-capability-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-self:start;
  align-content:start;
}
body.modtek-mode.modtek-brand-mode .modtek-capability-grid article {
  position:relative;
  min-height:248px;
  padding:25px;
  overflow:hidden;
  border:1px solid rgba(81,105,184,.14);
  border-radius:18px;
  background:rgba(255,255,255,.76);
  box-shadow:0 12px 30px rgba(58,80,146,.06);
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease;
}
body.modtek-mode.modtek-brand-mode .modtek-capability-grid article:hover {
  border-color:rgba(92,91,229,.30);
  background:#fff;
  box-shadow:0 18px 38px rgba(58,80,146,.10);
  transform:translateY(-3px);
}
body.modtek-mode.modtek-brand-mode .modtek-capability-grid article > div {
  display:flex;
  min-height:48px;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
body.modtek-mode.modtek-brand-mode .modtek-capability-grid .modtek-capability-icon {
  width:48px;
  height:48px;
  flex:0 0 48px;
  overflow:visible;
  color:var(--modtek-brand-red);
  filter:drop-shadow(0 7px 12px rgba(230,0,25,.16));
}
body.modtek-mode.modtek-brand-mode .modtek-capability-grid .modtek-icon__frame {
  opacity:.38;
  stroke-width:1.2;
}
body.modtek-mode.modtek-brand-mode .modtek-capability-grid .modtek-icon__accent { stroke-width:2; }
body.modtek-mode.modtek-brand-mode .modtek-capability-grid article > div span {
  display:grid;
  min-width:34px;
  height:26px;
  place-items:center;
  padding:0 8px;
  border:1px solid rgba(230,0,25,.18);
  border-radius:999px;
  background:rgba(230,0,25,.055);
  color:var(--modtek-light-blue);
  font-size:10px;
  font-weight:750;
  letter-spacing:.14em;
}
body.modtek-mode.modtek-brand-mode .modtek-capability-grid h3,
body.modtek-mode.modtek-brand-mode .modtek-intent__cards h3 {
  margin:31px 0 10px;
  color:#273044;
  font-size:16px;
  font-weight:700;
  line-height:1.35;
  letter-spacing:-.02em;
}
body.modtek-mode.modtek-brand-mode .modtek-capability-grid p,
body.modtek-mode.modtek-brand-mode .modtek-intent__cards p {
  margin:0;
  color:#69758a;
  font-size:13px;
  line-height:1.72;
}

body.modtek-mode.modtek-brand-mode .modtek-intent {
  display:grid;
  grid-template-columns:minmax(380px,.85fr) minmax(0,1.15fr);
  gap:64px;
  padding:126px 0;
  background:transparent;
}
body.modtek-mode.modtek-brand-mode .modtek-intent__header {
  min-width:0;
  max-width:100%;
  align-self:start;
}
body.modtek-mode.modtek-brand-mode .modtek-intent__header h2 {
  max-width:100%;
  font-size:clamp(44px,4.4vw,58px);
  letter-spacing:-.05em;
  line-height:.96;
}
body.modtek-mode.modtek-brand-mode .modtek-intent__header h2 b { display:block; }
body.modtek-mode.modtek-brand-mode .modtek-intent__cards {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
body.modtek-mode.modtek-brand-mode .modtek-intent__cards article {
  min-height:270px;
  padding:26px 24px;
  border:1px solid rgba(77,104,180,.15);
  border-radius:18px;
  background:rgba(255,255,255,.66);
  box-shadow:0 16px 38px rgba(58,80,146,.06);
}
body.modtek-mode.modtek-brand-mode .modtek-intent__cards article > b {
  color:var(--modtek-light-violet);
  font-size:10px;
  letter-spacing:.13em;
}
body.modtek-mode.modtek-brand-mode .modtek-intent__cards h3 { margin-top:74px; }

body.modtek-mode.modtek-brand-mode .modtek-products {
  padding:116px 0 126px;
  border-top:1px solid var(--modtek-light-line);
  background:transparent;
  background-image:none;
}
body.modtek-mode.modtek-brand-mode .modtek-section-heading {
  display:grid;
  grid-template-columns:.62fr 1fr;
  gap:18px 80px;
  align-items:end;
  margin-bottom:56px;
}
body.modtek-mode.modtek-brand-mode .modtek-section-heading > span {
  align-self:start;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--modtek-light-blue);
  font-size:10px;
  font-weight:750;
  letter-spacing:.18em;
}
body.modtek-mode.modtek-brand-mode .modtek-section-heading h2 { grid-column:2; text-align:left; }
body.modtek-mode.modtek-brand-mode .modtek-section-heading > p {
  grid-column:2;
  max-width:560px;
  margin:10px 0 0;
  color:#69758a;
  font-size:15px;
  line-height:1.75;
}
body.modtek-mode.modtek-brand-mode .modtek-product-grid { display:grid; grid-template-columns:1fr; gap:12px; }
body.modtek-mode.modtek-brand-mode .modtek-product-card {
  min-height:0;
  display:grid;
  grid-template-columns:150px minmax(0,1fr) auto;
  gap:34px;
  align-items:center;
  padding:32px 34px;
  overflow:visible;
  border:1px solid rgba(68,98,174,.15);
  border-radius:18px;
  background:rgba(255,255,255,.74);
  color:var(--modtek-light-ink);
  box-shadow:0 14px 36px rgba(54,76,139,.06);
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease;
}
body.modtek-mode.modtek-brand-mode .modtek-product-card:hover {
  border-color:rgba(79,83,227,.32);
  background:#fff;
  box-shadow:0 21px 44px rgba(54,76,139,.11);
  transform:translateY(-3px);
}
body.modtek-mode.modtek-brand-mode .modtek-product-card__index {
  color:#77849a;
  font-size:9px;
  font-weight:700;
  letter-spacing:.13em;
}
body.modtek-mode.modtek-brand-mode .modtek-product-card p {
  margin:0 0 8px;
  color:var(--modtek-light-blue);
  font-size:9px;
  letter-spacing:.14em;
}
body.modtek-mode.modtek-brand-mode .modtek-product-card h3 {
  min-height:0;
  margin:0;
  color:#222832;
  font-size:clamp(26px,3.5vw,42px);
  font-style:normal;
  font-weight:700;
  letter-spacing:-.045em;
  line-height:1;
}
body.modtek-mode.modtek-brand-mode .modtek-product-card__summary {
  max-width:570px;
  margin-top:12px;
  color:#69758a;
  font-size:13px;
  line-height:1.6;
}
body.modtek-mode.modtek-brand-mode .modtek-product-card b {
  display:flex;
  align-items:center;
  gap:18px;
  margin:0;
  padding:0;
  border:0;
  color:#32415a;
  font-size:9px;
  letter-spacing:.13em;
  white-space:nowrap;
}
body.modtek-mode.modtek-brand-mode .modtek-product-card em { color:var(--modtek-light-violet); font-size:18px; }
body.modtek-mode.modtek-brand-mode .modtek-release-empty {
  max-width:none;
  padding:30px;
  border:1px dashed rgba(57,92,177,.24);
  border-radius:16px;
  background:rgba(255,255,255,.52);
}
body.modtek-mode.modtek-brand-mode .modtek-release-empty span { color:var(--modtek-light-blue); }
body.modtek-mode.modtek-brand-mode .modtek-release-empty p { color:#69758a; }

body.modtek-mode.modtek-brand-mode .modtek-upcoming {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);
  gap:clamp(48px,6vw,80px);
  align-items:center;
  min-height:0;
  /* Keep the capped 1360px section usable on ultrawide/full-screen viewports.
     Without the upper bound, viewport-derived padding can consume the grid. */
  padding:112px clamp(32px,calc((100vw - 1180px)/2),130px);
  overflow:hidden;
  border-block:1px solid rgba(71,100,179,.13);
  background:
    radial-gradient(circle at 88% 16%,rgba(127,91,255,.14),transparent 28%),
    linear-gradient(120deg,#f0f7ff,#f6f3ff 68%,#eef5ff);
}
body.modtek-mode.modtek-brand-mode .modtek-upcoming::before { content:none; }
body.modtek-mode.modtek-brand-mode .modtek-upcoming__heading p {
  color:var(--modtek-light-blue);
  font-size:10px;
  font-weight:750;
  letter-spacing:.18em;
}
body.modtek-mode.modtek-brand-mode .modtek-upcoming__heading {
  position:relative;
  z-index:2;
  min-width:0;
  max-width:430px;
}
body.modtek-mode.modtek-brand-mode .modtek-upcoming__heading h2 {
  max-width:100%;
  font-size:clamp(44px,5.2vw,70px);
  letter-spacing:-.045em;
  line-height:.92;
}
body.modtek-mode.modtek-brand-mode .modtek-upcoming__heading h2 b { display:block; }
body.modtek-mode.modtek-brand-mode .modtek-upcoming__products {
  z-index:1;
  min-width:0;
}
body.modtek-mode.modtek-brand-mode .modtek-upcoming .modtek-ready {
  box-sizing:border-box;
  width:100%;
  min-height:0;
  max-width:none;
  padding:38px;
  border:1px solid rgba(79,97,183,.16);
  border-left:2px solid var(--modtek-light-violet);
  border-radius:18px;
  background:rgba(255,255,255,.70);
  box-shadow:0 20px 48px rgba(68,79,159,.09);
}
body.modtek-mode.modtek-brand-mode .modtek-upcoming .modtek-ready__question { display:none; }
body.modtek-mode.modtek-brand-mode .modtek-upcoming .modtek-ready span { color:var(--modtek-light-blue); }
body.modtek-mode.modtek-brand-mode .modtek-upcoming .modtek-ready h3 {
  margin:18px 0;
  max-width:100%;
  color:#273044;
  font-size:clamp(28px,3.2vw,44px);
  font-style:normal;
  font-weight:680;
  letter-spacing:-.04em;
  line-height:1.02;
}
body.modtek-mode.modtek-brand-mode .modtek-upcoming .modtek-ready p { color:#69758a; }
body.modtek-mode.modtek-brand-mode .modtek-upcoming .modtek-product-grid--upcoming { grid-template-columns:1fr; }

body.modtek-mode.modtek-brand-mode .modtek-cta--contact {
  position:relative;
  min-height:430px;
  padding:112px max(32px,calc((100% - 1180px)/2));
  overflow:hidden;
  border:0;
  background:
    radial-gradient(circle at 76% 20%,rgba(127,91,255,.17),transparent 25%),
    radial-gradient(circle at 92% 92%,rgba(8,168,245,.14),transparent 29%),
    #fff;
}
body.modtek-mode.modtek-brand-mode .modtek-cta--contact::before {
  content:"";
  position:absolute;
  top:50%;
  right:max(32px,calc((100% - 1180px)/2));
  width:min(34vw,460px);
  height:1px;
  border:0;
  background:linear-gradient(90deg,transparent,var(--modtek-light-violet));
  box-shadow:0 -58px 0 rgba(19,102,236,.14),0 58px 0 rgba(8,168,245,.13);
  transform:none;
}
body.modtek-mode.modtek-brand-mode .modtek-cta p {
  color:var(--modtek-light-blue);
  font-size:10px;
  font-weight:750;
  letter-spacing:.18em;
}
body.modtek-mode.modtek-brand-mode .modtek-cta a {
  gap:18px;
  margin-top:38px;
  padding:13px 18px;
  border-radius:10px;
  background:linear-gradient(105deg,var(--modtek-light-blue),#4c69f3 58%,var(--modtek-light-violet));
  color:#fff;
  box-shadow:0 13px 28px rgba(65,88,222,.22);
  transition:box-shadow .2s ease,transform .2s ease;
}
body.modtek-mode.modtek-brand-mode .modtek-cta a:hover { color:#fff; box-shadow:0 17px 34px rgba(65,88,222,.30); transform:translateY(-2px); }
body.modtek-mode.modtek-brand-mode .modtek-cta a span { color:#fff; }

body.modtek-mode.modtek-brand-mode .site-footer {
  border-top:1px solid rgba(67,98,166,.13);
  background:#f7f9ff;
  color:var(--modtek-light-ink);
}
body.modtek-mode.modtek-brand-mode .modtek-footer {
  width:min(1200px,calc(100% - 48px));
  min-height:120px;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
body.modtek-mode.modtek-brand-mode .modtek-footer strong { color:#222832; font-style:normal; }
body.modtek-mode.modtek-brand-mode .modtek-footer strong::before { display:none; }
body.modtek-mode.modtek-brand-mode .modtek-footer span,
body.modtek-mode.modtek-brand-mode .modtek-footer p { color:#7b8798; }
body.modtek-mode.modtek-brand-mode .modtek-footer a { color:#32415a; }
body.modtek-mode.modtek-brand-mode .modtek-footer a b { color:var(--modtek-light-violet); }

@media(max-width:1040px) {
  body.modtek-mode.modtek-brand-mode .modtek-hero__grid { grid-template-columns:1fr minmax(300px,.66fr); gap:50px; }
  body.modtek-mode.modtek-brand-mode .modtek-control-system { grid-template-columns:1fr; gap:54px; padding:72px 54px; }
  body.modtek-mode.modtek-brand-mode .modtek-control-system__intro { max-width:720px; }
  body.modtek-mode.modtek-brand-mode .modtek-intent { grid-template-columns:1fr; gap:52px; }
  body.modtek-mode.modtek-brand-mode .modtek-section-heading { grid-template-columns:180px 1fr; gap:18px 44px; }
  body.modtek-mode.modtek-brand-mode .modtek-upcoming { gap:54px; }
}

@media(max-width:1280px) {
  body.modtek-mode.modtek-brand-mode .modtek-upcoming {
    grid-template-columns:1fr;
    gap:42px;
    padding:88px 20px;
  }
  body.modtek-mode.modtek-brand-mode .modtek-upcoming__heading { max-width:520px; }
  body.modtek-mode.modtek-brand-mode .modtek-upcoming__products { width:min(100%,720px); }
}

@media(max-width:780px) {
  body.modtek-mode.modtek-brand-mode .site-header { height:66px; }
  body.modtek-mode.modtek-brand-mode .modtek-topbar { width:calc(100% - 32px); height:66px; }
  body.modtek-mode.modtek-brand-mode .modtek-topbar__back span,
  body.modtek-mode.modtek-brand-mode .modtek-topbar__name small { display:none; }
  body.modtek-mode.modtek-brand-mode .modtek-topbar__name { font-size:17px; }
  body.modtek-mode.modtek-brand-mode .modtek-topbar__contact { padding:9px 11px; }
  body.modtek-mode.modtek-brand-mode .modtek-hero { min-height:0; }
  body.modtek-mode.modtek-brand-mode .modtek-hero::after { top:3%; right:-32%; width:92vw; }
  body.modtek-mode.modtek-brand-mode .modtek-hero__grid {
    width:calc(100% - 40px);
    min-height:0;
    grid-template-columns:1fr;
    gap:4px;
    padding:82px 0 76px;
  }
  body.modtek-mode.modtek-brand-mode .modtek-hero__copy { padding:0; }
  body.modtek-mode.modtek-brand-mode .modtek-hero h1 { font-size:clamp(68px,20vw,116px); }
  body.modtek-mode.modtek-brand-mode .modtek-hero__intro { font-size:15px; }
  body.modtek-mode.modtek-brand-mode .modtek-hero__principles { margin-top:42px; padding:8px 24px; }
  body.modtek-mode.modtek-brand-mode .modtek-hero__principles li { padding:22px 0; }
  body.modtek-mode.modtek-brand-mode .modtek-hero__serial { display:none; }
  body.modtek-mode.modtek-brand-mode .modtek-manifesto,
  body.modtek-mode.modtek-brand-mode .modtek-control-system,
  body.modtek-mode.modtek-brand-mode .modtek-intent,
  body.modtek-mode.modtek-brand-mode .modtek-products { width:calc(100% - 40px); }
  body.modtek-mode.modtek-brand-mode .modtek-manifesto { grid-template-columns:1fr; gap:44px; padding:88px 0; }
  body.modtek-mode.modtek-brand-mode .modtek-manifesto__headline { font-size:clamp(48px,14vw,76px); }
  body.modtek-mode.modtek-brand-mode .modtek-manifesto__copy { padding-left:20px; }
  body.modtek-mode.modtek-brand-mode .modtek-control-system { padding:58px 28px; border-radius:24px; }
  body.modtek-mode.modtek-brand-mode .modtek-capability-grid { grid-template-columns:1fr 1fr; }
  body.modtek-mode.modtek-brand-mode .modtek-intent { padding:88px 0; }
  body.modtek-mode.modtek-brand-mode .modtek-intent__cards { grid-template-columns:1fr; }
  body.modtek-mode.modtek-brand-mode .modtek-intent__cards article { min-height:210px; }
  body.modtek-mode.modtek-brand-mode .modtek-intent__cards h3 { margin-top:50px; }
  body.modtek-mode.modtek-brand-mode .modtek-products { padding:88px 0 96px; }
  body.modtek-mode.modtek-brand-mode .modtek-section-heading { grid-template-columns:1fr; gap:20px; }
  body.modtek-mode.modtek-brand-mode .modtek-section-heading h2,
  body.modtek-mode.modtek-brand-mode .modtek-section-heading > p { grid-column:auto; }
  body.modtek-mode.modtek-brand-mode .modtek-product-card { grid-template-columns:1fr auto; gap:18px 26px; padding:27px 25px; }
  body.modtek-mode.modtek-brand-mode .modtek-product-card__index { grid-column:1 / -1; }
  body.modtek-mode.modtek-brand-mode .modtek-upcoming { grid-template-columns:1fr; gap:42px; padding:88px 20px; }
  body.modtek-mode.modtek-brand-mode .modtek-cta--contact { min-height:0; padding:92px 20px; }
  body.modtek-mode.modtek-brand-mode .modtek-cta--contact::before { opacity:.48; right:-8%; width:55vw; }
  body.modtek-mode.modtek-brand-mode .modtek-footer { min-height:150px; padding:28px 0; flex-wrap:wrap; gap:18px 30px; }
  body.modtek-mode.modtek-brand-mode .modtek-footer p { order:3; flex-basis:100%; margin:0; }
}

@media(max-width:520px) {
  body.modtek-mode.modtek-brand-mode .modtek-topbar__back { font-size:0; }
  body.modtek-mode.modtek-brand-mode .modtek-topbar__back::after { content:"HEXBLUE"; font-size:9px; }
  body.modtek-mode.modtek-brand-mode .modtek-topbar__contact { border:0; padding:8px 0; background:transparent; box-shadow:none; }
  body.modtek-mode.modtek-brand-mode .modtek-topbar__contact b { display:none; }
  body.modtek-mode.modtek-brand-mode .modtek-hero__grid,
  body.modtek-mode.modtek-brand-mode .modtek-manifesto,
  body.modtek-mode.modtek-brand-mode .modtek-control-system,
  body.modtek-mode.modtek-brand-mode .modtek-intent,
  body.modtek-mode.modtek-brand-mode .modtek-products { width:calc(100% - 32px); }
  body.modtek-mode.modtek-brand-mode .modtek-hero__grid { padding-top:68px; }
  body.modtek-mode.modtek-brand-mode .modtek-hero h1 { font-size:clamp(62px,21vw,92px); }
  body.modtek-mode.modtek-brand-mode .modtek-hero h2 { font-size:13px; letter-spacing:.12em; }
  body.modtek-mode.modtek-brand-mode .modtek-hero__actions { align-items:flex-start; flex-direction:column; }
  body.modtek-mode.modtek-brand-mode .modtek-capability-grid { grid-template-columns:1fr; }
  body.modtek-mode.modtek-brand-mode .modtek-capability-grid article { min-height:195px; }
  body.modtek-mode.modtek-brand-mode .modtek-manifesto__heading h2,
  body.modtek-mode.modtek-brand-mode .modtek-control-system h2,
  body.modtek-mode.modtek-brand-mode .modtek-intent h2,
  body.modtek-mode.modtek-brand-mode .modtek-section-heading h2,
  body.modtek-mode.modtek-brand-mode .modtek-upcoming__heading h2,
  body.modtek-mode.modtek-brand-mode .modtek-cta h2 { font-size:clamp(39px,12.3vw,60px); }
  body.modtek-mode.modtek-brand-mode .modtek-control-system { padding:52px 21px; }
  body.modtek-mode.modtek-brand-mode .modtek-product-card { grid-template-columns:1fr; }
  body.modtek-mode.modtek-brand-mode .modtek-product-card b { margin-top:4px; }
  body.modtek-mode.modtek-brand-mode .modtek-upcoming .modtek-ready { padding:29px 24px; }
  body.modtek-mode.modtek-brand-mode .modtek-footer { width:calc(100% - 32px); }
  body.modtek-mode.modtek-brand-mode .modtek-footer a { flex-basis:100%; }
  body.modtek-mode.modtek-brand-mode .modtek-intent__header h2 { font-size:clamp(38px,10.5vw,48px); }
}

@media(prefers-reduced-motion:reduce) {
  body.modtek-mode.modtek-brand-mode .modtek-arrow-link,
  body.modtek-mode.modtek-brand-mode .modtek-product-card,
  body.modtek-mode.modtek-brand-mode .modtek-capability-grid article,
  body.modtek-mode.modtek-brand-mode .modtek-cta a { transition:none; transform:none !important; }
}

/* Unified public navigation: all regular routes share the homepage header. */
body:not(.modtek-mode) {
  --public-nav-ink:#191c21;
  --public-nav-blue:#1366ec;
  --public-nav-cyan:#08a8f5;
  --public-nav-violet:#7f5bff;
  --public-nav-line:rgba(88,117,172,.16);
}

body:not(.modtek-mode) .site-header {
  position:sticky;
  top:0;
  z-index:50;
  height:82px;
  border-bottom:1px solid rgba(108,132,177,.13);
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 34px rgba(34,75,139,.055);
  color:var(--public-nav-ink);
  font-family:Inter,"Noto Sans SC","PingFang SC","Segoe UI","Microsoft YaHei",Arial,sans-serif;
  backdrop-filter:blur(22px) saturate(145%);
}

body:not(.modtek-mode) .site-header a,
body:not(.modtek-mode) .site-header button {
  font-family:Inter,"Noto Sans SC","PingFang SC","Segoe UI","Microsoft YaHei",Arial,sans-serif;
}

body:not(.modtek-mode) .site-header .header-shell {
  position:relative;
  left:auto;
  display:flex;
  width:min(1440px,calc(100% - 88px));
  max-width:none;
  height:82px;
  align-items:center;
  margin:0 auto;
}

body:not(.modtek-mode) .brand {
  display:flex;
  height:82px;
  flex:0 0 210px;
  align-items:center;
  overflow:visible;
}

body:not(.modtek-mode) .brand img { display:none; }

body:not(.modtek-mode) .brand::before {
  display:grid;
  width:38px;
  height:38px;
  flex:0 0 38px;
  place-items:center;
  border-radius:11px;
  background:linear-gradient(135deg,var(--public-nav-violet),var(--public-nav-blue) 55%,var(--public-nav-cyan));
  box-shadow:0 8px 20px rgba(19,102,236,.24);
  color:#fff;
  content:"HX";
  font-size:12px;
  font-weight:800;
  letter-spacing:-.06em;
}

body:not(.modtek-mode) .brand::after {
  margin-left:11px;
  color:var(--public-nav-ink);
  content:attr(data-brand-label);
  font-size:14px;
  font-weight:760;
  letter-spacing:.075em;
  line-height:1.05;
  white-space:pre-line;
}

body:not(.modtek-mode) .nav-link--modtek {
  color:#171820;
  font-weight:820;
  letter-spacing:.08em;
}

body:not(.modtek-mode) .nav-link--modtek:hover,
body:not(.modtek-mode) .nav-link--modtek.active { color:#e60019; }

body:not(.modtek-mode) .nav-link--modtek::after { background:#e60019; }

body:not(.modtek-mode) .nav-links {
  position:static;
  display:flex;
  width:auto;
  height:82px;
  flex-direction:row;
  align-items:stretch;
  gap:4px;
  margin:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}

body:not(.modtek-mode) .nav-link {
  position:relative;
  display:flex;
  width:auto;
  min-width:0;
  height:82px;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  color:#4e5969;
  font-size:12px;
  font-weight:650;
  letter-spacing:.055em;
  line-height:1;
  text-transform:uppercase;
  touch-action:manipulation;
  white-space:nowrap;
  transition:color .2s ease;
}

body:not(.modtek-mode) .nav-link:hover,
body:not(.modtek-mode) .nav-link.active { color:var(--public-nav-blue); }

body:not(.modtek-mode) .nav-link::after {
  position:absolute;
  right:18px;
  bottom:13px;
  left:18px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--public-nav-violet),var(--public-nav-blue),var(--public-nav-cyan));
  content:"";
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .2s ease;
}

body:not(.modtek-mode) .nav-link:hover::after,
body:not(.modtek-mode) .nav-link.active::after { transform:scaleX(1); }

body:not(.modtek-mode) .language {
  position:static;
  display:flex;
  width:auto;
  height:34px;
  align-items:center;
  margin-left:auto;
  padding-left:18px;
  border-left:1px solid var(--public-nav-line);
  white-space:nowrap;
}

body:not(.modtek-mode) .language button {
  display:inline-flex;
  width:auto;
  min-width:0;
  height:30px;
  align-items:center;
  padding:0;
  border:0;
  background:transparent;
  color:#5f6b7c;
  cursor:pointer;
  font-size:11px;
  font-weight:700;
  line-height:1;
  touch-action:manipulation;
  transition:color .2s ease;
}

body:not(.modtek-mode) .language button:hover,
body:not(.modtek-mode) .language button.active { color:var(--public-nav-blue); }

body:not(.modtek-mode) .language button:first-child,
body:not(.modtek-mode) .language button:last-child {
  width:auto;
  margin-right:8px;
}

body:not(.modtek-mode) .language img {
  width:20px;
  height:20px;
  margin-right:5px;
  object-fit:cover;
}

body:not(.modtek-mode) .language i {
  display:block;
  width:1px;
  height:20px;
  margin-right:8px;
  background:var(--public-nav-line);
}

body:not(.modtek-mode) .menu-toggle { display:none; }

body:not(.modtek-mode) .nav-link:focus-visible,
body:not(.modtek-mode) .language button:focus-visible,
body:not(.modtek-mode) .menu-toggle:focus-visible,
body:not(.modtek-mode) .brand:focus-visible {
  outline:3px solid rgba(19,102,236,.42);
  outline-offset:3px;
}

@media(max-width:1024px) {
  body:not(.modtek-mode) .site-header,
  body:not(.modtek-mode) .site-header .header-shell { height:65px; }

  body:not(.modtek-mode) .site-header .header-shell {
    width:auto;
    max-width:calc(100% - 30px);
  }

  body:not(.modtek-mode) .brand {
    height:65px;
    flex-basis:178px;
  }

  body:not(.modtek-mode) .menu-toggle {
    position:relative;
    z-index:61;
    display:grid;
    width:44px;
    height:44px;
    flex:0 0 44px;
    place-items:center;
    margin-left:18px;
    padding:0;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#364152;
    cursor:pointer;
    font-size:22px;
    line-height:1;
    touch-action:manipulation;
  }

  body:not(.modtek-mode) .menu-toggle:hover,
  body:not(.modtek-mode) .menu-toggle[aria-expanded="true"] {
    background:rgba(19,102,236,.08);
    color:var(--public-nav-blue);
  }

  body:not(.modtek-mode) .nav-links {
    position:absolute;
    top:65px;
    right:0;
    left:0;
    z-index:60;
    display:none;
    width:auto;
    height:auto;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    overflow:hidden;
    border:1px solid var(--public-nav-line);
    border-top:0;
    border-radius:0 0 16px 16px;
    background:rgba(255,255,255,.97);
    box-shadow:0 18px 36px rgba(34,75,139,.14);
    backdrop-filter:blur(18px) saturate(145%);
  }

  body:not(.modtek-mode) .nav-links.open { display:flex; }

  body:not(.modtek-mode) .nav-link {
    width:auto;
    min-height:50px;
    height:50px;
    justify-content:flex-start;
    padding:0 20px;
  }

  body:not(.modtek-mode) .nav-link::after { display:none; }

  body:not(.modtek-mode) .language {
    display:flex;
    height:44px;
    margin-left:auto;
    padding-left:14px;
  }

  body:not(.modtek-mode) .language button { height:44px; }

  body:not(.modtek-mode) .language button:first-child,
  body:not(.modtek-mode) .language button:last-child { margin-right:8px; }

  body:not(.modtek-mode) .language i { display:none; }
}

@media(max-width:560px) {
  body:not(.modtek-mode) .site-header,
  body:not(.modtek-mode) .site-header .header-shell,
  body:not(.modtek-mode) .brand { height:68px; }

  body:not(.modtek-mode) .site-header .header-shell { max-width:calc(100% - 24px); }

  body:not(.modtek-mode) .brand { flex-basis:154px; }

  body:not(.modtek-mode) .brand::before {
    width:34px;
    height:34px;
    flex-basis:34px;
  }

  body:not(.modtek-mode) .brand::after {
    margin-left:8px;
    font-size:11px;
  }

  body:not(.modtek-mode) .menu-toggle { margin-left:8px; }

  body:not(.modtek-mode) .nav-links { top:68px; }

  body:not(.modtek-mode) .language {
    padding-left:8px;
    border-left:0;
  }

  body:not(.modtek-mode) .language button { font-size:0; }

  body:not(.modtek-mode) .language button:first-child,
  body:not(.modtek-mode) .language button:last-child {
    width:44px;
    margin-right:0;
    justify-content:center;
  }

  body:not(.modtek-mode) .language img {
    width:24px;
    height:16px;
    margin:0;
  }
}

/* Rich-content fidelity layer. The CMS and public pages share the same semantic
   HTML whitelist; these rules supply consistent defaults without overriding
   author-selected inline alignment, colour, size or spacing. */
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article,.legacy-about-copy) {
  overflow-wrap:anywhere;
}
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article,.legacy-about-copy)>:first-child { margin-top:0; }
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article,.legacy-about-copy)>:last-child { margin-bottom:0; }
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) h1,
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) h2,
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) h3,
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) h4,
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) h5,
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) h6 {
  margin:1.65em 0 .65em;
  line-height:1.28;
}
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) h1 { font-size:2em; }
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) h4 { font-size:1.18em; }
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) h5 { font-size:1.05em; }
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) h6 { font-size:.95em; letter-spacing:.02em; text-transform:uppercase; }
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) p,
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) div { margin-top:0; margin-bottom:1em; }
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) ul { list-style:disc outside; }
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) ol { list-style:decimal outside; }
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) ul,
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) ol { margin:0 0 1.2em; padding-inline-start:1.5em; }
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) ul ul { list-style-type:circle; }
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) li+li { margin-top:.35em; }
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) blockquote {
  margin:1.5em 0;
  padding:.85em 1.15em;
  border-inline-start:4px solid #7b74ef;
  border-radius:0 12px 12px 0;
  background:linear-gradient(135deg,rgba(231,242,255,.82),rgba(244,239,255,.72));
}
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) a {
  color:#315ed6;
  text-decoration:underline;
  text-decoration-color:rgba(73,87,219,.34);
  text-underline-offset:.18em;
}
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) mark {
  padding:.08em .22em;
  border-radius:.25em;
  color:inherit;
  background:#e9e5ff;
}
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) s,
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) strike,
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) del { opacity:.72; }
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) sub,
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) sup { font-size:.72em; line-height:0; }
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) hr {
  height:1px;
  margin:2em 0;
  border:0;
  background:linear-gradient(90deg,rgba(70,118,226,.1),rgba(111,89,224,.45),rgba(70,118,226,.1));
}
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) figure { max-inline-size:100%; margin:1.8em 0; }
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) figcaption { margin-top:.65em; color:#708098; font-size:.82em; line-height:1.55; text-align:center; }
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) img,
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) video,
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) iframe {
  display:block;
  max-inline-size:100%;
  height:auto;
}
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) iframe { width:min(100%,760px); aspect-ratio:16/9; border:0; }
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) pre {
  max-inline-size:100%;
  overflow:auto;
  margin:1.5em 0;
  padding:1em 1.15em;
  border-radius:12px;
  background:#172640;
  color:#f0f6ff;
  font:500 .84em/1.7 "JetBrains Mono",Consolas,monospace;
  white-space:pre-wrap;
}
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) :not(pre)>code {
  padding:.15em .38em;
  border:1px solid rgba(69,102,187,.14);
  border-radius:5px;
  color:#394d80;
  background:#eff4ff;
  font:500 .86em/1.4 "JetBrains Mono",Consolas,monospace;
}
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) table {
  display:block;
  width:100%;
  max-inline-size:100%;
  overflow-x:auto;
  margin:1.6em 0;
  border:1px solid rgba(77,104,174,.18);
  border-collapse:collapse;
  border-radius:10px;
  background:rgba(255,255,255,.72);
  -webkit-overflow-scrolling:touch;
}
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) th,
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) td {
  min-width:8em;
  padding:.7em .85em;
  border:1px solid rgba(77,104,174,.18);
  color:inherit;
  text-align:start;
  white-space:normal;
}
:where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) th { font-weight:750; background:linear-gradient(135deg,rgba(232,243,255,.78),rgba(242,238,255,.72)); }
html[dir="rtl"] :where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) ul,
html[dir="rtl"] :where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) ol { padding-inline-start:0; padding-inline-end:1.5em; }

@media(max-width:620px) {
  :where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) table { font-size:14px; }
  :where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) th,
  :where(.article-content--story,.manual-rich,.manual-faq-list details>div,.modtek-rich,.modtek-listing-summary__lead,.modtek-listing-summary__about-copy,.product-detail__description article) td { min-width:7em; }
}

/* Shared listing variant: the MODTEK detail system without brand-only content. */
body.modtek-mode.modtek-brand-mode.modtek-detail-mode.standard-product-detail-mode .modtek-topbar__standard-wordmark {
  display:block;
  color:var(--modtek-detail-ink);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:20px;
  font-weight:900;
  line-height:1;
  letter-spacing:.18em;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode.standard-product-detail-mode .modtek-topbar__name {
  width:auto;
  min-width:170px;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode.standard-product-detail-mode .modtek-listing-technical::before {
  background:linear-gradient(90deg,var(--modtek-detail-violet),var(--modtek-detail-blue) 58%,var(--modtek-detail-cyan),transparent);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode.standard-product-detail-mode .modtek-product-listing-page {
  padding-bottom:76px;
}

@media(max-width:520px) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode.standard-product-detail-mode .modtek-topbar__standard-wordmark {
    font-size:16px;
    letter-spacing:.13em;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode.standard-product-detail-mode .modtek-topbar__name { min-width:124px; }
}

/* Product-listing geometry: one predictable desktop track for every product. */
@media(min-width:1181px) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-layout {
    grid-template-rows:154px 536px;
    align-items:stretch;
  }

  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading {
    box-sizing:border-box;
    height:154px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading__brand {
    flex:0 0 auto;
    margin-bottom:7px;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading h1 {
    display:-webkit-box;
    max-height:2.08em;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    text-overflow:ellipsis;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading h1.is-title-long {
    font-size:clamp(21px,1.82vw,29px);
    line-height:1.06;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading h1.is-title-compact {
    font-size:clamp(18px,1.5vw,24px);
    line-height:1.08;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading__model {
    max-width:100%;
    flex:0 0 auto;
    margin-top:8px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box {
    box-sizing:border-box;
    height:100%;
    min-height:0;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media {
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__video,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__image,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__empty {
    min-height:0;
    flex:1 1 auto;
    aspect-ratio:auto;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__thumbs {
    flex:0 0 auto;
  }

  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary {
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__lead {
    min-height:94px;
    max-height:104px;
    box-sizing:border-box;
    overflow:hidden;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__lead p,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__lead li {
    overflow-wrap:anywhere;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__rules span,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about p {
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about {
    margin-top:auto;
    padding-top:22px;
  }

  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box {
    display:flex;
    flex-direction:column;
    padding:24px;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box h2 {
    display:-webkit-box;
    overflow:hidden;
    overflow-wrap:anywhere;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__stock,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__shipping {
    margin-top:14px;
    padding-top:12px;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__stock b,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__stock span,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__shipping b,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__shipping span,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__assurance span {
    display:-webkit-box;
    overflow:hidden;
    overflow-wrap:anywhere;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__actions {
    gap:8px;
    margin-top:16px;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-button,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__actions > a {
    min-height:44px;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-quantity input {
    min-height:40px;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__assurance {
    max-height:62px;
    margin-top:auto;
    padding-top:14px;
    overflow:hidden;
  }
}

/* MODTEK listing: full-width technical parameter band below the commerce grid. */
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical {
  position:relative;
  z-index:1;
  width:min(1320px,calc(100% - 64px));
  margin:24px auto 0;
  padding:26px 30px 28px;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:24px;
  background:
    radial-gradient(circle at 96% 0,rgba(127,91,255,.09),transparent 27%) padding-box,
    linear-gradient(145deg,rgba(255,255,255,.95),rgba(245,249,255,.87)) padding-box,
    linear-gradient(135deg,rgba(127,91,255,.42),rgba(19,102,236,.28) 58%,rgba(8,168,245,.38)) border-box;
  box-shadow:0 22px 58px rgba(48,76,141,.10),inset 0 1px 0 rgba(255,255,255,.94);
  backdrop-filter:blur(19px) saturate(132%);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical::before {
  content:"";
  position:absolute;
  top:0;
  left:30px;
  width:154px;
  height:3px;
  border-radius:0 0 3px 3px;
  background:linear-gradient(90deg,var(--modtek-logo-red),var(--modtek-logo-black) 55%,transparent);
  pointer-events:none;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical__head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical__head h2 {
  margin:0;
  color:var(--modtek-detail-ink);
  font-size:13px;
  font-weight:850;
  letter-spacing:.14em;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical__head span {
  color:#748198;
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:0;
  border-top:1px solid var(--modtek-detail-line);
  border-left:1px solid var(--modtek-detail-line);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl div {
  display:grid;
  grid-template-columns:minmax(160px,.82fr) minmax(0,1.18fr);
  gap:clamp(24px,3vw,48px);
  align-items:center;
  min-width:0;
  padding:20px 24px;
  border-right:1px solid var(--modtek-detail-line);
  border-bottom:1px solid var(--modtek-detail-line);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dt {
  min-width:0;
  color:#748198;
  font-size:11px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dd {
  width:100%;
  max-width:none;
  margin:0;
  color:var(--modtek-detail-ink);
  font-size:12px;
  font-weight:780;
  line-height:1.4;
  text-align:left;
  text-wrap:pretty;
  overflow-wrap:anywhere;
}

@media(max-width:820px) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical {
    width:min(720px,calc(100% - 40px));
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl div {
    grid-template-columns:1fr;
    gap:7px;
    align-content:center;
    align-items:start;
  }
}

@media(max-width:520px) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical {
    width:calc(100% - 28px);
    padding:24px 22px;
    border-radius:18px;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical::before {
    left:22px;
    width:122px;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical__head {
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl {
    grid-template-columns:1fr;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl div {
    padding:14px 12px;
  }
}

@media(prefers-reduced-motion:reduce) {
  body:not(.modtek-mode) .nav-link,
  body:not(.modtek-mode) .nav-link::after,
  body:not(.modtek-mode) .language button { transition:none; }
}

/* MODTEK brand fusion: the public-site aurora remains the dominant canvas,
   while near-black structure and restrained performance red identify the
   MODTEK-owned words and signature moments. */
body.modtek-mode.modtek-brand-mode {
  --modtek-brand-red:#e60019;
  --modtek-brand-red-dark:#bd0015;
  --modtek-brand-black:#12151b;
  --modtek-brand-graphite:#292d36;
  --modtek-brand-red-soft:rgba(230,0,25,.075);
}

body.modtek-mode.modtek-brand-mode .modtek-page { --modtek-red:var(--modtek-brand-red); }
body.modtek-mode.modtek-brand-mode .modtek-eyebrow { color:var(--modtek-brand-red-dark); }

body.modtek-mode.modtek-brand-mode .modtek-topbar__name {
  color:var(--modtek-brand-black);
  font-style:italic;
}
body.modtek-mode.modtek-brand-mode .modtek-topbar__name::before {
  content:"";
  display:inline-block;
  width:12px;
  height:12px;
  margin:0 7px 1px 0;
  background:var(--modtek-brand-red);
  clip-path:polygon(0 34%,100% 0,62% 47%,100% 52%,0 100%,38% 54%);
  vertical-align:middle;
}
body.modtek-mode.modtek-brand-mode .modtek-topbar__name small { color:var(--modtek-brand-red-dark); }
body.modtek-mode.modtek-brand-mode .modtek-topbar__contact b { color:var(--modtek-brand-red); }

body.modtek-mode.modtek-brand-mode .modtek-hero {
  background:
    radial-gradient(circle at 82% 30%,rgba(230,0,25,.075),transparent 18%),
    radial-gradient(circle at 80% 32%,rgba(127,91,255,.17),transparent 26%),
    radial-gradient(circle at 66% 72%,rgba(8,168,245,.14),transparent 27%),
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(244,248,255,.84));
}
body.modtek-mode.modtek-brand-mode .modtek-hero::after {
  border-color:rgba(230,0,25,.13);
  box-shadow:0 0 0 72px rgba(127,91,255,.025),0 0 0 144px rgba(8,168,245,.018);
}
body.modtek-mode.modtek-brand-mode .modtek-hero h1 {
  background:linear-gradient(104deg,#11151c 6%,#252a34 50%,#e60019 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
body.modtek-mode.modtek-brand-mode .modtek-hero h2 { color:var(--modtek-brand-red-dark); }
body.modtek-mode.modtek-brand-mode .modtek-hero__principles {
  overflow:hidden;
  border-color:rgba(30,35,46,.15);
}
body.modtek-mode.modtek-brand-mode .modtek-hero__principles::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,var(--modtek-brand-black),var(--modtek-brand-red));
}
body.modtek-mode.modtek-brand-mode .modtek-hero__principles li { border-bottom-color:rgba(18,21,27,.11); }
body.modtek-mode.modtek-brand-mode .modtek-hero__principles span { color:var(--modtek-brand-red-dark); }
body.modtek-mode.modtek-brand-mode .modtek-arrow-link:not(.modtek-arrow-link--primary) span { color:var(--modtek-brand-red); }
body.modtek-mode.modtek-brand-mode .modtek-hero__serial { color:#7c3d46; }

body.modtek-mode.modtek-brand-mode .modtek-manifesto__headline span:first-child { color:#6f7682; }
body.modtek-mode.modtek-brand-mode .modtek-manifesto__headline span:nth-child(2) { color:#c8ced8; }
body.modtek-mode.modtek-brand-mode .modtek-manifesto__headline strong {
  background:linear-gradient(100deg,var(--modtek-brand-black) 0%,#323743 48%,var(--modtek-brand-red) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
body.modtek-mode.modtek-brand-mode .modtek-manifesto__copy {
  border-image:linear-gradient(var(--modtek-brand-red),var(--modtek-light-blue),var(--modtek-light-violet)) 1;
}
body.modtek-mode.modtek-brand-mode .modtek-manifesto__copy a b { color:var(--modtek-brand-red); }

body.modtek-mode.modtek-brand-mode .modtek-control-system {
  background:
    radial-gradient(circle at 92% 4%,rgba(230,0,25,.075),transparent 22%),
    radial-gradient(circle at 88% 8%,rgba(127,91,255,.12),transparent 34%),
    radial-gradient(circle at 0 100%,rgba(8,168,245,.11),transparent 34%),
    rgba(255,255,255,.76);
  box-shadow:inset 4px 0 0 var(--modtek-brand-red),0 24px 70px rgba(47,72,143,.08),inset 0 1px 0 #fff;
}
body.modtek-mode.modtek-brand-mode .modtek-platforms i { background:var(--modtek-brand-red); }
body.modtek-mode.modtek-brand-mode .modtek-capability-grid article > div span { color:var(--modtek-brand-red-dark); }
body.modtek-mode.modtek-brand-mode .modtek-capability-grid article:hover {
  border-color:rgba(230,0,25,.28);
  box-shadow:0 18px 38px rgba(58,80,146,.10),inset 0 3px 0 rgba(230,0,25,.78);
}

body.modtek-mode.modtek-brand-mode .modtek-intent__cards article > b { color:var(--modtek-brand-red-dark); }

body.modtek-mode.modtek-brand-mode .modtek-section-heading > span { color:var(--modtek-brand-red-dark); }
body.modtek-mode.modtek-brand-mode .modtek-product-card {
  position:relative;
  overflow:hidden;
  border-left:4px solid var(--modtek-brand-black);
}
body.modtek-mode.modtek-brand-mode .modtek-product-card::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,var(--modtek-brand-black) 0 58%,var(--modtek-brand-red) 58% 100%);
}
body.modtek-mode.modtek-brand-mode .modtek-product-card:hover { border-color:rgba(230,0,25,.32); }
body.modtek-mode.modtek-brand-mode .modtek-product-card__index {
  width:max-content;
  padding:8px 10px;
  border-radius:7px;
  background:var(--modtek-brand-black);
  color:#fff;
}
body.modtek-mode.modtek-brand-mode .modtek-product-card p { color:var(--modtek-brand-red-dark); }
body.modtek-mode.modtek-brand-mode .modtek-product-card em { color:var(--modtek-brand-red); }

body.modtek-mode.modtek-brand-mode .modtek-upcoming__heading h2 b { color:var(--modtek-brand-red); }
body.modtek-mode.modtek-brand-mode .modtek-upcoming .modtek-ready {
  border-color:rgba(18,21,27,.9);
  border-left-color:var(--modtek-brand-red);
  background:
    radial-gradient(circle at 92% 18%,rgba(127,91,255,.16),transparent 35%),
    linear-gradient(135deg,#161920,#0d0f14);
  box-shadow:0 22px 52px rgba(26,31,48,.16);
}
body.modtek-mode.modtek-brand-mode .modtek-upcoming .modtek-ready span { color:#ff4d61; }
body.modtek-mode.modtek-brand-mode .modtek-upcoming .modtek-ready h3 { color:#fff; }
body.modtek-mode.modtek-brand-mode .modtek-upcoming .modtek-ready p { color:#c4cad5; }

body.modtek-mode.modtek-brand-mode .modtek-cta--contact {
  background:
    radial-gradient(circle at 78% 18%,rgba(127,91,255,.19),transparent 26%),
    radial-gradient(circle at 92% 92%,rgba(8,168,245,.13),transparent 29%),
    linear-gradient(118deg,#15181f,#0d0f14 70%);
}
body.modtek-mode.modtek-brand-mode .modtek-cta p { color:#ff5366; }
body.modtek-mode.modtek-brand-mode .modtek-cta h2 { color:#fff; }
body.modtek-mode.modtek-brand-mode .modtek-cta h2 b {
  background:none;
  color:var(--modtek-brand-red);
  -webkit-text-fill-color:currentColor;
}
body.modtek-mode.modtek-brand-mode .modtek-cta a {
  background:linear-gradient(105deg,#c90017,var(--modtek-brand-red) 58%,#f32d45);
  box-shadow:0 13px 28px rgba(230,0,25,.23);
}
body.modtek-mode.modtek-brand-mode .modtek-cta a:hover { box-shadow:0 17px 34px rgba(230,0,25,.32); }

body.modtek-mode.modtek-brand-mode .modtek-footer strong { color:var(--modtek-brand-black); }
body.modtek-mode.modtek-brand-mode .modtek-footer strong::before {
  content:"";
  display:inline-block;
  width:10px;
  height:10px;
  margin-right:7px;
  background:var(--modtek-brand-red);
  clip-path:polygon(0 34%,100% 0,62% 47%,100% 52%,0 100%,38% 54%);
}
body.modtek-mode.modtek-brand-mode .modtek-footer a b { color:var(--modtek-brand-red); }

/* Optional navigation promotion, driven by Website Settings. */
body:not(.modtek-mode) .site-header.has-campaign { height:auto; }

body:not(.modtek-mode) .site-campaign {
  position:relative;
  height:60px;
  min-height:60px;
  overflow:hidden;
  border-bottom:1px solid rgba(107,151,220,.14);
  background-color:#dfeeff;
  background-image:url("/media/aliyun-nav-campaign-banner.png");
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:auto 100%;
  color:#263d70;
  font-family:Inter,"Noto Sans SC","PingFang SC","Segoe UI","Microsoft YaHei",Arial,sans-serif;
}

body:not(.modtek-mode) .site-campaign::before {
  position:absolute;
  z-index:0;
  top:0;
  bottom:0;
  left:calc(50% - 480px);
  width:1110px;
  content:"";
  pointer-events:none;
  background:linear-gradient(90deg,transparent 0,#f8fcff 24px,#f8fcff calc(100% - 24px),transparent 100%);
}

body:not(.modtek-mode) .site-campaign__shell {
  position:relative;
  z-index:1;
  display:grid;
  width:min(1100px,calc(100% - 128px));
  height:60px;
  min-height:60px;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
  margin:0 auto;
}

body:not(.modtek-mode) .site-campaign__message {
  min-width:0;
  overflow:hidden;
  color:#263d70;
  font-size:14px;
  font-weight:650;
  letter-spacing:.035em;
  line-height:1.4;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body:not(.modtek-mode) .site-campaign__message p,
body:not(.modtek-mode) .site-campaign__message div { display:inline; margin:0; }

body:not(.modtek-mode) .site-campaign__message strong,
body:not(.modtek-mode) .site-campaign__message b { color:#245fcb; font-weight:800; }

body:not(.modtek-mode) .site-campaign__message a {
  color:#5b46d8;
  text-decoration:underline;
  text-decoration-color:rgba(91,70,216,.36);
  text-underline-offset:3px;
}

body:not(.modtek-mode) .site-campaign__action {
  display:inline-flex;
  min-width:120px;
  height:32px;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.56);
  border-radius:6px;
  background:linear-gradient(105deg,#7359ee 0%,#346bea 58%,#0b91ef 100%);
  box-shadow:0 6px 16px rgba(56,90,222,.22);
  color:#fff;
  cursor:pointer;
  font-size:10px;
  font-weight:800;
  letter-spacing:.055em;
  line-height:1;
  text-transform:uppercase;
  touch-action:manipulation;
  transition:box-shadow .2s ease,filter .2s ease;
  white-space:nowrap;
}

body:not(.modtek-mode) .site-campaign__action svg {
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.6;
}

body:not(.modtek-mode) .site-campaign__action:hover {
  box-shadow:0 9px 22px rgba(77,78,224,.3);
  filter:saturate(1.12) brightness(1.03);
}

body:not(.modtek-mode) .site-campaign__action:focus-visible,
body:not(.modtek-mode) .site-campaign__message a:focus-visible {
  outline:3px solid rgba(91,70,216,.38);
  outline-offset:2px;
}

@media(max-width:1024px) {
  body:not(.modtek-mode) .site-campaign { background-position:left center; }

  body:not(.modtek-mode) .site-campaign::before {
    inset:0;
    width:auto;
    background:linear-gradient(90deg,transparent 0%,#f8fcff 32%,#f8fcff 100%);
  }

  body:not(.modtek-mode) .site-campaign__shell {
    width:auto;
    max-width:calc(100% - 30px);
    height:60px;
    min-height:60px;
    gap:12px;
  }

  body:not(.modtek-mode) .site-campaign__message {
    display:-webkit-box;
    overflow:hidden;
    font-size:12px;
    line-height:1.35;
    text-align:left;
    white-space:normal;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }

  body:not(.modtek-mode) .site-campaign__action { height:44px; }
}

@media(max-width:560px) {
  body:not(.modtek-mode) .site-campaign__shell {
    max-width:calc(100% - 24px);
    gap:8px;
  }

  body:not(.modtek-mode) .site-campaign__message {
    font-size:11px;
    letter-spacing:.01em;
  }

  body:not(.modtek-mode) .site-campaign__action {
    min-width:104px;
    padding:0 10px;
    font-size:9px;
  }
}

@media(prefers-reduced-motion:reduce) {
  body:not(.modtek-mode) .site-campaign__action { transition:none; }
}

/* Official MODTEK hero lockup, extracted from the supplied brand artwork. */
body.modtek-mode.modtek-brand-mode .modtek-hero h1.modtek-hero__brand-lockup {
  position:relative;
  display:flex;
  width:min(100%,650px);
  min-height:0;
  align-items:center;
  margin:0;
  padding:24px 28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-left:3px solid var(--modtek-brand-red);
  border-radius:19px;
  background:
    radial-gradient(circle at 88% 22%,rgba(230,0,25,.19),transparent 28%),
    radial-gradient(circle at 72% 90%,rgba(127,91,255,.14),transparent 34%),
    linear-gradient(118deg,#171a21,#0d0f14 72%);
  box-shadow:0 24px 52px rgba(30,35,54,.18),inset 0 1px 0 rgba(255,255,255,.055);
  color:#fff;
  font-size:0;
  line-height:0;
  letter-spacing:0;
  -webkit-text-fill-color:initial;
}
body.modtek-mode.modtek-brand-mode .modtek-hero__brand-lockup::after {
  content:"";
  position:absolute;
  right:22px;
  bottom:13px;
  width:92px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(230,0,25,.8));
}
body.modtek-mode.modtek-brand-mode .modtek-hero__brand-lockup img {
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));
}

@media(max-width:780px) {
  body.modtek-mode.modtek-brand-mode .modtek-hero h1.modtek-hero__brand-lockup {
    width:100%;
    padding:19px 21px;
    border-radius:16px;
  }
}

@media(max-width:520px) {
  body.modtek-mode.modtek-brand-mode .modtek-hero h1.modtek-hero__brand-lockup {
    padding:16px 18px;
    border-radius:14px;
  }
  body.modtek-mode.modtek-brand-mode .modtek-hero__brand-lockup::after { right:15px; bottom:9px; width:66px; }
}

/* MODTEK product detail: Hexblue blue-violet atmosphere with a focused red/black brand core. */
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-listing-page {
  --modtek-detail-ink:#171b24;
  --modtek-detail-copy:#5f6d84;
  --modtek-detail-line:#dbe4f3;
  --modtek-detail-card:rgba(255,255,255,.84);
  --modtek-detail-red:var(--modtek-brand-red,#e60019);
  position:relative;
  min-height:100vh;
  padding-bottom:112px;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 2%,rgba(127,91,255,.17),transparent 27%),
    radial-gradient(circle at 4% 28%,rgba(22,142,255,.13),transparent 29%),
    linear-gradient(180deg,#f8faff 0%,#f1f5ff 48%,#f7f9ff 100%);
  color:var(--modtek-detail-ink);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-listing-page::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(91,106,160,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,106,160,.035) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 52%);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-breadcrumb,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-layout,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-assets,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta {
  position:relative;
  z-index:1;
  width:min(1320px,calc(100% - 64px));
  margin-right:auto;
  margin-left:auto;
}

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-breadcrumb {
  padding:32px 2px 22px;
  color:#78859a;
  font-size:10px;
  letter-spacing:.14em;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-breadcrumb a {
  color:var(--modtek-detail-ink);
  text-decoration:none;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-breadcrumb a:hover { color:var(--modtek-detail-red); }

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-layout {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.82fr) minmax(282px,.66fr);
  grid-template-areas:
    "media heading heading"
    "media summary buy";
  gap:24px;
  align-items:start;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-assets,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq {
  border:1px solid rgba(210,220,239,.92);
  background:var(--modtek-detail-card);
  box-shadow:0 24px 60px rgba(47,61,101,.09),inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading {
  grid-area:heading;
  min-width:0;
  padding:20px 24px 22px;
  overflow:hidden;
  border-left:3px solid var(--modtek-detail-red);
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 5%,rgba(127,91,255,.12),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,249,255,.88));
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading__brand {
  margin:0 0 8px;
  color:var(--modtek-detail-red);
  font-size:10px;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading h1 {
  max-width:1100px;
  margin:0;
  color:var(--modtek-detail-ink);
  font-size:clamp(23px,2.15vw,34px);
  font-weight:820;
  font-style:normal;
  line-height:1.04;
  letter-spacing:-.045em;
  overflow-wrap:anywhere;
  word-break:break-word;
  text-wrap:balance;
  text-transform:uppercase;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading__model {
  display:inline-flex;
  margin:10px 0 0;
  padding:6px 10px;
  color:#56647a;
  border:1px solid #d8e1ef;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media {
  grid-area:media;
  min-width:0;
  padding:14px;
  border-radius:24px;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__video,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__image,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__empty {
  overflow:hidden;
  border:1px solid #e1e8f5;
  border-radius:17px;
  background:linear-gradient(145deg,#fff,#eef3fb);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__image img { transition:transform .35s ease; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__image:hover img { transform:scale(1.018); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__empty { color:#758298; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__thumbs { margin-top:12px; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__thumbs button {
  width:72px;
  height:72px;
  color:var(--modtek-detail-ink);
  border:1px solid #d9e2f1;
  border-radius:12px;
  background:#fff;
  font-size:9px;
  font-weight:850;
  letter-spacing:.08em;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__thumbs button:hover { transform:translateY(-2px); border-color:#8999b5; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__thumbs button.is-active {
  border-color:var(--modtek-detail-red);
  box-shadow:0 0 0 2px rgba(230,0,25,.12);
}

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary {
  grid-area:summary;
  min-width:0;
  padding:32px;
  border-radius:24px;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__brand,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__eyebrow,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-eyebrow,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__about > p,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__table > p {
  color:var(--modtek-detail-red);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__model { color:#748198; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__lead {
  margin-top:25px;
  padding:18px 0;
  color:var(--modtek-detail-copy);
  border-color:var(--modtek-detail-line);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary > .modtek-listing-summary__lead:first-child { margin-top:0; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__lead h2,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__lead h3,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about-copy h2,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about-copy h3 { color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__lead a,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about-copy a { color:#275fdb; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-price > span { color:#7c899e; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-price strong { color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-price del,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-price small { color:#7a879b; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-price b { border-radius:999px; background:var(--modtek-detail-red); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__rules {
  color:#637187;
  border-color:var(--modtek-detail-line);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about h2,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details h2 { color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about p,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about-copy { color:var(--modtek-detail-copy); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about a,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__label { color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about a:hover { color:var(--modtek-detail-red); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__technical {
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid var(--modtek-detail-line);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__technical > p {
  margin:0 0 14px;
  color:var(--modtek-detail-red);
  font-size:10px;
  font-weight:850;
  letter-spacing:.16em;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__technical dl {
  margin:0;
  border-top:1px solid var(--modtek-detail-line);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__technical dl div {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(90px,.8fr);
  gap:14px;
  padding:12px 0;
  border-bottom:1px solid var(--modtek-detail-line);
  font-size:12px;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__technical dt { color:#748198; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__technical dd { margin:0; color:var(--modtek-detail-ink); font-weight:750; text-align:right; overflow-wrap:anywhere; }

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box {
  grid-area:buy;
  position:sticky;
  top:92px;
  overflow:hidden;
  padding:27px;
  border:1px solid rgba(207,218,238,.96);
  border-left:3px solid var(--modtek-detail-red);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0,rgba(127,91,255,.13),transparent 38%),
    radial-gradient(circle at 4% 100%,rgba(22,142,255,.08),transparent 40%),
    linear-gradient(145deg,rgba(255,255,255,.97),rgba(245,248,255,.94));
  box-shadow:0 24px 54px rgba(47,61,101,.12),inset 0 1px 0 #fff;
  backdrop-filter:blur(18px);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box::after {
  content:"";
  position:absolute;
  top:0;
  right:24px;
  width:84px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--modtek-detail-red));
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box h2 { color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__stock,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__shipping,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__assurance { border-color:var(--modtek-detail-line); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__stock b,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__shipping b { color:#167a4b; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__stock span,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__shipping span { color:#66748a; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-quantity { color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-quantity input {
  min-height:44px;
  padding:10px 12px;
  color:var(--modtek-detail-ink);
  border:1px solid #cfd9e9;
  border-radius:9px;
  background:#fff;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-button,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__actions > a {
  min-height:48px;
  border-radius:10px;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-button--cart {
  background:linear-gradient(135deg,#ef0823,#c90018);
  box-shadow:0 12px 24px rgba(230,0,25,.2);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-button--now { color:var(--modtek-detail-ink); border-color:#e60019; background:#fff; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-button--quote,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__actions > a { color:#334155; border-color:#cbd6e7; background:rgba(245,248,255,.82); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__assurance { color:#6c798d; }

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details {
  margin-top:28px;
  padding:56px;
  display:block;
  border-radius:24px;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__table {
  width:100%;
  margin:0 0 48px;
  padding:0 0 48px;
  border-bottom:1px solid var(--modtek-detail-line);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__table dl {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(360px,1fr));
  gap:0 40px;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__about h2 {
  color:var(--modtek-detail-ink);
  font-size:clamp(36px,4.5vw,64px);
  font-style:normal;
  line-height:.94;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__about h2 b { color:var(--modtek-detail-red); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__about,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__about .modtek-rich { width:100%; max-width:none; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__about .modtek-rich > p { max-width:80ch; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__table dl { border-color:var(--modtek-detail-line); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__table dl div { border-color:var(--modtek-detail-line); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__table dt { color:#7a879b; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__table dd { color:var(--modtek-detail-ink); }

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content {
  position:relative;
  z-index:1;
  margin-top:28px;
  background:transparent;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section {
  min-height:0;
  margin-top:28px;
  padding:64px;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:64px;
  border-bottom:1px solid rgba(210,220,239,.92);
  border-radius:24px;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section--center {
  max-width:none;
  display:block;
  text-align:left;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section--center .modtek-detail-section__copy { max-width:860px; margin:0 auto; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section--center .modtek-eyebrow { justify-content:flex-start; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section h2 {
  color:var(--modtek-detail-ink);
  font-size:clamp(36px,4.6vw,66px);
  font-style:normal;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-rich { color:var(--modtek-detail-copy); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-rich h1,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-rich h2,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-rich h3 { color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-rich a { color:#275fdb; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-rich img,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__lead img,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about-copy img {
  overflow:hidden;
  border:1px solid var(--modtek-detail-line);
  border-radius:14px;
  background:#fff;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode img.modtek-detail-media-unavailable { display:none !important; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section__media {
  overflow:hidden;
  border:1px solid var(--modtek-detail-line);
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#edf2fb);
  box-shadow:0 18px 42px rgba(48,62,101,.09);
}

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs {
  margin-top:28px;
  padding:64px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-left:3px solid var(--modtek-detail-red);
  border-radius:24px;
  background:
    radial-gradient(circle at 88% 15%,rgba(127,91,255,.16),transparent 30%),
    linear-gradient(145deg,#181b24,#0c0e13 80%);
  box-shadow:0 28px 60px rgba(30,35,55,.16);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs .modtek-section-heading h2 { color:#fff; -webkit-text-fill-color:initial; background:none; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs .modtek-section-heading h2 b,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs .modtek-section-heading > span { color:var(--modtek-detail-red); -webkit-text-fill-color:initial; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs dl { gap:0 56px; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs dl div { border-color:rgba(255,255,255,.12); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs dt { color:#9ba5b6; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs dd { color:#fff; }

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-assets {
  margin-top:28px;
  padding:64px;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:64px;
  border-radius:24px;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-assets h2 { color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-assets h2 b { color:var(--modtek-detail-red); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-video {
  overflow:hidden;
  border:1px solid var(--modtek-detail-line);
  border-radius:17px;
  background:#0b0d12;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-downloads { border-color:var(--modtek-detail-red); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-downloads a { color:var(--modtek-detail-ink); border-color:var(--modtek-detail-line); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-downloads small { color:#7a879b; }

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq {
  margin-top:28px;
  padding:64px;
  border-radius:24px;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq .modtek-section-heading h2 { color:var(--modtek-detail-ink); -webkit-text-fill-color:initial; background:none; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq .modtek-section-heading h2 b,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq .modtek-section-heading > span { color:var(--modtek-detail-red); -webkit-text-fill-color:initial; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq > div { max-width:900px; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq details,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq details:last-child { border-color:var(--modtek-detail-line); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq summary { min-height:64px; color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq article { color:var(--modtek-detail-copy); }

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta {
  min-height:380px;
  margin-top:28px;
  padding:72px;
  border:1px solid rgba(255,255,255,.1);
  border-left:3px solid var(--modtek-detail-red);
  border-radius:24px;
  background:
    linear-gradient(110deg,rgba(13,15,21,.98),rgba(20,21,35,.94) 66%,rgba(64,9,24,.86)),
    radial-gradient(circle at 82% 28%,rgba(127,91,255,.22),transparent 33%);
  box-shadow:0 28px 60px rgba(30,35,55,.16);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta h2 { color:#fff; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta h2 b { color:var(--modtek-detail-red); }

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-button:focus-visible,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box a:focus-visible,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__thumbs button:focus-visible,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-breadcrumb a:focus-visible,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about a:focus-visible {
  outline:3px solid rgba(39,95,219,.36);
  outline-offset:3px;
}

@media(max-width:1180px) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-layout {
    grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);
    grid-template-areas:
      "media heading"
      "media summary"
      "buy buy";
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box {
    position:relative;
    top:auto;
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:32px;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__eyebrow,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box h2,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__actions,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__assurance { grid-column:1/-1; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__actions { grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-quantity { min-height:48px; padding:0 12px; border:1px solid #d5dfed; border-radius:10px; background:rgba(255,255,255,.72); }
}

@media(max-width:820px) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-breadcrumb,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-layout,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-assets,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta { width:min(720px,calc(100% - 40px)); }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-layout,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-assets { grid-template-columns:1fr; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-layout {
    grid-template-areas:
      "media"
      "heading"
      "summary"
      "buy";
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary { padding:28px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading { padding:20px 22px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading h1 { font-size:24px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box { display:block; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__actions { display:grid; grid-template-columns:1fr; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-assets,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq { padding:44px; gap:42px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__table dl { grid-template-columns:1fr; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__table { margin-bottom:38px; padding-bottom:38px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section--media-left .modtek-detail-section__media { order:0; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs dl { grid-template-columns:1fr; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta { min-height:340px; padding:52px 44px; }
}

@media(max-width:520px) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-listing-page { padding-bottom:72px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-breadcrumb,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-layout,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-assets,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta { width:calc(100% - 28px); }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-breadcrumb { padding-top:24px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media { padding:10px; border-radius:18px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-assets,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq { padding:28px; border-radius:18px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading h1 { font-size:22px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__about h2,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section h2,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-assets h2 { font-size:36px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details { gap:34px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__table dl div { grid-template-columns:1fr; gap:5px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__table dd { text-align:left; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__technical dl div { grid-template-columns:1fr; gap:5px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__technical dd { text-align:left; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq summary { grid-template-columns:32px 1fr 24px; gap:10px; font-size:14px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq article { padding-right:0; padding-left:42px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta { min-height:300px; padding:42px 28px; border-radius:18px; }
}

@media(prefers-reduced-motion:reduce) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__image img,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__thumbs button { transition:none; animation:none; }
}

/* Compact manual entry: floats in the unused top-right space without changing
   the product details' original single-column flow. */
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card {
  position:absolute;
  z-index:2;
  top:44px;
  right:44px;
  isolation:isolate;
  width:280px;
  min-height:172px;
  padding:16px 18px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  border-radius:18px;
  background:
    radial-gradient(circle at 94% 8%,rgba(45,211,255,.35),transparent 30%),
    radial-gradient(circle at 4% 100%,rgba(127,91,255,.55),transparent 38%),
    linear-gradient(145deg,#151c38 0%,#283d8f 54%,#1366ec 100%);
  box-shadow:0 24px 52px rgba(28,54,132,.25),inset 0 1px 0 rgba(255,255,255,.22);
  text-decoration:none;
  transform:translateY(0);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-cue {
  position:absolute;
  z-index:3;
  top:130px;
  right:338px;
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
  color:var(--modtek-detail-blue);
  border:1px solid rgba(19,102,236,.38);
  border-radius:50%;
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 32px rgba(38,73,151,.23),inset 0 1px 0 #fff;
  pointer-events:none;
  transform:translateY(-50%);
  transition:color .22s ease,transform .22s ease,box-shadow .22s ease;
  animation:modtek-manual-cue-pulse 1.8s ease-in-out infinite;
  will-change:transform,opacity;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-cue svg {
  position:relative;
  z-index:1;
  width:30px;
  height:30px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-cue::before {
  content:"";
  position:absolute;
  z-index:0;
  top:-15%;
  bottom:-15%;
  left:0;
  width:18px;
  background:linear-gradient(90deg,transparent,rgba(88,205,255,.72),rgba(255,255,255,.95),transparent);
  filter:blur(1px);
  opacity:0;
  transform:translateX(-34px) skewX(-16deg);
  animation:modtek-manual-cue-shimmer 1.8s ease-in-out infinite;
}
@keyframes modtek-manual-cue-pulse {
  0%,15%,100% { opacity:.62; transform:translate(-5px,-50%); }
  45% { opacity:1; transform:translate(6px,-50%); }
  72% { opacity:.86; transform:translate(1px,-50%); }
}
@keyframes modtek-manual-cue-shimmer {
  0%,18% { opacity:0; transform:translateX(-34px) skewX(-16deg); }
  38% { opacity:.9; }
  62%,100% { opacity:0; transform:translateX(76px) skewX(-16deg); }
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details:has(.modtek-listing-manual-card:hover) .modtek-listing-manual-cue,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details:has(.modtek-listing-manual-card:focus-visible) .modtek-listing-manual-cue {
  color:var(--modtek-detail-cyan);
  box-shadow:0 14px 30px rgba(38,73,151,.24),inset 0 1px 0 #fff;
  animation:none;
  opacity:1;
  transform:translate(5px,-50%);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card::before,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card::after {
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card::before {
  top:-72px;
  right:-58px;
  width:190px;
  height:190px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:42px;
  transform:rotate(28deg);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card::after {
  right:30px;
  bottom:25px;
  width:72px;
  height:3px;
  background:linear-gradient(90deg,#fff,rgba(255,255,255,0));
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card__top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card__top i {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.24);
  border-radius:12px;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card svg {
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card__top b {
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  background:rgba(14,26,69,.22);
  font-size:8px;
  letter-spacing:.14em;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card__eyebrow {
  margin-top:13px;
  color:#bfe8ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.18em;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card h3 {
  margin:4px 0 0;
  color:#fff;
  font-size:20px;
  font-weight:820;
  line-height:.96;
  letter-spacing:-.05em;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card h3 strong { color:#7fe5ff; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card em {
  min-height:34px;
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.2);
  font-size:10px;
  font-style:normal;
  font-weight:850;
  letter-spacing:.13em;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card em svg {
  width:20px;
  height:20px;
  transition:transform .22s ease;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card:hover {
  color:#fff;
  border-color:rgba(255,255,255,.46);
  box-shadow:0 30px 64px rgba(28,54,132,.34),inset 0 1px 0 rgba(255,255,255,.28);
  transform:translateY(-4px);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card:hover em svg { transform:translateX(4px); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card:focus-visible {
  outline:3px solid #171b24;
  outline-offset:4px;
}

@media(max-width:1100px) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-cue { display:none; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card {
    position:relative;
    top:auto;
    right:auto;
    width:min(100%,420px);
    min-height:172px;
    margin-top:32px;
  }
}

@media(max-width:520px) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card {
    width:100%;
    min-height:172px;
    padding:16px 18px;
    border-radius:16px;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card__eyebrow { margin-top:13px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card h3 { font-size:20px; }
}

@media(prefers-reduced-motion:reduce) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-cue,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card em svg { transition:none; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-cue,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-cue::before { animation:none; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-cue { opacity:1; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-manual-card:hover { transform:none; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details:has(.modtek-listing-manual-card:hover) .modtek-listing-manual-cue,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details:has(.modtek-listing-manual-card:focus-visible) .modtek-listing-manual-cue { transform:translateY(-50%); }
}

/* Member centre — the same light blue-violet cloud language as Products. */
body.orders-page main {
  min-height:calc(100vh - 160px);
  overflow:hidden;
  background:
    radial-gradient(circle at 6% 8%,rgba(64,150,255,.20),transparent 27%),
    radial-gradient(circle at 91% 14%,rgba(127,91,255,.18),transparent 29%),
    radial-gradient(circle at 55% 92%,rgba(8,168,245,.08),transparent 32%),
    linear-gradient(135deg,#eef7ff 0%,#fbfaff 48%,#f2f0ff 100%);
}
.member-page { position:relative; isolation:isolate; min-height:760px; padding:64px 24px 88px; }
.member-page::before,.member-page::after {
  position:absolute; z-index:-1; border:1px solid rgba(100,105,244,.12); border-radius:42px;
  background:linear-gradient(135deg,rgba(255,255,255,.52),rgba(136,164,255,.06)); content:""; transform:rotate(24deg);
}
.member-page::before { top:-240px; right:5%; width:430px; height:430px; }
.member-page::after { bottom:-250px; left:2%; width:390px; height:390px; transform:rotate(-20deg); }
.member-page svg,.member-loading svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.member-eyebrow { margin:0 0 12px; color:#356fe2; font-size:12px; font-weight:800; letter-spacing:.16em; }
.member-auth-shell {
  display:grid; grid-template-columns:minmax(0,.94fr) minmax(440px,.78fr); width:min(1120px,100%); min-height:680px; margin:0 auto;
  overflow:hidden; border:1px solid rgba(103,130,186,.22); border-radius:30px; background:rgba(255,255,255,.78);
  box-shadow:0 34px 90px rgba(45,75,139,.16),inset 0 1px 0 rgba(255,255,255,.92); backdrop-filter:blur(22px) saturate(140%);
}
.member-auth-story {
  position:relative; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; padding:64px;
  background:
    radial-gradient(circle at 92% 10%,rgba(8,168,245,.27),transparent 29%),
    radial-gradient(circle at 13% 95%,rgba(127,91,255,.42),transparent 42%),
    linear-gradient(135deg,#16244e 0%,#28245f 55%,#16326d 100%); color:#fff;
}
.member-auth-story::before { position:absolute; top:-150px; right:-130px; width:350px; height:350px; border:1px solid rgba(143,195,255,.2); border-radius:48px; content:""; transform:rotate(28deg); }
.member-auth-story::after { position:absolute; right:28px; bottom:28px; width:180px; height:180px; border:1px solid rgba(255,255,255,.08); border-radius:50%; content:""; }
.member-auth-story > * { position:relative; z-index:1; }
.member-story-icon { display:grid; width:52px; height:52px; margin-bottom:42px; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:16px; background:rgba(255,255,255,.08); box-shadow:inset 0 1px 0 rgba(255,255,255,.16); color:#83d5ff; }
.member-story-icon svg { width:26px; height:26px; }
.member-auth-story .member-eyebrow { color:#83d5ff; }
.member-auth-story h1 { margin:0; color:#fff; font-size:clamp(45px,5vw,68px); font-weight:650; letter-spacing:-.065em; line-height:.98; }
.member-auth-story h1 em { color:#a997ff; font-style:normal; }
.member-auth-story > div > p:last-child { max-width:500px; margin:26px 0 0; color:rgba(231,239,255,.74); font-size:16px; line-height:1.75; }
.member-auth-story ul { display:grid; gap:18px; margin:48px 0 0; padding:0; list-style:none; }
.member-auth-story li { display:grid; grid-template-columns:38px 1fr; gap:14px; align-items:start; padding-top:17px; border-top:1px solid rgba(255,255,255,.12); }
.member-auth-story li > b { color:#83d5ff; font-size:11px; letter-spacing:.12em; }
.member-auth-story li span { display:grid; gap:4px; color:rgba(231,239,255,.63); font-size:13px; line-height:1.5; }
.member-auth-story li strong { color:#fff; font-size:14px; font-weight:700; }
.member-auth-card { display:grid; align-items:center; padding:54px 58px; background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(248,249,255,.78)); }
.member-form { display:grid; gap:19px; width:100%; max-width:470px; margin:auto; }
.member-form-head { margin-bottom:5px; }
.member-form-head > span { color:#6d5ce8; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.member-form-head h2 { margin:8px 0 8px; color:var(--product-ink); font-size:34px; font-weight:680; letter-spacing:-.045em; }
.member-form-head p { margin:0; color:#6c7687; font-size:14px; line-height:1.65; }
.member-form label,.member-panel label { display:grid; gap:8px; min-width:0; color:#3f4856; font-size:13px; font-weight:700; }
.member-form label > span:first-child,.member-panel label > span:first-child { display:flex; justify-content:space-between; align-items:center; }
.member-form label small,.member-panel label small { color:#8a94a4; font-size:11px; font-weight:500; line-height:1.5; }
.member-form input:not([type="checkbox"]),.member-panel input:not([type="checkbox"]) {
  width:100%; height:50px; padding:0 15px; border:1px solid rgba(99,120,160,.24); border-radius:12px; outline:0;
  background:rgba(255,255,255,.82); box-shadow:inset 0 1px 2px rgba(28,48,85,.035); color:#202632; font:500 15px/1 inherit; transition:border-color .2s,box-shadow .2s,background .2s;
}
.member-form input:not([type="checkbox"]):hover,.member-panel input:not([type="checkbox"]):hover { border-color:rgba(69,105,178,.42); }
.member-form input:not([type="checkbox"]):focus,.member-panel input:not([type="checkbox"]):focus { border-color:#4c75eb; background:#fff; box-shadow:0 0 0 4px rgba(72,102,225,.11); }
.member-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.member-password { position:relative; display:block !important; }
.member-password input { padding-right:64px !important; }
.member-password button { position:absolute; top:7px; right:7px; height:36px; padding:0 11px; border:0; border-radius:8px; background:#f0f4ff; color:#3565ce; font-size:12px; font-weight:750; cursor:pointer; }
.member-check { display:flex !important; grid-template-columns:18px 1fr; gap:10px !important; align-items:flex-start; font-weight:500 !important; line-height:1.45; cursor:pointer; }
.member-check input { width:17px; height:17px; margin:1px 0 0; accent-color:#4e66df; }
.member-form-row { display:flex; justify-content:space-between; gap:18px; align-items:center; }
.member-form-row .member-check { flex:1; }
.member-link,.member-switch button { padding:0; border:0; background:transparent; color:#365fd0; font:700 13px/1.4 inherit; cursor:pointer; }
.member-link:hover,.member-switch button:hover { color:#704ee3; text-decoration:underline; text-underline-offset:3px; }
.member-primary {
  display:flex; min-height:52px; align-items:center; justify-content:center; gap:12px; padding:0 22px; border:0; border-radius:12px;
  background:linear-gradient(112deg,#7055e8,#3f65dd 52%,#2587e7); box-shadow:0 13px 28px rgba(66,83,208,.23); color:#fff !important;
  font:750 14px/1 inherit; text-decoration:none; cursor:pointer; transition:transform .2s,box-shadow .2s,filter .2s;
}
.member-primary:hover { transform:translateY(-2px); box-shadow:0 17px 32px rgba(66,83,208,.29); filter:saturate(1.08); }
.member-primary:disabled { cursor:wait; opacity:.66; transform:none; }
.member-primary.is-loading svg { animation:memberPulse .8s ease-in-out infinite alternate; }
.member-primary svg { width:19px; height:19px; }
.member-switch { margin:0; color:#7a8495; font-size:13px; text-align:center; }
.member-alert { padding:12px 14px; border:1px solid; border-radius:11px; font-size:13px; font-weight:600; line-height:1.5; }
.member-alert.is-error { border-color:rgba(206,70,100,.24); background:#fff3f6; color:#a62749; }
.member-alert.is-success { border-color:rgba(29,153,118,.2); background:#effbf7; color:#14765d; }
.member-honeypot { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

.member-loading { display:grid; min-height:720px; place-content:center; justify-items:center; gap:12px; padding:40px; text-align:center; background:linear-gradient(135deg,#eef7ff,#fbfaff 50%,#f2f0ff); }
.member-loading > span { width:46px; height:46px; margin-bottom:8px; border:3px solid rgba(91,99,222,.14); border-top-color:#5c62df; border-radius:50%; animation:memberSpin .9s linear infinite; }
.member-loading h1 { margin:0; color:#222633; font-size:28px; letter-spacing:-.035em; }
.member-loading p { margin:0; color:#738095; font-size:14px; }
@keyframes memberSpin { to { transform:rotate(360deg); } }
@keyframes memberPulse { to { transform:translateX(4px); } }

.member-account { width:min(1240px,100%); margin:0 auto; }
.member-account-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:36px; align-items:end; margin-bottom:26px; padding:8px 12px; }
.member-account-hero h1 { margin:0; color:#1e222c; font-size:clamp(38px,4.8vw,60px); font-weight:650; letter-spacing:-.06em; line-height:1; }
.member-account-hero h1 em { color:#7659e7; font-style:normal; }
.member-account-hero > div:first-child > p:last-child { margin:16px 0 0; color:#687488; font-size:15px; }
.member-metrics { display:flex; overflow:hidden; border:1px solid rgba(99,124,175,.18); border-radius:17px; background:rgba(255,255,255,.58); box-shadow:0 14px 36px rgba(63,88,137,.08); backdrop-filter:blur(16px); }
.member-metrics span { display:grid; min-width:130px; gap:6px; padding:20px 23px; border-left:1px solid rgba(99,124,175,.14); }
.member-metrics span:first-child { border-left:0; }
.member-metrics small { color:#7b879a; font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.member-metrics b { overflow:hidden; color:#222837; font-size:20px; text-overflow:ellipsis; white-space:nowrap; }
.member-account-shell { display:grid; grid-template-columns:270px minmax(0,1fr); min-height:610px; overflow:hidden; border:1px solid rgba(100,126,181,.2); border-radius:26px; background:rgba(255,255,255,.7); box-shadow:0 28px 74px rgba(45,75,139,.13),inset 0 1px 0 #fff; backdrop-filter:blur(20px) saturate(135%); }
.member-sidebar { display:flex; flex-direction:column; padding:28px 20px; border-right:1px solid rgba(94,121,174,.16); background:linear-gradient(160deg,rgba(246,249,255,.94),rgba(240,238,255,.72)); }
.member-identity { display:flex; gap:12px; align-items:center; padding:5px 8px 25px; border-bottom:1px solid rgba(93,120,174,.14); }
.member-identity > span { display:grid; width:43px; height:43px; flex:0 0 43px; place-items:center; border-radius:13px; background:linear-gradient(135deg,#7459e8,#287ee5); box-shadow:0 10px 22px rgba(79,84,206,.22); color:#fff; font-weight:800; }
.member-identity div { display:grid; min-width:0; gap:3px; }
.member-identity strong,.member-identity small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.member-identity strong { color:#242a36; font-size:14px; }
.member-identity small { color:#7b8594; font-size:11px; }
.member-sidebar nav { display:grid; gap:7px; margin-top:24px; }
.member-sidebar nav button { display:grid; grid-template-columns:23px 1fr auto; min-height:48px; gap:12px; align-items:center; padding:0 14px; border:0; border-radius:12px; background:transparent; color:#667184; font:700 13px/1 inherit; text-align:left; cursor:pointer; transition:.2s ease; }
.member-sidebar nav button:hover { background:rgba(255,255,255,.65); color:#315ccb; }
.member-sidebar nav button.is-active { background:#fff; box-shadow:0 9px 25px rgba(55,81,139,.1); color:#455bd1; }
.member-sidebar nav svg { width:20px; height:20px; }
.member-sidebar nav b { display:grid; min-width:24px; height:22px; padding:0 6px; place-items:center; border-radius:999px; background:#eef2ff; color:#5364d6; font-size:10px; }
.member-signout { margin-top:auto; min-height:44px; border:1px solid rgba(96,118,161,.17); border-radius:11px; background:rgba(255,255,255,.55); color:#697488; font-weight:700; cursor:pointer; }
.member-signout:hover { border-color:rgba(201,72,100,.25); background:#fff4f6; color:#ad3150; }
.member-account-content { min-width:0; padding:34px; }
.member-order-list { display:grid; gap:18px; }
.member-order { overflow:hidden; border:1px solid rgba(92,119,174,.17); border-radius:18px; background:rgba(255,255,255,.83); box-shadow:0 12px 34px rgba(54,82,140,.07); }
.member-order > header { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:22px 24px; border-bottom:1px solid rgba(91,117,167,.12); background:linear-gradient(110deg,rgba(242,247,255,.84),rgba(249,247,255,.76)); }
.member-order > header span:first-child { color:#8a94a4; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.member-order h2 { margin:4px 0 0; color:#242a36; font-size:18px; letter-spacing:-.02em; }
.member-order-statuses { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.member-status { display:inline-flex; align-items:center; gap:7px; min-height:28px; padding:0 10px; border:1px solid rgba(80,111,170,.16); border-radius:999px; background:#f2f6ff; color:#4b6597; font-size:10px; font-weight:750; text-transform:none; }
.member-status i { width:6px; height:6px; border-radius:50%; background:#5e78e6; box-shadow:0 0 0 3px rgba(94,120,230,.1); }
.member-status--delivered,.member-status--paid { border-color:rgba(29,153,118,.17); background:#effbf7; color:#14765d; }
.member-status--delivered i,.member-status--paid i { background:#24a47e; }
.member-status--cancelled,.member-status--refunded { border-color:rgba(206,70,100,.18); background:#fff3f6; color:#a62749; }
.member-status--cancelled i,.member-status--refunded i { background:#d84c70; }
.member-order-meta { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:19px 24px; border-bottom:1px solid rgba(91,117,167,.11); }
.member-order-meta span { display:grid; gap:4px; padding-left:20px; border-left:1px solid rgba(91,117,167,.12); }
.member-order-meta span:first-child { padding-left:0; border-left:0; }
.member-order-meta small { color:#8a94a4; font-size:10px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }
.member-order-meta b { overflow:hidden; color:#3c4553; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.member-order-lines { display:grid; padding:5px 24px; }
.member-order-lines > div { display:grid; grid-template-columns:42px 1fr auto; gap:13px; align-items:center; min-height:72px; border-bottom:1px solid rgba(91,117,167,.1); }
.member-order-lines > div:last-child { border-bottom:0; }
.member-line-mark { display:grid; width:38px; height:38px; place-items:center; border-radius:10px; background:linear-gradient(145deg,#edf5ff,#f0edff); color:#5668d9; font-size:10px; font-weight:850; }
.member-order-lines > div > span:nth-child(2) { display:grid; gap:4px; min-width:0; }
.member-order-lines strong { overflow:hidden; color:#303744; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.member-order-lines small { color:#8a94a4; font-size:11px; }
.member-order-lines b { color:#323b49; font-size:13px; }
.member-order > footer { display:flex; justify-content:space-between; gap:18px; align-items:center; padding:16px 24px; background:rgba(248,250,255,.74); color:#8a94a4; font-size:11px; }
.member-order > footer a { display:flex; gap:7px; align-items:center; color:#4564d4; font-size:12px; font-weight:750; text-decoration:none; }
.member-order > footer svg { width:16px; height:16px; }
.member-empty { display:grid; min-height:500px; place-content:center; justify-items:center; padding:48px; text-align:center; }
.member-empty > span { display:grid; width:70px; height:70px; margin-bottom:20px; place-items:center; border:1px solid rgba(93,115,190,.15); border-radius:22px; background:linear-gradient(145deg,#edf6ff,#f1edff); color:#5969de; box-shadow:0 15px 40px rgba(63,88,145,.1); }
.member-empty > span svg { width:30px; height:30px; }
.member-empty h2 { margin:0; color:#252b37; font-size:27px; letter-spacing:-.035em; }
.member-empty p { max-width:490px; margin:13px 0 25px; color:#738095; font-size:14px; line-height:1.7; }
.member-empty .member-primary { min-width:190px; }
.member-panel { display:grid; gap:21px; max-width:760px; }
.member-panel-head { display:flex; justify-content:space-between; gap:28px; align-items:flex-start; padding-bottom:24px; border-bottom:1px solid rgba(93,119,171,.14); }
.member-panel-head h2 { margin:0; color:#252b37; font-size:28px; letter-spacing:-.04em; }
.member-panel-head p:last-child { margin:8px 0 0; color:#778295; font-size:13px; line-height:1.6; }
.member-readonly { display:flex; max-width:280px; gap:8px; align-items:center; padding:10px 12px; border:1px solid rgba(91,112,163,.14); border-radius:10px; background:#f7f9fd; color:#637087; font-size:11px; word-break:break-all; }
.member-readonly svg { width:16px; height:16px; flex:0 0 16px; }
.member-security-mark { display:grid; width:48px; height:48px; place-items:center; border-radius:14px; background:linear-gradient(145deg,#eef6ff,#efebff); color:#5a62db; }
.member-security-form { max-width:680px; }
.member-verification { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; align-items:center; padding:20px; border:1px solid rgba(83,112,178,.16); border-radius:16px; background:linear-gradient(125deg,rgba(238,247,255,.9),rgba(247,244,255,.86)); box-shadow:0 12px 34px rgba(67,89,145,.07); }
.member-verification-main { display:flex; min-width:0; gap:16px; align-items:flex-start; }
.member-verification-icon { display:grid; width:44px; height:44px; flex:0 0 44px; place-items:center; border:1px solid rgba(85,108,193,.15); border-radius:13px; background:rgba(255,255,255,.74); color:#5363da; }
.member-verification-icon svg { width:21px; height:21px; }
.member-verification-status { display:inline-flex; min-height:24px; gap:7px; align-items:center; padding:0 9px; border:1px solid rgba(179,126,27,.17); border-radius:999px; background:#fff8e8; color:#8a5b0b; font-size:10px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.member-verification-status i { width:6px; height:6px; border-radius:50%; background:#d5921d; box-shadow:0 0 0 3px rgba(213,146,29,.12); }
.member-verification.is-verified .member-verification-status { border-color:rgba(29,153,118,.18); background:#effbf7; color:#14765d; }
.member-verification.is-verified .member-verification-status i { background:#24a47e; box-shadow:0 0 0 3px rgba(36,164,126,.11); }
.member-verification h3,.member-security-section-head h3 { margin:9px 0 0; color:#252b37; font-size:18px; letter-spacing:-.025em; }
.member-verification strong { display:block; margin-top:5px; color:#455168; font-size:12px; font-weight:700; word-break:break-all; }
.member-verification-main p { max-width:470px; margin:8px 0 0; color:#6f7b8f; font-size:12px; line-height:1.65; }
.member-verification-date { margin:0; color:#397b68; font-size:11px; font-weight:750; white-space:nowrap; }
.member-secondary { display:inline-flex; min-height:44px; gap:8px; align-items:center; justify-content:center; padding:0 15px; border:1px solid rgba(69,90,187,.23); border-radius:11px; background:rgba(255,255,255,.82); color:#4658c9; font-size:12px; font-weight:780; cursor:pointer; white-space:nowrap; transition:border-color .2s,background .2s,box-shadow .2s,color .2s; }
.member-secondary svg { width:17px; height:17px; }
.member-secondary:hover { border-color:rgba(67,86,194,.4); background:#fff; box-shadow:0 8px 22px rgba(70,83,165,.1); color:#3547bd; }
.member-secondary:focus-visible { outline:0; border-color:#4c75eb; box-shadow:0 0 0 4px rgba(72,102,225,.12); }
.member-secondary:disabled { cursor:wait; opacity:.58; }
.member-secondary.is-loading svg { animation:memberPulse .8s ease-in-out infinite alternate; }
.member-password-section { display:grid; gap:21px; padding-top:3px; }
.member-security-section-head { padding:3px 0 1px; }
.member-security-section-head h3 { margin:0; }
.member-security-section-head p { margin:6px 0 0; color:#778295; font-size:12px; line-height:1.6; }
.member-span-2 { grid-column:1/-1; }
.member-check--panel { padding:3px 0; }
.member-panel .member-primary { width:max-content; min-width:180px; }

@media(max-width:1050px) {
  .member-auth-shell { grid-template-columns:minmax(0,.85fr) minmax(420px,1fr); }
  .member-auth-story { padding:46px; }
  .member-auth-card { padding:46px 42px; }
  .member-account-hero { grid-template-columns:1fr; }
  .member-metrics { width:max-content; max-width:100%; }
}
@media(max-width:820px) {
  .member-page { padding:34px 20px 64px; }
  .member-auth-shell { grid-template-columns:1fr; }
  .member-auth-story { min-height:410px; }
  .member-auth-story h1 { font-size:48px; }
  .member-auth-story ul { grid-template-columns:repeat(3,1fr); gap:12px; }
  .member-auth-story li { grid-template-columns:1fr; }
  .member-account-shell { grid-template-columns:1fr; }
  .member-sidebar { border-right:0; border-bottom:1px solid rgba(94,121,174,.16); }
  .member-sidebar nav { grid-template-columns:repeat(3,1fr); }
  .member-sidebar nav button { grid-template-columns:22px 1fr auto; }
  .member-signout { margin-top:20px; }
}
@media(max-width:560px) {
  .member-page { min-height:650px; padding:20px 14px 48px; }
  .member-auth-shell,.member-account-shell { border-radius:20px; }
  .member-auth-story { min-height:360px; padding:34px 28px; }
  .member-story-icon { width:44px; height:44px; margin-bottom:26px; }
  .member-auth-story h1 { font-size:39px; }
  .member-auth-story > div > p:last-child { margin-top:18px; font-size:14px; }
  .member-auth-story ul { display:none; }
  .member-auth-card { padding:36px 24px; }
  .member-form-grid { grid-template-columns:1fr; }
  .member-form input:not([type="checkbox"]),.member-panel input:not([type="checkbox"]) { font-size:16px; }
  .member-form-row { align-items:flex-start; }
  .member-account-hero { margin-bottom:18px; padding:4px; }
  .member-account-hero h1 { font-size:40px; }
  .member-metrics { display:grid; grid-template-columns:repeat(3,1fr); width:100%; }
  .member-metrics span { min-width:0; padding:14px 10px; }
  .member-metrics b { font-size:14px; }
  .member-sidebar { padding:22px 14px 14px; }
  .member-sidebar nav { grid-template-columns:1fr; gap:5px; }
  .member-signout { margin-top:12px; }
  .member-account-content { padding:18px 14px 24px; }
  .member-order > header,.member-order > footer { align-items:flex-start; padding:18px; }
  .member-order > header { display:grid; }
  .member-order-statuses { justify-content:flex-start; }
  .member-order-meta { grid-template-columns:1fr; gap:12px; padding:16px 18px; }
  .member-order-meta span { padding:0 0 12px; border:0; border-bottom:1px solid rgba(91,117,167,.1); }
  .member-order-meta span:last-child { padding-bottom:0; border-bottom:0; }
  .member-order-lines { padding:4px 18px; }
  .member-order-lines > div { grid-template-columns:38px minmax(0,1fr); }
  .member-order-lines > div > b { grid-column:2; padding-bottom:12px; }
  .member-order > footer { display:grid; }
  .member-panel-head { display:grid; gap:16px; }
  .member-verification { grid-template-columns:1fr; padding:18px; }
  .member-verification .member-secondary { width:100%; }
  .member-verification-date { padding-left:60px; }
  .member-readonly { max-width:100%; }
  .member-panel .member-form-grid { grid-template-columns:1fr; }
  .member-span-2 { grid-column:auto; }
  .member-panel .member-primary { width:100%; }
  .member-empty { min-height:400px; padding:32px 18px; }
}
@media(prefers-reduced-motion:reduce) {
  .member-loading > span { animation:none; }
  .member-primary,.member-secondary,.member-form input,.member-panel input,.member-sidebar nav button { transition:none !important; }
  .member-primary:hover { transform:none; }
}

/* MODTEK product detail — Hexblue light blue-violet visual layer.
   Structural grids, dimensions and content order intentionally remain untouched. */
body.modtek-mode.modtek-brand-mode.modtek-detail-mode {
  --modtek-detail-ink:#1a2030;
  --modtek-detail-copy:#606d83;
  --modtek-detail-line:rgba(86,116,174,.18);
  --modtek-detail-card:rgba(255,255,255,.82);
  --modtek-detail-red:#5f63f2;
  --modtek-detail-blue:#1366ec;
  --modtek-detail-cyan:#08a8f5;
  --modtek-detail-violet:#7f5bff;
  --modtek-logo-red:#e60019;
  --modtek-logo-black:#11141b;
  background:#f7f9ff;
  color:var(--modtek-detail-ink);
  font-family:Inter,"Noto Sans SC","PingFang SC","Segoe UI","Microsoft YaHei",Arial,sans-serif;
}

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .site-header {
  border-bottom-color:rgba(83,112,170,.14);
  background:
    radial-gradient(circle at 53% 0,rgba(127,91,255,.09),transparent 34%),
    rgba(250,252,255,.86);
  box-shadow:0 10px 34px rgba(43,75,140,.055),inset 0 -1px 0 rgba(255,255,255,.75);
  backdrop-filter:blur(22px) saturate(145%);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar {
  color:var(--modtek-detail-ink);
  font-family:inherit;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar a { color:#46536a; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar a:hover { color:var(--modtek-detail-blue); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar__name {
  color:var(--modtek-detail-ink);
  font-style:normal;
  text-shadow:none;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar__name::before {
  display:inline-block;
  background:linear-gradient(135deg,var(--modtek-detail-violet),var(--modtek-detail-blue) 58%,var(--modtek-detail-cyan));
  box-shadow:0 5px 14px rgba(78,92,239,.25);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar__name small { color:#7a88a0; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar__contact {
  border-color:transparent;
  background:
    linear-gradient(110deg,var(--modtek-detail-violet),var(--modtek-detail-blue) 60%,var(--modtek-detail-cyan)) padding-box,
    linear-gradient(110deg,var(--modtek-detail-violet),var(--modtek-detail-cyan)) border-box;
  box-shadow:0 10px 24px rgba(53,87,218,.18);
  color:#fff;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar a.modtek-topbar__contact { color:#fff; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar__contact:hover {
  border-color:transparent;
  background:
    linear-gradient(110deg,#735dff,#0c76ee 60%,#08b5e9) padding-box,
    linear-gradient(110deg,var(--modtek-detail-violet),var(--modtek-detail-cyan)) border-box;
  box-shadow:0 14px 30px rgba(53,87,218,.25);
  color:#fff;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar a.modtek-topbar__contact:hover { color:#fff; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar__contact b { color:#fff; }

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-listing-page {
  background:
    radial-gradient(circle at 91% 3%,rgba(127,91,255,.18),transparent 27%),
    radial-gradient(circle at 4% 27%,rgba(35,148,255,.15),transparent 29%),
    radial-gradient(circle at 82% 72%,rgba(8,168,245,.08),transparent 30%),
    linear-gradient(180deg,#f9fbff 0%,#f1f6ff 47%,#f8faff 100%);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-listing-page::before {
  background-image:
    linear-gradient(rgba(74,106,172,.038) 1px,transparent 1px),
    linear-gradient(90deg,rgba(74,106,172,.038) 1px,transparent 1px);
  background-size:64px 64px;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-breadcrumb { color:#78869d; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-breadcrumb a { color:#27334a; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-breadcrumb a:hover { color:var(--modtek-detail-blue); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-breadcrumb span:last-child { color:#8190a7; }

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-assets,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq {
  border-color:transparent;
  background:
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(246,249,255,.84)) padding-box,
    linear-gradient(135deg,rgba(127,91,255,.42),rgba(19,102,236,.27) 55%,rgba(8,168,245,.38)) border-box;
  box-shadow:0 22px 58px rgba(48,76,141,.10),inset 0 1px 0 rgba(255,255,255,.94);
  backdrop-filter:blur(19px) saturate(132%);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading {
  background:
    radial-gradient(circle at 92% 0,rgba(127,91,255,.16),transparent 31%) padding-box,
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(243,247,255,.87)) padding-box,
    linear-gradient(180deg,var(--modtek-detail-violet),var(--modtek-detail-blue) 55%,var(--modtek-detail-cyan)) border-box;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading__brand,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__brand,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__eyebrow,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-eyebrow,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__about > p,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__table > p {
  color:var(--modtek-detail-blue);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading h1 {
  color:var(--modtek-detail-ink);
  font-family:inherit;
  font-weight:780;
  letter-spacing:-.038em;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading__model {
  color:#53647e;
  border-color:rgba(83,114,177,.18);
  background:linear-gradient(110deg,rgba(127,91,255,.08),rgba(19,102,236,.07),rgba(8,168,245,.08));
}

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media {
  background:
    linear-gradient(145deg,rgba(255,255,255,.95),rgba(244,248,255,.87)) padding-box,
    linear-gradient(135deg,rgba(127,91,255,.35),rgba(19,102,236,.22),rgba(8,168,245,.34)) border-box;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__video,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__image,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__empty {
  border-color:rgba(91,121,179,.16);
  background:
    radial-gradient(circle at 82% 8%,rgba(127,91,255,.11),transparent 30%),
    linear-gradient(145deg,#fff,#edf4ff);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__status {
  border-left-color:var(--modtek-detail-blue);
  background:rgba(29,41,75,.82);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__thumbs button {
  color:#44516a;
  border-color:rgba(88,119,178,.2);
  background:rgba(255,255,255,.86);
  box-shadow:0 8px 18px rgba(47,75,137,.06);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__thumbs button:hover {
  border-color:rgba(19,102,236,.48);
  box-shadow:0 10px 22px rgba(45,87,184,.12);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__thumbs button.is-active {
  border-color:var(--modtek-detail-violet);
  box-shadow:0 0 0 2px rgba(127,91,255,.13),0 10px 23px rgba(55,84,176,.14);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__thumbs button[data-modtek-media-image].is-active {
  border-color:#1688f8;
  box-shadow:0 0 0 2px rgba(22,136,248,.18),0 10px 24px rgba(20,100,230,.21);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__thumbs .modtek-listing-media__page-button {
  color:var(--modtek-detail-blue);
  border-style:dashed;
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(234,242,255,.9));
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__thumbs .modtek-listing-media__page-button span { color:var(--modtek-detail-violet); }

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__lead {
  color:var(--modtek-detail-copy);
  border-color:var(--modtek-detail-line);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-price strong { color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-price > span,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-price del,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-price small { color:#75839a; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-price b {
  background:linear-gradient(110deg,var(--modtek-detail-violet),var(--modtek-detail-blue),var(--modtek-detail-cyan));
  box-shadow:0 7px 15px rgba(68,88,221,.18);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__rules {
  color:#637189;
  border-color:var(--modtek-detail-line);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__rules span::first-letter { color:var(--modtek-detail-violet); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about h2,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__lead h2,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__lead h3,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about-copy h2,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about-copy h3 { color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about p,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about-copy { color:var(--modtek-detail-copy); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about a,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__label,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__lead a,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about-copy a { color:var(--modtek-detail-blue); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about a b,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__label b { color:var(--modtek-detail-violet); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__technical {
  border-top-color:var(--modtek-detail-line);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__technical > p { color:var(--modtek-detail-blue); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__technical dl,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__technical dl div { border-color:var(--modtek-detail-line); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__technical dt { color:#748198; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__technical dd { color:var(--modtek-detail-ink); }

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box {
  border-color:transparent;
  background:
    radial-gradient(circle at 100% 0,rgba(127,91,255,.16),transparent 38%) padding-box,
    radial-gradient(circle at 0 100%,rgba(8,168,245,.10),transparent 42%) padding-box,
    linear-gradient(145deg,rgba(255,255,255,.97),rgba(244,248,255,.91)) padding-box,
    linear-gradient(180deg,var(--modtek-detail-violet),var(--modtek-detail-blue) 58%,var(--modtek-detail-cyan)) border-box;
  box-shadow:0 24px 56px rgba(47,70,139,.13),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(19px) saturate(135%);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box::after {
  background:linear-gradient(90deg,transparent,var(--modtek-detail-violet),var(--modtek-detail-cyan));
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box h2 { color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__stock,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__shipping,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__assurance { border-color:var(--modtek-detail-line); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__stock span,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__shipping span,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__assurance { color:#64738a; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__assurance span::before { color:var(--modtek-detail-blue); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-quantity { color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-quantity input {
  color:var(--modtek-detail-ink);
  border-color:rgba(88,118,175,.22);
  background:rgba(255,255,255,.84);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-quantity input:focus {
  border-color:rgba(19,102,236,.56);
  outline:0;
  box-shadow:0 0 0 4px rgba(19,102,236,.09);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-button,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__actions > a {
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-button--cart {
  border-color:transparent;
  background:linear-gradient(110deg,var(--modtek-detail-violet),var(--modtek-detail-blue) 58%,var(--modtek-detail-cyan));
  box-shadow:0 12px 26px rgba(47,83,214,.23);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-button--now {
  color:#34425a;
  border-color:rgba(19,102,236,.42);
  background:rgba(255,255,255,.76);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-button--quote,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__actions > a {
  color:#34425a;
  border-color:rgba(87,115,172,.25);
  background:linear-gradient(110deg,rgba(127,91,255,.07),rgba(19,102,236,.07),rgba(8,168,245,.08));
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-button:hover,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__actions > a:hover {
  transform:translateY(-2px);
  border-color:rgba(95,99,242,.52);
  box-shadow:0 14px 28px rgba(49,82,190,.17);
  filter:none;
}

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__about h2,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section h2,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-assets h2,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq .modtek-section-heading h2 {
  color:var(--modtek-detail-ink);
  font-family:inherit;
  font-style:normal;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__about h2 b,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section h2 b,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-assets h2 b,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq .modtek-section-heading h2 b {
  background:linear-gradient(100deg,var(--modtek-detail-violet),var(--modtek-detail-blue) 56%,var(--modtek-detail-cyan));
  background-clip:text;
  color:transparent;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-rich { color:var(--modtek-detail-copy); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-rich h1,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-rich h2,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-rich h3 { color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-rich a { color:var(--modtek-detail-blue); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-rich img,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__lead img,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about-copy img,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-detail-section__media {
  border-color:rgba(87,117,175,.18);
  background:linear-gradient(145deg,#fff,#edf4ff);
  box-shadow:0 18px 42px rgba(46,74,139,.09);
}

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs {
  border-color:transparent;
  background:
    radial-gradient(circle at 90% 7%,rgba(127,91,255,.18),transparent 30%) padding-box,
    radial-gradient(circle at 4% 100%,rgba(8,168,245,.11),transparent 34%) padding-box,
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(240,246,255,.88)) padding-box,
    linear-gradient(180deg,var(--modtek-detail-violet),var(--modtek-detail-blue) 55%,var(--modtek-detail-cyan)) border-box;
  box-shadow:0 25px 58px rgba(47,74,144,.12),inset 0 1px 0 rgba(255,255,255,.96);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs .modtek-section-heading h2 {
  color:var(--modtek-detail-ink);
  background:none;
  -webkit-text-fill-color:initial;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs .modtek-section-heading h2 b,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs .modtek-section-heading > span {
  color:var(--modtek-detail-blue);
  -webkit-text-fill-color:initial;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs dl div { border-color:var(--modtek-detail-line); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs dt { color:#738198; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-specs dd { color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-downloads { border-color:var(--modtek-detail-violet); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-downloads a { color:var(--modtek-detail-ink); border-color:var(--modtek-detail-line); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-downloads small { color:#75839a; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq details,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq details:last-child { border-color:var(--modtek-detail-line); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq summary { color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-faq article { color:var(--modtek-detail-copy); }

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta {
  border-color:transparent;
  background:
    radial-gradient(circle at 83% 18%,rgba(127,91,255,.21),transparent 29%) padding-box,
    radial-gradient(circle at 95% 95%,rgba(8,168,245,.12),transparent 28%) padding-box,
    linear-gradient(125deg,rgba(255,255,255,.96),rgba(239,245,255,.88)) padding-box,
    linear-gradient(135deg,rgba(127,91,255,.52),rgba(19,102,236,.35),rgba(8,168,245,.46)) border-box;
  box-shadow:0 26px 62px rgba(47,75,144,.13),inset 0 1px 0 rgba(255,255,255,.95);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta::before {
  border-color:rgba(95,99,242,.22);
  box-shadow:0 0 110px rgba(91,103,239,.14);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta p { color:var(--modtek-detail-blue); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta h2 { color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta h2 b {
  background:linear-gradient(100deg,var(--modtek-detail-violet),var(--modtek-detail-blue) 56%,var(--modtek-detail-cyan));
  background-clip:text;
  color:transparent;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta a {
  border:0;
  border-radius:12px;
  background:linear-gradient(110deg,var(--modtek-detail-violet),var(--modtek-detail-blue) 58%,var(--modtek-detail-cyan));
  box-shadow:0 13px 28px rgba(47,83,214,.22);
  color:#fff;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta a:hover {
  box-shadow:0 17px 34px rgba(47,83,214,.29);
  color:#fff;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta a span { color:#fff; }

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-footer strong { color:var(--modtek-detail-ink); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-footer strong::before {
  background:linear-gradient(135deg,var(--modtek-detail-violet),var(--modtek-detail-blue),var(--modtek-detail-cyan));
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-footer a b { color:var(--modtek-detail-violet); }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-button:focus-visible,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box a:focus-visible,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__thumbs button:focus-visible,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-breadcrumb a:focus-visible,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-summary__about a:focus-visible,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar a:focus-visible {
  outline:3px solid rgba(95,99,242,.31);
  outline-offset:3px;
}

@media(prefers-reduced-motion:reduce) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-button,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box a,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar a { transition:none; transform:none !important; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__thumbs button[data-modtek-media-image].is-active::after { animation:none; }
}

@media(max-width:560px) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__thumbs.is-paginated {
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:6px;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-media__thumbs.is-paginated button {
    width:100%;
    min-width:0;
    height:auto;
    aspect-ratio:1;
  }
}

/* Dedicated MODTEK identity: official wordmark plus restrained red/graphite accents. */
.modtek-topbar__logo { display:none; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar__name {
  display:flex;
  width:196px;
  height:42px;
  padding:5px 0;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  font-size:0;
  line-height:0;
  transition:opacity .2s ease;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar__name::before,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar__wordmark,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar__name small { display:none; }
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar__logo {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:none;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar__name:hover {
  border-color:transparent;
  box-shadow:none;
  opacity:.82;
}

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details {
  overflow:hidden;
  background:
    radial-gradient(circle at 96% 0,rgba(230,0,25,.072),transparent 26%) padding-box,
    radial-gradient(circle at 0 100%,rgba(17,20,27,.045),transparent 31%) padding-box,
    linear-gradient(145deg,rgba(255,255,255,.95),rgba(246,249,255,.86)) padding-box,
    linear-gradient(135deg,rgba(230,0,25,.38),rgba(17,20,27,.25) 30%,rgba(19,102,236,.24) 67%,rgba(8,168,245,.35)) border-box;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details::before {
  content:"";
  position:absolute;
  top:0;
  left:30px;
  width:168px;
  height:3px;
  border-radius:0 0 3px 3px;
  background:linear-gradient(90deg,var(--modtek-logo-red),var(--modtek-logo-black) 58%,transparent);
  pointer-events:none;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__about > p {
  display:flex;
  align-items:center;
  gap:9px;
  color:#b90015;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details__about > p::before {
  content:"";
  width:10px;
  height:10px;
  flex:0 0 10px;
  background:var(--modtek-logo-red);
  clip-path:polygon(0 34%,100% 0,62% 47%,100% 52%,0 100%,38% 54%);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta::after {
  content:"";
  position:absolute;
  z-index:0;
  top:-112px;
  right:-122px;
  width:330px;
  height:270px;
  border:1px solid rgba(230,0,25,.16);
  border-left:4px solid rgba(230,0,25,.52);
  border-radius:42px;
  background:linear-gradient(145deg,rgba(17,20,27,.09),rgba(17,20,27,.025));
  transform:rotate(24deg);
  pointer-events:none;
}

@media(max-width:520px) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar__name {
    width:142px;
    height:34px;
    padding:4px 0;
    border-radius:0;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-details::before {
    left:22px;
    width:126px;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-content > .modtek-cta::after {
    top:-78px;
    right:-360px;
  }
}

@media(min-width:1181px) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-layout { align-items:stretch; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box { padding:24px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-button,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box__actions > a { min-height:44px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-quantity input { min-height:40px; }
}

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading h1 {
  display:-webkit-box;
  max-height:2.16em;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  text-overflow:ellipsis;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading h1.is-title-long {
  font-size:clamp(21px,1.82vw,29px);
  line-height:1.06;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading h1.is-title-compact {
  font-size:clamp(18px,1.5vw,24px);
  line-height:1.08;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-heading__model {
  max-width:100%;
  align-self:flex-start;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Technical details: restrained blue-violet perimeter light interaction. */
@property --modtek-spec-orbit {
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg;
}

@keyframes modtek-spec-orbit {
  to { --modtek-spec-orbit:360deg; }
}

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl {
  gap:10px;
  border:0;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl div {
  position:relative;
  isolation:isolate;
  min-height:56px;
  overflow:hidden;
  border:1px solid rgba(111,139,194,.18);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(239,246,255,.52));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
  transition:transform .22s cubic-bezier(.16,1,.3,1),background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl div::before {
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  padding:1.5px;
  border-radius:inherit;
  background:conic-gradient(
    from var(--modtek-spec-orbit),
    transparent 0deg 272deg,
    rgba(8,168,245,.18) 286deg,
    rgba(8,168,245,.96) 305deg,
    rgba(19,102,236,1) 324deg,
    rgba(127,91,255,.88) 342deg,
    transparent 358deg
  );
  opacity:0;
  filter:drop-shadow(0 0 5px rgba(19,102,236,.68));
  pointer-events:none;
  transition:opacity .2s ease;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dt,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dd {
  position:relative;
  z-index:1;
  transition:color .2s ease,font-weight .2s ease,text-shadow .2s ease;
}

@media(hover:hover) and (pointer:fine) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl div:hover {
    transform:translateY(-1px);
    border-color:rgba(19,102,236,.34);
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(235,245,255,.82));
    box-shadow:0 12px 28px rgba(41,91,194,.12),inset 0 1px 0 rgba(255,255,255,.96);
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl div:hover::before {
    opacity:1;
    animation:modtek-spec-orbit 2.6s linear infinite;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl div:hover dt {
    color:#36578f;
    font-weight:760;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl div:hover dd {
    color:#0d63df;
    font-weight:900;
    text-shadow:0 0 16px rgba(19,102,236,.16);
  }
}

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl div:focus-visible {
  outline:3px solid rgba(95,99,242,.28);
  outline-offset:2px;
  border-color:rgba(19,102,236,.42);
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(235,245,255,.82));
  box-shadow:0 12px 28px rgba(41,91,194,.12),inset 0 1px 0 rgba(255,255,255,.96);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl div:focus-visible::before {
  opacity:1;
  animation:modtek-spec-orbit 2.6s linear infinite;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl div:focus-visible dt {
  color:#36578f;
  font-weight:760;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl div:focus-visible dd {
  color:#0d63df;
  font-weight:900;
  text-shadow:0 0 16px rgba(19,102,236,.16);
}

@media(prefers-reduced-motion:reduce) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl div,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dt,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dd,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-listing-technical dl div::before {
    animation:none !important;
    transition:none !important;
  }
}

/* Purchase options: always-on twin-stream perimeter light with a soft inner pulse. */
@property --modtek-purchase-orbit {
  syntax:"<angle>";
  inherits:false;
  initial-value:18deg;
}

@keyframes modtek-purchase-orbit {
  to { --modtek-purchase-orbit:378deg; }
}

@keyframes modtek-purchase-breathe {
  0%,100% { opacity:.40; transform:scale3d(.982,.982,1); }
  50% { opacity:.80; transform:scale3d(1.018,1.018,1); }
}

body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box {
  isolation:isolate;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box > * {
  position:relative;
  z-index:1;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box::before {
  content:"";
  position:absolute;
  inset:-1px;
  z-index:3;
  padding:2.5px;
  border-radius:inherit;
  background:conic-gradient(
    from var(--modtek-purchase-orbit),
    transparent 0deg 18deg,
    rgba(127,91,255,.24) 36deg,
    rgba(127,91,255,.94) 58deg,
    rgba(19,102,236,1) 82deg,
    rgba(8,168,245,.94) 106deg,
    transparent 134deg 198deg,
    rgba(8,168,245,.18) 216deg,
    rgba(19,102,236,.82) 240deg,
    rgba(127,91,255,.88) 266deg,
    transparent 302deg 360deg
  );
  opacity:1;
  filter:drop-shadow(0 0 7px rgba(19,102,236,.58)) drop-shadow(0 0 12px rgba(127,91,255,.26));
  pointer-events:none;
  animation:modtek-purchase-orbit 7s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box::after {
  content:"";
  position:absolute;
  inset:2px;
  z-index:0;
  width:auto;
  height:auto;
  border-radius:inherit;
  background:
    radial-gradient(ellipse at 92% 8%,rgba(127,91,255,.25),transparent 40%),
    radial-gradient(ellipse at 8% 92%,rgba(8,168,245,.21),transparent 44%);
  transform-origin:center;
  pointer-events:none;
  animation:modtek-purchase-breathe 4s cubic-bezier(.45,0,.25,1) infinite;
}

@media(prefers-reduced-motion:reduce) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box::before,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box::after {
    animation:none !important;
    transform:none !important;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box::before {
    --modtek-purchase-orbit:52deg;
    opacity:.42;
    filter:none;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-buy-box::after { opacity:.36; }
}

/* Article detail: HEXBLUE light cloud-gradient reading experience. */
body.article-detail-page {
  --article-ink:#18243a;
  --article-copy:#42516a;
  --article-muted:#687791;
  --article-blue:#1366ec;
  --article-cyan:#08a8f5;
  --article-violet:#7f5bff;
  --orange:#1366ec;
  --orange-light:#4096ff;
  color:var(--article-ink);
  background:#f7faff;
  font-family:Inter,"Noto Sans SC","PingFang SC","Segoe UI","Microsoft YaHei",Arial,sans-serif;
}
body.article-detail-page::before {
  display:block;
  height:720px;
  background:
    radial-gradient(circle at 8% 13%,rgba(8,168,245,.13),transparent 27%),
    radial-gradient(circle at 88% 18%,rgba(127,91,255,.12),transparent 29%),
    linear-gradient(180deg,#f8fbff 0,rgba(248,251,255,0) 100%);
}
body.article-detail-page .article-page {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:var(--article-ink);
  background:
    radial-gradient(circle at 7% 11%,rgba(64,150,255,.10),transparent 24%),
    radial-gradient(circle at 94% 24%,rgba(127,91,255,.085),transparent 26%),
    linear-gradient(180deg,#f8fbff 0,#f3f7ff 54%,#fff 100%);
}
body.article-detail-page .article-page::before,
body.article-detail-page .article-page::after {
  position:absolute;
  z-index:-1;
  width:420px;
  height:420px;
  border-radius:50%;
  content:"";
  filter:blur(8px);
  pointer-events:none;
}
body.article-detail-page .article-page::before { top:170px; left:-260px; background:rgba(8,168,245,.065); }
body.article-detail-page .article-page::after { top:520px; right:-280px; background:rgba(127,91,255,.065); }
body.article-detail-page .article-page--loading {
  min-height:calc(100vh - 64px);
  padding:68px 0 110px;
}
body.article-detail-page .article-loading-shell {
  display:grid;
  width:min(1420px,calc(100% - 80px));
  margin:0 auto;
  gap:20px;
}
body.article-detail-page .article-loading-shell span {
  display:block;
  overflow:hidden;
  border-radius:999px;
  background:linear-gradient(105deg,#e7edf6 20%,#f7f9fd 40%,#e7edf6 60%);
  background-size:240% 100%;
  animation:article-loading-shimmer 1.35s ease-in-out infinite;
}
body.article-detail-page .article-loading-hero {
  width:100%;
  height:clamp(360px,42vw,620px);
  margin-bottom:28px;
  border-radius:28px !important;
}
body.article-detail-page .article-loading-title { width:min(72%,980px); height:48px; }
body.article-detail-page .article-loading-line { width:min(88%,1160px); height:20px; }
body.article-detail-page .article-loading-line--short { width:min(58%,760px); }
@keyframes article-loading-shimmer { to { background-position:-200% 0; } }
body.article-detail-page .article-breadcrumb {
  min-height:68px;
  color:#8190a8;
  font-size:12px;
}
body.article-detail-page .article-breadcrumb a {
  color:#54647e;
  text-decoration:none;
}
body.article-detail-page .article-breadcrumb a:hover { color:var(--article-blue); }
body.article-detail-page .article-breadcrumb a:focus-visible,
body.article-detail-page .article-related a:focus-visible {
  outline:3px solid rgba(19,102,236,.34);
  outline-offset:4px;
  border-radius:8px;
}
body.article-detail-page .article-head--story {
  position:relative;
  padding-bottom:82px;
  background:transparent;
}
body.article-detail-page .article-hero {
  width:min(1520px,calc(100% - 64px));
  height:clamp(380px,42vw,700px);
  border:1px solid rgba(116,143,196,.18);
  border-radius:28px;
  background:linear-gradient(135deg,#dfeeff,#eeeaff);
  box-shadow:0 28px 76px rgba(48,78,142,.17);
}
body.article-detail-page .article-hero::after {
  background:linear-gradient(120deg,rgba(22,56,105,.12),transparent 48%,rgba(69,50,132,.22));
}
body.article-detail-page .article-hero__overlay {
  height:44%;
  background:linear-gradient(transparent,rgba(18,43,78,.22));
}
body.article-detail-page .article-intro {
  box-sizing:border-box;
  width:min(1420px,calc(100% - 96px));
  max-width:none;
  overflow:hidden;
  border:2px solid transparent;
  border-radius:26px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.95),rgba(247,250,255,.90)) padding-box,
    linear-gradient(125deg,rgba(127,91,255,.58),rgba(19,102,236,.62) 53%,rgba(8,168,245,.52)) border-box;
  box-shadow:0 24px 62px rgba(47,76,135,.14),inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(16px);
}
body.article-detail-page .article-intro::before {
  position:absolute;
  right:-120px;
  bottom:-145px;
  width:340px;
  height:340px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(127,91,255,.12),rgba(8,168,245,.04) 50%,transparent 68%);
  content:"";
  pointer-events:none;
}
body.article-detail-page .article-intro > * { position:relative; z-index:1; }
body.article-detail-page .article-head--with-cover .article-intro {
  margin-top:-118px;
  padding:47px 54px 50px;
}
body.article-detail-page .article-head--plain {
  padding-top:24px;
}
body.article-detail-page .article-head--plain .article-intro {
  margin:0 auto;
  padding:clamp(48px,6vw,76px) clamp(34px,7vw,76px);
}
body.article-detail-page .article-eyebrow {
  gap:9px;
  margin-bottom:17px;
  color:var(--article-blue);
  font-size:10px;
  font-weight:800;
  letter-spacing:.2em;
}
body.article-detail-page .article-eyebrow span { color:#9ba9bf; }
body.article-detail-page .article-head--story h1 {
  max-width:1240px;
  margin:0;
  color:var(--article-ink);
  font-family:Inter,"Noto Sans SC","Segoe UI","Microsoft YaHei",Arial,sans-serif;
  font-size:clamp(38px,4.55vw,62px);
  font-weight:760;
  letter-spacing:-.052em;
  line-height:1.08;
}
body.article-detail-page .article-meta {
  justify-content:flex-start;
  gap:8px;
  margin-top:24px;
  color:#5f6f89;
  font-size:11px;
}
body.article-detail-page .article-meta span,
body.article-detail-page .article-meta time {
  padding:7px 11px;
  border:1px solid rgba(96,127,185,.14);
  border-radius:999px;
  background:rgba(239,245,255,.76);
}
body.article-detail-page .article-meta > :not(:last-child)::after { display:none; }
body.article-detail-page .article-summary {
  max-width:1040px;
  margin-top:24px;
  color:#53627a;
  font-size:17px;
  line-height:1.72;
}
body.article-detail-page .article-reading {
  padding:0 0 104px;
  background:transparent;
}
body.article-detail-page .article-content--story {
  position:relative;
  width:min(1420px,calc(100% - 80px));
  overflow:hidden;
  padding:clamp(48px,5vw,78px) clamp(38px,5vw,78px) clamp(52px,5vw,82px);
  border:2px solid transparent;
  border-radius:24px;
  background:
    linear-gradient(160deg,rgba(255,255,255,.98),rgba(249,251,255,.96)) padding-box,
    linear-gradient(135deg,rgba(127,91,255,.30),rgba(19,102,236,.35) 50%,rgba(8,168,245,.28)) border-box;
  box-shadow:0 22px 58px rgba(47,76,135,.105),inset 0 1px 0 #fff;
  color:var(--article-copy);
  font-size:18px;
  line-height:1.75;
}
body.article-detail-page .article-content--story::before {
  position:absolute;
  top:0;
  left:clamp(30px,7vw,88px);
  width:92px;
  height:4px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,var(--article-violet),var(--article-blue),var(--article-cyan));
  content:"";
}
body.article-detail-page .article-content--story p,
body.article-detail-page .article-content--story li {
  color:var(--article-copy);
  line-height:1.75;
}
body.article-detail-page .article-content--story p { margin-bottom:1.4em; }
body.article-detail-page .article-content--story > p,
body.article-detail-page .article-content--story > ul,
body.article-detail-page .article-content--story > ol,
body.article-detail-page .article-content--story > h2,
body.article-detail-page .article-content--story > h3,
body.article-detail-page .article-content--story > h4,
body.article-detail-page .article-content--story > blockquote { max-width:96ch; }
body.article-detail-page .article-content--story h2,
body.article-detail-page .article-content--story h3,
body.article-detail-page .article-content--story h4 {
  color:#1c2b44;
  font-family:Inter,"Noto Sans SC","Segoe UI","Microsoft YaHei",Arial,sans-serif;
  font-weight:740;
  letter-spacing:-.035em;
}
body.article-detail-page .article-content--story h2::before {
  width:52px;
  height:3px;
  background:linear-gradient(90deg,var(--article-violet),var(--article-blue),var(--article-cyan));
}
body.article-detail-page .article-content--story a:not(.article-back) {
  color:#0d61d9;
  text-decoration-color:rgba(13,97,217,.32);
}
body.article-detail-page .article-content--story a:not(.article-back):hover { color:#6546df; }
body.article-detail-page .article-content--story blockquote {
  border-left-color:var(--article-blue);
  background:linear-gradient(110deg,rgba(232,243,255,.90),rgba(244,239,255,.76));
  color:#3f4f68;
}
body.article-detail-page .article-content--story img,
body.article-detail-page .article-content--story video,
body.article-detail-page .article-content--story iframe {
  border:1px solid rgba(89,121,179,.13);
  box-shadow:0 17px 40px rgba(42,75,135,.15);
}
body.article-detail-page .article-content--story pre { background:#172640; color:#f0f6ff; }
body.article-detail-page .article-related {
  padding:92px 0 104px;
  border-top:1px solid rgba(105,133,185,.12);
  background:
    radial-gradient(circle at 8% 5%,rgba(8,168,245,.11),transparent 28%),
    radial-gradient(circle at 91% 18%,rgba(127,91,255,.105),transparent 30%),
    linear-gradient(180deg,#f5f9ff 0,#fff 80%);
}
body.article-detail-page .article-related-shell { width:min(1180px,calc(100% - 44px)); max-width:none; }
body.article-detail-page .article-related-heading { max-width:680px; margin:0 auto 42px; text-align:center; }
body.article-detail-page .article-related-heading p {
  margin:0 0 12px;
  color:var(--article-blue);
  font-size:10px;
  font-weight:800;
  letter-spacing:.2em;
}
body.article-detail-page .article-related-heading h2 {
  margin:0;
  color:var(--article-ink);
  font-family:Inter,"Noto Sans SC","Segoe UI","Microsoft YaHei",Arial,sans-serif;
  font-size:clamp(30px,3.2vw,42px);
  font-weight:760;
  letter-spacing:-.045em;
}
body.article-detail-page .article-related-heading > span {
  width:68px;
  height:3px;
  margin:18px auto 15px;
  background:linear-gradient(90deg,var(--article-violet),var(--article-blue),var(--article-cyan));
}
body.article-detail-page .article-related-heading small {
  display:block;
  color:#64738b;
  font-size:14px;
  line-height:1.65;
}
body.article-detail-page .article-recommendation-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
body.article-detail-page .article-recommendation-card {
  display:flex;
  min-width:0;
  overflow:hidden;
  flex-direction:column;
  border:2px solid transparent;
  border-radius:20px;
  background:
    linear-gradient(160deg,rgba(255,255,255,.96),rgba(246,249,255,.88)) padding-box,
    linear-gradient(135deg,rgba(127,91,255,.46),rgba(19,102,236,.52) 52%,rgba(8,168,245,.42)) border-box;
  box-shadow:0 16px 40px rgba(46,78,142,.11),inset 0 1px 0 rgba(255,255,255,.9);
  color:inherit;
  text-decoration:none;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body.article-detail-page .article-recommendation-card:hover {
  box-shadow:0 25px 52px rgba(43,75,140,.17),0 0 0 4px rgba(67,118,231,.06);
  transform:translateY(-4px);
}
body.article-detail-page .article-recommendation-media {
  position:relative;
  display:block;
  overflow:hidden;
  aspect-ratio:16 / 10;
  background:linear-gradient(135deg,#dcecff,#eee7ff);
}
body.article-detail-page .article-recommendation-media::after {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 56%,rgba(24,42,72,.28));
  content:"";
  pointer-events:none;
}
body.article-detail-page .article-recommendation-media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease;
}
body.article-detail-page .article-recommendation-card:hover .article-recommendation-media img { transform:scale(1.035); }
body.article-detail-page .article-recommendation-media i {
  position:absolute;
  z-index:1;
  bottom:14px;
  left:15px;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:999px;
  color:#fff;
  background:rgba(23,42,76,.42);
  backdrop-filter:blur(8px);
  font-size:8px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.14em;
}
body.article-detail-page .article-recommendation-copy {
  display:flex;
  min-height:240px;
  flex:1;
  flex-direction:column;
  padding:24px 24px 23px;
}
body.article-detail-page .article-recommendation-copy time {
  color:#6e60d6;
  font-size:10px;
  font-weight:750;
  letter-spacing:.05em;
}
body.article-detail-page .article-recommendation-copy h3 {
  display:-webkit-box;
  overflow:hidden;
  min-height:2.8em;
  margin:11px 0 10px;
  color:#1d2b42;
  font-size:19px;
  font-weight:730;
  letter-spacing:-.025em;
  line-height:1.4;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
body.article-detail-page .article-recommendation-copy p {
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  color:#68768c;
  font-size:13px;
  line-height:1.65;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
body.article-detail-page .article-recommendation-copy b,
body.article-detail-page .article-related-all {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--article-blue);
  font-size:11px;
  font-weight:800;
}
body.article-detail-page .article-recommendation-copy b { margin-top:auto; padding-top:20px; }
body.article-detail-page .article-recommendation-copy svg,
body.article-detail-page .article-related-all svg {
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.8;
  transition:transform .2s ease;
}
body.article-detail-page .article-recommendation-card:hover b svg,
body.article-detail-page .article-related-all:hover svg { transform:translateX(3px); }
body.article-detail-page .article-related-all {
  width:max-content;
  min-height:44px;
  margin:34px auto 0;
  padding:0 17px;
  border:1px solid rgba(19,102,236,.20);
  border-radius:999px;
  background:rgba(255,255,255,.76);
  box-shadow:0 8px 24px rgba(44,76,139,.07);
  text-decoration:none;
  transition:background .2s ease,box-shadow .2s ease,color .2s ease;
}
body.article-detail-page .article-related-all:hover {
  color:#6648df;
  background:#fff;
  box-shadow:0 13px 28px rgba(44,76,139,.12);
}

@media(max-width:900px) {
  body.article-detail-page .article-hero { width:calc(100% - 32px); }
  body.article-detail-page .article-intro { width:calc(100% - 48px); }
  body.article-detail-page .article-head--with-cover .article-intro { margin-top:-78px; padding:38px 40px 42px; }
  body.article-detail-page .article-content--story { width:calc(100% - 40px); padding:48px 38px 54px; }
  body.article-detail-page .article-recommendation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:620px) {
  body.article-detail-page .article-page--loading { padding:28px 0 62px; }
  body.article-detail-page .article-loading-shell { width:calc(100% - 28px); gap:14px; }
  body.article-detail-page .article-loading-hero { height:286px; margin-bottom:18px; border-radius:17px !important; }
  body.article-detail-page .article-loading-title { width:88%; height:34px; }
  body.article-detail-page .article-loading-line { height:16px; }
  body.article-detail-page .article-breadcrumb { min-height:54px; font-size:10px; }
  body.article-detail-page .article-head--story { padding-bottom:50px; }
  body.article-detail-page .article-head--plain { padding-top:12px; }
  body.article-detail-page .article-hero { width:calc(100% - 24px); height:286px; border-radius:17px; }
  body.article-detail-page .article-intro { width:calc(100% - 28px); border-radius:18px; }
  body.article-detail-page .article-head--with-cover .article-intro { margin-top:-42px; padding:30px 24px 33px; }
  body.article-detail-page .article-head--plain .article-intro { padding:40px 24px 42px; }
  body.article-detail-page .article-head--story h1 { font-size:clamp(31px,10vw,39px); line-height:1.11; }
  body.article-detail-page .article-meta { margin-top:18px; }
  body.article-detail-page .article-summary { margin-top:19px; font-size:14px; line-height:1.68; }
  body.article-detail-page .article-reading { padding-bottom:62px; }
  body.article-detail-page .article-content--story { width:calc(100% - 28px); padding:40px 23px 44px; border-radius:18px; font-size:16px; line-height:1.72; }
  body.article-detail-page .article-content--story::before { left:23px; width:72px; }
  body.article-detail-page .article-content--story p,
  body.article-detail-page .article-content--story li { line-height:1.72; }
  body.article-detail-page .article-related { padding:64px 0 72px; }
  body.article-detail-page .article-related-shell { width:calc(100% - 28px); }
  body.article-detail-page .article-related-heading { margin-bottom:30px; }
  body.article-detail-page .article-related-heading small { font-size:13px; }
  body.article-detail-page .article-recommendation-grid { grid-template-columns:1fr; }
  body.article-detail-page .article-recommendation-card { max-width:440px; margin:0 auto; }
  body.article-detail-page .article-recommendation-copy { min-height:220px; padding:22px; }
}

@media(prefers-reduced-motion:reduce) {
  body.article-detail-page .article-loading-shell span { animation:none !important; }
  body.article-detail-page .article-recommendation-card,
  body.article-detail-page .article-recommendation-media img,
  body.article-detail-page .article-recommendation-copy svg,
  body.article-detail-page .article-related-all,
  body.article-detail-page .article-related-all svg { transition:none !important; }
  body.article-detail-page .article-recommendation-card:hover,
  body.article-detail-page .article-recommendation-card:hover .article-recommendation-media img,
  body.article-detail-page .article-recommendation-card:hover b svg,
  body.article-detail-page .article-related-all:hover svg { transform:none !important; }
}

/* Shared product recommendations: category-safe cards for HEXBLUE and MODTEK details. */
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-product-listing-page:has(> .product-related) {
  padding-bottom:0;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related {
  --product-related-accent:var(--modtek-detail-blue);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin-top:88px;
  padding:88px 0 92px;
  border-top:1px solid rgba(79,111,176,.14);
  background:
    radial-gradient(circle at 7% 22%,rgba(8,168,245,.13),transparent 28%),
    radial-gradient(circle at 88% 8%,rgba(127,91,255,.15),transparent 30%),
    linear-gradient(150deg,#edf6ff 0%,#fafbff 48%,#f1efff 100%);
  color:var(--modtek-detail-ink);
  font-family:Inter,"Noto Sans SC","PingFang SC","Segoe UI","Microsoft YaHei",Arial,sans-serif;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related.is-modtek {
  --product-related-brand:var(--modtek-logo-red);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related.is-standard {
  --product-related-brand:var(--modtek-detail-blue);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related::before,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related::after {
  position:absolute;
  z-index:-1;
  border-radius:50%;
  content:"";
  filter:blur(4px);
  pointer-events:none;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related::before {
  top:-220px;
  left:20%;
  width:520px;
  height:520px;
  background:rgba(84,133,255,.08);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related::after {
  right:-190px;
  bottom:-280px;
  width:540px;
  height:540px;
  background:rgba(128,91,255,.075);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__shell {
  width:min(1180px,calc(100% - 44px));
  margin:0 auto;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__heading {
  max-width:720px;
  margin:0 auto 42px;
  text-align:center;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__heading p {
  margin:0 0 13px;
  color:var(--product-related-brand);
  font-size:10px;
  font-weight:850;
  letter-spacing:.22em;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__heading h2 {
  margin:0;
  color:#1c2a41;
  font-size:clamp(34px,4vw,52px);
  font-weight:760;
  letter-spacing:-.045em;
  line-height:1.04;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__heading h2 b {
  background:linear-gradient(100deg,var(--modtek-detail-violet),var(--modtek-detail-blue) 58%,var(--modtek-detail-cyan));
  background-clip:text;
  color:transparent;
  font-weight:inherit;
  -webkit-background-clip:text;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__heading > span {
  display:block;
  margin-top:16px;
  color:#68768c;
  font-size:14px;
  line-height:1.65;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-grid--1 {
  grid-template-columns:minmax(0,378px);
  justify-content:center;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-grid--2 {
  max-width:782px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:0 auto;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-card {
  display:flex;
  min-width:0;
  overflow:hidden;
  flex-direction:column;
  border:2px solid transparent;
  border-radius:20px;
  background:
    linear-gradient(160deg,rgba(255,255,255,.97),rgba(245,249,255,.9)) padding-box,
    linear-gradient(135deg,rgba(127,91,255,.45),rgba(19,102,236,.52) 54%,rgba(8,168,245,.42)) border-box;
  box-shadow:0 16px 40px rgba(46,78,142,.11),inset 0 1px 0 rgba(255,255,255,.9);
  color:inherit;
  cursor:pointer;
  text-decoration:none;
  touch-action:manipulation;
  transition:transform .22s ease,box-shadow .22s ease;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-card:hover {
  box-shadow:0 25px 52px rgba(43,75,140,.17),0 0 0 4px rgba(67,118,231,.06);
  transform:translateY(-4px);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-card:focus-visible,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__all:focus-visible {
  outline:3px solid rgba(19,102,236,.32);
  outline-offset:4px;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-media {
  position:relative;
  display:grid;
  overflow:hidden;
  aspect-ratio:16 / 10;
  place-items:center;
  background:
    radial-gradient(circle at 22% 20%,rgba(255,255,255,.85),transparent 22%),
    linear-gradient(135deg,#dcecff,#eee7ff);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-media::after {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 52%,rgba(24,42,72,.3));
  content:"";
  pointer-events:none;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-card:hover .product-recommendation-media img {
  transform:scale(1.035);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-media em {
  position:absolute;
  z-index:1;
  bottom:14px;
  left:15px;
  max-width:calc(100% - 30px);
  overflow:hidden;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:999px;
  background:rgba(23,42,76,.46);
  color:#fff;
  font-size:8px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.12em;
  text-overflow:ellipsis;
  white-space:nowrap;
  backdrop-filter:blur(8px);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-placeholder {
  color:rgba(37,58,103,.6);
  font-size:clamp(24px,4vw,40px);
  font-style:normal;
  font-weight:900;
  letter-spacing:.15em;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related.is-modtek .product-recommendation-placeholder {
  color:var(--modtek-logo-red);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-copy {
  display:flex;
  min-height:246px;
  flex:1;
  flex-direction:column;
  padding:24px 24px 23px;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-copy small {
  color:var(--product-related-brand);
  font-size:9px;
  font-weight:820;
  letter-spacing:.13em;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-copy h3 {
  display:-webkit-box;
  overflow:hidden;
  min-height:3.9em;
  margin:12px 0 10px;
  color:#1d2b42;
  font-size:18px;
  font-weight:730;
  letter-spacing:-.025em;
  line-height:1.3;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-copy p {
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  color:#68768c;
  font-size:13px;
  line-height:1.65;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-copy b,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__all {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--product-related-accent);
  font-size:11px;
  font-weight:820;
  letter-spacing:.02em;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-copy b {
  margin-top:auto;
  padding-top:20px;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-copy svg,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__all svg {
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.8;
  transition:transform .2s ease;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-card:hover b svg,
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__all:hover svg {
  transform:translateX(3px);
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__all {
  width:max-content;
  min-height:44px;
  margin:34px auto 0;
  padding:0 17px;
  border:1px solid rgba(19,102,236,.2);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  box-shadow:0 8px 24px rgba(44,76,139,.07);
  cursor:pointer;
  text-decoration:none;
  touch-action:manipulation;
  transition:background .2s ease,box-shadow .2s ease,color .2s ease;
}
body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__all:hover {
  background:#fff;
  box-shadow:0 13px 28px rgba(44,76,139,.12);
  color:var(--modtek-detail-violet);
}

@media(max-width:900px) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-grid--1 {
    grid-template-columns:minmax(0,378px);
  }
}

@media(max-width:620px) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related {
    margin-top:64px;
    padding:64px 0 72px;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__shell {
    width:calc(100% - 28px);
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__heading {
    margin-bottom:30px;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__heading h2 {
    font-size:34px;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__heading > span {
    font-size:13px;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-grid {
    grid-template-columns:1fr;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-card {
    width:100%;
    max-width:440px;
    margin:0 auto;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-copy {
    min-height:226px;
    padding:22px;
  }
}

@media(prefers-reduced-motion:reduce) {
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-card,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-media img,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-copy svg,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__all,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__all svg {
    transition:none !important;
  }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-card:hover,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-card:hover .product-recommendation-media img,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-recommendation-card:hover b svg,
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .product-related__all:hover svg {
    transform:none !important;
  }
}

/* Published-language selector. It intentionally uses the same soft aurora
   surface as the public navigation while retaining the native select's
   keyboard, screen-reader and operating-system menu behaviour. */
.language-switcher {
  position:relative;
  display:inline-flex;
  width:142px;
  min-width:142px;
  height:44px;
  box-sizing:border-box;
  align-items:center;
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:11px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(246,249,255,.84)) padding-box,
    linear-gradient(125deg,rgba(127,91,255,.42),rgba(19,102,236,.28) 55%,rgba(8,168,245,.38)) border-box;
  box-shadow:0 8px 22px rgba(44,76,139,.075),inset 0 1px 0 rgba(255,255,255,.88);
  color:#42516a;
  cursor:pointer;
  isolation:isolate;
  letter-spacing:normal;
  text-transform:none;
  transition:background .2s ease,box-shadow .2s ease,color .2s ease;
}
.language-switcher:hover {
  background:
    linear-gradient(145deg,#fff,rgba(247,250,255,.94)) padding-box,
    linear-gradient(125deg,rgba(127,91,255,.68),rgba(19,102,236,.52) 55%,rgba(8,168,245,.6)) border-box;
  box-shadow:0 11px 26px rgba(44,76,139,.12),inset 0 1px 0 #fff;
  color:#234a94;
}
.language-switcher:focus-within {
  background:
    linear-gradient(145deg,#fff,rgba(247,250,255,.95)) padding-box,
    linear-gradient(125deg,#7f5bff,#1366ec 58%,#08a8f5) border-box;
  box-shadow:0 0 0 3px rgba(19,102,236,.17),0 10px 26px rgba(44,76,139,.12);
  color:#183e86;
}
.language-switcher__globe,
.language-switcher__chevron {
  position:absolute;
  z-index:2;
  display:block;
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.55;
  pointer-events:none;
}
.language-switcher__globe { left:11px; }
.language-switcher__chevron { right:10px; width:14px; height:14px; stroke-width:1.8; }
.language-switcher select {
  position:relative;
  z-index:1;
  width:100%;
  min-width:0;
  height:100%;
  margin:0;
  padding:0 32px 0 37px;
  border:0;
  border-radius:inherit;
  outline:0;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  color:inherit;
  cursor:pointer;
  font:700 12px/1 Inter,"Noto Sans SC","PingFang SC","Segoe UI","Microsoft YaHei",Arial,sans-serif;
  letter-spacing:.01em;
  text-transform:none;
}
.language-switcher option {
  background:#fff;
  color:#1f2a3d;
  font:600 13px/1.4 Inter,"Noto Sans SC","PingFang SC","Segoe UI","Microsoft YaHei",Arial,sans-serif;
}
html[dir="rtl"] .language-switcher__globe { right:11px; left:auto; }
html[dir="rtl"] .language-switcher__chevron { right:auto; left:10px; }
html[dir="rtl"] .language-switcher select { padding-right:37px; padding-left:32px; }

body:not(.modtek-mode) .site-header .language-switcher {
  position:relative;
  top:auto;
  left:auto;
  display:inline-flex;
  width:142px;
  min-width:142px;
  height:44px;
  flex:0 0 142px;
  margin-left:auto;
  padding:0;
  overflow:hidden;
  border:1px solid transparent;
  white-space:nowrap;
}

.modtek-topbar__actions {
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  margin-left:auto;
}
body.modtek-mode .modtek-topbar .language-switcher {
  position:relative;
  top:auto;
  left:auto;
  display:inline-flex;
  width:142px;
  min-width:142px;
  height:42px;
  flex:0 0 142px;
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid transparent;
  color:#42516a;
  white-space:nowrap;
}
body.modtek-mode .modtek-topbar .language-switcher select { height:100%; }

@media(max-width:780px) {
  body.modtek-mode .modtek-topbar__actions { gap:7px; }
  body.modtek-mode .modtek-topbar .modtek-topbar__contact { display:none; }
  body.modtek-mode .modtek-topbar .language-switcher {
    width:104px;
    min-width:104px;
    height:40px;
    flex-basis:104px;
  }
  body.modtek-mode .modtek-topbar .language-switcher select {
    padding-right:24px;
    padding-left:31px;
    font-size:10px;
  }
  body.modtek-mode .modtek-topbar .language-switcher__globe { left:8px; width:15px; height:15px; }
  body.modtek-mode .modtek-topbar .language-switcher__chevron { right:7px; width:12px; height:12px; }
}

@media(max-width:560px) {
  body:not(.modtek-mode) .site-header .language-switcher {
    width:108px;
    min-width:108px;
    height:44px;
    flex-basis:108px;
    padding:0;
    border:1px solid transparent;
  }
  body:not(.modtek-mode) .site-header .language-switcher select {
    padding-right:25px;
    padding-left:32px;
    font-size:10px;
  }
  body:not(.modtek-mode) .site-header .language-switcher__globe { left:9px; width:15px; height:15px; }
  body:not(.modtek-mode) .site-header .language-switcher__chevron { right:8px; width:12px; height:12px; }
}

@media(max-width:390px) {
  body:not(.modtek-mode) .brand { flex-basis:136px; }
  body:not(.modtek-mode) .site-header .language-switcher {
    width:96px;
    min-width:96px;
    flex-basis:96px;
  }
  body.modtek-mode .modtek-topbar .language-switcher {
    width:88px;
    min-width:88px;
    flex-basis:88px;
  }
  body.modtek-mode .modtek-topbar .language-switcher select {
    padding-right:19px;
    padding-left:26px;
    font-size:9px;
  }
  body.modtek-mode .modtek-topbar .language-switcher__globe { left:7px; width:13px; height:13px; }
  body.modtek-mode .modtek-topbar .language-switcher__chevron { right:5px; width:10px; height:10px; }
  body.modtek-mode.modtek-brand-mode.modtek-detail-mode .modtek-topbar__name {
    width:110px;
    height:31px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .language-switcher { transition:none; }
}

/* The supplied HEXBLUE Tech artwork is the single official brand mark. */
body:not(.modtek-mode) .brand {
  flex:0 0 210px;
  align-items:center;
}

body:not(.modtek-mode) .brand img {
  position:static;
  display:block;
  width:42px;
  height:42px;
  max-width:none;
  object-fit:contain;
}

body:not(.modtek-mode) .brand::before {
  display:none;
  content:none;
}

body:not(.modtek-mode) .brand::after {
  display:block;
  margin-left:11px;
  color:var(--public-nav-ink);
  content:attr(data-brand-label);
  font-size:14px;
  font-weight:760;
  letter-spacing:.075em;
  line-height:1.05;
  white-space:pre-line;
}

@media(max-width:760px) {
  body:not(.modtek-mode) .brand { flex-basis:154px; }
  body:not(.modtek-mode) .brand img { width:34px; height:34px; }
  body:not(.modtek-mode) .brand::after { margin-left:8px; font-size:11px; }
}

@media(max-width:390px) {
  body:not(.modtek-mode) .brand { flex-basis:136px; }
}

/* MODTEK product directory: a dedicated catalogue view that extends the
   current blue/violet public canvas with the brand's black/red signature. */
body.modtek-mode.modtek-brand-mode.modtek-products-directory-mode .modtek-directory-page {
  position:relative;
  min-height:calc(100vh - 72px);
  background:
    radial-gradient(circle at 8% 2%,rgba(8,168,245,.11),transparent 27%),
    radial-gradient(circle at 91% 8%,rgba(127,91,255,.13),transparent 26%),
    linear-gradient(180deg,#f8faff 0%,#f4f7ff 55%,#f8faff 100%);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-hero {
  position:relative;
  min-height:650px;
  overflow:hidden;
  border-bottom:1px solid var(--modtek-light-line);
  background:
    radial-gradient(circle at 82% 30%,rgba(230,0,25,.07),transparent 17%),
    radial-gradient(circle at 78% 36%,rgba(127,91,255,.17),transparent 27%),
    radial-gradient(circle at 56% 88%,rgba(8,168,245,.13),transparent 29%),
    linear-gradient(135deg,rgba(255,255,255,.95),rgba(243,248,255,.82));
  isolation:isolate;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-hero::before {
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background-image:
    linear-gradient(rgba(59,104,194,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(59,104,194,.045) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.72),transparent 92%);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-hero::after {
  content:"";
  position:absolute;
  z-index:-1;
  top:50%;
  right:-9%;
  width:min(55vw,760px);
  aspect-ratio:1;
  border:1px solid rgba(101,94,224,.13);
  border-radius:50%;
  box-shadow:0 0 0 72px rgba(127,91,255,.025),0 0 0 144px rgba(8,168,245,.018);
  transform:translateY(-50%);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-hero__shell {
  width:min(1180px,calc(100% - 64px));
  min-height:650px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.76fr);
  gap:clamp(52px,8vw,108px);
  align-items:center;
  margin:0 auto;
  padding:86px 0 94px;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-hero__copy { min-width:0; }

body.modtek-mode.modtek-brand-mode .modtek-directory-breadcrumb {
  display:inline-flex;
  min-height:44px;
  align-items:center;
  gap:10px;
  margin-bottom:34px;
  color:#556176;
  font-size:9px;
  font-weight:760;
  letter-spacing:.16em;
  text-decoration:none;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-breadcrumb span { color:var(--modtek-brand-red); }
body.modtek-mode.modtek-brand-mode .modtek-directory-breadcrumb:hover { color:var(--modtek-light-blue); }

body.modtek-mode.modtek-brand-mode .modtek-directory-hero h1,
body.modtek-mode.modtek-brand-mode .modtek-directory-section__heading h2 {
  margin:0;
  color:var(--modtek-brand-black);
  font-style:normal;
  font-weight:700;
  letter-spacing:-.06em;
  line-height:.92;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-hero h1 { font-size:clamp(58px,7.4vw,96px); }

body.modtek-mode.modtek-brand-mode .modtek-directory-hero h1 b,
body.modtek-mode.modtek-brand-mode .modtek-directory-section__heading h2 b {
  background:linear-gradient(100deg,var(--modtek-light-blue),#5369ef 55%,var(--modtek-light-violet));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-weight:inherit;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-hero__lead {
  max-width:620px;
  margin:29px 0 0;
  color:#5b677a;
  font-size:17px;
  line-height:1.78;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-stats {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:40px 0 0;
  padding:22px 0 0;
  border-top:1px solid var(--modtek-light-line);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-stats div {
  min-width:0;
  padding:0 20px;
  border-left:1px solid var(--modtek-light-line);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-stats div:first-child { padding-left:0; border-left:0; }
body.modtek-mode.modtek-brand-mode .modtek-directory-stats dt { color:var(--modtek-brand-black); font-size:28px; font-weight:720; letter-spacing:-.04em; }
body.modtek-mode.modtek-brand-mode .modtek-directory-stats dd { margin:5px 0 0; color:#7a869a; font-size:8px; font-weight:750; letter-spacing:.14em; }

body.modtek-mode.modtek-brand-mode .modtek-directory-hero__mark {
  position:relative;
  min-height:330px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px;
  overflow:hidden;
  border:1px solid rgba(64,83,148,.16);
  border-radius:26px;
  background:rgba(255,255,255,.70);
  box-shadow:0 28px 70px rgba(52,77,148,.12),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(18px);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-hero__mark::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,var(--modtek-brand-black) 0 62%,var(--modtek-brand-red) 62% 100%);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-hero__mark::after {
  content:"";
  position:absolute;
  right:-42px;
  bottom:-68px;
  width:190px;
  aspect-ratio:1;
  border:1px solid rgba(127,91,255,.18);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(8,168,245,.025);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-hero__mark > span,
body.modtek-mode.modtek-brand-mode .modtek-directory-hero__mark > b {
  position:relative;
  z-index:1;
  color:#6d788b;
  font-size:8px;
  letter-spacing:.16em;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-hero__mark img {
  position:relative;
  z-index:1;
  width:100%;
  height:auto;
  margin:34px 0 26px;
  object-fit:contain;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-hero__mark p {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 34px;
  color:#303846;
  font-size:9px;
  font-weight:760;
  letter-spacing:.13em;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-hero__mark p i { width:4px; height:4px; border-radius:50%; background:var(--modtek-brand-red); }

body.modtek-mode.modtek-brand-mode .modtek-directory-index {
  border-bottom:1px solid var(--modtek-light-line);
  background:rgba(249,251,255,.84);
  backdrop-filter:blur(16px);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-index > div {
  width:min(1180px,calc(100% - 64px));
  min-height:74px;
  display:flex;
  align-items:center;
  gap:30px;
  margin:0 auto;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-index a {
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#465268;
  font-size:9px;
  font-weight:760;
  letter-spacing:.14em;
  text-decoration:none;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-index a:hover { color:var(--modtek-light-blue); }
body.modtek-mode.modtek-brand-mode .modtek-directory-index a b { color:var(--modtek-brand-red-dark); }
body.modtek-mode.modtek-brand-mode .modtek-directory-index > div > span { width:1px; height:22px; margin-right:auto; background:var(--modtek-light-line); }

body.modtek-mode.modtek-brand-mode .modtek-directory-section {
  width:min(1180px,calc(100% - 64px));
  margin:0 auto;
  padding:112px 0 124px;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-section--upcoming {
  position:relative;
  width:100%;
  padding-inline:max(32px,calc((100% - 1180px)/2));
  border-block:1px solid var(--modtek-light-line);
  background:
    radial-gradient(circle at 88% 14%,rgba(127,91,255,.14),transparent 27%),
    radial-gradient(circle at 10% 90%,rgba(8,168,245,.09),transparent 29%),
    linear-gradient(120deg,#f0f7ff,#f6f3ff 68%,#eef5ff);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-section__heading {
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:34px 72px;
  align-items:start;
  margin-bottom:54px;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-section__heading > p {
  margin:7px 0 0;
  color:var(--modtek-brand-red-dark);
  font-size:9px;
  font-weight:760;
  letter-spacing:.17em;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-section__heading h2 { font-size:clamp(42px,5.2vw,70px); }

body.modtek-mode.modtek-brand-mode .modtek-directory-section__heading div > span {
  display:block;
  max-width:600px;
  margin-top:19px;
  color:#667287;
  font-size:15px;
  line-height:1.72;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-grid--1 { grid-template-columns:repeat(3,minmax(0,1fr)); }

body.modtek-mode.modtek-brand-mode .modtek-directory-card {
  --modtek-card-glow-x:50%;
  --modtek-card-glow-y:50%;
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(68,98,174,.15);
  border-left:4px solid var(--modtek-brand-black);
  border-radius:22px;
  background:rgba(255,255,255,.78);
  color:var(--modtek-light-ink);
  box-shadow:0 18px 44px rgba(54,76,139,.075),inset 0 1px 0 rgba(255,255,255,.9);
  text-decoration:none;
  isolation:isolate;
  transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease,background .24s ease;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-card::before {
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:radial-gradient(260px circle at var(--modtek-card-glow-x) var(--modtek-card-glow-y),rgba(83,105,244,.13),transparent 68%);
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-card::after {
  content:"";
  position:absolute;
  z-index:3;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,var(--modtek-brand-black) 0 62%,var(--modtek-brand-red) 62% 100%);
  pointer-events:none;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-card:hover,
body.modtek-mode.modtek-brand-mode .modtek-directory-card.is-edge-active {
  border-color:rgba(79,83,227,.32);
  background:#fff;
  box-shadow:0 24px 54px rgba(54,76,139,.13),0 0 0 1px rgba(230,0,25,.055);
  transform:translateY(-3px);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-card:hover::before,
body.modtek-mode.modtek-brand-mode .modtek-directory-card.is-edge-active::before { opacity:1; }

body.modtek-mode.modtek-brand-mode .modtek-directory-card__media {
  position:relative;
  z-index:1;
  height:244px;
  display:block;
  overflow:hidden;
  border-bottom:1px solid rgba(68,98,174,.12);
  background:
    radial-gradient(circle at 74% 25%,rgba(127,91,255,.19),transparent 27%),
    linear-gradient(135deg,#eef4ff,#f5f2ff);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-card__media::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(16,21,32,.16));
  pointer-events:none;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-card__media img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .4s cubic-bezier(.2,.65,.25,1);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-card:hover .modtek-directory-card__media img { transform:scale(1.035); }

body.modtek-mode.modtek-brand-mode .modtek-directory-card__placeholder {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  background-image:
    linear-gradient(rgba(59,104,194,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(59,104,194,.055) 1px,transparent 1px);
  background-size:42px 42px;
  color:#242a35;
  font-size:clamp(30px,5vw,58px);
  font-style:italic;
  font-weight:850;
  letter-spacing:.08em;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-card__stage,
body.modtek-mode.modtek-brand-mode .modtek-directory-card__index {
  position:absolute;
  z-index:2;
  top:18px;
  min-height:28px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border-radius:7px;
  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-card__stage { left:18px; background:var(--modtek-brand-black); color:#fff; }
body.modtek-mode.modtek-brand-mode .modtek-directory-card--upcoming .modtek-directory-card__stage { background:var(--modtek-brand-red); }
body.modtek-mode.modtek-brand-mode .modtek-directory-card__index { right:18px; border:1px solid rgba(255,255,255,.54); background:rgba(255,255,255,.82); color:#313b4b; backdrop-filter:blur(8px); }

body.modtek-mode.modtek-brand-mode .modtek-directory-card__copy {
  position:relative;
  z-index:1;
  flex:1;
  display:flex;
  flex-direction:column;
  padding:0;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-card__eyebrow {
  display:none;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-card h2 {
  margin:20px 22px 8px;
  color:#222832;
  font-size:17px;
  font-weight:680;
  letter-spacing:-.015em;
  line-height:1.45;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-card__copy > p {
  min-height:42px;
  display:-webkit-box;
  overflow:hidden;
  margin:0 22px 22px;
  color:#68758a;
  font-size:14px;
  line-height:1.55;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-card__meta {
  display:none;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-card__meta > span { min-width:0; }
body.modtek-mode.modtek-brand-mode .modtek-directory-card__meta small { display:block; color:#8993a4; font-size:7px; font-weight:760; letter-spacing:.14em; }
body.modtek-mode.modtek-brand-mode .modtek-directory-card__meta b { display:block; overflow:hidden; margin-top:5px; color:#3a4455; font-size:11px; font-weight:650; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }

body.modtek-mode.modtek-brand-mode .modtek-directory-card__action {
  display:none;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-card__action svg {
  width:19px;
  height:19px;
  fill:none;
  stroke:var(--modtek-brand-red);
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .22s ease;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-card:hover .modtek-directory-card__action svg { transform:translateX(4px); }

body.modtek-mode.modtek-brand-mode .modtek-directory-empty {
  padding:38px;
  border:1px dashed rgba(57,92,177,.26);
  border-radius:20px;
  background:rgba(255,255,255,.59);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-section--upcoming .modtek-directory-empty {
  border:1px solid rgba(18,21,27,.9);
  border-left:4px solid var(--modtek-brand-red);
  background:
    radial-gradient(circle at 92% 18%,rgba(127,91,255,.16),transparent 35%),
    linear-gradient(135deg,#161920,#0d0f14);
  box-shadow:0 22px 52px rgba(26,31,48,.14);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-empty > span { color:var(--modtek-brand-red-dark); font-size:9px; font-weight:780; letter-spacing:.16em; }
body.modtek-mode.modtek-brand-mode .modtek-directory-empty h3 { max-width:620px; margin:18px 0 13px; color:#293143; font-size:clamp(26px,3vw,40px); font-weight:690; letter-spacing:-.04em; line-height:1.05; }
body.modtek-mode.modtek-brand-mode .modtek-directory-empty p { max-width:650px; margin:0; color:#69758a; font-size:14px; line-height:1.7; }
body.modtek-mode.modtek-brand-mode .modtek-directory-section--upcoming .modtek-directory-empty > span { color:#ff5366; }
body.modtek-mode.modtek-brand-mode .modtek-directory-section--upcoming .modtek-directory-empty h3 { color:#fff; }
body.modtek-mode.modtek-brand-mode .modtek-directory-section--upcoming .modtek-directory-empty p { color:#c4cad5; }

@media(max-width:1024px) {
  body.modtek-mode.modtek-brand-mode .modtek-directory-grid,
  body.modtek-mode.modtek-brand-mode .modtek-directory-grid--1 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:980px) {
  body.modtek-mode.modtek-brand-mode .modtek-directory-hero__shell { grid-template-columns:1fr; gap:44px; padding-block:80px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-hero__mark { min-height:270px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-hero__mark img { width:min(580px,100%); }
}

@media(max-width:720px) {
  body.modtek-mode.modtek-brand-mode .modtek-directory-hero__shell,
  body.modtek-mode.modtek-brand-mode .modtek-directory-index > div,
  body.modtek-mode.modtek-brand-mode .modtek-directory-section { width:calc(100% - 40px); }
  body.modtek-mode.modtek-brand-mode .modtek-directory-section { padding-block:88px 96px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-section--upcoming { width:100%; padding-inline:20px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-section__heading { grid-template-columns:1fr; gap:18px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-index > div { gap:17px; overflow-x:auto; scrollbar-width:none; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-index > div::-webkit-scrollbar { display:none; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-index a { white-space:nowrap; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-index > div > span { margin-right:0; }
}

@media(max-width:520px) {
  body.modtek-mode.modtek-brand-mode .modtek-directory-hero__shell { width:calc(100% - 32px); padding:66px 0 72px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-breadcrumb { margin-bottom:25px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-hero h1 { font-size:clamp(49px,15vw,70px); }
  body.modtek-mode.modtek-brand-mode .modtek-directory-hero__lead { font-size:15px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-stats div { padding-inline:10px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-stats dt { font-size:23px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-stats dd { font-size:7px; letter-spacing:.09em; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-hero__mark { min-height:240px; padding:30px 26px; border-radius:20px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-hero__mark img { margin-block:28px 22px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-hero__mark p { flex-wrap:wrap; margin-bottom:26px; line-height:1.5; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-index > div { width:calc(100% - 32px); }
  body.modtek-mode.modtek-brand-mode .modtek-directory-section { width:calc(100% - 32px); }
  body.modtek-mode.modtek-brand-mode .modtek-directory-section--upcoming { width:100%; padding-inline:16px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-section__heading h2 { font-size:clamp(38px,12vw,54px); }
  body.modtek-mode.modtek-brand-mode .modtek-directory-card { border-radius:18px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-card__copy { padding:0; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-card__meta { grid-template-columns:1fr; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-empty { padding:29px 24px; }
}

@media(max-width:560px) {
  body.modtek-mode.modtek-brand-mode .modtek-directory-grid,
  body.modtek-mode.modtek-brand-mode .modtek-directory-grid--1 { grid-template-columns:1fr; gap:18px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-card__media { height:235px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-card h2 { font-size:18px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-card__copy > p { min-height:0; font-size:16px; }
}

@media(prefers-reduced-motion:reduce) {
  body.modtek-mode.modtek-brand-mode .modtek-directory-card,
  body.modtek-mode.modtek-brand-mode .modtek-directory-card::before,
  body.modtek-mode.modtek-brand-mode .modtek-directory-card__media img,
  body.modtek-mode.modtek-brand-mode .modtek-directory-card__action svg { transition:none; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-card:hover,
  body.modtek-mode.modtek-brand-mode .modtek-directory-card.is-edge-active,
  body.modtek-mode.modtek-brand-mode .modtek-directory-card:hover .modtek-directory-card__media img,
  body.modtek-mode.modtek-brand-mode .modtek-directory-card:hover .modtek-directory-card__action svg { transform:none; }
}

/* Category-led MODTEK catalogue. The product column retains the same card
   footprint as the standard catalogue and never renders more than six cards. */
body.modtek-mode.modtek-brand-mode .modtek-directory-section--catalog {
  width:min(1440px,calc(100% - 64px));
}

body.modtek-mode.modtek-brand-mode .modtek-directory-section--catalog > .modtek-directory-section__heading {
  max-width:1180px;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-catalog {
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:28px;
  align-items:start;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-categories {
  position:sticky;
  top:24px;
  overflow:hidden;
  border:1px solid rgba(68,98,174,.16);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  box-shadow:0 18px 44px rgba(54,76,139,.07),inset 0 1px rgba(255,255,255,.94);
  backdrop-filter:blur(16px);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-categories > header {
  min-height:61px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 15px;
  border-bottom:1px solid var(--modtek-light-line);
  color:#5e6a80;
  font-size:8px;
  font-weight:800;
  letter-spacing:.15em;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-categories > header b {
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:7px;
  color:#fff;
  background:var(--modtek-brand-black);
  font-size:8px;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-categories nav {
  display:grid;
  gap:8px;
  padding:11px;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-category-card {
  min-height:82px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:10px 11px;
  border:1px solid transparent;
  border-radius:12px;
  color:#556176;
  background:rgba(246,249,255,.72);
  text-decoration:none;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}
body.modtek-mode.modtek-brand-mode .modtek-directory-category-card.shows-category-index { grid-template-columns:24px minmax(0,1fr) auto; padding:12px 11px; }

body.modtek-mode.modtek-brand-mode .modtek-directory-category-card:hover {
  border-color:rgba(73,105,225,.22);
  background:#fff;
  box-shadow:0 9px 20px rgba(51,74,145,.09);
  transform:translateY(-1px);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-category-card.is-active {
  border-color:rgba(79,83,227,.27);
  color:#fff;
  background:linear-gradient(135deg,#202936,#313c51 66%,#4e4ccc);
  box-shadow:0 12px 24px rgba(34,44,71,.19);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-category-card__icon {
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(73,98,175,.14);
  border-radius:12px;
  color:#5868d8;
  background:linear-gradient(145deg,rgba(230,244,255,.94),rgba(237,233,255,.92));
  box-shadow:inset 0 1px rgba(255,255,255,.9);
}
body.modtek-mode.modtek-brand-mode .modtek-directory-category-card__icon img { width:100%; height:100%; object-fit:contain; }
body.modtek-mode.modtek-brand-mode .modtek-directory-category-card__icon svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
body.modtek-mode.modtek-brand-mode .modtek-directory-category-card__index { color:#9aa5b7; font-size:8px; font-weight:800; font-variant-numeric:tabular-nums; }
body.modtek-mode.modtek-brand-mode .modtek-directory-category-card__copy { min-width:0; }
body.modtek-mode.modtek-brand-mode .modtek-directory-category-card strong { display:block; overflow:hidden; color:#273142; font-size:11px; font-weight:800; letter-spacing:.035em; text-overflow:ellipsis; white-space:nowrap; }
body.modtek-mode.modtek-brand-mode .modtek-directory-category-card small { display:-webkit-box; overflow:hidden; margin-top:5px; color:#8692a5; font-size:8px; line-height:1.4; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
body.modtek-mode.modtek-brand-mode .modtek-directory-category-card > b { color:var(--modtek-brand-red-dark); font-size:10px; font-variant-numeric:tabular-nums; }
body.modtek-mode.modtek-brand-mode .modtek-directory-category-card.is-active strong,
body.modtek-mode.modtek-brand-mode .modtek-directory-category-card.is-active > b { color:#fff; }
body.modtek-mode.modtek-brand-mode .modtek-directory-category-card.is-active small { color:#cbd5e3; }
body.modtek-mode.modtek-brand-mode .modtek-directory-category-card.is-active .modtek-directory-category-card__index { color:#cbd5e3; }
body.modtek-mode.modtek-brand-mode .modtek-directory-category-card.is-active .modtek-directory-category-card__icon { border-color:rgba(255,255,255,.17); color:#dbe6ff; background:rgba(255,255,255,.1); box-shadow:inset 0 1px rgba(255,255,255,.12); }

body.modtek-mode.modtek-brand-mode .modtek-directory-results { min-width:0; }

body.modtek-mode.modtek-brand-mode .modtek-directory-results > header {
  min-height:61px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:20px;
  padding:0 2px 13px;
  border-bottom:1px solid var(--modtek-light-line);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-results > header span {
  display:block;
  margin-bottom:4px;
  color:#8b96a8;
  font-size:7px;
  font-weight:800;
  letter-spacing:.15em;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-results > header h3 {
  margin:0;
  color:#242c39;
  font-size:20px;
  font-weight:720;
  letter-spacing:-.035em;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-results > header p {
  margin:0;
  color:#778398;
  font-size:8px;
  font-weight:780;
  letter-spacing:.12em;
  font-variant-numeric:tabular-nums;
}

body.modtek-mode.modtek-brand-mode .modtek-directory-pagination {
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:26px;
  padding-top:19px;
  border-top:1px solid var(--modtek-light-line);
}

body.modtek-mode.modtek-brand-mode .modtek-directory-pagination > span { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; }
body.modtek-mode.modtek-brand-mode .modtek-directory-pagination a { min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 12px; border:1px solid rgba(68,98,174,.17); border-radius:10px; color:#4b586f; background:rgba(255,255,255,.75); font-size:8px; font-weight:800; letter-spacing:.12em; text-decoration:none; transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease; }
body.modtek-mode.modtek-brand-mode .modtek-directory-pagination a:hover { border-color:rgba(79,83,227,.34); color:#3e48be; background:#fff; transform:translateY(-1px); }
body.modtek-mode.modtek-brand-mode .modtek-directory-pagination a.is-active { border-color:#272f3c; color:#fff; background:#272f3c; }
body.modtek-mode.modtek-brand-mode .modtek-directory-pagination a.is-disabled { opacity:.42; pointer-events:none; }

body.modtek-mode.modtek-brand-mode .modtek-directory-category-card:focus-visible,
body.modtek-mode.modtek-brand-mode .modtek-directory-pagination a:focus-visible { outline:3px solid rgba(66,107,238,.36); outline-offset:2px; }

@media(max-width:1180px) {
  body.modtek-mode.modtek-brand-mode .modtek-directory-section--catalog { width:min(1180px,calc(100% - 48px)); }
  body.modtek-mode.modtek-brand-mode .modtek-directory-catalog { grid-template-columns:220px minmax(0,1fr); gap:22px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-results .modtek-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:800px) {
  body.modtek-mode.modtek-brand-mode .modtek-directory-section--catalog { width:calc(100% - 40px); }
  body.modtek-mode.modtek-brand-mode .modtek-directory-catalog { grid-template-columns:1fr; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-categories { position:static; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-categories nav { display:flex; overflow-x:auto; scrollbar-width:none; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-categories nav::-webkit-scrollbar { display:none; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-category-card { flex:0 0 224px; }
}

@media(max-width:560px) {
  body.modtek-mode.modtek-brand-mode .modtek-directory-section--catalog { width:calc(100% - 32px); }
  body.modtek-mode.modtek-brand-mode .modtek-directory-results .modtek-directory-grid { grid-template-columns:1fr; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-results > header { align-items:flex-start; flex-direction:column; gap:10px; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-pagination { align-items:stretch; flex-wrap:wrap; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-pagination > span { order:-1; width:100%; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-pagination > a { flex:1; }
}

@media(prefers-reduced-motion:reduce) {
  body.modtek-mode.modtek-brand-mode .modtek-directory-category-card,
  body.modtek-mode.modtek-brand-mode .modtek-directory-pagination a { transition:none; }
  body.modtek-mode.modtek-brand-mode .modtek-directory-category-card:hover,
  body.modtek-mode.modtek-brand-mode .modtek-directory-pagination a:hover { transform:none; }
}

/* Shared category system — standard HEXBLUE catalogue presentation. */
body.products-page .standard-product-directory { scroll-margin-top:96px; }
body.products-page .standard-product-directory__heading {
  margin-bottom:34px;
}
body.products-page .standard-product-directory__heading > div > span,
body.products-page .standard-category-panel > header span,
body.products-page .standard-product-results > header span {
  display:block;
  margin-bottom:9px;
  color:#5868d8;
  font-size:11px;
  font-weight:820;
  letter-spacing:.14em;
}
body.products-page .standard-product-directory__heading .legacy-title,
body.products-page .standard-product-directory__heading .legacy-subtitle { text-align:left; }
body.products-page .standard-product-directory__heading .legacy-title { margin:0 0 14px; }
body.products-page .standard-product-directory__heading .legacy-title::after { margin-left:0; }
body.products-page .standard-product-directory__heading .legacy-subtitle { margin:0; }
body.products-page .standard-category-panel {
  overflow:hidden;
  padding:22px;
  border:1px solid rgba(91,112,190,.17);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(245,247,255,.74));
  box-shadow:0 18px 42px rgba(45,84,151,.09),inset 0 1px 0 #fff;
  backdrop-filter:blur(14px);
}
body.products-page .standard-category-panel > header {
  margin-bottom:18px;
  padding:0 3px 17px;
  border-bottom:1px solid rgba(91,112,190,.13);
}
body.products-page .standard-category-panel > header h3,
body.products-page .standard-product-results > header h3 {
  margin:0;
  color:#222c3c;
  font-size:23px;
  font-weight:700;
  letter-spacing:-.035em;
}
body.products-page .standard-category-panel nav {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:12px;
}
body.products-page .standard-category-card {
  min-width:0;
  min-height:104px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:16px;
  border:1px solid rgba(91,112,190,.14);
  border-radius:15px;
  color:#67748a;
  background:rgba(248,251,255,.88);
  text-decoration:none;
  box-shadow:0 7px 18px rgba(50,75,138,.04);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
body.products-page .standard-category-card.shows-category-icons { grid-template-columns:52px minmax(0,1fr) auto; }
body.products-page .standard-category-card:hover {
  border-color:rgba(70,107,231,.28);
  background:#fff;
  box-shadow:0 13px 28px rgba(50,75,138,.10);
  transform:translateY(-2px);
}
body.products-page .standard-category-card.is-active {
  border-color:rgba(99,84,231,.32);
  color:#fff;
  background:linear-gradient(135deg,#486ee6 0%,#6458e6 58%,#8666ef 100%);
  box-shadow:0 16px 32px rgba(70,75,206,.22);
}
body.products-page .standard-category-card__visual.is-index {
  color:#8090aa;
  font-size:10px;
  font-weight:850;
  font-variant-numeric:tabular-nums;
}
body.products-page .standard-category-card__visual.is-icon {
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(91,112,190,.14);
  border-radius:13px;
  color:#5668dc;
  background:linear-gradient(145deg,rgba(230,245,255,.96),rgba(239,235,255,.94));
  box-shadow:inset 0 1px rgba(255,255,255,.92);
}
body.products-page .standard-category-card__visual.is-icon img { width:100%; height:100%; object-fit:contain; }
body.products-page .standard-category-card__visual.is-icon svg { width:29px; height:29px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
body.products-page .standard-category-card__copy { min-width:0; }
body.products-page .standard-category-card strong {
  display:block;
  overflow:hidden;
  color:#263247;
  font-size:14px;
  font-weight:780;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.products-page .standard-category-card small {
  display:-webkit-box;
  overflow:hidden;
  margin-top:6px;
  color:#7a879b;
  font-size:12px;
  line-height:1.45;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
body.products-page .standard-category-card > b {
  min-width:30px;
  min-height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#5366d7;
  background:rgba(86,103,221,.09);
  font-size:11px;
  font-variant-numeric:tabular-nums;
}
body.products-page .standard-category-card.is-active .standard-category-card__visual.is-index,
body.products-page .standard-category-card.is-active small { color:rgba(255,255,255,.76); }
body.products-page .standard-category-card.is-active strong { color:#fff; }
body.products-page .standard-category-card.is-active > b { color:#fff; background:rgba(255,255,255,.16); }
body.products-page .standard-category-card.is-active .standard-category-card__visual.is-icon { border-color:rgba(255,255,255,.2); color:#eef2ff; background:rgba(255,255,255,.14); box-shadow:inset 0 1px rgba(255,255,255,.16); }
body.products-page .standard-product-results { margin-top:34px; }
body.products-page .standard-product-results > header {
  min-height:66px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:22px;
  padding:0 3px 15px;
  border-bottom:1px solid rgba(91,112,190,.14);
}
body.products-page .standard-product-results > header p {
  margin:0;
  color:#68758a;
  font-size:12px;
  font-weight:740;
  letter-spacing:.06em;
  font-variant-numeric:tabular-nums;
}
body.products-page .standard-product-results .product-card { height:100%; display:flex; flex-direction:column; text-align:left; }
body.products-page .standard-product-results .product-pic { flex:0 0 auto; }
body.products-page .product-card__copy { min-height:150px; display:flex; flex:1; flex-direction:column; padding:18px 22px 21px; }
body.products-page .product-card__category {
  align-self:flex-start;
  max-width:100%;
  overflow:hidden;
  padding:5px 9px;
  border:1px solid rgba(83,102,218,.15);
  border-radius:999px;
  color:#5262cd;
  background:rgba(91,105,224,.07);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
body.products-page .standard-product-results .product-card h3 {
  display:-webkit-box;
  overflow:hidden;
  min-height:49px;
  margin:11px 0 7px;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
body.products-page .standard-product-results .product-card p {
  display:-webkit-box;
  overflow:hidden;
  min-height:43px;
  margin:0;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
body.products-page .standard-category-empty { margin-top:0; }
body.products-page .standard-product-pagination {
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid rgba(91,112,190,.14);
}
body.products-page .standard-product-pagination > span { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
body.products-page .standard-product-pagination a {
  min-width:44px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border:1px solid rgba(81,102,183,.18);
  border-radius:11px;
  color:#56647a;
  background:rgba(255,255,255,.75);
  font-size:12px;
  font-weight:780;
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease;
}
body.products-page .standard-product-pagination a:hover { border-color:rgba(75,91,220,.36); color:#4b55ca; background:#fff; transform:translateY(-1px); }
body.products-page .standard-product-pagination a.is-active { border-color:#5664db; color:#fff; background:linear-gradient(135deg,#4b72e9,#725ce6); }
body.products-page .standard-product-pagination a.is-disabled { opacity:.42; pointer-events:none; }
body.products-page .standard-category-card:focus-visible,
body.products-page .standard-product-pagination a:focus-visible { outline:3px solid rgba(61,108,233,.34); outline-offset:3px; }

@media(max-width:1024px) {
  body.products-page .standard-category-panel nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:700px) {
  body.products-page .standard-category-panel { padding:17px; }
  body.products-page .standard-category-panel nav { display:flex; overflow-x:auto; padding-bottom:3px; scrollbar-width:none; }
  body.products-page .standard-category-panel nav::-webkit-scrollbar { display:none; }
  body.products-page .standard-category-card { flex:0 0 238px; }
  body.products-page .standard-product-results > header { align-items:start; flex-direction:column; gap:10px; }
}

@media(max-width:560px) {
  body.products-page .standard-product-directory__heading { margin-bottom:26px; }
  body.products-page .standard-category-panel > header h3,
  body.products-page .standard-product-results > header h3 { font-size:21px; }
  body.products-page .standard-product-results .product-card h3 { font-size:17px; }
  body.products-page .standard-product-results .product-card p { font-size:14px; }
  body.products-page .standard-product-pagination { align-items:stretch; flex-wrap:wrap; }
  body.products-page .standard-product-pagination > span { order:-1; width:100%; }
  body.products-page .standard-product-pagination > a { flex:1; }
}

@media(prefers-reduced-motion:reduce) {
  body.products-page .standard-category-card,
  body.products-page .standard-product-pagination a { transition:none; }
  body.products-page .standard-category-card:hover,
  body.products-page .standard-product-pagination a:hover { transform:none; }
}

/* MODTEK homepage category directory. The section keeps the existing homepage
   rhythm while replacing individual product rows with category-level entry cards. */
body.modtek-mode.modtek-brand-mode .modtek-category-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
body.modtek-mode.modtek-brand-mode .modtek-category-card {
  position:relative;
  min-height:230px;
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:28px;
  align-items:start;
  padding:28px 30px 25px;
  overflow:hidden;
  border:1px solid rgba(73,98,175,.17);
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0,rgba(127,91,255,.12),transparent 40%),
    radial-gradient(circle at 0 100%,rgba(8,168,245,.09),transparent 42%),
    rgba(255,255,255,.76);
  box-shadow:0 15px 38px rgba(54,76,139,.07);
  color:#222832;
  text-decoration:none;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
body.modtek-mode.modtek-brand-mode .modtek-category-card::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,var(--modtek-brand-black) 0 62%,var(--modtek-brand-red) 62% 100%);
}
body.modtek-mode.modtek-brand-mode .modtek-category-card:hover {
  border-color:rgba(82,87,224,.34);
  background:
    radial-gradient(circle at 100% 0,rgba(127,91,255,.16),transparent 42%),
    radial-gradient(circle at 0 100%,rgba(8,168,245,.12),transparent 44%),
    #fff;
  box-shadow:0 22px 48px rgba(54,76,139,.12);
  transform:translateY(-3px);
}
body.modtek-mode.modtek-brand-mode .modtek-category-card:focus-visible {
  outline:3px solid rgba(72,91,224,.38);
  outline-offset:4px;
}
body.modtek-mode.modtek-brand-mode .modtek-category-card__icon {
  width:96px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(75,96,169,.15);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(235,246,255,.94),rgba(239,234,255,.9));
  color:#5465d6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(67,83,150,.09);
}
body.modtek-mode.modtek-brand-mode .modtek-category-card__icon img { width:100%; height:100%; object-fit:contain; }
body.modtek-mode.modtek-brand-mode .modtek-category-card__icon svg {
  width:44px;
  height:44px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.modtek-mode.modtek-brand-mode .modtek-category-card__copy {
  min-width:0;
  min-height:176px;
  display:flex;
  flex-direction:column;
}
body.modtek-mode.modtek-brand-mode .modtek-category-card__copy > p {
  margin:0 0 8px;
  color:var(--modtek-brand-red-dark);
  font-size:9px;
  font-weight:800;
  letter-spacing:.15em;
}
body.modtek-mode.modtek-brand-mode .modtek-category-card__copy h3 {
  margin:0;
  color:#222832;
  font-size:clamp(25px,3vw,36px);
  font-weight:720;
  letter-spacing:-.045em;
  line-height:1;
  overflow-wrap:anywhere;
  text-transform:uppercase;
}
body.modtek-mode.modtek-brand-mode .modtek-category-card__description {
  max-width:480px;
  margin-top:13px;
  color:#69758a;
  font-size:13px;
  line-height:1.65;
  overflow-wrap:anywhere;
}
body.modtek-mode.modtek-brand-mode .modtek-category-card__footer {
  min-height:45px;
  display:grid;
  grid-template-columns:1fr auto 18px;
  align-items:end;
  gap:13px;
  margin-top:auto;
  padding-top:20px;
  border-top:1px solid rgba(91,111,174,.14);
  color:#32415a;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}
body.modtek-mode.modtek-brand-mode .modtek-category-card__footer > span { color:#7b879a; }
body.modtek-mode.modtek-brand-mode .modtek-category-card__footer svg {
  width:18px;
  height:18px;
  color:var(--modtek-brand-red);
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .22s ease;
}
body.modtek-mode.modtek-brand-mode .modtek-category-card:hover .modtek-category-card__footer svg { transform:translateX(3px); }

@media(max-width:780px) {
  body.modtek-mode.modtek-brand-mode .modtek-category-grid { grid-template-columns:1fr; }
}

@media(max-width:520px) {
  body.modtek-mode.modtek-brand-mode .modtek-category-card { min-height:218px; grid-template-columns:72px minmax(0,1fr); gap:18px; padding:23px 21px 21px; }
  body.modtek-mode.modtek-brand-mode .modtek-category-card__icon { width:72px; border-radius:17px; }
  body.modtek-mode.modtek-brand-mode .modtek-category-card__icon svg { width:34px; height:34px; }
  body.modtek-mode.modtek-brand-mode .modtek-category-card__copy { min-height:172px; }
  body.modtek-mode.modtek-brand-mode .modtek-category-card__footer { grid-template-columns:1fr auto; }
  body.modtek-mode.modtek-brand-mode .modtek-category-card__footer strong { display:none; }
}

@media(prefers-reduced-motion:reduce) {
  body.modtek-mode.modtek-brand-mode .modtek-category-card,
  body.modtek-mode.modtek-brand-mode .modtek-category-card__footer svg { transition:none; }
  body.modtek-mode.modtek-brand-mode .modtek-category-card:hover,
  body.modtek-mode.modtek-brand-mode .modtek-category-card:hover .modtek-category-card__footer svg { transform:none; }
}

/* MANUAL DETAIL refresh: carry the site's light cloud-tech atmosphere through
   the complete knowledge-base page without changing its content hierarchy. */
body.manual-detail-page {
  --orange:#1366ec;
  --orange-light:#4096ff;
  --manual-theme-ink:#191c21;
  --manual-theme-muted:#667085;
  --manual-theme-blue:#1366ec;
  --manual-theme-cyan:#08a8f5;
  --manual-theme-violet:#7f5bff;
  --manual-theme-line:rgba(88,117,172,.17);
  color:var(--manual-theme-ink);
  background-color:#f7faff;
  background-image:
    radial-gradient(ellipse at 2% 12%,rgba(64,150,255,.20) 0,rgba(64,150,255,0) 34%),
    radial-gradient(ellipse at 98% 20%,rgba(127,91,255,.17) 0,rgba(127,91,255,0) 37%),
    radial-gradient(ellipse at 42% 78%,rgba(8,168,245,.09) 0,rgba(8,168,245,0) 34%),
    linear-gradient(135deg,#eef7ff 0%,#fbfaff 48%,#f3efff 100%);
  background-attachment:fixed;
  font-family:Inter,"Noto Sans SC","PingFang SC","Segoe UI","Microsoft YaHei",Arial,sans-serif;
}
body.manual-detail-page a,
body.manual-detail-page button,
body.manual-detail-page select { font-family:inherit; }
body.manual-detail-page a:focus-visible,
body.manual-detail-page button:focus-visible,
body.manual-detail-page select:focus-visible {
  outline:3px solid rgba(19,102,236,.34);
  outline-offset:3px;
}
body.manual-detail-page .site-header {
  border-bottom:1px solid rgba(108,132,177,.13);
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 34px rgba(34,75,139,.055);
  backdrop-filter:blur(22px) saturate(145%);
}
body.manual-detail-page .nav-link:hover,
body.manual-detail-page .nav-link.active { color:var(--manual-theme-blue); }
body.manual-detail-page .nav-link::after {
  background:linear-gradient(90deg,var(--manual-theme-violet),var(--manual-theme-blue),var(--manual-theme-cyan));
}
body.manual-detail-page main {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:transparent;
}
body.manual-detail-page main::before,
body.manual-detail-page main::after {
  position:absolute;
  z-index:-1;
  border:1px solid rgba(100,105,244,.12);
  border-radius:42px;
  background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(136,164,255,.055));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
  content:"";
  pointer-events:none;
}
body.manual-detail-page main::before {
  top:138px;
  right:-176px;
  width:410px;
  height:410px;
  transform:rotate(24deg);
}
body.manual-detail-page main::after {
  top:880px;
  left:-205px;
  width:360px;
  height:360px;
  transform:rotate(-19deg);
}
body.manual-detail-page .manual-page__masthead,
body.manual-detail-page .manual-page__facts,
body.manual-detail-page .manual-section,
body.manual-detail-page .manual-specs-grid div,
body.manual-detail-page .manual-faq-list,
body.manual-detail-page .manual-faq-list details { border-color:var(--manual-theme-line); }
body.manual-detail-page .manual-page__brand,
body.manual-detail-page .manual-page h1,
body.manual-detail-page .manual-section__heading h2,
body.manual-detail-page .manual-rich h1,
body.manual-detail-page .manual-rich h2,
body.manual-detail-page .manual-rich h3,
body.manual-detail-page .manual-specs-grid dd,
body.manual-detail-page .manual-faq-list summary { color:var(--manual-theme-ink); }
body.manual-detail-page .manual-page__masthead > span,
body.manual-detail-page .manual-page__hero-copy > p,
body.manual-detail-page .manual-section__heading > span,
body.manual-detail-page .manual-language-selector__label,
body.manual-detail-page .manual-faq-list summary b,
body.manual-detail-page .manual-faq-list summary i,
body.manual-detail-page .manual-page__return span { color:var(--manual-theme-blue); }
body.manual-detail-page .manual-page__hero-visual {
  border:1px solid rgba(94,119,182,.18);
  border-bottom:3px solid transparent;
  border-radius:22px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(110deg,var(--manual-theme-violet),var(--manual-theme-blue),var(--manual-theme-cyan)) border-box;
  box-shadow:0 24px 58px rgba(47,72,139,.12),inset 0 1px 0 rgba(255,255,255,.9);
}
body.manual-detail-page .manual-page__hero-visual::after {
  border-color:rgba(84,103,238,.23);
}
body.manual-detail-page .manual-page__nav {
  border-color:rgba(88,117,172,.17);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  box-shadow:0 14px 34px rgba(54,76,139,.07),inset 0 1px 0 rgba(255,255,255,.86);
  backdrop-filter:blur(18px) saturate(135%);
}
body.manual-detail-page .manual-page__nav > span,
body.manual-detail-page .manual-page__nav a:hover,
body.manual-detail-page .manual-page__return:hover { color:var(--manual-theme-blue); }
body.manual-detail-page .manual-page__nav a b { color:#8798b5; }
body.manual-detail-page .manual-language-selector__tag {
  position:relative;
  z-index:0;
  isolation:isolate;
  overflow:visible;
  border-color:rgba(88,117,172,.24);
  background:rgba(255,255,255,.64);
}
body.manual-detail-page .manual-language-selector__tag:hover {
  color:var(--manual-theme-blue);
  border-color:rgba(19,102,236,.5);
  box-shadow:0 8px 20px rgba(54,76,139,.08);
}
body.manual-detail-page .manual-language-selector__tag.is-active,
body.manual-detail-page .manual-language-selector__tag[aria-pressed="true"] {
  z-index:1;
  color:#fff;
  background:linear-gradient(135deg,#1157d8 0%,#4b38c4 100%);
  border-color:#174bc0;
  box-shadow:0 8px 22px rgba(38,64,177,.28),inset 0 1px 0 rgba(255,255,255,.24);
  text-shadow:0 1px 1px rgba(8,25,73,.24);
}
body.manual-detail-page .manual-language-selector__tag.is-active::before,
body.manual-detail-page .manual-language-selector__tag[aria-pressed="true"]::before {
  --manual-language-ring-angle:0deg;
  position:absolute;
  inset:-5px;
  z-index:-1;
  padding:2px;
  border-radius:inherit;
  background:conic-gradient(from var(--manual-language-ring-angle),transparent 0deg 76deg,rgba(50,123,255,.18) 104deg,#20d4ff 132deg,#5270ff 157deg,rgba(122,92,255,.82) 180deg,transparent 220deg 360deg);
  content:"";
  filter:drop-shadow(0 0 5px rgba(43,126,255,.72));
  pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  animation:manual-language-ring-flow 2.2s linear infinite;
}
@property --manual-language-ring-angle {
  syntax:"<angle>";
  initial-value:0deg;
  inherits:false;
}
@keyframes manual-language-ring-flow {
  to { --manual-language-ring-angle:360deg; }
}
body.manual-detail-page .manual-language-selector__tag:disabled { opacity:.72; }
body.manual-detail-page .manual-language-selector__tag.is-active:disabled,
body.manual-detail-page .manual-language-selector__tag[aria-pressed="true"]:disabled { opacity:.92; }
body.manual-detail-page .manual-section__player {
  overflow:hidden;
  border:1px solid rgba(91,107,178,.18);
  border-radius:18px;
  background:#0b1020;
  box-shadow:0 22px 52px rgba(45,59,112,.16);
}
body.manual-detail-page .manual-rich,
body.manual-detail-page .manual-faq-list details > div,
body.manual-detail-page .manual-section__heading small,
body.manual-detail-page .manual-page__model { color:#5f6b7c; }
body.manual-detail-page .manual-faq-list details {
  transition:background-color .2s ease,box-shadow .2s ease;
}
body.manual-detail-page .manual-faq-list details[open] {
  background:rgba(255,255,255,.52);
  box-shadow:0 12px 28px rgba(54,76,139,.055);
}
body.manual-detail-page .manual-page__return { color:#32415a; }

@media(max-width:700px) {
  body.manual-detail-page { background-attachment:scroll; }
  body.manual-detail-page main::before { right:-250px; }
  body.manual-detail-page main::after { left:-265px; }
  body.manual-detail-page .manual-page__nav { border-radius:11px; }
}

@media(prefers-reduced-motion:reduce) {
  body.manual-detail-page { background-attachment:scroll; }
  body.manual-detail-page .manual-faq-list details { transition:none; }
  body.manual-detail-page .manual-language-selector__tag.is-active::before,
  body.manual-detail-page .manual-language-selector__tag[aria-pressed="true"]::before { animation:none; }
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body.manual-detail-page .site-header,
  body.manual-detail-page .manual-page__nav { background:rgba(255,255,255,.94); }
}