:root {
  --night: #05080b;
  --night-soft: #0a0f13;
  --night-raised: #10171b;
  --text: #f2efe9;
  --muted: #9da7a8;
  --muted-bright: #c8cfcd;
  --amber: #c48b54;
  --amber-bright: #e0ad72;
  --rubber: #364846;
  --rubber-light: #a7c3bc;
  --line: rgba(224, 231, 228, .13);
  --line-strong: rgba(224, 231, 228, .24);
  --radius: 1.15rem;
  --shadow: 0 2rem 6rem rgba(0, 0, 0, .35);
  --shell: min(calc(100% - 3.5rem), 88rem);
  --section-space: clamp(5.5rem, 9vw, 9rem);
  --font-display: Georgia, 'Times New Roman', serif;
  --font-body: 'Trebuchet MS', 'Segoe UI', sans-serif;
}

* { box-sizing: border-box; }
html { color-scheme: dark; scroll-behavior: smooth; background: var(--night); }
body { margin: 0; min-width: 320px; overflow-x: clip; background: var(--night); color: var(--text); font: 1rem/1.65 var(--font-body); -webkit-font-smoothing: antialiased; }
body:not(.page--home) { background: #f0ede6; color: #17201f; }
a { color: inherit; }
img, canvas { max-width: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--amber-bright); outline-offset: 4px; }
.shell { width: var(--shell); margin-inline: auto; }
.skip-link { position: fixed; z-index: 1000; left: 1rem; top: -5rem; padding: .7rem 1rem; background: #fff; color: var(--night); transition: top .2s ease; }
.skip-link:focus { top: 1rem; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* Shared header */
.site-header { position: sticky; top: 0; z-index: 40; background: rgba(5, 8, 11, .91); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); }
.header__inner { min-height: 4.75rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.brand { display: inline-flex; flex: 0 0 auto; align-items: center; color: var(--text); text-decoration: none; }
.brand__logo { display: block; width: clamp(10rem, 13vw, 12.5rem); height: auto; }
.primary-nav { display: flex; align-items: center; gap: clamp(.85rem, 1.45vw, 1.65rem); }
.primary-nav > a:not(.button) { position: relative; padding: .4rem 0; color: var(--muted-bright); font-size: .78rem; font-weight: 700; letter-spacing: .075em; text-decoration: none; text-transform: uppercase; }
.primary-nav > a:not(.button)::after { content: ''; position: absolute; inset: auto 0 -.15rem; height: 1px; background: var(--amber); transform: scaleX(0); transform-origin: right; transition: transform .25s ease; }
.primary-nav > a:not(.button):hover { color: var(--text); }
.primary-nav > a:not(.button):hover::after { transform: scaleX(1); transform-origin: left; }
.menu-toggle { display: none; width: 2.85rem; height: 2.85rem; border: 1px solid var(--line-strong); border-radius: 50%; background: transparent; color: var(--text); cursor: pointer; }
.menu-toggle span:not(.sr-only) { display: block; width: 1.1rem; height: 1px; margin: 4px auto; background: currentColor; }

.button { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: .72rem 1.25rem; border: 1px solid var(--amber); border-radius: 999px; background: var(--amber); color: #0b0c0d; font-size: .72rem; font-weight: 800; letter-spacing: .095em; text-decoration: none; text-transform: uppercase; transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease; }
.button:hover { border-color: var(--amber-bright); background: var(--amber-bright); transform: translateY(-2px); }
.button--small { min-height: 2.5rem; padding: .55rem 1rem; font-size: .65rem; }
.button--outline { border-color: var(--line-strong); background: transparent; color: var(--text); }
.button--outline:hover { border-color: var(--amber); background: var(--amber); color: #0b0c0d; }

/* Master gateway hero */
.master-hero { position: relative; min-height: clamp(42rem, calc(100svh - 4.75rem), 54rem); isolation: isolate; overflow: hidden; background: radial-gradient(circle at 71% 35%, #162229 0, #080d11 34%, var(--night) 68%); }
.master-hero__scene { position: absolute; z-index: 0; inset: 0; overflow: hidden; }
.material-canvas { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .8s ease; }
.master-hero[data-webgl-state='ready'] .material-canvas,
.master-hero[data-webgl-state='reduced'] .material-canvas { opacity: 1; }
.material-fallback { position: absolute; z-index: 1; top: 50%; right: max(-3rem, calc((100vw - 88rem) / 2 - 2rem)); width: min(59vw, 56rem); height: min(52vw, 40rem); transform: translateY(-47%); opacity: .9; transition: opacity .8s ease; }
.master-hero[data-webgl-state='ready'] .material-fallback,
.master-hero[data-webgl-state='reduced'] .material-fallback { opacity: 0; }
.material-fallback__rubber { position: absolute; inset: 12% 0 12% 42%; transform: rotate(3deg); }
.material-fallback__rubber span { position: absolute; display: block; left: 4%; width: 88%; height: 24%; border: 1px solid rgba(197, 216, 210, .16); border-radius: 1rem; background: linear-gradient(145deg, #263231, #0e1416 55%, #1d2929); box-shadow: inset 0 1px rgba(255, 255, 255, .05), 0 1.3rem 2.8rem rgba(0, 0, 0, .45); }
.material-fallback__rubber span::before, .material-fallback__rubber span::after { content: ''; position: absolute; top: -2%; width: .38rem; height: 104%; background: linear-gradient(#7f8681, #303737); opacity: .7; }
.material-fallback__rubber span::before { left: 27%; }
.material-fallback__rubber span::after { right: 27%; }
.material-fallback__rubber span:nth-child(1) { top: 52%; }
.material-fallback__rubber span:nth-child(2) { top: 30%; left: 0; }
.material-fallback__rubber span:nth-child(3) { top: 8%; left: 6%; }
.master-hero__veil { position: absolute; z-index: 3; inset: 0; background: linear-gradient(90deg, rgba(5, 8, 11, .99) 0, rgba(5, 8, 11, .91) 31%, rgba(5, 8, 11, .4) 55%, rgba(5, 8, 11, .12) 75%, rgba(5, 8, 11, .43) 100%), linear-gradient(0deg, rgba(5, 8, 11, .94), transparent 35%); }
.master-hero__grid { position: absolute; z-index: 4; inset: 0; opacity: .13; background-image: linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px); background-size: 5rem 5rem; mask-image: linear-gradient(90deg, black, transparent 68%); }
.master-hero__content { position: relative; z-index: 5; min-height: inherit; display: grid; align-items: center; padding-block: clamp(4.25rem, 8vh, 6.75rem) clamp(7rem, 12vh, 9.5rem); }
.master-hero__copy { width: min(47rem, 58vw); }
.eyebrow { margin: 0 0 .85rem; color: var(--amber-bright); font-size: .67rem; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; }
.master-hero__brand { margin: 0 0 1.15rem; color: var(--muted-bright); font-size: .72rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
h1, h2, h3 { font-family: var(--font-display); font-weight: 400; line-height: 1.06; overflow-wrap: break-word; }
h1 { margin: 0; color: var(--text); font-size: clamp(3.4rem, 6.1vw, 6.75rem); letter-spacing: -.055em; }
h1 em { color: var(--amber-bright); font-weight: 400; }
h2 { margin: 0; font-size: clamp(2.35rem, 4.3vw, 4.9rem); letter-spacing: -.04em; }
h3 { margin: 0; font-size: clamp(1.65rem, 2.4vw, 2.6rem); letter-spacing: -.025em; }
.lede { max-width: 37rem; margin: 1.35rem 0 0; color: var(--muted-bright); font-size: clamp(1rem, 1.45vw, 1.2rem); line-height: 1.65; }
.master-hero__actions { position: absolute; right: 0; bottom: 2.25rem; left: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--line); }
.material-link { min-height: 5.3rem; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; padding: 1rem clamp(1rem, 2.2vw, 2rem); background: rgba(5, 8, 11, .88); text-decoration: none; transition: background .25s ease; }
.material-link:first-child { border-left: 1px solid var(--line); }
.material-link:last-child { border-right: 1px solid var(--line); }
.material-link:hover { background: rgba(19, 27, 31, .96); }
.material-link--rubber:hover { box-shadow: inset 0 2px var(--rubber-light); }
.material-link__index { color: var(--amber-bright); font: 400 1.45rem/1 var(--font-display); }
.material-link strong, .material-link small { display: block; }
.material-link strong { color: var(--text); font-size: .85rem; letter-spacing: .07em; text-transform: uppercase; }
.material-link small { margin-top: .2rem; color: var(--muted); font-size: .72rem; }
.master-hero__scene-label { position: absolute; right: 0; bottom: 9.3rem; display: flex; align-items: center; gap: .85rem; color: rgba(242,239,233,.47); font-size: .59rem; letter-spacing: .17em; text-transform: uppercase; transform: rotate(-90deg) translateX(100%); transform-origin: right bottom; }
.master-hero__scene-label i { width: 3rem; height: 1px; background: currentColor; }
.hero-reveal { opacity: 0; transform: translateY(1rem); animation: hero-enter .75s cubic-bezier(.22,.7,.24,1) forwards; }
.hero-reveal:nth-child(2) { animation-delay: .08s; }
.hero-reveal:nth-child(3) { animation-delay: .16s; }
.hero-reveal:nth-child(4) { animation-delay: .24s; }
.hero-reveal:nth-child(5) { animation-delay: .32s; }
@keyframes hero-enter { to { opacity: 1; transform: none; } }

/* Master gateway sections */
.section-dark { position: relative; padding-block: var(--section-space); background: var(--night); color: var(--text); }
.division-gateway { border-top: 1px solid var(--line); }
.section-heading { max-width: 49rem; margin-bottom: clamp(2.5rem, 5vw, 4.5rem); }
.section-heading > p:last-child { max-width: 38rem; margin: 1.25rem 0 0; color: var(--muted); }
.section-heading--row { max-width: none; display: grid; grid-template-columns: 1.25fr .65fr; gap: 3rem; align-items: end; }
.section-heading--row > p:last-child { margin: 0; }
.portal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.portal-card { position: relative; min-height: 39rem; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--night-raised); transition: border-color .25s ease, transform .35s ease; }
.portal-card:hover { border-color: var(--line-strong); transform: translateY(-4px); }
.portal-card__top { position: relative; z-index: 2; display: flex; justify-content: space-between; padding: 1.25rem 1.4rem; color: var(--muted); font-size: .62rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.portal-card__material { position: absolute; inset: 3.9rem 0 auto; height: 19rem; overflow: hidden; opacity: .9; }
.portal-card__material::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, var(--night-raised), transparent 65%); }
.portal-card__material span { position: absolute; display: block; }
.portal-card--rubber .portal-card__material { background: radial-gradient(circle at 50% 32%, #32423f, #111719 62%, #090b0d); }
.portal-card--rubber .portal-card__material span { left: 16%; width: 70%; height: 25%; border: 1px solid rgba(205,222,216,.12); border-radius: .75rem; background: linear-gradient(145deg, #3b4846, #151b1d 60%, #222d2c); box-shadow: 0 1rem 2rem rgba(0,0,0,.45); }
.portal-card--rubber .portal-card__material span::after { content: ''; position: absolute; inset: -2% 28%; border-inline: .35rem solid rgba(137,145,140,.55); }
.portal-card--rubber .portal-card__material span:nth-child(1) { top: 55%; }
.portal-card--rubber .portal-card__material span:nth-child(2) { top: 33%; left: 13%; }
.portal-card--rubber .portal-card__material span:nth-child(3) { top: 11%; left: 18%; }
.portal-card__content { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; padding: clamp(1.5rem, 3.5vw, 3rem); }
.portal-card__meta { margin: 0 0 .75rem; color: var(--amber-bright); font-size: .65rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.portal-card__content > p:not(.portal-card__meta) { max-width: 35rem; margin: 1rem 0 1.5rem; color: var(--muted-bright); }
.corporate-position { padding-top: 0; }
.corporate-position__grid { display: grid; grid-template-columns: 1.2fr .72fr; gap: clamp(3rem, 8vw, 8rem); align-items: end; padding-block: clamp(4rem, 7vw, 7rem); border-block: 1px solid var(--line); }
.corporate-position__copy { color: var(--muted-bright); font-size: 1.08rem; }
.corporate-position__copy p { margin: 0 0 1.5rem; }
.text-link { color: #315f5a; font-weight: 800; text-decoration: none; }
.text-link--light { color: var(--amber-bright); }
.text-link span { display: inline-block; margin-left: .3rem; transition: transform .2s ease; }
.text-link:hover span { transform: translateX(.25rem); }
.footprint { background: linear-gradient(180deg, var(--night), #080d10); }
.corridor-list { border-top: 1px solid var(--line); }
.corridor { display: grid; grid-template-columns: 4rem 1fr 1fr; gap: 2rem; align-items: center; padding: 1.65rem 0; border-bottom: 1px solid var(--line); }
.corridor > span { color: var(--amber); font: 400 1.15rem/1 var(--font-display); }
.corridor h3 { font-size: clamp(1.35rem, 2.2vw, 2rem); }
.corridor p { margin: 0; color: var(--muted); }
.trade-process { border-top: 1px solid var(--line); background: #080d10; }
.trade-process__grid { display: grid; grid-template-columns: .82fr 1.2fr; gap: clamp(3rem, 8vw, 8rem); }
.process-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.process-list li { display: grid; grid-template-columns: 3.3rem 1fr; gap: 1.25rem; padding: 1.55rem 0; border-bottom: 1px solid var(--line); }
.process-list li > span { color: var(--amber); font: 400 1rem/1.5 var(--font-display); }
.process-list h3 { font-size: 1.55rem; }
.process-list p { margin: .4rem 0 0; color: var(--muted); }
.gateway-cta { padding-top: 0; background: #080d10; }
.gateway-cta__panel { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.1fr auto; gap: 3rem; align-items: center; padding: clamp(2rem, 5vw, 4.5rem); border: 1px solid var(--line-strong); border-radius: var(--radius); background: linear-gradient(120deg, rgba(122,65,35,.28), rgba(15,22,26,.95) 50%, rgba(54,72,70,.4)); box-shadow: var(--shadow); }
.gateway-cta__panel::after { content: ''; position: absolute; right: -5rem; top: -8rem; width: 21rem; aspect-ratio: 1; border: 1px solid rgba(224,173,114,.17); border-radius: 50%; box-shadow: 0 0 0 3rem rgba(224,173,114,.04), 0 0 0 6rem rgba(224,173,114,.025); pointer-events: none; }
.gateway-cta__panel p:last-child { margin: 1rem 0 0; color: var(--muted-bright); }
.gateway-cta__actions { position: relative; z-index: 1; display: flex; gap: .75rem; flex-wrap: wrap; justify-content: flex-end; }
.reveal-item { opacity: 0; transform: translateY(1.5rem); transition: opacity .65s ease, transform .65s cubic-bezier(.22,.7,.24,1); }
.reveal-item.is-visible { opacity: 1; transform: none; }

/* Supporting routes from PACK01 remain intentionally simple. */
.page-hero, .error-page { padding: clamp(5rem, 11vw, 9rem) 0; background: var(--night-soft); color: var(--text); }
.page-hero--rubber { background: linear-gradient(120deg, #0d1918, #315c54); }
.page-hero h1, .error-page h1 { max-width: 13ch; font-size: clamp(3rem, 7vw, 6.5rem); }
.page-hero .lede { max-width: 45rem; }
.section { padding: var(--section-space) 0; }
.section--compact { padding-top: 0; }
.content-grid, .contact-grid, .footer__grid { display: grid; gap: 2rem; }
.content-grid { grid-template-columns: minmax(0, 1.5fr) minmax(16rem, .7fr); align-items: start; }
.note-card, .contact-card { padding: 1.6rem; border: 1px solid #d3cdc2; border-radius: var(--radius); background: #fffdfa; }
.note-card p { margin-bottom: 0; }
.contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.contact-card { min-height: 14rem; color: #17201f; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.contact-card:hover { transform: translateY(-3px); box-shadow: 0 1.5rem 4rem rgba(26, 30, 27, .14); }
.contact-card span { color: #315f5a; font-weight: 800; }
.contact-details { display: flex; align-items: baseline; gap: 1.5rem; flex-wrap: wrap; }
.contact-details h2 { margin: 0; }
.error-page { min-height: 60vh; display: grid; align-items: center; }
.button-row { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1.5rem; }

/* PACK04 Natural Rubber division. All selectors stay scoped to rubber-* surfaces. */
body.page--rubber, body.page--rubber-products, body.page--rubber-product, body.page--rubber-buy, body.page--rubber-sell, body.page--rubber-market, body.page--rubber-request-quote { --rubber-ink: #070b0b; --rubber-panel: #101716; --rubber-panel-soft: #151e1c; --rubber-accent: #a9b8a2; --rubber-accent-bright: #d1dacb; --rubber-line: rgba(210, 223, 211, .15); --rubber-muted: #9ba8a2; background: var(--rubber-ink); color: var(--text); }
.rubber-navigation { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3.55rem; border-bottom: 1px solid var(--rubber-line); color: var(--muted-bright); font-size: .65rem; font-weight: 800; letter-spacing: .095em; text-transform: uppercase; }
.rubber-navigation__links, .rubber-switcher { display: flex; align-items: center; gap: 1.1rem; }
.rubber-navigation a { color: inherit; text-decoration: none; }
.rubber-navigation a:hover { color: var(--rubber-accent-bright); }
.rubber-switcher { padding: .3rem; border: 1px solid var(--rubber-line); border-radius: 999px; background: rgba(255,255,255,.025); font-size: .58rem; }
.rubber-switcher a, .rubber-switcher span { padding: .34rem .58rem; border-radius: 999px; }
.rubber-switcher span { background: var(--rubber-accent); color: #0a0e0d; }
.rubber-kicker { margin: 0 0 .85rem; color: var(--rubber-accent-bright); font-size: .66rem; font-weight: 800; letter-spacing: .19em; text-transform: uppercase; }
.rubber-lede { max-width: 44rem; margin: 1.35rem 0 0; color: var(--muted-bright); font-size: clamp(1rem, 1.45vw, 1.18rem); }
.rubber-button { border-color: var(--rubber-accent); background: var(--rubber-accent); color: #090d0c; }
.rubber-button:hover { border-color: var(--rubber-accent-bright); background: var(--rubber-accent-bright); }
.rubber-text-link { color: var(--rubber-accent-bright); font-weight: 800; text-decoration: none; }
.rubber-text-link span { display: inline-block; margin-left: .3rem; transition: transform .2s ease; }
.rubber-text-link:hover span { transform: translateX(.28rem); }
.rubber-section { position: relative; padding-block: var(--section-space); background: var(--rubber-ink); color: var(--text); }
.rubber-heading { max-width: 53rem; margin-bottom: clamp(2.5rem, 5vw, 4.5rem); }
.rubber-heading > p:last-child { max-width: 41rem; color: var(--rubber-muted); }
.rubber-heading--row { max-width: none; display: grid; grid-template-columns: 1.1fr .7fr; gap: 3rem; align-items: end; }
.rubber-heading--row > p:last-child { margin: 0; }

.rubber-hero { position: relative; min-height: clamp(42rem, calc(100svh - 8.3rem), 52rem); overflow: hidden; isolation: isolate; background: radial-gradient(circle at 74% 43%, #25302d 0, #111817 33%, #080c0c 69%); }
.rubber-hero::after { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(7,11,11,.98) 0, rgba(7,11,11,.9) 39%, rgba(7,11,11,.22) 72%, rgba(7,11,11,.64)); content: ''; }
.rubber-hero__grid { position: absolute; inset: 0; z-index: -1; opacity: .14; background-image: linear-gradient(rgba(210,223,211,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(210,223,211,.13) 1px, transparent 1px); background-size: 5rem 5rem; mask-image: linear-gradient(90deg, black, transparent 72%); }
.rubber-hero__content { display: grid; align-content: center; min-height: inherit; padding-block: 4rem 5.5rem; }
.rubber-hero h1 { max-width: 11.5ch; font-size: clamp(3.45rem, 6.3vw, 6.9rem); }
.rubber-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; margin-top: 2rem; }
.rubber-hero__actions .rubber-text-link { margin-left: .7rem; }
.rubber-hero__signals { display: flex; flex-wrap: wrap; gap: .7rem 1.35rem; margin: 2.3rem 0 0; padding: 0; color: var(--rubber-muted); font-size: .65rem; font-weight: 800; letter-spacing: .07em; list-style: none; text-transform: uppercase; }
.rubber-hero__signals li { display: flex; align-items: center; gap: .65rem; }
.rubber-hero__signals li::before { width: .42rem; height: .42rem; border-radius: 50%; background: var(--rubber-accent); content: ''; }

.rubber-material { position: relative; width: min(40rem, 45vw); aspect-ratio: 1.12; overflow: hidden; border: 1px solid var(--rubber-line); border-radius: 50% 50% 1.8rem 1.8rem; background: radial-gradient(circle at 50% 28%, rgba(182,199,186,.14), transparent 48%), linear-gradient(145deg, #1a2421, #080c0c 72%); box-shadow: inset 0 1px rgba(255,255,255,.04), 0 3rem 7rem rgba(0,0,0,.38); }
.rubber-hero > .rubber-material { position: absolute; z-index: -1; top: 50%; right: max(-3rem, calc((100vw - 88rem) / 2)); transform: translateY(-48%); }
.rubber-material__sheet span { position: absolute; right: 7%; width: 61%; height: 13%; border: 1px solid rgba(208,222,210,.18); border-radius: .7rem; background: linear-gradient(160deg, #43514c, #171f1d 55%, #26332f); box-shadow: 0 1.1rem 2rem rgba(0,0,0,.4); transform: skewX(-8deg); }
.rubber-material__sheet span:nth-child(1) { top: 17%; right: 16%; }
.rubber-material__sheet span:nth-child(2) { top: 29%; right: 10%; }
.rubber-material__sheet span:nth-child(3) { top: 41%; right: 18%; }
.rubber-material__sheet span:nth-child(4) { top: 53%; right: 9%; }
.rubber-material__bales span { position: absolute; bottom: 8%; width: 29%; height: 25%; border: 1px solid rgba(208,222,210,.15); border-radius: .6rem; background: linear-gradient(145deg, #26312e, #0c1111 58%, #1d2724); box-shadow: 0 1.2rem 2.5rem rgba(0,0,0,.48); }
.rubber-material__bales span::after { position: absolute; inset: -2% 31%; border-inline: .28rem solid rgba(140,154,145,.55); content: ''; }
.rubber-material__bales span:nth-child(1) { left: 8%; }
.rubber-material__bales span:nth-child(2) { left: 36%; bottom: 11%; }
.rubber-material__bales span:nth-child(3) { right: 7%; }
.rubber-material__trace { position: absolute; inset: 0; opacity: .4; }
.rubber-material__trace i { position: absolute; left: 9%; width: 1px; height: 42%; background: linear-gradient(transparent, var(--rubber-accent), transparent); transform: rotate(27deg); }
.rubber-material__trace i:nth-child(1) { top: 5%; left: 13%; }
.rubber-material__trace i:nth-child(2) { top: 14%; left: 22%; }
.rubber-material__trace i:nth-child(3) { top: 24%; left: 31%; }

.rubber-audiences { border-top: 1px solid var(--rubber-line); }
.rubber-audience-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1px; border: 1px solid var(--rubber-line); background: var(--rubber-line); }
.rubber-audience-card { min-height: 31rem; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(1.5rem, 4vw, 3.5rem); background: var(--rubber-panel); }
.rubber-audience-card--buyer { background: linear-gradient(145deg, rgba(62,79,74,.55), var(--rubber-panel) 58%); }
.rubber-audience-card--seller { background: linear-gradient(215deg, rgba(46,61,56,.62), var(--rubber-panel) 62%); }
.rubber-audience-card__index { color: var(--rubber-muted); font-size: .64rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.rubber-audience-card h3 { max-width: 9ch; font-size: clamp(2.5rem, 4.5vw, 5rem); }
.rubber-audience-card p { max-width: 35rem; color: var(--muted-bright); }
.rubber-products-preview { border-top: 1px solid var(--rubber-line); background: #0a0f0e; }
.rubber-products-preview__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem, 9vw, 9rem); align-items: center; }
.rubber-product-panel { position: relative; overflow: hidden; padding: clamp(2rem,5vw,4.5rem); border: 1px solid var(--rubber-line); background: linear-gradient(135deg, #18221f, #0b100f 65%); }
.rubber-product-panel__mark { position: absolute; top: 0; right: 0; width: 48%; height: 100%; opacity: .23; }
.rubber-product-panel__mark i { position: absolute; right: -9%; width: 90%; height: 19%; border: 1px solid var(--rubber-accent); border-radius: 999px; transform: rotate(-14deg); }
.rubber-product-panel__mark i:nth-child(1) { top: 17%; }
.rubber-product-panel__mark i:nth-child(2) { top: 41%; right: -1%; }
.rubber-product-panel__mark i:nth-child(3) { top: 65%; }
.rubber-product-panel h3 { position: relative; max-width: 8ch; font-size: clamp(3.2rem, 6vw, 6rem); }
.rubber-product-panel > p:not(.rubber-kicker) { position: relative; max-width: 34rem; color: var(--muted-bright); }
.rubber-product-panel dl { position: relative; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin: 2.2rem 0; }
.rubber-product-panel dl div { padding-top: 1rem; border-top: 1px solid var(--rubber-line); }
.rubber-product-panel dt, .rubber-catalogue-card dt, .rubber-product-facts dt { color: var(--rubber-accent-bright); font-size: .61rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.rubber-product-panel dd, .rubber-catalogue-card dd, .rubber-product-facts dd { margin: .4rem 0 0; color: var(--rubber-muted); }

.rubber-region { background: #111817; }
.rubber-region__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem, 9vw, 9rem); align-items: start; }
.rubber-region__grid > div > p:not(.rubber-kicker) { color: var(--rubber-muted); }
.rubber-chain { margin: 0; padding: 0; border-top: 1px solid var(--rubber-line); list-style: none; }
.rubber-chain li { position: relative; display: grid; grid-template-columns: 3.2rem 1fr; gap: 1rem; padding: 1.3rem 0; border-bottom: 1px solid var(--rubber-line); }
.rubber-chain li:not(:last-child)::after { position: absolute; bottom: -.35rem; left: 1.2rem; z-index: 2; color: var(--rubber-accent); content: '↓'; }
.rubber-chain span, .rubber-workflow__steps span, .rubber-buy-flow ol span, .rubber-form-steps span { color: var(--rubber-accent); font: 400 1rem/1.5 var(--font-display); }
.rubber-chain strong { color: var(--muted-bright); font-size: .82rem; letter-spacing: .06em; text-transform: uppercase; }
.rubber-workflow { border-top: 1px solid var(--rubber-line); }
.rubber-workflow__steps { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin: 0; padding: 0; border-top: 1px solid var(--rubber-line); list-style: none; }
.rubber-workflow__steps li { min-height: 13rem; padding: 1.25rem; border-right: 1px solid var(--rubber-line); border-bottom: 1px solid var(--rubber-line); }
.rubber-workflow__steps li:first-child { border-left: 1px solid var(--rubber-line); }
.rubber-workflow__steps h3 { margin-top: 2.5rem; font-size: 1.35rem; }
.rubber-workflow__steps p { color: var(--rubber-muted); font-size: .84rem; }
.rubber-desk { border-top: 1px solid var(--rubber-line); background: #0b1110; }
.rubber-desk__grid { display: grid; grid-template-columns: 1fr .55fr; gap: clamp(3rem,8vw,8rem); align-items: center; }
.rubber-desk__grid > div > p:not(.rubber-kicker) { max-width: 39rem; color: var(--rubber-muted); }
.rubber-desk aside { display: grid; gap: .8rem; padding: 2rem; border: 1px solid var(--rubber-line); background: var(--rubber-panel); }
.rubber-desk aside > span { color: var(--rubber-muted); font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.rubber-desk aside > strong { color: var(--rubber-accent-bright); font: 400 clamp(2rem,4vw,4rem)/1 var(--font-display); }
.rubber-desk aside p { margin: 0; color: var(--rubber-muted); }
.rubber-final-cta { padding-top: 0; background: #0b1110; }
.rubber-final-cta__panel { display: grid; grid-template-columns: 1fr auto; gap: 3rem; align-items: center; padding: clamp(2rem,5vw,4.5rem); border: 1px solid var(--rubber-line); background: radial-gradient(circle at 88% 22%, rgba(169,184,162,.13), transparent 34%), linear-gradient(120deg,#17211e,#0b1010); }
.rubber-final-cta__panel p:last-child { max-width: 39rem; color: var(--rubber-muted); }
.rubber-final-cta__panel > div:last-child { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: flex-end; }

.rubber-page-hero, .rubber-product-hero { position: relative; overflow: hidden; padding-block: clamp(4.5rem,9vw,8rem); border-bottom: 1px solid var(--rubber-line); background: radial-gradient(circle at 78% 38%, #26312e, #101716 37%, #080c0c 72%); }
.rubber-page-hero__grid, .rubber-product-hero__grid { display: grid; grid-template-columns: 1fr .8fr; gap: clamp(3rem,8vw,8rem); align-items: center; }
.rubber-page-hero h1, .rubber-product-hero h1 { max-width: 12ch; font-size: clamp(3.2rem,6vw,6.4rem); }
.rubber-page-hero .rubber-material, .rubber-product-hero .rubber-material { width: 100%; }
.rubber-page-hero--buyer { background: radial-gradient(circle at 80% 25%, #31403b, #0e1513 48%, #080c0c); }
.rubber-page-hero--seller { background: radial-gradient(circle at 78% 28%, #2b3935, #111817 48%, #080c0c); }
.rubber-page-hero--market { background: linear-gradient(125deg,#0b1010,#1a2421 62%,#0a0f0e); }
.rubber-page-hero--quote { background: linear-gradient(125deg,#101817,#24312d 58%,#0a0f0e); }
.rubber-buy-brief { display: grid; gap: .75rem; padding: clamp(1.5rem,4vw,3rem); border: 1px solid var(--rubber-line); background: rgba(7,11,11,.55); }
.rubber-buy-brief span, .rubber-seller-hero aside span { color: var(--rubber-accent); font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.rubber-buy-brief strong { padding-bottom: .75rem; border-bottom: 1px solid var(--rubber-line); font: 400 clamp(1.3rem,2vw,2rem)/1.2 var(--font-display); }
.rubber-buy-flow { background: #0b1110; }
.rubber-buy-flow ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 0; padding: 1px; background: var(--rubber-line); list-style: none; }
.rubber-buy-flow li { min-height: 13rem; padding: 1.4rem; background: var(--rubber-panel); }
.rubber-buy-flow h3 { margin-top: 2.2rem; font-size: 1.55rem; }
.rubber-buy-flow p { color: var(--rubber-muted); }
.rubber-buyer-options { background: #111817; }
.rubber-buyer-options__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem,8vw,8rem); }
.rubber-buyer-options ul, .rubber-applications ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; margin: 0; padding: 0; border-top: 1px solid var(--rubber-line); list-style: none; }
.rubber-buyer-options li, .rubber-applications li { padding: 1rem 0; border-bottom: 1px solid var(--rubber-line); color: var(--muted-bright); }
.rubber-buyer-options li:nth-child(odd), .rubber-applications li:nth-child(odd) { padding-right: 1rem; }
.rubber-buyer-options li:nth-child(even), .rubber-applications li:nth-child(even) { padding-left: 1rem; border-left: 1px solid var(--rubber-line); }

.rubber-seller-hero { display: grid; grid-template-columns: 1fr .55fr; gap: clamp(3rem,8vw,8rem); align-items: end; }
.rubber-seller-hero h1 { max-width: 9ch; }
.rubber-seller-signals { display: flex; flex-wrap: wrap; gap: .6rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.rubber-seller-signals li { padding: .45rem .7rem; border: 1px solid var(--rubber-line); border-radius: 999px; color: var(--rubber-muted); font-size: .64rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.rubber-seller-hero aside { display: grid; gap: .65rem; padding: 1.7rem; border: 1px solid var(--rubber-line); background: rgba(7,11,11,.5); }
.rubber-seller-hero aside strong { padding-bottom: .55rem; border-bottom: 1px solid var(--rubber-line); color: var(--muted-bright); }

.rubber-catalogue { background: #0b1110; }
.rubber-catalogue__grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(18rem,.6fr); gap: 1.25rem; }
.rubber-catalogue-card { padding: clamp(2rem,5vw,4.5rem); border: 1px solid var(--rubber-line); background: linear-gradient(135deg,#19221f,#0d1312); }
.rubber-catalogue-card__status { color: var(--rubber-accent); font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.rubber-catalogue-card h2 { max-width: 8ch; margin-top: 1rem; font-size: clamp(3.3rem,6vw,6.4rem); }
.rubber-catalogue-card > p { max-width: 40rem; color: var(--rubber-muted); }
.rubber-catalogue-card dl { margin: 2rem 0; border-top: 1px solid var(--rubber-line); }
.rubber-catalogue-card dl div { padding: 1rem 0; border-bottom: 1px solid var(--rubber-line); }
.rubber-catalogue__note { padding: 2rem; border: 1px solid var(--rubber-line); background: var(--rubber-panel); }
.rubber-catalogue__note h2 { font-size: clamp(2rem,3vw,3rem); }
.rubber-catalogue__note > p:not(.rubber-kicker) { color: var(--rubber-muted); }
.rubber-breadcrumb { margin-bottom: clamp(2rem,4vw,4rem); font-size: .66rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.rubber-breadcrumb ol { display: flex; flex-wrap: wrap; gap: .55rem; margin: 0; padding: 0; list-style: none; }
.rubber-breadcrumb li + li::before { margin-right: .55rem; color: var(--rubber-muted); content: '/'; }
.rubber-breadcrumb a { color: var(--rubber-accent-bright); text-decoration: none; }
.rubber-product-detail { background: #0b1110; }
.rubber-product-detail__grid { display: grid; grid-template-columns: 1fr .8fr; gap: clamp(3rem,9vw,9rem); align-items: start; }
.rubber-product-detail__grid > div > p:not(.rubber-kicker) { color: var(--rubber-muted); }
.rubber-quality-note { padding: 1rem 1.2rem; border-left: 2px solid var(--rubber-accent); background: rgba(169,184,162,.07); color: var(--muted-bright) !important; }
.rubber-product-facts { margin: 0; border-top: 1px solid var(--rubber-line); }
.rubber-product-facts div { padding: 1rem 0; border-bottom: 1px solid var(--rubber-line); }
.rubber-applications { background: #111817; }

.rubber-form-section { background: #0b1110; }
.rubber-form-layout { display: grid; grid-template-columns: minmax(18rem,.55fr) minmax(0,1.45fr); gap: clamp(2.5rem,7vw,7rem); align-items: start; }
.rubber-form-layout__intro { position: sticky; top: 8.5rem; }
.rubber-form-layout__intro > p:not(.rubber-kicker) { color: var(--rubber-muted); }
.rubber-form-steps { margin: 2rem 0; padding: 0; border-top: 1px solid var(--rubber-line); list-style: none; }
.rubber-form-steps li { display: grid; grid-template-columns: 2.5rem 1fr; gap: .8rem; padding: .9rem 0; border-bottom: 1px solid var(--rubber-line); color: var(--muted-bright); }
.rubber-upload-note { margin-top: 2rem; padding: 1rem 1.15rem; border: 1px solid var(--rubber-line); background: rgba(255,255,255,.025); }
.rubber-upload-note p { margin: .35rem 0 0; color: var(--rubber-muted); font-size: .85rem; }
.rubber-form-boundary, .rubber-form-result, .rubber-form-errors { margin-bottom: 1rem; padding: 1rem 1.15rem; border: 1px solid var(--rubber-line); background: rgba(169,184,162,.055); }
.rubber-form-boundary p, .rubber-form-result p { margin: .35rem 0 0; color: var(--rubber-muted); }
.rubber-form-errors { border-color: rgba(224,149,126,.55); background: rgba(110,46,35,.18); }
.rubber-form-errors h2 { font-size: 1.5rem; }
.rubber-form-errors ul { margin-bottom: 0; }
.rubber-form-errors a { color: #ffd1c3; }
.rubber-form-result h2 { font-size: clamp(2rem,3vw,3rem); }
.rubber-form { padding: clamp(1.2rem,3vw,2rem); border: 1px solid var(--rubber-line); background: var(--rubber-panel); }
.rubber-form__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.15rem; }
.rubber-field { min-width: 0; }
.rubber-field--wide { grid-column: 1 / -1; }
.rubber-field label { display: block; margin-bottom: .42rem; color: var(--muted-bright); font-size: .74rem; font-weight: 800; letter-spacing: .035em; }
.rubber-field label > span:first-of-type { color: #e1b294; }
.rubber-field label small { color: var(--rubber-muted); font-size: .65rem; font-weight: 400; }
.rubber-field input, .rubber-field select, .rubber-field textarea { width: 100%; min-height: 3.25rem; padding: .75rem .85rem; border: 1px solid rgba(210,223,211,.22); border-radius: .35rem; background: #080d0c; color: var(--text); font: inherit; }
.rubber-field textarea { resize: vertical; }
.rubber-field input:focus, .rubber-field select:focus, .rubber-field textarea:focus { border-color: var(--rubber-accent); outline: 2px solid rgba(169,184,162,.25); outline-offset: 1px; }
.rubber-field [aria-invalid='true'] { border-color: #d88e79; }
.rubber-field__error { margin: .38rem 0 0; color: #ffc1ae; font-size: .76rem; }
.rubber-form__footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.5rem; }
.rubber-form__footer p { color: var(--rubber-muted); font-size: .7rem; }
.rubber-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.rubber-whatsapp-link { display: inline-flex; margin-top: 1rem; color: var(--rubber-accent-bright); font-weight: 800; }

.rubber-market-state { background: #0b1110; }
.rubber-market-state__head { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: end; margin-bottom: 2rem; }
.rubber-market-state__head > div > p:last-child { color: var(--rubber-muted); }
.rubber-market-state__head > span { padding: 1rem 1.25rem; border: 1px solid var(--rubber-line); color: var(--rubber-muted); font-size: .65rem; letter-spacing: .09em; text-transform: uppercase; }
.rubber-market-state__head strong { color: var(--rubber-accent-bright); font-size: 1rem; }
.rubber-market-table { overflow-x: auto; border: 1px solid var(--rubber-line); }
.rubber-market-table table { width: 100%; min-width: 74rem; border-collapse: collapse; }
.rubber-market-table th, .rubber-market-table td { padding: 1rem; border-right: 1px solid var(--rubber-line); border-bottom: 1px solid var(--rubber-line); text-align: left; }
.rubber-market-table th { color: var(--rubber-accent-bright); font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; }
.rubber-market-table td { color: var(--rubber-muted); }
.rubber-price-desk { background: #111817; }
.rubber-price-desk__grid { display: grid; grid-template-columns: 1fr auto; gap: 3rem; align-items: center; }
.rubber-price-desk__grid > div > p:last-child { max-width: 42rem; color: var(--rubber-muted); }
.rubber-market-disclaimer { padding-block: 2rem; border-top: 1px solid var(--rubber-line); background: #080c0c; }
.rubber-market-disclaimer p { margin: 0; color: var(--rubber-muted); font-size: .82rem; }

/* PACK06 market reference and commercial price desk */
.market-controls { display: flex; align-items: end; flex-wrap: wrap; gap: .8rem 1.5rem; margin: 0 0 2rem; padding: 1rem; border: 1px solid var(--rubber-line); background: rgba(255,255,255,.025); }
.market-controls fieldset { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0; padding: 0; border: 0; }
.market-controls legend { width: 100%; margin-bottom: .35rem; color: var(--rubber-muted); font-size: .62rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.market-controls label { position: relative; display: inline-flex; min-height: 2.25rem; align-items: center; padding: .45rem .7rem; border: 1px solid var(--rubber-line); color: var(--rubber-accent-bright); font-size: .72rem; cursor: pointer; }
.market-controls input { position: absolute; opacity: 0; }
.market-controls label:has(input:checked) { border-color: var(--rubber-accent); background: rgba(169,184,162,.12); }
.market-controls label:has(input:focus-visible) { outline: 2px solid var(--rubber-accent-bright); outline-offset: 2px; }
.market-controls .button { margin-left: auto; }
.market-empty { padding: clamp(1.5rem,4vw,3rem); border: 1px solid var(--rubber-line); background: linear-gradient(135deg,rgba(255,255,255,.03),transparent); }
.market-empty h3 { max-width: 24ch; margin: .5rem 0; font: 400 clamp(2rem,5vw,4rem)/.95 var(--font-display); }
.market-empty p:last-child { max-width: 46rem; color: var(--rubber-muted); }
.market-empty--compact { padding: 1.5rem; }
.market-empty--compact p { margin: 0; }
.market-reference-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.market-reference-card { display: grid; gap: 1.15rem; padding: clamp(1.25rem,3vw,2rem); border: 1px solid var(--rubber-line); background: #0e1614; }
.market-reference-card header, .market-reference-card footer { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.market-reference-card header > div > span, .market-reference-card footer, .market-provenance { color: var(--rubber-muted); font-size: .72rem; }
.market-reference-card h3 { margin: .35rem 0 0; font-size: clamp(1.6rem,3vw,2.5rem); }
.market-status { max-width: 11rem; padding: .45rem .55rem; border: 1px solid rgba(169,184,162,.35); color: var(--rubber-accent-bright); font-size: .58rem; font-weight: 800; letter-spacing: .07em; text-align: center; text-transform: uppercase; }
.market-status--stale { border-color: rgba(224,178,111,.45); color: #e0b26f; }
.market-price { margin: 0; color: #f4f2e9; font: 400 clamp(2.25rem,5vw,4.5rem)/.95 var(--font-display); }
.market-price--contact { max-width: 15ch; font-size: clamp(2rem,4vw,3.5rem); }
.market-reference-card dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 0; border-top: 1px solid var(--rubber-line); border-left: 1px solid var(--rubber-line); }
.market-reference-card dl div { padding: .8rem; border-right: 1px solid var(--rubber-line); border-bottom: 1px solid var(--rubber-line); }
.market-reference-card dt { color: var(--rubber-muted); font-size: .6rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.market-reference-card dd { margin: .3rem 0 0; color: var(--rubber-accent-bright); font-size: .78rem; }
.market-reference-card footer a { color: var(--rubber-accent-bright); }
.market-change::before { margin-right: .25rem; }
.market-change--up::before { content: '▲'; }
.market-change--down::before { content: '▼'; }
.market-change--unchanged::before { content: '■'; }
.market-history { background: #080d0c; }
.market-chart { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(17rem,.5fr); gap: 1rem; }
.market-chart svg { width: 100%; min-height: 22rem; color: var(--rubber-accent-bright); border: 1px solid var(--rubber-line); background: linear-gradient(180deg,rgba(169,184,162,.08),transparent); }
.market-chart line { stroke: rgba(210,223,211,.18); stroke-width: .3; }
.market-chart polyline { fill: none; stroke: var(--rubber-accent-bright); stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.market-history-table { max-height: 22rem; overflow: auto; border: 1px solid var(--rubber-line); }
.market-history-table table { width: 100%; border-collapse: collapse; }
.market-history-table th, .market-history-table td { padding: .75rem; border-bottom: 1px solid var(--rubber-line); text-align: left; font-size: .75rem; }
.market-history-table th { position: sticky; top: 0; background: #0d1413; color: var(--rubber-accent-bright); }
.price-desk-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(16rem,.4fr); gap: 2rem; align-items: end; margin-bottom: 2rem; }
.price-desk-heading > div > p:last-child, .price-desk-heading > span { color: var(--rubber-muted); }
.price-desk-heading > span { padding: 1rem; border-left: 2px solid var(--rubber-accent); font-size: .8rem; }
.market-empty--commercial > div { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.joviaan-price-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.joviaan-price-card { display: grid; align-content: start; gap: 1rem; padding: clamp(1.5rem,3vw,2.25rem); border: 1px solid var(--rubber-line); }
.joviaan-price-card--procurement { background: linear-gradient(145deg,rgba(169,184,162,.09),rgba(255,255,255,.015)); }
.joviaan-price-card--supply { background: linear-gradient(145deg,rgba(194,140,91,.11),rgba(255,255,255,.015)); }
.joviaan-price-card h3 { margin: 0; font-size: clamp(2rem,4vw,3.4rem); }
.joviaan-price-card > p:not(.rubber-kicker):not(.market-price), .joviaan-price-card small { color: var(--rubber-muted); }
.joviaan-price-card .button { width: max-content; margin-top: .5rem; }

/* Shared footer */
.site-footer { padding: clamp(4rem, 7vw, 6.5rem) 0 1.25rem; border-top: 1px solid var(--line); background: #05080a; color: var(--muted); }
.footer__grid { grid-template-columns: 1.5fr .7fr .8fr; }
.brand--footer { margin-bottom: 1.2rem; }
.brand--footer .brand__logo { width: min(13rem, 100%); }
.footer__grid p { max-width: 27rem; }
.footer__links, .footer__contact { display: grid; align-content: start; gap: .6rem; }
.footer__links a, .footer__contact a { color: var(--muted-bright); text-decoration: none; }
.footer__links a:hover, .footer__contact a:hover { color: var(--amber-bright); }
.footer__base { margin-top: 3.5rem; padding-top: 1.25rem; border-top: 1px solid var(--line); color: #778183; font-size: .75rem; }

@media (max-width: 70rem) {
  :root { --shell: min(100% - 2.5rem, 88rem); }
  .primary-nav { gap: .85rem; }
  .primary-nav > a:not(.button) { font-size: .7rem; }
  .master-hero__copy { width: min(42rem, 62vw); }
  .material-fallback { right: -7rem; width: 65vw; }
}

@media (max-width: 58rem) {
  .menu-toggle { display: block; }
  .primary-nav { position: absolute; z-index: 45; inset: 100% 0 auto; display: grid; gap: 0; padding: 1rem max(1.25rem, calc((100vw - 88rem) / 2)); border-bottom: 1px solid var(--line); background: var(--night); box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, .4); transform: translateY(-130%); opacity: 0; pointer-events: none; transition: transform .25s ease, opacity .2s ease; }
  .primary-nav.is-open { transform: translateY(0); opacity: 1; pointer-events: auto; }
  .primary-nav > a:not(.button) { padding: .85rem 0; border-bottom: 1px solid var(--line); font-size: .78rem; }
  .primary-nav > a:not(.button)::after { display: none; }
  .primary-nav .button { width: max-content; margin-top: .9rem; }
  body.nav-open { overflow: hidden; }
  .master-hero__copy { width: min(39rem, 70vw); }
  .material-fallback { right: -12rem; width: 76vw; }
  .master-hero__veil { background: linear-gradient(90deg, rgba(5,8,11,.98), rgba(5,8,11,.82) 48%, rgba(5,8,11,.3) 76%, rgba(5,8,11,.6)); }
  .portal-card { min-height: 35rem; }
}

@media (max-width: 47rem) {
  :root { --shell: min(100% - 2rem, 88rem); --section-space: 4.5rem; }
  .header__inner { min-height: 4.35rem; }
  .brand__logo { width: 10.5rem; }
  .primary-nav { top: 100%; }
  .master-hero { min-height: 46rem; }
  .master-hero__content { align-items: start; padding-block: 4.5rem 10.5rem; }
  .master-hero__copy { width: 100%; }
  h1 { font-size: clamp(3rem, 10.5vw, 4.7rem); }
  .lede { max-width: 33rem; }
  .material-fallback { top: 57%; right: -10rem; width: 88vw; height: 60vw; opacity: .55; }
  .master-hero__veil { background: linear-gradient(180deg, rgba(5,8,11,.98) 0, rgba(5,8,11,.88) 49%, rgba(5,8,11,.53) 75%, rgba(5,8,11,.95)); }
  .master-hero__grid { opacity: .08; }
  .master-hero__actions { bottom: 1.3rem; }
  .material-link { min-height: 6.3rem; grid-template-columns: auto 1fr; }
  .material-link > span:last-child { display: none; }
  .master-hero__scene-label { display: none; }
  .portal-grid, .corporate-position__grid, .trade-process__grid, .section-heading--row, .gateway-cta__panel, .content-grid, .contact-grid, .footer__grid { grid-template-columns: 1fr; }
  .portal-card { min-height: 32rem; }
  .corporate-position__grid { gap: 2rem; align-items: start; }
  .section-heading--row { gap: 1.5rem; align-items: start; }
  .corridor { grid-template-columns: 2.5rem 1fr; gap: 1rem; align-items: start; }
  .corridor p { grid-column: 2; }
  .gateway-cta__actions { justify-content: flex-start; }
  .contact-details { display: grid; }
}

@media (max-width: 35rem) {
  :root { --shell: min(calc(100% - 1.5rem), 88rem); }
  .master-hero { min-height: 49rem; }
  .master-hero__content { padding-top: 3.5rem; }
  .master-hero__brand { margin-bottom: .85rem; }
  h1 { font-size: clamp(2.85rem, 13vw, 4rem); }
  .lede { margin-top: 1rem; font-size: .98rem; line-height: 1.55; }
  .master-hero__actions { grid-template-columns: 1fr; }
  .material-link { min-height: 4.65rem; padding-block: .75rem; }
  .material-link:last-child { border: 1px solid var(--line); border-top: 0; }
  .material-fallback { top: 62%; right: -8rem; width: 105vw; height: 75vw; }
  .portal-card { min-height: 30rem; }
  .portal-card__material { height: 16rem; }
  .portal-card__content { padding: 1.35rem; }
  .gateway-cta__actions { display: grid; }
}

@media (max-width: 70rem) {
  .rubber-navigation__links { gap: .75rem; }
  .rubber-navigation { font-size: .58rem; }
  .rubber-hero > .rubber-material { right: -7rem; width: 48vw; }
  .rubber-workflow__steps { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .rubber-workflow__steps li:nth-child(4) { border-left: 1px solid var(--rubber-line); }
}

@media (max-width: 58rem) {
  .rubber-navigation { min-height: auto; padding-block: .75rem; }
  .rubber-navigation__links { flex-wrap: wrap; }
  .rubber-hero > .rubber-material { right: -11rem; width: 62vw; opacity: .72; }
  .rubber-page-hero__grid, .rubber-product-hero__grid, .rubber-products-preview__grid, .rubber-region__grid, .rubber-product-detail__grid, .rubber-form-layout { grid-template-columns: 1fr; }
  .rubber-page-hero .rubber-material, .rubber-product-hero .rubber-material { width: min(39rem,100%); }
  .rubber-form-layout__intro { position: static; }
  .rubber-catalogue__grid { grid-template-columns: 1fr; }
  .rubber-seller-hero { grid-template-columns: 1fr .65fr; }
}

@media (max-width: 47rem) {
  .rubber-navigation { display: grid; gap: .75rem; }
  .rubber-navigation__links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .45rem .8rem; }
  .rubber-switcher { justify-self: start; }
  .rubber-hero { min-height: 48rem; }
  .rubber-hero__content { align-content: start; padding-block: 4rem 6rem; }
  .rubber-hero h1 { max-width: 10ch; font-size: clamp(3.15rem,11vw,4.85rem); }
  .rubber-hero > .rubber-material { top: 68%; right: -6rem; width: 78vw; opacity: .48; }
  .rubber-hero::after { background: linear-gradient(180deg,rgba(7,11,11,.98) 0,rgba(7,11,11,.9) 56%,rgba(7,11,11,.62)); }
  .rubber-hero__actions { align-items: stretch; }
  .rubber-hero__actions .rubber-text-link { width: 100%; margin: .35rem 0 0; }
  .rubber-audience-grid, .rubber-heading--row, .rubber-desk__grid, .rubber-final-cta__panel, .rubber-buyer-options__grid, .rubber-seller-hero, .rubber-market-state__head, .rubber-price-desk__grid { grid-template-columns: 1fr; }
  .rubber-audience-card { min-height: 27rem; }
  .rubber-product-panel dl { grid-template-columns: 1fr; }
  .rubber-workflow__steps, .rubber-buy-flow ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .rubber-workflow__steps li:nth-child(odd), .rubber-buy-flow li:nth-child(odd) { border-left: 1px solid var(--rubber-line); }
  .rubber-final-cta__panel > div:last-child { justify-content: flex-start; }
  .rubber-page-hero, .rubber-product-hero { padding-block: 4rem; }
  .rubber-page-hero h1, .rubber-product-hero h1 { font-size: clamp(3rem,10.5vw,4.7rem); }
  .rubber-page-hero .rubber-material, .rubber-product-hero .rubber-material { display: none; }
  .rubber-seller-hero aside { margin-top: 1rem; }
  .rubber-buyer-options ul, .rubber-applications ul { grid-template-columns: 1fr; }
  .rubber-buyer-options li:nth-child(odd), .rubber-buyer-options li:nth-child(even), .rubber-applications li:nth-child(odd), .rubber-applications li:nth-child(even) { padding-inline: 0; border-left: 0; }
  .rubber-form__grid { grid-template-columns: 1fr; }
  .rubber-field--wide { grid-column: auto; }
  .rubber-form__footer { align-items: flex-start; flex-direction: column; }
  .rubber-form__footer .button { width: 100%; }
}

@media (max-width: 35rem) {
  .rubber-navigation__links { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .rubber-hero { min-height: 51rem; }
  .rubber-hero h1 { font-size: clamp(3rem,13vw,4.1rem); }
  .rubber-hero__actions .button { width: 100%; }
  .rubber-hero__signals { font-size: .59rem; }
  .rubber-hero > .rubber-material { top: 72%; right: -5rem; width: 92vw; }
  .rubber-audience-card { min-height: 24rem; padding: 1.35rem; }
  .rubber-workflow__steps, .rubber-buy-flow ol { grid-template-columns: 1fr; }
  .rubber-workflow__steps li, .rubber-buy-flow li { min-height: 10rem; border-left: 1px solid var(--rubber-line); }
  .rubber-workflow__steps h3, .rubber-buy-flow h3 { margin-top: 1.4rem; }
  .rubber-product-panel, .rubber-catalogue-card { padding: 1.5rem; }
  .rubber-product-panel h3, .rubber-catalogue-card h2 { font-size: 3rem; }
  .rubber-form { padding: 1rem; }
  .rubber-market-state__head > span { justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .hero-reveal, .reveal-item { opacity: 1; transform: none; }
}

/* PACK05 internal operations UI is isolated from public marketing layouts. */
.admin-header { background:#090d0d; border-bottom:1px solid rgba(255,255,255,.12); }
.admin-header__inner { min-height:4.8rem; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; }
.admin-header nav { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; }
.admin-header nav a, .admin-header nav button { color:#eef0eb; background:none; border:0; padding:0; font:inherit; cursor:pointer; }
.admin-header nav form { margin:0; }
.admin-page { min-height:calc(100vh - 4.8rem); padding:clamp(2rem,6vw,5rem) 0; background:#eef0eb; color:#17201d; }
.admin-page h1 { max-width:22ch; color:#17201d; font-size:clamp(2.6rem,5vw,4.9rem); }.admin-card { width:min(100% - 2rem,30rem); margin:4rem auto; padding:2rem; background:#fff; border:1px solid #d6dad2; box-shadow:0 1rem 3rem rgba(10,15,14,.1); }
.admin-card form, .admin-detail form { display:grid; gap:1rem; }.admin-card label, .admin-detail label, .admin-filter label { display:grid; gap:.45rem; font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.admin-card input, .admin-detail input, .admin-detail select, .admin-detail textarea, .admin-filter input, .admin-filter select { width:100%; min-height:2.75rem; padding:.65rem .75rem; border:1px solid #bdc3b9; background:#fff; color:#17201d; font:inherit; }.admin-detail textarea { min-height:8rem; resize:vertical; }
.admin-card button, .admin-detail button, .admin-filter button { width:max-content; border:0; cursor:pointer; }.admin-error { padding:.8rem; border:1px solid #9d4135; color:#7b2d23; background:#fff0ed; }
.admin-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-top:2rem; }.admin-stats article, .admin-detail > article, .admin-detail > aside { padding:1.25rem; background:#fff; border:1px solid #d6dad2; }.admin-stats span { display:block; font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.admin-stats strong { display:block; margin-top:.75rem; font:400 clamp(2rem,4vw,4rem)/1 var(--font-display); }
.admin-filter { display:flex; align-items:end; flex-wrap:wrap; gap:1rem; margin:1.5rem 0; }.admin-filter label { min-width:14rem; flex:1; }.admin-table-wrap { overflow-x:auto; border:1px solid #d6dad2; background:#fff; }.admin-table-wrap table { width:100%; min-width:44rem; border-collapse:collapse; }.admin-table-wrap th,.admin-table-wrap td { padding:1rem; border-bottom:1px solid #e2e5df; text-align:left; vertical-align:top; }.admin-table-wrap th { font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; }.admin-badge { display:inline-block; padding:.25rem .45rem; border-radius:999px; background:#dce4d7; font-size:.7rem; font-weight:700; }
.admin-detail { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr); gap:1.25rem; margin-top:1.5rem; }.admin-detail p { overflow-wrap:anywhere; }.admin-note { padding:.8rem 0; border-top:1px solid #d6dad2; }.commercial-form .rubber-field { min-width:0; }
.admin-lede { max-width:55rem; color:#56615d; }.admin-page-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; }.admin-stats--market { grid-template-columns:repeat(3,minmax(0,1fr)); }.admin-stat-date { font-size:clamp(1.35rem,2.5vw,2.2rem)!important; }.admin-action-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-top:1rem; }.admin-action-grid a { display:grid; gap:.45rem; padding:1.25rem; border:1px solid #cbd1c8; background:#fff; color:#17201d; text-decoration:none; }.admin-action-grid span { color:#64706b; font-size:.8rem; }.admin-split { display:grid; grid-template-columns:minmax(18rem,.65fr) minmax(0,1.35fr); gap:1.25rem; align-items:start; margin-top:1.5rem; }.admin-panel-form { display:grid; gap:1rem; padding:1.25rem; border:1px solid #d6dad2; background:#fff; }.admin-panel-form--grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:1.5rem; }.admin-panel-form label { display:grid; gap:.45rem; font-size:.76rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }.admin-panel-form input,.admin-panel-form select,.admin-panel-form textarea { width:100%; min-height:2.8rem; padding:.65rem .75rem; border:1px solid #bdc3b9; background:#fff; color:#17201d; font:inherit; }.admin-panel-form textarea { min-height:7rem; resize:vertical; }.admin-panel-form button,.admin-detail button { width:max-content; min-height:2.7rem; padding:.65rem 1rem; border:0; background:#17201d; color:#fff; cursor:pointer; }.admin-field-wide { grid-column:1/-1; }.admin-button-secondary { background:#7d342b!important; }
@media (max-width: 640px) { .admin-header__inner{align-items:flex-start;padding:1rem 0}.admin-header nav{gap:.75rem}.admin-stats,.admin-detail,.admin-stats--market,.admin-action-grid,.admin-split,.admin-panel-form--grid{grid-template-columns:1fr}.admin-field-wide{grid-column:auto}.admin-filter{display:grid}.admin-filter label{min-width:0}.admin-page-heading{display:grid;align-items:start}.rubber-seller-signals{grid-template-columns:1fr;gap:.55rem}.rubber-seller-signals li{min-width:0;overflow-wrap:anywhere;padding:.65rem .8rem} }

@media (max-width: 47rem) {
  .market-controls { display: grid; }
  .market-controls .button { width: 100%; margin-left: 0; }
  .market-reference-grid, .joviaan-price-grid, .price-desk-heading, .market-chart { grid-template-columns: 1fr; }
  .market-reference-card header, .market-reference-card footer { display: grid; }
  .market-status { justify-self: start; }
  .market-chart svg { min-height: 15rem; }
  .market-history-table { max-height: 15rem; }
  .market-empty--commercial > div, .market-empty--commercial .button, .joviaan-price-card .button { width: 100%; }
}

/* PACK07 official Rubber Board provider and synchronization health. */
.market-reference-group { margin-top: clamp(2rem,5vw,4rem); }
.market-reference-group:first-of-type { margin-top: 1.5rem; }
.market-reference-group__heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1rem; padding-bottom:.85rem; border-bottom:1px solid var(--rubber-line); }
.market-reference-group__heading h3 { margin:.25rem 0 0; font-size:clamp(1.8rem,3vw,3.15rem); }
.market-reference-card h4 { margin:.35rem 0 0; font-size:clamp(1.6rem,3vw,2.5rem); }
.market-reference-card--priority { border-color:rgba(209,218,203,.38); background:linear-gradient(145deg,rgba(169,184,162,.13),#0e1614 58%); }
.market-price--state { max-width:14ch; color:#e0c28d; font-size:clamp(2rem,4vw,3.65rem); }
.admin-notice { margin:1.25rem 0; padding:1rem 1.1rem; border:1px solid #bac6b6; background:#f7faf5; color:#29372f; }
.admin-notice--error,.admin-notice--warning { border-color:#d5ad83; background:#fff8ee; color:#70431d; }
.admin-notice--success { border-color:#9db69b; background:#f1f8ef; color:#264b2d; }
.admin-provider-health { margin-top:1.5rem; padding:clamp(1.25rem,3vw,2rem); border:1px solid #cbd1c8; background:#fff; }
.admin-provider-health h2,.admin-table-card h2 { margin:.25rem 0 0; color:#17201d; font-size:clamp(1.8rem,3vw,2.8rem); }
.admin-provider-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr); gap:1.25rem; margin-top:1.25rem; }
.admin-provider-grid dl,.admin-run-detail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; border-top:1px solid #d6dad2; border-left:1px solid #d6dad2; }
.admin-provider-grid dl div,.admin-run-detail div { min-width:0; padding:.9rem; border-right:1px solid #d6dad2; border-bottom:1px solid #d6dad2; }
.admin-provider-grid dt,.admin-run-detail dt { color:#66716d; font-size:.65rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.admin-provider-grid dd,.admin-run-detail dd { margin:.35rem 0 0; overflow-wrap:anywhere; }
.admin-provider-action { padding:1.1rem; background:#17201d; color:#eef0eb; }
.admin-provider-action p { color:#c7d0ca; }
.admin-provider-action form { margin-top:1rem; }
.admin-provider-action button { min-height:2.8rem; padding:.7rem 1.1rem; border:1px solid #eef0eb; background:#eef0eb; color:#17201d; font:inherit; font-weight:800; cursor:pointer; }
.admin-provider-disabled code { color:#fff; }
.admin-safe-error { padding-top:1rem; border-top:1px solid rgba(255,255,255,.2); }
.admin-run-status { display:inline-flex; width:max-content; align-items:center; min-height:1.8rem; padding:.3rem .55rem; border:1px solid #aeb9ad; background:#edf2ea; color:#34423a; font-size:.66rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.admin-run-status--success,.admin-run-status--no_change,.admin-run-status--ready { border-color:#85a383; background:#e8f2e6; color:#28532e; }
.admin-run-status--fetch_failed,.admin-run-status--parse_failed,.admin-run-status--validation_failed { border-color:#ce9187; background:#fff0ed; color:#7b2d23; }
.admin-run-status--cooldown,.admin-run-status--disabled { border-color:#d2b37c; background:#fff8e9; color:#6e4b18; }
.admin-market-operations-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr); gap:1.25rem; margin-top:1.25rem; }
.admin-table-card { min-width:0; padding:1.25rem; border:1px solid #cbd1c8; background:#fff; }
.admin-table-card .admin-table-wrap { margin-top:1rem; }
.admin-table-card .admin-page-heading > span { color:#66716d; font-size:.75rem; }
.admin-back-link { display:inline-block; margin-bottom:1rem; color:#405148; font-weight:700; }
.admin-run-detail { margin:1.5rem 0; background:#fff; }
@media (max-width: 70rem) {
  .admin-provider-grid,.admin-market-operations-grid { grid-template-columns:1fr; }
  .admin-provider-grid dl,.admin-run-detail { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 47rem) {
  .market-reference-group__heading { display:grid; }
  .admin-provider-grid dl,.admin-run-detail { grid-template-columns:1fr; }
  .admin-provider-action button { width:100%; }
}

/* PACK09A: official-brand intro, semantic themes, and concise public content. */
html[data-theme='dark'] {
  color-scheme: dark;
  --page-bg: #090d10;
  --surface: #101619;
  --surface-raised: #151d20;
  --surface-soft: #0d1215;
  --ink: #f2efe9;
  --ink-muted: #aeb7b6;
  --border: rgba(224,231,228,.14);
  --border-strong: rgba(224,231,228,.27);
  --input-bg: #0b1012;
  --success: #82b58a;
  --warning: #e0b26f;
  --error: #df8e7f;
}
html[data-theme='light'] {
  color-scheme: light;
  --page-bg: #f4efe6;
  --surface: #fbf8f2;
  --surface-raised: #fffdf8;
  --surface-soft: #ece5da;
  --ink: #1b2323;
  --ink-muted: #596361;
  --border: rgba(38,48,46,.15);
  --border-strong: rgba(38,48,46,.27);
  --input-bg: #fffdf9;
  --success: #356d42;
  --warning: #8b5d20;
  --error: #9b3f31;
  --night: #f4efe6;
  --night-soft: #ece5da;
  --night-raised: #fffaf3;
  --text: #1b2323;
  --muted: #616b69;
  --muted-bright: #3e4947;
  --line: rgba(38,48,46,.14);
  --line-strong: rgba(38,48,46,.25);
  --shadow: 0 2rem 5rem rgba(57,46,34,.13);
}

html, body { background: var(--page-bg); }
body, body:not(.page--home) { background: var(--page-bg); color: var(--ink); transition: background-color .25s ease, color .25s ease; }
.page--admin { background: #eef0eb; color: #17201d; }

/* Owner-preferred production intro, session-gated by the early boot script. */
#jv-loader {
  --jv-loader-bg: #06080c;
  --jv-loader-bg-2: #0b1017;
  --jv-loader-accent: #ddb06f;
  --jv-loader-accent-2: #bc7d46;
  --jv-loader-fade-out: 280ms;
  --jv-loader-ease: cubic-bezier(.16, 1, .3, 1);
  --jv-loader-gap: clamp(12px, 1.5vw, 20px);
  --jv-loader-emblem: clamp(62px, 9vw, 112px);
  --jv-loader-joviaan: clamp(180px, 28vw, 420px);
  --jv-loader-intl: clamp(150px, 22vw, 312px);
  display: none;
}
.js.intro-pending #jv-loader {
  position: fixed;
  z-index: 2147483647;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 42%, rgba(221,176,111,.12), transparent 18%), radial-gradient(circle at 82% 18%, rgba(188,125,70,.1), transparent 26%), linear-gradient(180deg, var(--jv-loader-bg), var(--jv-loader-bg-2) 48%, var(--jv-loader-bg));
  color: #f6f0e8;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity var(--jv-loader-fade-out) ease, visibility 0s linear var(--jv-loader-fade-out);
}
#jv-loader::before, #jv-loader::after { position: absolute; inset: 0; pointer-events: none; content: ''; }
#jv-loader::before { background: radial-gradient(circle at 50% 45%,rgba(221,176,111,.14),transparent 18%,rgba(0,0,0,0) 32%),radial-gradient(circle at 24% 18%,rgba(255,255,255,.05),transparent 24%),radial-gradient(circle at 76% 80%,rgba(86,57,33,.16),transparent 24%); }
#jv-loader::after { opacity: .08; background: repeating-linear-gradient(112deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 1px,transparent 1px,transparent 7px),linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.08)); }
#jv-loader.is-hiding { opacity: 0; visibility: hidden; pointer-events: none; }
#jv-loader .jv-loader__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
#jv-loader .jv-stage { position: relative; z-index: 1; display: flex; align-items: center; gap: var(--jv-loader-gap); padding: clamp(18px,3vw,28px); transform: translateY(18px) scale(.982); transform-origin: center; animation: jv-stage-in 1.68s var(--jv-loader-ease) both; }
#jv-loader.is-hiding .jv-stage { opacity: 0; transform: translateY(-10px) scale(.985); transition: transform var(--jv-loader-fade-out) ease,opacity var(--jv-loader-fade-out) ease; }
#jv-loader .jv-emblem { position: relative; width: var(--jv-loader-emblem); aspect-ratio: 270/185; }
#jv-loader .jv-emblem::before { position: absolute; inset: 16% 10% 8%; border-radius: 50%; background: radial-gradient(circle,rgba(221,176,111,.34),rgba(188,125,70,.18) 36%,transparent 72%); opacity: 0; transform: scale(.8); animation: jv-emblem-glow 1.68s var(--jv-loader-ease) both; content: ''; }
#jv-loader .jv-piece { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#jv-loader .jv-piece img { position: absolute; display: block; width: 100%; height: auto; opacity: 0; transform-origin: center; will-change: transform,opacity; }
#jv-loader .jv-piece.is-missing, #jv-loader img.is-missing { visibility: hidden; }
#jv-loader .jv-p1 { left: 0; top: 32.4%; width: 40.4%; }
#jv-loader .jv-p2 { left: 30.4%; top: 0; width: 36.3%; }
#jv-loader .jv-p3 { left: 34.4%; top: 0; width: 65.6%; }
#jv-loader .jv-p1 img { animation: jv-piece-1 1.68s var(--jv-loader-ease) both; }
#jv-loader .jv-p2 img { animation: jv-piece-2 1.68s var(--jv-loader-ease) both; }
#jv-loader .jv-p3 img { animation: jv-piece-3 1.68s var(--jv-loader-ease) both; }
#jv-loader .jv-wordmark { display: flex; flex-direction: column-reverse; align-items: flex-end; gap: clamp(8px,1.2vw,14px); }
#jv-loader .jv-joviaan { display: block; width: var(--jv-loader-joviaan); height: auto; }
#jv-loader .jv-international { display: block; width: var(--jv-loader-intl); height: auto; opacity: 0; transform: translateY(10px); animation: jv-intl-in 1.68s var(--jv-loader-ease) both; }
#jv-loader .jv-joviaan-wrap { position: relative; opacity: 0; transform: translateY(12px); clip-path: inset(0 100% 0 0); animation: jv-joviaan-in 1.68s var(--jv-loader-ease) both; }
#jv-loader .jv-joviaan-wrap::after { position: absolute; inset: -6% -2%; opacity: 0; background: linear-gradient(90deg,transparent,rgba(255,245,224,.06),transparent); transform: translateX(-18%); animation: jv-wordmark-sheen 1.68s var(--jv-loader-ease) both; pointer-events: none; content: ''; }
#jv-loader .jv-loader__skip { position: absolute; z-index: 2; right: 1.25rem; bottom: 1.25rem; padding: .55rem .75rem; border: 1px solid rgba(255,255,255,.2); background: transparent; color: #c8cfcc; font: inherit; font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; }
@keyframes jv-stage-in { 0%{opacity:0;transform:translateY(18px) scale(.982)} 22%{opacity:1} 100%{opacity:1;transform:none} }
@keyframes jv-emblem-glow { 0%{opacity:0;transform:scale(.76)} 40%{opacity:.92;transform:scale(1)} 100%{opacity:.62;transform:scale(1.04)} }
@keyframes jv-piece-1 { 0%,8%{opacity:0;transform:translate(-16px,14px) rotate(-7deg) scale(.94)} 28%,100%{opacity:1;transform:none} }
@keyframes jv-piece-2 { 0%,14%{opacity:0;transform:translate(0,-16px) rotate(-5deg) scale(.95)} 34%,100%{opacity:1;transform:none} }
@keyframes jv-piece-3 { 0%,20%{opacity:0;transform:translate(16px,8px) rotate(6deg) scale(.95)} 40%,100%{opacity:1;transform:none} }
@keyframes jv-intl-in { 0%,34%{opacity:0;transform:translateY(10px)} 52%,100%{opacity:1;transform:none} }
@keyframes jv-joviaan-in { 0%,42%{opacity:0;transform:translateY(12px);clip-path:inset(0 100% 0 0)} 54%{opacity:1;transform:none;clip-path:inset(0 100% 0 0)} 78%,100%{opacity:1;transform:none;clip-path:inset(0)} }
@keyframes jv-wordmark-sheen { 0%,58%{opacity:0;transform:translateX(-18%)} 74%{opacity:1;transform:translateX(10%)} 100%{opacity:0;transform:translateX(18%)} }

/* Shared theme controls and approved logo treatments. */
.header__controls { order: 3; display: flex; align-items: center; gap: .55rem; }
.primary-nav { order: 2; margin-left: auto; }
.brand__logo--light { display: none; }
html[data-theme='light'] .brand__logo--dark { display: none; }
html[data-theme='light'] .brand__logo--light { display: block; }
.theme-toggle { display: grid; width: 2.55rem; height: 2.55rem; flex: 0 0 auto; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; background: transparent; color: var(--text); cursor: pointer; }
.theme-toggle svg { grid-area: 1 / 1; width: 1.05rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; transition: opacity .2s ease, transform .25s ease; }
.theme-toggle__moon { opacity: 0; transform: rotate(-25deg) scale(.7); }
html[data-theme='light'] .theme-toggle__sun { opacity: 0; transform: rotate(25deg) scale(.7); }
html[data-theme='light'] .theme-toggle__moon { opacity: 1; transform: none; }
.site-header { background: color-mix(in srgb,var(--page-bg) 91%,transparent); border-color: var(--border); }
html[data-theme='light'] .primary-nav > a:not(.button) { color: #3f4947; }
html[data-theme='light'] .primary-nav > a:not(.button):hover { color: #151c1b; }

/* Supporting public pages now follow the selected semantic theme. */
.page-hero, .error-page { background: var(--surface-soft); color: var(--ink); }
.page-hero h1, .error-page h1 { color: var(--ink); }
.page-hero .lede { color: var(--ink-muted); }
.section { background: var(--page-bg); }
.note-card, .contact-card, .leadership-grid article, .principle-grid article, .compliance-note { border-color: var(--border); background: var(--surface-raised); color: var(--ink); }
.note-card p, .contact-card p, .plain-list, .principle-grid p, .leadership-section .section-heading > p:last-child, .compliance-note p { color: var(--ink-muted); }
.contact-card span, .text-link { color: var(--amber); }
.plain-list { display: grid; gap: .75rem; margin: 1.25rem 0 0; padding: 0; list-style: none; }
.plain-list li { padding-bottom: .75rem; border-bottom: 1px solid var(--border); }
.leadership-section { border-top: 1px solid var(--border); }
.leadership-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin: 0 0 2rem; }
.leadership-grid article { min-height: 10rem; padding: 1.5rem; border: 1px solid var(--border); }
.leadership-grid span, .principle-grid span { color: var(--amber); font-size: .65rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.leadership-grid h3 { margin-top: 2rem; }
.principle-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid var(--border); border-left: 1px solid var(--border); }
.principle-grid article { min-height: 17rem; padding: 1.5rem; border: 0; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.principle-grid h3 { margin-top: 2rem; font-size: clamp(1.45rem,2.1vw,2.2rem); }
.compliance-note { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 2rem; align-items: center; margin-top: 2rem; padding: 1.5rem; border: 1px solid var(--border); }
.compliance-note p { max-width: 55rem; margin: 0; }
.direct-contact { display: grid; grid-template-columns: .7fr 1.3fr; gap: 3rem; align-items: start; padding-top: 2.5rem; border-top: 1px solid var(--border); }
.contact-details { display: grid; justify-items: start; gap: .65rem; }
.contact-details address, .footer__contact address { color: var(--ink-muted); font-style: normal; }

/* Light master gateway retains material depth while becoming intentionally warm. */
html[data-theme='light'] .master-hero { background: radial-gradient(circle at 72% 35%,#dcc7aa 0,#ede3d3 37%,#f6f0e7 72%); }
html[data-theme='light'] .master-hero__veil { background: linear-gradient(90deg,rgba(246,240,231,.99) 0,rgba(246,240,231,.91) 34%,rgba(246,240,231,.32) 61%,rgba(246,240,231,.1) 76%,rgba(246,240,231,.58) 100%),linear-gradient(0deg,rgba(246,240,231,.94),transparent 36%); }
html[data-theme='light'] .master-hero__grid { opacity: .16; background-image: linear-gradient(rgba(41,50,48,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(41,50,48,.12) 1px,transparent 1px); }
html[data-theme='light'] .material-link { background: rgba(255,252,246,.9); }
html[data-theme='light'] .material-link:hover { background: #fffdf8; }
html[data-theme='light'] .master-hero__scene-label { color: rgba(32,40,39,.52); }
html[data-theme='light'] .section-dark { background: var(--page-bg); color: var(--ink); }
html[data-theme='light'] .portal-card__material::after { background: linear-gradient(0deg,var(--night-raised),transparent 65%); }
html[data-theme='light'] .trade-process, html[data-theme='light'] .gateway-cta { background: var(--surface-soft); }
html[data-theme='light'] .gateway-cta__panel { background: linear-gradient(120deg,rgba(177,112,61,.18),#fffaf3 52%,rgba(91,126,117,.14)); }
html[data-theme='light'] .text-link--light { color: #8a552c; }

/* Rubber theme palette: sage and warm-neutral in light, graphite and sage in dark. */
html[data-theme='light'] body.page--rubber,
html[data-theme='light'] body.page--rubber-products,
html[data-theme='light'] body.page--rubber-product,
html[data-theme='light'] body.page--rubber-buy,
html[data-theme='light'] body.page--rubber-sell,
html[data-theme='light'] body.page--rubber-market,
html[data-theme='light'] body.page--rubber-request-quote {
  --rubber-ink: #f2eee6;
  --rubber-panel: #fffdf8;
  --rubber-panel-soft: #e8eee8;
  --rubber-accent: #607b68;
  --rubber-accent-bright: #344f3f;
  --rubber-line: rgba(45,68,54,.18);
  --rubber-muted: #596760;
  background: var(--page-bg);
  color: var(--ink);
}
html[data-theme='light'] .rubber-section,
html[data-theme='light'] .rubber-products-preview,
html[data-theme='light'] .rubber-region,
html[data-theme='light'] .rubber-desk,
html[data-theme='light'] .rubber-final-cta,
html[data-theme='light'] .rubber-buy-flow,
html[data-theme='light'] .rubber-buyer-options,
html[data-theme='light'] .rubber-catalogue,
html[data-theme='light'] .rubber-product-detail,
html[data-theme='light'] .rubber-applications,
html[data-theme='light'] .rubber-form-section,
html[data-theme='light'] .rubber-market-state,
html[data-theme='light'] .rubber-price-desk,
html[data-theme='light'] .rubber-market-disclaimer,
html[data-theme='light'] .market-history { background: var(--page-bg); color: var(--ink); }
html[data-theme='light'] .rubber-audience-card,
html[data-theme='light'] .rubber-product-panel,
html[data-theme='light'] .rubber-desk aside,
html[data-theme='light'] .rubber-buy-flow li,
html[data-theme='light'] .rubber-catalogue-card,
html[data-theme='light'] .rubber-catalogue__note,
html[data-theme='light'] .rubber-form,
html[data-theme='light'] .market-reference-card,
html[data-theme='light'] .market-reference-card--priority { background: var(--surface-raised); color: var(--ink); }
html[data-theme='light'] .rubber-page-hero,
html[data-theme='light'] .rubber-product-hero { background: radial-gradient(circle at 78% 35%,#cbd6c9,#e5e9e1 38%,#f3efe7 74%); color: var(--ink); }
html[data-theme='light'] .rubber-page-hero h1,
html[data-theme='light'] .rubber-product-hero h1,
html[data-theme='light'] .rubber-lede,
html[data-theme='light'] .rubber-heading h2,
html[data-theme='light'] .rubber-heading > p:last-child { color: var(--ink); }
html[data-theme='light'] .rubber-form-errors { background: #fff0ed; color: var(--error); }
html[data-theme='light'] .rubber-field input,
html[data-theme='light'] .rubber-field select,
html[data-theme='light'] .rubber-field textarea { border-color: var(--border-strong); background: var(--input-bg); color: var(--ink); }
html[data-theme='light'] .market-price { color: var(--ink); }
html[data-theme='light'] .market-history-table th { background: #e7ece5; color: #344f3f; }
html[data-theme='light'] .market-chart svg { background: linear-gradient(180deg,rgba(96,123,104,.12),transparent); }
html[data-theme='light'] .rubber-final-cta__panel { background: radial-gradient(circle at 88% 22%,rgba(96,123,104,.15),transparent 34%),linear-gradient(120deg,#eef1e9,#fffaf3); }
.rubber-hero h1 { color: #f2efe9; }
.rubber-hero .rubber-lede, .rubber-hero__signals,
html[data-theme='light'] .rubber-hero .rubber-lede { color: #c8cfcd; }
.rubber-hero .rubber-kicker, .rubber-hero .text-link,
html[data-theme='light'] .rubber-hero .rubber-kicker,
html[data-theme='light'] .rubber-hero .text-link { color: #d1dacb; }
.rubber-hero .button--outline { border-color: rgba(242,239,233,.28); color: #f2efe9; }

.site-footer { background: var(--surface-soft); color: var(--ink-muted); border-color: var(--border); }
.footer__contact { display: grid; align-content: start; justify-items: start; gap: .45rem; }

.admin-settings-form { max-width: 64rem; }
.admin-text-link { color:#405148; font-size:.82rem; font-weight:700; }
.admin-security-panel { max-width:64rem; margin-top:2rem; padding:1.25rem; border:1px solid #d6dad2; background:#fff; }
.admin-security-panel h2 { margin:.25rem 0 1rem; color:#17201d; font-size:clamp(1.7rem,3vw,2.5rem); }
.admin-account-meta { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 0 1rem; border-top:1px solid #d6dad2; border-left:1px solid #d6dad2; }
.admin-account-meta div { min-width:0; padding:.8rem; border-right:1px solid #d6dad2; border-bottom:1px solid #d6dad2; }
.admin-account-meta dt { color:#66716d; font-size:.65rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.admin-account-meta dd { margin:.3rem 0 0; overflow-wrap:anywhere; }
.admin-visibility { display: inline-flex; align-items: center; gap: .5rem; font-size: .72rem; font-weight: 600; letter-spacing: 0; text-transform: none; }
.admin-visibility input { width: 1rem; min-height: 1rem; margin: 0; }
.field-error { color: #8b3428; font-size: .72rem; font-weight: 600; letter-spacing: 0; text-transform: none; }

@media (max-width: 900px) {
  .header__controls { margin-left: auto; }
  .primary-nav { order: 4; margin-left: 0; }
  html[data-theme='light'] .primary-nav { background: rgba(244,239,230,.98); }
  .leadership-grid, .principle-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html[data-theme='light'] .master-hero__veil { background: linear-gradient(90deg,rgba(246,240,231,.99) 0,rgba(246,240,231,.96) 52%,rgba(246,240,231,.7) 72%,rgba(246,240,231,.42)); }
}

@media (max-width: 640px) {
  .theme-toggle { width: 2.35rem; height: 2.35rem; }
  .leadership-grid, .principle-grid, .compliance-note, .direct-contact { grid-template-columns: 1fr; }
  .principle-grid article { min-height: auto; }
  #jv-loader .jv-loader__stage { gap: .8rem; }
  html[data-theme='light'] .master-hero__veil { background: linear-gradient(180deg,rgba(246,240,231,.99) 0,rgba(246,240,231,.96) 54%,rgba(246,240,231,.76) 76%,rgba(246,240,231,.95)); }
  .admin-account-meta { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  #jv-loader .jv-loader__stage,
  #jv-loader .jv-emblem::before,
  #jv-loader .jv-piece img,
  #jv-loader .jv-international,
  #jv-loader .jv-joviaan-wrap,
  #jv-loader .jv-joviaan-wrap::after { animation-duration: .01ms; animation-delay: 0s; }
  .theme-toggle svg, body { transition: none; }
}

/* PACK09B: light-first owner review, market strip, and restrained catalogue rhythm. */
html[data-theme='light'] {
  --page-bg: #f6f2ea;
  --surface: #fbf9f4;
  --surface-raised: #fffefa;
  --surface-soft: #ecefea;
  --ink: #202827;
  --ink-muted: #5c6764;
  --border: rgba(32,40,39,.14);
  --border-strong: rgba(32,40,39,.25);
  --input-bg: #fffefa;
  --amber: #c26e32;
  --amber-bright: #dc8a49;
  --night: #f6f2ea;
  --night-soft: #ecefea;
  --night-raised: #fffefa;
  --text: #202827;
  --muted: #65706d;
  --muted-bright: #3f4a47;
  --line: rgba(32,40,39,.13);
  --line-strong: rgba(32,40,39,.23);
  --shadow: 0 1.5rem 4.5rem rgba(49,56,51,.11);
}

.market-strip { position: relative; z-index: 8; overflow: hidden; border-block: 1px solid var(--border); background: var(--surface-raised); color: var(--ink); }
.market-strip__inner { min-height: 4.85rem; display: grid; grid-template-columns: auto minmax(18rem,1fr) auto auto; gap: clamp(1rem,2.5vw,2.5rem); align-items: center; }
.market-strip__identity { display: grid; gap: .1rem; padding-right: 1.4rem; border-right: 1px solid var(--border); white-space: nowrap; }
.market-strip__identity span, .market-strip__meta { color: var(--ink-muted); font-size: .59rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.market-strip__identity strong { color: var(--ink); font-size: .72rem; letter-spacing: .04em; }
.market-strip__viewport { min-width: 0; overflow: hidden; }
.market-strip__track { display: flex; align-items: stretch; gap: 1.6rem; width: max-content; max-width: 100%; }
.market-strip__quote { display: grid; grid-template-columns: auto auto; gap: .05rem .6rem; align-items: baseline; white-space: nowrap; }
.market-strip__quote strong { color: var(--amber); font-size: .72rem; letter-spacing: .06em; }
.market-strip__quote b { color: var(--ink); font: 400 1.1rem/1.1 var(--font-display); }
.market-strip__quote small { grid-column: 1 / -1; color: var(--ink-muted); font-size: .62rem; }
.market-strip__meta { max-width: 17rem; line-height: 1.5; }
.market-strip__link { color: var(--amber); font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.market-strip__empty { color: var(--ink-muted); font-size: .78rem; }

html[data-theme='light'] .division-gateway,
html[data-theme='light'] .corporate-position { background: var(--page-bg); }
html[data-theme='light'] .portal-card { border-color: var(--border); background: var(--surface-raised); color: var(--ink); box-shadow: 0 1rem 3rem rgba(46,52,48,.08); }
html[data-theme='light'] .portal-card p { color: var(--ink-muted); }
html[data-theme='light'] .portal-card__top { color: var(--ink-muted); }

.rubber-product-row { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.rubber-product-row .rubber-product-panel { display: flex; min-height: 31rem; flex-direction: column; padding: clamp(1.5rem,2.8vw,2.5rem); }
.rubber-product-row .rubber-product-panel h3 { max-width: none; font-size: clamp(2.35rem,3.5vw,3.75rem); }
.rubber-product-row .rubber-product-panel dl { grid-template-columns: 1fr; }
.rubber-product-row .rubber-product-panel .button { align-self: flex-start; margin-top: auto; }
.rubber-product-row__link { display: inline-flex; margin-top: 1.5rem; }
.rubber-catalogue__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.rubber-catalogue-card { display: flex; min-height: 35rem; flex-direction: column; padding: clamp(1.5rem,3vw,2.75rem); }
.rubber-catalogue-card h2 { max-width: none; font-size: clamp(2.5rem,4vw,4.25rem); }
.rubber-catalogue-card .button { align-self: flex-start; margin-top: auto; }
.rubber-catalogue__note { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; margin-top: 1rem; }

html[data-theme='light'] .rubber-product-panel,
html[data-theme='light'] .rubber-catalogue-card { background: linear-gradient(145deg,var(--surface-raised),var(--surface-soft)); }
html[data-theme='light'] .rubber-product-panel > p:not(.rubber-kicker),
html[data-theme='light'] .rubber-product-panel dd,
html[data-theme='light'] .rubber-catalogue-card > p,
html[data-theme='light'] .rubber-catalogue-card dd { color: var(--ink-muted); }

.leadership-grid--detailed article { position: relative; min-height: 25rem; display: flex; flex-direction: column; padding: clamp(1.5rem,3vw,2.75rem); overflow: hidden; }
.leadership-grid--detailed article::before { position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(var(--amber),transparent 78%); content: ''; }
.leadership-grid--detailed h3 { margin-top: 3.5rem; font-size: clamp(2rem,3.2vw,3.35rem); }
.leadership-grid--detailed article > p:last-child { margin-top: auto; color: var(--ink-muted); }
.leadership-card__designation { max-width: 18rem; color: var(--ink) !important; font-size: .88rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.leadership-page__cta { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 2rem; align-items: center; padding: 1.5rem 0 0; border-top: 1px solid var(--border); }
.leadership-page__cta p { max-width: 42rem; color: var(--ink-muted); }

.reveal-item { transition-duration: .55s; transition-timing-function: cubic-bezier(.2,.7,.2,1); }
.portal-card, .rubber-product-panel, .rubber-catalogue-card, .leadership-grid article { transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
@media (hover: hover) {
  .portal-card:hover, .rubber-product-panel:hover, .rubber-catalogue-card:hover, .leadership-grid article:hover { transform: translateY(-4px); border-color: var(--border-strong); box-shadow: var(--shadow); }
}

@media (max-width: 70rem) {
  .market-strip__inner { grid-template-columns: auto minmax(16rem,1fr) auto; }
  .market-strip__meta { display: none; }
  .rubber-product-row, .rubber-catalogue__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 47rem) {
  .market-strip__inner { min-height: 4.4rem; grid-template-columns: auto minmax(0,1fr); gap: .85rem; }
  .market-strip__identity { padding-right: .85rem; }
  .market-strip__identity span, .market-strip__link { display: none; }
  .market-strip__viewport { overflow-x: auto; scrollbar-width: none; }
  .market-strip__track { max-width: none; padding-right: 1rem; }
  .market-strip__quote b { font-size: .98rem; }
  .rubber-product-row { grid-template-columns: repeat(3,minmax(17rem,83vw)); margin-inline: -1rem; padding-inline: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .rubber-product-row .rubber-product-panel { min-height: 28rem; scroll-snap-align: start; }
  .rubber-catalogue__grid { grid-template-columns: 1fr; }
  .rubber-catalogue-card { min-height: auto; }
  .rubber-catalogue__note, .leadership-page__cta { grid-template-columns: 1fr; }
  .leadership-grid--detailed article { min-height: 21rem; }
}

@media (max-width: 35rem) {
  .rubber-product-row { margin-inline: -.75rem; padding-inline: .75rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal-item, .portal-card, .rubber-product-panel, .rubber-catalogue-card, .leadership-grid article { transition: none; }
}

/* PACK09C: image-led Rubber education and concise internal brand movement. */
.page-transition { position: fixed; z-index: 9998; inset: 0; display: grid; place-items: center; pointer-events: none; opacity: 0; background: rgba(11,16,15,.96); color: #f6f2ea; transition: opacity .2s ease; }
.page-transition__mark { display: grid; gap: .8rem; justify-items: center; transform: translateY(.75rem); opacity: 0; transition: transform .34s cubic-bezier(.2,.8,.2,1), opacity .26s ease; }
.page-transition__mark img { width: min(15rem,62vw); height: auto; filter: brightness(0) invert(1); }
.page-transition__mark span { color: #d7a06e; font-size: .64rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
html.page-transition-pending .page-transition { opacity: 1; pointer-events: auto; }
html.page-transition-pending .page-transition__mark { transform: translateY(0); opacity: 1; }

.rubber-hero { min-height: clamp(39rem, calc(100svh - 5.5rem), 50rem); background: #121816; }
.rubber-hero::after { z-index: -1; background: linear-gradient(90deg, rgba(8,12,11,.97) 0%, rgba(8,12,11,.89) 38%, rgba(8,12,11,.36) 70%, rgba(8,12,11,.6) 100%); }
.rubber-hero__image { position: absolute; z-index: -2; inset: 0; display: block; }
.rubber-hero__image img { width: 100%; height: 100%; object-fit: cover; object-position: 63% center; }
.rubber-hero__content { max-width: var(--shell); }
.rubber-image { display: block; overflow: hidden; background: var(--surface-soft); }
.rubber-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rubber-product-panel { display: flex; flex-direction: column; padding: 0 !important; }
.rubber-product-panel__image { height: 12rem; }
.rubber-product-panel__body { display: flex; flex: 1; flex-direction: column; padding: clamp(1.5rem,2.8vw,2.5rem); }
.rubber-product-panel__body h3 { max-width: none; }
.rubber-product-panel__body .button { align-self: flex-start; margin-top: auto; }
.rubber-catalogue-card { padding: 0 !important; overflow: hidden; }
.rubber-catalogue-card__image { height: 13rem; }
.rubber-catalogue-card__body { display: flex; min-height: 22rem; flex: 1; flex-direction: column; padding: clamp(1.5rem,3vw,2.75rem); }
.rubber-catalogue-card__body .button { align-self: flex-start; margin-top: auto; }
.rubber-page-hero__note { align-self: stretch; display: grid; align-content: end; min-height: 15rem; padding: clamp(1.5rem,3vw,2.5rem); border: 1px solid var(--rubber-line); background: linear-gradient(150deg, rgba(167,187,171,.18), rgba(10,15,14,.42)); }
.rubber-page-hero__note span { color: var(--rubber-accent); font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.rubber-page-hero__note strong { margin-top: .55rem; font: 400 clamp(2rem,3vw,3.25rem)/1 var(--font-display); }
.rubber-page-hero__note p { max-width: 22rem; margin: .8rem 0 0; color: var(--rubber-muted); }
.rubber-product-hero__image { min-height: clamp(19rem,29vw,29rem); border: 1px solid var(--rubber-line); border-radius: .85rem; box-shadow: var(--shadow); }
.rubber-education { border-block: 1px solid var(--rubber-line); background: linear-gradient(180deg, rgba(127,154,133,.08), transparent 48%); }
.rubber-education__intro { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin-top: 2.4rem; }
.rubber-education__intro article, .rubber-buying-considerations { padding: clamp(1.25rem,2.4vw,2rem); border: 1px solid var(--rubber-line); background: var(--rubber-panel); }
.rubber-education h3 { margin: 0; font-size: clamp(1.55rem,2.3vw,2.25rem); }
.rubber-education__intro p, .rubber-education__intro ul, .rubber-buying-considerations ul { margin-bottom: 0; color: var(--rubber-muted); }
.rubber-education__intro ul, .rubber-buying-considerations ul { display: grid; gap: .65rem; padding-left: 1.1rem; }
.rubber-journey { margin-top: 1rem; padding: clamp(1.25rem,2.5vw,2.4rem); border: 1px solid var(--rubber-line); background: linear-gradient(135deg, rgba(124,151,130,.17), rgba(18,28,25,.14)); }
.rubber-journey > ol { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; padding: 0; margin: 1.2rem 0 0; list-style: none; }
.rubber-journey li { position: relative; display: grid; gap: .65rem; min-height: 9.5rem; padding: 1rem 1.1rem 1rem 0; color: var(--rubber-muted); }
.rubber-journey li + li { padding-left: 1.1rem; border-left: 1px solid var(--rubber-line); }
.rubber-journey li + li::before { position: absolute; top: .92rem; left: -.35rem; color: var(--rubber-accent); content: '→'; }
.rubber-journey strong { color: var(--rubber-accent-bright); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.rubber-journey span { font-size: .86rem; line-height: 1.55; }
.rubber-journey__note { margin: 1.2rem 0 0; color: var(--rubber-muted); font-size: .78rem; }
.rubber-buying-considerations { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 2rem; align-items: center; margin-top: 1rem; }
.rubber-buying-considerations h3 { max-width: 18rem; }
html[data-theme='light'] .rubber-page-hero__note, html[data-theme='light'] .rubber-journey { background: linear-gradient(145deg, rgba(96,123,104,.14), rgba(255,254,250,.74)); }
html[data-theme='light'] .rubber-education__intro article, html[data-theme='light'] .rubber-buying-considerations { background: var(--surface-raised); }

@media (max-width: 70rem) {
  .rubber-education__intro { grid-template-columns: 1fr; }
  .rubber-journey > ol { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .rubber-journey li:nth-child(4) { border-left: 0; padding-left: 0; }
  .rubber-journey li:nth-child(4)::before { display: none; }
}
@media (max-width: 47rem) {
  .rubber-hero { min-height: 44rem; }
  .rubber-hero__image img { object-position: 67% center; }
  .rubber-hero::after { background: linear-gradient(180deg, rgba(8,12,11,.97) 0%, rgba(8,12,11,.9) 50%, rgba(8,12,11,.58) 100%); }
  .rubber-product-panel__image, .rubber-catalogue-card__image { height: 11rem; }
  .rubber-page-hero__note { min-height: auto; }
  .rubber-product-hero__image { min-height: 16rem; }
  .rubber-journey > ol { grid-template-columns: 1fr; }
  .rubber-journey li, .rubber-journey li + li { min-height: auto; padding: 1rem 0; border-left: 0; border-top: 1px solid var(--rubber-line); }
  .rubber-journey li:first-child { border-top: 0; }
  .rubber-journey li + li::before { display: none; }
  .rubber-buying-considerations { grid-template-columns: 1fr; gap: 1rem; }
  .rubber-product-hero__grid > *, .rubber-product-detail__grid > *, .rubber-education__intro > *, .rubber-buying-considerations > * { min-width: 0; }
  .rubber-product-detail h2, .rubber-education h2, .rubber-education h3 { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  .page-transition { display: none; }
  .page-transition__mark { transition: none; }
}

/* PACK09E: finished Rubber catalogue and specification-led enquiry surface. */
.finished-rubber-hero { position: relative; overflow: hidden; padding-block: clamp(4.5rem,9vw,8rem); background: #111916; color: #f4f0e8; }
.finished-rubber-hero::after { position: absolute; inset: 0; background: radial-gradient(circle at 82% 20%, rgba(194,110,50,.22), transparent 34%), linear-gradient(120deg, rgba(17,25,22,.98), rgba(26,44,35,.9)); content: ''; pointer-events: none; }
.finished-rubber-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(17rem,.65fr); gap: clamp(2rem,7vw,7rem); align-items: end; }
.finished-rubber-hero h1 { max-width: 18ch; color: #f4f0e8; font-size: clamp(2.8rem,6.3vw,6.6rem); }
.finished-rubber-hero .rubber-lede { max-width: 48rem; color: #c9d0c7; }
html[data-theme='light'] .finished-rubber-hero .rubber-lede { color: #c9d0c7; }
.finished-rubber-hero__note { display: grid; align-content: end; min-height: 17rem; padding: clamp(1.4rem,3vw,2.5rem); border: 1px solid rgba(208,222,207,.22); background: rgba(255,255,255,.055); }
.finished-rubber-hero__note span, .finished-rubber-status { color: var(--amber); font-size: .64rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.finished-rubber-hero__note strong { margin-top: .65rem; font: 400 clamp(2rem,3.2vw,3.35rem)/1 var(--font-display); }
.finished-rubber-hero__note p { margin: .8rem 0 1.2rem; color: #c9d0c7; }
.finished-rubber-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.7rem; }
.finished-rubber-actions .button { margin: 0; }
.finished-rubber-section-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(16rem,.65fr); gap: 2rem; align-items: end; margin-bottom: 2rem; }
.finished-rubber-section-heading > p { margin: 0; color: var(--rubber-muted); }
.finished-rubber-catalogue__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.finished-rubber-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--rubber-line); background: var(--rubber-panel); transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
.finished-rubber-card__image { height: 11rem; margin: 0; background: var(--surface-soft); }
.finished-rubber-card__image img, .finished-rubber-family__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.finished-rubber-card__body { display: flex; min-height: 20rem; flex: 1; flex-direction: column; padding: clamp(1.35rem,2.4vw,2rem); }
.finished-rubber-card h3, .finished-rubber-family h3 { max-width: none; margin: .65rem 0 .8rem; font-size: clamp(1.7rem,2.5vw,2.65rem); }
.finished-rubber-card p, .finished-rubber-family p { color: var(--rubber-muted); }
.finished-rubber-card .rubber-text-link, .finished-rubber-family .rubber-text-link { margin-top: auto; padding-top: 1.25rem; }
.finished-rubber-chips { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 1rem; }
.finished-rubber-chips span { padding: .35rem .55rem; border: 1px solid var(--rubber-line); color: var(--rubber-muted); font-size: .68rem; line-height: 1.25; }
.finished-rubber-families { background: linear-gradient(180deg, rgba(127,154,133,.08), transparent 30%), var(--rubber-ink); }
.finished-rubber-family-list { display: grid; gap: 1rem; }
.finished-rubber-family { display: grid; grid-template-columns: minmax(15rem,.42fr) minmax(0,.58fr); min-width: 0; border: 1px solid var(--rubber-line); background: var(--rubber-panel); }
.finished-rubber-family__visual { min-width: 0; min-height: 20rem; }
.finished-rubber-family__image { height: 100%; margin: 0; background: var(--surface-soft); }
.finished-rubber-family__content { display: flex; min-width: 0; flex-direction: column; padding: clamp(1.4rem,3vw,2.75rem); }
.finished-rubber-family__heading h3 { margin-bottom: .6rem; }
.finished-rubber-family__columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.5rem; margin-top: 1rem; }
.finished-rubber-family h4 { margin: 0 0 .55rem; color: var(--rubber-accent-bright); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
.finished-rubber-family ul { display: grid; gap: .3rem; margin: 0; padding-left: 1.1rem; color: var(--rubber-muted); font-size: .82rem; }
.finished-rubber-fields { margin-top: 1.1rem; padding-top: 1rem; border-top: 1px solid var(--rubber-line); }
.finished-rubber-fields .finished-rubber-chips { margin-top: .6rem; }
.finished-rubber-guardrails { background: #0b1110; }
.finished-rubber-guardrails__grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 2rem; align-items: start; }
.finished-rubber-guardrails p { max-width: 48rem; color: var(--rubber-muted); }
.finished-rubber-disclaimer { margin-top: 1.5rem; padding: 1rem 1.1rem; border-left: 2px solid var(--rubber-accent); background: rgba(169,184,162,.055); font-size: .82rem; }
.finished-rubber-form-section { background: #0b1110; }
.finished-rubber-form-section .rubber-form { background: rgba(255,255,255,.035); }
.finished-rubber-cta { background: linear-gradient(135deg, #30443a, #16241f); }
.finished-rubber-cta h2 { color: #f4f0e8; }
.finished-rubber-cta > .shell > p:not(.rubber-kicker) { max-width: 42rem; color: #c9d0c7; }
.finished-rubber-cta .button--outline { border-color: rgba(242,239,233,.3); color: #f4f0e8; }
html[data-theme='light'] .finished-rubber-card, html[data-theme='light'] .finished-rubber-family { background: linear-gradient(145deg,var(--surface-raised),var(--surface-soft)); }
html[data-theme='light'] .finished-rubber-card p, html[data-theme='light'] .finished-rubber-family p, html[data-theme='light'] .finished-rubber-family ul { color: var(--ink-muted); }

@media (hover: hover) {
  .finished-rubber-card:hover, .finished-rubber-family:hover { transform: translateY(-4px); border-color: var(--border-strong); box-shadow: var(--shadow); }
}
@media (max-width: 70rem) {
  .finished-rubber-catalogue__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 47rem) {
  .finished-rubber-hero__grid, .finished-rubber-section-heading, .finished-rubber-guardrails__grid { grid-template-columns: 1fr; }
  .finished-rubber-hero__note { min-height: auto; }
  .finished-rubber-catalogue__grid { grid-template-columns: 1fr; }
  .finished-rubber-card__body { min-height: auto; }
  .finished-rubber-family { grid-template-columns: 1fr; }
  .finished-rubber-family__visual { min-height: 13rem; }
  .finished-rubber-family__image { height: 13rem; }
  .finished-rubber-family__columns { grid-template-columns: 1fr; gap: 1rem; }
}
@media (max-width: 35rem) {
  .finished-rubber-hero { padding-block: 3.5rem; }
  .finished-rubber-actions { display: grid; }
  .finished-rubber-actions .button { width: 100%; }
  .finished-rubber-family__content, .finished-rubber-card__body { padding: 1.15rem; }
  .finished-rubber-card h3, .finished-rubber-family h3 { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  .finished-rubber-card, .finished-rubber-family { transition: none; }
}