@media (max-width: 820px) {
  .site-header nav.mobile-open {
    position: absolute;
    top: 72px;
    left: 0;
    display: flex;
    width: 100%;
    padding: 18px 20px 22px;
    flex-direction: column;
    gap: 16px;
    background: #071827;
    border-top: 1px solid rgba(255, 255, 255, .14);
  }
  .site-header nav.mobile-open a { color: #fff; }
}

.brand-logo { position:relative; flex:0 0 auto; padding:0; overflow:visible; border-radius:50%; background:#03070b; box-shadow:0 10px 22px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.24),0 0 16px rgba(22,135,245,.18); transform:translateZ(0); transform-style:preserve-3d; transition:transform .24s ease,box-shadow .24s ease; }
.brand-logo::after { content:""; position:absolute; inset:3px; border-radius:50%; border:1px solid rgba(255,255,255,.22); box-shadow:inset 0 1px 2px rgba(255,255,255,.3),inset 0 -4px 7px rgba(0,0,0,.42); pointer-events:none; }
.brand-logo img { display:block; width:100%; height:100%; border-radius:50%; object-fit:cover; }
.brand-logo:hover { transform:translateY(-2px) scale(1.035); box-shadow:0 14px 27px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.32),0 0 22px rgba(22,135,245,.24); }
.brand-logo-header { width:58px; height:58px; }
.footer-brand .brand-logo-footer { width:76px; height:76px; margin-bottom:13px; }
.footer-brand>p { max-width:220px; }

.company-card {
  display: grid;
  gap: 8px;
  max-width: 540px;
  margin: 22px 0 0 auto;
  padding: 20px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.045);
}
.company-card span { color:#9bb2c7; font-family:"DM Mono",ui-monospace,monospace; font-size:.68rem; letter-spacing:.11em; text-transform:uppercase; }
.company-card strong { font-size:.95rem; letter-spacing:.02em; }
.company-card address { color:#d5e1ec; font-style:normal; font-size:.9rem; line-height:1.55; }
@media (max-width: 820px) { .company-card { margin-left:0; } }

.social-links { display:flex; align-items:center; gap:8px; }
.social-link {
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.38);
  border-radius:8px;
  color:#fff;
  cursor:default;
  opacity:1;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.38),inset 0 -1px 2px rgba(0,0,0,.14),0 4px 10px rgba(0,0,0,.28);
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}
.social-link::before { content:""; position:absolute; z-index:-1; inset:0; border-radius:inherit; background:linear-gradient(155deg,rgba(255,255,255,.34),rgba(255,255,255,.06) 42%,rgba(0,0,0,.12)); pointer-events:none; }
.social-link:hover { transform:translateY(-2px) scale(1.045); filter:brightness(1.08); box-shadow:inset 0 1px 1px rgba(255,255,255,.5),inset 0 -1px 2px rgba(0,0,0,.18),0 7px 15px rgba(0,0,0,.32); }
.social-link[href] { cursor:pointer; }
.social-link:focus-visible { outline:2px solid #b8ff2c; outline-offset:3px; }
.social-link-youtube { background:#ff0033; border-color:#ff5270; }
.social-link.social-link-reddit { background:#ff4500; color:#fff; border-color:#ff713d; }
.social-link-linkedin { background:#0a66c2; border-color:#3d8bd6; }
.social-link-instagram { background:radial-gradient(circle at 31% 103%,#ffd600 0 22%,#ff7a00 34%,#ff0169 58%,#d300c5 72%,#7638fa 94%); }
.social-link-facebook { background:#1877f2; border-color:#539bf7; }
.social-link svg { position:relative; z-index:1; width:17px; height:17px; fill:currentColor; filter:drop-shadow(0 1px 1px rgba(0,0,0,.17)); }
.social-link svg rect,.social-link svg circle { fill:none; stroke:currentColor; stroke-width:1.9; }
.social-link svg .social-fill { fill:currentColor; stroke:none; }
.social-link-youtube svg { width:18px; height:18px; }
.social-link-youtube svg .youtube-lozenge { fill:#fff; }
.social-link-youtube svg .youtube-play { fill:#ff0033; }
.social-link-reddit svg .reddit-white { fill:#fff; stroke:none; }
.social-link-reddit svg .reddit-eye { fill:#ff4500; stroke:none; }
.social-link-reddit svg .reddit-antenna { fill:none; stroke:#fff; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.social-link-reddit svg .reddit-smile { fill:none; stroke:#ff4500; stroke-width:1.3; stroke-linecap:round; }
.social-link-linkedin svg circle,.social-link-linkedin svg path,.social-link-facebook svg path { fill:#fff; stroke:none; }
.social-link-instagram svg rect,.social-link-instagram svg circle { fill:none; stroke:#fff; stroke-width:1.9; }
.social-link-instagram svg .social-fill { fill:#fff; stroke:none; }
.social-link-text { font:700 14px/1 Arial,sans-serif; text-decoration:none; text-shadow:0 1px 1px rgba(0,0,0,.16); }
@media (max-width: 820px) { .social-links { gap:5px; } .social-link { width:23px; height:23px; } .social-link svg { width:12px; height:12px; } .social-link-text { font-size:11px; } }

.product-menu { position:relative; }
.product-menu summary { list-style:none; color:rgba(255,255,255,.72); cursor:pointer; font-size:13px; user-select:none; }
.product-menu summary::-webkit-details-marker { display:none; }
.product-menu summary span { display:inline-block; margin-left:3px; font-size:12px; transition:transform .18s ease; }
.product-menu[open] summary,.product-menu:hover summary { color:#fff; }
.product-menu[open] summary span { transform:rotate(180deg); }
.product-menu-panel { position:absolute; top:calc(100% + 14px); left:-18px; z-index:20; display:grid; width:260px; padding:10px; background:rgba(7,24,39,.98); border:1px solid rgba(255,255,255,.16); box-shadow:0 20px 40px rgba(0,0,0,.28); }
.product-menu-panel a { display:grid; grid-template-columns:40px 1fr; gap:9px; padding:11px 10px; color:#edf5fb; font:600 11px/1.3 var(--font-display); letter-spacing:.02em; text-decoration:none; }
.product-menu-panel a:hover { color:#fff; background:rgba(22,135,245,.18); }
.product-menu-panel small { color:#7fb8ef; font:500 9px var(--font-mono); letter-spacing:.07em; }
@media (min-width:821px) { .product-menu:not([open]) .product-menu-panel { display:none; } .product-menu:hover .product-menu-panel { display:grid; } }
@media (max-width:1200px) and (min-width:821px) { .site-header { gap:18px; } .site-header nav { gap:17px; } .site-header nav .nav-context { display:none; } }
@media (max-width:820px) { .site-header nav.mobile-open .product-menu { width:100%; } .site-header nav.mobile-open .product-menu summary { color:#fff; font-size:13px; } .site-header nav.mobile-open .product-menu-panel { position:static; width:100%; margin-top:10px; box-shadow:none; background:rgba(255,255,255,.06); } }

.company-intro { background:#f3f6f8; color:#071827; }
.company-intro .section-heading>p { color:#566b7a; }
.company-information-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:46px; background:#d6dfe6; }
.company-information-grid article { min-height:190px; padding:25px; background:#fff; display:grid; align-content:start; gap:22px; }
.company-information-grid span { color:#688099; font:500 .63rem var(--font-mono); letter-spacing:.1em; }
.company-information-grid strong { font:600 clamp(18px,2vw,29px)/1.12 var(--font-display); letter-spacing:-.045em; }
.partnership-grid article { min-height:238px; gap:17px; }
.partnership-grid article:nth-child(2) { background:#e7f2fb; }
.partnership-grid article:nth-child(3) { background:#e8f4ed; }
.partnership-grid article>p { max-width:290px; margin:0; color:#5d6f7c; font-size:.82rem; line-height:1.65; }
.company-legal-strip { display:grid; grid-template-columns:auto 1fr auto 1.5fr; gap:10px 18px; align-items:baseline; margin-top:1px; padding:18px 25px; color:#d5e3ee; background:#0a1b2a; }
.company-legal-strip span { color:#8ca9c2; font:500 .59rem var(--font-mono); letter-spacing:.1em; }
.company-legal-strip strong { color:#fff; font:600 .76rem var(--font-display); letter-spacing:.025em; }
.company-legal-strip p { margin:0; color:#d5e3ee; font-size:.72rem; line-height:1.5; }
.loaded-pallet-size strong { display:block; font:650 clamp(21px,2vw,30px)/1.3 var(--font-body); color:#071827; }
.loaded-pallet-size span { display:block; font-size:13px; font-weight:400; margin-top:7px; color:#405768; }
.container-loading-guide { margin-top:28px; padding:clamp(22px,3vw,40px); background:#071827; color:#f4f8fc; }
.container-loading-heading { display:grid; grid-template-columns:1.3fr 1fr; gap:28px; align-items:center; }
.container-loading-heading h3 { color:#fff; font-size:clamp(25px,2.5vw,36px); line-height:1.2; margin:15px 0; }
.container-loading-heading p:not(.eyebrow) { color:#c4d4df; font-size:15px; line-height:1.7; }
.container-load-metrics { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.container-load-metrics strong { display:block; font-size:clamp(25px,2.4vw,34px); white-space:nowrap; color:#b6ff52; }
.container-load-metrics span { display:block; margin-top:8px; color:#c4d4df; font-size:13px; }
.container-floor-plan { margin:28px 0; }
.container-plan-label { display:flex; justify-content:space-between; gap:12px; color:#8bd9f3; font:600 11px/1.6 var(--font-mono); margin-bottom:12px; }
.container-plan-outline { aspect-ratio:590 / 235.2; padding:1% 5.42% 1% 0; border:2px solid #8bd9f3; border-right:4px double #b6ff52; background:#102a3d; }
.container-plan-pallets { height:100%; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); }
.container-plan-pallets span { display:grid; place-items:center; color:#dff5ff; background:#214f68; border:2px solid #071827; box-shadow:inset 0 0 0 1px #558a9d; font:600 clamp(13px,2vw,22px)/1 var(--font-mono); }
.container-floor-plan figcaption,.container-loading-note { font-size:13px; line-height:1.8; color:#c4d4df; margin:14px 0 0; }
.container-loading-note a { color:#8bd9f3; text-underline-offset:4px; }
@media(max-width:820px) { .container-loading-heading { grid-template-columns:1fr; } }
.packing-detail-link { display:block; margin-top:10px; color:#056292; font-weight:650; text-underline-offset:4px; }
#packing,#factory-lab,#factory-guides,#factory-quality,#factory-print-testing { scroll-margin-top:130px; }
.facility-visual { display:flex; flex-direction:column; }
.facility-visual figcaption { flex:1; display:flex; flex-direction:column; }
.facility-guide-link { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:auto; padding:17px 0 0; border-top:1px solid #62737e; color:#b6ff52; text-decoration:none; min-height:48px; font:600 14px/1.5 var(--font-body); }
.facility-visual .facility-guide-link span { color:inherit; font:inherit; letter-spacing:0; margin:0; }
.facility-guide-link:hover { color:#fff; }
.facility-guide-link:focus-visible,.packing-detail-link:focus-visible { outline:2px solid #1687f5; outline-offset:5px; }
.factory-story { background:#071827; color:#f6fafc; }
.factory-story-heading { display:grid; grid-template-columns:1fr 1fr; gap:6vw; align-items:end; }
.factory-story h2 { margin:18px 0 0; font:600 clamp(38px,4.8vw,70px)/1.05 var(--font-display); letter-spacing:-.045em; }
.factory-story h2 em { font-family:var(--font-serif,Georgia,serif); font-weight:400; }
.factory-story-heading p:not(.eyebrow) { color:#c4d4df; font-size:16px; line-height:1.8; }
.factory-story .text-link { color:#b6ff52; }
.factory-location-line { display:flex; flex-wrap:wrap; gap:18px 30px; margin:38px 0; padding:18px 0; border-block:1px solid #345061; font:600 12px/1.7 var(--font-mono); letter-spacing:.045em; }
.factory-location-line a { color:#b6ff52; margin-left:auto; text-underline-offset:5px; }
.factory-process-heading { display:flex; justify-content:space-between; gap:20px; align-items:center; margin:26px 0; }
.factory-process-heading>p:last-child { color:#c4d4df; font-size:15px; }
.factory-process-grid { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; border:1px solid #345061; background:#345061; }
.factory-process-grid li { background:#0c2232; padding:28px; border-top:2px solid #40bfea; display:flex; flex-direction:column; }
.factory-step { color:#86d7f1; font:600 12px/1.5 var(--font-mono); }
.factory-process-grid h3 { color:#fff; font-size:23px; line-height:1.25; margin:26px 0 12px; }
.factory-process-grid p { color:#c4d4df; font-size:15px; line-height:1.75; margin:0 0 22px; }
.factory-process-grid small { color:#b6ff52; margin-top:auto; padding-top:17px; border-top:1px solid #345061; font-size:12px; line-height:1.6; }
.factory-quality { background:#eef3f5; color:#071827; }
.factory-quality .section-heading h2,.factory-records h3,.factory-record-tags span { color:#071827; }
.factory-quality .section-heading>p { color:#405768; }
.factory-quality .eyebrow,.factory-record-actions .text-link { color:#056292; }
.factory-quality-route { margin:42px 0 32px; }
.factory-quality-route-heading { display:flex; justify-content:space-between; align-items:baseline; gap:24px; margin-bottom:16px; }
.factory-quality-route-heading .eyebrow { margin:0; }
.factory-quality-route-heading>p:last-child { max-width:570px; margin:0; color:#405768; font-size:14px; line-height:1.7; }
.factory-quality-layers { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; padding:1px; margin:0; list-style:none; background:#2a4658; }
.factory-quality-layers li { min-width:0; padding:23px 20px 26px; background:#102838; }
.factory-quality-layers li>span { color:#b6ff52; font:600 11px/1.5 var(--font-mono); }
.factory-quality-layers h3 { margin:22px 0 10px; color:#fff; font:600 clamp(18px,1.8vw,22px)/1.2 var(--font-display); }
.factory-quality-layers p { margin:0; color:#c9d7df; font-size:13px; line-height:1.7; }
.factory-quality-detail-label { margin:0 0 14px; color:#056292; font:600 11px/1.5 var(--font-mono); letter-spacing:.06em; }
.factory-quality-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.factory-quality-grid article { padding:28px; background:#fff; border:1px solid #ccd9df; display:flex; flex-direction:column; }
.factory-quality-grid article>span { color:#056292; font:600 11px/1.6 var(--font-mono); }
.factory-quality-grid h3 { font-size:23px; line-height:1.3; margin:20px 0 12px; color:#071827; }
.factory-quality-grid p,.factory-records p:not(.eyebrow) { font-size:15px; line-height:1.8; color:#405768; }
.factory-quality-grid small { margin-top:auto; padding-top:16px; border-top:1px solid #d9e3e8; font-size:13px; line-height:1.7; color:#405768; }
.factory-records { margin-top:36px; padding:30px; border-top:3px solid #1687f5; background:#e0eaf0; display:grid; grid-template-columns:1.2fr 1fr; gap:24px 40px; }
.factory-records h3 { font-size:26px; margin:12px 0; }
.factory-record-tags { display:grid; grid-template-columns:1fr 1fr; align-content:center; gap:10px; }
.factory-record-tags span { padding:18px; background:#f7fafc; font-size:14px; line-height:1.6; border-left:2px solid #1687f5; }
.factory-record-actions { grid-column:1/-1; display:flex; align-items:center; flex-wrap:wrap; gap:20px 30px; }
@media(max-width:1000px) { .factory-process-grid,.factory-quality-grid,.factory-quality-layers { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:820px) { .factory-story-heading,.factory-records { grid-template-columns:1fr; gap:24px; } .factory-location-line a { margin-left:0; } .factory-process-heading { display:block; } }
@media(max-width:540px) { .factory-process-grid,.factory-quality-grid,.factory-quality-layers { grid-template-columns:1fr; } .factory-quality-route-heading { display:block; } .factory-quality-route-heading>p:last-child { margin-top:10px; } .factory-process-grid li,.factory-quality-grid article,.factory-records { padding:24px; } .factory-record-tags { grid-template-columns:1fr; } }
.factory-lab { display:grid; grid-template-columns:.75fr 1.25fr; gap:9vw; background:#071827; color:#fff; }
.factory-lab h2,.company-certificate h2 { margin:0; font:600 clamp(48px,5vw,77px)/.96 var(--font-display); letter-spacing:-.065em; }
.factory-lab-copy>p { max-width:620px; margin:0; color:#c1d1df; font-size:1rem; line-height:1.8; }
.factory-lab-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:42px; background:rgba(255,255,255,.15); }
.factory-lab-grid article { min-height:220px; padding:21px; background:#0c2134; }
.factory-lab-grid span { display:block; color:#83bff6; font:500 .68rem var(--font-mono); }
.factory-lab-grid strong { display:block; margin-top:45px; font:600 1.05rem var(--font-display); }
.factory-lab-grid p { margin:10px 0 0; color:#aabfd1; font-size:.78rem; line-height:1.65; }
.company-certificate { display:grid; grid-template-columns:.8fr 1.2fr; gap:9vw; background:#dff0e6; color:#09231b; }
.company-certificate>div>p:not(.eyebrow) { max-width:570px; margin:0; color:#38584a; line-height:1.8; }
.company-certificate .text-link { margin-top:28px; }
.facility-visuals { background:#f1f5f7; color:#071827; }
.facility-visuals .section-heading>p { color:#5c6c79; }
.facility-slot-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; margin-top:50px; }
.facility-slot-grid>div { min-height:360px; padding:27px; display:flex; flex-direction:column; justify-content:flex-end; color:#fff; border:1px solid rgba(255,255,255,.14); background:linear-gradient(145deg,rgba(22,135,245,.3),transparent 50%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px),#07121e; }
.facility-slot-grid>div:nth-child(2) { background:linear-gradient(145deg,rgba(0,213,185,.25),transparent 50%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px),#07121e; }
.facility-slot-grid>div:nth-child(3) { background:linear-gradient(145deg,rgba(255,89,31,.28),transparent 50%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px),#07121e; }
.facility-slot-grid span { color:#8fbbe0; font:500 .63rem var(--font-mono); letter-spacing:.1em; }
.facility-slot-grid strong { margin-top:16px; font:600 1.55rem/1.05 var(--font-display); letter-spacing:-.045em; }
.facility-slot-grid p { margin:10px 0 0; color:#aebfd0; font-size:.78rem; line-height:1.65; }
@media (max-width:820px) { .company-information-grid,.factory-lab,.factory-lab-grid,.company-certificate,.company-legal-strip { grid-template-columns:1fr; } .company-legal-strip { gap:5px; padding:20px; } .company-legal-strip strong { margin-bottom:12px; } .factory-lab-grid article { min-height:150px; } .factory-lab-grid strong { margin-top:25px; } }

/* 2026 visual, typography and conversion system */
html { font-size:16px; }
body { -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
.site-header { min-height:84px; position:fixed; top:0; z-index:50; background:rgba(6,16,29,.9); backdrop-filter:blur(16px); border-bottom:1px solid rgba(255,255,255,.1); }
.product-page .site-header { position:sticky; top:0; background:rgba(8,18,30,.94); }
.site-header nav { align-items:center; gap:18px; }
.site-header nav>a,.product-menu summary { display:flex; align-items:center; height:34px; margin:0; padding:0; font:600 10.5px/1 var(--font-display); letter-spacing:.075em; text-transform:uppercase; white-space:nowrap; }
.site-header nav>a[aria-current="page"] { color:#fff; }
.product-menu { display:flex; align-items:center; min-height:34px; }
.product-menu summary span { margin-top:-2px; }
.section-heading>p,.detail-copy>p:not(.eyebrow),.product-hero p:not(.eyebrow) { font-size:clamp(.92rem,1.05vw,1.04rem); }
.finder { align-items:start; }
.finder-applications { grid-column:1 / -1; display:grid; grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr); gap:clamp(28px,5vw,76px); margin-top:clamp(42px,6vw,78px); padding-top:clamp(30px,4vw,52px); border-top:1px solid #cdd8df; }
.finder-applications-copy h3 { margin:0; font:600 clamp(34px,3.55vw,58px)/.96 var(--font-display); letter-spacing:-.065em; }
.finder-applications-copy h3 em { font-family:Georgia,serif; font-weight:400; }
.finder-applications-copy>p:not(.eyebrow) { max-width:380px; margin:22px 0 0; color:#586d7c; font-size:.88rem; line-height:1.75; }
.application-chip-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:#d6e0e6; border:1px solid #d6e0e6; box-shadow:0 20px 44px rgba(7,27,45,.08); }
.application-chip-grid article { min-height:136px; padding:17px 16px; display:flex; flex-direction:column; justify-content:space-between; background:#fff; transition:background .22s ease,transform .22s ease; }
.application-chip-grid article:nth-child(4n+1) { background:#eaf7ff; }
.application-chip-grid article:nth-child(4n+2) { background:#0b2032; color:#fff; }
.application-chip-grid article:nth-child(4n+3) { background:#f3f1ed; }
.application-chip-grid article:nth-child(4n+4) { background:#eaf4e8; }
.application-chip-grid article:hover { position:relative; z-index:1; background:#b6ff52; color:#071827; transform:translateY(-5px); }
.application-chip-grid span { color:#63809a; font:500 .61rem var(--font-mono); letter-spacing:.12em; }
.application-chip-grid article:nth-child(4n+2) span { color:#96c9f0; }
.application-chip-grid article:hover span { color:#274152; }
.application-chip-grid strong { font:600 clamp(1rem,1.35vw,1.3rem)/1 var(--font-display); letter-spacing:-.045em; }
.application-chip-grid small { color:#637a8d; font:500 .61rem var(--font-mono); letter-spacing:.075em; text-transform:uppercase; }
.application-chip-grid article:nth-child(4n+2) small { color:#a9bdca; }
.application-chip-grid article:hover small { color:#365363; }
.button { min-height:46px; border-radius:4px; box-shadow:0 12px 28px rgba(6,16,29,.16); }
.detail-hero { grid-template-columns:minmax(420px,.88fr) minmax(0,1.12fr); min-height:650px; padding-top:72px; }
.detail-copy h1 { font-size:clamp(58px,6.5vw,104px); }
.detail-hero>img { min-height:560px; object-position:center; }
.benefit-grid article { min-height:210px; padding:26px; transition:transform .24s ease,box-shadow .24s ease; }
.benefit-grid article:hover { position:relative; z-index:2; transform:translateY(-5px); box-shadow:0 18px 35px rgba(6,16,29,.12); }
.benefit-grid strong { font-size:1.28rem; }
.benefit-grid p { font-size:.86rem; }

.color-spectrum { position:relative; min-height:590px; padding:24px; overflow:hidden; background:#07121e; box-shadow:0 34px 70px rgba(7,18,30,.28); }
.color-spectrum:before { content:""; position:absolute; inset:-28% -16% auto auto; width:430px; height:430px; border-radius:50%; background:conic-gradient(#0cf,#e4007f,#fff000,#ff4b14,#2dff78,#0cf); filter:blur(70px); opacity:.2; }
.spectrum-title { position:relative; z-index:1; display:block; margin-bottom:20px; color:#9ab0c3; font:500 .66rem var(--font-mono); letter-spacing:.13em; }
.spectrum-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); gap:2px; }
.spectrum-grid i { min-height:112px; padding:14px; display:flex; flex-direction:column; justify-content:space-between; color:#fff; font-style:normal; transition:transform .2s ease,filter .2s ease; }
.spectrum-grid i:hover { z-index:2; transform:scale(1.045); filter:saturate(1.16); }
.spectrum-grid b { font:700 1.2rem var(--font-display); letter-spacing:-.05em; }
.spectrum-grid small { font:600 .61rem/1.25 var(--font-display); letter-spacing:.04em; text-transform:uppercase; }
.ink-black { background:#111820 !important; color:#fff !important; }
.ink-cyan { background:#02a9d6 !important; color:#fff !important; }
.ink-magenta { background:#e90078 !important; color:#fff !important; }
.ink-yellow { background:#f3d900 !important; color:#18202a !important; }
.ink-white { background:#f6f8fb !important; color:#162333 !important; box-shadow:inset 0 0 0 1px #cfd8df; }
.ink-light-cyan { background:#9ce9f4 !important; color:#12303a !important; }
.ink-light-magenta { background:#f3a8d0 !important; color:#3b1730 !important; }
.ink-light-black { background:#66717b !important; color:#fff !important; }
.ink-light-light-black { background:#aeb6bd !important; color:#17222c !important; }
.ink-orange { background:#ff7215 !important; color:#fff !important; }
.ink-red { background:#e52a32 !important; color:#fff !important; }
.ink-blue { background:#1857d7 !important; color:#fff !important; }
.ink-green { background:#00a45d !important; color:#fff !important; }
.ink-fluo-red { background:#ff174f !important; color:#fff !important; box-shadow:inset 0 0 28px #ff8aa7; }
.ink-fluo-yellow { background:#eaff00 !important; color:#202700 !important; box-shadow:inset 0 0 28px #fff; }
.ink-fluo-orange { background:#ff8a00 !important; color:#fff !important; box-shadow:inset 0 0 26px #ffd45c; }
.ink-fluo-green { background:#20ed56 !important; color:#082713 !important; box-shadow:inset 0 0 26px #a9ffba; }
.spectrum-grid i:last-child { grid-column:span 2; }

.color-architecture { position:relative; min-height:420px; padding:26px; overflow:hidden; background:linear-gradient(145deg,#07121e,#0a1f2a 58%,#10271f); box-shadow:0 34px 70px rgba(7,18,30,.22); }
.color-architecture:before { content:""; position:absolute; top:-180px; right:-145px; width:430px; height:430px; border-radius:50%; background:conic-gradient(#0cf,#e4007f,#fff000,#ff4b14,#2dff78,#0cf); filter:blur(76px); opacity:.18; }
.architecture-header { position:relative; z-index:1; display:grid; grid-template-columns:1fr auto; align-items:end; gap:2px 16px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.16); }
.architecture-header span,.architecture-header small { color:#8fb8d8; font:500 .62rem var(--font-mono); letter-spacing:.12em; }
.architecture-header strong { grid-row:span 2; color:#fff; font:600 2.35rem/.8 var(--font-display); letter-spacing:-.08em; }
.architecture-header small { grid-column:1; }
.color-family-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin-top:18px; background:rgba(255,255,255,.14); }
.color-family-grid article { min-height:140px; padding:17px; background:rgba(7,18,30,.9); }
.color-family-grid article>span { color:#84b7e6; font:500 .58rem var(--font-mono); letter-spacing:.1em; }
.color-family-grid article>strong { display:block; margin-top:14px; color:#fff; font:600 1.14rem/1 var(--font-display); letter-spacing:-.045em; }
.color-family-grid article>p { min-height:30px; margin:8px 0 11px; color:#afc4d4; font-size:.69rem; line-height:1.35; }
.family-drops { display:flex; gap:7px; align-items:center; }
.family-drops i { display:block; width:17px; height:20px; border:1px solid rgba(255,255,255,.28); border-radius:60% 60% 60% 8%; box-shadow:0 5px 9px rgba(0,0,0,.25); transform:rotate(45deg); }
.family-white { background:rgba(21,38,52,.96) !important; }
.family-spot { background:rgba(31,24,40,.96) !important; }
.family-fluorescent { background:rgba(21,42,37,.96) !important; }
.architecture-note { position:relative; z-index:1; margin:18px 0 0; color:#91abc0; font:500 .61rem/1.5 var(--font-mono); letter-spacing:.055em; }

.ink-range-section { background:#07121e; color:#fff; }
.ink-range-section .section-heading>p { color:#9db0c1; }
.ink-color-list { display:grid; grid-template-columns:repeat(9,minmax(72px,1fr)); gap:24px 12px; margin-top:52px; }
.ink-color-list article { min-height:104px; padding:4px; display:flex; align-items:center; flex-direction:column; justify-content:flex-start; color:#fff !important; background:transparent !important; box-shadow:none !important; text-align:center; transition:transform .2s ease; }
.ink-color-list article:hover { position:relative; z-index:2; transform:translateY(-5px); }
.ink-color-list b { position:relative; isolation:isolate; display:grid; width:42px; height:48px; place-items:center; color:var(--drop-text,#fff); font:700 .7rem var(--font-display); }
.ink-color-list b:before { content:""; position:absolute; inset:3px 6px 7px 2px; z-index:-1; border:1px solid rgba(255,255,255,.2); border-radius:50% 50% 50% 7%; background:var(--drop,#1687f5); box-shadow:inset 5px 5px 10px rgba(255,255,255,.2),0 7px 15px rgba(0,0,0,.28); transform:rotate(45deg); }
.ink-color-list strong { margin-top:10px; color:#fff; font:600 .72rem/1.22 var(--font-display); }
.ink-color-list small { margin-top:4px; color:#8299ac; font:500 .5rem var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.ink-color-list article:last-child { grid-column:auto; }
.ink-color-list .ink-black { --drop:#111820; }
.ink-color-list .ink-cyan { --drop:#02a9d6; }
.ink-color-list .ink-magenta { --drop:#e90078; }
.ink-color-list .ink-yellow { --drop:#f3d900; --drop-text:#18202a; }
.ink-color-list .ink-white { --drop:#f6f8fb; --drop-text:#162333; }
.ink-color-list .ink-light-cyan { --drop:#9ce9f4; --drop-text:#12303a; }
.ink-color-list .ink-light-magenta { --drop:#f3a8d0; --drop-text:#3b1730; }
.ink-color-list .ink-light-black { --drop:#66717b; }
.ink-color-list .ink-light-light-black { --drop:#aeb6bd; --drop-text:#17222c; }
.ink-color-list .ink-orange { --drop:#ff7215; }
.ink-color-list .ink-red { --drop:#e52a32; }
.ink-color-list .ink-blue { --drop:#1857d7; }
.ink-color-list .ink-green { --drop:#00a45d; }
.ink-color-list .ink-fluo-red { --drop:#ff174f; }
.ink-color-list .ink-fluo-yellow { --drop:#eaff00; --drop-text:#202700; }
.ink-color-list .ink-fluo-orange { --drop:#ff8a00; }
.ink-color-list .ink-fluo-green { --drop:#20ed56; --drop-text:#082713; }

.product-visual-stage { display:grid; grid-template-columns:1.25fr .75fr; gap:2px; background:#101b28; color:#fff; }
.product-visual-stage figure { margin:0; background:#0c1723; }
.product-visual-stage img { display:block; width:100%; aspect-ratio:1.45; object-fit:cover; }
.product-visual-stage figcaption { padding:24px 27px 29px; }
.product-visual-stage figcaption span { color:#82b9e8; font:500 .64rem var(--font-mono); letter-spacing:.12em; }
.product-visual-stage figcaption strong { display:block; margin-top:12px; font:600 clamp(22px,2.4vw,36px)/1 var(--font-display); letter-spacing:-.055em; }
.product-visual-stage figcaption p { max-width:520px; margin:10px 0 0; color:#aebfd0; font-size:.85rem; line-height:1.7; }
.product-visual-stage-single { display:block; background:#081521; }
.product-visual-stage-single figure { overflow:hidden; }
.product-visual-stage-single .dtg-production-media,.product-visual-stage-single .dtf-sample-media { position:relative; overflow:hidden; background:#07121c; }
.product-visual-stage-single .dtg-production-media:after,.product-visual-stage-single .dtf-sample-media:after { position:absolute; inset:0; content:""; pointer-events:none; background:linear-gradient(180deg,transparent 62%,rgba(4,14,23,.72)); }
.product-visual-stage-single img { width:100%; aspect-ratio:16/9; max-height:780px; object-fit:cover; object-position:center 53%; }
.product-visual-stage-single .dtg-production-media>span,.product-visual-stage-single .dtf-sample-media>span { position:absolute; z-index:1; right:25px; bottom:21px; color:#fff; font:600 .62rem/1.4 var(--font-mono); letter-spacing:.11em; }
.product-visual-stage-single figcaption { display:grid; grid-template-columns:minmax(190px,.58fr) minmax(0,1.42fr); gap:clamp(32px,7vw,110px); align-items:start; padding:32px clamp(28px,4vw,62px) 37px; }
.product-visual-stage-single figcaption strong { margin-top:0; max-width:680px; }
.product-visual-stage-single figcaption p { grid-column:2; max-width:720px; margin-top:-5px; }
.dtf-sample-showcase figure { max-width:1080px; margin:0 auto; }
.dtf-sample-showcase .dtf-sample-media { background:#d6cec3; }
.dtf-sample-showcase img { width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain; object-position:center; }
.product-figure,.facility-visual { position:relative; overflow:hidden; }
.product-media-frame,.facility-media { position:relative; overflow:hidden; }
.product-figure .product-media-frame { background:#eef1f4; }
.product-figure img { aspect-ratio:1.5; object-fit:cover; transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.product-figure:hover img,.facility-visual:hover img { transform:scale(1.025); }
.facility-slot-grid { align-items:stretch; }
.facility-slot-grid>figure { margin:0; display:flex; min-width:0; flex-direction:column; color:#fff; background:#07121e; border:1px solid rgba(255,255,255,.12); }
.facility-media { aspect-ratio:1.34; background:#0b1c2d; }
.facility-media img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.facility-visual:first-child .facility-media img { object-position:43% center; }
.facility-visual:nth-child(2) .facility-media img { object-position:46% center; }
.facility-visual figcaption { flex:1; padding:22px 23px 25px; background:#071827; border-top:3px solid #1687f5; }
.facility-visual:nth-child(2) figcaption { border-top-color:#19b3a3; }
.facility-visual:nth-child(3) figcaption { border-top-color:#b6ff52; }
.facility-visual figcaption span { display:block; color:#8fbbe0; font:500 .63rem var(--font-mono); letter-spacing:.1em; }
.facility-visual figcaption strong { display:block; margin-top:14px; font:600 1.35rem/1.08 var(--font-display); letter-spacing:-.045em; }
.facility-visual figcaption p { margin:10px 0 20px; color:#c5d3de; font-size:14px; line-height:1.75; }

.conversion-cta { display:grid; grid-template-columns:1.15fr .85fr; gap:8vw; align-items:end; background:linear-gradient(120deg,#ff5e20,#ff7b19 45%,#ffd24a); color:#07121e; }
.conversion-copy h2 { max-width:760px; margin:0; font:600 clamp(42px,5.2vw,78px)/.95 var(--font-display); letter-spacing:-.065em; }
.conversion-copy>p:not(.eyebrow) { max-width:580px; margin:25px 0 29px; font-size:1rem; line-height:1.75; }
.conversion-copy .button { background:#071827; color:#fff; }
.document-readiness { padding:28px; background:rgba(7,24,39,.92); color:#fff; box-shadow:0 24px 60px rgba(61,24,3,.24); }
.document-readiness>span { color:#91abc0; font:500 .64rem var(--font-mono); letter-spacing:.12em; }
.document-readiness>div { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:25px 0 18px; background:rgba(255,255,255,.14); }
.document-readiness b { padding:17px; background:#102438; font:600 .82rem var(--font-display); letter-spacing:.08em; }
.document-readiness p { margin:0; color:#aebfd0; font-size:.76rem; line-height:1.65; }

.blog-hero { min-height:650px; display:grid; grid-template-columns:1.15fr .85fr; gap:8vw; align-items:end; background:radial-gradient(circle at 80% 15%,rgba(0,196,255,.24),transparent 25%),radial-gradient(circle at 15% 80%,rgba(255,73,32,.21),transparent 26%),#06101d; }
.blog-hero h1 { margin:0; font:600 clamp(58px,7vw,108px)/.9 var(--font-display); letter-spacing:-.075em; }
.blog-hero h1 em { font-family:Georgia,serif; font-weight:400; }
.blog-hero>div>p:not(.eyebrow) { max-width:610px; margin:28px 0 0; color:#b8c8d6; font-size:1rem; line-height:1.8; }
.blog-hero-index { min-height:300px; padding:29px; display:flex; flex-direction:column; justify-content:flex-end; background:linear-gradient(145deg,rgba(22,135,245,.34),rgba(255,92,32,.2)),#102235; border:1px solid rgba(255,255,255,.16); }
.blog-hero-index span,.article-grid span { color:#8fbde5; font:500 .65rem var(--font-mono); letter-spacing:.12em; }
.blog-hero-index strong { margin:34px 0 12px; font:600 1.3rem/1.35 var(--font-display); }
.blog-hero-index p { margin:0; color:#adc0d0; font-size:.8rem; line-height:1.65; }
.blog-index { background:#f1f5f7; color:#071827; }
.article-grid { display:grid; grid-template-columns:1fr 1fr; gap:2px; margin-top:54px; background:#ced7dd; }
.article-grid a { min-height:280px; padding:28px; display:flex; flex-direction:column; color:#071827; text-decoration:none; background:#fff; transition:background .2s ease,transform .2s ease; }
.article-grid a:hover { z-index:2; transform:translateY(-5px); background:#e9f5ff; }
.article-grid strong { max-width:520px; margin-top:auto; font:600 clamp(24px,2.8vw,40px)/1.04 var(--font-display); letter-spacing:-.055em; }
.article-grid p { margin:15px 0 0; color:#5a6a77; font-size:.83rem; line-height:1.65; }
.blog-article { display:grid; grid-template-columns:.28fr 1fr; gap:7vw; background:#fff; color:#071827; border-top:1px solid #d5dce2; }
.blog-article:nth-of-type(even) { background:#eaf2f7; }
.article-meta span { font:600 clamp(70px,10vw,150px)/.8 var(--font-display); letter-spacing:-.09em; color:#d7e3ec; }
.article-meta p { color:#657b8d; font:500 .62rem/1.7 var(--font-mono); letter-spacing:.11em; }
.article-body { max-width:850px; }
.article-body h2 { margin:0; font:600 clamp(42px,5vw,74px)/.97 var(--font-display); letter-spacing:-.065em; }
.article-body h3 { margin:45px 0 15px; font:600 1.45rem var(--font-display); letter-spacing:-.035em; }
.article-body>p { color:#455867; font-size:.96rem; line-height:1.82; }
.article-body .article-lead { margin:28px 0; color:#0d273d; font-size:1.2rem; line-height:1.7; }
.comparison-table,.document-grid { display:grid; grid-template-columns:1fr 1fr; gap:2px; margin:38px 0; background:#cfd9e0; }
.comparison-table>div,.document-grid>div { padding:24px; background:#f7fafc; }
.comparison-table b,.document-grid b { color:#167fdc; font:600 .7rem var(--font-mono); letter-spacing:.1em; }
.comparison-table p,.document-grid p { margin:14px 0 0; color:#506472; font-size:.84rem; line-height:1.7; }
.trend-list { display:grid; margin:36px 0; border-top:1px solid #bfcbd4; }
.trend-list span { padding:15px 0; border-bottom:1px solid #bfcbd4; font:600 .82rem var(--font-display); }
.article-callout { margin:36px 0; padding:25px; border-left:4px solid #ff5f20; background:#071827; color:#fff; }
.article-callout p { margin:8px 0 0; color:#b7c8d6; }
.source-note { color:#788b99 !important; font-size:.76rem !important; }
.source-note a { color:#176dae; }

/* Technical RFQ conversion flow */
.sample { grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(56px,7vw,100px); align-items:start; }
.sample-title { grid-column:1; }
.sample-intro { max-width:470px; margin:28px 0 0; color:#596b78; font-size:.96rem; line-height:1.8; }
.buyer-answers { margin-top:28px; border-bottom:1px solid #bdccd5; }
.buyer-answers details { padding:16px 0; border-top:1px solid #bdccd5; }
.buyer-answers summary { cursor:pointer; color:#0b2435; font:600 15px/1.6 var(--font-body); }
.buyer-answers p,.buyer-answers a { font-size:14px; line-height:1.75; }
.buyer-answers p { color:#465e6e; margin:12px 0; }
.buyer-answers a { color:#075d8b; text-underline-offset:4px; }
.rfq-direct-contact { display:grid; gap:8px; margin-top:24px; color:#17374d; font-size:14px; }
.rfq-direct-contact a { width:fit-content; max-width:100%; overflow-wrap:anywhere; color:#075d8b; text-underline-offset:4px; }
.footer-company .footer-contact a { color:#d5ebfa; text-underline-offset:4px; overflow-wrap:anywhere; }
.footer-company .footer-contact a:hover { color:#b6ff52; }
.buyer-answers summary:focus-visible,.rfq-direct-contact a:focus-visible,.footer-contact a:focus-visible { outline:2px solid #1687f5; outline-offset:5px; }
.rfq-form { grid-column:2; grid-row:1 / span 2; padding:32px; background:#fff; border:1px solid #d7dfe5; border-top:4px solid #1687f5; box-shadow:0 28px 70px rgba(7,24,39,.1); }
.rfq-form label { grid-column:auto; font-size:12px; letter-spacing:.045em; }
.rfq-form .field-wide,.rfq-form .rfq-section-title,.rfq-form .form-footer,.rfq-form .form-status,.rfq-form .rfq-summary { grid-column:1 / -1; }
.rfq-section-title { display:flex; align-items:center; gap:13px; margin:13px 0 1px; padding:14px 0 10px; border-top:1px solid #d8e0e6; }
.rfq-section-title:first-child { margin-top:-5px; border-top:0; }
.rfq-section-title span { display:grid; place-items:center; width:27px; height:27px; border-radius:50%; background:#071827; color:#b6ff52; font:600 .63rem var(--font-mono); }
.rfq-section-title strong { font:600 .78rem var(--font-display); letter-spacing:.08em; text-transform:uppercase; }
.rfq-form input,.rfq-form select,.rfq-form textarea { width:100%; min-height:43px; }
.rfq-form .form-trap { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; }
.rfq-form select { appearance:auto; }
.rfq-form input:focus,.rfq-form select:focus,.rfq-form textarea:focus { outline:2px solid rgba(22,135,245,.14); outline-offset:4px; }
.rfq-form textarea { min-height:108px; }
.consent { display:grid !important; grid-template-columns:20px 1fr; align-items:start; gap:10px !important; padding:14px 0; color:#536471 !important; font:500 .7rem/1.65 var(--font-body) !important; letter-spacing:0 !important; text-transform:none !important; }
.consent input { width:17px; min-height:17px; margin:2px 0 0; accent-color:#1687f5; }
.rfq-form .form-footer { padding-top:9px; border-top:1px solid #d8e0e6; }
.rfq-form .form-status { color:#405466; font-weight:600; }
.rfq-form .form-status.is-success { color:#086843; }
.rfq-form .form-status.is-error { color:#a33120; }
.rfq-form .form-status.is-pending { color:#175f9e; }
.rfq-form button[disabled] { cursor:wait; opacity:.72; transform:none; }
.rfq-summary { padding:22px; background:#071827; color:#fff; }
.rfq-summary[hidden] { display:none; }
.rfq-summary>div { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.rfq-summary>div span { color:#8fbbe0; font:500 .63rem var(--font-mono); letter-spacing:.1em; }
.rfq-summary button { padding:8px 10px; border:1px solid rgba(255,255,255,.25); background:transparent; color:#fff; font:600 .62rem var(--font-display); letter-spacing:.07em; text-transform:uppercase; cursor:pointer; }
.rfq-summary-actions { display:flex; align-items:center; gap:8px; }
.rfq-summary-actions a { padding:8px 10px; border:1px solid #b6ff52; background:#b6ff52; color:#071827; font:600 .62rem var(--font-display); letter-spacing:.07em; text-transform:uppercase; text-decoration:none; }
.rfq-summary pre { margin:18px 0 0; overflow:auto; white-space:pre-wrap; color:#d6e2eb; font:400 .72rem/1.72 var(--font-mono); }
.sample-operations { grid-column:1; grid-row:2; align-self:start; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; width:100%; max-width:520px; margin:30px 0 0; background:#163149; box-shadow:0 20px 42px rgba(7,24,39,.15); }
.sample-operation-card { min-width:0; margin:0; background:#071827; }
.sample-operation-card img { display:block; width:100%; height:150px; object-fit:cover; }
.sample-operation-card figcaption { display:grid; align-content:start; gap:9px; min-height:156px; padding:18px; }
.sample-operation-card figcaption span { color:#b6ff52; font:600 .62rem var(--font-mono); letter-spacing:.1em; }
.sample-operation-card strong { color:#fff; font:600 clamp(18px,1.45vw,21px)/1.12 var(--font-display); letter-spacing:-.04em; }
.sample-operation-card p { margin:0; color:#b9cad8; font-size:.72rem; line-height:1.62; }
.company-card-proof { display:grid; gap:1px; margin-top:17px; background:rgba(255,255,255,.13); }
.company-card-proof b { padding:11px 12px; background:#0d2639; color:#dce8f1; font:600 .68rem var(--font-display); letter-spacing:.04em; }
.sales-contact { display:grid; gap:5px; margin-top:18px; padding:14px 0; border-top:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); }
.sales-contact span { color:#b6ff52; font:600 .62rem var(--font-mono); letter-spacing:.1em; }
.sales-contact strong { color:#fff; font:600 1rem var(--font-display); }
.sales-contact a { color:#dce8f1; font-size:.78rem; text-decoration:none; }
.sales-contact a:hover { color:#b6ff52; }

/* B2B content, draft specifications and certificate framework */
.draft-alert { display:flex; align-items:center; gap:18px; margin-bottom:42px; padding:15px 18px; background:#ff6a25; color:#091725; border-left:6px solid #091725; }
.draft-alert b { flex:0 0 auto; font:700 .7rem var(--font-display); letter-spacing:.09em; }
.draft-alert span { font-size:.76rem; line-height:1.55; }
.b2b-core { background:#e8eef2; color:#071827; }
.b2b-core .section-heading>p { color:#526675; }
.b2b-core>.draft-alert { margin-top:45px; margin-bottom:2px; }
.b2b-core-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:#cbd6de; }
.b2b-core-grid article { min-height:220px; padding:24px; display:flex; flex-direction:column; background:#fff; transition:transform .22s ease,background .22s ease; }
.b2b-core-grid article:hover { z-index:2; transform:translateY(-5px); background:#edf7ff; }
.b2b-core-grid span { color:#177fe2; font:500 .62rem var(--font-mono); letter-spacing:.1em; }
.b2b-core-grid strong { margin-top:auto; font:600 1.15rem/1.15 var(--font-display); letter-spacing:-.04em; }
.b2b-core-grid p { margin:10px 0 0; color:#5b6e7d; font-size:.78rem; line-height:1.65; }

.commercial-readiness { background:linear-gradient(130deg,#071827,#0b3850 68%,#07574f); color:#fff; }
.commercial-readiness .section-heading>p { color:#b9cad8; }
.commercial-readiness-grid { display:grid; grid-template-columns:1fr 1fr .92fr; gap:1px; margin-top:46px; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.18); }
.commercial-readiness-grid>article,.commercial-readiness-grid>aside { min-height:348px; padding:27px; background:#0b2235; }
.commercial-readiness-grid>article:nth-child(2) { background:#0c3144; }
.commercial-readiness-grid>aside { display:flex; flex-direction:column; background:#b6ff52; color:#071827; }
.commercial-readiness-grid>article>span,.commercial-readiness-grid>aside>span { color:#89b8e2; font:500 .64rem var(--font-mono); letter-spacing:.11em; }
.commercial-readiness-grid>aside>span { color:#345129; }
.commercial-readiness-grid dl { display:grid; gap:0; margin:28px 0 0; }
.commercial-readiness-grid dl>div { padding:16px 0; border-top:1px solid rgba(255,255,255,.15); }
.commercial-readiness-grid dt { color:#fff; font:600 .88rem var(--font-display); }
.commercial-readiness-grid dd { margin:7px 0 0; color:#b8c9d7; font-size:.76rem; line-height:1.62; }
.commercial-readiness-grid aside strong { margin-top:auto; font:600 clamp(28px,2.7vw,42px)/.98 var(--font-display); letter-spacing:-.055em; }
.commercial-readiness-grid aside p { margin:17px 0 0; color:#264732; font-size:.82rem; line-height:1.65; }
.commercial-readiness-grid aside .button { align-self:flex-start; margin-top:24px; background:#071827; color:#fff; }

.packaging-architecture { background:#e7edf1; color:#071827; }
.packaging-architecture .section-heading>p { color:#506474; }
.packing-flow { display:grid; grid-template-columns:1fr 1.25fr; gap:1px; margin-top:48px; border:1px solid #c5d0d8; background:#c5d0d8; }
.packing-bottle { display:none; }
.packing-stage { min-width:0; padding:27px; background:#f8fafb; }
.packing-stage header { display:flex; justify-content:space-between; gap:16px; padding-bottom:17px; border-bottom:1px solid #d4dde3; }
.packing-stage header span { color:#39708f; font:500 .62rem var(--font-mono); letter-spacing:.1em; }
.packing-stage header b { font:600 .78rem var(--font-display); text-align:right; }
.packing-stage dl { margin:24px 0 0; }
.packing-stage dl>div { display:grid; grid-template-columns:.7fr 1.3fr; gap:14px; padding:11px 0; border-top:1px solid #d4dde3; }
.packing-stage dt { color:#60717e; font:500 .63rem var(--font-mono); text-transform:uppercase; letter-spacing:.07em; }
.packing-stage dd { margin:0; font:600 .76rem/1.5 var(--font-display); }
.pack-bottle-visual,.pack-carton-visual,.pack-pallet-visual { height:clamp(258px,25vw,356px); margin:26px 0 0; display:flex; align-items:center; justify-content:center; position:relative; background:#071827; overflow:hidden; }
.pack-bottle-visual { flex-direction:column; color:#fff; }
.pack-bottle-visual:before { content:""; width:92px; height:134px; border-radius:18px 18px 12px 12px; background:linear-gradient(110deg,#10283d,#07111c 60%,#183149); border:1px solid #3c586d; box-shadow:inset 14px 0 20px rgba(255,255,255,.04),0 16px 24px rgba(0,0,0,.3); }
.pack-bottle-visual i { position:absolute; top:36px; width:58px; height:24px; border-radius:7px 7px 2px 2px; background:#03080d; border:1px solid #334a5b; }
.pack-bottle-visual strong { position:absolute; top:110px; color:#b6ff52; font:600 1.25rem var(--font-display); }
.pack-bottle-visual small { position:absolute; top:139px; color:#8ba6b8; font:500 .58rem var(--font-mono); letter-spacing:.18em; }
.pack-carton-visual { background:#020609 url("assets/m-inkjet-carton-dimensions-v2.png") center / contain no-repeat; }
.pack-carton-visual:before,.pack-carton-visual:after,.pack-carton-visual .carton-caps,.pack-carton-visual strong { display:none; }
.pack-pallet-visual { padding:0; background:#020609 url("assets/m-inkjet-pallet-48-cartons-v4.png") center / contain no-repeat; }
.pack-pallet-visual .pallet-stack,.pack-pallet-visual .pallet-deck,.pack-pallet-visual small { display:none; }
.packing-note { margin:18px 0 0; padding:17px 20px; border-left:3px solid #1687f5; background:#fff; color:#526574; font-size:.75rem; line-height:1.65; }
.packing-note strong { color:#071827; }

.technical-preview { background:#f0f4f7; color:#071827; }
.technical-preview .section-heading>p { color:#536777; }
.technical-preview .draft-alert { margin-bottom:55px; }
.technical-preview-layout { display:grid; grid-template-columns:1fr 1fr; gap:2px; margin-top:52px; background:#bac8d2; }
.specification-panel,.buying-preview { min-width:0; }
.specification-panel { background:#fff; }
.specification-panel header,.buying-preview header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:21px 23px; border-bottom:1px solid #d7e0e6; }
.specification-panel header span,.buying-preview header span,.document-preview>div>span { font:600 .66rem var(--font-mono); letter-spacing:.1em; }
.specification-panel header b,.buying-preview header b { color:#6a7a87; font:500 .66rem var(--font-body); }
.specification-panel dl { margin:0; }
.specification-panel dl>div { display:grid; grid-template-columns:.9fr 1.1fr; gap:20px; padding:14px 23px; border-bottom:1px solid #e0e6eb; }
.specification-panel dt { color:#6b7d8b; font:.67rem var(--font-mono); letter-spacing:.04em; }
.specification-panel dd { margin:0; font:600 .78rem/1.5 var(--font-display); }
.buying-preview { padding-bottom:2px; background:#071827; color:#fff; }
.buying-preview header { border-bottom-color:rgba(255,255,255,.13); }
.buying-preview header span { color:#8fc7f4; }
.buying-preview header b { color:#9eb1c1; }
.buying-preview>div { display:grid; grid-template-columns:1fr 1fr; gap:2px; padding:2px; }
.buying-preview article { min-height:132px; padding:19px; display:flex; flex-direction:column; justify-content:space-between; background:#10273a; }
.buying-preview article span { color:#8ba9c1; font:.61rem var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.buying-preview article strong { margin-top:22px; font:600 .87rem/1.45 var(--font-display); }
.qualification-preview { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; margin-top:2px; background:#c8d2d9; }
.qualification-preview article { min-height:190px; padding:24px; background:#fff; }
.qualification-preview article>span { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#b6ff52; font:600 .65rem var(--font-mono); }
.qualification-preview strong { display:block; margin-top:30px; font:600 1.05rem var(--font-display); }
.qualification-preview p { margin:9px 0 0; color:#5c6f7e; font-size:.79rem; line-height:1.65; }
.document-preview { display:grid; grid-template-columns:.82fr 1.18fr; gap:7vw; align-items:center; margin-top:2px; padding:34px; background:#0b2033; color:#fff; }
.document-preview>div>span { color:#8fc4ef; }
.document-preview>div>strong { display:block; margin-top:17px; font:600 clamp(25px,3vw,43px)/1 var(--font-display); letter-spacing:-.05em; }
.document-preview>div>p { margin:13px 0 0; color:#aebfcd; font-size:.8rem; line-height:1.65; }
.document-preview>div:last-child { display:grid; grid-template-columns:1fr 1fr; gap:2px; background:rgba(255,255,255,.13); }
.document-preview>div:last-child span { padding:18px; display:flex; justify-content:space-between; gap:10px; background:#102a40; }
.document-preview b { font:600 .72rem var(--font-display); }
.document-preview small { color:#8fa7ba; font:.6rem var(--font-mono); text-transform:uppercase; }

.company-certificate { align-items:start; }
.certificate-intro { margin-top:28px !important; }
.certificate-preview-board { padding:27px; background:#0b2d22; color:#fff; box-shadow:0 28px 65px rgba(5,41,28,.2); }
.certificate-preview-board .draft-alert { margin-bottom:25px; background:#f6be32; }
.certificate-preview-head { display:grid; gap:11px; padding:22px 4px 27px; }
.certificate-preview-head span { color:#8bcaa5; font:500 .65rem var(--font-mono); letter-spacing:.11em; }
.certificate-preview-head strong { font:600 clamp(28px,3.3vw,47px)/1 var(--font-display); letter-spacing:-.05em; }
.certificate-preview-head small { color:#b9d0c5; }
.certificate-preview-data { margin:0; border-top:1px solid rgba(255,255,255,.17); }
.certificate-preview-data>div { display:grid; grid-template-columns:.75fr 1.25fr; gap:20px; padding:13px 4px; border-bottom:1px solid rgba(255,255,255,.13); }
.certificate-preview-data dt { color:#8fb1a1; font:.63rem var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.certificate-preview-data dd { margin:0; color:#fff; font:600 .78rem/1.5 var(--font-display); }
.certificate-file-grid { display:grid; grid-template-columns:1fr 1fr; gap:2px; margin-top:24px; background:rgba(255,255,255,.13); }
.certificate-file-grid span { display:flex; justify-content:space-between; gap:10px; padding:15px; background:#123c2e; }
.certificate-file-grid b { font:600 .66rem var(--font-display); }
.certificate-file-grid small { color:#86ad9a; font:.58rem var(--font-mono); text-transform:uppercase; }
.certificate-boundary { margin:22px 0 0 !important; padding-left:15px; border-left:3px solid #f6be32; color:#b9d0c5 !important; font-size:.74rem !important; line-height:1.7 !important; }

@media (max-width:820px) {
  .brand-logo-header { width:48px; height:48px; }
  .footer-brand .brand-logo-footer { width:68px; height:68px; }
  .sample { grid-template-columns:minmax(0,1fr); gap:32px; }
  .sample-title,.rfq-form,.sample-operations { grid-column:auto; grid-row:auto; }
  .rfq-form { padding:23px 19px; grid-template-columns:minmax(0,1fr); }
  .rfq-form label { font-size:12px; line-height:1.6; }
  .rfq-form input,.rfq-form select,.rfq-form textarea { font-size:16px; scroll-margin-top:110px; }
  .sample-operations { grid-template-columns:1fr; max-width:none; margin-top:0; }
  .sample-operation-card img { height:190px; }
  .sample-operation-card figcaption { min-height:0; }
  .draft-alert { align-items:flex-start; flex-direction:column; gap:7px; }
  .b2b-core-grid,.commercial-readiness-grid,.technical-preview-layout,.qualification-preview,.document-preview,.packing-flow { grid-template-columns:1fr; }
  .buying-preview>div,.document-preview>div:last-child,.certificate-file-grid { grid-template-columns:1fr; }
  .specification-panel dl>div,.certificate-preview-data>div { grid-template-columns:1fr; gap:6px; }
  .b2b-core-grid article { min-height:175px; }
  .commercial-readiness-grid>article,.commercial-readiness-grid>aside { min-height:0; padding:23px 20px; }
  .packing-stage { padding:23px 20px; }
  .pack-bottle-visual,.pack-carton-visual,.pack-pallet-visual { height:clamp(240px,78vw,330px); }
  .certificate-preview-board { padding:20px; }
  .proof-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; row-gap:16px; }
}

@media (max-width:1000px) { .ink-color-list { grid-template-columns:repeat(6,minmax(72px,1fr)); } .site-header nav { gap:13px; } .site-header nav>a,.product-menu summary { font-size:9.5px; } }
@media (max-width:820px) {
  .site-header { gap:8px; padding:0 14px; }
  .site-header .brand { gap:6px; font-size:12px; letter-spacing:.055em; }
  .site-header .brand-mark { width:25px; height:25px; }
  .site-header .social-links { gap:3px; }
  .site-header .social-link { width:20px; height:20px; border-radius:6px; }
  .site-header .social-link svg { width:11px; height:11px; }
  .site-header .social-link-text { font-size:10px; }
  .site-header .menu-button { flex:0 0 auto; padding:4px 0; font-size:9px; }
  .site-header nav.mobile-open>a,.site-header nav.mobile-open .product-menu summary { height:auto; min-height:28px; font-size:11px; }
  .detail-hero { grid-template-columns:1fr; min-height:auto; }
  .detail-copy h1 { font-size:clamp(52px,15vw,76px); }
  .detail-hero>img { min-height:300px; aspect-ratio:1.2; }
  .spectrum-grid { grid-template-columns:repeat(3,1fr); }
  .spectrum-grid i { min-height:92px; }
  .spectrum-grid i:last-child { grid-column:span 1; }
  .color-architecture { min-height:auto; padding:20px; }
  .color-family-grid article { min-height:128px; padding:14px; }
  .color-family-grid article>p { min-height:34px; font-size:.63rem; }
  .family-drops { gap:5px; }
  .family-drops i { width:14px; height:17px; }
  .ink-color-list { grid-template-columns:repeat(4,minmax(62px,1fr)); gap:22px 8px; }
  .ink-color-list article { min-height:102px; }
  .ink-color-list article:last-child { grid-column:auto; }
  .product-visual-stage,.conversion-cta,.blog-hero,.blog-article { grid-template-columns:1fr; }
  .product-visual-stage-single figcaption { grid-template-columns:1fr; gap:13px; padding:24px 21px 28px; }
  .product-visual-stage-single figcaption p { grid-column:auto; margin-top:0; }
  .product-visual-stage-single .dtg-production-media>span,.product-visual-stage-single .dtf-sample-media>span { right:16px; bottom:13px; font-size:.52rem; }
  .article-grid,.comparison-table,.document-grid { grid-template-columns:1fr; }
  .blog-hero { min-height:auto; padding-top:90px; }
  .blog-hero h1 { font-size:56px; }
  .article-meta span { font-size:82px; }
  .facility-slot-grid { grid-template-columns:1fr; }
  .facility-slot-grid>div { min-height:240px; }
}

.head-platforms {
  display: grid;
  gap: 1px;
  margin: 30px 0 24px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.14);
}
.head-platforms article {
  display: grid;
  gap: 7px;
  padding: 16px 18px;
  background: #0b1c2d;
}
.head-platforms span { color:#8eabc4; font-family:"DM Mono",ui-monospace,monospace; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; }
.head-platforms strong { color:#fff; font-size:.92rem; font-weight:600; line-height:1.45; }
.head-number.head-word { font-size:clamp(68px,10vw,160px); letter-spacing:-.11em; }
.detail-page .head-number.head-word { font-size:clamp(54px,7vw,110px); }
@media (min-width:821px) { .head-platforms { grid-template-columns:repeat(3,1fr); } }

.head-platforms-by-application { grid-template-columns:1fr; }
.head-platforms-by-application article { padding:19px 20px; }
.head-platforms-by-application article>strong { font-size:1.12rem; }
.platform-models { display:grid; gap:10px; margin-top:6px; }
.platform-models p { display:grid; gap:3px; margin:0; color:#d5e3ef; font-size:.82rem; line-height:1.55; }
.platform-models b { color:#8eadc5; font:500 .64rem "DM Mono",ui-monospace,monospace; letter-spacing:.09em; text-transform:uppercase; }
@media (min-width:821px) { .head-platforms-by-application { grid-template-columns:.78fr 1.22fr; } .head-platforms-by-application article:nth-child(2) .platform-models { grid-template-columns:1fr 1fr; gap:18px; } }

.powder-card { background:linear-gradient(145deg,#ea5a20,#ff9c21 62%,#ffd888); }
.pretreat-card { background:linear-gradient(145deg,#153b3d,#1e7770 62%,#80c8b6); }

.product-page { background:#06101d; color:#fff; }
.product-page .site-header { position:relative; background:#08121e; }
.product-hero { display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:7vw; min-height:590px; background:radial-gradient(circle at 85% 23%,rgba(65,140,255,.28),transparent 29%),#06101d; }
.product-hero h1 { margin:0; font:600 clamp(52px,6vw,94px)/.92 var(--font-display); letter-spacing:-.07em; }
.product-hero h1 em,.product-close h2 em { font-family:Georgia,serif; font-weight:400; }
.product-hero p:not(.eyebrow) { max-width:580px; margin:28px 0; color:rgba(255,255,255,.7); font-size:1rem; line-height:1.75; }
.product-route-panel { display:grid; align-content:end; min-height:365px; padding:30px; background:linear-gradient(145deg,rgba(62,130,255,.42),rgba(18,35,65,.7) 60%,rgba(255,111,73,.32)); border:1px solid rgba(255,255,255,.16); }
.product-route-panel span,.product-range-grid article>span { color:#b9d7ff; font:500 .7rem var(--font-mono); letter-spacing:.13em; }
.product-route-panel strong { margin-top:32px; font:600 clamp(30px,3vw,48px)/.98 var(--font-display); letter-spacing:-.06em; }
.product-route-panel p { color:rgba(255,255,255,.7); line-height:1.6; }
.product-ranges { background:#f1f5f7; color:#071827; }
.product-range-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin-top:48px; background:#c9d2d9; }
.product-range-grid article { padding:34px; background:#fff; }
.product-range-grid article>p { margin:26px 0 7px; color:#647586; font:.7rem var(--font-mono); letter-spacing:.12em; }
.product-range-grid h3 { margin:0; font:600 clamp(30px,3vw,47px)/1 var(--font-display); letter-spacing:-.05em; }
.product-range-grid ul { display:grid; gap:11px; margin:30px 0 0; padding:0; list-style:none; color:#526574; line-height:1.45; }
.product-range-grid li { padding-top:11px; border-top:1px solid #dae1e6; }
.product-card-link { display:inline-flex; gap:8px; margin-top:25px; color:#0d273f; font:700 .7rem var(--font-display); letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.product-card-link:hover { color:#167fdc; }
.product-visuals { background:#0b1420; color:#fff; }
.product-visuals .section-heading>p { color:rgba(255,255,255,.64); }
.visual-gallery { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:50px; }
.visual-gallery figure { margin:0; overflow:hidden; background:#111d2b; }
.visual-gallery img { display:block; width:100%; aspect-ratio:1.36; object-fit:cover; transition:transform .5s ease; }
.visual-gallery figure:hover img { transform:scale(1.025); }
.visual-gallery figcaption { display:grid; gap:8px; padding:22px 24px 25px; }
.visual-gallery figcaption span { color:#99b4cc; font:500 .66rem var(--font-mono); letter-spacing:.11em; }
.visual-gallery figcaption strong { font:600 clamp(22px,2.4vw,34px)/1 var(--font-display); letter-spacing:-.05em; }
.visual-gallery figcaption p { max-width:430px; margin:0; color:#b9c8d7; font-size:.86rem; line-height:1.65; }
.detail-hero { display:grid; grid-template-columns:.88fr 1.12fr; min-height:600px; padding-top:70px; background:radial-gradient(circle at 9% 20%,rgba(41,129,241,.19),transparent 28%),#07121e; color:#fff; }
.detail-copy { align-self:center; padding:50px 5vw 50px 0; }
.detail-copy h1 { margin:0; font:600 clamp(55px,6vw,95px)/.9 var(--font-display); letter-spacing:-.075em; }
.detail-copy h1 em { font-family:Georgia,serif; font-weight:400; }
.detail-copy>p:not(.eyebrow) { max-width:490px; margin:27px 0; color:#c2d0dc; font-size:1rem; line-height:1.75; }
.detail-hero>img { width:100%; height:100%; min-height:510px; object-fit:cover; align-self:stretch; }
.detail-benefits { background:#f3f6f8; color:#071827; }
.process-section { background:#fff; }
.dtf-workflow-link { display:flex; align-items:center; justify-content:space-between; gap:clamp(24px,7vw,100px); padding-block:clamp(34px,4.4vw,62px); background:#fff; color:#071827; border-top:1px solid #dbe3e8; border-bottom:1px solid #dbe3e8; }
.dtf-workflow-link>div { max-width:700px; }
.dtf-workflow-link h2 { margin:11px 0 0; font:600 clamp(32px,4vw,56px)/.96 var(--font-display); letter-spacing:-.06em; }
.dtf-workflow-link h2 em { font-family:Georgia,serif; font-weight:400; }
.dtf-workflow-link p:not(.eyebrow) { max-width:580px; margin:16px 0 0; color:#586b79; font-size:.86rem; line-height:1.65; }
.dtf-workflow-link .button { flex:none; white-space:nowrap; }
.benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:48px; background:#d8e0e5; }
.benefit-grid article { min-height:190px; padding:22px; background:#fff; }
.reference-data-note { max-width:880px; margin:24px 0 0; padding:16px 18px; border-left:3px solid #167fdc; background:#e8f2fb; color:#314658; font-size:.82rem; line-height:1.65; }
.benefit-grid span { color:#177fe2; font:500 .68rem var(--font-mono); letter-spacing:.1em; }
.benefit-grid strong { display:block; margin-top:33px; font:600 1.18rem var(--font-display); letter-spacing:-.04em; }
.benefit-grid p { margin:8px 0 0; color:#5d6d7a; font-size:.82rem; line-height:1.6; }
.tpu-selling-section { background:#071827; color:#fff; }
.tpu-selling-section .section-heading>p { color:#a9bdce; }
.tpu-selling-grid { grid-template-columns:repeat(5,minmax(0,1fr)); background:rgba(255,255,255,.16); }
.tpu-selling-grid article { min-height:260px; display:flex; flex-direction:column; background:#0c2134; }
.tpu-selling-grid article:nth-child(2) { background:#102a3e; }
.tpu-selling-grid article:nth-child(3) { background:#0b302f; }
.tpu-selling-grid article:nth-child(4) { background:#172a3b; }
.tpu-selling-grid article:nth-child(5) { background:#1c2635; }
.tpu-selling-grid strong { margin-top:30px; color:#fff; font-size:1.08rem; line-height:1.22; letter-spacing:-.035em; }
.tpu-selling-grid p { color:#c2d1de; }
@media (max-width:1180px) and (min-width:821px) { .tpu-selling-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.dtf-core-section { position:relative; overflow:hidden; background:#eaf0f3; color:#071827; }
.dtf-core-section:before { content:""; position:absolute; top:-150px; right:-100px; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle,rgba(22,127,226,.2),rgba(22,127,226,0) 68%); pointer-events:none; }
.dtf-core-section .section-heading { position:relative; z-index:1; }
.dtf-core-section .section-heading>p { color:#526777; }
.dtf-core-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px; margin-top:52px; background:#ced9df; }
.dtf-core-grid>article { min-width:0; padding:30px; background:#fff; }
.dtf-core-grid>article>span { color:#167fe2; font:500 .66rem var(--font-mono); letter-spacing:.11em; }
.dtf-core-grid h3 { max-width:580px; margin:30px 0 24px; font:600 clamp(27px,2.8vw,42px)/1.02 var(--font-display); letter-spacing:-.055em; }
.dtf-core-grid ul { margin:0; padding:0; list-style:none; }
.dtf-core-grid li { position:relative; padding:17px 0 17px 20px; border-top:1px solid #dfe6ea; }
.dtf-core-grid li:before { content:""; position:absolute; top:25px; left:0; width:7px; height:7px; border-radius:50%; background:#1687f5; box-shadow:0 0 0 5px rgba(22,135,245,.11); }
.dtf-core-grid li strong { display:block; color:#0b2032; font:700 .91rem/1.4 var(--font-display); }
.dtf-core-grid li p,.dtf-core-compliance>p { margin:7px 0 0; color:#566b7a; font-size:.81rem; line-height:1.7; }
.dtf-core-primary { grid-column:1/-1; color:#fff; background:linear-gradient(125deg,#071827,#0b2b47 64%,#0d4265) !important; }
.dtf-core-primary>span { color:#7fc1ff !important; }
.dtf-core-primary h3 { max-width:780px; font-size:clamp(36px,4.5vw,70px); }
.dtf-core-primary ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 42px; }
.dtf-core-primary li { border-color:rgba(255,255,255,.15); }
.dtf-core-primary li:before { background:#b6ff52; box-shadow:0 0 0 5px rgba(182,255,82,.13); }
.dtf-core-primary li strong { color:#fff; }
.dtf-core-primary li p { color:#b9cad8; }
.dtf-core-compliance { grid-column:1/-1; display:grid; grid-template-columns:.7fr 1.3fr; column-gap:7vw; align-items:start; background:#dff0e6 !important; }
.dtf-core-compliance>span { grid-column:1/-1; color:#147459 !important; }
.dtf-core-compliance h3 { color:#0a3025; }
.dtf-core-compliance>p { margin-top:30px; color:#34594d; font-size:.9rem; }
.dtf-core-compliance .text-link { grid-column:2; margin-top:-22px; color:#0a6049; }
.dtf-core-compliance.dtf-core-dispersion { display:block; padding:0 !important; overflow:hidden; background:#dff0e6 !important; }
#self-dispersed-technology { scroll-margin-top:168px; }
.dtf-core-tech-intro { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(28px,6vw,96px); padding:clamp(30px,4.8vw,68px); background:linear-gradient(112deg,#dff0e6 0%,#e7f6ef 54%,#cfe8dc 100%); }
.dtf-core-tech-intro>div>span { color:#147459; font:500 .66rem var(--font-mono); letter-spacing:.11em; }
.dtf-core-tech-intro h3 { max-width:560px; margin:28px 0 0; color:#0a3025; font:600 clamp(34px,4.2vw,64px)/.98 var(--font-display); letter-spacing:-.06em; }
.dtf-core-tech-intro h3 em { font-family:Georgia,serif; font-weight:400; letter-spacing:-.075em; }
.dtf-core-tech-intro>p { align-self:end; margin:0; color:#254f42; font:500 clamp(15px,1.35vw,18px)/1.75 var(--font-body); }
.dtf-core-tech-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:#a4c8b5; border-top:1px solid #a4c8b5; }
.dtf-core-tech-grid article { min-width:0; min-height:242px; padding:27px 25px 30px; background:#f6fbf8; }
.dtf-core-tech-grid article:nth-child(2n) { background:#edf7f1; }
.dtf-core-tech-grid span { display:block; margin-bottom:42px; color:#157657; font:500 .62rem var(--font-mono); letter-spacing:.1em; }
.dtf-core-tech-grid strong { display:block; color:#0a3025; font:700 clamp(18px,1.7vw,25px)/1.08 var(--font-display); letter-spacing:-.045em; }
.dtf-core-tech-grid p { margin:15px 0 0; color:#3c6658; font-size:.79rem; line-height:1.72; }
.dtf-core-tech-bottom { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:#244e40; }
.dtf-core-tech-bottom>div { padding:26px 30px 30px; background:#113e31; }
.dtf-core-tech-bottom>div:last-child { background:#0b3126; }
.dtf-core-tech-bottom b { color:#b6ff52; font:700 .68rem var(--font-mono); letter-spacing:.1em; text-transform:uppercase; }
.dtf-core-tech-bottom p { max-width:650px; margin:12px 0 0; color:#d5e8df; font-size:.81rem; line-height:1.72; }
.dtf-core-endurance { min-height:0 !important; display:grid; grid-template-rows:minmax(190px,1fr) auto; padding:0 !important; overflow:hidden; background:#0c1f31 !important; color:#fff; }
.dtf-core-endurance-media { position:relative; min-height:230px; overflow:hidden; background:#06101d; }
.dtf-core-endurance-media:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(2,12,22,.72)); pointer-events:none; }
.dtf-core-endurance-media img { display:block; width:100%; height:100%; min-height:230px; object-fit:cover; }
.dtf-core-endurance-media>span { position:absolute; z-index:1; right:17px; bottom:14px; color:#d0e8ff; font:500 .57rem var(--font-mono); letter-spacing:.09em; }
.dtf-core-endurance-copy { padding:23px 30px 29px; }
.dtf-core-endurance-copy>span { color:#7fc1ff; font:500 .66rem var(--font-mono); letter-spacing:.11em; }
.dtf-core-endurance-copy h3 { margin:13px 0 9px; color:#fff; font-size:clamp(25px,2.5vw,38px); }
.dtf-core-endurance-copy p { margin:0; color:#b9cad8; font-size:.81rem; line-height:1.65; }
.dtf-core-endurance-copy .text-link { display:inline-flex; margin-top:18px; color:#b6ff52; }
.floating-whatsapp { position:fixed; z-index:100; right:24px; bottom:24px; display:inline-flex; align-items:center; gap:9px; padding:12px 16px 12px 12px; border-radius:999px; background:#25d366; color:#071827; box-shadow:0 15px 34px rgba(7,24,39,.28),0 0 0 5px rgba(37,211,102,.17); font:700 .72rem var(--font-display); letter-spacing:.045em; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease; }
.floating-whatsapp svg { width:25px; height:25px; fill:#fff; filter:drop-shadow(0 1px 1px rgba(0,0,0,.12)); }
.floating-whatsapp:hover { transform:translateY(-3px); box-shadow:0 19px 40px rgba(7,24,39,.34),0 0 0 6px rgba(37,211,102,.2); }
.floating-whatsapp:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.floating-email { position:fixed; z-index:100; right:24px; bottom:92px; display:inline-flex; align-items:center; gap:9px; padding:12px 18px 12px 12px; border-radius:999px; background:#1687f5; color:#fff; box-shadow:0 15px 34px rgba(7,24,39,.25),0 0 0 5px rgba(22,135,245,.14); font:700 .72rem var(--font-display); letter-spacing:.045em; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease; }
.floating-email svg { width:25px; height:25px; fill:#fff; filter:drop-shadow(0 1px 1px rgba(0,0,0,.12)); }
.floating-email:hover { transform:translateY(-3px); box-shadow:0 19px 40px rgba(7,24,39,.32),0 0 0 6px rgba(22,135,245,.18); }
.floating-email:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.dtf-core-section>.reference-data-note { position:relative; z-index:1; max-width:none; margin-top:22px; }
.dtg-core-section:before { background:radial-gradient(circle,rgba(0,185,165,.22),rgba(0,185,165,0) 68%); }
.dtg-core-primary { background:linear-gradient(125deg,#061b1b,#073936 62%,#0a5550) !important; }
.dtg-core-primary>span { color:#74e6d7 !important; }
.dtg-core-primary li:before { background:#5ff0d8; box-shadow:0 0 0 5px rgba(95,240,216,.14); }
.dtg-core-grid>article>span { color:#087e73; }
.dtg-hand-card { background:#e7f5f1 !important; }
.dtg-process-alert { margin:24px 0 0 !important; padding:15px 17px; border-left:3px solid #ff7215; background:#fff1e7; color:#65412c !important; font-size:.76rem !important; line-height:1.65 !important; }
.dtg-core-compliance { background:#e1f0f2 !important; }
.dtg-core-compliance>span { color:#0c7177 !important; }
.dtg-core-compliance h3 { color:#073c40; }
.dtg-core-compliance>p { color:#355d60; }
.dtg-core-compliance .text-link { color:#086970; }
.dtg-surface-technology { grid-column:2; display:grid; gap:12px; margin-top:22px; padding:22px; border:1px solid rgba(7,92,88,.2); background:rgba(255,255,255,.58); }
.dtg-surface-technology>span { color:#087e73; font:600 .62rem/1.5 var(--font-mono); letter-spacing:.11em; }
.dtg-surface-technology>strong { color:#073c40; font:700 clamp(18px,1.7vw,25px)/1.08 var(--font-display); letter-spacing:-.035em; }
.dtg-surface-technology>p { margin:0; color:#355d60; font-size:.78rem; line-height:1.7; }
.dtg-surface-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:3px; background:rgba(7,92,88,.17); }
.dtg-surface-points small { min-width:0; padding:13px; background:#eff8f7; color:#416668; font-size:.66rem; line-height:1.48; }
.dtg-surface-points b { display:block; margin-bottom:8px; color:#087e73; font:700 .58rem/1.35 var(--font-mono); letter-spacing:.07em; }
.dtg-surface-technology>em { color:#587577; font-size:.67rem; line-height:1.6; font-style:normal; }
.dtg-core-route { display:flex; flex-direction:column; min-height:0; background:linear-gradient(132deg,#062b31,#075c58 62%,#0b7770) !important; color:#fff; }
.dtg-core-route>span { color:#89f1dd !important; }
.dtg-core-route h3 { margin-bottom:17px; color:#fff; }
.dtg-core-route h3 em { font-family:Georgia,serif; font-weight:400; }
.dtg-core-route>p { max-width:580px; margin:0; color:#d0efea; font-size:.84rem; line-height:1.72; }
.dtg-route-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin:26px 0 22px; background:rgba(255,255,255,.2); }
.dtg-route-points>div { min-width:0; min-height:86px; padding:15px 13px; background:rgba(3,30,34,.32); }
.dtg-route-points b { display:block; color:#b6ff52; font:700 .66rem var(--font-mono); letter-spacing:.1em; }
.dtg-route-points small { display:block; margin-top:10px; color:#e2f7f3; font-size:.7rem; line-height:1.4; }
.dtg-core-route .text-link { margin-top:auto; color:#fff; }
.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:50px; background:rgba(255,255,255,.17); }
.process-grid article { padding:23px; background:#0c1c2c; }
.process-grid span { display:grid; place-items:center; width:29px; height:29px; border-radius:50%; background:#b6ff52; color:#071827; font:600 .68rem var(--font-mono); }
.process-grid strong { display:block; margin:28px 0 10px; font:600 1.06rem var(--font-display); }
.process-grid p { margin:0; color:#b7c6d4; font-size:.8rem; line-height:1.65; }
.scope-panel { display:grid; grid-template-columns:1fr 1fr; gap:8vw; background:#e8f6ef; color:#092419; }
.scope-panel h2 { margin:0; font:600 clamp(44px,5vw,74px)/.95 var(--font-display); letter-spacing:-.065em; }
.scope-panel h2 em { font-family:Georgia,serif; font-weight:400; }
.scope-panel>div:last-child { align-self:end; }
.scope-panel p { color:#315143; line-height:1.75; }
.scope-panel strong { color:#0b3d28; }
.eco-passport { display:grid; grid-template-columns:.7fr 1.3fr; gap:8vw; align-items:center; background:#0a1a2b; }
.certificate-slot { display:grid; align-content:center; justify-items:start; min-height:355px; padding:34px; background:linear-gradient(145deg,#72bd44,#4e9634 58%,#39742b); box-shadow:inset 0 0 0 1px rgba(255,255,255,.3); color:#fff; }
.certificate-slot span { color:rgba(255,255,255,.76); font:500 .68rem var(--font-mono); letter-spacing:.12em; }
.certificate-slot strong { margin:21px 0 16px; font:600 clamp(29px,3vw,48px)/.95 var(--font-display); letter-spacing:-.05em; }
.certificate-slot small { max-width:260px; color:rgba(255,255,255,.85); line-height:1.45; }
.certificate-slot-data { display:grid; grid-template-columns:auto 1fr; gap:7px 13px; width:100%; margin-top:28px; padding-top:15px; border-top:1px solid rgba(255,255,255,.38); }
.certificate-slot-data b { color:rgba(255,255,255,.67); font:500 .61rem var(--font-mono); letter-spacing:.07em; }
.certificate-slot-data i { color:#fff; font-size:.72rem; font-style:normal; }
.eco-passport h2,.product-close h2 { margin:0; font:600 clamp(48px,5vw,77px)/.96 var(--font-display); letter-spacing:-.065em; }
.eco-passport>div>p:not(.eyebrow) { max-width:590px; color:#c8d5e0; line-height:1.75; }
.certificate-data { display:grid; grid-template-columns:1fr 1.4fr; gap:0; margin:29px 0 16px; border-top:1px solid rgba(255,255,255,.18); }
.certificate-data span,.certificate-data strong { padding:13px 0; border-bottom:1px solid rgba(255,255,255,.12); }
.certificate-data span { color:#9cb2c5; font:.68rem var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.certificate-data strong { color:#fff; font-size:.88rem; }
.eco-note { color:#9db2c4 !important; font-size:.78rem; }
.sds-index { background:#edf3f5; color:#0a1a2b; scroll-margin-top:150px; }
.sds-index-heading { display:grid; grid-template-columns:1fr minmax(260px,410px); gap:5vw; align-items:end; }
.sds-index h2 { margin:0; font:600 clamp(40px,5vw,70px)/1 var(--font-display); letter-spacing:-.055em; }
.sds-index h2 em { font-family:Georgia,serif; font-weight:400; }
.sds-index-heading>p { margin:0 0 5px; color:#42586a; line-height:1.75; }
.sds-index-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1px; margin-top:42px; background:#cad6dd; border:1px solid #cad6dd; }
.sds-index-card { display:flex; flex-direction:column; min-height:178px; padding:21px 18px; border-top:4px solid var(--sds-accent); background:#fff; color:#102437; text-decoration:none; transition:background .2s ease,transform .2s ease; }
.sds-index-card:hover { background:#f8fbfc; transform:translateY(-3px); }
.sds-index-card:focus-visible { outline:3px solid #1687f5; outline-offset:3px; }
.sds-index-card span { font:500 .62rem var(--font-mono); letter-spacing:.12em; color:#687e8d; }
.sds-index-card strong { margin-top:17px; font:600 clamp(21px,2.1vw,31px)/1.1 var(--font-display); letter-spacing:-.04em; }
.sds-index-card small { margin-top:auto; padding-top:24px; color:#31556d; font-size:.72rem; font-weight:700; }
.sds-cyan { --sds-accent:#00a5c8; }
.sds-magenta { --sds-accent:#d92982; }
.sds-yellow { --sds-accent:#e0ab16; }
.sds-black { --sds-accent:#142233; }
.sds-white { --sds-accent:#a9b8c4; }
.sds-index-note { margin:19px 0 0; color:#5a6f7d; font-size:.78rem; line-height:1.6; }
.document-readiness .sds-readiness-link { display:inline-block; margin-top:10px; color:#d2ff68; font-size:.76rem; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.product-close { background:linear-gradient(120deg,#0b2644,#071827 62%); text-align:center; }
.product-close .eyebrow { justify-content:center; }
.product-close .button { margin-top:30px; }
@media (max-width:820px) { .product-hero,.eco-passport,.detail-hero,.scope-panel { grid-template-columns:1fr; min-height:auto; } .product-hero { padding-top:72px; } .detail-hero { padding-top:72px; } .detail-copy { padding-right:0; } .detail-hero>img { min-height:320px; } .product-route-panel { min-height:265px; } .product-range-grid,.visual-gallery,.benefit-grid,.process-grid,.dtf-core-grid,.dtf-core-primary ul,.dtf-core-compliance { grid-template-columns:1fr; } .dtf-core-grid>article { padding:24px 21px; } .dtf-core-primary,.dtf-core-compliance { grid-column:auto; } .dtf-core-primary h3 { font-size:clamp(34px,11vw,52px); } .dtf-core-compliance .text-link { grid-column:auto; margin-top:24px; } .dtg-surface-technology { grid-column:auto; } .dtg-surface-points { grid-template-columns:1fr; } .dtf-core-tech-intro,.dtf-core-tech-bottom { grid-template-columns:1fr; gap:26px; padding:30px 22px; } .dtf-core-tech-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .dtf-core-tech-grid article { min-height:0; padding:24px 20px; } .dtf-core-tech-grid span { margin-bottom:28px; } .dtf-core-tech-bottom>div { padding:25px 22px; } .dtf-core-endurance-copy { padding:22px 21px 26px; } .dtg-route-points { grid-template-columns:1fr; } .dtg-route-points>div { min-height:0; } .floating-whatsapp,.floating-email { right:16px; padding:12px; } .floating-whatsapp { bottom:16px; } .floating-email { bottom:82px; } .floating-whatsapp span,.floating-email span { display:none; } .floating-whatsapp svg,.floating-email svg { width:27px; height:27px; } .certificate-data { grid-template-columns:1fr; } .certificate-data span { border-bottom:0; padding-bottom:4px; } .certificate-data strong { padding-top:4px; } }
@media (max-width:520px) { .dtf-core-tech-grid { grid-template-columns:1fr; } }
@media (max-width:900px) { .sds-index-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:640px) { .sds-index-heading { grid-template-columns:1fr; gap:20px; } .sds-index-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:30px; } .sds-index-card { min-height:150px; padding:16px; } .sds-index-card:last-child { grid-column:1 / -1; min-height:126px; } }
@media (max-width:820px) { .dtf-workflow-link { align-items:flex-start; flex-direction:column; } .dtf-workflow-link .button { margin-top:4px; } }
.ink-only-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.product-range-grid>article { display:flex; flex-direction:column; }
.product-range-grid .product-card-link { margin-top:24px; }
.detail-copy .packaging-note { color:#a4b9ca; font-size:11px; margin:14px 0 0; line-height:1.6; }
.ink-page-tabs { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 26px; padding:20px 24px; background:#0c2235; border-block:1px solid #264055; }
.ink-page-tabs a { color:#d5e7f5; font:600 13px/1.5 var(--font-body); text-decoration:none; padding:6px 0; }
.ink-page-tabs a:hover { color:#b6ff52; }
.ink-applications { background:#f4f6f5; color:#071827; }
.ink-applications .section-heading>p { color:#536879; }
.ink-application-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:40px; }
.ink-application-grid article { padding:28px; border-top:3px solid #1687f5; background:#fff; }
.ink-application-grid article:nth-child(2) { border-color:#ef3689; }
.ink-application-grid article:nth-child(3) { border-color:#00a878; }
.ink-application-grid span { font:500 11px var(--font-mono); color:#587087; }
.ink-application-grid h3 { margin:25px 0 16px; font:600 clamp(22px,2.3vw,32px)/1.15 var(--font-display); letter-spacing:-.04em; }
.ink-application-grid p,.ink-application-note { font:400 14px/1.8 var(--font-body); color:#496073; }
.ink-application-note { margin:23px 0 0; }
.ink-trial-strip { display:flex; flex-wrap:wrap; gap:20px 30px; padding:25px; margin-top:24px; background:#0c253a; color:#deedfa; font-size:13px; }
.ink-trial-strip strong { color:#b6ff52; }
.ink-faq { background:#fff; color:#071827; }
.ink-faq h2 { margin:0 0 30px; font:600 clamp(36px,4.5vw,64px)/1.1 var(--font-display); letter-spacing:-.05em; }
.ink-faq details { border-top:1px solid #cbd7de; padding:21px 0; }
.ink-faq summary { cursor:pointer; font:600 17px/1.5 var(--font-body); }
.ink-faq details p { max-width:850px; color:#496073; line-height:1.8; font-size:15px; }
.ink-page-tabs a:focus-visible,.ink-faq summary:focus-visible { outline:2px solid #1687f5; outline-offset:5px; }
.retired-product { min-height:60vh; background:#0c2235; color:#fff; }
.retired-product h1 { font:600 clamp(36px,5vw,64px)/1.1 var(--font-display); }
.retired-product p { max-width:650px; line-height:1.8; color:#c5d7e5; }
@media(max-width:820px) { .ink-only-grid,.ink-application-grid { grid-template-columns:1fr; } .ink-page-tabs { justify-content:flex-start; gap:7px 20px; } .ink-application-grid article { padding:24px; } .ink-trial-strip { flex-direction:column; gap:16px; } }
@media(max-width:820px) { .finder-applications { grid-template-columns:1fr; gap:30px; margin-top:45px; } .application-chip-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .application-chip-grid article { min-height:118px; } }