/* ===== Censilsilica editorial reskin (Evonik/Clariant-inspired) ===== */
:root{ --radius:0; --radius-lg:0; --header-h:74px; }

/* --- global geometry: squared, architectural --- */
.btn, .sol-card, .pain__card, .hero__panel, .badge, .method-figure img,
.step-card, .why-card, input, select, textarea { border-radius:0 !important; }

/* --- header: flat white, uppercase nav, rule underline --- */
header .nav a, .nav__link { text-transform:uppercase; letter-spacing:.08em; font-size:.82rem; font-weight:600; }
header { border-bottom:1px solid var(--ink); box-shadow:none !important; }

/* --- type scale: oversized editorial --- */
.section-title{ font-size:clamp(2.2rem,4.6vw,3.6rem); letter-spacing:-.02em; line-height:1.04; }
.eyebrow{ text-transform:uppercase; letter-spacing:.18em; font-size:.74rem; font-weight:700; color:var(--teal); display:inline-flex; align-items:center; gap:.6rem; }
.eyebrow::before{ content:""; width:34px; height:2px; background:var(--sand); display:inline-block; }

/* --- HERO: full-bleed photo + color plate --- */
.heroX{ position:relative; min-height:86vh; display:flex; align-items:flex-end; overflow:hidden; background:var(--ink); }
.heroX__bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 30%; }
.heroX__scrim{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(16,31,26,.15) 0%, rgba(16,31,26,.55) 100%),
  linear-gradient(90deg, rgba(18,59,46,.55) 0%, rgba(18,59,46,0) 60%); mix-blend-mode:multiply; }
.heroX__wrap{ position:relative; z-index:2; width:100%; padding-bottom:0; }
.heroX__plate{ background:var(--teal-700); color:#fff; max-width:760px; padding:clamp(1.6rem,3.5vw,3rem); margin-bottom:clamp(2rem,6vh,4.5rem); }
.heroX__kicker{ display:inline-flex; align-items:center; gap:.6rem; text-transform:uppercase; letter-spacing:.2em; font-size:.72rem; font-weight:700; color:var(--sand); margin-bottom:1.1rem; }
.heroX__kicker::before{ content:""; width:34px; height:2px; background:var(--sand); }
.heroX__plate h1{ font-family:var(--font-display); font-size:clamp(2.3rem,5.2vw,4.2rem); line-height:1.02; letter-spacing:-.02em; margin:0 0 1.1rem; color:#fff; }
.heroX__plate h1 em{ font-style:normal; color:var(--sand); }
.heroX__lead{ font-size:1.02rem; line-height:1.65; color:rgba(255,255,255,.82); max-width:56ch; margin:0 0 1.6rem; }
.heroX__cta{ display:flex; gap:.9rem; flex-wrap:wrap; }
.heroX__cta .btn--sand{ background:var(--sand); color:var(--ink); }
.heroX__cta .btn--ghost{ color:#fff; border:1px solid rgba(255,255,255,.4); }

/* --- action band: split entry points --- */
.actionband{ display:grid; grid-template-columns:1fr 1fr; }
.actionband a{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.6rem clamp(1.2rem,4vw,3.2rem);
  font-family:var(--font-display); font-size:clamp(1.1rem,2vw,1.5rem); font-weight:600; text-decoration:none; transition:opacity .2s; }
.actionband a:hover{ opacity:.88; }
.actionband__dark{ background:var(--ink); color:#fff; }
.actionband__green{ background:var(--teal); color:#fff; }
.actionband .ab-arrow{ font-size:1.6em; line-height:1; color:var(--sand); }
@media (max-width:760px){ .actionband{ grid-template-columns:1fr; } }

/* --- stats band: dark with copper numerals --- */
.trustbar{ background:var(--ink) !important; border:none !important; padding:2.2rem 0; }
.trustbar .trust-stat b{ color:#fff; font-size:1.9rem; }
.trustbar .trust-stat b em{ color:var(--sand); font-style:normal; }
.trustbar .trust-stat span{ color:rgba(255,255,255,.55); }
.trustbar .badge{ background:transparent; border:1px solid rgba(255,255,255,.25); color:rgba(255,255,255,.8); }

/* --- solutions: editorial numbered rows --- */
.sol-list{ border-top:2px solid var(--ink); }
.sol-row{ display:grid; grid-template-columns:110px 1.1fr 1.4fr 220px 40px; gap:clamp(1rem,2.5vw,2.2rem); align-items:center;
  padding:1.7rem 0; border-bottom:1px solid var(--line); text-decoration:none; color:inherit; transition:background .2s; }
.sol-row:hover{ background:var(--paper-2); }
.sol-row__num{ font-family:var(--font-display); font-size:clamp(2rem,4vw,3.2rem); font-weight:700; color:var(--line); transition:color .2s; line-height:1; }
.sol-row:hover .sol-row__num{ color:var(--sand); }
.sol-row__head h3{ margin:0 0 .35rem; font-size:1.25rem; letter-spacing:-.01em; color:var(--ink); }
.sol-row__head p{ margin:0; font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; color:var(--ink-3); }
.sol-row__desc{ margin:0; font-size:.95rem; color:var(--ink-2); }
.sol-row__desc strong{ display:block; color:var(--teal); margin-top:.45rem; font-weight:600; }
.sol-row__img{ height:120px; overflow:hidden; }
.sol-row__img img{ width:100%; height:100%; object-fit:cover; filter:saturate(.85); mix-blend-mode:multiply; transition:transform .35s; }
.sol-row:hover .sol-row__img img{ transform:scale(1.05); }
.sol-row__go{ font-size:1.5rem; color:var(--teal); }
@media (max-width:900px){ .sol-row{ grid-template-columns:60px 1fr 40px; } .sol-row__desc,.sol-row__img{ display:none; } }

/* --- pain cards: solid color blocks (Evonik) --- */
.pain__card{ background:var(--teal-700); color:#fff; border:none; padding:2rem 1.6rem; }
.pain__card:nth-child(2){ background:var(--teal); }
.pain__card:nth-child(3){ background:var(--ink); }
.pain__card h3{ color:#fff; }
.pain__card p{ color:rgba(255,255,255,.78); }
.pain__card .pain__num{ color:var(--sand); font-size:2.4rem; font-family:var(--font-display); font-weight:700; }
.pain__card .fix{ color:var(--sand); }

/* --- footer: near-black green --- */
footer{ background:var(--teal-700) !important; }