:root{ --color-primary:#d9b100; --color-primary-hover:#c49f00; --color-primary-soft:#f4e28a; --color-text:#1f1f1f; --color-text-soft:#5a5a5a; --color-bg:#ffffff; --color-bg-soft:#f7f7f4; --color-border:#e6e6de; --color-dark:#2a2a2a; --radius-sm:6px; --radius-md:12px; --shadow-soft:0 10px 25px rgba(0,0,0,.06); --max-width:1280px; --space-xs:8px; --space-sm:16px; --space-md:24px; --space-lg:40px; --space-xl:64px;}.container-main{ width:100%; max-width:var(--max-width); margin-inline:auto; padding-inline:24px;}.section-pad{ padding-top:var(--space-xl); padding-bottom:var(--space-xl);}.section-tight{ padding-top:var(--space-lg); padding-bottom:var(--space-lg);}.section-soft{ background:var(--color-bg-soft);}.flex-between{ display:flex; align-items:center; justify-content:space-between; gap:20px;}.flex-center{ display:flex; align-items:center; justify-content:center; gap:20px;}.grid-2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px;}.grid-3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px;}.grid-4{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px;}.text-muted{ color:var(--color-text-soft);}.text-center{ text-align:center;}.lead-text{ font-size:1.15rem; line-height:1.7; color:var(--color-text-soft);}.heading-xl{ font-size:clamp(2.5rem,5vw,4.2rem); line-height:1.1; font-weight:700;}.heading-lg{ font-size:clamp(2rem,4vw,3rem); line-height:1.15; font-weight:700;}.heading-md{ font-size:clamp(1.45rem,3vw,2rem); line-height:1.2; font-weight:700;}.btn-primary{ display:inline-flex; align-items:center; justify-content:center; padding:14px 24px; border-radius:var(--radius-sm); background:var(--color-primary); color:#111; font-weight:700; text-decoration:none; transition:.2s ease;}.btn-primary:hover{ background:var(--color-primary-hover); transform:translateY(-1px);}.btn-secondary{ display:inline-flex; align-items:center; justify-content:center; padding:14px 24px; border-radius:var(--radius-sm); background:var(--color-dark); color:#fff; font-weight:700; text-decoration:none;}.btn-outline{ display:inline-flex; align-items:center; justify-content:center; padding:14px 24px; border-radius:var(--radius-sm); border:1px solid var(--color-border); color:var(--color-text); text-decoration:none;}.card-clean{ background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-md); padding:24px;}.card-product{ background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-md); padding:20px; transition:.2s ease;}.card-product:hover{ box-shadow:var(--shadow-soft); transform:translateY(-2px);}.card-shadow{ background:#fff; border-radius:var(--radius-md); padding:24px; box-shadow:var(--shadow-soft);}.yellow-band{ background:linear-gradient(135deg,var(--color-primary),#e8c838); color:#111;}.trust-strip{ background:var(--color-bg-soft); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border);}.industrial-hero{ background:linear-gradient(180deg,#fff,#f7f7f4);}.docs-box{ border:1px dashed var(--color-border); border-radius:var(--radius-md); padding:20px;}.price-highlight{ font-size:1.35rem; font-weight:700;}.product-summary-wrap{ display:grid; gap:16px;}.qty-clean input{ border-radius:var(--radius-sm);}@media (max-width:991px){ .grid-4, .grid-3{ grid-template-columns:repeat(2,1fr); } .grid-2{ grid-template-columns:1fr; } .section-pad{ padding-top:48px; padding-bottom:48px; }}.header-wrap{ background:#fff; border-bottom:1px solid var(--color-border);}.header-inner{ width:100%; max-width:var(--max-width); margin-inline:auto; padding:14px 24px; display:flex; align-items:center; justify-content:space-between; gap:24px;}.header-logo{ display:flex; align-items:center; flex:0 0 auto;}.header-nav{ display:flex; align-items:center; gap:24px; flex:1 1 auto;}.header-tools{ display:flex; align-items:center; justify-content:flex-end; gap:14px; flex:0 0 auto;}.header-sticky{ position:sticky; top:0; z-index:100; background:#fff;}.footer-wrap{ background:var(--color-dark); color:#fff;}.footer-inner{ width:100%; max-width:var(--max-width); margin-inline:auto; padding:56px 24px 24px;}.footer-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px;}.footer-col{ display:grid; gap:12px; align-content:start;}.footer-title{ font-size:1rem; font-weight:700; color:#fff;}.footer-bottom{ margin-top:32px; padding-top:20px; border-top:1px solid rgba(255,255,255,.14); display:flex; align-items:center; justify-content:space-between; gap:16px; color:rgba(255,255,255,.72); font-size:.95rem;}.hero-wrap{ background:linear-gradient(180deg,#fff,#f7f7f4);}.hero-inner{ width:100%; max-width:var(--max-width); margin-inline:auto; padding:72px 24px; display:grid; grid-template-columns:1.05fr .95fr; gap:40px; align-items:center;}.hero-content{ display:grid; gap:18px;}.hero-media{ display:flex; align-items:center; justify-content:center;}.hero-actions{ display:flex; flex-wrap:wrap; gap:14px; align-items:center;}.hero-kicker{ display:inline-flex; align-items:center; gap:8px; font-size:.92rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--color-text-soft);}.cta-band{ background:linear-gradient(135deg,var(--color-primary),#e8c838); color:#111;}.cta-inner{ width:100%; max-width:var(--max-width); margin-inline:auto; padding:28px 24px; display:flex; align-items:center; justify-content:space-between; gap:24px;}.cta-content{ display:grid; gap:8px;}.cta-actions{ display:flex; align-items:center; gap:12px; flex-wrap:wrap;}.product-grid-wrap{ width:100%;}.product-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px;}.product-card{ background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-md); overflow:hidden; transition:.2s ease;}.product-card:hover{ box-shadow:var(--shadow-soft); transform:translateY(-2px);}.product-card-media{ background:#fff; padding:18px; display:flex; align-items:center; justify-content:center; min-height:220px;}.product-card-body{ padding:18px; display:grid; gap:10px;}.product-card-title{ font-size:1.05rem; font-weight:700; line-height:1.25; color:var(--color-text);}.product-card-text{ color:var(--color-text-soft); line-height:1.6; font-size:.98rem;}.docs-section{ background:var(--color-bg-soft);}.docs-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px;}.docs-card{ background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-md); padding:22px; display:grid; gap:12px;}.docs-card-title{ font-size:1.05rem; font-weight:700; line-height:1.3;}.docs-card-meta{ color:var(--color-text-soft); font-size:.95rem;}.docs-actions{ display:flex; gap:12px; flex-wrap:wrap; align-items:center;}.section-title-row{ display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:24px;}.section-title-block{ display:grid; gap:8px;}.section-actions{ display:flex; align-items:center; gap:12px; flex-wrap:wrap;}.content-narrow{ width:100%; max-width:860px; margin-inline:auto;}.content-wide{ width:100%; max-width:1440px; margin-inline:auto;}@media (max-width: 991px){ .footer-grid, .docs-grid, .product-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .hero-inner{ grid-template-columns:1fr; padding:56px 24px; } .cta-inner, .section-title-row, .footer-bottom{ flex-direction:column; align-items:flex-start; } .header-inner{ flex-wrap:wrap; }}@media (max-width: 640px){ .footer-grid, .docs-grid, .product-grid{ grid-template-columns:1fr; } .header-inner, .hero-inner, .cta-inner, .footer-inner{ padding-inline:16px; }}@media (max-width:640px){ .grid-4, .grid-3{ grid-template-columns:1fr; } .container-main{ padding-inline:16px; }} html {background-color: #F8F8F8; background-image: url(https://innotec.nu/wp-content/uploads/2020/02/redox_01.png.webp); background-attachment: fixed; background-size: contain; background-repeat: repeat} body {background: none}:where(:root) .bricks-color-primary {color: #E3Be00}:where(:root) .bricks-background-primary {background-color: #E3Be00}:where(:root) .bricks-color-secondary {color: #1E1E1E}:where(:root) .bricks-background-secondary {background-color: #1E1E1E}:where(:root) .bricks-color-light {color: #F8F8F8}:where(:root) .bricks-background-light {background-color: #F8F8F8}:where(:root) .bricks-color-dark {color: #1E1E1E}:where(:root) .bricks-background-dark {background-color: #1E1E1E}:where(:root) .bricks-color-muted {color: #E5E5E5}:where(:root) .bricks-background-muted {background-color: #E5E5E5}:where(:root) * {border-color: #1E1E1E} body {font-family: "Inter"; font-size: 14px} h5 {font-family: "Montserrat"}@media (max-width: 991px) { html {background-color: var(--light_background)} body {background: none}}@media (max-width: 767px) { html {background-color: var(--light_background)} body {background: none}}@media (max-width: 478px) { .pswp .pswp__bg {background-color: var(--light_background)} html {background-color: var(--light_background)} body {background: none}}